body {
	background-color: #ededed;
	margin: 0;
	padding: 0;
	font-size: 11pt;
	text-align: center;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
}
body.printpage {
	background-image: none;
	text-align: left;
	padding: 0px 20px 0px 20px;
	background-color:#fff;
}

h1, h2, h3, h1.heading, h2.heading, h3.heading {
	font-family: sans-serif, Verdana;
	color:#235aa2;
}
p {
	padding: 0 10px 15px 0;
	margin: 0;
	font-weight: normal;
}
ul, ol {
	margin: 0;
	padding: 0;
}
fieldset 
{
	border:0;
}
/* FONTS */
H1, H1.heading {
	font-size: 22pt;
	margin-bottom: 20px;
}
H2, H2.heading {
	font-size: 20pt;
	margin-bottom: 20px;
	margin-top:20px;
}
H2.firstheading {
	margin-top: 0px;
	padding-top:20px;
}
H3, H3.heading {
	font-size: 16pt;
	margin-bottom: 10px;
}
H4, H4.heading {
	font-size: 12pt;
}
h2.heading span 
{
	background-color:#fff;
	padding-right:10px;
}

h2.heading 
{
	background-image: url(../images/headingback.png);
	background-position:left 16px;
	background-repeat:repeat-x;
	line-height:1;
}
.arealifeprofile h2.heading {background-image: url(../images/headingbacklifeprofile.png);}
.areatrainer h2.heading {background-image: url(../images/headingbacktrainer.png);}
.areamotivage h2.heading {background-image: url(../images/headingbackmotivage.png);}
.areaeducation h2.heading {background-image: url(../images/headingbackeducation.png);}

h2.firstheading 
{
	background-position:left 36px;
}

