body {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color:#DADADA; margin:0;font-size: 11px;}
	
	p, td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
	
	a, a:link, a:active, a:visited {
		text-decoration:none; color: #6D7DBF;
		}
		
	a:hover {text-decoration:underline;}
	
	.secondary {background-color:#000000;}
	
	
	.primary {background-color:#21428F;}
	
	
	.logintext {font-size: 11px; font-family:Verdana; text-decoration:none; color: #ffffff;}
	
	.logintext a,.logintext a:link, .logintext a:active, .logintext a:visited {
		font-size: 11px; font-family:Verdana; text-decoration:none; color: #ffffff;}
		
	.logintext a:hover {	
	font-size: 11px; font-family:Verdana; text-decoration:underline; color: #ffffff;}
	
	.companyname {color:#21428F; font-size:20px; font-family:verdana;}
	
	.footer{color:#ffffff; font-size:12px;}
	
	.footer a,.footer a:link, .footer a:active, .footer a:visited {
		font-size:12px;text-decoration:none; color: #ffffff;}
		
	.footer a:hover {	
	font-size:12px;text-decoration:underline; color: #ffffff;}
	
	
	td.formHeaders {
		background-color: #312F2F;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight:bold;
		color:#ffffff;
		}
	
	
	
	 .playerPic {
		background-color:#312F2F;
		font-family:Verdana, Arial, Times New Roman;
		font-size:11pt;
		font-weight:Bold;
		color:#ffffff;
		padding: 5;
		}	
	
	
	.lines{
		border-top:2px solid #21428F;
		border-bottom:2px solid #21428F;
		}
	
		
	.ledgendgameColor {
		background-color:#21428F;
		font-size:8pt;
		color:#ffffff;
		}		
	.ledgendpracticeColor {
		background-color:#AAAAAA;
		font-size:8pt;
		color:#741519;
		}
		
	.ledgendeventColor {
		background-color:#808CCD;
		font-size:8pt;
		color:#000000;
		}
	
	
	
		
	
	
	
	
	/*  MENU LAYOUT */
	
	
	/* All <ul> tags in the menu including the first level */
	.menulist, .menulist ul {
	 margin: 1px;
	 padding: 1px;
	 width: 140px;
	 list-style: none;
	 border-style:none;
	 font-family:verdana; 
	 font-size:11px; 
	 font-weight:bold;
	
	}
	
	/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
	.menulist ul {
	 visibility: hidden;
	 position: absolute;
	 top: 0;
	 left: 138px;
	}
	
	/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
	.menulist li {
	 position: relative;
	}
	
	/* Links inside the menu */
	.menulist a,.menulist a:link, .menulist a:active, .menulist a:visited {
	 display: block;
	 padding: 3px 4px 3px 27px;
	 color: #ffffff;
	 background-color:#21428F;
	 text-decoration: none;
	 border: 0px solid transparent;
	 background-repeat: no-repeat;
	}
	/* IE fix because it doesn't support transparent borders */
	* html .menulist a {
	 border: none;
	 margin: 1px;
	}
	
	/*
	 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
	 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
	 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
	*/
	.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	 color: #ffffff;
	 padding: 3px 4px 3px 27px;
	 border: 0px solid #ADF;
	 margin: 1px;
	
	}
	.menulist a.highlighted {
	 color: #ffffff;
	 border: 0px solid #CDE;
	 margin: 1px;
	}
	
	
	/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
	.menulist a .subind {
	 float: right;
	}
	
	/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
	* html .menulist li {
	 float: left;
	 height: 1%;
	}
	* html .menulist a {
	 height: 1%;
	}
	/* End Hack */
	
	
	

/** Common **/
.playerNumber {
	font-family:Arial, Times New Roman;
	font-size:16pt;
	font-weight:Bold;
	color:#ffffff;
}	

/*	td.formLabels {
		background-color: #F4F4F4;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight:bold;
		color:#000000;
	}
	
	td.formFields {
		background-color: #EAEAEA;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#000000;
	}
	*/
	
	/* Table border */		
	/*.tableOutline {
		border-left: 1px solid #999999;
		border-top: 1px solid #999999;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #999999;
		background-color: #ffffff;
	}*/
	
	.header {
		FONT-WEIGHT: bold; 
		FONT-SIZE: 16pt; 
		COLOR: #000000; 
		FONT-FAMILY: Verdana, Arial, "sans-serif"; 
		TEXT-DECORATION: none; 
		height: 35px; 
		vertical-align: bottom; 
		PADDING-top: 5px;
	}
	
	/*.darkrow {
		background-color: #f5f5f5;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#000000;
	}
	
	.lightrow {
		background-color: #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#000000;
	}*/
	
	.ledgendnoeventColor {
		background-color:#F4F4F4;
		font-family:Verdana, Arial, Times New Roman;
		font-size:8pt;
		color:#000000;
	}
	
	.bare {
		margin:0px;
		padding:0px;
		border:0px;
	}


/** This is new CSS that Jessie wants to test */

td.formLabels {
 background-color: #F4F4F4;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px; font-weight:bold;
 color:#000000;
 border: 1px solid #cccccc;
 }
 
td.formFields {
 background-color: #EAEAEA;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px; color:#000000;
 padding: 5px 5px 5px 5px; 
 }
 
.darkrow {
  background-color: #e8e8e8;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#000000; 
 }
 
 
.lightrow {
 background-color: #f5f5f5;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#000000;  
 }
 
table#tableOutline {
 border-left: 0px;
 border-top: 0px;
 border-right: 0px;
 border-bottom: 0px;
 background-color: #ffffff;
 width: 560px;
 }
 
 
table#tableOutline td {
    padding: 5px;
 
 }
  
.darkrow td, .lightrow td {
	padding: 3px 5px;
} 
 
 
/* Inset 3D Raised */
.raised {
	background: transparent;
	width:40%;
}
.raised p {
	margin:0px 10px;
	padding-bottom:0.5em;
}


.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#f4f4f4; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#f4f4f4; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#f4f4f4; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#f4f4f4; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#f4f4f4; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#f4f4f4; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#f4f4f4; border-left:1px solid #fff; border-right:1px solid #999;}

/* End 3D Raised */