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

/* 3px padding on specific elements compensates for IE bug
	that effects floats if you try to pad the floated wrapper element itself
*/
h1 {
	border-bottom: 1px solid #355925;
	font: bold small-caps 22px Georgia;
	color: #ccaa33;
	background: #fff;
	padding: 2px 5px;
	margin: 5px 5px 2px 5px;
	text-shadow: 1px 1px 1px #000;
}
h2 { font: bold 20px verdana, sans-serif;         color: black; padding-left: 3px; }
h3 { font: bold 18px tahoma, verdana, sans-serif; color: black; padding-left: 3px; }
h4 { font: bold 16px tahoma, verdana, sans-serif; color: black; padding-left: 3px; }
#content form { padding: 0 3px; margin-top: 0; }

img { border: 0; }

ul { margin: 0; padding: 0 }
li { margin-left: 15px; }
/*
In IE - the bullets inside a <ul> are affected by padding
In FF - the bullets inside a <ul> are affected by margin
So instead, set both to 0, and set the <li> margin to whatever you want it to be
*/


/* ********* 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: #fff; }

.railAd a { background: none; }

.tiny  { font-size: 9px; line-height: 12px; margin-top: 15px; margin-bottom: 5px; }
.aside { font: italic 9px arial, sans-serif; }


/* ***********   M A I N   D I V s   ************** */

#top {
	margin: 0 auto;
	padding: 0;
	background: url(/images/lids/masthead2007.jpg) no-repeat;
	height: 100px;
 	width: 950px;
 	overflow: hidden;
 	position: relative
 	/* set this so that other elements inside it can be positioned "absolute" relative to "top"
 	   otherwise, "absolute" will be relative to the browser window. */
 }
#top a { background: transparent; }
#top a:hover { background: transparent; }

#wrap { width: 950px; background: #fff; margin: 0 auto; position: relative; overflow: hidden; }

#content {
	float: left;
	width: 693px;
	min-height: 500px;
	background: transparent;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

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

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


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

#homenav { position: absolute; top: 8px; left: 25px; height: 58px; width: 750px; overflow: hidden; }
#homenav a { text-decoration: none; display: block; height: 100%; width: 100%; background: transparent; }

#sitemenu {
	font: bold 11px arial;
	position: absolute;
	/*
	"absolute" can be used because the container -- "top" -- has a position of "relative" ...
	Therefore, this element can be absolutely positioned relative to top, instead of relative to the whole browser window.
	Using "position: relative" here is ineffective, because relative positioning is offset relative to the "normal flow"
	  and not relative to the containing box.
	In this case, the "containing box" is "top" - but only if we set "position: relative" on "top"
	*/
	top: 80px;
	left: 198px;
	color: black;
	background: transparent;
	margin: 0;
	width: 680px;
	height: 11px;
}
#sitemenu a { color: #007; text-decoration: none; }
#sitemenu a:hover { color: #007; text-decoration: underline; }
#sitemenu ul { list-style-type: none; padding: 0; margin: 0; }
#sitemenu li { display: inline; padding: 0; margin: 0 0 0 10px; }

#chnmeta {
	font: 9px arial;
	text-align: right;
	position: absolute;
	top: 0;
	right: 5px;
	color: white;
}
#chnmeta a { color: #ffc; text-decoration: none; }
#chnmeta a:hover { color: #ff5; text-decoration: underline; }
#chnmeta ul { list-style-type: none; margin-top: 0; }
#chnmeta li { display: block; margin: 2px; }
#chnmeta #chnmetacomm { background: black; width: 175px; height: 12px; padding: 2px 4px; font-family: verdana; }

#chnmeta .fb_profile_pic_rendered { position: absolute; top: 11px; right: 67px; }

#teamselect {
	background: transparent;
	margin: 0;
	position: absolute;
	top: 78px;
	right: 0;
	width: 110px;
	height: 20px;
}
#teamselect form { display: inline; }
#teamselect .stdDrop { font-size: 0.8em; width: 100px; }


