/* =global elements
-------------------------------------------------------*/
html {font-size:75%; text-align: center;}
body {font:normal 100% Tahoma, Geneva, sans-serif; text-align:left; color:#666;}

a {text-decoration:none; color:#666;}
a:hover {text-decoration:none;}

input {}
textarea {}

/* =headings */


h1, h2, h3, h4, h5, h6 {font-weight:normal;}

hr {height:1px; line-height:1px; padding:0px; margin:0px; color:#ccc; border:0px; border-bottom:1px solid #ccc;}
hr.middle-hr {margin:13px 0px;}
hr.bottom-hr {margin:13px 0 0px;}
/* =global elements
-------------------------------------------------------*/

label {display:block; margin-bottom:5px;}

#header {}
.top-navigation {
	height:29px;
	padding:0 10px;
	line-height:29px;
	
	background-color:#000;
	/*
	background-color:#272727;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #272727),
		color-stop(1, #333)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#272727 0%,
		#333 100%
	);
	*/
}
.top-navigation ul {float:right;}
.top-navigation ul li {display:inline; color:#E6E6E6; font-size:11px;}
.top-navigation ul li a {color:#E6E6E6;}
.top-navigation ul li a:hover {color:#b7cbdf}


.site-url a {
	color: #5BA1D0;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	font-variant: small-caps;
}

#info-bar {
	height:49px;
	padding:0 10px 0 29px;
	border-top:1px solid #ccc;
	color:white;
	position:relative;
	
	background-color:#006BB6;
	/*
	background-color:#3D3D3D;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #3D3D3D),
		color-stop(0.15, #4C4C4C),
		color-stop(1, #4C4C4C)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#3D3D3D 0%,
		#4C4C4C 15%,
		#4C4C4C 100%
	);
	*/
}
.pannel-name {line-height:49px; font-size:18px;	font-weight:bold; font-variant:small-caps;}
.pannel-name img {margin-top:3px;}
.pannel-name span {font-size:23px;}
.layout-control {
	position:absolute;
	top:0px;
	right:10px;
}
.layout-control a {
	font-size:12px;
	color:#fff;
	display:block;
	float:left;
	height:49px;
	line-height:49px;
	padding:0 15px;

	/*
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #4C4C4C),
		color-stop(0.15, #4C4C4C),
		color-stop(1, #3D3D3D)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#4C4C4C 0%,
		#4C4C4C 15%,
		#3D3D3D 100%
	);
	*/	
}
.layout-control span {
	display:block; 
	float:left; 
	margin:0 10px;
	height:49px;
	line-height:49px;
}

#navigation {
	height:43px;
	padding:0 10px;
	background:url(../images/menu_bg.png) repeat-x;
}
#navigation li {float:left; position:relative;}
#navigation li a {
	display:block;
	height:38px;
	line-height:38px;
	padding:0 8px;
	border-left:1px solid #F7F7F7;
	border-right:1px solid #D0D0D0;
	color:#454545;
	font-weight:bold;
	text-shadow:0 1px 0 #FFFFFF;
	letter-spacing:1px;
}
#navigation li a:hover, #navigation li a.active_item {background-color:white;}
#navigation li a .ui-icon-carat-1-s.ui-icon {
	background:url(../images/icons-blue.png) no-repeat -64px 0;
	display:block;
	float:right;
	margin-top:12px;
	height:16px;
	width:16px;
	text-indent:-99999px;
	overflow:hidden;
}
#navigation li ul {
	position:absolute;
	left:-1px;
	padding:5px;
	width:185px;
	z-index:999;
	border:1px solid #B2B2B2;
	background-color:#fff;
	
}
#navigation li ul li {
	float:none;
	background-color:#F0F0F0;
	border-bottom:1px dotted #ccc;
}
#navigation li ul li a .ui-icon-carat-1-s.ui-icon {
	background:url(../images/icons-blue.png) no-repeat -32px 0;
}
#navigation li ul li a:hover {background-color:#f7f7f7; color:#696969;}
#navigation li ul li ul {left:185px; top:0px;}



#body {padding:20px;}
#body.width-960 {width:960px; margin:auto;}

