body
{
    background-image:url('pics/background.gif');
    background-position:left top;
    background-repeat:repeat-y;
	background-color:#EEEEEE;
	font-family: Arial, Monospace;
	color: #666666;
	font-size: 9pt;
	font-style: normal;
	margin:0;
	padding:0;
}

.tooltip {
    width: 300px;
}

div, td, .normal_text
{
	font-family: Arial, Monospace;
	color: #666666;
	font-size: 9pt;
	font-style: normal;
}

div.inputType{
 margin-left:20px;
 margin-bottom:5px;
}

div.tabType{
 margin-left:20px;
 margin-bottom:5px;
}

select{
 margin:2px;
}

.sortable {
    cursor: pointer;
    background-image:url('images/unsorted.gif');
    background-position:right center;
    background-repeat:no-repeat;
    padding-right: 10px;
}

.sortable_asc {
    cursor: pointer;
    background-image:url('images/sort_asc.gif');
    background-position:right center;
    background-repeat:no-repeat;
    padding-right: 10px;
}

.sortable_desc {
    cursor: pointer;
    background-image:url('images/sort_desc.gif');
    background-position:right center;
    background-repeat:no-repeat;
    padding-right: 10px;
}

.center {text-align: center;}

.left { text-align:left;}

.headerCell {
	color: #000000;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial,Verdana,sans-serif;
}

/* tabelcel voor drop onder menu */
td.menudrop		{background-image: url(pics/bkg_menudrop.gif);}
/* tabelcel met donkerblauwe horizontale lijn in de achtergrond */
td.menuhr		{background-image: url(pics/menuhr.gif);}
/* tabelcel met donkerblauwe achtergrond */
td.dblauw		{background-image: url(pics/dblauw.gif);}
/* tabelcel met mediumblauwe achtergrond */
td.mblauw		{/*background-image: url(pics/mblauw.gif);*/}
/* tabelcel met lichtblauwe achtergrond */
td.lblauw		{
	vertical-align : top;
	background-color:#EEEEEE;
}
td.rightdrop
{
	background-image: url(pics/bkg_right.jpg);
}

td.content {
	width: 100%;
	background-color: #FFFFFF;
	vertical-align : top;
	padding: 10px;
}

/* tabelcel met witte achtergrond */
td.wit		{
	background-color: #FFFFFF;
	vertical-align : top;
}
/* tabelcel met rode achtergrond */
td.rood		{
	background-color: #FF7777;
	vertical-align : top;
}

td.geel		{
	background-color: #FFFF77;
	vertical-align : top;
}


td.tabel
{
   background-color: #C1CC26;
   padding:5px;
}

table.accountingtable{
  width:90%;
  padding:10px;
  border:solid 1px;
  border-color: #EEEEEE;
}

table.mandatestable,table.paymentstable,table.subscriptiontable,table.capturebatchtable{
  width:90%;
  padding:10px;
  border:solid 1px;
  border-color: #EEEEEE;
}


table.paymentsOverview,table.orderOverview {
	width:100%;
}

td.mandateslabel,td.subscriptionlabel,td.capturebatchlabel{
  width:40%;
  font-weight:bold;
  vertical-align: top;
}

td.mandatesvalue,td.subscriptionvalue,td.capturebatchvalue{
  width:60%;
}

input.mandateid,input.subscriptionid,input.capturebatchid{
  width:250px;
  padding-right:20px;
}

table.data {padding: 6px;}

/* Headlines */
H1	{font-family: Arial; font-size: 16px; padding-bottom:10px;}
H2	{font-family: Arial; font-size: 14px; padding-bottom:8px;}
H3	{font-family: Arial; font-size: 12px; padding-bottom:6px;}

/* "Zelfde" Headlines zonder witregel */
.kop1		{font-family: Arial; font-size: 16px;}
.kop2	 	{font-family: Arial; font-size: 14px; font-weight:bold;}
.kop3 	{font-family: Arial; font-size: 12px;}