#search {
	margin: 0;
	position: absolute;
	top: 78px;
	left: 5px;
	background: transparent;
	height: 18px;
	overflow: hidden;
}
#search input.ss { height: 18px; font: 11px arial; padding: 0 5px; }
#search input.google { background: url(/images/googlesearch.gif) no-repeat; width: 130px; height: 12px; padding: 0; }


.twocol { float: left; width: 49%; }

#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; }



/* *********************** OLD 'MORE.css' ********************** */


/* ********** HEADER STUFF ********** */

h3.sectionHeader {
	color: white;
	background: #737770;
	padding: 0px 8px;
	font-size: 11px;
	margin: 2px 0;
	border-bottom: 3px solid #000;
	text-decoration: none;
}

h1.teamlid {
	font: small-caps 11px "Trebuchet MS";
	height: 100px;
	text-align: right;
	line-height: 100px;
	border: 0;
	padding: 0 100px;
}
h1.teamlid a       { color: white }
h1.teamlid a:hover { color: #ffc; text-decoration: none; }

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



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

.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: 43%; }
.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; }

.factbox { border: 1px solid black; padding: 5px; margin: 5px 10px; background: #eee; }
.factbox p { font-size: 0.8em; }
.factbox h2 { margin: 2px; padding: 3px; }

.explainer {
	color: black;
	width: 580px;
	border: 1px solid black;
	padding: 3px;
	margin: 10px auto;
	font-size: 0.8em;
	background: #eee;
}

.comment { border: 1px solid #ddd; padding: 3px; margin: 5px; overflow: hidden; }
.comment h4 { margin: 0 0 2px 0; font-size: 1.2em; color: white; background: #005; }
.comment p { font: 1em 'Trebuchet MS'; margin: 2px; }
#content.roundup, .roundup h1 { background: #e7edd1; }
.roundup .comment p { font: 1.1em/1.5em 'Trebuchet MS'; margin: 4px 2px; }

#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);
}

.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; }


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

ul.linklist { margin: 0; padding: 0; }
ul.linklist li { display: inline; margin: 0 14px; padding: 0; }
.navstrip { background: #faf6e1; font-size: 0.8em; 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 27px; }
.watchList a:hover { color: #def3f0; font: bold 11px arial; text-decoration: underline; }


/* ************* IMAGES ************ */

p.caption { font: bold 10px arial, helvetic, sans-serif; color: #999; text-align: left; }
span.credit { font-style: italic; }

img.teaser { border: 1px solid black; float: left; width: 80px; height: 100px; margin: 0 2px 0 0; }
img.tinyteaser { border: 1px solid black; float: left; width: 80px; height: 80px; margin: 0 2px 0 0; }
img.rteaser { border: 1px solid black; float: right; width: 80px; height: 100px; margin: 0 0 0 2px; }
img.rtinyteaser { border: 1px solid black; float: right; width: 80px; height: 80px; margin: 0 0 0 2px; }
img.hs-small { border: 1px solid black; float: left; width: 82px; height: 82px; margin: 0 2px 5px 3px; }
img.teaserlogo { border: 0; float: left; width: 61px; margin-right: 2px; }
img.logo { border: 0; }
img#player { border: 0; float: right; margin-right: 10px; width: 100px; }
img.article { float: right; margin: 0 0 3px 3px; }

.buttonad { margin: 20px auto; }


/* ******* INLINE TEXT STYLINGS ******* */

.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; }


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

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



/* ******************* ADS ******************* */

.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; }

.railAd { text-align: center; margin: 0 auto 3px auto; }
#left .adblock { margin: 5px 4px; }
#left #frontAds .adblock { margin: 0 0 5px 0; }
#right .adblock { margin-bottom: 20px; margin-top: 20px; }
#right  .adblock:first-child  { margin-top: 0 }

.contentBannerAd { background: black; margin: 0 0 4px 0; text-align: center; }

.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;
}


/* ********************* OLD 'INTERFACE.css' ************************ */

#bestbets {
	margin-bottom: 3px;
	border: 1px solid #ccc;
	height: 132px;
	position: relative;
}
#bestbets h3 {
	margin: 0;
	background: url(/images/lids/bestbets2007.gif);
	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; }
