body { background:#f2f2f2; }

#container { width:933px; margin-top:34px; background:url(../image/content_bg20070302.gif) repeat-y left top; }
#main { width:933px; padding:0; background:url(../image/content_bgtop20070302.gif) no-repeat left top; }
#content { width:868px; padding:25px 25px 15px 40px; border-top:1px solid #dbdbdb; background:url(../image/content_bgbottom20070302.gif) no-repeat left bottom; }

.grid2cola .column.first { width:602px; margin-left:113px !important; }
.grid2cola .column.last { width:226px; }
.grid2cola .grid2col .column { width:48%; }
.grid2cola .grid3col .column { width:31%; margin-left:3.1%; }
.grid2cola .grid2cold .column.first { width:23%; }
.grid2cola .grid2cold .column.last { width:74.9%; }

a, a:link, a:active, a:visited, a:hover { color:#1b79c2; outline:none; -moz-outline:none; }

.orange18b { FONT-SIZE: 18px; COLOR: orange; line-height: 24px}

/* header */
#header { padding:20px 23px 20px 40px; background:url(../image/content_top.gif) no-repeat; }
#header img.title { float:left; margin:5px 0 5px; cursor:default; }
#main.hasjs #header img.title { cursor:pointer; }

.HTcontent {
	display:inline;
	text-align:right;
	float:right;
	width:230px;
	padding:0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}


/***** main, content *****/
#content { color:#666; font-size:12px; line-height:1.5em; }
#main p, #main ul { margin-bottom:1.6em; }
#main blockquote { margin-bottom:1.3em; font-size:13px; line-height:1.4em; color:#1b79c2; }
#main hr { clear:both; width:100%; padding:0 10px; margin:.4em -10px 2em; border:none; background:none; color:#fff; border-top:1px solid #dbdbdb; position:relative; }
#main div.center { text-align:center; }

#main img.border { border:1px solid #cecece; }

/* headers */
#main h1 { margin:0 0 .3em; font-size:20px; line-height:1.3em; color:#000; }
#main h2 { color:#454545; }
#main h3 { margin-bottom:.3em; color:#454545; font-size:13px; line-height:1.3em; }
#main h3.tagline { margin:-.3em 0 1.3em; font-size:11px; line-height:1.3em; font-weight:normal; }
#main h4 { margin-bottom:.3em; color:#666; font-size:12px; line-height:1.3em; }
#main h1 a, #main h2 a, #main h3 a, #main h4 a { color:#1b79c2; text-decoration:none; }
#main h1 a:hover, #main h2 a:hover, #main h3 a:hover, #main h4 a:hover { text-decoration:underline; }


/* links */
#main a.pdf { background-position:left .2em; color:#666; text-decoration:none; }
#main a.pdf:hover { text-decoration:underline; }

#main a.arrow { display:block; margin:0 0 1.6em; padding:0 12px 0 0; color:#666; text-decoration:none; background:url(../image/arrow_right20070302.gif) no-repeat right .25em; }
#main a.arrow:hover { text-decoration:underline; }
#main a.arrow.learnmore { width:6em; margin-top:-1em; position:relative; }
#main a.arrow.tellus { width:8.8em; margin-top:-1em; }
#main a.arrow.next { float:right; width:2.8em; }
#main a.arrow.previous { float:left; width:4.7em; padding:0 0 0 12px; text-align:right; background:url(../image/arrow_left20070302.gif) no-repeat left .25em; }

#main a.button { display:block; height:20px; width:6em; margin:-.6em 10px 2.6em 0; padding:0 0 0 10px; color:#808080; font-size:11px; text-decoration:none; background:url(../image/button_bg20070302.gif) no-repeat left top; }
#main a.button:hover { color:#333; }
#main a.button span { cursor:pointer; display:block; height:18px; margin:0 -10px 0 0; padding-top:2px; background:url(../image/button_arrow20070302.gif) no-repeat right top; position:relative; }

#main a.button.tour { display:block; width:157px; height:30px; margin:0 0 1.6em; padding:0; text-indent:-99999px; background:url(../image/button_feature.gif) no-repeat left top; }
#main a.button.tour:hover { background-position:left bottom; }


/* block specific */
#main #tour .column { margin-top:.6em; }
#main #tour .column img.left { margin-right:0; }
#main #tour .column h4 { margin-left:46px; }
#main #tour .column p { margin-left:46px; }
#main #tour .column a.arrow.learnmore { margin-left:46px; }

#main #howitworks h2.tagline { margin-top:-.6em; }
#main #howitworks img.left { margin-top:0; margin-bottom:2.4em; }
#main #howitworks a.arrow.learnmore { margin-left:72px; }

#main #profile h1 { margin-bottom:1em; }
#main #profile .column { padding:.8em 0; }
#main #profile .column h3 { margin-bottom:.2em; margin-left:96px; }
#main #profile .column h4 { margin-left:96px; font-size:11px; line-height:1.3em; color:#666; font-weight:normal; }
#main #profile .column h4 a { color:#595959; }
#main #profile .column p { margin-top:.6em 0 1.6em 96px; font-size:10px; }
#main #profile .column p a { text-decoration:none; }
#main #profile .column p a:hover { text-decoration:underline; }
#main #profile hr { margin-top:.2em; }

#main .profiles h1 { margin-bottom:.8em; }
#main .profiles img.across { margin:2px 0 2em; }
#main .profiles p { font-size:10px; }
#main .profiles .pagenums { text-align:center; }

#main #membershipoptions .grid2cold { margin-top:2em; }

/* main content swap javscript states */
#main div.mainswapcontent { display:none; width:602px; }
#main.hasjs div.mainswapcontent, #main div.mainswapcontent.active { display:block; }



/***** sidebar *****/
#main .sidebar { margin-bottom:1em; padding:0; line-height:1.4em; background:url(../image/sidebar_bg20070302.gif) repeat-y right; display:inline; }
#main .sidebar div.bottom { margin-top:-10px; height:10px; background:url(../image/sidebar_bgbottom20070302.gif) no-repeat right bottom; position:relative; }

#main .sidebar ul#localnav { width:226px; margin:0 0 1px 0; padding:0; float:right; }

#main .sidebar ul#localnav li.slider { position:relative; width:186px; margin:0 5px 1px; padding:0 15px .6em; font-size:12px; color:#666; background:#efefef url(../image/sidebar_item_bg20070302.gif) no-repeat left top; }
#main .sidebar ul#localnav li.slider.top { width:186px; margin:0 0 1px; padding:0 20px .6em; background:url(../image/sidebar_item_bgtop20070302.gif) no-repeat left top; float:none !important; }
#main .sidebar ul#localnav li.slider.active { color:#000; background-color:#fff; background-position:right top; }

#main .sidebar ul#localnav li.slider a.mainswap { display:block; width:186px; margin:0 -15px -.6em; padding:8px 15px; color:#666; text-decoration:none; overflow:hidden; font-size:9pt}
#main .sidebar ul#localnav li.slider.top a.mainswap { margin:0 -20px -.6em; padding:12px 20px 8px; }
#main .sidebar ul#localnav li.slider.bottom a.mainswap { padding-bottom:12px; }
#main .sidebar ul#localnav li.slider.active a.mainswap { color:#000; }
#main .sidebar ul#localnav li.slider.hover a.mainswap { color:#000; }

#main .sidebar ul#localnav li.slider div.slidercontent { display:none; margin:.6em 0 0; padding:0; font-size:10px; cursor:default; background:none; }
#main.hasjs .sidebar ul#localnav li.slider div.slidercontent, #main .sidebar ul#localnav li.slider.active div.slidercontent { display:block; }
#main.hasjs .sidebar ul#localnav li.slider div.slidercontent.nocontent { display:none; }

#main .sidebar ul#localnav li.slider div.slidercontent a.mainswap { clear:both; display:block; width:186px; min-height:19px; margin:0 -8px; padding:10px 8px 5px; cursor:pointer; color:#666; }
#main .sidebar ul#localnav li.slider div.slidercontent a.mainswap img { margin:-5px 10px 0 0; }
#main .sidebar ul#localnav li.slider div.slidercontent a.mainswap:hover { text-decoration:underline; }
#main .sidebar ul#localnav li.slider div.slidercontent a.mainswap.active { cursor:default; color:#000; text-decoration:none; background:url(../image/sidebar_subitem_selected20070302.png) no-repeat left top; }


/* arrow */
#main .sidebar ul#localnav li.slider div.arrow { display:none; position:absolute; top:50%; left:-13px; margin-top:-14px; width:13px; height:21px; background:url(../image/sidebar_item_arrow20070302.gif) no-repeat left center; }
#main .sidebar ul#localnav li.slider div.arrow.lotscontent { background-image:url(../image/sidebar_item_arrowlight20070302.gif); }
#main .sidebar ul#localnav li.slider div.arrow.nocontent { background-image:url(../image/sidebar_item_arrowdark20070302.gif); }
#main .sidebar ul#localnav li.slider.top div.arrow { left:-8px; margin-top:-8px; }
#main .sidebar ul#localnav li.slider.bottom div.arrow { margin-top:-13px; }
#main.hasjs .sidebar ul#localnav li.slider.active div.arrow, #main .sidebar ul#localnav li.slider.active div.arrow { display:block; }
#main.hasjs .sidebar ul#localnav li.slider.active div.arrow { top:0; }

/* profiles section */
#main .sidebar ul#localnav li.slider div.slidercontent.profiles a.mainswap { min-height:32px; margin-bottom:.2em; color:#1b79c2; font-size:11px; }
#main .sidebar ul#localnav li.slider div.slidercontent.profiles a.mainswap span { display:block; color:#666; font-size:10px; }
#main .sidebar ul#localnav li.slider div.slidercontent.profiles a.mainswap.active { background-image:url(../image/sidebar_profiles_selected20070302.png); }
#main .sidebar ul#localnav li.slider div.slidercontent.profiles a.mainswap:hover span { text-decoration:underline; }
#main .sidebar ul#localnav li.slider div.slidercontent.profiles a.mainswap.active span { text-decoration:none; }

/* Feature Guide */
#main table#featureintro{
margin-left:40px;
margin-right:30px;
width:550px;
}

#main table#featureintro td {
text-align:left;
vertical-align:top;
width:275px;
height:50px;
padding:10px;
}

