/* Base CSS Document for Payment Processing, Inc.
Author: Strategic Insights, contact Jennifer Hoy
Site design: Strategic Insights
Date Created: 08/24/2009
Last Updated: 10/28/2009
Copyright: Payment Processing, Inc. All rights reserved. */


/*-------------------------
Structure
------------------------*/

*, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	
}
body {
	margin: 0 auto;
	line-height: 1;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
	background-color: #fff;
	
}
div {
	position: relative;
	
}
div#wrapper, div#header, div#footer {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	z-index: 6;
	
}
div#header {
	background: url(/elements/images/bg-header.gif) repeat-x 0 0;
	
}
div#header.admin {
	background: url(/elements/images/bg-header-short.gif) repeat-x 0 0;
	
}
body#page-home div#header {
	background: url(/elements/images/bg-homeheader.gif) repeat-x 0 0;
	
}
div#columns, div#spiff-contact {
	display: block;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	
}
div#columns {
	height: 1%;
	margin-top: 55px;
	padding-bottom: 20px;
	background: url(/elements/images/bg-columns.gif) repeat-y 0 0;
	z-index: 1;
	
}
div#columns.admin {
	background: url() !important;
	position: relative;
}
body#page-home div#columns {
	background: none;

}
div#spiff-contact {
	padding: 70px 0 0 178px;
	background: url(/elements/images/bg-contact.jpg) no-repeat 0 0 #fff;
	width: 782px;
	height: 121px;
	min-height: 121px;
	
}
body#page-home div#spiff-contact {
	background: url(/elements/images/bg-homecontact.jpg) no-repeat 0 0 #fff;
	
}
div#footer {
	padding-top: 13px;
	color: #fff;
	background-color: #a8a8a8;
	clear: both;
	
}
object {
	margin: 18px 20px;
	
}

/*-------------------------
Secondary divs
------------------------*/

div#header div.top {
	display: block;
	width: 960px;
	height: 25px;
	margin: 0 auto;
	text-align: left;
	z-index: 10;
	
}
div#top_panel {
	width: 318px;
	position: absolute;
	top: 0;
	left: 642px;
	z-index: 25;
	
}
div#panel {
	width: 318px;
	height: 295px;
	overflow: hidden;
	text-align: left;
	z-index: 10;
	
}
div#panel_contents {
	width: 318px;
	height: 100%;
	position: absolute;
	top: 0;
	background: url(/elements/images/bg-panelcontents.png) no-repeat 0 0;
	z-index: -1;
	behavior: url(/elements/includes/iepngfix.htc);
	
} 
div.panel_button {
	display: block;
	width: 94px;
	height: 41px;
	margin: 0 0 0 221px;
	cursor: pointer;
	z-index: 20;
	
}
div#hide_button {
	width: 163px;
	margin: -1px 0 0 155px;
	
}
div#banners, div#promo {
	width: 960px;
	position: relative;
	margin: 12px auto 0 auto;
	text-align: left;
	clear: both;
	
}
div#banners {
	height: 258px;
	z-index: 1;
	overflow: hidden;
	
}
div#banners-short {
	height: 130px;
	z-index: 1;
	overflow: hidden;
	width: 960px;
	position: relative;
	margin: 12px auto 0 auto;
	text-align: left;
	clear: both;
	
}
div.banner {
	height: 258px;
	width: 752px;
	position: absolute;
	top: 0;
	padding-left: 208px;
	z-index: 1;
	
}
div.banner-short {
	height: 130px;
	padding-left: 130px;
	
}
body#page-home div.banner {
	background: url(/elements/images/banner-home.jpg) no-repeat 420px 0 #ecf7f9;
	
}
div.ban-developers#advantage-partners {
	background: url(/elements/images/bandev-ppiadvantage.jpg) no-repeat 420px 0 #ecf7f9;
	
}
div.ban-about {
	background: url(/elements/images/banner-about.jpg) no-repeat 420px 0 #ecf7f9;
	
}
div.ban-resellers {
	background: url(/elements/images/banner-reseller.jpg) no-repeat 460px 0 #ecf7f9;
	
}
div.ban-sales {
	background: url(/elements/images/banner-sales.jpg) no-repeat 460px 0 #ecf7f9;
	
}
div.ban-business {
	background: url(/elements/images/banner-business.jpg) no-repeat 460px 0 #ecf7f9;
	
}
div.ban-contact {
	background: url(/elements/images/banner-contact.jpg) no-repeat 460px 0 #ecf7f9;
	
}
div.ban-admin {
	background: url(/elements/images/ppi_admin_banner.jpg) no-repeat #a3cde5;
}
div.ban-products {
	background: url(/elements/images/banner-products.jpg) no-repeat 460px 0 #ecf7f9;
	
}
div#modules {
	display: block;
	width: 960px;
	margin: 0 auto;
	clear: both;
	text-align: left;
	
}
div#modules div.mod {
	display: block;
	width: 318px;
	float: left;
	margin: 0 2px 25px 0;
	
}
div.mod.software {
	background: url(/elements/images/bg-modsoftware.png) no-repeat 0 0 #b8cfe8;
	
}
div.mod.sales {
	background: url(/elements/images/bg-modsales.png) no-repeat 0 0 #f2d2ac;
	
}
div.mod.pos {
	background: url(/elements/images/bg-modpos.png) no-repeat 0 0 #cbb7a1;
	
}
div#columns div.top {
	display: block;
	height: 212px;
	background: url(/elements/images/top-columns.gif) no-repeat;
	
}
div#columns div.content, div#columns div.sidebar {
	display: block;
	margin-top: -211px;
	float: left;
	

}
div#columns.admin div.content {
	margin-top: 0px;
	width: auto !important;
}

