/* MediaWeb Site Wide StyleSheets */
/*Note: all style classes should be placed in this file to avoid multiple css files, except for the MediaWeb.Controls */
html, body, #aspnetForm {
	height: 100%;
}

body {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	/*background:#3a6991 url(../../Images/backnew.jpg) repeat-x scroll 0 0;*/
	/*background: #ffffff url(../../Images/back.jpg) repeat-x scroll 0 0;*/
	background: #ffffff url(../../Images/background.gif) no-repeat fixed 0 0;
	/*background: #cecece;*/
	/*background-position: bottom;*/
	/*background-repeat: repeat;*/
	padding: 2px;
	margin: 0px;
	font: 11px Arial,Helvetica;
	color: #000000;
	text-align: center;
}

#sitecontainer {
	text-align: left;
	height: 100%;
	width: 971px; /* this needs to correspond to the menu.js setting */
	margin: 0 auto;
	position: relative;
	/*background-color: #CCCCCC;*/
	background-color: white;
	box-shadow: 0px 5px 10px #555555 !important;
	margin-top: -1px;
}

.browsererrormsg {
	border: 1px;
	font: 12px Arial,Helvetica;
	color: Red;
	margin-top: 20px;
}

form {
	margin: 0px;
	padding: 0px;
}

a {
	color: #666;
	text-decoration: none;
	outline: 0;
}

	a:hover {
		text-decoration: underline;
	}

b {
	color: #295689;
}

table {
	font-size: 100%;
}

th {
	vertical-align: top;
}

td {
	vertical-align: top;
}

	td.grey {
		background-color: #EBEBEB;
	}

h1 {
	/*color: #EC7F09;*/
	color: #00afec;
	font-size: 1.5em;
	font-family: Arial,Helvetica;
	margin-bottom: 0;
	border-bottom: solid 0px #C4C0C0;
	padding: 0 0 0 4px;
	text-align: left;
	/*background-color: #C4C0C0;
	background-image:url(Images/bg-dropdown-fade.jpg);*/
}

h2 {
	/*color: #EC7F09;*/
	color: #333333;
	font-size: 1.25em;
	line-height: normal;
	font-style: normal;
	font-family: Arial,Helvetica;
	font-variant: normal;
	text-align: left;
}

h3 {
	color: #EC7F09;
	font-size: 1.0em;
	line-height: normal;
	font-style: normal;
	font-family: Arial,Helvetica;
	font-variant: normal;
	text-align: left;
}

img {
	border: 0px;
}

	img.floatleft {
		float: left;
		margin: 4px;
	}

hr {
	color: #ccc;
	height: 1px;
}

legend {
	color: blue;
}
/* this is the GroupingText color for asp Panel */

input, select {
	font-size: 1em;
	font-family: Arial,Helvetica;
	margin-bottom: 3px;
}

	input[type='text'], input[type='password'], textarea { /* specially for textbox, password, and textarea*/
		font-size: 1em;
		font-family: Arial,Helvetica;
		margin-bottom: 3px;
		border: solid 1px #999999;
	}

	input[type="file"] { /* specially for file input control */
		color: #630;
		background: #ffc none;
		font-size: 100%;
		font-family: Arial,Helvetica;
		font-weight: bold;
		border: 1px solid #ccc;
	}

	input[type="checkbox"], input[type="radio"] { /* specially for checkbox and radiobox controls */
		vertical-align: middle;
	}

/* MAIN */
li.main-resume img {
	margin-right: 50px;
}

li.main-resume input[type="button"] {
	margin-right: 50px;
	height: 20px;
}


/*ul { list-style-image: url(Images/bullet.gif); } */

.main {
	font-size: 12px;
	line-height: 15px;
	font-family: Arial,Helvetica;
	color: #000000;
}

.mainb {
	font-size: 12px;
	line-height: 15px;
	font-family: Arial,Helvetica;
	color: #000000;
	font-weight: bold;
}

.lk, .lk:visited, .lk:active {
	font-size: 12px;
	line-height: 15px;
	font-family: Arial,Helvetica;
	color: #333399;
	text-decoration: underline;
}

a.lk:hover {
	font-size: 12px;
	line-height: 15px;
	font-family: Arial,Helvetica;
	color: #3333CC;
	text-decoration: underline;
}

:link, :visited {
	text-decoration: underline;
}

