/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

 * {
    margin:0;
    padding:0;
}

/* Fix Footer and Window Sizing */
html, body, #container {
    height: 100%;
}

#backend-header-section{
    height: 61px;
}

#content-wide{
    height: calc(100% - 114px);
    overflow-y: auto;
}



/** General Style Info **/
body {
    /*background: #fff url('../img/tile1.jpg') repeat-x 0 0px;;*/
    /*color: #fff;*/
    font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
    font-size:14px;
    margin: 0;
    line-height:120%;
}
a {
    color: #003d4c;
    text-decoration: underline;
    font-weight: bold;
}
a:hover {
    color: #367889;
    text-decoration:none;
}
a img {
    border:none;
}
h1, h2, h3, h4 {
    font-weight: normal;
    margin-bottom:0.5em;
    margin-top:1em;
}
h1 {
    background:#fff;
    color: #003d4c;
    font-size: 100%;
}
h2 {
    background:#fff;
    color: #e32;
    font-family:'lucida grande', helvetica, arial, sans-serif;
    font-size: 190%;
}
h3 {
    color: #993;
    font-family:'lucida grande', helvetica, arial, sans-serif;
    font-size: 165%;
}
h4 {
    color: #993;
    font-weight: bold;
}
ul, li {
    margin: 0 12px;
}


/** containers **/
div.form,
div.index,
div.view {
    float:right;
    width:76%;
    border-left:1px solid #666;
    padding:10px 2%;
}
div.actions {
    float:left;
    padding:10px 10px;
}
div.actions h3 {
    padding-top:0;
    color:#777;
}


/** Tables **/
table {
    background: #fff;
    border-right:0;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    width: auto; /*100%;*/
}
th {
    border:0;
    border-bottom:2px solid #555;
    text-align: left;
    padding:4px;
}
th a {
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
th a.asc:after {
    content: ' ⇣';
}
th a.desc:after {
    content: ' ⇡';
}
table tr td {
    background: #fff;
    padding: 4px 6px;
    text-align: left;
    vertical-align: top;
    border-bottom:1px solid #ddd;
}
table tr:nth-child(2n)  {
    background: #f5f5f5;
}
table .altrow td {
    background: #f5f5f5;
}
td.actions {
    text-align: left;
    white-space: nowrap;
}
table td.actions a {
    margin: 0px 6px 0 0;
    padding:2px 5px;
}
.cake-sql-log table {
    background: #f4f4f4;
}
.cake-sql-log td {
    padding: 4px 8px;
    text-align: left;
    font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
    color:#fff;
}

/** Paging **/
div.paging {
    background:#fff;
    color: #ccc;
    margin-top: 1em;
    clear:both;
}
div.paging span.disabled {
    color: #ddd;
    display: inline;
}
div.paging span.current {
    color: #c73e14;
}
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 {
    clear: both;
    margin-right: 20px;
    margin-top: 15px;
	padding: 0;
    width: 95%;
	
}
fieldset {
    border: 1px solid #ccc;
    margin-bottom: 1em;
    padding: 16px 20px;
/*    width:80%; */
}
fieldset legend {
    background:#fff;
    color: #e32;
    font-size: 160%;
    font-weight: bold; padding-bottom:5px;
}
fieldset fieldset {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 16px 10px;
}
fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
form div {
    clear: both;
    margin-bottom: 0em;
    padding: .2em;
    vertical-align: text-top;
}
form .input {
    color: #444; 
}
form .required {
/*    font-weight: bold; */
}
form .required label:after {
    color: #e32;
    content: '*';
    display:inline;
}
form div.submit {
    border: 0;
    clear: both;
    margin-top: 5px;
    margin-bottom: 10px;
}
label {
    display: block;
    font-size: 110%;
    margin-bottom:3px; /*float:left; width:auto;*/
	float:left;
    margin-right: 10px;
}

form label {
    display: block;
    font-size: 110%;
    margin-bottom:3px; /*float:left; width:auto;*/
	float:left;
    margin-right: 10px;
    width: 225px;
}

input, textarea {
    clear: both;
    font-size: 100%;
    font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
    /*padding: 1%;*/
    padding:0.2em 0.3em 0.3em 0.3em;
    width:84px; 
}
select {
    clear: both;
    font-size: 100%;
    vertical-align: text-bottom;
}
select[multiple=multiple] {
    width: 100%;
}
option {
    font-size: 100%;
    padding: 0 3px;
}
input[type=checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
}
div.checkbox label {
    display: inline;
}

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;
    font-size: 110%;
    width: auto;
}
form .submit input[type=submit], .submit input[type=submit], #continue-button, form .submit .anchor-button  {
    background:#62af56;
    background: -webkit-gradient(linear, left top, left bottom, from(#a8ea9c), to(#62af56));
    background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);
    border-color: #2d6324;
    color: #000;
    text-shadow: #8cee7c 0px 1px 0px;
}
form .submit input[type=submit]:hover, .submit input[type=submit]:hover, #continue-button:hover, form .submit .anchor-button:hover {
    background:#4ca83d;
    background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d));
    background-image: -moz-linear-gradient(top, #85e573, #4ca83d);
    cursor: pointer;
}

.anchor-button{
    display: inline-block;
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid #2D6324;
    font-weight: normal;
    text-align: center;

    background:#62af56;
    background: -webkit-gradient(linear, left top, left bottom, from(#a8ea9c), to(#62af56));
    background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);
    border-color: #2d6324;
    color: #000;
    text-shadow: #8cee7c 0px 1px 0px;

    padding: 4px 8px;
}

.anchor-button:hover{
    background:#4ca83d;
    background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d));
    background-image: -moz-linear-gradient(top, #85e573, #4ca83d);
}

