﻿

#homeLink
{
	text-decoration: none;
	border:0px;
}

#blu-nav {
display:block;
height:30px;
/*overflow:hidden;*/
padding:0;
width:1000px;
}



#top-container {
	background: url("images/main-bg-top.gif") no-repeat scroll center bottom transparent;
	display: block;
	overflow: hidden;
	width: 100%;
	margin-top: 10px;
	height: 80px;
}

#footer-nav {
background:url("images/main-bg-bottom.png") no-repeat scroll center bottom transparent;
clear:both;
height:60px;
margin: auto;
padding:5px 0 15px;
text-align:center;
}


#footer-nav-login {
clear:both;
height:25px;
margin:auto;
padding:200px 0 15px;
text-align:center;
width:1000px;
color: #FFFFFF;
}

.footer-content 
{
	padding-top:40px;
}

.clear-both {
clear:both !important;
float:none !important;
}

.login-container .content-inner {
height:100%;
min-height:30px;
padding-bottom:10px;
padding-top:75px;
text-align:center;
}

.loginFieldset 
{
	width: 400px;
}

.content-inner {
	background:none no-repeat scroll left top transparent;
	margin:0 auto;
	min-height:30px;
	padding:10px;
	width:810px;
	float: right;
}

p, ul
{
	 margin-bottom: 20px;
	 line-height: 1.6em;
}


/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	 margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	 width: 90%;
	 margin-left: auto;
	 margin-right: auto;
}

#page-links a
{
	padding-left: 20px;
}

#header
{
	 position: relative;
	 margin-bottom: 0px;
	 color: #000;
	 padding: 0;
}

#header h1
{
	 font-weight: bold;
	 padding: 5px 0;
	 margin: 0;
	 /*color: #fff;*/
	 border: none;
	 line-height: 2em;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 32px !important;
}

