/* - - - - - - - - - - - - - - - - - - - - -



 Title : Particletree CSS

 Author : Kevin Hale

 URL : http://particletree.com



 Last Updated : October 29, 2006



- - - - - - - - - - - - - - - - - - - - - */



*{

	margin: 0;

	padding: 0;

}

body{

	text-align:center;

	background: #fff;

	font-size:small;

	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

	background: #f5f5f5;

}	

h1, h2, h3{

	font-weight: normal;

	font-size: 100%;

}

h1{

	float: left;



	line-height:40px;

	text-indent:40px;

}

* html h1{

	background-image:none;

	

}

h1 a{

	color: #000;

	font-weight: bold;

	text-decoration: none;

}

h1 a:hover, h1 a:hover strong, #header a:hover{

	color: blue;

	text-decoration: underline;

}

h1 strong{

	color: #557F2B;

}



/* ----- IDS ----- */



#container{

	width: 850px;

	margin: 0 auto;

	text-align: left;

}



#header{

	width: 100%;

	padding: 0 0 0 0;

	margin: 1em 0 0 0;

}

#nav{

	float: right;

	margin-bottom:0;

}

#nav li{

	line-height:40px;

	float: left;

	list-style: none;

	margin: 0 1em;

}

#nav a{

	color: #222;

	text-decoration: none;

}



#features{

	background:#fff no-repeat 525px 100%;

}

* html #features{

	background-image:none;

}



#features, .box{

	position:relative;

	width: 93%;

	float: left;

	border: 1px solid #dedede;

	border-top: none;

	border-left: none;

	padding: 0em 2em 0em 2em;

	margin: 0 0 2em 0;

	background-color:#fff;

}

#notebook{

	position:relative;

	float: left;

	width: 350px;

	padding-bottom:1em;

	margin: 0 0 1.7em 0;

	padding:20px 20px 7px 20px;

	background-color:#fff;

	border: 1px solid #dedede;

	border-top: none;

	border-left: none;

}



#features .more, #notebook .more{

	position:absolute;

	z-index:1000;

	bottom:0;

	right:0;

	margin:0 15px -12px 15px;

	color:#ffffff;	

}

.more{

	background:#222;

	color:#fff;

	text-decoration:none;

	padding:4px 10px;

	border:1px dotted #dedede;

	font-size:85%;

	font-weight:bold;

}

a.more:hover{

	background:#669900;

}

a.more:visited 

{

	color:#ffffff;

}



#features .headline{

	clear: both;

	margin: 0 0 1em 0;

}





#features .red a:hover, #features .green a:hover, #features .yellow a:hover, #features .orange a:hover{


	background-repeat:no-repeat;	

}

#features .red a:hover{

	background-position:498px -30px;

}

#features .green a:hover{

	background-position:498px -122px;

}

#features .yellow a:hover{

	background-position:498px -214px;

}

#features .orange a:hover{

	background-position:498px -60px;

}

* html a:hover{

	background-image:none !important;

}





#notebook .headline{

	clear: both;

	margin: 0 0 1em 0;

}



.single .headline{

	margin: 0 0 1.5em 0 !important;

}



h2{

	clear: both;

	margin:.7em 0 2em 0;

	border-bottom:1px dashed #bbb;

	position: relative;

}

h2 span{

	font-weight:bold;

	position: absolute;

	background: #f5f5f5;

	display: block;

	left: 0;

	margin:-9px 0 0 0;

	color:#222;

}



h3{

	position:relative;

}

h3 a{


	text-decoration: none;

}




#features[id] h3 a{

	height:auto;

	min-height: 66px;

}

#notebook h3 a{

	height: 34px;

	font-size: 120%;

	padding: 6px 7px 5px 60px;

}

#notebook[id] h3 a{

	height:auto;

	min-height: 34px;

}

a cite{

	display: block;

	font-style: normal;

	color: #222;

}

a:hover cite{

	color: #eee;

}

#features h3 cite{

	font-size: 50%;

	padding:0 0 1em 0;

}

#notebook h3 cite{

	font-size: 67%;

	margin:2px 0 0 0;

}

