.uploadLink { cursor:pointer; }

#preflightResult > img { margin-top: 20px; }

#uploadForm,
#uploadSuccess,
#uploadPreflight,
#preflightResultSuccess,
#preflightResultConfirmed,
#preflightTobeconfirmed1,
#preflightResultWarning,
#preflightBacksideWarning,
#preflightResultFixup,
#preflightErrorMissingOk,
#preflightTobeconfirmed2,
#preflightResultError { display:none; }

#uploadOverlay {
  display:none;
  width:768px;
  z-index:10000;
  border:10px solid #C3C4C6;
  border:10px solid #C3C4C6;
  background-color:#fff;
}

#uploadOverlay .uploadInfo {
  padding:10px;
}

#uploadOverlay .uploadError {
  display:none;
  background-color:#FCEAE6;
  border:1px solid #EF0000;
  color:#EF0000;
  padding:10px;
  margin:0 10px;
}

#uploadOverlay .preflightBacksideWarning,
#uploadOverlay .preflightWarning,
#uploadOverlay .preflightFixup {
  background-color:whitesmoke;
  border:5px solid #4E4E4E;
  margin:10px;
  color:#000;
}

#uploadOverlay .preflightError div {
  background-color:#FFFFFF;
  border:5px solid #E0190A;
  color:#000;  
  margin:10px 0;
}

#uploadOverlay .preflightBacksideWarning h2,
#uploadOverlay .preflightWarning h2,
#uploadOverlay .preflightFixup h2,
#uploadOverlay .preflightError div h2 {
  font-size:14px;
  color:#4E4E4E;
}

#uploadOverlay .preflightBacksideWarning input,
#uploadOverlay .preflightWarning input,
#uploadOverlay .preflightFixup input {
  margin-right:5px;
}

#uploadOverlay .preflightBacksideWarning span,
#uploadOverlay .preflightWarning label,
#uploadOverlay .preflightFixup label {
  font-weight:bold;
}

#uploadOverlay .dropzone {
  padding:10px;
  margin:0 10px 10px;
}

#uploadOverlay .dz-browser-not-supported {
  background-color:#FCEAE6;
  border:1px solid #EF0000;
  color:#EF0000;
  min-height:160px;
}

#uploadOverlay .dz-browser-not-supported h2 {
  color:#EF0000;
}

#uploadOverlay button.abbort,
#uploadOverlay button.submit-all,
#uploadOverlay button.closeUploadOverlay,
#uploadOverlay button.downloadPreflightFile,
#uploadOverlay button.preflightAbbort,
#uploadOverlay button.preflightConfirm {
  padding:5px;
  margin:9px 0 10px 10px;
  text-decoration:none;
  font-weight:bold;
  width:181px;
  cursor:pointer;
  float:left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border:0px solid #4D4D4D;
  border-radius: 5px;
  color:#FFFFFF;
  background-color:#821741;  
  -moz-box-shadow: 3px 3px 4px #4D4D4D;
  -webkit-box-shadow: 3px 3px 4px #4D4D4D;
  box-shadow: 3px 3px 4px #4D4D4D;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#4D4D4D')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#4D4D4D');
}

#uploadOverlay button.downloadPreflightFile {
  float:none;
  width:200px;  
}

#uploadOverlay button.closeUploadOverlay {
  float:none;
  display:block;
  margin-left:0px;
}

#uploadOverlay button.submit-all,
#uploadOverlay button.preflightConfirm,
#uploadOverlay .preflightError button.closeUploadOverlay {
  float:right;
  margin:5px 10px 10px 0;
  color:#FFFFFF;
  font-size:18px;
  width: 200px;
  background-color:#821741; 
}

#uploadOverlay .preflightError button.closeUploadOverlay { width:250px; }

#uploadOverlay button.preflightConfirm {
  color:#fff;
  background-color:#118E05; 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#118E05', endColorstr='#3CCD49');
  background: -webkit-gradient(linear, left top, left bottom, from(#118E05), to(#3CCD49));
  background: -moz-linear-gradient(top,  #118E05,  #3CCD49);
  background: -ms-linear-gradient(#118E05, #3CCD49);
}

#uploadOverlay .preflightToken { display:none; }

#uploadOverlay .checkmissing {
  background-color:#FCEAE6;
  border:1px solid #EF0000;
  color:#EF0000;
  padding:10px;
  font-weight:bold;
  width:230px;
}

#uploadOverlay ul {
  list-style-position: inside;
  margin:5px 10px;
}

#uploadOverlay ul li {
  list-style-type:square;
}

