/*
All of the selectors related to page layout and structures should go here.

The sections of selectors belong to this file:
1)Global Settings;
2)Layout Settings;
3)Menu Setting;
4)Containers;
5)Popup box;
6)Special font settings for the particular project particular page;
7)Speech setting;
8)Print setting;
*/


/* ---------------------------------- Begin Global Settings ---------------------------------- */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote,
fieldset, input, abbr, article, aside, iframe, command, details, figcaption, figure, footer,
header, hgroup, mark, meter, output, progress, section, summary, time {
    margin: 0; 
    padding: 0;
    border: none;
}

*{
    padding: 0;
    margin: 0;
    border: none;   
}

body {
    font: 62.5% Arial,Helvetica,sans-serif;
}

caption, 
th { 
    text-align: left;
}

table, 
table td { 
    border-collapse: collapse; 
    border-spacing: 0;
    border:0;
}

article, 
aside, 
footer, 
header, 
hgroup, 
section, 
figure, 
figcaption { 
    display: block;
}

ul, 
ol,
dl {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

ul.bulet {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    padding-left: 15px;
}

ul.bulet li {
    padding: 6px;
}

ul.bulet li ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: circle;
    padding: 10px 40px;
}

ol.numbers li {
	list-style: decimal;  
	margin: 8px 0 8px 20px;
}

ol.numbers.inside li {
	list-style: decimal inside none;  
	margin: 8px 0 8px 5px;
}

ol.numbers li ul li {
	list-style: none; 
	margin: 0 0;
}

a {
    outline: none;
    text-decoration: none;
    color: #3b9fe1;
}
a:hover {
    text-decoration: none;
}

a.disabled {
    cursor: default;
    opacity: .5;
    filter: Alpha(Opacity=50);
}

a.link {
    text-decoration: underline;
    padding: 5px;
}

a.border-on-focus:focus {
    border: 1px dotted grey;
}

span.input-left, 
span.input-right {
    display: none;
}

input {
    color: #ffffff;
    font-size: 1.8em;
    padding: 4px 23px;
}

input.extended-padding {
    padding: 4px 3px;
}

.input-left, 
.input-right {
    float: left;
}

.small-input {
    font-size: 1.3em !important;
}

.clear-left {
	clear: left !important;
}

.clearfix {
    clear: both; 
    display: block; 
    margin: 0; 
    padding: 0; 
    height: 0; 
    line-height: 1px; 
    font-size: 1px;
}

.nbsp {
    width: 2px;
    height: 2px;
}

.relative-position {
	position: relative;
}
	
.right-align { 
    text-align: right;
    float: right;
}

.solid-bar {
    border-top: 1px solid #CCCCCC !important;
    padding-top: 1px !important;
    margin-bottom: 1px !important;
}

.top-bar,
.bottom-bar {
    border-bottom: 1px dotted #cccccc;
}

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

