@charset "UTF-8";
/* CSS Document */

/* Page resets, global styles, and fixes */
* {	margin: 0px;padding: 0px;}
img { border: none; }
button::-moz-focus-inner { border: 0; }
a:focus, a:active {outline: none;}
:focus {outline-style: none;}
a:link { text-decoration: none; outline: none; cursor: pointer;}
a {text-decoration: none;}
a:hover { text-decoration: underline; }
a.bluelink:hover {text-decoration: underline;}
p {	margin-bottom: 1em; }
html { height:100%; width:100%; }
body { font-size: 0.8em;  font-family: Helvetica, Arial, sans-serif; color: black; margin: 0px; overflow: auto; font-style:normal; font-weight:normal; line-height: normal;}
.bodyReset {font-size: 12px;}
ul {list-style-type: none;}
table {position: relative; width: 100%; border-collapse: collapse;}
td {font-size: 1em; vertical-align: top;}
table tr {padding: 3px;}
select.focus {outline-style: none;}
/* input[type="checkbox"] {margin-right: 7px; float: left; font-size: 2em; margin-bottom: 5px; border-width: 0px; border-style: none;} */
input[type="radio"] {padding: 3px; margin-bottom: 5px; border-width: 0px; border-style: none;}

/* End of Page resets, global styles, and fixes */


/* Login Page */
body#loginPage div#mainPage, body#password div#mainPage {width: 750px; margin-right: auto; margin-left: auto;}
body#loginPage div#loginContainer, body#password div#loginContainer {margin-top: 30px; padding: 15px; margin-top: 25px; }

