/* General Element Styling */
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;}
h4.first {display: none;}
.nobreak { white-space: nowrap; }

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

/* Menu */
/*#menudiv a#pull {display: none;} 

@media only screen and (max-width : 480px) {
  #menudiv ul { display: none; height: auto; }
  #menudiv a#pull { display: block; width: 100%; position: relative; }  
	#menudiv li { display: block; float: none; width: 100%; }
	#menudiv li a { border-bottom: 1px solid #576979; }
}*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


/* Login */
.customerlogin {padding: 0 20px;}
.logoutlink {font-size: smaller; padding-left: 20px;}

/* 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; color: #000; 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;}
.handicapcert .printbutton {float: right; color: #000;}

/* Member Details */
.subinfo {margin-top: 8px;}
.chargestable {float: left; width: 270px;}
@media screen and (max-width: 680px) {
  .chargestable { float: left; width: 210px; }
}
@media only screen and (max-width : 480px) {
  .chargestable {float: left; width: 170px;}
}

/* Lottery */
.lotteryenter {padding: 20px; margin: 8px 0;}
.lotteryselected {background-color: Gray;}
.lotteryticket {padding: 5px; margin: 5px; border: 1px solid black; white-space: nowrap; display: inline-block;}
.lotteryentries {margin: 10px auto; width: 800px;}

/* Noticeboard */
.pdficon {float: right; margin: 0 20px 0 10px; clear: right;}
.notice {padding-bottom: 20px;}
.noticeimage {float: right; padding: 0 10px;}
.notice h5 {clear: right;}
.notice li {float: left; padding: 0 8px 8px 8px;}

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

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

/* Competition Details */
.compform {margin: 0 15px; text-align: center;}
.compdetails {border: solid 1px black; padding: 5px; margin-bottom: 20px; line-height: 1.2; text-align: left;}
.compdetails a {padding: 0 10px;}
.complinks {float: right;}
.complinks a:hover {text-decoration: none;}
.resultslist {text-align: left;}
.selection {padding-left: 40px;}
.withdraw { text-align: center; border: solid 1px black; padding: 5px; margin: 0 15px;}
.withdraw .aspNetDisabled { cursor: default; }
.compform .aspNetDisabled { cursor: default; }

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

/* Bookings */
.participants input[type=text] {width: 40px; font: bold 20px Helvetica, sans-serif; padding: 3px 0 0 0; text-align: center;}
.participants label {display: block; float: left; text-align: right; padding: 5px 10px 0 0; width: 400px; }
.participants input[type=text] {float: left; width: 40px; font: bold 20px Helvetica, sans-serif; padding: 3px 0 0 0; text-align: center;}
.participants .incbutton {margin: 5px 0 0 5px; text-indent: -9999px; cursor: pointer; width: 16px; height: 16px; float: left; text-align: center; background: url(/i/add.png) no-repeat;}
.participants .dec {background: url(/i/delete.png) no-repeat;}
.participants .optionsbutton {clear: left; margin-top: 15px;}
.participants h4 {margin: 25px 0 5px 0;}
.participants h5 {margin: 2px 0;}

/* Booking Options */
.extraoptions label {display: block; float: left; text-align: right; padding: 5px 10px 0 0; width: 400px; }
.extraoptions input[type=text] {float: left; width: 40px; font: bold 20px Helvetica, sans-serif; padding: 3px 0 0 0; text-align: center;}
.extraoptions .incbutton {margin: 5px 0 0 5px; text-indent: -9999px; cursor: pointer; width: 16px; height: 16px; float: left; text-align: center; background: url(/i/add.png) no-repeat;}
.extraoptions .dec {background: url(/i/delete.png) no-repeat;}
.exoption {clear: left; margin-top: 15px;}
.extraoptions .optionsbutton {clear: left; margin-top: 15px;}
.extraoptions h4 {margin: 25px 0 5px 0;}
.extraoptions h5 {margin: 2px 0;}

/* aspNetDisabled */
.aspNetDisabled {color: #ccc !important; text-decoration: none !important;}
a.aspNetDisabled:hover {color: #ccc; text-decoration: none; cursor: default;}

/* Member Account */
.balance {font-weight: bold; margin: 10px;}