/* Colors ==================


Blue - Link			#2851A2
Blue - Hover		#002878
Blue - Light		#ebf4fb
Blue - Navbar		#b7dcff	
Blue - Classifieds	#a2c5e5

Orange - Hover  	#ee8822

Tease black			#272727
Grey - Dark			#666
Grey - Medium		#999
Grey - Light		#ededed
Grey - Extra Light	#efefef

Green - winners		#41AD49
Orange - Munch		#F36B2E
Orange trans		rgba(243, 107, 46, 0.75)
Green - Munch		#ACDB35

*/


/* Basic Layout ================== */

body 		{ text-align: left; }

.fourteen	{ width: 959px; }

.left		{ float: left;	}
.right		{ float: right; }

.outset		{ margin: 40px;}

#content .outset {	margin:0;	}

.fullC #Col1 {
	overflow:visible;
	}

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}

.clearfix {
	}

* html .clearfix {
	height:1%;
	}


a.submitButton {
	background-color:#2851A2;
	border:3px solid #2851A2;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:7px auto;
	padding:3px 4px;
	text-align:center;
	font-size:11px;
	}

a.submitButton:hover {
	background-color:#002878;
	cursor:pointer;
	}
	
#munchWrapper .credit {
	/* border-top:1px solid #999;*/
	clear:both;
	/* padding-top:10px;*/
	}
	
#bdc_munchPreloader {
/*	background-image:url(http://cache.boston.com/universal/site_graphics/loader.gif);
	background-repeat:no-repeat;
	padding-left:30px;	*/
	width:959px;
	margin:50px auto;
	text-align:center;
	font-size:14px;
	font-family:Georgia, sans-serif;
	}

#bdc_munchPreloader img {
	margin:0 auto 5px;
	display:block;
	}

#content #IE6 .hideIE {
	display:none;
	}
	
#IE6 #bdc_munchPreloader span {
	display:none;
	}



/* Tool Styles ===================*/

#IE6 #headTools {
	display:none;
	}

#headTools {
	margin-bottom:12px;	
	}

#tools {
	float:right;
	color:#999; 
	height: 33px; 
	margin-right:5px;
	}

#tools a, #tools a:hover { 
	border-bottom: none; 
	text-decoration:none;
	}
	
#headTools #tools img {
	height:4px;
	width:4px;
	padding:0;
	margin:0 3px;
	border:1px solid black;
	}
	
#headTools #tools .listPipe {
	padding:0;
	margin:0 5px;
	color:#464646;
	}





#headTools .utility { 
	line-height: 17px;
	} 

#headTools .utility  #tools { 
	line-height: 17px; 
	width: 100%; 
	display: block; 
	clear: both;   
	color:#464646; 
	margin: 10px 0 15px 0; 
	padding:  0 ;    
	position: relative;   
	}
	
#headTools  #tools ul {
	float:right; 
	margin: 0; 
	padding: 0;     
	} 

#headTools  #tools ul li {     
	vertical-align:middle; 
	display:block; 
	float: right;  
	list-style: none; 
	padding: 0; 
	margin: 0 0 0 15px;  
	text-align:right;    
	}





#shareEmail {
	line-height:17px;    
	background: url(http://cache.boston.com/universal/site_graphics/icon_blue_email.gif) left center  no-repeat;  
	}

#sharePrint { 
	line-height:17px;  
	background: url(http://cache.boston.com/universal/site_graphics/icon_blue_printer.gif) left center no-repeat; 
	}

#shareSingle {
	line-height:17px;  
	background: url(http://cache.boston.com/universal/site_graphics/icon_blue_single.gif) left center no-repeat; 
	}




 
#shareEmail a, #sharePrint a, #shareSingle a { 
	padding-left: 20px; 
	}

#yahooBuzzBadge-form a span span  {  
	margin-top: -2px!important;   
	} 

#toolsShareThis {  
	float: right; 
	width: 75px; 
	}

#headTools #tools li#toolsShareThis { 
	display: block; 
	padding:0 0 5px 0; 
	margin: 0 18px 0 0; 
	}
	 
#headTools #tools li#toolsShareThis a.stbutton { 
	padding:1px 0 5px 22px; 
	}

#headTools #tools li#toolsYahooB { 
	margin-right: 17px;
	}

#headTools #tools ul li#bDc_facebook { 
	margin-top:1px;	
	}
	
#headTools #tools ul li#bDc_facebook a:hover {
	text-decoration:none;
	}
	
.FBConnectButton_Simple, .FBConnectButton_RTL_Simple {
	background-image:url(http://cache.boston.com/universal/site_graphics/facebook_15x15.gif);
	display:block;
	height:15px;
	}
	
.FBConnectButton_Simple .FBConnectButton_Text_Simple {
	position:relative;
	top:1px;
	}

a.FBConnectButton_Simple:hover .FBConnectButton_Text_Simple, a.FBConnectButton_RTL_Simple:hover .FBConnectButton_Text_Simple, .FBConnectButton_Simple:hover .FBConnectButton_Text_Simple, .FBConnectButton_RTL_Simple:hover .FBConnectButton_Text_Simple {
	text-decoration:none;
	}

#headTools #tools ul li#bDc_retweet a {
	background:transparent url(http://cache.boston.com/universal/site_graphics/twitter_15x15.gif) no-repeat 0 0;
	display:block;
	height:15px;
	width:44px;
	margin-top:2px;
	padding:0 0 0 20px;
	}

#headTools #tools ul li#bDc_retweet a span {

	}

#IEroot #headTools #tools ul li#bDc_retweet a {
	width:65px;
	} 




/* 
===================================

 OVERVIEW

===================================
*/


/* Tabs 
==================================*/


#bdc_munchWrapper { 
	display: none;
}

