@import "main_menu.css";
@import "internal.css";
@import "page_titles.css";
@import "sub_navs.css";
@import "sample_menus.css";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	margin:4px 0;
	padding:0;
	color:#525F7C;
}
* {
	margin:0;
	padding:0;
}
a {
	color:#D5771E;
	text-decoration:none;
	outline: none; /* To get rid of Mozilla's outline */
}
a:hover {
	text-decoration:underline;
}
img {
	border:none;
}
/*.illuminate {
	border: 1px solid #ff0000;
}*/
.illuminate a {
	border: 1px solid #ff0000;
}
.image-header span, .image-header a span {
	display: none;
}
.vert-menu {
	list-style:none;
	margin:0;
	padding:0;
}
.vert-menu li {
	margin:0;
	padding:2px 0 2px 0;
}
.image-menu {
	position:relative;
	top:0;
	left:0;
}
.image-menu li {
	display:inline;
	background-image: none;
}
.image-menu li a {
	position:absolute;
	top:0;
	left:0;
}
.image-menu li a span {
	display:none;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.small {
	font-size:x-small;
}
.red-text {
	color:#AD564C;
}
tr.label td {
	font-weight:bold;
	text-align:center;
}
fieldset legend {
	font-weight:bold;
}
form table tr td.label {
	font-weight:bold;
	text-align:right;
	vertical-align:top;
}
form#member-login-form {
	color:#fff;
	font-size:x-small;
}
form#member-login-form p.field {
	display: none;
}
form#member-login-form p {
	padding:4px 0;
}
form#member-login-form a {
	color:#fff;
}
/* Hides from IE5-mac \*/
* html form#member-login-form input.login-button {
	margin-top:-4px;
}
/* End hide from IE5-mac */
body#front {
	background-image:url(/media/images/layout/body_bg_front.gif);
	background-repeat:repeat-x;
	background-position: 0 61px;
}
body#front div.outer-content-wrap {
	width:898px;
	margin: 0 auto;
}
body#front div.inner-content-wrap {
	width: 790px;
	margin: 0 auto;
	position:relative;
}
body#front div#flash-coach {
	position:absolute;
	top:87px;
	right:0;
	width:177px;
	height:239px;
	background-image:url(/media/images/coach_temp_big.gif);
	background-repeat:no-repeat;
	background-position:top center;
	z-index:10;
}
body#front div#top-section {
	position:absolute;
	top:0;
	left:0;
	width:790px;
	height:99px;
	background-image:url(/media/images/layout/front_top_section_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	z-index:5;
}
body#front div#top-section #main-home-link {
	display:block;
	position:absolute;
	width:402px;
	height:119px;
	top:5px;
	left:0;
	background-image:url(/media/images/layout/main_home_link_front_bg.gif);
	background-repeat:no-repeat;
}
body#front div#top-section h2 a#main-join-now-link {
	display:block;
	position:absolute;
	width:303px;
	height:43px;
	top:0;
	right:0;
	background-image:url(/media/images/layout/main_join_now_link_bg.gif);
	background-repeat:no-repeat;
}
body#front div#top-section ul#top-nav {
	position:absolute;
	top:66px;
	left:493px;
	width:260px;
	height:27px;
	background-image:url(/media/images/layout/front_top_nav_bg.gif);
	background-repeat:no-repeat;
}
body#front div#top-section ul#top-nav li a {
	top:0;
	height:27px;
}
body#front div#top-section ul#top-nav li a#about-2-step-link {
	left:0;
	width:97px;
}
body#front div#top-section ul#top-nav li a#supporters-link {
	left:101px;
	width:86px;
}
body#front div#top-section ul#top-nav li a#feedback-link {
	left:188px;
	width:73px;
}
body#front div#middle-section {
	position:absolute;
	top:99px;
	left:0;
	width:790px;
	height:205px;
}
body#front div#middle-section div#the-steps {
	position:absolute;
	top:0;
	left:0;
	background-image:url(/media/images/layout/the_steps_bg.gif);
	background-repeat:no-repeat;
	height:206px;
	width:490px;
}
body#front div#middle-section div#the-steps .step-1 {
	position:absolute;
	width:490px;
	height:52px;
	top:26px;
	left:10px;
}
body#front div#middle-section div#the-steps .step-1 h4 {
	background-image:url(/media/images/layout/front_step_1_bg.gif);
	background-repeat:no-repeat;
	width:200px;
	height:32px;
}
body#front div#middle-section div#the-steps .step-2 {
	position:absolute;
	width:490px;
	height:52px;
	top:120px;
	left:10px;
}
body#front div#middle-section div#the-steps .step-2 h4 {
	background-image:url(/media/images/layout/front_step_2_bg.gif);
	background-repeat:no-repeat;
	width:217px;
	height:32px;
}
body#front div#middle-section div#the-steps h4.image-header a.main-link {
	display:block;
	height:32px;
}
body#front div#middle-section div#the-steps p {
	font-size: x-small;
	margin:0 30px 0 40px;
	color:#8A1E04;
	font-weight:bold;
}
body#front div#middle-section div#the-steps a.more-link {
	display:block;
	margin:0;
	padding:0;
	position:absolute;
	top:50px;
	left:40px;
	background-image:url(/media/images/layout/more_btn_1.gif);
	background-repeat:no-repeat;
	width:50px;
	height:13px;
}
body#front div#middle-section div#the-steps a span {
	display:none;
}
body#front div#middle-section div#middle-right-section {
	position:absolute;
	top:0;
	right:0;
	width:300px;
	height:204px;
	background-image:url(/media/images/layout/front_middle_right_bg.gif);
	background-repeat:no-repeat;
}
body#front div#middle-section h3#member-login-header {
	background-image:url(/media/images/layout/member_login_header_2.gif);
	background-repeat:no-repeat;
	height:20px;
	width:101px;
	margin-top:15px;
}
body#front div#middle-section form#member-login-form {
	padding:5px 0 0 5px;
	margin-top:6px;
}
body#front div#middle-section form#member-login-form input.username, body#front div#middle-section form#member-login-form input.password {
	width:100px;
	border:1px solid #eee;
	margin-top:2px;
}
body#front div#bottom-section {
	position:absolute;
	top:304px;
	left:0;
	width:790px;
	height:160px;
}
body#front div#bottom-section h3#how-do-you-header a {
	display:block;
	background-image:url(/media/images/layout/how_do_you_header_front.gif);
	background-repeat:no-repeat;
	height:160px;
	width:290px;
	position:absolute;
	top:0;
	left:0;
}
body#front div#bottom-section div#family-health-container {
	position:absolute;
	top:0;
	left:290px;
	background-image:url(/media/images/layout/family_health_bg_front.gif);
	background-repeat:no-repeat;
	width:166px;
	height:160px;
}

