/* * * * * * * * * * * * * * * * * * * * * *
 * CSS Reset for Cross Browser Consistency *
 * * * * * * * * * * * * * * * * * * * * * *
 
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: Helvetica, Arial, sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
 
 
/* * * * * * * * * * 
 * General Styles  *
 * * * * * * * * * */

    html {
        background: #e5eded url("../images/admin_bg.gif") repeat-y center 50%;
    }
    body {
        
        background: #e5eded url("../images/admin_bg.gif") repeat-y center 50%;
    }
	a {
		color: #666666;
		text-decoration: none;
	}
	a:hover {
	color: #333333;
	text-decoration: underline;
		}
	li {
		padding: 2px 0 8px 0px;
		margin: 0 0 0px 20px;
	}	
	
    #wrapper {
        width: 870px;
        height: 100%;
        position: absolute;
        left: 50%;
        margin-left: -435px;
        padding-left: 10px;
    }
    #header {
        height: 87px; /* 100px minus 13 padding */
        padding: 13px 55px 0 0;
        text-align: right;
        font-family: Arial, Helvetica, sans-serif;
        font-size:11px;
        color: #333333;
    }
    #header a {
        color: #333333;
        text-decoration: none;	
    }
    #header a:hover {
        text-decoration: underline;
    }
    
    
    /* Navigation */
    #navigation {
        float:left;
        height:35px;
        }
        
    #navigation ul {
         margin:0;
         padding:0;
         list-style:none;
         }
    
    #navigation li {
          display:inline;
          margin:0;
          padding:0;
          }
    
    #navigation a {
        float:left;
        /* width:.1em;  ie hack for clickable region */
        margin:0px;
        padding:0;
        text-indent: -100em;
        overflow: hidden;
        width: 170px;
        }
        
    #navigation a span {
        float:left;
        display:block;
        padding:0;
        height: 35px;
        font-weight:bold;
        }
        
    #navigation a:hover {
        background-position:0% -35px;
        }
    #navigation a:hover span {
        background-position:100% -35px;
        }
        
    /* Inactive State */
    #navigation #customer a {
        background-image: url("../images/nav_16.jpg");
        }
    #navigation #user a {
        background-image: url("../images/nav_10.jpg");
        }
    #navigation #fitness a {
        background-image: url("../images/nav_12.jpg");
        }
    #navigation #nutrition a {
        background-image: url("../images/nav_15.jpg");
        }
    #navigation #reporting a {
        background-image: url("../images/nav_11.jpg");
        }
    
    
    /* Active State */
    #navigation #customer_active a {
        background-image: url("../images/nav_16.jpg");
        background-position: 100% -70px;
        }
    #navigation #user_active a {
        background-image: url("../images/nav_10.jpg");
        background-position: 100% -70px;
        }
    #navigation #fitness_active a {
        background-image: url("../images/nav_12.jpg");
        background-position: 100% -70px;
        }
    #navigation #nutrition_active a {
        background-image: url("../images/nav_15.jpg");
        background-position: 100% -70px;
        }
    #navigation #reporting_active a {
        background-image: url("../images/nav_11.jpg");
        background-position: 100% -70px;	
        }
        
        .clear {
            clear: both;
        }

    div#sub_navigation {
        float: left;
        width: 782px;
        height: 52px;
        margin: 34px 34px 0 34px;
    }
    
    .float_left {
        float: left;
    }
 
