.calendar { 
    position:relative; font-family:Arial, Helv, Helvetica, sans-serif; font-size:0.9em; border:8px solid #fff; z-index:10000; cursor:pointer;     
    -webkit-box-shadow:3px 3px 7px rgba(0,0,0,0.5); -moz-box-shadow:3px 3px 7px rgba(0,0,0,0.5); box-shadow:3px 3px 7px rgba(0,0,0,0.5);
    background: rgb(37,164,222); 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1YTRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzFmOWRkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzEzOTFjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTc5YjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(37,164,222,1) 0%, rgba(31,157,215,1) 50%, rgba(19,145,203,1) 51%, rgba(1,121,176,1) 75%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,164,222,1)), color-stop(50%,rgba(31,157,215,1)), color-stop(51%,rgba(19,145,203,1)), color-stop(75%,rgba(1,121,176,1))); 
    background: -webkit-linear-gradient(top,  rgba(37,164,222,1) 0%,rgba(31,157,215,1) 50%,rgba(19,145,203,1) 51%,rgba(1,121,176,1) 75%); 
    background: -o-linear-gradient(top,  rgba(37,164,222,1) 0%,rgba(31,157,215,1) 50%,rgba(19,145,203,1) 51%,rgba(1,121,176,1) 75%); 
    background: -ms-linear-gradient(top,  rgba(37,164,222,1) 0%,rgba(31,157,215,1) 50%,rgba(19,145,203,1) 51%,rgba(1,121,176,1) 75%); 
    background: linear-gradient(to bottom,  rgba(37,164,222,1) 0%,rgba(31,157,215,1) 50%,rgba(19,145,203,1) 51%,rgba(1,121,176,1) 75%); 
} 
.calendar table { color:#4c4c4c; border:1px solid #ccc; cursor:pointer; border-collapse:separate; }  
.calendar table td { text-align:center; border:none; }   
.calendar .button, .calendar .button div { float:none; background-image:none; color:#fff; text-shadow:none; border:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }  
.calendar thead .title { color:#fff; padding:2px; font-weight:bold; text-align:center; text-transform:uppercase; }  
.calendar thead .headrow .button { color:#fff !important; }  
.calendar thead .hilite { background-color:#008FD1; color:#fff; }  
.calendar thead .active {  }  
.calendar thead .daynames { }  
.calendar thead .day, .calendar thead .day.hilite { padding:2px; }
.calendar thead .name { border-bottom:0; padding:5px; text-align:center; font-weight:bold; }  
.calendar thead .wn { color:#4c4c4c; } 
.calendar thead .daynames .hilite { background-color:transparent; color:#fff; }  
.calendar thead .daynames .active { background-color:transparent; }   
.calendar thead .button, .calendar thead .button.hilite { display:table-cell; padding:5px; }
.calendar thead tr.daynames td { background:rgba(255,255,255,.8); color:#4c4c4c; border-top:1px solid #fff; }
.calendar thead tr.daynames td.weekend { background:rgba(255,255,255,.5); color:#000; }
.calendar tbody td { background:#fff; }
.calendar tbody .day { text-align:center; color:#4c4c4c; border-top:1px none #008FD1; border-right:1px none #008FD1; border-bottom:1px none #008FD1; border-left-width:1px; border-left-color:#4c4c4c; } 
.calendar tbody .day.othermonth { color:#4c4c4c; font-size:70%; } 
.calendar tbody .day.othermonth.oweekend { color:#4c4c4c; } 
.calendar tbody .wn { color:#008FD1; } 
.calendar tbody td { margin:0; padding:3px; width:2em; height:1.5em; } 
.calendar tbody .rowhilite td { background-color: #e6e6e6; } 
.calendar tbody .rowhilite td.wn { color:#4c4c4c; }  
.calendar tbody td.hilite { background-color: #e6e6e6; color:#008FD1; }  
.calendar tbody td.active { background-color: #e6e6e6; color:#4c4c4c; border-width:1px; }  
.calendar tbody td.selected { background-color:#008FD1; color:#fff; font-weight:bold; }  
.calendar tbody td.weekend { background:#008fd1; color:#fff; } 
.calendar tbody td.weekend:hover { background-color:#fff; color:#008FD1; font-weight:bold; }  
.calendar tbody td.today { font-weight:bold; } 
.calendar tbody .disabled { color:#909090; }  
.calendar tbody .emptyrow { display:none; }   
.calendar tfoot .footrow { }  
.calendar tfoot .ttip { font-size:90%; color:#fff;}  

* html .calendar tfoot .ttip { } 
*:first-child+html .calendar tfoot .ttip { } 
.calendar tfoot .hilite { } 
.calendar tfoot .active { }  
.calendar .combo { display:none; background-color:#008FD1; color:#fff; position:absolute; top:0px; left:0px; border:1px solid #fff; width:4em; cursor:pointer; font-size:90%; } 
.calendar .combo .label, .calendar .combo .label-IEfix { padding:1px; text-align:center; } 
.calendar .combo .label-IEfix { width:4em; } 
.calendar .combo .hilite { background-color:#008FD1; color:#fff; } 
.calendar .combo .active { background-color:#fff; color:#4c4c4c; border-top:1px solid #008FD1; border-bottom:1px solid #008FD1; border-style:none; font-style:normal; } 
.calendar td.time { background-color:#008FD1; border-top:1px solid white; padding:1px 0px; text-align:center; } 
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { color:#4c4c4c; border:1px solid #008FD1; padding:0 3px 0 4px; font-weight:bold; } 
.calendar td.time .ampm { text-align:center; } .calendar td.time .colon { padding:0 2px 0 3px; font-weight:bold; } 
.calendar td.time span.hilite { background-color:#949393; color:#fff; border:1px solid #008FD1; } 
.calendar td.time span.active { background-color:#949393; color:#fff; border:1px solid #008FD1; }