* { margin: 0; padding: 0; }

#pagecontainer { float: left; width: 100%; text-align: center; background: #fff url(images/bg_main.gif) repeat-x top center; }
#pagecontainer_inside { float: left; width: 100%; text-align: center; background: #fff url(images/bg_main_inside.gif) repeat-x top center; }
#content { margin: 0 auto; width: 745px; text-align: left; }
#content_bg { float: left; width: 745px; margin: 0 0 0 0; padding: 0 0 0 0; }
#content_bottom { float: left; width: 745px; height: 12px; background: url(images/bg_corners_bottom.gif) no-repeat bottom left; }

#top { float: left; width: 745px; height: 55px; }
#top_left { float: left; width: 205px; padding: 10px 0 0 10px; }
#top_right { float: left; width: 520px; text-align: right; padding: 18px 10px 0 0; }
#top_right img { margin: 0 1px 0 1px; }

#blue { float: left; width: 745px; height: 18px; color: #fff; font-weight: bold; font-size: 11px; padding: 6px 0 0 0; }
#blue a { color: #fff; text-decoration: none; }
#blue a:hover { color: #fff; text-decoration: underline; }
#blue_left { float: left; width: 175px; padding: 0 0 0 70px; }
#blue_right { float: left; width: 475px; padding: 0 25px 0 0; text-align: right; }

#blue1 { float: left; width: 745px; height: 18px; color: #fff; font-weight: bold; font-size: 11px; padding: 6px 0 0 0; }
#blue1 a { color: #fff; text-decoration: none; }
#blue1 a:hover { color: #fff; text-decoration: underline; }
#blue_right1 { float: left; width: 745px; padding: 0 30px 0 0; text-align: right; }

#promo { float: left; width: 680px; height: 205px; padding: 35px 30px 0 35px; }
#promo_left { float: left; width: 325px; padding: 0 35px 0 0;  }
#promo_left h1 { font-size: 40px; color: #115a75; }
#promo_left p { font-size: 15px; color: #6f6f6f; line-height: 17px; padding: 3px 15px 0 35px; }
#promo_right { float: left; width: 320px; }
.btn_signup { margin: 15px 0 0 35px; }

#promo_inside { float: left; width: 680px; height: 135px; padding: 25px 30px 0 35px; }
#promo_inside_left { float: left; width: 375px; padding: 0 35px 0 0;  }
#promo_inside_left h1 { font-size: 40px; color: #115a75; }
#promo_inside_left p { font-size: 15px; color: #6f6f6f; line-height: 17px; padding: 3px 15px 0 35px; }
#promo_inside_right { float: left; width: 270px; }
.icon { margin: 12px 5px 0 0; }

#copy { float: left; width: 745px; }
#copy_left { float: left; width: 325px; margin: 0 0 5px 0; padding: 25px 10px 20px 35px; }
#copy_right { float: left; width: 325px; padding: 25px 10px 20px 35px; }
#copy p { padding: 5px 0 3px 35px; }
.btn_readmore { margin: 10px 0 0 35px; }

#copy_inside { float: left; width: 745px; }
#copy_inside_left { float: left; width: 190px; margin: 30px 20px 25px 10px; } * html #copy_inside_left { margin: 30px 20px 25px 0; }
#copy_inside_right { float: left; width: 515px; margin: 25px 0 25px 0; }
#copy_inside_fullwidth { float: left; width: 725px; margin: 25px 10px 25px 10px; }

#scal { float: left; width: 190px; background: url(images/bg_scal_top.gif) no-repeat top left; }
#scal_top { float: left; width: 180px; padding: 5px 5px 0 5px; }
#scal_bottom { float: left; width: 190px; height: 9px; background: url(images/bg_scal_bottom.gif) no-repeat bottom left; }
#scal_legend { float: left; width: 170px; padding: 8px 10px 10px 10px; font-size: 11px; }

