/* PURPOSE: Common Style sheet DATE WHO DESCRIPTION ---------- ---- ------------ XX.XX.200X Created .. 10.09.2009 FBrett #66059 - New field HELP_TYPE_ID to record users online help type. 10.03.2010 ERobinson #69381 - Fix general FireFox styling bugs as part of Merchant View. 13.04.2010 ASaldanha #85062 - Show disabled buttons as grey-out in FireFox 13.04.2010 ASaldanha #85062 - Show disabled buttons as grey-out in FireFox 27.07.2010 WHill #80938 - Support RAM Page Title. 13.01.2011 ERobinson #97495 - Tidy up style sheets. 20.04.2011 ERobinson #93694 - Support custom logo & themes. 24.04.2011 JBurke #20110118000973 -- Tidy outerlogintable2 padding 27.10.2011 ERobinson #45926 - Add wait & hide-wait CSS classes. 18.04.2012 ERobinson #11706 - Add class font.disabledlabel. 04.01.2013 ERobinson #125190 - RAM skin refresh 08.02.2013 PSmigiel #125190 - Uplift of password and session related pages. 06.03.1013 PSmigiel #125190 - RAM skin refresh, styling of panelMsg: it is initially hidden and displayed used adding appropriate CSS class/* 06.06.2013 ERobinson #152190 - Adjust padding on input submit buttons on legacy pages that do not require an icon. Make warning message on login type pages stand out with red text. Add switch.png button image. Add input.width100 class. Add new class for warning messages on the Welcome page. 11.06.2013 PSmigiel #125190 - RAM skin refresh - minor removal of CSS: table.font11px 09.07.2013 PSmigiel #125190 - RAM skin refresh - fixed leak of background colour from detailpanel to zebratable 09.07.2013 ERobinson #125190 - Remove styling for 'browse' button as it is not working. 23.07.2013 ERobinson #125190 - Switch table.height500 to div.height500. 09.10.2013 ERobinson #150343 - Add a.preview link icon. 10.10.2013 ERobinson #150343 - Add radio-toolbar class. 18.11.2015 NFitz #181075 - Add Close merchant accounts option via RAM 17.08.2017 Kumaran #216519 - Add class addrow - nav_down image for RAM Security - XSS on User Merchant Popup page. 25.04.2024 Satheesh STORY-162657 - YUI dependency removed , migrated to JQUERY 10.02.2025 Satheesh GPP-33431 - Standardize the font in RAM 17.20.2024 Luke OG GPP-3410 updated for CSP- fixing inline styles 14.02.2025 Nithya GPP-31566 Moved inline styles from front_end_posting_reject_list page to here. 04.03.2025 Nithya GPP-36595 Added a new style 21.04.2025 PavithraS GPP-31907 Incoming Details CSP 08.07.2025 Nithya V GPP-46180 Removed the button-group style to fix button alignment issue in CCM page */ /* Base CSS (e.g. a, html, body, div) *********************************************************************************/ @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-Regular.ttf') format('truetype'); font-weight: normal; /* Regular weight */ font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('../fonts/OpenSans-Bold.ttf') format('truetype'); font-weight: bold; /* Bold weight */ font-style: normal; } @font-face { font-family: 'OpenSansBolder'; src: url('../fonts/OpenSans-Bold.ttf') format('truetype'); font-weight: bolder; /* Bold weight */ font-style: normal; } a.meny:active { font-family: OpenSans,sans-serif; font-size: 11px; color: red; text-decoration: none; } a.meny:hover { font-family: OpenSans,sans-serif; font-size: 11px; color: red; text-decoration: underline; } a.meny:link { font-family: OpenSans,sans-serif; font-size: 11px; text-decoration: underline; } a.meny:visited { font-family: OpenSans,sans-serif; font-size: 11px; text-decoration: underline; } a.meny img { border: none; } a.pagetitle { font-family: OpenSans,sans-serif; font-size: 12px; text-decoration: underline; color: #0E7337; } a.preview { background:url(../images/buttons/search.png) no-repeat; height: 16px; width: 16px; padding: 3px 10px 5px 10px; text-decoration: none; } a.minimize { background:url(../images/toolbar/toolbar-min-small.png) no-repeat; height: 16px; width: 17px; padding: 3px 3px 3px 15px; text-decoration: none; } a.minimize:hover { background: url(../images/toolbar/toolbar-min-small-hover.png) no-repeat; } a.maximize { background:url(../images/toolbar/toolbar-max-small.png) no-repeat; height: 16px; width: 17px; padding: 3px 3px 3px 15px; text-decoration: none; } a.maximize:hover { background: url(../images/toolbar/toolbar-max-small-hover.png) no-repeat; } .popup-style html { display: block !important; /* Retaining the block display */ min-width: 10px !important; /* Ensure min-width is applied */ } .popup-style body { min-width: 10px !important; /* custom min-width */ overflow-x:hidden; overflow-y:hidden; width: 323px; } body { background: #fff; display: block!important; margin: 0 30px; min-width: 960px; text-align: left; } .mainBody { padding: 5px 10px; border: 1px solid #b2b2b2; background-color: #f8f8f9; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-topleft: 0; border-radius: 5px; border-top-left-radius: 0; } div.pageTitle { font-family: OpenSans,sans-serif; font-size: 12px; text-decoration: none; } div.pageDivider { font-size: 1px; height: 1px; line-height: 0; margin-top: 2px; margin-bottom: 2px; } div.fieldsetDivider { background-color: #CBCBCB; font-size: 1px; height: 1px; line-height: 0; margin-top: 2px; margin-bottom: 2px; } div.radio-toolbar { margin: 5px 0; } div.hidecur { left: 0; padding: 0 1px 1px 0; position: relative; top: 0; visibility: visible; } div.download-div { float: left; } div.sub-section-heading { font-family: OpenSans,sans-serif; font-size: 12px; padding: 10px 5px 5px 5px; } div.sub-section { font-family: OpenSans,sans-serif; font-size: 11px; padding: 2px 5px; } div.height500 { height: 500px; } /*TODO:PS:2013-01-24 remove when no FONT tags are left*/ font { font-family: OpenSans,sans-serif; } font.formtitle { font-size: 16px; font-weight: bolder; } font.formheading { font-size: 14px; } font.formlabel { font-size: 12px; } font.invisible { color: #ffffff; font-size: 11px; } font.label { font-size: 11px; } span.label { font-size: 11px; } font.redlabel { color: red; font-size: 11px; font-weight: bolder; } .redlabel { /* it covers td.redlabel, but also span.redlabel and label.redlabel */ color: red!important; } font.greenlabel { color: green; font-size: 11px; } font.normal { color: black; font-size: 11px; } span.normal { color: black; font-size: 11px; } font.normal_larger { color: black; font-size: 12px; } font.smalltext { color: black; font-size: 11px; } font.screentitle { font-family: OpenSans,sans-serif; font-size: 12px;text-decoration: none; } font.screenitem { font-family: OpenSans,sans-serif; font-size: 11px; } font.screenitemselected { font-family: OpenSans,sans-serif; font-size: 11px; color: red; text-decoration: none; } font.whiteheading { color: #ffffff; } font.highlightlabel { color: red; font-size: 11px ; font-weight: bolder; } font.highlightnormal { color: red; font-size: 11px; } html { display:block!important; min-width:960px!important; } /*input { color: black; font-size: 1em; margin-bottom: 0.1em; margin-top: 0.1em; margin-left: 0.1em;*/ /*REMOVEZOO*/ /*width:150px;*/ /* border: 1px solid #ccc; padding: 3px; }*/ input[type="radio"] { border: none; outline: none; } input[type="image"] { width:20px; height:20px; } input.small_text { font-size: 11px; color: black; } input.width60 { width: 60px; } input.width100 { width: 100px; } input[disabled] { color: #808080; text-decoration: none; } label { float:left; font-size: 11px; margin-bottom: 0.1em; margin-top: 0.1em; } label.hint{ color:#555555; font-style:italic; font-weight:bold; } /* This is an IE only tag - this is the correct way to do a nobr */ .nobr, nobr, NOBR { white-space: nowrap; } .nobreak { white-space: nowrap; } option.normal { color: black; font-size: 10px } option.alert { color: red; font-size: 10px } p { margin: 0; padding: 0; } select { color: black; font-size: 1em; margin-bottom: 0.1em; margin-top: 0.1em; margin-left:0.1em; /*width:150px;*/ /*TODO: Extracted from merch_application.css, this may have a negative impact on many pages. */ } select:focus { /*fixes IE8 and above: Should one limit its width, this will make it expand and show longest items on focus*/ width: auto; position: relative; } select.small_text { font-size: 11px; color: black; } .small-margin-bottom { margin-bottom: 5px; } /* Login/Logout/Password Reset/etc. Pages *****************************************************************************/ .login-body { margin: 100px 0; text-align:center; } .login-panel { background: url("/ram/ramstatic/images/search-bg.jpg") repeat-x scroll 0 0 #E8E8E8; border: 1px solid #CCCCCC; border-radius: 10px; font-family: OpenSans,sans-serif; font-size: 12px; margin: auto; /*height: 300px;*/ padding: 10px; width: 440px; text-align: center; } .login-panel h1 { background: none repeat scroll 0 0 #808080; color: #FFFFFF; font-size: 14px; margin: 10px; padding: 10px; text-align:left; } .login-panel div { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; /*border: 1px solid #000000;*/ margin: 10px; padding: 5px; _position: fixed; /* IE hack! DO NOT REMOVE! */ text-align: right; } .login-panel div.login-warning { background: none; border: none; color: red; font-size: 11px; font-weight: bold; text-align: center; } .login-label { float: left; font-size: 12px; line-height: 25px; padding-left: 10px; } .login-panel input { font-size: 12px; line-height: 1em; padding: 5px; width: 200px; } .login-panel select { /* width: 200px; can not be used in IE */ } .login-panel input.login-submit { background: none repeat scroll 0 0 #006699; border: 0 none; border-radius: 5px; color: #FFFFFF; overflow: visible; width: auto; } .login-panel input.login-submit:hover { background: none repeat scroll 0 0 #007BB5; color: #FFFFFF; } .login-panel span.login-panel-msg { font-size: 12px; line-height: 20px; } .login-panel div.login-panel-div-msg { text-align:left; } .login-header { background-color: #006699; clear: both; color: #FFFFFF; font: 400 2.8em/2.5em OpenSans,sans-serif; height: 100px; padding: 0 0 0 25px; width: 100%; } .login-footer { background: none repeat scroll 0 0 transparent; border-top: 1px solid #CCCCCC; clear: both; color: #FF0000; margin: 0 25px 1em; padding: 0 0 1px; position: relative; text-align: center; } .login-warning-message { border: 2px solid #e67e22; background: #fff8e1; color: #b35400; padding: 16px 20px; margin: 24px auto 0 auto; border-radius: 6px; font-size: 1.1em; max-width: 430px; box-shadow: 0 2px 8px rgba(230, 167, 86, 0.07); text-align: center; } .welcome-warn-msg { color: #FF0000; margin-top: 100px; position: relative; text-align: center; } /* Calender Icon ******************************************************************************************************/ .cal1pop { font-size:1.5em; } .cal1pop a { background: url("../images/calendar.png") no-repeat scroll; vertical-align: middle; height: 16px;text-decoration: none; /*background-image: url("../images/calendar.png"); background-repeat: no-repeat; background-attachment: scroll;*/ } .cal1pop a:hover { background: url("../images/calendar_edit.png") no-repeat scroll; vertical-align: middle; height: 16px; /*background-image: url("../images/calendar_edit.png"); background-repeat: no-repeat; background-attachment: scroll;*/ } .cal1quest a { background: url("../images/question1.png") no-repeat scroll; vertical-align: middle; text-align: right; height: 16px; /*background-image: url("../images/question1.png"); background-repeat: no-repeat; background-attachment: scroll;*/ } /* END - Calender Icon ************************************************************************************************/ /* Wait animated GIF **************************************************************************************************/ .panelWait { background: url(../images/wait.gif) center center no-repeat; position: absolute; height: 15px; width: 15px; right:20px; top:3px; display:none; } .wait { background: url(../images/wait.gif) center center no-repeat; position: absolute; height: 18px; width:18px; margin: 0; padding: 0; top: 15px; border: none; } span.searching { background: url("../images/wait.gif") no-repeat left top; border: none; float: left; height: 18px; position: relative; } .hide-wait { display:none; } /* END - Wait animated GIF ********************************************************************************************/ /* Table **************************************************************************************************************/ table.caption { text-align: center; border: 0; padding: 1px; width: 50%; } table.centerlogin { border: 0; padding: 0; margin-left: auto; margin-right: auto; text-align: center; } table.date { text-align: center; border: 0; padding: 1px; } table.detail { border: 0; padding: 0; text-align: left; width: 100%; } table.detailpanel { background: url("/ram/ramstatic/images/search-bg.jpg") repeat-x scroll 0 0 #E8E8E8; border: 1px solid #CCCCCC; border-radius: 10px 10px 10px 10px; margin: 2px; padding: 5px; text-align: left; /* width: auto; */ width: 100%; min-width: 0; display: table; } table.left { text-align: left; border: 0; padding: 1px; } table.login { /*TODO:PS:2013-02-25 2b removed*/ text-align: center; background-color: #eeeeee; border: 0; padding: 10px; } /*TODO:ER:table.outer only used on settlement_details.jsp, see if existing table class will do.*/ table.outer { width: 100%; border: 0; } table.top { text-align: left; border: 0; padding: 10px;width: 100%; } table.table1 { border: 0; padding: 0; } /*TODO:ER:May be able to remove this "width50pc" class once login/pwd reset/etc. are re-styled.*/ table.width50pc { width: 50% } table.width100pc { width: 100%; margin: 2px 0; } table.width80pc { width: 80%; margin: 2px 0; } th { padding-right: 2px; padding-left: 2px; border-right: 1px solid #ccc; color: #000000; font-family: OpenSans,sans-serif; font-size: 11px; text-decoration: none; } th.centrealign { text-align: center; } th.listing { color: black; font-family: OpenSans,sans-serif; font-size: 10px ; text-align: right; text-decoration: none; } th.listingleft { color: black; font-family: OpenSans,sans-serif; font-size: 10px ; text-align: left; text-decoration: none; } th.noborder { border-right: 0 white; } th.topalign { text-align: left; vertical-align: top; text-decoration: none; } th.listheaderbg { background-color: #006699; border-right: 1px solid black; color: white; font-family: OpenSans,sans-serif; font-size: 11px ; font-weight: bolder; padding-right:5px; padding-left:5px; text-align: right; text-decoration: none; } tr.normal { font-size: 11px; } td.aligncenter { text-align: center; } td.alignleft { text-align: left; } td.alignright { text-align: right; } td.blackline { background-color: #000000; height: 0; } td.blankbar { background-color: #ffffff; height: 1px; width: 100%; } td.blueline { font-size: 1px; height: 1px; background-color: blue; line-height: 0px; } td.bluetd { height: 12px; vertical-align: top; width: 100%; color: #264a7a; font-size: 11px; } td.bolder { font-weight: bolder; } td.left { color: black; font-family: OpenSans,sans-serif; text-align: left; } /*TODO:PS:2012-01-22: listcell classes fixes: "font-family, text-decoration" is redundant */ td.listcell { padding-right:5px; padding-left:5px; border-right: 1px solid #CCCCCC; color: black; font-family: OpenSans,sans-serif; font-size: 10px; text-align: left; text-decoration: none; } td.listcellright { padding-right:5px; padding-left:5px; border-right: 1px solid #CCCCCC; color: black; font-family: OpenSans,sans-serif; font-size: 10px; text-align: right; text-decoration: none; } td.listcellalt { padding-right:5px; padding-left:5px; border-right: 1px solid #CCCCCC; color: black; background-color: #d4d4d4; font-family: OpenSans,sans-serif; font-size: 10px; text-align: left; text-decoration: none; } td.listcellgreen { padding-right:5px; padding-left:5px; border-right: 1px solid #CCCCCC; color: green; font-family: OpenSans,sans-serif; font-size: 10px; text-align: left; text-decoration: none; } td.listcellred { padding-right:5px; padding-left:5px; border-right: 1px solid #CCCCCC; color: red; font-family: OpenSans,sans-serif; font-size: 10px; text-align: left; text-decoration: none; } td.listcellblue { padding-right:5px; padding-left:5px; border-right: 1px solid #CCCCCC; color: blue; font-family: OpenSans,sans-serif; font-size: 10px; text-align: left; text-decoration: none; } td.listcellbold { padding-right:5px; padding-left:5px; border-right: 1px solid #CCCCCC; color: black; font-family: OpenSans,sans-serif; font-size: 10px; text-align: left; text-decoration: none; font-weight: bolder; } td.listcellcentre { padding:7px 15px; border-right: 1px solid #ccc; color: #000000; font-family: OpenSans,sans-serif; font-size: 11px ; text-align: center; text-decoration: none; } td.listcellleft { padding-right:5px; padding-left:5px; color: black; font-family: OpenSans,sans-serif; font-size: 10px; text-align: left; text-decoration: none; } td.listcellboldnoborder { padding-right:5px; padding-left:5px; border-right: 0 white; color: #000000; font-family: OpenSans,sans-serif; font-size: 11px; text-align: left; text-decoration: none; font-weight:bolder; } td.listcellbottom { padding-right:5px; padding-left:5px; border-right: 1px solid black; border-bottom: 1px solid black; color: black; font-family: OpenSans,sans-serif; font-size: 10px; text-align: left; text-decoration: none; } td.td1 { height: 63px; vertical-align: top; width: 100%; } td.tdlisting { color: black; font-family: OpenSans,sans-serif; font-size: 10px; padding-right: 3px; text-align: right; text-decoration: none; } td.tdlistingleft { color: black; font-family: OpenSans,sans-serif; font-size: 10px; text-align: left; text-decoration: none; } td.topleftcell { width: 25%; text-align: left; vertical-align: bottom; } td.warningcell { color: red; font-family: OpenSans,sans-serif; font-size: 10px ; text-align: left; text-decoration: none; } td.width15pc { width: 15%; } td.width20pc { width: 20%; } td.width25pc { width: 25%; } td.width100pc { width: 100%; padding-top:10px; } td.width18pc { width: 18%; } td.width28pc { width: 28%; } td.width12pcAndColor { width: 12%; color: #006699; } /* END - Table ********************************************************************************************************/ /* ZebraTable *********************************************************************************************************/ .zebratable { background: #FFFFFF; /*NOTE:PS:09/07/13 this is to prevent .detailpanel.background attribute being applied to zebra*/ padding: 0; margin: 0; border-spacing: 0; _border-collapse: collapse; font-size: 11px; border-left:2px solid #7f7f7f; border-bottom:2px solid #7f7f7f; border-right:2px solid #7f7f7f; } .zebratable tr { margin: 0; border-bottom: 1px solid #dddddd; padding: 5px; } .zebratable td:first-child, .zebratable th:first-child { border-left: none; } .zebratable th { background-color: #006699; color:#FFFFFF; /*NOTE:PS:13-03-01 it can not be important, IE will not accept overwrite*/ padding: 10px; font-family: OpenSans,sans-serif; font-size:11px; font-weight: normal; text-align: center; border-right: 1px solid #CBCBCB; cursor: move; } .zebratable td { border-right: 1px solid #CBCBCB; } .zebratable td.th-border-right { border-right: 2px solid #006699; } .zebratable tr.even, .zebratable tr.even td { margin: 0; border-bottom: 1px solid #dddddd; padding:8px 10px; color: #000000!important; } .zebratable tr.odd, .zebratable tr.odd td { margin: 0; border-bottom: 1px solid #dddddd; background-color: #FFFEE9; padding:8px 10px; color:#000000!important; } .zebratable tr.highlighted, .zebratable tr.highlighted td { background-color: #33cc11; border: inherit; } div.dt-scroll-body thead { display: none; } .dt-orderable-asc { background:url(/ram/ramstatic/images/sort.png) no-repeat right; padding-right: 13px; } .dt-ordering-desc { background: url('/ram/ramstatic/images/sort_down.png') no-repeat center right; } .dt-ordering-asc { background: url('/ram/ramstatic/images/sort_up.png') no-repeat center right; } /* END - ZebraTable ***************************************************************************************************/ /* LedgerTable ********************************************************************************************************/ .ledgertable { border-spacing: 0; border-bottom: 1px solid #DDDDDD; border-collapse: collapse; font-size: 11px; margin: 0; padding: 0; width: 100%; } .ledgertable a.th-link:link { font-family: OpenSans,sans-serif; font-size: 11px; text-decoration: underline; color: #FFFFFF; } .ledgertable th { border-left: none; font-size: 11px; font-weight: bold; padding: 8px 10px; border-right: 1px solid #DDDDDD; } .ledgertable tr { margin: 0; padding: 5px; } .ledgertable tr.spacer td { border:none; } .ledgertable td, .ledgertable tr.even, .ledgertable tr.even td { margin: 0; border-bottom: 1px solid #DDDDDD; padding: 5px 10px; border-right: 1px solid #DDDDDD; top: 0; } .ledgertable tr.odd, .ledgertable tr.odd td { background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; border-right:1px solid #DDDDDD; margin: 0; padding: 5px 10px; } .ledgertable tr.highlighted, .ledgertable tr.highlighted td { background-color: #33CC11; border: inherit; } /* END - LedgerTable **************************************************************************************************/ /* START - MultiTables ************************************************************************************************/ .multi-table { border-spacing: 0; margin: 0; padding: 0; width: 100%; border-collapse: collapse; } .multi-table th { background-color: #C4C4C4; color: #000000; font-size: 10px; padding: 2px 5px 2px 0; border: 1px solid #DDDDDD; text-align: right; } .multi-table td { font-size: 10px; border: 1px solid #DDDDDD; text-align: right; } .multi-table th.spacer { background-color: #FFFFFF; border: none; } .multi-table tr.spacer td { border:none; padding: 0; } /* END - MultiTables **************************************************************************************************/ .one-line-table td { padding: 0 3px; } /* START - name-value-container ***************************************************************************************/ div.name-value-container { margin: 3px 0; } div.name-value-container fieldset { padding: 5px 10px; background: none; } /* END - name-value-container *****************************************************************************************/ /* START - name-value-table *******************************************************************************************/ .name-value-table { font-size: 11px; font-family: OpenSans,sans-serif; } /* END - name-value-table *********************************************************************************************/ /* Tabs CSS (Old pre-YUI) *********************************************************************************************/ div.pane { display: none; border: 1px solid #CCCCCC; position: relative; overflow: auto; } #tabsJ { background:transparent none repeat scroll 0 0; border-bottom: #e4e4e4 2px solid; float:left; font-size: 11px; line-height: normal; margin-bottom: 5px; width:100%; } #tabsJ ul { list-style: none; margin: 0; padding: 1px 10px 0 1px; } #tabsJ li { display: inline; margin: 0; padding: 0; } #tabsJ a { background:url("../images/tableftB.gif") no-repeat left top; float:left; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsJ a span { background:url("../images/tabrightB.gif") no-repeat right top; color:#666; display:block; float:left; padding:5px 15px 4px 6px; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsJ a span { float:none; } /* End IE5-Mac hack */ #tabsJ a:hover span { color:#000; } #tabsJ a:hover { background-position:0 -42px; } #tabsJ a:hover span { background-position:100% -42px; } #tabsJ #current a { background-position:0 -42px; } #tabsJ #current a span { background-position:100% -42px; } /* END - Tabs CSS (Old pre-YUI) ***************************************************************************************/ /* Download Menu ******************************************************************************************************/ div.menu, div.menu a.menuItem { font-family: OpenSans,sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; } div.menu { background-color: #FFFFFF; border: 1px solid #808080; left: 0; padding: 0 1px 1px 0; position: absolute; top: 0; visibility: hidden; z-index: 101; } div.menu a.menuItem { color: #000000; cursor: default; display: block; padding: 3px 1em; text-decoration: none; white-space: nowrap; } div.menu a.menuItem:hover, div.menu a.menuItemHighlight { background-color: #e3e3e5; color: #000; } /* END - Download Menu ************************************************************************************************/ /* Button *************************************************************************************************************/ #override, button.override, input.override { padding:0 10px 0 20px; } #activate, button.activate , input.activate { background:url(../images/buttons/approve.png) no-repeat; padding:0 10px 0 20px; } #acknowledge, button.acknowledge , input.acknowledge { background:url(../images/buttons/acknowledge.png) no-repeat; padding:0 10px 0 20px; } #add, .add button, button.add, input.add { background:url(../images/buttons/add.png) no-repeat; padding:0 10px 0 20px; } .yui-skin-sam .yui-button .first-child .add-no-label, #add-no-label, .add-no-label button, button.add-no-label, input.add-no-label { background:url(../images/buttons/add.png) no-repeat; padding: 15px 5px 0 10px; } #add[disabled], .add button[disabled], button[disabled].add, input[disabled].add { background:url(../images/buttons/add-grey.png) no-repeat; } #addrow, button.addrow, input.addrow { background:url(../images/nav_down.gif) no-repeat; padding:0 10px 0 20px; } #alert, button.alert , input.alert { background:url(../images/buttons/alert.png) no-repeat; padding:0 10px 0 20px; } #approve, button.approve, input.approve { background:url(../images/buttons/approve.png) no-repeat; padding:0 10px 0 20px; } #attach, button.attach , input.attach { background:url(../images/buttons/attachment.png) no-repeat; padding:0 10px 0 20px; } #bookmark, button.bookmark , input.bookmark { background:url(../images/buttons/bookmark.png) no-repeat; padding:0 10px 0 20px; } /*#browse, button.browse, input.browse { background:url(../images/buttons/browse.png) no-repeat; padding:0 10px 0 20px; }*/ #bulkActionButton, button.bulk, input.bulk { background:url(../images/buttons/bulk.png) no-repeat; padding:0 10px 0 20px; } #bulkActionButton[disabled], button[disabled].bulk, input[disabled].bulk{ background:url(../images/buttons/bulk-grey.png) no-repeat; } #cancel, .cancel button, button.cancel, input.cancel { background:url(../images/buttons/cancel.png) no-repeat; padding:0 10px 0 20px; } #change, button.change, input.change { background:url(../images/buttons/change.png) no-repeat; padding:0 10px 0 20px; } #switch, button.switch, input.switch { background:url(../images/buttons/switch.png) no-repeat; padding:0 10px 0 20px; } #change-password, button.change-password, input.change-password { background:url(../images/buttons/change-password.png) no-repeat; padding:0 10px 0 20px; } #close, button.close, input.close { background:url(../images/buttons/cancel.png) no-repeat; padding:0 10px 0 20px; } #contact, button.contact, input.contact { background:url(../images/buttons/contact.png) no-repeat; padding:0 10px 0 20px; } #copy, button.copy , input.copy { background:url(../images/buttons/copy.png) no-repeat; padding:0 10px 0 20px; } #createExt, button.createExt , input.createExt { background:url(../images/buttons/extend.png) no-repeat; padding:0 10px 0 20px; } #cross-reference, button.cross-reference , input.cross-reference { background:url(../images/buttons/reference.png) no-repeat; padding:0 10px 0 20px; } #delete, button.delete, input.delete { background:url(../images/buttons/delete.png) no-repeat; padding:0 10px 0 20px; } /* Styling for download button has been moved from commonStyle.css to commonYuiStyle.css so that it only appears on YUI pages (that import overrideYuiCss.comp. */ /*#download, button.download, input.download { background:url(../images/buttons/download.png) no-repeat; padding:0 10px 0 20px; }*/ #edit, .edit button, button.edit, input.edit { background:url(../images/buttons/edit.png) no-repeat; padding:0 10px 0 20px; } #email, button.email , input.email { background:url(../images/buttons/email.png) no-repeat; padding:0 10px 0 20px; } #filter, button.filter, input.filter { background:url(../images/buttons/filter.png) no-repeat; padding:0 10px 0 20px; } #forgot-password, button.forgot-password , input.forgot-password { /*TODO:PS:2013-01-04 missing icon*/ background:url(../images/buttons/forgot-password.png) no-repeat; padding:0 10px 0 20px; } #no, button.no, input.no { background:url(../images/buttons/cancel.png) no-repeat; padding:0 10px 0 20px; } #preview, button.preview, input.preview { background:url(../images/buttons/view.png) no-repeat; padding:0 10px 0 20px; } #remove, button.remove, input.remove { background:url(../images/buttons/remove.png) no-repeat; padding:0 10px 0 20px; } .yui-skin-sam .yui-button .first-child .remove-no-label, #remove-no-label, button.remove-no-label, input.remove-no-label { background:url(../images/buttons/remove.png) no-repeat; padding: 15px 5px 0 10px; } #revert, .revert button, button.revert, input.revert { background:url(../images/buttons/revert.png) no-repeat; padding:0 10px 0 20px; } #save, button.save, input.save { background:url(../images/buttons/approve.png) no-repeat; padding:0 10px 0 20px; } #search, button.search, input.search { background:url(../images/buttons/search.png) no-repeat; padding:0 10px 0 20px; } #search-no-label, button.search-no-label, input.search-no-label { background:url(../images/buttons/search.png) no-repeat; padding:0 0 0 20px; } .yui-skin-sam .yui-button .first-child .search-no-label, #search-no-label, .search-no-label button, button.search-no-label, input.search-no-label { background:url(../images/buttons/search.png) no-repeat; padding: 15px 5px 0 10px; } #send, button.send, input.send { /*TODO:PS:2013-03-04 missing icon*/ background:url(../images/buttons/approve.png) no-repeat; padding:0 10px 0 20px; } #submit, button.submit, input.submit { background:url(../images/buttons/approve.png) no-repeat; padding:0 10px 0 20px; } #upload, button.upload, input.upload { background:url(../images/buttons/upload.png) no-repeat; padding:0 10px 0 20px; } #update, button.update, input.update { background:url(../images/buttons/approve.png) no-repeat; padding:0 10px 0 20px; } #view, button.view, input.view { background:url(../images/buttons/view.png) no-repeat; padding:0 10px 0 20px; } #yes, button.yes, input.yes { background:url(../images/buttons/approve.png) no-repeat; padding:0 10px 0 20px; } #no-icon, input.no-icon { padding:0 10px 0 10px; } .yui-skin-sam .yui-button .first-child .left-arrow, #left-arrow, button.left-arrow, input.left-arrow { background:url(../images/buttons/left-arrow.png) no-repeat; padding: 15px 5px 0 10px; } .yui-skin-sam .yui-button .first-child .right-arrow, #right-arrow, button.right-arrow, input.right-arrow { background:url(../images/buttons/right-arrow.png) no-repeat; padding: 15px 5px 0 10px; } /* Example: Style buttons on pages that have not been uplifted, may be added later. */ /*input.add { background:url(../images/buttons/add.png) no-repeat scroll 2px center #EEEEEE; border: 1px solid #CCCCCC; border-radius: 3px; padding:2px 10px 0 20px; text-decoration: none; } input.add:hover { background:url(../images/buttons/add.png) no-repeat scroll 2px center #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px; padding:2px 10px 0 20px; text-decoration: none; }*/ span.sort-label { float: left; width: 80%; } div.sort-arrow-up { background: url(../images/dt-arrow-dn-small.png) no-repeat; float: right; height: 10px; width: 13px; } div.sort-arrow-down { background: url(../images/dt-arrow-up-small.png) no-repeat; float: right; height: 10px; width: 13px; } a.sort-arrow { display: block; height: 100%; width: 100%; } /**** Message Styling *************************************************************************************************/ .panelMsg { display: none; height:15px; } .hidden { display:none; } .info, .success, .warning, .error, .pinsuccess { border: 1px solid; margin: 5px 0px; padding: 5px 10px 5px 25px; background-repeat: no-repeat; background-position: 5px center; position:relative; display: block; } .info { color: #00529B; background-color: #BDE5F8; background-image: url('../images/info.png'); } .success { color: #4F6910; background-color: #DFF2BF; background-image: url(../images/buttons/approve.png); } .warning { color: #9F6000; background-color: #FEEFB3; background-image: url('../images/exclamation.png'); } .error { color: #D8000C; background-color: #FFBABA; background-image: url(../images/buttons/delete.png); } .pinsuccess { color: #4F6910; background-color: #DFF2BF; background-image: url(../images/buttons/approve.png); text-align: center; } /* END - Button *******************************************************************************************************/ /* YUI Button Styling *************************************************************************************************/ /*.yui-skin-sam .yui-button { text-align:right; margin-right: 5px; } .yui-skin-sam .yui-button button { cursor:pointer; font-family:OpenSans,sans-serif,Helvetica,Tahoma; font-size: 11px; text-decoration: none; min-height: 0.8em; padding: 0 10px 0 20px; } .yui-skin-sam .yui-button button:hover{ border:none; } .button-group button:hover { color: #000; text-decoration: none; border: none; }*/ /* Reset YUI image under menu *****************************************************************************************/ .yui-skin-sam .yuimenubar { background-image: none; } .relative { position:relative; } .form-no-margin-padding{ margin: 0; padding: 0; } .no-padding-margin-clear{ padding: 0; margin: 0; clear:both; } #toolbar-inst-list { position: absolute; visibility: hidden; z-index: 3000; } .yuimenu { position: absolute; visibility: hidden; z-index: 3000; } .w-107em{ width: 107em; } .w-107em th{ min-width: fit-content; } /* Inline Styles from front_end_posting_reject_list page moved here GPP-31566 */ /*label { width: 12.5em; }*/ .yui-skin-sam .yui-dt TH .yui-dt-liner { white-space: normal; } fieldset { _padding: 0.25em; /* IE Hack */ _margin: 0.2em; margin-top: 0.8em; padding: 0.25em; } div.datatableCriteria label { width: 32%; } .labelText { color: #005398; } .extract { border-color: #D6E434; border: 1px solid; font-size: 11px; min-height: 28px; height: auto !important; height: 28px; } .tip { background-color: #F6FDEA; border-color: #D6E434; border: 1px solid; margin: 0.5em 0; min-height: 28px; height: auto !important; height: 28px; padding: 0.5em; } .no-text-decoration { text-decoration: none; } .hidden-float-left { display: none; float: left; } .text-center { text-align: center; } .full-width-hidden-overflow { width: 100%; overflow: hidden; } .width-33-float-left { width: 33%; float: left; } .margin-left-33-width-66 { margin-left: 33%; width: 66%; } .hidden-auto-scroll { display: none; height: 31em; width: 570px; overflow: auto; } .show-auto-scroll { display: block; height: 31em; width: 570px; overflow: auto; } .background-none { background: none; } .dynamic-width { width: 529px; } .hidden-inherit { display: none; visibility: inherit; } .anti-clickjack { display: none !important; } /*JQUERY PAGINATOR */ div.dt-container .dt-paging .dt-paging-button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; color: inherit !important; border: 1px solid transparent; border-radius: 2px; background: transparent; } div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover { color: inherit !important; border: 1px solid rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.05); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.05))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* IE10+ */ background: -o-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* W3C */ } div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active { cursor: default; color: rgba(0, 0, 0, 0.5) !important; border: 1px solid transparent; background: transparent; box-shadow: none; } div.dt-container .dt-paging .dt-paging-button:hover { color: white !important; border: 1px solid #111; background-color: #111; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ } div.dt-container .dt-paging .dt-paging-button:active { outline: none; background-color: #0c0c0c; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; } div.dt-container .dt-paging .ellipsis { padding: 0 1em; } div.dt-container .dt-paging { color: inherit; } /* GPP-31920 changes start */ div.table-container{ width: 100%; } .table-scroll { max-height: 400px; overflow-y: auto; } /*GPP-19926 Changes ends*/ .feeListTableWrapper { overflow-x: auto; width: 62em; } .download-div-element { float: left; margin-left:-5px; } .dialog-buttons { display: flex; justify-content: center; margin-top: 20px; } .dialog-buttons button { margin: 0 10px; } .w-250em{ width: 250em; } .width300px{ width: 300px; } /* GPP-31920 changes end */ /*GPP-20004 Changes start */ table.w100em{ width: 100em; } /*GPP-20004 Changes ends*/ /* Bootstrap custom */ div.dialog-panel { display: none; position: relative; visibility: inherit; min-height: auto !important; } .tbl-lt-fxd { table-layout: fixed; } div.datatableCriteria label { width: 25%; } div.table-container{ width: 100%; } .yui-skin-sam .yui-dt td.align-right { text-align: right; } .yui-skin-sam .yui-dt td.align-center { text-align: center; } /* YAHOO.widget.DataTable - Override datatable.css allow column heading to be wrapped * Over-rides white-space:nowrap */ .yui-skin-sam .yui-dt TH .yui-dt-liner { white-space: normal; } .freedayClass { padding-left: 18px; } .weeklyClass { padding-left: 5px; } .monthlyClass { padding-left: 6px; } .no-header-dialog .ui-dialog-titlebar { display: none; } .dialog-form { padding: 7px; position: relative; } /* GPP-20005 - YUI to jQuery -merch_create_properties Ends */ /* Bootstrap custom */ .text-right { text-align: right; } .postion-relative { position: relative; } .float-start { float: left; } .float-end { float: right; } .pl-5 { padding-left: 5px } .pt-4 { padding-top: 4px } .w-75em{ width: 75em; } .hide { display: none; } .show { display: block; } .w-107em{ width: 107em; } .w-107em th{ min-width: fit-content; } .w-320em{ width: 320em } .w-400em{ width: 400em } .d-flex { display: flex; } .align-centre { text-align: center; } .yui-skin-sam .yui-dt td.align-center { text-align:center; } .w-150em{ width: 150em; } .w-180em{ width: 180em; } /* GPP-19997 Changes Starts*/ .w-210em{ width: 210em; } /* Bootstrap custom */ /* YUI -jQuery Migration Changes */ /* GPP-20005 - YUI to jQuery -merch_create_properties Starts */ div.dialog-panel { display: none; position: relative; visibility: inherit; min-height: auto !important; } .tbl-lt-fxd { table-layout: fixed; } div.datatableCriteria label { width: 25%; } .yui-skin-sam .yui-dt td.align-right { text-align: right; } .yui-skin-sam .yui-dt td.align-center { text-align: center; } /* YAHOO.widget.DataTable - Override datatable.css allow column heading to be wrapped * Over-rides white-space:nowrap */ .yui-skin-sam .yui-dt TH .yui-dt-liner { white-space: normal; } .freedayClass { padding-left: 18px; } .weeklyClass { padding-left: 5px; } .monthlyClass { padding-left: 6px; } .no-header-dialog .ui-dialog-titlebar { display: none; } .dialog-form { padding: 7px; position: relative; } /* GPP-20005 - YUI to jQuery -merch_create_properties Ends */ /* Bootstrap custom */ .text-right { text-align: right; } .postion-relative { position: relative; } .float-start { float: left; } .float-end { float: right; } .pl-5 { padding-left: 5px } .pt-4 { padding-top: 4px } .w-75em{ width: 75em; } .hide { display: none; } .show { display: block; } .w-320em{ width: 320em } .align-centre { text-align: center; } .td .align-center { text-align:center; } .s-filter { padding-left:8px; } .p-type{ width:24em; padding-left:3px; padding-bottom:5px; } .p-value{ width:25em; padding-left:5px; } .type_label{ width:23em; text-align:left; } .w-1.8em{ width:1.8em; } .margin-padding{ margin-left:3px; } /*GPP-19926 Changes starts*/ .w-165em{ width: 165em; } /*GPP-19926 Changes ends*/ .relative { position:relative; } .form-no-margin-padding{ margin: 0; padding: 0; } .no-padding-margin-clear{ padding: 0; margin: 0; clear:both; } #toolbar-inst-list { position: absolute; visibility: hidden; z-index: 3000; } .yuimenu { position: absolute; visibility: hidden; z-index: 3000; } /* GPP-19997 Changes Starts*/ .w-200em{ width: 200em; } .s-filter { padding-left:8px; } .p-type{ width:24em; padding-left:3px; padding-bottom:5px; } .p-value{ width:25em; padding-left:5px; } .type_label{ width:23em; text-align:left; } .w-18em{ width:1.8em; } .margin-padding{ margin-left:3px; } .hidden_visible { display: none; visibility: inherit; } p.feedback-container span.spacer{ height:1.8em; width:1.8em; float:left; position:relative; } .field-set{ _padding : 0.25em; /* IE Hack */ _margin: 0.2em; margin-top:0.8em; padding:0.25em; } p.feedback-container label { width: 12.5em; } /* GPP-19997 Changes Ends*/ .w-130em{ width: 130em; } .w-130em th{ min-width: fit-content; } .highlight-row{ border-top: 2px dashed #000000; border-bottom: 2px dashed #000000 !important; border-left: 2px dashed #000000; border-right: 2px dashed #000000 } /* GPP-19997 Changes Ends*/ /*GPP-19926 Changes starts*/ .w-165em{ width: 165em; } /*GPP-19926 Changes ends*/ .feeListTableWrapper { overflow-x: auto; width: 62em; } /*GPP-33561 Changes starts*/ .w60em { width: 60em; } /*GPP-33561 Changes ends*/ /*GPP-33830 Changes Starts*/ .table-scroll { max-height: 400px; overflow-y: auto; } .feeListTableWrapper { overflow-x: auto; width: 62em; } .download-div-element { float: left; margin-left:-5px; } .dialog-buttons { display: flex; justify-content: center; margin-top: 20px; } .dialog-buttons button { margin: 0 10px; } .w-250em{ width: 250em; } /*GPP-33830 Changes Ends*/ /* GPP-30848 Changes Starts */ .zebratable div.icon{ margin: 0; padding: 10px; } .yui-skin-sam div.rec-highlight-lock { background: url("/ram/ramstatic/images/lock_grey.gif") center center no-repeat; } .yui-skin-sam div.rec-highlight-lock-red { background: url("/ram/ramstatic/images/lock_red.gif") center center no-repeat; } .yui-skin-sam div.rec-highlight-unlock { background: url("/ram/ramstatic/images/unlock3.gif") center center no-repeat; } /* GPP-30848 Changes Ends */ /* GPP-33830 Changes Starts */ .table-scroll { max-height: 400px; overflow-y: auto; } /*GPP-33830 Changes Starts*/ .table-scroll { max-height: 400px; overflow-y: auto; } .feeListTableWrapper { overflow-x: auto; width: 62em; } .download-div-element { float: left; margin-left:-5px; } .dialog-buttons { display: flex; justify-content: center; margin-top: 20px; } .dialog-buttons button { margin: 0 10px; } .w-250em{ width: 250em; } /*GPP-33830 Changes Ends*/ /* GPP-30848 Changes Starts */ .zebratable div.icon{ margin: 0; padding: 10px; } .yui-skin-sam div.rec-highlight-lock { background: url("/ram/ramstatic/images/lock_grey.gif") center center no-repeat; } .yui-skin-sam div.rec-highlight-lock-red { background: url("/ram/ramstatic/images/lock_red.gif") center center no-repeat; } .yui-skin-sam div.rec-highlight-unlock { background: url("/ram/ramstatic/images/unlock3.gif") center center no-repeat; } /* GPP-30848 Changes Ends */ /* GPP-31901 Changes Starts */ tr.header{ background-color: #ececec; font-weight: bolder; } tr.header td{ border: none; } /* GPP-31901 Changes Ends */ /* GPP-31907 Changes Starts*/ .label-width-7 { width: 7%; } .fieldset-divider-margin { margin-bottom: 5px; margin-top: 5px; } .tbl-lt-td { table-layout: fixed; width: 100%; } .date-icon { text-decoration:none } /* GPP-31907 Changes Ends*/ /*GPP-45449 Changes Start*/ td.dt-data-col-wrapped { white-space: normal; word-break: break-word; } /*GPP-45449 Changes End*/ /* Force jQuery UI to use Open Sans */ .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'OpenSans', OpenSans, 'Segoe UI', 'sans-serif' !important; } /* Force all report content to use monospace font */ .report, .internal-report, .external-report, .report * { font-family: monospace !important; } /* If reports are rendered in 
, ,