html, body {
	margin: 0px;
	padding: 0px;
	font:10pt "Arial",sans-serif;
	color:black;
}

body{
	background-color: #9fccea;
}

body.fck{
	background: transparent;
	padding: 2px;
}

a#adminLogin{
	display: block;
	width: 200px;
	height: 68px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
a#adminLogin img{
	margin: 0px;
	padding: 0px;
}


/* basic elements */
a{
	color: #48a9d7;
	text-decoration: none;
}
a:hover{
	color: #633510;
}
p a{
	text-decoration: underline;
}
a img{
	border: 1px solid silver;
	padding: 5px;
	margin:5px;
}
a img:hover{
	border: 1px solid #ffd2b2;
}

table{
	border-collapse: collapse;
}

div{
	display: block;
}

td.active,
td a.active,
tr.active td{
	background: #ffd2b2;
}
td a.active{
	font-weight: bold;
}

hr{
	height: 1px;
	border: none;
	clear: both;
	color: black;
	background-color: black;
}

/* forms */
form {
	margin:0;
	padding:0;
}

input, textarea, select{
	font:10pt "Arial",sans-serif;
	background: white;
	border: 1px solid black;
}

/* headers */
h1, h2, h3, h4, h5, h6, h7{
	color: #48a9d7;
	font-weight: normal;
}
h1{
	font-size: 13pt;
	text-transform: uppercase;
}
h2{	font-size: 17px;	}
h3{	font-size: 15px;	}
h4{	font-size: 13px;	}

/* basic styles */
.bold		{	font-weight: bold;	}
.center	{	text-align: center;	}
.left		{	text-align: left;		}
.right	{	text-align: right;	}
.xleft	{	float: left;	clear: left;	}
.xright	{	float: right;	clear: right;	}
.noborder{	border: none;	}
.table	{ display: table;	}
.cell		{ display: table-cell;	}
p.hint{
	clear: both;
	border-top: 1px solid black;
	margin: 5px;
	padding-top: 4px;
	text-align: left;
	font-size: 8pt;
}

.number{
	text-align: right;}

.date,
.time{
	width: 70px;
}

div.text{
	clear: both;
}

.error,
.succ,
.warn,
.info{
	display: block;
	background: #ffb57f;
	border: 1px solid black;
	margin: 5px auto 5px auto;
	padding: 5px;
	text-align: left;
	clear: both;
	width: 80%;
	margin: 5px auto;
	text-align: center;
}

.succ {
	background: #cfffcf; }
.warn {
	background: #ffe7af; }
.error{
	background: #ffafaf; }
.upper{
	text-transform: uppercase; }
.cleaner{
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	float: none; }

table.entEditor{
	width: 100%;
}

div#sbTest,
div#eeMask{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 100;
	overflow: auto;
}

/* main block */
#main{
	margin: 15px auto;
	width: 980px;
	text-align: left;
	border: 8px solid white;
	background: white;
}

/* header */
#header{
	width: 100%;
	height: 230px;
	background: url(../img/head.png) no-repeat top;
	claer: both;
	position: relative;
}

#header img{
	margin: 10px 0 0 20px;
	border: none;
}
#header h2{
	margin: -150px 0 0 0;
	width: 300px;
	text-align: right;
	color: white;
	font-size:14px;
	font-weight:bold;
	line-height: 25px;
}

#menuLeft{
	display: block;
	clear: both;
}

#fblink{
	display: block;
	width: 70px;
	height: 50px;
	background: url(../img/facebook.png) no-repeat left center;
	padding: 0 0 0 52px;
	margin: 8px 0;
	color: #3c5a98;
	clear: both;
}

#fblink:hover{ color: #5576bb; }

#hlHome,
#hlSotek,
#hlName{
	display: block;
	position: absolute;
	float: left;
}

#hlHome{
	top: 30px;
	left: 40px;
	width: 670px;
	height: 100px;
}

#hlSotek{
	top: 5px;
	right: 30px;
	width: 200px;
	height: 160px;
}

