
/* 
html5doctor.com Reset Stylesheet
v1.4 
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* ************************************************************** */

.pointer { cursor: pointer; }
.clearboth { clear: both; }

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

/* ************************************************************** */

body
{
	background: #fff;
	color: #444;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
}

header
{
	position: relative;
	width: 960px;
	height: 129px;
	margin-bottom: 10px;
}

h1 { text-indent: -7000px; }
header a.mullen, header a.radian6
{
	position: absolute;
	top: 60px;
	display: block;
	text-indent: -7000px;
}
header a.mullen
{
	right: 160px;
	width: 125px;
	height: 50px;
}
header a.radian6
{
	right: 33px;
	width: 140px;
	height: 50px;
}

#bb-container
{
	background: #ffffff url(http://cache.boston.com/images/brandbowl/2011/i/bg-bak.jpg) top left repeat-x;
	position: relative;
	width: 960px;
	margin: 0 auto;
}

/* ************************************************************** */

#main { float: left; margin-top: 0px; }

/* ************************************************************** */

#leaderboard 
{
	float: left;
	position: relative;
	width: 556px;
	min-height: 868px;
	margin: 15px 3px 10px 0px;
	padding: 71px 36px 0 36px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/bg_twit-o-tron.png) -5px 0px no-repeat;
}

/* ************************************************************** */

