html, body { margin: 0;	padding: 0; }
body { /*background: #d9d4ce url(/images/bg/body-bg.gif) repeat fixed 0 0;*/ background-color: #eee; }
body, td { font-family: verdana, geneva, arial, helvetica, sans-serif; color: #000; font-size: 12px; }
td { background: #fff; }
p { font-size: 12px; }

h1 {
	border-bottom: 1px solid #355925;
	font: bold 42px 'Oswald';
	line-height: 48px; 
	color: #456;  /*#ccaa33*/
	background: #fff;
	padding: 10px 0 5px;
	margin: 5px 0 10px 0;
	text-shadow: 0px 1px 0px #000;
}
h2 { font: bold 20px verdana, sans-serif;         color: black; }
h3 { font: bold 18px tahoma, verdana, sans-serif; color: black; }
h4 { font: bold 16px tahoma, verdana, sans-serif; color: black; }
#content form { padding: 0; margin-top: 0; }

img { border: 0; }

ul { margin: 0; padding: 0 }
li { margin-left: 15px; }

/* *********************** MAIN SECTIONS ********************** */

header {
	width: 100%;
	min-width: 1080px;
	height: 155px;
	background-color: #67bc9d;
	background-image: url(/images/banner-2017.jpg);
	background-position: 50% 18px;
	background-repeat: no-repeat;
	padding-top: 18px;
}

header > div {
	margin: 0 auto;
	padding: 0;
	overflow: visible;
	position: relative;
 }
header > div a { background: transparent; }
header > div a:hover { background: transparent; }
#topMN { 
	height: 45px;
	width: 100%;
	position: absolute;
	top: 128px;
	z-index: 5;
}
.fixed-nav #topMN { position: fixed; top: 0; box-shadow: 0 0 14px 2px #000; }
#topFS {
	width: 1080px;
	height: 110px;
	z-index: 1;
}

#wrap { 
	width: 98%;
	max-width: 1160px; 
	background: #fff; 
	margin: 0 auto; 
	position: relative; 
	overflow: hidden;
	padding: 0 1%;
	box-shadow: 0 -12px 27px 5px #ccc;
}

#content {
	float: left;
	width: 755px;
	width: calc(100% - 320px);
	min-height: 600px;
	background: transparent;
	padding: 0 5px 20px;
	margin: 0;
	overflow: hidden;
}
#content h2 { font-family: 'Roboto Condensed'; font-size: 27px; margin-bottom: 7px; }
#content.full { float: none; width: calc(100% - 10px); }

#right {
	float: left;
	width: 300px;
	background: #fff;
	padding: 0 0 10px 0;
	margin: 5px 0 0 10px;
	overflow: hidden;
}
#right table {	margin: 4px; }
#right td { font-size: 10px; padding: 1px; }

#bottom {
	background: #ffcb33;
	color: black;
	font: 9px Verdana;
	text-align: center;
	border: 1px solid black;
	margin: 0 auto;
	padding: 8px;
}
#bottom p { font: 9px Verdana; }
#bottom a { background: #ffcb33; text-decoration: underline }
#bottom a:hover { color: #933 }


/* *********************** BASIC TEXT STYLINGS ********************** */

pre { font-size: 12px; line-height: 16px; margin-top: 20px; margin-bottom: 10px; }
strong, b { font-weight: bold; }