#bdc_munchWrapper .munchTabNav h1 {
	float:left;
	margin:5px 6px 0 3px;
	}

#bdc_munchWrapper .munchTabNav {
	margin:0;
	padding: 3px 0;
	border-bottom: 1px solid #999;
	font: normal 13px Arial, Helvetica, sans-serif;
	color:#999;
	height: 60px;
	width: 100%;
	list-style: none;
	position: relative;
	}

#IE7 #bdc_munchWrapper .munchTabNav {
	margin-left:7px;
	}

#IE6 #bdc_munchWrapper .munchTabNav li {
	display:none;
	}

#bdc_munchWrapper .munchTabNav li {
	display: inline;
	}

#bdc_munchWrapper .munchTabNav li a {
 	padding: 8px 8px 0 8px;
 	margin-left: -1px;
 	border: 1px solid #999;
 	border-bottom: none;
 	background-color: rgb(235, 244, 251);
 	text-decoration: none;
 	display: block;
/*	width:114px; for full-size tabs */	
 	width: 110px;
	height:54px;
	float: left;
	color: #999;
	}

#bdc_munchWrapper .munchTabNav li a.region-count-2 {
	width: 155px;
	}

#IE6 #bdc_munchWrapper .munchTabNav li a {
	position:relative;
	top:4px;
	}
	
#bdc_munchWrapper .munchTabNav li a span {
	display:block;
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
	}

#bdc_munchWrapper .munchTabNav li a:hover span {
	color:#999;
	}

#bdc_munchWrapper .munchTabNav li a:link { 
	color: #999;
	}

#bdc_munchWrapper .munchTabNav li:hover a,
#bdc_munchWrapper .munchTabNav li a:hover {
 	color: #000;
 	cursor: pointer;
	}

#bdc_munchWrapper .munchTabNav li a.active {
 	background-color: #fff;
 	border-bottom: 1px solid #fff;
 	color: #000;
 	font-weight:bold;
 	position: relative;
	}
	
#bdc_munchWrapper .munchTabNav li a.active span {
	color:#999;
	}

#bdc_munchWrapper .munchTabNav .tabIcon {
	margin-right: 7px;
	margin-left: -10px;
}	
	
/* IE Exceptions Tabs ===============*/

#IEroot #bdc_munchWrapper .munchTabNav li a {
/* 	width: 105px; for full-size */
	width:105px;
	padding-bottom: 0;
	position: relative;
	}


/* 
===================================

 HOVERCARDS

===================================
*/


/* Intro Card - For instructions
==================================*/

.munch_modalBox {
	padding:16px;
	background-color:#fff;
	border:5px solid #aaa;
	width:469px;
	/* position:absolute; */
	/* top:62px; */
	/* left:214px; */
	z-index:200;

	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;

	box-shadow: 3px 3px 12px #666666;
	-moz-box-shadow: 3px 3px 12px #666666;
	-webkit-box-shadow: 3px 3px 12px #666666;	
	
	display:none;
	}

.munch_modalBox h2 {
	text-align:center;
	}

.munch_modalBox p {
	font:normal 15px/22px Georgia,Times,Times New Roman, serif;
	color:#272727;
	margin:6px 0;
	text-align:center;
	}

.munch_modalBox p em {
	font-style:italic;
	color:#000;
	}

.munch_modalBox ul li {
	color:#999;
	}

.munch_modalBox ul li p {
	text-align:left;
	}

.munch_modalBox p strong {
	font-weight:bold;
	color:#000;
	}

.munch_modalBox a.submitButton {
	width:100px;
	font-size:12px;
	padding:4px;
	}

#policyCard .submitButton {
	margin-top:16px;
	}


/* Hover Card - For matchups
==================================*/


#hoverCard {
	padding:16px;
	background-color:#fff;
	border:1px solid #999;
	width:399px;
	position:absolute;
	top:62px;
	left:103px;
	z-index:100;
	display: none;

	box-shadow: 2px 2px 7px #bbb;
	-moz-box-shadow: 2px 2px 7px #bbb;
	-webkit-box-shadow: 2px 2px 7px #bbb;
	}

#hoverCard #restaurantDetail {
	margin:0;
	}


/* Close button */

#hoverCard a.closeHoverCard {
	display:block;
	height:25px;
	left:412px;
	position:absolute;
	top:-10px;
	width:25px;
	background:transparent url(http://cache.boston.com/_webdesignready/2010/ae/munch_madness/images/close_button.png) no-repeat 0 0px;
	} 

#hoverCard a.closeHoverCard:hover {
	background-position:0 -43px;
	border-bottom:0;
	}

	
/* 
===================================

 BRACKETS

===================================
*/
	

/* Champion
==================================*/

#champion {
	position:absolute;
	top:72px;
	left:303px;
	z-index:5;
	width:350px;
	text-align:center;
	display: none;
	}

#champion label {
	display:block;
	width:245px;
	border-bottom:1px solid #999;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:.01em;
	padding-bottom:5px;
	margin:0 auto 4px;
	}

#champion h1 {
	font-size:28px;
	}

.introCard {
	margin: 0 0px 15px 0;
	background-color:#EBF4FB;
	padding: 20px 20px 5px;
	font-size: 13px;
	line-height: 17px;
	font-family: Georgia;
}

.introCard h3 {
	font-family: Arial;
}

#closeIntro {
	float: right;
}

#openIntro {
	
	
}

.topBar {
	text-align: right;
	margin-bottom: 10px;
}

/* Progress
==================================*/

.pane.overview #progress {
	position:absolute;
	top:75px;
	left:389px;
	z-index:5;
	}
	
.pane.overview #progress.up {
	top: 105px;
}

