/* Page */
body {margin: 0 auto 0 auto; padding: 2px; text-align: left; background-color: #fff; font: small/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #58595B;}
.main .menu {display: none;}
.main .menu_visitor {display: none;}
#top {display: none;}

/* General */
ul {list-style: none; padding: 0; margin: 0;}
li {padding: 0; margin: 0;}
a {color: #000;}
a:visited {color: #000;}
a:hover {text-decoration: underline;}
img {border: 0;}

/* Headers */
h2 {display: none;}
h3 { float: left; margin-top: 0; margin-bottom: 0; margin-left: 28px; }
h4 {text-align: left;}
h5 {margin: 10px;}
.first {display: none;}

/* Attribs */
.alert {color: red;}
.alert p {width: 95%; text-align: center;}

/* Login */
.login .menu {display: none;}
.loginfields {text-align: left; padding: 5px 0 0 0;}
.loginfields input.info {width: 200px;}
.loginfields label {width: 380px; text-align: right; float: left; margin-right: 10px;}
.loginfields p {width: 100%;}
.loginbuttons {text-align: right;}
.loginnarrative {padding-bottom: 10px;}
.signup {text-align: right;}

/* Narrative */
.left {text-align: justify; margin: 0 auto; padding: 0;}
.left_empty {text-align: justify; margin: 0 auto; padding: 0 15px;}
.left li {display: inline-block;}
.narrative {padding: 0; margin: 0;}
.narrativetitle {display: none;}
.pagenarrative {margin: 6px 0;}
.bookingnarrative .pagenarrative {margin: 12px 0px;}
#lastItem {display: none;}

/* Content */
.cont_right_middle p {margin-top: 5px; margin-bottom: 5px;}
.cont_right_middle p.button {text-align: right; padding-top: 20px;}
.cont_right_middle fieldset {width: 610px; padding: 0; margin: 0 0 20px 0; border: solid 1px rgb(220,220,220);}
.cont_right_middle fieldset legend {text-align: left; margin: 0 0 10px 5px !important /*Non-IE*/; margin: 0 0 20px 5px /*IE6*/; padding: 0 2px 0 2px; color: rgb(80,80,80); font-weight: bold;  font-size: 131%;}
.cont_right_middle select {width: 200px;}
.cont_right_middle input.field {padding: 2px; font-size: 100%;}
.cont_right_middle label.left {float: left; margin: 0; padding: 2px; font-size: 100%; text-align: right;}
.cont_right_middle td.tx {font-size: x-small;}

/* Page Footer */
.bottom {font-size: x-small; clear: both; text-align: center; padding-top: 8px;}

/* Details Form */
.detailscolumn1 {width: 255px; float: left; text-align: left;}
.detailscolumn2 {width: 340px; float: left; text-align: left;}
.detailscolumn1 label.left {width: 74px;}
.detailscolumn2 label.left {width: 164px;}
.detailsform input.field {width: 140px;}
.detailsform span.check {clear: left;}
.detailsform select {width: 144px;}

/* Customer Details Form */
.ordiv {margin: 0; text-align: center;}

/* Customer Booking */
.selectiondiv {float: right; border: 1px solid black; margin: 2px; padding: 6px; width: 185px; text-align: center;}
.selectiontitle {text-align: center; font-weight: bold; text-decoration: underline; width: 100%;}
.activitybutton {width: 120px;}
.activitybuttondisabled { width: 120px; background-color: #777 !important; cursor: default !important; color: #444 !important; }
.calendar {text-align: center;}
.availability { border-collapse: collapse; }
.availabilityTime { padding: 0 8px; }
.datetextbox {background: #d8d8d8; text-align: center; width: 200px;}
.terms {height: 130px; width: 290px; font-size: x-small; font-family: Arial;}
.notes {width: 290px; height: 100px;}
.bookingnotetitle {margin-top: 8px; width: 290px;}

/* Availability */
.availability {text-align: center; margin-top: 10px;}
.availability div {height: 15px; float: left;}
.availability .free {background-color: green; cursor: pointer;}
.availability .booked {background-color: #d8d8d8;}

/* Registration */
.paymentdiv {margin-bottom: 10px;}
.paymentsummary {text-align: left;}

/* Buttons */
input[type="submit"] {cursor: pointer; display: inline-block; line-height: 20px; margin: 6px; text-align: center; vertical-align: middle; background-color: #5d6b3d; color: #fff; padding: 5px 15px;}
input[type="submit"]:hover {background-color: #34460d;}
.customertypebtn { width: 200px; }
.timesbtn { min-width: 170px; }