/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Codewise Lite - Main CSS for "Keeping Kids in the Game"

Copyright (c) 2004-2008 Codewise Systems Inc. and Twisted Lime Media Inc.
All rights reserved.

Created: 2008-09-26

Revision History:
  1.00	- Initial version. TB, 2008-09-26

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HTML tags */

body {
	background-color: #000000;
	background-attachment: fixed;
	background-image: url(/media/image/gui/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	color: #dddddd;
	margin: 0px; 
	padding: 0px;
	font-family: "Myriad Pro", "Trebuchet MS", Helvetica, Verdana, sans-serif;
	line-height: 1.0em;
	text-align: center;
}

div, p, td, th {
	font-family: "Myriad Pro", "Trebuchet MS", Helvetica, Verdana, sans-serif;
	font-size: 12px;	
}

p {
	margin: 0px 0px 15px 0px;
}

h1, h2, h3 {
	color: white;
	font-size: x-large;
	line-height: 1.4em;
	margin-bottom: 5px;
}
	h1 sup {
		font-size: 14px;
		font-weight: normal;
	}

h2 {
	font-size: large;
}

h3 {
	font-size: medium;
}

a {
	cursor: pointer;
	color: #f8b706;
}
	a:hover {
		color: #ffffff;
	}

	a img {
		border: 0px dashed lime;
	}

b, strong {
	color: #ffffff;
}

input.btn {
	background-color: #1171C5;
	border: 1px solid #696;
	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;
	color: #ffffff;
/*	font-family: "Myriad Pro", "MS Trebuchet", Helvetica, Verdana, sans-serif; */
	font-size: 11px;
	font-weight: bold;
	margin: 6px 6px 0px 0px;
	padding: 2px;
	cursor: pointer;
	overflow: visible;
}

input.donation {
	background-color: #F8B706;
	color: black;
}

input.btnhov {
	border-top-color: #c63;
	border-left-color: #c63;
	border-right-color: #930;
	border-bottom-color: #930;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Ids */

div#rowZero {
	float: right;
	padding: 6px;
	line-height: 1.5em;
	text-align: right;
}
	div#rowZero span.dynamicText {
		font-size: 14px;
	}

	span#tournamentDate {
		font-size: 21px;
	}

div#layoutContainer {
	margin: 0px auto;
	width: 995px;
}

div#wordmark {
	float: left;
	height: 70px; width: 460px;
	position: relative;
	top: 30px;
}

div#mainContainer {
	float: left;
	width: 725px;
	min-height: 440px;
	margin: 0px 0px 26px 0px;
	padding: 0px 10px 0px 0px;
}

div#rightHandBox {
	float: right;
	margin: 0px 16px 26px 26px;
	padding: 13px 26px 13px 26px;
	width: 220px; min-height: 360px;
}

div#content {
	text-align: left;
	margin-left: 26px;
}
	
	div#screenshot {
		margin: 10px 0px -115px auto;
		width: 712px; 
		height: 261px;
		z-index: 10;
	}

		div#skipButtonContainer {
			margin: 130px 0 0 0;
			width: 725px;
		}

		div#skipButton {
			background-image: url(/media/image/content/skip_button_off.png);
			height: 42px; 
			width: 218px;
			text-align: center;
			margin: auto;
		}
			a:hover div#skipButton {
				background-image: url(/media/image/content/skip_button_on.png);
			}
			
			div#skipButton p {
				visibility: hidden;
			}


	div#gameCover {
		float: left;
		display: block;
		margin: 20px 0px 0px 18px;
		padding: 0px;
		z-index: 1000;
	}
		div#gameCover img {
			display: block;
		}

	div#leftColumnMain, div#rightColumnMain {
		float: left;
		margin: 0px 10px 10px 0px;
		width: 245px;
		line-height: 1.2em;
	}
		div#rightColumnMain {
			margin-right: 0px;
		}

		div#leftColumnMain h2, div#rightColumnMain h2 {
			margin: 0px;
		}

		div#leftColumnMain ol, div#rightColumnMain ol {
			margin: -10px 0px 0px 0px;
			padding: 0px 0px 0px 25px;
		}

		div#leftColumnMain ol li, div#rightColumnMain ol li {
			margin: 0px 0px 2px 0px;
		}

	div#leftColumn, div#rightColumn {
		float: left;
		margin: 0px 25px 25px 0px;
		padding: 0px;
		width: 330px;
	}
		div#rightColumn {
			margin-right: 0px;
		}

		div#leftColumnMain h2, div#rightColumnMain h2 {
			margin-top: 0px !important;
		}

		div#leftColumn ol li, div#rightColumn ol li {
			margin: 0px 0px 6px 0px;
		}

	div#fundRaisedToDateContainer {
		background-image: url(/media/image/content/homepage/funds_raised_to_date_title.png);
		float: right;
		height: 48px; 
		width: 290px;
		margin-right: -10px;
	}
		span#fundRaisedToDate{
			float: right;
			font-size: 20px;
			margin: 25px 6px 0px 0px;
		}

	div#gameButton {
		background-image: url(/media/image/content/get_in_the_game_button_off.png);
		float: left;
		height: 42px; 
		width: 218px;
	}
		a:hover div#gameButton {
			background-image: url(/media/image/content/get_in_the_game_button_on.png);
		}

		div#gameButton {
			text-indent: -10000px;
			/* visibility: hidden; */
		}

	div#callToAction {
		clear: both;
		float: right;
		width: 500px;
		margin: -13px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #f8b706;
		text-shadow: 2px 2px 2px #000;
		font-size: 16px;
		font-weight: bold;
	}

