* { margin: 0; padding: 0; }

.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }

hr { display: none; }

html { font: normal 12px/20px Georgia, sans-serif; background: #fff url(../images/head-bg.png) top repeat-x; }
body { background: url(../images/foot-bg.png) bottom repeat-x; }

img { border: none; }

.doc { background: url(../images/silk/page_word.png) no-repeat; padding-left: 24px; vertical-align: middle; }
.pdf { background: url(../images/silk/page_white_acrobat.png) no-repeat; padding-left: 24px; vertical-align: middle; }


#bnr1 { border: 1px solid #9da393; padding: 2px; width: 728px; height: 90px; margin: 0 auto; }
#bnr2 { border: 1px solid #9da393; padding: 2px; width: 300px; height: 250px; }


#cont { width: 960px; margin: 0 auto; }

#head { position: relative; height: 82px; margin-bottom: 25px; }
  
  #head h1 a { position: absolute; top: 19px; left: 0; display: block; width: 250px; height: 60px; background: url(../images/e-odvetniki-logo.gif) no-repeat; }
  #head h1 a span { display: none; }
  #head h2 { display: none; }

#content { margin-top: 10px; min-height: 200px; }
  
/*=== Main navigation ===*/
  
ul#mainnav { position: absolute; top: 19px; left: 300px; list-style: none; }
  
  ul#mainnav li { float: left; }
  ul#mainnav li span { display: none; }
  ul#mainnav li a { display: block; height: 60px; }
  
  ul#mainnav li.odvetniki a { width: 129px; background: url(../images/nav-odvetniki.png) no-repeat; }
  ul#mainnav li.podrocja a { width: 189px; background: url(../images/nav-podrocja.png) no-repeat; }
  ul#mainnav li.tarifa a { width: 202px; background: url(../images/nav-odvetniska-tarifa.png) no-repeat; }
  ul#mainnav li.uporabno a { width: 129px; background: url(../images/nav-uporabno.png) no-repeat; }

  ul#mainnav li a:hover { background-position: 0 -60px; }
  ul#mainnav li.active a { background-position: 0 -120px; }
  
  
/*=== Icons ===*/
  .admin { padding-left: 24px; background: url(../images/silk/cog.png) no-repeat; }

  .current_user { padding-left: 24px; background: url(../images/silk/user_gray.png) no-repeat; }
  .edit_profile { padding-left: 24px; background: url(../images/silk/briefcase.png) no-repeat; }
  
  .lawyer { padding-left: 24px; background: url(../images/silk/user_suit.png) no-repeat; }
  .new_lawyer { padding-left: 24px; background: url(../images/silk/user_suit.png) no-repeat; }
  .edit_lawyer { padding-left: 24px; background: url(../images/silk/user_edit.png) no-repeat; }
  .delete_lawyer { padding-left: 24px; background: url(../images/silk/user_delete.png) no-repeat; }
  
  .office { padding-left: 24px; background: url(../images/silk/group.png) no-repeat; }
  .new_office { padding-left: 24px; background: url(../images/silk/group_add.png) no-repeat; }
  .edit_office { padding-left: 24px; background: url(../images/silk/group_edit.png) no-repeat; }
  .delete_office { padding-left: 24px; background: url(../images/silk/group_delete.png) no-repeat; }

/*=== Frontpage ===*/

#leftcol {
  float: left;
  width: 340px;
  margin-right: 20px;
}

  #content #leftcol p { margin-bottom: 10px; }

#rightcol {
  float: right;
  width: 310px;
}

#middle {
  width: 29%;
  float: left;
}

#content #podrocja { list-style: none none; margin: 0; }

#content #podrocja li { margin-bottom: 4px; border-bottom: 1px solid #ccc; padding: 2px 0; }
  #content #podrocja li strong { display: block; font: bold 12px/20px Arial, helvetica, sans-serif; color: #0177BE; cursor: pointer; }
  #content #podrocja li strong:hover { color: #7DB215; }

  #content #podrocja li.active strong { color: #000; }
    #content #podrocja li.active strong:hover { color: #000; }
    #content #podrocja li.active { }
    
    
