@import url("../sfwmd-fonts.css");

body {
	font-family: "droid_sansregular";
	font-size: 12px;
    color: #333333;
    background-color:#DFE7F2;
}

.bodystyle {
		font-size: 12px;
        color: #333333;
}

h4{
	font-family: "droid_sansregular";
	font-size: 13px;
	font-weight:100;
	letter-spacing:2px;
	margin:0;
	padding:0;
	color:#FFF;
}


.small {
	font-size: 11px;
        color: #333333;
}

.smallGris {
	font-size: 10px;
        color: #666666;
}

.smallGris5 {
	font-size: 10px;
	letter-spacing: 1px;
    color: #666666;
        
}

.verysmallGris {
	font-size: 9px;
        color: #666666;
}

.medium {
	font-family: "droid_sansregular";
	font-size: 12px;
    color: #333333;
}

.page-title{
	font-family: "droid_sansregular";
	font-size: 35px;
	font-weight:900;
    color: #b0b5af;
    padding: 20px 0 10px 0;
    letter-spacing:0.2px;
    text-shadow: 1px 2px 2px hsla(0,0%,0%,.1);
}

.page-title.lease-surplus{
	padding: 20px 0 0 0;
}

#btnSubmit, #btnBack, #btnSave{
  margin-top:20px;	
}

fieldset{
	border:1px solid #e2e2e2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	padding-right:3px;
}

legend {
    float:left;
    margin-top:-12px;
    background:#FFF;
    padding-right: 0;
}
legend + * {
    clear:both;
}

#searchfieldset{
 background-color:#eaf9e0; 
 border:0px; 		
 padding:10px;
}

#searchfieldset legend{
	background:transparent;
	margin-top: -5px;
	float:right;
}

#searchfieldset select{
	height:19px;	
}

.main-page select{
	height:22px;
}

.main-page select.small{
	height:18px;
}

.date-field{
	background-color:#FFF;	
	margin-bottom: 3px;
}

table {
     border-collapse: collapse;
 } 
 
.main-page td{
	padding:2px;  
}

#documentstable td, .comments-box td{
	padding: 1px 0;
}

#documentstable td p, .comments-box td p{
	padding-bottom: 8px;
}

#documentstable td .smallGris{
	padding: 5px 0;
}

#saveButtonDiv, #backButtonDiv{
	padding-right: 30px;  
}

.rounded-box{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
    -webkit-box-shadow: 1px 3px 2px hsla(0,0%,0%,.25);
	-moz-box-shadow: 1px 3px 2px hsla(0,0%,0%,.25);
	-ms-box-shadow: 1px 3px 2px hsla(0,0%,0%,.25);
	-o-box-shadow: 1px 3px 2px hsla(0,0%,0%,.25);
	box-shadow: 1px 3px 2px hsla(0,0%,0%,.25);
}

.main-page{
	background-color:#FFF;
	padding: 10px!important;
}

#main-bar{
	background: #E2E2E2;
	padding:3px 8px 3px 12px;
    margin-top:2px;
    -webkit-box-shadow: 1px 1px 1px hsla(0,0%,0%,.15);
	-moz-box-shadow: 1px 1px 1px hsla(0,0%,0%,.15);
	-ms-box-shadow: 1px 1px 1px hsla(0,0%,0%,.15);
	-o-box-shadow: 1px 1px 1px hsla(0,0%,0%,.15);
	box-shadow: 1px 1px 1px hsla(0,0%,0%,.15);

}

#image-bar{
	padding-top:5px; 
}

