/* CSS Document */

body { margin: 0px; padding: 0px; background: #000000;}
.body_0 { background: #000000; margin: 0px; padding: 0px; }
body,td,th {
	color: #b0ae90;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
ul, li {margin:0; padding:0;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

.bld { font-weight: bold;}
.t20b { font-size: 20px; font-weight: bold;}
.t16b { font-size: 16px; font-weight: bold;}
.t14 { font-size: 14px; }
.t12 { font-size: 12px;}
.t10 { font-size: 10px;}
.t8 { font-size: 8px;}
.red { color: #FF0000;}	
.ltgray { color: #CCCCCC;}
.dirt { color: #a69620; }
.sin1 { color: #A4CBDA;}
.sin2 { color: #6e5b55;}
.sin3 { color: #0175BA;}

.topic { line-height: 25px; color: #CCCCCC; }

#lng { position: absolute;left: 381px;top: 140px !important; top: 139px;color: #0175BA;font-size: 10px;z-index: 1000;}
#lng a:hover { color: #578799; text-decoration: none;}

#master {
	background: url(images/hazen-bg.jpg) top center no-repeat;
	width: 1063px; /*100% for static*/
	height: 100%;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}

#mainwrap {
	width:100%;
	background: url(images/webHazen-bgr-wire.png) top center no-repeat;
}
#maincol {
	position: relative;
	margin: 0;
	padding: 0px;
	width: 1063px;
	height: 850px;
}
#content {
	margin: 0;
	padding: 0;
}
#left {
	position:absolute;
	width: 230px;
	float: left;
	margin-top: 297px;
}
#container {
	width: 570px;
	height: 500px;
	margin: 0px 100px 0 230px;
	padding: 0;
	z-index: 500;
}
#footer {
	width: 100%;
	height: 25px;
/*	clear: both; */
	padding: 5px 0px;
	text-align: center;
	color: #4A4A4A;
	background-color: #000000;
}

/* Navigation */
.nav {
	position: absolute;
	width: 550px;
	height: 48px;
	background: url(images/blue-nav.gif) no-repeat;
	top: 204px;	/*top: 204px !important;*/
	left: 312px; /*left: 286px !important;*/
}
.nav li { display: inline; }
.nav li a:link, .nav li a:visited {	position: absolute;	top: 0;	height: 48px; text-indent: -9000px; overflow: hidden; z-index: 10; }

.nav .news a:link, .nav .news a:visited { left: 23px; width: 169px; }
.nav .news a:hover, .nav .news a:focus { background: url(images/blue-nav.gif) no-repeat -23px -49px; }
.nav .news a:active { background: url(images/blue-nav.gif) no-repeat -23px -98px; }
.current-news .news a:link, .current-news .news a:visited { background: url(images/blue-nav.gif) no-repeat -23px -147px; cursor: default; }
.nav-news, .nav-news-click { position: absolute; top: 0; left: 23px; width: 169px; height: 48px;	background: url(images/blue-nav.gif) no-repeat -23px -49px; }
.nav-news-click { background: url(images/blue-nav.gif) no-repeat -23px -98px; }

.nav .episodes a:link, .nav .episodes a:visited { left: 192px; width: 169px; }
.nav .episodes a:hover, .nav .episodes a:focus { background: url(images/blue-nav.gif) no-repeat -192px -49px; }
.nav .episodes a:active { background: url(images/blue-nav.gif) no-repeat -192px -98px; }
.current-episodes .episodes a:link, .current-episodes .episodes a:visited {	background: url(images/blue-nav.gif) no-repeat -192px -147px; cursor: default; }
.nav-episodes, .nav-episodes-click { position: absolute; top: 0; left: 192px; width: 169px; height: 48px; background: url(images/blue-nav.gif) no-repeat -192px -49px; }
.nav-episodes-click { background: url(images/blue-nav.gif) no-repeat -192px -98px; }

.nav .gallery a:link, .nav .gallery a:visited { left: 361px; width: 169px; }
.nav .gallery a:hover, .nav .gallery a:focus { background: url(images/blue-nav.gif) no-repeat -361px -49px; }
.nav .gallery a:active { background: url(images/blue-nav.gif) no-repeat -361px -98px; }
.current-gallery .gallery a:link, .current-gallery .gallery a:visited { background: url(images/blue-nav.gif) no-repeat -361px -147px;	cursor: default; }
.nav-gallery, .nav-gallery-click { position: absolute; top: 0; left: 361px; width: 169px; height: 48px; background: url(images/blue-nav.gif) no-repeat -361px -49px; }
.nav-gallery-click { background: url(images/blue-nav.gif) no-repeat -361px -98px; }

.l_nav {
	position: absolute;
	width: 192px;
	height: 195px;
	background: url(images/vert-nav-2.gif) no-repeat;
	top: 0px; /*top: 204px !important;*/
	left: 19px; /*left: 286px !important;*/
}
.l_nav li { display: inline; }
.l_nav li a:link, .l_nav li a:visited {	position: absolute;	top: 0;	height: 48px; text-indent: -9000px; overflow: hidden; z-index: 20; }

.l_nav .game a:link, .l_nav .game a:visited { left: 23px; top: 0; width: 169px; }
.l_nav .game a:hover, .l_nav .game a:focus { background: url(images/vert-nav-2.gif) no-repeat -192px 0px; }
.l_nav .game a:active { background: url(images/vert-nav-2.gif) no-repeat -361px 0px; }
.current-game .game a:link, .current-game .game a:visited { background: url(images/vert-nav-2.gif) no-repeat -530px -0px; cursor: default; }
.l_nav-game, .l_nav-game-click { position: absolute; top: 0; left: 23px; top: 0px; width: 169px; height: 48px;	background: url(images/vert-nav-2.gif) no-repeat -361px 0px; }
.l_nav-game-click { background: url(images/vert-nav-2.gif) no-repeat -530px 0px; }

.l_nav .faq a:link, .l_nav .faq a:visited { left: 23px; top:49px; width: 169px; }
.l_nav .faq a:hover, .l_nav .faq a:focus { background: url(images/vert-nav-2.gif) no-repeat -192px -49px; }
.l_nav .faq a:active { background: url(images/vert-nav-2.gif) no-repeat -361px -49px; }
.current-faq .faq a:link, .current-faq .faq a:visited {	background: url(images/vert-nav-2.gif) no-repeat -530px -49px; cursor: default; }
.l_nav-faq, .l_nav-faq-click { position: absolute; top: 49px; left: 23px; width: 169px; height: 48px; background: url(images/vert-nav-2.gif) no-repeat -361px -49px; }
.l_nav-faq-click { background: url(images/vert-nav-2.gif) no-repeat -530px -49px; }

.l_nav .features a:link, .l_nav .features a:visited { left: 23px; top:98px; width: 169px; }
.l_nav .features a:hover, .l_nav .features a:focus { background: url(images/vert-nav-2.gif) no-repeat -192px -98px; }
.l_nav .features a:active { background: url(images/vert-nav-2.gif) no-repeat -361px -98px; }
.current-features .features a:link, .current-features .features a:visited { background: url(images/vert-nav-2.gif) no-repeat -530px -98px;	cursor: default; }
.l_nav-features, .nav-features-click { position: absolute; top: 98px; left: 23px; width: 169px; height: 48px; background: url(images/vert-nav-2.gif) no-repeat -361px -98px; }
.l_nav-features-click { background: url(images/vert-nav-2.gif) no-repeat -530px -98px; }

.l_nav .download a:link, .l_nav .download a:visited { left: 23px; top:147px; width: 169px; }
.l_nav .download a:hover, .l_nav .download a:focus { background: url(images/vert-nav-2.gif) no-repeat -192px -147px; }
.l_nav .download a:active { background: url(images/vert-nav-2.gif) no-repeat -361px -147px; }
.current-download .download a:link, .current-download .download a:visited { background: url(images/vert-nav-2.gif) no-repeat -530px -147px;	cursor: default; }
.l_nav-download, .nav-download-click { position: absolute; top: 147px; left: 23px; width: 169px; height: 48px; background: url(images/vert-nav-2.gif) no-repeat -361px -147px; }
.l_nav-download-click { background: url(images/vert-nav-2.gif) no-repeat -530px -147px; }

/* content frames */
.c_row { width: auto; height: auto; padding: 0px 5px 0px 5px; text-align: left; }

#c_master {
	position: relative;
	width: 600px;
	height: 100%;
	margin: 0;
}
#c_main {
	position: absolute;
	width: 400px;
	/*height: 100%;*/
}
#c_nav {
	position: absolute;
	left: 400px;
	top: 0;
	width: 176px;
	height: auto;
	padding-top: 35px; /* 0 e po-dobre*/
	margin-left: auto;
	margin-right: auto;
}

#c_rollcontainer {
	position: relative; 
	height: 82px; 
	border: 1px solid #333333; 
	overflow: hidden; 
	background: #111111;
	margin: 1px 25px 1px 25px;
}
#roll {
	padding: 3px 3px; 
	position: relative;
	left: 2px; 
	top: 0px;
}

/* ----- scroll bar deffinitions ------------ */
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase {left: 0 !important; background-image: url(images/scrollbaseback.png); width:22px;}
 /* .vscrollerbase { background-image: url(images/scrollbaseback.png); width:22px; } */
.vscrollerbar { width: 22px; height: 110px !important; background-image: url(images/scrollbar.png); cursor: pointer; }
* html .vscrollerbar { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/scrollbar.png'); background-image: none; }
* html .vscrollerbase { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/scrollbaseback.png'); background-image: none; }
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6; }
.vscrollerbar, .hscrollerbar { padding: 0px; z-index: 10; }
.scrollerjogbox { width: 22px; height: 22px; top: auto; left: auto; bottom: 0px; right: 0px; background: #698AAA; }

#news a {
	text-decoration: none;
	color: #a69620;
}
#news a:hover {
	text-decoration: underline;
}