/* WebSurvey Font Assignment Happens Here */
html, body, input, select, textarea
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
	color: black;
    font-size: 12px;
}
/* Line-height adjustments */
html, body, select, textarea	{line-height: 1.4em;}
td.Scale						{line-height: 1.2em;}

/* Text-Alignment assignments */
body, td.Scale {text-align: center;}
#Survey, td.Item, .ItemCATA, td.BlockHeader, td.BlankQuestion {text-align: left;}

/* Font size assignments */
.Scale							{font-size: .9em;}
.IndexHeader					{font-size:1.2em;}
input#Button, input#NextButton	{font-size:1.25em;}
.ValCode						{font-size:1.5em;}

/* Controls the font for the Progress Text */
.ProgressText {text-indent:5px;word-spacing:5px;}

/* Font Weight assignments */
.Error, .BlankQuestion, .IndexHeader, .BlockHeader, .FinishHeader, .ValCode, input#Button, input#NextButton  {font-weight:bold;}
 
 /* Font Color assignments */
input#Button, input#NextButton, #footerCopyright, #footerLink, #footerLink A {color:White;}
.MaxTextArea, .Error, .BlankQuestion {color:red;}

/* Text Decorations */
a, a:visited		{text-decoration:none;}
a:hover, a:active	{text-decoration:underline;}

/* Text Padding */
td.Item {padding:10px 10px 10px 2px;} /* Establishes spacing between/around question text */
.BlankQuestion, .BlockHeader, .ItemCATA {padding-bottom:10px;}
td.Scale {padding-bottom:5px;}
.ItemAboveTextArea {padding-top:.5em;padding-bottom:.5em;}
.IndexHeader, .IndexText, .Error  {padding-top:.5em;padding-bottom:.5em;}

/* Vertical Alignments */
body, #BottomCell, #BorderCell, #Finish TD {vertical-align: top;} /* The Border cell is used inside the survey */
td, #BorderMiddleCell, #Index td input {vertical-align: middle;}		/* This cell is similar to BorderCell, however it is used on Index and Finish Page */
td.Scale {vertical-align: bottom;}

/* Turn off Resizing in Text Areas */
textarea {resize: vertical;}

