﻿@charset "utf-8";
/* Reset CSS script */
/* Modified from: */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, img, strike, strong, sub, sup, 
form, label, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 100%;
	font: inherit;
	color: inherit;
	vertical-align: baseline;
}

input, select, textarea {
	box-sizing: border-box;
	overflow: auto;
}

/* general */
html,body,form{
	height: 100%;
}

body{
	line-height: 1;
	font-family: Lato,Tahoma,Geneva,Sans-Serif;
	font-size: 11px;
	color: #333333;
}

body.std_Background{
	background-color: #ffffff;

}

input[type="text"], textarea{
	margin: 0px;
	padding: 2px 2px;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}


h1,h2,h3,h4,h5,h6{
	font-family: "Titillium Web",Lato,Tahoma,Geneva,Sans-Serif;
	font-weight: bold;
}

th{
	font-weight: bold;
	vertical-align: middle;
}

td{
	vertical-align: middle;
}

a{
	text-decoration: none;
}
a:link{
	color: #0054a2;
}
a:hover{
	text-decoration: underline;
}
a:visited{
	color: #0054a2;
}
strong{
	font-weight: bold;
}
.documentFont{
	font-family: Lato,Tahoma,Geneva,Sans-Serif;
	font-size: 16px;
}
.documentFont ol{
	list-style: decimal;
}
.documentFont ul{
	list-style: disc;
}
.hide{
	display: none;
}
.clear{
	clear: both;
}
.space{
	height: 8px;
}

/* General */
th a.sortdown
{
	background: url(../i/th_arrow.gif) left center no-repeat;
	padding-left: 10px;
}
th a.sortup
{
	background: url(../i/th_arrow3.gif) left center no-repeat;
	padding-left: 10px;
}
p.error
{
	color: #cc0000;
	font-weight: bold;
}
.htmlEditor 
{
	width: 1000px;
	height: 275px;
    	margin-left: auto;
    	margin-right: auto; 
}

.std_lbl{
	height: 15px;
	padding: 2px 2px;
	border: 0px;
	background-color: inherit;
}
.error_lbl{
	height: 15px;
	color: #cc0000;
	font-weight: bold;
	padding: 2px 2px;
	border: 0px;
	background-color: inherit;
}
.std_tb{
	height: 17px;
	border: 1px solid #999999;
	background-color: #ffffff;
}
.error_tb{
	height: 17px;
	color: #ffffff;
	border: 1px solid #000000;
	background-color: #cc0000;
}
.override_tb{
	height: 17px;
	border: 1px dashed #999999;
	background-color: inherit;
}

.std_select{
	display: inline-block;
	height: 17px;
	padding: 0px;
	border: 1px solid #999999;
	background-color: #ffffff;
}

.error_select{
	display: inline-block;	
	height: 17px;
	color: #ffffff;
	padding: 0px;
	border: 1px solid #000000;
	background-color: #cc0000;
}

.std_cb{
	height: 15px;
	width: 15px;
	display: block;
	margin-left: auto; 
	margin-right: auto;
}

.error_cb{
	height: 13px;
	width: 13px;
	display: block;
	margin-left: auto; 
	margin-right: auto;
	border: 1px solid #000000;
	background-color: #cc0000;
	text-align: center;
}

.override_cb{
	height: 15px;
	width: 15px;
	display: inline-block;
	vertical-align: text-top;
}

