/* FORMS */
legend {color:#333333; display:none; margin:0; padding:0;}
fieldset{padding: 0; margin: 0 0 20px 0; background-color: #f0f0f0; clear: both; }
	fieldset div.padding{padding: 30px 20px 20px 30px; }
	fieldset fieldset{padding: 0; margin: 0; }
	fieldset fieldset.alt{background: #FFF; margin: 0 -18px -18px -28px; padding: 10px 20px 10px 30px; width: 696px; }
	fieldset fieldset.alt .field{margin: 0; }
	fieldset fieldset.off{overflow: hidden; padding: 0; margin: 0; }
	fieldset fieldset.alt .element{float: none; }
	fieldset fieldset.alt fieldset{background: #FFF; }

fieldset h2{border-bottom: 1px solid #bcbcbc; padding-bottom: 0.5em; margin-bottom: 1em; }
fieldset .normal{font-size: 1em; font-weight: strong; color: #000; margin-bottom: 0.2em; padding: 0; }
fieldset fieldset h3{border: none; padding: 0; margin: 0 0 0.32em 0; font-size: 1em; color: #e60086; font-size: 1.1em; }
.element{padding: 0 0 8px 0; }
.label, .input{float: none; }
.label{padding: 0 0 5px 0; }
.advisory-text { font-weight: normal; font-size: 0.9em; color: black; display: block; } /*  GH <ADDED> - additional class for additional text to appear beneath main form element labels (but still be part of the label) */
/* .input{padding-right: 20px; float: left; } original value */
.input{margin-right: 5px; float: left; } /*  GH <CHANGED> - changed to accomodate help button being placed next to form element */
select{margin-right: 5px; float: left; } /* GH <ADDED> - added to accomodate help button being placed next to form element */
.element{ width: 100%; margin-right: 0; }

.label{font-weight: bold; }
fieldset fieldset label, fieldset fieldset input{display: block; float: left; }
fieldset fieldset label{margin-top: 2px; }
fieldset .input a{font-size: 0.94em; display: block; float: left; margin: 4px 0 0 0; }
fieldset .input a.button{margin-top: 0; }

.field{margin-bottom: 1em; }
.tiny .element{width: 208px; }
.tiny .label, .tiny .input{width: 100%; }
/*.short .element{width: 268px; } Original value */
.short .element{ width: 338px; } /* GH <CHANGED> - Increased to incorporate help button */

.short .label, .short .input{width: 100%; }
.short .text { width: 78%; } /*  GH <ADDED> -This shortens the width of the text box so that the help button can fit in */
.short select { width: 79%; } /*  GH <ADDED> - This shortens the width of the drop down menues so that the help button can fit in */

.mid .element{width: 412px; }
.mid .label, .mid .input{width: 100%; }
.large .element{width: 432px; }
.large .label, .large .input{width: 100%; }
.large table{width: 432px; }
.full table{width: 100%; }
	
.password input{width: 208px; float: left; margin-right: 20px; }
.password .indicator{float: left; }
textarea{padding: 0; }

.check-mid .input div, .input .col div{margin-bottom: 0.3em; }

.check-short{}
	.check-short input{width: auto; }
	.check-short .cols1 .col{width: auto; font-size: 0.94em; }
	.check-short .cols2, .check-short .input{width: 290px; padding-right: 0; }
	.check-short .col label {width: 265px; }
	.check-short .cols2 .col{width: 125px; float: left; padding-right: 20px; }
	.check-short .cols2 .col label {width: 100px; }
	.check-short label a{float: none; display: inline; font-size: 1em; }
	
	.check-mid input{width: auto; }
	.check-mid .input label {width: 243px; }
	.check-mid .input .check-short .input{width: 268px; }
	
	.check-large input{width: auto; }
	.check-large .input{width: 100%; }
	.check-large .element{width: 577px; }
	.check-large .cols2 .col{width: 268px; float: left; padding-right: 10px; }
	.check-large .cols2 .col label {width: 243px; }
	.check-large .input p{margin-left: 22px; font-size: 1em; margin-top: 0.5em; }
	
select.tiny, input.text.tiny{float: left; width: 40px; margin-right: 10px; }
select.small, input.text.small{float: left; width: 60px; margin-right: 10px; }
select.mid, input.text.medium{float: left; width: 80px; margin-right: 10px; }
select.large, input.text.large{float: left; width: 180px; margin-right: 10px; }

select.small.date-month {width: auto; }

.symbol{position: relative; float: left}
.symbol.start{left: -10px; margin-right: -10px; }
.symbol.middle{left: -6px; margin-right: -6px; }
.symbol.end{left: -7px; margin-right: -7px; }

.element h3{padding-top: 1em; clear: both; }
.element ul{margin-top: 0.5em; }
	.pdf{background: url(../images/icon-pdf.gif) no-repeat left center; padding: 2px 3px 2px 22px; list-style-type: none; margin: 0; color: #0099cc; margin-bottom: 1em; min-height: 14px; }
	.pdf span{float: left; display: block; }
	.pdf .size{color: #000; }
	fieldset .pdf a{display: inline; float: none; margin-left: 0.5em; }
	fieldset .input .pdf a.button{display: block; float: left; margin: -3px 0 0 0.5em; }

span.helptip, a.button{ float: left; background: #0099cc url(../images/forms/button_left.gif) no-repeat left top; min-height: 19px; border: none; cursor: pointer; }
span.helptip span, a.button span{ display: block; background: url(../images/forms/button_right.gif) no-repeat right top; border: none; padding: 3px 24px 4px 12px; font-size: 0.94em; color: #fff; font-weight: bold; height: 14px; float: left; }
.span.helptip: hover,
.span.helptip: focus,
.span.helptip: active{ cursor: hand; }

p.helptext {clear: both; color: #000; }

ul.button{list-style-type: none; margin: 0; padding: 0; }
	li.control{}
	.button .control a.button{background-color: #e60086; }
	.button .control a.button span{background: url(../images/forms/button_right_control.gif) no-repeat right top; }
	.button .control a.button{background: #e60086 url(../images/forms/button_left_control.gif) no-repeat left top; position: relative; }
	.button .control a.button .icon{background: url(../images/forms/icon_arrow-1.gif) no-repeat right top; }
	
	.button a.button{position: relative; background: #0099cc url(../images/forms/button_left_white.gif) no-repeat left top; }
	.button a.button span{background: url(../images/forms/button_right_white.gif) no-repeat right top; }
	.button a.button .icon{background: url(../images/forms/icon_arrow-2.gif) no-repeat right top; }
	
	.previous{}
	.previous a.button{background: #0099cc url(../images/forms/button_previous_left.gif) no-repeat left top; }
	.previous a.button span{padding: 3px 9px 4px 25px; }
	.previous a.button .icon{left: 3px; top: 2px; padding: 0; background: url(../images/forms/icon_arrow-previous.gif) no-repeat left top; }


table{background: #fff; table-layout: fixed; margin-bottom: 0.5em; }
table th{border-bottom: 1px solid #f0f0f0; font-weight: bold; }
table th, table td{border-right: 1px solid #f0f0f0; padding: 6px 7px 6px 7px; }
table .first{padding-left: 10px; }
table .last{border-right: none; }
table input.text{width: 122px; }

.required{margin-left: 5px; color: #e60086; }
.optional{margin-left: 5px; }

.helptip{ float: left; margin-top: 1.6em; margin-left: 10px; }
.helptip.button span{ background: url(../images/forms/button_helptip_right.gif) no-repeat right top; padding-right: 21px; }

a.helptip.button.alt{ background: none; min-height: 19px; }
a.helptip.button.alt span{ background: none; padding: 0; }
.check-short .helptip, .check-mid .helptip, .check-large .help{margin-top: 0; }

.remaining{color: #000; }

/* invalid */
fieldset.invalid{padding: 0; }
	fieldset.invalid div.padding{border: 2px solid red; padding: 28px 18px 18px 28px; }
	.invalid fieldset.invalid{border: none; padding: 0; }
.invalid .invalid label{color: #000; }
.invalid .invalid input.text, .invalid .invalid select, .invalid .invalid textarea{border: 1px solid #ff0033; }
.invalid .invalid .warn, .invalid .invalid h3{color: #ff0033;  }
.invalid .warn, .invalid .highlight, .invalid label{color: #000; padding-top: 13px; }
.warn { color: red; }

.errors{border: 2px solid #ff0033; padding: 16px 28px 5px 28px; margin-bottom: 20px; }
.errors h2{color: #ff0033; background: url(../images/forms/icon-error.gif) no-repeat left top; padding-left: 29px; border-bottom: 1px solid #c2c2c2; margin-bottom: 0.5em; padding-bottom: 0.5em; }
.errors ul{list-style-type: none; margin: 0; padding: 0; }
.errors li{padding: 0; margin: 0 0 1em 0; color: #ff0033; font-size: 0.94em; }
.errors li a{color: #ff0033; border-bottom: 1px dotted #ff0033; font-size: 1.05em; }

.side-tabs{position: relative; }
	.side-tabs ul{list-style-type: none; padding: 0; margin: 0; background: #fff; }
	.side-tabs li{margin: 0 0 10px 0; padding: 0; }
	.side-tabs li a,
	.side-tabs li label.side-tabs-option{padding: 10px 20px; display: block; border: none; font-weight: bold; }
	.side-tabs li input.side-tabs-option { display: block; float: left; margin-top: 10px; /* See also ie7.css and ie6.css */}
	.side-tabs .js li input.side-tabs-option { display: none; }
	.side-tabs li a label.side-tabs-option{padding: 0; display: inline; }
	.side-tabs li .element a{padding: 0; }
	.side-tabs ul ul{width: auto; margin: 0; }
	.side-tabs li li{margin: 0; padding: 0; }
	.side-tabs .inner{padding: 10px 0 0 50px; }
		
	.side-tabs .check-large .element{width: 100%; }
	.side-tabs .check-large input{width: auto; }
			
	.side-tabs .input.first{margin-bottom: 1em; }
	.side-tabs .field p{margin-left: 23px; }
	.side-tabs .selected a{color: #e60086; border: none; }
	
	.side-tabs .js{width: 145px; background: transparent; }
	.side-tabs .js .inner{position: absolute; left: -5000px; width: 527px; }
	.side-tabs .js li.selected .inner{top: 0; left: 145px; width: 527px; background: #fff; padding: 15px; display: block; height: auto; }
	
	.side-tabs .js .selected{background: #fff url(../images/forms/icon-complete.gif) no-repeat 6px center; }
	.side-tabs .js .selected a,
	.side-tabs .js .selected a: hover,
	.side-tabs .js .selected a: focus{background: transparent; }
	.side-tabs .js li a: hover, .side-tabs .js li a: focus{background-color: #fff; color: #e60086; }

/* ADDITIONAL */
.additional p{font-size: 0.94em; }
.additional h3{font-size: 1em; color: #000; }
.panel{margin-bottom: 20px; }
	div.help{margin: 0 0 20px -10px; }
	.help strong{font-size: 2.1em; color: #e60086; font-weight: normal; }
	.help p{padding: 0; }
	.help p strong{font-size: 1em; color: #000; font-weight: bold; }
	.help a.link{background: url(../images/forms/icon-link.gif) no-repeat right center; padding-right: 14px; border: none; }
	.help .link span{border-bottom: 1px dotted #0099CC; display: inline-block; }
	
	.panel h2{background-color: #d6d6d6; color: #000; padding: 5px 10px; font-size: 1.1em; }
	.panel .padding{padding: 10px; background-color: #f0f0f0; }
	
	.summary ul{border-bottom: 1px solid #ccc; padding: 0; margin-bottom: 0.5em; }
	.summary li{margin: 0; padding: 0; list-style-type: none; background: url(../images/forms/dots-grey.gif) repeat-x left bottom; }
	.summary li h3{float: left; }
	.summary li a{float: right; }
	.summary li p{margin-bottom: 0.5em; clear: both; }
	.summary .last{background: none; margin: 0; }
	.summary .last p{margin: 0; }
	.summary strong{display: block; clear: both; }
		
	.key h2{background-color: #a2d3f1; }
	.key .content{border: 1px solid #ccc; padding: 1px; }
	.key .padding{background: url(../images/forms/panel-gradient.gif) repeat-x left top; }
	.key ul{margin: 0; padding: 0; }
	.key li{list-style-type: none; margin: 0; min-height: 17px; margin-bottom: 1em; font-size: 0.94em; padding: 2px 0 0 30px; }
	.key .last{margin: 0; }
	.additional li.help{background: url(../images/forms/icon-question.png) no-repeat left center; margin-left: 0; }
	
	.additional .progress li{position: relative; width: 149px; background-image: url(../images/forms/progress-top-additional.gif); background-repeat: no-repeat; background-position: left top; margin: 0 0 5px 0; }
	.additional .progress li span{background-image: url(../images/forms/progress-bottom-additional.gif); background-repeat: no-repeat; background-position: left bottom; padding: 0.4em 2.5em 0.4em 0.8em; font-size: 0.94em; }
	.additional .progress .completed{background-color: #fff; background-image: url(../images/forms/progress-top-completed-additional.gif); }
	.additional .progress .completed span{background-image: url(../images/forms/progress-bottom-completed-additional.gif); }
	.additional .progress .current{background-color: #e60086; background-image: url(../images/forms/progress-top-current-additional.gif); }
	.additional .progress .current span{background-image: url(../images/forms/progress-bottom-current-additional.gif); }
	.additional .progress .icon{position: absolute; top: 8px; right: 15px; }
	.additional .progress .status{padding: 0; background: none; position: absolute; top: 3px; right: 12px; font-size: 1.1em; }
	.panel.progress .padding{padding: 10px 4px 10px 6px; }
	.additional .progress{padding: 0; margin: 0; }
	
.helptext_js {
	position: absolute; 
	z-index: 3000; 
	padding: 0; 
	opacity: 0.85; 
	background: url(../images/forms/help-top.png) no-repeat left top; 
	width: 266px; 
	margin: 0 0 11px 11px; 
	color: #000; 
	top: -9999px; 
	left: -9999px; 
}

.helptext { display: block; font-weight: normal; font-style: italic; }
.helptext_js h3,
.helptext_js div {margin: 0; padding: 0; }
.helptext_js h3,
.invalid .helptext_js h3{font-size: 1em; color: #000; font-weight: bold; } 

.helptext_js .inner{background: url(../images/forms/help-bottom.gif) no-repeat left bottom; padding: 11px 20px 11px 30px; font-size: 1em; text-align: left; display: block; }

.accessibility{position: absolute; left: -9999em; display: block; }