html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { background: #eee }
body { line-height: 1; font-family: Arial, Helvetica; font-size: 13px; color: #333; background-color: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; font-weight: normal; }
td { vertical-align: top; }
a, .link { color: #3498db; text-decoration: none; cursor: pointer; outline: none; line-height: 1.2; }
a:hover, .link:hover { text-decoration: underline; color: #2980b9; } 
a:focus { outline-style: none; }
a img { border: none; }
a:active, textarea:focus, input:focus, :-moz-any-link:focus { outline: none; }
input[type=text]:focus,
input[type=password]:focus { outline: 0 none; }

/* Clear Fix */
.flc:before, .flc:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.flc:after { clear: both; }
.flc { zoom: 1; }

/* Common */
#loginForm a, #loginForm .link,
#registerForm a, #registerForm .link {
	color: #e67e22;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	line-height: 1.2;
}

#loginForm a:hover, #loginForm .link:hover,
#registerForm a:hover, #registerForm .link:hover {
	text-decoration: underline;
	color: #d35400;
}

 
.close:before {
	font-family: 'fontello';
	content: '\2715';
	color: #fff;
	position: absolute;
	right: 0;
	top: -34px;
	font-size: 14px;
	cursor: pointer;
	background: #666;
	padding: 10px 15px;
}

.button:hover,
.buttonInput:hover, 
.buttonSmall:hover, 
.formFieldSubmit 
.inputSubmitBackground:hover { 
	position: relative; 
	top: 1px; 
	color: #FFF; 
	text-decoration: none; 
	box-shadow: inset 0px 20px 0 rgba(255, 255, 255, .1); background: #00abfe;
} 

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* this is to avoid any display issues with our header/nav */
#main_navigation * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.advertisement {
	margin: 2px 9px 5px 0;
	text-align: right;
	color: #AAAAAA;
}

#main,
#main_navigation {
	margin: 0 auto;
	width: 100%;
	padding: 0;
	position: relative;
	left: 0;
	background-color: transparent;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

/* Simple Header */
#main_navigation {
    margin: 0 0 15px;
}
.hide { display: none;}
#channelGeneric .moveLeft { left: 240px; }

/* Simple Footer */
#footerSimple { width: 100%; padding: 40px 0; background-color: #fff; }
#footerSimple nav { width: 90%; margin: 0 auto; border-bottom: 1px solid #999; }
#footerSimple nav ul { width: 100%; overflow: hidden; text-align: center; }
#footerSimple nav ul li { display: inline-block; }
#footerSimple nav ul li a { color: #696969; font: normal 13px arial; padding: 15px 20px; display: block; }
#footerSimple section { width: 90%; margin: 0 auto; color: #999; text-align: center; font: italic 11px/1.5 arial; padding: 20px 0; }
#footerSimple #footer-links dl { width: 100%; text-align: center; }
#footerSimple #footer-links dl dd { margin: 0 20px; display: inline-block; }
#footerSimple #footer-links a { background: url(/ui/images/bottom_sprite.jpg) 0 0 no-repeat; }
#footerSimple #footer-links .dm { width: 110px; height: 58px; display: block; background-position: -9px 0; }
#footerSimple #footer-links .ls { width: 238px; height: 58px; display: block; background-position: -165px 0; }
#footerSimple #footer-links .eh { width: 96px; height: 58px; display: block; background-position: -447px 0; }
#footerSimple #footer-links .tcp { width: 136px; height: 58px; display: block; background-position: -586px 0; }

/*
 * iPad 4    is 768px width portrait
 * iPad Mini is 768px width portrait
 */
@media screen and (min-width: 768px) {
	#main,
    #main_navigation,
    #footerSimple nav,
    #footerSimple section {
        width: 768px;
    }

	.calendarIcon { display: none; }
}

/*
 * iPad 4    is 1024px width landscape
 * iPad Mini is 1024px width landscape
 */
@media screen and (min-width: 1024px) {
	#main,
    #main_navigation,
    #footerSimple nav,
    #footerSimple section {
        width: 990px;
    }

	/* Layout */
	.columnLeft,
	.columnMain,
	.columnRight { display: inline; float: left; margin: 0 36px 0 0; } 
	.layout-1Column .columnMain { float: none; margin: 0; display: block; } 
	.layout-2Column .columnMain { width: 636px; } 
	.layout-2Column .columnRight { width: 318px; margin: 0; }
	.top_header { zoom: 0; }
}


/* Pagination /groups/ /sesarch/  */
.pagination { padding: 0 0 3px 0; margin: 40px 0; }
	.pagination li { display: inline; margin: 0 5px 0 0;  }
	.pagination li a { background: #0066cc; }
	.pagination li a:hover, .pagination li.current a { background: #999; }
	.pagination li a,
	.pagination li a:hover { padding: 11px 14px;  color: #FFF; font-weight: bold; text-decoration: none;}
	.pagination li .current a { padding: 11px 14px;  color: #FFF; font-weight: bold; text-decoration: none; background: #999; }
	.pagination li.disabled a { color: #FFF; }
	.pagination li:next { margin-right: 0px; }



/* FOR IE 7 and 8 */
.lte8 .calendarIcon { display: none; }

.lte8 #main,
.lte8 #main_navigation,
.lte8 #footerSimple nav, 
.lte8 #footerSimple section {
	width: 990px;
}

/* Layout */
.lte8 .columnLeft,
.lte8 .columnMain,
.lte8 .columnRight { display: inline; float: left; margin: 0 36px 0 0; } 
.lte8 .layout-1Column .columnMain { float: none; margin: 0; display: block; } 
.lte8 .layout-2Column .columnMain { width: 636px; } 
.lte8 .layout-2Column .columnRight { width: 318px; margin: 0; }

/* Password Reset Alert */
.password-reset-alert {
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid #bcdff1;
	border-radius: 0.25rem;
	background-color: #d9edf7;
	color: #31708f;
	position: relative;
}

.password-reset-alert .close {
	position: absolute;
	right: 0;
	top: 0;
	color: inherit;
	background: none;
	border: none;
	font-size: 2em;
}

.password-reset-alert .close:hover {
	cursor: pointer;
}

/**
 * New TOS notifier
 */
#privacy-policy {
	width: 100%;
	height: 40px;
	color: #626262;
	background-color: #d2d2d2;
	position: fixed;
	bottom: 0; left: 0;
	text-align: center;
	z-index: 10000;
}
#privacy-policy p {
	margin: 0;
	padding: 0;
	line-height: 40px;
}
#privacy-policy #privacy-policy-close {
	color: #626262;
	line-height: 40px;
	font-size: 18px;
	right: 10px;
	position: absolute;
	display: block;
}
#privacy-policy #privacy-policy-close:hover {
	text-decoration: none;
}body { background-color: #e4ded9; font-family: "MuseoSans300"; font-weight: normal; }

html, body {
	margin: 0;
	padding: 0;
	background-color: #eee;
}

#hidden { overflow: hidden;}
.moveLeft { left: 240px; }

.widgetContainer { width: 100%; }
/*
* GPT Style
*/
.livestrong_gpt {
    margin-bottom: 8px;
	text-align:center;
}
/*
* Dashboard Cal
*/
.lowerCal { position: relative; top: 0; }

#myCal { display: none; background: #333; }
#myCal #datepicker {
	margin: 0 auto;
    width: 320px;
}
#dashboardCal {
	width:323px; 
	height:305px; 
	position:absolute;
	top: 0;
}
#myCal thead { background: #73c500; }

#myCal .ui-datepicker-title {
	border-right: 1px solid #3a3a3a;
	border-left: 1px solid #3a3a3a;
    margin: 0 auto;
    width: 130px;
}

#myCal .ui-state-default {
	color: #fff;
	background: #333333;
	border: 1px solid #2e2e2e;
	padding: 5px 0;
    text-align: center;
}
#myCal .ui-state-active {
	background: #d388e1;
}
#myCal .ui-datepicker-next:before,
#myCal .ui-datepicker-prev:before {
	font-family: 'fontello';
	color: #FFF;
	position: relative;
}
#myCal .ui-datepicker-next:before {
	content: "\e75e";
	right: 70px;
}
#myCal .ui-datepicker-prev:before {
	content: "\e75d";
	left: 70px;
	display: block;
	width: 50px;
}

#myCal .ui-state-hover{ 
	background: none;
	border: none;

}
#myCal  .ui-datepicker .ui-datepicker-prev, #myCal  .ui-datepicker .ui-datepicker-next {
	height: auto;
	width: auto;
	top: 8px;
}

/* TODO(mike): this hack is bad, but is a quick fix for myplate/dashboard/social calendar bug */
body > #ui-datepicker-div { display: none; }

.gldp-default .next-arrow:before, .gldp-default .prev-arrow:before {
		font-family: 'fontello'; 
}
.gldp-default .next-arrow:before { 
	content: '\e75e';
}
.gldp-default .prev-arrow:before { 
	content: '\e75d';
}

#main_navigation {
	width: 100%;
	position: relative;
	background-color: transparent;
}

/**
 * dashboard header
 */
