/*add by lily 2015-06-19 不同的主题导航条颜色*/
#regionPanel_regionNavigator_panelWidth_imgPhoto-inputEl{
/*psn图片div*/
padding-top:0px!important;
 
}
.regionGreenPanel  {
             box-shadow: 0 3px 4px #bababa;        
        }
.regionBluePanel  {
              box-shadow: 0 3px 4px #bababa;       
        }
.regionRedPanel  {
             box-shadow: 0 3px 4px #bababa;      
        }
.regionOrangePanel  {
             box-shadow: 0 3px 4px #bababa;  
        }
.regionBlackPanel  {
            box-shadow: 0 3px 4px #bababa;         
        }
.regionGreenPanel  {
             box-shadow: 0 3px 4px #bababa;       
        }
.regionBluePanel div {
            background-color:#377DC6;      
            border:0px;             
        }
.regionGreenPanel div {
            background-color: #78A300;            
            border:0px;             
        }
.regionRedPanel div {
            background-color:#E64552;            
            border:0px;             
        }
.regionOrangePanel div {
            background-color: #F29718;
             
            border:0px;             
        }
.regionBlackPanel div {
            background-color: #666666;
         
            border:0px;             
        }
/*****************************************/
.x-tab-bar-body {

border-top:0px;
}

.mainDiv {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 3;
    margin-bottom: 0;
    top:0;
    float:left;
    background-color:black;
    color:white;
}

.mainDiv img{
    vertical-align:middle;
}

.mainBody{
    background-color:#fff !important;
}

.mainMenu{
    height:40px;
    white-space:nowrap;
}

.mainLogo{
    width:158px;
    float:left;
    height:42px;
    padding-left:20px;
    
}

.mainLogo img{
    height:32px;
    width:84px;
}

.mainPrev{
    padding-left:10px;
    padding-top:8px;
    padding-bottom:12px;
    float:left;
}

.mainMenuItem{
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    float:left;

}

.mainNext{
    padding-left:10px;
    padding-top:8px;
    padding-bottom:12px;
    float:left;
}

.mainInfo{
    padding-left:10px;
    float:left;
}

.mainWelcome{
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    float:left;
    width:100px;
}

.mainLanguage{
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    float:left;
    width:80px;
    text-align:right;
}

.mainDropLanguage{
    width:80px;
    background-color:#fff;
    color:black;
    position:absolute;
    z-index:1000;
    border:1px solid #ccc;
    display:none;
    text-align:left;
}

.mainDropLanguage ul{
    float: left;
	padding: 0;
	margin: 0;
	width: 79px;
	background: none;
	border: 0;
}

.mainDropLanguage ul li {
    list-style: none;
    padding: 1px;
    cursor: pointer;
    margin: 1px 0;
    font-size: 12px;
    font-family: Arial;
    text-decoration:none;
}

.mainDropLanguage ul li a {
	font-weight: normal;
	margin: .1em .2em;
	display: block;
    font-size:12px;
    color:black;
}

.mainDropLanguage ul li a:hover {
	font-weight: normal;
	margin: .1em .2em;
	display: block;
    font-size:12px;
    text-decoration:none;
    color:#fff;
}

.mainDropLanguage ul li:hover {
    text-decoration:none;
    background-color:#0081c2;
}

.active{
    color:white;
    background-color:#0081c2;
}

.active a{
    color:white !important;
    background-color:#0081c2;
}

.mainBody img{
    cursor:pointer;
}



.navBar{
    list-style:none; 
    overflow: hidden; 
    margin:0; 
    padding:0; 
    zoom:1; 
    white-space: nowrap; 
    width: 100%;
    font-size:14px; 
}

.navBar li{
    line-height:20px; 
    margin-left:4px;
    margin-right:4px; 
    text-align:center; 
    display: inline;
}

.navBar li a{
    color:#F1EDED; 
    text-decoration:none;
    cursor:pointer;  
}

.navBar li a:hover{
    color:#ffffff; 
    text-decoration:none;
    cursor:pointer;  
}

.aactive{
    color:#ffffff !important; 
    background-color:#044599;
    font-weight:900;    
 
    display: inline-block; 
    padding-bottom:7px; 
    border-bottom: 3px solid white;
    cursor:pointer;  
     
}

