/**
 * @author		Jonathan Cochran <jono.cochran@gmail.com> 
 *
 * COLOURS --
 * lightest blue	: #F2FAFD
 * light blue 		: #D9F0F7
 * grey blue		: #D4DEEC
 * ocean blue	 	: #0088CB
 * warm blue		: #009FDB
 * warmer blue		: #82D4F0
 * orange			: #Ef4224
 * off black		: #0D0E0E
 * --------------------------------------------------------- */
@import url("reset.css");

body 						{ background: #fff; color: #333; }

a:link						{ color: #0089cb; text-decoration: none; }
a:visited 					{ color: #0089cb; }
a:hover						{ color: #Ef4224; }
a:active					{ color: #0D0E0E; }

.orange						{ color: #Ef4224; }
.blue					 	{ color: #0088CB; }

.fine-print {
	color: #999;
	font-size: 10px;
	line-height: 12px;
}

input[disabled] {
	color: #bbb;
}

a.logo {
	display: block;
	width: 130px;
	height: 67px;
	padding-top: 18px;
}

.float-left { float: left; }
.float-right { float: right; }

/**
 *  BUTTONS
 * --------------------------------------------------------- */

/*input[type=button],
input[type=submit],
button,
a.button {
	background: #009FD9;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-color: #009FD9;
	padding: 2px 20px;
	text-align: center;
	display: inline-block;
	color: #d9f0f7; 
	font-size: 13px;
	line-height: 10px;
}*/


input[type=button], input[type=submit],
button, .button {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	color: #fef4e9 !important;
	outline: none;
	cursor: pointer;
	border: solid 1px #0071a9;
	font-size: 16px;
	text-decoration: none;
	padding: .3em .8em;
	background: #009fda;
	background: -webkit-gradient(linear, left top, left bottom, from(#009fda), to(#0088cb));
	background: -moz-linear-gradient(top,  #009fda,  #0088cb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#009fda', endColorstr='#0088cb');
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);	
}
input[type=button]:hover, input[type=submit]:hover,
button:hover, .button:hover {
	background: #008dc2;
	background: -webkit-gradient(linear, left top, left bottom, from(#008dc2), to(#0079a7));
	background: -moz-linear-gradient(top,  #008dc2,  #0079a7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#008dc2', endColorstr='#0079a7');
}
input[type=button]:active, input[type=submit]:active,
button:active, .button:active {
	color: #82d4f0;
	background: -webkit-gradient(linear, left top, left bottom, from(#0088cb), to(#009fda));
	background: -moz-linear-gradient(top,  #0088cb,  #009fda);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cb', endColorstr='#009fda');
}
*:focus {
	outline: none;
}

.button-orange {
	color: #fef4e9 !important;
	border: solid 1px #d24c41 !important;
	background: #e72011 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#f86838), to(#e72011)) !important;
	background: -moz-linear-gradient(top,  #f86838,  #e72011) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f86838', endColorstr='#e72011') !important;
}
.button-orange:hover {
	background: #c90f01 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#e75e30), to(#c90f01)) !important;
	background: -moz-linear-gradient(top,  #e75e30,  #c90f01) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e75e30', endColorstr='#c90f01') !important;
}
.button-orange:active {
	color: #f7886a !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#e72011), to(#f86838)) !important;
	background: -moz-linear-gradient(top,  #e72011,  #f86838) !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e72011', endColorstr='#f86838') !important;
}

/**
 *  NAVIGATION (TOP HEADER)
 * --------------------------------------------------------- */
div#ie6-warning {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 14px;
	background: #cc0;
	font-size: 12px;
	text-align: center;
	padding-top: 1px;
	color: #000;
}
div#ie6-warning a {
	color: #00f;
	text-decoration: none;
}
div#navigation { 
	background: url('../../img/site/header-nav.png') repeat-x; 
	height: 44px;
	width: 100%;
	text-align: center;
}
div#navigation a,
div#navigation span { 
	color: #d9f0f7; 
	padding: 0 30px; 
	line-height: 44px; 
	display: block; 
	text-transform: uppercase; 
	font-size: 12px; 
	text-align: center; 
}
	div#navigation a:hover {
		color: #82D4F0;
	}
	div#navigation a.navigation-contact {
		color: white;
	}
	div#navigation a.navigation-contact:hover {
		color: #82D4F0;
	}
	div#navigation ul {
		/*width: 1000px;*/
		float: right;
		list-style: none;
		padding: 0;
		margin: 0 auto;
	}
		div#navigation ul li {
			float: left;
			list-style: none;
			padding: 0;
			margin: 0;
		}
		div#navigation ul li.navigation-divider {
			padding-top: 7px;
		}
	div#navigation ul.navigation-status {
		float: left;
	}

/**
 *  NAVIGATION (HOME PAGE SUBNAV)
 * --------------------------------------------------------- */
ul#home-nav {
	float: right;
	margin: 25px 0 0 0;
	z-index: 10;
}
#home-nav ul, #home-nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#home-nav li {
	display: inline;
	font-size: 24px;
	color: #aaa;
}
ul#home-nav li:first-child {
	padding-left: 0;
}
#home-nav li a {
	font-weight: bold;
	padding: 5px 18px 5px 0px;
}

/**** LOGIN TAB ****/
a.login-active {
    background: #0e9fd8;
}

div.login-form {
    width: 219px;
		z-index: 10;
    position: absolute;
    margin: 0 auto;
    text-align: left;
    font-size: 10px;
    color: white;
    margin-top: 0px;
		display: none;
}
    div.login-form label {
        text-transform: uppercase;
        font-weight: bold;
    }
    div.login-form input {
        border: none;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        font-size: 12px !important;
        width: 149px;
        padding: 5px !important;
        margin-bottom: 8px;
    }
    div.login-top {
        padding: 0 30px;
        background: #0e9fd8;
    }
    div.login-top label {
        display: block;
        padding: 3px 0;
    }
    a.forgot-pass { 
        float: left !important;
        width: 75px;
        padding: 0 !important;
        text-decoration: underline;
        display: block;
        font-size: 9px !important;
        line-height: 14px !important;
    }
	a.forgot-username {
		width:100px;
		float: left !important;
		padding: 0 !important;
		text-decoration: underline;
		display: block;
		font-size: 9px !important;
		line-height: 14px !important;
	}
    .login-form-submit {
        width: 50px !important;
        float: right;
        padding: 3px 5px !important;
				font-size: 12px !important;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
    }

    div.login-bottom {
        background: #2986c9;
        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-bottomright: 15px;
        -webkit-border-bottom-left-radius: 15px;
        -webkit-border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        text-align: left;
        padding: 10px 30px 10px 30px;
    }
    div.login-bottom label {
        float: left;
        width: 60px;
        display: block;
    }
    div.login-bottom a {
        float: right; 
        display: block;
        width: 32px;
        padding: 0 !important;
    }

/**
 *  HOMEPAGE
 * --------------------------------------------------------- */
div#homepage { 
	background: url('../../img/site/home-bg-repeat.png') repeat-x;
	width: 100%;
	text-align: center;
}
div.homepage-header {
	background: url('../../img/site/home-bg.jpg') no-repeat;
	width: 970px;
	height: 387px;
	text-align: left;
	margin: 0 auto;
}
	div.homepage-intro {
		display: block;
		width: 422px;
		float: left;
	}
		div.homepage-intro h1 {
			color: #0089cb;
			font-size: 36px;
			padding: 26px 0;
			text-shadow: 1px 1px 1px #a8ced8;
		}
		div.homepage-intro p {
			line-height: 23px;
			text-shadow: 1px 1px 1px #99b6bf;
		}
		a.homepage-features {
			display: block;
			width: 196px;
			height: 42px;
			background: url('../../img/site/sprite.png') no-repeat 0 -52px;
		}
		a.homepage-features:hover {
			background-position: -296px -52px;
		}
		a.homepage-features:active {
			background-position: -592px -52px;
		}
	div.homepage-video {
		float: right;
		width: 425px;
		height: 272px;
		margin-right: 10px;
		text-align: center;
	}
		div.homepage-video-placeholder { 
			margin: 15px 20px 20px 20px;
			/*background: #0D0E0E;*/
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			width: 384px;
			height: 240px;
			z-index: 0;
		}
		a.homepage-signup {
			padding: 8px 20px;
		}
		
div.homepage-content {
	width: 960px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
}
div.homepage-content h2 {
	font-size: 24px;
	padding: 10px 0;
}
	div.homepage-simple {
		width: 235px;
		float: left;
		margin-right: 90px;
		font-size: 12px;
		font-weight: bold;
	}
		div.homepage-simple h2 {
			padding-bottom: 13px;
		}
		div.homepage-simple ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		div.homepage-simple ul li {
			list-style: none;
			padding: 3px 0 5px 30px;
			margin: 0;
			color: #474747;
			font-style: italic;
		}
		li.homepage-simple-1 {
			background: url('../../img/site/home-1.png') no-repeat;
		}
		li.homepage-simple-2 {
			background: url('../../img/site/home-2.png') no-repeat;
		}
		li.homepage-simple-3 {
			background: url('../../img/site/home-3.png') no-repeat;
		}
	
	div.homepage-numbers {
		width: 230px;
		margin-right: 90px;
		font-size: 12px;
		font-weight: bold;
		float: left;
	}
		div.homepage-numbers p {
			line-height: 24px;
			color: #474747;
		}
	
	div.homepage-testimonial {
		width: 300px;
		float: right;
		font-size: 12px;
	}
		div.homepage-testimonial img {
			float: left;
			padding: 0 10px 0 0;
		}
		div.homepage-testimonial p {
			line-height: 24px;
			text-align: justify;
			color: #6e6e6e;
		}
			div.homepage-signature {
				text-align: right;
				color: #b2b2b2;
				font-size: 11px;
				font-weight: bold;
				font-style: italic;
				padding-right: 20px;
			}
	
/**
 *  CONTENT PAGES (INFO PAGES)
 * --------------------------------------------------------- */		
div#page-wrap {
	text-align: center;
	background: url('../../img/site/page-bg-repeat.png') repeat-x;
}
	div#page {
		width: 960px;
		margin: 0 auto;
		text-align: left;
		background: url('../../img/site/page-bg.jpg') no-repeat;
	}
	
	div.page-header {
		height: 107px;
	}
		div.page-header .logo {
			margin-top: 20px;
			float: left;
		}
		a.page-signup {
			float: right;
			margin-top: 40px;
			font-size: 20px;
			padding: 8px 20px;
			/*display: block;
			width: 296px;
			height: 52px;
			background: url('../../img/site/sprite.png') no-repeat 0 0;*/
		}
	
	div.page-content {
		padding: 20px 45px 0 0;
		width: 615px;
		float: left;
	}
	div.page-content-full {
		padding: 20px 45px 0 0;
		width: 960px;
	}

		div.page-content p,
		div.page-content-full p,
		p.page-icon {
			/* text-shadow: 1px 1px 1px #ccc; */
		}
		p.page-icon {
			padding-left: 50px;
		}
	
		span.page-title {
			display: block;
			color: #0089cb;
			font-size: 24px;
		}
	
	div.page-sidebar {
		float: right;
		width: 300px;
		background: url('../../img/site/sidebar-bg.png') no-repeat;
		height: 560px;
		padding-top: 20px;
	}
		div.page-sidebar-navigation {
			margin-top: 50px;
		}
		div.page-sidebar-navigation a {
			display: block;
			font-size: 18px;
			font-weight: bold;
			color: #0089cb;
			border-bottom: 1px solid #d9eef6;
			border-top: 1px solid #fcfefe;
			padding: 8px 30px;
			/* text-shadow: 1px 1px 1px #ccc; */
		}
		div.page-sidebar-navigation a:hover {
			color: #ef4324;
		}
		div.page-sidebar-navigation a:first-child {
			border-top: 0;
		}
		div.page-sidebar-navigation a:last-child {
			border-bottom: 0;
		}
		div.page-sidebar-navigation div.page-sidebar-indent a {
			margin-left: 30px;
		}