.indentedListItem {
	margin-left: 20px;
}
.validatorSummaryDiv li {
	margin-left: 30px;
}
H2.lifeprofile {
	padding-left: 48px;
	background-image: url(../images/questionnairelifeprofile48.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div.separator {
	background-image: url(../Images/headingback.png);
	height: 8px;
	background-position: top left;
	background-repeat: repeat-x;
	border: 0;
	margin: 5px 0 10px 0 ;
}
div.separator hr {
	display: none;
}
/* see http://www.sovavsiti.cz/css/hr.html */

.contentblock {
}

.contentblock .icon {
	float: left;
	width: 60px;
}
.contentblock .wordage {
	margin-left: 60px;
}


/* LINKS */
a:link,
a:visited {color:#235aa2;}
a:hover {
	cursor: pointer;
}
a img {
	border: none;
}
.UnderlinedLink {
	font-weight: bold;
	text-decoration: underline;
}
.AppointmentLinks {
	text-decoration: none;
}
.grid_12 a {
	/*text-decoration:none; 	color:#292A71;*/
}

/*Modal Popup*/
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}


.stickyfooter
{
    font-size: 11px;
    /*background-image: url(../images/bottombarback.png);*/
    background-position: left top;
    background-repeat:repeat-x;
    padding: 20px 10px 10px 10px;
}
.stickyfooter a 
{
	text-decoration:none;
	margin: 0 20px;
}
.belowstickyfooter 
{
    /*background-image: url(../images/topbarback.png);*/
    background-position: left bottom;
    background-repeat:repeat-x;
    height:20px;
}


/* USER INFO */
#UserInfoDiv {
	padding: 2px;
}

/* CONTAINERS */

.LoginContainer {
	background-color: #E3EEFF;
	padding: 10px 13px 10px 13px;
	border: solid 3px #BEDFF8; /*width:93%;*/
}
.LeftContainerContentDiv {
	overflow: hidden;
	padding: 3px 0px 0px 0px;
}
.leftSuperUserDetailText {
	background-color: #5e7a94;
	padding: 20px 10px 10px 10px;
	color: #FFFFFF;
	height: 160px;
	font-size: 10pt;
	text-align: center;
}
.leftResellerUserDetailText {
	background-color: #999999;
	padding: 20px 10px 10px 10px;
	color: #FFFFFF;
	height: 160px;
	font-size: 10pt;
	text-align: center;
}

/* LifePROFILE SUMMARY */
.lifeprofileprogress a {
	color: #000;
}
table.lifeprofileprogress 
{
	width:100%;
}
.lifeprofileprogress td {
	margin: 0px;
	padding: 5px 10px;
	border-bottom: solid 1px #e4e4e4;
}
.lifeprofileprogress .rowEven td {
	background-color: #f2fbf6;
}
.lifeprofileprogress .rowOdd td {
	background-color: #fff;
}
.lifeprofileprogress th span {
	display: block;
	margin: 0px;
	padding: 5px 10px;
	background-image: url(../images/thin-header-bar.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.lifeprofileprogress th.stepname span {
	background-position: left center;
}
.lifeprofileprogress th.steplastupdated span {
	background-position: right center;
}
.lifeprofileprogress th.steplastupdated 
{
	text-align:center;
}
.lifeprofileprogress td.stepname {
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 28px;
}
.lifeprofileprogress .Complete td.stepname {
	background-image: url(../images/checklisttick.png);
}
.lifeprofileprogress .OutOfDate td.stepname {
	background-image: url(../images/checklistexclamation.png);
}
.lifeprofileprogress .Incomplete td.stepname {
	background-image: url(../images/checklistcross.png);
}
.lifeprofileprogress .Empty td.stepname {
	background-image: url(../images/checklistcross.png);
}
.lifeprofileprogress .Incomplete td.stepprogress {
	font-weight: bold;
	color: #ff9900;
}
.lifeprofileprogress .Empty td.stepprogress {
	font-weight: bold;
	color: #ff3333;
}
.lifeprofileprogress td.steplastupdated {
	font-size: 70%;
	text-align: center;
	vertical-align: bottom;
}
.lifeprofilestatustable .progresshead  
{
	display:none;
}
.lifeprofilechecklist .progresshead  
{
	height:85px;
	background-image: url(../images/lifeprofilechecklistback.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.lifeprofilechecklist .progressbody 
{
	background-image: url(../images/lifeprofilechecklistback.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding: 0 15px 20px 15px;
}
.areamotivage .lifeprofilechecklist .progresshead  
{
	background-image: url(../images/motivageshecklistback.png);
}
.areamotivage .lifeprofilechecklist .progressbody
{
	background-image: url(../images/motivageshecklistback.png);
}  

.lifeprofilechecklist a 
{
	text-decoration:none;
	font-size:14pt;
	color:#000;
}
.lifeprofilechecklist .firstinareaFalse 
{
    display:none;
}
.lifeprofilechecklist .firstinareaTrue
{
	background-image: url(../images/lifeprofilechecklistseparator.png);
	height:6px;
	font-size:1px;
	background-position:left top;
}
.lifeprofilechecklist .currentsubarea a
{
	/*background-color:#f2fbf6;*/
	padding-left:20px;
	background-image: url(../images/sketchyasterisk.png);
	background-repeat:no-repeat;
	background-position:left 5px;
}
.areamotivage .lifeprofilechecklist .currentsubarea a 
{
	background-image: url(../images/sketchyasteriskmotivage.png);
}
.lifeprofilechecklist .stepname 
{
	background-position: right center;
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-right:28px;
}
.lifeprofilechecklist .Complete {
	background-image: url(../images/checklisttick.png);
}
.lifeprofilechecklist .OutOfDate {
	background-image: url(../images/checklistexclamation.png);
}
.lifeprofilechecklist .Incomplete {
	background-image: url(../images/checklistcross.png);
}
.lifeprofilechecklist .Empty {
	background-image: url(../images/checklistcross.png);
}

/* QUESTIONNAIRES */

.shuffledownforlifeprofile {
	margin-top: 35px;
}
ul.golinks li {
	list-style-type: none;
	list-style-image: url(../images/navnext.png);
}
.golink, .mainTaskLink {
	background-repeat: no-repeat;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	color: #008CD6;
}
.normallink {
	text-decoration: none;
}
.nextprevnav {
	margin-top: 10px;
	margin-bottom: 10px;
}
.nextprevnav table 
{
    width:100%;
}
.nextprevnav td 
{
    width:33%;
}
.nextprevnav td.previous, .nextprevnav td.next, .nextprevnav td.finish {
}
.nextprevnav td.finish {
	text-align: center;
}
.nextprevnav td.next,.nextprevnav td.nextfinish {
	text-align: right;
}
.nextprevnav a, .nextprevnav a:active  
{
	color:#000;
}
.nextprevnav .previouslink, .nextprevnav .nextlink, .nextprevnav .finishlink {
	background-repeat: no-repeat;
	text-decoration: none;
	padding: 0 45px;
	font-size: 9pt;
	cursor:pointer;
}
.nextprevnav .previouslink {
	background-image: url(../Images/sketchyleft.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.nextprevnav .nextlink {
	background-image: url(../Images/sketchyright.png);
	background-position: right center;
	background-repeat: no-repeat;
	text-align: right;
}
.nextprevnav .finishlink {
}

#LifeProfileQuestionnaireDiv H2 {
	margin-top: 10px;
}
#QuestionnaireDiv {
	padding: 0px 5px 0px 5px;
}
#QuestionnaireDiv .AspNet-RadioButtonList {
	/*display:inline;*/
}
#QuestionnaireDiv .AspNet-RadioButtonList-Item {
	display: block;
}
.QuestionSection, .AlternateQuestionSection {
	padding: 8px 8px 8px 8px;
	margin: 10px 0px 5px 0px;
}
.QuestionValidationSummary {
	padding: 8px 8px 8px 8px;
	margin: 0px 10px 10px 10px;
	border: solid 2px red;
}
.QuestionInnerContent {
	padding: 5px 5px 5px 20px;
}
.emptyquestion 
{
	background-color:#FFFACD;
	border-left: solid 9px #FFD700;
}
.emptyquestionnotification 
{
	background-color:#FFFACD;
	border-left: solid 9px #FFD700;
	padding:  5px 10px 5px 60px;
	background-image: url(../images/SymbolStop2.png);
	background-repeat:no-repeat;
	background-position: 5px center;
	height: 70px;
	margin-right:20px;
	margin-top:10px;
}
.ContentHeader {
	text-align: left;
}
#motivagecontrols label.help 
{
	/*background-color:#f0f;*/
	background-image: url(../images/runningman12x18.png);
	background-position: left center;
	background-repeat:no-repeat;
	padding-left:15px;
}
#motivagecontrols label span.help 
{
	/*background-color:#ff0;*/
	background-image: url(../images/runningman12x18.png);
	background-position: left center;
	background-repeat:no-repeat;
}
#motivagecontrols .value label, #DivPrintContents .value label 
{
	display:inline-block;
	width:100px;
}
#motivagecontrols .value label.help 
{
	width:85px;
}

#motivagecontrols .helpcontents 
{
	display:none;
}
#motivagecontrols .widevals .value label, #DivPrintContents .widevals .value label
{
	width:200px;
}
#motivagecontrols .widevals .value label.help 
{
	width:185px;
}
#motivagecontrols .value span.units
{
	padding-left:5px;
	font-size:10px;
}
#motivagecontrols .value label span
{
	padding-left:5px;
	font-size: 11pt;
	display:inline;
}
#motivagecontrols .weighttolift 
{
	display:inline-block;
	font-size: 10px;
	width:50px;
}
#motivagecontrols .header span.fakelabel, 
#motivagecontrols .header span.fakeinput,
#motivagecontrols .header span.fakespan
{
	display:inline-block;
	font-weight:bold;
	font-size:15px;
	padding:0;
	margin:0;
	text-align:center;
}
#motivagecontrols .header span.fakelabel {width:100px;}
#motivagecontrols .widevals .header span.fakelabel {width:200px;}
#motivagecontrols .header span.fakeinput {width:80px; }
#motivagecontrols .header span.fakespan { }

#motivagecontrols .textbox 
{
	width:30px;
	outline:0; /* this is the magic that stops chrome from putting the yellow around the edge */
}
#motivagecontrols .widevals .textbox 
{
	width:50px;
}
#DivPrintContents .textbox 
{
	border-width:0;
	border-bottom-width:1px;
	border-bottom-color:#000;
}
#motivagecontrols .originalvalue
{
	background-color: #fff8c5;
}
#motivagecontrols fieldset 
{
	border-bottom: solid 1px #e4e4e4;
	border-top: solid 1px #e4e4e4;
	padding-top:10px;
	margin-bottom:10px;
}
#motivagecontrols fieldset.plain 
{
	/*border:0;*/
	/*margin-bottom:0;*/
	padding-top:0;
}
#motivagecontrols fieldset .header 
{
	float:left;
	width:190px;
	margin-right:10px;
	/*background-color:#f9f9f9;*/
}
#motivagecontrols fieldset .body 
{
	margin-left:200px;
}
#motivagecontrols fieldset .col1 
{
	float:left;
	width:200px;
}
#motivagecontrols fieldset .col2 
{
	margin-left:200px;
}

#motivagecontrols .leftpanel 
{
	float:left;width:100px;
	padding:5px;
}
#motivagecontrols .mainpanel 
{
	margin-left:120px;
	padding-left:10px;
}
#motivagecontrols .leftpanel h4 
{
	border-bottom: solid 1px #e4e4e4;
}
#motivagecontrols .standout 
{
	border: solid 2px #5799d5; /*#8dbde9;*/  /*#1764a9;*/
 	background-color:#f3f7fb;
}
#motivagecontrols table
{
	border-collapse:collapse;
}
#motivagecontrols table .textbox 
{
	width:50px;
}
#motivagecontrols table div.ui-spinner 
{
	background-color:#fff;
}
#motivagecontrols .mainvalue 
{
	float:left;
}
#motivagecontrols .toggletrial 
{
	padding-left:10px;
	padding-right:20px;
	background-image:url(../images/pulltabrightarrow.png);
	background-position: right center;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
	font-size:10px;
}
#motivagecontrols .toggletrial-close 
{
	background-image:url(../images/pulltableftarrow.png);
}
#motivagecontrols .toggletrial:hover 
{
	background-image:url(../images/pulltabrightarrowhover.png);
} 
#motivagecontrols .toggletrial-close:hover 
{
	background-image:url(../images/pulltableftarrowhover.png);
} 

#motivagecontrols .trials .value 
{
    clear: left;
    position: relative;
    line-height: 50px;
    height: 50px;
    padding-right: 40px;
    padding-left: 5px;
    margin-bottom: 5px;
    border-left: solid 1px #cfcfcf;
    
	background-image:url(../images/pulltabshadow.png);
	background-repeat:no-repeat;
	background-position:right center;
}
#motivagecontrols .trials .value label 
{
	width:95px;
	padding-left:5px;
}

#motivagecontrols .trials .trial 
{
	background-image:url(../images/pulltab.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding:0;
	position:absolute;
	height:50px;
	top:0;
	overflow:hidden;
	font-size:10px;
}
#motivagecontrols .trials3 .trial
{
	width:290px;
	left:-35px;
	clip:rect(0px, 305px, 55px, 240px);
}
#motivagecontrols .trials2 .trial
{
	width:210px;
	left:45px;
	clip:rect(0px, 305px, 55px, 160px);
}
#motivagecontrols .trials .trial input 
{
	width:50px;
	background-color:#fff;
	color:#ccc;
	font-weight:normal;
}
#motivagecontrols .trials .trial input.required 
{
	background-color:#fff;
}
#motivagecontrols .trials .trial input.notrequired 
{
	background-color:transparent;
}
#motivagecontrols .trials .trial input.inuse
{
	font-weight:bold;
	color:#000;
} 

#motivagecontrols table.boxy th 
{
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
 	border: solid 0px #5799d5;
}
#motivagecontrols table.boxy td
{
	border: solid 0px #5799d5;
	padding-left: 5px;
	padding-right: 5px;
}
#motivagecontrols table.boxy .blank 
{
	border:0;
	background-color:transparent;
}
#motivagecontrols table.boxy td.t, 
#motivagecontrols table.boxy th.t 
{
	border-top-width: 2px;
}

#motivagecontrols table.boxy td.l, 
#motivagecontrols table.boxy th.l 
{
	border-left-width: 2px;
}

#motivagecontrols table.boxy td.r, 
#motivagecontrols table.boxy th.r 
{
	border-right-width: 2px;
}
#motivagecontrols table.boxy td.b, 
#motivagecontrols table.boxy th.b 
{
	border-bottom-width: 2px;
}
#motivagecontrols .instructionbox 
{
	background-color: #f9f9f9;
	border: solid 1px #e4e4e4;
	margin-top:10px;
	margin-bottom:10px;
}
#motivagecontrols .instructionbox h3 
{
	background-color:#e4e4e4;
	padding-left: 35px;
	margin-bottom:0;
	color:#333;
	background-image:url(../images/triangledown.png);
	background-repeat:no-repeat;
	background-position:5px center;
	cursor:pointer;
}
#motivagecontrols .instructionbox h3.closer 
{
	background-image:url(../images/triangleup.png);
}
#motivagecontrols .instructionbox .body 
{
	padding:10px;
	border: solid 1px #fff;
	display:none;
}

/* LifePROFILE REPORT */
.ReportInnerOptionContainer {
	width: 120px;
	padding: 0px 4px 0px 4px;
	margin-left: 5px;
	border: solid 1px #b3d5f3;
}

.ContentSubContainerBorderedDiv a {
	text-decoration: none;
}

.ReportInnerOptionContainer a:hover {
	font-weight: bold;
}

.SelectedButton {
	background-color: #b3d5f3;
	color: #FFFFFF;
}

.UnselectedButton {
	background-color: #FFFFFF;
	color: #55636E;
}

.ReportLinkDiv {
	text-align: center;
	padding: 0px;
	width: 100%;
	height: 25px;
	margin: 5px 0px 5px 0px;
}

.ReportContainerDiv {
	width: 478px; /*border:1px solid #b3d5f3;*/
	padding: 10px 10px 10px 10px;
	overflow: hidden;
}

.ReportSectionHeaderDiv {
	padding: 5px 10px 5px 10px;
	width: 457px;
	background-color: #b3d5f3;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}

.ReportSectionContentDiv {
	padding: 5px 10px 5px 10px;
	width: 455px;
	text-align: left;
	border: solid 1px #cbdffe;
}

.ReportTable {
	width: 455px;
	margin: 0px;
	padding: 0px;
	border: 0;
}

.ReportAlternateRow {
	background-color: #F5F5F5;
}

.ReportNameCell {
	width: 290px;
	font-weight: bold;
	font-size: smaller;
	padding-left: 4px;
}

.ReportValueCell {
	width: 170px;
	font-size: smaller;
	padding-left: 4px;
}

.ProgressDiv {
	width: 130px;
	text-align: center;
	padding: 20px 0px 10px 0px;
	margin-left: 5px;
}

.LeftFloater {
	float: left;
}

.rainbowreport {
	/*width: 680px;*/
	border-collapse: collapse;
}
.rainbowreport td, .rainbowreport tr {
	padding: 0;
	margin: 0;
}

.rainbowreport .areaheader td {
	/*border-top: solid 1px #e4e4e4;
	border-left: solid 1px #e4e4e4;
	border-right: solid 1px #e4e4e4;*/
	padding: 1px 1px 0 1px;
	background-color: white;
}
.rainbowreport .areaheader .areaname {
}
.rainbowreport .areaheader .notareaname {
}
.rainbowreport .areaheader h4 {
	/*background-color: #f9f9f9;*/
	font-size: 14px;
	margin: 0;
	background-image: url(../images/reportareabackleftshinygrey.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 44px;
	line-height: 44px;
	color: #000;
}
#DivPrintContents .rainbowreport .areaheader h4 {
	background-image: none;
}
.rainbowreport .areaheader h4 span.outer {
	margin-left: 10px;
	margin-right: 10px;
	padding-right: 20px;
	background-image: url(../images/reportareabackrightshinygrey.png);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	text-align: center;
}
#DivPrintContents .rainbowreport .areaheader h4 span.outer {
	background-image: none;
}

.rainbowreport .subareaheader {
}
.rainbowreport .subareaheader td {
}

.rainbowreport .subareafooter {
}
.rainbowreport .subareafooter td {
	/*border-bottom: solid 1px #e4e4e4;
	border-left: solid 1px #e4e4e4;
	border-right: solid 1px #e4e4e4;*/
	height: 1px;
	font-size: 0px;
	padding: 0;
	/*background-color: #fff;*/
}

.rainbowreport .subarea {
}
.rainbowreport .subarea td {
	/*background-color: #f9f9f9;*/
}
.rainbowreport .areadescription {
	white-space: nowrap;
	/*border-left: solid 1px #e4e4e4;*/
}
.rainbowreport .areadescription div {
	/*border-left: solid 1px #fff;*/
	display: block;
	height: 36px;
	padding: 0 5px 0 5px;
}
.rainbowreport .arearating {
	width: 100%;
	/*border-right: solid 1px #e4e4e4;*/
	padding: 0;
}
.rainbowreport .arearating .wrapperdivouter {
	/*border-right: solid 1px #fff;*/
	margin: 0;
	padding: 0 10px 10px 0;
}
.rainbowreport .arearating .wrapperdivinner {
	margin: 0;
	padding: 0;
	background-image: url(../images/gackwhiteshiny.png);
	background-position: left top;
	background-repeat: repeat-x;
	border: solid 1px #e4e4e4;
	width: 500px;
}
.rainbowreport .arearating .imgdiv {
	overflow: hidden;
	height: 24px;
	/*border-right: solid 1px #e4e4e4;*/
}
.rainbowreport .arearating .imgdiv img {
	height: 30px;
}


.rainbowreport .areafooter td {
	padding: 0;
	/*background-image: url(../images/reportareabottomshadowleft.png);*/
	background-position: left top;
	background-repeat: no-repeat;
}
#DivPrintContents .rainbowreport .areafooter td {
	background-image: none;
}

.rainbowreport .areafooter td div {
	height: 20px;
	margin-left: 10px;
	font-size: 0px;
	/*background-image: url(../images/reportareabottomshadowright.png);*/
	background-position: right top;
	background-repeat: no-repeat;
}
#DivPrintContents .rainbowreport .areafooter td div {
	background-image: none;
}

.rainbowreport .areascore {
	display: none;
}

.rainbowreport .subareaSummary .areascore {
	display: inline;
}

/* overrides for the summary section */
.rainbowreport .areaheaderSummary h4 {
	background-image: url(../images/reportareabackleftshinygreen.png);
}
#DivPrintContents .rainbowreport .areaheaderSummary h4 {
	background-image: none;
}

.rainbowreport .areaheaderSummary h4 span.outer {
	background-image: url(../images/reportareabackrightshinygreen.png);
}
#DivPrintContents .areaheaderSummary h4 span.outer {
	background-image: none;
}
.rainbowreport .areaheaderSummary h4 span.inner {
	background-image: url(../images/transwhitegradient-70-left.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#DivPrintContents .areaheaderSummary h4 span.inner {
	background-image: none;
}
.rainbowreport .areaheaderSummary h4 span.innerinner {
	margin-left: 50px;
	background-image: url(../images/transwhitegradient-70.png);
	background-position: right center;
	padding: 0 55px 0 5px;
}
#DivPrintContents .rainbowreport .areaheaderSummary h4 span.innerinner {
	background-image: none;
}

.rainbowreport .rainbowlegend .areadescription, .rainbowreport .rainbowlegend .wrapperdivouter {
	padding-top: 10px;
}

/* this one is only floated so we can clear the inner floats */
#lifeprofiledates {
	margin-bottom: 20px;
	margin-top: 10px;
	float: left;
	margin-right: 10px;
}