.pane.overview .action {
	position:absolute;
	top:85px;
	left:348px;
	z-index:5;
	}
	
.action .call {
	font-weight: bold; 
	font-size: 13px;
}

.pane.overview #vote_count {
	text-align: center;
	font-size: 11px;
	color: #333;
	float: left;
	width: 100%;
	margin-top: -30px;
	}	

/* Bracket base + overview
==================================*/

.panes {
	position:relative;
	}

.items {
	position:absolute;
	height:2000em;
	width:959px;
	}

.pane.overview,
.pane.bracket {
	padding:15px 0;
	border-bottom:1px solid #999;
	margin-bottom:10px;
	width:959px;
	}
	
.pane.bracket {
	}
	

.leftBracket, .rightBracket, .quadrant {
	position:relative;
	}

.leftBracket, .rightBracket {
	float:left;
	}

.round {
	width:100px;
	float:left;
	}
	
.overview .single-line .round {
	width: 82px;
	}	

.overview .rightBracket .round {
	float:right;
	}

.overview .round dl {
	font-size:9px;
	margin:0 0 10px;
	border-right:1px solid #999;
	padding:5px;
	text-align:center;
	height: 20px;
	}

.overview .round.active dl {
	background-color:#104bb8;
	color: white;
	}

.overview .round.active dl dt {
	color:#000;
	}

.overview .round.active dl dd {
	color: white;
	}

.overview .round dl dt {
	color:#464646;
	text-transform:uppercase;
	}

.overview .round.active  dl dt {
	color: white;
	font-weight: bold;
	}
	
.round dl dd  {
	color:#999;
	margin:0;
	}

.overview .round ul {
	font-size:11px;
	}
	
.round ul {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	}

.round ul.active {
	cursor: pointer;
	}
	
.overview .round ul {
	border-right:1px solid #999;
	}

.rightBracket .round ul {
	border-right:0;
	border-left:1px solid #999;
	}

.round ul li {
	display:inline;
	}
	
.round span.ranking {
	width:15px;
	display:block;
	float:left;
	margin-right:3px;
	text-align:center;
	background-color:#fff;
	}

.round.inactive span.ranking {
	display:none;
	}

.overview .round span.ranking,
.round ul li a:hover span.ranking,
.round ul li a.pick span.ranking {
	color:#333;
	}
	
.rightBracket .round span.ranking {
	float:right;
	margin:0 0 0 3px;
	}

.bracket .round ul li a:hover span.ranking,
.bracket .round ul.hover li a.pick span.ranking,
.bracket .round ul.hover li a.winner span.ranking,
.bracket .round ul li a.pick span.ranking {
	color:#333;
	}	

.round.complete .quadrant ul li a span.ranking {
	text-decoration:none;
	}

.round.inactive ul li a:hover {
	cursor:default;
	}


.round ul li a {
	display:block;
	color:#333;
	background-color:#efefef;
	}

.overview .round ul li a {
	padding:3px;
	height:25px;
	overflow:hidden;
	}
	
.overview .single-line .round ul li a {
	height: 12px;
	}

.round ul.hover li a {
	background-color:#f68f62/*rgba(243, 107, 46, 0.75)*/;
	}

.round ul li a:hover {
	border-bottom:none;
	cursor:pointer;
	color:#fff;
	}

.round ul.hover li a.pick {
	color:#000;
	} 

.round.complete ul li a:hover {
	color:#333;
	}

.round ul li a.loser .restaurantName {
	text-decoration:line-through;
	}

.round.r1 ul li.first a,
.round.r1 ul li.first a:hover,
.round.r5 ul li.first a,
.bracket .round ul li.first a {
	border-bottom:1px solid #999;
	}
	
.single-line .round.r5 ul li.first a {
	border-bottom: none;
	}
	
.single-line .round.r6 ul li.first a {
	border-bottom:1px solid #999;
}
 	
.bracket .round ul li.first a,
.bracket .round.r1 ul li.first a:hover {
	border-color:#fff;
	}
	
.round.complete ul li a.winner .restaurantName {
	font-weight:bold;
	color:#000;
	text-decoration:none;
	}
	
.round.complete ul li a.winner:hover {
	color:#000;
	}
	
.round ul li a.pick {
	font-weight:bold;
	color:rgb(65,173,73);
	}

.round .quadrant label a {
	font-size:10px;
	color:#2851A2; 
/*	color:#666; */
	text-transform:uppercase;
	display:block;
	padding:4px;
	position:absolute;
	top:253px;
	left:203px;
	z-index:10;
	width:117px;
	text-align:center;
 	background:transparent url(http://cache.boston.com/_webdesignready/2010/ae/munch_madness/images/mag_glass_mini.gif) no-repeat -100px 0; 
	}
	
.region-count-4.round-count-5 .round .quadrant label a	{

	top: 115px;
}

.single-line .round .quadrant label a  {
	top:153px;
	}

.leftBracket .round .quadrant label a {
	width:110px;
	}

.rightBracket .round .quadrant label a {
	left:-220px;
	}

.round .quadrant label a:hover {
	color:#2851A2; 
/*	color:#666; */
	border-bottom:none;
	}

.leftBracket .round .quadrant label a:hover {
	background-position:right -12px; 
	}

.rightBracket .round .quadrant label a:hover {
	background-position:left 5px; 
	}
	

/* Round 1 */

.overview .rightBracket .round.r1 dl {
	border-right:0;
	}

.overview .round.r1 {
	width:129px;
	}

.overview .round.r1 ul {
	margin-bottom:3px;
	}
	
.overview .single-line .round.r1 {
	width: 105px;
	}	

/* Round 2 */

.overview .round.r2 ul.first {
	margin-top:29px;
	}
	
.overview .single-line .round.r2 ul.first {
	margin-top:20px;
	}

.overview .round.r2 ul {
	margin-top:36px;
	}	

.overview .single-line .round.r2 ul {
	margin-top: 22px;
	}	

#IE6 .overview .round.r2 ul {
	/* margin-top:23px;*/
	}
	