.w30 {
	min-width: 30px;
	max-width: 30px;
}
.w30i {
	width: 30px;
}
.w50 {
	min-width: 50px;
	max-width: 50px;
}
.w50i {
	width: 50px;
}
.w60 {
	min-width: 60px;
	max-width: 60px;
}
.w60i {
	width: 60px;
}
.w70 {
	min-width: 70px;
	max-width: 70px;
}
.w70i {
	width: 70px;
}
.w75 {
	min-width: 75px;
	max-width: 75px;
}
.w75i {
	width: 75px;
}
.w100 {
	min-width: 100px;
	max-width: 100px;
}
.w100i {
	width: 100px;
}
.w125 {
	min-width: 125px;
	max-width: 125px;
}
.w125i {
	width: 125px;
}
.w150 {
	min-width: 150px;
	max-width: 150px;
}
.w150i {
	width: 150px;
}
.w175 {
	min-width: 175px;
	max-width: 175px;
}
.w175i {
	width: 175px;
}
.w200 {
	min-width: 200px;
	max-width: 200px;
}
.w200i {
	width: 200px;
}
.w225 {
	min-width: 225px;
	max-width: 225px;
}
.w225i {
	width: 225px;
}
.w250 {
	min-width: 250px;
	max-width: 250px;
}
.w250i {
	width: 250px;
}
.w255 {
	min-width: 255px;
	max-width: 255px;
}
.w300 {
	min-width: 300px;
	max-width: 300px;
}
.w300i {
	width: 300px;
}
.w355 {
	min-width: 355px;
	max-width: 355px;
}
.w430 {
	min-width: 430px;
	max-width: 430px;
}
.w450 {
	min-width: 450px;
	max-width: 450px;
}
.w450i {
	width: 450px;
}
.w500 {
	min-width: 500px;
	max-width: 500px;
}
.w500i {
	width: 500px;
}
.w505 {
	min-width: 505px;
	max-width: 505px;
}
.w525 {
	min-width: 525px;
	max-width: 525px;
}
.w555 {
	min-width: 555px;
	max-width: 555px;
}
.w630 {
	min-width: 630px;
	max-width: 630px;
}
.w680 {
	min-width: 680px;
	max-width: 680px;
}
.w855 {
	min-width: 855px;
	max-width: 855px;
}
.w1015 {
	min-width: 1015px;
	max-width: 1015px;
}
.w1080 {
	min-width: 1080px;
	max-width: 1080px;
}
.w1270 {
	min-width: 1270px;
	max-width: 1270px;
}
.w1280 {
	min-width: 1280px;
	max-width: 1280px;
}
.h30{
	height: 30px;
	resize: none;
}

.h45{
	height: 41px;
	margin: 2px 0px;
	resize: none;
}
.h90{
	height: 86px;
	margin: 2px 0px;
	width: 470px;
	resize: none;
}

.hauto {
    height: auto !important;
}

.hauto label{
    height: auto !important;
}

.floatLeft{
	width: auto;
	float: left;
	display: inline;
}
.floatRight{
	width: auto;
	float: right;
	display: inline;
}

.comment {
	font-size: 9px;
	margin-top: 4px;
}

.green{
	color: #6f8926;
}
.red{
	color: #bb0000;
}
.blue{
	color: #0054a2;
}
.gray{
	color: #999999;
}
.gold{
	color: #fec42b;
}
.orange{
	color: #ff7e00;
}

.standardText{
	color: #333333;
}

.hiLite {
	background: #316ac5; 
	color: #ffffff;
}
.alignLeft{
	text-align: left;
}
.alignCenter{
	text-align: center;
}
.alignRight{
	text-align: right;
}
.centerMargin{
	display: block;
	margin-left: auto; 
	margin-right: auto;
}

/* end common */

/* buttons */
a.buttonLink{
	display: inline-block;
	width: auto;
	height: 12px;
	margin: 0px;
	cursor: pointer;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
	border-radius: 4px;
	border: 1px solid #999999;
	background-color: #cccccc;
}
a.buttonLink:hover{
	color: #999999;
}

a.actionBtn{
	min-width: 18px;
	min-height: 18px;
	margin: 0px 1px;
	text-align: center;
	font-weight: bold;
	color: #333333;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	border-radius: 4px;
	border: 1px solid #999999;
	background-color: #cccccc;
}
a.actionBtn:hover{
	color: #999999;
}
.button-text{
	display: block;
	padding-top: 3px;
}
.smallFont{
	font-size: 9px;
	padding-top: 4px;
}