#hlName{
	top: 120px;
	left: 50px;
	font-size: 16pt;
	font-weight: bold;
}
/* content */
#left{
	float: left;
	width: 120px;
	padding: 0 10px 0 15px;
	margin: -10px 0 0 0;
}
#right{
	float: right;
	width: 200px;
	padding-right: 10px;

}
#content{
	width: 570px;
	margin: 10px 0px 5px 10px;
	float: left;
}

.blue a,
.blue h1,
.blue h2{
	color: #47a9d7;
	border-color: #47a9d7;
}

.pink a,
.pink h1,
.pink h2{
	color: #c64684;
	border-color: #c64684;
}

.yellow a,
.yellow h1,
.yellow h2{
	color: #fd8617;
	border-color: #fd8617;
}

.green a,
.green h1,
.green h2{
	color: #1f9f00;
	border-color: #1f9f00;
}

.orange a,
.orange h1,
.orange h2{
	color: #9f4f00;
	border-color: #9f4f00;
}

#content ul{
	line-height: 2em;
}

a.searchResult{
	clear: both;
	padding: 5px;
	display: block;
}

.perex .content>a{
	color: black;
	margin-bottom: -15px;
}

.perex object{
	font-size: 10pt;
}

.perex object img{
	float: left;
	margin: 5px 3px 3px 0;
	border: 1px solid black;
	padding: 0;
}
.perex object p{
	margin: 5px 0;
}

a.searchResult:hover{
	border-color: #ffe1cc;
	background: #fff7f2;
}
div.perex:hover div.content{
	background: transparent url(../img/active.png);
}

div.entry,
div.perex{
	width: 576px;
	position: relative;
	z-index: 1;
}
div.perex{
	cursor: pointer;}
div.perex.simple{
	cursor: default;}
div.entry{
	margin-bottom: 20px;
}
div.entry > div,
div.perex > div{
	width: 576px;
}

.entry .top,
.perex .top{
	height: 28px;
	background: transparent url(../img/ablock_y-t.png) no-repeat;
}

.entry .body,
.perex .body{
	background: transparent url(../img/ablock_y-c.png) repeat-y;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	margin: -1px 0;
}

.entry .bottom,
.perex .bottom{
	height: 90px;
	background: transparent url(../img/ablock_y-b.png) no-repeat;
}

.orange .top{		background-image: url(../img/ablock_o-t.png); }
.orange .body{		background-image: url(../img/ablock_o-c.png); }
.orange .bottom{	background-image: url(../img/ablock_o-b.png); }

.green .top{			background-image: url(../img/ablock_g-t.png); }
.green .body{		background-image: url(../img/ablock_g-c.png); }
.green .bottom{	background-image: url(../img/ablock_g-b.png); }

.blue .top{			background-image: url(../img/ablock_b-t.png); }
.blue .body{			background-image: url(../img/ablock_b-c.png); }
.blue .bottom{		background-image: url(../img/ablock_b-b.png); }

.entry div.content,
.perex div.content{
	width: 552px;
	margin: -28px 0 -90px 0;
	position: relative;
	z-index: 10;
	padding: 20px 12px 30px;
	color: black;
}

#search {
	position: absolute;
	bottom: 24px;
	right: 60px;
	width: 140px;
}

#search input{
	float: left;
	width: 80px;
	border: 2px solid black;
}
#search .btn{
	margin: -2px 0 0 4px;
	border: none;
	width: 0px;
	height: 26px;
	padding: 0 26px 0 0;
	background: transparent url(../img/ico-search.png);
	font-size: 0;
	color: transparent;
}

.searchOccur{
	text-decoration: underline;
	color: #cf0000;
}

.silver{
	background-color: silver;
}

/* other layout parts */

#rightBar{
	float: right;
	width: 200px;
}

.sidebar {
	margin: 0px;
}

.middle{
	padding: 5px;
}

.middle_spaced{
	padding: 5px;
}

.sidebar a:hover{
	color: #1f0f00;
}

.sideBlock{
	width: 196px;
	background: #ffd2b2;
	padding: 0;
	margin-bottom: 8px;
	border-bottom: 4px solid #7f3500;;
}

.sideBlock p{
	font-size: 10pt;
}

.sideBlock .heading{
	padding: 5px 0;
	clear: both;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}

