/*
Alexander - Digitalia AS
Styles for Transportørområde
*/
.spacer{
    clear:both;
}

.clearRight{
    clear:right;
}

.clearLeft{
    clear:left;
}

.line{
    /*border-bottom: 1px solid #CCC;*/
}

.errorFeedback{
    background-color: #FF9900;
    border:1px solid black;
    border-radius: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
}

.imgButton{
    width:20px;
    height:auto;
}

.imgButton:hover{
    cursor: pointer;
}

.styledButton{
    /* Brukes til alle knapper */
    margin-right: 10px;
    min-width:100px;
    height:30px;
    border:1px solid #99A189;
    background-color: #C8C8C8;

}

.styledButtonSmall{
    /* Brukes til alle knapper */
    margin-right: 10px;
    min-width:100px;
    height:22px;
    border:1px solid #99A189;
    background-color: #C8C8C8;
}

.styledButton:hover{
    background-color: #99b3e6;
    cursor:pointer;
}

.styledButtonSmall:hover{
    background-color: #99b3e6;
    cursor:pointer;
}

.tableLabel{
    /* brukes i opprette fraktbrev tabell */
    text-align: right;
    font-weight: bold;
    /*width:130px;*/
    padding-right: 15px;
    line-height:25px;
}


.floatLeft{
    display:block;
    float:left;
}

.filterButton{
    /*margin-right: 10px;
    width:100px;
    height:30px;
    border:1px solid #99A189;
    background-color: #C8C8C8;*/

}
.filterButtonActive{
    background-color: #FFB74A;
}
.filterButton:hover{
    /*background-color: #99b3e6;
    cursor:pointer;*/
}

.deaktiverAlleKnapp{
    /*margin-right: 10px;
    height:30px;
    border:1px solid #99A189;
    background-color: #C8C8C8;*/
}
.deaktiverAlleKnapp:hover{
    /*background-color: #99b3e6;
    cursor:pointer;*/
}

.aktiverAlleKnapp{
    /*margin-right: 10px;
    height:30px;
    border:1px solid #99A189;
    background-color: #C8C8C8;*/
}
.aktiverAlleKnapp:hover{
    /*background-color: #99b3e6;
    cursor:pointer;*/
}

.leggTilBomveiKnapp{
    /*margin-right: 10px;
    height:30px;
    border:1px solid #99A189;
    background-color: #C8C8C8;*/
}
.leggTilBomveiKnapp:hover{
    /*background-color: #99b3e6;
    cursor:pointer;*/
}





.regNyBilForm{
    display:none;

}


.kontaktskjemaLabel
{
    display: inline-block;
    width: 120px;
    height: 20px;
    line-height: 25px;
    font-weight: none;

}

.sjaforlisteLabel
{
    display: inline-block;
    width: 120px;
}

input[type="text"]
{
    /*
    height:16px;
    line-height: 16px;
    */
    /*
    padding: 2px;
    margin: 2px;
    */
}

select{
    height:22px;
    line-height: 22px;
    padding:1px;
}

.inputLong
{
    width: 170px;
}

.inputShort
{
    width: 50px;
}

.inputMedium
{
    width: 100px;
}

.formSectionLayout{
    /*
    display: inline-block;
    min-width: 300px;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 20px;
    */
}

.formSpacing{
    padding:20px;
}

.bilerContainer{
    padding:20px;
}

.bilerLitenLabel{
    display:inline-block;
    width:60px;
}

.wrapperNyBilRegistrering{
    padding-top:20px;
    padding-bottom: 5px;
}

.transportoppdragListeContainer{
    padding:20px;
}

.buttonActive{

    background-color: #4479BA;
    color: white;
}





/*  ----  POPUP  ----  */
.popup{
    display:none;
    position:absolute;
    top:0;
    left:0;
    z-index:9000;
}

.popup .popupBackground{
    width:100%;
    height:100%;
    background-color: #0c4b80 ;
    opacity: 0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
}

.popup .popupWrapper{
    position: absolute;
    top:50%;
    left:50%;
    height:500px;
    width:500px;
    margin-left: -250px;
    margin-top:-250px;
    background-color: white;
    z-index:9000;
    border:2px solid #CCC;
    padding:20px;
}

.popup .popupWrapper .tableWrapper{
    height: 380px;
    overflow-y: auto;

}







/* Transportoppdrag detaljer */

.transpDetaljerWrapper{
    padding-top: 20px;
}

.transportDetaljerTop{

}

.transportDetaljerBottom{

}

.transportDetaljerSpacer{
    clear: both;
    padding-top: 5px;
    padding-bottom: 5px;
}

.transpDetaljerTopLeft{
    display:block;
    float:left;
    width:530px;

}

.transpDetaljerTopRight{
    display:block;
    float:right;
    width:300px;

}

.transpDetaljerKart{
    padding:5px;
    border:1px solid #CCC;
    border-radius: 5px;
    height:300px;
    width:300px;
}

.transportDetaljerHeading{
    display:block;
    font-size: 16px;
    font-weight: bold;
    clear:both;
    margin-bottom:10px;
}

.transportDetaljerLabel{
    display:block;
    font-weight: bold;
    float:left;
    width:120px;
    padding:5px;
    text-align: right;
}

.transportDetaljerItem{
    display:block;
    float:left;
    width:120px;
    padding:5px;
}

.transportDetaljerRegistreringerTableWrapper{
    /*
    height:200px;
    padding-right:12px;
    overflow-y: scroll;
    */
}





/* transportOppdragRegistrering */

.transportOppdragRegistreringWrapper{
    padding-top: 20px;
}

.transportOppdragRegistreringLeftCol{
    display:block;
    float:left;
    width:530px;
}

.transportOppdragRegistreringRightCol{
    display:block;
    float:right;
    width:300px;
}

.transportOppdragRegistreringHeading{
    display:block;
    font-size: 16px;
    font-weight: bold;
    clear:both;
    margin-bottom:10px;
}

.transportOppdragRegistreringLabel{
    display:block;
    font-weight: bold;
    float:left;
    width:120px;
    padding:5px;
    text-align: right;
}

.transportOppdragRegistreringLabelLeftJustified{
    display:block;
    font-weight: bold;
    padding:5px;
    text-align: left;
}

.transportOppdragRegistreringItem{
    display:block;
    float:left;
    width:120px;
    padding:5px;
}

.transportOppdragRegistreringSpacer{
    clear: both;
    padding-top: 5px;
    padding-bottom: 5px;
}

.transportOppdragRegistreringTableWrapper{
    max-height:200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.transportOppdragRegistreringTableWrapper .transportOppdragRegistreringTableWrapperInner{
    /* Brukes for å trimme høyre side av tabell hvis scrollbars kommer opp. Tablesorters CSS ødelegger, derfor denne ekstra wrapperen*/
    display: block;
    width: 280px;
}

.transportOppdragRegistreringTableMenu{
    padding: 4px;
}

.transportOppdragRegistreringTableMenu input{
    width: 110px;
    margin-right: 6px;
}

.transportOppdragRegistreringNyBomveiWrapper{
    margin-top:15px;
}

.transportOppdragRegistreringNyBomveiWrapper select{
    display:block;
    width: 280px;
    padding:3px;
    font-size: 11px;
}

.transportOppdragRegistreringNyBomveiWrapper input{
    width: 110px;
    margin-top: 5px;
}