/*dashboard.css*/

body {text-align:left; margin: 0px; bgcolor="#000000"}
	
span, p {font-size: 10pt;font-family: "trebuchet ms", Verdana; margin: 0px;}

/*all pages elements*/
/*centers the content on the page no matter the viewport size*/
#container {
	position: relative;
	width:776px;
	margin:0px auto;
}

#content {
	position: relative;
	background-image: url(../images/mainFill.gif);
	background-repeat: repeat-y;
}

#content p{
	padding: 0px 75px 10px 75px;
}

#homeContent {
	position: relative;
	background-image: url(../images/mainFill.gif);
	background-repeat: repeat-y;
	height:500px;
}

#homeContent p{
	padding: 0px 75px 10px 75px;
}

#splashContent {
	position: relative;
	background-image: url(../images/mainFill.gif);
	background-repeat: repeat-y;
}

#navButtons { 
	position: absolute; 
	left: 239px;
	top: 40px;
}

#dashboard { 
	height: 104px;
	position: relative;
	top: 0px;
}

#dashButtons { 
	height: 33px;
	position: absolute;
	top: -8px;
	right: 0px;
}

#dashboard p {
	font-size: 8pt;
	text-align: right;
	padding-top: 10px;
}

#dashboardNav { 
	background-image: url(../images/dashboardEmpty.gif); 
	background-repeat: repeat-x;
	height: 95px;

}

#footer { 
	background-image: url(../images/bottomFrame.gif); 
	background-repeat: no-repeat;
	height: 59px;
}

#footer p{ 
	font-size: 10pt;
	text-align: center;
	padding-top: 60px;
}
#privacyContent {
	position: relative;
	background-image: url(../images/mainFill.gif);
	background-repeat: repeat-y;
}

#privacyContent p{
	font-size: 10pt;
	padding: 0px 200px 0px 75px;
}

#privacyContent p.welcome { 
	font-size: 14pt; 
	font-weight: bold;
}

/*Log in page elements*/
#loginContent {
	position: relative;
	background-image: url(../images/mainFill.gif);
	background-repeat: repeat-y;
	padding-bottom: 20px;
}

#loginContent p{
	font-size: 10pt;
	padding: 0px 350px 0px 75px;
}

#loginContent p.register{
	font-size: 12pt;
	padding: 0px 200px 20px 75px;
}

#feedbackContent {
	position: relative;
}



#registerBlock {
	position: absolute;
	left: 460px;
	width: 290px;
}

#registerBlock p {
	font-size: 10pt;
	padding: 0px;
	margin: 0px;
}

.loginButton { 
	position:absolute;
	left:170px;
	top:20px;
}

#fruitsFooter { 
	background-image: url(../images/fruitsFrame.gif); 
	background-repeat: no-repeat;
	height: 245px;
}

#fruitsFooter p{ 
	font-size: 10pt;
	text-align: center;
	padding-top: 246px;
}

#healthyFooter { 
	background-image: url(../images/healthyFrame.gif); 
	background-repeat: no-repeat;
	height: 229;
}

#healthyFooter p{ 
	font-size: 10pt;
	text-align: center;
	padding-top: 230px;
}

#bigFooter { 
	background-image: url(../images/bigFrame.gif); 
	background-repeat: no-repeat;
	height: 233;
}

#bigFooter p{ 
	font-size: 10pt;
	text-align: center;
	padding-top: 231px;
}
/*********************/

/*Big 5 page elements*/
#big5entry {
	position:relative;
	margin: 90px 0px 10px 0px;
}

#big5entry p{
	font-size: 12pt;
	margin: 0px 3px 0px 190px;
	line-height: 15x;
}

.indent{
	position:relative;
	left: 50px;
}

.sidebarImg {
	position: absolute;
	left: 25px;
}

.numberBG {
	float: left;
	margin-left:0px;
	margin-right: 10px;
}

/*********************/

/*View Big 5 page elements*/

#scoreText { 
	width: 82px;
	height: 64px;
	position: relative;
	left: 115px;
	background-image: url(../images/big5scoreFrame.gif);
	background-repeat: no-repeat;
	text-align: center;
}

#scoreText p{ 
	width: 82px;

	font-size: 28pt;
	font-weight: bolder;
	padding:10px 0px;
}

.scoreScale {
	position: relative;
	left: 70px;
	padding: 20px 0px 10px 0px;
}

.greenScore {
	color: green;
}

.greenScore {
	color: #4fbd68;
}

.yellowScore {
	color: #f6ec2b;
}

.blueScore {
	color: #1cdfe1;
}

.redScore {
	color: #ea6565;
}

.nowViewing { 
	font-size: 16pt;
	font-weight: bold;
}

#whichSpan {
	position: relative;
	width:600px;
	padding: 0px 75px 0px 75px;
}

#whichSpan p{
	padding: 2px 10px 2px 10px;
}

#content img.scorePrint {
	position: relative;
	left:20px;
	top:-10px;
}

#content img.scorePrevArrow {float:left; }
#content img.scoreNextArrow {float:left; }

#scoreDate {
	float:left;
	text-align: center;
	padding: 0px 10px 0px 10px;
}

#scoreDate span{
	font-size: 18pt; 
	font-weight: bold;
}

.view { 
	font-size: 12pt;
	padding: 0px;
}

.graph {
	padding: 10px 0px 0px 55px;
}
/*********************/

/*text styles*/
.red { 
	color: red;
}

.welcome { 
	font-size: 14pt; 
	font-weight: bold;
}

.teenyWeeny { 
	font-size: 8pt;
}