.lk2, .lk2:visited, .lk2:active {
	font-size: 12px;
	line-height: 15px;
	font-family: Arial,Helvetica;
	color: #333399;
	text-decoration: none;
}

a.lk2:hover {
	font-size: 12px;
	line-height: 15px;
	font-family: Arial,Helvetica;
	color: #3333CC;
	text-decoration: underline;
}

.smlkb, .smlkb:visited, .smlkb:active {
	font-size: 11px;
	line-height: 14px;
	font-family: Arial,Helvetica;
	color: #73880A;
	text-decoration: none;
	font-weight: bold;
}

a.smlkb:hover {
	font-size: 11px;
	line-height: 14px;
	font-family: Arial,Helvetica;
	color: #3333CC;
	text-decoration: none;
	font-weight: bold;
}

.smlk, .smlk:visited, .smlk:active {
	font-size: 11px;
	line-height: 14px;
	font-family: Arial,Helvetica;
	color: #73880A;
	text-decoration: underline;
}

a.smlk:hover {
	font-size: 11px;
	line-height: 14px;
	font-family: Arial,Helvetica;
	color: #3333CC;
	text-decoration: underline;
}

.smlk2, .smlk2:visited, .smlk2:active {
	font-size: 11px;
	line-height: 14px;
	font-family: Arial,Helvetica;
	color: #73880A;
	text-decoration: none;
}

a.smlk2:hover {
	font-size: 11px;
	line-height: 14px;
	font-family: Arial,Helvetica;
	color: #3333CC;
	text-decoration: underline;
}

.frmbutton {
	height: 27px;
	width: 90px;
	font-family: Arial,Helvetica;
	font-size: 11px;
	color: #000000;
	cursor: hand;
	text-decoration: none;
	border: 1px solid #848484;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0 6px;
	background: #00afec; /* Old browsers */
	background: -moz-linear-gradient(top, #d3f1fe 0%, #53cbf1 39%, #53cbf1 100%, #00afec 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d3f1fe 0%,#53cbf1 39%,#53cbf1 100%,#00afec 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d3f1fe 0%,#53cbf1 39%,#53cbf1 100%,#00afec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3f1fe', endColorstr='#00afec',GradientType=0 ); /* IE6-9 */
}

.frmbuttonDisabled {
	height: 27px;
	width: 90px;
	font-family: Arial,Helvetica;
	font-size: 11px;
	color: #000000;
	cursor: default;
	border: 1px solid #848484;
	;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0 6px;
	background: #989898; /* Old browsers */
	background: -moz-linear-gradient(top, #dbdbdb 0%, #ababab 39%, #989898 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #dbdbdb 0%,#ababab 39%,#989898 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #dbdbdb 0%,#ababab 39%,#989898 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#989898',GradientType=0 ); /* IE6-9 */
}

.frmbuttonNext {
	height: 27px;
	width: 90px;
	font-family: Arial,Helvetica;
	font-size: 11px;
	color: #FFFFFF;
	cursor: hand;
	text-decoration: none;
	border: 0;
	background: #FFFFFF url(Images/button_orange_bg.png) repeat-x 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 6px;
	/*margin-right: 8px;*/
}

.viewbutton {
	height: 19px;
	width: 85px;
	color: #000000;
	cursor: hand;
	text-decoration: none;
	border: 1px solid #848484;
	display: block !important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 6px 6px 0;
	margin: 0;
	background: #00afec; /* Old browsers */
	background: -moz-linear-gradient(top, #d3f1fe 0%, #53cbf1 39%, #53cbf1 100%, #00afec 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d3f1fe 0%,#53cbf1 39%,#53cbf1 100%,#00afec 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d3f1fe 0%,#53cbf1 39%,#53cbf1 100%,#00afec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3f1fe', endColorstr='#00afec',GradientType=0 ); /* IE6-9 */
}

.disabled-viewbutton {
	height: 19px;
	width: 85px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #848484;
	display: block !important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 6px 6px 0;
	margin: 0;
	background: #989898; /* Old browsers */
	background: -moz-linear-gradient(top, #dbdbdb 0%, #ababab 39%, #989898 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #dbdbdb 0%,#ababab 39%,#989898 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #dbdbdb 0%,#ababab 39%,#989898 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#989898',GradientType=0 ); /* IE6-9 */
}

.viewbutton-cell {
	height: 19px;
	width: 85px;
	font-family: Arial,Helvetica;
	font-size: 11px;
	cursor: default;
	border: 0;
	padding: 6px 6px 0 0;
	text-decoration: none;
}

.viewbutton-cell-Disabled {
	text-decoration: none;
	background: #FFFFFF url(Images/button_gray_bg.png) repeat-x 0 0;
}

.frmbutton:hover, .viewbutton:hover {
	background: #00afec;
}

.frmbuttonDisabled:hover, .disabled-viewbutton:hover {
	background: #989898;
}

.close-all-btn {
	height: 27px;
	width: 90px;
	font-family: Arial,Helvetica;
	font-size: 11px;
	color: #000000;
	cursor: hand;
	text-decoration: none;
	border: 1px solid #848484;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0 6px;
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(top, #ff5858 0%, #ff5858 39%, #ff0000 100%, #c80505 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff5858 0%,#ff5858 39%,#ff0000 100%,#c80505 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff5858 0%,#ff5858 39%,#ff0000 100%,#c80505 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5858', endColorstr='#c80505',GradientType=0 ); /* IE6-9 */
}

	.close-all-btn:hover {
		background: #ff0000;
	}


.loginlabel {
	color: #2E2E2E;
	width: 100px;
	font-size: 12px;
	font-weight: 700;
}

.loginlabelsmall {
	color: #525050;
	font-size: 10px;
	font-weight: 700;
}

#mainwrapper {
	/*background: #FFFFFF url(Images/bg.gif) top left repeat-x;*/
	width: 968px;
	margin: 0 0 0 0;
	/*border-left: solid 1px #ccc;*/
	/*background-image:url(Images/body_dropshadow.png);  BC: the image is 47 KB in size, too big*/
	background-color: White;
	background-position: right top;
	background-repeat: repeat-y;
	padding: 5px 0 20px 2px;
}

#bottomwrapper {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	/*background:transparent url(Images/bottom_dropshadow.png) no-repeat scroll -40px -29px;*/
	height: 9px;
	width: 971px;
}

#main {
	color: #666666;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;
}

#title {
	margin-left: 100px;
	padding-top: 20px;
	font-weight: bold;
	font-size: 2.5em;
	color: #FFFFFF;
	font-family: Arial,Helvetica;
}

	#title a {
		color: #FFFFFF;
		text-decoration: none;
	}

