/*******************************Calendar Top Navigation*********************************/

body {
    font-size: 110%;
}
#calendar {
    box-shadow: none;
}
.calendar_site {
    background-color: transparent;
}


.calendarNumber {
    height:18px;
}
/*
.calendar_iframe {
/*    min-width:100%;height:500px;
    border:none;
    aling:center;
    width: 352px;
    min-height:390px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}*/

div#calendar{
  margin:0px auto;
  padding:0px;
  width: 350px; /* orig width:602px; */
  font-family:Helvetica, "Times New Roman", Times, serif;
  background-color: #ffffff;
}
 
div#calendar div.box{
    color:white;
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:40px;
    background-color: #328217;      
}
.navig {
    padding:0;
    font-size: 160%;
}
#calendar_NavigBar {
    border-radius: 9px;
    font-size: 120%;
    font-weight: bold;
}
 
div#calendar div.header{
    line-height:40px;  
    vertical-align:middle;
    position:absolute;
    left:11px;
    top:0px;
    width:330px; /* orig width:582px; */
    height:40px;   
    text-align:center;
}
 
div#calendar div.header a.prev,div#calendar div.header a.next{ 
    position:absolute;
    top:0px;   
    height: 17px;
    display:block;
    cursor:pointer;
    text-decoration:none;
    color:#ffffff;
}
 
div#calendar div.header span.title{
    color:#ffffff;
    font-size:18px;
}
 
 
div#calendar div.header a.prev{
    left:0px;
}
 
div#calendar div.header a.next{
    right:0px;
}
 
 
 
 
/*******************************Calendar Content Cells*********************************/
div#calendar div.box-content{
    border:1px solid #98c9a8;
    border-top:none;
}
 
 
 
div#calendar ul.label{
    float:left;
    margin: 0px;
    padding: 0px;
    margin-top:5px;
    margin-left: 5px;
}
 
div#calendar ul.label li{
    margin:0px;
    padding:0px;
    margin-right:5px;  
    float:left;
    list-style-type:none;
    width:44px; /* orig 80px */
    height:30px; /* orig 40px */
    line-height:30px; /* orig 40px */
    vertical-align:middle;
    text-align:center;
    color:#000000;
    font-size: 15px;
    background-color: transparent;
}
 
 
div#calendar ul.dates{
    float:left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
    margin-bottom: 5px;
}
 
/** overall width = width+padding-right**/
div#calendar ul.dates li{
    margin:0px;
    padding:0px;
    margin-right:5px;
    margin-top: 5px;
    line-height:40px; /* orig 80px */
    vertical-align:middle;
    float:left;
    list-style-type:none;
    width:44px; /* orig 80px */
    height:44px; /* orig 80px */
    font-size:20px; /* orig 25px */
    background-color: #dddddd;
    color:#000000;
    text-align:center;
    border-radius:9px;
    border:solid 2px #ffffff;    
}
 
:focus{
    outline:none;
}
 
div.clear{
    clear:both;
}    






/* ------------------------------- */

.mask {
    background-color: transparent !important;
}
.busy {
    background-color: #ecec13 !important;
    border-radius:9px;
}
.free {
    background-color: #86c692 !important;
    border-radius:9px;
}
.clickable {
    cursor: pointer;
}

.today {
    border:solid 2px #6699ff !important;
}


.dayLabel {
    width:12%;
}
.oneDay {
    width:12%;
    border-radius:9px;
    font-size: 120%;
}


/* ennek a myStyle-ban is benne kell lennie: */
#details_data {
    text-align: center;
}
#details_data .mySpinner {
    margin: 16pt;
    font-size: 20pt;
}
.important-text {
    font-weight: bold;
}
/* -------------------------------- */