/****************************************************** 
    *                                                     *
    *   CSS file - zivotopis.hr                           *
    *   Copyright (c) Dobbin, 2008.                       *
    *                                                     *
    ******************************************************/
    /* Color definitions
    ------------------------------------------------------------------*/
    .white
        {
        color: #ffffff;
        }
        
    .green
        {
        color: #c9e389;
        }
        
    .orange 
        {
        color: #f66b06;
        }
        
    /* Clear classes
    ------------------------------------------------------------------*/
        
    .clear 
        {
        clear: both;
        height: 1px;
        overflow: hidden;
        margin-bottom: -1px;
        }
    
    .clear2 
        {
        clear: both;
        height: 1px;
        overflow: hidden;
        }
    
    .clear3 
        {
        clear: both;
        height: 5px;
        overflow: hidden;
        }
        
    .clear4 
        {
        clear: both;
        height: 25px;
        overflow: hidden;
        }   
    
    /* Base
    ------------------------------------------------------------------*/
    
    body 
        {
        margin: 0px;
        padding: 0px;
        border: 0px;
        text-align: center;
        background: #2d4453 url("img/top.png") no-repeat top;
        /* allianz direct
        background: #0960FF url("img/azd_bg.jpg") no-repeat top; */
        }
    
    #container
        {
        width: 990px;
        margin: auto;
        text-align: left;
        padding-bottom: 30px;
        }
        
    /* Header
    ------------------------------------------------------------------*/
    
    #header 
        {
        width: 990px;
        height: 194px;
        }
        
    #logo
        {
        display: block;
        width: 247px;
        height: 15px;
        padding-top:44px;
        
        background: url("img/logo.gif") no-repeat left top;
        /* allianz direct
        background: url("img/zivotopis-logo-plavi.gif") no-repeat left top; */
        margin: 32px 0px 0px 15px;
        font: 10px Arial, Helvetica, sans-serif;
        color: #b8d7de;
        text-decoration: none;
        float: left;
        display: inline;
        }
        
    #bannerTop
        {
        float: left;
        width: 728px;
        height:90px;
        text-align:right;
        vertical-align:bottom;
        margin: 15px 0px 0px 0px;
        }
        
    
    /* Service Menu
    ------------------------------------------------------------------*/    
    
    #servMenuBox 
    {
        width: 435px;
        float: left;
    }
    
    #serviceMenu 
        {
        margin: 0px; 
        text-align: left;
        list-style: none;
        width: 435px;
        margin: 24px 0px 0px 0px;
        position: relative;
        }
        
    #serviceMenu li 
        { 
        float: left;
        }
    
    #serviceMenu li a.item1 
        { 
        width: 97px;
        height: 37px;
        float: left; 
        display: block; 
        list-style: none;
        border: 0; 
        font: bold 11px/2.0em Arial, Helvetica, sans-serif; 
        text-decoration: none; 
        color: #ffffff;
        background: url("img/item1.gif") no-repeat left top;
        padding: 8px 0px 0px 52px;
        position: absolute;
        left: 0;
        z-index: 3;
        }
    
    #serviceMenu li a.item1:hover 
        {
        background: url("img/item1.gif") no-repeat left bottom;
        }
    
    #serviceMenu li a.item2 
        { 
        width: 93px;
        height: 37px;
        float: left; 
        display: block; 
        text-decoration: none; 
        list-style: none;
        border: 0; 
        font: bold 11px/2.0em Arial, Helvetica, sans-serif; 
        color: #ffffff;
        background: url("img/item2.gif") no-repeat left top;
        padding: 8px 0px 0px 56px;
        position: absolute;
        left: 145px;
        z-index: 2;
        }
    
    #serviceMenu li a.item2:hover 
        {
        background: url("img/item2.gif") no-repeat left bottom;
        }
        
    #serviceMenu li a.item3 
        { 
        width: 87px;
        height: 37px;
        float: left; 
        display: block; 
        text-decoration: none; 
        list-style: none;
        border: 0px; 
        font: bold 11px/2.0em Arial, Helvetica, sans-serif; 
        color: #ffffff;
        background: url("img/item3.gif") no-repeat left top;
        padding: 8px 0px 0px 58px;
        position: absolute;
        left: 290px;
        z-index: 1;
        }
    
    #serviceMenu li a.item3:hover 
        {
        background: url("img/item3.gif") no-repeat left bottom;
        }
        
    /* login
    ------------------------------------------------------------------*/    
        
    #loginBox
        {
        background: url("img/login.gif") no-repeat left top;
        width: 536px;
        height: 65px;
        float: left;
        margin-top: 9px;
        padding: 15px 0px 0px 19px;
        font: 10px Arial, Helvetica, sans-serif; 
        color: #7ec1d0;
        }   

    #loginBox span.korisnik
        {
        font: bold 26px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        }
        
    #login
        {
        margin: 0px;
        padding: 0px;
        }   
    
    #loginBox input.textFl
        {
        border:2px solid #334c5c;
        background: #334c5c;
        float: left;
        width: 200px;
        margin-right: 15px;
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        padding:4px 0 4px 2px;
        }
    #loginBox input.textFl:focus
        {
        border:2px solid #66869b;
        }
        
    #kreni
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        background: url("img/kreni.gif") no-repeat left top;
        width: 72px;
        height: 21px;
        display: block;
        text-decoration: none;
        padding: 5px 0px 0px 15px;
        float: left;
        cursor:pointer;
        }
        
    .linkLog
        {
        font: bold 10px Arial, Helvetica, sans-serif; 
        color: #7ec1d0;
        }
    
    .linkLog:hover
        {
        color: #f1a604;
        }
        
    .loginDevider
        {
        font: bold 10px Arial, Helvetica, sans-serif; 
        color: #7a91a0;
        }
    
    .chkBx
        {
        margin-left: 338px;
        }
        
    #profil_slika
        {
            height:50px;
            margin-right:15px;
            float:right;
            background-color:#243542;
        }
    
    /* Top Content
    ------------------------------------------------------------------*/
    
    #topContent
        {
        background: url("img/top_cont.gif") no-repeat left top;
        width: 968px;
        height: 22px;
        padding: 8px 0px 0px 22px;
        font: normal 10px Arial, Helvetica, sans-serif; 
        color: #447a8a;
        }
        
    #topContent a
        {
        font: normal 10px Arial, Helvetica, sans-serif; 
        color: #bd7400;
        text-decoration: none;
        }
        
    #topContent a:hover
        {
        text-decoration: underline;
        }   
    
    #contentWraper
        {
        width: 980px;
        padding: 0px 5px 25px 5px;
        background: #e9e7dc;
        }
        
    /* Navigation
    ------------------------------------------------------------------*/    
    
    #meniCol
        {
        width: 185px;
        float: left;
        }
        
/*
    .mainMenuBox
        {
        background: #dc8600 url("img/main_bott.gif") no-repeat left bottom;
        width: 180px;
        }
        
    .mainMenuTop
        {
        margin: 0px;
        padding: 0px;
        background: #dc8600 url("img/top_mm.gif") no-repeat left top;
        width: 170px;
        height: 39px;
        font: normal bold 13px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        padding: 6px 0px 0px 10px;
        }
        
    .mainMenuTop a {color: #FFFFFF;text-decoration:none;}
    .mainMenuTop a:hover {color: #E0E0E0;}
        
    .mainMenu
        {
        background: url("img/traka_main.gif") repeat-x left top;
        margin: 0px; 
        text-align: left;
        list-style: none;
        width: 180px;
        position: relative;
        padding: 0px 0px 12px 0px;
        }
        
    .mainMenu li
        { 
        margin: 0px 9px 0px 10px;
        }       
        
    .mainMenu li.def
        { 
        border-top: 1px solid #e49b28;
        display: block;
        }   
        
    .mainMenu li a
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm.gif") no-repeat left top;
        padding: 4px 0px 4px 7px;
        display: block;
        height: 1%;
        }
        
    .mainMenu li a:hover, .mainMenu li a.active:hover
        {
        text-decoration: underline;
        }   
        
    .mainMenu li a.active, .mainMenu li span
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm.gif") no-repeat left top;
        padding: 4px 0px 4px 7px;
        display: block;
        height: 1%;
        }   
*/      
    .mainMenuBox
        {
        background: #dc8600 url("img/main_bott.gif") no-repeat left bottom;
        width: 180px;
        }
        
    .mainMenuTop
        {
        margin: 0px;
        padding: 0px;
        background: #dc8600 url("img/top_mm.gif") no-repeat left top;
        width: 170px;
        height: 39px;
        font: bold 13px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        padding: 6px 0px 0px 10px;
        }
        
    .mainMenuTop a
        {
        font: bold 13px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration:none;
        }
    .mainMenuTop a:hover {
        text-decoration:underline;
    }
        
    .mainMenu
        {
        background: url("img/traka_main.gif") repeat-x left top;
        margin: 0px; 
        text-align: left;
        list-style: none;
        width: 180px;
        position: relative;
        padding: 0px 0px 14px 0px;
        }
        
    .mainMenu li
        { 
        margin: 0px 9px 0px 10px;
        }       

    .mainMenu li.def
        { 
        border-top: 1px solid #e49b28;
        display: block;
        }   
        
    .mainMenu li a, .mainMenu li span
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm.gif") no-repeat left top;
        padding: 4px 0px 4px 7px;
        display: block;
        height: 1%;
        }
        
    .mainMenu li a:hover, .mainMenu li a.active:hover
        {
        text-decoration: underline;
        }   
        
    .mainMenu ul
        {
        margin: 0px;
        padding: 0px;
        list-style: none;
        }
        
    .mainMenu ul li
        { 
        border-top: 1px solid #e49b28;
        display: block;
        }       
        
    .mainMenu ul li a
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm.gif") no-repeat left top;
        padding: 4px 9px 4px 7px;
        display: block;
        height: 1%;
        margin: 0px 0px 0px -2px;
        }   
    
    .mainMenu ul li a:hover
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: underline;
        background: url("img/str_mm.gif") no-repeat left top;
        }   
        
    .mainMenu ul li a.active, .mainMenu ul li a.active:hover 
        {
        font-weight:bold;
        }
    .mainMenu li a.active, .mainMenu ul li span
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm.gif") no-repeat left top;
        padding: 4px 9px 4px 7px;
        display: block;
        height: 1%;
        margin: 0px;
        }       

    /* Forms
    ------------------------------------------------------------------*/
    .inputField
    {
    width: 160px;
    height: 15px;
    }
        
        
    /* Content
    ------------------------------------------------------------------*/        
        
    #contCol
        {
        width: 615px;
        float: left;
        }   
        
    #searchBox
        {
        background: url("img/trazilica.jpg") no-repeat left top;
        width: 590px;
        height: 190px;
        padding:  0px 0px 0px 20px;
        margin: 0px 0px 5px 0px;
        }
    
    #searchBox2
        {
        background: url("img/trazilica100px.jpg") no-repeat left top;
        width: 590px;
        height: 100px;
        padding:  0px 0px 0px 20px;
        margin: 0px 0px 5px 0px;
        }
        
    #searchBox h2
        {
        padding: 13px 0px 15px 0px;
        font: normal 21px Arial, Helvetica, sans-serif; 
        color: #fefefe;
        margin: 0;
        }
    
    #searchBox2 h2
        {
        padding: 10px 0px 8px 0px;
        font: normal 16px Arial, Helvetica, sans-serif; 
        color: #fefefe;
        font-weight:bold;
        margin: 0;
        
        }
    
    .leftTxtSrc
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        width: 86px;
        float: left;
        padding-top: 7px;
        }
    
    .leftTxtSrc11
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        width: 86px;
        float: left;
        padding-top: 4px;
        
        }   
        
    .leftTxtSrc2
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        width: 158px;
        float: left;
        padding-top: 19px;
        }
    
    .leftTxtSrc12
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        width: 158px;
        float: left;
        padding-top: 12px;
        
        }
        
    .leftTxtSrc2 a
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        }
    
    .leftTxtSrc12 a
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        }
        
    .leftTxtSrc2 a:hover
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        }

    .leftTxtSrc12 a:hover
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        }   
    
    .bijelitekst{
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        
        }

    .bijeli{
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        padding-left:5px;
        }
    
    .bijeli:hover{
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        }

