/* @override http://localhost:8888/infozone/surveys/global/styles/gbScreen.css */

/* Public survey system global style sheet */

/* @group Base Styles */

/* Underlying style defaults */

body {
	font: 10pt "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #33333;
	margin: 0;
	background: white url(/global/images/Palerang%20Map%20Background.jpg) top center;
}

.messageBar {
	background-color: rgba(237,237,237,0.9);
	margin: auto;
	width: 980px;
	padding-top: 5px;
	text-align: left;
	text-indent: 30px;
	color: #b60e05;
}

/* These are the wrappers for the individual background elements for the different site areas */

.wrapper {
	background-color: rgba(237,237,237,0.9);
	margin: auto;
	width: 980px;
	padding-top: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* @end Base Styles */

/* @group Header */

.formHeader {
	background-color: #DDDDDD;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #b2b2b2;
	border-top: 1px solid #b2b2b2;
}

.formAHeader {
	background-color: #aad0ff;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #88a6cb;
	border-top: 1px solid #88a6cb;
}

.formEHeader {
	background-color: #FFAAAA;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #cb8889;
	border-top: 1px solid #cb8889;
}

.formBHeader {
	background-color: #AAFFAA;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #88cb88;
	border-top: 1px solid #88cb88;
}

.formRHeader {
	background-color: #AAFFAA;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #88cb88;
	border-top: 1px solid #88cb88;
}

.formSHeader {
	background-color: #DDDDDD;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #b2b2b2;
	border-top: 1px solid #b2b2b2;
}

.formZHeader {
	background-color: #FFFFFF;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #cbcbcb;
	border-top: 1px solid #cbcbcb;
}

.headerContent {
	width: 980px;
	height:  25px;
}

.headerTitle {
	margin-left: 30px;
	font-size: 14pt;
}

#dbTitle {
	display: inline-block;
	position: relative;
}

#dbForm {
	display: inline-block;
	position: relative;
	top: -2px;
}

#tableName {
	font-size: 18px;
	color: #006e0a;
}

#modeTitle {
	display: inline;
	position: relative;
	float: right;
	right: 30px;
	font-size: 12pt;
}

/* @end Header Styles */

/* @group Content */

.content {
	position: relative;
	margin-left: 30px;
	padding-bottom: 20px;
}

.dbSelect {
	padding-top: 30px;
	padding-bottom: 10px;
}

.sfi {
	padding-top: 10px;
	padding-bottom: 10px;
}

.statsContent {
	padding-top: 10px;
	padding-bottom: 5px;
}

.message {
	color: #b60e05;
}

.textBox {
	width: 910px;
	height: 200px;
	resize: vertical;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;	
	font-size: 10pt;
	background-color: rgba(254,255,255,0.9);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-style: inset;
}

.textBox100 {
	width: 910px;
	height: 100px;
	resize: vertical;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;	
	font-size: 10pt;
	background-color: rgba(254,255,255,0.9);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-style: inset;
}

.otherTextBox {
	width: 560px;
	height: 24px;
	resize: vertical;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;	
	font-size: 10pt;
	background-color: rgba(254,255,255,0.9);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-style: inset;
}

.otherTextBoxIndent {
	width: 530px;
	height: 24px;
	resize: vertical;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;	
	font-size: 10pt;
	background-color: rgba(254,255,255,0.9);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-style: inset;
}

select{
	font-size: 10pt;
}

input {
	text-align: right;
	font-size: 10pt;
}

td.question {
	width: 250px;
}

td.subQuestion {
	width: 200px;
	padding-left: 50px;
}

td.cbQuestion {
	width: 250px;
}

td.cbQuestionIndent {
	width: 280px;
}

td.qualifier {
	width: 250px;
	text-align: right;
}

td.menuSelect {
	width: 206px;
	padding-left: 10px;
}

td.radioButton {
	width: 100px;
	padding-left: 10px;
}

td.radioButtonWide {
	width: 670px;
	padding-left: 10px;
}

td.checkbox {
	width: 650px;
	padding-left: 10px;
}

td.atCheckbox {
	width: 200px;
}

td.otherCheckbox {
	width: 80px;
	padding-left: 10px;
}

td.wideCheckbox {
	width: 655px;
	padding-left: 10px;
}

td.numeric {
	width: 100px;
	padding-left: 10px;
}

td.itemLabel0 {
	color: #6b6b6b;
	font-size: 10pt;
}

td.itemLabel1 {
	width: 25px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.itemLabel2 {
	width: 50px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.itemLabel3 {
	width: 65px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.itemLabel3a {
	width: 95px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.itemLabel4 {
	width: 120px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.column4 {
	width: 130px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.column5 {
	width: 120px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.itemStat {
	width: 105px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.itemStatMin {
	width: 50px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.itemSpacer {
	width: 20px;
}

td.itemSpacerWide {
	width: 46px;
}

td.col010 {
	width: 10px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col020 {
	width: 20px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col040 {
	width: 40px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col060 {
	width: 60px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col080 {
	width: 80px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col100 {
	width: 100px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col150 {
	width: 150px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col200 {
	width: 200px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col250 {
	width: 250px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col300 {
	width: 300px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col350 {
	width: 350px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col400 {
	width: 400px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col450 {
	width: 450px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col500 {
	width: 500px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col600 {
	width: 600px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col700 {
	width: 700px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

td.col800 {
	width: 800px;
	padding-left: 10px;
	color: #6b6b6b;
	font-size: 10pt;
}

.anomalyTag {
	background-color: rgba(204,204,204,0.8);
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.count {
	color: #2f00fd;
}

.percent {
	color: #9b112b;
}

.totalR {
	width: 50px;
	text-align: right;
}

.countR {
	width: 70px;
	color: #2f00fd;
	text-align: right;
}

.percentR {
	width: 80px;
	text-align: right;
}
/* @end Content Styles */