body {
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	padding:0; 
	margin: 0;
	background-color:#FFFFFF;
	-moz-user-select: none;
}

a:link {
	font-size: 13px;
	color: #9D9D9D;
	text-decoration: none;
}

a:visited {
	font-size: 13px;
	color: #9D9D9D;
	text-decoration: none;
}

a:hover {
	font-size: 13px;
	color: #9D9D9D;
	text-decoration: none;
}
.Question {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #000000;
}

.Answer {
	FONT-SIZE: 13px;
	COLOR: #000000;
}

.Error {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: red;
}

.Info {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: rgb(255, 153, 51);
}

.Matrix .Item {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #575757; FONT-FAMILY: Tahoma
}
.Matrix .header {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: white; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #575757
}

.Description {
	COLOR: #000000;
}

.Matrix .AlternatingItem {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #575757; FONT-FAMILY: Tahoma
}

.explorerTableBg {
  background-color: #EEF3FB;
}

.oddRow {
  background-color: #FFFFFF;
}

.evenRow {
  background-color: #EEF3FB;
}

.flatButton 
{
 border-width:0.0pt;border-style:none;background-color:White;padding:0.0pt; text-align:left;
}

.statusButton 
{
 background-color:White;padding:0.0pt; text-align:left;
}


.left {
  text-align: left;
}

.right {
  text-align: right;
}


.TextTiny
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}

.TextSmall
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}

.TextMedium
{
    FONT-SIZE: 15px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-WEIGHT: bold;
}

.TextLarge
{
    FONT-SIZE: 18px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-WEIGHT: bold;
}

