/* 
Title:		Fantasy Football Commish
Author: 	David Boyer
Email:		david.boyer[at]26tigers.com
Created: 	July 29, 2007
Updated:	August 7, 2007
*/


/*--[Global]----------*/
html, body, form, fieldset, legend, input, select, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, img {
	margin:0;
	padding:0;
}
html, body {
	height: 100%;
	max-height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
ul, li {
	list-style-type:none;
}
ul, ol, dl {
	position: relative; 
}
body {
	background: #000; 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: small;
	line-height: 1.1em;
	color: #FFFFFF;
	text-align: center; /* KLUDGE: IE5.5 and IE6 in quirks mode doesn't understand auto margining. IE misunderstands text-align: center and centers everything. Must reset text to the left in the wrapper tag. */
}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

/*--[Float Clearing]--------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}  
    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */

hr { /* A bit overkill but it almost always works. Thanks to Sonspring. */
	 border: 0;
	 clear: both;
	 display: block;
	 float: none;
	 margin: 0;
	 overflow: hidden;
	 visibility: hidden;
	 width: 0;
	 height: 0;
}			

/*--[Set Generic Link Rules]---------*/
a:link, a:visited {
	color: #CBA63C;
	text-decoration: none;
}
a:hover {
	color: #FFDA06;
}
a:link.gobullet, a:visited.gobullet {
	display: block;
	background: url(../images/btn_goarrow_ro.gif) no-repeat 100% 0;
	font-size: 85%;
	height: 20px;
	color: #FFF;
	text-transform: uppercase;
	padding: 2px 32px 0 0;
	margin: 0 0 18px 0;
	text-align: right;
}
a:hover.gobullet {
	color: #CB2229;
}

/*--[Headlines]----------*/
h2.section {
	font: 220%/1.1em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
	padding: 0 0 15px 0;
}

/*--[Wrappers and Backgrounds]--------*/
#grass_back {
	background: url(../images/bg_grass_back.jpg) repeat 0 0;
}
#header_back {
	background: url(../images/bg_header_back.jpg) repeat-x;
	min-height: 693px;
	height: auto !important;
	height: 693px;
}
#content_wrapper {
	background: url(../images/bg_content_wrapper.jpg) repeat;
	width: 1000px;
	margin: 0 auto;
	border-left: 1px solid #3D3D3E;	
	border-right: 1px solid #3D3D3E;	
	text-align: left;
}
.gut_wrapper {
	width: 760px;
	margin: 145px 0 0 20px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}	

/*--[Columns]---------*/
.wide_col {
	float: right;
	width: 800px;
	background: url(../images/bg_wide_col_top.jpg) no-repeat 0 0;
	position: relative;
	display: inline;
}
.left_col {
	float: left;
	width: 200px;
	background: url(../images/bg_left_col_top.jpg) no-repeat 0 0;
	position: relative;
	display: inline;
}
	.left_col h1.logo {
		width: 200px;
		height: 232px;
		background: url(../images/img_logo_fflcommish.jpg) no-repeat 0 0;
		text-indent: -9926px;
	}
		.left_col h1.logo a {
			display: block;
			height: 232px;
			background: url(../images/img_logo_fflcommish.jpg) no-repeat 0 0; /* Logo needs to be repeated in order to prevent flickering in IE on mouse over. */
		}
	.left_col h3 {
		background: url(../images/bg_side_sectiontitle.jpg) no-repeat 0 0;
		color: #EDDA06;
		font: normal 150%/28px Arial, Helvetica, sans-serif;
		padding: 0 10px 10px 10px;
	}	
	.left_col img.screenshot {
		width: 130px;
		padding: 5px 0 15px 0;
		margin: 0 0 0 35px;
	}
	.left_col p {
		padding: 3px 10px;
	}
	.left_col blockquote {
		font: normal 120%/1.2em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		padding: 3px 10px;
	}
		.left_col blockquote p {
			padding-top: 10px;
			font-style: normal;
			text-align: right;
		}	
.gb_col_left {
	float: left;
	width: 340px;
	margin-left: 10px;
}
.gb_col_right {
	float: right;
	width: 340px;
	margin-right: 10px;
}
	
/*--[Main Navigation Menu]----------*/
ul#nav_main {
	position: absolute;
	height: 26px;
	top: 85px;
	right: 10px;
	float: right;
	text-align: right;
}
	ul#nav_main li {
		background: url(../images/bg_mainnav_divider.gif) no-repeat 0 50%;
		float: left;	
	}
		ul#nav_main li.nobg {
			background: none;
		}
		ul#nav_main li a:link, ul#nav_main li a:visited {
			float: left;
			display: block;
			padding: 0 9px;
			color: #FFF;
			font: normal 128%/36px "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		}
		ul#nav_main li a:hover {
			color: #CB2229;
		}
		
