@CHARSET "UTF-8";
/* site.css */
/*  
Theme Name: KSA Events Pilot Theme
Theme UR: N/A
Description: This is the theme for the KSA pilot.
Version: 1.0
Author: Ryan Moore
Author URI: http://nfistudios.com/
*/

/* BASIC FORMATTING */
body {
	background: #F2F2F2;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font: 0.9em Helvetica, Arial, sans-serif;
	color: #4D4D4D;
	}
	
a, a:visited{
	text-decoration: underline;
}

.wrap {
	width: 960px;
	margin: 0 auto;
	clear: both;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #eeeeee;
	}
	
	h2 a, h2 a:visited {
		color: #BA9753;
		text-decoration: underline;
		}
		
h3 {
	font-size: 1.2em;
	font-weight: bold;
	}

h4 {
	font-size: 1em;
	font-weight: bold;
	color: #eeeeee;
	}
	
.clear {
	clear: both;
}


/* END BASIC FORMATTING END */

/* #lostPassR STYLING */

#header {
	background: #333333 url('/img/header_tile.jpg') top left repeat-x;
	width: 100%;
	height: 87px;
}

#header a, #header a:visited, #header a:hover {
	text-decoration: none;
	}
	
	#headImg {
		height: 60px;
		}
	
	#logo {
		position: relative;
		top: 2px;
		float: left;
		margin: 0 5px 4px 0;
	}
	
	#SNlogo {
		position: absolute;
		top: 2px;
		}
		
	h1.ryleHS {
		color: #ddd;
		font-size: 2em;
		font-weight: bold;
		padding: 15px 0 0 10px;
		float: left;
		}

#headLinks {
	background: #333333 url('/img/nav_tile.jpg') top left repeat-x;
	width: 100%;
	height: 33px;
	clear: both;
}

#navagation li.sub {
		float: left;
		font: 1em Helvetica, Arial, sans-serif;
		color: #eeeeee;
		font-weight: bold;
		background: #333333 url('/img/button_tile.jpg') top left repeat-x;
		padding: 4px 15px 0px;
		margin: 0px 6px 0px 0px;
		height: 21px;
		position: relative;
		left: 300px;
}

	#navagation li.sub:hover {
		background: url('/img/buttonHover_tile.jpg') top left repeat-x;
		}
		
	#navagation li.sub a, #navagation li.sub a:visited, #navagation li.sub a:hover {
		color: #eeeeee;
		}
		
#navagation li.logOut {
	background: url('/img/logOut.jpg') top left no-repeat;
	width: 60px;
	height: 25px;
	float: right;
	}
	
	#navagation li.logOut:hover {
		background: url('/img/logOut_hover.jpg') top left no-repeat;
		}
		
	#navagation li.logOut a {
		width: 60px;
		height: 25px;
		display: block;
		}
		
	#navagation li.logOut a span, #navagation li.logIn a span {
		visibility: hidden;
		}
		
#navagation li.join {
	background: url('/img/join.jpg') top left no-repeat;
	width: 53px;
	height: 25px;
	float: right;
	}
	
	#navagation li.join:hover {
		background: url('/img/join_hover.jpg') top left no-repeat;
		}
		
	#navagation li.join a {
		width: 53px;
		height: 25px;
		display: block;
		}
		
#navagation li.logIn {
	background: url('/img/login.jpg') top left no-repeat;
	width: 53px;
	height: 25px;
	float: right;
	margin-left: 6px;
	}
	
	#navagation li.logIn:hover {
		background: url('/img/login_hover.jpg') top left no-repeat;
		}
		
	#navagation li.logIn a {
		width: 53px;
		height: 25px;
		display: block;
		}
/* END HEADER STYLING END */

/* BASIC LAYOUT STYLING */

/*  Large left layout */
.largeLeft {
	width: 630px;
	padding: 12px 0px;
	float: left;
	}
	
.smallRight {
	width: 295px;
	padding: 12px 0px;
	margin: 0;
	float: right;
	}

/* Large Right layout */
.largeRight {
	width: 730px;
	padding: 12px 0px;
	margin: 0;
	float: right;
	}
	
	.largeRight h3 {
		padding: 20px 15px;
		}
		
	.largeRight form label.optional {
		color: #4d4d4d;
		font-weight: bold;
		}		
	