#right .sideBlock .block{
	width: 196px;
}
#right .sideBlock .block>div{
	width: 196px;
	background: transparent no-repeat;
	display: block;
}
#right .sideBlock .top{			height: 58px;	}
#right .sideBlock .body{
	backgrond-repeat: repeat-y;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	padding: 0;
	margin: -1px 0;
}
#right .sideBlock .bottom{	height: 16px;	}
#right .sideBlock .content{
	width: 176px;
	padding: 0 10px;
	position: relative;
	!top: -20px;
	margin-top: -40px;
	overflow: hidden;
}

#poll,
#hot,
#best,
#recommend,
#user{
	background: transparent;
	border: none;
}

#user input{
	border:3px solid black;
}
#user .btn{
	float: right;
}

#user .top,
#poll .top{		background-image: url(../img/poll-top.png);		}
#user .body,
#poll .body{	background-image: url(../img/poll-body.png);	}
#user .bottom,
#poll .bottom{background-image: url(../img/poll-bottom.png);}

#best .top,
#recommend .top,
#hot .top{		background-image: url(../img/hot-top.png);		}
#best .body,
#recommend .body,
#hot .body{		background-image: url(../img/hot-body.png);		}
#best .bottom,
#recommend .bottom,
#hot .bottom{	background-image: url(../img/hot-bottom.png);	}

#best a,
#hot a,
#recommend a{
	color: black;
}

#best h2,
#hot h2,
#recommend h2{
	font-size: 9pt;
}

/* footer */
#footer{
/*	border-top: 3px solid #319dd1;*/
	clear: both;
	margin: 20px 40px 0 40px;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 8pt;
	display: block;
}

#footer img{
	float: left;
	margin: 5px;
}

#footer a img{
	border: none;
}

#footMid{
	display: block;
	width: 460px;
	border: 3px solid #319dd1;
	border-top: none;
	border-bottom: none;
	margin: 0 auto;
	float: left;
}
#footMid img{
	float: none;
	margin: 0 auto;
}

#footProd{
	padding-top: 10px;
	clear: both;
}

/* menu and vertical menu */
ul.menu,
ul.menu ul{
	color: black;
	padding: 0px;
	margin: 0px;
}
ul.menu a img{
	padding: 0;
	margin: 0;
	border: none;
	float: right;
}
.submenu{
	margin-left:20px;
}
ul.menu li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}

#menuLeft li {
	height: 88px;
}
ul.menu li a{
	padding: 3px 5px;
	font-size: 10pt;
	display: block;
}

.sideBlock ul.menu ul li a{
	padding-left: 15px;
	background-color: #ffe1cc;
}
.sideBlock ul.menu ul li li a{
	padding-left: 25px;
}


.sideBlock ul.menu ul li a:hover{
	background-color: #ffb57f;
}

/* Buttons */
.btnx, .btnrx,
.btn, .btnr,
.btnMid, .btnMid2, .btnMid3{
	display: block;
	padding: 3px 7px 3px 7px;
	margin: 5px 2px 5px 2px;
	border: 1px solid black;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background: #ffc399;
	float: left;
	cursor: pointer;
	color: #331500;
}

.btn img, .btnr img
.btnx img, .btnrx img, .btnMid img{
	border: none;
}

.btnrx,
.btnr{
	float: right;
}
.btnx, .btnrx{
	color: #1f1f1f;
	background: #cfcfcf;
	cursor: default;
}

.btnMid,
.btnMid2,
.btnMid3{
	float: none;
	margin: 5px auto 5px auto;
	width: 70px;
}

.btnMid2{ width: 120px; }
.btnMid3{ width: 170px; }

/* Article */
div.artInfo{
	clear: both;
	height: 11pt;
	margin: 5px 0px 0px 0px;
}
div.artInfo p{
	display: block;
	font-size: 8pt;
	color: #7f7f7f;
	margin: 0px;
	float: left;
	width: 100px;
}

div.artAuthor{
	float: right;
	display: block;
	clear: right;
	border: 3px solid black;
	padding: 3px;
	margin: 10px 3px 5px 5px;
	width: 80px;
	text-align: center;
	background: #fff974;
}

