* { margin: 0; padding: 0; }

#pagecontainer { float: left; width: 100%; text-align: center; background: #d7d7d7; }
#pagecontainer1 { float: left; width: 100%; background: #fff; }
#content { margin: 0 auto; width: 791px; text-align: left; }
#content_border { float: left; width: 761px; text-align: left; padding: 0 15px 0 15px; background: #b8bfc5; }
#content_bg { float: left; width: 761px; margin: 0 0 0 0; padding: 0 0 0 0; background: #fff; }

#top { float: left; width: 761px; height: 96px; }
#logo { float: left; width: 328px; height: 70px; }
#login { float: left; width: 418px; height: 70px; padding: 0 15px 0 0; }
#cart { float: right; width: 340px; }
#cart_icon { float: left; padding: 0 6px 0 0; }
#cart_copy { float: left; margin: 2px 0 0 0; }

#login_form { float: right; width: 307px; height: 44px; background: url(images/bg_login.gif) no-repeat top left; padding: 15px 20px 0 20px; }
#login_form a { font-weight: normal; }

#bline { float: left; width: 731px; height: 16px; background: #709ac1; padding: 4px 30px 0 0; color: #fff; font-weight: bold; font-size: 11px; text-align: right; }

#copy { float: left; width: 761px; background: url(images/bg_navs.gif) repeat-y top left; }
#copy_left { float: left; width: 181px; }
#copy_right { float: left; width: 564px; }
#copy_blue { float: left; width: 16px; height: 10px; background: #709ac1; } * html #copy_blue { display: none; }
#copy_copy { float: left; width: 267px; padding: 20px 0 20px 15px; }
#copy_long { float: left; width: 534px; padding: 20px 15px 20px 15px; }

#header_inside { float: left; width: 544px; height: 51px; background: url(images/bg_header.gif) no-repeat top left; padding: 40px 0 0 20px; }
#copy_inside { float: left; width: 549px; padding: 20px 0 20px 15px; }
#copy_inside1 { float: left; width: 549px; padding: 0px; }

#header_help { float: left; width: 544px; height: 91px; background: url(images/bg_header.gif) no-repeat top left; padding: 0 0 0 20px; }
#header_help_left { float: left; width: 467px; height: 51px; padding: 40px 0 0 0; }
#header_help_right { float: left; width: 72px; height: 58px; padding: 33px 0 0 0; }

#menu_block { background: #f0f5f9; border: 1px #d0deeb solid; padding: 12px 15px 12px 15px; }

