﻿/* DEFAULTS
----------------------------------------------------------*/

html, body {
    height: 100%;
}

body {
    background: white;
    font-size: .70em;
    font-family: Verdana, "Arial CE",Arial, "Helvetica CE",sans-serif;
    margin: 0px;
    padding: 0px;
    color: black;
}

#divtopleft {
    float: left;
    min-height: 300px;
    width: 49%;
    margin-right: 1%;
}

img {
    border: 0 none;
}

.DealerChooseDiv {
    position: static;
    left: 0px;
    width: 49%;
}

.ChooseDealerPanel {
    width: 100%;
    height: 200px;
}

.MainGridPanel {
    position: relative;
    top: -30px;
}

#divtopright {
    float: left;
    min-height: 300px;
    width: 49%;
    margin-left: 1%;
    vertical-align: top;
}

#divbottom {
    float: left;
    width: 100%;
    margin-top: 1%;
    height: 100%; /*height: 375px;*/
}

#container {
    min-height: 100%;
    position: relative;
}

#body {
    padding-bottom: 50px; /* Height of the footer +20px */
    /*height: 100%;*/
}

#footer {
    height: 30px; /* Height of the footer */
}

.main {
    margin: 8px 8px 8px 0px;
    width: 1260px;
    /*min-height: 570px;*/
    height: 100%;
    float: left;
}

.page {
    width: 1260px;
    background-color: #fff;
    margin: 0px auto 0px auto; /*border: 1px solid #496077;*/
    height: auto;
}

.doubledHr {
    height: 5px;
    background: white;
    border: 0px none;
}

.normaldHr {
    height: 2px;
    background: white;
    border: 0px none;
}

.normalHr {
    height: 1px;
    background: white;
    border: 0px none;
}

.NahledDiv {
    background: #F2F2F2;
}

    .NahledDiv table, .NahledDivSek {
        padding: 5px 5px 5px 5px;
    }

.CelkovaSuma {
    font-size: 16px;
    font-weight: bold;
}

.Heading {
    font-size: 16px;
    font-weight: bold;
}

.gray {
    background: lightgray;
}

.darkgray {
    background: gray;
    color: White;
}


.darkgray {
    background: gray;
    color: White;
    font-weight: bold;
}

.hrbig {
    height: 4px;
    background: gray;
}

fieldset legend {
    color: black;
}

a:link, a:visited {
    color: white;
    text-decoration: none;
}

a:hover {
    color: white;
    text-decoration: underline;
}

a:active {
    color: white;
    text-decoration: none;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: black;
    font-weight: bold;
    margin-bottom: 0px;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
}

h3 {
    font-size: 1.4em;
    font-weight: normal;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.abovePage0 {
    width: 1260px;
}

.abovePage00 {
    background: white;
    width: 1280px;
    height: 55px;
    position: absolute;
}

.abovePage {
    width: 1260px;
    margin: 0px auto 0px auto;
}

.btRowContent {
    /*background: white url(../images/header_line.png?sss) repeat-x top center;*/
}

.btLeft {
    width: auto;
}

.btCenter {
    width: 1280px;
    vertical-align: top;
}

.btRight {
    width: auto;
}

.btRowLinks {
    background-color: #F2F2F2;
}

.divfooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* Height of the footer */
    background: #6cf;
}

.quickLinks {
    float: left;
    width: 900px !important;
    width: 1260px;
    width: /**/ /**/ 900px;
    padding: 20px 20px 20px 20px;
    background-image: url('../images/footer.png');
    background-repeat: no-repeat;
}

.qlTable {
    width: 100%;
    table-layout: fixed;
    color: Black;
}

    .qlTable TH {
        font-size: 14px;
        text-align: left;
        vertical-align: top;
    }

    .qlTable TD {
        text-align: left;
        vertical-align: top;
    }

        .qlTable TD a, .qlTable TD a:visited, .qlTable TD a:active, .qlTable TD a:hover {
            font-size: 12px;
            margin-bottom: 2px;
            text-decoration: none;
            display: inline-block;
            padding-left: 15px;
            line-height: 22px;
        }

            .qlTable TD a, .qlTable TD a:visited, .qlTable TD a:active, .qlTable TD a:hover {
                color: #555555;
            }

