@media screen, print
{
	table
	{
		page-break-inside:	avoid;
		margin-left:		auto;
		margin-right:		auto;
		background:			white;
		border-collapse:	collapse;
	}
	
	.standard_font
	{
		font-family:		verdana, sans-serif; 
		font-size:			7pt;
	}
	
	.rotate_90
	{
		transform: rotate ( -90deg );
	}
	
	.hidden
	{
		display:			none;
		visibility:			hidden;
	}
	
	.no_decoration
	{
		text-decoration:	none;
	}
	
	.center
	{
/*		display:			block;		/*	This breaks the banner	*/
		margin-left:		auto;
		margin-right:		auto;
	}
	
	.text_align_center
	{
		text-align:			center;
	}
	
	.text_top_center
	{
		vertical-align:		top;
		text-align:			center;
	}
	
	.text_middle_center
	{
		vertical-align:		middle;
		text-align:			center;
	}
	
	.text_top_left
	{
		vertical-align:		top;
		text-align:			left;
	}
	
	.text_top_right
	{
		vertical-align:		top;
		text-align:			right;
	}
	
	.text_middle_left
	{
		vertical-align:		middle;
		text-align:			left;
	}
	
	.light_blue
	{
		background:			rgb(204,230,255);
		border:				thin solid black; 
		border-width:		thin; 
	} 

	.innerBox_light_blue_noShadow
	{
		background:			rgb(204,230,255);
		border:				thin solid black; 
		border-width:		thin; 
		width:				92% ;
		margin-left:		auto;
		margin-right:		auto;
	} 

	.light_red
	{
		background:			rgb(255,204,204);
		border:				thin solid black; 
		border-width:		thin; 
	} 

	.red
	{
		background:			red;
		color:				white;
		border:				none; 
		border-width:		thin; 
	} 

	.light_yellow
	{ 
		background:			rgb(255,255,204);
	} 

	.light_green
	{ 
		background:			rgb(204,255,204);
	} 

	.light_silver
	{
		background:			rgb(240,240,240);
	} 

	.color_black
	{
		background:			black; 
		color:				white;
		padding:			2px; 
	} 

	.color_grey
	{
		background:			grey; 
		color:				white;
		padding:			2px; 
	} 

	.color_menu
	{
		background:			#0272A7; 
		color:				white;
		padding:			2px; 
		border:				none;
		font-weight:		bold;
	} 
	
	.color_blue
	{
		background:			#0272A7; 
		color:				white;
		padding:			2px; 
	} 

	.color_blue_inner_banner
	{
		background:			#0272A7; 
		color:				white;
		font-family:		Campbell, SignPainter, sans-serif;
		font-weight:		bold;
		font-size:			14pt;
		padding:			2px; 
	} 

	.color_gray
	{
		background:			gray; 
		color:				white;
		padding:			2px; 
	} 

	.color_silver
	{
		background:			rgb(204,204,204); 
		color:				black;
		padding:			2px; 
	} 

	.color_black
	{
		background:			black; 
		color:				white;
		padding:			2px; 
	} 

	.color_pale_blue
	{
		background:			rgb(188,224,253);
		color:				black;
		padding:			2px; 
	}
	
	input[type="date"]:before
	{
		content:		attr(placeholder);
		color:			#aaa;
		margin-right:	0.5em;
	}
	input[type="date"]:focus:before, input[type="date"]:valid:before
	{
		content: "";
	}
  
	input[type="time"]:before
	{
		content:		attr(placeholder);
		color:			#aaa;
		margin-right:	0.5em;
	}
	input[type="time"]:focus:before, input[type="time"]:valid:before
	{
		content: "";
	}
  
	form
	{
		margin-left:			auto;
		margin-right:			auto;
		padding:				5px;
	}

	fieldset.smallText
	{
		font-family:			verdana, sans-serif;
		font-size:				8pt;
		font-weight:			bold;
		padding:				10px;
		width:					95% ;
		border:					thin solid blue;
	} 

	fieldset.mediumText
	{
		font-family:			verdana, sans-serif;
		font-size:				10pt;
		font-weight:			bold;
		padding:				10px;
		width:					95% ;
		border:					thin solid blue;
	} 

	.largeText
	{
		font-family:			verdana, sans-serif;
		font-size:				12pt;
		font-weight:			bold;
		padding:				10px;
		width:					95% ;
		border:					thin solid blue;
	} 

	.maroonText
	{ 
		color:					maroon;
	}
	
	.boxedShadowed
	{
		border:					1px solid black;
		box-shadow:				3px 3px 3px #888888;
	}
	
	.header
	{
		background:				#ABABAB;																
		background:				-moz-linear-gradient(top, #ABABAB, #515252);
		background:				-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ABABAB), to(#515252));
		
		border:					1px solid #2E2E2E;
		
		-moz-box-shadow:		inset 0px 0px 1px #F4F4F4;
		-webkit-box-shadow:		inset 0px 0px 1px #F4F4F4;
		box-shadow:				inset 0px 0px 1px #F4F4F4;
		color:					#EEEEEE;
	}
	
	legend
	{
		-moz-border-radius:		10px;
		-webkit-border-radius:	10px;
		border-radius:			10px;
		
		background:				#ABABAB;																
		background:				-moz-linear-gradient(top, #ABABAB, #515252);
		background:				-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ABABAB), to(#515252));
		
		border:					1px solid #2E2E2E;
		
		-moz-box-shadow:		inset 0px 0px 1px #F4F4F4;
		-webkit-box-shadow:		inset 0px 0px 1px #F4F4F4;
		box-shadow:				inset 0px 0px 1px #F4F4F4;
		width:					400px;
		color:					#EEEEEE;
	}
	
	h1
	{
		font-family:		verdana, sans-serif; 
		font-size:			12pt;
		text-shadow:		0.1em 0.1em silver;
		color:				white;
		margin:				0.2em; 
		padding:			5px;
	} 

	h2
	{
		font-family:		verdana, sans-serif; 
		font-size:			14pt;
		font-weight:		bold;
		text-shadow:		0.1em 0.1em silver;
		color:				red;
		margin:				0.2em; 
		padding:			5px;
	} 

	h3
	{
		font-family:		verdana, sans-serif; 
		font-size:			12pt;
		text-shadow:		0.1em 0.1em silver;
		color:				red;
		margin:				0.2em; 
		padding:			5px;
	} 

	h4
	{
		font-family:		verdana, sans-serif; 
		font-size:			12pt;
		text-shadow:		0.1em 0.1em silver;
		color:				white;
		margin:				0.2em; 
		padding:			5px;
	} 

	h5
	{
		font-family:		verdana, sans-serif; 
		margin:				0.2em; 
		padding:			5px;
	} 
	
	.text6pt
	{
		font-family:		verdana, sans-serif; 
		font-size:			6pt;
	} 

	.text7pt
	{
		font-family:		verdana, sans-serif; 
		font-size:			7pt;
	} 

	.smallText
	{
		font-family:		verdana, sans-serif; 
		font-size:			8pt;
	} 

	.text_9pt
	{
		font-family:		verdana, sans-serif; 
		font-size:			9pt;
	} 

	.mediumText
	{
		font-family:		verdana, sans-serif; 
		font-size:			10pt;
	} 
	
	.boldText
	{
		font-weight:		bold;
	} 
	
	.justify
	{
		text-align:			justify;
	} 
	
	.stdPaddingMargin
	{
		padding:			5px 0.2em 5px 2.0em;
		margin-left:		0.2em;
		margin-right:		0.2em;
	}
	
	.upper_roman
	{
		list-style-type:	upper-roman;
	} 
	
	.upper_alpha
	{
		list-style-type:	upper-alpha;
	} 
	
	.lower_roman
	{
		list-style-type:	lower-roman;
	} 
	
	.lower_alpha
	{
		list-style-type:	lower-alpha;
	} 
	
	.decimal
	{
		list-style-type:	decimal;
	} 
	
	.nowrap
	{
		white-space:		nowrap;
	}
	
	pre
	{
		font-family:		monaco;
		font-size:			9pt;
		tab-size:			4;
	}
	
	.std_padding
	{
		padding:	1.0em;
	}
	
	.small_padding
	{
		padding:	0.2em;
	}
	
	.narrow_padding
	{
		padding:		4px 4px 4px 4px;
	}
	
	.wide_padding
	{
		padding:	2.0em;
	}
	
	.super_wide_padding
	{
		padding:	5.0px;
	}
	
	p
	{
		text-align:			justify;
		width:				96%;
		margin-left:		auto;
		margin-right:		auto;
		padding:			5px 5px 5px 5px;
	}
	
	.borderless
	{
		border:				none;
	}
	
	.black_border
	{
		border:				thin solid black;
	}
	
	.white_border
	{
		border:				thin solid white;
	}
	
	.silver_border
	{
		border:				thin solid silver;
	}
	
	.white_border_a
	{
		border-left:		thin solid white;
		border-bottom:		thin solid white;
		border-right:		thin solid white;
		border-top:			thin solid black;
	}
	
	.white_border_b
	{
		border-left:		thin solid white;
		border-bottom:		thin solid black;
		border-right:		thin solid white;
		border-top:			thin solid white;
	}
	
	.black_border_thick_left
	{
		border-left:		3px solid black;
		border-bottom:		thin solid black;
		border-right:		thin solid black;
		border-top:			thin solid black;
	}
	
	.white_border_thick_left
	{
		border-left:		3px solid black;
		border-bottom:		thin solid white;
		border-right:		thin solid white;
		border-top:			thin solid white;
	}
	
	.white_border_thick_left_a
	{
		border-left:		3px solid black;
		border-bottom:		thin solid white;
		border-right:		thin solid white;
		border-top:			thin solid black;
	}
	
	.white_border_thick_left_b
	{
		border-left:		3px solid black;
		border-bottom:		thin solid black;
		border-right:		thin solid white;
		border-top:			thin solid white;
	}
	
	.white_border_thick_left_c
	{
		border-left:		3px solid black;
		border-bottom:		thin solid black;
		border-right:		thin solid white;
		border-top:			thin solid white;
	}
	
}

@media screen
{
	body
	{
		text-align:			justify;
		font-family:		verdana, sans-serif; 
		font-size:			9pt;
	}

	body.rosterLayout
	{
		text-align:			justify;
		font-family:		verdana, sans-serif; 
		font-size:			9pt;
	}

	table
	{
		margin-left:		auto;
		margin-right:		auto;
		background:			white;
		border-collapse:	collapse;
	}

	.portrait
	{
		min-width:			800px;
		width:				98%;
	}
	
	.landscape
	{
		min-width:			800px;
		width:				98%;
	}
	
	.extended-landscape
	{
		min-width:			1600px;
		width:				98%;
		padding:			10px;
	}
	
	.boxNoBorder
	{
		border:				none; 
		margin-left:		auto;
		margin-right:		auto;
		padding:			2px;
	} 

	.boxNoBorderBreakBefore
	{
		border:				none; 
		border-color:		blue; 
		border-width:		thin; 
		margin-left:		auto;
		margin-right:		auto;
		margin-bottom:		1px;
		padding:			2px;
	} 

	div.webOnly
	{
		display:			inline;
	} 
	
	div.printOnly
	{
		display:			none;
	} 
}

@media print
{
	html
	{
		height:				auto;
	}
	
	body
	{
		text-align:			justify;
		font-family:		verdana, sans-serif; 
		font-size:			9pt;
	}

	body.rosterLayout
	{
		min-width:			730px;
		height:				auto;
		margin-left:		auto;
		margin-right:		auto;
		padding:			5px;
		transform:			scale(.7);
	}

	.portrait
	{
		width:				728px;
	}
	
	.landscape
	{
		width:				98%;
	}
	
	.extended-landscape
	{
		min-width:			1600px;
		width:				98%;
		padding:			10px;
	}
	
	.boxNoBorder
	{
		border:				none; 
		border-width:		thin; 
		margin-left:		auto;
		margin-right:		auto;
		padding:			2px;
	} 

	.boxNoBorderBreakBefore
	{
		border:				none; 
		border-width:		thin; 
		margin-left:		auto;
		margin-right:		auto;
		padding:			2px;
		page-break-before:	always;
	} 

	div.webOnly
	{
		display:			none;
	} 

	div.printOnly
	{
		display:			inline;
	} 
	
}