#subtitle {
	margin-top: 0px;
	margin-left: 100px;
	color: #C5C5C5;
	font-size: 1.3em;
	font-family: Arial,Helvetica;
}

#headerwrapper {
	width: 976px;
	/*background-image:url(Images/body_dropshadow.png);
	background-position: right top;
	background-repeat:repeat-y;*/
}

#header {
	width: 971px;
	/*background: #FFFFFF url(../../Images/headerback.jpg) top left no-repeat;*/
	margin: 0 0 0 0;
	height: 67px;
	overflow: hidden; /*chop the too tall image*/
}

#logobox {
	padding-left: 4px;
}

#headerbackimage {
	width: 300px;
	background: url('../../Images/headerback.svg') no-repeat;
	height: 48px;
}

#mainlogo {
	position: absolute;
	left: 4px;
	width: 252px;
	top: 0px;
	height: 71px;
}

#headerseparator {
	height: 2px;
	background-color: #0073E6;
	margin: 0px;
}

.headerlinks {
	font-family: Arial,Helvetica;
	color: #000000; /*#1e85be;*/
	font-size: larger;
	font-weight: bold;
	text-decoration: none;
}

a.headerlinks:hover {
	text-decoration: underline;
}

.headerlinks_small {
	color: #ffffff; /*#1e85be;*/
	font-size: smaller;
	text-decoration: none;
}

.loginwelcometext {
	color: #00AFEC;
	/*font-family: "Helvetica Neue";*/
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	padding-left: 40px;
}

#loginbox {
	padding: 0px;
	position: absolute;
	top: 4px;
	right: 15px;
	color: White;
	text-align: left;
}

#loginboxwrapper {
	/*background: url(Images/login.png);*/
	float: left;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-left: 0px;
	height: 225px;
	width: 240px;
}

#todaylabel {
	font-family: Arial,Helvetica;
	position: absolute;
	top: 40px;
	right: 15px;
	color: #000000;
	text-align: right;
}

#showlabels {
	font-family: Arial,Helvetica;
	position: absolute;
	top: 4px;
	left: 280px;
	/*color: #000000;
	background-color: #ffffff;*/
	/*width: 331px;*/
	text-align: left;
}

