/* Page */
body {margin: 0 auto 10px auto; padding: 0; text-align: center; background-color: #e9e8e6; font: small/1.3em Arial, Helvetica, sans-serif; color: #7D7D7D;}
#top {height: 100px; width: 100%; background: url(craigielaw_images/bg_top.gif) no-repeat top; padding: 0;}
.main {margin: 0 auto; width: 982px; background: white url(craigielaw_images/bg.gif) repeat-y; padding-bottom: 10px; text-align: left;}
.login {margin: 0 auto; width: 982px; background: white url(craigielaw_images/bg.gif) repeat-y; padding-bottom: 1px; text-align: left;}

/* 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 */
h1 {font-size: 1.4em; padding: 30px 25px 30px 140px; text-align: left; background: url(craigielaw_images/craigielaw_logo.gif) no-repeat 21px 21px; height: 60px; width: 800px; margin: 0 auto;}
h2 {color: black; font-weight: bold; font-size: 1.2em; padding: 0 80px 0 0; margin-top: -90px; text-align: right;}
h3 {display: none;}
h4 {display: none;}

/* Attribs */
.alert {color: red;}

/* Login */
.loginfields {text-align: right; width: 400px; padding: 0;}
.loginfields label {margin-right: 10px;}
.loginfields input.info { width: 144px; clear: left; border: solid 1px #ccc; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075); border-radius: 4px; min-height: 26px; line-height: 20px; }
.loginfields input[type="submit"] {cursor: pointer; line-height: 20px; text-align: center; vertical-align: middle; padding: 6px 15px;}

/* Menu */
.login .menu {display: none;}
.main .menu {width: 800px; font-size: 85%; font-weight: bold; text-transform: uppercase; height: 20px; margin: -20px 0 0 110px !important /*Non-IE6*/; margin: -60px 0 0 110px/*IE6*/; }
.main .menu a {color: #7D7D7D;}
.main .menu a:visited {color: #7D7D7D;}
.selected {color: #CECECE;}
#menu {padding: 0; margin: 0;}
#menu li {float: left; padding: 0 20px 0 0;}
#menu li a {display: block;}
#menu li.menu_br {background: url(craigielaw_images/menubr.gif) no-repeat bottom left; height: 15px; width: 3px;}

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

/* Content */
.right {margin: 0 auto; padding: 0 60px 0 60px;}
.cont_right_middle {width: 96%; 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 !important /*Non-IE6*/; padding: 0 /*IE6*/; 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_bottom {clear: both;}

/* Page Footer */
.bottom {width: 982px; font-size: x-small; clear: both; text-align: center; padding-top: 8px; background: url(craigielaw_images/bg_bottom.gif) no-repeat; margin: 0 auto;}

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

/* Details Form */
.detailscolumn1 {width: 348px; float: left;}
.detailscolumn2 {width: 348px; float: left;}
.detailsform label.left {width: 120px;}
.detailsform input.field {width: 180px;}
.detailsform select {width: 60px;}
.detailsform label.info {float: left; width: 240px; margin: 0; padding: 2px; font-size: 100%; text-align: right;}

/* 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;}
.aspNetDisabled {color: Gray;}
.aspNetDisabled:hover {color: Gray;}

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

/* General Grid */
.grid {color: #333333; width: 100% !important; width: 98%;}
.gridheader {background-color: #0f387a; 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;}
.alphabet {width: 100% ! important; width: 98%; font-size: 1.2em; padding-bottom: 10px; color: #FFF;}
.alphabet a {padding: 0 4px;}
.spacedlinks a {padding: 0 4px;}
.spacedlinks a:hover {color: #888afe; text-decoration: none;}

/* Booking Diary */
.diary {margin: 0 auto; width: 98%; text-align: center;}
.diarydiv {float: left; width: 98%;}
.diarytable {width: 100%; table-layout: fixed; border-collapse: collapse;}
.diarytable th {border: 1px solid black; padding: 2px; background: #0f387a; color: #FFF;}
.diarytable td {border-top: 1px solid black;}
.diarytable div {overflow: hidden;}
.diarytime {background: #F7F6F3; padding: 4px;}
.diarytimecol {width: 3.3em;}
.diaryunavailable {background: #cac4b2;}
.diaryavailable {background: #e3e3e1; color: red;}
.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: #e3e3e1; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 350px;}
.cancelPopup {background-color: #e3e3e1; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 350px;}
.diaryclubtime {text-align: right; width: 95%; margin: 0 auto;}

/* Handicap Screen Certificate */
.handicapcert {background: #fff; color: #000; margin: 25px 25px 0 20px; overflow: auto; height: 425px; padding: 8px; border: 1px solid black;}
.handicapcert h1 {display: block; margin: 0; padding: 0; background: none; width: auto;}
.handicapcert h2 {padding: 0; margin: 0; text-align: left;}
.handicapcert h3 {display: block;}
.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;}

/* Customer Booking */
.selectiondiv {float: right; border: 1px solid black; margin: 2px; padding: 6px; width: 185px;}
.selectiontitle {text-align: center; font-weight: bold; text-decoration: underline; width: 100%;}

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

/* Player Scores */
.scorelink a {color: #fff; text-decoration: underline;}