/* Duration Windows CSS Styles - Forms */

body {
	color: #333333; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 12px; 
	text-align: center;
	margin: 0;
}

a{ color: #0070B6; text-decoration: none;}

a img{ border: none;}

a:hover { text-decoration: underline;}

p{ line-height: 18px;}

p strong{ color: #004481;}

#Wrapper { 
	background: #ededed; 
	border: 6px solid #d1d0d0; 
	width: 800px; 
	height: 604px; 
	overflow: hidden;
}

#ContentContainer { 
	width: 800px; 
	float: left; 
	height: 493px; 
	overflow-y: scroll; 
	overflow-x: hidden; 
}

#Header { 
	background: url(/images/forms/FormHeader.jpg) no-repeat; 
	border-bottom: 1px solid #c6c6c6; 
	width: 800px; 
	height: 70px; 
	color: #004481; 
	text-align: right; 
	font-size: 16px; 
	float: left;
}

.DropDown{
	background: url(/images/forms/DropDown.jpg) no-repeat left -30px;
	width: 68px;
	height: 20px;
	position: absolute;
	top: 5px;
	left: 717px;
	padding: 5px 0 5px 22px;
	color: #ffffff;
	text-align: left;
	/*text-decoration: underline;*/
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	z-index: 50;
}

.DropDown:Hover{
	background-position: left top;
	color: #2284d8;
}

.DropDownMenu{
	background: #ffffff;
	display: none;
	position: absolute;
	width: 385px;
	height: 195px;
	border: 1px solid #cccccc;
	top: 34px;
	left: 420px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	z-index: 50;
}

.DropDownList{
	background: #2284d8;
	display: none;
	position: absolute;
	width: 160px;
	border: 1px solid #cccccc;
	border-bottom: none;
	top: 34px;
	left: 645px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	z-index: 50;
}

.DropDownList a{ 
	color: #ffffff;
	display: block;
	width: 100%;
	height: 15px;
	padding: 5px 0px;
	text-align: center;
	border-bottom: 1px solid #cccccc;
}

.DropDownList a:hover{
	color: #2284d8;
	text-decoration: none;
	background: #ffffff;
}

#Header p{ margin: 5px; font-weight: bold;}


#Header #ProgressBar{ 
	float: right; 
	width: 550px; 
	font-size: 11px; 
	font-weight: bold; 
	margin: 14px 4px 14px 4px; 
	padding: 3px 0; 
	height: 35px; 
	text-align: center;
}

#ProgressBar #ProgressLine{ display: inline-block; margin: 0; padding: 0;}

#ProgressLine div{ 
	background: url(/images/forms/ProgressLine-inactive.png) no-repeat top center;
	color: #aaaaaa;
	width:auto;
	float: left; 
	height: 20px;   
	padding: 25px 18px 0;
}

#ProgressLine .currentStart{ background: url(/images/forms/ProgressLine-currentStart.png) no-repeat top center; color: #004481;}

#ProgressLine .activeStart{ background: url(/images/forms/ProgressLine-activeStart.png) no-repeat top center; color: #004481;}

#ProgressLine .current{ background: url(/images/forms/ProgressLine-current.png) no-repeat top center; color: #004481;}

#ProgressLine .active{ background: url(/images/forms/ProgressLine-active.png) no-repeat top center; color: #004481;}

#ProgressLine .inactiveFinish{ background: url(/images/forms/ProgressLine-inactiveFinish.png) no-repeat top center;}

#ProgressLine .currentFinish{ background: url(/images/forms/ProgressLine-currentFinish.png) no-repeat top center; color: #004481;}

#Breadcrumb{
	width: 800px; 
	border-bottom: 1px solid #c6c6c6; 
	float: left; 
	margin: 0;
}

#PageHeading{ padding: 10px 20px; float: left; width: 760px;}

#PageHeading #PageIntro{ padding: 5px 0 0 140px;}

#PageHeading h1 { 
	font-size: 16px;
	color: #004481; 
	text-align: left; 
	margin: 0 0 5px 0;
}

#PageHeading p { text-align: left; margin: 0; vertical-align: middle;}

.centreIt{ display: inline-block; margin: 0; padding: 0;}

form{ 
	width: 800px;
}

.SubSection { 
	Background: url(/images/forms/FormSubSectionBG.gif) repeat-x; 
	width: 800px;
	float: left;
	margin: 20px 0 0; 
	border-top: 1px solid #c6c6c6; 
	border-bottom: 1px solid #c6c6c6; 
	height: 35px; 
}

.SubSection h2 {
	width: auto; 
	text-align: center; 
	font-size: 14px; 
	margin: 10px 0; 
	display: block; 
	position: relative; 
}

.SubSection span { 
	width: 35px;
	top: -9px; 
	height: 35px; 
	right: 35px; 
	margin: 0; 
	padding: 0; 
	position: absolute; 
}

.ContentArea { 
	width: 517px;
	float: left;
	border: 0 none; 
	margin: 0; 
	padding: 20px 150px 10px 133px; /* difference of 17px padding from left to right due to scroll bar*/
	text-align: center;  
	color: #0070B6;
}