.image-shadow{
-webkit-filter: drop-shadow(5px 5px 5px #444);
                -moz-filter: drop-shadow(5px 5px 5px #444);
                -ms-filter: drop-shadow(5px 5px 5px #444);
                -o-filter: drop-shadow(5px 5px 5px #444);
                filter:         drop-shadow(5px 5px 5px #444); 	
}

.comments-box{
	background-color:#eaf9e0;
	border: 0;
	margin-left:10px;
}

.documents-box{
	background-color:#f0f5fc;
	border: 0;
	margin-left:10px;
	padding-right:5px;
	overflow:hidden;
}

.documents-box .medium, .audit-box .medium, .comments-box .medium{
	font-size:11px;
}

.audit-box .SMexpanded{
	font-size:10px;
}

.audit-box{
	background-color:#f8e8cf;
	border: 0;
	margin-left:10px;
	padding-bottom:20px;
}

.search-buttons{
	text-align: right;
	width:90%;
	margin:5px 23px 10px 0;
	float:right;
}

.search-buttons .small{
	width: 60px;
} 

.medium5 {
	font-size: 12px;
	letter-spacing: 1px;
    color: #333333;
}

.mediumTextArea {
	font-family: "droid_sansregular";
	font-size: 12px;
    color: #333333;
    width:100%;
}

.mediumRight {
	font-size: 12px;
        color: #333333;
		text-align:right
		
}

.big {
	font-size: 16px;
        color: #666666;
        letter-spacing: 4px;
}

.xbig {
	font-size: 24px;
        color: #333333;
}

.expanded {
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 2px;
        color: #666666;
        text-align:right
}

.SMexpanded {
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 2px;
        color: #666666;
}

.SMexpanded5 {
	font-size: 10px;
	letter-spacing: 2px;
        color: #666666;
}

.SMexpandedDark {
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 2px;
        color: #333333;
}

.justified {
	text-align: justify;
        color: #333333;
}

.footer {
	font-size: 10px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}

select {
  font-size:12px;
  color: #333333;
}

select.search_list {     
  font-size:11px;  
  width:130px; 
} 

select.search_list2 {     
  font-size:11px;     
  width:180px; 
} 

select.trans_list {     
  width:160px; 
} 

select.contact_list {     
  width:220px; 
} 

select.components_list {     
  width:130px; 
} 

select.property_list {     
  width:160px; 
} 

select.county_list {     
  width:170px; 
} 

select.proposeduse_list {     
  width:230px; 
} 

select.header_type_list {     
  width:130px; 
} 

select.sch_dates_list {     
  font-size:11px;     
  width:90px; 
} 

select.list13010 {     
  font-size:11px;     
  width:130px; 
} 

select.list16010 {     
  font-size:11px;     
  width:160px; 
} 

select.list07011 {     
  width:70px; 
} 

select.list10010 {     
  font-size:11px;     
  width:100px; 
} 

select.list08011 {     
  width:80px; 
} 

select.list10011 {     
  width:100px; 
} 

select.list11011 {     
  width:110px; 
} 

select.list12011 {     
  width:120px; 
} 

select.list13011 {     
  width:130px; 
} 

select.list15011 {     
  width:150px; 
} 

select.list16011 {     
  width:160px; 
} 

select.list17011 {     
  width:170px; 
} 


select.list18011 {     
  width:180px; 
} 

select.list19011 {     
  width:190px; 
} 

select.list24011 {     
  width:240px; 
} 

select.list18009 {     
  font-size:10px;     
  color: #666666;
  width:180px; 
} 

select.list11009 {     
  font-size:10px;     
  color: #666666;
  width:110px; 
} 

select.list14009 {     

  font-size:10px;     
  color: #666666;
  width:140px; 
} 

#SpecificTaskDiv{
	margin: 0 auto;
	width:  102%;
	height: 100%;
	text-align: left;
	position: relative;
	top: 0px;
	background-color: white;
}

input.smallCheckbox
{
width: 10px;
height: 10px;
vertical-align: middle;
}

.ghost-text{
  font-size:1em;     
  color:#ccc; 
} 

.ghost-text-small {
	font-size: 10px;
        color: #666666;
}

span.deleteicon {
     position: relative;
}

span.deleteicon span {
     position: absolute;
     display: block;
     top: 5px;
     right: 0px;
     width: 16px;
     height: 16px;
     z-index: 1;
     background: url(../images/action_clear_record.gif);
     cursor: pointer;
}

span.deleteicon input {
     padding-right: 16px;
}

.input.disabled {
    color: #000000
}


.smallGrisTransparent {   
     font-size: 10px;
     color: #666666;
     background: transparent;     
     border: none;         
}

.mediumDate {
	font-size: 12px;
        color: #333333;
}

.mediumAlignedTop {
	font-size: 12px;
    color: #333333;
    vertical-align:text-top;
}

.surplusHeader{
    padding-bottom:5px;
    padding-top:5px;	
}

.alignRight{
	text-align:right;
}

.alignLeft{
	text-align:left;
}

.alignCenter{
	text-align:center;
}

.grayDivider {
        vertical-align:text-top;
        background: #F1F1F1;
}

tr.spaceUnder > td {   
   padding-bottom: 38px; 
}

.surplusRow{
  border-style:solid;
  border-width:0 0 2px 0;
  border-color:#F1F1F1;
  padding:2px 2px 15px 2px!important;   
}


.leasesRowPadding{
	padding-top:10px;
}
.leasesRow{
  padding-bottom:8px;
  border-style:solid;
  border-width:0 0 2px 0;
  border-color:#F1F1F1;   
}

#container{
    width: 100%;
}

#centered{
    width: 1000px;
    margin: 0 auto;		
}

#resultsWrapper{
    position:relative;
    z-index: 1;
}

.legend{ 
	height:12px;
	width:530px;
	text-align:center;
	margin:6px 0;
	padding:4px 0;
	letter-spacing:2px;
}

.greenLegend{ 
	background-color:#eaf9e0;
}

.yellowLegend{ 
	background-color:#f4f4a6;
}

.highlighted{
	background-color:#eaf9e0;
}

.hideMe{
	display:none;
}

.loader{
	padding:10px 0 20px 0;
}

.centered{
    margin: 0 auto;		
}

.leaseLegend{
	padding:12px 0;
	text-align:center;
}

.leaseLegend .legend{
	width:90%;
}
#mapWrapper, #uploadDocWrapper{
  /*top:300px;
  left:300px;
  margin: 0 auto;*/
  width:802px;
  height:622px;
  left: 600px;
 /* position:absolute;
  top:0;
 left:0;
 right:0;
 bottom:0;*/
 
  background-color: #FFF;
  /*background: rgba(200,200,200, 0.8);
  -pie-background:  rgba(200,200,200, 0.8);*/
  
  -moz-border-radius: 10px;
  -ms-border-radius:10px; 
  -o-border-radius:10px; 
  -webkit-border-radius:10px;     
  behavior: url('PIE.htc');
  border-radius: 10px;
  z-index:5;
}