/** Notices and Errors **/
div.message {
    clear: both;
    background-color: #20548E;
    padding: 10px;
    border: 1px solid white;
    width: auto;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    color: #EAFFED;
    background: #09c;
    margin-bottom: 10px;
}
div.error-message {
    clear: both;
    background-color: #20548E;
    padding: 10px;
    border: 1px solid white;
    width: auto;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    background: red;
    margin-bottom: 10px;
    animation: blinker 5s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
p.error {
    background-color: #e32;
    color: #fff;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
p.error em {
    color: #000;
    font-weight: normal;
    line-height: 140%;
}
.notice {
    background: #ffcc00;
    color: #000;
    display: block;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
.success {
    background: green;
    color: #fff;
}

/**  Actions  **/
div.actions ul {
    margin: 0;
    padding: 0;
}
div.actions li {
    margin:0 0 0.5em 0;
    list-style-type: none;
    white-space: nowrap;
    padding: 0;
}
div.actions ul li a {
    font-weight: normal;
    display: block;
    clear: both;
}
div.actions ul li a:hover {
    text-decoration: underline;
}

input[type=submit],
div.actions ul li a,
td.actions a {
    font-weight:normal;
    padding: 4px 8px;
     background:-moz-linear-gradient(center top , #A8EA9C, #62AF56) repeat scroll 0 0 #62AF56;
     color:#000;
    border:1px solid #2D6324;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    text-decoration:none;
    text-shadow:0 1px 0 #8CEE7C;
    min-width: 0;
}
input[type=submit]:hover,
div.actions ul li a:hover,
td.actions a:hover {
     background: -moz-linear-gradient(center top , #85E573, #4CA83D) repeat scroll 0 0 #4CA83D;
	 text-decoration:none;
}

/** Related **/
div.related {
    clear: both;
    display: block;
}

/** Debugging **/
pre {
    color: #000;
    background: #f0f0f0;
    padding: 1em;
}
pre.cake-debug {
    background: #ffcc00;
    font-size: 120%;
    line-height: 140%;
    margin-top: 1em;
    overflow: auto;
    position: relative;
}
div.cake-stack-trace {
    background: #fff;
    color: #333;
    margin: 0px;
    padding: 6px;
    font-size: 120%;
    line-height: 140%;
    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;
}

#FarmPreferenceNumberIrrig {
width: 94px;
}

.tdr_textbox {
 width:125px;
 }
 
.irr_textbox {
 width:150px; 
}
.irrigationform label { float:left; padding:0 10px 0 0px;width: 175px;}
.irrigationform select{  width:159px; }
#BlockAddForm select{  width:160px; padding:5px 3px;}
#BlockAddForm label{ width: 150px !important;}

.soil_textbox {
 width:166px;
}

.fcap_textbox {
width:150px;
}


.preferences input[type="radio"] {
	margin:0px 0;
	float:none;
}
.preferences label { 
	width:520px;
	float:left;
	margin:0 0 5px 0px;
	clear:none;
	font-weight:normal;
}
.preferences input[type="checkbox"] {
	float:none;
	clear:none;

}
.preferences input[type="text"] {
	margin:0 0 5px 0px;
	float:left;
	clear:none;
	padding:3px;
	width:95px;
}

.check_waterbalance {
	padding-left:520px;
	float:left;
}

/* fieldset.preferencesfdset { width:560px;} */
fieldset.preferencesfdset .input.checkbox {
	float:left;
	margin:0 10px 0 0px;
}

.preference_select {
	margin:0 0 5px 0px;
	float:left;
	clear:none;
	padding:3px;
	width:105px;
}

.add_preferences_select{
	margin:0 0 5px 0px;
	padding:3px;
	width:105px;
}

.add_preferences label {
    float: left;
    font-weight: normal;
    width: 315px;
}

.add_preferences input {
 float:left;
}

.edit_preferences label {
    float: left;
    font-weight: normal;
    width: 229px;
}

.edit_preferences input {
 float:left;
}


.farmpreferences label {
 float:left;
 width:475px;
 padding-right: 10px;
}

fieldset.farmpreferences .input.checkbox {
	float:left;
	margin:0 10px 0 0px;
}
 
#LoginLoginForm label {
  width:80px;
 }
 
#FarmPreferenceAdjustMoisture {
float:none !important;
}
 
#FarmPreferenceAutomaticWb {
float:none !important;
}

#LoginRegisterForm label {
width:120px !important;
}


div fieldset label {
/*  width:210px; */
}

td .delcheckbox {
float:right;
 }

.checkfeed{
float: left;
    text-align: left;
    width: 107px;
}
	
.enablefeed{
  float: left;
   text-align: left;
    width:85px;
 }
 
 .printreport input[type="radio"],  .printreport input[type="text"] {
    clear: both;
    float: left;
	}
	
.printreport {
	/*width:35%;*/
}	
.printreport table{
    /*width: 100% !important;*/
}

@media print{
    .printreport{
        width: auto;
    }
    
    .printreport table{
        width: 850px !important;
        margin: 0;
        padding: 0;
    }
    
    .printreport th{
        padding: 0;
    }
    
    .printreport td{
        padding: 2px 3px;
    }
    
    .printreport .print, .printreport-new .print{
        display: none;
    }
        
    .paging{
        display: none;
    }
    
    .printreport h2, .printreport h3, .printreport h5{
        padding: 1px;
        margin: 1px;
        font-size: 110%;
    }
    
    .printreport .leftarrow, .printreport .rightarrow{
        display: none;
    }
}

body #reserved-printing-area{
    display: none;
}
body.printing{
    width: 100%;
    height: 100%;
}
body.printing > div {
    display: none;
}
body.printing #reserved-printing-area{
    display: block;
    width: 100%;
    height: 100%;
}

.acqacheck_rzm input[type="radio"]{
    float: left;
  /*  margin: 0 3px 7px 0; */
    width: auto;
}	



 .eqipclass {
float: left; 
width: 165px;
border:none;
}

.eqipclass label {
float:left;
width:120px !important;
}

.date label {
width: 100px;
}
.tdr input[type="radio"] {
float: left !important;
width:auto;
}

#maptype input[type="radio"] {
float: left !important;
width:auto;
}
.aquacheckeditform input[type="text"]{ width:138px;}
#perpage2 {
	float: left;
	padding:0 10px 0 0px;
}
#navigation2 {
	float: left;
	padding:0 10px 0 0px;
}

#displaytext2 {
	float: left;
	padding:0 10px 0 0px;
}

/**
 * style for inline checkbox list
 * farms/edit_preferences
 */
.preferencesfdset {
    margin-top: 5px;
    width: 520px;
}

.preferencesfdset div.input.checkbox {
    display: inline;
    float: none;
}

.preferencesfdset label {
    width: 48px;
}

.preferencesfdset input[type='checkbox'] {
    float: left;
    padding: 5px;
}
/**

 */
 #head1 {
    width:330px;
    height:245px;
    border:3px solid white;
    float:left;
    background: url(../img/tile2.jpg) repeat-x 0 0;
    margin-bottom: 3px;
}
#head1 h1 {
    background:none;
    font-size:30px;
    font-family: times;
    color:#1c2e1c;    
    text-align: center;
    margin-top:80px;
}
#head1 h2 {
    background:none;
    font-size:20px;
    font-family: times;
    color:#1c2e1c;
    text-align: center;
}
#slide {
    width:620px;
    height:245px;
    float:left;
    border-top:3px solid white;
    border-right:3px solid white;
    border-bottom:3px solid white;
    overflow:hidden;
    position: relative;
}
#login {
    line-height:30px;
    color: #fff;
    padding: 0px 30px;
    float: right;
}
#mainmenu {
    width:100%;
    height:47px;
    background: url(../img/tile_menu.gif) repeat-x 0 0;
    clear:both;    
    line-height: 30px;
}
#mainmenu li,#mainmenu-backend li{
    display:inline;
    padding:0px;
    list-style-type:none;
    margin:0 3px;
 }
#mainmenu li a, #mainmenu-backend li a { color : #fff;}
#shl {
    position:absolute;
    top:0px;
    left:-5px;
}
#shr {
    position:absolute;
    top:0px;
    right:-5px;
}
#cshl {
    position:absolute;
    top:2px;
    left:0px;
    height:99%;
    width:13px;
    background:#fff url(../img/left_shadow.jpg) repeat-y 0 0;
}
#cshr {
    position:absolute;
    top:2px;
    right:0px;
    height:99%;
    width:13px;
    background:#fff url(../img/right_shadow.jpg) repeat-y 0 0;

}
#login a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#login .padded{
    padding-left:10px;
}

#login a:hover {
    color: #c3c3c3;
    text-decoration: underline;
}