#header {
	width: 100%;

	position: relative;
	top: 0;
	padding: 0;
}
#header aside {
	color: #ff6b01;
	float: left;
	width: 359px;
	height: 79px;
	font: normal 36px/84px "League Gothic";
	text-align: center;
	background-color: #fff;
	display: none;
}
#header #navigation {
	font-family: "MuseoSans100";
	float: right;
}
.myplate #header #navigation {
	display: inline-block;
	float: left;
}
#header #navigation ul {
	overflow: hidden;
}
#header #navigation ul li {
	float: left;
}
#header #navigation ul li a {
	padding: 0 13px;
	height: 35px;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 2em;
	margin: 0;
	background-color: #bebebe;
	font-size: 18px;
}
.myplate #header #navigation ul li a {
	font-size: 15px;
	line-height: 2.4em;
}
#header #navigation ul li .navMain { display: none; }
#header #navigation ul li a:hover {
	background-color: #999;
}
#header #navigation ul li a.selected {
	background-color: #ffffff;
	color: #333333;
}
#header #controls {
	top: -4px;
	right: 10px;
	position: absolute;
	display: none;
	width: 100%;
}
#header #controls .classic {
	display: inline-block;
	float: left;
	padding: 0 0 0 20px;
}
#header #controls .userIcon:before {
	font-family: 'fontello';
	content: "\1f464";
	color: #666;
}
#header #controls ul {
	float: right;
	overflow: hidden;
	padding-left: 15px;

}
#header #controls ul li {
	font-family: "MuseoSans500";
	float: left;
}
#header #controls ul li a {
	color: #333;
	font-size: 13px;
	padding: 0 10px;
	border-right: 1px solid #333;
}
#header #controls ul li a:hover {
	text-decoration: underline;
}
#header #controls ul li.last a {
	border: none;
}

/**
* Date and Name
**/
.dateName { display: block; width: 100%; font-size: 12px; background: #999999; color: #fff; padding: 6px 0 5px 0; font-family: "MuseoSans700"; }
.dateName .date { float: left; padding-left: 10px; }
.dateName .name { float: right; padding-right: 10px; }

/**
 * dashboard calendar
 */

.calendarIcon:before {
	font-family: 'fontello';
	content: '\f0ce';
	background: #636363;
	padding: 0px 10px;
	font-size: 30px;
	color: #ffffff;
	cursor: pointer;
	display: block;
	line-height: 40px;
}

#calendar {
	clear: both;
	position: absolute;
	top: 0px;
	right: 0;
	display: block;
}
#calendar ul {
	float: left;
	display: none;
}
#calendar ul li {
	float: left;
}
#calendar ul li a {
	color: #bebebe;
	width: 86px;
	height: 49px;
	display: block;
	margin: 0 2px;
	margin-top: 8px;
	text-align: center;
	font-size: 10px;
	background-color: #fff;
}
#calendar ul li a span {
	font-family: "MuseoSans500";
	font-weight: 700;
	padding-top: 6px;
	font-size: 20px;
	display: block;
}
#calendar ul li a:hover {
	color: #333;
}
#calendar ul li a.selected {
	margin: 0;
	width: 110px;
	height: 64px;
	color: #fff;
	background-color: #73c500;
}
#calendar ul li a.selected span {
	padding-top: 10px;
	line-height: 32px;
	font-size: 36px;
}
#mini-calendar a.left:hover,
#mini-calendar a.right:hover {
	text-decoration: none;
}
#mini-calendar .left:before,
#mini-calendar .right:before,
#calendar .left:before,
#calendar .right:before {
	font: normal 25px/50px 'fontello';
	color: #fff;
	top: 8px;
	height: 49px;
	display: none;
	padding: 0 5px;
	position: absolute;
	background-color: #CECECE;
}
#mini-calendar .right:before,
#calendar .right:before {
	right: 0;
	content: "\e75e";
}
#mini-calendar .left:before,
#calendar .left:before {
	left: 0;
	content: "\e75d";
}
#mini-calendar .left:hover:before,
#mini-calendar .right:hover:before,
#calendar .left:hover:before,
#calendar .right:hover:before {
	color: #73c500;
	background: #fff;
}

/**
 * mini calendar
 */

#mini-calendar {
	display: inline-block;
	float: right;
	font: 18px/1.5 "MuseoSans100";
	margin: 18px 0 0;
	height: 49px;
}

#mini-calendar .selected {
	line-height: 2.8em;
	white-space: nowrap;
	padding: 0 10px;
}

#mini-calendar .scroller {
	background: #fff;
	display: inline-block;
	float: left;
	text-align: center;
	margin: 0 25px 0 0;
	width: 221px; height: 49px;
	position: relative;
}

#mini-calendar .left:before,
#mini-calendar .right:before {
	top: 0;
}
#mini-calendar .left:before {
	left: -25px;
}
#mini-calendar .right:before {
	right: -25px;
}

#mini-calendar .datepicker {
	cursor: pointer;
	display: inline-block;
	float: right;
	margin: 0 2px;
}
#mini-calendar .datepicker:before {
	background: #bbb;
	color: #fff;
	content: '\e802';
	cursor: pointer;
	display: inline-block;
	font-family: 'fontello';
	font-size: 36px;
	line-height: 49px;
	text-align: center;
	width: 49px; height: 49px;
}
#mini-calendar .datepicker:hover:before {
	color: #73c500;
	background: #fff;
}

#mini-calendar .ui-datepicker {
	margin: 0 0 0 -281px;
	zoom: 0.75;
	position: absolute;

	-moz-transform: scale(0.75) translate(36px, -45px);
}
.ui-datepicker thead {
	color: #333;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default.goal_not_exceeded {
	background: #2ecc71;
	border: 1px solid #2ecc71;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default.goal_exceed {
	background: #e74c3c;
	border: 1px solid #e74c3c;
}


.widget_grid {
	margin-top: 0px;
	/*margin-right: -1%; */
}
.placeholder {
	display: none;
	float: left;
	border: 1px dashed blue;
	margin-right: 10px;
	margin-bottom: 10px;
}
/* 
.expand { left: 260px; }
.collapse { left: 0px;}
*/
#dateNav .selected {
    background-color: white;
}

.addRemoveWidgetOptions {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    background-color: white;
    z-index: 1;
}

.addRemoveWidget {
    display: inline;
    position: relative;
}

#main.stretch {
    width: 330px;
}

#main { width: 100%; }

.desktop{ display: none; }
.mobile{ display: block; }


.search { border: 1px solid #aaa; }

.dashboardNavTab {
    box-shadow: 0 0 0 0;
    background: none;
    padding: 10px 0;
    color: #fff;
    display: block;
    position: static;
    left: 0; top: 0;
    /*width: 100%;*/
	width: 990px;
}
.dashboardNavTab li { margin: 0; }

.dashboardNavTab .topNavLink { float: left; margin-right: 1px; background: #0088CC; padding: 5px 10px; color: #fff; }
.dashboardNavTab .topNavLink a { color: #fff; }
.dashboardNavTab .searchBar { float: right; background: none; }

#main.stretch {
    width: 100%;
}

    
/*
 * iPhone 4 is 320 width portrait  
 * iPhone 5 is 320 width portrait  
 */
@media screen and (min-width: 320px) {
.platinum #lsapp_widget_video_video,
.platinum #lsapp_widget_dare_posts,
.platinum #lsapp_widget_foodlog_plan,
.platinum #lsapp_widget_activity_energy,
.platinum #lsapp_widget_activity_netcalories,
.platinum #lsapp_widget_foodlog_summary,
.platinum #lsapp_widget_drinklog_waterentry,
.platinum_fitness #lsapp_widget_video_tip,
.platinum_fitness #lsapp_widget_video_more,
.platinum_food #lsapp_widget_activity_weight,
.platinum_food #lsapp_widget_video_tip { display: none; }
}

/*
 * iPhone 3.5 inch is 480 width landscape  
 */
@media screen and (min-width: 480px) {
}

/*
 * iPhone 3.5 inch is 480 width landscape  
 */
@media screen and (min-width: 560px) {

}

/*
 * iPhone 4 inch is 568px width landscape  
 */
@media screen and (min-width: 568px) {

}

/*
 * iPad 4    is 768px width portrait
 * iPad Mini is 768px width portrait
 */
@media screen and (min-width: 200px) {
	.platinum #lsapp_widget_video_video,
	.platinum #lsapp_widget_dare_posts,
	.platinum #lsapp_widget_foodlog_plan,
	.platinum #lsapp_widget_activity_energy,
	.platinum #lsapp_widget_activity_netcalories,
	.platinum #lsapp_widget_foodlog_summary,
	.platinum #lsapp_widget_drinklog_waterentry,
	.platinum_fitness #lsapp_widget_video_tip,
	.platinum_fitness #lsapp_widget_video_more,
	.platinum_food #lsapp_widget_activity_weight,
	.platinum_food #lsapp_widget_video_tip,
	.desktop { display: block; }

	.mobile,
    .dateName,
	#lsapp_widget_video_videofeature .icon-menu {
        display: none;
    }

	#main {
		background-color: transparent;
	}

	.widgetContainer { width: 101%; }

	#header,
    #calendar ul,
    #calendar .left:before,
    #calendar .right:before,
    #header #controls,
    #mini-calendar .left:before,
    #mini-calendar .right:before {
        display: block;
    }

	#header {
		height: 79px;
		margin-top: 16px;
	}
	#footer {
		width: 768px;
		margin: 0 auto;
	}

	.widget_grid {
		margin-top: 7px;
		/*margin-right: -1%; */
	}

	#calendar:before { display: none; }

	#calendar { 
		margin-top: 5px;
		position: relative;
		width: 100%;
		height: 64px;
		overflow: hidden;
	}

	.calendarIcon { display: none; }

	#header #navigation ul li a {
		width: 124px;
		text-transform: uppercase;
		margin: 25px 0 0 1px;
		padding: 0;
	}
	.myplate #header #navigation ul li a {
		width: 162px;
	}

	#header #navigation ul li .navMain { display: block; }

	#header #navigation ul li a.selected {
		color: #ffffff;
		background-color: #fd5b00;
	}
	.stronger #header #navigation ul li a.selected {
		font-family: "MuseoSans700";
		margin-top: 17px;
		height: 50px;
		line-height: 50px;
	}

    #main.stretch {
        width: 660px;
    }
}

