/*
 *  BSC Soccer Design
 */


BODY
{
	background-color:					        	#6e0023;
	color:											#000000;
	font-family:						    		Verdana;
	font-size:							    		12px;
}


H1
{
	font-weight:							    	bold;
	font-size:								    	24px;
	color:											#6e0023;
}


H2
{
	font-weight:							    	bold;
	font-size:								       	16px;
	color:											#6e0023;
}

A
{
	text-decoration:					        	none;
	color:											#6e0023;
}

A:active
{
	text-decoration:						        none;
	color:											#6e0023;
}

A:visited
{
	text-decoration:					        	none;
	color:											#6e0023;
}

A:hover
{
	text-decoration:					        	underline;
	color:											#6e0023;
}


/*
 *  Outer Body ("Shell") Table
 */

TABLE.BodyTable
{
	width:											100%;
}


TD.BodyLeftCell
{
}


TD.BodyRightCell
{
}


TD.BodyBottomCell
{
}


TD.BodyContentCell
{
	width:											780px;
	padding-top:						    		8px;
}


/*
 *  Content section.
 */

TABLE.ContentTable
{
	width:											100%;
}


TD.HeaderRow
{
	padding-bottom:							        4px;
    background-color:                               #dda921;
}


TD.HeaderMenu
{
	text-align:										right;
	vertical-align:									bottom;
	padding-right:									8px;
}


DIV.HeaderImageArea
{
	/*  This shows the "Burlington Soccer Club" logo at the top, near the menu.  */
	background-image:								url('/lib/images/TopLogo.gif');
	background-position:							top right;
	background-repeat:								no-repeat;
}
	

TABLE.HeaderTable
{
	width:											780px;
	padding-top:									8px;
}


TD.BSCLogo
{
	width:											97px;
	height:											100px;
	text-align:								    	left;
    padding-left:                                   8px;
}

IMG.BSCLogo
{
	border-style:						    		none;
	width:											97px;
	height:											100px;
}


/*
 *  Main menu in the header.
 */
TABLE.HeaderMenu
{
}
   

TD.HeaderMenuLink
{
	padding:										4px;
	background-color:								#dda921;
	font-weight:									bold;
	height:												20px;
}
TD.HeaderMenuLinkHover
{
	color:											#dda921;
	padding:										4px;
	background-color:								#6e0023;
}
TD.HeaderMenuLink A
{
	height:												20px;
}
TD.HeaderMenuLink A:hover
{
	color:											#dda921;
	background-color:								#6e0023;
	font-weight:										bold;
	text-decoration:								none;
}
TD.HeaderMenuLinkHover A
{
	color:											#dda921;
	background-color:								#6e0023;
	font-weight:										bold;
	text-decoration:								none;
}
TD.HeaderMenuLinkHover A:hover
{
	color:											#dda921;
	background-color:								#6e0023;
	font-weight:										bold;
	text-decoration:								none;
}
   

TD.HeaderMenuSpacer
{
	width:											4px;
}


/*
 *  Main content cell.
 */
TD.ContentMainCell
{
    background-color:                               #ffffff;
	height:											320px;
	border-top-style:					    		solid;
	border-top-color:					    		#6e0023;
	border-top-width:					    		thin;
	vertical-align:						        	top;
	padding:						   				8px;
}


TABLE.ContentMainTable
{
	width:											100%;
	height:											100%
}


TD.ContentLeftCell
{
	height:											100%;
	vertical-align:					        		top;
}


TD.ContentRightCell
{
	width:											100px;
	height:											100%;
	border-left-style:		            			solid;
	border-left-color:				            	#ffafb9;
	border-left-width:				            	thin;
	padding:										8px;
	vertical-align:					        		top;
}
TD.ContentRightCell P
{
	font-size:									10px;
}


P.SidebarTitle
{
	font-weight:						    		bold;
	font-size:							    		16px;
	color:											#6e0023;
	text-align:							       		center;
}


/*
 *  Cancellation box
 */

P.CancellationRow
{
	font-size:									10px;
}

SPAN.SessionStatusOn
{
	color:											#00ff00;
}

SPAN.SessionStatusCancelled
{
	color:											#ff0000;
	font-weight:								bold;
}


/*
 *  Weather box
 */

P.WeatherTitle
{
	font-size:									8px;
	font-weight:								bold;
}


P.WeatherContent
{
	font-size:									8px;
}


/*
 *  News
 */

TD.NewsTitle
{
	font-weight:								bold;
	text-align:									right;
	vertical-align:							top;
	white-space:								nowrap;
}


TD.NewsSpacer
{
	width:											8px;
}


TD.NewsValue
{
	padding-bottom:							8px;
}



/*
 *  Datagrid styles.
 */

TABLE.GridTable
{
	/*width:										400px;*/
}

