html { -webkit-font-smoothing: antialiased; height: 100% ;margin: 0;}
body { font: 18px/27px 'RobotoRegular', Arial, sans-serif; font-size:small; font:x-small; letter-spacing: -1px;
	height: 100%; margin: 0; padding: 0;overflow:hidden; line-height: 1.2em;min-height: 200px;min-width: 200px;
}
table { font-size:inherit; font-size:100%; }
/* maxvoltar.com/archive/-webkit-font-smoothing */

/* bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* use a semi-transparent image for the overlay */
  #overlay {
    background-image:url(/img/transparent.png);
    color:#efefef;
    height:450px;
  }
  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:500px;
    overflow-y:auto;
  }
  
  /* the overlayed element */
.apple_overlay {

    /* initially overlay is hidden */
    display:none;

    /* growing background image */
    background-image:url(/img/white.png);

    /*
      width after the growing animation finishes
      height is automatically calculated
      */
    width:640px;

    /* some padding to layout nested elements nicely  */
    padding:35px;

    /* a little styling */
    font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(/img/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

#header {
    margin: 0 auto;
    width: 100%;
    height: 133px;
}

#header_top {
	background-image: url(/img/topblackbg.jpg);
	background-repeat: repeat-x;
    width: 100%; 
    height: 23px;
    color: #fff;
    padding: 0;
	line-height: 23px;
}

#head_middle_bot {
	background-image: url('/img/light_gradient_bg.jpg');
    background-repeat: repeat-x;
}

#header_top_site_link {
  text-align: left;
  height: 100%;
  float: right;
  padding-left: 28px;
}
#header_top_links {
	text-align: right;
	height: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding-right: 28px;
	z-index: 3;
}

.header_top_links {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	line-height: 23px;
}
#header_top a {
    text-decoration: none;
    color: #fff;
	font-weight:400;
	font-size:14px;
	vertical-align: middle;
	padding-right: 6px;
	padding-left: 6px;
}

#header_middle {
    margin: 0 auto;
    width: 100%;
	height: 80px;
	line-height: 80px;
	max-width: 1280px;
}

#header_middle_img {
	width: 195px;
	height: 80px;
	float: left;
	margin-left: 0px;
	line-height: 80px;
}

#header_middle_img  img {
	padding: 0;
	margin: 0;
}

#header_middle_menu {
    white-space: nowrap;
	margin-right: 17px;
    float: right;
	height: 80px;
	display:table;
	line-height: 80px;
}

#header_middle_menu_align {
	height: 32px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

#header_middle_menu ul {
    float:left;
    width:100%;
    padding:0;
    margin:0;
    list-style-type:none;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
}

#header_middle_menu ul li {
    display:inline;
}

#menu a {
    height: 32px;
    float: left;    
    text-decoration: none;
    color: #444;
    background-image: url('/img/button_divider.png'),url('/img/button.jpg');
    background-repeat: no-repeat,repeat-x;
    padding-left: 8px;
	padding-right: 10px;
    font-size: 10pt;
	line-height: 32px;
	vertical-align: middle;
}

#menu a:hover,#menu a:active {
    background-image: url('/img/button_divider.png'),url('/img/button_over_glow.png'),url('/img/button_over2.png');
    background-repeat: no-repeat,no-repeat,repeat-x;
	background-position: left top,center bottom,left top;
    color: #fff;
}

#menu a:active {
    color: #eee;
}

#home a {
    color: #444;
	background-image:url('/img/button.jpg');
	background-repeat: repeat-x;
    -webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#home a:hover {
	background-image: url('/img/button_over_glow.png'),url('/img/button_over2.png');
    background-repeat: no-repeat,repeat-x;
	background-position: center bottom,left top;
    color: #fff;
}

#home_button a {
	background-image: url('/img/button_over.jpg');
    background-repeat: repeat-x;
	background-position: center bottom ;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}