/**
 *  FEATURES CONTENT PAGES (NOT LOGGED IN)
 * --------------------------------------------------------- */		
ul#features-list {
	list-style: none;
	margin: 25px 0 0 0;
	padding: 0;
	display: block;
}
ul#features-list li {
	float: left;
	padding-left: 30px;
	font-size: 18px;
}
ul#features-list li:first-child {
	padding-left: 0;
}

.features-loudbox {
	width: 300px;
	margin: 15px auto 30px auto;
	padding: 5px 10px;
	background: #a9d3e0;
	border-radius: 3px;
	box-shadow: 0px 2px 15px #a9d3e0;
	-moz-border-radius: 3px;
	-moz-box-shadow: 0px 2px 15px #a9d3e0;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0px 2px 15px #a9d3e0;
}
.features-loudbox ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.features-loudbox li {
	padding-left: 18px;
	background: url(../../img/site/bullet-red.png) 0 2px no-repeat;
}

.features-callout {
	margin: 30px 0;
	padding: 0;
	display: block;
	text-align: center;
}
.features-ss {
	float: left;
	width: 170px;
	height: 170px;
	text-align: center;
	font-size: 10px;
}
.features-ss a {
	display: block;
}
.features-ss img {
	border-radius: 3px;
	box-shadow: 0px 2px 15px #a9d3e0;
	-moz-border-radius: 3px;
	-moz-box-shadow: 0px 2px 15px #a9d3e0;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0px 2px 15px #a9d3e0;
}