.qTableLink {
    background: transparent url(../images/arrow_right.png) no-repeat center left;
}

.qlTable TD a span, .qlTable TD a:visited span, .qlTable TD a:active span {
    color: #555555;
    text-decoration: none;
}

.qlTable TD a:hover span {
    color: #299926;
    text-decoration: underline;
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 1260px;
}

.mainAbove {
    background: red;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
    background-color: #888989;
    width: 100%;
    height: 35px;
}

.menuTop {
    width: 1260px;
}

.menuBelow {
    width: 99%;
    font-size: 19px;
    font-weight: bold;
    border: 1px solid #ECECEC;
    padding: 7px 0px 7px 7px;
    background: white;
}

div.menu {
    padding: 4px 0px 4px 8px;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

span.selected {
    padding: 2px 15px;
    position: relative;
    left: 5px;
    top: 6px;
    text-decoration: none;
    background-color: white;
    color: #888989;
    text-decoration: none;
    font: normal 17px/23px "Verdana", Arial, sans-serif;
}

div.menu ul li a, div.menu ul li a:visited {
    background-color: #888989;
    border: 1px #888989 solid;
    color: White;
    display: block;
    padding: 4px 22px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 16px;
}

    div.menu ul li a:hover {
        background-color: white;
        color: #888989;
        text-decoration: none;
    }

    div.menu ul li a:active {
        background-color: white;
        color: #cfdbe6;
        text-decoration: none;
    }

    div.menu ul li a.selected {
        background-color: white;
        color: #888989;
        text-decoration: none;
    }

/* FORM ELEMENTS   
----------------------------------------------------------*/
span.hlavni {
}

fieldset, fieldset.mainfieldset {
    margin: 0px;
    padding: 7px;
    padding-left: 15px;
    padding-bottom: 15px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}


/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.chbClass {
    position: relative;
    top: 2px;
}

.title {
    display: block;
    width: 1280px;
    height: 121px;
    /*background: white url('../images/top.jpg?s') no-repeat top;*/
}

.LoginViewDiv {
    display: block;
    width: 1260px;
    position: absolute;
    float: left;
    left: 4px;
    top: -30px;
    color: gray;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    color: White;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: white;
    }

    .loginDisplay a:hover {
        color: white;
    }

.failureNotification {
    font-size: 1.2em;
    color: red;
    padding: 0px;
    margin: 0px;
}

.NahledButtonDiv {
    background: #A3A3A3;
}

table.loginTable {
}

    table.loginTable td {
        height: 30px;
    }

table.stattable td {
    border: 1px solid black;
    text-align: center;
}

    table.stattable td.tdleft {
        border: 1px solid black;
        text-align: left;
        padding-left: 3px;
    }

table.stattable2 td {
    border: 1px solid black;
    text-align: center;
    font-size: 11px;
}

.WhiteTitle {
    color: White;
}

table.stattable2 td.tdleft {
    border: 1px solid black;
    text-align: left;
    font-size: 11px;
}

.statdiv {
    padding-top: 50px;
    width: 100%;
    overflow: auto;
}

/* ------------- Others ----------------- */

html body form .RadInput .numtextbox {
    border: 1px solid Black;
    font-size: 13px;
    height: 14px;
    padding-top: 0px;
}

table.mainformDiv input.textbox, .dtpicker {
    width: 100px;
    border: 1px solid lightgray;
}

table.mainformDiv input.readonly {
    background: #A3A3A3;
    color: White;
}

table.mainformDiv td {
    height: 25px;
}

table.NoWrapTable td {
    white-space: nowrap;
}

.CustomerSavedDiv {
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 100px;
}

.WinDetailDiv {
    padding-right: 10px;
}

fieldset {
    border: 1px solid black;
}

table.mainformDiv input.button, .btn, .smallbtn, .smallbtnExport, .btn_disabled {
    cursor: pointer;
    background-color: #888989;
    color: White;
    font-weight: bold;
    padding: 10px 40px 10px 40px;
    border: 1px solid #888989;
    width: 170px;
}

.SmazatSmallButton {
    position: relative;
    top: 3px;
}

.smallbtn, .smallbtnExport {
    padding: 5px 4px 5px 4px;
    width: 120px;
}

.smallbtnExport {
    margin-left: 2px;
}

.btn, .btn_disabled {
    margin: 3px 3px 3px 3px;
}

input.bclose {
    cursor: pointer;
    background-color: White;
    color: #888989;
    font-weight: bold;
    border: 1px solid #888989;
}



.RadMenu_TopMenu .rmGroup {
    border: 1px solid #888989;
    background: white;
}

.RadMenu_TopMenu .rmItem {
    text-align: left;
}

.RadMenu_TopMenu .rmSlide .rmItem {
    height: 20px;
    margin-top: 5px;
}


/* ------------- Lukas ----------------- */


.Title {
    color: black;
    font-size: 14px;
}

.hr {
    border: none 0;
    border-top: 1px dashed #000;
    margin-top: 5px;
    width: 100%;
    height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
}

.buttonControlCenter {
    /*font-weight: bold;*/
    padding: 6px 10px 6px 10px;
    background-color: #4ba82e;
    text-decoration: none;
    height: 22px;
}


.buttonControlAnchor {
    text-decoration: none;
    color: #FFFFFF;
    border: none;
    font-weight: bold;
}


.RadMenu_TopMenu .rmLink {
    color: green;
}

.RadMenu_TopMenu .rmRootLink {
    color: white;
}

html body form .RadInput .Myreadonly {
    background: lightgray;
    border-color: #000;
}

html body form .RadInput .MyEnabled {
    background: white;
    border-color: #000;
}

.DatumUznano {
    font-size: 11px;
    color: gray;
    margin-right: 32px;
}

.menuaspxDiv {
    position: absolute;
    margin-top: -8px;
    width: 280px;
    height: 95px;
    background-color: #888989;
}

.menuaspxDivIn {
    width: 270px;
    float: right;
    padding-top: 8px;
}

    .menuaspxDivIn a {
        color: white;
        font-size: 15px;
    }

.multiPage {
    background: #888989;
    width: 100%;
    height: 8px;
    margin-bottom: 10px;
}

a.ContactTypeButton, a.ContactTypeButtonSelected {
    text-align: center;
    width: 70px;
    height: 87px;
    padding: 5px;
    cursor: pointer;
    float: left;
}

a.ContactTypeButton {
    color: black;
    font-weight: normal;
}

a.ContactTypeButtonSelected {
    background: gray;
    text-decoration: none;
    color: White;
    font-weight: normal;
}

.TestPanel {
    width: 900px;
    height: 50px;
    text-align: center;
    float: left;
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    color: Red;
}

.spanQuestionnaire {
    font-size: 30px;
    font-weight: bold;
}

.crTitle {
    font-weight: bold;
}

.crValue {
    padding-bottom: 2px;
}

.VoucherGrayDiv {
    background: #A3A3A3;
    width: 770px;
    height: 167px;
    position: absolute;
    z-index: 450;
}

.NewContactHeader {
    width: 610px;
    background: #A3A3A3;
    padding: 10px;
    padding-left: 30px;
    height: 50px;
}

.btn_disabled {
    background: gray;
    color: lightgray;
    border: 1px solid gray;
}

.FooterPdfIcon {
    position: relative;
    top: 7px;
}

a.uploadedfile {
    color: black;
}

div.uploadedfile {
    padding-bottom: 7px;
}

img.uploadedfile {
    cursor: pointer;
    border: 0 none;
}

.crdcComment {
    padding-top: 5px;
}

.bcLabel {
    width: 160px;
    float: left;
    margin-left: 10px;
    margin-right: 5px;
}

.bcField {
    float: left;
}

.bcNewLine {
    clear: both;
}

.bcStrong {
    font-weight: bold;
}

.wrapper1, .wrapper2 {
    width: 1260px;
    overflow-x: scroll;
    overflow-y: hidden;
}

.wrapper1 {
    height: 20px;
}

.div1 {
    width: 1940px;
    height: 20px;
}

.div2 {
    width: 1940px;
    background-color: #e5e5e5;
    overflow: auto;
}


.wrapperFH1, .wrapperFH2 {
    width: 980px;
    overflow-x: scroll;
    overflow-y: hidden;
}

.wrapperFH1 {
    height: 18px;
}

.divFH1 {
    width: 980px;
    height: 18px;
}

.divFH2 {
    width: 980px; 
    background-color: #88FF88;
    overflow: auto;
}

.crdMainTable {
    table-layout: fixed;
}

table.crdMainTable td {
    vertical-align: top;
}

.crdTable {
    table-layout: fixed;
}

.crdTabDiv {
    height: 336px;
    border: 1px solid gray;
}
.employeeTabDiv {
    height: 465px;
    border: 1px solid gray;
    padding: 10px;
}
.employeeTabDiv-table {
    height: 485px;
    border: 1px solid gray;
    padding: 0;
}

fieldset.crdHistory {
    background-color: lightgray;
    height: 250px;
    width: 250px;
    margin: 0;
}

legend.crdHistory {
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

fieldset.crdHistory li {
    padding-bottom: 10px;
}

fieldset.employee {
    background-color: lightgray;
    color: white;
    margin: 0px;
    padding: 7px;
    padding-left: 15px;
    padding-bottom: 15px;
}

legend.employee {
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

table.crdFDetailDatenTable {
    padding-top: 5px;
}

    table.crdFDetailDatenTable td {
        height: 30px;
    }

.crdStateImage {
    border: none;
    position: relative;
    top: 3px;
}

.crDivCheckbox label {
    line-height: 20px !important;
    width: 90% !important;
    text-align: left !important;
    vertical-align: auto !important;
    padding-left: 2px !important;
}

/*---------- Martin -------------*/
.Left {
    float: left;
}

.Right {
    float: right;
}

.Clear {
    clear: both;
}

.Bold {
    font-weight: bold;
}

html body #FilterContainerToHide1 .riSingle .riTextBox {
    height: 24px !important;
    margin-top: -3px !important;
}

.FilterTableCell {
    height: 22px;
    padding-top: 6px;
}

.Fixed {
    position: fixed;
    z-index: 4999;
    background-color: white;
}

.CheckBoxLabel {
    position: relative;
    top: -2px;
}

.RadWindow {
    /*position: fixed !important;*/ /* all browsers in standards-compliance mode */
}

.RadInput_Metro, .RadInputMgr_Metro {
    height: 26px;
}

input[type="checkbox"][disabled] {
    opacity: 0.5;
}


.RadWindow_Metro table .rwFooterRow,
.RadWindow_Metro table .rwTopLeft,
.RadWindow_Metro table .rwTopRight,
.RadWindow_Metro table .rwBodyLeft,
.RadWindow_Metro table .rwBodyRight {
    display: none !important;
}

.RadWindow_Metro table .rwIcon {
    margin-left: 10px !important;
}

#ctl00_MainContent_CarListControl1_CarsGrid_ctl00 td {
    white-space: nowrap !important;
    overflow: hidden !important;
}

.nobr {
    white-space: nowrap !important;
}

div.RadToolTip_Metro .rtWrapper .rtWrapperContent {
    color: white!important;
}

.ImageLockOpenCss:hover {
    color: white;
    text-decoration: underline;
}

.cardetailTitle {
    font-size: 13px;font-weight: bold;
}

table.ThreeCols { 
      border-spacing:0; 
      border-collapse:collapse;  
      width:100%;
    }

td.ThreeCols {
    padding:0;
    width: 33%;
}

col.ThreeCols {
    display: table-column;
}

table.MultiBottomPanel
{
    margin-top: 10px;
}

/*Dashboard*/
table.DashboardFahrzeugeImBestand td {
    height: 20px;
}
/*Dashboard*/

table.assignDocTable img.imgEnabled{
    cursor: pointer;
}

table.assignDocTable img.imgDisabled{
    cursor: auto;
}