div#topFiveFundRaisersWordmark, div#topFiveRivalsWordmark {
	float: right;
	height: 50px; 
	width: 230px;
	overflow: hidden;
	margin-top: -26px;
	text-align: left;
	position: relative;
	top: 20px;
}

div.topFiveContainer {
	float: right;
	height: 416px; width: 230px;
	margin: 0px 0px 26px 0px;
}
	#topFiveFundraisersTitle, #topFiveRivalsTitle {
		float: right;
		margin: 8px;
	}
	
	.topFiveItem {
		background-color: #297cc5;
		height: 60px; 
		width: 215px;
		margin: 6px auto;
	}
	
	#topFiveFundraisersItem1, #topFiveRivalsItem1 {
		margin-top: 44px;
	}
	
		#topFiveFundraisersBadge, #topFiveRivalsBadge {
			float: right;
			position: relative;
			margin-top: -7px; 
			margin-right: -21px;
		}

		.topFivePlayerName, .topFivePlayerAmount, .topFivePlayerLeague {
			font-size: 12px;
			line-height: 18px;
			color: white;
			
		}

		.topFiveLeagueName, .topFiveLeagueAmount, .topFiveLeagueSlogan {
			font-size: 12px;
			line-height: 18px;
			color: white;
		}

	div#topFundraisers {
		background-repeat: no-repeat;
		background-position: right top;
		background-image: url(/media/image/content/top_rivals_button_off.png);
		float: left;
		height: 42px; 
		width: 218px;
	}
		a:hover div#topFundraisers {
			background-image: url(/media/image/content/top_rivals_button_on.png);
		}

		div#topFundraisers p {
			visibility: hidden;
		}
		
	div#topRivals {
		background-repeat: no-repeat;
		background-position: right top;
		background-image: url(/media/image/content/top_fund_raisers_button_off.png);
		float: left;
		height: 42px; 
		width: 218px;
	}
		a:hover div#topRivals {
			background-image: url(/media/image/content/top_fund_raisers_button_on.png);
		}

		div#topRivals p {
			visibility: hidden;
		}


div#rowTwo {
	height: 26px; 
	width: 993px;
	overflow: hidden;
	margin: 0px 0px 26px 0px;
	background-position: bottom center;
}

#loginContainer {
	padding: 5px 15px 4px 15px;
	text-align: center;
}

div#rowTwo, div#rowThree, div#rowFour {
	clear: both;
}

div#rowFour {

}

div#gameContainer {
	background-image: url(/media/image/content/game_posterframe.jpg);
	height: 45px; 
	width: 232px;
	margin: 0px 26px 26px 0px;
	padding: 100px 0px 0px 162px;
}
	div#playGame {
		background-image: url(/media/image/content/play_now_button_off.png);
		height: 42px; 
		width: 218px;
	}
		a:hover div#playGame {
			background-image: url(/media/image/content/play_now_button_on.png);
		}

		div#playGame p {
			visibility: hidden;
		}

div#prizeContainer {
	float: left;
	height: 145px; width: 394px;
}
	
div#videoHighlights {
	float: left;
	height: 318px; width: 313px;
	margin: 0px 26px 0px 0px;
	overflow: hidden;
}
	img#videoTitle {

	}
		div#videoSelector form {
			float: right;
			margin: 6px 6px 26px 0px;
		}
	

