/* CSS Document
html, body{
	padding: 0px;
	margin: 0px;
}

.clear {
	clear: both;
}

img {
	display: block;
}

div {
	position: relative;
	vertical-align: top;
}

p {
	margin: 0px;
	padding: 0px;
}

sup {
	font-size: 0.6em;
}

.red {
	color: #FE0000;
} */

.clickable {
	cursor: pointer;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
display: none;
}
/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {
	font-size: 87.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	min-height: 100%;
}
html, button, input, select, textarea {
	/*font-family: sans-serif;*/
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, "SimSun", "宋体";
	color: #5e5e5e;
}
body {
	margin: 0;
	font-size: 1em;
	line-height: 1.6;
	height: 100%;
	color:#626262;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)


::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
*/

/* =============================================================================
   Links
   ========================================================================== */

a {
	color: #da4a1f;
}
a:visited {
	color: #551a8b;
}
a:hover {
	color: #06e;
}
a:focus {
	outline: thin dotted;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
	outline: 0;
}
a.btn span {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -10px;
}
/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: none;
}
q:before, q:after {
	content: "";
	content: none;
}
small {
	font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	font-style:normal;
	font-weight:normal;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* =============================================================================
   Lists
   ========================================================================== */

ul, ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
dd {
	margin: 0 0 0 40px;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) {
	overflow: hidden;
}
/* =============================================================================
   Figures
   ========================================================================== */

figure {
	margin: 0;
}
/* =============================================================================
   Forms
   ========================================================================== */

form {
	margin: 0;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
	cursor: pointer;
}
/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend {
	border: 0;
*margin-left: -7px;
	padding: 0;
	white-space: normal;
}
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align: middle;
}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input {
	line-height: normal;
}
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
*overflow: visible;
}
/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] {
	cursor: default;
}
/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
*width: 13px;
*height: 13px;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

/* Colors for form validity */
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
/* =============================================================================
   Tables
   ========================================================================== */

table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align: top;
}
/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: black;
	padding: 0.2em 0;
}
/* =============================================================================
   Bulletproof @font-face rules

   .eot for IE
   .woff for modern browsers
   .ttf for Safari, Android, iOS
   .svg for legacy iOS

   More detailed information here: http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax
   ========================================================================== */




/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

body {
	/*background:#fffbf5 url('../images/ui/bg-pattern.gif') top left repeat;*/
  background-color:#fff;
}
/******
GRID
/*****************/

.container {
	display:block;
	position:relative;
	width:972px;
	margin:0 auto;
}
.row {
	margin-left: -6px;
	display:block;
 *zoom: 1;
}
.row.full {
	margin-left: 0;
	display:block;
 *zoom: 1;
}
.row:before, .row:after {
	display: table;
	content: "";
}
.row:after {
	clear: both;
}
.more-links.inline:before, .more-links.inline:after {
	display: table;
	content: "";
}
.more-links.inline:after {
	clear: both;
}
[class*="span"] {
 float: left;
 margin-left: 6px;
}
.span18 {
	width: 966px;
}
.span17 {
	width: 912px;
}
.span16 {
	width: 858px;
}
.span15 {
	width: 804px;
}
.span14 {
	width: 750px;
}
.span13 {
	width: 696px;
}
.span12 {
	width: 642px;
}
.span11 {
	width: 588px;
}
.span10 {
	width: 534px;
}
.span9 {
	width: 480px;
}
.span8 {
	width: 426px;
}
.span7 {
	width: 372px;
}
.span6 {
	width: 318px;
}
.span5 {
	width: 264px;
}
.span4 {
	width: 210px;
}
.span3 {
	width: 156px;
}
.span2 {
	width: 102px;
}
.span1 {
	width: 48px;
}
/**************************************************************/
/**************************************************************/
/* MAIN STYLES */
/**************************************************************/
p.btn-wrap {
	display:inline-block;
	min-width:160px;
	padding:2px;
	background: url('../images/ui/btn-bg.jpg') repeat-x left 50%;
	box-shadow: inset 0 -1px 5px rgba(0,0,0,0.6);
	text-align:center;
}
/* bill changes, button rollovers */
p.btn-wrap.active {
	background: url('../images/ui/nav-bg-active.jpg') repeat-x left 50%;
	box-shadow: inset 0 -1px 5px rgba(0,0,0,0.6);
	text-align:center;
}
#article-body p.btn-wrap.active a.btn,
p.btn-wrap.active a.btn {
	border: 1px solid #a53100;
}
#article-body p.btn-wrap.active a.btn-left,
p.btn-wrap.active a.btn-left {
	border: 1px solid #a53100;
}
/* end bill changes button rollovers */

a.btn {
	display:block;
	padding:3px 40px 3px 10px;
	background:transparent url('../images/ui/btn-arrow.png') 95% center no-repeat;
	color:#fff;
	text-decoration:none;
	font-size:100%;
	border:1px solid #ce770d;
}
#article-body a.btn-left, a.btn-left {
	display:block;
	padding:3px 20px 3px 35px;
	background:transparent url('../images/ui/btn-arrow-left.png') 5% center no-repeat;
	color:#fff !important;
	text-decoration:none !important;
	font-size:100%;
	border:1px solid #ce770d;
}
.show-1 {
	display: none !important;
}
.show-480 {
	display: none;
}
/**************************************************************/
/**************************************************************/
/* HEADER */
/**************************************************************/
header {
	background:#fff url('../images/ui/header-shadow.jpg') no-repeat center top;
	display: block;
	max-width: 966px;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	min-height: 100px;
	text-align: right;
	padding: 0 18px 10px;
}
header .divider {
	background: url('../images/ui/header-divider.png') no-repeat bottom left;
	display: inline-block;
	width: 16px;
	height: 90px;
	vertical-align: top;
	margin: 0px 3px 0px 10px;
}
header .counter {
	float: left;
	display: block;
	height: 30px;
	min-width: 400px;
	max-width: 50%;
	padding: 20px 0px 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #598c9f;
	text-align: left;
	font-weight:bold;
}
header .counter .date {
	display: inline-block;
	padding-right: 15px;
	vertical-align: middle;
}
header .counter .visitors {
	display: inline-block;
	vertical-align: middle;
}
header .counter .label {
	font-size: 1em;
	padding-right: 0px;
}
header .label {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #553f43;
	padding-top: 4px;
	/*margin-right: 8px;*/
}
header .selection {
	background: url('../images/ui/header-box-bg-left.jpg') no-repeat top left;
	display: inline-block;
	width: auto;
	height: 35px;
	padding: 0px 7px;
	top: -5px;
	background-size: cover;
}
header .selection img {
	display: inline-block;
}
header .selection span {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 5;
	cursor: pointer;
	margin: 0px 2px;
	line-height: 30px;
}
header .selection .end {
	background: url('../images/ui/header-box-bg-right.jpg') no-repeat top left;
	display: block;
	width: 10px;
	height: 35px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 0;
}
header .logo {
	display: block;
	padding-top: 50px;
	text-align: left;
	/* hack to force pre-loading of survey image and prevent bug not loading button) */
	background: url('../images/ui/btn-bg.jpg') no-repeat -9999px -9999px;
}
header .size {
	display: inline-block;
	padding-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #553f43;
}
header .size .s {
	font-size: 14px;
}
header .size .m {
	font-size: 18px;
}
header .size .l {
	font-size: 22px;
}
header .size .active {
	color: #8f4300;
	text-decoration: underline;
}
header .size span:hover {
	color: #8f4300;
}
header .language {
	display: inline-block;
	padding-top: 15px;
	padding-right: 15px;
}
header .language .lang img {
	/*position: relative;
	top: 5px;*/
	border: 1px solid #f9f9f7;
}
header .language .active img, #header .language .lang img:hover {
	border: 1px solid #aac0bc;
}
header .partners {
	display: block;
	float: right;
	padding-top: 30px;
}
header .partners .partner {
	float: left;
	display: block;
	margin-right: 10px;
}