.underline-normal {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.bold-font {
    font-weight: bold !important;
}

.gray {
    color: #444444;
}
.mid-gray {
    color: #666666;
}
.light-gray {
    color: #999999;
}

.gray-link{
	font-size:1.1em;
	color:#777777;
	text-decoration:none;
	text-align:center;
}

.orange {
    color: #ff6600;
}

.modal {
	background: none !important;  
	height: auto !important;
}

.nowrap {
    white-space: nowrap;
    width: 200px;
}

.skimmer {
    margin-right: 5px;
}

.center-div {
    background-color: #FFFFFF !important;
    margin: 0 auto;
}

.center {
    margin: 0 auto !important;
}

.center-text {
    text-align: center !important;
}

.right-text {
    text-align: right;
}

.relative {
	position: relative;
}

label.right-text span.float-left {
    float: right;
}

.left-text {
    text-align: left;
}

.center-justified {
    text-align: center;
    margin: 0 auto;
}

.float-left {
    float: left;
}

.float-right {
    float: right !important;
}

.gray-background {
	background-color: #efefef;
}

.white-background {
	background-color: #ffffff !important;
}

.left-padding-10 {
    padding-left: 10px;
}

.left-padding-15 {
    padding-left: 15px;
}

.left-padding-20 {
    padding-left: 20px;
}

.left-padding-30 {
    padding-left: 30px;
}

.left-padding-55 {
    padding-left: 55px;
}

.left-padding-60 {
    padding-left: 60px;
}

.right-padding-20 {
	padding-right: 20px;
}

.right-padding-30 {
	padding-right: 30px;
}

.top-padding-5 {
    padding-top: 5px !important;
}

.top-padding-10 {
    padding-top: 10px !important;
}

.top-padding-15 {
	padding-top: 15px;
}

.top-padding-20 {
    padding-top: 20px !important;
}

.top-padding-30 {
    padding-top: 30px !important;
}

.top-padding-50 {
	padding-top: 50px;
}

.top-padding-60 {
	padding-top: 60px;
}

.top-padding-70 {
	padding-top: 70px;
}

.bottom-padding-5 {
	padding-bottom: 5px;
}

.bottom-padding-10 {
	padding-bottom: 10px;
}

.bottom-padding-15 {
	padding-bottom: 15px;
}

.bottom-padding-20 {
	padding-bottom: 20px;
}

.bottom-padding-30 {
	padding-bottom: 30px;
}

.bottom-padding-40 {
	padding-bottom: 40px;
}

.bottom-padding-50 {
	padding-bottom: 50px;
}

.bottom-padding-60 {
	padding-bottom: 60px;
}

.bottom-padding-70 {
	padding-bottom: 70px;
}

.padding-35 {
    padding: 35px;
}

.padding-25 {
    padding: 25px;
}

.padding-20 {
    padding: 20px;
}

.top-margin-4 {
    top: -4px;
}

.top-margin-2 {
	margin-top: 2px;
}

.top-margin-5 {
    margin-top: 5px !important;
}

.top-margin-8 {
    margin-top: 8px;
}

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

.top-margin-15 {
    margin-top: 15px;
}

.top-margin-12 {
	margin-top: 12px !important;
}

.top-margin-20 {
    margin-top: 20px;
}

.top-margin-25 {
    margin-top: 25px;
}

.top-margin-30 {
    margin-top: 30px;
}

.top-margin-40 {
    margin-top: 40px;
}

.top-margin-50 {
    margin-top: 50px;
}

.top-margin-60 {
    margin-top: 60px;
}

.top-margin-n10 {
	margin-top: -10px;
}

.top-margin-95 {
	margin-top: 95px;
}

.top-margin-n40 {
	margin-top: -40px;
}

.left-margin-n5 {
	margin-left: -5px;
}

.left-margin-5 {
    margin-left: 5px;
}

.left-margin-10 {
    margin-left: 10px;
}

.left-margin-n15 {
	margin-left: -15px;
}

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

.left-margin-18 {
    margin-left: 18px;
}

.left-margin-20 {
    margin-left: 20px;
}

.left-margin-25 {
	margin-left: 25px;
}

.left-margin-30 {
	margin-left: 30px;
}

.left-margin-35 {
    margin-left: 35px;
}

.left-margin-40 {
	margin-left: 40px;
}

.left-margin-45 {
	margin-left: 45px;
}

.left-margin-50 {
    margin-left: 50px;
}

.left-margin-55 {
    margin-left: 55px;
}

.left-margin-60 {
	margin-left: 60px;
}

.left-margin-70 {
	margin-left: 70px;
}

.left-margin-80 {
	margin-left: 80px;
}

.left-margin-105 {
	margin-left: 105px;
}

.left-margin-120 {
	margin-left: 120px;
}

.right-margin-5 {
    margin-right: 5px;
}

.right-margin-10 {
    margin-right: 10px;
}

.right-margin-15 {
	margin-right: 15px;
}

.right-margin-20 {
    margin-right: 20px;
}

.right-margin-26 {
	margin-right: 26px;
}

.right-margin-30 {
    margin-right: 30px;
}

.right-margin-45 {
	margin-right: 45px;
}

.right-margin-50 {
	margin-right: 50px;
}

.right-margin-70 {
	margin-right: 70px;
}

.right-margin-80 {
	margin-right: 80px;
}

.right-margin-120 {
	margin-right: 120px;
}

.right-margin-150 {
	margin-right: 150px;
}
	
.bottom-margin-0 {
    margin-bottom: 0px !important;
}

.bottom-margin-5 {
    margin-bottom: 5px;
}

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

.bottom-margin-20 {
    margin-bottom: 20px;
}

.bottom-margin-30 {
	margin-bottom: 30px;
}

.bottom-margin-50 {
	margin-bottom: 50px;
}

.hidden {
    display: none;
}

.width-215 {
	width: 215px;
}

.width-250 {
	width: 250px!important;
}

.width-260 {
	width: 260px;
}

.width-270 {
	width: 270px;
}

.full-rail-width {
    width: 485px !important;
}

.full-pop-width {
    width: 592px !important;
}

.min-page-width {
    width: 742px!important;
}

.expanded-width-2 {
    width: 437px;
}

.expanded-width {
    width: 432px;
}

.extended-width {
    width: 378px;
}

.multiple-fields-drop-width {
	width: 360px;
}

.limit-message-width {
	width: 350px;
}

.medium-width {
    width: 279px;
}

.medium-narrow-width {
    width: 257px;
}

.font-size-14 {
	font-size: 14px;
}

.font-size-pop {
	font-size: 1.5em;
}

.buttons.medium-narrow-width {
    margin: 0 auto;
}

.buttons.medium-narrow-width input {
    margin-left: 15px;
}

.moderate-wider-width {
    width: 232px;
}

.moderate-wide-width {
    width: 200px;
}

.moderate-wider-mid-width {
    width: 187px;
}

.moderate-mid-width {
    width: 180px;
}

.moderate-width {
    width: 135px;
}

.intermediate-width {
    width: 115px;
}

.narrow-width {
    width: 95px;
}

.dismal-width {
    width: 80px;
}

.four-character-width {
    width: 70px;
}

.twin-char-width {
    width: 50px;
}

.moderate-height {
    height: 150px;
}

.field-height {
    height: 34px;
}

.large-text{
	font-size: 1.4em;
}

.small-field-height {
    height: 20px;
}

.right-rail-width {
    width: 155px !important;
}

.size-element {
    font-size: 1.3em;
    width: auto;
}

.label-color {
     color: #666666;
}

.confirm-lable {    
    font-size: 1.55em;
}

.resize-y {
     resize: vertical;
}

.s-input {
    width: 130px;
}

.btn-padding-1 {
    height: 33px;
    line-height: 34px;
    float: left;
}

.btn-padding-1 a {
    padding: 6px 35px;
}

.btn-padding-2 {
    padding: 5px 0;
    float: left;
}

.btn-padding-2 a {
    padding: 5px 20px;
}

.heading {
    color: #449a27;
}

.off-screen { 
    display: block; 
    font-size: 0;
    width: 0px; 
    height: 1px; 
    outline: none; 
    overflow: hidden; 
    text-indent: -9999px;
}

.rounded-corners { 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.rounded-top { 
    -webkit-border-top-left-radius:0.5em; 
    -webkit-border-top-right-radius:0.5em; 
    -moz-border-radius: 0.5em 0.5em 0 0; 
    -o-border-radius: 0.5em 0.5em 0 0; 
    -khtml-border-radius: 0.5em 0.5em 0 0;
    border-radius: 0.5em 0.5em 0 0; 
}

.rounded-bottom { 
    -webkit-border-bottom-left-radius:0.5em; 
    -webkit-border-bottom-right-radius:0.5em; 
    -moz-border-radius: 0 0 0.5em 0.5em; 
    -o-border-radius: 0 0 0.5em 0.5em; 
    -khtml-border-radius: 0 0 0.5em 0.5em;
    border-radius: 0 0 0.5em 0.5em; 
}

.rounded-right { 
    -webkit-border-top-right-radius:0.5em; 
    -webkit-border-bottom-right-radius:0.5em; 
    -moz-border-radius: 0 0.5em 0.5em 0; 
    -o-border-radius: 0 0.5em 0.5em 0; 
    -khtml-border-radius: 0 0.5em 0.5em 0;
    border-radius: 0 0.5em 0.5em 0; 
}

.rounded-left { 
    -webkit-border-top-left-radius:0.5em; 
    -webkit-border-bottom-left-radius:0.5em; 
    -moz-border-radius: 0.5em 0 0 0.5em; 
    -o-border-radius: 0.5em 0 0 0.5em; 
    -khtml-border-radius: 0.5em 0 0 0.5em;
    border-radius: 0.5em 0 0 0.5em; 
}

.rounded-top-left { 
    -webkit-border-top-left-radius:0.5em; 
    -moz-border-radius:0.5em 0 0; 
    -o-border-radius:0.5em 0 0; 
    -khtml-border-radius:0.5em 0 0;
    border-radius:0.5em 0 0; 
}

.rounded-top-right { 
    -webkit-border-top-right-radius:0.5em; 
    -moz-border-radius:0 0.5em 0 0; 
    -o-border-radius:0 0.5em 0 0; 
    -khtml-border-radius: 0 0.5em 0 0;
    border-radius: 0 0.5em 0 0; 
}

.rounded-bottom-left { 
    -webkit-border-bottom-left-radius:0.5em; 
    -moz-border-radius: 0 0 0 0.5em; 
    -o-border-radius: 0 0 0 0.5em; 
    -khtml-border-radius: 0 0 0 0.5em;
    border-radius: 0 0 0 0.5em; 
}

.rounded-bottom-right { 
    -webkit-border-bottom-right-radius:0.5em; 
    -moz-border-radius: 0 0 0.5em 0; 
    -o-border-radius: 0 0 0.5em 0; 
    -khtml-border-radius: 0 0 0.5em 0;
    border-radius: 0 0 0.5em 0; 
}

.ui-widget {
    font-family: inherit;
}

.message-indicator,
.selector .message-indicator {   
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/error-icon.png) no-repeat 0px 9px;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius:  0 2px 2px 0;
    -o-border-radius:  0 2px 2px 0;
    -khtml-border-radius:  0 2px 2px 0;
    border-radius:  0 2px 2px 0;
    height: 23px;
    margin: auto 0;
    position: absolute;
    right: 1px;
    width: 20px;
}

/* ----------------------------------- END Global Settings ----------------------------------- */


/* ---------------------------------- Begin Layout Settings ---------------------------------- */
body {
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/background_tile.png) repeat 0 0;
}