/*
 * iPad 4    is 1024px width landscape 
 * iPad Mini is 1024px width landscape
 */
@media screen and (min-width: 1024px) {
	#main { width: 990px; }
	#header aside { display: block; }
	#footer {
		width: 100%;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}
}

#navigation a, #calendar a {
	text-decoration: none;
}
.overlay_background,
.overlay {
	display: none;
}
.overlay {
    position: fixed;
    width:100%;
    height:100%;
    top: 25px;
    left:0;
    z-index: 99999;
}
.overlay_content{
    margin:0 auto;
    position:relative;
}
.overlay_message h2 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px;
}
.overlay_background {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 300%;
}

#profile_quick_links { display: none; font-size: 13px; background: #FFF; line-height: 13px; position: absolute; top: 16px; z-index: 99999; width: 139px; color: #000; -webkit-box-shadow: 0 10px 10px 1px #666; box-shadow: 0 10px 10px 1px #666; }
#header #controls #profile_quick_links ul { float: none; padding: 0; }
#header #controls #profile_quick_links ul li { float: none; background: none; }

#profile_quick_links .link span { background: #FFF; display: block; height: 16px; padding: 3px 0 0 5px;  }
#profile_quick_links span { color: #0088cc; display: block; padding: 6px 0px 6px 10px; text-decoration: none;  }
#profile_quick_links span:hover {  background-color: #cce7f5; color: #0088cc; zoom: 1; } 

.userIcon { padding: 10px; margin: -10px 0 0; }
.userIcon:hover #profile_quick_links { display: block; }

.close_overlay{
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    z-index: 3;
}
.close_button{
    cursor: pointer;
    line-height: 50px;
    width: 50px;
    height: 48px;
    background: #FF7100;
    margin-bottom: 5px;
}
.close_button:before {
	font-family: 'fontello';
	content: "\2715";
	font-size: 20px;
}
/** Overlay **/
.first_visit .overlay_content,
.browser_not_supported .overlay_content{
    width: 990px;
    height: 716px;
    color:#fff;
}
.first_visit .overlay_content { background: url("//i.lsimg.net/ui/stronger/first_visit.jpg") no-repeat; }
.browser_not_supported .overlay_content { background: url("//i.lsimg.net/ui/stronger/browser_not_supported.jpg") no-repeat; }

.first_visit .nicky_sig{
    position:relative;
	padding-top: 20px;
	display: block;
}
.first_visit .sig{
    width:138px;
    position:absolute;
    height:165px;
    background:url('//i.lsimg.net/ui/stronger/nicky_sig.png') no-repeat right transparent;
    top: 0;
}
.first_visit h2{
    font:23px/27px MuseoSans500;
    margin-bottom:20px;
}
.first_visit p{
    width:470px;
    margin-bottom:20px;
    font:18px/25px MuseoSans100;

}
.first_visit .overlay_message{
    padding:125px 0 0 55px;
}

.browser_not_supported .big_error {
	font-family: 'League Gothic';
	font-size: 300px;
	left: -30px;
	position: relative;
	text-align: center;
	top: 20px;
}

.browser_not_supported .overlay_message {
	font-family: "MuseoSans500";
	font-size: 23px;
	text-align: center;
}

.browsers {
	text-align: center;
	margin-top: 70px;
}
.browser_firefox,
.browser_ie,
.browser_chrome,
.browser_safari {
	margin-right: 50px;
	display: inline-block;
	width: 84px;
	height: 95px;
	background: url('//i.lsimg.net/ui/stronger/browser_icons.png') no-repeat right transparent;
}

.browser_firefox { background-position: 0 0; }
.browser_ie { background-position: -90px 0; }
.browser_chrome { background-position: -175px 0; }
.browser_safari { background-position: -268px 0; }

/**
 * flash_support lightbox
 */
.flash_supported .overlay_content {
	width: 990px;
	height: 100px;
	color:#fff;
	text-align: center;
	background: url("//i.lsimg.net/ui/stronger/browser_not_supported.jpg") 0 -135px no-repeat;
}
.first_visit p strong {
	font-family: MuseoSans500;
}
.flash_supported .overlay_content h2.welcome {
	padding-top: 25px;
}
.flash_supported .overlay_content h2.welcome a {
	color: rgb(253, 91, 0);
}
/**Navigation bar**/
#main_navigation {
	overflow: visible;
}

/** Common Styles **/
.strong {
	font-family: 'MuseoSans900', Arial, sans-serif;
}
/**
* floats
**/
.fl {
	float: left;
}

.fr {
	float: right;
}

.clear:before, .clear:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}

.clear:after {
	clear: both;
}

.clear {
	clear: both;
}
/**
* floats
**/
@media screen
and (min-width: 768px)
and (max-width: 1000px) {

	#main {
		width: 653px;
		margin:0 auto;
	}
	.container {
		width: 100%;
		margin: 0;
	}

    .top_header {
       zoom: 75%;
    }
	.top_header .header_divider {
		zoom: 75%;
	}

	/*** NAV ***/

	.nav_hidden {
		display: block;
	}
	.primaryNav {
		margin-bottom: 0;
	}
    .primaryNav__body {
        width: 653px;
        margin-left: auto;
        margin-right: auto;
    }

	.primaryNav .container>li:nth-of-type(1),
	.primaryNav .container>li:nth-of-type(2),
	.primaryNav .container>li:nth-of-type(3),
	.primaryNav .container>li:nth-of-type(5),
	.primaryNav .container>li:nth-of-type(6),
	.primaryNav .navIconCommunity:before {
		display:none;
	}

    .primaryNav .nav_menu_item_icon {
        height: inherit;
        line-height: 1.2;
    }
    .primaryNav .search_button:before {
        min-height: 35px;
        height: auto;
    }

/* resetting styles to match old style - START */
	.last_nav #event_notifier {
		top: 17px;
	}
	.last_nav #event_notifier::before {
		font-size: 20px;
	}
	.search_box .search_input{
		padding: 2px 15px;
	}
	.primaryNav .search_button {
		margin: 0;
	}
	.primaryNav .search_button::before {
		font-size: 20px;
		top: 0;
		min-height: 0;
	}
	.search_box, .search_box .search_input {
		font-size: 14px;
	}
	.primaryNav ul li a {
		color: #fff;
		display: block;
		padding: 9px 15px;
	}
	.primaryNav ul li:hover a {
		background: none;
	}
	.primaryNav ul li:hover {
		background: #e74c3c;
	}
	.primaryNav ul ul li a:hover {
		background: #fd7769;
	}

	.primaryNav ul ul {
		background: #fd5543;
	}
	.primaryNav ul ul li a:hover {
		background: #fd7769;
	}
	.primaryNav .last_nav a {
		padding: 9px 0;
	}
	.search_box .search_input {
		margin-top: 6px;
	}
	.primaryNav .login_icon {
		margin: 7px 10px 0 0;
		height: 20px;
		width: 20px;
	}
	.primaryNav .nav_login_icon {
		right: 10px;
	}
	.primaryNav ul li.nav_login_icon {
		width: 63px;
	}
	.primaryNav .nav_premium_block {
		width: 95px;
	}
    .primaryNav .nav_premium_block--link {
        padding: 0;
    }
	.primaryNav .nav_badge_block .icon-gold_flag::before {
		margin: 3px 0;
	}
	.primaryNav .icon-gold_flag::before {
		font-size: 20px;
		line-height: 0.5;
		margin: 12px 10px 12px 5px;
		width: 12px;
	}
	.primaryNav .nav_premium_upgrade {
		padding: 0 2px;
		bottom: 2px;
	}
	.primaryNav ul li.nav_premium_block:hover {
		background: rgba(0, 0, 0, 0.2);
	}
	.primaryNav #event_history_wrapper {
		right: -120px;
		top: 28px;
	}
	.primaryNav #event_history_wrapper::before {
		right: 117px;
	}
	.primaryNav #event_history_wrapper::after {
		right: 117px;
	}

/* resetting styles to match old style - END */

        .primaryNav .container .search_nav+li {
                margin-left: 10px;
        }

	.primaryNav ul li:nth-of-type(6):hover > ul {
		display: none;
	}

	.primaryNav .search_nav {
		width: auto;
	}

	.search_box .search_input {
		width: 150px;
	}