ul.features-list {
	padding: 0;
	margin: 0 0 0 200px;
}
ul.features-list li {
	padding: 0 0 15px 0;
	margin: 0;
}
ul.features-list-full {
	padding: 0 60px;
	margin: 0;
}
ul.features-list-full li {
	padding: 0 0 15px 0;
	margin: 0;
}

div.features-testimonial {
	font-size: 12px;
	padding: 5px 15px;
}
	div.features-testimonial img {
		float: left;
		padding: 0 10px 0 0;
	}
	div.features-testimonial p {
		line-height: 24px;
		text-align: justify;
		color: #6e6e6e;
	}
		div.features-signature {
			text-align: right;
			color: #b2b2b2;
			font-size: 11px;
			font-weight: bold;
			font-style: italic;
			padding-right: 20px;
		}

/**
 *  FUNDAMENTALS (TUTORIAL SERIES)
 * --------------------------------------------------------- */		
div.listbox {
	background: #fff;
	width: 190px;
	height: 200px;
	margin: 15px auto;
	padding: 0;
	box-shadow: 0px 2px 15px #666;
	-moz-box-shadow: 0px 2px 15px #666;
	-webkit-box-shadow: 0px 2px 15px #666;
	float: left;
	margin-left: 90px;
}
div.listbox:first-child {
	margin-left: 50px;
}
div.listbox h3 {
	text-align: center;
	color: #fff;
	padding: 5px 5px;
	margin-bottom: 5px;
	text-shadow: 1px 1px 1px #333;
}
div.listbox h3.orange {
	background-color: #ef4224;
}
div.listbox h3.blue {
	background-color: #0088cb;
}
div.listbox ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
div.listbox li {
	font-size: 13px;
	text-align: center;
	margin-top: 5px;
}