#bcal { float: left; width: 725px; }
#bcal_top { float: left; width: 725px; height: 5px; background: url(images/bg_bcal_top.gif) no-repeat bottom left; }
#bcal_middle { float: left; width: 715px; border-left: 1px #cfcfcf solid; border-right: 1px #cfcfcf solid; background: #f6f6f6; padding: 5px 4px 0 4px; }
#bcal_bottom { float: left; width: 725px; height: 5px; background: url(images/bg_bcal_bottom.gif) no-repeat top left; }
#bcal_legend { float: left; width: 725px; padding: 8px 10px 10px 10px; font-size: 11px; }
.bcal_title { font-weight: bold; color: #115a75; }
.bcal th { width: 80px; height: 25px; background: url(images/bg_th.gif) repeat-x top left; color: #fff; text-align: center; font-size: 11px; }
.bcal th.th_left { text-align: left; }
.bcal th.th_right { text-align: right; }
.bcal td { width: 80px; height: 80px; }
.bcal td.dayplain { width: 60px; height: 80px; background: url(images/bg_bcal_day.gif) no-repeat top left; padding: 0 2px 0 2px;}
.bcal td.day { width: 76px; height: 80px; background: url(images/bg_bcal_day.gif) no-repeat top left; padding: 0 2px 0 2px; cursor: pointer;}
.bcal td.over { width: 76px; height: 80px; background: url(images/bg_bcal_over.gif) no-repeat top left; padding: 0 2px 0 2px;  cursor: pointer;}
.bcal td.plan { width: 76px; height: 80px; background: url(images/bg_bcal_plan.gif) no-repeat top left; padding: 0 2px 0 2px;  cursor: pointer;}
.bcal td.today { width: 76px; height: 80px; background: url(images/bg_bcal_today.gif) no-repeat top left; padding: 0 2px 0 2px; color: #fff;  cursor: pointer;}
.bcal td.best { width: 76px; height: 80px; background: url(images/bg_bcal_best.gif) no-repeat top left; padding: 0 2px 0 2px; cursor: pointer; }
a.bigcal, a.bigcal:hover {text-decoration:none; font-weight:normal; color: #a40000;}
.bcal td.totalrow { width: 80px; height: 25px; background: #d3e6ea; color: #115a75; text-align: center; font-size: 14px; font-weight: bold; }
.bcal td.totalrow_total { width: 100%; height: 25px; background: #d3e6ea; color: #115a75; text-align: right; font-size: 14px; font-weight: bold; padding: 0 5px 0 0}

.day_top { float: left; width: 76px; height: 16px; font-size: 11px; margin: 3px 0 0 0; }
.day_top_left { float: left; width: 34px; height: 15px; padding: 1px 0 0 5px; }
.day_top_right_red { float: left; width: 37px; height: 15px; text-align: center; color: #fff; background: url(images/bg_planned_red.gif) no-repeat top left; padding: 1px 0 0 0; }
.day_top_right_red span { font-size: 8px; }
.day_top_right_green { float: left; width: 37px; height: 15px; text-align: center; color: #fff; background: url(images/bg_planned_green.gif) no-repeat top left; padding: 1px 0 0 0; }
.day_top_right_green span { font-size: 8px; }
.day_top_right_blue { float: left; width: 37px; height: 15px; text-align: center; color: #fff; background: url(images/bg_planned_blue.gif) no-repeat top left; padding: 1px 0 0 0; }
.day_top_right_blue span { font-size: 8px; }
.day_top_right_blank { float: left; width: 37px; height: 15px; text-align: center; color: #000; padding: 1px 0 0 0; }
.day_top_right_blank span { font-size: 8px; }

.day_date { width: 76px; text-align: center; font-size: 26px; color: #a40000; }
.day_date span { font-size: 14px; }
.day_total { width: 76px; text-align: center; font-size: 26px; color: #7b7a6c; }
.day_total span { font-size: 14px; }
.day_titles { float: left; width: 70px; height: 30px; font-size: 11px; text-align: center; color: #7b796b; margin: 50px 0 0 0; }
.day_data { width: 76px; height: 30px; text-align: center; font-size: 11px; }
.day_data td { width: 76px; height: 12px; text-align: center; color: #7b7a6c; font-size: 11px; }
.day_today { width: 76px; text-align: center; font-size: 26px; color: #fff; }
.day_today span { font-size: 14px; }
.day_today td { width: 76px; height: 12px; text-align: center; color: #fff; font-size: 11px; }
.day_data td.stick { width: 6px; height: 15px; text-align: center;}
.day_data td.subtitle { width: 50px; height: 15px; text-align: left; padding: 0 0 0 10px; }
.day_data td.total { width: 60px; height: 15px; text-align: center; padding: 0; font-weight: bold; }

td.today .day_date { width: 76px; text-align: center; font-size: 26px; color: #fff; }
td.today .day_data td { width: 76px; height: 12px; text-align: center; color: #f6aca9; font-size: 11px; }
td.today a.bigcal {text-decoration:none; font-weight:normal; color: #fff;}

table.table_list { }
tr.table_list { font-size: 11px; }
th.table_list { background: url(images/bg_th.gif) repeat-x top left; font-weight: bold; color: #fff; text-align: center; padding: 5px 2px 5px 2px; }
td.table_list { padding: 5px; font-size: 11px; }
tr.table_list0 { padding: 5px; background-color:#fafafa; }
tr.table_list1 { padding: 5px; background-color:#f5f5f5; }
td.table_list_highlight { padding: 5px; font-size: 11px; background-color:#b30000; color: #fff;}
td.table_list_highlight a { color: #fff;}

#tabform { float: left; width: 515px; }
#tabform_top { float: left; width: 500px; height: 29px; background: url(images/bg_tab_top.gif) no-repeat bottom left; padding: 0 15px 0 0; }
.tabform_tab { float: right; height: 24px; margin-right: 1px; }
.tabform_tab_left { float: left; height: 18px; background: url(images/bg_tab_left.gif) no-repeat top left; font-size: 10px; font-weight: bold; color: #7f7f7f; padding: 6px 10px 0 15px; }
.tabform_tab_left a { font-weight: bold; color: #7f7f7f; text-decoration: none; }
.tabform_tab_left a:hover { font-weight: bold; color: #115a75; text-decoration: none; }
.tabform_tab_right { float: left; height: 24px; width: 5px; background: url(images/bg_tab_right.gif) no-repeat top left; }

.tabform_tabon_left { float: left; height: 18px; background: url(images/bg_tabon_left.gif) no-repeat top left; font-size: 10px; font-weight: bold; color: #115a75; padding: 6px 10px 0 15px; }
.tabform_tabon_left a, .tabform_tabon_left a:hover, .tabform_tabon_left a:active {color: #115a75; text-decoration: none; font-weight:bold;}
.tabform_tabon_right { float: left; height: 24px; width: 5px; background: url(images/bg_tabon_right.gif) no-repeat top left; }
#tabform_middle { float: left; width: 505px; background: #fafafa; border-left: 1px #cfcfcf solid; border-right: 1px #cfcfcf solid; padding: 5px 4px 0 4px; font-size: 11px; }
.tabform_header { width: 505px; height: 25px; background: url(images/bg_tab_header.gif) no-repeat top left; color: #fff; font-weight: bold; text-align: center; }
#tabform_bottom { float: left; width: 515px; height: 6px; background: url(images/bg_tab_bottom.gif) no-repeat top left; }

#btabform { float: left; width: 725px; }
#btabform_top { float: left; width: 710px; height: 29px; background: url(images/bg_btab_top.gif) no-repeat bottom left; padding: 0 15px 0 0; }
.btabform_tab { float: right; height: 24px; margin-right: 1px; }
.btabform_tab_left { float: left; height: 18px; background: url(images/bg_tab_left.gif) no-repeat top left; font-size: 10px; font-weight: bold; color: #7f7f7f; padding: 6px 10px 0 15px; }
.btabform_tab_left a { font-weight: bold; color: #7f7f7f; text-decoration: none; }
.btabform_tab_left a:hover { font-weight: bold; color: #115a75; text-decoration: none; }
.btabform_tab_right { float: left; height: 24px; width: 5px; background: url(images/bg_tab_right.gif) no-repeat top left; }

.btabform_tabon_left { float: left; height: 18px; background: url(images/bg_tabon_left.gif) no-repeat top left; font-size: 10px; font-weight: bold; color: #115a75; padding: 6px 10px 0 15px; }
.btabform_tabon_left a, .btabform_tabon_left a:hover, .btabform_tabon_left a:active {color: #115a75; text-decoration: none; font-weight:bold;}
.btabform_tabon_right { float: left; height: 24px; width: 5px; background: url(images/bg_tabon_right.gif) no-repeat top left; }
#btabform_middle { float: left; width: 715px; background: #fafafa; border-left: 1px #cfcfcf solid; border-right: 1px #cfcfcf solid; padding: 5px 4px 0 4px; font-size: 11px; }
.btabform_header { width: 715px; height: 25px; background: url(images/bg_btab_header.gif) no-repeat top left; color: #fff; font-weight: bold; text-align: center; }
#btabform_bottom { float: left; width: 725px; height: 6px; background: url(images/bg_btab_bottom.gif) no-repeat top left; }

#group { float: left; width: 455px; padding: 10px 25px 10px 25px; border-bottom: 1px #cdcdcd solid; }
#group_topborder { float: left; width: 455px; padding: 10px 25px 10px 25px; border-top: 1px #cdcdcd solid; }
#group_noborder { float: left; width: 455px; padding: 10px 25px 10px 25px; }
#group_left { float: left; width: 75px; padding: 10px 25px 10px 0; }
#group_right { float: left; width: 355px; padding: 0 0 0 0; }
#group_left_message { float: left; width: 100px; padding: 5px 25px 10px 0; }
#group_right_message { float: left; width: 330px; padding: 2px 0 0 0; }
p.small { font-size: 11px; line-height: 13px; padding: 5px 0 5px 0; margin: 0 0 0 0; }
.number { font-size: 16px; font-weight: bold; color: #115a75; text-align: center; }

#copy_inside_right ul { list-style-type:none; margin: 7px 0 10px 25px; padding: 0; }
#copy_inside_right ul li { text-indent: 0px; background: url(images/arrow_right.gif) no-repeat 0 7px; padding: 1px 0 2px 12px; font-size: 11px; }
#invite { float: left; width: 299px; height: 32px; background: url(images/bg_invite.gif) no-repeat top left; padding: 10px 0 0 30px; margin: 10px 0 10px 0; }

.gdetails td { border-bottom: 1px #cdcdcd solid; padding: 3px 6px 3px 6px; }
#group_details { float: left; width: 505px; }
#group_details_left { float: left; width: 243px; padding: 15px 25px 15px 25px; }
#group_details_right { float: left; width: 150px; padding: 15px 25px 15px 25px; }
#group_details_right img { border: 6px #e1e1e1 solid; }

div.form_page { float: left; width: 455px; padding: 10px 25px 10px 25px; }
div.input_div {
	padding: 5px;
	border-bottom: 1px #cfcfcf solid;
}
div.input_div_clear {
	padding: 5px;
}

label.input_label {
	text-align: right;
	display: block;
	float: left;
	width: 120px;
	margin-right: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
}

table.report_table td {padding: 10px;}
td.border-bottom {border-bottom: 1px #cfcfcf solid;}

div.divider {width:715px; margin: 0 0 10px 0; border-bottom: 1px #cfcfcf solid;}

.note_red { float: left; width: 515px; margin: 12px 0 12px 0; }
.note_red_header { float: left; width: 485px; height: 25px; background: url(images/bg_note_red.gif) no-repeat top left; color: #fff; padding: 0 15px 0 15px; }
.note_red_header p { color: #fff; font-size: 11px; font-weight: bold; background: url(images/icon_bulb_red.gif) no-repeat 0 3px; padding: 5px 0 0 18px; }
.note_red_copy { float: left; padding: 0 5px 0 5px; }
.note_red_copy_top { float: left; width: 443px; border-left: 1px #cfcfcf solid; border-right: 1px #cfcfcf solid; background: #f5f5f5; padding: 10px 30px 10px 30px; font-size: 11px;}
.note_red_copy_bottom { float: left; width: 505px; height: 6px; background: url(images/bg_note_bottom.gif) no-repeat top left; }

.note_blue { float: left; width: 515px; margin: 12px 0 12px 0; }
.note_blue_header { float: left; width: 485px; height: 25px; background: url(images/bg_note_blue.gif) no-repeat top left; color: #fff; padding: 0 15px 0 15px; }
.note_blue_header p { color: #fff; font-size: 11px; font-weight: bold; background: url(images/icon_bulb_blue.gif) no-repeat 0 3px; padding: 5px 0 0 18px; }
.note_blue_copy { float: left; padding: 0 5px 0 5px; }
.note_blue_copy_top { float: left; width: 443px; border-left: 1px #cfcfcf solid; border-right: 1px #cfcfcf solid; background: #f5f5f5; padding: 10px 30px 10px 30px; font-size: 11px;}
.note_blue_copy_bottom { float: left; width: 505px; height: 6px; background: url(images/bg_note_bottom.gif) no-repeat top left; }

#error { float: left; width: 445px; margin: 12px 5px 12px 5px; padding: 10px 30px 10px 30px; border: 1px #cfcfcf solid; background: #f5f5f5; text-align: center; font-weight: bold; } * html #error { margin: 12px 0 12px 0; }

/*------------- FOOTER --------------*/

.clear { clear: both; }
#footer { float: left; width: 700px; padding: 7px 25px 10px 25px; margin: 5px 15px 0 15px; border-top: 1px #a6a6a6 solid; } 
#footer_left { float: left; width: 210px; }
#footer_right { float: left; width: 490px; padding: 1px 0 0 0; text-align: right; }
#footer p { color: #a6a6a6; font-size: 9px; padding: 0; margin: 0; }
#footer a { color: #a6a6a6; font-weight: normal; text-decoration: none; }
#footer a:hover { text-decoration: none; color: #1d9ac8; }



/*------------- 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: #115a75; font-size: 26px; font-weight: normal; padding: 5px 0 0 0; margin: 0 0 5px 0; }
h2 { color: #115a75; font-size: 20px; font-weight: normal; padding: 5px 0 0 0; margin: 0 0 1px 0; }

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 { text-decoration: underline; color: #b73d31; font-weight: bold; }
a:hover { text-decoration: none; color: #b73d31; }
a.green { text-decoration: underline; color: #7c9390; font-weight: bold; font-size: 11px; }
a.green:hover { text-decoration: none; color: #7c9390; font-size: 11px; }

a.blue { color: #115a75; font-size: 10px; text-decoration: none; }
a.blue:hover { color: #115a75; font-size: 10px; text-decoration: underline; }
.scal_header { width: 180px; height: 25px; background: url(images/bg_scal_header.gif) no-repeat top left; color: #fff; font-weight: bold; text-align: center; }

.scal_weekday { width: 24px; height: 24px; background: url(images/bg_scal_weekday.gif) no-repeat top left; color: #000; font-size: 11px; text-align: center;cursor: pointer; }
.scal_weekend { width: 24px; height: 24px; background: url(images/bg_scal_weekday.gif) no-repeat top left; color: #b30000; font-size: 11px; text-align: center; font-weight: bold; cursor: pointer;}

.scal_over { width: 24px; height: 24px; background: url(images/bg_scal_over.gif) no-repeat top left; color: #000; font-size: 11px; text-align: center; cursor: pointer;}
.scal_over_weekend { width: 24px; height: 24px; background: url(images/bg_scal_over.gif) no-repeat top left; color: #b30000; font-size: 11px; text-align: center; font-weight: bold; cursor: pointer;}

.scal_today { width: 24px; height: 24px; background: url(images/bg_scal_weekend.gif) no-repeat top left; color: #fff; font-size: 11px; font-weight: bold; text-align: center; cursor: pointer;}

.scal_existing { width: 24px; height: 24px; background: url(images/bg_scal_existing.gif) no-repeat top left; color: #000; font-size: 11px; text-align: center; cursor: pointer;}

.scal_planned { width: 24px; height: 24px; background: url(images/bg_scal_over.gif) no-repeat top left; color: #000; font-size: 11px; text-align: center; cursor: pointer;}

.scal_selected { width: 24px; height: 24px; background: url(images/bg_scal_planned.gif) no-repeat top left; color: #000; font-size: 11px; text-align: center; cursor: pointer;}

.scal_weekday_title { font-size: 10px; color: #115a75; font-weight: bold; text-align: center; }
.scal_weekend_title { font-size: 10px; color: #b30000; font-weight: bold; text-align: center; }

/*.red_border {border:1px solid #b30000;}*/

.bold {font-weight:bold;}

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; }
select {padding: 0px}

/*------------- SUBNAVIGATION --------------*/

ul.subMenu { width: 165px; margin: 15px 0 25px 0; padding: 3px 0px 0px 0px; font-size: 11px; font-weight: bold; }
ul.subMenu li { margin: 0; padding: 0 0px 0 0px; display: block; list-style-type: none; border-bottom: 1px dotted #c6d8de; }
ul.subMenu a:link, ul.subMenu a:visited { display:block; padding: 4px 0 4px 21px; color: #115a75; text-decoration:none; background: url(images/arrow_right.gif) no-repeat 8px 9px; font-weight: bold; }
ul.subMenu a:active, ul.subMenu a:hover { padding: 4px 0 4px 21px; color: #b73d31; text-decoration:none; background: url(images/arrow_right_.gif) no-repeat 8px 9px; font-weight: bold; }
ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { padding: 4px 0 4px 21px; color: #1c97c4; text-decoration:none; background: url(images/arrow_right_.gif.gif) no-repeat 8px 9px; font-weight: bold; }
ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { font-weight: bold; }

ul.subMenu2 { margin:0; padding: 5px 0px 5px 0px; font-size: 11px; font-family: arial,verdana,helvetica,sans-serif; }
ul.subMenu2 li { margin: 0; padding: 1px 0 1px 0; display: block; list-style-type:none; border: none; }
ul.subMenu2 a:link, ul.subMenu2 a:visited { padding: 0 0 0 9px; margin: 0 0 0 20px; color: #115a75; text-decoration:none; background: url(images/ul_small.gif) no-repeat 0 5px; font-weight: normal; display: block; }
ul.subMenu2 a:active, ul.subMenu2 a:hover, ul.subMenu2 a:link.subMenu2On, ul.subMenu2 a:visited.subMenu2On { padding:0 0 0 9px;  margin: 0 0 0 20px; color: #b73d31; text-decoration: none; background: url(images/ul_small_on.gif) no-repeat 0 5px; display: block; font-weight:normal;}
ul.subMenu2 a:link.subMenu2On, ul.subMenu2 a:visited.subMenu2On { font-weight: bold; }

#tools { float: left; width: 725px; height: 102px; margin: 35px 0 20px 0; }
#tools_btns { float: left; width: 725px; height: 30px; margin: 0 0 20px 0; }

#tools_summary { float: left; width: 388px; height: 102px; background: url(images/bg_tools_summary.jpg) no-repeat top left; margin: 0 10px 0 0; } 
#tools_summary_top { float: left; width: 378px; height: 24px; text-align: right; padding: 0 10px 0 0; }
#tools_summary_bottom { float: left; width: 388px; height: 60px; font-size: 23px; color: #fff; padding: 18px 0 0 0; }
#tools_summary_bottom span { font-size: 11px; font-weight: bold; color: #c8e6f0; }
#tools_summary_runs { float: left; width: 70px; height: 60px; margin: 0 0 0 4px; text-align: center; } * html #tools_summary_runs { margin: 0 0 0 2px; }
#tools_summary_distance { float: left; width: 91px; height: 60px; text-align: center; }
#tools_summary_time { float: left; width: 114px; height: 60px; text-align: center; }
#tools_summary_pace { float: left; width: 105px; height: 60px; margin: 0 4px 0 0; text-align: center; } * html #tools_summary_pace { margin: 0 2px 0 0; }

#tools_goal { float: left; width: 239px; height: 102px; background: url(images/bg_tools_goal.jpg) no-repeat top left; margin: 0 10px 0 0; }
#tools_goal_top { float: left; width: 239px; height: 19px; margin: 24px 0 0 0; padding: 3px 0 0 0; }
#tools_goal_top_left { float: left; width: 134px; height: 17px; color: #fff; font-size: 11px; padding: 2px 0 0 14px; }
#tools_goal_top_right { float: left; width: 91px; height: 19px; }
#tools_goal_bottom { float: left; width: 217px; height: 56px; padding: 0 11px 0 11px; }
#tools_goal_planed { float: left; height: 14px; font-size: 11px; color: #959595; padding-top: 2px; } * html #tools_goal_planed { padding-top: 1px; height: 12px; }
#tools_goal_actual { float: left; width: 217px; height: 30px; background: url(images/bg_goal.gif) no-repeat top left; }
#runbar_red_left { float: left; width: 10px; height: 30px; background: url(images/bg_runbar_left_red.gif) no-repeat top left; }
#runbar_red_middle { float: left; width: 197px; height: 30px; }
#runbar_red_middle_bar { float: left; height: 30px; background: url(images/bg_runbar_middle_red.gif) repeat-x top left; color: #fff; font-size: 18px; font-weight: bold; padding-top: 4px; text-align: center; }  *html #runbar_red_middle_bar { padding-top: 1px; }
#runbar_red_middle_bar span { font-size: 11px; font-weight: normal; }
#runbar_red_right { float: left; width: 10px; height: 30px; background: url(images/bg_runbar_right_red.gif) no-repeat top left; }

#runbar_green_left { float: left; width: 10px; height: 30px; background: url(images/bg_runbar_left_green.gif) no-repeat top left; }
#runbar_green_middle { float: left; width: 197px; height: 30px; }
#runbar_green_middle_bar { float: left; height: 30px; background: url(images/bg_runbar_middle_green.gif) repeat-x top left; color: #fff; font-size: 18px; font-weight: bold; padding-top: 4px; text-align: center; } *html #runbar_green_middle_bar { padding-top: 1px; }
#runbar_green_middle_bar span { font-size: 11px; font-weight: normal; }
#runbar_green_right { float: left; width: 10px; height: 30px; background: url(images/bg_runbar_right_green.gif) no-repeat top left; }

#tools_goal_distance { float: left; width: 217px; height: 10px; font-size: 8px; color: #959595; }
#tools_goal_distance_block { float: left; width: 53px; height: 10px; text-align: center; }
#tools_goal_distance_block_first { float: left; width: 25px; height: 10px; text-align: left; }
#tools_goal_distance_block_last { float: left; width: 31px; height: 10px; text-align: right; }

#tools_map { float: left; width: 78px; height: 102px; }
#tools_search { float: left; width: 233px; height: 78px; margin: 0 15px 0 0; background: url(images/bg_tools_search.jpg) no-repeat top left; padding: 24px 20px 0 20px; }
#tools_search_top { float: left; width: 233px; height: 16px; padding: 8px 0 0 0; }
#tools_search_middle { float: left; width: 350px; height: 28px; margin: 2px 0 0 0; }
#tools_search_middle input { margin: 0; padding: 0; }
#tools_search_bottom { float: left; width: 233px; height: 21px; font-size: 11px; padding: 0 0 0 92px; }

#tools_route { float: left; width: 173px; height: 78px; margin: 0 15px 0 0; background: url(images/bg_tools_route.jpg) no-repeat top left; padding: 24px 20px 0 20px; }
#tools_route_top { float: left; width: 173px; height: 16px; padding: 8px 0 0 0; }
#tools_route_middle { float: left; width: 173px; height: 28px; margin: 2px 0 0 0; }
#tools_route_middle input { margin: 0; padding: 0; }
#tools_route_bottom { float: left; width: 173px; height: 21px; font-size: 11px; }

#tools_distance { float: left; width: 208px; height: 69px; margin: 0 0 0 0; background: url(images/bg_tools_distance.jpg) no-repeat top left; padding: 33px 0 0 0; text-align: center; color: #fff; font-size: 50px; }

#tools_distance #distance_id { font-size: 20px; }
#tools_buttons { float: left; width: 94px; height: 64px; padding: 38px 0 0 20px; }

#tools_bigmap { float: left; width: 713px; padding: 0 6px 6px 6px; background: #dedede url(images/bg_mapbox_bottom.gif) no-repeat bottom left; }
#tools_bigmap_box { float: left; width: 711px; height: 540px; border: 1px #a9a9a9 solid; }
#tools_bigmap_top { float: left; width: 705px; border: 45px; padding: 12px 10px 10px 10px; background: #dedede url(images/bg_mapbox_top.gif) no-repeat top left;}
#tools_bigmap_top_left { float: left; width: 340px; }
#tools_bigmap_top_right { float: left; width: 365px; text-align: right; }

#tools_searchbig { float: left; width: 461px; height: 78px; margin: 0 15px 0 0; background: url(images/bg_tools_search_big.jpg) no-repeat top left; padding: 24px 20px 0 20px; }
#tools_searchbig_top { float: left; width: 461px; height: 16px; padding: 8px 0 0 0; }
#tools_searchbig_middle { float: left; width: 461px; height: 28px; margin: 2px 0 0 0; }
#tools_searchbig_middle input { margin: 0; padding: 0; }
#tools_searchbig_bottom { float: left; width: 461px; height: 21px; font-size: 11px; }

#popup_box { float: left; width: 767px; height: 730px; background: #fff; padding: 0 0 0 0; margin: 10px 0 0 10px;}
#close_btn { float: left; width: 767px; height: 36px; background: url(images/bg_popup2.gif) no-repeat top left; text-align: center;  }
#tools_popup { float: left; width: 725px; height: 102px; margin: 5px 0 15px 21px; }
#tools_header { float: left; width: 516px; height: 78px; padding: 24px 0 0 0; text-align: left; }
#tools_bigmap_popup { float: left; width: 723px; height: 550px; border: 1px #cfcfcf solid; margin: 0 21px 0 21px;}
#tools_bottom { float: left; width: 767px; height: 23px; background: url(images/bg_popup3.gif) no-repeat top left; text-align: center; }


#feature { float: left; width: 325px; margin: 12px 0 6px 0; }
#feature_img { float: left; width: 67px; margin: 0 15px 0 15px; }
#feature_copy { float: left; width: 228px; }

#feature_big { float: left; width: 725px; padding: 20px 0 20px 0; border-bottom: 1px #cfcfcf dotted; }
#feature_big_img { float: left; width: 294px; margin: 0 30px 0 15px; padding: 7px 0 0 0; }
#feature_big_copy { float: left; width: 386px; }

h3 { color: #115a75; font-size: 17px; font-weight: bold; padding: 0; margin: 0; }
h3 a { color: #115a75; font-size: 17px; font-weight: bold; text-decoration: none; }
h3 a:hover { color: #1d9ac8; font-size: 17px; font-weight: bold; text-decoration: none; }

/*MAPPING*/
v\:* { /* Only for IE */
	behavior:url(#default#VML);
}
.tooltip { text-align: center;
	opacity: .70;
	-moz-opacity:.70;
	filter:Alpha(opacity=70);
	white-space: nowrap;
	margin: 0;
	padding: 2px 0.5ex;
	border: 1px solid #000;
	font-weight: bold;
	font-size: 9pt;
	font-family: Verdana;
	background-color: #fff;
}