* {
	padding: 0;
	margin: 0;
	border: 0;


	font-family: Helvetica, Arial, Geneva, sans-serif;

}

textarea {
	border: 1px solid #999999;
}


body {
	padding-top: 10px;
}

p, li {
	font-size: .9em;
	padding-bottom: 10px;
	line-height: 1.3;
}

ol li {
	list-style-position: inside;
}

dt {
	padding-top: 15px;
	font-weight:bold;

}

dt p {
	padding-bottom: 0px;
}

a, a:visited {
	text-decoration: none;
	color: #3991ff;
}

th a, th a:visited {
	text-decoration: underline;
	color: #ffffff;
	}

.preview {
	color: #3991ff;
}

/* @group Containers and nav */

#bottom {
	width: 100%;
	float: left;
	margin-top: 25px;
	margin-left: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 10px;
	background-color: #3991ff;
	border-top: 2px solid #ffec86;
	border-bottom: 2px solid #ffec86;
}

#main_container {
	width: 960px;
	float: left;
	margin-top: 25px;
position: relative;
	left: 50%;
	margin-left: -480px;
	margin-bottom: 40px;
	clear: both;
	background: url(backgrounds/container_background.gif) repeat-y;
}

#main_content{
	width: 600px;
		float: left;
	}

#side_content{
	width: 310px;
	margin-left: 50px;
	float: left;
}

/* @group Banner */

#banner-outer{
	width: 968px;
	float: left;
	position: relative;
	left: 50%;
	margin-left: -488px;
	clear: both;
}

#banner-left {
	float: left;
	width: 668px;
	height: 144px;
	vertical-align: middle;
}

#banner {
	width: 668px;
	float: left;
	height: 95px;
}

#score, #visitor {

	float: left;
	width: 300px;	
	padding-bottom: 0px;
	height: 114px;

}

#score {
	background: url(banner/banner-side-user.gif) no-repeat;
	color: #333333;
	text-shadow: #999999 1px 1px 2px;
	padding-top: 20px;
	font-weight: bold;
	text-align: center;
	padding-bottom:20px;}

#visitor{
	background: url(banner/banner-side-notuser.gif) no-repeat;
	padding-top: 50px;
	height: 104px;

}	


#score .name {
	margin-bottom: 10px;
}

#balance-green, #balance-yellow, #balance-red {	
	font-weight: bold;
	font-size: 3.5em;
	text-shadow: #999999 0px 0px 0px;
	line-height:.8;
}

#balance-green {
	color: white;
}

#balance-yellow {
	color: yellow;
}

#balance-red {
	color: red;
}


#score .points {
	font-size: .7em;
	line-height: 1;
	margin-top: 3px;
	padding-top: 0px;
}

#score .training {
	padding-top: 3px;
	text-shadow: none;
	font-size: .8em;
	color: #ffffff;
}

#player-tabs li {
	border-right: 1px solid #333333;
	text-shadow: #999999 1px 1px 2px;
	background: url(backgrounds/player-tab-back.gif);
	background-repeat: no-repeat;
	background-color: #f9e4b4;
	padding-left: 7px;
	padding-right: 5px;
	padding-bottom: 1px;
}

#player-tabs-giro li {
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	text-shadow: #999999 1px 1px 2px;
	background: none;
	background-repeat: no-repeat;
	background-color: #eeeeee;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 1px;
}

#game-tabs li {
	border-left: 1px solid #333333;
	background: url(backgrounds/game-tab-back.gif);
  background-repeat: no-repeat;
	background-position: bottom right;
	text-shadow: #999999 1px 1px 2px;
	padding-left: 5px;
	padding-right: 7px;
	padding-bottom: 3px;
}

#player-tabs li, #player-tabs-giro li, #game-tabs li {
	background-color: #eeeeee;
	list-style-type: none;
	font-size: .7em;
	margin-left: 5px;
	padding-top: 3px;

	font-weight: bold;
	text-transform: uppercase;
	float: left;

}

#player-tabs li a, #player-tabs-giro li a, #game-tabs li a {
		color: #333333;
}

#player-tabs p, #player-tabs-giro p {
	
	padding: 3px;
	}

.tabs {
	float: left;
}

#login_wrapper {
	float: left;
	}
	
.login_label {
	float: left;
	width: 110px;
	padding-right: 10px;
	color: #333333;
	font-size: .9em;
	text-align: right;
}

.login_input {
	float: left;
	width: 80px;
	text-align: left;
	font-size: .8em;
	padding-bottom: 3px;
}

.login_submit {
	float: left;
	text-align: left;
	width: 90px;
	padding-left: 10px;
	color: #333333;
	padding-bottom:5px;
	font-size: .9em;
	}
	