span.date{

	color: #fff;

	display: block;

	text-align: center;

	position:absolute;

	z-index:1000;

	font-weight: bold;

}

#features span.date{

	width: 80px;

	height: 80px;

	margin: 0 0 1em 0;

}

#notebook span.date{

	width: 45px;

	height: 45px;

	margin:0 0 0 0;

}

.date em{

	display: block;

	text-transform: uppercase;

	font-style: normal;

	font-weight: normal;

}

#features .date{

	font-size: 120%;

}

#features .date em{

	margin: 15px 0 7px 0;

	font-size: 130%;

}

#notebook .date{

	font-size: 85%;

}

#notebook .date em{

	margin: 6px 0 2px 0;

	font-size: 120%;

}





a:hover cite strong{

	color:#fff;

}



li.red, .red span.date, a.red{

	background: #843418;

}

li.green, .green span.date, a.green{

	background: #7b8d78;

}

li.yellow, .yellow span.date, a.yellow{

	background: #a49d4c;

}

li.orange, .orange span.date, a.orange{

	background: #a46b29;

}

.single span.date{

	background: #669933;

}





.red a, .red cite strong{

	color: #843418;

}

.green a, .green cite strong{

	color: #7b8d78;

}

.yellow a, .yellow cite strong{

	color: #a49d4c;

}

.orange a, .orange cite strong{

	color: #a46b29;

}



.red a:hover, a.red:hover{

	background: #5e2510;

	color: #fff;

}

.green a:hover, a.green:hover{

	background: #4f5c4e;

	color: #fff;

}

.yellow a:hover, a.yellow:hover{

	background: #777237;

	color: #fff;

}

.orange a:hover, a.orange:hover{

	background: #7d511e;

	color: #fff;

}



.single .headline a{

	background: #557f2b;

	color: #fff;

}

.single a cite{

	color: #eee;

}





#other{

	float: right;

	width: 345px;

}

#treehouse img{

	border:none;

}

#other a{

	text-decoration:none;

}

#wufoo{

	display:block;

	border-right:1px solid #dedede;

	border-bottom:1px solid #dedede;

	margin-bottom:.7em;

}

#wufoo img{

	display:block;

	border:10px solid #fff;

}



#footer{

	margin:0 0 3em 0;

	padding-top:1em;

	clear: both;

	color:#f5f5f5;

}

#footer ul{

	margin:0 auto;

	padding:0;

	list-style:none;

}

#footer li{

	float:left;

	margin-left:13px;

	border-right:1px solid #eee;

	border-bottom:1px solid #dedede;

}

#footer a{

	text-align:center;

	display:block;

	border:10px solid #fff;

	width:150px;

	padding:15px 0;

	text-decoration:none;

	color:#fff;

	font-size:85%;

}

#footer a:hover{

	font-weight:bold;

}





#features .content{

	clear: both;

	margin:0 1em;

}

.doc .content{

	margin:0 !important;

}

.doc h3{

	margin-top:0 !important;

}

p{

	margin:0 0 1em 0;

}

#features .content p{

	font-size:100%;

	line-height:140%;

}

#features .content li{

	line-height:135%;

}

#features .content img{

	border:1px solid #f0f0f0;

	border-right:1px solid #dedede;

	border-bottom:1px solid #dedede;

	padding:1em;

	margin: 0 1em 0 1em;

	vertical-align: middle;

}

.photo{

	float: right; 

	margin:0 0 10px 10px;

	font-size: 85%;

	text-align:center

}

.photo a{

	color: #222;

	font-weight: bold;

	text-decoration: none;

}

.photo a:hover{

	color: blue;

	text-decoration: underline;

}





.content h3{

	font-size:140%;

	border-bottom:1px dotted #ccc;

	padding-bottom:0;

	margin:1.5em 0 0 0;

}

.content cite{

	display:block;

	font-style:normal;

	margin:0 0 1em 0;

	color:#222;

}



.content a:hover{

	color: green;

}

.content a:visited {

	color:#0000FF;

}