/**
 *  SIGNUP PAGE
 * --------------------------------------------------------- */		
div.signup-loud {
	font-weight: bold;
	text-align: center;
	margin: 10px 0 40px 0;
}
div.signup-account-plan {
	background: #fff;
	width: 230px;
	margin: 15px auto;
	padding: 5px 10px;
	box-shadow: 0px 2px 15px #666;
	border-radius: 20px;
	-moz-box-shadow: 0px 2px 15px #666;
	-moz-border-radius: 20px;
	-webkit-box-shadow: 0px 2px 15px #666;
	-webkit-border-radius: 20px;
}
	div.signup-account-plan h3 {
		font-size: 16px;
		text-align: center;
	}
	div.signup-account-plan ~ p.fine-print {
		width: 230px;
		margin: 0 auto;
	}
	div.signup-price {
		text-align: center;
		margin: 10px 0;
	}
	div.signup-price span {
		background: url(../../img/site/strikethrough.png) 0 8px repeat-x;
	}
	div.signup-account-plan ul {
		padding-left: 25px;
		font-size: 12px;
	}
	div.signup-payment-method {
		display: none;
		width: 350px;
		margin: 50px auto 0 auto;
		clear: both;
		text-align: center;
		padding: 20px 10px;
	}

/**
 *  INTERNAL PAGES (LOGGED IN)
 * --------------------------------------------------------- */
