/************** COMMON SITE-WIDE FORM STYLES **************/
/**********************************************************************/
/* FORM ELEMENTS                                                      */
/**********************************************************************/
form {
	margin: 0;
	padding: 0;
	}
fieldset {
	/*margin:4em 0 0 0;*/
	margin:0 0 4em 0;
	padding:0;
	/*border:1px solid #C6CF44;*/
	border:none;
	border-top:none;
	border-top-style:none;
	clear:left;
	width:100%;
	/*background: #fff url(../images/form/common/form_bg.gif) repeat-y 0 0; */
	position:relative;
	}
legend {
	margin:0;
	padding:0;
	color:#2a3d92;
	font-size:155%;
	color:#297c60;
	letter-spacing:.08em;
	font-weight:bold;
	line-height:1.5em;
	}
legend span { /* THIS IS SO THE LEGEND CAN SITE OUTSIDE THE FORM FIELDSET */
	position:absolute; /* DOES NOT WORK IN IE, SEE THE IE-SPECIFIC STYLESHEET FOR THOSE STYLES */
	margin:-1.5em 0 0 0;
	}
fieldset ol {
	}
fieldset ul {
	padding:0;
	list-style:none;
	margin:0;
	}
fieldset li {
	border-top:1px solid #437BC1;
	margin:0;
	padding: 3px 0;
	/*clear:both;*/
	background: url(../images/form/form_bg.gif) repeat-y 0 0;
	float:left;
	width:100%;
	list-style:none;
	}
fieldset li ul li {
	border:none;
	}
fieldset li label {
	float: left;
	padding: 4px 0;
	margin:0 2% 0 0;
	/*width: 220px;
	width:16.5em; WIDTH NEEDS TO BE IN EM so it looks consistent in IE */
	/*width:31%; OLD */
	width:22%;
	font-size:100%;
	color:#039;
	text-align:left;
	position:relative;
	}
/****** FOR QUESTIONS AND NOTES, NO INPUTS ******/
fieldset li.question { 
	font-weight:bold;
	font-size:110%;
	color:#073C84;
	background:none;
	}
fieldset #note {
	font-weight:normal;
	font-size:100%;
	color:#000;
	background:none;
	padding:0 10px;
	border:2px solid #b53712;
	background-color:#fff;
	width:100%;
	display:none;
	position:absolute;
	top:240px;
	left:0px;
	}
	
/****** FOR TEXTFIELD QUESTIONS ******/
fieldset li.textfield {
	background-image:none;
	}
fieldset li.textfield label{
	width:20%;
	margin:0 2% 0 0;
	}
fieldset li.textfield_intro {
	background-image:none;
	}
fieldset li.textfield_intro label{
	width:auto;
	margin:0 5px 0 0;
	}
	
/****** FOR THE INTRO PAGE QUESTIONS ******/
div.right {
	width:280px;
	float:left;
	margin:0 0 0 20px;
	position:relative;
	}
div.left {
	width:540px;
	float:left;
	margin:0 20px 0 0;
	}
div.right li {
	background-image:none;
	}
li.intro_question {
	float:left;
	/*list-style: decimal;*/
	text-align:left;
	color:#073D84;
	margin-top:0;
	padding-top:0;
	border:none;
	background-image:none;
	}
li.intro_question label {
	width:auto;
	margin:0 10px 0 0;
	}

li.intro_question li.radio {
	float:none;
	margin-right:10px;
	/*list-style: decimal;*/
	width:auto;
	text-align:left;
	color:#073D84;
	background-image:none;
	}
li.intro_question ol {
	margin:0;
	padding:0;
	}
fieldset li.intro_question ol li input { /* THIS IS SO CHECKMARKS AND RADIO BUTTONS LOOK OKAY */
	margin:8px 0 0 0;
	padding:0;
	border:none;
	}
fieldset li.intro_question ol li {
	line-height:1em;
	}

/****** FOR ALL OTHER FORM FIELDS ******/
fieldset li.button {
	background-color:#739bcc;
	}
fieldset ul li label strong {
	padding-bottom:10px;
	}
select {
	border:1px solid #297c60;
	padding:0;
	color:#000;
	font-size:13px;
	padding:2px;
	margin: 4px 0;
	}
input {
	border:none;
	padding:0;
	color:#000;
	margin: 4px 0;
	font-size:13px;
	padding:2px;
	}
form p {
	clear:both;
	width:100%;
	text-align:left;
	}

	
/***************** BUTTONS ********************/
.btn, .btn_delete {
	background-color:#039;
	/*padding:4px;*/
	font-weight:bold;
	color:#fff;
	font-size:110%;
	text-align:center;
	line-height:100%;
	margin:5px 5px 5px 0;
	float:left;
	border:1px solid #0b1f46;
	border-top:1px solid #5684e1;
	border-right:1px solid #3969c8;
	line-height:110%;
	}
.btn_delete {
	background-color:#333333;
	border:1px solid #000;
	border-top:1px solid #999;
	border-right:1px solid #666;
	}