.enableScrollBars {
	overflow: scroll;
}

.enableYScrollBar {
	overflow: scroll;
	overflow-x: hidden;
}

/* Page Layout */

/* not footer - needed to stick the footer down */
#notFooter{
	min-height:100%;
}

/* #header: represents the fixed portion of the page. */
#header{
	width: 100%;
	height: 132px;
	margin: 0 auto;
	border-bottom: #0054a2 solid 2px;
	box-shadow: 0px 2px 18px 0px #000000;
	background-color: #ffffff;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 999;
}

/* Above Menu Bar has to be 1024px since it's fixed and can't horizontally scroll. */
#aboveMenuBar{
	width: 99%; 
	height: 16px;
	margin: 4px 10px;
	min-width: 1024px;

}

#aboveMenuBar .userBox{
	float: right;
	padding-top: 5px;
}

#aboveMenuBar .userBox .userBoxLink{
	color: #333333;
}

#aboveMenuBar .countdown {
	margin-left: 280px;
	margin-top: 8px;
	color: #ff0000;
	font-weight: bold;
}
/* end #aboveMenuBar */

/* Menu Bar Background has to be 1024px since it's fixed and can't horizontally scroll. */
#menuBar{
	min-width: 1004px;
	height: 24px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
}
	#menuBar #menu{
		width: auto;
		margin: 0px;
		padding: 0px;
		font-family: "Titillium Web",Lato,Tahoma,Geneva,Sans-Serif;
		font-size: 13px;
	}
		#menuBar #menu li{
			width: auto;
			height: 24px;
			float: left;
			list-style: none;
		}
		#menuBar #menu li:hover{
			text-decoration: none;
		}
		#menuBar #menu li a{
			width: auto;
			position: relative;
 			top: 8px;
			padding: 8px 12px 8px 12px;
			white-space: nowrap;
			text-decoration: none;
		}
		#menuBar #menu li.current{
			margin-top: 4px;
			height: 20px;
			background-color: #ffffff;
			border-width: 1px 1px 0px 1px;
			border-radius: 4px 4px 0px 0px;
			border-style: solid;
			border-color: #0054a2;
		}
		#menuBar #menu li.current: hover{
			background-color: #ffffff;
			text-decoration: none;
		}
		#menuBar #menu li.current a{
			width: auto;
			position: relative;
 			top: 3px;
			padding: 0px 12px 8px 12px;
			white-space: nowrap;
			text-decoration: none;
		}

#menuBar.EnSave{
	background-color: #fec42b;
	border-color: #0054a2;
}
	#menuBar.EnSave #menu.EnSave{
		color: #0054a2;
	}
		#menuBar.EnSave #menu.EnSave li.EnSave:hover{
			background-color: #fed35f;
		}

#menuBar.GLASE{
	background-color: #89a22d;
	border-color: #17728d;
}
}
	#menuBar.GLASE #menu.GLASE{
		color: #17728d;
	}
		#menuBar.GLASE #menu.GLASE li.GLASE:hover{
			background-color: #abcb36;
		}

/* end #menuBar */

/* Page Menu Bar Background has to be 1024px since it's fixed and can't horizontally scroll. */
#pageMenuBar{
	min-width: 1004px;
	height: 24px;
	margin: 4px auto 4px 4px;
}
#pageTitle{
	min-width: 200px;
	height: 56px;
	margin: 0px auto 0px 4px;
	color: #0054a2;
}
	#pageTitle h1{
		width: 200px;
		font-size: 19px;
	}
	#pageTitle h2{
		width: 200px;
		font-size: 16px;
	}
	#pageTitle img{
		margin: -20px 0px 0px 4px;
	}