#header {
    clear: both;
    width: 980px;
    height: 55px;    
    margin: 0 auto;
    position: relative;
}

#footer {
    padding-top: 12px;
    color: #777776;
    width: 950px;
    clear: both;
    margin: 0 auto;
}

#footer a {
    color: #999999;
    margin-right: 5px;
}

#footer a:hover {
    color: #3b9fe1;
}

#top-content {
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/background_gradient.png) repeat-x 0 0;
}

.modal #body-content {
	width: auto !important;
}

#footer, 
#body-content {
    width: 762px;
    margin: 0 auto;
}

#left-rail, 
#right-rail {
    text-align: left;
    word-wrap: break-word;
    border: none;
    float: left;
    min-height: 100px;
}

#left-rail {
    width: 550px;
}

#registration #left-rail {width: 530px;
    margin-right:20px;
}
#right-rail {
    width: 180px;
    padding-left: 30px;
    margin-top: -5px;
}

#right-rail-confirm {
    width: 260px;
    padding-left: 30px;   
}

#right-rail ul.vertical li {
    clear: both;
    width: 220px;
}

#left-rail ul.vertical li {
    clear: both;
    width: 100%;
}

#left-rail .list-label {
    color: #666666;
    padding-right: 5px;
    padding-top: 8px;
}

