/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

* {
	outline:none;
}

html, body {height: 100%;}

body {
	margin:0;
	padding:0;
	text-align:center;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#wrapper {
	background:url(../images/content_bg.jpg) top repeat-x;
	text-align:center;
	min-height:100%;
}

#header {
	height:100px;
	background:url(../images/cms_logo.jpg) right top no-repeat;
	margin:0 auto;
	width:960px;
	text-align:justify;
}

#header p {
	font-weight:bold;
	margin:0;
	padding-top:50px;
	color:#414b56;
	font-size:20px;
}

a:link, a:visited{
	text-decoration:none;
	color:#06C;
}

a:hover{
	color:#333;
}

a img {
	border:none;
}

.doc_link {
	color:#06C !important;
}

.doc_link:hover{
	color:#333 !important;
}


.clearfloat{clear:both;height:0;font-size:1px;line-height:0;}

#mainContent {
	margin:0 auto;
	padding:20px 0 60px;
	width:960px;
	text-align:justify;
}

#footer{
	text-align:center;
	position:relative;
	margin-top:-30px;
	height:30px;
	clear:both;
	background:#FFF url(../images/body_bg.gif) top repeat-x;
}

#footerInner{
	width:960px;
	margin:0 auto;
	padding-top:7px;
}

#footerLeft{
	float:left;
}

#footerRight{
	float:right;
}

.naslov {
	color:#069;
	font-size:18px;
	font-weight:bold;
	background:url(../images/icons/arrowR_icon.png) 4px 3px no-repeat;
	padding-left:25px;
}

#tabs th.vip, .vip {
	color:#069;
	font-size:16px;
	font-weight:bold;
	padding-bottom:15px;
	text-align:left;
	background:none !important;
}

p.vip{
	margin:20px 0 0;
	padding:0;
}

.naslov img, .naslov input {
	margin-right:10px;
	float:right;
	border:none;
	padding:0;
}

#tabs, #tabs2 {
	margin-left:30px;
}

#funkcije, #funkcije2 {
	float:right;
	margin:0;
	padding:0;
}

.tabsInner {
	min-height:450px;
}

#tabs th, #tabs2 th {
	text-align:right;
	vertical-align:top;
	width:150px;
	color:#7A8285;
	font-size:12px;
	background:#F5F9FC;
}

#tabs td, #tabs th, #tabs2 td, #tabs2 th {
	padding:10px 5px;
}

#tabs td, #tabs2 td {
	border-bottom:1px solid #F0F0F0;
}

#response1 td, #response1 th, #response2 td, #response2 th {
	border:none;
	padding:0;
}

.last td, .last th{
	vertical-align:top;
}

#overviewForm .dataTables_wrapper{
	margin-left:30px;
}

/*meni*/

#menu {
	font-size:12px;
	margin:0 auto;
	width:960px;
	text-align:justify;
}

#menuLeft, #menuRight {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
}

#menu li, #menu ul {
	list-style-type:none;
}

#menuRight li {
	float:left;
}

#menuLeft {
	position:relative;
	width:680px;
}

#menuRight {
	float:right;
}


.topLista {
	margin-right:20px;
	float:left;
}

#menuRight .topLista{
	margin-right:0px;
}

#menuRight li {
	margin-left:0px;
}

#menu a:link, #menu a:visited {
	font-weight:bold;
	color:#3F484A;
	display:inline-block;
	padding:2px 5px 1px;
}

#menu a:hover {
	color:#000;
}

#menu a:hover span, span.selected, .active span {
	/*border-bottom:2px solid #8AA5C7;*/
}

#menu span {
	padding:0 2px;
}

#menuRight span{
	padding-top:7px !important;
	display:inline-block;
}

#menu a img {
	vertical-align:middle;
	margin-bottom:5px;
}


.prviSub {
	position:absolute;
	margin:0;
	padding:10px 0 0;
	width:170px;
	z-index:2;
	display:none;
	background:url(../images/prviSub_bg.png) left top no-repeat;
}