/**************************************************************/
/**************************************************************/
/* MAIN NAV */
/**************************************************************/
.scroller nav {
	background:#a45400 url('../images/ui/nav-bg.jpg') repeat-x left top;
	display: block;
	width: 100%;
	font-size: 14px;
	color: #fffaf3;
	line-height: 18px;
	margin-bottom: 15px;
	z-index: 100;
}


.scroller #main-nav {
	width: 100%;
	max-width:966px;
	margin:0 auto;
	display: block;
	background: url('../images/ui/nav-divider.png') repeat-y top right;
	height: 50px;
}
.scroller nav ul {
	position:absolute;
	z-index: 200;
	display:block;
	min-height:37px;
	margin:0 auto;
	padding:0;
}
.scroller nav.navFixed {
	position: fixed;
	top: 0;
	box-shadow: 0 -5px 35px #000;
}
.scroller nav .mobile-nav,
.scroller nav .partners {
	display: none;
}
.scroller nav li {
	display:block;
	float:left;
	padding:0 0 0 2px;
	background: url('../images/ui/nav-divider.png') repeat-y top left;
	height: auto;
}
.scroller #main-nav li ul {
	position: relative;
	z-index: 200;
	box-shadow: 3px 3px 8px rgba(20,20,20,0.5);
	border-bottom: 2px solid #935101;
	display: none;
}

.scroller #main-nav li ul li {
	float: none;
	padding: 0;
	background-color: #b56400;
	background-image: none;
	border-bottom: 1px solid #853b00;
	border-top: 1px solid #ce822a;
}
.scroller #main-nav li ul li:last-child {border-bottom: none;}
.scroller #main-nav li ul li:hover {border-top-color: rgba(129,30,0,0.7)}
.scroller #main-nav li ul li a {
	background: none !important;
	min-height: 20px;
	line-height: 20px;
	padding: 10px 20px;
}
.scroller #main-nav li ul .active a {
	border-left: 12px solid #812500;
	margin-top: -1px;
	padding-top: 7px;
}
.scroller #main-nav li ul .active a:hover, #main-nav li ul .active a:focus {
	border-left: 12px solid #812500;
	margin-top: 0;
	padding-top: 6px;
}
.scroller #main-nav li ul li a:hover, #main-nav li ul a:focus {
	background: rgba(129,30,0,0.7) !important;
	color: #fffaf3;
}

.scroller #main-nav .category {
	display: none;
}

.scroller #menu-btn {
	display: none;
	background: url('../images/ui/menu-btn.gif') center no-repeat;
	margin: 7px;
	padding: 8px 12px;
	width: 26px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	min-height: 0;
	float: left;
}

.scroller li#nav-about {
	width:170px;
}
.scroller li#nav-depression {
	width:182px;
}
.scroller li#nav-manage {
	width:182px;
}
.scroller li#nav-improve {
	width:200px;
}
.scroller li#nav-info {
	width:220px;
}
.scroller #about #nav-about a,
.scroller #depression #nav-depression a,
.scroller #manage #nav-manage a,
.scroller #improve #nav-improve a,
.scroller #info #nav-info a {
	background:#6d2000 url('../images/ui/nav-bg-active.jpg') repeat-x top left;
	color: #fffaf3;
}
.scroller #about #nav-about:hover a,
.scroller #depression #nav-depression:hover a,
.scroller #manage #nav-manage:hover a,
.scroller #improve #nav-improve:hover a,
.scroller #info #nav-info:hover a {
	background-image: url('../images/ui/nav-bg-active-hover.jpg');
}
.scroller nav a, nav a:visited {
	display: block;
	margin: 0px;
	padding:6px 20px 6px 20px;
	position: relative;
	text-decoration:none;
	color: #fffaf3;
	text-align:center;
	min-height:38px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.scroller nav a span {
	display:block;
	padding-right:20px;
	background: url('../images/ui/nav-arrow2.png') no-repeat right 50%;
	box-sizing: border-box;
	width: 100%;
}
.scroller nav a:hover, nav a:focus {
	background:#6d2000 url('../images/ui/nav-bg-active.jpg') repeat-x top left;
	color: #fffaf3;
}
.scroller #footer .kpis {
	display: none;
}


/**************************************************************/
/**************************************************************/
/* MAIN CONTENT */
/**************************************************************/
#content-wrapper {
	background:#f6f6f6 url('../images/ui/body-bg.jpg') top center repeat-y;
	display: block;
	width: 100%;
}
.content-start.navFixed {
	margin-top: 65px !important;
}
#content-wrapper .topShadow {
/*
  background: url('../images/ui/content-bg.jpg') repeat-x top left;
  display: block;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 264px;
  z-index: 1;
  */
}
#home #main-content {
	background: url('../images/ui/content-bg-topshadow.jpg') repeat-x top left;
	display: block;
	width: 100%;
	max-width: 966px;
	margin: 0 auto;
	padding: 0 18px 30px;
	z-index: 10;
}
#main-content {
	background: url('../images/ui/content-bg-topshadow.jpg') repeat-x top left;
	display: block;
	width: 1002px;
	margin: 0px auto;
	padding: 0;
	z-index: 10;
}
#content-wrapper #main-content .bottomShadow {
	background: url('../images/ui/content-bg-bottomshadow.jpg') repeat-x top left;
	display: block;
	width: 1003px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 26px;
	z-index: 1;
}
/**************************************************************/
/* Homepage */
#main-content .masthead {
	background: url('../images/homepage/masthead.jpg') no-repeat top center #bbd7ed;
	display: block;
	min-height:289px;
	height:auto !important;
	height:319px;
	margin: 0px auto 25px;
	padding:30px 0px 0px 25px;
}
.chinese #main-content .masthead {
	background-image: url('../images/_chinese/homepage/masthead.jpg');
	padding-bottom: 2px;
}
.punjabi #main-content .masthead {
	background-image: url('../images/_punjabi/homepage/masthead.jpg');
	padding-bottom: 2px;
}
#main-content .masthead #masthead-intro {
	font-size: 58px;
	font-weight: bold;
	color: #2a6d87;
	margin: 0px;/*padding: 30px 0px 0px 25px;*/
}
#main-content .masthead #masthead-title {
	font-size: 36px;
	font-weight: bold;
	color: #553f43;
	line-height: 42px;
	margin: 0px 0 20px 0;/*padding: 15px 0px 0px 25px;*/
}
#main-content .masthead p {
	margin: 0px;/*padding: 30px 0px 0px 25px;*/
}

