/* CSS  */
* {margin:0; padding:0;}
ul {list-style:none;}
html {color:#333; font:normal 14px Arial, Helvetica, sans-serif;}
body {background:white; width:800px; margin:0 auto;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:underline; color:#333;}
p {line-height:1.5em;}
img {border:none;}

.clear {clear:both;}
.tcenter {text-align:center;}
.fleft {float:left;}
.fright {float:right;}

#header {margin: 0 auto 16px auto; width:100%;}
#header span { width:151px; height:48px; margin:23px 37px 0 22px; float:left;}

h3.invite-title {
	background:url(../images/title-big-bg.gif) no-repeat;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	padding-left:36px;
	margin-bottom:5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

h3 {color:#999; margin-bottom:10px;}
.question-options li { padding-top:3px; padding-bottom:3px; border-bottom:1px solid #eee; padding-left:14px; font-size:12px;}
#header h2 {position:relative;}
.main {width:100%; float:left; height:60%; margin:0 0 17px 0;}
#process {
	position:relative;
	width:100%;
	height:30px;
	margin-bottom:10px;
	line-height: 30px;
	font-weight: bolder;
	text-align: center;
	background-image: url(../images/process-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#process .bar {float:right; height:4px; width:126px; margin-top:13px; margin-right:1px; font-size:0;}
#process .percentage {position:absolute; right:0; top:0;font-size:10px; color:#a5a5a5;}
#process .percentage-bar { background:url(../images/percentage-bar-bg.gif) repeat-x; height:4px;}

#footer {font-size:12px; border-top:1px solid #e0e0e0;color:#7b7b7b; padding:13px 0 18px 0; float:left; width:100%;}
#footer div {margin-top:5px;}
#footer a {text-decoration:none; color:#7b7b7b;}
#footer a:hover {text-decoration:underline; color:#7b7b7b;}
#footer .footer-info {line-height:1.8em;}
#footer .insightcn-site * {float:left;}
#footer .corporate-links {float:right;}
#footer .corporate-links li {float:left;}
#footer .insightcn-site dd,
#footer .corporate-links li {padding:0 12px; border-left:1px solid #7b7b7b;}
#footer .insightcn-site dd.first,
#footer .corporate-links li.first {border:none;}

/*¾ØÕó*/
#matrix{
	width:100%;
	background:#eee;
	}
#matrix table{ width:100%;}
#matrix table td{ 
	background-color:#fff;
	padding:5px;
	text-align:center;
	}
#matrix table td.t_width{
	width:200px; 
	text-align:left;
	line-height:18px;
	font-size:12px;
	/*writing-mode:tb-rl;*/
	}
#matrix table tr.bg_color td{ background-color:#F0FAEB;}
a.button{ background:url(../images/btn.gif) no-repeat; width:94px; height:29px; line-height:29px; text-align:center; border:none; color:white; font-size:14px; display:block;}
.main span{ display:block; width:94px; margin:20px auto 0;}
.ok_note{ padding:5px; line-height:22px;}
.ok_note h4{ color:#f60; font-size:14px;}
.buttons
{
	line-height: 20px;
	color: #666666;
	background-image: url(../images/btn.gif);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	width: 94px;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #ffffff;
}
#sm{
	line-height: 180%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#sm p{
	text-indent: 2em;
}

.content{
	padding-left:20px;
	padding-top:5px;
	padding-bottom:20px;
