/* You'll need prefixes. @-ms-viewport, @-o-viewport, etc... */
    @-ms-viewport {
        width: device-width;
    }
	
	@-o-viewport {
        width: device-width;
    }
	
	@-moz-viewport {
        width: device-width;
    }
	
	@-webkit-viewport {
        width: device-width;
    }	

	@viewport {
        width: device-width;
    }

/* ======= #Site Styles ======= */

 *,
*:before,
*:after {
  box-sizing: border-box;
}

 html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
/*   text-rendering: optimizeLegibility; */
}

#skiptocontent {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px;
  display: block;
}

#skiptarget {
	height: 1px;
	margin: 0;
	padding: 0;	
	}

#randomplayer {
    float: right;
    width: 361px;
    height: 260px;
    z-index: 1;	
    display: none;

}

/* NAVIGATION MEGA MENU   */



/* sliding panel */
#toppanel {
    position: relative;
    width: auto;
    max-width: 100%;
	display: none;
    z-index: 40000;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


	/* Giving a background-color to the nav container. */
.nav {
	padding:10px 0;
	z-index:3000;
	position: absolute;
	bottom: 10px;
	left: 35px;
}


/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

.nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
.nav ul {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
.nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	}


.nav ul li ul li ul {
	background: none;
	}
	
.nav ul li ul li ul li {
	font-size: 1.1em;
	}

.nav ul.level-one {
    font-size: 0.9em;
	background: url(/images/global/2017/nav-arrow-up-em.png) no-repeat 50% 0;
	padding-top: 10px;
	}

.nav .newsmenu, .nav .clubmenu, .nav .fansmenu, .nav .sitemenu {
	margin-left: -4em;
}

.nav .playersmenu, .nav .seasonmenu, .nav .historymenu, .nav .opinionmenu, .nav .adminmenu {
	margin-left: -3.25em;
}


.nav ul.level-two {
    font-size: 0.85em;
	}


.nav li.navbutton {
	width: auto;
	}

.nav ul li ul li {
	    background-color: #0d2c47;
	}

.nav ul li ul li:hover {
		background-color: #173d5e;
	}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
.nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 26px; 
}
	
/* Display Dropdowns on Hover */
.nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
.nav ul ul li {
	width:150px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
.nav ul ul ul li {
	position: relative;
	top:-26px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:150px; 
}

.nav h5 {
	font-size: 100%;
    display: inline-block;
    line-height: 22px;
    color: #fff;
	letter-spacing: -0.05em;
	font-weight: 700;
    }

.nav h5 a {
	color: #fff;
	}

.nav a {
    line-height:26px;
    padding:0 4px;
    margin:0 4px;
    color:rgb(255,255,255);
    text-decoration:none;
    display:block;
}
.nav a:hover,
.nav a:focus,
.nav a:active {
    color:rgb(255,255,255);
}

/* style sub level links */
.nav li li a {
	border-bottom: solid 1px #091c2c;
    margin:0;
    padding:0 10px;
    line-height:36px;
}

.nav li li:last-child a {
    border-bottom:none;
}

/* show arrows for dropdowns */

.nav li li.dropdown > a {
    background-image:url('/images/global/2017/nav-arrow-right.png');
    background-position: 90% 14px;
	background-size: 8px 10px;
    background-repeat:no-repeat;
}
	
/* Change ' +' in order to change the Dropdown symbol 
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; } */
	



body.pageHome .nav li.homeButton h5, body.pageClub .nav li.clubbutton h5, body.pageHistory .nav li.historybutton h5, body.pageFans .nav li.fansbutton h5, body.pageSeason .nav li.seasonbutton h5, body.pagePlayers .nav li.playersbutton h5, body.pageSite .nav li.sitebutton h5, body.pageOpinion .nav li.opinionbutton h5, body.pageNews .nav li.newsbutton h5 {
	background-color: #0082cb;	
	}


body.pageClub .container, body.pageHistory .container, body.pageFans .container, body.pageSeason .container, body.pagePlayers .container, body.pageSite .container, body.pageOpinion .container, body.pageNews .container {	
	padding: 0 10px 0 10px;
	margin-top: 0;
	}

.nav .adminlink {
	color: #35c2fe;
}

#headlinezone {
	margin: 0;
	padding: 0;;
    list-style: none;
	width: 100%;
}

#headlinezone .homeNewsItem {
	margin: 0;
	padding: 1em 0;
	border: 0;
    border-bottom: 5px solid #e5e5e5;
 	}

#headlinezone .homeNewsItem:first-child {
	padding: 0 0 1em 0;
 	}



#mobilerumours {
	margin-left: 0;
}

#tabHeadlines, #tabRumours, .categoryButtons {
	display: inline-block; 
    padding: 10px 15px;
    background: #eee;
    border: solid 1px #ccc;
    border-radius: 5px;    
    color: #666;
    font-size: 1.0em;
    margin: 0.75em 0.5em 1em 0.5em;
}

.categoryButtons {
	display: inline-block; 
    padding: 7px 10px;
	background: #aaa;
    color: #fff;    
    border: solid 1px #ccc;
    border-radius: 5px;    
    font-size: 1.0em;
    margin: 0.75em 0.5em 1em 0.5em;
    font-weight: 700;
}

div#videoTabs.fans span#tabFans, div#videoTabs.history span#tabHistory, div#videoTabs.news span#tabNews, div#videoTabs.dramatic span#tabDrama {
	background: #15519c;
}

#tabHeadlines {
	background: #15519c;
    color: #fff;
    margin-left: 0.5em;
}


.activeTab {
	background: #15519c;
    color: #fff;
	font-weight: bold;
}

.icn-notice {
	width: 15px;
	height: 15px;
	display: inline-block;	
}

.icn-notice img {
	width: 15px;
	height: 15px;	
	margin-bottom: -3px;
}




/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom:1px solid #d5d5d5;
    border-bottom:1px solid #222;
    height:40px;
	background: #353535;
	border-bottom:1px solid #353535;
	overflow: hidden;
	}

/* single tab */
ul.tabs li {
    float: left;
    text-indent: 0;
    padding: 0;
    list-style-image: none !important;
    margin-bottom: 1px !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
    background: #353535;
    font-size:11px;
    display:block;
    height: 40px;
    line-height:40px;
    width: auto;
    text-align:center;
    text-decoration:none;
    color:#fff;
    padding:0 1.5em;
    margin:0px;
    position:relative;
    top:1px;
    text-transform: uppercase;
    border-right: solid 1px #111;
}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-color: #494949;
	background-position: -420px -31px;
    color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-color: #4690cd;
    background-position: -420px -62px;
    cursor:default !important;
    color:#fff !important;
    border-right: solid 1px #4690cd;

}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
    display:none;
}


/* tab pane styling */
.panes div {
    padding:15px 0;
    width: 100%;
    height:auto;
    overflow: hidden;
    background-color:#fff;
    margin-bottom: 1em;
}


#main .drawer, #submain .drawer {
display: none;
}

#tertiary .drawer {
	display: none;
        font-size: 0.85em;   
}

.mpu img {
	max-width: 300px;
}

#adzoneTwo .mpu {
	width: 300px;
    margin: auto;
    float: none;
    clear: left;
}

/* FOOTER */
#footer
{
 width: 100%;
 position:relative;
 margin: 2em auto 0 auto;
 text-align: center;
 padding-bottom: 1em;
overflow: hidden;
	background: #222;
    }
 

#footer h3
{
color: #fff;
margin-top: 0;
margin-bottom: -0.1em;
}

#footermenu {
padding: 10px;
margin: 0 auto 20px auto;

}

#footermenu div {
	float: left;
	width: 48%;
	font-size: 0.9em;
	color: #fff;
	text-align: left;
	margin-bottom: 1em;
}

#footermenu div h5 {
	margin-bottom: 0.5em;
}

#footermenu div a {
	color: #fff;
	text-decoration: none;
}

#footermenu div ul {
	  margin-left: 0;
}

#footermenu div li {
	list-style: none;
	border-bottom: solid 1px #333;
	padding: 0.2em 0;
	margin-right: 15px;
}

#footermenu div li a {
	color: #aaa;
}

#footermenu div li a:hover {
	color: #fff;
}

.footerTools {
    margin: 0 0 2em 0;
}

.footerTools span {
	display: inline-block;
	padding: 0 1em;
    margin: 0.5em;
}

.footerTools span a {
	text-decoration: none;
}

.footerTools img {
	margin-bottom: -2px;
}

.calendarBox {
   padding: 1em 0.5em 0 0.5em;
   margin-bottom: 1.5em;
	margin-right: 0;
 	background: #151515;
	color: #fff;
}

.calendarBox a {
	color: #fff;
}

article {
	font-size: 1.1em;
	}
	
article li {
	margin-bottom: 5px !important;
}
	
 .sectiondivider {
 	margin: 2px 0 2px 0;	 
	 text-align: center;
	 color: #777;
	 font-size: 0.9em;
 }
 


.articlecomment {
font-size: 0.9em;
clear: left;
background: rgb(250,250,250);
border: solid 1px #e5e5e5;
padding: 15px 12px 5px 12px;
margin: 10px 0 20px 0;
}

.articlecomment blockquote {
	 margin: 1em 0 1em 0; 
	 padding: 0.5em 20px 0.5em 20px; 
	 background-color: none;
 }
	

.articlecommenttext {
color: #333;
line-height: 1.55em;
word-wrap: break-word;
margin-top: 1em;
}

.articlecommenttext img {
	max-width: 100%;
}

.articlecommenttext iframe {
	max-width: 100% !important;
    margin-top: 1em;
    margin-bottom: 1em;
}

article iframe, #article iframe, #article #ooyalaplayer, article #ooyalaplayer {
	max-width: 98% !important;
    margin-top: 1em;
    margin-bottom: 1em;
	overflow: hidden;
}

.commentNo {
	color: #bbb;
	border: solid 1px #d5d5d5;
	padding: 0 0.25em;
	margin-right: 0.4em;
}

.commentCount {
	display: inline-block;
	padding: 0px 6px;
	border-radius: 3px;
	font-size: 0.75em;
	color: #fff;
	background-color: #206fe0;
	text-transform: none;
}

#ooyalaplayer {
	max-width: 98% !important;
    margin-top: 1em;
    margin-bottom: 1em;
	overflow: hidden;
}