/* * * * * * * * * * 
 * Fitness Tracker *
 * * * * * * * * * */
    
    div#days_of_week {
        font-size: 14px;
        float: left;
        width: 127px;
        height: 295px;
        margin: 20px 0 10px 28px;
        background: url('../images/fitness/left_border_video_player.gif') no-repeat 100% 0;
    }
    
    div#sub_header  {
        margin: 20px 0 10px 15px;
        background: url('../images/fitness/title_fitness_tracker.gif') no-repeat;
        width: 800px;
        height: 42px;
        float: left;
    }
    
    div#sub_header h3 {
        font-weight: bold;
        color: #86c20d;
        margin: 0 0 2px 10;
    }
    
    div#sub_header h4 {
        font-weight: bold;
        font-size: 14px;
        color: #0b9ba5;
    }
    
    div.day_of_week {
        color: #85b033;
        font-weight: bold;
        margin: 3px 0 0 0;
        cursor: pointer;
    }
    
    div.day_of_week h3 {
        font-weight: bold;
        margin: 0 0 0 14px;
    }
    
    div.selected,
    div.selected_section {
        background: url('../images/fitness/selected_bg.gif');
    }
    
    div.selected_section {
        overflow: hidden;
    }
    
    div.selected h3 {
        color: #fff;
        font-weight: bold;
        margin: 0 0 0 14px;
        padding-bottom: 3px;
    }
    
    div.selected_top_border {
        width: 127px;
        height: 10px;
        background: url('../images/fitness/selected_top_border.gif') no-repeat;
    }
    
    div.selected_bottom_border {
        width: 127px;
        height: 13px;
        background: url('../images/fitness/selected_bottom_border.gif') no-repeat;
    }
    
    ul.day_content {
        color: #5c5c53;
    }
    
    ul.day_content li {
        list-style: none;
        margin: 0 0 0px 12px;
        padding-left: 7px;
    }
    
    ul.day_content li.selected {
        width: 115px;
        height: 22px;
        padding: 3px 0 0 7px;
        display: block;
        background: url('../images/fitness/selected_day_item_bg.gif') no-repeat;
    }
    
    ul.day_content li a {
       text-decoration: none;
       font-size: 11px;
       color: #5c5c53;
    }
    
    div#days_of_week div.selected div.selected_top_border {
        display: block;
    }
    
    div#days_of_week div.selected_top_border {
        display: none;
    }
    
    div#days_of_week div.selected_section {
        display: none;
    }
    
    div#video_player {
        float: left;
        height: 295px;
        font-size: 14px;
        width: 660px;
        height: 295px;
        margin: 17px 0 0 0;
    }
    
    div.deactivate {
        background: url('../images/fitness/left_border.gif') repeat-y 117px 0;
        background-color: #fff;
    }
    
    div.deactivate div.selected_bottom_border {
        background: url('../images/fitness/left_border.gif') repeat-y 117px 0;
        background-color: #fff;
    }
    
    div.deactivate ul li.selected {
        background: url('../images/fitness/left_border.gif') repeat-y 105px 0;
        background-color: #fff;
    }
    
    /* Workout Details */
        div#workout_details {
            float: left;
            margin: 20px 0 10px 15px;
        }
    
        div#fitness_profile {
            font-size: 12px;
            color: #5c5c53;
            font-weight: bold;
            width: 200px;
            float: left;
        }
        
        div#fitness_profile h3 {
            font-weight: bold;
            font-size: 14px;
            color: #86c20d;
            margin: 0 0 10px 0;
        }
        
        div#fitness_profile span {
            display: block;
            margin: 0 0 3px 0;
            float: left;
            width: 195px;
        }
        
        div#fitness_profile span.left {
            float: left;
            width: 110px;
        }
        
        div#fitness_profile span.right {
            float: right;
            width: 65px;
        }
        
        div#profile_row_one {
            width: 195px;
        }
        
        div#profile_row_one span.right a {
            color: #afafa4;
        }
        
        div#calendar_one,
        div#calendar_two, 
        div#calendar_three {
            float: left;
        }
        
    /* Green styles */
    .lifecalendar div.dayoutmonth_selected {
        background-color: #d3eca7;
        color: #72a911;
    }
    
    .lifecalendar div.dayinmonth_selected {
        background-color: #efffd2;
        color: #72a911;
    }
    