.monthcontainer {
	float: left;
	width: 100px;
	height: 100px;
	background-color: #f9f9f9;
	border-right: solid 1px #e4e4e4;
	border-bottom: solid 1px #e4e4e4;
}
.monthcontainer .monthheading {
	padding: 3px 5px;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/thin-header-bar.png);
	background-position: center center;
	background-repeat: no-repeat;
	border-left: solid 1px #bbb;
}
.monthcontainer .monthdates {
	text-align: center;
	padding: 1px;
}
.monthcontainer .monthdates span {
	padding: 3px;
	width: 20px;
	display: block;
	float: left;
	text-align: center;
	margin: 2px;
}
.monthcontainer .monthdates a {
	text-decoration: none;
}

.yearcontainer {
}
.yearcontainer .yearheading {
	font-size: 20px;
	font-weight: bold;
	font-family: Georgia;
}
.yearcontainer .yeardates {
}
.yearcontainer .yeardates span {
	padding: 5px;
	width: 30px;
	display: block;
	float: left;
	text-align: center;
	margin: 2px;
	background-color: #f9f9f9;
	border: solid 1px #e4e4e4;
}
.yearcontainer .yeardates .selected span {
	background-color: #c7f0c7;
	border-color: #00A94A;
}
.yearcontainer .yeardates span strong {
	font-size: 16px;
	display: block;
}

