/*****************************************
    CSS file for Moja Rijeka
    Copyright (c) web.burza.hr
*****************************************/

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; 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; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
body     { text-align: center; background: #616161 url(/css/cssimg/bg/site_default_dark.jpg); color: black; }
#header  { background: #444 url(/css/cssimg/bg/header.jpg) repeat-x; }
    #header_content { height: 95px; padding-top: 79px; position: relative; }
    #nav_user, #user_subs, #user_actions { margin-top: 15px; float: left; _display:inline; }
    #nav_user { width: 660px; }
        #nav_user.logged_in { width: 580px; }
    #user_subs { width: 130px; margin-left: 10px; }
    #user_actions { width: 65px; }
        #user_actions .help { position: absolute; top: 30px; left: 10px; }
        #user_actions .logout { position: absolute; top: 5px; right: 0; }
    #service_info { width: 150px; position: absolute;  top: 76px; right: 5px; background: white; border-bottom: 3px solid #01A5B9; }
        
            #service_info .data img { margin-left: -5px; }
    #nav_alt { position: absolute; left: 634px; top: 26px; padding: 0; width: 326px; }
#content { margin-top: 6.8em; }
#aside   {  }
#footer  {  }
.container_full { width: 100%; background: #fff; text-align: center; display: inline-block; }
.container      { width: 965px; padding: 5px; text-align: left; margin: 0 auto; display: inline-block; }
.grid_holder_1, .grid_holder_2, .grid_holder_3, .grid_holder_4, .grid_holder_5, .grid_holder_6, .grid_holder_7, .grid_holder_8, .grid_holder_9, .grid_holder_10, .grid_holder_11, .grid_holder_12 
{ display: inline; float: left; position: relative;  padding-bottom: 5px; }
.grid_holder_1      { width: 80px; }
.grid_holder_2      { width: 160px; }
.grid_holder_3      { width: 240px; }
.grid_holder_4      { width: 320px; }
.grid_holder_5      { width: 400px; }
.grid_holder_6      { width: 480px; }
.grid_holder_7      { width: 560px; }
.grid_holder_8      { width: 640px; }
.grid_holder_9      { width: 720px; }
.grid_holder_10     { width: 800px; }
.grid_holder_11     { width: 880px; }
.grid_holder_12     { width: 965px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 
{ display: inline; float: left; position: relative; margin: 15px 5px 0;  }
.grid_1         { width: 70px; }
.grid_2         { width: 150px; }
.grid_3         { width: 230px; }
.grid_4         { width: 310px; }
.grid_5         { width: 390px; }
.grid_6         { width: 470px; }
.grid_7         { width: 550px; }
.grid_8         { width: 630px; }
.grid_9         { width: 710px; }
.grid_10        { width: 790px; }
.grid_11        { width: 870px; }
.grid_12        { width: 950px; }
.grid_right     { float: right; }
.push_l_1       { margin-left: 85px; }
.push_l_2       { margin-left: 165px; }
.push_l_3       { margin-left: 245px; }
.push_l_4       { margin-left: 325px; }
.push_l_5       { margin-left: 405px; }
.push_l_6       { margin-left: 485px; }
.push_l_7       { margin-left: 565px; }
.push_l_8       { margin-left: 645px; }
.push_l_9       { margin-left: 725px; }
.push_l_10      { margin-left: 805px; }
.push_l_11      { margin-left: 885px; }
    
       
.indent_l_1       { margin-left: -80px; }
.indent_l_2       { margin-left: -160px; }
.indent_l_3       { margin-left: -240px; }
.indent_l_4       { margin-left: -320px; }
.indent_l_5       { margin-left: -400px; }
.indent_l_6       { margin-left: -480px; }
.indent_l_7       { margin-left: -560px; }
.indent_l_8       { margin-left: -640px; }
.indent_l_9       { margin-left: -720px; }
.indent_l_10      { margin-left: -800px; }
.indent_l_11      { margin-left: -880px; }
.grid_half  { width: 50%; }
.grid_third { width: 33.333%; }
.grid_quart { width: 25%; }
.w_10   { width: 10%; }
.w_14   { width: 14%; }
.w_15   { width: 15%; }
.w_20   { width: 20%; }
.w_25   { width: 25%; }
.w_30   { width: 30%; }
.w_33   { width: 33%; }
.w_35   { width: 35%; }
.w_40   { width: 40%; }
.w_45   { width: 45%; }
.w_50   { width: 50%; }
.w_55   { width: 55%; }
.w_60   { width: 60%; }
.w_65   { width: 65%; }
.w_70   { width: 70%; }
.w_75   { width: 75%; }
.w_80   { width: 80%; }
.w_85   { width: 85%; }
.w_90   { width: 90%; }
.w_100  { width: 100%; }
.p_0  { padding: 0; zoom:1; }
.p_xs { padding: 1px; zoom:1; }
.p_s { padding: 3px; zoom:1; }
.p_m { padding: 10px; zoom:1; }
.p_l { padding: 15px; zoom:1; }
.pv_0  { padding-top: 0; padding-bottom: 0; }
.pv_xs { padding-top: 1px; padding-bottom: 1px; }
.pv_s { padding-top: 3px; padding-bottom: 3px; }
.pv_m { padding-top: 10px; padding-bottom: 10px; }
.pv_l { padding-top: 15px; padding-bottom: 15px; }
.ph_0  { padding-left: 0; padding-right: 0; }
.ph_xs { padding-left: 1px; padding-right: 1px; }
.ph_s { padding-left: 3px; padding-right: 3px; }
.ph_m { padding-left: 10px; padding-right: 10px; }
.ph_l { padding-left: 15px; padding-right: 15px; }
.pt_0  { padding-top: 0 !important; }
.pt_xs { padding-top: 1px !important; }
.pt_s { padding-top: 3px !important; }
.pt_m { padding-top: 10px !important; }
.pt_l { padding-top: 15px !important; }
.pt_xl { padding-top: 30px !important; }
.pr_0  { padding-right: 0 !important; }
.pr_xs { padding-right: 1px !important; }
.pr_s { padding-right: 3px !important; }
.pr_m { padding-right: 10px !important; }
.pr_l { padding-right: 15px !important; }
.pr_xl { padding-right: 30px !important; }
.pb_0  { padding-bottom: 0 !important; }
.pb_xs { padding-bottom: 1px !important; }
.pb_s { padding-bottom: 3px !important; }
.pb_m { padding-bottom: 10px !important; }
.pb_l { padding-bottom: 15px !important; }
.pl_0  { padding-left: 0 !important; }
.pl_xs { padding-left: 1px !important; }
.pl_s { padding-left: 3px !important; }
.pl_m { padding-left: 10px !important; }
.pl_l { padding-left: 15px !important; }
.pl_xl { padding-left: 30px !important; }
.va_top { vertical-align: top !important; }
.va_mid { vertical-align: middle !important; }
.va_btm { vertical-align: bottom !important; }
.m_0  { margin: 0; }
.m_xs { margin: 1px; }
.m_s { margin: 3px; }
.m_m { margin: 10px; }
.m_l { margin: 15px; }
.mv_0  { margin-top: 0; margin-bottom: 0; }
.mv_xs { margin-top: 1px; margin-bottom: 1px; }
.mv_s { margin-top: 3px; margin-bottom: 3px; }
.mv_m { margin-top: 10px; margin-bottom: 10px; }
.mv_l { margin-top: 15px; margin-bottom: 15px; }
.mh_0  { margin-left: 0; margin-right: 0; }
.mh_xs { margin-left: 1px; margin-right: 1px; }
.mh_s { margin-left: 3px; margin-right: 3px; }
.mh_m { margin-left: 10px; margin-right: 10px; }
.mh_l { margin-left: 15px; margin-right: 15px; }
.mt_0  { margin-top: 0 !important; }
.mt_xs { margin-top: 1px !important; }
.mt_s { margin-top: 3px !important; }
.mt_m { margin-top: 10px !important; }
.mt_l { margin-top: 15px !important; }
.mt_l_neg { margin-top: -15px !important; }
.mr_0  { margin-right: 0 !important; }
.mr_xs { margin-right: 1px !important; }
.mr_s { margin-right: 3px !important; }
.mr_m { margin-right: 10px !important; }
.mr_l { margin-right: 15px !important; }
.mb_0  { margin-bottom: 0 !important; }
.mb_xs { margin-bottom: 1px !important; }
.mb_s { margin-bottom: 3px !important; }
.mb_m { margin-bottom: 10px !important; }
.mb_l { margin-bottom: 15px !important; }
.ml_0  { margin-left: 0 !important; }
.ml_xs { margin-left: 1px !important; }
.ml_s { margin-left: 3px !important; }
.ml_m { margin-left: 10px !important; }
.ml_l { margin-left: 15px !important; }
.ml_xl { margin-left: 30px !important; }
.btop { border-top: 1px solid #a3faff; }
.btop_light { border-top: 3px solid #fff; }
.btop_alt { border-top: 1px solid #e6e6e6; }
.btop_user { border-top: 1px solid #e78d13; }
.bbtm { border-bottom: 1px solid #a3faff; }
.bbtm_alt { border-bottom: 1px solid #e6e6e6; }
.bright_alt { border-right: 1px solid #e6e6e6; }
.brad { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.brad_left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.brad_right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.boxed { border: 1px solid #d9d9d9; zoom:1; }
.mod {  position: relative; _zoom:1; }
    
    .masthead { background: black; }
        .masthead a { outline: 0; }
        .masthead .hd { height: 320px; }
            .masthead .hd img { position: absolute; top: 0; }
        .masthead .bd { position: relative; }
            .masthead .bd div { position: absolute; bottom: 10px; _bottom: 0; width: 100%; }
            .masthead .bd a { color: white; }
        .masthead .ft li a { display: block; width: 150px; height: 95px; position: relative; border-bottom: none; background: transparent url(/css/cssimg/bg/fade_top.png) repeat-x left top; cursor: pointer; _background-image:none; }
            .masthead .ft li a.bg_dark_smoke { background: url(/css/cssimg/bg/hd_smoke.png); } 
            .masthead .ft li a.active, .masthead .ft li a:focus { border: 4px solid #01a5b9; width: 142px; height: 87px; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/css/cssimg/bg/hd_smoke.png', sizingMethod='scale'); }
            
            .masthead li a .category, .masthead li a .subtitle { position: absolute; }
            .masthead li a .category { top: -9999px; background-color: #01a5b9; }
            .masthead li a .subtitle { left: -9999px; }
            .masthead .ft li a.active .category { top: -4px; right: -4px; padding: 5px; }
            .masthead .ft li a.active .subtitle { bottom: 0; left: 0; padding: 10px 10px 5px; }
            
    
    .featured {  }
        .featured .bd { padding-top: 180px; }
        .featured .image { position: absolute; left: 0; top: 0; }
    
    .sidebar { margin-top: 0; }
        .sidebar .hd { padding: 0 15px 15px; }
            
            .sidebar .hd h2 {
                border: 1px solid #fff; _border-bottom-width:0 !important;
                -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
                box-shadow: 0px 2px 1px #0e3b50; -moz-box-shadow: 0px 2px 1px #0e3b50; -webkit-box-shadow: 0px 2px 1px #0e3b50;
                padding: 7px 10px;
                background-color: #fcfcfc; background-image: url(/css/cssimg/gradient_small_bkg.png); background-position: 0 100%; background-repeat: repeat-x;
                text-shadow: 0 0 1px #fff;
                color: #000 !important; zoom:1;
                }
                .sidebar .hd_dark h2 {
                    border: 1px solid #242424;
                    background-color: #151515;  
                    color: #fff !important;
                    text-shadow: 0 0 1px #000;
                }
                .sidebar .hd_user h2 {
                    border: 1px solid #3fa7b3;
                    background-color: #00adc2;
                    color: #fff !important; 
                    text-shadow: 0 0 1px #08525a;
                }
            .sidebar .hd .action { display: block; padding-right: 20px; background-image: url(/css/cssimg/icon_minus_plus.gif); background-repeat: no-repeat; background-position: 100% 4px; border-bottom: none; cursor: pointer; }
                .sidebar .hd_dark .action { background-image: url(/css/cssimg/icon_minus_plus_alt.gif); }
            .sidebar .hd span.action_btn_close { background-position: 100% -48px; }
        .sidebar .bd { padding: 0 15px 15px; }    
     
        
        .sidebar_wide {  }
            .sidebar_wide .hd { padding: 0; }
            .sidebar_wide .bd { padding: 15px; }
            
            .tabbed_content { _zoom:1; width: 100%; }
.baloon { display: none; z-index: 10000; text-align: left; width: 15em;
          border: 1px solid #bababa; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
          padding: 3px 2px 2px; background: white url(/css/cssimg/baloon.png) repeat-x left top;
          box-shadow: 0px 4px 3px #bdbdbd; -moz-box-shadow: 0px 4px 3px #bdbdbd; -webkit-box-shadow: 0px 4px 3px #bdbdbd; }
    .baloon ul { background: transparent url(/css/cssimg/baloon_pointer.png) no-repeat 5px bottom; padding: 0 0 20px 0; position: relative; top: 17px; _top:16px; margin-top: -17px; zoom:1; }
        .baloon ul li a { display: block; padding: 3px 10px; font-size: 11px; line-height: 15px; border-bottom: 0; zoom:1; }
            .baloon ul li a:hover, .baloon ul li a:focus { display: block; padding: 2px 9px; border: 1px solid #dedede; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: white url(/css/cssimg/baloon_item.png) repeat-x left bottom; }
        .baloon ul li a span { display: block; cursor: pointer; zoom:1; }
            .baloon ul li a.act_do { color: #008190; }
            .baloon ul li a.act_undo { color: #008190; }
                .baloon ul li a.act_do span, .baloon ul li a.act_undo span { display: block; padding-left: 12px; background: transparent url(/css/cssimg/icon_act4.gif) no-repeat left -49px;  }
                .baloon ul li a.act_undo span { background-position: left 2px; }
.city_parking_frame { display: block; height: 195px; position: relative; background: transparent url(/css/cssimg/cm_border.png) no-repeat; z-index: 2; }
.city_parking_map { height: 195px; position: relative; }
    .city_parking_map .img_camera { position: absolute; left: 0; top: 0; z-index: 1; background: url(/images/no_feed.png); }
    .city_parking_map p { position: absolute; left: 0; bottom: 10px; z-index: 2; width: 242px; }
    .city_parking_map .img_map { float: right; }
    
#profile_box { padding: 0 0 0 15px; float: left; }
    #profile_box a, #profile_box .avatar { background: transparent url(/css/cssimg/bg_my_profile.png) no-repeat left top; display: block; border-bottom: none; width: 110px; height: 55px; }
        #profile_box .avatar { width: 55px; }
        #profile_box a:hover, #profile_box a:focus { background-position: right top; outline: 0; }
        #profile_box a img, #profile_box .avatar { padding: 7px 0 0 7px; }
        #profile_info { padding-top: 20px; padding-left: 88px !important; color: #e2fcff !important; }
#service_info .bd { min-height: 77px; height: auto !important; _height: 77px; }
.customize_info         { position: relative; z-index: 4; min-height: 142px; height: auto !important; _height:142px; zoom:1; }
.site_tour              { position: relative; z-index: 4; min-height: 102px; height: auto !important; _height:102px; zoom:1; }
.customize_eagle        { height: 100%; _height: 120px; width: 117px; background-position: 15px 15px !important; z-index: 3; }
.customize_percentage   { height: 100%; z-index: 2; }
.structural       { position: absolute !important; left: -9999px !important; height: 1px !important; }
.structural_alt   { position: absolute !important; left: -9999px !important; top: -9999px !important; height: 1px !important; }
.has_js .no_flash_msg { position: absolute !important; left: -9999px !important; height: 1px !important; }
.hide             { display: none !important; }
.clearfix:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix         { display: inline-block; }
.clear            { clear: both; }
.contain          { overflow: hidden; zoom:1; }
.block            { display: block !important; zoom:1; }
.iblock           { display: inline-block !important; _display:inline !important; *display:inline !important; zoom:1; }
.inline           { display: inline !important; }
.left             { float: left !important; _display:inline !important; }
.center           { display: block; margin: 0 auto; }
.right            { float: right !important; _display:inline !important; }
.highlight        { background: #fffca9 !important; color: black !important; font-weight: bold !important; font-style: normal !important; padding: .1em .2em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url(/css/cssimg/gradient_big.png) !important; background-repeat: repeat-x !important; background-position: 0 100% !important; _background-image: none !important; }
.strong           { font-weight: bold !important; }
.normal           { font-weight: normal !important; }
.em               { font-style: italic !important; }
.up               { text-transform: uppercase !important; }
.low              { text-transform: lowercase !important; }
.text_right       { text-align: right !important; }
.text_center      { text-align: center !important; }
.absolute         { position: absolute; top: 0; left: 0; }
.relative         { position: relative; }
.fade             { color: #8c8c8c; }
.required         { color: #ff0000; }
.glevin 
    { position: relative; overflow: hidden; display: block; zoom:1; }
    .glevin span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.phark 
    { text-indent: -9999px; display: block; overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    .phark_IE6 
        { _text-indent:0; _overflow:visible; _width:auto !important; _background:none !important; }
.phark_inline { text-indent: -9999px; display: inline-block; *display:inline; _display:inline; zoom:1; overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote { padding: 10px 15px; }
h1, h2, h3, h4, h5, h6 { padding-bottom: 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 10px 0; }
p + p { padding-top: 0; }
body, input, textarea, button, .h3, .h4, .h5, .h6, .article h4, .article .h4, .sidebar .h4, #nav_filter, h1.p, .xlarge { font-family: Arial, Freesans, sans-serif; }
h1, .h1, .article h2, .article .h2, h3, .h3, h4, .h4, .callout { font-family: Georgia, "Times New Roman", Times, serif; }
h2, .h2 { font-family: "Arial Black", Gadget, Arial, sans-serif; }
code { font-family: Consolas, Menlo, Monaco, "Liberation Mono", "Courier New", monospace; }
a { text-decoration: none; color: #008190; }
a:active, a:hover, a:focus { border-bottom: 2px solid #00e4ff; }
a:active { outline: none; }
.link_invert a, a.link_invert { border-bottom: 2px solid #00e4ff; }
    .link_invert a:hover, a.link_invert:hover, .link_invert a:focus, a.link_invert:focus { border-bottom: none; }
a.external { padding-right: 16px; background: transparent url(/css/cssimg/link_external.png) no-repeat right top; }
a.share_fb, a.share_tw { padding-left: 22px; background: transparent url(/css/cssimg/ico/facebook.png) no-repeat 1px center !important;  }
a.share_tw { background-image: url(/css/cssimg/ico/twitter.png) !important; }
.clr_river a, a.clr_river { color: #03b4c9; }
.clr_river a:hover, .clr_river a:active, .clr_river a:focus, a.clr_river:hover, a.clr_river:active, a.clr_river:focus { color: #fff; border-bottom: none; }
.clr_river_alt a, a.clr_river_alt { color: #00e5ff; }
.clr_river_alt a:hover, .clr_river_alt a:active, .clr_river_alt a:focus, a.clr_river_alt:hover, a.clr_river_alt:active, a.clr_river_alt:focus { color: #fff; border-bottom: none; }
.clr_light a, a.clr_light { color: #fff; }
.clr_light a:hover, .clr_light a:active, .clr_light a:focus, a.clr_light:hover, a.clr_light:active, a.clr_light:focus { color: #01a5b9; border-bottom: none; }
.clr_user a, a.clr_user { color: #ffa831; }
.clr_user a:hover, .clr_user a:active, .clr_user a:focus, a.clr_user:hover, a.clr_user:active, a.clr_user:focus { color: #01a5b9; border-bottom: none; }
.clr_dark a, a.clr_dark { color: #000; }
.clr_dark a:hover, .clr_dark a:active, .clr_dark a:focus, a.clr_dark:hover, a.clr_dark:active, a.clr_dark:focus { color: #01a5b9; border-bottom: none; }
.link_clean a, a.link_clean { border-bottom: none !important; }
.link_user { padding-left: 10px; background: url(/css/cssimg/icon_user_link.gif) 0 50% no-repeat; }
.link_rss  { padding-left: 15px; background: url(/css/cssimg/icon_rss_link.gif) 0 50% no-repeat; }
a.burza { width: 7px; height: 8px; background-image: url(/css/cssimg/logo_burza.png); }
a.gmap { width: 39px; height: 30px; background-image: url(/css/cssimg/icon_map.png); }
a.tags { width: 42px; height: 33px; background-image: url(/css/cssimg/btn_tags.png); }
    a.tags:hover, a.tags:focus { background-position: right top; outline: 0; }
a.districts { width: 92px; height: 33px; background-image: url(/css/cssimg/btn_districts.png); }
    a.districts:hover, a.districts:focus { background-position: right top; outline: 0; }
a.e_services { width: 57px; height: 33px; background-image: url(/css/cssimg/btn_e_services.png); }
    a.e_services:hover, a.e_services:focus { background-position: right top; outline: 0; }
a.service_info { width: 75px; height: 33px; background-image: url(/css/cssimg/btn_service_info.png); }
    a.service_info:hover, a.service_info:focus { background-position: right top; outline: 0; }
a.logout { width: 28px; height: 60px; background-image: url(/css/cssimg/btn_logout.png); }
a.help { width: 18px; height: 20px; background-image: url(/css/cssimg/btn_help.png); }
a.logout:hover, a.logout:focus, a.help:hover, a.help:focus { background-position: right top; outline: 0; }
a.follow { position: absolute; right: 0; bottom: 0; width: 71px; height: 20px; background: url(/css/cssimg/icon_follow.png) no-repeat; }
    .boxed_list li:hover a.follow, a.follow:hover, a.follow:active, a.follow:focus { background-position: 0 -20px; }
.arrow { background: transparent url(/css/cssimg/arrow.png) no-repeat left center; padding-left: 15px; }
.btn {
    text-align: center; display: inline-block; padding: 4px 8px; font-size: 10px; line-height: 10px; font-weight: bold; text-transform: uppercase; border-bottom: 0 !important;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
    box-shadow: 0 2px 1px #0e3b50; -moz-box-shadow: 0 2px 1px #0e3b50; -webkit-box-shadow: 0 2px 1px #0e3b50;
    background-color: #00adc2; background-image: url(/css/cssimg/gradient_small_bkg.png); _background-image:none; background-repeat: repeat-x; background-position: 0 100%; 
    color: #fff; text-shadow: 0 0 1px #222; outline: 0;
    }
    .btn span { cursor: pointer; }
    
    .btn:hover, .btn:active, .btn:focus { color: #4b4b4b; background-color: #fff; _background-color:#ccc; text-shadow: 0 0 1px #fff; }
    
           
    .btn_invert { color: #4b4b4b; background-color: #fff; _background-color:#ccc; text-shadow: 0 0 1px #fff; } 
        .btn_invert:hover, .btn_invert:active, .btn_invert:focus { color: #fff; background-color: #00adc2; text-shadow: 0 0 1px #222; }
        
    .btn_delete { background-color: #aa0000; } 
        .btn_delete:hover, .btn_delete:active, .btn_delete:focus { background-color: #5c0000; color: #fff; text-shadow: 0 0 1px #222; }
    .btn_filter { color: #ddd; background-color: #333; text-shadow: 0 0 1px #000; font-weight: bold; box-shadow: 0 2px 1px #0e3b50; -moz-box-shadow: 0 2px 1px #0e3b50; -webkit-box-shadow: 0 2px 1px #0e3b50; } 
        .btn_filter:hover, .btn_filter:active, .btn_filter:focus { color: #fff; background-color: #00adc2; text-shadow: 0 0 1px #222; }
    
        
        .btn_disabled, .btn_disabled:hover, .btn_disabled:active { color: #aaa; background-color: #fff; text-shadow: 0 0 1px #eee; cursor: auto; box-shadow: 0 2px 1px #0e3b50; -moz-box-shadow: 0 2px 1px #0e3b50; -webkit-box-shadow: 0 2px 1px #0e3b50; }
    
    
    .btn_s { padding: 4px 8px !important; font-size: 10px !important; line-height: 10px !important; }
    .btn_m { font-size: 11px; padding: 7px 10px; }
        button.btn_m { padding: 5px 10px; }
    
    
    .btn_active, .btn_active:hover, .btn_active:active { color: #fff; background-color: #151515; background-image: url(/css/cssimg/gradient_small_alt_bkg.png); _background-image: none; background-position: 0 0; text-shadow: 0 0 1px #222; }
    
    
    .btn_filter_active, .btn_filter_active:hover, .btn_filter_active:active, .btn_filter_active:focus { color: #fff !important; background-color: #151515 !important; background-image: url(/css/cssimg/gradient_small_alt_bkg.png); _background-image:none !important; background-position: 0 0 !important; text-shadow: 0 0 1px #222 !important; }
        
        
        
        a.btn_follow { padding: 10px; text-align: left; }
        .btn_follow span { background: transparent url(/css/cssimg/icon_user.png) no-repeat left center; display: block; padding-left: 17px; }
        .btn_login span { background: transparent url(/css/cssimg/icon_login.png) no-repeat left center; padding-left: 13px; }
        .btn_register span { background: transparent url(/css/cssimg/icon_register.png) no-repeat left center; padding-left: 15px; }
.subscription a { padding: 8px 7px; display: block; margin-bottom: 1px; }
a.tag { padding: 4px 7px; background: #e8e8e8 url(/css/cssimg/bg_tag.png) repeat-x right top; border: 2px solid #ccc !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; } 
a.tag:hover, a.tag:active, a.tag:focus { border: 2px solid #777; }
.subscription span { padding: 8px 7px; display: block; }
.subscription a span { background-image: url(/css/cssimg/icon_act4.gif); background-repeat: no-repeat; padding: 0 0 0 12px; }
.subscription .subscribed span, .subscription .act_undo span { background-position: 0 -47px; color: #01a5b9; }
.subscription .unsubscribed span, .subscription .act_do span { background-position: 0 4px; color: gray; }
.btn_like span { background-image: url(/css/cssimg/icon_like.png); background-repeat: no-repeat; padding-left: 14px; }
.btn_like .act_do span { background-position: 0 -47px; }
.btn_like .act_undo span { background-position: 0 1px; }
.comment_delete { position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; background: url(/css/cssimg/icon_erase.gif) 5px 5px no-repeat; text-indent: -9999px; }
.comment_delete:hover, .comment_delete:active, .comment_delete:focus { background-position: 5px -45px; }
#nav a { text-align: center; display: inline-block; padding: 8px 5px; font-size: 11px; line-height: 11px; font-weight: bold; color: #fff; border-bottom: none; }
    #nav a:hover, #nav a:active, #nav a:focus, #nav .active a {
        -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
        
        box-shadow: 0 2px 1px #222; -moz-box-shadow: 0 2px 1px #222; -webkit-box-shadow: 0 2px 1px #222;
        
        text-shadow: 0 0 1px #111;
        background-image: url(/css/cssimg/gradient_small_bkg.png); _background-image:none; background-position: 0 100%; background-repeat: repeat-x;    
        background-color: #00adc2; outline: 0; }
        #nav .active a { color: #036975; background-color: #fff; _background-color: #ccc; text-shadow: 0 0 1px rgba(255, 255, 255, 0.75); }
.user_breadcrumbs { padding: 17px 0 5px 85px; position: relative; min-height: 47px; height: auto !important; _height:47px; zoom:1; position: relative; }
    .user_breadcrumbs .image { position: absolute; top: 6px; left: 15px; }
    
    .user_breadcrumbs_narrow { width: 300px; }
  
.has_js .tab_content { display: none; }
h1, .h1 { font-size: 24px; font-weight: normal; line-height: 24px !important; color: black !important; text-transform: none !important; }
    .article h1, .article .h1 { font-size: 36px; font-weight: normal; line-height: 36px !important; color: black !important; text-transform: none !important; }
h2, .h2 { font-size: 12px; font-weight: normal; line-height: 13px !important; color: black !important; text-transform: uppercase !important; }
    .article_body h2, .article_body .h2 { font-size: 18px; font-weight: bold; line-height: 20px !important; color: black !important; text-transform: none !important; }
h3, .h3 { font-size: 18px; font-weight: normal; line-height: 21px !important; color: black !important; text-transform: none !important; }
h4, .h4 { font-size: 14px; font-weight: normal; line-height: 15px !important; color: black !important; text-transform: none !important; }
    .article .h4, .article_body h4, .article_body .h4 { text-transform: uppercase !important; color: #01a5b9 !important; }
h5, .h5 { font-size: 12px; font-weight: bold; line-height: 14px !important; color: black !important; text-transform: uppercase !important; }
h6, .h6 { font-size: 10px; font-weight: normal; line-height: 13px !important; color: black !important; text-transform: uppercase !important; }
.h_bookmark { -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px;
            -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px;
            border-top-left-radius: 2px; border-top-right-radius: 2px;
            background-image: url(/css/cssimg/bg_bookmark.png); background-repeat: repeat-x; background-position: left bottom; _background-image: none;
            float: right; }
    .hd_bookmark { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); *position: absolute; *top: 15px; *left: -3.4em; }
    .csstransforms .hd_bookmark { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: relative; top: 30.5em; left: -32.4em; margin-bottom: -.5em; }
    
    .h_user_tools { background: transparent url(cssimg/icon_tools.png) no-repeat left top; width: 58px; height: 61px; position: absolute; left: -49px; top: 15px; _display: none !important; }
    .h_comments { background: transparent url(cssimg/hd/comments.png) no-repeat left top; width: 134px; height: 31px; }
        #comment_count { color: red; }
    .h_photo_gallery { background: transparent url(cssimg/hd/photo_gallery.png) no-repeat left top; width: 136px; height: 23px; }
    
        
        .h_e_serv { width: 295px; height: 150px; margin-right: 10px; padding: 0; float: left; margin-bottom: 10px; }
            .h_e_serv h2 { padding: 0; }
            .h_e_serv a { display: block; width: 295px; height: 150px; }
                .h_e_serv a span { cursor: pointer; }
            .h_e_serv_l { width: 600px; }
                .h_e_serv_l a { width: 600px; }
            
            .h_city_plan span       { background: transparent url(cssimg/banners/interaktivni_plan_grada.jpg) 0 0 no-repeat; }
            .h_ortofoto span        { background: transparent url(cssimg/banners/interaktivni_ortofoto.jpg) 0 0 no-repeat; }
            .h_urbanistic_plan span { background: transparent url(cssimg/banners/urbanisticki_plan.jpg) 0 0 no-repeat; }
            .h_streets span         { background: transparent url(cssimg/banners/ulice_rijeke.jpg) 0 0 no-repeat; }
            .h_noise span           { background: transparent url(cssimg/banners/karte_buke.jpg) 0 0 no-repeat; }
            .h_school_info span     { background: transparent url(cssimg/banners/skolski_infocentar.jpg) 0 0 no-repeat; }
            .h_ask_questions span   { background: transparent url(cssimg/banners/pitajte.jpg) 0 0 no-repeat; }            
            .h_rijeka_portal span   { background: transparent url(cssimg/banners/portal_grada_rijeke.jpg) 0 0 no-repeat; }
            .h_pay_online span      { background: transparent url(cssimg/banners/uvid_online.jpg) 0 0 no-repeat; }
            .h_construction span    { background: transparent url(cssimg/banners/uvid_predmeta.jpg) 0 0 no-repeat; }
            .h_streets_numbers span { background: transparent url(cssimg/banners/ulice_i_brojevi_rijeke.jpg) 0 0 no-repeat; }
            .h_e_services_more span { background: transparent url(cssimg/banners/vise_o_euslugama.jpg) 0 0 no-repeat; }
.invert h1, .invert .h1, .invert h2, .invert .h2, .invert h3, .invert .h3, .invert h4, .invert .h4 , .invert h5, .invert .h5, .invert h6, .invert .h6,
.invert p, .invert .p, .invert li, .invert dl, .invert label, .invert th, .invert td { color: white !important; text-shadow: 0 1px 0px black; }
.clr_light { color: #fff; }
.clr_dark { color: #000; }
.clr_user { color: #ffa831; }
.clr_river { color: #03b4c9; }
.clr_river_alt { color: #00e5ff; }
.clr_alert { color: #990000 !important; }
.user_breadcrumbs .h2 { line-height: 17px !important; }
#logo { padding: 0; width: 124px; height: 43px; font-size: 20px; line-height: 20px; font-weight: normal; letter-spacing: -.07em; position: absolute; left: 38px; top: 18px; }
    #logo span { background: url(/css/cssimg/hd/logo.png); }
    a#logo { border-bottom: none; cursor: pointer; }
p, p.h1, .p, .data li, dl.data { font-size: 12px; line-height: 17px; }
.article_body p, .article_body li { font-size: 14px; line-height: 20px; }
.xfine { font-size: 10px; line-height: 15px; }
.fine { font-size: 11px; line-height: 15px; }
.lead { font-size: 14px !important; font-style: italic; line-height: 20px; }
.time { font-size: 16px !important; font-weight: bold; line-height: 16px; }
.temp { font-size: 12px !important; font-weight: bold; line-height: 14px; text-transform: uppercase; color: #666; }
    .temp_hi { color: red; }
    .temp_lo { color: blue; }
.temp_head { font-size: 14px !important; font-weight: bold; line-height: 14px; }
.callout { font-size: 18px !important; line-height: 25px !important; margin: 10px; float: left; width: 44%; }
.xlarge { font-size: 55px !important; font-weight: bold; line-height: 55px; }
code { font-size: 11px; line-height: 14px; }
li { list-style-image: none; list-style-position: outside; list-style-type: none; }
    li a { }
ul.data li, ol.data li, .article_body li { margin-left: 30px; }
ul.data li, .article_body ul li { list-style-type: circle; }
ol.data li, .article_body ol li { list-style-type: decimal; }
.flat { overflow: hidden; _zoom:1; }
    .flat li, .flat dt, .flat dd { float: left; display: inline; padding-left: 15px; }
    .flat li.first, .flat dt { padding-left: 0; }
    .flat li.last, .flat dd { padding-right: 0; }
    .flat_ext {  } 
        .flat_ext li { border-left: 1px solid black; padding: 0 15px; }
        .flat_ext li.first { border-left: none; }
    .flat_grid {  } 
        .flat_grid li { padding-left: 0; }
        
.opposable { overflow: hidden; }
    .opposable .left, .opposable .right { width: 48%; }
    .opposable .right { text-align: right; }
    
    .unequal {  } 
        .unequal .left, .unequal .right { width: auto; }
    
    .item_announce {  } 
        .item_announce .date { width: 29%; }
        .item_announce .title { width: 70%; }
        .item_announce .prize { width: 19%; }
.opposable_alt {  }
    .opposable_alt li { display: inline-block; padding-right: 2%; padding-bottom: 10px; width: 47%; vertical-align: top; _display:inline; *display:inline; zoom:1; }
.item_wimage li { padding-left: 65px; position: relative; min-height: 60px; height: auto !important; _height:60px; zoom:1; }
    .item_wimage .image { position: absolute; top: 0; left: 0; }
    .opposable_alt_item_wimage li { width: 195px; padding: 15px 15px 10px 15px; }
    
    .image_top {  } 
        .image_top li { padding: 135px 15px 0; width: 170px; }
        
    .image_sm {  } 
        .image_sm li { padding-left: 85px; }
        
        .image_sm .image { top: 15px; left: 15px; }
        
            .image_sm_half {  } 
                .image_sm_half li { width: 200px; }
    
    .image_sidebar { }  
    .image_sidebar .image { top: 3px; left: 2px; }  
    
    .image_pagination {  } 
        .image_pagination li.right { padding-left: 0; padding-right: 67px; }
        .image_pagination li.right .image { left: auto; right: 0; }
    
    
        
        .image_activity {  } 
            .image_activity li { padding-left: 0; width: 280px; }
            .image_activity p { padding: 10px 15px 0 65px; font-size: 11px; line-height: 15px; }
                .image_activity p.has_image { padding-right: 65px; }
            .image_activity img { position: absolute; top: 3px; right: 0; padding: 4px 7px 8px 5px; background: transparent url(cssimg/bg_thumb.png) no-repeat left top; _background-image: url(/css/cssimg/bg_thumb.gif); }
            .image_activity img.avatar { right: auto; left: 2px; }
            .image_activity span { padding: 0 65px 10px; display: block; }
        
        
        .image_my_activity {  }
            .image_my_activity li {  }
            .image_my_activity img { padding: 4px 7px 8px 5px; float: right; margin-left: 15px; background: transparent url(cssimg/bg_thumb.png) no-repeat left top; _background-image: url(/css/cssimg/bg_thumb.gif); }
            .image_my_activity .avatar { float: left; margin-right: 15px; margin-left: 0; }
            .image_my_activity cite { display: block; padding: 3px 0; }
            .image_my_activity p { padding-top: 0; padding-bottom: 0; }
            
         
        .activity_calendar .my_activity { padding-left: 70px; }
        .activity_calendar li img { float: left; margin-right: 15px; }
                
        
        .image_parking { width: 218px; line-height: 11px !important; }  
            .parking_available { background: url(/css/cssimg/btn_parking_status.gif) no-repeat 100% 3px;  }
            .parking_full { background: url(/css/cssimg/btn_parking_status.gif) no-repeat 100% -47px;  }
            
        .disctrict_list { }
            .disctrict_list li { position: relative; z-index: 1; min-height: 15px; height: auto !important; _height:15px; zoom:1; }
            .disctrict_list a { position: relative; z-index: 3; }
            .article_number { height: 100%; z-index: 2; }
    
    .item_comment {  } 
        .item_comment li { padding-left: 80px; padding-right: 15px; min-height: 65px; border: 8px solid #ccc; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; }
        .item_comment .image { top: 10px; left: 10px; }
    
        .item_comment .friend { background-color: #eefbfc; }
        .item_comment .official { border-color: #29B6F1 !important; }
        .item_comment .blocked { color: #fff; border-color: #eee; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.3; }
            .item_comment .highlight { color: #000; border-color: #ccc; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }     
    .boxed_list { *padding-top: 15px; clear:both; }
        .boxed_list li { overflow: hidden; position: relative; border: 1px solid #d9d9d9; border-top: none; _overflow: visible; zoom:1; }
            .boxed_list li.first { border-top: 1px solid #d9d9d9; }
            .boxed_list li .meta { background-color: #d9d9d9; position: absolute; right: 0; top: 0; }
            
    .tag_remove a { padding-right: 10px; background: url(/css/cssimg/action_delete.gif) no-repeat 100% 2px;  }
.skipper { padding: 0; } 
    .skipper li { line-height: 0; }
    .skipper a { position: absolute; top: 0; left: -9999px; z-index: 100; width: 100%; font-size: 11px; line-height: 25px; }
    .skipper a:focus,
    .skipper a:active { display: block; position: absolute; top: 0; left: 0; width: 100%; color: white; background: #212121; text-align: center; text-transform: uppercase; outline: 0; }
.tag_list ul  { float: none; }
    .tag_list ul li { float: none; display: inline; padding: 0 5px 0 0; margin-right: 0; }
    .tag_list a { color: #296da7; }
    .tag_list a:hover, .tag_list a:active { color: #000; }
    .tag_list li.rank-1  { font-size: 1em; }
    .tag_list li.rank-2  { font-size: 1.2em; }
    .tag_list li.rank-3  { font-size: 1.4em; }
    .tag_list li.rank-4  { font-size: 1.7em; }
    .tag_list li.rank-5  { font-size: 2em; }
    .tag_list li.rank-6  { font-size: 2.3em; }
    .tag_list li.rank-7  { font-size: 2.5em; }
    .tag_list li.rank-8  { font-size: 2.7em; }
    .tag_list li.rank-9  { font-size: 3.1em; }
    .tag_list li.rank-10 { font-size: 3.4em; }
#nav { position: absolute; left: 0; bottom: -5.1em; padding: 0; overflow: visible; }
    #nav li { margin: 0 2px 2px 0; position: relative; }
    
    #nav_filter { position: absolute; left: 2em; top: 3em; width: 350px; padding-bottom: 0; }
        #nav_filter li { float: left; margin: 0 2px 0 0 !important; }
            
    #nav_filter .btn_filter { padding: 4px 8px; font-size: 10px; line-height: 10px; color: #ddd; background-color: #333; text-shadow: 0 0 1px #000; font-weight: bold; box-shadow: 0 2px 1px #111; -moz-box-shadow: 0 2px 1px #111; -webkit-box-shadow: 0 2px 1px #111; } 
        #nav_filter .btn_filter:hover, #nav_filter .btn_filter:active, #nav_filter .btn_filter:focus { color: #fff; background-color: #00adc2; text-shadow: 0 0 1px #222; }
table   { font-size: 12px; border-color: #e2e2e2; margin: 10px 0; width: 100%; }
caption { display: none; }
th, td  { padding: 10px; border-bottom: 1px solid #ddd; vertical-align: top; }
    th  { font-weight: bold; text-align: left; background: url(/css/cssimg/gradient_table_alt.png) 0 100% repeat-x; _background-image:none; vertical-align: top; }
    td  { background: url(/css/cssimg/gradient_table.png) repeat-x; _background-image:none;  vertical-align: bottom; }
        .tr_alt td { background-color: #e8fcfe; }
        
    table.exchange { border: none; }
        table.exchange th, table.exchange td { padding: 10px; border-bottom: none; background-image: none; }
        table.exchange td { border-top: 1px solid #285468; }
        
legend { display: none; }
label { vertical-align: middle; }
    label input[type="radio"] { vertical-align: bottom; *vertical-align:middle; }
button { width: auto; overflow: visible; cursor: pointer; vertical-align: middle; }
input.text, textarea.text { border: 1px solid #ddd; background: white url(cssimg/bg_input.png) repeat-x left top; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
    
    #user_nav .text { border: 1px solid white; }
    input.text:focus, #user_nav input.text:focus, textarea.text:focus { border-color: #01A5B9; }
        
        input.s { width: 140px; padding: 4px 5px; font-size: 11px; line-height: 15px; }
        input.m { width: 180px; padding: 4px 5px; font-size: 12px; line-height: 15px; }
        input.l { width: 300px; padding: 4px 5px; font-size: 12px; line-height: 15px; }
        input.xl { width: 400px; padding: 4px 5px; font-size: 12px; line-height: 15px; }
        
        select.s { width: 150px; font-size: 12px; line-height: 15px; }
        select.m { width: 180px; font-size: 12px; line-height: 15px; }
        select.l { width: 300px; font-size: 12px; line-height: 15px; }
        select.bg_river {  }
        
        textarea.m { width: 300px; padding: 10px 5px; font-size: 14px; line-height: 15px; }
        textarea.l { width: 400px; padding: 10px 5px; font-size: 14px; line-height: 18px; }
        textarea.xl { width: 475px; padding: 10px 5px; font-size: 14px; line-height: 18px; }
        
        
    
    .comment_form { position: relative; padding-left: 80px; padding-right: 15px; margin: 0 15px; border: 8px solid #ccc; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; }
        .comment_form .image { position: absolute; top: 10px; left: 10px; }
#site_search { width: 415px; height: 40px; position: absolute; top: 20px; left: 200px; }
    #site_search fieldset { position: relative; zoom:1; }
    #site_search_query { background: url(/css/cssimg/bg_input_search.png) no-repeat left top; border: none; font-size: 16px; line-height: 20px; width: 355px; height: 30px; padding: 5px 45px 5px 15px; _padding: 10px 45px 0 15px; *padding: 10px 45px 0 15px; }
    #site_search_query:focus { background-position: 0 -52px; }
    #site_search_submit { width: 25px; height: 25px; position: absolute; top: 8px; right: 10px; z-index: 10; }
.pbar { width: 70%; }
    .pbar span { display: block; float: left; display: inline; margin-right: 5px; background-color: #00adc2; }
.has_js #tag_overview_submit, .has_js #user_subscription_submit, .has_js #tag_cloud_submit { position: absolute !important; left: -9999px !important; height: 1px !important; }
 
.img_thumb { padding: 4px 7px 8px 5px; background: transparent url(/css/cssimg/bg_thumb.png) no-repeat left top; _background-image: url(/css/cssimg/bg_thumb.gif); }
.img_simple { padding: 1px; border: 1px solid #c8c8c8; }
.img_listing { padding: 3px; border: 1px solid #e9e9e9; }
.img_article { padding: 2px; border: 2px solid #c8c8c8; }
.article_body img.left { float: left; margin: 0px 15px 15px 0; }
.article_body img.right { float: right; margin: 0px 0 15px 15px; }
.author_holder { text-align: center; width: 100px; border-bottom: 2px solid #7f7f7f; margin: 5px 15px 15px; }
    .author_holder img { display: block; }
    .author_holder span { padding: 5px; display: block; }
    
    .img_thumb_lg {  }
        .img_thumb_lg { padding: 4px 5px 5px; background: transparent url(/css/cssimg/bg_thumb.png) no-repeat left top; _background-image: url(/css/cssimg/bg_thumb.gif); }
abbr, acronym { border-bottom: 1px dotted #5a6768; cursor: help; }
acronym { speak: normal; }
abbr.initialism { speak: spell-out; }
abbr.truncation { speak: normal; }
.label { background: #e8e8e8 url(/css/cssimg/bg_label.png) repeat-x left top; padding: 3px; border: 2px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.pagination { text-align: center; position: relative; zoom:1; }
    .pagination .pages a { border-bottom: none; }
    .pagination .pages a, .pagination .pages a:hover, .pagination .pages strong { padding: .4em .6em; margin: 0 .1em; border: 2px solid white; }
    .pagination .pages strong, .pagination .pages a:hover, .pagination .pages a:focus { border-color: #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
    .pagination .prev a, .pagination .next a { display: block; padding: 2px 0; }
    .pagination .prev { position: absolute; left: 15px; *top: 10px; }
    .pagination .next { position: absolute; right: 15px; *top: 10px; }
.bg_crane { background: white url(/css/cssimg/bg/crane.png) no-repeat right bottom; }
.bg_eagle { background-image: url(/css/cssimg/bg/eagle.png); background-repeat: no-repeat; background-position: 2px 2px; }
.bg_shipyard { background: #ededed url(/css/cssimg/bg/shipyard.png) no-repeat right bottom; }
.bg_glass { background: transparent url(/css/cssimg/bg/glass.png); }
.bg_light { background-color: #fff; }
.bg_teal { background: #c6ffff; background: rgba(178,247,255,0.6); }
.bg_mrslate { background-color: #1D3540; zoom:1; }
.bg_baby { background-color: #dbf2f5; }
.bg_baby_alt { background-color: #eefbfc; }
.bg_smoke { background: url(/css/cssimg/bg/smoke.png); zoom:1; }
.bg_smoke_alt { background: url(/css/cssimg/bg/smoke_alt.png); zoom:1; }
.bg_dark_smoke { background: url(/css/cssimg/bg/hd_smoke.png); zoom:1; }
    .bg_dark_smoke_ext { border: 1px solid #3e606a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bg_light_smoke { background: url(/css/cssimg/bg/light_smoke.png); zoom:1; }
.bg_glow { box-shadow: 3px 3px 8px #868686; -moz-box-shadow: 3px 3px 8px #868686; -webkit-box-shadow: 3px 3px 8px #868686; }
.bg_glow_alt { box-shadow: 1px 2px 4px #6f6f6f; -moz-box-shadow: 1px 2px 4px #6f6f6f; -webkit-box-shadow: 1px 2px 4px #6f6f6f; }
.bg_river { background-color: #01a5b9; }
.bg_river_alt { background-color: #43bcca; }
.bg_gray { background-color: #4c4c4c; }
.bg_dark { background-color: #000; }
.bg_fader { background-image: url(/css/cssimg/gradient_table_alt.png); background-position: 0 100%; background-repeat: repeat-x; }
.bg_river, .bg_river .clr_river, .bg_river .clr_river a, .bg_river a.clr_river, .bg_river .clr_light, .bg_river .clr_light a, .bg_river a.clr_light { color: #fff !important; text-shadow: 0 1px 0px black; }
.bg_dock { background: transparent url(/css/cssimg/bg/dock.png) no-repeat center bottom; padding-bottom: 230px; }
.icon_like { width: 11px; height: 13px; display: inline-block; background: transparent url(/css/cssimg/icon_like_small.png) no-repeat center 2px; text-indent: -9999px; }
.user_action { padding-left: 22px; padding-top: 5px; padding-bottom: 2px; }
.action_comment { background: transparent url(/css/cssimg/icon_comment.png) 0 0 no-repeat; }
.action_edit { background: transparent url(/css/cssimg/icon_edit.png) 0 0 no-repeat; }
.action_add_new { background: transparent url(/css/cssimg/icon_add_new.png) 0 0 no-repeat; }
.action_print { background: transparent url(/css/cssimg/icon_print.png) no-repeat left top; }
.user_action:hover, .user_action:active, .user_action:focus { background-position: 0 -50px; }
.bg_default { background: url(/css/cssimg/bg/site_default.jpg) repeat 2px 2px; }
.bg_default_dark { background: #616161 url(/css/cssimg/bg/site_default_dark.jpg); }
.bg_buttons { background: #616161 url(/css/cssimg/bg/site_default_dark.jpg); }
.bg_horizon { background: transparent url(/css/cssimg/bg/horizon.png) repeat-x left top; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/css/cssimg/bg/horizon_wide.png', sizingMethod='crop'); zoom:1; }
.error, .success, .info { zoom:1; clear:both; }
.error { background: red url(/css/cssimg/gradient_big.png) 0 100% repeat-x; _background-image:none; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 0 0 1px #510000; }
.success { background: green url(/css/cssimg/gradient_big.png) 0 100% repeat-x; _background-image:none; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 0 0 1px #222; }
.info, .invert .info { background: #fffca9 url(/css/cssimg/gradient_big.png) 0 100% repeat-x; _background-image:none; color: #000 !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 0 0 1px #fff; }
.red    { outline: 1px solid red; _border:1px solid red; *border:1px solid red; }
.yellow { outline: 1px solid yellow; _border:1px solid yellow; *border:1px solid yellow; }
.green  { outline: 1px solid green; _border:1px solid green; *border:1px solid green; }
#devinator { width: 10em; position: fixed; left: 0; top: 0; padding: .5em 0; background: rgba(0, 0, 0, 0.5); font-family: Consolas, Monaco, Menlo, sans-serif; }
    #devinator ul { padding: 0; }
    #devinator a { color: white; display: block; padding: .25em 1em; text-shadow: #000 0px 0px 2px; }
    #devinator a:hover { font-weight: bold; text-decoration: none; background: rgba(255, 255, 255, 0.3); }
.edit-link                   { background: #fff; color: #f00; padding: 1px; margin: 1px; position: absolute; top: 0; right: 0; z-index: 9999; }
#profiling                   { font-family: "Lucida Console Mono", Consolas, Menlo, sans-serif; position: absolute; opacity: 0.95; right: 0px; top: 5px; width: 600px; z-index: 9999; font-size: 11px; }
#profiling_overview          { text-align: right; color: #000; font-size: 12px; }
#profiling_overview a        { color: #888; text-decoration: underline; }
#profiling_details           { position: relative; top: 2px; background: #333; border: 1px solid #111; height: 600px; overflow: auto; padding: 10px; }
#profiling_details thead *   { font-weight: bold; color: #999; border-bottom: 1px solid #ccc; text-align: left; }
#profiling_details tbody th,
#profiling_details tbody td  { border-bottom: 1px solid #ccc; padding: 5px 10px; font-weight: normal !important; font-size: 10px !important; }
#profiling_details tbody th  { padding: 5px 10px 5px 2px; text-align: left; line-height: 1.3; }
.diff_col,
.total_col,
#profiling_details tbody td  { text-align: right !important; padding-right: 2px; padding-left: 20px; }
#profiling_details tbody th  { color: #666; }
#profiling_details td span   { display: block; padding-bottom: 2px; margin-bottom: 1px; border-bottom: 1px solid #eee; }
#profiling_details .cool     { color: #70BA0B !important; }
#profiling_details .risky    { color: #FF9000 !important; }
#profiling_details .critical { color: #FF0000 !important; }
            
            
            
.ac_results { padding: 0px; border: 1px solid #01A5B9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: white; overflow: hidden; z-index: 99999; }
    .ac_results ul { float: none; width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
        .ac_results li { text-align: left; float: none; margin: 0px; padding: 2px 5px; cursor: default; display: block;
           
                        
            font-size: 12px;
            
            line-height: 18px;
            overflow: hidden;
            margin-bottom: 1px;
            -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
        }
.ac_loading { background: white url(/css/cssimg/loading.gif) right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #01a5b9; color: white; }
#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:45%; left:45%; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#fff;}
#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(/css/cssimg/colorbox/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(/css/cssimg/colorbox/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(/css/cssimg/colorbox/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(/css/cssimg/colorbox/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(/css/cssimg/colorbox/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(/css/cssimg/colorbox/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(/css/cssimg/colorbox/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(/css/cssimg/colorbox/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:130px; color:#999; font-size: 11px; }
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444; font-size: 11px; }
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444; font-size: 11px; }
        
            #cboxPrevious:hover, #cboxPrevious:active, #cboxPrevious:focus, #cboxNext:hover, #cboxNext:active, #cboxNext:focus { color: #008190; }
        
        #cboxLoadingOverlay{background:url(/css/cssimg/colorbox/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444; font-size:10px; text-transform:uppercase;}
.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');}