/* @group Reset */
 input[type=text]
,input[type=password]
,input[type=submit]
,select
,textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* @end Reset */
@import url('//fonts.googleapis.com/css?family=Open+Sans');

body { background:url(/img/bkg.png) #596d28 repeat-x center top; line-height: 20px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000000; font-weight: 400; line-height: 20px;  }
body.long { background:url(/img/bkg.png) #596d28 repeat-x center -100px; }

/* If an image  is used hide text off screen */
h1 span, h2 span, h3 span { position:absolute; top:-10000px; left:-10000px; }
h3 { margin-top: 40px; font-size: 30px; color: #a9a9a9; font-weight: 100; margin-bottom: 20px; }
h4 { font-size: 16px; font-weight: normal; color: #009bd6; }

 h1 {
background:url(/img/logo-blue.png) no-repeat center top; 
background-size:255px 62px;
width: 100%; 
height: 62px; 
margin-top: 55px; 
cursor: pointer; }

 h2 {
background-color:#fff;
padding:8px;
color: #596d28; 
font-size: 20px; 
font-weight: normal; 
border-bottom: 1px solid #fff; 
margin-bottom: 20px; 
padding-bottom: 5px; 
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis; }

body.long h1 { margin-top: 10px;}

table a { color:#800; text-decoration:none; }
a { color:#ff0; text-decoration:none; }
a:hover { }
a img { border: none; }

strong { font-weight: 500; }

p { margin-bottom:20px; }
.clear { clear: both; }
.tLeft { text-align: left; }
.tCenter { text-align: center; }
.tRight { text-align: right; }
.fLeft { float: left; }
.fRight { float: right; }
.fNone { float: right !important; }
ol { list-style: decimal; margin-left: 50px; }
.hidden { display: none; }

.brandBlue { color: #5F99DE; }
.pointer { cursor: pointer; }
.addr { color: #808080;}


/* Content Styles */

#content { width: 256px; margin: 0 auto; margin-top: 150px; font-family: 'Open Sans', sans-serif; font-weight: 400; }
#content.wide { width: 800px; }
body.long #content { margin-top: 100px; }

 input[type=text]
,input[type=submit]
,input[type=password] { 
border: 1px solid #E5EBF9;
font-size: 16px; 
border-radius: 3px; 
padding: 10px; 
width: 100%; 
margin-bottom: 20px; }


 input[type=text]
,input[type=password] { 
color: rgb(121, 121, 121); 
background-color:#eaeaea; }

 select { 
border: 1px solid #E5EBF9; 
font-size: 16px; 
border-radius: 3px; 
padding: 10px; 
width: 100%; 
margin-bottom: 20px; 
background: #fff;  
color: rgb(121, 121, 121);   }

 textarea { 
border: 1px solid #E5EBF9; 
font-size: 16px; 
border-radius: 3px; 
padding: 10px; 
width: 100%; 
margin-bottom: 20px;  
color: rgb(121, 121, 121);   }

 textarea::placeholder
,input[type=text]::placeholder
,input[type=password]::placeholder { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #666666;  color: rgb(121, 121, 121);  }
select option:disabled { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #666666; }

.btn { color: #E5EBF9; border: 1px solid #5F99DE; background: #5F99DE; order-radius: 3px; padding: 10px; width: 100%; margin-bottom: 20px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #E5EBF9;  }
#clockbox {font-size: 20px;}

.routes { color:#666; background: #E5EBF9; border-radius: 3px; margin: 10px 0px; padding: 10px; }
.routes a { color: #2F4D66; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; margin: -10px; padding: 10px; }
	
table { width: 100%; margin-bottom: 20px;; background-color:#fff }
table td { padding: 5px; border-bottom: 1px solid #E5EBF9; font-size: 14px; white-space: nowrap; }
table th { font-weight: 400; opacity: .4; text-align: left; border-bottom: 1px solid #E5EBF9; padding: 5px; white-space: nowrap; } 
table.formTable td { border: none; }

table .done { background-color:#ff0 }


.cross, .hamburger{ background: none; color: #666666; cursor: pointer; z-index: 10000000000000; float: left; margin-right: 5px}
.cross{ }

.menu{z-index:1000000; font-size:16px; width:200px; background:#f1f1f1;  position:absolute; text-align:center; font-size:12px; margin-top: 26px;}
.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.menu li:hover{display: block;    background:#ffffff; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.menu ul li a { text-decoration:none;  margin: 0px; color:#666;}
.menu ul li a:hover {  color: #E5EBF9; text-decoration:none;}
.menu a{text-decoration:none; color:#5F99DE;}
.menu a:hover{text-decoration:none; color:#666;}
#sortable { cursor: pointer; }