.internal-bg {
	background-color: #d9f0f7;
}
div#internal-wrap { 
	background: transparent url('../../img/site/internal-bg-repeat.png') repeat-x;
	text-align: center;
}
	div#internal {
		background: url('../../img/site/internal-bg.jpg') no-repeat;
		width: 960px;
		text-align: left;
		margin: 0 auto;
		position: relative;
	}
		div.internal-header {
			overflow: hidden;
			height: 100px;
		}
		div.internal-title {
			float: left;
			padding-left: 30px;
		}
			div.internal-title a.logo {
				float: left;
			}
			div.internal-title h2 {
				float: left;
				width: 300px;
				padding-left: 30px;
				line-height: 65px;
				font-size: 30px;
			}
		div.internal-tabs {
			margin-top: 68px;
			padding-right: 30px;
			float: right;
		}
			div.internal-tabs a:link, div.internal-tabs a:visited {
				padding: 8px 15px;
				font-size: 14px;
				font-weight: bold;
				background: #009fd9;
				opacity: .5;
				color: white;
				-moz-border-radius-topleft: 10px;
				-moz-border-radius-topright: 10px;
				-webkit-border-top-left-radius: 10px;
				-webkit-border-top-right-radius: 10px;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				display: block;
				float: left;
				margin-left: 3px;
				-moz-box-shadow: 0px 2px 15px #a9d3e0;
				-webkit-box-shadow: 0px 2px 15px #a9d3e0;
				box-shadow: 0px 2px 15px #a9d3e0;
			}
			div.internal-tabs a:hover {
				opacity: 1;
			}
			div.internal-tabs a.current {
				opacity: 1;
				background: #fff;
				color: black;
			}
		
		div.internal-shell {
			width: 960px;
			background: white;
			border-radius: 25px;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px;
			box-shadow: 0px 2px 15px #a9d3e0;
			-moz-box-shadow: 0px 2px 15px #a9d3e0;
			-webkit-box-shadow: 0px 2px 15px #a9d3e0;
			min-height: 200px;
		}
			div.internal-shell-header {
				height: 87px;
				border-bottom: 1px solid #dcdcdc;
			}
				div.internal-header-left {
					float: left;
					width: 700px;
					padding: 20px 0 20px 20px;
				}
				div.internal-header-right {
					float: right;
					width: 220px;
					padding: 20px 20px 20px 0;
				}
					div.updated {
						text-align: right;
						font-size: 22px;
					}
					span.updated-time {
						font-size: 12px;
						font-weight: bold;
						padding-left: 22px;
						background: url('../../img/site/icons/clock.png') no-repeat left center;
						color: #858585;
					}
						span.updated-time em {
							color: #82d4f1;
						}
				
			div.internal-shell-content {
				background: url('../../img/site/internal-content-bg.png') repeat-x;
				display: block;
				min-height: 267px;
				/*position: relative;*/
			}
			div.internal-shell-content-white {
				display: block;
				padding-top: 20px;
				min-height: 267px;
			}
				div.internal-content-full {
					min-height: 267px;
					padding: 0 20px 20px 20px;
					width:95%;
					float:left;
				}
				div.internal-content {
					float: left;
					width: 680px;
					min-height: 567px;
					padding: 0 20px 20px 20px;
				}
				div.internal-sidebar {
					float: right;
					width: 240px;
					min-height: 567px;
					margin-top: -20px;
					background: url('../../img/site/internal-sidebar-bg.png') no-repeat;
				}

	/**** LOGIN BOX *****/
	div.login {
		padding: 20px 0;
		width: 326px;
		margin: 0 auto;
		text-align: left;
	} 
	div.login input {
		border: 1px solid #ccc;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		font-size: 14px !important;
		width: 300px;
		padding: 0 12px !important;
		margin-bottom: 8px;
		height: 30px;
	}
	div.login-error {
		width: 326px;
		margin: 0 auto !important;
		text-align: center;
	}
	span.remember-me {
		font-size: 12px;
	}
	input#remember-me-box,
	input#remember-me-fb {
		height: 15px;
		border: none;
		display: inline;
		width: 15px;
	}
	input.login-button {
		border: 0 !important;
		width: 100px !important;
		float: right;
	}
	div.login-opts {
		width: 326px;
		margin: 0 auto;
		font-size: 10px;
		text-align: left;
	}
		
	/**** TABLES *****/
	table {
		-moz-box-shadow: 0 1px 5px #ccc;
		-webkit-box-shadow: 0 1px 5px #ccc;
		box-shadow: 0 1px 5px #ccc;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding: 1px;
		margin: 0;
		font-size: 11px;
	}
	table.grid tr.ajaxcontent table {
		-moz-box_shadow: none;
		-webkit-box-shadow: none;
		border: none;
	}
	table th {
		background: url('../../img/site/table-th.png') repeat-x center bottom;
		border-bottom: 1px solid #fff;
		text-transform: uppercase;
		color: #808080;
		/*padding: 8px 12px !important;*/
		padding: 8px 12px;
	}
	table td {
		/*padding: 5px 12px !important;*/
		padding: 5px 12px;
		margin: 0 auto;
	}
	td.colspan {
		background: url('../../img/site/table-colspan.png') repeat-x;
		color: white;
		text-transform: uppercase;
	}
	tr.even td, td.alt, td.even {
		background: #eaf9fb;
	}

	/**** MY WAGERING *****/
	div.my-wagering-nav a {
		display: block;
		float: left;
		background: url('../../img/site/sprite.png') no-repeat 0 -154px;
		width: 146px;
		height: 66px;
		line-height: 64px;
		text-align: center;
		color: #a9b5ba;
		margin-right: 3px;
	}
	div.my-wagering-nav a:hover {
		background-position: -298px -154px;
	}
	div.my-wagering-nav a:active {
		color: black;
	}
	div.my-wagering-nav a.current, div.my-wagering-nav a.current:hover  {
		background-position: -593px -154px;
		height: 74px;
		color: #0089cb;
		font-weight: bold;
	}
		div.picking-rates {
			padding-bottom: 40px;
			width:400px;
			float:left;
		}
		div.picking-rates h2 {
		}
		div.picking-rates table {
			width: 100%;
		}
		
		div.overall-position h2 {
			float: left;
			width: 200px;
			padding: 0;
		}
		div.overall-position table {
			float: right;
			width: 400px;
		}
		
	/**** ODDS TRACKER *****/	
	div.odds-tracker-nav a {
		background: url('../../img/site/sprite.png') no-repeat 0 -236px;
		display: block;
		float: left;
		height: 67px;
		width: 67px;
		margin-right: 3px;
	}
		a.nfl {
			background-position: 0px -236px !important;
		}
			a.nfl-current, a.nfl:hover {
				background-position: -593px -236px !important;
				height: 74px !important;
			}
		a.mlb {
			background-position: -70px -236px !important;
		}
			a.mlb-current, a.mlb:hover {
				background-position: -663px -236px !important;
				height: 74px !important;
			}
		a.nba {
			background-position: -140px -236px !important;
		}
			a.nba-current, a.nba:hover {
				background-position: -733px -236px !important;
				height: 74px !important;
			}
		a.nhl {
			background-position: -210px -236px !important;
		}
			a.nhl-current, a.nhl:hover {
				background-position: -803px -236px !important;
				height: 74px !important;
			}
		a.ncaaf {
			background-position: -280px -236px !important;
		}
			a.ncaaf-current, a.ncaaf:hover {
				background-position: -873px -236px !important;
				height: 74px !important;
			}
		a.ncaab {
			background-position: -350px -236px !important;
		}
			a.ncaab-current, a.ncaab:hover {
				background-position: -943px -236px !important;
				height: 74px !important;
			}
	
	div.odds-tracker-header {
		padding: 0 0 20px 0;
	}
	div.odds-tracker-preferences {
		float: left;
		width: 190px;
		margin-top: 13px;
	}
		div.odds-tracker-preferences select {
			width: 100%;
		}
		
		/* Select (jQuery Uniform Plugin - buggy in IE) */
		div.odds-tracker-preferences div.selector {
		  	margin-bottom: 5px;
		  	font-size: 11px;
			margin-left: -3px;
			width: 185px;
		}

		div.odds-tracker-preferences div.selector select {
		  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 11px;
			border: solid 1px #fff;
		}

		div.odds-tracker-preferences div.selector span {
		  padding: 0px 25px 0px 2px;
		  cursor: pointer;
		}

		div.odds-tracker-preferences div.selector span {
		  color: #666;
		  text-shadow: 0 1px 0 #fff;
		}

		div.odds-tracker-preferences div.selector.disabled span {
			color: #bbb;
		}
	
	div.odds-tracker-preferences table {
		width: 100%;
		padding-top: 0;
	}
	div.odds-tracker-preferences table td {
		padding: 2px 12px !important;
		font-size: 10px;
		font-weight: bold;
	}
	div.odds-tracker-books {
		float: left;
		margin-left: 17px;
	}
		div.odds-tracker-books table { 
			padding: 0 !important;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
		}
		div.odds-tracker-books table td {
			margin: 0 !important;
			padding: 0 !important;
			background: url('../../img/site/book-col.png') no-repeat top center;
			vertical-align: top;
			height: 123px;
			width: 84px;
			text-align: center;
			font-size: 10px;
		}
		div.odds-tracker-books table td.book-col {
			padding-top: 5px !important;
		}
		div.odds-tracker-books table td.book-col img {
			display: block;
		}
		div.odds-tracker-books div.odds-tracker-none {
			text-align: center;
			height: 123px;
			width: 470px;
		}
		div.odds-tracker-books div.odds-tracker-none p {
			padding-top: 50px;
		}
		
	
	div.odds-tracker-data table {
		width: 100%;
	}
		.odds-tracker-col {
			border-left: 1px solid #ccc;
			width: 60px;
		}
		a.add {
			color: #999;
			display: inline-block;
			padding: 1px 2px;
		}
		a.add:hover {
			background: #0a0;
			color: #fff;
		}
		a.add-wager:link, a.add-wager:visited {
			color: black;
			font-weight: bold;
		}
		a.add-wager:hover {
			background: url('../../img/site/icons/plus12.png') no-repeat right center;
			padding-right: 16px;
		}
	
	/* Add Wager Popup */
	div.popup-add-wager {
		display: none;
		height: 160px;
		width: 240px;
		-moz-border-radius-bottomleft: 15px;
		-moz-border-radius-bottomright: 15px;
		-webkit-border-bottom-left-radius: 15px;
		-webkit-border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
		background: white;
		border: 1px solid #009fd9;
		position: absolute !important;
		top: 50%;
		left: 50%;
		-moz-box-shadow: 0 0 15px #ccc;
		-webkit-box-shadow: 0 0 15px #ccc;
		box-shadow: 0 0 15px #ccc;
	}
		div.popup-add-wager h3 {
			background: url('../../img/site/sidebar-title-blue.png') repeat-x;
			height: 34px;
			line-height: 34px;
			padding: 0 20px;
			color: white;
			text-shadow: -1px -1px 0px #0085b5;
			font-size: 14px;
			font-weight: normal;
		}
		div.popup-add-wager-shell {
			padding: 10px 20px;
		}
		
			div.popup-add-wager-shell table {
				padding: 0;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				width: 100%;
			}
			div.popup-add-wager-shell table th {
				background: none;
				font-size: 12px;
				color: black;
				font-weight: bold;
				text-transform: none;
			}
			div.popup-add-wager-shell table td, div.popup-add-wager-shell table th {
				padding: 2px 0 !important;
			}
			a.cancel-wager-button {
				text-decoration: underline;
			}
			a.cancel-wager-button {
				float: left;
				display: block;
				line-height: 28px;
				width: 70px;
			}
			a.add-wager-button {
				/*background: url('../../img/site/sprite.png') no-repeat 0 -311px;*/
				float: right;
			}
			a.add-wager-button:hover {
				background-position: -297px -311px;
			}
			a.add-wager-button:active {
				background-position: -593px -311px;
			}
			
			
	/**** MATCHUP DETAILS ****/
	div.date-range {
		position: absolute;
		margin: -30px 0 0 316px;
		font-size: 13px;
	}
		div.date-range label {
			font-weight: bold;
			color: #0089cb;
		}
		div.date-range select {
			width: 100px;
		}
	div.matchup-details {
		padding: 0;
		width: 720px;
	}	
	div.matchup-sidebar {
		margin-top: 0;
	}
	
	div.matchup-details-vs {
	}
	div.matchup-details-vs table {
		text-align: center !important;
		margin: 0 auto !important;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		padding: 0;
		border: none !important;
	}
	div.matchup-details-vs table td {
		padding: 0 5px !important;
	}
	div.matchup-details-vs h3 {
		font-size: 18px;
	}
	span.vs {
		color: #009fd9;
		font-size: 14px;
		font-weight: bold;
	}
	span.matchup-details-vs-record {
		font-size: 12px;
		color: #ccc;
	}

	/* Matchup Note */
	div.matchup-note {
		width: 237px;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 8px;
		font-size: 12px;
	}
	div.matchup-note a {
		color: #ef4324;
		font-size: 14px;
		display: block;
		width: 100px;
		min-height: 20px;
		margin: 0 auto;
		padding-left: 20px;
		background: url(../../img/site/icons/note.png) no-repeat left top;
	}
	div.matchup-note a.note-add {
		background: url(../../img/site/icons/note_add.png) no-repeat left top;
	}
	div.matchup-note a:hover {
		color: #009fd9 !important;
	}
	
	/* Matchup Venue */
	div.matchup-details-venue {
		overflow: hidden;
		height: 47px;
	}
	div.matchup-details-venue .float-left {
		width: 40%;
		color: #009fd9;
		font-weight: bold;
		font-size: 11px;
	}
		a.map {
			margin-top: 4px;
			background: url('../../img/site/icons/map.png') no-repeat left top;
			display: block;
			padding-left: 35px;
			width: 40px;
			height: 30px;
			font-weight: bold;
			font-size: 10px;
			color: #999;
		}
	div.matchup-details-venue .float-right {
		width: 90%;
		text-align: right;
		font-size: 11px;
	}
		div.matchup-details-venue .float-right p {
			line-height: 18px;
		}
	
	
	div.breadcrumb {
		background: url('../../img/site/breadcrumb-bg.png') repeat-x;
		height: 34px;
	}
		div.breadcrumb a {
			font-size: 11px;
			font-weight: bold;
			padding: 0 27px 0 20px;
			line-height: 34px;
			background: url('../../img/site/breadcrumb-divider.png') no-repeat right center;
			color: black;
			display: block;
			float: left;
		}
			div.breadcrumb a.breadcrumb-last {
				background: none;
			}
	
	
	div.matchup-details-summary table tr:first-child td {
		padding-bottom: 15px;
	}
	div.matchup-details-summary table th {
		text-align: center;
	}
	div.matchup-details-summary table td {
		/*white-space: nowrap;*/
		text-align: center;
	}
	div.matchup-details-summary table td span {
		font-size: 9px;
	}
	div.matchup-details-summary h2 {
		padding: 0;
		line-height: 18px;
	}
		span.summary-time {
			font-size: 12px;
			letter-spacing: 0;
			color: #009fd9;
		}
	table.matchup-league-stats {
		width: auto !important;
	}
	
	/* Matchup Table Headers */
	div.matchup-details-header {
		padding: 20px 0 10px 0;
	}		
	div.matchup-details-header h2, div.matchup-details-header select {
		float: left;
	}	
	div.matchup-details-header select { 
		margin-top: 4px;
	}
	div.matchup-details-hidden {
		border-bottom: 1px solid #efefef;
	}
	a.toggle-table {
		margin-top: 6px;
		float: right;
		display: block;
		width: 19px;
		height: 19px;
	}
	a.matchup-details-hide {
		background: url('../../img/site/sprite.png') no-repeat 0 -340px;
	}
	a.matchup-details-show {
		background: url('../../img/site/sprite.png') no-repeat -297px -340px;
	}
		
	/* Matchup Tables */
	div.matchup-details-summary table {
		width: 500px;
		float: right;
	}
	
	div.matchup-details-trends h2 {
		padding: 0;
	}
	div.matchup-details-trends table {
		width: 100%;
	}
	
	div.matchup-details-stats h2 {
		padding: 0 10px 0 0;
	}
	div.matchup-details-stats table {
		width: 100%;
	}
	div.matchup-details-stats td {
		font-weight: bold;
	}
	div.matchup-details-stats td img {
		float: left;
		padding-right: 5px;
	}
	
	div.matchup-details-history h2 {
		padding: 0;
	}
	div.matchup-details-history table {
		width: 100%;
		margin-bottom: 10px;
	}
		div.matchup-details-history .colspan {
			padding: 1px 12px 2px !important;
			line-height: 18px;
		}
		div.matchup-details-history select {
			padding: 0 !important;
			margin: 0 !important;
			padding-right: 2px;
			float: left;
		}
		div.matchup-details-history img {
			padding: 3px 2px 0 4px;
			float: left;
		}
	

