@import "jquery.lightbox-0.5.css";
@import "jshowoff.css";
@import "jquery-ui-1.7.2.custom.css";
@import "superfish.css";
@import "forms.css";
/* yahoo reset css */
@import "http://yui.yahooapis.com/3.0.0b1/build/cssreset/reset-min.css";
@import "jmonthcalendar.css";

body
{
	padding:0;
	margin:0;
	background: #111111 url(images/tablebg.jpg) top center repeat-y;
		font-family: Trebuchet MS, Arial, sans-serif;
font-size: 12px;

}

html 
{
	
}
body, td, div 
{

	vertical-align:top;
}
/* this is for IE, without it, everything is centered */
td {
	text-align:left;
}
/***start */
#divMain
{
	background: url(images/barbg.jpg) repeat-x center top;
	
}
#divsecondtablebg 
{
	
background:url('images/headerbg.jpg') no-repeat center top;
}
/* masthead */
.divHeader
{
height:55px;
	
}
/* surrounds all content inside the content area */
.divContent 
{
	padding:10px 10px;
	
	min-height:600px;
	min-width:480px;
}


/* footer div */
.divFooter 
{
	/*background-image:url('images/footer.jpg');*/
	
	background-color:#050505;
	padding-top:5px;
	color:#fff;
	text-align:center;
	
}
.divFooter a, .divFooter a:visited
{
	color:#9b0000;
	text-decoration:underline;
}
/* bottom of site (outside table) ads */
.divBottomAds 
{
	
	background-color:#050505;
	
}
/* one ad */
.divOneBottomAd 
{
	padding-top:3px;
}

/*************************************************/

/*
 H1 HEADER - appears before any content in either left or right column
*/
#hMainHeader 
{
	font-size:30px;
	font-weight:bold;
	
	padding: 0px 0px 10px 10px;
	
	margin:0;
	color:#ffffff;
}
h1{
	font-size: 22px;
	font-weight:bold;
	color:#fff;
	padding:0 0 12px 0;
}
h2 {
	font-size: 22px;
	
	color:#fff;
	padding:0 0 12px 0;
	font-style:italic;
}
h3 {
	font-size: 20px;
	font-weight:bold;
	color:#ddd;
	padding:0 0 12px 0;
}
h4 {
	font-size: 20px;
	color:#ddd;
	padding:0 0 12px 0;
	font-style:italic;
}
h5
{
	font-size: 18px;
	color:#000;
	padding:0 0 12px 0;

}
h6
{
	font-size: 18px;
	color:#000;
	padding:0 0 12px 0;
	font-weight:bold;
}
p {
	line-height:1.4em;
	padding:0 0 8px 0;
}

