/*
    Document   : prepaid.css
    Author     : Przemek Pierscinski, AMG.net
    Description:
    
*/ /*==================================
remove default focus style
====================================*/
:focus {
	outline: none;
}

.js ul.newList {
	left: -9999px;
}

/*------------------------  prepaid styles -----------------------------------------*/
body {
	font-family: var(--font-family-default);
}

.prepaidMainArea {
	font-family: var(--font-family-default);
	background: var(--bw-255);
}

.prepaidCardDetailsTableLeft {
	background-color: var(--bw-245);
	height: 114px;
	width: 100%;
	font-size: var(--font-size-11);
	color: var(--bw-105);
	margin-left: 12px;
	padding-bottom: 12px;
}

.prepaidCardDetailsTableRight {
	background-color: var(--bw-245);
	height: 114px;
	font-size: var(--font-size-11);
	color: var(--bw-105);
	margin-right: 12px;
	height: 100%;
}

.prepaidCardDetailsTableRightChargeSum {
	background-color: var(--bw-245);
	font-size: var(--font-size-11);
	color: var(--bw-105);
	margin-right: 12px;
}

.prepaidCardDetailsTableRightTd {
	background-color: var(--bw-245);
	vertical-align: bottom;
	height: 100%;
	text-align: right;
}

.prepaidCardDetailsTableLeftTd {
    background-color: var(--bw-245);
}

.prepaidCardDetailsAmount {
}

.prepaidBoldLeft {
	font-weight: bold;
	text-align: right;
	float: left;
	width: 35%;
	padding-top: 8px;
	padding-right: 12px;
}

.prepaidRight {
	padding-top: 8px;
}

.prepaidTransactionsListDark {
	font-size: var(--font-size-11);
	color: var(--bw-105);
	height: 28px;
	background-color: var(--color-grey-bg);
}

.prepaidTransactionsListLight {
	font-size: var(--font-size-11);
	color: var(--bw-105);
	height: 28px;
	background-color: var(--bw-250);
}

.prepaidTransactionFundsLbl {
	font-weight: bold;
	float: left;
	width: 50%;
	text-align: right;
	padding: 15px 12px 0 0;
}

.prepaidTransactionFundsLblPLN {
	font-weight: bold;
	float: left;
	text-align: right;
	padding: 15px 0 0 12px;
}

.prepaidTransactionChargeAmountPLN {
	font-weight: bold;
	float: left;
	text-align: right;
	padding: 25px 0 0 12px;
}

.prepaidTransactionFundsAmount {
	float: left;
	font-size: var(--font-size-28);
	padding-bottom: 8px;
}

.prepaidTransactionChargeAmount {
	float: left;
	font-size: var(--font-size-18);
	padding-top: 20px;
}

.prepaidTransactionsCardDetails {
	padding-right: 12px;
}

.prepaidTransactionsTitle {
	font-size: var(--font-size-11);
	font-weight: bold;
	color: var(--color-gen-106);
	height: 50px;
	vertical-align: middle;
}

.prepaidTransactionsTitle div {
	padding: 16px 12px;
	font-size: var(--font-size-11);
}

.prepaidActivationMessage {
    font-size: var(--font-size-13);
    vertical-align: middle;
    background-color: var(--bw-245);
    color: var(--bw-105);
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-left: 12px;
    margin-right: 12px;
}

.prepaidActivationError {
    padding-left: 35px;
}

.prepaidTransactionsTable { 
	text-align: center;
	width: 776px;
}

.prepaidTransactionsTableHeader {
	font-size: var(--font-size-11);
	font-weight: bold;
	background-color: var(--bw-105);
	color: var(--bw-255);
	height: 43px;
}

.prepaidDetailsInfoListItem {
    padding-left: 12px;
    margin-bottom: 3px;
    color: var(--color-gen-106);
}

.prepaidDetailsInfoList {
    font-size: var(--font-size-12);
    color: var(--color-gen-052);
    padding-bottom: 12px;
}

.prepaidDetailsInfoListHeader {
    color: var(--color-gen-106);
    font-weight: bold;
    overflow: hidden;
    margin: 20px 0px 10px 2px;
    vertical-align: middle;
}

.prepaidDetailsInfoListHeaderPerso {
	color: var(--color-gen-052);
	font-weight: bold;
	overflow: hidden;
	margin: 10px 10px 10px;
	vertical-align: middle;
}