/* * * * * * * * * * * * * * * * * *
 * Weight Tracker - Sub Navigation *
 * * * * * * * * * * * * * * * * * */

    div#sub_navigation ul {
        float: right;
        margin-top: 20px;
    }
    
    div#sub_navigation ul li {
        display: inline;
        margin: 0;
        padding: 0;
    }
    
    div#sub_navigation a {
        float: left;
        margin: 0;
        padding: 0;
        /*text-indent: -100em;*/
        overflow: hidden;
        height: 32px;
        margin-left: 35px;
	}
    
    div#sub_navigation a span {
        float:left;
        display:block;
        height: 32px;
        background-repeat: no-repeat;
    }
    
    div#sub_navigation ul li a.active span {
        background-position: 0px -32px;
    }
    
    div#sub_navigation ul li a.weigh_in span {
        background-image: url('../images/weight_tracker/track_your_progress/menu-weigh_in.gif');
        display: block;
        width: 75px;
    }
    
    div#sub_navigation ul li a.chart_weight span {
        background-image: url('../images/weight_tracker/track_your_progress/menu-chart_weight.gif');
        display: block;
        width: 118px;
    }
    
    div#sub_navigation ul li a.chart_measurement span {
        background-image: url('../images/weight_tracker/track_your_progress/menu-chart_measurement.gif');
        display: block;
        width: 172px;
    }
    
/* * * * * * * * * * * * * * *
 * Weight Tracker - Weigh In *
 * * * * * * * * * * * * * * */

    div.track_your_progress {
        background: url('../images/weight_tracker/track_your_progress/sub_navigation_bg.gif') no-repeat;
    }
    
/* * * * * * * * * * * * * * * * *
 * Weight Tracker - Chart Weight *
 * * * * * * * * * * * * * * * * */

    div.my_weight_progress {
        background: url('../images/weight_tracker/my_weight_progress/sub_navigation_bg.gif') no-repeat;
    }
    
    div#my_weight_progress_options {
        float: left;
        width: 180px;
        margin: 30px 0 0 34px;
    }
    
    div#my_weight_progress_options input.weight_goal {
        width: 40px;
        height: 16px;
        color: #53789a;
        background-color: #ebfeff;
        border: 1px solid #ceceb9;
		padding: 3px 3px 2px 3px;
        margin-left: 35px;
    }
    
    div#my_weight_progress_options fieldset label {
        font-size: 12px;
        color: #53789a;
    }
    
    div#my_weight_progress_options input#save_weight_goal {
        margin-top: 15px;
    }
    
/* * * * * * * * * * * * * * * * * * * *
 * Weight Tracker - Chart Measurement  *
 * * * * * * * * * * * * * * * * * * * */

    div.my_measurements_progress {
        background: url('../images/weight_tracker/my_measurements_progress/sub_navigation_bg.gif') no-repeat;
    }
    
    div#my_measurements_progress_content {
        text-align: center;
    }
    
    div#quicklinks {
	margin: 5px 54px 5px 0;
	float: right;
	text-align: right;
	font-size: 12px;
	color:#333333;
	font-weight: bold;
    }
    
    div#quicklinks a {
        color: #78786c;
		font-weight:normal;
    }
	div#quicklinks label {
        color: #666666;
		font-weight: normal;
    }
    
    div#weigh_in_content {
        margin-left: 65px;
    }
    
    div#weigh_in_content fieldset {
        width: 180px;
        margin-left: 30px;
        margin-top: 15px;
    }
    
    div#weigh_in_content fieldset input {
        width: 40px;
        font-size: 12px;
        color: #53789a;
        background-color: #ebfeff;
        border: 1px solid #ceceb9;
		padding: 3px 3px 2px 3px;
    }
    
    div#weigh_in_content fieldset label {
        width: 100px;
        float: left;
    }
    
    div#weigh_in_content fieldset label,
    div#weigh_in_content fieldset ul li {
        font-size: 12px;
        color: #53789a;
    }
    
    div#weigh_in_content fieldset ul li {
        margin-top: 4px;
    }
    
    div#weigh_in_content fieldset ul li input.save_button {
        width: 81px;
        height: 25px;
        border: none;
        margin-top: 15px;
    }

    div#weigh_in_content div#weigh_in_options {
        float: left;
        width: 260px;        
    }
    
    div#weigh_in_options h4 {
        font-weight: bold;
        font-size: 12px;
        color: #53789a;
        text-align: center;
    }
    
    div#weigh_in_content div#my_bmi {
        background: url('../images/weight_tracker/track_your_progress/bmi_chart.gif') no-repeat;
        float: left;
        width: 325px;
        height: 358px;
        margin: 5px 0 5px 150px;
    }
    
    div#my_bmi div#my_bmi_indicator {
        background: url('../images/weight_tracker/track_your_progress/bmi_indicator.gif');
        background-repeat: no-repeat;
        width: 143px;
        height: 54px;
        margin: 43% 0 0 0;
        float: right;
        text-align: right;
    }
    
    div#my_bmi div#my_bmi_indicator span {
        display:block;
        font-weight:bold;
        margin:15px 25px 0 0;
        color: #6a6a5f;
        font-size: 16px;
    }
    
