#main-content{
	position: relative;
	z-index: 0;	
}
.container {
	min-width: 300px;
	background: #fff;
}
.container + .js{
	display:none;	
}
.panes .hidden{
	display:none;
}
#signup-form #esEmail {
	width: 99%;
	width: calc(100% - 2px);
	border: 1px solid #CCC;
	height: 27px;
	line-height: 27px;
	border-radius: 4px;
	margin:0;
	padding:15px 5px;
	margin-bottom:10px;
	box-shadow: 0 0 10px 2px #f1f1f1 inset;
}		
#signup-form .full-name label{
	float:left;	
	margin-right: 2%;
}
#signup-form .full-name label.esLastname{
	margin-right:0;	
}
#signup-form .full-name label.esLastname, .full-name label.esFirstname{
	width:35%;
}
#signup-form .full-name .esSalutation{
	width:26%;	
}
#signup-form .full-name select {
	width: 100%;
	float: left;
	margin-right: 2%;
	height: 27px;
	line-height: 27px;
	border: 1px solid #CCC;
	border-radius: 4px;
	padding: 1px;
}
#signup-form .full-name #esFirstname, #signup-form .full-name #esLastname {
	width: 98%;
	border: 1px solid #CCC;
	height: 27px;
	line-height: 27px;
	border-radius: 4px;
}
#signup-form .full-name #esLastname {
	margin-right: 0;
	float: right;
}
#signup-form label.w50pc{
	width:48%;
	display:block;
	float:left;
}
#signup-form > label{
	width:100%; 
	line-height: 27px;
}
#signup-form label.w50pc input{
	width: 98%;
	width: calc(100% - 2px);
	float: left;
	border: 1px solid #CCC;
	height: 27px;
	border-radius: 4px;
}
#signup-form label.left{
	margin-right:4%;	
}
#signup-form{
	color:#333;
	overflow:hidden;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
#signup-form span{
	color:#333;
}
#signup-form input{
	margin:0;
}
#signup-form input[type="text"]{
	text-indent:4px;
}
#signup-form .section{
	padding: 10px 0;
	clear:both;	
}
#signup-form .section.other_emails{
	padding:0;
	margin-bottom:5px;
}
#signup-form .section.titles{
	padding-bottom:0;
}
#signup-form .section select{
	width: 100%;
	float: left;
	margin-right: 2%;
	height: 29px;
	line-height: 29px;
	border: 1px solid #CCC;
	border-radius: 4px;
	padding: 4px;
}
#more-options{
	overflow:hidden;
	padding:15px;
	background:#eee;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin-top:5px; 
}
#signup-form .buttons {
	overflow: hidden;
	text-align: right;
	margin-top:10px; 
}
#signup-form .buttons input, #signup-form .buttons button {
	cursor:pointer;
}
#signup-form .other_emails label{
	margin-right:5px;
}				
#newsletter_signup_success{
	border: 1px solid #96bc8a;
	background: #c5debd;
	border-radius: 4px;
	padding:10px;
	margin: 0 0 10px 0;
	color:#2c4f21;
	font-weight:bold;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5);
}
#signup-form .titles label{
	margin-right:10px;
	display:block;
}
.web-form.message-comment fieldset, 
.web-form.message-comment fieldset.highlight,
.web-form.message-comment fieldset.action{
	border:none;	
}
.message-comment h6{
	font-weight:bold;
	font-size:18px;	
}
.message-comment label{
	margin-top:10px;
}
.message-comment .form-group input[type="text"],
.message-comment .form-group input[type="password"]{
	width:100%;
	outline:none;
}
.message-comment label[for="frm-email"],
.message-comment label[for="frm-password"] {
    margin:0;
    line-height:28px;
}
.message-comment .col-md-12,
.message-comment .col-md-3{
    padding:0;
}

.youtube-video-container{
	margin-bottom:20px;	
}
.multiline-tabs{
	margin-bottom:20px;	
}
.multiline-tabs .tab-set{
	margin:0;
	padding:0;	
	float:left;
}
.multiline-tabs .tab-set li{
	float:left;
	list-style:none;
	margin:0;
    border:1px solid #ccc;
    border-right:none;
}
.multiline-tabs .tab-set li a{
	display:block;
	background:#eee;
	padding:7px 10px;
}
.multiline-tabs .tab-set li.current a{
	background:#fff;	
}
.multiline-tabs .tab-content{
	clear:both;
	border:1px solid #ccc;
	display:none;
}
.multiline-tabs .tab-content.streetlife{
	padding:10px 0 0 10px;
}
.multiline-tabs .tab-content.current{
	display:block;	
}
.multiline-tabs .tab-groups {
    overflow:hidden;
    margin:0 0 -1px 0;
}
.multiline-tabs .tab-set:last-child li:last-child{
    border-right:1px solid #ccc;
}
.multiline-tabs .tab-set li.current{
    border-bottom:1px solid #fff; 
}
.multiline-tabs.split .tab-set li:last-child{
    border-right:1px solid #ccc;
}
.multiline-tabs.split .tab-set{
    margin-bottom:-1px;
}
.multiline-tabs.split .tab-set:last-child{
    margin-bottom:0;
}
.multiline-tabs .tab-groups ul{
	margin:0;
	padding:0;	
	float:left;
}
.multiline-tabs .tab-groups li{
	float:left;
  	list-style: none;
}
.multiline-tabs .tab-groups li > a{
	display:block;
}
.multiline-tabs div[data-tab-id]{
	clear:both;	
	display:none;
}
.multiline-tabs div[data-tab-id].current{
	display:block;	
}
#videoPlayerContainer{
	margin-bottom:15px;	
}
#videoPlayerContainer .innerWrapper {
    position: relative;
    padding-bottom: 56.25%;
	height: 0; 
	overflow: hidden;
}
#videoPlayerContainer .innerWrapper object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