.prepaidLayoutCenterMiddle .prepaidDetailsInfoListHeader .prepaidDetailsInfoListHeaderPerso {
	float: left;
	width: 310px;
	display: inline;
}

.prepaidDetailsInfoListHeaderImportant {
	color: var(--color-gen-052);
	font-weight: bold;
	margin: 10px 10px;
	padding: 10px 0 0;
	vertical-align: middle;
	float: left;
	width: 316px;
	display: inline;
}

.prepaidDetailsInfoListHeaderImportant div {
	float: left
}

.prepaidDetailsInfoListHeaderMsg {
	padding-top: 3px;
	padding-left: 10px;
}

.prepaidDetailsInfoListHeader div {
	float: left
}

.prepaidDetailsInfoListHeaderPerso div {
	float: left
}

.prepaidHeaderTitle {
	padding-left: 10px;
	margin: 0 3px 0 2px;
	font-size: var(--font-size-13);
	font-weight: bold;
	color: var(--bw-255);
	background: var(--color-gen-052) url('../img/prepaid/panel_bg_repeat.jpg');
	height: 34px;
	vertical-align: middle;
	width: 790px;
}

.prepaidDetailsHeaderTitle {
    padding-left: 10px;
    margin: 0 3px 0 0px;
    font-size: var(--font-size-13);
    font-weight: bold;
    color: var(--bw-255);
    background: var(--color-gen-052) url('../img/prepaid/panel_bg_repeat.jpg');
    height: 34px;
    vertical-align: middle;
    width: 790px;
}

.prepaidHeaderTitle div,.prepaidDetailsHeaderTitle div,.prepaidHeaderTitleLanguageBar{
	font-size: var(--font-size-13);
	font-weight: bold;
	color: var(--bw-255);
	padding-top: 6px;
	font-family: var(--font-family-default);
}

.language, .selected_language {
    font-family: var(--font-family-default);
    font-size: var(--font-size-10);
    text-decoration: none;
}

.language { 
    color: var(--bw-183);
    text-decoration: underline;
}

.selected_language { 
    color: var(--color-gen-104);
}

