
v\:* {
   behavior:url(#default#VML);
}

a { text-decoration:none }

.fadeontop
{ 
	background-image: url('http://alpha.veloroutes.org/images/blue_fade50.png');
	background-repeat: repeat-x;
}

.droid { background-color:#a4c639; }

.fadeontop_s
{ 
	background-image: url('http://alpha.veloroutes.org/images/blue_fade.png');
	background-repeat: repeat-x;
}

html,body, #map {
 width:80%;
 height:97%;
}

.infoDiv {
 background-color:#dde8f1;
 padding:10px;
 margin:5px;
}

.uploadBox {
 background-color:#dde8f1;
 padding:10px;
 margin:5px;
}

.siteIntro {
 background-image: url('http://alpha.veloroutes.org/images/veloroutes.org.png');
 background-repeat:none;
 width:331px;
 height:44px;
 padding:10px;
}

.content1 {
 background-image: url('http://alpha.veloroutes.org/images/blue_fade.png');
 background-repeat: repeat-x;
 padding:10px;
 position:relative;
 top:10px;
}

.vrlogo {
padding:0px 0px 10px 0px;
}

.helptext {
left:250px;
top:15px;
position:absolute;
}

.introPara {
position:absolute;
left:290px;
top:20px;
width:80%;
}

.mainSearchBox {

position:absolute;
left:230px;
top:290px;/*81*/
padding:5px;

 border-top-style:solid;
 border-color:#eee;
 border-width:1px;
 border-spacing:3px;
width:80%;/*720px;*/
min-width:500px;
min-height:5px;
margin-left:5px;
margin-right:5px;
 font-size:small;
/* background:#dde8f1;*/

z-index:2;
font:12px verdana;
}

.latestMap {

 border-style:solid ;
  height:300px;
 width:70%;/*700px;*/


 min-width: 400px;
 min-height: 200px;
 position:absolute;
 left:250px;
 top:84px;
 padding:2px;
 z-index:1;

}

.newsitems {
left:260px;
top:15px;
position:absolute;
}

.searchDesc {
position:absolute;
left:150px;
top:2px;
font:verdana 8px;
}

.hidden { 
display:none;
}

.paddedLink {
font:verdana 8px;
padding:5px;
}

._searchResults {
min-height:300px;
min-width:300px;
}



.linkToPage {
position:absolute;
right:3px;
top:2px;
font:12px verdana;
}

.routeTagsText {
width:194px;
}

.searchContainer {
position:absolute;
left:192px;
top:27px;
font-family:verdana;
font-size:10px;
}

._infoBar {
position:absolute;
top:25px;
left:15px;
padding:5px;
}

.adbox {
 top:30px;
 left:225px;
 position:relative;
}

.adbox_top {
 top:0px;
 left:550px;
 position:absolute;
}

.urlLinks {
 top:30px;
 left:700px;
 position:absolute;
}

div.mapbox {
 border-style:solid ;
 min-width: 500px;
 min-height: 550px;
 position:absolute;
 left:225px;
 top:94px;
 border-color:#CCCFFF;
 border-width:2px;
 padding:2px;
 z-index:1;
}

.headerText {
 color:black;
}

/*for tools page */
.darkbg
{
background-color:#eee;
}

.tools{
position:absolute;
left:235px;
top:20px;
padding:5px;
margin:3px;
float:right;
}

.outlined{
border-width:1px;
border:solid;
}

.shortTb{width:80px;}

.dark2
{
padding:5px;
margin:10px;
/*background-color:#dde8f1;*/
font-size:21px;
font-family:verdana;
}

.toolbox {

 border:none;
 border-color:blue;
 border-width:1px;
 border-spacing:3px;
max-width:640px;
min-height:50px;
 min-width:500px;
 max-height:385px;
 width:640px;
margin-left:5px;
margin-right:5px;
 font-size:small;
 background:#dde8f1;
 padding:5px;
position:absolute;
top:918px;
left:220px;
z-index:0;
font:12px arial;

}


.searchBox {

 border:solid;
 border-color:blue;
 border-width:1px;
 border-spacing:3px;
 width:auto;
min-height:5px;
margin-left:5px;
margin-right:5px;
 font-size:small;

 padding:5px;
position:absolute;
top:900px;
left:220px;
z-index:1;
font:12px verdana;
}

.dark_bg_row {
background:#eeeeee;/*#dde8f1;*/
}




.eleGraph {

 border:solid;
 border-color:blue;
 border-width:1px;
 border-spacing:3px;
 min-height:55px;
 max-height:200px;
min-width:440px;
 max-width:640px;
 width:640px;
margin-left:5px;
margin-right:5px;
 font-size:small;
 background:#dde8f1;
 padding:3px;
position:absolute;
top:95px;
left:293px;
z-index:1;
font:12px arial;

filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80; 

}

.link {
 text-decoration: underline;
 color:blue;
}

.eleDetails {

 border-width:0px;
 border-spacing:3px;
 min-height:15px;
 min-width:295px;
 max-height:15px;
 max-width:640px;
 width:640px;
margin-left:5px;
margin-right:5px;
 font-size:small;
 background:#dde8f1;
 padding:0px;
position:absolute;
top:1px;
left:0px;
z-index:2;
font:11px arial;

filter:alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90; 

}


.searchResults {
width:auto;
max-height:1000px;
height:400px;

}

.bb {
   font:13px verdana;
   font-weight:bold;
   color:navy;
   
}

.bg {
   font:13px verdana;
   font-weight:bold;
   color:#999999;/*#C0C0C0; dimgrey;*/
   
}

.bn {
   font:15px verdana;
   color:black;
}

.by {
   font:14px verdana;
   font-weight:bold;
   color:#FFFF33;
}

.bw {
 font:14px verdana;
 font-weight:bold;
 color:white;
}

/*for 'clear' weather*/
.bc { 
 font:14px verdana;
 font-weight:bold;
 color:#0066CC;
}

.largeText {
font:18px verdana;
}

.kindaBig {
font:16px verdana;
}

.medText {
font:15px verdana;
padding:2px;

}

.smallishText {
 font:13px verdana;
}

.smallText {
 font:12px verdana;
}

.tinyText {
font:9px verdana;
}

.intro {
font:26px verdana;
padding:5px;
}

.button {
border:solid;
border-width:1px;
font:11px verdana;
}

table.bigbox {
border:solid;
border-width:0px;
border-color:black;
position:relative;
top:15px;
}

.searchResults {
overflow:auto;
}



body {
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 0px;
}

img.iconImg {
  padding:5px;
}

td.invis {
 visibility:hidden;
}

td.infoBar {
 max-width:250px;
width:200px;
}

.blackbox {
 border:solid;
 border-width:1px;
/* background:#dde8f1;*/
 border-color:#dde8f1;/*C0C0C0;darkgrey;#CCCCFF;*/
font-size:13px;
margin-left:5px;
margin-right:5px;
border-top-width: 10px;
border-bottom-width: 10px;
max-width:200px;
width:200px;
min-width:200px;
padding:3px;
/*position:relative;*/
font:11px verdana;
}

.blackbox_map {
 border:solid;
 border-width:1px;
 background:#dde8f1;
 border-color:#dde8f1;/*C0C0C0;darkgrey;#CCCCFF;*/
font-size:13px;
margin-left:5px;
margin-right:5px;
border-top-width: 10px;
border-bottom-width: 10px;
max-width:200px;
width:50%;
min-width:200px;
padding:3px;
/*position:relative;*/
font:11px verdana;
}


.bluebox {
 border:dashed;
 border-color:blue;
 border-width:1px;
 border-spacing:3px;
 min-height:50px;
 min-width:150px;
 max-height:550px;
 max-width:200px;
width:250px;
margin-left:5px;
margin-right:5px;
 font-size:small;
 background:#dde8f1;
 padding:3px;
font:12px arial;
}

.sideBar {
position:absolute;
/*same as blackbox*/
border:solid;
 border-width:1px;
 background:#dde8f1;
 border-color:#0066CC;
font-size:13px;
margin-left:5px;
margin-right:5px;
border-top-width: 10px;
border-bottom-width: 10px;
max-width:200px;
width:200px;
min-width:150px;
padding:3px;
font:11px verdana;
}

.thinline {
border:solid;
border-width:1px;
/*background:#dde8f1;*/
font:13px verdana;
}

.readonly {
 background:#dde8f1;
 width:60px;
}

.readonly_p {
 background:#dde8f1;
 width:160px;
}


.feedbackBar {
min-width:70px;
max-width:200px;
width:200px;
min-height:80px;
/*border:solid;*/
overflow:auto;
border-width:1px;
 font:11px verdana;
padding:3px;
}

textarea.readonly {
 background:#dde8f1;
font:11px verdana;
}

.toolBarTB {
 width:190px;
}

img.web_cam {
width:292px; 
height:217px; 
}

img.web_cam_small {
min-width:100px; 
min-height:100px; 
width:192px; 
height:117px; 
}

img.weather_img {
width:292px; 
height:217px; 
}

img.weather_img_lrg {
width: 440px;
height: 297px;
position:relative;
}

div.title_text {
color:green;
font-size:medium;
}

li.vid {
display: inline;
padding-left: 3px;
padding-right: 2px;
padding-top: 1px;
padding-bottom:1px;
}

.mainCol {
left:230px;
top:25px;
position:absolute; 
}

table.thinline {
 border-style: solid;
 font-size: 15;
 border-width:2px;
 border-color:darkblue;
  
}
