/**********************************************
* 本页包括Tab、Multiview等风格
***********************************************/
/*
* 首页的蓝色Tab。
*/
.TabBlue { float: left; background-image: url(../Images/Tab/TabBlue.gif); background-repeat: no-repeat; height: 30px; width: 121px; line-height: 30px; text-align: center; vertical-align: middle; color: #ffffff; margin-left: 10px; }
.TabEnter { float: left; background: url(../Images/Icons/goto.gif) no-repeat 10px 5px; text-indent: 30px; line-height: 25px; vertical-align: middle; height: 25px; text-align: left; margin-top: 2px; margin-left: 10px; }

/* 一级导航Tab，蓝色。*/
div.Navigation { height: 28px; border-bottom: solid 1px #4a98b3; margin-bottom: 5px; }
div.Navigation ul.Left { float: left; height: 28px; }
div.Navigation ul.Right { float: right; height: 28px; }
div.Navigation ul li { height: 28px; width: 120px; line-height: 28px; text-align: center; float: left; color: #728038; font-size: 12px; display: block; background: url(../Images/Tab/Tab_NotSelected.png) no-repeat; overflow: hidden; cursor: pointer; }
div.Navigation ul li a { color: #585858; width: 120px; display: block; }
div.Navigation ul li a.selected { height: 28px; width: 120px; line-height: 28px; text-align: center; float: left; position: relative; display: block; color: #ffffff; font-weight: bold; width: 120px; font-size: 110%; background: url(../Images/Tab/Tab_Selected.png) no-repeat; }
div.Navigation ul li.selected { height: 28px; width: 120px; line-height: 28px; text-align: center; float: left; position: relative; display: block; color: #1b80cf; background: url(../Images/Tab/Tab_Selected.png) no-repeat; }
div.Navigation ul li.selected a { color: #ffffff; font-weight: bold; width: 120px; display: block; font-size: 110%; }
div.Navigation ul li.Small { width: 102px; background: url(../Images/Tab/Tab_NotSelectedSmall.png) no-repeat; }
div.Navigation ul li.Small a { width: 102px; }
div.Navigation ul li.SelectedSmall { width: 106px; background: url(../Images/Tab/Tab_SelectedSmall.png) no-repeat; height: 28px; line-height: 28px; text-align: center; float: left; position: relative; display: block; color: #ffffff; font-weight: bold; }
div.Navigation ul li.SelectedSmall a { color: White; width: 106px; display: block; }

/*ToolBar 类似二级导航*/
div.ToolBar { height: 32px; background: url(../Images/Tab/SecondNavBg.png) repeat-x; line-height: 32px; vertical-align: middle; width: 100%; }
div.ToolBar .Condition { float: left; padding-left: 20px; height: 34px; line-height: 34px; vertical-align: middle; }
div.ToolBar ul li { float: left; margin-right: 10px; }
div.ToolBar .Condition ul li img { margin-top: 0.7em; *margin-top: 0; }
div.SecondNavigation { height: 38px; background: url(../Images/Tab/SecondNavBg.png) repeat-x; line-height: 38px; vertical-align: middle; width: 100%; }

/*二级导航*/
div.SecondNavigation ul { margin: 5px 0 0 12px; float: left; }
div.SecondNavigation ul li { width: 88px; margin-left: 2px; margin-right: 2px; float: left; height: 21px; line-height: 21px; text-align: center; cursor: pointer; }
div.SecondNavigation ul li a { width: 88px; display: inline-block; }
div.SecondNavigation ul li:hover { background: url(../Images/Tab/SecondNavigation.png) no-repeat; }
div.SecondNavigation ul li a.selected, div.SecondNavigation ul li.selected { background: url(../Images/Tab/SecondNavigation.png) no-repeat; }

/* 二级导航 2011-6-6 周一 */
div.SecondNavigationWeek ul { margin: 4px 0 0 12px; float: left; }
div.SecondNavigationWeek ul li { width: 101px; margin-left: 2px; margin-right: 2px; float: left; height: 25px; line-height: 25px; cursor: pointer; }
div.SecondNavigationWeek ul li a { width: 101px; display: inline-block; }
div.SecondNavigationWeek ul li:hover { background: url(../Images/Button/Tab_Current01.png) no-repeat; }
div.SecondNavigationWeek ul li.Selected { background: url(../Images/Button/Tab_Current01.png) no-repeat; }

/* 二级导航项目的筛选条件*/
div.SecondNavigation .Condition { float: left; padding-left: 20px; height: 34px; line-height: 34px; vertical-align: middle; }

/* 横向小Tab用于视图*/
.H_Tab_Small_On { background-image: url(../Images/Tab/H_Tab_Small_On.gif); width: 102px; height: 26px; line-height: 26px; vertical-align: middle; text-align: center; text-indent: 0px; color: #336699; display: block; cursor: pointer; font-weight: bold; display: block; float: left; }
.H_Tab_Small_Off { background-image: url(../Images/Tab/H_Tab_Small_Off.gif); width: 102px; height: 26px; line-height: 26px; vertical-align: middle; text-align: center; text-indent: 0px; color: black; display: block; cursor: pointer; display: block; float: left; }

/* Task的Tab，缩小间距 */
.TaskTab_On { background-image: url(../Images/Tab/TaskTab_On.png); width: 80px; height: 26px; line-height: 26px; vertical-align: middle; text-align: center; text-indent: 0px; color: #336699; display: block; cursor: pointer; font-weight: bold; display: block; float: left; }
.TaskTab_Off { background-image: url(../Images/Tab/TaskTab_Off.png); width: 80px; height: 26px; line-height: 26px; vertical-align: middle; text-align: center; text-indent: 0px; color: black; display: block; cursor: pointer; display: block; float: left; }
.TaskTab_Off a { width: 80px; height: 26px; display: block; }
.Sub_Tab_On { background-image: url(../Images/Tab/Sub_Tab_On.gif); width: 80px; height: 28px; line-height: 28px; vertical-align: middle; text-align: center; text-indent: 0px; color: #336699; display: block; cursor: pointer; display: block; float: left; }
.Sub_Tab_Out { background-image: url(../Images/Tab/Sub_Tab_Out.gif); width: 80px; height: 28px; line-height: 28px; vertical-align: middle; text-align: center; text-indent: 0px; color: black; display: block; cursor: pointer; display: block; float: left; }
.Sub_Tab_Out a { width: 80px; height: 28px; display: block; }
.H_Tab_Small_On a { width: 102px; display: block; }
.H_Tab_Small_Off a { width: 102px; display: block; }

/*****************************/
/*  横向小Tab，用于视图
/*****************************/
#nav_h { border-bottom: 1px solid #9BB4D1; float: left; width: 98%; padding-left: 20px; }
#nav_h li { float: left; height: 26px; width: 80px; display: block; background: url(../Images/Tab/TaskTab_Off.png); cursor: pointer; line-height: 26px; vertical-align: middle; text-align: center; }
#nav_h li a.TabMenu { line-height: 26px; height: 26px; width: 80px; display: block; text-align: center; vertical-align: middle; }
#nav_h li a.TabMenuSelected { float: left; height: 26px; width: 80px; display: block; cursor: pointer; line-height: 26px; vertical-align: middle; text-align: center; color: #369; background: url(../Images/Tab/TaskTab_On.png); }
#nav_h li a.selected { float: left; height: 26px; width: 80px; display: block; cursor: pointer; line-height: 26px; vertical-align: middle; text-align: center; color: #369; background: url(../Images/Tab/TaskTab_On.png); }

/* 下面是竖状Tab ，一般用于状态 */
.V_Tab_State_On { background-image: url(../Images/Tab/V_Tab_State_On.png); background-repeat: no-repeat; width: 80px; height: 29px; line-height: 29px; vertical-align: middle; text-align: center; font-weight: bold; color: #336699; display: block; }
.V_Tab_State_Off { background-image: url(../Images/Tab/V_Tab_State_Off.png); background-repeat: no-repeat; width: 80px; height: 29px; line-height: 29px; vertical-align: middle; text-align: center; font-weight: normal; color: #555555; display: block; }
.V_Tab_Left_Over { background-image: url(../Images/Tab/V_Tab_Left_On.gif); background-repeat: no-repeat; width: 150px; height: 32px; line-height: 35px; vertical-align: middle; text-align: center; font-weight: bold; color: #336699; display: block; }
.V_Tab_Right_On { background-image: url(../Images/Tab/V_Tab_Right_On.gif); background-repeat: no-repeat; width: 150px; height: 32px; line-height: 35px; vertical-align: middle; text-align: center; font-weight: bold; color: #336699; display: block; }
.V_Tab_Off { background-image: url(../Images/Tab/V_Tab_Left_Off.gif); background-repeat: no-repeat; width: 150px; height: 32px; line-height: 35px; vertical-align: middle; text-align: center; font-weight: normal; color: Gray; display: block; }

/* 水平小Tab，用于首页显示动态信息 */
.Sub_Tab_Over { background-image: url(../Images/Tab/Sub_Tab_On.gif); width: 80px; height: 28px; line-height: 24px; vertical-align: middle; text-align: center; text-indent: 0px; color: #AC582E; display: block; font-weight: bold; cursor: pointer; }
.Sub_Tab_Out { background-image: url(../Images/Tab/Sub_Tab_Out.gif); width: 80px; height: 28px; line-height: 24px; vertical-align: middle; text-align: center; text-indent: 0px; font-weight: normal; color: Gray; display: block; cursor: pointer; }
.Sub_Tab_Left { background-image: url(../Images/Tab/Sub_Tab_Left.gif); width: 7px; height: 28px; display: block; }
.Sub_Tab_Right { background-image: url(../Images/Tab/Sub_Tab_Right.gif); width: 7px; height: 28px; display: block; }
/***********小Tab End*************************/


/* 生命周期风格 */
.Lifecycle_On { float: left; height: 30px; width: 140px; line-height: 30px; vertical-align: middle; text-align: center; border: solid 1px #FFCC66; background-color: #FFF1D5; color: #000000; }
.Lifecycle_Off { float: left; height: 30px; width: 140px; line-height: 30px; vertical-align: middle; text-align: center; border: solid 1px #bbbbbb; background-color: #eeeeee; color: Gray; }
/* 竖立的Tab，为缺陷跟踪，缺陷首页使用 */
.LeftTab_On { background-image: url(../Images/Tab/LeftTabBg_On.jpg); background-repeat: no-repeat; width: 94px; height: 42px; line-height: 42px; vertical-align: middle; text-align: center; font-weight: normal; color: Black; display: block; cursor: pointer; }
.LeftTab_Off { background-image: url(../Images/Tab/LeftTabBg_Off.jpg); background-repeat: no-repeat; width: 94px; height: 42px; line-height: 42px; vertical-align: middle; text-align: center; font-weight: normal; color: Gray; display: block; cursor: pointer; }
.LeftTab_Off a { display: block; width: 84px; height: 40px; }


/* 分组背景，用于一行一行分组显示 */
.GroupPanel { margin-top: 0px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; background-image: url(../Images/Tab/Group_middle.png); background-repeat: repeat-x; height: 38px; }
.GroupPanel .HeaderLeft_Common { float: left; background: url(../Images/Tab/Group_Left.png) no-repeat; height: 38px; font-size: 120%; line-height: 40px; vertical-align: middle; text-indent: 15px; }
.GroupPanel .HeaderLeft_Current { float: left; background: url(../Images/Tab/Group_Left_Current.png) no-repeat; height: 38px; width: 60px; font-size: 120%; line-height: 38px; vertical-align: middle; text-indent: 15px; }
.GroupPanel .HeaderLeft_CurrentTitle { float: left; height: 38px; font-size: 120%; line-height: 38px; vertical-align: middle; text-indent: 5px; }
.GroupPanel .HeaderRight { float: right; background: url(../Images/Tab/Group_right.png) no-repeat; background-position: right; height: 38px; line-height: 38px; vertical-align: middle; width: 50px; }

/**********分组背景 end ************/
/* 个人首页上Tab */
.UserHomeTabSelected { height: 20px; line-height: 20px; vertical-align: middle; padding-left: 5px; padding-right: 5px; margin-left: 3px; margin-right: 3px; background-color: #FFFCD1; border: solid 1px #FDDF82; width: 100px; }
.UserHomeTab { height: 20px; line-height: 20px; vertical-align: middle; padding-left: 5px; padding-right: 5px; margin-left: 3px; margin-right: 3px; border: solid 1px #87CEFA; }

/* 用于问题跟踪和风险管理的横向小Tab */
.TabSmall_Selected { background-image: url(../Images/Tab/TabSamll_Selected.png); width: 90px; height: 27px; line-height: 22px; vertical-align: middle; text-align: center; color: #336699; display: block; cursor: pointer; display: block; float: left; margin-left: 10px; }
.TabSmall_NotSelected { background-image: url(../Images/Tab/TabSamll_NotSelected.png); width: 90px; height: 22px; line-height: 22px; vertical-align: middle; text-align: center; color: black; display: block; cursor: pointer; display: block; float: left; margin-left: 10px; }
.TabSmall_NotSelected_NoBG { width: 90px; height: 22px; line-height: 22px; vertical-align: middle; text-align: center; color: black; display: block; cursor: pointer; display: block; float: left; margin-left: 10px; }

/* 项目合同界面中左侧SelectableBulletedList*/
.Contract_Forum_On { background: url(../Images/Icons/Template.png) no-repeat 3px 9px; width: 200px; height: 35px; line-height: 35px; vertical-align: middle; text-align: left; text-indent: 25px; display: block; font-weight: bold; background-color: #FFFCD1; border: solid 1px #FDDF82; margin: 5px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.Contract_Forum_On a { color: Black; }
.Contract_Forum_On a:hover { color: Orange; }
.Contract_Forum_Off { background: url(../Images/Icons/Template.png) no-repeat 3px 9px; width: 200px; height: 35px; line-height: 35px; vertical-align: middle; text-align: left; text-indent: 25px; display: block; border: solid 1px #ffffff; margin: 5px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.Contract_Forum_Off a { color: Black; }
.Contract_Forum_Off a:hover { color: Orange; }

/* 项目考核界面中左侧SelectableBulletedList*/
.Appraisal_Item_On { background: url(../Images/Icons/Audit.gif) no-repeat 2px 6px; width: 240px; height: 35px; line-height: 35px; vertical-align: middle; text-align: left; text-indent: 30px; display: block; font-weight: bold; background-color: #FFFCD1; border: solid 1px #FDDF82; margin: 5px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.Appraisal_Item_On a { color: Black; }
.Appraisal_Item_On a:hover { color: Orange; }
.Appraisal_Item_Off { background: url(../Images/Icons/Audit.gif) no-repeat 2px 6px; width: 240px; height: 35px; line-height: 35px; vertical-align: middle; text-align: left; text-indent: 30px; display: block; border: solid 1px #ffffff; margin: 5px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.Appraisal_Item_Off a { color: Black; }
.Appraisal_Item_Off a:hover { color: Orange; }

/* 类似iPhone / iPad 风格的左右切换的按钮 */
.iTab_Left_On { background: url(../Images/Tab/iTab_Left_On.png) no-repeat; width: 50px; height: 27px; line-height: 27px; vertical-align: middle; text-align: center; color: White; float: left; }
.iTab_Left_Off { background: url(../Images/Tab/iTab_Left_Off.png) no-repeat; width: 50px; height: 27px; line-height: 27px; vertical-align: middle; text-align: center; color: Gray; float: left; }
.iTab_Left_Off a { color: Gray; }
.iTab_Right_On { background: url(../Images/Tab/iTab_Right_On.png) no-repeat; width: 50px; height: 27px; line-height: 27px; vertical-align: middle; text-align: center; color: White; float: left; }
.iTab_Right_Off { background: url(../Images/Tab/iTab_Right_Off.png) no-repeat; width: 50px; height: 27px; line-height: 27px; vertical-align: middle; text-align: center; color: Gray; float: left; }
.iTab_Right_Off a { color: Gray; }

/*
* 横向导航条，分第一个 和 下一个 ，主要用于创建项目用。 
*/
.Step_FirstOn { background: url(../Images/Tab/Step_FirstOn.png) no-repeat; width: 165px; height: 48px; line-height: 48px; vertical-align: middle; text-align: center; float: left; font-size: 120%; }
.Step_FirstOff { background: url(../Images/Tab/Step_FirstOff.png) no-repeat; width: 165px; height: 48px; line-height: 48px; vertical-align: middle; text-align: center; float: left; font-size: 120%; }
.Step_NextOn { background: url(../Images/Tab/Step_NextOn.png) no-repeat; width: 169px; height: 48px; line-height: 48px; vertical-align: middle; text-align: center; float: left; font-size: 120%; margin-left: -10px; }
.Step_NextOff { background: url(../Images/Tab/Step_NextOff.png) no-repeat; width: 169px; height: 48px; line-height: 48px; vertical-align: middle; text-align: center; float: left; font-size: 120%; margin-left: -10px; }

/* 状态流程图 单个状态的背景 */
.StateItem { float: left; height: 55px; width: 220px; line-height: 22px; text-align: left; color: Black; background: url(../Images/Tab/StateBg.png) no-repeat; padding-left: 10px; padding-top: 5px; }

/*
* 分组背景，主要用于个人空间中，用于一行一行分组显示项目
*/
.GroupBar { width: 100%; background-image: url(../Images/Tab/Group_middle.png); background-repeat: repeat-x; height: 38px; }
.GroupBar_Left { float: left; background-image: url(../Images/Tab/Group_Left.png); background-repeat: no-repeat; width: 8px; height: 38px; }
.GroupBar_Right { float: right; background-image: url(../Images/Tab/Group_right.png); background-repeat: no-repeat; width: 8px; height: 38px; }
.GroupBar_Content { float: left; }
.GroupBar_Content .Current { float: left; height: 25px; line-height: 24px; vertical-align: middle; width: 47px; background-image: url(../Images/Button/CurrentBg_Small.png); background-repeat: no-repeat; text-indent: 5px; margin-top: 8px; font-weight: normal; display: inline-block; }
.GroupBar_Content .Title { float: left; font-size: 120%; line-height: 36px; height: 36px; vertical-align: middle; width: auto; }
/**********分组背景 end ************/


/*--项目阶段 --*/
.ProjectPhase { line-height: 42px; vertical-align: middle; text-align: center; background-image: url(../Images/Button/phase_bg_on.gif); background-repeat: no-repeat; color: #383838; height: 42px; width: 158px; font-size: 120%; }
.ProjectPhasePassed { line-height: 42px; vertical-align: middle; text-indent: 30px; background-image: url(../Images/Button/phase_bg_pass.gif); background-repeat: no-repeat; color: #383838; height: 42px; width: 158px; font-size: 120%; }
.ProjectPhaseNoPassed { line-height: 42px; vertical-align: middle; text-align: center; background-image: url(../Images/Button/phase_bg_Nopass.png); background-repeat: no-repeat; color: #383838; height: 42px; width: 158px; font-size: 120%; }

/*--项目状态Steps--*/
.submitBg { float: left; width: 25px; height: 50px; background: #fff url(../Images/Button/submit.png) no-repeat 0 43%; }
.transition { padding: 5px 0 0 0; text-align: center; float: left; height: 50px; width: 105px; background: #fff url(../Images/Button/Transition.png) no-repeat 0 55%; }
.ProjectActiveState { text-align: center; vertical-align: middle; margin: 10px 0 0 0; float: left; width: 120px; height: 40px; line-height: 40px; background: #fff url(../Images/Button/ProjectStateBG.png) no-repeat 0 0; }
.ProjectInactiveState { text-align: center; vertical-align: middle; margin: 10px 0 0 0; float: left; width: 120px; height: 40px; line-height: 40px; background: #fff url(../Images/Button/ProjectStateBG.png) no-repeat 0 -47px; }


/*--全景图 --*/
.LevelOneTaskBG { position: absolute; left: 0px; top: 0px; width: 0px; height: 20px; background: #e5ecf5; border: 1px solid #3172d7; border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.LevelOneTaskLable { position: absolute; left: 0px; top: 0px; font-size: 12px; width: 100%; height: 20px; line-height: 20px; text-align: left; vertical-align: middle; }
.StaticWidthText { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; moz-text-overflow: ellipsis; ms-text-overflow: ellipsis; webkit-text-overflow: ellipsis; white-space: nowrap; width: 149px; padding: 0; margin: 0; display: block; }
.LevelOneTaskHeaderCell { float: left; height: 25px; line-height: 25px; vertical-align: middle; text-align: center; text-indent: 2px; border-right: 1px solid #999; overflow: hidden; }

/*tab切换*/
.tab_switch { width: 100%; border-bottom: 1px solid #eee; overflow: hidden; margin-bottom:2px;}
.tab_switch ul li { float: left; margin-right: 5px; height: 28px; line-height: 28px; text-align: center; position: relative; cursor: pointer; padding: 0px 15px; min-width:35px;}
.tab_switch ul li a {  color: #666;}
.tab_switch ul li.selected,.tab_switch ul li:hover{ border-bottom: 2px solid #e56c22;}
.tab_switch ul li.selected a,.tab_switch ul li:hover a{color: #e56c22; }

.tab_switch_second{ overflow:hidden; margin-bottom:2px;border:1px solid #ddd; }
.tab_switch_second ul li{ float:left; overflow:hidden;}
.tab_switch_second ul li a{ font-size:100%;padding:3px 5px;color:#333; text-align:center; overflow:hidden; line-height:28px; border-radius:3px; margin:0px 2px;}
.tab_switch_second ul li a:hover,.tab_switch_second ul li.selected a{ background:#f1f1f1;}
.tab_switch_second div.right_div{ float:right;}

/*-----------------------------------------------------------------------------
    这里设置tab切换样式
----------------------------------------------------------------------------------*/
/*switch*/
.switch { overflow: hidden; border-radius: 4px; display: inline-block; *display: inline; zoom: 1; padding: 0px !important; }
.switch div, .switch li,.switch_sm div, .switch_sm li{ float: left; text-align: center; cursor: pointer; background: #fff; padding: 0px; }
.switch div a, .switch li a,.switch_sm div a, .switch_sm li a{ color: #08c; padding: 6px 10px; background: #f1f1f1; line-height: 28px; border-left: 1px solid #e3e1e1; margin-left: -1px; }
.switch div a.selected, .switch li a.selected,.switch_sm div a.selected, .switch_sm li a.selected{ background: #1558a0 !important; color: #fff !important; }
.switch div:hover a, .switch li:hover a,.switch_sm div:hover a, .switch_sm li:hover a  { color: #005580; background: #eee; }
.switch_sm { border-radius: 3px; }
.switch_sm div a, .switch_sm li a { padding: 2px 4px; line-height: 20px; }

/*switch_li*/
.switch_li { overflow: hidden; border-radius: 4px 4px 0px 0px; display: inline-block; *display: inline; zoom: 1; }
.switch_li li { float: left; text-align: center; cursor: pointer; color: #08c; padding: 6px 10px; background: #f5f5f5; line-height: normal; border-left: 1px solid #e3e1e1; margin-left: -1px; }
.switch_li li.selected { background: #1558a0 !important; color: #fff !important; }
.switch_li li.selected a { color: #fff; }

/*nav_tab_li*/
.nav_tab_li, .nav_tab_li_big { margin: 2px 0px; border-bottom: 1px solid #ddd; overflow: hidden; }
.nav_tab_li ul, .nav_tab_li_big ul { overflow: hidden; margin-left: 5px; }
.nav_tab_li ul li, .nav_tab_li_big ul li { float: left; background: #f1f1f1; margin-right: 3px; border-radius: 4px 4px 0px 0px; }
.nav_tab_li ul li a, .nav_tab_li_big ul li a { height: 28px; line-height: 28px; cursor: pointer; padding: 0px 12px; min-width: 65px; color: #333; text-align: center; font-size: 100%; display: inline-block; }
.nav_tab_big ul li a { height: 30px; line-height: 30px; min-width: 80px; }
.nav_tab_li ul li.selected, .nav_tab_li_big ul li.selected { background: #1558a0 !important; border-radius: 4px 4px 0px 0px; }
.nav_tab_li ul li.selected a, .nav_tab_li_big ul li.selected a { color: #fff; }
.nav_tab_li ul li:hover, .nav_tab_li_big ul li:hover { background: #ddd; border-radius: 4px 4px 0px 0px; }

/*nav_tab_a*/
.nav_tab_a, .nav_tab_a_big { margin: 2px 0px; border-bottom: 1px solid #ddd; overflow: hidden; }
.nav_tab_a ul, .nav_tab_a_big ul { overflow: hidden; margin-left: 5px; }
.nav_tab_a ul li, .nav_tab_a_big ul li { float: left; background: #f1f1f1; margin-right: 3px; border-radius: 4px 4px 0px 0px; }
.nav_tab_a ul li a, .nav_tab_a_big ul li a { height: 28px; line-height: 28px; cursor: pointer; padding: 0px 12px; min-width: 65px; color: #333; text-align: center; font-size: 100%; display: inline-block; }
.nav_tab_big ul li a { height: 30px; line-height: 30px; min-width: 80px; }
.nav_tab_a ul li a.selected, .nav_tab_a_big ul li a.selected { background: #1558a0 !important; border-radius: 4px 4px 0px 0px; color: #fff; }
.nav_tab_a ul li a:hover, .nav_tab_a_big ul li a:hover { background: #ddd; border-radius: 4px 4px 0px 0px; }

/*nav_li_tab*/
.nav_li_tab { margin: 2px 0px; border-bottom: 1px solid #ddd; overflow: hidden; }
.nav_li_tab ul { overflow: hidden; margin-left: 5px; }
.nav_li_tab ul li { float: left; height: 28px; line-height: 28px; min-width: 65px; cursor: pointer; padding: 0px 12px; color: #333; text-align: center; margin-right: 3px; font-size: 100%; display: inline-block; }
.nav_li_tab ul li.tab_off { background: #f1f1f1; border-radius: 4px 4px 0px 0px; }
.nav_li_tab ul li.tab_on { background: #1558a0 !important; border-radius: 4px 4px 0px 0px; color: #fff; }
.nav_li_tab ul li:hover { background: #ddd; border-radius: 4px 4px 0px 0px; }

/*nav_a_tab*/
.nav_a_tab { margin: 2px 0px; border-bottom: 1px solid #ddd; overflow: hidden; }
.nav_a_tab ul { overflow: hidden; margin-left: 5px; }
.nav_a_tab ul li { float: left; height: 28px; line-height: 28px; cursor: pointer; text-align: center; margin-right: 3px; font-size: 100%; display: inline-block; }
.nav_a_tab ul li a { color: #333; min-width: 75px; display: inline-block; padding: 0px 12px; }
.nav_a_tab ul li.tab_off { background: #f1f1f1; border-radius: 4px 4px 0px 0px; }
.nav_a_tab ul li.tab_on { background: #1558a0 !important; border-radius: 4px 4px 0px 0px; }
.nav_a_tab ul li.tab_on a { color: #fff; }
.nav_a_tab ul li:hover { background: #ddd; border-radius: 4px 4px 0px 0px; }