.smallLeft {
	width: 200px;
	padding: 12px 0px;
	margin: 0px 30px 0px 0px;
	float: left;
	}
	
/* END BASIC LAYOUT STYLING END */


/* BASIC FORM STYLING */
form {
		width: 400px;
		float: left;
		text-align: right;
		padding-right: 20px;
		}
		
form div {
		margin: 0px 0px 15px;
		}
		
	label {
		color: #4d4d4d;
		}
				
form input[type="text"], form input[type="password"] {
		width: 250px;
		font-weight: normal;
		border: 1px solid #666;
		}

/* END BASIC FORM STYLING END */

/* HOME PAGE STYLING */
#homeLog {
	margin:0px 0px 30px;
	}
#homeLog div.FormField, #homeLog div.fieldCloser{
    margin: 3px 0 0 0;	
}

div.smallRight h2 {
	color: #BA9753;
	}

div.smallRight p, div.landingRight p{
	margin: 0px 0px 15px;
	}

#signUp_btn {
	width: 350px;
	margin: 0px 0px 0px 135px;
	}

#homeLog div.tile {
	background: url('/img/smallRight_rndTop.jpg') top left no-repeat; 
	height: 12px;
	width: 295px;
	line-height: 0;
	font-size: 0;
	}
	
	#homeLog h2 {
		color: #4d4d4d;
		float:right;
		margin-right: 14px;
		}
	
#homeLog div.loginBox {
	background: #999999;
	padding: 0 10px;
	font-weight: bold;
	width: 275px;
	}
	
	#loginForm{
	width: 262px;
	float: none;
	}
	
	#loginForm #username, #loginForm #password {
		width: 150px;
		}

	#homeLog .loginBox p {
		position: relative;
		top: -20px;
		margin-bottom: -10px;
		width:130px;
		}	
	
	#homeLog div.loginBox .loginBoxForm {
		width:495px;
		float:left;
		}
	
	#homeLog div.loginBox .loginBoxText {	
		width:171px;
		float:left;
		}
		
		#tryItbox img, #tryItbox form,#tryItbox p{
		position: relative;
		}
	
	#homeLog div.loginBox a, #homeLog div.loginBox a:visited {
		color: #eeeeee;
		}
		
		#homeLog div.loginBox a:hover {
			color: #cdcdcd;
			}
			
			#homeLog label{
			font-size: 12px;
			}
			
			#homeLog form{
			padding: 0;
			}
	
#homeLog div.rndBottom {
	background: url('/img/smallRight_rndBottom.jpg') top left no-repeat;
	width: 295px;
	height: 12px;
	}
	
#homeLog div.bar {
	background: #4D4D4D;
	width: 295px;
	height: 10px;
	position: relative;
	top: -18px;
	}
	
#homePoints_left {
	float: left;
	width: 280px;
	padding: 10px;
	}

	
#homePoints_right {
	float: right;
	width: 280px;
	padding: 10px;
	}

ul.homePoints li.sub {
	margin: 0px 0px 10px;
	font-weight: bold;
	} 

#page .largeLeft p {
	margin: 10px 0px;
	}
	
#homePoints_right h2, #homePoints_left h2 {
	color: #4d4d4d;
	}
	
#phoneSample {
	float: right;
	}
/* END HOME PAGE STYLING END */

/* SIGN UP PAGE STYLING */

#signUp {
	margin: 0px;
	}

div.tileRed {
	background: url('/img/largeRed_tile.jpg') top left repeat-x;
	height: 25px;
	padding: 2px 8px 0px;
	}
	
#signUp div.signupBox {
	background: #999999;
	padding: 20px;
	font-weight: bold;
	}
	
	#signUp div.signupBox a, #signUp div.signBox a:visited {
		color: #eeeeee;
		}
		
		#signUp div.signupBox a:hover {
			color: #cdcdcd;
			}
		
	#signUp div.signupBox p {
		color: #fff;
		line-height: 1.4em;
		}
		
	#signUp div.signupBox p.requiredP {
		margin-bottom: 15px;
		}
		
	#signUp div.signupBox p span {
		color: #4d4d4d;
		}
		
