html {
    margin               :  0;
    padding              :  0;
}

body {
    background-color     :  #FFFFFF;
    font-size            :  10px;
    font-family          :  Verdana, Arial, Helvetica, sans-serif;

/* this allows table in IE to be centered: */
    text-align		:center;

/*this allows FF to make table stick to top */
    margin-top: 0px;
}

div.ampmchart{

  position: absolute;
  top: 0px;
  margin-left: -2px;
  z-index: 1;

}

div.gaugebg{
	background: black;
	line-height: 26px;
        font-weight: bold;
	color: cyan;
}

div.gaugetarget{
	font-weight: bold;
	color: red;
}

div.homepage{
    position: relative;
    margin-top: -25px;
}

div.pageup{
    position: relative;
    margin-top: -25px;
}

div.tabletop{
    postition: relative;
    vertical-align: top;
}

div.graphoverlay{
    position: absolute;
    margin-top: -505px;
    margin-left: 30px;
    z-index: 9;
}


a:link {
    color: #047391;
}

a:visited{
    color: #047391;
}


a:hover{
    color: #FF0000;
}

table.basix_main{
    width: 995px;
    margin	: auto;
    border-collapse: collapse;
    border-style: solid;
    border-color: #6699cc;
}


table.daily_chart{
    font-size:  10px;
    padding	: 0px;
    margin      : auto;
    border-style: solid;
    border-collapse: collapse;
    border-style: outset;
    border-width: 0px;
    border-spacing: 0px;
}

    td.daily_chart{
    border-width: 0px;

}

table.daily_chart_inner{
    font-size:  10px;
    padding     : 0px;
    margin      : auto;
    text-align  : center;
    border-style: solid;
    border-collapse: collapse;
    border-style: outset;
    border-width: 0px;
    border-spacing: 0px;
    position: relative;
    margin-left: 2px;
    top: -6px;
}


table.daily_chart_bar{
    margin      : auto;
    border-style: solid;
    border-collapse: collapse;
    border-style: outset;
    border-width: 1px;
    border-spacing: 0px;
    line-height: 0px;
    position: relative;
    top: 20px;
    
}

table.daily_chart_bar_nrg{
    margin      : auto;
    border-style: solid;
    border-collapse: collapse;
    border-style: outset;
    border-width: 1px;
    border-spacing: 0px;
    line-height: 0px;
    position: absolute;
    top: 264px;
    left: 4px;

}

table.daily_chart_bar_nrg-xtra{
    margin      : auto;
    border-style: solid;
    border-collapse: collapse;
    border-style: outset;
    border-width: 1px;
    border-spacing: 0px;
    line-height: 0px;
    position: absolute;
    top: 287px;
    left: 4px;

}


table.food_chart{
    font-size:  10px;
    padding     : 0px;
    margin      : auto;
    border-style: solid;
    border-collapse: collapse;
    border-style: outset;
    border-width: 0px;
    border-spacing: 0px;
    margin-left: 30px;
    margin-right: 30px;
}

div.food_chart{

    text-align: middle;
    position: absolute;
    left: -5px;
    right: 5px;
    z-index: 1;

}


table.food_chart_bar{
    margin      : auto;
    width       :80px;
    border-style: solid;
    border-collapse: collapse;
    border-style: outset;
    border-width: 1px;
    border-spacing: 0px;
    line-height: 0px;
    margin-top: 14px;
}

table.food_chart_inner{
    font-size:  10px;
    padding     : 0px;
    margin      : auto;
    text-align  : center;
    border-style: solid;
    border-collapse: collapse;
    border-style: outset;
    border-width: 0px;
    border-spacing: 0px;
    position: relative;
    margin-left: 0px;
    margin-top: -4px;
}


table.monthly_chart{
    font-size:  10px;
    padding     : 0px;
    margin      : auto;
    border-style: solid;
    border-collapse: collapse;
    border-style: outset;
    border-width: 0px;
    border-spacing: 0px;
}

table.monthly_chart_inner{
    font-size:  8px;
    padding     : 0px;
    margin      : auto;
    text-align  : center;
    border-style: solid;
    border-collapse: collapse;
    border-style: outset;
    border-width: 0px;
    border-spacing: 0px;
    position: relative;
    margin-left: 1px;
    top: -18px;
}

table.monthly_chart_inner_report2{
    font-size:  8px;
    padding     : 0px;
    margin      : auto;
    text-align  : center;
    border-style: solid;
    border-collapse: collapse;
    border-style: outset;
    border-width: 0px;
    border-spacing: 0px;
    position: relative;
    margin-left: 1px;
    top: -8px;
}

table.monthly_chart_bar{
    margin      : auto;
    width       :15px;
    border-style: solid;
    border-collapse: collapse;
    border-style: outset;
    border-width: 1px;
    border-spacing: 0px;
    line-height: 0px;
    position: relative;
    top: 20px;

}