/* * * * * * * * * * * * *
 * Date Range Controller *
 * * * * * * * * * * * * */
     div.date_range_controller {
         background: url('../images/buttons/date_range_controller/bg.gif') repeat-x;
         float: left;
         width: 250px;
         height: 32px;
     }

    div.date_range_controller div.previous_date {
        background: url('../images/buttons/date_range_controller/prev_button.gif') no-repeat;
        float: left;
        height: 32px;
        width: 33px;
        cursor: pointer;
    }
    
    div.date_range_controller div.next_date {
        background: url('../images/buttons/date_range_controller/next_button.gif') no-repeat;
        float: right;
        height: 32px;
        width: 35px;
        cursor: pointer;
    }

    div.date_range_controller div.current_date {
        float: left;
        color: #6a6a60;
        font-weight: bold;
        text-align: center;
        width: 182px;
        margin-top: 6px;
		padding-top: 3px;
    }

/* * * * * * * * *
 * User Profile  *
 * * * * * * * * */
    div.user_profile {
        background: url('../images/user_profile/customize/sub_header_bg.gif') no-repeat;
    }
    
    div#user_profile_container {
        color: #5c5c53;
    }
    
    div#user_profile_container div#left_column {
        float: left;
        width: 330px;
        margin-left: 36px;
    }
    
    div#user_profile_container div#right_column {
        float: left;
        width: 330px;
        margin-left: 100px;
    }
    
    div#user_profile_container fieldset {
        margin-bottom: 20px;
    }
    
    div#user_profile_container fieldset label {
        margin-right: 7px;
    }
    
    div#user_profile_container fieldset legend {
        font-weight: bold;
        color: #ff873f;
        font-size: 12px;
        margin-bottom: 3px;
    }
    
    div#user_profile_container fieldset input[type=text],
    div#user_profile_container fieldset input[type=password] {
        border: 1px solid #74cdd4;
        background-color: #ebfeff;
		padding: 3px 3px 2px 3px;    
	}
    
    div#user_profile_container fieldset input.small {
        width: 50px;
    }
    
    div#user_profile_container fieldset li {
        margin-bottom: 3px;
    }
    
    div#user_profile_container fieldset div.form_sections {
        margin-top: 15px;
    }

/* * * * * * * * * * * *
 * Weekly Food Intake  *
 * * * * * * * * * * * */    
    div.weekly_food_intake {
        background: url('../images/nutrition_tracker/weekly_food_intake/sub_header_bg.gif') no-repeat;
        width: 206px;
        height: 52px;
    }
    
    div#weekly_food_intake_container {
        margin: 34px 0 0 34px;
        float: left;
    }
    
    div#weekly_food_intake_container div#left_column div#week_average {
        background: url('../images/nutrition_tracker/weekly_food_intake/control_panel.gif') no-repeat;
        width: 271px;
        height: 255px;
        margin-top: 30px;
    }
    
    div#weekly_food_intake_container div#suggested,
    div#weekly_food_intake_container div#actual {
        float: left;
        margin-top: 73px;
        font-weight: bold;
        color: #636359;
        font-size: 12px;
    }
    
    div#weekly_food_intake_container div#suggested span,
    div#weekly_food_intake_container div#actual span {
        display: block;
        margin-bottom: 11px;
    }
    
    div#weekly_food_intake_container div#suggested span {
        margin-left: 143px;
    }
    
    div#weekly_food_intake_container div#actual span {
        margin-left: 48px;
    }
    
    div#weekly_food_intake_container div#left_column,
    div#daily_food_intake_container div#left_column {
        width: 275px;
        float: left;
		padding_bottom: 25px;

    }
    
    div#weekly_food_intake_container div#right_column,
    div#daily_food_intake_container div#right_column {
        float: left;
        margin-left: 20px;
    }
    
    div#weekly_food_intake_container div#date_range_options,
    div#daily_food_intake_container div#date_range_options {
        font-size: 12px;
        font-weight: bold;
        color: #6a6a5f;
        margin-left: 40px;
    }
    
    div#weekly_food_intake_container div#date_range_options span,
    div#daily_food_intake_container div#date_range_options span {
        display: block;
        float: left;
        width: 45px;
        height: 24px;
        text-align: center;
        padding-top: 3px; 
    }
    
    div#weekly_food_intake_container div#date_range_options span.active,
    div#daily_food_intake_container div#date_range_options span.active {
        background: url('../images/buttons/date_range_controller/option_bg_selected.gif') no-repeat;
        color: #f29028;
    }
    
    div#weekly_food_intake_container div#date_range_options span.day, 
    div#weekly_food_intake_container div#date_range_options span.week,
    div#daily_food_intake_container div#date_range_options span.day, 
    div#daily_food_intake_container div#date_range_options span.week {
        cursor: pointer;
    }
    
