#merchandiseList {
   float: left;
   width: 200px;
   margin-right: 15px;
   max-height: 600px;
   overflow-y: auto;
}
#merchandiseSelected {
   float: left;
   width: 1070px;
   border: 1px solid #6F6F6F;
   border-radius: 5px;
   min-height: 300px;
   padding: 8px;
}
#merchandiseControl {
  clear: both;
  height: 25px;
  margin-bottom:10px;
  font-weight: bold;
}
#salesClubListing {
   float: left;
   width: 260px;
   margin-right: 15px;
   max-height: 600px;
   overflow-y: auto;
}
#salesClubSelected {
   float: left;
   width: 1010px;
   border: 1px solid #6F6F6F;
   border-radius: 5px;
   min-height: 600px;
   padding: 8px;
}
#chargeItemSaveMsg {
  padding; 3px;
  height: 11px;
}
#mrMenu {
  display: inline-block;
}
#mrMenu .ui-button {
  padding: 0.35em 1.6em 0.35em 1.6em !important;
}
#rbMerchandiseMode {
  display: inline-block;
  margin-right: 20px;
}
#rbMerchandiseMode .ui-button {
  padding: 0.35em 1.6em 0.35em 1.6em !important;
}
#ciRates {
  float:left;
  width:58%;
  min-height: 150px;
}
#ciSelectedRate {
  float:left;
  margin-left:10px;
  width:35%;
  border: 1px solid #7F7F7F;
  border-radius: 5px;
  padding: 5px;
}
#ciImages {
  height: 100px;
  padding: 5px 0px 5px 0px;
  clear: both;
}
.ciImage {
  max-width: 800px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #7F7F7F;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
}
.ciAddImage {
  margin-top: 40px;
}
#clubSelect {
  width: 100%;
  margin-bottom: 2px;
  padding: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
}
#clubSelect li {
  width: 94%;
  margin-bottom: 2px;
}
#clubSelect ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#clubSelect li {
  margin-bottom: 3px;
  width: 96%;
  padding: 0;
}
#clubSelect li a {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  border: 1px solid #999;
  background: #eee;
  box-sizing: border-box;
  padding: 2px 6px 2px 6px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #11437C;
  cursor: pointer;
  overflow:hidden;
}
#clubSelect li a:hover {
  background-color:#11437C;
  color:white;
}
#clubSelect li a.active {
  background-color:#11437C;
  color:white;
}
.csHeader {
  color: #000000;
  font-weight: normal;
  float:left;
  width:79%;
  overflow:hidden;
}
.csStatus {
  float:right;
  margin-right:5px;
  font-size: smaller;
  width: 18%;
  text-align: right;
}
.csDetail {
  color: #6F6F6F;
  font-size: smaller;
  margin-top: 3px;
  margin-left: 5px;
}
.csHover {
  color: #FFFFFF;
}
#clubSalesContent {
  float: left;
  width: 48%;
  margin-right:2%;
  padding: 1%;
}
#clubSalesSummary {
  margin-bottom: 1.5em;
}
#clubSalesSelectedPurchase {
  float: left;
  width: 45%;
  padding: 1%;
  border: 1px solid #7F7F7F;
  border-radius: 5px;
  min-height: 250px;
}
#purchaseItemLocater {
  position: absolute;
  top: 400px;
  left: 700px;
  height: 260px;
  width: 620px;
  max-width: 620px;
  overflow: hidden;
  padding: 5px;
  border: 1px solid #000000;
  border-radius: 5px;
  z-index: 999;
  background-color: #FBFBFB;
}
#purchaseItemContent {
  margin: 0;
  margin-left:0px;
  width: 200px;
  overflow-y: hidden;
  overflow-x: hidden;
  transform:rotate(-90deg) translateY(-200px);
  transform-origin: right top;
  padding: 200px 0 0 0;
}
.cicItem {
  width: 200px;
  height: 140px;
  box-sizing: border-box;
  display: block;
  margin: 5px;
  cursor: pointer;
  transform: rotate(90deg);
  transform-origin: right top;
}
.cicImage {
  height: 180px;
  width: 140px;
  box-sizing: border-box;
}
.cicName {
  box-sizing: border-box;
  font-weight: bold;
  margin-top: 3px;
  background-color: #F0F0F0;
  padding: 3px 3px 3px 3px;
  width: 138px;
}
.cipItem {
  width: 200px;
  height: 140px;
  box-sizing: border-box;
  display: block;
  margin: 5px;
  cursor: pointer;
  transform: rotate(90deg);
  transform-origin: right top;
}
.cipImage {
  height: 180px;
  width: 140px;
  box-sizing: border-box;
}
.cipName {
  box-sizing: border-box;
  font-weight: bold;
  margin-top: 3px;
  background-color: #F0F0F0;
  padding: 3px 3px 3px 3px;
  width: 138px;
}
#pilBottom {
  position:absolute;
  bottom: 0px;
  clear: both;
  left: 2px;
  width: 98%;
}
#pilLeft {
  position: absolute;
  left: 7px;
  top: 48px;
  width: 22px;
  height: 170px;
  z-index: 1001;
  vertical-align:middle;
  background-color: #D4D4D4;
  opacity: 0.3;
  filter: alpha(opacity=30); /* For IE8 and earlier */
}
#pilLeftArrow {
  margin-top: 70px;
  margin-left: 4px;
  cursor: pointer;
}
#pilRight {
  position: absolute;
  right: 7px;
  top: 48px;
  width: 22px;
  height: 170px;
  z-index: 1001;
  vertical-align:middle;
  background-color: #D4D4D4;
  opacity: 0.3;
  filter: alpha(opacity=30); /* For IE8 and earlier */
}
#pilRightArrow {
  margin-top: 70px;
  margin-left: 4px;
  cursor: pointer;
}
.aciPurchase {
  clear: both;
  padding: 3px;
  margin-bottom: 3px;
  border: 1px solid #AFAFAF;
  border-radius: 3px;
  cursor: pointer;
}
.aciPurchase:hover {
  background-color: #11437C;
  color: #FFFFFF;
}
.aciQty {
  float: left;
  width: 5%;
  text-align: right;
  margin-right: 3px;
  border-right: 0px solid #000000;
}
.aciTitle {
  float: left;
  width: 70%;
  margin-right: 3px;
  border-right: 0px solid #000000;
}
.aciPrice {
  float: left;
  width: 18%;
  margin-right: 3px;
  border-right: 0px solid #000000;
  text-align: right;
}
.aciEdit {
  float: right;
  width: 3%;
}
.aciDescription {
  clear: both;
  font-size:smaller;
  padding: 2px 2px 2px 24px;
}

