#sodetailwrapper ul{
    float:left;
    width:100%;
    list-style:none;
}
#sodetailwrapper li{
    float:left;
    list-style:none;
 
  margin-right:20px;
}

#balance{
    width:150px;
}
.sodetailbox{
    width:100%;
    float:left;
    padding:5px 5px;
    margin:5px 2px;
    height:auto;
    border:thin darkseagreen solid;
    color:darkseagreen;     
    font-size:20px;
overflow:hidden;
    text-align:center; 
}

.sodetaillabel{
    color:darkseagreen;
    font-weight:bold;
    text-align:left; 
margin-right:6px;
    float:left;
    clear:left;
}
.sodetaildata{
    color:darkseagreen;
    float:left;
    text-align:left;  
/*    margin-top:6px;*/
}
.sodetailcontrol{
    float:left;
    margin-right:20px;
    margin-top:10px;
    font-size:30px;
    font-weight:bold;
    width:0px;
    height:0px;
 margin-bottom:10px;
   border: 20px solid transparent;
}
.sodetailheader{
     font-weight:bold;
    float:left;
    width:850px;
 margin-top:6px;
    font-size:25px;
}
.salesdetailmemoopen{
    height:auto;
}
.salesdetailmemoclose{
    height:70px;
}
.uparrow {
   border-bottom-color: darkseagreen;
    margin-top:-10px;
}

.downarrow {
     margin-top:10px;
   border-top-color: darkseagreen;
}
.opendetailbox{
    height:auto;
}
.closedetailbox{
    height:40px;
}
#sodetaildocuments {
    float:left;
clear:left;
    width:150px;
  
}
#sodetaildocuments span{
    float:left;
    clear:left;
    width:150px;
    background-color:darkseagreen;
    color:#ffffff;
 margin-bottom:5px;
    height:40px;
    padding-top:10px;
}
#sodetailshow{
    float:left;
    max-width:800px;
    margin-left:10px;
}