.video-container {
	height: 160px;
	max-height: 470px;
	width: 100%;
}

	.publishdate { 
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 70%; 
	color: #999; 
	display: inline-block; 
	margin-right: 0.5em;  
	letter-spacing: 0.2px;}


.reportabuse {
	font-size: 0.7em;
    color: #bbb;
}

.reportabuse a {
	color: #999;
    text-decoration: none;
}

.reportabuse a:hover {
    text-decoration: underline;
}


.commentedit {
	font-size: 0.8em;
    color: #fff;
	background-color: #2492c0;
	border: 0;
	padding: 2px 10px;
	}



.insetc {
	margin: 0.5em 0;
	padding: 0.5em 0;
	}
	
div.insetf {
	margin: 1em 0;
	padding: 1em 0;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	}	

.insetf iframe {
	width: 100% !important;
	min-height: 250px;
	}	


.insetc img {
	width: 100%;
	}
	
div.insetl img {
	width: auto;
	max-width: 95%;
	}


.insetc iframe, .insetc div {
	width: 100% !important;
	max-width: 100% !important;
	}


div.insetr {
	margin-left: 1em;
	}

img.insetright {
	float: right;
    margin:  0 0 1em 1em;
}

.thumb {
	width: 64px; 
	height: 46px; 
	float: left; 
	margin-right: 1em;
	}


.apthumb {
	width: 125px; 
	height: 92px; 
	float: left; 
	margin: 0.5em 1em 0.5em 0;
	}


.thumbinsetright {
float:right; 
padding: 10px;  
 margin-left: 1.5em;
  margin-bottom: 1.5em;
 margin-right: 1em;
 width: 80px;
 }


figure {
	max-width: 300px;
	background: #e9e9e9;
	padding: 15px;
	margin: 1em 0;
}

figure h4 {
	margin-top: 0 !important;
}

.photoinsetright, .insetr {
color: #444;
font-family: "roboto condensed";
font-size: 90%;
padding: 0 0 10px 10px;  
text-align:center;
 margin: auto;
 margin-top: 0.5em;
  margin-bottom: 1.5em;
 margin-right: 0;
 max-width: 300px;
line-height: 1.3em;

 }
 
 .photoinsetright img,  div.insetr img {
	width: auto;
	max-width: 95%;
 }
 
 .insetbox {
	 background: #555;
	 color: #fff;
	 text-align: center;
	 padding: 10px;
	 }

 .insetbox h4 {
	 color: #fff;
	 margin: 0 0 0.5em 0 !important;
	 padding: 6px;
	 text-align: center;
	 text-transform: uppercase;
	 font-weight: normal;
	 border: none;
	 }

 
 img.no-border {
border: none;
 }
 
 .photocredit {
	color: #999;
	font-size: 0.8em;
	font-weight: normal;
	padding-top: 5px;	 
	display: block;
	 }

.photoinsetcenter, div.insetc {
padding: 15px 0px 5px 0px;  
color: #444;
font-family: "roboto condensed";
font-size: 90%;
text-align:center;
line-height: 1.3em;
 margin: 0.75em auto 1em auto;
 }
 
 .photoinsetcenter img {
border: none;
margin: 6px auto;
max-width: 100%;
height: auto;
 }

  
.photoinsetleft, .insetl {
float:left; 
padding: 0 10px 10px 10px;  
color: #444;
font-family: "roboto condensed";
font-size: 90%;
text-align:center;
 margin-right: 1.5em;
 margin-top: 0.5em;
  margin-bottom: 1.5em;
 margin-left: 0;
 max-width: 300px;
line-height: 1.3em;
 }
 
 .photoinsetleft img {

margin: 6px 12px 0 0;
max-width: 100%;
 }
 
 .photocreditHero {
 display: none;
	}
 
 .inpagecallout {
 
 }
 
 .articleHero {
 text-align: center;
 padding: 0 0 1em 0;
  background-size: 100% !important;
  width: 100%;
  max-width: 100%;
  height: auto;
  position: relative;
  }

.relatedLinks {
	width: 88%;
    padding: 1em;
    border: solid 1px #eee;
	margin-bottom: 2em;
}

.relatedLinks h6 {
	margin-bottom: 1em;
}

#submain .relatedLinks ul {
	  margin-left: 0;
      list-style: none;
}

.relatedLinks li {
	font-size:0.95em;
    line-height: 1.2;
}

.relatedLinks li a {
	text-decoration: none;
    color: #666;
}

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

#commentText {
    float: left;
    width: 60%;
    font-size: 1em;
    line-height: 1.4;
    color: #555;
}

#formattingButtons {
	float: left;
}


.btnGeneral, .btnAction {
	background-color: #0099ff;
/*	background: -moz-linear-gradient(center top, #1188c4, #105781) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#1188c4), to(#105781)); */
	color: #fff;
	padding: 7px 8px;
	font-size: 1em;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
    min-width: 150px;
    border: 0;
}

.btnDisabled {
	background-color: #ccc;
	color: #fff;
	padding: 8px 10px;
	font-size: 1.em;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
    font-family: "Roboto Condensed", Arial, Helvetica,  sans-serif; 
}

.btnAction:hover {
	background-color: #999;
}

.btnAction a {
	text-decoration: none;
	color: #fff;
}

.btnLogout, .btnCancel {
	background-color: #999;
	background: -moz-linear-gradient(center top, #eee, #666) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#666));
	/*border: solid 1px #888;*/
	box-shadow: 0 0 0 1px #aaa inset;
	color: #fff;
	padding: 4px 8px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.btnActionSm {
	background-color: #0099ff;
	color: #fff;
	padding: 0.2em 0.4em;
	font-size: 0.8em;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    cursor: pointer;
    border: 0;
	width: auto;
	}

.btnWarning {
	background-color: #bb0000;
	border-radius: 5px;
	color: #fff;
	padding: 5px 8px;
	cursor: pointer;
	text-align: center;
	min-width: 80px;
	margin-top: 0.5em;
	border: 0;
	font-size:  1em;
	display: inline-block;
}

.btnSecondary {
	background-color: #666;
	border-radius: 5px;
	color: #fff;
	padding: 5px 8px;
	cursor: pointer;
	text-align: center;
	min-width: 80px;
	margin-top: 0.5em;
	border: 0;
	font-size:  1em;
	display: inline-block;
}

.btnSecondary a {
	text-decoration: none; 
	}

.returnfont {
    size: 100%;
    color: #000;
}

img.iconedit {
	height: 18px;
	width: 18px;
	}

img.centered { 
    display: block; 
    padding: 0; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top, margin-bottom, border: 0; 
}

img.rightalign { 
    display: block; 
    padding: 0; 
    margin-left: auto; 
    margin-right: 0; 
    margin-top, margin-bottom, border:0; 
}


del {
	color: #999;
}

table.regwidth {
	width: 90%;
}

table.standard-table th {
	font-weight: bold;
	}

table.standard-table {
	margin: 2em 0;
	}

table.standard-table th, .standard-table td  {
	padding: 5px;
	border: solid 1px #d5d5d5;
	border-collapse: collapse;
	}

table.shaded-table th {
	font-weight: bold;
	}

table.shaded-table {
	margin: 2em 0;
	}

table.shaded-table th, .shaded-table td  {
	background-color: #f9f9f9;
	padding: 8px;
	border: solid 1px #ffffff;
	border-collapse: collapse;
	}

td.left-align, th.left-align {
	text-align: left !important;
	
}

td.center-align, th.center-align {
	text-align: center !important;
	
}


table.layout-table th {
	font-weight: bold;
	}

table.layout-table {
	margin: 2em 0;
	}

table.layout-table th, .layout-table td  {
	padding: 5px;
	border-collapse: collapse;
	}


table.statsHeadToHead th, table.statsHeadToHead td {
	text-align: center;
    padding: 5px;
}

/*
Premiership Table styles (applicable to Home page and /season/xx-xx/table.asp)
*/

table.standingshome {
    width: 100%;
    margin:auto;
    font-size: 9px;
}

table.standingshome th {
	background-color: #333;
	font-size: 9px; 
	color: #fff;
	padding: 0;
}

table.standingshome tr {
	border-bottom: solid 1px #ddd; 
}

table.standingshome td {
	padding: 1px 2px 1px 2px;
	background-color: #fff;
	font-size: 9px;
}

table.standingshome td.everton
{ 
	font-weight: bold;
	color: #000099;
	font-size: 9px;
}

.blockemphasis {
	color: #fff;
	display: inline-block;
	font-size: 70%;
	background-color: #4690cd;
	padding: 2px 0.5em;
	margin-bottom: 0;
    margin-top: -1px;
	text-transform: uppercase;
    font-family: "Roboto Condensed", Arial, Helvetica,  sans-serif; 
}

.subtleemphasis {
	color: #000066;
	}


h4.update {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	font-size: 100%;
	padding: 0.4em 0 0.1em 0.8em;
	text-transform: uppercase;
	display: block;
	margin-bottom: 1.5em !important;
}

.player-rating {
	color: #fff;
	display: inline-block;
	font-size: 80%;
	font-weight: bold;
	background-color: #4690cd;
	padding: 2px 0.5em;
	margin-bottom: 0;
    margin-top: -1px;
	text-transform: uppercase;
    font-family: "Roboto Condensed", Arial, Helvetica,  sans-serif; 
}


/* ####### LEGACY ARTICLE STYLES ########  */


#article ol li {
padding-bottom: 1em;
margin-left: 35px;
}

#article ul  {
padding-top: 1em;
margin-top: 0.5em;
}

#article ul li {
padding-bottom: 0.8em;
margin-left: 35px;
}

#article h1, article h1 { 

    margin-top: 0.5em;
}

#article h2, article h2 {  
 font-size: 120%;
 text-transform: uppercase;
 margin: 0.8em 0 0 0;
 color: #222;

}
 

#article h3, article h3    
{  
font-size: 140%;
margin: 0.8em 0 0 0;
color: #222;
  }

#article h4  
{  margin-bottom: -0.8em;
  font: 120% ;
  color:#555;
  }
  
#article h5 
{  
	font-family: inherit;
	margin:0;
  font-size: 90%;
  text-transform:uppercase;
    letter-spacing:.2em;
  color:#0000cc;
  font-weight: bold;
  }

  
#article h6, div.article h6 
{
	font-size: 75%;
  text-transform:uppercase;
  color:#0000cc;

  }
  
  div.articleBody h6 {
   text-transform:uppercase;
  color:#0000cc;
  margin: 2em 0 1em 0;
  
  }