/* Trazilica
    ------------------------------------------------------------------*/ 
    
    #searchBox3
        {
        background: url("img/trazilica100px.jpg") no-repeat left top;
        width: 490px;
        height: 100px;
        padding:  0px 0px 0px 20px;
        margin: 0px 0px 5px 0px;
        }

    #searchBox3 h2
        {
        padding: 10px 0px 5px 0px;
        font: normal 16px Arial, Helvetica, sans-serif; 
        color: #fefefe;
        font-weight:bold;
        margin: 0;
        }
    
    .red_trazilica
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        padding-top: 4px;
        
        } 
    .red_trazilica2
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        padding: 8px 0px 0px 2px;
        
        } 

    .razmak_trazilica{
        
        width:165px;
        float:left;
        height:25px
        }
    .razmak_trazilica a{color:#fff}

    #search input#pojam
        {
        width: 150px;
        height: 16px;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333;
        padding: 4px 5px 3px 5px;
        margin:0px;
        border: 1px solid #589cac;
        font: 11px Arial, Helvetica, sans-serif;
        
        }

    #kreni_gumb
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        background: url("img/kreni.gif") no-repeat left top;
        width: 72px;
        height: 21px;
        display: block;
        text-decoration: none;
        padding: 5px 0px 0px 15px;
        margin: 0px;
        cursor: pointer;
        }
    


