BODY {
	margin: 0;
	padding: 0;
}

/*
 * Hack to make the BODY contain it's children. Without it the body defaults to
 * the viewport width and long content (ie tables) breakout of the content etc.
 * and the background is not rendered past the view port when the user scrolls
 * to the right. An alternative to 'float: left' but then this keeps it's
 * content shrink wrapped and doesn't expand when the viewport is bigger than
 * the content.
 */
BODY {
	display: table;
	width: 100%;
	height: 100%;
}

/* basic type rules */
P {
	line-height: 140%;
	margin: 10px 0 10px 0;
}
H1 {
	padding: 0;
	letter-spacing: -1px;
	padding-bottom: 7px;
	width: 700px;
	border-bottom: 0 !important;
	margin: 0 0 10px 0;
	font-size: 1.6em;
}
H1.fullWidth SMALL {
	font-size: inherit;
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid rgba(0, 0, 0, 0.12);
}
H1.fullWidth {
	width: 100%;
}
H1.fullWidth br {
	display: none;
}
h2.sectionHead {
	padding: 12px;
	margin: 0;
}
.likeLink {
	cursor: pointer;
	text-decoration: underline;
}
.addRow {
	background: url(../img/add-row.png) no-repeat 0 3px;
	padding-left: 15px
}
.addLine {
	margin-bottom: 20px;
	padding-bottom: 10px;
	width: 600px;
}
.addLine TH {
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	text-align: left;
	padding-top: 10px;
	background: #f2f2f2;
	padding-left: 5px;
}
.addLine TD {
	border-bottom: 1px dotted #999;
	padding-bottom: 5px;
	text-align: left;
	padding-top: 5px;
}

/* standard clases */
DIV.clearBoth {
	clear: both;
}

UL#globalnav {
	clear: both;
	float: left;
	list-style: none;
	margin: 24px 0 30px 0;
	padding: 0;
	white-space: nowrap;
}
#globalnav LI {
	display: inline-block;
	margin: 0 30px 0 0;
}
#globalnav LI A {
	height: 30px;
	text-decoration: none;
	letter-spacing: -0.10px;
	padding: 14px 0 0 0;
}
#globalnav LI A:hover {
	height: 30px;
	text-decoration: none;
	letter-spacing: -0.10px;
	padding: 15px 0 0 0;
}
#globalnav LI A.active {
	height: 30px;
	text-decoration: none;
	letter-spacing: -0.10px;
	padding: 15px 0 0 0;
}
#global {
	/* Scaled for 1366x768 laptop display size */
	min-width: 1300px;
	margin: 0 20px;
}
#branding {
	float: left;
	margin: 15px 0 0 0;
	border: none;
}
#supportbox {
	position: relative;
	float: right;
	text-align: right;
	height: 55px;
	margin: 15px 0 0 0;
	font-size: 13px;
}
#supportbox A {
	text-decoration: none;
	font-weight: bold;
}
#supportbox .supportbox-reseller A {
	display: block;
}
#supportbox .supportbox-user {
	position: absolute;
	bottom: 0;
	right: 0;
	white-space: nowrap;
}
.login-holder {
	clear: both;
	width: 600px;
	margin: 0 auto;
	padding-top: 50px;
}
.boxhead {
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
	width: 560px;
}
.boxhead IMG {
	float: left;
	margin: 0 10px 0 0;
}
.boxhead P {
	margin: 5px 0 0 0;
	padding: 0;
}
.login-box {
	width: 540px;
	clear: both;
	padding: 30px;
}
.login-box > p:first-child {
	margin-top: 0px;
}
.login-box .ui-button {
	clear: both;
	display: block;
	margin: 20px auto 0 auto;
}
.login-box .buttons {
	clear: both;
	margin: 20px auto 0 auto;
	text-align: center;
}
.login-box .buttons .ui-button {
	clear: none;
	width: 140px;
	display: inline-block;
	margin: 0 10px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearBoth {
	clear: both;
}
.selector {
	text-align: right;
	padding-right: 20px;
}
.large {
	font-size: 36px;
}

.pdmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.pdmenu ul li {
	min-width: 100px;
	float: left;
	position: relative;
}
.pdmenu ul li a {
	padding: 6px 15px 6px 6px;
	font-weight: normal;
	display: block;
	text-align: left;
}
.pdmenu ul li a:hover {
	padding: 6px 15px 6px 6px;
	background: url(../img/option-arrow.png) no-repeat right;
}
.pdmenu ul ul {
	margin: 0;
	padding: 0;
	display: none;
}
.pdmenu ul li:hover ul {
	display: block;
	position: absolute;
	right: 0;
	min-width: 100px;
}
.pdmenu ul ul li {
	display: block;
	padding: 10px;
	text-decoration: none;
	border: none;
	color: #333;
	text-align: left;
}
.pdmenu ul ul li a {
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;
}
.pdmenu ul ul li a: hover {
	padding: 0;
}

.ui-dialog {
	z-index: 1000;
}

.ui-dialog-content > *:first-child {
	margin-top: 0px;
}

.ui-dialog-content > *:last-child {
	margin-bottom: 0px;
}

.ui-widget-overlay {
	position: fixed;
}

#ui-datepicker-div {
	display: none;
}

