/*
 * ----------------------------------------------------------------
 * This stylesheet is created by HakoSoft
 * Created By : HakoSoft, March 7th 2008
 *
 * For Web/Application request, please visit http://www.hakosoft.com
 * You may use this stylesheet for your personal, non-commercial project(s)
 * However, the above text must remain intact and cannot be modified 
 * in any way 
 * ----------------------------------------------------------------
 */

body 
{
	background-color: #ffffff;			
	font: Arial, Helvetica, sans-serif;	
	font-size: 12px;					
	color: #000000;
	vertical-align: top;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
}

img 
{
	border-right: 0px; 
	border-top: 0px; 
	border-left: 0px; 
	border-bottom: 0px;
}

/*the default font setting for the page, may change pe application*/
.mainText
{
	font: normal 10pt Arial;		/*need change per application*/
	line-height: 150%;
	padding: 10px 50px 0 20px;
	vertical-align: top;
}


/*for 'div' element of the logo on the top left*/
.topLogo
{
	position: absolute;
	top: 42px;
	background-repeat: no-repeat;
	background-position: 3%;
	margin: 0 auto;
}

/*for top links*/
.topLink
{
	text-align: right;	
	font: bolder 13pt Verdana;
}
.topLink a:link, .topLink a:visited {
	text-decoration: none;
	color: #8e8e8e;
	font-weight: bolder;
}
.topLink a:hover, .topLink a:focus {
	font-weight: bolder;
	color: #FF0000;
}

.adLink
{
	text-align: left;	
	font: bolder 10pt Arial;
}
.adLink a:link, .adLink a:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
.adLink a:hover, .adLink a:focus {
	color: #FF0000;
	font-weight: normal;
	text-decoration: none;
}

.toggleOpacity img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
.toggleOpacity:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}


/*links row (if used)*/
/*for links menu under the banner*/
.linksRow
{
	text-align: right;	
	font: bold 10pt Arial;	
}
.linksCell
{
	background-color: #bde2f4;	/*will change per application*/
	border-top: solid 3px #5f85b1;
	border-bottom: solid 3px #5f85b1;
}
.linksCell a:link, .linksCell a:visited {
	text-decoration: none;
	color: #0000FF;
	font-weight: bold;
}
.linksCell a:hover, .linksCell a:focus {
	/* text-decoration: underline; */
	font-weight: bold;
	color: #FF0000;
}


/*divider*/
.divider 
{
	width: 100%;
	border-top: 5px solid #5F85B1;	/*need change per application*/
	padding-bottom: 2px;
}

/*searchPanel*/
.searchPanel
{
	background-image: url(../images/barBG.png);
	height: 36px;
	width: 780px;
	color: White;
	text-align: center;
}
.searchPanel a:link, .searchPanel a:visited {
	text-decoration: none;
	color: Yellow;
	font-weight: bold;
}
.searchPanel a:hover, .searchPanel a:focus {
	font-weight: bold;
	color: #FF0000;
}

/*for loading text*/
.loadText32
{ 
	font-size: 32px; 
	color:#5F85B1; 
	font-weight:bold;
}
.loadText16
{
	font-size: 16px; 
	color:#5F85B1; 
	font-weight:bold;
}

/*for page content*/
.contentTable
{
	width: 785px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;	/*need change per application*/
	font-size: 12px;			/*need change per application*/
}

/*for left column inside contentTable*/
.leftCol
{
	width: 600px;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}
