
/***** GENERAL *****/

html, body{
	height:100%;
}


body{
	text-align:center;
	font-size:11px;
	font-family:verdana;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#000000;
	background-image:url('images/cf_dark.jpg');
	background-attachment:fixed;
}


#pageContentWrapper{
	min-height:100%;
	background-color:#FFFFFF;
	width:760px;
	margin-top:0px;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 0px 0px;
	border-left:3px #006bae solid;
	border-right:3px #006bae solid;
}


#pageContent{
	background-color:#FFFFFF;	
	text-align:left;
	top:0px;
	padding:55px 10px 50px 10px;
}


td {
	font-size:11px;
	font-family:verdana;
}


select{
	font-size: 11px;
	font-family: verdana;
	background-color:#E5E5E5;
	padding:0px;
	margin:0px;
	border-top:1px solid #888888;
	border-left:1px solid #888888;
	border-bottom:1px solid #888888;
	border-right:1px solid #888888;	
}


.entries {
	background-image:url('images/gradient_2.jpg');
	text-align:right;
	font-weight: bold;
	font-size: 11px;
	font-family: verdana;
	color:white;
	padding:1px 2px 2px 2px;
	border:2px solid #000000;
	border-bottom:2px solid #CCCCCC;
}


.hl_entries {
	background-image:url('images/gradient_2.jpg');
	text-align:right;
	font-weight: bold;
	font-size: 11px;
	font-family: verdana;
	color:#FF5555;
	padding:1px 2px 2px 2px;
	border:2px solid #FF0000;
	border-bottom:2px solid #FF0000;
}


.buttons {
	background-image:url('images/gradient_1.jpg');
	color:white;
	font-size:11px;
	font-family: verdana;
	border-width:0px;
	padding:3px 10px 4px 10px;
	cursor:pointer;
}


.output {
	border-right: 0px;
	border-top: 0px;
	font-weight: bold;
	font-size: 8pt;
	border-left: 0px;
	border-bottom: 0px;
	font-family: verdana;
	background-color:transparent;
}


.outputTA {
	border-right: 1px;
	border-top: 1px;
	font-weight: bold;
	font-size: 8pt;
	border-left: 1px;
	border-bottom: 1px;
	border-color: black;
	border-style:inset;
	font-family: verdana;
}


.req {
	font-weight:bold;
	color:red;
}


a, a:link, a:active {
	color:#006bae;
	font-weight:bold;
	text-decoration:none;
}


a:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}


li{
	padding:8px 0px 3px 0px;
}


.warning{
	color:red;
	font-weight:bold;
	text-decoration:none;
	cursor:help;
	font-size:9pt;
}


span.code{
	height:16px;
	font-size:12px;
	font-family:courier;
	padding:3px;
	color:black;
}


h1{
	font-size: 22px;
	font-family:verdana;
	font-weight:bold;
	color:#000000;
}


h2{
	font-size: 20px;
	font-family:verdana;
	font-weight:bold;
	color:#000000;
}


h3{
	font-size: 18px;
	font-family:verdana;
	font-weight:bold;
	color:#000000;
}


h4{
	font-size: 16px;
	font-family:verdana;
	font-weight:bold;
	color:#000000;
}


h5{
	font-size: 14px;
	font-family:verdana;
	font-weight:bold;
	color:#000000;
}


h6{
	font-size: 12px;
	font-family:verdana;
	font-weight:bold;
	color:#000000;
}


#footer{
	position:absolute;
	text-align:right;
	top:0px;
	right:1px;
	color:white;
	z-index:2;
	font-size:10px;
}


img#logo{
	vertical-align:middle;
}


.wiring{
	position:absolute;
	top:0px;
	left:0px;
}


span.helpContent{
	display:none;
}


/**************** HELP WINDOW ***************/


div#helpWindow{
	position:absolute;
	top:40px;
	left:40px;
	width:450px;
	border:solid 2px #000000;
	visibility:hidden;
	font-family:arial;
	font-size:10pt;	
}


	div#helpTitle{
		background-color:black;
		background-image:url('images/gradient_1.jpg');
		height:22px;
		position:absolute:
		top:0px;
		left:0xp;
		color:white;
		font-weight:bold;
		text-align:left;
		padding-left:5px;
		padding-top:2px;
		cursor:move;
	}
		
		
	div#helpContent{
		color:black;
		background-color:#EEEEEE;
		background-image:url('images/paper_faded_1.jpg');
		text-align:left;
		padding:10px 10px 15px 10px;
	}


	div#helpClose{
		background-color:#CCCCCC;
		background-image:url('images/close_2.jpg');
		position:absolute;
		right:3px;
		top:3px;
		width:15px;
		height:15px;
		cursor:pointer;
	}
		
		
