/* Section tabs styles */
.sections
{
	float: left;
	padding-bottom: 20px;
}

SPAN.sectionTabs
{
	float: left;
	margin: 0px 0px 0px 0px;
	border-right: solid 2px #666666;
}

.ajax__validatorcallout_innerdiv img
{
	width: 10px;
	height: 10px;
}

SPAN.sectionTabs .sectionTab
{
	float: left;
	border-left: solid 2px #666666;
	border-top: solid 2px #666666;
	border-bottom: solid 2px #666666;
	width: 115px;
	text-align: center;
	cursor: pointer;
	font: bold 12px Arial, Verdana;
	background-color: #DDDDDD;
}

SPAN.sectionTabs .sectionStatus
{
	float: left;
	color: #666666;
	width: 120px;
	text-align: center;
	background-image: url("../Images/bkg_section.gif");
	background-position: right top;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
}

.sectionStatusValidation
{
	background-image: url("../Images/bkg_shell.gif");
	height: 15px;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	cursor: default !important;
}

SPAN.sectionTabs .sectionLink
{
	height: 32px;
	padding: 3px;
}

SPAN.sectionTabs span.active div.sectionTab
{
	background-image: url("../Images/bkg_shell.gif");
}

SPAN.sectionTabs span.active div.sectionTab .sectionStatus
{
	background-color: #fff;
	background-image: url("../Images/bkg_section_active.gif");
}

SPAN.sectionTabs BR
{
}

SPAN.sectionTabs a
{
	font: bold 12px Arial, Verdana, Sans-Serif;
	color: #666666;
	text-decoration: none;
}
/* End Section tabs styles */

/* Question Navigation styles */

.questionNavigation
{
	position: absolute;
	background-color: #DDDDDD;
	text-align: left;
	padding: 10px;
	border: solid 2px #666666;
	z-index: 1000;
}

.questionNavigation ul
{
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	list-style-type: none;
	white-space: nowrap;
}

.questionNavigation li
{
	padding: 3px;
}

.questionNavigation li a
{
	color: #666666;
}

.questionNavigation li a:hover
{
	color: #000;
}

.openNavigation
{
	background-image: url("../Images/bkg_section_open.gif") !important;
}

.active .openNavigation
{
	background-image: url("../Images/bkg_section_active_open.gif") !important;
}

/* END Question Navigation styles */
.surveyTitle
{
	font-size: 15px;
	font-weight: normal !important;
	color: #fff;
	padding: 2px 0px 5px 25px;
}

.surveyTitle, .adminTitle
{
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	padding: 15px 0px 15px 5px;
}

.sectionTitle
{
	font-size: 17px;
	font-weight: bold;
	color: #666666;
}

.label
{
	clear: both;
	float: left;
	width: 80px;
	font-size: .75em;
	text-align: right;
	padding-right: 12px;
	color: #333333;
	padding-bottom: 4px;
}

.data
{
	float: left;
	font-size: .75em;
	color: #333333;
	padding-bottom: 6px;
	width: 360px;
}

.control
{
	float: left;
	padding: 0;
	margin: 0;
}

.relyonControl
{
	float: left;
}

/* Styles for Previous/Next Navigation */
.rcBody
{
	float: left;
	background-color: #fff;
	margin-top: 5px;
	width: 96%;
	font-size: .9em;
}

.prevNextTop
{
	clear: both;
	float: left;
	width: 100%;
	padding: 10px 0 0 0;
}

.btnPrev
{
	float: left;
	width: 120px;
	border: 2px solid #333333;
}

.btnNext
{
	float: right;
	width: 120px;
	border: 2px solid #333333;
}

.btnSummary
{
	float: right;
	width: 125px;
	border: 2px solid #333333;
}

.question
{
	clear: both;
	float: left;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
}

.question table
{
	width: 100%;
}

.prevNextBottom
{
	clear: both;
	float: left;
	width: 100%;
	padding-bottom: 5px;
}

.btnPrevBottom
{
	float: left;
	width: 120px;
	border: 2px solid #333333;
}

.btnNextBottom
{
	float: right;
	width: 120px;
	border: 2px solid #333333;
}

.btnSummaryBottom
{
	float: right;
	width: 125px;
	border: 2px solid #333333;
}

/*END Styles for Previous/Next Navigation */

/* Change Log Styles */
.toggleLog
{
	float: left;
	font-size: .8125em;
	color: #333333;
	text-decoration: underline;
	cursor: pointer;
	padding: 2px 5px;
}

.toggleLogExist
{
	float: left;
	font-size: .8125em;
	color: Green;
	text-decoration: underline;
	cursor: pointer;
	padding: 2px 5px;
}

.toggleLog a, .toggleLog a:hover, .toggleLog a:visited, .toggleLogExist a, .toggleLogExist a:hover, .toggleLogExist a:visited
{
	color: #5490A9;
}

#logForm, #noteForm
{
	background-color: #fff;
	height: 100%;
	padding: 15px;
}

.changeLogHeader, .noteHeader
{
	font: bold 18px Arial;
	float: left;
	padding-bottom: 15px;
	width: 100%;
}

.changeLogHeaderTitle, .noteHeaderTitle
{
	float: left;
	color: #A11F21;
}

.changeLogHeaderClose, .noteHeaderClose
{
	float: right;
}

.changeLogHeaderClose a, .noteHeaderClose a
{
	color: Gray;
}
/* END Change Log Styles */

