* {
   font-family: arial;
}
body {
   text-align: center;
}
#wrapper {
   margin: 0 auto;
   padding: 0;
   width: 960px;
   text-align: left;
}
h1, h3 {
   color: #888800;
   margin: 0 5px 0 0;
}
h1 {
   font-size: 24px;
}
h3 {
   font-size: 16px;
   margin-bottom: 15px;
}
ul.user_metrics {
   list-style: none;
   float: left;
}

ul.user_metrics li {
   padding: 5px;
   border-bottom: 1px dashed #CCC;
   font-size: smaller;
}

ul.user_metrics li label {
   float: left;
   display: block;
   width: 25em;
   color: #555;
   font-style: italic;
}

fieldset {width: 960px;}
h1 a {font-size: 12px; color: blue; text-decoration: underline; cursor: pointer;}
/******************* Sign up Page ***************************/
body#signupPage #mainContent label, body#loginPage #mainContent label,
body#bmiPage #mainContent label, body#bmrPage #mainContent label,
body#ibwPage #mainContent label, body#userPwPage #mainContent label {
   float: left;
   text-align: right;
   margin-right: 5px;
   display: block;
   font-size: 14px;
   width: 10em;
   color: #666;
   font-style: italic;
}

body#signupPage input, body#loginPage input {
   width: 20em;
   font-size: 14px;
}

body#signupPage p, body#loginPage p, body#bmiPage p, body#bmrPage p,
body#ibwPage p, body#userPwPage p {
   margin: 5px;
}

body#signupPage p#error, body#loginPage p#error {
   color: red;
   width: 35em;
   font-size: 14px;
   margin-left: 11em;
}
#userHome #mainContent li {list-style-type: none; margin-bottom: 5px; color: #666;}
#userHome #mainContent li a {display: inline-block; text-decoration: none; background-color: #FAFAFA; border: 1px solid #E9E9E9; color: #444; padding: 3px 8px; width: 160px; vertical-align: middle;}
#userHome #mainContent li a:hover {background-color: #619212; color: #fff;}
/******************* Sign up Page ***************************/
/******************* Top Nav ********************************/
div.nav {
   border-bottom: 1px solid #CCC;
   padding-top: 40px;
}

div.nav ul {
   list-style: none;
   margin: 0;
   padding: 0;
   float: left;
   border: 0;
}
div.nav ul li {
   float: left;
   padding: 0;
   margin: 0;
}

div.nav ul li a {
   display: block;
   float: left;
   text-decoration: none;
   text-align: center;
   font-weight: 500;
   font-size: 14px;
   color: #666;
   padding: 0 0.5em;
}

#userHome .nav li#dashboard,
#wtrackerPage .nav li#wtracker,
#bmiPage .nav li#bmi,
#bmrPage .nav li#bmr,
#ibwPage .nav li#ibw,
#journalsPage .nav li#journal
{
   border: 1px solid #BBBBBB;
   border-bottom: 0px;
   background: #FAFAFA;
}

div.nav span {
   float: right;
   display: block;
   position: relative;
   top: -20px;
}
div.nav span label {font-size: 12px; font-style: italic; color: #666;}
div.nav span label a {color: red; text-decoration: none; cursor: pointer; padding: 0 5px;margin: 0;}

/******************* Top Nav ********************************/

/******************* User Data Area *************************/
div#userDataArea, div#mainContent
{
   display: inline;
   float: left;
   margin-top: 30px;
}
#measurements #userDataArea {float: right;}
div#userDataArea {
   float: right;
   border: 1px solid #333;
   width: 310px;
   padding: 5px;
}
/******************* User Data Area *************************/

div#userDataArea label, div#meUpdateDiv label {
   float: left;
   text-align: right;
   width: 130px;
   padding-right: 5px;
   font-size: 13px;
   vertical-align: middle;
}
div#userDataArea input, div#meUpdateDiv input {padding: 0; margin: 0;}
div#userDataArea p, div#meUpdateDiv p {margin: 3px;}
div#userMeasurements {margin-top: 20px;}

/******************* weight table layout ********************/
div#userDataArea table, div#userMeasurements table {width: 98%; margin: auto;}
div#userMeasurements table {margin-top: 20px;}
div#userDataArea table tbody td, div#userMeasurements table tbody td {
   font-size: 12px;
   width: 33%;
   text-align: center;
   padding: 3px;
   border-bottom: 1px dashed #999;
}
div#userDataArea table th, div#userMeasurements table th {font-size: 12px; color: #444;}
div#userDataArea tr td, div#userMeasurements table tr td {
   width: 90px;
}
div#userDataArea table tbody tr.evenRow,
div#userMeasurements table tbody tr.evenRow {background-color: #FAFAFA;}
div#userDataArea table tbody input,
div#userMeasurements table tbody input {width: 98%;}
div#weUpdateDiv, div#meUpdateDiv {
   display: none;
   background-color: #FFF;
   position: absolute;
   padding: 15px 0;
   margin: 0;
   width: 305px;
   border: 1px solid #AAA;
}
#userMeasurements {clear: both;}
/********************* bmi & bmr table **************************/
table#bmiTable td, table#bmiTable th,
table#bmrTable td, table#bmrTable th
{margin: 0; border: 1px solid #999; color: #555; text-align: center; padding: 5px 10px;}
table#bmiTable th, table#bmrTable th {font-weight: 600;  color: #888800;}
table#bmiTable, table#bmrTable {border-collapse: collapse;}
table#bmiTable tbody td, table#bmrTable tbody td { font-size: smaller;}
table#bmiTable tbody tr.highlight, table#bmrTable tbody tr.highlight {
   font-weight: bold;
   background-color: #FAFAFA;
}
#bmiPage div#mainContent ul li,
#bmrPage div#mainContent ul li,
#ibwPage div#mainContent ul li
{
   list-style-type: none;
   padding: 0;
   margin: 0;
   float: left;
   padding-right: 40px;
}
#bmiPage div#mainContent ul, #ibwPage div#mainContent ul,
#bmrPage div#mainContent ul {padding: 10px;}
#bmiPage div#mainContent p, #ibwPage div#mainContent p,
#bmrPage div#mainContent p
{
   clear: both;
   float: none;
   font-size: smaller;
}
#bmiPage div#mainContent p#note, #ibwPage div#mainContent p#note,
#bmrPage div#mainContent p#note, #ebookPage div#mainContent p#note {padding-top: 10px;}

#bmrPage div#mainContent div#ciArea label {width: 28em;}

/************************* Journals list *********************************/
#journalInputArea {display: none; position: absolute; padding: 10px; background-color: #fff; top: 150px;}
#journalsPage #mainContent ul li {list-style: none;}

#journalInputArea ul li {
	float: none;
	list-style: none;
}
#journalInputArea ul li label {font-weight: bold;}
#journalInputArea .jiInput {width: 600px; font-family: arial; font-size: 14px; margin-bottom: 10px;}
#journalInputArea ul {padding-left: 5px; margin: 0;}
#journalInputArea ul li textarea {height: 300px; overflow: auto;}

#userJournals {width: 960px;}
.journal {margin-bottom: 10px;}

#userJournals .jTitle {font-size: 18px; font-weight: bold;}
#userJournals .jDate {font-style: italic; margin-left: 25px; font-size: 14px;}
#userJournals .jDesc {margin-left: 25px;}
#userJournals a {font-size: 12px; text-decoration: none;}

/************************* download ebook page *********************************/
div#mainContent img#dlbutton {margin-top:150px;}