/*** SUBHEADER **/

	#header #controls {
		display:none;
	}
	#header {
		width: 653px;
		margin: 0 auto 15px;
		height: auto;
	}

	.myplate #header #navigation ul li a {
		font: normal 12px/35px "MuseoSans500";
		width: auto;
		padding: 0 8px;
		margin: 10px 0 0 1px;
	}
	#mini-calendar {
		margin-top: 10px;
		height: auto;
	}

	#mini-calendar .scroller {
		height: 35px;
		width: 160px;
	}

	#mini-calendar .left:before,
	#mini-calendar .right:before,
	#calendar .left:before,
	#calendar .right:before {
		height: 35px;
		font: normal 25px/40px 'fontello';
	}

	#mini-calendar .selected {
		line-height: 2.0em;
		padding: 0;
	}

	#mini-calendar .datepicker:before {
		height: 35px;
		line-height: 35px;
		font-size: 25px;
	}


	/** footer **/
	#footer,
	#footer .container {
		width: 100%;
		margin: 50px auto 0;
		padding: 0 0 50px 0;
	}
	#footer .copyright {
		width: 100%;
	}

    .footer {
        min-width: inherit;
    }
	.footer nav ul li a {
		padding: 5px 8px;
		font-size: 12px;
	}

/** Meal plan icons **/
	.lsapp_widget .widget-tooltip-holder:hover .widget-tooltip {
		display: none;
	}

}

/** back to top style **/
.community .scroll_to_top {
	display:none;
	position:absolute;
	top:0;
	border:1px solid #eee;
	border-radius:3px;
	cursor:pointer;
	left:-70px;
	background:#000;
}
.community .scroll_to_top a {
	position:fixed;
	top:10%;
	width:70px;
	text-align:center;
	font:14px "MuseoSans500";
	border-radius:3px;
	padding:5px;
	background:#fff;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	transition:opacity linear 150ms;
}
.community .scroll_to_top a:before {
	width: 0;
	content: " ";
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #999;
	margin: 0 auto 5px;
	display: block;
}
.community .scroll_to_top a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
/** End back to top style **/
/** shared dare style **/
.community .user-link {
	color:#ff6600;
}
.community .user-link-default {
        color: #ff6600;
	cursor: default;
}
.community  .avatar {
	border-radius:50%;
}
.community .title {
	text-overflow: ellipsis;
	overflow:hidden;
	font-family:"MuseoSans700";
}
.community .timestamp {
	font-size: 11px;
	color: #888;
}
.community .form-error {
	color:red;
	margin:0;
}
.community .form-error li {
	margin:5px 0;
	-webkit-animation: fadeIn 250ms linear;
	-moz-animation: fadeIn 250ms linear;
	-ms-animation: fadeIn 250ms linear;
	-o-animation: fadeIn 250ms linear;
	animation: fadeIn 250ms linear;
}
#dare-data li {
	list-style:none;
	-webkit-animation: fadeIn 250ms linear;
	-moz-animation: fadeIn 250ms linear;
	-ms-animation: fadeIn 250ms linear;
	-o-animation: fadeIn 250ms linear;
	animation: fadeIn 250ms linear;
}
#lsapp_widget_dare_comments,
#lsapp_widget_dare_posts {
	float:left;
	margin-right:8px;
}

#lsapp_widget_dare_comments .subheader,
#lsapp_widget_dare_posts .subheader {
        position: relative;
}
#lsapp_widget_dare_comments .guidelines_link,
#lsapp_widget_dare_posts .guidelines_link {
        position: absolute;
        right: 0;
        font: 13px "MuseoSans500";
        padding: 7px 0;
}
#dare-data .gray {
	background:#eee;
}

#dare-data {
	padding:0 10px;
	border-top:1px solid #ccc;
}
#dare-data li {
	overflow:hidden;
}
#dare-data li:nth-child(even) {
	background:#eee;
}
#dare-data .post {
	padding:10px;
	border-radius:2px;
}
#dare-data .post_content {
	width:100%;
}
#dare-data .post_content > div{
	display:inline-block;
	vertical-align:top;
}
.community .body {
	overflow: hidden;
	text-overflow: ellipsis;
}
.moderator_controls {
	display:block;
	clear:both;
}
/** Load more state style **/
.community .load_more {
	display:inline-block;
	margin:10px 0;
	font:15px "MuseoSans500";
	width:100%;
	text-align:center;
}
.community .load_more.loading,
.community .load_more.finish {
	pointer-events: none;
	color:#aaa;
	cursor: default;
	font-family:"fontello","MuseoSans500";
}
.community .load_more:before {
	content:"Load More ";
}
.community .load_more.loading:before {
	content:"Loading More ";
}
.community .load_more.loading:after {
	content:"...";
}
.community .load_more.finish:before {
	content:"No More ";
}
/** End load more state styles **/

#dare-form-container {
	width:100%;
	position:relative;
	float:left;
	border:1px solid #aaa;
	display:none;
	background:#eee;
	padding:15px;
}
#dare-form-container fieldset {
	border:none;
}
#dare-form-container fieldset p {
	margin:10px 0;
}
#dare-form-container fieldset p:after {
	content:":";
}
#dare-form-container .close:before {
	top:0;
}
#dare-form-container .dare-title {
	width:100%;
	padding:5px;
}
#dare-form-container .dare-post {
	resize:none;
	padding:5px;
	width:100%;
	height:150px;
}
#dare-form-container .image-attach {
	margin:5px 0;
}
#dare-form-container .submit-btn,
.community .new{
	float:right;
	transition:background linear 50ms;
	padding:5px 10px;
	background:#ff6600;
	border-radius:2px;
	cursor:pointer;
	border:none;
	color:#fff;
}
#dare-form-container .submit-btn:before {
	content: "Add ";
}
#dare-form-container .submit-btn.disabled {
	background:#888;
	cursor:progress;
 }
#dare-form-container .submit-btn.disabled:before {
	content:"Saving ";
}
#dare-form-container .submit-btn.disabled:after {
	content:"...";
}
#dare-form-container .close {
	cursor:pointer;
}
.widgetContainer {
	width:100%;
}
/** End shared dare styles **/
.conversations_right_rail {
	float:right;
}
/**
 * avatar user controls
 */