#searchbox {
	color: #000;
	background: #ccc;
	border: solid 1px #666;
	margin: 0 0 5px 0;
	padding: 2px 0 2px 0;
	height: 25px;
}

#search_box_container { /* no longer used */
	background: url('../../Images/searchbar_bg.gif') repeat-x;
	position: relative;
}

#search_box {
	border: 0;
	margin: 0;
	font-size: 11px;
	padding: 0px;
	color: #333;
	width: 90px;
	height: 16px;
	margin-top: 3px;
	padding-left: 2px;
}

	#search_box:focus {
		color: #333;
	}

.uppercasefield {
	text-transform: uppercase;
}

.progressbox {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	font-size: large;
	background: #fff url('../../Images/indicator64.gif') no-repeat center center;
	z-index: 5000001;
	filter: alpha(opacity=70); /*30% transparency, works for IE */
	opacity: 0.7;
	zoom: 1;
	-moz-opacity: .70; /* same transparency, works for FireFox and others */
}

.transparent50 {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: .50; /* same transparency, works for FireFox and others */
}

#content {
	border: 1px solid #1e85be;
	background-color: #FFFFFF;
	padding: 4px;
	margin: 108px 169px 0px 169px;
	position: relative;
}

#contentwrapper {
	margin: 7px 2px 0;
}

/* for Opera */
body > #content {
	margin: 104px 169px 0 169px;
}

#mainmenu {
	margin: 0 0 0 0;
	font-size: 13px;
	line-height: 15px;
	font-family: Arial,Helvetica;
}

.mainmenudiv {
	position: relative;
	top: 0;
	left: 0;
	height: 26px;
	/*border-bottom: solid 2px #666666; */
	z-index: 5000000;
	background-color: #00afec;
}

.modulemenudiv {
	width: 970px;
	height: 23px;
	position: relative;
	margin-top: -7px;
	left: -2px;
	/*border-bottom: solid 1px #333333; */
	z-index: 4000000;
	background-image: url(Images/modulemenubar-bg.png);
	background-position: left top;
	background-repeat: repeat-x;
}

/*.mainbackgroundimage {
	position: relative; 
	display: block; 
	margin-left: 0 auto;
	z-index: 1;
	/*background: #FFFFFF url(../../Images/back_global.jpg) top center no-repeat;*/
/*background: #FFFFFF;
	top: -10px;
	width: 958px;
	height: 700px;
}*/

#footer {
	width: 100%;
	text-align: center;
	position: absolute; /* The following 2 lines make the footer sticks to the bottom of the browser window */
	bottom: 0;
	left: 0px;
	font: 11px Arial,Helvetica;
	background: #eeeeee;
	color: #888;
	height: 66px;
	padding: 16px 0 0 0;
}

	#footer a {
		font: 11px Arial,Helvetica;
		text-decoration: none;
		font-weight: normal;
		color: #333;
		width: 153px;
		padding: 2px;
	}

		#footer a:hover {
			text-decoration: underline;
		}

.button {
	font-family: Arial,Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5A89C0;
	cursor: hand;
	border-top: 1px solid #D9EBF1;
	border-left: 1px solid #D9EBF1;
	background-image: url(Images/sideheaderfade.gif);
}

.tablerowheader {
	background-color: #3570B3;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 2px;
	background-image: url(Images/headerfade.gif);
	/*margin: 0 auto; */
}

.tablerowdark {
	background-color: #F4F7FB;
	padding: 4px;
}

.tablerowlight {
	background-color: #E6ECF6;
	padding: 4px;
}

.smaller {
	font: 11px/17px Arial,Helvetica;
}

.evensmaller {
	font: 9px Arial,Helvetica;
}

	.evensmaller a {
		font-weight: normal;
	}

