@charset "UTF-8";
/* CSS Document */
#secondary{
	display:none;
}
#teams #main{
	position:relative;
	overflow:visible;
}
#main h2{
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 5px 0;
}
#main h3 {
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 5px 0;
}
.panel{
	width:588px;
	padding:10px;
}
.panel p{
	margin-bottom:10px;
}
.panel .hero{
	display:block;
	width:auto;
	border-top:1px solid #ffc423;
	border-bottom:1px solid #ffc423;
}

/*=============== SPRITE NAV ===============*/
#teams_nav{
	margin-top:10px;
}

#teams_nav a{
	background-image:url(http://www.demarini.com/nav_sprite_teams.gif);
}
#baseball_link{
	width:96px;
	background-position:0px -75px;
}
#baseball_link.hover{
	background-position:0px -100px;
}
.selected #baseball_link{
	background-position:0px 0px;
}


#fastpitch_link{
	width:105px;
	background-position:-96px 0px;
}
#fastpitch_link.hover{
	background-position:-96px -25px;
}
.selected #fastpitch_link{
	background-position:-96px -75px;
}

.alternate #fastpitch_link {
	background-position:-96px -150px;
}

.alternate #fastpitch_link.hover {
	background-position:-96px -200px;
}

#slowpitch_link{
	width:104px;
	background-position:-201px 0px;
}
#slowpitch_link.hover{
	background-position:-201px -50px;
}
.selected #slowpitch_link{
	background-position:-201px -150px;
}
#baseball{
	display:block;
}
/*=============== HIGHLIGHT POPUP ===============*/
#popup{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:245px;
	height:110px;
	padding-left:13px;
}
#popup.active{
	display:block;
}
#popup #indicator{
	position:absolute;
	left:0px;
	top:38px;
	z-index:55;
}
#popup #content{
/*	display:none;
*/
	width:100%;
	overflow:hidden;
	border:3px solid #111;
	padding-bottom:5px;
	background-color:#fff;
}
#content h4{
	margin-bottom:5px;
	padding:5px 10px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffc423;
	background-color:#111;
}
#content img,
#content p{
	float:left;
	display:inline;
}
#content img{
	width:60px;
	margin-left:5px;
}
#content p{
	width:170px;
	margin:0 5px;
}
.highlight{
	font-weight:bold;
	cursor:pointer;
}
.content{
	display:none;
}

/*=============== DIVISIONS PANEL ===============*/
.divisions{
	border-bottom:1px solid #999;
	padding-bottom:5px;
}
.divisions li{
	margin:5px 0 0;
	border-top:1px solid #999;
	padding:5px 0 0;
	clear:both;
}
.divisions h3{
	display:inline;
	padding-right:12px;
	background:transparent url(http://www.demarini.com/collapsed.gif) no-repeat 100% 50%;
	cursor:pointer;
}
.divisions h3.hover{
	text-decoration:underline;
}
.divisions li.expanded h3{
	background-image:url(http://www.demarini.com/expanded.gif);
}
.team_list{
	display:none;
	width:100%;
	overflow:hidden;
	padding:5px 0;
}
.team_list ul{
	float:left;
	display:inline;
	width:147px;
	text-indent:0;
}
.team_list li{
	float:left;
	clear:left;
	display:inline;
	width:auto;
	margin-left:0;
	border-width:0;
	padding:0px;
	text-indent:0em;
	white-space:nowrap;
}

/*=============== DIVISIONS PANEL ===============*/
.column{
	width:274px;
	overflow:hidden;
	float:left;
	display:inline;
	padding-right:20px;
}
.column h3{
	border-bottom:1px solid #999;
	width:274px;
}
.column li{
	float:left;
	clear:left;
	display:inline;
	width:auto;
	margin-bottom:5px;
	font-weight:normal;
	padding:0;
	text-indent:0em;
	white-space:nowrap;
}
.column span{
	font-weight:bold;
}