#left-rail #number-of-payments-label.list-label {
	padding-top: 0;
}

.label span.label-content {
	width: 93% !important;
}

.inline-radio-group .inline-radio-select{
	width: 250px !important;
}
.inline-radio-group .label span.label-content{
	width: 80% !important;
}

#left-rail .label {
    color: #000000;
}

#right-rail .label {
    margin-top: 2px;
    color: #888888;
}

#right-rail .list-label {
    color: #8c8b8b;
    font-size: 1.2em;
    float: none;
}

#right-rail #pick-date-wrapper {
	float: none;
}

#right-rail h3 {
    color: #444444;
    border-bottom: 1px dotted #A8A8A8;
    color: #444444;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 10px 6px 0;
    padding: 2px 0 5px 0px;
    text-decoration: none;
}

#right-rail h3.secure {
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/icon_secure.png) no-repeat scroll left top transparent;
    padding: 2px 0 2px 18px;
    text-decoration: none;
}

#address-fields #uniform-billing-state {
	margin-top: -3px;
}

#right-rail #account-wrapper .inner-select,
#uniform-speed .inner-select {
    min-width: 100px;
    max-width: 120px;
}

#left-rail #account-wrapper .inner-select {
    min-width: 100px;
    max-width: 300px;
}

#uniform-account-type .inner-select {
    min-width: 155px;
}

