/* main styling for mwc08 site - borrow/steal as you wish */
/* css by toxyn */

* { padding: 0px; margin: 0px; }

body { font: 11px; margin: 0px; background: #592912; text-align: center; }

A:link    { color: #333300; text-decoration: none; }
A:visited { color: #EE0000; text-decoration: none; }
A:hover   { color: #993300; text-decoration: none; }
A:active  { color: #333; text-decoration: underline; }

img { border: 0px; }
table { border-collapse: collapse; padding: 0px; border: 0px; }
td { font: 12px; }

.small { font: 9px; }

#pageframe { position: relative; width: 900px; margin: auto; background: url(../images/s_content.jpg) repeat-y; }

/* header */
#ja-mainnav { position: relative; background: url(../images/s_header.jpg); height: 241px; z-index: 3000; }

/* menu styling */
#ja-mainnav div { 
	z-index: 3000; 
	width: 110px; 
	font: 10px/115% Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
	text-indent: 1px;
	text-align: left;
	padding: 4px;
	background: #2F4863;
	border: 1px 0px 1px 0px solid #000;
	visibility: hidden;
	display: table;
	 }
#ja-mainnav div a { border: 0px; display: block; text-decoration: none; color: #ccc; padding: 2px; }
#ja-mainnav div a:hover { background: #36739F; color: #fff; }

/*
******************  
#anylinkmenu styles are for drop down menus 
******************
*/

/* main drop down menu */
#anylinkmenu1 { position: absolute; left: 585px; top: 180px; font: 9px/110% Arial, Helvetica, sans-serif; z-index: 100; width: 40px; border: 1px outset #000000; background: #CCCCCC; color: #000000; }

/* info drop down menu */
#anylinkmenu2 { position: absolute; left: 612px; top: 180px; font: 9px/110% Arial, Helvetica, sans-serif; z-index: 100; width: 40px; border: 1px outset #000000; background: #CCCCCC; color: #000000; }

/* teams drop down menu */
#anylinkmenu3 { position: absolute; left: 660px; top: 180px; font: 9px/110% Arial, Helvetica, sans-serif; z-index: 100; width: 40px; border: 1px outset #000000; background: #CCCCCC; color: #000000; }

/* rules drop down menu */
#anylinkmenu4 { position: absolute; left: 720px; top: 180px; font: 9px/110% Arial, Helvetica, sans-serif; z-index: 100; width: 40px; border: 1px outset #000000; background: #CCCCCC; color: #000000; }

/* articles drop down */
#anylinkmenu5 { position: absolute; left: 770px; top: 180px; font: 9px/110% Arial, Helvetica, sans-serif; z-index: 100; width: 40px; border: 1px outset #000000; background: #CCCCCC; color: #000000; }

/*
****************** 
#ja-main nav a.anylinkmenu styles below are for invisi buttons only 
******************
*/

/* main invi button */
#ja-mainnav a.anylinkmenu1 { 
	position: absolute; 
	left: 595px; 
	top: 148px; 
	width: 42px; 
	height: 32px; 
	display: block; 
	padding: 4px 0; 
	text-decoration: none; 
	font: 9px bold Arial, Helvetica, sans-serif; 
	text-indent: 5px; 
	color: #000000; 
	text-align: left; 
	}

/* info invi button */
#ja-mainnav a.anylinkmenu2 { 
	position: absolute; 
	left: 640px; 
	top: 148px; 
	width: 42px; 
	height: 32px; 
	display: block; 
	padding: 4px 0; 
	text-decoration: none; 
	font: 9px bold Arial, Helvetica, sans-serif;
	text-indent: 5px;
	color: #000000; 
	text-align: left; 
	}

/* teams invi button */
#ja-mainnav a.anylinkmenu3 { 
	position: absolute; 
	left: 689px; 
	top: 148px; 
	width: 50px; 
	height: 32px; 
	display: block; 
	padding: 4px 0; 
	text-decoration: none; 
	font: 9px bold Arial, Helvetica, sans-serif; 
	text-indent: 5px; 
	color: #000000; 
	text-align: left; 
	}

/* rules invi button */
#ja-mainnav a.anylinkmenu4 { 
	position: absolute; 
	left: 745px; 
	top: 148px; 
	width: 50px; 
	height: 32px; 
	display: block; 
	padding: 4px 0; 
	text-decoration: none; 
	font: 9px bold Arial, Helvetica, sans-serif; 
	text-indent: 5px; 
	color: #000000; 
	text-align: left; 
	}

