body, html, div, ul, li, img, form, select, input, table, td, tr, th, h1, h2, h3  {
	margin: 0; padding: 0;
}

body,html {
	color:#000;
	background-color: blue;
	font: normal 100%/130% verdana, arial, helvetica, sans-serif;
	width:100%; height:100%;
}

h1,h2,h3,h4 {
	font: normal 100%/130% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; padding: 0px;
}

a, a:visited{
	color:#999;
	text-decoration:none;
}

a:hover {
	color:#FAB301;
	text-decoration:underline;
}

.submit_td {
	text-align:right;
	padding:0 10px 5px 0;
}

select {
	line-height: 24px;
	height: 24px;
	font-size: 13px;
}

td {padding:7px;}

.clearDiv {
	clear:both;
	height:1px;
}

.notbold { font-weight: normal; }

.hideText {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.small {
	font-size:12px;
}

a img {
	border:0;
	vertical-align:middle;
}

h1 { font-size:18px; }
h2 { font-size:16px; margin:36px 0 20px; color: #777; }
h3 { font-size:13px; margin-bottom:8px; }

span.datetime {
	color:#ccc;
	display:block;
	margin-bottom:10px;
}

.inputError { color:red; background-color:#fce9e7; border-color:red; }


.numer {
	margin-right:8px;
	background-color:#ddd;
	padding:4px 8px;
}

.borderLeft { border-left:1px solid #ccc; }

.otherText { margin: 20px 0; }

.notice {
	margin:20px 0;
	padding:10px;
	background:#fffaea;
	border: 1px solid #fde38d;
}

.success {
	margin:20px 0;
	padding:10px;
	background:#d3ffd4;
	border: 1px solid #a8daa9;
}

.warning {
	margin: 20px 0;
	padding: 10px;
	background: #FFEDEA;
	border: 1px solid #FDA38D;
}

.border-left { border-left-width: 6px; }

.short { width: 60%; }

.mainForm .multiBoxWrap, .mainForm .multiBoxWrap table, .mainForm .multiBoxWrapSimple {
	padding:0;
	border:0;
}

.mainForm .multiBoxWrap th {
	font-weight: normal;
	text-align:left;
	border-bottom:1px solid #ccc;
	background-color:#eee;
	padding:10px;
}

.mainForm .multiBoxWrap td { padding:7px 0; }
.mainForm .multiBoxWrap table td {
	padding: 7px;
	border-bottom: 1px solid #DDD;
}


.mainForm fieldset .selectedResults {
	padding:0;
	border:0;
	width:380px;
}

.mainForm .selectedResults td { padding: 4px 0; }

.multiBox, .multiBoxRadio {
	width: 310px;
	height: 200px;
	overflow-y: scroll;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 7px;
	margin:4px 0;
	list-style:none;
	margin-right:30px;
}

.multiBoxWrapSimple .multiBox {
	width: 500px;
}

/* Used to make all questions perfectly aligned */
.multiBoxWrapSimple td {
	padding-left: 1px;
}

.multiBox li, .multiBoxRadio li {
	display:block;
	padding-top: 3px;
	margin-bottom:8px;
	border-top:1px dashed #ccc;
}

.multiBox li:first-child, .multiBoxRadio li:first-child { border-top:0; }

.multiBox label, .multiBoxRadio label {
	line-height: 130%;
}

.multiBox input, .multiBoxRadio input {
	margin: 4px 12px 4px 0;
}

.msg {
	width:400px;
	color:#000;
	border: 1px solid #bed1f4;
	background-color: #f3f7ff;
	padding: 7px 10px;
	margin:10px 0;
}
.err_msg {
	width:70%;
	color:red;
	border: 1px solid #f2da47;
	background: #ffffcc url(/static/imgs/warning.gif) 20px 10px no-repeat;
	padding: 7px 10px;
	padding-left: 60px;
	margin:10px 0;
}

.errIcon {
	color: #ee3838;
	font-size: 16px;
}

.okIcon {
	color: #15cc1c;
	font-size: 16px;
}

.nolist {
	list-style:none;
	padding:0;
	margin-left:0;
}

.nolist li { margin-bottom: 12px; }

.forma, .mainForm table {
	background-color:#f3f7ff;
	border:1px solid #BDC7D8;
	margin:0;
}

.mainForm table { padding:9px; margin-bottom:10px;}

.editbtn img{
	margin:2px 0;
}

.autocomplete { background-color: #ffd; }
.freeTxt { background-color: #fff; }

input[type=text], input[type=password], select, textarea {
	border:1px solid #BDC7D8;
	padding:4px 7px;
	margin:0;
}

.btn {
	color:#fff;
	background-color:#69c;
	border:0;
	border-bottom: 3px solid #57a;
	font-size: 13px;
	margin: 0;
	padding: 6px 12px;
	cursor:pointer;
	cursor:hand;
}

a.btn { color: #fff; text-decoration: none; }

.btn:hover { background-color:#57a;  }

.btnOther {
	background-color: #ccc;
	border-bottom-color: #999;
	color: #666;
}

a.btnOther { color: #666; }

.btnOther:hover { background-color:#ddd; }

.bigIcon, .btn [class^="icon-"], .btn [class*=" icon-"] {
	font-size: 2em;
	vertical-align: middle;
}

.mediumIcon {
	font-size: 1.5em;
	vertical-align: middle;
}

.btnGreen { background-color: #34B434; border-bottom-color: #198819; }
.btnOrange { background-color: #F96; border-bottom-color: #F63; }

input.addBtn {
	background: #6699cc url(/static/imgs/plus_white.gif) 7px center no-repeat;
	padding-left:25px;
}

input.addBtn.err {
	background-color: #f00;
	border-bottom: 3px solid #9e0303;
}

input.OkDialogBtn, input.closeDialogBtn {
	width: 60px;
	padding:2px 0 3px;
}

table caption {
	text-align:left;
	font-style:italic;
	padding:10px 0;
}

table.sheet table {
	margin-bottom:20px;
	border-bottom:1px solid #BDC7D8;
	border-collapse: collapse;
	border:1px solid #BDC7D8;
}

table.sheet table th {
	color:#BDC7D8;
	border: 1px solid #BDC7D8;
	padding:7px;
	text-align:left;
}

table.sheet table td {
	background-color:#fff;
	padding:7px;
}



table.sheet table tr.odd td {
	background-color:#eee;
}

table.sheet table td.submit_td {
	background-color: #f3f7ff;
	border-top: 1px solid #BDC7D8;
}

div.calendar {

	z-index:10000;

}


#page {
	width:960px;
	margin:12px auto;
	padding:20px;
	font-size:20px;
	background-color:#fff;
	border:1px solid #000;
	min-height:600px;
}

#head {
	position: relative;
	overflow: auto;
	height: 135px;
}

	#head .logo {
		background: url(/static/imgs/logo.png) no-repeat 0 0;		
		color: #4D5D8C;
		float: left;
		font: bold 18px/22px "Times New Roman";
		height: 90px;
		padding: 40px 0 0 130px;
		position: relative;
		text-align: left;
		text-transform: uppercase;
	}

		#head .logo span {
			display:block;
			text-transform: none;
			font-weight: normal;
		}

	#head .logo-rs {
		float: right;
		position: relative;
		height: 120px;
		margin-right: 10px;
	}

#head.inner-head { height: 90px; }

	#head.inner-head .logo {
		background-image: url(/static/imgs/logo_small.png);
		font-size:16px;
		height:70px;
		padding: 20px 0 0 100px;
	}

		#head.inner-head .logo-rs { height: 90px; }

#titlebar {
	clear:both;
	padding:5px 0;
	margin: 15px 0 20px 5px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	color:#ccc;
	font-style:italic;
}

h2.subtitle {
	text-align: center;
	font-weight: bold;
	margin: 30px 0;
}

#content {
	margin:10px 0 10px 5px;
}


#pageFooter {
	background-color: #eee;
	padding: 7px;
	border:0;
	border-top: 1px solid #ccc;
	margin-top: 35px;
}

#footer {
	font-size:10px;
}

#indikator { display:none; }

#menu {
	width:200px;
	height:800px;
	margin-top:40px;
	float:left;
}



.formMenu {
	padding-bottom:7px;
	border-bottom:1px solid #BDC7D8;
	color:#BDC7D8;
}

.formMenu span { padding:0 10px; }
.formMenu span.first { padding-left:0;}

.formMenu .current { color:#000; }
.formMenu a .current { font-weight:bold }
/* validacija */

#form_error_msg {
	visibility:hidden;
	text-align:left;
	padding-bottom:10px;
	color:red;
}

#form_error_msg.error_on {
	visibility:visible;

}