div.artAuthor img{
	padding: 0;
	margin: 0 auto;
	border: none;
}
p.aAuthor{
	margin: 5px 0 0 0;
	font-size: 80%;
}

p.aRelevant,
#content ul.aRelevant{
	float: left;
	margin: 5px 0;
	padding: 0;
	line-height: 100%;
}
p.aRelevant{
	clear: left;
}

p.aRelevant,
ul.aRelevant li{
	display: block;
	float: left;
	padding: 0;
	margin-right: 5px;
}

div.artInfo div.topLevel{
	width: 100px; }
.perex div.topLevel{
	margin-top: -5px;}

.entry .body div.artEval,
div.artEval a{
	float: left;
	display: block;
	width: auto;
}

div.artEval,
div.artInfo p{
	float: left;
}

div.artEval a{
	width: 18px;
	height: 18px;
	font-size: 0pt;
	font-weight: bold;
	color: #cfcfcf;
	background: url(../img/smiley-i.png) no-repeat center center;
}

div.artEval:hover a,
div.artEval:hover a.active{
	background: url(../img/smiley-i.png) no-repeat center center; }

div.artEval a.active,
div.artEval:hover > a,
div.artEval:hover > a.active{
	color: #7f0000;
	background-image: url(../img/smiley-a.png); }


div.artTags{
	float: left;
	clear: left;
	margin: 0 0 0 20px;
}

div.artHead h1{
	clear: left;
	float: left;
	width: 455px;
	margin: -3px 0 5px 0;
	border: none;
	font-weight: bold;
}

div.article{
	clear: left;
	font-size: <? $cSizes['art'] ?>pt;
}

.artMeta{
	width: 450px;
	display: block;
	text-transform: uppercase;
	position: relative;
	left: 17px;
	top: 69px;
	z-index: 50;
	clear: both;
}

.body .artMeta{
	position: static;
	clear: left;
	height: 15px;
	display: block;
}

.artMeta p,
.artMeta div{
	font-size: 9pt;
	float: left;
	margin: 0 5px 0 0;
}

.aTime{
	float: right;
	width: 110px;
	margin: 0;
}


.aLocation{
	overflow: hidden;
}
.aLocation a{
	float: left;
	padding: 0 4px;
	border-left: 1px solid black;
	margin: 0 1px 0 -1px;
}
.aLocation a:hover{
	text-decoration: underline;
}

div.artInfo p.aEval{
	width: 150px;
}

/* paging controlls */
.pgeStatus{
	display: block;
	float: right;
	margin: 5px 0px 5px 0px;
	padding: 3px 7px 3px 7px;
	width: 40px;
	text-align: center;
	font-weight: bold;
}

.pgeInputW{
	float: right;
	display: block;
}

.pgeInput{
	float: left;
	margin-top: 5px;
}

