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, font, 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, button, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; /*outline: 0; */font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; font-size: 62.5%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/*:focus { outline: thin dotted; }*/
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/*--*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.structure { position: absolute; left: -9999px; top: -9999px; }
/*--*/
html, textarea, button { font-family: Arial, sans-serif; background: url(/css/cssimg/layout/main.png) 50% 0; color: #333; }
html { height: 100%; }
body { height: 100%; padding-bottom: 1px; }
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
a { text-decoration: none; color: #0084ff; }
object { outline: none; }
/*** default spacing ***/
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote { padding: 15px 0; }
li h1, li h2, li h3, li h4, li h5, li h6,
li p, li ul, li ol, li dl, li blockquote { padding: 0 0 15px 0; }
p + p { padding-top: 0; }
h1 + p, h2 + p, h3 + p { padding-top: 0; }
p + h2, p + h3 { padding-top: 0; }
p + ol, p + ul { padding-top: 0; }
ol + ul, ul + ol { padding-top: 0; }
blockquote + p { padding-top: 0; }
/*** headings ***/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal; }
/*** font sizes ***/
p, .p, ul, ol, dl, th, td, input, textarea, select { font-size: 14px; line-height: 18px; }
h1, .h1 { font-size: 36px; line-height: 36px; }
h2, .h2 { font-size: 30px; line-height: 29px; }
h3, .h3 { font-size: 24px; line-height: 24px; }
h4, .h4 { font-size: 14px; line-height: 15px; }
h5, .h5 { font-size: 12px; line-height: 15px; }
h6, .h6 { font-size: 11px; line-height: 15px; }
.fs_xs { font-size: 10px; line-height: 18px; }
.fs_s { font-size: 11px; line-height: 18px; }
.fs_m { font-size: 12px; line-height: 18px; }
.fs_l { font-size: 13px; line-height: 18px; }
.fs_xl { font-size: 14px; line-height: 18px; }
.fs_xxl { font-size: 18px; line-height: 18px; }
.fs_author { font-size: 28px; line-height: 28px; }
.fs_custom { font-size: 15px; line-height: 18px; }
/*--*/
/* .container { width: 960px; margin: 0 auto; padding: 20px 10px; } */
.container { width: 960px; margin: 0 auto; padding: 20px 10px 0px; }
.grid_h_1, .grid_h_2, .grid_h_3, .grid_h_4, .grid_h_5, .grid_h_6 { float: left; display: block; position: relative; }
.grid_h_1 { width: 145px; }
.grid_h_2 { width: 290px; }
.grid_h_3 { width: 455px; }
.grid_h_4 { width: 620px; }
.grid_h_5 { width: 785px; }
.grid_h_6 { width: 945px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6 { float: left; display: inline; margin: 0 10px; position: relative; }
.grid_1 { width: 125px; }
.grid_2 { width: 270px; }
.grid_3 { width: 435px; }
.grid_4 { width: 600px; }
.grid_5 { width: 765px; }
.grid_6 { width: 910px; }
/*** padding ***/
.p_0 { padding: 0; }
.p_xs { padding: 3px;; }
.p_s { padding: 5px; }
.p_m { padding: 10px; }
.p_l { padding: 15px; }
.p_xl { padding: 20px; }
/* vertical padding */
.pv_0 { padding-top: 0; padding-bottom: 0; }
.pv_xs { padding-top: 3px; padding-bottom: 3px; }
.pv_s { padding-top: 5px; padding-bottom: 5px; }
.pv_m { padding-top: 10px; padding-bottom: 10px; }
.pv_l { padding-top: 15px; padding-bottom: 15px; }
.pv_xl { padding-top: 20px; padding-bottom: 20px; }
/* horizontal padding */
.ph_0 { padding-left: 0; padding-right: 0; }
.ph_xs { padding-left: 3px; padding-right: 3px; }
.ph_s { padding-left: 5px; padding-right: 5px; }
.ph_m { padding-left: 10px; padding-right: 10px; }
.ph_l { padding-left: 15px; padding-right: 15px; }
.ph_xl { padding-left: 20px; padding-right: 20px; }
/* top padding */
.pt_0 { padding-top: 0 !important; }
.pt_xs { padding-top: 3px !important; }
.pt_s { padding-top: 5px !important; }
.pt_m { padding-top: 10px !important; }
.pt_l { padding-top: 15px !important; }
.pt_xl { padding-top: 20px !important; }
.pt_xl_m { padding-top: 30px !important; }
.pt_xxl { padding-top: 68px !important; }
/* right padding */
.pr_0 { padding-right: 0 !important; }
.pr_xs { padding-right: 3px !important; }
.pr_s { padding-right: 5px !important; }
.pr_m { padding-right: 10px !important; }
.pr_l { padding-right: 15px !important; }
.pr_xl { padding-right: 20px !important; }
/* bottom padding */
.pb_0 { padding-bottom: 0 !important; }
.pb_xs { padding-bottom: 3px !important; }
.pb_s { padding-bottom: 5px !important; }
.pb_m { padding-bottom: 10px !important; }
.pb_l { padding-bottom: 15px !important; }
.pb_xl { padding-bottom: 20px !important; }
/* left padding */
.pl_0 { padding-left: 0 !important; }
.pl_xs { padding-left: 3px !important; }
.pl_s { padding-left: 5px !important; }
.pl_m { padding-left: 10px !important; }
.pl_l { padding-left: 15px !important; }
.pl_xl { padding-left: 20px !important; }
.pl_xxl { padding-left: 90px !important; }
/* vertical alignment */
.va_top { vertical-align: top; }
.va_mid { vertical-align: middle; }
.va_btm { vertical-align: bottom; }
/*** margin ***/
.m_0 { margin: 0; }
.m_xs { margin: 3px; }
.m_s { margin: 5px; }
.m_m { margin: 10px; }
.m_l { margin: 15px; }
.m_xl { margin: 20px; }
/* vertical margin */
.mv_0 { margin-top: 0; margin-bottom: 0; }
.mv_xs { margin-top: 3px; margin-bottom: 3px; }
.mv_s { margin-top: 5px; margin-bottom: 5px; }
.mv_m { margin-top: 10px; margin-bottom: 10px; }
.mv_l { margin-top: 15px; margin-bottom: 15px; }
.mv_xl { margin-top: 20px; margin-bottom: 20px; }
/* horizontal margin */
.mh_0 { margin-left: 0; margin-right: 0; }
.mh_xs { margin-left: 3px; margin-right: 3px; }
.mh_s { margin-left: 5px; margin-right: 5px; }
.mh_m { margin-left: 10px; margin-right: 10px; }
.mh_l { margin-left: 15px; margin-right: 15px; }
.mh_xl { margin-left: 20px; margin-right: 20px; }
/* top margin */
.mt_0 { margin-top: 0 !important; }
.mt_xs { margin-top: 3px !important; }
.mt_s { margin-top: 5px !important; }
.mt_m { margin-top: 10px !important; }
.mt_l { margin-top: 15px !important; }
.mt_xl { margin-top: 20px !important; }
.mt_n { margin-top: -35px; padding-top: 55px; }
/* right margin */
.mr_0 { margin-right: 0 !important; }
.mr_xs { margin-right: 3px !important; }
.mr_s { margin-right: 5px !important; }
.mr_m { margin-right: 10px !important; }
.mr_l { margin-right: 15px !important; }
.mr_xl { margin-right: 20px !important; }
/* bottom margin */
.mb_0 { margin-bottom: 0 !important; }
.mb_xs { margin-bottom: 3px !important; }
.mb_s { margin-bottom: 5px !important; }
.mb_m { margin-bottom: 10px !important; }
.mb_l { margin-bottom: 15px !important; }
.mb_xl { margin-bottom: 20px !important; }
/* left margin */
.ml_0 { margin-left: 0 !important; }
.ml_xs { margin-left: 3px !important; }
.ml_s { margin-left: 5px !important; }
.ml_m { margin-left: 10px !important; }
.ml_l { margin-left: 15px !important; }
.ml_xl { margin-left: 20px !important; }
.ml_xxl { margin-left: 50px !important; }
.ml_custom { margin-left: 45px !important; }
.pull_m { margin-left: -20px !important; }
.right { float: right !important; }
.glevin { position: relative; overflow: hidden; display: block; zoom: 1; font-size: 9px; line-height: 1; }
.glevin span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.flat li { float: left; margin-right: 10px; }
.flat .last_child { margin-right: 0; }
.debug { background: silver; }
/**/
#wrapper { min-height: 100%; height: auto !important; height: 100%; position: relative; }
#main { overflow: auto; padding-bottom: 268px; zoom: 1; }
#logo { width: 198px; height: 82px; float: left; padding: 0; margin-left: 324px; display: inline; }
#logo span { background: url(/css/cssimg/logos/logo.png) no-repeat; width: 198px; height: 82px; text-indent: -9999px; }
.teaser { width: 235px; height: 140px; display: block; text-align: center; font-size: 2px; position: absolute; top: 0; left: 0; outline: none; cursor: pointer; z-index: 99; }
.teaser span { background: url(/css/cssimg/assets/banner.png) no-repeat; }
.claim { width: 292px; height: 82px; float: left; margin-left: 41px; display: inline; }
.claim span { background: url(/css/cssimg/assets/claim.png) no-repeat; }
#search { float: right; }
#search input { background: none; border: none; float: left; width: 255px; padding: 11px 0; outline: none; }
#search fieldset { display: block; background: url(/css/cssimg/assets/search_left.png) no-repeat; padding: 0 0 0 10px; width: 300px; }
#search #search_button { background: url(/css/cssimg/buttons/search_button.png) no-repeat; width: 40px; text-indent: -9999px; cursor: pointer; float: right; height: 38px; }
.nav_holder { clear: both; position: relative; top: 8px; width: 434px; }
#nav { float: right; }
#nav li { float: left; margin-left: 7px; position: relative; text-indent: -9999px; }
#nav li a { color: #000; text-transform: uppercase; display: block; position: relative; zoom: 1; outline: none; }
#nav li span { position: absolute; top: 0; left: 0; display: block; background: url(/css/cssimg/main_nav.png) no-repeat; text-indent: -9999px; cursor: pointer; }
#nav .politika a span { height: 18px; width: 73px; background-position: -75px 0; }
#nav .politika a:hover span { background-position: -75px -24px; }
#nav .politika a { width: 73px; }
#nav #active.politika { width: 96px; }
#nav #active.politika span { width: 96px; height: 26px; background-position: 0 -48px; top: -4px; }
#nav .gospodarstvo a span { height: 18px; width: 131px; background-position: -155px 0; }
#nav .gospodarstvo a:hover span { background-position: -155px -24px; }
#nav .gospodarstvo a { width: 131px; }
#nav #active.gospodarstvo { width: 165px; }
#nav #active.gospodarstvo span { width: 165px; height: 26px; background-position: -96px -48px; top: -4px; }
#nav .sport a span { height: 18px; width: 54px; background-position: -293px 0; }
#nav .sport a:hover span { background-position: -293px -24px; }
#nav .sport a { width: 54px; }
#nav #active.sport { width: 72px; }
#nav #active.sport span { width: 72px; height: 26px; background-position: -261px -48px; top: -4px; }
#nav .lifestyle a span { height: 18px; width: 84px; background-position: -354px 0; }
#nav .lifestyle a:hover span { background-position: -354px -24px; }
#nav .lifestyle a { width: 84px; }
#nav #active.lifestyle { width: 108px; }
#nav #active.lifestyle span { width: 108px; height: 26px; background-position: -333px -48px; top: -4px; }
/* Listing */
.listing { }
.listing .sidebar { width: 290px; margin-left: 30px; _margin-left: 20px !important; background: none; border-top: #e5e5e5 1px solid; }
/* extends sidebar */
.listing .recent h2 { width: 70px; height: 11px; top: -7px; left: 0; }
.listing .recent h2 span { background: url(/css/cssimg/titles/aktualno.png) no-repeat; }
.listing .tags h2 { width: 41px; height: 11px; top: -7px; left: 0; }
.listing .tags h2 span { background: url(/css/cssimg/titles/teme_small.png) no-repeat; }
.listing .sidebar dl { position: relative; line-height: 1; }
.listing .sidebar dl .date { position: absolute; top: 0; left: 0; color: #999; }
.listing .sidebar dd a { color: #006699; }
.listing .sidebar ul { margin: 0 0 0 -15px; width: 320px; }
.listing .tags ul { margin: 0; width: 300px; }
.tags ul li { margin-bottom: 5px; }
.tags a { padding: 5px 0; color: #cc3399; font-size: 15px; font-family: Arial; font-weight: bold; }
.tags a:hover { background: #cc3399; color: #fff; }
/* Hovers */
.listing .grid_h_6 { background: url(/css/cssimg/assets/top_new.png) -15px 0 repeat-x; }
.listing .grid_h_6 > .inner:hover { background: url(/css/cssimg/assets/hover.png) -15px 0; cursor: pointer; }
.listing .grid_h_4 .grid_h_6 .inner:hover .response h2 a,
.listing .grid_h_6 .inner:hover .response h2 a { border-bottom: 1px solid; }
.listing .grid_h_4 .grid_h_6 .inner:hover .response .date,
.listing .grid_h_6 .inner:hover .response .date { background: #f8f8f8; }
.listing .grid_h_4 .grid_h_6 .inner:hover .source .date,
.listing .grid_h_6 .inner:hover .source .date { background: #131313; }
.listing .grid_h_4 .grid_h_6 .inner:hover .inner,
.listing .grid_h_6 .inner:hover .grid_2 .inner { background: url(/css/cssimg/assets/arrow_grey_left.png) 280px 15px no-repeat; }
.listing .grid_h_6 .inner:hover .grid_4 .inner { background: none; }
/**/
.listing .grid_h_4 .grid_h_4 .inner, .listing .grid_h_6 .inner { padding-bottom: 30px; }
.listing .source { color: #fff; background: transparent; }
.listing .source a { color: #fff; font-weight: normal; }
.listing .source h2 a { font-size: 15px; }
.listing .source .inner { margin: 0 -30px 0 0; background: url(/css/cssimg/assets/arrow_black_right.png) right 15px no-repeat; padding: 15px 40px 0 0; zoom: 1; position: relative; text-align: right; }
.listing .source .meta dt { float: right; text-align: right; }
.listing .response { float: left; margin-left: 40px !important; }/**/
.listing .response .inner { padding: 15px 0 0 0; }
.listing .response h2 a { color: #3399ff; font-size: 18px; }
.listing .response .meta a { font-size: 13px; line-height: 1; }
.listing .response .media_type { position: absolute; top: 15px; right: 5px; display: block; z-index: 99; }
.listing .response .audio { background: url(/css/cssimg/icons/audio_icon.png) no-repeat; width: 18px; height: 24px; }
.listing .response .video { background: url(/css/cssimg/icons/video_icon.png) no-repeat; width: 20px; height: 24px; }
.listing .meta { padding: 0; margin: 0 0 10px 0; height: 45px; }
.listing .meta dt { display: table; height: 45px; overflow: hidden; }
.listing .meta dt a { display: table-cell; vertical-align: bottom; }
.listing .meta dt a img { display: block; }
.listing .date { position: absolute; top: -23px; }
.listing .source .date { right: 35px; background: #060606; font-size: 11px; border: 1px solid #2F2F2F; padding: 0 5px; border-bottom: 0; }
.listing .response .date { left: -5px; background: #FFF; color: #999; font-size: 11px; border: 1px solid #E5E5E5; padding: 0 5px; border-bottom: 0; }
.listing h1 { text-align: right; width: 275px; height: 0; padding-top: 28px; }
.listing h1 span { left: auto; right: 0; }
.listing h1.politika span { background: url(/css/cssimg/titles/politika.png) no-repeat; width: 132px; height: 28px; }
.listing h1.sport span { background: url(/css/cssimg/titles/sport.png) no-repeat; width: 96px; height: 28px; }
.listing h1.gospodarstvo span { background: url(/css/cssimg/titles/gospodarstvo.png) no-repeat; width: 234px; height: 28px; }
.listing h1.lifestyle span { background: url(/css/cssimg/titles/lifestyle.png) no-repeat; width: 151px; height: 28px; }
/* Single View */
.view_response { background: url(/css/cssimg/assets/static_border_top.png) -15px 113px no-repeat; }
.view_response .meta .author { height: 60px; }
.view_response .chunk .date { width: 250px; display: block; zoom: 1; padding: 0; height: auto; text-align: left !important; float: none; color: #fff !important; margin: 0; }
.source { color: #fff; }
.source h1 a { display: block; color: #fff; }
.source .meta p { float: left; height: 60px; position: relative; }
.source .meta p span { position: absolute; bottom: 0; right: 0; }
.source .meta .date { color: #999; text-align: right; float: right; }
.source .meta a { color: #fff; border-bottom: none; }
.view_response .source .meta { margin-top: -35px; }
.view_response .source .meta p a { display: block; height: 60px; padding: 0; display: table-cell; vertical-align: bottom; }
.view_response .source .meta p a img { display: block; }
.source .chunk { width: 260px; float: left; background: transparent url(/css/cssimg/assets/expand_bg.gif) right 46px no-repeat; padding: 0 40px 0 0; }
.source .whole { background: #000; margin-left: 60px; width: 550px; float: left; display: inline; overflow: hidden; }
.whole .video_holder { display: block; float: none; clear: both; margin-bottom: 15px; }
.response { float: right; margin-top: -35px; }
.response .content { text-align: justify; }
.response h1 { font-weight: bold; padding-bottom: 0; }
.meta { position: relative; padding: 0 0 21px 0; }
.meta dt { float: left; }
.meta dt a { border: none; }
.meta .author { height: 45px; display: table-cell; vertical-align: bottom; }
.meta a { color: #006699; border-bottom: #BFE0FF 1px solid; font-size: 13px; }
.meta .author a:hover { background: #006699; color: #fff; border-bottom: #006699 1px solid; }
.meta .date { color: #999; }
.video_holder { position: relative; float: left; }
.chunk .video_holder { float: none; }
.chunk .button a { width: 153px; height: 32px; }
.chunk .button span { background: url(/css/cssimg/buttons/read_all_new.png) no-repeat; }
.dl { text-transform: uppercase; font-size: 10px; font-family: Arial; font-weight: bold; float: left; padding-bottom: 0; }
ul.audio { float: left; margin-left: 15px; }
.dl li { margin-bottom: 10px; }
.dl a { display: block; padding: 6px 10px 6px 40px; position: relative; zoom: 1; }
.dl a span { display: none; background: url(/css/cssimg/assets/dl_right.png) no-repeat; width: 1px; height: 30px; position: absolute; right: 0; top: 0; zoom: 1; }
.dl .audio a { background: url(/css/cssimg/icons/audio.png) 0 -50px no-repeat; }
.dl .transcript a { background: url(/css/cssimg/icons/transcript.png) 0 -50px no-repeat; }
.dl .video a { background: url(/css/cssimg/icons/video.png) 0 -50px no-repeat; }
.dl a:hover { background-position: 0 0; background-color: #0084ff; color: #fff; }
.dl a:hover span { display: block; }
.social { padding: 15px 0; background: url(/css/cssimg/assets/static_border_top.png) no-repeat -330px 0; position: relative; }
.social h3 { padding-top: 0; }
.social .fb { position: relative; top: 3px; }
.social .fb, .social .twitter-share-button { cursor: pointer !important; }
#cboxLoadedContent h2 { padding: 20px 0 10px 0; }
#cboxLoadedContent ul { padding: 0; }
#cboxLoadedContent p + h2 { padding-top: 5px; }
#cboxLoadedContent .download { padding-bottom: 40px; }
#cboxLoadedContent .download li { list-style-type: disc; margin: 0 0 5px 15px; }
/* Editor styles */
.content { clear: both; }
.content p:first-child { padding-top: 0; }
.content .image_large { width: 600px; margin: 10px 0; padding: 0; }
.content .image_left { width: 260px; float: left; margin: 10px 15px 10px 0; padding: 0; }
.content .image_right { width: 260px; float: right; margin: 10px 0 10px 15px; padding: 0; }
.image_large img, .image_left img, .image_right img { display: block; }
.image_left .caption, .image_right .caption, .image_large .caption { background: #f2f2f2; display: block; font-size: 11px; padding: 10px 0 10px 15px; clear: both; font-style: italic; }
.image_large + p, .image_left + p, .image_right + p { padding-top: 5px; }
.cite { background: url(/css/cssimg/assets/cite.png) no-repeat; padding: 0 0 15px 30px; }
blockquote .cite { padding: 0 0 0 30px; }
.content p img { display: block; padding-bottom: 15px; }
.content h2, .content h3 { padding-top: 15px; padding-bottom: 5px; }
.content ul { list-style-type: disc; margin-left: 20px; }
.content ol { list-style-type: decimal; margin-left: 20px; }
/* View author & medij */
.view_single_entity { margin-top: 30px; padding-top: 20px; background: url(/css/cssimg/assets/static_border_top.png) -15px 0 no-repeat; }
.view_single_entity .biography { font-style: italic; color: #666; }
.view_single_entity .biography * { font-size: 12px; }
.view_single_entity .image_holder { text-align: right; }
.view_single_entity .info span { background: url(/css/cssimg/titles/info.png) no-repeat; left: auto; right: 0; width: 68px; height: 19px; }
.view_single_entity .listing .grid_4 { width: 610px; }
.view_single_entity .listing .date { position: relative; top: 0; left: 0; padding: 0; height: 45px; font-size: 12px; background: none; border: none; margin-bottom: 10px; }
.view_single_entity .listing .date span { display: table-cell; height: 45px; vertical-align: bottom; }
.view_single_entity .listing .source .date span { position: absolute; right: 0; bottom: 0; height: auto; display: inline; }
.view_single_entity .listing .grid_2 .date { color: #999; }
.view_single_entity .listing .my_responses { position: absolute; top: -11px; left: -3px; width: 95px; height: 11px; }
.view_single_entity .listing .my_responses span { background: url(/css/cssimg/titles/moji_odgovori.png) no-repeat; width: 95px; height: 11px; }
.view_single_entity .listing .i_published { position: absolute; top: -11px; right: 35px; width: 89px; height: 11px; }
.view_single_entity .listing .i_published span { background: url(/css/cssimg/titles/objavili_smo.png) no-repeat; width: 89px; height: 11px; }
.view_single_entity .listing .grid_h_6, .search .listing .grid_h_6 { background: url(/css/cssimg/assets/static_border_top.png) -15px 0 no-repeat; }
.view_single_entity .response .media_type { right: 20px; }
.subjects dl { position: relative; padding: 30px 0 30px 30px; margin-left: 5px; _margin-left: -20px; width: 610px; border-bottom: #e5e5e5 1px solid; }
.subjects dt { float: left; margin-right: 20px; }
.subjects .count { background: url(/css/cssimg/icons/icon.png) no-repeat; padding: 1px 0 1px 25px; font-size: 18px; float: left; margin-top: 5px; }
.subjects .info { float: left; clear: both; width: 350px; }
.subjects .avatar { position: absolute; right: 20px; display: table-cell; vertical-align: middle; }
.subjects .first_child { padding-top: 10px; }
.subjects .first_child .avatar { top: 10px; }
.subjects .pagination { margin-top: -1px; }
/* Search */
.search { margin-top: 30px; padding-top: 20px; background: url(/css/cssimg/assets/static_border_top.png) -15px 0 no-repeat; }
.filter_results h2 { padding-left: 148px; padding-bottom: 30px; }
.filter_results h2 span { color: #fff; }
.filter_results h2 strong { padding-left: 49px; font-style: italic; }
/*
.search .filter_results ul { margin-left: 334px; float: right; }
.search .filter_results ul a { outline: none; display: block; background: #FFF; font-size: 11px; border: 1px solid #E5E5E5; padding: 5px 10px; }
.search .filter_results ul a span { color: #999; }
.search .filter_results .active a { border-bottom: #fff 1px solid; }
*/
.search .view_single_entity { margin: 0; background: none; }
/* View tag & overview */
.tag_overview, .view_tag { margin-top: 30px; padding-top: 20px; background: url(/css/cssimg/assets/static_border_top.png) -15px 0 no-repeat; }
.view_tag .filter_results h2 { padding-left: 200px; }
.view_tag .pagination { background: url(/css/cssimg/assets/top.png) -15px 0 no-repeat; }
.tag_overview h1 { width: 295px; height: 18px; text-align: right; float: left; }
.tag_overview h1 span { width: 82px; height: 18px; background: url(/css/cssimg/titles/teme_big.png) no-repeat; left: auto; right: 0; }
.tag_overview .tags { background: none; }
/* Related content */
.tags { background: url(/css/cssimg/assets/static_border_top.png) -15px 0 no-repeat; }
.view_response .tags h2 { width: 305px; height: 18px; text-align: right; float: left; }
.view_response .tags h2 span { width: 82px; height: 18px; background: url(/css/cssimg/titles/teme_big.png) no-repeat; left: auto; right: 0; }
.view_response .tags ul { width: 600px; float: left; margin-left: 30px; }
.view_response .tags ul li { margin-bottom: 5px; }
.featured { background: url(/css/cssimg/assets/static_border_top.png) -15px 0 no-repeat; }
.featured .inner div { margin-bottom: 10px; }
.featured h2 { width: 305px; height: 40px; right: -10px; _right: -11px; text-indent: -9999px; }
.featured h2 span { left: auto; right: 0; height: 40px; }
.featured .theme h2 span { background: url(/css/cssimg/titles/na_istu_temu.png) no-repeat; }
.featured .theme h2 span { width: 149px; }
.featured .person h2 span { background: url(/css/cssimg/titles/od_iste_osobe.png) no-repeat; }
.featured .person h2 span { width: 149px; }
.featured .category h2 span { background: url(/css/cssimg/titles/iz_iste_kategorije.png) no-repeat; }
.featured .category h2 span { width: 183px; }
.featured .publisher h2 span { background: url(/css/cssimg/titles/od_istog_medija.png) no-repeat; }
.featured .publisher h2 span { width: 166px; }
.featured h2 { float: left; padding: 0; }
.featured ul, .featured li { float: left; }
.featured ul { margin: -20px 0 0 16px; width: 624px; }
.featured li { width: 135px; padding: 5px; *padding: 5px 5px 2px 5px; position: relative; margin-left: 10px; display: inline; margin-bottom: 10px; overflow: hidden; }
.featured li a { font-size: 11px; font-family: Arial; color: #0084ff; line-height: 13px; zoom: 1; }
.featured li a strong { font-weight: normal; color: #999; }
.featured li a img { display: block; }
.featured li a span { display: block; position: absolute; top: 40px; background: #fff; padding: 10px 0; width: 135px; min-height: 45px; height: auto !important; height: 45px; cursor: pointer; }
.featured li a span span { display: inline; position: relative; top: auto; background: transparent; padding: 0; border-bottom: #bfe0ff 1px solid; }
.featured li:hover, .featured .hover { background: url(/css/cssimg/assets/featured_item_bg.gif); }
.not_animated li:hover span, .not_animated .hover span { display: none; zoom: 1; }
/* Publish response page */
.publish_response { margin-top: 30px; padding-top: 20px; background: url(/css/cssimg/assets/static_border_top.png) -15px 0 no-repeat; }
.publish_response form {}
.publish_response form fieldset { margin-bottom: 30px; }
.publish_response form .field, .publish_response form h2 { clear: both; }
.publish_response form p { float: left; padding: 0; margin-bottom: 10px; }
.publish_response form .fields_container { float: left; }
.publish_response form .info { float: right; color: #666; font-size: 12px; width: 200px; }
.publish_response form .info p { color: #666; font-size: 12px; }
.publish_response form .has_radio p { float: none; }
.publish_response form label { display: block; width: 295px; text-align: right; margin-right: 30px; }
.publish_response form h2 { width: 295px; text-align: right; margin-bottom: 20px; }
.publish_response form input { width: 330px; border: #e5e5e5 1px solid; outline: none; background: #fff; color: #666; padding: 8px 5px; font-size: 12px; font-family: Arial; }
.publish_response form .has_radio input, .publish_response form .has_checkbox input, .publish_response form .actions input { width: auto; padding: 0; }
.publish_response form .has_radio label { width: auto; text-align: left; }
.publish_response form .actions { width: 584px; float: right; }
.publish_response form .has_radio { margin-left: 325px; }
.publish_response form .has_radio label { color: #666; font-size: 12px; font-weight: bold; }
.publish_response form .has_radio p { zoom: 1; background: url(/css/cssimg/form/radio.png) left top no-repeat; padding: 1px 0 5px 30px; margin-bottom: 20px; }
.publish_response form .has_radio .active { background-position: left -40px; }
.publish_response form .has_radio .active label { color: #0084ff; }
.publish_response form .has_checkbox { position: relative; top: 0; left: 335px; width: 215px; }
.publish_response form .has_checkbox h2 { color: #666; font-size: 12px; font-weight: bold; margin: 0; width: 215px; }
.publish_response form .has_checkbox h2 label { margin: 0; width: 205px; text-align: left; background: url(/css/cssimg/form/checkbox.png) right 5px no-repeat; }
.publish_response form .has_checkbox h2 .active { background-position: right -36px; color: #0084ff; }
.publish_response form #submit { width: 134px; height: 80px; cursor: pointer; outline: none; }
.publish_response form #submit span { width: 134px; height: 80px; }
.publish_response form #submit span span { background: url(/css/cssimg/form/send.png) no-repeat; }
.publish_response form #submit:hover span span { background-position: 0 -80px; }
.has_js .publish_response form .has_checkbox input, .has_js .publish_response form .has_radio input { position: absolute; left: -9999px; }
.publish_response #company_response_fields { margin: -25px 0 0 0; clear: both; padding: 30px 20px 20px 0; }
.has_js .publish_response #company_response_fields { display: none; }
.has_js .publish_response #company_response_fields.active { display: block; background: url(/css/cssimg/form/company_response_fields.png) 125px 10px no-repeat; }
.publish_response #company_response_fields .field { zoom: 1; *margin-bottom: 10px; }
.publish_response .publish_response_main_title { width: 400px; height: 59px; margin: 0 0 10px 325px; }
.publish_response .publish_response_main_title span { background: url(/css/cssimg/form/publish_response_main_title.png) no-repeat; }
.publish_response span { left: auto; right: 0; }
.publish_response .error { display: block; width: 330px; font-size: 10px; padding: 0; color: red; margin-bottom: -10px; font-style: italic; }
.publish_response .your_info { height: 23px; }
.publish_response .your_info span { width: 152px; height: 23px; background: url(/css/cssimg/form/your_info.png) no-repeat; }
.publish_response .name { height: 30px; }
.publish_response .name span { width: 123px; height: 30px; background: url(/css/cssimg/form/name.png) no-repeat; }
.publish_response .email { height: 30px; }
.publish_response .email span { width: 80px; height: 30px; background: url(/css/cssimg/form/email.png) no-repeat; }
.publish_response .phone { height: 30px; }
.publish_response .phone span { width: 95px; height: 30px; background: url(/css/cssimg/form/phone.png) no-repeat; }
.publish_response .company_name { height: 30px; }
.publish_response .company_name span { width: 116px; height: 30px; background: url(/css/cssimg/form/company_name.png) no-repeat; }
.publish_response .role { height: 30px; }
.publish_response .role span { width: 124px; height: 30px; background: url(/css/cssimg/form/role.png) no-repeat; }
.publish_response .answer_to { height: 23px; }
.publish_response .answer_to span { width: 248px; height: 23px; background: url(/css/cssimg/form/answer_to.png) no-repeat; }
.publish_response .source_publication_name { height: 30px; }
.publish_response .source_publication_name span { width: 276px; height: 30px; background: url(/css/cssimg/form/source_publication_name.png) no-repeat; }
.publish_response .source_name { height: 30px; }
.publish_response .source_name span { width: 249px; height: 30px; background: url(/css/cssimg/form/source_name.png) no-repeat; }
.publish_response .source_date { height: 30px; }
.publish_response .source_date span { width: 122px; height: 30px; background: url(/css/cssimg/form/source_date.png) no-repeat; }
.publish_response .answer_how { height: 23px; }
.publish_response .answer_how span { width: 289px; height: 23px; background: url(/css/cssimg/form/answer_how.png) no-repeat; }
.publish_response .success { margin-left: 325px; }
/* Paginacija */
#content .listing .grid_h_4 .pagination .inner:hover { background: none; }
#content .listing .grid_h_4 .pagination .inner { cursor: default; }
.pagination { padding-bottom: 30px; }
.pagination .inner { position: relative; float: left; left: 49%; margin: 0 auto; }
.pagination .prev { width: 87px; height: 30px; text-align: right; }
.pagination .prev span { background: url(/css/cssimg/assets/prev.png) no-repeat; }
.pagination .next { width: 81px; height: 30px; }
.pagination .next span { background: url(/css/cssimg/assets/next.png) no-repeat; }
.pagination a { color: #0084ff; outline: none; }
.pagination strong { display: block; font-size: 24px; background: #0084ff; padding: 3px 10px 3px; color: #fff; }
.pagination .prev, .pagination .next, .pagination strong { float: left; right: 50%; position: relative; }
/* Static pages */
.static { zoom: 1; margin-top: 30px; padding-top: 20px; background: url(/css/cssimg/assets/static_border_top.png) -15px 0 no-repeat; }
.static .ml_custom { _margin-left: 20px !important; }
.static .grid_4 ol { list-style-type: decimal; list-style-position: outside; margin-left: 35px; }
.static .grid_4 ol li { margin-bottom: 10px; }
.static .grid_4 ol li ul { margin: 10px 0 0 20px; padding-bottom: 0; }
.static .grid_4 ul { list-style-type: disc; list-style-position: outside; margin-left: 20px; }
.static .grid_4 ul li { margin-bottom: 10px; }
.static h1.glevin { width: 285px; height: 0; padding-top: 30px; right: -10px; _right: -11px; }
.static h1 { color: #fff; font-size: 24px; text-transform: uppercase; text-align: right; line-height: 24px; }
.impressum h1 span { background: url(/css/cssimg/titles/impressum_big.png) right no-repeat; right: 0; left: auto; height: 30px; }
.o_projektu h1 span { background: url(/css/cssimg/titles/oprojektu_big.png) right no-repeat; right: 0; left: auto; height: 30px; }
.uvjeti h1 span { background: url(/css/cssimg/titles/uvjeti_big.png) right no-repeat; right: 0; left: auto; height: 30px; }
.privatnost h1 span { background: url(/css/cssimg/titles/privatnost_big.png) right no-repeat; right: 0; left: auto; height: 30px; }
.cjenik h1 span { background: url(/css/cssimg/titles/cjenik_big.png) right no-repeat; right: 0; left: auto; height: 30px; }
/* Footer */
#footer { zoom: 1; clear: both; background: url(/css/cssimg/layout/footer.png) 50% 0 no-repeat; position: relative; margin-top: -268px; height: 268px; }
.copyright { width: 207px; height: 16px; left: 325px; font-size: 5px; }
.copyright span { background: url(/css/cssimg/layout/copyright_new.png) no-repeat; }
.static_nav { width: 295px; text-align: right; *margin-top: -5px; }
.static_nav li { margin-bottom: 20px; height: 13px; padding-top: 2px; }
.static_nav span { cursor: pointer; }
.static_nav .o_projektu a { width: 285px; height: 11px; }
.static_nav .o_projektu span { background: url(/css/cssimg/titles/oprojektu.png) right no-repeat; right: 0; left: auto; }
.static_nav .impressum a { width: 285px; height: 11px; }
.static_nav .impressum span { background: url(/css/cssimg/titles/impressum.png) right no-repeat; }
.static_nav .uvjeti a { width: 285px; height: 13px; }
.static_nav .uvjeti { height: 13px; }
.static_nav .uvjeti span { background: url(/css/cssimg/titles/uvjeti.png) right no-repeat; }
.static_nav .privatnost a { width: 285px; height: 13px; }
.static_nav .privatnost span { background: url(/css/cssimg/titles/privatnost.png) right no-repeat; }
.static_nav .cjenik a { width: 285px; height: 13px; }
.static_nav .cjenik span { background: url(/css/cssimg/titles/cjenik.png) right no-repeat; }
* html #footer .ml_custom { _margin-left: 20px !important; }
.about { width: 104px; height: 12px; }
.about span { background: url(/css/cssimg/titles/sto_je_moj_odgovor.png) no-repeat; }
.who { width: 105px; height: 10px; }
.who span { background: url(/css/cssimg/titles/kome_je_namijenjen.png) no-repeat; }
.publish { width: 305px; height: 65px; float: right; margin-top: -50px; outline: none; cursor: pointer; }
.publish span { background: url(/css/cssimg/buttons/objavite_svoj_odgovor.png) no-repeat; }
.publish:hover span { background-position: left bottom; }
.contact_us { width: 165px; height: 50px; outline: none; cursor: pointer; margin-left: -7px; }
.contact_us span { background: url(/css/cssimg/buttons/contact_us.png) no-repeat; }
.contact_us:hover span { background-position: left bottom; }
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/css/cssimg/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(/css/cssimg/colorbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(/css/cssimg/colorbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(/css/cssimg/colorbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(/css/cssimg/colorbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(/css/cssimg/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/css/cssimg/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/css/cssimg/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/css/cssimg/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-top:28px; }
#cboxLoadedContent #whole { width: 600px; margin: 0 auto; }
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/css/cssimg/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/css/cssimg/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/css/cssimg/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(/css/cssimg/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top: 0; right: 0; background:url(/css/cssimg/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
.has_parent #cboxClose { left: 0; right: auto; background: none; text-indent: 0; width: 150px; font-weight: bold; color: #0084ff; font-size: 13px; padding-top: 5px; }
#cboxClose.hover{background-position:-25px -25px;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/cssimg/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/cssimg/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/cssimg/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/cssimg/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/cssimg/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/cssimg/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/cssimg/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/cssimg/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}