/* Zavrsava trazilica
    ------------------------------------------------------------------*/ 
    
    #search
        {
        margin: 0px;
        padding: 0px;
        }   
        
       
        
    #search select
        {
        width: 160px;
        height: 21px;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #000;
        border: 1px solid #589cac;
        float: left;
        margin: 5px 0px 0px 0px;
        padding: 1px;
        }       
        
    #kreni2
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        background: url("img/kreni.gif") no-repeat left top;
        width: 72px;
        height: 21px;
        display: block;
        text-decoration: none;
        padding: 5px 0px 0px 15px;
        float: left;
        margin: 13px 0px 0px 0px;
        }   
    
    #kreni22
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        background: url("img/kreni.gif") no-repeat left top;
        width: 72px;
        height: 21px;
        display: block;
        text-decoration: none;
        padding: 5px 0px 0px 15px;
        
        margin: 5px 0px 0px 0px;
        }
        
    .addCol
        {
        width: 200px;
        float: left;
        margin: 0px 5px 0px 0px;
        background: #ffffff url("img/bott_coll.gif") no-repeat left bottom;
        padding: 0px 0px 20px 0px;
        display: inline;
        }
        
    .addCol h3
        {
        margin: 0px;
        padding: 0px;
        font: bold 13px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        background: url("img/add_h3.gif") no-repeat left top;
        width: 189px;
        height: 46px;
        padding: 5px 0px 0px 11px;
        }
        
    .addCol a
        {
        display: block;
        margin: 5px 5px 0px 5px;
        border-bottom: 1px solid #efefef;
        padding: 0px 0px 5px 0px;
        text-align: center;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-decoration: none;
        
        }
        
    .addCol a img
        {
        display: block;
        margin: auto;
        border: 0px;
        margin-bottom: 5px;
        
        }
    
    .addCol a span
        {
        display: block;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-decoration: none;
        background: url("img/butt_jobs.gif") no-repeat left top;
        padding: 0px 0px 0px 7px;
        text-align: left;
        }
    
    .addCol .izdvojeni_posao{
        padding-top:15px;
        padding-bottom:15px;
        border-top: 1px solid #efefef;
        margin-left:0px;
        margin-right:5px;
        text-align:center;
        
        }
    .addCol .izdvojeni_posao img{
        
        text-align:center;
        
        
        }
    .addCol .uokvirime{}

    .addCol .crta{
        border-top: 1px solid #efefef;
        }
    .addCol .necrta{
        border:none;
        text-align:center;
        border:1px solid #000;
        }
    
    .addCol .izdvojeni_posao img
        {
        display: block;
        margin: auto;
        border: 0px;
        margin-bottom: 15px;
        
        }

    .addCol .izdvojeni_posao a{
        border:none;
        display: block;
        margin: 0px 5px 0px 10px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-decoration: none;
        
        }
        
        .addCol .izdvojeni_posao a:link {
        text-decoration: none;
        }
        .addCol .izdvojeni_posao a:visited{
        text-decoration: none;
        }
        .addCol .izdvojeni_posao a:hover {
        text-decoration: underline;
        }

    .addCol .izdvojeni_posao a span{
        display: block;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        /*text-decoration: none;*/
        background: url("img/butt_jobs.gif") no-repeat left top;
        padding: 0px 0px 0px 7px;
        text-align: left;
        }


    .addColCat .izdvojeni_posao{
        padding-top:15px;
        padding-bottom:15px;
        border-top: 1px solid #efefef;
        margin-left:5px;
        margin-right:5px
        }

    .addColCat .crta{
        border-top: 1px solid #efefef;
        }
    .addColCat .necrta{
        border:none;
        }
    
    .addColCat .izdvojeni_posao a img
        {
        display: block;
        margin: auto;
        border: 0px;
        margin-bottom: 15px;
        }

    .addColCat .izdvojeni_posao a{
        border:none;
        display: block;
        margin: 0px 5px 0px 10px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-decoration: none;
        }
    .addColCat .izdvojeni_posao a span{
        display: block;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-decoration: none;
        background: url("img/butt_jobs.gif") no-repeat left top;
        padding: 0px 0px 0px 7px;
        text-align: left;
        }
        
    #newsCol
        {
        width: 160px;
        float: left;
        }
        
    #news
        {
        background: #55a4b6 url("img/nws_bott.gif") no-repeat left bottom;
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 5px 0px;
        }

    #news h3
        {
        background: url("img/news_h3.gif") no-repeat left top;
        margin: 0px;
        width: 189px;
        height: 30px;
        font: bold 13px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        padding: 6px 0px 0px 11px;
        }
        
    #news h3 a
        {
        margin: 0px;
        padding: 0px;
        color: #fff;
        text-decoration:none;
        }
    #news h3 a:hover
        {
        margin: 0px;
        padding: 0px;
        color: #fff;
        text-decoration:underline;
        }

    #articles
        {
        background: url("img/nws_traka.gif") repeat-x left top;
        width: 200px;
        }   
        
    .newsItem
        {
        width: 179px;
        margin: 0px 0px 0px 11px;
        padding: 5px 0px 6px 0px;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #d4e8ed;
        }

    .newsItemDef
        {
        width: 179px;
        margin: 0px 0px 0px 11px;
        padding: 5px 0px 6px 0px;
        border-top: 1px solid #6eb2c1;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #d4e8ed;
        }
        
    .newsItem h4, .newsItemDef h4
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        margin: 0px 0px 5px 0px;
        }
        
    .newsItem a, .newsItemDef a
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #fcca61;
        text-decoration: none;
        }
        
    .newsItem a:hover, .newsItemDef a:hover
        {
        text-decoration: underline;
        }   
        
    #servBlockBox
        {
        background: #dc8600 url("img/main_bott2.gif") no-repeat left bottom;
        width: 200px;
        margin: 5px 0px 0px 0px;
        }
        
    #servBlockTop
        {
        margin: 0px;
        background: #dc8600 url("img/top_mm2.gif") no-repeat left top;
        width: 190px;
        height: 39px;
        font: bold 13px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        padding: 6px 0px 0px 10px;
        }
        
    #servBlock
        {
        background: url("img/traka_main.gif") repeat-x left top;
        margin: 0px; 
        text-align: left;
        list-style: none;
        width: 200px;
        position: relative;
        padding: 0px 0px 12px 0px;
        }
        
    #servBlock li
        { 
        margin: 0px 13px 0px 10px;
        }       
        
    #servBlock li.def
        { 
        border-bottom: 1px solid #e49b28;
        display: block;
        }   
        
    #servBlock li a
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm.gif") no-repeat left top;
        padding: 4px 0px 4px 7px;
        display: block;
        height: 1%;
        }
        
    #servBlock li a:hover
        {
        text-decoration: underline;
        }       
        
        
    /* Footer
    ------------------------------------------------------------------*/                
        
    #foot
        {
        background: url("img/foot.gif") no-repeat left top;
        width: 990px;
        height: 62px;   
        }
        
    #footMenu
        {
        margin: 0px; 
        text-align: left;
        list-style: none;
        width: 753px;
        position: relative;
        padding: 5px 0px 0px 15px;
        float: left;
        }   
        
    #footMenu li
        { 
        float: left;
        }       
        
    #footMenu li.def
        { 
        background: url("img/foot_divider.gif") no-repeat right;
        display: block;
        }   
        
    #footMenu li a
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm3.gif") no-repeat left;
        padding: 4px 0px 4px 7px;
        margin: 0px 10px 0px 8px;
        display: block;
        height: 1%;
        float: left;
        display: inline;
        }
        
    #footMenu li a:hover
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
      color: #fcca61;
        }   
        
    #copy
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        float: left;
        margin: 8px 0px 0px 0px;
        }
    #copy a{color: #ffffff;}    
    #copy a:hover{color: #ffffff;}
        
    #top
        {
        width: 69px;
        height: 20px;
        display: block;
        margin-left: 903px;
        text-indent:-9999px;
        }   
        
    /* Category page
    ------------------------------------------------------------------*/                    
        
    .addColCat
        {
        width: 200px;
        float: left;
        margin: 0px;
        background: #ffffff url("img/bott_coll.gif") no-repeat left bottom;
        padding: 0px 0px 20px 0px;
        display: inline;
        }
        
    .addColCat h3
        {
        margin: 0px;
        padding: 0px;
        font: bold 13px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        background: url("img/add_h3.gif") no-repeat left top;
        width: 189px;
        height: 46px;
        padding: 5px 0px 0px 11px;
        }
        
    .addColCat a
        {
        display: block;
        margin: 5px 5px 0px 10px;
        border-bottom: 1px solid #efefef;
        padding: 0px 0px 5px 0px;
        text-align: center;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        text-decoration: none;
        }
        
    .addColCat a img
        {
        display: block;
        margin: auto;
        border: 0px;
        margin-bottom: 5px;
        }
    
    .addColCat a span
        {
        display: block;
        font: 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        text-decoration: none;
        background: url("img/butt_jobs.gif") no-repeat left top;
        padding: 0px 0px 0px 7px;
        text-align: left;
        }   
        
    #categoryCol, .katHeader
        {
        width: 335px;
        margin: 0px 0px 0px 0px;
        float: left;
        display: inline;
        background: #f6f5ee url("img/col_kat.gif") no-repeat left bottom;
        padding: 0px 5px 15px 5px;
        }   
        
    .topCat
        {
        width: 345px;
        float: left;
        display: inline;
        background: url("img/cat_top.gif") no-repeat left top;
        margin: 0px -5px 2px -5px;
        position: relative;
        height: 62px;
        }   
        
    .categoryTitle
        {
        padding: 6px 0px 0px 10px;
        font: bold 13px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        width: 185px;
        float: left;
        }   
    .categoryTitle2
        {
        padding: 6px 0px 0px 10px;
        font: bold 13px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        width: 325px;
        float: left;
        } 
        
    .categoryJobs
        {
        padding: 8px 0px 0px 0px;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        width: 188px;
        float: left;
        text-align: right;
        }
        
    .categoryJobs span
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
      color: #f1a604;
        }
        
    .categoryABC
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-align:center;
        padding: 17px 0px 0px 16px;
        width: 385px;
        float: left;
        }
        
    .categoryDesc
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        padding: 17px 0px 0px 16px;
        width: 264px;
        float: left;
        }   
        
    .categoryEmpl
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        padding: 17px 0px 0px 0px;
        width: 120px;
        float: left;
        }   
        
    .topJobNr
        {
        width: 395px;
        height: 11px;
        overflow: hidden;
        background: url("img/top_job.gif") no-repeat left top;
        margin: 5px 0px 0px 0px;
        }   
        
    .midJobNr
        {
        width: 367px;
        padding: 0px 16px 0px 12px;
        background: #fcecca;
        }   
    
    .botJobNr
        {
        width: 395px;
        height: 9px;
        overflow: hidden;
        background: url("img/bot_job.gif") no-repeat left top;
        }       
        
    .topJob
        {
        width: 395px;
        height: 11px;
        overflow: hidden;
        background: url("img/top_jobb.gif") no-repeat left top;
        margin: 5px 0px 0px 0px;
        }   
        
    .midJob
        {
        width: 378px;
        padding: 0px 5px 0px 12px;
        background: #ffffff;
        }   
    
    .botJob
        {
        width: 395px;
        height: 9px;
        overflow: hidden;
        background: url("img/bot_jobb.gif") no-repeat left top;
        }
    .jobTextNr
        {
        width: 250px;
        border-right: 1px solid #e5d9bd;
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        }   
        
    .jobTextNr a
        {
        font: bold 13px Arial, Helvetica, sans-serif; 
      color: #dc8600;
        display: block;
        margin: 0px 0px 5px 0px;
        text-decoration: none;
        }   
        
    .jobTextNr a:hover
        {
        text-decoration: underline;
        }
        
    .jobText
        {
        width: 240px;
        padding-right:10px;
        border-right: 1px solid #e7eaec;
        float: left;
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        }   

    .jobImgSemiWide
        {
        width: 60px;
        text-align:center;
        padding-right:10px;
        float: left;
        }   
    .jobTextSemiWide
        {
        width: 300px;
        float: left;
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        }   

    .jobTextWide
        {
        width: 310px;
        /*padding-right:10px;*/
        float: left;
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        }   
    .jobText a, .jobTextWide a
        {
        font: bold 13px Arial, Helvetica, sans-serif; 
        color: #dc8600;
        display: block;
        margin: 0px 0px 5px 0px;
        text-decoration: none;
        }   
        
    .jobText a:hover, .jobTextWide a:hover
        {
        text-decoration: underline;
        }   
        
    .jobText a.normal, .jobTextWide a.normal
        {
        font:11px Arial, Helvetica, sans-serif; 
        color:#333333;
        text-decoration:underline;
        float: none;
        display:inline;
        margin: 0;
        }   

    .jobText a.normal:hover, .jobTextWide a.normal:hover
        {
        text-decoration:none;
        }   

    .jobTextWide .izdvojeni
        {
        margin:5px 0 5px 0;
        padding:12px 0 0 0;
        border-top:1px solid #f0f0f0;
        }   
    .jobTextWide .izdvojeni .tvrtka
        {
        float:left;
        width:115px;
        padding:0;
        border:1px solid #eee;
        margin-right:9px;
        }   
    .jobTextWide .izdvojeni .tvrtka img
        {
        border:0;
        }   
    .jobTextWide .izdvojeni .tvrtka a
        {
        display:block;
        padding:5px;
        margin:0;
        }   
    .jobTextWide .izdvojeni .tvrtka:hover
        {
        border:1px solid #ccc;
        }   

    .jobText span, .jobTextWide span
        {
        font: bold 13px Arial, Helvetica, sans-serif; 
        color: #000;
        display: block;
        margin: 0px 0px 5px 0px;
        text-decoration: none;
        }   

    .jobText a.djelatnost
        {
        clear:none;
        display:inline;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333;
        margin: 0px;
        text-decoration: none;
        }
    .jobTextWide a.ustanova
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #000;
        display: block;
        margin: 0px 0px 0px 0px;
        text-decoration: none;
        }   
        
    .jobText a.djelatnost:hover, .jobTextWide a.ustanova:hover
        {
        text-decoration: underline;
        }   
        
    .jobEmpl
        {
        width: 100px;
        float: left;
        padding: 0px 0px 0px 12px;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        }
    .jobEmpl strong
        {font: normal 11px Arial, Helvetica, sans-serif; 
        font-weight:bold}

    .crveno {
        color: #C60000;
        cursor:help;
    }
        
    .jobEmpl a
        {
        font: bold 13px Arial, Helvetica, sans-serif; 
        color: #3b5262;
        text-decoration: none;
        }
        
    .jobEmpl a:hover
        {
        text-decoration: none;
        }   
        
    .jobEmpl img
        {
        border: 0;
        width:105px;
        }
        

    a.orange 
        {
        font: 11px Arial, Helvetica, sans-serif; 
        color: #dc8600;
        display: block;
        margin: 0px 0px 5px 0px;
        text-decoration: none;
        }   

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

    .numbering
        {
        text-align: center;
        padding: 10px 0px 0px 0px;
        letter-spacing: 2px
        }   
    
    .ltStr
        {
        background: url("img/let_str.gif") no-repeat left;
        text-decoration: none;
        padding-left: 3px;
        }   
        
    .rtStr
        {
        background: url("img/rih_str.gif") no-repeat right;
        text-decoration: none;
        padding-left: 3px;
        }       
        
    .broj
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #568595;
        text-decoration: none;
        }   
        
    .broj:hover
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #da8a02;
        text-decoration: none;
        }
        
    .numbering span
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
      color: #da8a02;
        }

    #alphapage
        {
        text-align: center;
        }   
    
    #alphapage a
        {
        font: normal 10px Arial, Helvetica, sans-serif; 
        color: #FFF;
        text-decoration: none;
        }   
        
    #alphapage a:hover
        {
        font: normal 10px Arial, Helvetica, sans-serif; 
        color: #568595;
        text-decoration: none;
        }
        
    #alphapage span
        {
        font: bold 10px Arial, Helvetica, sans-serif; 
      color: #568595;
        }
        
    /* Job page
    ------------------------------------------------------------------*/                    
    
    /*#jobCol
        {
        width: 405px;
        margin: 0px 5px 0px 0px;
        float: left;
        display: inline;
        }
    */  
    .empCol
        {
        width: 200px;
        float: left;
        margin: 0px;
        display: inline;
        }   
        
    .jobBoxTop
        {
        width: 395px;
        height: 42px;
        background: url("img/job_box_top.gif") no-repeat left top;
        padding: 7px 0px 0px 10px;
        font: bold 13px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        }

    .jobBoxTopNaslov23
        {
        width: 395px;
        height: 42px;
        background: url("img/job_box_top.gif") no-repeat left top;
        padding: 7px 0px 0px 10px;
        font: bold 13px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        }
    .naslovposla{
        
        background-image: url(/img/posao_bg.gif);
        background-repeat: repeat-y;
        
        
        }
    .naslovtop{
        
        background-image: url(/img/posao_top.gif);
        background-repeat: no-repeat;
        background-position: left top;
        font: bold 13px Arial, Helvetica, sans-serif; 
        color: #000;
        }
    .naslovbot{
        background-image: url(/img/posao_bot.gif);
        background-position: left bottom;
        background-repeat: no-repeat;
        padding: 7px 25px 24px 10px;
        font: bold 13px Arial, Helvetica, sans-serif; 
        color: #fff;
        }

    .bblok{
        background-image: url(/img/bijelo_bg.gif);
        background-repeat: repeat-y;
        margin-bottom:5px;
        }
    .bblok h2{
        margin-left:20px;
        margin-right:20px;
        font: bold 15px Arial, Helvetica, sans-serif;
        }
    .bbloktop{
        background-image: url(/img/bijelo_top.gif);
        background-repeat: no-repeat;
        background-position: left top;
        }
    .bblokbot{
        background-image: url(/img/bijelo_bot.gif);
        background-position: left bottom;
        background-repeat: no-repeat;
        font: 11px Arial, Helvetica, sans-serif;
        
        padding-right:10px;
        padding-bottom:10px;
        padding-top:20px
        }
    
    
    .jobBox
        {
        width: 405px;
        background: #ffffff url("img/job_box_bot.gif") no-repeat left bottom;
        padding: 0px 0px 13px 0px;
        margin: 0px 0px 5px 0px;
        /*Moje dodano*/
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        /* */
        }
    .jobBox a{color: #333333;}
        
    span.statusInfo 
        { 
        color:#C60000;font: bold 11px Arial, Helvetica, sans-serif;
        }

    .jobCategoryItem
        {
        background: url("img/job_str.gif") no-repeat left top;
        margin: 0px 0px 10px 13px;
        padding: 0px 0px 0px 9px;
        font: 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        }
    
    jobCategoryItem ul{
        margin:0px;
        padding:0px;
        border:1px solid #000
        }
    
    .jobCategoryItem li{
        list-style-type: none;
        padding-left:10px;
        margin-left:20px;
        background: url("img/jobli.gif") no-repeat left;
        }
        
    .jobCategoryItem span
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
      color: #dc8600;
        padding: 0 5px 0 0;
        }
        
    .jobCategoryItem div
        {
        padding: 5px 15px 0 0;
        }   
        
    .jobTextItem
        {
        margin: 0px 10px 10px 0px;
        padding: 0px 0px 0px 9px;
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        }
    .jobTextItem span
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #dc8600;
        padding: 0px 5px 0px 0px;
        }
        
    .jobTextItem div.uvod
        {
        padding: 5px 0;
        font-weight:bold;
        text-align:left;
        }   

    .jobTextItem div.sadrzaj
        {
        padding: 5px 0;
        }   

    .jobTextItem div.sadrzaj img
        {
        float:right;
        margin:10px 0 20px 5px;
        }   
    .jobTextItem div.sadrzaj a
        {
        color:#FF6600;
        }

    span.jobCategoryBrzaPrijava
        {
        background:url("img/brza-prijava.gif") no-repeat;
        width: 150px;
        height: 70px;
        margin-right:10px;
        float:right;
        cursor:pointer;
        display:none;
        }   
        
    .leftFormPt
        {
        width: 350px;/*81px;*/
        background: url("img/job_str.gif") no-repeat left top;
        font: bold 11px Arial, Helvetica, sans-serif;
        color: #dc8600;
        float: left;
        display: inline;
        margin-top: 4px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 13px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 9px;
        }   
        
    .leftFormPt2
        {
        width: 81px;
        padding: 0px 0px 0px 9px;
        font: bold 11px Arial, Helvetica, sans-serif; 
      color: #dc8600;
        margin: 4px 0px 0px 13px;
        float: left;
        display: inline;
        }       
        
    .rightFormPt
        {
        width: 284px;
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #4e4e4e;
        }   
        
    .jobBox form
        {
        margin: 0px;
        padding: 0px;
        }

    .newLine
        {
        clear:both;
        margin-left:22px;
        }
    .newLine img
        {
        width:100px;
        float:left;
        margin:0 5px 5px 0;
        }
    span.newLine, div.newLine2
        {
        clear:both;
        margin-left:22px;
        color:#4a4a4a;
        margin-right:22px;
        }

    .desno
        {
        margin-right:15px;
        float:right;
        }
 
    div.newLine2 ul {
        margin-left:-22px;
    }

    div.newLine2 .butFormPos2 {
        margin-left:25px;
        
    }
 
    .newLineHint
        {
        background: url("img/arrow2.gif") no-repeat 2px 2px;
        clear:both;
        margin:0 22px 0 22px;
        padding:0 0 0 14px;
        color:#6a6a6a;
        }
    .inpName
        {
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        width: 280px;
        border: 1px solid #e0dfdb;
        }   

    .inpNameDis
        {
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      background-color: #EFEFEF;
        width: 280px;
        border: 1px solid #e0dfdb;
        }   
        
    .inpName2
        {
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        width: 284px;
        border: 1px solid #e0dfdb;
        background: #ffffff;
        }       
        
    .inpName3
        {
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        width: 282px;
        border: 1px solid #e0dfdb;
        background: #ffffff;
        height: 61px;
        }   
        
