/* Page */
body {margin: 0; padding: 0; text-align: center; background-color: #f2f2f2; font: small/1.3em Trebuchnet, Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif; color: #58595B;}
#top {height: 206px; padding: 0; margin: 0; background: #152449 url(kingsbarns_images/logo.jpg) no-repeat top left; text-align: left;}
.login {margin: 0 auto; width: 1000px; background: #fff;}
.main {margin: 0 auto; width: 1000px; background: #fff;}
.middle {background: url(dornoch_images/outerbox_mid.gif) repeat-y top; padding-top: 10px; padding-bottom: 50px;}

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

/* Headers */
h1 {padding: 32px 0 0 150px; margin: 0; font-size: 42px; color: #333; text-transform: uppercase; font-weight: normal; line-height: 42px; width: 500px; text-align: center;}
.subtitle {color: #fff; font-weight: bold; font-size: 1.2em; padding: 50px 0 0 500px; margin-top: 0px; text-align: center;}
h3 {display: none;}
h4 {display: none;}
h5 {margin: 10px; font-size: 1.1em;}

/* 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;}

/* Menu */
.login .menu {display: none;}
.main .menu {width: 160px; text-align: left; margin: 3px 0 0 0; font-size: 12px; text-transform: uppercase; float: left;}
.selected {background-color: #8abb4b;}
#menu {background-color: #5d6b3d; margin: 0 12px;}
#menu li {float: left; clear: left; margin-right: 0px; border-bottom : 1px solid #fff;}
#menu li a {display: block; padding: 14px 6px 8px 16px; color: #fff; text-decoration: none; background-color: #152449; height: 28px; width: 140px;}
#menu li a:hover {background-color: #2f52a7;}
#menu li.menu_br {display: none; margin: 0;}
#menu li#menuitem_1 {display: none;}

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

/* Content */
.right {margin: 0 auto; padding: 0 0 0 150px;}
.cont_right_middle {width: 780px; margin: 0 30px; 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 #999;}
.cont_right_middle fieldset legend {text-align: left; color: #152449; margin: 0 0 10px 5px !important /*Non-IE*/; margin: 0 0 20px 5px /*IE6*/; padding: 0 2px 0 2px; 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 {height: 26px; width: 1000px; font-size: x-small; clear: both; padding: 0; color: #58595B; margin: 0 auto; background: url(dornoch_images/outerbox_bottom.gif) center no-repeat;}
.bottom a {color: #58595B;}

/* Standard Form */
.grid {color: #333333; width: 96%; margin: 0 auto;}
.gridheader {background-color: #152449; font-weight: bold; vertical-align: top; text-align: left; color: #fff;}
.griditem {background-color: #F7F6F3; text-align: left; color: #333333;}
.gridaltitem {background-color: #fff; text-align: left; color: #284775;}
.gridpager {background-color: #284775; text-align: left; color: #fff;}
.grid td {vertical-align: top;}
.gridpage a {color: #fff;}
.gridnotes {text-align: right; padding-right: 30px;}
.spacedlinks a {color: #000; padding: 0 4px;}

/* 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 */
.detailsform fieldset {width: 680px; margin: 0 auto;}
.detailscolumn1 {width: 330px; float: left;}
.detailscolumn2 {width: 330px; 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;}
.subinfo fieldset {width: 680px; margin: 0 auto;}

/* Booking Diary */
.diary {margin: 10px auto; width: 645px; text-align: center; font-size: smaller; font-weight: bold; color: #000;}
.diary a {color: #000;}
.diarydiv {width: 640px;}
.diarytable {width: 100%; table-layout: fixed; border-collapse: collapse;}
.diarytable th {border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 2px; background: #32401e; color: #fff;}
.diarytable td {border-top: 1px solid #000;}
.diarytable div {height: 95%; overflow: hidden;}
.diarytime {background: #8abb4b; padding: 2px;}
.diarytimecol {width: 4.3em;}
.diaryavailable {background: #fff; text-align: left; padding-left: 30px; color: #32401e;}
.diaryunavailable {background: #d3d3b9; text-align: left; padding-left: 30px; color: #32401e;}
.calendarbutton {cursor: pointer;}
.diarybackground {background-color: Gray; filter: alpha(opacity=70); opacity:0.7;}
.bookingPopup {background-color: #d3d3b9; color: #000; border: 3px solid #bebebe; padding: 3px; width: 320px;}
.cancelPopup {background-color: #d3d3b9; color: #000; border: 3px solid #bebebe; padding: 3px; width: 350px;}
.diaryclubtime {width: 645px; margin: 0 auto;}
.timetext { float: right; }
.coursetext { float: left; }

/* Date Pick Calendar */
.calendar {width: 645px; margin: 10px auto 0 auto; text-align: left; padding: 0 0 0 10px;}
.calendar select {width: 220px;}
.caldate {background: #d8d8d8; text-align: center; width: 194px;}

/* Date Pick Calendar */
.availablecalendar {width: 300px; margin: 10px auto; text-align: left;}
.availablecalendar select {width: 220px;}

/* 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: #008000;}
.availability .booked {background-color: #d8d8d8;}
.availability .freefirst {background-color: #008000; float: right;}
.availability .bookedfirst {background-color: #d8d8d8; float: right;}

/* Noticeboard */
.noticelist {padding: 10px;}
.notice {padding-bottom: 20px; text-align: justify;}
.pdficon {padding: 10px;}

/* Alphabet */
.alphabet {margin: 0 auto 10px auto; width: 96%;}
.alphabet a {padding: 0 8px; font-weight: bold; color: #363942;}
.alphabet span {padding: 0 8px;}

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

/* Handicap Screen Certificate */
.handicapcert {background: #fff; color: #000; margin: 25px 25px 0 20px; padding: 8px; border: 1px solid #000;}
.handicapcert h1 {display: block; margin: 0; padding-bottom: 10px; padding-left: 0; font-size: 2.0em; text-align: left;}
.handicapcert h2 {padding: 0; 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;}

/* Away Score */
.awayscore {margin: 10px auto; text-align: center; width: 600px;}
.awaytable {text-align: left; vertical-align: top; width: 500px;}
.awaytitle {background-color: #34460d; color: #fff;}
.awaytitlerow {width: 140px; text-align: right;}
.awayothermonth {background-color: #fff;}
.awayday {background-color: #d3e5b7;}
.awaydayheader {background-color: #eee;}
.awaynextprev {color: #fff;}

/* Player Scores */
.fixedcolumn {text-align: right; width: 60px; padding-right: 10px;}
.playerscore {width: 700px; margin: 0 auto;}
.scorelink a {color: #fff;}

/* Noticeboard Menu */
.noticelist {height: 170px; width: 100%; margin-left: -10px;}
.noticelist a {color: #fff !important; text-decoration: none;}
.noticelist li {padding: 13px 0 0 0; margin: 0; width: 190px; display: block; float: left; height: 38px; margin: 0 1px 4px 4px; background: #5d6b3d; font-size: 14px; text-align: center;}
.noticelist .aspNetDisabled {font-weight: bold;}

/* Activity Booking Buttons */
.activitylist {height: 40px; text-transform: uppercase; width: 100%;}
.activitylist a {color: #fff; text-decoration: none;}
.activitylist li {display: inline-block; line-height: 20px; margin: 6px; text-align: center; vertical-align: middle; background-color: #5d6b3d; color: #fff; padding: 6px 15px;}

/* Buttons */
.btn {cursor: pointer; display: inline-block; line-height: 20px; margin: 6px; text-align: center; vertical-align: middle; background-color: #5d6b3d; color: #fff; padding: 5px 15px;}
.btn:hover {background-color: #34460d;}