#main-content .masthead .comp-btn {
	width:160px;
}

#depression .article-body .comp-btn {
	width:180px;
}

#main-content .masthead p a {
/*display: inline-block;*/
}
/* Components */
#main-content .components {
	line-height: 24px;
	color: #ffffff;
}
#main-content .components .title {
	padding:10px 20px;
	margin:0 0 1px 0;
	text-align: center;
}

.punjabi #main-content .components .title {
	min-height: 48px;
	/*display: flex;*/
	/*align-items: center;*/
	/*justify-content: center;*/
}

.chinese #main-content .components .title {
	min-height: 40px;
}

#main-content .components h2 {
	/*font-size:100%;*/
  font-size: 1.25em; /*20px;*/
	font-weight:normal;
	margin:0;
	padding:0;
}

.chinese #main-content .components h2 {
	line-height: 2;
}

.chinese #main-content .components .comp4 h2 {
	line-height: normal;
}

#main-content .components p {
	margin-top: 13px;
}
#main-content .components .comp {
	position:relative;
	background-color:#fff;
}
#main-content .components .span4 {
	cursor: pointer;
}
#main-content .components .bg-image {
	border-bottom:5px solid #d97904;
	height:325px;
	width:100%;
}
#main-content .components .desc {
	padding:15px;
	min-height: 130px;
}
#main-content .components .desc p {
	font-size: 0.9em; /*13px;*/
	line-height: 17px;
	color: #553f43;
	padding: 0px;
}
#main-content .components .cta {
	margin-left:19px;
}
#main-content .components .desc p a {
	display: inline-block;
	text-align: center;
}
/* Comp 1 */
#main-content .components .comp1 .title {
	border-top:5px solid #602420;
	background:#602420 url('../images/homepage/header-comp1.jpg') top left repeat-x;
}
#main-content .components .comp1 .bg-image {
	background: url('../images/homepage/bg-comp1.jpg') no-repeat top left #ffffff;
}
.punjabi #main-content .components .comp1 .bg-image {
	background: url('../images/_punjabi/homepage/bg-comp1.jpg') no-repeat top left #ffffff;
}
.chinese #main-content .components .comp1 .bg-image {
	background: url('../images/_chinese/homepage/bg-comp1.jpg') no-repeat top left #ffffff;
}
/* Comp 2*/
#main-content .components .comp2 .title {
	border-top:5px solid #687e2d;
	background:#587200 url('../images/homepage/header-comp2.jpg') top left repeat-x;
}
#main-content .components .comp2 .bg-image {
	background: url('../images/homepage/bg-comp2.jpg') no-repeat top left #ffffff;
}
.punjabi #main-content .components .comp2 .bg-image {
	background: url('../images/_punjabi/homepage/bg-comp2.jpg') no-repeat top left #ffffff;
}
.chinese #main-content .components .comp2 .bg-image {
	background: url('../images/_chinese/homepage/bg-comp2.jpg') no-repeat top left #ffffff;
}
/* Comp 3*/
#main-content .components .comp3 .title {
	border-top:5px solid #3f5c5e;
	background:#4e6f72 url('../images/homepage/header-comp3.jpg') top left repeat-x;
}
#main-content .components .comp3 .bg-image {
	background: url('../images/homepage/bg-comp3.jpg') no-repeat top left #ffffff;
}
.punjabi #main-content .components .comp3 .bg-image {
	background: url('../images/_punjabi/homepage/bg-comp3.jpg') no-repeat top left #ffffff;
}
.chinese #main-content .components .comp3 .bg-image {
	background: url('../images/_chinese/homepage/bg-comp3.jpg') no-repeat top left #ffffff;
}
/* Comp 4*/
#main-content .components .comp4 .title {
	border-top:5px solid #35193b;
	background:#46244d url('../images/homepage/header-comp4.jpg') top left repeat-x;
}
#main-content .components .comp4 .title p {
	display:block;
	font-size:85%;
	line-height:1;
	margin:0;
	padding:0;
}
#main-content .components .comp4 h2 span {
}
#main-content .components .comp4 .bg-image {
	background: url('../images/homepage/bg-comp4.jpg') no-repeat top left #ffffff;
}
#main-content .components .comp4 .tvspot {
	display: block;
	position:relative;
	top:10px;
	max-width:292px;
	height:219px;
	margin: 0 auto;
	text-align: center;
}
#main-content .components .comp4 .comp-btn {
	/*position: absolute;
  top: 345px;
  left: 52px;
  width:170px;*/
  position:relative;
	top:-70px;
}
#main-content .components .comp4 p.btn-wrap {
	width:170px;
	margin:0 auto;
}
#main-content .components .comp4 .tvspot div {
	display:block;
	max-width:292px;
	height:219px;
	background: url('../images/homepage/tvspot1.jpg') no-repeat center center;
}
#main-content .components .comp4 .tvspot div .play-yt-video {
	background: url('../images/homepage/btn-play.png') no-repeat center center;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 10;
	cursor: pointer;
	text-indent:-9999px;
}
.comp .comp-btn {
	display:block;
	text-align:center;
	padding:0 15px;
}
.comp a.btn {
	display:block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.comp p.btn-wrap {
	display:block;
}
/**************************************************************/
/* Article */

#side-nav {
	display:block;
	width:234px;
	min-height:492px;
	height:auto !important;
	height:492px;
	padding:37px 0 0 0;
	background: url('../images/ui/article-shadow.png') no-repeat right top;
	float:left;
}
#side-nav .KPIs {
	font-weight: bold;
	padding-bottom: 1em;
	margin-bottom: 1.0em;
	border-bottom: 1px solid #ddd;
}
#side-nav .KPIs li {
	padding-bottom: 3px;
}
#side-nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#side-nav ul > li {
	display:block;
}
#side-nav a {
	display:block;
	color:#564055;
	text-decoration:none;
	background:transparent url('../images/ui/sidenav-arrow.png') 10px 0.7em no-repeat;
	text-shadow: #ffffff 1px 1px 1px;
}
#side-nav .checklist-link {
	background-image: url('../images/ui/sidenav-checklist.png');
}
#side-nav .dg-link {
	background-image: url('../images/ui/sidenav-dg.png');
	background-position: 10px 0.75em !important;
}
#side-nav ul > li > a {
	text-transform:uppercase;
	padding:5px 10px 5px 30px;
}
#side-nav li.active > a {
	color:#673a03;
	background:#f0d3b0 url('../images/ui/sidenav-arrow-active.png') 10px 0.7em no-repeat;
	background-color:rgba(243,156,52,0.3);
}
#side-nav li.active > .checklist-link,
#side-nav .checklist-link:hover {
	color:#5d668f;
	background-color: rgba(125,138,193,0.4);
	background-image: url('../images/ui/sidenav-checklist-active.png');
	text-shadow: #dfe3f7 1px 1px 1px;
}
#side-nav li.active > .dg-link,
#side-nav .dg-link:hover {
	color:#3b7056;
	background-color: rgba(86,162,124,0.4);
	background-image: url('../images/ui/sidenav-dg-active.png');
	text-shadow: #dff7eb 1px 1px 1px;
}
#side-nav li.active > a:hover,
#side-nav li.active > a:focus,
#side-nav a:hover,
#side-nav a:focus {
	color:#662103;
	background:#f0d3b0 url('../images/ui/sidenav-arrow-active.png') 10px 0.7em no-repeat;
	background-color:rgba(106,31,0,0.3);
	text-shadow: #f7e6df 1px 1px 1px;
}
#side-nav ul > li > ul > li > a {
	text-transform:none;
	background:transparent url('../images/ui/sidenav-arrow.png') 10px 0.7em no-repeat;
	background-position:30px 0.7em;
	padding:5px 10px 5px 50px;
}
#side-nav ul > li > ul > li.active > a {
	background-position:30px 0.7em !important;
	padding:5px 10px 5px 50px;
}
#side-nav ul > li > ul > li > a:hover, #side-nav ul > li > ul > li > a:focus {
	background-position:30px 0.7em;
	padding:5px 10px 5px 50px;
}
#side-nav ul > li > ul > li > ul > li > a {
	text-transform:none;
	background:transparent url('../images/ui/sidenav-dot.png') 10px 0.7em no-repeat;
	background-position:34px 0.9em;
	padding:5px 10px 5px 50px;
	font-size:80%;
}
#side-nav ul > li > ul > li > ul > li.active > a {
	background:transparent url('../images/ui/sidenav-dot.png') 10px 0.7em no-repeat;
	background-position:34px 0.9em;
	background-color:rgba(243,156,52,0.3);
	padding:5px 10px 5px 50px;
}
#side-nav ul > li > ul > li > ul > li > a:hover, #side-nav ul > li > ul > li > ul > li > a:focus {
	background:transparent url('../images/ui/sidenav-dot.png') 10px 0.7em no-repeat;
	background-position:34px 0.9em;
	background-color:rgba(243,156,52,0.3);
	padding:5px 10px 5px 50px;
}
#article-body {
	display:block;
	width:642px;
	min-height:492px;
	height:auto !important;
	height:492px;
	float:left;
	background: url('../images/ui/article-bg.jpg') no-repeat left top;
	padding:37px 72px 37px 54px;
	color:#6c4829;
	/*font-size:0.9em;*/
	line-height:1.4;
}
#subPage {
	background: url('../images/ui/article-bg.jpg') no-repeat top left;
	display: block;
	width: 1004px;
	min-height: 500px;
	position: relative;
	top: 0px;
	left: 0px;
}
#article {
/*display: block;
	width: 650px;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 35px 60px 35px 60px;
	margin-left: 230px;*/
}
#article-body article {
	*zoom: 1;
}
#article-body article:before,
#article-body article:after {
	display: table;
  content: "";
  line-height: 0;
}
#article-body article:after {
	clear: both;
}
#article #printCTA {
	position: absolute;
	top: 40px;
	right: 60px;
	z-index: 10;
	cursor: pointer;
}
h1, h2, h3, h4, h5 {
	display: block;
	font-weight:bold;
}
#article-body h1 {
	/*font-size: 30px;*/
  font-size:2.4em;
	color: #681a01;
	line-height: 1.15em;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 0.6em 0;
}
#article-body h2 {
	/*font-size: 16px;*/
  font-size:1.3em;
	color: #833b00;
	line-height: 1.2em;
	padding: 0;
	margin: 1em 0 0.6em 0;
}
#article-body h3 {
	/*font-size: 14px;*/
  color: #681a01;
	padding: 0;
	margin: 0 0 0.6em 0;
}
#article-body p {
	/*font-size: 12px;*/
  font-weight: normal;
	/*line-height: 15px;*/
  padding: 0;
	margin: 0 0 1em 0;
}
#article-body a, #article-body a:active, #article-body a:hover, #article-body a:visited {
	color: #9b4e08;
	text-decoration: underline;
}
#article-body a.btn, #article-body a.btn:active, #article-body a.btn:hover, #article-body a.btn:visited {
	color:#fff;
	text-decoration: none;
}
#article-body p.btn-wrap {
	padding:2px;
	margin-bottom:2em;
}
#article-body .quote {
	background: #f0e3d5;
	background-color: rgba(131,59,0,0.12);
	padding: 10px;
	margin: 1.5em 0;
	text-align: center;
	border: 1px solid #dac1aa;
	border: 1px solid rgba(131,59,0,0.2);
}
#article-body .quote.last {
	margin-bottom:0;
}
#article-body .quote p:last-child {
	margin-bottom:0;
}
#article-body .quote p.larger {
	font-size:1.2em;
}
#article-body ul, #article-body ol {
	margin: 1em 0 1.5em 0;
}
#article-body ul li, #article-body ol li {
	margin: 1em 0;
}
#article-body ul.single-spaced li {
	margin:0;
}
dl {
	margin:0 0 0 0;
}
dt {
	font-weight:bold;
	margin:0;
	padding:0;
}
dl#glossary-list dd {
	font-style:normal;
}
dd {
	margin:0 0 1em 0;
	padding:0;
	font-style:italic;
}
/**************************************************************/
/**************************************************************/
/* CHECKLIST */
/**************************************************************/
#checklist {
	width: 100%;
	max-width:858px;
	margin: 14px auto;
	border:1px solid #d58738;
	background-color:#f6f3f0;
}
#checklist .ChecklistContainer {
	padding:20px 50px;
}
#checklist h1 {
	color:#681a01;
	margin:0.25em 0 0.75em 0;
	text-transform:uppercase;
	line-height:1.15em;
}
#checklist p {
	color:#6c4829;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.checklist-img {
	width:240px;
	height: 580px;
	float:left;
}
.checklist-img img {
	margin-bottom: 30px;
}
.checklist {
	/*float: right;*/
	float: left;
	border-left: 1px solid #cbbeb1;
	/*clear:both;*/
	/*padding-left: 30px;*/
	*zoom: 1;
}
#check-progress {
	float: none;
	padding: 20px 0 1em;
	margin-top: 20px;
	border: none;
	border-top: 1px solid #cbbeb1;
}
.checklist:before,
.checklist:after {
  /*display: table;*/
  /*content: "";*/
  /*line-height: 0;*/
}
.checklist:after {
  /*clear: both;*/
}
#article-body .checklist ul {
	list-style:none;
	margin:0px;
	padding:0px;
	width:372px;
}
#article-body #check-progress ul {
	width:100%;
}
#article-body .checklist ul li {
	float:left;
	width:156px;
	margin: 0 0 10px 30px;
	height:188px;
	text-indent:-9999px;
	background: center top no-repeat;
}
#article-body #check-progress ul li {
	width:16.66%;
	height:125px;
	text-indent:-9999px;
	margin: 0;
	margin-bottom: 1em;
}
#article-body .checklist li.emotions {background-image:url('../en/images/checklist/btn-emotions.jpg')}
#article-body .checklist li.fatigue {background-image:url('../en/images/checklist/btn-fatigue.jpg')}
#article-body .checklist li.sleep {background-image:url('../en/images/checklist/btn-sleep.jpg')}
#article-body .checklist li.weight {background-image:url('../en/images/checklist/btn-weight.jpg')}
#article-body .checklist li.unexplained {background-image:url('../en/images/checklist/btn-unexplained.jpg')}
#article-body .checklist li.thinking {background-image:url('../en/images/checklist/btn-thinking.jpg')}
#article-body .checklist li.emotionsfr {background-image:url('../fr/images/checklist/btn-emotions.jpg')}
#article-body .checklist li.fatiguefr {background-image:url('../fr/images/checklist/btn-fatigue.jpg')}
#article-body .checklist li.sleepfr {background-image:url('../fr/images/checklist/btn-sleep.jpg')}
#article-body .checklist li.weightfr {background-image:url('../fr/images/checklist/btn-weight.jpg')}
#article-body .checklist li.unexplainedfr {background-image:url('../fr/images/checklist/btn-unexplained.jpg')}
#article-body .checklist li.thinkingfr {background-image:url('../fr/images/checklist/btn-thinking.jpg')}