.overview .round.r2 ul li.first a {
	margin-bottom:34px;
	}
	
.overview .single-line  .round.r2 ul li.first a {
	margin-bottom: 22px;
	}

#IE6 .overview .round.r2 ul li.first a {
	margin-bottom:0;
	padding-bottom:34px;
	}


/* Round 3 */

.overview .round.r3 ul.first {
	margin-top:61px;
	}	

.overview .round.r3 ul,
.overview .round.r3 .quadrant.q3 ul.first,
.overview .round.r3 .quadrant.q4 ul.first {
	margin-top:101px;
	}	
		
.overview .round.r3 ul li.first a {
	margin-bottom:100px;
	}
	
.overview .single-line .round.r3 ul.first {
	margin-top: 41px;
	}	

.overview .single-line .round.r3 ul,
.overview .single-line .round.r3 .quadrant.q3 ul.first,
.overview .single-line .round.r3 .quadrant.q4 ul.first {
	margin-top: 62px;
	}	
		
.overview .single-line .round.r3 ul li.first a {
	margin-bottom:62px;
	}


/* Round 4 */

.overview .round.r4 .quadrant.q1 ul.first,
.overview .round.r4 .quadrant.q2 ul.first {
	margin-top:125px;
	}	

.overview .round.r4 ul {
	margin-top:149px;
	}	
		
.overview .round.r4 ul li.first a {
	margin-bottom:233px;
	}
	
.overview .single-line .round.r4 .quadrant.q1 ul.first,
.overview .single-line .round.r4 .quadrant.q2 ul.first {
	margin-top: 80px;
	}	

.overview .single-line .round.r4 ul {
	margin-top:145px;
	}	
		
.overview .single-line .round.r4 ul li.first a {
	margin-bottom:139px;
	}
	
/* Round 5 */

.overview .leftBracket .round.r5 dl {
	border-right:0;
	}

.overview .round.r5 ul {
	margin-top:240px;
	}	
		
.overview .round.r5 ul li.first a {
	}

.overview .single-line .leftBracket .round.r5 dl {
	border-right:0;
	}

.overview .single-line .round.r5 ul {
	margin-top:165px;
	}	
		
.overview .single-line .round.r5 ul li.first a {
	margin-bottom: 290px;
	}

/* Round 6 */

.overview .round.r6 {
	width:89px;
	}
	
.overview .round.r6 dl {
	border-right:0;
	margin-top:275px;
	}

.overview .round.r6 ul {
	margin-top:65px;
	text-align:center;
	border-right:0;
	}	

.overview .single-line .round.r6 ul {
	margin-top:25px;
	}	

/* Bracket Detail
=================================== */

.bracketDetail {
	border-bottom:1px solid #E5E5E5;
	border-top:1px solid #E5E5E5;
	height:95px;
	margin-top:20px;
	overflow:hidden;
	padding:0;
	position:relative;
	width:959px;
	}
	
.bracketDetail .items {
	background:transparent url(http://www.private.boston.com/_webdesignready/2010/ae/rumble/images/bracket_bg.png) no-repeat 0 95px;
	}

.finalFour .bracketDetail .items {
	background-position:0 -121px;
	}

.bracketDetail .round {
	width:959px;
	float:none;
	height:120px;
	}

.bracketDetail .items dl {
	display:none;
	} 

.bracketDetail .round dl {
	margin-top:0;
	}

.bracketDetail .round ul {
	float:left;
	font-size:11px;
	width:112px;
	margin-top:9px;
	}

.bracketDetail .round ul.last {
	margin-right:0;
	}
	
.bracketDetail .round ul li a {
	padding:6px 5px;
	height:27px;
	overflow:hidden;
	}
	
.bracketDetail .round span.ranking {
	font-size:10px;
	font-weight:bold;
	margin:-1px 5px 0 0;
	padding:1px 0;
	width:18px;
	
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	border-radius:3px;
	}

#bdc_munchWrapper .munchTabNav li a.active span.ranking {
	color:#666;
	}

.overview .round ul li a.pick span.ranking {
	font-weight:normal;
	}

/* Round 1 */

.bracketDetail .round.r1 ul.first {
	margin-left:0;
	}

.bracketDetail .round.r1 ul {
	margin-right:9px;
	}

#IE6 .bracketDetail .round.r1 ul,
#IE7 .bracketDetail .round.r1 ul {
	padding-right:9px;
	margin-right:0;
	}

.bracketDetail .round.r1 ul.last {
	margin-right:0;
	} 

#IE6 .bracketDetail .round.r1 ul.last,
#IE7 .bracketDetail .round.r1 ul.last {
	padding-right:0;
	} 
	
/* Round 2 */

.bracketDetail .round.r2 ul.first {
	margin-left:61px;
	}

#IE6 .bracketDetail .round.r2 ul.first,
#IE7 .bracketDetail .round.r2 ul.first {
	padding-left:61px;
	margin-left:0;
	}

.bracketDetail .round.r2 ul {
	margin-left:131px;
	}

#IE6 .bracketDetail .round.r2 ul,
#IE7 .bracketDetail .round.r2 ul {
	padding-left:131px;
	margin-left:0;
	}


/* Round 3 */

.bracketDetail .round.r3 ul.first {
	margin-left:182px;
	}

#IE6 .bracketDetail .round.r3 ul.first,
#IE7 .bracketDetail .round.r3 ul.first {
	padding-left:182px;
	margin-left:0;
	}

