/*
BLUE THEME

color palette:
border: #0364B0
text bold:
text light:
background dark:
background light: #E7F1F8

*/

/* Import Globals */
@import url(globals.css);

/* Import Menu */
@import url(blue_toolbar.css);

/* Import Panel */
@import url(blue_container.css);

/* Globals */

body { 
	margin: 0px; 
	background-color: #F9F9F9;
	font-family: arial;
	}
form {
	display: inline;
	margin: 0px;
	padding: 0px;
	}
.vertical_dash {
	background-image: url(../images/bg_vertical_dash_blue.gif);
	background-repeat: repeat-y;
	}
.float-left {
	border: 0px;
	margin: 0px 10px 0px 0px;
	float: left;
	}
.float-right {
	border: 0px;
	margin: 0px 0px 0px 10px;
	float: right;
	}
p {
	font-size: 11px;
	}
input.submit_button {
	font-size: 11px;
	font-weight: bold;
	color: #1070cf;
	width: 90px;
	background-color: #FFFFFF;
	background-image: url(../images/bg_button_blue.gif);
	border: 1px solid #1070cf;
	margin: 3px 1px 3px 0px;
	}
hr.dashed {
	height: 1px;
	border-bottom: 1px dashed #666666;
	border-width: 0px 0px 1px 0px;
	}
span.new {
	color:red;
	}

/* Map */
div#map{
/*	position: absolute; */
	position: relative;
	left:0px;
	right:0px;
	height: 100%;
	width:100%;
	z-index:1;
	
}
	
/* Elevation Panel */

div#elevation_panel {
	height: 100px;
	width:  100%;
	font-size: 11px;
	background-color: #D4E6F3;
	z-index: 75;
	position: absolute;
	}
	
div#hide_elevation_panel_bar { 
	height: 10px;
	width: 100%;
	cursor: pointer;
	background-image: url(../images/bg_hide_elev_blue.gif);
	background-position: center center;
	background-color: #10218B;
	background-repeat: no-repeat;
	z-index: 1000;
	position: absolute;
	}
	
div#show_elevation_panel_bar { 
	height: 10px;
	width: 100%;
	cursor: pointer;
	background-image: url(../images/bg_show_elev_blue.gif);
	background-position: center center;
	background-color: #10218B;
	background-repeat: no-repeat;
	z-index: 1000;
	position: absolute;
	}

/* Toolbars */

div#event_toolbar {
	z-index:10;
	height: 34px;
	width: 380px;
	background-image: url(../images/bg_toolbar_blue.png);
	background-repeat: no-repeat;
	position: absolute;
	padding: 0px;
	top: 5px;
	left: 10px;
	cursor: move;
	white-space: nowrap;
	}
	div#event_toolbar img.toolbar_sponsor {
		position: absolute;
		top: 4px;
		left: 289px;
		}
	div#event_toolbar div.toolbar_end {
		background-image: url(../images/bg_toolbar_blue.png);
		background-position: -640px 0px;
		background-repeat: no-repeat;
		width: 6px;
		height: 34px;
		position: absolute;
		top: 0%;
		left: 380px;
		}