.input_error_msg { visibility:hidden; }


#kompdetalj {

	margin: 20px 0;
}


#kompdetalj h1, #kompdetalj h2 {
	margin: 15px 0;
}

#kompdetalj table {
	border:1px solid #bed1f4;
	margin-top:20px;
	border-collapse: collapse;
}

#kompdetalj th {
	background-color:#f3f7ff;
	border-bottom:1px solid #bed1f4;
	border-right:1px dashed #bed1f4;
	padding:5px 10px;
	text-align:left;
}
#kompdetalj td {
	border-bottom:1px solid #bed1f4;
	border-right:1px dashed #bed1f4;
	padding:5px;
}

#kompdetalj ul {

	padding-left:20px;
}

#finalSubmit {
	background-color:#fffaea;
	border:1px solid #ffcc8e;
	padding:10px;
	margin-top:40px;
	text-align:center;
}

#logoutLink {
	color: #fff;
	background-color:#aaa;
	position:absolute;
	right:0; top:0;
}


/* PAGINATION */

.pagination {
	margin:5px 0;
	width:100%;
	overflow:hidden;
}
.pagination .pgTitle { float:left; margin: 3px 10px; color:#999}
.pagination .pgLinks { float:right; margin: 1px 7px;}

.pagination .pgLinks a {
	display:block;
	float:left;
	margin:0 5px;
	padding:3px;
	text-decoration:none;
}

.pagination .pgLinks a.pgPrevious { margin-left:0 }
.pagination .pgLinks a.pgNext { margin-right:0 }

.pagination ul {
	float:left;
	display:inline;
	list-style:none;
}
.pagination li { float:left; }
.pagination .pgLinks li a {
	float:none;
	display:block;
	margin:0 2px;
}
.pagination .pgLinks a:hover, .pagination .pgLinks li a:hover {
	background-color:#fff;
}
.pagination .pgLinks li.current_page a {
	background-color:#bed1f4;
	color: #000;
}

#docList {
	margin:24px 0;
	list-style:none
}
#docList  li {
	padding-bottom:10px;
}