table.monthly_chart_bar_nrg{
    margin      : auto;
    width: 15px;
    border-style: solid;
    border-collapse: collapse;
    border-style: outset;
    border-width: 1px;
    border-spacing: 0px;
    line-height: 0px;
    position: absolute;
    top: 266px;
    left: 5px;

}

table.monthly_chart_bar_nrg-xtra{
    margin      : auto;
    border-style: solid;
    border-collapse: collapse;
    border-style: outset;
    border-width: 1px;
    border-spacing: 0px;
    line-height: 0px;
    position: absolute;
    top: 287px;
    left: 4px;

}

div.goal_line{
}


div.datechart{

    margin-left: -2px;

}

hr.goal_line{
    color: red;
    width: 875px;
    z-index: 9;
        position: absolute;
        margin-top: -6px;
}


hr.rep3_goal_line{
    color: red;
    width: 800px;
    z-index: 9;
        position: absolute;
        margin-top: -6px;
}


table.dataleft {
    text-align: left;
    border-color: 0;
    font-size: 12px;
}



table.data {
    width: 80%;
    text-align: center;
    border-width: 1px;
    border-spacing: ;
    border-collapse: separate;
    background-color: white;
    font-size: 12px;
}

table.data th {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    background-color: yellow;
}

table.data td {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
}



table.data_wide {
    width: 100%;
    text-align: center;
    border-width: 1px;
    border-spacing: ;
    border-collapse: separate;
    background-color: white;
    font-size: 12px;
}

table.data_wide th {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    background-color: yellow;
}

table.data_wide td {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
}


span.required{
    color: #ff0000;
    font-weight: bold;
}

div.inline_menu{
    margin-top: -5px;
    text-align: right;
}


table.dataform {
    width: 80%;
    border-width: 1px;
    border-spacing: ;
    border-collapse: separate;
    background-color: white;
    font-size: 12px;
}

table.dataform th {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    background-color: yellow;
}

table.dataform td {
    border-width: 1px;
    padding: 5px;
    border-style: inset;
}

table.datasubform {
    text-align: center;
    border-width: 1px;
    border-spacing: ;
    border-collapse: separate;
    background-color: white;
    font-size: 12px;
}

div.subtitle{
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
} 

td.tdtopper{
    vertical-align: top;
}


table.basix_content3{
    background-color     :  #FFFFFF;
    font-size            :  14px;
    font-family          :  Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
}

table.basix_content2_plain{
    background-color     :  #FFFFFF;
    font-size            :  14px;
    font-family          :  Verdana, Arial, Helvetica, sans-serif;
    width: 880px;
    margin-left: 50px;
}

input.standard{
        border: 1px solid #000000;
        float:left;
}

table.basix_content2{
    background-color     :  #FFFFFF;
    background-image: url('/images/background.jpg'); background-repeat: repeat-y;
    font-size            :  14px;
    font-family          :  Verdana, Arial, Helvetica, sans-serif;
    width: 880px;
    margin-left: 50px;
}

table.basix_content{
    background-color     :  #FFFFFF;
    font-size            :  14px;
    font-family          :  Verdana, Arial, Helvetica, sans-serif;
    width: 981px;
    margin-top: -5px;
}


table.basix_centered{
    width: 90%;
    text-align: center;
}


td.audiotab{
    font-size: 12px;
    border: 1px solid #000;
    vertical-align: top;
    padding: 5px;
    text-align: center;

}

td.activitycell{
    font-size: 12px;
    border: 1px solid #000;
    vertical-align: top;
    padding: 5px;
    text-align: center;

}

td.diffcell{
    font-size: 12px;
    border: 1px solid #000;
    vertical-align: middle;
    padding: 5px;
    text-align: center;
}

td.textcell{
    font-size: 12px;
    border: 1px solid #000;
    vertical-align: top;
    padding: 5px;
    text-align: left;
}


table.homepage{

    position: relative;
    margin-top: -5;

}

table.dailychart{
    border               :  1px solid #000;
    padding              :  5px;
    color                :  #000000;
    font-family          :  Verdana, Arial, Helvetica, sans-serif;
    font-size	     : 10px;
}

table.pagetitle {             
    border               :  1px solid #000;
    padding              :  0;             
    margin-bottom        :  10px;       
    background-color     :  #265BCC; 
    color                :  #FFFFFF;
    font-family          :  Verdana, Arial, Helvetica, sans-serif;
}

table.copyright {               
    color                    :  #000000;
    font-family          :  Tacoma, Helvetica, Verdana, sans-serif;
    vertical-align       :  top;       
    font-size            :  10px;
    text-align: left;
}


div.navauthcontainer{
    position: relative;
    left: 470px;
    z-index: 1;
        right: 50px;
}