#hor-menu {
      line-height:30px;
      background-color:#93cf78;
      margin-bottom: 1em;
      margin-top: 1em;
      width:100%;
      border-top:1px solid #d3d3d3;
      border-bottom:1px solid #d3d3d3;
      background:#f4f4f4;
 }

 #hor-menu li{
    display:inline;
    padding:0px;
    list-style-type:none;
 }
 #admin-menu {
    width:300px; float:left;
 }

 /* #owners account details view */
 .col { /*width:40%;*/ float: left; margin:10px; padding:15px; border-left:1px solid #ccc; }

 .fcol { width:25%; float:left; clear:none; }
 .fcol3 { width:32%; float:left; clear:none; }
 .fcol31 { width:38%; float:left; clear:none; }
 .fcol30 { width:30%; float:left; clear:none; } 
 .inl label {display:inline}
 .clrl {clear:left;}

 .irrigtable {width:950px;}
 .irrigtable td{padding:0 2px 0 2px; margin:0;}
 .irrigtable td input {width:50px;}
 
 .key {width:10px; height:10px; float:left; clear:none; border:1px solid gray;}
 .keytxt {float:left; clear:none; padding-right:20px;}
 .past { background-color:#4FA6FE; text-align:center; }
 .today { background-color:#6FFF6F; }
 .future { background-color:#FFF43C; }
 #mccontainer { overflow:auto; height:700px;}

 .clr { clear:both; }

 .grid td { padding:0; margin:0; }
 .inplarge { width:140px; }
 .red input{ background-color:#F66; }
 .pad { padding-bottom:1em; }
 .info {width:50%}
 #content2 {/*padding:10px; */min-height:400px;}
 .home2 { width:19%; float:right; margin:1em; padding:0 0.5em 1em 1em; border:1px solid #ccc; }
 .register { width:75px; }
 .features li{padding:0.1em}
 .prods { width:150px; height:100%; float:left; margin:1em; padding:0 0.5em 1em 1em; }
 .prods2 { width:720px; float:right; }
 .pageimg { padding:5px; margin:5px; border:1px solid #ccc; }
 .flr {float:right;}
 .ipad { padding-right:10px}
.inl { display:inline;}
.graphselect { padding:10px 0 5px 30px;}
.wid input[type=text] { width:100%}

#dropmenu { 
    margin:0 auto 10px auto;
    width:95%;
    text-align: center;
}

/* #hor-menu {
      line-height:30px;
      background-color:#93cf78;
      margin-bottom: 1em;
      margin-top: 1em;
      width:100%;
      border-top:1px solid #d3d3d3;
      border-bottom:1px solid #d3d3d3;
      background:#f4f4f4;
 } */

#jsddm
{   
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    }

    #jsddm li
    {   float: left;
        list-style: none;
	    position:relative;
    	margin:0;
        font: 12px Tahoma, Arial;
	    z-index: 100;
    	padding: 0px;
        background: #20548E;
        text-align: left;
        display: inline-block;
    }

    #jsddm li:first-child{
	border-bottom-left-radius: 5px;
    }
    
    #jsddm li:last-child{
	border-bottom-right-radius: 5px;
    }

    #jsddm li a
    {   
	display: block;
        text-decoration: none;
        color: #EAFFED;
        white-space: nowrap;
        padding: 8px 15px;
    }

    #jsddm li:hover{
	background: #1A4473;
    }

        #jsddm li ul
        {   margin: 0;
            position: absolute;
	    
	    left: 0;
	    top: 30px;
	    z-index: -1;
	    
	    -webkit-transition: opacity 0.3s ease-in-out;
	    -moz-transition: opacity 0.3s ease-in-out;
	    -o-transition: opacity 0.3s ease-in-out;
	    -ms-transition: opacity 0.3s ease-in-out;
	    transition: opacity 0.3s ease-in-out;
	    
	    height: 0px;
	    width: 0px;
	    opacity: 0;
	    overflow:hidden;
	    
	    border-bottom-left-radius: 5px;
	    border-bottom-right-radius: 5px;
	}
	
	#jsddm li:hover ul{
	    height: auto;
	    width: auto;
	    opacity: 1;
	}

        #jsddm li ul li
        {   
            float: none;
            background: #09c;
            display: block;
            min-width: 150px;
    	    width: auto;

	}
	
	#jsddm li ul li:first-child{
	    border-bottom-left-radius: 0px !important;
	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
	}
	
        #jsddm li ul li:hover
        {   background: #1A4473;}

    .name {
        color:#8f8;
        background:#20548E !important;
        font-weight:bold;
        padding:5px 12px !important;
        }

.w100 { width:100px;}
.w250 { width:250px;}
.w500 { width:500px;}
h5 {color:black; font-size: 140%; font-weight: bold;}
.old {color:#aa0066;}
.danger {color:red; font-weight:bold;}


#jsddmn:after{
    clear:both;
}

#dropmenu:after{
    clear:both;
}

#mainmenu-backend {
   /*background:url("../img/tile_menu.gif") repeat-x scroll 0 0 transparent;*/
   line-height:33px;
   min-width: 1024px;
   width:100%;
}
.backend-body {
   background:url(../img/tile3.jpg) repeat-x;
}

.backend-body #container{
    min-width: 1210px;
}

.link-box { float:left; width:100%; padding:10px; border-bottom:1px dotted #cfcfcf; }
.link-box div { float:left; width:250px; }
.link-box .link-box-text-div { width:500px; }
.link-box .link-box-text-div h3 { margin-top:0; }
.link-box img { width:230px; }

#prods-page img { padding:5px; }
#selectall, #selectnone { font-size:90%; font-weight:normal; text-decoration:none;}
.print { padding:0 30px;}
/*.cake-sql-log {display:none;}*/
#probeform {width:900px}
.eltable label{float:left; }
#loading {
    position:absolute;
    top:30%;
    left:35%;
    display: none;
    height:150px;
    width: 30%;
    margin:0 auto;
    border:1px solid #ccc;
    background-color: #fff;
}
#loading img { padding:12% 45%}

.twidth { width:110px;}
.dup input { background-color: #ffee22;}
#mcinput { width:1600px; overflow:auto;}
#mcinput input[type=text] {width:95%}
.wdate { width:200px;}
.wcult { width:200px;}
.wstage{ width:110px;}
.wmin {width:50px}
#WaterBalanceSiAdminWbeditForm { width:2200px;}
#WaterBalanceUsAdminWbeditForm {width:2200px;}
#wbedit { width:100%;height:500px; overflow-x: scroll; overflow-y:scroll;  }
.iset {width:100px; line-height: 22px;}
#map_key {width: 960px; margin:0 auto;}
#map_key table { float:right}
#map_canvas {width:710px; height:500px; float:left; }
.hov {z-index:101;}
#col-on { background-color:#0000ff; width:20px;}
#col-ons { background-color:#00ccff;}
#col-off { background-color:#000000;}
#col-drop { background-color:#ff9900;}
#col-old { background-color:#888;}
#col-max { background-color:red;}

#col-np-gfull { background-color:#0000ff;}
#col-np-full { background-color:#00ccff;}
#col-np-mid { background-color:#000000;}
#col-np-refill { background-color:#ff9900;}
#col-np-lrefill { background-color:#ff0000;}

#maptype { /*float:right;*/ padding:5px 10px; }
#maptype label{ display:inline; padding:0 10px 0 0;}
#maptype input{ display:inline; float:none; }

#map_key_wrapper { margin:0 auto; float:left; padding-left:20px; clear:none;}
#map_wrapper { }
#clrr { clear:right;}

#smscount { padding-left:780px;}

.vline {  border-left: 1px solid #000;}

#inline div label {
    width:150px; float:left;
}

table.aquacheck_edit { width:100%; } 

.wide { width:110px; }

/******************************* ALL Graphs *******************************/
.disp_grpah
{
	width:100%; 
	height:260px; 
	float:left;
	border:1px solid #000;
	margin:40px 0 0px 10px; 
	display:none;
}
@media print
{
	.disp_grpah {
		padding:10px 10px 50px 10px;
	}
}	
.disp_grpah h2 
{
	width:100%;
	float:left; 
	height:auto; 
	margin:5px 0 0 0; 
	padding:0; 
	font-size:14px;
	font-weight:600;
	cursor:move;
}
.disp_grpah span
{
	margin-left:5px;
	font-size:12px; 
	/*font-weight:bold;*/ 
	float:left; 
	width:auto;
}
.disp_grpah #title_div
{
	width:100%;
	float:left; 
	margin-top:5px; 
	height:30px;
}
.chart
{
	width: 100%; 
	height: 225px; 
	margin:0px 0 10px 0; 
	float:left;
}
/******************************* ALL Graphs *******************************/
.hero-unit h1{
	background: none;
}

.hero-unit .buttons{
	margin-top: 100px;
}

.row .span4 p{
	height: 9ex;
}

.buttons{
	text-align: right;
}

.sliderContainer{
	padding: 70px 0 0 0;
	margin-bottom: 70px;
}

.ui-rangeslider{
	margin:0 40px;
}

input.ui-editRangeSlider-inputValue{
	margin:0;
	width: 3em;
	height: auto;
}
/**
 * Theme for jQRangeSlider
 * Inspired by http://cssdeck.com/item/381/itunes-10-storage-bar
 *        and http://cssdeck.com/item/276/pure-css-arrow-with-border-tooltip
 */

.ui-rangeSlider-withArrows .ui-rangeSlider-container{
  margin: 0 15px;
  -webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
  -moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
  box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
}

.ui-rangeSlider-noArrow .ui-rangeSlider-container{
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-left: solid 1px #515862;
  border-right: solid 1px #515862;

  -webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
  -moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
  box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
}

.ui-rangeSlider-container{
 	height: 30px;
  border-top: solid 1px #232a32;
  border-bottom: solid 1px #6a7179;
  background: #67707F;
  background: -moz-linear-gradient(top, #67707F 0%, #888DA0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67707F), color-stop(100%,#888DA0));
}


.ui-rangeSlider-arrow{
  width:14px;
  height:30px;
  border-top: solid 1px #232a32;
  border-bottom: solid 1px #6a7179;
  background: #67707F;
  cursor:pointer;

  box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
  -webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
  -moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
  background: -moz-linear-gradient(top, #67707F 0%, #888DA0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67707F), color-stop(100%,#888DA0));
}

.ui-rangeSlider-leftArrow{
  border-radius:4px 0 0 4px;
  border-left: solid 1px #515862;
}

.ui-rangeSlider-rightArrow{
  border-radius:0 4px 4px 0;
  border-right: solid 1px #515862;
}

.ui-rangeSlider-arrow-inner{
  position: absolute;
  top: 50%;
  border: 10px solid transparent;
  width:0;
  height:0;

  margin-top: -10px;
}

.ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner{
  border-right:10px solid #a4a8b7;
  left: 0;
  margin-left: -8px;
}

.ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner{
  border-right:10px solid #b3b6c2;
}

.ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner{
  border-left:10px solid #a4a8b7;
  right: 0;
  margin-right: -8px;
}

.ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner{
  border-left:10px solid #b3b6c2;
}

.ui-rangeSlider-innerBar{
  width: 110%;
  height: 100%;
  left: -10px;
}

.ui-rangeSlider-bar{
	background: #68a1d6;
  height: 29px;
  margin:1px 0;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor:move;
	cursor:grab;
	cursor: -moz-grab;
  
	-webkit-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);
  -moz-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);
  box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);;
 }