/* * * * * * * * * * * *
 * Daily Food Intake  *
 * * * * * * * * * * * */    
    div.daily_food_intake {
        background: url('../images/nutrition_tracker/daily_food_intake/sub_header_bg.gif') no-repeat;
        width: 206px;
        height: 52px;
    }

    div#daily_food_intake_container {
        margin: 34px 0 0 34px;
        float: left;
    }

    div#chart_legend {
        background: url('../images/nutrition_tracker/daily_food_intake/chart_legend.gif') no-repeat center;
        width: 500px;
        height: 16px;
        margin-top: 14px;
        float: left;
    }
    
    div#chart_data {
        float: left;
        font-size: 11px;
		font-weight: normal;
        color: #97ced2;
        font-weight: bold;
        margin-right: -501px;
        width: 500px;
		text-align: center;
    }
    
    div#chart_data div {
        float: left;
        margin: 0;
        padding: 0;
    }
    
    div#chart_data div.chart_calories {
        margin-left: 63px;
		width: 60px;
    }
    
    div#chart_data div.chart_fats {
		width: 60px;

    }
    
    div#chart_data div.chart_carbs {
    	width: 60px;
	}
    
    div#chart_data div.chart_protein {
    	width: 60px;
	}
    
    div#chart_data div.chart_fiber {
    	width: 60px;
	}
    
    div#chart_data div.chart_sodium {
    	width: 60px;
	}
    
    div#chart_data div.chart_cholesterol {
    	width: 60px;
	}
    
    div#chart_data div span.value {
        font-size: 12px;
        color: #34a9b1;
		font-weight: bold;
    }
    
    div#food_selection {
        width: 271px;
        float: left;
        margin-top: 30px;
    }
    
    div#food_selection div.top_border  {
        background: url('../images/nutrition_tracker/daily_food_intake/control_panel/top_border.gif') no-repeat;
        width: 271px;
        height: 5px;
    }
    
    div#food_selection div.bottom_border  {
        background: url('../images/nutrition_tracker/daily_food_intake/control_panel/bottom_border.gif') no-repeat;
        width: 271px;
        height: 5px;
        float: left;
    }
    
    div#food_selection div.content {
        background: url('../images/nutrition_tracker/daily_food_intake/control_panel/panel_bg.gif') repeat-y;
        width: 271px;
        float: left;
    }
    
    div#food_selection div.content div.label_breakfast {
        clear: both;
        background: url('../images/nutrition_tracker/daily_food_intake/control_panel/label_breakfast.gif') no-repeat;
        width: 271px;
        height: 30px;
    }
    
    div#food_selection div.content div.label_lunch {
        clear: both;
        background: url('../images/nutrition_tracker/daily_food_intake/control_panel/label_lunch.gif') no-repeat;
        width: 271px;
        height: 35px;
    }
    
    div#food_selection div.content div.label_dinner {
        clear: both;
        background: url('../images/nutrition_tracker/daily_food_intake/control_panel/label_dinner.gif') no-repeat;
        width: 271px;
        height: 35px;
    }
	div#food_selection div.content div.label_snacks {
        clear: both;
        background: url('../images/nutrition_tracker/daily_food_intake/control_panel/label_snacks.gif') no-repeat;
        width: 271px;
        height: 35px;
    }
    
    div#food_selection div.content div.item {
        width: 271px;
        padding: 7px 0 5px 0;
        float: left;
		border-bottom: solid 1px #e2e2e2;
		color: #333333;
    }
    
    div#food_selection div.content div.item_selected {
        background-color: #9fcf3d;
    }
    
    div#food_selection div.content div.item div.item_check {
        float: left;
        margin-left: 16px;
        width: 30px;
    }
    
    div#food_selection div.content div.item div.item_description {
        width: 193px;
        float: left;
        margin-left: 27px;
        font-size: 12px;
    }