div.tab_on { font-size: 10px; cursor: pointer; float: left; padding: 10px 2px 10px 3px; color: #fff; font-weight: bold; background: #6283b3 url(images/bg_tab_on.gif) no-repeat top left; border-bottom: 2px #cdcdcd solid; }
div.tab_off { font-size: 10px; cursor: pointer; float: left; padding: 10px 2px 10px 3px; font-weight: bold; background: #e2e6ed url(images/bg_tab_off.gif) no-repeat top left; border-bottom: 2px #cdcdcd solid; }

#tabs2 { float: left; width: 529px; text-align: center; padding: 5px 10px 0 10px; }
.tabs { float: left; width: 564px; height: 92px; background: url(images/bg_tabs.gif) repeat-x top left; }
.tabs_item_1 { float: left; width: 558px; height: 87px; background: url(images/bg_tabs_item.gif) repeat-x top left; margin: 5px 0 0 6px; text-align: center; }
.tabs_item_2 { float: left; width: 273px; height: 87px; background: url(images/bg_tabs_item.gif) repeat-x top left; margin: 5px 0 0 6px; text-align: center; } * html .tabs_item_2 { width: 268px; }
.tabs_item_3 { float: left; width: 180px; height: 87px; background: url(images/bg_tabs_item.gif) repeat-x top left; margin: 5px 0 0 6px; text-align: center; } * html .tabs_item_3 { width: 176px; }
.tabs_item_4 { float: left; width: 134px; height: 87px; background: url(images/bg_tabs_item.gif) repeat-x top left; margin: 5px 0 0 6px; text-align: center; } * html .tabs_item_4 { width: 131px; }
.tabs_item_5 { float: left; width: 106px; height: 87px; background: url(images/bg_tabs_item.gif) repeat-x top left; margin: 5px 0 0 6px; text-align: center; } * html .tabs_item_5 { width: 103px; }
.tabs_item_6 { float: left; width: 87px; height: 87px; background: url(images/bg_tabs_item.gif) repeat-x top left; margin: 5px 0 0 6px; text-align: center; } * html .tabs_item_6 { width: 85px; }
.tabs_item_7 { float: left; width: 74px; height: 87px; background: url(images/bg_tabs_item.gif) repeat-x top left; margin: 5px 0 0 6px; text-align: center; } * html .tabs_item_7 { width: 73px; }
.tabs_item_8 { float: left; width: 64px; height: 87px; background: url(images/bg_tabs_item.gif) repeat-x top left; margin: 5px 0 0 6px; text-align: center; } * html .tabs_item_8 { width: 63px; }
/*------------- FOOTER --------------*/

.clear { clear: both; }
#footer { float: left; width: 741px; padding: 10px 25px 10px 25px; background: #b8bfc5; } 
#footer_left { float: left; width: 210px; }
#footer_right { float: left; width: 531px; padding: 1px 0 0 0; text-align: right; }
#footer p { color: #ffffff; font-size: 9px; padding: 0; margin: 0; }
#footer a { color: #ffffff; font-weight: normal; text-decoration: none; }
#footer a:hover { text-decoration: underline; color: #ffffff; }

.classic { background: #f0f5f9; margin: 0 0 10px 0; border: 1px solid #d0deeb;}
.subtitle { background: url(images/side_arrow.gif) no-repeat 7px 10px; padding: 2px 0 2px 18px; }
td.subtitle a { font-size: 11px;}

div.left { text-align:left; }
div.right { text-align:right; }
div.shaded { background: #416e9a; padding: 5px 5px 5px 5px; }
div.shaded a { color: #fff; text-decoration: none; } 
div.shaded a:hover { color: #fff; text-decoration: underline; }

/*------------- GLOBAL SELECTORS --------------*/

body { text-align: center; margin: 0; padding: 0; border:0; color: #000000; font-family: Tahoma, Verdana, Sans-serif; font-size: 12px; background-color: #fff; }

h1 { color: #396b9a; font-size: 18px; font-weight: normal; padding: 5px 0 0 0; margin: 0 0 5px 0; }
h1.white { color: #fff; font-size: 20px; font-weight: normal; padding: 5px 0 0 0; margin: 0 0 5px 0; }
h2 { color: #396b9a; font-size: 16px; font-weight: normal; padding: 5px 0 0 0; margin: 0 0 3px 0; font-weight: bold; }

p { font-size: 12px; line-height: 16px; color: #000000; padding: 5px 0 3px 0; margin: 0; }
ul { list-style: square; margin-top: 0px; margin-bottom: 8px; margin: 0; margin-left: 5px; padding: 0; }
ul li { text-indent:0px; }
a.redlink { text-decoration: underline; color: #b73d31;}
a:hover, a.redlink:hover { text-decoration: none; color: #b73d31; }


img.nowrap { display: block; padding: 0; margin: 0; }


/*------------- FORM ELEMENTS --------------*/

form { margin:0; padding:0; display:block; }
input, select, textarea, option { padding: 2px 3px 2px 3px; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#1F1F1F; font-weight:normal; }
/*------------- SUBNAVIGATION --------------*/

ul.subMenu { width: 181px; margin: 10px 0 10px 0; padding: 3px 0px 0px 0px; font-size: 11px; font-weight: bold; }
ul.subMenu li { margin: 0; padding: 0; display:block; list-style-type: none; }
ul.subMenu a:link, ul.subMenu a:visited { display:block; height: 13px; padding: 10px 0 10px 21px; margin: 0; color: #5a7595; text-decoration:none; background: #e7ecf4 url(images/arrow_blue.gif) no-repeat 8px 15px; font-weight: bold; border-bottom: 1px #fff solid; }
ul.subMenu a:active, ul.subMenu a:hover { padding: 10px 0 10px 21px; margin: 0; color: #fff; text-decoration:none; background: #b2c8de url(images/arrow_white.gif) no-repeat 8px 15px; font-weight: bold; border-bottom: 1px #fff solid; }
ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { padding: 10px 0 10px 21px; margin: 0; color: #fff; text-decoration:none; background: #709ac1 url(images/arrow_white.gif) no-repeat 8px 15px; font-weight: bold; border-bottom: 1px #fff solid; }
ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { font-weight: bold; }

ul.subMenu2 { width: 150px; margin: 5px 0 5px 15px; padding: 3px 0px 0px 0px; font-size: 10px; font-weight: bold; }
ul.subMenu2 li { margin: 0; padding: 0 0px 0 0px; display:block; list-style-type: none; }
ul.subMenu2 a:link, ul.subMenu2 a:visited { display:block; height: 10px; padding: 5px 0 5px 18px; color: #5a7595; text-decoration:none; background: url(images/arrow_blue_light.gif) no-repeat 5px 9px; font-weight: normal; border: none; }
ul.subMenu2 a:active, ul.subMenu2 a:hover { padding: 5px 0 5px 18px; color: #5a7595; text-decoration:none; background: url(images/arrow_blue.gif) no-repeat 5px 9px; font-weight: bold; }
ul.subMenu2 a:link.subMenu2On, ul.subMenu2 a:visited.subMenu2On { padding: 5px 0 5px 18px; color: #5a7595; text-decoration:none; background: url(images/arrow_blue.gif) no-repeat 5px 9px; font-weight: bold; border: none; }
ul.subMenu2 a:link.subMenu2On, ul.subMenu2 a:visited.subMenu2On { font-weight: bold; }


/*basic layout*/
html {
	background-color:#D7D7D7;
	margin: 0px;
}

#container {
	width: 761px;
	margin: auto;
	background-color:#D7D7D7;
}

#container1 {
	width: 760px;
	margin-left:1px;
	line-height: 15px;
	background-color:#fff;
}

#main_header {
	width: 759px;
	height: 96px;
	background: url("images/header.gif") no-repeat;
}

#main_header #logo {
	position: relative;
	float: left;
	left:0px;
	top:0px;
	background:#FFFFFF;
	width:328px;
}
		
#main_header #logo h1 {
	background: transparent url("images/logo.gif") no-repeat; 
	padding:0px 0px 0px 0px;
	margin:0px;
	width:328px;
	height:96px;
	text-indent: -9000px;
	overflow: hidden;
	border: 0px;
}

#main_header #header_text {
	float: left;
	margin-left: 76px;
	margin-top: 25px;
	width: 347px;
	height: 40px;
}

#main_header #header_text p {
	text-align: right;
	margin-right: 0px;
	margin-top: 30px;
}

#main_header #header_text #login_text{
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}

#main_header #header_text #login_go{
	float: right;
	margin-top: 2px;
}

#main_header #header_text #login_box{
	float: left;
	margin-top: 4px;
	margin-top: expression("5px");
	margin-left: 10px;
}

#ads_body {
	clear: both;
	height:75px;
	width:759px;
	text-align: center;
	background: #e0e8ef url("images/bg_ads.jpg") no-repeat top left;
	padding: 15px 0 0 0;
}

#middle_body {
	clear: both;
	height:20px;
	width:759px;
	background: transparent url("images/middle.gif") no-repeat; 
}

#middle_body #calendar {
	text-align: right;
	margin-right: 10px;
	padding-top: 4px;
	padding-top: expression("0px");
	margin-top: expression("4px");
	margin-bottom:expression("-4px");
	color: #01365E;
	weight:759px;
	height:20px;
	font: 10px verdana;
}

#main_body {
	clear: both;
	width: 759px;
	width:expression("770px");
	min-height: 700px;
	height: auto;
	background:#fff;
}
/* for Internet Explorer */
/*\*/
* html #main_body {
	height: 700px;
}
/**/

#main_body #main_menu {
	background: #fff;
	float: left;
	width: 179px;
}

#main_body #main_menu #menu div {
	background: transparent url("images/menu_bg.gif") no-repeat top left; 
	width: 168px;
	height: 30px;
	padding-top: 8px;
	padding-left: 10px;
}

#main_body #main_page {
	background: #fff url("images/main.gif") no-repeat top left; 
	float: left;
	width: 550px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: expression("10px");
	min-height: 600px;
	height: auto;
}
/* for Internet Explorer */
/*\*/
* html #main_body #main_page {
	height: 600px;
}
/**/

#main_body #main_page #drop_down_bar {
	position: relative;
	top: -33px;
	top: expression("-30px");
	right: 0px;
	margin-bottom: 0px;
}

