/* ===================== */
/* =      Calendar     = */
/* ===================== */

.calendar { width:100%; margin-bottom:20px }
.calendar .panel { background:#eee; vertical-align:top }
.calendar .panel h1 { font-size:18px; text-align:center; margin:10px 0 10px 0; }
.calendar .datepicker {  }
.calendar .new-appointment h2 { font-size:14px; color:#999 }
.calendar .new-appointment textarea { height:100px; width:100%; margin-top:5px; }
.ui-widget-content { border:0 }
.calendar .time { float:left; color:#777; }
.calendar .description { padding-left:70px; }
.calendar .appointments { padding:0 }
.calendar .appointments li { list-style-type:none; padding:10px 2px; border-top:solid 1px #ddd; }
.calendar .appointments li:first-child { border-top:0; }
.calendar .links { float:right; margin:5px; }