.dialog form {
	margin:7px 16px;
}

#loginForm table { padding: 12px; border-left-width: 6px; }

#loginForm h2 { margin: 40px 0 20px; }
#loginForm h2 .icon-stack {
	color: #ccc;
	font-size: 18px;
}


/* LIGHTBOX */

#lightbox{
	background-color:#fff;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	z-index:1000;
	}
#lightboxDetails{
	display:none;
	}
#lightboxCaption{ display:none }
#keyboardMsg{ display:none }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}

#overlay img{ border: none; }

#overlay{ background-image: url(/js/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/js/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/js/lightbox/overlay.png", sizingMethod="scale");
}

#tacso {
	position:absolute;
	right:0;
	top:0;
	width:140px;
	color: #ccc;
}

td p { margin-bottom: 0; }

.napomena {
	background-color: #E1ECFA;
	border-top: 1px solid #BDC7D8;
	color: #669;
	font-size:12px;
	padding: 7px;
}

.napomena td { border-top: 1px solid #BDC7D8; }

.napomena h3 { font-weight: bold; }

.napomena p {
	margin: 7px;
	font-style: italic;
}

.multiboxSum td { border-top: 1px solid #ccc; border-bottom: 0 !important; background-color: #eee; }

.multiboxSum .sumLabel { font-weight: bold; text-align:right; border-right: 1px solid #ccc; }
.multiboxSum .sumValue {  }


/* tables */
table.tablesorter {
	background-color: #f3f7ff;
	margin:10px 0pt 5px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	border:1px solid #ccc;
	border-collapse:collapse;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #E8E8F5;
	border: 1px solid #ccc;
	font-size: 8pt;
	padding:6px 18px 4px 6px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: middle;
	border-left: 1px solid #e5e5e5;
}

table.tablesorter tbody td:first-child { border-left:0; }

table.tablesorter tbody tr.even td {
	background-color:#f0f0f6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #bed1f4;
}


table.tablesorter tbody td a { color: #537da7; }
table.tablesorter tbody td a:hover { color: #f96; }

.selectList {
	height:auto;
}

#reports {
	margin: 0;
	padding: 0 30px;
}

#reports dd {
	margin: 0 10px; padding: 0;
}

#reports dd ul {
	margin: 10px 40px; padding: 0;
}

#kontrolniBrojevi {
	margin: 20px 100px;
	text-align: center;
	padding: 10px;
	border: 1px solid #BDC7D8;
	background-color: #ECF3FC;
}

.reportsList { margin: 20px 40px; }

.linije-header {
	font-size: 10px;
}

.institucije_list {
	width: 500px;
    text-overflow: ellipsis;
}

.institucije_list option {
    max-width: 500px !important;
    overflow: auto;
}

.vrsta_naloga {
	height: 30px;
}

.input_5_col {
	padding-left: 25px;
}


.dodatnoPlus {	
	cursor:hand;
}

.dodatnoMinus {	
	cursor:hand;
}