.bracketDetail .round.r3 ul {
	margin-left:374px;
	}	

#IE6 .bracketDetail .round.r3 ul,
#IE7 .bracketDetail .round.r3 ul {
	padding-left:374px;
	margin-left:0;
	}


/* Round 4 */

.bracketDetail .round.r4 ul {
	margin-left:422px;
	}	

#IE6 .bracketDetail .round.r4 ul,
#IE7 .bracketDetail .round.r4 ul {
	padding-left:422px;
	margin-left:0;
	}	

	
/* Round 5 */

.bracketDetail .round.r5 ul {
	margin-left:182px;
	}

#IE6 .bracketDetail .round.r5 ul,
#IE7 .bracketDetail .round.r5 ul {
	padding-left:182px;
	margin-left:0;
	}

.bracketDetail .round.r5 ul.last {
	margin-left:374px;
	}	

#IE6 .bracketDetail .round.r5 ul.last,
#IE7 .bracketDetail .round.r5 ul.last {
	padding-left:374px;
	margin-left:0;
	}


/* Round 6 */

.bracketDetail .round.r6 ul {
	margin-left:422px;
	}	

#IE6 .bracketDetail .round.r6 ul,
#IE7 .bracketDetail .round.r6 ul {
	padding-left:422px;
	margin-left:0;
	}




/* 
===================================

 DETAIL PAGES

===================================
*/


/* General layout
=================================== */

#quadrantDetail {
	width:959px;
	}



/* Prev/Next buttons - Matchup
=================================== */

.navigationDetail {
	margin:0 0 35px 0
	}
	
.navigationDetail dl {
	color:#666666;
	float:left;
	font-size:11px;
	margin:0 0 0 8px;
	padding:0;
	width:125px;
	text-align:left;
	}

.navigationDetail dl dt {
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin:0 0 2px;
	padding:0;
	/*border-bottom:1px solid #999;*/
	}
	
.navigationDetail dl dd {
	margin:0;
	padding:0;
	}

.navigationDetail .container {
	width: 100%;
	} 
	
/* Round Nav */

.navigationDetail .roundNav dl {
	border-right:1px solid #999;
	padding:3px 0 5px; 
	}

.navigationDetail dl a {
	color:#ccc;
	}

.navigationDetail .roundNav dl.last {
	border-right:0;
	}

.navigationDetail dl a dt {
	color:#ccc;
	}

.navigationDetail dl a {
	display:block;
	}


.navigationDetail dl a:hover {
	cursor:pointer;
	color:#333;
	border-bottom:none;	
	}

.navigationDetail dl a:hover dt {
	color:#333;
	}

.navigationDetail dl a.round_active  {
	border-bottom:none;
	color:#272727;
	}

.navigationDetail dl a.round_active:hover  {
	cursor:default;
	}

.navigationDetail dl a.round_active dt {
	color:#000;
	}

#matchupNav {
	float:right;
	list-style-type:none;
	margin:3px 0 0;
	padding:0;
	width:190px;
	display:none;
	}

#matchupNav li {
	display:inline;
	}
	
#matchupNav li a.next, 
#matchupNav li a.prev {
	font:bold 12px/18px arial,helvetica,verdana,sans-serif;
	border:1px solid #999999;
	color:#000000;
	display:block;
	height:15px;
	text-decoration:none;
	width:55px;
	background:transparent url(http://cache.boston.com/universal/site_graphics/arrow_medium_bg_wide.gif) no-repeat 0 0;
	position:relative;
	float:left;
	text-align:center;
	}
	
#matchupNav li a span {
	position:relative;
	top:-1px;
	}

#matchupNav li a.next {
	background-position:-417px -60px;
	padding:7px 27px 7px 7px;
	margin-left:7px;
	}

#matchupNav li a.prev {
	background-position: 5px -60px;
	padding:7px 7px 7px 27px;
	}

#matchupNav li a.prev:hover,
#matchupNav li a.next:hover {
	border-color:#002878;
	cursor:pointer;
	}

#matchupNav li a.prev:hover {
	background-position:5px -10px;
	}

#matchupNav li a.next:hover {
	background-position:-417px -10px;
	}

#matchupNav li a.prev.inactive,
#matchupNav li a.next.inactive,
#matchupNav li a.prev.inactive:hover,
#matchupNav li a.next.inactive:hover { 
	border-color:#999999;
	color:#999999;
	cursor:default;
	}

#matchupNav li a.prev.inactive,
#matchupNav li a.prev.inactive:hover {
	background-position:5px -110px;
	}

#matchupNav li a.next.inactive,
#matchupNav li a.next.inactive:hover {
	background-position:-417px -110px;
	}
	

/* Progress
=================================== */

#quadrantDetail #progress,
.navigationDetail #progress {
	width:189px;
	float:right;
	margin:3px 0 0 3px;
	}


#progress .container {
	height:15px;
	}

#progress label {
	font-size:11px;
	font-weight:bold;
	display:block;
	float:left;
	margin-right:7px;
	}

#progressBar {
	width:125px;
	margin:3px 0 6px;
	float:left;
	background-color:#e5e5e5;
	}

#progressBar div {
	height:7px;
	display:block;
	float:left;
	}

.progressComplete {
	background-color:#2851A2;
	width:0%
	}

#progress p {
	font-size:11px;
	color:#666;
	margin:0;
	clear:both
	}


/* Results
=================================== */

#results {
	margin:0 0 12px;
	position:relative;
	}
	
#results .container {
	/* height:16px; */
	margin-bottom:6px;
	}

#results label {
	font-size:14px;
	font-weight:bold;
	float:left;
	}

/* In-progress results: Bracket page */