.modalBackground {
	background-color: #cccccc;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}

.modalPopup {
	background-color: #ffffdd;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 3px;
	width: 250px;
}

.modalPopupTitle {
	cursor: move;
	background-color: #DDDDDD;
	border: solid 1px Gray;
	color: WindowText;
	height: 25px;
}

.mw-popup-content {
	border: 1px solid #999999;
	padding: 5px 5px 5px 20px;
	line-height: 1.5em;
	font-weight: lighter;
	width: 200px;
	background-color: White;
}

/* the following is to customize asp.net GridView to make the header static when the rows scrolls up/down */
.grid_container {
	position: relative;
	width: 95%;
	height: 400px; /* must be greater than tbody*/
	overflow: auto;
	margin: 0 auto;
	padding-right: 2px;
}
	/* Keep the header cells positioned as we scroll 
.grid_container table th {position:relative;}*/
	.grid_container table th {
		height: 20px;
		position: relative;
		top: expression(this.offsetParent.scrollTop-2);
	}
	/* For alignment of the scroll bar */
	.grid_container table tbody {
		overflow: hidden;
	}

/* Used to customize the calendar extender */
.mwCalendar .ajax__calendar_container {
	background-color: #e2e2e2;
	border: solid 1px #cccccc;
	z-index: 1000000;
}

.mwCalendar .ajax__calendar_header {
	background-color: #ffffff;
	margin-bottom: 4px;
}

.mwCalendar .ajax__calendar_title,
.mwCalendar .ajax__calendar_next,
.mwCalendar .ajax__calendar_prev {
	color: #004080;
	padding-top: 3px;
}

.mwCalendar .ajax__calendar_body {
	background-color: #e9e9e9;
	border: solid 1px #cccccc;
}

.mwCalendar .ajax__calendar_dayname {
	text-align: center;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 2px;
}

.mwCalendar .ajax__calendar_day {
	text-align: center;
}

.mwCalendar .ajax__calendar_hover .ajax__calendar_day,
.mwCalendar .ajax__calendar_hover .ajax__calendar_month,
.mwCalendar .ajax__calendar_hover .ajax__calendar_year,
.mwCalendar .ajax__calendar_active {
	color: #004080;
	font-weight: bold;
	background-color: #cccccc;
	border: solid 2px #c0c0c0;
}

.mwCalendar .ajax__calendar_today {
	font-weight: bold;
}

.mwCalendar .ajax__calendar_other,
.mwCalendar .ajax__calendar_hover .ajax__calendar_today,
.mwCalendar .ajax__calendar_hover .ajax__calendar_title {
	color: #bbbbbb;
}

/* Used to customize the TabContainer theme*/
/*.mwTab .ajax__tab_header	{ background:url(Images/tabs/tab-line.gif) repeat-x bottom; font-family:Arial,Helvetica; }
.mwTab .ajax__tab_outer { padding-right:4px;background:url(Images/tabs/tab-right.gif) no-repeat right; height:29px; }
.mwTab .ajax__tab_inner { background:url(Images/tabs/tab-left.gif) no-repeat; padding-left:3px; }
.mwTab .ajax__tab_tab { background:url(Images/tabs/tab.gif) repeat-x; padding:8px 10px;margin:0; }
.mwTab .ajax__tab_hover .ajax__tab_outer	{ background:url(Images/tabs/tab-hover-right.gif) no-repeat right; }
.mwTab .ajax__tab_hover .ajax__tab_inner	{ background:url(Images/tabs/tab-hover-left.gif) no-repeat; }
.mwTab .ajax__tab_hover .ajax__tab_tab { background:url(Images/tabs/tab-hover.gif) repeat-x; }
.mwTab .ajax__tab_active .ajax__tab_outer	{ background:url(Images/tabs/tab-active-right.gif) no-repeat right; }
.mwTab .ajax__tab_active .ajax__tab_inner	{ background:url(Images/tabs/tab-active-left.gif) no-repeat; }
.mwTab .ajax__tab_active .ajax__tab_tab { background:url(Images/tabs/tab-active.gif) repeat-x; }
.mwTab .ajax__tab_disabled { color: #A0A0A0;}
.mwTab .ajax__tab_body { font-family:Arial,Helvetica;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff; }*/

/* NEW 11-2015 Used to customize the TabContainer theme*/
.mwTab .ajax__tab_header {
	background: url(Images/tabs/tab-line.gif) repeat-x bottom;
	font-family: Arial,Helvetica;
}

.mwTab .ajax__tab_tab {
	background: #eeeeee;
	padding: 6px 10px;
	margin: 0;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	border: 1px solid #8b919f;
}

.mwTab .ajax__tab_hover .ajax__tab_tab {
	background: #cbcbcb;
}

.mwTab .ajax__tab_active .ajax__tab_tab {
	background: #00afec;
	color: #ffffff;
	padding: 8px 10px;
}

.mwTab .ajax__tab_disabled {
	color: #A0A0A0;
}

.mwTab .ajax__tab_body {
	font-family: Arial,Helvetica;
	border: 1px solid #999999;
	border-top: 0;
	padding: 8px;
	background-color: #ffffff;
}

/* CSS HACK FOR SAFARI ONLY FOR TAB */
_::-webkit-:not(:root:root), .mwTab .ajax__tab_tab {
	padding: 6px 10px 8px;
}

/*=======================*/
/* AutoTextBox/AutoComplete Styles */
/*=======================*/
/* The following are used to customize the CustomControls AutoComplete styles */
.autocomplete_completionListElement {
	visibility: hidden;
	margin: 0px !important;
	width: 300px !important; /* force the width of the drop-down*/
	height: auto !important; /* force the height of the drop-down, if it is set to an unit, it will somehow cause the other controls bellow to stop responding*/
	background-color: #efefef;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: 'default';
	overflow: auto;
	text-align: left;
	list-style-type: none;
	z-index: 1000;
	padding-left: 0px;
	white-space: nowrap !important; /* no auto-wrap */
}

/* highlighted item */
.autocomplete_highlightedListItem {
	background-color: #c4c0c0;
	color: black;
	padding: 1px;
}
/* item */
.autocomplete_listItem {
	background-color: #efefef;
	color: windowtext;
	padding: 1px;
}

/* The following are used to customize the MediaWeb.Controls AutoComplete styles*/
.autocomplete-list {
	visibility: hidden;
	margin: 0px !important;
	width: 450px !important; /* force the width of the drop-down*/
	height: auto !important; /* force the height of the drop-down, if it is set to an unit, it will somehow cause the other controls below to stop responding*/
	background-color: #efefef;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: 'default';
	overflow: hidden;
	text-align: left;
	list-style-type: none;
	z-index: 1000;
	padding-left: 0px;
	white-space: nowrap !important; /* no auto-wrap */
}

.autocomplete-list-item {
	background-color: #efefef;
	color: windowtext;
	padding: 1px;
}
/* highlighted item */
.autocomplete-list-item-highlighted {
	background-color: #c4c0c0;
	color: black;
	padding: 1px;
}


/* Budget specific styles */
.errorNotFound {
	background: White;
	color: Black;
	font-size: smaller;
	line-height: normal;
	font-style: normal;
	font-family: Arial,Helvetica;
	font-variant: normal;
	text-align: left;
}

.invalidAccountDescription {
	background: #CCFF99;
	color: Black;
	font-size: smaller;
	line-height: normal;
	font-style: normal;
	font-family: Arial,Helvetica;
	font-variant: normal;
	text-align: left;
}

.invalidAccountLength {
	background: #CCFFFF;
	color: Black;
	font-size: smaller;
	line-height: normal;
	font-style: normal;
	font-family: Arial,Helvetica;
	font-variant: normal;
	text-align: left;
}

.invalidAccountType {
	background: #FFFF99;
	color: Black;
	font-size: smaller;
	line-height: normal;
	font-style: normal;
	font-family: Arial,Helvetica;
	font-variant: normal;
	text-align: left;
}

.duplicatedAccountNo {
	background: #FF8080;
	color: Black;
	font-size: smaller;
	line-height: normal;
	font-style: normal;
	font-family: Arial,Helvetica;
	font-variant: normal;
	text-align: left;
}

.accountNoOutOfTheGLRange {
	background: #ccccff;
	color: Black;
	font-size: smaller;
	line-height: normal;
	font-style: normal;
	font-family: Arial,Helvetica;
	font-variant: normal;
	text-align: left;
}

.invalidBugetedAmount {
	background: #CD9090;
	color: Black;
	font-size: smaller;
	line-height: normal;
	font-style: normal;
	font-family: Arial,Helvetica;
	font-variant: normal;
	text-align: left;
}

.selectedItems {
	background: #FF9900;
	color: Black;
	font-size: 13px;
	line-height: normal;
	font-style: normal;
	font-family: Arial,Helvetica;
	font-variant: normal;
	text-align: left;
}

/*======================*/
/* MediaWeb Menu Styles                */
/*======================*/
/***** Main Menu *****/
/* root level inner */
.mainl0iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 6px 0 0 0px;
	color: #FFFFFF;
}