.prepaidInput {
	background : url("../img/prepaid/input.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
	float: left;
	padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
	height: 24px;
	line-height: 22px;
    width: 150px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.disabledPrepaidInput {
    background : url("../img/prepaid/input_disabled.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 150px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.prepaidMediumInput {
    background : url("../img/prepaid/input_medium.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 90px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.disabledPrepaidMediumInput {
    background : url("../img/prepaid/input_medium_disabled.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 90px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.prepaidLongPlusInput {
    background : url("../img/prepaid/input_long_plus.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 270px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.disabledPrepaidLongPlusInput {
    background : url("../img/prepaid/input_long_plus_disabled.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 270px;
    font-size: var(--font-size-12);
    font-weight: bold;
}


.prepaidInputLong {
    background : url("../img/prepaid/input_long.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 220px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.disabledPrepaidInputLong {
    background : url("../img/prepaid/input_long_disabled.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 220px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.prepaidInputVeryLong {
    background : url("../img/prepaid/input_very_long.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 350px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.disabledPrepaidInputVeryLong {
    background : url("../img/prepaid/input_very_long_disabled.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 350px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.prepaidInput410 {
    background : url("../img/prepaid/input_410.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 410px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.disabledPrepaidInput410 {
    background : url("../img/prepaid/input_410_disabled.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 410px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.prepaidInputShort {
    background : url("../img/prepaid/input_short.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 66px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.prepaidInputPostcode1 {
    background : url("../img/prepaid/input_zip1.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 24px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.disabledPrepaidInputPostcode1 {
    background : url("../img/prepaid/input_zip1_disabled.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 24px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.prepaidInputPostcode2 {
    background : url("../img/prepaid/input_zip2.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 39px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.disabledPrepaidInputPostcode2 {
    background : url("../img/prepaid/input_zip2_disabled.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 39px;
    font-size: var(--font-size-12);
    font-weight: bold;
}
.disabledPrepaidInputShort {
    background : url("../img/prepaid/input_short_disabled.png") no-repeat;
    border: none;
    color: var(--color-gen-106);
    float: left;
    padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 24px;
    line-height: 22px;
    width: 92px;
    font-size: var(--font-size-12);
    font-weight: bold;
}

.prepaidInputCvv2 {
	background: url("../img/prepaid/input_cvv.png") no-repeat;
	border: none;
    color: var(--color-gen-106);
    float: left;
	width: 61px;
	height: 24px;
	line-height: 22px;
	padding-top: 2px;
    padding-left: 3px;
    padding-right: 3px;
	font-size: var(--font-size-12);
    font-weight: bold;
}

.headerErrorLabelImg {
	float: left;
	margin: 10px;
}

.headerErrorLabelMsg {
	margin: 14px;
}

.loginHeader {
	width: 457px;
	height: 62px;
}

.loginHeaderCenter {
	float: left;
	width: 441px;
	height: 62px;
	margin-left: 12px;
}

.loginHeaderCenterGrey {
	float: left;
	width: 441px;
	height: 62px;
}

.loginHeaderRight {
	background: var(--bw-255);
	float: left;
	width: 8px;
	height: 42px;
}

.loginHeaderRightGrey {
	background: var(--bw-245);
	float: left;
	width: 8px;
	height: 42px;
}

.prepaidDetailsFooterLeft {
	background: transparent;
	float: left;
	width: 8px;
	height: 42px;
}

.prepaidDetailsFooterCenter {
    margin-left: 345px;
    margin-top: 10px;
}

.prepaidDetailsRegisterCenter {
    margin-left: 400px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.prepaidErrorFooter {
    background-image: url("../img/prepaid/panel_bg_repeat_60.jpg");
    background-repeat: repeat-x;
    height: 60px;
    overflow: hidden;
    width: 800px;
    margin-left: 2px;
}

.prepaidDetailsFooterRight {
	background: transparent;
	float: left;
	width: 8px;
	height: 42px;
}

.loginFooterLeft {
	background: var(--bw-255);
	float: left;
	width: 8px;
	height: 42px;
}

.loginFooter {
	width: 457px;
	height: 58px;
}

.loginForm {
	margin-top: 30px;
	margin-right: 3px;
	background-image: url(../img/prepaid/input_bg_repeat_392.gif);
	background-repeat:repeat-x;
	font-family: var(--font-family-default);
	height: 392px;
}

.loginFooterCenter {
	float: left;
	width: 441px;
	height: 42px;
	margin-left: 12px;
}

.loginFooterCenterLink {
	float: right;
	margin-top: 20px;
	margin-right: 12px;
}

.loginFooterCenterLink a {
	color: var(--bw-105);
	font-size: var(--font-size-12);
	font-weight: bold;
}

.loginFooterCenterBtn {
	width: 67px;
	margin-top: 10px;
	float: left;
}

.buttonLogin {
    border: none;
    height: 38px;
    left:50%;
    width: 121px;
    margin-left: -50px;
    position: relative;
}

.loginFooterRight {
	background: var(--bw-255);
	float: left;
	width: 8px;
	height: 42px;
}

.logoutFooterCenter {
    float: left;
    width: 100%;
    height: 60px;
    background:  var(--color-gen-106);
}

.logoutFooterCenterBtn {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.prepaidCvvExplanation {
	text-align: left;
	height: 100px;
	background: url(../img/prepaid/karta+lupa_49.png) no-repeat 0 0;
}

.headerErrorLabel {
	color: var(--color-red-500);
	font-size: var(--font-size-12);
	font-family: var(--font-family-default);
	display: none;
	margin-left: 10px;
	overflow: hidden;
}

.headerErrorLabel img {
	margin-top: 3px;
}

.prepaidLoginRight {
	width: 60%;
	float: right;
	color: var(--bw-105);
	font-size: var(--font-size-12);
}

.prepaidLoginRightCVV2 {
	font-family: var(--font-family-default);
	width: 60%;
	float: right;
	color: var(--color-gen-106);
	font-size: var(--font-size-11);
	margin-top: 15px;
}

.prepaidErrorForm {
	font-family: var(--font-family-default);
	padding-bottom: 35px;
	width:805px;
}

.prepaidErrorImg {
	float: left;
	padding: 0px 10px;
}

.prepaidErrorPageImg {
	float: left;
	padding: 15px 10px;
}

.prepaidErrorBody {
	height: 52px;
	color: var(--color-red-500);
	margin-left:2px;
	margin-right:3px;
	background: var(--bw-255);
}

.prepaidErrorMsg {
	padding-top: 18px;
	font-family: var(--font-family-default);
	font-size: var(--font-size-12);
}

.prepaidBtnOK {
	width: 40px;
	margin-top: 10px;
}

.prepaidBtnZakoncz {
/*  width: 67px; 
    margin-top: 10px; */
}

.prepaidBtnZakoncz img {
    border: none;
}

.prepaidCardNo { 
	color: var(--color-gen-106);
	font-size: var(--font-size-11);
	padding-top: 20px;
}

.prepaidCardNoOuter {
	height: 58px;
}

.prepaidValidThru { 
	color: var(--color-gen-106);
	font-size: var(--font-size-11);
	padding-top: 15px;
}

.prepaidValidThruOuter {
	height: 58px;
}

.prepaidCvv2 {
	padding-bottom: 30px;
	padding-top: 18px;
	color: var(--color-gen-106);
	font-size: var(--font-size-11);
}

.prepaidLoginTopPageMsg {
	margin-left: 15px;
	margin-top: 30px;
	color: var(--color-gen-127);
	font-size: var(--font-size-11);
}

.prepaidLoginRemeber {
	margin-left: 10px;
	color: var(--bw-068);
	font-size: var(--font-size-13);
	font-weight: bold;
	margin-top: 5px;
}

.prepaidLoginPerso {
	margin-left: 15px;
	color: var(--color-gen-106);
	font-size: var(--font-size-21);
	font-weight: bold;
	margin-top: 15px;
}

.prepaidLoginTel {
    margin-left: 10px;
    color: var(--color-gen-106);
    font-size: var(--font-size-10);
    clear: both;
    padding-top: 5px;
}

.prepaidLoginImportantInfo {
	margin-left: 10px;
	color: var(--bw-068);
	font-size: var(--font-size-13);
	font-weight: bold;
	margin-top: 5px;
}

.prepaidLoginInfoListItemBullet {
	background: url(../img/prepaid/dot-blue.gif) no-repeat 0px 5px;
	margin-left: 12px;
	padding-left: 12px;
	margin-bottom: 3px;
	color: var(--color-gen-106);
	font-size: var(--font-size-11);
}

.prepaidLoginInfoListItem {
	padding-left: 12px;
	margin-bottom: 3px;
	color: var(--color-gen-106);
	font-size: var(--font-size-11);
	width: 330px;
}

.prepaidLoginInfoListItemTitle{
	padding-left: 12px;
    margin-bottom: 3px;
    color: var(--color-gen-106);
    font-size: var(--font-size-21);
    font-weight: bold;
    width: 330px;
}

.prepaidLayoutBody {
	background: none repeat scroll 0 0 var(--color-gen-128);
}

.prepaidLayoutCenterMiddle {
	background: url(../img/prepaid/bg-white-ramka_srodek.png);
	overflow: hidden;
	float: left;
	width: 800px;
}

.prepaidLayoutCenterMiddle form {
	float: left;
}

.prepaidLayoutTransactions {
	background: url(../img/prepaid/bg-white-ramka_srodek.png);
	margin: 0px 2px;
}

.separator {
	display: inline;
	margin-left: 5px;
}

.labelLeft {
	float: left;
	margin-right: 5px;
	margin-top: 3px;
}

.labelLeftDate {
	float: left;
	margin-right: 5px;
	margin-top: 3px;
}

.labelLeftTip {
	float: left;
	margin-top: 3px;
	font-style: italic;
}

.labelLeftTipDate {
	float: left;
	margin-top: 4px;
}

.labelLeftTipMMRR {
	font-style: italic;
	float: left;
	margin-top: 6px;
	margin-left: 4px;
}

.prepaidOperationDate {
	width: 12%;
	padding-left: 11px;
	text-align: left;
}

.prepaidOperationMerchant {
	width: 25%;
	padding-left: 11px;
	text-align: left;
}

.prepaidOperationDescription {
	width: 25%;
	padding-left: 11px;
	text-align: left;
}

.prepaidOperationCurrencyAmount {
	width: 15%;
}

.prepaidOperationPlnAmount {
	width: 12%;
}

.columnMerchant {
	text-align: left;
	padding-left: 11px;
}

.columnDesc {
	text-align: left;
	padding-left: 11px;
}

.columnDate {
	text-align: left;
	padding-left: 11px;
}

.columnAmountPLN {
	text-align: right;
	padding-right: 11px;
}

.columnCurrency {
	text-align: right;
	padding-right: 11px;
}

.prepaidTransactionsFooter {
    overflow: hidden;
    height: 60px;
    width: 800px;
    background-image: url("../img/prepaid/panel_bg_repeat_60.jpg");
    background-repeat: repeat-x;
}

.prepaidBottomEdge {
	float: left;
	width: 805px;
	background-color: var(--color-gen-129);
	margin-left: -1px;
}

.prepaidBannerHeader {
	background: url(../img/prepaid/bg-white-ramka_srodek.png);
	margin: 0 2px;
	width: 798px;
}

.prepaidBannerHeader img{
	width: 100%;
	height: 100%;
}

.displayExclamation img, .cvv2ExclamationMark img {
    margin: 5px;
}

.selCont {
	float: left;
	display: inline;
}

ul.newList * {
	margin: 0;
	padding: 0;
	font-weight: normal;
    text-decoration: none;
}

ul.newList {
	margin: 0;
	padding: 0;
	list-style: none;
	color: var(--bw-000);
	width: 290px;
	background: var(--bw-255);
	position: absolute;
	border: 1px solid var(--bw-200);
	top: 21px;
	left: 0;
	overflow: auto;
	z-index: 9999;
}

.newListSelected {
	width: 285px;
	color: var(--bw-000);
	height: 21px;
	padding: 3px 0 0 6px;
	float: left;
	display: inline;
	background: var(--bw-255) url(../img/prepaid/input_date.png) no-repeat scroll
		29px -1px;
}

.newListSelected span {
	width: 284px;
	display: block;
}

ul.newList li {
	padding: 3px 8px;
}

.selectedTxt {
	width: 258px;
	overflow: hidden;
	height: 16px;
	padding: 0 23px 0 0;
}

.hiLite {
	
}

#styleSelect .newListSelected {
	background : url("../img/prepaid/input_date.png") no-repeat;
	border: none;
	margin-bottom: 10px;
	padding: 0;
	height: 26px;
	width: 51px;
}

#selSex {
    float: left;
    display: inline;
    height: 27px;
}

#selSex .newListSelected {
    background: url(../img/prepaid/input_combo.png) no-repeat;
    height: 27px;
    width: 102px;
    margin-bottom: 10px;
    padding: 0;
}

#selSex .newListSelectedDisabled{
    background: url(../img/prepaid/input_combo_disabled.png) no-repeat;
    height: 27px;
    width: 102px;
    margin-bottom: 10px;
    padding: 0;
}

#selSex .newListSelected div {
    display: inline;
    float: left;
    font-size: var(--font-size-12);
    padding: 3px 1px 2px 6px;
    text-align: left !important;
    width: 100px;
}

#selSex ul.newList {
    list-style: none;
    color: var(--bw-000);
    width: 100px;
    background: var(--bw-255);
    top: 20px !important;
    left: -1px !important;
    height: auto;
    overflow: auto;
    font-size: var(--font-size-11);
    text-align: left !important;
    position: absolute;
    z-index: 9999;
}

#selSex ul.newList li {
    padding: 2px 5px !important;
}

#selSex .hiLite {
    
}


#selDocumentType {
    float: left;
    display: inline;
    height: 27px;
}

#selDocumentType .newListSelected {
    background: url(../img/prepaid/input_combo_130.png) no-repeat;
    height: 27px;
    width: 140px;
    margin-bottom: 10px;
    padding: 0;
}

#selDocumentType .newListSelectedDisabled{
    background: url(../img/prepaid/input_combo_130_disabled.png) no-repeat;
    height: 27px;
    width: 140px;
    margin-bottom: 10px;
    padding: 0;
}

#selDocumentType .newListSelected div {
    display: inline;
    float: left;
    font-size: var(--font-size-12);
    padding: 6px 1px 2px 6px;
    text-align: left !important;
    width: 140px;
}

#selDocumentType ul.newList {
    list-style: none;
    color: var(--bw-000);
    width: 134px;
    background: var(--bw-255);
    top: 20px !important;
    left: -1px !important;
    height: auto;
    overflow: auto;
    font-size: var(--font-size-11);
    text-align: left !important;
    position: absolute;
    z-index: 9999;
}

#selDocumentType ul.newList li {
    padding: 2px 5px !important;
}

#selDocumentType .hiLite {

}

#styleSelect .newListSelected div {
	display: inline;
	float: left;
    font-size: var(--font-size-12);
    font-weight: bold;
    color: var(--color-gen-106);
	padding: 7px 1px 2px 6px;
	text-align: left !important;
	width: 43px;
}

#styleSelect ul.newList {
	list-style: none;
	color: var(--bw-000);
	width: 50px;
	background: var(--bw-255);
	top: 24px !important;
	height: auto;
	overflow: auto;
	font-size: var(--font-size-11);
	text-align: left !important;
	position: absolute;
	z-index: 9999;
}

#styleSelect ul.newList li {
	padding: 2px 5px !important;
}

#styleSelect .hiLite {
	
}


#selMartialStatus {
    float: left;
    display: inline;
    height: 27px;
}

