html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	height: 100%;
}

#mainContainer {
	width: 975px;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#topNavContainer {
	width: 975px;
	position: absolute;
	display: block;
	z-index: 100;
}

#topNavBg {
	width: 986px;
	height: 60px;
	position: absolute;
	top: 29px;
	left: -5px;
	display: block;
	background:url(../images/top_shadow.gif) repeat-x #FFFFFF top;
	background-color: #FFFFFF;
	z-index: 1;
}

#topNavCornerL {
	width: 15px;
	height: 60px;
	position: absolute;
	left:0px;
	background:url(../images/top_corner_left.gif) no-repeat;
}

#topNavCornerR {
	width: 15px;
	height: 60px;
	position: absolute;
	right:0px;
	background:url(../images/top_corner_right.gif) no-repeat;
}

#topMenuContainer {
	width: 770px;
	height: 30px;
	position: absolute;
	right: 0px;
	background-color: #00565B;
	z-index:100;
}

#mainNavContainer {
	width: 975px;
	height: 125px;
	position: absolute;
	top: 40px;
	display: block;
}

#sfcLogo, #investedLogo {
	float: left;
}

#sfcLogo {
	margin-left: 25px;
	margin-right: 19px;
	margin-top: 18px;
}

#mainMenuContainer {
	position:absolute;
	top:49px;
	left:214px;
}

#mainMenuBg {
	color:#00565B;
	text-align: center;
	font-size:24px;
	font-weight:bold;
	width:754px;
	height:32px;
	margin-bottom:5px;
}

#mainMenuCornerL {
	width: 4px;
	height: 32px;
	position: absolute;
	left:0px;
	background:url(../images/main_menu_l.gif) no-repeat;
}

#mainMenuCornerR {
	width: 4px;
	height: 32px;
	position: absolute;
	right:0px;
	background:url(../images/main_menu_r.gif) no-repeat;
}

#mainMenuCenter {
	position:absolute;
	left:4px;
}

.mainMenuItem {
	text-align: center;
	font-size:12px;
	font-weight:bold;
}

.mainMenuItem a {
	background:url(../images/main_menu_bg_green.gif) no-repeat top left;
	display:block;
	padding-top:10px;
	height:22px;
	width:165px;
	color:#FFFFFF;
}

.mainMenuItem a:hover {
	background:url(../images/main_menu_bg_white.gif) no-repeat top left;
}

#menuMess {
	position:absolute;
	left:0px;
	z-index:50;
}

#menuLicence {
	position:absolute;
	left:154px;
	z-index:40;
}
#menuPayment {
	position:absolute;
	left:308px;
	z-index:40;
}

#menuFinancial {
	position:absolute;
	left:462px;
	z-index:30;
}

#menuOther {
	position:absolute;
	left:616px;
	z-index:20;
}

#welcomeContainer {
	text-align:right;
	padding-right:4px;
	color:#00565B;
	font-size:11px;
}

.topPullContainer {
	text-align:right;
	margin:2px 0px 0px 0px;
}

.topPull {
	width:385px;
	height:20px;
}

#topInfoNav {
	text-align: center;
	font-size:12px;
	font-weight:bold;
	padding-right:13px;
	font-size:11px;
	color:#00565B;
}

#topInfoNav div {
	float:right;
	padding-top:3px;
}

#topInfoNav div a {
	color:#00565B;
}

.topInfoStroke {
	margin:3px 12px 0px 12px;
}

.welcomeStroke {
	margin:0px 12px 0px 12px;
}

.btnLang {
	margin:2px 0px 0px 0px;
}

.siteTitle {
	margin:34px 0px 0px 81px;
}

.btnLogout {
	padding:0px !important;
}

.btnLogout a {
	margin-left:10px;
	background:url(../images/bg_login.jpg) no-repeat top right;
	padding:2px 11px 15px 15px;
	font-weight:bold;
	display:block;
}

.btnLogout a:hover {
	background:url(../images/bg_login_over.jpg) no-repeat top right;
	text-decoration:none;
}

/* For IE 6 and below */
* html #sfcLogo {
	margin-left: 12px;
}

#contentContainer {
	position: absolute;
	left: 11px;
	top: 164px;
	width: 957px;
	z-index: 1;
	font-size:80%;
}

#content {
	float:left;
	width:753px;
	line-height:160%;
} 

#leftMenuContainer {
	float:left;
	width:200px;
	margin-right:4px;
}

#leftMenu {
	padding:12px 10px 20px 10px;
}

.menuDash {
	background:url(../images/menu_dash.gif) repeat-x left top;
	height:1px;
	overflow:hidden;
}