.items-list-cnt {
	border:1px solid #cccccc;
	padding-bottom:10px;
	margin-bottom:50px;
	position:relative;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.items-list-cnt .box-title {
	display:block;
/*	border-top:1px solid white;*/
	border-bottom:1px solid #c4c4c4;
	height:40px;
	line-height:40px;
	padding-left:12px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	background-color:#D7D7D7;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #D7D7D7),
		color-stop(0.15, #DEDEDE),
		color-stop(1, #EFEFEF)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#D7D7D7 0%,
		#DEDEDE 15%,
		#EFEFEF 100%
	);
}
.items-list-cnt .box-title span {font-size:17px; color:#222; font-weight:bold;}
.items-list-cnt .filters-cnt {padding-top:10px;}
.items-list-cnt .filters-cnt select {margin-right:15px; width:130px;}
.inner-box-cnt {padding:20px;}
.items-list-cnt table {width:100%; border-bottom:1px solid #dddddd; margin-bottom:20px;}
.items-list-cnt table th {padding:10px 15px; border-bottom:1px solid #dddddd;}
.items-list-cnt table td {padding:10px 15px;}
.items-list-cnt table .odd td {background-color:#f3f3f3;}

.pagination {padding:15px 0; text-align:center;}
.pagination ul {display:inline-block;}
.pagination ul li {float:left}
.pagination ul li a {
	display:block; 
	border:1px solid #ddd;
	margin-right:5px;
	font-size:12px;
	line-height:12px;
	color:#57A000;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pagination ul li a:hover {color:#000;}
.pagination ul li a:active {color:#777777;}
.pagination ul li.static-link a {
	border:0px;
}
.pagination ul li a span {
	padding:3px 6px; 
	display:block; 
	border-top:1px solid white;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.pagination ul li.active-item a {border:1px solid #449200; color:white;}
.pagination ul li.active-item a:hover {text-decoration:underline;}
.pagination ul li.active-item a span {
	border-top:1px solid #a4d049;
		
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #4e9b01),
		color-stop(1, #7ebc00)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#4e9b01 0%,
		#7ebc00 100%
	);
}


input {
	background-color:white;
	border:1px solid #d5d5d5;
	padding:5px;
	width:25%;
	color:#333;
	font-size:12px;
	line-height:20px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.form-item-cnt {margin-bottom:20px;}
.form-item-cnt input {float:left;}
.notification {display:block; line-height:17px; padding:5px 10px 5px 30px; float:left; font-size:11px;}
.notification.msg-error {background:url(../images/error.png) no-repeat left 50%; color:#864D4D;}
.notification.msg-success {background:url(../images/success.png) no-repeat left 50%; color:#2F7038;}
.notification.msg-warning {background:url(../images/warning.png) no-repeat left 50%; color:#8C560C;}

/********** Custom <select> **********/

.skinned-select {
	background:url(../images/select.png) no-repeat top right;
	border: 1px solid #c4c4c4;
	display: inline-block;
	margin-right: 5px;
	height: 22px;
	width: 175px;
	display:block;
	margin-bottom:20px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.skinned-select:hover {
	background-position: bottom right;
}
.skinned-select select {
	opacity: 0;
	width: 175px;
	display: inline-block;
	filter: alpha(opacity = 0);
	moz-opacity: 0;
	position: relative;
	z-index: 100;
}
.skinned-select .select-text {
  	position: absolute;
	text-indent: 10px;
	line-height: 22px;
	z-index: 1;
	width:175px;
	overflow:hidden;
	height:23px;
}
.skinned-select .select-text,
.skinned-select select,
.skinned-select select option {
	font-size: 11px;
}

.skinned-select select option {
	height: 22px;
	vertical-align: middle;
}

.my-skinnable-select select {
	width: 175px;
  	font-size: 11px;
  	border: 1px solid #d5e6ee;
}




.btn-submit {
	border-top:1px solid #147535;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #0a3a1b),
		color-stop(1, #137334)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#0a3a1b 00%,
		#137334 100%
	);	
}
.btn-submit span {
	border-top:1px solid #23d25f;
	display:block;
	padding:5px 30px;
	color:white;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.btn-submit:hover {

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.4, #137334),
		color-stop(1, #0a3a1b)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#137334 40%,
		#0a3a1b 100%
	);
}
.btn-submit:active {

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #137334),
		color-stop(1, #137334)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#137334 00%,
		#137334 100%
	);	
}

.btn-submit-1 {
	border-top:1px solid #198836;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #1e6331),
		color-stop(1, #17a53e)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#1e6331 00%,
		#17a53e 100%
	);
}
.btn-submit-1 span {
	border-top:1px solid #1aff5a;
	display:block;
	padding:5px 30px;
	color:white;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.btn-submit-1:hover {

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.4, #17a53e),
		color-stop(1, #1e6331)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#17a53e 40%,
		#1e6331 100%
	);	
}
.btn-submit-1:active {

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #17a53e),
		color-stop(1, #17a53e)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#17a53e 00%,
		#17a53e 100%
	);	
}

.cke_editor_article_body {margin-bottom:20px;}

.image-cnt {margin-bottom:20px;}
.image-cnt img {width:150px; border:1px solid #d5d5d5; padding:1px;}

.upload-file {
	display:block;
	border:1px solid #D5D5D5;
	padding:0 0 0 30px;
	width:90px;
	height:29px;
	line-height:29px;
	background:url(../images/bg_button.png) repeat-x;
	color:black;
	position:relative;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.upload-file span {
	display:block;
	background:url(../images/plus.png) no-repeat;
	width:9px;
	height:9px;
	line-height:9px;
	font-size:9px;
	position:absolute;
	top:11px;
	left:11px;
}
.upload-file:hover {background-position:bottom left; border:1px solid #999;}
.upload-file:active {background:white none;}
.upload-file:hover span {background-position:bottom left;}



.successBox {
	position:absolute; 
	top:30px; 
	left:125px; 
	
	z-index:999; 
	background:#B8FF88; 
	padding:15px; 
	text-align:center; 
	width:500px; 
	margin:0 0 0 100px; 
	border: 1px solid gray; 
	font-weight:bold;
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.3);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.errorBox {
	color: red;
}


.small-gray-font {
	font-size: 10px;
	color: #aaa;
}


.image-map-textarea-style {width:100%; height:300px;}

.map-pointer-cnt {}
.map-pointer-cnt  a {display:block; position:absolute; background:url(../../images/naselje_marker.png) no-repeat 50% 50%; width:23px; height:22px; line-height:22px; text-align:center; color:white; font-size:11px; text-decoration:none; font-weight:bold;}

.upper-text {text-transform:uppercase;}


#fnc-reorder-list li {
	border-bottom:1px solid #ccc; 
	padding:10px 0; 
	background-color:white;
	-moz-box-shadow: 1px 1px 1px #ccc;
	-webkit-box-shadow: 1px 1px 1px #ccc;
	box-shadow: 1px 1px 1px #ccc;
}


.vrednost-iz-baze {
    font-weight: bold;
    width:80%;
    
}

.btn-add {color:#407237; margin-right:10px;}