/* CSS Document */


body
/* Controls: Main background image/color; Font control for: My Profile, Welcome [USER NAME], User portal Information box, Motivational slider text, fitness wall "Message" text, fitness wall date for non-reply messages, outline around smilies on fitness wall/blog, all text on progress tab, description text on all text ads, all label text on edit profile page, most non-link text used on site. */
{

        font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #023867;
        margin: 0px;
        padding: 16px 5px;
        margin: 0;
        font-size: 10pt;
       	background: #FFFFFF url(./images/bg_image.jpg) repeat-x;
        z-index: 100;
}

div.section_middle_p
/* Controls: Makes sure the fading gray line shows without being cut off */
{
 	min-height: 130px;
}


h1
/* Controls: Headers throughout site */
{
 	color: #043a67;
	font-weight: bold;
}

.pagesubtitle
/* Controls: Sub-header tags throughout site */
{
	color: #0359a3;
	font-size: 12px;
	font-weight: bold;
}

span.welcometext
/* Controls:  Welcome text at top right of header */
{
 	color: #FFFFFF;
	font-weight: bold;
}

td.pagenote
/* Controls:  [Page Name -  My Name] at top left of header */
{
 	color: #FFFFFF;
}


/* Controls:  Facebook and twitter links top right */
a.facebooktwitter
{
 	color: #FFFFFF;
}

/* Controls: Facebook and twitter links top right - hover */
a.facebooktwitter:hover
{
 	color: #00b9fe;
}

/* Controls: Referral Link in header */
a.referralink
{
	font-size: 10px;
 	color: #FFFFFF;
	text-decoration: none;
	
}

/* Referral Link in header - Hover */
a.referralink:hover
{
 	color: #00b9fe;
	text-decoration: none;
}


table.bodyboard
/* Controls: Entire main section of the site */
{
 	border-style: solid;
 	border-width: 1px;
 	border-color: #999999;
 	background: #FFFFFF url(./images/bodyboard.jpg) repeat-x;
 	width: 800px;
 
}

.section_ctrl_strip
/* Controls: Control strip on portal page (above profile image and information box) */
{
	background: url(./images/ctrl_strip.gif) no-repeat; 
	height: 35px;
	text-align: center;
	color: #000000;
	font-weight: bold; 
	font-size: 8px;
}

a.actrl
/* Controls: Control strip on another user's portal page (above profile image and information box) */
{
 	font-size: 10px;
 	font-family: arial;
 	margin-top: 0px;
 	padding-top: 0px;
	color: #000000;
}

a.actrl:hover
/* Controls: Control strip on another user's portal page (above profile image and information box) on hover */
{

}

.topheader
/* Controls: Main header graphic */
{
	background: url(./images/bs_header.jpg) 0 0;
	height: 153px;
	width: 800px;
}

.topCtrl
/* Controls: Container for half banner ad/facebook/twitter in header graphic */
{
	height:80px;
	width: 800px;
}


a.ctrl
/* Controls: Top Nav menu text/links */
{
 	font-size: 11px;
 	vertical-align: bottom;
 	font-family: Arial;
 	font-weight: bold;
 	text-decoration: none;
 	color: #FFFFFF;
 	text-align: center;
 	border-right: 1px solid #A9A9A9;
}


a:hover.ctrl
/* Controls: Top Nav menu text/links on mouseover */
{
 	font-size: 11px;
 	vertical-align: bottom;
 	font-family: Arial;
 	font-weight: bold;
 	text-decoration: none;
 	background-color: transparent;
 	text-align: center;
 	color: #00b9fe;
}




/*****************************/
/*** LEFT NAVIGATION MENU ***/
/***************************/

#menu
/* Controls: Main (left) nav menu */
{
 	margin: 0px;
 	padding: 0px;
}

td.menuleft
/* Controls: Main (left) navigation menu */
{
 	vertical-align: top;
}


td.menuright
/* Controls: ?? */
{
 	vertical-align: top;
}