button.ui-datepicker-trigger {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 14px;
	height: 28px;
	width: 28px;
	margin: 0;
	padding: 2px 2px 2px 4px;
	vertical-align: bottom;
}

img.ui-datepicker-trigger {
	height: 16px;
	width: 16px;
	margin: 2px 4px 0 -22px;
	vertical-align: middle;
}

/***
CLASSES ALSO LINKED TO VISUAL STYLES IN STLE.CSS
***/
.form-item {
	margin-bottom: 10px;
	border-bottom: 1px dotted #CBD8DE;
	padding-bottom: 10px;
}
.form-line {
	display: inline-block;
	width: 100%;
}
.form-line:after, .tx-form-line:after {
	/* Clearfix */
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.form-line.error INPUT,
.form-line.error SELECT,
.form-line.error TEXTAREA,
.form-line.error DIV.ms-parent BUTTON.ms-choice,
.tx-form-line.error INPUT,
.tx-form-line.error SELECT,
.tx-form-line.error TEXTAREA,
.tx-form-line.error DIV.ms-parent BUTTON.ms-choice {
	border: 1px solid #990000 !important;
}
DIV.dateSeperator {
	float: left;
	margin: 10px 10px 0 10px;
}

UL.transactions-tools {
	float: right;
	margin: 0 0 10px 0;
	list-style-type: none;
}
UL.transactions-tools LI {
	padding: 6px 6px 6px 28px;
	width: 200px;
	text-align: left;
	background: #EAE9E4 url(/libs/famfamfam/silk/page_white_go.png) no-repeat 6px 6px;
	line-height: 16px;
	border-bottom: 1px solid #C4C5BD;
	border-right: 1px solid #C4C5BD;
	font-size: 13px;
	cursor: pointer;
	white-space: nowrap;
}
UL.transactions-tools LI:hover {
	background-color: #d0cfca;
}
UL.transactions-tools LI I {
	color: #666;
	font-style: italic;
	font-weight: normal;
}
UL.transactions-tools LI A {
	text-decoration: none;
}
UL.transactions-tools LI.download {
	background-image: url(/libs/famfamfam/silk/server_go.png);
}
UL.transactions-tools LI.tx-reports {
	background-image: url(/libs/famfamfam/silk/report_go.png);
}

UL.transactions-tools LI.tx-summary {
	background-image: url(/libs/famfamfam/silk/date_go.png);
}

UL.transactions-tools LI.tx-chargebacks {
	background-image: url(/libs/famfamfam/silk/shield_go.png);
}

UL.transactions-tools LI.tx-settlements {
	background-image: url(/libs/famfamfam/silk/table_go.png);
}



DIV.filter {
	float: left;
	margin-bottom: 10px;
	padding: 9px 10px;
}

#simple-filter input[type="submit"] {
	width: 150px;
	float: right;
}

#advanced-filter {
	margin-top: 10px;
}

#advanced-filter .form-item .form-filter-toggle-all {
	width: 150px;
	float: right;
}

#transaction-filter-form {
	min-width: 960px;
}

#transaction-filter-form .form-filter-item {
	white-space: nowrap;
}

#transaction-filter-form SELECT#filter-show,
#transaction-filter-form SELECT#filter-when {
	margin: 0;
	vertical-align: middle;
}

#transaction-filter-form BUTTON.ui-datepicker-trigger {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 14px;
	height: 28px;
	width: 28px;
	margin: 0;
	padding: 2px 2px 2px 4px;
	vertical-align: bottom;
}

