html { overflow: hidden; }
 
html, body {
margin: 0;
padding: 0;
height: 100%;
}

.style1 {font-family: Arial, Helvetica, sans-serif}
.style1 {font-size: 11px; font-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
.style2 {font-size: 11px; font-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}

body { margin: 10px; }

#info {
font-weight: normal;
font-size: 12px;
}

#content {
margin-top: 10px;
position: relative;
}

#middle {

    position: relative;
	margin-left: 0px;
	
	margin-right: 520px;
}
 


#left-renamed{
	float:left;
	padding: 0px 10px 0px 0px;
	width: 275px;
}
 
.footer {
	padding-top: 10px;
	text-align: center;
	clear: both;
}

body.leftbar-right #map-wrapper { margin-left: 280px; }
body.leftbar-right #leftbar { left: 0; }
body.leftbar-right #leftbar2 { display: none; }

body.leftbar-off #map-wrapper { margin-left: 280px; }
body.leftbar-off #leftbar { display: none; }
body.leftbar-off #leftbar2 { left: 0; }

body.leftbar-right a#button-leftbar-show,
body.leftbar-off a#button-leftbar-hide { display: none; }
body.leftbar-off a#button-sidebar-hide { display: none; }

body.sidebar-right #map-wrapper { margin-right: 280px; }
body.sidebar-right #sidebar { right: 0; }
body.sidebar-right #sidebar2 { display: none; }

body.sidebar-off #map-wrapper { margin-right: 280px; }
body.sidebar-off #sidebar { display: none; }
body.sidebar-off #sidebar2 { right: 0; }

body.sidebar-right a#button-sidebar-show,
body.sidebar-off a#button-sidebar-hide { display: none; }
body.sidebar-off a#button-leftbar-hide { display: none; }


#toolbar {
background: #3399FF;
padding: 4px;
border: 1px solid black;
position: relative;
}
/* holly hack for IE to get position:bottom right
see: http://www.positioniseverything.net/abs_relbugs.html
*/
* html #toolbar { height: 1px; }
/* */

#toolbar2 {
background: #3399FF;
padding: 4px;
border: 1px solid black;
position: relative;
}



#extra {
 float:right;
}

 #sidebar {
 float:right;
 position: absolute;
 border: 1px solid #aaa;
 top: 0px;
 height: 100%;
 overflow: auto;
 width: 280px;
 -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; 

 }
 
 #sidebar p {
 margin: 3px;
 }

#leftbar {
 position: absolute;
 border: 1px solid #aaa;
 top: 0;
 width: 200px;
 height: 100%;
 overflow: auto;
 }

#leftbar p {
margin: 3px;
}

#leftbar2 {
 position: absolute;
 border: 1px solid #aaa;
 top: 0;
 width: 200px;
 height: 100%;
 overflow: auto;
 }

#leftbar2 p {
margin: 3px;
}



#sidebar2 {
 float:right;
 position: absolute;
 border: 1px solid #aaa;
 top: 0px;
 height: 100%;
 overflow: auto;
 width: 280px;
 -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; 

 }
 
 #sidebar2 p {
 margin: 3px;
 }

#sidebar img {
	margin-right: 5px;
}



 #sidebar ul#sidebar-list {
 list-style: none;
 padding: 0;
 margin: 0;
 }
 
 #sidebar ul#sidebar-list li a {
 display: block;
 border: 1px solid #ddd;
 background: #eee;
 margin: 5px;
 padding: 4px;
 font: 12px Helvetica, sans-serif;
 text-decoration: none;
 color: #444;
 }
 
 #sidebar ul#sidebar-list li.current a {
 border: 1px solid #444;
 border-left-width: 3px;
 padding-left: 2px;
 }
 
 #sidebar ul#sidebar-list li a:hover {
 background: orange;
 color: white;
 }
 
 #sidebar ul#sidebar-list li a strong {
 display: block;
 }
 #sidebar ul#sidebar-list li a span {
 font-style: italic;
 font-size: 11px;
 }
 #sidebar2 ul#sidebar2-list {
 list-style: none;
 padding: 0;
 margin: 0;
 }
 
 #sidebar2 ul#sidebar2-list li a {
 display: block;
 border: 1px solid #ddd;
 background: #eee;
 margin: 5px;
 padding: 4px;
 font: 12px Helvetica, sans-serif;
 text-decoration: none;
 color: #444;
 }
 
 #sidebar2 ul#sidebar2-list li.current a {
 border: 1px solid #444;
 border-left-width: 3px;
 padding-left: 2px;
 }
 
 #sidebar2 ul#sidebar2-list li a:hover {
 background: white;
 color: #555;
 }
 
 #sidebar2 ul#sidebar2-list li a strong {
 display: block;
 }
 #sidebar2 ul#sidebar2-list li a span {
 font-style: italic;
 font-size: 11px;
 }
 
 