#leaderboard h1
{
	position: absolute;
	top: 26px;
	left: 49px;
	text-indent: 0;
	font-size: 11px;
	font-weight: none;
}
#leaderboard h1 a
{
	color: #999;
}
#leaderboard h1 a:hover
{
	color: #666;
	text-decoration: none;
}
#leaderboard #ticker
{
	position: absolute;
	z-index: 7;
	top: 3px;
	left: 25px;
	width: 578px;
	height: 20px;
	padding: 7px 0 0 0;
	background-color: transparent;
	color: #bbb;
	font-size: 90%;
	line-height: 120%;
}
#leaderboard #ticker .ticker-spinner
{
	display: none;
	position: absolute;
	top: 10px;
	left: -25px;
	width: 16px;
	height: 16px;
	xbackground: transparent url(http://cache.boston.com/images/brandbowl/2011/i/spinner.gif) top left no-repeat;
}
#leaderboard #ticker marquee { width: 578px; }
#leaderboard #ticker p span
{
	padding-right: 70px;
}
#leaderboard #ticker p span.last { padding-right: 5px; }

/* ************************************************************** */

#leaderboard ul.pagination
{
	width: 560px;
}

#leaderboard ul.pagination li
{
	display: block;
	width: 112px;
	height: 20px;
	float: left;
	text-indent: -9999em;
}
#leaderboard ul.pagination li:hover
{
	cursor: pointer;
}
#leaderboard ul.pagination li.r1-10
{
	background-position: 0px 0px;
}
#leaderboard ul.pagination li.r11-20
{
	background-position: -112px 0px;
}
#leaderboard ul.pagination li.r21-30
{
	background-position: -224px 0px;
}
#leaderboard ul.pagination li.r31-40
{
	background-position: -336px 0px;
}
#leaderboard ul.pagination li.r41-50
{
	background-position: -448px 0px;
}

#leaderboard ul.pagination li.r1-10.active
{
	background-position: 0px -21px;
}
#leaderboard ul.pagination li.r11-20.active
{
	background-position: -112px -21px;
}
#leaderboard ul.pagination li.r21-30.active
{
	background-position: -224px -21px;
}
#leaderboard ul.pagination li.r31-40.active
{
	background-position: -336px -21px;
}
#leaderboard ul.pagination li.r41-50.active
{
	background-position: -448px -21px;
}

#leaderboard ul.top
{
	position: absolute;
	top: 52px;
	left: 34px;
}
#leaderboard ul.top li.r1-10, #leaderboard ul.top li.r11-20, #leaderboard ul.top li.r21-30, #leaderboard ul.top li.r31-40, #leaderboard ul.top li.r41-50
{
	background-image: url(http://cache.boston.com/images/brandbowl/2011/i/img_field_pagination_top.gif);
}

#leaderboard ul.bottom
{
	position: absolute;
	bottom: 8px;
	left: 34px;
}
#leaderboard ul.bottom li.r1-10, #leaderboard ul.bottom li.r11-20, #leaderboard ul.bottom li.r21-30, #leaderboard ul.bottom li.r31-40, #leaderboard ul.bottom li.r41-50
{
	background-image: url(http://cache.boston.com/images/brandbowl/2011/i/img_field_pagination_bottom.gif);
}

/* ************************************************************** */

#leaderboard div#ranks
{
	position: absolute;
	top: 81px;
	right: 50px;
	width: 44px;
	height: 837px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/img_field_ranks.png) 0 0 no-repeat;
}

#leaderboard div#ranks.p1
{
	background-position: 0px 0px;
}
#leaderboard div#ranks.p2
{
	background-position: -44px 0px;
}
#leaderboard div#ranks.p3
{
	background-position: -88px 0px;
}
#leaderboard div#ranks.p4
{
	background-position: -132px 0px;
}
#leaderboard div#ranks.p5
{
	background-position: -176px 0px;
}
/* ************************************************************** */

#leaderboard ul.rankings
{
	float: left;
	padding-top: 3px;
	width: 556px;
	height: 837px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/recap/img_field_results.jpg) top left no-repeat;
	color: #fff;
	list-style: none;
	margin-top: 2px;
}
#leaderboard .spinner
{
	display: none;
	position: absolute;
	top: 90px;
	left: -15px;
	width: 16px;
	height: 16px;
	xbackground: transparent url(http://cache.boston.com/images/brandbowl/2011/i/spinner.gif) top left no-repeat;
}
#leaderboard li { position: relative; float: left; width: 483px; display: none; }
#leaderboard li:last-child { border: 0; }
#leaderboard li meter { display: none; }

/* ************************************************************** */

#leaderboard li .board
{
	position: relative;
	height: 70px;
	margin: 0;
	padding: 15px 0 0 140px;
}

#leaderboard li .audi { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_audi.jpg) 10px 0px no-repeat; }
#leaderboard li .battle-los-angeles { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_battle_los_angeles.jpg) 10px 0px no-repeat; }
#leaderboard li .best-buy { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_best_buy.jpg) 10px 0px no-repeat; }
#leaderboard li .boost-mobile { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_boost_mobile.jpg) 10px 0px no-repeat; }
#leaderboard li .bmw { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_bmw.jpg) 10px 0px no-repeat; }
#leaderboard li .bridgestone { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_bridgestone.jpg) 10px 0px no-repeat; }
#leaderboard li .bud-light { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_bud_light.jpg) 10px 0px no-repeat; }
#leaderboard li .budweiser { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_budweiser.jpg) 10px 0px no-repeat; }
#leaderboard li .captain-america { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_captain_america.jpg) 10px 0px no-repeat; }
#leaderboard li .captain-amercia { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_captain_america.jpg) 10px 0px no-repeat; }
#leaderboard li .careerbuilder { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_careerbuilder.jpg) 10px 0px no-repeat; }
#leaderboard li .careerbuilder-com { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_careerbuilder.jpg) 10px 0px no-repeat; }
#leaderboard li .carmax { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_carmax.jpg) 10px 0px no-repeat; }
#leaderboard li .cars-com { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_cars_dot_com.jpg) 10px 0px no-repeat; }
#leaderboard li .cbs { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_cbs.jpg) 10px 0px no-repeat; }
#leaderboard li .cbs { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_football.jpg) 10px 0px no-repeat; }
#leaderboard li .chevrolet { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_chevrolet.jpg) 10px 0px no-repeat; }
#leaderboard li .chrysler { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_chrysler.jpg) 10px 0px no-repeat; }
#leaderboard li .coca-cola { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_coca_cola.jpg) 10px 0px no-repeat; }
#leaderboard li .coke-zero { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_coke_zero.jpg) 10px 0px no-repeat; }
#leaderboard li .cowboys-aliens { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_cowboys_aliens.jpg) 10px 0px no-repeat; }
#leaderboard li .denny-s { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_dennys.jpg) 10px 0px no-repeat; }
#leaderboard li .diamond-foods { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_diamondfoods.jpg) 10px 0px no-repeat; }
#leaderboard li .dockers { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_dockers.jpg) 10px 0px no-repeat; }
#leaderboard li .dodge { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_dodge.jpg) 10px 0px no-repeat; }
#leaderboard li .doritos { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_doritos.jpg) 10px 0px no-repeat; }
#leaderboard li .dove-men-care { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_dove.jpg) 10px 0px no-repeat; }
#leaderboard li .dr--pepper { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_dr_pepper.jpg) 10px 0px no-repeat; }
#leaderboard li .dr-pepper { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_dr_pepper.jpg) 10px 0px no-repeat; }
#leaderboard li .e-trade { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_etrade.jpg) 10px 0px no-repeat; }
#leaderboard li .electronic-arts { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_ea.jpg) 10px 0px no-repeat; }
#leaderboard li .emerald-nuts { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_emerald-nuts.jpg) 10px 0px no-repeat; }
#leaderboard li .flo-tv { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_flotv.jpg) 10px 0px no-repeat; }
#leaderboard li .focus-on-the-family { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_christian_group_focus_on_the_family.jpg) 10px 0px no-repeat; }
#leaderboard li .ford { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_ford.jpg) 10px 0px no-repeat; }
#leaderboard li .godaddy { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_go_daddy.jpg) 10px 0px no-repeat; }
#leaderboard li .google { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_google.jpg) 10px 0px no-repeat; }
#leaderboard li .groupon { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_groupon.jpg) 10px 0px no-repeat; }
#leaderboard li .homeaway { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_home_away.jpg) 10px 0px no-repeat; }
#leaderboard li .honda { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_honda.jpg) 10px 0px no-repeat; }
#leaderboard li .hp { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_hp.jpg) 10px 0px no-repeat; }
#leaderboard li .hyundai { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_hyundai.jpg) 10px 0px no-repeat; }
#leaderboard li .intel { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_intel.jpg) 10px 0px no-repeat; }
#leaderboard li .just-go-with-it { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_just_go_with_it.jpg) 10px 0px no-repeat; }
#leaderboard li .justin-bieber-never-say-never { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_justin_bieber.jpg) 10px 0px no-repeat; }
#leaderboard li .kgb { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_kgb.jpg) 10px 0px no-repeat; }
#leaderboard li .kia { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_kia.jpg) 10px 0px no-repeat; }
#leaderboard li .kung-fu-panda-2 { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_kung_fu_panda_2.jpg) 10px 0px no-repeat; }
#leaderboard li .limitless { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_limitless.jpg) 10px 0px no-repeat; }
#leaderboard li .lipton-brisk { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_lipton_brisk.jpg) 10px 0px no-repeat; }
#leaderboard li .mcdonald-s { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_mcdonalds.jpg) 10px 0px no-repeat; }
#leaderboard li .mercedes-benz { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_mercedes-benz.jpg) 10px 0px no-repeat; }
#leaderboard li .michelob-ultra { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_michelobultra.jpg) 10px 0px no-repeat; }
#leaderboard li .miller { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_millerhighlife.jpg) 10px 0px no-repeat; }
#leaderboard li .monster-com { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_monster.jpg) 10px 0px no-repeat; }
#leaderboard li .motorola { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_motorola.jpg) 10px 0px no-repeat; }
#leaderboard li .nfl { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_nfl.jpg) 10px 0px no-repeat; }
#leaderboard li .paramount { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_paramount.jpg) 10px 0px no-repeat; }
#leaderboard li .pepsi-max { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_pepsi_max.jpg) 10px 0px no-repeat; }
#leaderboard li .pirates-of-the-caribbean-on-stranger-tides { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_pirates.jpg) 10px 0px no-repeat; }
#leaderboard li .pizza-hut { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_pizzahut.jpg) 10px 0px no-repeat; }
#leaderboard li .pop-secret { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_pop_secret.jpg) 10px 0px no-repeat; }
#leaderboard li .priest { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_priest.jpg) 10px 0px no-repeat; }
#leaderboard li .rango { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_rango.jpg) 10px 0px no-repeat; }
#leaderboard li .rio { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_rio.jpg) 10px 0px no-repeat; }
#leaderboard li .salesforce { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_salesforce_com.jpg) 10px 0px no-repeat; }
#leaderboard li .select-55 { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_select55.jpg) 10px 0px no-repeat; }
#leaderboard li .skechers { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_skechers.jpg) 10px 0px no-repeat; }
#leaderboard li .snickers { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_snickers.jpg) 10px 0px no-repeat; }
#leaderboard li .sony { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_sony.jpg) 10px 0px no-repeat; }
#leaderboard li .stella-artois { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_stella_artois.jpg) 10px 0px no-repeat; }
#leaderboard li .sun-life-financial { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_sun_life_financial.jpg) 10px 0px no-repeat; }
#leaderboard li .super-8 { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_super8.jpg) 10px 0px no-repeat; }
#leaderboard li .suzuki { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_suzuki.jpg) 10px 0px no-repeat; }
#leaderboard li .taco-bell { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_taco_bell.jpg) 10px 0px no-repeat; }
#leaderboard li .take-me-home-tonight { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_take_me_home_tonight.jpg) 10px 0px no-repeat; }
#leaderboard li .teleflora { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_teleflora.jpg) 10px 0px no-repeat; }
#leaderboard li .the-eagle { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_the_eagle.jpg) 10px 0px no-repeat; }
#leaderboard li .thor { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_thor.jpg) 10px 0px no-repeat; }
#leaderboard li .transformers-dark-of-the-moon { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_transformers.jpg) 10px 0px no-repeat; }
#leaderboard li .trutv { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_truTV.jpg) 10px 0px no-repeat; }
#leaderboard li .u-s--census-bureau { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_US_census.jpg) 10px 0px no-repeat; }
#leaderboard li .universal { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_universal.jpg) 10px 0px no-repeat; }
#leaderboard li .universal { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_universal.jpg) 10px 0px no-repeat; }
#leaderboard li .vizio { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_vizio.jpg) 10px 0px no-repeat; }
#leaderboard li .volkswagen { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_vw.jpg) 10px 0px no-repeat; }
#leaderboard li .walt-disney { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_walt_disney.jpg) 10px 0px no-repeat; }
#leaderboard li .wheat-thins { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_wheat_thins.jpg) 10px 0px no-repeat; }
#leaderboard li .planters { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_planters.jpg) 10px 0px no-repeat; }
#leaderboard li .living-social { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_living_social.jpg) 10px 0px no-repeat; }
#leaderboard li .ericsson { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_ericsson.jpg) 10px 0px no-repeat; }
#leaderboard li .chips-ahoy { background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/logos/logo_chips_ahoy.jpg) 10px 0px no-repeat; }


#leaderboard li .board-slot
{
	position: relative;
	z-index: 6;
	width: 143px;
}

#leaderboard li .board-slot h2
{
	width: 260px;
	height: 25px;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	text-indent: -7000px;
}
/* ************************************************************** */

#leaderboard li .board h2
{
	font-size: 160%;
}
#leaderboard li .board div.meter-change
{
	z-index: 3;	
	position: absolute;
	bottom: 17px;
	left: 145px;
	font-size: 120%;
}
#leaderboard li .board div.meter-change.pos-change { color: #fff; }
#leaderboard li .board div.meter-change.neg-change { color: #fff; }

#leaderboard .board-info
{
	display: block;
	z-index: 5;
	position: absolute;
	top: 3px;
	left: 91px;
	width: 331px;
	height: 67px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/img_brand_stats.png) top left no-repeat;
	color: #333;
	font-size: 80%;
}

#leaderboard .board-info h4
{
	top: 22px;
	left: 30px;
	width: 140px;
	height: 80px;
	margin: 0;
	padding: 0;
}

#leaderboard .board-info h4, #leaderboard .board-info div { position: absolute; } 

#leaderboard .board-info div { text-align: center; }
#leaderboard .board-info div.brand-score
{
	top: 22px;
	left: 52px;
	width: 35px;
	text-align: center;
}
#leaderboard .board-info div p.label
{
	margin-bottom: 17px;
	color: #333;
	font-size: 90%;
}
#leaderboard .board-info div p
{
	color: #fff;
	font-size: 155%;
	font-weight: bold;
}
#leaderboard .board-info div.brand-score p { font-size: 155%; }
#leaderboard .board-info div.brand-score p.label { margin: 0 0 17px 0; font-size: 90%; }
#leaderboard .board-info div p small
{
	color: #666;
	font-size: 70%;
}
#leaderboard .board-info div.posts
{
	top: 22px;
	left: 100px;
	text-align: center;
	width: 58px;
}
#leaderboard .board-info div.net-sentiment
{
	top: 22px;
	left: 171px;
	text-align: center;
	width: 66px;
}
#leaderboard .board-info p.nerd-alert
{
	position: absolute;
	bottom: 19px;
	right: 240px;
	color: #c00;
	font-weight: bold;
}
#leaderboard .board-info p.more-details a
{
	display: block;
	position: absolute;
	bottom: 6px;
	right: 7px;
	color: #333; 
	font-size: 90%;
	text-decoration: none;
	height: 20px;
	width: 114px;
}

/* ************************************************************** */

#twitter
{
	float: left;
	margin-top: 14px;
	width: 324px;
	background-color: transparent;
	position: relative;
}
#twitter h1
{
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-indent: 0;
	position: absolute;
	top: -37px;
	left: 0px;
	text-indent: 0;
	height: 28px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/youtube.gif) left bottom no-repeat;
	padding-left: 60px;
	vertical-align: top;
	color: #999999;
}
#twitter h1 a
{
	color: #4293be;
	padding-right: 8px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/img_arrow_right.png) no-repeat right 4px;
}
#twitter #post
{
	float: left;
	position: relative;
	width: 284px;
	padding: 20px 20px 0px 20px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/bg-feed-top.png) top left no-repeat;
}
#twitter #post #twitter-spinner
{
	display: none;
	position: absolute;
	bottom: -3px;
	right: -2px;
	width: 16px;
	height: 16px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/spinner.gif) top left no-repeat;
}
#twitter #post #twitter-error
{
	display: none;
	position: absolute;
	bottom: 7px;
	right: 40px;
	color: #600000;
	font-size: 75%;
	text-align: right;
}
#twitter #post h3
{
	height: 13px;
	width: 167px;
	margin-bottom: 10px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/h-cheer-boo-hiss.png) top left no-repeat;
	text-indent: -7000px;
}
#twitter #post p
{
	color: #CCCCCC;
	font-size: 80%;
	line-height: 120%;
}

