/*body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}*/

#form{
	margin:0.5%;
	display:block;	
}
#form * {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p#forms_logo{
    font-size:1.5em;
    font-weight:bold;
    text-align:left;
    background: url(../images/gwalia_logo.gif) no-repeat left top;
    margin: 5px;
    padding: 0.5em 1em 0.8em 3em;
} 

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-family:verdana, arial, helvetica;
	font-style: normal;
	font-size: xx-small;
	line-height:xx-small;
	font-weight:  bold;	
	background-color:#00356C;
	text-align:right;
	height:100%;
	overflow:hidden;
	padding-right:1em;
	padding-top:0.5em;
}

.progressborder p{
	font-family:verdana, arial, helvetica;
	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 {
	background-color:  #00356C;
	color: #FFFFFF;
	font-size: .8em;
	padding:  2px;
	margin: 0px;
	border-top: 2px solid #00458A;
	border-right: 2px solid #00458A;
	border-bottom: 2px solid #002448;
	border-left: 2px solid #002448;
}

.button:active, .button:focus {
	border-top: 2px solid #002448;
	border-right: 2px solid #002448;
	border-bottom: 2px solid #00458A;
	border-left: 2px solid #00458A;
}

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

.button:hover {	background: #004993; }
.button:hover, .button:focus, .button:active{ cursor:pointer; 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:  #00356C;
	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-top:1%;
}

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.5em 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:#00356C;;
	 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;
	width:100%;
}

#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 {
	width: 100px;
	display: block;
	white-space: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}