#article {
position: relative;
font-size: 1.1em;
line-height: 1.6em;
width: 95%; 
margin: auto;
}

#article .category  
{  
  text-transform:uppercase;
    letter-spacing:.2em;
  color:#0000cc;
  font-weight: bold;
  }
   
 .articledivider {
background-image:url(/images/global/dotted-horizontal.gif);
background-repeat: repeat-x; 
height: 1px; 
margin: 2px 0 2px 0;
}  
 
   
.dek {
    border-bottom: 1px dotted #CCCCCC;
    border-top: 1px dotted #CCCCCC;
    color: #888888;
    margin: 15px 0 20px;
    padding: 1em 0;
    text-align: center;
	}	
	   
*html .dek
{
margin-top: -15px;
}   

.bylineauthor {
	color: #444;
    font-weight: bold;
}

.top {
color: #777;
font-size: 10px;
}

.top a {
color: #777;
text-decoration: none;
}

.copyright {
font-size: 80%;
color: #ddd;
}

#thefc-widget  {
	margin: 2em 0 1em 0;

	}

#transfer-tracker {
	width: 100%;
	clear: both;
	}

ul.tferTracker  {
	list-style: none;
	margin: 0;
	width: 100%;
	}

.tferTracker li {
	height: 27px;
	margin-bottom: 1px;
	line-height: 27px;
	color: #fff;
	font-size: 0.95em;
	padding: 5px;
	list-style: none;
	}

.tferTracker li.team {
	font-size: 0.8em;
	}
	
.tferTracker li img {
	width: 20px;
	height: 25px;
	float: left;
	padding: 1px 5px 0 0;
	}	

.tferTracker li a {
	color: #fff;
	text-decoration: none;
	}

.tferTracker li.one {
	background-color: #b3d3d9; 
	}

.tferTracker li.two {
	background-color: #74c4d8; 
	}

.tferTracker li.three {
	background-color: #ceda74; 
	background-color: #9ebe66;
	}

.tferTracker li.four {
	background-color: #f5a73d; 
	}

.tferTracker li.five {
	background-color: #ff8300; 
	}

  .headlinenewsextra li, .newsinbriefextra li {
  list-style: url(/images/global/2007/go_there.gif);
  margin-left: 15px;
  font-weight: bold;
  padding-top: 0.5em; 
  }

ul.headlinenewsextra {
	margin-left: 0;
}
  
 article ul.headlinenewsextra li, article ul.newsinbriefextra li {
  padding: 0;
  margin: 0;
  font-weight: bold;
  }

.news-archive-item .headlinenewsextra li, news-archive-item .newsinbriefextra li {
	 margin-bottom: 0;
 }


h3.sectionheader {
	font-size: 140%;
	}


h4.sectionheader {
	font-size: 115%;
	text-transform: uppercase;
	color: #222;
	margin-bottom: 1.5em;
	}


h4.paraheader {
	font-size: 115%;
	text-transform: uppercase;
	color: #222;
	margin: 1.5em 0 -0.3em 0;
	}

/* SEASON section */

.seasonnav { /* Go to Previous/Next Season box */
margin: auto;
margin-top: 10px;
margin-bottom: 2em;
padding: 10px 2px;
border-top: dotted 1px #ddd;
border-bottom: dotted 1px #ddd;
font-size: 0.9em;
}

.seasonnavleft {
float: left;
width: 30%;
}

.seasonnavright {
float: right;
width: 30%;
text-align: right;
}

.seasonnavcenter {
width: 30%;
}

.TitleStrip {
background-color: #222;
color: #fff;
padding: 0.5em;
}

.TitleStrip a {
color: #fff;
text-decoration: none;
}

.pagesubheading {
    font-family: font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;
    color: #999;
    font-size: 110%;
    margin-top: -0.5em;
    padding-bottom: 0.5em;
}

.author {
    color: #000090; 
    font-weight:bold;
}

*:target {
	background-image: url(/images/global/2007/targetbg.gif)
	}



.sectionHero {
	height: 300px;
	color: #fff; 
	padding: 2em;
	background-position: left top;
	background-size: 100% auto;
	background-repeat: none;
	font-size: 1.2em;
	margin-bottom: 2em;
	}

.sectionHero h1 {
	color: #fff;
	}

.sectionHero .pagesubheading {
	color: #fff;
	}

ul.toc {
	margin-left: 0 !important;
	}
	
.toc li {
	list-style: none;
	padding-bottom: 0.5em;
	clear: left;
	}

div.toc  {
	margin-bottom: 2em;
	} 

.toc li  {
	margin-bottom: 1.5em;
	} 


.toc h3 {
	margin: 0 0 -0.3em 0;
	}


.toc h4 {
	font-size: 130%;
	margin-bottom: -0.5em;
	}


.toc h3 a  {
	text-decoration: none;
	color: #222;
	}

.toc h4 a {
	text-decoration: none;
	color: #222;
	}

.tocthumb {
	width: 125px; 
	height: 92px; 
	float: left; 
	margin: 0.2em 1.5em 0.5em 0;
	}
		

#submain ul.toc-video {
	margin-left: 0;
}


ul.toc-video li {
	list-style: none;
    border-bottom: solid 1px #d5d5d5;
    padding: 2em 0 1em 0;
}

ul.toc-video li h2 a {
	text-decoration: none;
    color: #222;
}

ul.toc-video li h2 a:hover {
	text-decoration: none;
    color: #888;
}

.toccolumn {
 float: left; 
 width: 300px; 
 margin-right: 0;
 }
 
.tocwrapper {
	margin: 2em 0 1em 0;
	}
 
 h1.tocheader {
 font-size: 340%;
 margin-bottom: -0.3em;
 margin-top: -0.1em;
 }
 
 h3.tocheader {
 font-size: 150%;
 }

 h3.tocheader a {
 	color: #222;	
 	text-decoration: none;
 }
 
 
 .toccolumn h3 {
 color: #0033CC;
 margin-top: 2em;
 }

.toclisting {
padding: 0 0 0.5em 0;
list-style: none;
margin: 0 2em 0.5em 0;
line-height: 1.3em;
}

#seasonIndex {
display: flex;
flex-wrap: wrap;
flex-direction: row;	
}

#seasonIndex .toclisting {
padding: 0 0 0.5em 0;
list-style: none;
margin: 2em 1em 0.5em 0;
line-height: 1.3em;
min-height: 100px;

}

#submain ul.toclisting, #submain .toclisting ul {
margin-left: 0;
margin: 0.5em 1em 1em 0 !important;
list-style: none;
	}

#submain .toclisting li {
color: #777;
margin-bottom: 0.6em;
border-bottom: solid 1px #eee; 
padding: 3px 0 1em 0;
list-style: none;
}

.toclisting li h4 {
	font-size: 1.2em;
	text-transform: uppercase;
	}

.toclisting a {
color: #000;
text-decoration: none;
}

.toclisting a:hover {
color: #0000cc;
text-decoration: underline;
}
	
.toclabel {
float: left;
width: 285px;
margin-left: 15px;
margin-right: 15px;
}	

.toclinks {
float: left;
width: 40%;
margin-right: 1.5em;
}

.toclinks ul {
	padding-bottom: 1em;
	}

.toclinks h5 {
	letter-spacing: 0;
	}

.toclinks li {
margin-bottom: 0;
}

.toclinks h5 a {
	font-weight: bold;
	color: #222;
	text-decoration: none;
	margin-bottom: 0.5em;
	} 

.cellMimicThree {
	float: left;
	margin-right: 1em;
	width: 30%;
	}
	
.centered {
	text-align: center;
	}

div.cellMimic {
	float: left;
	margin-right: 1em;
	width: 45%;
}

.articleListing {
	margin-top: 1em;
	padding: 0.5em 0;
	border-bottom: solid 1px #e5e5e5;
}

.articleListing h3 {
	font-size: 130%;
	margin-bottom: -0.5em;
}

.articleListing h3 a {
	text-decoration: none;
}

.articleListing h6 { 
	font-size: 1em;
}

.news-archive-item, .archive-item {
	margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: solid 1px #eee;
}

.news-archive-item h3 a, .archive-item h3 a {
	text-decoration: none;
    color: #151515;
}

.news-archive-item h5 a, .archive-item h5 a {
	font-family: "Heebo", Arial, Helvetica, sans-serif;
}

#premtablebox iframe {
width: 290px; 
overflow: hidden; 
height: 310px;
}

#minitable {
background-color: #fff;
width: 100%;
}

#minitable th, #minitable td {
padding: 1px;
border-bottom: solid 1px #ddd;
color: #666;
text-align: left;
height: 25px;
}


.stats-table {
	max-width: 95%;
	border-collapse: separate;
/* 	border-spacing: 2px; 
	border: solid 1px #d5d5d5;*/
}

.stats-table th, .stats-table td  {
	padding: 6px 10px;

}

.stats-table th {
	font-weight: bold;
	background: #f9f9f9;
}

.stats-table th.empty {
	background: none;
}

.stats-table th.labels {
	text-align: left;
	background: #f5f5f5;
	border-bottom: solid 1px #fff;
}

.stats-table th.headers {
	background: #4690cd;
	color: #fff;
	width: 23%;
	border-right: 1px solid #fff;
}

.stats-table td {
	text-align: center;
	border-bottom: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
}

.stats-table .labels {
	width: 50%;
}

.stats-table td.superior {
	color: #0000cc;
	font-weight: bold;
}

div.messagebox {
	border: solid 1px #0000cc;
	padding: 10px;
	color: #222;
	margin: 0.5em 0;
	}

.errorbox {
width: 90%;
background-color: #FFFFcc;
border: solid 1px #99ccff;
padding: 8px;
text-align:center;
margin: auto;
}

.successbox {
width: 95%;
background-color: #f5f5f5;
border: solid 1px #0000cc;
padding: 10px;
margin: 3em auto;
color: #0000cc;
}

.successbox p {
color: #444;
}

strong.middot {
	margin: 0 0.5em;
}

.pullquote {
	border-top: solid 3px #0000cc;
	border-bottom: solid 3px #ccc;
    padding: 2em 0 1em 1.5em;
    color: #222;
    background: url(/images/global/2014/pullquote.gif) no-repeat;
    font-family: "archivo narrow", calibri, arial, helvetica, sans-serif;
    font-style: italic;
    font-size: 1.3em;
    line-height: 1.3;
}