#article-body #check-progress li.emotions {background-image:url('../en/images/checklist/btn-emotions_120.jpg')}
#article-body #check-progress li.fatigue {background-image:url('../en/images/checklist/btn-fatigue_120.jpg')}
#article-body #check-progress li.sleep {background-image:url('../en/images/checklist/btn-sleep_120.jpg')}
#article-body #check-progress li.weight {background-image:url('../en/images/checklist/btn-weight_120.jpg')}
#article-body #check-progress li.unexplained {background-image:url('../en/images/checklist/btn-unexplained_120.jpg')}
#article-body #check-progress li.thinking {background-image:url('../en/images/checklist/btn-thinking_120.jpg')}
#article-body #check-progress li.emotionsfr {background-image:url('../fr/images/checklist/btn-emotions_120.jpg')}
#article-body #check-progress li.fatiguefr {background-image:url('../fr/images/checklist/btn-fatigue_120.jpg')}
#article-body #check-progress li.sleepfr {background-image:url('../fr/images/checklist/btn-sleep_120.jpg')}
#article-body #check-progress li.weightfr {background-image:url('../fr/images/checklist/btn-weight_120.jpg')}
#article-body #check-progress li.unexplainedfr {background-image:url('../fr/images/checklist/btn-unexplained_120.jpg')}
#article-body #check-progress li.thinkingfr {background-image:url('../fr/images/checklist/btn-thinking_120.jpg')}

