/* Layout */

#LeftNavigation {width:200px; float:left;}
#FormSection { width:600px; float:left; border-bottom:solid 1px #f00; padding-bottom:20px; min-height:300px;}
#BackNextButtons {clear:both; position:relative; left:690px; padding-top:10px; width:100px;}
#footer {}
#content { width:900px;}
#content H1 {clear:both;}
#content P, #content LI {font-size:12px;}

#content UL, #content LI 
{
	list-style-type:disc; margin:10px; padding:2px;	
}




/* Left Navigation Styles */
#LeftNavigation H2 {font-size:12px;}
#LeftNavigation UL,#LeftNavigation LI {border:0; margin:10px; padding:0; list-style:none;}



/* General Styling */
#content .WidgetRepeater {clear:left; height:20px;}
#content .WidgetRepeaterLeft {float:left; width:200px;}
#content .WidgetRepeaterRight {float:left; margin-left:10px;}

#content .Content {border:solid 2px #ccc; margin:5px; }
#content .Content H2  {padding: 5px 10px 5px 10px; background-color:#ccc; margin:0; color:White; }
#content .ContentContent {padding:0; margin:10px; } 
#content .Content LABEL {width:150px; display:block; float:left;}


#FormSection  LI, #InfoSection LI
{
	list-style-type: none;
	background-image: url(http://www.santanderukgraduates.com/bulletpoint.gif);
	background-position-x: 0px;
	background-position-y: 0px;
	background-repeat: no-repeat;
	color: black;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 7px;
	margin-top: 5px;
	padding-left: 25px;
	padding-top: 0px;
}

#content .ContentContent FIELDSET {margin-bottom:20px; padding:10px;}
#content .DeleteButton {font-size:11px; position:relative; left:350px; top:-30px;}
#content .AddButton {font-size:11px; position:relative; left:150px; top:-10px; clear:both;}
/* Specific components */
#content .FormElement {clear:both; display:block; padding-top:10px; padding-bottom:15px; font-weight:bold; }
#content .FormElement LABEL 
{
	 display:block; color: #ED1D24; margin-bottom:10px;
}

#content .CheckBoxList {}
#content .CheckBoxList TD {vertical-align:top; height:25px;}

#content .CheckBoxList LABEL {float:left; clear:none; margin-left:5px;}
#content .CheckBoxList INPUT {float:left;}
#content .FormElement .Wide {width:250px;}
#content .WordCounter {width:95%; text-align:right; font-size:11px;}

#content .FormElementWide { clear:both; display:block;  padding-top:10px; padding-bottom:15px; font-weight:bold;  }
#content .FormElementWide TEXTAREA {width:95%; height:150px;}
#content .FormElementWide LABEL {clear:both; width:100%; float:left; }
#content .FormElementWide INPUT {clear:both; margin-left:150px;}
#content .FormElementWide SELECT {clear:both;  margin-left:150px;}
#content .FormElementWide .RadioButtonList { margin-left:150px; float:left;}
#content .FormElementWide .RadioButtonList LABEL { clear:none; margin-left:0; width:auto; float:left; font-weight: normal;}
#content .FormElementWide .RadioButtonList INPUT { clear:none; margin-left:5px; width:auto;  float:left;}
#content .FormElementWide .RadioButtonListVertical { margin-left:150px; float:left;}
#content .FormElementWide .RadioButtonListVertical LABEL { clear:none; margin-left:0; width:auto; float:left; font-weight: normal;}
#content .FormElementWide .RadioButtonListVertical INPUT { margin-left:5px; width:auto;  float:left;}

#content .FormElementMid { clear:both; display:block;  padding-top:10px; padding-bottom:10px; }
#content .FormElementMid TEXTAREA {width:95%; height:150px;}
#content .FormElementMid LABEL , #content .FormElementMid SPAN { width:300px; float:left;font-weight:bold; padding-top:15px; }
#content .FormElementMid INPUT { margin-left:50px;}
#content .FormElementMid SELECT {  margin-left:50px;}
#content .FormElementMid .RadioButtonList { margin-left:50px; float:left;}
#content .FormElementMid .RadioButtonList LABEL { clear:none; margin-left:0; width:auto; float:left; font-weight: normal;}
#content .FormElementMid .RadioButtonList INPUT { clear:none; margin-left:5px; width:auto;  float:left;}
#content .FormElementMid .RadioButtonListVertical { margin-left:150px; float:left;}
#content .FormElementMid .RadioButtonListVertical LABEL { clear:none; margin-left:0; width:auto; float:left; font-weight: normal;}
#content .FormElementMid .RadioButtonListVertical INPUT { margin-left:5px; width:auto;  float:left;}

#content TEXTAREA {width:50%; height:50px;}
#content .RadioButtonList LABEL {width:auto; float:left; font-weight: normal;}
#content .RadioButtonList INPUT {width:auto; float:left;}
#content .CheckBoxList LABEL {width:auto; float:left;font-weight: normal;}
#content .CheckBoxList INPUT {width:auto; float:left;}
#content .WideLabel {clear:both; width:100%; display:block;}

#content .BoxOut { border: solid 2px #ccc; float:left; width:250px; margin-right:10px; margin-top:20px; }
#content .BoxOut H2 {padding: 5px 10px 5px 10px; background-color:#ccc; margin:0; color:White; }
#content .BoxOut .Content {padding:0px 10px 10px 10px ; border:0;}

.Narrow {width:75px;}
.RestrictedWidth {width:300px;}
#content #FormControlButtons {width:98%; text-align:right; margin-top:10px; clear:both; }
#content .Button {background-color:#ff0000; display:block; padding: 3px 5px 3px 5px; border-top: solid 1px #FF4040; border-right: solid 1px #FF4040; border-left: solid 1px #A60000; border-bottom:solid 1px #A60000; float:left; margin-left:0px; margin-right:0px; margin:2px; text-decoration:none; color:#FFFFFF; font-size:90%; font-weight:bold; }

#content #FormControlButtons .Button {margin-left:5px; }
#content .InfoBox {border-top: solid 1px #FF4040; border-right: solid 1px #FF4040; border-left: solid 1px #A60000; border-bottom:solid 1px #A60000;  background-color:#f00; padding:15px; clear:both; margin:0px; width:418px; margin:10px 0 10px;}
#content .InfoBox P {color:#ffffff; font-weight:bold;}
#content .InfoBox A {color:#ffffff; }

LABEL { }
.watermarked {color:#999999;}

.ValidationError {display:block; clear:both; width:250px; margin-left:152px; float:left;}
.FlushLeft {margin-left:0;}

.ValidationSummaryError {border: solid 1px #c00; background-color:#e00; padding:10px; color:#fff;}
EM {clear:both; display:block; margin-left:150px;}

.ValidationSummaryError {}

#content .SingleCheckBox INPUT {float:left;}
#content .SingleCheckBox LABEL {width:auto; float:left; font-size:10px;}

.DataTable {border:solid 1px #f00; width:450px;}
.DataTable TH {font-size:11px; padding:5px;border:solid 1px #f00;}
.DataTable TD {padding:5px;border:solid 1px #f00;}

.UploadBox { color:#ffffff; border-top: solid 1px #FF4040; border-right: solid 1px #FF4040; border-left: solid 1px #A60000; border-bottom:solid 1px #A60000;  background-color:#f00; padding:15px; clear:both; margin:0px;  margin:10px 0 10px; } 
.uploadButton {background-color:#ff0000; display:block; padding: 3px 5px 3px 5px; border-top: solid 1px #FF4040; border-right: solid 1px #FF4040; border-left: solid 1px #A60000; border-bottom:solid 1px #A60000; float:left; margin-left:0px; margin-right:0px; margin:2px; text-decoration:none; color:#FFFFFF; font-size:90%; font-weight:bold; }
.Question { font-weight:bold; margin-bottom:-15px; padding-top:15px;}
.hidden { display:none; }
.showData { display:inline;}
.marginLeft100 { margin-left: 100px; } 
.marginBottom40 { margin-bottom: 40px; } 
.marginBottom20 { margin-bottom: 20px; } 
.bottomBorder { border-bottom: solid 1px #ff0000; margin-bottom: 15px; margin-top:15px;}

#leftCol {float:left; width:470px;}
#rightCol {float:right; width:430px;}