ul, ol{

	margin:0 0 1em 1em;

	padding:0 0 0 1em;

}



blockquote{

	background-color:#f5f5f5;

	border:1px solid #dedede;

	color: #222;

	margin:1.2em;

}

blockquote cite{

	font-size:1em;

	font-weight:bold;

}

pre{

	background-color:#111;

	border:1px solid #666;

	color: #fff;

	margin:1.2em;

	overflow: auto;

}

blockquote{

	padding:1em 1em .2em 1em;

}

pre{

	font-size:115%;

	padding:1em;

}



.navigation{

	clear:both;

	height:30px;

	background:#eee;

	margin:0 0 1em 0;

}

.navigation .rt{

	border-left:1px dotted #ccc;

	float:right;

}

.navigation .lt a{

	border-right:1px dotted #ccc;

}

.navigation a{

	font-size:85%;

	display:block;

	color:#eee;

	width:75px;

	text-align:center;

	line-height:30px;

	width:80px;

	background:#222;

	float:left;

	text-decoration:none;

}

.navigation a:hover{

	background:#669933;

	color:#fff;

	font-weight:bold;

}



#comments{

	border-bottom:1px dashed #ccc;

	text-align:center;

	font-size: 180%;

	padding-top:25px;

	margin-left:20px;

	margin-right:20px;

}

#comments span{

	left:50%;

	width:250px;

	margin:-15px 0 0 -125px;

}

#comments strong{

	color: #669933;

}



.commentlist{

	font-size:90%;

	list-style:none;

	margin: 0 10px 0 0;

	padding:0;

	clear: both;

	border-top:1px solid #f5f5f5;

}

.commentlist:after, .notice:after, #footer ul:after{

	content:"."; 

	display:block;

	height:0; 

	clear:both; 

	visibility:hidden;

}

* html .commentlist, * html .notice, * html #footer ul{height: 1%;}

.commentlist, .notice, #footer ul{display: block;}



.commentlist li{

	width: 329px;

	margin:0 0 1em 0;

	padding:15px 15px 7px 15px;

	color: #fff;

	clear: right;

	float: right;

	overflow:hidden;

}

.commentlist li.alt{

	clear: left;

	margin-left: 10px;

	float: left;

}

.commentlist li a{

	color: #fff;

}



.commentlist cite{

	display: block;

	border-bottom: 1px dotted #ccc;

	font-size: 12px !important;

	font-style:normal;

	padding-bottom: .5em;

	margin-bottom: 1em;

}

.commentlist cite a{

	font-weight:bold;

	text-decoration: none;

}



#commentform{

	background-color:#FBFFCF;

	border:1px solid #EBEFC2;

	margin:20px 30px 2em 30px;

}

label em{

	font-weight:normal;

}

#features p em{

	font-style:normal;

	background-color:#FFFBCF;

}

#features p code{

	font-size: 115%;

}





.notice{

	background-color:#FBFFCF;

	border:1px solid #EBEFC2;

}

#features .notice{

	padding:12px 15px 12px 15px;

	margin:25px 0 15px 0;

}

.notice h3{

	font-weight:bold;

	color:#843418;

	font-size:120%;

	margin:.4em 0 .3em 0;

}

.notice img{

	border:1px solid #EBEFC2;

	float:left;

	margin:0 1em 0 0;

}



table{

	border:none;

}

td{

	padding:.3em .5em;

	border-right: 1px solid #dedede;

}

thead td{

	padding-right: 1em;

	font-weight: bold;

	background-color: #f5f5f5;

}

tbody td{

	border-top:1px solid #ccc;

}

.ptad{

	display:block;

	padding:1em 0 0 0;

	text-align:center;

}

.ptad img{

		background-color:#fff;

}/* - - - - - - - - - - - - - - - - - - - - -



FORM



- - - - - - - - - - - - - - - - - - - - - */



form ul{

	position:relative;

	list-style-type:none;

	margin:0;

	padding:.8em 1em 0 1.3em;

	border:1px solid #fff;

}

form li{

	line-height:2em;

	margin:0;

	padding:1px 0 6px 0;

	display: inline-block;

}

