/*-----------------------------------------------------------------------------
Chicago Sport and Social Global Style Sheet

version:   1.0
author:    Blake Bauman
email:     blake@bytestudios.com
created:   4/10/07
-----------------------------------------------------------------------------*/

/* General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
p {
  margin: 10px 0;
}

/* Class for clearing floats */
.clear { clear: both; }


/* Remove border around linked images */
img, a img { border: 0; }

a { text-decoration: none; }
a:visited { text-decoration: underline; }


/* Forms
-----------------------------------------------------------------------------*/
input.field { color: #333; padding: 4px 5px 3px 5px; background: #fff url('../images/form_input_bg.gif') no-repeat top left; }
textarea { font: normal 12px Arial, Helvetica, sans-serif; color: #333; }


/* Typography
-----------------------------------------------------------------------------*/
body {
	font: normal 11px Arial, Helvetica sans-serif;
	color: #fff;
}

/* Centering Technique
-----------------------------------------------------------------------------*/
body {
	margin: 0 10px;
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
}

/* Header
-----------------------------------------------------------------------------*/
#header { position: relative; }
#header li { list-style-type: none; }

/* Branding */
#branding { position: absolute; top: 0; left: 0; display: block; width: 457px; height: 91px; text-indent: -9999px; }

/* Sponsors */
#sponsors { 
	position: absolute;
	top: 10px;
	left: -10px;
	width: 916px;
	font-family: arial;
	font-size: 17px;
	}
	#sponsors b { font-weight: bold;}
	/*
	#sponsors li { float: left; text-indent: -9999px; }
	#sponsors li a {
		display: block;
		border: 0;
		text-decoration: none;
		}
	*/
	
li#sponsored_by a { width: 72px; height: 40px; }
li#sponsored_by a:link, li#sponsored_by a:visited { background-position: 0px 0px; }

li#coors a { width: 115px; height: 40px; }
li#coors a:link, li#coors a:visited { background-position: -72px 0px; }

li#equinox a { width: 93px; height: 40px; }
li#equinox a:link, li#equinox a:visited { background-position: -187px 0px; }

li#wilson a { width: 84px; height: 40px; }
li#wilson a:link, li#wilson a:visited { background-position: -280px 0px; }

li#new_balance a { width: 52px; height: 40px; }
li#new_balance a:link, li#new_balance a:visited {  background-position: -364px 0px; }

/* User Account */
#user_account { position: absolute; top: 74px; width: 100%; }	
#user_account div.user_account_box { float: right; color: #989898; padding: 0 14px 0 0; background: transparent url('../images/bg_account_top_bar_right.png') no-repeat top right; }
#user_account div div.login_info { padding: 21px 4px 14px 83px; font-size: 12px; background: transparent url('../images/bg_account_top_bar.png') no-repeat top left; }
#user_account div div.login_form { display: block; padding: 16px 4px 16px 83px; font-size: 12px; background: transparent url('../images/bg_account_top_bar.png') no-repeat top left; }
#user_account em { font-weight: bold }
#user_account a { color: #989898; text-decoration: underline; }
#user_account a strong { text-decoration: underline; }

form#account_login { background-color: #eaeaea; }
form#account_login label, form#account_login input, form#account_login a { float: left; }
form#account_login label, form#account_login input { margin-right: 5px; }
form#account_login label { margin-top: 4px; }
form#account_login input { padding: 1px; }
form#account_login a.signup { margin: 4px 0 0 3px; }



/* Navigation
-----------------------------------------------------------------------------*/	
#navigation { position: relative; }

#navigation ul { padding: 10px 0; margin-left: 25px; list-style: none; }
#navigation li {
	float: left;
	margin-left: 0;
	width: auto;
	}
	#navigation li a {
		padding: 6px 9px;
		color: #7e7e7e;
		font: bold 13px Arial, Helvetica, sans-serif;
		border-right: 1px solid #d1d1d1;
		text-decoration: none;
		}
		#navigation li.last a { border-right: none; }
			#navigation li a:hover, #navigation li a.active { color: #fff; }