/* Help Text Styles */

.toggleHelp
{
	margin-left: 10px;
	float: left;
	background-image: url('../Images/question.jpg');
	width: 14px;
	height: 14px;
	cursor: help;
}

.helpText
{
	position: absolute; /*use absolute to position helptext right next to div that opened it*/
	float: left;
	width: 200px;
	background-color: #ccc;
	font: normal 8pt Verdana;
}

/* END Help Text Styles */

/* Notes Styles */

.toggleNotes
{
	float: left;
	position: relative;
	left: -5px;
	width: 100%;
	font-size: 12px;
	color: #A11F21;
	border-bottom: solid 1px #AAAAAA;
	padding: 5px;
	margin-bottom: 8px;
}

.toggleNotes .label
{
	clear: none;
	float: left;
	color: #A11F21;
	font-size: 12px;
	font-weight: bold;
	width: auto;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px !important;
}

.toggleNotes span
{
	float:left;
	padding-right: 20px;
	padding-left: 5px;
}

.toggleNotes a
{
	float: right;
	color: #A11F21;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	text-decoration:none;
}

.toggleNotes a:hover
{
	text-decoration: underline;
}

.toggleNotesControl
{
	float: left;
	font-size: .8125em;
	color: #333333;
	cursor: pointer;
	text-decoration: underline;
	padding: 2px;
}

.toggleNotesControlExist
{
	float: left;
	font-size: .8125em;
	color: Green;
	cursor: pointer;
	text-decoration: underline;
	padding: 2px;
}

.pnlNotes
{
	padding-top: 20px;
	clear: both;
	float: left;
	width: 97%;
}

.pnlNotes div .gridView
{
	margin-left: 10px;
	width: 100%;
}

.textBoxNote
{
	width: 350px;
	border: solid 2px gray;
	font: normal 12px Arial;
	height: 80px;
}

.textBox
{
	border: solid 2px gray;
	font: normal 12px Arial;
}

.btnAddNote
{
	float: left;
	border: solid 2px gray;
	margin-top: 62px;
	margin-left: 10px;
}

/* End Notes Styles */

/* GridView-Styles */
.gridView
{
	clear: both;
	margin-top: 10px;
	float: left;
}

.gridViewHeader
{
	text-align: left;
	font: bold 12px Arial;
	color: #FFFFFF;
	background-color: #A11F21;
	vertical-align: top;
	white-space: nowrap;
}

.gridViewHeader a
{
	color: #fff;
}

.gridViewHeader th, .gridViewRow td, .gridViewAlternatingRow td
{
	padding: 2px 4px;
}

.gridViewRow
{
	font: normal 12px Arial;
	color: Black;
	background-color: #DBDEEF;
}

.gridViewAlternatingRow
{
	font: normal 12px Arial;
	color: Black;
	background-color: #EFF2F9;
}

.gridViewEmptyRow
{
	font: normal 12px Arial;
	color: Red;
}

.gridViewPager
{
	font: normal 12px Arial;
	background-color: #D3D3D3;
	color: Black;
	font-weight: bold;
}

/* END Gridview-Styles */

.adminFilters
{
	font: normal 12px Arial;
	color: Black;
	width: 100%;
	text-align: center;
}

.adminFilters table
{
	background-color: gainsboro;
	width: 100%;
}

.divUpdateProgress
{
	clear: both;
	position: fixed;
	top: 0px;
	right: 0px;
	height: 18px;
	width: 100px;
	background-color: #B22222;
	color: White;
	font: bold 12px Arial, Helvetica, Sans-Serif;
	padding: 5px 8px 2px 5px;
	margin: 5px 5px 5px 5px;
}

.divUpdateProgress span
{
	float: left;
}

.divUpdateProgress img
{
	float: right;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.mpeHeader
{
	background-color: #6B696B;
	padding: 3px 0px 3px 5px;
	color: White;
	font-weight: bold;
	cursor: move;
}

.mpeHeader table
{
	width: 900px;
	font-size: 12px;
}

.mpeQuestionControl
{
	float: left;
	text-align: left;
	background-color: #fff !important;
	color: Green;
	width: 930px;
	height: 500px;
	overflow: auto;
}

.highlightVce
{
	background-color: #EB9698 !important;
	border-color: #FF0000 !important;
}

.validationAlert
{
	border-color: #FFFF00 !important;
	background-color: #FFFFB0 !important;
}

.validationInfo
{
}

.validationBubble, .validationBubble div
{
	background-color: #FFFACD !important;
}

.infoBubble, .infoBubble div
{
	background-color: #fff !important;
}

.usabilityBubble, .usabilityBubble div
{
	background-color: #F3F3F3 !important;
}

.validationProgress
{
	font-size: 90%;
	color: #363636;
	display: none;
	position: absolute;
	top: 150px;
	padding: 20px 5px 5px 5px;
	text-align: center;
	border: 4px solid #A11F21;
	background-color: #ffffff;
	z-index: 10000;
	font-weight: bold;
	width: 350px;
	top: 0px;
	left: 0px;
}

.validationProgress div
{
	text-align: left;
}

.validationProgress div img
{
	margin-left: 105px;
	padding-top: 20px;
}

.validationProgress div input
{
	width: 200px;
	margin-left: 80px;
}

.ShowAllSummary
{
	float: left;
}

.ExportSurveySummary
{
	float: right;
	background-image: url("../Images/excel.gif");
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-right: 5px;
}