[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}
img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
.side, .side-default {
    background-color: #eeeeee;
    padding: 20px;
}
.grey-fill {
    background-color: #eeeeee;
}
.section-padding {
    padding: 25px 0;
}
.tile {
	position: relative;
}
.tile-caption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    color: #ffffff;
    padding: 10px 10px 0;
}
.breadcrumb li a {
    color: #fff;
}
.tile-caption.yps-orange-fill h4 a { color: #fff; }
.yps-background
{
background-image:url(/css/img/microsites/thezone/yps-background.png);
background-position:top center;
background-repeat:no-repeat;
}
.navbar-yps
{
background:none;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000', GradientType=0);
box-shadow:none;
padding: 0;
}
.navbar-yps .nav > li > a
{
margin-top:40px;
padding: 50px 15px 50px; 
text-align:center;
margin-left:2px;
font-weight:bold;
color: #fff;
text-shadow:none;
display: block;
font-size: 15px;
box-sizing: content-box;
}
.navbar-yps .nav > li.active > a, .navbar-yps .nav > li.active > a:hover
{
background-color:transparent;
background-color:rgba(0,0,0,0);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000', GradientType=0);
box-shadow:none;
}
li.active[class*="yps-link"]
{
text-decoration: underline !important;
}
.yps-link1 a
{
background-image:url(/css/img/microsites/thezone/yps-link1.png);
background-repeat:no-repeat;
width:85px;
}
.yps-link1 a:hover, .yps-link1.active a
{
background-image:url(/css/img/microsites/thezone/yps-link1-hover.png);
}
.yps-link2 a
{
background-image:url(/css/img/microsites/thezone/yps-link2.png);
background-repeat:no-repeat;
width:93px;
}
.yps-link2 a:hover, .yps-link2.active a
{
background-image:url(/css/img/microsites/thezone/yps-link2-hover.png);		
}
.yps-link3 a
{
background-image:url(/css/img/microsites/thezone/yps-link3.png);
background-repeat:no-repeat;
width:105px;
padding-top:30px !important;
}
.yps-link3 a:hover, .yps-link3.active a
{
background-image:url(/css/img/microsites/thezone/yps-link3-hover.png);		
}
.yps-link4 a
{
background-image:url(/css/img/microsites/thezone/yps-link4.png);
background-repeat:no-repeat;
width:106px;
}
.yps-link4 a:hover, .yps-link4.active a
{
background-image:url(/css/img/microsites/thezone/yps-link4-hover.png);		
}
.yps-link5 a
{
background-image:url(/css/img/microsites/thezone/yps-link5.png);
background-repeat:no-repeat;
width:59px;
}
.yps-link5 a:hover, .yps-link5.active a
{
background-image:url(/css/img/microsites/thezone/yps-link5-hover.png);		
}
.yps-link6 a
{
background-image:url(/css/img/microsites/thezone/yps-link6.png);		
background-repeat:no-repeat;
width:94px;
}
.yps-link6 a:hover, .yps-link6.active a
{
background-image:url(/css/img/microsites/thezone/yps-link6-hover.png);		
}
.breadcrumb
{
padding:10px 15px 10px 10px;	
}
.breadcrumb > .active
{
color: #ffffff;
}
.breadcrumb-yps
{
margin-top:15px;
background-position:right;
background-repeat:no-repeat;
}
.breadcrumb-yps li a
{
text-decoration:underline;
}
.breadcrumb-yps.yps-pink-fill-full
{
background-image:url(/css/img/microsites/thezone/brc-pink.gif);
}
.breadcrumb-yps.yps-orange-fill-full
{
background-image:url(/css/img/microsites/thezone/brc-orange.gif);
}
.breadcrumb-yps.yps-blue-fill-full
{
background-image:url(/css/img/microsites/thezone/brc-blue.gif);
}

	
.icon-yps-chat-large
{
background-image:url(/css/icons/icon-yps-chat-large.png) !important;
width: 24px;
height: 24px;
line-height:24px;
background-position: 0px 0px;
margin-top:0px !important;
}
.icon-yps-chat-large.icon-white-large
{
background-image:url(/css/icons/icon-yps-chat-large-white.png) !important;
}
.icon-yps-call-large
{
background-image:url(/css/icons/icon-yps-call-large.png) !important;
width: 24px;
height: 24px;
line-height:24px;
background-position: 0px 0px;
margin-top:0px !important;
}
.icon-yps-call-large.icon-white-large
{
background-image:url(/css/icons/icon-yps-call-large-white.png) !important;
}
.icon-yps-text-large
{
background-image:url(/css/icons/icon-yps-text-large.png) !important;
width: 24px;
height: 24px;
line-height:24px;
background-position: 0px 0px;
margin-top:0px !important;
}
.icon-yps-text-large.icon-white-large
{
background-image:url(/css/icons/icon-yps-text-large-white.png) !important;
}
.icon-yps-email-large
{
background-image:url(/css/icons/icon-yps-email-large.png) !important;
width: 24px;
height: 24px;
line-height:24px;
background-position: 0px 0px;
margin-top:0px !important;
}
.icon-yps-email-large.icon-white-large
{
background-image:url(/css/icons/icon-yps-email-large-white.png) !important;
}
	
.btn-collection
{
margin-bottom:5px;
}
.btn-yps-blue
{
	background-color: #0E6175;
	color:#ffffff;
}
.btn-yps-blue:not([href]) {
	color: #fff;	
}
.btn-yps-blue:hover, .btn-yps-blue:focus, .btn-yps-blue.active
{
	background-color: #0D586B;
	color:#ffffff;
	box-shadow:none;
}
.btn-yps-pink
{
background-color:#f82790;
color:#ffffff;
}
.btn-yps-pink:hover, .btn-yps-pink:focus, .btn-yps-pink.active
{
background-color:#b1055b;
color:#ffffff;
box-shadow:none;
}
.btn-yps-orange
{
background-color:#f56f11;
color:#ffffff;
}
.btn-yps-orange:hover, .btn-yps-orange:focus, .btn-yps-orange.active
{
background-color:#b44d07;
color:#ffffff;
box-shadow:none;
}
.btn-block + .btn-block
{
margin-top:5px;		
}

.yps-blue-fill
{
background-color:rgba(27, 173, 207, 0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d91badcf',endColorstr='#d91badcf', GradientType=0);
}
.yps-blue-fill-full
{
background-color:rgb(27, 173, 207);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1badcf',endColorstr='#1badcf', GradientType=0);
color:#ffffff;	
}
.yps-blue-fill-full h3
{
color:#ffffff;		
}
.yps-orange-fill
{
background-color:rgba(245, 111, 17, 0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9f56f11',endColorstr='#d9f56f11', GradientType=0);
}
.yps-orange-fill-full
{
background-color:rgb(245, 111, 17);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56f11',endColorstr='#f56f11', GradientType=0);
color:#ffffff;	
}
.yps-orange-fill-full h3
{
color:#ffffff;		
}
.yps-pink-fill
{
background-color:rgba(248, 39, 144, 0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9f82790',endColorstr='#d9f82790', GradientType=0);
}
.yps-pink-fill-full
{
background-color:rgb(248, 39, 144);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f82790',endColorstr='#f82790', GradientType=0);
color:#ffffff;	
}
.yps-pink-fill-full h3
{
color:#ffffff;		
}

@media (max-width: 767px) and (max-width: 979px)
{
[id=activity], [id=location], [id=date]
{
width:100%;		
}
}	
	
@media (max-width: 979px)
{
.navbar-yps .brand img
{
width:120px;
}
.navbar-yps .nav > li > a
{
margin-top:auto;
}
.yps-link1 a, .yps-link2 a, .yps-link3 a, .yps-link4 a, .yps-link5 a, .yps-link6 a
{
background-image:none;
width:auto;
padding:9px 15px !important;
}
.yps-link1 a:hover, .yps-link2 a:hover, .yps-link3 a:hover, .yps-link4 a:hover, .yps-link5 a:hover, .yps-link6 a:hover,
.yps-link1.active a, .yps-link2.active a, .yps-link3.active a, .yps-link4.active a, .yps-link5.active a, .yps-link6.active a
{
background-image:none;	
}
.navbar-yps .btn-navbar
{
margin-top: 0;
background-color:#666666;
background-image:none;
}
.yps-background
{
background-image:url(/css/img/microsites/thezone/yps-background.png);
background-size: 1200px auto;
background-position:-100px 0;
background-repeat:no-repeat;
}	
}
@media (max-width: 767px)
{
.breadcrumb-yps
{
display:none;		
}
}
@media (max-width: 480px)
{

}
@media (max-width: 380px)
{
.invisible
{
display:none;		
}
}


.dark-grey-fill {
    background-color: #333333;
    color: #ffffff;
}	

.typeahead {
    z-index: 1051;
    margin-top: 2px;
    border-radius: 4px;
}
.twitter-typeahead {
  width: 100%;
}

.bg-yps-blue { background-color: #17ADCF; }
.bg-yps-pink { background-color: #b1055b; }
.bg-yps-orange { background-color: #F56F11; }
.navbar-yps { width: 100%; }
.navbar-brand {
    padding: 0;
    margin-left: -20px;
}