.avatar-image .user_controls {
	width: 265px;
	display: none;
	padding: 21px 15px;
	text-align: left;
	position: absolute;
	margin: -103px 0 0 56px;
	border: 1px solid #ccc;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: default;
	z-index: 999;
}
.avatar-image .user_controls.controls_left:after { /* dialog box arrow */
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	top: 70px;
	left: 0;
	margin-left: -7px;
	border-right: 7px solid #fff;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}
.avatar-image .user_controls.controls_left:before { /* dialog box arrow border */
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	top: 70px;
	left: 0;
	margin-left: -8px;
	border-right: 7px solid #ccc;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}
/** comment avatar */
.avatar-image.avatar-image_right.comment-user .user_controls {
	width: 265px;
	display: none;
	padding: 21px 15px;
	text-align: left;
	position: absolute;
	margin: -118px 0 0 91px;
	border: 1px solid #ccc;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: default;
	z-index: 999;
}
.avatar-image_right.comment-user .user_controls.controls_right:after { /* dialog box arrow */
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	top: 80px;
	right: 0;
	margin-right: -7px;
	border-left: 7px solid #fff;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}
.avatar-image_right.comment-user .user_controls.controls_right:before { /* dialog box arrow border */
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	top: 80px;
	right: 0;
	margin-right: -8px;
	border-left: 7px solid #ccc;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}
/**  avatar left*/
.avatar-image_left .user_controls {
	width: 265px;
	display: none;
	padding: 21px 15px;
	text-align: left;
	position: absolute;
	margin: -100px 0 0 -273px;
	border: 1px solid #ccc;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: default;
	z-index: 999;
}
.avatar-image_left .user_controls.controls_left:after { /* dialog box arrow */
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	top: 65px;
	right: 0;
	left: auto;
	border-right: 0;
	margin-right: -7px;
	border-left: 7px solid #fff;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}
.avatar-image_left .user_controls.controls_left:before { /* dialog box arrow border */
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	top: 65px;
	right: 0;
	left: auto;
	border-right: 0;
	margin-right: -8px;
	border-left: 7px solid #ccc;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
}
.avatar-image_left .user_controls.controls_left #message_user.message_user_center {
    float: none;
    margin: 0 auto;
}
/** comment avatar */
.avatar-image .user_controls a {
	color: #e74c3c;
}
.avatar-image .user_controls .user_details {
	width: auto;
	clear: both;
	font-size: 12px;
	text-align: left;
	overflow: hidden;
}
.avatar-image .user_controls .user_details a:hover {
	color: #3498db;
}
.avatar-image .user_controls .user_details .last_login {
	color: #999;
}
.avatar-image .user_controls .user_links {
	clear: both;
	overflow: hidden;
	text-align: right;
	margin-top: 28px;
}
.avatar-image .user_controls .user_links a,
.avatar-image .user_controls .user_links button {
	width: 113px;
	height: 24px;
	display: block;
	line-height: 24px;
	text-align: center;
	border: 1px solid #e74c3c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.avatar-image .user_controls .user_links a.active {
	color: #fff;
	background-color: #e74c3c;
}
.avatar-image .user_controls .user_links a.active:hover {
	color: #fff;
	border: 1px solid #e74c3c;
}
.avatar-image .user_controls .user_links a:hover {
	color: #3498db;
	border: 1px solid #3498db;
}
.avatar-image .user_controls .user_links .left {
	float: left;
	margin-bottom: 13px;

}
.avatar-image .user_controls .user_links .right {
	float: right;
	margin-bottom: 13px;
}
.avatar-image .user_controls .user_links .center {
	float: none;
	clear: both;
	margin: 0 auto;
}
.avatar-image .user_controls .user_details .avatar {
	width: 48px;
	height: 48px;
	float: left;
	margin-right: 17px;
}
.avatar-image .user_controls .user_details .username {
	font-size: 18px;
	display: block;
	margin-bottom: 3px;
}
/** end: user controls */

/**
 * avatar message box
 */
.avatar-image .message_box {
	display: none;
	border: 1px solid #ccc;
	margin-top: 10px; /** temp */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	clear: both;
}
.avatar-image .message_box:before { /* dialog box arrow border */
	width: 0;
	height: 0;
	top: 0;
	left: 39px;
	content: "";
	position: absolute;
	margin-top: -10px;
	z-index: 9999;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ccc;
}
.avatar-image .message_box:after { /* dialog box arrow border */
	width: 0;
	height: 0;
	top: 0;
	left: 39px;
	content: "";
	position: absolute;
	margin-top: -9px;
	z-index: 9999;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
}
.avatar-image .message_box input,
.avatar-image .message_box textarea {
	border: none;
	width: 214px;
	font-size: 12px;
	margin: 7px;
	color: #999;
}
.avatar-image .message_box input {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
.avatar-image .message_box textarea {
	height: 45px;
	resize: none;
	outline: none;
	margin-top: 2px;
}
.avatar-image .message_box textarea::-webkit-input-placeholder { color: #f00; }
.avatar-image .message_box textarea:-moz-placeholder { color: #f00; }
.avatar-image .message_box textarea::-moz-placeholder { color: #f00; }
.avatar-image .message_box textarea::-ms-input-placeholder { color: #f00; }
.avatar-image .user_controls .user_links button {
	width: auto;
	color: #fff;
	float: right;
	display: none;
	outline: none;
	padding: 0 14px;
	margin: 10px 0 0 0;
	background-color: #e74c3c;
}
/** end: avatar message box */

/**
 * messages
 */
.avatar-image .user_controls .user_links .messages {
	clear: both;
	width: auto;
	text-align: center;
}
.avatar-image .user_controls .user_links .messages p {
	color: #e74c3c;
	font-size: 18px;
	padding: 10px 0 0 0;
}
/**Header bar**/
.top_header {
	color: #2e2e30;
	margin: 0 0 20px 0;
	padding: 16px 0 11px;
	background-color: #fff;
	font-family: "FuturaPT-Medium", Arial, sans-serif;
	border-bottom: 1px solid #efefef;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.header_container {
	box-sizing: border-box;
	width: 100%;
	min-width: 1070px;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 25px;
}
.hidden {
	display: none;
}
.top_header__container--level1 {
	height: 32px;
}
.top_header__container--level2 {
	height: 48px;
}
.top_header__user_activity {
	display: inline-block;
	min-width: 300px;
	height: 31px;
	position: relative;
}
.top_header--fixed {
	position: relative;
	width: 100%;
	top: 0;
	height: 26px;
	-webkit-transition: position 0.25s;
	-webkit-transition-delay: 0.15s;
	transition: position 0.25s;
	transition-delay: 0.15s;
	z-index: 99999;
	overflow: hidden;
}
.top_header--fixed .top_header__container--level1 {
	display: none;
}
.top_header--fixed .top_header__container--level2 {
	margin-top: -12px;
}
.top_header__user_activity--level2 {
	margin-top: 12px;
	height: 35px;
}
.top_header_signin_reg {
	display: none;
	position: relative;
	padding-top: 5px;
}
.top_header__links,
.top_header__links:hover,
.top_header__links:focus {
	display: inline-block;
	font-size: 14px;
	letter-spacing: -0.3px;
	line-height: 21px;
	color: #2e2e30;
}
.top_header__links:hover {
	color: #25c7d2;
	text-decoration: none;
	cursor: pointer;
}
.top_header__links--pipe:after {
	content: '|';
	color: #2e2e30;
}
.top_header--right {
	float: right;
}
.top_header__social_links {
	float: right;
	margin: 5px 0 0 0;
}
.top_header__social_icons {
	float: right;
	font-size: 16px;
	color: #b1b4b8;
}
.top_header__social_icons:hover {
	color: #dadada;
}
.top_header__social_icons.icon-nav_facebook-squared {
	margin-right: 9px;
}
.top_header__social_icons.icon-nav_pinterest {
	margin-right: 4px;
}
.top_header__social_icons.icon-nav_instagram {
	margin-right: 3px;
}
.top_header__social_icons.icon-nav_youtube {
	margin-right: 3px;
}
.top_header__social_icons.icon-nav_twitter {
	font-size: 13px;
	margin: -1px -5px 0 0;
}
.top_header .official_partner, .top_header .official_partner:hover {
	padding: 11px 72px 0 0;
	letter-spacing: 1px;
	color: #fff;
	font: normal 11px "Museo Sans 100", Arial, sans-serif;
	display: inline-block;
	margin: 0 10px 0 0;
	text-decoration: none;
}
.top_header__logo {
	position: relative;
	top: 16px;
	left: -2px;
	display: inline-block;
	margin-bottom: 10px;
	opacity: 1;
}
.top_header__logo img {
	width: 250px;
	border: none;
}
.top_header .header_divider {
	float: right;
	color: #888;
}
.top_header__nav {
	position: relative;
	bottom: -13px;
	width: auto;
	display: inline-block;
}
.top_header__nav__item {
	display: inline-block;
	font: 16px "FuturaPT-Medium", Arial, sans-serif;
	letter-spacing: -0.3px;
	line-height: 21px;
	text-align: left;
	padding: 3px 20px 0 0;
	cursor: pointer;
}
.top_header__nav__item:nth-of-type(4) {
	padding: 3px 18px 0 0;
}
.top_header__nav__item:last-of-type {
	padding: 3px 20px 28px 17px;
	margin-right: 4px;
}
.top_header__nav__item--dropdown:hover .top_header__links--nav {
	color: #25c7d2;
}
.top_header__nav__item--dropdown:hover .top_header__more_dropdown {
	display: block;
}
.top_header__links--nav {
	color: #2e2e30;
	text-decoration: none;
	-webkit-transition: color 0.10s;
	transition: color 0.10s;
	-webkit-transition-delay: 0.10s;
	transition-delay: 0.10s;
}
.top_header__links--nav:hover,
.top_header__links--nav:focus {
	color: #25c7d2;
	text-decoration: none;
}
.arrow-down-icon:after {
	font-family: Fontello;
	content: '\e875';
	padding-left: 8px;
	padding-bottom: -10px;
	font-size: 6px;
	position: relative;
	top: -2px;
}
.top_header__links--overlay {
	display: block;
	color: #2e2e30;
	font: 16px "FuturaPT-Medium", Arial, sans-serif;
	letter-spacing: -0.3px;
	line-height: 21px;
}
.top_header__links--overlay:hover,
.top_header__links--overlay:focus {
	color: #25c7d2;
	-webkit-transition: color 0.10s;
	-webkit-transition-delay: 0.20s;
	transition: color 0.10s;
	transition-delay: 0.20s;
	text-decoration: none;
}
.top_header__links--form_links,
.top_header__links--form_links:hover,
.top_header__links--form_links:focus {
	color: #25c7d2;
	text-decoration: none;
}
.top_header__links--button,
.top_header__links--button:hover,
.top_header__links--button:focus {
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 168px;
	margin: 0 auto;
	padding: 5px 10px;
	line-height: 1.5;
	border-radius: 20px;
	color: #25c7d2;
	text-align: center;
}
.top_header__links--button:hover {
	background-color: #25c7d2;
	color: #fff;
	text-decoration: none;
}
.top_header__search {
	position: relative;
	float: right;
	text-align: right;
	border: 0;
	display: block;
	color: #9a9a9a;
	font: normal 16px "HalisR-Regular", Arial, sans-serif;
	margin: 8px auto 0;
	top: 2px;
}
.top_header__search .search_input {
	background: #fff;
	border: none;
	border-bottom: 1px solid #b1b4b8;
	border-radius: 0;
	color: #596166;
	text-align: left;
	padding: 6px 6px;
	height: 14px;
	font: normal 16px "SourceSansProRegular", Arial, sans-serif;
	width: 180px;
	margin-left: 1px;
	float: right;
}
.top_header .icon-nav-search {
	position: absolute;
	right: 4px;
	top: 3px;
	color: #b1b4b8;
	border: 0 none;
	background: #fff;
	overflow: visible;
	padding: 0;
}
.top_header .icon-nav-search:before {
	content: '\e876';
	font-size: 16px;
}

.top_header__primary_nav__items > .icon-nav-profile:before {
	font-size: 16px;
	margin-right: 20px;
}
.top_header__primary_nav__items > .icon-nav-track:before {
	font-size: 20px;
	margin-right: 18px;
}
.top_header__primary_nav__items > .icon-nav-track {
	position: relative;
	left: -3px;
}
.top_header__primary_nav__items > .icon-nav-exercise:before {
	font-size: 12px;
	margin-right: 26px;
}
.top_header__primary_nav__items > .icon-nav-exercise {
	position: relative;
	left: -1px;
}
.top_header__primary_nav__items > .icon-nav-progress:before {
	font-size: 12px;
	margin-right: 26px;
}
.top_header__primary_nav__items > .icon-nav-progress {
	position: relative;
	left: -1px;
}
.top_header__primary_nav__items > .icon-nav-community:before {
	font-size: 16px;
	margin-right: 20px;
}
.top_header__primary_nav__items > .icon-nav-inbox:before {
	font-size: 16px;
	margin-right: 22px;
}
.top_header__primary_nav__items > .icon-nav-inbox {
	position: relative;
	left: -2px;
}
.top_header__primary_nav__items > .icon-nav-settings:before {
	font-size: 20px;
	margin-right: 18px;
}
.top_header__primary_nav__items > .icon-nav-settings {
	position: relative;
	left: -3px;
}
.top_header__links--upgrade {
	display: none;
}
.top_header--signup,
.top_header--signin {
	display: inline-block;
	position: relative;
	padding-bottom: 14px;
}
.top_header--signin {
	padding-right: 20px;
}
.top_header__loggedin:hover .top_header__popup--loggedin {
	display: block;
	left: -13px;
}
.top_header__popup--signup:after {
	left: 10%;
}
.top_header__popup--signin:after {
	left: 25%;
}
.top_header__popup--loggedin,
.top_header__popup--signup,
.top_header__popup--signin,
.top_header__more_dropdown {
	display: none;
	position: absolute;
	width: 230px;
	background-color: #fff;
	color: #2e2e30;
	z-index: 999999;
	box-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.5);
	padding: 10px;
	margin-left: 60px;
}
.top_header__more_dropdown {
	position: fixed;
	display: none;
	-webkit-transition: display 0.90s;
	-webkit-transition-delay: 0.90s;
	transition: display 0.90s;
	transition-delay: 0.90s;
	background-color: #fff;
}
.top_header__more_dropdown--nav {
	color: #2e2e30;
	background: rgba(0, 0, 0, 0);
	text-align: left;
	display: block;
	padding: 10px;
}
.top_header__more_dropdown--nav:hover {
	color: #25c7d2;
	-webkit-transition: color 0.10s;
	-webkit-transition-delay: 0.10s;
	transition: color 0.10s;
	transition-delay: 0.10s;
	text-decoration: none;
}
.top_header__popup--signin {
	position: absolute;
	left: -60px;
	top: 30px;
	width: 326px
}
.top_header__popup--signup {
	width: 300px;
}
.top_header__loggedin {
	display: none;
	float: left;
	min-height: 30px;
	position: relative;
}
#avatar_image {
	display: inline-block;
	height: 25px;
	width: 25px;
	background-size: 25px 25px;
	border-radius: 13px;
	margin-right: 13px;
}
.avatar_username {
	display: inline-block;
	font-weight: bolder;
	text-transform: capitalize;
	margin-top: 10px;
}
.avatar_image {
	display: inline-block;
}
.avatar_welcome {
	position: relative;
	top: -8px;
}

.top_header__primary_nav__items {
	padding: 10px 5px;
}
.top_header__form {
	padding: 20px;
}
.top_header__form__label {
	font-size: 16px;
	letter-spacing: -0.3px;
	line-height: 21px;
	display: block;
	padding: 0;
}
.top_header__form__input {
	display: block;
	margin: 15px auto;
	padding: 10px 10px 7px 10px;
	width: 260px;
	font-size: 13px;
	box-sizing: content-box;
	border: 1px solid #dadada;
	border-radius: 2px;
}
.top_header__form--hiddenfields {
	display: none;
}
.top_header__signin_form__fieldset {
	display: inline-block;
}
.top_header__error_field {
	font: 12px "SourceSansProRegular", Arial, sans-serif;
	display: none;
	color: #f00;
	line-height: 15px;
}
.top_header__signin_form__textlabel {
	display: inline-block;
	padding: 0;
	font-size: 14px;
	letter-spacing: -0.3px;
	position: relative;
	top: 1px;
}
.top_header__signin_form__remind .top_header__links--form_links {
	font-size: 14px;
	letter-spacing: -0.3px;
	color: #2e2e30;
	position: relative;
	top: 6px;
}
.top_header__signin_form__remind .top_header__links--form_links:link {
	text-decoration: underline #25c7d2;
}
.top_header__signin_form__remind {
	float: right;
}
.top_header__form__submit,
.top_header__form__submit:hover,
.top_header__form__submit:focus {
	font: 18px 'FuturaPT-Demi', Arial, sans-serif;
	width: 100%;
	padding: 10px;
	margin: 15px 0 0;
	outline: 0;
}
.top_header__form__select {
	position: relative;
	box-sizing: content-box;
	border: 1px solid #dadada;
	border-radius: 2px;
	width: 248px;
	height: 18px;
	margin: 15px auto;
	padding: 5px;
	overflow: hidden;
	border-radius: 2px;
	line-height: 0;
	cursor: pointer;
	color: #888;
}
.top_header__form__select.icon-down-open-big:before {
	position: absolute;
	color: #8c8c8c;
	pointer-events: none;
	font-size: 26px;
	margin: 6px 0 0 230px;
	font-size: 15px;
	margin: 3px 0 0 218px;
}
.top_header__form--native_select {
	width: 275px;
	border: 0;
	margin-left: -8px;
	color: #bbb;
	font-family: "HalisR-Regular", Arial, sans-serif;
	background-color: #fff;
}
.top_header__primary_nav__items--upgrade {
	display: none;
}
.top_header__links--overlay.upgrade_gold,
.top_header__links--overlay.upgrade_gold:hover,
.top_header__links--overlay.upgrade_gold:focus {
	margin: 0 5px 15px;
	float: left;
	color: #2e2e30;
	cursor: pointer;
	padding-bottom: 10px;
	border-bottom: 1px solid #efefef;
	position: relative;
	top: -5px;
}
.top_header__links--overlay.upgrade_gold {
	line-height: 1.5;
}
.top_header__links--overlay.upgrade_gold:hover {
	line-height: 1.5;
}
.top_header__links--overlay .icon-gold-badge {
	display: block;
	height: 28px;
	width: 24px;
	float: left;
	margin-right: 18px;
	position: relative;
	left: -6px;
	top: 5px;
}
.top_header__links--upgrade .icon-gold-badge {
	display: block;
	height: 21px;
	width: 18px;
	float: left;
	position: relative;
	top: 3px;
	margin-left:10px;
}
.upgrade_gold__title {
	display: inline;
	box-sizing: border-box;
	width: 160px;
	font-size: 14px;
	letter-spacing: -0.3px;
	line-height: 21px;
	position: relative;
	right: 7px;
	float: left;
}
.upgrade_gold__title:hover,
.upgrade_gold__carrot:hover {
	color: #25c7d2;
}
.upgrade_gold__carrot {
	float: right;
	font-size: 18px;
	position: absolute;
	right: -25px;
	top: 5px;
}
.top_header__form__input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	font-family: 'HalisR-Regular', Arial, sans-serif;
	color: #2e2e30;
}
.top_header__form__input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-family: 'HalisR-Regular', Arial, sans-serif;
	opacity: 1;
	color: #2e2e30;
}
.top_header__form__input::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-family: 'HalisR-Regular', Arial, sans-serif;
	opacity: 1;
	color: #2e2e30;
}
.top_header__form__input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-family: 'HalisR-Regular', Arial, sans-serif;
	color: #2e2e30;
}
.top_header__form__input:placeholder-shown {
	font: 16px 'FuturaPT-Demi', Arial, sans-serif;
	color: #2e2e30;
}

/** Radio Button Styled  **/
.styled-radio-teal {
	border: 0;
	margin: 0;
	padding: 0;
}
.styled-radio-teal .label {
	display: inline-block;
	margin-right: 10px;
	font-size: 18px;
	line-height: 25px;
}
.styled-radio-teal .col50 {
	display: inline-block;
	width: 32%;
}
.styled-radio-teal .col50--big {
	width: 40%;
}
.styled-radio-teal .styled-radio-teal--radio {
	display: none;
}
.styled-radio-teal .gender__label {
	display: inline-block;
	font: normal 14px/35px "SourceSansProRegular", Arial, sans-serif;
	text-align: center;
	width: 100%;
	position: relative;
}
.styled-radio-teal .check,
.styled-radio-teal input[type="radio"]:checked + .gender__label .check {
	background: #fff;
	border: 1px solid #e2e2e2;
	margin: 8px -10px 0 0;
	width:18px;
	height: 18px;
	box-sizing: content-box;
	cursor: pointer;
	border-radius: 50%;
	float: left;
}
.styled-radio-teal input[type="radio"]:checked + .gender__label .check::before {
	display: block;
	content: '';
	border-radius: 100%;
	background-color: #27afbb;
	height: 10px;
	width: 10px;
	margin: 4px 4px;
}
.avatar_welcome {
	font-size: 14px;
	letter-spacing: -0.3px;
	line-height: 21px;
}
.avatar_username {
	font-size: 14px;
	letter-spacing: -0.3px;
	line-height: 21px;
}

/* Fixes for various sections */
#main_navigation .top_header__container--level1, #main_navigation .top_header__container--level2 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
	.top_header {
		zoom: 100%;
	}
	.top_header .header_divider {
		zoom: 100%;
	}
}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	body {
		width: 1010px;
	}
}
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	body {
		width: 1024px;
	}
}
@media only screen
and (device-width: 768px) {
	body {
		width: 1010px;
	}
}
/** footer Nav **/
.footer {
	color: #000;
	text-align: left;
	margin-top: 14px;
	line-height: 1.5;
	background-color: #fff;
	letter-spacing: 0;
}
.footer .container {
	max-width: 1200px;
	margin: 0 auto;
	width: auto;
	padding: 0 15px 50px;
	box-sizing: border-box;
}
.footer__nav {
	position: relative;
	left: 13%;
	color: #000;
	margin: 50px 0 0;
	display: inline-block;
}
.footer a {
	color: #000;
}
.footer nav ul {
	background: transparent;
	list-style: none;
	position: relative;
}
.footer__nav__title {
	height: 18px;
	font: 500 12px/12px "FuturaPT-Demi", Arial, sans-serif;
	letter-spacing: 1px;
	color: #000;
}
.footer__nav__item {
	font: 300 18px/24px "FuturaPT-Medium", Arial, sans-serif;
	color: #000;
}
.footer__nav__item:hover,
.footer__nav__item:active {
	color: #25c7d2;
	text-decoration: none;
}
/** footer Nav **/