#twitter #post form
{
	position: relative;
	margin: 15px 0;
}
#twitter #post #login-form
{
	display: block;
	margin: 15px 0px 0px 0px;
	padding-bottom: 15px;
}
#twitter #post #login-form .twitter-connect {
	background: url(http://cache.boston.com/images/brandbowl/2011/i/connect_170px.png) no-repeat scroll 0 0 transparent;
	height: 26px;
	width: 170px;
	background-position: left top;
	background-repeat: no-repeat;
	border: 0 none;
	display: inline-block;
}
#twitter #post #login-form .twitter-connect:hover {
	background-position: left -26px;
}
#twitter #post #login-form .twitter-connect:active {
	background-position: left -52px;
}
#twitter #post #login-form .twitter-connect span {
	position: absolute;
	left: -9999em;
}
#twitter #post form#post-form
{
	display: none;
	width: 282px;
}
#twitter #post div
{
	float: left;
	margin: 0 15px 0px 0;
}
#twitter #post form input[type=text], #twitter #post form input[type=password]
{
	width: 100px;
	color: #666;
	font-size: 70%;
}
#twitter #post form input[type=button]
{
	padding: 2px 6px;
	border: 0;
	color: #fff;
	font-weight: bold;
}
#twitter #post form textarea
{
	width: 272px;
	height: 50px;
	padding: 5px;
	margin-bottom: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}
