.payment  {
  margin: 2px auto;
  padding: 15px;
  background: #f3f6fa;
  border: 1px solid;
  border-color: #c2cadb #bbc5d6 #b7c0cd;
  border-radius: 7px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}



.wrapper p ,.wrapper  h1, .wrapper h2, .wrapper h3, .wrapper label {
	color: #5d6e7f !important;
}

.loginerror {
	font-size: 1.8em;
	color: #F00 !important;
	text-align: center;
}



.loginready {
	font-size: 1.8em;
	color: #00AE57 !important;
	text-align: center;
}

.centre {
	float: none !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
    text-align: center;
	max-width: 570px;
}

div.ui-loader.ui-overlay-shadow { display: none !important; }

#loading-div{
	display: none;
	width: 300px;
	height: 180px;
	background-color: #fff;
	border: 1px solid #1468b3;
	text-align: center;
	color: #202020;
	position: absolute;
	left: 300px;
	top: 100px;
	 z-index:9999;   
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url("/css/pie/PIE.htc"); /* HANDLES IE */
}


.readoutstatus, #readoutstatus {
	width: 90% !important;
	color: #d0021b;
	display: none;
	font-size: 1.1em !important;
	border-color: #A3B3DC !important;
	background-color: #ABC0DC !important;
	border-radius: 4px !important;
}

.label-small-alert {
    margin: 10px 0px 0px 0px;
    float: left;
    padding: 0 7px;
    height: 32px;
    color: #525864;
    font-weight: bold;
    font-size: 10px;
}

#iframe-payment {
	height: 100%;
}

#footer { 
	height: 200px;
}

#payment_amount {
	 font-weight: bold !important;
	 color: rgb(51, 122, 183) !important;
}	

#order_id {
	font-weight: bold !important;
}


#dropin{
	font-size: 2em !important;
	font-weight: bold !important;
}

.form-required {
	color: #FF0000 !important;
}	

.form-blue {
	color: rgb(51, 122, 183) !important;
}