.bracket #results p {
	background-color:#EDEDED;
	border-color:#999999;
	border-style:solid none;
	border-width:1px 0;
	color:#333333;
	font-size:10px;
	left:442px;
	margin:1px 0 0;
	padding:10px 5px;
	position:absolute;
	text-align:center;
	top:74px;
	width:62px;
	}

.bracket #results p span {
	background-color:#fff;
	color:#F36B2E;
	display:block;
	font-size:21px;
	font-weight:bold;
	letter-spacing:-0.03em;
	margin:5px 3px 3px;
	padding:5px;
	}
	
.bracket #results p h6 {
	font-size:11px;
	font-weight:bold;
	}

/* In-progress results: Overview page */

.overview #results p h6 {
	font-size:12px;
	font-weight:bold;
	float:left;
	}

.overview #results p {
	display:block;
	background-color:#ededed;
	padding:4px 6px;
	margin:0;	
	}

.overview #results p span {
	background-color:#FFFFFF;
	color:#F36B2E;
	font-size:13px;
	font-weight:bold;
	letter-spacing:-0.03em;
	margin:0 2px 0 5px;
	padding:0 4px;
	}

	
/* Results Bar */

#quadrantDetail #results {
	}

#resultsBar {
	clear:both;
	margin:3px 0 6px;
	height:25px;
	}

#resultsBar div {
	height:25px;
	display:block;
	float:left;
	color:#fff;
	font-weight:bold;
	}	

#resultsBar #resultsLeft {
	background-color:#ededed;
	color:#666;
	}
	
#resultsBar #resultsRight {
	background-color:#ededed;
	color:#666;
	text-align:right;
	}

#resultsBar #resultsRight.leader,
#resultsBar #resultsLeft.leader {
	background-color:#41AD49;
	color:#fff;
	}


#resultsBar span {
	margin:5px 7px;
	display:block;
	}





/* Restaurant details
=================================== */

.matchupDetail {
	}

#restaurantDetail {
	}

.overview #restaurantDetail .restaurant {
	width:189px;
	}	

.bracket #restaurantDetail .restaurant {
	width:429px;
	}

.bracket  #restaurantDetail .restaurant.left {
	padding-right:50px;
	border-right:1px solid #999;
	} 	

.bracket  #restaurantDetail .restaurant.right {
	padding-left: 50px;
	}
	
.bracket.finalFour  #restaurantDetail .restaurant.left {
	height:435px;
	}

#restaurantDetail .restaurant.left {
	float:left;
	}

#restaurantDetail .restaurant.right {
	float:right;
	}

.bracket  #restaurantDetail .restaurantInfo {
	height:235px;
	}

#restaurantDetail .voteHere {
	position:relative;
	}

#restaurantDetail h2 {
	font-size:21px;
	line-height:110%;
	margin-bottom:8px;
	margin-top: 10px;
	}

.overview #restaurantDetail h2 {
	height:65px;
	}

#restaurantDetail .hover h2,
#restaurantDetail .pick h2,	
#restaurantDetail .winner h2 {
	color:#41AD49;
	}

#restaurantDetail h2 .ranking {
	color:#999999;
	display:block;
	float:left;
	margin-right:6px;
	}

.overview #restaurantDetail h2 .ranking {
	height:45px;
	}

#restaurantDetail .voteHere.hover {
	cursor:pointer;
	}

#restaurantDetail .voteHere.voted {
	cursor:pointer;
	}

#restaurantDetail .voteHere .hoverBox {
	top:9px;	
	margin:0 0 0 9px;
	position:absolute;
	}

#IE6 #restaurantDetail .voteHere .hoverBox,
#IE7 #restaurantDetail .voteHere .hoverBox,
#IE8 #restaurantDetail .voteHere .hoverBox {
	margin-left:0px;
	left:195px;
	}

#IE6 #restaurantDetail .voteHere .hoverBox,
#IE7 #restaurantDetail .voteHere .hoverBox,
#IE8 #restaurantDetail .voteHere .hoverBox {
	margin-left:-185px;
	}


#restaurantDetail .voteHere.hover .hoverBox {
	}

#restaurantDetail .voteHere .hoverBox .hoverMessage {
	display:none;
	font-weight:bold;
	margin:5px 7px 5px 27px;
	}

#restaurantDetail .voteHere.hover .checkBox {
		width: 100px;
	}
	
#restaurantDetail .voteHere.hover .hoverBox .hoverMessage,
#restaurantDetail .voteHere.pick .hoverBox .hoverMessage, 
#restaurantDetail .voteHere.processing .hoverBox .hoverMessage {
	display:block;
	}
	
#restaurantDetail .checkBox {
	float:left;
	width:24px;
	height:24px;
	overflow:hidden;
	border:1px solid #999;
	background:#fff url(http://cache.boston.com/_webdesignready/2010/ae/munch_madness/images/checkBox_bg.gif) no-repeat -1000px -1000px;

	filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.80;      /* khtml, old safari */
	-moz-opacity: 0.80;       /* mozilla, netscape */
	opacity: 0.80;           /* fx, safari, opera */
	}

#restaurantDetail .voteHere.pick .checkBox,	
#restaurantDetail .voteHere.hover .checkBox,
#restaurantDetail .voteHere.winner .checkBox {
	background-position:4px 4px;
	}

#restaurantDetail .voteHere.pick .checkBox,	
#restaurantDetail .voteHere.hover .checkBox {
	width:auto;
	}

#restaurantDetail .voteHere.loser .checkBox {
	background-position:4px -44px;	
	}

#restaurantDetail .voteHere.processing .checkBox,
#restaurantDetail .voteHere.hover.processing .checkBox {
	background-image:url(http://cache.boston.com/universal/site_graphics/loader.gif);
	background-position:4px 4px;
	background-repeat:no-repeat;
	
	width:auto;
}