body#front div#bottom-section div#family-health-container a {
        display: block;
        width: 166px;
        height: 160px;
        text-indent: -9999px;
}

body#front div#bottom-section div#news-container {
	position:absolute;
	top:0;
	left:290px;
	background-image:url(/media/images/layout/news_bg_front.gif);
	background-repeat:no-repeat;
	width:166px;
	height:160px;
}
body#front div#bottom-section div#news-container p#news-preview {
	font-size:x-small;
	position:absolute;
	width:138px;
	top:32px;
	left:9px;
}
body#front div#bottom-section div#news-container a#get-more-news-link {
	font-size:x-small;
	position:absolute;
	bottom:13px;
	left:9px;
}
body#front div#bottom-section div#music-container {
	position:absolute;
	top:0;
	left:456px;
	background-image:url(/media/images/layout/music_bg_front.gif);
	background-repeat:no-repeat;
	width:155px;
	height:160px;
}
body#front div#bottom-section div#music-container div#music-player {
	position:absolute;
	top:38px;
	left:15px;
}
body#front div#bottom-section div#music-container a#download-music-link {
	font-size:x-small;
	position:absolute;
	bottom:13px;
	left:17px;
}
body#front div#bottom-section h3#iq-quiz-header a {
	display:block;
	background-image:url(/media/images/layout/iq_quiz_header_front.gif);
	background-repeat:no-repeat;
	height:160px;
	width:179px;
	position:absolute;
	top:0;
	right:0;
}
body#front div#footer {
	position:relative;
	left:0;
	top:464px;
}
body#internal {
	background-image:url(/media/images/layout/body_bg_internal.gif);
	background-repeat:repeat-x;
	background-position: 0 57px;
}
div#header {
	width:790px;
	margin:0 auto;
	height:164px;
	position:relative;
	top:0;
	left:0;
	background: url(/media/images/layout/header.jpg) no-repeat 0px -3px;
}
#header h1 {
display: block;
width: 318px;
height: 92px;
position: absolute;
top: 0;
left: 0;
}
#header h1 a {
display: block;
width: 318px;
height: 92px;
text-indent: -9999px;
}
#header #bcbs {
display: block;
width: 178px;
height: 56px;
position: absolute;
top: 0;
right: 0;
}
#header #bcbs a {
display: block;
width: 178px;
height: 56px;
text-indent: -9999px;
}
div#header #flash-coach {
	position:absolute;
	top:0px;
	left:550px;
	width:278px;
	height:178px;
}
body#internal div.outer-content-wrap {
	width:898px;
	margin: 0 auto;
	min-height:550px;
	height:auto;
	background-image:url(/media/images/layout/content_wrap_bg.gif);
	background-repeat:repeat-y;
}
/* for Internet Explorer */
/*\*/
* html body#internal div.outer-content-wrap {
	height:550px;
}
/**/
body#internal div.inner-content-wrap {
	width: 790px;
	margin: 0 auto;
}
body#internal div#left-column {
	float:left;
	width:178px;
	display:inline;
}
body#internal div#left-column div#calendar-container {
	height:82px;
	background-image:url(/media/images/layout/calendar_container_bg.gif);
	background-repeat:no-repeat;
	position:relative;
	top:0;
	left:0;
	margin:0 0 10px 0;
}
body#internal div#left-column div#calendar-container h3.calendar-header a {
	display:block;
	height:38px;
}
body#internal div#left-column div#calendar-container p {
	position:absolute;
	top:45px;
	left:8px;
	width:115px;
	font-size:x-small;
}
body#internal div#left-column h3.music-header {
	background-image:url(/media/images/layout/music_header_1.gif);
	background-repeat:no-repeat;
	height:22px;
	width:62px;
}
body#internal div#center-column {
	float:left;
	width:424px;
	display:inline;
	padding:0 5px 10px 0;
}
body#internal div#right-column {
	float:left;
	width:178px;
	display:inline;
	margin:36px 0;
    overflow: hidden;
}
body#internal div#right-column a {
	color:#fff;
}
body#internal div#right-column a:visited {
	color:#FEDD00;
}
#my-stats .date {
        color: #fff;
}
body#internal div#right-column div#my-stats {
	color:#fff;
	font-size:x-small;
	margin-bottom:6px;
}
body#internal div#right-column div#my-stats h3#my-stats-header {
	display:block;
	background-image:url(/media/images/layout/my_stats_header.gif);
	background-repeat:no-repeat;
	height:16px;
	width:63px;
	margin:0px 0 5px 8px;
}