#content p.scoreFeedback { 
	font-size: 12pt;
	padding: 0px 250px 0px 75px;
}

#content p.contractText { 
	font-size: 12pt;
	padding: 0px 135px 25px 165px;
}

#content p.feedback { 
	font-size: 12pt;
	padding: 0px 135px 0px 165px;
	color:red;
}

#splashContent p { 
	font-size: 12pt;
	padding: 0px 200px 20px 200px;
}

.settingsForm {
	position: absolute;
	left:280px;
	font-size: 10pt;
	font-weight: normal;
}

.addFormText {
	position: absolute;
	left:320px;
	font-size: 12pt;
	font-weight: normal;
}

span.aside{
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
}
/*************/

/*image position styles*/
.header { 
	position: absolute;
}

.chpLogo { 
	margin-right: 10px;
}



.okayButton { 
	float:right;
	margin-right: 370px;
	margin-top: 5px;
}

.leftButton {
	position: relative;
	left:20px;
	border: 0px;
}

.rightButton {
	position: relative;
	left:20px;
	border: 0px;
}

.centerButton {
	position: relative;
	left:80px;
	border: 0px;
}

.BGbutton {
	position: relative;
	left:225px;
	padding-bottom: 10px;
	border: 0px;
}

.pageTitle {
	position: relative;
	left:75px;
	margin-bottom: 10px;
}

.big5Title {
	position: absolute;
	right: 50px;
	top: 30px;
}

.healthyPlateTitle {
	float:right;
	margin-right: 30px;
}


.number {
	float: left;
	margin-left:130px;
	margin-top: 5px;
}
.sweetBev {
	position:absolute;
	right: 40px;
}
.mediaTime {
	position:absolute;
	left: 40px;
}
.fastFood {
	position:absolute;
	right: 40px;
}
.adultDinner {
	position:absolute;
	left: 25px;
}
.physicalActivity {
	position:absolute;
	right: 40px;
}
.prevArrow {position:absolute; left: 30px;	top:30px;}
.nextArrow {position:absolute; left: 320px;	top:30px;}
.pickAday {position:absolute; left: 380px;	top:30px;}

#mealDate {
	position:absolute;
	left: 75px;
	top:34px;
	text-align: center;
}

#mealDate span{
	font-size: 18pt; 
	font-weight: bold;
	padding: 0px 10px 0px 10px;
}
/***********************/



/*home page elements*/
#hpGadget {
	background-image: url(../images/healthyPlateGadget.gif);
	background-repeat: no-repeat;
	position:absolute;
	width: 302px;
	height: 208px;
	left: 390px;
}

#hpGadget p{
	padding: 60px 15px 20px 165px;
}

#big5Gadget {

	background-image: url(../images/big5Gadget.gif);
	background-repeat: no-repeat;
	position:absolute;
	width: 302px;
	height: 208px;
	left: 75px;
}

#big5Gadget p{
	padding: 75px 165px 8px 25px;
}

#myScoreGadget {
	background-image: url(../images/myScore.gif);
	background-repeat: no-repeat;
	position:absolute;
	width: 302px;
	height: 141px;
	left:75px;
	top:340px;
}

#myScoreGadget p{
	padding: 45px 20px 5px 30px;
}

#myContractGadget {
	float:right;
	background-image: url(../images/myContract.gif);
	background-repeat: no-repeat;
	position:absolute;
	width: 302px;
	height: 141px;
	left:390px;
	top:340px;
}

#myContractGadget p{
	padding: 45px 20px 5px 30px;
}

/********************/

/*Navigation buttons and rollovers*/
.homepage
{
	float: left;
	background: url(../images/homepageButton-over.gif) no-repeat;
	width: 117px;
	height: 64px;
	margin: 0;
	padding: 0;
}
.homepage a
{
	display: block;
	width: 117px;
	height: 64px;
	float: left;
}
.homepage img {width: 117px; height: 64px; border: 0}
.homepage a:hover img {visibility:hidden}

.big5
{
	float: left;
	background: url(../images/big5Button-over.gif) no-repeat;
	width: 105px;
	height: 64px;
	margin: 0;
	padding: 0;
}
.big5 a
{
	display: block;
	width: 105px;
	height: 64px;
	float: left;
}
.big5 img {width: 105px; height: 64px; border: 0}
.big5 a:hover img {visibility:hidden}

.healthyPlate
{
	float: left;
	background: url(../images/healthyplateButton-over.gif) no-repeat;
	width: 117px;
	height: 64px;
	margin: 0;
	padding: 0;
}
.healthyPlate a
{
	display: block;
	width: 117px;
	height: 64px;
	float: left;
}
.healthyPlate img {width: 117px; height: 64px; border: 0}
.healthyPlate a:hover img {visibility:hidden}

.score
{
	float: left;
	background: url(../images/scoreButton-over.gif) no-repeat;
	width: 89px;
	height: 64px;
	margin: 0;
	padding: 0;
}
.score a
{
	display: block;
	width: 89px;
	height: 64px;
	float: left;
}
.score img {width: 89px; height: 64px; border: 0}
.score a:hover img {visibility:hidden}

.contract
{
	float: left;
	background: url(../images/contractButton-over.gif) no-repeat;
	width: 109px;
	height: 64px;
	margin: 0;
	padding: 0;
}
.contract a
{
	display: block;
	width: 109px;
	height: 64px;
	float: left;
}
.contract img {width: 109px; height: 64px; border: 0}
.contract a:hover img {visibility:hidden}

* html a:hover {visibility:visible}
/***********************************/