#signUpForm p.hint{
	text-align: right;
	font-size: 0.7em;
	padding-bottom: 2px;
	}
		
#BirthDateMonth_field label, #BirthDateYear_field label {
	display: none;
	}
		
#BirthDateDay_field {
	float: left;
	width: 193px;
	margin: 0px;
	}
	
	#BirthDateDay_field p.hint {
		font-size: 0.7em;
		float: right;
		width: 188px;
		margin-bottom: 1px;
		}
		
#BirthDateMonth_field {
	float: left;
	width: 125px;
	margin: 0px;
	}
	
#BirthDateYear_field {
	float:left;
	width: 80px;
	margin: 0px;
	}
	
#SecurityQuestion_field, #passwordVerify_field {
	clear: both;
	}
	
#signUp div.rndBottom {
	background: url('/img/largeLeft_rndBottom.jpg') top left no-repeat;
	width: 630px;
	height: 8px;
	}
	
#signUp div.bar {
	background: #4D4D4D;
	width: 630px;
	height: 10px;
	position: relative;
	top: -18px;
	}

/* END SIGN UP PAGE STYLING END */

/* LOGIN PAGE STYLING */

#logLog div.loginBox {
	background: #999999;
	padding: 20px;
	font-weight: bold;
	}
	
	#logLog div.loginBox a, #logLog div.loginBox a:visited {
		color: #eeeeee;
		}
		
		#logLog div.loginBox a:hover {
			color: #cdcdcd;
			}
	
#logLog div.rndBottom {
	background: url('/img/largeLeft_rndBottom.jpg') top left no-repeat;
	width: 630px;
	height: 8px;
	}
	
#logLog div.bar {
	background: #4D4D4D;
	width: 630px;
	height: 10px;
	position: relative;
	top: -18px;
	}

/* END LOGIN PAGE STYLING END */

/* LOST PASSWORD PAGE STYLING */
#lostPass div.loginBox {
	background: #999999;
	padding: 20px;
	font-weight: bold;
	}
	
	#lostPass div.loginBox a, #lostPass div.loginBox a:visited {
		color: #eeeeee;
		}
		
		#lostPass div.loginBox a:hover {
			color: #cdcdcd;
			}
			
	#lostPass div.loginBox form {
		margin-top: 50px;
		}
			
	#lostPass div.loginBox p {
		color: #fff;
		line-height: 1.4em;
		width: 165px;
		float: right;
		}
		
	#lostPass div.loginBox p span {
		color: #4d4d4d;
		}
	
#lostPass div.rndBottom {
	background: url('/img/largeLeft_rndBottom.jpg') top left no-repeat;
	width: 630px;
	height: 8px;
	}
	
#lostPass div.bar {
	background: #4D4D4D;
	width: 630px;
	height: 10px;
	position: relative;
	top: -18px;
	}
	
/* END LOST PASSWORD PAGE STYLING END */

/* MY ACCOUNT STYLING */
#title {
	background: url('/img/largeBlack_tile.jpg') top left repeat-x;
	height: 20px;
	padding: 4px 15px 0px;
	margin: 0px 0px 15px 0px;
	}

#noPhone, #verifyPhone {
	padding: 0 150px 0 85px;
	clear: both;
	}
	
	#goodPhone {
    padding: 0 40px;
    clear: both;
    }
    
	
	#noPhone p, #verifyPhone p, #goodPhone p {
		font-weight: bold;
		}
		
	p.p1 {
		margin: 0px;
		}
		
	p.p2 {
		padding: 20px 0px 0px 235px;
		line-height: 1.5em;
		} 
	
img.accountImg {
	float:left;
	margin: 10px 10px 10px 50px;
	}
	
img.mark {
	float:none;
	}
	
img.wideHr {
	clear: both;
	margin: 30px 15px 0px;
	}
	
p.passwordPadding {
	padding: 0px 0px 20px 15px;
	}
	
img.instruct {
	margin-left: 15px;
	}

/* END MY ACCOUNT STYLING END */


/* LEAUGE PAGE STYLING */
	p.leftPadding {
		padding-left: 15px;
		}
/* END LEAUGE PAGE STYLING END */

/* TEAMS PAGE STYLING */