.subAddCtrls{
	display: block;
	width: 100%;
}
.subhead,
.subhead2{
	width: 100%;
	background: #ffd2b2;
}
.subhead2 { background: #ffcfaf; }
.subhead a, 		.subhead2 a{	color: black;	}
.subhead .time, .subhead2 .time{ text-align: right; font-size: 8pt; width: 100px;}
.subhead .ctl,	.subhead2 .ctl	{ width: 40px; }

.subtext{
	margin: 2px 0px 3px 0px;
}
div.subcription div{ margin-left: 10px; }
div.subcription{
	border: none;
	clear: both;
}
div.disSubForm{
	clear: both;
}
div.subCode,
div.subSecret{
	margin: 5px auto 5px auto;
	padding: 10px;
	border: 1px solid black;
	width: 80%;
	background: #ffd2b2;
	clear: both;
}
div.subCode{
	width: 100px;
	font-size: 15pt;
	font-weight: bold;
	text-align: center;
	background: #ffb57f;
}

table.subSub input{			width: 200px;	}
table.subSub textarea{	width: 300px;	}

div.disCtls{
	float: right;
	clear: both;
}

div.disCtlFirstD,
div.disCtlPrevD,
div.disCtlNextD,
div.disCtlLastD,
a.disCtlFirst,
a.disCtlPrev,
a.disCtlNext,
a.disCtlLast,
div.disPge{
	display: block;
	height: 23px;
	float: left;
	padding: 0 5px;
	margin: 0 2px;
}

div.disPge{
	width: 50px;
	font-weight: bold;
	text-align: center;
}

div.disCtlFirstD,
div.disCtlPrevD,
div.disCtlNextD,
div.disCtlLastD,
a.disCtlFirst,
a.disCtlPrev,
a.disCtlNext,
a.disCtlLast{
	width: 19px;
	background: transparent no-repeat center center;
	font-size: 0px;
	color: black;
}
a.disCtlFirst{		background-image: url(../img/dnFrst.png);	}
div.disCtlFirstD{	background-image: url(../img/dnFrst-d.png);	}
a.disCtlPrev{			background-image: url(../img/dnPrev.png);	}
div.disCtlPrevD{	background-image: url(../img/dnPrev-d.png);	}
a.disCtlNext{			background-image: url(../img/dnNext.png);	}
div.disCtlNextD{  background-image: url(../img/dnNext-d.png);	}
a.disCtlLast{			background-image: url(../img/dnLast.png);	}
div.disCtlLastD{	background-image: url(../img/dnLast-d.png);	}

a.btnPReply{
	float: left;
	width: 20px;
	height: 15px;
	display: block;
	float: right;
	background-image: url(../img/pReply.png);
	text-align: center;
	margin-right: 10px;
}

table.subSub input.btnReload{
	border: none;
	background-image: url(../img/btnRefresh.png);
	width: 24px;
	height: 24px;
	float: left;
	margin: 10px;
	padding: 0px;
	cursor: pointer;
}

.captcha{
	float: left;}
.subnme{
	display: none; }

table.subSub input.new-captcha{
	display: block;
	width: 24px;
	height: 0px;
	padding-top: 24px;
	border: none;
	background: transparent url(../img/btnRefresh.png);
	line-height: 25px;
	cursor: pointer;
}


.entry .body div.photoView{
	display: inline;
	float: left;
	width: 30%;
	padding-right: 10px;
	margin: 5px 0 0 5px;
}

div.photoView .caption{
	margin: 2px 0 5px 0;
	font-size: 9pt;
	clear: both;
}

div.photoView a{
	display: block;
	padding: 0;
	border: 5px solid silver;
	float: left;
	margin: 0 auto;
}
div.photoView a img,
div.photoView a img:hover{
	margin: 0;
	padding: 0;
	margin: -1px;
}

div.photoView a:hover{
	border-color: #ffb57f;
	background: #ffe1cc;
}

div.photoNavig{
	clear: both;
	height: 27px;
	margin: 0 0 5px 0;
}

div.pgPlaceholder,
div.photoNavig a{
	color: black;
	display: block;
	height: 27px;
	color: black;
}

div.photoNavig a:hover{
	text-decoration: underline;
}

a.pgIndex{
	overflow: hidden;
	line-height: 1000px;
	width: 28px;
	background: transparent url(../img/gnIndex.png) no-repeat center center;
	margin-left: 95px;
	clear: none;
	float: left;
}


a.pgNext,
a.pgPrev{
	text-transform: uppercase;
	width: 90px;
	line-height: 25px;
}
.entry div.pgPlaceholder{
	width: 140px;
}
a.pgNext{
	padding-right: 50px;
	background: transparent url(../img/gnNext.png) no-repeat right center;
	float: right;
	clear: right;
	margin-right: 15px;
}

a.pgPrev{
	padding-left: 50px;
	background: transparent url(../img/gnPrev.png)  no-repeat left center;
	float: left;
	clear: left;
	margin-left: 15px;
}

div.photoOne img{
	display: block;
	margin: 0 auto;
}


table.fileList{
	clear: both;
	width: 80%;
	margin: 5px auto 5px auto;
	border: 1px solid #7f3500;
}
table.fileList th,
table.fileList a.file{
	padding: 5px;
}
table.fileList tr:hover{
	background: #ffe1cc;
}
table.fileList td a{
	display: block;
}
table.fileList th.name{	width: 40%;	}
table.fileList th.ctls{ width: 100px; }
img.ico,
img.ico:hover{
	border: none;
	margin: 0px;
	padding: 0px;
	margin-right: 5px;
}
table.videoList{
	clear: both;
	width: 100%;
}
table.videoList object,
table.videoList embed{
	display: block;
	float: left;
}
table.videoList object{
	clear: both;
}

table.videoList p{
	clear: both;
}
table.audioList{
	clear: both;
	width: 500px;
	margin: 0 auto;
}
table.audioList object,
table.audioList embed{
	display: block;
	width: 100%;
	height: 100%;
	float: left;
}
table.audioList object{
	clear: both;
}

#editor table.audioList object,
#editor table.audioList embed
#editor table.audioList tr{
	height: 20px;
}
table.audioList td.label{
	width:  200px;
}
table.audioList td.ctls{
	width: 100px;
}

