/*
 popup.js
*/
/*#popup-reorder-0711221335
{
    width: 650px;
} */

div.popup {
  /* changed from 1% temp*/
  min-width: 200px;
  /*max-width: 700px;*/
  padding: 0;
  margin: 0;
  background-color: white;
  /* The following properties should not be changed */     
  position: absolute;
}

.popup div.listing-container {
    height: expression( this.clientHeight > 439 ? "440px" : "auto" );   /* IE hack for max-height */
    max-height: 440px;
    width: 750px;
    overflow: auto;
    padding-bottom: 1px; /* without this, the bottom 1px border would not show */
    /*overflow-x: hidden;*/
}

.popup div.listing-container table.listing {
    width: 730px;
}
/* The iframe hack to cover selectlists in Internet Explorer v6 */
.popup .solid-layer {
    height: 100%; 
    width: 100%; 
    position: absolute; 
    z-index: 5000;
}

.popup .content-container {
    position: relative; 
    z-index: 5001;
}


#popup_overlay {
  background-color: whitesmoke;
  /* The following properties should not be changed */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}

span.popup_link, a.popup_link {
  cursor: pointer;
  border-bottom: 1px dotted;
}

.popup_draghandle {
  cursor: move;
}

span.clickable, span.over{
    cursor: pointer;
    z-index: 1001;
}
span.over{
    color: #8db9db;
}
    
span.edit-bracket{
    color: #d00;
}


/**
    Reorder popup
*/
table.product-reorder-frame {

}

table.product-reorder-frame .footer
{
    border: 1px solid green;
}

table.product-reorder-frame td.intro {
    padding-bottom: 10px;
}

table.product-reorder-frame td.underlined {
    border-bottom: 1px solid #CACACA;
}

table.product-reorder-frame td.submit {
    padding-top: 11px;
}

table.product-reorder-frame td.cancel {
    width: 68px;
}

table.product-reorder-frame td.add {
    text-align: right;
}

table.product-reorder-frame td.add img {
    float: right;
}
/**
    [END] Reorder popup
*/

table.popup.cutoff-final {
    width: 500px;
}
table.popup.cutoff-early {
    width: 500px;
}

table.popup td.quantity {
    padding: 10px;
}