.login_submit a, .login_submit a:visited {
	color: #3991ff;
}

.login_subwrap {
	float: left;
	}

#top_submit {
	border: 0;
	color: #3991ff;
	padding: 0;
	margin: 0;
	background-color: #d7d7d7;
}






/* @end */


/* @end */

#tweet li:first-child {
	border-top: 0;
}

#tweet li {
	font-size: .8em;
	list-style-type: none;
	padding-bottom: 5px;
	padding-top: 5px;
	border-top: 1px solid #999999;
}



/* @group Top 10 */

#top10, #tweets, #subscribe, #dyk {
	width: 300px;
	margin-left: 10px;
	float: left;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 20px;
}

#dyk p, #subscribe p {
	font-size: .8em;
	padding-bottom: 0;
}

#top10 h4, #tweets h4, #subscribe h4, #dyk h4 {
	background-color: #ffec86;
	color: #333333;
	padding:5px;
	margin-bottom: 5px;
}

h4 a, h4 a:visited {
	color: #333333;
}


#top10 .rank {
	width: 25px;
	text-align: right;
	font-weight: bold;
	float: left;
}

#top10 .name {
	width: 210px;
	float: left;
	padding-left: 5px;
}

#top10 .points {
	width: 55px;
	text-align: right;
	padding-right: 5px;
	float: left;
}

#top10 .top10_even, .top10_odd {
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	font-size: .9em;
}

#top10 .top10_even {

	background-color: #dddddd;
}




/* @end */




/* @group Heads	 */

h1, h2, h4 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	clear: left;
}

h1 {
	font-weight: bold;
	font-size: 2em;
	margin-bottom: 5px;

	clear: left;
}

#front {
	background-color: #3991ff;
	color: white;
padding-left: 5px;
}


h2, h4 {
	line-height:1;
	font-weight: bold;
	font-size:1.2em;
	margin-bottom: 5px;
}

/* @end */

.payout, .payout-preliminary {
	font-weight: bold;
	font-size: 2.2em;
}

.payout-preliminary {
	font-weight: bold;
	font-size: 2.2em;
	color: #666666;
}


#successes, #errors, .message {
	list-style-position: outside;
	width: 568px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;

	float: left;
	clear: both;
	position: relative;
}

.message {
	background-color: #ffec86;
	border: dashed 1px #fecb72;
}

#successes ul, #errors ul {
	margin-bottom:15px;
}

input {
	border: 1px solid gray;
	padding: 3px;
	font-size: 1em;

}

.handles {
	border: 1px solid gray;
	font-size: .8em;
	padding: 2px;

}

#successes {
	border: dashed 1px green;
	border-color: green;
	background-color: #c0fdb9;
}

#errors {
	border: dashed 1px  maroon;
	background-color: #fbabbd;
}

#race_info th, #leaders th, #ledger th, #bets th {
	background-color: #3991ff;
	color: #ffffff;
}



table {
	border-collapse: collapse;
	margin-bottom: 5px;
	font-size:1em;
	/* width: 600px; */
}

tr {
	vertical-align: top;
}

tr:last-child {
border-bottom: 0px;
}

td,th {
	padding: 5px;
}

tr.winner {
	background-color: #c0fdb9;
	border-bottom: 1px solid #999999;
}
tr.loser {
	background-color: #fbabbd;
	border-bottom: 1px solid #999999;
}


th {
	vertical-align: bottom;
	text-align: left;
}

th.bet {
	width: 55px;
}

th.option {
	width: 210px;
}

th.payout {
	width: 180px;
}

th.pie {
	width: 30px;
}

th.spark {
	width: 125px;
}

#ledger td {
	padding-bottom:5px;
	}

#leaders td {
	padding-bottom: 0px;
}



th.l-position {
	width:40px;
	}

th.l-name {
	width:335px;
	}
	
th.l-points {
	width:75px;
	text-align: right;
	}
	
th.l-wins {
	width:75px;
	text-align: right;
	}
	
th.l-percent {
	width:75px;
	text-align: right;
	}



td.l-position {
	font-weight: bold;
	font-size: 2.2em;
	text-align: right;
	vertical-align: top;
}



#ledger, #leaders, #bets, #race_info{
	font-size: .8em;
	width: 600px;
}

td {
	vertical-align:  top;
}

.preliminary {
	background-color: #fbabbd;
	font-weight: bold;
	border-top: 4px solid #999999;
}

.transaction_odd, .transaction_even{
	border-bottom: 1px solid #999999;
}

#bets, #race_info {
	margin-bottom: 15px;
}

