﻿

/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:1px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/*Tabs Css classes
    * .ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer.
    * .ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner.
    * .ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab.
    * .ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none.
    * .ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none.
    * .ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer.
    * .ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.
*/

/* challenge theme */
.ajax__tab_challenge {margin-left:9px; width:252px}
* html .ajax__tab_challenge {margin-left:9px;}

.ajax__tab_challenge .ajax__tab_header {font-size:11px;font-weight:bolder;color:#ffffff}

.ajax__tab_challenge .ajax__tab_outer {margin-right:1px;padding-right:0px;background:url(imgs/tabs/tab-right.gif) no-repeat right top; height:19px;}
.ajax__tab_challenge .ajax__tab_inner {padding-left:3px; padding-top:0;background:url(imgs/tabs/tab-left.gif) no-repeat;}
.ajax__tab_challenge .ajax__tab_tab {min-width:26px;height:19px;padding:2px 4px 0px 4px; margin:0;background:url(imgs/tabs/tab.gif) repeat-x;}

.ajax__tab_challenge .ajax__tab_hover .ajax__tab_outer {background:url(imgs/tabs/tab-hoover-right.gif) no-repeat right top;}
.ajax__tab_challenge .ajax__tab_hover .ajax__tab_inner {background:url(imgs/tabs/tab-hoover-left.gif) no-repeat; border:none;}
.ajax__tab_challenge .ajax__tab_hover .ajax__tab_tab {background:url(imgs/tabs/tab-hover.gif) repeat-x;color:#000000;}

.ajax__tab_challenge .ajax__tab_active .ajax__tab_outer {background:url(imgs/tabs/tab-active-right.gif) no-repeat right top;}
.ajax__tab_challenge .ajax__tab_active .ajax__tab_inner {background:url(imgs/tabs/tab-active-left.gif) no-repeat;}
.ajax__tab_challenge .ajax__tab_active .ajax__tab_tab {background:url(imgs/tabs/tab-active.gif) repeat-x;color:#000000}

.ajax__tab_challenge .ajax__tab_body {border-top:0; background-color:#cadeed; float:left; width:252px;}


/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}


/* content */
.ActionPlanHolderDiv{float:left;}
.ActionPlanHolderDiv .ButtonLinkDiv{margin-left:8px;}
* html .ActionPlanHolderDiv .ButtonLinkDiv{margin-left:4px;}
.MyActionPlan{font-weight:bold; color:#001a3a;float:left; width:239px; margin:5px 0 0 6px;}
.ActionPlanHeadingRow{color:#001a3a; float:left; width:239px; margin:5px 0 0 6px;}
.ActionPlanRowWrapper{
	background:url(imgs/tabs/solutionsAreaContentTop.gif);
	background-repeat:no-repeat;
	background-position:top left; 
	float:left;
	margin:5px 0 0 6px;
	padding:1px 0 10px 0;}
/*IE6*/
* html .MyActionPlan{margin:5px 0 0 3px;}
* html .ActionPlanHeadingRow{margin:5px 0 0 3px;}
* html .ActionPlanRowWrapper{margin:5px 0 0 3px;}

.ActionPlanRow{width:239px; background-color:#fff; float:left; margin-bottom:4px; background:url(imgs/tabs/solutionsAreaContentBg.gif); background-repeat:repeat-y; padding-top:4px; padding-bottom:4px;}
.ActionPlanRow .Number{width:21px; text-align:center; float:left; background-color:#001a3a; color:#fff;}
.ActionPlanRow .Action{text-align:left; float:left; background-color:#fff; color:#5d4f48; margin:0 6px; width:206px;}
.ActionPlanRowWrapBottom{
	height:1px;
	width:239px;
	background-image:url(imgs/tabs/solutionsAreaContentTop.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	margin-top:-4px;}
.WeeklySolutionHolderDiv{float:left; padding:5px 0 0 8px; width:250px;}

/*Inner page: My Action Plan*/
div.EditMyActionPlanDiv{margin:0px 0 10px 0px;}
div.EditMyActionPlanDiv .LinkButtonSendDiv{margin:6px 0 0 0;}
div.EditMyActionPlanDiv .LinkButtonSendDiv a{position:relative;}
.MyActionPlanTable{width:500px}
.MyActionPlanTopInfo{padding-left:8px; display:none;}
.MyActionPlanTopInfo input{border:1px solid #c7dce1; font-size:11px; FONT-FAMILY: Tahoma, Verdana, sans-serif; padding-left:3px;}
.ActionPlanDate {width:70px;}
.MyActionPlanRow{margin:5px 0; height:75px;}
.MyActionPlanSectionTitle{
	height:29px;
	background-image:url(imgs/ui/discussion_toolbar_bg.gif);
	background-repeat:repeat-x;
	padding-left:5px; 
	color:#0e5a9f; 
	font-weight:bold;
	line-height:29px;
	font-size:15px;
}
.APSectionTitleSeparatorTop{height:18px; line-height:1px;}
.APSectionTitleSeparatorBottom{height:6px; line-height:1px;}
.MyAPSectionTitleText{float:left;}
.MyAPReadMoreLink{float:right; margin-right:25px;}
* html .MyAPReadMoreLink{margin-right:13px;}
.MyAPReadMoreLink a{padding-left:8px; background-image:url(imgs/ui/linkarrow.gif); background-repeat:no-repeat; background-position:left 2px; color:#363534; font-weight:normal;}
.actionPlanRowSeparator{line-height:1px; height:5px;}
.MyActionPlanRowTitle{
	background-image:url(imgs/ui/myActionPlanNumberBg.jpg);
	background-repeat:no-repeat;
	color:#fff; 
	text-align:center; 
	width:77px; 
	padding:0; 
	margin:0; 
	vertical-align:top;
}
.MyActionPlanRowTitleNumber{
	width:77px;
	height:75px;
}
.MyActionPlanRowTitleNumber p{
	margin:0; 
	padding:0;
	font-size:72px;
	font-weight:bold;
	line-height:72px;
}
.MyActionPlanRowTitle div{line-height:20px;}
.MyActionPlanRowContent{width:420px; background-color:#fff; height:75px;}
.MyActionPlanRow textarea{border-width:0; border-style:none; background-color:#f3f5f7; overflow:visible; width:99%; height:72px;margin:0 0 0 5px; FONT-FAMILY: Tahoma, Verdana, sans-serif; font-size:11px; float:left;}