#android_button a {
    background-image: url('/img/button_divider.png'),url('/img/android_app_button_bg.png');
    background-repeat:no-repeat;
    background-position: left top,right top;
	width: 105px;
	color: #FFF;
	text-align: center;
	text-shadow: black 0.1em 0.1em 0.2em;
}

#android_button a:hover {
    background-image: url('/img/button_divider.png'),url('/img/button_over_glow.png'),url('/img/android_app_button_bg_hover.png');
    background-repeat:no-repeat;
    background-position: left top,center bottom,right top;
	
	color: #FFF;
}


#twitter_button a,#facebook_button a{
    background-image: none;
}

#header_bot {
	margin: 0 auto;
    width: 100%;
	height: 30px;
	
	max-width: 1280px
}

#header_bot_corners {
	background-image: url('/img/options_bar_left.png'),url('/img/options_bar_right.png');
	background-repeat:no-repeat,no-repeat;
    background-position: left top,right top;
	height: 30px;
	margin-left: 17px;
	margin-right: 17px;
}

#options_bar {
	background-image: url('/img/options_bar.jpg');
	background-repeat:repeat-x;
    background-position: left center;
	height: 30px;
	margin-left: 9px;
	margin-right: 9px;
}

#options_bar ul {
	list-style-type: none;
    text-align: center;
    font-weight: bold;
    color: #bbb;
	margin-left: 0px;
	margin-right: 0px;
	height: 30px;
}

#options_bar ul li {
	float: left;
	width: 22%;
	line-height:36px; 
}

#options_bar div#options_bar_show {
	vertical-align: middle;
	line-height:30px;
	font-size: 14px;
	margin-top:1px;
	font-weight: 600;
	text-align: left;
	float: left;
	color: #bbb;
	padding-left: 30px;
}

#options_bar ul li a {
	background-image: url('/img/LinkDividerLine.png');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 0px;
	padding-left: 0px;
	display: block;
	line-height: 30px;
	text-decoration: none;
    color: #b9d131;
}


#options_bar ul li  aul a:hover {
	color: #FFF;
}

#options_bar ul li a.endMenu {
	background-image: none;
}


a:hover.green_link img {
	opacity:0.6;
	filter:alpha(opacity=60);
}

a:hover.green_link  {
    text-decoration: none;
    color: #c9e141;
}

.green_link img{
    vertical-align: middle;
    margin: 0;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .3em 1em .3em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	width:70px;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	/*position: relative;*/
}

/* black */
.black {
	color: #b9d131;
	border: solid 1px #555;
	background: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#000));
	background: -moz-linear-gradient(top,  #999,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#000000');
}
.black:hover {
	background: #000;
	color: #c9e141;
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#000));
	background: -moz-linear-gradient(top,  #999,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#000000');
}
.black:active {
	color: #c9e141;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#888));
	background: -moz-linear-gradient(top,  #000,  #999);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#999999');
}

#mainBg {
	width: 100%;
	background-image: url('/img/BehindMap_gradient.jpg');
    background-repeat: repeat-x;
}

#footer {
    height: 80px;
	position: relative;
}

#footer_copyright {
    height: 10px;
    background: #000;
    color: #666;
    vertical-align: middle;
    text-align: center;
	font-size: 10px;
	line-height: 8px;
	font-weight: bold;
    padding: 5px 0px 0px 0px;
}

#footer_logos_outer {
	background-image: url('/img/Bg_gradient.png');
    background-repeat: repeat-x;
}

#footer_logos {    
    margin: 0 auto;
    width: 100%;
    vertical-align: middle;
    color: #444;
    font-weight: bold;
	height: 70px;
	max-width: 1280px;
}


#footer_logos_inner {
	margin-left: 17px;
	margin-right: 17px;
	height: 70px;
}

#footer_logos_inner div {
	height: 70px;
	line-height: 70px;
	vertical-align: middle;
	width: 33%;
}

#footer_logos_inner div img {
	vertical-align: middle;
	margin-bottom: auto;
	margin-top: auto;	
}