.mainChildMenu{
    margin-left:20px;
    width:140px;
    float:left;
}

.mainChildMenu ul{
    list-style:none;
    display:none;
    background-color:#fff;
    border-top:solid 1px #ccc;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
    margin-left:0px;
}

.mainChildMenu ul li{
    height:30px;
    line-height:30px;
    cursor:pointer;
    background-color:#fff;
    border-bottom:1px solid #ccc;
    color:rgb(55, 82, 228);
    overflow:hidden
}

.mainChildMenu ul li x{
    padding-left:12px;
    text-decoration:none;
}

.mainChildMenu ul li:hover{
    height:30px;
    line-height:30px;
    cursor:pointer;
    background-color:#0088cc;
    color:#fff;
    overflow:hidden
}

.mainChildItemActive {
    color:white !important;
    background-color: white !important;
}


 .div_RightMenu{ position:absolute; list-style:none;width:150px;}
.div_RightMenu div{background:#fff;position:relative;}
.div_RightMenu ul{position:relative;background:#fff; border:1px solid #ddd;left:0px;top:0px; margin:0; padding:1px 0;}
.div_RightMenu ul li{ list-style:none; margin:0 1px;padding:0;line-height:20px;height:20px;text-indent:25px; background-repeat:no-repeat;cursor:pointer;border-width:1px;border-style:solid;border-color:#fff;}

.div_RightMenu ul li.RMli_1{background-position:0 0;}
.div_RightMenu ul li.RMli_2{background-position:0 -20px;}
.div_RightMenu ul li.RMli_3{background-position:0 -40px;}

.div_RightMenu ul li.RM_mouseover{ background-color:#0081c2; border-color:#ddd;color:white}
a:link {
    text-decoration: none !important;
}
a:visited {
    text-decoration: none !important;
}
a:hover {
    text-decoration: none !important;
}
a:focus {
    text-decoration: none !important;
}

.etabs { margin: 0; padding: 0;overflow: hidden; white-space: nowrap; margin-left: 0px; margin-right: 0px;width:1100px;float:left; }
.tab { display: inline-block;margin-right:-4px; zoom:1; *display:inline; background: #fff; border: solid 1px #ddd; border-bottom: none;padding:0px;}
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 5px; outline: none; }
.tab a i:hover{ background-color:#ccc; }
.tab a:hover { text-decoration: none;cursor:pointer; }
.tab .active { background: #0081c2; padding-top: 0px; top: 0px; border-color: #ddd;color:white; }
.tab a.active { font-weight: bold; }
.tab-container { 
    background: #fff; 
    padding: 0px;
    margin-right: 15px;height: 100%; margin-top: 0px; margin-left: 190px;

}

.tabPrev{
    float:left;width:20px;line-height:28px;height:28px;margin:0px;text-decoration:none;list-style:none;
}
  
.tabPrev li{
   cursor:pointer;margin-top:3px;
}
  
.tabNext{
    float:left;width:20px;line-height:28px;height:28px;margin:0px;text-decoration:none;list-style:none;
}

.tabNext li{
    cursor:pointer;margin-top:3px;margin-left: 6px;
}
.noShadow {
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
        }
.gridTopBorder {
    border-top:1px solid #727272;
}
.LoginNameStyle {
  font-family:'Microsoft YaHei' !important;
    line-height:14px;
    font-size: 8pt;
  color:#ffffff!important;
}
.LoginEmpStyle {   
  font-family:'Microsoft YaHei' !important;
 line-height:14px;
    font-size: 8pt;
 color:#ffffff;

 
}
.regionPanel div {
            background-color: #044599;
            color: #fff;
    
            border:0px;  
           
        }


.MenuNameStyle {
    width:100px;
    font-weight:900;     
    display: inline-block; 
    padding-bottom:15px; 
    border-bottom: 1px solid #ccc;     
}
.ButtonStyle {
    font-size:14pt;
    font-family:'Microsoft YaHei';
  
     vertical-align:bottom;
     text-align:center  ;
    
}

.DivButtonStyle {
    width: 180px; height: 180px; text-align: center; vertical-align: central; 
}

/*add by lily 2016-06-19 首页导航条样式*/



.header, .header-block {
    height:48px;
}

.header {
    background-color: #0d9ae1;
    background-image: url(Image/logo3.png);
    background-repeat: no-repeat;
    background-position: 20px 8px;
    box-shadow: 0 5px 5px #bababa;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.header-message, .header-person, .header-setting {
    float: right;
}

.header-message {
    margin-top: 12px;
    margin-right: 40px;
    cursor: pointer;
}

.header-person {
    margin-top: 10px;
    margin-right: 40px;
}

.header-person .person-photo {
    float:left;
    width: 28px;
    height: 28px;
    border-radius: 14px;
}

.header-person .person-ins {
    float: left;
    color: #E9F3FB;
    font-size: .85rem;
    margin-left: 11px;
}

.header-setting {
    margin-top: 12px;
    margin-right: 20px;
    cursor: pointer;
}

/*add by scott.zhao 20170310 HR3TASKS-427 自助平台个人信息假别显示 start*/
.person{
    display: inline-block;
    margin: 4px;
    /*border: 1px solid #B7BEC5;*/
	font-size: 0;
}
.person .personalMessage{
    background: #77B6F7;
    height: 32px;
    color: #FFFFFF;
    line-height: 32px;
    padding-left: 10px;
    font-size: 18px;
}
.person .containMessage{
    height: 328px;
}
.person .upper{
    height: 145px;
    width: 100%;
}
.person .image{
    border-radius: 50%;
    width: 98px;
    height: 98px;
    margin:23px 8.3%;
}
.person .upper .detailedMessage, .person  .upper .image{
    display: inline-block;
	vertical-align: middle;
}
.person .detailedMessage{
    width: calc(100% - 98px - 16.6%);
}
.person .detailedMessage>div>div:first-child{
    font-size: 18px;
    margin-bottom: 5px;
    font-weight:600;
}
.person .detailedMessage>div{
	height:100%;
	width:100%;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.person .detailedMessage>div:last-child, .time{
    font-size: 14px;
    color: #666666;
}
.person .detailedMessage span{
	vertical-align: top;
    margin-top: 2px;
    overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.person .detailedMessage div span:first-child{
    margin-right: 7px;
}
.person .detailedMessage div span:last-child{
	max-height: 1rem;
    overflow: hidden;
}
.person .lower{
	margin: 0px 6.8%;
    border-top: 1px solid #D9D9D9;
	height: 180px;
}
.person .number{
    display: inline-block;
    margin: 5px 9px 5px 0;
    width: 100%
}
.person .vacation{
    font-size: 14px;
    color: #050505;
    font-weight:600;
    display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.person .chart{
    margin: 5px 0;
    height:10px;
    border-radius: 11px;
    overflow: hidden;
    font-size:0; 
}
.person .chart>span{
    display: inline-block;
    height: 10px;
    vertical-align: top;
    position: relative;
}
.person .last-year{
    background: #7AAF46;
    z-index:100;
}
.person .chart .used{
    height: 3px;
    background: #E4E4E4;
    vertical-align: top;
    margin-left: 5px;
    border-radius: 11px;
    top: -6px;
    z-index:1000;
}
.person .this-year{
    background: #3394FF;
    border-bottom-right-radius: 11px;
    border-top-right-radius: 11px;
    z-index:1;
}
.person .time{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.person .order1,.person .order3{
	margin-top:61px;
} 
.person  .order2,  .person .order4, .person .order5, .person .order6{
	margin-top:32px;
}
.person .order1 .number, .person .order2 .number{
    width:calc(100% - 10px);
}
.person .order3 .number, .person .order5 .number, .person .order6 .number{
    width: calc((100% - 30px) / 3);
}
.person .order4 .number{
    width: calc((100% - 20px) / 2);
}

/*自助平台个人信息假别显示 end*/

/*查询组件Title和刷新时间样式设置 start*/
.commonSearchBoldLabel span {
    font-weight: bold;
    font-size: 18px;
    color:#666666
}

.commonSearchSmallerLabel span {
    color: gray;
    font-size: 12px;
}
/*查询组件Title和刷新时间样式设置 end*/