blockquote {
	padding:6px 20px;
}
hr {
	color:#990000;	
}
.tdRightContent ul {
	padding:6px 20px;
	margin:0 0 0 0;

}
.tdRightContent ul li {
	list-style-type:disc;
	list-style-position:inside;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.tdRightContent ol {
	padding:6px 20px;
	margin:0 0 0 0;

}
.tdRightContent ol li {
	list-style-type:decimal;
	list-style-position:inside;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
a, a:visited
{
	color:#fff;
	text-decoration:none;
}

a:hover 
{
	text-decoration:underline;
}

strong, b 
{
	font-weight:bold;
}
em, i 
{
	font-style:italic;
}
/**************************************************/


/*** start quicklinks side (left content) */
.divQuickLinks 
{
	width:170px;
	padding-top:3px;
}
/* quick links list menu - for either left or right */
ul.quicklinksmnu 
{

	margin-left:5px;
	margin-right:5px;
	border-right:1px solid #0f0f0f;
	border-left:1px solid #0f0f0f;
	border-top:1px solid #0f0f0f;
}
ul.quicklinksmnu a 
{
	
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	padding:5px;
	background-color:#711517;
	
	border-bottom:1px solid #0f0f0f;
	
}
ul.quicklinksmnu a:hover
{
	background-color:#c20808;
	color:#fff;
	text-decoration:none;
	
}

/* quicklinks/small column in content area ads - for either left or right */
.divSmallColAds 
{
	width:170px;
	text-align:center;
}
/* quicklinks/small column single ad - for either left or right */
.divOneSmallColAd 
{
	padding-top:3px;
}


/* main right column */
.tdLeftColumn 
{
	width:310px;
	padding-top: 31px;
	
	
}
.tdRightColumn a, .tdRightColumn a:hover
{
	color:#fff;
	
	text-decoration:underline;
}

/* top ads */
.divTopAds 
{
	background:#050505;
}
.divOneTopAd 
/* a single top ad */
{
		
}

/** gridview ("tablesorter" found below) and quicksearch */
.breadcrumb
{
	
	background:url(images/breadcrumbbg.gif) repeat-x;
	height:32px;
	color:#fff;
	
	padding-top:8px;
	padding-left:10px;
	margin-left:-10px;
	margin-right:-10px;
}
.breadcrumb a, .breadcrumb a:visited
{
	color:#9b0000;
	font-style:italic;
}

/* team and division menus - not using superfish.submenu.css anymore */
.divTeamMenu, .divDivisionMenu
{
	display:block;
	height:28px;
	padding-top:0px;
	padding-left:10px;
	margin-left:-10px;
	margin-right:-10px;
	color:#FFF;
	/*border-bottom:1px solid #ffff00;*/
	/*background-color:#cf9300;*/
	background:url(images/barbg.gif) repeat-x;
	
}
.divTeamMenu li, .divDivisionMenu li {
	display:inline;
}
.divTeamMenu  a, .divDivisionMenu  a, .divDivisionMenu  a:visited, .divTeamMenu a:visited  
{
	
	color:#9b0000;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	padding:5px;
	
	
}
.divTeamMenu  a:hover, .divDivisionMenu a:hover {
	background-color:#c20808;
	color:#fff;
	text-decoration:none;
}

/****************************************************************************
 * tab box - calendar tab - jquery calendar - special days
 ****************************************************************************/
.eventDate .ui-state-default
{
    color: #fff;
    background-image: none;
    background-color: #9d0000 !important;
}
.homeGameDate .ui-state-default
{
    color: #000 !important;
    background-image: none;
    background-color: #ffffff !important;
}
.awayGameDate .ui-state-default
{
    color: #fff;
    background-image: none;
    background-color: #ff4343 !important;
}
.practiceDate .ui-state-default
{
    color: #000;
    background-image: none;
    background-color: #505050 !important;
	border: 1px solid #ccc;
}
/* edit family and printable calendar in jmonthcalendar.css, at the bottom */


/***main menu - superfish.css */




/* surrounds everything below top ads */

/* main table leave this as is */
.divMainTable
{
	
	width:990px;
	min-height:1024px;
}


/* poll question <span>*/
#pollQuestion
{
	font-size:14px;
	color:#fff;
	font-weight:bold;	
}




ul.divlist a, ul.teamlist a
{
	
	display:block;
	color:#222;
	background-color:#676767;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:5px 7px 5px 10px;
	border-bottom:1px solid #444;
	text-decoration:none;
	
}
ul.divlist a:hover, ul.teamlist a:hover
{
	

	color:#ffffff;
	background-color:#525252;	
	text-decoration:none;
}


/*
CALENDAR LEGEND (association/division)
*/
#divMainCalLegend
{
 background: url(images/associationlegend.gif) no-repeat;
 height:36px; 
 padding:0;
 margin-top:6px;
}

/*
CALENDAR LEGEND (team)
*/
#divTeamCalLegend
{
	background: url(images/teamlegend.gif) no-repeat;
	height:36px;
	width:auto;
	margin-top:6px;
}





.divPolls, .divFamilyAccount, .divNewsLetterSignup, .divAdminLogin
{
	padding:10px 10px 5px 10px;
}
.divUpcomingEvents, .divNews
{
	padding:10px;
}
/*******************************************************************************************/


/* second masthead - below nav */
.divHeaderBottom 
{
}

/* main menu 
 * - menu uses superfish.css
 */
.divMainMenu
{
	/*background:url(images/navbg.jpg) repeat-x center top;*/
	/*height:31px;*/
}
/* left column */
.tdRightColumn 
{
	
}

/* left column quicklinks/ads (small column in a left content setup - unused if the site is a right content area site) */
.tdLeftSmallColumn 
{
	
}
/* quick links - for either left or right */
.divQuickLinks 
{
}
/* quick links list menu - for either left or right */
ul.quicklinksmnu 
{
}

/* quicklinks/small column in content area ads - for either left or right */
.divSmallColAds 
{
}
/* quicklinks/small column single ad - for either left or right */
.divOneSmallColAd 
{
}
/* left content area
 *   this will be the content area if the site is setup with left content, otherwise, the calendar/events/news
 *   tabs will be here
 */
.tdLeftContent 
{
	
}



/* right content area
 *   this is the right content area in a right content setup, otherwise, it's used as the calendar/events/news tabs
 */
.tdRightContent
{
	
}
/* quicklinks/small column cell (also for ads) in a right content setup */
.tdRightSmallColumn 
{
}
/* holds ads that appear above the content area */
.divContentTopAds 
{
}
/* one "content top" ad */
.divOneContentTopAd 
{
}
/* holds ads that appear directly below content area */
.divContentBottomAds 
{
}
/* one "content bottom" ad */
.divOneContentBottomAd 
{
}
/* "side bar" ads (calendar/news/events tab box) appears below that */
.divSideBarAds  
{
}
/* one "side bar" ad */
.divOneSideBarAd 
{
}
/* footer colunm */
.tdFooter 
{
}

/* counter */
.divCounter
{
	text-align:center;
}




/****************************************************************************
 * tab box - events tab
 ****************************************************************************/
 /* container div */
.divUpcomingEvents 
{
}
/* events listing */
ul.eventslist 
{
}
/* appears when there's no upcoming events */
.divNoUpcomingEvents 
{
}
/****************************************************************************
 * tab box - news tab
 ****************************************************************************/
.divNews 
{
}
.newslist 
{
}
.divNoCurrentNews 
{
}

/****************************************************************************
 * division listing accordian 
 *   actual accoridian is styled with jquery themes, this is the stuff inside
 ****************************************************************************/
/* div surrounding ul */
.divDivisionListContent 
{
}
ul.divlist 
{
}


/****************************************************************************
 * albums viewall page
 ****************************************************************************/
/* albums viewall page - surrounds list of albums */
.divAlbums 
{
}
/* table that shows 1 album on album list page */
.tblOneAlbum 
{
}
/* album title */
.divAlbumTitle 
{
}
/* created date */
.divAlbumCreated 
{
}
/* photo count */
.divAlbumPhotoCount 
{
}
/* description */
.divAlbumDesc 
{
}


/****************************************************************************
 * one album page - viewing photos
 ****************************************************************************/
/* next/prev links */
a.albumViewPrevNext, a.albumViewPrevNext:link, a.albumViewPrevNext:visited 
{
}
a.albumViewPrevNext:hover 
{
}
/* div around image */
.divPhoto 
{
}
/* image description */
.divPhotoDesc 
{
}


/****************************************************************************
 * viewing one event details
 ****************************************************************************/
/* div around it */
.divEvent 
{
}
/* name */
.divEventName 
{
}
/* date */
.divEventDate 
{
}
/* event description */
.divEventText 
{
}


/****************************************************************************
 * news archives listing page - shows multiple entries
 ****************************************************************************/
/* div that surrounds one news summary */
.divNewsSummary 
{
}
/* title */
.divNewsTitle 
{
}
/* date */
.divNewsDate 
{
}
/* article */
.divNewsArticle 
{
}


/****************************************************************************
 * one news article page
 ****************************************************************************/
/* surrounds article */
.divNewsArticleViewOne
{
}
/* title */
.divNewsArticleTitle 
{
}
/* date */
.divNewsArticleDate 
{
}
/* text */
.divNewsArticleText 
{
}



/****************************************************************************
 * quick search above grid views
 ****************************************************************************/
form.quicksearch { padding: 4px; color:#fff background:#0f0f0f; }
form.quicksearch input { margin-left: 10px; width:200px; }
form.quicksearch img { vertical-align: middle; margin-left: 5px; }


/****************************************************************************
 * table sorter - used with gridviews
 ****************************************************************************/
table.tablesorter {
}
.tablesorter a, .tablesorter a:hover
{
	color: #000;
	text-decoration:underline;
}
table.tablesorter th {
	text-align: left;
	padding: 5px;
	background:#620306;
	height:29px;
	font-weight:bold;
	border:1px; 
}
table.tablesorter td {
	/*color: #FFF;*/
	padding: 5px;
}
table.tablesorter .even {
	background-color: #e6e6e6;color:#000;
	border-bottom: #979797 solid 1px;
}
table.tablesorter .odd {
	background-color: #fff;color:#000;
	border-bottom: #979797 solid 1px;
}
table.tablesorter .header {
	background-image: url(images/small.gif);
	background-repeat: no-repeat;
	background-position: center right;
	text-align:left;
	/*
	border-left: 1px solid #FFF;
	border-right: 1px solid #000;
	border-top: 1px solid #FFF;
	
	padding-left: 30px;*/
	padding-top: 8px;
	height: auto;
	cursor: pointer; /* hand cursor for Mozilla based browsers */
	cursor: hand;
	border: #E6EEEE;
}
table.tablesorter .headerSortUp 
{
	background-image: url(images/small_asc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #711517;
}
table.tablesorter .headerSortDown {
	background-image: url(images/small_desc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #711517;
	color:#fff;
}


/* modal popup windows */


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=75);
	opacity:0.75;
}

.modalpop {
	/*background-color:#ffffdd;*/
	background-color:White;
	border-width:4px;
	border-style:solid;
	border-color:#212121;
	padding:5px;
	/*width:250px;*/
}