.btn_grey {
	background-color:#666666;
	/*width:238px; ONLY NEED THIS FOR IE6 */
	/*padding:4px;*/
	font-weight:bold;
	color:#fff;
	font-size:110%;
	text-align:center;
	line-height:100%;
	margin:5px 0;
	float:left;
	border:1px solid #333;
	border-top:1px solid #999;
	border-right:1px solid #6a6a6a;
	}
/*** IE BUTTON FIX ***/
input.btn, input.btn_delete, input.btn_grey {
    padding: .25em;
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
}

input.btn[class], input.btn_delete[class], input.btn_grey[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}

/***************** ALTERNATE ONE-COLUMN FIELDSET LAYOUT ********************/	
fieldset li.label_right { /* FOR LINES WHERE LABEL IS ON RIGHT OF INPUT */
	padding: 5px 0;
	border:none;
	background-image:none;
	}
fieldset li.label_right label {
	float: left;
	padding:  0;
	margin:0 1.2em 0 .5em;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
	width:auto;
	text-align:left;
	position:relative;
	}
fieldset li.label_right input{
	margin:.2em 0 0 2em;
	float:left;
	}
fieldset li.label_above label { /* FOR LINES WHERE LABEL IS ABOVE INPUT */
	display:block;
	width:auto;
	float:none;
	text-align:left;
	margin:0 0 0 2em;
	}
fieldset li.label_above textarea {
	margin:0 0 0 2em;
	text-align:left;
	display:block;
	float:none;
	}

/********* SECOND LEVEL LIST ITEMS IN FORMS **************/
form fieldset li ol, form fieldset li ul { /* SECOND LEVEL OF LISTS WITHIN THE FORM */
	float:left;
	}
li.radio {
	float:left;
	margin-right:10px;
	/*list-style: decimal;*/
	width:80px;
	text-align:center;
	color:#073D84;
	background-image:none;
	}
li.rating_1, li.rating_2, li.rating_3, li.rating_4 {
	float:left;
	margin-right:10px;
	width:80px;
	list-style: none;
	text-align:center;
	font-weight:bold;
	color:#af3511;
	background-image:none;
	}
li.rating_1 { /* STRONGLY DISAGREE */
	/*color:#be360e;*/
	color:#842509;
	}
li.rating_2 { /* SOMEWHAT DISAGREE */
	/*color:#9e513b;*/
	color:#694d45;
	}
li.rating_3 { /* SOMEWHAT AGREE */
	/*color:#809154;*/
	color:#3f4531;
	}
li.rating_4 { /* STRONGLY AGREE */
	/*color:#4e660e;*/
	color:#696e06;
	}
li.continue {
	background-image:none;
	}
form fieldset li ol li {
	line-height:160%;
	margin:0;
	padding:0;
	float:left;
	list-style-type: none;
	border-style:none;
	}
fieldset li ol li input { /* THIS IS SO CHECKMARKS AND RADIO BUTTONS LOOK OKAY */
	margin:10px 0 0 0;
	padding:0;
	border:none;
	}
fieldset li ol li {
	line-height:2em;
	}

/********* REQUIRED AND ALERT **************/
.alert {
	color:#990000;
	font-size: 100%;
	font-weight:bold;
	}
span.required {
	color:#F30;
	font-size: 120%;
	font-weight:bold;
	margin:0;
	/*margin: 0px 0px 0px -8px; ONLY USE THIS 
	position:absolute; FOR LABELS WITH TEXT-ALIGNED LEFT */
	text-align:left;
	background: url(/photo-site/images/required.gif) no-repeat right top;
	}
span.required em { /* HIDES THE WORD 'REQUIRED' */
	line-height:2em;
	font-weight:normal;
	font-size:65%;
	letter-spacing:-3px;
	visibility:hidden;
	}
div.required_display {
	float:right;
	margin:0 0 -30px 0;
	}
div.required_display strong {
	color:#F30;
	font-size:120%;
	}
	
/********* PROGRESS INDICATOR *********/
.progress_indicator {
	border:2px solid #639515;
	height:20px;
	width:200px;
	/*background: #fff url(../images/form/tick_mark.gif) repeat-x 0 0;*/
	padding:0;
	margin:0;
	text-align:left;
	}
.progress_indicator img {
	height:20px;
	margin:0;
	padding:0;
	border:none;
	}
p.your_progress {
	font-size:105%;
	font-weight:bold;
	color:#639515;
	margin:0;
	margin:0 5px 0 0;
	}
div.stop {
	font-size:90%;
	clear:both;
	width:25em;
	margin:5px 0 0 0;
	}
	div.stop a {
		color:#666;
		}
	div.stop a:hover {
		color:#ff3d00;
		}

/********* TEXTFIELD/TEXTAREA WIDTHS **************/
.form_xlg {width:30em;}    
.form_lg { width:22em;}
.form_md_lg {width:20em;}
.form_md {width:15em; }
.form_md_sm {width: 10em;}
.form_sm {width:8em;}
.form_xsm {width: 5em;}
.form_xlg, .form_lg, .form_md, .form_md_sm, .form_sm, .form_xsm, .form_md_lg {border:1px solid #039;}
.textarea {border:1px solid #c39e06;width:48em;}
.bordernone {border:none;}