* {
    margin:0;
    padding:0;
}

/* General Style Info */
.hidden{
    visibility:hidden;
}
.show{
    visibility:visible;
}
body {
    font-family: arial,helvetica,verdana,sans-serif;
    font-size: 72%;
    background: #003300;
    /*overflow-y:scroll;*/
}
a {
    text-decoration: underline;
    color:#006600;
}
a:hover {
    color:#339933;
    text-decoration: none;
}
a:active {

}
a:visited {
    color:#003300;
}
a img {
    border:none;
}

h1, h2, h3, h4, h5, h6 {
    padding: 5px 0px;
}
h2.inactive{
    background-color: #f9d602; 
    border-top: 1px solid #dedede; 
    border-bottom: 1px solid #dedede;
}

ul, li {
    /* margin: 0 72%;*/
}
p {
    margin: 5px 0px;
}
/** containers **/
div.form,
div.index,
div.view {
    float:left;
    width:76%;
    padding:10px 2%;
    padding-top:0;
}
div.notifications, div.inspections {
    float:left;
    padding:10px 2%;
    padding-top:0;
}
#regionsCheck{
    clear:both;
    margin-top:10px;
}
#regionsCheck .multicheck{
    float:left;
    width:200px;
}
#rpt_results{
    float:left;
    margin-bottom:30px;
    width:100%;
}



div.index.fullwidth,
div.form.fullwidth,
div.view.fullwidth {
    float:left;
    width:97%;
    padding:10px 2%;
    padding-top:0;
}

from#MapFrom, div.form.fullwidth.map{
    float:left;
    width:100%;
    margin:0;
    padding:0;
    padding-top:10px;
    padding-bottom:10px;
}
div.pad{
    margin-top:21px;
}
div.actions{
    float:left;
    width:160px;
    padding:10px 1.5%;
}
div.actions h3 {
    padding-top:0;
    color:#777;
}

/* Layout */
#container {
    text-align: left;
    width: 100%;
    background: #fff;
    float:left;
}

#header{
    background: #003300;
    color: #ffffff;
    height:125px;
}
#header img.logo{
    position:absolute;
    left:15px;
    top:-5px;
}

#welcome{
    background-color: #cccccc;
    width:100%;
    height:45px; 
}
#welcome p.username{
    float:left;
    margin-top:25px;
    margin-left:155px;
    font-size:120%;
    color:#333333;
    font-weight: bold;
}
#welcome p.logout{
    float:right;
    color:#333333;
    margin-top:25px;
    margin-right:10px;
}
#welcome p.support{
    float:right;
    color:#333333;
    margin-top:25px;
    margin-right:10px;
}
div.help {
    margin-top:20px;
    border:0;
}
div.help a{
    border:0;
}
#header h1 {
    margin-top:20px;
    color: #ffffff;
    margin-left:155px;
    font-weight: normal;
}
p.red{
    color:#900;
    font-weight: normal;
}
p.logout a {
    text-decoration: none;
}
p.logout a:hover {
    text-decoration: underline;
}
p.logout a:visited {
    color:#333333;
}
#login{
    float:left;
    margin-right:40px;
    margin-bottom:20px;
}
#login .input input{
    width:150px;
}
p.legal{

    padding-bottom:20px;
    font-style: italic;
}
p.legal span.red{
    color:#900;
    font-weight: bold;
}
#content{
    background: #fff;
    clear: both;
    color: #333;
    padding: 20px;
    padding-top:10px;
    /*overflow: auto;*/
}
#footer {
    background: #003300;
    color: #ffffff;
    clear: both;
    padding: 6px 10px;
    text-align: right;

}
.clear{
    clear:both;
}
/* Tables */
table {
    background: #fff;
    color: #333;
    margin: 0px;
    width: 100%;
    border-collapse: collapse;

}

th {
    border-color: #999;
    border-style: solid;
    border-width: 1px;
    text-align: center;
}
th a {
    display: block;
    padding: 2px;
    text-decoration: none;
}
th a:hover {
    background: #ccc;
    color: #333;
    text-decoration: none;
}
table tr td {
    border: 1px solid #999;
    padding: 2px;
    vertical-align: top;
}
table tr.altrow td {
    background: #f4f4f4;
}
td.actions {
    text-align: center;
    white-space:nowrap;
}
td.actions a {
    margin: 0px 4px;
}