.ui-rangeSlider-handle{
	width:10px;
	height:30px;
	background: transparent;
	cursor:col-resize;
}

.ui-rangeSlider-label{
  background: #888DA0;
  background: -moz-linear-gradient(top, #67707F 0%, #888DA0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67707F), color-stop(100%,#888DA0));
  padding: 5px 10px;
  bottom:10px;

  -moz-border-radius: 4px;
  border-radius: 4px;

  -webkit-box-shadow: 0px 1px 0px #c2c5d6;
  -moz-box-shadow: 0px 1px 0px #c2c5d6;
  box-shadow: 0px 1px 0px #c2c5d6;

  color:white;
  font-size:15px;

  cursor:col-resize;
}

.ui-editRangeSlider .ui-rangeSlider-label{
}

.ui-rangeSlider-label-inner{
 
  position: absolute;
  top: 100%;
  left: 50%;
  display: block;
  z-index:99;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

  margin-left: -10px;
  border-top: 10px solid #888DA0;
}

.ui-editRangeSlider-inputValue{
  width:2em;
  text-align:center;
  font-size:15px;
}

.form_container{
width:960px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
display:none;
margin:0px auto;
padding-top:20px;
}
.form_list_container{
float:left;
width:210px;
margin:5px;
clear:none;
}
fieldset{
width:96%;	
border:1px solid #CCC;
padding:2%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
fieldset legend{
font-size:120%;
}
legend{
font-weight: bold;
margin-left: 9px;
padding: 0 8px;
text-transform: uppercase;
}
.list_form{
margin:0px;
padding:0px;
list-style:none;
}
.list_form li{
display:block;
padding:3px 0px;	
}
.list_form li span{
display:inline-block;
width:100px;
#font-weight:900;
}
.list_form li input{
border:1px solid #ccc;

vertical-align:top;
padding:5px;
}
.cus_input{
width:100px;	
}
.list_form li select{
width:100px;	
border:1px solid #ccc;
vertical-align:top;
padding:5px;
}
.drag_div,  .com_div{
display:block;
padding:5px;
overflow:hidden;
background:#eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.com_div{
background:none;
}
.clear{
clear:both;
}
.close_b {
float:right;	
}
.com_div .list_form li{
float:left;	
width:40%;
border:none;
}
.clickme{
cursor:pointer;
font:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-decoration:underline;
}
.cgebut{
background: -moz-linear-gradient(center top , #A8EA9C, #62AF56) repeat scroll 0 0 #62AF56;
border: 1px solid #2D6324;
border-radius: 8px 8px 8px 8px;
color: #000000;
font-weight: normal;
min-width: 0;
padding: 4px 8px;
text-decoration: none;
text-shadow: 0 1px 0 #8CEE7C;
}
.cgebut:hover{
background: -moz-linear-gradient(center top , #85E573, #4CA83D) repeat scroll 0 0 #4CA83D;
text-decoration:none;
}
#gph_div{
width:100%;
float:left;
height:100%; 
float:left; 
margin:20px 0 30px 0; 
padding:0;
}
#gph_div .disp_grpah{
width:48%; 
height:450px; 
float:left;
border:1px solid #000;
margin:10px 0 0px 10px; 
display:none;
}
#loading_wait{
display:none; 
position:absolute;
z-index:100000; 
top:20%; 
left:35%;
}
#successmsg{
width:300px; 
float:left; 
height:20px; 
margin:0 0 0 10px; 
padding:5px; 
color:#EE3322; 
text-transform:capitalize; 
font-weight:bold;
font-size: 120%;
}

/**
 * styles added by andreh
 */
.small-field {
    width: 40px;
}
 
 @media print {
  #gph_div{
width:100%;
float:left;
height:100%; 
float:left; 
margin:20px 0 30px 0; 
padding:0;
}
#gph_div .disp_grpah{

height:450px; 
border:1px solid red;
}
}

/**
 * style found in 'new' css file
 */

.list_form li{
   display:block;
}  
   
.list_form input[type="checkbox"] {
    display:none;
}

.list_form input[type="checkbox"] + label {
    display: block;
    float:none;
    #font-weight: 900;
    width: 110px;
    position:relative;
}

.list_form input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(/img/check_radio_sheet_normal.png) left top no-repeat ;
    cursor:pointer;
   
   position:absolute;
   right:-50px;
   top:0;
}

.list_form input[type="checkbox"]:checked + label span {
    background:url(/img/check_radio_sheet_normal.png) -20px top no-repeat;
}

.list_form input[type="radio"] {
    display:none;
}

.list_form input[type="radio"] + label {
    display: block;
    float:none;
    #font-weight: 900;
    width: 110px;
   
   position:relative;
}

.list_form input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(/img/check_radio_sheet_normal.png) -37px top no-repeat;
    cursor:pointer;
   
   position:absolute;
   right:-50px;
   top:0;
}

.list_form input[type="radio"]:checked + label span {
    background:url(/img/check_radio_sheet_normal.png) -57px top no-repeat;
}

#spaw-window {
    font-size: 12px;
    text-align: center;
}

#spaw-window input {
    font-size: 10px;
    width: 30px;
}

.undecorated-link {
    text-decoration: none;
    font-weight: normal;
}

.undecorated-link:hover {
    text-decoration: underline;
}

.irrigation-capture th {
    text-align: center;
}

.irrigation-capture th, .irrigation-capture td {
    width: 80px;
    padding-left: 6px;
    padding-right: 6px;
}