#selMartialStatus .newListSelected {
    background: url(../img/prepaid/input_combo_210.png) no-repeat;
    height: 27px;
    width: 210px;
    margin-bottom: 10px;
    padding: 0;
}

#selMartialStatus .newListSelectedDisabled{
    background: url(../img/prepaid/input_combo_210_disabled.png) no-repeat;
    height: 27px;
    width: 210px;
    margin-bottom: 10px;
    padding: 0;
}

#selMartialStatus .newListSelected div {
    display: inline;
    float: left;
    font-size: var(--font-size-12);
    padding: 6px 1px 2px 6px;
    text-align: left !important;
    width: 210px;
}

#selMartialStatus ul.newList {
    list-style: none;
    color: var(--bw-000);
    width: 210px;
    background: var(--bw-255);
    top: 20px !important;
    left: -1px !important;
    height: auto;
    overflow: auto;
    font-size: var(--font-size-11);
    text-align: left !important;
    position: absolute;
    z-index: 9999;
}

#selMartialStatus ul.newList li {
    padding: 2px 5px !important;
}

#selMartialStatus .hiLite {

}


.slashSeparator {
	float: left;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 6px;
}

.prepaidInfoLabel {
	color: var(--color-gen-106);
	font-size: var(--font-size-18);
	font-weight: bold;
	margin: 12px 3px;
	height: 100%;
}

