html, body {margin: 0; padding: 0;}

/* Header */
.headerPane {background-position: left top; background-repeat: no-repeat;}
.headerPane .headerTop {height: 65px;}
.headerMenu {margin-top: 11px;}

.templateTitle {float:left; margin-left: 15px; margin-top: 5px; background-image: url('images/NDTceger.png'); background-position: top left; background-repeat: no-repeat; padding-left: 70px; padding-top: 10px; height: 45px; }
.templateTitle a {text-decoration: none; font-size: x-large; color: White;}

.loginControl { float: right; line-height:65px; margin-right: 25px; font-size: 12px;}
.loginControlFooter { float: right; line-height:40px; margin-right: 25px; font-size: 12px;}
.loginControl a {color: #FFCC99; font-weight: normal; text-decoration: none; float: right; margin-left: 15px;}
.loginControl a:hover { text-decoration: underline; }

/* Loginbox */
#rpLoginBox {border: solid 1px #444444!important;}
.loginbox {
    margin: 40px auto auto auto;
    padding: 0;
    width: 400px;
}
.login-field {margin-bottom: 8px; width: 100%; clear:both;}
.login-field input { width: 100%;  }
.login-field table { width: 100%;  }
.loginpict{float:right; height: 33px; width: 33px; margin: 0; padding: 0;}

/* ChangePassword*/
.changepassword h2 {font-size: 16px; text-align:center; color: #006600;}
.changepassword {margin: 40px auto auto auto; width: 400px; }

/* Infobox */
TD.iboxsephorizontal { padding: 5px 0px 5px 0px;  border-bottom: 1px solid ; border-bottom-color: #C0C0C0;}
TD.iboxsepvertical { border: 0; margin: 0px 30px 0px 30px;  }
TD.iboxlabel { padding: 5px 5px 5px 5px; white-space:nowrap; text-align:right; width: 120px; margin: 0;}
TD.iboxvalue { width: 60px; padding: 5px 5px 5px 5px; text-align:right;  white-space:nowrap; margin: 0;}
TD.iboxvalueleft { width: 100%; padding: 5px 10px 5px 10px; text-align:left; }

/* Editpanel */
.editsephorizontal { margin: 5px 0px 5px 0px; border-top: 1px solid ; border-top-color: #C0C0C0;  height: 1px;}
TD.editlabel, TD.editlabelright, TD.editfield, TD.editfieldright { padding: 2px; white-space:nowrap; color: #000000;}
TD.editlabel { text-align:right;}
TD.editlabelright { text-align:left;}
TD.editfieldleft { text-align:right;}
TD.editfieldright { text-align:left;}

/* Footer */
.footerPane {position:relative; height:50px;}
.footerMenu {float: right; padding-top: 7px;}
.copyright {float: left; margin-left: 15px; line-height:40px; color: #D3D3D3; }
.copyright a {color: #FFCC99; font-weight: normal; text-decoration: none; }
.copyright a:visited {color: #FFCC99; font-weight: normal; text-decoration: none; }
.copyrightlogo {float:left; background-color: #ffffff; background-image: url('images/prgroup_logo.jpg'); background-position: center; background-repeat: no-repeat; height: 34px; width: 120px; margin: 3px 0px 0px 5px; padding: 0; }

.content {margin: 10px;}
.contentHeader {width: 100%; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #C0C0C0;}
.contentHeader h2 {margin: 10px 0 7px 10px; font-size: 16px;}

.SectionHeader {width: 100%;}
.SectionHeader h2 {margin: 20px 0 10px 0px; font-size: 16px;}

/* Account */
.accountHeader h2 {margin: 10px 0 7px 0;font-size: 16px;}
.accountHeader p {font-size: 12px; margin: 0; padding: 0;}
.accountHeader {float:left; margin-bottom: 20px;}

.green { color: darkgreen; }
.blue { color: darkblue; }
.red { color: darkred; }
.brown {color: #9B5500;}

.bold { font-weight: bold!important; }
.floatleft { float: left!important;}
.floatright { float: right!important;}
.height30 { height: 30px!important;}
.lineheight30 { line-height: 30px!important;}

.paddedtable th, .paddedtable td { padding: 3px; }

.subscription { background-color: #e3e3e3; font: 11px Verdana, Geneva, sans-serif; border: solid 2px #888; border-collapse: collapse; }
.subscription td { border: solid 1px #888; padding: 6px; }
.subscription .title { text-align: center; font-weight: bold;}
.subscription .subtitle { text-align: center; font-weight: normal; border-bottom: solid 2px #888;}
.subscription .month { text-align: left; font-weight: normal;}
.subscription .value { text-align: right; background-color: #F9F9F9;}

.form-field{ margin-bottom: 8px;}
.field-validation-error { font-size: 11px; color: Red;}
.field-validation-success { font-size: 11px; color: darkgreen;}

.editorsPanel {text-align:left; line-height: 25px; padding-bottom: 10px; overflow:visible;}
.editorsPanel > * {line-height:normal;}
.editorsPanel div.editorContainer {float:left; text-align:left; line-height:normal;}
.editorsPanel label{display: block;float: left; clear: right; padding-right: 10px; font-weight: bold;}

table.ErrorTable {border: 1px solid #999; width: 85%; text-align: center; margin-left: auto; margin-right:auto; border-collapse:collapse; }
table.ErrorTable td { padding: 5px; font-size: 12px; border: 1px solid #999; }
table.ErrorTable td.LeftColumn { width: 100px; text-align: right; vertical-align: top; white-space: nowrap; background-color: #EEEEEE; color: #BB0000; font-weight: bold;}
table.ErrorTable td.RightColumn { text-align: left; vertical-align: top; background-color: #FFF; }

/* TrafikComm */
.dxsplControl_TrafikComm {font-family: Verdana;}
.dxsplControl_TrafikComm .headerPane, .dxsplControl_TrafikComm .footerPane, .dxsplControl_TrafikComm .footerMenu li {background-color: #393939; color: white;}
.dxsplControl_TrafikComm .footerMenu a { color: white !important;}
.dxsplControl_TrafikComm .accountHeader h2 { color: #3C3C3C;}
.dxsplControl_TrafikComm .accountHeader p { font-size: 14px;}
.dxsplControl_TrafikComm .headerMenu { margin-top: 14px;}
.dxgvDetailRow_TrafikComm, .DarkRedGridRow .dxgvDetailCell_TrafikComm, .DarkGreenGridRow .dxgvDetailCell_TrafikComm, .DarkMagentaGridRow .dxgvDetailCell_TrafikComm, .DarkBlueGridRow .dxgvDetailCell_TrafikComm, .OrangGridRow .dxgvDetailCell_TrafikComm {
    background-color: InfoBackground;
}
.dxgvPopupEditForm_TrafikComm { background-color: rgb(215, 216, 216);}
.dxnbLite_TrafikComm .dxnb-content {border: solid 1px rgb(112, 112, 112);}
.dxbButton_TrafikComm {
   color: #FFF!important;
   background-color: #868686!important;
   background-image: none!important;
}

.google_map_canvas {min-height: 200px; width: 100%; border: 1px solid #333;}
.google_map_canvas img { max-width:none; }
.google_map_info {color: #000; white-space: nowrap; overflow: visible;}
.google_map_info #truckimage {position: absolute; bottom: 0px; right: 0px; }
.google_map_alert {padding: 10px; margin-bottom: 10px; line-height: 30px; color: #FF6666; font-size: 14px;}


.dxnbLite_TrafikComm {
    color: Black;
    background-color: White;
}
    .dxnbLite_TrafikComm .dxnb-header, .dxnbLite_TrafikComm .dxnb-headerCollapsed {
        background-color: #707070;
        padding: 11px 10px 7px;
        color: White;
        font-weight: normal;
        border: 1px solid Black;
    }

    .dxnbLite_TrafikComm .dxnb-content {
        border: solid 1px rgb(112, 112, 112);
    }

    .dxnbLite_TrafikComm .dxnb-last .dxnb-headerCollapsed, .dxnbLite_TrafikComm .dxnb-last .dxnb-content, .dxnbLite_TrafikComm li:last-child.dxnb-gr > .dxnb-headerCollapsed {
        border-bottom: solid 1px rgb(112, 112, 112);
    }

    .dxnbLite_TrafikComm .dxnb-item, .dxnbLite_TrafikComm .dxnb-large, .dxnbLite_TrafikComm .dxnb-bullet {
        border: 1px solid Transparent;
    }
    
    .dxnbLite_TrafikComm .dxnb-content {
        background-color: #f5f5f5;
    }

    .dxnbLite_TrafikComm .dxnb-itemSelected, .dxnbLite_TrafikComm .dxnb-largeSelected {
        background-color: #fddc7f;
        border: 1px solid #c2762b;
    }

.dxgvControl_TrafikComm .dxgvTable_TrafikComm .dxgvFocusedRow_TrafikComm, .dxgvControl_TrafikComm .dxgvTable_TrafikComm .dxgvFocusedRow_TrafikComm.dxgvDataRowHover_TrafikComm {
    /*background-color: #faedb6;
    color: Black;*/
}

.dxgvEditFormDisplayRow_TrafikComm td.dxgv, .dxgvDetailCell_TrafikComm td.dxgv, .dxgvDataRow_TrafikComm td.dxgv, .dxgvDetailRow_TrafikComm.dxgvADR td.dxgvAIC {
    padding: 6px 8px 9px;
}

.DarkBlueGridRow {
    color: darkblue;
}
.DarkBlueGridRow.dxgvFocusedRow_TrafikComm {
    color: #c3c2ff !important;
}
.DarkRedGridRow {
    color: darkred;
}
.DarkRedGridRow.dxgvFocusedRow_TrafikComm {
    color: #ffc8c8!important;
}
.DarkMagentaGridRow {
    color: darkmagenta;
}
.DarkMagentaGridRow.dxgvFocusedRow_TrafikComm {
    color: #b573ff!important;
}
.DarkGreenGridRow {
    color: darkgreen;
}
.DarkGreenGridRow.dxgvFocusedRow_TrafikComm {
    color: #a7fca1 !important;
}
.OrangGridRow {
    color: #b66f05;
}
.OrangGridRow.dxgvFocusedRow_TrafikComm {
    color: #fcad37;
}

.dxrpControl_TrafikComm > tbody > tr.dxrpCR > .dxrpcontent {
    background-image: none;
    background: #f3f3f3;
}

.dxrpControl_TrafikComm td.dxrpHeader_TrafikComm {
    background-color: #C4C4C4;
}