/**********************************************
* 本页包括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;
    margin-top: 5px;
    padding-left: 3px;
    border-bottom: solid 2px #4a98b3;
}
div.Navigation ul.Left
{
    float: left;
    height: 28px;
}
div.Navigation ul.Right
{
    float: right;
    height: 28px;
}

div.Navigation ul li
{
    height: 27px;
    width: 128px;
    line-height: 27px;
    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: Black;
    width: 128px;
    display: block;
}

div.Navigation ul li.Selected
{
    height: 28px;
    width: 136px;
    line-height: 28px;
    text-align: center;
    float: left;
    position: relative;
    display: block;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    background: url(../Images/Tab/Tab_Selected.png) no-repeat;
}

div.Navigation ul li.Selected a
{
    color: White;
    width: 136px;
    display: block;
}

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;
}



div.SecondNavigation
{
    height: 32px;
    background: url(../Images/Tab/SecondNavBg.png) repeat-x;
    line-height:32px;
    vertical-align:middle;
}

/*二级导航*/
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.Selected
{
    background: url(../Images/Tab/SecondNavigation.png) no-repeat;
}
/*
* 横向小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;
}
.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;
}

.H_Tab_Small_On a
{
    width: 102px;
    display:block;
}
.H_Tab_Small_Off a
{
    width: 102px;
    display:block;
}

/*****************************/
/*  横向小Tab，用于视图
/*****************************/
#nav_h a:link, #nav_h a:visited, #nav_h a:hover, #nav_h a:active
{
    color: #369;
    text-decoration: none;
}
#nav_h
{
    border-bottom: 1px solid #9BB4D1;
    float: left;
    width: 100%;
    padding-left: 20px;
}
#nav_h li
{
    float: left;
    height: 26px;
    width: 102px;
    display: block;
    background: url(../Images/Tab/H_Tab_Small_Off.gif);
    cursor: pointer;
    line-height: 26px;
    vertical-align: middle;
    text-align: center;
}
#nav_h li a
{
    line-height: 26px;
    height: 26px;
    width: 102px;
    display: block;
    text-align: center;
    vertical-align: middle;
}
#nav_h li a.Selected
{
    font-weight: bold;
    background: url(../Images/Tab/H_Tab_Small_On.gif);
}

/*
* 下面是竖状Tab ，一般用于状态。
*/
.V_Tab_State_On
{
    background-image: url(../Images/Tab/V_Tab_State_On.gif);
    background-repeat: no-repeat;
    width: 123px;
    height: 31px;
    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.gif);
    background-repeat: no-repeat;
    width: 123px;
    height: 31px;
    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;
}

/*
* 分组背景，主要用于个人空间中，用于一行一行分组显示项目
*/
.Group_Left
{
    float:left; 
    display:inline-block;
    background-image: url(../Images/Tab/Group_Left.png);
    background-repeat: no-repeat;
    width: 8px;
    height: 38px;
}
.Group_Middle
{
    float:left; 
    vertical-align: middle;
    text-align: left;
    background-image: url(../Images/Tab/Group_middle.png);
    background-repeat: repeat-x;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    color: #369;
    font-weight: bold;
}
.Group_Middle .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;
}
.Group_Middle .Title
{
    float: left; 
    font-size:120%;
    line-height:36px;
    height:36px;
    vertical-align:middle;
    width:auto;
}

.Group_Right
{
    float: left; 
    background-image: url(../Images/Tab/Group_right.png);
    background-repeat: no-repeat;
    width: 8px;
    height: 38px;
    display: block;
}
/**********分组背景 end ************/

/*
* 自定义下拉框的背景，不建议用。直接用微软的下拉框。
*/
.DropdownList_Left
{
    float: left;
    background-image: url(../Images/tab/DropdownList_Left.gif);
    width: 10px;
    height: 26px;
}
.DropdownList_Middle
{
    float: left;
    vertical-align: middle;
    background-image: url(../Images/tab/DropdownList_Middle.gif);
    height: 26px;
    line-height:26px;
}
.DropdownList_Right
{
    float: left;
    background-image: url(../Images/tab/DropdownList_Right.gif);
    width: 28px;
    height: 26px;
}
.DropDownListPanel
{
    background-color: #FFFCD1;
    border: solid 1px #FDDF82;
    padding-top: 2px;
    padding-bottom:2px;
    padding-right: 10px;
    text-indent: 10px;
    width: 600px;
    text-align: left;
    position:absolute;
    z-index:99999;
}

/*
* 个人首页上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;
}