/* Moje dodane klase i ajdijevi*/       
    .inpName4
    {
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        width: 282px;
        border: 1px solid #e0dfdb;
        background: #ffffff;
        height: 150px;
    }   
    .inpName5{
    float: left;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #333333;
    width: 100px;
    border: 1px solid #e0dfdb;
        }
    .inpName6{
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #333333;
    width: 100px;
    border: 1px solid #e0dfdb;
    margin:0 2px;
    padding:0 2px;
        }
    .inpName6:hover, .inpName6:focus{
    border: 1px solid #c0bfbb;
        }
    .inpName7
        {
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        width: 282px;
        border: 1px solid #e0dfdb;
        background: #ffffff;
        height: 80px;
        }   
    .inpName8{
    float: left;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #333333;
    width: 40px;
    border: 1px solid #e0dfdb;
        }
    .inpName9
        {
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        width: 282px;
        border: 1px solid #e0dfdb;
        background: #ffffff;
        height: 150px;
        }   
    .tekst{
        margin: 0px 0px 10px 0px;
        padding: 0px 10px 10px 10px;
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-align:left}
    .tekst0{
        margin: 0;
        padding: 0px 10px 10px 10px;
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-align:left}
    .tekst a, .text0 a {color:#dc8600}
    .tekst a:hover, .tekst0 a:hover {color:#333333}
    .tekst a{color:#dc8600}
    .tekst a:hover{color:#333333}
    
    .tekst3{
        margin: 0px 0px 10px 0px;
        padding: 0px 10px 10px 10px;
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-align:left}
    .tekst_imenik {
        margin: 0 0 10px 0;
        padding: 0px 10px;
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-align:left;}
    .tekst_imenik p {margin-top:0;}
    .tekst3 h2{margin:0px;padding:0px;text-align:left;}
    .tekst3 ol{padding:0px 30px 0px 30px}
    .tekst3 ul{padding:0px 30px 0px 30px}
    .tekst3 li{text-align:left}
    
    .tekst3 .sadrzaj a{color:#dc8600}
    .tekst3 .sadrzaj a:hover{color:#333333}
    .tekst4{margin: 0px 0px 10px 0px;
        padding: 0px 10px 10px 10px;
        font: 11px Arial, Helvetica, sans-serif; 
      color: #333333;
      text-align:left}
    .tekst4 .uvod{margin:0px;padding:0px}
    .desno_stavi{text-align:right}
    .lijevo_stavi{text-align:left}
    .centriraj{text-align:center}
    .tekst3 .uokviri{border:1px solid #efefef;padding:20px;margin:20px 0px 20px 0px;text-align:left}
    
    .tekst2{
        margin: 0px 0px 10px 0px;
        padding: 0px 10px 10px 22px;
        }
    .tekst h2, .tekst0 h2 {margin-top:0px}
    .kalendar{
    width: 100px;
    float:left;
    border: 1px solid #FF0000;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
}
    .butFormPos2
        {
        border: 1px solid #9a9a9a;

        }   
    #posalji{
        color: #333333;
        background-color: #FF9900;
        border: 1px solid #FF9900;
        font-size: 0.8em;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 2px;
        padding-bottom: 2px;
        }
/* Završava moja CSS mudrost */     
        
    .butFormPos
        {
        border: 1px solid #9a9a9a;
        margin-left: 149px;
        }
        
    #empProfil
        {
        background: #ffffff url("img/profil_bot_bkg.gif") no-repeat left bottom;
        width: 200px;
        padding: 0px 0px 23px 0px;
        }   
        
    #empProfilTop
        {
        width: 190px;
        height: 44px;
        background: url("img/profil_top_bkg.gif") no-repeat left top;
        font: bold 13px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        padding: 6px 0px 0px 10px;
        }   
        
    #textProfil
        {
        text-align: center;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        padding: 0 10px;
        }   
        
    #textProfil img
        {
        margin: 0px 0px 10px 0px;
        border: 0;
        }
        
    #textProfil a
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #dc8600;
        }
        
    #textProfil a:hover
        {
        text-decoration: none;
        }
        
    .jobsBoxCats
        {
        width: 200px;
        background: #55a4b6 url("img/jobs_bot.gif") no-repeat left bottom;
        padding: 0px 0px 17px 0px;
        margin: 5px 0px 0px 0px;
        }   
        
    .jobsBotTopCats
        {
        width: 190px;
        height: 37px;
        background: #55a4b6 url("img/top_job_box.gif") no-repeat left top;
        padding: 6px 0px 0px 10px;
        font: normal 13px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        }   
        
    .jobsTextMidCats
        {
        background: #55a4b6 url("img/mid_job.gif") repeat-x left top;
        padding: 0px 0px 0px 10px;
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333;
        }
        
    .jobsTextMidCats a
        {
        display: block;
        font: 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        padding: 4px 0px 4px 7px;
        margin-right:10px;
        background: url("img/str_job.gif") no-repeat left top;
        }
        
    .jobsTextMidCats a:hover
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #fcca61;
        text-decoration: underline;
        }
        
        /* Moja mudrost */
    .jobsTextBijelo
        {
    padding: 0px 0px 0px 10px;
    background-color: #FFFFFF;
        }
        
    .jobsTextBijelo ol
        {
    display: block;
    color: #999;
    margin:0 0 0 23px;
    padding:0;
    background: url("img/str_job.gif") no-repeat left top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
        }

    .jobsTextBijelo a
        {
    display: block;
    color: #333;
    text-decoration: none;
    margin:0;
    padding:4px 0px;
    background: url("img/str_job.gif") no-repeat left top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
        }
        
    .jobsTextBijelo a:hover
        {
    color: #999;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
        }

    .jobsTextBijelo a.active
        {
    color: #EDA929;
    font-weight: bold;
    text-decoration:none;
        }
    .jobsTextBijelo a.active:hover
        {
    font-weight: bold;
    text-decoration: underline;
        }


a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 2px 0 0 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url('img/calendar.png') no-repeat; 
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
    width: 130px;
    float: left;
}

table.bcn_navigacija {
    width:325px;
    height:auto;
    border:0;
    margin:12px auto 0;
}
table.bcn_navigacija td {
    width:33%;
    text-align:center;
}
table.bcn_navigacija td.back {
    text-align:left;
}
table.bcn_navigacija td.next {
    text-align:right;
}

table.bcn_navigacija input {
    background-color:transparent;
    background-image:url('img/button_plavi.gif');
    width:90px;
    height:25px;
    border: 0;
    font-size:11px;
    cursor:pointer;
    vertical-align:middle;
}

div.jobBox input#spremi {
    background-color:transparent;
    background-image:url('img/button_nar.gif');
    color:#fff;
    font-weight:bold;
    font-size:12px;
    width:70px;
    height:25px;
    border:0;
    margin:6px 0 0 236px ;
    cursor:pointer;
    vertical-align:middle;
}


.error {
    margin: 0px 0px 10px 0px;
    padding: 0px 10px 10px 10px;
    font: bold 11px Arial, Helvetica, sans-serif; 
    text-align:left;
    color: #C60000;
}
.error h3 {
    margin-top:0px
}
.error ul {
    margin: 5px 0 0 15px;
}
.butFormPos2 {
        background-color:#4f9daf;
        color:#fff;
        border: 1px solid #3d6171;
        font: bold 12px Arial, Helvetica, sans-serif; 
        padding-top:2px;
        padding-bottom:2px;
        padding-left:15px;
        padding-right:15px;
        margin-top:5px;
        margin-bottom:5px
    }
.agumb{background-color:#4f9daf;
        color:#fff;
        border: 1px solid #3d6171;
        font: bold 12px Arial, Helvetica, sans-serif; 
        padding-top:2px;
        padding-bottom:2px;
        padding-left:15px;
        padding-right:15px;
        margin-top:0px;
        margin-bottom:10px;
        text-decoration:none;
        display:block;
        width:120px;
        float:left;
        margin-right:5px
        }
.centriraj{text-align:center}
.AuthErrDiv{border:1px solid #dddddd;
            background-color:#fff;
            padding-left:100px;
            padding-top: 10px;
            padding-bottom:5px;
            padding-right:20px;
            margin-right:5px;
            margin-bottom:5px;
            background-image:url('/img/ikona7a.gif');
            background-repeat: no-repeat;
            
            background-position: center left;
            }
.AuthErrDiv h2{
            font: normal 21px Arial, Helvetica, sans-serif; 
            color:#dd0000;
            margin:0px 0px 5px 0px;
            padding:0px;
            font-weight: bold; 
            }
.AuthErrDiv p{
            font: normal 11px Arial, Helvetica, sans-serif; 
            margin:0px 0px 10px 0px;
            padding:0px;
            font-weight: bold; 
            color: #333333;
            }
.lijevo{float:left}
.desno{float:right}

span.link {
    color: #333;
    text-decoration:none;
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
span.link:hover {
    color: #999;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}


    /******************************************************
    
    *                                                     *
    
    *   CSS file - zivotopis.hr                           *
    
    *   Copyright (c) Dobbin, 2008.                       *
    
    *                                                     *
    
    ******************************************************/
    
    /* Color definitions
    ------------------------------------------------------------------*/
    
    .white
        {
        color: #ffffff;
        }
        
    .green
        {
        color: #c9e389;
        }
        
    .orange 
        {
        color: #f66b06;
        }
        
    /* Clear classes
    ------------------------------------------------------------------*/
        
    .clear 
        {
        clear: both;
        height: 1px;
        overflow: hidden;
        margin-bottom: -1px;
        }
    
    .clear2 
        {
        clear: both;
        height: 1px;
        overflow: hidden;
        }
    
    .clear3 
        {
        clear: both;
        height: 5px;
        overflow: hidden;
        }
        
    .clear4 
        {
        clear: both;
        height: 25px;
        overflow: hidden;
        }   
    
    /* Base
    ------------------------------------------------------------------*/
    
    body 
        {
        margin: 0px;
        padding: 0px;
        border: 0px;
        text-align: center;
        /*background: #2d4453 url("img/top.png") no-repeat top;*/
        /* allianz direct */
        background: #0960FF url("azd_bg.jpg") no-repeat top middle;
        
        }
    
    #container
        {
        width: 990px;
        margin: auto;
        text-align: left;
        padding-bottom: 30px;
        }
        
    /* Header
    ------------------------------------------------------------------*/
    
    #header 
        {
        width: 990px;
        height: 194px;
        }
        
    #logo
        {
        display: block;
        width: 247px;
        height: 15px;
        padding-top:44px;
        background: url("img/logo.gif") no-repeat left top;
        /* allianz direct
        background: url("img/zivotopis-logo-plavi.gif") no-repeat left top; */
        margin: 32px 0px 0px 15px;
        font: 10px Arial, Helvetica, sans-serif;
        color: #b8d7de;
        text-decoration: none;
        float: left;
        display: inline;
        }
        
    #bannerTop
        {
        float: left;
        width: 728px;
        margin: 15px 0px 0px 0px;
        }
        
    
    /* Service Menu
    ------------------------------------------------------------------*/    
    
    #servMenuBox 
    {
        width: 435px;
        float: left;
    }
    
    #serviceMenu 
        {
        margin: 0px; 
        text-align: left;
        list-style: none;
        width: 435px;
        margin: 24px 0px 0px 0px;
        position: relative;
        }
        
    #serviceMenu li 
        { 
        float: left;
        }
    
    #serviceMenu li a.item1 
        { 
        width: 97px;
        height: 37px;
        float: left; 
        display: block; 
        list-style: none;
        border: 0; 
        font: bold 11px/2.0em Arial, Helvetica, sans-serif; 
        text-decoration: none; 
        color: #ffffff;
        background: url("img/item1.gif") no-repeat left top;
        padding: 8px 0px 0px 52px;
        position: absolute;
        left: 0;
        z-index: 3;
        }
    
    #serviceMenu li a.item1:hover 
        {
        background: url("img/item1.gif") no-repeat left bottom;
        }
    
    #serviceMenu li a.item2 
        { 
        width: 93px;
        height: 37px;
        float: left; 
        display: block; 
        text-decoration: none; 
        list-style: none;
        border: 0; 
        font: bold 11px/2.0em Arial, Helvetica, sans-serif; 
        color: #ffffff;
        background: url("img/item2.gif") no-repeat left top;
        padding: 8px 0px 0px 56px;
        position: absolute;
        left: 145px;
        z-index: 2;
        }
    
    #serviceMenu li a.item2:hover 
        {
        background: url("img/item2.gif") no-repeat left bottom;
        }
        
    #serviceMenu li a.item3 
        { 
        width: 87px;
        height: 37px;
        float: left; 
        display: block; 
        text-decoration: none; 
        list-style: none;
        border: 0px; 
        font: bold 11px/2.0em Arial, Helvetica, sans-serif; 
        color: #ffffff;
        background: url("img/item3.gif") no-repeat left top;
        padding: 8px 0px 0px 58px;
        position: absolute;
        left: 290px;
        z-index: 1;
        }
    
    #serviceMenu li a.item3:hover 
        {
        background: url("img/item3.gif") no-repeat left bottom;
        }
        
        
    .linkLog
        {
        font: bold 10px Arial, Helvetica, sans-serif; 
        color: #7ec1d0;
        }
    
    .linkLog:hover
        {
        color: #f1a604;
        }
        
    .loginDevider
        {
        font: bold 10px Arial, Helvetica, sans-serif; 
        color: #7a91a0;
        }
    
    .chkBx
        {
        margin-left: 91px;
        }
        
    #profil_slika
        {
            height:50px;
            margin-right:15px;
            float:right;
            background-color:#243542;
        }
    
    /* Top Content
    ------------------------------------------------------------------*/
    
    #topContent
        {
        background: url("img/top_cont.gif") no-repeat left top;
        width: 968px;
        height: 22px;
        padding: 8px 0px 0px 22px;
        font: normal 10px Arial, Helvetica, sans-serif; 
        color: #447a8a;
        }
        
    #topContent a
        {
        font: normal 10px Arial, Helvetica, sans-serif; 
        color: #bd7400;
        text-decoration: none;
        }
        
    #topContent a:hover
        {
        text-decoration: underline;
        }   
    
    #contentWraper
        {
        width: 980px;
        padding: 0px 5px 25px 5px;
        background: #e9e7dc;
        }
        
    /* Navigation
    ------------------------------------------------------------------*/    
    
    #meniCol
        {
        width: 165px;
        float: left;
        }
        
/*
    .mainMenuBox
        {
        background: #dc8600 url("img/main_bott.gif") no-repeat left bottom;
        width: 180px;
        }
        
    .mainMenuTop
        {
        margin: 0px;
        padding: 0px;
        background: #dc8600 url("img/top_mm.gif") no-repeat left top;
        width: 170px;
        height: 39px;
        font: normal bold 13px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        padding: 6px 0px 0px 10px;
        }
        
    .mainMenuTop a {color: #FFFFFF;text-decoration:none;}
    .mainMenuTop a:hover {color: #E0E0E0;}
        
    .mainMenu
        {
        background: url("img/traka_main.gif") repeat-x left top;
        margin: 0px; 
        text-align: left;
        list-style: none;
        width: 180px;
        position: relative;
        padding: 0px 0px 12px 0px;
        }
        
    .mainMenu li
        { 
        margin: 0px 9px 0px 10px;
        }       
        
    .mainMenu li.def
        { 
        border-top: 1px solid #e49b28;
        display: block;
        }   
        
    .mainMenu li a
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm.gif") no-repeat left top;
        padding: 4px 0px 4px 7px;
        display: block;
        height: 1%;
        }
        
    .mainMenu li a:hover, .mainMenu li a.active:hover
        {
        text-decoration: underline;
        }   
        
    .mainMenu li a.active, .mainMenu li span
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm.gif") no-repeat left top;
        padding: 4px 0px 4px 7px;
        display: block;
        height: 1%;
        }   
*/      
    .mainMenuBox
        {
        background: #dc8600 url("img/main_bott.gif") no-repeat left bottom;
        width: 160px;
        }
        
    .mainMenuTop
        {
        margin: 0px;
        padding: 0px;
        background: #dc8600 url("img/top_mm.gif") no-repeat left top;
        width: 150px;
        height: 39px;
        font: bold 13px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        padding: 6px 0px 0px 10px;
        }
        
    .mainMenu
        {
        background: url("img/traka_main.gif") repeat-x left top;
        margin: 0px; 
        text-align: left;
        list-style: none;
        width: 160px;
        position: relative;
        padding: 0px 0px 14px 0px;
        }
        
    .mainMenu li
        { 
        margin: 0px 9px 0px 10px;
        }       

    .mainMenu li.def
        { 
        border-top: 1px solid #e49b28;
        display: block;
        }   
        
    .mainMenu li a, .mainMenu li span
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm.gif") no-repeat left top;
        padding: 4px 0px 4px 7px;
        display: block;
        height: 1%;
        }
        
    .mainMenu li a:hover, .mainMenu li a.active:hover
        {
        text-decoration: underline;
        }   
        
    .mainMenu ul
        {
        margin: 0px;
        padding: 0px;
        list-style: none;
        }
        
    .mainMenu ul li
        { 
        border-top: 1px solid #e49b28;
        display: block;
        }       
        
    .mainMenu ul li a
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm.gif") no-repeat left top;
        padding: 4px 9px 4px 7px;
        display: block;
        height: 1%;
        margin: 0px 0px 0px -2px;
        }   
    
    .mainMenu ul li a:hover
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: underline;
        background: url("img/str_mm.gif") no-repeat left top;
        }   
        
    .mainMenu ul li a.active, .mainMenu ul li a.active:hover 
        {
        font-weight:bold;
        }
    .mainMenu li a.active, .mainMenu ul li span
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm.gif") no-repeat left top;
        padding: 4px 9px 4px 7px;
        display: block;
        height: 1%;
        margin: 0px;
        }       

    /* Forms
    ------------------------------------------------------------------*/
    .inputField
    {
    width: 160px;
    height: 15px;
    }
        
        
    /* SubMenu
    ------------------------------------------------------------------*/            
        
        
    .subMenuBox
        {
        background: #55a4b6 url("img/sub_bott.gif") no-repeat left bottom;
        width: 160px;
        margin-top: 5px;
        }
        
    .subMenuTop
        {
        margin: 0px;
        padding: 0px;
        background: #4691a2 url("img/top_su.gif") no-repeat left top;
        width: 150px;
        height: 39px;
        font: bold 13px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        padding: 6px 0px 0px 10px;
        }

    .subMenuTop a
        {
        margin: 0px;
        padding: 0px;
        color: #fff;
        text-decoration:none;
        }
    .subMenuTop a:hover
        {
        margin: 0px;
        padding: 0px;
        color: #fff;
        text-decoration:underline;
        }

        
    .subMenu
        {
        background: url("img/traka_sub.gif") repeat-x left top;
        margin: 0px; 
        text-align: left;
        list-style: none;
        width: 160px;
        position: relative;
        padding: 0px 0px 14px 0px;
        }
        
    .subMenu li.def
        { 
        background: url("img/divider_sub.gif") no-repeat top;
        display: block;
        }   
        
    .subMenu li a
        {
        font: 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm2.gif") no-repeat left top;
        padding: 4px 9px 4px 17px;
        display: block;
        height: 1%;
        }
     
    .subMenu li a.kat_active
        {
        background-color: #498797;
        }   
    .subMenu li a:hover
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        background: #f1a604 url("img/str_mm2.gif") no-repeat left top;
        }
        
    .subMenu li span
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        background: #f1a604 url("img/str_mm2.gif") no-repeat left top;
        text-decoration: none;
        padding: 4px 9px 4px 17px;
        display: block;
        height: 1%;
        }           
        
    .subMenu ul
        {
        margin: 0px;
        padding: 0px;
        list-style: none;
        }
        
    .subMenu ul li
        { 
        background: url("img/divider_sub.gif") no-repeat bottom;
        display: block;
        }       
        
    .subMenu ul li a
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm2.gif") no-repeat left top;
        padding: 4px 9px 4px 17px;
        display: block;
        height: 1%;
        margin: 0px 0px 0px 12px;
        }   
    
    .subMenu ul li a:hover
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm2.gif") no-repeat left top;
        }   
        
    .subMenu ul li span
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm2.gif") no-repeat left top;
        padding: 4px 9px 4px 17px;
        display: block;
        height: 1%;
        margin: 0px 0px 0px 12px;
        }       
        
    /* Content
    ------------------------------------------------------------------*/        
        
    #contCol
        {
        width: 515px;
        float: left;
        }   
        
    #searchBox
        {
        background: url("img/trazilica2.jpg") no-repeat left top;
        width: 490px;
        height: 190px;
        padding:  0px 0px 0px 20px;
        margin: 0px 0px 5px 0px;
        }
    
    #searchBox2
        {
        background: url("img/trazilica100px.jpg") no-repeat left top;
        width: 590px;
        height: 100px;
        padding:  0px 0px 0px 20px;
        margin: 0px 0px 5px 0px;
        }
        
    #searchBox h2
        {
        padding: 13px 0px 15px 0px;
        font: normal 21px Arial, Helvetica, sans-serif; 
        color: #fefefe;
        margin: 0;
        }
    
    #searchBox2 h2
        {
        padding: 10px 0px 8px 0px;
        font: normal 16px Arial, Helvetica, sans-serif; 
        color: #fefefe;
        font-weight:bold;
        margin: 0;
        
        }
    
    .leftTxtSrc
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        width: 86px;
        float: left;
        padding-top: 7px;
        }
    
    .leftTxtSrc11
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        width: 86px;
        float: left;
        padding-top: 4px;
        
        }   
        
    .leftTxtSrc2
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        width: 158px;
        float: left;
        padding-top: 19px;
        }
    
    .leftTxtSrc12
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        width: 158px;
        float: left;
        padding-top: 12px;
        
        }
        
    .leftTxtSrc2 a
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        }
    
    .leftTxtSrc12 a
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        }
        
    .leftTxtSrc2 a:hover
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        }

    .leftTxtSrc12 a:hover
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        }   
    
    .bijelitekst{
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        
        }

    .bijelitekst a{
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        padding-left:5px;
        }
    
    .bijelitekst a:hover{
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        }
    
    #search
        {
        margin: 0px;
        padding: 0px;
        }   
        
    #search input
        {
        width: 156px;
        height: 16px;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #000;
        padding: 1px;
        border: 1px solid #589cac;
        float: left;
        }   
        
    #search select
        {
        width: 160px;
        height: 21px;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #000;
        border: 1px solid #589cac;
        float: left;
        margin: 5px 0px 0px 0px;
        padding: 1px;
        }       
        
    #kreni2
        {
        font: bold 11px Arial, Helvetica, sans-serif !important; 
        color: #ffffff !important;
        background: url("img/kreni.gif") no-repeat left top !important;
        width: 87px !important;
        height: 26px !important;
        display: block !important;
        text-decoration: none !important;
        padding: 0 0 0 15px !important;
        float: left !important;
        margin: 13px 0px 0px 0px !important;
        border:0 !important;
        text-align:left;
        }   
    
    #kreni22
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        background: url("img/kreni.gif") no-repeat left top;
        width: 72px;
        height: 21px;
        display: block;
        text-decoration: none;
        padding: 5px 0px 0px 15px;
        float: left;
        margin: 5px 0px 0px 0px;
        }
        
    .addCol
        {
        width: 160px;
        float: left;
        margin: 0px 5px 0px 0px;
        background: #ffffff url("img/bott_coll.gif") no-repeat left bottom;
        padding: 0px 0px 20px 0px;
        display: inline;
        }
        
    .addCol h3
        {
        margin: 0px;
        padding: 0px;
        font: bold 13px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        background: url("img/add_h3.gif") no-repeat left top;
        width: 149px;
        height: 46px;
        padding: 5px 0px 0px 11px;
        }
        
    .addCol a
        {
        display: block;
        margin: 5px 5px 0px 10px;
        border-bottom: 1px solid #efefef;
        padding: 0px 0px 5px 0px;
        text-align: center;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-decoration: none;
        }
        
    .addCol a img
        {
        display: block;
        margin: auto;
        border: 0px;
        margin-bottom: 5px;
        }
    
    .addCol a span
        {
        display: block;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-decoration: none;
        background: url("img/butt_jobs.gif") no-repeat left top;
        padding: 0px 0px 0px 7px;
        text-align: left;
        }
    
    .addCol .izdvojeni_posao{
        padding-top:15px;
        padding-bottom:15px;
        border-top: 1px solid #efefef;
        margin-left:5px;
        margin-right:5px
        }

    .addCol .crta{
        border-top: 1px solid #efefef;
        }
    .addCol .necrta{
        border:none;
        }
    
    .addCol .izdvojeni_posao a img
        {
        display: block;
        margin: auto;
        border: 0;
        margin-bottom: 15px;
        width:130px;
        }

    .addCol .izdvojeni_posao a{
        border:none;
        display: block;
        margin: 0 5px;
        padding: 0;
        text-align: center;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-decoration: none;
        }
    .addCol .izdvojeni_posao a span{
        display: block;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-decoration: none;
        background: url("img/butt_jobs.gif") no-repeat left top;
        padding: 0px 0px 0px 7px;
        text-align: left;
        }

    .addColCat .izdvojeni_posao{
        padding-top:15px;
        padding-bottom:15px;
        border-top: 1px solid #efefef;
        margin-left:5px;
        margin-right:5px
        }

    .addColCat .crta{
        border-top: 1px solid #efefef;
        }
    .addColCat .necrta{
        border:none;
        }
    
    .addColCat .izdvojeni_posao a img
        {
        display: block;
        margin: auto;
        border: 0px;
        margin-bottom: 15px;
        }

    .addColCat .izdvojeni_posao a{
        border:none;
        display: block;
        margin: 0px 5px 0px 10px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-decoration: none;
        }
    .addColCat .izdvojeni_posao a span{
        display: block;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-decoration: none;
        background: url("img/butt_jobs.gif") no-repeat left top;
        padding: 0px 0px 0px 7px;
        text-align: left;
        }
        
    #servBlockBox
        {
        background: #dc8600 url("img/main_bott2.gif") no-repeat left bottom;
        width: 160px;
        margin: 5px 0px;
        }
        
    #servBlockTop
        {
        margin: 0px;
        background: #dc8600 url("img/top_mm2.gif") no-repeat left top;
        width: 150px;
        height: 39px;
        font: bold 13px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        padding: 6px 0px 0px 10px;
        }
        
    #servBlock
        {
        background: url("img/traka_main.gif") repeat-x left top;
        margin: 0px; 
        text-align: left;
        list-style: none;
        width: 160px;
        position: relative;
        padding: 0px 0px 12px 0px;
        }
        
    #servBlock li
        { 
        margin: 0px 13px 0px 10px;
        }       
        
    #servBlock li.def
        { 
        border-bottom: 1px solid #e49b28;
        display: block;
        }   
        
    #servBlock li a
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm.gif") no-repeat left top;
        padding: 4px 0px 4px 7px;
        display: block;
        height: 1%;
        }
        
    #servBlock li a:hover
        {
        text-decoration: underline;
        }       
        
        
    /* Banner
    ------------------------------------------------------------------*/            
        
    #bannCol
        {
        width: 180px;
        float: left;
        }
        
    /* Footer
    ------------------------------------------------------------------*/                
        
    #foot
        {
        background: url("img/foot.gif") no-repeat left top;
        width: 990px;
        height: 62px;   
        }
        
    #footMenu
        {
        margin: 0px; 
        text-align: left;
        list-style: none;
        width: 753px;
        position: relative;
        padding: 5px 0px 0px 15px;
        float: left;
        }   
        
    #footMenu li
        { 
        float: left;
        }       
        
    #footMenu li.def
        { 
        background: url("img/foot_divider.gif") no-repeat right;
        display: block;
        }   
        
    #footMenu li a
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        text-decoration: none;
        background: url("img/str_mm3.gif") no-repeat left;
        padding: 4px 0px 4px 7px;
        margin: 0px 10px 0px 8px;
        display: block;
        height: 1%;
        float: left;
        display: inline;
        }
        
    #footMenu li a:hover
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
      color: #fcca61;
        }   
        
    #copy
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        float: left;
        margin: 8px 0px 0px 0px;
        }
    #copy a{color: #ffffff;}    
    #copy a:hover{color: #ffffff;}
        
    #top
        {
        width: 69px;
        height: 20px;
        display: block;
        margin-left: 903px;
        text-indent:-9999px;
        }   
        
    /* Category page
    ------------------------------------------------------------------*/                    
        
    .addColCat
        {
        width: 160px;
        float: left;
        margin: 0;
        background: #fff url("img/bott_coll.gif") no-repeat left bottom;
        padding: 0 0 20px;
        display: inline;
        }
        
    .addColCat h3
        {
        margin: 0px;
        padding: 0px;
        font: bold 13px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        background: url("img/add_h3.gif") no-repeat left top;
        width: 189px;
        height: 46px;
        padding: 5px 0px 0px 11px;
        }
        
    .addColCat a
        {
        display: block;
        margin: 5px 5px 0px 10px;
        border-bottom: 1px solid #efefef;
        padding: 0px 0px 5px 0px;
        text-align: center;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        text-decoration: none;
        }
        
    .addColCat a img
        {
        display: block;
        margin: auto;
        border: 0px;
        margin-bottom: 5px;
        }
    
    .addColCat a span
        {
        display: block;
        font: 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        text-decoration: none;
        background: url("img/butt_jobs.gif") no-repeat left top;
        padding: 0px 0px 0px 7px;
        text-align: left;
        }   
        
    #categoryCol
        {
        width: 335px;
        margin: 0px 0px 0px 0px;
        float: left;
        display: inline;
        background: #f6f5ee url("img/col_kat.gif") no-repeat left bottom;
        padding: 0px 5px 15px 5px;
        }   
        
    #topCat
        {
        width: 345px;
        float: left;
        display: inline;
        background: url("img/cat_top.gif") no-repeat left top;
        margin: 0px -5px 2px -5px;
        position: relative;
        height: 62px;
        }   
        
    .categoryTitle
        {
        padding: 6px 0px 0px 10px;
        font: bold 12px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        width: 165px;
        float: left;
        }   
        
    .categoryJobs
        {
        padding: 8px 0px 0px 0px;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        width: 158px;
        float: left;
        text-align: right;
        }
        
    .categoryJobs span
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
      color: #f1a604;
        }
        
    .categoryABC
        {
        font: normal 10px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-align:center;
        padding: 17px 5px 0;
        width: 335px;
        float: left;
        }
        
    .categoryDesc
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        padding: 17px 0px 0px 16px;
        width: 225px;
        float: left;
        }   
        
    .categoryEmpl
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        padding: 17px 0px 0px 0px;
        width: 100px;
        float: left;
        }   
        
    .topJobNr
        {
        width: 335px;
        height: 11px;
        overflow: hidden;
        background: url("img/top_job.gif") no-repeat left top;
        margin: 5px 0px 0px 0px;
        }   
        
    .midJobNr
        {
        width: 307px;
        padding: 0px 16px 0px 12px;
        background: #fcecca;
        }   
    
    .botJobNr
        {
        width: 335px;
        height: 9px;
        overflow: hidden;
        background: url("img/bot_job.gif") no-repeat left top;
        }       
        
    .topJob
        {
        width: 335px;
        height: 11px;
        overflow: hidden;
        background: url("img/top_jobb.gif") no-repeat left top;
        margin: 5px 0px 0px 0px;
        }   
        
    .midJob
        {
        width: 318px;
        padding: 0px 5px 0px 12px;
        background: #ffffff;
        }   
    
    .botJob
        {
        width: 335px;
        height: 9px;
        overflow: hidden;
        background: url("img/bot_jobb.gif") no-repeat left top;
        }
    .jobTextNr
        {
        width: 210px;
        border-right: 1px solid #e5d9bd;
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        padding-right: 10px;
        }   
        
    .jobTextNr a
        {
        font: bold 12px Arial, Helvetica, sans-serif; 
      color: #dc8600;
        display: block;
        margin: 0px 0px 5px 0px;
        text-decoration: none;
        }   
        
    .jobTextNr a:hover
        {
        text-decoration: underline;
        }
        
    .jobText
        {
        width: 210px;
        padding-right:10px;
        border-right: 1px solid #e7eaec;
        float: left;
        font: 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        }   
        
    .jobText a
        {
        font: bold 12px Arial, Helvetica, sans-serif; 
      color: #dc8600;
        display: block;
        margin: 0px 0px 5px 0px;
        text-decoration: none;
        }   
        
    .jobText a:hover
        {
        text-decoration: underline;
        }   
        
    .jobText a.djelatnost
        {
        clear:none;
        display:inline;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333;
        margin: 0px;
        text-decoration: none;
        }   
        
    .jobText a.djelatnost:hover
        {
        text-decoration: underline;
        }   
        
    .jobEmpl
        {
        width: 70px;
        float: left;
        padding: 0px 0px 0px 12px;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        }

    .crveno {
        color: #C60000;
        cursor:help;
    }
        
    .jobEmpl a
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
      color: #3b5262;
        text-decoration: none;
        }
        
    .jobEmpl a:hover
        {
        text-decoration: underline;
        }   
        
    .jobEmpl a img
        {
        border: 0;
        width: 80px;
        }
        
    .jobEmpl a:hover img
        {
        border:0px;
        }

    a.orange 
        {
        font: 11px Arial, Helvetica, sans-serif; 
        color: #dc8600;
        display: block;
        margin: 0px 0px 5px 0px;
        text-decoration: none;
        }   

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

        
    /* Job page
    ------------------------------------------------------------------*/                    
    
    #jobCol
        {
        width: 345px;
        margin: 0px 5px 0px 0px;
        float: left;
        display: inline;
        }
        
    .empCol
        {
        width: 160px;
        float: left;
        margin: 0px;
        display: inline;
        }   
        
    .jobBoxTop
        {
        width: 335px;
        height: 42px;
        background: url("img/job_box_top.gif") no-repeat left top;
        padding: 7px 0px 0px 10px;
        font: bold 13px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        }

    .jobBoxTopNaslov23
        {
        width: 335px;
        height: 42px;
        background: url("img/job_box_top.gif") no-repeat left top;
        padding: 7px 0px 0px 10px;
        font: bold 13px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        }
    .naslovposla{
        
        background-image: url(/img/posao_bg.gif);
        background-repeat: repeat-y;
        
        
        }
    .naslovtop{
        
        background-image: url(/img/posao_top.gif);
        background-repeat: no-repeat;
        background-position: left top;
        font: bold 13px Arial, Helvetica, sans-serif; 
        color: #000;
        }

    .bblok{
        background-image: url(/img/bijelo_bg.gif);
        background-repeat: repeat-y;
        margin-bottom:5px;
        }
    .bblok h2{
        margin-left:20px;
        margin-right:20px;
        font: bold 15px Arial, Helvetica, sans-serif;
        }
    .bbloktop{
        background-image: url(/img/bijelo_top.gif);
        background-repeat: no-repeat;
        background-position: left top;
        }
    .bblokbot{
        background-image: url(/img/bijelo_bot.gif);
        background-position: left bottom;
        background-repeat: no-repeat;
        font: 11px Arial, Helvetica, sans-serif;
        
        padding-right:10px;
        padding-bottom:10px;
        padding-top:20px
        }
    
    
    .jobBox
        {
        width: 345px;
        background: #ffffff url("img/job_box_bot.gif") no-repeat left bottom;
        padding: 0px 0px 13px 0px;
        margin: 0px 0px 5px 0px;
        /*Moje dodano*/
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        /* */
        }
    .jobBox22
        {
        width: 405px;
        background: #ffffff url("img/job_box_bot.gif") no-repeat left bottom;
        padding: 0px 0px 5px 0px;
        margin: 0px 0px 5px 0px;
        /*Moje dodano*/
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        /* */
        }
    .jobBox a{color: #333333;}
        
    span.statusInfo 
        { 
        color:#C60000;font: bold 11px Arial, Helvetica, sans-serif;
        }

    .jobCategoryItem
        {
        background: url("img/job_str.gif") no-repeat left top;
        margin: 0px 0px 10px 13px;
        padding: 0px 0px 0px 9px;
        font: 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        }
    .jobCategoryItem22
        {
        background: url("img/job_str.gif") no-repeat left top;
        margin: 0px 0px 3px 13px;
        padding: 0px 10px 0px 9px;
        font: 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        }
    
    .jobCategoryItem ul {
        margin:7px 0px 5px 0px;
        padding:0px 0px 0px 5px;
        
        }
    .jobCategoryItem22 ul {
        margin:7px 0px 5px 0px;
        padding:0px 0px 0px 15px;
        
        }    
    .jobCategoryItem li {
        list-style-type: none;
        padding:0 0 0 10px;
        margin-left:0;
        background: url("img/jobli.gif") no-repeat left;
        }
    .jobCategoryItem22 li {
        list-style-type: none;
        padding:0 0 0 10px;
        margin-left:0;
        background: url("img/jobli.gif") no-repeat 0 4px;
        }
                
    .jobCategoryItem span
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #dc8600;
        padding: 0 5px 0 0;
        }

    .jobCategoryItem22 span
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #dc8600;
        padding: 0 5px 0 0;
        }
        
    .jobCategoryItem22 li span span {
        font-weight:normal;
        color:#333;
    }
    .jobCategoryItem22 li p {
        margin:0;
    }
    .jobCategoryItem22 li p span {
        font-weight:normal;
        margin:0;
    }
    .jobCategoryItem22 span.naslov {
    font-weight:normal;
        color:#DC8600;
    }
    .jobCategoryItem22 span.vrijeme {
    font-weight:normal;
    display:block;
    padding:0 5px 0 0;
    }
    .jobCategoryItem22 span.vrijeme span {
    font-weight:normal;
    }
    .jobCategoryItem22 span.naslov span.mjesto {
    font-weight:normal;
    color:#333;
    }
    .jobCategoryItem22 span.naslov span.vrsta_skole {
    font-weight:normal;
    color:#666;
    }
    .jobCategoryItem22 span.naslov span.kategorija {
    font-weight:normal;
    color:#B6A455;
    }
    .jobCategoryItem22 span.godina {
    font-weight:normal;
    background:transparent url(img/mini/clock.gif) no-repeat scroll 0 2px;
    color:#B6A455;
    float:left;
    margin:0 5px 0 0;
    padding:0 5px 0 12px;
    }
    .jobCategoryItem22 span.ocjena {
    font-weight:normal;
    background:transparent url(img/mini/clock.gif) no-repeat scroll 0 2px;
    color:#B6A455;
    float:left;
    padding:0 5px 0 12px;
    }

    .jobCategoryItem div
        {
        padding: 5px 15px 0 0;
        }   
        
    .jobTextItem
        {
        margin: 0px 10px 10px 0px;
        padding: 0px 0px 0px 9px;
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        }
    .jobTextItem img
        {
    width:306px;
        }
    .jobTextItem span
        {
        font: bold 11px Arial, Helvetica, sans-serif; 
        color: #dc8600;
        padding: 0px 5px 0px 0px;
        }
        
    .jobTextItem div.uvod
        {
        padding: 5px 0;
        font-weight:bold;
        text-align:left
        }   
    
    div.tekst div.sadrzaj {padding:5px 0;}
    div.tekst div.sadrzaj img {float:right;margin:10px 0 20px 5px;}
    div.tekst div.sadrzaj a {color:#F60;}

    .jobTextItem div.sadrzaj
        {
        padding: 5px 0;
        }   

    .jobTextItem div.sadrzaj img
        {
        float:right;
        margin:10px 0 20px 5px;
        }   
    .jobTextItem div.sadrzaj a
        {
        color:#FF6600;
        }

    .leftFormPt
        {
        width: 302px;/*81px;*/
        background: url("img/job_str.gif") no-repeat left top;
        font: bold 11px Arial, Helvetica, sans-serif;
        color: #dc8600;
        float: left;
        display: inline;
        margin-top: 4px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 13px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 9px;
        }   
        
    .leftFormPt2
        {
        width: 81px;
        padding: 0px 0px 0px 9px;
        font: bold 11px Arial, Helvetica, sans-serif; 
      color: #dc8600;
        margin: 4px 0px 0px 13px;
        float: left;
        display: inline;
        }       
        
    .rightFormPt
        {
        width: 284px;
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #4e4e4e;
        }   
        
    .jobBox form
        {
        margin: 0px;
        padding: 0px;
        }

    .newLine
        {
        clear:both;
        margin-left:22px;
        }
    .newLine img
        {
        width:150px;
        float:left;
        margin:5px 5px 5px 0;
        }
    span.newLine, div.newLine2
        {
        clear:both;
        margin-left:22px;
        color:#4a4a4a;
        margin-right:22px;
        }

    .desno
        {
        margin-right:15px;
        float:right;
        }
 
    div.newLine2 ul {
        margin-left:-22px;
    }

    div.newLine2 .butFormPos2 {
        margin-left:25px;
        
    }

    
 
    .newLineHint
        {
        background: url("img/arrow2.gif") no-repeat 2px 2px;
        clear:both;
        margin:0 22px 0 22px;
        padding:0 0 0 14px;
        color:#6a6a6a;
        }
        
    
    .inpName
        {
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        width: 280px;
        border: 1px solid #e0dfdb;
        }   

    .inpNameDis
        {
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      background-color: #EFEFEF;
        width: 280px;
        border: 1px solid #e0dfdb;
        }   
        
    .inpName2
        {
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        width: 284px;
        border: 1px solid #e0dfdb;
        background: #ffffff;
        }       
        
    .inpName3
        {
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        width: 282px;
        border: 1px solid #e0dfdb;
        background: #ffffff;
        height: 61px;
        }   
        
/* Moje dodane klase i ajdijevi*/  

    div.capt {
        margin-left:22px;
        margin-bottom:11px;
        float:left;
    }
    div.capt img {
       border: 1px solid #e0dfdb; 
       cursor:pointer;
   
    }

    .inpCaptcha {
        font: normal 13px Arial, Helvetica, sans-serif;
        width:106px;
        color:#333;
        border: 1px solid #e0dfdb;
    }

     
    .inpName4
        {
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        width: 282px;
        border: 1px solid #e0dfdb;
        background: #ffffff;
        height: 150px;
        }   
    .inpName5{
    float: left;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #333333;
    width: 100px;
    border: 1px solid #e0dfdb;
        }
    .inpName7
        {
        float: left;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        width: 282px;
        border: 1px solid #e0dfdb;
        background: #ffffff;
        height: 80px;
        }   
    .inpName8{
    float: left;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #333333;
    width: 40px;
    border: 1px solid #e0dfdb;
        }
    .tekst{
        margin: 0px 0px 10px 0px;
        padding: 0px 10px 10px 10px;
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-align:left}

    .tekst2{
        margin: 0px 0px 10px 0px;
        padding: 0px 10px 10px 22px;
        }
   
    .kalendar{
    width: 100px;
    float:left;
    border: 1px solid #FF0000;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
}
    .butFormPos2
        {
        border: 1px solid #9a9a9a;

        }   
    #posalji{
        color: #333333;
        background-color: #FF9900;
        border: 1px solid #FF9900;
        font-size: 0.8em;
        font-weight: bold;
        text-transform: uppercase;
        padding-top: 2px;
        padding-bottom: 2px;
        }