#restaurantDetail .voteHere.pick .checkBox,	
#restaurantDetail .voteHere.hover .checkBox,
#restaurantDetail .voteHere.winner .checkBox,
#restaurantDetail .voteHere.loser .checkBox,
#restaurantDetail .voteHere.processing .checkBox,
#restaurantDetail .voteHere.hover.processing .checkBox {
	filter: alpha(opacity=95); /* internet explorer */
	-khtml-opacity: 0.95;      /* khtml, old safari */
	-moz-opacity: 0.95;       /* mozilla, netscape */
	opacity: 0.95;           /* fx, safari, opera */
	}

#restaurantDetail .voteHere.pick .hoverBox .hoverMessage {
	display:block;
	}

#restaurantDetail img.main {
	width:189px;
	height:125px;
	background-color:#e5e5e5;
	margin:0 0 0 -3px;
	border:3px solid #fff;
	}

#IE6 #restaurantDetail img.main,
#IE7 #restaurantDetail img.main {
	margin-left:0;
	}


.bracket #restaurantDetail img.main {
	float:left;
	margin-right:10px;
	}

#restaurantDetail .voteHere.pick img.main,
#restaurantDetail .voteHere.hover img.main {
	border:3px solid #41AD49;
	}

#restaurantDetail .vitals {
	}

#restaurantDetail .mainDetails {
	min-height: 250px;
	}
#quadrantDetail #restaurantDetail .mainDetails {
	min-height: 150px;
}

	
#IEroot #restaurantDetail .vitals {

	}

#restaurantDetail p {
	margin:5px 0;
	color:#272727;
	line-height:135%;
	}

#restaurantDetail .cost strong {
	background:transparent url(http://cache.boston.com/_webdesignready/2010/ae/munch_madness/images/cost_bg.gif) no-repeat 0 0;
	padding:0 37px 0 0;
	color:#000;
	margin-right:2px;
	}

#restaurantDetail .cost.level1 strong {
	background-position:right -87px;
	}

#restaurantDetail .cost.level2 strong {
	background-position:right -57px;
	}

#restaurantDetail .cost.level3 strong {
	background-position:right -28px;
	}

#restaurantDetail .cost.level4 strong {
	background-position:right 1px
	}

.bracket #restaurantDetail #summary {
	clear:both;
	min-height:75px;
	}

#IE6 .bracket #restaurantDetail #summary,
#IE7 .bracket #restaurantDetail #summary {

	}
	
.overview #restaurantDetail #summary {
	}

#IE6 .overview #restaurantDetail #summary,
#IE7 .overview #restaurantDetail #summary {

	}


.restaurant ul {
	margin:6px 0 0 0;
	padding:0;
	list-style:none;	
	}

.restaurant ul li {
	display:inline;
	}

.restaurant ul li a {
	border-right:1px solid #999;
	display:block;
	float:left;
	padding-right:5px;
	margin-right:5px;
	}
	
.restaurant ul li.last a {
	border-right:0;
	padding-right:0;
	}

.restaurant ul li a:hover {
	border-bottom:0;
	text-decoration:underline;
	}


/* Matchup comments
=================================== */

#matchupComments {
	margin:26px 0;
	}

#matchupComments h3 {
	font-size:14px;
	line-height:16px;
	margin-bottom:10px;
	}

#IE7 #matchupComments h3 {
	height:20px;
	margin-bottom:6px;
	}

#matchupComments h3 .title {
	float:left;
	}

#matchupComments h3 .help {
	text-align:right;
	font-weight:normal;
	color: #999;
	display:block;
	font-size: 12px;
	position:relative;
	top:1px;
	margin-right:10px;
	}
	
#IE7 #matchupComments h3 .help {
	top:-1px;
	}

#matchupComments .viewpoints .quote {
	color:#999;
	width: 395px;
	overflow:hidden;
	height: 35px;
	}

#matchupComments .viewpoints .quote.focus {
	color:#000;
	}
	
#matchupComments .viewpoints .attribution {
	width: 256px;
	float:left;
	}
	
#matchupComments .viewpoints textarea.name,
#matchupComments .viewpoints textarea.city {
	background-color:#EDEDED;
	border:none;
	color:#666666;
	font:12px Arial,Helvetica,sans-serif;
	padding:3px 4px;
	margin-top:-2px;
	overflow:hidden;
	height: 22px;
	width: 150px;
	}

#matchupComments .viewpoints textarea.name {
	}


#matchupComments a#submitComment {
	margin:7px 7px 0 0;
	width:85px;
	float:right;
	}

#matchupComments a#submitComment:hover {
	background-color:#002878;
	cursor:pointer;
	}

#matchupComments a#submitComment.disabled {
	background-color: #CCC;
	border-color: #ccc;
	color: #FFF;
	}

#matchupComments a#submitComment.disabled:hover {
	cursor:default;
	}	

/* Prev/Next buttons - Quadrant
=================================== */

#quadrantNav label {
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin-bottom:2px;
	display:block;
	}

#quadrantNav .votesCast {
	display:block;
	font-size:10px;
	text-transform:uppercase;
	font-weight:normal;
	color:#666;
	}

#quadrantNav {
	display:none;
	z-index:10;
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
	top:338px;
	left:238px;
	text-align:center;
	width:175px;
	border:0;
	}

#quadrantNav li {
	display:inline;
	}
	

#quadrantNav li a.next, 
#quadrantNav li a.prev {
	border:1px solid #ccc;
	color:#666;
	display:block;
	height:15px;
	text-decoration:none;
	width:15px;
	background:transparent url(http://cache.boston.com/universal/site_graphics/arrow_medium_bg_wide.gif) no-repeat 0 0;
	position:relative;
	text-align:center;
	padding:4px;
	}

