/* CSS Document */


div.indicator
{
  position: relative;
  width: 15px;
  height: 15px;
  z-index: 900;
  background: url(/images/loading.gif) no-repeat 0 0;
}

/*Survey Form styles*/

#sf_admin_container #sf_admin_content {
width: 100%;
}
/*General*/
/*Apply to Div containing section title*/
#section-head {
    height: 25px;
    border-bottom: 1px dashed #c8c8c8;
    margin-bottom: 15px;
}

/*All section titles should use an H2 tag plus have this class applied*/
/*#section-title {
    float: left;
}
*/
fieldset h2 {
    border-bottom: 0;
}

/*All show/hide buttons should be placed within a single div with this ID applied*/
#section-btns {
    float: right;
}

fieldset {
    border: 0;
    margin-bottom: 20px;
}

/*Place each row of fields within a single DIV and apply this style*/
.survey-form-row {
    clear: both;
    float: left;
    *float: none;
    margin-bottom: 15px;
    *margin-bottom: 5px;
}

/*Place each field within a single DIV and apply this style*/
.form-element {
    float: left;
    padding-right: 10px;
}

label.narrow,label.medium,label.wide {
padding: 0 !important;
width: auto !important;
    display:block !important;
    float:left !important;
    margin-top: 3px !important;
}

/*Apply the style accroding to the width of the text, think about alignment with rows above and below as well to ensure clean design*/
label.narrow {
    width: 100px !important;
}

label.medium {
    width: 145px !important;
}

label.wide {
    width: 190px !important;
}

/*Use to pair with input boxes with a size of 5*/
.narrow-dropdown {
    width: 56px;
    *width: 62px;
}

/*Use to pair with input boxes with a size of 10*/
.medium-dropdown {
    width: 86px;
    *width: 93px;
}

/*Use to pair with input boxes with a size of 15, 
for drop-downs requiring a size greater than this leave as default and place on line of its own*/
.wide-dropdown {
    width: 116px;
    *width: 123px;
}

textarea {
    background-color: #FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #7F9DB9;
    padding: 5px;
}

/*Style for table of fields*/
/*Contain each table or block within a DIV and apply this style*/
.block {
    float: left;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    margin-right: 17px;
}

/*Apply this style to each DIV containing a title/header*/
.title {
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #27933e;
    font-weight: bold;
    text-align: center;
    background-color: #f7faf7;
    font-size: 13px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

/*Apply this style for vertical titles, note this is not FireFox compatible*/
.verticaltext {
    writing-mode: tb-rl;
    filter: flipv fliph;
    font-weight: bold;
    text-align: center;
    background-color: #f7faf7;
    margin: 0;
    padding: 10px;
    color: #27933e;
    font-size: 13px;
    height: 186px;
    width: 15px;
    float: left;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

/*Contain each column of cells within a DIV and apply this style*/
.block-col {
    float: left;
}

/*Each individual cell should have it's own div and this style applied*/
.cell {
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

.block-col .cell {
    font-size: 23px;

}

/*Apply this style to all input boxes within a table*/
.input-box {
    border: 0;
    padding: 2px;
    width: 70px;
    height: 18px;
    *height: 16px;
}

/*Apply this style to all drop downs within a table*/
.select-box, .window-type {
    border: 0;
    height: 22px;
}

.select-box {
    width: 130px;
}

.window-type {
    width: 220px;
}

/*Specific for address section*/
#photo {
    width: 300px;
    height: 225px;
    float:left;
    margin-right: 25px;
    border: 1px solid #CCCCCC;
}

#address-section {
    float: left;
}

#survey_date_of_survey_static {
float: left;
width: 75px;
padding: 2px;
margin: 2px;
border: 1px solid #dddddd;
}
/*Survey form styles ends*/



/* CSS Document */

form {
	margin:0;
	padding:0;
}
form table {
	padding:2px;
	margin:2px;
	
	}
form table.admin-compact td {
padding: 2px !important;
padding-bottom: 4px !important;
margin: 1px !important;
}

ul.sf_admin_checklist li   {
padding-left: 10px;
}
#sf_admin_container ul.sf_admin_actions li.action
{
  padding: 3px 3px 3px 20px;
  color: #333;
  font-size: 11px;
  font-family: Arial, sans-serif;
  border: 0px;
  border-right: 4px solid #999;
  background-color: #ffc;
  cursor: hand;
  cursor: pointer;
} 
   
#sf_admin_container ul.sf_admin_actions li.action a
{
text-decoration: none;
}

#sf_admin_container #sf_admin_content
{
  margin-right: 90px;
}



#sf_admin_container fieldset.complete h2, #sf_admin_container fieldset.hasdata h2
{
background-color: #aaffaa;
}

#sf_admin_container fieldset.complete h2
{
background-image: url(/sf/sf_admin/images/tick.png);
background-position:  98% 2px;
background-repeat: no-repeat;
}

#sf_admin_container fieldset.fs_has_changes
{
background-image: url(/sf/sf_admin/images/error.png) !important;
background-position:  100% 2px;
background-repeat: no-repeat;
}

#sf_admin_container fieldset.fs_has_changes h2
{

margin-right: 20px;

}

#sf_admin_container fieldset.collapsed h2.collapsed-hide { display:none !important; }

form .form-row {
float: left;
clear: both;
padding: 5px;
width: 100%;
white-space: nowrap;

}


#sf_admin_container #sf_admin_bar
{
  margin-top: 8px;
  position: relative !important;
  right: 0px !important;
  width: 250px;
}