body#page-home div#columns div.content, body#page-home div#columns div.sidebar {
	margin-top: 0;
	
}
div#columns div.content {
	width: 642px;
	
}
div#columns div.content p.indent {
	margin-left: 50px;
	
}
body#page-home div#columns div.content {
	height: 312px;
	min-height: 312px;
	
}
div#columns div.sidebar {
	width: 318px;
	
}
div.dujour {
	display: block;
	width: 622px;
	padding-top: 20px;
	clear: both;
	overflow: auto;
	
}
div.dujour.business {
	position: absolute;
	background: url(/elements/images/bg-spiffbusiness.gif) repeat-x;
	
}
div.dujour.developer {
	position: absolute;
	background: url(/elements/images/bg-spiffdeveloper.gif) repeat-x;
	
}
div.dujour.reseller {
	position: absolute;
	background: url(/elements/images/bg-spiffpos.gif) repeat-x;

}
div.dujour.agent {
	position: absolute;
	background: url(/elements/images/bg-spiffsales.gif) repeat-x;
	
}
div.clsIntro, div.clsExpanded {
	overflow: auto;
	
}
div.testimonial, div.spiff {
	display: block;
	height: 1%;
	margin-bottom: 25px;
	padding-bottom: 25px;
	
}
div.spiff {
	background: url(/elements/images/bg-testimonial.gif) no-repeat 0 bottom;
	
}
div.clickable {
	cursor: pointer;
	
}
div.container {
	height: 1%;
	clear: both;
	
}
div.ui-dialog {
	padding: 10px;
	text-align: left;
	border: 2px solid #005278;
	color: #666;
	background-color: #fff;
	
}
div.ui-dialog-titlebar {
	padding: 10px 20px 10px 0;
	text-align: left;
	
}
div.ui-dialog-buttonpane {
	text-align: right;
	
}
div#footer div.container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	
}
div#top-footer div.container {
	height: 203px;
	min-height: 203px;
	padding-top: 20px;
	background: url(/elements/images/bg-sitemap.jpg) no-repeat left top;
	position: relative;
	
}
div#inc5000 {
	position:absolute;
	right:20px;
	bottom:20px;
	width:80px;
	height:80px;
	z-index:5;
}
#inc5000 img {
	behavior: url(/elements/includes/iepngfix.htc);
	
}
div#spiff-contact div.content, div#spiff-contact ul.bullets, div#spiff-contact ul.cta {
	display: block;
	width: 244px;
	float: left;
	
}
div#top-footer {
	color: #fff;
	background-color: #c9d5e3;

	
}
div#bottom-footer {
	padding: 20px 0;
	color: #fff;
	background-color: #4a74a2;
	
}
div.altlisting {
	padding: 15px 5px 0 5px;
	border-bottom: 1px solid #ccc;
}

/*-------------------------
Images
------------------------*/

img {
	border: none;
	
}
img#logo {
	position: absolute;
	top: 16px;
	left: 12px;
	z-index: 50;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