td.button
/* Controls: Main (left) navigation buttons without current focus */
{
 	width:100%; 
	height:27px;
	background-image:url(./images/ctrlicon.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
 	border-style: none;
 	border-width: 0px 0px 0px 0px;
}

td.buttonfocus
/* Controls: Main (left) navigation button with current focus */
{
 	width: 100%; 
	height: 27px;
	background-image: url(./images/ctrlicon_focus.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
 	border-style: none;
 	border-width: 0px 0px 0px 0px;
}


a.ctrl_side
/* Controls: Main (left) navigation text without current focus */
{
 	padding-top: 4px;
 	padding-left: 16px;
 	font-size: 12px;
 	text-align: left;
 	font-family: Arial;
 	font-weight: bold;
 	text-decoration: none;
 	color: #DDDDDD;
 	text-align: left;
 	width: 150px;
   	position: absolute;
 	z-index: 0;
}

a.ctrl_sidefocus
/* Controls: Controls: Main (left) navigation text with current focus */
{
 	padding-top: 4px;
 	padding-left: 16px;
 	font-size: 12px;
 	text-align: left;
 	font-family: Arial;
 	font-weight: bold;
 	text-decoration: none;
 	color: #FFFFFF;
 	text-align: left;
 	width: 150px;
  	position: absolute;
 	z-index: 0; 
} 

a:hover.ctrl_side
/* Controls: Controls: Main (left) navigation text on mouseover */
{
 	text-decoration: none;
 	color: ffa800;
}

td.midsection
/* Controls: Space on main (left) nav menu between top and bottom section */
{
 	color: #000000;
 	background-image: url(./images/menu_div.gif);
 	border-style: none;
}






.titleTxt
/* Controls: ??? */
{
	color: #00FF00;
	background-color: transparent;
	font-size: 32pt;
	vertical-align: bottom;
	font-family: arial;
	font-weight: bold;
}

 
.section_center_table
/* Controls: Borders around most major sections, background for stuff like the food search display */
{
	border-style: none;
	background-color: #FFFFFF;
}

.section_topleft
/* Controls: Left side of most major section header labels */
{
	background: url(./images/cat_top_ls.gif) 0 0 no-repeat;
	width: 81px;
	height: 27px;
}

.section_top
/* Controls: Middle of most major section header labels */
{
	background: url(./images/cat_back.gif) 0 0 repeat-x;
	height: 14px;
	text-align: center;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold; 
	font-size 12px;
}

.section_topright
/* Controls: Right side of most major section header labels */
{
	background: url(./images/cat_top_rs.gif) 0 0 no-repeat;
	width: 81px;
	height:27px;
}

.section_left
/* Controls: Left side of most major center tables */
{
	background: url(./images/left_bg.gif) no-repeat;
	width: 8px;
	background-color: transparent;
}

.section_middle
/* Controls: Most major center tables */
{
	background: url(./images/middle_bg.gif) repeat-x;
	font: 12px Arial;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: transparent;
	color: #000000;
} 

.section_right
/* Controls: Right hand side of most major center tables */
{	
	background: url(./images/right_bg.gif) no-repeat;
	width: 8px; 
	background-color: transparent;
}

.section_bottomleft
/* Controls: Bottom left side of most major sections */
{
	/* background: url(./images/ls_main_table_bottom.gif) 0 0 no-repeat; */
	background-color: #FFFFFF;
	width: 60px;
	height: 14px;
}

.section_bottom
/* Controls: Bottom middle of most major sections*/
{
	/* background: url(./images/main_table_bottom.gif) 0 0 repeat-x; */
	background-color: #FFFFFF;
	height: 8px;
}

.section_bottomright
/* Controls: Bottom left side of most major sections */
{
	/* background:url(./images/rs_main_table_bottom.gif) 0 0 no-repeat; */
	background-color: #FFFFFF;
	width: 60px;
	height: 14px;
}



/*************************/
/*** TEXT INPUT BOXES ***/
/***********************/

.txt_topleft
/* Controls: Top left of text input boxes */
{
    background: url(./images/txt_top_left.gif) 0 0 no-repeat;
    width: 8px;
    height: 9px;
}

.txt_top
/* Controls: Top middle of text input boxes*/
{
    background:url(./images/txt_top_middle.gif) 0 0 repeat-x;
    height: 9px;
}

.txt_topright
/* Controls: Top right of text input boxes */
{
    background:url(./images/txt_top_right.gif) 0 0 no-repeat;
    width: 7px;
    height: 9px;
}

.txt_bottomleft
/* Controls: Bottom left of text input boxes */
{
    background: url(./images/txt_bottom_left.gif) 0 0 no-repeat;
    width: 8px;
    height: 7px;
}

.txt_bottom
/* Controls: Bottom middle of text input boxes */
{
    background: url(./images/txt_btm_middle.gif) 0 0 repeat-x;
    height: 7px;
}

.txt_bottomright
/* Controls: Bottom right of text input boxes */
{
    background: url(./images/txt_bottom_right.gif) 0 0 no-repeat;
    width: 8px;
    height: 7px;
}

.txt_left
/* Controls: Left line of text input boxes */
{
    background: url(./images/txt_left.gif) 0 0 repeat-y;
    width: 8px;
}

.txt_right
/* Controls: Right line of text input boxes */
{
    background: url(./images/txt_right.gif) 0 0 repeat-y;
    width: 7px;
}

.txt_middle
/* Controls: Input area of text input boxes */
{
	font: 12px Arial;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: FFFFFF;
}






.txt_middle_info
/* Controls: Area behind the Information section of user portal (visible at top and left) */
{
	font: 12px Arial;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
}

.txt_middle_profile
/* Controls: Blank area just below profile picture (only visible in IE for some reason */

	padding-top: 0px;
	padding-bottom: 0px;
	background-color: transparent;
}

.txt_drop_item
/* Controls: Some dropdown menus (mostly only seen in IE) */
{
	background-color: #FFFFFF;
}




/************************/
/*** NAVIGATION TABS ***/
/**********************/

p.navtext
/* Controls: Text on all navigation tabs */
{
 	text-align: center;
 	margin-top: 5px; 
 	font-family: Arial;
 	font-weight: bold;
}

tr.navbar
/* Controls: Area behind navigation tabs */
{
  	/* background-image: url(./images/cat_back_tab_top_bar.gif); */
  	background-repeat: repeat-x;
  	padding-bottom: 0px;
  	background-color: transparent;
}

div.navtab
/* Controls: Navigation tabs without focus */
{
 	background-image: url(./images/cat_back_tab_top.gif);
	background-repeat: no-repeat;
        background-color: transparent;
 	float:  left; 
 	width: 110px;
 	height: 27px;
 	color: #DDDDDD;
 	padding-top: 7px;
 	font-size: 12px;
 	margin-left: 0px;
 	margin-right: 1px;
}

div.navtabfocus
/* Controls: Navigation tab with focus */
{
 	background-image: url(./images/cat_back_tab_top_focus.gif);
 	background-repeat: no-repeat;
	background-color:transparent;
 	float: left;
 	width: 110px;
 	height: 27px;
 	color: #FFFFFF;
 	padding-top: 7px;
 	font-size: 12px;
 	font-weight: bold;
 	margin-left: 0px;
 	margin-right: 1px;
}

div.navtabover
/* Controls: Navigation tab on mouseover */
{
 	background-image: url(./images/cat_back_tab_top.gif);
 	background-repeat: no-repeat;
	background-color: transparent;
 	float: left;
 	width: 110px;
 	height: 27px;
 	padding-top: 7px;
 	color: #ffa800;
 	font-size: 12px;
	text-decoration: none;
 	font-weight: bold;
 	margin-left: 0px;
 	margin-right: 1px; 
}




/*************************************************************/
/*** PROFILE PICTURE AND INFORMATION BOXES ON PORTAL PAGE ***/
/***********************************************************/

div.portalinfo
/* Controls: Information section on portal page */
{
 	background-image: url(./images/middle_bg.gif);
 	background-repeat: repeat-x; 
 	padding-left: 4px;
 	margin-left: 0px;
 	padding-top: 5px;
 	margin-top:0px;
 	height: 380px;
 	width: 260px;
}

td.infocolumnleft
/* Controls: Left column in user information on portal page */
{
	color: #000000;
	font-weight: bold;
	width: 120px;
}

td.infocolumnright
/* Controls: Right (data) column in user information on portal page */
{
	font-weight: bold;
}

td.mainInnerBoxes
*/ Controls: Inside boxes for profile image and profile information on user portal */
{
 	background-color: transparent;
}


div.profileimageboxtop
/* Controls: Top of profile picture section on portal page */
{

 	background-image: url(./images/middle_bg.gif);
 	background-color: transparent;
}

div.profileimagebox
/* Controls: Bottom of profile picture section on portal page */
{

 	/* background-image: url(./images/profile_pic_bottom_bg.gif); */
 	background-color: transparent;
}

div.profileimgwindow
/* Controls: Background of profile picture section on portal page */
{

	background-image: url(./images/middle_bg.gif);
    	background-repeat: repeat-x;
    	padding-left: 0px;
    	margin-left: 0px;
    	padding-top: 0px;
    	margin-top:0px;
    	height: 300px;
    	width: 310px;
}







table.ctrltable
/* Controls: ??? */
{
 	width: 630px;
 	font-family: Arial;
 	font-size: 23px;
 	font-weight: bold;
 	border-style: solid;
 	border-width: 2;
 	border-color: #FF0000;
 	/* background-image: url(./images/infoBarGrad.jpg); */
 	background-color: #00FF00;
}


table.infotable
/* Controls: Many tables with data (My Stats, My Goals, Etc) */
{
 	width: 100%;  
 	color: #000000;
 	font-family: Arial;
 	font-size: 12px;
 	font-weight: normal;
 	/* background-image: url(./images/middle_bg.jpg); */
 	background-color: transparent;
}




/***********************/
/*** GOAL TIMELINE  ***/
/*********************/

#timelinecontainer
/* Controls: Main timeline table*/
{
 	position: relative;
 	width: 600px;
 	height: 150px;
 	background-color: transparent;
 	border-style: none;
 	border-color: #000000;
 	border-width: 1px;
 	overflow-x: auto;
 	overflow-y: hidden; 
}

.timelineinfo
/* Controls: Goal in Timeline*/
{
 	color: #000000;
 	font-size: 10px;
 	font-family: Arial;
	padding-left: 5px;
}

#timeline
/* Controls: Small graphic under the timeline information*/
{
 	margin-top: 70px;
  	margin-left: 25px;
 	margin-right: 25px;
  	height: 40px;
  	background-image: url(./images/timeline_pattern.gif);
 	background-repeat: repeat-x;
 	border-style: solid;
 	border-color: #000000;
 	border-width: 1px;
 	color: #ffffff;
}

span.timelinelbl
/* Controls: Date label under goals on timeline */
{
 	color: #000000;
 	font-size: 10px;
 	font-family: Arial;
}

div.timebox
/* Controls: Goal on timeline on mouseover */
{
 	height: 100px;
 	width: 130px;
 	background-color: #DDDDDD;
 	border-color: #000000;
 	border-style: solid;
 	border-width: 1px;
 	opacity: .40;
 	filter: alpha(opacity=40);
}

div.timeboxshield
/* Controls: Goal on timeline without mouseover */
{
 	height: 100px;
 	width: 130px;
 	background-color: #144683;
 	border-color: #000000;
 	border-style: solid;
 	border-width: 1px;
 	opacity: .40;
 	filter: alpha(opacity=40);
 	z-index: 2;
}

a.linkgoal
/* Controls: Link text */
{
 	font-size: 10px;
 	font-family: Verdana;
 	text-decoration: none;
 	color: #000000;
}

a.linkgoal:hover
/* Controls: Link text on hover */
{
 	font-size: 10px;
 	font-family: Verdana;
 	text-decoration: underline;
  	color: #000000;
}



/***********************/
/*** TRAINING PAGE ***/
/*********************/

tr.exerstatscompare
/* Controls: Headers in informational stats, exercise and comparison tables */
{
    	background-color: #002547;
    	color: #ffffff;
}

div.traininglogtotal_header
/* Controls: Main training log header */
{
 	background-image: url(./images/traininglogtotal_header.gif);
	background-repeat: no-repeat; 	
	border-style: none;
 	width: 625px;
 	height: 150px;
 	font-size: 10px; 
 	background-color: transparent;
}

table.traininglogtable
/* Controls: Training log table */
{
 	background-color: transparent;

}

div.dayexercisetable
/* Controls: Exercise information table */
{
 	background-color: transparent;
}

tr.trainingworkouttimetop
/* Controls: Exercise headers on training log page */
{
 	background-color: transparent;
 	background-image: url(./images/trainingworkout_timename.gif);
	background-repeat: no-repeat;
}




/***********************/
/*** NUTRITION PAGE ***/
/*********************/

div.foodtotal_header
/* Controls: Table for nutrition totals for entire day */
{
 	border-style: none;
 	padding-top: 5px;
 	padding-bottom: 25px;
 	width: 625px;
 	height: 128px;
 	background-color: #FFFFFF;
 	background-image: url(./images/foodtotal_header.gif); 
	background-repeat: no-repeat;
}

table.mealtotalgraph
/* Controls: Text for nutrition data totals for entire day */
{
 	border-width: 0 0 1px 1px;
 	border-style: solid;
 	font-size: 16px;
	border-color: #004371;
}

table.mealtotalgraph th
/* Controls: Header for nutrition data total graph */
{
    	border-width: 1px 1px 0 0;
    	border-style: solid;
	border-color: #999999;
    	margin: 1;
    	padding: 4px;
    	font-weight: bold;
    	background-color: #002547;
	color: #FFFFFF;
}

table.mealtotalgraph td
/* Controls: Data for nutrition data total graph */
{
    	border-width: 1px 1px 0px 0px;
    	border-style: solid;
	border-color: #999999;
    	margin: 1;
    	padding: 4px;
    	background-color: #e9f3fd;
}

tr.mealheader_timename
/* Controls: Header for each meal */
{
 	background-color: #FFFFFF;
 	margin-top: 0px;
 	padding-top: 0px;
 	background-image: url(./images/mealheader_timename.gif);
	background-repeat: no-repeat;
 	position: relative
 	width: 625px;
 	height: 55px;
}

img.mealmacrochart
/* Controls: Small macro chart to the right of each meal's macros */
{
	border-style: none;
	padding: none;
	margin: none;
	background-color: #FFFFFF;
}

#piebarmacroobject
/* Controls: Pie Chart and Bar Graph for macros */
{
   	background-color: #FFFFFF;
   	color: #000000;
}

table.mealtable
/* Controls: Border around outside of meal food items table */
{
 	padding: 1px;
 	margin-left: 20px;
 	width: 572px;
 	border-style: solid;
 	border-width: 1px;
	border-color: #004371;
}

table.menudaytable
/* Controls: Entire meal table  */
{
 	border-style: none;
 	padding: 1px;
 	background-color: #FFFFFF;
	padding-bottom: 35px;
}


table.mealitemgraph
/* Controls: Individual meal macro table */
{
 	border-width: 0 0 1px 1px;
 	border-style: solid;
	border-color: #004371;
 	font-size: 12px;
}

table.mealitemgraph th
/* Controls:  Individual meal header */
{
    	border-width: 1px 1px 0 0;
    	border-style: solid;
	border-color: #004371;
    	margin: 0;
    	padding: 4px;
    	font-weight: bold;
    	background-color: #002547;
	color: #FFFFFF;
}

table.mealitemgraph td
/* Controls:  Individual meal data */
{
    	margin: 0;
	border-width: 1px 1px 0 0;
	border-color: #004371;
	border-style: solid;
	padding: 4px;
    	background-color: #e9f3fd;
}







.custtext1
/* Controls: Text input boxes (text and scrollbars) */
{
 	background-color: transparent;
 	scrollbar-highlight-color: #FFFFFF;
 	scrollbar-3dlight-color: #000000;
 	font-size: 12px;
	font-family: Arial;
 	border-style: none;
 	scrollbar-track-color: #333333;
 	scrollbar-face-color: #999999;
 	scrollbar-arrow-color: #DDDDDD;
}

.txt_center_table
/* Controls: Text input boxes (background) */
{ 
	border-style: none;
	background-color: #FFFFFF;
}


td.calc_l
/* Controls: Left (menu) side of calculator section */
{
 	/* background-image:url(./images/calc_back_l.jpg); */
	 background-color: transparent;
}

td.calc_r
/* Controls: right (data) side of calculator section */
{
 	/* background-image:url(./images/calc_back_r.jpg); */
	 background-color: #transparent;
}


a.evenrow
/* Controls: Even row link text in tables */
{
 	color: #003362;
 	text-decoration: none; 
}

a.oddrow
/* Controls: Odd row link text in tables*/
{
 	color: #003362; 
 	text-decoration: none;
}


a.evenrow:hover
/* Controls: Even row mouseover link text on in tables */
{
 	text-decoration: underline;
}

a.oddrow:hover
/* Controls: Odd row mouseover link text on in tables */
{
 	text-decoration: underline;
}

tr.oddrow
/* Controls: Odd rows for most tables */
{
 	background-color: #ecf5fe;
 	color: #000000;
}

tr.evenrow
/* Controls: Even rows for most tables*/
{
 	background-color: #d0e7fe;
 	color: #000000;
}

p.note
/* Controls: Misc notes placed around the site (Ex: Instructions for macro pie graph image code) */
{
 	font-size: 12px;
 	font-family: Arial;
 	padding: 10px;
 	text-align: left;
	color: #000000;
}



p.notifydialog
/* Controls: Popup notification (text area only) */
{
 	padding-top: 20px;
 	text-align: center;
 	color: #022345;
	background-color: transparent;
 	font-size: 14px;
 	font-weight: bold;
}

p.errordialog
/* Controls: TBD */
{
 	padding-top: 20px;
 	text-align: center;
 	color: #022345;
	background-color: transparent;
 	font-size: 14px;
 	font-weight: bold;
}


p.subnoteinner
/* Controls: ???? */
{
 	color: #00FF00;
 	font-size: 10px;
 	font-family: verdana;
 	font-style: italic;
 	padding-top: 0px;
 	margin-top: 0px;
 	margin-bottom: 0px;
}


table.exercisetable
/* Controls: ??? */
{
 	color: #00FF00;
 	font-family: Verdana;
 	font-size: 12px;
 	font-weight :bold;
 	background-image: url(./images/infobar.jpg);
 	background-color: #00FF00;
  	width: 500px;
 	margin-left: 38px;
  	border-style: solid;
 	border-color: #ffffff;
 	border-width: 1px;  
}

th.infohead
/* Controls: Table header for food and exercise database, also portal "Progress" tab */
{
 	font-size: 15px;
 	font-family: Arial;
 	font-weight: bold;
 	text-decoration: none;
	color: #FFFFFF;
 	text-align: left;
 	background-color: #003d79;
	padding-top: 3px;
	padding-left: 5px;
}


td.infoleft
/* Controls: Left (title) information in Stats, Goals, Training sections */
{
 	font-size: 12px;
 	font-family: Arial;
 	font-weight: bold;
 	text-decoration: none;
	color: #000000;
 	vertical-align: top;
}

td.inforight
/* Controls: Right (date) information in Stats, Goals, Training sections */
{
 	font-size: 12px;
 	font-family: Arial;
 	font-weight: bold;
 	text-decoration: none;
	color: #0352a2;
 	vertical-align: top;
}

.welcome
/* Controls: TBD */
{
 	font-size: 13px;
 	font-weight: bold;
 	font-family: Verdana;
 	float: right;
 	background-color: transparent;
 	padding-left: 10px;
 	padding-right: 10px;
  	position: absolute;
 	right: -3px;
 	top: -20px;
 	color: #FFFFFF;
}

#striptop
/* Controls: Information strips found under most sections and user name/date posts on wall */
{
 	width: 531px;
 	height: 31px;
 	margin: 0px; 
 	/* background: url(./images/striptop.gif); */
 	background-repeat: no-repeat; 
}

#striptopblack
/* Controls: "Weight Lifting Log" in training log section */
{
	height: 15px;
 	margin-bottom: 0px;
 	/* background: url(./images/striptopblack.gif); */
	background-color: #FFFFFF;
	color: #0352a2;
 	background-repeat: no-repeat; 
}


a.innerclicknote
/* Controls: Mood history link */
{
 	font-size: 10px;
 	font-family: arial;
	font-weight: bold;
 	margin-top: 0px;
 	padding-top: 0px;
 	color: #010959;
	text-decoration: none;
}

a.innerclicknote:hover
/* Controls: Mood history link on mouseover*/
{
	text-decoration: underline;
}

a.clicknote
/* Controls: Links in top control strip, Youtube and Image links on fitness wall, food log links, exercise links */
{
 	font-size: 10px;
 	font-family: arial;
 	margin-top: 0px;
 	padding-top: 0px;
 	color: #010959;
 	text-decoration: none;
	font-weight: bold;
}


a.clicknote:hover
/* Controls: Links in top control strip, Youtube and Image links on fitness wall, food log links, exercise links */
{
 	text-decoration: underline;
 	color: #010959;
}


a
/* Controls: Link text used in some areas of the site (like the text ads) and also text on Fitness Wall */
{
 	font-family: arial;
 	margin-top: 0px;
 	padding-top: 0px;
 	color: #01417c;
}

a:hover
/* Controls: Link text on mouseover used in some areas of the site (like the text ads) and also text on Fitness Wall */
{
 	color: #0269c7;
	text-decoration: underline;
}


a.promolink
/* Controls: User links on Fitness Wall */
{
 	font-size: 12px;
 	text-align: left;
 	font-family: arial;
 	font-weight: bold;
 	color: #01417c;
	text-decoration: none;
}

a.promolink:hover
/* Controls: User links on Fitness Wall on mouseover */
{
  	color: #010959;
	text-decoration: none;
}



/****************/
/*** BUTTONS ***/
/**************/

input.ctrlBtnData
/* Controls: Most buttons on site */
{
 	font-size: 12px;
 	font-weight: bold;
 	font-family: Arial;
 	color: #FFFFFF; 
 	border: 1px solid;   
 	border-color: #333333 #333333 #333333 #333333;    
 	background-color: #0680d6;
 	padding: 2px;
}

input.ctrlBtnData:hover
/* Controls: Most buttons on site on mouseover*/
{
 	font-size: 12px;
 	font-weight: bold;
 	font-family: Arial;
 	color: #ffa800; 
 	border: 1px solid;   
 	border-color: #333333 #333333 #333333 #333333;    
 	background-color: #0680d6;
 	padding: 2px;
}

button
/* Controls: Add Food, Prev, Next, Delete buttons */
{
 	font-size: 12px;
 	font-weight: bold;
 	font-family: Arial;
 	color: #FFFFFF; 
 	border: 1px solid; 
 	border-color: #989898 #989898 #989898 #989898;   
 	background-color: #033f6e;  
 	padding: 2px;
}

button:hover
/* Controls: Add Food, Prev, Next, Delete buttons on mouseover */
{
 	font-size: 12px;
 	font-weight: bold;
 	font-family: Arial;
 	color: #ffa800; 
 	border: 1px solid; 
 	border-color: #989898 #989898 #989898 #989898;   
 	background-color: #033f6e;  
 	padding: 2px;
}




/***************/
/*** FOOTER ***/
/*************/

.pagenotesub
/* Controls: Footer display text */
{
 	font-size: 12px;
 	font-weight: bold;
 	font-family: Arial;
 	color: #FFFFFF;
 	/* background: url(./images/cat_back.gif); */
	background-color: #012b51;
 	text-align: center;
 	height: 16px;
}

a.footerpromo
/* Controls: Footer display links */
{
	color: #ffffff;
}


a.footerpromo:hover
/* Controls: Footer display links on mouseover*/
{
	color: #00b9fe;
}





/***************/
/*** POPUPS ***/
/*************/

#statnotediv
/* Controls: Statistics note popup */
{
 	background-color: #000000;
 	background-image: url(./images/statnote.jpg);
	color: #013d70;
}

#goalnotediv
/* Controls: Goal note popup */
{
 	background-color: #000000;
 	background-image: url(./images/statnote.jpg);
	color: #013d70;
}

#chatstrip
/* Controls: Chat box */
{ 
 	width: 925px;
 	height: 350px;
 	background-image: url(./images/chatback.jpg);
 	background-repeat: repeat-x;
 
  	/* for IE */
  	filter: alpha(opacity=80);
  	/* CSS3 standard */
  	opacity: 8.0;
   
 	border-style: solid;
 	border-width: 2px;
 	border-color: #000000;
 
 	position:absolute;
	left: 75px;
	top:10px;
 
 	z-index:10;

 	font-family: Arial;
 	font-size: 10px;
 	text-align: left;
 	overflow: auto;
}

#loadingdiv
/* Controls: ??? */
{
  	width: 250px;
  	height: 70px;
  	margin: 0px 0px;
  	color: #FF0000;
  	background-color: transparent;
  
  	border-style: none;
  	border-color: #FF0000;
  	border-width: 1px
  
  	/* for IE */
  	filter: alpha(opacity=80);
  	/* CSS3 standard */
  	opacity: 8.0;
    
  	position: absolute;
  	left: -100px;
  	top: -100px; 
  	z-index: 101;
}

/* MAIN CONTAINER */
#popupdiv
/* Controls: Popup window sizes and borders */
{
 	width: 400px;
 	height: 1px;
 	border-style: solid;
 	border-width: 3px;
 	border-color: #232323;
 	background-image: url(./images/cat_back.gif); 
	background-color: #FFFFFF;
 	position: absolute;
 	left: 480px;
 	top: 200px;
 	z-index: 2;
}

#popupdiv2
/* Controls: Popup window sizes and borders */
{
 	width: 400px;
 	height: 1px;
 	border-style: solid;
 	border-width: 3px;
 	border-color: #232323;
 	background-image: url(./images/cat_back.gif); 
	background-color: #FFFFFF;
 	position: absolute;
 	left: 480px;
 	top: 200px;
 	z-index: 3;
}

#popupdiv3
/* Controls: Popup window sizes and borders */
{
 	width: 400px;
 	height: 1px;
 	border-style: solid;
 	border-width: 3px;
 	border-color: #232323;
 	background-image: url(./images/cat_back.gif); 
	background-color: #FFFFFF;
 	position: absolute;
 	left: 480px;
 	top: 200px;
 	z-index:4; 
}

#popupdiv4
/* Controls: Popup window sizes and borders */
{
 	width: 400px;
 	height: 1px;
 	border-style: solid;
 	border-width: 3px;
 	border-color: #232323;
 	background-image: url(./images/cat_back.gif); 
	background-color: #FFFFFF;
 	position: absolute;
 	left: 480px;
 	top: 200px;
 	z-index:5;
}

#popupdiv5
/* Controls: Popup window sizes and borders */
{
 	width: 400px;
 	height: 1px;
 	border-style: solid;
 	border-width: 3px;
 	border-color: #232323;
 	background-image: url(./images/cat_back.gif); 
	background-color: #FFFFFF;
 	position: absolute;
 	left: 480px;
 	top: 200px;
 	z-index:6;
}

#popupdiv6
/* Controls: Popup window sizes and borders */
{
 	width: 400px;
 	height: 1px;
 	border-style: solid;
 	border-width: 3px;
 	border-color: #232323;
 	background-image: url(./images/cat_back.gif); 
	background-color: #FFFFFF;
 	position: absolute;
 	left: 480px;
 	top: 200px;
	z-index:7;
}

#popupdiv7
/* Controls: Popup window sizes and borders */
{
 	width: 400px;
 	height: 1px;
 	border-style: solid;
 	border-width: 3px;
 	border-color: #232323;
 	background-image: url(./images/cat_back.gif); 
	background-color: #FFFFFF;
 	position: absolute;
 	left: 480px;
 	top: 200px;
	z-index:8;
}

/* CONTENT CONTAINER */
#popupdivcontents
/* Controls: Main area in popup window */
{
 	color: #000000;
 	margin: 0px;
 	padding: 0px;
 	background-color: #FFFFFF;
 	background-image: url(./images/middle_bg.gif); 
	background-repeat: repeat-x;
	overflow: auto;
 	float: left;
 	position: absolute;  
 	left: 0px;
 	top: 20px;
 	height: 100%;
 	width: 100%;
}

#popupdivcontents2
/* Controls: Main area in popup window */
{
 	color: #000000;
 	margin: 0px;
 	padding: 0px;
 	background-color: #FFFFFF;
 	background-image: url(./images/middle_bg.gif); 
	background-repeat: repeat-x;
	overflow: auto;
 	float: left;
 	position: absolute;  
 	left: 0px;
 	top: 20px;
 	height: 100%;
 	width: 100%;
}

#popupdivcontents3
/* Controls: Main area in popup window */
{
 	color: #000000;
 	margin: 0px;
 	padding: 0px;
 	background-color: #FFFFFF;
 	background-image: url(./images/middle_bg.gif); 
	background-repeat: repeat-x;
	overflow: auto;
 	float: left;
 	position: absolute;  
 	left: 0px;
 	top: 20px;
 	height: 100%;
 	width: 100%;
}

#popupdivcontents4
/* Controls: Main area in popup window */
{
 	color: #000000;
 	margin: 0px;
 	padding: 0px;
 	background-color: #FFFFFF;
 	background-image: url(./images/middle_bg.gif); 
	background-repeat: repeat-x;
	overflow: auto;
 	float: left;
 	position: absolute;  
 	left: 0px;
 	top: 20px;
 	height: 100%;
 	width: 100%;
}

#popupdivcontents5
/* Controls: Main area in popup window */
{
 	color: #000000;
 	margin: 0px;
 	padding: 0px;
 	background-color: #FFFFFF;
 	background-image: url(./images/middle_bg.gif); 
	background-repeat: repeat-x;
	overflow: auto;
 	float: left;
 	position: absolute;  
 	left: 0px;
 	top: 20px;
 	height: 100%;
 	width: 100%;
}

#popupdivcontents6
/* Controls: Main area in popup window */
{
 	color: #000000;
 	margin: 0px;
 	padding: 0px;
 	background-color: #FFFFFF;
 	background-image: url(./images/middle_bg.gif); 
	background-repeat: repeat-x;
	overflow: auto;
 	float: left;
 	position: absolute;  
 	left: 0px;
 	top: 20px;
 	height: 100%;
 	width: 100%;
}

#popupdivcontents7
/* Controls: Main area in popup window */
{
 	color: #000000;
 	margin: 0px;
 	padding: 0px;
 	background-color: #FFFFFF;
 	background-image: url(./images/middle_bg.gif); 
	background-repeat: repeat-x;
	overflow: auto;
 	float: left;
 	position: absolute;  
 	left: 0px;
 	top: 20px;
 	height: 100%;
 	width: 100%;
}

/* TITLES */
#popuptitle
/* Controls: Popup title bar text */
{
	background: transparent;
 	color: #FFFFFF;
 	font-family: Arial;
 	font-size: 12px;
 	font-weight: bold;
 	position: absolute;
 	left: 5;
 	top: 3;
 	z-index: 1;
}

#popuptitle2
/* Controls: Popup title bar text */
{
	background: transparent;
 	color: #FFFFFF;
 	font-family: Arial;
 	font-size: 12px;
 	font-weight: bold;
 	position: absolute;
 	left: 5;
 	top: 3;
 	z-index: 1;
}

#popuptitle3
/* Controls: Popup title bar text */
{
	background: transparent;
 	color: #FFFFFF;
 	font-family: Arial;
 	font-size: 12px;
 	font-weight: bold;
 	position: absolute;
 	left: 5;
 	top: 3;
 	z-index: 1;
}

#popuptitle4
/* Controls: Popup title bar text */
{
	background: transparent;
 	color: #FFFFFF;
 	font-family: Arial;
 	font-size: 12px;
 	font-weight: bold;
 	position: absolute;
 	left: 5;
 	top: 3;
 	z-index: 1;
}

#popuptitle5
/* Controls: Popup title bar text */
{
	background: transparent;
 	color: #FFFFFF;
 	font-family: Arial;
 	font-size: 12px;
 	font-weight: bold;
 	position: absolute;
 	left: 5;
 	top: 3;
 	z-index: 1;
}

#popuptitle6
/* Controls: Popup title bar text */
{
	background: transparent;
 	color: #FFFFFF;
 	font-family: Arial;
 	font-size: 12px;
 	font-weight: bold;
 	position: absolute;
 	left: 5;
 	top: 3;
 	z-index: 1;
}

#popuptitle7
/* Controls: Popup title bar text */
{
	background: transparent;
 	color: #FFFFFF;
 	font-family: Arial;
 	font-size: 12px;
 	font-weight: bold;
 	position: absolute;
 	left: 5;
 	top: 3;
 	z-index: 1;
}

/* CONTROLS */
#popupcontrols
/* Controls: Popup title bar background */
{
 	color: #FFFFFF;
 	background-image: url(./images/cat_back.gif);
	background-repeat: repeat-x;
 	text-align: right;
 	padding-right: 0px;
 	height: 25px;
}

#popupcontrols2
/* Controls: Popup title bar background */
{
 	color: #FFFFFF;
 	background-image: url(./images/cat_back.gif);
	background-repeat: repeat-x;
 	text-align: right;
 	padding-right: 0px;
 	height: 25px;
}

#popupcontrols3
/* Controls: Popup title bar background */
{
 	color: #FFFFFF;
 	background-image: url(./images/cat_back.gif);
	background-repeat: repeat-x;
 	text-align: right;
 	padding-right: 0px;
 	height: 25px;
}

#popupcontrols4
/* Controls: Popup title bar background */
{
 	color: #FFFFFF;
 	background-image: url(./images/cat_back.gif);
	background-repeat: repeat-x;
 	text-align: right;
 	padding-right: 0px;
 	height: 25px;
}

#popupcontrols5
/* Controls: Popup title bar background */
{
 	color: #FFFFFF;
 	background-image: url(./images/cat_back.gif);
	background-repeat: repeat-x;
 	text-align: right;
 	padding-right: 0px;
 	height: 25px;
}

#popupcontrols6
/* Controls: Popup title bar background */
{
 	color: #FFFFFF;
 	background-image: url(./images/cat_back.gif);
	background-repeat: repeat-x;
 	text-align: right;
 	padding-right: 0px;
 	height: 25px;
}

#popupcontrols7
/* Controls: Popup title bar background */
{
 	color: #FFFFFF;
 	background-image: url(./images/cat_back.gif);
	background-repeat: repeat-x;
 	text-align: right;
 	padding-right: 0px;
 	height: 25px;
}


p.errordialog
/* Controls: ??? */
{
 	padding-top: 20px;
 	text-align: center;
 	background-image: url(./images/cat_back.gif);
 	color: #ff0000;
 	font-size: 14px;
 	font-weight: bold;
}