.insetquote {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin: 2em;
    padding: 1em 2em 1em 2em;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	}

.pq-attribution, .iq-attribution {
	font-weight: normal;
    color: #777;
    font-style: normal;
    font-size: 0.8em;
    font-family: arial, helvetica, sans-serif;
}


.pagination a, .pagination a:active  {
  text-decoration: none;
}

.paginate-direction {
	color: #666;
}

.paginate-active {
	color: #fff;
    background-color: #000099;
    padding: 3px 6px;
    font-weight: bold;
}

.paginate-inactive {
	color: #fff;
    background-color: #aaa;
    padding: 3px 6px;
    font-weight: bold;

}

#calloutbar {
	display: none;
}

.underrule {
background-image:url(/images/global/dotted-horizontal.gif);
background-repeat: repeat-x;  
height: 1px; 
margin: 2px 0 2em 0;
}

#mob-navwrapper ul {
margin: 0;
}


img.sourceRank {
    height: 12px;
}

.breadcrumb-divider {
	display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/images/global/2014/breadcrumb-divider.png) no-repeat center 7px;
    background-size: 12px 12px;
}

.scrollToTop{
	width:65px; 
	height:60px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:100px;
	right:65px;
	display:none;
	font-size: 0.7em;
	border: solid 1px #eee;
	border-radius: 5px;
	background:  #fff url('/site/beta/img/arrow_up.png') no-repeat 50% 80%;
	z-index: 50000;
}

.scrollToTop:hover{
	text-decoration:none;
}


#ticker_container {
  padding: 10px;
  overflow: auto;
}



ul#hpVideo {
	width: 100%;
	float: left;
	margin: 0.75em 0 0 0;
	}

#hpVideo li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 0;
	margin-bottom: 1em;
	font-size: 0.8em;
	line-height: 1.2;
	}

#hpVideo li img {
	width: 100%;
	height: auto;
	}
	
	
#hpVideo li iframe {
	width: 100% !important;
	height: 125px !important;
	}
	
#homeTweets, #homeComments { 
	width: 90%;
	margin: auto;
	}	
	
#tertiary #sideArticles, #tertiary #homeTwitter {
	display: block;
	padding-left: 0.1em;
	margin: 0.5em 0 1.5em 0;
	}

#tertiary #homeTwitter {
	padding: 1em;
	background: #f9f9f9;
	border: solid 1px #e1e1e1;
}	

span.audioLink {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('/images/global/2014/icn-audio.png') no-repeat center bottom;
	background-size: 20px 20px;
	margin-bottom: -2px;
	}

img.inline-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
}


/* JQUERY OVERLAY BOX */ 

#comment-edit-overlay { 
    background-color:#fff;
    color:#222;
    display:none; 
    padding:20px;
    min-width:400px;
    min-height: 180px;
}

#std-overlay { 
    background-color:#fff;
    color:#222;
    display:none; 
    padding:20px;
    width:90%;
    min-height: 420px;
}

#share-overlay { 
    background-color:#fff;
    color:#222;
    display:none; 
    padding:20px;
    width:80%;
    min-height: 320px;
}

#rep-overlay { 
    background-color:#fff;
    color:#222;
    display:none; 
    padding:20px;
    width:80%;
    min-height: 320px;
}


#commentText.commentEditBox {
	width: 300px;
	height: 65%;
	float: none;
	margin: 0.75em 0 0 0;
	}

.bClose {
    cursor:pointer;
    position:absolute;
    right:10px;
    top:10px;
	font-size: 1em;
	text-transform: uppercase;
	background-color: #f5f5f5;
	color: #999;
	border: solid 1px #d9d9d9;
	border-radius: 3px;
	padding: 0.2em 0.6em;
}

a.bClose {
	text-decoration: none;
	}

html.iframed, body.iframed {
	background: #fff;
	margin: 0;
	padding: 0;
	}


#calloutbar {
	font-family: "Roboto Condensed", Arial, sans-serif;
	height: 28px;
	line-height: 28px;
	color: #bbb;
	padding: 4px 5px 0 25px;
	margin-top: 5px;
	font-size: 1em;
	text-transform: uppercase; 

}

#calloutbar .cobBullet {
	display: inline-block;
	margin: 0 0.25em;	
	}

#calloutbar a {
color: #333;
text-decoration: none;
}

#calloutbar a:hover {
color: #0000cc;
text-decoration: none;
}

#calloutbar a.emph {
	background: #4690cd;
	color: #fff;
	padding: 0.1em 0.5em 0.2em 0.5em;
	}


#searchLabel {
	margin-right: 25px;
	}

.social-icons {
	width: 125px;
	height: 32px;
	margin: 8px 0 0 1em;
	float: left;
   	text-align: left;
}

.social-icons li img {
	width: 21px;
    height: 21px;
}

.social-icons li a {
	height: 21px;
	width: 21px;
	display: inline-block;
	}

.social-icons li {
	display: inline;
	width: 22px;
	height: 22px;
	margin: 0 2px;
    padding: 10px 0 0 0;

}

.fbghost {
	visibility: hidden;
	height: 1px;	
	width: 300px;
}



#dismiss_button {
		text-align: center;
		font-size: 0.9em;
		font-weight: bold;
		padding: 0.25em;
		border-radius: 5px;
		cursor: pointer;
		width: auto; 
		height: auto; 
		position: absolute; 
		top: 10px; 
		right: 10px; 
		z-index: 5020; 
/*		background: url('/images/global/2017/icn-dismiss.png') no-repeat center center; 
		background-size: 20px 20px; */
		background: #03b6ff;
		color: #fff;
	
	}

	#fixedFooter {
		display: block;
		width:100%;
		position: fixed;
		bottom: 0;
		z-index: 5000;
		background: rgba(9, 23, 37, 0.8);
		height: 100px;
	}
	
	#fixedFooter a {
		color: #03b6ff;
		}

	#slideFooter div.wrapper {
		font-size: 0.9em;
		width: 80%;
		height: auto;
		vertical-align: middle; 
		margin: 0 auto; 
		position: relative;
		color: #fff;
	}






/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {



#page {
	margin: auto;
}

#innerpage {
	background: #fff;
  /*  overflow: hidden; */
    width: 100%;
    }

#masthead {
	width: 100%;
	height: 100px;
	background: #123252; /* fallback for non-supporting browsers */
	background-image: -webkit-radial-gradient(50% 50%, circle farthest-side, #20538a, #081623);
	background-image: -moz-radial-gradient(center center, circle farthest-side, #20538a 0%, #081623 100%);
	background-image: -ms-radial-gradient(center center, circle farthest-side, #20538a 0%, #081623 100%);
	background-image: -o-radial-gradient(center center, circle farthest-side, #20538a 0%, #081623 100%);
	background-image: radial-gradient(center center, circle farthest-side, #20538a 0%, #081623 100%);
}

#mlogo {
	position: absolute;
	top: 14px;
	left: 15px;
	width: 178px;
	height: 50px;
    background: url(/images/global/2014/logo-tw@2x.png) no-repeat;
	background-size: 103px 50px;
}

#logo {
	background-position: center center;
	}


#globalnav {
	height: 20px;
	margin-top: 0;
    display: none;
}

#hotlinks {
	display: none;
}

#mCalloutBar {
	width: 100%;
	background: #292929;
	border-top: solid 1px #111;
	height: 34px;	
	margin: 0;
} 

#mCalloutBar ul {
	margin: 0;
	}

#mCalloutBar li {
	float: left;
	padding: 0.5em 0.75em 0 0.75em;
	height: 26px;
	line-height: 22px;
	list-style: none;
	color: #fff;
	font-weight: normal;
    font-size: 0.9em;
    border-right: 1px solid #111;
}

#mCalloutBar a {
	color: #fff;
text-decoration: none;
}


#mCalloutBar li#mBreakMobile {
	background: url(/images/global/2011/icon-mobile.png) no-repeat;
	background-position: 50% 50%;
	width: 35px;
	padding: 0 1em 0 0;
}

#mCalloutBar li#mGoMobile {
	background: url(/images/global/2011/icon-gomobile.png) no-repeat;
	background-position: 50% 50%;
	width: 25px;
	padding: 0 1em 0 0;
}

#menuMobile {
    background: url(/images/global/2011/icn-menu-mobile.png) no-repeat scroll 10% 50%;
	background-size: 18px 15px;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: 500;
    height: 20px;
    line-height: 22px;
    margin: 1.7em 1.5em 0 0.5em;
    padding: 0.4em;
    text-transform: uppercase;
    width: 60px;
	text-align: right;
	}

#menuSearch {
   	background: url(/images/global/2011/icon-search.png) no-repeat 50%; 
	background-size: 18px 18px;
	border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: 500;
    height: 18px;
    line-height: 22px;
    margin: 1.4em 0.5em 0 0.5em;
    padding: 0.4em;
    text-transform: uppercase;
    width: 25px;
}


#menuUser {
   	background: url(/images/global/2014/icn-user-white.png) no-repeat 50%; 
	background-size: 22px 22px;
    float: right;
    height: 24px;
    line-height: 24px;
    margin: 1.5em 0.5em 0 0.5em;
    padding: 0.4em;
    width: 24px;
}

#menuOptions {
   	background: url(/images/global/2011/icn-member.png) no-repeat 50%; 
	background-size: 20px 20px;
	border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: 500;
    height: 18px;
    line-height: 22px;
    margin: 1.4em 0.5em 0 0;
    padding: 0.4em;
    text-transform: uppercase;
    width: 25px;
}

#mob-navwrapper {
	width: 100%;
	display: none;
	clear: both;
	background-color: #232323;
}


#navmain ul {
	list-style: none;
	margin-left: 0;
    padding-left: 0;
    width: 100%;
}

#navmain a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 0 10px;
	border-right: 0px solid #fff;
	color: #fff;
}

#navmain li {
	float: none;
    list-style: none;
	font-weight: bold;
	padding: 0 0 10px 5px;
	width: 100%;
	height: 2em;
	line-height: 1.8em;
    margin-bottom: 0;
   background-color: #454545;
   border-bottom: solid 1px #555;
}


#search {
	display: none;
}

#content {
	padding-top: 1em;
}

.container  { 
	position: relative; 
    width: auto; 
    padding: 0 20px; 
	margin: 0;
    }

div.article-container { 
	padding: 0;
	}


#main, #submain {
	width: 100%;
    float: none;
}

#submain {
	width: 96%;
	padding: 0.75em 0.5em 1em 0.5em;
	}
	