.LinkMedium
{
    FONT-SIZE: 13px;
    COLOR: #333366;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.LinkMedium:hover
{
    FONT-SIZE: 13px;
    COLOR: #ff6600;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.LinkSmall
{
    FONT-SIZE: 11px;
    COLOR: #333366;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.LinkSmall:hover
{
    FONT-SIZE: 11px;
    COLOR: #ff6600;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.LinkGreySmall
{
    FONT-SIZE: 10px;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.LinkGreySmall:hover
{
    FONT-SIZE: 10px;
    COLOR: #ff6600;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.LinkTiny
{
    FONT-SIZE: 10px;
    COLOR: #333366;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.LinkTiny:hover
{
    FONT-SIZE: 10px;
    COLOR: #ff6600;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}

.TextLarge
{
    FONT-SIZE: 18px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}

.ListBox
{
    border: #999999 2px solid;
    margin:0px;
    padding:2px;
    font-family: Verdana, Arial, sans-serif;
    background-color: #ffffff;
    font-size:12px;
   width:400px;

}
.InputBoxSmall
{
    border: #999999 2px solid;
    margin:0px;
    padding:1px;
    font-family: Verdana, Arial, sans-serif;
    background-color:#ffffff;
    height:18px;
    font-size:10px;

}
.TextSmaller {
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}

.TextContentSmaller {
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.InputBox
{
    border: #999999 2px solid;
    margin:0px;
    padding:2px;
    font-family: Verdana, Arial, sans-serif;
    background-color:#ffffff;
    height:22px;
    font-size:12px;

}
.InputBoxFront
{
    border: #333333 2px solid;
    margin:0px;
    padding:2px;
    font-family: Verdana, Arial, sans-serif;
    background-color: #ffffff;
    height:22px;
    font-size:12px;

}

.SelectBox
{
    font-family: Verdana, Arial, sans-serif;
    font-size:9pt;
    background-color:#ffffff;
}

.SelectBoxSmall
{
    font-family: Verdana, Arial, sans-serif;
    font-size:8pt;
    background-color:#ffffff;
}

.BigEmptyColumn
{
  width:80pt;  
}

.RightColumn
{
 text-align:right;
 width:100%;
}

.TitleText
{
    FONT-SIZE: 20px;
    COLOR: #000000;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.TitleTexts
{
    FONT-SIZE: 16px;
    COLOR: #000000;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}


.subTitleText
{
    FONT-SIZE: 12px;
    COLOR: #000000;    
    font-family: "Arial", "Verdana", "Helvetica", "sans-serif"; 
    FONT-WEIGHT: bold;
    
}



.subText
{
    COLOR: #000000; 
    font-family: "Arial", "Helvetica", "sans-serif"; 
    font-size: 12px; 
    line-height: 21px
}

.subText2
{
    COLOR: #000000; 
    text-align: left;
    font-family: "宋体", "Helvetica", "sans-serif"; 
    font-size: 12px; 
    font-weight:bold
}

.subText3
{
    COLOR: #000000; 
    text-align: left;
    font-family: "宋体", "Helvetica", "sans-serif"; 
    font-size: 14px; 
    font-weight:bold
}
.font_10p {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; 
             font-size: 10.5pt; 
             line-height: 21px
          }


.tableHeaderText
{   
    FONT-SIZE: 11px;
    COLOR: #000000;    
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-WEIGHT: bold;
}

.tableValueText
{   
    FONT-SIZE: 11px;
    COLOR: #000000;    
    FONT-FAMILY: Verdana, Arial, sans-serif;
}



.resultItemTextColumn 
{
  width:100pt;
  background-color: #f7f7e7;
  text-align:right;  
  
}
.resultItemChartColumn 
{
  width:80%;
  background-color: #dddddd;
  text-align:left;
  
}
.resultItemValueColumn 
{
  width:10%;
  background-color: #dddddd;
  text-align:center;  

}

.matrixResultColumn 
{  
  background-color: #dddddd;
  text-align:right;  
}

.singleResponseLeftColumn 
{
  width:15%;
  background-color: #f7f7e7;
  text-align:center;  
}

.singleResponseRightColumn 
{
  width:85%;
  background-color: #f7f7e7;
  text-align:left;  
}

.header {
 text-align: center;
 margin-bottom: 10mm; 
}
.resultItemChartColumnTable 
{
  width:50%;
  background-color: #000000;
  text-align:left;
  
}
.resultItemValueColumnTable
{
  width:10%;
  background-color: #000000;
  text-align:center;  
}
.matrixResultColumnTable
{  
  background-color: #000000;
  text-align:center;  
}

.singleResponseLeftColumnTest 
{
  width:15%;
  background-color: #f7f7e7;
  text-align:left;  
}
.resultItemTextColumnLeft 
{
  width:20%;
  background-color: #f7f7e7;
  text-align:right;  
  
}
.TitleTextLink
{
    FONT-SIZE: 15px;
    COLOR: #ff6600;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.TextMediumCopy
{
    FONT-SIZE: 13px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-WEIGHT: bold;
}
.TextMediumCopylarger
{
    FONT-SIZE: 14px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-WEIGHT: bold;
}
.TextMediumCopybold
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-WEIGHT: bold;
}
.TextMediumCopylarge
{
    FONT-SIZE: 14px;
    
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-WEIGHT: bold;
}
.crossItemColumnTable
{
  width:150px;
  background-color: #F7F7E7;
  text-align:center;  
}
.crossItemValueColumnTable
{
  width:80px;
  background-color: #F7F7E7;
  text-align:center;  
}
.tabtop{
font-size:14px;
font-family:"宋体";
line-height:20px;
color:#000000;
text-align:left;
padding-top:2px;
padding-left:25px;
background: transparent url(../images/img_title.gif) no-repeat;
background-position:5px;
background-color:#C3D2F0;
}
.tabmiddle{
font-size:12px;
font-family:"宋体";
text-align:justify;
line-height:20px;
color:#000000;
border: 1px solid #C3D2F0;
padding: 1px 1px 1px 1px;
}
.lineStyle{
height:1px;
color:#E0E0E0;
border: 1px dashed #E0E0E0;
 margin-bottom:-5px;
}

.TextExplain
{/* 页头下的说明文字(panelHeader 下的说明文字)*/
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.Textnote
{/* 输入框后的提示文字*/
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.Texttip
{/*系统提示文字,底端的(showDetails)*/
    FONT-SIZE: 12px;
    COLOR: #707070;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}

.Texttip02
{/*系统提示文字,底端的(showDetails)*/
    FONT-SIZE: 12px;
    COLOR: #707070;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-WEIGHT: bold;
}

a.didaohang:link
{
    font-size:12px; 
    color:#011E3C;
    text-decoration:none;
}
a.didaohang:visited
{
    font-size:12px;
    color:#011E3C;
    text-decoration:none;
}
a.didaohang:hover
{
    font-size:12px;
    color:#011E3C;
    text-decoration:underline;
}

a.banquan:link
{ 
    font-size:12px; 
    color:#9D9D9D; 
    text-decoration:underline;
}
a.banquan:visited
{
    font-size:12px; 
    color:#9D9D9D; 
    text-decoration:underline;
}
a.banquan:hover
{
    font-size:12px; 
    color:#9D9D9D; 
    text-decoration:underline;
}

.TextExplain02
{/*页面中间部分的说明文字样式*/
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.Textoutside
{/*输入框外的标签文字样式*/
    FONT-SIZE: 12px;
    COLOR: #434649;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}

.TableColumnStyle{
  vertical-align: middle;    
}

.subText1
{
    COLOR: #000000; 
    font-family: "Arial", "Helvetica", "sans-serif"; 
    font-size: 14px; 
    line-height: 21px
}
.tableHeaderstyle
{   
    FONT-SIZE: 11px;
    COLOR: #000000;    
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-WEIGHT: bold;
    background: #d2d8b0;
    
}


.quotatableFirstColumnStyle{
 vertical-align: middle;
  background: white;
  text-align:center;
    width:100px; 
}

.quotatableSecondColumnStyle{
 vertical-align: middle;
  background: white;
   text-align:center;
    width:300px; 
}

.quotatableThredColumnStyle{
 vertical-align: middle;
  background: white;
  text-align:center;
    width:400px; 
}

.quotatableColumnStyle
{   
    FONT-SIZE: 11px;
    COLOR: #000000;    
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-WEIGHT: bold;
    background: #d2d8b0;
    border-width:1px;
    border-color:Black ;
    text-align:center;
    
}

body{ 
       margin:0px;
       width:auto;
}

.survey_title {
	font-size:24px;
	font-weight:bold;
	color:#000000;
}

.continue_message {
	color: rgb(255, 204, 51);
}

#header_bg {
	position:absolute;
	width:100%; 
	height:100px; 
	background:url(../images/top_bg.png); 
	top: 0;
	z-index:10;
}

#header_bg2 {
	background-image: url(../images/top_bg_01.png);
	background-repeat: no-repeat;
	background-position:center;
	text-align:left;
	z-index: 2;
}

/* 版权位置 */
#copy_right {
	height: 30px;
	text-align: right;
	vertical-align: center;
}

#copy_right a {
	text-decoration: none;
}

.textinput_question .Answer {
	text-align: left;
}

.option_img {
	width: 250px;
}

.mystery {
	height:23px;
	width:64px;
	border:1px solid #AEB395;
	padding-top: 2px;
}

.button_table {
	width:100%;
	text-align:left;
	border:0;
}

.option_frame {
	width: 160px;
	height: 210px;
	border: #00CCFF 1px dotted;
}

.option_answer {
	width: 150px;
	height: 200px;
	position: absolute;
	background-color: #FFFFFF;
	background-image : url("../images/cards_frame.png");
	background-repeat : no-repeat;
	background-position : center bottom;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

#option_answers {
	border: 1px solid #CCCCCC;
	width: 160px;
	height: 210px;
	text-align:center;
}

.option_frame_table {
	text-align:center;
}

.card_question_body {
 	width:100%;
}

.option_answers_label {
	font-size:14px;
}

.option_frame_label {
	font-size:14px;
}

.option_msg{
	display: table-cell;
	height: 180px;
	vertical-align: middle;
	width:140px;
}

.option_msg > div {
	font-size: 13px;
}