form li:after{

	content:"."; 

	display:block;

	height:0; 

	clear:both; 

	visibility:hidden;

}



* html form li {height: 1%;}

form li {display: block;}





form li div{

	float:left;

	display:inline;

	margin-right:5px;

	color:#444;

}

form li.focused{

	background-color:#fff7c0;

} 

form li p{

	clear:both;

	font-size:9px;

	line-height:13px;

	color:#444;

}



form li div.left{

	width:48%;

}

form li div.right{

	width:48%;

}

form li div.left .medium, form li div.right .medium{

	width:100%;

}



.clear{

	clear:both;

}



form li div p{

	margin-bottom:3px;

}

form li img.icon{

	float:left;

	margin:.35em 5px 0 0;

}





/* ----- SECTIONS ----- */



form li.section{

	border-top:1px dotted #ccc;

	margin-top:9px;

	padding-top:13px;

	padding-bottom:0px;

}

form ul li.first{

	border-top:none;

	margin-top:0px;

	padding-top:1px;

}

form .section h3{

	font-size:110%;

	line-height:130%;

	margin:0 0 2px 0;

}

form .section p{

	font-size:85%;

	margin:0 0 1em 0;

}



/* ----- BUTTONS ----- */



.button{

	cursor: pointer;

}

.buttons{

	text-align:center;

	clear:both;

	margin:10px 0 20px 0;

	padding:0;

	font-size:100%;

}

.buttons .button{

	font-size:120%;

	cursor: pointer;

	padding:0 10px;

}



/* ----- FOOTER ----- */



.footer{

	padding-top:5px;

	line-height:40px;

}

.footer a{

	text-decoration:none;

}

.footer a:hover{

	text-decoration:underline;

}



/* ----- FIELDS AND LABELS ----- */



label.desc{

	font-weight:bold;

	line-height:125%;

	padding:4px 4px 1px 0;

	border:none;

	color:#444;

	display:block;

	font-size:95%;

}

input.text, textarea.textarea, select.select{

	font-size:100%;

	border-top:1px solid #7c7c7c;

	border-left:1px solid #c3c3c3;

	border-right:1px solid #c3c3c3;

	border-bottom:1px solid #ddd;

	background:#fff url(/images/fieldbg.gif) repeat-x top;

	color:#333;

}

input.text{

	padding:2px 0 2px 0;

}

input.currency{

	text-align:right;

}



input.checkbox, input.radio{

	display:block;

	line-height:1.4em;

	margin:8px 0 0 3px;

	width:13px;

	height:13px;

}

label.choice{

	font-size:100%;

	display:block;

	line-height:1.4em;

	margin:-19px 0 0 25px;

	padding:4px 0 5px 0;

	color:#444;

	width:90%;

}



textarea.textarea{

	margin-top:1px;

	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

}

select.select{

	margin:1px 0 1px 0;

	padding:1px 0 0 0;

}

select.select[class]{

	margin:0;

	padding:1px 0 1px 0;

}



/* ----- SIZES ----- */



.third{

	width:32% !important;

}

.half{

	width:48% !important;

}

.full{

	width:100% !important;

}



input.small, select.small{

	width:25%;

}

input.medium, select.medium{

	width:50%;

}

input.large, select.large, textarea.textarea{

	width:99%;

}

input.tags{

	width:315px;

}



textarea.small{

	height:5.5em;

}

textarea.medium{

	height:10em;

}

textarea.large{

	height:20em;

}


.flash_info{

	border: 1px solid #C2CCC3; 

	background: url('/images/icons/information.png') 5px 6px no-repeat #EDEFF1;

	color: #000000;

	padding: 5px 25px;

	margin: 25px 5px 5px 5px;

	cursor: pointer; 

}

 .flash_error{

	background: url('/images/icons/exclamation.png') 5px 6px no-repeat #8B3130;

	border: 1px solid #BC2711; 

	background-color: #8B3130;

	color: #FFFFFF;

	padding: 5px 25px;

	margin: 25px 5px 5px 5px; 
	
	cursor: pointer;

}