#article-body .checklist li.emotionspu {background-image:url('../punjabi/images/checklist/btn-emotions.jpg')}
#article-body .checklist li.fatiguepu {background-image:url('../punjabi/images/checklist/btn-fatigue.jpg')}
#article-body .checklist li.sleeppu {background-image:url('../punjabi/images/checklist/btn-sleep.jpg')}
#article-body .checklist li.weightpu {background-image:url('../punjabi/images/checklist/btn-weight.jpg')}
#article-body .checklist li.unexplainedpu {background-image:url('../punjabi/images/checklist/btn-unexplained.jpg')}
#article-body .checklist li.thinkingpu {background-image:url('../punjabi/images/checklist/btn-thinking.jpg')}
#article-body .checklist li.emotionsch {background-image:url('../chinese/images/checklist/btn-emotions.jpg')}
#article-body .checklist li.fatiguech {background-image:url('../chinese/images/checklist/btn-fatigue.jpg')}
#article-body .checklist li.sleepch {background-image:url('../chinese/images/checklist/btn-sleep.jpg')}
#article-body .checklist li.weightch {background-image:url('../chinese/images/checklist/btn-weight.jpg')}
#article-body .checklist li.unexplainedch {background-image:url('../chinese/images/checklist/btn-unexplained.jpg')}
#article-body .checklist li.thinkingch {background-image:url('../chinese/images/checklist/btn-thinking.jpg')}

#article-body #check-progress li.emotionspu {background-image:url('../punjabi/images/checklist/btn-emotions_120.jpg')}
#article-body #check-progress li.fatiguepu {background-image:url('../punjabi/images/checklist/btn-fatigue_120.jpg')}
#article-body #check-progress li.sleeppu {background-image:url('../punjabi/images/checklist/btn-sleep_120.jpg')}
#article-body #check-progress li.weightpu {background-image:url('../punjabi/images/checklist/btn-weight_120.jpg')}
#article-body #check-progress li.unexplainedpu {background-image:url('../punjabi/images/checklist/btn-unexplained_120.jpg')}
#article-body #check-progress li.thinkingpu {background-image:url('../punjabi/images/checklist/btn-thinking_120.jpg')}
#article-body #check-progress li.emotionsch {background-image:url('../chinese/images/checklist/btn-emotions_120.jpg')}
#article-body #check-progress li.fatiguech {background-image:url('../chinese/images/checklist/btn-fatigue_120.jpg')}
#article-body #check-progress li.sleepch {background-image:url('../chinese/images/checklist/btn-sleep_120.jpg')}
#article-body #check-progress li.weightch {background-image:url('../chinese/images/checklist/btn-weight_120.jpg')}
#article-body #check-progress li.unexplainedch {background-image:url('../chinese/images/checklist/btn-unexplained_120.jpg')}
#article-body #check-progress li.thinkingch {background-image:url('../chinese/images/checklist/btn-thinking_120.jpg')}

#article-body .checklist li.emotions.selected,
#article-body .checklist li.fatigue.selected,
#article-body .checklist li.sleep.selected,
#article-body .checklist li.weight.selected,
#article-body .checklist li.unexplained.selected,
#article-body .checklist li.thinking.selected,
#article-body .checklist li.emotionsfr.selected,
#article-body .checklist li.fatiguefr.selected,
#article-body .checklist li.sleepfr.selected,
#article-body .checklist li.weightfr.selected,
#article-body .checklist li.unexplainedfr.selected,
#article-body .checklist li.thinkingfr.selected,