TR.GridHeader A, TR.GridHeader A:visited, TR.GridHeader A:active
{
	background-color:						#ffffff;
	color:											#ff0000;
}

TABLE.GridTable TH
{
	padding-left:								8px;
	padding-right:							8px;
}

TR.GridHeader A:hover
{
	background-color:						#ffdfdf;
	color:											#ff0000;
}

TR.GridRow1
{
	background-color:						#dfdfff;
}

TR.GridRow2
{
	background-color:						#efefff;
}

IMG.GridSortImage
{
	border-style:								none;
}

TD.TextCell
{
	text-align:									left;
	padding-left:								8px;
	padding-right:							8px;
}

TD.NumericCell
{
	text-align:									right;
	padding-left:								8px;
	padding-right:							8px;
}

INPUT.NewButton
{
	background-color:						#cfcfff;
}

INPUT.DeleteButton
{
	background-color:						#cfcfff;
}

TR.FilterRowStyle
{
}

INPUT.TextBoxStyle
{
	width:											96%;
}

SELECT.DropdownStyle
{
	width:											96%;
}

INPUT.FilterButtonStyle
{
	background-color:						#cfcfff;
}

INPUT.SaveButton
{
	background-color:						#cfcfff;
}



/*
 *  This is for the admin screens.
 */

TABLE.AdminScreenTable
{
	width:											100%;
	background-color:								#ffffff;
}

TD.AdminNavigation
{
	background-color:								#dda921;
	color:											#ffffff;
	width:											100px;
	vertical-align:									top;
	padding:										10px;
}

TD.AdminNavigation A
{
	background-color:								#dda921;
	color:											#ffffff;
	width:											100px;
	text-decoration:								none;
}

TD.AdminNavigation A:active
{
	background-color:								#dda921;
	color:											#ffffff;
	width:											100px;
	text-decoration:								none;
}

TD.AdminNavigation A:visited
{
	background-color:								#dda921;
	color:											#ffffff;
	width:											100px;
	text-decoration:								none;
}

TD.AdminNavigation A:hover
{
	background-color:								#dda921;
	color:											#ffff7f;
	width:											100px;
	text-decoration:								none;
}

TD.AdminContent
{
	padding-left:									20px;
	padding-bottom:									20px;
	vertical-align:									top;
	height:											400px;
}

TD.EditFieldName
{
	text-align:										right;
	vertical-align:									top;
}

TD.EditFieldValue
{
	vertical-align:									top;
}

INPUT.EditInput
{
	width:											200px;
}

INPUT.EditMemo
{
}


SPAN.EditError
{
	color:											#ff0000;
	font-weight:									bold;
}


TABLE.AdminFileList
{
	width:											600px;
}


TH.AdminFileList
{
	padding-right:									10px;
}


TD.AdminFileList
{
	padding-right:									10px;
}


TABLE.AdminNewFile
{
}


TD.AdminNewFileLabel
{
	text-align:										right;
	font-weight:									bold;
	padding-right:									8px;
}


TD.AdminNewFileValue
{
}


/*
 *  Roster Styles
 */

TABLE.RosterTable
{
}

TR.RosterRow
{
}

TD.RosterName
{
	padding-right:										16px;
}

TD.RosterRole
{
}



/*
 *  Page Footer
 */

TABLE.Footer
{
	width:												100%;
	height:												60px;
}

TD.FooterContent
{
	text-align:											center;
}

TD.FooterContent A:hover
{
	text-decoration:									none;
}

IMG.Footer
{
	border-style:										none;
}



/*
 *  Team Pages
 */

TABLE.TeamMainTable
{
	width:												100%;
	height:												100%
}

TD.TeamLeftCell
{
	vertical-align:								      	top;
	width:												160px;
	font-weight:										bold;
	line-height:										24px;
}

TD.TeamRightCell
{
	height:												100%;
	border-left-style:		        					solid;
	border-left-color:				    				#ffafb9;
	border-left-width:				    				thin;
	padding:											8px;
	vertical-align:					      				top;
}



/*
 *  Team Schedule Pages
 */

TABLE.TeamSchedule
{
}

TABLE.TeamSchedule TH
{
	text-align:										left;
}

TD.ScheduleDate
{
	width:												100px;
}

TD.ScheduleTime
{
	width:												100px;
}

TD.ScheduleSummary
{
	width:												200px;
}

TD.ScheduleDetails
{
	width:												100px;
}



/*
 *  This is for input forms, like the tryout registration.
 */

TABLE.InputForm
{
	width:						400px;
}


TABLE.InputForm TD.Label
{
	text-align:					right;
	width:						160px;
	padding-right:				20px;
	vertical-align:				middle;
}


TABLE.InputForm TD.Data
{
	text-align:					left;
	vertical-align:				middle;
}


INPUT.InputFormSubmit
{
	background-color:			#dda921;
}