div.article-container #submain {
	width: 100%;
	padding: 1em 0 0 0;
}


#tertiary {
	width: 90%;
	margin: auto;
}

.members-tab span {
	display: none;
	}

.topbar {
	text-align: left;
	}

.topbar li {
	list-style: none;
	display: inline-block;
	text-transform: uppercase;
	font-family: "roboto condensed", arial;
	font-size: 0.75em;	
	font-weight: normal;
	padding: 10px 5px 5px 5px;
	}

.topbar li a {
	color: #222;
	text-decoration: none;
	}

.topbar li a:hover {
	color: #777;
	}



/* ===== Homepage News ======*/


.homeColumnTertiary { 
 	float: none;
    clear: left;
    display: none;
}


.homeColumnTertiary ul {
	margin-bottom: 1em; 
	  margin-left: 0;
      list-style: none;
}

.homeColumnTertiary li {
	margin-bottom: 0.1em;
}

.homeColumnTertiary li a {
	text-decoration: none;
    color: #333;
}

.logoStamp {
	display: inline-block;
	text-align: center;
    width: 210px;
    height: 53px;
    background: #222;
    margin: 1em 1em 1.5em 1.5em;	 
    border: solid 1px #333;
    color: #ccc;
    padding: 0;
    font-size: 0.8em;
}

.logoStamp img {
	display: inline-block;
	vertical-align: middle;
	}

#tertiary.tierTwo .logoStamp {
	margin: 0 1em 1.5em 1em;
}

#tertiary.tierTwo .videoBox object {
	width: 300px !important;
	margin-bottom: 1.5em;
	}

.logoStamp a {
	color: #ccc;
}

.logoStamp img {
	margin: 0;
}


#homeNews {
	line-height: 1.3;
}

#homeBrief {
    line-height: 1.3;
}

ul.home-news-block  {
	  margin-left: 0;
      list-style: none;
}

ul.home-news-block li {
      list-style: none;
}


/* .home-news-block li:last-child {
	border-bottom: none;
} */

.homeNewsItem {
	border-bottom: 1px solid #E2E2E2;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.sideItem {
	background: #f9f9f9;
	padding: 0.5em;
	margin: 0.2em 0;
	}

.homeNewsItem .newsSplash {
	width: 100%;
}

#homeArticles .homeNewsItem, #homeSubArticles .homeNewsItem, #tertiaryNewsArticles .homeNewsItem {
 	padding-bottom: 1em;
    margin-bottom: 1em;
}

#homeArticles, #homeMessages {
	border-bottom: 3px solid #292929;
    margin-bottom: 0.5em;
	}

.homeNewsItem h6, .sideItem h6 {
	color: #0000cc;
    margin: -0.3em 0 0.1em 0;
}

.homeNewsItem h6.articletag, .sideItem h6.articletag {
	font-size: 0.7em;
	text-transform: uppercase;
	margin-bottom: -0.1em;
	font-weight: normal;
}

.article div.articletag, article div.articletag {
	font-size: 0.7em;
	text-transform: uppercase;
	padding: 0.3em 0.6em;
	color: #fff;
	background: #2b80db;
	text-align: center;
	width: auto;
	display: inline-block;
	font-weight:bold;
}


article a.pagearticletag, .article a.pagearticletag { 
	display: block;
	text-decoration: none;	
	text-align: center;
	color: #fff;
	}



.homeNewsItem p {
 	color: #444444;
    font-size: 0.975em;
    line-height: 1.4;
    margin: 0 0 15px 0;
    }

#homeNews .homeNewsItem h3 {
    line-height: 1.1;
    margin-bottom: 0.3em;
}

.homeNewsItem h3 {
    font-size: 150%;
 	margin-bottom: 0.3em;
}

.homeNewsItem h3 a, .homeNewsItem h4 a {
	color: #252525;
    text-decoration: none;
}

.homeNewsItem h3 a:hover, .homeNewsItem h4 a:hover {
	color: #888;
}

ul.newsExtra {
	margin-left: 0;
    list-style: none;
    clear: left;
}

.newsExtra {
	font-weight: bold;
    margin-bottom: 1em;
}

.newsExtra h6 {
	font-size: 1.05em;
}


.thumbpath {
   /* border: 1px solid #333333; */
    float: left;
    margin: 0.4em 1em 1.25em 4px;
    width: 70px;
    height: 175px;
}

.thumbpath-brief { 
	width: 100%;
    margin: 0 0 1em 0;
}

#homeBrief .homeNewsItem {
	margin-bottom: 1em;
	font-size: 0.95em;
}

#homeBrief .homeNewsItem p {
	margin-bottom: 1em;
}

#homeBrief .homeNewsItem h3.news-headline-only {

    margin-bottom: 0.7em;
}

#homeBrief .homeNewsItem h3 {
	font-size: 120%;
    line-height: 1.1;
    margin-bottom: 0.3em;
    letter-spacing: 0;
}

/* #homeRumours, #homeClubNews, #homeSubArticles,  #tertiaryNewsArticles {
	width: 100%;
	border-top: solid 3px #292929;
    padding-top: 1em;
    margin-top: 1.5em;
}
*/

#homePoll {
	float: none;
	margin: auto;
	background: #292929;
	padding: 1em;
	border: solid 1px #d9d9d9;
	}
	
#homeRumours h3.news-headline-only, #homeClubNews h3.news-headline-only  {
	font-size: 115%;
    line-height: 1.1;
    margin-bottom: 0.7em;
    letter-spacing: 0;
}


.linkCluster h4 {
	font-size: 110%;
    line-height: 1.1;
    margin: 0 0 0.2em 0;
    letter-spacing: 0;
    font-weight: 500;
}

/*
.linkCluster .homeNewsItem h4 a:visited {
	color: #777 !important;
	}
*/

.linkCluster h5 {
	font-size: 100%;
}

#tertiary.tierTwo .linkCluster h4 {
	font-size: 110%;
}


#homeMedia span a {
	text-decoration: none;
    color: #888;
}

#homeMedia h4, #homeTalkingPoints h4, #homeForum h4, #homeMessages h4 {
	margin-bottom: 0;
}

	
.home-list a {
	font-size: 130%;
    line-height: 1.1;
    margin-bottom: 0.3em;
    letter-spacing: 0;
	text-decoration: none;
	color: #151515;
}

h2.home-section-header {
	padding: 0.5em 0.1em 0.5em 0; 
	display: block;
	width: 100%;
	font-size: 110%;
	margin: 0.5em 0 0.5em 0;
	font-weight: 700;
	text-align: center;
	border-bottom: solid 1px #d5d5d5;
	/* background: url(/images/global/2014/header-border.png) no-repeat bottom left; */
	border-top: solid 1px #d5d5d5;
	background: #f1f1f1; 
	text-transform: uppercase;
	/* border-left: solid 5px #0082cb;
	padding: 0.15em 0  0.3em 0;*/
}

h2.home-section-header a {
	color: #292929;
	text-decoration: none;
	font-size: 1em; 
	letter-spacing: -0.01em;
	padding: 0 0.5em 0.5em 0.35em;
	text-transform: uppercase;
}

h2.sub-section-header {
	display: block;
	font-size: 110%;
	margin: 0.5em 0 1.5em 0;
	font-weight: 700;
	border-bottom: solid 1px #d5d5d5;
	padding: 0.5em 0 0.5em 0;
	text-transform: uppercase;
}

h2.sub-section-header a {
	color: #292929;
	text-decoration: none;
	text-transform: uppercase;
}


.video-grid h2.home-section-header {
	background: #555;
	border-bottom: none;
	border-top: none;
	margin-top: 0;
	}

.video-grid h2.home-section-header a {
	color: #fff;
	}

	

#featurezone {
    margin: 1em auto 1.5em auto;
    padding-top: 0;
    width: 98%;
}

#featurezone a {
	text-decoration: none;
}

.featureitem {
    width: 100%;
    background-color: #f1f1f1;
}

.featureimgwrapper {
	width: 100%;
	height: auto;
    overflow: hidden;
    margin-bottom: 8px;
}


.featureitem img {
    width: 100%;
    height: auto;
    float: none;
    border: hidden;
    margin: 0 auto 0.75em auto;
}

.featureitem h5 {
	font-size: 1em;
	line-height: 1.2em;
}

.featureitem h6 {
	
	font-size: 0.75em;
	margin: -.5em 0 0.25em 0;
	text-transform: uppercase;
	}


.featurecaption {
    color: #333;
    line-height: 1.4em;
    padding: 5px 0;
    width: 100%;
    font-size: 0.9em;
}


.featurecaption h5 {
font-size: 1.em;
margin-bottom: 0.4em;

}


/* ====== Misc styles ====== */


.ofinsert {
	border-top: dotted #d5d5d5 1px !important;
	border-bottom: dotted #d5d5d5 1px !important;
	padding: 0.5em 0 !important;
	margin: 2em 0 !important;
	}

.ofinsertalt {
	padding: 0 !important;
	margin: 1em 0 2em 0 !important;
	border-bottom: solid #d5d5d5 1px !important;
	}

.ofinserttop {
	border-top: none !important;
	border-bottom: dotted #d5d5d5 1px !important;
	padding: 0 0 0.5em 0 !important;
	margin: 0 0 1.5em 0 !important;
	}


.mpu, .supersky {
	text-align: center;
    margin-bottom: 1em;
}

.mpu a, .supersky a {
	text-decoration: none;
}

.mpu div, div.supersky div {
	border: solid 1px #f1f1f1;
	background-color: rgb(251, 251, 251);
	}

.hcmpu {
	margin: 1.5em 0;
}

.noAds {
	display: block;
	width: 100%;
	text-align: center;	
	margin: 1em auto;
	font-size: 0.8em;
}

.azdetail {
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 90%; 
    color: #777;     
    }
    
.ap-qualifier {
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 60%; 
    }    

#premtablebox iframe {
    width: 100%; 
    overflow: hidden; 
    height: 310px;
}

#premtablebox {
	margin: 2em 0;
	background: #fff;
	padding: 0.5em;
}


.adspot125 {
	width: 125px;
    height: 125px;
    margin: 10px;
    display: inline-block;
}

div.adspot140 {
	width: 140px;
    height: 140px;
    margin: 10px 5px;
    display: inline-block;
}

div.adspot140 img {
	width: 140px;
    height: 140px;
}

