#history-main{
   
    float:left;
    width:100%;
}
#histheader{
    float:left;
    width:100%;
     font-size: 25px;
      margin-top:4px;
        margin-bottom:4px;
        font-size:20px;
}
#historyselect{
       float:left;

        font-size:20px; 
        font-family:monospace
}
#historydiv{
      max-height: 400px;
   overflow-y:scroll;
   overflow-x:hidden;
   float:left;
   -webkit-overflow-scrolling: touch; 
}
#histresults{
height:auto;
 overflow-y:scroll;
 overflow-x:hidden;
 float:left;
 width:100%;
 -webkit-overflow-scrolling: touch; 
 display:none;
}
#histsold{
 overflow-y:scroll;

 float:left;
 width:48%;
 -webkit-overflow-scrolling: touch; 
 font-size:20px; 
}
#histunsold{
 overflow-y:scroll;

 float:left;
 width:48%;
 -webkit-overflow-scrolling: touch; 
 font-size:20px; 
}
#histheaderleft{
 height: 40px;

 float:left;
 width:49%;
 -webkit-overflow-scrolling: touch; 
 font-size:20px; 
}
#histheaderright{
    height: 40px;
   
    float:left;
    width:49%;
    -webkit-overflow-scrolling: touch; 
    font-size:20px; 
   }
   .resultstable {
    border-spacing: 1px;
    border: solid 1px #666;
        width: 100%;

        height:auto;
        word-wrap: break-word;
  }
   #soldtable {
    float:left;
  }
  #unsoldtable {
    float:right;
  }
  .resultstable tr {
    border-spacing: 2px;
  }
  .resultstable td {
    border: solid 1px #666;
    width: auto;
    word-wrap: break-word;
    padding: 5px;
  }
#histcustomer  {
     width: 100%;
    float: left;
    padding: 5px 5px;
    margin: 5px 2px;
    height: auto;
    border: thin #5994bf solid;
    color: #5994bf;
    font-size: 20px;
    overflow: hidden;
    text-align: center;
}
#histcustomer ul {
    float: left;

}
#histcustomer li {
    float: left;
    list-style: none;
    margin-right: 20px;
 
}
#histcustomer span{
  margin-right: 5px;
  float:left
}
#histcustomer input {
  font-size: 22px;
  float:left;
      max-width:200px;
      border:none;
      margin-top:-3px;
}
#docimage{
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    top:0px;
    width:1000px;
    display:none;
        background-color: #ffffff;
}

#docimage img{
    left:0px;
    top:0px;
    width:100%;
  

}
#currentappt{
    float:left;
    width:100%;
display:none;
}

#histsales{
    display:none;
  
}
#histappt{
    display:none;
}
#addnotebuttondiv{
    width:140px;
/*    margin-left:auto;
    margin-right:auto;*/
float:left;
     margin-top:20px;
     margin-left:15px;
}
#addnotebutton{

    padding-left:10px;
     padding-right:10px;
       padding-top:8px;
        padding-bottom:8px;
     height:40px;
    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;
}
.note-div{
      margin-top:10px;
width:1000px;
float:left;
 
   border-top:3px #5994bf solid;
}
.noterow{
    float:left;
  padding-left:5px;
 padding-top:5px;
  padding-bottom:5px;

  overflow:hidden;
}
.box{
    width:80px;
     
}
.subject{
     width:100%;
     
}
.sendername{
     width:100%;
    
}
.subholder{
   width: 175px;
     float:left;
}
.notedate{
     width:125px;
      
}
.notebody{
    
   width:600px; 
   max-height: 100px;
   overflow:auto;
}
#addnotes-main{
    float:left;
    width:100%;
}
#caldiv{
    float:left;
   width:270px;
    margin-left:20px;
    margin-top:7px;
}
#caldiv div{
    
    float:left;
   margin-top:-10px;
     font-size:20px;
      width:98%;
    
}
#checkdivs{
    float:left;
    width:190px;
}
#checkdivs_left {
    float: left;
    width: 48%;
}
#checkdivs_Right {
    float: left;
    width: 48%;
}
#checkdivs_left div {
    float: left;
    width: auto;
    padding:4px;
}
#checkdivs_right div {
    float: left;
    width: auto;
    padding: 4px;
}
#checkdivs input{
    float: left;
    width: auto;
}
#checkdivs a{
    float: left;
    width: auto;
}