/* h1, h2, h3, .... */
h1 { font-weight: normal; font-size: 2.5em; line-height: 1.1em;}
h2 { position: relative; visibility: show; margin-bottom: 5px; font-style: normal; font-weight: normal; font-size: 2em; line-height: 1.1em; }
h3 {position: relative; margin-bottom: 5px; font-weight: normal; font-size: 1.6em; font-style: normal;}
h3.maxRoutes { float: right; top: -27px; }
h4 {/* position: relative; */ margin-bottom: 5px; font-weight: normal; font-size: 1.3em; font-style: normal;}
h5 {color: #656565; margin-bottom: 3px; font-size: 1em; font-weight: bold;}
h6 {font-size: 0.8em; font-weight: bold;}
.subhead1 {font-weight: bold; font-size: 80%; }
.subhead2 {font-weight: bold; font-size: 70%; }
.subhead3 {font-weight: bold; font-size: 60%; }
.subhead4 {font-weight: bold; font-size: 50%; }

/* ----- Warnings & Confirmations ----- */
.greenStatus { margin-bottom: 10px; font-size: 1.2em; font-style: normal; font-weight: normal; color: #009900;}
.greenStatusBig { margin-bottom: 5px; font-size: 1.4em; font-style: normal; font-weight: normal; color: #009900;}
.greenStatus2 { color: #009900;}
.redStatus {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 6px; font-size: 1.2em; font-style: normal; font-weight: normal; color: #cc0000;}
.blackBig {font-size: 1.3em; color: black;}
.redStatusBig {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 6px; font-size: 1.4em; font-style: normal; font-weight: normal; color: #cc0000;}
.redStatus2 { color: #cc0000;}
.ui-widget .ui-state-highlight p {margin-bottom: 0px; line-height: 1.2em; padding: .7em;}
.ui-widget .ui-state-highlight .ui-icon-info {float: left; margin-right: .3em;}
.ui-widget .ui-state-note .ui-icon-info {float: left; margin-right: .3em;}
.ui-widget .ui-state-error p {margin-bottom: 0px; line-height: 1.2em; padding: .7em;}
.ui-widget .ui-state-error .ui-icon-alert {float: left; margin-right: .3em;}
.hiddenText {text-align: left; color: white;}

.ui-state-note, .ui-widget-content .ui-state-note {border: 2px solid #bfbfbf; background: #fbf9ee; color: #363636; }

.ui-widget .ui-state-note p {line-height:1.2em; margin-bottom:0; padding:0.7em; }
.infoBox {border-width: 2px; border-style: solid; overflow: hidden;}
.infoBox h4 { font-size: 1.1em; font-weight: bold; padding-bottom: 3px; padding-right: 10px; padding-left: 10px; padding-top: 4px; }

.grayBoxHeader .infoBox h4 { font-size: 1.1em; font-weight: bold; padding-bottom: 3px; padding-right: 10px; padding-left: 10px; padding-top: 4px; color: #656565; background-color: #d2edb6;  -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; margin-bottom: 0px;}

.infoBox p {padding-left: 10px; padding-bottom: 5px; padding-right: 10px; padding-top: 7px;}

.imagePreview { margin-top: 10px; margin-bottom: 10px; }

#spinner {position: absolute; left: 46%; top: 40%; z-index: 1000;}
#pageCenter {position: absolute; left: 50%; top: 50%;}

.modal {background-color:#fff; display:none; padding:15px; text-align:left; border:2px solid #333; opacity:1.0; z-index: 9999; }

/* ----- End Warnings & Confirmations ----- */

/* ----- Text sizing and color ----- */
.superscript { display: inline-block; line-height: 100%; font-style: normal; font-weight: normal; font-size: 50%;}
.finePrint { font-size: 0.9em; line-height: 1.2em; color: #7f7f7f;}

/* ----- End of Text sizing & color ----- */

/* ----- Utilities ----- */
.noMargin {margin-bottom: 0px!important; margin-top: 0px!important; margin-left: 0px!important; margin-right: 0px!important;}
.noPadding {padding-top: 0px!important; padding-bottom: 0px!important; padding-left: 0px!important; padding-right: 0px!important;}
.spacer3px { height: 3px; display: block; }
.spacer5px { height: 5px; display: block; }
.spacer10px { height: 10px; display: block; }
.spacer15px { height: 15px; display: block; }
.spacer20px { height: 20px; display: block; }

/* Deprecated for shorter versions below */
.pad-top-5px {padding-top: 5px;}
.pad-top-10px { padding-top: 10px; }
.pad-top-15px { padding-top: 15px; }
.padding5px {padding: 5px;}
.padding10px {padding: 10px;}
.margin-top_-3px {margin-top: -3px;}
.margin-top-3px {margin-top: 3px;}
.margin-top-5px {margin-top: 5px;}
.margin-top-10px {margin-top: 10px;}
.margin-top-15px {margin-top: 15px;}
.margin-top-20px {margin-top: 20px;}
.margin-left-5px {margin-left: 5px;}
.margin-left-10px {margin-left: 10px;}
.margin-left-15px {margin-left: 15px;}
.margin-left-20px {margin-left: 20px;}
.margin-right-5px {margin-right: 5px;}
.margin-right-10px {margin-right: 10px;}
.margin-right-15px {margin-right: 15px;}
.margin-right-20px {margin-right: 20px;}
.margin-right-25px {margin-right: 25px;}
.margin-right-30px {margin-right: 30px;}
.margin-right-35px {margin-right: 35px;}
.margin-bottom-0px {margin-bottom: 0px;}
.margin-bottom-3px {margin-bottom: 3px;}
.margin-bottom-5px {margin-bottom: 5px;}
.margin-bottom-10px {margin-bottom: 10px;}
.margin-bottom-15px {margin-bottom: 15px;}

/* Shorter versions of margin styles */
.margin-t_-3 {margin-top: -3px;}
.margin-t-3 {margin-top: 3px;}
.margin-t-5 {margin-top: 5px;}
.margin-t-10 {margin-top: 10px;}
.margin-t-15 {margin-top: 15px;}
.margin-t-20 {margin-top: 20px;}
.margin-l-5 {margin-left: 5px;}
.margin-l-10 {margin-left: 10px;}
.margin-l-15 {margin-left: 15px;}
.margin-l-20 {margin-left: 20px;}
.margin-r-5 {margin-right: 5px;}
.margin-r-10 {margin-right: 10px;}
.margin-r-15 {margin-right: 15px;}
.margin-r-20 {margin-right: 20px;}
.margin-r-25 {margin-right: 25px;}
.margin-r-30 {margin-right: 30px;}
.margin-r-35 {margin-right: 35px;}
.margin-b-0 {margin-bottom: 0px;}
.margin-b-3 {margin-bottom: 3px;}
.margin-b-5 {margin-bottom: 5px;}
.margin-b-10 {margin-bottom: 10px;}
.margin-b-15 {margin-bottom: 15px;}

/* Shorter versions of padding styles */
.pad-t_-3 {padding-top: -3px;}
.pad-t-3 {padding-top: 3px;}
.pad-t-5 {padding-top: 5px;}
.pad-t-10 {padding-top: 10px;}
.pad-t-15 {padding-top: 15px;}
.pad-t-20 {padding-top: 20px;}
.pad-l-5 {padding-left: 5px;}
.pad-l-10 {padding-left: 10px;}
.pad-l-15 {padding-left: 15px;}
.pad-l-20 {padding-left: 20px;}
.pad-r-5 {padding-right: 5px;}
.pad-r-10 {padding-right: 10px;}
.pad-r-15 {padding-right: 15px;}
.pad-r-20 {padding-right: 20px;}
.pad-r-25 {padding-right: 25px;}
.pad-r-30 {padding-right: 30px;}
.pad-r-35 {padding-right: 35px;}
.pad-b-0 {padding-bottom: 0px;}
.pad-b-3 {padding-bottom: 3px;}
.pad-b-5 {padding-bottom: 5px;}
.pad-b-10 {padding-bottom: 10px;}
.pad-b-15 {padding-bottom: 15px;}


.floatLeft { position: relative; float: left;}
.floatRight { position: relative; float: right; }
.clear { clear: both; }
.centered {margin-right: auto; margin-left: auto; text-align: center;}
.right {margin-right: 0px; margin-left: auto; text-align: right;}
.width33 {width: 33%; position: relative;}
.width50 {width: 50%; position: relative;}
.width66 {width: 66%; position: relative;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignCenter {text-align: center;}
/* ----- End of Utilities ----- */

/*---- Help sections, icons and pages -----*/
a em.help {display: block; height: 12px; width: 12px; background: url(/images/common/controlsIcons1.png) -191px -49px no-repeat; cursor: pointer; float: left;}
a:hover em.help {background-position: -177px -49px;}
a.help {text-decoration: none;}
h5.help {float: left; margin-right: 4px;}
label.help {float: left; margin-right: 3px;}
/*---- End of Help -----*/

/* ----- General Tables ----- */
table a:hover { text-decoration: underline; }
.subheadertable {margin-bottom: 5px; margin-top: 5px; padding: 3px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;}
table thead { text-align: left;}
table thead td {vertical-align: bottom; padding: 5px 5px 0px 5px; font-size: 0.8em; font-weight: bold; }
table thead tr th { padding: 5px; font-size: 0.8em; font-weight: bold; }

table tbody tr td {padding-left: 5px; padding-bottom: 4px; padding-right: 5px; padding-top: 5px;}
.colheadertable {padding: 5px; font-size: 0.8em; font-weight: bold; }
td.colheadertable {padding: 3px; margin-bottom: 5px; border-bottom-color: white; border-bottom-width: 2px; border-bottom-style: solid; font-weight: bold; font-size: 0.65em; vertical-align: bottom; }
table td.buttons {text-align: center; height: 50px; vertical-align: bottom;}

div.tableTitle { position: relative; font-weight: bold; padding-left: 3px; padding-bottom: 2px; padding-right: 3px; padding-top: 5px; color: #666666; line-height: 1.4em; text-align: center; margin-bottom: 2px; font-size: 1.2em; vertical-align: bottom;  -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;  -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border: 1px solid #d3d3d3; background: #e6e6e6; color: #4d4d4d; outline: none; }
               
div.tableFooter { padding-left: 3px; padding-bottom: 2px; padding-right: 3px; padding-top: 5px; color: #666666; line-height: 1.4em; text-align: center; margin-bottom: 2px; font-size: 1.3em; vertical-align: bottom;  -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;  -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; outline: none; }

table tr.total {border-top-color: white; border-top-width: 2px; border-top-style: solid; font-weight: bold; background-color: #e6f0f2;}
table tr td.totalLabel {text-align: right;}

div#tableContainer {width: 100%; overflow-x: auto; overflow-y: hidden; position: relative;}

/*----- End of General Tables ----- */

/* ----- Upload Assistant Table ----- */
table#uploadAssist { margin-bottom: 5px; width: auto;}
table#uploadAssist .select {}
table#uploadAssist thead td { text-align: center;}
table#uploadAssist input.textSmall {text-align: left; margin-bottom: 0px; font-size: 11px; width: 125px;}
table#uploadAssist td.checkbox {text-align: center; width: 35px;}
table#uploadAssist tbody td.checkbox {vertical-align: middle;}
table#uploadAssist td {text-align: center;}
table#uploadAssist td.rowNo {width: 25px; vertical-align: middle;}
table#uploadAssist thead td input.textSmall {font-weight: bold; font-size: 1.2em; }
table#uploadAssist tbody td {padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; border-left: 1px solid #CCCCCC;}
div#uploadTableCont {width: 100%; overflow-x: auto; position: relative;}

.constrainOverflow {overflow-x:auto; position:relative; width:100%;}
.overflow-y-Auto {overflow-y: auto;}



/* ------ Lists ------ */
ol {margin-left: 20px;}
ol li {margin-bottom: 4px;}
ul.bullets {margin-left: 20px; list-style-position: outside; list-style-type: circle;}
ul.bullets li {margin-bottom: 3px;}
/* ------ End Lists ------ */

/* ------ Columns & Floats ------ */
.floatRightNeg {margin-right: -7px;margin-top: -7px; float: right; }
.floatLeftNeg {margin-left: 7px;margin-top: 3px; float: left; }
#leftColumn { float: left; width: 64%; }
#leftColumn2 { float: left; width: 25%; }
#rightColumn { margin-left: 2%; float: left; width: 34%; }
#rightColumn2 { margin-left: 2%; float: left; width: 73%; }
.columnLeft50 { display: block; float: left; width: 49%; margin-right: 2%;}
.columnRight50 { display: block; float: left; width: 49%; }
.columnLeft33 { display: block; float: left; width: 33%;}
.columnMid33 { display: block; float: left; width: 32%; margin-left: 1%;}
.columnRight33 { display: block; float: left; width: 32%; margin-left: 1%;}
.columnRight66 { display: block; width: 66%; float: left; margin-left: 1%;}
.columnLeft66 { display: block; width: 67%; float: left;}
.columnLeft780 { display: block; width: 780px; float: left;}
.columnLeft740 { display: block; width: 740px; float: left;}
.columnRight120 { display: block; width: 120px; float: left; margin-left: 12px;}
.columnRight160 { display: block; width: 160px; float: left; margin-left: 12px;}
.col-dyn {float: left; margin-right: 15px;}
.col400 {width: 400px; float: left; margin-right: 15px;}
/* ------ End Columns & Floats ------ */



.clearfix { clear: both; font-size: 1px; display: block; height: 1px; }

.hidden {display: none;}
.remove {display: none !important;}
.invisible {visibility: hidden;}
.grayBkg {background-color: #F1F1F1;}

a.loginButton { line-height: 1.3em; font-size: 0.85em; text-decoration: none; padding: 4px 10px; font-weight: bold; border-width: 1px; border-style: solid; }
a.loginButton:hover { text-decoration: none; }

/* No Border Button for Dialog Boxes */
body.jumptrack .ui-dialog button.noborder { border: none; }


/* --------- NEW Compliant Button Styles ------------- */

button.jtButton { 
	color: #333333;
	font-weight: bold; 
	padding: 0px 10px; 
	border: 1px #999999 solid; 
	margin: 0; 
	font-size: 1em; 
	line-height: 36px; 
	height: 36px; 
	cursor: pointer; 
	font-style: normal;  
	font-family: Helvetica, Arial, sans-serif;
	background-color: #dadada; 
}
button.jtButton:hover {
	color: #000000;
	border: 1px #86B2D1 solid;
	background-color: #DFECF6; 
}
button.jtButton.ui-state-disabled:hover {
	color: #333333;
	border: 1px #999999 solid; 
	background-color: #F1F5F6; 
}
button.jtButton:active {
}

button.jtButton span { float: left; }
button.jtButton em { height: 20px; width: 20px; float: left; margin: 6px 5px 0px 0px; }
button.jtButton.save em { background-position: -350px 0; }
button.jtButton.refresh em { background-position: -329px 0; }
button.jtButton.delete em { background-position: -276px -23px }
button.jtButton.deleteAll em { background-position: -254px -23px; }
button.jtButton.add em { background-position: -371px 0; }
button.jtButton.search em {background-position: -297px -23px; }
button.jtButton.next em {background-position: -319px -23px; margin: 6px 0px 0px 0px; }
button.jtButton.upload em {background-position: -341px -23px; }
button.jtButton.download em {background-position: -363px -23px; }
button.jtButton.edit em {background-position: -392px 0; }

/* Small Secondary Buttons */
button.jtButtonSmall { 
	color: #666666;
	font-weight: bold; 
	padding: 0px 6px; 
	border: 1px #999999 solid; 
	/* margin: 0; */ 
	font-size: 0.85em; 
	/* line-height: 20px; */ 
	height: 20px; 
	cursor: pointer; 
	font-style: normal;  
	font-family: Helvetica, Arial, sans-serif;
	background-color: #EBEEF1; 
}

button.jtButtonSmall:hover {
	color: #000000;
	border: 1px #86B2D1 solid;
	background-color: #DFECF6; 
}
button.jtButtonSmall.ui-state-disabled:hover {
	color: #333333;
	border: 1px #999999 solid; 
	background-color: #F1F5F6; 
}
button.jtButtonSmall:active {
}

button.jtButtonSmall span { float: left; }



/* New Action buttons */
a.action {margin-right: 5px; float: left; display: block; height: 20px; width: 20px; background-image: url(/images/common/controlsIcons1.png); background-repeat: no-repeat; text-decoration: none; cursor: pointer;}
a.action.edit {background-position: -295px 0;}
a:hover.action.edit {background-position: -295px -20px;}
a.action.download {background-position: -335px 0;}
a:hover.action.download {background-position: -335px -20px;}
a.action.add {background-position: -315px 0;}
a:hover.action.add {background-position: -315px -20px;}
a.action.delete {background-position: -255px 0;}
a:hover.action.delete {background-position: -255px -20px;}
a.action.info {background-position: -275px 0;}
a:hover.action.info {background-position: -275px -20px;}

/* End of CSS buttons */

/* Delete Button */
button.buttonAdd, a.buttonAdd {font-weight: bold; border: none; background-color: transparent; font-size: .95em; cursor: pointer;}
button.buttonDelete {font-weight: bold; border: none; background-color: transparent; font-size: .95em; cursor: pointer; }

button.buttonDelete {height: 22px; background-image: url(/images/buttons/delete-button.png); background-repeat: no-repeat; background-position: 0px 0px; color: #CC0000; }
button.buttonDelete p {font-family: Helvetica, Verdana, Arial, sans-serif; padding-left: 23px; font-style: normal; margin-bottom: 0px;}
button.buttonDelete:hover {text-decoration: none;}

/* Delete Button Right */
button.buttonDelete.right {height: 22px; background-image: url(/images/buttons/delete-button.png); background-repeat: no-repeat; background-position: right 0px; color: #CC0000;}
button.buttonDelete.right p {font-family: Helvetica, Verdana, Arial, sans-serif; padding-right: 23px; padding-left: 0px; font-style: normal; margin-bottom: 0px;}

/* Add Button */
button.buttonAdd, a.buttonAdd {height: 22px;}
button.buttonAdd p, a.buttonAdd p {color: #5D9100; font-family: Helvetica, Verdana, Arial, sans-serif; padding-left: 23px; font-style: normal; margin-bottom: 0px; background:url(/images/buttons/addButton.png) no-repeat 0px 0px; height: 22px; line-height: 22px;}
button.buttonAdd:hover, a.buttonAdd:hover {text-decoration: none;}

/* Add Button Right */
button.buttonAdd.right p, a.buttonAdd.right p {color: #5D9100; font-family: Helvetica, Verdana, Arial, sans-serif; padding-right: 23px; padding-left: 0px; font-style: normal; margin-bottom: 0px; background:url(/images/buttons/addButton.png) no-repeat right 0px; height: 22px; line-height: 22px;}

/* Search Icon Button */
.searchIcon { position: inherit;}
a.searchIcon {  width: 25px; height: 28px; float: left;  font-family: Helvetica, Arial, sans-serif; background:url(/images/buttons/search_button_small.png) no-repeat 0px 0;}
a.searchIcon:hover { text-decoration: none; background-repeat: no-repeat; background:url(/images/buttons/search_button_small.png) no-repeat left -27px;}
a.searchIcon button {width: 25px; height: 25px;}
a.searchIcon button p { padding-left: 15px; color: #67B3F3; margin-bottom: 3px; font-family: Helvetica, Arial, sans-serif; }	
a.searchIcon:hover button p { line-height: 26px; color: #0522BC; }

/* ----- Preview Button ----- */
button.preview {background-position: -202px 0px; height: 19px; width: 52px; background-image: url(/images/common/controlsIcons1.png);}
button.preview:hover {background-position: -202px -20px;}
button.preview.link.ui-state-disabled:hover {cursor: default; background-position: -185px -150px;}

/*------ Increase Button ------*/
a.increase {display: block; width: 20px; height: 20px; background: url(/images/common/controlsIcons1.png) no-repeat -295px -230px; margin: 2px 0px 0px 3px;}
a.increase:hover {background-position: -295px -250px;}

/*------ Decrease Button ------*/
a.decrease {display: block; width: 20px; height: 20px; background: url(/images/common/controlsIcons1.png) no-repeat -316px -230px; margin: 2px 0px 0px 3px;}
a.decrease:hover {background-position: -316px -250px;}

#softwareInstall {background-color: #f1f1f1; padding: 10px; text-align: center;}
#softwareInstall em {display: block; font-size: 1.1em; font-weight: bold;}
#softwareInstall span {font-size: 0.85em; color: #a4a4a4;}

/* ----- Ajax Loader ----- */
div.jquery-ajax-loader { min-width: 32px; min-height: 32px; background: url(/images/common/ajax-loader.gif) no-repeat 50% 50%; opacity: .6; }
/* ----- End Ajax Loader ----- */

/* ----- Boxes & Borders ----- */
.whitebox { display: block; background-color: white; }
.whitebox_shaded_top { background-image: url(/images/common/top_box_background.gif); background-color: white; padding: 7px; border-color: #bfbfbf; border-width: 1px; border-style: solid; background-position: left top; background-repeat: repeat-x;}
.whitebox_shaded_top2 { position: relative; background-image: url(/images/common/top_box_background.gif); background-color: white; background-position: left top; background-repeat: repeat-x;}
.redBorder1px { background-color: white; padding: 10px; border-color: #CC0000; border-width: 1px; border-style: solid; }
.blueBorder1px { background-color: white; border-color: #00abdf; border-width: 1px; border-style: solid; }
.grayBorder1px { padding: 10px; border-color: #999999; border-width: 1px; border-style: solid;}
.grayBorder2px {padding: 10px; border-color: #999999; border-width: 2px; border-style: solid;}
.grayBorder {border-color: #999999; border-style: solid;}
.border1px {border-width: 1px;}
.border2px {border-width: 2px;}
.border3px {border-width: 3px;}
.border4px {border-width: 4px;}
.border5px {border-width: 5px;}
.blackborder {border: black solid 1px;}
.grayBox { position: relative; padding: 10px; background-color: #F1F1F1;}
.grayBox2 { background-color: #f1f1f1;}
.grayBoxHeader {padding-left: 8px; padding-bottom: 10px; padding-right: 8px; padding-top: 10px; background: #EBEEF1; }
.grayBoxHeader h4 {color: #4b4b4b; font-size: 1.2em; font-weight: bold; margin-bottom: 20px;}
.steps {position: relative; font-size: 1.75em; display: block; width: auto; float: left; margin-top: -7px; color: #BFBFBF; margin-right: 10px;}
div.infoBox span.steps {position: relative; font-size: 1.25em; display: block; width: auto; float: left; margin-top: -3px; color: #3f3f3f; margin-right: 10px;}
.grayBorderBox {border: 1px solid #999999; padding: 5px; }
/* ----- End of Boxes & Borders ----- */

/* ----- Misc. Icons, Arrrows, etc..----- */
.lrg-gray-arrow { /* position: relative; */ float: right; background-position: -44px -16px; background-image: url(/images/common/misc-icons.png); background-repeat: no-repeat; height: 20px; width: 10px;}                          
.med-gray-arrow { float: right; background-position: -58px top; background-image: url(/images/common/misc-icons.png); background-repeat: no-repeat; height: 13px; display: block; width: 9px;}
span.external {background-position: -32px -80px; float: left; display: block; height: 14px; width: 14px; background-repeat: no-repeat; background-image: url(../css/custom-theme/images/ui-icons_2e83ff_256x240.png);}
em.external {font-style: normal; font-weight: normal; float: left;}
a em.external:hover {text-decoration: underline;}
/* ----- End Misc. Icons, Arrrows, etc..----- */



/* ----- Lists ----- */
.fileList {font-size: 1.2em;}
ul.fileList li {margin-bottom: 5px; line-height: 1em;}
.infoBox ul.fileList {margin: 10px;}
div.infoBox ul.fileList span.finePrint {padding-left: 5px; font-size: 0.8em;}
div.infoBox ul.fileList p.finePrint {padding-left: 0px; font-size: 0.8em; padding-top: 2px; margin-bottom: 0px;}

#freeTrial { height: 50px; width: 50px; }

/* ----- Forms ----- */
form {}
form p {clear: both; margin-bottom: 0em;}
label.req {color: #CC0000; margin-right: 3px; position: relative; padding-right: 10px; background-position: right; background-image: url(/images/common/redStar.png); background-repeat: no-repeat;}
form p em.req {position: relative; float: right; line-height: 18px; font-size: .8em; color: #999999; font-style: normal; font-weight: normal; padding-right: 12px; background-position: right; background-image: url(/images/common/redStar.png); background-repeat: no-repeat;}
input.text { height: 16px; border: 1px solid #B3B3B3; font-size: 12px; color: black; padding: 3px; width: 98%; position: relative; }
.reportSettings input.text {width: 90%;}
input.file { background-color: white; margin-bottom: 10px; float: left; border: 1px solid #B3B3B3; font-size: .9em; color: black; padding: 3px; width: 98%; position: relative;}
input.textWide { margin-bottom: 10px; float: left; border: 1px solid #B3B3B3; font-size: 1.1em; color: black; padding: 3px; width: 500px; position: relative;}
input.textSmall {text-align: center; margin-bottom: 5px; border: 1px solid #B3B3B3; font-size: 12px; color: black; padding: 3px; width: 75px;}
input.textSmall2 {margin-bottom: 5px; border: 1px solid #B3B3B3; font-size: 12px; color: black; padding: 3px; width: 50px;}
input.textShort {margin-bottom: 5px; border: 1px solid #B3B3B3; font-size: 12px; color: black; padding: 3px; width: 75px;}
input.textMed {/* margin-bottom: 5px; */ border: 1px solid #B3B3B3; font-size: 12px; color: black; padding: 3px; width: 200px;}
input.datepicker {margin-right: 3px;/*  margin-bottom: 10px; */ border: 1px solid #B3B3B3; font-size: 1.05em; color: black; padding: 3px; width: 93px;}
input.checkbox { float: left; font-size: 2em; margin-bottom: 0px; border-width: 0px; border-style: none; position: relative;}
form label { margin-right: 3px; position: relative;  padding-right: 11px; color: #656565; font-size: .9em; /* line-height: 1.5em; */}
form label.small { margin-bottom: 2px; padding-right: 0px; margin-right: 0px; font-size: 0.85em; text-align: left; display: block; line-height: 1em; float: none; width: auto; color: #656565;}
.datepickerTO { margin-bottom: 2px; padding-right: 0px; margin-right: 0px; font-size: 0.9em; text-align: left; line-height: 28px; width: auto; color: #7f7f7f;}
form label.left {width: auto; margin-right: 3px; position: relative; visibility: visible; padding-right: 11px; color: #656565; float: left; display: block; text-align: right; font-size: 0.9em; line-height: 28px;}
form label.over {float: none; margin-bottom: 3px; width: auto; margin-right: 0px; position: relative; visibility: visible; padding-right: 0px; color: #656565;  text-align: left; font-size: 0.9em; line-height: 1.5em;}
form label.checkboxes {clear: none; width: auto; line-height: 1.4em; margin-left: 7px; margin-bottom: 0px; padding-right: 0px; color: #656565; float: left; display: block; text-align: left!important; font-size: 1em; margin-right: 0px; position: inherit;}
form label.multiline {position: relative; padding-right: 11px; color: #656565; float: left; display: block; width: 120px; text-align: right; font-size: 0.9em; line-height: 14px;}
form p.req {color: #999999;}
form p.req input { color: black; padding: 3px; width: 290px;}
.selectSmall {position: relative; z-index: 0; margin-bottom: 10px; font-size: 1em; width: auto; padding: 1px 1px 2px 1px;}
.selectFilter {font-size: .8em;}
.fixedSelect {position: relative; z-index: 0; float: left; margin-bottom: 5px; border: 1px solid #B3B3B3; background-color: white; font-size: 13px; width: 290px; padding: 5px;}
.fixed400 {position: relative; z-index: 0; float: left; margin-bottom: 5px; border: 1px solid #B3B3B3; background-color: white; font-size: 1.1em; width: 400px; padding: 5px;}
.selectWide {position: relative; z-index: 0; float: left; margin-bottom: 5px; border: 1px solid #B3B3B3; background-color: white; font-size: 13px; width: 500px; padding: 5px;}
.selectFull {position: relative; z-index: 0; float: left; margin-bottom: 5px; font-size: 1em; width: 100%; padding: 3px; }
.selectProducts {position: relative; z-index: 0; float: left; margin-bottom: 5px; border: 1px solid #B3B3B3; background-color: white; font-size: 0.9em; width: 100%; padding: 5px;}
.jumpList {position: relative; z-index: 1; float: left; margin-bottom: 5px; border: 1px solid #B3B3B3; font-size: 1.1em; width: 250px; padding: 3px;}

/* ----- Select Dropdowns ----- */
select { margin-bottom: 10px; padding: 2px; }
.select { margin-bottom: 10px; padding: 2px;}
.select100pct { position: relative; z-index: 0; margin-bottom: 10px; width: 100%; padding: 2px;}
select.error {border: 1px solid #CC0000; background-color: #ffffea;}

form textarea { border: 1px solid #B3B3B3; width: 250px; font-size: 1em; padding: 3px;}
form input.textarea { border: 1px solid #CCCCCC; font-size: 1em; padding: 3px;}
form p input.error {background-color: #ffffdd; border: 1px solid #CC0000;}
form p label.error {font-size: 0.9em; padding: 0px; float: left; text-align: left; color: #CC0000; width: 195px; margin: 0 0 0 10px;}
.error {/*  padding-bottom: 10px; */ padding-top: 3px; font-size: 12px; text-align: center; color: #CC0000;}
.errorLeft { padding-bottom: 10px; padding-top: 5px; font-size: 12px; text-align: left; color: #CC0000;}
form button {text-align: left;}

#loginPage form table {width: 100%;}
form h2 { position: relative; visibility: visible; }
form div.submit {margin-left: 133px; margin-bottom: 10px; display: block; clear: both;}
form fieldset {margin-bottom: 0.5em; clear: both; border: none;}
.miscFormField { position: relative; z-index: 1; float: left; margin-bottom: 5px;}
.formCopy {margin-left: 133px; width: 60%;}
.inputnotes { margin-top: -7px; margin-bottom: 10px; float: left; font-size: 0.8em; line-height: 1.1em; color: #999999;}
.checkbox400 {width: 400px;}
.checkboxFull {width: 100%;}
.checkbox185 {width: 185px;}
.checkbox200 {width: 200px;}
/* -----End of Forms ----- */

/* ----- Tooltips ----- */
/*
#tooltip{ position:absolute; border:1px solid #333;	background:#f7f5d1;	padding:2px 5px; color:#333; display:none; }
.tooltip {display:none; background:transparent url(/images/tooltip/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff;}
*/

/* ----- Breadcrumb Plugin -------- */
/* Float Clearing */
.module:after {	clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* float clearing for IE6 */
* html .module { height: 1%; overflow: visible;
}
/* float clearing for IE7 */
* + html .module { min-height: 1%; }
/* ------- Breadcrumb Styles ------- */
.breadCrumb {padding: 0; margin-left: 0; margin-bottom: 8px; margin-right: 0; margin-top: 0px; float: left; display: block; height: 21px; overflow: hidden; width: 100%; }
.breadCrumb ul { margin: 0; padding: 0; height: 21px; display: block;}
.breadCrumb ul li { display: block; float: left; position: relative; height: 21px; overflow: hidden; line-height: 21px; margin: 0px 6px 0px 0; padding: 0px 10px 0px 0; font-size: .9167em; background: url(/images/common/Chevron.gif) no-repeat 100% 0;}
.breadCrumb ul li div.chevronOverlay { position: absolute; right: 0; top: 0; z-index: 2;}
.breadCrumb ul li span { display: block; overflow: hidden; }
.breadCrumb ul li a { display: block; position: relative; height: 21px; line-height: 21px; overflow: hidden; float: left; }
.breadCrumb ul li.first a { height: 16px !important; text-indent:-1000em; width:16px; padding: 0; margin-top: 2px; overflow: hidden; background:url(/images/common/IconHome.gif) no-repeat 0 0; }
.breadCrumb ul li.first a:hover { text-decoration: underline; background-position: 0 -16px;}
.breadCrumb ul li a:hover { text-decoration: underline;}
.breadCrumb ul li.last { background: none; margin-right: 0; padding-right: 0; }
.chevronOverlay { display: none; background: url(/images/common/ChevronOverlay.png) no-repeat 100% 0; width: 13px; height: 20px; }
/* ----- End Breadcrumb plugin ----- */


/*--------- Overlay ---------*/ 
div.overlay, #overlay { display:none; background-image: url(/images/common/transparent.png); padding:40px; width:576px; z-index: 9999; } 
div.contentWrap div#terms {color: white; text-align: left; padding-right: 10px;}
div.contentWrap div#terms h5 {color: white;}
div.overlay div.close, #overlay div.close {
-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/images/common/close.png) no-repeat scroll 0 0; cursor:pointer; height:35px; position:absolute; right:5px; top:2px; width:35px; } 
div.contentWrap { height:441px; overflow-y:auto; }



/*------------------ JumpTech Base Colors, logos and other styles for branding ---------------------*/
/* ------------------------------------------------------------------------------------------------ */

/*--- Links ----*/
a:link { color: #4986FF; }
a:visited { color:#4986FF;}
a.bluelink {color: #4986FF; }
.ui-state-highlight a.bluelink {color: #4986FF;}

/*--- Top Header ----*/
#headerLogo { float: left; background-repeat: no-repeat; background-image: url(/images/common/ECI-logo.png); height: 55px; width: 90px;}

/*---- Login Page -----*/
#loginLogo { background-repeat: no-repeat; background-image: url(/images/common/ECI-logo.png); height: 55px; width: 147px;}
body#loginPage, body#password {background: #EBEEF1;}
body#loginPage div#loginContainer, body#password div#loginContainer {background-color: white; border: #999999 solid 6px;}
body#loginPage .copyright {color: #999999;}


/*----- Tables -----*/
.odd {background-color: #ededed;}
.oddRow {background-color: #ededed;} /* Legacy */
.even {background-color: white; }
.evenRow {background-color: white; } /* Legacy */
.off {background-color: #ededed;}
.on {background-color: none;}
.hover { background-color: #d4e6eb; }
.selected {font-style:italic;}
.AZjumplist a { color: white;}
.AZjumplist { background-color: #999999;  color: white; }
.AZjumplist a:hover {background-color: #4986FF;}
.AZjumplist a:visited {color: white;}
td.colheadertable {background-color: #cccccc; color: black; }
td.portalheadertable { border-bottom-color: white; background-color: #7f7f7f; color: white; }
td.totalScan {color: #cc0000;}
.subheadertable { color: white; background-color: #7f7f7f; }


/*----- Menu Bar -----*/
#mainMenu2 h1 a { color: white;}

/*----- Menu Highlighting -----*/

/*----- Buttons -----*/
a.loginButton { color: black; background-color: #d8d8d8; border-color: #4986FF; border-width: 1px; border-style: solid;}
a.loginButton:hover { border-color: #4986FF; background-color: #4986FF; color: white; cursor: pointer;}
a.loginButton.ui-state-disabled:hover {background-color: #d8d8d8; color: black; }

/* Breadcrumb menu */
ul#breadcrumbs {color: #999999;}

/* Text sizing and color */
.introCopy {color: #3f3f3f}
.text-red {color: #CC0000;}
.text-cccccc { color: #CCCCCC; }
.text-999999 { color: #999999;}
.black {color: black;}
/* End of Text color */

/* Info boxes, help and contact screens */
.infoBox {border-color: #CCCCCC;}
.infoBox h4 {color: #656565; background-color: #EBEEF1;}
.inner-infoBox > h5, .inner-infoBox > div {margin-left: 10px; margin-right: 10px}
.inner-infoBox .columnLeft50 , .inner-infoBox .columnRight50 {width: 45%}

/* ------------------------------------------------------------------------------------------------------- */
/*------------------ End of JumpTech Base Colors, logos and other styles for branding ---------------------*/