/* Actual CSS we'll keep after UI update. */
@media only screen and (min-width: 1000px) {
html {overflow-y: scroll;}
}

/* End of new CSS */

body { margin: 0; font-size: 11px; font-family: 'DM Sans', sans-serif; background: url("/include/images/sections_bg.gif") repeat-y; overflow: -moz-scrollbars-vertical; }

/* LEFT PANEL - SECTIONS*/
#sections { position: absolute; top: 0; left: 0; /* Stay in place */; padding: 30px; float: left; width: 285px; height: auto; font-size: 10px; }
#sections ul#accordion { margin-top: 15px; padding: 0; }
#sections ul { margin: 0; padding: 0; }
#sections li { padding: 1px 0; display: block; text-align: left; }
#sections li.heading { font-weight: bold; padding: 10px 0 2px 0; }
#sections li a { color: #006699; text-decoration: none; }
#sections li a#on, #sections li a:hover { color: #ce1431; text-decoration: underline; }
.logged { color: #646669; padding: 5px 0 0 0; font-size: 11px; }
.copyright { font-size: 9px; color: #646669; padding-top: 18px; padding-bottom: 0; }
.copyright_bottom { position: fixed; bottom: 0px; font-size: 9px; color: #999; padding-bottom: 10px; }
#sections h4 { color: #747679; margin: 0; padding: 15px 0 5px 0; font-size: 11px; }
#sections a { color: #646669; } #sections a:hover { color: #ce1431; }
#sections a.blue { color: #069; } #sections a.blue:hover { color: #ce1431; }
#sections_hidden { cursor: pointer; display: none; margin-top: 30px; margin-left: 30px; }

/* TOP NAVIGATION BAR - HEADER */
#header { padding: 30px 50px 0 0; margin-left: 315px; color: #000; }
#header ul { margin: 0; padding: 0; }
#header li { padding: 10px 0; display: inline; list-style-type: none; background: #eee; border-top: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; line-height: 36px; }
#header li a { padding: 10px 15px; color: #069; text-decoration: none; font-weight: bold; }
#header li a:hover { padding: 10px 15px; background: #fff; color: #ce1431; }
#header li a#on { padding: 10px 15px; background: #fff; color: #ce1431; }

/* OTHER SECTIONS */
#body { padding: 45px 30px 30px 0; margin-left: 315px; }
#title { font-size: 18px; line-height: 24px; color: #006699; margin: 0 0 20px 0; border-bottom: solid 1px #006699; padding-bottom: 5px; }
#footer { padding: 15px 30px 0 0; margin-left: 315px; margin-bottom: 60px; clear: both; color: #999; }

/* GENERAL */
#body form { padding-bottom: 3px; /*line-height: 3px;*/ }
#body li { padding-left: 15px; line-height: 18px; }
img { border: 0; }
a { color: #069; } a:hover { color: #ce1431; }
a.white { color: #fff; }
a.white:hover { color: #bae8ff; }
td { padding-right: 10px; }
h1, h2 { font-size: 20px; margin: 0; padding: 20px 0 10px 0; font-weight: normal; }
h4, h5, h6 { font-size: 13px; margin: 0; padding: 20px 0 10px 0; line-height: 20px; }
h7 { font-size: 16px; line-height: 50px; margin: 0; padding: 0; font-weight: normal; }
fieldset { border: 0; margin: 0; padding: 0; }
.importDiv { float:left; border:1px solid #ccc; background-color:#efefef; width:175px; padding: 15px; height: 350px; margin-right: 20px; margin-bottom: 20px; }
.popupDiv { font-size: 12px; display: inline; border: solid 2px #006699; cursor: pointer; padding: 6px 36px 6px 10px; color: #fff; margin-right: 7px; background-color: #028bcf; }
.popupDiv:hover { display: inline; border: solid 2px #028bcf; background-color: #006699; cursor: pointer; padding: 6px 36px 6px 10px; color: #fff; }
.popupBackgroundExcel { background-image: url("/include/images/icon-excel.png"); background-position: center right; background-repeat: no-repeat; }
.popupBackgroundWindow { background-image: url("/include/images/icon-window.png"); background-position: center right; background-repeat: no-repeat; }
.popupDivDisable, .popupDivDisable:hover { font-size: 12px; display: inline; border: solid 2px #555; cursor: pointer; padding: 6px 36px 6px 10px; color: #fff; margin-right: 7px; background-color: #888; }
.errorDiv { padding: 5px 15px; width: 50%; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.blue { color: #069; }
.red { color: #ce1431; }
.green { color: #008000; }
.go-link a { color: #008000; }
.on { font-size: 9px; color: #069; }
.off { font-size: 9px; color: #ce1431; text-decoration: line-through; }
.warning { border:1px solid fd6; background-color:#ffd; color: #ce1431; margin:15px 0 15px 0; padding:5px;  font-weight:bold; font-size:14px; }
.warning td { color: #ce1431; }
.clearBoth { clear: both; }
.marginBottomMore { margin-bottom: 20px; }
.marginTop { margin-top: 10px; }
.marginTopMore { margin-top: 20px; }
.progress_bar { width: 400px; height: 16px; margin: 8px 0px; border: 1px solid #666; background-color: #eee; }
.progress_bar div { height: 100%; background-color: #cc0033; }
.roundedCorners { -webkit-border-radius: 5px 5px; -moz-border-radius: 5px 5px; border-radius: 5px 5px; }
.roundedCornersTop { -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.roundedCornersLeft { -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.roundedCornersRight { -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-rightleft: 5px; -moz-border-radius-rightleft: 5px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
.roundedCornersTopLeft { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; }
.roundedCornersTopRight { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; }
.roundedCornersBottom { -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.roundedCornersBottomLeft { -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; }
.roundedCornersBottomRight { -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; }
.subtotals { background-color: #E6EDFA; font-weight: bold; }
.recordlisttwo tr:nth-child(4n), .recordlist tr:nth-child(4n+1) { background: #eee; }
.recordlisttwo tr:nth-child(2n) td { border-bottom: 0 !important; }
.recordlisteveryother tr:nth-child(odd) { background: #f7f7f7; }
table.recordlist { font-size: 10px; }
.recordlist { width: 100%; }
.recordlist input { width: 60px; height: 11px; margin: 2px; }
.recordlist td, .recordlist th { border: none; border-bottom: #ddd solid 1px; padding: 2px 5px; }
.recordlist th { color: #fff; background-color: #036; font-weight: bold; }
.recordlist th.light { padding-top: 4px; color: #000; background-color: #ddd; font-weight: bold; }
.recordlist th a { color: #fff; }
.recordlist th a:hover { color: #ccc; }
.recordlist tr:hover { background-color: #fcfccb; }
.tdc { text-align: center; /*white-space: nowrap;*/ vertical-align: top; }
.tdl { text-align: left; /*white-space: nowrap;*/ vertical-align: top; }
.tdr { text-align: right; /*white-space: nowrap;*/ vertical-align: top; }
.inactive { color: #ccc; }
.ms-number {font-family: monospace;}
.uims-number {font-family: ui-monospace;}

/* JS_USE_CALENDAR = TRUE; */
input.calendar { background: url("/include/images/input_calendar.gif") no-repeat center right #fff; height: 16px; }

/* JS_USE_TABLESORTER = TRUE; */
.tablesorter { background-color: #cdcdcd; margin: 10px 0 15px; font-size: 10px; width: 100%; text-align: left; }
.tablesorter thead tr th { font-weight: normal; cursor: pointer; color: #fff; background: url("/include/images/sort_bg.gif") no-repeat center right #003366; border: 1px solid #fff; font-size: 10px; padding: 4px 20px 4px 4px; }
.tablesorter thead tr th:hover { background: url("/include/images/sort_bg.gif") no-repeat center right #336699; }
.tablesorter thead tr th.tablesorter-headerDesc,
.tablesorter thead tr th.tablesorter-headerAsc { background: url("/include/images/sort_bg.gif") no-repeat center right #336699; cursor: pointer; color: #fff; }
.tablesorter tbody tr.odd,
.tablesorter tbody tr.even { border-bottom: solid 1px #ccc !important; }
.tablesorter tbody tr.odd td { background-color: #eee; }
.tablesorter tbody td { color: #000; padding: 4px; background-color: #fff; vertical-align: top; }
.tablesorter tbody tr.odd td.primary,
.tablesorter tbody tr.even td.primary { background-color:yellow /*#fcfccb  rgba(156,255,206,0.6)*/ !important; color:#000 !important; font-weight:bold; }
/* set a & a:hover when table is sorted*/
.tablesorter tbody tr.odd td.primary a,
.tablesorter tbody tr.even td.primary a { color:#000 !important; }
.tablesorter tfoot tr td { background: #99ff66; }
/* */
/* DASHBOARDS */
.dashboardContainer { width: 300px; /*height: 325px;*/ float: left; margin: 0 10px 20px 0px; background: #fff; padding: 5px 15px 15px 15px; border: solid 1px #ddd; overflow-y: scroll; }
/* special case for PDM 2.0 dashboard container*/
.dashboardContainerPDM { width: 72.5%; /*height: 325px;*/ float: left; margin: 0 10px 20px 0px; background: #fff; padding: 5px 15px 15px 15px; border: solid 1px #ddd; overflow-y: scroll; }

/* JQUERY AUTOCOMPLETE */
.ui-autocomplete-loading { background: white url('/include/images/ui-anim_basic_16x16.gif') right center no-repeat; }
.ui-autocomplete { max-height: 300px; overflow-x: auto; }

/* Tool tips and help */
.tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px; cursor: pointer;
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0; cursor: pointer;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #e3e9ff; border: 1px solid #498cf5; color:#000;	line-height:1.1em; font-weight: bold; font-size: 1.3em; }
.info { background: #e3e9ff; border: 1px solid #498cf5;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
/* end Tool tips and help */

/* for the stickySidebar script */
#sidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; }

/* nicEdit */
.nicEdit-main { line-height: 20px; }
.nicedit-textarea { width: 600px; margin: 15px 0; }

/* BROWSER SIZE SWITCHING */
@media only screen and (max-width: 1000px) {
}
.gradBack {
	background: linear-gradient(#eee, #ccc);
}
.gradBackLight {
	background: linear-gradient(#fff, #eee);
}
.adminButton {
	position:relative;
	background:#06a;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:5px;
	text-decoration:none;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin:5px 5px 5px 5px;
}
.adminButton:hover {
	color:#fd7;
}
.selectInput {
	font-size:16px;
	color:#06a;
	font-weight:bold;
	cursor:pointer;
}
.selectInputMedium {
	font-size:14px;
	color:#06a;
	cursor:pointer;
	width:180px;
}
.submitButtonBlue {
	font-size:13px;
	color:#fff;
	background-color:#1a73e8;
	font-weight:bold;
	cursor:pointer;
	-webkit-border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	border-radius: 3px 3px;
	border:0px solid #1a73e8;
	/* width:60px; */
	height:28px;
	margin-top:3px;
	box-shadow: 0px 1px 1px 1px rgba(60,64,67,.15);
}
.submitButtonBlue:hover {
	color:#fff;
	background-color:#5599ff;
	box-shadow: 0px 1px 3px 3px #f9f9f9; /*#aab;*/
	/* filter: alpha(opacity=50); */
}
.submitButtonCSV {
	font-size:12px;
	color:#646464;
	background-color:#dddddd;
	font-weight:bold;
	cursor:pointer;
	-webkit-border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	border-radius: 3px 3px;
	border:.5px solid #ccc;
	margin-top:3px;
	box-shadow:0px 1px 1px 1px rgba(60,64,67,.15);
}
.submitButtonCSV:hover {
	color:#1a73e8; /*color:#a2a6a9;*/
	background-color:#dddddd;
	box-shadow: 0px 1px 3px 3px #f9f9f9; /*#aab;*/
}
.submitButtonEdit {
	width:35px;
	height:18px;
	font-size:11px;
	color:#fff;
	background-color:#1a73e8;
	font-weight:bold;
	cursor:pointer;
	-webkit-border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	border-radius: 3px 3px;
	border:0px solid #1a73e8;
	margin-top:3px;
	box-shadow: 0px 1px 1px 1px rgba(60,64,67,.15);
}
.submitButtonEdit:hover {
	color:#fff;
	background-color:#5599ff;
	box-shadow: 0px 1px 3px 3px #f9f9f9;
}


.grayFormBox {
	padding:10px 15px 5px 15px;
	margin-left:3px;
	background:#eff0f1;
	border:solid 1px rgba(60,64,67,.15);
	height:relative;
	width:relative;
	line-height:105%;
	font-size:13px;
}
.grayFormBoxPDM {
	padding:10px 15px 5px 15px;
	margin-left:3px;
	background:#eff0f1;
	border:solid 1px rgba(60,64,67,.15);
	height:100px;
	width:260px;
	line-height:105%;
	font-size:13px;
	position:relative;
}
.grayFormBoxPDM .submitButtonBlue {
	position:absolute;
	right:5px;
	bottom:5px;
}
.grayFormBoxPDM select {
	margin:5px 0 0 0;
	font-size:10px;
	background-color:#f9f9f9;
	cursor:pointer;
	width:180px;
	height:relative;
	-webkit-border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	border-radius: 3px 3px;
	border:1px solid #1a73e8;
}
.grayUpperBox {
	height:14px;
	/* border-top: 1px solid #dddddd;  */
	/* border-top:rgba(60,64,67,.15); */
	background:#fff;
	padding:5px 5px;
	margin:-28px 0 0 0;
	position:absolute;
	font-size:13px;
	-webkit-border-radius: 3px 3px;
	-moz-border-radius: 3px 3px;
	border-radius: 3px 3px;
	box-shadow: 0px 1px 1px 1px rgba(60,64,67,.15);
	/* box-shadow: 0 0 20px rgba(0,0,0,0.3); */
}
.tableStyle {
	background-color:#f9f9f9;
	border:1px solid #e8f0fe;
}
.hide { display:none; }
/*
a.button {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;

	text-decoration: none;
	color: initial;
}*/
a.button {
	font-size:12px;
	color:#06a;
	background-color:#dddddd;
	font-weight:bold;
	cursor:pointer;
	-webkit-border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	border-radius: 2px 2px;
	border:.5px solid #ccc;
	height:26px;
	margin-top:3px;
	box-shadow:0px 1px 1px 1px #ccc;
	/*box-shadow:0px 1px 1px 1px #ccc;
	appearance: button;
	-webkit-appearance: button;
	-moz-appearance: button;*/
	text-decoration: none;
	padding:3px;
	margin:5px 0 0 5px;
}
a.button:hover {
	color:#e43;
	background-color:#dddddd;
	box-shadow: 0px 1px 3px 3px #f9f9f9;
}
.helperText {
	color:#666;
	font-style:italic;
	font-size:9px;
}
.alertText {
	font-size:1.2em;
	font-weight:bold;
	border:1px solid #ffd76e;
	background-color:#fcfccb;
	padding:5px;
	margin:5px 0 5px 0;
}