body {
    font-family: arial;
    font-size: 80%;
}

.Calendar {
    text-align: left;
    vertical-align: top;
    width: 300;
    font-size: 12px;
}
/*
control
#id
.classname
*/
.CustomerTable {
    text-align: left;
    vertical-align: top;
    width: 400;
    font-size: 12px;
    color: Black;
    background-color: White;
}

.CustomerTableSelected {
    text-align: left;
    vertical-align: top;
    width: 400;
    font-size: 12px;
    color: Black;
    background-color: #FF9900;
}

.CustomerTable th a {
    color: #FF9900;
}

.TableTitleBar {
    height: 20px;
    color: #FF9900;
    background-color: Gray;
    color: #FF9900;
    /*font-size: large;*/
}

.navbutton {
    white-space: normal;
    height: 20px;
    Width: 80px;
    font-size: 12px;
}

/*.OrderlistButton {
    white-space: normal;
    Width: 220px;
    font-size: 12px;
}
*/
.RequiredFieldValidator {
    font-size: 12px;
    color: Red;
}

.StyleLabel {
    font-family: "Arial", Times, serif;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 3px;
    padding-right: 10px;
    color: Black;
    text-align: left;
    vertical-align: top;
}

.StyleLabelOrange {
    font-family: "Arial", Times, serif;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    color: #FF9900;
}

.MasterStylePanel {
    white-space: normal;
    height: 40px;
    Width: 100px;
    font-size: 10px;
    text-align: center;
    color: #FF9900;
}


.BorderMaster {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 2px;
    padding-top: 2px;
}

.Style9 {
    font-family: "Times New Roman", Times, serif;
    font-size: 19px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
}

.Style10 {
    font-family: "Times New Roman", Times, serif;
    font-size: 19px;
    padding-left: 10px;
}

table.list, td.details table.list {
    width: 100%;
    border: 1px solid #000;
}

    table.list tr th, td.details table.list tr th {
        text-align: left;
        background-color: Gray;
        color: #FFF;
        font-size: 100%;
        border-style: none;
        padding: 2px 20px 2px 2px;
    }

    table.list tr td, td.details table.list tr td {
        border-bottom: 1px solid #999;
        padding: 2px 20px 2px 2px;
    }

th {
    background-color: Gray;
    color: #FF9900;
    text-align: left;
}


table.list tr {
    background-color: White;
}

    table.list tr.odd {
        background-color: Gray;
    }

table.gnav tr td {
    background-color: White;
    border: 1px solid Black;
    padding: 2px 10px;
    font-weight: bold;
}

    table.gnav tr td a {
        color: Black;
        text-decoration: none;
    }

        table.gnav tr td a:hover {
            color: Gray;
            text-decoration: underline;
        }

table.webparts tr th {
    background-color: Gray;
    padding: 5px;
    color: white;
    font-size: 130%;
    border: 1px solid #009;
}

td.details div table tr td, td.details div table tr td.detailheader {
    border-style: none;
}

td.detailheader {
    text-align: right;
    font-weight: bold;
    white-space: nowrap;
    border-style: none;
    padding: 3px 10px 3px 0px;
    background-color: Gray;
}

td.details div table {
    border-style: none;
}

    td.details div table tr td.detailitem {
        width: 100%;
        padding: 3px 10px 3px 0px;
    }

td.details {
    border: 2px solid #009;
    padding: 10px;
    background-color: #EEE;
}

.alert {
    color: #C00;
    font-weight: bold;
}

.style1 {
    width: 100%;
    margin-bottom: 5px;
    height: 87px;
}

.style2 {
    width: 433px;
    height: 83px;
}

.style3 {
    width: 107px;
    height: 59px;
}

.style4 {
    width: 115px;
    background-color: Gray;
}

.style5 {
    background-color: #c0c0c0;
}



.style2 {
    font-family: Arial, Helvetica, sans-serif;
}

.style3 {
    font-size: 19px;
    padding-left: 10px;
    width: 135px;
}