#twitter #post form #post-form-submit
{
	clear: both;
	float: right;
	margin: 0px 0px 7px 0px;
	padding: 0;
}
#twitter #post #post-form input[type=button]
{
	width: 95px;
	height: 30px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/brand_bowl_twitter_post.png) top left no-repeat;
}
#twitter #post form #post-form-logout
{
	float: right;
	margin: 8px 5px 0px 0px;
	text-align: right;
	
}
#twitter #post form #post-form-logout a
{
	color: #999;
	font-size: 80%;
	text-decoration: none;
}
#twitter #post form #post-form-logout a:hover { color: #333; }
#twitter #post form #char-count
{
	position: absolute;
	top: -12px;
	right: 1px;
	color: #999;
	font-size: 70%;
	margin-right: 0px;
}

/* ************************************************************** */

#twitter #tweets
{
	clear: both;
	float: left;
	width: 284px;
	min-height: 702px;
	padding: 15px 20px 20px 20px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/bg-feed-bottom.png) bottom left no-repeat;
	font-size: 80%;
	line-height: 130%;
}
#twitter #tweets .tweet-content
{
	clear: both;
	float: left;
	width: 284px;
	margin-bottom: 6px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2px;
}
#twitter #tweets .tweet-content:last-child { margin-bottom: 0; border: 0; }
#twitter #tweets a.profile-image
{
	display: block;
	float: left;
	width: 50px;
	margin-right: 15px;
}
#twitter #tweets a.profile-image img
{
	
	float: left;
	margin-bottom: 5px;
	border: 1px solid #ccc; 
}
#twitter #tweets .tweet-inner
{
	float: left;
	width: 215px;
	overflow: hidden;
}
#twitter #tweets .tweet-inner a
{
	color: #069;
	font-weight: bold;
}
#twitter #tweets .tweet-inner p
{
	
}
#twitter #tweets .tweet-inner div.footer
{
	margin: 5px 0 0 0;
	font-size: 90%;
}
#twitter #tweets .tweet-inner div.footer .reply-link
{
	display: none;
}
#twitter #tweets .tweet-inner div.footer .retweet-link
{
	display: none;
}
#twitter #tweets .tweet-inner div.footer a
{
	color: #666;	
	font-weight: normal;
	text-decoration: none;
}
#twitter #tweets .tweet-inner div.footer a:hover { text-decoration: underline; }