.mainl0iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 5px 0 0 0px;
	color: #333333;
}

/* main menu root level outer */
.mainl0oout {
	text-decoration: none;
	/*background-image: url(Images/Menu/lev0_bg1.png);
	border: 1px solid #666666;*/
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #ffffff;
	background-color: #00afec;
}

.mainl0oover {
	text-decoration: none;
	/*background-image: url(Images/Menu/blue_back.gif);*/
	background-color: #eeeeee;
	/*border: 1px solid #666666;*/
}
/* main menu sub level inner */
.mainl1iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #333333;
}

.mainl1iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}
/* main menu sub level outer */
.mainl1oout {
	text-decoration: none;
	background-color: #eeeeee;
	/*border: 1px solid #666666;*/
	padding: 0;
}

.mainl1oover {
	text-decoration: none;
	background-color: #00afec;
	/*background-image: url(Images/Menu/lev1_arrow.png);*/
	background-repeat: no-repeat;
	/*border: 1px solid #666666;*/
	padding: 0;
}
/***** Module Menu *****/
/* root level inner */
.modulel0iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	margin: 3px 0 0 0px;
	color: #047;
}

.modulel0iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 5px 0 0 0px;
	color: #047;
	/*color: #FFFFFF;*/
}
/* module menu root level outer */
.modulel0oout {
	text-decoration: none;
	/*background-image: url(Images/Menu/lev0_bg1.png);
	border: 1px solid #666666;
	background-color: #716f6f;*/
	border-right: solid 1px #c4c0c0;
	margin-top: 4px;
}