img#print-logo {
	display: none;
	
}
div.dujour img {
	behavior: url(/elements/includes/iepngfix.htc);
	
}

/*-------------------------
Forms
------------------------*/

form label {
	display: inline-block;
	vertical-align: top;
	padding-top: 2px;
	width: 75px;
	margin-right: 2px;
	font-weight: bold;
	text-align: right;
	
}
form textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	
}
form select {
	margin-left: 4px;
	
}
form p input, form p textarea {
	display: inline;
	width: 180px;
	padding: 2px;
	border: 2px solid #91b6ce;
	color: #666;
	background-color: #fff;
	
}
form#form-login2 p input {
	border-color: #dfbb98;
	
} 
div.login {
	margin-left: 205px;
	
}
div.submit {
	margin-left: 430px;
	
}
div.content form label {
	width: 150px;
	
}
div.content form label.narrow, div#dialog form label.narrow {
	width: 30px;
	
}
div.content form p input, div.content form p textarea, div.content form p select {
	display: inline;
	width: 336px;
	padding: 2px;
	border: 2px solid #ccc;
	color: #666;
	background-color: #fff;
	
}
input.captcha {
	display: inline;
	padding: 2px;
	border: 2px solid #ccc;
	color: #666;
	background-color: #fff;
	
}
.captchaLabel {
	font-size: .875em;
	font-family: Helvetica, Arial, sans-serif;
	
}
div.content form p select {
	width: 345px;
	
}
div.content form p input#state, div.content form p input#zip {
	width: 60px;
	
}
div#dialog h4 {
	display: block;
	clear: both;
	
}
div#dialog input {
	border-color: #ccc;
	
}
div#dialog form p.checkbox {
	overflow: auto;
	margin-bottom: 2px;
	
}
div#dialog form p.checkbox.bottom-18 {
	margin-bottom: 18px;
	
}
div#dialog form p.checkbox input {
	display: block;
	float: left;
	width: auto;
	margin-right: 2px;
	border: none;
	clear: left;
	
}
div#dialog form p.checkbox label {
	display: block;
	float: left;
	width: auto;
	font-weight: normal;
	
}

/*-------------------------
Headlines
------------------------*/

h1 {
	margin: 30px 352px 18px 20px;
	font-size: 1.625em;
	font-weight: normal;
	line-height: 1.078em;
	color: #fff;
	background-color: transparent;
	
}
div#banners h1 {
	margin-right: 318px;
	color: #163d69;
	background-color: transparent;
	
}
div#banners-short h1 {
	margin-right: 318px;
	margin-top:0px;
	padding-top:30px;
	color: #163d69;
	background-color: transparent;
	
}
h2, span.ui-dialog-title {
	margin: 0 20px 26px 20px;
	font-size: 1.375em;
	font-weight: normal;
	line-height: 1.184em;
	color: #163d69;
	background-color: transparent;
	
}
div#panel h2 {
	margin: 25px;
	
}
div.mod h2 {
	display: block;
	margin: 26px 40px 18px 20px;
	font-size: 1.25em;
	line-height: 1.2em;
	
}
div.testimonial h2, div.spiff h2 {
	color: #a25800;
	background-color: inherit;
	
}
div.testimonial h2 a, div.spiff h2 a {
	color: inherit;
	
}
h2.icon {
	display: block;
	margin-bottom: 9px;
	padding: 16px 0 18px 50px;
	
}
h2.rss {
	background: url(/elements/images/h2-news.gif) no-repeat left 50%;
	
}
h2.welcome {
	background: url(/elements/images/h2-welcome.gif) no-repeat left 50%;
	
}
div#spiff-contact h2 {
	margin: 0 20px 11px 7px;
	color: #a25800;
	background-color: inherit;
	
}
h3 {
	margin: 0 20px 18px 20px;
	font-size: 1.125em;
	font-weight: normal;
	line-height: 1em;
	color: #1d518b;
	background-color: transparent;
	
}
div#list1b h3 {
	display: block;
	margin: 0 0 2px 0;
	padding: 9px 25px 12px 18px;
	font-size: 1em;
	line-height: 1em;
	color: #6a8cb3;
	background: url(/elements/images/bg-newslink.gif) no-repeat 290px 50% #eaeaea;
	cursor: pointer;
	
}
div#list1b h3.selected {
	color: #163d69;
	background-color: #bed5f0;
	
}
h4 {
	margin: 0 20px 9px 20px;
	font-size: 1em;
	color: #007ac3;
	background-color: inherit;
	
}
div.banner h4 {
	margin: 0 352px 0 20px;
	
}
div.banner h4 {
	margin-right: 318px;
	font-size: 1.125em;
	line-height: 1.224em;
	color: #007ac3;
	background-color: transparent;
	
}

