@charset "utf-8";

/* Reset - Do not edit/remove these styles */

html {
	font-size: 100%;
	font: inherit;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

:focus {
	outline: 0;
}

a:hover, a:active {
	outline: 0;
}

body {
	background: #fff;
	color: #000;
	margin: 0;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

img {
	border: 0;
	height: auto;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	vertical-align: middle;
	width: auto \9;
}

ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote, q {
	quotes: "" "";
}

strong {
	font-weight: bold;
}


/* Basic Set up */

body {
	color: #151515;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

a {
	color: #29458c;
	text-decoration: none;
}

a:hover, a:focus {
	color: #157dd3;
}

.content {width:960px; margin:0 auto; display:block; overflow:hidden; }
#header {background:#1f3878;  background:#1b326f url('/img/design/header_bg.png') repeat-x bottom;}
#body { margin-top:20px;}
#footer {background:#d6d6d6;}
#nav {background:#323234;}

.section {overflow:hidden; margin-bottom:10px;}
.bigBox {width:300px; height:250px; background:#CCC;}
.gutterTop {margin-top:20px;}

/* header styles */
#header .content { background: url('/img/design/header_overlay.png') no-repeat bottom center}

#header #ads {height:90px; width:960px; margin:20px 0;}
#header #ads #leader {width:728px; height:90px; background:#CCC; float:left;}
#header #ads #stats {width:210px; height:88px;  float:right; color:#FFF;text-align:center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background:#323234;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38383a', endColorstr='#262628'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#38383a), to(#262628)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #38383a,  #0262628); /* for firefox 3.6+ */ 
border:solid 1px #151516;
padding-top:5px;

}
#header #stats span {color:#4aaffc; font-size:18px; display:block; margin:4px 0;}
#header #stats ul li {text-align:center; width:70px; float:left;}
#header #stats ul li strong {display:block; margin-bottom:4px; font-size:14px; font-weight:bold;}

#header .starLogo {height:145px; width:145px;  position:absolute;  background:url('/img/design/sprites.png') no-repeat 0px -87px;  text-indent:-999px;}
#header .wordLogo {width:450px; height:75px; margin-left:160px; background:url('/img/design/sprites.png') no-repeat; margin-bottom:20px; text-indent:-999px;}


/* nav styles */
#nav {height:48px; background:url('/img/design/nav_bg.png') repeat-x;}
#nav ul {margin-left:160px; }
#nav ul li.MM_expand  {float:left; margin-right:6px; padding:20px 8px 0;display:block; height:28px;}
#nav ul li.MM_expand:hover {display:block; background:#4f4f4f url('/img/design/nav_bg_hover.png') repeat-x;  }

#nav ul li.MM_expand .primary {color:#FFF;font-weight:bold; color:white; font-size:16px;}

#breadcrumb {
	background-color: #0ff;
	background: -moz-linear-gradient(top, #fff, #ebebeb); /* for firefox 3.6+ */
	background: -ms-linear-gradient(top, #fff, #ebebeb);
	background: -o-linear-gradient(top, #fff, #ebebeb);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb)); /* for webkit browsers */
	background: linear-gradient(top, #fff, #ebebeb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#ebebeb"); /* for IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ebebeb')";
	border-bottom: solid 1px #acacac;
	color: #acacac;
	font-size: 10px;
	margin: 0 0 20px;
	padding: 8px 0;
}

#breadcrumb.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
}

#breadcrumb div {
	margin: auto;
	width: 960px;
}

#breadcrumb a, #breadcrumb span {display:inline-block; margin:0 5px; height:12px; font-size:12px; }
#breadcrumb span {font-weight:bold; color:#000; }


/* mega styles */
.megaMenu{ margin:0 auto;display:block; position:absolute; z-index:999; overflow:hidden; display:none; margin-left:-20px;}

/*
.megaMenu .top{ margin-top:10px;   height:10px; display:block; background:#ebebeb url('../mega_bg_top.png') no-repeat;}
.megaMenu .bottom{  height:10px; display:block; background:#ebebeb url('../mega_bg_bottom.png') no-repeat;}
.megaMenu  .wrapper {overflow:hidden; margin-bottom:10px;background:#ebebeb url('../mega_bg.png');}*/

.megaMenu .wrapper {background: #464648; overflow:hidden; padding:5px; margin-top:8px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border:solid 1px #292929; border-top:none;

}

.megaMenu .wrapper .inner {-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px; background:#ebebeb; overflow:hidden; padding:10px 0; border:solid 1px #292929;}


.megaMenu .wrapper ol {width:200px;  margin:0 10px; float:left; font-size:12px;}
.megaMenu .wrapper ol li {margin-bottom:4px;}
.megaMenu .wrapper ol li.title {margin-top:10px;}
.megaMenu .wrapper ol li.title a {font-size:14px;  color:#1d3652; font-weight:bold; }
.megaMenu .wrapper ol li.title a:hover {color:red; }

.megaMenu ol.login input {margin-bottom:6px; width:200px;}

.megaMenu ol.login p {text-align:right; margin-top:15px;}


/* Homepage Styles */


#body .bigNews {width:570px;  overflow:hidden; float:left; } 
#body .bigNews .title {
    background: url("/img/design/blackout.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
    height: 66px;
    line-height: 1.3;
    margin-top: 293px;
    overflow: hidden;
    padding: 8px 15px;
    position: absolute;
    width: 540px;
}

#body .bigNews .image, #body .bigNews img{ height:375px; width:570px;}
#body .bigNews .caption {background:#ebebeb; border-bottom:solid 4px #aeaeae; padding:15px; font-size:14px;}


#body .latestUpdates {width:372px; float:right;}
#body .latestUpdates .title, #body .newsTitle { color:white; padding:10px 15px; font-size:18px; font-weight:bold; color:#FFF; background:#29458c;  }
#body .newsTitle {margin-bottom:10px;}

#body .latestUpdates ul {margin-left:-10px;}
#body .latestUpdates ul li { width:117px; margin-left:10px; background-color:#0FF; margin-top:11px;margin-bottom:13px;float:left; background-color:#0CF;}
#body .latestUpdates .image {height:78px; width:117px; background-color:#CCC; overflow:hidden;}
#body .latestUpdates .caption {background:#ebebeb; border-bottom:solid 1px #aeaeae; padding: 5px 3px 0; font-size:10px;}
#body .latestUpdates .caption span {display:block; text-align:center; margin-bottom:5px; overflow:hidden; height:12px;}


#body .moreNews {margin-left:-10px;}
#body .moreNews li {width: 184px; height:144px; background-color:#CCC; margin-left:10px; float:left;}
#body .moreNews img {width: 184px; height:144px;}

#body .moreNews a {
    background: url("/img/design/blackout.png") repeat scroll 0 0 transparent;
    color: white;
    height: 24px;
    line-height: 1.3;
    margin-top: 108px;
    overflow: hidden;
    padding: 2px 10px 10px;
    position: absolute;
    width: 164px;
}

#body .moreNews a:hover {opacity:0.4;
filter:alpha(opacity=40);}



#body .newLooks {width:372px; float:left;}
#body .newLooks .title{ color:white; padding:10px 15px; font-size:14px; color:#FFF; background:#29458c; }

#body .newLooks ul {margin-left:-10px; overflow:hidden;}
#body .newLooks ul li { width:117px; margin-left:10px; background-color:#0FF; margin-top:10px; float:left;}
#body .newLooks .image {height:78px; width:117px; background-color:#CCC; overflow:hidden;}
#body .newLooks .caption {background:#ebebeb; border-bottom:solid 1px #aeaeae; padding: 5px 10px 0; font-size:10px;}
#body .newLooks .caption span {display:block; text-align:center; margin-bottom:5px; overflow:hidden; height:12px;}

#body .twitterFeed {width:248px; margin-left:20px; float:left;}
#body .twitterFeed .title { color:white; padding:10px 15px; font-size:14px; color:#FFF; background:#29458c; }
#body .twitterFeed .feed {height:230px; overflow-y:
auto; overflow-x:hidden; padding:10px ;background:#f2f9fb;}
#body .twitterFeed .feed li {font-size:11px; margin-bottom:10px;}
#body .twitterFeed .foot {background:#e2f8ff; border-top:solid 1px #33ccff; padding:10px;}


#body .bigBoxHomepage {float:right; width:300px;}
#body .bigBoxHomepage .caption {background:#ebebeb; border-bottom:solid 1px #aeaeae; padding: 7px 10px 0; font-size:10px;text-transform:uppercase; color:#acacac; }



#body .currentPoll {width:176px; float:left;}
#body .currentPoll .title { color:white; padding:10px 15px; font-size:14px; color:#FFF; background:#29458c; }
#body .currentPoll .question {padding:10px; background:#ebebeb;text-align:center; margin-bottom:10px;}
#body .currentPoll .option {margin-bottom:8px; font-style:italic;}
#body .currentPoll  .radio { float:left; margin-right:5px;}

#body .previousPoll {width:374px; float:left; margin-left:20px;}
#body .previousPoll .title { color:white; padding:10px 15px; font-size:14px; color:#FFF; background:#29458c; }
#body .previousPoll .question {padding:10px; background:#ebebeb;text-align:center; margin-bottom:10px;}
#body .previousPoll .resultOption {font-style:italic; color:#606060; margin-bottom:4px;}
#body .previousPoll .graph {background:#e48f91; margin-bottom:10px;}
#body .previousPoll .graphResult { padding:4px 0;text-align:right; color:white; font-size:16px; font-weight:bold; background:#dd373b;}
#body .previousPoll .graphResult sup {font-size:10px;}


#body .events {width:372px; float:right;}
#body .events .title { color:white; padding:10px 15px; font-size:14px; color:#FFF; background:#29458c; margin-bottom:10px; }
#body .events ul {}
#body .events ul li { margin-bottom:10px;}

 
 /* browse Styles */
 
.wikiHeading {font-weight:bold; font-size:34px; display:block; margin-bottom:10px;}
.wikiSubHeading {font-weight:bold; font-size:18px; display:block; margin-bottom:10px;}
.wikiContent {color:#606060; overflow:hidden;}
.wikiContent p {margin-bottom:10px;}
.wikiContent p .logo {float:right; margin:0 0 10px 10px;}
 
.subLinks {padding:10px; margin-bottom:20px; background-color:#ebebeb; color:#606060; font-size:14px;}

.browseHeading {background:#353537 url('/img/design/browseHead_bg.png'); padding:10px; margin-bottom:10px;}
.browseHeading h3 {font-size:18px; font-weight:bold; color:#FFF;}
.logoWall { border-bottom:solid 2px #999; overflow:hidden; margin-left:-7px; font-size:10px;}
.logoWall li {float:left; margin-left:7px; margin-bottom:20px;  width:150px; text-align:center;}
.logoWall img {display:block; margin-bottom:6px; height:100px; width:150px;}
.logoWall a {font-size:12px; height:13px; line-height:12px; margin-bottom:3px; overflow:hidden;}
.logoWallFoot {background:#ebebeb; margin-bottom:0px; color:#acacac; text-align:right; padding:5px;}


.logoWallFoot a {color:#acacac; }
.logoWall .sub {font-size:12px; height:13px; line-height:12px; margin-bottom:3px;overflow:hidden;}
.logoWall .caption {font-size:10px; height:11px; line-height:10px;overflow:hidden;}


.logoWallView { border-bottom:solid 2px #999; overflow:hidden; font-size:10px;}
.logoWallView li {float:left; margin-left:7px; margin-bottom:20px;  width:150px; text-align:center;}
.logoWallView img {display:block; margin-bottom:6px; height:100px; width:150px;}
.logoWallView a {font-size:12px; height:13px; line-height:12px; margin-bottom:3px; overflow:hidden;}
.logoWallViewFoot {background:#ebebeb; margin-bottom:0px; color:#acacac; text-align:right; padding:5px;}


.logoWallViewFoot a {color:#acacac; }
.logoWallView .sub {font-size:12px; height:13px; line-height:12px; margin-bottom:3px;overflow:hidden;}
.logoWallView .caption {font-size:10px; height:11px; line-height:10px;overflow:hidden;}


.timeline { overflow:hidden; margin-bottom:10px;}
.timeline ol{border-bottom:solid 10px #dedede; height:50px; margin-left:-12px;}
.timeline img {display:block; margin-bottom:6px; height:100px; width:150px; opacity:0.5;
    filter:alpha(opacity=50);  background:#fff;}
.timeline li {float:left; width:150px; margin-left:11px; background:#fff; text-align:center; margin-top:2px;}

.timeline li.current { float:left; width:154px; font-weight:bold; margin-left:12px; margin-top:0px;}
.timeline .current img, .timeline  img:hover { opacity:100;
    filter:alpha(opacity=100) }
	.timeline .current img {	
	border:solid 2px #dd373b;}



 /* View Stlyes */
.mainLogo {width:586px; height:555px; background-color:#fff; float:right; text-align:center; vertical-align: middle;}
.mainLogo img {
max-width: 100%;
}

.logoInfo {float:left; width:330px;}
.logoName {background:#353537 url('/img/design/browseHead_bg.png'); padding:10px;  font-size:20px;  color:#FFF; font-weight:bold; height:20px; overflow:hidden; display:block;}

.logoDescription {background:#ebebeb; width:310px; height:500px; float:left; padding:10px;}

.logoDescription  h4 {font-size:16px; font-weight:bold; margin-bottom:4px;}
.logoDescription  p {margin-bottom:12px; color:#606060;}

.logoDescription .logo {float:left; margin-right:10px; height:65px; width:100px;}

.relatedLinks {float: left; text-align: center; width: 125px; margin-right: 10px; font-size:9px; margin-bottom:7px; text-align:center;}
.relatedLinks img {margin-bottom: 5px;width:100px; height:65px;}

.franchiseTeams  {margin-bottom: 15px; font-size:10px;}
.franchiseTeams a {font-size: 11px;}



.logoColours h4, .logoRating h4,  {background:#353537 url('/img/design/browseHead_bg.png'); padding:10px;  font-size:16px;  color:#FFF; font-weight:bold; height:16px; overflow:hidden; display:block; margin-bottom:10px;}

.logoColours {width:400px; float:left;}




 /* Stat/update/misc pages*/
.statsTable {margin-bottom:20px; border:solid 1px #dddddd; width:778px;}
.statsTable td, .statsTable th {padding:10px;}

.statsTable th {background:#151515; color:white; font-size:14px; font-weight:bold; text-align:center;}
.statsTable .odd td { border-top:solid 1px #dddddd; border-bottom:solid 1px #dddddd; background:#ebebeb;}

.statsTable .oddPlain td {background:#ebebeb;}


.statsTable .subhead td, .statsTable .subhead th {background:#29405b; color:white; font-size:14px; font-weight:bold; text-align:center;}

.statsTable .highlight td {background:#d6ebff !important;}

.statsTable .logo img {height:40px; width:60px; padding:1px; background:#FFF; border:solid 1px #dedede;}
.statsTable .date {}
.statsTable .newGroup td {border-top:solid 5px #dddddd;}

.adRail {width:160px; float:right; }
.adRail .tower {height:600px; margin-bottom:20px; width:160px; background-color:#CCC; display:block;}
.floatLeft {float:left;}



.championsWall { overflow:hidden; margin-left:-20px; float:left;  width:800px;}
.championsWall li {float:left; margin-left:20px; margin-bottom:20px;  width:154px; padding:10px; text-align:center; border:solid 3px #acacac;}
.championsWall img {display:block; margin-bottom:4px;}

.championsWall p { display:block; text-align:center; padding:4px 0;}
.championsWall .logo { margin:10px auto 6px; display:block;}
.championsWall .date { font-size:28px; font-weight:bold;}
.championsWall .league {}
.championsWall .team {border-top:solid 1px #cecece; }
.championsWall .team a {font-weight:bold;}



.annualsYear { overflow:hidden;  margin-bottom:20px; margin-left:-10px; float:left;  width:800px;}
.annualsYear ol {height: 255px; overflow:hidden; float:left; width:90px; margin-bottom:10px; background-color:#ebebeb; margin-left:10px; background-color:#ebebeb; }
.annualsYear li {text-align:center; padding:3px 0; font-size:14px; }
.annualsYear .decade, .annualsYear .decade:hover {background:#29405b; color:white; font-size:18px; font-weight:bold; padding:4px 0; }
.annualsYear li:hover {background:#d6ebff }



/* footer styles */
#footer {background:#d5d5d5; margin-top:20px;}
#footer .content { padding:20px 0; background:url('/img/design/footer_bg.png') no-repeat right bottom; }
#footer ul.links {display:block; margin-bottom:8px; overflow:hidden;}
#footer ul.links li {float:left; margin-right:8px; font-size:14px;}
#footer ul.links li.tag {display:block; background:#29405b; padding:2px 4px;-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;}
#footer ul.links li.tag a { color:#FFF; }

#footer .content .disclaimer {font-size: 11px; color:#606060; line-height:16px; margin-top:10px;}
#footer .content .disclaimer {display:block; margin-bottom:8px;}

/*additional styles from seeeerecippeeeee!!!! */


#carouselstats {
    margin:0;
    padding:0;
    list-style:none;
    width:117px;
    height:10px;
    overflow:hidden;
}

#carouselstats li {
    text-align:left;
    display:block;
    width:117px;
    height:10px;
    float: left;
}

#searchbox {
    float: left;
}

.searchWrapper {background:#303032; float:right; width:280px; height:65px; font-size:14px; padding-top: 10px; padding-left: 13px; border: solid 1px #000;}
.searchWrapper span {color: #fff; font-family: verdana; font-size: 10px; float: left; margin-right: 6px;}
.searchWrapper ul {float: left; font-size: 10px; font-family: verdana;}
.searchWrapper li {color: #fff;}

#topnav {
	width: 100%;
	background: url('/img/design/topnavbg.jpg') repeat-x;
	height: 22px;
	padding-top: 6px;
}

#topnav .content ul {
	list-style: none;
	color: #8d8d8d;
	text-transform: uppercase;
	font-size: 10px;
	font-family: verdana;
}

#topnav .content li {
	float: left;
	margin-right: 34px;
}

#topnav .content li a:link, #topnav .content li a:visited {
	color: #8d8d8d;
	text-decoration: none;
}

#topnav .content li a:hover {
	color: #fff;
}

#topnav .content .register {
	float: right;
	margin-right: 0px;
}

#rightad {
	float: right;
}

.mainsearch {
	background: url("/img/design/searchbg.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #888888;
    height: 34px;
    padding-left: 10px;
    padding-top: 0;
    width: 271px;
}

.mainsearchsubmit {
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
    float: right;
    margin-left: 235px;
    position: absolute;
    top: 195px;
    width: 32px;
    cursor: pointer;
}

.updatelink {
	float: right;
	margin-top: 10px;
	font-style: italic;	
}



/* Styles for Rating */

.ratingblock {
	display:block;
	border-bottom:0px;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 30px;
	background: url('/img/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('/img/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('/img/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('/img/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}

.form-msg {
	margin-bottom: 1em;
}

.form-horizontal {
	background-color: #f6f6f6;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: auto;
	padding: 20px;
	width: 800px;
}

.form-field {
	color: rgba(0, 0, 0, 0.5);
	font-size: 13px;
	margin-bottom: 1em;
}

.form-field label {
	float: left;
	font-weight: bold;
	margin-right: 1em;
	width: 300px;
}

.form-field input[type="text"],
.form-field select,
.form-field textarea {
	border: 1px solid #c0c0c0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 6px;
}

.form-field input[type="text"] {
	width: 400px;
}

.form-field textarea {
	height: 100px;
	width: 400px;
}

.hide {
	display: none;
}

.message {
}

.message.alert {
	color: #ff0000;
}

.message.notice {
	color: #7fff00;
}