/**footer Newsletter**/
.footer_newsletter_container {
	width:260px;
	margin: 50px 0 10px;
	float: left;
}
.footer_newsletter_container .newsletter_signup {
	font: 500 22px/25px "FuturaPT-Medium", Arial, sans-serif;
	letter-spacing: -0.2px;
	margin-bottom: 10px;
}
.footer_newsletter_container .newsletter__email_field {
	margin-top: 20px;
}
.footer_newsletter_container .newsletter_footer {
	height: 105px;
	overflow: hidden;
}
.footer_newsletter_container .message {
	display: none;
	margin-top: 30px;
	font: normal 16px/25px "SourceSansProRegular", Arial, sans-serif;
	color: #25c7d2;
}
.footer_newsletter_container .error_message {
	margin: 0;
	color: #f00;
	font-size: 14px;
}
.footer_newsletter_container .newsletter_email {
	font: 300 16px/21px "FuturaPT-Medium", Arial, sans-serif;
	width: 175px;
	height: 35px;
	border: 0;
	border-bottom: 1px solid #e2e2e2;
	padding: 2px 0;
	box-sizing: border-box;
}
.footer_newsletter_container .error_input {
	border: 1px solid #f00;
}
.footer_newsletter_container .submit {
	font: 500 16px/16px "FuturaPT-Medium", Arial, sans-serif;
	height: 35px;
	box-sizing: border-box;
	margin-left: 5px;
	margin-right: 0;
	padding: 8px 12px 9px;
	background-color: #25c7d2;
	color: #fff;
	cursor: pointer;
	border-radius: 2px;
	border: 0;
}
.footer_newsletter_container .submit:hover {
	background-color: #34d5e0;
}
.footer a.foundation {
	float: right;
	width: 235px;
	margin: 50px 0 40px;
	text-align: right;
	font: 500 14px/19px "FuturaPT-Medium", Arial, sans-serif;
	letter-spacing: 0.5px;
	color: #cacaca;
}
.footer a.foundation:hover {
	color: #25c7d2;
	cursor: pointer;
	text-decoration: none;
}
.fine_print {
	clear: both;
	font: 300 11px/15px "FuturaPT-Medium", Arial, sans-serif;
	color: #838383;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 5px;
	width: auto;
}