/*--[Tab Navigation]----------*/
ul.nav_tabs {
	width: 780px;
	float: left;
	position: absolute;
	top: 62px;
	left: 10px;
}
	ul.nav_tabs li {
		background: url(../images/btn_tab_r.gif) no-repeat 100% 0;
		float: left;
		margin-right: 10px;
	}
		ul.nav_tabs li a:link, ul.nav_tabs li a:visited {
			display: block;
			background: url(../images/btn_tab_l.gif) no-repeat 0 0;
			padding: 0 18px;
			color: #FFF;	
			font: 75% Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			line-height: 26px;
		}
		ul.nav_tabs li.football a:link, ul.nav_tabs li.football a:visited {
			background: url(../images/btn_tab_l_football.gif) no-repeat 0 0;
			padding-left: 30px;			
		}
		ul.nav_tabs li.check a:link, ul.nav_tabs li.check a:visited {
			background: url(../images/btn_tab_l_check.gif) no-repeat 0 0;
			padding-left: 30px;			
		}		
		ul.nav_tabs li.cross a:link, ul.nav_tabs li.cross a:visited {
			background: url(../images/btn_tab_l_cross.gif) no-repeat 0 0;
			padding-left: 30px;					
		}		
		 ul.nav_tabs li a:hover {
			color: #FFDA06;
			text-decoration: none;
		}
		
/*--[Side Links]---------*/
ul.sidelink {
	padding: 0 10px 18px 10px;
}
	ul.sidelink li {
		text-transform: uppercase;
		padding: 3px 0;
	}
			ul.sidelink li a:link, ul.sidelink li a:visited{	
				color: #FFF;
			}
			ul.sidelink li a:hover {	
				color: #FFDA06;
			}		
			
/*--[Grass Blocks]---------*/
.grass_box {
	background: url(../images/bg_darkgrass_back.jpg) repeat;
	border: 1px solid #3D3E3E;
	position: relative;
	margin-bottom: 20px;
}
	.grass_box p {
		padding: 4px 20px;
		font-size: 90%;
		line-height: 1.7em;
	}	
	.grass_box h3 {
		font: 150%/1.1em Arial, Helvetica, sans-serif;
		font-style: italic;
		text-align: right;
		color: #CB2229;
		padding: 9px 10px;
		text-transform: uppercase;
		background-color: #000;
	}
	.grass_box h4 {
		font: 150%/1.1em Arial, Helvetica, sans-serif;
		font-style: italic;
		color: #EDDA06;
		padding: 10px 0 5px 0;
	}
	.grass_box a:link.gobullet, .grass_box a:visited.gobullet {
		margin: 0 10px 5px 0;
	}	
	.grass_box ul.std_list {
		padding: 5px 0 5px 25px; 
	}
		.grass_box ul.std_list li {
			background: url(../images/bullet_red.gif) no-repeat 0 0;
			padding: 0 0 7px 18px;	
			font-size: 85%
		}
/*--[Promo Box]--------*/
.promo_box {
	width: 365px;
	background: url(../images/bg_darkgrass_back.jpg) repeat 0 75px;
	border: 1px solid #3D3D3E;
	position: relative;
	margin: 35px 0 20px 0;
	min-height: 380px;
	height: auto !important;
	height: 380px;
}
	.promo_box h2 {
		font: bold 115%/1.1em Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: right;
		padding: 9px 10px;
		color: #CCC;
		font-style: italic;
		background-color: #000;
	}
	.promo_box h3 {
		font: 135%/1.1em Arial, Helvetica, sans-serif;
		color: #EDDA06;
		padding: 10px;
	}	
		.promo_box p {
			padding: 3px 10px;
			font-size: 85%;
		}
		.promo_box img {
			border-top: 1px solid #3D3D3E;
			border-bottom: 1px solid #3D3D3E;
		}
		.promo_box ul {
			padding: 5px 10px;
			font-size: 85%;
		}
			.promo_box ul li {
				background: url(../images/bullet_red.gif) no-repeat 0 50%;
				padding: 2px 0 2px 24px;
			}
	.promo_box a:link.gobullet, .promo_box a:visited.gobullet {
		margin: 0 10px 5px 0;
	}
		.promo_box ul.highlights {
			width: 345px;
			height: 155px;
			padding: 45px 10px 0 10px;
			border-top: 1px solid #3D3D3E;
			border-bottom: 1px solid #3D3D3E;	
		}
			.promo_box ul.highlights li {
				background: url(../images/icon_bullet_red.gif) no-repeat 0 50%;
				padding: 2px 0 2px 24px;
			}
	.fb1 {
		background: url(../images/img_fb1.jpg) no-repeat;
	}
	.fb2 {
		background: url(../images/img_fb2.jpg) no-repeat;
	}
	.promo_box a:link.gobullet, .promo_box a:visited.gobullet {
		margin: 0 10px 5px 0;
	}
	
span.price_burst {
	background: url(../images/bg_priceburst.gif) no-repeat 0 0;
	position: absolute;
	height: 109px;
	width: 110px;
	top: -40px;
	left: 10px;
	z-index: 1000;
}
	span.price_burst b {
		display: block;
		font: italic bold 135%/1.1em Arial, Helvetica, sans-serif;
		color: #343F4C;
		padding: 40px 8px 0 6px;
		text-align: center;
	}