/**
 *  SIDEBAR
 * --------------------------------------------------------- */
div.widget-notes {
	margin: 20px;
	-moz-box-shadow: 0 0 3px #ccc;
	-moz-border-radius: 3px;
	-webkit-box-shadow: 0 0 3px #ccc;
	-webkit-border-radius: 3px;
	box-shadow: 0 0 3px #ccc;
	border-radius: 3px;
	padding: 15px 25px;
	background: white;
}
	a.widget-notes-close {
		position: absolute;
		background: url('../../img/site/sprite.png') no-repeat 0 -222px;
		width: 12px;
		height: 12px;
		display: block;
		margin: -5px 0 0 153px;
	}
	a.widget-notes-close:hover {
		background-position: -297px -222px;
	}
	div.widget-notes h2 {
		padding: 0;
	}
	div.widget-notes p {
		font-size: 12px;
		color: #666;
		line-height: 20px;
	}
	div.widget-notes-nav {
		text-align: center;
	}
	div.widget-notes-nav a {
		display: block;
		float: left;
		background: url('../../img/site/sprite.png') no-repeat 0 -94px;
		width: 74px;
		height: 25px;
	}
	div.widget-notes-nav a.prev:hover {
		background-position: -297px -94px;
	}
	div.widget-notes-nav a.prev:active {
		background-position: -593px -94px;
	}
	div.widget-notes-nav a.next {
		background-position: 0 -120px;
	}
	div.widget-notes-nav a.next:hover {
		background-position: -297px -120px;
	}
	div.widget-notes-nav a.next:active {
		background-position: -593px -120px;
	}
	