.irrigation-capture input {
    width: 40px;
}

.irrigation-capture-weekend {
    background: #f5f5f5
}

.irrigation-capture tr{
    background-color: white;
}

.irrigation-capture tr td{
    border-bottom: 0px;
    text-align: left;
}

.irrigation-capture tr:hover td {
    background-color: #E2E2E2; 
}

#irrigation-capture-wrapper {
    height: 575px; 
    overflow: auto;
    border-bottom: 1px solid black;
}


/* WEATHER UNDERGROUND STYLING */
/*
.curr-cond-wu{
    width: 646px;
    border-left: 2px solid #444;
    border-right: 2px solid #444;
    border-top: 2px solid #444;
}

.curr-cond-wu .cond-block-wu{
    padding: 10px 5px;
}

.curr-cond-wu .general-info{
    background: #6CF;
    border-bottom: 1px solid #ccc;
}

.curr-cond-wu .general-info .place-info{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.curr-cond-wu .general-info .updated-info{
    text-align: center;
}

.curr-cond-wu .temp-info .left-temp, .curr-cond-wu .temp-info .right-temp{
    float: left;
    text-align: center;
    width: 50%;
}

.curr-cond-wu .temp-info{
    background: #eee;
    border-bottom: 1px solid #ccc;
}

.curr-cond-wu .temp-info .left-temp{
    padding: 15px 0 0 0;
}

.curr-cond-wu .temp-info .left-temp .current-temp{
    font-size: 24px;
    font-weight: bold;
}

.curr-cond-wu .temp-info .left-temp .feel-temp{
    font-size: 10px;
}

.curr-cond-wu .temp-info .right-temp .wind-speed{
    margin: 0 auto;
    width: 70px;
    height: 70px;
}

.curr-cond-wu .temp-info .right-temp .wind-speed a{
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    display: block;
    padding-top: 20px;
    text-decoration: none;
}

.curr-cond-wu .other-info{
    padding: 10px;
}

.curr-cond-wu .other-info .other-info-block{
    width: 196px;
    margin: 3px 0;
    float: left;
}


.curr-cond-wu .temp-info .right-temp .wind-north{
    background: url('../img/wunderground/wind.png');
}

.curr-cond-wu .temp-info .right-temp .wind-ne,
.curr-cond-wu .temp-info .right-temp .wind-nw,
.curr-cond-wu .temp-info .right-temp .wind-nne,
.curr-cond-wu .temp-info .right-temp .wind-nnw,
.curr-cond-wu .temp-info .right-temp .wind-south,
.curr-cond-wu .temp-info .right-temp .wind-se,
.curr-cond-wu .temp-info .right-temp .wind-sw,
.curr-cond-wu .temp-info .right-temp .wind-sse,
.curr-cond-wu .temp-info .right-temp .wind-ssw,
.curr-cond-wu .temp-info .right-temp .wind-west,
.curr-cond-wu .temp-info .right-temp .wind-wnw,
.curr-cond-wu .temp-info .right-temp .wind-wsw,
.curr-cond-wu .temp-info .right-temp .wind-east,
.curr-cond-wu .temp-info .right-temp .wind-ene,
.curr-cond-wu .temp-info .right-temp .wind-ese
{
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.curr-cond-wu .temp-info .right-temp .wind-ne:after,
.curr-cond-wu .temp-info .right-temp .wind-nw:after,
.curr-cond-wu .temp-info .right-temp .wind-nne:after,
.curr-cond-wu .temp-info .right-temp .wind-nnw:after,
.curr-cond-wu .temp-info .right-temp .wind-south:after,
.curr-cond-wu .temp-info .right-temp .wind-se:after,
.curr-cond-wu .temp-info .right-temp .wind-sw:after,
.curr-cond-wu .temp-info .right-temp .wind-sse:after,
.curr-cond-wu .temp-info .right-temp .wind-ssw:after,
.curr-cond-wu .temp-info .right-temp .wind-west:after,
.curr-cond-wu .temp-info .right-temp .wind-wnw:after,
.curr-cond-wu .temp-info .right-temp .wind-wsw:after,
.curr-cond-wu .temp-info .right-temp .wind-east:after,
.curr-cond-wu .temp-info .right-temp .wind-ene:after,
.curr-cond-wu .temp-info .right-temp .wind-ese:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: url('../img/wunderground/wind.png');
}

.curr-cond-wu .temp-info .right-temp .wind-ne:after{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.curr-cond-wu .temp-info .right-temp .wind-nw:after{
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
    
}
.curr-cond-wu .temp-info .right-temp .wind-nne:after{
	-webkit-transform: rotate(22.5deg);
	-moz-transform: rotate(22.5deg);
	-ms-transform: rotate(22.5deg);
	-o-transform: rotate(22.5deg);
	transform: rotate(22.5deg);
    
}
.curr-cond-wu .temp-info .right-temp .wind-nnw:after{
	-webkit-transform: rotate(337.5deg);
	-moz-transform: rotate(337.5deg);
	-ms-transform: rotate(337.5deg);
	-o-transform: rotate(337.5deg);
	transform: rotate(337.5deg);
    
}
.curr-cond-wu .temp-info .right-temp .wind-south:after{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);    
}
.curr-cond-wu .temp-info .right-temp .wind-se:after{
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
    
}
.curr-cond-wu .temp-info .right-temp .wind-sw:after{
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
    
}
.curr-cond-wu .temp-info .right-temp .wind-sse:after{
	-webkit-transform: rotate(157.5deg);
	-moz-transform: rotate(157.5deg);
	-ms-transform: rotate(157.5deg);
	-o-transform: rotate(157.5deg);
	transform: rotate(157.5deg);
    
}
.curr-cond-wu .temp-info .right-temp .wind-ssw:after{
	-webkit-transform: rotate(202.5deg);
	-moz-transform: rotate(202.5deg);
	-ms-transform: rotate(202.5deg);
	-o-transform: rotate(202.5deg);
	transform: rotate(202.5deg);
    
}
.curr-cond-wu .temp-info .right-temp .wind-west:after{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
    
}
.curr-cond-wu .temp-info .right-temp .wind-wnw:after{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
    
}
.curr-cond-wu .temp-info .right-temp .wind-wsw:after{
	-webkit-transform: rotate(247.5deg);
	-moz-transform: rotate(247.5deg);
	-ms-transform: rotate(247.5deg);
	-o-transform: rotate(247.5deg);
	transform: rotate(247.5deg);
    
}
.curr-cond-wu .temp-info .right-temp .wind-east:after{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
    
}
.curr-cond-wu .temp-info .right-temp .wind-ene:after{
	-webkit-transform: rotate(67.5deg);
	-moz-transform: rotate(67.5deg);
	-ms-transform: rotate(67.5deg);
	-o-transform: rotate(67.5deg);
	transform: rotate(67.5deg);
    
}
.curr-cond-wu .temp-info .right-temp .wind-ese:after{
	-webkit-transform: rotate(112.5deg);
	-moz-transform: rotate(112.5deg);
	-ms-transform: rotate(112.5deg);
	-o-transform: rotate(112.5deg);
	transform: rotate(112.5deg);
}

.forecast{
    width: 648px;
    border-top: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    border-bottom: 2px solid #444;
}

.forecast h4{
    text-align: center;
    color: #000;
    margin: 0;
    padding: 3px 0;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    border-bottom: 2px solid #444;
    background: #bbb;
}

.forecast .forecast-day{
    float: left;
    width: 150px;
    padding: 2px 5px;
    border-right: 1px solid #444;
    border-left: 1px solid #444;
    text-align: center;
}

.forecast .forecast-icon{
    margin: 0px auto;
}

.forecast .forecast-day .forecast-info{
    text-align: left;
    padding-left: 2px;
}

.forecast .forecast-day .low-temp{
    color: #0339ca;
}
.forecast .forecast-day .high-temp{
    color: #ca0321;
}

#wu-weather-container{
    width: 100%;
    margin: 0px auto;
}

#wu-weather-container #top{
    
} 

#wu-weather-container #top #location{
    
}

#wu-weather-container #bottom{
    
}
*/