/* datatables */
.dpass{
    display:none;
}
#key{
    float:left;
    border: 1px solid #ccc;
    padding:6px;
}
#key table{
    float:left;
    width:50px;
    margin-left:10px;
    text-align: center;
}
#key span{
    margin-top:3px;
    float:left;
    font-weight: bold;
}
tr.expired_notification {
    background-color:#ffcccc;
}
tr.inactive_notification {
    background-color: #f9d602;
}
#dt-jquerytable, .dataTable{
    left:0;
    float:left;
    width: 100% !Important;
}
.dataTables_filter{
    margin-bottom:5px;
}
#dt-jquerytable_length label{
    float:left;
}
#dt-jquerytable_wrapper{
    border-top: 1px solid #cccccc;
    padding-top:6px;
}
div.dt-notification-select, div.dt-inspection-select{
    margin-left:20px;
    float: right;
}
#dt-jquerytable_filter{
    width:auto;

}
#dt-jquerytable tr.header th{
    color:#CCC;
}


#dt-jquerytable input.search_init, #dt-jquerytable select.search_init {
    color:#CCC;
}

#dt-jquerytable td, .dataTable td, .dataTable th, #dt-jquerytable th{
    padding:4px;
}
#dt-jquerytable input{
    width:100%;
}
.cake-sql-log {
    width: 960px;
    margin: auto;
    font-size: smaller;
}
.cake-sql-log caption {
    color: #ccc;
}
.cake-sql-log table {
    background: #f4f4f4;
}
.cake-sql-log td {
    text-align: left;
}

/* Paging */
div.paging {
    color: #bbb;
    margin: 5px 0px;
}
div.paging div.disabled {
    color: #ccc;
    display: inline;
}
div.paging span {
}
div.paging span.current {
    color: #000;
}
div.paging span a {
}

/* Scaffold View */
dl {
    line-height: 2em;
    margin: 0em 0em;
    width: 60%;
}
dl.altrow {
    background: #f4f4f4;
}
dt {
    font-weight: bold;
    padding-left: 4px;
    vertical-align: top;
}
dd {
    margin-left: 10em;
    margin-top: -2em;
    vertical-align: top;
}

/* Forms 
form {
}
fieldset {
    border: 1px solid #ccc;
    padding: 10px 20px 10px 10px;
}
fieldset legend {
    font-size: x-large;
}
fieldset fieldset {
    padding: 16px 10px;
}
fieldset fieldset legend {
    font-weight: normal;
}
fieldset fieldset div {
}
form div {
    padding: 5px;
    vertical-align: text-top;
}
form div.input {
    color: #444;
}
form div.required {
    color: #333;
}
form div.submit {
    text-align: left;
}
label {
    display: block;
}
input, textarea {
    width: 100%;
}
select {
    vertical-align: text-bottom;
}
select[multiple=multiple] {
    width: 100%;
}
option {
}
input[type=checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
}
input[type=radio] {
    float:left;
    width:auto;
    margin: 0 3px 7px 0;
}
div.radio label {
    margin: 0 0 6px 20px;
}
input[type=submit] {
    display: inline;
    width: auto;
}*/
/* Base Form CSS */
form fieldset {
    border: 1px solid #aaaaaa;
    margin-bottom: 10px;
    padding:8px;
}
form legend {
    font-size:110%;
    padding:2px;
    font-weight: bold;
    font-color:#222222;
}

form label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}