#article-body .checklist li.emotionspu.selected,
#article-body .checklist li.fatiguepu.selected,
#article-body .checklist li.sleeppu.selected,
#article-body .checklist li.weightpu.selected,
#article-body .checklist li.unexplainedpu.selected,
#article-body .checklist li.thinkingpu.selected,
#article-body .checklist li.emotionsch.selected,
#article-body .checklist li.fatiguech.selected,
#article-body .checklist li.sleepch.selected,
#article-body .checklist li.weightch.selected,
#article-body .checklist li.unexplainedch.selected,
#article-body .checklist li.thinkingch.selected {
	background-position: center -188px;
}

#article-body #check-progress li.emotions.selected,
#article-body #check-progress li.fatigue.selected,
#article-body #check-progress li.sleep.selected,
#article-body #check-progress li.weight.selected,
#article-body #check-progress li.unexplained.selected,
#article-body #check-progress li.thinking.selected,
#article-body #check-progress li.emotionsfr.selected,
#article-body #check-progress li.fatiguefr.selected,
#article-body #check-progress li.sleepfr.selected,
#article-body #check-progress li.weightfr.selected,
#article-body #check-progress li.unexplainedfr.selected,
#article-body #check-progress li.thinkingfr.selected,

#article-body #check-progress li.emotionspu.selected,
#article-body #check-progress li.fatiguepu.selected,
#article-body #check-progress li.sleeppu.selected,
#article-body #check-progress li.weightpu.selected,
#article-body #check-progress li.unexplainedpu.selected,
#article-body #check-progress li.thinkingpu.selected,
#article-body #check-progress li.emotionsch.selected,
#article-body #check-progress li.fatiguech.selected,
#article-body #check-progress li.sleepch.selected,
#article-body #check-progress li.weightch.selected,
#article-body #check-progress li.unexplainedch.selected,
#article-body #check-progress li.thinkingch.selected {
	background-position: center -125px;
}

.results .comp-btn {
	float:right;
}
.results .checklist-prev {
	float:left;
}
.results .get-results {
	float: right;
	clear: both;
}
#checklist .note-mobile {
  color:#000;
}
#checklist .note-evaluate {
  text-transform:uppercase;
}
.results .row {
	border-bottom:  1px solid #cbbeb1;
	padding: 15px 0;
	margin-left:0px;
}
.results .row.top {
	border-top: 1px solid #cbbeb1;
}
.results .col1 {
	width:102px; /*318px; */
	margin: 0px 20px 20px 0px;
	float:left;
}
#article-body .results h2 {
	padding:0px;
	margin: 0.2em 0 0.5em;
	font-size:16px;
	color:#681a01;
}
#article-body .results h3 {
	padding:0px;
	margin:0px;
	font-size:14px;
	color:#833b00;
}
#article-body .results h5 {
	padding:0px;
	margin:0px;
	font-size:12px;
	color:#826c51;
}
.results .col2 {
	width:260px; /*102px;*/
	margin: 0px 0px 0px;
	float:left;
}
.results .col3 {
	vertical-align:middle;
	/*margin:20px;*/
	width:260px;
	float:left;
}
.tenpercent{
	float:left;
	width:10%;
	font-size:11px;
	color:#2a6d87;
	margin:0px;
	padding: 6px 0 0;

}
h2.orange {
	color:#833b00;
	padding-top:25px;
}

h2.orange.title {

	padding-top:0px;
}
.box{
	/*width:100%;*/
	padding:10px;
	margin-top:20px;
	color:#6c4829;
	background-color:#e8ddd3;
	border:1px solid #d4bda9;
	font-size:14px;
}
.box p{
	margin:0px;
	padding:0px;
	color:#6c4829;
}
.box h2{color:#6c4829;}
.blue {
        float: left;
        clear: left;
       width:100%;
	   margin-top:15px;

    }

    .blue .ui-slider-range { background: #2a6d87; }
    .blue .ui-slider-handle {  background: url('ui-lightness/images/slider-large.png') no-repeat; }
.symptom{display:block; width:100%; height:100%;}
/**************************************************************/
/*********************************************************/
/*  VIDEO OVERLAY                                        */
/*********************************************************/
#video-overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
	text-align: center;
}
.rgba #video-overlay {
  background-color: rgba(0,0,0,0.7);
}
.no-rgba #video-overlay {
  background: url('../images/bg.png') repeat top left;
}
#leavingOverlay {
	display:none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
	text-align: center;
}
.rgba #leavingOverlay {
  background-color: rgba(0,0,0,0.7);
}
.no-rgba #leavingOverlay {
  background: url('../images/bg.png') repeat top left;
}
.overlay-content {
  width:80%;
  max-width:800px;
  margin:0 auto;
  position:relative;
  top:100px;
  background:#f6f3f0;
  border:2px solid #d58738;
  text-align:left;
  padding:30px;
  box-shadow: 0 0 20px rgba(0,0,0,0.75);
}
.overlay-close {
  float:right;
  overflow:hidden;
  background:#f6f3f0;
}
.overlay-close a {
  display:block;
  min-height:26px;
  line-height:26px;
  font-size:.9em;
  color:#681a01;
  width:auto;
  padding:0 32px 0 10px;
  text-transform:uppercase;
  text-decoration:none;
  background: transparent url('../images/ui/btn-close.png') center right no-repeat;
  /*text-indent:-9999px;*/
}
.overlay-wrapper  h1{
  margin-top:0;
  color: #681a01;
	line-height: 1.15em;
	text-transform: uppercase;
}
.overlay-wrapper .comp-btn p {
  margin-bottom:0;
}
#video-overlay .overlay-close {
  background:#f6f3f0;
  margin-bottom:25px;
  border:2px solid #d58738;
  padding-right:10px;
  position: relative;
	z-index: 100;
}
#video-overlay .overlay-close a {
  padding:8px 32px 8px 10px;
}
#video-overlay .overlay-content {
  margin: -280px auto 0;
  background:none;
  border:none;
  text-align:left;
  padding:0;
  box-shadow:none;
  top: 50%;
  width: 100%;
  max-width: 750px;
}
/*#videoOverlay .closecontainer {
	width: 750px;
	height: 100px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}

#videoOverlay .closecontainer .close {
	display: block;
	width: 90px;
	height: 42px;
	cursor: pointer;
	position: absolute;
	top: 50px;
	right: 0px;
	border:2px solid #d58738;
	color:#681a01;
  width:auto;
  padding:0 32px 0 10px;
  text-transform:uppercase;
  text-decoration:none;
  background: #f6f3f0 url('../images/ui/btn-close.png') center right no-repeat;
}
#videoOverlay .closecontainer span {
  display:block;
  min-height:26px;
  line-height:26px;
  font-size:.9em;
  color:#681a01;
  width:auto;
  padding:0 32px 0 10px;
  text-transform:uppercase;
  text-decoration:none;
  background: transparent url('../images/ui/btn-close.png') center right no-repeat;
  text-indent:-9999px;
}*/

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
  clear: both;
}
/**************************************************************/
/* OVERLAY */
/**************************************************************/