#salesDateListing {
  float: left;
  width: 75%;
  margin-right: 1%;
  box-sizing: content-box;
}
#salesDateSelected {
  float: left;
  width: 24%;
  box-sizing: content-box;
  margin-top:30px;
}
#pilMessage {
  float: left;
  color: blue;
  font-weight: bold;
  padding-left: 5px;
}
#merchandiseSimple {
  border: 1px solid #1F1F1F;
  border-radius: 5px;
  padding: 6px;
  width: 100%;
  min-height: 300px;
}
.mcsEntry {
  padding: 5px;
}
.mscItemDisplayName {
  font-weight: bold;
  font-size: 13px;
}
.mscItemName {
  float: left;
  padding: 3px 5px 0px 0px;
  width: 250px;
}
.mscItemGender {
  float: left;
  width: 140px;
  padding: 3px 20px 0px 0px;
  margin-left: 15px;
}
.mscItemSize {
  float: left;
  padding: 3px 4px 0px 3px;
}
.mscItemSize input {
  width: 80px;
}
.mscItemCategoryName {
  float: left;
  padding: 5px;
  width: 150px;
  vertical-align: top;
}
.mscItem {
  height: 20px;
  padding: 2px;
  vertical-align: middle;
  clear: both;
}
.mscItemSizes {
  float: left;
  vertical-align: top;
  padding: 5px;
  width: 430px;
}
.mscAddSize {
  vertical-align: top;
  text-align: left;
}
.mscSeq {
  width: 3%;
  display: inline-block;
  margin-right:4%;
}
.mscName {
  width: 28%;
  display: inline-block;
  margin-right:4%;
}
.mscFlags {
  width: 19%;
  display: inline-block;
  margin-right:4%;
}
.mscStats {
  width: 25%;
  display: inline-block;
  margin-right:1%;
}
.mscDelete {
  width: 2%;
  display: inline-block;
}
.mscDeleteItem {
  height: 13.33px;
}
.mscInactive {
  color: red !important;
}
.mscInput {
  width: 98%;
}