form fieldset.left{
    clear:left;
    float:left;
    width:46%;
}
form fieldset.right{
    float:right;
    width:45%;
}
form fieldset ol {
    margin: 0;
    padding: 0;
}
form fieldset li {
    list-style: none;
    padding: 5px;
    margin: 0;
}
form fieldset fieldset {
    border: none;
    margin: 3px 0 0;
}
form fieldset fieldset legend {
    padding: 0 0 5px;
    font-weight: normal;
}
form fieldset fieldset label {
    display: block;
    width: auto;
}
form em {
    font-weight: bold;
    font-style: normal;
    color: #f00;
}
form label 	{
    width: 120px; /* Width of labels */
}
form p.description{
    margin-top:-4px;
    padding:0;
    margin-left:120px;
    font-size:85%;
}
form p.description-timberer{
    margin-top:0px;
    padding:0;
    margin-left:140px;
    font-size:85%;
}
form fieldset fieldset label {
    margin-left: 123px; /* Width plus 3 (html space) */
}	
form div.input{
    /*  border-bottom: 1px #CCC solid;*/
    padding-bottom:2px;
}
input[type="submit"], #submit, #skip{
    padding:3px;
}
input[type=checkbox] {

}
div.checkbox label{
    float:left;
}
form div.submit, #submit {
    clear:both;
    float:right;
}
div.submit{
    float:right;
}
button#skip{
    float:right;
    margin-right:6px;
}

.bmp .input label, .bmp .input input{
    float:left;   
    margin:0;
    padding:0;
}
.bmp label{

}
.bmp .input input{
    margin-right: 4px;
    margin-left: 4px;
    margin-top:4px;
}

legend {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color:#222222;
}

.bmp fieldset legend{
    margin:0;padding:0;  
}
.bmp fieldset fieldset legend{
    display:none;
}
td.bmpRadio{
    width:200px;
    padding:0;
}

td.bmpRadio div.error-message{
    width:100%;
    margin:0;
    margin-top:-8px;
    margin-left:15px;
    padding-bottom:5px;
}
td.bmpDesc div.error-message{
    width:100%;
    margin:0;
}
td.bmpDesc{
    padding:10px;
}
#alt{
    clear:both;
    margin-bottom:70px;
}
td.bmpDesc label{
    font-weight: bold;
}
td.bmpDesc .bmpTxt{
    width:100%;
}
/*
* Harvest Area
*/
table#harvest th{
    padding:4px;
    font-size:120%;
    background-color: #CCC;
}
table#harvest td{
    padding:4px;
}
table#harvest td.desc{
    text-align:right;
}
table#harvest div.error-message{
    margin:0;
    padding:4px;
}
/* Notifications css 
div#ui-contain { width: 350px; margin: 20px 0; }
div#ui-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#ui-contain table td, div#ui-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
*/
#section{
    margin-top:6px;
}
#section, #section1{
    margin-bottom:10px;

}

#section th, #section1 th{
    text-align:left;
    width:200px;
    padding:2px;
    vertical-align: top;
}
#section1 th.bool{
    width:20px;
}
/* table colors 
tr.incomplete.odd, tr.incomplete.even{
    background-color: red;
}
tr.notapproved.odd, tr.notapproved.even{
    background-color: orange;
}*/
#company-input{
    margin-bottom:6px;  
}


#propertyOwner{
    margin-top:10px;  
}
#propertyOwner div.left{
    float:left;
}
#propertyOwner div.right{
    margin-left:40px;
    float:left;
}
#propertyOwner div.right label{
    width:150px;
}
#propertyOwner div.right p.description{
    margin-left:150px;
}
#propertyOwner div.right .error-message{
    margin-left:150px;
    padding:0;
}
span.rbDesc{
    margin-right:10px;
}
#rbError.error-message{
    margin-left:0;
}

/* Print notifications */

#print_header{
    background-color: #FFF;
    width:670px;
    margin-left:20px;
}