.icn-edit, .icn-link {
	height: 9px;
	width: 11px;	
}

.calendarBox a {
	text-decoration: none;
}

.calendarMatch {
	clear: left;
    margin: 0.75em 0;
    line-height: 1.3;
}

.calendarMatch img {
	float: left;
    margin-right: 10px;
    width: 40px;
}

.calendarQualifier {
	font-size: 0.9em;
    color: #999;
}

.drawer {
/*    background: url(/images/global/2014/section-header.png) 0 0 repeat-x; */
	padding-top: 2em;    
}

.popularLinks {
    padding-top: 1em;
}

.popularLinks ul {
	padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0;
    list-style: none;
}

.popularLinks ul li {
	line-height: 1.2;
    margin-bottom: 5px;
}

.popularLinks ul li a {
	text-decoration: none;
    color: #444;
}

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

.popularLinks ul li strong {
	font-size: 1.1em;
}

#tertiary .calendarBox a {
	display: block;
    width: 45%;
	float: left;
    margin: 0 0.5em;
}

#tertiary .popularLinks ul {
	width: 45%;
    float: left;
    margin-right: 1em;
}

.breadcrumb a {
	text-decoration: none;
    color: #aaa;
	border: solid 1px #e5e5e5;
	padding: 0.35em 0.5em;
	border-radius: 2px;
	text-transform: uppercase;
}

.breadcrumb a:hover {
    color: #4690cd;
}

.breadcrumb .active {
	background: #0099ff;
	color: #fff;
}

h6.breadcrumb, div.articleBody h6.breadcrumb {
	font-size: 0.8em;
	margin: 0.5em 0 1em 0;
    color: #999;
    font-weight: 400;
}

h6.articleSubheading{
	color: #0000cc;
    font-size: 1.2em;
    margin-bottom: 1em;
}

.pagesubheading {
	font-family: "Roboto Condensed","Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #0000cc;
}

h3.synopsis {
	color: #888;
	font-weight: 400;
	margin-bottom: 1em;
	font-size: 100%;
	line-height: 1.5em;
}

.dek {
	margin-bottom: 0.5em;
    color: #777;
    padding-bottom: 1em;
    border-bottom: solid 1px #e5e5e5;
}

.dek span {
	margin-right: 0.5em;
}

.dek a {
	text-decoration: none;
}

.deck {
	margin-top: 1.5em;
	margin-bottom: 2em;
    color: #222;
	text-transform: uppercase;
    padding: 1em 0;
    border-bottom: solid 1px #e5e5e5;
    border-top: solid 1px #e5e5e5;
    font-weight: 600;
	font-size: 0.85em;
}

.deck span {
	margin-right: 0.5em;
}

.deck a {
	text-decoration: none;
	color: #0000cc;
}

.deck span small {
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0;
}

#usernameCheck {
	float: left;
	width: 152px;
	height: 24px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}

.usernameLoading{
  background: url(/images/global/gif.gif)
}

.usernameFail {
	background: url(/images/global/not-ok.png);
}

.usernamePass {
	background: url(/images/global/ok.png);
}


.pullquote {
    margin: 1em;
    padding: 2em 1em 1em 1em;
}


.mailbagitem {
	border-bottom: solid 1px #d5d5d5;
    padding-bottom: 1em;
    margin-bottom: 2em;

}

.mailbagitem h3 a {
	text-decoration: none;
}

.articleCommentsCount {
display: inline;
padding-left: 15px;

}

#addyourcomments h3 {
	margin-bottom: 1em;
}

span.adminEditLinks a {
	display: inline-block;
	background: #666;
	color: #fff;
	text-decoration: none;
	border-radius: 1px;
	padding: 2px 5px;
	font-size: 0.7em;
	font-weight: 700;
	letter-spacing: -0.025em;
}

article {
    line-height: 1.575;
	margin: auto;
}

article .articleBody {
	line-height: 1.6;
	font-size: 1.05em;
	font-family: "Open Sans", arial, helvetica, sans-serif;

 }

.articleBody {
	font-family: "Open Sans", arial, helvetica, sans-serif;
	font-size: 1.05em;
 }


article .articleBody p {
	margin: 0.9em 0;
	}


div.article-container .article, div.article-container article {
	width: 100%;
	}


div.article-container .articleBody { 
	width: 90%;
	margin: auto;
	padding: 0 0 0 0;
	}

.articlePhoto {
	float: none;
    padding: 0 0 1em 0;
    font-size: 0.9em;
}
    
article .shareBox {
	text-align: center;
    font-size: 0.8em;
    color: #999;
    padding-bottom: 1.5em;
    margin-top: 2em;
} 

article .shareBox div {
	text-align: center;
	width: 250px;
    margin: auto;
} 

article .shareBox .at-share-tbx-element a.at-share-btn  {
 
	}

article .newshareBox {
	display: inline-block;
	margin-left: 1em;
	}

article .newshareBox div {
	display: inline-block;
	}

article .adminShortcut {
	text-align: center;
    margin: -2em 0 1.75em 0;
    font-size: 0.9em;
}    

article .mainImage {
	font-size: 0.8em;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;   
    margin-bottom: 1.5em; 
    float: none; 
}

article .mainImage img {
	margin: 0.6em auto 1em auto;
    max-width: 100%;
}

.twitterFollow {
    color: #444;
    padding: 0.2em 0.3em;
    font-size: 0.9em;
    font-weight: bold;
    vertical-align: middle;
    width: auto;
    display: inline-block;
    border-radius: 3px;
}

.twitterFollow img {
	margin: 0 0.5em -5px 0;
}

a.twitterFollow {
    color: #fff;
	text-decoration: none;
    }
    
#adminLinks {
	display: none;
}

#commentText {
    width: 95%;
}

#footermenu div {
	margin-right: 5px;
}

.hcmpu {
	width: 300px; 
	height: 250px; 
	margin: 25px auto 15px auto;
	background: url(/images/global/2011/ad-not-supported.png) no-repeat;
}

.articleHero {
	margin: 10px 0 1.5em 0;
	min-height: 200px;
}

#super-hero {
	display: none;
}


}


/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {



}


/* SMALL TABLET */
@media only screen and (min-width: 569px) {



#masthead {
    position: relative;
    height: 210px;
}


#calloutbar {
	display: block;
}

#toppanel {
	display: block;
	top: 0px;
	}

.tab ul.login {
	right: 0;
	padding-right: 15px;
}

.tab ul.login li.membersicon, .tab ul.login li.left {
	display: none;
	}

#panelform .content .left {
	width: 27%;
	line-height: 1.5;
}


#hotlinks {
	display: block;
}

#mCalloutBar {
	display: none;
}

#menuMobile {
	display: none;
}

#navwrapper {
	border-left: 0px solid #000;
	text-align: left;
	z-index: 2000;
	position: relative;
	padding-left:0px;
	display: block;
	width: 98.5%;
	margin-left: 3px;
	float: left;
    height: 40px;
}


ul#navmain {
background: #333;
}

#navmain li {
	float: left;
	border: 0px solid #fff;
	border-right: 0px solid #333;
	border-bottom: none;
	border-top: none;
	padding: 0 0 4px 0;
	list-style: none;
	width: auto;
}




.members-tab {
	display: inline-block;
	
	font-family: "roboto condensed", arial;
	font-size: 0.9em;
	font-weight: normal;
	padding: 10px 5px 5px 5px;
	width: 35%;
	float: right;
	text-align: right;
	color: #666;
	}
	
.members-tab a {
	color: #0056cc;
	text-decoration: none;
	}	

.members-tab a:hover {
	color: #0000ff;
	text-decoration: none;
	}	


#mh-embellish {
	background: url(/images/global/2011/rd-poppy.png) no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 122px;
	left: 124px;
}


.textsize {
	display: none;
}


#searchLabel {
	float: right; 
    width: 25px;
    height: 38px;
    line-height: 32px;
    color: #888;
    font-family: "Roboto Condensed","Helvetica Neue",arial,helvetica,sans-serif;
    font-size: 1em;
    padding-left: 10px;
}

#searchLabel a {
	color: #fff;
    text-decoration: none;
}


#searchIcon {
	background: url(/images/global/2017/icn-search.png) no-repeat 0% 30%;
	background-size: 16px 16px;
    height: 100%;
    padding-right: 25px;
    padding-left: 25px;
    color: #888;
}

#searchIcon a {
	color: #888;
}

#search {
    float: right;
    width: 225px;
    z-index: 2000;
    display: none;
    margin-top: -8px;
}


input.searchbox {
    font-size: 12px;
    color: #fff;
    width: 165px;
    margin-right: 6px;
    padding: 4px;
    font-family: "Roboto Condensed","Helvetica Neue",arial,helvetica,sans-serif;
    font-size: 1em;
}

#newsbar {
	font-size: 0.8em;
    z-index: 2500;
    height: 40px;
    line-height: 33px;
	/*  background: #fff; */
    color: #555;
    /* border-bottom: solid 1px #e5e5e5; */
	float: left; 
	width: 62%;
	max-width: 550px;
}

#newsbar a {
    font-weight: normal;
    text-decoration: none;
    color: #bbb;
}

#newsbar a:hover {
	color: #d5d5d5;
	}

#newsbar #newsreel {
	float: left;
    padding-bottom: 1px;
}

#newsbar #newsBar-bar {
	float: left; 
    padding-left: 3px; 
    overflow: hidden;
    max-width: 280px;
}


.bcnewsticker {
	border-right: solid 1px #111;
	padding: 2px 1em 0 0;	
	height: 40px;
	overflow: hidden;
	}

.bcnewsticker-right, .bcnewsticker-left {
	display: inline-block;
	width: 20px;	
	height: 40px;
	vertical-align: top;
	}

.bcnewstickercontent {
	display: inline-block;
	width: 280px;
	height: 36px;
	overflow: hidden;
	margin-top:
	vertical-align: middle;
	}

.bcnewstickerarrow {
	font-size: 1.3em;
	}

.bcnewstickercontent a:hover {
	color: #fff;
	}

#hotlinks {
/*   border-bottom: solid 1px #e5e5e5;*/
	border-top: solid 1px #000;
	background: #292929;
    color: #fff;
    padding: 0 0 2px 19px;
    height: 40px;
}

#hotlinks li {
	display: inline;
    margin-right: 0.5em;
    height: 35px;
    line-height: 35px;
    font-family: "Roboto Condensed", "Helvetica Neue", arial, helvetica, sans-serif;
	font-size: 0.95em;
}