/* Inputs */
input {
color:#333;
height:20px;
}

input.btn {
font-size:11pt;
font-weight:bold;
color:#666666;
vertical-align:middle;
width:149px;
height:34px;
background: url(../image/button.png) top left no-repeat;
border: 0;
}

input.sbtn {
font-size:11pt;
font-weight:bold;
color:#666666;
vertical-align:middle;
width:100px;
height:34px;
background: url(../image/button_s.png) top left no-repeat;
border: 0;
}

input.ssbtn {
font-size:10pt;
font-weight:bold;
color:#4A4A4A;
vertical-align:middle;
width:35px;
height:18px;
background: url(../image/button_ss.png) top left no-repeat;
border: 0;
}

input.login { width: 200px; font-size:12pt; margin-top:5px; margin-bottom:5px;}
td.login { width: 200px; font-size:12pt; text-align:right; vertical-align:top; padding:10px }
td.logintext { width: 250px; font-size:11pt;  height:18pt; font-weight:normal; padding-top:7px; padding-bottom:7px;}
td.input { height: 40px; width:220px; vertical-align:middle; }

/* Control Panel forms */
#table td{
vertical-align:middle;
}

table#cpform td{
padding:8px;
}

table.cptable{
width:600px;
}

table.cptable td{
height:30px;
vertical-align:middle;
padding-right:20px;
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
text-align:left;
border-bottom: dotted 1px #CCCCCC;
}