.yearcontainer .yeardates a {
	text-decoration: none;
	font-size: 10px;
	color: #000;
}


.lifeprofilereportcurrent p {
	background-image: url(../images/documentlifeprofile32x32.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.lifeprofilearchive p {
	background-image: url(../images/documentlifeprofilecurrent32x32.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.lifeprofilehelp p {
	background-image: url(../images/SymbolInformation2.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.smallerbigbutton p {
	line-height: 40px;
}


#TB_window {
	background: #fff;
	text-align: center;
}

.selectedDateTitle {
	padding: 10px 0px 15px 22px;
	width: 90%;
	text-align: center;
	color: #008CD6;
	font-size: 13pt;
}

.bigbutton {
	height: 50px;
	background-image: url(../images/actionlink-silver.png);
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	width: 250px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-width: 3px;
	border-style: solid;
	border-color: #e4e4e4;
}
.smallerbigbutton {
	width: 110px;
	margin-right: 0px;
}
.bigbutton.active {
	background-image: url(../images/actionlink-progress.png); /*border-color:#8dbed9;*/
	border-color: #66cc99;
}
.bigbutton.over {
	cursor: pointer; /*border-color:#008cd6;*/
	border-color: #00A94A;
}
.bigbutton p {
	padding-left: 50px;
	padding-top: 5px;
	line-height: 20px;
	font-size: 12px;
}
.bigbutton a {
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 14px;
}
.bigbutton a.active {
	padding-left: 20px;
	background-image: url(../images/navnext.png);
	background-position: left center;
	background-repeat: no-repeat;
}


/* styles for the LifePROFILE graphs (and probably motivate graphs) */
.GraphContainer {
	/*text-align: center;*/
}

.GraphContainer .GraphHeader {
}

/* overrides for the summary section */
.GraphContainer .GraphHeaderSummary h4 {
}
.GraphContainer .GraphHeaderSummary h4 span.outer {
}
.GraphContainer .GraphHeaderSummary h4 span.inner {
}
.GraphContainer .GraphHeaderSummary h4 span.innerinner {
}

.GraphContainer .GraphChart {
}

.GraphContainer .GraphFooter {
	padding: 0;
}
.GraphContainer .GraphFooter div {
	height: 10px;
	margin-left: 10px;
	font-size: 0px;
}

.GraphContainer .GraphSeparatorDiv {
	text-align: center;
	padding: 10px 10px 15px 10px;
}

.GraphContainer .rawheading {
	display: none;
}
.GraphContainer .RawTable {
	display: none;
	padding-left: 20px;
	padding-bottom: 20px;
	text-align: left;
}
.printpage .GraphContainer .RawTable {
	display: block;
	padding-left: 110px;
}
.GraphContainer .RawTable table {
	border-collapse: collapse;
}
.GraphContainer .RawTable th {
	border-bottom: solid 1px #e4e4e4;
	padding: 2px 10px;
	text-align: center;
}
.GraphContainer .RawTable td {
	border-bottom: solid 1px #e4e4e4;
	padding: 2px 5px;
	text-align: center;
}
.GraphContainer .RawTable td.first {
}
.GraphContainer .RawTable .rowOdd td {
	background-color: #fff;
}
.GraphContainer .RawTable .rowEven td {
	background-color: #f5fafd;
}
.GraphContainer .RawTable .thedate {
	font-weight: bold;
	padding-left: 10px;
}


/* LifePROFILE Advice */
#lifeprofileadvice {
	margin-top: 20px;
}
#lifeprofileadvice ul {
	margin: 0;
	padding-left: 10px;
}
#lifeprofileadvice div {
}
#lifeprofileadvice ul {
	margin-left: 20px;
}
#lifeprofileadvice li {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	list-style-type: none;
}
#lifeprofileadvice .eatmore li, #lifeprofileadvice .domore li {
	background-image: url(../images/Shield_Network_Active.png);
}
#lifeprofileadvice .eatless li, #lifeprofileadvice .doless li {
	background-image: url(../images/Shield_Network_Disabled.png);
}
#lifeprofileadvice .behaviour li {
	background-image: url(../images/SignUp16x16.png);
}
#lifeprofileadvice .worklife li {
	background-image: url(../images/Clock16.png);
}
#lifeprofileadvice .toxins li {
	background-image: url(../images/PillYellow16.png);
}