.prepaidInfoErrorLabel {
	color: var(--color-red-500);
	font-size: var(--font-size-12);
	padding-top: 5px;
	display: none;
	border-bottom: 1px solid var(--bw-255);
}

.loginErrorMsg {
	padding-bottom: 10px;
}

.prepaidHeaderImage {
	height: 100%;
}

.blueBar {
	height: 42px;
	padding-left:5px;
	float: left;

}

.greyBar {
	color: var(--color-red-500);
	padding-left:5px;
	font-size: var(--font-size-12);
	font-family: var(--font-family-default);
	height: 42px;
	float: left;
}

.customerDataTitle {
   color: var(--color-red-500);
}

.greyWhiteLine {
	width: 160px;
	height: 0px;
	overflow: hidden;
	border-top: 1px solid var(--color-gen-151);
	border-bottom: 1px solid var(--color-gen-060);
}

.registerOrModifyCardListItem {
    margin-left: 15px;
    margin-bottom: 3px;
    margin-top: 7px;
    color: var(--color-gen-127);
    font-size: var(--font-size-10);
    width: 310px;
}

.clearBoth {
    clear: both;
}

.customerDataTable {
    background-image: url(../img/prepaid/input_bg_repeat_615.gif);
    background-repeat:repeat-x;
    height: 615px;
}