table.cptable th{
font-size:13px;
text-align:left;
font-weight:bold;
padding-left:20px;
padding-right:20px;
}

table.cptable_h{
width:300px;
}

table.cptable_h td{
height:30px;
vertical-align:middle;
padding:20px;
padding-top:10px;
padding-bottom:10px;
text-align:left;
border-bottom: dotted 1px #CCCCCC;
}

.table_menu {
background:url(../image/menu_bg.jpg) no-repeat;
height:40px;
width:600px;
}

.table_menu td{
vertical-align:middle;
font-size:14px;
font-weight:bold;
padding-left:20px;
}

.table_menu_s {
width:300px;
background:url(../image/menu_bg_s.jpg) no-repeat;
height:40px;
}

.table_menu_s td{
vertical-align:middle;
font-size:14px;
font-weight:bold;
padding-left:20px;
}

.textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
overflow:auto;
vertical-align:middle;
}

/* Hyperlink properties */
a:hover {
color:#FC8F00;
}

/* Single page template without sidebar */
.nosidebar {
width:600px;
padding-left:130px;
padding-right:130px;
margin-bottom:20px;
}

.nosidebar_static {
width:600px;
padding-left:130px;
padding-right:130px;
margin-bottom:20px;
text-align:justify;
}

/* News */
.newspage {
padding-left:25px; 
padding-right:25px; 
padding-top:10px; 
padding-bottom:40px;
text-align:justify;
}

/* WengWei's css */
div.errorExplanation {
	color: red
}
div.errorExplanation li {
	padding-left:20px;
	line-height:150%
}

.txtInput { width: 220px; height:20px;}

#MSG_overlay {
  position: absolute;
  margin: auto;
  padding: 5px;
  top: 0;
  left: 0;
  z-index: 200;
  font-size: 12pt;
  color: #fff;
  font-style: bold;
  height:25px;
  background-color: #CE4242;
  display:none;
}