#bb_navigator {
	margin: 0;
	padding: 5px;
	background: #eaeaea;
	clear: both;
	position: absolute;
	bottom: 0;
	width: 238px;
	text-align: center;
	border-top: 1px solid #ccc;
}
#bb_navigator a { margin: 0 3px; color: #039; padding: 1px 6px; }
#bb_navigator #featured_next { padding-left: 20px; border-left: 1px solid #ccc; }
#bb_navigator .feature_link_off { border: 1px solid #eaeaea; background-color: #eaeaea; }
#bb_navigator .feature_link_on  { border-color: #fff; background-color: #fff; }


.tabbedNews {
	margin: 5px 0;
	width: 248px;
	/*height: 280px;*/
	border: 1px solid #ccc;
	padding: 0;
	overflow: hidden;
}
.tabbedNews ul { padding-left: 0; margin: 5px 0; }
.tabbedNews ol { padding-left: 10px; margin: 5px 0; }
.tabbedNews li { font-size: 0.8em; margin-left: 20px; }
.tabbedNews ul li { list-style-image: url(/images/design/racquo.png); }
.tabbedNews h3 {
	margin: 0;
	height: 15px;
	text-indent: -2000px;
	line-height: 15px;
}
.tabbedNews h3.morenews  { background: url(/images/lids/newstoknow.gif); }
.tabbedNews h3.inthenews { background: url(/images/lids/inthenews.gif); }
.tabbedNews h3.community { background: url(/images/lids/community.gif); }
.tabbedNews img { margin-right: -3px; width: 61px; }
.tabbedNews img.wide { margin-right: -3px; width: 73px; }
.tabbedNews img.ewide { margin-right: -3px; width: 100px; }
.tabbedNews .feedDate { display: none; }
.tabbedNews .feedTime { display: none; }
.tabbedNews .feedDesc { display: none; }
.tabbedNews h4 { font: bold 12px Verdana; margin: 2px 0; }
.tabbedNews a.tab { display: inline-block; }
#right .tabbedNews { margin-top: 20px; }

#widget_relevantNews { height: auto; }
#widget_relevantNews li { padding: 3px 0; }
#widget_relevantNews li a { text-decoration: none; }
#widget_relevantNews li a:hover { text-decoration: underline; }

#widget_communityBox { height: 280px; }

#widget_related { border: 1px solid #ccc; width:244px; }
#widget_related ul li { font: 10px verdana; margin-left: 20px; padding: 2px 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: 3px; }
.newstab_list li { margin-bottom: 5px; margin-top: 3px }
.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; }


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

input,select { font: bold 11px arial,sans-serif; color: #000; background: #ffeeba; }
.radiocheck  { border: 0; }
.stdDrop     { width: 140px; margin-top: 0; font: 10px arial; }

input.bevelbutton {
	width: 140px;
	height: 15px;
	font: bold 10px Verdana,sans-serif;
	border-right: 1px solid #ffa620;
	border-bottom: 1px solid #ffa620;
	border-left: 1px solid #ffeaca;
	border-top: 1px solid #ffeaca;
	color: black;
	background: #ffcc80;
}


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; }



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

td.label { text-align: right; }