p.aLabels{
	margin: 0 0 0 20px;
}
.tag{
	display: block;
	float: left;
	padding: 0 4px;
	margin: 3px 3px 0 0;
	font-size: 9pt;
	float: left;
	clear: none;
	text-decoration: none;
}
.tag:hover{
	text-decoration: underline;
}


.pollStatus{		float:right;	font-size: 8pt;}
.pollText{			float:left;		}
div.pollText,
div.pollItem{
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
div.pollGraph{
	clear: both;
	border: 1px solid black;
	height: 8px;
	background-color: #7f3500;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	overflow: hidden;
}

div.pollCnt{
	clear: right;
	float: right;
	display: block;
	width: 30px;
	margin-left: 10px;
}
div.pollVote{
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 0 0 0 5px;
	float: right;
	background: transparent url(../img/smiley-a.png) ;
	overflow: hidden;
	line-height: 100px;
}




ul#menuLeftSub,
ul#menuTop{
	clear: both;
	display: block;
}

ul#menuTop{
	position: absolute;
	height: 80px;
	top: 155px;
	left: 145px;
}

ul#menuTop li{
	float: left;
}
#menuTop a,
#menuLeft a,
#menuLeftSub a{
	padding: 0;
	margin: 0;
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	float: left;
}

#menuLeft a{
	clear: both;
	font-size: 10.5pt;
	height: 88px;
	width: 120px;
}

#menuLeftSub{
	width: 500px;
	margin: 0 auto;
}

#menuLeftSub li{
	background: transparent url(../img/lepik.png) no-repeat center center;
	display: block;
	width: 240px;
	height: 50px;
	padding: 0;
	margin: 5px;
	float: left;
}

#menuLeftSub li.active,
#menuLeftSub li:hover{
	background-image: url(../img/lepik-a.png);
}

#menuLeftSub li a{
	width: 200px;
	height: 36px;
	padding: 7px 20px;
	text-align: center;
	line-height: 13pt;
}

#menuTop a{
	font-size: 9pt;
	width: 78px;
	height: 70px;
}

#menuTop a span,
#menuLeft a span{
	display: block;
	cursor: pointer;
	text-align: center;
}
#menuLeft a span.w{
	width: 120px;
	height: 88px;
}
#menuTop a span.w{
	width: 100%;
	height: 100%;
}
#menuLeft span.c{
	width: 120px;
	height: 44px;
	padding: 40px 0 4px 0;
}

#menuTop span.c{
	width: 58px;
	height: 30px;
	padding: 30px 10px 10px 10px;
}

#menuTop li.active span.c,
#menuLeft li.active span.c,
#menuTop span.c:hover,
#menuLeft span.c:hover{
	background: transparent url('../img/active.png');
}

ul.sitemap{
	margin-top: -7px; }
ul.sitemap,
ul.sitemap ul{
	list-style-type: none;
	padding: 0 0 0 10px; }
ul.sitemap li{
	line-height: 14pt; }
legend{
	white-space:normal;
	width: auto;
	max-width: 100%; }
legend span{
	display: block;
	width: 100%; }
#checkInR{ display: none; }
#menuLeft .white a {
	color: white;
}