/*-------------------------
Paragraphs
------------------------*/

p {
	margin: 0 20px 18px 20px;
	font-size: .875em;
	line-height: 1.426em;
	
}
div.banner p {
	margin: 0 325px 9px 20px;
	
}
div.testimonial p {
	margin-bottom: 0;
	
}
div#panel p, div.mod p, div#spiff-contact p {
	margin: 0 20px 24px 20px;
	font-size: .814em;
	line-height: 1.385em;
	
}
div#spiff-contact p {
	margin-left: 7px;
	
}
div#panel p {
	margin: 0 25px 25px 25px;
	
}
div#panel form p {
	display: block;
	margin-bottom: 12px;
	clear: both;
	
}
div#list1b p {
	margin-top: 16px;
	
}
div#list1b p.ralign {
	margin-top: 0;
	
}
div#footer p {
	margin: 0 25px 15px 25px;
	font-size: .689em;
	line-height: 1.364em;
	
}

/*-------------------------
Lists
------------------------*/

div#columns ul, div#columns ul.bullets {
	margin: 0 20px 18px 20px;
	list-style-type: none;
	
}
div#columns ul li {
	padding: 0 0 8px 0;
	font-size: .875em;
	line-height: 1.426em;

}
div#columns ul li.icon-pdf, div#columns ul li.icon-email {
	padding: 0 0  8px 45px;
	
}
div#columns ul li.icon-pdf {
	background: url(/elements/images/icon-pdf.gif) no-repeat 0 0;

}
div#columns ul li.icon-email {
	background: url(/elements/images/icon-email.gif) no-repeat 0 0;
	
}
div#columns ul li.clsPhone{
	padding-left: 24px;
	background: url(/elements/images/icon-chat-phone-small.png) no-repeat;
	behavior: url(/elements/includes/iepngfix.htc);
}
div#columns ul.bullets li {
	display: block;
	padding-left: 12px;
	background: url(/elements/images/bullet.png) no-repeat left 3px;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
div#columns ul.bullets ul {
	margin-bottom: 8px !important;
}
div#columns ul.bullets ul li {
	font-size: 1em;
	
}
div#columns ul#pager {
	margin: -20px 20px -5px 20px;
	list-style-type: none;
	font-size: 1.8em;
	text-align: right;
	
}
div#columns ul#pager li {
	display: inline;
	margin-right: 2px;
	
}
div#spiff-contact ul.bullets {
	margin: 19px 0 0 8px;
	
}
div#spiff-contact ul.bullets li {
	font-size: .814em;
	line-height: 1.385em;
	
} 
div#spiff-contact ul.cta {
	margin: 6px 0 18px 8px;
	padding: 0;
	list-style-type: none;
	
}
div#spiff-contact ul.cta li {
	margin-bottom: 2px;
	font-size: 1.250em;
	line-height: .9em;
	color: #522c00;
	background-color: inherit;
	
}
div#spiff-contact ul.cta li.phone {
	display: block;
	height: 36px;
	min-height: 36px;
	padding: 10px 0 0 46px;
	background: url(/elements/images/icon-phone.png) no-repeat left 0;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
ul.sitemap {
	display: block;
	width: 680px;
	margin: 0 0 40px 0;
	list-style-type: none;
	font-size: .75em;
	font-weight: bold;
	line-height: 1.664em;
	
}
ul.sitemap.column.left {
	margin-left: 260px;
	
}
ul.sitemap.column {
	width: 232px;
	margin-bottom: 10px;
	float: left;
	
}
ul.sitemap li ul {
	list-style-type: none;
	font-weight: normal;
	
}
ul.sitemap li ul li {
	margin-bottom: 0;
	
}


/*-------------------------
Admin Specific
------------------------*/