/*for right column inside contentTable*/
.rightCol
{
	background: #FFFFFF;		/*need change per application*/
	width: 165px;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

/*for one type of content*/
.titleBox {	background: url(../images/ttlBoxBG.gif) repeat; }	/*6da9f3*/
.titleBoxTop div { background: url(../images/ttlBoxTL.gif) no-repeat top left; }
.titleBoxTop { background: url(../images/ttlBoxTR.gif) no-repeat top right; }
.titleBoxText
{
	color: White;
	font: bold 12pt Arial;
	/*border-bottom: inset 3px #F2C903;*/
	padding: 5px;
	padding-top: 0;
}

.sideBox {	background: url(../images/sideBoxBG.gif) repeat;}	/*d6d5fd*/
.sideBoxBtm div { background: url(../images/sideBoxBL.gif) no-repeat bottom left; }
.sideBoxBtm { background: url(../images/sideBoxBR.gif) no-repeat bottom right; }
.sideBoxText
{
	padding: 5px;
}

.mainBox { border: solid 2px #6da9f3; border-top: 0px; width: 99.3%;}
.mainBoxBtm div { background: url(../images/sideBoxBL.gif) no-repeat bottom left; }
.mainBoxBtm { background: url(../images/sideBoxBR.gif) no-repeat bottom right; }
.mainBoxText
{
	padding: 5px;
}

.titleBoxTop, .titleBoxTop div, .sideBoxBtm, .sideBoxBtm div
{
	width: 100%;
	height: 5px;
	font-size: 1px;
}

.unameText
{
	color: Orange;
}
.timeText
{
	color: Red;
	font: bold 12pt Arial;
}

/*for the whole login box div*/
.loginBox
{
	background: #ffffff;		/*need change per application*/
	background-image: url("../images/loginBoxBg.gif");	/*need change per application*/
	background-position: 50%;	/*need change per application*/
	background-repeat: repeat-x;
	height: 180px;		/*need change per application*/
	width: 150px;		/*need change per application*/
	border: 2px solid #5F85B1;	/*need change per application*/
	padding: 10px;
	margin-left: 10px;
}

/*text styling of the login box*/
.loginTitle
{
	font-weight: bold;
	font-size: 14px;
}


/*for verisign logo if needed*/
.verisign_logo
{
	text-align: center;
	padding-left: 10px;
}

/*for browser requirement text, may change per application*/
.browserReq
{
	font: normal 9pt Arial;		
	padding: 5px 5px 0 5px;
	text-align: left;
	line-height: 20px;			
}

/*for disclaimer container*/
.disclaimerDiv
{
	background-color: #ecf1ff;	/*change to application main bg color, can also erased, depend on application*/
}
/*for disclaimer textitself*/
.disclaimerText
{
	font: normal 11px Arial;	/*may need change per application*/
	padding: 0px 50px 0 10px;
	text-align: left;
}

/*footer, usually copyright by eMetric*/
.footer {
 	padding: 5px;
 	font: normal 8pt Verdana;
	color: #999999;
	line-height: 16px;
}

/*for My Account content*/
.contentTitle
{
	background-color: #1e73d7;		/*will change most of the time*/
	background-position: right;		/*will change most of the time*/
	background-repeat: no-repeat;
	border: 2px solid #5F85B1;
	width:95%;
	text-align: left;
	color: #FFFFFF;
	line-height: 25px;
	padding-left: 10px;
	font-size: 10pt;
	font-weight: bold;
}
.contentTitle table
{
	text-align: left;
	color: #FFFFFF;
	line-height: 25px;
	padding-left: 10px;
	font-size: 10pt;
	font-weight: bold;
	width:95%;
	white-space: nowrap;
}
.contentTitle a:link, .groupName a:visited, .groupName a:hover, .groupName a:focus
{
	text-align: left;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
}
.plainContentTitle
{
	font: bold 12pt Arial;
	color: #00007e;
	margin-top: 0;
	margin-bottom: 8px;
}


.contentEntry
{
	background-color: #ffffff;	/*will change most of the time*/
	text-align: left;
	font-size: 9pt;
	border-spacing: 0px;
	width: 95%;	
	padding: 10px 0px 10px 10px;
	border: 2px solid #5F85B1;	/*will change most of the time*/
}
.contentEntry table
{
	background-color: #ffffff;	/*will change most of the time*/
	text-align: left;
	font-size: 9pt;
	border-spacing: 0px;
	width: 95%;	
	padding: 10px;
}
.plainContentEntry
{
	font: 10pt Arial;
	color: #000000;
	margin-top: 0;
	margin-bottom: 8px;
}


/*For CONTENT in My Account*/
.reportHeader, .reportHeader th, .reportHeader table
{	
	padding: 0 2pt;
	border: solid 1px #888888;	/*will change per project*/
	background-color: #6da9f3;  /*5F85B1*/
	color: #FFFFFF;
}
.reportHeader a:link, .reportHeader a:visited, .reportHeader a:hover, .reportHeader a:focus
{	
	padding: 0 2pt;
	background-color: #6da9f3;
	color: #FFFFFF;
	font-weight: bold;
}
.reportTable
{ 
	font: normal 8pt Arial;
	color: #000000;
	text-align: center;
	table-layout: auto;
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #cdcdcd;
}
.reportItem	td
{
	padding: 0 5pt;
	background-color: #f0f0f0;
	border-right: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	font: normal 8pt Arial;
}
.reportAlternateItem td
{
	padding: 0 5pt;
	border-right: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	padding-top: 0px;
	background-color: #ffffff;
	font: normal 8pt Arial;
}
.reportPager, .reportPager table
{
	border: 0px;
	text-align: right;
}
.reportPager td
{
	width: 15px;
}


/*other text properties*/
h1 {
	font: bold 14pt Arial;
	color: #00007e;
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: 2px solid #00007e;
}
h2 {
	font: bold 14pt Arial;
	color: #00007e;
	margin-top: 0;
	margin-bottom: 10px;
}
h3 {
	font: bold 12pt Arial;
	color: #00007e;
	margin-top: 0;
	margin-bottom: 8px;
	border-bottom: 2px solid #00007e;
}
h4 {
	font: bold 12pt Arial;
	color: #00007e;
	margin-top: 0;
	margin-bottom: 8px;
}
h5 {
	font: bold 10pt Arial;
	color: #00007e;
	margin-top: 0;
	margin-bottom: 8px;
	border-bottom: 2px solid #00007e;
}
h6 {
	font: bold 10pt Arial;
	color: #00007e;
	margin-top: 0;
	margin-bottom: 8px;
}
.thinLine
{
	color: #c6d7ff;
	width: 100%;
}