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

* {font-family:Verdana, Geneva, sans-serif;font-size:12px}
img {border:none}
div, body, h1, h2, h3, h5, h6, ul, li, p {margin:0;padding:0}
input, select {margin:2px}
input.read {border:none;margin:4px 0;font-weight:bold;background-color:inherit}
input.cbox {margin:6px 2px 0 0;width:20px} /* checkbox */
li {list-style-position:inside;list-style-type:none;}
a {text-decoration:none}
a:hover,li:hover {text-decoration:underline}

#top {background-color: #337799;color:#eb3;width:100%;overflow:auto;border-bottom: 5px solid #eb3;}
#top a, #top p {color:#e7f7ff;font-size:20px}
#top a {margin-right:10px}
#logo {width:40%;float:left;margin:10px}
#topiskbox {float:right;text-align:right}
div.topbox {width:40%;margin:10px;overflow:auto}

#container {width: 100%;overflow: auto;}

#livo {width:200px;float:left;margin-right:2px}
/* nav i login */;
#nav {width:100%;border-left-color:#e7e7e7;margin:0 5px 20px 5px;background:#eeeeee;max-height:405px;overflow-y:scroll}
#nav li {border-bottom:2px solid #FFF;background-color: #99bbcc;padding:2px 5px;overflow:auto}
#nav ul.logout li {background-color:#379}
#nav li:hover, #nav ul.logout li:hover {background-color:#ffd755;color:#337799;text-decoration:none}
#nav li a {padding:2px 0 2px 10px;display:block;}
#nav li img {margin-right:10px}
#nav li span {vertical-align:16px;color:#FFF;font-weight:bold}
#nav ul.logout li span {vertical-align:10px}
#nav li a:hover {text-decoration:none}
#nav ul.logout p {font-size:10px;font-style:italic;margin:3px 0 0 3px;color:#FFF}
#nav ul.logout p span {font-weight:bold}

@media only screen and (max-width: 1050px) {
	#livo {width:60px;overflow:hidden}
	#nav li span {display:none}
	#nav li a {padding:2px}
	#help {display:none}
}