.prviSub li {
	margin:0;
	padding:0;
}

.prviSub li a {
	display:block;
	width:150px;
	background:url(../images/prviSubLink_bg.png) left repeat-y;
	font-size:11px;
	color:#FFF !important;
	padding:4px 10px 3px !important;
	font-weight:normal;
}

.drugiSub li a {
	padding-left:20px !important;
}

.prviSub img {
	margin-top:4px;
	margin-right:7px;
}

.drugiSub img {
	margin-right:17px !important;
}

.prviSub li a:hover, .prviSub li a.aktivan1, .drugiSub li a.aktivan3 {
	background:url(../images/prviSubHover_bg.png) left repeat-y;
}


.drugiSub li {
	margin:0;
	padding:0;
}

.prviSub li.drugiSub, .prviSub li.treciSub {
	position:absolute;
	left:150px;
	margin:0;
	padding:0;
	width:170px;
	z-index:-1;
	display:none;
	top:0;
}

.drugiSub ul {
	background:url(../images/drugiSub_bg.png) left top no-repeat;
	padding:10px 0 0;
	margin:0;
}

.subBottom {
	background:url(../images/subBottom_bg.png) left top no-repeat;
}

#developed {
	position:fixed;
	right:10px;
	bottom:10px;
}

#filtriraj img {
	float:none;
	margin-top:5px;
}

#prikazi img, #prikazi2 img {
	vertical-align:middle;
	margin-top:-2px;
}

.infos img {
	margin-right:7px;
	vertical-align:middle;
	float:left;
	margin-bottom:10px;
	margin-top:-2px;
}

.infos, .infos2 {
	margin-left:30px;
	margin-bottom:10px;
}

.brisanje {
	color:#C00;
	text-decoration:line-through;
}

input[type=text], input[type=password], input[type=file], textarea, select {
	border:1px solid #99C2D6;
	font-size:12px;
	padding:2px;
	background:url(../images/input_bg.gif) left bottom repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

textarea {	
	width:614px;
}

select {
	padding:1px;
}

.tabsInner select{
	min-width:230px
}

.tabsInner .datum {
	width:206px;
}

.heading .datum{
	width:70px;
}

.dugme, .ui-dialog button {
	padding:3px;
	margin-top:4px;
	margin-right:5px;
	min-width:60px;
	background:url(../images/dugme_bg.png) repeat-x !important;
	color:#FFF !important;
	font-weight:bold !important;
	border:1px solid #3385AD !important;
	cursor:pointer;
	font-size:11px !important;
}
.dugme:hover, .ui-dialog button:hover {
	color:#00293D !important;
}

input[type="checkbox"]{margin-top:-1px;vertical-align:top}

#tabs li {
	font-size:12px;
}

.ui-datepicker-trigger {
	margin-left:5px;
	vertical-align:middle;
	margin-top:-2px;
}

.errorContainer, .errorContainer2 {
	color:#C00;
	margin-left:30px;
	margin-bottom:10px;
	font-weight:bold;
	float:right;
	margin-top:-50px;
}

.error {
	color:#C00;
}

input.error, select.error {
	border-color:#C00;
}

#tabs, #tabs2 {
	clear:both;
}


.tabsLeft, .tabsRight {
	float:left;
	width:300px;
}

.tabsLeft{
	border-right:1px solid #CCC;
	margin-right:40px;
	min-height:500px;
}

.tabsRight{
	width:500px;
}

