.form {
}
/*  PROGRESS BAR */
.progressborder {
	margin: 1em 0 1% 0;
	border:1px #CCCCCC solid;
	background-color:white;
	overflow:hidden;
	height: 2em;
	display:block;
	width:99.5%;
	text-align:left;
}
.progressbar {
	text-align:left;
	padding:0.5em 0.4em 0 0.4em;
	float:left;
	clear:none;
	height:100%;
	overflow:hidden;
	font-weight: bold;
	font-size: 80%;
	line-height: 2em;
	background-color: black;
	color: white;
}
.progressborder p {
	font-weight: bold;
	float:right;
	clear:none;
	margin:0;
	padding:0.5em 0.4em 0 0;
	line-height: 2em;
	font-size: 80%;

}

/* BUTTONS AND LINKS */
/* Form module - text links next to buttons at the bottom of every form */
.button_row a {		font-size: 80%;	}	

/* ROWS - GENERAL */
.form .row,
.form .button_row,
.form .title_row {
	overflow-y: hidden;
	overflow-x: visible;
}

/* Uncomment this if ie8.js is not loaded.
#ie-hack .row {	overflow:visible;} */

.form .title_row {
	font-size:120%;
	font-weight:bolder;
	padding: .5em .15em;
}
.form .group_header {	font-weight:bold;}

.form .button_row{
	text-align:left;
	padding: .8em;
}
.form .rowman {
	width: 70%;
	float: right;
	overflow: hidden;
	font-size: 70%;
}

/* DIV (INPUT) Adjustments 
	This is very sensitive to changes as wrapping
	can occur with the fields This should really be a 
	table.
*/
.form .row {	border-bottom:1px solid #fafafa; }
.form .row:nth-child(2n) { 	background-color: #fafafa; }
.form .row { 	padding: .5em 0; }
.form label, .form .label {
	float: left;
	width:27%;
	padding: 0 1%;
}
.form .field {
	float: left;
	width: 70%;
}
/* Checkbox label, removes float and displays inline */
label.checkbox_label {
	float: none;
	display: inline;
}

/* Mandatory Question */
.labelman {
	color:  red;
}

.form div.row, .form  div.field {}
.form div.field input { width: auto;}
.form div.field input[type="radio"] { width: auto;}
.form div.field input[type="checkbox"] { width: auto;}
.form div.field input[type="hidden"] { width: auto;}

.form td.field { vertical-align: top;}
.form td.field input { width: 11em;}
.form td.field input[type="radio"] { width: auto;}
.form td.field input[type="checkbox"] { width: auto;}
.form td.field input[type="hidden"] { width: auto;}
.form td.field textarea { width:  11em; height: 11em;}

#ie-hack .field input { width: auto;}
#ie-hack .form td.field input { width: 11em;}

.form div.row div.desc {
	float: left;
	width: 95%;
	padding: 0 1%;
}
	
.form div.row div.space {
	float: left;
	width: 99%;
	height: 0.5em;
	background-color: #FFFFFF;
}
	
.form div.row p {	margin: 0.5em 0;}

/* OUTPUT TABLE  */
 
td.question, th.question {
	border-top: none;
	font-weight: bold;
	width: 40%;
}

td.question_group { border-bottom:none;}
 
td.info {} 
td.subtitle {
	 background-color:#00356C;
	 color:white;
	 width:99%;
	 border-bottom:none;
}

/* GROUP FIELD ADJUSTEMENTS*/
table.question_group {
	width:98%;
	margin:1%;
}

/* Segment summary table*/
#form_summary_legend {
	float: left;
	width: 20%;
	margin: 0 2% 0 0;
}
	#form_summary_legend p {
		padding: .5em;
	}
	#form_summary_legend p img {
		padding: 0 .5em;
	}

#form_summary {
	float: left;
	width: 75%;
	margin: 0;
}
.maybe {	background-color:#e0edfe;}
.maybe:hover {background-color:#e0edfe;}

.done {				background-color:#eafce7;}
.done:hover {			background-color:#eafce7;}
.incomplete {			background-color:#fce7e7;}
.incomplete:hover {	background-color:#fce7e7;}

.answer{ 		color:#333333;}
.no_answer{	color:#999999;}

.question {
	float:left;
	width:45%;
	text-align:left;
}

.answer, .no_answer{
	display:inline;
	float:right;
}

.form pre {	display:inline; }
.answer{ }
.no_answer{	 }

/* HTML and PDF REgions */
.form_output { text-align:left;margin:1%;padding:0;}
#page_header {color:#e0e0e0;}
.segment-title{color:#e0e0e0;background:#01649E;}
#document_header h1 {}
#datasaved{
	color:grey;
	font-size:1em;
	
}

/*//////////////////////////////////////////////////////////////////////////// */
/*////////////////////// added in as requested 18/03/2009 /////////////////////*/

.colgroup { float:right;clear:both;width:38%; }

/*//////////////////////////////////////////////////////////////////////////// */