body, html, table {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; font-weight: normal; line-height: 16px; color: #666; }

a { color: #055288; text-decoration: none; font-weight: bold; }
a:hover { color: #055288; text-decoration: underline; font-weight: bold; }

a.normal, a.normal:hover { font-weight: normal; }
a.menu { font-family: Arial, Helvetica, sans-serif; color: #055288; text-decoration: none; font-weight: bold; font-size: 11px; }
a.menu:hover { font-family: Arial, Helvetica, sans-serif; color: #055288; /* text-decoration: underline; */ text-decoration: none; font-weight: bold; font-size: 11px; }

.news-header { font-family: Arial, Verdana, Helevetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; background-color: #75c5f0; padding: 2px 5px 2px 10px; margin-bottom: 2px; }

a.news-header, a.news-header:hover { color: #fff; }

a.news-title, .news-title { color: #00528d; text-decoration: none; font-weight: bold; font-size: 11px; }

a.news-title:hover { color: #00528d; text-decoration: underline; font-weight: bold; font-size: 11px; }

a.trebuchet { font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; color: #055288; text-decoration: none; font-weight: bold; }

a.trebuchet:hover { text-decoration: underline; }

a.small-white { font-family: Arial, Verdana, sans-serif; color: #fff; text-decoration: none; font-size: 10px; font-weight: normal; }
a.small-white:hover { text-decoration: underline; color: #fff; font-size: 10px; font-weight: normal; }

a.small { color: #055288; text-decoration: none; font-size: 9px; font-weight: normal; }
a.small:hover { color: #055288; text-decoration: underline; font-size: 9px; font-weight: normal; }

a.red { color: #f50000; text-decoration: none; font-weight: bold; }
a.red:hover { color: #f50000; text-decoration: underline; font-weight: bold; }

h1, .title { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; /* font-size: medium; */ color: #f50000; margin: 1em 0em 0.4em 0em; padding: 0px 0px; }

.subtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #666; }

div.content, td.content { padding: 0px 10px 5px 5px; font-size: small; /* font-size: 12px; */ line-height: 125%; }

/*
    workaround za tablice unutar contenta,
    da imaju isti font-size kao i cijeli site,
    al je sve unutar td.content
    ovdje cemo vjerojatno jos pokoji element morati dodati
*/
div.content table, td.content table { font-size: small; line-height: 125%; }
td.content h1, td.content .title, div.content h1, div.content .title { font-size: medium; line-height: 125%; }
td.content .subtitle, div.content .subtitle { font-size: medium; line-height: 125%; }

div.sidebar { margin: 0px 0px 10px 10px; border-left: 1px solid #ccc; padding-top: 1em; padding-right: 5px; padding-bottom: 10px; padding-left: 15px; width: 150px; float: right; }
div.sidebar img { display: block; }

.breadcrumbs { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666; background: url(/images/layout/breadcrumbs-bg.gif); background-repeat: repeat-y; padding-left: 20px; height: 20px; }
.breadcrumbs a { color: #01518e; text-decoration: none; }
.breadcrumbs a:hover { color: #01518e; text-decoration: underline; }

ul { list-style-type: disc; padding-top: -1.35em; margin-top: -1.35em; }
/* setting correct values for firefox */
p+ul { margin-top: -1em; padding-top: -1em; }

/* forms and stuff */
form { margin: 0px; padding: 0px; display: inline; }
label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
input.input-text, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #c3c3c3; background-color: #f9f9f9;	/* border: 1px solid #00528d; */ width: 200px; }
input.submit { cursor: pointer; cursor: hand; border: 0px solid transparent; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; background-color: #00528d; }
input.search-submit-naslovnica { cursor: pointer; cursor: hand; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fff; background-color: #00528d; background: url(/images/forms/search-submit.gif); width: 63px; height: 22px; }
input.search-box-naslovnica { border: 1px solid #828282; line-height: 18px; background-color: #fff; background-image: url(/images/forms/search-input-bg.gif); background-repeat: no-repeat; }
input.search-submit { cursor: pointer; cursor: hand; border: 1px solid #fff; color: #fff; background-color: #0582f6; font-weight: bold; width: 20px; font-size: 9px; }
input.search-box { border: 1px solid #818183; background-color: #fff; font-weight: bold; }

img.menu-strelica { margin: 6px 2px 0px 0px; }

hr, .hr { border: none; height: 1px; color: #d9d9d9; background-color: #d9d9d9; width: 100%; clear: both; }

.menu-bottom { font-weight: normal; }
.menu-bottom a, .menu-bottom a:hover { font-weight: normal; }

/* Misc stuff */

.noBorder { border: none; background-color: transparent; margin: 0px; }

.error { color: #f00; }

/* definition lists */

dl { margin: 0px; padding: 0px; }
dt { margin: 0px; padding: 0px; font-weight: bold; }
dd { margin: 0 0 5px 5px; padding: 0 0 0 10px; background: url(/images/misc/strelica-red.gif) no-repeat; background-repeat: no-repeat; background-position: 0 6px; }

dl.error { margin: 5px 0px 10px 0px; padding: 5px; border: 1px solid #01518e; /* background-color: #efefef; */ background: url(/images/layout/breadcrumbs-bg.gif) repeat-y; }
dt.error { margin-bottom: 5px; }

dl.bluish { padding: 5px; background: url(/images/misc/dl-corner-bottom-right.gif) no-repeat; background-position: bottom right; background-color: #cfebfa; }
dl.bluish dt {font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #f50000; background: url(/images/misc/strelica-blue.gif) no-repeat; background-repeat: no-repeat; background-position: 7px 5px; background-color: #fff; padding: 2px 0px 2px 17px; margin-bottom: 2px;}
dl.bluish dt a, dl.bluish dt a:hover { color: #f50000; }

dl.bluish dd { font-size: 11px; font-weight: bold; color: #404040; background: url(/images/misc/strelica-blue.gif); background-repeat: no-repeat; background-position: 3px 4px; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 12px; }
dl.bluish dd.spacer { font-size: 8px; font-weight: normal; line-height: 8px; color: #404040; background: none; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 12px; }

dl.simple { background-color: #fff; padding: 0px; }
dl.simple dt { font-family: Verdana, Arial, Helevetica, sans-serif; font-size: 11px; font-weight: bold; color: #00528d; background-color: #e3ecf2; padding: 2px 0px 2px 15px; margin-bottom: 5px; }
dl.simple dd { font-size: 11px; font-weight: normal; color: #404040; background: url(/images/misc/strelica-blue.gif); background-repeat: no-repeat; background-position: 1px 4px; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 10px; }

ul.left-menu { color: #666; padding: 0; margin: 0; padding-left: 10px; margin-left: 10px; }
ul.left-menu li { font-weight: normal; color: #02528d; }

table.left-menu { font-size: 11px; }

td.left-menu-header { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; padding: 2px 0px 2px 3px; }
td.left-menu-header a {color: #fff; }
td.left-menu-header a:hover { color: #fff; }
td.left-menu-header-bullet { padding: 2px 0px 2px 10px; }
td.left-menu-main { padding: 2px 0px 2px 9px; }
td.left-menu-bullet { padding: 3px 0px 2px 5px; text-align: center; }
td.left-menu-delimiter { line-height: 1px; background: url(/images/misc/2pxborder.gif); }
td.left-menu-content { padding: 0px 5px 5px 2px; }

.line { display: block; margin: 2px 0px; }

.footer { font-size: 9px; }


/* DROP DOWN MENU */

.ddm1 { /* font-size: 11px; */ z-index: 1000; }
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover { display: block; position: relative; }

.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover { text-decoration: none; }
.ddm1 .item2 { text-decoration: none; display: block; cursor: hand; cursor: pointer; white-space: nowrap; background: #00528d; color: #ffffff; text-align: left; padding: 1px 6px 1px 3px; }
.ddm1 .item2:hover { background: #75c5f0; color: #ffffff; text-decoration: none; display: block; cursor: hand; cursor: pointer; white-space: nowrap; }
.ddm1 .section { position: absolute; visibility: hidden; z-index: -1; border: 1px #00528d solid; margin-top: 0px; }
.ddm1 .left, .ddm1 .left:hover { /* border-style: solid none solid solid; */ }
.ddm1 .right, .ddm1 .right:hover { /* border-style: solid solid solid none; */ }

/* EDITOR STYLES */

.contentFloatLeft { margin: 0px 5px 5px 0px; padding: 3px 10px 10px 0px; float: left; width: auto; }

.contentFloatRight { margin: 0px 0px 5px 5px; padding: 3px 0px 10px 10px; float: right; width: auto; }

/* QUICKIES */

/* syntax highlighting (used by the first combo defined for the CSS plugin) */

pre { margin: 0px 1em; padding: 5px 1em; background-color: #000; border: 1px dotted #02d; border-left: 2px solid #04f; }
.code { color: #f5deb3; }
.string { color: #00ffff; }
.comment { color: #8fbc8f; }
.variable-name { color: #fa8072; }
.type { color: #90ee90; font-weight: bold; }
.reference { color: #ee82ee; }
.preprocessor { color: #faf; }
.keyword { color: #ffffff; font-weight: bold; }
.function-name { color: #ace; }
.html-tag { font-weight: bold; }
.html-helper-italic { font-style: italic; }
.warning { color: #ffa500; font-weight: bold; }
.html-helper-bold { font-weight: bold; }
/* info combo */

.quote { font-style: italic; color: #ee9; }
.highlight { background-color: yellow; color: #000; }
.deprecated { text-decoration: line-through; color: #aaa; }

/* fix for download links inside the sidebar in IE7 */
.sidebar table { position: relative; }