/* -------------------------------------------------------------------------------------------------------------
    Generic pane rules 
--------------------------------------------------------------------------------------------------------------*/

body 
{ 
    color: #222222;
	background-color:#ffffff;
	font-family: 'Helvetica Neue', Arial, Sans-Serif, 'Segoe UI', 'Franklin Gothic Book'; 
	font-size: 14px;
	margin: 0; 
	-webkit-text-size-adjust: 100%;
}

.page 
{
	position: absolute;
	height:100%; 
	left:0; 
	right:0; 
	top:0; 
	bottom:0; 
	overflow: hidden; 
}	

.borderLeft   
{
    background-color:#eeeeee;
	text-align:right;
}

.borderRight 
{ 
    background-color:#eeeeee;
	text-align:left;
}

.centerContainer 
{
	position:absolute; 
	top:0px; 
	bottom:0px; 
	height:100%; 
	width:682px; 
}

.overallHeader {
	position:absolute; 
	top:0; 
	height:130px; 
	width:682px; 
}

.pageHeader {
	position:absolute; 
	top:130px; 
	height:80px; 
	width:682px; 
}

.bodyContainer {
	position:absolute; 
	top:210px;      /* This allows for the overall and page headers */ 
	bottom:20px;    /* This allows for the footer */
	width:682px; 
	overflow-y:auto; 
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	padding: 0px;
	line-height: 16px; 
	color: #222222;
	background-color: #ffffff; 
}

.bodyContent {
	padding: 10px 20px 10px 20px;
	font-family: 'Helvetica Neue', Arial, Sans-Serif, 'Segoe UI', 'Franklin Gothic Book'; 
	font-size: 14px;
	line-height: 22px;
}

.footer {
	position:absolute; 
	bottom:0px; 
	height:20px; 
	width:682px; 
    background-color:#ffffff;
}

.footerContent { 
	width:100%;
	padding: 4px 4px 4px 4px;
	text-align:center;
	line-height: 14px; 
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #888888;
	font-style: italic; 
	font-weight:normal;
}

/* Workaround: in landscape mode, IEMobile makes bottom toolbar overlap the page,
 so shorten the page by 75px to compensate */
.iemobile .page { 
	bottom: -6px; 
}
@media screen and (orientation:landscape) { 
	.iemobile .page { 
		bottom: 75px; 
	} 
}

/* -------------------------------------------------------------------------------------------------------------
    Headings and text styling
--------------------------------------------------------------------------------------------------------------*/

.darkGreenBackground
{
	font-family: 'Helvetica Neue', Arial, Sans-Serif, 'Segoe UI', 'Franklin Gothic Book'; 
	font-size: 18px;
	font-weight: bold;
    color: #ffffff;
    background-color: #366040;
    padding: 10px 20px 10px 20px;
    width: 100%;
}

.darkGrayBackground 
{
	font-family: 'Helvetica Neue', Arial, Sans-Serif, 'Segoe UI', 'Franklin Gothic Book'; 
	font-size: 18px;
	font-weight: normal;
    color: #ffffff;
    background-color: #777777;
    padding: 10px 20px 10px 20px;
    width: 100%;
}

.fieldHeading
{
	font-family: 'Helvetica Neue', Arial, Sans-Serif, 'Segoe UI', 'Franklin Gothic Book'; 
	font-size: 14px;
	font-weight: bold;
    color: #366040;
}

/* -------------------------------------------------------------------------------------------------------------
    Telerik Controls
--------------------------------------------------------------------------------------------------------------*/

.RadasdasddButton 
{
	font-family: 'Helvetica Neue', Arial, Sans-Serif, 'Segoe UI', 'Franklin Gothic Book'!important; 
	font-size: 14px!important;
	font-weight: bold!important;
    color: #ffffff!important;
	background-color:#366040!important;
	height:25px!important;
	border-color: #999999!important;
	border-style: solid!important;
	border-width: 1px!important;
}

.riTextBox
{
	font-family: 'Helvetica Neue', Arial, Sans-Serif, 'Segoe UI', 'Franklin Gothic Book'!important; 
	font-size: 18px!important;
	font-weight: bold!important;
    color: #222222!important;
	background-color:#eeeeee!important;
	height:25px!important;
	border-color: #999999!important;
	border-style: solid!important;
	border-width: 1px!important;
}

.riError
{
	background-color:#ceebd4!important;
}

/* -------------------------------------------------------------------------------------------------------------
    Validation Formatting
--------------------------------------------------------------------------------------------------------------*/

.validationError
{
	font-family: 'Helvetica Neue', Arial, Sans-Serif, 'Segoe UI', 'Franklin Gothic Book'; 
	font-size: 12px;
	font-weight: bold;
    color: #dd0000;
}

/* -------------------------------------------------------------------------------------------------------------
    Survey Question Formatting
--------------------------------------------------------------------------------------------------------------*/

.surveyAnswerTable
{
	border-left: solid 1px #ffffff;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

.surveyAnswerBoxes
{
	border-left: solid 1px #999999;
	border-top: solid 1px #999999;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	text-align:center;
}

.surveyColumnHeadings
{
	color: #000000;
	font-size: 10px;
	text-align:center;
}

.surveyOptionsSpacer
{
    line-height: 8px;
    font-size: 4px;
}

.InputText {
	border: 1px solid #999999;
	height: 18px;
	line-height: 16px;
	padding: 1px;
}

.InputText_MultiLine {
	border: 1px solid #999999;
	line-height: 16px;
	padding: 1px;
}

.DropDownList {
	border: 1px solid #999999;
	padding: 1px;
}

.InputText:focus {
	border: 2px solid #d2ab5f;
	padding: 0px;
}

.RedButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	height:25px;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	color: #ffffff; 
	background-color:#484848;
}

input
{
  text-decoration:none;
}


input[type=radio].AnswerBox {
    outline: 1px solid #999999;
}
input[type=checkbox].AnswerBox {
	outline: 1px solid #999999;
}

.surveyRow
{ 
	background-color:#f0f0f0;
}

.surveyRowAlt
{ 
	background-color:#e0e0e0;
}

.surveyRowMissing
{
	background-color:#d0ecdf;
}
.importantMessage {
	background-color: #d0ecdf !important;
}