div.widget-recent-wagers h3 {
	background: url('../../img/site/sidebar-title-blue.png') repeat-x;
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
	color: white;
	text-shadow: -1px -1px 0px #0085b5;
	font-size: 14px;
	font-weight: normal;
}
	div.widget-recent-wagers-row {
		margin: 0 20px;
		padding: 10px 0;
		border-bottom: 1px solid #efefef;
	}
		div.widget-recent-wagers-row table {
			padding: 0;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			width: 100%;
		}
		div.widget-recent-wagers-row table th {
			background: none;
			font-size: 14px;
			color: black;
			font-weight: normal;
			text-transform: none;
		}
		div.widget-recent-wagers-row table td, div.widget-recent-wagers-row table th {
			padding: 2px 0 !important;
		}
		a.remove {
			color: #666;
			text-decoration: underline;
		}
		a.widget-recent-wagers {
			text-align: right;
			display: block;
			color: #009fd9;
			padding: 10px 20px;
			font-size: 12px;
		}
		a.widget-recent-wagers:hover {
			color: #ef4324;
		}
		
div.widget-news h3 {
	background: url('../../img/site/sidebar-title-blue.png') repeat-x;
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
	color: white;
	text-shadow: -1px -1px 0px #0085b5;
	font-size: 14px;
	font-weight: normal;
}
	div.widget-news-team {
		padding: 20px;
	}
		div.widget-news-team h4 {
			font-size: 12px;
			color: #009fd9;
			font-weight: bold;
		}
		div.widget-news-team h4 img {
			width: 12px;
			height: 12px;
			float: right;
		}
		div.widget-news-team a {
			color: #000;
			display: block;
			border-bottom: 1px solid #efefef;
			padding: 5px 0;
			font-size: 12px;
		}
		div.widget-news-team a:hover {
			color: #ef4324;
		}
		div.widget-news-team a.widget-news-read-more {
			border-bottom: none;
			text-align: right;
			font-size: 12px;
			color: #009fd9;
		}	
		
