/* Ver CW1.1b */
#table_container {
	width: 900px;
	margin: 0 auto;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #585858;
}

#table_container table {
	border-width: 0px;
	border-spacing: 0px 0px;
}

table {
	empty-cells: show;
}

#vueconsole{
background:url('vue_console_lit.png') no-repeat center center; 
height: 554px;
width: 600px;
position: relative;	
}

/* fix */
#ident *, #mainmenu a {
	line-height: 140% !important;
}

#vp2console{
background:url('vp2_console_lit.png') no-repeat center center; 
height: 440px;
width: 700px;
position: relative;
}

@font-face {
 font-family: digi;
 src: url('digi.eot') /* EOT file for IE */
}

@font-face {
 font-family: digi;
 src: url('digi.ttf') /* ttf file for CSS3 */
}

.vajax { 
font-family: digi,Arial;
position: absolute;
font-size: 32px;
font-weight:400;
color: #053D6C;
}

.smallb {
font-family: arial; 
position: absolute;
font-size: 11px; 
font-weight: bold; 
color: #053D6C; 
}

.small {
font-family: arial; 
position: absolute;
font-size: 11px; 
font-weight: normal; 
color: #053D6C; 
}

.normal {
font-family: verdana,arial; 
position: absolute;
font-size: 12px; 
font-weight: normal; 

}

.btnwhi {
border:1px solid grey;
padding:1px 2px;
background-color:white;
width:42px;
border-radius:6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
text-align:center;
}

.btnyel {
border:1px solid grey;
padding:1px 2px;
background-color:yellow;
width:42px;
border-radius:6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
text-align:center;
}

.btnbrn {
border:1px solid grey;
padding:1px 2px;
background-color:#3F3831;
width:42px;
border-radius:6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
text-align:center;
color:white;
}

.btngrey {
border:1px solid grey;
padding:1px 2px;
background-color:#505058;
width:42px;
border-radius:6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
text-align:center;
color:white;
}

/* Scroller Box */
#vue_scroller_container {
font-family: digi,Arial;
font-size: 24px;
color: #053D6C; 
position:absolute;
top:279px;
left:232px;
width: 150px;
height: 24px;
overflow: hidden;
overflow: auto;
}

#vp2_scroller_container {
font-family: digi,Arial;
font-size: 24px;
color: #053D6C; 
position:absolute;
top:271px;
left:56px;
width: 405px;
height: 24px;
overflow: hidden;
overflow: auto;
}

.jscroller2_left, .jscroller2_left_endless {
 margin: 0;
 padding: 0;
 white-space: nowrap;
}

 #lampsbtn:hover, #tempbtn:hover, #humbtn:hover, #windbtn:hover, #rainbtn:hover, #barbtn:hover,
 #secndbtn:hover, #WxCenbtn:hover, #fcastbtn:hover, #graphbtn:hover, #hilowbtn:hover, #timebtn:hover, #alarmbtn:hover, #donebtn:hover,
 #lampsbtnt:hover, #tempbtnt:hover, #humbtnt:hover, #windbtnt:hover, #rainbtnt:hover, #barbtnt:hover,
 #secndbtnt:hover, #WxCenbtnt:hover, #fcastbtnt:hover, #graphbtnt:hover, #hilowbtnt:hover, #timebtnt:hover, #alarmbtnt:hover, #donebtnt:hover
  { cursor:pointer; }

.console-stage {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}

#content {
	overflow-x: auto;
}

#main-copy {
	max-width: 100%;
	overflow-x: auto;
	padding-bottom: 12px;
	-webkit-overflow-scrolling: touch;
}

@media (max-width: 900px) {
	#content {
		overflow-x: hidden;
	}

	#main-copy {
		overflow-x: hidden;
	}

	#main-copy > table {
		width: 100%;
		max-width: 100%;
		margin-left: 0 !important;
	}

	.console-stage {
		width: 100%;
		height: 455px;
		overflow: hidden;
	}

	.console-stage #vueconsole {
		transform: scale(0.82);
		transform-origin: top left;
	}

	#main-copy::before {
		display: block;
		margin-bottom: 10px;
		color: #627d98;
		content: "Konzola je na malom displeji zmenšená; ovládacie prvky zostávajú dostupné.";
		font-size: 0.78rem;
	}
}

@media (max-width: 600px) {
	.console-stage {
		height: 335px;
	}

	.console-stage #vueconsole {
		transform: scale(0.6);
	}
}

@media (max-width: 420px) {
	.console-stage {
		height: 300px;
	}

	.console-stage #vueconsole {
		transform: scale(0.5);
	}
}