.hidden {
	display: none;
}
/* Footer Brick Start */
#footer #footer_links {
	margin: 0 auto;
	text-align: center;
}
#footer_links .brick_seal {
	float: right;
	margin-top: -80px;
	width: 100px;
	position: relative;
	display: inline-block;
	font-size: 45px;
}
#footer_links .brick_seal .icon-leaf_logo {
	text-decoration: none;
	color: #0a0a08;
	opacity: 0.2;
}
.footer .fine_print_link {
	color: #25c7d2;
}
.footer .fine_print_link:hover {
	text-decoration: none;
}
/* Footer Brick End */

/** Radio Button Styled  **/
.styled-radio-teal {
	border: 0;
	margin: 10px 0 0;
	padding: 0;
}
.styled-radio-teal .label {
	display: inline-block;
	margin-right: 10px;
	font-size: 18px;
	line-height: 25px;
}
.styled-radio-teal .col50 {
	display: inline-block;
	width: 32%;
}
.styled-radio-teal .col50--big {
	width: 40%;
}
.styled-radio-teal .styled-radio-teal--radio {
	display: none;
}
.styled-radio-teal .gender__label {
	display: inline-block;
	font: 300 16px/24px "FuturaPT-Medium", Arial, sans-serif;
	text-align: center;
	width: 100%;
	position: relative;
}
.styled-radio-teal .check,
.styled-radio-teal input[type="radio"]:checked + .gender__label .check {
	background: #fff;
	border: 1px solid #e2e2e2;
	display: inline-block;
	margin: 2px -10px 0 0;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 50%;
	float: left;
}
.styled-radio-teal input[type="radio"]:checked + .gender__label .check::before {
	display: block;
	content: '';
	border-radius: 100%;
	background-color: #25c7d2;
	height: 10px;
	width: 10px;
	margin: 3px 3px;
}