#hotlinks li a {
	color: #fff;
	text-decoration: none;
}

div.nav li.adminbutton a {
	color: #0c9af5;
}

div.nav li.adminbutton ul li a {
	color: #fff;
}


.hotlinks-list {
	float: left;
    width: auto;
}


#thefc-widget.sidebar-widget {
	display: none !important;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4) !important;
	}



/* ===== Homepage News ======*/

.homeColumnMain {
	width: 60%;
    float: left;
    margin: 0 0 2em 0;
}

.homeColumnSecondary {
	float: left;
	width: 32.5%;
	margin: 0 0 0 15px;
    border-right: none;
    padding-right: 0;

}

.homeNewsItem {
	padding: 0 0.4em 0 0;
}

#tertiary .homeNewsItem {
	padding: 0.5em 0 1em 0;
}


#homeNews .homeNewsItem h3 {
    font-size: 150%;
}

.featureitem {
    width: 94%;
    overflow: hidden;
    padding: 0.75em;
    margin-bottom: 1em;
}

.featureimgwrapper {
	width: 100%;
	height: auto;
    overflow: hidden;
    margin-bottom: 8px;
    max-height: 160px;
}

#tertiary .drawer {
	display: block;
	padding: 1em;
	margin: 1.5em 0 1.5em 0;
	float: left;
	background: #121212;
}

#tertiary .linkCluster {
    float: left;
    margin-right: 30px;
}



#tertiary #homeSubArticles.linkCluster {
clear: left;
}

#tertiary.tierTwo .logoStamp {
	margin: 0 0.5em 1.5em 0.5em;
}

#premtablebox {
	width: 44%;
    float: right;
    padding: 0;
}

#tertiary.tierTwo #premtablebox {
	float: left;
}


#adzoneTwo, #adzoneThree {
	text-align: center;
    float: right;
    width: 50%;
}


#subNews {
	width: 44%;

	}



#hpTabs #homeArticles, #spTabs #homeArticles {
	width: 90%;
	border: 0;
	margin: 0;
	padding: 0;
	}
	


#homeTweets, #homeComments {
	clear: left;
	background: #fff;
	padding: 0.5em;
	width: 47%;
	float: left;
	margin-top: 1em;
	border: solid 1px #d5d5d5;
}



#tertiary #homeMisc {
	width: 45%;
	float: left;
	background: #fff;
	margin-bottom: 0;
	padding-top: 0;
}


.articlecommenter {
    float: left;
    width: 30%;
    margin-right: 2em;
}


strong.commentAuthor, strong.commentAuthor a {
    color: #222; 
}

#commentText {
    width: 60%;
}

.articlecommenttext {
    float: left;
    width: 60%;
    color: #222;
    font-size: 1em;
    line-height: 1.45em;
    word-wrap:break-word;
	margin-top: 0;
}

.articleHero { 
    width: 100%;
    max-height: 500px;
    min-height: 400px;
    overflow: hidden;
    margin: 0 0 0.5em 0;
}

.articleHero img { 
	width: 100%;
	}

#logo {
	width: 490px;
	height: 160px;
}

article h1 {
	font-size: 215%;
    line-height: 1.2;
	letter-spacing: -0.5px;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
    /*padding-bottom: 0.2em;*/
  /*  border-bottom: solid 1px #e5e5e5;
*/}

article h3, #article h3 {
	font-size: 150%;
    margin-bottom: -0.3em;
    margin-top: 1em;
}

article h4, #article h4 {
	font-size: 120%;
    color: #454545;
	margin-top: 1.25em;
	margin-bottom: -0.5em !important;
	border-bottom: solid 1px #ddd;
	display: inline-block;
}

#article h5, #article h5 {
	font-size: 115%;
    color: #0000cc;
    margin: 0.75em 0 -0.5em 0;
}


article h5, article h5 {
    margin: 0.75em 0 -0.25em 0;
}



.mainImage {
	float: none;
    width: 255px;
    padding: 0em 1em 2.5em 2em;
}


sidebar  {
	border: solid 1px #eee;
	display: block;
	width: 225px;
    float: right;
    padding: 1em 1em 1.5em 2em;
    clear: right;
    margin: 0.5em 0.5em 1.5em 1.5em;
}

article sidebar {
	display: block;
	width: 255px;
    float: right;
    padding: 1em 1em 2.5em 2em;
    clear: right;
    border: 0;
}

.infobox {
	border: solid 1px #eee;
    padding: 1.5em;
    margin: 1.5em 0;
	}

article .relatedLinks {
	display: block;
	width: 220px;
    float: right;
    padding: 1em 1em 0.5em 2em;
    clear: right;
	font-size: 0.9em;
    margin: 1em 1em 1em 2em;    
    background: #f9f9f9;
}

article .relatedLinksBottom {
	width: 85%;
	float: none;
	margin: 1em auto 1em auto; 	
	padding-top: 0;
	
	}
    
article .shareBox {
    margin: 0 auto 1em auto;
    padding: 3em 0 2em 2em;
} 

article .newshareBox {
	margin-left: 0;
	}

.dek {
	margin-bottom: 2em;
    font-size: 0.9em;
}

.pullquote {
	width: 28%;
	float: right;
    margin: 1em 0.75em 2em 2em;
    padding: 2em 0 1em 1.5em;
}




.popularLinks {
	float: right;
    width: 45%;
}


.video-container {
	height: 310px;
	max-height: 470px;
	width: 100%;
}


#commentText.commentEditBox {
	width: 550px;
	}


	#fixedFooter {
	height: 85px;
		padding-top: 1em;
	}
	
	#slideFooter div.wrapper {
		text-align: center;  
	}



}

@media only screen and (min-width: 660px) {



body {
	background-color: #f1f1f1;
}

body.pageClub .container, body.pageHistory .container, body.pageFans .container, body.pageSeason .container, body.pagePlayers .container, body.pageSite .container, body.pageOpinion .container, body.pageNews .container {	
	padding-top: 20px;
	}


.members-tab span {
	display: inline-block;
	}

#searchLabel {
    width: 72px;
}



#tertiary .drawer {
	display: block;
	width: 42%;
	float: right;
	margin-bottom: 2em;
}


#tertiary .supersky {
    float: left;
    margin: 1.5em 1em 0 0;
    width: 48%;
}

#tertiary .supersky img { 
	width: 300px;
	max-width: 300px;
	}


#masthead {
	background: #050f1a; 
	background-image: url(/images/global/2020/bg-masthead.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

.nav a {
    padding:0 5px;
    margin:0 6px;
}


.container {
	border-top: 1px dotted #d5d5d5;
}

#spTabs {
	width: 47%;
	float: left;
	margin-right: 1.5em;
	}

#tertiary #hpTabs  #homeArticles, #tertiary #spTabs  #homeArticles {
    float: right;
    margin: 0 0 0 0;
    padding: 0;
    width: 45%;
}


figure {
	float: right;
	margin: 1em 0 2em 2em;
}

.photoinsetright, .insetr {
	float: right;
	}

.photocreditHero {
	position: absolute;
	bottom: 0;
	right: 0;
 	color: #ddd;
 	font-size: 0.65em;
	 padding: 0.3em 1em;
	 display: block;
	 background: rgb(0, 0, 0, 0.5); 
	 background: rgba(0, 0, 0, 0.5); 
	 width: auto;
	 }


#hpVideo li {
	width: 30%;
	height: 160px;
	float: left;
	margin-right: 1.5em;
	}


/* JQUERY OVERLAY BOX */ 


#std-overlay { 
    min-width:400px;
    min-height: 540px;
}



}

@media only screen and (min-width: 768px) {


#submain {
	width: 94.5%;
	padding: 0.75em 0.5em 1em 1.75em;
	}

#logo {
		position: absolute;
	top: 35px;
	left: 35px;
	width: 420px;
	height: 98px;
 	background: url(/images/global/2017/logo-twmain.png) no-repeat; 
/*	background: url(/images/global/2014/logo-tw2014-xmas_2x.png) no-repeat; */
    background-size: 420px 98px;
    }
    
#mlogo.mlogo { 
	display: none;
    }

#mob-navwrapper {
	display: none;
}


#randomplayer {
	display: block;
}

#calloutbar {
height: 35px;
}


.topbar li {
	font-size: 0.85em;	
	}
	
	body.pageClub .container, body.pageHistory .container, body.pageFans .container, body.pageSeason .container, body.pagePlayers .container, body.pageSite .container, body.pageOpinion .container, body.pageNews .container {
padding: 20px 0 0 0;
}

.article-container { 
	padding: 0;
	}
	
div.article-container .articleBody { 
	padding-left: 0;
	padding-right: 0;
	}

.homeColumnSecondary {
	width: 34.75%;
    padding-bottom: 1.5em;
}

#subNews {
	margin-bottom: 2.5em;
	}

.bcnewstickercontent {
	display: inline-block;
	width: 400px;
	overflow: hidden;
	}
	
	

#tertiary #hpTabs  #homeArticles, #tertiary #spTabs  #homeArticles {
	width: 100%;
	}

/* tab pane styling */
.panes div {
    display:none;
    padding:15px 10px;
    border:1px solid #d5d5d5;
    border-top:0;
    height:auto;
    overflow: hidden;
    background-color:#fff;
    margin-bottom: 1em;
}


	
.panes div {
    height:auto;
    overflow: hidden;
}


#spTabs .panes div {
    height:475px;
    overflow: hidden;
}

.homeBlock {
 padding: 0;
}


.tab ul.login {
	right: 15px;
	padding-right: 0;
}

.tab ul.login li.membersicon, .tab ul.login li.left {
	display: block;
	}


#tertiary #homeArticles.linkCluster {
	margin-right: 0;
}




#tertiary .rectangleAd {
	margin: 0.5em auto 0.5em auto;
	width: 300px;
}

#tertiary .rectangleAd img {
	width: 300px;
}


#adzoneTwo, #adzoneThree {
    width: 45%;
}

.articleHero { 
display: block;

}

article .newshareBox {
	margin-left: 0.75em;
	}

article .mainImage {
    float: right;
}



.toclisting {
width: 45%;
float: left;
}

#seasonIndex .toclisting {
width: 45%;
float: left;

}


.dek {
    text-align: left;
	}	


.commentCount {
	font-weight: bold;
	font-size: 0.85em;
}


#footermenu {
padding: 20px;
margin: 0 auto 20px auto;

}

