/* Stage Two */
.stage-2 .previous { background: url(/images-2008/obs/previous-button.gif) 0 -25px no-repeat; }
.stage-2 .next { background: url(/images-2008/obs/next-button.gif) top left no-repeat; }

.stage-2 .calendar-head { position: relative; margin: 0 0 15px 0; }
.stage-2 .calendar-head h3 { margin: 0; text-align: center; /*display: inline;*/ }
.stage-2 .calendar-head .buttons { display: block; width: 13px; height: 10px; overflow: hidden; text-indent: -9999px; }
.stage-2 .calendar-head .previous-month { background: url(/images-2008/arrow-left.gif) top left no-repeat; /*float: left; margin: 0 0 -13px 100px;*/ position: absolute; top: 4px; left: 100px; }
.stage-2 .calendar-head .next-month { background: url(/images-2008/arrow-right.gif) top left no-repeat; /*float: right; margin: -13px 100px 0 0;*/ position: absolute; top: 4px; right: 100px; }
.stage-2 .calendar-head .switch-view { color: #004FA2; position: absolute; top: 0; right: 0; }
.stage-2 .calendar-head .switch-view:hover { background: #E6F7F6; }
.stage-2 .calendar-head .switch-view:visited { color: #A7A9AC; }

.stage-2 #calendar .calendar { width: 367px; border-collapse: collapse; background: #F1F1F1; margin-bottom: 20px; }
.stage-2 #calendar th { width: 50px; color: #A7A9AC; font-weight: bold; text-align: center; padding: 4px 0; border: 2px solid #A7A9AC; }
.stage-2 #calendar td { height: 50px; border: 2px solid #A7A9AC; vertical-align: top; }
.stage-2 #calendar td div.wrap { position: relative; width: 100%; height: 100%; background: #FFF; }
.stage-2 #calendar td div.wrap:hover { background: #F40; }

.stage-2 #calendar td h3 { font-size: 21px; font-weight: bold; line-height: 24px; color: #00ACA7; margin: 0; padding: 5px 0 0; text-align: center; }
.stage-2 #calendar td div.wrap:hover h3, #calendar td div.wrap:hover p.appointments { color: #FFF; }
.stage-2 #calendar td.empty h3 { color: #A7A9AC; }
.stage-2 #calendar td.empty div.wrap:hover h3 { color: #A7A9AC; }
.stage-2 #calendar td.empty div.wrap:hover { background: #FFF; }

.stage-2 p.appointments { text-align: center; color: #004FA2; text-decoration: underline; }
.stage-2 p.appointments:hover { color: #004FA2; background: none; }

.stage-2 #calendar td div.wrap .available-appointments { width: 153px; padding: 9px; position: absolute; top: 10px; right: -180px; background: #FFF; z-index: 1050; border: 1px solid #FF4806; }
.stage-2 #calendar td div.wrap .available-appointments .appointments-arrow { width: 18px; height: 29px; background: transparent url(/images-2008/obs/appointments-arrow.gif) top left no-repeat; position: absolute; top: 12px; left: -18px; }

.stage-2 .available-appointments h4 { font-size: 14px; font-weight: bold; line-height: 17px; color: #004FA2; margin: 7px 0 13px 0; }
.stage-2 .available-appointments table { border: none; background: none; margin-left: 10px; }
.stage-2 .available-appointments table tr.PM-tr td { vertical-align: bottom; padding-top: 10px; }
.stage-2 .available-appointments table tr.AM-tr td { vertical-align: bottom; }
.stage-2 .available-appointments table td.PM-td { font-weight: bold; color: #999; font-size: 14px; padding-right: 10px; }
.stage-2 .available-appointments table td.AM-td { font-weight: bold; color: #999; font-size: 14px; padding-right: 10px; }
.stage-2 .available-appointments .dates { clear: both; }

.stage-2 #calendar .available-appointments table td { height: 15px; border: 0; }
.stage-2 #calendar .available-appointments .dates { margin: 0 0 10px; /*overflow: auto;*/ }
.stage-2 #calendar .available-appointments h5 { width: 40px; float: left; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #A7A9AC; margin: 0 0 0 12px; }
.stage-2 #calendar .available-appointments .time { font-weight: bold; padding-right: 10px; text-align: right; }
.stage-2 #calendar .available-appointments .book a { color: #004FA2; }
.stage-2 #calendar .available-appointments .book a:hover { background: #E6F7F6; }

.stage-2 #calendar-list table { width: 100%; background: url(/images-2008/cta-book-bg.gif) top left; }
.stage-2 #calendar-list td { color: #333; padding: 5px 0; }
.stage-2 #calendar-list a { color: #004FA2; }
.stage-2 #calendar-list a:hover { background: #E6F7F6; }
.stage-2 #calendar-list .day { width: 100px; padding-left: 10px; }
.stage-2 #calendar-list .book { width: 90px; text-align: center; }
.stage-2 #calendar-list .list-view-footer { position: relative; margin-top: 10px; }
.stage-2 #calendar-list .page-number { color: #000; text-align: center; }
.stage-2 #calendar-list .list-view-footer a { position: absolute; top: 0; }
.stage-2 #calendar-list .list-view-footer .previous-link { left: 0; }
.stage-2 #calendar-list .list-view-footer .next-link { right: 0; }
.stage-2 .footer span { display: block; }

.stage-2 .booking-info .clinic-info h3 { background: url(/images-2008/arrow-down.gif) 0 3px no-repeat; }

.stage-2 h2 { text-align: left; }