.inputform		{font: Arial; font-size: 8pt; color : #000000; background-color: #EEEEEE;}
INPUT,TEXTAREA,CHECKBOX {
	padding:2px;
	font: Arial;
	font-size: 8pt;
	/* no default color, leave it to the browser */
	background-color: #EEEEEE;
	border:solid 1px #c1cc26;
}

input[type='submit'], input[type='button'] {
    cursor: pointer;
}
input[disabled] {
	cursor: default;
}

.profileNoBorder { padding:2px; font: Arial; font-size: 8pt; background-color: #ffffff;  padding-top:0px; border:solid 0px #c1cc26;}
td.profileNoBorder
{
    padding:5px;
	font-family: Arial, Monospace;
	color: #FF0000;
	font-size: 9pt;
	font-style: normal;
    background-color:  #C1CC26;


}

input.profileNoBorder
{
    font: Arial;
	font-size: 8pt;
	font-style: normal;
	padding-top:0px;
	padding-left:20px;

}

SELECT {font-size: 8pt; color : #000000; background-color: #EEEEEE;}

.submit
{
        font-family: arial;
        padding-left: 5px;
        padding-right: 5px;
        color: #666666;
        font-size: 8pt;
        border:solid 1px #c1cc26;
	    background-color: white;
	    text-decoration: none;
	    cursor: hand;
}

/* normale link */
A	{color: #666666; font-weight:normal; text-decoration: underline;}
A:hover { text-decoration:none;}
/*
A:link		{color: #1C5190; font-size: 9pt; text-decoration: none;}
A:visited		{color: #BBCBDE; font-size: 9pt; text-decoration: none;}
A:active		{color: #BBCBDE; font-size: 9pt; text-decoration: none;}
A:hover		{color: #1C5190; font-size: 9pt; text-decoration: underline;}
*/


/* witte tekst-link op onkere achtergrond-kleur bv. voor Log-out */
A.wit:link		{color: #DDE5EE; font-size: 9pt; font-weight:bold; text-decoration: none;}
A.wit:visited	{color: #BBCBDE; font-size: 9pt; font-weight:bold; text-decoration: none;}
A.wit:active	{color: #BBCBDE; font-size: 9pt; font-weight:bold; text-decoration: none;}
A.wit:hover		{color: #FFFFFF; font-size: 9pt; font-weight:bold; text-decoration: underline;}
P.logout		{margin-left:12px; margin-top:10px; }

.vet			{font-weight:bold;}
/* menu-items boven in beeld */
A.menu:link		{color: #666666; font-size: 9pt; font-weight:normal; text-decoration: underline;}
A.menu:visited	{color: #666666; font-size: 9pt; font-weight:normal; text-decoration: underline;}
A.menu:active	{color: #666666; font-size: 9pt; font-weight:normal; text-decoration: underline;}
A.menu:hover	{color: #666666; font-size: 9pt; font-weight:normal; text-decoration: none;}


/* linkje binnen een border */
A.borderbut:link	{
	color: #003273;
	padding-left:8px;
	padding-right:8px;
	text-decoration: none;
	font-weight:bold;
			}

A.borderbut:visited 	{
	color: #7F99BA;
	padding-left:8px;
	padding-right:8px;
	text-decoration: none;
	font-weight:bold;
			}

A.borderbut:active	{
	color: #FF3273;
	padding-left:8px;
	padding-right:8px;
	text-decoration: none;
	font-weight:bold;
		}

A.borderbut:hover		{
	color: #000000;
	padding-left:8px;
	padding-right:8px;
	text-decoration: underline;
	font-weight:bold;
		}

HR {color: #C1CC26;}


/* paragraaf ... */

/* hieronder kleurenhulp */
/* 003273 donkerblauw tekst */
/* 1C5190 donkerblauw lb */
/* BBCBDE mediumblauw rb */
/* 7F99BA mediumblauw visited color menu ???? */
/* DDE5EE lichtblauw */



/* CSS Document */
.topMenu
{
  background-image:url('pics/bg_menu.jpg');
  background-position:left top;
  background-repeat:repeat-x;
  padding-bottom:27px;
  padding-top: 7px;
  padding-left: 0;
}
.topMenu ul{height:30px; vertical-align: middle;}
.topMenu ul:hover{}
.topMenu A
{
	padding-left:10px;
	padding-right: 10px;
	cursor:pointer;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#666666;
}
.topMenu A:hover{text-decoration:underline;}

#dropmenudiv{
	margin-left:5px;
	position:absolute;
	font-family:Arial, Monospace;
	font-size:9pt;
	line-height:20px;
	z-index:100;
	padding-top:0px;
	background-color:Transparent;
	margin-top:6px;
 	border:solid 1px #C1CC26;
    border-bottom:0px;
}

#dropmenudiv a{
	color:#666666;
	display: block;
	border-bottom:solid 1px #C1CC26;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	background-color:#FFFFFF;
	font-size:9pt;
	white-space: nowrap;
}

#dropmenudiv a:hover{
	background-color: #EEEEEE;
}

div.options
{ float:right; width:250px; background-color:#FFFFFF;
   text-align:right;
   padding:10px; line-height:14px;
}

.pad1 {
	padding:1px;
}

.margin1 {
    margin:1px;
}

.margin5 {
	margin:5px;
}

.money {
	float: right;
}

.alert {
	color: red;
}

.alertHeader {
    color: red;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.info {
    color: green;
}

.odd {
	background-color: #ddeedd;
}

.greenLink {
	color: #5c8a5a;
}

.leftPadding {
    padding-left:27px;
}

.rightPadding {
	width: 57px;
}

.greenBorder {
	border-color: #5c8a5a;
}

.even {

}

.grayBorder {
	border-color: #C0C0C0;
}

.dr-table {
	margin-top: 5px;
}

.dr-table .left {
	text-align: left;
}

.rich-messages {

}

.rich-message-marker img {
	padding-right:7px;
}

.rich-messages,
.rich-message-label,
.properties {
	font-size: 9pt;
}

.rich-message-label {
	color: red;
}

.properties .label {
	width: 300px;
}

.properties .value {

}

.properties .message {
	width: 200px;
}

.summary .properties .label,
.summary .properties .value {
	color: #BED6F8;
}

.properties .value input,
.properties .value textarea,
.properties .value select {
	border-color: #BED6F8;
	border-width: 1px;
	color: #000000;
	font-size: 9pt;
}

.properties .value input[disabled],
.properties .value textarea[disabled],
.properties .value select[disabled] {
    border-color: transparent;
}

.refund .properties .label {
    width: 150px;
}

.refund .properties .value {
    width: 300px;
}

.refund .properties .value .info {
	display: block;
	clear: left;
	font-size: 80%;
}

.refund .refundAmounts .value {
	text-align: right;
}

.refund .properties .message {
    width: 150px;
}

.search .properties .label,
.search .properties .value {
	width: 50%;
}

.search .properties .value select {
	width: 100%;
}

.search .properties .value .comboBox {
	margin-bottom: 8px;
}

.search td.actions {
	width: 100px;
	vertical-align: bottom;
}

div.rich-panel-header h2 {
	margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}

.wizard .actions {
	display: block;
	padding-top: 10px;
}

.wizard .actions input {
	width: 125px;
}

.subject {
	width: 375px;
}

.wizard .rich-separator {
	margin-bottom: 10px;
}

.dr-table-headercell .dr-dscr,
.dr-table-footercell .dr-dscr {
	float: right;
}

.pagingDetails {
	float: left;
	font-size: smaller;
	font-weight: normal;
	margin-left: 3px;
	margin-top: 5px;
}

/* BUTTONS */

.buttons a, .buttons button, .buttons input {
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.dr-table .buttons a {
	font-size: 100%;
	line-height: 100%;
	margin: auto;
	padding: 3px 10px 6px 7px;
}

.dr-table .highlight,
.dr-table .highlight a {
	color: black;
	font-weight: bold;
}

.dr-table td.disabled,
.dr-table td.disabled a {
	color: gray;
	font-weight: auto;
}

.buttons button, .buttons input {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type], .buttons input[type] {
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type], *:first-child+html input[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons input img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

.buttons button:hover, .buttons input:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, input.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, .buttons input.positive:hover, .buttons button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, input.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, input.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* DEFAULT */

button.default, input.default, .buttons a.default{
    color:#336699;
}

.buttons a.default:hover, input.default:hover, button.default:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

.buttons a.default:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

tr.amex_checks {
	background-color: #ffebec;
}

tr.consistency_checks {
	background-color: #fff9eb;
}

tr.solvency_checks {
	background-color: #ebefff
}

tr.velocity_checks {
	background-color: #f3ffeb;
}

tr.verification_checks {
	background-color: #fff9eb;
}

tr.volume_checks {
	background-color: #ffebec;
}

.p_OraHiddenLabel {
	visibility: hidden;
}

/** profilepaymentmethodnames.jspx **/
.paymentMethodNameSelect {
	width: 240px;
	margin-top: 4px;
	overflow: hidden;
	background-color: #EEEEEE;
	border: solid 1px #C1CC26;
}
.merchantProfilePaymentMethodNameEdit {
	margin-top: 4px;
	padding: 4px;
}
.merchantProfilePaymentMethodNameEditheader, .merchantProfileLanguageKeysEditHeader,
    .editProfileheader {
	padding: 2px 2px 8px;
	font-size: 16pt;
}
.merchantProfilePaymentMethodNameEdit tr td {
	vertical-align: top;
}
.merchantProfilePaymentMethodNameEdit tr td select {
	border: solid 1px #C1CC26;
}
.merchantProfilePaymentMethodNameEdit tr td table tr td {
    vertical-align: top;
}
.merchantProfilePaymentMethodNameEdit .rich-ordering-list-output {
	border: solid 1px #C1CC26;
}
.merchantProfilePaymentMethodNameEdit .rich-ordering-list-header {
	border: none;
}
.merchantProfilePaymentMethodNameEdit .rich-ordering-list-content {
    border: none;
    border-top: solid 1px #C1CC26;
    background-color: #EEEEEE;
}
.merchantProfilePaymentMethodNameEdit .rich-ordering-list-table-header {
	border: none;
}
.merchantProfilePaymentMethodNameEdit .rich-ordering-list-table-header-cell-last {
	background-color: white;
    border: none;
    background-image: none;
}
.merchantProfilePaymentMethodNameEdit .rich-ordering-control-disabled,
	.merchantProfilePaymentMethodNameEdit .rich-ordering-control-top,
	.merchantProfilePaymentMethodNameEdit .rich-ordering-control-bottom,
	.merchantProfilePaymentMethodNameEdit .rich-ordering-control-up,
	.merchantProfilePaymentMethodNameEdit .rich-ordering-control-down {
	border: solid 1px #C1CC26;
}

.merchantProfilePaymentMethodNameEdit .rich-ordering-list-button-layout * {
	background-image: none;
	background-color: #EEEEEE;
}

.merchantProfileLanguageKeysSearch td,
.merchantProfileLanguageKeysAdd td,
.merchantProfileLanguageKeysEdit td {
	width: 245px;
}

.merchantProfileLanguageKeysSearch select {
    width: 100px;
}

.merchantProfileLanguageKeysAdd .newLanguageKeyInput {
	width: 240px;
}

.merchantProfileLanguageKeysEdit select {
    width: 240px;
}

.merchantProfileLanguageKeysEdit textarea {
	height: 140px;
    width: 240px;
}

.acquirerAvailability tr td {
    vertical-align: top;
}

.Visa3DSInfoDto tr td:first-child {
    width: 150px;
}

#profilePaymentMethodNameForm .infomessages, #profileForm .infomessages .rich-messages-label {
    padding-left: 2px;
    margin-top: 8px;
    margin-bottom: 8px;
    display: block;
    font-weight: bold;
}

ul.submenu-list {
	list-style-type: circle;
	padding-left: 14px;
}
ul.submenu-list li {
	padding: 0;
}

#birtReport .dr-table {
	border: 0 none;
}

#birtReport .dr-table-cell {
	border: 0 none;
}

#birtReport .dr-dscr-t {
	border: 0 none;
}


#birtReport .dr-dscr-button-dsbld  {
	background: none repeat scroll 0 0 #EEEEEE;
	color: #EEEEEE;
	border: 0 none;
}

#birtReport .dr-dscr-button {
	background: none repeat scroll 0 0 #EEEEEE;
	border: 0 none;
}

#birtReport .dr-dscr-inact {
	color: #666666;
	border: 0 none;
}

#birtReport  input[type=submit] {
  background:ButtonFace;
	color:ButtonText;
	border:2px outset ButtonFace;
}
.bo-page-title {
	padding-bottom: 10px;
}
.error {
	color: red;
}
.info {
	color: blue;
}
.currencyColumn {
	width: 5em;
}
.secondaryDisplayField {
	margin-left: 10px;
	font-style: italic;
}
.content .inputType DIV.infomessages {
	max-width: 680px;
}
/*hide the file upload "clear" (delete) controls*/
.batch_migr_file_upload .rich-fileupload-anc, .batch_migr_file_upload .rich-fileupload-ico-clear {
    display: none;
}

/* do not force a height. Reduces space used.*/
.rich-fileupload-name {
	height: unset;
}

.migrationWindow {
	width: 600px;
}

#searchTransactions .label {
    width: 175px;
}

#searchTransactions .value {
    width: 425px;
}

.bold {
	font-weight:bold;
}

.preformatted {
    white-space: pre-wrap;
}

.top {
    vertical-align: top;
}

.clearfix:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.migrate-label {
	height: 96px;
	width: 531px;
	background: #fff;
	display: block;
	position: absolute;
	top: 40px;
	right: 10px;
	text-decoration: none;
	color: #000;
	border-radius: 4px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.24)
}

.migrate-label img {
	width: 201px;
	float: left;
	display: block;
	padding: 0px;
	margin: 0px
}

.migrate-label p {
	display: block;
	height: 66px;
	background: #009ee1;
	padding: 15px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #fff;
	margin: 0;
	float: right;
	width: 300px;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	font-weight: 500;
	line-height: 1.33;
	font-size: 13px;
	text-align: left;
}

.inter-merchant-config_header {
    text-align: left;
}

.inter-merchant-config_dropdown {
    padding-left: 10px;
    padding-right: 10px;
}

.inter-merchant-config_merchant {
    width: 150px
}
.inter-merchant-config_token {
    width: 250px
}
.inter-merchant-config_action {
    width: 75px
}


/*Trinidad stuff*/
.AFDefaultFontFamily:alias {font-family: Arial, Monospace;}
.AFDefaultFont:alias {font-size: 9pt;}
.AFLinkForeground:alias {color: #666666; font-size: 9pt; font-weight:normal; text-decoration: underline;}
.AFActiveLinkForeground:alias {color: #666666; font-size: 9pt; font-weight:normal; text-decoration: underline;}
.AFVisitedLinkForeground:alias {color: #666666; font-size: 9pt; font-weight:normal; text-decoration: underline;}
.AFDisabledLinkForeground:alias {color: #666666; font-size: 9pt; font-weight:normal; text-decoration: none;}
.AFTableCellDataText:alias { font-family: Arial, Monospace; font-size: 9pt; color: #666666; font-style: normal;}

.af_panelPopup_container {
	background-color: white;
	border-style: solid;
	border-width: 2px;
	padding: 5px;
}

.af_panelPopup_link_as_button {
	background-color: #EEEEEE;
	border: solid 1px #c1cc26;
	padding: 2px;
	font-size: 8pt;
	font-family: Arial, serif;
	text-decoration: none;
    color: buttontext;
}

.cmLogo{
	padding: 5px;
	height:  70px;
}

/* Tool bar styling */
.menu_tool_bar {
	text-align: left;
	vertical-align: top;
	width: 631px;

	&.sectionHeader {
		text-align: right;
		width: 125px;
	}

	&.sectionSpacer {
		width: 14px;
		/*Select the image tag of the spacer and set also to 14px*/
		> img {
			width: 14px;
		}
	}
}