/* Page */
body {margin: 10px auto; padding: 0; text-align: center; background-color: #f7f7f7; font: small/1.3em Arial, Helvetica, sans-serif; color: #000;}
#top {height: 159px; width: 966px; background: #fff url(prestonfield_images/header.gif) no-repeat; background-position: top left;}
.main_main {margin: 0 auto; width: 966px; background: white url(prestonfield_images/back.gif) repeat; padding-bottom: 30px;}

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

/* Headers */
h2 {color: white; font-weight: bold; font-size: 1.2em; padding: 12px 40px 0 40px; margin: 0;}
h3 {display: none;}
h4 {display: none;}
h5 {margin: 10px;}

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

/* Login */
.loginfields {text-align: right; margin-right: 100px; padding: 10px 0 0 0;}
.loginfields .info {width: 100px; margin-left: 10px;}
.main_login {margin: 0 auto 0 auto; width: 966px; background: white url(prestonfield_images/back.gif) repeat; padding-bottom: 30px;}

/* Menu */
.menu_login {display: none;}
.menu_main {width: 120px; float: left; background-color: Transparent; text-align: left;	padding: 25px 2px 15px 4px;}
.selected {}
#menu {padding: 0; margin: 0;}
#menu li {padding-left: 1.2em; margin-bottom: 0.6em;}
#menu li.menu_br {display: none;}
#menu li#menuitem_1 {display: none;}

/* Narrative */
.left_1 {text-align: justify; margin: 0 auto; padding: 15px 25px 15px 145px;}
.left_empty {text-align: justify; margin: 0 auto; padding: 0 50px 0 180px;}
.left_2 li {display: inline-block;}
.narrative {padding: 0; margin: 0;}
#lastItem {display: none;}

/* Content */
.right_1 {margin: 0 auto; padding: 0 5px 0 130px;}
.cont_right_middle {width: 780px; margin: 0 5px 0 10px; text-align: left;}
.cont_right_middle p {margin: 10px;}
.cont_right_middle p.button {text-align: right; padding-top: 20px;}
.cont_right_middle fieldset {padding: 0; margin: 0 0 20px 0; border: solid 1px white;}
.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_bottom {clear: both;}

/* Page Footer */
.bottom {font-size: x-small; clear: both; text-align: center; padding-top: 12px; background: url(prestonfield_images/base.gif) no-repeat top center;}

/* Pin Form */
#pinform {width: 450px; margin: 0 auto;}
#pinform label.left {width: 175px; margin: 0 0 0 10px;}
#pinform input.field {width: 150px;}

/* Standard Form */
.grid {color: #333333; width: 100% !important; width: 98%;}
.gridheader {background-color: #990033; font-weight: bold; vertical-align: top; text-align: left; color: White;}
.griditem {background-color: #F7F6F3; text-align: left; color: #333333;}
.gridaltitem {background-color: White; text-align: left; color: #284775;}
.gridpager {background-color: #284775; text-align: left; color: White;}
.gridfooter {background-color: #5D7B9D; font-weight: bold; color: White;}
.grid td {vertical-align: top;}
.gridpage a {color: Blue;}
.gridnotes {text-align: right;}

/* Details Form */
.detailscolumn {width: 380px; float: left;}
.detailsform label.left {width: 100px;}
.detailsform input.field {width: 180px;}
.detailsform select {width: 60px;}
.detailsform label.info {float: left; width: 100px; margin: 0; padding: 2px; font-size: 100%; text-align: right;}
.detailsform .emailupdate {display: none;}

/* Agent Booking */
.agentbookingform {margin: 0 60px;}
.calendar {text-align: center;}
.caltitle select {width: 120px;}
.caltable {margin: 0 auto; background: white;}
.caltitle {background-color: #cccccc;}
.caltitle td {padding: 2px;}

/* NEW */
.alphabet {margin-bottom: 10px; width: 695px;}
.alphabet a {padding: 0 7px; font-weight: bold;}
.alphabet span {padding: 0 7px;}

/* Booking Diary */
.diary {margin-top: 10px; width: 640px; text-align: center; font-size: smaller; font-weight: bold;}
.diarydiv {float: left; width: 640px;}
.diarytable {width: 100%; table-layout: fixed; border-collapse: collapse;}
.diarytable th {border: 1px solid black; padding: 2px; background: #990033; color: #fff;}
.diarytable td {border-top: 1px solid black;}
.diarytable div {height: 95%; overflow: hidden;}
.diarytime {background: #ffdfea; padding: 2px;}
.diarytimecol {width: 3.3em;}
.diarynote {background: #ffe4e1; text-align: left; padding-left: 30px;}
.diaryempty {background: #fff5f9; color: #8fbc8f;}
.calendar {margin: 0; padding: 0 0 10px 0;}
.calendarbutton {cursor: pointer;}
.diarybackground {background-color: Gray; filter: alpha(opacity=70); opacity:0.7;}
.bookingPopup {background-color: #dff0ff; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 250px;}
.cancelPopup {background-color: #dff0ff; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 350px;}

/* Handicap Screen Certificate */
.handicapcert {background: white; margin: 25px 25px 0 20px; padding: 8px; border: 1px solid black;}
.handicapcert h1 {display: block; margin: 0; padding-bottom: 10px; font-size: 2.0em;}
.handicapcert h2 {padding: 0; color: Black; margin: auto;}
.handicapcert h3 {display: block;}
.handicapcert img {float: right; clear: right; padding-right: 30px;}
.handicapcert .signature {font: 24pt "Segoe Script", "Monotype Corsiva", Script, Fantasy; margin: 20px;}
.handicapcert .footer {margin-top: 40px; padding: 0; font-size: xx-small; text-align: center;}

/* Noticeboard */
.pdficon {float: right; width: 240px; margin-top: 10px;}
.noticelist {padding-top: 10px;}
.notice {padding-bottom: 20px;}

/* Competition Details */
.compform {margin: 0 15px; text-align: center;}
.compdetails {border: solid 1px black; padding: 5px; margin-bottom: 20px; line-height: 1.2; width: 97%; text-align: left;}
.compdetails a {padding: 0 10px;}
.complinks {float: right;}
.complinks a:hover {color: #888afe; text-decoration: none;}
.resultslist {text-align: left;}