/******************************************************************************
#                      PHP Authorize.net Payment Terminal v1.0
#******************************************************************************
#      Author:     Convergine.com
#      Email:      info@convergine.com
#      Website:    http://www.convergine.com
#	
#
#      Version:    1.0
#      Copyright:  (c) 2011 - Convergine.com 
#      
#*******************************************************************************/
	
	
	/**** MAIN STYLES ****/
	/* body {font-size:16px;  font-family: Helvetica, Arial, sans-serif; color:#069; background:url(../images/bg.png) repeat;} */	
	 body {font-size:16px;  font-family: Helvetica, Arial, sans-serif; color:#069;}
	 .wrapper {  padding:15px; margin-top:20px; }
	 h1 {font-size:18px;}
	.pppro_footer { width:600px; margin:0 auto; text-align:right; padding-top:15px;}
	
	/* .form_container h1 { font-size:28px; font-weight:bold;text-shadow: 1px 1px 0 white; text-align:left; width:600px; margin:0 auto; padding-bottom:20px; color:#666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-top:30px;} */
	.form_container h1 { font-size:28px; font-weight:bold;text-shadow: 1px 1px 0 white; text-align:left; width:600px; margin:0 auto; padding-bottom:20px; color:#666; font-family:Lato, Arial, Helvetica, sans-serif; padding-top:30px;}

 
	

	.clr { clear:both;}
	
	/**** PROCESSING PAGE (REDIRECTION) ****/
	.wait_msg { font-size:16px; }
	.ui-widget{
		margin-bottom: 20px;
	}
	
	/**** ACCORDIONS STYLING ****/
	#accordion {width: 600px;border:1px solid #EEE; color:#000; background-color:#FFF;	}
	/* accordion header */
	#accordion h2 {background:#e4e4e4;margin:0;text-align:left;	height:30px;padding:10px 0 0 15px;font-size:18px;font-weight:bold;color:#000;border:1px solid #fff;		border-bottom:1px solid #ddd;cursor:pointer;text-shadow: 1px 1px 0 white;}
	/* currently active header */
	#accordion h2.current {	cursor:default;background-color:#EEE;}
	/* accordion pane */
	#accordion .pane {border:1px solid #fff; border-width:0 2px;  padding:15px;	 color:#000; font-size:12px; text-align:left;}
	.ui-widget { width:600px;}
	.ui-widget .ui-state-error, .ui-widget .ui-state-error p, .ui-widget .ui-state-highlight, .ui-widget .ui-state-highlight p { font-size:13px; text-align:left;}
	
	/**** FORM STYLING ****/
	.pppt_form label { float:left; width:140px; font-size:13px; font-weight:bold; text-align:right; padding:4px 5px 0 0;}
	.pppt_form .long-field { float:left; -webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;width:245px;height:20px;padding-left:5px;border:1px solid #666666;
background-color:#F8F8F8;margin-bottom:8px;}
.pppt_form select.long-field { float:left; -webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;width:254px;height:24px;padding-left:5px;border:1px solid #666666;
	background-color:#F8F8F8;margin-bottom:8px;}
	.pppt_form .long-field:hover { border:1px solid #CCC;}
	.pppt_form .long-field:focus { border:1px solid #6B1289;}
	.pppt_form .small-field { float:left; -webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;width:75px;height:20px;padding-left:5px;border:1px solid #666666;
background-color:#F8F8F8;margin-bottom:8px; margin-right:10px;}
.pppt_form select.small-field { float:left; -webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;width:84px;height:24px;padding-left:5px;border:1px solid #666666;
	background-color:#F8F8F8;margin-bottom:8px; margin-right:10px;}
	.pppt_form .small-field:hover { border:1px solid #CCC;}
	.pppt_form .small-field:focus { border:1px solid #6B1289;}
	.pppt_form .lft-field { float:left; margin-right:7px; margin-bottom:8px;}
	.pppt_form .submit-btn { margin:0 auto; width:119px; margin-top:15px;}
	
	
	/******* HINT STYLING ********/
	.hint { width:450px; height:300px; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-align:center; margin:0; padding:10px;}
	.hint p { margin:10px 0 10px 0; text-align:center;}

    .error {
        color: red;
        padding: 3px 0 0 5px;
        font-weight: bold;
        display: inline-block;
    }
.loading{
	position: relative;
}
.loading::before {
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	height: 100%;
	background-color: rgba(0,0,0,0.05);
	background-image: url(../images/loader.svg);
	background-repeat: no-repeat;
	background-position: center;
	left: 0;
	z-index: 10;
}
.payment_disclaimer {
	padding-left: 146px;
	margin-bottom: 20px;
}
.payment_disclaimer input {
	margin-left: 0;
}
.payment_disclaimer p {
	background-color: #f7f7c0;
	padding:
			10px;
	border-radius:
			3px;
}

.ach_error{
	display: none;
	float: left;
	color: red;
	font-weight: bold;
	margin-left: 5px;
	max-width: 133px;
	line-height: 120%;
	margin-top: -2px;
}