/*
#overlayContainer {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}
#overlayContainer .bg {
	background: #000000;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
#overlay {
	background: #f8f6f3;
	border: 2px solid #d58738;
	display: block;
	width: 880px;
	margin: 165px auto;
	position: relative;
	z-index: 10;
}
#overlay .close {
	background: url('../images/ui/btn-close.gif') no-repeat top right;
	display: block;
	height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 26px;
	color: #695256;
	text-transform: uppercase;
	padding-right: 36px;
	position: absolute;
	top: 30px;
	right: 45px;
	z-index: 10;
	cursor: pointer;
}
#overlay .content {
	display: block;
	width: 780px;
	margin: 35px auto 35px;
	;
}
#overlay .content hr {
	border: none;
	border-top: 1px solid #ffffff;
	background: #cbbeb1;
	height: 2px;
}
#overlay .content h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #7e2500;
	line-height: 35px;
	text-transform: uppercase;
	margin: 0px;
}
#overlay .content h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #9b4e08;
	line-height: 18px;
	text-transform: uppercase;
}
#overlay .content h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9b4e08;
	line-height: 16px;
}
#overlay .content p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #815b2e;
	line-height: 15px;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}
#overlay .content ul {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9b4e08;
	margin-top: 0px;
	padding-left: 15px;
}
#overlay .content ul li {
	padding-left: 25px;
	margin-bottom: 20px;
}
#overlay .content ul a, #overlay .content ul a:visited, #overlay .content ul a:active, #overlay .content ul a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #9b4e08;
}
#overlay .content table.menu {
}
#overlay .content table.menu .divider {
	width: 30px;
}
#overlay .content table.menu span {
	display: block;
	width: 156px;
	height: 188px;
	margin: 0px 0px 8px 6px;
	cursor: pointer;
}
#overlay .content table.menu .emotions {
	background: url('../images/checklist/btn-checklist.jpg') no-repeat 0px 0px;
}
#overlay .content table.menu .emotions.finished {
	background-position: 0px -376px;
}
#overlay .content table.menu .fatigue {
	background: url('../images/checklist/btn-checklist.jpg') no-repeat -156px 0px;
}
#overlay .content table.menu .fatigue.finished {
	background-position: -156px -376px;
}
#overlay .content table.menu .sleep {
	background: url('../images/checklist/btn-checklist.jpg') no-repeat -312px 0px;
}
#overlay .content table.menu .sleep.finished {
	background-position: -312px -376px;
}
#overlay .content table.menu .weight {
	background: url('../images/checklist/btn-checklist.jpg') no-repeat 0px -188px;
}
#overlay .content table.menu .weight.finished {
	background-position: 0px -564px;
}
#overlay .content table.menu .unexplained {
	background: url('../images/checklist/btn-checklist.jpg') no-repeat -156px -188px;
}
#overlay .content table.menu .unexplained.finished {
	background-position: -156px -564px;
}
#overlay .content table.menu .thinking {
	background: url('../images/checklist/btn-checklist.jpg') no-repeat -312px -188px;
}
#overlay .content table.menu .thinking.finished {
	background-position: -312px -564px;
}
#overlay .content table.menu .getresults {
	background: url('../images/checklist/btn-getresults.gif') no-repeat top left;
	display: block;
	width: 156px;
	height: 36px;
	margin-top: 20px;
}
#overlay .content table.menu .getresults.active {
	background-position: bottom left;
	cursor: pointer;
}
#overlay .content .rate {
	display: block;
	width: 98%;
	margin: 0px auto 35px;
	position: relative;
	cursor: pointer;
}
#overlay .content .rate .label {
	display: block;
	position: absolute;
	top: 10px;
}
#overlay .content .rate .label span {
	display: block;
}
#overlay .content .rate .label span.dash {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7px;
	font-weight: bold;
	color: #cbbeb1;
	text-align: center;
}
#overlay .content .rate .label span.value {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2a6d87;
	text-align: center;
	cursor: pointer;
}
*/
#article-body .more-links {
	margin:0 0 2em 0;
}
#article-body .more-links p {
	font-weight:bold;
}
#article-body .more-links ul {
	list-style:none;
	margin:-1em 0 2em 0;
	padding:0;
}
#article-body .more-links li {
	margin:0 1em 0 0;
	padding:0;
	display:inline-block;
}
#article-body .more-links.inline {
	margin:0 0 2em 0;
	display:inline-block;
}
#article-body .more-links.inline p {
	float:left;
	margin:0 0.5em 0 0;
}
#article-body .more-links.inline ul {
	float:left;
	margin:0;
}
#article-body .more-links.inline li {
	margin:0 0 0 0;
	padding:0;
	display:inline-block;
}
#article-body .more-links.list {
	margin:0 0 2em 0;
	display:inline-block;
}
#article-body .more-links.list p {
	float:left;
	margin:0 0.5em 0 0;
}
#article-body .more-links.list ul {
	margin:0;
}
#article-body .more-links.list li {
	margin:0 0 0 0;
	padding:0;
	display:block;
}
#article-body li span.list-title {
	display:block;
	font-weight:bold;
	margin:0 0 0.5em 0;
}
#article-body li p {
}
/**************************************************************/
/**************************************************************/
/* FOOTER */
/**************************************************************/
#footer {
	background:#00738f url('../images/ui/footer-bg.jpg') repeat-x top left;
	display: block;
	width: 100%;
	/*height: 261px;*/
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #ffffff;
	line-height: 1.2;
	padding-top:10px;
}
#footer .row {
	height: 250px;
}
#footer .row div {
	height: 100%;
}
#footer ul {
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
	border-left: 1px solid #3991ae;
	height: 100%;
}
#footer .row div:last-child ul {
	border-right: 1px solid #3991ae;
}
#footer li {
	margin:0 0 5px 0;
}
#footer li ul {
	border:none;
	list-style:disc;
	margin:5px 0 0 10px;
}
#footer .col {
}
#footer a {
	padding:2px;
	display:block;
}
#footer a, #footer a:visited, #footer a:active {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover, #footer a:focus {
	background-color:#ffffff;
	color:#004b5f;
}
#footer .container {
	display: block;
	width: 966px;
	min-height: 220px;
	margin: 0px auto;
	padding: 10px 0px;
	vertical-align:top;
}
#lilly-footer {
	background: #fff;
	margin-top: 10px;
}