#content #latest ul { list-style: none none; margin: 0; }

/* ************************************************ */  

  #content p {
    margin: 10px 0 20px 0;
  }
  
  #content .vcard p,
  #content li p { margin: 0; }
  
  #content ul.searchtab {
    position: absolute;
    top: 0; right: 0;
    margin: 0; padding: 0;
  }
  
    #content ul.searchtab li {
      list-style: none;
      float: left;
    }
    
      #content ul.searchtab li a {
        display: block;
        padding: 6px 20px;
        width: 96px;
        height: 19px;
        font: bold 13px/18px Arial, helvetica, sans-serif;
        color: #0177be;
        text-decoration: none;
        text-align: center;
      }
      
        #content ul.searchtab li a { background: url(../images/btn-inactive-bg.png) no-repeat; }
        #content ul.searchtab li.inactive_left a { background: url(../images/btn-inactive-bg-1.png) no-repeat; }
        #content ul.searchtab li.active a { background: url(../images/btn-active-bg.png) no-repeat; color: white; }
        #content ul.searchtab li a:hover { color: black; }
        
        
#content #search {
  position: relative;
/*  float: left;*/
  width: 464px;
}

  #content #search h2 {
    font: normal 22px/28px Georgia, sans-serif;
    margin-left: 16px;
    margin: 0; padding: 0;
    border-bottom: none;
  }
  
  #content #search form {
    width: 464px;
    height: 85px;
    background: url(../images/search-bg.png) repeat-x;
    margin: 0;
  }  

  #content #search form label { display: none; }
  
    #content #search form p { 
      padding: 30px 16px;
      margin: 3px 0 0 0;
      position: relative;
      }
  
    #content #search form #search_criteria {
      width: 295px;
      position: absolute;
      color: #666;
      top: 31px; left: 20px;
      height: 19px;
      padding: 4px 0 0 5px;
    }
    
    #content #search form #search_submit {
      position: absolute;
      top: 30px; left: 330px;
    }

/* === Advanced search === */

#content #advanced_search {
  position: relative;
  width: 960px;
}

  #content #advanced_search h2 {
    font: normal 22px/28px Georgia, sans-serif;
    margin-left: 16px;
    margin: 0; padding: 0;
    border-bottom: none;
  }
  
  #content #advanced_search form {
    width: 960px;
    height: 200px;
    background: url(../images/search-bg.png) repeat-x;
    margin: 3px 0 0 0;
  }
  
  #content #advanced_search input {
  }
  


/* ************************************************ */  
  
  

#content #info {
  position: relative;
  float: right;
  width: 480px;
}

  #content #info h1 {
    font: normal 22px/28px Georgia, sans-serif;
    margin-left: 16px;
    border: none;
    padding: 0;
    margin: 0;
  }

  #content #info ul {
    position: absolute;
    right: 0; top: 0;
    margin: 0; padding: 0;
  }
  
    #content #info ul li {
      list-style: none;
      float: left;
    }
    
      #content #info ul li a {
        font: bold 12px/18px Arial, helvetica, sans-serif;
        display: block;
        padding: 0px 5px 0px 24px;
        margin: 8px 10px 0 0;
        color: #0177be;
        text-decoration: none;
      }
      
        #content #info ul li a:hover { color: #7DB215; }

  	  #content #info ul li a.info-kontakt { background: url(../images/silk/email.png) no-repeat; }
  	  #content #info ul li a.info-vec { background: url(../images/silk/information.png) no-repeat; }


  #content #info p {
    display: block;
    width: 450px;
    height: 52px;
    line-height: 18px;
    border-top: 2px solid #0177be;
    background: url(../images/info-bg.png) repeat-x;
    padding: 16px;
    margin-top: 2px;
  }