.clsAlert {
	text-align:left;
	width:450px;
	padding:3px 7px;
	position:absolute;
	top:-40px;
	cursor:pointer;
}
.clsAdminInset {
	margin:10px 0 20px 0;
	border:2px  solid #cccccc;
	position:relative;
	background:#ffffff;
	height:1%;
}
.clsAdminInset .clsAlert {
	margin-left:475px;
	top:-50px;
}
.clsAdminInset h1 {
	background: url(/elements/images/blank.gif) no-repeat;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	color:#006699;
}
.clsAdminInset h3 {
	color:#999999;
	font-size:18px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding-bottom:3px;
	border-bottom:1px solid #999999;
	margin-bottom:6px;
}
.clsAdminInset p {
	margin-left:0px;
	margin-right:0px;
}
.clsLogin {
	background: #ebebeb;
	border:2px solid #dadada;
	display:block;
	width:465px;
	padding: 10px 0;
	margin-left:260px;
}

.clsLoginForm {
	border: 1px solid #cccccc;
	padding:10px;
	margin:0 10px 10px 10px;

}
.clsAdminForm span, .clsAdminForm img, .clsMainForm span {
	float:left;
	margin-right:6px;
}

#columns.admin form br {
	clear:left !important;
}

#columns.admin label {
	clear:left;
	float:left;
	display:block;
	width:120px;
	margin-right:10px;
	margin-bottom:18px;
	color:#4a82a3;
	text-align:right;
}
#columns.admin input, #columns.admin textarea, #columns.admin select {
	float:left;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	border: 1px solid #cccccc;
	background:#ffffff;
}
#columns.admin textarea {
	margin-bottom:12px;
}
#columns.admin input.error, #columns.admin textarea.error {
	background: #ffbcbc !important;
}
#columns.admin span.error {
	color:#ff0000;
	font-style:italic;
	font-size:12px;
}
#columns.admin .clsFormHack textarea {
	float:none !important;
}
#columns.admin .clsFormHack span {
	display:none  !important;
}
#columns.admin #idImagePreview img {
	margin-bottom:10px;
	margin-right:10px;
}
input.clsButn {
	background: #4a82a3;
	font-size:110%;
	color:#ffffff;
	border:1px solid #dadada;
	cursor:pointer;
	padding:2px 6px;
}
.clsEditIcon {
	background:url(/elements/images/icon-edit-bg.gif) no-repeat;
}
.clsAddIcon {
	background:url(/elements/images/icon-add-bg.gif) no-repeat;
}
.clsViewIcon {
	background:url(/elements/images/icon-view-bg.gif) no-repeat;
}
.clsDelIcon {
	background:url(/elements/images/icon-del-bg.gif) no-repeat;
}
.clsIconlink img {
	margin-right:3px;
}
a.clsIconlink:hover img {
	background-position:right;
}
.oddrow {background-color:#dadada;}

.over, .over td {background-color:#f4fce9 !important;}
.clsAdminTable {
	background:#ffffff;
	border:1px solid #aba8a8;
	margin-bottom:12px;
}
.clsAdminTable td {
	border-right:1px solid #dfdddd;
	border-bottom:1px solid #dfdddd;
	padding:3px;
}
.clsAdminTable th {
	background:#858080;
	color:#ffffff;
	border-right:1px solid #dfdddd;
	padding:3px;
}
.clsAdminTable .clsLastCell {
	border-right:0px !important;
	white-space:nowrap !important;
}
.clsInactive td {
	color:#aaaaaa !important;
	font-style: italic !important;
}
.uneditable, .uneditable input {
	color:#666666 !important;
	font-style:italic !important;
}
.clsLoggedIn {
	position:absolute;
	top:-162px;
	right:10px;
	color:#333333;
	font-size:85%;
}
.cke_editor {
	width:450px;
	float:left;
}

/* table sorter */
table.tablesorter {
	
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background:#858080;
	color:#ffffff;
	font-weight:normal;
	border-right:1px solid #dfdddd;
	padding-right:16px;
	font-size:80%;
}
table.tablesorter thead tr .header {
	background-image: url(/elements/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	font-size:80%;
}
table.tablesorter tbody tr.odd td {
	background-color:#f3f3f3
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/elements/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/elements/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #047bba;
}


/*-------------------------
Misc. typography
------------------------*/

blockquote {
	margin: 0 20px 18px 0;
	background: url(/elements/images/bg-blockquote.png) no-repeat right bottom;
	
}
blockquote p {
	text-indent: 28px;
	background: url(/elements/images/bg-blockquotep.png) no-repeat left top;
	
}	
button {
	margin: 0 10px 10px -9px;
	padding: 5px;
	color: #fff;
	background-color: #d66600;
	cursor: pointer;
	
}

/*-------------------------
Inline nav + buttons
------------------------*/

a {
	color: #6085ae;
	background-color: inherit;
	cursor: pointer
	
}
ul#quicknav a, ul.sitemap a, div.spiff h2 a, a.arrow, div.dujour h3 a, ul#pager a {
	text-decoration: none;
	
}
a:visited {
	color: #7797b9;
	background-color: inherit;
	
}
a:hover, a:active {
	color: #88a4c2;
	background-color: inherit;
	
}
a.clsDownArrow {
	padding-left:24px;
	background: url(/elements/images/icon-down.png) no-repeat;
	behavior: url(/elements/includes/iepngfix.htc);
}
a.clsUpArrow {
	padding-left:24px;
	background: url(/elements/images/icon-up.png) no-repeat;
	behavior: url(/elements/includes/iepngfix.htc);
}
a.clsRSS {
	padding-left:24px;
	background: url(/elements/images/icon-rss.png) no-repeat;
	behavior: url(/elements/includes/iepngfix.htc);
}
div#bottom-footer a {
	color: #fff;
	background-color: inherit;
	
}
div#bottom-footer a:hover, div#bottom-footer a:active {
	color: #b1c3d7;
	background-color: inherit;
	
}
a.button {
	display: block;
	
}
div.banner a.button {
	height: 42px;
	position: relative;
	
}
div#ban-business a.button {
	width: 231px;
	left: 192px;
	background: url(/elements/images/but-businesscta.png) no-repeat 0 0;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