#transaction-filter-form IMG.ui-datepicker-trigger {
	margin: 2px 4px 0 -22px;
	vertical-align: middle;
}

#transaction-filter-form #advanced-filter .form-item STRONG {
	display: inline-block;
	min-width: 65px;
	clear: none;
}

#transaction-filter-form .form-item LABEL {
	float: none;
	display: inline-block;
	text-align: left;
	width: auto;
	min-width: 90px;
	clear: none;
	padding: 0 5px 0 0;
}

#transaction-filter-form .form-item LABEL INPUT[type="checkbox"] {
	margin: 1px 3px 3px 0;
	vertical-align: middle;
}

#transaction-filter-form #filter-mass-merchant {
	margin-right: 1em;
}

#transaction-filter-form .filter-mids .ms-parent i {
	font-weight: bold;
	color: #B4CC98 !important;
}


DIV#notify {
	margin-bottom: 20px;
	min-height: 34px;
	padding: 8px 5px 8px 60px;
}
DIV#notify_popup {
	margin-bottom: 10px;
	padding: 8px 5px;
	background-image: none !important;
}
DIV#notify H3 {
	margin-top: 0;
}
DIV.summary {
	float: left;
	line-height: 20px;
	margin: 0 0 20px 0;
}
#summary-container {
	float: left;
	clear: left;
}
#transactions-container {
	clear: both;
	margin: 20px 0 0 0;
}


.transactions-pager {
	clear: both;
	line-height: 20px;
	margin: 10px 0;
}

.transactions-pager .page-turner {
	float: left;
	width: 50%;
}

.transactions-pager .page-sizer {
	float: right;
}

.transactions-pager .page-sizer .selected {
	font-weight: bold;
}

DIV.tooltip {
	cursor: help;
	height: 20px;
	width: 20px;
}

DIV.trafficLightGrey,
DIV.trafficLightAmber,
DIV.trafficLightGreen,
DIV.trafficLightRed {
	height: 18px;
	width: 18px;
	display: inline-block;
}

DIV.trafficLightGrey {
	background: url(../img/traffic-light-grey.png);
}

DIV.trafficLightAmber {
	background: url(../img/traffic-light-amber.png);
}

DIV.trafficLightGreen {
	background: url(../img/traffic-light-green.png);
}

DIV.trafficLightRed {
	background: url(../img/traffic-light-red.png);
}

#changeMerchantPage SELECT {
	margin: 5px 0 30px 0;
	padding: 3px;

}
#inbox DIV.icon {
	height: 16px;
	width: 16px;
}
#inbox TR.odd {
	cursor: pointer;
}
#merchantSelectorBox {
	margin-bottom: 20px;
	padding: 10px;
}
#merchantSelectorBox LABEL {
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 6px;
	text-align: left;
	text-transform: uppercase;
}

.receipt {
	width: 720px;
}

.receipt H1 {
	width: 100%;
}

.receipt TABLE {
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}

.receipt COL.label {
	width: 130px;
}

.receipt COL.value {
	width: 100%;
}

.receipt COL.sep {
	width: 10px;
}

.receipt TD, .receipt TH {
	overflow: visible;
	vertical-align: top;
	padding: 4px 0px;
	white-space: nowrap;
	word-wrap: break-word;
	line-height: 15px;
}

.receipt TH {
	width: 130px;
	text-align: left;
}

.receipt TD H2 {
	margin-bottom: 4px;
}

.receipt THEAD:first-of-type TR:first-child H2 {
	margin-top: 0;
}

.receipt TD DIV.ellipsis {
	max-height: 15px;
}

.receipt TD[rowspan="2"] DIV.ellipsis {
	max-height: 45px;
}

.receipt TD[rowspan="3"] DIV.ellipsis {
	max-height: 60px;
}

.receipt TD DIV.tooltip {
	margin-top: -3px;
	display: inline-block;
}

.tx-details TH,
.tx_details TD {
	white-space: nowrap;
	overflow: hidden;
}

.tx-details TH {
	width: 125px;
}

.tx-details TD.sep {
	width: 1em;
}


.receipt.payments,
h1.payments,
table.transactions.payments {
	width: 845px;
}

.receipt.calcs {
	width: 705px;
}