#drop_down_bar span { color: #fff; font-weight: bold; }
#drop_down_bar select { padding: 0; margin: 1px 0 0 0; font-size: 12px; }

#drop_down_bar form {
	padding: 0px;
	margin: 0px;
}

#form_page  {
	background-color: #f0f5f9;
	padding-right: 5px;
	padding-left: 5px;
	border-top: 1px solid #d0deeb;
	border-bottom: 1px solid #d0deeb;
	margin-bottom: 10px;
}

#form_page1  {
	background-color: #fff;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}

#main_body #main_page #form_page p, #main_body #main_page #form_page span, #main_body #main_page #form_page1 p, #main_body #main_page #form_page1 span {
	color: #04365B;
}

div.line {
	clear: both;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#main_body #main_page #form_page div.scrollable {
	overflow:auto;
}

#main_body #main_page #form_page div.bigbox {
	width: 545px;
	height: 200px;
}

#main_body #main_page #form_page1 div.bigbox {
	width: 535px;
	height: 500px;
	border: 1px solid #000;
	padding: 5px;
}

div.itemgroup {
	background-color: #f0f5f9;
	color:#000;
	padding: 10px;
	margin-top: 5px;
	margin-right: 5px;
}

#main_body #main_page #form_page1 div div.itemgroup {
	color:#000;
	padding: 5px;
	margin-top: 5px;
	margin-right: 5px;
	border-bottom: 1px solid;
}