div.teamBox {
	background: #ffffff;
	width: 668px;
	border: 1px solid #B1BBBF;
	margin: 15px 0px 0px 15px;
	padding: 5px 10px 5px 20px;
	}
	
	div.teamBox a, div.teamBox a:visited {
		color: #4D4D4D;
		}
	
	div.teamBox dl.team {
		float: left;
		}
		
		dt.teamName {
			font-weight: bold;
			font-size: 1.1em;
			}
			
		dd.teamInfo {
			font-size: 0.8em;
			margin-top: -2px;
			}
	
	div.teamOptions {
		float: right;
		text-align: right;
		font-size: 0.8em;
		}
		
		p.status {
			}
			
		img.teamHr {
			margin: 0px;
			}
			
		p.changeStatus a, p.changeStatus a:visited {
			color:#0077C0;
			font-style: italic;
			text-decoration: underline;
			}
			
		p.pageLinks {
			margin: 0px 0px 0px 15px;
			}

/* END TEAMS PAGE STYLING END*/


/* GAMES PAGE STYLING */
div.gameInfo {
	float: left;
	margin-top: 4px;
	}

div.gameBox {
	background: #ffffff;
	width: 668px;
	border: 1px solid #B1BBBF;
	margin: 0px 0px 15px 15px;
	padding: 10px 10px 5px;
	}
	
div.gameOptions {
	float: right;
	text-align: left;
	font-size: 0.8em;
	padding-bottom: 10px;

	
	}
	
/*img.vsIcon {
	float:left;
	margin: 15px 30px 0px;
	}*/
	
.watchNow_btn {
	float: right;
	margin: 25px 15px 0px 0px;
	}

img.calIcon {
	margin: 0px 0px -4px 26px;
	}

p.broadcast, p.date, p.time {
	margin: 0px 0px -8px;
	}
	
p.stream {
	float:right;
	font-size:0.8em;
	font-weight:bold;
	margin-right:15px;
	text-align:right;
	width:180px;
	}

/* END GAMES PAGE STYLING END */

/* VIEW GAME PAGE STYLING */
p.videoReq {
	font-size: 0.7em;
	width: 320px;
	margin: 0 auto;
	padding: 0;
	}

#videoBox {
	width: 320px;
	height: 290px;
	margin: 20px auto;
	}
	
/* END VIEW GAME PAGE STYLING END */

/* GOOGLE ADS BOX STYLING */
#googleAds {
	width: 180px;
	}
	
.googleAdrepeat {
	width: 180px;
	margin: 0px 0px 15px;
	}
	
#googleAds2 {
	width: 468px;
	margin: 20px auto 0px;
	}
	
#googleAds3 {
	width: 728px;
	margin: 20px auto;
	}

/* END GOOGLE ADS BOX STYLING END */

/* LEFT SIDEBAR STYLING */
#sidebarUser {
	margin: 0 0 15px;
	
	}
	
	#sidebarUser div.tile {
		background: url('/img/smallBlue_tile.jpg') top left repeat-x;
		height: 18px;
		padding: 2px 10px 0px;
		}
		
	#sidebarUser div.userInfo {
		background: url('/img/blueSidebar_tile.jpg') top left repeat-y;
		width: 180px;
		padding: 5px 10px 0px;
		}
	
		#sidebarUser p {
			font-size: 0.8em;
			color: #fff;
			font-weight: bold;
			}
			
		#sidebarUser a, #sidebarUser a:visited {
			color: #C6DDEF;
			font-style: italic;
			text-decoration: underline;
			}
	
	#sidebarUser div.rndBottom {
		background: url('/img/blueSidebar_rndBottom.jpg') top left no-repeat;
		height: 10px;
		width: 200px;
		}
		
#myAccount_btn {
	margin-bottom: 14px;
	}
/* END LEFT SIDEBAR STYLING END */

/* TERMS PAGE STYLING */
h1.legal {
	padding-bottom: 15px;
	}

p.legal {
	font-size: 0.7em;
	padding: 0px 15px 15px;
	}

/* END TERMS PAGE STYLING */

/* FOOTER STYLING */

#footer_tile {
	clear: both;
	background: #1A1A1A url('/img/footer_tile.jpg') top left repeat-x;
	width: 100%;
	padding: 35px 0px 25px;
	}
	