.leftMenuLevel1, .leftMenuLevel1noLink {
	color:#00565B;
	font-weight:bold;
	font-size:12px;
}

.leftMenuLevel1 a {
	display:block;
	padding:8px 7px 8px 7px;
}

.leftMenuLevel1 a:hover {
	background:url(../images/menu_level2_bg.gif) repeat-x left 3px;
	padding:8px 7px 8px 7px;
	text-decoration:none;
}

.leftMenuLevel1noLink {
	padding:8px 7px 8px 7px;
}

.leftMenuLevel2 {
	color:#999999;
	font-weight: normal;
	font-size:11px;
	padding:0px 7px 8px 7px;
}

.leftMenuLevel2 a {
	color:#999999;
	padding:0px;
}

.leftMenuLevel2 a:hover {
	background: none;
	padding:0px;
}

.leftMenuLevel2 li {
	background:url(../images/menu_level2_pt.gif) no-repeat 0px 7px;
}
 
#footerContainer {
	height: 20px;
	font-size:11px;
	padding:10px 0px 0px 4px;
	line-height:120%;
	text-align:right;
}

.loginContainer {
	padding:50px 50px 20px 280px;
}

.loginTitle {
	color:#73A393;
	font-size:24px;
	padding-bottom:5px;
}

.loginTable th {
	text-align:left;
	color:#00565B;
	padding:0px 8px 8px 40px;
}

.loginTable td {
	padding:0px 0px 8px 0px;
}

.loginTable input {
	width:250px;
	height:14px;
}

.submitTable {
	padding:40px 0px 46px 5px;
}

.submitTable th {
	text-align:left;
	color:#00565B;
	padding:0px 15px 8px 0px;
}

.submitTable td {
	padding:0px 0px 8px 0px;
}

.submitTable input {
	width:350px;
	height:14px;
	margin-left:0px;
}

.btnSubmit, .btnReset {
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	float:right;
	line-height:160%
}

.btnSubmit a, .btnSubmit a:hover, .btnReset a, .btnReset a:hover {
	display: block;
	width:83px;
	height:23px;
	padding-top:2px;
	text-decoration: none;
}

.btnSubmit a {
	color:#FFFFFF;
	background:url(../images/btn_submit.jpg) no-repeat top left;
}

.btnSubmit a:hover {
	color:#FFFFFF;
	background:url(../images/btn_submit_over.jpg) no-repeat top left;
}

.btnReset a {
	color:#01535E;
	background:url(../images/btn_reset.jpg) no-repeat top left;
}

.btnReset a:hover {
	color:#01535E;
	background:url(../images/btn_reset_over.jpg) no-repeat top left;
}

.forgetLink {
	font-size:11px;
	padding-top:10px;
}

.forgetLink a {
	color:#226E6C;
	text-decoration:underline;
	padding-left:20px;
}

.indexContainer {
	padding:36px 16px 30px 16px;
}

.indexContainer th, .indexContainer td {
	padding:0px 0px 0px 17px;
	color:#00565B;
}

.indexContainer th {
	color:#FFFFFF;
	text-align:left;
	border:#01535E 1px solid;
	background:url(../images/index_head_bg.gif) repeat-x top #458289;
	height:23px;
}

.indexContainer td {
	height:23px;
	padding-right:10px;
}

.whitetd {
	background-color:#FFFFFF !important;
}

.evenrow td {
	background-color:#F5F5F5;
}

.noth {
	padding:0px !important;
	border: none !important;
	background: none !important;
}

.indexIconContainer {
	float:right;
	padding-left:15px;
}

.indexIcon {
	margin-left:5px;
}

.legendContainer {
	color: #00565B;
	padding:10px 0px 0px 15px;
}

.legendTitle {
	font-weight:bold;
	padding-bottom:8px;
}

.legLearn, .legLogin, .legPrinter, .legCert, .legInstall, .legPayment, .legScan {
	float:left;
	padding:2px 15px 10px 25px;
	font-size:11px;
}

.legLearn {
	background:url(../images/icon_learn.gif) no-repeat 0px 0px;
}

.legLogin {
	background:url(../images/icon_login.gif) no-repeat 0px 0px;
}

.legPrinter {
	background:url(../images/icon_printer.gif) no-repeat 0px 0px;
}

.legCert {
	background:url(../images/icon_cert.gif) no-repeat 0px 0px;
}

.legInstall {
	background:url(../images/icon_install.gif) no-repeat 0px 0px;
}

.legPayment {
	background:url(../images/icon_payment.gif) no-repeat 0px 0px;
}

