﻿/* 
---------------------------
=Global Html
---------------------------
*/

body 
{
	margin: 0px 0px;
	padding: 0px 0px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.clear
{
	clear: both;
}

fieldset
{
	margin: 5px 0px;
	padding: 5px 5px;
}

.google_side
{
	width: 160px;
	height: 600px;
	margin: 10px auto;
}

.google_banner
{
	width: 468px;
	height: 60px;
	margin: 10px 5px 0px;
}

/* 
---------------------------
=Index Master Page
---------------------------
*/

.center
{
	min-width: 900px;
	width: expression((document.documentElement.offsetWidth < 900)? "900px": "900px" );
	width: 900px;
	margin: 0px auto;
}

.main_center
{
	min-width: 900px;
	margin: 0px;
}

.banner_header
{
	height: 30px;
}

.banner_header_left
{
	width: 400px;
	float: left;
}

.banner_header_right
{
	height: 30px;
	width: 500px;
	float: right;
	text-align: right;
}

.banner_header a,
.banner_header a:visited,
.banner_header a:hover
{
	margin: 5px 0px 0px 5px;
}

.banner
{
    height: 114px;
}

.banner_left
{
    width: 550px;
    height: 114px;
    float: left;
}

.banner_right
{
    float: right;
    height: 114px;
    width: 350px;
    text-align: right;
}

.banner_right table
{
	float: right;
}

.main_banner
{
	margin-bottom: 10px;
	height: 80px;
}

.main_banner_left
{
    width: 420px;
    height: 80px;
    float: left;
}

.main_banner_right
{
    width: 480px;
    height: 80px;
    float: right;
}

.join_banner
{
	width: 850px;
	height: 122px;
	margin: 0px auto;
}

.nav_bar
{
	height: 37px;
	float: left;
	width: 100%;
}

.nav_bar img
{
	float: left;
}

.login
{
	width: 300px;
}

.login a
{
    margin-right: 100px;
}

.login_textbox
{
    width: 150px;
    margin-left: 10px;
}

.login_button
{
	margin-top: 10px;
}

.login_failure
{
	padding-top: 10px;
	padding-right: 10px;
}

.footer 
{
	text-align: center;
	height: 65px;
}

.main_footer
{
	text-align: center;
	height: 60px;
	margin: 10px 0px;
}

.footer_links
{
	padding-top: 10px;
}

.copyright
{
	margin-top: 10px;
}

/* 
---------------------------
=Full Expanding Box
---------------------------
*/

.full_box
{
	margin: 0px auto;
}

.full_box_top
{
	height: 20px;
}

.full_box_top_left
{
	height: 20px;
	width: 20px;
	float: left;
}

.full_box_top_right
{
	height: 20px;
	width: 20px;
	float: right;
}

.full_box_bottom
{
	height: 20px;
}

.full_box_bottom_left
{
	height: 20px;
	width: 20px;
	float: left;
}

.full_box_bottom_right
{
	height: 20px;
	width: 20px;
	float: right;
}

.full_box_middle_left
{
    padding-left: 15px;
}

.full_box_middle_right
{
    padding: 5px 20px 1px 5px;
}

/* 
---------------------------
=Index Page
---------------------------
*/

.features
{
	padding: 0px;
	margin: 20px 0px;
}

.screenshot_area
{
	float: left;
	text-align: center;
}

.benefits_area
{
	float: right;
	padding: 0px;
	width: 500px;
}

.benefits_area ul
{
	margin-top: 30px;
}

.benefits_area li
{
	margin-top: 5px;
}

.divider
{
	width: 830px;
	height: 2px;
}

.testimonials
{
	margin: 0px 0px;
	padding: 15px 0px;
	float: left;
	width: 450px;
	text-align: center;
}

.testimonial
{
	margin: 15px 15px 0px;
	text-align: left;
}

.fitness_area
{
	width: 400px;
	float: right;
}

.main_screenshot
{
    width: 350px;
    height: 300px;
    margin-bottom: 10px;
}

.signup_button
{
    margin: 10px auto 0px;
    text-align: center;
}

/* 
---------------------------
=Journals Box
---------------------------
*/

.journals_box
{
    margin-top: 0px;
    width: 400px;
}

.journals_box_top
{
    height: 40px;
}

.journals_box_top_left
{
	float: left;
	width: 200px;
	height: 40px;
}

.journals_box_top_right
{
	float: right;
	width: 100px;
	height: 40px;
}

.journals_box_top_right img
{
	margin: 15px 15px 0px 0px;
	float: right;
}

.journals_box_bottom
{
    height: 20px;
}

.journals_box_bottom_left
{
    height: 20px;
    width: 20px;
    float: left;
}

.journals_box_bottom_right
{
    height: 20px;
    width: 20px;
    float: right;
}

.journals_box_middle_left
{
    padding: 0px 0px 0px 15px;
}

.journals_box_middle_right
{
    padding: 10px 20px 0px 0px;
}

.journals_box .fitness_journals,
.journals_box .fitness_journal_name,
.journals_box .fitness_journal_last_post_date,
.journals_box .fitness_journal_last_post_title
{
    margin-bottom: 0px;
    margin-top: 0px;
}

.journals_box .fitness_journal_last_post_date
{
    padding-top: 3px;
}

/* 
---------------------------
=Tour Pages
---------------------------
*/

.tour_nav
{
	width: 170px;
	float: left;
}

.tour_nav img
{
	display: block;
}

.tour_content
{
	width: 680px;
	float: right;
	margin: 0px auto;
}

.tour_content_text
{
	text-align: left;
}

.tour_content_img_right
{
	float: right;
	margin-left: 5px;
}

.tour_centered_img
{
	text-align: center;
	margin-bottom: 10px;
}

.tour_content_img_left
{
	float: left;
	margin-right: 10px;
}

.tour_nutrition_quote
{
	margin-top: 10px;
}

/* 
---------------------------
=About Page
---------------------------
*/

.about_left_column
{
	float: left;
	width: 400px;
}

.about_description
{
	width: 700px;
	margin: 20px auto;
}

/* 
---------------------------
=Contact Page
---------------------------
*/

.contact_left_column
{
	float: left;
	width: 550px;
}

.contact_table
{
	width: 600px;
	margin: 20px auto;
}

.contact_table table
{
	width: 520px;
	margin: 0px auto;
	padding: 5px;
}

.contact_text_box
{
	font-size: 10px;
	width: 200px;
	margin-left: 25px;
	margin-top: 10px;
}

.contact_message_text_box
{
	width: 400px;
	height: 200px;
	margin-left: 25px;
	margin-top: 10px;
}

.contact_table select
{
	margin-left: 25px;
	margin-top: 10px;
}

.contact_description
{
	margin-top: 10px;
}

.contact_button
{
	margin-top: 10px;
}

.contact_directions
{
	margin-top: 10px;
}

.contact_security_image
{
	margin: 20px 0px 0px 40px;
}

.contact_security_image_textbox
{
	width: 75px;
	margin-left: 20px;
	margin-bottom: 5px;
}

/* 
---------------------------
=Reset Password Page
---------------------------
*/

.password_left_column
{
	float: left;
	width: 400px;
}

.password_description
{
	width: 700px;
	margin: 20px auto;
}

.email_address
{
	width: 700px;
	margin: 10px auto;
	text-align: center;
}

.email_address table
{
	width: 450px;
	margin: 0px auto;
}

.email_text
{
	margin: 15px 5px 10px 0px;
	width: 200px;
}

/* 
---------------------------
=Signup Page
---------------------------
*/

.signup
{
	margin: 10px auto;
}

.signup .left
{
	width: 500px;
}

.signup table
{
	width: 490px;
	margin: 10px auto;
}

.signup table input
{
	text-align: center;
}

.signup table td
{
	padding: 5px;
}

.create_journal_button
{
	margin-top: 10px;
}

/* 
---------------------------
=Privacy Policy Page
---------------------------
*/

.privacy_left_column
{
	float: left;
	width: 400px;
}

.privacy_policy
{
	margin-top: 20px;
}

/* 
---------------------------
=Terms of Service Page
---------------------------
*/

.terms_left_column
{
	float: left;
	width: 400px;
}

.terms_policy
{
	margin-top: 20px;
}

/* 
---------------------------
=FAQ Page
---------------------------
*/

.faq_left_column
{
	float: left;
	width: 400px;
}

.faq_questions
{
	width: 700px;
	margin: 0px auto;
}

.faq_question
{
	margin-top: 20px;
	font-size: 16px;
	font-weight: bold;
}

.faq_answer
{
	margin: 10px 0px 0px 20px;
}

/* 
---------------------------
=Main Master Page
---------------------------
*/

.top_banner_ads
{
	width: 468px;
    height: 60px;  
    padding: 2px 5px;
    float: right;
}

/* 
---------------------------
=Tab Control
---------------------------
*/

.tab_header
{
    height: 47px;
}

.tab_header ul
{
    list-style: none;
    margin: 0 0;
    padding: 0 0;
}

.tab_header li
{
    float: left;
    margin: 0 10px 0 0;
    height: 47px;
}

.tab_header a 
{
    display: block;
    padding: 15px 15px 0;
    height: 47px;
}

.tab_header .tab_header_left
{
    width: 30px;
    height: 47px;
    margin: 0 0;
    padding: 0 0;
}

.tab_header .tab_header_right
{
    width: 15px;
    height: 47px;
    float: right;
    margin-right: 0px;
    padding: 0 0;
}

.tab_header .current_tab a
{
    padding: 23px 15px 5px;
}

.tab_middle
{
    margin: 0px 0px;
    padding: 0px 0px;
    width: 100%;
}

.tab_middle_left
{
    padding-left: 6px;
}

.tab_middle_right
{
    padding: 0px 6px 1px 0;
}

.tab_footer
{
    height: 10px;
}

.tab_footer_left
{
    width: 20px;
    height: 10px;
    float: left;
}

.tab_footer_right
{
    width: 20px;
    height: 10px;
    float: right;
}

/* 
---------------------------
=Textboxes 
---------------------------
*/

.text_box_small
{
	width: 30px;
	text-align: center;
}

.text_box_large
{
	width: 200px;
}

.text_box_xlarge
{
	width: 400px;
}

select,
.text_box_tiny,
.text_box_small,
.text_box_large,
.text_box_xlarge
{
	font-size: 10px;
}

/* 
---------------------------
=Control Areas
---------------------------
*/

.control_area
{
	height: 100%;
}

.control
{
	width: 100%;
}

.control_header
{
    height: 25px;
    width: 100%; 
}

.control_header_top
{
	margin-bottom: 10px;
}

.control_header_menu
{
    height: 25px;
    width: 100%; 
    margin-bottom: 10px;
}

.control_toolbar
{
	width: 100%;
}

.control_header_left,
.control_toolbar_left,
.control_header_top_left
{
    float: left;
    padding: 5px;
}

.control_header_right
{
	padding: 0px;
}

.control_toolbar_right
{
	padding: 5px;
}

.control_header_right,
.control_toolbar_right,
.control_header_top_right
{
    float: right;
}

.control_header select,
.control_header_menu select
{
	margin: -4px -5px 0px 0px;
	overflow: scroll;
}

.control_middle
{
	margin: 10px 0px;
	padding: 0px;
}

.control_middle_content_premium
{
	margin: 0px 5px;
}

.control_middle_content
{
	margin: 0px 190px 0px 5px;
}

.control_middle_side_bar
{
    width: 160px;
    height: 100%;
    float: right;
    margin-right: 5px;
}

.control_side_bar
{
	width: 200px;
	float: right;
}

.control_side_bar .home_calendar
{
	margin: 0px auto;
}

.control_main_content
{
	margin-right: 220px;
}

.control_header_top_right
{
	margin-right: 5px;
}

.control_side_bar_header
{
	text-align: center;
}

/* 
---------------------------
=Button Areas
---------------------------
*/

.button_area
{
    margin: 10px 0px;
    height: 25px;
}

.button_area_left
{
    float: left;
}

.button_area_right
{
    float: right;
}

/* 
---------------------------
=Change Password Control
---------------------------
*/

.change_password_control 
{
	width: 100%;
}

.change_password_textbox
{
	width: 100px;
	font-size: 10px;
}

/* 
---------------------------
=Account FAQ Control
---------------------------
*/

.account_faq_control
{
	padding: 10px;
}

/* 
---------------------------
=Journal Entries
---------------------------
*/

.blog_post
{
	width: 100%;
	margin-bottom: 20px;
	padding: 10px;
}

.blog_post_topic
{
	padding: 0px 5px;
}

.blog_post_text,
.blog_post_date
{
	margin-top: 20px;
	padding: 20px 10px 0px;
}

/* 
---------------------------
=Public Profile
---------------------------
*/

.profile_text
{
	margin-top: 20px;
}

/* IE 6.0 HACK FOR 3PX JOG ISSUES \*/
 * html .nav_right { margin-right: -3px; }
 * html .tab_footer_left { margin-bottom: -3px; }
 * html .tab_footer_right { margin-bottom: -3px; }
 * html .nutrition_facts select { width: 150px; }
 * html .ajax_tab .ajax__tab_active .ajax__tab_outer { padding: 0px 0px 0px 0px; }
 * html .ajax_tab .ajax__tab_active .ajax__tab_tab { padding: 0px 5px 0px 0px; }
 * html .ajax_tab .ajax__tab_outer { padding: 0px 0px 0px 0px; }
 * html .ajax_tab .ajax__tab_tab { padding: 0px 5px 0px 0px; }
/* END IE 6.0 HACK */