/* ************************************************************** */

#tweet-pagination
{
	float: left;
	margin: -22px 0 0 0px;
	width: 304px;
	margin-left: 10px;
}

#tweet-pagination a.live-updates
{
	display: block;
	float: left;
	width: 120px;
	margin: 5px 0px 0 0;
	color: #ccc;
	font-size: 80%;
	text-align: left;
	outline: none;
}

#tweet-pagination a.live-updates:hover {
	text-decoration: none;
	border: 0px;
	color: #333;
}

#tweet-pagination ul
{
	float: left;
	color: #ccc;
	font-size: 80%;
	list-style: none;
	margin-left: 12px;
}
#tweet-pagination ul li
{
	float: left;
	margin-right: 4px;
	list-style: none;
}
#tweet-pagination ul li:hover, #tweet-pagination ul li.active
{
	color: #333;
	text-decoration: none;
}
#tweet-pagination ul li a
{
	display: block;
	width: 13px;
	padding: 6px 0 3px 0;
	color: #ccc;
	text-decoration: none;
	text-align: center;
}
#tweet-pagination ul li a:hover, #tweet-pagination ul li.active a { color: #333; text-decoration: none; }


/* ************************************************************** */


#lockers
{
	position: relative;
	clear: both;
	float: left;
	padding: 15px 0px 15px 0px;
	width: 959px;
	visibility: hidden;
}
#lockers h3
{
	position: relative;
	width: 187px;
	height: 15px;
	margin-left: 24px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/h-instant-replay.png) 0 0 no-repeat;
	text-indent: -7000px;
	margin-bottom: 20px;
}
#lockers p.explanation
{
	position: absolute;
	top: 35px;
	left: 23px;
	font-size: 80%;
}
#lockers p.legend
{
	position: absolute;
	top: 35px;
	right: 15px;
	font-size: 75%;
}
#lockers ul
{
	float: left;
	width: 959px;
	height: 159px;
	padding: 13px 18px 20px 18px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/img_locker_bg.png) 0 0 no-repeat;
	list-style: none;
}
#lockers .prev, #lockers .next
{
	display: block;
	position: absolute;
	z-index: 11;
	top: 163px;
	width: 35px;
	height: 36px;
}
#lockers .prev
{
	left: 3px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/btn_arrow_left.png) 0 0 no-repeat;
}
#lockers .next
{
	right: 4px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/btn_arrow_right.png) 0 0 no-repeat;
}
#lockers .prev:hover
{
	background-image: url(http://cache.boston.com/images/brandbowl/2011/i/btn_arrow_left_over.png);
}
#lockers .next:hover
{
	background-image: url(http://cache.boston.com/images/brandbowl/2011/i/btn_arrow_right_over.png);
}
#lockers li
{
	float: left;
	margin: 0px 6px;
	width: 120px;
	height: 90px;
	color: #999;
	position: relative;
}
#lockers li:hover
{
	cursor: pointer;
}
#lockers li:hover div.ad-play-overlay
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 120px;
	height: 90px;
	z-index: 2;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/img_locker_overlay.png) 0 0 no-repeat;
}
#lockers li:hover div.ad-title-overlay
{
	display: none;
}
#lockers li.ad-content img
{
	width: 120px;
	height: 90px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#lockers li.ad-content div.ad-title-overlay
{
	height: 30px;
	width: 120px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/img_locker_title.png) 0 0 no-repeat;
}
#lockers li.ad-content div.ad-title-overlay h1, #lockers li.ad-content div.ad-title-overlay h2
{
	text-indent: 0px;
	color: #999999;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 11px;
	text-align: left;
	font-weight: normal;
	padding: 2px 0px 0px 6px;
	overflow: hidden;
}
#lockers li.ad-content div.ad-title-overlay h1
{
	padding-top: 4px;
}
#lockers li meter
{
	color: #999;
	font-weight: bold;
	font-size: 70%
}

