html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
ol,
ul { list-style: none }

blockquote,
q { quotes: none }

blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

button,
submit { border: none }

.clear { clear: both }

html,
body,
form { height: 100%; margin: 0; padding: 0; }

html>body { font-size: 16px; font-size: 68.75%; }

body {  /*overflow: auto; when page gets too small */ font-family: Arial, Helvetica, sans-serif; background: #fff; color: #747475; line-height: 1.2; }

h1,
h2 { padding: 10px; margin: 0; font-weight: bold; }

h1 { font-size: large }

h4.domena { color: #5f85b6; padding: 0; margin: 0 0 5px 0; font-weight: bold; }

h2.titleKat { font-size: 2em; color: #dedede; padding-left: 15px; padding-top: 0; }
div.titleKat { font-size: 1em; color: #5f85b6; padding: 0px 0 10px 0; }

#main { padding: 1em }

a img { border: none }

a { outline: none }

ul { list-style-type: none; padding: 0; margin: 0; }

#container { height: 90%; margin: 0px 0 0 0; padding-top: 0px; width: 100%; max-width: 100%; min-width: 1280px; _width: 1280px; /* min-width for IE6 */ }

.pane { display: none; /* will appear when layout inits */ }

#header { border: 0px; padding-bottom: 0; width: 100%; background: url(../images/bgTop-2.png) repeat-x; float: left; position: relative; top:0; z-index: 1000; height: 42px; border-top: 2px solid #5885a8; }

#footer { border: 0px; padding-bottom: 0; width: 100%; background: url(../images/bgTop-2.png) repeat-x; float: left; position: fixed; z-index: 1000; height: 57px; }

#header button { vertical-align: middle }

div.toolbar { padding: 5px 10px; border: 1px solid #BBB; background: #F6F6F6; }

div.headerNav { padding: 0px 10px 0; text-align: center; height: 47px; position: relative; float: left; }

div.logout { padding: 0px 0px 0 10px; text-align: center; height: 42px; position: relative; float: right; width: auto; background: url(../images/bgLogout-2.png) repeat-x; color: #747474; border-left: 1px solid #ccc; top:0px; right:0px;}

div.logout .button { padding: 3px 5px 4px 5px }

div.left { float: left; text-align: left; }

div.right { float: right; text-align: right; }

div.left,
div.right { width: 25%; font-weight: bold; font-size: 1.2em; }

.columnHeader { background: #f3f3f3; border-bottom: 1px solid #ccc; padding: 2px 10px 2px 20px; margin: 0; height: 25px; position: relative; }

#leftColumn { width: 220px; height: 95%; background: #fff; float: left; border-right: 1px solid #ececec; }

#middleColumn { width: 280px; height: 95%; background: #ffffff; float: left; border-right: 1px solid #ececec; }

#editColumn {  height: 95%; background: #fff; float: left;}

/* * glavni izbornik *
   ================================================== */

.mainNavigation { list-style-type: none; padding: 0px; margin: 0px; position: relative; left: 0px; top: 0px;}

.mainNavigation li { list-style-type: none; display:inline; padding: 0px; margin: 0px 2px 0 0; line-height: 42px;}

.mainNavigation li.poruka { line-height: 42px; padding: 0 10px; }

span.gotoid {line-height: 42px; padding:0px 10px;}

/* 
	LEVEL ONE
*/
div.headerNav ul.dropdown                { position: relative; float:left; border-bottom: 1px solid #e1e0e0; }
div.headerNav ul.dropdown li             { font-weight: bold;  float: left; zoom: 1; background: #ccc url(../images/bgLogout-2.png) repeat-x; border-left: 1px solid #e1e0e0; border-right: 1px solid #fff; }
div.headerNav ul.dropdown a:hover		 { color: #fff; }
div.headerNav ul.dropdown a:active       { color: #fff; }
div.headerNav ul.dropdown li a           { display: block; padding: 0px 8px; color: #5f85b6; height:41px; line-height:41px; text-decoration:none;}
div.headerNav ul.dropdown li a.sub           { background: url(../images/arr-down.png) no-repeat center bottom;  padding: 0px 8px 0px 8px; margin:0;}
div.headerNav ul.dropdown li:last-child a  { /*border-right: 1px solid #fff;*/ } /* Doesn't work in IE */
div.headerNav ul.dropdown li.hover,
div.headerNav ul.dropdown li:hover        { background: #5f85b6 url(../images/hover.png) repeat-x; color:#fff; position: relative; }
div.headerNav ul.dropdown li.hover a      { color:#fff; }


/* 
	LEVEL TWO
*/
div.headerNav ul.dropdown ul 			{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: -1px; text-align:left; }
div.headerNav ul.dropdown ul li 		{ font-weight: normal; background: #5f85b6; color: #000;  border-bottom: 1px solid #a4bad7; float: none; }									  
div.headerNav ul.dropdown ul li:hover   { background: #86aad8; color:#fff; position: relative; }								  
                                    /* IE 6 & 7 Needs Inline Block */
div.headerNav ul.dropdown ul li a		{ border-right: none; width: 100%; display: inline-block; height:23px; line-height:23px; padding: 3px 8px; } 
div.headerNav ul.dropdown ul li a.sub           { background-image: none; padding: 3px 8px;}
/* 
	LEVEL THREE
*/
div.headerNav ul.dropdown ul ul 		{ left: 100%; top: 0; }
div.headerNav ul.dropdown li:hover > ul { visibility: visible; }


/* * izbornik stranica u drugom stupcu *
   ================================================== */

	ul.pagesList {     list-style-type: none;
    padding-left: 0;
    margin-left:0; }

.pagesList li { position: relative; border-bottom: 1px solid #efefec; }

.pagesList li span.action { position: absolute; top: 3px; right: 0; display: block; width: 40px; display: none; }

.pagesList li strong { padding-left: 11px }

.pagesList li a.link { display: block; text-decoration: none; line-height: 15px; padding: 4px 40px 3px 14px; color: #098ed1; z-index: 999; background: url(../images/iconAction.png) no-repeat -2px -34px; }

.pagesList li:hover span.action { display: block }

.pagesList li a.link:hover,
.pagesList li:hover a.link { text-decoration: none; color: #1f2122; background: #f3f3f3 url(../images/iconAction.png) no-repeat -2px -34px; }

.pagesList li a.link.selected {  background:#eaf2f5 url(../images/iconAction.png) no-repeat -2px -34px; border-bottom:1px solid #81CDD8; margin-bottom:-1px; }

.pagesList a.link.neaktivan { background: url(../images/iconAction.png) no-repeat -2px -88px; }

.pagesList a.link.neaktivan.selected { background:#eaf2f5 url(../images/iconAction.png) no-repeat -2px -88px; border-bottom:1px solid #81CDD8; margin-bottom:-1px; }

.pagesList a.link.neaktivan:hover,
.pagesList li:hover a.link.neaktivan { text-decoration: none; color: #1f2122; background: #f3f3f3 url(../images/iconAction.png) no-repeat -2px -88px; }

.pagesList li:first-child,
.pagesList ul .first { border-top: 1px solid #FFF }

.pagesList li span.action a { background: url(../images/iconAction.png) no-repeat; display: block; height: 18px; width: 18px; float: left; }

.pagesList li span.action a:hover { background: #fff url(../images/iconAction.png) no-repeat; border-top:1px solid #ececec; }

.pagesList li span.action a.status { background-position: 0px 0px }

.pagesList li span.action a.edit { background-position: 0px -18px }

/* * context menu / rdesni click *
   ==================================================

.b-m-mpanel { background: #F0F0F0 url(images/contextmenu/menu_bg.gif) left repeat-y; border: 1px solid #718BB7; padding: 2px 0; position: absolute; z-index: 99997; left: 0px; top: 0px; }

.b-m-split { height: 6px; background: url(images/contextmenu/m_splitLine.gif) center repeat-x; font-size: 0px; margin: 0 2px; }

.b-m-item,
.b-m-idisable { padding: 4px 2px; margin: 0 2px 0 3px; cursor: normal; line-height: 100%; }

.b-m-idisable { color: #808080 }

.b-m-ibody,
.b-m-arrow { overflow: hidden; text-overflow: ellipsis; }

.b-m-arrow { background: url(images/contextmenu/m_arrow.gif) right  no-repeat }

.b-m-idisable .b-m-arrow { background: none }

.b-m-item img,
.b-m-ifocus img,
.b-m-idisable img { margin-right: 8px }

.b-m-ifocus { background: url(images/contextmenu/m_item.gif) repeat-x bottom; border: 1px solid #AACCF6; padding: 3px 1px; margin: 0 2px 0 3px; cursor: normal; line-height: 100%; }

.b-m-idisable img { visibility: hidden } */

/* * gornji tabovi u edit stupcu *
   ================================================== */

ul.tabsKat { margin: 0; padding: 0; position: absolute; bottom: 0px; list-style: none; bottom: -1px; }

#editColumn .columnHeader { height: 24px }

.columnHeader .ui-widget-header { border-bottom: 1px solid #ccc }

ul.tabsKat li { /* background: #668bba url(custom-theme/images/ui-bg_highlight-soft_75_668bba_1x100.png) 50% 50% repeat-x;_NO__DOTCOMMA__AFTER__*/ }

ul.tabsKat li a { /*  border: 1px solid #d7e1ee;_NO__DOTCOMMA__AFTER__*/ }

ul.tabsKat li a:hover { /* background: #f7f7f7 url(custom-theme/images/ui-bg_highlight-hard_75_f7f7f7_1x100.png) 50% 50% repeat-x;; color: #ffffff; border: 1px solid #d7e1ee; */ }
#subTabs  { width: 92%; padding:0;}
.preload { width:700px;}
#subTabs ul li  { display:inline; }
.dokumentiEntiteta,
.slikeEntiteta { width: 670px; margin-left: 15px; }

span.trigger a { color: #ccc; text-decoration: none; display: block; background: url(../images/openinfo.gif) no-repeat 0px 0px; height: 23px; width: 39px; }

span.trigger a:hover { background: url(../images/openinfo.gif) no-repeat 0px -24px }

span.info a { color: #ccc; text-decoration: none; display: block; background: url(../images/openinfo.gif) no-repeat -39px 0px; height: 23px; width: 39px; }

.info a:hover { background: url(../images/openinfo.gif) no-repeat -39px -24px }

span.active a { background: url(../images/openinfo.gif) no-repeat 0px -48px }

span.active a:hover { background: url(../images/openinfo.gif) no-repeat 0px -48px }

.toggle_container { margin: 0px; padding: 10px 0; border-top: 1px solid #fff; overflow: hidden; clear: both; }

.toggle_container .block { padding: 0px; /*--Padding of Container--*/}

.editField { background: #f8f8f8; padding: 0px; margin-bottom: 0px; width: 100%; height: auto; float: left; overflow: hidden; padding: 6px 0; border-top: 1px solid #d6d6d6; position: relative; }

.editField .button { padding: 3px 5px 4px 5px; color: #6a8cbb; }

.editField span.fieldTitle { width: 100%; padding: 0px 0 0 10px; height: 25px; font-size: 12px; font-weight: bold; overflow: hidden; display: block; }

.editField label.fieldLang,
.editField span.fieldLang { width: 50px; height: 25px; font-size: 10px; line-height: 18px; font-weight: bold; color: #5f85b6; float: left; display: block; padding: 3px 0 3px 10px; }
.editField.whiteBg span.fieldLang { width: 100px; height: 25px; font-size: 10px; line-height: 18px; font-weight: bold; color: #5f85b6; float: left; display: block; padding: 3px 0 3px 10px; }
span.slika-svojstvo {clear:both; display:block;}

.editField div.fieldInput { width: 70%; height: auto; font-weight: bold; float: left; display: block; padding: 0px 0; }

.editField span.trigger { width: 40px; height: 25px; font-size: 14px; position: absolute; top:33px; right: 44px; font-weight: bold; display: block; padding: 3px 0; }

.editField span.info { width: 40px; height: 25px; font-size: 14px; font-weight: bold; position: absolute; top:33px; right: 5px; display: block; padding: 3px 0; }

input[readonly='readonly'] {
    border: 1px solid #d6d6d6; 
    background: #fff; 
    line-height: 18px;
    color:#747475;
}

input,
select,
submit,
textarea { border: 1px solid #d6d6d6; background: #fff; line-height: 18px; }

.editField input,
.editField select,
.editField textarea { float: left; width: 100%; margin: 0; padding: 4px 2px; }
.titleKat input {  width: 500px; margin: 0; padding: 4px 2px; }
.searchTitle { display: block; float: right; margin: 2px 0px 0 0; width: 100%; }

.searchTitle  input.filter { width: 60%; padding: 2px 2px; line-height: 12px; }

.searchTitle label { line-height: 12px }

.spremiGornji { width:92%; position: absolute; top: 15px; left: 10px; }

.spremiGornji a { float: right }

.spremiDonji { width: 700px; position: relative; left: 0px; margin-top: 10px; }

.spremiDonji a { float: right }

.dodatniElementi { width: 100%; position: relative; left: 0px; margin: 0px 0 5px 0; float: left; padding:0 0 5px 0; border-bottom: 1px solid #d7e1ee; display: block; }
.dodatniElementi2 { width: 100%; position: relative; left: 0px; margin: 0px 0 5px 0; float: left; padding:0 0 5px 0;  display: block; }

.dodatniElementi-popup { width: 100%; position: relative; left: 0px; margin: 0px 0 5px 0; display: block; }
.dodatniElementi2-popup { width: 100%; position: relative; left: 0px; margin: 0px 0 5px 0; float: left; padding:0 0 5px 0;  display: block; }

.vanjski { width: 90%; margin-left: 0px; clear: both; }
.vanjski-popup { width: 90%; margin-left: 35px; clear: both; }

.dodatniElementi ul, .dodatniElementi2 ul { margin: 10px 0 0 15px; position: relative; }
.dodatniElementi ul li, .dodatniElementi2 ul li { display: block; height: 25px; padding: 0 8px; border-right: 1px solid #d7e1ee; line-height: 25px; float: left; }
.dodatniElementi ul li.idObjekta, .dodatniElementi2  ul li.idObjekta{ padding: 0 8px 0 8px }
.dodatniElementi2  ul li{ padding: 0 5px; }
.dodatniElementi ul li:last, .dodatniElementi2  ul li:last, .dodatniElementi2  ul li.none{ border-right:none; }
.dodatniElementi ul li.dodatniJezik, .dodatniElementi2 ul li.dodatniJezik { position: absolute; right: 15px; top: 0; padding: 0 0px 0 0; border-right: none; height: 25px; }

.dodatniElementi-popup ul, .dodatniElementi2-popup ul { margin: 10px 0 0 15px; position: relative; }
.dodatniElementi-popup ul li, .dodatniElementi2-popup ul li { display: block; height: 25px; line-height: 25px; float: left; }
.dodatniElementi-popup ul li.idObjekta, .dodatniElementi2-popup  ul li.idObjekta{ padding: 0 8px 0 8px }
.dodatniElementi2-popup  ul li{ padding: 0 5px; }
.dodatniElementi-popup ul li:last, .dodatniElementi2-popup  ul li:last, .dodatniElementi2-popup  ul li.none{ border-right:none; }
.dodatniElementi-popup ul li.dodatniJezik, .dodatniElementi2-popup ul li.dodatniJezik { position: absolute; right: 15px; top: 0; padding: 0 0px 0 0; border-right: none; height: 25px; }

.elementEntiteta { line-height: 20px; float: left; padding-left: 10px; border-right: 1px solid #fff; display: inline; font-weight: bold; color: #6a8cbb; }

span.elementEntiteta { background: #eaf2f5; }

.thumbEntitet { width: 140px }

.thumbEntitet img { width: 130px; height: 87px; float: left; }

.opisEntitet { width: 520px }

.vidljivEntitet { width: 50px }

.akcijaEntitet { width: 155px; border-right: none; }

.akcijaEntitet .button { margin: 0px auto 5px auto; width: 50%; padding-right: 0px; }

.editField div.slikaInput,
 div.slikaInput { width: 220px; height: auto; font-weight: bold; float: left; display: block; padding: 0px 0; }

.editField div.slikaCheck { width: 20px; height: 23px; font-weight: bold; float: right; display: block; padding: 5px 0 0 8px; }

.editField div.slikaSelect { width: 280px; height: auto; font-weight: bold; float: left; display: block; padding: 0px 0; margin-bottom: 8px; }

.editField div.slikaSelect input { float: left; display: inline; width: 180px; margin-right: 5px; }

.editField div.slikaSelect .button { float: left; display: inline; }

span.imgInfo { font-size: 10px; font-weight: normal; color: #949495; font-style: italic; background: #fff; padding: 0px 3px; margin: 0; width: 124px; display: block; }


/* login forma 
 ================================================== */
#login{
	margin:10em auto;
	background:#fff;
	border:3px solid #eee;
	width:500px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:left;
	position:relative;
	}
#login a, #login a:visited{color:#0283b2;}
#login a:hover{color:#111;}
#login h2{
	 background:#5f85b6;
	color:#fff;
	text-shadow:#007dab 0 1px 0;
	font-size:14px;
	padding:18px 23px;
	margin:0 0 1.5em 0;
	
	}

#login p{margin:.5em 25px;}
#login div{
	margin:.5em 25px;
	background:#eee;
	padding:4px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:right;
	position:relative;
	}	
#login label{
	float:left;
	line-height:30px;
	padding-left:10px;
	}
#login .field{
	border:1px solid #ccc;
	width:280px;
	font-size:12px;
	line-height:1em;
	padding:4px;
	
	}	
#login div.submit{background:none;margin:1em 25px;text-align:left;}	
#login div.submit label{float:none;display:inline;font-size:11px;}	
#login button{
	float:right; font-weight:bold;
	}
	
#login .forgot{text-align:left;font-size:11px; padding:5px 10px;}
#login .back{padding:1em 0;border-top:1px solid #eee;text-align:right;font-size:11px;}
#login div.foot{background:#eee;margin:1em 25px ;text-align:left;}	

/* BOJE
   ================================================== */

.whiteBg { background: #ffffff }

/* * CSS3 buttons class*
   ================================================== */

a.button, input.button { display: inline-block; nowhitespace: afterproperty; padding: 6px 8px; font-size: 11px; font-weight: bold; line-height: 1; color: #5f85b6; /*text-shadow: 1px 1px 0 #FFFFFF;*/ background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-background-clip: padding-box; border-radius: 2px; outline: none; position: relative; zoom: 1; *display: inline;  }

input.button {
    padding: 3px 8px;
    background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 -40px no-repeat;
    color: #FFFFFF;
    border-color: #388AD4;
    text-decoration: none;
}
input.button:hover { background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0px no-repeat; color: #5f85b6; border-color: #CACACA; text-decoration: none; }

a.button.primary { font-weight: bold }

a.button:hover { color: #FFFFFF; border-color: #388AD4; text-decoration: none; /* text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/ background-position: 0 -40px; background-color: #2D7DC5; }

a.button:active,
a.button.active { background-position: 0 -81px; border-color: #347BBA; background-color: #0F5EA2; color: #FFFFFF; text-shadow: none; }

a.button:active { top: 1px }

a.button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }

a.button.negative:active,
a.button.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }

a.button.green { color: #437e2b; background-position: 0 0px; background-color: #75af3f; border-color: #CACACA; }

a.button.green:hover { color: #FFFFFF; background-position: 0 -320px; background-color: #75af3f; border-color: #437e2b; text-shadow: none; }

a.button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 6px 12px; }

a.button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; }

a.button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-left: none; }

a.button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }

a.button.left:active,
a.button.middle:active,
a.button.right:active { top: 0px }

a.button.big { font-size: 16px; padding: 7px 16px; }

a.button span.icon { display: inline-block; width: 14px; height: 12px; margin: auto 4px auto auto; position: relative; top: 2px; background-image: url('../images/css3buttons_icons-2.png'); background-repeat: no-repeat; }

a.big.button span.icon { top: 0px }

a.button span.icon.book { background-position: 0 0 }

a.button:hover span.icon.book { background-position: 0 -15px }

a.button span.icon.calendar { background-position: 0 -30px }

a.button:hover span.icon.calendar { background-position: 0 -45px }

a.button span.icon.chat { background-position: 0 -60px }

a.button:hover span.icon.chat { background-position: 0 -75px }

a.button span.icon.check { background-position: 0 -90px }

a.button:hover span.icon.check { background-position: 0 -103px }

a.button span.icon.clock { background-position: 0 -116px }

a.button:hover span.icon.clock { background-position: 0 -131px }

a.button span.icon.cog { background-position: 0 -146px }

a.button:hover span.icon.cog { background-position: 0 -161px }

a.button span.icon.comment { background-position: 0 -176px }

a.button:hover span.icon.comment { background-position: 0 -190px }

a.button span.icon.cross { background-position: 0 -204px }

a.button:hover span.icon.cross { background-position: 0 -219px }

a.button span.icon.downarrow { background-position: 0 -234px }

a.button:hover span.icon.downarrow { background-position: 0 -249px }

a.button span.icon.fork { background-position: 0 -264px }

a.button:hover span.icon.fork { background-position: 0 -279px }

a.button span.icon.heart { background-position: 0 -294px }

a.button:hover span.icon.heart { background-position: 0 -308px }

a.button span.icon.home { background-position: 0 -322px }

a.button:hover span.icon.home { background-position: 0 -337px }

a.button span.icon.key { background-position: 0 -352px }

a.button:hover span.icon.key { background-position: 0 -367px }

a.button span.icon.leftarrow { background-position: 0 -382px }

a.button:hover span.icon.leftarrow { background-position: 0 -397px }

a.button span.icon.lock { background-position: 0 -412px }

a.button:hover span.icon.lock { background-position: 0 -427px }

a.button span.icon.loop { background-position: 0 -442px }

a.button:hover span.icon.loop { background-position: 0 -457px }

a.button span.icon.magnifier { background-position: 0 -472px }

a.button:hover span.icon.magnifier { background-position: 0 -487px }

a.button span.icon.mail { background-position: 0 -502px }

a.button:hover span.icon.mail { background-position: 0 -514px }

a.button span.icon.move { background-position: 0 -526px }

a.button:hover span.icon.move { background-position: 0 -541px }

a.button span.icon.pen { background-position: 0 -556px }

a.button:hover span.icon.pen { background-position: 0 -571px }

a.button span.icon.pin { background-position: 0 -586px }

a.button:hover span.icon.pin { background-position: 0 -601px }

a.button span.icon.plus { background-position: 0 -616px }

a.button:hover span.icon.plus { background-position: 0 -631px }

a.button span.icon.reload { background-position: 0 -646px }

a.button:hover span.icon.reload { background-position: 0 -660px }

a.button span.icon.rightarrow { background-position: 0 -674px }

a.button:hover span.icon.rightarrow { background-position: 0 -689px }

a.button span.icon.rss { background-position: 0 -704px }

a.button:hover span.icon.rss { background-position: 0 -719px }

a.button span.icon.tag { background-position: 0 -734px }

a.button:hover span.icon.tag { background-position: 0 -749px }

a.button span.icon.trash { background-position: 0 -764px }

a.button:hover span.icon.trash { background-position: 0 -779px }

a.button span.icon.unlock { background-position: 0 -794px }

a.button:hover span.icon.unlock { background-position: 0 -809px }

a.button span.icon.uparrow { background-position: 0 -824px }

a.button:hover span.icon.uparrow { background-position: 0 -839px }

a.button span.icon.user { background-position: 0 -854px }

a.button:hover span.icon.user { background-position: 0 -869px }

/* * Default Layout Theme
 *
 * Created for jquery.layout 
 *
 * Copyright (c) 2010 
 *   Fabrizio Balliano (http://www.fabrizioballiano.net)
 *   Kevin Dalman (http://allpro.net)
 *
 * Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.html)
 * and MIT (http://www.opensource.org/licenses/mit-license.php) licenses.
 *
 * Last Updated: 2010-02-10
 * NOTE: For best code readability, view this with a fixed-space font and tabs equal to 4-chars
   ================================================== */

/* *    DEFAULT FONT
 *    Just to make demo-pages look better - not actually relevant to Layout!
   ================================================== */

/* *    PANES & CONTENT-DIVs
   ================================================== */

.ui-layout-pane { /* all 'panes' */ background: #FFF; /* DO NOT add scrolling (or padding) to 'panes' that have a content-div,: ;*/ padding: 0px; overflow: auto; }

/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s)
   ================================================== */

.ui-layout-content { padding: 10px; position: relative; /* contain floated or positioned elements */ overflow: auto; /* add scrolling to content-div */ }

/* *    RESIZER-BARS
   ================================================== */

.ui-layout-resizer { /* all 'resizer-bars' */ background: #f7f7f7; border: 1px solid #BBB; border-width: 0; }

#innerContainer .ui-layout-resizer-closed { /* all 'resizer-bars' */ border-left: 1px solid #fff; }

.ui-layout-resizer-drag { /* REAL resizer while resize in progress */  }

.ui-layout-resizer-hover { /* affects both open and closed states */  }

/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
        otherwise color shifts while dragging when bar can't keep up with mouse
   ================================================== */

.ui-layout-resizer-open-hover,
/* hover-color to 'resize' */
    .ui-layout-resizer-dragging { /* resizer beging 'dragging' */ background: #d2e6ca; }

.ui-layout-resizer-dragging { /* CLONED resizer being dragged */ border-left: 1px solid #fff; border-right: 1px solid #fff; }

/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits
   ================================================== */

.ui-layout-resizer-dragging-limit { /* CLONED resizer at min or max size-limit */ background: #E1A4A4; /* red */ }

.ui-layout-resizer-closed-hover { /* hover-color to 'slide open' */ background: #edf5ea; }

.ui-layout-resizer-sliding { /* resizer when pane is 'slid open' */ opacity: .10; /* show only a slight shadow */ filter: alpha(opacity=10); }

.ui-layout-resizer-sliding-hover { /* sliding resizer - hover */ opacity: 1.00; /* on-hover, show the resizer-bar normally */ filter: alpha(opacity=100); }

/* sliding resizer - add 'outside-border' to resizer on-hover 
         * this sample illustrates how to target specific panes and states  */

.ui-layout-resizer-west-sliding-hover { border-right-width: 1px }

.ui-layout-resizer-east-sliding-hover { border-left-width: 1px }

/* *    TOGGLER-BUTTONS
   ================================================== */

.ui-layout-toggler { border: none; /* match pane-border */ background: url(../images/go-rt-off.gif) no-repeat; }

.ui-layout-resizer-hover .ui-layout-toggler { opacity: .60; filter: alpha(opacity=60); background: #C4E1A4 url(../images/go-rt-off.gif) no-repeat; }

.ui-layout-toggler-hover,
/* need when NOT resizable */
    .ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */ background: #C4E1A4 url(../images/go-rt-on.gif) no-repeat; opacity: 1.00; filter: alpha(opacity=100); }

.ui-layout-toggler-north,
.ui-layout-toggler-south { border-width: 0 1px; /* left/right borders */ }

.ui-layout-toggler-west,
.ui-layout-toggler-east { border-width: 1px 0; /* top/bottom borders */ }

/* hide the toggler-button when the pane is 'slid open'  */

.ui-layout-resizer-sliding  ui-layout-toggler { display: none }

/* *    style the text we put INSIDE the togglers
   ================================================== */

.ui-layout-toggler .content { color: #666; font-size: 12px; font-weight: bold; width: 100%; padding-bottom: 0.35ex; /* to 'vertically center' text inside text-span */ }

a.button-close { position: absolute; top: 1px; width: 15px; height: 15px; z-index: 20; display: block; cursor: pointer; }

a.button-close-west { left: 1px; top: 3px; }

a.button-close-east { right: 0 }

/* CUSTOM close-buttons
   ================================================== */

a.button-close-west { background: url(../images/go-lt-off.gif) no-repeat center; width: 15px; height: 15px; display: block; }

a.button-close-west:hover { background: url(../images/go-lt-on.gif)  no-repeat center; width: 15px; height: 15px; display: block; }

a.button-close-east { background: url(../images/go-rt-off.gif) no-repeat center; width: 15px; height: 15px; display: block; }

a.button-close-east:hover { background: url(../images/go-rt-on.gif)  no-repeat center; width: 15px; height: 15px; display: block; }

/* STANDARD toggler-buttons - when the east/west panes are 'closed'
   ================================================== */

.toggler-west-closed { background: url(css/go-rt-off.gif) no-repeat center }

.toggler-west-closed:hover { background: url(css/go-rt-on.gif)  no-repeat center }

.toggler-east-closed { background: url(css/go-lt-off.gif) no-repeat center }

.toggler-east-closed:hover { background: url(css/go-lt-on.gif)  no-repeat center }




/* Novi tooltipovi*/


/* global */
div.ui-cluetip {
  font-size: 1em;
}
.ui-cluetip-header,
.ui-cluetip-content {
  padding: 12px;
}
.ui-cluetip-header {
  font-size: 1em;
  margin: 0;
  overflow: hidden;
}

.cluetip-title .cluetip-close {
  float: right;
  position: relative;
}
.cluetip-close img {
  border: 0;
}

#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  /*background-image: url(images/wait.gif);*/
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  width: 11px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border-width: 0;
}
.cluetip-extra {
  display: none;
}

/***************************************
   =cluetipClass: 'default'
-------------------------------------- */

.cluetip-default,
.cluetip-default .cluetip-outer {
  background-color: #d9d9c2;
}
.cluetip-default .ui-cluetip-header {
 padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #6da2dc; color: #fff;
}


/*
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
*/
/* default arrows */
div.cluetip-default .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-default .cluetip-arrows {
 /* background-image: url(images/rarrowleft.gif);*/
}
div.clue-left-default .cluetip-arrows {
  /*background-image: url(images/rarrowright.gif);*/
  left: 100%;
  margin-right: -11px;
}
div.clue-top-default .cluetip-arrows {
  /*background-image: url(images/rarrowdown.gif);*/
  top: 100%;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}
div.clue-bottom-default .cluetip-arrows {
  /*background-image: url(images/rarrowup.gif);*/
  top: -11px;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: #fff;
}
.cluetip-jtip .cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip .cluetip-inner {
  padding: 5px;
  display: inline-block;
}
.cluetip-jtip div.cluetip-close {
  text-align: right;
  margin: 0 5px 0;
  color: #900;
}

.cluetip-jtip .ui-cluetip-header {
  background-color: #ccc;
  padding: 6px;
/*  margin-bottom: 1em;*/
}

/* jtip arrows */
div.cluetip-jtip .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-jtip .cluetip-arrows {
  /*background-image: url(images/arrowleft.gif);*/
}
div.clue-left-jtip .cluetip-arrows {
  /*background-image: url(images/arrowright.gif);*/
  left: 100%;
  margin-right: -11px;
}
div.clue-top-jtip .cluetip-arrows {
 /* background-image: url(images/arrowdown.gif);*/
  top: 100%;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}
div.clue-bottom-jtip .cluetip-arrows {
 /* background-image: url(images/arrowup.gif);*/
  top: -11px;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.cluetip-rounded .cluetip-outer {
  background-color: #fff;
}

.cluetip-rounded  .cluetip-arrows {
  border-color: #ccc;
}

/* need to be more specific here to override ThemeRoller defaults */
div.cluetip-rounded  .cluetip-arrows {
  font-size: 0;
  line-height: 0%;
  width: 0;
  height: 0;
  border-style: solid;
  background: transparent none;
}
div.clue-right-rounded .cluetip-arrows {
  border-width: 11px 11px 11px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
div.clue-left-rounded .cluetip-arrows {
  left: 100%;
  margin-right: -11px;
  border-width: 11px 0 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;

}
div.clue-top-rounded .cluetip-arrows {
  top: 100%;
  left: 50%;
  border-width: 11px 11px 0 11px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.clue-bottom-rounded .cluetip-arrows {
  top: -11px;
  left: 50%;
  border-width: 0 11px 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;

}
/* stupid IE6 HasLayout hack */
.cluetip-rounded .cluetip-title,
.cluetip-rounded .cluetip-inner {
  zoom: 1;
}




/* Validacija za input polja kod formi
   ================================================== */

/*.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	z-index:5001;
	color: #fff;
	width: 150px;
	font-family: tahoma;
	font-size: 11px;
	border: 1px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
  position:relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}*/

/* Obavijesti - notification
   ================================================== */
.poruka {-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:10px 10px 10px 35px;position:relative;margin:10px 0;cursor:pointer; max-width:88%;}
.poruka.success {border:1px solid #A6DD88;color:#539B2D;background:#dee8b6 url("../images/kvacica.gif") 10px 10px no-repeat;}
.poruka.warning {border:1px solid #E5E181;color:#666666;background:#feefb2 url("../images/usklicnik.gif") 10px 10px no-repeat;}
.poruka.error {border:1px solid #FF936F;color:#842100;background:#f9e1df url("../images/greska.gif") 10px 10px no-repeat;}
.poruka.information {border:1px solid #81CDD8;color:#369CAB;background:#d3eff8 url("../images/info.gif") 10px 10px no-repeat;}

ol.control_checkBoxList{float: left; width: 650px;}
ol.control_checkBoxList li{float:left; width: 280px; margin-right: 12px; margin-bottom: 12px; list-style-type: none;}
ol.control_checkBoxList li input{width: 20px;}
ol.control_checkBoxList li label{margin-left: 8px; display: block;overflow: hidden;}
.RadEditor  
{
    z-index: 8000 !important;
    position: relative;
    }
.rgFilterRow input { width:75%; float:left; display:inline;}
.rgFilterRow .rgFilter { width:10%; float: left; display:inline; padding:0;}

.sef-url-container { padding:2% 2%; width:95%;}
    .sef-url-container .sef-box{ padding-bottom:20px;}
    .sef-url-container .sef-box input.eexc{ margin:5px 0px;}
    .sef-url-container .sef-box h3{  color: #5f85b6; padding: 0; margin: 0 0 5px 0; font-weight: bold;}
.sef-url-container .sef-box
        {
            width: 99%;
            display: block;
            padding-bottom: 20px;
        }
/* Sinkronizacija */

.legenda-box  { line-height:20px; padding:5px; font-weight:bold;}

.legenda { text-align:center; font-weight:bold; width:150px; height:20px;}

.legenda-label {  font-weight:bold; margin-right:8px;}

.sef-box input[type="submit"]  { margin:5px 10px;}

.button.spremi.green { position:fixed; right:20px; top:90px; z-index:1000; }

.button.spremi.green.popup {  position: static; }

/*.Svojstva-1_class { margin:0 0 20px 1%; width:99%}
.Entiteti-1_class { margin:0 0 0px 1%; width:99%}*/
.SelectColumn_class, .IDObjekta_class, .IDJezika_class { width:5%;}
.KorisnikShort_class { width:15%;}
.NazivSvojstvaObjekta_class, .time_stamp_class { width:20%;}
.VrijednostFormatted_class { width:30%;}