/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015-11-11, 15:29:11
    Author     : galaxy
*/

.titleDiv{
    border-bottom:solid 1px #eeeeee;
    margin-bottom: 5px;
    position: relative;
}
.titleDiv2{
    margin-top: 10px;
    margin-bottom: 5px;
    position: relative;
}
.titleDiv3{
    position: relative;
    background-color: #eee;
    padding-top:5px;
    padding-bottom: 3px;
}
.titleText{
    border-left:#31b0d5 solid 5px;
    padding-left: 5px;
}
.titleText2{
    border-left:#31b0d5 solid 5px;
    padding-left: 5px;
    color:#ccc;
}
.titleText3{
    border-left:#33a3dc solid 5px;
    padding-left: 5px;
    color:#ccc;
}
.whiteDiv2{
    background-color: white;
}
.whiteDiv3{
    padding:15px 15px 15px 15px;
    background-color: white;
}
li.highlight{
    border-bottom: #005fcc 3px solid;
    font-weight: bolder;
}
li.highlight100{
    border-bottom: #005fcc 3px solid;
    font-weight: bolder;
}
table.rowLine{
    border-bottom: #ddd 1px solid;
}
table.line2{
    border-bottom:#ddd 1px solid;
    margin-top:15px;
}
tr.greyRowHeader{
    background-color: #eee;
    font-weight: bolder;
    text-align: center;
}
div.rowList{
    margin-top:15px;
    margin-bottom:15px;
    width:100%;
}
div.itemRow{
    padding-left:10px;
    height: 40px;
    color:#222;
    width:100%;
    line-height: 40px;
    margin-bottom: 2px;
}
div.itemRow:hover{
    background-color: #31b0d5;
    color:white!important;
    cursor: pointer;
}
div.highlight{
    background-color: #31b0d5;
    color:white;
}
.right15px{
    margin-right:15px;
}
.right10px{
    margin-right: 10px;
}
.right5px{
    margin-right: 5px;
}
.left5px{
    margin-left:5px;
}
.left10px{
    margin-left:10px;
}
.left15px{
    margin-left:15px;
}
.greyText{
    color:#aaa;
}
.greyText:hover{
    color:#428bca;
    cursor: pointer;
}
.whiteText{
    color:white;
}
div.banner{
    height:50px;
    background-color: black;
    width:100%;
}
div.banner-logo{
    margin-top: 0px;
    line-height: 50px;
    display: inline-block;
}
div.banner-menu{
    color:white;
    text-align: right;
    display: inline-block;
}
div.banner-menu ul{
    list-style: none;
}
div.banner-menu li{
    float: left;

}

div.myBtn{
    padding: 10px 10px 10px 10px;
    border-radius: 3px;
    border:1px solid #EEE;
    margin-top:5px;
    margin-bottom: 5px;
    background-color: #eee;
}

/*    音频播放器      */
span.playBtn{
    font-size: 220%;
    color:#777;
}

div.audioBox{
    display:inline-block;
    width:140px;
    background-color: #ddd;
    border-radius: 3px;
    /*border:1px solid #eee;*/

}
div.matrixAudio{
    height: 45px;
    display: flex;
}

div.audioPlayerBtnDiv{

    /*margin-right: 10px;*/
    padding:5px 5px 5px 10px;    

}


div.playDataDiv  {
    line-height: 45px;
    text-align: center;
    width:50px;
}

div.audioPlayerBtnDiv:hover{
    cursor: pointer;
}

div.audioStopDiv{

    /*margin-left: 10px;*/
    padding:5px 10px 5px 5px;   
}
div.audioStopDiv:hover{
    cursor: pointer;
}
span.prsText{
    /*margin-bottom: 10px;*/
}

div.msgDiv201601{
    top:0px;
    left:0px;
    position: fixed;
    width:100%;
    height: 100%;
    background-color: #aaa;

    opacity: 0.8;
    text-align: center;
    display: none;
    z-index: 100;
    padding-top:200px;
}

span#msgSpan201601{
    font-size: 150%;
    color:white;
}
A:link {
    /*color: #000000;*/
    TEXT-DECORATION: none
}
A:visited {
    /*COLOR: #000000;*/
    TEXT-DECORATION: none
}
A:hover {
    COLOR: #31b0d5;
    text-decoration: none;
}
A:active {
    COLOR: #31b0d5;  
    text-decoration: none;
}