/* articles invi button */
#ja-mainnav a.anylinkmenu5 { 
	position: absolute; 
	left: 804px; 
	top: 148px; 
	width: 60px; 
	height: 30px; 
	display: block; 
	padding: 4px 0; 
	text-decoration: none; 
	font: 9px bold Arial, Helvetica, sans-serif; 
	text-indent: 5px;
	color: #000000; 
	text-align: left; 
	}

/* content areas */
#midframe { position: relative; }
.midsection { border-collapse: collapse; width: 900px; }
/* .midsection2 { border-collapse: collapse; width: 800px; margin-right: 200px; }   <-- is this being used anywhere? */

.midsection_left { width: 135px; vertical-align: top; padding: 0px; font-size: 12px; }
.midsection_content { padding: 10px 15px 50px 44px; vertical-align: top; }
.midsection_right { padding: 10px 40px 0px 0px; vertical-align: top; text-align: left; }

/* login box */
#loginpanel {  
	position: absolute; 
	top: 165px; 
	left: 241px; 
	width: 300px;
	z-index: 3000;
	text-align: center; 
	font: 10px Arial, Helvetica, sans-serif;
	color: #fff; 
	padding: 3px;
	overflow: visible;
	}
#loginpanel a { color: #ccc; text-decoration: none }
#loginpanel a:hover { color: #ddd; text-decoration: none; }
	
#footer { position: relative; text-align: center; width: 900px; height: 41px; background: url(../images/s_footer.jpg) no repeat; padding-top: 5px; }

#farbottom { text-align: left; position: relative; width: 900px; margin: auto; padding-left: 40px; font: 9px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }
#farbottom a { color: #993300; text-decoration: none;}
#farbottom a:hover { color: #333300; text-decoration: none;}
#farbottom .copyright { position: absolute; top: 0px; right: 40px; }

.imageheader { margin-bottom: 15px; margin-left: auto; margin-right: auto; display: block; }
.playerimage, .playerimage_small { display: block; text-align: left; font: 11px/120% Arial, Helvetica, sans-serif; width: 180px; border: 0px; }
.playerimage, .playerimage_small img { border: 0px; }
.playerimage_small { width: 162px; line-height: 18px; border: 0px; padding-left: 3px; }
.playerimage_small img { border: 0px; }