/* FARM TABS STYLING */
.farm-tabs{
    height: 18px;
}

#accordion{
    display: none;
}

#accordion iframe{
    width: 100%;
    height: 450px;
    border: none;
}

/* GET MEMBERS STYLING */
#messageWrapper{
    min-height: 40px;
}
#memberMessage{
    display: none;
    text-align: center;
}

.goodResponse{
    background: #1BC714;
}

.badResponse{
    background: #f54b4b;
}

.logins-select{
    min-width: 230px;
}

.logins-select-role{
    min-width: 100px;
}

#responses{
    min-height: 35px; 
}

.odd-rows > td{
    background: #f5f5f5;
}

/* DASHBOARD STYLING */

form .submit input[type=submit], .submit input[type=submit]  {
    background:#62af56;
    background: -webkit-gradient(linear, left top, left bottom, from(#a8ea9c), to(#62af56));
    background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);
    border-color: #2d6324;
    color: #000;
    text-shadow: #8cee7c 0px 1px 0px;
}
form .submit input[type=submit]:hover, .submit input[type=submit]:hover  {
    background:#4ca83d;
    background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d));
    background-image: -moz-linear-gradient(top, #85e573, #4ca83d);
}

#continue-button{
    /*max-width: 100px;*/
    width: auto;
    text-align: center;
    /*display: none;*/
    
    border: 1px solid #2d6324;
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -mox-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 5px;
}

#continue-button a{
    color: #000;
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    font-weight: normal;
}

#continue-button a:hover{
    color: #000;
}

#select-farm-list-item form{
    display: inline;
}

#select-farm-list-item input[type=submit]{
    padding: 2px;
    margin: 0;
    
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#SelectFarm{
    padding: 0;
    margin: 0;
    width: auto;
    height: 0;
}

#farm-select{
    padding: 0;
    margin: 0;
}

#farm-select-dropdown {
    margin-top: 0px;
    cursor: pointer;
}

/* BRAND MANAGE STYLES */

#menu-preview{
    border: 1px solid #000;
    margin: 5px 0;
    background: none;
}

#menu-preview #header{
    height: auto;
    width: 100%;
    background: #fff;
}

#menu-preview #header #mainmenu{
    height: auto;
    
}

.pages-select{
    width: 100px;
    padding: 1px 3px;
}

#BrandPageLanguageId{
    padding: 0.2em 0.3em 0.3em 0.3em;
}

.hidden{
    display: none;
}

.menu-placeholder{
    min-width: 100px;
    display: inline-block;
    border: 1px dashed #fff;
}

.sortable-menu-item{
    display: block;
    border: 1px dashed #000;
    background-color: #aaa;
}

.sortable .selected-menu-item{
    border: 2px solid #000;
}

.menu-actions{
    display: block;
    width: 48%;
    height: 80%;
    background: #DDD;
    border: 1px solid #888;
    padding: 0 5px;
    margin: 5px;
    float: left;
}

#page-editor{
    display: none;
}

#site-loader{
    position: fixed;
    z-index: 11000;
    bottom: 50px;
    right: 50px;
    display: none;
}

#menu-actions{
    margin: 5px 0 0 0;
}

#menu-actions input, #menu-actions select, #menu-actions button{
    width: auto;
    padding: 2px 3px;
    margin: 0 2px;
    vertical-align: middle;
}

#menu-actions #trash-can{
    display: inline-block;
    width: 258px;
    height: 36px;
    border: 1px dashed #555;
    background: url('../img/trash-can.png') 0 0 no-repeat;
    padding: 4px 0 4px 42px;
    text-align: center;
}

.left{
    float: left;
}

.right{
    float: right;
}

#selected-page{
    padding: 5px;
}

#manager-info-more, #manager-info{
    cursor: pointer;
}

#preview-language{
    vertical-align: middle;
    margin-left: 5px;
}

/* HOME SLIDES IMAGE LIST STYLING */

#sortable-images{
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 320px;
}

#sortable-images p{
    border-top: 1px solid #000;
    border-bottom: 2px solid #555;
}

#sortable-images li{
    border-bottom: 1px solid #999;
    padding: 3px 0;
    margin: 0;
    width: 320px;
}

#sortable-images li span{
    cursor: pointer;
}

#sortable-images li span:hover{
    color: #1c2e1c;
}

#image-trash-can{
    display: inline-block;
    width: 278px;
    height: 36px;
    border: 1px dashed #555;
    background: url('../img/trash-can.png') 0 0 no-repeat;
    padding: 4px 0 4px 42px;
    text-align: center;
}



#neutron-graph-holder{
    width: 700px;
    height: 450px;
    border: 1px solid #000;
}

#neutron-graph-holder #neutron_container {
    height: 435px;
}

/* ADDRESS STYLES */
#address{
    
}

#address .delete_address{
    width: 16px;
    height: 16px;
    float: left;
    background: url('../img/cross.png') no-repeat;
}

/* SYSTEM DASHBOARD STYLES */

.dashboard-item{
    /*display: inline-block;*/
    float: left;
    
    max-width: 350px;
    padding: 5px;
    margin: 5px;
    
    background: #eee;
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.dashboard-item h3{
    text-align: center;
}

.dashboard-item-block{
    position: relative;
    display: inline-block;
    width: 340px;
    
    margin: 2px auto;
    background: #DDD;
    padding: 5px;
}

.dashboard-item-block-list{
    height: 35px;
}

.dashboard-item-block a{
    display: table-cell;
    width: inherit;
    height: inherit;
    text-decoration: none;
    color: #000;
    text-align: center;
    vertical-align: middle;
}

.dashboard-item-block a:hover{
    text-decoration: underline;
}

.dashboard-item-block .info-icon{
    background: #fff;
    position: absolute;
    height: 30px;
    width: 30px;
    top: 5px;
    right: 5px;
        
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    
    text-align: center;
    line-height: 30px;
    
    color: #000;
    font-size: 18px;
    font-weight: 800;

    font-weight: 800;
    font-family: monospace;
    
    cursor: default;
}

.info-icon .item-message{
    position:absolute;
    top:0; /* - top padding */
    right:9999px;
    width:200px;
    padding:10px;
    color:#fff;
    background:#333;
    -webkit-box-shadow:2px 2px 5px #aaa;
    -moz-box-shadow:2px 2px 5px #aaa;
    box-shadow:2px 2px 5px #aaa;
    z-index: 12;
}

.info-icon .item-message:before{
    content:' '; /* Must have content to display */
    position:absolute;
    z-index: 13;
    left:-16px; /* 2 x border width */
    width:0;
    height:0;
    border:8px solid transparent;
    border-right-color:#333;
}

.dashboard-item-block-list:hover, .dashboard-item-block-list:focus, .dashboard-item-block-list:active {
  border-radius: 1em;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.info-icon:hover .item-message {
    right:-230px;
}

.system-health-warning{
    background-color: #fa4 !important;
}

#probe_health table{
    border-collapse: collapse;
}

#probe_health table tbody{
    border: none;
}

#probe_health table tr{
    border-bottom: 1px solid #000;
}

#probe_health table tbody td{
    background-color: transparent;
    border: none;
}

.users-stats, .probe-stats{
    font-size: 14px;
}

.block-stats{
    width: 95%;
}

.name-part{
    font-size: 14px;
    padding: 5px;
}

#active-users-count, #active-probe-count{
    font-weight: bold;
}

#active-member-days, #active-probe-hours{
    border: none;
    background: #fff;
    max-width: 28px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 12px;
}

.item-info-link{
    display: inline-block;
    float: right;
    width: 20px;
    height: 20px;
    
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    
    background: #fff;
}

