@charset "utf-8";
/* CSS Document */

html { min-height: 100%; height: auto; }

body { min-height: 100%; height: auto; background: #000000; color: #ffffff; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; }

a { color: red; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:hover { color: white; text-decoration: none; }

img { border: 0; }

.skip { display: none; }
.notice { text-align: center; }
.error { text-align: center; font-weight: bold; font-size: 1.2em; color: #990000; }
.success { text-align: center; font-weight: bold; font-size: 1.2em; color: #009900; }
.clear { clear: both; }
.small { font-size: 0.7em; }
.code { font-family: "Courier New", Courier, monospace; font-size: 1.4em; font-weight: bold; }

#header { width: 950px; height: 200px; margin: 0 auto; padding: 90px 0 0 0; background: black url('images/top.jpg') no-repeat; text-align: center; }
#content { width: 950px; height: auto; min-height: 190px; margin: 0 auto; padding: 0; background: back; position: relative; overflow: hidden; }
#content a { display: inline; text-decoration: underline; }
#content a:hover { color: white; text-decoration: none; }

#navigation { clear: both; text-align: center; width: auto; margin: 10px auto; padding: 0 20px; color: #00CC00; } 
#navigation a { color: #00CC00; font-weight: bold; text-decoration: none; }
#navigation ul {  }
#navigation li { display: inline; width: auto; margin: 5px; padding: 5px; }

#top-menu { clear: both; text-align: center; width: auto; margin: 10px auto; padding: 0 20px; color: #00CC00; } 
#top-menu a { color: #00CC00; font-weight: bold; text-decoration: none; }
#top-menu ul {  }
#top-menu li { display: inline; width: auto; margin: 5px; padding: 5px; }

#footer { width: 950px; height: auto; margin: 0 auto; padding: 80px 0 0 0; text-align: center; background: #000000 url('images/bottom.jpg') no-repeat top left; color: #FFFFFF; font-weight: bold; }
#footer a { color: white; }

#heading { text-align: right; margin: 0 25px; width: auto; }
#ticketdate { text-align: center; }
#countersegments { width: 450px; height: 25px; margin: auto; }
#counter { width: 450px; height: 60px; margin: 0 auto; }
.counter-numbers { font-size: 0; width: 45px; height: 60px; float: left; background: transparent url('../../images/counternumbers.gif') no-repeat; }
.counter-separator { font-size: 0; width: 30px; height: 60px; float: left; background: transparent url('../../images/counterseparator.gif') no-repeat; }

#logout_timer { text-align: right; margin: 5px; }

.venue { width: 800px; height: auto; margin: 5px auto;  clear: both; overflow: hidden; }
.venue h2 { font-size: 1.2em; }
.match_date { float: right; margin: 15px 0 0 0; color: #00ff00; }
.venue_address { margin: 0 auto 5px 5px; float: left; width: 400px;  }
.tickets { font-size: 1em; }
.tickets_low { font-size: 1.2em; color: #ff0000; }
.tickets_buy { font-size: 0.8em; margin: 5px; color: #00ff00; }
.tickets_container { margin: 0 5px 5px auto; float: right; width: 350px; text-align: right;  }
#selecttickets { background: black url('../../images/selectthesetickets.jpg') no-repeat; width: 421px; height: 71px; border: 0; cursor: pointer; }
#paytickets { background: black url('../../images/payfortickets.jpg') no-repeat; width: 421px; height: 71px; border: 0; cursor: pointer; }

#buy { height: 200px; }
.cost table { width: 300px; text-align: right; font-size: 1.2em; color: #00ff00; margin: 10px auto; border-collapse: collapse; border-spacing: 0; }
.td1 { width: 150px; }
.td2 { width: 50px; font-weight: bold; } 
.total { border-top: 2px solid #00ff00; }
.buy { width: 421px; font-size: 0.8em; color: #00ff00; margin: 0 auto; text-align: center; }
.buy input { width: 200px; }

#summary { width: 700px; margin: 0 auto; text-align: center; border: 1px solid #00ff00; border-collapse: collapse; }
#summary th { background: #00ff00; color: black; }

.login_area { height: auto; min-height: 442px; width: 850px; margin: 0 auto; background: black url('../../images/loginarea.gif') no-repeat; }
.login_area form input { border: 1px solid #00ff00; font-family: "Courier New", Courier, monospace; background:#003300; color: white; height: 24px; width: 200px; font-size: 1em; padding: 5px 5px 0 5px; }
.login_area form select { border: 1px solid #00ff00; font-family: "Courier New", Courier, monospace; background:#003300; color: white; height: 24px; width: 200px; font-size: 1em; padding: 5px 5px 0 5px; }
.login_area form textarea { border: 1px solid #00ff00; font-family: "Courier New", Courier, monospace; background:#003300; color: white; height: auto; width: 300px; font-size: 1em; padding: 5px 5px 0 5px;  }
.login_area form label { width: 140px; display: inline-block; text-align: right; padding: 2px;  }
#agreebox, #newpass_box { border: 1px solid #00ff00; background:#003300; color: white; height: 24px; width: 24px; font-size: 1em; padding: 0; margin: -18px 0 0 0; }
#agreebox_label, #newpass_label { width: 260px; display: inline-block; text-align: left; padding: 5px 0 0 5px; }
#login-button { border: 0; background: black url('../../images/login-button.jpg') no-repeat; width: 337px; height: 57px; cursor: pointer;  }
#register-button { border: 0; background: black url('../../images/register-button.jpg') no-repeat; width: 337px; height: 57px; cursor: pointer;  }

#emailcheck1, #passcheck1, #passcheck2 { height: 12px; width: 12px; float: right; background: transparent url('../../images/tick.gif') no-repeat; background-position: 100px 100px; z-index: 5; position: relative; margin: 0 0 0 -12px; }

.login_box { float: left; width: 379px; margin: 10px; text-align: center; }
.register_box { float: right; width: 379px; margin: 10px 20px 10px 10px; text-align: center; }
.invisible_heading { visibility: hidden; }

.user_details { float: right; width: 300px; background: #333333 url('../../images/account-details-background.gif') no-repeat top right; padding: 55px 5px 5px 5px; margin: 15px 0; }
.user_details h1 { text-align: right; margin: 0; }
.user_details p { margin: 5px; }
.user_details b { margin: 0 -5px; }

.account { text-align: right; width: 380px; margin: 20px auto; padding: 55px 25px 25px 25px; background: #333333 url('../../images/account-details-background.gif') no-repeat top right;  }
.account h2 { text-align: center; }
.account form input { border: 1px solid #00ff00; font-family: "Courier New", Courier, monospace; background:#003300; color: white; height: 24px; width: 200px; font-size: 1em; padding: 5px 5px 0 5px; }
.account form label { width: 140px; display: inline-block; text-align: right; padding: 2px; }
.account form select { border: 1px solid #00ff00; font-family: "Courier New", Courier, monospace; background:#003300; color: white; height: 24px; width: 200px; font-size: 1em; padding: 5px 5px 0 5px; }
#save_details { border: 1px solid #00ff00; font-family: "Courier New", Courier, monospace; background:#003300; color: white; font-size: 1em; padding: 5px; cursor: pointer; width: auto; height: auto;}

.account-spacer { width: auto; margin: auto; text-align: center; }
.my_tickets { width: 600px; background: #006600 url('../../images/tickets-background.gif') no-repeat top right; min-height: 100px; margin: 30px 15px 15px 15px; padding: 55px 5px 5px 5px; overflow: hidden; text-align: center; }

#my_tickets { margin: 20px auto; width: auto; }
#my_tickets table { width: auto; margin: auto; }
#my_tickets td { padding: 2px; }

.pending_tickets { background: #000000 url('../../images/pending-tickets-background.gif') no-repeat top right; margin: 30px 15px 15px 15px; padding: 55px 5px 5px 5px; min-height: 100px; overflow: hidden; text-align: center; }
.pending_tickets table { width: auto; margin: auto; }
.pending_tickets td { padding: 2px; }

.my_transfers { width: 600px; background: #660000 url('../../images/transfers-background.gif') no-repeat top right; min-height: 100px; margin: 15px; padding: 55px 5px 5px 5px; overflow: hidden; text-align: center; }

.next_matches { width: 600px; background: #666666 url('../../images/upcoming-matches.gif') no-repeat top right; min-height: 100px; margin: 15px; padding: 55px 5px 5px 5px; overflow: hidden; text-align: center; }
.next_matches h3 { margin: 5px 0 0 0; }
.next_matches p { margin: 0 0 5px 0; }

#transfer_container { width: 900px; margin: auto; height: auto; overflow: hidden; }
#transfer_in { width: 400px; height: 100%; min-height: 150px; float: left; background: #396618 url('../../images/tickets-in-background.gif') no-repeat top right; padding: 65px 5px 5px 5px; margin: 10px auto; text-align: center; }
#transfer_out { width: 400px; height: 100%; min-height: 150px; float: right; background: #580000 url('../../images/tickets-out-background.gif') no-repeat top left; padding: 65px 5px 5px 5px; margin: 10px auto; text-align: center; }

#transfer_history { width: 900px; clear: both; text-align: center; padding: 15px 5px; margin: 20px auto; }
#transfer_history h1 { font-size: 1.4em; }
#transfer_history table { margin: auto; }
#transfer_history .code { font-size: 1em; }
#transfer_history th { background: #333333; padding: 2px 5px; }
#transfer_history td { border: 1px solid #333333; }

.contact { width: 500px; margin: auto; }
.contact p { margin: 5px; }
.contact div { padding: 0 30px 20px 30px; }


hr { width: 800px; height: 0px; border: 1px solid #00ff00; }

legend { color: red; background: black; padding: 2px 6px; } 

label { align: left; }

input { background-color: #C0C0C0; border: 1px solid #898989; }

#matchresults
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:75%;
border-collapse:collapse;
}
#matchresults td, #matchresults th 
{
font-size:1em;
border:1px solid red;
padding:3px 7px 2px 7px;
}
#matchresults th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:black;
color:#ffffff;
}
#matchresults td
{
text-align:left;
color:lime;
background-color:black;
}
#matchresults tr.alt td 
{
text-align:left;
color:black;
background-color:#FFF99D;
font-weight:bold;
}

#singup table {background-color: #D7D7D7; color: #000000; width: 550px; border: 1px solid #D7E5F2; border-collapse: collapse; }
#signup td {background-color: #000000; color: lime; font-weight: bold; }

.labelcell
.fieldcell