/* www.indoorultimate.com
   2009-2010 (c) Vivant Solutions Inc. All Right Reserved. */
   @import 'dialog.css';
   
   	body {
		background-image: url(/images/bgtile.png);
		background-repeat: repeat-x;
		/*background-attachment: fixed;*/
		height: 100%;
		text-align:center;
		}
		
	h2 {
	  	font-size: 14px;
		font-weight: bold;
		padding-left: 20px;
		padding-top: 20px;
	}
	.container {
		margin: 0px auto;
		width: 980px;
	}	
	#header {
		margin: 0px auto;
		width: 980px;
	}
	
	div#update {
		opacity:0.7;filter:alpha(opacity=70);
		width: 400px;
		height: 50px;
		position: relative;
		background: url(/images/update.png) 40% 100% #000 no-repeat;
		
	}

	
	div #nav {
		background-color: #CC1100;
		font-family: Verdana, Arial;
		top: 250px;
		position: relative;
		vertical-align: middle;
		width: 100%;
		text-align: center;
		padding-bottom: 5px;
	}
	
	div #nav .page {
	  	color: #000;
	}
	
	div #footer {
		font-family: Verdana, Arial;
		color: #FFF;
		text-align: right;
		font-size: 11px;
		width: 960px;
		margin-right: 20px;
	}
	
	div #nav a {
		color: #FFF;
		text-transform: uppercase;
		font-size: 11px;
		margin-right: 10px;
		font-weight: bold;
		text-decoration: none;
	}
	
	div #nav a:hover {
		color: #FDD017;
		border-bottom: 1px dotted #FDD017;
	}
	
	div#logo {
		width: 260px;
		height: 258px;
		float: left;
	}
	div#banner1 {
		width: 700px;
		height: 325px;
		text-align: left;
		vertical-align: top;
		float: left;
		background: url(/images/header/1.jpg) 100% 0% no-repeat;
	}
	div#banner2 {
		width: 700px;
		height: 325px;
		text-align: left;
		vertical-align: top;
		float: left;
		background: url(/images/header/2.jpg) 100% 0% no-repeat;
	}
	div#banner3 {
		width: 700px;
		height: 325px;
		text-align: left;
		vertical-align: top;
		float: left;
		background: url(/images/header/3.jpg) 100% 0% no-repeat;
	}
	div#banner4 {
		width: 700px;
		height: 325px;
		text-align: left;
		vertical-align: top;
		float: left;
		background: url(/images/header/4.jpg) 100% 0% no-repeat;
	}
	div#banner5 {
		width: 700px;
		height: 325px;
		text-align: left;
		vertical-align: top;
		float: left;
		background: url(/images/header/5.jpg) 100% 0% no-repeat;
	}
	div#panel {
		font-family: Verdana, Arial;
	    color: #FFFFFF;
		text-align: center;
		width: 260px;
		/*padding: 0px 20px 10px 0px;*/
		float: left;
		font-size: 11px;
		
		/*border: 1px solid #000;*/
	}
	
	div#content-popup {
	  background-color: #000;
	  font-family: Verdana, Arial;
	  color: #FFF;
	  text-align: left;
	  font-size: 12px;
	  padding: 15px 15px 15px 15px;
	  width: 250px;
	  height: 450px;
	}
	
	div#content-popup-small{
	  background-color: #000;
	  font-family: Verdana, Arial;
	  color: #FFF;
	  text-align: left;
	  font-size: 12px;
	  padding: 15px 15px 15px 15px;
	  width: 250px;
	  height: 150px;
	}
	
	div#content {
		background-color: #FFFFFF;
		font-family: Verdana, Arial;
		color: #000;
		width: 700px;
		text-align: left;
		float: left;
		font-size: 12px;
		padding-bottom: 40px;
	}
	
	div #content li {
	  	margin-left: 20px;
		padding-right: 20px;
	}
	
	div #panel a {
		color: #CC0000;
		text-decoration: none;
		font-weight: bold;
	}
	div #content a {
		color: #CC0000;
		text-decoration: none;
	}
	
	div #content .block {
	  	margin-bottom: 500px;
	}
	div #content .block-medium {
	  	margin-bottom: 350px;
	}
	div #content .block-small {
	  	margin-bottom: 200px;
	}
	
	div .blurb-text a {
		color: #FFF;
		text-decoration: none;
	}
	div .blurb-text a:hover, #panel a:hover, #content a:hover {
		color: #FF0000;
		border-bottom: 1px dotted #FF0000;
		
	}
	
	
	div .box-heading {
		color: #000;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 11px;
	}
	div .box-content {
		background-color: #FFF;
		margin: 10px 0px 10px 0px;
		padding: 15px;
		color: #000;
		text-align: left;
		font-family: Helvetica, Arial;
		font-size: 11px;
		line-height: 14px;
	}
	
	span .results {
	  	font-family: courier;
		font-size: 12px;
	}
	
	div .box-content input {
		margin-top: 6px;
	}
	
	div .date {
		font-weight: bold;
		font-size: 13px;
		padding: 20px 10px 10px 20px;
		color: #4682B4;
		
	}
	
	div .post {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 10px;
	}
	
	div .post .title {
		font-weight: bold;
		color: #000;
		padding: 5px 10px 5px 40px;
	}
	
	div .author {
		color: #000;
		text-align: left;
		font-size: 12px;
		font-style: italic;
		padding: 6px 0px 12px 40px;
	}
	
	div .divider {
		width: 650px;
		height: 1px;
		border-top: dotted 1px #CCC;
		margin-top: 12px;
	}

	div .half-column {
		width: 300px;
		padding-top: 10px;
		float: left;
	}

	div .three-column {
		width: 210px;
		padding-top: 10px;
		float: left;
	}
	
	div .week {
	  	width: 230px;
		padding-left: 40px;
		padding-bottom: 20px;
		float: left;
		padding-right: 40px;
		border-right: 1px solid #CCC;

	}
	
	
	div .playoff {
	  	width: 510px;
		padding-left: 40px;
		padding-bottom: 20px;
		float: left;
		padding-right: 40px;

	}

	.week div {
	  	float: left;
	  	width: 60px;
		height: 15px;
		padding: 5px;
		font-size: 10px;
		border: 1px dotted #CCC;
		text-align: center;
	}

	.playoff div {
	  	float: left;
	  	width: 150px;
		height: 30px;
		padding: 5px;
		font-size: 10px;
		border: 1px solid #CCC;
		text-align: center;
		vertical-align: center;
	}

	.playoff .win {
		color: green;
	}

	.playoff .lose {
		color: red;
	}
	
	.week p {
	  	padding-top: 10px;
	  	font-weight: bold;
		font-size: 13px;
	}
	.dark {
	  	background-color: #000;
		color: #FFF;
		font-weight: bold;
	}
	
	.team1 {
	  	background-color: #FFFF66;
		color: #000;
	}
	
	.team2 {
	  	background-color: #FF99CC;
		color: #000;
	}
	
	.team3 {
	  	background-color: #FFCC99;
		color: #000;
	}
	
	.team4 {
	  	background-color: #99CCFF;
		color: #000;
	}
	
	.team5 {
	  	background-color: #CCFFCC;
		color: #000;
	}
	
	.team6 {
	  	background-color: #CC99FF;
		color: #000;
	}

	.red {
		color: #CC0000;
		font-weight: bold;
	}
	
	.bl {background: 0 100% no-repeat #e68200; width: 240px; } /* url(/images/bl.gif) */
	.br {background: 100% 100% no-repeat} /* url(/images/br.gif)  */
	.tl {background: 0 0 no-repeat} /* url(/images/tl.gif) */
	.tr {background: 100% 0 no-repeat; padding: 15px 5px 5px 5px;} /* url(/images/tr.gif)  */
	.clear {font-size: 1px; height: 34px}

	div .scores {
		padding: 20px;
		width: 620px;
		height: 160px;
	}
	
	div .scores .heading {
	  	background-color: #000;
		color: #F00;
		float: left;
	}
	div .scores .heading-grey {
	  	background-color: #C00;
		color: #000;
		float: left;
		font-weight: bold;
	}
	div .scores .team {
		float: left;
		width: 150px;
		padding: 5px;
		border-bottom: 1px solid #C00;
		font-weight: bold;
	}
	div .scores .datetime {
		float: left;
		width: 220px;
		padding: 5px;
		border-bottom: 1px solid #C00;
	}
	div .scores .points {
		float: left;
		width: 60px;
		border-bottom: 1px solid #C00;
		padding: 5px;
	}

	div .scores .points-wide {
		float: left;
		width: 110px;
		border-bottom: 1px solid #C00;
		padding: 5px;
	}
	.red {
		color: #CC0000;
		font-weight: bold;
	}