/* @group Reset */
/* Reset based on Eric Meyer's reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100.1%; vertical-align: baseline; background: transparent; } body { line-height: 1.1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } table { border-collapse: collapse; border-spacing: 0; } input[type=hidden] { display: none !important; }
*,*:before,*:after { box-sizing: border-box; -moz-box-sizing: border-box; }
input, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* @end Reset */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body { background:url(../img/bkg.png) #ffffff 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) #ffffff 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; width: 100%; height: 46px; margin-top: 75px; cursor: pointer; }
h2 { color: #5F99DE; font-size: 20px; font-weight: normal; border-bottom: 1px solid #AECDF2; margin-bottom: 20px; padding-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.long h1 { margin-top: 10px;}

a { color:#333; 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 { border: 1px solid #E5EBF9; font-size: 16px; border-radius: 3px; padding: 10px; width: 100%; margin-bottom: 20px;  color: rgb(121, 121, 121); }
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::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; }
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; }

.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; }