.headerUtil {
	float: right;
	padding-right: 10px;
}
.headerUtil img {
	border: none;
}
.terms {
	height: 300px;
	overflow: auto;
	padding-right: 20px;
	border: 2px inset;
}
.terms li {
	padding-bottom: 10px;
}

#breakpoints {
	list-style: none;
}
#changeMerchantPage {
	min-height: 200px;
	width: 400px;
	padding: 30px;
}
#changeMerchantPage H1 {
	width: 400px;
}
#changeMerchantPage LABEL {
	font-size: 13px;
}


/***
BLOCK ELEMENTS
***/

.maincontent {
	float: left;
	width: 740px;
	padding: 0 0 40px 0;
	margin-bottom: 20px;
}

.maincontent TH {
	text-align: left;
	padding-right: 10px;
	vertical-align: top
}
.util-panel {
	float: right;
	width: 180px;
	padding: 20px;
}

DIV.clipper {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}
DIV.clipper DIV.clip {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}
DIV.clipper DIV.full {
	display: none;
}
DIV.clipper:hover DIV.full {
	display: block;
	position: absolute;
	overflow: visible;
	white-space: normal;
	word-break: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	width: auto;
	max-width: 400px;
	height: auto;
	max-height: none;
	background-color: white;
	color: black;
	border: 1px dotted gray;
	padding: 1px;
	margin: -2px;
	zoom: 1;
	z-index: 1;
}

/********
TABLES FOR CONTENT
*******/
TABLE.dataForm {
	margin-bottom: 20px;
}
TABLE.dataForm EM {
	display: inline-block;
	margin-left: 15px;
}
TABLE.dataForm TD {
	padding: 5px;
	text-align: left;
}
TABLE.dataForm TD P {

}
TABLE.dataForm TH {
	padding: 5px 10px;
	text-align: left;
	width: 250px;
	text-align: right;
}
TABLE.dataForm TR.first TH {
	text-align: left;
}
#billing-plan TABLE.dataForm TR.first TH {
	text-align: right;
}
TABLE.dataForm TH.tableTitle {
	text-align: left;
	padding: 10px 0 10px 10px;
}
TABLE.dataForm TH.tableTitle h3 {
	padding: 0;
	margin: 0
}
TABLE.dataForm TR.err TH,
TABLE.dataForm TR.err EM,
TABLE.dataForm TD.err EM {
	color: #990000 !important;
}
TABLE.dataForm TR.err INPUT,
TABLE.dataForm TR.err SELECT,
TABLE.dataForm TR.err TEXTAREA,
TABLE.dataForm TR.err DIV.ms-parent.error BUTTON.ms-choice,
TABLE.dataForm TD.err INPUT,
TABLE.dataForm TD.err SELECT,
TABLE.dataForm TD.err TEXTAREA,
TABLE.dataForm TD.err DIV.ms-parent.error BUTTON.ms-choice {
	border: 1px solid #990000 !important;
}

