/* Some resets for compatibility with existing CSS 

*/


.date_selector_kalendar, .date_selector_kalendar *{
  font-family: arial, verdana, calibri, sans-serif;
  width:130px;
  height: auto;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
}


.date_selector_kalendar {
  background: #F2F2F2;
  border: 1px solid #bbb;
  padding: 5px;
  float:left;
  margin:0 0 0 5px;
}


.date_selector_ieframe_kalendar {
}
  
.date_selector_kalendar .nav_kal {

 }
  
.date_selector_kalendar .month_nav, .date_selector_kalendar .year_nav {
    margin: 0 0 3px 0;
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
 }
  

.date_selector_kalendar .month_nav {
	font-size: 14px;
	font-weight: bold;
	color:#4F4F4F;
  }
  
.date_selector_kalendar .year_nav {
    float: right;
    width: 90px;
    margin-right: -4px; /* Compensates for cell borders */
  }
  
.date_selector_kalendar .month_name, .date_selector_kalendar .year_name {
    font-weight: bold;
    line-height: 20px;
  }
  

.date_selector_kalendar .button {
    display: block;
    position: absolute;
   
 top: 0;
    width: 18px;
    height: 18px;
    line-height: 17px;
   
 font-weight: bold;
    color: #003C78;
  
text-align: center;
    font-size: 12px;
    overflow: hidden;
    border: 1px solid #F2F2F2;
  }
   

.date_selector_kalendar .button:hover, .date_selector_kalendar .button.hover {
      background: none;
      color: #003C78;
      cursor: pointer;
      border-color: #ccc;
    }
  

.date_selector_kalendar .prev {
 left: 0;
  }
  

.date_selector_kalendar .next {
  right: 0;
  }
  

.date_selector_kalendar table {
    border-spacing: 0;
    border-collapse: collapse;
    /*clear: both;*/
  }
   

 .date_selector_kalendar th, .date_selector_kalendar td {
      width: 2.5em;
      height: 2em;
      padding: 0;
      text-align: center;
      color: #4F4F4F;
	  font: arial, verdana, calibri, sans-serif;
	  font-size: 10px;
    }
   
 .date_selector_kalendar td {
      border: 1px solid #ccc;
      /*line-height: 2em;*/
      text-align: center;
      white-space: nowrap;
      color: #003C78;
      background: white;
	  font-size: 11px;
	  font: arial, verdana, calibri, sans-serif;
	  height:20px;
    }
   
 .date_selector_kalendar td.today {
      background: #FFFEB3;
    }

.date_selector_kalendar td.zauzeto {background: #FF9C8F; }
.date_selector_kalendar td.zauzeto_start {background:url("/img/cellbg1.png") no-repeat top left;}
.date_selector_kalendar td.zauzeto_end {background:url("/img/cellbg2.png") no-repeat top left;}
.date_selector_kalendar td.zauzeto_u_tijeku {background:url("/img/cellbg5.png") no-repeat top left;}

.date_selector_kalendar td.u_tijeku {background: #E6D381; }
.date_selector_kalendar td.u_tijeku_start {background:url("/img/cellbg3.png") no-repeat top left;}
.date_selector_kalendar td.u_tijeku_end {background:url("/img/cellbg4.png") no-repeat top left;}
.date_selector_kalendar td.u_tijeku_zauzeto {background:url("/img/cellbg6.png") no-repeat top left;}

 .date_selector_kalendar td.unselected_month {
      color: #ccc;
    }
   

 .date_selector_kalendar td.selectable_day {
      cursor: pointer;
    }
   

 .date_selector_kalendar td.selected {
      background: #D8DFE5;
      font-weight: bold;
    }
   

 .date_selector_kalendar td.selectable_day:hover,

 .date_selector_kalendar td.selectable_day.hover {
      background: #003C78;
      color: white;
    }