#toolbar h1 {
margin: 0;
color: #000000;
font-weight: bolder;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
}

#toolbar h9 {
margin: 0;
font-weight: normal;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

#toolbar2 h4 {
margin: 0;
color: #000000;
font-weight: bolder;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

#sidebar2 h5 {
margin: 0;
font-weight: bolder;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
 
#toolbar ul {
list-style: none;
padding: 0;
margin: 0;
}

#toolbar2 ul {
list-style: none;
padding: 0;
margin: 0;
}

#toolbar ul#sidebar-controls {
position: absolute;
bottom: 3px;
right: 5px;
}


#toolbar ul#regata-features-right {
	position: absolute;
	bottom: 2px;
	right: 5px;
}

#toolbar ul#leftbar-controls {
position: absolute;
top: 1px;
right: 255px;
}

#corporatelinks {
position: absolute;
bottom: 2px;
font-color: #FFFFFF;
right: 5px;
}

#logo {
position: absolute;
bottom: 10px;
left: 29%;
}
 
#toolbar ul li a {
padding: 3px 6px;
color: #FFFFFF;
text-decoration: none;
font-weight: bolder;
font-size: 12px;
}
 
#toolbar a:hover {
color: #000000;
background: #FFFFFF;
}

#toolbar a:active {
color: #FFFFFF;
background: #3399FF;
}

#toolbar a:link {
color: #FFFFFF;
background: #3399FF;
}

#toolbar a:visited {
color: #FFFFFF;
background: #3399FF;
}

#toolbar2 ul li a {
padding: 3px 6px;
color: #444;
text-decoration: none;
font-weight: bolder;
font-size: 14px;
}
 
#toolbar2 ul li a:hover {
color: #000000;
background: #444;
}
 
#alert {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
display: none;
}

body.loading #alert { display: block; }
#alert p {
width: 150px;
margin: 0 auto 0 auto;
padding: 10px;
background: white;
border: 1px solid #aaa;
}

#livesearch
  { 
  margin:0px;
  width:194px; 
  }
#txt1
  { 
  margin:0px;
  } 

#mouseposition {
padding-left: 2px;

}

#legend { 

position: absolute; 
top: 0px; 
left: 30%;

}

#legend-background { 

position: absolute; 
top: 0px; 
height: 60px;
width: 100%;
background-color: blue;
opacity: 0.3;

}


/* stylesheet for shoutem*/

#statusEmbed_frame { background-color: ; padding: 3px 5px 0px 5px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; }
 #statusEmbed_frame a { color: #444444; text-decoration: none; }
 #statusEmbed_frame a.h { display: inline-block; padding-bottom: 3px; color: #444444; position: relative; top: 0px; font-weight: bold; text-transform: uppercase; }
 #statusEmbed_frame { 
float:right;
 position: absolute;
 border: 1px solid #aaa;
 top: 0px;
 height: 60%;
 overflow: auto;
 width: 210px;
 right: 290px;
}
 #statusEmbed_div img { border: none; height: 24px; }
 #statusEmbed_div a { text-decoration: none; color: #1A4B6F; }
 #statusEmbed_div a:hover { text-decoration: underline; }
 #statusEmbed_div table { margin: 0px; table-layout: fixed; width: 210px; background-color: #FFFFFF; color: #444444; font-size: 0.9em; }
 #statusEmbed_div td { overflow: hidden; border-top: 1px dotted #444444; padding: 2px; }
 #statusEmbed_div td a.t { color: #999999; font-size: 0.8em; }
 #statusEmbed_div .first td { border: none; }
 #statusEmbed_div .m { display: none; }
 #statusEmbed_div .a { width: 30px; vertical-align: top; }
 #statusEmbed_div .a a { padding: 3px 0 1px 3px; display: block; }



/* stylesheet for infobox*/

#infobox { background-color: ; padding: 0px 5px 0px 5px;  }
 #infobox { 
float:right;
 position: absolute;
 border: 1px solid #aaa;
 top: 61%;
 height: 39%;
 overflow: auto;
 /*bottom: 0px;*/
 width: 210px;
 right: 290px;
 color: gray;
}