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

#map-component {
	width : 500px;
	border: 1px solid #D3D3D3; 
	z-index: 2;
}
#map {
	width : 500px;
	height: 400px;
}

#map-component.archive,
#map.archive {
	width : 550px;
}


#map-bar, 
.map-bar, 
#map-status {
	background-color: #EBF0F4;
	border-bottom: 1px solid #D3D3D3; 
	padding : 1px 2px;
}
#map-bar *,
.map-bar *,
 #map-status * {
	vertical-align : middle;
}
#lat-lon {
	font-size : 80%;
	background-color: White;
	padding : 1px 5px;
	border : 1px inset #D3D3D3;
	
}
#resizer,
.resizer {
	float : right;
	width : 18px;
	height : 18px;
	background-image: url(../img/lupa.gif);
	cursor : pointer;
	cursor : hand;
}

#map-status {
   height : 15px;
   width : 500px;
   padding : 2px 0;
   font-size : 90%;
   text-align : center;
   overflow-x : hidden;
}
#map-status div {
   width : 700px;
   margin : auto;
}

#label-height,
#label-ground,
#label-above,
#label-vario,
#label-speed,
#label-time,
#label-gps {
   float : left;
   margin : auto 2px auto 2px;
}

#status-height,
#status-ground,
#status-above,
#status-vario,
#status-speed,
#status-time,
#status-gps {
   display : block;
   float : left;
   width : 35px;
   padding-right : 2px;
   border : 1px inset #D3D3D3;
   background-color: White;
   text-align : right;
   font-weight : normal;
   font-size : 90%;
   white-space: nowrap;
}

#status-height {
   background-color: white;
   color : #FF7901;
}

#status-ground {
   background-color: #a9a9a9;
   color : white;
}

#status-above {
   background-color: gainsboro;
   color : black;
}

#status-vario {
   background-color :rgb(255,255,102);
   color : maroon;
   width : 40px;
}

#status-speed {
   background-color : rgb(255,204,178);
   color : black;
   width : 45px;
}

#status-time {
   width : 65px;
}

#status-gps {
   width : 125px;
}

#label-gps, #status-gps {
   display : none;
}

 #map-component {
 	margin : 0;
	text-align : left;
 }
 .point-info {
   font-family : Tahoma;
   font-size : 9px;
	line-height : 12px;
   color : red;
   width : 200px;
 }
 .point-info h3 {
   padding : 0;
   margin : 0 0 5px 0;
 }
 
 #flight-profile {
	background-color: white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	overflow: hidden;
	background-image: url(../img/bg-under-bar.gif);
	background-position: top;
	background-repeat: repeat-x;
	margin-top : 0px;
}

#layer-height {

}
#layer-speed {
   
}
#layer-vario {
  
}



#flight-profile div.b,
#flight-profile div.v,
#flight-profile div.s {
   position: absolute;
   font-size: 0;
   line-height: 0;
   width: 1px;
   border-top-style: solid;
}

#flight-profile div.g {
   position: absolute;
   bottom : 0;
   font-size: 0;
   line-height: 0;
   width: 1px;
   background-color: #a9a9a9;
}
 
#flight-profile div.b {
   border-top-color: #FF7901;
   background-color: gainsboro;
}
#flight-profile div.s {
   border-color: black;
   background-color: #FF9966;
}
#flight-profile div.v {
   border-color: maroon;
   border-bottom-style : solid;
   border-width : 0;
   background-color: yellow;
}
 
 #flight-profile div.b-rt {
   position : absolute;
   top : 0;
   font-size : 0;
   line-height : 0;
   width : 1px;
   height : 100%;
   background-color : #2655C0;
   z-index : 3;
 }
 #flight-profile div.tbar {
   position : absolute;
   font-size : 0px;
   line-height : 0px;
   width : 1px;
   border-left : 1px solid black;
   z-index : 3;
 }
 #flight-profile div.tbar span {
   font-size : 9px;
   line-height : 10px;
   position : relative;
   top : -6px;
   left : 2px;
   z-index : 3;
 }
 #flight-profile div.lvl-1000, #flight-profile div.lvl-500 {
   position : absolute;
   font-size : 9px;
   line-height : 10px;
   width : 100%;
   border-top : 1px solid gray;
   color : black;
   z-index: 3;
 }
 #flight-profile div.lvl-1000 span, #flight-profile div.lvl-500 span {
   position : relative;
   left : 2px;
   z-index : 3;
 }
 #flight-profile div.lvl-500 {
   border-top : 1px solid silver;
   color : gray;
   z-index: 3;
 }
 #flight-profile div.vario-axis {
    border-top : 1px solid maroon;
    width : 100%;
    position : absolute;
    z-index: 3;
 }
 #flight-profile div.overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: white;
	-moz-opacity: 0;
	opacity : 0;
	filter:alpha(opacity=0);
}
 
 #flight-profile div.sniffer {
   position : absolute;
   top : 0;
   font-size : 0;
   line-height : 0;
   width : 1px;
   height : 100%;
   /*background-color : black;*/
   border-left : 1px dashed black;
   z-index : 3;
 }
 
 #flight-profile div.sniffer-displayer {
	position: absolute;
	top: -10px;
	right: -60px;
	opacity : 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
	width: 360px;
	overflow: hidden;
	padding: 0;
	border-bottom: 1px solid black;
	background-color: #B0C4DE;
	z-index : 3;
	
}
 #flight-profile div.sniffer-displayer div.point-info {
   color : black;
   line-height : 10px;
   width : 360px;
 }
 
 #flight-profile div.sniffer-displayer div.point-info div {
    float : left;
    padding : 1px 4px 1px 4px;
    border-left: 1px solid black;
 }
 
 #flight-profile div.sniffer-displayer div.point-info * {
   display : block;
   text-align : right;
 }
 