body#internal div#right-column div#team-stats h3#team-stats-header {
	display:block;
	background-image:url(/media/images/layout/team_stats_header.gif);
	background-repeat:no-repeat;
	height:16px;
	width:100px;
	margin:10px 0 5px 8px;
    }
body#internal div#right-column div#team-stats div#team-stats-content {
    position: relative;
    background: url(/media/images/layout/team_stats_list_bg.gif) no-repeat top left;
    width: 148px;
    height: 69px;
    color: #E2CD32;
    padding: 15px;
    }
body#internal div#right-column div#team-stats div#team-stats-content p {
    padding:2px 0 2px 0;
	}

body#internal div#right-column div#my-stats p.date {
	margin:0 0 5px 10px;
}
body#internal div#right-column div#my-stats ul#my-stats-list {
	list-style:none;
	color:#E2CD32;
	background-image:url(/media/images/layout/my_stats_list_bg.gif);
	background-repeat:no-repeat;
	height:99px;
	padding-top:12px;
}
body#internal div#right-column div#my-stats ul#my-stats-list li {
	margin-left:15px;
	padding:2px 0 2px 0;
}
body#internal div#right-column h3#member-login-header {
	margin:0 0 0 6px;
}
body#internal div#right-column form#member-login-form {
	padding:0 5px 0 10px;
	background-image:url(/media/images/layout/member_login_form_bg.gif);
	background-repeat:no-repeat;
}
body#internal div#right-column h3#member-login-header {
	background-image:url(/media/images/layout/member_login_header_1.gif);
	background-repeat:no-repeat;
	height:16px;
	width:102px;
}
body#internal div#right-column form#member-login-form p {
	padding:4px 0;
}


