/* ------------- css for screen appearance ---------------------*/

/* -------- Reset ALL browsers -------- */

html, body, div, table, h1, h2, h3, h4, h5, h6, p, form, img { 
	margin: 0px; 
	border: 0px; 
	padding: 0px;
}

/* -------- Set 100% mozilla height compatibility -------- */

body, html {
	height: 100%;

}

/* ----------- Set appearance --------------------*/
.xPrint {
}

.printOnly {
	display: none;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.clearBoth {
	clear: both;
}


#header {
	text-align: right;
	font-size: 1.2em;
	color: #FFFFFF;
	padding: 8px 8px 8px 0px;
	margin: 0px;
	font-weight: bold;
	background: #3366CC url(/Images/headerbg2.jpg) no-repeat left top;
	height: 38px;
	width: auto;

}


#footer {
	font-size: 0.78em;
	border: 1px solid #666666;
	padding: 2px;
	background: #FFFFFF;


}

#footer a {
	text-decoration: none;
	color: #666666;
	margin: 0px;

}

#footer a:hover {
	text-decoration: underline;
	color: #000066;
	margin: 0px;
	font-weight: normal;

}

.pageHeading {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	padding-right: 8px;
}

body {
	font: medium Arial, Helvetica, sans-serif;
	scrollbar-base-color: #cccccc;
	scrollbar-track-color: #DAEFF1;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-shadow-color: #cccccc;
	scrollbar-arrow-color: #cc0033;
	color: #000066;

}

a {
	text-decoration: none;
	color: #6666CC;
}

a:hover {
	color: #CC0000;
	text-decoration: underline;
}

p {
	font-size: 0.8em;
	color: #000066;
	margin: 8px;
}


blockquote {
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	color: #666666;
}
 


h1 {
	font-size: 1em;
	font-weight: bold;
	color: #6699CC;
	border-top: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: thin solid #6699CC;
	border-left: 0px solid #FFFFFF;
	text-align: left;
	margin-bottom: 12px;

}

h2 {
	font-size: 0.98em;
	color: #80AAD5;
	margin: 0px 8px 18px;
	padding: 0px;
}

h3 {
	font-size: 0.8em;
	margin: 3px 8px 8px;
}


h4{
	color: #CC0033;
	margin: 0px 0px 8px;
	font-size: 1em;

}

h5 {
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;

}

h6 {
	font-size: 0.6em;
}

ul {
	font-size: 0.8em;
	margin: 0px 8px 8px 18px;
	padding: 0px;
}

li {
	margin-bottom: 3px;
	list-style: square outside;
	margin-left: 18px;
	color: #003366;
}

hr {
	color: #3871A9;
}

/*
thead {
}

thead tr {
	background: url(/Images/blue_stripes.gif);
	text-align: left;

}
*/

th {
	color: #FFFFFF;
	font-size: 1em;
	background: url(/Images/blue_stripes.gif);
	padding: 3px 3px 3px 8px;
	text-align: left;


}

th a {
	font-weight: bold;
	color: #FFFFFF;

}

th a:hover {
	color: #FF9900;
	text-decoration: none;


}


.tableHolder {
	height : 100%;
	width : 100%;
	min-width : 770px;
	overflow: auto;
	border: 1px solid #FFFFFF;
	background: #FFFFFF url(/Images/ebc_bg.gif) no-repeat 18px 60px;

}
#popupTableHolder {
	height: 100%;
	width: 100%;
}


.popupTableHolder {
	height : 100%;
	width : 100%;
	min-width : 300px;
	overflow: auto;
	border: 1px solid #FFFFFF;
	background: #FFFFFF url(/Images/ebc_bg.gif) no-repeat 18px 60px;

}

/*
.contentTable {
	border: 1px solid #669999;
	margin: 0px 0px 8px;
	padding: 8px 18px 18px;
	width: 98%;
	overflow: auto;
	height: auto;
}
*/

.mainContent {
	border: 1px solid #669999;
	margin: 0px 0px 8px;
	padding: 8px 18px 18px;
	width: auto;
	overflow: auto;
	height: auto;
	text-align: left;
}


#menuHolder {
	padding: 2px 0px;
	clear: both;
	margin: 0px;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#pageTitle {
	font-size: 1.2em;
	font-weight: bold;
	color: #003399;
	padding: 8px 12px 8px 8px;
	width: auto;
	text-align: right;
	float: right;
}
#leftContent {
	height: auto;
}


.iH {
	float: left;
	margin: 3px 8px 3px 0px;


}

.iHr {
	float: right;
	margin: 0px 0px 8px 8px;
}

.flow {
	float: left;
	clear: left;
	margin: 0px 1.25em 0px 0px;
}

#break {
	clear: both;

}

.break {
	clear: both;

}

#up {
	font-weight: bold;
	float: right;
	font-size: large;



}

#up a {
	text-decoration: none;

}

#up a:hover {
	color: #FF0000;

}


/* ----- flow use ------ 
<div class="flow" style="width:400px; height:60px;"></div>
*/
.scroll {
	SCROLLBAR-FACE-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #cccccc;
	SCROLLBAR-3DLIGHT-COLOR: #cccccc;
	SCROLLBAR-ARROW-COLOR: #cc0033;
	SCROLLBAR-TRACK-COLOR: #DAEFF1;
	SCROLLBAR-DARKSHADOW-COLOR: #cccccc;
	SCROLLBAR-BASE-COLOR: #cccccc;
	height: 100%;
	overflow: auto;
	z-index: auto;
	left: 0px;
	top: 0px;
	display: inline;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#scroll {
	SCROLLBAR-FACE-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #cccccc;
	SCROLLBAR-3DLIGHT-COLOR: #cccccc;
	SCROLLBAR-ARROW-COLOR: #cc0033;
	SCROLLBAR-TRACK-COLOR: #DAEFF1;
	SCROLLBAR-DARKSHADOW-COLOR: #cccccc;
	SCROLLBAR-BASE-COLOR: #cccccc;
	height: 100%;
	overflow: auto;
	z-index: auto;
	left: 0px;
	top: 0px;
	display: inline;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.p2 {
	font-size: large;
	text-align: right;

}

#mainMenu {
	background: #CCCCCC;
	font-size: 100%;
	width: 100%;
	float: left;
	clear: both;
}

#mainMenu li {
	color: #F3F3F3;
	text-decoration: none;
	font-weight: bold;
	float: left;
	font-size: 1em;
	list-style: none;
	margin: 0px 28px 0px 0px;
	padding: 3px;
}

#mainMenu a {
	color: #6699CC;
	text-decoration: none;
}



#mainMenu a:hover {
	color: #FF0000;
	text-decoration: none;
}
.white {
	color: #FFFFFF;
}
.red {
	color: #FF0000;
}



#pageBreak {
	page-break-after: always
}
.pageX {
	page-break-after: always
}
.pageXa {
	page-break-after:always
}
.pageXb {
	page-break-before:always
}
.greyBorder {
	border: 1px solid #999999;
}

.greyTxt {	
	color: #999999
}

.imgTxt {
	font-size: 0.7em;
	margin: 3px 0px 8px;
}
.xxx {
	display: none;
}