@media (max-width: 767px) {
	.footer_newsletter_container {
		width: 100%;
		float: none;
		padding: 50px 0 40px;
		margin: 0;
	}
	.newsletter_footer .styled-radio-teal {
		width: 260px;
	}
	.newsletter_footer .newsletter_email {
		width: calc(100% - 85px);
		border-radius: 0;
		-webkit-appearance:none;
	}
	.footer_newsletter_container .submit {
		margin-left: 5px;
		float: right;
	}
	.footer__nav {
		margin: 0 0 25px;
		left: 0;
		transform: none;
	}
	.footer a.foundation {
		margin: 0;
		width: 180px;
		color: #cacaca;
	}
	.footer a.foundation:active,
	.footer a.foundation:hover {
		color: #25c7d2;
	}
	#footer_links .brick_seal {
		margin-top: -120px;
	}
	.fine_print {
		border-top: 1px solid #e2e2e2;
		padding-top: 20px;
	}
	.styled-radio-teal .gender__label {
		font-size: 14px;
	}
	.footer__nav__item {
		font-size: 14px;
	}
}
#lsapp_widget_notifications {
	width: 326px;
	right: 0;
	position: absolute;
	overflow: hidden;
	background-color: #000;
}
#lsapp_widget_notifications .notification_popup_container {
	width: 326px;
	margin: 0;
	position: fixed;
	bottom: 5px;
	background: transparent;
	display: block;
	z-index: 1000000;
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble {
	padding: 20px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	background-color: #fff;
	border-radius: 3px;
	border: 3px solid #2ecc71;
	transition: all 250ms linear;
}
/** Notification prefix/suffixes *
#lsapp_widget_notifications .notification_popup_container .friend .notification_suffix:after{
	content:" posted";
}
#lsapp_widget_notifications .notification_popup_container .friend .notification_prefix:after{
	content:"Your friend ";
}
#lsapp_widget_notifications .notification_popup_container .responded .notification_suffix:after{
	content:" also replied to";
}
#lsapp_widget_notifications .notification_popup_container .keyword_watcher .notification_suffix:after{
	content:" posted on a keyword of interest";
}
End Notification prefix/suffixes **/
#lsapp_widget_notifications .notification_popup_container .notification_suffix:after{
	content:" replied to thread ";
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble:hover {
	background-color: #f0f0f0;
}
/* radial progress bar animations */
@-webkit-keyframes right-spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(180deg);
	}
}
@-webkit-keyframes left-spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-webkit-keyframes close-wrapper {
	to {
		clip: rect(auto, auto, auto, auto);
	}
}
/* End radial animations */
#lsapp_widget_notifications .notification_popup_container .notification_bubble .close_notification {
	width: 22px;
	height: 22px;
	position:absolute;
	top: 5px; right: 5px;
	clip: rect(0px, 22px, 22px, 11px);
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble .close_radius {
	font-size: 18px;
	line-height:18px;
	color: #ccc;
	width:18px;
	height: 18px;
	text-align:center;
	top:5px;
	right:5px;
	border: 2px solid #ccc;
	border-radius:50%;
	position:absolute;
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble .close_notification,
#lsapp_widget_notifications .notification_popup_container .notification_bubble .circle {
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function:linear;
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble.start .close_notification .circle {
	width:18px;
	height:18px;
	z-index:100;
	border:2px solid #999;
	border-radius:50%;
	position:absolute;
	clip: rect(0px, 11px, 22px, 0px);
}
.myplate_footer #lsapp_widget_notifications .notification_popup_container .notification_bubble .close_radius,
.myplate_footer #lsapp_widget_notifications .notification_popup_container .notification_bubble.start .close_notification .circle,
#settings_new #lsapp_widget_notifications .notification_popup_container .notification_bubble .close_radius,
#settings_new #lsapp_widget_notifications .notification_popup_container .notification_bubble.start .close_notification .circle{
	width: 18px;
	height: 18px;
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble.start .close_notification .circle.left {
	-webkit-animation-duration: 5s;
	-webkit-animation-name: left-spin;
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble.start .close_notification .circle.right {
	-webkit-animation-duration: 2.5s;
	-webkit-animation-name: right-spin;
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble.start .close_notification {
	-webkit-animation-duration: 0.01s;
	-webkit-animation-delay: 2.5s;
	-webkit-animation-name: close-wrapper;
}

#lsapp_widget_notifications .notification_popup_container .notification_bubble p {
	color: #616161;
	font: normal 13px MuseoSans300;
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble a {
	color: #3498db;
	font-family: MuseoSans300;
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble .avatar {
	float: left;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	margin-right: 15px;
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble .notification {
	margin-left: 2px;
	line-height: 1.4;
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble .notification .context {
	font-family: MuseoSans700;
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble .notification .context:after {
	content:": ";
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble .notification .message:before,
#lsapp_widget_notifications .notification_popup_container .notification_bubble .notification .message:after {
	content:"\"";
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble .notifications_settings {

	color: #3498db;
	font-size: 11px;
	position: absolute;
	bottom: 3px; right: 5px;
}
#lsapp_widget_notifications .notification_popup_container .notification_bubble .notifications_settings:hover {
	text-decoration: none;
}

#lsapp_widget_notifications .notification_bubble .notifications_settings:hover {
	text-decoration: none;
}
#lsapp_widget_notifications .notification_bubble .notifications_settings:before {
	content:"Turn Off ";
}
#lsapp_widget_notifications .notification_bubble .notifications_settings.updated {
	color:#2ecc71;
}
#lsapp_widget_notifications .notification_bubble .notifications_settings.updated:before {
	content:"";
}
#lsapp_widget_notifications .notification_bubble .notifications_settings.updated:after {

	content:" Preference Saved";
}

/**
 * event notifications
 */
#event_history_wrapper {
	top: 35px;
	right: -153px;
	z-index: 999999;
	display: none;
	width: 326px;
	border: 3px solid #25c7d2;
	border-radius: 3px;
	position: absolute;
	background-color: #fff;

}
#event_history_wrapper.open {
	display:block;
}
#event_history_wrapper:after { /* dialog box arrow */
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	margin-top: -10px;
	top: 0; right: 147px;
	border-left: 11px solid transparent;
	border-bottom: 11px solid #fff;
	border-right: 11px solid transparent;
}
#event_history_wrapper:before { /* dialog box arrow border */
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	margin-top: -14px;
	top: 0; right: 147px;
	border-left: 11px solid transparent;
	border-bottom: 11px solid #25c7d2;
	border-right: 11px solid transparent;
}
#event_history_wrapper header {
	padding:15px 0;
	width:100%;
	display:inline-block;
}
#event_history_wrapper h2 {
	float: left;
	color:  #25c7d2;
	margin-left:15px;
	font: normal 24px "MuseoSans300";
}
#event_history_wrapper header .notification_settings {
	float: right;
	position:relative;
	display: inline-block;
	font:24px "fontello";
	padding:0;
	margin:0 15px 0 0;
}
#event_history_wrapper header .notification_settings:before {
	color: #25c7d2;
	display:inline-block;
	transition:all 50ms linear;
	content: '\e81c';
}
#event_history_wrapper header .notification_settings.opened:before {
	transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	color: #25c7d2;
}
#event_history_wrapper .notification_settings #notification_settings_menu {
	width: 144px;
	height: auto;
	display: none;
	z-index: 9999;
	position: absolute;
	top:0;right:35px;
	background-color: #fff;
	border: 1px solid #2ecc71;
	border-radius: 2px;
}
#event_history_wrapper .notification_settings.opened #notification_settings_menu {
	display:block;
}
#event_history_wrapper #notification_settings_menu:after { /* dialog box arrow */
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	right: 0; top: 7px;
	margin-right: -6px;
	border-top: 7px solid transparent;
	border-left: 7px solid #fff;
	border-bottom: 7px solid transparent;
}
#event_history_wrapper #notification_settings_menu:before { /* dialog box arrow border */
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	right: 0; top: 7px;
	margin-right: -7px;
	border-top: 7px solid transparent;
	border-left: 7px solid #2ecc71;
	border-bottom: 7px solid transparent;
}
#event_history_wrapper #notification_settings_menu li a {
	color: #000;
	clear: both;
	float: none;
	height: 25px;
	padding: 0 7px;
	display: block;
	text-align: left;
	font: normal 11px/25px "MuseoSans300";
}
#event_history_wrapper #notification_settings_menu li .toggle_notifications:before {
	content: "Enable ";
}
#event_history_wrapper #notification_settings_menu li .toggle_notifications.updated:before {
	content: "Disable ";
}
#event_history_wrapper #notification_settings_menu li:hover,
#event_history_wrapper #notification_settings_menu li a:hover {
	background-color: transparent;
}
#event_notifier {
	display: none;
	position: relative;
	margin-left: 10px;
	text-align: center;
	cursor: pointer;
	top: 4px; /* file exists on both stacks, and this particular fix below is for app stack only */
}
#event_notifier:before {
	display: block;
	color: #2d2d2f;
	content: '\e86c';
	font-size: 18px;
	font-family: 'fontello';
}
#event_notifier .count {
	position: absolute;
	top: 15px;
	right: -4px;
	height: 5px;
	width: 5px;
	display: none;
	background-color: #25c7d2;
	overflow: hidden;
	border-radius: 50%;
	border: 2px solid #fff;
	color: #25c7d2;
	font: normal 11px/17px "MuseoSans300";
}
#event_notifier .event_history {
	width: 100%;
	text-align: left;
	display: block;
	position: static;
	margin: 0; padding: 0;
	background: transparent;
	max-height:400px;
	overflow-x:hidden;
}
#event_notifier .event_history li {
	width: 100%;
	height: 100px;
	color: #000;
	display: block;
	box-sizing:border-box;
	overflow: hidden;
	line-height: 1.4;
	padding: 15px;
	background: transparent;
	transition: all 250ms linear;
}
#event_notifier .event_history .recent_notifications {
	height: auto;
	transition: none;
}
#event_notifier .event_history .recent_notifications:hover {
	background-color: transparent;
}
#event_notifier .event_history .no_notifications {
	display:none;
	font: normal 12px "MuseoSans300";
	text-align: center;
}
#event_notifier .event_history .no_notifications:first-child {
	display:block;
}
#event_notifier .event_history li:hover {
	background-color: #f0f0f0;
}
#event_notifier .event_history li a,
#event_notifier .event_history li a:hover {
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	background-color: transparent;
}
/**
 * event notification list item
 */
#event_notifier .event_history li .notification_meta {
	width: 50px;
	margin: 0 15px 0 0;
	float: left;
}
#event_notifier .event_history li .notification_meta .avatar {
	width: 50px;
	height: 50px;
	left: 0;
	border-radius: 50%;
}
#event_notifier .event_history li .notification_meta .timestamp {
	color: #ccc;
	width: auto;
	display: block;
	text-align: center;
	padding-top: 10px;
	font: normal 13px "MuseoSans300";
}
#event_notifier .event_history li .user_notification {
	float: left;
	width: 205px;
	letter-spacing: normal;
}
#event_notifier .event_history li .user_notification > .username,
#event_notifier .event_history li .user_notification > .username:hover {
	color: #3498db;
	display: inline;
	margin: 0; padding: 0;
	background: transparent;
	font: normal 13px "MuseoSans300";
}
#event_notifier .event_history li .user_notification .notification {
	color: #333;
	display: inline;
	margin-left: 5px;
	text-decoration: none;
	font: normal 13px "MuseoSans300";
}
#event_notifier .event_history li .user_notification .notification .context:before {
	content:"replied to ";
	font-family:"MuseoSans300";
}
#event_notifier .event_history li .user_notification .notification .context {
	font-family:"MuseoSans700";
}
#event_notifier .event_history li .user_notification .notification .message:before {
	content:"\"";
}
#event_notifier .event_history li .user_notification .notification .message:after {
	content:"\"";
}

/**
 * styles for non-community/non-myplate pages
 */
#main #lsapp_widget_notifications .notification_popup_container .notification_bubble .close_notification {
	width: 26px;
	height: 26px;
	position:absolute;
	top: 5px; right: 5px;
	clip: rect(0px, 26px, 26px, 14px);
}
#main #lsapp_widget_notifications .notification_popup_container .notification_bubble.start .close_notification .circle {
	width:22px;
	height:22px;
	z-index:100;
	border:2px solid #999;
	border-radius:50%;
	position:absolute;
	clip: rect(0px, 14px, 26px, 0px);
}