@import "overlay.css";
@import "tooltip.css";

*{
	margin:0px;
	padding:0px
}
p,ul {list-style:none;}
ol {list-style-position:inside}

img{border:0px}

div,ul,ol,form {zoom:1}

table {border-collapse: collapse;}

a:link, a:visited {
	color: #003366;
	text-decoration: none;
}

a:hover{
	color: #003366;
	text-decoration: underline;
}

body{
	font-family:arial, sans-serif; font-size:76%; color:#1e2225;
	background:  url(../../img/site/bg_body.gif) repeat-x #314194;
	margin-bottom:10px;
	
}
/* STRUCTURAL */
#wrapper {
	width: 950px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
}

#content{
	float:left;
	width:950px;
	background-color:#fff;
}

#header{
	float:left;
	width: 940px;
	margin: 5px;
	background-color:#FF3366;
	min-height:75px;
	font-size:2.5em;
	background: url(../../img/site/header_3.jpg);
	height: 168px;
}
/****** NAVIGATION *******/
#nav {
	float: left;
    width: 940px;
	margin: 5px;
	margin-top:0px;
	padding:0px;
}

.nav {
 	background:#425D9C url(../../img/site/bg_menu.gif) repeat-x; 
	font-family:Arial, Helvetica, sans-serif; font-size:1.2em;
}
.nav ul {margin: 8px; padding:0px;} 
.nav li { display:inline; padding:0 8px 8px 8px; position:relative;}
.nav li.nav-current { background:url(../../img/site/menu_on.gif) center 20px no-repeat; font-weight:bold; }
.nav li.nav-current li { font-weight:normal; }
.nav li a { color:#fff; text-decoration:none; padding-bottom:8px; }
.nav li a:hover { color:#ccc; cursor: pointer; }
 
/*Nav - Basic dropdown*/
li.nav-more {position:relative;z-index:9997;}
li.nav-more ul {display:none; position:absolute; top:10px; left:0; min-width:50px;_width:100px; border:1px solid #000; margin-left:0px;border-top:0;z-index:9997; background:#425D9C}
li.nav-more:hover ul {display:block;}
li.nav-more ul li {padding:0px!important; font-size:0.9em!important;}
li.nav-more ul li a {display:block; border-right:none!important;width:160px;padding:5px 0 6px 8px!important;  }
li.nav-more ul li a:hover {background-color: #5269AD!important;}

#main{
	float: left;
    width: 940px;
	margin: 5px;
	margin-top:0px;
	margin-bottom:0px;
	background:  url(../../img/site/main-bg.jpg) repeat-y;
}

#col1 #left{
	display: none;
}
#col2 #left{
	display:none;
}
#col3 #left{
	float:left;
	width:140px;
}

#left .promo{float:left; border: 1px solid #666; width: 100%; margin-bottom: 5px;}
#left .promo h3{color:#fff; background-color: #425D9C; padding:10px;margin: 0;font: bold 100%/70% Arial, Helvetica, sans-serif;border-bottom: 1px solid #fff;}
#left .promo h3 a{color:#fff;}

#left div.promo-overlay {opacity: 0.85;filter: alpha(opacity=70); background-color:#0f2e53; font-size:1em; color:#fff; margin-bottom:0px; position:absolute; margin-top:-24px; z-index:2; text-align:right;}
#left div.promo-overlay span { float:left; padding:5px 5px 5px 5px; text-align:right;}
#left div.promo-overlay span a{color:#fff; text-align:right;}



#middle, #left, #right {
min-height: 300px;
}

#col1 #middle{
	float:left;
	width: 930px;
	padding: 5px;
	background-color: #FFFFFF;
}
#col2 #middle{
	float:left;
	width: 635px;
	padding: 0px;
	background-color: #FFFFFF;
}
#col3 #middle{
	float:left;
	margin-left: 5px;
	width: 480px;
	padding: 5px;
	padding-top:0px;
	background-color: #FFFFFF;
}

#middle h1{
	font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
	font-weight: normal;
	font-size:1.6em;
	letter-spacing: 0.005em;
	color: #234575;
	border-bottom: solid #999999 1px;
	margin-bottom: 10px;
}

#middle h2{
	font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
	font-weight: normal;
	font-size:1.4em;
	letter-spacing: 0.005em;
}
#middle p{
	line-height:1.4em;
}

#col1 #right {
	display:none;
}
#col2 #right {
	float:left;
	margin-left: 5px;
	width:300px;
	/*background-color: #DEDFDE;*/
}
#col3 #right {
	float:left;
	margin-left: 5px;
	width:300px;
	/*background-color: #DEDFDE;*/
}
#right div {
}

