﻿.drive-ctr{
    position:absolute;
    width:100%;
    height:100%;
}

.drive-ctr>.row1
,.drive-ctr>.row1-mv{
    display: table;
    position:absolute;
    height:38px;
    left:0;
    /*right:0;*/
    border-spacing: 6px 0;
}
.drive-ctr>.row1 > div 
,.drive-ctr>.row1-mv > div
{
    display:table-cell;
    vertical-align: middle;
    font-size: 14px;
}
.drive-ctr>.row1-mv > div >select
{
    height: 20px;
}


.drive-ctr>.row1  #up-btn{
    width:53px;
    height:20px;

    text-align: left;
    font-size: 14px;
    
    color:#404040;
    background-color:#fff;
    background-image:url('../img/up-btn-n.png');
    background-repeat:no-repeat;
    background-position:right;

    border: 1px solid #ccc; 
    border-radius: 2px;        
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px; 

    padding-left: 9px;
    background-position-x: 38px;

    cursor:pointer;
}
.drive-ctr>.row1 #up-btn:hover {
    color:#5c5c5c;
    background-color:#fff;
    background-image:url('../img/up-btn-h.png');
}
.drive-ctr>.row1 #up-btn:active{
    color:#404040;
    background-color:#e5e5e5;
    background-image:url('../img/up-btn-p.png');
}



.drive-ctr>.row1 > #pl1{
    /*width: 107px;
    height: 17px;*/
}


.drive-ctr>.row1  .csv{
    width:64px;
    height:22px;
    background: url("../img/csv-btn-n.png");
    background-repeat: no-repeat;
    background-position: 50%;

    cursor:pointer;
}

.drive-ctr>.row1  .csv:hover{
    background: url("../img/csv-btn-h.png");
    background-repeat: no-repeat;
    background-position: 50%;
}
.drive-ctr>.row1  .csv:active{
    background: url("../img/csv-btn-p.png");
    background-repeat: no-repeat;
    background-position: 50%;
}



.drive-ctr>.row2{
    display: table;
    position:absolute;
    height:38px;
    top:38px;
    left:0;
    /*right:0;*/
}

.drive-ctr>.row2 > div {
    display:table-cell;
}

.drive-ctr>.row2 > .comp{
    vertical-align: middle;
    width:22px;
    height:18px;
    background-image:url('../img/icon-comp.png');
    background-repeat:no-repeat;
    background-position: 50%;
}

.drive-ctr>.row2 > .org{
    vertical-align: middle;
    width:22px;
    height:18px;
    background-image:url('../img/icon-org.png');
    background-repeat:no-repeat;
    background-position: 50%;
}
.drive-ctr>.row2 > .driver{
    vertical-align: middle;
    width:22px;
    height:18px;
    background-image:url('../img/icon-driver.png');
    background-repeat:no-repeat;
    background-position: 50%;
}


.drive-ctr>.row2 > .title{
    vertical-align: middle;
    color: #595959;
    font-size: 20px;
    padding-left: 8px;
}

/*.drive-ctr>.row2 > .csv{
    position: absolute;
    display: block;
    left: 722px;
    bottom: 4px;

    width:44px;
    height:21px;
    background: url("../img/csv-btn-n.png");
    background-repeat: no-repeat;
    background-position: 50%;

    cursor:pointer;
}

.drive-ctr>.row2 > .csv:hover{
    background: url("../img/csv-btn-h.png");
    background-repeat: no-repeat;
    background-position: 50%;
}
.drive-ctr>.row2 > .csv:active{
    background: url("../img/csv-btn-p.png");
    background-repeat: no-repeat;
    background-position: 50%;
}*/



/*.drive-ctr>.list-h{
    position:absolute;
    top:76px;
    left:0;
    right:0;
    height:208px;
}*/

.drive-ctr>.list{
    position:absolute;
    top:76px;
    bottom:0px;
    left:0;
    right:0;

}


.drive-ctr>.list > .btn-print{
    position: absolute;
    /*right: 67px;*/
    left:645px;
    top: -25px;

    width:118px;
    height:22px;
    background: url("../img/pr-btn-n.png");
    background-repeat: no-repeat;
    background-position: 50%;

    cursor:pointer;
}

.drive-ctr>.list > .btn-print:hover{
    background: url("../img/pr-btn-h.png");
    background-repeat: no-repeat;
    background-position: 50%;
}

.drive-ctr>.list > .btn-print:active{
    background: url("../img/pr-btn-p.png");
    background-repeat: no-repeat;
    background-position: 50%;
}


.drive-ctr>.tabs{
    position:absolute;
    width:88px;
    height:22px;
    top: 6px;
    right: 6px;
}
.drive-ctr>.tabs > .tabdr{
    display:table-cell;

    width:44px;
    height:22px;

    background-image:url('../img/tab-dr-n.png');
    background-repeat:no-repeat;
    background-position: 50%;

    cursor:pointer;
}
.drive-ctr>.tabs > .tabdr:hover{
    background-image:url('../img/tab-dr-h.png');
    background-repeat:no-repeat;
    background-position: 50%;
}
.drive-ctr>.tabs > .tabdr:active{
    background-image:url('../img/tab-dr-p.png');
    background-repeat:no-repeat;
    background-position: 50%;
}
.drive-ctr>.tabs > .tabdr-selected
,.drive-ctr>.tabs > .tabdr-selected:hover
,.drive-ctr>.tabs > .tabdr-selected:active{
    background-image:url('../img/tab-dr-p.png');
    background-repeat:no-repeat;
    background-position: 50%;
    cursor:default;
}


.drive-ctr>.tabs > .tabmv{
    display:table-cell;

    width:43px;
    height:22px;

    background-image:url('../img/tab-mv-n.png');
    background-repeat:no-repeat;
    background-position: 50%;

    cursor:pointer;
}
.drive-ctr>.tabs > .tabmv:hover{
    background-image:url('../img/tab-mv-h.png');
    background-repeat:no-repeat;
    background-position: 50%;
}
.drive-ctr>.tabs > .tabmv:active{
    background-image:url('../img/tab-mv-p.png');
    background-repeat:no-repeat;
    background-position: 50%;
}
.drive-ctr>.tabs > .tabmv-selected
,.drive-ctr>.tabs > .tabmv-selected:hover
,.drive-ctr>.tabs > .tabmv-selected:active{
    background-image:url('../img/tab-mv-p.png');
    background-repeat:no-repeat;
    background-position: 50%;
    cursor:default;
}

