/* Survey Menus */
.menus{
}

/* Designer */
.editing{
	background:#feffb7;
	background:#FFFF88;
}
.tabContent{
	border:1px solid #E2E8F9;
	padding:5px;
	height:188px;
	overflow:auto;
}
.tabContent .title{
	/*color:#304D8E;*/
	border-bottom:1px dotted #E2E8F9;
	height:16px;
	line-height:16px;
	vertical-align:middle;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	background:url(/Public/image/quill/icons.gif) no-repeat;
}
.tabContent .content{
	color:#666;
	padding:0 5px;
	margin:0;
}
.tabContent .content .icon{
	width:24px;
	height:24px;
	background:url(/Public/image/nui/input/rankbar.gif);
	border:1px solid #eee;
	margin:2px;
}
.tabContent .content .iconhover{
	border-color:#BFCAE6;
}
.tabContent .content .iconselected{
	border-color:#7388C1;
}
.tabContent .content .ball{
	width:10px;
	height:10px;
	background:url(/Public/image/nui/input/constbar.gif);
	border:1px solid #fff;
	margin:2px;
}
.tabContent .content .ballhover{
	border-color:#BFCAE6;
}
.tabContent .content .ballselected{
	border-color:#7388C1;
}

/* survey structure */
.surveyStruc{
	width:590px;
	height:400px;
	padding:5px;
	overflow:auto;
}
.surveyStruc .icons{
	border-bottom:dashed #eee 1px;
	margin-bottom:5px;
}
.surveyStruc .icons span{
	/*inline block*/
	display:inline-block;
	display:-moz-inline-stack;
	*display:inline;
	zoom:1;
	
	cursor:default;
	margin:0 3px;
	width:12px;
	height:12px;
	line-height:12px;
	overflow:hidden;
	background:url(/Public/image/quill/icons_12px.gif) no-repeat;
}
.surveyStruc .view{
	text-align:center;
}
.surveyStruc .view .pageHeader{
	width:560px;
	background:url(/Public/image/quill/page.png) no-repeat top left;
	height:10px;
	line-height:10px;
}
.surveyStruc .view .pageBody{
	width:540px;
	background:url(/Public/image/quill/page.png) -560px 0 repeat-y;
	padding:0 10px;
	text-align:left;
}
.surveyStruc .view .pageBody .ptn{
	color:#666;
	padding-top:8px;
	text-decoration:underline;
	text-align:center;
}
.surveyStruc .view .pageBody .qst{
	border-bottom:1px dashed #ccc;
	padding:2px 5px 0 5px;
}
.surveyStruc .view .pageBody .qstHover{
	background-color:#E0EDFE;
}
.surveyStruc .view .pageBody .menus{
	float:right;
}
.surveyStruc .view .pageBody .menus span{
	/*inline block*/
	display:inline-block;
	display:-moz-inline-stack;
	*display:inline;
	zoom:1;
	
	cursor:default;
	margin:3px;
	width:12px;
	height:12px;
	overflow:hidden;
	background:url(/Public/image/quill/icons_12px.gif) no-repeat;
}
.surveyStruc .view .pageBody .qstSelected{
	background:#E0EDFE;
}
.surveyStruc .view .pageFooter{
	width:520px;
	background:url(/Public/image/quill/page.png) no-repeat 0 -30px;
	height:30px;
	line-height:30px;
	padding:0 20px;
	text-align:right;
	color:#304D8E;
}

/* Survey */
.survey{
	cursor:default;
}

/* Header and footer */
.survey .header{
	text-align:center;
	font-size:11px;
	color:#999;
	padding:0;
	margin-bottom:5px;
}
.survey .footer{
	text-align:center;
	font-size:11px;
	color:#999;
	padding:0;
	margin-top:5px;
	width:auto;
}

/* Caption */
.survey .caption{
	margin:10px 0;
}
.survey .caption h1{
	margin:0 0;
	padding:5px 0;
	color:#0e4187;
	color:#000;
	font-size:20px;
}
.survey .caption h2{
	margin:0;
	padding:0 45px;
	font-size:14px;
	color:#6179ad;
	color:#000;
	font-weight:normal;
}

/* Description */
.survey .desc{
	color:#999;
	padding:0 10px;
	line-height:20px;
}

/* Content */
.survey .content{
}
/* Portion */
.survey .content .portion{
	text-align:center;
	padding:5px 0;
}
.survey .content .portion .text{
	font-size:14px;
}
.survey .content .portion .menus{
	float:right;
}
.survey .content .portion .menus a{
	color:#999;
}
/* Question tag */
.survey .content h1{
	line-height:20px;
	vertical-align:middle;
	margin:15px 0 5px 0;
	padding:0 10px;
	height:20px;
	width:630px;
	background:url(/Public/image/quill/rc.gif) no-repeat 0px -20px;
	font-size:12px;
	color:#fff;
}
.survey .content h1.unactive{
	background:url(/Public/image/quill/rc.gif) no-repeat 0px 0px;
}
.survey .content h1 .text{
	float:left;
}
.survey .content h1 .menus{
	display:inline;
	float:right;
	padding:2px 0;
	font-weight:normal;
}
.survey .content h1 .menus .dd{
	line-height:20px;
}
.survey .content h1 .menus .dd .line{
	height:1px;
	line-height:1px;
	font-size:1px;
	border-bottom:1px solid #ACA899;
	margin:2px 0;
}
.survey .content h1 .menus .dd a{
	color:#000;
	cursor:default;
	text-decoration:none;
	padding:0 16px;
	display:block;
}
.survey .content h1 .menus .dropdown a:hover{
	background:#316AC5;
	color:#fff;
}
.survey .content h1 .menus .dropdown a.Choice{
}
/*.survey .content h1 a{
	margin-right:5px;
	color:#DCFF40;
	font-weight:normal;
}*/

/* Question content */
.survey .content .question{
}
.question .cap{
	line-height:18px;
	margin:0 5px;
	padding:0 5px;
	border:2px solid #BFCAE6;
	border:none;
}
.question .opt{
	padding:3px 8px;
	color:#333;
}
.question .opt ol{
	margin:5px 5px 5px 25px;
	padding:0;
}
.question .opt ol li{
	padding:0;
	margin:0;
	list-style-position:outside;
	list-style-type:lower-latin;
}

/* Pagination */
.survey .content .pagination{
	text-align:right;
	margin:10px 0 0 0;
	padding:5px 0;
	border-top:1px dashed #999;
}
.pagination a{
	margin:2px;
	padding:1px 4px;
	text-align:center;
	border:1px solid #999;
	color:#999;
	text-decoration:none;
	font-size:10px;
}
.pagination a:hover{
	border:1px solid #333;
	background:#ccc;
	color:#333;
}
.pagination span{
	margin:2px;
	padding:1px 4px;
	text-align:center;
	border:1px solid #666;
	background:#666;
	color:#fff;
	font-size:10px;
}

/* Next page button in filler */
.nextPage
{
	padding:10px;
	text-align:center;
}
.nextPage input
{
	width:200px;
	cursor:pointer;
}