.legScan {
	background:url(../images/icon_scan.gif) no-repeat 0px 0px;
}

.iconHelp {
	text-align:right;
	background:url(../images/icon_help.gif) no-repeat right 3px;
	padding:3px 22px 0px 0px;
	margin:0px 3px 0px 0px;
	font-size:11px;
	line-height: 19px;
	color:#00565B;
}

.genContainer {
	padding: 0px 50px 0px 25px;
	color:#00565B;
}

.messContainer {
	padding: 0px 10px 0px 10px;
}

.messRadioContainer {
	padding:0px 0px 0px 12px;
	color:#666666;
}

.messPageContainer {
	padding:20px 0px 12px 12px;
	color:#666666;
}

.messPageContainer input {
	width:36px;
}

.messRadioTitle {
	font-weight:bold;
	color:#00565B;
}

.messTable {
	border-top: #DDE9E5 1px solid;
	margin-top:20px;
	padding-top:1px;
	padding-bottom:20px;
}

.messTable tr {
	cursor:pointer;
}

.messTable th {
	color:#FFFFFF;
	text-align:left;
	background:url(../images/index_head_bg.gif) repeat-x top #458289;
	padding:3px 10px 3px 10px;
}

.messTable td {
	border-right:#FFFFFF 1px solid;
	border-top:#F0F0F0 1px solid;
	border-bottom:#F0F0F0 1px solid;
	padding:3px 10px 3px 10px;
	
}

.messTableLast {
	border-right:none !important;
}

.messTableSub, .messTableDate, .messTableTime {
	border-top:#01535E 1px solid;
	border-bottom:#01535E 1px solid;
}

.messTableSub {
	width:60%;
	border-left:#01535E 1px solid;
	border-right:#FFFFFF 1px solid;
}

.messTableDate {
	width:20%;
	border-right:#FFFFFF 1px solid;
}

.messTableTime {
	width:20%;
	border-right:#01535E 1px solid;
}

.messEvenrow {
	background-color:#F5F5F5;
}

.messEvenrow td {
	/*background-color:#F5F5F5;*/
	border-top:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
}

.checkTable td {
	vertical-align:top;
	padding-right:5px;
}

.indentContainer {
	padding:20px 0px 20px 75px;
}

.genText {
	width:495px;
	height:85px;
	margin:10px 0px 20px 0px;
}

.greenRdTable {
	width:501px;
}

.noteContainer {
	padding:8px 13px 8px 13px;
}

.annualField {
	width:260px;
	margin-left:10px;
}

.annualField2 {
	width:169px;
	margin-left:10px;
}

.btnContainer {
	padding:20px 0px 40px 247px;
}

.submitCheck {
	width:20px !important;
}

.clearer {
	line-height:1px;
	margin:0px;
	padding:0px;
	clear:both;
	height:1px;
	overflow:hidden;
}

.hidden {
	display: none;
}

.left {
	float:left !important;
}

.right {
	float:right !important;
}

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* For IE 6 and below */
* html .pngImg {
	behavior: url(/skin/css/iepngfix.htc);
}

.menuOver {
	behavior: url(/skin/css/menuover.htc);
	/* For FireFox */
	-moz-binding:url(/skin/css/menuover.xml#menuover);
}

.btnOver {
	behavior: url(/skin/css/btnover.htc);
	/* For FireFox */
	-moz-binding:url(/skin/css/menuover.xml#btnover);
}


html, body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
	background:url(../images/top_bg.gif) top repeat-x;
}

body {
	font-size: 95%;
}

td {
	font-size: 100%;
}

th {
	font-size: 100%;
}

p {
	font-size: 100%;
	margin:0px 0px 20px 0px;
	line-height:160%;
}

h1, h2, h3 {
	font-size: 110%;
	line-height:160%;
	font-weight:bold;
	padding:5px 0px 10px 0px;
	margin:0px;
}

h1 {
	color:#00565B;
}

ol {
	margin:0px 0px 0px 30px;
	font-weight:normal;
}

ol li {
	margin:0px 0px 5px 8px; 
}

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

ul li {
	margin:0px 0px 5px 0px;
	padding:0px 0px 2px 8px;
	list-style:none;
}

a {
	color:#00565B;
	text-decoration:none;
}

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

a:hover div {
	text-decoration:none;
}

select, input, textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
}

textarea {
	scrollbar-face-color: #D2E1DF;
	scrollbar-base-color: #E8F0EC;
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-shadow-color: #B1CCBF; 
	scrollbar-arrow-color: #00565B;
	scrollbar-darkshadow-color:#71A493; 
	scrollbar-3d-light-color: #FFFFFF;
	scrollbar-track-color: #E8F0EC;
}

