body {
background:#a66d38 url(/App_themes/Speights/gfx/body-bg.jpg) repeat-x top center;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#666;
line-height:18px;
height:100%;
}

body.home {
background:#a66d38 url(/App_themes/Speights/gfx/body-bg-home.jpg) repeat-x top center;
}

html{
	height:100%;
}

div.container{

}

/* -- TYPOGRAPHY   --  */

a{
	text-decoration:none;color:#f5821f; 
}

a:hover{
	color:#f5821f;
}

.button, .largebutton{
	border:none; height:24px; float:left; display:inline; background: transparent url(/App_themes/Speights/gfx/button.png) no-repeat top left;
	color:#fff; text-transform:uppercase; font-weight:bold; text-align:center; padding-top:5px;cursor:pointer;width:100px;
}
.largebutton
{
    background: transparent url(/App_themes/Speights/gfx/buttonlarge.png) no-repeat top left;
}
input.button
{
    position:relative; top:4px;height:30px;padding-top:0;width:100px!important;
}
input.largebutton
{
    position:relative; top:4px;height:30px;padding-top:0;width:210px!important;
}
.register .button,.register .largebutton  
{
    margin:0 0 30px 80px;
}
.button:hover{
	background-position:bottom;color:#fff;text-decoration:none; border:none!important;
}
.button span{
	position:relative; top:4px;
}

h1{
	color:#fff; font-size:32px; text-transform:uppercase; font-weight:bold;
}
h2{
	color:#fff; font-size:22px; text-transform:uppercase;font-weight:bold; margin-bottom:5px; 
}
h3{
	color:#fff; font-size:14px; text-transform:uppercase;font-weight:bold; margin-bottom:5px; margin-top:15px; 
}



p.intro{
	margin-bottom:10px; color:#fff; font-size:20px;
}

.beige-content h1, .beige-content h2, .beige-content p.intro{
	color:#3d2f22;
}
span.small{
	color:#fff; font-size:11px;
}
div.beige-content span.small{
	 color:#6c5237;
}

div.loginLabel{
	font-size:12px; color:#fff; font-weight:bold;
}

span.label{
	color:#fff;
}

/* ------ NAV STUFF --------- */
div.account-nav{
	float:right; width:126px; height:32px; background:transparent url(/App_themes/Speights/gfx/account-nav-bg.gif) no-repeat top left; margin:0; text-align:center;padding-left:5px;
}
div.account-nav a{
	display:inline; float:left; color:#d5d5d5;margin:7px 0 0 7px; border-right:1px solid #d5d5d5; padding-right:7px;
}

div.account-nav a.LoginLogout{
	border-right:none;
}

div.account-nav a:hover{
	color:#fff;text-decoration:none;
}

div.logo{	
	height:169px; width:153px; position:absolute;top:18px; z-index:20;
}

#nav{	
	width:950px; height:45px; background:transparent url(/App_themes/Speights/gfx/shadow-bottom.png) repeat-x bottom left; position:absolute; top:82px; z-index:55px; 
}

ul.nav{
height:39px;float:left; display:inline;background:transparent url(/App_themes/Speights/gfx/nav-bg.png) no-repeat top left;width:960px; margin-left:-5px;
}

ul.nav li{
	display:inline; float:left;  height:39px; text-transform:uppercase;background:transparent url(/App_themes/Speights/gfx/nav-separator.png) no-repeat top left;
}

ul.nav li.selected{
	background:transparent url(/App_themes/Speights/gfx/nav-selected-bg.png) repeat-x top left;
}
ul.nav li.home{
	 margin-left:118px;
}

ul.nav li a{
	padding:12px; color:#fff; float:left;
}

ul.nav li a:hover{
	background:transparent url(/App_themes/Speights/gfx/nav-hover-bg.png) repeat-x top left;text-decoration:none; color:#fff;
}

#nav #drop-down{
	width:25px; height:39px;float:left; display:inline;	background:transparent url(/App_themes/Speights/gfx/drop-down.gif)  no-repeat top left;margin:0!important; padding:0;	
}
#nav ul.drop-down{
	position:absolute;	top:39px; left:113px;z-index:300; margin:0;width:152px;

}

#nav ul.drop-down li{
	display:block;	float:none;	margin:0!important;	padding:0!important;height:29px!important;	
	list-style:none;
}

#nav ul.drop-down li a{
	display:block!important;float:none!important;background:none!important;	border-right:none!important;background-color:#d06d17!important;border-bottom:1px solid #d06d17;
	height:30px!important;	font-size:11px!important;-moz-opacity:.95; filter:alpha(opacity=95); opacity:.95;margin:0!important; padding:0!important;
}



#nav ul.drop-down li.selected a, #nav ul.drop-down li a:hover{
	background-color:#b45806!important;
}


