#appt_header{
    width:1024px;
    margin-left:auto;
    margin-right:auto;

}
#contentwrapper{
    float:left;
    width:1024px;
    margin-left:4px;

    margin-top:15px;

}
#content{
float:left;
    width:1024px;
 
}
#cust_display_wrapper{
    float:left;
    /*    margin-top:13px;
        margin-left:10px;*/
    min-height: 40px;
    max-height: 80px;
    width:100%;
}
.cust_display{
    float:left;
    margin-top:2px;
    margin-left:25px;
    font-size:30px;
    font-weight: bold;
}

.apptdata[data-id="appt_no"]:before {
    /*Content tags aren't selectable. need to find another way to inject this.*/
    /*content: "AN ";*/
}
.apptdata[data-id="custno"]:before {
    /*Content tags aren't selectable. need to find another way to inject this.*/
    /*content: "CN ";*/
}
.apptdata[data-id="appt_type"]:before {
    content: "[";
}
.apptdata[data-id="appt_type"]:after {
    content: "]";
}
.cust_display.tightright {
    margin-right: -28px;
}

#sitenavwrapper {
    float:left;

    width:100%;
    margin-right:auto;
    margin-left:auto;

    border-bottom: 2px darkseagreen solid;
    border-top: 2px darkseagreen solid;

}

.sitenav {
    text-align: center;
    width:75px;
    height:70px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    margin-top:7px;
    padding-left:7px;
    padding-right:10px;

    background-color: darkseagreen;
    font-size:25px;
    color:#ffffff;
    font-weight:bold;
    border-top-right-radius:12px;
    border-top-left-radius:12px;
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    cursor: pointer;
}
#moremenu {
    text-align: center;
    width:75px;
    height:70px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    margin-top:7px;
    padding-left:7px;
    padding-right:10px;

    background-color: darkseagreen;
    font-size:25px;
    color:#ffffff;
    font-weight:bold;
    border-top-right-radius:12px;
    border-top-left-radius:12px;
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    cursor: pointer;
    min-width: 75px;
    height:30px;
    padding-top:20px;
    padding-bottom:20px;
    width: 127px;
    text-align: center;
}
#sitenavsubwrapper {
    position:absolute;
    left:0px;
    top:0px;
    width:250px;

    background-color: #ffffff;
    border-bottom: 2px darkseagreen double;
    border-top: 2px darkseagreen solid;
    display:none;
}
.sitenavsub {
    float:left;
    text-align: center;
    width:200px;
    height:30px;
    float:left;
    padding-top:11px;
    padding-bottom:12px;
    margin-bottom:10px;
    margin-top:7px;
    padding-left:7px;
    padding-right:10px;

    background-color: #ffffff;
    border: 4px darkseagreen solid;
    font-size:25px;
    color:darkseagreen;
    font-weight:bold;
    border-top-right-radius:12px;
    border-top-left-radius:12px;
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    cursor: pointer;
}

.single{
    min-width: 75px;
    height:30px;
    padding-top:20px;
    padding-bottom:20px;
    width: 127px;
    text-align: center;
}
.long{
    width: 127px;
    padding-left:5px;
    padding-right:5px;
}
#custnavwrapper {
    float:left;
    width:100%;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:10px;
    border-bottom: 2px  #5994bf solid;
    border-top: 2px  #5994bf solid;
}


.custnav{
    float: left;
    height: 40px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #5994bf;
    font-size: 23px;
    color: #ffffff;
    font-weight: bold;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    cursor: pointer;
}
/*.custnav{
    float:left;
    height:40px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    margin-top:10px;
    padding-top:3px;
    padding-left:10px;
    padding-right:10px;
    background-color: #5994bf;
    font-size:25px;
    color:#ffffff;
    font-weight:bold;
    border-top-right-radius:12px;
    border-top-left-radius:12px;
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    cursor: pointer;
}*/
.greenborder{
    border: 5px darkseagreen dashed;
    height:34px;
    padding-top:0px; 
}
.savebutton{
    float:right;
    margin-right:30px;
}

.uncommitted{

}
#appointmentwrapper{
    float:left;
    width:100%;
    height:auto;
}
#wait {
    font-size:50px;
    text-align: center;
    left:0px;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:500%;
    background-color:  #d3d3d3;
z-index: 9999999;
    opacity:.8
}
.devbutton{
    float:left;
    height:40px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    margin-top:10px;
    padding-top:3px;
    padding-left:10px;
    padding-right:10px;
    background-color: #ffffff;
    font-size:25px;
    color:#ffffff;
    font-weight:bold;
    border-top-right-radius:12px;
    border-top-left-radius:12px;
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    cursor: pointer;
}
#viewpay{
    float:left;
    width:150px;
    color:green;
}
contractpagewrapper{
 float:left;
 width:100%;
 }
 #rehashplaceholer{
     display:none;
 }