TABLE.transactions {
	clear: both;
	margin: 10px 0 20px 0;
	width: 100%;
	border-collapse: collapse;
}
TABLE.transactions.fixed {
	table-layout: fixed;
	min-width: none;
}
TABLE.transactions TH,
TABLE.transactions TD {
	height: 30px;
	max-height: 30px;
	border: 1px solid;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
}
TABLE.transactions TH.tooltip {
	cursor: help;
}
TABLE.transactions TD {
	white-space: nowrap;
	font-size: 12px;
	line-height: 15px;
}
TABLE.transactions TH.first.action,
TABLE.transactions TD.first.action {
	width: 95px;
}
TABLE.transactions TD.first.action SELECT {
	width: 85px;
	margin: 0px;
}
TABLE.transactions TH.last.details,
TABLE.transactions TD.last.details {
	width: 65px;
}
TABLE.transactions TD.last.details A,
TABLE.transactions TD.last.details BUTTON {
	margin: 0px;
}
TABLE.transactions TH > DIV,
TABLE.transactions TD > DIV {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
TABLE.transactions TD.ellipsis DIV {
	max-height: 30px;
	word-break: break-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
TABLE.transactions TD DIV.ellipsis {
	width: 100%;
	max-height: 15px;
	line-height: 15px;
	display: inline-block;
	word-break: break-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
TABLE.transactions TD.customer,
TABLE.transactions TD.order {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
}
TABLE.transactions TD > DIV > SPAN,
TABLE.transactions TD > DIV > DIV.clipper > DIV.full > SPAN,
TABLE.transactions TD > DIV > DIV.clipper > DIV.clip > SPAN {
	display: block;
	color: inherit;
	font-size: smaller;
	white-space: nowrap;
}
/* Nested tables */
TABLE.transactions TR.details-row,
TABLE.transactions TR.details-row TD.details-row-caption,
TABLE.transactions TR.details-row TD.details-row-content,
TABLE.transactions TR.details-row TD.details-row-content TABLE.transactions {
	min-width: 0;
	margin: 0;
	padding: 0;
}
TABLE.transactions TR.details-row,
TABLE.transactions TR.details-row TD.details-row-caption,
TABLE.transactions TR.details-row TD.details-row-content,
TABLE.transactions TR.details-row TD.details-row-content TABLE.transactions TR,
TABLE.transactions TR.details-row TD.details-row-content TABLE.transactions TR TH,
TABLE.transactions TR.details-row TD.details-row-content TABLE.transactions TR TD {
	height: 0px;
	max-height: 0px;
}
TABLE.transactions TR.details-row TD.details-row-content TABLE.transactions TR,
TABLE.transactions TR.details-row TD.details-row-content TABLE.transactions TR TH,
TABLE.transactions TR.details-row TD.details-row-content TABLE.transactions TR TD {
	height: 15px;
	max-height: 15px;
}
TABLE.transactions TR.details-row TD.details-row-content TABLE.transactions TR TH.first,
TABLE.transactions TR.details-row TD.details-row-content TABLE.transactions TR TD.first {
	border-left: none;
	padding: 0px 5px 0px 3px;
}
TABLE.transactions TR.details-row TD.details-row-content TABLE.transactions TR TH.last,
TABLE.transactions TR.details-row TD.details-row-content TABLE.transactions TR TD.last {
	border-right: none;
	padding: 0px 3px 0px 5px;
}
TABLE.transactions TR.details-row TD.details-row-content TABLE.transactions TR.last TD {
	border-bottom: none;
}
TABLE.transactions TR.details-row.closed {
	display: none;
}
TABLE.transactions TR.details-row.closed TD.details-row-caption,
TABLE.transactions TR.details-row.closed TD.details-row-content {
	vertical-align: top;
	text-align: center;
	border: none;
	height: 0px;
	max-height: 0px;
}
TABLE.transactions TR.details-row.closed TD.details-row-content > DIV {
	display: none;
}
TABLE.transactions TR.details-row TD.details-row-content > DIV {
	border: 2px inset;
}

tr.totals {
	background-color: #DDDDDD;
}

#report-selection {
	width: 500px;
	height: 300px;
}

#report-selection DIV {
	margin: 5px 0;
}

#report-selection DIV B {
	display: inline-block;
	width: 65px;
}

#report-name, #report-type {
	width: 400px;
}

#report-download {
	display: block;
	margin: 5px auto 10px auto;
}


/***
INPUTS
***/

