@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin:0px;
	padding:0px;
}

em {
	color:#0066CC;
}

.delete {
background-image:url(images/delete.gif);
background-repeat:no-repeat;
width:16px;
height:16px;
display:block;
}
.delete em {display:none;}
/*
.uredi_sadrzaj {
background-image:url(images/page_edit.png);
background-repeat:no-repeat;
width:16px;
height:16px;
display:block;
}
.uredi_sadrzaj em {display:none;}
.parametri {
background-image:url(images/page_white_wrench.png);
background-repeat:no-repeat;
width:16px;
height:16px;
display:block;
}
.parametri em {display:none;}
*/


#header {
	margin: 0px;
	padding: 0px;
	background-image:url(slike/bg_header.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#c2d9ee;
	height:25px;
	padding:10px 100px 0px 0px;
	text-align:right;
	border-bottom:2px solid #a0abb5;
}
#header a {font-weight:bold; color:#333333;}
#header a:hover {color:#FFFFFF;}



#ddcolortabs{
margin-left: 4px;
margin-top:10px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}
#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}
#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
}
#ddcolortabs a{
float:left;
color: white;
background: #c2d9ee url(pic/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}
#ddcolortabs a span{
float:left;
display:block;
background: transparent url(pic/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}
#ddcolortabs a span{
float:none;
}
#ddcolortabs a:hover{
background-color: #acc4db;
}
#ddcolortabs a:hover span{
background-color: #acc4db;
}
#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #a4b7cf; color:#000033;
}
#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #a4b7cf;
border-top: 1px solid #fff;/* Remove this to remove border between bar and tabs*/
}



#menu {
	width:680px;
	padding:5px 5px 40px 5px;
	margin:0px 50px 0px 0px;
}
#menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#menu ul li {
	list-style:none;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0px 5px 0px;
}
#menu a {text-decoration:none; color:#666; font-weight:bold;}
#menu a:hover {color:#000;}


#main_content {margin:0px 40px 0px 0px;}
#main_content a { color:#0033CC; font-weight:bold; text-decoration:none;}
#main_content a:hover {color:#000;}
#main_content h1 {font-size:14px; margin:0px 0px 5px 0px; border-bottom:1px solid #CCCCCC;}
#main_content h2 {font-size:12px; margin:0px 0px 10px 0px;}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

table {
	border-collapse: collapse;
	margin: 20px;
}

th {
	background: #3e83c9;
	color: #fff;
	font-weight: bold;
	padding: 6px;
	text-align: left;
	border-right: 1px solid #fff;
	border-bottom:1px solid #fff;
	line-height: 1.2;
}

td {
	padding: 6px;
	border-bottom: 1px solid #95bce2;
	border-right: 1px solid #fff;
	vertical-align: top;
}


tr.alt td {
	background: #efefef;
}

tr.over td {
	background: #ccc;
}


form {
	width:700px;
	background-color:#d1dae7;
	border:1px solid #a4b7cf;
	margin:0px;
	padding:0px;
}
form p {
	margin:10px 20px 5px 0px; 
}
form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0px 5px 10px 0px; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	position:relative;
	font-style:italic;
}
form input.submit {
	background-color:#8c9eb5;
	border:1px solid #a8bad1;
	margin-left:300px;
}
form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}



#kontejner {padding:20px 0px 0px 20px;}
.greska {padding:10px; background-color:#CC0000; color:#FFFFFF; font-weight:bold;}


.td_h {background-color:#666666; color:#FFFFFF; font-weight:bold;}
td {background-color:#ededed;}

/* CSS opacity */
.toggleopacity img{
filter:alpha(opacity=60);
-moz-opacity: 0.6;
}
.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

#podmeni a {
	background-color:#c2d9ee;
	color:#fff;
	border:1px solid #a0abb5;
	text-decoration:none;
	padding:3px;
	font-weight:bold;
}
#podmeni a:hover {
	color:#000;
	background-color:#a4b7cf;
}
#podmeni a.active {
	color:#000;
	background-color:#a4b7cf;
}

a.gray_normal {background-color:#c2d9ee; padding:5px;border:1px solid #a0abb5; text-decoration:none;}
a.gray_normal:hover {background-color:#a4b7cf;}

.greska {padding:10px; background-color:#CC0000; color:#FFFFFF; font-weight:bold; font-size:13px; width:700px;}
.uspjeh {padding:10px; background-color:#5ded40; color:#000000; font-weight:bold; font-size:13px; width:700px;}

.nevidljiv {color:#ff0000;}

#main_content td a:hover {text-decoration:underline;}