﻿@charset "UTF-8";

/** Consolidate Web Theme Styles from ajaxStyles.css **/
.divCoverStyle
{
	background:#F4F7FC url(images/ajax-loader.gif) no-repeat fixed;
}

.ajaxProgress
{
	background-image: url(Images/clear.gif);
}

.ajax__calendar_prev {background-image:url(WebResource.axd?d=AmU2nGbtsBRYguv8tNLizu13yqJp3-Wxbx5NOXVnTiskCm08HIcwueKfaSp3FhNRJUpJYjWGNtXLYlsd2mQ4Tw2&t=633771288000000000);}
.ajax__calendar_next {background-image:url(WebResource.axd?d=AmU2nGbtsBRYguv8tNLizu13yqJp3-Wxbx5NOXVnTiskCm08HIcwueKfaSp3FhNRHhZlMP6yi7BwVYAF60FLOw2&t=633771288000000000);}

/** Consolidate Web Theme Styles from formfield.css **/

.submit1[disabled] { padding: 3px; }

/** Consolidate Web Theme Styles from layout.css **/
#wrapper
{
	margin:0 auto 0 auto;
}

#blu-nav
{
	width:1000px;
	padding:0;
	min-height:45px;
	border-bottom: 1px solid #B2B2B2;
}

#blu-nav ul
{
	font-size:12px;
	color:#698399;
	padding:0;
	font-weight:bold;
	margin: 6px 0 0 0;
}

#blu-nav ul li div.chat-tag
{
	display: inline-block;
	position: relative;
	top: 7px;
	margin-left: .3em;
	height: 22px;
	width: 30px;
}

#blu-nav ul li div.chat-tag img
{
	cursor: pointer;
}

#blu-nav .welcomeUser 
{ 
	font-size:14px;
	color: #698399;
	float: right;
	padding:0;
	margin: 6px 6px 0 0;
 }

#blu-nav ul li
{
	padding: 0 2px;
}

#blu-nav ul li a { color:#698399; text-decoration:none; font-weight:bold; }

#blu-nav ul li a:hover { color:#698399; }

.main-logo a, .logo
{
	height:54px;
}

.main-logo a
{
	margin:12px 10px 0 10px;
	padding: 0 0 12px 0;
}

.poweredByPaySimpleHeader
{
	margin: 26px 10px 0 0;
}

.main-logo-nolink
{
	height:78px;	
}

.config-logo-padding
{
	padding:12px 0;
}

#top-cap { background: top left no-repeat; }
#top-cap2 { background: top left no-repeat; }
#top-cap-config
{
	width:940px;
	height:30px;
	display:block;
	margin:0 auto 0 30px;
	overflow:hidden;
	background: top left no-repeat;
	border-bottom: solid 1px #000000;
}

#absolute-cap2 { background: top left no-repeat; }

#content { background: top left repeat-y; }
.content-inner
{
	background: top left no-repeat;
}

#bottom-cap2
{
	background: top left no-repeat;
}

#footer-nav {
	height: 0;
	padding:5px 0 0;
}


#footer-nav ul {
	padding-top: 10px;
}
#footer-nav ul, #footer-nav div
{
	color:#959595;
	margin:0;
	line-height:0;
}

#footer-nav div
{
	padding:0;
	margin: 20px;
	font-weight: bold;
}

#footer-nav ul li a { color:#959595;text-decoration:none;}

#footer-nav ul li a:hover { text-decoration:underline; }

.app-steps { right:37px; }
.app-title { top:13px; }

#dash-menu { margin: 8px 8px 0 0; padding: 0 0 125px 0; }

#view-dashboard { height:63px; background:url(images/u-nav-viewdashboard.png) top left no-repeat; }
a#view-dashboard-active:hover, #view-dashboard-active {display:block; background: transparent url(images/u-nav-viewdashboard.png) no-repeat -334px 0 !important; height: 63px; width:167px; }

#home-page { height: 62px; background: url(images/oxy-nav/1x/u-nav-home.png) top left no-repeat; }
#home-page-active:hover, #home-page-active { height: 62px; background: transparent url(images/oxy-nav/1x/u-nav-home.png) no-repeat -334px 0 !important;}

#virtual-terminal { height:62px; background:url(images/u-nav-spos.png) top left no-repeat; }
#virtual-terminal-active:hover, #virtual-terminal-active { height:62px; background: transparent url(images/u-nav-spos.png) no-repeat -334px 0 !important; }

#collect-payments { display:block; width:167px; height:62px; background:url(images/u-nav-collectpayments.png) top left no-repeat; }
#collect-payments-active:hover, #collect-payments-active { background: transparent url(images/u-nav-collectpayments.png) no-repeat -334px 0 !important; }