.logo-print{
    margin-top:5px;
    position:realtive;
}
#print_title{
    position:absolute;
    z-index:1;
    text-align: center;
    top:40px;
    margin-left:20px;
    width:670px;
    line-height: 11pt;
}
#print_content{
    width:auto;
    background: #fff;
    clear: both;
    color: #333;
    font-size:10pt;
}
#print_content #map{

}
#signature{
    margin-top:40px;
    float:right;
    width:250px;
    border-top: solid 1px #000;
}
#signature p{
    text-align: center;
    font-size:10px;
}
div.inspections_print td, div.inspections_print th{
    text-align: left;
    padding:2px;
}
div.notifications_print, div.compliance_orders_print, div.inspections_print{
    width:670px;
}
div.notifications_print th.main, div.compliance_orders_print th.main, div.inspections_print th.main, div.inspections_print td.main{
    background-color:#CCC;
    color:#000;

}
/*comlpliances/inspections */
div.inspections label{
    width:150px;
}
div.inspections div.error-message{
    margin-left:150px;
}
#compliance_box, #approvalNotes{
    clear:both;
    float:left;
    width:100%;
}
#compliance_box .multicheck, #suspension_box .multicheck{
    float:left;
    width:190px;
    height:20px;
    margin:0;padding:0;
}
#compliance_box .textBox{
    width:100%;

}
#compliance_box .multicheck label, #suspension_box .multicheck label{

}
#complaint_box .multicheck, #suspension_box .multicheck{
    float:left;
    width:190px;

    height:20px;
    margin:0;padding:0;
}
.box{
    width:100%;
}
div.findings{
    clear:both;
    float:left;
    margin-top:6px;
    border-top: solid 1px #CCC;
    padding-top:8px;

}
#specify{
    clear:both;
}
#specify label{
    font-weight: bold;
}
div.inspections .notes{
    width:100%;
    height:86px;
}
/*notification change input*/
.reasons{
    width:98%;
    height:50px;
    margin:4px;
}
fieldset.fs_reasons .error-message{
    float:left;
    margin-left:4px;
}
fieldset.fs_reasons .reasons{
    background-color: #fdf1a7; 
}
#inlineInput{
    clear:left;
}
#inlineInput .input{	

    float:left;	
}
#inlineInput .input input, #inlineInput .input select{	
    margin-left:8px;
    margin-right:8px;
}
#inlineInput label{
    width:auto;
}
#inlineInput .error-message{
    clear:both;
    margin-left:0;
}
#inlineInput a{
    float:left;
}

fieldset.left.assistants{
    width:auto;
}
fieldset.right.assistants{
    width:auto;
    float:left;
    margin-left:20px;
}

/* multiple checkboxes*/
div.multicheck{
    margin-bottom:1px;
}
div.multicheck label{
    width:90%;
    margin-left:6px;
}
div.multicheck input{
    margin-top:4px;
}
.other_input{
    height:18px;
    width:200px;

}
#other_box{
    margin-left:0px;
}
#other_box label{
    width:auto;
    text-align: right;
    margin-right:8px;
    font-style: italic;
}
#other_box .red{
    margin-left:0;
}
/* Inspections view */
#section{
    margin-top:6px;
}
div.inspections table{
    margin-bottom:10px;
}
div.inspections table.left{
    float:left;
    width:auto;
}
div.inspections table.last{
    margin-left:20px;
}
div.inspections th, div.inspections th{
    text-align:left;
    width:200px;
    padding:2px;
    vertical-align: top;
}
ul.inspection_view, ul.citation_view{
    list-style-position: inside;
    list-style-type: square;
    margin-left:20px;
    margin-bottom:20px;
}
/* Enforcement ui-widget-content*/
.ui-widget-header th, th.ui-widget-header{

    text-align:left;
}
th.center, td.center, tr.ui-widget-header th.center{
    text-align: center;
}
.ui-widget-header-dt{
    text-align: center;
}

.ui-widget-header-red{
    background-color: #900;;
    color:#FFF;
    font-weight: bold;
}
.ui-widget-header-green{
    background-color: #339933;
    color:#FFF;
    font-weight: bold;
}