.ContentAreaWide { 
	width: 738px;
	float: left;
	border: 0 none; 
	padding: 20px 37px 10px 25px; /* difference of 17px padding from left to right due to scroll bar*/
	text-align: center;  
	color: #0070B6;
}

.ContentAreaLeft { 
	width: 517px;
	float: left;
	border: 0 none; 
	margin: 0; 
	padding: 20px 250px 10px 33px; /* difference of 17px padding from left to right due to scroll bar*/
	text-align: center;  
	color: #0070B6;
}

.RememberMeCookieBox{
	float: left; 
	width: 100%; 
	margin: 0; 
	padding: 5px 0 0; 
	color: #0070B6; 
	text-align: center;
}

.smallhelp_icon {float: right; margin: 5px 10px 5px 0;}

.hiddenfields{ display: none; margin: 6px auto 6px;}

.SwitchButtonBox{
	Background: url(/images/forms/SwitchButtonBox.png) no-repeat;
	float: left;
	width: 254px;
	margin: 5px 10px 0; 
	padding: 6px;
	height: 26px;
	color: #004481;
	font-weight: bold;
}

.SwitchButtonBoxSmall{
	Background: url(/images/forms/SwitchButtonBoxSmall.png) no-repeat;
	/*float: left;*/
	width: 192px;
	/*margin: 5px 10px 0; */
	padding: 6px;
	height: 26px;
	color: #004481;
	font-weight: bold;
}

.SwitchButtonLabel{ float: left; width: 145px; margin: 0; padding: 5px 8px; text-align: left;}

.SwitchButtonLabelSmall{ float: left; width: 82px; margin: 0; padding: 5px 8px; text-align: left;}

.SwitchButtonR{ 
	background: url(/images/forms/SwitchButton-Right.png) no-repeat; 
	cursor: pointer; 
	padding: 5px 16px 5px 0; 
	width: 70px; 
	height: 14px; 
	float: right; 
	color: #ffffff; 
	font-size: 11px;
}

.SwitchButtonRLarge{ 
	background: url(/images/forms/SwitchButton-Right-Large.png) no-repeat; 
	cursor: pointer; 
	padding: 5px 16px 5px 0; 
	width: 140px; 
	height: 14px; 
	float: right; 
	color: #ffffff; 
	font-size: 11px;
}

.SwitchButtonL{ 
	background: url(/images/forms/SwitchButton-Left.png) no-repeat; 
	cursor: pointer; 
	padding: 5px 0 5px 16px; 
	width: 70px; 
	height: 14px; 
	float: right; 
	color: #333333; 
	font-size: 11px;
}

.SwitchButtonLLarge{ 
	background: url(/images/forms/SwitchButton-Left-Large.png) no-repeat; 
	cursor: pointer; 
	padding: 5px 0 5px 16px; 
	width: 140px; 
	height: 14px; 
	float: right; 
	color: #333333; 
	font-size: 11px;
}

a.FormActionBtn{
	background: url(/images/forms/ActionButton.png) no-repeat center top;
	display: inline-block;
	width: 168px;
	margin: 0 10px;
	height: 17px;
	padding: 5px 0;
	text-align: center;
	vertical-align: center;
	color: #333333;
	font-weight: bold;
}

a:hover.FormActionBtn{ background-position: center -31px;}

.imageBtn{
	width: 236px; 
	float: left; 
	margin: 10px 5px 0 5px;
	height: 225px; 
}

.imageBtn a{
	background: url(/images/forms/ImageButton.png) no-repeat left top; 
	width: 226px; 
	float: left; 
	margin: 0; 
	padding: 5px 5px 5px; 
	height: 200px;
	text-decoration: none;
}

.imageBtn .image{ 
	display: block; 
	width: 226px; 
	height: 170px;
}

.imageBtn .title{
	background: url(/images/forms/ImageBtnTitle.png) no-repeat right top; 
	font-weight: bold; 
	width: 75px; 
	height: 20px; 
	padding: 5px 0 0; 
	color: #004481; 
	float: left; 
	margin: 0; 
	display: block;
}

.imageBtn .play{
	background: url(/images/forms/Icon_Play.png); 
	width: 75px; 
	height: 72px; 
	float: left; 
	margin: 49px 0;
}

.imageBtn .text{
	width: 226px; 
	height: 29px; 
	color: #004481; 
	display: block; 
	margin: 1px 0 0; 
	font-size: 11px; 
	line-height: 14px;
}

.imageBtn a:hover{background-position: left -210px; text-decoration: none;}

.imageBtn a.selected:hover{ background-position: left -420px;}

form #ContactForm{text-align: left;}