/* * * * * * * * * * * * * * * * * *
 * Resources - Articles and Videos *
 * * * * * * * * * * * * * * * * * */

	div#articles_left {
        margin: 35px 0 0 34px;
		float: left;
		width: 445px;
		font-size:14px;
		line-height: 21px;
		color: #333333;
		padding: 0 10px 25px 0;
		border-right: solid 1px #d9d9d9;
		font-weight:inherit;
		}
	div#articles_left p{
		margin-bottom: 8px;
		}
	div#articles_left h1 {
		font-size:24px;
		font-weight: bold;
		line-height: 24px;
		padding-bottom: 10px;
		}
	div#articles_left h2,
    div#articles_left h2 a {
		font-size:16px;
		font-weight: bold;
		line-height: 16px;
		padding: 16px 0 1px 0;
		color:#095b73;
		}
	div#articles_left h3 { /* Author */
		font-size:12px;
		font-style:italic;
		padding: 0 0 5px 0;
		color:#888888;
		}
	div#articles_left h4 { /* Footer */
		font-size:11px;
		line-height: 13px;
		padding: 10px 0 5px 0;
		color:#888888;
		border-top: solid 1px #888888;
		}
	div#articles_left h5 { /* Subtitle */
		font-size:18px;
		font-weight: normal;
		line-height: 16px;
		padding: 0px 0 10px 0;
		color:#777777;
		}
	div#articles_left img{
		padding: 0 0 10px 0;
		vertical-align: top;
		}
		
	div#articles_right {
        margin: 35px 0 0 10px;
		float: left;
		width: 320px;
		font-size:14px;
		color: #333333;
		}
	div#articles_right a{
		text-decoration: none;
		}
	div#articles_right h2 {
		font-size:16px;
		font-weight: bold;
		line-height: 16px;
		padding: 3px 0 10px 0;
		color:#095b73;
		}
	div#articles_right h3, div#articles_right h3 a{
		font-size:14px;
		font-weight: bold;
		line-height: 16px;
		padding: 5px 0 2px 0;
		color:#095b73;
		}
	div#articles_right h3 a:hover{
		text-decoration:underline;
	}
	div#articles_right .thumbnail_links {
		font-size:16px;
		font-weight: bold;
		line-height: 16px;
		padding: 5px;
		color:#095b73;
		border: solid 1px #ffffff;
		height: 80px;
		}
	div#articles_right .thumbnail_links img{
		vertical-align: top;
		padding-right: 10px;
		}
	div#articles_right .thumbnail_links a{
		text-decoration: none;
		}
	div#articles_right .thumbnail_links:hover {
		color:#0A7898;
		background-color:#FEFCE8;
		border: solid 1px #CDEFF1;

			}
    div#articles_left h1 a {
		color: #095b73;
        text-decoration: none;
    }
	div#articles_left h1 a:hover {
        text-decoration: underline;
		color: #095b73;
    }
        
    div#articles_left h2 a {
        text-decoration: none;
    }
    div#articles_left h2 a:hover {
        text-decoration: underline;
}
	div#articles_right div#video {
		background-image:url(../images/resources/title_video.gif);
		background-repeat:no-repeat;
		padding-top: 25px;
	}
	div#articles_right div#category {
		background-image:url(../images/resources/title_category.gif);
		background-repeat:no-repeat;
		padding-top: 25px;
		margin-top: 25px;
		border-top: solid 1px #d9d9d9;

	}
	div#search {
		border-bottom: solid 1px #d9d9d9;
		margin-bottom: 10px;
		
	}
	div#search img {
		vertical-align: top;
	}
	div#search input.text{
        width: 276px;
        height: 25px;
        color: #53789a;
        background-color: #ebfeff;
        border: 1px solid #74cdd4;
		padding: 3px 0px 2px 3px;
        margin: 0 4px 10px 0;		
	}
