@font-face
{
	font-family: 'OpenSansBold';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/opensans-bold-webfont.eot');
	src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold-webfont.ttf') format('truetype');
}
@font-face
{
	font-family: 'OpenSansItalic';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/opensans-italic-webfont.eot');
	src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-italic-webfont.ttf') format('truetype');
}
@font-face
{
	font-family: 'OpenSansRegular';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/opensans-regular-webfont.eot');
	src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.ttf') format('truetype');
}
@font-face
{
	font-family: 'ChunkFiveRoman';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/chunkfive-webfont.eot');
	src: url('fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/chunkfive-webfont.ttf') format('truetype');
}

body
{
	background-image:url(App_Themes\Base\img\bg-main.png);
    /*background-color: #56a1d5;
	background-position: top;
	background-repeat: repeat;
	position:relative;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	overflow: auto;*/
}

.masterbodybackground
{
	background-image: url(img/b3.png) top center no-repeat;
	background-attachment: fixed;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}

.slideshow, img.bgM 
{ 
    min-height: 100%; 
    min-width: 1024px; 
    width: 100%; 
    height: auto; 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    z-index:-9999; 
} 

table
{
	outline: none;
}

html
{
	height: 100%;
	width: 100%;
}

td
{
	font-family: OpenSansRegular;
	font-size: 14px;
	outline: none;
}

div
{
	font-family: OpenSansRegular;
	font-size: 14px;
	outline: none;
}

p
{
	font-size: 9pt;
}

img
{
	border: none;
	outline: none;
}

h1
{
	color: #796d66;
	font-family: Calibri;
	font-size: 16pt;
	font-weight: 100;
}

a
{
	color: #796d66;
	outline: none;
	text-decoration: underline;
}

a:hover
{
	color: #796d66;
	text-decoration: none;
}

a:visited
{
	color: #796d66;
}

span,input
{
	outline: none;
}