/* content i subnav */
#content {overflow:auto;}
#main, div.helpbox {margin:15px}
div.naslov, .plavo {background-color:#ebf2f5}
div.naslov {margin:0;width:100%;clear:both;overflow:auto}
div.naslov h1, h1.zona {padding:8px 0 8px 15px;font-weight:normal;font-size:18px;overflow:auto;color:#336677;float:left}
h1.zona {margin:30px 0 10px 0;padding:0}
div.lista h1.zona:first-child {margin-top:0}
div.naslov h1 span {margin-left:5px}
div.naslov div.subnav {float:right;margin:8px 15px 1px}
ul.subnav li {border:ridge 1px #333;background-color:#FFF;padding:2px 7px 0px;float:left;margin-left:10px}
ul.subnav li:hover, ul.subnav li.aktiv, .aktiv {background-color:#ffd755}
ul.subnav li a {color:#356;font-weight:bold;text-transform:uppercase}
ul.subnav img {height:16px}
ul.subnav li span {vertical-align:3px;margin:0 6px}

/* redtop */
div.redtop {width:100%;background-color:#379;overflow:auto;clear:both}
div.lista div.redtop {height:20px;padding-top:1px}
div.tabela div.redtop {width:100%;height:5px;color:#379;font-size:2px}
div.redtop div {border-left:1px solid #FFF;display:block;overflow:auto;padding:2px}
div.redtop a, div.redtop div p {color:#FFF;vertical-align:top;margin-top:1px}
div.redtop a img {margin-left:3px;height:12px;margin-top:2px}
div.redtop div:first-child {border-left:none}
div.broj, div.kunde {width:80px;text-align:center}
div.selo {width:120px}
div.cas, div.butbox, div.vrst, div.orig, div.auftrag {width:60px;text-align:center}
div.butbox {width:66px}
div.butboxsiroko {width:150px}
div.kunde, div.cas, div.butbox, div.butboxsiroko, div.orig, div.vrst, div.auftrag, div.selo {float:right}
div.butbox li, div.butboxsiroko li, div.broj {float:left}
div.butbox li {padding:0;margin:0 2px 0 1px}

div.redzona {border-top:2px solid #333;border-bottom:1px solid #999;margin:10px 0 2px 0;clear:both}

/* redbox */
div.redbox {width:100%;overflow:auto;clear:both;border-top:1px solid #337799}
div.redbox:first-child {border-top:none}
div.redbox div {padding:1px 2px 0;display:block;overflow:hidden}

div.redbox div.ime, div.redtop div.ime {padding-left:5px}

/* redbut */
div.redbut {background-color:#444;width:100%;padding:5px 0;text-align:center;overflow:auto;clear:both;color:#FFF}
div.redbut a, button {border:ridge 2px;text-align:center;padding:2px 17px;margin:0 5px;color:#FFF;text-transform:uppercase;cursor:pointer;display:inline-block;background-color:#333}
div.redbut a:hover, button:hover, div.butbox li:hover {background-color:#ffd755;color:#333}
div.redbut a.standard, button.standard {font-weight:bold;border-style:double}
div.redbut button {margin:0 15px;min-width:150px}
.inakt {visibility:hidden}

/* redsredina */
div.redsredina {text-align:center;padding:10px 0;margin:0 auto}
div.redsredina ul.subnav li {padding:10px 20px;float:none;margin:20px 0;overflow:auto;display:block;clear:both;background-color:#379}
div.redsredina ul.subnav li a {color:#FFF}
div.fix450 {width:450px;}
div.fix600 {width:600px;}

/* red */
div.red {padding:4px 0;float:left;width:99%;overflow:auto;height:auto}
div.red label {width:22%;min-width:120px;text-align:right;font-style:italic;margin-right:10px;float:left;overflow:hidden;clear:both}
div.red label, label+p {padding-top:5px}
div.redul label, div.redul input {margin-top:4px}
div.redul ul, div.red div.box ul {list-style-type:none;float:left}
div.redul input + ul {margin-left:20px}
div.red h3 {font-size:16px}
div.red div a {color:#000}
div.red div a:hover {background-color:#fb0}
div.red select {float:left}
div.stupdan div.red {max-width:95%}

label p {width:100%;margin:5px 10px 0 0;}

div.red div.stup, div.red input, div.red textarea {width:70%;float:left}
div.red textarea {height:100px}

div.red div {padding:2px 0 1px;margin:2px 0}
div.red label+div {margin:0;padding:0}
div.red div.butbox {padding-top:0}

div.red div.box {float:left;width:70%}
div.red div.box input {width:100%}
div.red div.box input+ul {clear:both}
div.red input+p {text-align:left;padding:4px 0 0 6px;vertical-align:bottom;float:left}

div.red input.broj {width:100px}
div.red input.email {width:180px}
div.red input.cbox {width:auto}
div.cboxlist input {clear:both}

div.alarm {background-color:#F30;font-weight:bold;color:#FFF;border-top:5px solid #F30;border-bottom:5px solid #F30}
div.alert {background-color:#FC0;font-weight:bold;color:#000;border-top:5px solid #FC0;border-bottom:5px solid #FC0}

div.tabela div.redbox {padding:6px 0 7px 0}
.plavo {background-color:#ebf2f5}

div.rem {border:1px solid #379}

.box_siroko, .box_usko, .box_usko150 {border: 1px solid #CCC;background-color: #EEE;padding: 4px;margin-bottom:15px;overflow:auto}
.box_siroko {width: 63%;min-width: 500px;margin-right: 10px;float: left;}
.box_usko {width:33%;min-width:270px;float:right}
.box_usko150 {min-width:150px;max-width:220px}
.box_100, .box_block {clear:both;width:100%;overflow:auto}
.box_block {border:1px solid #AAA;border-bottom:4px solid #999;margin-bottom:2px;height:120px;overflow:auto}
.box_dispostat {width:19%;height:100%;overflow:auto;background-color:#EEE;float:left;border-right:1px solid #eee}
.box_dispostat div.redbox {width:90%;margin: 10px auto;overflow:hidden;}
.box_dispostat div.red {margin-bottom:10px}
.box_dispostat div.red label {min-width:inherit;width:auto}
.box_dispostat div.red label+p {padding-top:2px}
.box_dispostat p.veliko {font-weight:bold;font-size:15px;text-align:right}

.box_dispo {float:right;width:79%;margin-right:1%;height:100%;overflow:auto}
.box_dispo div.dndred {width:100%;}
.box_dispo div.redbox div {padding:0}
.box_dispo div.dndred div {height:18px;padding-top:1px;margin-right:2px}
.box_dispo div.broj {width:30px;background-color:#F90}
.box_dispo div.vrst {width:30px;background-color:#999}
.box_dispo div.auftrag {width:60px;background-color:#999}
.box_dispo div.cas {width:40px;background-color:#CCC}
.box_dispo div.orig {width:40px;background-color:#000;color:#DDD}

.box_usko div.red label {min-width:90px;width:100px}
.stup1, .stup2 {float:left}
.stup1 {text-align:center;width:70px;}
.stup2 {text-align:right;width:80px}
.stupdan {text-align:center; width:100px;margin-right:10px;float:left}
div.stupdan label {text-align:center;width:100%;min-width:inherit}
div.stup1 input {float:none;margin:0 auto;width:50px;text-align:center}

div.red input.cal {width:110px;text-align:center}

div.red div.colbox {width:18px;height:15px;margin-left:5px;float:left;border:1px solid #333}

/* status */
.motst0, .bst0 {background-color:#BBB}
.motst1 {background-color:#F00}
.motst2 {background-color:#FC0}

/* page navigation */
div.pnav {width:200px;float:right;overflow:auto}
div.pnav ul {margin:0;padding:0}
div.pnav li {float:left}
div.pnav a {border:none;font-weight:bold;padding:0 3px;background-color:inherit;margin:0 1px}
div.pnav p {margin:0 10px;font-weight:bold}

/* hilfebox */
div.helpbox {padding:10px;border:1px solid #999}
div.helpbox h2 {margin-bottom:4px;font-size:14px;}
div.help div.redbox {margin-bottom:5px;border:none}
div.help div.redbox div {float:left;width:40px;padding:0;margin-right:10px;overflow:auto;clear:both;border:1px solid #999}

#help {border:2px groove #367;font-weight:bold;padding:10px;margin:30px 10px}
#help p span {font-weight:normal;font-style:italic}

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

/* upload */
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(../kipi/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(../kipi/bgnd_progressbar_ok.gif);width:100% !important}