/* ************************************************ */

  #content h1 {
    font: normal 22px/28px Georgia, sans-serif;
    padding: 0 0 42px 0;
    margin: 10px 0 0 0;
    background: url(../images/h1-bg.gif) repeat-x 0 38px;
  }
  
    #content h1.nobg { 
      padding: 0 0 10px 0;
      border-bottom: 3px solid #0177be;
      background: none none;
    }
  
  #content h2 { font: normal 18px/24px Georgia, sans-serif; margin: 20px 0 10px 0; }

  #content a {
    font-family: Arial, helvetica, sans-serif;
    color: #0177be;
    text-decoration: none; 
    font-weight: bold;
  }
  
    #content a:hover,
    #content a:focus {
      color: #7db215;
    }   
    
  #content ul {
    list-style: disc;
    margin: 10px 0 10px 30px;
  }
  
  #content ol {
    margin: 10px 0 10px 30px;
  }


/*=== User control panel ===*/

div#user_panel {
  padding: 10px 20px;
  background: #f7f7f7;  
  border: 1px dotted #ccc;
}

  div#user_panel form { margin: 0; }
  div#user_panel p { margin: 5px 0; }
  div#user_panel .fl a { margin-right: 12px; }  
  
/*=== Admin panel ===*/

div#admin_panel {
  padding: 10px 20px;
  background: #f7f7f7;  
  border: 1px dotted #ccc;
  margin-top: 10px;
}

  div#admin_panel p {
    margin: 0;
    padding: 0;
  }
  
  div#admin_panel a {
    margin-right: 20px;
  }

/* ************************************************ */


  #content .list { position: relative; }

    #content .list h2 {
      font-size: 13px;
      font-weight: bold;
      text-transform: uppercase;
      color: #595c53;
      border-bottom: 1px solid #595c53;
      padding: 10px 0 10px 16px;
      margin: 0;
    }
    
    /* Titles for columns when displaying lawyers */
    #content .legend p { margin: 0; }
    #content .legend { color: #9da393; font: bold 13px Georgia, sans-serif; }
    #content .legend .title_addr { position: absolute; top: 14px; left: 240px; width: 200px; }
    #content .legend .title_cat { position: absolute; top: 14px; left: 490px; width: 200px; }
    #content .legend .title_lang { position: absolute; top: 14px; left: 720px; width: 220px; }    

    #content .legend .title_authors { position: absolute; top: 14px; left: 530px; width: 260px; }    
    #content .legend .title_publisher { position: absolute; top: 14px; left: 810px; width: 140px; }    
    
    
    #content .list ul { margin: 0; }
    #content .list ul li {
      list-style: none;
      border-bottom: 1px solid #bfbfbf;
      padding: 4px 16px;
    }
    
      #content .odd {  }  
      #content .even { background: url(../images/dd-bg.gif); }
      
    /* Style lawyer vCard for listing */
    #content #lawyerList { margin: 10px 0 20px 0; }
    #content #lawyerList ul li { position: relative; height: 39px; }
    #content #lawyerList .vcard { }
    #content #lawyerList .vcard p { /* width: 200px; */ width: 460px; }
    #content #lawyerList .vcard .fn { width: 200px; font-size: 12px; }
    #content #lawyerList .vcard .org { font-size: 12px; }
    #content #lawyerList .vcard .street-address { position: absolute; left: 240px; top: 4px; padding-left: 24px; background: url(../images/silk/building.png) no-repeat 0 2px; }
    #content #lawyerList .vcard .post { position: absolute; left: 240px; top: 24px; padding-left: 24px; }
    #content #lawyerList .vcard .cat { position: absolute; left: 490px; top: 4px; }
    #content #lawyerList .vcard .lang { position: absolute; left: 720px; top: 4px; width: 220px; }
    
    /* Style office list */
    #content #officeList ul li .office { padding-left: 0; background: none; }



    /*=== Pagination ===*/
    #content .pagination {
      padding: 10px 0;
      text-align: center;
      font-family: Arial, helvetica, sans-serif;
      border-bottom: 1px solid #595c53;
      background: url(../images/pagination-bg.png) no-repeat 0 0;
    }
    
    #content .pagination a { padding: 5px 10px; }
    #content .pagination .current { margin: 0 10px; font-weight: bold; }
    #content .pagination {}




