/*********************************************************************
 * balcannes CSS
 * @author nix
 * @since	18.6.2012.
 ******************************************************************/

/******************************************************************
 * General
 ******************************************************************/
* {padding: 0; margin: 0;}
/******************************************************************
 * Structure
 ******************************************************************/
html {
    overflow-y: scroll; 
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
}
html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong,
sub, sup, var, b, i, dl, dt, dd, ol, ul, fieldset, form, label, legend,
button, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
menu, section, summary, time, mark, audio, video {margin: 0px; padding: 0px; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
.clear { clear: both; border: none !important; margin: 0px !important; padding: 0px !important; }
.right {text-align: right;}
nav ul, nav ol {list-style: none; margin: 0;}
strong {font-weight: bold;}
/******************************************************************
 * Header
 ******************************************************************/

/******************************************************************
 * Content
 ******************************************************************/

/******************************************************************
 * Footer
 ******************************************************************/

#container { width: 97%; min-width: 980px; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; 
}

header { height: 116px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #E87817; margin-right: auto; margin-left: auto; min-width: 990px; 
}
header h1 { width: 223px; height: 34px; overflow: hidden; padding: 0px; margin-top: 30px; margin-left: 0px; float: left; margin-right: 0px; margin-bottom: 0px; background-image: url(../images/logo-luceed.png); background-repeat: no-repeat; 
}
header h1 a { display: block; text-indent: -9999px; width: 223px; height: 34px; 
}

header #login-menu { float: right; font-size: 11px; color: #A5A5A4; margin-top: 30px; width: 650px; text-align: right; }

header #login-menu span { font-weight: bold; }
header #login-menu a:link, header #login-menu a:visited{ color: #A5A5A4; text-decoration: none; }

header #login-menu a:hover { color: #E87817; text-decoration: underline; }

header #category-menu { height: 20px; margin-top: 27px; float: left; width: 100%; }

.content { margin-bottom: 67px; margin-right: auto; margin-left: auto; }