.datatable { border-collapse: collapse; background: #C8D7D3; width: 95%; margin: 0px 0px 20px 2px; }
.datatable td { padding: 2px; border: 1px solid #555; font: 11px/120% Arial, Helvetica, sans-serif; color: #000000; }
.datatable td a { color: #333333; }
.datatable td a:hover { color: #000000; }

.datatable .col1, .datatable .col3, .datatable .col4, .datatable .col5, .datatable .col6, .datatable .col7 { text-align: center; }
.datatable .titlerow { background: #efefef; color: #000000; font: bold 14px/120% Arial, Helvetica, sans-serif; }
.datatable .titlerow a { color: #333333; }
.datatable .titlerow a:hover { color: #000000; text-decoration: underline; }
.datatable .titlerow td { padding: 3px; }
.datatable .lastcol { width: 125px; }

/* MWC Box in the right hand column */
.midsection_right .mwcbox {
	font: 10px/120% Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border-top: 1px solid #BBBBBB;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #BBBBBB;
	background: #fff;
	position: relative;
	display:inline-block;
	margin-bottom: 15px;
}
.midsection_right .mwcbox .mwcbar { position: relative; font-weight: bold; color: #999; border-bottom: 1px solid #999; padding-bottom: 2px; }
.midsection_right .mwcbox .mwccontent { position: relative; padding: 5px; }
.midsection_right .mwcbox .mwccontent a { color: #003366; }
.midsection_right .mwcbox .mwccontent a:hover { color: #000; }
.midsection_right .mwcbox .mwccontent a:active { color: #000033; text-decoration: underline; }

/* 
** DELETE THE FOLLOWING COMMENTED STUFF OUT IF UNUSED
** ALL PAGES NEED TO BE CHECKED FOR RENDER QUALITY 

.midsection_right2 .mwcbox2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border: 1px solid #000000;
	background-color: #666633;
	position: relative; display:inline-block; 
	margin-bottom: 15px; 
}
.midsection_right2 .mwcbox2 .mwcbar2 { position: relative; font-weight: bold; border-bottom: 1px solid #000000; padding-bottom: 2px; }
.midsection_right2 .mwcbox2 .mwccontent2 {
	position: relative;
	padding: 5px;
	overflow: scroll;
}
.midsection_right2 .mwcbox2 .mwccontent2 a { color: #FFFF99; }
.midsection_right2 .mwcbox2 .mwccontent2 a:hover { color: #FFCC66; }
.midsection_right2 .mwcbox2 .mwccontent2 a:active { color: #FFCC66; text-decoration: underline; }

*/


/* ALTERNATE MWC Box in the main content area for other pages - UNUSED
 
.midsection_content2 .mwcbox2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	padding: 5px 2px;
	background-color: #c8d7d3;
	height: 600px;
	width: 85%;
	margin-left: 48px;
	position: relative; 
	display:inline-block; 
	margin-bottom: 15px; 
}
.midsection_content2 .mwcbox2 .mwcbar2 { position: relative; font-weight: bold; border-bottom: 1px solid #FFFFFF; padding-bottom: 2px; padding-left: 2px; }
.midsection_content2 .mwcbox2 .mwccontent2 {
	padding: 5px;
	overflow: scroll;
}
.midsection_content2 .mwcbox2 .mwccontent2 a { color: #FFFF99; }
.midsection_content2 .mwcbox2 .mwccontent2 a:hover { color: #FFCC66; }
.midsection_content2 .mwcbox2 .mwccontent2 a:active { color: #FFCC66; text-decoration: underline; }

*/

/* ALTERNATE CSS in the content area for PUNDIT page ONLY - UNUSED 
.midsection_content3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	padding: 5px 2px;
	width: 85%;
	margin-left: 100px;
	position: relative; display:inline-block; 
	margin-bottom: 15px; 
}
*/

/* MWC Box in the main content area for Team and Player MOD Pages ONLY - UNUSED
.midsection_content0 .mwcbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 5px 2px;
	background-color: #006699;
	overflow: visible;
	height: 90%;
	width: 660px;
	display:inline-block;
	margin-bottom: 15px;
	margin-left: 60px;
}
.midsection_content0 .mwcbox .mwcbar { position: relative; font-weight: bold; border-bottom: 1px dotted #FFFFFF; padding-bottom: 2px; padding-left: 2px; }
.midsection_content0 .mwcbox .mwccontent {
	position: relative;
	padding: 5px;
}
.midsection_content0 .mwcbox .mwccontent a { color: #CCCCCC; }
.midsection_content0 .mwcbox .mwccontent a:hover { color: #99FFFF; }
.midsection_content0 .mwcbox .mwccontent a:active { color: #99FFFF; text-decoration: underline; }

*/

/* MWC Box in the main content area for Bracket Pages ONLY - UNUSED 
.midsection_content0b .mwcbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 5px 2px;
	overflow: visible;
	height: 90%;
	width: 660px;
	display:inline-block;
	margin-bottom: 15px;
	margin-left: 60px;
}
.midsection_content0b .mwcbox .mwcbar { position: relative; font-weight: bold; border-bottom: 1px solid #FFFFFF; padding-bottom: 2px; padding-left: 2px; }
.midsection_content0b .mwcbox .mwccontent {
	position: relative;
	padding: 5px;
}
.midsection_content0b .mwcbox .mwccontent a { color: #FFFF99; }
.midsection_content0b .mwcbox .mwccontent a:hover { color: #FFCC66; }
.midsection_content0b .mwcbox .mwccontent a:active { color: #FFCC66; text-decoration: underline; }

*/


.formerrors { padding: 3px; font-size: 10px; font-family: Times New Roman; color: red; }
fieldset { margin: 2px; padding: 3px; }
label, .labeltext { width: 100px; float: left; text-align: right; padding-right: 5px; }
label.right { float: none; text-align: left; margin-left: 6px; width: auto; padding: 0px; }
.threatlabel { float: left; width: 200px; text-align: right; padding-right: 5px; }
legend { font-weight: bold; }
input, select { font-size: 11px; color: #505050; }
.submitbutton {
	font-size: 10px;
	display: block;
	margin: 10px auto;
	width: 120px;
	height: 28px;
	color: #333333;
	font: 11px/120% bold Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	border: 1px solid #999999;
}
#submitdiv { text-align: center; }

.highlight { background-color: yellow; }

.credits td { width: 200px; vertical-align: top; font-size: 12px; }
.featurecolumn { font-weight: bold; font-size: 16px; line-height: 26px; }
.featlist { margin: 0px; padding-left: 18px; }
.articleback { font-size: 10px; font-weight: normal; }

.pagelist { text-align: center; width: 100%; }

.modtable td { border: 0px; }
.changetbl { border-collapse: collapse; }
.changetbl td { font-size: 10px; border: 1px solid black; padding: 1px; }
.changeoptions { width: 80px; }

.newfeat { color: red; padding: 0px 5px; }

.scorematches {
	border-collapse: collapse;
	width: 672px;
	background-color: #D9E2DD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.scorematches .titlerow td {
	font-weight: bold;
	background-color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
.scorematches td {
	font-size: 10px;
	text-align: center;
	padding: 2px;
	border: 1px solid black;
	color: #000000;
}
.scorematches td a {
	font-size: 10px;
	color: #990000;
}
.scorematches td a:hover {
	font-size: 10px;
	color: #660000;
}

.disclaimer { font-size: 9px; font-style: italic; display: block; text-align: left; }

.resulttable { border-collapse: collapse; }
.resulttable td { font-size: 10px; padding: 1px; }
.resulttable .rating { text-align: right; }

/* MWC Box in the main content area */

.midsection_content .mwcbox {
	font: 11px/120% Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	vertical-align: top;
	padding: 5px 2px;
	background: #E2E5CF;
	overflow: visible;
	height: 90%;
	width: 95%;
	position: relative;
	display:block;
	margin: 0px 0px 15px 0px;
	border-top: 1px solid #BBBBBB;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #BBBBBB;
}

.midsection_content .mwcbox ul { text-decoration: none; }
.midsection_content .mwcbox ul li { list-style-type: square; margin-left: 30px;}
.midsection_content .mwcbox .mwcbar { position: relative; font-weight: bold; border-bottom: 1px dotted #333333; padding-bottom: 2px; padding-left: 2px; }
.midsection_content .mwcbox .mwcbar a { color: #003366; }
.midsection_content .mwcbox .mwcbar a:hover { color: #006699; }
.midsection_content .mwcbox .mwccontent { position: relative; padding: 5px; }
.midsection_content .mwcbox .mwccontent a { color: #003366; }
.midsection_content .mwcbox .mwccontent a:hover { color: #006699; }
.midsection_content .mwcbox .mwccontent a:active { color: #006699; text-decoration: underline; }