#menuLeft .top		.c{	padding-top: 10px; padding-bottom: 34px;}
#menuTop .elearning .c,
#menuLeft .bottom .c{	padding-top: 60px; padding-bottom: 0px; height: 28px; }
#menuLeft .right	.c,
#menuLeft .right2	.c{	width: 65px; padding-right: 15px; padding-left: 40px; text-align: right; }
#menuLeft .right2 .c{ width: 60px; padding-right: 20px;}

#menuTop .elearning .c,
#menuTop .bottom	.c{	padding-top: 45px; height: 15px; }
#menuTop .left		.c{	text-align: left; }

#menuTop .elearning .c{
	width: 88px;
	padding: 45px 0 10px 0; }

#menuTop .poprve a{
	width: 88px;
	height: 67px;}
#menuTop .poprve	.c{
	padding: 25px 6px 10px 24px;
}


#menuTop .elearning a{
	width: 88px;}

table.fastLogin{
	width: 100%;
}

table.fastLogin td{
	width: auto;
}
table.fastLogin input{
	width: 110px;
}


div.courseArtPreview{
	padding: 10px 5px;
	display: block;
	border: 1px solid transparent;
}

div.courseArtPreview:hover{
	background: #ffe1cc;
	border: 1px solid #7f3500;
}

div.courseArtPreview h3{
	margin: 0 0 5px 0;
}

table#caNavigation{
	clear: both;
	width: 100%;
	border-top: 1px solid black;
}
table#caNavigation td{
	padding: 5px 0;
}
#cbNext,
#cbPrev,
#cbIndex{
	display: block;
	float: left;
	padding: 3px;
	font-size: 11pt;
	font-weight: bold;
	height: 18px;
	width: 146px;
}
div#cbNext,
div#cbPrev{
	width: 170px; /* compensate missing image ... */
}

a#cbNext{
	background: url(../img/caNext.png) right center no-repeat;
	float: right;
	text-align: right;
	padding-right: 26px;
}

a#cbPrev{
	background: url(../img/caPrev.png) left center no-repeat;
	padding-left: 26px;
}

a#cbIndex{
	background: url(../img/caIndex.png) left center no-repeat;
	padding-left: 26px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#testTimer{
	display: block;
	font-size: 14pt;
	font-weight: bold;
	padding: 5px;
	border: 1px solid black;
	margin: 2px auto;
	width: 100px;
	text-align: center;
}
.tTimeNear{
	color: red;
}

.tTimeExpired{
	background-color: red;
	color: white;
}

fieldset table{
	width: 100%;
}

fieldset.test{
	border: 1px solid black;
	font-size: 12pt;
	padding: 8px;
}
fieldset.test legend{
	font-weight: bold;
	margin: 0 5px;
	padding: 0 5px;
}

fieldset.test th {
	width: 70px;
}

fieldset.test td.succ{
	background: transparent;
	border: none;
	text-align: right; }

fieldset.test input{
	float: left;
	border: none;
	background: transparent;
}
fieldset.test input{
	clear: left;
}
fieldset.test label{
	display: block;
	margin-left: 22px;
}

div.testresults{
	text-align: center;
	font-weight: bold;
	font-size: 12pt;
	padding: 5px;
}

div.pageListing{
	margin: 2px auto;
	width: 410px;
	height: 25px;
	position: relative;
	padding: 0 80px;
	text-align: center;
	clear: both; }