#pageHeader{
	min-width: 854px;
	height: 56px;
	margin: 0px auto;
}
	#pageHeader h1{
		color: #0054a2;
		font-size: 19px;
	}

	#pageHeader td{
		vertical-align: middle;
		padding: 2px 4px;
	}

/* workListBox Header */
#pageHeader .worklistHeader{
	min-width: 1004px;
	margin-bottom: 5px;
}
	
#pageHeader .worklistHeader td{
	vertical-align: middle;
	padding: 2px;
}


/* start #content */
#content{
	width: 100%;
	border: 0px;
	min-width: 800px;
	margin: 0px auto;
	background-color: #ffffff;
	padding-top: 131px;
	padding-bottom: 30px;
}

#content .contentInner{
	width: 98%;
	margin: 0px auto;
	padding-top: 20px;
}
#content .sectionBreak{
	height: 15px;
	border-bottom: #0054a2 solid 1px;
}
#content #tabsBox{
	margin-bottom: 2px;
}

/* Title Box */
#content .titleBox{
	height: 20px;
	border-width: 1px;
	border-radius: 4px 4px 0px 0px;
	border-style: solid;
	border-color: #999999;
	background-color: #dddddd;
	padding: 2px;
}
	#content .titleBox h2{
		padding: 2px;
		font-size: 16px;
		display: inline-block;
	}

	#content .titleBox a{
		margin: 0px 2px;
	}

/* Bottom Box */
#content .bottomBox{
	height: 4px;
	border-width: 0px 1px 1px 1px;
	border-radius: 0px 0px 4px 4px;
	border-style: solid;
	border-color: #999999;
	margin-bottom: 5px;
}

/* Filter Criteria Box */
#content .filterCriteriaBox{
	min-width: 1004px;
	margin-bottom: 10px;
}

/* workListBox Header */
#content .worklistHeader{
	min-width: 1004px;
	margin-bottom: 5px;
}
	
#content .worklistHeader td{
	vertical-align: middle;
	padding: 2px;
}

/* workListBox */
#content .workListBox{
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
}
	#content .workListBox .worklistControlsBox{
		height: 35px;
		border-left: 1px solid #999999;
		border-right: 1px solid #999999;
	}
		#content .workListBox .worklistControlsBox .floatLeft{
			margin-top: 10px;
			margin-left: 33px;
		}

		#content .workListBox .worklistControlsBox .floatRight{
			margin-top: 14px;
			margin-right: 14px;
		}
			#content .workListBox .worklistControlsBox .floatRight a,#content .workListBox .worklistControlsBox .floatRight span{
				width: auto;
				float: left;
				display: inline;
				margin: 0px 5px;
			}

			#content .workListBox .worklistControlsBox .floatRight a{
				width: auto;
				text-decoration: none;
			}
			#content .workListBox .worklistControlsBox .floatRight a:hover{
				text-decoration: underline;
			}
		#content .workListBox .worklistControlsBox .floatRight .pageBtn{
			width: 14px;
			height: 14px;
			float: left;
			display: inline;
			margin: -3px 3px 0px 0px;
			text-align: center;
		}
		#content .workListBox .worklistControlsBox .floatRight .pageBtn:hover{
			
		}
		#content .workListBox .worklistControlsBox .floatRight .pageBtn span{
			display: none;
		}