/* WebSurvey Defaults */
body	{margin:0px;background-color:#c0c0c0;}
table	{border:none;border-collapse:collapse;border-spacing:0px 0px;background-color:Transparent;}
td		{border:none;margin:0px;padding:0px;}

/* WebSurvey Tables */
#Main
{
	width:800px;      /* Set this to the width of the header image */
	margin:0px auto; /* This sets the distance of the main table from the top, and horizontal center */
}
#TopCell
{
	height:109px;
	padding:0px;	/* Required to remove padding in Safari */
}

#MiddleCell		{background-color:White;}
#Survey			{margin:10px;}	/* Set the margins around internal survey */

#Border			{width:778px;height:300px;}
#BorderTopRow	{height:0px;}	/* Required to keep Safari from leaving space for row */

#BottomCell
{
	background-repeat:no-repeat;
	height:30px;	/* This is the height of the footer image.  Set larger to move Footer below image */
	padding:6px 11px 0px; /* Aligns Footer text with Left and Right edges */
}

#footerCopyright {float:left;}
#footerLink		 {float:right;}

#LeftCell, #RightCell	{padding:0px;background-repeat:repeat-y;width:11px;}


#Index select						{margin: auto 0px; }
#Survey select, .InputTypetxt input	{margin: 2px; }
.InputTyperblvOther					{margin: 0px 5px;}
.InputTyperblv .ResponseInner		{margin-bottom:1em;}
.InputTypeddlOtherTextbox			{width:1px; white-space:nowrap;} 
.InputTypeddl select				{margin:1px 0px;} 
.InputTyperblv td					{padding:.1em;}
.InputTypeopt 						{padding:2px !important;}  
.optLabel							{padding: 0px 5px 1px; vertical-align:middle;}
.optInput							{vertical-align: middle;}
span.radio							{margin: 3px;}


input#Button, input#NextButton
{
    /*background-color:transparent;*/
    /*border-style:none;*/
    width:112px;	/* Set to the width of the button image */
    height:39px;	/* Set to the height of the button image */
    margin-top:25px;
    margin-bottom:15px;
    padding-bottom:3px;
    cursor:pointer;
}

#Index, #Finish {margin:auto;}		/* Allows for centering on Index/Finish Pages */

#BorderPBTopRow {height:0px;}
#pnlPBBorder {margin:10px 0px;}	/* Sets spacing above and below the progress bar */


/* Nocookies & Privacy */
.IndexOther				{text-align:left;padding:0em 2em 3em;}
.IndexOther H1			{font-size:1.2em;}
.IndexOther UL LI		{font-weight:bold;}
.IndexOther UL			{margin-bottom:1em;}
.IndexOther UL LI LI	{font-weight:normal;}

#Privacy				{margin-top:2em;}
#Privacy UL LI			{font-weight:normal;}
#Privacy .pwithlist		{margin-bottom:0;}
#Privacy h2				{font-weight:bold;text-align:left;font-size:1em;padding-bottom:0;margin-bottom:0;}
#Privacy p, #Privacy UL	{padding-top:0;margin-top:0;}

body.resubmit #Index, body.timeout #Index  { margin:auto; }

#resubmit, #timeout 
{
	background-repeat:no-repeat;
	background-position:left center;
	width:700px;
	height:150px;
	vertical-align:middle;
}
#resubmit { background-image:url(../../Common/images/Resubmit.gif); 	background-position:60px top; }
#timeout  { background-image:url(../../Common/images/Timeout.gif);		background-position:50px top; }
#resubmit p , #timeout p 
{ 	
	
	text-align:left;
	font-size:1.1em;
	padding:20px 30px 20px 180px;
	line-height:1.8em;
	font-weight:normal;
}
	
/* Logo */
html, body {height:100%;}
form 
{
	height:100%;
	min-height:100%;
	height:auto !important;
	margin-bottom:-76px;
} 

#LogoBottom 
{
	float:right;
	height:76px;
	background:transparent url(../../Common/images/BottomLogoBlack.png) no-repeat right bottom;
	margin-right:20px;
	width:189px;
}
#LogoBottom, input#Button, input#NextButton, #BottomCell, #TopCell, #LeftCell, #RightCell {
	behavior:url("Common/jscript/iepngfix/iepngfix.htc");
	behavior:url("../../Common/jscript/iepngfix/iepngfix.htc");
}	
#LogoPush	{height:76px;}
#Panel		{height:20px;}

/** RightToLeft **/
	body.isRightToLeft #Survey, 
	body.isRightToLeft #Progress_Bar1_tcPB, 
	body.isRightToLeft #Index,
	body.isRightToLeft #Finish,
	body.isRightToLeft .IndexOther
	{
		direction: rtl;	
	}
	/** Flip the location **/
	body.isRightToLeft .BlankQuestion, 
	body.isRightToLeft .BlockHeader, 
	body.isRightToLeft .Item, 
	body.isRightToLeft .InputTyperblv .ResponseInner td,
	body.isRightToLeft .InputTypercbl .ResponseInner td,
	body.isRightToLeft .InputTypetxt,
	body.isRightToLeft .InputTypeddl,
	body.isRightToLeft .InputTyperblv,
	body.isRightToLeft .InputTypercbl,
	body.isRightToLeft .IndexOther
	{
		text-align:right;
	}
	/* Vertical inputs */
	body.isRightToLeft .InputTypercbl input, 
	body.isRightToLeft .InputTyperblv input	{padding-left:10px;}
	
	/* Other Questions */
	body.isRightToLeft .InputTyperblv .InputTyperblvOther {margin-right: 10px;}

	body.isRightToLeft #footerCopyright {text-align:right;	float: right;}
	body.isRightToLeft #footerLink		{text-align:left;	float: left;}	
	body.isRightToLeft .IndexOther		{text-align:right;	direction: rtl;}
	
	body.isRightToLeft .Item			{padding-right:2px; padding-left:10px;}
	
	body.isRightToLeft #resubmit p, 
	body.isRightToLeft #timeout p 
	{ 	
		text-align:right;
		padding:20px 180px 20px 30px;
	}
	body.isRightToLeft #timeout, body.isRightToLeft #resubmit {background-position:550px top; }
	body.isRightToLeft,body.isRightToLeft input,body.isRightToLeft select,body.isRightToLeft textarea, body.isRightToLeft a
	{
		font-size:14px;
	}
/** End RightToLeft **/