* {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    outline:none;
}

body {
	background: #cae0ed url(../img/generic_bg.gif) repeat-x;
	overflow: -moz-scrollbars-vertical; 
}

div.clearAll {
	clear: both;
}

/* @group header */

div#pageHeader {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
	height: 100px;
	background: url(../img/header_bg.png) no-repeat;
}

#pageHeader h1 a {
	background: url(../img/bw_logo.png) no-repeat;
	overflow: hidden;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 100px;
	height: 0px;
	width: 274px;
	float: left;
}

#pageHeader h2 {
	font-size: 12px;
	text-indent: -9999px;
}

a#logInButton {
	width: 24px;
	height: 28px;
	font-size: 10px;
	display: block;
	background: url(../img/secureLogIn_button_05.gif) no-repeat;
	text-indent: -9999px;
	position: relative;
	float: right;
	right: 12px;
}

#pageHeader a.adminButton {
	float: right;
	display: block;
	clear: right;
	font-size: 10px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
	position: relative;
	right: 12px;
	bottom: 10px;
}

#pageHeader a.adminButton:hover {
	border: 1px solid #666;
	background-color: white;
	padding: 4px;
}

div#logInBox {
	float: right;
	width: 185px;
	padding: 6px;
	background-color: white;
	position: relative;
	border: 1px solid #00CC00;
	right: -87px;
	top: 27px;
	text-align: center;
}

#logInBox p
{
	float: left;
	clear: both;
	margin-top: 3px;
}

#logInBox label 
{
	font-weight: bold;
	color: #666666;
	font-size: 11px;
	text-align: right;
	width: 70px;
	margin-bottom: 5px;
	float: left;
	margin-right: 5px;
}

#logInBox input.loginSubmitButton
{
	margin-top: 5px;
	margin-left: 80px;
	margin-bottom: 5px;
	padding: 5px;
}

/* @end */

/* @group page container */

div#pageContainer {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 12px;
	padding-left: 12px;
	background: url(../img/canvas_bg.png) repeat-y;
}

div#contentArea {
	float: left;
	width: 540px;
	padding-top: 12px;
	padding-bottom: 12px;
}

div#contentAreaWide {
	float: left;
	width: 790px;
	padding-top: 12px;
	padding-bottom: 12px;
}

#contentArea h1, #contentAreaWide h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #339933;
	font-size: 22px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	/*border-bottom: 1px solid #339933;*/
}

#contentArea h2, #contentAreaWide h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #339933;
	font-size: 18px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#contentArea h3, #contentAreaWide h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #339933;
	font-size: 16px;
	padding-bottom: 3px;
}

#contentArea h4, #contentAreaWide h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 14px;
	padding-bottom: 3px;
}

#contentArea p, #contentAreaWide p {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	padding-bottom: 10px;
}

#contentArea a, #contentAreaWide a {
	color: black;
	font-weight: bold;
	text-decoration: underline;
	position: relative;
}

#contentArea a:hover, #contentAreaWide a:hover {
	color: #339933;
}

#contentArea ul, #contentAreaWide ul {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	list-style-type: square;
	padding-left: 20px;
	padding-bottom: 10px;
}

div#msArea {
	width: 540px;
	height: 293px;
	background-color: silver;
	margin-bottom: 12px;
}

div#rightColumn {
	width: 238px;
	float: right;
	padding: 12px;
}

/* @group form */

#contactForm legend {
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

#adminForm legend {
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

fieldset#contactForm {
	background: #c2e1f0 url(../img/form_bg.gif) repeat-x 0 -2px;
}

div.contactFormColumn {
	width: 513px;
	float: left;
	font-size: 11px;
	color: #666666;
	margin: 10px 0 10px 10px;
}

div.contactFormColumn label, #adminForm label {
	font-size: 11px;
	color: #666666;
	width: 195px;
	float: left;
	text-align: right;
	margin-right: 10px;
	margin-top: 3px;
	margin-bottom: 10px;
	background-color: transparent;
}

div.contactFormColumn label.requiredField {
	font-weight: bold;
	color: red;
}

div.contactFormColumn input {
	width: 145px;
	float: left;
	font-size: 14px;
	margin-bottom: 10px;
	position: relative;
}

textarea {
	position: relative;
}

#formSubmit input {
	position: relative;
}

#contactForm p.labelNote {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 260px;
	display: block;
	clear: left;
	font-size: 11px;
	color: red;
	font-weight: bold;
}

div#formSubmit {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 130px;
	display: block;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}



/* @end */

/* @group home feed */

#tabs div
{
	padding-bottom: 5px;
}

div.homeFeed {
}

.homeFeed p
{
	font-size: 11px;
	color: #666666;
}

.homeFeed h3 {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 11px;
	text-transform: uppercase; 
	color: #3a943e;
	padding-top: 6px;
	padding-left: 6px;
}

.homeFeed ul {
	list-style-type: none;
	padding-left: 6px;
	padding-right: 6px;
}

