@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: 195px;
	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: 550px;
	height: 20px;
	position: absolute;
	bottom: 1px;
	right: 50px;
	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;
padding:0 0;
width: 760px;
position: relative;
}

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

#mainLoginBox {
width: 185px;
height: 195px;
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;
}

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: 350px;
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;
}



/* 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;
}




/* --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: 51px;
visibility:hidden;
z-index: 4;

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

}

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


}