/* Approval */
.yes{
    float:left;
    margin:0;
    margin-top:6px;
    margin-right:8px;
}
p.checkTxt{
    padding:0;
}
/* Notices and Errors */
div.message {
    border:1px solid black;
    clear:both;
    color:#990000;
    font-weight:bold;
    padding:5px;
    margin:5px 0px;
}
/* form error message */
div.error-message{
    clear: both;
    color: #900;
    font-weight: normal;
    margin-left: 120px;

}
div.complianceOrders .error-message, div.citations .error-message, div.suspensionOrders .error-message,
div.suspensionOrderReleases .error-message, div#compliance_box .error-message{
    width:auto;
    margin-left:0;
}
p.floatRight{
    float:right;
}
.red{
    color: #900;
}
.blue{
    color: blue;
}
div.error input{
    border: solid 1px #900;
}
p.error {
    background-color: #e32;
    color: #fff;
    font-family: monospace;
    padding: 5px;
}
p.error em {
    color: #000;
    font-weight: normal;
}
.notice {
    background: #ffcc00;
    color: #000;
    display: block;
    font-family: monospace;
    padding: 5px;
}
.success {
    background: green;
    color: #fff;
}

/*  Actions  */
div.actions{
    margin-top:20px;
    background: url(/img/actions-back.jpg) 100% 0;
    height:100%;
    min-height: 430px;
    border-left:1px solid #aaaaaa;
}
div.actions ul{
    margin: 0px 0;
    padding: 0;
    float:left;
}
div.actions li{
    display:inline;
    clear:both;
    float:left;
    list-style-type: none;
    line-height: 2em;
    margin: 0 5px 0 0;
    white-space: nowrap;
}
div.actions li.spacer{
    display:inline;
    clear:both;
    height:1px;
    margin-bottom:8px;
    margin-top:6px;
    border-top:1px solid #aaa;
    width:100%;
}

div.actions ul li a{
    text-decoration: none;
}
div.actions ul li a:hover{
    text-decoration: underline;
}
#new-notification{
    margin-top:12px;
    float:right;
}
/* Related */
div.related {
    clear: both;


}
.timberers #section1-2{
    min-height:400px;
}



/* Debugging */
pre {
    color: #000;
    background: #f0f0f0;
    padding: 5px;
}
pre.cake-debug {
    background: #ffcc00;
    overflow: auto;
    position: relative;
}
div.cake-stack-trace {
    background: #fff;
    border: 4px dotted #ffcc00;
    color: #333;
    margin: 0px;
    padding: 6px;
    overflow: auto;
    position: relative;
}
div.cake-code-dump pre {
    position: relative;
    overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
    color: #000;
    background-color: #F0F0F0;
    margin: 0px;
    padding: 1em;
    overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
    clear: both;
    font-size: 12px;
    line-height: 15px;
    margin: 4px 2px;
    padding: 4px;
    overflow: auto;
}
div.cake-code-dump span.code-highlight {
    background-color: #ff0;
    padding: 4px;
}
div.code-coverage-results div.code-line {
    padding-left:5px;
    display:block;
    margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
    background:#ecc;
}
div.code-coverage-results div.covered span.content {
    background:#cec;
}
div.code-coverage-results div.ignored span.content {
    color:#aaa;
}
div.code-coverage-results span.line-num {
    color:#666;
    display:block;
    float:left;
    width:20px;
    text-align:right;
    margin-right:5px;
}
div.code-coverage-results span.line-num strong {
    color:#666;
}
div.code-coverage-results div.start {
    border:1px solid #aaa;
    border-width:1px 1px 0px 1px;
    margin-top:30px;
    padding-top:5px;
}
div.code-coverage-results div.end {
    border:1px solid #aaa;
    border-width:0px 1px 1px 1px;
    margin-bottom:30px;
    padding-bottom:5px;
}
div.code-coverage-results div.realstart {
    margin-top:0px;
}
div.code-coverage-results p.note {
    color:#bbb;
    padding:5px;
    margin:5px 0 10px;
    font-size:10px;
}
div.code-coverage-results span.result-bad {
    color: #a00;
}
div.code-coverage-results span.result-ok {
    color: #fa0;
}
div.code-coverage-results span.result-good {
    color: #0a0;
}
/* special form widths */
form#UserLoginForm{
    width:300px;
}
.login_reg{
    margin:0;
    padding:8px;
    font-size:110%;
    font-weight: bold;
    background-color: #CCC;
    border:1px solid #aaa;

}
.login_reg a{
    text-decoration: none;
    color:#000;
}
td.vAlign img{
    vertical-align: top;
}
/* grid inactive/active icons */
td.active{
    text-align: center;
}
/* import errors */
ul.errorlist{
    text-align: center;
    width:400px;
    margin-left:auto;
    margin-right:auto;
}
ul.errorlist li{
    text-align: left;
    clear:left;
}
/* reports */
#types legend, #types fieldset {
    margin-left:0px;
    padding-left:0;
}
#types .radio{
    float:left;
    vertical-align: middle;
}
#types .radio label{
    float:left;
    margin-left:2px;
    margin-right:10px;
    margin-top:-2px;
    padding:0;
}
#reports_ul{
    list-style: square;
    list-style-position: inside;
    line-height: 1.5em;
}
/* new/edit from buttons */