/* These all came from My Details */
.ClientRecommendationsLinkClass {
	background-image: url(../Images/NavUnselectedPink.png);
	background-repeat: no-repeat;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	color: #000000;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}
.ClientRecommendationsLinkClass a {
	text-decoration: none;
	color: #000000;
}
.DetailsFormLabel {
	width: 100%;
	margin: 4px 4px 4px 4px;
	padding: 3px;
	height: 24px;
}
.DetailsFormTextBox {
	width: 95%;
	margin: 1px;
}
.DetailsFormFeedback {
	text-align: left;
	font-weight: bold;
	color: Red;
	width: 510px;
	padding-left: 6px;
}
/*Modal Popup*/
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70); /* IE */
	opacity: 0.7; /* Firefox */
}

#RecommendationsListDiv li {
	padding: 5px 5px 5px 5px;
}
#RecommendationsListDiv a {
	text-decoration: none;
	color: #008cd6;
}
#RecommendationsTitleDiv {
	padding: 10px 5px 10px 5px;
	text-align: center;
	font-size: medium;
	font-weight: bold;
}
.DetailsDivCell {
	height: 26px;
	vertical-align: middle;
}
.ActionLinkCell {
	width: 250px;
	padding: 0px 0px 0px 5px;
}
.TickCell {
	width: 20px;
	border: solid 1px #008CD6;
	text-align: center;
	padding: 3px 0px 0px 0px;
}
.RecommendationsRowDiv {
	padding: 5px 5px 5px 5px;
}

.DetailsDivCell .AspNet-RadioButtonList-Item {
	display: inline;
}


.resultsContentDiv a {
	color: #0066CC;
}
.remindersContentDiv a {
	color: #CC0033;
}
.readingsContentDiv a {
	color: #CC6633;
}
.leftClientMainMenu {
}
.leftClientMainMenu li {
	margin-left: 30px;
}
.toggleLinkDiv a {
	text-decoration: underline;
	color: #008CD6;
}
.welcomeDiv a {
	color: #008CD6;
}
.welcomeDiv ul {
	margin-left: 20px;
	padding: 5px 0px 15px 0px;
}
.welcomeDiv li {
	padding: 0px 0px 8px 0px;
}
.alertOuter {
	background-color: #FCC;
	width: 630px;
	height: 55px;
	padding: 0px 10px 5px 10px;
	margin-bottom: 40px;
}
.alertOuter a {
	color: #FF3333;
}
.availableFeaturesList li {
	padding-bottom: 0px;
}
.blackLink a {
	color: #000000;
	text-decoration: none;
}
.greenLink a {
	color: #00A94A;
	text-decoration: none;
}


/* This all came out of MedicalClearancePending.ascx */
/*Modal Popup*/
.formModalPopup {
	border-width: 3px;
	border-style: solid;
	padding: 3px 3px 0px 3px;
	width: 200px;
}

#PopupTitleDiv {
	padding: 5px 5px 5px 5px;
	text-align: center;
	font-size: medium;
	height: 24px;
}

.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70); /* IE */
	opacity: 0.7; /* Firefox */
}
.MedicalClearanceAlertOuter {
	background-color: #FCC;
	border: solid 2px #CC3333;
	width: 650px;
	height: 55px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}
.MedicalClearanceAlertOuter a {
	color: Red;
}


/* Landing page action links */
.bigactionlink {
	width: 300px;
	margin: 0 10px 10px 0;
	float: left;
	border: solid 1px #fff; /*IE6 doesn't do transparent, so we're using white */
}

.bigactionlink img {
	float: left;
}
.bigactionlink a, .bigactionlink span {
	margin-left: 40px;
	display: block;
}
.bigactionlink span {
	font-size: 9pt;
	font-style: italic;
}
.bigactionlink span.normal {
	font-size: 11pt;
	font-style: normal;
}
.bigactionlink a.normal {
	display: inline;
	margin-left: 0;
}

/* These came from master */
/* main scaffolding */
.breadcrumb {
}

#header 
{
	height:130px;
}
#topnavwrapper 
{
	background-image: url(../images/menuback.png);
	background-position:left center;
	background-repeat:repeat-x;
	margin-bottom:10px;
}

.sectiontitle {
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 29px;
}