tr.sked-header td { background: #ddd; color: #000; font-weight: bold; padding: 1px; border-top: 1px solid black; }

tr.stats-header td, tr.stats-header th { background: #ffcc80; color: #000; font-weight: bold; padding: 1px; }
tr.stats-header td a, tr.stats-header th a { background: #ffcc80; color: #000; text-decoration: underline; }
tr.stats-header td a:hover, tr.stats-header th a:hover { background: #ff9; }

tr.stats-row0 td { background: #fff; color: #000; font-weight: normal; padding: 1px; }
tr.stats-row0 td a  { background: #fff; }
tr.stats-row1 td { background: #edf6ea; color: #000; font-weight: normal; padding: 1px; }
tr.stats-row1 td a  { background: #edf6ea; }
tr.stats-rowOver td { background: #b3feb8; color: #000; font-weight: normal; padding: 1px; }
tr.stats-rowOver td a       { background: #b3feb8; }

tr.stats-section td { background: #000; color: #fff; font-weight: bold; }
tr.stats-section td a, tr.stats-section th a             { color: #aaf; }
tr.stats-section td a:hover, tr.stats-section th a:hover { color: #ff9; }


/* *********************************************************
  ****************** NEW ***********************************
  ********************************************************** */

#content .newswidget {
	clear: both;
	background: #fbfbfd;
	border: 1px solid #ccc;
	margin-top: 20px;
	width: 500px;
	margin-left: 5px;
	padding-bottom: 5px;
}
#content .newswidget a { background: #fbfbfd; }
#right .newswidget {
	clear: both;
	background: white;
	border: 1px solid #ccc;
	margin: 20px 0;
	padding-bottom: 5px;
}
#right .newswidget:first-child { margin-top: 0; }

#right #newswidget-CoachingCarousel {
	background-image: url(/images/action/0910/mia_bergeron.jpg);
	background-position: 145px 25px;
	background-repeat: no-repeat;
}
#right #newswidget-CoachingCarousel ul.newslist { padding-right: 105px; }
#right #newswidget-CoachingCarousel ul.newslist a { font-size: 10px; }
#right #carousel { background: url(/images/bg/news-carousel.jpg) no-repeat; }
#right #carousel ul.newslist a { font-size: 10px; color: #005; }

.newswidget h2, h2.newslist, .newslist h2, .tabbedNews h2 {
	font: bold 13px 'Trebuchet MS';
	margin: 0 0 2px 0;
	color: white;
	padding: 2px 2px 2px 10px;
	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);
}
.tabbedNews h2 { margin-bottom: 0; }
#right .newswidget ul, #right .newslist ul { margin-left: 18px; }
ul.newslist { font-size: 0.9em; margin: 3px 0 0 18px; padding: 0; list-style-type: circle; }
ul.newslist li { margin: 6px 0 0 0; }


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


.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; }


#content .tabbedNews { margin-left: 5px; width: 500px; padding-bottom: 10px; }
#content #news2know  { float: left; margin-left: 3px; width: 248px; clear: none; margin-top: 5px; }
#content .widget { /*float: left; width: 240px;*/ margin-top: 20px; margin-left: 3px; }


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

.widget { border: 1px solid #ccc; width: 97%; padding: 3px; }
.widget .item   { margin-bottom: 3px; border-bottom: 1px solid #ddd; }
.widget .item p { margin: 2px; font: 11px tahoma; }
.widget .item p.title { font-weight: bold; }
.widget .item p.meta  { font: italic 10px tahoma; color: #999; }
.widget .item p.desc  { }
.widget h3 {
	font: bold 13px 'Trebuchet MS';
	margin: 0 0 2px 0;
	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);
	color: white;
	padding: 2px 2px 2px 10px;
	text-shadow: 1px 1px 1px #000;
	position: relative;
}
.widget h3 a { display: block; position: absolute; right: 4px; bottom: 0; }

#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; }

#content #widget_chnblogLatestCat { width: 490px; overflow: hidden; box-shadow: 2px 3px 6px #aaa; border: 0; margin-left: 5px; }
#widget_chnblogLatestCat .blogCat { /*float: left; width: 243px; height: 95px; */ 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; /*text-shadow: 1px 1px 1px #000;*/ }
#widget_chnblogLatestCat .item { margin-bottom: 0; border: 0; }
#widget_chnblogLatestCat h3 { margin-bottom: 0; }
#widget_chnblogLatestCat .item p.title { display: inline; }
#widget_chnblogLatestCat .item p.meta { display: inline; }

#widget_liveScoreboard { background: black; width: 514px; position: relative; overflow: hidden; color: white; }
#widget_liveScoreboard p.lsbHeader { padding: 3px; font: bold 11px 'Trebuchet MS', Arial, Helvetica; color: white; background: #232732; margin: 0; text-indent: 15px; }
#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: 50px; }
#widget_liveScoreboard p.lsbFooter a { color: #c9d5fa; }
#widget_liveScoreboard #lsbWrapper { width: 100%; overflow: hidden; padding: 5px 0; border: 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; }

.pictorialUnderlay { position: absolute; background: #bbb; height: 100%; width: 100%; top: 0; left: 0; opacity: 0.9; }
.pictorialWrapper { 
	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; 
}