@charset "UTF-8";
/* CSS Document */

/* --global settings-- */

* {
margin:0;
padding:0;
}

body {
background-color: #FFFFFF; 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#0066CC;
background:url(../imgs/container_bg.png) repeat-y center;
height:auto;
}

#cc-page {
margin: 0 auto;
width: 780px;
height:auto;
}

/* --container settings-- */

/* head bar */

#head-bar {
margin:0 auto;
width:760px;
height:120px;
background-image: url(../imgs/head-bar_bg.jpg);
background-repeat: no-repeat;
position: relative;
}


#langNav {
	width: 95px;
	height: 20px;
	position: absolute;
	bottom: 45px;
	right: 0px;
	font-size: 9px;
	color: #FFFFFF;
}

#langNav a {
color: #FFFFFF;
text-align: right;
 text-decoration: none;
 }
 
#langNav a:hover {
color: #FFFFFF;
text-decoration: underline;
}


#headNav {
	width: 170px;
	height: 20px;
	position: absolute;
	bottom: 25px;
	right: 0px;
    font-size: 9px;
	color: #FFFFFF;
}

#headNavImg {
vertical-align: middle;
}

#headNav a {
color: #FFFFFF;
text-align: left;
 text-decoration: none;
 }
 
#headNav a:hover {
color: #FFFFFF;
text-decoration: underline;
}

/* main navigation */

#navBar {
	background:#d1d3d4;
	width: 560px;
	height: 20px;
	position: absolute;
	bottom: 1px;
	right: 57px;
	vertical-align:top;
}

/* banner area */

#banner {
margin:1px auto; 
width:760px;
height:165px;
}

/* --headline-- */

#headlinebox { 
margin:0 auto;
width:760px;
background:#1B407F;
}

#headlinetxt {
padding: 20px;
color:#FFFFFF;
}

/* --sideNavigation --*/
#sideNav ul{
list-style-type: none;
}

#sideNav li a{
padding: 2px 6px;
height: 20px;
line-height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration: none;
color:#FFFFFF;
background: #4994c7;
display:block;

vertical-align: middle;
border-top: #FFFFFF dashed 1px;

}

#sideNav li a:hover {
color:#4994c7;
background: #dcf1fd;
}


/* --content area--*/

/*-- homepage setting --*/

#contentarea {
margin: 5px auto 50px auto;
padding:0 0;
width: 760px;
position: relative;
}

#mainContentBox {
top:5px;
left:145px;
width: 425px;
position:absolute;
}

#mainLoginBox {
width: 185px;
height: 205px;
top: 0px;
right: 0px;
position: absolute;
background:url(../imgs/main_freeReg_bg.gif) no-repeat bottom;

}

#mainLogintxt {
	width: 130px;
	height: 98px;
	top: 55px;
	right: 10px;
	position:absolute;
}

#claims {width: 185px;top: 210px;right:0;position: absolute;border:1px solid #ccc;}
#claims h5{width:185px; height: 25px; line-height:25px; text-align:center; font-size: 1.05em;color:#fff; background: url(../imgs/claimsBtn_bg.jpg) no-repeat; display:block; }
#claims h5 a{text-decoration:none; color:#fff;}
#claims ul{list-style: square; padding-left: 20px; line-height: 1.5em;}
#claims ul li{}
#claims ul li a{text-decoration: none; color:#666;}
#claims ul li a:hover{text-decoration:underline;}

td.mainSectionTitle {
background:#76c03d;
font:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
width:182px;
height:22px;
vertical-align:middle;
}

p.homeTxt {
padding: 3px 6px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
text-align: left;
}

/*-- general Content settings --*/
#genContentBox {
min-height: 360px;
height: 360px;
}

#rhtQuicklinkBox {
position: absolute;
top: 0px;
right: 0px;
width: 180px;
text-align: right;
}

h2 {
font-size: 13px;
}

h3 {
background: #4994c7;
font-size: 12px;
color: #fff;
width: 220px;
display: block;
padding: 3px 6px;
}

h4 {
font-size: 11px;
}

p a {
font-size:11px;
color:#0066CC;
text-decoration: underline;
}