.style4 {
    font-size: 19px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.style37 {
    height: 27px;
}

.style2 {
    font-family: Arial, Helvetica, sans-serif;
}

.style3 {
    font-size: 19px;
    padding-left: 10px;
    width: 135px;
}

.style4 {
    font-size: 19px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.style5 {
    font-family: Arial, Helvetica, sans-serif;
    width: 84px;
}

.style8 {
    font-size: 19px;
    padding-left: 10px;
    width: 34px;
    height: 11px;
}

.style11 {
    font-size: 19px;
    width: 149px;
    height: 59px;
    padding-left: 10px;
}

.style13 {
    font-family: Arial, Helvetica, sans-serif;
    width: 149px;
}

.style14 {
    font-size: 19px;
    width: 84px;
    height: 59px;
    padding-left: 10px;
}

.style15 {
    font-size: 19px;
    padding-left: 10px;
    width: 149px;
    height: 5px;
}

.style16 {
    font-size: 19px;
    padding-left: 10px;
    width: 84px;
    height: 5px;
}

.style17 {
    height: 5px;
}

.style18 {
    height: 24px;
}

.style19 {
    font-size: 19px;
    width: 149px;
    height: 24px;
    padding-left: 10px;
}

.style20 {
    font-size: 19px;
    width: 84px;
    height: 24px;
    padding-left: 10px;
}

.style21 {
    font-size: 19px;
    width: 149px;
    height: 2px;
    padding-left: 10px;
}

.style22 {
    font-size: 19px;
    width: 84px;
    height: 2px;
    padding-left: 10px;
}

.style23 {
    height: 2px;
}

.style24 {
    width: 144%;
}

.style26 {
    margin-left: 0px;
}

.style27 {
    font-family: Arial, Helvetica, sans-serif;
}

.style28 {
    font-size: 19px;
    padding-left: 10px;
    width: 84px;
    height: 11px;
}

.style29 {
    width: 84px;
}

.style30 {
    font-family: Arial, Helvetica, sans-serif;
    width: 149px;
    height: 93px;
}

.style31 {
    font-family: Arial, Helvetica, sans-serif;
    width: 84px;
    height: 93px;
}

.style32 {
    height: 93px;
}

.style33 {
    width: 114px;
}

.style34 {
    width: 100px;
}

.style38 {
    width: 200px;
}


.masterstyle1 {
    width: 1000px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}

.masterstyle2 {
    height: 101px;
}

.masterstyle3 {
    width: 100%;
    margin-bottom: 5px;
    background-color: #666666;
}

.masterstyle4 {
    width: 263px;
    height: 83px;
}

.masterstyle5 {
    width: 362px;
    height: 83px;
}

.masterstyle6 {
    height: 83px;
}

.masterstyle7 {
    width: 73px;
    height: 83px;
}

.masterstyle8 {
    width: 257px;
}

.masterstyle11 {
    width: 100%;
}

.masterstyle12 {
    width: 853px;
    height: 59px;
}

.masterstyle13 {
    width: 120px;
    height: 59px;
}

.masterstyle14 {
    width: 15px;
    height: 59px;
}

article, section, aside, hgroup, nav, header, footer, figure, figcaption {
    display: block;
}

* {
    margin: 0px;
    padding: 0px;
}

body {
    margin-left: 0px;
    margin-top: 0px;
}

img {
    border: none;
}

#wrapper {
    /*width: 1194px;*/
    margin-right: auto;
    margin-left: auto;
    min-width: 960px;
    max-width: 1200px;
}

#contentwrapper {
    width: 100%;
    min-height: 500px;
}

#header {
    height: 76px;
    background-color: gray;
}

#pagetitle {
    height: 30px;
    background-color: gray;
    margin: 1px 0px 1px 1px;
    /*width: 1103px;
            float: left;*/
}

    #pagetitle span {
        margin-left: 5px;
        font-size: x-large;
        color: #FF9900;
        font-weight: bold;
    }

.subtitle {
    margin-left: 5px;
    height: 26px;
    color: #FF9900;
    font-size: large;
    background-color: Gray;
}

.selected {
    background-color: #FF9900;
}

#aside {
    /*width: 90px;*/
    float: right;
    /*  min-height: 600px;*/
    background-color: Gray;
}

#content {
    /*width: 1102px;
            float: left;
            margin: 1px;*/
}

#footer {
    height: 20px;
    clear: both;
    border: 1px solid black;
    background-color: black;
    color: White;
    /*width: 1193px;*/
}

#fcol1 {
    float: left;
    width: 400px;
}

#fcol2 {
    float: left;
}

    #fcol2 a {
        color: White;
    }

#fcol3 {
    float: right;
    margin-right: 10px;
}

.apptitle {
    font-size: x-large;
    color: #FF9900;
    float: right;
    margin: 10px;
}

.OrderlistButton {
    white-space: normal;
    /*margin-top: 5px;*/
    height: 24px;
    width: 140px;
    margin-right: 5px;
    float: left;
}

