/* playbook-specific */

body.playbook.barfinder.tier3 {
	background-image: url(/prod/assets/bg_tier3/bg_default_gray.jpg);
	background-repeat: repeat-x;
}
body.playbook.barfinder {background:#F2F2F2 url(/prod/assets/section/playbook/bgd-strip.jpg);background-repeat:repeat-x;}
body.playbook.barfinder .bg-elements {background: none;}
body.playbook .espn-logo img {padding: 12px 0 0 0;}
body.playbook.barfinder #content {
    background: transparent url('/prod/assets/bg_tier3/bg_standard.png') no-repeat scroll center 0;
    margin: 0 auto;
    padding-top: 10px;
    width: 934px;
}

body.playbook.barfinder #sub-branding h2 a, body.barfinder #sub-branding h2 a	{font-weight: normal !important;}
body.barfinder #sub-branding {background: url("/espncitysites/prod/assets/barfinder/barfinder-ftball-bgd.jpg") no-repeat scroll 0 0 transparent !important;}

/* general */

#sub-branding .presby, body.tier3 #sub-branding .presby {margin: 0!important; float: right !important}

.bars-container {background: #ffffff url(/espncitysites/prod/assets/side_gradient.jpg) top left repeat-x;}

.bars-white {
	background: #ffffff;
	margin: 5px;
}
.bars-white .h-container.chicago {border-bottom: 1px solid #e7e7e7;}
.bars-white .h-container {
	margin: 0 5px;
    padding: 10px 15px;
}
.bars-white .h-container .h-left {
	font-size: 20px;
	color: #000000;
	float: left;
	width: 640px;
	height: 20px;
}
.bars-white .h-container .h-right {float: left;}
.bars-white .h-container .h-right select {width: 225px;}

.bars-text {
	font-size: 11px;
	line-height: 1.4em;
	width: 625px;
	float: left;
	font-family: verdana, arial, sans-serif;
}
.bars-text .bars-text-pad {
	margin: 7px 0 0 5px;
	padding: 0 15px 0 15px;
	font-size: 15px; 
	font-family: helvetica, arial, sans-serif; 
	line-height: 19px;
}

.bars-text h3 {
	font-size: 24px;
	font-weight: bold;
	font-family: Helvetica, arial, sans-serif;
	margin-bottom: 10px;
}

p.share_links {
	margin-top: 10px;
	color: #868686;
}

p.share_links a {
	font-weight: normal;
	color: #225DB7;
}

p.share_links .facebook {

margin-left: 10px;
padding-right: 10px;
}

p.share_links .retweet {

margin-top: 1px;
}

.instructions {
	border-left: 1px solid #e7e7e7;
	float: left;
	margin: 5px 0;
	font-family: Verdana, arial, sans-serif;
	color: #333333;
}

.instructions h4 {
	font-size: 14px;
	font-weight: bold;
	padding: 0 10px 0 9px;
}

.instructions p {
	font-size: 11px;
	line-height: 16px;
	color: #5f5f5f;
	padding: 0 10px 6px 10px;
}

.instructions .loc {font-size: 10px;}


#map	{width: 903px; height: 498px; margin: 0 0 10px 5px;}
#map-loader	{width: 903px; height: 498px; background-color: #ececec; margin-left: 5px; text-align: center}
#reset	{cursor: pointer; position: relative; top: 4px; left: 4px;}

/* map info bubble 
 #bubble-container	{overflow-x: hidden; overflow-y: hidden; position:absolute; left:  -2000px; top: 0px;}*/

#infoBubble	{font: 11px Verdana; line-height: 15px; height: 100%; min-height: 167px; max-height: 250px;/* overflow-x: hidden;  border: 1px dotted #cc0000 */}
#infoBubble.gotnuthin	{height: 70px; min-height: 70px; overflow: hidden}
#infoBubble p	{margin-top: 5px}
#infoBubble h1#barname {width: 200px; font-family: Helvetica, arial, sans-serif;font-weight:bold; font-size: 18px; color: #161616; line-height: 1.1em; white-space: nowrap}
#teamlogo	{padding-right: 8px}
#barinfo	{padding-top: 4px}
div[id*='street-text']	{font-size: 10px; padding-top: 2px}
div[id*='streetview-']	{position: relative; margin: auto; top: 8px; width: 90%; height: 80%;/* background: #cc0000 !important; overflow: hidden !important; border: 1px solid #000000; background: #ffffcc; display: none*/}
#sv-container	{position: absolute; top: 0px; width: 300px; height: 100%; overflow: hidden}


.foursquare	{width: 241px}
#line		{height: 1px; margin-top: 6px; border-top: 1px solid #cccccc}
.divider	{width: 1px; background: #ffffff; height: 45px; float: left}
#infoBubble #container	{background: #d5d5d5}
#herenow	{float: right; padding: 5px 6px 0px 0px; font: 9px Verdana}

#hasfoursquare	{float: left}
#foursquare-wrapper	{border-top: 1px solid #ffffff; background: #e9e9e9; height: 46px; text-align: center}
#foursquare-wrapper	img {padding-top: 17px}
/*.item-wrapper	{height: 46px} */
.item-text	{background: #e9e9e9; line-height: 12px; padding: 4px}
.items	{float: left; width: 57px; border-top: 1px solid #ffffff; background: #e9e9e9; color: #666666; font: bold 11px Verdana; text-align: center; height: 46px}


h4.tip		{margin-top: 16px}
#tip-container	{overflow: hidden; float: left; width: 183px; height: 46px; border-top: 1px solid #ffffff; background: #e9e9e9; color: #666666; font: 10px Verdana; padding: 0px; overflow-y: auto}
#special	{float: left; width: 57px; border-top: 1px solid #ffffff; background: #e9e9e9; color: #666666; text-align: center; height: 46px}
#special img	{padding-top: 7px}
#special-container	{overflow: hidden; float: left; width: 183px; height: 46px; border-top: 1px solid #ffffff; background: #e9e9e9; color: #666666; font: 10px Verdana; padding: 0px; overflow-y: auto}

.displayme	{display: block !important; visibility: visible}
.hideme	{display: none !important; visibility: hidden}
.transparency	{opacity: .4; filter:alpha(opacity=40); /* For IE8 and earlier */} 

.test	{visibility: hidden}

.infoBubble-container {
	border-top: 4px solid #383838;
	position: relative;
}
#infoBubble .logo-social-container {
	width: 36px;
	margin: -18px 10px 0 0;
	text-align: center;
	float: left;
}
#infoBubble.player .logo-social-container {
	width: 65px;
}
#infoBubble.team .logo-container {
	padding: 0;
	margin-bottom: 4px;
	background: #383838;
	width: 100%;
	height: 58px;
}
#infoBubble.player .logo-container {
	padding: 0;
	margin-bottom: 4px;
	width: 100%;
	height: 100px;
	background: transparent;
}
#infoBubble.player .logo-container .sprite-page-actions-sm.twitter {
	float: left;
	margin-left: 4px;
}
#infoBubble.team .logo-container img {
	margin: 12px 0;
}
#infoBubble.no-logo .logo-container {
	height: 0px;
}
#infoBubble.team .text-container {
	margin: 0;
	float: left;
}
#infoBubble .article-container {
	background: #f4f3f0;
	padding: 10px;
	overflow-y: auto;
	height: 200px;
	font-size: 12px;
	line-height: 1.4em;
}
#infoBubble .article-container h2 {
	font-family: Helvetica, arial, sans-serif;
	font-size: 16px;
	color: #333333;
}
#infoBubble .article-container cite {
	font-size: 11px;
	color: #999999;
}
#infoBubble.team #barinfo {
	padding: 0;
	max-width: 310px;
}