table.navauthcontainer{
    position: relative;
    top: -97px;
    right: 30px;
    z-index: 1;
}


div.navunauthcontainer{
}


table.navunauthcontainer{
    position: relative;
    top: -98px;
    left: 891px;
}


div.adminauthcontainer{
}

table.adminauthcontainer{
    position: relative;
    width: 800px;
    top: -35px;
    right: 6px;
}


/* Menu related ID tags */

#dd {
    margin-left: 0;
}

#dd ul{
}


#dd li {
    margin: 0;
    list-style: none;
    float: left;
    font: 11px verdana, arial, helvetica;
    font-weight: bold;
    background-color: #bacdea;
    background-image: url(/images/tab-off.gif);
    background-repeat: no-repeat;
    background-position: 1px 2px;

}

#dd li a.menu {
    display: block;
    /* This sets the border width of the nav bar */
    padding: 5px 0px;
    background-color: #bacdea;
    color: #047391;
    /* affects space between main menu items */
    margin: 0 0px 0 0;
    text-decoration: none;
    background-image: url(/images/tab-off.gif);
    background-repeat: no-repeat;
    background-position: -3px -1px;

}


#dd div.menu {
    /* top right bottom left*/
    padding: 0px 0px 0px 0px;
    margin: 0 1px 0 0;
    color: #666666;
    text-decoration: none;
}



#dd li a.menu:hover {
    background: #fff799;
    color: #FF0000;
    background-image: url(/images/tab-on.gif);
    background-repeat: no-repeat;
    background-position: -3px -1px;

}


.submenu {
    background: #bacdea; 
    border: 1px solid #000000;
    visibility: hidden;
    position: absolute;
    z-index: 1;
}

.submenu a:link{
    display: block;
    font: 11px verdana, arial, helvetica;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    padding: 4px;
    color: #666666;
}

.submenu a:visited{ 
    display: block;
    font: 11px verdana, arial, helvetica;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    padding: 4px;
    color: #666666;
}

.submenu a:hover {
    background: #fff799;
    color: #FF0000;
  
}

.asterisk{
    line-height: 22px;
    font-weight: bold;
    color:#FF0000;
}

/*  End Menu */


div.error{
    font-family: arial,helvetica;
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;

}



/* Homepage Content and Login Box */


#homecont{
    background: #bacdea url(/images/blue-bot-left.gif) no-repeat bottom left;
}

#homecont dl{
    background:  url(/images/blue-top-left.gif) no-repeat;
}

#homecont dt{
    background:  url(/images/blue-top-right.gif) no-repeat top right;
    color: #000;
    padding: 10px 10px 0 0;
    line-height: 1;
}

#homecont dd{
    background:  url(/images/blue-bot-right.gif) no-repeat bottom right;
    padding: .17em 1.17em 0 0;
    color: #000;
    line-height: 1.3;
}

#homecont H3 {
    font-size: 16px;
    color: #047391;
    margin-top: 5px;
    margin-bottom: 0;
}

td.homecont {
        vertical-align: top;
        width: 33.3%;
        padding: 0px 10px 15px 5px;
        font-size: 13px;
        color: #00000;
}

#homeloginbox table.link {
    border: solid 1px orange;
    font-size: 16;
    font-weight: bold;
    color: #047391;
    margin-left: -35px;
}

#homeloginbox a:link {
    font-family: verdana;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    color: #047391;
}

#homeloginbox a:visited{
    font-family: verdana;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
    color: #047391;
}

#homeloginbox a:hover{
    font-family: verdana;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
    color: #047391;
    background: #fff799;
}

#homeloginbox{
    background: #cce6ca url(/images/green-bot-left.gif) no-repeat bottom left;
}

#homeloginbox dl{
    background:  url(/images/green-top-left.gif) no-repeat;
}

#homeloginbox dt{
    background:  url(/images/green-top-right.gif) no-repeat top right;
    color: #000;
    padding: 10px 10px 0 0;
    line-height: 1;
}

#homeloginbox dd{
    background:  url(/images/green-bot-right.gif) no-repeat bottom right;
    padding: -15px 5 20 5;
    color: #000;
    line-height: 1.3;
}

#homeloginbox P{
    font-family: verdana,arial,helvetica,sans-serif;
    margin-left: -25px;
    margin-right: 5px;
    font-size: 12px;
}


#homeloginbox H6 {
    color: #047391;
    margin-top: 5px;
    margin-bottom: 5px;
}

#homeloginbox H5 {
    color: #047391;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0;
}

#homeloginbox H4 {
    color: #047391;
    margin-top: 5px;
    margin-left: -15px;
    margin-bottom: 0;
}

#homeloginbox H3 {
    color: #047391;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}


H3.pagetitle{
    font-size: 18px;
    color: #047391;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    text-decoration: underline;
}