#bet_submit_cell {
	padding: 0px;
	padding-top:15px;
	margin-bottom: 40px;
}
#scratches li:first-child {
	border-top: 0px;
	padding-top: 0px;
}


.reason {
	font-size: .9em;
	font-style: italic;
}

.race_extra {
	float: left;
	width: 280px;
	padding-right: 20px;
	margin-top: 60px;
}


#scratches li {
	list-style-type: none;
	border-top: 1px solid #999999;
	padding-top: 5px;
	padding-bottom: 5px;
}



#bet_submit {
	background: green url(backgrounds/bet-background.gif) no-repeat;
	font-size: 2em;
	font-weight: bold;
	border: 0;
	color: white;
	width: 600px;
	height: 50px;
	vertical-align: middle;
	text-shadow: rgba(0,0,0,.4) 2px 2px 3px;
}

#bet_submit:hover {
	background: #42da35 url(backgrounds/bet-background-hover.gif) no-repeat;
}

.transaction_odd {
	background-color: #dddddd;
}

.figure {
	text-align: right;
}

.plus {
	color: black;
}

.minus {
	color: red;
}

.closed {
	font-size: .7em;
	text-transform: uppercase;
	vertical-align: middle;
	font-weight: bold;
	color: gray;
}


.race_date {
	width: 150px;
	float: left;
	clear: both;
	margin-top: 5px;
	font-size: .9em;
}


#race_list, #pending_list, #verified_list {
	width: 600px;
	margin-bottom: 15px;
	float: left;
}

.race_question{
	margin-top: 5px;
	float: left;
	width: 450px;
	color: #999999;
	font-size: .9em;
	font-weight: bold;
}

.hurry {
	font-style: italic;
	font-size: .8em;
	margin-left: 150px;
	padding:5px;
	background-color: yellow;
	float: left;
	margin-bottom: 5px;
	padding-right: 10px;
	}

.race_line {
		border-top: 1px solid #666666;
		float: left;
		padding-bottom: 3px;
	}
	
.race_line:first-child {
	border-top: 0;
	}



.race_data {
	padding-left: 150px;
	font-size: .8em;
	line-height: 1.4;
	}
	
#register {
	width: auto;
}	

#register td{
	padding-left: 10px;
	padding-right: 10px;
}
	

#register .label {
	text-align: right;
	width: 200px;
	padding-right: 0;
	vertical-align: top;
}

#register .memo {
	font-size: .8em;
	color: #333333;
}

#register tr.optional{
	background-color: #eeeeee;
}

#register ul.errorlist{
	color: red;
	list-style-type: none;
}

#register li {
	margin-bottom: 0;
	padding-bottom: 0;

	font-size:  .8em;
}

.submit {
	color: white;
	font-weight: bold;
	background-color: #3991ff;
	font-size: 1.2em;
	border-width: 0;
	padding-bottom: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.submit:hover {
	background-color: silver;
}

#race_rss {
	padding-left: 150px;
	font-size: .9em;

}

.comment_wrapper {
	float: left;
	padding-bottom:10px;
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #999999;
}


.comment_left {
	width: 200px;
	float: left;
}

.comment_left .date {
	font-size: .8em;
}
.comment_right {
	font-size: .85em;
	width: 390px;
	padding-left: 10px;
	float: left;
	overflow: hidden;
}

#id_comment{
	margin-bottom: 5px;
	width: 598px;
}
#comment_submit {
	float: right;
}

#id_honeypot {
	display: none;
}

h4.full  {
	width: 590px;
	padding: 5px;
	background-color: #3991ff;
	color: white;
	margin-bottom: 10px;
}

h4.half  {
	padding: 5px;
	background-color: #3991ff;
	color: white;
	margin-bottom: 10px;
}

#countdown input {
	text-align: right;
}

#countdown {
	font-size: .8em;
	float: left;	
}

.profile_points {
	font-weight: bold;
	font-size: 3em;
	width:150px;
	text-align: center;
	vertical-align: middle;
}

.bonus {
	color: #ffffff;
	background: #3991ff;
	padding: 2px;
	font-size: .9em;
	padding-bottom: 0px;
}

#topwins
{ padding: 0;
width: 590px;}


#topwins .date 
{ padding-left: 0;
width:150px}

#topwins .amount {
	width: 75px;
	padding-left: 0;
	}
	
#bailout_info ul {
	list-style-position: outside;
	padding-left: 15px;
}

.bailout_submit a {
	color: #ffffff;
	background-color: #3991ff;
	padding: 5px;
	
	margin-bottom: 10px;
	font-weight: bold;
}