.homeFeed ul li
{
	margin-top: 10px;
}

.homeFeed ul li a {
	font-size: 10px;
	color: #1a63ac;
	text-decoration: none;
	font-weight: bold;
	display: block;
	line-height: 14px;
	padding-bottom: 2px;
	position: relative;
}

.homeFeed ul li a:hover {
	text-decoration: underline;
}

.homeFeed ul li span {
	display: block;
	color: #666;
	font-size: 10px;
	line-height: 11px;
	clear: left;
}


.homeFeed ul li a.fixture
{
	display: inline-block;
}

.homeFeed ul li p.vs
{
	color: #000000;
}

/* @end */

/* @group image box */

div.imgBox {
	background: #c1dfc5 url(../img/img_box_bg.gif) repeat-x;
	padding: 5px;
	border: 1px solid #339933;
	margin-bottom: 12px;
	text-align: center;
	position: relative;
}

#rightColumn div.imgBox p.imgCaption {
	font-size: 11px;
	color: #339933;
	padding-top: 2px;
}

div.imgBoxAlt {
	background: #ADD4FF url(../img/img_box_bg_blue.gif) repeat-x;
	padding: 5px;
	border: 1px solid #1E6AC1;
	margin-bottom: 12px;
	text-align: center;
	position: relative;
}

#rightColumn div.imgBoxAlt p.imgCaption {
	font-size: 11px;
	color: #1E6AC1;
	padding-top: 2px;
}


/* @end */

/* @group sponsor box */

div#sponsorBox {
	width: 784px;
	border-top: 1px solid #999;
	height: 54px;
	margin-left: 172px;
	padding-top: 15px;
	padding-left: 4px;
	padding-right: 2px;
}

#sponsorBox ul {
	list-style-type: none;
}

#sponsorBox ul li {
	float: left;
}

#sponsorBox ul li a {
	width: 194px;
	height: 50px;
	display: block;
	font-size: 10px;
	text-indent: -9999px;
	margin-right: 2px;
	position: relative;
}

a#sponsor1 {
	background-image: url(../img/sponsor01.jpg);
}

a#sponsor2 {
	background-image: url(../img/sponsor02.jpg);
}

a#sponsor3 {
	background-image: url(../img/sponsor03.jpg);
}

a#sponsor4 {
	background-image: url(../img/sponsor04.jpg);
}

/* @end */



/* @end */

/* @group global navigation */

div#globalNav {
	width: 150px;
	padding: 12px;
	float: left;
}

#globalNav ul {
	list-style: none;
}

#globalNav ul li
{
	line-height: 14px;
}


#globalNav ul li a {
	font-size: 12px;
	color: #1a63ac;
	text-decoration: none;
	margin-left: 10px;
	position: relative;
	width: 100%;
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
}

#globalNav ul li.active {
	background-color: #eeeeee;
}

#globalNav ul li:hover {
	background-color: #1a63ac;
	color: #FFFFFF;
}

#globalNav ul li:hover a
{
	color: #FFFFFF;
}

/* @end */

/* @group page footer */

#pageFooter {
	background: url(../img/footer_bg.png) no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 976px;
	padding: 30px 12px;
}

#pageFooter p {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#pageFooter p a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

#pageFooter p a:hover {
	color: black;
	text-decoration: underline;
}

/* @end */

#wba { display: compact; }
#wsba { display: compact; }
#dev { display: compact; }
#logInBox { display: none; }

#dhtmltooltip{
position: absolute;
width: 200px;
border: 1px solid gray;
padding: 5px;
background-color: #409A44;
color: #ffffff;
visibility: hidden;
z-index: 100;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmltooltip p
{
	font-size: 11px;
}

#dhtmltooltip a{
	color: #FFFF99;
	font-weight: bold;
}

td 
{
	font-size: 12px;
	line-height: 18px;
	color: #666;
}

#newsItem {
	padding: 0px;
	margin: 5px;
	margin-left: 0px;
}

#newsItem p {
	padding: 0px 0px 10px 0px;
}

#newsHeader {
	color: #666666;
	background-color: #ddd;
	margin: 0;
	margin-bottom: 5px;
	padding: 5px;
	display: block;
	border-bottom: 1px solid #1F6AB1;
	font-size: 12px;
}

#newsText {
	margin-top: 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 16px;
}

#newsLetterItem {
	padding: 0px;
	margin: 5px;
}

#newsLetterItem p {
	padding: 0px;
}

#newsLetterHeader {
	color: #666666;
	background-color: #ddd;
	margin: 0;
	margin-bottom: 5px;
	padding: 5px;
	display: block;
	border-bottom: 1px solid #339933;
	font-size: 12px;
}

#eventItem {
	padding: 0px;
	margin: 5px;
}

#eventItem p {
	padding: 0px 0px 10px;
}