#div-header
{
	background-image: url(img/bg-header.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 194px;
	left: 0;
	position: relative;
	top: 0;
	width: 992px;
}

#div-short
{
	background-image: url(img/bg-header.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 154px;
	left: 0;
	position: relative;
	top: 0;
	width: 992px;
}

#div-header-wide
{
	background-image: url(img/bg-header-wide.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 154px;
	left: 0;
	position: relative;
	top: 0;
	width: 992px;
}

#div-content-top
{
	background-image: url(img/content-top.png);
	background-position: center top;
	background-repeat: no-repeat;
	height: 0px;
	width: 992px;
	/*left: 0;
	position: absolute;    
	top: 162px;*/
	z-index: -1;	
}

#div-content-body
{
	background-image: url(img/content-body.png);
	background-position: center top;
	background-repeat: repeat-y;
	
	margin-top: 1px;
	padding: 0px 16px 0px 16px;		
}

#div-content-bottom
{
	background-image: url(img/content-bottom.png);
	background-position: center top;
	background-repeat: no-repeat;
	height: 16px;
	width: 992px;
	z-index: 10;
}

#div-footer
{
	/*background-image: url(img/logo-footer.png);
	background-position: right 5px;
	background-repeat: no-repeat;*/
	background-color: #0177b8;
	height: 60px;
	width: 100%;
	bottom:0px;
}

#div-phys-username
{
	bottom: 65px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 12pt;
	/*position: absolute;*/	
	display:inline-block;
	right: 10px;
	height: 33px;
	width: 100px;
	white-space: nowrap;
	z-index: 20;
	vertical-align:middle;
}

#mnu-settings 
{
    background-image: url(img/mnu-settings.png);
    background-repeat: no-repeat;
    cursor: pointer;
    height: 47px;
    position: absolute;
    right: 180px;
    top: 0;
    width: 165px;    
}

#mnu-settings:hover
{
	background-image: url(img/mnu-settings-on.png);
}

#div-main-menu
{
	top: 40px;
	height: 100px;
	position: absolute;
	right: 10px;
	white-space: nowrap;
	width: 686px;
	z-index: 20;
}

#mnu-home
{
	background-image: url(img/mnu-home.png);
	background-repeat: no-repeat;
	cursor: pointer;
	display:inline-block;
	height: 100px;
	width: 175px;
}

.mnu-spacer {
    height:100px;
    width: 175px;
    display:inline-block;
}

#mnu-home:hover
{
	background-image: url(img/mnu-home-on.png);
}

#mnu-home-on
{
	background-image: url(img/mnu-home-on.png);
	background-repeat: no-repeat;
	display:inline-block;
	height: 100px;
	width: 175px;
}

#mnu-lessons
{
	background-image: url(img/mnu-lessons.png);
	background-repeat: no-repeat;
	cursor: pointer;
	display:inline-block;
	height: 100px;
	width: 175px;
}

#mnu-lessons:hover
{
	background-image: url(img/mnu-lessons-on.png);
}

#mnu-lessons-on
{
	background-image: url(img/mnu-lessons-on.png);
	background-repeat: no-repeat;
	display:inline-block;
	height: 100px;
	width: 175px;
}

#mnu-resources
{
	background-image: url(img/mnu-resources.png);
	background-repeat: no-repeat;
	cursor: pointer;
	display:inline-block;
	height: 100px;
	width: 175px;
}

#mnu-resources:hover
{
	background-image: url(img/mnu-resources-on.png);
}

#mnu-resources-on
{
	background-image: url(img/mnu-resources-on.png);
	background-repeat: no-repeat;
	display:inline-block;
	height: 100px;
	width: 175px;
}

#div-username
{
	
	bottom: 65px;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 12pt;
	/*position: absolute;*/
	cursor: pointer;
	display:inline-block;
	right: 10px;
	height: 73px;
	width: 100px;
	white-space: nowrap;
	z-index: 20;
	vertical-align:middle;
}

#mnu-name
{
    vertical-align:top;
    display:inline-block;
	height: 100px;
	width: 121px;	
	text-align:right;
}

.headerName
{        
    font:Calibri;
    text-align:right;
    /*vertical-align:middle;*/
    height:30px;
    margin-right: 0px;    
    color: White; /*#ffffff;*/
    
    /*padding-bottom:5px;*/        
}

.ddlUserMenu
{
    font:Calibri;
    /*color:#ffffff;*/
    /*background-color:transparent;*/
    background-color:#56a1d5;
    border:none;
    background-repeat: no-repeat;	
	display:inline-block;
    bottom: 8px;
    text-align:left;        
    /*z-index: 0;*/
    position: relative;
}

.ddlListItem
{
    font:Calibri;
    /*background-color:transparent;*/
    background-color:#56a1d5;
    text-align:left;
    /*z-index: 0;*/
}

#mnu-logout
{
	background-image: url(img/mnu-logout.png);
	background-repeat: no-repeat;
	cursor: pointer;
	height: 60px;
	position: absolute;
	display:inline-block;
	top: 0;
	width: 165px;
}
#mnu-logout:hover
{
	background-image: url(img/mnu-logout-on.png);
}

#div-menu
{
	background-image: url(img/mnu-background.png);
	bottom: 0;
	height: 40px;
	position: absolute;	
	white-space: nowrap;
	width: 992px;
	z-index: 20;
	text-align:center;	
}

#mnu-diary
{
	background-image: url(img/mnu-diary.png);
	background-repeat: no-repeat;
	cursor: pointer;
	height: 40px;
	width: 150px;	
	display: inline-block;
}

#mnu-diary:hover
{
	background-image: url(img/mnu-diary-on.png);
}

#mnu-diary-on
{
	background-image: url(img/mnu-diary-on.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 150px;	
	display: inline-block;
}

#mnu-messages
{
	background-image: url(img/mnu-messages.png);
	background-repeat: no-repeat;
	cursor: pointer;
	height: 40px;
	width: 150px;	
	display: inline-block;
}

#mnu-messages:hover
{
	background-image: url(img/mnu-messages-on.png);
}

#mnu-messages-on
{
	background-image: url(img/mnu-messages-on.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 150px;	
	display: inline-block;
}

#mnu-myplan
{
	background-image: url(img/mnu-myplan.png);
	background-repeat: no-repeat;
	cursor: pointer;
	height: 40px;
	width: 150px;	
	display: inline-block;
}

#mnu-myplan:hover
{
	background-image: url(img/mnu-myplan-on.png);
}

#mnu-myplan-on
{
	background-image: url(img/mnu-myplan-on.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 150px;	
	display: inline-block;
}

#mnu-progress
{
	background-image: url(img/mnu-progress.png);
	background-repeat: no-repeat;
	cursor: pointer;
	height: 40px;
	width: 150px;	
	display: inline-block;
}

#mnu-progress:hover
{
	background-image: url(img/mnu-progress-on.png);
}

#mnu-progress-on
{
	background-image: url(img/mnu-progress-on.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 150px;	
	display: inline-block;
}

.mnu-blank
{	
	height: 40px;
	width: 150px;	
	display: inline-block;
}

.btn-readmore
{
	background-image: url(img/btn-readmore-blu.png);
	background-repeat: no-repeat;
	bottom: 10px;
	cursor: pointer;
	height: 57px;
	left: 10px;
	position: absolute;
	width: 142px;
	z-index: 30;
}

.btn-readmore:hover
{
	background-image: url(img/btn-readmore-brn.png);
}

.standard100Btn
{
	background-image: url(img/btn100.png);
	background-repeat: no-repeat;
	color: White;
	cursor: pointer;
	font-size: 10pt;
	/*font-weight: bold;*/
	height: 32px;
	margin-top: 3px;
	padding-top: 13px;
	text-align: center;
	width: 122px;
}

.standard100Btn:hover
{
	background-image: url(img/btn100_on.png);
}

.standard100BlkBtn:hover
{
	background-image: url(img/btn100_on.png);
}

.standard140Btn
{
	background-image: url(img/btn140.png);
	background-repeat: no-repeat;
	color: White;
	cursor: pointer;
	font-size: 10pt;
	font-weight: bold;
	height: 32px;
	margin-top: 3px;
	padding-top: 13px;
	text-align: center;
	width: 162px;
}

.standard140Btn:hover
{
	background-image: url(img/btn140_on.png);
}

.standard200Btn
{
	background-image: url(img/btn200.png);
	background-repeat: no-repeat;
	color: White;
	cursor: pointer;
	font-size: 10pt;
	height: 32px;
	margin-top: 3px;
	padding-top: 13px;
	text-align: center;
	width: 222px;
}

.standard200Btn:hover
{
	background-image: url(img/btn200_on.png);
}

.standard140BtnDrk
{
	background-image: url(img/btn140.png);
	background-repeat: no-repeat;
	color: White;
	cursor: pointer;
	font-size: 10pt;
	font-weight: bold;
	height: 32px;
	margin-top: 3px;
	padding-top: 13px;
	text-align: center;
	width: 140px;
}

.standard140BtnDrk:hover
{
	background-image: url(img/btn140_on.png);
}

#footlink-hnc
{
	cursor: pointer;
	float: left;
	height: 55px;
	margin-left: 540px;
	width: 140px;
}

#footlink-ncrc
{
	cursor: pointer;
	float: left;
	height: 55px;
	margin-left: 4px;
	width: 115px;
}

#footlink-unc
{
	cursor: pointer;
	float: left;
	height: 55px;
	margin-left: 4px;
	width: 180px;
}

.ContentBlockTitle
{
	background-image: url(img/img-content-title.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	color: #569fd3;
	font-family: OpenSansRegular;
	font-size: 16px;
	height: 30px;
	padding-left: 35px;
	text-align: left;
}

.contentBlockBody
{
	background-color: #ececec;
	border: 1px #CCCCCC solid;
	color: #569fd3;
	margin: 10px;
	padding: 10px;
}

.ContentBlockTitle1
{
	background-color: #bedaff;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 24px;
	height: 30px;
	/*margin: 2px;*/
	padding: 10px 10px 10px 30px;
	
}

.contentBlockBody1
{
	/*border: 4px #8cc63f solid;*/
	margin: 10px;
	padding: 20px;
}

.ContentBlockTitle2
{
	background-color: #569fd3;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 24px;
	height: 20px;
	margin: 2px;
	padding: 15px;
}

.contentBlockBody2
{
	/*border: 4px #569fd3 solid;*/
	margin: 10px;
	padding: 0;
}

.ContentBlockTitle3
{
	background-color: #bedaff;
	color: #ffd204;
	font-family: Calibri;
	font-size: 24px;
	height: 20px;
	margin: 2px;
	padding: 15px;
}

.contentBlockBody3
{
	/*border: 4px #684f40 solid;*/
	margin: 10px;
	padding: 0;
}

.ContentBlockTitle4
{
	background-color: #bedaff;
	color: #000000;
	font-family: Calibri;
	font-size: 24px;
	height: 20px;
	margin: 2px;
	padding: 15px;
}

.contentBlockBody4
{	
	margin: 10px;
	padding: 0;
}

.ContentBlockTitle5
{
	background-color: #bedaff;
	color: #FFFFFF;
	font-family: Calibri;
	font-size: 24px;
	height: 20px;
	margin: 2px;
	padding: 15px;
}

.contentBlockBody5
{	
	margin: 10px;
	padding: 0;
}

.ContentBlockTitle6
{
	background-color: #bedaff;
	color: #684f40;
	font-family: Calibri;
	font-size: 24px;
	height: 20px;
	margin: 2px;
	padding: 15px;
}

.contentBlockBody6
{	
	margin: 10px;
	padding: 0;
}

.calSubHeader
{
	color: #8cc63f;
	float: left;
	font-family: OpenSansBold;
	font-size: 21px;
	padding-top: 15px;
	width: 140px;
}

.calEntrySubHeader
{
	color: #8cc63f;
	font-family: Calibri;
	font-size: 24px;
	font-weight: bold;
	padding-top: 15px;
	text-align: left;
}

.calFancy
{
	color: #56a1d5;
	font-family: OpenSansRegular;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}

.calFancySmaller
{
	color: #56a1d5;
	font-family: OpenSansRegular;
	font-style: italic;
	font-weight: bold;
}

.numEntry
{
	background-color: #DFDFDF;
	border-bottom: 1px white solid;
	border-right: 1px white solid;
	color: #276D9C;
	font-weight: bold;
	overflow: hidden;
	padding: 4px;
	text-align: center;
	width: 100px;
}

.assessmentRating
{
	border-bottom: 1px white solid;
	border-right: 1px white solid;
	color: #6068AF;
	font-weight: bold;
	overflow: hidden;
	padding: 4px;
	text-align: center;
	width: 100px;
}

.nuMidRange
{
	background-color: #f5f5f5;
	border: 1px solid #cccccc;	
	color: #4886c2;
	height: 20px;
	padding: 6px;
	text-align: center;
	width: 60px;
}

.progEntry
{
	background-color: #FFFFFF;
	border-bottom: 1px #EAF6F4 solid;
	border-right: 1px #EAF6F4 solid;
	overflow: hidden;
	padding: 4px;
	width: 100px;
}

.subhead-plan
{
	color: #5ea0ce;
	font-family: OpenSansBold;
	font-size: 16pt;
}

.subhead-resources
{
	color: #8dc63f;
	font-family: OpenSansBold;
	font-size: 16pt;
}

#btnMyWeightGoals
{
	background-image: url(../../img/myweightgoals.png);
	cursor: pointer;
	height: 84px;
	left: 230px;
	position: absolute;
	top: 30px;
	width: 143px;
}

.goodSmileyIcon {
    background-image: url(../../img/progress_g.png);
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    cursor: pointer;    
}

.badFrownyIcon {
    background-image: url(../../img/progress_b.png);
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    cursor: pointer;    
}

.neutralFairIcon {
    background-image: url(../../img/progress_f.png);
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    cursor: pointer;    
}

.goodWeightloss {
    background-image: url(../../img/progress_g.png);
    background-size: 12px 12px;
    width: 25px;
    height: 25px;
    cursor: pointer;    
}

.fairWeightloss {
    background-image: url(../../img/progress_f.png);
    background-size: 12px 12px;
    width: 25px;
    height: 25px;
    cursor: pointer;    
}

.badWeightloss {
    background-image: url(../../img/progress_b.png);
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.toolTip {
    display:block; 
    visibility:hidden; 
    width:200px; 
    height:30px; 
    background-color: white; 
    margin-bottom:10px;
    margin-left:40px; 
    position:relative;
    z-index: 1000;
    font-size: 9px;
    font-weight: bold;
    text-align: left;
}

.diary-menu 
{
    background-color: transparent;
    top:0;
    width: 60%;
    height: 27px;
    margin-bottom:-42px;
    padding-top:15px;
    text-align:center;
    display: none;
}

.diary-menu-item 
{
    
    color: #56a1d5;
    width: 150px;
    height: 20px;
    display:inline-block;
    cursor: pointer;
    text-align:center;
    padding:4px;
    margin-top:-4px;
}

.diary-menu-item:hover
{
    
    color: #ffffff;
    width: 150px;
    height: 20px;
    display:inline-block;
    cursor: pointer;
    text-align:center;
    text-decoration:underline;
}

.todotable 
{
    text-align:left;
    color:#0054a6;
    font-family:Trebuchet MS;
    font-size:18px;
    padding-left:18px;
}

.iconSmall
{
    width: 32px;
    height: 32px;    
}

.resourcesContent
{        
    background-color:#ececec; 
    width:50%; 
    text-align:left; 
    vertical-align:top;      
}



/*LOGIN CSS/
/* Fonts */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 9, 2012 */
@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.loginbody 
{
	background-color: #56a1d5;
	background-image: url(img/bg-main.png);
	background-position: top;
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.mainContent_en 
{
	width: 824px;
	background-image: url(img/bg-login-panel.png);
	background-position: top;
	background-repeat: no-repeat;
	background-position: top center;
}
.mainContent_es 
{
	width: 824px;
	background-image: url(img/bg-login-panel.png);
	background-position: top;
	background-repeat: no-repeat;
	background-position: top center;
}
#footerArea 
{
	height: 15px;
	max-height: 15px;
	width: 876px;
	text-align: center;
	vertical-align: bottom;
	font-family: OpenSansRegular;
}
.footerItems 
{
	width: 360px; 
	font-size:7pt;  
	/*float:left;*/
	white-space:nowrap;
	font-family: OpenSansRegular;
}
.footerItems a 
{
	color: White;
	text-decoration: none;
}
.footerItems a:hover
{
	text-decoration: underline;
}
.txtBox 
{
	background-color: White;
	border: solid 1px #214466;
	font-size: 12px;
	font-family: OpenSansRegular;
}

.btnSolveIt
{
    background-image:url(img/myplan.png);
}

.btnSolveIt:hover
{
    background-image:url(img/myplan_hover.png);
}


.btnPlanIt
{
    background-image:url(img/planit.png);
}

.btnPlanIt:hover
{
    background-image:url(img/planit_hover.png);
}