/* /////////////////////// Basic Tags //////////////////////// */


html,body,table {
	font-family: Arial,sans-serif;
	font-size: 11pt;
	line-height: 17pt;
}

table {
	empty-cells: show;
}

a {
	color: #005DB4;
	text-decoration: none;
}

a:hover {
	color: #33bbff;
}

img {
	padding: 3pt;
	border: 0px;
}

hr {
	height: 1px;
	background-color: #cccccc;
	top: 0px;
	border: 0px;
	margin-top: 18pt;
	margin-bottom: 18pt;
}

h2 {
	color: #0165B1;
	margin-bottom: 24pt;
	font-size: 21pt;
	border-bottom: 2px dotted #0188EF;
	padding-bottom: 8pt;
}




/* /////////////////////// The DIVs and TABLEs the content is placed in //////////////////////// */

.content_table {
	border: 0px;
	border-spacing: 0px;
	padding: 0px;
	width: 100%;
	margin-bottom: 24pt;
	empty-cells: show;
	border-collapse: collapse;
}

.content_td {
	background-color: #f4f4f4;
	border: 1px solid #cccccc;
	padding: 9pt;
	text-align: left;
	vertical-align: top;
}

.headerbar_td {
	border: 0px;
	color: #000000;
	border: 1px solid #cccccc;
	background-color: #dddddd;
	margin: 0px;
	padding-left: 9pt;
	padding-right: 9pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
	text-align: center;
}
.headerbar_td A {
	color: #333333;
}
.headerbar_td A:hover {
	color: #ffffff;
}

.breadcrumb {
	font-size: 8pt;
	text-transform: lowercase;
	text-align: left;
	margin-bottom: 20pt;
}
.breadcrumb A {
	color: #005DB4;
	text-decoration: none;
}
.breadcrumb A:hover {
	color: #33bbff;
}

.buttonbar {
	text-align: center;
	padding: 12pt;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	border-radius: 5px;
	margin-top: 36pt;
}

.button {
	background-color: #fc9100;
	background-image: url(images/button_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	padding: 6pt;
	border-radius: 3pt;
	-moz-border-radius: 3pt;
	color: #222222;
	font-size: 9pt;
	border: 1px solid #666666;
}
.button:hover {
	background-image: url(images/button_hoverbg.png);
	background-repeat: repeat-x;
	background-position: top;
	padding: 6pt;
	border-radius: 3pt;
	-moz-border-radius: 3pt;
	color: #222222;
	font-size: 9pt;
	border: 1px solid #666666;
	cursor: pointer;
}




/* /////////////////////// INPUT //////////////////////// */

.input_textarea {
	width: 99%; height: 240pt;
	color: #000000;
	padding: 3pt;
	margin-top: 4pt; margin-bottom: 4pt;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}

.input_select {
	width: 99%;
	font-size: 12pt;
	color: #000000;
	padding: 5pt;
	margin-top: 4pt;
	margin-bottom: 4pt;
}

.input_text {
	width: 99%;
	font-size: 12pt;
	color: #000000;
	padding: 5pt;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	margin-top: 4pt;
	margin-bottom: 4pt;
}

.input_button {
	padding: 10pt;
	padding-top: 4pt;
	padding-bottom: 4pt;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	font-size: 12pt;
	cursor: pointer;
	margin-top: 4pt;
	margin-bottom: 4pt;
	display: inline-block;
	outline: 0;
	border: 1px solid #0188EF;
	color: #ffffff;
	background-color: #0188EF;
}

.input_button:hover {
	border: 1px solid #16AAFF;
	background-color: #16AAFF;
	color: #ffffff;
}




/* Various other things */

.separator_td {
	background-color: #ffffff;
	height: 24pt;
	border: 0px;
}

.pagenumbers {
	color: #aaaaaa;
	font-size: 8pt;
	text-align: right;
	margin-right: 2.5%;
}

.pagenumbers_menu {
	font-size: 8pt;
	height: 12pt;
	border: 1px solid #bbbbbb;
	background-color: #eeeeee;
}

.fp_error {
	width: 99%;
	padding: 0.5%;
	background-color: #ffbbbb;
	border: 1px solid #eeaaaa;
	margin-left: auto; margin-right: auto;
	margin-bottom: 24pt;
}

.to_events_creativelist {
	display: block;
	background: #feccb1;
	background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
	background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);
	background: linear-gradient(to bottom,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 );
	color: #000000;
	padding-top: 6pt;
	padding-bottom: 6pt;
	padding-left: 2pt;
	padding-right: 2pt;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	margin-bottom: 12pt;
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
}

