﻿
div.middle
{
	width: 100%;
}

div.Page
{
	padding-left: 5px;
	padding-top: 5px;
}

div.Page > div.middle > div.Title
{
	display: none;
}

div.Group
{
	margin: 3px 0px;
	/*
	background-color: #eee;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-bottom: solid 1px #999;
	*/
}
/*
div.Group > div.top
{
	height: 5px;
	background: url(../images/surveyEngine/question_top_hover.jpg) top left #fff no-repeat;
}

div.Group > div.bottom
{
	height: 5px;
	background: url(../images/surveyEngine/question_bottom_hover.jpg) top left #fff no-repeat;
}

div.Group > div.middle
{
	background: url(../images/surveyEngine/question_left_hover.gif) center left #fff repeat-y;
	padding-left: 5px;
}
*/

div.Group > div.middle > div.Title
{
	font-size: 120%;
	font-weight: bold;
	color: green;
}

div.Group > div.middle > div.Caption
{
	margin: 3px 10px;
}



div.Question
{
	/*background-color: #bbb;*/
	clear: left;
	margin-left: 3px;
	margin-bottom: 3px;
	cursor: pointer;
	
}

div.Question > div.top
{
	height: 5px;
	background: url(../images/surveyEngine/question_top_hover.jpg) top left #fff no-repeat;
}

div.Question > div.bottom
{
	height: 5px;
	background: url(../images/surveyEngine/question_bottom_hover.jpg) top left #fff no-repeat;
}

div.Question > div.middle
{
	background: url(../images/surveyEngine/question_left_hover.gif) center left #fff repeat-y;
}

div.Question > div.middle
{
	padding-left: 0px;
	padding-right: 0px;
}

div.Question > div.middle > div.Title
{
	font-size: 100%;
	font-weight:normal;
	float: left;
	clear: left;
	margin-left: 5px;
	margin-right: 0px;
	width: 275px;
}

div.Question > div.middle > div.Caption
{
	font-size: 80%;
	font-weight: bold;
	color: green;
	float: left;
	clear: left;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	width: 270px;
}

div.Question > div.middle > div.Control
{
	float: right;
	margin-right: 3px;
}




div.selected > div.top
{
	background: url(../images/surveyEngine/question_topleft_h.gif) top left green no-repeat;
	height: 5px;
}

div.selected > div.middle
{
	background: green;
}

div.selected > div.middle > div.Title
{
	color: White;
}

div.selected > div.middle > div.Caption
{
	color: white;
}

div.selected > div.bottom
{
	background: url(../images/surveyEngine/question_bottomleft_h.gif) top left green no-repeat;
	height: 5px;
}

div > div.middle > div.Error
{
	font-size: 80%;
	font-weight: bold;
	color: red;
	float: left;
	clear: left;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	width: 270px;
	display: none;
}

div.inerror > div.middle > div.Error
{
	display: block;
}



.SurveyHelp
{
	width: 150px;
	background-color: White;
}

.SurveyHelp .Help
{
	background-color: Green;
}

.SurveyHelp .Help .Title
{
	font-size: 75%;
	font-weight: bold;
	color: White;
	padding: 2px;
	background-color: darkgreen;
	border: solid 2px green;
}

.SurveyHelp .Help .Body
{
	color: White;
	padding: 5px;
	font-size: 75%;
}

.SurveyStyle
{
	width: 640px;
}

.SurveyNavigatorHeader
{
	background: white;
	border-bottom: solid 5px green;
}

.SurveyNavigatorHeader > div.NavLevel0
{
	padding-top: 5px;
	padding-left: 5px;
}

.SurveyNavigatorHeader > div.NavLevel0 > .MenuItem
{
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #eee;
	background-image: url(../images/surveyEngine/TabTop.gif);
	background-position: top center;
	background-repeat: no-repeat;
	width: 120px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px 2px;
	white-space:nowrap;
}

.SurveyNavigatorHeader div.NavLevel0 .selected
{
	background-image: url(../images/surveyEngine/TabTop_h.gif);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: Green;
	color: White;
	width: 120px;
}

.hidden
{
	display: none !important;
}

.SurveyNavigatorHeader div.NavLevel0 .first
{
	display: block;
	float: left;
}

.SurveyNavigatorHeader div.NavLevel1
{
	background-color: green;
}

.SurveyNavigatorHeader div.NavLevel1 .MenuItem
{
	Color:White;
	display: block;
	float: left;
	padding: 5px 20px 5px 15px;
}

.SurveyNavigatorHeader div.NavLevel1 .selected
{
	Color: #bfb;
	font-weight: bold;
	display: block;
	float: left;
	padding: 5px 20px 0px 15px;
}