#homeloginbox table {
  border-style: solid;
  border-color: #ff9933;
  border-collapse: collapse;
  margin-top: 20px;
}


/* Other Login Box */
#loginbox{
    background: #cce6ca url(/images/green-bot-left.gif) no-repeat bottom left;
}

#loginbox dl{
    background:  url(/images/green-top-left.gif) no-repeat;
}

#loginbox dt{
    background:  url(/images/green-top-right.gif) no-repeat top right;
    color: #000;
    padding: 10px 10px 0 0;
    line-height: 1;
}

#loginbox dd{
    background:  url(/images/green-bot-right.gif) no-repeat bottom right;
    padding: 0px 0 0 0;
    color: #000;
    line-height: 1.3;
}

#loginbox fieldset {
  border: 0px solid #781351;
}


#loginbox input{
    margin-left: 15px;
    margin-right: 15px;
    color: #047391;
    border-style: solid;
    border-width: 1px;
    border-color: #ff9933;
}


#loginbox .submit input {
    margin-left: 75px;
    color: #000000;
    border-color: #e0e0e0;
    border-style: outset;
}

#loginbox H6 {
    color: #047391;
    margin-top: 5px;
    margin-bottom: 5px;
}

#loginbox H5 {
    color: #047391;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0;
}

#loginbox H4 {
    color: #047391;
    margin-top: 5px;
    margin-left: -25px;
    margin-bottom: 0;
}

#loginbox H3 {
    color: #047391;
    margin-top: 0px;
    margin-bottom: 0px;
}

#loginbox table {
  margin-left: -25px;
  border-style: solid;
  border-color: #ff9933;
  border-collapse: collapse;
  margin-top: 0px;
}


table.loginform {
  border: 0;
  border-style: none;

}

td.shaded{
        background: #CCCCCC;
}

#loginbox td {
  border-color: #FF0000;
} 

#loginbox P {
    margin-top: 5px;
    margin-left: -25px;
    margin-right: 5px;
    margin-bottom: 0;
   font-family: verdana,arial,helvetica;
   font-size: 10px;
}


#loginbox a {
  text-decoration: none;
}
/* End Homepage Login Box */


/* Begin Standard Box */

#standardbox{
    background: #cce6ca url(/images/green-bot-left.gif) no-repeat bottom left;
    width: 60%;
}


#standardbox dl{
    background:  url(/images/green-top-left.gif) no-repeat;
}

#standardbox dt{
    background:  url(/images/green-top-right.gif) no-repeat top right;
    color: #000;
    padding: 10px 10px 0 0;
    line-height: 1;
}

#standardbox dd{
    background:  url(/images/green-bot-right.gif) no-repeat bottom right;
    padding: 0px 0 0 0;
    color: #000;
    line-height: 1.3;
}

#standardbox fieldset {
  border: 0px solid #781351;
}


#standardbox input{
    margin-left: 15px;
    margin-right: 15px;
    color: #047391;
    border-style: solid;
    border-width: 1px;
    border-color: #ff9933;
}


#standardbox .submit input {
    margin-left: 75px;
    color: #000000;
    border-color: #e0e0e0;
    border-style: outset;
}

#standardbox H6 {
    color: #047391;
    margin-top: 5px;
    margin-bottom: 5px;
}

#standardbox H5 {
    color: #047391;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0;
}

#standardbox H4 {
    color: #047391;
    margin-top: 5px;
    margin-left: -25px;
    margin-bottom: 0;
}

#standardbox H3 {
    color: #047391;
    margin-top: 0px;
    margin-bottom: 0px;
}



table.standardform {
    margin-left: 25px;
    text-align: center;
}

#standardbox td {
  border-color: #FF0000;
}

#standardbox P {
    margin-top: 5px;
    margin-left: -25px;
    margin-right: 5px;
    margin-bottom: 0;
   font-family: verdana,arial,helvetica;
   font-size: 10px;
}


#standardbox a {
  text-decoration: none;
}
/* End Standard Box */


table.profileform{
    margin-left: 25px;
    width: 100%;
}



/*  Begin form classes needed for validation */
/*  Please modify as necessary  */
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}


input.standard, input.normal{
	border: 1px solid #000000;
	float:left;
}

input.required, textarea.required, input.required_num{
	border: 1px solid #000000;
	float:left;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}

input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	/*
	margin: 5px 0;
	padding: 5px;
	*/
	color:#FF0000;
	font-weight: bold;
	text-align:left;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}


label {
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}
/*  End classes for validation*/

/* Personal Foods Styles */
#addon_style{
    font-size:10px; 
    padding:0px 5px; 
    width:100%
}

span.stepheader{
    text-decoration:underline; 
    font-weight: bold;
    font-size: 16px;
    background-color: yellow;

}