.to_events_creativelist:hover {
	background: #fcd6c2;
	background: -moz-linear-gradient(top,  #fcd6c2 0%, #ef9162 50%, #e87237 51%, #f9a87c 100%);
	background: -webkit-linear-gradient(top,  #fcd6c2 0%,#ef9162 50%,#e87237 51%,#f9a87c 100%);
	background: linear-gradient(to bottom,  #fcd6c2 0%,#ef9162 50%,#e87237 51%,#f9a87c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd6c2', endColorstr='#f9a87c',GradientType=0 );
	color: #000000;
	text-shadow: 0px 0px 7px rgba(255, 255, 255, 1);
}

.modal_window_holder {
	background-color: #ffffff;
	color: #000000;
	margin: 0;
	padding: 14pt;
	min-height: 100%;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-direction: column;
	gap: 1em;
	font-size: 1em;
	line-height: 1.5em;
	box-sizing: border-box;
}

.modal_window_content {
	padding: 14pt;
	background-color: #ffffff;
	height: 100%;
}

.ilightbox-holder.mac {
	height: 80vh !important;
	top: 10vh !important;
}

.ilightbox-holder.mac > .ilightbox-container {
	height: 100% !important;
}




/* general */

.p_header {
	font-size: 11pt;
	font-weight: bold;
	padding: 12pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
	background-color: #FF6505;
	color: #ffffff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-bottom: 0px;
	overflow: auto;
}

.p_box {
	padding: 25pt;
	padding-top: 18pt;
	border: 1px solid #cccccc;
	border-top: 0px;
	margin-bottom: 36pt;
	background-color: #fafafa;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: auto;
}

.p_box ul {
	margin: 0pt;
	margin-top: 6pt;
	padding-left: 12pt;
}

.p_sidebar {
	float: left;
	width: 140px;
	height: 100%;
	border-right: 1px solid #cccccc;
	margin-right: 16px;
	padding-right: 8px;
	overflow: expand;
	margin-bottom: 24pt;
}

.p_maincol {
	width: 220px; height: 100%; position: absolute; right: 0; top: 0;
	overflow: expand;
}

.public_announcement {
	border: 1px solid #ff4040;
	padding: 5pt;
	background-color: #ffa1a1;
	margin-bottom: 18pt;
}


/* links */

.links_table {
	width: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.links_td1 {
	width: 250px; padding: 0px; vertical-align: top; padding-bottom: 10pt;
}
.links_td2 {
	padding: 0px; vertical-align: top; padding-bottom: 10pt;
}


/* news */

.news_subtable {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
}
.news_subtable td {
	border: 1px solid #aaaaaa;
	font-size: 9.5pt;
	padding: 5pt;
	vertical-align: top;
}

.news_subtable td table td {
	border: 0px;
}



/* prog tabs */

.prog_tabs {
	display: flex;
	margin-bottom: 4em;
}

.prog_tabs a {
	display: block;
	flex: 1;
	background-color: #042d61;
	padding: 1em;
	text-align: center;
	color: #dddddd;
	border-left: 1px solid #074d9d;
}

.prog_tabs a:hover {
	color: #ffffff;
	background-color: #053671;
}

.prog_tabs a.prog_active {
	background-color: #021934;
	color: #ffffff !important;
	font-weight: bold;
}

.prog_tabs a:first-of-type {
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
	border-left: 0;
}

.prog_tabs a:last-of-type {
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
}


/* user account */

.acc_logged_in_as {
	display: flex;
	border: 1px solid #cccccc;
	background-color: #f5f5f5;
	padding: 0.5em;
	margin-bottom: 3em;
	align-items: center;
	justify-content: center;
}

.acc_logged_in_as span {
	flex-grow: 1;
}

.acc_logged_in_as a {
	display: block;
}