/*font & color size*/
body, td, {
	font: 11px verdana;
	color: #000;
}

a {
	color: #396b9a;
	font-weight: bold; 
	text-decoration: none;
}

a.menu {
	padding-left: 20px;
	background: transparent url("images/menu_pink.gif") no-repeat top left; 
}

a.selected {
	padding-left: 20px;
	background: transparent url("images/menu_blue.gif") no-repeat top left; 
}

a.sub_nav {
	margin-left: 10px;
	padding-left: 20px;
	background: transparent url("images/menu_blue.gif") no-repeat top left; 
}

a.top_menu {
	float: left;
	margin-left: 5px;
	padding-left: 10px;
	width: 150px;
	background: transparent url("images/side_arrow.gif") no-repeat 0px 2px; 
}

a.top {
	font-style: italic;
}

a.top_forget {
	font: 10px verdana;
}

a.selected {
	font-weight: bold;
}

.black {
	color: #000;
}

.bottom_border {
	border-bottom: 1px solid #04365B;
}
.white_bottom_border {
	border-bottom: 1px solid #d0deeb;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
/*forms*/

input, select {
	font: 11px verdana;	
}

input.top {
	margin-top: 0px;
	font: 9px verdana;
	font: expression("9px verdana");
	border: 1px solid #DADADA;
	width: 40px;
	margin-right: 5px;
}

label.top {
	font: 10px verdana;
	margin-right: 5px;
}

label.normal {
	color: #416e9a;
	text-align: left;
	display: block;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 11px;
}

label.form {
	color: #416e9a;
	text-align: right;
	display: block;
	float: left;
	width: 200px;
	margin-right: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 11px;
}

input.form {
	border: 1px solid #7B9EBE;
	padding: 5px;
	width: 200px;
	margin: 0 0 5px 0;
}

select {
	border: 1px solid #7B9EBE;
	padding: 3px;
	width: auto;
	margin: 0 0 5px 0;
}

input.form2 {
	border: 1px solid #7B9EBE;
	padding: 1px;
	width: 60px;
	margin: 0 0 5px 0;
}

select.form2 {
	border: 1px solid #7B9EBE;
	padding: 1px;
	width: 60px;
}

.button {
	padding: 1px;
	border: 1px solid #d0deeb;
	background: #416e9a url("images/button_arrow.gif") no-repeat 5px 0px;
	height: 26px;
	color: #ffffff;
	width: auto;
	padding-right: 5px;
	vertical-align:top;
}

textarea {
	font: 11px verdana;
	height: 150px;
	width: 295px;
	padding: 5px;
	border: 1px solid #7B9EBE;
	margin: 0 0 5px 0;
}

textarea.rtf {
	height: 400px;
	width: 520px;
}

/*positioning*/
.right {
	text-align: right;
}
.center {
	text-align: center;
}

/*other*/
.error_message
{
	background: #f0f5f9;
	border: 1px solid #d0deeb;
	padding: 10px;
	text-align: center;
	color: #416e9a;
	font-weight: bold;
}

.paging
{
	background: #f0f5f9;
	border: 1px solid #d0deeb;
	padding: 10px;
	color: #416e9a;
	font-weight: bold;
	font-size: 10px;
}

.search_result
{
	background: #fff;
	padding: 10px;
	color: #416e9a;
}

.float_left {
	float: left;
	padding: 3px 0 5px 0;
}

.float_right {
	float: right;
}

.clean_both {
	clear: both;
}

.class_150 {
	width: 150px;
	float: left;
}

.class_180 {
	width: 175px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: none;
}

.colored {
	color: #04365B;
}

.work_normal {
	font-size: 11px;
	color:#000000;
}

a.work_normal:hover {
	color:#ff0000;
}

.work_selected {
	font-size: 11px;
	color:#CC0033;
}

div.group_div {
	overflow:auto;
	height:200px;
}

div.padded {
	padding-left:12px; 
	padding-right:12px;
	font-size:7.6pt;
}

#main_body #main_page #form_page div div.food_diary_send {
	background-color:#CC6600;
}
#main_body #main_page #form_page div div.food_diary_rcpt {
	background-color:#996600;
}

/*
#main_body #main_page #form_page div div.to_do_list_send {
	background-color: #3366CC;
}
#main_body #main_page #form_page div div.to_do_list_rcpt {
	background-color: #3366FF;
}
#main_body #main_page #form_page div div.message_send {
	background-color:#660000;
}
#main_body #main_page #form_page div div.message_rcpt {
	background-color:#C10000;
}
*/

th { height: 24px; background: url(images/bg_th.gif) repeat-x top left; text-align: center; color: #fff; border: none; font-size: 11px; }
th.survey { height: 48px; background:#6999C5; text-align: center; color: #fff; border: none; font-size: 11px; }
tr.line1 { background: #f2f5f9; }
tr.line2 { background: #e9eef4; }
tr.line1 td { padding-top: 8px; }
tr.line2 td { padding-top: 8px; }
td { font-size: 10px; vertical-align:top; padding: 5px 5px 5px 5px; }
#measurement td {padding:0 0 5px 0;}
#cardio td {padding:5px 0 5px 2px;}
#bodytable td {padding:0; margin:0;}

td.form_label {color: #416e9a; text-align: right; padding-top: 8px; padding-bottom: 3px; font-weight: bold; font-size: 11px;}