xhtml {min-height:100%; width:100%; background-color:#808080; background-repeat:repeat-x; background-image:url(img/bgr_prechod.png);}
xbody { margin:0px; text-align:center; }
#allSTR {position:relative; top:0px; margin:0px auto 0px auto; xwidth:1024px; background-color:#FFFFFF; text-align:left; }    /* pozice pocatku zobrazovaci oblasti */
#strLogo {position:relative; height:40px; background-color:#133070;}
#imgLogoFM {float:left; margin: 9px 0px 0px 12px; }
#tlacitko {  border-right:1px solid #7D82AB}
#zalozky {position:relative; height:30px; left:0px; top:0px; padding:0px; margin:0px; z-index: 9; background-color:#1480DE; color:white; font-weight:bold; }

H1 { FONT-SIZE: 22pt; FONT-STYLE:normal; FONT-WEIGHT: bolder; COLOR: #003399;}
H2 {FONT-FAMILY: Verdana, Arial, Tahoma; FONT-SIZE: 16pt; FONT-STYLE: italic; FONT-WEIGHT: bolder; COLOR: #003399; MARGIN-TOP: 0px; MARGIN-BOTTOM: 7px;}
H3 { font-size:15px; }
H5 {FONT-FAMILY: Verdana, Arial, Tahoma; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; COLOR: #000000; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;}
a {font-family:Verdana,Arial,Tahoma; font-size:9pt; font-style:normal; font-weight:normal; text-decoration:none;}
a:hover { text-decoration:none; }
#prihlasovani {text-align: center; margin-left:0px;} 

/* zalozky na vrchu */
  #topZl { margin-left:0px; }
  a.zalozka, a.zalozkaFirst, a.zalozkaSecond { 
  FONT-FAMILY: Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif; FONT-SIZE:13px; font-weight:bold; 
  height:30px; line-height:30px; z-index:10; border:0px; color:white; display:block; float:left; border-right:1px solid silver; text-align:center;}
  a.zalozka { padding-left:20px; padding-right:20px;}
  a.zalozkaFirst { width:180px; padding: 0px 0px; text-align:left;}
  a.zalozkaSecond { width:26px; padding: 0px 0px; text-align:left;}
  .zalozkaSearch { FONT-FAMILY: Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif; FONT-SIZE:13px; font-weight:bold; height:28px; line-height:28px; z-index:10; border:0px; color:white; margin-top:5px;  margin-left: 44px; display:block; float:left; text-align:center; width:200px;}
a.dcjq-parent.active {background-color:#133070;}
a.zalozka.active {background-color:#005CAA;}
  a.zalozka:hover, a.zalozkaSecond {background-color:#DF4B8F; text-decoration:underline;}
 
/* leve menu */ 
  .accordion_menu li{padding:0;margin:0;display:block; width:100%;}
  li a{display:block;}
  li.hide ul{display: none; }
  li.show ul{display: block; }
  li.station  a{color: #CC0033; padding-bottom:2px;}
  
  ul{padding:0;margin:0}
  ul li a {padding-left: 10px;} 
  ul ul li a {padding-left: 20px;} 
  ul ul ul li a {padding-left: 20px;}

/* nove leve menu */
.station {
	background-color: #DFDFDF;
}
.s_limn {
	background: url("img/watermark_limn.png") no-repeat right;
}
.s_sr {
	background: url("img/watermark_sr.png") no-repeat right;
}
.s_odd {
	background-color: #EFEFEF;
}
.s_even {
	background-color: #DFDFDF;
}
.station:hover {
	color: #330066;
	text-decoration: underline;
}
.station .active {
	border-left: 15px solid #005CAA;
	padding-left: 5px;
	background-color: transparent\9;
}

a.dcjq-parent {     
    background-color: #1480DE;
    border-top: 1px solid silver;
    color: white;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
}
.sLabel {
	color: #333333;
	font-size: 12px;
}
.sRiver {
	color: #0033BB;
	font-size: 10px;
}
.limitColors1,.limitColors5,.limitColors9 { background-color:#00CC00; }  /* SPA1 */
.limitColors2,.limitColors6,.limitColors10 { background-color:#FFFF00; }  /* SPA2 */
.limitColors3,.limitColors7,.limitColors11 { background-color:#FF0000; }  /* SPA3 */
.limitColors50 { background-color:#FF0000; }  /* dolni mez */
.limitColors51 { background-color:#CC0000; }  /* horni mez */

/*.station:not([lon]) a {text-decoration: ;}*/

#selectbox_data {
	position: absolute;
	top: 0px;
	font-weight: bold;
	height: 30px;
	left: 0px;
	width: 180px;
	overflow: hidden;
	border: none;
}
#selectbox_data select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #999999;
	color: #FFFFFF;
	width: 180px;
	padding: 7px 5px 5px 10px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 30px;
	font-weight:bold;
	cursor: pointer;
}

/* zakladni rozdeleni okna */ 
  #leftmenu{position:absolute; top:0px; left: 0px; width:180px; overflow-y: auto; height:100%; margin:0px; border-top:0px solid silver; background-color:rgb(204,204,204);}
#leftmenu-padder{height:70px; background-color:lime;z-index:0;border-bottom:1px solid silver}
#leftmenu .ui-tabs,
#leftmenu .ui-tabs .ui-tabs-panel { padding:0px;}
#leftmenu .ui-tabs .ui-tabs-nav {font-size: 10px;}
#leftmenu .aLevel2 a.dcjq-parent {
	background-color: #005CAA;
	font-size: 12px; 	
}
.arrow-down {
	width: 0; 
	height: 0; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 10px solid #DFDFDF;
}
  #contentPOS{position:absolute; top:0px; left:180px; width:844px; height:auto; min-height:900px; text-align:left; background:#FFFFFF; }
  #content{position:relative; top:10px; left:10px; width:824px; height:80px; text-align:left; background:#FFFFFF; }

/* zobrazeni grafu */ 
  #jmenovka {position:relative; width:550px; height:50px; top:0px; left:0px; text-align:left; float:left; }
  #tmDataPrenos {position:relative; width:550px; height:30px; top:0px; left:0px; text-align:left; FONT-FAMILY:Verdana,Arial,Tahoma; FONT-SIZE:8pt; FONT-STYLE:normal; FONT-WEIGHT:normal; COLOR:#000000; float:left; }
  #tmDataPrenos TD {text-align:left; FONT-FAMILY:Verdana,Arial,Tahoma; FONT-SIZE:8pt; FONT-STYLE:normal; FONT-WEIGHT:normal; COLOR:#000000; }
  #pravePole {position:relative; width:250px; height:80px; top:0px; text-align:right; float:right; }
  #endLineTop {position:relative; top:0px; left:0px; height:14px; clear:both; border-top: 2px solid #003399;}

  .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  	border: none;	  
  }
  
  .DIVgrafTabulka { position:relative; top:0px; left:0px; }
  .graphHeader {position:relative; width:690px; height:16px; top:0px; left:0px; TEXT-ALIGN:left; FONT-FAMILY:Verdana,Arial,Tahoma; FONT-SIZE:10px; FONT-WEIGHT:bold; float:left; background-color: #0C4F8F; color: #FFFFFF; padding: 4px 5px 0px 5px;}
	.merKanal { float:left; }
	.tabInfo { float:right; }
	#odkazy { padding: 16px 0px 14px 0px; }
	.map_button { font-weight:bold;background-color:#0C4F8F;color:white;padding:10px 16px;font-size:10px; }
	.map_button:hover { background-color:#1470BE; }

  /*#grdaf { position:absolute; top:0px; left:0px; }*/
  .tabulkavpravo {position:absolute; top:0px; width:128px; left:700px;}
  .tabulkavpravo TABLE { FONT-FAMILY: Verdana, Arial, Tahoma; FONT-SIZE: 8pt; text-align: center; background-color: white; border-bottcom:1px solid #0C4F8F; xborder-right:solid 1px #335CAD; width:143px;}
  .tabulkavpravo TD {border-bottom: solid 1px #335CAD; background-color : #FCF4DE; border-right:solid 1px #335CAD; text-align: center; }
  .tabulkavpravo TH {width: 55px; height: 15px; position: relative; font-size:10px; font-weight:bold; backgrdound-color: #0C4F8F; color: white; text-align: center; padding: 3px 5px 0px 5px;border:none;}
  .tabulkavpravo TR {height: 20px; }
  .tabulkavpravo .THvalue {width:97px; overflow:hidden;}
 
  #tab-chnl-wrapper.ui-tabs .ui-tabs-panel {padding:0px 0px;}

#uvodOblast {position:relative; margin:0px; padding:0px; width:824px; height:60px; top:0px; left:0px; text-align:left; }
#mapArea { position:relative; float:left; width:590px; }
#mapItems { position:relative; }
#mapLegend { position:relative; float:right; width:210px; }
.mapLabel {TEXT-ALIGN:left; FONT-FAMILY:Verdana,Arial,Tahoma; FONT-SIZE:14pt; FONT-WEIGHT:bold; COLOR:#0099FF; line-height:40px; }
.mapLegendText {TEXT-ALIGN:left; FONT-FAMILY:Verdana,Arial,Tahoma; FONT-SIZE:8pt; FONT-WEIGHT:normal; COLOR:#000000; margin:0px; padding:0px; height:16px; line-height:16px; }
.miniMapNadpis { TEXT-ALIGN:center; FONT-FAMILY:Verdana,Arial,Tahoma; FONT-SIZE:8pt; FONT-WEIGHT:bolder; COLOR:#FFFFFF; background-color:rgb(223,75,143); /*background-color:#4682B4;*/ margin-bottom:5px; line-height:16px; }
#miniMapArea { position:relative; left:0px; width:190px; border:1px solid silver; background-color:#EFEFEF; text-align:left; }
#bgrmap {}
#bgrMiniMap {position:relative; left:0px; top:0;}
img.minimapPos {position:absolute; left:0px; top:0px; visibility:hidden;}
a.miniMapHref {text-decoration:none; color:#000000; FONT-FAMILY:Verdana,Arial,Tahoma; FONT-SIZE:8pt; FONT-WEIGHT:normal; height:16px; line-height:16px;}
img.mmLegend {border:1px solid black;}
#minimapDIV {position:relative; left:20px; top:0px;}
#alertMSG {position:relative; TEXT-ALIGN:left; FONT-FAMILY:Verdana,Arial,Tahoma; FONT-SIZE:8pt; FONT-WEIGHT:normal; COLOR:#CC0033;}

/*#uvod {position:relative; margin:0px; width:810px; height:60px; top:0px; left:0px; text-align:center; border:1px solid red; }
#uvod H1 { FONT-SIZE: 18pt;}*/


/*.spa1color { background-color:#00CC00; }
.spa2color { background-color:#FFFF00; }
.spa3color { background-color:#FF0000; }
.dmzcolor { background-color:#FF0000; }
.hmzcolor { background-color:#CC0000; }*/

#graph_wrap {
	background-color: white;
	 min-width:850px;
}
#graph_data, #graph_welcome {
	padding: 2%;
}

h2 {
	font-size: 20px;
}
#stationSearch {
	width: 170px;
	height: 25px;
	margin-top: 2px;
	border: none;
	padding-left: 32px;
	color: white;
	background-color: #005CAA;
	background-repeat:no-repeat; background-image:url(img/mglass.png); background-position: 8px 7px;
	font-family: Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.icoIsRun { /* PLAY */
	width: 0; 
	height: 0; 
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 16px solid #0D7A15;
}
.icoNotRun { /* PAUSE */
	width: 4px; 
	height: 16px; 
	border-left: 4px solid #FD7A15;
	border-right: 4px solid #FD7A15;
	xborder-left: 16px solid #0D7A15;
	margin: 0px 4px;
}
.icoIsError{ /* CROSS */
	background: #ff0000  ;
	width: 5px;
	height: 20px;
	position: relative;
	margin-right: 5px;
	transform: rotate(45deg);
}
.icoIsError:before{ /* CROSS */
	background: #ff0000  ;
	content: "";
	width: 20px;
	height: 5px;
	position: absolute;
	top: 7px;
	left: -7px;
}
.icoNotError { /* CIRCLE */
   width: 20px;
   height: 20px;
   background: #AAAAAA; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;
}
.icoStyle {
	margin-top: 10px;
	float: right;
}