#uniform-account-type {
    min-width: 185px;
}

#right-rail input.calendar {
    background-position: 125px;
}

#right-rail .pick-date-wrapper input {
    border-color: #ffffff;
    width: 120px !important;
}



/* ----------------------------------- End Layout Settings ----------------------------------- */

/* ------------------------------------ Begin Containers ------------------------------------ */
.loading {
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/loading64.gif) no-repeat 50% 70% #dddddd;
    float: left;
    position: relative;
    opacity: 0.6;
    filter: Alpha(Opacity=60);
}

.loading span.loading-info {
    background-color: #333333;
    color: #ff0000;
    font-size: 1.6em;
    height: 200px;
    position: relative;
    text-align: center;
    top: 73%;
    width: 100%;
}

.collapsed {
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/icon_in_all.png) no-repeat -12px 6px;
    float: left;
    height: 22px;
    width: 22px;
    margin-top: 3px;
}

#marketing {
    clear: both;
    margin: 20px 0 5px 0;
    padding: 10px 25px 15px 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(0,0,0, 0.1);
    border: 1px solid #cccccc;
    box-shadow: 0 1px 1px #ffffff;
}

.print {
    color: #888888;
    background-image: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/print.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    display: block;
    min-height: 40px;
    cursor: pointer;
    padding: 10px 5px 5px 40px;
}

.print:hover {
	background-image: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/print-hover.png);  
}

.number {
    background: none repeat scroll 0 0 #ff6b09;
    border: 2px solid #ffffff;
    -webkit-border-radius: 2em 2em 2em 2em;
    -moz-border-radius: 2em 2em 2em 2em;
    -o-border-radius: 2em 2em 2em 2em;
    -khtml-border-radius: 2em 2em 2em 2em;
    border-radius: 2em 2em 2em 2em;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); 
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    color: white;
    font-size: 1em;
    font-weight: bold;
    padding: 1px 5px;
    text-align: left;
}

.help-link,
.small-help-link {
    width: 24px;
    height: 30px;
}

.help-link {
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/icon-information.png) no-repeat 0 7px;
}

.small-help-link {
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/icon-information.png) no-repeat 0 3px;
}

.detail {
    float: left;
    color: #787878;
    padding-left: 5px;
    font-size: 1.06em;
    min-width: 200px;
    line-height: 1.3em;
    cursor: default;  
}

.detail span.narrow-width {
    font-size: 1.6em;
    width: 112px;
}

.note {
    background-image: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/icon-attachment.png);
    background-repeat: no-repeat;
    color: #888888;
    display: block;
    line-height: 20px;
    margin-left: 1px;
    min-height: 20px;
    text-indent: 25px;
}

#message {
    resize: none;
    padding-top: 5px;
    font-size: 2em;
    background-color: #ffffff;
}


.message {
    clear: both;
    font-size: 1.4em;
}

.warning {
    background-image: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/error.png);
    color: #ffb120;
}

.success {
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/accept.png) no-repeat scroll 15px 0 transparent;
    clear: both;
    font-size: 1.4em;
    font-weight: bold;
    min-height: 35px;
    padding-left: 55px;
    padding-top: 7px;
    color: #666666;
}

.success_bottom, 
.warning_bottom, 
.failure_bottom {
    clear: both;
}

.process-failure {
    clear: both;
    margin: 20px 0 5px 0;
    padding: 15px 25px 20px 20px;
    min-height: 20px;
    background-repeat: no-repeat;
    background-position: 15px 5px;
}