#quadrantNav li a.next {
	background-position:-479px -63px;
	margin-left:10px;
	float:right;
	}

#quadrantNav li a.prev {
	background-position:2px -63px;
	margin-right:10px;
	float:left;
	}

#quadrantNav li a.prev:hover,
#quadrantNav li a.next:hover {
	border-color:#999;
	}

#quadrantNav li a.prev:hover {
	background-position:2px -13px;
	}

#quadrantNav li a.next:hover {
	background-position:-479px -13px;
	}

#quadrantNav li a.prev.inactive,
#quadrantNav li a.next.inactive,
#quadrantNav li a.prev.inactive:hover,
#quadrantNav li a.next.inactive:hover { 
	border-color:#e5e5e5;
	color:#999999;
	cursor:default;
	}

#quadrantNav li a.prev.inactive,
#quadrantNav li a.prev.inactive:hover {
	background-position:2px -113px;
	}

#quadrantNav li a.next.inactive,
#quadrantNav li a.next.inactive:hover {
	background-position:-479px -113px;
	}






/* 
===================================

 COMMENTS

===================================
*/


/* Viewpoints
=================================== */

.viewpoints .quote,
.viewpoints a .quote {
	border: 1px solid #000;
	padding: 10px 15px 15px;
	font:normal 14px/140% Arial,Helvetica,Verdana,sans-serif;
	color: #000;
	
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	}
	
.viewpoints .attribution {
	height:20px;
	font: bold 11px/15px Arial, Helvetica, Verdana, sans-serif;
	color:#000;
	margin:0 0 0 20px;
	background:transparent url(http://cache.boston.com/_webdesignready/2010/ae/munch_madness/images/quote_munch.gif) no-repeat 0 6px; 
	padding: 15px 0 0 30px;
	position:relative;
	top:-8px;
	}
	
.viewpoints .attribution img {
	float:left;
	margin-right:10px;
	height:30px;
	width:30px;
	}
		
.viewpoints .name {
	font:bold 11px Arial,Helvetica,sans-serif;
	height:14px;
	margin-top:-1px;
	padding:3px;	
	border:none;
	}

.viewpoints .affiliation {
	color: #666;
	}
	
	
/* Viewpoints: Hover States
=================================== */

.viewpoints a:hover .quote {
	border-color: #000;
	}

.viewpoints a:hover .attribution {
	/* background-position: 32px -70px; */
	}
	
.viewpoints a:hover .name {
	/* color: #000; */
	}

.viewpoints a:hover .affiliation {
	color: #464646;
	}


/* Overall comments
=================================== */

#overallComments {
	border-bottom:1px solid #999999;
	margin:26px 0 12px;
	display:none;
	}

.commentHeader {
	height:18px;
	display:none;
	}

.commentHeader h3 {
	margin-bottom:18px;
	float:left;
	}

.commentHeader ul {
	float:right;
	display:block;
	margin-top:4px;
	padding:0;
	list-style:none;
	}

.commentHeader ul li {
	display:inline;
	}

.commentHeader ul li a {
	color:#2851A2;
	border-right:1px solid #999;
	display:block;
	float:left;
	padding-right:5px;
	margin-right:5px;
	}

.commentHeader ul li.last a {
	border-right:0;
	padding-right:0;	
	}

.commentHeader ul li a:hover {
	cursor:pointer;
	border-bottom:0;
	text-decoration:underline;
	}

#overallComments .commentRow {
	margin-bottom:20px;
	}

#overallComments .viewpoints {
	float:left;
	margin:0 10px 26px;
	width:219px;
	}

#overallComments .viewpoints.last {
	margin-right:0;
	}

#overallComments .viewpoints .quote {
	height:150px;
	overflow:hidden;
	}

#overallComments .viewpoints .attribution {
	top:-7px;
	padding-top:12px;
	}

.viewpoints .attribution .city {
	font-weight:normal;
	color:#999;
	}

#overallComments .viewpoints p {
	margin:0 0 10px 0;
	color:#bbb;
	font-size:12px;
	}

#overallComments .viewpoints p span {
	font-weight:bold;
	color:#fff;
	padding:3px 5px;
	margin-left:2px;
	}

#overallComments .viewpoints p span.pick01 {
	background-color:#F36B2E;
	}

#overallComments .viewpoints p span.pick02 {
	background-color:#ACDB35;	
	}

#overallComments #showMoreComments.viewpoints a .quote {
	color:#2851A2;
	border-color:#2851A2;
	background:transparent url(http://cache.boston.com/_webdesignready/2010/ae/munch_madness/images/arrow_down_naked.gif) no-repeat 50% 60%;
	}

#overallComments #showMoreComments.viewpoints a:hover .quote {
	cursor:pointer;
	}	

#overallComments #showMoreComments.viewpoints a .quote span {
	border-bottom:1px solid #2851A2;
	width:143px;
	margin:54px auto;
	padding:3px 4px;
	display:block;
	}

#overallComments #showMoreComments.viewpoints a:hover .quote span {
	background-color:#ededed;
	color:#002878;
	}

/* Where's my vote? */

.wheresMyVoteContainer {
	float:right;
	margin-top:-2px;
	}

.wheresMyVoteContainer a {
	color:#2851A2;
	font-size:11px;
	}

.wheresMyVoteContainer a:hover {
	color:#002878;
	cursor:pointer;	
	}
	
.q, .a {
color: #D2232A;
display: none;
float: left;
font: normal normal bold 20px/24px Georgia;
height: 20px;
margin-right: 10px;
margin-top: -2px;
width: 12px;
}

#bdc_munchWrapper .caption {
	color: #999;
	font-size: 10px;
}

#bdc_munchWrapper .leaveComments {
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
}