/* Završava moja CSS mudrost */     
        
    .butFormPos
        {
        border: 1px solid #9a9a9a;
        margin-left: 149px;
        }
        
    #empProfil
        {
        background: #ffffff url("img/profil_bot_bkg.gif") no-repeat left bottom;
        width: 160px;
        padding: 0 0 23px;
        margin-bottom:5px;
        }   
        
    #empProfilTop
        {
        width: 150px;
        height: 44px;
        background: url("img/profil_top_bkg.gif") no-repeat left top;
        font: bold 13px Arial, Helvetica, sans-serif; 
      color: #ffffff;
        padding: 6px 0px 0px 10px;
        }   
        
    #textProfil
        {
        text-align: center;
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #333333;
        padding: 0 5px;
        }   
        
    #textProfil img
        {
        margin: 0px 0px 10px 0px;
        border: 0;
        width:150px !important;
        height:auto !important;
        }
        
    #textProfil a
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #dc8600;
        }
        
    #textProfil a:hover
        {
        text-decoration: none;
        }
        
    .jobsBoxCats
        {
        width: 160px;
        background: #55a4b6 url("img/jobs_bot.gif") no-repeat left bottom;
        padding: 0px 0px 17px 0px;
        margin: 5px 0px;
        }   
        
    .jobsBotTopCats
        {
        width: 150px;
        height: 37px;
        background: #55a4b6 url("img/top_job_box.gif") no-repeat left top;
        padding: 6px 0px 0px 10px;
        font: normal 13px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        }   
        
    .jobsTextMidCats
        {
        background: #55a4b6 url("img/mid_job.gif") repeat-x left top;
        padding: 0px 0px 0px 10px;
        font: 11px Arial, Helvetica, sans-serif; 
        color: #333;
        }
        
    .jobsTextMidCats a
        {
        display: block;
        font: 11px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        text-decoration: none;
        padding: 4px 0px 4px 7px;
        background: url("img/str_job.gif") no-repeat left top;
        }
        
    .jobsTextMidCats a:hover
        {
        font: normal 11px Arial, Helvetica, sans-serif; 
      color: #fcca61;
        text-decoration: underline;
        }
        
        /* Moja mudrost */
    .jobsTextBijelo
        {
    padding:0 0 0 7px;
    background-color: #fff;
        }
        
    .jobsTextBijelo ol
        {
    display: block;
    color: #999;
    margin:0 0 0 23px;
    padding:0;
    background: url("img/str_job.gif") no-repeat left top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
        }

    .jobsTextBijelo a
        {
    display: block;
    color: #333;
    text-decoration: none;
    margin:0;
    padding:4px 0px;
    background: url("img/str_job.gif") no-repeat left top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
        }
        
    .jobsTextBijelo a:hover
        {
    color: #999;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
        }

    .jobsTextBijelo a.active
        {
    color: #EDA929;
    font-weight: bold;
    text-decoration:none;
        }
    .jobsTextBijelo a.active:hover
        {
    font-weight: bold;
    text-decoration: underline;
        }
    .jobsTextBijelo a span
        {
        float:right;
        margin-right:10px;
        font-size:9px;
        font-weight:normal;
        padding:1px 2px 0 2px;
        background-color:#2D4453;
        color:#FFF;
        }


