﻿/* 页面 <div> */

.page
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif, "宋体";
}
img{ border: none; }


/* 调查表标题 <h1> */

.page .survey-title
{
	font-weight: bold;
	font-size: 18pt;
	text-align: center;
	margin: 0px;
	border: 1px #FFFFFF solid;
	padding: 10px;
}



/* 调查表简介文字 <div> */

.page .survey-intro
{
	padding: 5px;
	line-height: 18px;
}



/* 页面标题 <h2> */

.page .page-title
{
	font-weight: bold;
	font-size: 14pt;
	margin: 0px;
	border: 1px #FFFFFF solid;
}



/* 页面简介文字 <div> */

.page .page-intro
{
	padding: 5px;
	line-height: 18px;
}



/* 页面内容列表 <ol> */

.page ol.content {}



/*调查表题与题之间的间隔*/

.page .part
{
	margin: 5px 0;
}

/* 调查表对象标题行 <div> */

.page .part .title
{
	margin: 0px;
	padding: 3px 0;
	border: 1px #FFFFFF solid;
}



/* 问题题目 <span> */

.page .part .title
{
	padding: 5px;
	border: 1px #FFFFFF solid;
	font-size: 12px;
}



/* 问题提示信息 <span> */

.page .part .title .notice
{
	font-weight: normal;
	font-size: 12px;
}



/* 填写时错误信息 <span> */

.page .part .title .error
{
	font-weight: normal;
	font-size: 12px;
}



/* 问题简介文字 <div> */

.page .part .intro
{
	padding: 5px;
	line-height: 18px;
}



/* 问题简介图片区域 <p> */

.page .part .illustrate
{
	padding: 5px;
	line-height: 18px;
}
/*分列*/
.page .part .content
{
	padding: 2px;
	text-align: left;
}
.page .part .content ul
{
	display: block;
}
.page .part .content li
{
	display: inline;
}

/****************************** 分隔符 ******************************/

/* 分隔符标题 <h3> */

.page div.separator
{
	margin-left: -38px;
}

.page .separator .title {}



/* 分隔符简介文字 <div> */

.page .separator .intro {}



/****************************** 填空题 ******************************/

/* 填空题标题行 <h4> */

.page .text .title {}



/* 填空题简介文字 <div> */

.page .text .intro {}



/* 填空题简介图片 <div> */

.page .text .illustrate {}



/* 填空题表单 */

.page .text input {}



/* 问答题表单 */

.page .text textarea {}



/****************************** 选择题 ******************************/

/* 选择题标题行 <h4> */

.page .select .title {}



/* 选择题简介文字 <div> */

.page .select .intro {}



/* 选择题简介图片区域 <div> */

.page .select .illustrate {}



/* 选择题选项表格 <table> */

.page .select .options {width:100%;}



/* 选择题选项表格奇行 <tr> */

.page .select .options .odd {}



/* 选择题选项表格偶行 <tr> */

.page .select .options .even {}



/* 单选题表单 */

.page .select .options input[type="radio"] {}



/* 多选题表单 */

.page .select .options input[type="checkbox"] {}



/* 选择题 自定义选项表单 */

.page .select .options input[type="text"] {}



/****************************** 组合选择题 ******************************/

/* 组合选择题标题 <h4> */

.page .matrix .title {}



/* 组合选择题简介文字 <div> */

.page .matrix .intro {}



/* 组合选择题简介图片 <div> */

.page .matrix .illustrate {}



/* 组合选择题选项表格 <table> */

.page .matrix .options {width:100%;}



/* 组合选择题选项表格奇行 <tr> */

.page .matrix .options .odd {}



/* 组合选择题选项表格偶行 <tr> */

.page .matrix .options .even {}



/* 单选组合选择题表单 */

.page .matrix .options input[type="radio"] {}



/* 多选组合选择题表单 */

.page .matrix .options input[type="checkbox"] {}

.page .btncontent
{
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
	vertical-align: middle;
}
.bulebutton
{
	padding: 2px 5px 5px 2px;
	border: 1px solid #7b9ebd;
	font-size: 12px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
	cursor: hand;
	color: black;
	height: 25px;
}
.palebutton
{
	border: 1px solid #7EBF4F;
	padding: 2px 5px 5px 2px;
	font-size: 12px;
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997);
		cursor: hand;
		color: black;
		margin-right: 5px;
		margin-left: 5px;
	height: 32px;
	width: 57px;
}
.redSpan
{
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}
.greenSpan
{
	color: #008000;
	font-weight: bold;
	font-size: 12px;
}
.blueSpan
{
	color: #C0C0C0;
	font-weight: bold;
	font-size: 12px;
}
.lightbluebutton
{
	border-right: #7b9ebd 1px solid;
	padding-right: 2px;
	border-top: #7b9ebd 1px solid;
	padding-left: 2px;
	font-size: 12px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
	border-left: #7b9ebd 1px solid;
	cursor: hand;
	color: black;
	padding-top: 2px;
	border-bottom: #7b9ebd 1px solid;
}
.palegreenbutton
{
	border: 1px solid #7EBF4F;
	padding: 3px 3px 0px 3px;
	font-size: 12px;
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997);
		cursor: hand;
		color: black;
		height: 27px;
	width: 80px;
}
.replay .replaycontent
{
	border: 1px dashed #808080;
	padding: 5px;
}
.replay .replaycontent .title
{
	border: 1px #D2DFE6 dashed;
	padding: 5px;
	color: red;
}
