body {
	background-color: #fff;
}
.pagebox {
	background-color: #f5f6f8;
	border: 2px solid rgba(100, 120, 120,1);
	margin: auto;
	padding: 80px;
	max-width: 950px;
	-webkit-box-shadow: 0px 3px 12px 2px rgba(0,0,0,0.37);
	-moz-box-shadow: 0px 3px 12px 2px rgba(0,0,0,0.37);
	box-shadow: 0px 3px 12px 2px rgba(0,0,0,0.37);
	border-radius: 2px;
	margin-top: 30px;
	xxbox-sizing: content-box;
}

@media only screen and (max-width: 500px) {
.pagebox {
	padding: 5px;
	margin-top: 10px;
}
#ccdetails, .payButton, .payButtonEcheck, #payment-form {
	width: 100%  !important;
	padding: 0px  !important;
}
}

.payButton {
	-moz-box-shadow:inset 0px -3px 7px 0px #29bbff;
	-webkit-box-shadow:inset 0px -3px 7px 0px #29bbff;
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:14px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	width:333px;
	margin:auto;
}
.payButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#0688fa;
}
.payButton:active {
	position:relative;
	top:1px;
}


.payButtonEcheck {
	-moz-box-shadow:inset 0px -3px 7px 0px #627d4d;
	-webkit-box-shadow:inset 0px -3px 7px 0px #627d4d;
	box-shadow:inset 0px -3px 7px 0px #627d4d;
	
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */

	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:14px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	width:333px;
	margin:auto;
}
.payButtonEcheck:hover {
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 28%, #72aa00 63%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 28%,#72aa00 63%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 28%,#72aa00 63%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}
.payButtonEcheck:active {
	position:relative;
	top:1px;
}



.responsive {
  width: 100%;
  height: auto;
}
.paymentEntry {
	margin: auto;
	width: 90%;
	margin-top: 20px;
	border: 1px solid #0ba2c4;
	background-color: #d2ecf2;
	padding:20px;
}
.paymentSuccess { 
	background-color: #c4f4b0;
}
.paymentFailed { 
	background-color: #f4b0b0;
}
.paymentPending {
	background-color: #a9cdfc;
}

.clientIP{
	color: #bbb;
	width:100%;
	text-align:center;
}
#ccdetails {
	border: 1px solid #d9d9d9;
	border-radius:7px;
	max-width:450px; 
	margin:auto !important;
	width: 420px;
	padding: 40px;
	background-color: #fff;
}
#the-card-name-id2 {
margin-top: 7px;
}
.formtitle {
	font-family: Helvetica;
	font-color: #ddd;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	width:100%;
	text-align:center;
}	

.imgstamp {
	background-blend-mode: multiply;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  max-width:450px; 
  margin:auto;
}
.infoNotice {
  background-color: #fcedba;
  max-width:700px; 
  margin:auto;
  padding: 20px; 
  border: 1px solid #ead17e;
}

/* order search */

.orderIDsearchbox {
  background-color: #fcfcfc;
  max-width:700px; 
  margin:auto;
  padding: 60px; 
  border: 1px solid #ead17e;
}

.inputOID{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 7px;
	outline: none;
	xwidth: 100%;
	width: 200px;
	margin: 5px;
}

.inputOIDsubmit {
	border: none;
	padding: 8px 15px 8px 15px;
	background: #FF8500;
	color: #fff;
	box-shadow: 1px 1px 4px #DADADA;
	-moz-box-shadow: 1px 1px 4px #DADADA;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 5px;
}
.inputOIDsubmit:hover {
	background: #EA7B00;
	color: #fff;
}

.error {
  padding: 10px;
  background-color: #EDDBD5;
  color: #E53B14;
}

#clock {
display: none;
}

/* mxl */