#footermenu div {
	float: left;
	width: 16.65%;
	font-size: 0.9em;
	color: #fff;
	text-align: left;
	margin-right: 0;
}

.news-archive-item, .archive-item {
    width: 80%;
}

.video-container {
	height: 360px;
}

#hpVideo li {
	height: 190px;
	}

#std-overlay { 
    width:600px;
}

	#slideFooter div.wrapper {
		width: 75%;
		}

.insetf iframe {
	min-height: 375px !important;
	}
	
	table.regwidth {
	width: 85%;	
}


}


/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 980px) {



#page {
    margin: 0 auto;
    width: 1024px;
    background-color: #fff;
    position: relative;
}

#innerpage {
	position: relative;
	 z-index: 5;
	width: 94%;
    padding: 0 0 0 0;
    margin: auto;
	/*
    box-shadow: 0 0 6px 6px #eee;
   -moz-box-shadow: 0 2px 12px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.3);
	box-shadow: 0 2px 12px rgba(0,0,0,0.3);
	*/
}

.social-icons {
	width: 125px;
	margin: 7px 0 0 0;
}


.container  { 
    margin: 0 auto 10px auto; 
	padding: 0;
    }

.container .column, .container .columns  { 
	float: left; 
    display: inline; 
    margin-right: 10px; 
    }

#super-hero {
	display: block;
	width: 100%;
    background: url(/images/homepage/splash/ss-lukaku-1.jpg) no-repeat;
    height: 200px;
    margin: 0.75em 0 0 0;
    overflow: hidden;
}

.textsize {
	display: block;
	float: right; 
    width: 150px;
	height: 30px;
	line-height: 30px;    color: #888;
    font-family: "Roboto Condensed","Helvetica Neue",arial,helvetica,sans-serif;
    font-size: 1em;
    padding: 0 20px 0 10px;
	margin: 0 1em 0 0;
}

.textsize a {
	color: #888;
    text-decoration: none;
}

#calloutbar .cobBullet {
	display: inline-block;
	margin: 0 0.5em;	
	}


.tab a.open {
    top: 0;
    }


#panelform .content .left {
	width: 29%;
}



#main {
	width: 68%;
    float: left;
	box-sizing: border-box;
	padding: 0;
	/* border-right: 1px solid #ddd; */
}

#submain, div.article-container #submain {
	width: 65%;
    float: left;
	padding: 0;
}

#tertiary {
	width: 305px;
    margin-left: 0;
    float: right;
}

div.article-container .articleBody { 
	width: 98%;
	}

#tertiary .calendarBox {
	width: 96%;
    float: none;
    }


#tertiary .mpu {
	display: block;
    float: none;
    margin: 0;
    padding: 0;
}

#tertiary .mpu img {
	max-width: 300px;
} 


#tertiary .mpu iframe {
    border: solid 1px #e5e5e5;
}

#tertiary .supersky {
	width: 100%;
    float: none;
    margin: 0;
    padding: 0 0 0 0;
	background: none;
}

#tertiary .rectangleAd {
    float: none;
}

#tertiary #hpTabs, #tertiary #spTabs {
	width: 100%;
    float: none;
    margin: 0;
    padding: 0;
}

#tertiary .drawer {
	clear: both;
	width: 100%;
	float: none;
	margin: 1.5em 0 1.5em 0;
	padding: 0;
	background: #121212;
}


#homeTweets, #homeComments {
	clear: both;
	width: 95.5%;
	float: none;
}



#tertiary #homeMisc {
	width: 100%;
	float: none;
	background: #fff;

	clear: left;
	margin-top: 1em;
}


#tertiary .mpu, #facepile {
    float: none;
    margin: 0;
}

#tertiary .linkCluster {
	width: 100%;
    float: none;
    margin-right: 0;
	margin-left: 0;
    clear: both; 
}

#tertiary #homeMisc.linkCluster {
	width: 90%;
	}


#tertiary #homeSubArticles.linkCluster {
clear: none;
}

#tertiary #homeArticles.linkCluster {
	margin: 0;
}


#adzoneTwo, #adzoneThree {
	text-align: center;
    float: none;
    width: 100%;
}



.popularLinks {
    clear: left;
    width: 100%;
    float: none;
}



#randomplayer {
	margin-right: 0;
}


#featurezone {
    margin: 1em 0 1.5em 0;
    overflow: hidden;
    padding-top: 0;
    width: 105%;

}

.bcnewstickercontent {
	display: inline-block;
	width: 450px;
	overflow: hidden;
	}

#calloutbar {
padding: 4px 5px 5px 0;
}

article, #article {
width: 100%; 
}


article .articleBody {
	padding-right: 0;
	font-size: 100%;
}


#commentText {
    width: 65%;
}

.articlecomment {
	font-size: 90%;
	line-height: 1.6em;
	}


.articlecommenttext {
	font-size: 1em;
}


.articleHero { 
    max-height: 375px;
    min-height: 325px;
    overflow: hidden;
}


/* ## Admin Bar ## */

#adminLinks {
   border-bottom: solid 1px #fff;
	border-top: solid 1px #fff;
	background: #121212;
    color: #fff;
    padding: 2px 0 2px 19px;
    display: block;
    margin-bottom: 1.5em;
}

#adminLinks li {
	display: inline;
    margin-right: 0.5em;
    height: 30px;
    line-height: 30px;
    font-family: "Roboto Condensed", "Helvetica Neue", arial, helvetica, sans-serif;
	font-size: 0.9em;
}

#adminLinks li a {
	color: #fff;
	text-decoration: none;
}


#adminLinks li a:hover {
	color: #99ccff;
	text-decoration: none;
}

#premtablebox {
    width: 100%;
    float: none;
}

#tertiary.tierTwo .logoStamp {
	margin: 1em 1em 1em 1.25em;
	display: inline-block;
}

.logoStamp {
margin: 1em 1em 1em 1.25em;
}

#hpVideo li {
	height: 160px;
	}


.insetf iframe {
	height: 550px !important;
	}

}

/* LARGE DESKTOP SCREENS TABLET */
@media only screen and (min-width: 1122px) {



#thefc-widget.sidebar-widget {
	display: block !important;
	}

.getty > div > a {
	display: none !important;
}


}

/* LARGE DESKTOP SCREENS TABLET */
@media only screen and (min-width: 1270px) {


/* body {
		font: 15px/23px Arial, Helvetica, sans-serif;
 }
*/

#page {
	width: 1180px;
}

#innerpage {
	width: 94%;

}

.nav h5 {
	font-size: 115%;
}

#newsbar #newsBar-bar {
    max-width: 585px;
}

#main {
	width: 72%;
	overflow: hidden;
	}

#submain, div.article-container #submain {
	width: 69%;
	overflow: hidden;
	}

#main .drawer, #submain .drawer {
	display: block;
    font-size: 0.85em;  
    background: none;
	padding-top: 0;    
}


#tertiary {
	width: 305px;
    margin-left: 0;
    float: right;
    padding-left: 0;

}

#tertiary.tierOne .drawer {
	display: block;
}

#tertiary.tierTwo .drawer {
	display: block;
}

.homeColumnMain {
	width: 63%;
    float: left;
    margin: 0 0 2em 0;
}

.homeColumnSecondary {
	float: left;
	width: 32%;
	margin: 0 0 0 18px;
    }

.homeColumnTertiary {
	float: left;
	width: 17.3%;
    background: none;
    clear: none;
    padding-top: 0;
    padding-left: 13px;
    display: block;
}

.articleHero { 
    width: 100%;
    min-height: 450px;
    max-height: 550px;
    overflow: hidden;
    margin: 0 0 2em 0;
}

.articlecomment {
	width: 80%;
}



.mailbagitem {
	width: 95%; 
}

article iframe, #article iframe {
	margin: auto; 
}

.video-container {
	height: 470px;
}

article.mainImage, .mainImage {
	width: 45%;
    max-width: 325px;
 }





}

/* LARGE DESKTOP SCREENS TABLET */
@media only screen and (min-width: 1500px) {



#page {
	width: 1300px;
}


#main {
	width: 75%;
}

#submain, div.article-container #submain {
	width: 72%;
	}




}

/* TABLETS & MOBILE */
@media only screen and (max-width: 599px) { 



article .relatedLinks {
	display: none;
}

h1 {
	font-size: 180%;
    line-height: 1.1;
}

article h3 {
	font-size: 140%;
}

#commentForm label {
	text-align: left !important;
}

#masthead {
	height: 85px;
	}

#logo {

	background: url(/images/global/2014/logo-tw2014.png) no-repeat center 20%; 
/*	background: url(/images/global/2014/logo-tw2014-xmas_2x.png) no-repeat center 20%; */
    background-size: 103px 50px;
	background-position: left center;
	margin-left: 2%;
    width: 110px;
    height: 85px;
    float: left;
    }
    
#mlogo {
	background: url(/images/global/2014/logo-tw@2x.png) no-repeat;
	background-size: 103px 50px;
}

#menuMobile {
    background: url(/images/global/2011/icn-menu-mobile@x2.png) no-repeat scroll 10% 50% transparent;
	background-size: 18px 15px;

}

#menuSearch {
	background: url(/images/global/2011/icon-searchx2.png) no-repeat;
	background-size: 18px 18px;
	background-position: 50% 50%;
}

#menuOptions {
	background: url(/images/global/2011/icn-member@x2.png) no-repeat;
	background-size: 18px 18px;
	background-position: 50% 50%;
}

#mCalloutBar li#mShowSearch {
	background: url(/images/global/2011/icon-searchx2.png) no-repeat;
	background-size: 20px 20px;
	background-position: 50% 50%;
}

#mCalloutBar li#mBreakMobile {
	background: url(/images/global/2011/icon-mobilex2.png) no-repeat;
	background-size: 20px 20px;
	background-position: 50% 50%;
}

#mCalloutBar li#mGoMobile {
	background: url(/images/global/2011/icon-gomobilex2.png) no-repeat;
	background-size: 20px 20px;
	background-position: 50% 50%;
}








}

@media only screen 
and (min-device-width : 320px) 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 





}

@media only screen 
and (min-device-width : 667px) 
and  (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {


#logo {
	background: url(/images/global/2014/logo-tw2014.png) no-repeat left top;
    background-size: 420px 98px;
    }

/* #mlogo {
	background: url(/images/global/2014/logo-tw@2x.png) no-repeat;
	background-size: 178px 410px;
    }
*/
}