#twit{padding:0px 0px;position:relative;height:40px; background:url(../../img/site/twit.png);color:#666;  border-bottom: 5px solid #fff;overflow:hidden; }	
.follow{position:absolute;right:5px;top:-5px; overflow:hidden;}
#twitter_update_list {height:auto;margin: 0 0;}
ul#twitter_update_list {list-style-type:none;padding: 15px 30px 0px 30px;width:940px;}
ul#twitter_update_list  li {list-style-type:none;}
ul#twitter_update_list  li span{color:#6F6F6F;list-style-type:none;margin-left:30px;}
ul#twitter_update_list  li span a:link, ul#twitter_update_list  li span a:visited  {margin-left:10px;}
ul#twitter_update_list  li a:link , ul#twitter_update_list  li a:visited{color:#000;height:20px;font-weight:bold;}

.news-list {float:left; width: 100%; border-bottom:1px #fff solid;}
.news-list h2 {color:#fff; background-color: #425D9C; padding:10px;margin: 0;font: bold 100%/70% Arial, Helvetica, sans-serif;
border: solid 1px #425D9C; border-bottom: 1px solid #fff;}
.news-list ul { margin:1% 2%;_margin:1%; float:left; }
.news-list li {background:url(../../img/site/li-bullet.gif) no-repeat left center; padding:3px 2px 3px 13px; font-size:90%;}
.news-list li span {color:#000; font-size:80%;}


#sponsors {
	float:left;
	width: 940px;
	height: 230px;
	margin: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	background:  url(../../img/site/footer-sponsors.jpg) no-repeat #ffffff;	
}
#sponsors div {
	margin-top:135px;	
}
#sponsors div img  {
	margin:0px 5px 0px 5px;	
}

#footer {
	float:left;
	width: 940px;
	margin: 5px;
	margin-bottom:0ox;
	background: #D7D7D7;
	border-bottom:5px solid #fff;
}
p.right {
	font-size:0.8em;
	padding: 5px;
	margin: 0px;
	color: #666666;
	text-align:right;
	width:300px;
	float: right
}
p.left {
	font-size:0.8em;
	padding: 5px;
	margin: 0px;
	color: #666666;
	text-align:left;
	width:300px;
	float: left;
}