#footer_logos_inner div#footer_logos_left {
	float: left;
	text-align: left;
}

#footer_logos_inner div#footer_logos_left img {
	max-width: 163px;
	width: 50%;
}

#footer_logos_inner div#footer_logos_middle {
	float: left;
	text-align: center;
}

#footer_logos_inner div#footer_logos_middle img {
	max-width: 110px;
	width: 34%;
}

#footer_logos_inner div#footer_logos_right {    
    float: right;
	text-align: right;
}

#footer_logos_inner div#footer_logos_right img {
	max-width: 65px;
	width: 22%;
}

#divContentArea {
	height: 100%;
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 1280px;
	margin: 0px auto;
}

#canvas {
	margin-left: 17px;
	margin-right: 17px;
    height: 100%;
	background-color: #FFF;
	vertical-align: middle;
	text-align: center;
	position: relative;
	bottom: 1px;
}

#map_canvas {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	background-color: #FFF;
	vertical-align: middle;
	text-align: center;
}

#searchContainer {
    position: absolute;
	width: 80%;
    top: 0;
    right: 0;
	padding-top: 6px;
	z-index: 2;
}

#search {
	width:80%;
}

.key {
	bottom: 35px;
	left:0;
	position:absolute;
	padding: 0.0em;
	margin: 0px auto;
	padding: 2px;
	background: #353535;
	background: rgba(0,0,0,0.7);
	color: #FFF;
	height: 60px;
	width: 150px;
	z-index: 2;
	font-size: 10px;
	text-align: left;
}

.key th {
	width:110px;
}
.key td{
	width:40px;
}



#logo-gr8 img {
    height: 100px;	
}

#logo-mybb img, #logo-lv img{
    width: 200px;
    padding-top: 25px
}

#logos {
    background-color:#222222;
    height: 100px;
    padding-left: 210px;
    padding-right: 210px;
}

#logos .column {
    position: relative;
    float: left;
}

#logo-mybb {
    width: 200px;
    height: 100%;
    margin-right: -210px;
    text-align: right;
}
#logo-lv {
    width: 210px;
    height: 100%;
    right: 210px;
    margin-left: -100%;
    text-align: left;
}

div.inlinePage {
	color: #FFF;
	font-size: 14px;
	padding-right: 10px;
}
#canvas div.inlinePage {
	color: #FFF;
	font-size: 14px;
	background: #353535;
	text-align: left;
	padding-left: 20px;
	height: 100%;
	overflow-y:auto;
	clear: both;
}


div.inlinePage ul {
	padding-left: 20px;
}

div.inlinePage h1{
	font-size: 16px;
	margin-bottom: 3px;
	text-decoration:underline;
}

div.inlinePage p{
	margin-bottom: 8px;
}

div.inlinePage a:link, a:link.emailLink, table#opstats a:link,a:link {
	color: #AAF;
}
div.inlinePage a:visited ,a:visited.emailLink, table#opstats a:visited, a:visited{
	color: #AAF;
}
div.inlinePage a:hover ,a:active.emailLink, table#opstats a:hover, a:hover{
	color: #CCF;
}

div.contact_error {  
	display: none;  /*hide the errors */  
	color: #F55;  
	font-size:12px;  
	width: 260px;
	margin-bottom: 2px;
}
div.contact_success {  
	display: none;  /*hide the sucess div */  
	/* add some styling */  
	padding:2px;  
	color: #6a6;  
	font-size:12px;  
	width: 300px;
}
textarea {
	width: 300px;
	height: 80px;
	border: 3px solid #cccccc;
	padding: 1px;
}