.OrderlistButtonSmall {
    white-space: normal;
    width: 124px; /*habra 120*/
    /*margin-top: 5px;*/
    /*height: 24px;*/
    font-size: 90%;
}

.OrderlistButtonLarge {
    white-space: normal;
    height: 24px;
    width: 360px;
}

.OrderListInputSmall {
    width: 120px;
}

.loginform {
    margin-top: 100px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}

    .loginform table tr td {
        padding: 2px;
    }

.navbutton {
    white-space: normal;
    height: 20px;
    width: 100px;
    font-size: 12px;
    margin-right: 5px;
    float: right;
}

#ctl00_c_txtPassword, #ctl00_c_txtUsername {
    width: 173px;
}

.orderfilter {
    font-size: 85%;
}

#pagetitle .error {
    color: Red;
    background-color: White;
    font-size: x-small;
    text-align: right;
    float: right;
    margin: 5px;
    padding: 2px;
    padding-left: 30px;
}

#pagetitle .notice {
    color: Red;
    background-color: White;
    font-size: x-small;
    text-align: right;
    float: right;
    margin: 5px;
    padding: 2px;
    padding-left: 30px;
}

#pagetitle .warning {
    color: Red;
    background-color: White;
    font-size: x-small;
    text-align: right;
    float: right;
    margin: 5px;
    padding: 2px;
    padding-left: 30px;
}

#pagetitle .success {
    color: Red;
    background-color: White;
    font-size: x-small;
    text-align: right;
    float: right;
    margin: 5px;
    padding: 2px;
    padding-left: 30px;
}


#ctl00_c_GridView4 input {
    border: 0px;
}

#ctl00_c_gvOrderlijnen input {
    width: 100%;
    display: block;
}

.alert-box {
    color: #555;
    border-radius: 10px;
    font-family: Tahoma,Geneva,Arial,sans-serif;
    font-size: 11px;
    padding: 10px 10px 10px 36px;
    margin: 10px;
}

    .alert-box span {
        font-weight: bold;
        text-transform: uppercase;
    }

.error {
    background: #ffecec url('images/error.png') no-repeat 10px 50%;
    border: 1px solid #f5aca6;
}

.success {
    background: #e9ffd9 url('images/success.png') no-repeat 10px 50%;
    border: 1px solid #a6ca8a;
}

.warning {
    background: #fff8c4 url('images/warning.png') no-repeat 10px 50%;
    border: 1px solid #f2c779;
}

.notice {
    background: #e3f7fc url('images/notice.png') no-repeat 10px 50%;
    border: 1px solid #8ed9f6;
}

#contantklant {
    display: none;
}

#dlgNieuweOrder, #dlgBetaling, #dlgContantFactuur, #dlgVerwijderAlleOrderregels {
    display: none;
}

#ck-form label, #dialog-form input {
    display: block;
}

#ck-form input.text, #ctl00_c_ddContantKlant-button {
    margin-bottom: 12px;
    width: 95%;
    padding: .4em;
}

#ck-form fieldset {
    padding: 0;
    border: 0;
    margin-top: 25px;
}

#ck-form h1 {
    font-size: 1.2em;
    margin: .6em 0;
}

#ck-form div#users-contain {
    width: 350px;
    margin: 20px 0;
}

    #ck-form div#users-contain table {
        margin: 1em 0;
        border-collapse: collapse;
        width: 100%;
    }

        #ck-form div#users-contain table td, div#users-contain table th {
            border: 1px solid #eee;
            padding: .6em 10px;
            text-align: left;
        }

#ck-form .ui-dialog .ui-state-error {
    padding: .3em;
}

#ck-form .validateTips {
    border: 1px solid transparent;
    padding: 0.3em;
}

.center {
    padding: 100px 450px 100px 450px;
    text-align: center;
}

.changepw {
    text-align: left;
}

#dlgBetaling fieldset {
    padding: 0;
    border: 0;
    margin-top: 25px;
}

}

p.MsoNormal {
    margin-bottom: .0001pt;
    font-size: 11.0pt;
    font-family: Calibri;
    margin-left: 0in;
    margin-right: 0in;
    margin-top: 0in;
}

.auto-style1 {
    height: 39px;
}
/*Voor autocompleteextender*/
ul.extList {
    list-style: none;
    border: solid 1px black;
    border-top: none;
}

.overflow {
    height: 200px;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.emailadres:after{ content:'@servicepoint.nl'; }

.float-right {
    float:right;
}