/* ============================================================================ 
/* Gill Sans Font Face
/* ============================================================================ */

@font-face {
	font-family: 'Gill Sans Std';
	src: url('../fonts/GillSansStd-Italic.eot');
	src: url('../fonts/GillSansStd-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GillSansStd-Italic.woff') format('woff'),
		url('../fonts/GillSansStd-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('../fonts/GillSansStd.eot');
	src: url('../fonts/GillSansStd.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GillSansStd.woff') format('woff'),
		url('../fonts/GillSansStd.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('../fonts/GillSansStd-Light.eot');
	src: url('../fonts/GillSansStd-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GillSansStd-Light.woff') format('woff'),
		url('../fonts/GillSansStd-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('../fonts/GillSansStd-LightItalic.eot');
	src: url('../fonts/GillSansStd-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GillSansStd-LightItalic.woff') format('woff'),
		url('../fonts/GillSansStd-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('../fonts/GillSansStd-BoldItalic.eot');
	src: url('../fonts/GillSansStd-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GillSansStd-BoldItalic.woff') format('woff'),
		url('../fonts/GillSansStd-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('../fonts/GillSansStd-Bold.eot');
	src: url('../fonts/GillSansStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GillSansStd-Bold.woff') format('woff'),
		url('../fonts/GillSansStd-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

html {
    font-size: 1em;
}

form {
    height:100%;
}

html, body {
	width: 100%;
	position: static;
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE; 
	position: relative;
}

.body-inner {
	width: 1030px;
	height: 100%;
	background-color: #fff;
	margin: 0px auto 0px auto;
	position: relative;
    font-family: 'Gill Sans', 'Gill Sans Std', SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.payment-form-body{
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.19);
    margin-left:10em;
    margin-right:10em;
    margin-bottom:2em;
    margin-top:-5em;
    padding-top:1.5em;
    padding-left:2em;
    padding-right:2em;
    background-color:white;
}

.bullet-number{
    border-radius: 50%;
    background-color: #0073CF;
    padding-left: 0.6em;
    padding-right: 0.6em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    display: inline-block;
    color: white;
    font-size: 1.3em;
    font-weight: 900;
}

.bullet-text {
    color:#0073CF;
    font-size: 1.2rem;
    margin-left: 0.5em;
}

.input-label {
    display:block;
    color: #9D9D9D;
    font-size:0.8rem;
    margin-bottom:0.2em;
    text-transform:uppercase;
}

select,
input[type=text] {
    padding-bottom: 0;
    padding-top:0;
    padding-left:0.3em;
    padding-right:0.3em;
    height: 2.1em;
    position: relative;
    outline: none;
    border: 1px solid #cdcdcd;
    border-color: rgba(0,0,0,.35);
    background-color: white;
    font-size: 1rem;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 1px 1px #dddddd;
    -moz-box-shadow: inset 1px 1px 1px 1px #dddddd;
    box-shadow: inset 0px 1px 2px 0.5px #dddddd;
    width:100%;
}

.input-text-required {
    border: 1px solid #D52137 !important;
}

.input-radio-required + img {
    border: 1px solid #D52137 !important;
    border-radius:3px;
}

.input-radio-required label{
    color: #D52137 !important;
    display:inline-block;
}

input[type=radio]{
    /*-webkit-appearance:none;*/
    height:1.2em;
    width:1.2em;
    margin:0;
    margin-right:0.5em;
    vertical-align:middle;
    /*border:1px solid darkgray;
    border-radius:50%;
    outline:none;
    box-shadow:0 0 5px 0px gray inset;*/
}

input[type=radio]+label{
    vertical-align:middle;
    margin-bottom:0.1em;
    color:#4A4A4A;
}

.radio-button {
    display:block;
    margin-bottom:1em;
}

.link-button {
    color:#00A9E0;
    text-decoration:none;
    font-style:italic;
}

.payment-form-header {
    background: #0073cf; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #0073cf , #00a9e0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #0073cf, #00a9e0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #0073cf, #00a9e0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #0073cf , #00a9e0); /* Standard syntax */
    width:100%;
    height:21em;
}

.payment-form-header-title{
    color: white;
    font-size: 3em;
    font-weight: 300;
    margin-left: 3.3em;
}

.payment-form-header-subtitle {
    color: white;
    font-size: 1.1em;
    font-weight: 300;
    margin-left: 9.1em;
    margin-top: 3.7em;
    text-transform:uppercase;
}

.payment-form-header-logo img {
    /*width:7em;*/ 
    display:inline-block;
    margin-left:10em;
    margin-top:1em;
}

.payment-form-header-contact-us {
    display: inline-block; 
    float: right; 
    color:white;
    text-transform:uppercase;
    margin-right:10em; 
    margin-top:3em; 
    font-weight:300;
    text-decoration:none;
}

.payment-form-card-radiobutton {
    display:inline-block;
    margin-right:1.5em;
}

.payment-form-card-radiobutton * {
    vertical-align:middle;
    display:inline-block;
}

select::-ms-expand {
    display: none;
}

.select-default-selected {
    color: #ccc;
}

select option {
    color: #000;
}

/*
option
{
    color: #000;
}
option:first-child
{
    color: #ccc;
}
*/
option:disabled
{
    color: #ccc;
}

.payment-form-footer {
    margin-left:13em;
    margin-right:14em;
    color: #4A4A4A;
    font-size:0.9em;
    margin-bottom:3em;
}

.payment-form-footer > div > a {
    text-decoration:none;
}

.payment-form-submit-button {
    text-transform:uppercase;
    font-size:0.87em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left:2.2em;
    padding-right:2.2em;
    background-color:#0073CF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #0073CF;
    color:white;
	font-family: 'Gill Sans Std';
    margin-bottom:3em;
}

.payment-form-submit-button :hover {
    cursor:pointer;
    cursor: hand;
}

.payment-form-total-amount {
    font-size:1.6em;
    color:#0073CF;
    display:inline-block;
}

[data-val-validationgroup=PayerDetails],
[data-val-validationgroup=PaymentTypeValidation],
[data-val-validationgroup=InvoicePaymentValidation],
[data-val-validationgroup=TrustPaymentValidation],
[data-val-validationgroup=BillingInfoValidation],
[data-val-validationgroup=Global] {
    background:url(/Images/Alert-Icon.png) no-repeat ;
    background-position-x: 10px;
    background-position-y: 15px;
    border: 1px solid #D52137;
    background-color:#F8D9DD;
    color:#D52137;
    text-transform:uppercase;
    font-size:0.9em;
    /*margin-bottom:1.5em;*/
}

ul {
    list-style:none;
}

ul:first-child {
    margin-top:1.2em;
}

.payment-form-column-one {
    width:16.9em;
    display:inline-block; 
    vertical-align:top;
}

.payment-form-column-two {
    width:22.5em;
    display:inline-block; 
}

.payment-form-row {
    padding-top:1.5em;
    padding-bottom:1.5em;
}

.payment-result-merchant-info {
    margin-top:2em;
}

.payment-result-merchant-info span {
    width:12em;
    display:inline-block;
    color:#4A4A4A;
    margin-bottom:0.4em;
}

.payment-result-payer-info div {
    color:#9D9D9D;
    text-transform:uppercase;
    display:inline-block;
    vertical-align:top;
    margin-top:1.5em;
    font-size:0.9em;
}

.payment-result-payer-info span {
    text-transform:none;
    color:#4A4A4A;
    display:block;
    font-size:1.1em;
    margin-top:0.5em;
}

.horizontal-line{
    height:0px; 
    border-style:solid; 
    border-width:1px; 
    border-color:#CBCBCB;
}

.two-column >:nth-child(1) {
    width:20em;
}

.three-column :nth-child(1) {
    width:230px;
    display:inline-block;
}

.three-column :nth-child(3) {
    float:right;
}

.three-column * {
    margin-top:5px;
    margin-bottom:5px;
}

#logo-print {
    display:none;
}

@media print {
    @page { margin: 0; }
    body * {
    visibility: hidden;
    }

    #section-to-print, #section-to-print * {
    visibility: visible;
    }

    #section-to-print, #logo-print {
        display:block;
        margin-bottom:40px;
    }

    #section-to-print a {
        visibility:hidden;
    }

    #section-to-print {
    position:absolute;
    left: 0;
    top: 150px;
    }
}

@media only screen and (max-width: 500px) {
    .payment-form-body {
        margin-left:10px;
        margin-right:10px;
    }

    .payment-form-header-title {
        margin-left:10px;
    }

    .payment-form-header-subtitle {
        margin-left: 10px;
    }

    .payment-form-header-logo img {
        margin-left:10px;
    }

    .payment-form-header-contact-us {
        margin-right:10px;
    }
}

a:hover{
    cursor:pointer;
}

::-webkit-input-placeholder { 
    color:#CDCDCD; 
    font-size:0.8em;
}

::-moz-placeholder { /* firefox 19+ */
    color:#CDCDCD; 
    font-size:0.8em;
} 

:-ms-input-placeholder { /* ie */
    color:#CDCDCD; 
    font-size:0.8em;
} 

input:-moz-placeholder { 
    color:#CDCDCD; 
    font-size:0.8em;
}

/*-------------------------------------------------------*/

.tooltip-retainer,
.tooltip-invoice {
    border-bottom: 0px dotted #000000; 
    color: #4A4A4A; 
    outline: none;
    text-decoration: none;
    position: relative;
}

.tooltip-retainer div,
.tooltip-invoice div {
    display:none;
    /*position: absolute;*/
}

.tooltip-retainer div ul,
.tooltip-invoice div ul {
    list-style:disc;
    -webkit-margin-before: 0.1em;
    -webkit-margin-after: 0.1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 16px;
    margin-top:3px;
    margin-bottom:3px;
}

.tooltip-retainer div ul li,
.tooltip-invoice div ul li {
    margin-top:0.1em;
    margin-bottom:0.1em;
}

.tooltip-retainer:hover div,
.tooltip-invoice:hover div {
    position: absolute; 
    left: 1em; 
    top: 1em; 
    z-index: 99;
    width: 210px;
    display:block;
}

.tooltip-invoice:hover div {
    margin-left: -100px;
    margin-top: -157px;
    padding: 0.5em 0.8em;
}

.tooltip-retainer:hover div{
    margin-left: -100px;
    margin-top: -105px;
    padding: 1.2em;
}

/*.tooltip:hover em {
    font-size: 0.8em; 
    font-weight: bold;
    display: block; 
    padding: 0.2em 0 0.6em 0;
}*/

.tooltip-content {font-size: 0.82em; background: #F0FBFF; border: 1px solid #00A9E0; }
* html a:hover { background: transparent; }


.link-email{
    color:#0073cf;
    text-decoration:none;
}

.link-email:hover{
    color:#00a9e0;
}

.input-text-empty{
    color:#CDCDCD; 
}