div.ban-developers a.button {
	width: 233px;
	left: 190px;
	background: url(/elements/images/but-developercta.png) no-repeat 0 0;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
a.button:hover, a.button:active, div#ban-business a.button:hover, div#ban-business a.button:active {
	background-position: 0 -42px;
	
}
div.spiff a.button {
	margin: 0 auto;
	
}
a.button.but-partner {
	width: 196px;
	height: 70px;
	background: url(/elements/images/but-partner.png) no-repeat 0 0;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
a.button.but-partner:hover, a.button.but-partner:active {
	background-position: 0 -70px;
	
}
a.button.but-paymover {
	width: 184px;
	height: 59px;
	background: url(/elements/images/but-paymover.png) no-repeat 0 0;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
a.button.but-paymover:hover, a.button.but-paymover:active {
	background-position: 0 -59px;
	
}
a.button.but-security {
	width: 168px;
	height: 54px;
	background: url(/elements/images/but-security.png) no-repeat 0 0;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
a.button.but-security:hover, a.button.but-security:active {
	background-position: 0 -54px;
	
}
a#but-emailtab, a#but-closetab {
	display: block;
	height: 41px;
	margin: 0;
	cursor: pointer;
	
}
a#but-emailtab {
	width: 94px;
	height: 33px;
	background: url(/elements/images/but-emailtab.png) no-repeat 0 0;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
a#but-closetab {
	width: 163px;
	background: url(/elements/images/but-closetab.png) no-repeat 0 0;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
a#but-emailtab:hover, a#but-emailtab:active {
	background-position: 0 -33px;
	
}	
a#but-closetab:hover, a#but-closetab:active {
	background-position: 0 -41px;
	
}
a.arrow {
	display: inline-block;
	width: auto;
	padding-right: 13px;
	font-size: 1.142em;
	background: url(/elements/images/arrow-link.gif) no-repeat right 50%;
	
}
div.banner a.arrow {
	font-weight: bold;
	color: #163d69;
	background: url(/elements/images/arrow-bannerlink.gif) no-repeat right 50%;
	
}
div.banner a.arrow:hover, div.banner a.arrow:active {
	color: #456487;
	background-color: inherit;
	
}
div.nav a.arrow {
	font-size: .858em;
	
}
div.mod a {
	padding-right: 15px;
	text-decoration: none;
	z-index: 40;
	
}
div.mod a.business {
	color: #060709;
	background-color: inherit;
	
}
div.mod a.software {
	color: #163d69;
	background-color: inherit;
	
}
div.mod a.sales {
	color: #ae6d20;
	background-color: inherit;
	
}
div.mod a.pos {
	color: #522c00;
	background-color: inherit;
	
}
div.dujour.business h3 a {
	color: #111;
	background-color: transparent;
	
}
div.dujour.developer h3 a {
	color: #163d69;
	background-color: transparent;
	
}
div.dujour.pos h3 a {
	color: #522c00;
	background-color: transparent;
	
}
div.dujour.sales h3 a {
	color: #ae6d20;
	background-color: transparent;
	
}
ul#pager a {
	color: #66afdb;
	background-color: inherit;
	
}
ul#pager a.activeSlide {
	color: #007ac3;
	background-color: inherit;
	
}
ul#pager a:hover, ul#pager a:active {
	color: #007ac3;
	background-color: inherit;
	
}
div#list1b h3 a {
	text-decoration: none;
	color: #163d69;
	background-color: inherit;
	
}
a.but-email {
	display: block;
	width: 136px;
	height: 43px;
	background: url(/elements/images/but-email.png) no-repeat 0 0;
	behavior: url(/elements/includes/iepngfix.htc);
	
}
a.but-email:hover, a.but-email:active {
	background-position: 0 -43px;
	
}
div.but-refer a, div.but-refer a:visited {
	position: relative;
	padding: 5px;
	text-decoration: none;
	font-size: .875em;
	border: 2px solid #f0c799;
	color: #fff;
	background: url(/elements/images/bg-butrefer.gif) repeat-x #8d3900;
	
}
div.but-refer a:hover, div.but-refer a:active {
	color: #fbecd9;

}
a.ui-dialog-titlebar-close {
	display: block;
	width: 16px;
	height: 17px;
	position: absolute;
	top: 10px;
	left: 445px;
	background: url(/elements/images/icon-red_x.gif) no-repeat 0 0;
	
}

