/* ---------- AvailabilityBar ---------- */

ul.availabilityBar{height:20px}
ul.availabilityBar li{float:left;width:auto;height:100%;margin:0 5px}
ul.availabilityBar li span{float:left;margin:4px 0 0 3px}
ul.availabilityBar li img{float:left;margin:3px 0 0}

/* ---------- Details ---------- */

.calendar-details h1{float:left;width:261px;height:38px}
.calendar-details h1 a.arrow{margin-top:8px}
.calendar-details h1 span.title{display:block;float:left;width:197px;height:38px;line-height:38px;margin-left:10px;margin-right:10px;text-align:center}

.calendar-details .availabilityBar_holder{float:left;width:289px;margin-top:9px}
.calendar-details .availabilityBar_holder ul.availabilityBar{float:right}

.calendar-details .eventlist{float:left;width:100%}
.calendar-details .eventlist h2{text-transform:uppercase;margin-bottom:8px}

.calendar-details .eventlist ul{width:100%;margin-bottom:10px}
.calendar-details .eventlist ul li{width:100%;height:50px}

.calendar-details .eventlist ul li .artistimage{float:left;width:50px;height:100%;margin:0;padding:0}
.calendar-details .eventlist ul li .artistimage a{float:left}
.calendar-details .eventlist ul li .artistimage img{width:50px;height:50px;display:block}

.calendar-details .eventlist ul li .desc{float:left;color:#999;padding:5px 0 5px 10px}
.calendar-details .eventlist ul li .solo{width:415px;height:35px}
.calendar-details .eventlist ul li .multi{width:365px;height:20px}
.calendar-details .eventlist ul li .desc h3{font-size:15px;line-height:20px;text-transform:uppercase;color:#FFF}
.calendar-details .eventlist ul li .desc h3 a{color:#FFF}
.calendar-details .eventlist ul li .desc p{height:25px;line-height:25px;color:#999}

.calendar-details .eventlist ul li .info{float:left;width:115px;height:40px;margin-top:10px;color:#999;overflow:hidden}
.calendar-details .eventlist ul li .info .state{float:left;width:20px;height:26px;padding:5px 0 0}
.calendar-details .eventlist ul li .info .state img{width:14px;height:14px}
.calendar-details .eventlist ul li .info a.book:link,
.calendar-details .eventlist ul li .info a.book:visited{float:left;width:78px;height:25px;background:url(/img/global/forms/forms.png) no-repeat -1071px 0;margin:0 0 0 1px}
.calendar-details .eventlist ul li .info a.book:hover,
.calendar-details .eventlist ul li .info a.book:active{background-position:-1071px -25px}

/* ---------- Mini Calendar ---------- */

.right-calendarcalendar .navi-arrow{float:left;width:300px}
.right-calendarcalendar .navi-arrow a.arrow{position:absolute}
.right-calendarcalendar .navi-arrow a.arrow-left{margin:75px 0 0 -12px}
.right-calendarcalendar .navi-arrow a.arrow-right{margin:75px 0 0 288px}

/* ---------- Preview ---------- */

.right-preview h2{float:left;width:100%}
.right-preview h2 span.title{display:block;float:left;width:265px}
.right-preview h2 .icon{margin-top:7px}
.right-preview h2 .icon-fullsize{margin-right:3px}

.right-preview .artistoverview{float:left;width:280px;margin-left:13px}
.right-preview .artistoverview ul{width:100%}
.right-preview .artistoverview ul li{color:#989898}
.right-preview .artistoverview ul li.item,
.right-preview .artistoverview ul li.empty{padding:2px;margin-right:5px}

.right-preview .artistoverview ul#fullsize li.item,
.right-preview .artistoverview ul#fullsize li.empty{width:131px;height:151px}
.right-preview .artistoverview ul#fullsize li img{width:131px;height:131px}
.right-preview .artistoverview ul#halfsize li.item,
.right-preview .artistoverview ul#halfsize li.empty,
.right-preview .artistoverview ul#halfsize li img{width:61px;height:61px}

.right-preview .artistoverview ul li.title{float:left;width:280px;margin-bottom:5px;font-size:11px;font-weight:bold;background:transparent}

.right-preview .artistoverview ul li.error{width:280px;height:64px}
.right-preview .artistoverview ul li.error .icon-error{width:280px;margin-top:20px}

.right-preview .artistoverview ul li .artistimage{float:left;margin-bottom:2px}
.right-preview .artistoverview ul li .artistimage a{float:left}
.right-preview .artistoverview ul li .desc{float:left;height:18px;width:125px;padding:0 3px}
.right-preview .artistoverview ul li .desc h3{font-size:11px;height:18px;line-height:18px;text-transform:uppercase}

.right-preview .artistoverview .nodate{float:left;width:280px;height:64px}
.right-preview .artistoverview .nodate .icon-error{width:280px;margin-top:20px}

.right-preview ul.availabilityBar{float:left;width:275px;margin-top:5px}