div.pageListing a {
	text-align: center;
	width: 16px;
	display: inline-block;
	padding: 2px;
	border-radius: 2px;
	margin: 1px;
	border: 1px solid #fff7b2; }
div.pageListing a:hover {
	background: #fff7b2; }

div.pageListing a.active{
	background: #fde3da; }
div.pageListing .list{
	text-align: center; }
div.pageListing a.prev,
div.pageListing a.next{
	position: absolute;
	width: 80px;
	top: 0; }
div.pageListing a.next{ right: 0; }
div.pageListing a.prev{ left: 0; }

div.entryUnavailable{
	width: 90%;
	padding: 7px;
	margin: 5px auto;
	text-align: center;
	clear: both;
	border: 1px solid black;
	background: #fff7b2; }

div#regPopUp{
	position: fixed; top: 0px; left: 0px; z-index: 90; width: 100%; height: 100%; background-color: #000; background: url(../img/lbOverlay.png); }
div#regCont{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 250px 0 0 0; }
div#regPopUp .window{
	z-index: 50;
	position: relative;
	width: 400px;
	height: 150px;
	background: white;
	padding: 10px;
	border: 1px solid black;
	margin: 0 auto;
	box-shadow: #000 0 0 20px;	}
div#regPopUp h3{
	margin: 0; padding: 0; }
div#regPopUp .window .closeBtn{
	position: absolute;
	right: 3px;
	top: 3px;
	border: 1px solid black;
	display: block;
	width: 20px;
	height: 0px;
	padding: 20px 0 0 0;
	overflow: hidden;
	cursor: pointer;
	background: #ffff7f url(../img/btnSeCancel.png) no-repeat center center; }
div#regPopUp .window .closeBtn:hover{
	background-color: #ffffaf; }
div#regPopUp .msg{
	font-weight: bold;
	padding: 5px 0 10px 0; }

.fImageCont{
	position: relative;
	width: 24px; height: 24px;}
.fImage{
	display: none;
	position: absolute;
	left: 30px;
	bottom: -50px;
	width: 150px;
	padding: 2px;
	border: 1px solid black;
	box-shadow: #000 1px 1px 3px;
	background: #fff; }
.fImage img{
	display: block;
	margin: 0 auto; }

.fileListI{
	margin: 0 auto;
	width: 468px; }
.fileListI td{
	vertical-align: top;
	width: 156px; }
.fileI {
	width: 154px;}
.fileI span{
	display: block;
	clear: both;
	text-align: center;}
.fileI span.image{
	padding: 2px;
	border: 1px solid black;
	background: #fff;
	width: 150px;
	height: 236px; }
.fileI span.label{
	width: 150px;
	padding: 1px 2px;
}
.fileI span.image img{
	padding: 0;
	border: none;
	margin: auto auto; }

.test{
	disply: block;
	padding: 5px 0 0 0; }
.test fieldset,
.test .question,
.test .navig{
	display: block;
	clear: both;}
.test .result,
.test .question{
	display: none;}
.test fieldset{
	padding: 0;
	margin: 0;
	border: none; }
.test .question,
.entry .test .navig{
	border: none;
	width: 100%;	}
.entry .test .navig{
	padding: 5px 0; }
.test .question label{
	width: auto;
	padding-right: 40px;
	position: relative; }
.test .question label .result{
	display: block;
	width: 32px; height: 32px;
	padding: 0;
	background: transparent no-repeat center center;
	position: absolute;
	top: 0;	right: 0;}
.test .question label .corr{
	background-image: url(../img/t_corr.png);}
.test .question label .fail{
	background-image: url(../img/t_fail.png);}
.test .question .result{
	display: block;
	line-height: 500px;
	overflow: hidden;}
.test .question label .result{
	display: none;}
.test .question input{
	float: left; }
.test .question img{
	float: right;}
.test label{
	display: block;
	clear: both;
	width: 100%; }
.test .navig input{
	float: right; }
.test .navig .prev{
	float: left; }
.test .result{
	height: 30px;
	padding: 10px; }
.test .result img,
.test .result span{
	display: block;
	float: left;}
.test .result span{
	padding: 7px; }
.navig .btn{
	margin: 0; }

.entry .navig{
	height: 20px;
	padding: 3px 30px;
	border-top: 2px solid black;
	clear: both; }
.navig .prev{
	float: left; }
.navig .next{
	float: right; }
#result{
	display: none;}

.question .navig{
	position: relative;}
.question .navig input{
	display: block;
	float: none;
	width: 100px;
	position: absolute;
	top: 5px;
	padding: 0px; }
.question .navig .repeat{	display: none; }
.question .navig .prev{		left:	0; }
.question .navig .next{		right:0; }
.question .navig .check,
.question .navig .repeat{	left:	50%; margin-left: -50px; }

#t_small{
	display: block;
	width:	552px;
	height:	414px;}
#t_full{
	margin: auto;
	display: block;
	width:	800px;
	height:	600px;}
#tWindow{
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: 0;
	margin-left: -405px;
	display: block;
	background: white;
	padding: 2px;
	width: 810px; }