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;
}

/* Photo Gallery */

.gallery a,.gallery a:link, .gallery a:active, .gallery a:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, "sans-serif";
	TEXT-DECORATION: none;
	PADDING-top: 5px ;
}

.gallery a:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, "sans-serif";
	TEXT-DECORATION: none;
	PADDING-top: 5px;
	text-decoration: underline;
}
.albumhorizontal {
	background: url(http://images.soccerzone.biz/common/album_horizontal.gif);
	background-repeat: no-repeat;
	background-positoin: center center;
	padding: 20px;
}

.albumvertical {
	float:center;
	background: url(http://images.soccerzone.biz/common/album_vertical.gif) no-repeat;
	padding: 20px;
}
.photo{
	border: 1px solid #a9a9a9;
	padding: 3px;
	margin: 3px;
	FONT-SIZE: 11pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, "sans-serif";
	float:left;
}

.photoh2 {
	FONT-FAMILY: Verdana, Arial, "sans-serif";
}

/* 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 */