body, html {
	height:100%;
	width:100%;
}
body {
    font: 300 100.1% "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
	overflow:hidden;
}

a { color: #06C; }
a:hover { color: #333; }
a:active { color: #000; }

#tablebox {
	position: absolute;
	top: 62px;
	bottom:0px;
	width: 98%;
	padding: 3px;
	overflow: auto;
}	

#screen-left {
	*display:inline;/* IE*/
    *zoom:1;/* IE*/	
	position:absolute;
	top: 0px;
	width:50%;
	height:100%;
}

#screen-right {
    *display:inline;/* IE*/
    *zoom:1;/* IE*/		
	position:absolute;
	display:block;
	top: 62px;
	bottom: 0px;
	margin-left:50%;
	width:50%;


}

#holder-hooverEthnicPopisInfo, #holder-hooverEthnicKrugovi, #holder-hooverEthnicBlokovi, #holder-hooverEthnicCrte, #holder-menu1, #holder-menu2, #holder-menu3 {
	*display:inline;/* IE*/
    *zoom:1;/* IE*/	
	position:absolute;
	display:block;
	text-align:left;
	background: White;
}

#holder-hooverEthnicPopisInfo {
	width:64%;	
	height:25%;
	top:0px;
	bottom:25%;
}

#holder-hooverEthnicKrugovi {
	top:25%;
	width:64%;	
	height:25%;
	bottom:50%;
}

#holder-hooverEthnicBlokovi {
	top:50%;
	width:64%;	
	height:50%; 
	bottom:0px;
}

#holder-hooverEthnicCrte {
	bottom:0px;
	width:36%;
	height:100%;
	margin-left:64%;
}

#holder-menu1 {
	bottom:0px;
	width:17%;
	margin-left:50%;
}

#holder-menu2 {
	bottom:0px;
	width:9%;
	margin-left:67%;
}

#holder-menu3 {
	bottom:0px;
	width:11%;
	right:0px;
}

#hoover-left > svg, #holder-hooverEthnicKrugovi > svg, #holder-hooverEthnicBlokovi > svg, #holder-hooverEthnicCrte > svg, #holder-menu1 > svg, #holder-menu2 > svg, #holder-menu3 > svg, #screen-left > svg, #screen-right > svg {
	width:100%;
	height:100%;
}

#canvas {
	height:100%;
}

#hoover-left {
	position: absolute;
	top: 52px;
	height: 100%;
	bottom: 0px;
	width: 50%;
	display: none;
	white-space: nowrap;
	background: White;	
}

#hoover-mouse {
	z-index: 140;
}

.what{
    position: absolute;
    top: 50px;
    right: 10px;
	font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
	color:#aaa;
}

/* Easy Tabs */
.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
.panel-container { margin-bottom: 10px; }