.customerExtDataTable {
    background-image: url(../img/prepaid/input_bg_repeat_900.gif);
    background-repeat:repeat-x;
    height: 615px;
}

.selPrepaid {
    float: left;
    display: inline;
    height: 27px;
}

.selPrepaid .newListSelected {
    background: url(../img/prepaid/input_combo_235.png) no-repeat;
    height: 27px;
    width: 235px;
    margin-bottom: 10px;
    padding: 0;
}

.selPrepaid .newListSelectedDisabled{
    background: url(../img/prepaid/input_combo_235_disabled.png) no-repeat;
    height: 27px;
    width: 235px;
    margin-bottom: 10px;
    padding: 0;
}

.selPrepaid .newListSelected div {
    display: inline;
    float: left;
    font-size: var(--font-size-12);
    padding: 6px 1px 2px 6px;
    text-align: left !important;
    width: 235px;
}

.selPrepaid ul.newList {
    list-style: none;
    color: var(--bw-000);
    width: 235px;
    background: var(--bw-255);
    top: 20px !important;
    left: -1px !important;
    height: auto;
    overflow: auto;
    font-size: var(--font-size-11);
    text-align: left !important;
    position: absolute;
    z-index: 9999;
}

.selPrepaid ul.newList li {
    padding: 2px 5px !important;
}

.selPrepaid .hiLite {

}