body
{
    font-family: "microsoft yahei"!important;
    font-size: small;
}
.float_right
{
    float:right;
}
.float_left
{
    float:left;
}
.clear_float
{
    clear: both;
}
.ico_add
{
    background-image: url("../../images/index/add.png");

}
.ico_del
{
    background-image: url("../../images/index/del.png");

}
.ico_edit
{
    background-image: url("../../images/index/edit.png");

}
.ico_add:hover
{
    background-image: url("../../images/index/add01.png");

}
.ico_del:hover
{
    background-image: url("../../images/index/del01.png");

}
.ico_edit:hover
{
    background-image: url("../../images/index/edit01.png");

}
.gridContainer {
    border: none;
    bottom: 5px;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 0px;
}
.gridContainer  >  .title
{
    display: none;
}
.gridContainer .left_panel
{
    background-color: #f5f5f5;
    bottom: 5px;
    left: 0;
    border:1px solid #ddd;
    padding: 5px 0 0 5px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 210px;
    overflow-y: auto;
}
.gridContainer .rightPanel
{
    left: 220px;
    top:1px;
    border: none;
    bottom: 0;
    position: absolute;
    right: 0;

}

.gridContainer  ._leftPanel
{
    height: 200px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 100px;
}
.gridContainer  ._leftPanel   hr
{
    border-top:1px solid #ddd ;
}
.gridContainer  ._rightPanel
{
    border: none;
    bottom: 0;
    left: 220px;
    position: absolute;
    right: 0;
    top: 1px;

}
.gridContainer  ._fullPanel
{
    border: 1px solid #decdef;
    bottom: 0;
    left: 1px;
    position: absolute;
    right: 0;
    top: 36px;

}
.gridContainer .newFile {


    color: #426394;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 5px;
    text-align: center;
    width: 66px ;
    font-size: 13px;



}

.gridContainer .newFile  p {
    margin: 0 auto;
    width: 50px;
    height: 42px;

}
.gridContainer .newFile  .icon-edit {
    color: #426394;
    font-size: 34px;
    transition: all 300ms linear;
}
.gridContainer .newFile:hover  .icon-edit {

    font-size: 41px;

}

.gridContainer .title
{
    background-color: #89addf;
    color: #fff;
    height: 36px;

    text-align: center;

    vertical-align: middle;
    width: 100%;
}
.gridContainer .title span
{
    display: inline-block;
    height:36px;
    vertical-align: top;
}
.gridContainer .title .text
{
    font-size: 1.2em;
    font-weight: 700;
    line-height:36px;
    margin-left:10px ;
}
.gridContainer .title .left
{    width:7px;
    background: url("../../images/index/bq.png") no-repeat scroll  -4px 0 ;
    display: none;
    position: absolute;
    right: -4px;
}
.gridContainer .title  h2
{
    font-size: 20px;
    text-align: center;

}