/* CSS Document A Better Medway */
/* General CSS -------------------*/
body{ font-size:70%; font-family: Arial, Helvetica, Verdana, sans-serif; margin:0px; padding:0px; height:100%; width:100%; background:url(../../_graphics/bg_tile.jpg) top repeat-x #EDEDED; color:#000; }
p { margin:0px 0px 15px; padding:0px; line-height:130%;}
a{ text-decoration:none; color:#009DDC;}
a img { border:none;}
a:hover{ text-decoration:underline;}
ul {margin:0 0 10px 0; padding:0 0 0 20px; list-style:square;}
ul li { margin:0 0 4px 0;}
fieldset {border:none; padding:0; margin:0;}
.right {float:right; clear:right;}
.left {float:left; clear:left;}
.clear { float:left; clear:both; font-size:0; line-height:0; margin:0; padding:0;}
.spacer { margin:20px 0 0 0;}
.none { display:none;}
.center{ text-align: center;}
/* h tags */
h3 { color:#46166b; font-size:135%; margin:0 0 15px 0;}
h2 { font-size:140%;}
h1 { font-size:220%; margin:0 0 15px 0;}
h4 { font-size:120%; margin:0 0 10px 0;}
h5 { font-size:100%; margin:0 0 10px 0;}
/* brand colours */
.eating_healthily_col { color:#70BE54;font-size:120%;}
.getting_active_col { color:#E4115B;font-size:120%;}
.stopping_smoking_col { color:#00B9E3;font-size:120%;}
.drinking_sensibly_col { color:#9B499B;font-size:120%;}
.managing_stress_col { color:#F04E23;font-size:120%;}
.eating_healthily_bg { background-color:#70BE54 !important; color:#FFF !important; font-size:120%;}
.getting_active_bg { background-color:#E4115B !important; color:#FFF !important; font-size:120%;}
.stopping_smoking_bg { background-color:#00B9E3 !important; color:#FFF !important; font-size:120%;}
.drinking_sensibly_bg { background-color:#9B499B !important; color:#FFF !important; font-size:120%;}
.managing_stress_bg { background-color:#F04E23 !important; color:#FFF !important; font-size:120%;}
/* general elements */
select.locations_list { width:230px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000; margin:0 0 0 10px; padding:5px 2px; border:1px solid #CCC;background:url(../../_graphics/signup_field_bg.jpg) top repeat-x; }
label.locations_list { font-weight:bold; margin:0;}
div.pagination { margin:20px 0; border-top:#DADADA solid 1px; padding:20px 15px; background:url(../../_graphics/pagination_bar_bg.png) repeat-x; float:left; clear:both; width:460px;}
div.pagination div.left span, div.pagination div.right {color:#C6C6C6;}
div.pagination div.right a.active { color:#000; font-weight:bold;}
div.location_details { padding:15px 15px  0 15px;border-top:#DADADA solid 1px; float:left; clear:both; width:460px;}
div.location_details div.left { width:220px;}
div.location_details div.right { height:200px; width:218px; overflow:hidden; border:#DADADA solid 1px; background-color:#EDEAE3;}
div.location_details div.right a { margin:5px; color:#009DDC !important;}
div#accesskey_log {height:0;overflow:hidden;}
div#accesskey_log ul, div#accesskey_log li { list-style:none; padding:0; margin:0; width:400px;}
div#accesskey_log a {color:#000000;height:0;overflow:hidden;width:0;z-index:1000;position:absolute;top:0;left:20%;}
div#accesskey_log a:active, div#accesskey_log a:focus {background-color:#00FFFF;height:auto;margin:auto;overflow:visible;padding:3px;position:absolute;text-decoration:none;width:auto;}

/* layout CSS -------------------*/
div#page {width:990px; margin:0 auto; padding: 0px; height:100%; }
div#main_content { width:990px; float:left; clear:both; margin:30px 0 20px 0;}
div#main_layout { width:710px; background-color:#FFF; padding:0 30px 20px 30px; float:right; clear:right; min-height:650px; }
div#main_layout_bottom { width:770px; height:32px; background:url(../../_graphics/content_bottom.png) no-repeat; padding: 0; float:right; clear:right; }
div#breadcrumb { color:#858585; margin:0 0 20px 0; width:710px; float:left; clear:both;}
div#main_layout div.content { margin:0 30px 0 0; width:490px; float:left; clear:left; display:inline;}
div#main_layout div.content h2 { margin:0px 0 5px 0;}
div#main_layout div.content h3 { margin:0px 0 5px 0; color:#000;}
div#main_layout div.content h4 { margin:0px 0 5px 0;}
div#main_layout div.content h5 { margin:0px 0 5px 0;}
div#main_layout div#it_column { width:160px; background-color:#F3F3F3; padding:15px; float:right; clear:right; margin:0px 0 20px 0;}
div#main_layout div#it_column img.it_icon { border:#DADADA solid 1px; margin-bottom:10px; float:left; clear:both; width:153px;}
div#main_layout div#it_column a.title_link { font-weight:bold;} 
div#mobile_menu, div#fp_ec_mobile, a.top_jump {display:none;}
div#main_layout div.main_img { margin-bottom:30px; width:710px; overflow:hidden; height:356px; }
div#main_layout div.main_img img {width:710px;}
/* comments_panel */
div#comments_panel { float:left; clear:both;}
div#comments_panel table { width:490px;}
div#comments_panel table td.header { background-color:#777777; color:#FFF; }
div#comments_panel table td.header span { float:left; clear:none; margin-right:10px;}
div#comments_panel table td.header span.title {font-size:120%; margin-right:15px; font-weight:bolder;}
div#comments_panel table td.header a { color:#FFF; text-align:right; float:right; clear:none; margin-top:2px;}
div#comments_panel table td.title {background-color:#f3f3f3;}
div#comments_panel table a.report { float:right;}
div#comments_panel table td.title textarea#your_comment { width:458px;border:1px solid #DADADA;background:url(../../_graphics/signup_field_bg.jpg) #FFF repeat-x center top; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:100%;}
div#comments_panel table td.sendrow {background-color:#f3f3f3; line-height:30px; }
div#comments_panel table td.sendrow input.send { background:url(../../_graphics/site_search_button.png) no-repeat top left; margin:0 0 0 8px; padding:0; height:30px; width:140px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; font-size:130%;}
/* subpages */
body.subpage div#main_layout div.main_img { width:490px; float:left; clear:left; overflow:hidden; display:inline; margin-bottom:30px; height:245px;}
	body.subpage div#main_layout div.main_img img { width:490px; /*clip:rect(0px, 490px, 100px, 0px); position:absolute;*/}
body.subpage div#main_layout div#it_column { /*margin-top:-245px;*/ margin:0 0 0 520px;position:absolute;}
/* submenu */
div#submenu { width:190px; margin-right:30px; float:left; clear:left;}
div#submenu div.submenu_top { height:178px;width:190px;float:left; clear:both;}
div#submenu div.submenu_bottom { height:38px;width:190px;float:left; clear:both;}
div#submenu div.submenu_tile {width:170px;float:left; clear:both; padding:10px 0 0 20px;}
div#submenu p, div#submenu p a {color:#FFF;font-size:120%; font-weight:bold;}
div#submenu ul { padding:0 10px 0 15px; margin:10px 0 20px 0;}
div#submenu ul li { list-style:url(../../_graphics/arrow.gif); margin:0 0 5px 0; letter-spacing:-0.025em;}
div#submenu ul li a { color:#000;}
div#submenu ul li a:hover { color:#FFF; text-decoration:underline;}
div#submenu ul li a.active { color:#FFF;}
div#submenu div#sm_sp-eating_healthily {background:url(../../_graphics/sign_post-eating_healthily.png) no-repeat; width:170px; height:48px; float:left; clear:both; padding:12px 0 0 20px}
div#submenu div#sm_sp-getting_active {background:url(../../_graphics/sign_post-getting_active.png) no-repeat; width:170px; height:48px; float:left; clear:both; padding:12px 0 0 20px}
div#submenu div#sm_sp-stopping_smoking {background:url(../../_graphics/sign_post-stopping_smoking.png) no-repeat; width:170px; height:48px; float:left; clear:both; padding:12px 0 0 20px}
div#submenu div#sm_sp-drinking_sensibly {background:url(../../_graphics/sign_post-drinking_sensibly.png) no-repeat; width:170px; height:48px; float:left; clear:both; padding:12px 0 0 20px}
div#submenu div#sm_sp-managing_stress {background:url(../../_graphics/sign_post-managing_stress.png) no-repeat; width:170px; height:48px; float:left; clear:both; padding:12px 0 0 20px}
/* calendar */
div.calendar {width:282px; padding:10px; border:#CCC solid 3px; margin:35px 0 0 180px; position:absolute; background-color:#FFF; display:none;}
div.calendar div.right { width:80px}
div.calendar div.left { width:200px}
div.calendar div.right a img { margin:0 0 0 20px;}
div.calendar table { padding:5px 0 0 0; float:left; clear:both;}
div.calendar table td { text-align:center; padding:3px;}
div.calendar table th { border-top:solid 1px #DADADA;padding:3px;}
div.calendar table a { color:#000;}
div.calendar table a:hover {color:#E40E62;}
div.calendar div.close { float:left; clear:both; width:282px; text-align:right; padding:0 0 8px 0;  margin:0px; height:12px;}

/* header -------------------*/
/* logo */
div#logo_area { float:left; clear:left; padding:24px 0 0 22px; margin:0;height:78px; width:183px; }
div#logo_area a, div#logo_area a img { border:none; }
/* accessibility */
div#accessibility_area { float:right; clear:right; margin:0 22px 0 0; padding:0; background-color:#F3F3F3;color:#C6C6C6; }
div#accessibility_area-content { float:left; clear:none; margin:7px auto 0 auto; width:290px; text-align:center; }
div#accessibility_area-content a, div#accessibility_area-content span.font_size { color:#636363; text-decoration:none;}
div#accessibility_area-content a:hover { text-decoration:underline;}
div#accessibility_area-content a.a_small { font-size:70%;}
div#accessibility_area-LBG { background:url(../../_graphics/accessibility_bg.png) no-repeat left top; float:left; clear:left; width:7px; height:30px; line-height:0px; font-size:0px;}
div#accessibility_area-RBG { background:url(../../_graphics/accessibility_bg.png) no-repeat right top; float:right; clear:right; width:7px; height:30px; line-height:0px; font-size:0px;}
/* loginbox_area */
div#loginbox_area { float:right; clear:none; margin:0 42px 0 0; padding:0; background-color:#F3F3F3;color:#C6C6C6; }
div#loginbox_area-content { float:left; clear:none; margin:7px auto 0 auto; width:130px; text-align:center;}
div#loginbox_area-content a, div#loginbox_area-content span.font_size{ color:#636363; text-decoration:none;}
div#loginbox_area-content a:hover { text-decoration:underline;}
div#loginbox_area-content a.a_small { font-size:70%;}
div#loginbox_area-LBG { background:url(../../_graphics/accessibility_bg.png) no-repeat left top; float:left; clear:left; width:7px; height:30px; line-height:0px; font-size:0px;}
div#loginbox_area-RBG { background:url(../../_graphics/accessibility_bg.png) no-repeat right top; float:right; clear:right; width:7px; height:30px; line-height:0px; font-size:0px;}
/* site_search */
div#site_search { float:right; clear:right;margin:25px 22px 0 0; background-color:#F3F3F3;color:#C6C6C6; }
div#site_search-content { float:left; clear:none; margin:4px auto; width:475px; text-align:center; height:30px;}
div#site_search-LBG { background:url(../../_graphics/search_bg.png) no-repeat left top; float:left; clear:left; width:7px; height:40px; line-height:0px; font-size:0px;}
div#site_search-RBG { background:url(../../_graphics/search_bg.png) no-repeat right top; float:right; clear:right; width:7px; height:40px; line-height:0px; font-size:0px;}
div#site_search label#site_search_label { color:#636363; text-decoration:none; margin-right:8px;}
div#site_search form#site_search_form { float:right; clear:none; margin: 0;}
div#site_search input#site_search_field { height:19px !important; width:230px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666; margin:0; padding:5px 2px; border:1px solid #CCC;background:url(../../_graphics/signup_field_bg.jpg) top repeat-x; font-size: 130%;}
div#site_search input#site_search_button { background:url(../../_graphics/site_search_button.png) no-repeat top left; margin:0 0 0 8px; padding:0; height:30px; width:140px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; font-size:130%;}

/* footer_panels -------------------*/
div#footer_panels { margin:0 0 10px 0; float:left; clear:both; width:990px;}
div#footer_panels h3 a  {color:#46166b; text-decoration:none;}
div#footer_panels div.container_panel { background:url(../../_graphics/footer_panel_tile.gif) repeat-y; width:990px; float:left; clear:both;}
div#footer_panels div.bottom_panel { background:url(../../_graphics/footer_panel_bottom.png) no-repeat; width:990px; height:34px; float:left; clear:both;}
div#footer_panels div.panel {width:282px; min-height:198px; padding:20px 20px 0 20px; float:left; clear:none; display:inline;}
div#footer_panels div.left_panel, div#footer_panels div.centre_panel {margin:0 12px 0 0; }
div#footer_panels div.right_panel { margin:0; }
div#footer_panels form#newsletter_signup {float:left; clear:both; width:282px; margin:0 0 15px 0;}
div#footer_panels label#newsletter_signup_label { display:none;}
div#footer_panels input#newsletter_signup_email { height:19px !important; width:170px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666; margin:0; padding:5px 2px; border:1px solid #CCC;float:left; clear:none; background:url(../../_graphics/signup_field_bg.jpg) top repeat-x; font-size: 130%;}
div#footer_panels input#newsletter_signup_button { background:url(../../_graphics/signup_button.png) no-repeat top left; margin:0 0 0 8px; padding:0; height:30px; width:90px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; float:left; clear:none; font-size:130%;}
div#footer_panels p.pledges {color:#46166b; font-size:300%; text-align:center; margin:0; padding:0;}
div#footer_panels div#pledgemaker_button {background:url(../../_graphics/pledge_button.png) no-repeat top left; width:210px; height:30px; text-align:center; margin:0 auto 15px auto;}
div#footer_panels div#pledgemaker_button a { font-size:130%; color:#FFF; font-weight:bold; width:210px; height:23px; float:left; clear:both; padding:7px 0 0 0;}
div#footer_panels div#pledgemaker_button a:hover { text-decoration:none;}
/* events calendar */
div#fp_events_calendar {width:282px;}
div#fp_events_calendar div.right a img { margin:0 0 0 20px;}
div#fp_events_calendar table#fp_events_calendar_t { padding:5px 0 0 0; float:left; clear:both;width:282px;}
div#fp_events_calendar table#fp_events_calendar_t td { text-align:center; padding:3px;}
div#fp_events_calendar table#fp_events_calendar_t td.active { background-color:#009DDC; color:#FFF; font-weight:bold;}
div#fp_events_calendar table#fp_events_calendar_t td.today { color:#009DDC; font-weight:bold;}
div#fp_events_calendar table#fp_events_calendar_t th { border-top:solid 1px #DADADA;padding:3px;}
div#fp_events_calendar table#fp_events_calendar_t a { color:#FFF;}

/* footer -------------------*/
div#footer { margin:0 22px 10px 22px; color:#858585; float:left; clear:both; width:946px;}
div#footer div#footer_strapline {color:#46166b; font-size:110%; font-weight:bold; margin:0 0 20px 0;}
div#footer div#footer_strapline a {color:#009DDC; }
div#footer div.right a { color:#858585;}

/* home -------------------*/
body.home div#main_content div.img_panel_top { background:url(../../_graphics/home_img_panel_top.png) top no-repeat; width:990px; height:178px;float:left; clear:both;}
body.home div#main_content div.img_panel_bottom { background:url(../../_graphics/home_img_panel_bottom.png) bottom no-repeat;width:990px; height:38px;float:left; clear:both;}
body.home div#main_content div.content { background:url(../../_graphics/home_content_tile.gif) bottom repeat-y;width:990px;float:left; clear:both;}
body.home div#main_content div.column { width:190px; margin:0 10px 0 0; float:left; clear:none; display:inline;}
body.home div#main_content div.last { margin:0;}
body.home div#main_content div.column h2 { text-align:center; color:#FFF;}
body.home div#main_content div.column h2 a {color:#FFF;}
body.home div#main_content div.column ul { padding:0 10px 0 25px; margin:10px 0 20px 0;}
body.home div#main_content div.column ul li { list-style:url(../../_graphics/arrow.gif); margin:0 0 5px 0;}
body.home div#main_content div.column ul li a { color:#000;}
body.home div#main_content div.column ul li a:hover { color:#FFF; text-decoration:underline;}

/* eating_healthily -------------------*/
body.eating_healthily h1 { color:#70BE54;}
body.eating_healthily div#submenu div.submenu_top { background:url(../../_graphics/eating_healthily/submenu_top.png) no-repeat;}
body.eating_healthily div#submenu div.submenu_bottom { background:url(../../_graphics/eating_healthily/submenu_bottom.png) no-repeat;}
body.eating_healthily div#submenu div.submenu_tile { background-color:#70BE54;}
/* eating_healthily - Healthy easting test */
body.eating_healthily div#heathy_eating_test {float:left; clear:both; width:490px;}
body.eating_healthily div#heathy_eating_test input.radio { margin:2px 10px 0 0;}
body.eating_healthily div#heathy_eating_test td.answer_opt { border-bottom:#DADADA solid 1px;}
body.eating_healthily div#heathy_eating_test td.question {background-color:#F3F3F3;}
body.eating_healthily div#heathy_eating_test td.header {background-color:#70BE54; font-size:140%; font-weight:bold; color:#FFF;}
body.eating_healthily div#heathy_eating_test td.next {background:url(../../_graphics/pagination_bar_bg.png) repeat-x;}
body.eating_healthily div#heathy_eating_test td.next a.retry { margin-top:5px; float:left; clear:left;}
body.eating_healthily div#heathy_eating_test td.next div.test_next_button {float:right; clear:right;}
body.eating_healthily div#heathy_eating_test td.next div.test_next_button input.next { background:url(../../_graphics/signup_button.png) no-repeat top left; margin:0 0 0 8px; padding:0; height:30px; width:90px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; float:left; clear:none; font-size:130%;}
body.eating_healthily div#heathy_eating_test td.next div.test_save_button {background:url(../../_graphics/pledge_button.png) no-repeat top left; width:210px; height:30px; text-align:center; float:right; clear:right;}
body.eating_healthily div#heathy_eating_test td.next div.test_save_button a.save {font-size:130%; color:#FFF; font-weight:bold; width:210px; height:23px; float:left; clear:both; padding:7px 0 0 0; margin:0;}
body.eating_healthily div#heathy_eating_test td.next div.test_save_button a.save:hover { text-decoration:none;}
/* eating_healthily - BMI Calculator */
body.eating_healthily div#bmi_calculator {}
body.eating_healthily div#bmi_calculator div.toptabs { width:490px; border-bottom:#70BE54 solid 2px; height:36px;}
body.eating_healthily div#bmi_calculator div#imperial_tab, body.eating_healthily div#bmi_calculator div#metric_tab { width:244px; height:26px; padding-top:10px; background:url(../../_graphics/tab_top-grey.png) no-repeat; float:left; clear:none; display:inline; text-align:center; color:#666; font-size:120%; font-weight:bold;}
body.eating_healthily div#bmi_calculator div#imperial_tab { margin:0 2px 0 0;}
body.eating_healthily div#bmi_calculator div#imperial_tab a, body.eating_healthily div#bmi_calculator div#metric_tab a { color:#666; cursor:pointer;}
body.eating_healthily div#bmi_calculator div#imperial, body.eating_healthily div#bmi_calculator div#metric { margin-bottom:10px; float:left; clear:both; }
body.eating_healthily div#bmi_calculator div.row { float:left; clear:both; width:470px;}
body.eating_healthily div#bmi_calculator div.grey {background-color:#F3F3F3; padding:10px}
body.eating_healthily div#bmi_calculator div.centre { padding:5px 10px; text-align:center;}
body.eating_healthily div#bmi_calculator div.calculate { padding:5px 10px; text-align:center; background:transparent url(../../_graphics/pagination_bar_bg.png) repeat-x; border-top:1px solid #DADADA;}
body.eating_healthily div#bmi_calculator form { width:490px;}
body.eating_healthily div#bmi_calculator input#calculate_bmi_im, body.eating_healthily div#bmi_calculator input#calculate_bmi_mm { background:url(../../_graphics/pledge_button.png) no-repeat top left; margin:0 0 0 8px; padding:0; height:30px; width:210px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; font-size:130%;}
body.eating_healthily div#bmi_calculator input.inputtext { height:19px !important; width:50px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666; margin:0 5px 0 0; padding:5px 2px; border:1px solid #CCC;background:url(../../_graphics/signup_field_bg.jpg) top repeat-x; font-size: 130%;}
body.eating_healthily div#bmi_calculator div.row label { margin-left:20px;}
body.eating_healthily div#BMI_result {float:left; clear:both; width:490px;}
body.eating_healthily div#BMI_result td.answer_opt { border-bottom:#DADADA solid 1px; text-align:center;}
body.eating_healthily div#BMI_result td.question {background-color:#F3F3F3; font-weight:bold;}
body.eating_healthily div#BMI_result td.header {background-color:#70BE54; font-size:140%; font-weight:bold; color:#FFF;}
body.eating_healthily div#BMI_result td.next {background:url(../../_graphics/pagination_bar_bg.png) repeat-x; text-align:center;}
body.eating_healthily div#BMI_result td.next div.test_save_button {background:url(../../_graphics/pledge_button.png) no-repeat top left; width:210px; height:30px; margin:0 auto;}
body.eating_healthily div#BMI_result td.next a.save {font-size:130%; color:#FFF; font-weight:bold; width:210px; height:23px; float:left; clear:both; padding:7px 0 0 0; margin:0;}
body.eating_healthily div#BMI_result td.next a.save:hover { text-decoration:none;}
body.eating_healthily div#BMI_result td.bmi {color:#46166B; font-size:300%; margin:0; padding:10px;}

body.eating_healthily div#pledge_maker div#pledge_list_tab, body.eating_healthily div#pledge_maker div#pledge_writeown_tab { width:244px; height:26px; padding-top:10px; background:url(../../_graphics/tab_top-grey.png) no-repeat; float:left; clear:none; display:inline; text-align:center; color:#666; font-size:120%; font-weight:bold;}
body.eating_healthily div#pledge_maker div#pledge_list_tab { margin:0 2px 0 0;}
body.eating_healthily div#pledge_maker div#pledge_list_tab a, body.eating_healthily div#pledge_maker div#pledge_writeown_tab a { color:#666; cursor:pointer;}


/* getting_active -------------------*/
body.getting_active h1 { color:#E4115B;}
body.getting_active div#submenu div.submenu_top { background:url(../../_graphics/getting_active/submenu_top.png) no-repeat;}
body.getting_active div#submenu div.submenu_bottom { background:url(../../_graphics/getting_active/submenu_bottom.png) no-repeat;}
body.getting_active div#submenu div.submenu_tile { background-color:#E4115B;}
/* getting_active - activity_of_the_week */
body.getting_active div#activity_otw div.activity_otw_img { width:69px; overflow:hidden; border:#BBBBBB solid 3px; margin:10px 0 0 0; }
body.getting_active div#activity_otw div.activity_otw_img img { height:69px;}
body.getting_active div#activity_otw div.activity_otw_txt { width:400px; margin:10px 0 0 0;}
body.getting_active div#activity_otw ul { margin:5px 0 0 0; padding:0 0 0 20px; list-style:square; width:400px;}
/* getting_active - activity_log */
body.getting_active div#activity_log {}
body.getting_active div#activity_log div.topbar { background-color:#E4115B; color:#FFFFFF; font-size:140%; font-weight:bold; padding:10px; }
body.getting_active div#activity_log div#logger { margin-bottom:10px; float:left; clear:both; }
body.getting_active div#activity_log div.row { float:left; clear:both; width:470px;}
body.getting_active div#activity_log div.grey {background-color:#F3F3F3; padding:4px 10px; line-height:32px;}
body.getting_active div#activity_log div.centre { padding:5px 10px;border-bottom:1px solid #DADADA;line-height:30px;}
body.getting_active div#activity_log div.calculate { padding:10px; background:transparent url(../../_graphics/pagination_bar_bg.png) repeat-x; }
body.getting_active div#activity_log form { width:490px;}
body.getting_active div#activity_log input#next_step { background:url(../../_graphics/site_search_button.png) no-repeat top left; margin:0 0 0 8px; padding:0; height:30px; width:140px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; font-size:130%;}
body.getting_active div#activity_log input#add_activity, body.getting_active div#activity_log_result input#save, body.getting_active div#activity_log_result input#add_activity { background:url(../../_graphics/pledge_button.png) no-repeat top left; margin:0; padding:0; height:30px; width:210px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; font-size:130%;}
body.getting_active div#activity_log select.dropdownlist { width:200px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000; margin:0; padding:5px 2px; border:1px solid #CCC;background:url(../../_graphics/signup_field_bg.jpg) top repeat-x; }
body.getting_active div#activity_log select.dl_short { width:100px;}
body.getting_active div#activity_log input.inputtext { height:19px !important; width:50px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666; margin:0 5px 0 0; padding:5px 2px; border:1px solid #CCC;background:url(../../_graphics/signup_field_bg.jpg) top repeat-x; font-size: 130%; text-align:center;}
body.getting_active div#activity_log input.dateinput { height:19px !important; width:110px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666; margin:0 5px 0 0; padding:6px 2px 4px 4px; border:1px solid #CCC;background:url(../../_graphics/date_input_bg.png) right no-repeat; font-size: 130%;}
body.getting_active div#activity_log div.row label { margin-left:20px; line-height:30px;}
body.getting_active div#activity_log_result {float:left; clear:both; width:490px;}
body.getting_active div#activity_log_result td.answer_opt { border-bottom:#DADADA solid 1px; text-align:center;}
body.getting_active div#activity_log_result td.answer_tot { border-top:#DADADA solid 2px; border-bottom:#DADADA solid 1px; font-weight:bold; text-align:center;}
body.getting_active div#activity_log_result td.question {background-color:#F3F3F3; font-weight:bold; text-align:center;}
body.getting_active div#activity_log_result td.first { width:80%; text-align:left;}
body.getting_active div#activity_log_result td.header {background-color:#E4115B; font-size:140%; font-weight:bold; color:#FFF;}
body.getting_active div#activity_log_result td.header div.right img { margin:4px 10px 0 10px;}
body.getting_active div#activity_log_result td.next {background:url(../../_graphics/pagination_bar_bg.png) repeat-x; }
body.getting_active div#activity_log_result td.next a.save {font-size:130%; color:#FFF; font-weight:bold; width:210px; height:23px; float:left; clear:both; padding:7px 0 0 0; margin:0;}
body.getting_active div#activity_log_result td.next a.save:hover { text-decoration:none;}
body.getting_active div#activity_log_result td.units {color:#46166B; font-size:300%; margin:0; padding:10px; text-align:center;}

body.getting_active div#pledge_maker div#pledge_list_tab, body.getting_active div#pledge_maker div#pledge_writeown_tab { width:244px; height:26px; padding-top:10px; background:url(../../_graphics/tab_top-grey.png) no-repeat; float:left; clear:none; display:inline; text-align:center; color:#666; font-size:120%; font-weight:bold;}
body.getting_active div#pledge_maker div#pledge_list_tab { margin:0 2px 0 0;}
body.getting_active div#pledge_maker div#pledge_list_tab a, body.getting_active div#pledge_maker div#pledge_writeown_tab a { color:#666; cursor:pointer;}

/* stopping_smoking -------------------*/
body.stopping_smoking h1 { color:#00B9E3;}
body.stopping_smoking div#submenu div.submenu_top { background:url(../../_graphics/stopping_smoking/submenu_top.png) no-repeat;}
body.stopping_smoking div#submenu div.submenu_bottom { background:url(../../_graphics/stopping_smoking/submenu_bottom.png) no-repeat;}
body.stopping_smoking div#submenu div.submenu_tile { background-color:#00B9E3;}

body.stopping_smoking div#pledge_maker div#pledge_list_tab, body.stopping_smoking div#pledge_maker div#pledge_writeown_tab { width:244px; height:26px; padding-top:10px; background:url(../../_graphics/tab_top-grey.png) no-repeat; float:left; clear:none; display:inline; text-align:center; color:#666; font-size:120%; font-weight:bold;}
body.stopping_smoking div#pledge_maker div#pledge_list_tab { margin:0 2px 0 0;}
body.stopping_smoking div#pledge_maker div#pledge_list_tab a, body.stopping_smoking div#pledge_maker div#pledge_writeown_tab a { color:#666; cursor:pointer;}

div.effectbox { width: 320px; background: #00B9E3; padding: 20px 20px 10px 20px; }
div.effectbox h2, div.effectbox p { color: #fff; }


/* drinking_sensibly -------------------*/
body.drinking_sensibly h1 { color:#9B499B;}
body.drinking_sensibly div#submenu div.submenu_top { background:url(../../_graphics/drinking_sensibly/submenu_top.png) no-repeat;}
body.drinking_sensibly div#submenu div.submenu_bottom { background:url(../../_graphics/drinking_sensibly/submenu_bottom.png) no-repeat;}
body.drinking_sensibly div#submenu div.submenu_tile { background-color:#9B499B;}
/* drinking_sensibly - alcohol_diary */
body.drinking_sensibly div#alcohol_diary div.toptabs { width:490px; border-bottom:#9B499B solid 2px; height:36px;}
body.drinking_sensibly div#alcohol_diary div#men_tab, body.drinking_sensibly div#alcohol_diary div#women_tab { width:244px; height:26px; padding-top:10px; background:url(../../_graphics/tab_top-grey.png) no-repeat; float:left; clear:none; display:inline; text-align:center; color:#666; font-size:120%; font-weight:bold;}
body.drinking_sensibly div#alcohol_diary div#men_tab { margin:0 2px 0 0;}
body.drinking_sensibly div#alcohol_diary div#men_tab a, body.drinking_sensibly div#alcohol_diary div#women_tab a { color:#666; cursor:pointer;}
body.drinking_sensibly div#alcohol_diary div#men, body.drinking_sensibly div#alcohol_diary div#women { margin-bottom:10px; float:left; clear:both; }
body.drinking_sensibly div#alcohol_diary div.row { float:left; clear:both; width:470px;}
body.drinking_sensibly div#alcohol_diary div.grey {background-color:#F3F3F3; padding:4px 10px; line-height:32px;}
body.drinking_sensibly div#alcohol_diary div.centre { padding:5px 10px;border-bottom:1px solid #DADADA;line-height:30px;}
body.drinking_sensibly div#alcohol_diary div.calculate { padding:5px 10px; background:transparent url(../../_graphics/pagination_bar_bg.png) repeat-x; }
body.drinking_sensibly div#alcohol_diary form { width:490px;}
body.drinking_sensibly div#alcohol_diary input#next_stepm, body.drinking_sensibly div#alcohol_diary input#next_stepw, body.drinking_sensibly div#BMI_result input#next_step { background:url(../../_graphics/site_search_button.png) no-repeat top left; margin:0 0 0 8px; padding:0; height:30px; width:140px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; font-size:130%;}
body.drinking_sensibly div#alcohol_diary input#add_drinkm, body.drinking_sensibly div#alcohol_diary input#add_drinkw, body.drinking_sensibly div#BMI_result input#add_drink, body.drinking_sensibly div#BMI_result input#save { background:url(../../_graphics/pledge_button.png) no-repeat top left; margin:0; padding:0; height:30px; width:210px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; font-size:130%;}
body.drinking_sensibly div#alcohol_diary select.dropdownlist { width:200px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000; margin:0; padding:5px 2px; border:1px solid #CCC;background:url(../../_graphics/signup_field_bg.jpg) top repeat-x; }
body.drinking_sensibly div#alcohol_diary input.inputtext { height:19px !important; width:50px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666; margin:0 5px 0 0; padding:5px 2px; border:1px solid #CCC;background:url(../../_graphics/signup_field_bg.jpg) top repeat-x; font-size: 130%; text-align:center;}
body.drinking_sensibly div#alcohol_diary input.dateinput { height:19px !important; width:110px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666; margin:0 5px 0 0; padding:6px 2px 4px 4px; border:1px solid #CCC;background:url(../../_graphics/date_input_bg.png) right no-repeat; font-size: 130%;}
body.drinking_sensibly div#alcohol_diary div.row label { margin-left:20px; line-height:30px;}
body.drinking_sensibly div#BMI_result {float:left; clear:both; width:490px;}
body.drinking_sensibly div#BMI_result td.answer_opt { border-bottom:#DADADA solid 1px; text-align:center;}
body.drinking_sensibly div#BMI_result td.answer_tot { border-top:#DADADA solid 2px; border-bottom:#DADADA solid 1px; font-weight:bold; text-align:center;}
body.drinking_sensibly div#BMI_result td.question {background-color:#F3F3F3; font-weight:bold; text-align:center;}
body.drinking_sensibly div#BMI_result td.first { width:70%; text-align:left;}
body.drinking_sensibly div#BMI_result td.header {background-color:#9B5BA4; font-size:140%; font-weight:bold; color:#FFF;}
body.drinking_sensibly div#BMI_result td.header div.right img { margin:4px 10px 0 10px;}
body.drinking_sensibly div#BMI_result td.next {background:url(../../_graphics/pagination_bar_bg.png) repeat-x; }
body.drinking_sensibly div#BMI_result td.next div.test_save_button {background:url(../../_graphics/pledge_button.png) no-repeat top left; width:210px; height:30px; margin:0 auto;text-align:center;}
body.drinking_sensibly div#BMI_result td.next a.save {font-size:130%; color:#FFF; font-weight:bold; width:210px; height:23px; float:left; clear:both; padding:7px 0 0 0; margin:0;}
body.drinking_sensibly div#BMI_result td.next a.save:hover { text-decoration:none;}
body.drinking_sensibly div#BMI_result td.units {color:#46166B; font-size:300%; margin:0; padding:10px; text-align:center;}

body.drinking_sensibly div#pledge_maker div#pledge_list_tab, body.drinking_sensibly div#pledge_maker div#pledge_writeown_tab { width:244px; height:26px; padding-top:10px; background:url(../../_graphics/tab_top-grey.png) no-repeat; float:left; clear:none; display:inline; text-align:center; color:#666; font-size:120%; font-weight:bold;}
body.drinking_sensibly div#pledge_maker div#pledge_list_tab { margin:0 2px 0 0;}
body.drinking_sensibly div#pledge_maker div#pledge_list_tab a, body.drinking_sensibly div#pledge_maker div#pledge_writeown_tab a { color:#666; cursor:pointer;}

/* managing_stress -------------------*/
body.managing_stress h1 { color:#F04E23;}
body.managing_stress div#submenu div.submenu_top { background:url(../../_graphics/managing_stress/submenu_top.png) no-repeat;}
body.managing_stress div#submenu div.submenu_bottom { background:url(../../_graphics/managing_stress/submenu_bottom.png) no-repeat;}
body.managing_stress div#submenu div.submenu_tile { background-color:#F04E23;}

body.managing_stress div#pledge_maker div#pledge_list_tab, body.managing_stress div#pledge_maker div#pledge_writeown_tab { width:244px; height:26px; padding-top:10px; background:url(../../_graphics/tab_top-grey.png) no-repeat; float:left; clear:none; display:inline; text-align:center; color:#666; font-size:120%; font-weight:bold;}
body.managing_stress div#pledge_maker div#pledge_list_tab { margin:0 2px 0 0;}
body.managing_stress div#pledge_maker div#pledge_list_tab a, body.managing_stress div#pledge_maker div#pledge_writeown_tab a { color:#666; cursor:pointer;}

/* pledge pages - ALL SECTIONS  -------------------*/
div#pledge_maker div.toptabs { width:490px; height:36px; float:left; clear:both; margin:0; padding:0;}
body.getting_active div#pledge_maker div.toptabs { border-bottom:#E4115B solid 2px;}
body.drinking_sensibly div#pledge_maker div.toptabs { border-bottom:#9B499B solid 2px}
body.eating_healthily div#pledge_maker div.toptabs { border-bottom:#70BE54 solid 2px;}
body.stopping_smoking div#pledge_maker div.toptabs { border-bottom:#00B9E3 solid 2px;}
body.managing_stress div#pledge_maker div.toptabs { border-bottom:#F04E23 solid 2px;}
body.events_calendar div#pledge_maker div.toptabs { border-bottom:#00B9E3 solid 2px;}
body.pledge_page div#pledge_maker div.toptabs { border-bottom:#009DDC solid 2px;}
div#pledge_maker div#pledges, div#pledge_maker div#writeown { width:244px; height:26px; padding-top:10px; background:url(../../_graphics/tab_top-grey.png) no-repeat; float:left; clear:none; display:inline; text-align:center; color:#666; font-size:120%; font-weight:bold;}
div#pledge_maker div#pledges, div#pledge_maker div#pledges_active { margin:0 2px 0 0;}
div#pledge_maker div#pledges a, div#pledge_maker div#writeown a  { color:#666;margin:0; padding:0;}
div#pledge_maker div#pledges_active, div#pledge_maker div#writeown_active  {width:244px; height:26px; padding:10px 0 0 0;  float:left; clear:none; display:inline; text-align:center; color:#666; font-size:120%; font-weight:bold; }
body.getting_active div#pledge_maker div#pledges_active, body.getting_active div#pledge_maker div#writeown_active {background:url(../../_graphics/tab_top-getting_active.png) no-repeat;}
body.drinking_sensibly div#pledge_maker div#pledges_active, body.drinking_sensibly div#pledge_maker div#writeown_active {background:url(../../_graphics/tab_top-drinking_sensibly.png) no-repeat;}
body.eating_healthily div#pledge_maker div#pledges_active, body.eating_healthily div#pledge_maker div#writeown_active {background:url(../../_graphics/tab_top-eating_healthily.png) no-repeat;}
body.stopping_smoking div#pledge_maker div#pledges_active, body.stopping_smoking div#pledge_maker div#writeown_active {background:url(../../_graphics/tab_top-stopping_smoking.png) no-repeat;}
body.managing_stress div#pledge_maker div#pledges_active, body.managing_stress div#pledge_maker div#writeown_active {background:url(../../_graphics/tab_top-managing_stress.png) no-repeat;}
body.pledge_page div#pledge_maker div#pledges_active, body.pledge_page div#pledge_maker div#writeown_active {background:url(../../_graphics/tab_top-general.png) no-repeat;}
div#pledge_maker div#pledges_active a,  div#pledge_maker div#writeown_active a  {color:#FFF !important;margin:0; padding:0;}
div#pledge_maker div.centre a { cursor:pointer;}
div#pledge_maker div.row { float:left; clear:both; width:470px;}
div#pledge_maker div.grey {background-color:#F3F3F3; padding:4px 10px; line-height:32px; margin:0; float:left; clear:both;}
div#pledge_maker div.centre { padding:5px 10px;border-bottom:1px solid #DADADA;line-height:30px;}
div#pledge_maker div.calculate { padding:5px 10px; background:transparent url(../../_graphics/pagination_bar_bg.png) repeat-x; line-height:30px; }
div#pledge_maker form { width:490px;margin:0; padding:0;}
div#listofpledges { margin:0; padding:0; float:left; clear:both;}
div#pledge_maker select.dropdownlist { width:200px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000; margin:0; padding:5px 2px; border:1px solid #CCC;background:url(../../_graphics/signup_field_bg.jpg) top repeat-x; }
div#pledge_maker textarea { width:460px; font-family:Arial, Helvetica, sans-serif; font-size:100%; padding:5px 4px; border:1px solid #CCC;background:url(../../_graphics/signup_field_bg.jpg) top repeat-x; }
div#pledge_maker input#make_pledge { background:url(../../_graphics/signup_button.png) no-repeat top left; margin:0 0 0 8px; padding:0; height:30px; width:90px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; font-size:130%;}
div#pledge_maker input#make_pledge_up { background:url(../../_graphics/signup_button.png) no-repeat top left; margin:0 0 0 8px; padding:0; height:30px; width:90px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; font-size:130%;}
div#pledge_results {float:left; clear:both; width:490px;}
div#pledge_results td.answer_opt { border-bottom:#DADADA solid 1px; }
div#pledge_results td.answer_opt ul { padding:0 0 0 15px; margin:0;}
div#pledge_results td.answer_opt ul li { margin:0 0 5px 0;}
div#pledge_results td.question {background-color:#F3F3F3; font-weight:bold; }
div#pledge_results td.first { width:70%; text-align:left;}
div#pledge_results td.header {background-color:#777777; font-size:140%; font-weight:bold; color:#FFF;}
div#pledge_results td.next {background:url(../../_graphics/pagination_bar_bg.png) repeat-x;}
div#pledge_results td.next div.left {line-height:30px;}
div#pledge_results td.next div.test_save_button {background:url(../../_graphics/pledge_button.png) no-repeat top left; width:210px; height:30px; margin:0 auto;text-align:center;}
div#pledge_results td.next a.save {font-size:130%; color:#FFF; font-weight:bold; width:210px; height:23px; float:left; clear:both; padding:7px 0 0 0; margin:0;}
div#pledge_results td.next a.save:hover { text-decoration:none;}
div#pledge_results td.tot {color:#46166B; font-size:300%; margin:0; padding:10px; text-align:center;}

/* pledge_page -------------------*/
body.pledge_page h1 { color:#46166B;}
body.pledge_page div#submenu div.submenu_top { background:url(../../_graphics/other/submenu_top.png) no-repeat;}
body.pledge_page div#submenu div.submenu_bottom { background:url(../../_graphics/other/submenu_bottom.png) no-repeat;}
body.pledge_page div#submenu div.submenu_tile { background-color:#009DDC;}

/* account -------------------*/
body.account h1 { color:#46166B;}
body.account div#submenu div.submenu_top { background:url(../../_graphics/account/submenu_top.png) no-repeat;}
body.account div#submenu div.submenu_bottom { background:url(../../_graphics/account/submenu_bottom.png) no-repeat;}
body.account div#submenu div.submenu_tile { background-color:#009DDC;}
/* login / register */
body.account div#register {float:left; clear:both; width:490px;}
body.account div#register tr.grey {background-color:#F3F3F3;}
body.account div#register td { text-align:left;}
body.account div#register td.header {background-color:#777777; font-size:140%; font-weight:bold; color:#FFF;}
body.account div#register td.next {background:url(../../_graphics/pagination_bar_bg.png) repeat-x; border-top:#DADADA solid 1px; line-height:30px; }
body.account div#register td.no_input { font-size: 130%; padding:15px 10px} 
body.account div#register input.inputtext { height:19px !important; width:250px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666; margin:0; padding:5px 2px; border:1px solid #CCC;background:url(../../_graphics/signup_field_bg.jpg) top repeat-x; font-size: 130%;}
body.account div#register input.sm {width:30px;  text-align:center;}
body.account div#register input.med {width:50px; text-align:center; }
body.account div#register input.lrg {width:100px; }
body.account div#register select.dropdownlist { width:256px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000; margin:0; padding:5px 2px; border:1px solid #CCC;background:url(../../_graphics/signup_field_bg.jpg) top repeat-x; }
body.account div#register td label { font-weight:bold;}
body.account div#register div#tandc_box { width:468px; height:150px; overflow:auto; padding:10px; background-color:#FFF; border:#DADADA solid 1px;}
body.account div#register td.tickbox { width:20px;}
body.account div#register input.create { background:url(../../_graphics/pledge_button.png) no-repeat top left; margin:0 0 0 8px; padding:0; height:30px; width:210px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; font-size:130%;}
body.account div#register input.login { background:url(../../_graphics/signup_button.png) no-repeat top left; margin:0 0 0 8px; padding:0; height:30px; width:90px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; float:left; clear:none; font-size:130%;}
/* account home page */
body.account div#ac_tables {float:left; clear:both; width:490px; margin:15px 0 0 0;}
body.account div#ac_tables table { margin:10px 0 35px 0;}
body.account div#ac_tables table p { margin:0 0 5px 0}
body.account div#ac_tables tr.grey {background-color:#F3F3F3; font-weight:bold;}
body.account div#ac_tables tr.white td { border-bottom:#DADADA solid 1px;}
body.account div#ac_tables th { text-align:left;}
body.account div#ac_tables th.date, body.account div#ac_tables td.date { width:80px; text-align:center;}
body.account div#ac_tables td {vertical-align:text-top;}
body.account div#activity_otw div.activity_otw_img { width:69px; overflow:hidden; border:#BBBBBB solid 3px; margin:10px 0 0 0; }
body.account div#activity_otw div.activity_otw_img img { height:69px;}
body.account div#activity_otw div.activity_otw_txt { width:400px; margin:10px 0 0 0;}
body.account div#activity_otw ul { margin:5px 0 0 0; padding:0 0 0 20px; list-style:square;width:400px;}
/* account - pedges */
body.account div#ac_tables td.tot {color:#46166B; font-size:300%; margin:0; padding:10px; text-align:center;}
body.account div#ac_tables td.next div.left { line-height:30px;}
body.account div#ac_tables td.next div.print_button {background:url(../../_graphics/signup_button.png) no-repeat top left; width:90px; height:30px; margin:0 auto; text-align:center;}
body.account div#ac_tables td.next a.print {font-size:130%; color:#FFF; font-weight:bold; width:90px; height:23px; float:left; clear:both; padding:7px 0 0 0; margin:0;}
body.account div#ac_tables td.next a.print:hover { text-decoration:none;}
/* account - Healthy eating */
body.account div#heathy_eating_test {float:left; clear:both; width:490px;}
body.account div#heathy_eating_test td.answer_opt { border-bottom:#DADADA solid 1px;}
body.account div#heathy_eating_test td.question {background-color:#F3F3F3;}
body.account div#heathy_eating_test td.header {background-color:#70BE54; font-size:140%; font-weight:bold; color:#FFF;}
body.account div#heathy_eating_test td.next a.retry { margin-top:5px; float:left; clear:left;}
/* account - BMI */
body.account div#BMI_result {float:left; clear:both; width:490px;}
body.account div#BMI_result td.answer_opt { border-bottom:#DADADA solid 1px; text-align:center;}
body.account div#BMI_result td.question {background-color:#F3F3F3; font-weight:bold;}
body.account div#BMI_result td.header {background-color:#70BE54; font-size:140%; font-weight:bold; color:#FFF;}
body.account div#BMI_result td.next {background:url(../../_graphics/pagination_bar_bg.png) repeat-x; text-align:center;}
body.account div#BMI_result td.next div.test_save_button {background:url(../../_graphics/pledge_button.png) no-repeat top left; width:210px; height:30px; margin:0 auto;}
body.account div#BMI_result td.next a.save {font-size:130%; color:#FFF; font-weight:bold; width:210px; height:23px; float:left; clear:both; padding:7px 0 0 0; margin:0;}
body.account div#BMI_result td.next a.save:hover { text-decoration:none;}
body.account div#BMI_result td.bmi {color:#46166B; font-size:300%; margin:0; padding:10px;}
/* account - alcohol_diary */
body.account div#alcohol_diary {float:left; clear:both; width:490px; margin:0 0 20px 0;}
body.account div#alcohol_diary td.answer_opt { border-bottom:#DADADA solid 1px; text-align:center;}
body.account div#alcohol_diary td.answer_tot { border-top:#DADADA solid 2px; border-bottom:#DADADA solid 1px; font-weight:bold; text-align:center;}
body.account div#alcohol_diary td.question {background-color:#F3F3F3; font-weight:bold; text-align:center;}
body.account div#alcohol_diary td.first { width:70%; text-align:left;}
body.account div#alcohol_diary td.header {background-color:#9B499B; font-size:140%; font-weight:bold; color:#FFF;}
body.account div#alcohol_diary td.header div.right img { margin:4px 10px 0 10px;}
body.account div#alcohol_diary td.next {background:url(../../_graphics/pagination_bar_bg.png) repeat-x; }
body.account div#alcohol_diary td.next div.test_save_button {background:url(../../_graphics/pledge_button.png) no-repeat top left; width:210px; height:30px; margin:0 auto;text-align:center;}
body.account div#alcohol_diary td.next a.save {font-size:130%; color:#FFF; font-weight:bold; width:210px; height:23px; float:left; clear:both; padding:7px 0 0 0; margin:0;}
body.account div#alcohol_diary td.next a.save:hover { text-decoration:none;}
body.account div#alcohol_diary td.units {color:#46166B; font-size:300%; margin:0; padding:10px; text-align:center;}
body.account div#alcohol_diary input#add_drink { background:url(../../_graphics/pledge_button.png) no-repeat top left; margin:0; padding:0; height:30px; width:210px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; font-size:130%;}
body.account div#alcohol_diary td.next div.add_more_button {background:url(../../_graphics/pledge_button.png) no-repeat top left; width:210px; height:30px; margin:0 auto; text-align:center;}
body.account div#alcohol_diary td.next a.add_drink {font-size:130%; color:#FFF; font-weight:bold; width:210px; height:23px; float:left; clear:both; padding:7px 0 0 0; margin:0;}
body.account div#alcohol_diary td.next a.add_drink:hover { text-decoration:none;}
/* account - activity_log */
body.account div#activity_log {float:left; clear:both; width:490px; margin:0 0 20px 0;}
body.account div#activity_log td.answer_opt { border-bottom:#DADADA solid 1px; text-align:center;}
body.account div#activity_log td.answer_tot { border-top:#DADADA solid 2px; border-bottom:#DADADA solid 1px; font-weight:bold; text-align:center;}
body.account div#activity_log td.question {background-color:#F3F3F3; font-weight:bold; text-align:center;}
body.account div#activity_log td.first { width:70%; text-align:left;}
body.account div#activity_log td.header {background-color:#E4115B; font-size:140%; font-weight:bold; color:#FFF;}
body.account div#activity_log td.header div.right img { margin:4px 10px 0 10px;}
body.account div#activity_log td.next {background:url(../../_graphics/pagination_bar_bg.png) repeat-x; }
body.account div#activity_log td.next div.test_save_button {background:url(../../_graphics/pledge_button.png) no-repeat top left; width:210px; height:30px; margin:0 auto;text-align:center;}
body.account div#activity_log td.next a.save {font-size:130%; color:#FFF; font-weight:bold; width:210px; height:23px; float:left; clear:both; padding:7px 0 0 0; margin:0;}
body.account div#activity_log td.next a.save:hover { text-decoration:none;}
body.account div#activity_log td.units {color:#46166B; font-size:300%; margin:0; padding:10px; text-align:center;}
body.account div#activity_log input#add_drink { background:url(../../_graphics/pledge_button.png) no-repeat top left; margin:0; padding:0; height:30px; width:210px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; font-size:130%;}
body.account div#activity_log td.next div.add_more_button {background:url(../../_graphics/pledge_button.png) no-repeat top left; width:210px; height:30px; margin:0 auto; text-align:center;}
body.account div#activity_log td.next a.add_activity {font-size:130%; color:#FFF; font-weight:bold; width:210px; height:23px; float:left; clear:both; padding:7px 0 0 0; margin:0;}
body.account div#activity_log td.next a.add_activity:hover { text-decoration:none;}

body.account div.message { background: #009DDC; padding: 10px; font-size: 1.2em; font-weight: bold; margin: 10px 0; text-align: center; color:#fff}

/* events_calendar -------------------*/
body.events_calendar h1 { color:#46166B;}
body.events_calendar div#submenu div.submenu_top { background:url(../../_graphics/other/submenu_top.png) no-repeat;}
body.events_calendar div#submenu div.submenu_bottom { background:url(../../_graphics/other/submenu_bottom.png) no-repeat;}
body.events_calendar div#submenu div.submenu_tile { background-color:#009DDC;}
body.events_calendar div#events_schedule {float:left; clear:both; width:490px;}
body.events_calendar div#events_schedule table { margin:0px 0 35px 0;}
body.events_calendar div#events_schedule td { vertical-align:text-top;}
body.events_calendar div#events_schedule td.grey {background-color:#F3F3F3; font-weight:bold;}
body.events_calendar div#events_schedule td.date { width:80px; text-align:center;}
body.events_calendar div#events_schedule td.event { border-bottom:#DADADA solid 1px; padding-bottom:2px;}
body.events_calendar div#events_schedule td.prev, body.events_calendar div#events_schedule td.back, body.events_calendar div#events_schedule td.next { border-bottom:#DADADA solid 1px; border-top:#DADADA solid 1px; padding-bottom:2px; width:33%;}
body.events_calendar div#events_schedule td.prev { text-align:left;}
body.events_calendar div#events_schedule td.back { text-align:center;}
body.events_calendar div#events_schedule td.next { text-align:right;}
body.events_calendar div#events_schedule table p.title { font-weight:bold; margin:0 0 8px 0;}

body.events_calendar div#pledge_maker div#pledge_list_tab, body.events_calendar div#pledge_maker div#pledge_writeown_tab { width:244px; height:26px; padding-top:10px; background:url(../../_graphics/tab_top-grey.png) no-repeat; float:left; clear:none; display:inline; text-align:center; color:#666; font-size:120%; font-weight:bold;}
body.events_calendar div#pledge_maker div#pledge_list_tab { margin:0 2px 0 0;}
body.events_calendar div#pledge_maker div#pledge_list_tab a, body.events_calendar div#pledge_maker div#pledge_writeown_tab a { color:#666; cursor:pointer;}

/* search_results -------------------*/
body.search_results h1 { color:#46166B;}
body.search_results div#submenu div.submenu_top { background:url(../../_graphics/other/submenu_top.png) no-repeat;}
body.search_results div#submenu div.submenu_bottom { background:url(../../_graphics/other/submenu_bottom.png) no-repeat;}
body.search_results div#submenu div.submenu_tile { background-color:#009DDC;}
body.search_results div.search_result { float:left; clear:both; padding:10px 20px; border-top:1px solid #DADADA; width:450px;}
body.search_results div.search_result p {margin:0 0 6px 0;}
body.search_results div.search_result p.title { font-weight:bold; }
body.search_results div.pagination { margin:0px}
/* site_search_page */
body.search_results div#site_search_page { margin:0 0 20px 0; float:left; clear:both; width:490px;}
body.search_results div#site_search_page input#site_search_field2 { height:19px; width:330px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666; margin:0; padding:5px 2px; border:1px solid #CCC;background:url(../../_graphics/signup_field_bg.jpg) top repeat-x; font-size: 130%; float:left; clear:left;}
body.search_results div#site_search_page input#site_search_button2 { background:url(../../_graphics/site_search_button.png) no-repeat top left; margin:0; padding:0; height:30px; width:140px; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; float:right; clear:right; font-size:130%;}

/* printpage -------------------*/
body.printpage  { background:none;}
body.printpage div#page { width:712px; border:1px solid #DADADA; float:left; clear:both; margin:10px;}
body.printpage div#main_content { width:710px; margin:0px;float:left; clear:both; }
body.printpage div#logo_area {padding:24px 0 0 110px;}
body.printpage div#print_layout { padding:0 110px 20px 110px; width:490px; float:left; clear:both;}
body.printpage div#print_layout div.content {margin:0 auto; width:490px;}
body.printpage div#print_layout div.content div.left { width:470px; padding:0 10px;}
body.printpage  div#footer {margin:0 110px 30px;width:490px;}
body.printpage div.print_congrats { float:left; clear:both; margin:0 0 20px 0;}
body.printpage div.print_congrats h3 { margin:-30px 0 0 10px; color:#000;}
body.printpage table td.pledge_title { padding:10px 10px 0 10px; font-size:120%; font-weight:bold;}
body.printpage table td.pledge { padding:10px; border-bottom:1px solid #DADADA;}

/* results / summariers -------------------*/
div.summary { margin:15px 0; float:left; clear:both; background:url(../../_graphics/eating_healthily/healthy_eating_test_bottom.png) no-repeat bottom;}
div.summary div.summary_txt { padding:0 15px 15px 15px; float:left; clear:both;width:460px;}
div.summary h3 { color:#000;}
div.green {background-color:#E4FBE1;}
div.green div.top { background:url(../../_graphics/results_top-green.png) no-repeat; height:37px; float:left; clear:both; width:490px;}
div.grey {background-color:#F3F3F3;}
div.grey div.top { background:url(../../_graphics/results_top-grey.png) no-repeat; height:37px; float:left; clear:both; width:490px;}
div.red {background-color:#FFE5E6;}
div.red div.top { background:url(../../_graphics/results_top-red.png) no-repeat; height:37px; float:left; clear:both; width:490px;}
div.yellow {background-color:#fff4bf;}
div.yellow div.top { background:url(../../_graphics/results_top-yellow.png) no-repeat; height:37px; float:left; clear:both; width:490px;}
div.yellow2 {background-color:#fff4bf;}
div.yellow2 div.top { background:url(../../_graphics/results_top-yellow_v2.png) no-repeat; height:37px; float:left; clear:both; width:490px;}
div.orange {background-color:#FFE5C0;}
div.orange div.top { background:url(../../_graphics/results_top-orange.png) no-repeat; height:37px; float:left; clear:both; width:490px;}
div.blue {background-color:#CCF3FA;}
div.blue div.top { background:url(../../_graphics/results_top-blue.png) no-repeat; height:37px; float:left; clear:both; width:490px;}

/* cluetip CSS (for footer panel events calendar) -------------------*/
/* global */
body.non_script_event { padding:30px; width:400px;}
#cluetip-close img {border: 0;}
#cluetip-title {overflow: hidden;}
#cluetip-title #cluetip-close {float: right;position: relative;}
#cluetip-waitimage {width: 43px;height: 11px;position: absolute;background-image: url(../../_graphics/cluetips/wait.gif);}
.cluetip-arrows {display: none;position: absolute;top: 20px !important;left: -6px;height: 22px;width: 11px;background-repeat: no-repeat;background-position: 0 0; z-index:100;}
#cluetip-extra {display: none;}
/* cluetipClass: 'jtip' */
.cluetip-jtip {background-color: transparent;}
.cluetip-jtip #cluetip-outer {border: 5px solid #009DDC;position: relative;background-color: #fff;padding:20px;}
.cluetip-jtip #cluetip-inner {padding:0;display: inline-block;}
.cluetip-jtip div#cluetip-close { float:right;margin: 0;color: #900; width:20px;}
/* jtip arrows */
.clue-right-jtip .cluetip-arrows {background-image: url(../../_graphics/cluetips/arrowleft.gif);}
.clue-left-jtip .cluetip-arrows {background-image: url(../../_graphics/cluetips/arrowright.gif);left: 100%;margin-right: -11px;}
.clue-top-jtip .cluetip-arrows {background-image: url(../../_graphics/cluetips/arrowdown.gif);top: 100%;left: 50%;margin-left: -11px;height: 11px;width: 22px;  }  
.clue-bottom-jtip .cluetip-arrows {background-image: url(../../_graphics/cluetips/arrowup.gif);top: -11px;left: 50%;margin-left: -6px;height: 13px;width: 12px;}
/* additional */
p.fp_ec_details_txt { color:#858585; margin:0; width:320px}
p.fp_ec_readmore_txt { float:right;margin:0;}

/* account validator -------------------*/
body.account div#register input.inputtext.error {border-color: #f00;}
body.account div#register select.dropdownlist.error {border-color: #f00;}
body.account div#register td label.error { font-weight:bold; color: #f00; display:block}
body.account div#register td p.error { font-weight:bold; color: #f00; display:block; margin: 0}
body.account div#register label { vertical-align: middle; }
body.account div#register label label.error {border-color: #f00; float:right; vertical-align: middle}
body.account div#register input#confirmtc {vertical-align: middle; margin-top: 0px; margin-bottom: 0px;}


#errorimperial,#errormetric,#validator_error{padding: 10px; text-align: center; color: #f00;}
input.error { border: 1px solid #f00 !important;}
form#ple_own label.error { color: #f00; padding-left: 10px;}