#calinput{
    float:left;
    width:55%;
font-size:18px;
}
#dow{
    float:left;
    width:35%;
font-size:18px;
margin-left:7px
}
#noteslabel{
    float:left;
      margin-top:1px;
}
#dispositiondiv{
    float:left;
    width:300px;
    margin-top:-2px;
}
#dispositiondiv div{
    float:left;
    width:95%;
    font-size:20px;
}
#dispositiondiv select{
    float:left;
    width:98%;
    font-size:20px;
}


#selectul
{
  list-style:none;
  padding:0px;
  margin:0px
}

#histselect
{
/*  display:inline;*/
  float:left;
  width:950px;
}
.optionheader
{
 
   padding-left:10px;
     padding-right:10px;
       padding-top:8px;
        padding-bottom:8px;
     height:30px;
    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;
    width:90px;
   

}
.optionholder
{
 
  color:#5994bf;
 background:#FFEFC6;
  margin-right:5px;
  font-weight:bold;
  font-family:verdana;
  text-decoration:none;
  display:block;
  width:800px;
    margin-left:auto;
    margin-right:auto;
height:45px;
 padding-top:10px;
  text-align:center;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border: 1px solid #560E00;
  cursor:pointer;
}


.optioncolumn {
    font-size:25px;
}
.optdate{
    width:200px;
    float:left;
}
.opttype{
    width:200px;
       float:left;
}
.optcity{
    width:300px;
       float:left;
}
.optresult{
    width:100px;
       float:left;
}
#container
{
  margin:0px auto;
  width:570px;
}

.clear
{
  clear:both;
}

.left
{
  float:left;
}

.right
{
  float:right;
}

#activitynotes{
    font-size:20px;
    width:525px;
}
#docfield{
     font-size:20px;
     float:left;
}
.documentlist {
        font-size:25px;
     float:left;
     width:400px;
    list-style:none;
    font-size:20px;
    margin-left:-15px;
}
.documentlist li {
    margin-left:10px;
    width:365px;
    height:40px;
    border:8px #5994bf solid;
    padding-top:20px;
        border-top-right-radius:14px;
    border-top-left-radius:14px;
    border-bottom-right-radius:14px;
    border-bottom-left-radius:14px;
    margin-bottom:5px;
     cursor:pointer;
}
.documentlist li .doc1{
    padding-left:10px;
      float:left;
    width:100px;
}
.documentlist li .doc2{
       float:left; 
    width:250px;
}
#docfield{
    width:375px;
    float:left;
}
#sonotefield{
    font-size:20px;
    width:550px;
    float:left;
}
#custnotefield{
        font-size:20px;
    width:550px;
    float:left;
}
#sonotefield textarea{
        font-size:20px;
    width:99%;
    float:left;
}
#custnotefield textarea{
        font-size:20px;
    width:99%;
    float:left;
}
#imgclose{
    text-align:center;
     width:100%;
/*  height: 20px;*/
    float:left;
    margin-bottom:10px;
    margin-top:7px;
    padding-left:10px;
    padding-right:10px;
    background-color: tomato;
    font-size:30px;
    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;
}
#previnfofield{
        height:145px;
        margin-top:5px; 
    font-size: 25px;
    width:450px;
    float:left;
}
#prevcommentfield{
    height:145px;
    font-size:25px;
     margin-top:5px;
        width:450px;
     float:left
}
#prevcommentfield textarea{

   height:120px;
    width:99%;
    font-size:20px;
  
}
#prevnotesfield{
    height:145px;
    font-size:25px;
     margin-top:5px;
        width:450px;
     float:left
}
#prevnotes{
    height:120px;
    width:99%;
    font-size:20px;
}
#prevresultsfield{
    height:145px;
    font-size:25px;
     margin-top:5px;
     width:450px;
     float:left
}