body#internal div#right-column h3#member-map-header a {
	display:block;
	background-image:url(/media/images/layout/member_map_header_internal.gif);
	background-repeat:no-repeat;
	height:121px;
	width:178px;
	margin:0 0 5px 0;
}

body#internal div#right-column h3#resources-map-header a {
	display:block;
	background-image:url(/media/images/layout/resources_near_you.jpg);
	background-repeat:no-repeat;
	height:121px;
	width:178px;
	margin:0 0 5px 0;
}
/*
body#internal div#right-column h3#how-do-you-header a {
	display:block;
	background-image:url(/media/images/layout/how_do_you_header_internal.gif);
	background-repeat:no-repeat;
	height:121px;
	width:178px;
	margin:0 0 5px 0;
}
*/
body#internal div#right-column h3#iq-quiz-header a {
	display:block;
	background-image:url(/media/images/layout/iq_quiz_header_internal.gif);
	background-repeat:no-repeat;
	height:155px;
	width:178px;
}
div#footer {
	background-image:url(/media/images/layout/footer_bg.gif);
	background-repeat:repeat-x;
	height:75px;
	color:#fff;
	font-size:x-small;
}
div#footer a {
	text-decoration:none;
}
div#footer a:hover {
	text-decoration:underline;
}
div#footer .inner-wrap {
	width:790px;
	margin:0 auto;
	position:relative;
	top:0;
	left:0;
}
div#footer p#presented-by {
	position:absolute;
	top:1px;
	left:4px;
	font-weight:bold;
}
div#footer div#sponsors a {
	display:block;
	position:absolute;
}
div#footer div#sponsors a#bluecross-blueshield-link {
	background-image:url(/media/images/layout/bcbs_btn.gif);
	background-repeat:no-repeat;
	width:165px;
	height:36px;
	top:25px;
	left:15px;
}
div#footer div#sponsors a#pennington-link {
	background-image:url(/media/images/layout/pennington_btn.gif);
	background-repeat:no-repeat;
	width:148px;
	height:20px;
	top:30px;
	left:215px;
}
div#footer div#sponsors div#dumb-and {
	position:absolute;
	top:31px;
	left:190px;
	font-size:18px;
	color:#AAB9D9;
}
div#footer div#sponsors a span {
	display:none;
}
div#footer #footer-menu {
        text-align: right;
	position:absolute;
	top:22px;
        width: 400px;
	right: 0px;
}
div#footer #copyright {
        text-align: right;
	position:absolute;
	top:38px;
	right:0px;
}
div#footer #footer-menu a, div#footer #footer-menu a:visited {
	color: #fff;
}
ul.menu-list li {
	margin:6px 0 6px 0;
}
div#flash, div#error-box, div.error-box {
	border:4px solid #293F6F;
	background-color:#5472B2;
	color:#fff;
	padding:4px;
	margin:10px auto;
	width:375px;
}
div#flash p, div#error-box p, div.error-box p {
	margin:0;
	padding:0;
}
div#flash, div.error-box  {
	text-align:center;
	font-weight:bold;
}
div#error-box, #div.error-box, div.error-box  {
	text-transform:uppercase;
}
div#error-box ul, div.error-box ul {
	margin-bottom:0;
}
form span.error, form p.error {
	color:#ff0000;
}
select {
        font-size: x-small;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}







