
.userCustomerListPanel2 {
    width: 425px;
    float: left;
    background-color: transparent;
    border: none;
    margin: 10px;
    height: calc(100% - 54px); 
    height: -moz-calc(100% - 54px); 
    height: -webkit-calc(100% - 54px);
    height: expression((document.body.clientHeight) -54);
    border-top: none 1px #c8c8c8;
}


.userCustomerListPanel {
    width: 452px;
    float: left;
    background-color: transparent;
    border: none;
    padding: 15px 15px 15px 15px;
    height: calc(100% - 38px);
    height: -moz-calc(100% - 38px); 
    height: -webkit-calc(100% - 38px); 
    height: expression((document.body.clientHeight) - 38);
    border-top: none 1px #c8c8c8;
    margin-top: -15px;
}

.userCustomerListPanel_IE8 {
    width: 355px;
    float: left;
    background-color: transparent;
    border: none;
    padding: 15px 15px 15px 15px;
    height: expression((document.body.clientHeight) - 320);
    border-top: none 1px #c8c8c8;
}

.userCustomerPanelList {
    border: solid 1px #c8c8c8;
    height: 100%;
    width: 100%;
    background-color: #007D8F;
    padding-top: 3px;
    float: left;
}

.userCustomerList {
    border: none;
    border-top: solid 1px #c8c8c8;
    /*margin-top: 20px;*/
    height: -moz-calc(100% - 22px); 
    height: calc(100% - 22px); 
    height: -webkit-calc(100% - 22px); 
    height: expression((document.body.clientHeight) - 22);
    width: 100%;
    background-color: white;
    margin: 5px 0px 0px 0px;
    font-family: "Lucida Console", Monaco, monospace;
}

.userCustomerList_IE8 {
    border: none;
    border-top: solid 1px #c8c8c8;
    /*margin-top: 20px;*/
    height: expression((document.body.clientHeight) - 22);
    width: 100%;
    background-color: white;
    margin: 5px 0px 0px 0px;
    font-family: "Lucida Console", Monaco, monospace;
}

.userCustomerListHeader {
    height: 34px;
    width: 100%;
    background-color: transparent;
    color: white;
    margin: 0 0 0 2px;
    font-family: "Lucida Console", Monaco, monospace;
    margin-top: 2px;
}

.userCustomerPanelDataContent {
    height: -moz-calc(100% - 54px); 
    height: calc(100% - 54px); 
    height: -webkit-calc(100% - 54px); 
    width: 490px;
    z-index: 5000;
    background-color: transparent;
    margin: 10px 0px 0px 0px;
    float: left;
}

.userCustomerPanelDataContent2 {
    height: 100%;
    width: 100%;
    z-index: 5000;
    background-color: transparent;
    margin: 15px 0 0 10px;
    float: left;
}

.userCustomerPanelData {
    height: -moz-calc(100% - 20px);
    height: calc(100% - 20px); 
    height: -webkit-calc(100% - 20px); 
    width: 538px;
    background-color: transparent;
    border: solid 1px #a7a7a7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    padding: 5px 0 0 10px;
}

.userCustomerPanelLine {
    width: 100%;
    height: 30px;
}

.userCustomerLineLabel {
    float: left;
    width: 130px;
    height: 20px;
    margin-top: 5px;
    border: none 1px #000;
}

.userCustomerLineLabelRequired {
    float: left;
    width: 130px;
    height: 20px;
    margin-top: 5px;
    font-weight: 600;
    letter-spacing: -1px;
    border: none 1px #000;
}

.userCustomerLineLabelHeader {
    float: left;
    width: 300px;
    height: 20px;
    margin-top: 5px;
    font-weight: 600;
    border: none 1px #000;
    color: #007D8F;
}

.userCustomerLineTextBox {
    height: 26px;
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
    width: -webkit-calc(100% - 150px);
}

.btnuserCustomerAddCustomerAll {
    background-image: url(../Images/BtnAddCustomerAll.png) !Important;
    width: 120px;
    margin: 0px 5px 0 0px;
    padding: 0 0 0 35px;
    float: left;
    font-size: 0.65em;
    float: left;
}

.btnUserCustomerAddCustomer {
    background-image: url(../Images/BtnAddCustomer.png) !Important;
    width: 120px;
    margin: 0px 5px 0 16px;
    padding: 0 0 0 35px;
    float: left;
    font-size: 0.65em;
    float: left;
}

.btnUserCustomerRemoveCustomer {
    background-image: url(../Images/BtnRemoveCustomer.png) !Important;
    width: 120px;
    margin: 0px 5px 0 0px;
    padding: 0 0 0 35px;
    float: left;
    font-size: 0.65em;
    float: left;
}

.btnUserCustomerAddCustomerAll {
    background-image: url(../Images/BtnAddCustomerAll.png) !Important;
    width: 120px;
    margin: 0px 5px 0 0px;
    padding: 0 0 0 25px;
    float: left;
    font-size: 0.65em;
}