.warning,
.failure {
    background: rgba(213, 86, 86, 0.06);
    clear: both;
    margin:20px 0 5px 0;
    padding: 15px 25px 20px 20px;
    min-height: 20px;
    background-repeat: no-repeat;
    background-position: 15px 5px;
    border: 1px solid #dbaca4;
    -moz-box-shadow: 0 0 5px #eee1df;
    -webkit-box-shadow: 0 0 5px #eee1df;
    -ms-box-shadow: 0 0 5px #eee1df;
    box-shadow: 0 0 5px #eee1df;
    margin-bottom: 30px;
}

.failure {
    color: #b24e3d;
}

#error-box-label {
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/icon-warning.png) no-repeat scroll 0 -1px transparent;
    color: #666666;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 36px;
    padding-top: 5px;
    padding-bottom: 3px;
}

.process-failure #error-box-label {
    font-size: 1.4em;
    color: #ac260f !important;
}

.marker-error {
    color: #ac260f !important;
}

.error-field {
    border-color: #dbaca4 !important;
    -moz-box-shadow: 0 0 5px #eee1df;
    -webkit-box-shadow: 0 0 5px #eee1df;
    -ms-box-shadow: 0 0 5px #eee1df;
    box-shadow: 0 0 5px #eee1df;
}

.error_item {
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/error-bulet.png) no-repeat scroll 0 3px transparent;
    padding-left: 15px;
    margin-left: 35px;
}

.error input, 
#max-limit-row {
    color: #ac260f;
    margin-top: 8px;
    font-size: 1.2em;
    clear: both;
}

.error input {
    float: left;
}

.half-box {
    height: 131px;
    width: 45%;
}
.half-box div{
    height: 49%;
}
.request-steps .step,
.send-steps .step {
    height: 190px;
    padding: 5px 4px 0;
    position: relative;
    width: 285px;
}
.charity.request-steps .step, .send-steps .step{
    height: 130px;
}

.bottom-box {
    color: #666666;
    display: none;
    padding: 0 40px;
    position: relative;
    text-align: center;
    top: -100px;
}
.top-box {
    height: 40px;
}
.top-box .text {
	width: 75%;
	
}
.locked .selectable {
    cursor: default;
}
.selectable {
    cursor: pointer;
}

.informative {
    cursor: help;
}
.charity .informative {
    cursor: default;
}

.error input, 
#max-limit-row a {
    cursor: pointer;
    padding-left: 5px;
}

.cutoff-message, 
#trial-deposit-row, 
.inline-warning {
    font-size: 1.2em;
    clear: both;
	float: left;
    color: #666666;
    margin-top: 2px;
    width: 400px;
    margin-top: 10px;
}

#exceed-card-limit-row p,
#trial-deposit-row p {
	padding-top: 5px;
}

div.error-color {
    color: #ac260f;
}

.box-shadow ul { 
    padding: 20px 20px 0 25px;
}

.box-shadow .note, 
.box-shadow .message { 
    padding: 0 20px 15px 25px;
}
/* ------------------------------------- End Containers ------------------------------------- */

/* ------------------------------------- Begin Popup box ------------------------------------ */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, 
#cboxOverlay, 
#cboxWrapper {
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 9999; 
    overflow: hidden;
}
.WEBKIT #colorbox:focus, .WEBKIT #cboxOverlay:focus, .WEBKIT #cboxWrapper:focus {
	 outline: none;;
}

#cboxOverlay {
    position: fixed; 
    width: 100%; 
    height: 100%;
    background: #767f88;
}

#cboxMiddleLeft, 
#cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: static; 
    overflow: hidden;
}

#cboxContent form { 
    margin-top: 30px;
}

#cboxLoadedContent {
    overflow: auto;
}

#cboxLoadedContent iframe {
    display: block; 
    width: 100%; 
    height: 100%; 
    border: 0;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, 
#cboxLoadingGraphic {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%;
}

#cboxPrevious, 
#cboxNext, 
#cboxClose, 
#cboxSlideshow {
    cursor: pointer;
}

.message pre {
    white-space: pre;
}

