form:not(.css-ready-to-show) .css-table-form { visibility:hidden; }

.css-table-form [type=text],
.css-table-form [type=password],
.css-table-form textarea,
.css-table-form select
{
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: height 1s ease-in-out, background-color 1s;
  -o-transition: height 1s ease-in-out, background-color 1s;
  -moz-transition: height 1s ease-in-out, background-color 1s;
  transition: height 1s ease-in-out, background-color 1s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 15px;
  padding: 5px;
  margin-top: 4px;
  width: 100%;
}

.css-table-form input[type=submit] 
{
  background-color: #a00126;
  border: 1px solid #FFFFFF;
  font-weight: bold;
  color: #FFF;
  display: block;
  width: inherit;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
  border: 0;
    border-width: 0;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  /* Animate all properties across supporting browsers */
  -webkit-transition: all 0.8s ease-in-out;
  /* -o-transition: all 1s ease-in-out; */
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  margin-top: 12px;
  float: left;
}


  
.css-table-form input:hover[type="submit"] 
  {
  background-color: #be9300 !important;
  border: 0;
    border-width: 0;
  overflow: hidden;
}

.css-table-form input:focus[type="submit"] 
  {
  background-color: #a00126 !important;
  border: 0;
  overflow: hidden;
    border-width: 0;
}

.css-table-form input[type="reset"] 
  {
  background-color: #a00126;
  border: 1px solid #FFFFFF;
  font-weight: bold;
  color: #FFF;
  display: block;
  width: inherit;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
  border: 0;
  border-width: 0;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  /* Animate all properties across supporting browsers */
  -webkit-transition: all 0.8s ease-in-out;
  /* -o-transition: all 1s ease-in-out; */
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  margin-top: 12px;
  float: left;
  margin-left: 10px;
}

.css-table-form input:hover[type="reset"] 
  {
  background-color: #be9300 !important;
  border: 1px !important;
}

.css-table-form input:focus[type="reset"] 
  {
  background-color: #994202 !important;
  border: none !important;
}
  

.css-table-form [type=check],
.css-table-form [type=radio],
.css-table-form [type=submit] 
{
  cursor: pointer;
}


.css-table-form label 
{
  display: block;
  margin-top: 8px;
  margin-bottom: 0px;
  /*color: #666;*/
  /*font-weight: normal;*/
}

  
.css-table-form label.overTxtLabel 
{
  margin-top:inherit;
}
  
.css-table-form .required_flag 
{
  font-weight: bold;
  color: #C00;
}

.css-table-form [type=check] + label,
.css-table-form [type=radio] + label 
{
  display: inline-block;
  cursor: pointer;
}

.css-table-form input[type="radio"], .css-table-form input[type="checkbox"]
{
  float: left;
  display: block;
  margin-top: 4px;
  margin-right: 10px!important;
  clear: both;
}


.css-table-form input:hover,
.css-table-form textarea:hover,
.css-table-form input:focus,
.css-table-form textarea:focus 
{
  background-color: #f1edd5!important;
  border: 1px solid #a79864;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.required {
  color: #CC0000;
  font-size: 14px;
  }
  
  
.confirmer {
  margin-top: 8px;
} 

.css-table-form .validation-failed 
{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: 1px solid #994202;
  /* Animate all properties across supporting browsers */
  -webkit-transition: all 0.8s ease-in-out;
  /* -o-transition: all 1s ease-in-out; */
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  background-color: #f8e3e1;
}

.css-table-form .validation-advice 
{
  padding-bottom: 3px;
  font-weight: bold;
  color:  #994202;
  margin-top: 5px;
  font-weight: normal;
}

.css-overlabel-form .overTxtLabel {
  color: #888888;
  padding: 3px;
  font-weight: normal;
}


.css-div-form   div>label:first-child { display:block; }
.css-table-form tr>* { vertical-align:top; text-align:left; }

.css-table-form input[name*=Quantity] { width:auto; }
.css-table-form textarea[name*=OrderCustomerComment] { padding:0px; }

/* This CSS converts table style form into div style form. */
table.css-table-form,
table.css-table-form>thead,table.css-table-form>tbody,
table.css-table-form>thead>tr,table.css-table-form>tbody>tr,
table.css-table-form>thead>tr>*,table.css-table-form>tbody>tr>* { display:block; float:left; clear:left; width:100%; }

table.css-table-form>*>tr>th>label { display:inline-block; }

table.css-fname-lname { width: 100%; }
table.css-fname-lname td:first-child, table.css-fname-lname th:first-child { padding-right:10px; }
table.css-fname-lname td:last-child, table.css-fname-lname th:last-child  { padding-left:10px; }