#collect-payments-fa { height:62px; background:url(images/left-nav-payments-upgrade.png) top left no-repeat; }
a#collect-payments-fa:hover, a#collect-payments-fa-active:hover { display:block; width:167px; height:62px; background:url(images/left-nav-payments-upgrade-hover.png) top left no-repeat; }
#collect-payments-fa-active { display:block; width:167px; height:62px; background:url(images/left-nav-payments-upgrade-hover.png) top left no-repeat; }

#collect-payments-invoiceonly { display:block; width:167px; height:62px; background:url(images/left-nav-payments-upgrade.png) top left no-repeat; }
#collect-payments-invoiceonly:hover, #collect-payments-invoiceonly-active { background: url(images/left-nav-payments-upgrade-hover.png) top left no-repeat !important; }

#appointments-get-payments { display:block; width:167px; height:62px; background:url(images/u-nav-collectpayments.png) top left no-repeat; }
#appointments-get-payments:hover, #appointments-get-payments, #appointments-get-payments:hover { display:block; width:167px; height:62px; background:url(images/u-nav-collectpayments.png) top left no-repeat; }

#send-invoices { height:62px; background:url(images/u-nav-sendinvoices.png) top left no-repeat; }
#send-invoices-active:hover, #send-invoices-active { background:transparent url(images/u-nav-sendinvoices.png) no-repeat -334px 0 !important; }

#manage-customers { height:62px; background:url(images/u-nav-managecustomers.png) top left no-repeat; }
#manage-customers-active:hover, #manage-customers-active { height:62px; background: transparent url(images/u-nav-managecustomers.png) no-repeat -334px 0 !important; }

#manage-customers-bottom { height:62px; background:url(images/u-nav-managecustomers.png) top left no-repeat; }
#manage-customers-bottom-active:hover, #manage-customers-bottom-active { height:62px; background: transparent url(images/u-nav-managecustomers.png) no-repeat -334px 0 !important; }

#appointments { height:62px; background:url(images/u-nav-appointments.png) top left no-repeat; }
#appointments-active:hover, #appointments-active { height:62px; background: transparent url(images/u-nav-appointments.png) no-repeat -334px 0 !important; }

#online-store { height:62px; background:url(images/u-nav-ecommerce.png) top left no-repeat; }
#online-store-active:hover, #online-store-active { height:62px; background: transparent url(images/u-nav-ecommerce.png) no-repeat -334px 0 !important; }

#payments-builder-invoices { height: 62px; background: url(images/u-nav-sendinvoices.png) top left no-repeat; }
#products-and-services { height:62px; background:url(images/oxy-nav/1x/u-nav-catalog.png) top left no-repeat; }
#app-center { height: 62px; background: url(images/oxy-nav/1x/u-nav-appcenter.png) top left no-repeat; }

#reports-beta { height:62px; background:url(images/oxy-nav/1x/-u-nav-reports.png) top left no-repeat; }
#refer-a-business {  height:62px; background:url(images/oxy-nav/1x/u-nav-refer.png) top left no-repeat; color: #0088cc;}

#appointments-bottom { height:62px; background:url(images/u-nav-appointments.png) top left no-repeat; }
#appointments-bottom-active:hover, #appointments-bottom-active { height:62px; background: transparent url(images/u-nav-appointments.png) no-repeat -334px 0 !important; }

#review-reports { height:68px; background:url(images/u-nav-reviewreports.png) top left no-repeat; }
#review-reports-active:hover, #review-reports-active { height:68px; background:transparent url(images/u-nav-reviewreports.png) no-repeat -334px 0 !important; }
#review-reports-fa { height:68px; }
#review-reports-fa-active { height:68px; }
#get-paid-faster { height:185px; }
#get-paid-faster:hover, #get-paid-faster-active { display:block; width:167px; height:185px; background-position:5px 15px !important; background:url(images/u-get-paid-faster.gif) top left no-repeat; }

input.top-search
{
	width:235px;
	top:22px;
	right:116px;
	height:25px;
	font-size:18px;
}

input.top-search-button
{
	width:98px;
	height:30px;
	background:url(images/u-btn-search.gif) top left no-repeat;
	top:22px;
	right:10px;
}

#dash-bottom
{
	line-height: 34px;
}

#deposit-reports, #payments-pending, #invoice-summary, #customers, #invoiceSummaryGraph, #paymentSummaryGraph { width:362px; }