div.editable{
    overflow: auto;
    border: solid #e6e6e6 1px;
    min-height: 80px;
    padding: 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

span.tag{
    margin-right: 15px;
    /*text-decoration:underline;*/
    background-color: #faa755;
    border-radius: 3px;
    padding: 3px;
}
.publishWitdh{
    width:21cm;
}
span.btn100{
    color:#ccc;
    margin-left: 5px;
}
span.btn100:hover{
    color: #0088cc;
    cursor: pointer;
}
div.editable{
    border:1px solid #eee;

}
div.layerNum{
    font-size: 50%;
    text-align: center;
    display: inline-block;
    border: 1px solid #ddd;
    /*padding: 3px;*/
    border-radius: 10px;
    background-image:url('back002.png');
    width:20px;
}
div.layerNum2{
    font-size: 50%;
    text-align: center;
    display: inline-block;
    /*border: 1px solid #ddd;*/
    border-radius: 10px;   
    width:20px;
    position: relative;
}
div.layerNum2 img{
    position: absolute;
    top:-1px;
    left:0px;
    z-index: -100;
}
@media print{  
    .noprint{display:none}  
}
span.myBadge{
    background-color: red;
    color:white;
    padding:0px 5px 0px 5px;
    border-radius: 5px;
    min-width: 20px;
}
body.grayBk{
    background-color: #eee;
}
div.white{
    background-color: white;
}
div.msgBox_info{
    position:fixed;
    top:0px;
    text-align:center;
    padding:20px;
    border:1px solid #eee;
    width:100%;
    background-color: #f58220;
    color: white;
    z-index: 1000;
}
div.msgBox_success{
    position:fixed;
    top:0px;
    text-align:center;
    padding:20px;
    border:1px solid #eee;
    width:100%;
    background-color: #007947;
    color: white;
    z-index: 1000;
}

/* poptip */
.poptip{position: relative;padding: 6px 10px 5px;*padding: 7px 10px 4px;line-height: 16px;color: #DB7C22;font-size: 12px;
        background-color: #FFFCEF;border: solid 1px #FFBB76;border-radius: 2px;box-shadow: 0 0 3px #ddd;margin-top: 10px}
.poptip-arrow{position: absolute;overflow: hidden;font-style: normal;font-family: simsun;font-size: 12px;text-shadow:0 0 2px #ccc;}

.poptip-arrow em,.poptip-arrow i{position: absolute;left:0;top:0;font-style: normal;}
.poptip-arrow em{color: #FFBB76;}
.poptip-arrow i{color: #FFFCEF;text-shadow:none;}

.poptip-arrow-top,.poptip-arrow-bottom{height: 6px;width: 12px;left:12px;margin-left:-6px;}
.poptip-arrow-left,.poptip-arrow-right{height: 12px;width: 6px;top: 12px;margin-top:-6px;}

.poptip-arrow-top{top: -6px;}
.poptip-arrow-top em{top: -1px;}
.poptip-arrow-top i{top: 0px;}

.poptip-arrow-bottom{bottom: -6px;}
.poptip-arrow-bottom em{top: -8px;}
.poptip-arrow-bottom i{top: -9px;}

.poptip-arrow-left{left:-6px;}
.poptip-arrow-left em{left:1px;}
.poptip-arrow-left i{left:2px;}

.poptip-arrow-right{right:-6px;}
.poptip-arrow-right em{left:-6px;}
.poptip-arrow-right i{left:-7px;}

div.dropDownMenu100{
    display: inline-block;
    position: relative;

}
div.menuBody100{
    position: absolute;
    top:35px;
    left:0px;
    width:200px;
    z-index: 100;
    border: 1px solid #ddd;
    background-color: #fffef9;
    display: none;
}
li.menuItem100{
    list-style: none;
    padding:5px;
    margin-left: 0px;
}
li.menuItem100:hover{
    cursor: pointer;
    background-color: #eee;
    /*color:white;*/
}
ul.menuBox100{
    padding-left:0px;
    padding-top:5px;
    margin-bottom: 5px;
}