a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 2px 0 0 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url('img/calendar.png') no-repeat; 
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
    width: 130px;
    float: left;
}


.error {
    margin: 0px 0px 10px 0px;
    padding: 0px 10px 10px 10px;
    font: bold 11px Arial, Helvetica, sans-serif; 
    text-align:left;
    color: #C60000;
}
.error h3 {
    margin-top:0px
}
.error ul {
    margin: 5px 0 0 15px;
}
.butFormPos2 {
        background-color:#4f9daf;
        color:#fff;
        border: 1px solid #3d6171;
        font: bold 12px Arial, Helvetica, sans-serif; 
        padding-top:2px;
        padding-bottom:2px;
        padding-left:15px;
        padding-right:15px;
        margin-top:5px;
        margin-bottom:5px
    }
.agumb{background-color:#4f9daf;
        color:#fff;
        border: 1px solid #3d6171;
        font: bold 12px Arial, Helvetica, sans-serif; 
        padding-top:2px;
        padding-bottom:2px;
        padding-left:15px;
        padding-right:15px;
        margin-top:0px;
        margin-bottom:10px;
        text-decoration:none;
        display:block;
        width:120px;
        float:left;
        margin-right:5px
        }
.centriraj{text-align:center}
.AuthErrDiv{border:1px solid #dddddd;
            background-color:#fff;
            padding-left:100px;
            padding-top: 10px;
            padding-bottom:5px;
            padding-right:20px;
            margin-right:5px;
            margin-bottom:5px;
            background-image:url('/img/ikona7a.gif');
            background-repeat: no-repeat;
            
            background-position: center left;
            }