#nav ul.drop-down li a span{
	margin:6px 10px 0 10px; float:left; display:inline;
}


/* ------ FOOTER--------- */


#footer{
	background:#32160c url(/App_themes/Speights/gfx/footer-bg.jpg) no-repeat top left; height:75px; width:960px; padding 0 0; margin-left:-5px;
}

#footer ul{
	list-style:none; display:inline; margin-top:18px;
}

#footer ul li{
	display:inline; float:left; padding:10px 10px; background:transparent url(/App_themes/Speights/gfx/footer-separator.jpg) no-repeat center left; 
}

#footer ul li a{
	color:#db9f6b;text-decoration:none;
}

#footer ul li a:hover{
	color:#fff;
}

/* ------ CONTENT --------- */

#content
{
    position:static;  z-index:3; background:transparent url(/App_themes/Speights/gfx/body-shadow.png) repeat-y top left; padding:0 5px; margin-left:-5px; margin-top:89px; width:950px;
}

#content a{
	padding-bottom:1px;
}

#content a:hover{
	border-bottom:1px dotted #f5821f;
}

#content img{
	float:left;display:inline;
}

div.blue-content{
	background: #282c42 url(/App_themes/Speights/gfx/blue-top.jpg) no-repeat top left; zoom:1; width:950px; overflow:hidden;
}

div.blue-home{
	position:relative; z-index:800; overflow:visible;
}

div.history-content{
	background: #282c42 url(/App_themes/Speights/gfx/blue-top.jpg) no-repeat top left; zoom:1; width:950px; overflow:hidden;
}

div.beige-content{
	background: #e2d3bf url(/App_themes/Speights/gfx/beige-top.jpg) no-repeat top left; zoom:1; width:950px; overflow:hidden;
}

div.range-content{
	background: #d2cbca  url(/App_themes/Speights/gfx/Range-bg.jpg) no-repeat top left; zoom:1; width:950px; overflow:hidden;
}

div.blue-bottom{
	background: transparent url(/App_themes/Speights/gfx/blue-bottom.jpg) no-repeat bottom left;  width:870px; 
	padding:20px 40px;	
}
div.inner-content{
	width:870px; 	padding:20px 40px 0 40px;	
}

div.blue-content div.overall-column{
	background:#313344 url(/App_themes/Speights/gfx/right-column-blue.jpg) repeat-y 640px 0; width:950px; margin-left:-40px; color:#eaeaea;
}

div.beige-content div.overall-column{
	background:#e2d3bf url(/App_themes/Speights/gfx/right-column-beige.jpg) repeat-y 640px 0; width:950px; margin-left:-40px; color:#6c5237;
}

div.blue-content div.overall-column div.top{
	width:310px; height:62px; background:#285a98 url(/App_themes/Speights/gfx/right-column-blue-top.jpg) no-repeat top left; margin-bottom:40px;
}

div.beige-content div.overall-column div.top{
	width:310px; height:62px; background:#e2d3bf url(/App_themes/Speights/gfx/right-column-beige-top.jpg) no-repeat top left; margin-bottom:40px;
}

div.main-column{
	margin-right:0; width:640px; display:inline; float:left;
}

div.right-column{
	background:transparent none; display:block; overflow:hidden;
}

div.blue-content div.main-column{
	padding-top:20px; display:inline;
	background-color:#313344;
	color:#eaeaea;
}


span.entryResult{margin-left:40px;}
    
div.beige-content div.main-column{
	padding-top:20px; display:inline;
	background-color:#e2d3bf;
	color:#6c5237;
}

div.beige-content div.right-column{
	color:#eaeaea;
}

div.main-column p,div.main-column h2,div.main-column h3,div.main-column ul,
div.right-column p,div.right-column h2,div.right-column h3,div.right-column ul{
	margin-left:40px;  margin-right:40px;
}

div.main-column ul{
	list-style:outside;
}
div.main-column li{
	margin-left:15px; color:#FF6600;
}



div.main-column li span{
	color:#c9c9c9;
}

div.beige-content div.main-column li span{
	 color:#6c5237;
}



#slideshow{
	margin:0 10px 10px 10px; float:left; display:inline;
}

#range-flash{
	margin-left:-40px;
}

/* ------ feature --------- */
div.feature{
	height:140px; background: transparent url(/App_themes/Speights/gfx/feature-frame.png) no-repeat top left;  
}
div.feature img{
	margin:3px;
}


/* --------- HOME STUFF ---------*/
div.login-panel{
float:left; position:relative; 
    height:160px; width:240px; 
	background: transparent url(/App_themes/Speights/gfx/home-login-panel.jpg) no-repeat top left;
    color:#FFFFFF;
    padding:40px 15px 10px 15px; margin-top:-70px; z-index:800;
}
div.login-panel p{
	width:230px; margin-bottom:5px;
}