/* Sub Navigation
-----------------------------------------------------------------------------*/	
#sub_navigation { position: relative; height: 36px; }

#sub_navigation ul { padding: 10px 0; margin-left: 10px; list-style: none; }
#sub_navigation li {
	float: left;
	margin-left: 0;
	}
	#sub_navigation li a {
		margin: 6px 0;
		padding: 0 10px;
		color: #d84c00;
		font: bold 11px Arial, Helvetica, sans-serif;
		border-right: 1px solid #e27940;
		text-decoration: none;
		}
		#sub_navigation li.last a { border-right: none; }
			#sub_navigation li a:hover, #sub_navigation li a.sub_active { 
				margin: 0;
				padding: 6px 10px;
				color: #fff; 
				}

/* Primary
-----------------------------------------------------------------------------*/
#primary { padding-bottom: 5px }

/* Content
-----------------------------------------------------------------------------*/
#content { padding: 0 10px; }

/* Error Box
-----------------------------------------------------------------------------*/	
div.error { margin: 10px 7px 10px 2px; padding: 10px 20px; color: #993333; background: #f17a5f url('/assets/images/error_bg.gif') repeat; }
div.error h3 { padding-left: 20px; font-size: 16px; background: url('/assets/images/icon_error_box.gif') no-repeat 0 50%; }
div.error ul { list-style-type: disc; margin: 5px 0 0 45px; }
div.error ul li { margin-bottom: 2px; }


/* Default Classes
-----------------------------------------------------------------------------*/
.medium_text { font-size: 12px; background: none; }
.large_text { font-size: 16px; background: none; }
.xlarge_text { font-size: 20px; background: none; }

.medium_green { font-size: 12px; font-weight: bold; }
.large_green { font-size: 16px; font-weight: bold; }
.xlarge_green { font-size: 20px; font-weight: bold; }


/* Default Box
-----------------------------------------------------------------------------*/
.grey_box { background-color: #eee; border: 1px solid #ddd; padding: 20px; margin-bottom: 10px; }
.grey_box a { color: #d84c00; }
.grey_box a:hover { text-decoration: underline }


/* Form Buttons
-----------------------------------------------------------------------------*/
/*form input[type=submit] {
	color: #d84c00;
    background: #eee url("/assets/images/campaignitem-background.gif") repeat-x bottom left;
    border: 3px double #ccc;
    padding: 2px;
    font-size: 1em;
	font-weight: bold;
	margin-right: 10px;
}*/

input.btn_small, input.btn_medium, input.btn_large { height: 29px; padding: 4px 5px 6px 5px; text-align: center; color: #d84c00; font: bold 11px Arial, Helvetica, sans-serif; border: none; cursor: pointer; text-transform: lowercase; } 
input.btn_small { width: 66px; background: transparent url('/assets/images/btn_bg_small.gif') no-repeat left top; }
input.btn_medium { width: 135px; background: transparent url('/assets/images/btn_bg_medium.gif') no-repeat left top; }
input.btn_large { }

a.btn_small, a.btn_small_gray, a.btn_medium, a.btn_medium_gray, a.btn_large, a.btn_large_gray { display: block; height: 20px; padding: 6px 5px 6px 5px; text-align: center; color: #d84c00; font-weight: bold; border: none; text-decoration: none; }
/*
a.btn_small:hover, a.btn_medium:hover, a.btn_large:hover { text-decoration: none; }
a.btn_small:visited, a.btn_medium:visited, a.btn_large:visited { text-decoration: none; }
*/
a.btn_small { width: 56px; background: transparent url('/assets/images/btn_bg_small.gif') no-repeat left top; }
a.btn_medium { width: 125px; background: transparent url('/assets/images/btn_bg_medium.gif') no-repeat left top; }
a.btn_large { }

a.btn_small_gray { color: #888888; width: 56px; background: transparent url('/assets/images/btn_bg_small.gif') no-repeat left top; }
a.btn_medium_gray { color: #888888; width: 125px; background: transparent url('/assets/images/btn_bg_medium.gif') no-repeat left top; }
a.btn_large_gray { }

/* profile image */
a.profile_image_57, a.profile_image_120 {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	background-color: #fff;
	border: 1px solid #cdcdcd;
	}
a.profile_image_57:hover, a.profile_image_120:hover {
	background-color: #ee5800;
	border: 1px solid #ee5800;
	}
a.profile_image_57 {
	width: 63px;
	height: 63px;
	}
a.profile_image_120 {
	width: 126px;
	height: 126px;
	}

/* Tooltips
-----------------------------------------------------------------------------*/	
.tool-tip { color: #777; width: 151px; z-index: 13000; }
.tool-title { min-height: 10px; font-weight: bold; font-size: 12px; margin: 0; color: #ee5800; padding: 10px 15px 4px 35px; background: url('/assets/images/tooltip_bg_top.png') top left; }
.tool-text { min-height: 15px; font-size: 11px; padding: 4px 15px 20px 35px; background: url('/assets/images/tooltip_bg_bot.png') bottom left; }
.custom-tip { color: #000; width: 130px; z-index: 13000; }
.custom-title { font-weight: bold; font-size: 11px; margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74; }
.custom-text { font-size: 11px; padding: 4px 8px 8px; background: #CFDFA7; }

/* Style your tooltips with css */

/* Simple */
.tip { color: #777; width: 151px; z-index: 13000; }
.tip .title { 
  min-height: 10px; font-weight: bold; font-size: 12px; margin: 0; color: #ee5800; padding: 10px 15px 4px 35px; background: url('/assets/images/tooltip_bg_top.png') top left;
}
.tip .content { 
  min-height: 15px; font-size: 11px; padding: 4px 15px 20px 35px; background: url('/assets/images/tooltip_bg_bot.png') bottom left;
}

/* Tooltip with a border and fixed width */
.borderedTip { width: 200px; }
.borderedTip .title { 
  border: 5px solid #999999; 
  border-bottom: none; 
  padding: 5px; 
  font: italic 17px Georgia, serif; 
  display: block; 
  background: #606060; 
  color: #fff; 
}
.borderedTip .content { 
  font-size: 11px; 
  padding: 10px; 
  background: #808080; 
  color: #fff; 
  border: 5px solid #999999;
  border-top: none;
}



/* Form Field Hints
-----------------------------------------------------------------------------*/	
/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    left: 520px;
    width: 200px;
	color: #ccc;
    margin-top: 0px;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #555 url('/assets/images/pointer.gif') no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url('/assets/images/pointer.gif') left top no-repeat;
}


#advertisement object { border-bottom: 10px solid #fff; }


/* Footer
-----------------------------------------------------------------------------*/
#footer { position: relative; text-align: center; margin-bottom: 50px; }
#footer a { text-transform: lowercase; }
#footer ul { margin-bottom: 10px; }
#footer li { 
	list-style: none; 
	display: inline;
	margin-right: 5px;
	padding-right: 8px;
	border-right: 1px solid #fff;
	}
	#footer li.last {
		padding-right: 0;
		border-right: none;
		} 
		
.partner-league-text-container{
	color:			#425E00;
	font-family:	courier;
	font-weight:	bold;
	margin:			-15px 0px 0px 0px;
}

.partner-league-text-container img{
	display:		block;
	margin:			0px auto;
}

.fb-container{
	border:			solid 1px #ddd;
	margin:			10px 10px 0px;
	min-height:		80px;
	/*overflow:		auto;*/
	padding:		10px;
}

.fb-container.thin{
	margin:			0px 0px 10px;
}

.fb-container.thin iframe{
	/*height:			140px !important;
	width:			100% !important;*/
	width:			200px !important;
}

.fb-container.photo{
	margin-bottom:	20px;
}