table.view-dashboard-table thead tr, table.fixed-height1-table thead tr, table.lineItemsGrid thead tr { background-color:#A1B7C9; }
table.view-dashboard-table thead tr th, table.fixed-height1-table thead tr th, table.lineItemsGrid thead tr th { color:#000000; padding:4px 12px; font-weight: bold; }
table.view-dashboard-table thead tr th a, table.fixed-height1-table thead tr th a, table.lineItemsGrid thead tr th a { color:#000000; text-decoration: underline; }

#tab-container
{
	background: top left no-repeat;
}

#top-tabs
{
	border-bottom: 1px solid #A1B7C9;
}
.mainContentHeaderTab a
{
	padding:4px 10px 10px 10px;
	background-color:#ededed;
	color:#949494;
	border: 1px solid #A1B7C9;
	font-weight: bold;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

.selectedContentHeaderTab a, .mainContentHeaderTab a:hover { background-color:#949494; color:#ededed; }

#payment-details table.fixed-height1-table tbody
{
	border-top:solid 0px #fff;
}


table.dataTable thead th {
	color:#02254B;
}

.paging_full_numbers button.dt-paging-button,
.paging_full_numbers button.dt-paging-button-active {
	color: #578cbb;
	border: none;
	background: none;
}

.InfoGrid tr.selectedItem
{
	background-color:#A1B7C9;
	color: #000000;
}

.InfoGrid tr.selectedItem a
{
	color: #000000;
}

.InfoGrid th
{
	font-size:12px; 
	color:#02254B;
}

.InfoGrid th a, .InfoGrid tr a
{
	text-decoration:none;
}

.InfoGrid th a:hover, .InfoGrid tr a:hover
{
	text-decoration:underline;
}

.actionsModalWhiteBackground li a
{
	font-weight: normal;
}

#tab-container3
{
	background: top left no-repeat;
}

#top-tabs3
{
	margin:0px 30px 0px 24px;
	border-bottom: 1px solid #A1B7C9;
}

.settings-title
{
	font-size:20px;
	color:#959595;
	font-weight: bold;
	margin:0px 15px 0px 0px;
	line-height: 22px;
}

.breadcrumb { color:#578cbb; }

.login-container, .buyerSignup-container
{
	background: transparent no-repeat scroll left top;
}

.faSetupLogin-Container
{
	background: transparent #FFFFFF no-repeat scroll left top;
}

.faSetupLogin-Container .faSetupLogin
{
	background: #FFFFFF top left no-repeat;
}

.faSetupSubTitle
{
	width: 500px;
	line-height: 16pt;
	margin-left: auto;
	margin-right: auto;
}

.faSetupLogin .head-1
{
	display: none;
}

.faSetupTitle
{
	font-size: 20pt;
}

.impersonatedAdminPanel
{
	width:100%;
}

.upgrade-close-label, .upgrade-left-ap-spacing
{
	display: none;
}

.upgrade-title
{
	font-size: 20pt;
	font-family: Verdana;
	color: #333333;
	padding-bottom: 10px;
}

.upgrade-left
{
	background-color: #FBFBFB;
	padding: 15px;
	float: left;
	width: 380px;
}

.upgrade-left-ps-spacing
{
	display: block;
	color: #C0C0C0;
}

.upgradeModal
{
	padding: 10px 15px 0 15px;
}

.upgrade-body, .upgrade-body p, .upgrade-body ul li
{
	text-align: left; 
	font-family: Calibri;
	font-size: 12pt;
	color: #333333;
}

.upgrade-body ul
{
	margin: 5px 0 0 6px;
}

.upgrade-learnmore a
{
	padding-top: 0px;
	font-family: Calibri;
	font-size: 12pt;
}

.upgrade-container
{
	height: 425px;
	position: relative;
}

.upgrade-link-container
{
	position: absolute;
	bottom: 5px;
	right: 190px;
	width: 380px;
}

.legend
{
	margin-left: 30px;
}

.legendKey
{
	width: 20px; 
	height: 10px;
	border: 1px solid #000000;
	float: left; 
	margin-right: 7px;
}

.aHelpPopupLink
{
	background: url("images/u-icon-question-mark.png") no-repeat scroll 0 0 transparent;
	padding: 3px 0 0 25px;
	min-height: 20px;
	display:inline-block;
}

/** Consolidate Web Theme Styles from older.css **/
.accountsPanel
{
	border-color: #02254B;
}

/** Consolidate Web Theme Styles from paysimple.css **/
.checkOutFormWrapper
{
	width: 1000px;
	background: transparent url(images/main-panel.png) repeat-y scroll 0 0;
	padding: 0 !important;
}

.checkOutFormContainer, .checkOutFormFooter
{
	padding: 10px 113px;
	width: 775px;
}
.checkOutFormHeader
{
	width: 775px;
}

.checkOutFormContainerTop
{
	background: #FFFFFF url(images/main-panel-top.png) no-repeat scroll 0 0;
	height: 15px;
}

.providedByPaySimpleWrap
{	
	float:right;
	width: 247px;
	height: 60px;
}

#lnkPoweredByPsWebPayment {
    width: 247px;
    height: 34px;
    float: right;
    text-decoration: none;
    background-image: url(Images/secure-online0payments-logo_STATIC.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#lnkPoweredByPsWebPayment:hover {
    background-image: url(Images/secure-online0payments-logo_STATIC.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#lnkPoweredByPsWebPaymentText
{
	float:left;
	text-decoration:none;
	color: #578cbb;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 0 40px;
}

/** Consolidate Web Theme Styles from text.css **/
body, text-1, #helpText
{
	font-family:Helvetica;
}

a, a img
{
	outline:none;
	border:none;
}

a
{
	color: #578cbb;
	text-decoration: none;
	font-weight: bold;
}

a:hover { text-decoration:underline; }

h4 { font-family:Arial, sans-serif; font-size:18px; color:#000000; margin:0px 0px 10px 0px; }

.text-8 { color:#000000; }

.text-10
{
	font-size: 14px;
}

a.link-3, .submit2
{
	font-weight:normal;
	color:#000000;
}

a.link-3:hover, #actionButtons a.link-3:hover, #actionButtons .submit2:hover
{
	background-color:#02254B;
}

.link-7
{	text-decoration:none; font-weight:bold; }

a.link-7:hover
{ text-decoration:underline; }

.sub-6 { color:#02254B; }

.app-title { color:#02254B; }

h3.gold-star
{color:#02254B;}

.sub-8 { color:#02254B; }

.head-1 h1, .head-1 h1 span
{
	font-size:34px;
	color:#959595;
	font-weight:bold !important;
	margin:0px 0px 25px 0px;
	line-height: normal;
	margin: -13px 0 12px;
}

.head-2 
{color:#02254B;}

.head-3 { color:#363636; }

.app-steps ul li.step-current { color:#02254B; border-top:#02254B solid 6px; }

.addItem
{
	text-transform: lowercase;
}

.addItemInline
{
	font-weight: normal;
}

#quick-links
{
	margin: 20px 0 0 10px;	
}
#quick-links-title
{
	color: #636363;
}
.quick-links-line
{
	border-bottom: 1px solid #363636;
}
.quick-link
{
	color: #515151;
	font-weight: normal;
}

#report-links
{
	margin: 15px 0 0 10px;	
}
#report-links-title
{
	color: #636363;
}
.report-links-line
{
	border-bottom: 1px solid #363636;
}
.report-link-column
{
	width: 117px;	
}
.report-link
{
	color: #515151;
	font-weight: normal;
}

.searchArea
{
	padding: 8px 12px;
}
.searchSection
{
	margin-right: 15px;	
}

#gsTitleText 
{
	color: #02254b;
}

.gslink
{
	color: #02254B;
}

#gsVideoTitle
{
	color: #02254b;
}

#gsVideoDesc
{
	color: Gray;
}

.gsLine
{
	border-bottom: 1px solid #363636;	
}

.gsLearnMoreLink a
{
	color: #578cbb;
}

.gsLinkNote
{
	margin-left: 3px;
}

.datePickerLabel
{
	color: #363636;
	width: 47px;
}

/** Consolidate Web Theme Styles from tools.css **/
.ContextMenuPanelDP
{
	background:transparent url(images/modalPopup-dropShadow.png) no-repeat scroll right bottom;
	min-width: 378px;
}

.modalPopup, .ContextMenuPanel
{
	background:transparent url(images/modalPopup-dropShadow.png) no-repeat scroll right bottom;
}

.actionsMenuPanel
{
	margin: 0px;
	background:url(images/actionsPopup-dropShadow.png) no-repeat scroll right bottom;
}

.actionsModalWhiteBackground
{
	background:url(images/actionsPopup-dropShadow.png) no-repeat scroll right bottom;
}

.uploadArrow {
	background: url(images/u-icon-upload.gif) top left no-repeat;
	color: #02254B;
}

.qb-ui-iframe {
	margin: 0px; 
	border: none; 
	height: 800px; 
	width: 100%;
}

/** Common url() links that can be removed from individual style sheets later once we switch to css.less (or whatever) **/
.quick-link-image { background: url(images/cursor-bullet.png) no-repeat; }
.addItem { background: url(images/u-icon-add.gif) top left no-repeat; }
h3.gold-star { background: url(images/u-icon-star.gif) top left no-repeat; }
.upgrade-right { background: url(images/upgrade-right.png) top left no-repeat; }
.upgrade-top-bottom { background: url(images/upgrade-top-bottom.png) top left no-repeat; }
.InfoGrid th.sortAsc a { background-image:url(Images/u-sort-up.gif); }
.InfoGrid th.sortDesc a { background-image:url(Images/u-sort-down.gif); }
.sorting_asc { background-image:url(Images/u-sort-up.gif); }
.sorting_desc {	background-image:url(Images/u-sort-down.gif); }
.close-btn { background:url(images/u-icon-close.gif) top left no-repeat; }
.ajaxProgress {background-image: url(Images/clear.gif); }
.gridMenuDropDown {background-image:url(Images/StdDropDown-small.gif); }
.actionsMenuDropDown { background-image:url(Images/action-button-static.png); }
.actionsMenuDropDown:hover { background-image: url("Images/action-button-click.png"); }
.stdDropDownImg { background-image: url(Images/StdDropDown.gif); }
.stdDropDownImg-Large {background-image: url(Images/StdDropDown-Large.gif); }
.stdDropDownImg-medium {background-image: url(Images/StdDropDown-Medium.gif); }
.table-1 tr.header { background:url(images/SEF001-blueheaderbox-short.gif) top left no-repeat;}
.table-2 tr.header { background:url(images/u-enroll-blueheaderbox-long.gif) top left no-repeat;}
#bottom-cap {background: url(images/u-enroll-bg-bottom-short.gif) top left no-repeat; }
#review-reports-fa { background:url(images/u-nav-reviewreports-off-fa.gif) top left no-repeat; }
#review-reports-fa-active { background:url(images/u-nav-reviewreports-on-fa.gif) top left no-repeat; }
#get-paid-faster { background:url(images/u-get-paid-faster.gif) top left no-repeat; }

@font-face {
    font-family: 'museo_sans_300regular';
    src: url('fonts/MuseoSans_300-webfont.eot');
    src: url('fonts/MuseoSans_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/MuseoSans_300-webfont.woff') format('woff'),
         url('fonts/MuseoSans_300-webfont.ttf') format('truetype'),
         url('fonts/MuseoSans_300-webfont.svg#museo_sans_300regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.marketing h1, .marketing h2 {
    font-family: 'museo_sans_300regular', Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    color: #000000;
}

.marketing .row {
    margin-bottom: 50px;
    clear: both;
    overflow: auto;
}

.marketing .text-center {
    text-align: center;
}

.marketing .text-left {
    text-align: left;
}

.marketing .col {
    width: 40%;
    float: left;
    margin: 0 5%;
}

.marketing h1 {
    font-size: 48px;
    margin-bottom: 25px;
}

.marketing h2 {
    font-size: 24px;
    margin-bottom: 25px;
}

.marketing h3 {
    color: #000;
    font-family: @bold-font;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.btn-marketing {
    display: inline-block;
    margin-right: 15px;
}

.callout-img {
    min-height: 180px;
}

.btn-marketing,
a.btn-marketing {
    /*color: #ffffff;*/
    display: inline-block;
    font-size: 18px;
    padding: 15px 30px;
    text-decoration: none;
    cursor: pointer;

    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;

    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 4px;

    /* Firefox 1-3.6 */
    -moz-border-radius: 4px;

    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 4px;
}

.btn-marketing.gradient.green {
    color: #fff;
	border: 0;
    /* fallback */
    background-color: #97C900;
    /*background: url(images/linear_bg_2.png);
    background-repeat: repeat-x; */

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#97C900), to(#A4DA00));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #A4DA00, #97C900);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #A4DA00, #97C900);

    /* IE 10 */
    background: -ms-linear-gradient(top, #A4DA00, #97C900);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #A4DA00, #97C900);
}

.btn-marketing.gradient.green:hover {
    background-color: #A4DA00;
    /*background: url(images/linear_bg_2.png);
    background-repeat: repeat-x; */

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A4DA00), to(#A4DA00));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #A4DA00, #A4DA00);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #A4DA00, #A4DA00);

    /* IE 10 */
    background: -ms-linear-gradient(top, #A4DA00, #A4DA00);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #A4DA00, #A4DA00);
}

.legal{
    font-size: 11px;
    color: #ccc;
    font-weight: 300;
    margin-top: 15px;
}

.legal.link{
    color: #08c;
}