/*-------------------------
Main navigation
------------------------*/

ul#quicknav {
	position: absolute;
	top: 3px;
	right: 97px;
	text-align: right;
	list-style-type: none;
	z-index: 30;
	
}
ul#quicknav.loggedin {
	right:3px;
}
ul#quicknav li {
	display: inline;
	margin-right: 16px;
	font-size: .875em;
	line-height: 1.284em;
	
}
ul#quicknav a {
	font-weight: bold;
	color: #163d69;
	background-color: inherit;
	
}
ul#quicknav a:visited {
	color: #456487;
	background-color: inherit;
	
}
ul#quicknav a:hover, ul#quicknav a:active {
	color: #738ba5;
	background-color: inherit;
	
}
div.jqueryslidemenu {
	display: block;
	width: 960px;
	height: 42px;
	min-height: 42px;
	margin: 0 auto;
	text-align: left;
	color: #fff;
	background-color: #222;
	
}
div.jqueryslidemenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1em;
	line-height: 1em;
	color: #fff;
	background-color: #222;
	z-index: 5;
	
}
div.jqueryslidemenu ul li {
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
	float: left;
	font-size: .938em;
	line-height: 1em;
	color: #fff;
	background-color: #222;
	z-index: 5;
	
}
div.jqueryslidemenu ul li ul {
	display: block;
	width: 170px;
	position: absolute;
	left: 0;
	top: 41px;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	border-top: 1px solid #333;
	visibility: hidden;
	z-index: 6;
	
}
div.jqueryslidemenu ul li ul li {
	width: 170px;
	margin: 0;
	font-size: .814em;
	border-bottom: 1px solid #333;
	clear: both;
	
}
div.jqueryslidemenu ul a {
	display: inline-block;
	height: 29px;
	padding: 12px 21px 0 21px;
	text-decoration: none;
	color: #fff;
	background-color: inherit;
	
}
div.jqueryslidemenu li ul a {
	height: auto;
	width: 128px;
	padding: 6px 21px;
	color: #fff;
	background-color: #222;
	
}
div.jqueryslidemenu ul a:hover, div.jqueryslidemenu ul a:active {
	color: #dfdfdf;
	background-color: #656565;
	
}
body#page-about div.jqueryslidemenu ul a#nav-about, body#page-products div.jqueryslidemenu ul a#nav-products, body#page-developers div.jqueryslidemenu ul a#nav-developers, body#page-pos div.jqueryslidemenu ul a#nav-pos, body#page-business div.jqueryslidemenu ul a#nav-business, body#page-contact div.jqueryslidemenu ul a#nav-contact, body#page-sales div.jqueryslidemenu ul a#nav-sales {
	color: #fff;
	background: url(/elements/images/active-topnav.gif) repeat-x 0 0 #222;
	
}