/*treeview*/
.treeview{
	margin: 0;
	padding: 10px 0 0;
}

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(list.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

.tree_selected {
	border-bottom:3px dotted #006699;
}

/*sortable za slike*/
td.ui-widget-content{background-image:none !important}

#gallery { float: left;width:620px;height:410px; overflow-y:scroll}
.gallery.custom-state-active { background: #eee; }
#gallery li { float: left; width: 60px; padding: 2px; margin:4px; text-align: center; list-style:none; list-style-image:none }
.gallery li a{ float: right; }
.gallery li a.ui-icon-zoomin, #selected li a.ui-icon-zoomin { float: left; }
.gallery li img, #selected li img { cursor: move; }
#gallery li img {width:60px; height:40px}

#selected { margin-top:0;padding:0;text-align:center; width:150px;height:460px; overflow-y:scroll}
#selected li img {width:120px; height:80px}
#selected li { float: left; width: 120px; padding: 2px; margin:4px; text-align: center; list-style:none; list-style-image:none }
.heading{padding:5px 0 10px; border-bottom:1px solid #CCC; margin-bottom:10px;}
.heading label{font-weight:bold; color:#333;font-size:13px;padding-left:10px;}



/*sortable za newsletter news*/
.news{line-height:14px;}
#allNews { float: left;width:420px;height:310px; overflow-y:scroll}
.news.custom-state-active { background: #eee; }
#allNews li { padding: 2px; margin:4px; text-align: left; list-style:none; list-style-image:none }
.news li a{ float: right; }
.news li strong { cursor: move; }

#selectedNews { margin-top:0;padding:0;text-align:center; width:420px;height:360px; overflow-y:scroll}
#selectedNews li { padding: 2px; margin:4px; text-align: left; list-style:none; list-style-image:none }

/*sortable za articlesletter articles*/
.articles{line-height:14px;}
#allArticles { float: left;width:420px;height:310px; overflow-y:scroll}
.articles.custom-state-active { background: #eee; }
#allArticles li { padding: 2px; margin:4px; text-align: left; list-style:none; list-style-image:none }
.articles li a{ float: right; }
.articles li strong { cursor: move; }

#selectedArticles { margin-top:0;padding:0;text-align:center; width:420px;height:360px; overflow-y:scroll}
#selectedArticles li { padding: 2px; margin:4px; text-align: left; list-style:none; list-style-image:none }


/*preview sekcija kod newslettera*/

#sections{
	width:202px;
	text-transform:uppercase;
	color:#005177;
	font-size:10px;
	margin-left:60px;
	margin-top:5px;
}

#secLeft, #secRight{
	float:left;
}

#secLeft{
	margin-right:2px;
}

#sec1, #sec2, #sec3, #sec4, #sec5, #sec6{
	height:40px;
	margin-bottom:2px;
	background-color:#CCE0EB;
	text-align:center;
	padding:20px 10px 0;
}

#sec1{
	background-color:#A3B3BC;
}

#sec2{
	background-color:#CCE0EB;
}

#sec3, #sec4, #sec5, #sec6{
	height:40px;
	width:80px;
	padding-top:10px;
}

div.ajax-loader-graph,
div.ajax-loader-table {
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.photos img {
	margin-right: 10px;
}
.product_thumb {
	max-height: 100px;
	max-width: 158px;
}
.doc_thumb {
	max-height: 158px;
	max-width: 158px;
}
.photo-upload {
	display:none;
}
.add-photo, .remove-photo {
	float: left;
	margin: 5px 0 0 5px;
}
.remove-photo, .delete-checkbox{
	display: none;
}
/*multiple category selection*/
.cats_wrapper {
	max-height: 120px;
	min-height: 50px;
	overflow-y: scroll;
	min-width: 230px;
	border: 1px solid #99C2D6;
	margin-bottom: 5px;
}
.cats_wrapper ul {
	padding-left: 20px;
	margin-top: 3px;
}
.cats_wrapper > ul {
	padding-left: 0;
}
.cats_wrapper li {
	margin-bottom: 3px;
}
.cats_wrapper input {
	vertical-align:middle;
	margin-right: 5px;
}
.cats_wrapper ul, .cats_wrapper li {
	list-style-type: none;
	list-style-image: none;
}