.cboxPhoto {
    float: left; 
    margin: auto; 
    border: 0; 
    display: block;
}

.cboxIframe {
    width: 100%; 
    height: 100%; 
    display: block; 
    border: 0;
}

#cboxTopLeft {
    width: 25px; 
    height: 25px; 
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/border1.png) 0 0 no-repeat;
}

#cboxTopCenter {
    height: 25px; 
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/border1.png) 0 -50px repeat-x;
}

#cboxTopRight {
    width: 25px; 
    height: 25px; 
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/border1.png) -25px 0 no-repeat;
}

#cboxBottomLeft {
    width: 25px; 
    height: 25px; 
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/border1.png) 0 -25px no-repeat;
}

#cboxBottomCenter {
    height: 25px; 
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/border1.png) 0 -75px repeat-x;
}

#cboxBottomRight {
    width: 25px; 
    height: 25px; 
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/border1.png) -25px -25px no-repeat;
}

#cboxMiddleLeft {
    width: 25px; 
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/border2.png) 0 0 repeat-y;
}

#cboxMiddleRight {
    width: 25px; 
    background:  url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/border2.png) -25px 0 repeat-y;
}

#cboxContent {
    padding: 0;
    margin: 0;
    background: #ffffff; 
}

#cboxLoadedContent {
    padding: 0 10px;
    line-height: normal;
}

#cboxLoadedContent h2 {
    width: 552px;
    border: none; 
    margin: 0;
    background-color: #f0f7f8;
    color: #5e5d5d; 
}

#cboxLoadedContent p {
    margin: 20px 0 10px 0;
}

#cboxLoadedContent p.nomargin {
    margin-bottom: 0;
}

#cboxTitle {
    display: none;
}

#cboxCurrent {
    position: absolute; 
    bottom: 0; 
    left: 100px; 
    color: #999999;
}

#cboxSlideshow {
    position: absolute; 
    bottom: 0; 
    right: 42px; 
}

#cboxPrevious {
    position: absolute; 
    bottom: 0; 
    left: 0; 
}

#cboxNext {
    position: absolute; 
    bottom: 0; 
    left: 63px; 
}

#cboxLoadingOverlay {
    background: url(https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/loading.gif) 5px 5px no-repeat;
	position: absolute;
	left: 300px;
	top: 150px;
}

#cboxClose {
    background: url("https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/btnClose.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: block;
    height: 18px;
    position: absolute;
    right: 28px;
    text-indent: -9999px;
    top: 28px;
    width: 18px;
}

.helping-hands{
    background: url("https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/marketing/helping-charity.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;
    height:444px;
}
.helping-hands .title{
    color: white;
    display: block;
    margin-top: 0px !important;
    padding-top: 60px !important;
    text-align: center;
}
.helping-hands .watch{
    color: white;
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
}
.play-button{
    background: url("https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/marketing/player-button.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;
    cursor: pointer;
    height: 148px;
    margin: 40px auto 15px;
    width: 148px;
}
.layout{
    background-color: rgba(60, 60, 60, 0.8);
    height: 300%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3000;
}
.layout .panel {
    margin: 150px auto;
    width: 60%;
}
.layout .panel .close{
    background: transparent url("https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/btnClose.png") no-repeat scroll right center;
    color: #fff;
    float: right;
    font-size: 1.4em;
    padding-right: 30px;
}
.gray-cell {
    background-color: #efefef;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    text-indent: 5px;
}

.table-header {
    background-color: #e3e4dc;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 5px;
    padding-top: 5px;
    text-indent: 5px;
    color: #666666;
}

.table-side {
    background-color: #e8e8e2;
}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background img are relative to the CSS document.
*/
.cboxIE #cboxTopLeft, 
.cboxIE #cboxTopCenter, 
.cboxIE #cboxTopRight, 
.cboxIE #cboxBottomLeft, 
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight, 
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    background: transparent; 
}

.cboxIE #cboxTopLeft {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/borderTopLeft.png, sizingMethod='scale');
}

.cboxIE #cboxTopCenter {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/borderTopCenter.png, sizingMethod='scale');
}
.cboxIE #cboxTopRight {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/borderTopRight.png, sizingMethod='scale');
}