/* filters */

@media screen and (min-device-width: 320px) and (max-device-width: 480px) {

	#filter-container span.filter-text	{font-size: .5em !important}
}

#filter-container {
	float: left;
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    line-height: 1.4em;
    padding: 10px 15px 10px 15px;
    margin: 0 5px;
    background: #ececec;
    color: #666666;
    width: 873px;
    position: relative;
}
#filter-container input {
	margin: 0 0 4px 6px;
	padding: 0;
	display: inline;
	cursor: default;
	vertical-align: middle;
}
#filter-team {width: 180px; max-width: 180px}
#filter-neighborhood {width: 120px; max-width: 120px}
#filter-bar {width: 180px; max-width: 180px}

/* new page action stuff */


/* social */
.sprite-page-actions {

    background: url("/prod/assets/sprites/page-actions-20.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    width: 20px;
}
.sprite-page-actions-sm {

    background: url("/prod/assets/sprites/page-actions-15.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 15px;
    width: 15px;
    float: left;
}
.sprite-page-actions.facebook	{background-position: 0 0;}
.sprite-page-actions.twitter	{background-position: 0 -20px;}
.sprite-page-actions.comments	{background-position: 0 -40px;}

.sprite-page-actions-sm.facebook	{background-position: 0 0;}
.sprite-page-actions-sm.twitter	{background-position: 0 -15px; float: left; margin-left: 6px;}
.sprite-page-actions-sm.comments	{background-position: 0 -30px;}

#global-page-actions .mod-page-actions {
    background: none;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    padding: 0;
    position: absolute !important;
    left: 700px;
    top: 12px;
    width: 210px;
    z-index: 1000;
    float: right;
}

#global-page-actions .mod-page-actions li a.count:before	{content: url('/prod/assets/count-caret-20.png'); position: absolute; top: 4px; left: -6px}
#global-page-actions .mod-page-actions li a.count {margin-left: 2px; text-align: center; width: 26px;}

#global-page-actions .mod-page-actions li .count {

	background: #f5f5f5 url('/espncitysites/prod/assets/barfinder/ticker_gradient.gif') repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#d7d7d7 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#d7d7d7 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#d7d7d7 100%); /* W3C */
	background: -moz-linear-gradient(center top , #FFFFFF 0pt, #D7D7D7 100%) repeat scroll 0 0 transparent;
	font-size: 10px;
	margin: 0 0 0 5px;
	padding: 2px 0;
	text-align: center;
	width: 26px;
	border: 1px solid #CCCCCC;
	color: #333333;
	display: block;
	float: left;
	line-height: 14px;
	position: relative;
}
#global-page-actions .mod-page-actions a .label,  *[id*='page-actions-top'] .mod-page-actions a.label	{display: none !important;}

#global-page-actions .mod-page-actions li {
    float: left;
    margin: 0 12px 4px 0;
    overflow: hidden;
}

