﻿/* Common for availability */
table.availabilityTable 
{    
    border-width: 1px;
	border-spacing: 0;
    border-style: solid;
	border-color: gray;
	border-collapse: collapse;
}

table.availabilityTable th
{    
    border-width: 1px;	
    border-spacing: 0;
	border-style: dotted;
	border-color: gray;		
	-moz-border-radius: 0;
	background-color:whitesmoke;
	height:20px;	
	font-size:10px;
    border-bottom-style: none;
    white-space: nowrap;
}

table.availabilityTable td
{
    -moz-border-radius: 0 0 0 0;    
    border-width: 1px; 
    border-color: gray;
    border-style: solid;
}


.availabilityTableCol0Header 
{   margin-top: -18px;
    padding-right: 10px;
    text-align: right;
    width: 100px;
}
.availabilityTableColNHeader{ width: 3%; }

/* cell colors */
.defAvWeekend 
{
     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgwAGMoRi3ABwAABoqAM1Z7wqiAAAAAElFTkSuQmCC");
}

.avWeekendText
{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgwAGMoRi3ABwAABoqAM1Z7wqiAAAAAElFTkSuQmCC");
}

.defAvailability, .defAvWeekend, .available, .notAvailable
{
    width:100%;
    height:20px;
    font-size:10px;
}

.partlyAv{ background-color: red;}
.defAvailability { background-color: white;}
.available {background-color:rgb(165,214,116);}
.available.partlyAv{background-color:rgb(203,232,174);}
.notAvailable  { background-color:rgb(255,143,128); }
.notAvailable.partlyAv {  background-color:rgb(253,200,206);}
.highlightAvailability {
    opacity: 0.6;
}

/* legenda for availavility */
ul.legenda { list-style-type:none; }

ul.legenda li
{
    clear:both;
    padding:5px;
}
 
.legendaItemColor
{
    width:50px;
    border:1px solid black;
    float:left;    
    height:15px;    
}

.legendaItemTitle
{
    float:left;
    padding-left:5px;
}

    
.availabilityPopup
{
    font-size:12px;
    width:100%;      
}

._balloonCategory
{
    font-weight:bold;
    color:Green;
    font-size:12px;     
    padding:5px;
    padding-top:15px;
}

._balloonDateInfo
{  
  color:Green;
  font-size:10px;       
}

.dayNotExist {
    background-color: darkgray;
    min-height: 20px;
    min-width: 10px;
}

table.availabilityTable th[scope="row"] {
    border-style: none;
}

table.availabilityTable th[scope="col"] {
    padding-top: 6px;
    padding-bottom: 6px;
}