/* sectionBox */
#content .sectionBox{
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
}
	#content .sectionBox .row{
		height: 24px;
		border-width: 0px 1px 1px 1px;
		border-style: solid;
		border-color: #999999;
	}
	#content .sectionBox .row:nth-child(odd){
		background-color: #ffffff;	
	}
	#content .sectionBox .row:nth-child(even){
		background-color: #eeeeee;
	}
	#content .sectionBox .height50{
		height: 50px;
	}
	#content .sectionBox .height90{
		height: 90px;
	}
	#content .sectionBox .height120{
		height: 120px;
	}
	#content .sectionBox .height180{
		height: 180px;
	}
	#content .sectionBox .height240{
		height: 240px;
	}
	#content .sectionBox .row label{
		width: 374px;
		height: 11px;
		display: inline-block;
		margin-left: 23px;
		padding: 7px 0px 6px 0px;
		border-right: 1px solid #999999;
	}
	#content .sectionBox .height50 label{
		width: 374px;
		height: 43px;
		display: inline-block;
		margin-left: 23px;
		padding: 7px 0px 6px 0px;
		border-right: 1px solid #999999;
	}
	#content .sectionBox .height90 label{
		width: 374px;
		height: 83px;
		display: inline-block;
		vertical-align: top;
		margin-left: 23px;
		padding: 7px 0px 6px 0px;
		border-right: 1px solid #999999;
	}
	#content .sectionBox .height120 label{
		width: 374px;
		height: 113px;
		display: inline-block;
		vertical-align: top;
		margin-left: 23px;
		padding: 7px 0px 6px 0px;
		border-right: 1px solid #999999;
	}
	#content .sectionBox .row .optionTable{
		padding:2px;
		width: 1024px;
	}
	#content .sectionBox .row .optionTable td{
		padding:2px;
	}
	#content .sectionBox .row .filterTable td{
		padding:2px;
	}
	#content .sectionBox .row .checkboxlist{
		overflow: scroll;
		overflow-x: hidden;
		height: 80px;
		background-color: #ffffff;
		border-width: 1px;
		border-style: solid;
		border-color: #999999;
	}
		#content .sectionBox .row .checkboxlist label{
			width: 75px;
			height: 15px;
			float: none;
			display: inline;
			margin-left: 0px;
			padding: 4px 4px;
			border-right: 0px;
		} 
		#content .sectionBox .row .checkboxlist table{
			margin-top: 0px;
		}
	#content .sectionBox .row .rightInput{
		display: inline-block;
		white-space: nowrap;
		margin: 0px 2px;
	}
	#content .sectionBox .row .rightInputImage{
		display: inline-block;
		vertical-align: middle;
	}
	#content .sectionBox .row .rightInputLabel{
		display: inline-block;
		margin-left: 5px;
	}

/* Table Box */
#content .tableBox {
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #dddddd;
	overflow: scroll;
	overflow-y: hidden;
/*	max-height: 360px; */
}
#content .tableControlsBox{
	height: 20px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 2px;
}
	#content .tableControlsBox a{
		margin: 0px 2px;
	}

/* Simple Box */
#content .simpleBox .optionTable{
	padding:2px;
}
#content .simpleBox .optionTable td{
	padding:2px 4px;
}
#content .simpleBox .filterTable td{
	padding:2px;
}
#content .simpleBox .checkboxlist{
	overflow: scroll;
	overflow-x: hidden;
	height: 80px;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
}

/* std_table */
/* Includes Fixed Header CSS Styling By: */
/* Terence Ordona, portal[AT]imaputz[DOT]com         */
/* http://creativecommons.org/licenses/by-sa/2.0/    */

#content .std_table{
	table-layout: fixed;
	border: 0px;
}
	#content .std_table tr{
		height: 20px;
	}

	#content .std_table thead{
		display: block;
	}
	#content .std_table thead tr{
		background-color: #dddddd;
	}
	#content .std_table th{
		padding: 2px;
		border: 1px solid #999999;
	}
	#content .std_table tr:first-child th, #content .std_table tr:first-child td {
  		border-top: 0px;
	}
	#content .std_table tr td:first-child, #content .std_table tr th:first-child {
  		border-left: 0px;
	}
	#content .std_table tr td:last-child, #content .std_table th:last-child {
		border-right: 0px;
	}
	#content .std_table tbody{
		display: block;
		max-height: 350px;
		overflow: auto;
		overflow-x: hidden;
	}
	#content .std_table tbody tr:nth-child(odd)
	{ 
		background-color: #ffffff; 
	}
	#content .std_table tbody tr:nth-child(even)
	{ 
		background-color: #eeeeee; 
	}
	#content .std_table tbody tr.highlight {
		background-color: #ff7e00;
	}
	#content .std_table tbody tr:hover
	{ 
		background-color: #fec42b; 
	}
	#content .std_table tr.totalsRow{
		height: 20px;
		font-weight: bold;
	}
	#content .std_table td{
		padding: 2px;
		cursor: pointer;
		border: 1px solid #999999;
	}
	#content .std_table .viewText{
		margin-bottom: 4px;
	}