#eventHeader {
	color: #666666;
	background-color: #ddd;
	margin: 0;
	margin-bottom: 5px;
	padding: 5px;
	display: block;
	border-bottom: 1px solid #339933;
	font-size: 12px;
}

.pic_right
{
	float: right;
	padding-left: 10px;
	padding-bottom: 2px;
	position: relative;
}

.pic_left 
{
	float: left;
	padding-right: 10px;
	padding-bottom: 2px;
	position: relative;
}

#adminHeader
{
	float: right;
	background-color: #FFFFCC;
	padding: 5px;
	margin-right: 10px;
	font-size: 11px;
	border-width: 1px;
	border-color: #666666;
	border-style: solid;
}

#adminHeader p, #adminHeader ul
{
	margin-top: 3px;
}

#adminHeader a {
	font-size: 12px;
	color: black;
	font-weight: bold;
	text-decoration: underline;
}

#adminHeader a:hover {
	color: #339933;
}

#adminHeader ul
{
	list-style-type: square;
	padding-left: 20px;
}

#profile
{
	width: 500px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
	float: left;
	border-top-style: solid;
	border-top-color: #DADADA;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DADADA;
	border-bottom-width: 1px;	
}

#profile img.profile_pic
{
	float: left;
	background-color: #DADADA;
	border: 1px solid #CCCCCC;
    padding: 10px;
	margin-right: 20px;
	position: relative;
}

#admin
{
	font-size: 12px;
	color: #FF0000;
}

#admin img
{
	margin-top: 6px;
	padding: 0px;
}

#admin a 
{ 
	text-decoration:none; 
}

.admin_button {
	color: #666;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	text-decoration: none;
	background-color: #ccc;
	margin: 2px;
	padding: 5px;
	border: solid 1px black
}

.admin_button:hover {
	color: #666;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	text-decoration: none;
	background-color: white;
	margin: 2px;
	padding: 5px;
	border: solid 1px black
}

#contentArea td, #contentAreaWide td
{
	padding: 4px;
}

#errors
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border-width: 1px;
	border-style:solid;
	border-color: #FF0000;
	background-color: #FFD3D3;
	padding: 5px;
	margin-bottom: 5px;
}

.error
{
}

.sbox input 
{
	margin-top: 5px;
	border-style: none;
	width: 282px;
	height: 20px;
	background: url(../img/sbox_bg.gif) no-repeat 0 0;
	font-size: 11px;
	padding-top: 3px;
	padding-left: 10px;
	position: relative;
}

table.list
{
	width: 100%;
}

table.list td
{
	font-size: 11px;
}

td.head
{
	background-color: #1F6AB1;
	color: white;	
}

td.ori
{
	background-color: #FFFFFF;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-collapse: collapse;
*/
}

td.alt
{
	background-color: #d1e0eb;
}

td.match_report
{
	border-style: solid;
	border-color: #409A44;
	border-width: 2px;
}

#profile_table
{
	width: 500px;
}

#profile_table td
{
	padding: 0px;
	margin: 0px; 
	border-color: white;
	border-style: solid;
}

#profile_table img
{
	background-color: #DADADA;
	border: 1px solid #CCCCCC;
    padding: 10px;
	margin-right: 10px;
}

#cmsContent img
{
	padding: 5px;
}

iframe
{
 position: relative;	
}

input { position: relative; }

textarea { position: relative; }

select { position: relative; }

#preloaded_images
{
	display: none;
	visibility:hidden;
}

div.player_profile
{
	margin-top: 15px;
	font-size: 11px;
	border-style: solid;
	border-color: #7eb543;
	border-width: 2px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	text-align: center;
}

div.player_profile h3
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #7eb543;
	font-size: 14px;
	padding: 3px;
	color:#FFFFFF;
}

div.player_profile div.text
{
	padding: 5px;
}

div.player_profile p
{
	text-align: left;
}

div.player_profile label
{
	color: #666666;
}

div.player_profile img
{
	width: 146px;
	border-style: none;
	border-width: 0px;
}

div.player_profile a
{
	border-width: 0px;
	border-style: none;
}

div.player_profile p.profile_link
{
	margin-top: 5px;
	margin-bottom: 2px;
}

div.player_profile p.profile_link a
{
	color: #1a63ac;
	font-weight: bold;
	text-decoration: none;
}

div.player_profile p.profile_link a:hover
{
	text-decoration: underline;
}

div.addthis_toolbox h6
{
	font-size: 15px;
	color: #CCCCCC;
	margin-top: 10px;
	margin-bottom:8px;
}

.homeFeed ul li p span.won
{
	color: #00CC00;
	text-align: right;
}

.homeFeed ul li p span.lost
{
	color: #CC0000;
	text-align: right;
}

#dialog
{
	padding: 10px;	
}
#dialog p
{
	font-size: 12px;
	margin-bottom: 10px;	
}

#dialog a
{
	color: #7eb543;
	font-weight: bold;
}

#dialog a:hover
{
	color: #666666;
}