#send_message { 
	color: #dee5f0;
	display: block;
	cursor: pointer;
	padding: 5px 5px;
	font-size: 1.0em;
	border: solid 1px #224983;
	border-radius: 5px;
	background: #1e4c99; 
	background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d)); 
	background: -moz-linear-gradient(top, #2f52b7, #0e3a7d); 
	background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
	background: -o-linear-gradient(top, #2f52b7, #0e3a7d);
	background: -ms-linear-gradient(top, #2f52b7, #0e3a7d);
	background: linear-gradient(top, #2f52b7, #0e3a7d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d'); 
	}
#send_message:hover {
	background: #183d80; 
	background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
	background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
	background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
	background: -o-linear-gradient(top, #284f9d, #0c2b6b);
	background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
	background: linear-gradient(top, #284f9d, #0c2b6b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
#send_message:active {
	color: #8c9dc0; 
	background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
	background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
	background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
	background: -o-linear-gradient(top, #0e387d, #2f55b7);
	background: -ms-linear-gradient(top, #0e387d, #2f55b7);
	background: linear-gradient(top, #0e387d, #2f55b7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}


.contactForm {
	padding-left: 10px;
	margin-left: 10px;
}

.provided {color: #FFF; font-size: 1.3em}

h1 { font-size: 1.8em; line-height: 1.9em; margin-bottom: 3px;  }

h2 { font-size: 1.6em; line-height: 1.9em; margin-bottom: 5px;  }

.inlinePage p { color: #CCC; font-size: 1.2em; margin-bottom: 15px; }

#wrapper { width: 640px; margin: 0 auto; padding: 30px 45px; }

#inline { display: none; width: 600px; }


label { width: 10em; float: left; }
label.error{ display: block;float: none; color: red; padding-left: 1.1em; vertical-align: middle; width: 100%;
	background-image: url(/img//error.png);
	background-repeat: no-repeat;
	background-position: center left;
	height: auto;
}
label.error.checked {
	background-image: none;
	height: 0;
}
span.msg, span.lerror, span.lgood{font-size: 100%;margin-left: 10px; margin-top: 10px}
span.lerror  {color: red; }
span.lgood  {color: green; }
input:focus { border: 1px dotted #FF33FF; }
input.error { border: 1px dotted red; }

table.trackingTable
{
border-collapse:collapse;
width:400px;
font-size: 14px;
margin: 0;
}

.stats table.trackingTable
{
	width:800px;
}
table.trackingTable,table.trackingTable th, table.trackingTable td
{
border: 1px solid black;
text-align:left;
}

table.trackingTable tr th {
	background-color:#000;
}

table.trackingTable tr td {
	background-color:#444;
}

table.trackingTable tr.odd td {
	background-color:#333;
}

#canvas form {
	
	margin: auto;
	padding: 10px;
	padding-top: 50px;
	width:500px;
}


#canvas p {
	text-align: left;
	padding-bottom: 15px;
	font-size: 16px;
}

form h2 {
	text-align: left;
}

form p {}

form label {
	color: #000;
	text-align: left;
	width: 100px;
	margin: 0;
	padding: 0;
}


form #notice {
	padding-top: 15px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #FF6600;
}


form input[type=submit] { 
	color: #dee5f0;
	display: block;
	cursor: pointer;
	padding: 5px 5px;
	font-size: 1.0em;
	border: solid 1px #224983;
	border-radius: 5px;
	background: #1e4c99; 
	background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d)); 
	background: -moz-linear-gradient(top, #2f52b7, #0e3a7d); 
	background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
	background: -o-linear-gradient(top, #2f52b7, #0e3a7d);
	background: -ms-linear-gradient(top, #2f52b7, #0e3a7d);
	background: linear-gradient(top, #2f52b7, #0e3a7d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d'); 
	}
form input[type=submit]:hover {
	background: #183d80; 
	background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
	background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
	background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
	background: -o-linear-gradient(top, #284f9d, #0c2b6b);
	background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
	background: linear-gradient(top, #284f9d, #0c2b6b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
form input[type=submit]:active {
	color: #8c9dc0; 
	background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
	background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
	background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
	background: -o-linear-gradient(top, #0e387d, #2f55b7);
	background: -ms-linear-gradient(top, #0e387d, #2f55b7);
	background: linear-gradient(top, #0e387d, #2f55b7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}

div#effect {
	text-align: left;
	font-size: 13px;
	vertical-align: middle;
	position: absolute;
	right:0;
	bottom:0;
	margin: 0;
	padding: 2px;
	background: #373535;
	background: rgba(0,0,0,0.8);
	color: #FFF;
	z-index: 3;
	height: 260px; /*This needs to be changed in screen.js as well*/
	width: 360px;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	color: #b9d131;
}

div#effect img#effectResize {
	position: absolute;
	bottom: 2px;
	right: 2px;
	cursor: pointer;
}

div#effect h3 {
	margin: auto;
	font-size: 18px;
	padding: 0.1em;
	text-align: center;
	background: rgba(0,0,0,0.0);
	color: #FFF;
	cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

div#effect h3 img#effectClose {
	position: absolute;
	top: 2px;
	right: 2px;
	cursor: pointer;
}
div#effect h3 img#effectDrag {
	position: absolute;
	top: 2px;
	right: 24px;
	cursor: pointer;
}
div#effect h3 img#effectRestore {
	position: absolute;
	top: 4px;
	right: 43px;
	cursor: pointer;
}

div#effect h3:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

div#effect2 {
	vertical-align: middle;
	text-align: center;
	position:absolute;
	right:0;
	bottom:0;
	margin: 0;
	padding-right: 2px;
	background: #373535;
	background: rgba(0,0,0,0.6);
	color: #FFF;
	z-index: 4;
	height: 156px;
	width: 14px;
	line-height: 156px;
	-webkit-border-top-left-radius: .5em; 
	-moz-border-top-left-radius: .5em;
	border-top-left-radius: .5em;
	-webkit-border-bottom-left-radius: .5em; 
	-moz-border-bottom-left-radius: .5em;
	border-bottom-left-radius: .5em;
	cursor: pointer;
}

.closeSpace {
	width:16px;
}
img#settingImg2 {
	vertical-align: middle;
	/*height: 256px;*/
	width: 15px;
	text-align: center;
	line-height: 256px;
}

table#effectTable {
  margin-top: 2px;
}

table#effectTable th {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  text-decoration:underline;
  color: #b9d131;
}

ul#operList, ul#graphTypes,  ul#signalTypes{
  list-style-type:none;
}


ul#operList li,ul#graphTypes li {
	text-align: left;
	padding-left: 1px;
	margin-left: 1px;
	padding-top: 2px;
	font-weight: 300;
	list-style:none;
}

ul#operList li img.providerChecked,ul#graphTypes li img.graphChecked  {
	vertical-align: middle;
}

ul#operList li img.operImg {
	width: 10px;
}


ul#signalTypes{
}

ul#signalTypes li {
	float: left;
	padding-left: 0;
	margin-left: 2px;
}

ul#signalTypes li.alltowers {
}

ul#signalTypes li label {
	width: 30px;
	float: none;
}

ul#operList li button, ul#graphTypes li button{
  vertical-align: middle;
}

.signaltext {
}
.tooltip {
    display:none;
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#eee;
  }
div#container { width: 100%; height: 250px; margin: 0 auto; }

table#opstats { font-size:inherit; text-align: left; margin: 3px; }
table#opstats tr.odd td {
	background-color:#222;
}
table#opstats tr.even td {
	background-color:#111;
}
table#opstats tr th {
	font-size: 12px;padding: 0;margin: 0; text-align: left;color: #DDD;
	background-color: #111;
}
table#opstats tr td {
	text-align: center;
	vertical-align: middle;
	padding: 0;margin: 0;
	font-size: 12px;
}
table#opstats tr td img {padding-right: 2px; width:12px;}

.aboutLogo {
	margin-left: auto; margin-right: auto; width: 90%;max-width: 600px;text-align: center;vertical-align: top;
}

.aboutLogo td {
text-align: center;vertical-align: top;
}
.aboutLogo img {
	max-height: 100px;
}