.scroll-div{
    width: 100%;
    max-width: 370px;
    height: 440px;
    overflow-y: scroll;
    display: inline-block;
    
    margin: 0 10px;
    padding: 5px;
}

.block-info-div{
    width: 100%;
    max-width: 700px;
    height: 440px;
    overflow-y: scroll;
    
    margin: 0 10px;
    padding: 5px;
}

/*  MANAGE USER STYLES (CONT??)  */

.user-section{
    float: left;
}

.info-block{
    width: 210px;
    margin: 5px;
}

.info-block ul, #assigned-farms-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.info-block .remove-button, #assigned-farms-list .remove-button{
    display: inline-block;
    background: url('../img/cross.png') center no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: right;
}

#assigned-farms-list li{
    padding: 5px;
    
    border-radius: 5px;
    margin: 3px 0;
}

#assigned-farms-list .farm-name{
    display: inline-block;
    float: left;
}

ul.accordion label + input[type='radio'] {
    display: none;
}

ul.accordion li {
    margin: 3px 0;
    width: 200px;
}

ul.accordion label {
    background-color: #ddd;
    color: #000;
    display: block;
    width: 200px;
    padding: 5px;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
 
ul.accordion label:hover {
    cursor: pointer;
}

ul.accordion div.address-content {
    overflow: hidden;
    padding: 0 5px;
    display: none;
    width: 200px;
    background-color: #ccc;
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.address-content span{
    font-weight: bold;
    margin-right: 5px;
}

.address-content .delete-address-existing{
    text-align: center;
    color: #1A4473;
    cursor: pointer;
}

ul.accordion label + input[type='radio']:checked + div.address-content {
    display: block;
}


#user-actions .left{
    display: inline-block;
    position: relative;
}

#user-actions .left .containing-div{
    display: none;
    padding: 10px 5px;
    background: #ddd;
    
    border: 1px solid #ccc;
    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    
    position: absolute;
}

.manage-user-list-item{
    background: -webkit-gradient(linear, left top, left bottom, from(#A8EA9C), to(#62AF56));
    background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);
    border-color: #2D6324;
    color: #000;
    text-shadow: #8CEE7C 0px 1px 0px;
}

.farm-owner-list-item{
    font-weight: bold;
    text-decoration: underline;
}

.new-list-item{
    background: #20548E !important;
    text-shadow: none;
    color: #fff !important;
}

.add-address-form .input label{
    float: none;
}

.add-address-form .input input{
    width: 310px;
}

#LoginAdminAddUserForm .input label, #LoginManageSingleForm .input label, #LoginManageForm .input label{
    width: 150px;
}

#LoginAdminAddUserForm .input input, #LoginManageSingleForm .input input, #LoginManageForm .input input{
    width: auto;
}

.additional-actions div{
    margin: 0 2px;
}

/* MARK FARMS TO DELETE STYLING */

#delete-farms-container{
    height: 400px;
    width: 100%;
    overflow-y: scroll;
}

#delete-farms-container ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#delete-farms-container ul li{
    background: #eee;
    padding: 5px;
    margin: 3px 0;
    width: 350px;
}

#delete-farms-container .owner-list-item{
    background: #ccc;
    font-weight: bold;
    text-align: center;
}

#delete-farms-container ul li input{
    margin: 0;
    float: none;
    clear: none;
}

#delete-farms-container ul li span{
    margin-left: 10px;
}

/* MAP REPORT STYLES */
#map-canvas,
#map_report_container #flow-meter-map {
    height: 700px;
    width: 100%;
}

/*.popupContent {
    width: 300px;
    height: 175px;
}*/

.popupContent h3 {
    margin: 0px;
    padding-top: 0.5em;
}

/*  NEW WEATHER STYLES  */
.clear-fix:after{
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.light-bottom-border{
    border-bottom: #cfcfcf 1px solid;
}
.light-top-border{
    border-top: #cfcfcf 1px solid;
}
.light-left-border{
    border-left: #cfcfcf 1px solid;
}
.light-right-border{
    border-right: #cfcfcf 1px solid;
}

/* ---Other Styles??--- */
#boxes div{
    margin-right: 15px;
}

#boxes div ul li span{
    width: 75px;
    margin-right: 10px;
}

#assign-farm-input{
    display: inline;
}

#addresses-table{
    border-collapse: collapse;
}

#address-tab #new-address-line td{
    background: #99ff99;
}
#address-tab td{
    vertical-align: middle;
}

#address-tab td input[type=text]{
    border: none;
    background: transparent;
    cursor: pointer;
}

#address-tab td input[type=text]:active,
#address-tab td input[type=text]:focus{
    border: #000 1px solid;
    background: #fff;
    
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    
    cursor: text;
}



#address-tab .big-column, #address-tab .big-column input{
    width: 200px;
}

#address-tab .normal-column, #address-tab .normal-column input{
    width: 120px;
}

#address-tab .tiny-column, #address-tab .tiny-column input{
    width: 50px
}

#log-data{
    width: 100%;
    height: 350px;
    overflow: scroll;
    margin: 0 auto;
    border: 1px solid #000;
}

#log-data p{
    white-space: nowrap;
    width: 100%;
    padding: 5px;
    border-bottom: #ddd 1px solid;
}

#log-data p:nth-child(odd){
    background: #ddd;
}

#probe_health table thead th{
    cursor: pointer;
}


.sortable-table thead th[data-sort='string'],
.sortable-table thead th[data-sort='int'],
.sortable-table thead th[data-sort='float'],
.sortable-table thead th[data-sort='string-ins']{
    cursor: pointer;
}

.whatsnew-content {
    width: 100%;
}

.error-page-content{
    position: fixed;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    width: 450px;
    padding: 10px;
    background: #cdcdcd;
    border-radius: 10px;
    color: #1B1616;

    text-align: center;
}

.error-page-content h2{
    margin: 0;
    padding: 10px 0;
    background: none;
    color: #1B1616;
}

.error-page-content .error-page-message{
    border-top: 1px solid #1B1616;
}


.error-page-content .error-page-message p{
    padding: 10px 0;
    font-size: 13px;
}


.error-page-content .error-page-message .error-page-link{
    width: 100%;

    padding: 10px 0;

    display: block;

    background: #fff;
    color: #1B1616;

    text-decoration: none;
}

#footer.error-footer{
    position: fixed;
    bottom: 0;

    width: 100%;
}

.error-layout{
    background: none;
}

table.ajax tr td{
    padding: 0 6px;
    vertical-align: middle;
}

.navbar tr td {
    line-height: 20px;
    vertical-align: middle;
    border: 0px;
}

.navbar_button {
    padding: 4px 8px;
    text-decoration: none;
    background:#62af56;
    background: -webkit-gradient(linear, left top, left bottom, from(#a8ea9c), to(#62af56));
    background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);
    color: #000;
    text-shadow: #8cee7c 0px 1px 0px;
    border-radius: 8px;
    font-weight: normal;
    border: 1px solid #2D6324;
    font-size: 110%;
}

.navbar tr td select {
    font-size: 120%;
}

#session-note-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    background: rgba(0,0,0,0.5);
    display: none;
    z-index: 10002;
}

#session-note-content{
    z-index: 10003;
}

#session-note-overlay #session-note-content{
    box-sizing: border-box;
    width: 1024px;
    height: 424px;
    background: #fff;
    border: 15px solid #000;
    margin: 10px auto;
    padding: 10px 15px 15px 15px;
    position: relative;
    border-radius: 15px;
}


.pan-address-container{
    padding: 0;
}

.pan-address-container .pan-address{
    width: 200px;
}

.pan-address-container .history{
    width: 30px;
}

.donix-bottom-border{
    padding: 0;
    margin-bottom: 5px;
}

.incorrect td{
    background-color: #e32;
}