label{ padding: 5px 0; color: #004481; font-weight: bold;}

span.required{ font-weight: bold; color: #ff0000;}

span.error{color: #ff0000; display: block; width: 100%; margin: 0 0 12px;}

div.formLeft{ 
	width: 27%; 
	float: left; 
	text-align: left; 
	padding: 7px 0 7px 5%; 
	margin: 0 0 10px 0;
}

div.formRight{
	width: 68%; 
	float: left; 
	text-align: left; 
	margin: 0 0 10px 0;
}

div.formFull{
	width: 95%; 
	float: left; 
	text-align: left; 
	margin: 0 0 15px 0; 
	padding: 7px 0 7px 5%; 
}

div.formHalf{ width: 50%; float: left;}

/*div.formFull label{padding: 5px 0;}*/

input{ vertical-align: middle;}

input.formEntrySmall { 
	width: 80px; 
	height: 30px; 
	line-height: 30px; 
	padding: 0 10px; 
	border-color: #c3c3c3 #dfdfde #dfdfde #c3c3c3;
	border-style: solid;
    border-width: 1px;
	margin: 0 5px;
}

input.formEntryMedium {
	width: 181px; 
	height: 30px; 
	line-height: 30px; 
	padding: 0 10px; 
	border-color: #c3c3c3 #dfdfde #dfdfde #c3c3c3;
	border-style: solid;
    border-width: 1px;
	margin: 0 5px;
}

input.formEntryLarge {
	width: 258px; 
	height: 30px; 
	line-height: 30px; 
	padding: 0 10px; 
	border-color: #c3c3c3 #dfdfde #dfdfde #c3c3c3;
	border-style: solid;
    border-width: 1px;
	margin: 0 5px;
}

textarea{ 
	padding: 10px;
	border-color: #c3c3c3 #dfdfde #dfdfde #c3c3c3;
	border-style: solid;
    border-width: 1px;
	margin: 5px 0 0;
}

span.radiobtn{ 
	padding: 5px 0; 
	display: block;
    float: left;
}

input[type="radio"]{ margin: 3px 5px 5px 0;}
input[type="checkbox"]{ margin: 5px 5px 5px 0;}

select{	
	width: 280px;
	height: 32px;
	line-height: 28px; /* Required by Safari */
	border-color: #c3c3c3 #dfdfde #dfdfde #c3c3c3;
    border-style: solid;
    border-width: 1px;
    margin: 0 5px;
    padding: 6px 5px 6px 10px;
	cursor: pointer;
}

select.Medium{ width: 203px;}
select.Small{ width: 102px;}
	
.actionBtnR{
	float: right; 
	margin: 0 100px 0 0;
	padding: 20px 0;
}

.actionBtnL{
	float: left; 
	margin: 0 0 0 80px;
	padding: 20px 0;
}

.actionBtnCentre{ display: inline-block; padding: 20px 0;}

.actionBtnR input, .actionBtnR a, .actionBtnL input { 
	background: url(/images/forms/ActionButton-Small.png) no-repeat left top;
	display: block;
	cursor: pointer; 
	width: 82px; 
	height: 27px; 
	text-align: center; 
	vertical-align: middle;
	border: 0;    
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold; 
	padding: 0 0 3px 0;/* V-align Firefox*/
	color: #333333; 
	text-decoration: none; 
	font-size: 12px; 
	line-height:26px;
}

.actionBtnR input:hover, .actionBtnR a:hover, .actionBtnL input:hover{ background-position: left -31px;}

.actionBtnR input:disabled, .actionBtnR a:disabled, .actionBtnL input:disabled{ color: #a0a0a0;}
.actionBtnR input[disabled]:hover, .actionBtnR a[disabled]:hover, .actionBtnL input[disabled]:hover{ background-position: left top;}

.actionBtnCentre input, .actionBtnCentre a{ 
	background: url(/images/forms/ActionButton.png) no-repeat top left;
	display: block;
	cursor: pointer; 
	width: 168px;
	height: 27px;
	border: 0;
	text-align: center; 
	vertical-align: middle;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold; 
	padding: 0 0 3px 0;/* V-align Firefox*/
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	line-height:26px;
}

.actionBtnCentre input:hover, .actionBtnCentre a:hover{ background-position: left -31px;}

.actionBtnCentre input:disabled, .actionBtnCentre a:disabled{ color: #a0a0a0;}
.actionBtnCentre input[disabled]:hover, .actionBtnCentre a[disabled]:hover{ background-position: left top;}

.miniActionBtn{ 
	background: url(/images/forms/ActionButton-Mini.png) no-repeat scroll left top transparent;
	border: 0 none;
	color: #333333;
	cursor: pointer;
	display: block;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	line-height: 22px;
	padding: 0 0 3px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 50px;
}

.miniActionBtn:hover{ background-position: left -25px;}

.miniActionBtn[disabled], .miniActionBtn[disabled]:hover{ color: #a0a0a0; background-position: left -25px;}
		
#footer { 
	background: url(/images/forms/FormFooter.jpg) no-repeat scroll 0 0 transparent; 
	width: 800px; 
	float: left; 
	padding: 5px 0; 
	margin: 0; 
	border-top: 1px solid #c6c6c6; 
	bottom: 0; 
	height: 29px;
}		

.Legend{ border-top: 1px solid #C6C6C6; float: left; margin: 0; width: 800px;}

#footer p{ margin: 5px 0; }