body {background:#FFFFFF url(bgnd23.gif) repeat-x}
body,input,select,textarea {font-family: Verdana, sans-serif; font-size:12px;color:#454545}
* {margin:0;padding:0}
img {border:none}

h1 {color:#003c62;font-weight:bold;font-size:18px}
h6 {color:#666666;font-weight:bold;font-size:12px}

a {color:#666666;text-decoration:none}
a:hover {text-decoration:underline;background-color:#FFCC00;color:#003c62}
a.button, a.butaktiv {border:1px solid #999999;background-color:#FFFFFF;padding:0 11px;text-align:center}
a.butaktiv {background-color:#CCFFCC}	
a.button:hover {background-color:#FFCC00}

/* nugalj */
#login, div.red, div.redvisoko, div.gred, #linki, #kipi {background:url(nugalj.gif) no-repeat right bottom}

/* helper for center the design */
#container {position:relative;width:860px;margin:0 auto;z-index:2}
#bglivo {position:absolute;width:50%;top:70px;height:17px;z-index:1;font-size:1px}
#bgdesno {position:absolute;width:50%;background:#003c62 url(bgndtop2.gif) repeat-x;right:0px;top:0px;height:53px;z-index:1}
#bijelo {position:absolute;top:0px;left:0px;width:100%;height:4px;background-color:#FFFFFF;z-index:100;font-size:1px}
#bijelo2 {position:absolute;top:53px;left:0px;width:100%;height:1px;background-color:#FFFFFF;z-index:100;font-size:1px}

/* klickable tk-logo*/
#logo {position:absolute;top:0px;right:0px;width:310px;height:70px}
#logo img {width:300px;height:70px}

/* path */
#path {position:absolute;top:53px;height:17px;z-index:3;font-size:10px;padding-right:20px}
#path p {margin:2px 7px; white-space:nowrap;padding-top:1px;}
#path a {padding:0px 4px;}
#path a, #path p {color:#DEDEDE;text-transform:uppercase}
#path a:hover {color:#000000;text-decoration:none} 
#path .malo {color:#666666;margin-left:20px}

#livo {position:absolute; top:70px;width:158px; z-index:4;}
#livo p {margin: 5px 9px 5px 19px; text-indent:-12px; color:#FFFFFF}
#livo p.indent {margin-left:29px;text-indent:-9px}

#l_top {border:1px solid #d4d4d4;border-left-color:#e7e7e7;border-top:none;border-bottom:none;margin-bottom:20px;background:#eeeeee;}

/* nav i login */
#nav, #login {width:158px;z-index:4; padding:8px 0 12px; clip: rect(0px,155px,1000px,0px)}
#nav p, #nav a {color:#333333}
#nav a {margin-left:2px;padding:2px 10px 2px 4px;}
#nav_rub {width:158px;height:3px;background:url(rub1_zdola.gif) repeat-x}

#login {background-color:#003c62}
#login a {color:#E2E2E2}
#login a:hover {color:#FFFFFF}

/* content, im IE kann max. 1 Klasse pro id definiert werden */
#fixes_rightbreak {width:860px}
#content {position:absolute;top:130px;left:175px;padding:0px;width:505px;float:left;display:inline}

/* right */
#desno {position:absolute;top:138px;left:700px;width:158px;float:left}
.lstup {float:left;width:60px}
.rstup {float:left;width:90px;text-align:right}
.svota {font-weight:bold;border-top:1px solid #999999;border-bottom:2px double #999999;margin-top:2px;padding-top:2px}

/* sujetheadline */
#headline {position:absolute;top:70px;left:175px;z-index:6;width:685px;text-align:left;border:none;background:url(orange.jpg) left;}
#headline h1 {color:#ffffff;font-size:16px;text-transform:uppercase;padding:22px 0 4px 15px}

.malo {font-size:10px}
.kursiv {font-style:oblique}
.masno {font-weight:bold}
.markirano {color:#FF0000;font-weight:bold}

div.red, div.redvisoko, #tabela {width:500px;padding:4px 0;margin-bottom:3px;background-color:#EEEEEE;clear:both}
#tabela.del, #tabela.del div.tred {background-color:#FF7777}
#tabela.master {background-color:#CCFFCC}

div.red {clear:both;float:left}
div.redvisoko {height:50px;}
div.reddetail {display:none;float:left;width:480px;margin:5px 10px 10px;background-color:#FFFFFF}
div.reddetail div.st, div.reddetail div.sts {margin-top:2px;display:block;}
div.reddetail div.st {width:60px;font-weight:bold;float:left;margin-left:5px;clear:both}
div.reddetail div.sts {width:390px}

div.red:hover, div.redvisoko:hover {background-color:#FFCC00}
div.red a, div.redvisoko a {padding:0 2px}
div.f0 {background-color:#EEEEEE}
div.f1 {background-color:#FFFFFF}
div.info {width:370px;text-align:left;margin-left:10px;float:left;clear:both}
div.info img {width:50px;height:50px;float:left}
div.gumbe {width:100px;text-align:right;padding-top:7px;float:left}
div.gumbe img {width:16px;height:16px}

#tabela {float:left;margin:0;padding:0}
div.razmak {width:100%;height:4px;margin:3px 0;font-size:1px;clear:both;}
div.tred {clear:both;width:100%;margin:2px 0;float:left}
div.tred div {float:left}
div.tlivo, div.tdesno {line-height:15px;margin:4px 0 2px;}
div.tlivo {width:90px;text-align:right;margin-right:7px;font-size:10px;font-weight:bold;}
div.tdesno {width:390px}
div.tdesno input, div.tdesno textarea {width:320px;} /* padding-top:-3px */
div.tdesno .input60 {height:80px}
div.tdesno .input100 {width:100px;text-align:center}
div.tdesno .input300 {height:250px}
div.tdesno2 {width:120px}
div.tdesno2 input {width:110px}
div.tnaslov {background-color:#666666;color:#FFFFFF;width:100%;float:left;clear:both;margin-bottom:10px}
div.tnaslov p {padding:2px 15px}
div.tnaslov img {padding:3px 10px 0 10px;float:left}
div.tnaslov2 {background-color:#DDDDDD;color:#FFFFFF;width:100%;float:left;clear:both;margin-bottom:10px;border-top:4px solid #666666;border-bottom:1px dotted #AAAAAA}
div.tnaslov2 h1 {margin:5px 10px}

div.calinput {width:120px;float:left;margin-top:3px;height:70px}
div.cal {float:left;margin-bottom:10px;margin-top:3px}


.masno10 {font-size:10px;font-weight:bold;}

#linki, #kipi {background-color:#DDDDDD;float:left;display:none;width:100%}
#linki {}
#linki div.tredprez, #kipi div.tredprez {padding:14px 10px 8px 20px;margin-bottom:8px;float:left;border-bottom:1px solid #999999;}
#linki div.tredprez a, #kipi div.tredprez a  {margin:0;line-height:25px}
input.usko {width:170px !important}
input.usko2 {width:50px !important}
input.usko3 {width:260px !important}
input.sbox {width:100px}
input.dan {width:100px !important}

div.tredprez h1 {padding:4px 20px 10px}

input, textarea, select {color:#666666;border:solid 1px #454545;padding:1px}
input:focus, textarea:focus, select:focus {border:solid 2px #FFAA00;color:#000000;background-color:#FFF2DA;padding:0}
div.gred, div.sred {width:100%;background-color:#666666;text-align:center;border-top:5px solid #FFFFFF;color:#CCCCCC;padding:3px 0;margin:0;clear:both;float:left}
div.gred p, div.gred a {margin:5px 15px 3px}

input.usko4 {width:35px !important}

/* gumbe po strani */
a.gumba {margin:0 10px;padding:1px 12px 0;border:1px solid #FFFFFF;color:#FFFFFF;font-weight:normal;text-transform:uppercase;background-color:#666666}
a.standard {font-weight:bold}
a.gumba:hover {background-color:#999999;text-decoration:none}
a.gumba:active {background-color:#FFCC00;border-color:#FFFFFF}

p.gumba {margin-left:-10px;margin-bottom:10px}

p.lista {line-height:20px;border-top:1px solid #C4C4C4}
p.lista img {padding:0 6px 0 4px;vertical-align:baseline}
/* pomoc */
#pomoc {}
#pomoc:first-line {font-weight:bold;color:#000000;line-height:30px}
.clr {clear:both}

#detail {margin-bottom:20px;border-bottom:2px solid #666666}
#detail p.malo {font-weight:bold;margin-top:14px}

#tumb {width:80px;height:60px;border:2px solid #FFFFFF;position:absolute;top:0;left:0}

#vkipbox {position:relative}
#kipokvir {width:320px;height:260px;border:3px solid #FFCC00;left:90px;top:40px;position:absolute;cursor:move}

#napredak_box {border:1px solid #999999;width:300px;height:13px;position:relative}
#napredak {top:0;left:0;height:13px;background-color:#FFCC00;position:absolute;z-index:100}
#napredak_tekst {top:0; left:6px;position:absolute;z-index:110;font-size:10px;color:#000000}

.surobox {border:1px solid #CCCCCC;background-color:#EEEEEE;}
.surobox p, .surobox h6 {margin:1px 3px}

#var {margin-top:20px;margin-bottom:20px}
#var p {font-size:10px;color:#999999;margin:2px}

div.wlin {border-top:5px solid #FFFFFF;float:left;clear:both}
.inaktiv {color:#AAAAAA}
#log {margin:5px 10px;font-size:11px;max-height:120px;width:455px;overflow:auto;}

div.linki {margin:15px 0}
div.linki a {display:block;background:url(spika.gif) no-repeat left 1px;padding-left:23px;margin-top:2px;padding-bottom:1px}
div.linki a:hover {text-decoration:none;background-color:#880000;color:#FFFFFF}
#del {border:1px solid #FF0000;padding:4px}
#del li {margin-left:8px}
div.gumbe input {border:none}
#stup {width:10px;height:14px;background-color:#FFCC00;border:1px solid #333333;font-size:9px}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}