#footer div.rndTop {
	background: url('/img/footer_rndTop.jpg') top left no-repeat;
	width: 950px;
	height: 12px;
	}
	
#footer div.info {
	background: url('/img/footerInfo_bg.jpg') top left repeat;
	width: 890px;
	padding: 5px 30px;
	}
	
	#footer div.info p.mission {
		width: 240px;
		font-size: 0.8em;
		color: #808080;
		float: left;
		}
		
		#footer div.info p.mission a, #footer div.info p.mission {
			color: #808080;
			}
		
	#footerLinks {
		float: left;
		}	
		
		#footerLinks a, #footerLinks a:visited {
		text-decoration: underline;
		color: #808080;
		}
	
		#footerLinks li.sub {
			float: left;
			}
		
		#footerLinks li.sub a, #footerLinks li.sub a:visited, #footerLinks li.sub span {
			margin: 0px 5px;
			font-size: 0.8em;
			color: #808080;
			}
			
	.morefooterLinks {
		float: right;
		}
			
		.morefooterLinks a, .morefooterLinks a:visited {
		text-decoration: underline;
		color: #808080;
		}
	
		.morefooterLinks li.sub {
			float: left;
			}
		
		.morefooterLinks li.sub a, .morefooterLinks li.sub a:visited, .morefooterLinks li.sub span {
			margin: 0px 5px;
			font-size: 0.8em;
			color: #808080;
			}
			
	#footerLeft {
		float:left;
		width:370px;
		padding-top:12px;
		}
		
	#footerRight {
		float:right;
		width:370px;
		padding-top:12px;
		}
				
#footer div.rndBottom {
	background: url('/img/footer_rndBottom.jpg') top left no-repeat;
	width: 950px;
	height: 8px;
	}
	
#footer div.rndBottomLite {
	background: url('/img/footer_rndBottomLite.jpg') top left no-repeat;
	width: 950px;
	height: 13px;
	}
	
#logoSmall {
	float: left;
	margin: 10px 10px 0px 0px;
	}
	
#SNlogoSmall {
	float: right;
	}

/* END FOOTER STYLING END */


/**
 * Styling added by Cory Collier
 * Ryan: please feel free to change this how appropriate.s
 */
/* ERROR MESSAGE STYLING */

ul.errors {
	color: #BC0000;
}

ul.errors li {
	font-size: 0.8em;
	
}

/* END ERROR MESSAGE STYLING END */

.error
	{
	color: #BC0000;
}

.success{
	color: #13AF0E;
}

.formMessage{ font-weight:bold;}

h4.message{
	padding: 8px 8px 8px 32px;
    margin-bottom: 8px;
    font-size: 1.2em;
    font-weight: bold;
	background: #002664;
        border: 1px solid #648FA1;
        color: #CEE3F2;
}

/* TRY IT BOX STYLING */
#tryItbox {
	background: #fff;
	border: 1px solid #B1BBBF;
	padding: 10px 10px 0px;
	margin: 0px 0px 15px;
	position: relative;
	margin: 10px 0;
	}
	
	#signupBox {
    background: #fff;
    border: 1px solid #B1BBBF;
    padding: 10px;
	margin: 10px 0;
	}
#tryItbox p {
	font-weight:bold;
	font-size:0.7em;
	float:right;
	width: 125px;
	}

#testAlertForm #areaCode_field,#testAlertForm #phone1_field,#testAlertForm #phone2_field{
    float: left;
    margin: 0px;
}

#testAlertForm #areaCode,#testAlertForm #phone1,#testAlertForm #phone2{
    width: 35px;
    margin: 0;
	}

#TestAlertFormSubmit_field{
	clear: both;
	
	margin: 0px 0px 0px 0px;
	}

#testAlertForm {
	clear: both;
	text-align:left;
	width: auto;
	padding: 0px 0px 0px 10px;
	}
	
#testAlertForm p.hint {
	display: none;
	}


/* END TRY IT BOX STYLING END */


/**********************/ 
/*LANDING PAGE STYLING*/ 
/**********************/

.landingLeft {
	width: 640px;
	padding: 0px 0px;
	float: left;
	}
	
.landingRight {
	width: 285px;
	padding: 0px;
	margin: 0px;
	float: right;
	}