.txtCenter {
	text-align:center;
}

.title {
	color:#00565B;
	font-weight:bold;
}

.leftSubNav ul li {
	background:url(/skin/css/leftSubNavPoint.gif) no-repeat 5px 6px;
	margin:10px 0px 15px 0px;
	padding:0px 0px 0px 15px;
	list-style:none;
	line-height:14px;
}

#sectionTitle {
	color:#FFFFFF;
	/*color:#00565B;*/
	font-weight:bold;
	float:left;
}

#breadcrumb {
	font-size:11px;
	color:#7FA9AE;
	padding:0px 0px 0px 6px;
	width:360px;
	float: left;
}

#breadcrumb a {
	color:#7FA9AE;
}

.breadcrumbIndex {
	float:none !important;
	padding:0px 0px 5px 15px !important;
}

.rdTableTop {
	background:url(../images/con_top.gif) repeat-x top #FFFFFF;
}

.rdBg {
	background:url(../images/login_bg.gif) no-repeat bottom 665px;
}

.rdBorderL {
	background:url(../images/border_bg.gif) repeat-y top left;
}

.rdBorderR {
	background:url(../images/border_bg.gif) repeat-y top right;
}

.rdCorTopL {
	background:url(../images/con_t_l.gif) no-repeat top left;
}

.rdCorTopR {
	background:url(../images/con_t_r.gif) no-repeat top right;
}

.rdBorderB {
	background:url(../images/border_bg.gif) repeat-x bottom;
}

.rdCorBtmL {
	background:url(../images/con_b_l.gif) no-repeat bottom left;
}

.rdCorBtmR {
	background:url(../images/con_b_r.gif) no-repeat bottom right;
	min-height: 50px;
	height: auto !important;
	height: 50px;
}

.greyRdTableTop {
	background:url(../images/grey_con_top.gif) repeat-x top #FFFFFF;
	margin-bottom:3px;
}

.greyRdBorderL {
	background:url(../images/grey_border_bg.gif) repeat-y top left;
}

.greyRdBorderR {
	background:url(../images/grey_border_bg.gif) repeat-y top right;
}

.greyRdCorTopL {
	background:url(../images/grey_con_t_l.gif) no-repeat top left;
}

.greyRdCorTopR {
	background:url(../images/grey_con_t_r.gif) no-repeat top right;
}

.greyRdBorderB {
	background:url(../images/grey_border_bg.gif) repeat-x bottom;
}

.greyRdCorBtmL {
	background:url(../images/grey_con_b_l.gif) no-repeat bottom left;
}

.greyRdCorBtmR {
	background:url(../images/grey_con_b_r.gif) no-repeat bottom right;
	min-height: 30px;
	height: auto !important;
	height: 30px;
}

.greenRdTableTop {
	background:url(../images/green_border_bg.gif) repeat-x top left #DFEBE6;
}

.greenRdBorderL {
	background:url(../images/green_border_bg.gif) repeat-y top left;
}

.greenRdBorderR {
	background:url(../images/green_border_bg.gif) repeat-y top right;
}

.greenRdCorTopL {
	background:url(../images/green_con_t_l.gif) no-repeat top left;
}

.greenRdCorTopR {
	background:url(../images/green_con_t_r.gif) no-repeat top right;
}

.greenRdBorderB {
	background:url(../images/green_border_bg.gif) repeat-x bottom;
}

.greenRdCorBtmL {
	background:url(../images/green_con_b_l.gif) no-repeat bottom left;
}

.greenRdCorBtmR {
	background:url(../images/green_con_b_r.gif) no-repeat bottom right;
	min-height: 30px;
	height: auto !important;
	height: 30px;
}

.btnGuide, .btnDemo, .btnFaq, .btnForm {
	margin-bottom:3px;
	color: #00565B;
	font-size:13px;
	font-weight:bold;
}

.btnGuide a, .btnDemo a, .btnFaq a, .btnForm a {
	display:block;
	width:180px;
	height:35px;
	padding:15px 0px 0px 20px;
}

.btnGuide {
	background:url(../images/left_bg_guide.gif) no-repeat top left;
}

.btnDemo {
	background:url(../images/left_bg_demo.gif) no-repeat top left;
}

.btnFaq {
	background:url(../images/left_bg_faq.gif) no-repeat top left;
}

.btnForm {
	background:url(../images/left_bg_form.gif) no-repeat top left;
}