/* bubble page actions */

div[id*='page-actions-top']	{
	height: 75px ! important;
	float: right;
	overflow: hidden;
	position: absolute;
	top: 72px;
	left: 246px;
}

div[id*='page-actions-top'].streetview	{
	position: absolute;
	top: 88px;
	left: 246px;
}

div[id*='page-actions-top'] .mod-page-actions {
	/* border: 1px dotted #333333; */
	height: 75px !important;
	float: right;
	padding-bottom: 0px !important;
	overflow: hidden;
}

div[id*='page-actions-top'] .mod-page-actions li {
	margin: 5px 0px 0px 0px !important;
	padding: 0px !important;
	height: 20px !important;
	float: none;
	overflow: hidden;
}


div[id*='page-actions-top'] .mod-page-actions li.social .sprite-page-actions {

	padding: 0px; margin: 0px;
	height: 20px;
	width: 20px;
	background: url(/prod/assets/sprites/page-actions-20.png) 0 0 no-repeat;
}

div[id*='page-actions-top'] .mod-page-actions li.social .sprite-page-actions.facebook {
	background-position: 0 0;
}

div[id*='page-actions-top'] .mod-page-actions li.social .sprite-page-actions.twitter {
	background-position: 0 -20px;
}

div[id*='page-actions-top'] .mod-page-actions li.social .sprite-page-actions.comments-oldschool {
	background-position: 0 -40px;
}


div[id*='page-actions-top'] .mod-page-actions li a.count:before	{content: url('/prod/assets/count-caret-20.png'); left: -6px; top: 3px; float: left; position: absolute; /*border: 1px solid #cc0000*/}

div[id*='page-actions-top'] .mod-page-actions li a.count {filter:alpha(opacity=100) !important; margin-left: 5px; padding-right: 5px; text-align: center; width: 20px}

div[id*='page-actions-top'] .mod-page-actions li .count {

	background: #ffffff url('/espncitysites/prod/assets/barfinder/ticker_gradient.gif') repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', endColorStr='#d7d7d7') !important;
	background: -moz-linear-gradient(top, #ffffff 0%, #d7d7d7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#d7d7d7 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#d7d7d7 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#d7d7d7 100%); /* W3C */
	font-size: 10px;
	margin: 0 0 0 5px;
	padding: 2px 0 2px 2px;
	text-align: center;
	width: 26px;
	color: #333333;
	display: inline-block;
	float: left;
	line-height: 14px;
	position: relative;
}

/* recruiting stars */
.red-stars {
    background-image: url("/espnu/i/recruiting/recruiting_stars_sml_white.png");
    background-repeat: no-repeat;
    height: 20px;
    width: 70px;
}
.red-stars.four {background-position: 0 -20px;}
.red-stars.three {background-position: 0 -40px;}
.red-stars.two {background-position: 0 -60px;}
.red-stars.one {background-position: 0 -80px;}
/* end recruiting stars */