.content header { height: 79px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

.content header h2 { font-size: 20px; line-height: 79px; color: #000; font-weight: bold; float: left; width: 600px; display: block; }

.content header #tools-menu { float: right; font-size: 12px; color: #E67817; margin-top: 58px; text-align: right; }
.content header #tools-menu a:link , .content header #tools-menu a:visited{ color: #E67817; text-decoration: none; }
.content header #tools-menu a:hover { color: #E67817; text-decoration: underline; }


.content #left-menu { width: 145px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #DDDDDD; border-right-color: #DDDDDD; border-left-color: #DDDDDD; float: left; }
.content #left-menu header { height: 16px; background-color: #E5E5E5; width: 131px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDDDD; padding: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; min-width: 131px; }


.content .body { margin-right: auto; margin-left: auto; min-width: 990px; }

.content .body #filters { height: 84px; border: 1px solid #DDDDDD; background-color: #F9F9F9; padding: 7px; font-size: 11px; color: #465764; margin-left: 155px; min-width: 820px; }


.content .body #filters #osnovno { float: left; border: none !important }

.content .body #filters #osnovno .style-select { height: 20px; width: 120px; font-size: 11px; color: #333; }
.content .body .style-textfield   { height: 18px; width: 215px; font-size: 11px; color: #333; }

@media screen and (-webkit-min-device-pixel-ratio:0) { .content .body .style-textfield{height: 16px;} } 

.content .body #filters .datum .style-select-2 { height: 20px !important; width: 90px !important; margin-top: 0px; position: absolute; margin-left: 5px; font-size: 11px; color: #333; }
.content .body .style-datefield { height: 18px; width: 90px !important; margin-top: 0px; font-size: 11px; color: #333; }

@media screen and (-webkit-min-device-pixel-ratio:0) { .content .body .style-datefield {height: 16px;} } 



.content .body #filters .datum { width: 358px; height: 20px; margin-left: 25px; margin-top: 3px; float: left; margin-right: 7px; }

.content .body #filters .option { margin-left: 25px; float: left; width: 180px; margin-top: 26px; }

.content .body #filters .order { width: 150px; float: left; height: 20px; margin-top: 43px; margin-left: 25px; text-align: right; }

.content .body #main-table { margin-top: 10px; margin-left: 155px; min-width: 836px; }

.content .body #main-table table {border-collapse:collapse;
}
.content .body #main-table td  
, .content .body #main-table table
, .content .body #main-table th
{ border: 1px solid #BBBBBB; }
.content .body #main-table table th  { background-color: #E5E5E5; height: 36px; font-weight: bold; color: #333333; font-size: 11px; padding-right: 7px; padding-left: 7px; }
.content .body #main-table table .sum td { background-color: #E5E5E5; height: 36px; font-weight: bold; color: #333333; font-size: 11px; padding-right: 7px; padding-left: 7px; }


.content .body #main-table table td { background-color: #FFFFFF; height: 29px; padding-right: 7px; padding-left: 7px; color: #333; font-size: 11px; }
.content .body #main-table table .odd  td{ background-color: #F9F9F9 !important; }

.content .body #main-table #pager { float: right; height: 22px; font-size: 11px; color: #333333; margin-top: 20px; }

.content .body #main-table #pager select { width: 40px; margin-right: 5px; margin-left: 5px; }
.content .body #main-table #pager .show { float: left; width: 230px; }


.content .body #main-table #pager .nav { float: right; width: 60px; }

.content .body #main-table #pager .prev { display: block; height: 17px; width: 28px; background-image: url(../images/btn-prev.png); float: left; }


.content .body #main-table #pager .next { display: block; height: 17px; width: 28px; background-image: url(../images/btn-next.png); float: left; margin-left: 3px; }

footer { height: 40px; background-image: url(../images/footer.jpg); background-repeat: repeat-x; padding-top: 40px; margin-right: auto; margin-left: auto; background-position: center top; clear: both; }

footer #disclamer { float: left; width: 205px; font-size: 10px; color: #465764; }

footer #disclamer img { margin-right: 10px; }
footer #links  { float: right; margin-top: 15px; }
footer #links a:link , footer #links a:visited{ color: #465764; text-decoration: none; font-size: 10px; }

footer #links a:hover { color: #465764; text-decoration: underline; font-size: 10px; }

.login { height: 350px; width: 400px; margin-right: auto; margin-left: auto; margin-top: 130px; background-image: url(../images/giraffe.png); background-repeat: no-repeat; background-position: 15px 10px; padding-left: 300px; padding-top: 110px; }

.login form { margin-top: 15px; width: 310px; margin-bottom: 38px; }

.login form .style-loginfield { border: 1px solid #D8DAE0; background-color: #FFF; height: 38px; width: 300px; margin-top: 20px; font-size: 12px; font-weight: bold; color: #BFBFBF; padding-right: 7px; padding-left: 7px; }

.login form .style-submit { border: 1px solid #9F9F9F; background-color: #CACACA; height: 44px; width: 162px; margin-top: 20px; font-size: 14px; font-weight: bold; color: #465764; padding-right: 7px; padding-left: 7px; cursor: pointer; float: left; }

.login form span { float: right; display: block; height: 30px; width: 110px; margin-top: 35px; margin-right: 0px; font-size: 12px; margin-left: 20px; }

.login form span label { margin-top: -17px; position: relative; display: block; width: 90px; height: 10px; margin-left: 20px; font-size: 12px; color: #465764; }

.login p { font-size: 12px; color: #465764; width: 310px; margin-bottom: 10px; }
.login p a { color: #E67817; text-decoration: underline; }
.tabs    { height: 42px; }



/***TABS****/

.tabs li { list-style:none; padding: 0px; float: left; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px; 
			}


			.tabs a { display:inline-block; color:#333333; text-decoration:none; height: 36px; width: auto; font-size: 11px; background-color: #E5E5E5; font-weight: bold; line-height: 36px; text-align: center; margin-bottom: 4px; margin-right: 3px; border: 1px solid #DDDDDD; padding-right: 14px; padding-left: 14px; font-family: Arial, Helvetica, sans-serif; 
			}

			.tabs a.active { color:#000; background-color: #F9F9F9; height: 42px; margin-bottom: 0px; border-bottom-style: none; 
			}

.content .body #unos-korisnika { font-size: 11px; color: #465764; margin-left: 155px; min-width: 820px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.content .body #unos-korisnika div { border: 1px solid #DDDDDD; background-color: #F9F9F9; margin: 0px; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; }

.content .body #unos-korisnika div h3 { background-color: #E5E5E5; height: 24px; font-size: 12px; color: #2C2C2C; font-weight: bold; line-height: 24px; padding-right: 6px; padding-left: 6px; margin-bottom: 16px; }

.content .body #unos-korisnika .podaci { float: left; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-left: 5px; margin-bottom: 10px; }

.content .body #unos-korisnika .zaglavlje { float: left; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: solid; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; border-left-width: 1px; border-left-color: #E5E5E5; margin-bottom: 20px; }
.content .body #unos-korisnika .zaglavlje .add  { color: #666666; text-decoration: none; margin-left: 100px; margin-top: 10px; display: block; width: 100px; }

.content .body #unos-korisnika .add2 { color: #666666; text-decoration: none; line-height: 30px; }

.content .body #unos-korisnika .style-submit { background-color: #CACACA; border: 1px solid #9F9F9F; height: 44px; width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #465764; font-weight: bold; margin-top: 15px; cursor: pointer; }

.content .body #unos-korisnika .style-submit:hover { background-color: #CACACA; border: 1px solid #9F9F9F; height: 44px; width: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; margin-top: 15px; cursor: pointer; }