.maintop
{
	background-image:url(../images/mainbacktopmotivage.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.areatrainer .maintop {background-image:url(../images/mainbacktoptrainer.png)}
.arealifeprofile .maintop {background-image:url(../images/mainbacktoplifeprofile.png)}
.areamotivage .maintop {background-image:url(../images/mainbacktopmotivage.png)}
.areaeducation .maintop {background-image:url(../images/mainbacktopeducation.png)}

.plaintop 
{
	margin-top:100px;
}

.maintop .grid_12
{
	min-height:29px;
}
.main {
	background-image: url(../Images/mainback.png);
	background-position: left top;
	min-height: 300px; /* (sing it with me!) 300 is a magic number */
}
.fullwidth .main 
{
	background-image: url(../Images/mainbackfullwidth.png);
}
.sidebar .main
{
	background-image: url(../Images/mainbacksidebar.png);
}

.sidebar .caption {background-color:White;}
.sidebar .caption p {text-align:center; color:#235aa2;font-size:0.8em;}

.fullwidth .maintopinner 
{
	background-image: url(../images/contenttopbackfull.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.sidebar .maintopinner 
{
	background-image: url(../images/contenttopbacksidebar.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.mainbottom{
	background-image: url(../Images/mainbackbottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.fullwidth .mainbottom  
{
	background-image: url(../Images/mainbackbottomfullwidth.png);
}
.sidebar .mainbottom  
{
	background-image: url(../Images/mainbackbottomsidebar.png);
	margin-top:-18px;
	height:30px;
}
.mainbottom .grid_12 
{
	height:30px;
	overflow:hidden;
}
.sidebar .mainbottom .grid_12
{
	margin-top:-18px;
}
.mainthin 
{
	background-image: url(../Images/mainbackthin.png);
	background-position:center top;
	background-repeat:no-repeat;
	min-height: 300px; /* (sing it with me!) 300 is a magic number */
}


.mainbottomthin 
{
	background-image: url(../Images/mainbackthin.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	height:30px;
}

.footer {
	text-align: right;
	height: 30px;
}
/* end main scaffolding */

/* top navigation */

ul#topnav 
{
	list-style-type:none;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
ul#topnav li  
{
	display: inline-block; 
	width:190px;
	text-align:center;
	height:69px;
	line-height:69px;
	float:left;
	background-position:left top;
}


ul#topnav li a
{
	/*float:left;*/
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:center 49px;
	display:block;
}
ul#topnav li.home           a {background-image:url(../images/menubackmotivage.png);}
ul#topnav li.interactive       a {background-image:url(../images/menubackmotivage.png);}
ul#topnav li.consulting       a {background-image:url(../images/menubackmotivage.png);}
ul#topnav li.aboutus       a {background-image:url(../images/menubackmotivage.png);}
ul#topnav li.contactus       a {background-image:url(../images/menubackmotivage.png);}

ul#topnav li 
{
	background-repeat: no-repeat;
	background-position: -190px 0;
}

ul#topnav li {background-image: url(../images/menubackcurrentmotivage.png);}

.areahome ul#topnav li.home,
.areainteractive ul#topnav li.interactive,
.areaconsulting ul#topnav li.consulting,
.areaaboutus ul#topnav li.aboutus,
.areacontactus ul#topnav li.contactus
{
	background-position:0 0;
	background-repeat:repeat-x;
	background-image: url(../images/menubackcurrent.png);
}                             
.areahome ul#topnav li.home a,
.areainteractive ul#topnav li.interactive a,
.areaconsulting ul#topnav li.consulting a,
.areaaboutus ul#topnav li.aboutus a,
.areacontactus ul#topnav li.contactus a
{background-image:url(../images/menubackhome.png);}
/* end top navigation */

/* top of page stuff */

.maintopinner 
{
	position:relative;
}
.tabs 
{
/*	bottom:0;*/
}

ul.toptabs 
{
	list-style-type:none;
}
ul.toptabs li 
{
	display:block;
	float:left;
	background-image:url(../images/tabinactive.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	position:relative;
}
ul.toptabs li.active 
{
	background-image:url(../images/tabactive.png);
	margin-right:-8px;
	margin-left:-8px;
	z-index:92;
}
ul.toptabs li a 
{
	text-decoration:none;
	display:block;
	padding-top:30px;
	height:29px;
	width:167px;
	color:#000;
	z-index:90;
}
ul.toptabs li.active a 
{
}

/* logged in user details*/
.loggedinandbreadcrumbs 
{
	text-align: right;
	background-position:right bottom;
	background-repeat:no-repeat;
	padding-top:15px;
}
#loggedinas, #breadcrumbcontainer 
{
	padding-right: 10px;
	line-height:1;
}
#loggedinas a, #breadcrumbcontainer a, #breadcrumbcontainer span.current {
	text-decoration: none;
	font-size: 10px;
	font-family: Segoe UI;
	color:#000;
}
#breadcrumbcontainer a, #breadcrumbcontainer span.current 
{
	white-space:nowrap;
	padding-left:4px;
	margin-left:2px;
    background-image: url(../images/breadcrumbseparator.png);
    background-position:left center;
    background-repeat:no-repeat;
}
/* end logged in user details*/

/* end top of page stuff */

.content 
{
	text-align:left;
	padding-right:33px;
	padding-left: 20px;
	padding-bottom:8px;
}

.contentfull
{
	text-align:left;
}
.contentfulltop 
{
}

/* boxed content */

.boxedcontent 
{
	background-image:url(../images/contentcontentback.png);
	background-position:top left;
	border: solid 1px #b6b6b6;
	padding:10px;
	margin-bottom:5px;
	/*cursor:pointer;*/
}
.boxedcontent div 
{
	padding-left: 110px;
	background-repeat:no-repeat;
	background-position:left top;
	min-height:90px;
	margin-bottom:5px;
}

.boxedcontent .list {cursor:pointer;}
.boxedcontent #listinteractive {background-image: url(../images/listnewclient.png);}
.boxedcontent #listconsulting {background-image: url(../images/listmotivageresults.png);}

.boxedcontent .listmotivageresults {background-image: url(../images/listmotivageresults.png);}
.boxedcontent .listmyreading {background-image: url(../images/listmyreading.png);}
.boxedcontent .listlifeprofile {background-image: url(../images/listlifeprofile.png);}
.boxedcontent .listcompletedtasks {background-image: url(../images/listcompletedtasks.png);}
.boxedcontent .listpreexercise {background-image: url(../images/listpreexercise.png);}
.boxedcontent .listinformedconsent {background-image: url(../images/listinformedconsent.png);}
.boxedcontent .listpremotivage {background-image: url(../images/listpremotivage.png);}
.boxedcontent .listmedicalreferralpending {background-image: url(../images/listmedicalreferralpending.png);}
.boxedcontent .listaccountdetails {background-image: url(../images/listpersonaldetails.png);}

.boxedcontent .listnewclient {background-image: url(../images/listnewclient.png);}
.boxedcontent .listarchiveclient {background-image: url(../images/listarchiveclient.png);}
.boxedcontent .listinviteclient {background-image: url(../images/listinviteclient.png);}
.boxedcontent .listadministration {background-image: url(../images/listadministration.png);}

.boxedcontent .listpersonaldetails {background-image: url(../images/listpersonaldetails.png);}
.boxedcontent .listlogindetails {background-image: url(../images/listlogindetails.png);}
.boxedcontent .listprivacysetting {background-image: url(../images/listprivacysetting.png);}

.boxedcontent a,
.boxedcontent .heading 
{
	font-size:16pt;
	text-decoration:none;
	color:#235aa2;
}

.boxedcontent .lifeprofile a {color:#00a43b}
.boxedcontent .motivage a {color:#235aa2}
.boxedcontent .education a {color:#ff49ff}
.boxedcontent .questionnaire a {color:#7f19d9}
.boxedcontent .referrals a {color:#df0024}
.boxedcontent .trainer a {color: #00a8ec}

.halfboxes 
{
	float:left; /*Float Nearly Everything */
}
.contentfull .halfboxes div 
{
	width:269px; /* boxedcontent has 758px useable width, divide by 2 = 379, take away 110 for left padding */
	float:left;
}

table.boxedtable 
{
	background-image:url(../images/contentcontentback.png);
	background-position:top left;
	border: solid 1px #b6b6b6;
	border-collapse:collapse;
	padding:10px;
}
table.boxedtable th 
{
	background-color:#fff;
	border-bottom: solid 1px #b6b6b6;
}
.areatrainer table.boxedtable th {color:#00a8ec;}

table.boxedtable th, table.boxedtable td 
{
	padding:5px 10px;
	border-right: solid 1px #b6b6b6;
}
/* end boxed content */

.welcomemessage 
{
	padding-top:10px;
	font-size:16pt;
	color:#7d7d7d;
	font-weight:bold;
}

.grid_8 a {
	text-decoration: underline;
	color: #008CD6;
}

.ui-datepicker-trigger 
{
	margin-left:5px;
}

.AspNet-RadioButtonList-Item label 
{
	margin-left:5px;
}

.businessgrouplist
{
margin: 0;
padding: 0 0  20px 0;
border-bottom: 1px solid #000;
}

.businessgrouplist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

.businessgrouplist a
{
float: left;
line-height: 14px;
font-weight: bold;
/*margin: 0 10px 4px 10px; original values*/
margin: 0 20px 0 0;
text-decoration: none;
color: #999;
}

.businessgrouplist .currentgroup a, .businessgrouplist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

.businessgrouplist a:hover { color: #000; }

/*.areatrainer table.boxedtable th {color:#00a8ec;}*/
.lifeprofilescorepostit
{
	background-image: url(../images/lifeprofilepostit.png);
}

td.actions 
{
	font-size:10px;
	white-space:nowrap;
}
td.actions ul 
{
	list-style-type:none;
}
tr.accountenabledFalse td
{
	color:#777;
	font-style:italic;
}
tr.accountinvisibleTrue td.accountlink a, tr.accountinvisibleTrue td.accountlink a:visited, tr.accountinvisibleTrue td.accountlink a:hover
{
	/*background-color:#ffffe8;
	background-image:url(../images/stripe_4d3a214ad418b0a5344c9ca56e174e37.png);*/
	color:#000;
}

.smallwarning 
{
	/*
	border: solid 2px #f0f000;
	background-color:#ffffe8;
	*/
	background-color:#FFFACD;
	border: solid 2px #FFD700;
	font-size:10px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	margin-right:20px;

}
.trainerwhereami 
{
	text-align:left;
	padding-left:10px;
	padding-top:3px;
}
.trainerwhereami h3 
{
	font-size: 16pt;
	color:#235aa2;
	margin-bottom:0;
}
.trainerwhereami a, .trainerwhereami a:visited, .trainerwhereami a:active
{
	color:#000;
	text-decoration:none;
	font-size:10pt;
	padding-left:20px;
	background-image:url(../images/control_rewind.png);
	background-position:left center;
	background-repeat:no-repeat;
} 
.trainerwhereami a:hover 
{
	color:#235aa2;
}

/* Square Navigations */

.squarenav 
{
	border-bottom: solid 2px #cfcfd0;
	padding-bottom:12px;
	padding-top:15px;
}
.squarenav ul 
{
	list-style-type:none;
}
.squarenav ul li 
{
	display:block;
	float:left;
	background-position: center 5px;
	background-repeat:no-repeat;
}
.squarenav ul li a 
{
	display:block;
	height: 10px;
	padding-top: 105px;
	padding-bottom:5px;
	width:106px;
	font-size:10px;
	text-align:center;
	text-decoration:none;
	color:#000;
}

.square6 ul li a 
{
	margin-right:1px;
}
.square5 ul li a 
{
	margin-right:23px;
}

.arealifeprofile .squarenav ul li a 
{
	color:#00a53b;
}
.areamotivage .squarenav ul li a 
{
	color:#1764a9;
}
.areaeducation .squarenav ul li a 
{
    color: #e800e8;
}
.squarenav ul li.lifeprofileoverview {background-image: url(../images/squarelifeprofileoverview.png)}
.squarenav ul li.lifeprofilereport {background-image: url(../images/squarelifeprofilereport.png)}
.squarenav ul li.lifeprofileexplanation {background-image: url(../images/squarelifeprofileexplanation.png)}
.squarenav ul li.lifeprofilehealthbenefits {background-image: url(../images/squarelifeprofilehealthbenefits.png)}
.squarenav ul li.lifeprofileprogressgraphs {background-image: url(../images/squarelifeprofileprogressgraphs.png)}
.squarenav ul li.lifeprofilestatus {background-image: url(../images/squarelifeprofilestatus.png)}

.squarenav ul li.lifeprofilenutrition {background-image: url(../images/squarelifeprofilenutrition.png)}
.squarenav ul li.lifeprofiletoxins {background-image: url(../images/squarelifeprofiletoxins.png)}
.squarenav ul li.lifeprofileactivity {background-image: url(../images/squarelifeprofileactivity.png)}
.squarenav ul li.lifeprofileworklife {background-image: url(../images/squarelifeprofileworklife.png)}
.squarenav ul li.lifeprofilesleep {background-image: url(../images/squarelifeprofilesleep.png)}

.squarenav ul li.educationall {background-image: url(../images/squareeducationall.png)}
.squarenav ul li.educationexercise {background-image: url(../images/squareeducationexercise.png)}
.squarenav ul li.educationnutrition {background-image: url(../images/squareeducationnutrition.png)}
.squarenav ul li.educationmedical {background-image: url(../images/squareeducationmedical.png)}
.squarenav ul li.educationother {background-image: url(../images/squareeducationother.png)}

.squarenav ul li.motivagevitals {background-image: url(../images/squaremotivagevitals.png)}
.squarenav ul li.motivagecardiovascular {background-image: url(../images/squaremotivagecardiovascular.png)}
.squarenav ul li.motivagebodycomposition {background-image: url(../images/squaremotivagebodycomposition.png)}
.squarenav ul li.motivageaerobicfitness {background-image: url(../images/squaremotivageaerobicfitness.png)}
.squarenav ul li.motivagemuscularfitness {background-image: url(../images/squaremotivagemuscularfitness.png)}
.squarenav ul li.motivageflexibility {background-image: url(../images/squaremotivageflexibility.png)}


.lifeprofilenutrition li.lifeprofilenutrition,
.lifeprofiletoxins li.lifeprofiletoxins,
.lifeprofileactivity li.lifeprofileactivity,
.lifeprofileworklife li.lifeprofileworklife,
.lifeprofilesleep li.lifeprofilesleep,

.lifeprofileoverview li.lifeprofileoverview,
.lifeprofilereport li.lifeprofilereport,
.lifeprofileexplanation li.lifeprofileexplanation,
.lifeprofilehealthbenefits li.lifeprofilehealthbenefits,
.lifeprofileprogressgraphs li.lifeprofileprogressgraphs,
.lifeprofilestatus li.lifeprofilestatus,
.arealifeprofile .squarenav ul li.active
{background-color: #f2fbf6;border-bottom: solid 3px #00a53b;}

.areamotivage .squarenav ul li.active
{background-color: #f3f7fb;border-bottom: solid 3px #1764a9;}


.areaeducation .squarenav ul li.active 
{
    background-color: #ffe9ff; border-bottom: solid 3px #f0f;
}
#LifeProfileScore 
{
	text-align:center;
}
#LifeProfileScore .inner 
{
	margin-left:auto;
	margin-right:auto;
	width:210px;
}
.scoresheets .head  
{
	height:85px;
	background-image: url(../images/scoresheetback.png);
	background-position:left top;
	background-repeat:no-repeat;
}
.scoresheets .body 
{
	background-image: url(../images/scoresheetback.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding: 0 15px 30px 15px;
}
.scoresheets .status span
{
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.scoresheets .status a 
{
	color:#000;
	text-decoration:none;
}
.scoresheets .complete span {
	background-image: url(../images/checklisttick.png);
}
.scoresheets .outofdate span {
	background-image: url(../images/checklistexclamation.png);
}
.scoresheets .incomplete span {
	background-image: url(../images/checklistcross.png);
}
.scoresheets .empty span {
	background-image: url(../images/checklistcross.png);
}

.savemessage 
{
    width:80px;
    border: solid 2px #2ee460;
    padding:5px;
    height:20px;
    line-height:20px;
    background-color:#fff;
    text-align:center;
}

/* help messages */
.hideablemessage 
{
    background-color:#fef1a9;
    border:solid 1px #FFDE2E;
    background-image: url(../images/infoback.png);
    background-position:left top;
    background-repeat:repeat-x;
    margin-bottom:10px;
}
.hideablemessage .body 
{
    padding:10px;
}
.hideablemessage .footer 
{
    text-align:right;
    padding: 0 10px;
}
.hideablemessage .footer a 
{
    text-decoration:none;
    color:#000;
    background-image: url(../images/close.png);
    padding-right: 10px;
    background-repeat:no-repeat;
    background-position: right center;
    font-size:80%;
}
/* end help messages /*

/* reading */

.readings {}
.readings .document 
{
    padding:10px;
    margin-bottom:10px;
}

.readings .odd 
{
    background-color: #f9f9f9;
}
.readings .even 
{
    background-color: #ffe9ff;
}

.readings .document .name 
{
    font-weight:bold;
}
.readings .document .download 
{
    margin-left:5px;
}
.readings .document .excerpt  
{
    padding:0;
    margin:0 0 10px 0;
}
.readings .document .recommendationsheader 
{
    padding-bottom:0px;
}
.readings .document .recommendations 
{
    margin-bottom:10px;
}
.readings .document .recommendations li
{
    margin-left:20px;
}
.readings .notrecommended .recommendationsheader, 
.readings .notrecommended .recommendations 
{
    display:none;
}
.readings .recommended .name 
{
    background-image: url(../images/sketchyasteriskreading.png);
    background-position:left center;
    padding-left: 20px;
    background-repeat:no-repeat;
}
.readings .recommended 
{
}

/* end reading */
.topbuttons 
{
    text-align:right;
    padding-top:5px;
}
.topbuttons div 
{
	display:inline;
}

.topbuttons a 
{
    text-decoration:none;
    background-position:3px center;
    background-repeat:no-repeat;
    margin-left:10px;
    padding: 5px 3px 5px 22px;
    background-color: #f9f9f9;
    border: solid 1px #e4e4e4;
    font-weight: bold;
    font-size: 10px;
}
.topbuttons a.print 
{
    background-image: url(../images/printer.png);
}
.topbuttons a.help 
{
    background-image: url(../images/help.png);
}
.topbuttons a.settings
{
	background-image:url(../images/cog.png);
}
.topbuttons a.request 
{
	background-image:url(../images/comment_edit.png);
}

.arealifeprofile .topbuttons a 
{
	color:#00a53b;
}
.arealifeprofile .topbuttons a:hover 
{
    background-color: #f2fbf6;
    border-color: #00a53b;
}
.areamotivage .topbuttons a 
{
	color:#1764A9;
}
.areamotivage .topbuttons a:hover 
{
	background-color:#F3F7FB;
	border-color: #1764A9;
}
.LoginActionsList p 
{
	text-align:center;
}

.backtoaccountdetails 
{
	margin-top:20px;
}


.lightTip						{  }
.lightTip .content				{ width: 310px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .bottom				{ height: 14px; background: url(../images/notch-white.png) top center no-repeat; }

.yellowTip						{  }
.yellowTip .content				{ width: 310px; padding: 10px; border: 6px solid #f9e98e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbf7aa; color: #020202; }
.yellowTip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; }

.orangeTip						{  }
.orangeTip .content				{ width: 310px; padding: 10px; border: 6px solid #f9cd8e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbe3aa; color: #020202; }
.orangeTip .bottom				{ height: 14px; background: url(../images/notch-orange.png) top center no-repeat; }

.redTip							{  }
.redTip .content				{ width: 310px; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f79992; color: #020202; }
.redTip .bottom					{ height: 14px; background: url(../images/notch-red.png) top center no-repeat; }

.greenTip						{  }
.greenTip .content				{ width: 310px; padding: 10px; border: 6px solid #a9db66; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #cae8a2; color: #020202; }
.greenTip .bottom				{ height: 14px; background: url(../images/notch-green.png) top center no-repeat; }

.blueTip						{  }
.blueTip .content				{ width: 310px; padding: 10px; border: 6px solid #36a4d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #90d8f0; color: #020202; }
.blueTip .bottom				{ height: 14px; background: url(../images/notch-blue.png) top center no-repeat; }

.purpleTip						{  }
.purpleTip .content				{ width: 310px; padding: 10px; border: 6px solid #8671de; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #a290f0; color: #020202; }
.purpleTip .bottom				{ height: 14px; background: url(../images/notch-purple.png) top center no-repeat; }

.darkTip						{  }
.darkTip .content				{ width: 310px; padding: 10px; border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #505050; color: #f8f8f8; }
.darkTip .bottom				{ height: 14px; background: url(../images/notch-dark.png) top center no-repeat; }

.printonly 
{
	display:none;
}

.sidebarinner
{
	margin-left: 17px;
	margin-bottom: -14px
}