div#helpShadow{
	position:absolute;
	width:450px;
	visibility:hidden;
	background-color:#000000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;	
	opacity:0.5;
	filter:alpha(opacity=50);
}


.help{ /*QUESTIONMARK STYLING*/
	color:#006bae;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	font-size:9pt;
}


/**************** NAVIGATION ***************/


#navM_V{ /*VERTICAL MENUBAR CONTAINER*/
	position:absolute;
	top:0px;
	left:0px;
	border-style:none;
	padding:30px 0px 0px 0px;
	background-image:url('images/menu_backgnd.gif');
	background-repeat:no-repeat;
}


.navEl_V{ /*VERTICAL MENUBAR TEXT*/
	cursor:pointer;
	background-color:transparent;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	font:13px verdana;
	width:190px;
	border-width:1px;
	border-style:solid;
	border-color:transparent;
	color:black;
}


.navElH_V{ /*VERTICAL MENUBAR TEXT HOVER*/
	cursor:pointer;
	background-color:black;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	font:13px verdana;
	width:190px;
	border-width:1px;
	border-style:solid;
	border-color:#98bcd4;
	color:white;
}



#navM_H{ /*HORIZONTAL MENUBAR CONTAINER*/
	position:absolute;
	top:0px;
	left:0px;
	border-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:#FFFFFF;
	height:48px;
	width:100%;
	min-width:700px;
	text-align:center;
	background-image:url('images/gradient_4.jpg');
	z-index:1;
	background-repeat:repeat-x;
}


.navEl_H{ /*HORIZONTAL MENUBAR TEXT*/
	position:relative;
	top:14px;
	cursor:pointer;
	background-color:transparent;
	padding:6px 9px 6px 9px;
	font:12px verdana;
	font-weight:bold;
	border:2px solid transparent;
	color:white;
}


.navElH_H{ /*HORIZONTAL MENUBAR TEXT HOVER*/
	position:relative;
	top:14px;
	cursor:pointer;
	height:auto;
	padding:6px 9px 6px 9px;
	font:12px verdana;
	font-weight:bold;
	border:2px solid #000000;
	border-bottom:2px solid #666666;
	background-image:url('images/gradient_3.jpg');
	color:#FFFFFF;
}


.navMenuBox{ /*DROP DOWN BOX*/
	width:200px;
	border:solid 1px #000000;
	background-color:#002c4f;
	background-image:url('images/paper_faded_1.jpg');
	text-align:left;
}


.DDNormal{ /*TEXT IN DROP DOWN BOX*/
	border:solid 0px transparent;
	padding:4px 2px 4px 2px;
	color:#000000;
	cursor:pointer;
	font-family:verdana;
	font-size:13px;
}

.DDHover{ /*TEXT IN DROP DOWN BOX HOVER*/
	background-color:#000000;
	background-image:url('images/gradient_1.jpg');	
	border:solid 0px #0163AB;
	padding:4px 2px 4px 2px;
	color:white;
	cursor:pointer;
	font-family:verdana;
	font-size:13px;
}



/**********  STYLES FOR VARIOUS ALTERNATING ROW TABLES ***********/



/* HEADER ROW */
td.clH{
	border-right:0px;
	border-left:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	font-size:10px;
	font-weight:bold;
	background-color:#B5B5B5;
	color:black;
}


/* SUB-HEADER ROW */
td.clH2{
	border-right:0px;
	border-left:1px solid black;
	border-top:0px;	
	border-bottom:1px solid black;
	font-size:10px;
	font-weight:bold;
	color:#006bae;	
	background-color:#D5D5D5;
}


/* ODD ROWS */
td.clOdd{
	border-right:0px;
	border-left:1px solid black;
	border-top:0px;
	border-bottom:1px solid black;
	font-size:10px;
	background-color:white;
}


/* EVEN ROWS */
td.clEven{
	border-right:0px;
	border-left:1px solid black;
	border-top:0px;
	border-bottom:1px solid black;
	font-size:10px;
	background-color:#EEEEEE;
}


/* HEADER ROW BORDER FIX */
td.clH_bf{
	border-right:1px solid black;
	border-left:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	font-size:10px;
	font-weight:bold;
	background-color:#B5B5B5;
	color:#000000;
}

/* SUB-HEADER ROW BORDER FIX */
td.clH2_bf{
	border-left:1px solid black;
	border-right:1px black solid;
	border-bottom:1px solid black;
	font-size:10px;
	font-weight:bold;
	color:#006bae;	
	background-color:#D5D5D5;	
}