.cboxIE #cboxBottomLeft {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/borderBottomLeft.png, sizingMethod='scale');
}

.cboxIE #cboxBottomCenter {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/borderBottomCenter.png, sizingMethod='scale');
}

.cboxIE #cboxBottomRight {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/borderBottomRight.png, sizingMethod='scale');
}

.cboxIE #cboxMiddleLeft {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/borderMiddleLeft.png, sizingMethod='scale');
}

.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/borderMiddleRight.png, sizingMethod='scale');
}

#cboxNext, 
#cboxPrevious, 
#cboxSlideshow {
    color: #444444;
}
/* -------------------------------------- End Popup box ------------------------------------- */
/* ---------------------------------- BEGIN FONT SETTINGS ----------------------------------- */
/* xx-small=.5em, x-small=.625em, small=.8em, medium=1em, large=1.125em, x-large=1.5em, xx-large=2em; */


div.effects input.calendar {
	padding-left: 3px;
}

td.cal-white { 
    font-size: 1.2em;
}

.adacal {
    font-size: 0;
}

#cboxLoadedContent h2, 
#body-content h2, 
.bold, 
td.cal-white, 
optgroup, 
#left-rail .label, 
#right-rail .label, 
#left-rail .list-label, 
#right-rail .list-label, 
#right-rail h2,
.heading, 
.note, 
.print, 
.match-item .left-match strong, 
.inline-detail strong {
    font-weight: bold;
}

.italic, 
optgroup {
    font-style: italic;
}

#cboxLoadedContent h2 span {
    font-size: 0.75em;
    font-weight: normal;
    color: #000000;
}

#cboxLoadedContent h2 {
    font-size: 1.4em;
    line-height: 2.2em;
}

.warning, 
.heading, 
.process-failure, 
.failure, 
.message pre {
    font-size: 1.3em;
    line-height: 1.3em;
}

.mid-text {
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: normal;
}

.normal-text {
    font-size: 0.8em;
}

body.IE .mid-text {
	font-size: 1.2em;
}

.small, 
.ac_results li .match-detail span {
    font-size: 0.8em;
    line-height: 1em;
}

.large, 
optgroup, 
optgroup option, 
.list-label, 
.match-item .left-match strong, 
#right-rail h2 {
    font-size: 1.6em;
}

.liner {
    display: block;
    margin: 0 0 10px;
}
.number-gap {
    display: inline-block;
    height: 20px;
    width: 20px;
}

/* ----------------------------------- END FONT SETTINGS ------------------------------------ */


/* --------------------------------- Begin Speech Setting ----------------------------------- */
@media speech {
  #voice-volume {
      -xv-voice-volume: x-soft; 
      -xv-voice-balance: right; 
  }
  #voice-balance {
      -xv-voice-balance: left; 
  }
  #speech-cue {
      cue-after: url(ding.wav);
  }
  #voice-rate {
      -xv-voice-rate: x-slow; 
  }
  #voice-family {
      voice-family: female; 
  }
  #voice-pitch {
      -xv-voice-pitch: x-low; 
  }
  #speech-speak {
      speak: spell-out;
  }
}
/* ---------------------------------- End Speech Setting ------------------------------------ */


/* ---------------------------------- Begin Print Setting ----------------------------------- */
@media print {
    body, #content { 
        color: #000000 !important; 
    }
    a, a:link, a:visited { 
        color: #000000 !important; 
        text-decoration: none !important; 
    }
    #top-rail, #header, #marketing , .hide-on-print { 
        display: none !important; 
    }
    #footer, #body-content { 
        left: 0 !important; 
        background-image: none !important; 
    }
}


.icoPrintImage {
	background:url("https://s.popmoney.com/76599/static-76599/resources/base/css/popmoney/images/print_icon.gif") 0 0 no-repeat;
	height: 17px;
	width: 16px;
	padding-left:25px;
}

/* ---------------------------------- End Print Setting ----------------------------------- */


/* -------------------------------- begin iPhone Controls --------------------------------- */
@media screen and (max-device-width: 480px) { 
    html { 
        -webkit-text-size-adjust: none; 
    }
}
/* --------------------------------- end iPhone Controls ---------------------------------- */