FORM {
	margin: 0;
	padding: 0;
}
DIV.mtBox {
	padding: 20px;
	margin-bottom: 20px;
}
LABEL {
	float: left;
	width: 140px;
	font-size: 14px;
	height: 22px;
	line-height: 22px;
	padding: 3px;
	margin: 2px;
	text-align: right;
	vertical-align: middle;
}
INPUT[type="text"], INPUT[type="password"], INPUT[type="file"], INPUT[type="number"],
INPUT[type="email"], INPUT[type="tel"], INPUT[type="amount"], INPUT[type="date"],
INPUT[type="countrySelect"], INPUT[type="dob"], SELECT, TEXTAREA, DIV.ms-parent BUTTON.ms-choice {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	font-family: inherit;
	font-size: 14px;
	padding: 2px;
	margin: 2px;
	vertical-align: middle;
}
DIV.ms-drop LABEL {
	font-size: 14px;
}
OPTION.divider {
	font-size: 1px;
	background-color: grey;
}
INPUT[type="text"], INPUT[type="password"], INPUT[type="file"], INPUT[type="number"],
INPUT[type="email"], INPUT[type="tel"], INPUT[type="amount"], INPUT[type="date"],
INPUT[type="countrySelect"], INPUT[type="dob"], SELECT, BUTTON.ms-choice {
	height: 22px;
	line-height: 22px;
}
TEXTAREA {
	min-height: 22px;
	line-height: 22px;
}
BUTTON.ms-choice {
	height: 28px; /* Compensate for this one being border-box model */
}
INPUT[type="text"].small, INPUT[type="password"].small, INPUT[type="file"].small, SELECT.small, DIV.ms-parent.small BUTTON.ms-choice {
	height: 19px;
	line-height: 19px;
}
BUTTON.small.ms-choice {
	height: 25px; /* Compensate for this one being border-box model */
}
BUTTON.ms-choice SPAN {
	height: 28px;
	padding: 3px;
	margin: 2px;
	vertical-align: middle;
}
BUTTON.ms-choice DIV {
	top: 3px;
}
INPUT.error, SELECT.error, TEXTAREA.error, DIV.ms-parent.error BUTTON.ms-choice,
TD.err INPUT, TD.err SELECT, TD.err TEXTAREA, TD.err DIV.ms-parent.error BUTTON.ms-choice {
	border: 1px solid #990000 !important;
}
INPUT[type="checkbox"], INPUT[type="radio"] {
	vertical-align: middle;
}
INPUT[readonly], SELECT[readonly], TEXTAREA[readonly], BUTTON[readonly].ms-choice {
	background-color: #eeeeee;
}
INPUT[disabled], SELECT[disabled], TEXTAREA[disabled], BUTTON[disabled].ms-choice {
	color: graytext;
	border-color: #a9a9a9;
	background-color: #f6f6f6;
}

/* These measurements are designed for the above input fields */
.width-10pc {
	width: 36px;
}
.width-15pc {
	width: 60px;
}
.width-20pc {
	width: 82px;
}
.width-25pc {
	width: 105px;
}
.width-33pc {
	width: 143px;
}
.width-66pc {
	width: 296px;
}
.width-50pc {
	width: 220px;
}
.width-100pc {
	width: 450px;
}


.input60 {
	width: 60px;
}
.input250 {
	width: 250px;
}
.input350 {
	width: 350px;
}
.input450 {
	width: 450px;
}
.input550 {
	width: 550px;
}
.input650 {
	width: 650px;
}
INPUT[type="text"].large, INPUT[type="password"].large, INPUT[type="file"].large,
INPUT[type="text"].medium, INPUT[type="password"].medium, INPUT[type="file"].medium,
TEXTAREA.medium,
SELECT.large, SELECT.medium,
DIV.ms-parent.large BUTTON.ms-choice,
DIV.ms-parent.large BUTTON.ms-choice SPAN,
DIV.ms-parent.medium BUTTON.ms-choice,
DIV.ms-parent.medium BUTTON.ms-choice SPAN {
	vertical-align: middle;
	font-size: 16px;
	margin: 3px 0;
	padding: 7px 7px;
	width: 292px;
}
DIV.ms-parent.large DIV.ms-drop LABEL,
DIV.ms-parent.medium DIV.ms-drop LABEL {
	font-size: 16px;
}
.ui-button.large, .ui-button.medium {
	font-size: 16px;
	margin: 3px 0;
}
.ui-button.small .ui-button {
	padding: 2px 1em;
}
DIV.ms-parent.medium BUTTON.ms-choice DIV {
	top: 8px;
}
DIV.ms-parent.large BUTTON.ms-choice,
DIV.ms-parent.large BUTTON.ms-choice SPAN,
DIV.ms-parent.medium BUTTON.ms-choice,
DIV.ms-parent.medium BUTTON.ms-choice SPAN {
	height: 38px; /* Compensate for this one being border-box model */
}
INPUT[type="text"].small, INPUT[type="password"].small, INPUT[type="file"].small,
TEXTAREA.small
SELECT.small,
DIV.ms-parent.small BUTTON.ms-choice,
DIV.ms-parent.small BUTTON.ms-choice SPAN {
	font-size: 13px;
	padding: 0 4px 0 4px;
	width: 92px;
}
DIV.ms-parent.small BUTTON.ms-choice,
DIV.ms-parent.small BUTTON.ms-choice SPAN {
	height: 21px; /* Compensate for this one being border-box model */
	line-height: 21px;
}
DIV.ms-parent.small BUTTON.ms-choice DIV {
	top: 0px;
}
INPUT[type="text"].compact, INPUT[type="password"].compact, INPUT[type="file"].compact, TEXTAREA.compact, SELECT.compact {
	width: auto !important;
}
BUTTON.ms-choice {
	width: 100% !important;
}
BUTTON.ms-choice SPAN {
	width: auto !important;
	padding-left: 8px;
}