#uploadDocWrapper{
  width:600px;
  height:300px;
  text-align:center;
}

#myiFrame{
   position: absolute;	
   top:-66px;
   left:-112px;   
   -ms-transform:scale(0.75); 
   -webkit-transform:scale(0.75);
   -moz-transform:scale(0.75);
   transform: scale(0.75);
   margin-right:-768px;
}


.overlay {
	background-color: rgba(0, 0, 0, 0.6);
	bottom: 0;
	cursor: default;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 1;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}

.popup img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.popup {
	background-color: #fff;
	display: inline-block;
	left: 50%;
	color:#666;
	opacity: 0; 
	padding:0px;
	position: fixed; 
	text-align: justify;
	top: 40%;
	visibility: hidden;
	z-index: 10;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: opacity .5s, top .5s;
	-moz-transition: opacity .5s, top .5s;
	-ms-transition: opacity .5s, top .5s;
	-o-transition: opacity .5s, top .5s;
	transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
	top: 50%;
	opacity: 1;
	visibility: visible;
}
.close {
	background-color: rgba(0, 0, 0, 0.3);
	height: 16px;
	line-height: 16px;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	top: 10px;
	right: 10px;
	width: 16px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.close:before {
	color: rgba(255, 255, 255, 0.9);
	content: "X";
	font-size: 12px;
	font-weight: 600;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
	background-color: rgba(0, 0, 0, 0.9);
}


.image-icon{
   display:inline-block;
   float:right;
   padding-right: 10px;
}


/* clearfix */
  
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1;
}

.str{
	width: 25px;
}

.advancesearch-table{
    border:3px solid #e1e1e1;
	text-align:center;
}

td.advancesearch-table{
	padding:10px;
}

.generic-table{
    border:2px solid #e1e1e1;
}

td.generic-table{
	padding:10px;
}

input[disabled], .disabled-img{
    opacity:0.4;
}

#gis-map-label{
	display:inline-block;
	padding:4px 0 0 10px;

}

#gis-map-boxs{
	text-align:center;
	
	
}
	
#gis-map-box input{
	vertical-align:top; 
}

img:hover, input[type=image]:hover{
	-ms-transform: scale(1.1,1.1); /* IE 9 */
     -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
     transform: scale(1.1,1.1);
}	

#image-bar img:hover{
	-ms-transform: scale(1.02,1.02); /* IE 9 */
     -webkit-transform: scale(1.02,1.02); /* Chrome, Safari, Opera */
     transform: scale(1.02,1.02);
	
}

#records-found{
	margin-top:18px;
}

#docUploadIframe{
	border:none;
}

#ImageUploadForm{
	font-family: "droid_sansregular";
	font-size: 12px;
    color: #333333;
    padding: 10px 0 0 40px;
}

.docbase{
	font-family: "droid_sansregular";
	font-size: 12px;
    color: #333333;	
}

.docbutton{
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 2px;
    color: #333333;	
    margin:0 8px; 
}

.divcenter{
	width:450px;
	text-align:center;
	position: absolute;
}

.doclabel{
  padding:0 0 8px 0;	
}

#content_subcategory{
	margin-left:20px;
	width: 300px;
	font-family: "droid_sansregular";
	font-size: 12px;
    color: #333333;	
}

#popupTitle{
	float:left;
	padding:20px;
	text-align:left;
	line-height:1.5;
}

.wrapword{
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;
}

#documentstable{
	table-layout:fixed;
}

#documents-div{
	overflow:hidden;
}

.dollar-input {
  position: relative;
}
.dollar-input input {
  padding-left: 20px;
}
.dollar-input:before {
  content: "$";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}