/*------------------------------------------------------------------------------------------------------------------
                                                 COLOR KEY
------------------------------------------------------------------------------------------------------------------*/
/*	 
		blue: #2b9ade (sidebar headers)
		lighter blue: #0d9fd9 lighter blue
		lightest blue: #52b3d9 lightest blue
		dark gray: #333131 (paragraph text)			
		off white: #f2f2f2 off white
*/
/*------------------------------------------------------------------------------------------------------------------
                                                 IMPORTED STYLESHEETS
------------------------------------------------------------------------------------------------------------------*/
/* needed for all pages */
@import url(reset.css);
@import url(utility.css);
@import url(typography.css);
@import url(forms.css);

/*------------------------------------------------------------------------------------------------------------------
											no RADIO BUTTON and CHECK BOX border
------------------------------------------------------------------------------------------------------------------*/										
.noborder { 
	width:20px;
	border: 0;
	vertical-align: middle;
}

checkbox{
	opacity: 0;
	position: relative;
	z-index: -1;
}
.dateinput{
	width: 100px;
	height:38px;
	text-align: center;
	line-height:40px;
}
/*------------------------------------------------------------------------------------------------------------------
                                                 OTC PAGES
------------------------------------------------------------------------------------------------------------------*/

#main_body {
	margin-left: auto;
	margin-right:auto;
	display: table;
	margin-top: -115px;
}
#main_body_express {
	margin-left: auto;
	margin-right:auto;
	display: table;
}
#main_express {
	background: url(/images/nav/nav_bg_slice.jpg) repeat-x top right;
	background-size:100% 90px;
	padding-top: 1px;
	margin-bottom: 2px;
}
#logo_express {
	height: 79px;
	background-image: url(/images/nav/nav_logo_mfc.png) ;
	background-size: 321px 78px;
	background-repeat:no-repeat;	
	margin-left: 150px;
}

#expressPay_logo{
	height: 79px;
	background-image: url(/images/expresspay/acLogo.png) ;
	background-size: 321px 78px;
	background-repeat:no-repeat;	
	margin-left: 150px;

}
#main_header {
	height: 115px;
	width: 100%;
	background-image: url(../images/heading.png) ;
}

#bottom {
	margin-top: 5px;
	height: 35px;
	width: 100%;
	background-color: #3D3D3D;
	border-top:3px solid #1397D9;
}
/*--- Express Pay Footer Style Begin----------*/
#expressPay_bottom_wrap {
        background:  #213F4D url("../images/new_footer_bg.jpg") repeat-x scroll 0% 0%;
        height: 135px;
        width: 100%;
}

#expressPay_bottom {
	background: transparent url("../images/footer_civitek_horiz_white.png") no-repeat scroll 50% 25% / 318px 48px;
	height: 260px;
	width: 1024px;
	margin: auto;
	position: relative;
}
#expressPay_bottom h3 {
    font-size: 1.6em;
    font-weight: bold;
}
#expressPay_bottom #site_links {
    width: 100%;
    padding-top: 2px;
    color: #FFF;
    font-size: 0.8em;
}
#expressPay_bottom #site_links a, #expressPay_bottom #copyright a:hover {
    color: #FFF;
    text-decoration: none;
}
#expressPay_bottom #site_links a:hover, #expressPay_bottom #copyright a  {
	color:white;
	text-decoration:underline;
}
#expressPay_bottom img {
    float: right;
    padding-right: 5px;
    padding-top: 3px;
}
#expressPay_bottom  #copyright {
	color: white;
	bottom: 10px;
	margin-left: 0px;
	font-size: 10px;
	margin-top: 75px;	
}
#expressPay_bottom  #copyright a {
	color: white;
}
#expressPay_bottom  #copyright a:VISITED {
	color: white;
}
#expressPay_bottom #site_links #footer_middle_section {
	text-align: center;
}
/*--- Express Pay Footer Style End----------*/
#logo {
	height: 79px;
	background-image: url(../images/mfc_logo.png) ;
	background-repeat:no-repeat;	
}

#maintaince_message {
    background-color: #FFBABA;
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px dashed;
    color: #D8000C;
    font-size: 13px;
    font-weight: bold;
    margin:auto;
    margin-top:10px;
    padding: 5px;
    width: 674px;
    display:none;
    
}
#header_content {
float:right;
width:750px;
height: 80px;
margin-right: 10px;
margin-top: 1px;
text-align: right;
}

#header_content #header_content_datetime {
font-weight: lighter;
margin-bottom: 1px;
}

#header_content #header_content_message {
font-weight: bolder;
font-size: small;
color: #D8412D;
}

div.user_login_info {
 float: right;
 height: 37px;
 margin-top: 30px;
 margin-right: 15px;
}
div.user_login_info span.partner_info {
	font-weight: normal; 
	
	font-size: 1.8em;
	margin-bottom: 10px;
}
div.user_login_info span.user_info {
	font-weight: normal; 
	
	font-size: 12px;
}