/*--[Forum Front]--------*/
.grass_box p.feature_text {
	font: normal 115%/1.23em Arial, Helvetica, sans-serif;
	padding: 5px 10px;
}
.grass_box p.who_is {
		padding: 10px 0;
}
	.grass_box p.who_is a:link, .grass_box p.who_is a:visited {
		background: url(../images/icon_users.gif) no-repeat;
		color: #96C9F8;
		padding: 0 0 0 24px;
		text-decoration: underline;
		font-size: 90%;
	} 
	.grass_box p.who_is a:hover {
		color: #FFF;
	}
.grass_box ul.forum_front li p.front_user a:link, .grass_box ul.forum_front li p.front_user a:visited {
		background: url(../images/icon_users.gif) no-repeat 100% 0;
		color: #96C9F8;
		padding: 0px 24px 0 0;
		text-decoration: underline;
		font-size: 90%;
	} 
	.grass_box ul.forum_front li p.front_user a:hover {
		color: #FFF;
	}
ul.forum_front {
	margin: 0 0 20px 0;
}
	ul.forum_front li {	
		border-bottom: 1px solid #3D3D3E;
		padding: 10px 0 15px 0;
	}
		.grass_box ul.forum_front li p {
			font-size: 85%;
			line-height: 1.4em;
			padding: 0;
		}
		.grass_box ul.forum_front li p.front_entry a:link, .grass_box ul.forum_front li p.front_entry a:visited {
			background: url(../images/icon_comments.gif) no-repeat 0 40%;
			padding: 0 0 0 28px;
			display: block;
			color: #FFF;
		}
		ul.forum_front li p.front_entry a:hover {
			color: #FFDA06;
		} 
		ul.forum_front li p.front_user {
			padding: 15px 0 0 0;
			text-align: right;
		}
								
/*--[Footer]----------*/
.footer {
	clear: both;
	border-top: 1px solid #3D3D3E;		
}
.footer_wrapper {
	background: url(../images/bg_footer.jpg) no-repeat 100% 65px;
	width: 1000px;
	margin: 0 auto;
	min-height: 368px;
	height: auto !important;
	height: 368px;
	text-align: left;
}
	.footer_wrapper h4 {
		font: normal 135%/1.1em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		color: #FFF;
		padding: 15px 0 5px 0;
	}
.col_left_footer {
	float: left;
	width: 500px;
}
.col_right_footer {
	float: right;
	width: 480px;
}
ul.footer_news {
	float: left;
	margin-left: 10px;
}
	ul.footer_news li {
		background: url(../images/icon_layers.gif) no-repeat 0 40%;	
		padding: 5px 0;
	}
			ul.footer_news li a:link, ul.footer_news li a:visited {
				font-size: 80%;
				padding-left: 24px;
				color: #FFF;
			}
			ul.footer_news li a:hover {
				color: #FFDA06;
			}
ul#footer_links {
	float: right;
	text-align: right;
	padding: 10px 0 0 0;
}
	ul#footer_links li {
		background: url(../images/bg_mainnav_divider.gif) no-repeat 100% 50%;
		float: left;	
	}
		ul#footer_links li.nobg {
			background: none;
		}
		ul#footer_links li a:link, ul#footer_links li a:visited {
			float: left;
			display: block;
			padding: 0 9px;
			color: #FFF;
			font-size: 80%;
			line-height: 1.7em;
			background-color: #1E1E1E;
		}
		ul#footer_links li a:hover {
			color: #CB2229;
		}

p.copyright {
	font-size: 80%;
	color: #CCC;
	text-align: right;
	margin: 0 0 0 0;
	padding: 0;
}
	
/*--[Set Common Elements]----------*/
.tiny {
	font: xx-small Arial, Helvetica, sans-serif;
}
.clear {
	clear:both;
}
.centered, p.centered {
	text-align:center;
}
.right {
	float:right;
}
.left {
	float:left;
}
.nobg {
	background: none;
}
span.standout {
	color: #FF0000;
}



/*--fflCommish display styles */
/*--fflCommish label styles */
.StandoutText
{
   font-weight: bold;
   font-size: 100%;
	color: #FFDA06;
}
.FootNote
{
   font-size: x-small;
   color: #ffffff;
   font-style: italic;
}
.InstructionsBox
{
   border: groove;
}
#faqquestion {	padding-right: 2px;padding-left: 20px;font-weight: bold;background: url(../images/bg_grid_odd.gif) repeat 0 0;padding-bottom: 5px;	padding-top: 5px; }

/*-- fflCommish Data grid styles */	
.DataGridHeader
{
	background: #000000;
	font-weight: bold;
}
.DataGridItemOdd
{
	background: url(../images/bg_grid_odd.gif) repeat 0 0;
}
.DataGridItemEvenBG
{
	background: url(../images/bg_grid_even.jpg) repeat 0 0;
}
.ViolationListRow
{
   color: #CB2229; 
   background-color: #FFDA06;
}
.TableRowTitle
{
   font-weight: bold;
   font-size: small;
   color: #CB2229;
}
.TableRowSubTitle
{
   font-weight: bold;
   font-size: small;
   color: #ffda06;
   border: groove;
}
.InputTableBG
{
	background: #000000;
	border: groove;
}