a        { font-weight: bold; color: #137; text-decoration: underline; }
a:hover  { font-weight: bold; color: #e93; text-decoration: underline; }
a:active { color: #ffcc80; background: #933; text-decoration: none; }
a.image  { background: #fff; border: 0; }
a.image:hover { background: #fff; border: 0; }
li a     { background: transparent; }

.tiny         { font-size: 0.9em; line-height: 12px; margin-top: 15px; margin-bottom: 5px; }
.aside        { font: italic 9px arial, sans-serif; }
.blurblist    { padding: 0 0 4px 0; }
.highlight    { color: #903; background: #fff; font-weight: bold; }
.alert        { color: #f00; background: #ffc; }
.payattention { color: #00f; background: #fff; }
.thin         { color: #aaa; font-size: 0.9em; font-weight: normal; }
.keyname      { color: #115; background: #eee; font-weight: bold; }

.toggler-label { display: inline-block; margin-bottom: 16px; }
.toggler {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	display: inline-block;
	margin: 20px 0 10px;
	vertical-align: bottom;
}
.toggler > div { 
	float: left; 
	padding: 8px 15px;
	font-size: 11px;
	color: white;
	background-color: #555;
	text-align: center;
	cursor: pointer;
	border-left: 1px dotted #333;
}
.toggler > div.current { background-color: #111; }
.togglegroup > div { display: none; }
.togglegroup > div.current { display: block; }


/* ********************* WIDGETS ********************** */

ul.newslist { margin: 3px; }
ul.newslist li { list-style-type: none; margin-top: 15px; margin-left: 5px; }
ul.newslist p.teaser { margin-top: 1px; }
ul.newslist img { float: left; width: 40px; margin: 0 3px 3px; }
ul.newslist a { font: bold 12px Verdana,sans-serif; text-decoration: none; }
ul.newslist a:hover { font: bold 12px Verdana,sans-serif; color: #005; text-decoration: underline; background: #fff; }

div.newslist {  }
div.newslist h3 { font-weight: bold; text-decoration: underline; margin-bottom: 1px; font-size: 11px; }
div.newslist ul { margin: 3px 0 0 18px; padding: 0; list-style-type: circle; }
div.newslist ul.newslist { margin-left: 3px; }
div.newslist li { margin: 0; }
div.newslist a { font: 12px Verdana,sans-serif; text-decoration: none; }
div.newslist a:hover { font: 12px Verdana,sans-serif; color: #005; text-decoration: underline; background: #fff; }


.newswidget {
	clear: both;
	background: white;
	border: none;
	box-shadow: 1px 3px 3px #777;
	margin: 20px auto;
	padding-bottom: 5px;
	width: 98%;
	overflow: hidden;
}
#wrap .newswidget h2, #right .infolist h2 {
	font: bold 13px 'Trebuchet MS';
	margin: 0 0 2px 0;
	color: white;
	padding: 2px 2px 2px 10px;
	position: relative;
	text-shadow: 1px 1px 1px #000;
	background: #555;
	background-image: -webkit-gradient(linear, center top, center bottom, to(#666), from(#000));
	background-image: -webkit-linear-gradient(center top , #666, #000);
	background-image: -moz-linear-gradient(center top , #666, #000);
	background-image: linear-gradient(center top , #666, #000);
}
.newswidget p.teaser { font-size: 11px; margin-top: 0; padding: 0; margin-bottom: 3px; }
.newswidget a { background: transparent; }

.newswidget > .newslist > li { overflow: hidden; }
.newswidget > .newslist > li img { float: left; margin: 0 6px 0 0; }

.newstab_list .newswidget { box-shadow: none; }

#content .sider .newswidget#breaking { background: #900; }
#content .sider .newswidget#breaking li { background-color: transparent; color: white; text-shadow: 1px 1px 1px #000; }
#content .sider .newswidget#breaking li > a { color: yellow; background: transparent; }

#right .newswidget:first-child { margin-top: 0; }


.info { border: 1px solid #aaa; border-bottom: 3px solid #007; margin: 0 0 3px 0; }
.info .newslist li { padding-left: 2px; margin-left: 4px; }

.inlistHead { font-weight: bold; margin-top: 5px; }


#widget_social { border: 1px solid #ccc; background: #eee; padding: 5px; font: 11px tahoma; }
#widget_social a { font-weight: normal; text-decoration: none; }
#widget_social_internal { background: #007; padding: 2px; }
#widget_social_internal p { color: #ccf; }
#widget_social_internal input { background: white; border: 1px solid #ccf; }
#widget_social_external { background: #ccf; padding: 2px; }

#widget_liveScoreboard { background: black; width: 100%; position: relative; overflow: hidden; color: white; margin-bottom: 12px; }
#widget_liveScoreboard p.lsbHeader { padding: 3px; font: bold 13px 'Trebuchet MS', Arial, Helvetica; color: white; background: #232732; margin: 0; text-indent: 15px; position: relative; }
#widget_liveScoreboard p.lsbHeader > span { position: absolute; top: 2px; right: 100px; font-size: 11px; }
#widget_liveScoreboard p.lsbHeader > span img { height: 20px; vertical-align: middle; }
#widget_liveScoreboard p.lsbFooter { padding: 3px; font: bold 11px 'Trebuchet MS', Arial, Helvetica; color: white; background: #232732; margin: 0; text-indent: 7px; clear: both; }
#widget_liveScoreboard p.lsbFooter span { display: inline-block; margin-right: 33px; }
#widget_liveScoreboard p.lsbFooter a { color: #c9d5fa; }
#widget_liveScoreboard #lsbWrapper {
	width: 100%;
	overflow: hidden;
	padding: 5px 0;
	border-top: 1px solid #335;
	border-bottom: 1px solid #335;
	height: 58px;
}
#widget_liveScoreboard #lsbGames { width: 3000px; overflow: visible; height: 58px; margin-left: 0px; }
#widget_liveScoreboard .lsbGame { float: left; margin-left: 7px; background: #113; padding: 2px; width: 115px; height: 52px; }
#widget_liveScoreboard table { border: 0; }
#widget_liveScoreboard table td { font: 11px 'Trebuchet MS', Arial, Helvetica; color: white; background: transparent; padding: 0; }
#widget_liveScoreboard table tr.gamestatus td { text-align: center; }

#widget_liveScoreboard.single { /*color: black;*/ }
#widget_liveScoreboard.single #lsbWrapper { height: 68px; }
#widget_liveScoreboard.single #lsbGames { width: 100% !important; height: 68px; }
#widget_liveScoreboard.single .lsbGame { float: none; /*background: #eee;*/ width: calc(100% - 18px); height: 62px; text-align: center; }
#widget_liveScoreboard.single img { max-height: 45px; }
#widget_liveScoreboard.single .lsbGame > div { margin: 0 18px; display: inline-block; position: relative; min-width: 142px;}
#widget_liveScoreboard.single .lsbGame > div:first-child { margin: 0; }
#widget_liveScoreboard.single .lsbGame > div:first-child img { max-height: 56px; }
#widget_liveScoreboard.single .lsbGame > .status { font-size: 1.5em; margin-top: 20px; vertical-align: top; }
#widget_liveScoreboard.single .lsbFooter { display: none; }
#widget_liveScoreboard.single .name { margin-bottom: 2px; font-size: 0.9em; }
#widget_liveScoreboard.single .score { font-size: 3em; font-weight: bold; position: absolute; top: 10px; right: 0; }

#content #widget_chnblogLatestCat { 
	width: 100%;
	overflow: hidden;
	margin: 10px auto 8px;
	box-shadow: 2px 3px 6px #aaa;
	border: 0;
	padding: 3px;
}
#widget_chnblogLatestCat .blogCat { margin: 0; border: 1px solid #ccc; }
#widget_chnblogLatestCat p.blogCatTitle { margin: 0; padding: 2px; background: #eee; color: #333; font: 11px/11px tahoma; text-indent: 5px; }
#widget_chnblogLatestCat .item { margin-bottom: 0; border: 0; }
#widget_chnblogLatestCat .item p { margin: 2px; font: 11px tahoma; }
#widget_chnblogLatestCat .item p.title { display: inline; font-weight: bold; }
#widget_chnblogLatestCat .item p.meta { display: inline; font: italic 10px tahoma; color: #999; }
#widget_chnblogLatestCat .item p.desc  { }
#widget_chnblogLatestCat h2 a { display: block; position: absolute; right: 4px; bottom: 0; }

#bestbets {
	margin-bottom: 3px;
	border: 1px solid #ccc;
	height: 132px;
	position: relative;
}
#bestbets h3 {
	margin: 0;
	background: #61657c url(/images/lids/bestbets2007.gif) no-repeat;
	height: 18px;
	text-indent: -2000px;
	line-height: 18px;  /* needed for IE */
}
#bestbets p   { font-size: 1em; margin-top: 4px; }
#bestbets h4  { font-size: 0.9em; display: inline; } /* <-- display inline helps IE to compensate for the LI being a block - or else it adds space above the h4 - now we have tiny space to left of first letter in h4 in both browsers - lesser of two evils */
#bestbets h4 a { text-decoration: underline; }
#bestbets h4 a:hover { color: #ffcc80; }
#bestbets img { float: left; border: 1px solid black; width: 80px; height: 80px; margin: 2px 3px 0 0; } /* same as "tinyteaser" class in more.css, but with different margin - could just set margin here and set class to "tinyteaser" - but instead, setting no class on the img tag itself, and putting all styles here */
#bestbets img.icon { float: none; border: 0; width: 14px; height: 14px; margin: 0 }
#bestbets ul.newslist, #bestbets li { margin: 0; padding: 0; list-style-type: none; }


.tabbedNews ul { padding-left: 0; margin: 5px 0 0 15px; }
.tabbedNews ol { padding-left: 10px; margin: 5px 0; }
.tabbedNews li { margin-left: 20px; }
.tabbedNews ul li { list-style-image: url(/images/design/racquo.png); margin-left: 10px; }
.tabbedNews .feedDate { display: none; }
.tabbedNews .feedTime { display: none; }
.tabbedNews .feedDesc { display: none; }
.tabbedNews h2 { margin-bottom: 0; }
.tabbedNews h4 { font: bold 12px Verdana; margin: 2px 0; }
.tabbedNews .tabs { margin: 0; }
.tabbedNews a.tab { 
	display: inline-block; 
	text-decoration: none; 
	font: 10px Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	width: 32.2%; 
	margin: 0 -2px;
	padding: 4px 0.5%; 
	text-overflow: ellipsis;
	border-right: 1px solid #ccc;
	text-align: center;
	background: #ddd;
	color: black;
}
.tabbedNews a.tab.on { background: #900; color: white; }
.tabbedNews a.tab:hover { font: small-caps 10px Arial; text-decoration: none; }


#widget_relevantNews li a { text-decoration: none; }
#widget_relevantNews li a:hover { text-decoration: underline; }

#widget_related { border: 1px solid #ccc; }
#widget_related ul li { font: 11px verdana; margin-left: 20px; padding: 4px 0; list-style-image: url(/images/design/racquo.png); }
#widget_related a { text-decoration: none; }
#widget_related a:hover { text-decoration: underline; }

.newstab_list p { font: 10px verdana; margin: 15px 0 5px 15px; }
.newstab_list li { margin-bottom: 8px; margin-top: 8px }
.newstab_list li a { text-decoration: none; }
#morenews_thelatest_list li { margin-bottom: 10px; }
#community_more2_list li { margin-bottom: 10px; }

#alsosee { margin: 0; background: url(/images/lids/alsosee.gif); height: 13px; text-indent: -2000px; line-height: 13px; }
#alsosee .info { background: #eee; border: 1px solid #aaa; }

.tabbedNews p.disclaimer { font-size: 0.8em; font-style: italic; }

#right .infolist { margin-bottom: 10px; background: #eee; padding: 0 5px 8px; border: 1px solid #ddd; } /* has <p>s and <h3>headers mixed in instead of <ul><li> */
#right .infolist h2 { font-size: 14px; margin-left: -5px; margin-right: -5px; }
#right .infolist h4 { font-size: 13px; margin: 12px 0 3px; }
#right .infolist p { margin: 3px 0 7px; font-size: 11.5px; }


/* ****************** HEADLINES ************************ */

h3.sectionHeader {  /* now more in line to ".newswidget > h2" */
	font: bold 13px 'Trebuchet MS';
	margin: 0 0 2px 0;
	color: white;
	padding: 2px 2px 2px 10px;
	position: relative;
	text-shadow: 1px 1px 1px #000;
	background: #447389;
	background-image: -webkit-gradient(linear, center top, center bottom, to(#4f778a), from(#000));
	background-image: -webkit-linear-gradient(center top , #4f778a, #000);
	background-image: -moz-linear-gradient(center top , #4f778a, #000);
	background-image: linear-gradient(center top , #4f778a, #000);
}

/*
h2.blockhead {
	color: white;
	background: black;
	font: bold 16px Georgia;
	margin: 0 0 5px 0;
	padding: 2px;
	width: 100%;
}
*/


/* ********************* TABLES ************************ */

td.label { text-align: right; }

tr.stats-header td, tr.stats-header th, thead td, thead th { background: #ffcc80; color: #000; font-weight: bold; padding: 1px; }
tr.stats-header td a, tr.stats-header th a, thead td a, thead th a { background: #ffcc80; color: #000; text-decoration: underline; }
tr.stats-header td a:hover, tr.stats-header th a:hover, thead td a:hover, thead th a:hover { background: #ff9; }
tr.stats-section td { background: #333; color: #fff; font-weight: bold; font-family: arial, sans-serif; padding: 4px 2px; }
tr.stats-section td a, tr.stats-section th a             { color: #eef; }
tr.stats-section td a:hover, tr.stats-section th a:hover { color: #ff9; }
tr.stats-rowAlt td { background: #fedbd6; }

table.data { min-width: 60%; }
table.data td, table.data th { text-align: right; }
table.data td.left, table.data th.left { text-align: left; float: none; }
table.data td.center, table.data th.center { text-align: center; }
table.data.notstats td, table.data.notstats th { text-align: left; }
table.data.notstats td.center, table.data.notstats th.center { text-align: center; }
table.data.notstats td.right, table.data.notstats th.right { text-align: right; }
table.data td:nth-child(1), table.data th:nth-child(1) { text-align: left; }
table.data tbody tr:nth-child(even) td { background: #edf6ea; }
table.data tbody tr:nth-child(odd)  td { background: #fff; }
table.data tbody tr:hover td { background: #b3feb8; color: #000; }
table.data tbody tr:hover td a { background: #b3feb8; }
table.data tfoot td { background-color: #555; color: #eee; }
table.data tr.stats-header td, table.data tr.stats-header th { background: #ffcc80; white-space: nowrap; }
table.data tr.stats-header:nth-child(odd) td, table.data tr.stats-header:nth-child(even) td { background: #ffcc80; }
table.data.roster img { width: 21px; }

table.sortable thead th { cursor: pointer; text-align: right; }
table.sortable thead th.tablesorter-headerAsc, table.sortable thead th.tablesorter-headerDesc { background-color: #ddaa80; }
table.sortable thead th.tablesorter-header > div:before { padding-right: 4px; font-size: 1.2em; display: inline-block; line-height: 1em; }
table.sortable thead th.tablesorter-headerAsc > div:before { content: '\2191'; }
table.sortable thead th.tablesorter-headerDesc > div:before { content: '\2193'; }

#content table.data tr.sked-header td { background: #ddd; color: #000; font-weight: bold; padding: 4px 2px; border-top: 1px solid black; }
#content table.data tr.stats-section td { background: #333; color: #fff; font-size: 1.1em; }
#content table.data tr.stats-section:hover td a { background: #333; }
#content table.data tr.empty td { background: #fff; font-size: 2px; }
#content table.roster td { white-space: nowrap; }

td.result, span.result { font-weight: bold; }
td.result.W, span.result.W { color: green; }
td.result.L, span.result.L { color: orange; }
td.check:before { content: '\2713'; font-weight: bold; font-size: 1.2em; line-height: 1em; }

table.activeOnly tbody tr { display: none; }
table.activeOnly tbody tr.active { display: table-row; }
table.floated { float: left; width: 49%; min-width: auto; margin-left: 2%; }
table.floated:first-of-type { margin-left: 0; }

/* NCAA Results Pages */
tr.rnd td { background: #eee; font-weight: bold; }
tr.seriesresult td { border-bottom: 1px solid #ddd; font-style: italic; text-align: center; }
tr.ff td { text-align: center; font-weight: bold; padding: 6px 0; background: #900; color: #fff;  }



/* ***********   G L O B A L   H E A D E R  ************** */

#sitemenu {
	position: absolute;
	top: 0;
	left: 0;
	color: #ddd;
	background-color: #333;
	margin: 0;
	width: 100%;
	height: 100%;
	/*background-image: url("/images/design/bg-black-hash.png");*/
	/*
	border-color: #444 #000 #000 #444;
    border-style: solid;
    border-width: 1px 0;
	box-shadow: 0 0 8px #000 inset;
	*/
	z-index: 1;
}
#sitemenu > ul { 
	display: flex; 
	padding: 0; 
	height: 100%; 
	width: 100%; 
	min-width: 1080px;
	max-width: 1300px;
	margin: 0 auto; 
	justify-content: space-between; 
	text-align: center;
	position: relative;
}
#sitemenu > ul > li { 
	display: inline-block; 
	padding: 0; 
	margin: 0; 
	text-shadow: 2px 2px #111; 
	vertical-align: middle;
	flex-grow: 1;
	font-family: 'Roboto Condensed';
	font-size: 15px;
}
#sitemenu > ul > li > a { color: #ddd; text-decoration: none; display: block; padding: 14px 0; height: 17px; position: relative; }
#sitemenu > ul > li > form { padding: 10px 0; height: 23px; }
#sitemenu > ul > li:hover { background-color: #000; }
#sitemenu > ul > li:hover > a { color: #fff; }
#sitemenu li.hasmore { cursor: pointer; }
#sitemenu li.hasmore > a { /*padding-right: 30px;*/ }
#sitemenu li.hasmore > a:after { content: "\25BC"; font-size: 0.55em; padding-left: 5px; }
#sitemenu > ul > li.sep a { background-color: #333; }

#sitemenu li > div { 
	/*display: none;   transitions don't work on 'display' */
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: auto;
	min-width: 300px;
	text-align: left;
	border: 10px solid #81a8c8;
	background: #e3eaf2;
	padding: 0 10px 10px;
	z-index: 11;
	box-shadow: 0 5px 20px 7px #333;
	text-shadow: none;
	font-family: arial;
	transition: all 0s 0.5s;
}
#sitemenu li:hover > div { /*display: block;*/ visibility: visible; }
#sitemenu li > div > div { display: flex; flex-wrap: wrap; justify-content: space-between; }
#sitemenu li > div > div > div { margin-left: 10px; flex-grow: 1; }
#sitemenu li > div > div > div:first-child { margin-left: 0; }
#sitemenu div a:hover { color: #aaa; }
#sitemenu div h3 { font-size: 12px; margin-bottom: 5px; color: #333; padding: 0; }
#sitemenu div p { margin: 0; padding: 0; }
#sitemenu div p:hover { background-color: #81a8c8; }
#sitemenu div p > a { display: inline-block; padding: 4px; text-decoration: none; color: #55a; }
#sitemenu div p:hover a { color: #fff; }
#sitemenu div img { max-height: 14px; width: auto; height: auto; max-width: 22px; }

#sitemenu div.conf p > span { width: 100px; display: inline-block; color: #555 }
#sitemenu div.conf p > span:first-child { width: 30px; }
#sitemenu div p > a.team { width: 100px; flex-grow: 0;}
#sitemenu div p > span.team { width: 19px; display: inline-block; }

#sitemenu li#ratings > div { }

#sitemenu li#teamflyout div { right: 0; }
#sitemenu li#teamflyout div p { display: flex; }
#sitemenu li#teamflyout div p:hover { background-color: transparent; }
#sitemenu li#teamflyout div p > a { color: #555; flex-grow: 1; }
#sitemenu li#teamflyout div p > a:hover { color: #55a; }
#sitemenu li#teamflyout > div > div > div { width: 32.4%; padding-left: 1.3%; margin-left: 0; border-bottom: 1px solid #ccd8e5; border-right: 1px solid #ccd8e5; }
#sitemenu li#teamflyout > div > div > div:nth-child(1) { order: 4; border-bottom: none; padding-left: 0; } 
#sitemenu li#teamflyout > div > div > div:nth-child(2) { order: 3; border-right: none; }
#sitemenu li#teamflyout > div > div > div:nth-child(3) { order: 6; border-right: none; border-bottom: none; }
#sitemenu li#teamflyout > div > div > div:nth-child(4) { order: 5; border-bottom: none;}
#sitemenu li#teamflyout > div > div > div:nth-child(5) { order: 2; }
#sitemenu li#teamflyout > div > div > div:nth-child(6) { order: 1; padding-left: 0; }

#teamselect {
	background: transparent;
	margin: 0;
	position: absolute;
	top: 10px;
	right: 3px;
	width: 90px;
	height: 27px;
	z-index: 2;
	display: none;
}
#teamselect form { display: inline; }
#teamselect .stdDrop { font-size: 1em; width: 125px; }

#teamselect select {
	padding:3px;
	margin: 0;
	border-radius: 4px;
	box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	background: #f7f5e7;
	color:#555;
	border:none;
	outline:none;
	display: inline-block;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#teamselect select {padding-right:18px}
}

#teamselect label {position:relative}
#teamselect label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
#teamselect label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f7f5e7;
    position:absolute;
    pointer-events:none;
    display:block;
}

#chnmeta {
	color: white;
	font: 10px arial, sans-serif;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	padding: 2px 10px 2px 0;
	background: rgba(40,40,40,0.8);
	height: 12px;
	/*
	text-align: right;
	top: -110px;
	height: 110px;
	width: 110px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
	*/
}
#chnmeta a { color: #ffc; text-decoration: none; }
#chnmeta a:hover { color: #ff5; text-decoration: underline; }
#chnmeta ul { margin-top: 0; text-align: right; }
#chnmeta li { margin: 1px 5px; display: inline-block; }
#chnmeta li:before { content: '\2022'; padding-right: 10px; }
#chnmeta li:first-child:before { content: ''; }
/*
#chnmeta #chnmetacomm { 
	height: 24px;
	width: 92px;
	padding: 2px 10px;
	margin: 3px 0 0 0;
	font-family: verdana;
	position: absolute;
	bottom: 0;
	right: 0;
	box-shadow: 0 0 22px #333 inset;
}
#chnmeta .fb_profile_pic_rendered { position: absolute; top: 11px; right: 67px; }
#search {
	margin: 0;
	width: 13%;
	position: absolute;
	top: 50px;
	right: 15px;
	background: transparent;
	overflow: hidden;
	z-index: 2;
	text-align: right;
}
#search input[type="image"] { background-color: transparent; vertical-align: middle; width: 20px; padding-top: 5px; padding-bottom: 5px; }
#search input[type="text"] { width: 82%; height: 20px; background: white !important; }
*/
#search { display: none; }

#topFS #homenav { position: absolute; top: 2px; left: 2px; height: 110px; width: 210px; overflow: hidden; z-index: 2; }
#topFS #homenav a { text-decoration: none; display: block; height: 100%; width: 100%; background: transparent; }

#topFS #promo  { 
	position: absolute;
	top: 4px;
	left: 218px;
	background: black;
	padding: 4px;
	box-shadow: 0 0 4px;
}


/* *********** SPECIAL STUFF ************ */

.waitOverlay {
	position: absolute;
	top: 0; 
	left: 0;
	height: 100%;
	width: 100%;
	background: black !important;
	opacity: 0.7;
	z-index: 1;
}
.waitSpinner {
	background: url(/images/design/waitSpinner-100.gif) no-repeat !important;
	position: absolute;
	height: 100px;
	width: 100px;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	z-index: 2;
}


/* *********** SPECIAL BOXES ************ */

.comment { border: 1px solid #ddd; padding: 3px; margin: 5px 0; overflow: hidden; }
.comment h4 { margin: 0 0 2px 0; font-size: 1.2em; color: white; background: #005; width: 100%; padding: 3px; }
.comment p, .comment p a, .comment li { font: 1.1em 'Trebuchet MS'; margin: 3px; line-height: 1.4em; }
.comment h3 { font: bold 1.15em 'Trebuchet MS'; margin: 8px 3px 3px; }
#content .comment p { font-size: 1.15em; }
#right .comment { border: 0 solid #ccc; box-shadow: 1px 3px 3px #777; }
.roundup .comment p { font: 1.1em/1.5em 'Trebuchet MS'; margin: 4px 2px; }
#content.roundup, .roundup h1 { background: #e7edd1; }

.custom { background: #900; color: #ccc; border: 1px solid #ddd; padding: 4px 7px; margin: 5px 0; }
.custom p > span { color: #fff; }
.custom h4 { background: #000; margin: -4px -7px 2px; font-size: 1.2em; color: white; padding: 2px 6px; }
.custom a { color: yellow; }
.custom ul { display: flex; flex-wrap: wrap; margin-top: 5px; }
.custom li { width: 250px; }

.centerpiece {
	border-top: 3px solid black;
	border-left: 3px solid #aaa;
	border-right: 1px solid black;
	border-bottom: 1px solid #aaa;
	padding: 8px;
	margin: 10px;
}
.centerpiece h3 { margin-top: 0; }
.splitcontent .centerpiece { float: left; width: 46%; margin: 10px 1%; padding: 8px 1%; }
.centerpiece ul { margin-bottom: 8px; }
.centerpiece li { margin: 4px 0 0 15px; }
.centerpiece li a       { text-decoration: none; font: bold 11px verdana; }
.centerpiece li a:hover { text-decoration: underline; font: bold 11px verdana; }

.singleVideo { margin-top: 2px; }

.tickerbox { border: 1px solid #ddd; padding: 3px; margin: 0 0 5px 0; text-align: center; }
.tickerbox p { margin: 0; padding-bottom: 2px; text-align: center; font: bold 0.8em arial; color: #777; }
.tickerbox #liveScoringWrap { background: black; border: 1px solid yellow; padding: 0 0 8px 0; }
.tickerbox #liveScoringWrap p { color: #eee; }
.tickerbox #liveScoringWrap h4 { color: black; background: #999; padding: 2px; font: bold 0.9em arial; margin: 1px 1px 8px 1px; }
.tickerbox #liveScoringWrap a { color: #87cff9; }
.tickerbox #liveScoringWrap a:hover { color: yellow; }
.tickerbox #liveScoring { padding: 8px 0; }

#widget-social { border: 1px solid #ddd; padding: 2px; margin-bottom: 5px; font-size: 0.9em; }
#widget-social p { font-size: 11px; margin: -2px -2px 4px; background: #d5dce0; padding:0 5px 3px; }

.flexgrid { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flexgrid > div { margin-left: 1%; min-width: 250px; flex: 1; }
.flexgrid > div:first-child { margin-left: 0 }
.flexgrid > div > table { width: 100%; }

.flexindex { display: flex; flex-wrap: wrap; }
.flexindex > div { width: 30%; margin: 1%; }
.flexindex > div > div { text-align: center; }
.flexindex img { height: 100px; max-width: 100%; }
.flexindex li { margin-bottom: 8px; }

.factbox { border: 1px solid black; padding: 5px; background: #eee; }
.factbox h2 { margin: 2px; padding: 3px; }
.factbox td { background-color: transparent; }
.factbox p { margin: 5px 0 0 0; }
.factbox .factbox_image { float: right; margin: 0 0 10px 10px; }
.factbox.flexgrid > div { min-width: 210px; flex: auto; }
.factbox.flexgrid > div.full { flex: 1 1 100%; }
.factbox.flexgrid .factbox_image { float: none; margin: 0; text-align: center; }
.factbox.flexgrid .factbox_image img { max-width: 210px; }

/* e.g. almanac page */
.gridindex > div { border: 1px solid #ddd; margin-bottom: 10px; }
.gridindex > div > div { padding: 10px; }
#content .gridindex h2 { margin: 0; padding: 5px; background: #009; color: white; }
.gridindex h3 { margin: -10px -10px 10px; padding: 5px; background: #ddd; }
.gridindex li { margin-bottom: 8px; font-size: 1.1em; }
.gridindex ul.linear li { display: inline-block; margin-right: 8px; }




/* ******** MODALS AND THE LIKE ********** */

.modalUnderlay { position: absolute; background: #bbb; height: 100%; width: 100%; top: 0; left: 0; opacity: 0.9; z-index: 5; }
.modalWrapper { 
	display: none;
	position: fixed; 
	background: #bbb; 
	height: 510px; 
	width: 680px;
	background: black; 
	border: 3px solid black; 
	border-radius: 7px; 
	box-shadow: black 2px 4px 13px; 
	z-index: 6;
	top: 50%;
	left: 50%;
	margin-left: -340px;
	margin-top: -255px;
}

.simplePopover {
	position: fixed;
	background: white;
	padding: 10px;
	top: 200px;
	left: 50%;
	margin-left: -200px;
	display: none;
	width: 400px;
	z-index: 2;
	box-shadow: 0 0 13px 11px #333;
}
div.close {
	cursor: pointer;
	position: absolute;
	top: -10px;
	right: -10px;
	border-radius: 18px;
	background: black;
	color: white;
	box-shadow: 1px 1px 5px 2px #666;
	height: 18px;
	width: 18px;
	padding: 5px;
	text-align: center;
	font-size: 17px;
	line-height: 16px;
	font-weight: bold;
}

#popinfobox {
	position: absolute;
	background: white;
	padding: 10px;
	top: 100px;
	left: 100px;
	display: none;
	width: 300px;
	border: 5px solid black;
	z-index: 2;
}
#mask {
	position: absolute;
	background: white;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	opacity: 0.5;
	filter:alpha(opacity=50);
}


/* ************ NAVIGATION ************* */

#content .ContextBar {
	text-align: center;
	background: #ddd;
	color: #333;
	/*height: 34px;
	height: 50px;*/
	box-sizing: border-box;
	margin-left: 0;
	margin-bottom: 30px;
	/*overflow: hidden;*/
	box-shadow: 0 4px 9px rgba(0,0,0,0.3);
	position: relative;
	display: flex;
	/*justify-content: center;*/
	font-family: 'Roboto Condensed';
	font-size: 14.5px;
}
.ContextBar * { box-sizing: border-box; }
/* use the new font */
.ContextBar > li { 
	background: transparent; 
	border-left: 1px dotted #bbb; 
	margin: 0; 
	position: relative; 
	max-width: 25%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ContextBar > li:first-child { border-left: none; }
.ContextBar > li:hover, .ContextBar > li.current { background: #426641; color: #eee; }
.ContextBar > li > a { 
	display: block; 
	height: 100%; 
	padding: 10px 10px; 
	background: inherit; 
	color: inherit; 
	text-decoration: none; 
	position: relative;
}
.ContextBar > li > a:hover { color: inherit; }
.ContextBar > li.hasmore > a { padding: 10px 23px 10px 10px; }
.ContextBar > li.hasmore > a:after { 
	content: "\25BC";  /* different glyph here? */
	position: absolute;
	right: 8px;
	top: calc(50% - 7px);
	font-size: 0.9em;
}
.ContextBar > li.hasmore:hover > a:after {
	content: "\25B2";
}
.ContextBar > li.condensed { display: none; }
.ContextBar > li > div {
	/*display: none;  doesn't work with transitions */
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	max-height: 300px;
	/* this works if done relative to UL, but if relative to LI, it will only go as wide as the LI unless you explicity set 
	min-width: 300px;
	max-width: 550px;
	*/
	width: 500px;
	border: 18px solid #444;
	background: #444;
	color: white;
	padding: 0 7px;
	text-align: left;
	overflow-y: auto;
	font-size: 14px;
	z-index: 999;
	transition: all 0s 0.5s;
}
#content .ContextBar > li:hover > div { /*display: block;*/ visibility: visible; }
#content .ContextBar > li > div a { background: inherit; color: inherit; font-weight: normal; }
#content .ContextBar > li > div a:hover { color: #ccc; }
#content .ContextBar > li > div ul { margin-left: 20px; }
#content .ContextBar > li > div li { margin: 0 0 6px 0; }
#content .ContextBar > li > div ul.linear li { display: inline-block; margin-right: 20px; }
#content .ContextBar > li > div p { margin: 0 0 3px; padding: 0; font-size: 15px; line-height: 18px; }

#content .ContextBar > li.teamlist > div { width: 300px; }
#content .ContextBar > li.teamlist > div ul { margin: 0 0 8px; }
#content .ContextBar > li.teamlist > div li { margin: 0; padding: 0; list-style-type: none; }
#content .ContextBar > li.teamlist > div li a { display: block; padding: 3px 8px; }
#content .ContextBar > li.teamlist > div li a:hover { background: #777; }

ul.linklist { margin: 0; padding: 0; }
ul.linklist li { display: inline; margin: 0 14px; padding: 0; line-height: 20px; }
.navstrip { background: #faf6e1; font-size: 0.9em; line-height: 9px; padding-bottom: 3px; }
.navstrip a { background: #faf6e1; }

.menu { margin-bottom: 10px; }
.menu ul, .menu li { margin: 0; padding: 0; list-style-type : none; }
.menu a {
	display: block;
	width: 164px;
	font: bold 10px Verdana,sans-serif;
	text-decoration: none;
	/*border-right: 4px solid #c8dbbd;*/
	border-bottom: 1px solid #ffa620;
	border-left: 1px solid #ffeaca;
	border-top: 1px solid #ffeaca;
	padding: 2px;
	color: black;
	background: #ffcc80;
}
.menu li a:hover { color: black; background: #ffffdf; font: bold 10px Verdana,sans-serif; }

/*
.watchList { margin-top: 0px; color: #bbb; font: bold 11px arial; border: 1px solid #bbb; padding: 2px; background-color: #ddd6a4; }
.watchList a { color: #333; font: bold 11px arial; text-decoration: underline; margin: 0 30px; }
.watchList a:hover { color: #def3f0; font: bold 11px arial; text-decoration: underline; }
*/
.tourneywatchLid { background-image: url(/images/lids/tourneywatch.gif); background-position: 50% 50%; height: 66px; margin-left: -1%; margin-right: -1%; }


.prevnext { margin: 10px 0 15px 0; }
#content > .prevnext { text-align: center; margin: 10px 0 15px; }
.button2 {
	display: inline-block;
	border: 1px solid #c9cbcd; 	 
	border-radius: 2px; 	 
	background-color: #eee; 	 
	font-size: 0.929em; 	 
	font-weight: normal; 	 
	margin: 0 20px 0 0; 	 
	padding: 8px 12px; 	 
	width: auto; 	 
}
.button2:hover, .button2:active { font-weight: normal; color: #fff; background-color: #164b92; }
.button2[href] { text-decoration: none; } 	 
.button2.next { text-align: right; } 	 
.button2.prev { text-align: left; } 	 
.button2.current { text-align: left; background-color: #fff; border: none; display: block; }
.button2:last-child { margin-right: 0; } 	 
.button2.next:after  { content: "\203A\203A"; padding-left: 6px; color: black; } 	 
.button2.prev:before { content: "\2039\2039"; padding-right: 6px; color: black; }
.button2.next:hover:after, .button2.prev:hover:before { color: white; }



/* ***************** FUDGES ******************* */

.separator { clear: both; }
.sepleft   { clear: left; }
.messageseparator { border-bottom: 1px solid black; }
.noscreen  { display: none; }
.nomobileonly {  } 
.mobileonly { display: none !important; }

#xmlheadlines    { background: #eee; border: 1px solid black; padding: 2px; }
#xmlheadlines h3 { background: #00a; text-align: center; margin: 2px; }
#xmlheadlines a  { background: #eee; }

img.avatar { height: 50px; width: 50px; border: 0; }


/* ******************* CHN COMMERCE ******************* */

.promoElement { margin: 3px 0; }

.promoElementContent { padding: 75px 5px 5px 10px; color: white; font: bold 10px arial; }
.promoElementContent a { color: white; font: bold 10px arial; text-decoration: underline; }
.promoElementContent a:hover { color: #def3f0; font: bold 10px arial; text-decoration: underline; }

.textAds {
	font-size: 0.75em;
	color: #577;
	background: #eee;
	margin-bottom: 12px;
	padding: 3px;
	border: 2px dotted blue;
}
.textAds p {
	background: black;
	font-size: 0.9em;
	margin: -2px -2px 1px -2px;
	color: #999;
	text-align: center;
	padding: 1px;
}

.contentBannerAd { background: black; margin: 0 0 4px 0; text-align: center; width: 100%; }
.contentBannerAd img { max-width: 100%; }

.railAd { margin-bottom: 10px; text-align: center; }
.railAd a { background: none; }
.railAd img { max-width: 100%; height: auto; }
.railAd.sidebyside { width: 100%; }
.railAd.sidebyside .adsbygoogle.responsive { width: 486px; }


/* ************* FORMS ************* */

input,select { font: bold 12px arial,sans-serif; color: #000; background: #eee; }
select { height: 22px; }
.radiocheck  { border: 0; }
.stdDrop     { width: 140px; margin-top: 0; }

input.bevelbutton {
	width: 153px;
	height: 24px;
	font: bold 11px Verdana,sans-serif;
	border-color: #ffeaca #ffa620 #ffa620 #ffeaca;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 1px #FFA620;
	color: #000;
	background-color: #ffcc80;

}

.aform { font-size: 14px; display: flex; flex-wrap: wrap; }
.aform .fieldset { 
	margin-bottom: 12px; 
	overflow: hidden; 
	clear: both; 
	background: #eee; 
	padding: 6px 10px; 
	border: 1px solid #ddd;
	min-width: 30%;
	flex: 1;
}
.aform .fieldset.radio.linear { min-width: 90%; }
.aform .fieldset.radio .formfield > div { clear: both; overflow: hidden; margin-bottom: 3px; }
.aform .fieldset.radio.linear .formfield > div { display: inline-block; margin-right: 10px; }
.aform .formlabel { font-weight: bold; font-size: 14px; margin-bottom: 6px; }
.aform .choicefield { margin-right: 3px; }
.aform .choicefield, .aform .choiceoption { float: left; }
.aform .required { display: none; }
.aform .fieldset.group { display: inline-block; margin-right: -5px; border-right: none; padding-right: 16px; min-width: auto; }
.aform .fieldset.group + .fieldset.group { border-left: none; border-right: 1px solid #ddd; padding-left: 16px; padding-right: 10px; }
.aform .fieldset.submit { background: transparent; padding: 0; border: none; min-width: 90%; }
.aform .fieldset.submit input { font-size: 15px; padding: 6px 15px; }

div.formrow { clear: both; padding-top: 4px; position: relative; width: auto; overflow: hidden; }
div.formrow span.label { float: left; width: 25%; text-align: right; }
div.formrow span.formwidget { float: right; width: 70%; text-align: left; }

#selectmenu {
	background: #ffd700;
	color: black;
	width: 100%;
	padding: 5px;
	font: bold 15px verdana,sans-serif;
	border: 1px solid black;
}

#controlpanel {
	background: #ddd;
	color: black;
	width: 90%;
	padding: 5px;
	font: bold 11px verdana,sans-serif;
	border: 1px solid black;
}
#controlpanel p { color: black; font: bold 11px verdana,sans-serif; }



/* ************* RESPONSIVE ************* */

@media screen and (max-width: 1080px) /*and (min-width: 641px)*/ {
	#content {  }
	#right {  }
	#topFS { 
		background-image: url(/images/logos/chn2006-text-100h-trans.png);
		background-position: 100% 0;
		background-size: auto 100%;
		background-repeat: no-repeat;
		height: 100px;
		width: 100%; 
	}
	#topFS #promo { left: 50%; margin-left: -364px; }

		
	header { background-position: 48% 12px; min-width: 0; }

	#search { display: none; }

	#sitemenu ul { width: 100%; min-width: auto; }
	#sitemenu a { font-size: 0.9em; }
	#sitemenu img { height: 14px; width: 14px; }
	#sitemenu li.sep { display: none; }
}

@media screen and (max-width: 1024px) {
	#sitemenu > ul { width: calc(100% - 100px); margin-left: 0; }
	#sitemenu li#teamflyout, #sitemenu li:last-child { display: none; }
	#teamselect { display: block; }
	#teamselect .stdDrop { font-size: 0.8em; width: 86px;  }
}

@media screen and (max-width: 820px) {
	#sitemenu li:nth-last-child(2) { display: none; }
}

@media screen and (max-width: 800px) {
	body { background-color: white; }
	#content { float: none; width: auto; padding-left: 1%; padding-right: 1%; }
	#right { float: none; width: auto; margin-left: 0.5%; }

	#wrap {
		z-index: 2;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		box-shadow: none;
		width: 100%;
		padding: 0;
	}
	#bottom {
		display: none; /* solving position: fixed issue - for now */
		width: auto;
		z-index: 2;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
	}
	#bottom p { font-size: 12px; }


	/* HEADER ISSUES */

	header { height: auto; min-width: auto; padding-top: 0; }
	header #chnmeta { display: none; }

	#topFS {
		background-color: #da950c;
	    background-image: url(/images/lids/masthead-800-2016.jpg);
		background-position: right 0;
		overflow: visible;
		position: relative;
		margin: 0;
		left: 0;
		z-index: 2;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
	}
	#topFS #promo { display: none; }
	#topFS #homenav { top: 0; right: 0; left: auto; height: 100px; width: 50%; }
	#topFS #navTrigger { 
		position: absolute;
		height: 21px;
		width: 26px;
		left: 20px;
		bottom: 7px;
		cursor: pointer;
		border: 1px solid #777;
		background-color: rgba(0,0,0,0.15);
		background-position: 50%;
		background-repeat: no-repeat;
		background-image: url(/images/design/navTrigger.png);
	}


	/* DEALING WITH OPEN FLYOUT NAV */

	.open-nav #wrap { position: fixed; margin-left: 80%; top: 100px; }
	.open-nav #topFS { position: fixed; margin-left: 80%; }
	.open-nav #bottom { position: fixed; margin-left: 80%; }
	
	#topMN {
		top: 0;
		left: 0;
		padding: 80px 5% 20px 4%;
		width: 71%;
		height: auto;
		background-color: #222;
		background-image: url("/images/design/bg-black-hash.png");
		box-shadow: inset 3px 0 15px 0 #555;
		color: white;
		font-size: 1.4em;
		font-family: /*'Oswald',*/arial,sans-serif;
		letter-spacing: 0.1em;
		z-index: 1;
	}
	#topMN a { color: white; }
	.fixed-nav #topMN { position: absolute; box-shadow: inset 3px 0 15px 0 #555; }

	#topMN > div { position: relative; margin-bottom: 30px; }

	/*
	#topMN #search { display: none; margin-bottom: 12px; }
	#topMN #search input[type="text"] { width: 82% }
	*/

	#topMN #teamselect { position: absolute; top: 20px; left: 20px; margin: 0; width: 80%; }
	#topMN #teamselect form { display: block; }
	#topMN #teamselect .stdDrop { font-size: 1em; width: 100%; height: 30px; }
	#topMN #teamselect label { position: static; }
	#topMN #teamselect label:before { right: 3px; height: 100%; }
	#topMN #teamselect label:after { right: 8px; top: 6px; }
	
	#sitemenu { background: none; font: inherit; margin-bottom: 10px; }
	#sitemenu > ul { display: block; text-align: left; }
	#sitemenu > ul > li {
		display: block;
		list-style-type: none;
		margin-bottom: 4px;
		margin-left: 0;
		padding-top: 4px;
		border-top: 1px solid #555;
		display: block;
		text-shadow: none;
		font-family: inherit;
	}
	#sitemenu li:first-child { border: 0 }
	#sitemenu li:last-child, #sitemenu li:nth-last-child(2) { display: block; }
	#sitemenu li.sep { display: block; text-indent: -200%; border-top: 0; }
	#sitemenu li.sep + li { border-top: none; }
	#sitemenu > ul > li.sep a { background-color: transparent; padding: 0; }
	#sitemenu li a { text-decoration: none; color: #fff; padding: 7px 0 13px 0; display: block; }
	#sitemenu li.hasmore > a:after { content: ''; }
	#sitemenu img { height: auto; width: auto; }

	/* OTHER CONTENT */

	#content .newswidget { width: 98%; margin: 10px auto; }
	#content #widget_chnblogLatestCat {
		width: 97%;
		background: white;
		overflow: hidden;
		box-shadow: 2px 3px 6px #aaa;
		border: 0;
		margin-left: auto;
		margin-right: auto;
		padding: 3px;
	}

	#bestbets { width: 98%; margin: 10px auto; background: white; font-size: 1.3em; height: auto; }
	#bestbets h4 a { font-size: 1.3em; }
	.tabbedNews li { font-size: 1.1em; }

	
	#widget_liveScoreboard { width: 100%; margin-top: 5px; }
	#widget_liveScoreboard p.lsbFooter span { display: none; }
	#widget_liveScoreboard p.lsbFooter span:first-child { display: block; margin: 0 auto; width: auto; text-align: center; }
	#widget_liveScoreboard p.lsbHeader > span { display: block; position: static; }

	.splitcontent .centerpiece { width: auto; float: none; }
	.twocol { float: none; width: 98%; }

	.modalWrapper { max-height: 95%; max-width: 95%; top: 1%; left: 1%; margin: 0 !important; }
	
	.railAd.sidebyside { text-align: center; }
	.railAd.sidebyside .adsbygoogle.responsive { width: 300px; }
	
	ul.newslist li { margin-top: 14px; }
	ul.newslist a { font-size: 14px; }

	.nomobileonly { display: none !important; } 
	.mobileonly { display: block !important; }
	a.mobileonly { 
		display: block; 
		background: #900; 
		color: white; 
		width: 80%; 
		margin: 6px auto; 
		padding: 7px 12px; 
		text-align: center; 
		text-decoration: none; 
		border: 1px solid #444; 
	}

	#content .ContextBar { flex-wrap: wrap; }
	.ContextBar > li { width: 50%; max-width: none; }
	.ContextBar > li.condensed { display: flex; }
	.ContextBar > li.index { width: 100%; border-bottom: 1px dotted #bbb; }
	.ContextBar > li.full { display: none; }
	.ContextBar > li > div { border: 0; padding: 16px 3%; width: 200%; z-index: 10; box-shadow: 2px 13px 35px -4px #000; }
	.ContextBar > li.index > div { width: 100%; }
	.ContextBar > li.teamlist > div { width: 200% }
	.ContextBar > li.teamlist ul { display: flex; flex-wrap: wrap; }
	.ContextBar > li.teamlist li { width: 24%; }
	.ContextBar > li > div li { padding-top: 10px; font-size: 1.2em; }

	.aform { display: flex; flex-wrap: wrap; }
	.aform .fieldset { width: 100%; }
	.aform .fieldset.group { width: 40%; flex: 1; }
}

@media screen and (max-width: 480px) {
	.ContextBar > li.teamlist li { font-size: 1.1em; width: 33%; }
}