.form{
	margin:0.5%;
	display:block;
}

p.forms_logo{
    font-size:1.5em;
    font-weight:bold;
    text-align:left;
    background: url(../images/logo_small.gif) no-repeat left top;
    margin: 5px;
    padding: 0.5em 1em 2.1em 5em;
} 

textarea.LT{
	width:30em;
	height:5em;
}

textarea.VLT{
	width:85%;
	height:60em;
}

/*  PROGRESS BAR */
.progressborder{
	margin: 1em 0 1% 9%;
	width:80%;
	border:1px black solid;
	background-color:white;
	overflow:hidden;
	height:1.5em;
	display:block;
}

.progressbar{
	float:left;
	clear:none;
	color:white;
	font-style: normal;
	font-size: xx-small;
	line-height:xx-small;
	font-weight:  bold;	
	background-color:#685199;
	text-align:right;
	height:100%;
	overflow:hidden;
	padding-right:1em;
	padding-top:0.5em;
}

.progressborder p{
	font-style: normal;
	font-size: xx-small;
	line-height:xx-small;
	font-weight:  bold;	
	float:left;
	clear:none;
	color:#000000;
	margin:0;
	height:100%;
	padding:0.5em 0.4em 0 0.4em;
}

/* BUTTONS AND LINKS */
.button_row a{	color: #00356C;}

.button_row a:hover, 
.button_row a:active, 
.button_row a:focus{
	text-decoration:underline; 
}

/* ROWS - GENERAL */
.row, .button_row, .title_row {
	width: 99%;
	overflow-y: hidden;
	overflow-x: visible
}

#ie-hack .row{
	overflow:visible;
}

.title_row, table caption,h2 {
	font-size:1.5em;
	margin:0.5em 0 0.25em 0;
	padding:0.5em 0 0.25em 0.5em;
	background-color:  #685199;
	color: #FFFFFF;
}

table caption {
	font-size:1.0em;
}

.group_header{
	font-weight:bold;
}

.button_row{
	text-align:center;
	padding-top:0.5em;
}

.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.
*/
div.row{
	border-bottom:1px solid #dee0e8;
	padding: .5em;
}

div.row div.label {
	float:left;
	width: 35%;
	padding: 0 5px;
}

.labelman {
	float:left;
	width: 80%;
	padding: 0 1%;}

div.row div.field {
	padding: 0 1%;}

.field input { width: 95%;}
.field input[type="radio"] { width: auto;}
.field input[type="checkbox"] { width: auto;}
.field input[type="hidden"] { width: auto;}

#ie-hack .field input { width: auto;}

div.row div.desc {
	float: left;
	width: 95%;
	padding: 0 1%;}
	
div.row div.space {
	float: left;
	width: 99%;
	height: 0.5em;
	background-color: #FFFFFF;}
	
div.row p {
	margin: 0;}

/* OUTPUT TABLE  */
table {
	 width: 99%;
	 border: solid 1px #00356C;
	 padding: 5px;
}
 
td, th {
	 padding-top:0.5em;
	 border-bottom:1px solid #dee0e8;
}

td.question_group{ border-bottom:none;}
 
td.info{
	 background-color:white;
	 color:black;
	 width:99%;
}
 
td.subtitle{
	 background-color:#685199;
	 color:white;
	 width:99%;
	 border-bottom:none;
}
 
th{
	 color:black;
	 margin:0;
	 font-size:0.9em;
	 background-color:white;
	 text-align: left;
	 padding:0.5em;
	 font-weight:normal;
}

.answer{
	 color:#333333;
}
 
.no_answer{
	 color:#999999;
}

/* HTML and PDF REgions */
.form_output{
	margin-left:1em;
	margin-right:1em;
}

#page_header{
	margin:1%;
	font-size:1em;
	width:100%;
}

#document_header h1{
	color:blue;
	margin:1%;
}

#datasaved{
	color:grey;
	font-size:1em;
	margin:1%;
}

/* GROUP FIELD ADJUSTEMENTS*/
table.question_group{
	width:98%;
	margin:1%;
	border:1px solid #00356C;
}

/* Segment summary table*/

.form table.segment_summary {width:100%;}

.form table.segment_summary th {
	background-color:  #00356C;
	color: #FFFFFF;
	font-weight:700;
}

.form div.legend{
	text-align:right;
	width:95%;
	padding-bottom:3px}

.form div.legend p{
	display:inline;
	margin:right:5px;
	width:33%;}

.form div.legend p.label{
	font-weight:bold;
}
	
.form .maybe {
	background-color:#e0edfe;
	text-align:center;}

.form td.maybe img,.form  td.done img,.form  td.incomplete img{
	padding-bottom:4px;
}

.form .maybe:hover {background-color:#e0edfe;}

.form .done {
background-color:#eafce7;
text-align:center;}

.form .done:hover {background-color:#eafce7;}

.form .incomplete {
background-color:#fce7e7;
text-align:center;}

.form .incomplete:hover {background-color:#fce7e7;}

div.question {
	float:left;
	width:45%;
	text-align:left;
}

div.answer, div.no_answer{
	display:inline;
	float:right;
}

.form pre{
	display:inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}