/*.prshp-mysite-order.tobepayed { background-color:#FFC363; }*/
.prshp-mysite-order {
  background:none;
  border:none;
}

.prshp-mysite-order-header {
  position:relative;
  padding:10px;
  border:2px solid #4D4D4D;
  color:#FFFFFF;
  background-color:#821741; 
  font-weight:bold;
  font-size:12px;
  height:16px;
}
.prshp-mysite-order.tobepayed .prshp-mysite-order-header,
.prshp-mysite-order.filesmissing .prshp-mysite-order-header {
  background-color:#821741;
  background:#821741 ;
}
.prshp-mysite-order.canceled .prshp-mysite-order-header {
  background-color:#C3C4C6;  
  background: #C3C4C6;
}

.prshp-mysite-order-header div { height:16px; }

@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?20018444');
  src: url('../fonts/fontello.eot?20018444#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?20018444') format('woff'),
       url('../fonts/fontello.ttf?20018444') format('truetype'),
       url('../fonts/fontello.svg?20018444#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

.prshp-mysite-order-header .orderIdDate {
  float:left;
  width:240px;
  margin-right:30px;
}

.prshp-mysite-order-header .orderCategory {
  float:left;
  width:200px;
  margin-right:30px;
}

.prshp-mysite-order-header .orderExpress {
  float:left;
  width:80px;
  margin-right:30px;
}

.prshp-mysite-order-header .orderStatus {
  float:left;
  width:150px;
}

.prshp-mysite-order-header .hideshow {
  position:absolute;
  cursor:pointer;
  right:0px;
  top:0px;
  width:26px;
  height:26px;
  padding:10px 0 0 10px;
  background-color:#821741;
}
.prshp-mysite-order-header i[class^="icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  line-height: 1em;
  font-size:16px;  
}
.prshp-mysite-order-header .hideshow .icon-hideshow:before { content: '\e801'; }
.prshp-mysite-order-header.show .hideshow .icon-hideshow:before { content: '\e800'; }

.prshp-mysite-order-detail {
  display:none;
  padding:10px 11px;
  border:1px solid #4D4D4D;
  border-top:none;
  background-color:whitesmoke;
}

.prshp-mysite-order-detail label { font-weight:bold; }
.prshp-mysite-order-detail .orderPosition label {
  display:block;
  float:left;
  width:85px;
}

.prshp-mysite-order-detail .orderPosition.even,
.prshp-mysite-order-detail .orderPosition.odd {
  padding:10px;
  background-color:#E8ECF5;
}
.prshp-mysite-order-detail .orderPosition.odd {
  background-color:#C9D6E7;
}

.prshp-mysite-order-detail .orderPosition .orderPositionNumber {
  margin-bottom:5px;
  font-size:14px;
  font-weight:bold;
}

.prshp-mysite-order-detail .orderProductFlex ul,
.prshp-mysite-order-detail .orderProductOptions ul,
.prshp-mysite-order-detail .orderFiles ul {
  list-style-position: inside;
  margin-left:85px;
}

.prshp-mysite-order-detail .orderProductFlex ul li,
.prshp-mysite-order-detail .orderProductOptions ul li,
.prshp-mysite-order-detail .orderFiles ul li {
  list-style-type: square;
}

.prshp-mysite-order-detail .uploadLink {
  padding:5px;
  margin:5px 0 0 85px;
  text-decoration:none;
  text-transform: uppercase;
  font-size: 10px;
  font-weight:regular;
  width:181px;
  cursor:pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border:0px solid #4D4D4D;
  border-radius: 5px;
  color:#FFFFFF;
  text-align: center;
  background-color:#821741; 
  -moz-box-shadow: 3px 3px 4px #4D4D4D;
  -webkit-box-shadow: 3px 3px 4px #4D4D4D;
  box-shadow: 3px 3px 4px #4D4D4D;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#4D4D4D')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#4D4D4D');
}

.prshp-mysite-order-detail .orderFiles form {
  width:660px;
  float:right;
}

.prshp-mysite-order-detail .orderFiles form input {
  vertical-align:middle;
}

.prshp-mysite-order-detail .orderShipping,
.prshp-mysite-order-detail .orderComment {
  margin-top:15px;
}

.prshp-mysite-order-detail .orderPaynow {
  margin-left:70px;
}

.prshp-mysite-order-detail .orderAccountAddress,
.prshp-mysite-order-detail .orderShippingAddress  {
  float:left;
  width:50%;
  margin-top:15px;
}

.prshp-mysite-order-detail .orderAccountAddress .orderAccountAddressHl,
.prshp-mysite-order-detail .orderShippingAddress .orderShippingAddressHl {
  font-weight:bold;
}