@charset "utf-8";
/* CSS Document */

/************ Styles for HTML tags ************/
body  {*margin:5px;color: #000; cursor: default; font-family: Helvetica, Arial,Roboto; font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */ }
#tab-body{background-color:#E4E8EE;}
.testServerBG{background-image: url("../images/TestServerBackground.gif");}
h1  { font-size: 2em; margin-bottom: 0.8em; }
h2 { color:#0c2074; font-size: 1em; margin: 0 0 0.4em 0; font-weight: normal; }
h3  { color: #0c2074; font-weight: normal; font-size: 0.8em; margin: 0 0 0.7em 0; }
h4  { color: #0c2074; font-weight: normal; font-size: 0.75em; margin: 0 0 0.7em 0; text-align:center; }
h5 { font-size: 0.8em; }
h6 { color: #0C2074; font-weight: bold; font-size: 0.8em; margin: 0 0 0.7em 0; }
label { font-size:0.7em; }

td.label { font-size:0.7em; text-align:right; font-weight: bold; font-family: Helvetica, Arial,Roboto;  padding: 0 0.5em;}
td.value { font-size:0.7em; text-align:left; font-weight: normal; font-family: Helvetica, Arial,Roboto; }
p, ul, ol, dl, pre, fieldset { margin: 1em 0; }
p { font-size:0.7em; margin: 0; padding-bottom: 10px;}
p.desc { font-style: normal; padding: 0.5em 0; }
hr { border-top:1px solid #999999; clear:both; margin:15px 0px 15px; }
a:link,a:visited,a:hover,a:focus,a:active { color:#007079; text-decoration: none; outline: none;}
a:hover,a:focus,a:active { cursor: pointer; }
a img { border:none; }

/************ General ***********/
.hidden{visibility:hidden;}
.visible{visibility:visible;}
.displayNone{display:none;}
.displayInline{display:inline;}
.displayBlock{display:block;}
.displayInlBlock{display:inline-block;zoom:1;*display:inline}
.bottomSpacer{margin-bottom:10px;}
.hiddenOverflow{overflow:hidden}
.topPad5{padding-top:5px;}
.botPad10{padding-bottom:10px}
/************ Header ************/
#branding { background: url(../images/logo-msp.png) no-repeat top right; display: inline-block; float: right; height: 30px; margin-top: 15px; width: 160px; }
#accountMenu { display: inline-block; float: right;}
#accountMenu li.option { list-style: none; display: inline-block; margin: 19px 0px 0px 15px; }
#accountMenu a { color: #4d4f53; }
#mainMenu {/* min-width:360px; */  background: #dcdfe5 url(../images/menu-bg.png) repeat-x top; border: 1px #c5c4cc solid; border-bottom: none; display: block; height: 25px; position: absolute; text-align: center;/* top: 37px;*/ }
#mainMenu a  { color: #000; padding: 5px 17px 6px 17px; text-decoration: none; }
#mainMenu a:hover,#mainMenu a:active,#mainMenu #active { background-color: #fff; border-top: 1px solid #dcdfe5; }
#mainMenu li:not(:last-child) {background-image: url(../images/menu-pipe.png); background-repeat: no-repeat; background-position: right; }
#mainMenu li.option { display: inline; list-style: none; margin: 8px 0px 0px -5px; }
#mainMenu li:first-child{ margin-left: 5px; }
#mainMenu li:last-child{ margin-right: 5px;}

#mainMenu li.search a { background: url(../images/icon-search.png) no-repeat right 4px; padding: 5px 20px 6px 17px; }
#mainMenu li.search a:hover { background-color: #fff; } /* This needs to be reset after adding the background */
#mainMenu ul.menuOptions,#accountMenu ul.menuOptions { font-size: 0.75em; margin: 5px; padding: 0; }

#welcome { height: 25px; overflow: hidden; position: relative; top: 5px; }
#welcome p { color: #4d4f53; font-size: 0.65em; }

/************ Sign in page ************/
.signin_button{min-height: 15px; display: inline; margin:10px 10px 0 0;float:left;}
.loginPagePanel { display: block; width: 260px;margin: 0 auto; }
.sagepayLogo{position:absolute;left:20px;top:20px;}
#signinErrorsContainer{width:460px;margin:0 auto;position: relative;}
#userLockedOutErrorsContainer{width:340px;margin:0 auto;position: relative;}
#javascriptRequired { border: 1px solid black; font-size: 2em; padding: 4px 2px; position: absolute; left: 300px; text-align: center; top: 200px; visibility: visible; width: 300px; }
#login .inPageError { margin-bottom: 20px;position:absolute;width:300px}
#loginPage #formVendorName label, #loginPage #formUsername label, #loginPage #formPassword label { background: none; display:block; text-align:left; }
#login label { color: #4d4f53; font-size: 12pt; font-family:Arial;font-weight: bold; padding-top: 12px; width:100%; }
#login label:after { content: none; }
#login #btn_signin { border: 0 }
#supportedLinks img { border: 1px solid white; padding: 1px; }
#supportedLinks a { height: 30px; }
#supportedLinks a:hover img { border: 1px solid #bec2cc; }
#showSupportedBrowsers { border: 1px solid red; visibility: hidden; margin-left: 6px; left: 70px; margin-top: 0; padding: 2px 3px 2px 4px; position: absolute; top: 100px; width: 210px; }
#signinBox {margin-top:-5px;}
#signinBox input[type=text],
#signinBox input[type=password] { width: 170px; }
#signinBox label { text-align: left; }
#signinBoxContainer{position: absolute;top:180px;}
#signinBoxContainer .dialog2 { min-width: 260px; max-width: 260px; }
#signinErrorsContainer .inPageError{width:80%;margin-left:-80px}
#signinPanel h2, #signinPanel #signinBox { margin-left: 25px;color: #4d4f53;font-size: 14pt; font-family:Arial;font-weight: bold; }
#signinBoxContainer #letinbutshowsupbrows { display: none; margin-left: 10px; margin-top: 10px; width: 210px; }
#signinBoxContainer #doNotLetInUnsupportedBrowser { display: none; margin-left: 10px; margin-top: 10px; width: 210px; }
#signinBoxContainer #login-actions { display: inline-block;font-family:Arial; font-size:10pt; font-weight: bold; width: 180px; margin-top: 10px; float:left; }
#signinBoxContainer #login-actions a { color:#007079; display: block; padding-bottom: 3px; }
#signinBoxContainer #login-actions a:hover{color:#007f64}
#signinBoxContainer #showSupportedBrowsers { border: 1px solid red; margin-left: 6px; margin-top: 0; padding: 2px 3px 2px 4px; width: 210px; }
#showSupportedBrowsers label { font-size: 1em; }
#showSupportedBrowsers .detect { background: url(../images/Sprite/sprite.png) -337px 0 no-repeat; width: 16px; height: 16px; color: #EE5555; font-weight: bold; padding-left: 26px; }
#signinBox .errorContainer { position: relative; }
#Chrome, #Firefox, #Explorer, #Opera, #Safari { display: none; }
.detect { margin-right:10px; }
.noscripterror{left:50px; position:absolute; text-align:center; top:170px; width: 175px; font-size:17px; font-weight:bold;}
.refreshLoginDiv{text-align:center; width:230px;}
#refreshLoginHeader{margin-left:0px;}

/************ Containers ************/
#mainMenuContainer { float: left; width: auto; }
#accountActionsContainer { float: right; width: 600px; }
#mainContainer {width:99%; margin-left:0%; min-width: 965px; max-width:1900px; }
#headerArea { border-bottom: 1px #c5c4cc solid; height: 50px; width:100%; }
#applicationArea{position:relative; background: #fff url(../images/bg-page-right.png) repeat-y 100%; border-left: 1px #c5c4cc solid; height: 100%/*510px*/; width:100%; padding:5px 5px 1px 5px;}
.borderBuffer{width:99%;}
#appBorder{-moz-border-radius:5px;border-radius: 5px;background-color:#E4E8EE;height:95%;margin:5px 5px 5px 5px;}
#appWindow {margin:5px 0 5px 5px; padding:5px;}
#appWindowTab{margin-left:5px;}
.summaryCalContainer{margin-bottom:5px;}
#carddiv{height: 440px;}
.innerPanelContent{width: 98.5%;}
.centredDiv{ max-width:700px;margin:0 auto;}
.errorPageButton{width:50px;margin:15px auto 15px auto;}
.infoPageButton{width:78px;margin:15px auto 15px auto;}
.myAccountSettingsPanel{height:185px}
.chosenDDLWrapper{width:302px;margin:auto;}
#footerArea{display:inline;}
#footerStart {display:inline-block; background: url(../images/bg-page-bottom2.png) no-repeat top left; height: 18px; width: 98.9%;max-width:1898px;min-width:964px;margin-left:0%;}
#footerCorner {display:inline-block; background: url(../images/bg-page-bottom2.png) no-repeat top right; height: 18px; width: 0.5%;min-width:9px;/*ie7 fixes follow*/*height:15px;*padding-right:1px/*end of ie7 fix*/ }
#footerStart, #footerCorner {/*ie7 fixes follow*/zoom:1; *display: inline;/*end of ie7 fix*/ }

/************ Panels ************/
.panelFull { display: inline;}
.panelLeft {float:left;width: 50%; }
.panelRight {float:right;width: 50%; }
/*fix for ie7 to stop panel mis-alignment in settings section*/
.panelLeft {*width: 49.9%; }
.panelRight {*width: 49.9%; }

.panelRestrictions_NoGrid {height:136px;display:none;}
.panelBlockedDomains_NoGrid {height:101px;display:none;}
.dialog {position: relative; margin: 0px auto; margin-bottom: -5px; /* spacing under dialog */ margin-left: 5px; /* default, width of left corner */ max-width: 100%; min-width: 400px; z-index: 1; }
.dialog .content,.dialog .b,.dialog .b div,.dialog .t { background: transparent url(../images/dialog.png) no-repeat top right; }
.dialog2 .content,.dialog2 .b,.dialog2 .b div,.dialog2 .t { background: transparent url(../images/dialog2.png) no-repeat top right; }
.dialog .content { _overflow-y: hidden;  padding: 15px 5px 1px 5px;   position: relative; *position:static}
.dialog2 .content { _overflow-y: hidden;  padding: 15px 5px 1px 5px;   position: relative; *position:static ; *padding-left:0px}
.dialog .b div,.dialog2 .b div { background-position: bottom left; margin-left: -10px; position: relative; width: 10px; }
.dialog .b,.dialog .b div, .dialog2 .b,.dialog2 .b div { height: 20px; }
.dialog .b, .dialog2 .b { background-position: bottom right; position: relative;}
.dialog .hd,.dialog .bd,.dialog .ft , .dialog2 .hd,.dialog2 .bd,.dialog2 .ft { position: relative; }
.dialog .t { background-position: top left; height: 100%; left: 0px; margin-left: -10px; position: absolute; top: 0px; width: 10px;}
.dialog2 .t { background-position: top left; height: 100%;  left: 0px;  *left: auto;  margin-left: -10px; /* *margin-left: 20px; */ position: absolute; top: 0px; width: 10px;}
.dialog .wrapper, .dialog2 .wrapper { max-height: 1000px; overflow: auto; position: static;} /* extra content protector - preventing vertical overflow (past background) *//* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */

/************ tabSets ************/
.tabBar{width:98%;min-height:480px;}
#a_tabbar .dhx_tabbar_zone{min-height:480px}
#chp_tabbar .dhx_tabbar_zone{min-height:480px}
#terminalTabs{width: 98%; height: 450px;}
.dhx_tablist_line{width:0px !important}
#a_tabbar iframe{width:99%;min-height:500px;}
#chp_tabbar iframe{width:99%;min-height:500px;}
.tabBar.dhx_tabbar_zone{min-height:480px}
#txdetailTabs{position: relative; width: 890px; height: 465px; overflow: auto;}

/************ Accordians ************/
/* #accordObj{height: 28px;} */
#startHour{width:73px;}
#txcode{width:235px;}
#txtype{width:237px;}
#amount{width:70px;}
#currencyLabel{width:72px !important}
#currency{width:75px;}
#cardtype{width:108px;}
#last4DigitsLabel{width:73px !important}
#last4digits{width:36px;}

/************ grids ************/
#gridbox{height: 310px;}
#gridbox_batch{height:430px;}
#gridbox_failedBulk{width: 800px; height: 350px;}
/*.restrictionsBlockPanel .gridbox { display: none; height: 100px; overflow: auto; width: 380px; }*/
#changeloggridbox{height: 430px;}
#userGrid{height: 390px;}
#ValidIPGrid{height:370px;}
#pblRequestsGrid{height:700px;}

#SurchargeGrid{height:370px;}

/************ grid containers ************/
.gridContainer{position:relative;}
.totalsGridWrapper{padding:10px;}
.totalsGrid{padding-top:10px;}
.totalsInfoText{padding-right: 20px;text-align: right;}
/************* Calendars *******************/
#calback{position:absolute; z-index:255;}
a.calendar { background: url(../images/Sprite/sprite.png) -469px 0 no-repeat;height: 20px; width: 20px; display: inline-block; margin-bottom: 10px;}
a.calendar:hover { background: url(../images/Sprite/sprite.png) -444px 0 no-repeat;width: 20px; height: 20px; cursor:pointer; }
.summaryCal { background: url(../images/Sprite/sprite.png) -469px 0 no-repeat;height: 20px; width: 20px;  display: inline-block;}
.dhtmlxcalendar td { font-family: Helvetica, Arial, Roboto !important; }

/************ Loading opaque covers *************/
.opaqueCoverPanel {visibility:hidden;position:absolute;top:32px;left:0px;width:100%;height:100%;font-size:20pt;text-align:center;background-color:silver;filter: alpha(opacity=30);-moz-opacity: 0.3;opacity:0.3;}
.exportCover{visibility:visible;top:0px;filter: alpha(opacity=50);-moz-opacity: 0.5;opacity:0.5}
#actionCover{font-size:1em;visibility:hidden;position:absolute;top:0px;left:0px;-moz-border-radius: 6px; -webkit-border-radius: 6px; filter: alpha(opacity=50);-moz-opacity: 0.7;opacity:0.7;}
.ie7_Solid{*filter:alpha(opacity=100)!important;*background:silver !important}
.spinningGif{margin-top:5px;}

/************ Terminal Styling ************/
#billingdiv, #deliverydiv,#advanceddiv {margin-top: 10px;}
.hideCard { display: none;}
#amex { display: inline-block; width: 39px; height: 38px; background: url(../images/Sprite/sprite.png) -50px -65px no-repeat;}
#visa { display: inline-block; width: 52px; height: 38px; background: url(../images/Sprite/sprite.png)  -967px -65px no-repeat;}
#mc { display: inline-block; width: 49px; height: 38px; background: url(../images/Sprite/sprite.png) -652px -65px no-repeat;}
#mcd { display: inline-block; width: 49px; height: 38px; background: url(../images/Sprite/sprite.png) -652px -65px no-repeat;}
#jcb { display: inline-block; width: 39px; height: 38px; background: url(../images/Sprite/sprite.png) -366px -65px no-repeat;}
#dc { display: inline-block; width: 51px; height: 38px; background: url(../images/Sprite/sprite.png) -266px -65px no-repeat; }
#delta { display: inline-block; width: 53px; height: 38px; background: url(../images/Sprite/sprite.png) -1082px -65px no-repeat; }
#maestro { display: inline-block; width: 48px; height: 38px; background: url(../images/Sprite/sprite.png) -545px -65px no-repeat;}
#uke { display: inline-block; width: 53px; height: 38px; background: url(../images/Sprite/sprite.png) -1198px -65px no-repeat;}
#laser { display: inline-block; width: 36px; height: 38px; background: url(../images/Sprite/sprite.png) -451px -65px no-repeat;}
#switch { display: inline-block; width: 39px; height: 38px; background: url(../images/Sprite/sprite.png) -866px -65px no-repeat;}
#ideal { display: inline-block; width: 52px; height: 38px; background: url(../images/Sprite/sprite.png)  -1402px -65px no-repeat;}
#sofort { display: inline-block; width: 52px; height: 38px; background: url(../images/Sprite/sprite.png)  -1457px -110px no-repeat;}
#giropay { display: inline-block; width: 52px; height: 38px; background: url(../images/Sprite/sprite.png)  -1264px -65px no-repeat;}
#elv { display: inline-block; width: 52px; height: 38px; background: url(../images/Sprite/sprite.png)  -1339px -65px no-repeat;}
#eps { display: inline-block; width: 52px; height: 38px; background: url(../images/Sprite/sprite.png)  -1463px -65px no-repeat;}
#paypal { display: inline-block; width: 130px; height: 35px; background: url(../images/paypal.png) no-repeat;}
#applepay { display: inline-block; width: 55px; height: 35px; background: url(../images/applepay.png) no-repeat;}
#googlepay { display: inline-block; width: 55px; height: 35px; margin-left: 15px; }
#trustly { display: inline-block; width: 68px; height: 29px; background: url(../images/trustly.png) no-repeat;}
#alipay { display: inline-block; width: 140px; height: 38px; background: url(../images/alipay.png) no-repeat;}
#wechatpay { display: inline-block; width: 140px; height: 40px; background: url(../images/wechatpay.png) no-repeat;}

#amex.inactive { background: url(../images/Sprite/sprite.png) -6px -65px no-repeat; width: 39px; height: 38px; }
#visa.inactive { background: url(../images/Sprite/sprite.png) -910px -65px no-repeat; width: 52px; height: 38px;}
#mc.inactive { background: url(../images/Sprite/sprite.png) -598px -65px no-repeat; width: 49px; height: 38px;}
#mcd.inactive { background: url(../images/Sprite/sprite.png) -598px -65px no-repeat; width: 49px; height: 38px;}
#jcb.inactive { background: url(../images/Sprite/sprite.png) -322px -65px no-repeat; width: 39px; height: 38px;}
#dc.inactive { background: url(../images/Sprite/sprite.png) -210px -65px no-repeat; width: 51px; height: 38px;}
#delta.inactive { background: url(../images/Sprite/sprite.png)  -1024px -65px no-repeat; width: 53px; height: 38px;}
#maestro.inactive { background: url(../images/Sprite/sprite.png) -492px -65px no-repeat; width: 48px; height: 38px;}
#uke.inactive { background: url(../images/Sprite/sprite.png) -1140px -65px no-repeat; width: 53px; height: 38px;}
#laser.inactive { background: url(../images/Sprite/sprite.png) -410px -65px no-repeat; width: 36px; height: 38px;}
#switch.inactive { background: url(../images/Sprite/sprite.png) -822px -65px no-repeat; width: 39px; height: 38px;}

.select_txTypeStatus {width: 140px;}

/***************forms ********************/
form{*margin:0px;}/*fix for ie7 to stop forms having a default padding width*/
#avscv2form p,#sec3dform p{float:left;max-width:900px;}

/************ Grids Images ************/
.trans_SUCCESS, .trans_S{background:URL(../images/Sprite/sprite.png) -494px 0 no-repeat;height: 20px;width: 20px;}
.trans_FAILURE, .trans_F{background:URL(../images/icon-cross.png) 0 0 no-repeat;height: 20px;width: 20px;}
.trans_PENDING, .trans_P{background:URL(../images/icon-pending.png) 0 0 no-repeat;height: 20px;width: 20px;}
.refund_YES{background:URL(../images/Sprite/sprite.png) -661px 0 no-repeat;height: 20px;width: 20px;}
.repeat_YES{background:URL(../images/Sprite/sprite.png) -737px 0 no-repeat;height: 20px;width: 20px;}
.YES{background:URL(../images/Sprite/sprite.png) -494px 0 no-repeat;height: 20px;width: 20px;}
.NO{background:URL(../images/icon-cross.png) 0 0 no-repeat;height: 20px;width: 20px;}


/* half grey circle */
.refund_PARTIAL{background:URL(../images/Sprite/sprite.png) -712px 0 no-repeat;height: 20px;width: 20px;}

/* green tick */
.MATCHED{background:URL(../images/Sprite/sprite.png) -782px 0 no-repeat;height: 20px;width: 20px;}
.OK{background:URL(../images/Sprite/sprite.png) -782px 0 no-repeat;height: 20px;width: 20px;}

/* red X */
.NOTMATCHED{background:URL(../images/Sprite/sprite.png) -807px 0 no-repeat;height: 20px;width: 20px;}
.NOTAUTHED{background:URL(../images/Sprite/sprite.png) -807px 0 no-repeat;height: 20px;width: 20px;}
.ERROR{background:URL(../images/Sprite/sprite.png) -807px 0 no-repeat;height: 20px;width: 20px;}
.REJECT{background:URL(../images/Sprite/sprite.png) -807px 0 no-repeat;height: 20px;width: 20px;}

/* empty shield */
.NOTCHECKED{background:URL(../images/Sprite/sprite.png) -832px 0 no-repeat;height: 20px;width: 20px;}
.NORESULT{background:URL(../images/Sprite/sprite.png) -832px 0 no-repeat;height: 20px;width: 20px;}
.PENDING{background:URL(../images/Sprite/sprite.png) -832px 0 no-repeat;height: 20px;width: 20px;}

/* orange question mark */
.ATTEMPTONLY{background:URL(../images/Sprite/sprite.png) -857px 0 no-repeat;height: 20px;	width: 20px;}
.INCOMPLETE{background:URL(../images/Sprite/sprite.png) -857px 0 no-repeat;height: 20px;width: 20px;}
.HOLD{background:URL(../images/Sprite/sprite.png) -857px 0 no-repeat;height: 20px;width: 20px;}

/* grey stripe */
.NOTPROVIDED{background:URL(../images/Sprite/sprite.png) -882px 0 no-repeat;height: 20px;width: 20px;}
.NOTAVAILABLE{background:URL(../images/Sprite/sprite.png) -882px 0 no-repeat;height: 20px;width: 20px;}

/* 1/2 symbol */
.UNAVAILABLE{background:URL(../images/Sprite/sprite.png) 497px 0 no-repeat;height: 15px;width: 12px;}

/* grey hyphen */
.PARTIAL{background:URL(../images/Sprite/sprite.png) -1210px 0 no-repeat;height: 15px;width: 12px;}

/****************error messages**********************/
.loginerror{color:#F00;	font-size:x-small;font-weight:bold;display:none;}
.inPageError {color:#ee5555;line-height:12px;font-size:11px;font-weight:bold;text-align:left;padding:10px 10px 10px 10px;}
div.inPageError {border:#ccc dashed 1px;}
div.inPageError span {background:URL(../images/error_icon_small.png) 0px 0px no-repeat;line-height:14px;padding-left:26px;display:block;}
.errorHeader2 {background:URL(../images/error_icon.png) left center no-repeat;color:#0c2074;line-height:18px;font-size:14px;font-weight:bold;width:320px;margin:auto;padding:15px 0px 15px 28px;}
.infoIcon{background:URL(../images/info_icon.png) left center no-repeat;}
.errorDesc2 {color:#000000;width:350px;text-align:justify;margin:0px auto;padding:0px;font-size: 0.8em;}
/*********** Session reminder warning ***********/
.sessionWarning { left:450px; position:absolute; color:#00a1de; text-align:right; font-size:0.8em; z-index: 1000;}
.sessionWarningClock { font-size:1.4em;}

/************ Grids ************/
.row_S,.row_SUCCESS,.txDetail_SUCCESS{background-color: #edffe9; text-align: center;}
.row_F,.row_FAILURE,.txDetail_FAILURE{background-color: #ffedf8; text-align: center;}
.row_P,.row_PENDING,.txDetail_PENDING{background-color: #fff1df; text-align: center;}
.gridRowEven{background-color:white;}
.gridRowUneven{background-color:#f1f0fa}
.grid_hover{background-color: #F0F0F5 !important;}
.dhx_sub_row { font-size: 0.75em !important; }
div.gridbox_xp table.hdr td div.hdrcell { font-size: 0.95em !important; }
div.gridbox_xp table.obj td { font-size: 0.7em !important; }
div.gridbox table.obj tr td {padding: 0px 3px 0px 3px !important; font-family: Helvetica, Arial, Roboto !important; }
.hdrcell { font-family: Helvetica, Arial, Roboto !important; font-weight: 0.9em; padding-top: 5px; }
.gridCog:hover{cursor:pointer;}
.columnList{list-style: none;padding-left: 10px;}
.noTransMsg, .noDataMsg{color: #cd202c;text-align: center;}
.noDataGridDiv {font-size:12pt;width:100%;text-align:center;color: #0c2074;visibility:hidden;position:absolute;top:50px;left:0px;}

/*******grid information********/
.repHeader{padding:0px 0px 5px 0px;display: inline-block; *display: inline;}
.repRadsWrapper{width:100%;*padding-top:6px;}
.datePickerStart,.datePickerEnd{width:100px; text-align: center;}
.repCol{display:inline-block;vertical-align: middle; zoom:1; *display: inline;}
.colInner{text-align: center}
.repInfo{font-size: 0.7em;color: #4D4F53;zoom:1;}
.repLabel{padding:0px 3px 0px 8px;text-align:right;font-size: 0.7em;/* color: #4D4F53; */display: inline-block; zoom:1; *display: inline;}
.hourSelect.colInner{width:85px;}
.repCol_RadPad{padding-left:30px}
.repCol_Button{float:right; margin-right:27px}
.advFiltWrapper{width:70%;margin:auto;text-align:center}


#titleRangeStart,#titleRangeEnd,#titleRangeHourFrom,#titleRangeHourTo{margin-left:3px;margin-right:3px;font-weight: bold;color:#0c2074;}
.gridRowInfo{ font-size: 0.7em;}
.gridRowInfo,.totalInfo{max-width:200px;color: #4d4f53; font-weight:normal;  margin-top: 15px;float:left;}
.gridRowInfo b {color: #007079;}

/************ exports *********/
#loadingExportText{padding-left:60px;}
.reportPageCounter{font-size:0.7em; margin: 0; padding-bottom: 10px;text-align: center;}
#pageCounterStart,#pageCounterMiddle,#currentPage,#totalPages{float:left;padding-left: 3px;}

/************ Generic buttons ************/
.highlightMe{border: 2px solid;}
.buttons{min-height: 25px; display: inline; margin:10px 10px 0 0;float:right;} /* Applied to div surrounding sets of buttons */
.button,.button:visited {/*border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius: 6px;*/ -moz-box-shadow: none; -webkit-box-shadow: none; display: inline-block; z-index: 1;  /*ie7 fixes follow*/zoom:1; *display: inline;*filter:alpha(opacity=100)!important;/*end of ie7 fix*/  }
.button,.button:visited { background-color: #007079; opacity: .65; border-bottom: none; color: #f1f0fa; cursor: pointer; font-size: 0.75em; font-weight: bold; line-height: 1;padding: 5px 10px 5px 10px; position: relative; text-decoration: none; text-shadow: none;margin-left:3px;}
.button a { color: #f1f0fa; text-decoration: none; }
.on.button a { color: #fff; text-decoration: none; }
.on.button,.on.button:visited{opacity: 100; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); background-color: #007079; border-bottom: 1px solid rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.on.button:active {opacity: 100; top: 1px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.on.button:hover {opacity: 100; background-color: #007079;}
.off.button a {opacity: 100; color: #fff; text-decoration: none; }
.off.button, .off.button:visited  {opacity: 100; background-color: #6E6E6E; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.off.button:hover {opacity: 100; background-color: #6E6E6E;}
.off.button:active {opacity: 100; top: 1px;}
.payment.button,.payment.button:visited { -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.25); font-size: 0.9em; padding: 8px 12px 7px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.on.payment.button,.on.payment.button:visited { background-color: #007079; }
.on.payment.button:hover { background-color: #007079; }
.on.payment.button:active { top: 1px; }
.button.danger { background-color: #ff5800; }

.clear{clear:both;}/*used after floating buttons div to make sure background continues*/
/************ Search input & button ************/
input#searchtext{ padding: 3px !important; display: inline-block; }
#customerDetails label { font-style: italic; text-align: left; width: auto; clear: both; margin: 0; }
#searchpg #customerDetails #searchButton {margin-bottom:-5px;}

/************ Special buttons ************/
.logoutButton{display:block;width:70px;margin:5px auto 0;float:none;}
#carddiv .buttons{position:absolute;bottom:5px;*bottom:15px;right:10px;}
a.closeButton { background: url(../images/Sprite/sprite.png) -127px 0 no-repeat; width: 20px; height: 20px; display: block; text-indent: -100000px; z-index: 200;position: absolute; top: 0px; right:0px;  cursor: pointer; margin: 5px 5px 0 0; }
a:active.closeButton { border:none;}
a:hover.closeButton { background: url(../images/Sprite/sprite.png) -152px 0 no-repeat; width: 20px; height: 20px; display: block; text-indent: -100000px; }
.trashcan {background: url(../images/Sprite/sprite.png) -619px 0 no-repeat;width: 20px; height: 20px;  text-indent: -1000em; display: block; margin:0 auto; text-align: center; }
.trashcan:hover { background: url(../images/Sprite/sprite.png) -594px 0 no-repeat; width: 20px; height: 20px;}
/************ Action links ************/
.action{display:inline;}
.action a  { font-size: 0.7em; margin-right: 10px; color: #007079;}
.action a:hover { color: #007079; }
.resetGrid.action{display:inline;visibility: hidden;}
.padMore.action{padding-left:25px}

/************ transaction detail modal************/
#relatedTxBreaker{margin-top:0px !important;margin-bottom:0px!important;}

/*********** modal Special styles ***********/
.ruleBaseOptions{margin-top:20px;}
#invalidTextArea{width:455px;height:200px;overflow-y:auto;-moz-border-radius:5px;border-radius: 5px;border:1px solid #E4E8EE;padding:5px;font-size:1.2em;}
.repDeferredMsg{float:right; font-size: 0.7em;width:280px}
/****************************************************************************************************************************************
/************ Panel styles ************/
.dialog .title {}
.dialog p {}

/************ Special panels ************/
.accountSettingsPanel{width:100%}
.accountSettingsPanel .content { height: 230px; }
.restrictionsBlockPanel .content { height: 200px; }
#accountLogoPanel .content { height: 209px; }
#accountLogoPanel .logoText { width: 385px; padding-top:10px;}
.transactionDetailMainPanel .content {height:260px;}
#terminalCoverDiv .inner{height:75px;}
#terminalCoverDiv{display:none;}
#emailDomainPanelDiv .content { height: 209px; }
#currentAVSCVDiv .content {height: 330px;}
#currentThreeDDiv .content {height: 320px;}
#currentValidIPs .content {height: 430px;}
#currentSurchargeGrid .content {height: 430px;}
#ChangeLogDiv .content {height : 430px;}
#usersDiv .content {height : 430px;}
#paybylinkCoverDiv .inner{height:75px;}
#paybylinkCoverDiv{display:none;}

/************ Invisible panels for layouts ************/
.invisiblePanel { margin-left: 0px !important; }
.invisiblePanel > .dialog { margin: 0 !important; }
.invisiblePanel > .dialog > .content,.invisiblePanel > .dialog > .b,.invisiblePanel > .dialog > .b div { background: none; }
.invisiblePanel > .dialog > .content { padding: 0; }
.invisiblePanel > .dialog > .content > .t { background: none; margin: 0; margin-left: 0px !important; width: 0; }
.panelRightTabs.invisiblePanel { width: 415px; }
.payPalPanel .content { height: 200px;}

/************ Content Styling ************/
.warningColour { color: #ee5555} /* for text indicating a type of 'WARNING!' used in terminal */

/************ Terminal Styling ************/
/*body.terminalpg .dhx_tabbar_zone_top { width: 430px !important; }*/
body.terminalpg .dhx_tabcontent_zone { border-color: transparent; width:100% !important; }
body.terminalpg .dhx_tabbar_row { background-image: url(../images/bg_tab_top.png); border-left: 1px solid #c5c4cc; border-right: 1px solid #c5c4cc; }
body.terminalpg .dhx_tab_element { font-family: Helvetica, Arial, Roboto; font-size: 0.65em; font-weight: bold; }
body.terminalpg .dhx_tab_element span { top: 3px; }
body.terminalpg .dhx_tab_element_active { border-top: 1px solid #c5c4cc; border-right: 1px solid #c5c4cc; border-left: 1px solid #c5c4cc; }
body.terminalpg .dhx_tab_element_active div { background-image: none !important; }
body.terminalpg .dhx_tab_element_inactive div { background-image: url(../images/bg_tab_top.png) !important; background-position: 0 0 !important; background-repeat: repeat-x !important; }
body.terminalpg .dhx_tabbar_lineB { background-color: #ffffff; }
body.terminalpg .dhx_tabbar_lineA { border-left: 1px solid #c5c4cc; border-right: 1px solid #c5c4cc; }
body.terminalpg .dhx_tabbar_lineC { border-right: 1px solid #c5c4cc; }
body.terminalpg .dhx_tablist_line { border-color: #c5c4cc; }
#sameas, #sameas2 {display: block; width: 340px; position: relative; left: 85px; margin-top: 10px; }
#cards { display: block;min-height: 38px !important;}
#cardcvs label, #cardcvs input { vertical-align: top; }
#cardcvs p { display: inline; padding-bottom: 0; margin: 0;}
#authcodef p { font-style: italic; display: inline-block; position: relative; left: 115px; height: 6px; margin-top: 5px;}
#authcodef input { width: 140px; }
#billingdiv input[type="text"], #billingdiv select,
#deliverydiv input[type="text"], #deliverydiv select { width: 210px; }
#billtown input, #billpostcode input, #billstate input,
#deltown input, #delpostcode input, #delstate input { width: 120px !important; }
#advanceddiv #avscv2 label { text-align: left; width: 160px; margin: 10px 0; display: block; }
#advanceddiv #avscv2 input { margin-right: 5px;vertical-align: top; }
#advanceddiv #avscv2 div { font-size: 0.7em; display:inline-block; margin-bottom: 6px;width:90% !important;}/*#advanceddiv #avscv2 span { font-size: 0.7em; display: block; margin-bottom: 6px; }*/
#billingdiv label, #deliverydiv label, #advanceddiv label, #carddiv label { width: 30%; }
#notsupported { display: block; margin-top: 10px;margin-bottom: 10px; height: 28px !important; width: 370px;}
#notsupported font { color: #ee5555 !important; }
#noTerminalError { display: block; margin-top: 10px;margin-bottom: 10px; height: 28px !important; width: 370px;}

#cardamount{display:inline;}
#cardcurrency{display:inline;}
#cardcurrency label{width:50px;}

/**** Modal Styles *****/
.modal { /* background-color: #e5e8ee; */ background-color:transparent; margin: 0; overflow: hidden; height:inherit;}

.modal div.inner {position:relative; background-color: #ffffff; margin: 10px 10px 0px;  height: 100%;  padding: 10px; border: 2px solid #c5c4cc; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 3px 3px 8px;-moz-box-shadow: 3px 3px 8px; -webkit-box-shadow: 3px 3px 8px;}
.modal div.inner div.title {
    background-color: #007079;
    width: 100%;
    margin: -10px -10px 10px -10px;
    padding-bottom: 5px;
    padding-right: 20px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}
.modal div.inner div.title span {
    padding: 20px 0px 5px 15px;
}
div.inner div.inner{box-shadow: 0 0 0px;-moz-box-shadow: 0 0 0px; -webkit-box-shadow: 0 0 0px;border-width:1px}
.outer{*padding-top: 1px;}
div.dhtmlx_wins_body_outer div.dhtmlx_wins_body_inner { top: 0 !important; }
/* .dhtmlx_skin_dhx_web div.dhtmlx_window_active div.dhtmlx_wins_body_outer div.dhtmlx_wins_body_inner #showmessage { width: 410px !important; } */
.dhtmlx_skin_dhx_web div.dhtmlx_window_active div.dhtmlx_wins_body_outer div.dhtmlx_wins_body_inner .inPageError { background-color: #fff; margin: 0 10px; }
.dhtmlx_skin_dhx_web div.dhtmlx_window_active div.dhtmlx_wins_body_outer div.dhtmlx_wins_body_inner .inPageError span { margin-left: 10px; padding-top: 4px; }

/**** Unique Modal Styles *****/
.AddEditUserModal #formuserName label, .AddEditUserModal #formPassword label, .AddEditUserModal #formConfirmPassword label { width:200px; }
.AddEditUserModal #formConfirmPassword { margin-bottom: 20px; }
.AddEditUserModal #privileges span, .AddEditUserModal #access span, .AddEditUserModal #default span { font-size: 0.7em; display: inline-block; margin-bottom: 10px; margin-top: 10px;}
#txDetailTopLegend{padding-bottom:12px;}

/************ Accordian Styles ************/
/* .panelLeft #dhtmlxDblCalendar,.panelRight #searchCriteria{margin: 0 auto;width:392px;}
div.dhx_acc_base_dhx_skyblue div.dhx_acc_item div.dhxcont_global_content_area { border: 1px solid #c5c4cc !important; }
#accordObj .dhx_acc_item_label span {padding-left: 18px; font-family: Helvetica, Arial, Roboto !important; font-size: 1.1em; padding-top: 2px; color: #0c2074; font-weight: normal; }
 */
#searchCriteria label{width:30%;}

/** Grid SubRows **/
.dhx_sub_row { background-color: transparent !important; min-width:800px !important; }
.displaywrapper {width: 830px; background-color: #fff; }
#appWindowTab .displaywrapper { width: 730px; }
.displaywrapper600 {width: 600px}
.subrow { font-family: Helvetica, Arial, Roboto; font-size: 0.95em; }
.displaywrapper { margin: 0 10px 10px 5px; }
.subrow div {text-align: left; }
.subrow #txcodeHeader, .subrow #userhomepage { border: 1px solid #f2af00; background: #fff5bf url(../images/bg_subrow.png) top left repeat-x; }
.subrow #uniqueid, .subrow #useraccess { border-left: 1px solid #c5c4cc; border-right: 1px solid #c5c4cc; }
.subrow #addressheader { border: 1px solid #c5c4cc; background: #e5e8ee url(../images/bg_subrow.png) top left repeat-x; }
.subrow #addressdetail, .subrow #userpriv { border-left: 1px solid #c5c4cc; border-right: 1px solid #c5c4cc; border-bottom: 1px solid #c5c4cc; }
.subrow label, .subrow span, .subrow .userDetailButtons { padding: 7px 5px 5px 5px; }
.subrow label { font-weight: bold; font-size: 1em; text-align: right; }
.subrow #txcodeHeader label, .subrow #uniqueid label  { display: inline-block; width: 160px; }
.subrow #addressheader label, .subrow #addressdetail span, .subrow #userhomepage label, .subrow #useraccess label, .subrow #userpriv label { display: inline-block; width: 30%; text-align: right; }
.subrow .userDetailButtons { display: inline-block; width: 180px; float: right; font-size: 1.4em !important; text-align: right; }
/*.subrow .userDetailButtons a { color: #000; }*/
.subrow .userDetailButtons a:hover { color: #000;}
.subrow .header_w20:after { content: ":"; }
.subrow .header_w30 { text-align: left; }

/********* grid print view**********/
table.reportprintview{border-width:1px;border-style:solid;border-color:black;border-collapse:collapse;font-family: Helvetica, Arial, Roboto; font-size: 0.7em}
table.reportprintview td{border-width:1px;border-style:solid;border-color:black;}
table.reportprintview th{border-width:1px;border-style:solid;border-color:black; background-color: silver;}
.print_txDetail_SUCCESS{background-color:#FFFFFF; text-align: center;}
.print_txDetail_FAILURE{background-color:#FFFFFF; text-align: center;}
.print_txDetail_PENDING{background-color:#FFFFFF; text-align: center;}

.printHeader1 {color: #000000; font-weight: bold; font-size: 0.8em; margin: 0 0 0.7em 0; padding: 4px 0px 0px 0px;}
.print_txDetailTitle {text-align:center; color:#000000; font-size: 1em; margin: 0 0 0.4em 0; font-weight: normal; }
.print_tableHeader { color: #000000; font-weight:bold; font-size: 1em; margin: 0 0 0.7em 0; }

/*** DH - Transaction Detail styles **********/
.headerStyleLabels label {color: #0C2074; text-align: left; }
.headerStyleLabelsBlack label {color: #000000; text-align: left; }
.noColons label:after { content:none; }
#transactionDetail hr { margin: 7px -3px 3px; 10px;}
#transactionDetail .customerDetails {  display:inline-block; width: 45%; }
#transactionDetail .customerRightDetails {  float: right; width: 45%; }

#printTransactionDetails .formField { font-size:80% }
#printTransactionDetails .formField label { font-size:95% }
#printTransactionDetails .formField span { font-size:95% }

#printTransactionBasket .formField { font-size:80% }
#printTransactionBasket .formField label { font-size:95% }
#printTransactionBasket .formField span { font-size:95% }

#printBasketDiv {overflow:auto; border:1px solid #C5C4CC;-moz-border-radius:6px 6px 6px 6px;overflow-x:auto;overflow-y:auto}
#printBasketDiv tr { font-size:75% }

#printTransactionDetail hr { margin: 7px -3px 3px; 10px;}
#printTransactionDetail .customerDetails {  display:inline-block; width: 45%; }
#printTransactionDetail .customerRightDetails {  float: right; width: 45%; }

#printTransactionSummary {font-size:96%;}
#printTransactionSummary label {font-size:95%;}

#printAuthorisationDetails .formField { font-size:80% }
#printAuthorisationDetails .formField label { font-size:95% }
#printAuthorisationDetails .formField span { font-size:95% }

#print3dSecureDetails .formField { font-size:80% }
#print3dSecureDetails .formField label { font-size:95% }

span.printTopDetails { font-size:85% !important}

.centeredTable{padding-left: 250px}
.addressContainer {vertical-align: middle; text-align: center;}

/************ Messages ************/
.messages { font-size: 0.7em; font-weight: bold; margin-bottom: 10px; }
.status { background: url(../images/Sprite/sprite.png) -907 0 no-repeat; width: 12px; height: 10px; color: #69923a; padding-left: 20px; }

/************ Forms & Fields ************/
.formField { padding: 5px 0px 0px 1px; width: 100%;}
.formField div { text-align: left; }
.formField label { display: inline-block; padding-right: 8px; text-align: right; margin-right: 2px; padding-top: 5px; vertical-align: top;}
.accountSettings .formField label { font-weight: bold; }
.formField label:after { content: ":"; }
.formField label#cardsupplier:after, #avscv2 label:after { content: ""; }
input, select { background-color: #fff; border: 1px #c5c4cc solid; }
input:hover, input:focus, select:hover, select:focus { border: 1px #0c2074 solid; }
input.hidden { display: none; }
.mandatoryInput img { visibility: hidden; }
.mandatoryInput label { background: url(../images/asterisk.png) top right no-repeat; }
.mandatoryInputError { border: 1px solid #cd202c; background-color: #FADBDB;}
.textBox, .nonMandTextBox { padding: 1px 0; }
/* Use fieldsets for long forms */
fieldset { margin: 0 0 10px 0; border: 1px solid #c5c4cc; padding: 10px 10px 1 10px; }
legend { font-size: 0.7em; color: #0c2074; }

/* Use this for check boxes */
span.check { display: inline-block; border: none;}
.halfWidthFieldset{width:302px; height: 110px;}
#default{float:right;}
#access{float:left;}
span.fraudLowRisk{color:green;}
span.fraudMedRisk{color:orange;}
span.fraudHighRisk{color:#ee5555;}

#userform fieldset.alignPs p{display:inline;}
#userform fieldset{padding-left: 10px;}
#userform p span.check{width: 49%; padding-bottom: 10px;}

/************ Unique Label widths ************/
.inAccordianRightPanel label, .inAccordianRightPanelTabs label { width: 120px; }
.panelLeftTabs label { width: 150px; }
#editaccountsettings label { width: 180px; }
#edituser label { width: 180px; }
body.modal #edituser label { width: 180px; }

/************** Transaction Detail ***********/
.formLabelLeft{left: 10px;}
.formLabelLeft:after{ content: ":";}
.formLabelDetail{ }

/************ Containers ***********/
.adminTabContent { margin-left: 10px; }
#adminTabset { padding-top: 15px; width:400px; }
#modalContainer{ background-image: url(../images/bg_appArea2.png); background-repeat: no-repeat; height:501px; width:900px; }


/************ Specialised forms ************/
.formField label { left: 1px; width: 35%; } /* 35% is default width ... for no good reason */
.formField label.w10{ width: 10%;}
.formField label.w13{ width: 13%;}
.formField label.w10:after { content:":"; }
.formField label.w15 { width: 15%; }
.formField label.w20 { width: 20%; }
.formField label.w25 { width: 25%; }
.formField label.w30 { width: 30%; }
.formField label.w35 { width: 35%; }
.formField label.w40 { width: 40%; }
.formField label.w45 { width: 45%; }
.formField label.w50 { width: 50%; }
.formField span { font-size: 0.7em; }

#invalidTxDetails .formField label { font-weight: bold; width: 130px; vertical-align: top;}
#invalidTxDetails #statusDetail { display: inline-block; width: 480px; }
#invalidTxDetails #invalidRequestSource { display: inline-block; width: 480px; height: 250px; overflow-y: auto; }

#transactionDetail .formField label.name {font-weight: bold; vertical-align: top; }
#pblRequestDetail .formField label.name {font-weight: bold; vertical-align: top; }


/** DH - for use on Transaction Details tab**/
.formField .w10_leftAlign { width: 10%; text-align: left; font-weight: normal; vertical-align: top;}
.formField .w10_leftAlign:after { content:""; }

.formField .w15_leftAlign { width: 15%; text-align: left; font-weight: normal; vertical-align: top;}
.formField .w15_leftAlign:after { content:""; }

.formField .w20_leftAlign { width: 20%; text-align: left; font-weight: normal; vertical-align: top; }
.formField .w20_leftAlign:after { content:""; }

.formField .w25_leftAlign { width: 25%; text-align: left; font-weight: normal;  vertical-align: top; }
.formField .w25_leftAlign:after { content:""; }

.formField .w30_leftAlign { width: 30%; text-align: left; font-weight: normal; vertical-align: top;}
.formField .w30_leftAlign:after { content:""; }

.formField .w40_leftAlign { width: 40%; text-align: left; font-weight: normal; vertical-align: top;}
.formField .w40_leftAlign:after { content:""; }

.formField .w45_leftAlign { width: 45%; text-align: left; font-weight: normal; vertical-align: top;}
.formField .w45_leftAlign:after { content:""; }

.formField .w50_leftAlign { width: 50%; text-align: left; font-weight: normal; vertical-align: top;}
.formField .w50_leftAlign:after { content:""; }

.formField .w55_leftAlign { width: 55%; text-align: left; font-weight: normal; vertical-align: top;}
.formField .w55_leftAlign:after { content:""; }

.formField .w65_leftAlign { width: 65%; text-align: left; font-weight: normal; vertical-align: top;}
.formField .w65_leftAlign:after { content:""; }

.formField .w75_leftAlign { width: 75%; text-align: left; font-weight: normal; vertical-align: top; }
.formField .w75_leftAlign:after { content:""; }

.formField .w90_leftAlign { width: 90%; text-align: left; font-weight: normal; vertical-align: top;}
.formField .w90_leftAlign:after { content:""; }

.addressContainer .formField label.w30_leftAlign { vertical-align: top; }

table#basket {text-align: center; border-collapse: collapse;}
table#basket td{border:1px solid #C5C4CC; -moz-border-radius:6px 6px 6px 6px;}
.tableHeader { color: #0c2074; font-weight:normal; font-size: 1em; margin: 0 0 0.7em 0; }
#basketDiv{max-height:160px;overflow:auto; border:1px solid #C5C4CC;-moz-border-radius:6px 6px 6px 6px;overflow-x:hidden;overflow-y:auto}

.detailInput {padding-left: 15px;line-height:25px;min-height:25px;width: 520px;display: block;float: left;}

/************ Specialisations on ids etc ************/
#paymentPageLogo { text-align: center; width:385px; }
#paymentPageLogo p { padding: 10px 35px 10px 15px; }

/* Filthy overrides to inline styles generated by dhx tabbar */
/* Can't apply a class to tab labels, so target using id     */
.verticalTabs div.dhx_tabbar_row { margin-right: 0 !important; width:130px !important; z-index: 10 !important; }
.verticalTabs div.dhx_tab_element { font-family: Helvetica, Arial, Roboto !important; font-size: 0.75em !important; font-weight: normal; height: 21px !important; padding: 7px 0 0 10px !important; position: relative; text-align: left; width: 105px !important; }
.verticalTabs div.dhx_tab_element span:hover { }
.verticalTabs div.dhx_tab_element,.verticalTabs div.dhx_tab_element_active,.verticalTabs div.dhx_tab_element_inactive { left: 0 !important; position: relative !important; top: 0 !important;} /* Override dhx js calculated vertical positioning of tabs */
.verticalTabs div.dhx_tab_element_active { background: #e5e8ee url(../images/tab_overlay.png) no-repeat top left !important; border: none; border-bottom: 1px solid rgba(0,0,0,0.25); z-index: 2 !important; font-weight: bold; }
.verticalTabs div.dhx_tab_element_active { -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.verticalTabs div.dhx_tab_element_inactive { background: none !important; }
.verticalTabs div.dhx_tab_element_inactive:hover { background: #e5e8ee url(../images/tab_overlay_off.png) no-repeat top right !important; border: none; }
.verticalTabs div.dhx_tab_element_inactive:hover { -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; -webkit-border-bottom-left-radius: 6px;	-webkit-border-top-left-radius: 6px; }
.verticalTabs div.dhx_tab_element div { background-image: none !important; width: 80px !important; }
.verticalTabs div.dhx_tabcontent_zone { background-color: #e5e8ee !important; border: #e5e8ee 1px solid; padding-left: 0;}
.verticalTabs div.dhx_tabcontent_zone{ -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; }

#transactionDetail .verticalTabs div.dhx_tabbar_row {width:135px !important;}
#transactionDetail .verticalTabs div.dhx_tab_element{width: 135px !important;}
#transactionDetail .verticalTabs div.dhx_tab_element div{width: 110px !important;}

.txDetailTab{padding:10px 10px 10px 10px}

/************ 3rd man results table *******/
.t3mResult{height:157px;width:84%;overflow:scroll;overflow-x:hidden;}
table.informationTable {width:100%;border:none;padding:0px;margin:0px;height:157px;font-family:helvetica, arial;text-align:left;}
table.informationTable thead {color:#ffffff;font-size:12px;font-weight:bold;}
table.informationTable thead th {background-color:#4D4F53;padding:0px 10px;height:20px;}
table.informationTable thead th.head_first {padding:0px 0px 0px 5px;}
table.informationTable thead th.head_postcode {	width:170px;}
table.informationTable thead th.head_addressNumeric {width:200px;}
table.informationTable tr td {background-color:#e9e9e9;	font-size:11px;	height:20px;line-height:20px;padding:0px 10px;}
table.informationTable tr td.icon {	padding:0px 0px 0px 10px;}
table.informationTable tr td.cellRight {text-align: right;padding-right:60px}
.t3mLegend{font-size: 0.85em;}


/************ Tx Totals grid *************/
table.resultsTable{width:500px; font-size: 9pt ;border-spacing:0px;border:solid #e5e8ee;border-width: 0px 0px 1px 1px;}
table.resultsTable td, table.resultsTable th{border:solid #e5e8ee;border-width: 1px 1px 0px 0px; }
table.resultsTable td {padding:4px 5px}
table.resultsTable th{padding:5px 5px;text-align: center; background-image:  url("../js/codebase/imgs/header_bg_60.gif");}
table.resultsTable th.type{width:53%}
table.resultsTable th.vol{width:19%}
table.resultsTable th.val{width:28%}
td.alignLeft{text-align: left}
td.alignRight{text-align: right}
td.alignCentre{text-align: center}


/************ My Account *************/
#myAccountDiv .buttons{min-height: 25px; display: inline; margin:0px 10px 0 0;float:right;} /* Applied to div surrounding sets of buttons */
#myAccountDiv .content{height: 240px; }

.editUserSettingFieldSet{margin: 5px auto; width:93%;}
.defaultLandPage{width:130px;text-align: center;}
#lastAccessedDiv .content {height: 40px; }
/****************End of My Account *******/

/**** Edit User Settings/Pasword Modal ****/
.passwordInputBox{border: 1px solid #999999; background-color:white; width:20%; float: left; text-align:center; color:white;}
.passwordStrength{height:15px;width:30px;border-radius:10px; margin-right:5px;text-align:center !important;}
.passwordInputTextDiv{float:left; padding:2px 5px 0 0;font-size:12px;font-weight: bold;}
.passwordInputDiv{padding-top:5px}
.valEmailLink{color:#0C2074}
.valEmailTextSpan{margin-left:36.25%}
.emailValNameSpan{color:#0C2074}
.emailNotValNameSpan{color:red}
.optInText{font-size : 8pt;}
.optInSpanText{font-size : 8pt !important;}
.passwordMeterDiv{margin-top:10px;height:25px}
.pwStrengthMsg{font-size:12px;font-weight: bold;text-align:center;}
/**** End of Edit User Settings/Pasword Modal ****/

/**** Add/Edit User*/
.passwordInputTextDivAddEdit{float:left; padding-right: 5px; font-weight:bold; font-size : 0.7em;}
.passwordInputBoxAddEdit{border: 1px solid #999999; background-color:white; width:20%; float: left; text-align:center; color:white;font-size : 0.7em;}
.addEditUserTopMargin{margin-top: 8px}

/************* password retrieval page *************/

.retrievePagePanel{
	width: 500px;
	margin:auto;
	position: relative;
	top:100px;
}

.retrievePageErrorPanel{
	width: 400px;
	margin:auto;
	position: relative;
	top:25px;
}

.captcha_container{
	height:110px;
	width:460px;
	margin:15px auto;
	background:url('/mysagepay/images/modalLoading.gif') no-repeat center;
}

.merchant-number-container {
    display: none;
}

.merchant-number-container.show {
    display: block;
}

.retrievalInfo{
	margin:0px 10px 10px 0px;
}

/************** Slightly prettier lists **************/
ul{
    font-size: 0.7em;
    padding-right: 10px;
}

ol{
	counter-reset: li; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
	*list-style: decimal; /* Keep using default numbering for IE6/7 */
	padding: 0px 15px;
	margin-bottom: 4em;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	width:100px;
}

ol.rounded-list{
	white-space:nowrap;
}
.rounded-list li {
	position: relative;
    display: inline-block;
    *display: inline;
	padding: 0em 3em .4em 3em;
	*padding: .4em;
	margin: .5em 0;
	background: #E4E8EE;
	color: #444;
	text-decoration: none;
	border-radius: .3em;
	transition: all .3s ease-out;
}


.rounded-list li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #007CBE;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
}

.greyboxlabel {
	padding-bottom: 5px;
	background: #E4E8EE;
	border-radius: .3em;
	font-weight: bold;
}

.formWrap {
    display: block;
}

/**
 * #PROTOCOL-MIGRATION-WARNING
 *
 * SCSS source available at: http://codepen.io/anon/pen/fAoHC
 */

.protocol-migration-warning {
    background-color: #007cbe;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 24px;
    padding: 11px 24px;
}

.protocol-migration-warning__link.protocol-migration-warning__link,
.protocol-migration-warning__text { color: #ffffff; }

.protocol-migration-warning__link { font-weight: bold; }
.protocol-migration-warning__text { font-weight: normal; }


/* Protocol popup */
.protocol-migration-popup .inner {
    font-size: 1em;
}

.protocol-migration-popup .message, .email-popup .message {
    background-color: #ff0000;
    color: #ffffff;
    padding: 10px;
    border-radius: 6px;
    font-size: inherit;
    margin-bottom: 10px;
}

.email-popup .message{
    background-color: #007079;
}

.protocol-migration-popup label {
    font-size: inherit;
}

.protocol-migration-popup .button-container, .email-popup .button-container {
    margin-top: 10px;
    text-align: right;
}

.email-popup .formField label {
    width: 45%;
    font-size: 14px;
    padding-top: 1px;
}

.email-popup .formField span {
    font-size: 14px;
}

.email-popup .formField input {
    width: 200px;
}

.notification {
    margin: 24px 0 0;
    padding: 12px 24px;
    background-color: #009fda;
    font-family: Helvetica, Arial, Roboto, sans-serif;
    font-size: 16px;
    line-height: 24px;
-webkit-animation: notification__animation .5s;
    animation: notification__animation .5s
}

.notification:first-child { margin-top: 0 }

.notification__link,
.notification__text { color: #fff }

.notification__text { font-weight: 400 }

.notification__link { font-weight: 700 }

.notification--positive { background-color: #007079 }

.notification--positive .notification__link.notification__link,
.notification--positive .notification__text { color: #fff }

.notification--negative { background-color: #4d4f53 }

.notification--negative .notification__link.notification__link,
.notification--negative .notification__text { color: #fff }

.notification--warning { background-color: #ff5800 }

.notification--warning .notification__link.notification__link,
.notification--warning .notification__text { color: #fff }


.alert {
    font-size: 1em;
    line-height: 20px;
    margin: 20px 0;
    padding: 11px 24px;
}

.alert--warning {
    background-color: #ff0000;
    color: #FFFFFF;
}

.alert__text--warning {
    font-size: 1em;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/* pi Credentials */

.pi-credentials__label {
    float: left;
}

.pi-credentials__container {
    float: left;
    font-size: 0.7em;
}

.pi-credentials__separator {
    width: 99%;
}

.pi-credentials__container .button {
    font-size: 1em;
    margin-left: 0;
    box-sizing: border-box;
    height: 22px;
    padding-left: 13px;
    padding-right: 13px;
    height: auto\9;
}

.pi-credentials__text {
    margin-top: 3px;
}

.pi-credentials__text .pi-credentials__acknowledge {
    left: 0;
    width: auto;
    font-size: 1em;
    padding: 0;
    cursor: pointer;
}

.pi-credentials__checkbox {
    display: inline;
    vertical-align: sub;
    vertical-align: middle\9;
    border-width: 0;
    padding: 0;
    margin-left: 0;
}

.pi-credentials__text .pi-credentials__acknowledge:after {
    content: ""
}

.pi-credentials__popup .formField label {
    font-weight: bold;
}

.pi-credentials__popup .formField span {
    display: inline-block;
    max-width: 65%;
    word-wrap: break-word;
}

.pi-credentials__popup .alert {
    margin-bottom: 12px;
}