#lilly-footer .inner {
	text-align: right;
	width: 966px;
	margin: auto;
	padding: 12px;
}

#lilly-logo {
	height: 40px;
}
/**************************************************************/
/**************************************************************/
/* LEGAL */
/**************************************************************/
#legal {
	background: url('../images/ui/legal-bg.jpg') repeat top left;
	display: block;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #553f43;
	text-align: center;
	padding: 15px 0px 25px 0px;
}
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
*line-height: 0;
}
.ir br {
	display: none;
}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
	display: none !important;
	visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom: 1;
}
.container:before, .container:after {
	content: "";
	display: table;
}
.container:after {
	clear: both;
}
.container {
*zoom: 1;
}
.pull-right {
	float:right;
}
.pull-left {
	float:left;
}
.align-left {
	float:left;
	margin: 0 20px 10px 0;
}
.align-right {
	float:right;
	margin: 0 0 10px 20px;
}
#main-content img {
	border-top:1px solid rgba(255,255,255,0.1);
	border-bottom:1px solid rgba(255,255,255,0.1);
	-webkit-box-shadow:0 5px 10px -6px rgba(0,0,0,0.5), 0 -5px 10px -6px rgba(0,0,0,0.5);
	-moz-box-shadow:0 5px 10px -6px rgba(0,0,0,0.5), 0 -5px 10px -6px rgba(0,0,0,0.5);
	box-shadow:0 5px 10px -6px rgba(0,0,0,0.5), 0 -5px 10px -6px rgba(0,0,0,0.5);
}
#main-content img.no-border {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border:none;
}
#main-content img.checklist-thumb {
	border: none;
	margin-right: 25px;
}
#main-content .bordered {
	background-color:#fff;
	padding:15px;
	border:1px solid #f0e6d8;
	margin-bottom:20px;
}
#main-content .inline {
	display:inline-block;
}
#main-content .no-shadow img {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.image-column {
	width:200px;
}
#home-btn {
	float:right;
}
#home-btn a {
	display:block;
	text-transform:uppercase;
	font-family:Arial, sans-serif;
	font-weight:bold;
	padding:2px 20px 2px 20px;
	margin:2px 0 0 0;
	font-size:80%;
	line-height:18px;
	text-decoration:none;
	color:#681a01;
}
#print-btn, #pdf-btn {
	float:right;
}
#pdf-btn.result-dl {
	float: none;
	margin-top: 3em;
	display: inline-block;
}
#print-btn a,
#pdf-btn a {
	display:block;
	background: transparent url('../images/ui/icon-print.gif') left 50% no-repeat;
	text-transform:uppercase;
	font-family:Arial, sans-serif;
	font-weight:bold;
	padding:2px 2px 2px 20px;
	margin:2px 0 0 0;
	font-size:80%;
	line-height:18px;
	text-decoration:none;
	color:#681a01;
}
#pdf-btn a {
	background-image: url('../images/ui/icon-pdf.gif');
}
#accessibility-links {
	position:absolute;
	top:-300px;
}

#dos-message {
	background-color: #ece3da;
	border: 1px solid #dac8ba;
	width:auto;
	height:auto;
	padding:15px;
	color: #FF0000;
	font-weight:bold;
	font-size: 1.2em;

}

/* ==========================================================================
   For forcing full site on mobile resolutions
   ========================================================================== */

.full-width-view #main-content,
.full-width-view header,
.full-width-view #main-nav,
.full-width-view #footer .container
 {
	min-width: 966px !important;
}

.full-width-view #content-wrapper,
.full-width-view nav,
.full-width-view #footer,
.full-width-view {
	min-width: 1002px !important;
}

.full-width-view #checklist {
	width: 858px;
}

#back-to-mobile { display: none; }
@media screen and (max-width:1002px) {
	.full-width-view #back-to-mobile {
		display: block;
		position: absolute;
		bottom: 6px;
		left: 0;
		border-left: 1px solid #3991ae;
		padding-left: 10px;
	}
}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
* {
	background: transparent !important;
	color: black !important;
	box-shadow:none !important;
	text-shadow: none !important;
	filter:none !important;
	-ms-filter: none !important;
	overflow: visible !important;
} /* Black prints faster: h5bp.com/s */

a, a:visited {
	text-decoration: underline;
}
/*a[href]:after {
	content: " (" attr(href) ")";
}*/
abbr[title]:after {
	content: " (" attr(title) ")";
}
a:after{
	content:" (" attr(href) ") ";
	font-size:0.8em;
	font-weight:normal;
}

.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}  /* Don't show links for images, or javascript/internal links */
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
} /* h5bp.com/t */
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}

p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
#footer {
	display:none;
}
nav {
	display: none !important;
}
#main-nav {
	display:none;
}

header {
	min-height: 0;
}

header .partners, header .counter, header .language, header .size {
	display:none;
}

#main-header {
	padding: 0;
}

#main-header .logo {
	display: none;
}

#main-header .logo-print {
	display: block !important;
	float: left;
	padding-top: 1em;
}

#main-header .logo-print img {
	height: 2em;
	width: auto;
}

#main-content {
	width: 100%;
}

#main-content .masthead {
	padding: 12px 0 20px;
	min-height: 0;
}

#main-content .components .bg-image {
	display: none;
}

.hide-print {
	display: none !important;
}

#main-content .components .comp4 {
	display: none;
}

#main-content .components .span4 {
	width: 316px;
}

#main-content .components h2 {
	font-size: 1.6em;
}

#masthead-title br {
	display: none;
}

#print-btn {
	display:none;
}

#home-btn {
	display:none;
}
.comp-btn {
	display:none;
}
#checklist {
	border: 0px;

}
#dos-message {
	font-weight:normal;
	font-size: 1em;

}

/* bill's changes to print view */
#side-nav {
	display: none;
}
#article-body {
	width: 100%;
	padding: 2em 0 0;
}

#main-content IMG {display: none;}
#checklist IMG {display: none;}
/* end bill's changes to print view */


}

.dev-hint {
	display:none;
}
#viewfullsitebtn{
	display:none;
}

/* IE 7 fixes */

.lt-ie8 body header {
	width: 1005px;
}

.lt-ie8 body header {
	width: 1006px;
}
.lt-ie8 body header .divider {
	float:left;
}
.lt-ie8 body header .logo {
/*	width:256px;
	float:left;*/
}
.lt-ie8 body header .size {
/*
	width:139px;
	float:left;
*/
}
.lt-ie8 body header .language {
/*
	width:184px;
	float:left;
	*/
}
.lt-ie8 body header .partners {
/*
	width:333px;
	float:left;
	*/
}
.lt-ie8 body header .partners .partner {
	float: left;
}

.lt-ie8 body .blue {
       width:750px;

    }
.lt-ie8 body .tenpercent{
	width:75px;
}

article {
	width: 100%;
}