#lockers li a
{
	display: block;
	width: 120px;
	height: 65px;
	margin: 15px 0 64px 6px;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -7000px;
	outline: none;
}

/* ************************************************************** */
#hulu-player {
	padding: 24px 5px 20px 17px;
}
#hulu-player h1 {
	width: 302px;
	height: 24px;
	background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/h-instant-replay-modal.png) no-repeat top left;
	text-indent: -9999em;
	margin-bottom: 7px;
}
#hulu-player h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
}

#hulu-player #videoPlayerComponent {
	position: relative;
	left: -5px;
}

footer { clear: both; margin: 25px 0; }

/* ************************************************************** */
#recap {
	position: relative;
	height: 295px;
	padding: 0px 30px;
	margin-top: 30px;
	width: 900px;
	overflow: hidden;
}

	#recap h1 {
		background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/recap/h-recap.png) no-repeat top left;
		text-indent: -9999em;
	}

	#recap p {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #ccc;
		width: 703px;
		line-height: 14px;
	}

	#recap #winner-overall {
		position: absolute;
		top: 92px;
	}

		#recap #winner-overall h2 {
			background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/recap/h-overall_winner.png) no-repeat top left;
			text-indent: -9999em;
		}

		#recap #winner-overall .result {
			position: relative;
			top: -12px;
			left: -7px;
			width: 347px;
			height: 80px;
			background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/recap/winner-chrysler.png) no-repeat top left;
		}

		#recap #winner-overall p {
			color: #6699cc;
			position: absolute;
			top: -3px;
			left: 380px;
			font-size: 11px;
		}

		#recap #winner-overall .ad {
			display: block;
			position: absolute;
			top: 10px;
			left: 380px;
			width: 120px;
			height: 90px;
			background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/recap/chrysler_video_thumb.jpg) no-repeat top left;
		}

		#recap #winner-overall .ad a {
			display: block;
			width: 120px;
			height: 90px;
			text-indent: -9999em;
		}

		recap #winner-overall .ad a:active {
			outline: none;
		}
		
		#recap #winner-overall .ad a:hover {
			z-index: 2;
			background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/img_locker_overlay.png) 0 0 no-repeat;
		}

	#recap #winner-most-talked {
		position: absolute;
		top: 195px;
		left: 30px;
	}

		#recap #winner-most-talked h2 {
			background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/recap/h-most_talked_about.png) no-repeat top left;
			text-indent: -9999em;
		}

		#recap #winner-most-talked .result {
			position: relative;
			top: -12px;
			left: -7px;
			width: 213px;
			height: 82px;
			background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/recap/winner-doritos.png) no-repeat top left;
		}

	#recap #winner-most-loved {
		position: absolute;
		top: 195px;
		left: 275px;
	}

		#recap #winner-most-loved h2 {
			background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/recap/h-most_loved.png) no-repeat top left;
			text-indent: -9999em;
		}

		#recap #winner-most-loved .result {
			position: relative;
			top: -12px;
			left: -7px;
			width: 213px;
			height: 81px;
			background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/recap/winner-vw.png) no-repeat top left;
		}

	#recap #stats {
		position: absolute;
		top: 90px;
		left: 638px;
	}

		#recap #stats h2 {
			display: none;
		}

		#recap #stats .result {
			width: 307px;
			height: 137px;
			background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/recap/bg-stats.png) no-repeat top left;
		}

	#recap #view-volume {
		position: absolute;
		top: 240px;
		left: 630px;
		width: 326px;
		height: 38px;
		text-indent: -9999em;
		background: transparent url(http://cache.boston.com/images/brandbowl/2011/i/recap/btn-view_volume.png) no-repeat top left;
	}