#flight-profile div.sniffer-displayer div.point-info span#i-height,
#flight-profile div.sniffer-displayer div.point-info span#i-vario {
    width : 40px;
 }
#flight-profile div.sniffer-displayer div.point-info span#i-time {
    width : 60px;
 }
 
 #flight-profile div.sniffer-menu {
   position : absolute;
   z-index : 3;
   height : 57px;
   width : 21px;
   border : 1px solid black;
   background-color : white;
 }
 
 html>body #flight-profile div.sniffer-menu {
   height : 55px;
   width : 19px;
 }
 
 #flight-profile div.button {
   position : absolute;
   left : 1px;
   z-index : 3;
   width : 17px;
   height : 17px;
   cursor : pointer;
   cursor : hand;
 }
 #flight-profile div.button.zoom-in {
   top : 1px;
   background-image : url(../img/google/zoom-plus.png);
 }
 #flight-profile div.button.center {
   top : 19px;
   background-image : url(../img/google/center.png);
 }
 
 #flight-profile div.button.zoom-out {
   top : 37px;
   background-image : url(../img/google/zoom-minus.png);
 }
 
#layer-manager-icon {
   position : absolute;
   top : 5px;
   right : 5px;
   z-index : 3;
   width : 16px;
   height : 16px;
   cursor : pointer;
   cursor : hand;
   background-image : url(../img/maps/layers.gif);
}
#layer-manager-exit {
   position : absolute;
   top : 2px;
   right : 2px;
   width : 13px;
   height : 13px;
   cursor : pointer;
   cursor : hand;
   background-image : url(../img/maps/exit.gif);
}
 
#layer-manager {
   position : absolute;
   z-index : 4;
   top : 5px;
   right : 5px;
   width : 134px;
   height : 73px;
   border : 1px solid black;
   background-color : white;
}

#layer-manager h3 {
   font-size : 90%;
   line-height : 120%;
   padding : 2px 3px 2px 3px;
   color : white;
   background-color : #FF7901;
   border-bottom : 1px solid black;
   margin : 0;
}

#mng-height,
#mng-speed,
#mng-vario {
position : relative;
height : 18px;
}

#flight-profile #layer-manager div.button {
   top : 1px;
}
#flight-profile #layer-manager div.button.down {
   background-image : url(../img/google/south-mini.png);
   left : 1px;
   opacity : 0.3;
   -moz-opacity: 0.3;
   filter:alpha(opacity=30);
}
#flight-profile #layer-manager div.button.zoom-out {
   background-image : url(../img/google/zoom-minus-mini.png);
   left : 98px;
   opacity : 0.3;
   -moz-opacity: 0.3;
   filter:alpha(opacity=30);
}

#flight-profile #layer-manager div.button.zoom-in {
   background-image : url(../img/google/zoom-plus-mini.png);
   left : 116px;
   opacity : 0.3;
   -moz-opacity: 0.3;
   filter:alpha(opacity=30);
}
#flight-profile #layer-manager div.button.up {
   background-image : url(../img/google/north-mini.png);
   left : 19px;
   opacity : 0.3;
   -moz-opacity: 0.3;
   filter:alpha(opacity=30);
}
#flight-profile #layer-manager div.button:hover {
   opacity : 0.8;
   -moz-opacity: 0.8;
   filter:alpha(opacity=80);
}


#flight-profile #layer-manager div.scroller {
   position : absolute;
   top : 2px;
   left : 37px;
   width : 60px;
   height : 15px;
   border : 1px solid gainsboro;
   background-color : white;
}
html>body #flight-profile #layer-manager div.scroller {
   height : 13px;
   width : 58px;
}
#flight-profile #layer-manager div.scroller div {
   width : 0;
   height : 100%;
}
#flight-profile #layer-manager div.scroller-display {
   position : absolute;
   cursor : pointer;
   cursor : hand;
   top : 2px;
   left : 37px;
   width : 60px;
   height : 15px;
   color : black;
   text-align : center;
   font-size : 9px;
   line-height : 13px;
}

#flight-profile #layer-manager div.scroller.height {
   border-color : #FF7901;
}
#flight-profile #layer-manager div.scroller.speed {
   border-color : maroon;
}
#flight-profile #layer-manager div.scroller.vario {
   border-color : black;
}
#flight-profile #layer-manager div.scroller.height div {
   background-color : gainsboro;
}
#flight-profile #layer-manager div.scroller.speed div {
   background-color : #FF9966;
}
#flight-profile #layer-manager div.scroller.vario div {
   background-color : yellow;
}
 
/*tato 3 rules MUSI zustat v tomto poradi jako posledni, aby se s nimi dalo pracovat v JS*/
#flight-profile div.b {
   filter:alpha(opacity=99);
   z-index : 1;
   opacity : 0.99;
   -moz-opacity: 0.99;
}
#flight-profile div.s {
   filter:alpha(opacity=1);
   z-index : 2;
   opacity : 0.01;
   -moz-opacity: 0.01;
}
#flight-profile div.v {
   filter:alpha(opacity=1);
   z-index : 3;
   opacity : 0.01;
   -moz-opacity: 0.01;
}