/* * * * * * * * * * * * * * * * * *
 * Public Home Page *
 * * * * * * * * * * * * * * * * * */
	div#public_left {
        margin: 35px 0 0 34px;
		float: left;
		width: 500px;
		font-size:14px;
		line-height: 21px;
		color: #333333;
		padding: 0 10px 25px 0;
		border-right: solid 1px #d9d9d9;
		font-weight:inherit;
		}
	div#public_left p{
		margin-bottom: 8px;
		}
	div#public_left h1 {
		font-size:24px;
		font-weight: bold;
		line-height: 24px;
		padding-bottom: 10px;
		}
	div#public_left h2,
    div#public_left h2 a {
		font-size:16px;
		font-weight: bold;
		line-height: 16px;
		padding: 12px 0 1px 0;
		color:#095b73;
		}
	div#public_left h3 { /* Author */
		font-size:12px;
		font-style:italic;
		padding: 0 0 5px 0;
		color:#888888;
		}
	div#public_left h4 { /* Footer */
		font-size:11px;
		line-height: 13px;
		padding: 10px 0 5px 0;
		color:#888888;
		border-top: solid 1px #888888;
		}
	div#public_left h5 { /* Subtitle */
		font-size:18px;
		font-weight: normal;
		line-height: 16px;
		padding: 0px 0 10px 0;
		color:#777777;
		}
	div#public_left img, div#public_right img{
		padding-bottom: 10px;
	}
		
	div#public_right {
	margin: 35px 0 0 25px;
	float: left;
	width: 300px;
	font-size:12px;
	color: #333333;
	line-height: 14px;
		}
	div#public_right p{
		margin-bottom: 8px;
		padding-left: 5px;
		color:#666666;
		}
	div#public_right h2 {
		font-size:16px;
		font-weight: bold;
		line-height: 16px;
		padding: 3px 0 10px 0;
		color:#095b73;
		}
	div#public_right h3 {
		font-size:14px;
		font-weight: bold;
		line-height: 16px;
		padding: 5px 0 2px 0;
		color:#095b73;
		}
	div#public_right #optin {
		color:#333333;
		width: 200px;
		}
	div#public_right #optin label {
		text-align: left;
		}	
	div#public_right #optin td {
		padding: 5px 5px 0 0;
		}		

    div#public_left h1 a {
        text-decoration: none;
    }
	div#public_left h1 a:hover {
        text-decoration: underline;
    }
        
    div#public_left h2 a {
        text-decoration: none;
    }
    div#public_left h2 a:hover {
        text-decoration: underline;
}
	
/* Login */
    fieldset input[type=text],
    input[type=password] {
        border: 1px solid #74cdd4;
        background-color: #ebfeff;
		padding: 4px 0px 3px 3px;
		margin: 0 0 5px 0;    
	}
	#email_label {
		width: 70px;
		float: left;
		padding: 8px 0 0 0;
		color: #666666;
		}
	#login_btn {
		padding: 0 0 20px 69px;
	}
    #error_notice {
		color: #990000;
        font-weight:bold;
	}
	
/* * * * * * * * * * 
 *     Footer      *
 * * * * * * * * * */ 
 	div#footer {
		float:left;
		width: 785px;
		padding: 10px 0 25px 0px;
		margin: 0 0 0 35px;
		_margin: 0 0 0 16px; /* IE6 Hack */
		border-top: solid 1px #d9d9d9;
		color:#888888;
		font-size:11px;
	}
  	div#footer a{
		color:#888888;
		text-decoration: none;
	}
	div#footer a:hover{
		color:#666666;
		text-decoration: underline;
	}	
	
	#terms {
		padding: 40px 60px 40px 40px;
	}
	#terms #text {
		color:#555555;
		border-top: solid 1px #ceceb9;
		border-bottom: solid 1px #ceceb9;
		padding: 10px 0 10px 0;
	}
	#terms #text p{
		margin-bottom: 7px;
	}