div#fundraiserContainer {
	height: 145px; width: 230px;
	margin: 0px 0px 26px 0px;
}
	img#findFundraiserTitle {
	
	}

	div#tournamentPlayers, div#fundraiserLeagues {
		/* letter-spacing: 0.1em; */
		font-size: 13px;
		margin: -6px 0px 0px 14px;
		text-align: left;
	}

	input.searchInput {
		background-color: #88abcd;
		float: left;
		margin: 6px 0px 8px 12px;
		text-align: left;
		width: 182px; height: 18px;
	}

	img#searchPlayerButton {
		float: left;
		margin: 2px 0px 0px -10px;
	}

	#findCopy {
		margin-top: 34px;
		padding: 12px;
	}
	
div#leagueContainer {
	height: 145px; 
	width: 230px;
}

	img#leagueRivalryTitle {
	
	}

	#rivalryCopy {
		margin: -18px 0px 0px 0px;
		padding: 12px;
	}

	div#rivalryButtons {
		margin: -6px 0px 0px 12px;
		text-align: center;
	}
		div#joinButton {
			background-image: url(/media/image/content/join_button_off.png);
			height: 37px; width: 92px;
			float: left;
		}
			a:hover div#joinButton {
				background-image: url(/media/image/content/join_button_on.png);
			}

		div#createButton {
			background-image: url(/media/image/content/create_button_off.png);
			height: 37px; width: 92px;
			float: left;
			margin-left: 12px;
		}
			a:hover div#createButton {
				background-image: url(/media/image/content/create_button_on.png);
			}

		div#joinButton p, div#createButton p {
			visibility: hidden;
		}

#avatarImg { 
	float: left;
	margin: 2px 12px 0px 0px;
	width: 50px;
	/* height: 50px; */
}
	.avatarImg { 
		border: 2px outset #808080;
		position: relative;
		top: 26px; left: 22px;
	}

div#searchPlayerInputContainer {
	float: left;
}

div#badge {
	background-image: url(/media/image/content/icon_badge.png);
	background-repeat: no-repeat;
	height: 111px; 
	width: 98px;
	float: right;
	margin: 0px 40px 20px 20px;
}

div#badgeMotto { 
	clear: right; 
	width: 126px; 
	margin: 6px 32px 0px 0px;
	text-align: center;
}

div#copyright {
	clear: both;
	margin: 0px 0px 17px 0px;
	/* font-size: smaller; */
}
	div#copyright img {
		margin: 30px 0px 15px 0px;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Classes */

.groupedLeft {
	float: left;
}

.indentedBold {
	margin-left: 16px;
	font-weight: bold;
}

.defaultBoxStyle {
	background-color: #1172c6;
	background-image: url(/media/image/gui/main_content_bg.png);
	background-repeat: repeat-x;
	border: 1px solid #485267;
}

.altBoxStyle {
	background-color: #1172c6;
	background-image: url(/media/image/gui/alt_content_bg.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	border: 1px solid #485267;
}

.tertiaryBoxStyle {
	background-color: #dfefff;
	background-image: url(/media/image/gui/tertiary_content_bg.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	border: 1px solid #485267;
}

.dynamicText {
	color: #f8b706;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000;
}

.copy {
	color: #cccccc;
	font-size: 11px;
	margin-top: 12px;
	text-align: left;
}
	.copy h1 {
		margin-top: 40px;
	}

.outline {
	border: 1px dashed red;
}

.padded {
	padding: 6px 0px 0px 6px;
}


.left {
	float: left;
}

.right {
	float: right;
}

.initial {
	margin-bottom: 0px;
}

.searchResultsItem {
	background-color:#297CC5;
	height:60px;
	margin:2px auto;
}

.searchResultsContainer {
	padding-left: 10px; 
	overflow: auto; 
	height: 225px;
}

.personalRivalSearchResults {
	background-color: #1172c6;
	background-image: url(/media/image/gui/main_content_bg.png);
	background-repeat: repeat-x;
	border: 1px solid #485267;
	min-height: 0px;
	max-height: 210px;
	overflow: auto;
	padding: 6px;
	position: absolute;
	width: 210px;
	visibility: hidden;
}

.info {
	/* font-size: smaller; */
	padding-right: 12px;
}

.leagueName {
	color: white;
	font-style: italic;
}

.iconContainer {
	overflow: hidden; 
	width: 54px; height: 52px;
}