.orientation{
    width: 100%;
    height: 40px;
}

.orientation .or-button{
    width: 150px;
    height: 100%;

    float: left;

    background-color: #222;
    color: #fff;

    border-radius: 5px;

    margin: 5px;
    font-size: 18px;
    line-height: 35px;

    text-align: center;
    cursor: pointer;

    clear: none;
}

.orientation .or-button.active{
    background-color: #62af56;
    color: #000;
    font-weight: bold;
}



#paper-size{
    width: 310px;
    padding: 10px;
    margin: 5px;

}

.no-wrap-column{
    white-space: nowrap;
}



#ui-modal{
    width: 100%;
}

.ps-ui-popup .ui-dialog-titlebar{
    background: #20548E !important;
    color: #fff;
}

#ui-modal h2{
    display: none;
}

#ui-modal .popup-links{
    width: 100%;
    height: 30px;
}

#ui-modal .popup-links .popup-links-button{
    width: 30px;
    height: 30px;

    font-size: 25px;
    line-height: 30px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    outline: none;
}

#ui-modal .popup-links .popup-link-list{
    display: none;
    line-height: 30px;
}

#ui-modal .popup-links .popup-links-button.opened{
    border-right: 1px solid #0c0c0c;
    margin-right: 2px;
    padding-right: 2px;
}

#ui-modal .popup-links .popup-links-button.opened + .popup-link-list{
    display: inline-block;
}
.advanced-dashboard {
    display: none;
}

.block-note {
    display: inline-block;
}

.block-note table td {
    border: 0px;
}

.interaction-buttons{
    color: #000;
}

.device-code-span{
    color: black; 
    font-size: 12px;
}

.hidden-options-link ~ .hidden-options{
    display: none;
}

.hidden-options a{
    display: block;
    width: 100%;
}

.fixed-table{
    height: 400px;
}

.dashboard-setup-notification {
    padding: 14px;
    border: 1px solid black;
    width: auto;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
    color: #EAFFED;
    background-color: #20548E;
	/*background-color: #1A4473;*/
    margin-bottom: 10px;
}

.dashboard-setup-notification a {
    color: white;
}

.dashboard-setup-notification div {
    margin-top: 10px;
    font-size: 11px;
}

#tz-select{
    height: 30px;
    margin: 10px 0;
}

.slider{

}

.slider .slider-display{
    width: 30px;
    height: 100%;

    float: left;
    clear: none;
}
#map-report-table {
    width: 100%;
}
#map-report-table td {
    border: none;
}
#map-report-table-control-panel {
    height: 30px;
}
#maps-poi-control-panel input[type=checkbox] {
    float: none; 
}
#maps-poi-control-panel li {
    list-style-type: none;
}
#maps-poi-control-panel td {
    height: 25px;
    line-height: 25px;
}
#maps-poi-control-panel td input[type=checkbox]{
    height: 25px;
}
#map-report-table-poi-list {
    width: 300px;
}
#map-report-table-poi-list div {
    padding: 0px;
    overflow-y: scroll;
    height: 550px;
}
#map-report-table-poi-list ul li ul li {
    cursor:pointer;
    list-style-type: none;
}
#map-report-table-poi-list ul {
    margin: 0;
}
#map-report-table-poi-list li {
    margin: 0 10px;
}
#map-report-table-poi-list ul li {
    list-style-type: none;
}
.poi-list-item-status {
    height: 10px;
    width: 10px;
    display: inline-block;
    border: 1px solid black;
    margin-right: 5px;
    border-radius: 5px;
}
.pump-control-actions a, .pump-control-actions span {
    width: 60px;
    display: inline-block;
}
.pump-control-on {
    background: lawngreen;
    border: 1px solid black;
    border-radius: 3px;
    text-align: center;
}
.pump-control-off {
    background: red;
    border: 1px solid black;
    border-radius: 3px;
    text-align: center;
}
.g-signin2 div{
    padding: 0;
}

.dashboard-map-tag {
    text-align: center;
  background-color: var(--dashboard-tag-color-var);
  border-radius: 8px;
  color: #000000;
  text-shadow:
    0px 0px 10px #fff,
    0px 0px 10px #fff,
    0px 0px 10px #fff,
    0px 0px 10px #fff,
    0px 0px 10px #fff,
    0px 0px 10px #fff;
  font-size: 14px;
  padding: 5px 8px;
  position: relative;
}

.dashboard-map-tag div {
  color: #000000;
  text-shadow:
    0px 0px 10px #fff,
    0px 0px 10px #fff,
    0px 0px 10px #fff,
    0px 0px 10px #fff,
    0px 0px 10px #fff,
    0px 0px 10px #fff;
  font-size: 11px;
}

.dashboard-map-tag::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--dashboard-tag-color-var);
}


.dashboard-map-tag.col-2::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 144%;
    transform: translate(-8px, -16px);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #404040;
}

.dashboard-map-tag.extend-col-2 {
    display: grid;
    position: relative;
    grid-template-columns: 1fr;
    /* grid-template-rows: 1fr 1fr; */
    grid-template-rows: 8px 1fr;
    align-content: center;
    align-items: start;
    justify-items: stretch;
    justify-content: center;
    color: #000000;
    text-shadow:
      0px 0px 10px #fff,
      0px 0px 10px #fff,
      0px 0px 10px #fff,
      0px 0px 10px #fff,
      0px 0px 10px #fff,
      0px 0px 10px #fff;
    font-size: 11px;
    border: 3px solid #FFFFFF;
    border-radius: 8px;
    border: 2px solid black;
}

div.IPAZAH-content-container:has(.dashboard-map-tag) {    
    pointer-events: none;
    box-shadow: 0 0 0 1px black;
    padding: 2px;
    background-clip: padding-box;
    background-color: #FFF;
    border: 2px solid black;
    border-radius: 8px;
}

.dashboard-map-tag.extend-col-2::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 144%;
    transform: translate(-8px, -14px);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #ffffff;
}

.dashboard-map-tag.extend-col-2 > div:first-child {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: var(---column-count); /* Adjust to as many as is needed, 1fr 1fr 1fr 1fr 1fr*/
    align-content: center;
    align-items: start;
    justify-items: stretch;
    justify-content: center;
    text-align:center;
    padding: 0px;
}

.dashboard-map-tag.extend-col-2 > div:first-child > div {
    /* padding-top: 12px; */
    height:13px;
}

.dashboard-map-tag.extend-col-2 > div:last-child { 
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    align-content: center;
    align-items: stretch;
    justify-items: stretch;
    justify-content: center;
    text-align:center;
    padding-top: 4px;
    height:13px;
    transform: translateY(8px);
    border: 2px solid black;
    border-radius: 8px;
    padding: 2px 5px;
    background: #FFFFFF;
    width: calc(100% + 6px);
    margin: 0px;
    transform: translate(-10px, 10px);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-bottom: 3px;
}

.multiple-info-graph-links {
    display: block;
    height: 350px;
    width: 500px;
}

.multiple-info-graph-links > h4 {
    display: block;
    margin: 0px;
    padding: 12px 0px;
    font-size: 12pt;
}

.multiple-info-graph-links > ul {
    display: block;
    margin: 0px;
    padding: 0px;
}

.multiple-info-graph-links > ul > li {
    display: block;
    margin: 0px;
    padding: 4px 0px;
}

.multiple-info-graph-links > ul > li > a {
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 12pt;
}

.reports-get_active_devices-select {
    display: block;
    width: 170px;
    padding: 4px 8px;
    margin-bottom: 8px;
}

.reports-get_active_devices-submit {
    display: block;
    width: 170px;
    padding: 4px 8px;
    margin-bottom: 8px;
}

div.chart_device_graph_view_buttons {
    display: block;
    margin-bottom: 8px;
}

div.chart_device_graph_view_buttons > a {
    display: inline-block;
    margin-right: 11px;
}