/* CSS file for the User Interface */
body
{
	margin: 0px;
	font-family: verdana;
	font-size: 10px;
}

td
{
	font-size: 10px;
	line-height: 17px;
}

.contentHeaderTbl
{
	border: 1px black solid;
	color: white;
	background-color: #000080;
	background-image: url('../images/header-menu-bg.gif');
}
.siteRowTop
{
	height: 30px;
	background-image: url("../images/blue-bg.gif");
}

.siteRowTopRight
{
	color: white;
	padding-right: 20px;
	text-align: right;
}
.siteRowTopLeft
{
	color: white;
	padding-left: 10px;	
}
.siteRowMiddle
{
	vertical-align: top;
	padding: 0px 10px 10px 10px;
}
.siteRowNav
{
 	text-align: center;
 	font-size: 10px;
	height: 29px;
	background-image: url("../images/gray-menu-bg.gif");
}
.siteRowMap
{
 	padding-left: 10px;
	height: 35px;
}

/*------------ MENU ----------------*/
.menuFrame
{
	background-color: #2a4dab;
	width: 175px;
	margin-bottom: 20px;
}

.menuHeader
{
	background-color: #6969c1;
	height: 20px;
	color: white;
	padding-left: 5px;
}
.menuContent
{
	background-color: white;
	padding: 5px;
}

/*------------- END MENU ----------------------*/

.siteRowBottom
{
	height: 30px;
	background-image: url("../images/blue-bg.gif");
	text-align: center;
	color: white;
}


.menuLink:link    { text-decoration: none;color: #000000; }
.menuLink:visited { text-decoration: none;color: #000000; }
.menuLink:active  { text-decoration: none;color: #000000; }
.menuLink:hover   { text-decoration: underline;color: #000000; }

.menuHeaderLink:link    { text-decoration: none;color: #FFFFFF; }
.menuHeaderLink:visited { text-decoration: none;color: #FFFFFF; }
.menuHeaderLink:active  { text-decoration: none;color: #FFFFFF; }
.menuHeaderLink:hover   { text-decoration: underline;color: #FFFFFF; }
.navLink:link    { text-decoration: none;color: #000000; }
.navLink:visited { text-decoration: none;color: #000000; }
.navLink:active  { text-decoration: none;color: #000000; }
.navLink:hover   { text-decoration: underline;color: #000000; }

a:link    { text-decoration: none;color: #2a4dab; }
a:visited { text-decoration: none;color: #2a4dab; }
a:active  { text-decoration: none;color: #2a4dab; }
a:hover   { text-decoration: underline;color: #2a4dab; }

input,select,textarea
{
	font-family: verdana;
	font-size: 10px;
}

form
{
	margin: 0px;
	padding: 0px;	
}

.dataTbl {
	border-bottom: 1px silver solid;
}

.tblHeader td {
 	padding-left: 5px;
	border-bottom: 1px silver solid;
	background-color: #EFEFEF;
}




.tblRowA td {
 	padding-left: 5px;
}

.tblRowB td {
 	padding-left: 5px;
 	background-color: #f2f6fd;
	/*border-bottom: 1px #EFEFEF solid; */
}
.separatedTbl
{
	border-bottom: 1px silver solid;
}

.separatedTblLight
{
	border-bottom: 1px #EFEFEF solid;	
}

.separatedTrLight td
{
	border-bottom: 1px #EFEFEF solid;	
}

.separatedTblHeader td
{
 	font-weight: bold;
	border-bottom: 1px silver solid;
}

.separatedTblRow td
{
	border-bottom: 1px #EFEFEF solid;	
}

.contentArea
{
	line-height: 17px;
}

.contentAreaContainer
{
	width: 600px;
	padding-bottom: 30px;
}

.contentHeader
{
    font-family: verdana;
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 15px;    
}

.contentTextGray
{
	color: gray;	
}

/* ---- general header formember area -----------------*/
.mainHeader
{
 background-color: #6969C1;
}

.subHeader
{
 background-color: #8899FF;
}
.memBackground
{
 background-color: #F7F3F7;
}
/* ---- each member area -----------------*/

/* Helper Box */
.helperText
{
    font-family: verdana;
    font-size: 10px;
    color: 000000;
    line-height: 18px;
}

.helperBoxFrame {
	background-color: #000000;
}

.helperBoxInside {
	background-color: #FEFED4;
	padding-left: 2px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}