/*******************/
/** common styles **/
/*******************/

body	{ font-family: arial, sans-serif; background-color: #010102; background-image: url(../images/common/bg.gif); background-repeat: repeat-x; margin: 0; }

a:link, a:visited	{ color: #df1f26; text-decoration: none; }
a:hover, a:active	{ color: #df1f26; text-decoration: underline; }

a.photo:link img, a.photo:visited img		{ border: 5px solid #fff; }
a.photo:hover img, a.photo:active img		{ border: 5px solid #df1f26; }

.clearfloats	{ clear: both; }

.subhead	{ border-bottom: 1px solid #434344; margin-bottom: 10px; }
.subhead2	{ border-bottom: 1px solid #434344; margin-bottom: 15px; }


/* generic list style */
.simplelist ul						{ padding-left: 0; margin-left: 0; margin-top: 15px; color: #fff; font-size: 11px; list-style-type: none; }
	.simplelist ul li				{ margin-bottom: 10px; }
		/*.simplelist ul li a:link	{ color: #252525; text-decoration: none; }
		.simplelist ul li a:visited	{ color: #555550; text-decoration: none; }
		.simplelist ul li a:hover,
		.simplelist ul li a:active	{ color: #df1f26; }
		.simplelist ul li strong	{ display: block; }*/

		.current	{ border-bottom: 3px double #434344; padding-bottom: 5px; margin-bottom: 10px; font-weight: bold; line-height: 20px; }
			.thisweek	{ font-size: 16px; color: #6e3235; }
			.overall	{ font-size: 16px; color: #fff799; }

/* generic "more" style */
.readmore	{ text-align: right; }

.loadingholder { text-align: center; padding: 20px;}

/******************/
/** login styles **/
/******************/
#logincontainer	{ background-color: #2e2e2f; border-bottom: 1px dotted #999; color: #fff; padding: 10px; text-align: left; /*position: fixed; top: 0; left: 0; right: 0; z-index: 1000;*/ }
	table.logintable th	{ text-align: left; font-weight: normal; font-size: 11px; color: #fff; }
	table.logintable td { text-align: right; color: #df1f26; font-size: 11px;  }

		table.logintable form	{ margin: 0px; }	/* grumpy ie fix -- yes a 0 margin for a form (!!) */
			table.logintable form input					{ background-color: #efefef; border: 1px solid #bfbfbf; font-size: 10px; font-family: arial, sans-serif; color: #333; padding: 2px; margin-left: 5px; margin-right: 10px; }
			table.logintable form input .theinput		{ width: 125px; }
			table.logintable form input .thecheckbox	{ border: none; }


/*********************/
/** rules container **/
/*********************/
#rulescontainer		{ position: absolute; width: 100%; visibility: hidden; }
	/*.borderbottom	{ border-bottom: 1px dotted #494949; }*/
	#rulescontent	{ background-image: url(../images/rules/bg_rules.gif); background-repeat: repeat-x; background-color: #29292a; color: #fff; font-size: 11px; /*margin-bottom: 10px; width: 100%; height: 700px; border-bottom: 1px solid #494949;*/ padding: 20px 30px 30px 30px; /*overflow: hidden;*/ }
		#rulescontent h1	{ font-size: 12px; border-bottom: 1px solid #434344; margin: 10px 0 5px 0; padding: 0; }

/**********************/
/** spread container **/
/**********************/
#spreadcontainer		{ position: absolute; width: 950px; text-align: right; visibility: hidden;}
	/*.borderbottom	{ border-bottom: 1px dotted #494949; }*/
	#spreadcontent	{  float:right; width: 350px; background-image: url(../images/rules/bg_rules.gif); background-repeat: repeat-x; background-color: #29292a; color: #fff; font-size: 11px; /*margin-bottom: 10px; width: 100%; height: 700px; border-bottom: 1px solid #494949;*/ padding: 20px 30px 30px 30px; /*overflow: hidden;*/ }
		#spreadcontent h1	{ font-size: 12px; border-bottom: 1px solid #434344; margin: 10px 0 5px 0; padding: 0; }



/********************/
/** main container **/
/********************/
#maincontainer	{ width: 1000px; text-align: left; }
	#header	{ width: 950px; margin: 0 5px 0 5px; }

	/*** the guts of the page ***/
	#theguts	{ width: 1000px; margin-top: -5px; }
	
	#msgs {width: 100%; text-align:center; margin-top:10px;padding-top:10px; padding-bottom:10px; background-color:#d9821d; color:#fff; display:none;}
	#blankmsgs { margin-top:20px; margin-left: 15px; font-size: 14px; }
	
	/*** heightcontainer for main page ***/
	#heightcontainer { min-height: 700px; height: 700px !important; height: 700px; overflow: hidden;}

		/* my stuff */
		#mystuffcontainer	{ background-image: url(../images/common/bg_diagonals.gif); width: 310px; margin: 5px; color: #fff; float: left; min-height: 700px; height: auto !important; height: 700px; }
			.mystuff	{ width: 280px; padding: 15px; }
				.mystuff h1	{ margin-top: 10px; margin-bottom: 10px; padding-bottom: 2px; border-bottom: solid 1px #434344; font-size: 18px; }
				.mystuff .thetools	{ float: left; width: 85px; }
					.mystuff .thetools img	{ display: block; margin-bottom: 10px; }
				.mystuff .thepicks	{ /*float: left; width: 180px; margin-left: 15px;*/ font-size: 11px; }
					.thepicks .tabnav	{ margin-bottom: 15px; }
					.nopicks { text-align: center; margin-top: 50px; margin-bottom: 25px;}
					.thepicks .tools	{ text-align: right; border-top: 2px solid #434344; padding-top: 3px; margin-top: 5px; }

					/* previous weeks picks */
					#mystuffaj ul { list-style: none; padding: 0px; margin-bottom: 5px; font-size:11px}
						#mystuffaj li	{ margin-bottom: 7px; }
							#mystuffaj li a	{ color: #db4105; text-decoration: none; }
							#mystuffaj li a:hover	{ color: #fff; background-color: #db4105; text-decoration: none; }
						.tally	{ text-align: right; font-weight: bold; border-top: 1px solid #434344; padding-top: 2px; }

							/* dropdown styles */
						dl, dd.weeklist	{ margin: 0;}
						dd.weeklist a	{ color: #db4105; text-decoration: none; }

						dt.weekhead			{ border-bottom: 1px solid #3e3e3f; /*background: #F39; font-size: 18px; padding: 5px;*/ margin-bottom: 5px; } /* main heading */
							dt.weekhead a	{ color: #fff;  }


		/* the leaderboards */
		#leaderboardscontainer	{ background-image: url(../images/common/bg_diagonals.gif); width: 390px; margin: 5px; color: #fff; float: left; min-height: 700px; height: auto !important; height: 700px; }
			.theleaderboards	{ width: 360px; padding: 15px; }
			.theleaderboards .thecontainer	{ background-color: #343435; min-height: 635px; height: auto !important; height: 635px; }

				/* search table */
				.searchcontainer	{ padding: 15px; }
					table.searchtable td	{ text-align: center; font-size: 10px; padding: 0 5px; }
					table.searchtable td.nofind { text-align: left; }
						table.searchtable form	{ margin: 0px; }	/* grumpy ie fix -- yes a 0 margin for a form (!!) */
						table.searchtable input	{ background-color: #efefef; border: 1px solid #bfbfbf; font-size: 10px; font-family: arial, sans-serif; color: #445467; font-weight: bold; width: 160px; height: 14px; padding: 2px 4px; margin-right: 10px; }
						.midbtn { vertical-align: middle; }
				
				/* leaderboards table */
				table.leadertable th, table.leadertable td	{ border-bottom: 1px solid #49494a; padding: 10px 3px; }
				table.leadertable th		{ font-size: 16px; font-weight: normal; padding-left: 10px; }
				table.leadertable td		{ font-size: 11px; }
					table.leadertable td.place	{ text-align: right; padding-right: 10px; }
				table.leadertable tr.current	{ background-color: #3a3a3b; }
				
				/* leaderboards no table */
				#leadertablediv .leaderrow	{ width: 340px; height: 30px; border-bottom: 1px solid #49494a; padding: 5px 10px 3px 10px; }
				#leadertablediv .current { background-color: #3a3a3b; }
				.leaderrow .userscore { font-size: 16px; font-weight: normal; padding-left: 10px; width: 60px; float: left; vertical-align: middle;}
				.leaderrow .username { font-size: 11px; width: 200px; float: left; vertical-align: middle;}
				.leaderrow .userrank { font-size: 16px; text-align: right; padding-right: 10px; width: 60px; float: left; vertical-align: middle;}
				

				/* pagination */
				.pagination	{ text-align: center; padding: 15px 0; font-size: 10px; }
					.pagination ul li		{ margin: 0; padding: 0; display: inline; /*list-style: none;*/ }
						.pagination ul li.first:before	{ content: "page "; }
						.pagination ul li:after			{ content: ", "; }
						.pagination ul li.last:after	{ content: ""; }
				

		/* lance's stuff */
		#lancecontainer	{ background-image: url(../images/common/bg_diagonals.gif); width: 230px; margin: 5px; color: #fff; float: left; min-height: 700px; height: auto !important; height: 700px; font-size: 11px; }
			.lancestuff	{ /*width: 200px;*/ padding: 15px; }
				.lancestuff .thevideo	{ margin-top: 15px; margin-bottom: 10px; }


		
		/* make/edit picks */
		#nopickscontainer { background-image: url(../images/common/bg_diagonals.gif); width: 950px; margin: 5px 5px 10px 5px; color: #fff; min-height: 200px; height: auto !important; height: 200px; font-size: 11px; }
		#nopickscontainer .makepicks .thecontainer { background-color: #343435; padding: 15px; min-height: 105px; }
		
		#pickscontainer		{ background-image: url(../images/common/bg_diagonals.gif); width: 950px; margin: 5px 5px 10px 5px; color: #fff; min-height: 700px; height: auto !important; height: 700px; font-size: 11px; }
			.makepicks		{ width: 920px; padding: 15px; }
				.makepicks .thecontainer	{ background-color: #343435; padding: 15px; min-height: 605px; }
				.makepicks h1				{ font-size: 18px; margin: 0px; padding: 0 0 5px 0; }
				.makepicks .instructions	{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 3px double #676768; }
				.makepicks .column1			{ border-right: 1px solid #414142; padding-right: 9px; float: left; }
				.makepicks .column2			{ border-left: 1px solid #414142; padding-left: 9px; float: left; }
				
				/* team selector and spread input */
				.teamlist { width: 435px; /*padding: 5px; border: 1px solid #fff; float: left;*/ }
					.teamlist .thespread	{ text-align: right; border-bottom: 1px solid #4e4e4f; font-size: 10px; margin-bottom: 10px; padding-right: 15px; padding-bottom: 5px; }
					.teamlist h1	{ font-size: 11px; /*font-weight: bold;*/ margin: 0px; padding: 0px; text-align: center; }

					.teamlist ul	{ border-bottom: 1px #4a4a4c solid; list-style-type: none; font-size: 11px; margin: 3px 0 5px 0; padding: 0 0 10px 0; clear: both; }
						.teamlist ul li	{ display: inline; padding: 5px 0; cursor: pointer; margin-left: 5px; }
						.teamlist ul li:first-child		{ margin-left: 0px; }
							.teamlist ul li.unselected	{ background-color: #4a4a4c; color: #fff; text-decoration:none; float: left; width: 170px; text-align: center; min-height: 15px; }
							.teamlist ul li.mouseover	{ background-color: #676769; color: #fff; text-decoration:none; float: left; width: 170px; text-align: center; min-height: 15px; }
							.teamlist ul li.selected	{ background-color: #a5c88e; color: #fff; text-decoration:none; float: left; width: 170px; text-align: center; min-height: 15px; }
							.teamlist ul li input		{ margin-left: 5px; padding: 0px; background-color: #5d5d5d; border: 1px solid #808080; color: #fff; width: 65px; padding: 5px; min-height: 24px; max-height: 25px; font-size: 11px; font-weight: bold; font-family: arial, sans-serif; }

				/* submit the picks */
				.submitpicks	{ padding-top: 10px; padding-right: 10px; margin-top: 10px; border-top: 3px double #676768; text-align: right; }
					/*.submitpicks input	{ padding-top: 10px; margin-top: 10px; border-top: 3px double #676768; text-align: right; }*/





		/* more stuff */
		#dummymorecontainer { margin:0px; height: 700px; visibility: hidden; }
		#morestuffcontainer	{ background-image: url(../images/common/bg_diagonals.gif); width: 630px; margin: 5px; color: #fff; float: left; min-height: 700px; height: auto !important; height: 700px; font-size: 11px; }
			.morestuff		{ margin: 15px; }

				/* left container styles */
				.morestuff .left	{ width: 300px; margin-right: 6px; float: left; }
					#videocontainer	{ margin-bottom: 15px; }
					#weeklywrap		{ max-height: 315px; height: auto !important; height: 315px; overflow: auto; }
						#weeklywrap p	{ padding-right: 10px; }

				/* right container styles */
				.morestuff .right	{ width: 285px; padding-left: 6px; border-left: 1px solid #434344; float: left; min-height: 625px; height: auto !important; height: 625px; }
					#pickon			{ border-bottom: 3px double #434344; padding-bottom: 10px; margin-bottom: 10px; }
						#commentlist { height: 250px; overflow: auto; }
						#commentlist ul						{ padding-left: 0; margin-left: 0; margin-top: 0; list-style-type: none; }
							#commentlist ul li				{ margin-bottom: 10px; }
								#commentlist ul li strong a	{ display: block; }
								/*.commentlist ul li strong a:after	{ content: " says"; font-weight: normal; }*/
						#comformsuccess { height: 400px; width: 275px;}

					#speakout form	{ margin: 10px 0 0 0; }	/* dumb ie fix -- another 0 margin for a form (!!) */
						#speakout form textarea	{ width: 275px; height: 75px; background-color: #3b3b3c; border: 1px solid #434344; font-family: arial, sans-serif; font-size: 11px; color: #fff; padding: 5px; }
						#speakout form .submit	{ text-align: right; margin-top: 10px; }
						#postcombtn { background-color: #89a776; color: #fff; border: 1px solid #617753; font: 10px arial, sans-serif; padding: 3px; }


		/* banner */
		#bodybanner	{ width: 950px; margin: 10px 5px 5px 5px; }

		/* error stuff */
		#errorback { background-color: #343435; padding: 150px; color: #fff; }
		.errnumb { color: #fff; font-size: 30px; font-weight: bold; }


/********************/
/**     footer     **/
/********************/
#footer	{ background-color: #2e2e2f; margin-top: 20px; padding: 15px; text-align: center; }
	#footer h1	{ color: #fff; font-size: 11px; font-weight: normal; }
	.innerfoot	{ background-color: #161617; padding: 20px; text-align: center; }