/* Copyright 2005 Dialect Solutions Holdings Pty Ltd. All rights reserved. */
/* Three Party Page style definitions */

input {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	background: #FDE9EA;
}

.heading {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

.headingBold {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

.headingTable {
	font-weight: bold;
	background: #31659C;
	border: 0 none;
}

.formHeaderText {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
    font-weight: bold;
    color: #999999;
}

.formText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.acquirerText {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.acquirerTextBold {
	font-weight: bold;
}

/* ******************************** MENU (HEADER) ************************************* */
.3PP_body {
	margin: 0% 10% 0% 10%;
	background-color: #ffffff;
	background-image: url(background/background_body.gif);
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	}

.menu_body {
	margin:0px;
	background-color: #FFFFCC;
	}

.menu_header {
	}

.menu_header_table {
	width: 100%;
	padding: 0px;
	}

.menu_header_left_left { width: 20px; margin:0px; }
.menu_header_left { width: 20px; margin:0px;}
.menu_header_centre { width: 20px; margin:0px;}
.menu_header_right { width: 20px; margin:0px;}
.menu_header_right_right { width: 20px; margin:0px;}

.bodyHeadSpace {
    height: 0px;
    width: 100%;
	background-color: #FFFFCC;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
    }

.merchTable {
    height: 35px;
    width: 100%;
	background-color: #FFCC66;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: black;
    }
.merchCol1 { width: 0%;}
.merchSpace1 { width: 8px; }
.merchCol2 { width: 10%; font-weight: Bold; }
.merchSpace2 { width: 120px; }
.merchCol3 { width: 80%; }
.merchSpace3 { width: 10px;}
.merchCol4 { width: 10%; }
.merchSpace4 {
	width: 110px;
	font-weight: Bold;
    }
.merchCol5 { width: 0%;}
.merchSpace5 { width: 8px; }

/*
.payHeadTable {
	background-color: #D08080;
	width: 100%;
	border: medium outset #66CCFF;
	}
	font-weight: Bold;
*/
.payHeadTable {
	background-color: #990000;
	width: 100%;
	border-color: black black black black;
	border-style: solid;
	border-width: medium;
	background-image: url(background/head_bg.gif);
	}
.payHeadRow {
	}
.payHeadImage {
    width: 20%;
	}
.payHeadLabel {
    width: 40%;
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: Bold;
	}
.payHeadImage2 {
	background-image: url(background/how_to_pay_middle.gif);
    width: 100%;
	}
.payHeadLabel2 {
    width: 100%;




































































































































	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: Bold;
	}
.payHeadWidth {
    height: 0px;
    width: 350px;
    background-color: black;
	}
.payHeadWidthNoMargin {
    height: 0px;
    width: 342px;
	}

.blockHeadSpace {
    height: 20px;
    width: 100%;
	background-color: #FFFFCC;
    }

.bodyFootSpace {
    height: 20px;
    width: 100%;
	background-color: #990000;
    }

.Copyright {
    height: 30px;
    width: 100%;
	background-color: #3333CC;
    }

.legal {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFCC66;
	color: black;
}

.pbHeadSpace {
    height: 10px;
    width: 100%;
	background-color: #FFFFCC;
    }
.powered_by {
    height: 30px;
    width: 100%;
	background-color: #FFCC66;
    }
.powered_by_inner {
    width: 80%;
    }
.pbFootSpace {
    height: 10px;
    width: 100%;
	background-color: #FFFFCC;
    }


.cancelTable {
    height: 10px;
    width: 100%;
	background-color: #FFFFCC;
    }

.sslHeadTable {
	background-color: #FFdeFF;
	width: 100%;
	}


.label {
	font-size: 14px;
	font-weight: normal;
}

.topSeparator {
    background-color: #DBEFFB;
	background-image: url(background/virt.gif);
    height: 2px;
	}

.detailLeftCol {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: Black;
}

.detailCardName {
	font-size: 18px;
	font-weight: bold;
	color: #000033;
}


.detailSeparator {
    background-color: #FFFFFF;
	background-image: url(background/virt.gif);
    width: 20px;
	}
.detailSeparatorSpace {
    height: 20px;
    width: 20px;
	}

.detailRightCol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #006600;
	background-color: #FFFFCC;
    }
.cardNo {
	font-size: 14px;
	font-weight: bold;
	color: black;
    }
.monthYear {
	font-size: 14px;
	font-weight: bold;
	color: black;
    }
    
.amount {
	font-size: 14px;
	font-weight: bold;
	color: #330000;
	letter-spacing: 0.1em;
    }
    
.bottomSeparator {
    background-color: #DBEFFB;
	background-image: url(../images/background/virt.gif);
    height: 2px;
	}
.agreementSeparator {
    height: 10px;
    width: 100%;
	background-color: #FFFFFF;
    }

.agreement {
	font-size: 14px;
	font-weight: normal;
	color: #003300;
    }

.processingTable {
    width: 100%;
	background-color: #FFFFCC;
    }

.transResult {
	font-weight: bold;
    }

.img_lfw { width: 16px; height: 22px; }
.img_pay { width: 53px; height: 54px; background-color: #FFFFCC; border: 50px; }
.img_cross { width: 49px; height: 49px; }
.img_ { width: 16px; height: 22px; }

.errorHeadTable {
	width: 100%;
	border-color: #66CCFF #006699 #006699 #33CCFF;
	border-style: solid;
	border-width: medium;
	background-image: url(../images/background/errorHead_bg.gif);
	}
.errorHeadRow {
	}
.errorHeadImage {
    width: 20%;
	}
.errorHeadLabel {
    width: 80%;
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: Bold;
	}

.errorLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: red;
	background-color: #FFCCCC;
    }

.errorText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
    }
