@charset "UTF-8";
/* CSS Document */

* {font-family:Verdana, Geneva, sans-serif;font-size:12px}
img {border:none}
div, body, h1, h2, h5, h6, ul,li,p {margin:0;padding:0}
/* body {background:url(x.gif) repeat-x fixed;} */
a {text-decoration:none}
a:hover,li:hover {text-decoration:underline;background-color:#FC3}
h5 {color:#CCCCCC;font-weight:bold;font-size:11px;text-transform:uppercase}
a.button {border:1px solid #999999;background-color:#FFFFFF;padding:0 11px;text-align:center;}
a.button:hover {background-color:#FFCC00}

h1 {color:#003c62;font-weight:bold;font-size:18px}
h4 {margin:0 0 5px}

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

#top {background:url(top.gif) repeat-x fixed;position:fixed;top:0;left:0;width:100%;z-index:100;height:44px;overflow:hidden}
#logo {margin:6px 0 0 24px;float:left;width:200px}
#logo * {float:left;}
#logo p {font-size:10px;color:#CCC;margin:12px 0 0 3px;}
#isk {float:right;margin:8px 20px 0}

#container {margin:60px auto 0;position:relative;display:block;float:left;z-index:98}

#livo {width:200px;margin-right:40px;float:left;display:block}
#livo p {margin: 5px 9px 5px 19px; color:#FFFFFF}
#livo p.indent {margin-left:25px;}

#dio {width:100%;height:90px;text-align:right;margin:0px 5px 1px 5px;border-bottom:1px solid #333;background-color:#000;box-shadow: 0 4px 0 3px #FFF, 0 2px 5px #888}
#dio.dio1 {background:url(suj_visti.gif) no-repeat #C00}
#dio.dio12 {background:url(suj_radio.gif) no-repeat #333}
#dio h1 {color:#FFF;font-size:20px;padding-top:10px;margin:0 10px 5px 10px}
#dio h2 {color:#CCC;font-size:16px;margin-right:10px}

/* nav i login */
#nav {width:100%;border-left-color:#e7e7e7;margin:0 5px 20px 5px;background:#eeeeee;max-height:405px;overflow-y:scroll}
#nav ul {border:1px solid #d4d4d4;border-top:none}
#nav li {border-top:1px solid #FFF;list-style-type:none;height:26px;background:url(nav.gif) repeat-x;padding:0 5px;list-style-position:inside}
#nav li a {padding:1px 0 1px 18px;margin-top:5px;display:block;color:#333;background:url(navlink.gif) no-repeat}
#nav li a:hover {font-weight:bold;text-decoration:none}

#login {width:100%; padding:8px 0 12px;margin:0 5px;background-color:#003c62}
#login a {color:#E2E2E2}
#login a:hover {color:#FFFFFF}

#content {max-width:1000px;float:left}
#content.usko {width:600px}
#content.beznav {max-width:1200px;margin-left:30px;width:750px}

div.red {padding:4px 0;background-color:#FCFCFC;float:left;width:100%}
#lista.mod {overflow:auto}
div.lista div.red:hover {background-color:#FFCC00}
.tabelanaslov {background: url(suro3d.gif) #999999;height:24px;border-radius-topleft: 8px;border-top-left-radius: 8px;margin:10px 0 0 0;clear:both}
.tabelanaslov2 {margin-top:0;border-radius-topleft:0;border-top-left-radius:0;height:30px}
.tabelanaslov2 form {padding:1px 0 2px 8px;margin:0}
.tabelanaslov2 select {margin:2px 0 0 0}
.tabelanaslov h5 {padding:6px 0 0 8px;float:left}
.tabelanaslov img {float:right;margin:5px 10px 0 0}
div.brojveliko {color:#666;float:left;font-weight:bold;font-size:20px;width:35px;margin:0 4px;text-align:center}
div.brojveliko img {height:25px;width:25px}
div.info {text-align:left;margin-left:10px;float:left;}
div.infosiroko {text-align:left;margin-left:53px;margin-top:8px;width:500px;clear:both;}
div.gumbe {width:100px;text-align:right;padding-top:7px;margin-right:20px;float:right}
div.gumbe img {width:16px;height:16px;cursor:pointer}

div.red div.ure {width:85px;color:#666;float:left;margin-right:15px;text-align:right}
div.red div.ime {width:200px;overflow:hidden;font-weight:bold;float:left}
div.red div.casi {width:100px;float:left}
div.red div.status {width:300px;float:left}

div.redkonac {border-bottom:4px solid #666;width:100%;float:left;clear:both;margin-top:5px}

div.box_livo {float:left}
div.box_desno {float:right}
div.box_desno ul {margin:8px}

div.alert {background-color:#F00}
div.reddetail div.tekst {background-color:#FFF;margin:6px 10px;padding:12px 10px 12px 35px;clear:both}
span.alert {color:#F00;font-weight:bold;background-color:#FCC}

#desno {top:60px;float:left;margin-left:50px;width:250px} /*  position:fixed;margin-left:877px; */

div.box3d {background: url(bgnd3d.gif) no-repeat #ffd020; border: 1px solid #ff9900; border-radius: 11px 2px 11px 2px;-moz-border-radius:11px 2px 11px 2px;padding:10px;box-shadow: 2px 3px 15px #BBB;margin-bottom:25px}

div.box3d div.linki {margin:15px 0 5px 4px}
div.box3d h5 {font-size:18px;font-weight:bold;margin:3px 0 0 2px;color:#990000}
div.box3d a, div.alert_box a {color:#990000}
div.box3d a:hover, div.alert_box a:hover {color:#FFFFFF;background:#990000;text-decoration:none}
div.box3d div.gumba {margin:10px 0 5px 0}
div.gumba a {margin-right:10px}

div.linki {margin:15px 0}
ul.linki {list-style:none}
.linki a {display:block;background:url(spika.gif) no-repeat left 1px;padding-left:23px;margin-top:2px;padding-bottom:1px}
.linki a:hover {text-decoration:none;background-color:#880000;color:#FFFFFF}

ul.linki li {margin-top:6px}

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

div.box3d p {margin:10px 5px 0}

#var {margin:5px 18px 12px}
#var p {font-size:10px;color:#BBB;margin:2px}

.zeleno {color:#0C0}
#log {padding:4px;border:1px solid #999;background-color:#FFF}
#log p {margin:0;padding:0;font-size:10px;color:#666}

div.gumba, span.gumba {font-size: 10px;color: #050005;}

div.gumba {
	float:left;
	cursor:pointer;
	padding: 4px 8px 3px 8px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#ffffff));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #615a61;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 1px 2px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 1px 2px 1px rgba(255,255,255,0.7);
}

div.gumba:hover {
	background: -moz-linear-gradient(
		top,
		#ffea00 0%,
		#f5b727);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffea00),
		to(#f5b727));
}
select.gumba {float:left}

#dragbox {clear:both}
#dragbox ul, div.redgumbe ul {list-style:none}
#dragbox ul li, div.redgumbe ul li {border:2px ridge #333;text-transform:uppercase;float:left;width:70px;padding:7px 0;text-align:center;margin:5px 0 5px 10px;cursor:pointer}
#dragbox ul li:hover, div.redgumbe ul li:hover {font-weight:bold;border-color:#C00} 

.jingle {background-color:#FD0}
.mod {background-color:#FFF;}
.muzika {background-color:#CCC}
.news {background-color:#9CF}

.alert_bgnd {display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: white;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);font-size:1px;color:#EEE}
.alert_box {display: none;position:fixed;top: 18%;left: 25%;width: 50%;padding: 25px;border: 10px solid #900;background-color:  #ffd020;z-index:1002;overflow: auto;	-moz-box-shadow:
		0px 0px 60px rgba(000,000,000,0.9),
		inset 1px 2px 3px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 0px 60px rgba(000,000,000,0.9),
		inset 1px 2px 3px rgba(255,255,255,0.4);
}
.edit_box {display: none;position: fixed;top: 25px;left: 6%;width: 80%;height: 800px;padding: 5px 25px;border: 10px solid #666;background-color: #DDD;z-index:1002;overflow: auto;	-moz-box-shadow:
		0px 0px 60px rgba(000,000,000,0.9),
		inset 1px 2px 3px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 0px 60px rgba(000,000,000,0.9),
		inset 1px 2px 3px rgba(255,255,255,0.4);
}

div.edit {margin:5px 0 10px 5px;width:550px;float:left}
div.edit h6 {float:left;width:120px;text-align:right;overflow:hidden;color:#333;margin:5px 10px 0 0;font-weight:normal;font-style:italic;}
div.edit input, div.edit textarea {width:400px;margin-top:2px;background-color:#FFF}
div.edit textarea {height:120px}
div.editred, div.editredusko {margin-top:6px;clear:both;}
div.edit textarea.modtxt {width:400px;height:350px}

div.editredusko {width:350px}

div.tabelabox {width:100%;padding:5px 0;float:left}
div.tabela {margin:0 auto;width:100%;overflow:auto}
/* div.tabela {float:left} */
div.usko {width:350px;margin:0 auto}
div.tabela div.naslov {background: url(suro3d.gif) #999999;height:24px;border-radius-topleft: 8px;border-top-left-radius: 8px;margin:10px 0 0 0;width:100%;clear:both}
div.naslov h5 {padding:6px 0 0 8px;float:left}
div.tabela div.red {-moz-box-shadow: inset 2px 2px 4px #BBB,  inset -1px -1px 2px #DDD;-webkit-box-shadow: inset 2px 2px 4px #BBB, inset -1px -1px 2px #DDD;box-shadow: inner 2px 2px 4px #BBB, inset -1px -1px 2px #DDD;border-bottom:1px solid #FFF;padding-bottom:0}
div.tabela div.redvisoko {padding:15px 0 13px 0;float:left}
div.tabela div.redzadnji {padding-bottom:15px}
div.red div.stup1 {width:120px;float:left;clear:both}
div.stup1 h6 {text-align:right;margin-right:10px;font-weight:normal;font-style:italic}
div.red div.stup2 {float:left;width:410px}
div.stup2 h6 {margin-top:5px}
div.red div.stup3 {float:left;width:25%}
input.siroko, textarea.siroko {width:400px}
textarea.visoko {height:200px}

div.tabelausko input, div.tabelausko textarea {width:180px}
h6.input {margin-top:5px}

div.editusko {width:400px;border:1px soild #f00;float:left}
div.editusko h6 {text-align:left;width:80px;}
div.editusko input, div.editusko textarea {width:180px}

div.redbut {background: url(suro3d.gif) #333;width:100%;padding:5px 0;text-align:center;float:left;display:block;color:#FFF}
div.redbut a {border:ridge 2px;text-align:center;padding:1px 17px;margin:0 5px;color:#FFF;text-transform:uppercase;cursor:pointer;display:inline-block;background-color:#333}
div.redbut a:hover {background-color:#676767}
div.redbut a.standard {font-weight:bold;border-style:double  }



.butmalo {border:ridge 2px;text-align:center;padding:1px 17px;margin:0 5px;color:#FFF;text-transform:uppercase;cursor:pointer;display:inline-block;background-color:#333}
.butmalo:hover {background-color:#676767}
.butinaktiv {border:solid 2px #999;text-align:center;padding:1px 17px;margin:0 15px;color:#999;text-transform:uppercase;display:inline-block;background-color:#333;cursor:pointer !important}
.butinaktiv:hover {text-decoration:none}
div.redbut .butmalo {margin:0 15px;}

#kalendar {width:100%;clear:both;float:left}
div.tajedan {clear:both;width:100%;float:left;border-top:1px solid #333;border-left:1px solid #999;}
div.tajedanakt {border-top:3px solid #C00}
div.dan, div.danhide, div.dancijeli {float:left;border-right:1px solid #999;width:14.1%;height:70px;overflow:auto}
div.denas {border-color:#F00;background-color:#FCC}
div.dancijeli {height:auto}
div.danhide {background:url(cal_bgnd_suro.gif) repeat}
div.danhide * {visibility:hidden}
div.svetak {background-color:#DDD;}
div.dan p.dan {font-size:10px}
div.svetak p.dan {font-weight:bold}
p.malo {color:#AAA}
div.danem,div.emsuro {border:1px solid #999;background-color:#FFD020;font-size:8px;margin:0 2px;padding:1px;width:90%;height:50%;overflow:hidden}
div.emsuro {height:10px;background-color:#CCC;border-color:#CCC}
div.dancijeli div.danem {height:40px}
div.cedit {cursor:pointer}
div.pazi {background-color:#FFD020;}
div.emalert {background-color:#F00}
div.ok {background-color:#3C0}

#xdetail {margin:20px 0}
#xdetail h6 {margin:10px 0 0 0}
#xdetail p {margin:0}

div.stup, div.stupusko {width:420px;float:left;margin-right:15px}
div.stupusko {width:220px}
div.razmak {margin-left:20px}
div.tnaslov2 {background-color:#DDD;width:100%;float:left;clear:both;margin-bottom:10px;border-bottom:4px solid #666666}
div.tnaslov2 h1 {margin:5px 0}

div.stup div.box {width:100%;padding:1px 0;margin-bottom:3px;background-color:#EEEEEE;clear:both}
div.vist_box {border:1px solid #999;margin:10px;padding:5px}
div.vist_box:hover {background-color:#FFC;border-color:#900;cursor:pointer}
div.vist_box p {font-size:10px}

#kipresultat {width:100%;min-height:70px;overflow:auto}
div.kipilista img {width:135px;float:left;margin:5px 5px 0 0}

#mainbox {width:100%;background-color:#CCC;float:left}
#mainbox .box {margin:20px;width:100%;float:left}
.tred {margin-bottom:10px}
.tlivo {width:20%;float:left;text-align:right;font-style:italic;color:#666}
.tdesno {margin-left:10px;width:70%;float:left}

#pomoc div.red {clear:both;width:100%;margin:3px 0 1px}
#pomoc div.box {width:40px;height:20px;float:left;margin:3px 15px 5px 10px;clear:both}
#pomoc p {margin-left:10px}

#xlista div.red {background-color:#EEE;margin:0 0 2px 0;border-left:5px solid #EEE}
#xlista div.redakt {background-color:#FC0;cursor:pointer;border-color:#FC0}

.x_box {position:absolute;background-color:#FFF;border:1px solid #666;z-index:999}
.x_box ul {list-style-type:none;cursor:pointer; }
.x_box li {border-top:1px solid #DDD;border-bottom:1px solid #EEE;width:100%;padding:3px 0 3px 0}
.x_box li:hover, .x_box li.aktiv {background-color:#fb0;}



/* ----- UPLOAD, PROGRESSBAR ------ */

div.uploadfile {width:95%}
.upload_box {width:95%;margin:0 8px}
.pbarbox {width:100%;height:18px;border:1px solid #999;background-color:#000;border: 1px solid #666;position:relative;margin-top:3px}
.pbar {background:url(/css/nn30/bgnd_progressbar.gif) repeat-x #F00;height:17px;width:2px;border: 0px solid #ff9900;overflow:hidden;z-index:100;position:absolute;border-right:1px solid #000}
.pbartxt {font-size:10px;width:95%;margin-left:4px;overflow:hidden;left:0;top:3px;position:absolute;color:#600;z-index:104}
.ptxt {width:100%;margin:3px 0 3px 3px;font-size:10px}
.barok { background-image:url(/css/nn30/bgnd_progressbar_ok.gif);width:100% !important}

#noga {clear:both;min-width:1140px;border-top:2px solid #9AF;margin:20px 0 5px 0;float:left}
#noga p {width:1140px;color:#999;font-style:italic;text-align:center;font-size:10px}

input.input300 {width:300px}
input.file {width:400px;}
.clr {clear:both}