.AuthErrDiv h2{
            font: normal 21px Arial, Helvetica, sans-serif; 
            color:#dd0000;
            margin:0px 0px 5px 0px;
            padding:0px;
            font-weight: bold; 
            }
.AuthErrDiv p{
            font: normal 11px Arial, Helvetica, sans-serif; 
            margin:0px 0px 10px 0px;
            padding:0px;
            font-weight: bold; 
            color: #333333;
            }
.lijevo{float:left}
.desno{float:right}

span.link {
    color: #EDA929;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
span.link:hover {
    color: #EDA929;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    cursor:pointer;
}

div.modul {
    float: left;
    margin: 10px 0 0 10px;
    border: 1px solid #EEE;
    width: 79px;
    height: 109px;
    padding: 10px;
    text-align:center;
    vertical-align:middle;
}
div.modul:hover {
    border: 1px solid #DDD;
}
div.modul a {
    color:#999;
    text-decoration:none;
}
div.modul a:hover {
    color:#EDA929;
    text-decoration:underline;
}
div.modul img {
/*
    width:60px;
    height:60px;
*/
    border:0;
    text-align:center;
    margin: 0 0 10px 0;
}
span.on_off {
    cursor:pointer;
}
span.on_off:hover {
    text-decoration:underline;
}

div.jezikCheckbox {
    float:left;
}
div.jezikRadioGroup {
    float:left;
}
div.ostaliJezici {
    float:left;
}
div.ostaliJezici input {
    float: left;
    font: normal 11px Arial, Helvetica, sans-serif; 
    color: #333333;
    width: 240px;
    border: 1px solid #e0dfdb;
}
label.firstLabel {
    display:block;
    float:left;
    text-align:right;
    margin-right:5px;
    width:95px;
    padding-top:3px;
    height:18px;
    vertical-align:middle;
}

a.prijava {
    clear:both;
    width:150px;
    height:70px;
    background:url('img/prijava.gif') no-repeat;
    padding:0;
    border:0;
    margin:5px 0 5px 0;
    display:block;
    cursor:pointer;
}
a.prijava:hover {
    background:url('img/prijava-hover.gif') no-repeat;
}
a.prijava img, a.prijava:hover img {
    padding:0;
    border:0;
    margin:0;
}

/******** 5 kolona **********/
.vijesti {
    background: #55a4b6 url("img/sub_bott.gif") no-repeat left bottom;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 5px 0px;
    text-align:left;
}
        
.vijesti h3 {
    background: url("img/top_su.gif") no-repeat left top;
    margin: 0px;
    width: 170px;
    height: 30px;
    font: bold 13px Arial, Helvetica, sans-serif; 
    color: #ffffff;
    padding: 6px 0px 0px 11px;
}

.vijesti h3 a {
    margin: 0px;
    padding: 0px;
    color: #fff;
    text-decoration:none;
}

.vijesti h3 a:hover {
    margin: 0px;
    padding: 0px;
    color: #fff;
    text-decoration:underline;
}

.vijesti .clanci {
    background: url("img/traka_sub.gif") repeat-x left top;
    width: 180px;
}   
        
.vijesti .clanci .vijest {
    width: 159px;
    margin: 0px 0px 0px 11px;
    padding: 5px 0px 6px 0px;
    font: normal 11px Arial, Helvetica, sans-serif; 
    color: #d4e8ed;
}
        
.vijesti .clanci .vijestDef {
    width: 159px;
    margin: 0px 0px 0px 11px;
    padding: 5px 0px 6px 0px;
    border-top: 1px solid #6eb2c1;
    font: normal 11px Arial, Helvetica, sans-serif; 
    color: #d4e8ed;
}
        
.vijesti .clanci .vijest h4, .vijesti .clanci .vijestDef h4 {
    font: bold 11px Arial, Helvetica, sans-serif; 
    color: #ffffff;
    margin: 0px 0px 5px 0px;
}
        
.vijesti .clanci .vijest a, .vijesti .clanci .vijestDef a {
    font: normal 11px Arial, Helvetica, sans-serif; 
    color: #fcca61;
    text-decoration: none;
}
        
.vijesti .clanci .vijest a:hover, .vijesti .clanci .vijestDef a:hover {
    text-decoration: underline;
}

.provjera {
    display: none;
}
.jobcol .jobbox .tekst{text-align:left}
   
/****************************/
.okvir_gradovi{}
.gradovi_stupac{float:left;width:108px;margin:0px 0px 5px 0px;padding:0px;list-style-type:none;}
.gradovi_stupac li{padding:5px 0px 5px 5px;border-bottom:1px solid #efefef;}

#mojatablica{}
#mojatablica tr{}
#mojatablica td{padding-top:5px;padding-bottom:5px;border-bottom:1px solid #efefef;padding-left:10px;}
#mojatablica th{padding-bottom:5px;padding-left:10px;padding-top:5px;text-align:left}

ul.twitter {padding:10px;margin:10px;list-style:none;}
ul.twitter li {margin-left:10px;padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:5px;}
ul.twitter li:hover {border-bottom:1px solid #aaa;}
ul.twitter li a {display:none;}
ul.twitter li span a {display:inline;text-decoration:none;}
ul.twitter li span a:hover {text-decoration:underline;}

/* novi izdvojeni */

.izdvojeniCols
    {
        width: 510px;
        float: left;
        margin: 0 0 5px 0;
        background: #fff url(img/izdvojeni_bottom_bg.gif) no-repeat left bottom;
        padding: 0 0 20px 0;
    }
    
    .izdvojeniCols h3
    {
        margin: 0px;
        padding: 0px;
        font: bold 13px Arial, Helvetica, sans-serif; 
        color: #ffffff;
        background: url("img/izdvojeni_h3.gif") no-repeat left top;
        width: 500px;
        height: 46px;
        padding: 5px 0px 0px 10px;
    
    }
    
    .izdvojeniCol
    {
        width: 165px;
        float: left;
        margin: 0 5px 0 0;
        background-color: #ffffff;
        padding: 0;
        display: inline;
    }
    
    .izdvojeniCol.last
    {
        margin: 0;
    }
    
    .izdvojeniCol .izdvojeni_posao a{
        border:none;
        display: block;
        margin: 0px 5px;
        padding: 0;
        text-align: center;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #333333;
        text-decoration: none;
        
        }
        
        .izdvojeniCol .izdvojeni_posao a:link {
        text-decoration: none;
        }
        .izdvojeniCol .izdvojeni_posao a:visited{
        text-decoration: none;
        }
        .izdvojeniCol .izdvojeni_posao a:hover {
        text-decoration: underline;
        }
        
        .izdvojeniCol .izdvojeni_posao img{
        
        text-align:center;
        
        
        }
    .izdvojeniCol .izdvojeni_posao
    {
    
        padding-top:15px;
        padding-bottom:15px;
        border-top: 1px solid #efefef;
        margin-left:5px;
        margin-right:5px;
        text-align:center;
    }
    
    .izdvojeniCol .izdvojeni_posao.necrta
    {
        border:0;
    }
    
    .izdvojeniCol .izdvojeni_posao a img
        {
        display: block;
        margin: auto;
        border: 0px;
        margin-bottom: 15px;
        
        }
        
    /* Banner
    ------------------------------------------------------------------*/            
        
    #kolona5
        {
        float: left;
        width: 300px;
        padding:0;
        }

    #kolona5 .banner {
        text-align:center;
/*        background-color:#FFF; */
        margin:0 0 5px 0;
    }
    
    #kolona5 .vijesti {
        background:url("img/sub_300_bott.gif") no-repeat scroll left bottom #55A4B6;
        margin:0 0 5px;
        padding:0 0 10px;
        text-align:left;
    }
    
    #kolona5 .vijesti h3 {
        background:url("img/top_300_su.gif") no-repeat scroll left top transparent;
        color:#FFFFFF;
        font:bold 13px Arial,Helvetica,sans-serif;
        height:30px;
        margin:0;
        padding:6px 0 0 11px;
        width:290px;
    }

    #kolona5 .vijesti .clanci {
        background:url("img/traka_sub.gif") repeat-x scroll left top transparent;
        width:300px;
    }
    
    #kolona5 .vijesti .clanci .vijest {
        color:#D4E8ED;
        font:11px Arial,Helvetica,sans-serif;
        margin:0 0 0 11px;
        padding:5px 0 6px;
        width:279px;
    }

    #kolona5 .vijesti .clanci .vijestDef {
        width: 279px;
        margin: 0px 0px 0px 11px;
        padding: 5px 0px 6px 0px;
        border-top: 1px solid #6eb2c1;
        font: normal 11px Arial, Helvetica, sans-serif; 
        color: #d4e8ed;
    }
        
    #kolona5 .mainMenuBox  {
        background:url("img/main_300_bott.gif") no-repeat scroll left bottom #DC8600;
        width:300px;
    }
    
    #kolona5 .mainMenuTop  {
        background:url("img/top_300_mm.gif") no-repeat scroll left top #DC8600;
        color:#FFFFFF;
        font:bold 13px Arial,Helvetica,sans-serif;
        height:39px;
        margin:0;
        padding:6px 0 0 10px;
        width:290px;
    }
    
    #kolona5 .mainMenu  {
        background:url("img/traka_main.gif") repeat-x scroll left top transparent;
        list-style:none outside none;
        margin:0;
        padding:0 0 14px;
        position:relative;
        text-align:left;
        width:300px;
    }

    #eph-footer {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #407181;
        line-height: 16px;
        padding: 10px 5px 0 5px;
    }
    
    #eph-footer p {
        margin:0;
        padding:0;
        margin-bottom: 6px;
    }
    
    #eph-footer a {
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-size: 12px;
        color: #6aafbf;
    }
    
    #eph-footer a:hover {
        text-decoration: underline;
        color: #fcca61;
    }


body {

/*border-top: 3px solid white;
display: block;*/
}