/*
	CSS File for FirstFire SRS
	
	Author: Peter Connolly
	Date: 	5 May 2008	  
	
*/

* { 
	border: 0;
	margin: 0; 
	padding: 0; 
}

/* force vertical scrollbar in Mozilla */
html, body {min-height:101%; margin-bottom:1px;} 

html, body {
	color:#d7d7d7;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px;
	left:0;
	top:0;
} 
/* the two previous rules reset everything so we know where we are starting from */

body {
	background-image:url(/images/interface/pagebackground.gif); 
	background-repeat:repeat;
}

h1, h2, h3, h4 {color:#d7d7d7;}
h1 {font-size:18px;}
h2 {font-size:14px;}
h3 {font-size:12px;}
h4 {font-size:10px;}

#wrapper { 
 	margin: 0 auto;
	margin-top:20px;
	width: 922px;
}

#header {
 	color: #333;
	width: 900px;
	float: left;
	border: 1px solid #ccc;
	height: 100px;
	background: #BD9C8C;
}

#leftcolumn { 
 	background-color: #333;
 	background-image:url(../images/interface/leftbackground2.png);
 	background-repeat:no-repeat;
	color: #d7d7d7;
	float: left;
 	height: 408px;
  	width: 401px;
}

#leftlowercolumn { 	
	background-color:#333333;
	background-repeat:no-repeat;
	clear: both;
	color: #fff;
	float: left;
	height: 100px;
	width: 401px;	
}

#content { 
 	background: #F2F2E6;
	color: #333;
	display: inline;
	float: left;
	height: 350px;
	width: 456px;
}
#titlebar {
	height:30px;
	width:880px;
	background-color:#666666;
	border-bottom-color:#999999;
	border-bottom-style:solid;
	border-bottom-width:thin;
	padding-left:10px;
	padding-right:10px;
}

#titlebar h1{
	float:left;
}
#breadcrumb {
	height:20px;
	width:880px;
	background-color:#8c8c8c;
	color:#ebcc33;
	border-bottom-color:#33CCFF;
	font-weight:normal;
	padding-left:20px;
	vertical-align:middle;
}

#breadcrumb a, #rightcolumncontent a {
	color:#ffffff;
	text-decoration:none;
}
#breadcrumb a:hover, #rightcolumncontent a:hover {
	color:#FF9933;
	text-decoration:underline;
}


#menubar {
	height:20px;
	width:900px;
	background-color:#003333;
	border-bottom-color:#33CCFF;
	font-weight:bold;
}

#menubar a {
	color:#CCCCCC;
	text-decoration:none;
}

#menubar a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.surveyaction a:hover{
	text-decoration:none;
}
#propertydetails h1{
	line-height:2em;
}
#propertysurveys{
background-color:#333342;
border:thin #FFFFFF solid;
}

#propertysurveys table{
	width:860px;
}
#propertysurveys th{
	background-color:#2D2D52;
	color:#CCCCFF;
	padding-left:5px;
	padding-right:5px;
}
#propertysurveys tr {
	border-collapse:collapse;
	background-color:#CCCC00;
	border-bottom:thin #FF6666 solid;
	line-height:20px;
}

#propertysurveys tr.odd {
background-color:#404040;
}

#propertysurveys tr.even {
background-color:#606066;
}

#propertysurveys td{
	padding-left:5px;
	padding-right:5px;
}

#propertysurveys .propertyid{
	width:200px;
}

#propertysurveys .propertyaddress{
	width:400px;
}

#propertydetails { 
	background-color: #333333;
	background-image:url(../images/interface/greyscale_ffcrop.gif);
	background-repeat:no-repeat;
 	color:#CCCCCC;
	float: left;
	min-height: 388px;
	width: 860px;
	padding:20px 20px 0px 20px;
}

#propertydetails a:link, #propertydetails a:visited, #propertydetails a:hover, #propertydetails a:active {
	font-weight:bold;
	color:#FFCC33;
	text-decoration:none;
}

#propertydetails a:hover {
	text-decoration:none;
}

#propertysummary{
	width:400px;
	float:left;
}
#surveysummary{
	width:450px;
	float:right;
}
#rightcolumn { 
	background-color: #333333;
 	color:#CCCCCC;
	float: left;
	/*min-height: 388px;*/
	height:388px;
	width: 459px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}
#rightcolumncontent{
	max-height:388px;
	overflow:auto;
}
#rightlowercolumn { 
 	color:#6699FF;
	background-color: #333333;
	float: left;
	height: 100px;
	width: 459px;
	padding-left:20px;
	padding-right:20px;
}

#footer { 
	background-color: #E77817;
 	background-image:url(/images/interface/footerbackground.png);
 	background-repeat:repeat-x;
 	clear: both;
 	color: #333;
 	height:46px;
 	width: 900px;
	/*margin-top:5px;*/
}

#footer p{
	color:#F2EFEE;
	font-size:10px;
	padding-top:13px;
	text-align:center;
}

#footer a:link,#footer a:hover,#footer a:visited{
	color:#F2EFEE;
	text-decoration:none;
}

#footer a:hover {
	color:#FFFF99;
	text-decoration:underline;
}

.notify{
font-variant:small-caps;
color:#00FF33;
}
.emphasistext {
	/*color:#fff;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin-left:20px;
	margin-top:20px;
	text-align:justify;
	width:380px;
}

.smallsplat {
	font-size:10px;
	font-weight:bold;
	color:#F3C339;
	margin-left:10px;
}
.surveygroup{
	font-weight:bold;
	color:#F3C339;
}
.hiddentext{
	display:none;
}

.statussplat {
	font-size:large;
	font-weight:bold;
	color:#F3C339;
}
.smalltext {
	font-size:9px;
	color:#FFFFFF;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.floatright a{
	font-weight:bold;
	color:#E77817;
	text-decoration:none;
}

.floatright a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/* Start of CSS field replacement code */
.fieldset .textfield {
	margin:3px;
	height:20px;
	width:200px;
	border:solid 0 #fff;
	background: transparent 
	url("images/interface/dataentry.png") no-repeat fixed; }
fieldset>input.textfield {
	background: transparent 
	url("images/interface/dataentry.png") no-repeat; }
	
.fieldset {
	width:300px; }
.fieldset .label {
	text-align:right;
	width:70px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em; }
.fieldset .nobr {
	display:none; }  
.fieldset .textfield {
	margin:3px;
	height:20px;
	width:200px; }
.fieldset .textarea {
	margin:3px;
	height:165px;
	width:200px; }
/* end of CSS field replacement code */
.col1 {
	width:130px;
}
.col2 {
	width:800px;
}
.clear {
clear:both;
}

/* Table definitions for Survey display */
#kp_1 .col1, #kp_2 .col1, #kp_3 .col1, #kp_4 .col1, #kp_5 .col1, #kp_6 .col1, #kp_sig .col1{
	width:150px;
	text-align:center;
}

#FormID table tr td {
 padding: 5px 2px 2px 10px; 
}
#FormID .col1 {
	border-right:none;
}
#FormID .col2 {
	border-left:none;
}
#FormID tr.odd {
background-color:#404040;
}

#FormID tr.even {
background-color:#606066;
}

.sigblock {
	border: #000 thin solid;
	background-color:white;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	background-color:#fff;
	color:#666;
	}
.center {
	text-align:center;
}