/*=== Display lawyer details ===*/

#lawyerDetails { }

  #lawyerDetails ul { margin: 0; }

  #lawyerDetails .vcard { }
  #lawyerDetails .vcard h1, #officeDetails h1 { margin: 0; }
  #lawyerDetails .vcard h2, #officeDetails h2 { margin: 0; font-size: 12px; line-height: 20px; }
  
  #lawyerDetails .vcard .street-address {}
  #lawyerDetails .vcard .photo {
    width: 175px; height: 150px;
    background: #dee6cf url(../images/lawyer-details-bg.gif) repeat-x;
  }
  #lawyerDetails .vcard .post { }
  #lawyerDetails .vcard .photo, #officeDetails .photo { float: left; }
  #lawyerDetails .vcard .email { background: url(../images/silk/email.png) no-repeat; padding-left: 20px; }
  #lawyerDetails .vcard .web { background: url(../images/silk/world_link.png) no-repeat; padding: 0 0 2px 20px; }
  
  
  #lawyerDetails .vcard .person-data,
  #officeDetails .office-data {
    padding: 10px 40px 10px 20px;
    float: right;
    background: #dee6cf url(../images/lawyer-details-bg.gif) repeat-x;
    width: 725px;
    height: 130px;
  }
  
    #officeDetails .office-data { min-height: 130px; height: auto; }
  
  /* Custom description for office & lawyer */
  #content .basic { width: 50%; margin-right: 20px; }
  #content .basic h3 { font-size: 17px; font-weight: normal; margin: 20px 0 10px 0; }
  #content .basic h4 { font-size: 14px; font-weight: bold; margin: 15px 0 10px 0; }
  #content .basic p { margin: 0 0 10px 0; }
  #content .basic ul { margin: 10px 0 10px 20px; list-style: disc; }
    


  #officeDetails { overflow: auto; }
  #officeDetails .lawyers-list { float: left; margin: 0; width: 420px; }
    #officeDetails h2 { font: bold 12px/20px Georgia, serif; color: #595C53; text-transform: uppercase; }
    #officeDetails ul { margin: 0; list-style: none none; }
    #officeDetails ul li {  }

  #lawyerDetails .vcard p { margin: 0; }
  #lawyerDetails .vcard ul#phones { list-style: none; overflow: auto; }
  #lawyerDetails .vcard ul#phones li { list-style: none; float: left; width: 110px; }
  #lawyerDetails .vcard ul#phones strong { display: none; }
  
  #lawyerDetails .vcard ul#phones .icn-phone { background: url(../images/silk/telephone.png) no-repeat; padding-left: 30px; }
  #lawyerDetails .vcard ul#phones .icn-mobile { background: url(../images/silk/phone.png) no-repeat; padding-left: 30px; }
  #lawyerDetails .vcard ul#phones .icn-fax { background: url(../images/silk/printer.png) no-repeat; padding-left: 30px; }
 


  #lawyerDetails dl dt {
    font-weight: bold;
    width: 185px;
    float: left;
    margin: 0 0 10px 0;
    clear: both;
    text-transform: uppercase;
    color: #595c53;
  }
  
    #lawyerDetails dl dd {
      margin: 0 0 10px 185px;
    }


/* Textile help */

