@charset "utf-8";

/* CSS Document */
h2.auto {float:none; margin:0 10px; height:31px; padding:0 0 3px 5px; border-bottom:#7cb642 1px dotted; font-weight:bold; font-size:16px;}			
.mtabcontent table,
.tabcontent  table {width:100%; padding:0; border:0; margin:0; font-size:12px; color:#666; line-height:18px;}			
.mtabcontent td,
.tabcontent td {margin:0; vertical-align:top; padding:1px;}
	.mtabcontent table tr.off td {background-color:#e1efca;}
	.mtabcontent table tr.on td {background-color:#c3e095;}
	.tabcontent table tr.off td {background-color:#eef7fb;}
	.tabcontent table tr.on td {background-color:#d5ecf5;}	
.mtabcontent td input.textfield,
.tabcontent td input.textfield {background:url(../images/mygoal_images/bg_textfield.gif) left top no-repeat; width:230px; height:26px; line-height:26px; 
	padding:2px 7px; border:0;}			
a.readmore {color:#9ccd4e; font-weight:bold; font-style:italic; line-height:17px; padding-left:20px; background:url(../images//bg_play.gif) 0 1px no-repeat; display:block; font-size:11px;}




/* CENTER COLUMN */
#col-mid ul {margin:0px 0; padding:0; list-style:none;}
#col-mid li {list-style:none;padding:0 0 0 0px; }
#col-mid h1 {color:#44a6d7; font-size:21px; line-height:28px; margin:0 0 15px; padding:0;}
#col-mid p {color:#675e4e; font-size:12px; line-height:18px; margin:12px 0; /*margin:0 0 12px;*/ padding:0;}
	.two-column #col-mid p {font-size:14px; line-height:21px;}

/* tab area */
#col-mid .tab_row {width:443px; float:left; height:24px; background-repeat:no-repeat; background-position:bottom left; padding-left:20px;}
#col-mid .tab_row a.mtab {float:left; height:23px; background:url(../images/myplan_images/tab_l.gif) left top no-repeat; color:#fff; 
text-transform:uppercase; text-decoration:none; font-size:11px; font-weight:bold; line-height:23px; margin-right:1px; position:relative; top:1px;
z-index:10; border-bottom:1px solid #ccc; outline:none;}
#col-mid .tab_row a.mtab span {float:left; padding:0 12px; background:url(../images/myplan_images/tab_r.gif) right top no-repeat; height:23px;}
#col-mid .tab_row a.mtab span.left,  #col-mid .tab_row a.mtab span.right {display:none;}		
#col-mid .tab_row a.active, 
#col-mid .tab_row a.hover {height:24px; line-height:24px; border-bottom:0px; background-image:url(../images/myplan_images/tab_active_l.gif)}
#col-mid .tab_row a.active span,
#col-mid .tab_row a.hover span {background-image:url(../images/myplan_images/tab_active_r.gif); height:24px;}

.yellow #col-mid .tab_row a.mtab {background-image:url(../images/tab_yellow_l.gif)}
.yellow #col-mid .tab_row a.mtab span {background-image:url(../images/tab_yellow_r.gif); color:#857a77;}
.yellow #col-mid .tab_row a.active, 
.yellow #col-mid .tab_row a.hover {background-image:url(../images/tab_yellow_active_l.gif)}
.yellow #col-mid .tab_row a.active span,
.yellow #col-mid .tab_row a.hover span {background-image:url(../images/tab_yellow_active_r.gif); color:#857a77;}

.green #col-mid .tab_row a.mtab {background-image:url(../images/tab_green_l.gif)}
.green #col-mid .tab_row a.mtab span {background-image:url(../images/tab_green_r.gif)}
.green #col-mid .tab_row a.active, 
.green #col-mid .tab_row a.hover {background-image:url(../images/tab_green_active_l.gif)}
.green #col-mid .tab_row a.active span,
.green #col-mid .tab_row a.hover span {background-image:url(../images/tab_green_active_r.gif)}


.orange #col-mid .tab_row a.mtab {background-image:url(../images/tab_orange_l.gif)}
.orange #col-mid .tab_row a.mtab span {background-image:url(../images/tab_orange_r.gif)}
.orange #col-mid .tab_row a.active, 
.orange #col-mid .tab_row a.hover {background-image:url(../images/tab_orange_active_l.gif)}
.orange #col-mid .tab_row a.active span,
.orange #col-mid .tab_row a.hover span {background-image:url(../images/tab_orange_active_r.gif)}

.blue #col-mid .tab_row a.mtab {background-image:url(../images/tab_blue_l.gif)}
.blue #col-mid .tab_row a.mtab span {background-image:url(../images/tab_blue_r.gif)}
.blue #col-mid .tab_row a.active, 
.blue #col-mid .tab_row a.hover {background-image:url(../images/tab_blue_active_l.gif)}
.blue #col-mid .tab_row a.active span,
.blue #col-mid .tab_row a.hover span {background-image:url(../images/tab_blue_active_r.gif)}

.red #col-mid .tab_row a.mtab {background-image:url(../images/tab_red_l.gif)}
.red #col-mid .tab_row a.mtab span {background-image:url(../images/tab_red_r.gif)}
.red #col-mid .tab_row a.active, 
.red #col-mid .tab_row a.hover {background-image:url(../images/tab_red_active_l.gif)}
.red #col-mid .tab_row a.active span,
.red #col-mid .tab_row a.hover span {background-image:url(../images/tab_red_active_r.gif)}

.gray #col-mid .tab_row a.mtab {background-image:url(../images/tab_gray_l.gif)}
.gray #col-mid .tab_row a.mtab span {background-image:url(../images/tab_gray_r.gif)}
.gray #col-mid .tab_row a.active, 
.gray #col-mid .tab_row a.hover {background-image:url(../images/tab_gray_active_l.gif)}
.gray #col-mid .tab_row a.active span,
.gray #col-mid .tab_row a.hover span {background-image:url(../images/tab_gray_active_r.gif)}


/* content area */
#col-mid #mtabs {position:relative; min-height:350px; height:auto !important; height:350px;}
#col-mid #mtabs .mtabcontent {width:461px; padding:12px 1px 0; float:left; position:relative; top:auto; background:url(../images/myplan_images/bg_plan_wide.gif) no-repeat top; margin-bottom:6px; display:none;}


	#col-mid #mtabs .active {display:block;}
.mtabcontent div.btm_wide {clear:both; width:461px; height:6px; background:url(../images/myplan_images/btm.gif) left top no-repeat; position:relative; top:5px; font-size:0px; line-height:0px;}
#col-mid div.btm_wide_auto {clear:both; width:461px; height:6px; background:url(../images/myplan_images/btm.gif) left top no-repeat; position:relative; top:5px; font-size:0px; line-height:0px;}
#col-mid textarea {font-family: Arial, Helvetica, sans-serif; font-size:11px;}


	.wide-col #col-mid #mtabs {width:749px; float:left; margin-right:10px; margin-bottom:10px;}
	.wide-col #col-mid #mtabs .mtabcontent {width:747px; background:url(../images/bg_wide.gif) no-repeat top}
		.blue-wide #col-mid #mtabs .mtabcontent {background-image:url(../images/bg_blue_wide.gif)}
		.green-wide #col-mid #mtabs .mtabcontent {background-image:url(../images/bg_green_wide.gif)}
		.orange-wide #col-mid #mtabs .mtabcontent {background-image:url(../images/bg_orange_wide.gif);}		
	.wide-col #col-mid #mtabs .mtabcontent .module {background:none;}
	/* the image below doesn't exist...
	.wide-col #col-mid div.btm_wide_auto {width:747px; background:url(../images/bg_wide_btm.gif) left top no-repeat;}	
	*/
	
	.green #col-mid .module,
		.blue #col-mid .module,
		.orange #col-mid .module {padding:0 21px; width:461px; min-height:380px; float:left;}
		.blue #col-mid #pillar-right .module {padding:0;}
		.blue #col-mid .module {min-height:0;} 

	.coach #col-mid .module { width:419px; }
	.mypage #col-mid .module { width:419px; }
	#learn.mypage .module {min-height:0px; padding-bottom:10px; }
/*
	.orange #col-mid .module {background-image:url(../images/bg_col_inner_orange.gif);}
	.green #col-mid .module {background-image:url(../images/bg_col_inner_green.gif);}
	*/
/* END CENTER COLUMN */




/* RIGHT COLUMN */
#col-right textarea {font-family: Arial, Helvetica, sans-serif; font-size:11px;}
#col-right ul {margin:0px 0; padding:0 0 0 0px; list-style:none;}
#col-right li {list-style:none; padding:0 0 0 0px;}
#learn_blog  #col-mid .module {width:auto;}

/* tab area */
#col-right .tab_row {width:265px; float:left; height:24px; padding-left:20px;}
#col-right .tab_row a.tab {float:left; height:23px; background:url(../images/myplan_images/tab_rightcol_l.gif) left top no-repeat; color:#fff; text-transform:uppercase; text-decoration:none; font-size:11px; font-weight:bold; line-height:23px; margin-right:1px; position:relative; top:1px;		z-index:10; border-bottom:1px solid #ccc; outline:none; overflow:hidden;}
#col-right .tab_row a.tab span {float:left; padding:0 6px; background:url(../images/myplan_images/tab_rightcol_r.gif) right top no-repeat; height:23px;}
#col-right .narrow a.tab span {padding:0 6px}
#col-right .tab_row a.tab span.left,  #col-right .tab_row a.tab span.right {display:none;}		
#col-right .tab_row a.tab img {vertical-align:middle;}
#col-right .tab_row a.active,
#col-right .tab_row a.hover {height:24px; line-height:24px; border-bottom:0px; background-image:url(../images/myplan_images/tab_rightcol_active_l.gif)}
#col-right .tab_row a.active span,
#col-right .tab_row a.hover span {background-image:url(../images/myplan_images/tab_rightcol_active_r.gif); height:24px;}

/* content area */
#col-right #tabs {position:relative; min-height:80px; height:auto !important; height:350px;}
#col-right #tabs div.tabcontent {width:285px; padding:12px 1px 0; float:left; position:relative; top:auto;background-image:url(../images/myplan_images/bg_plan_narrow.gif); background-repeat:no-repeat; display:none;}









#col-right #tabs div.active {display:block;}
#col-right div.btm_narrow {clear:both; width:285px; height:6px; background:url(../images/bottom_plan_narrow.gif)left top no-repeat; position:relative; top:5px; font-size:0px; line-height:0px}	
#col-right div.btm_narrow_auto {clear:both; width:285px; height:6px; background:url(../images/myplan_images/bottom_plan_narrow.gif) left top no-repeat; position:relative; top:5px; font-size:0px; line-height:0px;}
/* END RIGHT COLUMN */