.modulel0oover {
	text-decoration: none;
	/*background-image: url(Images/Menu/lev0_bg2.png);
	background-color: #716f6f;
	border: 1px solid #666666;*/
	border-right: solid 1px #c4c0c0;
	margin-top: 3px;
}
/* module menu sub level inner */
.modulel1iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 11px;
	margin: 4px 0 0 17px;
	color: #047;
}

.modulel1iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #047;
	margin: 4px 0 0 17px;
}
/* module menu sub level outer */
.modulel1oout {
	text-decoration: none;
	background: #FFFFFF url(Images/Menu/navbg2.gif) top left repeat-x;
	border: 1px solid #c4c0c0;
	padding: 0;
	margin-top: 3px;
}

.modulel1oover {
	text-decoration: none;
	/*background-color: #c4c0c0;
	background-image: url(Images/Menu/lev1_arrow.png);
	background-repeat: no-repeat;*/
	background: #FFFFFF url(Images/Menu/navbg2.gif) top left repeat-x;
	border: 1px solid #c4c0c0;
	padding: 0;
	margin-top: 3px;
}

.buttonExtenderUp {
	height: 21px;
	width: 10px;
	cursor: hand;
	text-decoration: none;
	border: 1;
	background: #FFFFFF url(Images/Up.bmp) repeat-x 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.buttonExtenderDown {
	height: 21px;
	width: 10px;
	cursor: hand;
	text-decoration: none;
	border: 1;
	background: #FFFFFF url(Images/Down.bmp) repeat-x 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
/* Select a Show / company table */
.SelectCompany select option {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 6px 4px;
}

	.SelectCompany select option:nth-child(odd) {
		background-color: #eeeeee;
	}
/* BUTTON STYLES ------------------------------------------------*/
.btn {
	height: 26px;
	font-family: Arial,Helvetica;
	font-size: 11px;
	color: #FFFFFF;
	cursor: hand;
	text-decoration: none;
	border: 1px solid #848484;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0 8px;
}

.btnSmall {
	height: 22px;
	font-family: Arial,Helvetica;
	font-size: 11px;
	color: #FFFFFF;
	cursor: hand;
	text-decoration: none;
	border: 1px solid #848484;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 0 8px;
}

.btnGrey {
	background-color: #EEEEEE;
	color: #000000;
}

.btnCurrentUsers {
	font-weight: bold;
	color: #000000;
}

/* CustomControls\Search\Search.ascx */
.search-container {
	background-color: #ffffdd;
}

/* Modules\Login\Login.aspx */
.module-login #loginmessage {
	margin: 40px 0 0 10px;
	color: Red;
	font-size: larger;
	text-align: left;
}

.module-login #divForgotPassword {
	margin: 30px auto;
	font-size: 12px;
	font-weight: normal;
	color: Blue;
	text-align: center;
}

	.module-login #divForgotPassword:hover {
		cursor: pointer;
	}

