/************************************
*	
*		RESET SECTION
*
***********************************/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}

/************************************
*	
*		UTILITY SECTION
*
***********************************/
	.hidden{
		display:none;
	}

	.clear{
		float:none;
		clear:both;
		overflow:hidden;
		height:1px;
		width: 1px;
		display:block;
	}

	.clearleft{
		float:none;
		clear:left;
		overflow:hidden;
		height:1px;
		width: 1px;
		display:block;
	}

	.clickable{		cursor:pointer;	}
	.handle{		cursor:move;		}

	img.inline{		margin-bottom:-4px; margin-right: 4px;	}

	a.signup	{	color:#393;	}

	/*
	*	select box state change notifications
	*/
	select.updating,input.updating,input.datePicker.updating,div.radioStatus.updating{
		background:#bbb;
		color:#fff;
		font-weight:bold;
		text-align:center;
	}
	div.radioStatus.updating	{ border:1px solid #777;	}

	select.error,input.error,input.datePicker.error,div.radioStatus.error{	background:#fee;	}

	div.radioStatus.error	{ border:1px solid #d00;	}
	/*
	*	for centering things
	*/
	div.centeredContainer{
		text-align:center;
	}
	.disabled{
		background:#ddd !important;
		color:#666 !important;
	}



/************************************
*	
*		League Lab GLOBAL SECTION
*
***********************************/
	body,div,p,table,input,textarea,select{
		font-size:12px;
		line-height:17px; /* This Breaks Lots of Other Stuff Right Now */
		font-family:Arial,Hevletica,Sans-serif,Sans;
		color:#333333;
	}

	h1,h2,h3,h4,h5,h6,th{
		font-weight:bold;	
		font-family:Helvetica,Arial,Sans-serif, Sans;
		color:#000;
	}
	h1{
		font-size:1.5em;
	}
	h2{
		font-size:1.4em;
	}
	h3{
		font-size:1.2em;
	}
	h4{
		font-size:1.1em;
	}
	h5{
		font-size:1em;
	}
	h2.staticPageMessage{
		padding: 30px;
	}

	table{
		border-collapse: collapse;
	}

	ol li{
		list-style: decimal;
	}

	strong{
		font-weight:bold;
		font-family:Helvetica,Arial,Sans-serif, Sans;
	}

	/*
	*	global line-heights
	*/
		div.component div.siteContent,p,
		div.body,#teamInfo{
			line-height:140%;
		}
		
	/*
	*	universal link styles
	*/
		a:link,a:visited{
			text-decoration:none;
		}
		a:hover,a:active{
			text-decoration:underline;
		}

	/*
	*	universal color codes
	*	NOTE: sync these with the js function selectColor (utility.js ?)
	*/
		.payment{
			background: #efe;
		}
		.balance, .balance a,.No{
			color: #d33;
			font-weight:bold;
		}
		.payment a.button span{
			color:#393;
		}

		.Open, .paid, .Yes{		color:#393;	}
		.Closed{	color:#777;	}
		.Waitlist{	color:#16a;	}
		.NA,.na{ 		color: #777;		}
		
		.noEmail{
			color:#d00;
			font-size:9px;
			padding-left: 6px;
		}
	/*
	*	click tips
	*/
		#clickTip{
			color:#333333;
			line-height:17px;
		}
		#clickTip a.more{
			position:absolute;
			bottom: 20px;
			right: 20px;
			display:block;
		}

		#clickTip div.clickTipBody{
			position:relative;
			text-align:justify;
			padding: 12px;
		}
		#clickTip h4{
			text-align:left;
			padding: 0;
			margin: 5px;
		}

		a.clickTip img{	margin-bottom: -2px; margin-left: 3px;	}

	/*
	*
	*	generic popups
	*	
	*/
		div.popup{
			display:none;
			z-index:999;
			position:absolute;
			top:0;
			left:0;
			width: 300px;
			border:0 !important;
			background: transparent !important;
			border-top:2px solid #333;
			border-left:2px solid #333;
			border-right:4px solid #333;
			border-bottom:4px solid #333;
			background:#fff;
		}
		.popup div.title{
			font-size: 1.3em;
			font-weight:bold;
			text-align:center;
			padding: 13px 55px 0 17px;
			background: transparent url(../graphics/click-tip-bg.png) no-repeat top left !important;
			background: #fff;		
		}
		.popup div.body{
			position:relative;
			padding: 10px 20px 40px 20px;
			background: transparent url(../graphics/click-tip-bg.png) no-repeat bottom left !important;
			background: #fff;
		}
	/*	draggable	*/
		div.draggablePopup, div.widePopup{
			width: 360px;
			
			display:none;
			z-index:999;
			position:absolute;
			top:0;
			left:0;
			border:0 !important;
			background:transparent !important;
			border-top:2px solid #333;
			border-left:2px solid #333;
			border-right:4px solid #333;
			border-bottom:4px solid #333;
			background:#fff;
		}
		div.widePopup{
			width: 700px;
		}
		div.draggablePopup div.closeContainer, div.widePopup div.closeContainer{
			background:url(../graphics/draggable-pop-up.png) no-repeat top left;
			height:25px;
			text-align:right;
			padding: 9px 20px 0 0;
		}
		a.closeWindowButton {
			display:block;
			float:right;
			background: url(../graphics/close-window-off.gif) no-repeat top left;
			height:18px;
			width:18px;
			z-index:999;
		}
		a.closeWindowButton:hover,a.closeWindowButton:hover{
			background: url(../graphics/close-window-on.gif) no-repeat top left;
		}

		div.draggablePopup div.body{
			background: transparent url(../graphics/draggable-pop-up.png) no-repeat bottom left !important;
		}
		div.widePopup div.body{
			background: transparent url(../graphics/wide-pop-up.png) no-repeat bottom left !important;
		}
		div.draggablePopup div.body,div.widePopup div.body{
			position:relative;
			padding: 10px 20px 40px 20px;
			background: #fff;
		}
		div.widePopup div.closeContainer{
			background:url(../graphics/wide-pop-up.png) no-repeat top left;
		}
		
	/**
	*	scalable popups have no special borders, so we can make them as big or small as they need to be
	*/
		div.scalablePopup{
			display:none;
			z-index:999;
			position:absolute;
			top:0;
			left:0;
			border:1px solid #656565;
			background:#fff;
		}
		div.scalablePopup div.closeContainer{
			background: url(../graphics/popup-top-scalable.gif) repeat-x top left;
			height:25px;
			text-align:right;
			padding: 3px 10px 0 0;
		}
		div.scalablePopup div.body{
			position:relative;
			padding: 10px 20px 40px 20px;
			background: #fff;
		}
	/*
	*
	*	reusable text button styles
	*	
	*/
		a.button {
			background: transparent url(../graphics/white-button.gif) no-repeat top right !important;
			background: transparent;
			display: block;
			font-size:11px;
			font-weight:100;
			line-height:14px;
			height: 25px;
			margin-right: 6px;
			padding-right: 18px; /* sliding doors padding */
			width: 100px;	/*	this will almost always be overridden, but at least it won't take up a whole line before formatting	*/
		}
		a.button span {
			background: transparent url(../graphics/white-button.gif) no-repeat top left !important;
			background: transparent;
			height:25px;
			display: block;
			line-height: 14px;
			padding: 5px 0 6px 18px;
			cursor:pointer;
			margin-left:-10px;
		} 
	/*
	*	input buttons
	*/
	div.button input{
		margin:6px 0 14px 14px;
	}

	/*
	*	user message
	*/
		div#userMessage{
			margin: 12px 12px 12px 0;
			padding: 5px 0;
		}
		div#userMessage div{
			font-weight:bold;
			color:#000;
			font-size: 13px;
			text-align:center;
			width: 400px;
			padding: 8px 12px;
			margin: 0 auto;
		}
		div#userMessage.error{
			background: #FFE1E1;
			border:2px solid #d00;
		
		}
		div#userMessage.message{
			background: #EEFFE4;
			border:2px solid #4C9E19;		
		}
		
	/*
	*	demo message
	*/
		div#demoMessage{
			position:absolute;
			top:-20px;
			padding-left: 280px;
			z-index:999;
			/*opacity:1.0;
			filter:alpha(opacity=100);*/
		}
		div#demoMessage div{
			font-weight:bold;
			color:#000;
			font-size: 11px;
			text-align:center;
			width: 454px;
			height:29px;
			/*background: transparent url(../graphics/demo-mode-graphic.png) no-repeat top left;
			padding: 4px 6px;
			margin: 0 auto;
			background: #EEFFE4;
			
			border:1px solid #4C9E19;*/				
		}

	/*
	*	labels
	*/
		.label{
			color:#777;
			font-size:10px;
		}
		

	/*
	*	label: info column setup
	*/
		.infoHeading{
			border:1px solid #ccc;
			border-bottom:0;
			width: 200px;
			margin-top: 30px;
			padding: 5px 15px;
		}
		div.infoContainer{
			position:relative;
			background-image: url(../graphics/info-container-bg.gif);
			background-repeat: repeat-y;
			background-position: 42px 0px;
			width: 650px;
			padding: 4px 0 4px 12px;
			display:table;
			z-index:1;
		}
		div.infoContainer.border{
			border:1px solid #ccc;
		}
		div.infoContainer.large div.infoRow{
			padding:7px 0;
		}
		div.infoRow{
			position:relative;
			clear:left;
			width:100%;
			padding: 4px 0;
		}
		div.infoRow div.label, div.infoRow div.value{
			float:left;
		}
		div.infoRow.extraspace div.label,div.infoRow.extraspace div.value{
			margin-top: 15px;
		}
		div.infoRow div.label{
			width: 85px;
			text-align:right;
			margin-right: 15px;
			line-height:12px;
		}
		div.infoRow div.value{
			width: 500px;
			line-height:12px;
			font-size: 11px;
		}
		div.infoContainer div.explanation{
			font-size: 10px;
			color:#999;
		}
		div.infoContainer div.edit a,div.infoContainer a.edit{
			float:right;
			width: 24px;
		}
		
	/*
		special inforow styles
	*/
		div.infoRow.teamName div.value{	
			font-size: 14px;
			font-weight:bold;
		}

		div.infoRow.leagueName div.value{	
			font-size: 13px;
			font-weight:bold;
		}
		
		div.infoRow.divisionName div.value{
			font-size:12px;
			font-style:italic;
			font-weight:bold;
		}
		
		div.infoRow div.value ol{
			margin-left: 20px;
		}
		
		/*	forms for fee dollar amounts	*/
		input.fee{	width: 65px; text-align:right;	}

	/*=======================
		tables that show detailed reports / history
	==========================*/
		table.detailReport{
			background:#fff;
			width: 100%;
			font-size:11px;
		}
		table.detailReport th{
			padding: 8px;
			color:#777;
			background:#F5F5F5;
			border-bottom:1px solid #aaa;
		}
		table.detailReport tr.failedPayment td{
			font-weight:normal;
			font-size: 10px;
			background:#f3f3f3;
		}
		table.detailReport tr.failedPayment td span.failed{
			color:#d00;
		}
		table.detailReport td{
			padding: 4px 8px;
			border-bottom: 1px solid #eee;
		}
		table.detailReport td.Fee{
			color: #393;
		}
		table.detailReport td.Payment{
			color: #500;
			background:#fff;
		}
		table.detailReport .type,table.detailReport .amount,table.detailReport .date, table.detailReport .title{
			font-weight:bold;
		}

		table.detailReport tr.last td{
			border-bottom:none;	/*	for conflicting border thing	*/
		}
		table.detailReport tr.actions td{
			font-weight:bold;
			border-top: 1px solid #ccc;
			background:#F5F5F5;
		}
		
	/*
	 *	display of game credit balance
	 */
		#gameCreditBalance{
			width: 340px;
			border:1px solid #bbb;
			margin: 20px 0;
			padding: 6px 12px 8px 12px;
			background: url(../graphics/game-count-panel-bg.gif) bottom left repeat-x;
		}
		#gameCreditBalance.withLink{
			width: 400px;
		}
		#gameCreditBalance div.buyCredits{
			float:right;
			width: 140px;
			text-align:center;
			padding:0;
			margin:3px 28px 0 0;
		}
		#gameCreditBalance.negative div.buyCredits{
			padding-top: 0;
		}
		#gameCreditBalance h3,#gameCreditBalance h4{
			margin:6px 0;
			width: 200px;
			color:#333;
			border:1px solid #ccc;
			border-bottom:1px solid #ddd;
			border-right:1px solid #ddd;
			padding:8px 6px 6px 8px;
			background:#fff;
			background: url(../graphics/game-count-bg.gif) center left repeat-x;
		}
		#gameCreditBalance.negative h3,#gameCreditBalance.negative h4{
			background: url(../graphics/game-count-bg-negative.gif) center left repeat-x;
		}
		#gameCreditBalance h3 span,#gameCreditBalance h4 span{
			padding: 10px;
			font-size: 16px;
		}
		#gameCreditBalance h3.pendingGames,#gameCreditBalance h4.pendingGames{
			background:none;
			border:none;
			width:98%;
			color:#555;
		}
		
		#gameCreditBalance h3 span {
			font-size:20px;
		}
		#gameCreditBalance h3 span.negative{
			color:#d00;
		}
		#gameCreditBalance h3 span.nonnegative{
			color:#393;
		}
		#gameCreditBalance p.negativeBalance {
			font-size:11px;
			color:#555;
			margin-top:4px;
		}
		
		
		
	/*
	 *	display of game credit pricing
	 */

	table#gameCreditsPricingTable{
	width:320px;
	float:right;
	}
	table#gameCreditsPricingTable tr.explanationRow td{
	font-size:11px;
	color:#777;
	background:#f9f9f9;
	}
	table#gameCreditsPricingTable td{
	border-bottom:1px solid #eee;
	padding:4px 12px;
	}
	table#gameCreditsPricingTable td.costRow{
	text-align:right;
	}

	/*
	*	when searches turn up nothing
	*/	
		div.emptyResult{
			margin-top: 25px;
			width: 450px;
			position:relative;
			padding: 20px;
			font-weight:bold;
		}

	/*
	*	date picker
	*/
	.ui-datepicker-trigger{
		margin:0 3px -2px 3px;
	}

	/*
	*
	*	FOOTER
		taken from _public-global.css
	*
	*/
	#footerContainer{
		margin: 0 auto;
		padding: 10px 0 20px 0;
		position:relative;
	}
	#footerContainer div.organizationInfo div{
		text-align:left;
		font-size:10px;
		color: #777;
		line-height: 15px;
	}
	#footerContainer div.organizationInfo div.name{
		font-size:11px;
		font-weight:bold;
	}
	#footerContainer div.organizationInfo a{
		font-size: 11px;
	}
	#footerContainer div.privacyPolicy{
		position:absolute;
		top:10px;
		right: 10px;
		font-size:10px;
	}
	#footerContainer div.termsOfService{
		position:absolute;
		top:10px;
		right: 120px;
		font-size:10px;
	}
	#footerContainer div.providerAgreement{
		position:absolute;
		top:10px;
		right: 250px;
		font-size:10px;
	}
	#footerContainer div.poweredByLeagueLab{
		position:absolute;
		top:50px;
		right: 0px;
		font-size:10px;
	}

	/*
	HELP DESK
	*/

	div#helpDesk p{
		margin:8px;
	}