p.heading {
    font-size: 1.6em;
    font-weight: bold;
}
 


.menu{
    height:35px;
   	border:1px solid #EAECEE;
}

/*------------------------------------------------------------------------------------------------------------------
                                                 OTC PAYMENT CONTENT
------------------------------------------------------------------------------------------------------------------*/


.print{
	float: right;
	padding-right: 25px;
}

.receiptInfo{
	text-align: center;
}
.receiptInfo p{
    font-size: medium;
    font-weight: bold;
}

.content {
	margin-top: 2px;
    width: 1090px;
 	display: table;
  	height: 500px;
	background: #FFFFFF; 
}

.centralize{
	text-align: center;
}

#content hr {
  	height: 1px;
    color: #71696D; 
    background: #71696D; 
    font-size: 0;
    border: 0;
}

.service_content {
	margin-top: 5px;
	display: table;
	background: #FFFFFF; 
	width: 1090px;
}

.service_content .service_info {
    float: left;
    width: 650px; 
    height: 100%;
}

.service_content .order_info {
    float: left;
    height: 100%;
    width:28%; 
}

.service_content .payment_info {
    float: left;
    width: 430px; 
    height:100%;
}

.service_content .transaction_info {
    float: left;
    width:72%; 
    height:100%;
}

.service_content .exp_order_info {
    float: left;
    width: 530px; 
    height: 100%;
}

.service_content .exp_payment_info {
    float: left;
    width: 550px; 
    height:100%;
}

.service_content .transaction_info fieldset {
   	margin-left: 10px;
}

fieldset
{
    border: 1px solid #ddd;
    padding: 1.4em 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    border-radius: 8px;
    margin: 0 5px 5px 15px;
}

.service_content .service_info fieldset
{
    border: 1px solid #ddd;
    padding: 1.4em 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    border-radius: 8px;
    margin: 0 5px 5px 10px;
    height: 100%;
}

.service_content .payment_info .amount_form 
{
    border: 1px solid #ddd;
    padding: 1.4em 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    border-radius: 8px;
    margin: 0 5px;
    height: 40%;
}

.service_content .payment_info .cc_form 
{
    border: 1px solid #ddd;
    padding: 1.4em 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    border-radius: 8px;
    margin: 0 5px;
    height: 40%;
}

legend
{
    font-size: 1.6em;
    font-weight: bold;
}

.amountField{
 margin-bottom: 0px;
 padding-bottom: 0px;
}

#feeField{
 margin-top: 10px;
 padding-bottom: 0px;
}

.dateField{
 margin-bottom: 0px;
 padding-bottom: 0px;
}



/*------------------------------------------------------------------------------------------------------------------
                                                ADMIN EDIT SERVICE CONTENT
------------------------------------------------------------------------------------------------------------------*/


.edit_service_content {
	margin-top: 2px;
    width: 99%;
 	display: table;
  	height: 500px;
	background: #FFFFFF;
	border: none; 
}


.edit_service_content .s1 {
	margin-top: 5px;
	display: table;
	background: #FFFFFF; 
	width: 100%;
	border: none;
}

.edit_service_content .s1 .s1_1 {
    margin: 0 0 0 -20px;
    height:100%;
}

.edit_service_content .s1 .s1_1 fieldset
{
    border: 1px solid #ddd;
    padding: 1.4em 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    border-radius: 8px;
    margin: 0 5px 5px 10px;
    height: 100%;
}




.edit_service_content .s1 .s1_2 {
	margin: 0 0 0 -20px;
    height:100%;
}

.edit_service_content .s1 .s1_2 fieldset
{
    border: 1px solid #ddd;
    padding: 1.4em 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    border-radius: 8px;
    margin: 0 5px 5px 10px;
    height: 100%;
}

/*------------------------------------------------------------------------------------------------------------------
                                                      CONDITIONS                    
------------------------------------------------------------------------------------------------------------------*/
/* ----- WIN FF3 ----- */
.win.ff3 #top_about p {
	font-size:11px;
}

/* ----- IE 8 ----- */
.win.ie8 #top_about p {
	font-size:11px;
}

/* ----- IE 7 ----- */
.win.ie7 .pay_now_card_wrap ul {
	margin:5px 0 0 0;
}
.win.ie7 .pay_now_card_wrap ul li {
	list-style: disc;
	padding: 0 0 0 5px;
}
.win.ie7 .custom_hr_rule {
    position: relative;
    top:-215px;
    left: 0;
}
.win.ie7 .getting_started_card .cc img {
	margin-bottom: 5px;
}
.win.ie7 .getting_started_card .icon img.ie7_icon_hook {
	margin-bottom: 5px;
}
.win.ie7 .getting_started_card .icon img.ie7_icon_hook_traffic {
	margin-bottom: 10px;
}

.win.ie7 #about_content_area p { line-height: 17px; }
.spanish.win.ie7 #contact_form form label { letter-spacing: -1px; }