#main
{
	 padding: 30px 30px 15px 30px;
	 background-color: #fff;
	 margin-bottom: 30px;
	 _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#footer
{
	 color: #999;
	 padding: 10px 0;
	 text-align: center;
	 line-height: normal;
	 margin: 0;
	 font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
	 border-bottom: 1px #5C87B2 solid;
	 padding: 0 0 2px;
	 position: relative;
	 margin: 0;
	 text-align: right;
}

ul#menu li
{
	 display: inline;
	 list-style: none;
}

ul#menu li#greeting
{
	 padding: 10px 20px;
	 font-weight: bold;
	 text-decoration: none;
	 line-height: 2.8em;
	 color: #fff;
}

ul#menu li a
{
	 padding: 10px 20px;
	 font-weight: bold;
	 text-decoration: none;
	 line-height: 2.8em;
	 background-color: #E5E5E5;
	 color: #1D60FF;
}

ul#menu li a:hover
{
	 background-color: #fff;
	 text-decoration: none;
}

ul#menu li a:active
{
	 background-color: #a6e2a6;
	 text-decoration: none;
}

ul#menu li.selected a
{
	 background-color: #fff;
	 color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

legend 
{
	 font-size: 1.1em;
	 font-weight: 600;
	 padding: 2px 4px 8px 4px;
}



/* TABLE
----------------------------------------------------------*/

table 
{
/*  border: solid 1px #E5E5E5;*/
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #E5E5E5; 
  border: solid 1px #E5E5E5;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
	 clear: both;
}

.error
{
	 color:Red;
}

#menucontainer
{
	 margin-top:40px;
}

div#title
{
	 display:block;
	 float:left;
	 text-align:left;
}

#logindisplay
{
	 font-size:1.1em;
	 display:block;
	 text-align:right;
	 margin:10px;
	 color:White;
}

#logindisplay a:link
{
	 color: white;
	 text-decoration: underline;
}

#logindisplay a:visited
{
	 color: white;
	 text-decoration: underline;
}

#logindisplay a:hover
{
	 color: white;
	 text-decoration: none;
}

.field-validation-error
{
	 color: #ff0000;
}

.input-validation-error
{
	 border: 1px solid #ff0000;
	 background-color: #ffeeee;
}

#uploadResponse
{
	border: 1px solid #cccccc;
	padding: 10px;
	margin-top: 10px;
	color: #FF0000;
}

/* Marketing file uploader styles
----------------------------------------------------------*/

.attentionText 
{
	color: Red;
	font-weight: bold;
}

li.attentionText {
	list-style: none;
}
.formRow 
{
	margin-bottom: 30px;
}

/* Navigation */

.rightNav
{
	padding: 6px;
	float: right;
}

.rightNav ul li 
{
	list-style: none;
	display: inline;
	margin-right: 20px;
}

.setupMenuGroup
{
	padding: 10px;
	width: 400px;
	float: left;
}
.setupMenuGroup ul li
{
	list-style-type: none;
}


.leftNav 
{
	width: 140px;
	padding: 200px 5px 10px 5px;
	float: left;
}
.leftNav ul li 
{
	list-style: none;
	padding-bottom: 3px;
}

.leftNav ul
{
	padding-left: 5px;
	margin-bottom: 5px;
}

.leftClientNavTop
{
	padding-top: 30px;
}

/* START NEW */
.subHead
{
	font-size:2em;
	font-weight: bold;
	margin-bottom:5px;
	margin-top:10px;
	margin-left: 25px;
	color: #727272;
}

.radioBtns input[type="radio"]
{
	float:left;
	margin: 0 15px 0 50px;
}

.radioBtns label
{
	text-align:left;
}

.threeCharPhone
{
	width:46px !important;
	margin-right:3px;
}

.fourCharPhone
{
	width:68px !important;
}


.floatLeft
{
	float:left;
}

.clientInfoTableColumn
{
	float: left;
	
}

.clientInfoTable
{
	text-align:left;
}
.clientInfoTableWrapper
{
	margin: 30px 0 0 0;
}
.clientInfoTable td 
{
	padding: 0 5px 2px 0;
	width: 160px;
	vertical-align: top;
}
.clientInfoTableLabel
{
	font-weight:bold;
	text-align: right;
	width: auto;
	margin-right: 5px;
}

.clientInfoTableColumnBreak
{
	margin-left:60px;
}

a#impersonateButtonItem
{
	margin-right: 153px;
}

.clientSaveContainer input
{
	margin-right: 0;
}

/* Marketing Landing Pages Admin */

.mainContentTable 
{
	width: 100%;
}

.landingPageEditFormList li
{
	padding: 15px 0px;
	list-style-type: none;
}

.landingPageEditFormList label
{
	font-weight: bold;
	display: block;
}

.landingPageEditFormList input, .landingPageEditFormList textarea
{
	margin-left: 30px;
}

.landingPageKeywords
{
	margin-top: 20px;
}

.landingPageKeywords input
{
	margin-left: 0px;
}

.landingPageKeywords tr, .landingPageKeywords td, .landingPageKeywords th
{
	background-color: White;
	border: 1px solid #004788;
}

.imgUp {
	 background-image: url("Images/scrollup.jpg");
}

.imgDown {
	 background-image: url("Images/scrolldown.jpg");
}

.imgUp, .imgDown {
	 background-color: #FFFFFF;
	 background-repeat: no-repeat;
	 border: medium none;
	 cursor: pointer;
	 height: 8px;
	 margin: 5px;
	 width: 9px;
}

/* marketing admin pages paysimple */

.paysimpleAdminIndexList li
{
	color: rgb(170, 170, 170);
	margin-bottom: 20px;
	list-style-type: none;
}

/* Marketing Message Index Page */

.marketing-msg-index-heading {
	padding: 20px 0 30px 0;
}

/* Marketing Message Edit Page */

.marketing-msg-edit-label {
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
}

.marketing-msg-edit-field {
	height: 30px;
}

.marketing-msg-edit-line {
	border-top: 1px solid #ddd; 
	width: 325px; 
	margin: 5px 0 15px 50px; 
	height: 5px;	
}

.marketing-msg-edit-val {
	margin-left: 7px;
}

.marketing-msg-edit-system {
	margin: 15px 0 0 50px; 
	font-weight: bold; 
	color: #ff0000;
}

.marketing-msg-preview {
	width: 450px;
	border: 1px solid #B7B7B7;
	min-height: 100px;
	margin-left: 115px;
	color: #363636;
	font-family: Helvetica;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	overflow: hidden;
	text-align: center;
	text-transform: none;
	text-decoration: none;
}

.marketing-msg-preview  h1, 
.marketing-msg-preview  h2,
.marketing-msg-preview  h3,
.marketing-msg-preview  h4
{
	color: #363636;
	font-family: Helvetica;
	font-weight: normal;
	line-height: 16px;
	padding: 0;
	margin: 0 10px;
}

.marketing-msg-preview  p
{
	padding: 0;
	margin: 0;
}

.marketing-msg-preview  a {
	color: #02254B;
}

.marketing-msg-preview  img {
	border: 0;
}

.marketing-header {
	min-height: 0;
	height: 30px;
	width: 660px;	
}

/* Client Search Criteria User Control */

.client-searchCriteria-label {
	float: left;
	width: 85px;
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
}

.client-searchCriteria-field {
	height: 52px;
}

/* User Index Page */

.user-index-title {
	margin: 25px 0 0 0;
}

.user-index-heading {
	float: left; 
}	

.user-index-create {
	float: right; 
	margin: 0 30px 10px 0;
}

/* Create Client Page */

.create-client-label {
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
}

.create-client-field {
	height: 40px;
}

.create-client-line {
	border-top: 1px solid #ddd; 
	width: 325px; 
	margin: 5px 0 15px 50px; 
	height: 5px;	
}

.create-client-val {
	margin-left: 7px;
}

.create-client-message {
	margin: 15px 0 0 50px; 
	font-weight: bold; 
	color: #ff0000;
}

/* Create Client CC Processor */

.create-client-ccproc-label  {
	float: left;
	width: 165px;
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
	font-size: 12px;
}

.create-client-ccproc-field {
	width: 150px;
	float: left;
	height: 35px;
}

.create-client-ccproc-field input[type="text"] {
	width: 150px;
	height: 22px;
}

/* Create Client ACH Processor */

.create-client-achproc-label  {
	float: left;
	width: 165px;
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
	font-size: 12px;
}

.create-client-achproc-field {
	height: 35px;
}

.create-client-achproc-field input[type="text"] {
	width: 150px;
	height: 22px;
}

.paySimpleContentWrapper 
{
	margin-top: 30px;
}

.paySimpleContentWrapper pre 

{
	margin-top: 20px;
	font-size: 12px;
}
#processorParams li
{
	width: 380px;
	clear: none;
}

#processorParams input
{
	width:175px;
}

#processorParams label
{
	width:160px;
}

.submit
{
	-moz-border-radius: 5px 5px 5px 5px;
	background: none repeat scroll 0 0 #727272;
	border: 0 none;
	color: #FFFFFF;
	font-size: 14px;
	padding: 6px 10px;
	width: auto;
	cursor:pointer;
}

/* billing information */
.addButton 
{
	margin-left: 300px;
}

.billingInfoTable 
{
	width: 90%;
}

.billingInfoToolbar
{
	margin-left: 100px;
}

/* Report pages */

#report-top-container {
display:block;
overflow:hidden;
width:100%;

}

.ReportTable td
{
	padding: 0px;
}

.white
{
	background-color: White;
}

.reporttop
{
	background:url("images/main-bg-top-fill.gif") repeat-x bottom;
}

.reportleft
{
	background:url("images/main-body-bg-left.gif") repeat-y left;
}

.reportright
{
	background:url("images/main-body-bg-right.gif") repeat-y right;
}

.reportbottomright
{
	background:url("images/main-bg-bottom-right.gif");
}

.reportbottom
{
	background:url("images/main-bg-bottom-fill.gif") repeat-x top;
}

.reportsh2 { margin:0px; padding:0px; }
.ulReportsNavigation li { display: inline; padding-right:10px; }

.controlGroup { padding: 10px 0 0 50px; width: 400px; }
.controlGroup select, .controlGroup input { float: right;}
.controlGroup label {padding-right: 15px; font-weight: bold; font-size: 12px; }
.btnSubmit { margin: 10px 0 0 50px; }

.limitsSet input[type="text"]
{
	width: 90px;
}
		
.limitsSet table th
{
	padding: 0px;
	text-align:center;
	background-color:inherit;
	border: 0px;
}

.limitsSet table td
{
	text-align:right;
}

#ccProcessingLimits
{
	margin-top:20px;
}

.limitsSet .subHead
{
	margin-left:0px;
}

.modalWrapper
{
	border: 1px solid #727272;
	padding: 15px;
	background-color: #ffffff;
	border-radius: 20px;
}

.modalControls
{
	height: 30px;
	padding: 10px 15px 20px 10px;
}

.modalControls a
{
	text-decoration: none;
}

#homeLinks
{
	margin-top: 50px;
	margin-left: 35px;
}

#homeLinks a
{
	color: #FFFFFF;
	margin-left: 20px;
	text-decoration: none;
}

.largeTitle 
{
	font-size: 1.5em;
}

.loginRowLabel
{
	min-width: 100px;
	display:inline;
	padding-top: 8px;
	padding-right: 30px;
	text-align: right;
	color: #3a3f3a;
}

.loginRowLabelBig
{
	min-width: 200px;
}

.loginRow
{
	margin-bottom: 10px;
}

.loginSubmit
{
	margin-right: 196px;
	text-align:right;
}

.resetPasswordSubmit
{
	margin-right: 383px;
}

#changePasswordWrapper
{
	
}

#lnkLogOff
{
	padding: 5px 0 0 0;
}

#lnkUserGuide
{
	padding: 40px 6px 0 0;
	font-weight:bold;
}

.sortingBtnContainers
{
	display:inline;
	width: 15px;
	float: left;
}

.setupMenuGroup ul
{
	padding-left: 20px;
}

#simplemodal-container ul a {
	color: #578CBB;
}

#simplemodal-container ul li {
	list-style: none;
}

.batch-statuses {
	margin-top: 20px;
}

.batch-statuses * {
	box-sizing: border-box;
}

.batch-statuses .row {
	width: 100%;
	border: 1px solid #666;
	margin-top: -1px;
}

.batch-statuses .row.alternate {
	background-color: #ececec;
}

.batch-statuses .row .col {
	display: table-cell;
	padding: 6px 12px;
	border-color: #666;
	border-style: solid;
	border-width: 0 1px 0 0;
	height: 100%;
}

.batch-statuses .row .col:last-child {
	border-right: none;
}


.batch-statuses .date.col {
	width: 12%;
}

.batch-statuses .col.batchnum, .batch-statuses .col.totalpayments, .batch-statuses .col.totalrefunds, .batch-statuses .col.successful {
	width: 9%;
}

.batch-statuses .col.paymenttype, .batch-statuses .col.processor {
	width: 10%;
}

.batch-statuses .col.reason {
	width: 32%;
}

.batch-statuses .col.successful.failure {
	background-color: red;
	text-transform: uppercase;
}

.fee-id-config select {
    width: 80px;
}