/* ODD ROWS BORDER FIX */
td.clOdd_bf{
	border-right:1px solid black;
	border-left:1px solid black;
	border-top:0px;
	border-bottom:1px solid black;
	font-size:10px;
	background-color:white;
}


/* EVEN ROWS BORDER FIX */
td.clEven_bf{
	border-right:1px solid black;
	border-left:1px solid black;
	border-top:0px;
	border-bottom:1px solid black;
	font-size:10px;
	background-color:#EEEEEE;
}



/***** PSEUDO DROP DOWN/SUGGESTION BOXES *****/


#suggOuter{ /*OUTER CONTAINER OF DROPDOWN CONTENT*/
	display:none;
	position:absolute;
	top:0px;
	width:300px;
	left:-500px;
	font-size:10px;
	font-family:verdana;
	border:1px solid #000000;
	background-color:#003054;	
	z-index:9999;
	background-image:url('images/paper_faded_1.jpg');
}


div#suggContent{ /*INNER DROP DOWN CONTAINER*/
	overflow:auto;
	text-align:left;	
	/*HEIGHT VALUE SET IN library.js IN "$ps.suggest()" FUNCTION...*/
}


div#suggTitle{ /*CONTENT SEARCH TITLE BAR*/
	background-image:url('images/gradient_1.jpg');
	color:white;
	font-weight:bold;
	font-size:11px;
	padding:1px 1px 2px 1px;
	margin:0px;
	border-bottom:1px solid black;
	text-align:right;
}


div.choices{ /*DROP DOWN CHOICES*/
	cursor:pointer;
	overflow:hidden;
	white-space:nowrap;
	padding:2px 20px 2px 2px;
	border:1px solid transparent;
	background-color:transparent;
	color:#000000;	
}


div.choicesH{ /*DROP DOWN CHOICES HOVER*/
	cursor:pointer;
	overflow:hidden;
	white-space:nowrap;
	padding:2px 20px 2px 2px;
	border:1px solid #000000;	
	color:#FFFFFF;
	background-color:black;
}


span.choicesMatch{ /*DROP DOWN TEXT WHICH MATCHES SEARCH TEXT*/
	cursor:pointer;
	font-weight:bold;
	color:#0066B6;
}


div.choicesHeader{ /*USED IN SPECIAL CIRCUMSTANCES WHERE DROP DOWN LIST HAS HEADERS*/
	cursor:default;
	overflow:hidden;
	white-space:nowrap;
	background:transparent;
	padding:2px 20px 2px 2px;
	font-weight:bold;
	color:#FF3333;	
}

div.choicesNone{ /*TEXT WHEN NO MATCHES FOR SEARCH TEXT IS FOUND*/
	cursor:pointer;
	overflow:hidden;
	white-space:nowrap;
	background:transparent;
	padding:15px 0px 15px 5px;
	font-weight:bold;
	color:#FF2222;
}


div.minselect{ /*PSEUDO SELECT BOX*/
	position:relative;
	text-align:left;	
	background-image:url('images/ddbutton_2a.jpg');
	padding:1px 0px 2px 0px;
	width:16px;
	overflow:hidden;
	border:2px solid #000000;
	border-top:2px solid #999999;
	cursor:pointer;
	text-align:left;
	font-size: 11px;
	font-family: verdana;	
	color:#FFFFFF;
	overflow:hidden;
	white-space:nowrap;
}

div.select{ /*PSEUDO SELECT BOX*/
	position:relative;
	text-align:left;
	background-image:url('images/gradient_1.jpg');
	padding:1px 3px 2px 3px;
	width:213px;
	overflow:hidden;
	border:2px solid #000000;
	border-top:2px solid #999999;
	cursor:pointer;
	text-align:left;
	font-size: 11px;
	font-family: verdana;	
	color:#FFFFFF;
	overflow:hidden;
	white-space:nowrap;
}

input#select_entry{ /*SEARCH INPUT AREA*/
	background-image:url('images/gradient_2.jpg');	
	width:200px;
	font-size: 11px;
	font-family: verdana;
	font-weight:bold;
	color:#FFFFFF;
	border:0px solid #000000;
	padding:1px 1px 1px 3px;
	cursor:default;
}


div.ddbutton{ /*DROP DOWN BUTTON*/
	position:absolute;
	top:0px;
	right:0px;
	background-image:url('images/ddbutton_2.jpg');
	background-repeat:no-repeat;
	width:16px;
	height:30px;
}