TEXTAREA.button-code {
	background: none repeat scroll 0 0 #f9f9f9;
	border: 1px solid #bbb;
	font-size: 16px;
	height: 150px;
	margin: 3px 0;
	padding: 7px;
	vertical-align: middle;
	width: 550px;
	margin-right: 10px;
	display: block;
}

.button-preview {
	border: 1px solid #bbb;
	padding: 20px 10px;
	width: 545px;
	background: #eee;
	word-wrap: break-word;
}

.button-clip, .button-download {
	margin-top: 10px;
}

.button-container hr {
	margin: 40px 0;
	width: 567px;
	margin-right: 100%;
}

input.button-customer-email {
	width: 561px;
}

.button-clip-msg {
	display: none;
	width: 545px;
}

.button-email-msg {
	display: none;
	width: 545px;
}

P.err {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: block;
	margin-bottom: 30px;
	padding: 6px 12px 6px 12px;
}



.select-auto-inline {
	padding: 5px;
	margin: 10px 10px 10px 0;
}
.auto-reveal {
	clear: both;
	width: 400px;
}
.auto-reveal UL {
	list-style: none;
	margin: 0;
	padding: 0;
}
.auto-reveal UL LI {
	display: block;
	width: 400px;
	margin-bottom: 2px;
}
.auto-reveal UL LI A {
	display: block;
	padding: 5px;
	margin: 0;
	width: 400px;
}
.auto-reveal UL LI.new A {
	display: block;
	width: 400px;
}

/* Virtual Terminal */

.or-cross-reference-text {
	border: solid #EEEEEE;
	border-width: 1px 0;
	text-align: left;
	margin: 20px 0;
}

DIV.merchant-aliases-tooltip TABLE {
}

.footnote {
	font-size: smaller;
}




/* Messages */

