/**********

# WiganWarriorsFans.com Main Stylesheet

**********/

html, body
	{margin:0; padding:0; 
	background: white url("../images/backgrounds/2010home.png") repeat top left fixed; 
	font-family: geneva,Helvetica,Arial,sans-serif; text-align:center; padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	}

table.outerContainer
	{margin: 0 auto; padding:0; 
	border: #400 solid 3px; background: white; text-align: left;
	min-width: 775px;
	width:80%;
	#width: expression((document.body.clientWidth < 968) ? "775px" : "80%" );
	/*table-layout: fixed; */
	} 

table.outerContainer td
	{font-size: 13px;}

table.outerContainer td.loginContainer
	{margin: 0 auto; padding: 1px 0px 0px 2px ;  
		background: black url(../images/bg_title.gif) repeat-x; color: white; height: 25px;
		font-size: 11px; width: auto;}
td.loginContainer a {color: white;}

td.titleContainer
	{background: #800 url("../images/2009Banner_Home.gif"); color: white; height: 120px; width: auto;}

td.topMenuContainer
	{margin: 0 auto; padding: 1px 0px 0px 2px ; 
		background: black url(../images/bg_title.gif) repeat-x; color: white; height: 25px; width: auto;}
td.topMenuContainer a, table td.topMenuContainer a:visited, table td.topMenuContainer a:hover {color: white;}
td.topMenuContainer td {color: white; font-size: 11px;}
	
td.menuContainer
	{margin: 0 auto; padding:0 ; width: 120px; background: white; text-align: center; vertical-align: top;
	 background: #fafafa;} 
	
	/* putting # infront of a css property means only IE can see it */
td.contentContainer
	{margin: 0 auto; padding: 10px; background: white; vertical-align: top; width: auto; color: black;}

td.contentContainerWide
	{margin: 0 auto; padding: 10px ; background: white;  vertical-align: top; width: auto; color: black;}

div.popupContentContainer
	{margin: 0 auto; padding: 10px ; background: white; text-align: left; margin-left: 5px; margin-right: 5px; border: 1px solid black;
	color: black;}

td.rightMarginContainer
	{margin: 0 auto; padding: 10px 5px 10px 5px; background: white; width: 200px; vertical-align: top; background: #fafafa;
	color: black;}

table.outerContainer td.copyrightContainer
	{margin: 0 auto; padding: 2px 10px 2px 10px; border-top: #800 solid thin; 
	background: white; font-size: 11px; text-align: center; color: #a0a0a0;}

td.acknowlContainer
	{margin: 0 auto; padding: 2px 10px 10px 10px; background: white; 
	font-size: 84%; text-align: center; color: black; text-align: center;}

tr.columnTitleRow { height: 20px; line-height: 20px; }

td.menuColumnTitle
	{ border-top: solid white 1px;
	  color: white; font-weight: bold; 
	  background: url(../images/mnuSelect.jpg) repeat-x; background-position: left;
	  padding: 0 5px 0 5px; height: 20px; }
td.centerColumnTitle
	{ border-top: solid white 1px; border-right: 1px white solid; border-left: 1px solid white; 
	  color: white; font-weight: bold; 
	  background: url(../images/mnuSelect.jpg) repeat-x; background-position: left;
	  padding: 0 5px 0 5px;  height: 20px; }
td.centerColumnTitleWide
	{ border-top: solid white 1px; border-left: 1px solid white;
	  color: white; font-weight: bold; height: 20px;
	  background: url(../images/mnuSelect.jpg) repeat-x; background-position: left;
	  padding: 0 5px 0 5px; }
td.rightColumnTitle
	{ border-top: solid white 1px; 
	  color: white; font-weight: bold; 
	  background: url(../images/mnuSelect.jpg) repeat-x; background-position: left;
  	  padding: 0 5px 0 5px;  height: 20px;}

/*site login*/

.loginText
	{padding-top: 2px;}
.loginText label a, .loginText label a:visited, .loginText label a:hover
	{color: white}
.loginText label
	{float: left; margin-left: 10px; padding-top: 3px;}
.loginText input
	{float: left; margin-left: 5px; height: 18px; padding-top: 1px;} 

.inputUsername  { background: url("../images/input_login.gif") no-repeat; background-color: white; 
	padding: 2px 0px 0px 18px; color: #443; border: 1px solid #B0B0B0;}
.inputPassword  { background: url("../images/input_password.gif") no-repeat; background-color: white;
	padding: 2px 0px 0px 18px; color: #443; border: 1px solid #B0B0B0;}


/* form classes */


/* menu classes */
.menuTitle,
.menuItem
	{ text-align: left;}

.menuTitle
	{color: white; font-weight: bold; border-top: solid white 1px;
		background: url(../images/mnuSelect.jpg) repeat-x; background-position: left;
		height: 20px; padding-left: 5px; padding-right: 5px;}

.menuItem
	{ background:url(../styles/home/theme/images/cell.gif) repeat-x; background-position: left;
	font-size: 84%; padding: 0; text-align: left; padding-left: 5px;}

.menuItem a	{text-decoration:none; color: darkred; display: block; border-right: 0px; padding: 3px 5px 3px 5px;}
.menuItem a:hover {border-right: darkred solid 5px; padding-right: 0px;}

.menuTop
	{ border-right: 1px solid black; float: left; padding: 0px 10px 0 10px; }
.menuTop a, .menuTop a:visited {text-decoration:none; color: white;}
.menuTop a:hover {text-decoration:underline; color: white;}


/* donation classes */

.donation
	{ float: right; padding: 19px 10px 0px 0px; width: 360px; text-align: right; color: white; font-size: 70%;}
.donation a, .donation a:hover, .donation a:visited
	{ color: white; }

/* sponsoring classes */

.sponsoring 
	{ float:left; width: 300px; margin-top: 21px; text-align:right; color: white; font-weight: bold; }
.sponsoring a, .sponsoring a:hover, .sponsoring a:visited
	{ color: white; text-decoration: none;}

/* match icons */

.matchicon
	{color: white;}
.matchicon a, .matchicon a:hover, .matchicon a:visited
	{ color: white;}

/* links */

a
	{color: darkred;}

a.moderate 
	{font-weight: bold;}

.moderator
	{font-weight: bold; color: darkblue; }

.administrator
	{font-weight: bold; color: orange; }

/* content classes */

.contentTitle
	{font-size:110%; font-weight: bold;}

.contentTitle a
	{text-decoration: none; color: black;}

.contentSubTitle
	{font-size:105%; font-weight: bold;}

.contentInfo
	{color:#999999; font-size:84%; }

.contentBody
	{}

.contentImage 
	{ float: right; padding: 0 0 0 5px; text-align: center; font-size: 84%; font-style: italic;}

.contentActions
	{font-size:84%; font-weight: normal; text-align: right; 
	border: 1px solid #B0B0B0;  background:url(../styles/home/theme/images/cell.gif) repeat-x; color: #666666; padding: 2px 5px 2px 5px;
	background-color: #f8f8f8; margin-top: 5px;
}

/* content snip classes */
.contentSnipTitle
	{font-size:105%; font-weight: bold; padding-bottom: 0px; margin-bottom: 3px;}

.contentSnipTitle a
	{text-decoration: none; color: black;}

.contentSnipTitleNew
	{font-size:105%; font-weight: bold; color:darkred; background-color: #ffcccc;
	padding-top: 5px; padding-bottom: 5px; margin-bottom: 0px; border-top: 1px solid darkred;
	}
.contentSnipTitleNew:before { content: "[NEW] "; }

.contentSnipTitleNew a
	{text-decoration: none; color: darkred;}

.contentSnipImage
	{float: left; width: 20; margin:12px 5px 0 10px; }

.contentSnipBody
	{}

.contentSnipInfo
	{color:#999999; font-size:84%; }

.contentSnipBodyImage
	{float: right; margin: 10px 10px 0 10px;}

/* content table classes */
table.contentTable
	{padding: 3px 5px; font-size: 100%;}
table.contentTable td
	{font-size: 13px;}
table.contentTable th
	{font-size: 13px;font-weight: bold;}
table.contentTable td.label
	{width: 100px; text-align:right; font-weight: bold; vertical-align: top;}



/* related content classes */

.contentRelatedTitle
	{font-size:84%; font-weight: bold;}

/* right margin classes */

.rmTitle
	{font-size: 100%; font-weight: bold;
	 padding-bottom: 0px; margin-bottom: 3px;}

.rmBody
	{font-size: 84%;}

.divider
	{background: #aaaaaa; margin-top: 5px;}

/* form classes */

input {
	color: black;
}
textarea {
	color: black;
}

select {
	color: darkred;
}

input.button {
	font-family: 'Trebuchet MS','Arial';
	border: solid thin darkred;
	padding: 1px 5px 1px 5px;
	background: #fff0f0;
	font-size: 84%;
}

input.submit {
	font-family: 'Trebuchet MS','Arial';
	border: solid 2px darkred;
	padding: 1px 5px 1px 5px;
	background: #fff0f0;
	font-size: 84%;
}

fieldset {
  border: 0px;
}

fieldset div.notes {
  float: right;
  width: 158px;
  margin: 0 0 10px 10px;
  padding: 0 5px 5px 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 84%;
}

fieldset div.instructions {
  padding: 5px;
  margin-bottom: 10px;
  background-color: #ffffe1;
  color: #666666;
}

fieldset div.notes h4, fieldset div.instructions h4 {
  background-image: url("../images/icon_info.gif");
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  padding: 2px 0 5px 27px;
  #padding-top: 5px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 100%;
}

fieldset div label {
  display: block;
  float: left;
  width: 100px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
  font-size: 84%;
}

fieldset div.optional label, label.optional {
  font-weight: normal;
}

fieldset div.required label, label.required {
  font-weight: bold;
}

fieldset div label.labelCheckbox, fieldset div label.labelRadio {
  float: none;
  display: block;
  width: 140px;
  height: 1%;
  padding: 0;
  margin: 0 0 5px 112px;
  text-align: left;
}

fieldset div small {
  display: block;
  margin: 0 0 5px 112px;
  padding: 1px 3px;
  font-size: 84%;
}

fieldset div label input.inputCheckbox, fieldset div label input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
}

fieldset div.submit {
	text-align: center;
}

fieldset div input.inputSubmit, fieldset div input.inputButton, input.inputSubmit, input.inputButton {
	font-family: 'Trebuchet MS','Arial';
	font-size: 84%;
	background: #ffe0e0;
	color: darkred;
	border: solid thin darkred;
}

p.error {
  background-color: #ffe1e1;
  background-image: url("../images/required_bg.gif");
  background-repeat: no-repeat;
  background-position: top left;
  color: black;
  border: 1px solid red;
  padding: 0 0 0 5px;
  margin: auto 20px;
  font-size: 90%;
  width: 420px;
}

div.error {
  background-color: #ffe1e1;
  background-image: url("../images/icon_error.gif");
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: black;
  padding: 3px 3px 5px 27px;
  border: 1px solid red;
  font-size: 90%;
  margin: 0 0 5px 10px;
}

div.warning {
  background-color: #ffffe1;
  background-image: url("../images/icon_error.gif");
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: black;
  padding: 3px 3px 5px 27px;
  border: 1px solid #dddd00;
  font-size: 90%;
  margin: 0 0 5px 10px;
}


/* history highlighting */

SPAN.unchanged { }

SPAN.diff_minus {
	color: red;
	font-weight: bold;
}

SPAN.diff_plus {
	color: green;
	font-style: italic;
	font-weight: bold;
}

/* League table classes */

.ltrh {
	text-align: left;
}

.ltrr {
	font-size: 8pt;
	text-align: right;
}

.ltablehi, .ltablehi TD, .ltablehi TH {
	border-top: solid 1px red;
	border-bottom: solid 1px red;
	background: #ffcccc;
}

.ltablelo, .ltablelo TD, .ltablelo TH {
	border-top: solid 1px #444444;
	border-bottom: solid 1px #444444;
	background: #bbbbbb;
}


/*  Injuries */

.injuryclass0 {
	background: #ff8888;
	border-top: solid 2px red;
	border-bottom: solid 2px red;
}

.injuryclass1 {
	background: #ff8a8a;
	border-top: solid 2px red;
	border-bottom: solid 2px red;
}

.injuryclass2 {
	background: #ff9898;
	border-top: solid 2px red;
	border-bottom: solid 2px red;
}

.injuryclass3 {
	background: #ff9a9a;
	border-top: solid 2px #ff2222;
	border-bottom: solid 2px #ff2222;
}

.injuryclass4 {
	background: #ffa8a8;
	border-top: solid 2px #ff2222;
	border-bottom: solid 2px #ff2222;
}

.injuryclass5 {
	background: #ffaaaa;
	border-top: solid 2px #ff4444;
	border-bottom: solid 2px #ff4444;
}

.injuryclass6 {
	background: #ffb8b8;
	border-top: solid 2px #ff4444;
	border-bottom: solid 2px #ff4444;
}

.injuryclass7 {
	background: #eec0c0;
	border-top: solid 2px #cc8888;
	border-bottom: solid 2px #cc8888;
}

.injuryclass8 {
	background: #e0cccc;
	border-top: solid 2px #bba0a0;
	border-bottom: solid 2px #bba0a0;
}

.injuryclass9 {
	background: #d8d0d0;
	border-top: solid 2px #b8aaaa;
	border-bottom: solid 2px #b8aaaa;
}

.injuryclass10 {
	background: #dddddd;
	border-top: solid 2px #aaaaaa;
	border-bottom: solid 2px #aaaaaa;
}

SPAN.injuryhighlight {
	background: #ffaaaa;
	color: white;
	font-weight: bold;
}