p a:hover {
color: #00CCFF;
}

p.quoteTxt {
padding: 11px;
background: #e8f6fe;
border: #aae3fa solid 1px;
display: block;
}

ul.sitemap{margin-left: 20px; line-height: 2em; font-size: 1.2em;}
ul.sitemap ul{list-style:square; margin-left: 10px; font-size: 0.9em;}
ul.sitemap a{color: #0066cc; text-decoration: none;}
ul.sitemap a:hover{text-decoration: underline;}

ul.newsList{margin:1em 0; paddding:0; list-style-type:none;}
ul.newsList li{padding:1.5em 0; border-bottom:#ccc 1px dashed; }
ul.newsList h2 {font-size:1.15em;  font-style:italic;color:#0066cc; text-decoration:none; width: 90%;}
ul.newsList p{margin:0.5em 0;}
ul.newsList span a{float:right; clear:after; margin: 0.5em 0; padding: 0.2em 1em; display:block; background:#dcf1fd; font-size:1em; font-weight:normal; font-style:normal; color:#0066cc; text-decoration:none;border: #8fdaf8 solid 1px;}
ul.newsList span a:hover{color:#00CCFF;}

.news p{font-size:1.05em; color:#333;}
.news{ padding:2em;}
.news h1,.news h2,.news h3,.news p,.news img{padding: 0.5em 0;}
.news ul{margin-left:2em;}
/* form control --*/
.field {
background: #e8f6fe;
border: #aae3fa solid 1px;
}

legend {
font-weight: bold;
text-align: center;
vertical-align: middle;
}

label {
float: left;
width: 7em;
margin-right: 1em;
text-align: right;
font-size:11px;
vertical-align:middle;
}

label.auto {
padding-left: 2em;
width:auto;
}

.inputTxt {
background: #FFFFFF;
border: #aae3fa solid 1px;
font-size: 10px;
vertical-align:middle;

}

.button { 
color:#0066CC;
font-weight: bold;
font-size: 11px;
border: #8fdaf8 solid 1px;
background: #dcf1fd;
}
.subLabel {
padding: 5px;
background: url(../imgs/subLabel_bg.jpg) repeat-x;
display: block;
font-weight: bold;
}

label.rpt{ width: 200px; text-align:right;}
input.rptInput{width:150px;background: #FFFFFF;border: #aae3fa solid 1px;font-size: 10px;vertical-align:middle;}
input.rptButton{margin-left:210px; width: 300px;color:#0066CC;font-weight: bold;font-size: 11px;border: #8fdaf8 solid 1px;background: #dcf1fd; }



/* --footer-- */

#footerbox {
margin:0 auto;
background: url(../imgs/footer_bg.jpg) repeat-x;
width: 760px;
height: 55px;
position: relative;
}

#footertxt {
padding-left:10px;
padding-right:10px;
font-size: 10px;
color: #666666;
}

#footertxt li{
margin-left:0;
padding: 0 10px;
border-left: 1px solid #999999;
display:inline;
list-style-type: none;
}


#footertxt li.first { 
margin-left: 0;
border-left:0;
list-style: none;
display:inline;
} 

#footertxt li a:link {
text-decoration: none;
color:#666666;
}

#footertxt li a:visited {
text-decoration:none;
color:#666666;
}

#footertxt li a:hover {
text-decoration: underline;
color:#666666;
}

/* #ppanel {
	width: 417px;
	height: 318px;
	background: url(../imgs/ppanel_bg.png) no-repeat;
	position: absolute;
	z-index: 3;
	left: 50px;
	bottom: 40px;
	visibility: hidden;
} */

#disclaimerbox {
width: 400px;
height: 300px;
position: absolute;
left: 58px; 
bottom: 251px;
visibility:hidden;
z-index: 4;

background: #f6fbfe;
border: #add7e7 1px solid;

}

#disclaimerTxt {
position: absolute;
width: 400px;
height: 269px;
left: 58px;
bottom: 251px;
visibility:hidden;
z-index: 5;
overflow-x: hidden;
overflow-y: auto;


}