/* Content\Controls\buttonBar.css */
.mw-button {
	border-radius: 8px;
	color: #000;
}

	.mw-button:active:hover,
	.mw-button:hover:not([disabled]),
	.mw-button:focus {
		background: #00afec;
	}

	.mw-button[disabled="disabled"]:hover {
		color: #9f9f9f;
		border-color: #c5c5c5;
		background-color: #e9e9e9;
	}

	.mw-button:focus:active:not(.k-state-disabled):not([disabled]), .mw-button:focus:not(.k-state-disabled):not([disabled]) {
		background: linear-gradient(to bottom, #d3f1fe 0%,#53cbf1 39%,#53cbf1 100%,#00afec 100%);
		color: black;
	}

	.mw-button:focus:active, .mw-button:focus {
		background: linear-gradient(to bottom, #d3f1fe 0%,#53cbf1 39%,#53cbf1 100%,#00afec 100%);
		color: black;
	}

	.mw-button[disabled="disabled"] {
		background-color: #e9e9e9;
		color: #9f9f9f;
		border-color: #c5c5c5;
	}

/* Content\Controls\gridControl.css */
.k-grid table tr:not(.k-detail-row):hover td {
	background: rgb(107, 188, 242) !important;
}

/* Content\Controls\searchControl.css */
.searchControl {
	background-color: rgb(255, 255, 221);
}

/* Content\Controls\treeControl.css */
.tree-section {
	background-color: #E6F0FF;
}

.k-state-selected {
	background-color: #00afec;
	color: black;
}


/******** Add EPO specific styles below ********/
/* All styles that have images in a relative path will need to be redefined here for EPO, otherwise the image will be missing */

body {
	background:#ffffff url('../../Images/background.gif') repeat-x scroll 0 0;
}

#header {
	background: #FFFFFF url('../../Images/headerback.jpg') top left no-repeat;
}

.progressbox {
    background: #fff url('../../Images/indicator64.gif') no-repeat center center;
}

.mainbackgroundimage {
	background: #FFFFFF url(../../Images/back_global.jpg) top center no-repeat;
}

#headerbackimage {
    background: #FFFFFF url('../../Images/headerback.svg') top left no-repeat;
}
#date-area {
	background-color: #ffffff;
}

/*Kendo Dialog styles*/
.k-dialog .k-content {
	font-size: large;
	margin-left: 3px;
	margin-right: 3px;
	padding: 5px !important;
	color: #3c3d3e;
	padding: 10px !important;
}

.k-window-content.k-content {
	font-size: large;
	color: #3c3d3e;
	
	padding: 0px;
}

.k-dialog .k-dialog-titlebar {
	color: #FFF;
	background: #3c3d3e;
	font-size: large;
	padding-top: 5px;
	padding-bottom: 5px;
}

.k-window-titlebar.k-header {
	color: #FFF;
	background: #3c3d3e;
	font-size: large;
}

.k-dialog .k-content strong {
	margin: 5px;
	font-size: x-large;
}

.k-dialog .k-dialog-buttongroup {
	font-size: medium;
}

	.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
		display: inline-block;
		margin-bottom: 15px;
		margin-top: 5px;
		padding: 5px !important;
		border-top: solid 0px !important;
		background: #FFF !important;
	}

		.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button p {
			margin-top: 0px;
			margin-bottom: 0px;
			margin-left: 5px;
			margin-right: 5px;
			color: #FFF;
		}

		.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
			margin: 0px;
			background: #3c3d3e;
		}

.k-window .k-button {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
	color: #FFF;
	margin: 0px;
	background: #3c3d3e;
}

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:active {
	margin: 0px;
	background: #a4a4a4
}


/*Kendo Dialog styles*/

/*Kendo Window Diaglog styles*/
div.k-window {
	border: 0px;
}

.confirm-row {
	display: grid;
	grid-template-columns: 25% 25% 25% 25% 1fr;
}

.messageRow {
	min-height: 21px;
}

.decisionBox-row {
	display: flex;
	justify-content: center;
}

.decisionBox-button {
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	margin-left: 10px;
}
.k-button.k-state-focused, .k-button.k-state-focused.k-state-disabled, .k-button:focus, .k-button:focus:hover, .k-state-disabled .k-button.k-state-focused {
	border-color: rgb(187, 187, 187);
	box-shadow: 0 0 2px 1px rgb(187, 187, 187);
}

#logoutbox {

	position: absolute;
	top: 3px;
	right: 186px;
	color: #000000;
	text-align: right;
}

/*Kendo Window Diaglog styles*/