.msg_head {
	cursor: pointer;
	color: #163d69;
}

.msg_head strong {
	font-size: 1.15em;
}

.msg_body {
	padding: 8px 0px 8px 25px;
}


/*-------------------------
General classes
------------------------*/

.clsPaddedBorder {
	padding: 2px;
	border: 1px solid #656565;
}
.southpaw {
	margin: 0 10px 10px 20px;
	float: left;
	
}
.starboard {
	margin: 0 20px 10px 10px;
	float: right;
	
}
div.dujour img.starboard {
	margin: -20px 0 10px 10px;
	
}
.ralign {
	text-align: right;
	
}
.lalign {
	text-align: left;
	
}
.calign {
	text-align: center;
	
}
.clear-both {
	display: block;
	clear: both;
	
}
.clear-left {
	clear: left;
	
}
.clear-right {
	clear: right;
	
}
.fakehide, a.ui-dialog-titlebar-close span {
	position: absolute;
	left: -999999em;
	
}
.truehide {
	display: none;
	
}

/*-------------------------
Utility Classes
------------------------*/

.clsBoldGray {
	font-weight: bold;
	color: #666666;
}

.clsSmallText {
	font-size: 75%;
}

.clsFloatRight {
	float:right;
	margin-left:10px;
}

.clsFloatLeft {
	float:left;
	margin-right:10px;
}
.clsFloatNone {
	float:none !important;
}
.clsClearBoth {
	clear:both;
}
.clsClearLeft {
	clear:left;
}
.clsMargin0 {
	margin:0px !important;
}
.clsMarginTop5 {
	margin-top:5px;
}
.clsMarginTop10 {
	margin-top:10px;
}
.clsMarginTop20 {
	margin-top:20px;
}
.clsMarginTopNeg5 {
	margin-top:-5px;
}
.clsMarginTopNeg10 {
	margin-top:-10px;
}
.clsMarginTopNeg30 {
	margin-top:-30px;
}
.clsMarginBottom10 {
	margin-bottom:10px;
}
.bottom-18 {
	margin-bottom: 18px;
	
}
.clsMarginRight10{
	margin-right:10px;
}
.clsMarginRight20{
	margin-right:20px;
}
.clsMarginRight60{
	margin-right:60px;
}
.clsMarginleft10 {
	margin-left:10px;
}
.clsMarginLeft20{
	margin-left:20px;
}
.clsMarginLeft30{
	margin-left:30px;
}
.clsPadding6 {
	padding:6px;
}
.clsPaddingLeft20 {
	padding-left:20px;
}
.clsHorizPadding20 {
	padding:0px 20px 0px 20px;
}
.clsLeftPadding100 {
	padding-left:100px;
}
.clsRelative {
	position:relative;
}
.clsNoWrap {
	white-space:nowrap;
}

.clsAlignTop { vertical-align: top !important; }
.clsAlignMiddle { vertical-align: middle !important; }
.clsAlignBottom { vertical-align: bottom !important; }
.clsAlignLeft { text-align: left !important; }
.clsAlignCenter { text-align: center !important; }
.clsAlignRight { text-align: right !important; }

.clsWidth10 { width: 10px; }
.clsWidth20 { width: 20px; }
.clsWidth50 { width: 50px; }
.clsWidth70 { width: 70px; }
.clsWidth75 { width: 75px; }
.clsWidth90 { width: 90px; }
.clsWidth100 { width: 100px; }
.clsWidth120 { width: 120px; }
.clsWidth150 { width: 150px; }
.clsWidth190 { width: 190px; }
.clsWidth200 { width: 200px; }
.clsWidth250 { width: 250px; }
.clsWidth300 { width: 300px; }
.clsWidth350 { width: 350px; }
.clsWidth400 { width: 430px; }
.clsWidth450 { width: 450px; }
.clsWidth500 { width: 500px; }
.clsWidth550 { width: 550px; }
.clsWidthFull { width: 100%; }

/*-------------------------
jQuery hacks
------------------------*/