.messagebox {
	clear: both;
	padding: 9px;
	background: #FFBFBF;
	background: -moz-linear-gradient(top, #ffbfbf 0%, #f89e9e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbfbf), color-stop(100%,#f89e9e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffbfbf 0%,#f89e9e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffbfbf 0%,#f89e9e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffbfbf 0%,#f89e9e 100%); /* IE10+ */
	background: linear-gradient(top, #ffbfbf 0%,#f89e9e 100%); /* W3C */
	border: 1px solid #F19191;
	position: relative;
	padding-right: 27px;
}

.mb-close {
	display: block;
	position: absolute;
	top: 3px;
	right: 5px;
	padding: 4px;
	font-weight: bold;
	font-size: larger;
	cursor: pointer;
}

.mb-inner {
	margin-bottom: 20px;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

.success {
	background: #D5F4C2;
	background: -moz-linear-gradient(top, #d4f4c2 0%, #bce6a3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4f4c2), color-stop(100%,#bce6a3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d4f4c2 0%,#bce6a3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d4f4c2 0%,#bce6a3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d4f4c2 0%,#bce6a3 100%); /* IE10+ */
	background: linear-gradient(top, #d4f4c2 0%,#bce6a3 100%); /* W3C */
	border: 1px solid #a7E285;
}

.important {
	background: #FCFCC7;
	background: -moz-linear-gradient(top, #fcfcc7 0%, #f9efa6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcc7), color-stop(100%,#f9efa6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fcfcc7 0%,#f9efa6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fcfcc7 0%,#f9efa6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fcfcc7 0%,#f9efa6 100%); /* IE10+ */
	background: linear-gradient(top, #fcfcc7 0%,#f9efa6 100%); /* W3C */
	border-color: #F7E385;
}

.error {
	color: #CC0000;
}



#saveButton {
	margin-top: 10px;
}

.receipt .form-item {
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.receipt label {
	border: none;
	float: left;
	width: 18%;
}

#colorbox-spacer {
	width: 20px;
	height: 130px;
}

.card-details {
	display: inline-block;
	text-align: center;
}

.card-details .card-details-logo {
	float: left;
	width: 51px;
	margin-right: 5px;
	border: none;
}

.card-details .card-details-number {
	display: block;
	margin-left: 56px;
	width: 140px;
	position: relative;
	font-family: monospace;
}

.card-details .card-details-number .card-details-mask {
	display: block;
	white-space: nowrap;
}

.card-details .card-details-number .card-details-full {
	display: none;
	white-space: nowrap;
}

.card-details.card-details-toggable:hover .card-details-number .card-details-mask {
	display: none;
}

.card-details.card-details-toggable:hover .card-details-number .card-details-full {
	display: block;
}

.card-details .card-details-expiry {
	display: block;
	margin-left: 56px;
	width: 140px;
	font-size: smaller;
	white-space: nowrap;
}

.card-details-inline .card-details-logo {
	width: 25px;
}

.card-details-inline .card-details-number {
	width: auto;
	margin-left: 29px;
}

.card-details-logo-sfx .card-details-logo {
	float: right;
	margin-left: 5px;
	margin-right: 0px;
}

.card-details-inline .card-details-number {
	width: auto;
	margin-left: 29px;
}

.card-details-inline.card-details-logo-sfx .card-details-number {
	margin-left: 0px;
	margin-right: 29px;
}

.cc-popup {
	text-align: center;
	font-size: 10px;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top;
}

.dotdotdot {
	display: inline-block;
	overflow: visible !important;
	height: auto !important;
	max-height: none !important;
}

.ms-parent, .ms-parent * {
	box-sizing: border-box !important;
}

.ms-choice {
	height: 28px;
	font-size: 14px;
}

.ms-search input {
	padding: 0 20px 0 5px;
	margin: 0;
}

.ms-drop LABEL {
	float: none;
	width: auto;
	font-size: 14px;
	height: auto;
	line-height: 1;
	text-align: left;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

.ms-drop input[type=checkbox] {
	vertical-align: middle !important;
}

BODY.print {
	width: 100%;
	height: 100%;
	padding: 10px;
	background: #ffffff none;
}

BODY.print > .messagebox,
BODY.print #global-wrapper,
BODY.print #cboxOverlay,
BODY.print #cboxTopLeft,
BODY.print #cboxTopCenter,
BODY.print #cboxTopRight,
BODY.print #cboxBottomLeft,
BODY.print #cboxBottomCenter,
BODY.print #cboxBottomRight,
BODY.print #cboxMiddleLeft,
BODY.print #cboxMiddleRight,
BODY.print #cboxTitle,
BODY.print .receipt .headerUtil #print {
	display: none;
	background: none;
}

BODY.print .receipt {
	width: 100%;
}

BODY.print .receipt TABLE {
	width: 100%;
}

BODY.print .receipt DIV.ellipsis {
	max-height: none;
}

BODY.print .receipt DIV.clipper DIV.full {
	display: block;
	border: none;
	background-color: transparent;
	color: inherit;
}

BODY.print .receipt DIV.clipper DIV.clip {
	display: none;
}

BODY.print .receipt DIV.clipper {
	white-space: normal;
}

BODY.print #colorbox,
BODY.print #cboxWrapper,
BODY.print #cboxContent {
	display: block !important;
	position: static !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
}

BODY.print #cboxLoadedContent {
	display: block !important;
	top: 0cm !important;
	left: 0cm !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	z-index: 1000 !important;
}

BODY.print .receipt,
BODY.print .receipt H1,
BODY.print .receipt TABLE {
	width: auto;
}

BODY.print .receipt COL.label {
	width: 130px;
}

BODY.print .receipt COL.value {
	width: auto;
}

BODY.print.webkit .receipt td {
	width: 400px;
}

.cardinput::before {
	top: 2px;
	left: auto;
	right: 6px;
}

.cardinput INPUT {
	text-indent: 0;
}

#youlend_alert LABEL {
	/* Cancel global styles set above */
	display: inline;
	float: none;
	width: auto;
	font-size: inherit;
	height: auto;
	line-height: inherit;
	padding: 0;
	margin: 0;
	text-align: left;
	vertical-align: baseline;

	/* Add our styles */
	float: right;
	white-space: nowrap;
	margin: 0 4em;
}

#iframe-preview {
	/* The height and width of the preview button are explicit because it */
	/* doesn't scale to mobile anyway so its set to exact size to prevent it .*/
	/* growing or shrinking to fit the body.*/
	width: 545px;
	height: 36px;
}

/* Prevent close icon being overridden by ui-button class */
#cboxClose {
	background: url(../img/colorbox/controls.png) no-repeat -25px 0px !important;
	border: none !important;
}