/*****************************************/
/****** INDIVDUAL PAGE AREA STYLES *******/
/*****************************************/
/** NEWS **/
.story-list-item {border:1px solid #CCCCCC; float:left; background-color:#E9ECEE; padding:3px; margin-bottom:5px; background: url(../../img/site/story-list-bg.jpg) #EFEFEF repeat-x; display: block; height: auto;
}
#col3 .story-list-item {width:473px;}
#col2 .story-list-item {width:628px;}
.story-list-item img {margin-right:5px; padding:1px; background:white; border:2px solid #cbcbcb; float:left;}
.story-list-item h2 {width:100%; padding-bottom:2px; margin-bottom:5px; border-bottom: solid #CCCCCC 1px;text-decoration:none;}
.story-list-item .dateadded{color:#666666;margin:0px;padding:0px; float:right;}

/** STORY **/
.tt-article-pic {margin-bottom:3px; float:left; padding-right:6px;}
.tt-article-pic p {margin:0;}
div.article-pic-caption {opacity: 0.85;filter: alpha(opacity=70); background-color:#0f2e53; font-size:0.9em; color:#fff; margin-bottom:0px; position:absolute; margin-top:-31px; z-index:2;}
div.article-pic-caption a{color: #fff;}
div.article-pic-caption span { float:left; padding:5px 5px 8px 5px}
#largeImg {margin:0; position:relative; z-index:1;}



/** SQUAD**/
.profile h2.header-style1 {background:url(../../img/site/headers-col1.gif) no-repeat 0 0px!important; color:#003399!important; margin:0px 0px 3px 0px; padding:2px 0px 0px 5px; border-right:#D2D2D2 solid 1px;}
.profile {width:200px!important; overflow:hidden; height:135px; padding:0; margin:10px 0 0 7px; float:left; display:inline;}
.profile table {width:120px; float:left;}
.profile img {margin-right:5px; padding:1px; background:white; border:2px solid #cbcbcb; float:left;}
.profile table caption {background:#cccccc; font-size:90%; padding:4px 0 4px 5px;}
.profile table td {font-size:90%;padding:3px 4px 5px 5px; border-top:1px dotted #B2C0C8;text-align:left;}

/** PLAYER PROFILE**/
.player-profile{display: block; clear: left; width:625px;}
.player-profile-image {padding:1px; background:white; border:4px solid #234575;}
.player-notes {width:613px; float:left; display:block; border: 1px solid #CCCCCC; margin: 5px 0 5px; padding:5px;}

/** GALLERY **/
.img-tmb {width: 102px; float: left; height: 100px; display:block; margin: 5px 5px 5px 5px; padding:3px;}
.img-tmb img {padding:1px; background:white; border:2px solid #cbcbcb;}
.img-tmb img:hover {border:2px solid #234575;}
#pagelinks {width:100%; clear:both; text-align:center;}
#pagelinks a {text-decoration:underline; padding:3px;}
#pagelinks .onpage {color:#333; text-decoration:none; font-weight:bold;}

/** Gallery Index **/
.gallery-thumb {float:left; margin:7px;}
.gallery-thumb img {border:0px;}
.v-box-rollover span {display:block;width:300px;height:175px;overflow:hidden;position:relative; border:1px solid #003466;}
.gallery-pic-caption {opacity: 0.8;filter: alpha(opacity=80); background-color:#0f2e53; font-size:1.0em; color:#fff; margin-bottom:0px; position:absolute; margin-top:-25px; z-index:2;}
.gallery-pic-caption a{color: #fff;}
.gallery-pic-caption span { float:left; padding:4px 4px 6px 4px; cursor:pointer;}


/** STATS TABLES **/
.stat-tbl .even td {background-color:#F3F4F4;}
.stat-tbl .selected td {background-color:#d9e3ef;}/*#E7E3E7*/
.stat-tbl .hover td {background-color:#E7E3E7;}/*#E7E3E7*/
.stat-tbl .tbl-header td {padding:1px 2px 2px 2px;text-align:left;border: none;border-bottom:2px solid #CCCCCC;font-weight: bold;}
.stat-tbl td {padding:3px 4px 5px 5px; border-top:1px dotted #B2C0C8;text-align:left;}

/** FIXTURES **/
.fix-tbl {width:100%;margin-bottom:10px;border-collapse:collapse; float:left;}
.fix-tbl .tbl-header td {background:#284674; background:#425D9C; color:white; font:bold 100%/70% Arial, Helvetica, sans-serif;padding:10px 8px;text-align:left;border:1px solid #ccc; }
.fix-tbl td {border:1px solid #ccc; padding:7px!important;text-align:center;}
.fix-tbl .fc-loc {width:30px; font-size: 94%;}
.fix-tbl .fc-time {background-color:#eee; width:30px; font-size: 94%;}
.fix-tbl .fc-comp {width:100px; font-size: 94%;}
.fix-tbl .fc-home {background-color:#eee; text-align:right; width:100px;}
.fix-tbl .fc-away {background-color:#eee; text-align:left; width:100px;}
.fix-tbl .fc-score {background-color:#ddd; width:35px; text-align:center;}
.fix-tbl .fc-result {background-color:#BCCEF2;width:35px;text-align:center;}
.fix-tbl .fc-matchlink {border-right:1px solid white; width:50px;}
.fix-tbl .fc-matchlink a { font-size:80%;}
.fix-tbl .fc-wdl {width:15px;}



/** STORY SCOLLER **/
.story-container { width:480px; margin:0;_margin:0;padding:0;position:relative;min-height:293px;_height:290px; background-color: #122A5F; float:left;overflow:hidden; margin-bottom:5px; border: 1px solid #ddd;}
ul.story-scroll {width:2976px; z-index:1;position:relative;padding:0;margin:0 0 0 0px;overflow:hidden;list-style-type:none;}
li.story-content {float:left;width:480px; height:259px; position:relative;overflow:hidden;}
li.story-content div { display:block;background-color: #122A5F;position:absolute;top:191px;left:0px;width:496px;height:5.6em;opacity: 0.68;filter: alpha(opacity=68);z-index:2 }
li.story-content div img {} 
li.story-content h4 { color:#fff; width:480px; top:195px; left:10px; position:absolute; font-size:1.6em;z-index:3; }
li.story-content h4 a {text-decoration:none; color:#fff; }
li.story-content h4 a:hover {text-decoration:underline;}
li.story-content p { color:#fff; width:480x; top:220px; left:10px; position:absolute; line-height:1.4em; z-index:3;}
li.story-content p a{ color:#ff0000;}
li.story-content ul { position:absolute;top:205px; left:376px; border-left:1px solid #666; margin:0; padding:0 0 0 8px; list-style-type:none; z-index:3; background-color:#FF0000; }
li.story-content li { font-size:0.9em; height:16px;}
li.story-content li a { color:#fff; }
.story-nav {padding:0 0 0 5px;margin:0;_margin-top:-2px;list-style-type:none;width:300px; float:left;}
.story-nav li {float:left; margin:6px 2px; font-size:0.8em; padding:2px 0;background-color:#000; }
.story-nav li a { color:#ccc; padding:2px 10px; text-decoration:none; background:#000 url(../images/story-nav-bg.gif) repeat-x; }
.story-nav li a:focus {outline:none;}
.story-nav li.story-on {background:#222 url(../images/story-on-arrow.gif) top center no-repeat; padding-top:6px; margin-top:2px;}
.story-nav li.story-on a {background:#425D9C url(../images/story-on-bg.gif) repeat-x; color:#fff; }
.TStimer {/*background:#c00;height:5px;*/background:#000;height:3px;margin-bottom:1px;width:1px;}
.count{color:#999; position:absolute; top:200px; left:463px; font-size:0.9em; z-index:4; }


/** MATCH HEADER**/
.match-header {border:1px solid #ccc; background:#E9ECEE; margin-bottom:0px; padding-bottom: 10px; float:left; width:100%;}
.match-header span {float:left; width:64px; height:64px; margin:15px 10px 10px 10px;}

.match-info {float:left; background-image:url(../../img/site/headers-col2.gif); background-repeat: repeat-x; background-attachment: scroll;background-position: 0pt -50px; border:1px solid #000; width:100%; padding: 5px 0px; font-size: 87%;}
.match-info li {display:inline; color:#fff; padding:5px; margin:0px;}
.match-info li#comp {font-weight:bold;}

.tt-match-table {margin:5px 5px 15px 5px; float:left; width:620px;}
.tt-match-table thead {display:none;}
.tt-match-table td {vertical-align:top;}
.tt-match-table td h3 {font-size:180%; font-weight:normal; padding-bottom:10px;}
.tt-match-table td.right {text-align:right;}
.tt-match-table td.score {text-align:center; word-spacing:5px;}
.tt-match-table td a {text-decoration:none;}
.tt-match-table td a:hover {text-decoration:underline;}


/******** =TABS ********/
.match-tabs {margin-top:7px;margin-bottom:8px; float:left; width: 100%; }
.match-tabs .anchors {border-bottom:1px solid #8EA3AF;margin-bottom:1px; float:left; width: 100%; list-style:none; text-align:center}
.match-tabs div {border:1px solid #8EA3AF;border-top:none;margin-top:-1px;padding:5px 8px 14px 8px; text-align:center;}
.match-tabs div div{border:none;padding:0px}


.anchors li{float:left;font-weight:bold;background:url(http://www.skysports.com/Images/skysports/v3/newvideo/video-icon-tile.gif) 0px bottom #E2E7EB;border:1px solid #A7B6BF;margin:0px 4px -1px 0px!important;font-size:87%; font-weight:bold;text-align:center;position:relative;-moz-border-radius:3px 3px 0px 0px;-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px ;padding:5px 9px 5px 9px;cursor:pointer;} 
.anchors li a {text-decoration:none;color:#343998;display:block;outline:none}
.anchors li a:hover,.anchors li a:active{color:#474EBF!important;background:none!important}
.anchors li.on,.anchors li.tabs-selected {background:white;border-bottom:1px solid white}
.anchors li.on a,.anchors li.tabs-selected a {color:#000022;border-color:white;}
.anchors li span {font-weight:normal}

.ss-tabs .ss-list-style1 {margin:5px 0 0 0}
.ss-tabs .ss-list-style1 li img{display:none}

.sponsorSmaller {font-family:arial,tahoma,verdana,sans-serif;
font-weight: bold; font-size:1.2em; text-transform:uppercase;color: #234575;
}


/******** Lotto ********/
.lotto {background:url(../../img/site/lotto-bg.jpg) ; width:630px; height: 180px;}
.lotto h2 { 
	font-size:2.0em !important;
	letter-spacing: 0.005em;
	color: #0033CC;
}
.lotto h3 { 
	font-size:1.6em;
	
	color: #023467;
	text-align: center;
	margin-top:30px;
	float:left;
	width:100%;
	
	font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
	font-weight: normal;

}
.lotto p { 
	float:left; border:0px solid #000; 
	width:105px; padding: 0px; margin: 0px; text-align: center; 
	font-size:3em;
	letter-spacing: 0.005em;
	 margin-top:28px;
}