.flash_error a {
	color: #000;
}



#features .minitabs {

	margin: 0;

	padding: 0 0 20px 10px;

	border-bottom: 1px solid #000000;

	}



#features .minitabs li {

	margin: 0; 

	padding: 0;

	display: inline;

	list-style-type: none;

	font-size:10pt

	}

	

 #features .minitabs a:link, #features .minitabs a:visited {

	float: left;

	line-height: 14px;

	margin: 0 4px 4px;

	padding-bottom: 2px;

	text-decoration: none;

	color: #999999;

	}



 #features .minitabs a.active:link, #features .minitabs a.active:visited, #features .minitabs a:hover {

	border-bottom: 4px solid #000000;

	padding-bottom: 2px;

	background: #fff;

	color: #000000;

	}

.home_team

{

	text-align: left;

	cursor: pointer;
	background: #FFF url(/images/game_bg.png) repeat-x scroll 0pt 0px;

}
.home_team.disabled {
	background:#F0F0F0;
	cursor: default;
}

.home_team a{

	color: #000000;

}

.home_team a:visited{

	color: #000000;

}



.home_team_hover

{

	text-align: left;

	cursor: pointer;

	background-color: #F5F5F5;

}

.home_team_hover a {

	color: #000000;

}

.home_team_hover a:visited {

	color: #000000;

}

.home_team_hover a:hover:visited {

	color:green;

}

.home_team_selected

{

	text-align: left;

	cursor: pointer;

	color:#FFF;

	background: #647d4c url(/images/game_bg.png) repeat-x scroll 0pt -100px;

}
.home_team_selected.disabled {
	background: #455C2D;
	cursor: default;
}
.home_team_selected a {

	color: #FFF;

}

.home_team_selected a:hover 

{

	color:#FFF;

}

.home_team_selected a:visited 

{

	color:#FFF;

}

.home_team_selected a:hover:visited

{

	color:#FFF;

}

.away_team

{

	text-align: right;

	cursor: pointer;
	background: #FFF url(/images/game_bg.png) repeat-x scroll 0pt 0px;

}

.away_team.disabled {
	background:#F0F0F0;
	cursor: default;
}

.away_team a {

 color: #000000;

}

.away_team_hover a:visited:hover {

	color: green;

}

.away_team a:visited

{

	color:#000000;

}

.away_team_hover

{

	text-align: right;

	cursor: pointer;

	background-color: #F5F5F5;

}

.away_team_hover a {

	color:#000000;

}

.away_team_hover a:visited {

	color: #000000;

}

.away_team_selected

{

	text-align: right;

	cursor: pointer;

	color:#FFF;

	background: #647d4c url(/images/game_bg.png) repeat-x scroll 0pt -100px;

}

.away_team_selected.disabled {
	background: #455C2D;
	cursor: default;
}

.away_team_selected a {

	color:#FFF;

}

.away_team_selected a:hover 

{

	color:#FFF;

}

.away_team_selected a:visited

{

	color:#FFF;

}

.away_team_selected a:visited:hover

{

	color:#FFF;

}

.game_time

{

	text-align: center;
	background: #FFF url(/images/game_bg.png) repeat-x scroll 0pt 0px;

}

.game_time.disabled {
	background: #F0F0F0;
}
.game_time.loWarn {
	background:#B6DFFD url(/images/game_bg.png) repeat-x scroll 0pt -50px;
	
}
.game_time a

{

	color: #000000;

}

.game_time a:visited:hover

{

	color: green;

}



.game_time a:visited

{

	color: #000000;

}



.game_row

{

	text-align: center;

	height: 32px;

	margin-bottom: 5px;

}

#features .content img.small_team{

	border:1px solid #f0f0f0;

	border-right:1px solid #dedede;

	border-bottom:1px solid #dedede;

	padding: 0px;

	margin: 0 1em 0 1em;

	vertical-align: middle;

	width:25px;

	height:25px;

}

/* ----- REQUIRED ----- */



.req{

	color:red;

	font-weight:bold;

}