/* -------------------------------------------------*/
/* Global                                           */
/* -------------------------------------------------*/

* { margin:0; padding:0; }

ol, ul{ list-style:none; }

body { background: #fff; font-family:arial; font-size:14px; line-height:16px; }

img { border:0; }

a { color:#294962; font-size:14px; text-decoration:none; }

a:hover { color:#456; font-size:14px; text-decoration:underline; }

hr { color:#678; }

input[data-placeholder-on], textarea[data-placeholder-on] { font-style:italic; color: graytext; }

input[type="button"], input[type="submit"] { font-family: Arial; font-size: 15px; padding: 7px; }

input[type="text"], input[type="password"] { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #aaa; color: #666666; font-family: Arial; font-size: 14px; height: 20px; padding: 5px; width: 235px; }

textarea { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #aaa; color: #666666; font-family: Arial; font-size: 15px; padding: 6px 0 4px 10px; }

select { background: none repeat scroll 0 0 #FFFFFF; color: #666666; font-family: Arial; font-size: 15px; height: 27px; }

#flash_overlay { z-index:100; position:fixed; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=80); }

#flash { display:none; background:#fff; color:black; position:absolute; font-size:18px; line-height:25px; padding:20px; border:2px solid #000; top:50%; left:50%; margin-top:-75px; margin-left:-150px; height:150px; width:300px; z-index:101;  }

#flash  .close { position:absolute; top:-10px; right:-10px; }

#flash  .continue { position:absolute; bottom:20px; right:20px; }

.buttonmaker_depositnow { font-size:20px !important; background: -moz-linear-gradient(0% 100% 90deg,#400, #f00); width:165px; cursor:pointer; cursor:hand; margin-left:20px;  color:#fff; font-weight:bold; padding:20px 120px 20px 130px !important; -moz-border-radius: 50px 0px 0px 50px; -webkit-border-radius: 0px; border:3px solid #000;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65); }

.buttonmaker_submit { font-size:15px !important; background: -moz-linear-gradient(0% 100% 90deg,#abc, #def); cursor:pointer; cursor:hand; margin-left:20px;  color:#000; font-weight:bold; padding:10px 10px 10px 10px !important; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 0px; border:3px solid #000; border-radius: 25px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.9);  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65); }

.buttonmaker_contactus { background: -moz-linear-gradient(0% 100% 90deg,#89a, #234); width:165px; cursor:pointer; cursor:hand; margin-left:20px;  color:#fff; font-weight:bold; padding:5px !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border:3px solid #000; border-radius: 25px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65); }

.buttonmaker_register { background: -moz-linear-gradient(0% 100% 90deg,#0f0, #030); cursor:pointer; cursor:hand; margin-left:20px;  color:#fff; font-weight:bold; padding:10px !important; -moz-border-radius: 5px; -webkit-border-radius: 25px; border:3px solid #000; border-radius: 25px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65); }

.buttonmaker_login { background: -moz-linear-gradient(0% 100% 90deg,#234, #89a); cursor:pointer; cursor:hand; margin-left:20px;  color:#fff; font-weight:bold; padding:10px !important; -moz-border-radius: 25px; -webkit-border-radius: 25px; border:3px solid #000; border-radius: 25px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65); }

.buttonmaker_cancel { background: -moz-linear-gradient(0% 100% 90deg,#a00, #f00); cursor:pointer; cursor:hand; margin-left:20px;  color:#fff; font-weight:bold; padding:10px !important; -moz-border-radius: 25px; -webkit-border-radius: 25px; border:2px solid #000; border-radius: 25px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65); }

.buttonmaker_nextscreen { background: -moz-linear-gradient(0% 100% 90deg,#fff, #abc); cursor:pointer; cursor:hand; margin-left:20px; font-weight:bold;  color:#000; padding:10px !important; -moz-border-radius: 25px; -webkit-border-radius: 25px; border:2px solid #000; border-radius: 25px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65); }

.hidden { display:none; }

/* -------------------------------------------------*/
/* Search Results                                   */
/* -------------------------------------------------*/

.search { padding-top:20px;}

.search table { border:1px solid #000; }

.search table td { padding:10px; }

.search table tdr { padding-right: 10px; }

.search table td a { text-decoration:underline; }

.search .title { color:#294962; font-size:27px; line-height:27px; }

.search .report_title { color:#abc; font-size:15px; font-weight:bold; }

/** --------------------- */
/* Fancy fancy boxes ;) */
/** --------------------- */

.buttonmaker_box1 { background: -moz-linear-gradient(0% 20% 90deg,#fff, #123);  width:320px; height:180px; margin:10px; font-weight:bold;  color:#000; padding:0px; -moz-border-radius: 35px; -webkit-border-radius: 25px; border:2px solid #000; border-radius: 25px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .9);  }

.buttonmaker_box1 .description { margin-top:60px; margin-left:10px; margin-right:10px; }

.buttonmaker_box2 { position:absolute; left:-2px; top:-2px; background: -moz-linear-gradient(0% 90% 90deg,#678, #123); width:320px; height:40px; font-weight:bold;  color:#000; padding:0px; -moz-border-radius: 25px 25px 0px 0px; border:2px solid #000;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -moz-box-shadow: 0 5px 10px rgba(0, 0, 20, .9);  }

.buttonmaker_box2 .title { font-size:18px !important; margin-left:20px; margin-top:6px; color:white !important; }

/** --------------------- */
/* End of fancy fancy boxes */
/** --------------------- */

.mar10 { margin: 10px }

.pad10 { padding: 10px }

.pad10-lr { padding-left: 10px; padding-right: 10px;  }

.pad10-tb { padding-top: 10px; padding-bottom: 10px;  }

.highlight { background: #FFC; border: 1px solid #EED}

.formtitle { font-weight:bold; line-height:30px; color:#294962; }

.required { color:red; }

.container { width:850px; padding-left:50px; margin:0 auto; display:block; position:relative; }

.clear { clear:both; display:block; position:relative; }

.left { float:left; }

.left_clear { clear:right; }

.right { float:right; }

.list { list-style:disc; list-style-position: outside;}

.list li { line-height:30px; }

.divider { margin-top:10px; margin-bottom:10px; }

.show { display:block !important; }

.border { border:1px solid #000; }

.contact { margin-right:10px; position:fixed; height:164px; width:42px; background:#789; position:fixed;top:40%; background:url('../img/contactus.png'); background-repeat:no-repeat; }

.contact:hover { background-position:-42px 0px; }

.centertext { text-align:center; }

.submit { cursor:pointer; cursor: hand; background: url('../img/submit.jpg') no-repeat; border:0px; width:125px; height:50px; text-indent:-9999px; line-height:0; font-size:0;  }

.box { background: url('../img/box.png') no-repeat;  width:330px; height:195px; margin:10px; font-weight:bold;  color:#000; padding:0px; }

.box .title { font-size:18px !important; margin-left:25px; margin-top:10px; color:white !important; }

.box .description { margin-top:25px; margin-left:25px; margin-right:10px; }

.cancel { display:block; float:left; cursor:pointer; cursor: hand; background: url('../img/cancel.png') no-repeat; border:0px; width:80px; height:50px; text-indent:-9999px; line-height:0; font-size:0;  }

.cancelEditCase { display:block; float:left; cursor:pointer; cursor: hand; background: url('../img/cancel.png') no-repeat; border:0px; width:80px; height:50px; text-indent:-9999px; line-height:0; font-size:0;  }

.nextscreen { margin-left:10px; display:block; float:left;  cursor:pointer; cursor: hand; background: url('../img/nextscreen.png') no-repeat; border:0px; width:125px; height:50px; text-indent:-9999px; line-height:0; font-size:0;  }

.update_account { margin-left:10px; display:block; float:left;  cursor:pointer; cursor: hand; background: url('../img/update_account.png') no-repeat; border:0px; width:155px; height:55px; text-indent:-9999px; line-height:0; font-size:0;  }

.previousscreen { margin-left:10px; float:left;  cursor:pointer; cursor: hand; background: url('../img/previousscreen.png') no-repeat; border:0px; width:155px; height:50px; text-indent:-9999px; line-height:0; font-size:0; }

/* -------------------------------------------------*/
/* Header                                           */
/* -------------------------------------------------*/

.header { width:100%; padding-top:10px; }

.header .login { cursor:hand; cursor:pointer; border:0;background: url("../img/login.png") no-repeat scroll 0px 0px transparent; height:60px; width:132px; display: block; text-indent: -9999px; line-height:0; font-size:0; float:right; }

.header .login:hover{ background-position:-132px 0px; }

.header .login{ float:right; position:relative; display:block; margin-top:20px; margin-left:10px; }

.header .logout{ cursor:hand; cursor:pointer; border:0;background: url("../img/logout.png") no-repeat scroll 0px 0px transparent; height:60px; width:132px; display: block; text-indent: -9999px; line-height:0; font-size:0; float:right; }

.header .logout{ float:right; position:relative; display:block; margin-top:20px; margin-left:10px; }

.header .logo { float:left; position:relative; display:block; }

.header .newtouchpay { float:right; margin-right:20px; margin-top:35px; }

.header .newtouchpay a { text-decoration:underline; font-weight:bold; }

.header .newtouchpay .separator { margin-left:5px; margin-right:5px; }

.header .navbar { margin-top:10px; padding-top:5px; padding-bottom:10px; background:#1f559f; background:url('../img/gradient.png'); border:2px solid #000; border-left:0px; border-right:0px; }

.header .depositor { width:190px; margin:auto; height:73px; position:relative; background:url('../img/depositer.png'); background-position:5px 0px; background-repeat:no-repeat; }

.header .depositor:hover { background-position:-180px 0px; }

.header .partner { margin:5px auto; width:190px; position:relative; height:73px; background:url('../img/partner.png'); background-position:-0px 0px; background-repeat:no-repeat; }

.header .partner:hover { background-position:-188px 0px; }

.header .login_box {  -moz-border-radius:15px 15px 15px 15px; z-index:999; display:none; background:#fff; color:#000; border:3px solid #789; position:absolute; top:15px; right:-10px; background-repeat:no-repeat; padding:10px 20px 20px 20px; text-align:center; }

.header .login_box .close { position:absolute; top:-15px; left:-15px }

.header .login_box .button { width:150px; padding:10px; }

/* -------------------------------------------------*/
/* Index Page                                       */
/* -------------------------------------------------*/

.index { padding-top:20px;}

.index .kiosk { float:left; }

.index li { margin-left:15px; }

.index .title { color:#294962; font-size:27px; line-height:30px; }

.index .description { margin-bottom:20px; margin-left:12px; }

.index .column .learnmore { font-size:12px; font-weight:bold; margin-top:20px; }

.index .column a:hover { text-decoration:underline; }

.index .column { float:left; margin-left:25px; margin-top:15px; text-align:center; font-size:20px; }

.index .column img { border:2px solid #fff; }

.index .column img:hover { border:2px solid #567; }

.index .column .title { clear:both; margin-bottom:10px; font-weight:bold; }

.index .whytouchpay { margin-top:30px; margin-bottom:20px; }

.index .whytouchpay .box { cursor:hand; cursor:pointer; padding:10px; color:white; background:#294962; border:1px solid #000; line-height:12px; float:left; margin-right:10px; }

.index .whytouchpay .box:hover { background:#89a;  }

.index .reasons { position:relative; min-height:250px; }

.index .reasons .section { display:none; }

.index .reasons .section .title { font-size:20px; margin-top:20px; margin-bottom:20px; }

/* -------------------------------------------------*/
/* Users                                            */
/* -------------------------------------------------*/

.users { padding-top:20px; }

.users .title { color:#294962; font-size:27px; line-height:27px; }

.users .subtitle { font-size:18px; font-weight:bold; }

.users .sublinks a { font-size:14px; margin-right: 20px; text-decoration: underline; }

/* -------------------------------------------------*/
/* Payment                                          */
/* -------------------------------------------------*/

.payment { margin-top:10px; }

.payment .title { font-size:27px; line-height:29px; color:#294962; }

.payment .fee_description { font-size:13px; }

.payment .subtitle { font-size:18px; font-weight:bold; line-height:20px; }

.payment .helperdiv { line-height:20px; display:none; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; color:#000; width:100%; border:1px solid #89a; background:#cde; margin-bottom:20px; padding:15px; }

.payment .questionmark { color:red; font-weight:bold; }

.payment .cancelpayment { cursor:pointer; cursor:hand; background:#aaa; color:#000; padding:10px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#abc)) #abc center top; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; border:1px solid #aaa; background: -moz-linear-gradient(0% 100% 90deg,#fff, #abc); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65); }

.payment .sublink { text-decoration: underline; margin-right:20px; }

.payment .managecardform { display:none; }

.payment .updatecard { cursor:pointer; cursor: hand; background: url('../img/updatecard.png') no-repeat; border:0px; width:125px; height:50px; text-indent:-9999px; line-height:0; font-size:0; }

.payment .deletecard { cursor:pointer; cursor: hand; background: url('../img/deletecard.png') no-repeat; border:0px; width:125px; height:50px; text-indent:-9999px; line-height:0; font-size:0; }

.payment .loader { margin-top:10px; margin-right:20px; float:left; display:none; }

.payment .reviewtitle { text-decoration:underline; color:gray; }

.payment .reviewtext {  }

.payment .nextscreen { margin-left:10px; display:block; float:left;  cursor:pointer; cursor: hand; background: url('../img/nextscreen.png') no-repeat; border:0px; width:125px; height:50px; text-indent:-9999px; line-height:0; font-size:0; }

.payment .previousscreen { margin-left:10px; float:left;  cursor:pointer; cursor: hand; background: url('../img/previousscreen.png') no-repeat; border:0px; width:155px; height:50px; text-indent:-9999px; line-height:0; font-size:0; }

.payment .submitpayment{ margin-left:10px; float:left;  cursor:pointer; cursor: hand; background: url('../img/submitpayment.png') no-repeat; border:0px; width:155px; height:50px; text-indent:-9999px; line-height:0; font-size:0; }

.payment .continuepayment{ margin-left:10px; float:left;  cursor:pointer; cursor: hand; background: url('../img/continuepayment.png') no-repeat; border:0px; width:155px; height:50px; text-indent:-9999px; line-height:0; font-size:0; }

.payment .receipt { width:650px; border:3px solid #000; padding:10px; }

.payment .receipt .thankyou { width:100%; margin-top:10px; font-weight:bold; text-align:center; font-size:24px; color:blue; }

.payment .receipt .receipt_box { padding:10px; position:relative; background:#abc; width:215px; display:block; border:1px solid #123; text-align:center; }

.payment .maxfee { font-size:11px; color:blue; }

.payment .hoverbox { position:relative; cursor:pointer; display: inline; }

.payment .hoverbox .hovercontent { border:2px solid #aaa; background:#fff; color:#000; line-height:16px; padding:10px; display:none; position:absolute; width:300px; top:-10px; left:14px; }

.payment .hoverbox .hovercontent a { font-size:11px; }

.payment .hoverbox:hover  .hovercontent { display:block; }

.payment .receipt_table { width:100%; border:0px solid #000; }

.payment .receipt_table .border { border:0px solid #000; }

.payment .receipt_table td { padding:10px; border:0px solid #000; }

/* -------------------------------------------------*/
/* About Us                                         */
/* -------------------------------------------------*/

.about { margin-top:20px; }

.about .title { font-size:27px; color:#294962; line-height:27px; }

.about .subtitle { font-size:18px; font-weight:bold; }

.about .helpnav  a { margin-right:20px; text-decoration:underline; }

.about .q { font-weight:bold; }

.about .question { font-weight:bold; font-style:italic; }

.about .a { font-weight:bold; color:#00f; }

/* -------------------------------------------------*/
/* Static Pages                                     */
/* -------------------------------------------------*/

.static { margin-top:20px; }

.static .title { font-size:27px; color:#294962; line-height:27px; }

.static .subtitle { font-size:18px; font-weight:bold; }

/* -------------------------------------------------*/
/* Footer                                           */
/* -------------------------------------------------*/

.footer { display:block; margin:auto; margin-top:20px;  min-height:80px; padding-top:20px; position:relative; width:100%; border:4px solid #678; border-right:0px; border-left:0px; border-bottom:0px; }

.footer .copyright { float:left; margin-top:5px; text-align:center; color:#294962; font-size:10px; }

.footer .credited { color:#f00; font-size:11px; }

/* ------------------------------*/
/* Magic Line Navigation Menu    */
/* ------------------------------*/

.nav-wrap { margin:10px; }

.navgroup:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

*:first-child+html .navgroup { zoom: 1; } /* IE7 */

#navlist-one { margin: 0 auto; list-style: none; position: relative; width:100%; }

#navlist-one li { display: inline; }

#navlist-one li a { color: #cde; font-size: 17px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none;  }

#navlist-one li a:hover { color: #fff; }

#magic-line { cursor:hand; cursor:pointer; position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #678; }

.current_page_item a, .current_page_item_two a { }

/* ------------------------------*/
/* Processing PayPal    */
/* ------------------------------*/

span[class*="l-"] {
    height: 4px; width: 4px;
    background: #000;
    display: inline-block;
    margin: 12px 2px;

    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;

    -webkit-animation: loader 4s infinite;
    -webkit-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
    -webkit-animation-fill-mode: both;
    -moz-animation: loader 4s infinite;
    -moz-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
    -moz-animation-fill-mode: both;
    -ms-animation: loader 4s infinite;
    -ms-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
    -ms-animation-fill-mode: both;
    animation: loader 4s infinite;
    animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
    animation-fill-mode: both;
}

span.l-1 {-webkit-animation-delay: 1s;animation-delay: 1s;-ms-animation-delay: 1s;-moz-animation-delay: 1s;}
span.l-2 {-webkit-animation-delay: 0.8s;animation-delay: 0.8s;-ms-animation-delay: 0.8s;-moz-animation-delay: 0.8s;}
span.l-3 {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;-ms-animation-delay: 0.6s;-moz-animation-delay: 0.6s;}
span.l-4 {-webkit-animation-delay: 0.4s;animation-delay: 0.4s;-ms-animation-delay: 0.4s;-moz-animation-delay: 0.4s;}
span.l-5 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;-ms-animation-delay: 0.2s;-moz-animation-delay: 0.2s;}
span.l-6 {-webkit-animation-delay: 0;animation-delay: 0;-ms-animation-delay: 0;-moz-animation-delay: 0;}

@-moz-keyframes loader {
    0% {-moz-transform: translateX(-30px); opacity: 0;}
    25% {opacity: 1;}
    50% {-moz-transform: translateX(30px); opacity: 0;}
    100% {opacity: 0;}
}

@-keyframes loader {
0% {-transform: translateX(-30px); opacity: 0;}
25% {opacity: 1;}
50% {-transform: translateX(30px); opacity: 0;}
100% {opacity: 0;}
}

@-ms-keyframes loader {
    0% {-ms-transform: translateX(-30px); opacity: 0;}
    25% {opacity: 1;}
    50% {-ms-transform: translateX(30px); opacity: 0;}
    100% {opacity: 0;}
}

/* ------------------------------*/
/* Processing PayPal    */
/* ------------------------------*/