#sf_admin_container #sf_admin_content
{
  margin-right: 270px;
}



div.tab {
border: 1px solid #ccc;
min-height: 100px;
float: left;
padding: 0;
margin:0;
  
}

div.form-stack {
float: left;
padding-right: 5px;
}

.tab .form-row{
width: 280px !important;
}

.form-row label {
float: left;
margin-right: 10px;
min-width: 130px;
font-weight: bold;
white-space: nowrap;

}

.form-stack .form-row label, .tab .form-row label{
min-width: 45px !important;
width: auto !important;
}

fieldset.stacked .form-row {
float: left !important;
clear: none !important;
width: auto !important;
height: 25px;
}
fieldset.stacked .form-row label {
float: left !important;
min-width: 45px !important;
width: auto !important;
display: inline !important;
}

fieldset.stacked .form-row .content {
float: left !important;
width: auto !important;
padding-left: 1em !important;
}




.form-row .content {
float: left;
padding-left: 1.5em !important;
}

.sectiontitle{
	margin-bottom:5px;
	padding-bottom:2px;
	color:#598b33;
	border-bottom: 1px dashed #c8c8c8;	
	font-size:1.3em;
	font-weight:bold;
}
.input{
	height: 12px;
	margin: 3px 0px 3px 0px;
	padding: 0px;
	line-height: 14px;
	width:140px;
}
.submitbutton {
	background-image:url(../images/button-bg.gif);
	background-repeat:repeat-x;
	border:ridge 1px #e1e1e1;
	
}


div.calendar { position: relative; z-index:3000;}
.calendar table {cursor:pointer;font-size:10px !important; color: #000;border:1px solid #ccc;background: #fff;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;}
.calendar .button { text-align: center; padding:2px 0 3px 0;}
.calendar thead .title { font-weight: bold;text-align: center;background: #fff;color: #000;font-size:10px;padding: 3px 0;}
.calendar thead .headrow { background: #dedede;color: #333;font-weight:bold;}
.calendar thead .daynames { background: #f5f5f5;color:#333;}
.calendar thead .name { padding: 2px;text-align: center;color: #000;border-bottom:1px solid #dedede;}
.calendar thead .weekend { color: #666;background:#dedede;}
.calendar thead .hilite { background-color: #444;color: #fff;padding: 1px;}
.calendar thead .active { background-color: #d12f19;color:#fff;}
.calendar tbody .day { width:2em;color: #222;text-align: right;padding: 1px;border: 1px solid #fff;}
.calendar tbody .day.othermonth {font-size: 10px;color: #bbb;}
.calendar tbody .day.othermonth.oweekend {color: #fbb;}
.calendar table .wn {padding: 2px 2px 2px 2px;border-right: 1px solid #000;background: #666;}
.calendar tbody .rowhilite td, .calendar tbody .rowhilite td.wn{background: #ddd;}
.calendar tbody td.hilite { background:#444 !important;color:#fff !important;}
.calendar tbody td.active { color:#529214;background: #529214 !important;}
.calendar tbody td.selected { font-weight: bold;border: 1px solid #888;padding: 1px;background: #f5f5f5 !important;color: #222 !important;}
.calendar tbody td.weekend { color: #666;}
.calendar tbody td.today {  font-weight: bold;color: #529214;background:#D9EFC2;}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { visibility: hidden;}
.calendar tbody .emptyrow { display: none;}
.calendar tfoot .footrow { text-align: center;background: #556;color: #fff;}
.calendar tfoot .ttip { background: #222;color: #fff;font-size:10px;border-top: 1px solid #dedede;padding: 3px;}
.calendar tfoot .hilite { background: #aaf;border: 1px solid #04f;color: #000;padding: 1px;}
.calendar tfoot .active { background: #77c;padding: 2px 0px 0px 2px;}
.calendar .combo {position: absolute;display: none;top: 0px;left: 0px;width: 4em;border: 1px solid #ccc;background: #f5f5f5;color: #222;font-size: 10px;z-index: 100;}
.calendar .combo .label,.calendar .combo .label-IEfix {text-align: center;padding: 1px;}
.calendar .combo .label-IEfix {width: 4em;}
.calendar .combo .hilite {background: #444;color:#fff;}
.calendar .combo .active {border-top: 1px solid #999;border-bottom: 1px solid #999;background: #dedede;font-weight: bold;}

input {max-width: 290px;
/* for checckboxes */
margin-left: 5px;
margin-right: 5px;
}


/* Subsection Tabs
--------------------*/
ul.subsection_tabs {
    list-style:none;
    margin:0 0 5px 0;
    padding:0;
    clear:both;
    border-bottom:1px solid #ccc;
    height:20px;
    clear:both;
}

ul.subsection_tabs li.tab {
    float:left;
    margin-right:7px;
    text-align:center;
}

ul.subsection_tabs li.tab a {
    display:block;
    height:20px;
    padding:0 6px 0 6px;
    background-color:#fff;
    color:#666;
 
}

ul.subsection_tabs li.tab a:hover {
    color:#666;
}

ul.subsection_tabs li.tab a.active {
    background-color:#ddd;
    border: 1px solid #ccc;
    border-bottom: none;
}

ul.subsection_tabs li.source_code {
    float:right;
}

ul.autocomplete {
overflow: auto;
height: 15em;
}

div.auto_complete {
position: relative;

margin-left: -65px;
  width:325px !important;
}

.row0 {

}

.row1 {
background-color: #dedede;
}