#content div#textile-suggestions { margin: 20px 0 0 160px; }
  #content div#textile-suggestions .shorthand { width: 280px; }
  #content div#textile-suggestions .result { width: 300px; }
  
  #content .textile_preview_header { margin: 20px 0 0 160px; }
  #content div#textile_preview { width: 577px; margin: 0 0 0 160px; }


/*=== Litratura ===*/

#content .literature {
  margin: 0; padding: 0;
  position: relative;
}

  #content .literature h2 {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #595c53;
    border-bottom: 1px solid #595c53;
    padding: 10px 0 10px 16px;
    margin: 0;
  }

  #content .literature ul {
    list-style: none;
    margin: 0; padding: 0;
  }

  #content .literature li {
    position: relative;
    height: 89px;
    border-bottom: 1px solid #BFBFBF;
  }

    #content .literature img {
      position: absolute;
      top: 0; left: 0;
      }
      
    #content .literature li h2 {
      position: absolute;
      top: 4px; left: 110px;
      margin: 0; padding: 0;
      width: 400px;
      font-size: 12px;
      text-transform: none;
      border-bottom: none;
    }
    
      #content .literature h2 a { 
        padding: 0px 0 2px 24px;
        background: url(../images/silk/world_link.png) no-repeat 0 0;               
        line-height: 20px;
      }
    
    #content .literature p.summary {
      position: absolute;
      top: 24px; left: 134px;
      width: 376px;
    }
    
    #content .literature p.authors {
      position: absolute;
      top: 4px; left: 530px;
      width: 260px;
      color: #666;
      }
      
    #content .literature p.store {
      position: absolute;
      top: 4px; left: 810px;
      width: 140px;
    }






/*=== Footer ===*/

#foot {
  margin-top: 40px;
  min-height: 100px;
  color: #bdbdbd;
}

  #foot p { padding-top: 35px; color: #bdbdbd; }
  #foot p strong { font-family: Arial, helvetica, sans-serif; }
  #foot p a { color: #bdbdbd; text-decoration: none; font-weight: bold; }
  #foot p a:hover { color: #666; }
  
  #foot .other a { color: #666; font: 11px/13px Arial, helvetica, sans-serif; text-decoration: none; }
  
  /* Link To top */
  #foot p.top { margin: 0; padding: 0; float: right; margin-top: 33px; }
  #foot p.top a { display: block; width: 100px; height: 24px; background: url(../images/top.gif) no-repeat; }
  #foot p.top a:hover { display: block; width: 100px; height: 24px; background: url(../images/top.gif) no-repeat 0 -23px; }
  #foot p.top a span { display: none; }


  #content form {
    margin: 20px 0;
  }

    #content form label {
      float: left;
      width: 140px;
      text-align: right;
      margin-right: 20px;
    }
    
    #content form .hint { font-family: Arial, helvetica, sans-serif; font-size: 11px; color: #666; }
    #content form span.info { margin-left: 160px; }
    #content form span.info a { font-weight: normal; }
    #content form p { margin: 5px 0 10px 0; }



fieldset { 
  padding: 10px 20px 15px 20px;
  border: none;
  border-top: 1px solid #0177be;
  }

fieldset legend { 
  font-size: 17px; 
  padding: 0 10px 0 10px;
  margin-left: -10px;
  }

fieldset ul {
  list-style: none;
  margin: 0;
  padding: 0;
 }
 
 
/* Linki za urejanje zapisov */
.admin_links { padding: 0 20px 0 0; }
.top_admin_links { padding: 0 0 20px 0; }


 
.webinfo {
  margin: 10px 0 10px -6px;
}

.webinfo img {
  margin-right: 10px;
}



/* Notification messages */
div#notice {
  padding: 10px 20px;
  margin: 10px 0;
  background-color: #f8fbf2;
  border: 1px dotted #666;
  font-size: 14px;  
}

div#error,
#errorExplanation {
  padding: 10px 20px;
  margin: 10px 0;
  background-color: #ffebeb;
  border: 1px dotted red;
  font-size: 14px;
}