@media screen and (min-width:450px){
	.message-comment .form-group input[type="text"],
	.message-comment .form-group input[type="password"]{
		width:75%;
	}
}
@media screen and (min-width:750px){
	.message-comment .form-group input[type="text"],
	.message-comment .form-group input[type="password"]{
		width:50%;
	}
}
@media screen and (min-width:700px) and (max-width:1023px){
	.flip-book, .newsletter-sign-up {
		width: 48%;
		float: left;
		position: relative;
	}
	.newsletter-sign-up {
		float: right;
	}
	.newsletter-sign-up + * {
		clear: both;
	}
}
@media print {
	.advert, 
	.newsletter-sign-up, 
	.flip-book, 
	.weather-widget, 
	.story-list.most-read,
	.story-list.article-bottom,
	#footer .useful-links,
	#footer .site-links,
	#footer .brands,
	.st_facebook_hcount,
	.st_twitter_hcount,
	.st_googleplus_hcount,
	.multiline-tabs,
	#verticals-header,
	#search-button,
	body .header-content .site-search,
	#social-links,
	.logInSection,
	.message-comment,
	#streetlife-widget,
	.weather-feeds{
		display: none;	
	}
	.gallery{
		margin:0;	
	}
	a[href]:after{
		content:'';	
	}
	#masthead-logo{
		text-indent:0;
		font-weight:bold;
		font-size:24px;	
		position:static;
		width:auto;
		padding:20px;
	}
	#header-extras{
		height:auto;	
	}
	h2.inpage, 
	h1.inpage{
		margin: 0 0 30px 0;
		padding: 0;
	}
	body .picture-storylist-container h2, 
	body .picture-tiles h2 {
		margin: 0 0 15px 0;
	}
	.content-a .article .updated{
		padding:0 15px 0 0;	
	}
	body #footer > .copyright{
		width:100%;
		text-align:center;	
	}
	.teaser-label{
		font-size:inherit;
		padding:0;
		font-weight: 500;
		border-radius: 0;
		vertical-align: middle;
		font-family: 'Ubuntu', sans-serif;	
	}
	body .teaser .time{
		padding-left:0;	
	}
}

.utitlity-belt {
    margin: 15px 0;
}

.teaser-slider .inner {
	width: 9999px;
	position: relative;
	left: 0px;
}
.teaser-slider .slider .inner.transition{
  	transition: left 0.5s;
}
.teaser-slider .slider{
	overflow: hidden;
	width:100%;
}
.teaser-slider .inner {
	width: 9999px;
	position: relative;
	left: 0px;
	display:none;
}
.teaser-slider .slider.ready .inner{
	display:block;	
}

.teaser-slider .story-list,
.teaser-slider .teaser {
	/* MS: Addition for using SLE in TeaserSlider */
	background: transparent;
	border: none;
}
.teaser-slider.story-list .teaser-title a {
    line-height: 18px;
    font-weight: 700;
    font-size: 16px;
    display: block;
    text-decoration: none;
}
.teaser-slider.story-list .teaser {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    -webkit-box-direction: column;
	-moz-box-direction: column;
    -ms-flexbox-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;    
	height: auto;
}
.teaser-slider.story-list .teaser .teaser-image {
	-webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
  	-moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
  	-ms-flex-order: 1;              /* TWEENER - IE 10 */
  	-webkit-order: 1;               /* NEW - Chrome */
  	order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
	/* This line is required for IE, which doesn't account for image resize otherwise */
	height: auto;
	width: 100%;
}
.teaser-slider.story-list .teaser .teaser-image img{
	/* rescaled image will look bad in IE if we do not have this */
	-ms-interpolation-mode: bicubic;
}
.teaser-slider.story-list .teaser .teaser-title {
    -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
  	-moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
  	-ms-flex-order: 2;              /* TWEENER - IE 10 */
  	-webkit-order: 2;               /* NEW - Chrome */
  	order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.teaser-slider .inner > *{
	float: left;
	clear: none;
	margin:0;
}
.teaser-slider .inner > *,
.content-a .inner-c .teaser-slider .inner > *, 
.content-a .inner-c .teaser-slider .inner > *:nth-of-type(3n + 1){
	clear: none;
	float: left;
	margin:0;
}
.teaser-slider .inpage,
.teaser-slider.title-underline.story-list .inpage, 
.teaser-slider.story-list.borderless .inpage{
    position:relative;
	margin-bottom:10px;
}
.story-list.teaser-slider .inner img{
	width:100%;
}
.teaser-slider .inpage .next,
.teaser-slider .inpage .prev{
    display:block;
    position:absolute;
    right:15px;
	bottom:6px;
	width:30px;
	height:30px;
	text-indent:-9999px;
	background:url('#file({'filename': 'common/slider-arrow-right.png', 'contentId': $content.contentId, '':''})') transparent no-repeat center;
	background-size:11px 16px;
	z-index: 1;
	cursor:pointer;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
}
.teaser-slider .inpage span.prev{
	background-image:url('#file({'filename': 'common/slider-arrow-left.png', 'contentId': $content.contentId, '':''})');
	right:45px;
}

@media (-webkit-min-device-pixel-ratio:2){
	.teaser-slider .inpage span.prev{	
		background-image:url('#file({'filename': 'common/slider-arrow-left-x2.png', 'contentId': $content.contentId, '':''})');
	}
	.teaser-slider .inpage span.next{	
		background-image:url('#file({'filename': 'common/slider-arrow-right-x2.png', 'contentId': $content.contentId, '':''})');
	}
}