img.landingAd {
	margin-top: 8px;
	}
	
#aboutBox {
	background: #fff;
	border: 1px solid #ccc;
	padding: 15px;
	margin: 20px 0 0 0;
	}

#aboutBox h2 a, #aboutBox h2 a:visited {
	color: #BA9753;
	}

img.landingSS {
	float: right;
	margin: 20px 0 0;
	}

img.ss {
	float: left;
	margin-right: 20px;
	}
	
img.ssRight {
	float: left;
	}
	
div.blueContent h2 {
	float: left;
	color: #4d4d4d;
	margin: 5px 65px 0px 20px;
	}
	
div.blueContent h2.noMarg {
	padding: 0;
	margin: 5px 0 0 20px;
	}
	
	
/*big grey box*/
#landingWide {
	margin: 20px 0px;
	}

#landingWide div.tile {
	background: url('/img/grey_top_wide.jpg') top left repeat-x;
	height: 40px;
	padding: 5px 8px 0px;
	}
	
	#landingWide div.tile h2 {
		font-size: 2em;
		}
		
	#landingWide p.mission {
		line-height: 1.4em;
		}
		
	#landingWide h2.ideal {
		color:#4d4d4d;
		margin-top: 15px;
		}
		
#landingWide div.homeContent {
	background: url('/img/grey_middle_wide.jpg') top left repeat-y;
	width: 560px;
	padding: 20px 40px;
	}
	
	
#landingWide div.rndBottom {
	background: url('/img/greyRnd_bottom_wide.jpg') top left no-repeat;
	width: 640px;
	height: 10px;
	}

/*blueBox */

#blueBox {
	margin: 20px 0px;
	}

#blueBox div.tile {
	background: url('/img/blue_top.jpg') top left repeat-x;
	height: 22px;
	padding: 2px 8px 0px;
	}

#blueBox div.blueContent {
	background: url('/img/blue_middle.jpg') top left repeat-y;
	width: 520px;
	padding: 5px 20px 0px;
	}
	
#blueBox div.rndBottom {
	background: url('/img/blueRnd_bottom.jpg') top left no-repeat;
	width: 560px;
	height: 10px;
	}
	
/*redBox*/

#redBox {
	margin: 20px 0px;
	}

#redBox div.tile {
	background: url('/img/red_top.jpg') top left repeat-x;
	height: 22px;
	padding: 2px 8px 0px;
	}
	
#redBox div.redContent {
	background: url('/img/red_middle.jpg') top left repeat-y;
	width: 520px;
	padding: 5px 20px 0px;
	}
	
#redBox div.rndBottom {
	background: url('/img/redRnd_bottom.jpg') top left no-repeat;
	width: 560px;
	height: 11px;
	}
	
/*greyBox*/

#greyBox {
	margin: 20px 0px 0px;
	}

#greyBox div.tile {
	background: url('/img/grey_top_narrow.jpg') top left repeat-x;
	height: 22px;
	padding: 2px 8px 0px;
	}
	
#greyBox div.greyContent {
	background: url('/img/grey_middle_narrow.jpg') top left repeat-y;
	width: 520px;
	padding: 5px 20px 0px;
	}
	
#greyBox div.rndBottom {
	background: url('/img/greyRnd_bottom_narrow.jpg') top left no-repeat;
	width: 560px;
	height: 11px;
	margin-bottom: 15px;
	}
	
	
.aboutPage h1
{
	font-size: 24px;
	font-weight:bold;
	margin: 20px 0;
}


/* ABOUT PAGE STYLING */
.aboutPage h3
{
margin: 0 0 10px 0
}

.aboutPage p
{
margin: 10px 0
}

.aboutPage ul
{
list-style-type:disc;
padding-left: 50px;
}

.aboutPage blockquote
{
padding: 20px;
}

span.name {
	font-weight: bold;
	}
	
	ul.homePoints{
	list-style-type: disc;
	margin: 0 0 0 10px;}
	
	
	#schoolAffiliation, #role, #signUpForm input{
	width: 250px;
	}
	
	#update_field input{
	width: auto;
	}
	
	#fkOrganizationID_field label{float: left;margin-left:40px;}
	#fkOrganizationID_field select{width:100%;}
	#pkAutoAlertAssociationID{width:250px;}