#content .customScrollButton{
	color: #333333;
	float:right;
	text-decoration: none;
}
	#content .customScrollButton:hover{
		color: #999999;		
	}


/* Login Screen */
#content .leftSidebar{
	margin-left: 375px;
}

#content .loginBox{
	float: left;
	width: 260px;
	margin: 35px 10px 0px -260px;
}
	#content .loginBox .contentBox{
		border-width: 0px 1px;
		border-style: solid;
		border-color: #999999;
	}
	#content .loginBox .row{
		padding: 5px 10px 0px;
	}
	#content .loginBox .row label{
		width: 80px;
		display: inline-block;
	}
	#content .loginBox .login_cb input{
		vertical-align: top;
	}
	
/* end login */

/* end #content */

/* start #footer */
#footer{
	clear: both;
	position: relative;
	width: 100%;
	height: 30px;
	margin: -30px auto 0px auto;
	padding: 10px 2px;
	border-width: 0px;
	background-color: #dddddd;
	text-align: center;
}

/* end #footer */

/* Pop-Up Overlay */
#popUpOverlayBackground{
	background: url(../i/alpha.png) left top repeat;
	display: none;
	width: 100%;
	text-align: left;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
}
.popupPanel{
	display: none;
}

#popUpOverlay{
	position: absolute;
	top: 20%;
	left: 50%;
	z-index: 2000;
}
#popUpOverlay .popUpOverlayInner{
	position: relative;
	top: -20%;
	left: -50%;
}


#popUpOverlay .popupBox{
	border-width: 2px;
	border-style: solid;
	border-color: #0054a2;
	box-shadow: 2px 2px 6px 0px #333333;
}

#timeout .popupBox{
    	margin-top: -100px;
    	margin-left: -100px;
	border-width: 2px;
	border-style: solid;
	border-color: #0054a2;
	box-shadow: 2px 2px 6px 0px #333333;
}
#popUpOverlay .tiny{
	width: 100px;
}
#popUpOverlay .small, #timeout .small{
	width: 200px;
}
#popUpOverlay .medium{
	width: 400px;
}
#popUpOverlay .large{
	width: 600px;
}
#popUpOverlay .extralarge{
	width: 700px;
}
#popUpOverlay .titleBox, #timeout .titleBox{
	height: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #dddddd;
	padding: 2px;
}

#popUpOverlay .titleBox h1, #timeout .titleBox h1{
	display: inline-block;
	padding: 2px;
	font-size: 16px;
}


#popUpOverlay .contentBox, #timeout .contentBox{
	border-width: 0px 1px;
	border-style: solid;
	border-color: #999999;
	padding: 2px 2px;
	background-color: #eeeeee;
}
#popUpOverlay .simpleBox{
	margin: 0px auto;
	max-height: 400px;
}
#popUpOverlay .sectionBox, #timeout .sectionBox{
	display: table;
	margin: 0px auto;
}
#popUpOverlay .sectionBox .row, #timeout .sectionBox .row{
	padding: 2px;
}
	#popUpOverlay .sectionBox .row .checkboxlist{
		overflow: scroll;
		overflow-x: hidden;
		height: 80px;
		background-color: #ffffff;
		border-width: 1px;
		border-style: solid;
		border-color: #999999;
	}
		#popUpOverlay .sectionBox .row .checkboxlist label{
			width: 75px;
			height: 15px;
			float: none;
			display: inline;
			margin-left: 0px;
			padding: 4px 4px;
			border-right: 0px;
		} 
		#popUpOverlay .sectionBox .row .checkboxlist table{
			margin-top: 0px;
		}