div.speightsmates-panel{
    height:160px; width:240px; background: transparent url(/App_themes/Speights/gfx/home-speightsmates-panel.jpg) no-repeat top left; position:relative;  float:left;
    color:#FFFFFF;
     padding:40px 15px 10px 15px; margin-top:-70px; z-index:800;
}
div.speightsmates-panel p{
	width:230px; margin-bottom:5px;
}

div.login-panel a.button{
	margin-left:65px;
}

div.bar-front{
	width:950px; height:66px; background:transparent url(/App_themes/Speights/gfx/bar-front.jpg) no-repeat top left; z-index:700; position:relative;
}
/* --------- FORM STUFF ---------*/


div.standard-form label{
	color:#fff; font-weight:normal; width: 135px; margin:20px 15px 0 0; text-align:right; float:left; display:inline;
}

div.standard-form input, div.standard-form select{
	margin:20px 5px 0 0;
}

div.standard-form input{
	width:200px;
}

div.standard-form label span{
	color:#f6841f; margin-right:2px;
}
div.standard-form input.check{
	width:auto;float:left; margin-left:130px;
}
div.standard-form label.check{
	width:300px;float:left; text-align:left;margin-top:19px;
}

div.standard-form input.submit{
	width:auto; 
}



/* --------- Gallery ---------*/

div.gallery{
	margin-left:40px;
}

div.gallery img{
	border:3px solid #fff!important; margin:0 10px 10px 0;
}	

dl.category-nav{
	margin-left:40px;
}

dl.category-nav dd{
	margin-left:0;
}
dl.category-nav dd span{
	 text-transform:uppercase; 
}
dl.category-nav dt{
	text-transform:uppercase; margin:0px 0 3px 0;
}

dl.category-nav span{
	color:#c89568; font-weight:normal;
}

dl.category-nav  a span{
	color:#F5821F;
}

dl.category-nav dd{
  padding:2px 0; width:215px;text-transform:none;
}

dl.category-nav dd.selected{
	background-color:#84684e;
} 
div.pagination{
	width:100%; text-align:center; margin-top:20px;
}

div.clear{
	height:1px; font-size:1px;
}

#global {
	text-align:center;
}

#global .content{
	margin:20px auto;width:341px; height:374px; padding-top:250px;
	background:transparent url(/App_themes/Speights/gfx/splash-panel.jpg) no-repeat top left;	
}
#global .content h2{
	display:none;
}

#global #submit{
	margin-top:10px;
}

#global #AgeValidator{
	background:#fff; padding:3px; margin:3px auto 5px auto; display:block; width:200px; text-transform:uppercase;
}

#wheres-this {}
#wheres-this .left {float:left;width:456px; background:url(/App_themes/Speights/gfx/switp-1.jpg) no-repeat; height:562px}
#wheres-this .right {float:left;width:494px; background:url(/App_themes/Speights/gfx/switp-2.jpg) no-repeat; height:562px;}
body #wheres-this h1 {background:url(/App_themes/Speights/gfx/switp-title.png) no-repeat; height:110px; padding-left:5px; visibility: visible; text-indent:-9999px; margin-top:80px; }
body #wheres-this h2 {background:url(/App_themes/Speights/gfx/switp-body.png) no-repeat; height:210px; padding-left:5px; visibility: visible; text-indent:-9999px }
body #wheres-this .submit {background:url(/App_themes/Speights/gfx/switp-button.png) no-repeat; height:46px; text-indent:-9999px }
body #wheres-this a.submit  {display:block}

div.challenge{
	float:left; display:inline; margin-left:290px;
	width:374px; height:26px;
	background: transparent url(/App_themes/Speights/gfx/challenge-btn.png) no-repeat;	
}
div.challenge span{
	text-indent:-3000px;
}



.super-rugby-picks{border:solid #fff; border-width:1px 0 0; margin:20px 0 20px 40px; width:510px; display:block; }
.super-rugby-picks td{border-bottom:1px solid #fff; }
.super-rugby-picks input{float:left;}
.super-rugby-picks label{width:auto;}

.super-rugby-picks-entered{margin:20px 0 20px 40px; width:500px; display:block; }

.game-date{width:100px; }
.home-team{border-left:1px solid #fff; padding:10px 40px 10px 10px; }
.draw{border-left:1px solid #fff; padding:10px 30px 10px 10px;}
.away-team{border-left:1px solid #fff; padding:10px 40px 10px 10px; }


.button span{top:0 !important; }

.login-panel .button{margin-top:10px !important; }

.enter-picks{margin:0 0 20px 40px; }


.entryResult{display:block; margin-bottom:20px; }

.password{clear:both !important; float:right !important; margin-bottom:20px !important; }