#btnsRight{
    float:right;
}
/*Inspections radio buttons*/
.inspections input[type=radio] {
    /*display:none;
    float:left;*/
    width:auto;
    margin: 0 3px 7px 0;
}

.report{
    padding-top:30px;
}/* 
    Document   : buttons
    Created on : Sep 5, 2012, 2:28:45 PM
    Author     : tbleech
    Description: Sets styles for action buttons.  
    This imageless css button was generated by CSSButtonGenerator.com 
*/

div.actions a, div.actions a:visited, div.btn a, div.btn a:visited {
    display:block;
  /*  background: url(/img/green-button.png) repeat-x;
    opacity:.85;
    background-color:#ada48a;*/
    width: 160px;
    padding:4px 0;
    text-align:center;
    border:1px solid #CCC;
    font-weight:bold;
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    color:#333333;
    text-decoration: none;
    margin-bottom:6px;
}

div.actions a:hover, div.btn a:hover {
border-color:#c6c0ae;
}

div.actions a:activediv.btn a:active {
    /*background-position:  0 -200px;
    padding:11px 0 9px;*/
}
/* 
    Document   : tabs
    Created on : Sep 5, 2012, 9:48:39 AM
    Author     : tbleech
    Description: Controls tab bar navigation.
*/
/* tab containers */
div#nav{
    background-color:#cccccc;
    height:30px;
}
#nav_left{
    float:left;
    margin-top:7px;
    margin-left:30px;
}
#nav_right{
    float:right;
     margin-top:7px;
    margin-right:20px;
}
/* individual tabs */
ul#tabs {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#tabs a {
    background: #eaeaea;
    color: #333333;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ul#tabs a:hover {
    background-color: #f6f5f5;
    background-position: 0 -120px;
}

ul#tabs a:hover span {
    background-position: 100% -120px;
}

ul#tabs li {
    float: left;
    margin: 0 1px 0 0;
}

ul#tabs li.current a {
    background-color: #fff;
    background-position: 0 -60px;
    color: #333333;
    font-weight: bold;
}

ul#tabs li.current span {
    background-position: 100% -60px;
}

ul#tabs span {
   
    display: block;
    line-height: 2em;
    padding-right: 10px;
}/* 
    Document   : errors
    Created on : Sep 13, 2012, 9:31:56 AM
    Author     : tbleech
    Description: Displays custom error styles
*/


/* MESSAGE BOXES
/////////////////////////////*/

#flashMessage { 
    clear:both;
    text-align: center; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    color:#545454; width:100%;  
    margin-top:0px;
    margin-bottom:10px;	

}
#flashMessage img{
    margin-right:10px;
    margin-top:0;
    vertical-align:middle;
}
#flashMessage.clean { background-color: #efefef; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
#flashMessage.info  { background-color: #f7fafd; border-top: 1px solid #b5d3ff; border-bottom: 1px solid #b5d3ff; }
#flashMessage.ok    { background-color: #d7f7c4; border-top: 1px solid #82cb2f; border-bottom: 1px solid #82cb2f; }
#flashMessage.alert { background-color: #fef5be; border-top: 1px solid #fdd425; border-bottom: 1px solid #fdd425; }
#flashMessage.warning { background-color: #efefef; border-top: 1px solid #e10c0c; border-bottom: 1px solid #e10c0c; }
#flashMessage.error { background-color: #ffcdd1; border-top: 1px solid #e10c0c; border-bottom: 1px solid #e10c0c; }