#user-photos,
#photo fieldset {
    background: #EDF0F7 !important;
    margin: 15px 0;
    padding: 6px !important;
    border: 0 !important;
}

#user-photos #latest-photo {
    float: left;
}

#user-photos #latest-photo-image {
    background: #FFF;
    margin; 5px;
    padding: 5px;
    float: left;
}

#user-photos #latest-photo-date {
    margin: 6px 0 3px 0;
    clear: both;
}

#user-photos #latest-photo-date input,
#photo #new_date,
.fakefile input {
    width: 87px;
    padding: 3px;
    border: 1px solid #AAAEB1;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    font-weight: bold;
    float: left;
}

.fakefile input {
    width: 127px;
    margin: 0 5px 0 0;
}

#user-photos #update_weight,
#photo #new_weight {
    color: #E6AB00;
    width: 30px;
    padding: 3px;
    border: 1px solid #AAAEB1;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
    text-align: right;
}

#user-photos #all-photos div.photo {
    background: #FFF;
    margin: 0 0 10px 10px;
    padding: 2px 2px 1px 2px;
    border: 1px solid #FFF;
    float: left;
    cursor: pointer;
}

#user-photos #all-photos div.latest {
    border: 1px solid #BCA04C;
}

#photo input.submit,
#user-photos input.submit {
    position: relative;
    top: 20px;
    margin: -10px 0 0 0;
}

#user-photos input.delete {
    position: relative;
    top: 21px;
    z-index: 0;
}

/* Date picker specific styles follow */

a.date-picker {
	width: 21px;
	height: 18px;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/calendar.png) no-repeat center right;
}
a.date-picker span {
	margin: 0 0 0 -2000px;
}
div.date-picker-holder, div.date-picker-holder * {
	margin: 0;
	padding: 0;
}
div.popup-calendar-wrapper {
	position: relative;
	z-index: 2;
}
div.date-picker-holder input {
	float: left;
}
div.popup-calendar {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0; /* value for IE */
	padding: 4px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	overflow:hidden;
	width: 163px;
}
html>body div.popup-calendar {
	left: 99px; /* value for decent browsers */
}
div.popup-calendar div.link-close {
	float: right;
}
div.popup-calendar div.link-prev {
	float: left;
}
div.popup-calendar h3 {
	font-size: 1.3em;
	margin: 2px 0 5px 3px;
}
div.popup-calendar div.link-next {
	float: right;
}
div.popup-calendar div a {
	padding: 1px 2px;
	color: #000;
}
div.popup-calendar div a:hover {
	background-color: #000;
	color: #fff;
}
div.popup-calendar table {
	margin: 0;
}
* html div.popup-calendar table {
	display: inline;
}
div.popup-calendar table th, div.popup-calendar table td {
	background: #eee;
	width: 21px;
	height: 17px;
	text-align: center;
}
div.popup-calendar table td.inactive {
	color: #aaa;
	padding: 1px 0 0;
}
div.popup-calendar table th.weekend, div.popup-calendar table td.weekend {
	background: #f6f6f6;
}
div.popup-calendar table td a {
	display: block;
	border: 1px solid #eee;
	width: 19px;
	height: 15px;
	text-decoration: none;
	color: #333;
}
div.popup-calendar table td.today a {
	border-color: #aaa;
}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
	background: #333;
	color: #fff;
}
.teaser-image {
    border: 1px solid #666;
    padding: 3px;
    }
.sponsor-name {
    color: #fff;
    margin: 0pt 0pt 5px 9px;
    }