div.widget-live-game-odds h3 {
	background: url('../../img/site/sidebar-title-orange.png') repeat-x;
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
	color: white;
	text-shadow: -1px -1px 0px #c3381f;
	font-size: 14px;
	font-weight: normal;
}
	div.widget-live-game-odds table {
		font-size: 10px;
		padding: 10px 0 0 0;
		border: 0;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		width: 100%;
	}
	div.widget-live-game-odds table th {
		color: #009fd9;
	}
	div.widget-live-game-odds table th, div.widget-live-game-odds table td {
		background: none;
		padding: 2px 4px !important;
		border-bottom: 1px solid #efefef;
	}
	a.widget-live-game-odds-edit {
		display: block;
		font-size: 12px; 
		padding: 10px 20px;
		text-align: right;
	}
	
			

/**
 *  FOOTER
 * --------------------------------------------------------- */
div#footer-wrap {
	width: 100%;
	text-align: center;
}
div#footer {
	width: 960px;
	height: 120px;
	margin: 0 auto;
	background: url('../../img/site/footer.png') no-repeat top center;
	margin-top: 30px;
	font-size: 12px;
	text-align: center;
}
	div.footer-left {
		float: left;
		width: 200px;
		margin: 20px 25px;
		text-align: left;
	}
		a.footer-twitter {
			padding: 4px 0 3px 22px;
			background: url('../../img/site/icons/twitter.png') no-repeat left center;
			display: block;
			color: #959595;
		}
		a.footer-facebook {
			padding: 4px 0 3px 22px;
			background: url('../../img/site/icons/facebook.png') no-repeat left center;
			display: block;
			color: #959595;
		}
		a.footer-youtube{
			padding: 4px 0 3px 22px;
            background: url('../../img/site/icons/youtube.png') no-repeat left center;
            display: block;
            color: #959595;
		}
		div.footer-left a {
			font-weight: bold;
		}
		div.footer-left a span {
			color: black;
		}
	div.footer-right {
		float: right;
		margin: 20px 25px;
		width: 630px;
		text-align: right;
		line-height: 22px;
	}
		div.footer-right ul {
			color: #959595;
			margin: 0;
			padding: 0;
			float: right;
			list-style-type: disc;	
		}
		div.footer-right ul li {
			list-style-type: disc;			
			list-style-position: inside;
			padding: 0 0 0 10px;
			float: left;
		}
		div.footer-right ul li:first-child {
			list-style: none;
		}
		div.footer-right ul li a {
			color: #959595;
			font-size: 11px;
			font-weight: bold;
		}
		div.footer-right ul li a:hover {
			color: #333;
		}
		div.footer-copyright {
			clear: both;
			font-weight: bold;
			display: block;
			width: 630px;
			text-align: right;
			color: #b4deec;
		}
		div.footer-copyright .fine-print {
			color: #ccc !important;
		}

/**
 * Preferences
 */
.prefs-watches > div {
	margin-left: 18px;
}
.prefs-watches > div > div {
	margin: 5px 0 20px 25px;
	font-size: 13px;
}
.prefs-watches-submit {
	margin-top: 5px;
	width: 100%;
	text-align: right;
}
.prefs-watches-submit input {
	margin-right: 36px;
}