#popUpOverlay .sectionBox span{
	display: inline-block;
}
#popUpOverlay .btnBox, #timeout .btnBox{
	width: 50px;
	min-height:20px;
	margin: 0px auto;
	padding: 2px;
}
#popUpOverlay .bottomBox, #timeout .bottomBox{
	height: 6px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #eeeeee;
}
#popUpOverlay .tableBox{
	max-height: 400px;
}
#popUpOverlay table{
	margin: 0px auto;
}
#popUpOverlay p{
	padding: 6px 12px;
}
#popUpOverlay .large ul{
	padding-left: 36px;
	padding-bottom: 12px;
}
#popUpOverlay .extralarge ul{
	padding-left: 36px;
	padding-bottom: 12px;
}

#longWait img{
	display: block;
	margin: 0px auto; 
}

#popUpOverlay .popup_table, #popUpOverlay .small_popup_table{
	table-layout: fixed;
	border: 1px solid #999999;
}
	#popUpOverlay .popup_table tr, #popUpOverlay .small_popup_table tr{
		height: 20px;
	}

	#popUpOverlay .popup_table thead, #popUpOverlay .small_popup_table thead{
		display: block;
	}
	#popUpOverlay .popup_table thead tr, #popUpOverlay .small_popup_table tr{
		background-color: #dddddd;
	}
	#popUpOverlay .popup_table th, #popUpOverlay .small_popup_table th{
		height: 18px;
		padding: 2px;
		border: 1px solid #999999;
	}

	#popUpOverlay .popup_table tbody{
		display: block;
		max-height: 200px;
		overflow: auto;
		overflow-x: hidden;
	}
	#popUpOverlay .small_popup_table tbody{
		display: block;
		max-height: 150px;
		overflow: auto;
		overflow-x: hidden;
	}
	#popUpOverlay .popup_table tbody tr:nth-child(odd), #popUpOverlay .small_popup_table tbody tr:nth-child(odd){
		background-color: #ffffff; 
	}

	#popUpOverlay .popup_table tbody tr:nth-child(even), #popUpOverlay .small_popup_table tbody tr:nth-child(even){
		background-color: #eeeeee; 
	}
	#popUpOverlay .popup_table tbody tr:hover, #popUpOverlay .small_popup_table tbody tr:hover{
		background-color: #fec42b; 
	}
	
	#popUpOverlay .popup_table td, #popUpOverlay .small_popup_table td{
		padding: 2px;
		border: 1px solid #999999;
	}

/* Block UI */
div.blockMsg {
    top: 50%;
    left: 50%;
    border: none;
    color: #333333;
}
div.blockOverlay {
    opacity: 0.50;
    background-color: #ececec;
}

/* Progress Bar */
.progressBarLabel {
	float: right;
	padding: 2px 4px 2px 0px;
}


/* JQuery UI Overrides */
#ui-datepicker-div .ui-state-hover {
	background-color: inherit;
	background-image: none;
	border: none;
}

.ui-progressbar {
    	position: relative;
	height: 15px;
}

.ui-progressbar .ui-widget-header {
	background-color: #dddddd;
	background-image: none;
}


.ui-progressbar .ui-corner-left {
	border-color: #999999;
}

.ui-progressbar .ui-widget-content {
	border-color: #999999;
	background-color: inherit;
	background-image: none;
} 


/* Interactive Map */

#interactiveMap
{
	height: 480px;
	width: 640px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #999999;
	
}

/* Font Awesome */
.fa {
	font-size: 14px;
	padding-top: 2px;
}
.fa-stack{
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: inherit;
	vertical-align: inherit;
}