@CHARSET "UTF-8"; /* Basic Elements ********************/ /*************************************/ /* box styles */ .group div.box { padding: 5px 0; height: 100%; position: relative; } /* basic box setup */ .box div.content { padding: 0 5px; } /* add left/right padding for direct content in a box */ .group div.roundedBox { border: 2px solid #A6ADB0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .group div.squareBox { border: 2px solid #A6ADB0; } .group div.box.stacked { margin-bottom: 10px; } /* box sections */ .group div.splitBox { } .splitBox div.left { width: 354px; border-right: 1px solid #A6ADB0; padding: 0 5px; margin-right: -1px; } .splitBox div.right { width: 355px; border-left: 1px solid #A6ADB0; padding: 0 5px; } .splitBox div.top { border-bottom: 1px solid #A6ADB0; height: 50%; padding: 5px 0; } .splitBox div.bottom { padding: 5px 0; } /* data display columns */ .box div.leftData { padding-top: 2px; width: 50%; float: left; text-align: left; font-weight: bold; clear: left; } .box div.rightData { padding-top: 2px; width: 50%; float: left; text-align: right;} .leftData.headCol { font-size: 120%; margin-bottom: 10px; } .rightData.headCol { font-size: 120%; font-weight: bold; margin-bottom: 10px; } /* box labeling and content */ .group div.box h3 { margin: 0 5px 5px 5px; border-bottom: 1px solid #A6ADB0; clear: both; padding-top: 5px; } /* adjust margins for less white-space in .box */ .group div.box .cornerIcon32 { position: absolute; top: 5px; left: 693px; width: 32px; height: 32px; overflow: hidden; } .cornerIcon32 img { border: 0; background-color: white;} /* tables */ .box table.full { width: 730px; } .squareBox table.full, .roundedBox table.full { width: 728px; border: 0; margin: 0 auto -5px auto;} .squareBox caption, .roundedBox caption { text-align: left; margin: 0 5px 10px 5px; border-bottom: 1px solid #A6ADB0; } .tableList { width: 585px; position: relative; margin: auto; } /* Forms *****************************/ /*************************************/ form { float: none; } .group form { background-color: white; } .group form p { margin: 0 0 0.4em 0; } div.box form, div.verifyPage form { padding: 5px 2px; } .group div.box form h3 { border-bottom: none; padding-top: 5px; } .box form input.text { width: 100%; } /* need to let text fields, by default, be dynamically "full width" to their parent ... not static fixed */ .box form p.sizedError { width: 630px; } input.text, textarea, input.password, input.file { border: 1px solid #a3a3a3; width: 896px; padding: 0.2em 4px 0.3em 4px; font-size: 1em; } input.text:focus, textarea:focus, input.password:focus { border: 1px solid #317EDC; background: white; } form select { border: 1px solid #a3a3a3 !important; padding: 2px; margin-bottom: 0.8em; margin-top: 2px; } body.ie6 form select, body.ie7 form select { margin-bottom: 0; margin-top: 4px; } body.ie8 form select { margin-bottom: 0; margin-top: 0px; } .searchBySelect { margin-top: 10px; } .group form p.error { background: 0; font-weight: normal; display: inline-block; } .required { color: #C41230; } .requiredHeader { color: #C41230; font-size: 10px; position: absolute; right: 10px; top: 10px; } .accepted { color: #459F37; } /* Basic Inputs **********************/ /*************************************/ input.submit, button.submit, input.reset, button.reset, input.back, button.back, input.cancel, button.cancel, input.clear, button.clear, input.confirm, button.confirm, button { height: 3em; background: #3ca8e9; border: 2px solid #fff; color: #fff; padding: 5px 8px; font-weight: bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; clear: none; width: auto;} body.ie7 button { overflow: visible; filter: alpha(opacity=100); } input.text[disabled], input.select[disabled] { background-color: #CDCDC1; cursor: not-allowed;} input.text[readonly], input.select[readonly] { background-color: #CDCDC1; cursor: not-allowed;} input.text[disabled]:focus, input.text[readonly]:focus{ background-color: #CDCDC1;} input.back:hover, input.back.ie6-hover, button.back:hover, input.submit:hover, input.submit.ie6-hover, button.submit:hover, input.reset:hover, input.reset.ie6-hover, button.reset:hover, input.cancel:hover, input.cancel.ie6-hover, button.cancel:hover, input.clear:hover, input.clear.ie6-hover, button.clear:hover, input.confirm:hover, input.confirm.ie6-hover, button.confirm:hover, button.ie6-hover, button.smallButton { background: #404a4f; outline: none; } body.ie6 input.cancel, body.ie6 input.clear, body.ie6 button.cancel, body.ie6 button.clear { border-color: #CDD3D6; } /* Generic Buttons/Actions Block *****/ /*************************************/ div.actionButtons { width: 100%; text-align: right;} div.actionButtons button { float: none; display: inline-block; margin-top: 1em; } span.procImg { margin: 8px 5px; padding: 4px; display: none; vertical-align: bottom; } /* Sections **************************/ /*************************************/ div.section { margin-bottom: 15px; padding: 0; position: relative; } div.sectionData { padding: 0 10px; word-wrap: break-word; } div.section span.toggle { cursor: pointer; position: absolute; top: 2px; right: 5px; } div.section h4 { padding-left: 5px; } div.sectionData.left, div.sectionData.right { width: 349px; } div.sectionData.left { padding-right: 5px; border-right: 1px solid #A6ADB0; } div.sectionData.right { padding-left: 5px; border-left: 1px solid #A6ADB0; margin-left: -1px; } div.spacer { clear: both; height: 10px; line-height: 10px; width: 100%; } /* Title labels and values ***********/ /*************************************/ div.title { font-weight: bold; width: 159px; clear: left; } div.shortTitle { font-weight: bold; width: auto; max-width: 154px; clear: left; padding-right: 5px; } div.value { clear: right; text-align: left; width: 540px; padding-left: 5px; word-wrap: break-word; } div.short div.value, div.left div.value, div.right div.value { width: 190px; text-align: right; padding-left: 0; } div.left, div.right, div.title, div.value, div.spacer, div.shortTitle { float: left; } body.ie7 div.value { float: none; } /* Full and Short Basics *************/ /*************************************/ div.full { clear: both; } div.full input.text, div.full textarea, div.full p.error { width: 660px; } div.full select { margin-bottom: 0px; min-width: 212px; } div.short { float: left; width: 340px; word-wrap: break-word; } div.short.left { border-right: 1px solid #A6ADB0; padding-right: 10px; } div.short.right { border-left: 1px solid #A6ADB0; margin-left: -1px; padding-left: 10px;} div.short input.text, div.short input.password { width: 250px; } div.short p.error { width: 148px; } div.short select { margin-bottom: 0px; width: 262px; } div.short input[type=checkbox] { width: 1px; } div.shorterLeft { float: left; width: 175px; clear: left; } div.shorterRight { float: left; width: 85px; } body.ie7 div.shorterRight { float: none; } div.short input.phoneText { width: 145px; } div.short input.extensionText { width: 75px; } /* Misc Support **********************/ /*************************************/ .relative { position: relative; } .hide { display: none; } .clearAll { clear: both; } .valName { font-weight: bold; } .toggle_container { } .headerTrigger { height: 40px; padding: 0 0 5px 5px; } .flipImage { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .rotateQuarter { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } body.ie7 .relative, body.ie6 .relative { zoom: 1; } div.scrollable { height:400px; width:400px !important; overflow-y: scroll; } span.pageNumDisplay { float: right; margin-right: 20px; } span.pageNumDisplay a { text-decoration: none; cursor: pointer; } .sf-vertical li.leftMenuBox { background: none; background-color: white !important; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; height: 200px; width: 198px; } h3.pageTitle { word-wrap: break-word; padding-top: .1em; } div.coverageBlock { width: 50%; height: 175px; text-align: center; } /* Info/Warn/Err Boxes ***************/ /*************************************/ form p.warning, form p.information, form p.error, form p.callToAction { background-color: none; padding: 0.4em 0 0 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-width: 0; border-top: none; margin-top: -9px; position: relative; top: -1px; font-size: 11px; height: auto; } p.genError, p.genInfo, p.genWarn, p.downloadFile, div.genWarn, div.genInfo, div.genError { padding: 1em 15px 1em 55px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } p.genError, p.genInfo, p.genWarn, div.genWarn, div.genInfo, div.genError { float: left; width: 450px; min-height: 50px; margin: 10px 20px 0 125px !important; word-wrap:break-word; } p.genError, div.genError { background: url("../../content_lf/css/icons/32/error_32.png") no-repeat scroll 12px 1.2em #F9E7EA; border: 1px solid #C41230; color: #C41230; } p.genInfo, div.genInfo { border: 1px solid #317edc; color: #317edc; background: #eaf2fb url("../../content_lf/css/icons/32/info_32.png") 12px 1.2em no-repeat; } p.genWarn, div.genWarn { border: 1px solid #f8b80d; color: #906800; background: #fef8e6 url("../../content_lf/css/icons/32/warning_32.png") 12px 1.2em no-repeat; } p.downloadFile { border: 1px solid #459F37; color: #459F37; background: url("../../content_lf/css/icons/32/document_32.png") no-repeat scroll 12px 1em #E3F1E1; } div.genInfo { float: none; } /*div.genError { width: 400px; min-height: 80px; float: none; } */ div.genInfo h3 { padding-top: 0; } p.overRide, div.overRide { margin: 0 !important; } #newDownload { border: 1px solid #459F37; color: #459F37; background: url("../../content_lf/css/icons/16/down_16.png") no-repeat scroll 12px 1em #E3F1E1; } #newDownload { padding: 1em 15px 1em 55px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } p.smallInfo { border: 1px solid #317edc; color: #317edc; background: #eaf2fb url("../../content_lf/css/icons/16/info_16.png") 12px 1.2em no-repeat; margin: 0 auto 10px; width: 300px; padding: 12px 10px 10px; text-align: center; veritical-align: middle; border-radius: 3px 3px 3px 3px; } /* Info Tooltips *********************/ /*************************************/ .group .inputInfoIcon { font-size: 110%; display: inline; cursor: pointer; background-image: url('/TnsPayM/content_lf/css/icons/16/info_16.png'); background-repeat: no-repeat; z-index: 101; vertical-align: bottom; } body.ie8 .group .inputInfoIcon { vertical-align: baseline; } body.ie9 .group .inputInfoIcon { background-position: 0 1px; } span.inputInfoBlock { width: 613px; float: left; padding: .4em 15px .3em 40px; margin: 5px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-style: italic; border-radius: 3px; border: 1px solid #317edc; color: #317edc; background: #eaf2fb url("../../content_lf/css/icons/16/info_16.png") 10px .5em no-repeat; display: none; } span.inputInfoText { width: 500px; padding: 0; margin: 5px 0; font-style: italic; color: #317edc; display: none; } span.inputInfoTooltip { width: 450px; padding: .4em 10px .3em 10px; position: absolute; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-style: normal; border-radius: 3px; border: 1px solid #317edc; color: #317edc; display: none; background-color: #eaf2fb; font-weight: normal; } div.short span.inputInfoTooltip { width: 250px; } /* Menu Stuffs ***********************/ /*************************************/ .sf-vertical li, ul.sf-vertical { width: 200px; } .sf-vertical li.vertMenuBuffer { width: 201px; border: 0px !important; background: #317EDC !important; height: 7px !important; } .sf-navbar li li ul { width: 20em; } .sf-menu { margin-bottom: 5px; } .sf-vertical { margin-bottom: 30px; position: relative; } /* JQGrid Fixes ***********************/ /*************************************/ .ui-jqgrid .ui-state-default { color: #3CA8E9; } .ui-jqgrid table { border: 0; } .ui-jqgrid tr.jqgrow td { height: 22px; white-space: normal; border-bottom: 1px solid #ddd; border-right: 1px solid #EEEEEE; border-left: 0px; padding: 2px; background-image: none; background-color: transparent; } .ui-jqgrid .ui-jqgrid-htable th { height: auto; white-space: normal; padding: 0px 2px; } .ui-jqgrid .ui-jqgrid-sortable { height: auto !important; white-space: normal; } .ui-jqgrid .ui-pg-selbox { font-size: 1em; } .ui-jqgrid .ui-pg-input { font-size: 1em; } .ui-jqgrid .ui-pager-control table tbody tr.over td {background: #ffffff;} .ui-jqgrid tr.ui-priority-secondary { opacity: 1; } .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { padding: 5px 2px; } .ui-jqgrid .ui-jqgrid-htable th { border-bottom: 2px solid #3CA8E9; height:100%; } .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { border-bottom: 2px solid #3CA8E9; } .ui-jqgrid .ui-state-highlight { background: #FFF799; } form .ui-jqgrid select { border: 1px solid #769FB7; margin-bottom: 0; margin-top: 0; padding: 0; } .ui-jqgrid .ui-pg-button:hover { padding: 1px; } .ui-jqgrid .ui-pg-table td { border: 0 none; font-size: 11px; } /* JQGrid Stripes */ .ui-jqgrid tbody tr.altRowClassEven td { background-color: #E2EBF0; } .ui-jqgrid tbody tr.altRowClassOdd td { background-color: #FFFFFF; } .ui-jqgrid tbody tr.ui-state-hover.altRowClassEven td { background: #C6CED2; color: black; } .ui-jqgrid tbody tr.ui-state-hover.altRowClassOdd td { background: #C6CED2; color: black; } /* Table Report specific highlights */ #tableReport tbody tr.ui-state-highlight td { background: #FFF799; color: black; } #tableReport tbody tr.ui-state-highlight { border: 0px solid #FFFFFF; } #tableReport tbody tr.ui-state-hover.ui-state-highlight.altRowClassEven td { background: #E3E3B5; color: black; } #tableReport tbody tr.ui-state-hover.ui-state-highlight.altRowClassOdd td { background: #E3E3B5; color: black; } /* Datepicker overrrides for color coded calendar. It has the tones of green. */ .ui-widget-content .validDay a.ui-state-default { background: none repeat scroll 0 0 #008B45; color: white; } .ui-widget-content .validDay .ui-state-hover { background: none repeat scroll 0 0 #00CD66 !important; color: white; } .ui-widget-content .validDay .ui-state-active { background: none repeat scroll 0 0 #00EE76 !important; color: white; } /* Header ****************************/ /*************************************/ #brand { float:left; } #headTimestamp { width: 260px; text-align: right; color: #404A4F; margin-top: 90px; float: right; } #headTimestamp .date { } #supportNum { padding-bottom: 2px; border-bottom: 1px solid #A6ADB0; } #signinDetails p.user { padding-top: 2px; } #brand { margin-bottom: 10px; } /* Footer ****************************/ /*************************************/ #footer img.twitterLogo { border: 0; height: 20px; width: 20px; } #footer span.twitterLogo { position: absolute; left: 240px; top: 35px; } #footer span.version { font-size: 75%; position: absolute; right: 5px; bottom: 0; } /* Login *****************************/ /*************************************/ body.ie7 div.loginForm { width: 100%; } .loginForm form p.error { background: 0; font-weight: normal; display: inline-block; } div.noJavascript { display: block; } .centerWarnFullPage { width: 736px; margin: 100px; padding: 10px; } .centerWarnFullPage .genWarn { margin: 10px 132px !important; } div.browserWarning { float: none; padding: .5em 15px .5em 55px; width: 238px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #f8b80d; color: #906800; background: #fef8e6 url("../../content_lf/css/icons/16/warning_16.png") 12px .6em no-repeat; margin-bottom: -95px; margin-top: 100px; } #browserOverlay { background-color: white; display: none; width: 750px; padding: 10px; } div.browserIcon, div.browserText { float:left; } div.browserIcon { height: 55px; } div.browserIcon.hasLeft { border-left: 1px solid #A6ADB0; } div.browserText { width: 130px; } div.browserIcon img { width: 40px; height: 40px; padding: 10px 10px; } div.browserText { padding-left: 10px; clear: right; } /* Client Form ***********************/ /*************************************/ .box form.clientForm { padding: 5px 2px; } .clientForm #parentSearch { display: none; } .clientForm #parentName { width: 300px; } .clientForm #parentNameRow p.error { width: 248px } .clientForm #initParentSearch { font-weight: normal; padding: 0px 3px; height: 25px; float: none; vertical-align: middle; margin: 0; } /* Searching *************************/ /*************************************/ .box div .genericSearch { background-color: white; } .genericSearch form, .searchResults form { background-color: white; padding: 15px 5px; } .genericSearch form input.text { width: 300px; } .genericSearch form input.hiddenText { display: none; } .genericSearch select.hiddenSelect { display: none; } .genericSearch form input.hiddenDatePicker { display: none; } .genericSearch .searchForm { text-align: center; clear: left; width: 720px; } .searchResults div.resultsWrap { overflow: hidden; position: relative; min-height: 100px; } /*TPM-1450 - Couldnt able to view all the results in act as other client search while selecting 80 results .ActAsSearchResults div.resultsWrap { overflow-y: scroll; height: 400px !important; min-height: 100px; } */ .ActAsSearchResults div.resultsWrap { overflow-y: auto; height: 400px !important; min-height: 100px; padding: 13px;} .searchResults div.resultsWrap div.procImg { display: none; position: absolute; top: 50%; left: 348px; } .searchResults div.returnLink { color: #317EDC; cursor: pointer; position: absolute; top: 5px; right: 5px; } .searchResults .topOptions { width: 100%; background:0; border:0; } .resultsTable th { overflow: hidden; } .resultsTable th input { width: 100%; margin-left: -2px;} body.ie8 .resultsTable th input, body.ie7 .resultsTable th input, body.ie6 .resultsTable th input { width: 98%; } .resultsTable th select { width: 100%; margin: 0px; margin-left: -2px; border: 1px solid #A6ADB0; padding: 0; height: 21px; } body.ie7 .resultsTable th select, body.ie6 .resultsTable th select, body.ie8 .resultsTable th select { margin: 0; } body.ie7 .resultsTable th select, body.ie6 .resultsTable th select { height: auto; } .parentSearch { margin: 5px 0 30px 0; position: relative; } #baseSearch .searchResults, .parentSearch .searchResults { display: none; background-color: white; position: relative; } .closeSearch { display: none; } /* hidden by default */ .parentSearch .closeSearch { display: block; background-color: white; position: absolute; top: 100%; right: 0; height: 30px; line-height: 30px; width: 100px; text-align: center; } .parentSearch .closeSearch a { text-decoration: none; cursor: pointer; } .resultsTable { width: 100%; margin: 0; border: 0; table-layout: fixed; } .resultsTable tbody tr { cursor: pointer; } .resultsTable tbody td { word-wrap: break-word; } .resultsTable td.highlighted { background: #c6ced2; } .resultsTable th div.colName { position: relative; padding-bottom: 5px; } .resultsTable th img { position: absolute; bottom: 1px; left: 0; } .resultsTable th:hover { background-color: #E2EBF0; cursor:pointer; } .resultsTable th p.warning { width: 716px; padding: 1em 15px 1em 55px; background: url("icons/32/warning_32.png") no-repeat scroll 12px 1.2em #FEF8E6; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; float: none; } /* Client Search *******************/ /***********************************/ div.CLIENT .resultsTable th.col0, div.CLIENT .resultsTable th.col2, div.CLIENT .resultsTable th.col5 { width: 7%; } div.CLIENT .resultsTable th.col1 { } div.CLIENT .resultsTable th.col3, div.CLIENT .resultsTable th.col4, div.CLIENT .resultsTable th.col6 { width: 15%; } div.CLIENT .resultsTable td.col0, div.CLIENT .resultsTable td.col1, div.CLIENT .resultsTable td.col2, div.CLIENT .resultsTable td.col6 { text-align: left; } /* Role Search *********************/ /***********************************/ div.ROLE .resultsTable th.col2 { width: 30%; } div.ROLE .resultsTable th.col3 { width: 15%; } div.ROLE .resultsTable td.col1, div.ROLE .resultsTable td.col2 { text-align: left; } /* Terminal Search *****************/ /***********************************/ div.TERMINAL .resultsTable th.col8 { width: 80px; } /* Merchant Search *****************/ /***********************************/ div.MERCHANT .resultsTable th.col1, div.MERCHANT .resultsTable th.col2, div.MERCHANT .resultsTable th.col3, div.MERCHANT .resultsTable th.col4 { width: 21%; } div.MERCHANT .resultsTable td.col1, div.MERCHANT .resultsTable td.col2, div.MERCHANT .resultsTable td.col3, div.MERCHANT .resultsTable td.col4 { text-align: left; } /* Adhoc Report Searching **********/ /***********************************/ /* Type, Creation Date, Status */ div.ADHOC_REPORT .resultsTable th.col2, div.ADHOC_REPORT .resultsTable th.col5, div.ADHOC_REPORT .resultsTable th.col6 { width: 12%; } /* Report Definition, Client, Merchant */ div.ADHOC_REPORT .resultsTable th.col1, div.ADHOC_REPORT .resultsTable th.col3, div.ADHOC_REPORT .resultsTable th.col4 { width: 21%; } div.ADHOC_REPORT .resultsTable td.col1, div.ADHOC_REPORT .resultsTable td.col3, div.ADHOC_REPORT .resultsTable td.col4 { text-align: left; } /***** Activity Report Searching *****/ /* Name, Type, Creation Date */ div.ACTIVITY_REPORT .resultsTable td.col1, div.ACTIVITY_REPORT .resultsTable td.col2 { text-align: left; } /* User Searching ******************/ /***********************************/ div.USER .resultsTable th.col1 { } div.USER .resultsTable th.col2, div.USER .resultsTable th.col3 { width: 20%; } div.USER .resultsTable th.col4, div.USER .resultsTable th.col5 { width: 17%; } div.USER .resultsTable td.col1, div.USER .resultsTable td.col2, div.USER .resultsTable td.col3 { text-align: left; } /* Terminal Row *********************/ /*************************************/ .group div.box.terminal h3 { border: 0; } .group div.box.terminal h4 { color: #317EDC; } .box div.terminalRow { width: 100%; border-top: 1px solid #A6ADB0; padding-bottom: 2px; position: relative; } .terminalRow div.header { float:left; width: 400px; padding: 0 5px; } .terminalRow div.header div { float: left; margin-top: 7px; } .terminalRow div.header div div { margin-top: 0px; } .terminalRow div.header .terminal { width: 300px; text-align: left;} .terminalRow div.header .terminal .title { width: auto; max-width: 125px; padding-right: 5px; } .terminalRow div.header .terminal .value { width: auto; max-width: 275px; word-wrap: break-word; } .terminalRow div.header .active { color: green; width: 100px; text-align: right; } .terminalRow div.header .deactive { color: red; width: 100px; text-align: right; } .terminalRow div.header .pending { color: orange; width: 100px; text-align: right; } .terminalRow div.data { display: none; clear: both; } .terminalRow ul.sf-menu { margin-bottom: 0px; height: 30px; width: 320px; background: #cbd1d4 url("../../content_lf/css/menus/horiz-dropdown-bg.gif") repeat-x; } .terminalRow .sf-menu li, .terminalRow .sf-menu .menu-shadow-left, .terminalRow .sf-menu .menu-shadow-right { height: 30px; } .terminalRow .sf-menu a { height: 30px; padding: 0 7px; line-height: 30px; } .terminalRow div.toggle { position: absolute; z-index: 1; top: 0px; left: 700px; line-height: 30px; padding-right: 5px; cursor: pointer; } /********** Pending Carrier Devices Admin - Tab Menu *****************/ /*********************************************************************/ div.box #pendingCarierDevMenu { border: 2px solid #A6ADB0; border-bottom: 0; padding: 0; z-index: 2; } #pendingCarierDevMenu .sf-menu { margin: 0; } #pendingCarierDevMenu .sf-menu, #pendingCarierDevMenu .sf-menu ul, #pendingCarierDevMenu .sf-menu li, #pendingCarierDevMenu .sf-menu span, #pendingCarierDevMenu .sf-menu li a { height: 30px; line-height: 30px; overflow: hidden; } #pendingCarierDevMenu .sf-menu li a { padding: 0 .5em; font-size: 12px; } #pendingCarrierDevs .pendingCarrierDevSection { min-height: 200px; margin-top: -5px; } body.ie7 #pendingCarrierDevs .pendingCarrierDevSection { top: -5px; } #pendingCarrierDevs #mobitexDevs, #pendingCarrierDevs #attDevs, #pendingCarrierDevs #tmobileDevs { display: none; } /* Errored Carrier Devices ***********/ /*************************************/ div.box .erroredCarrierDevices { position: relative; } .erroredCarrierDevices div.data { padding: 0 5px; } .erroredCarrierDevices div.left { width: 190px; padding: 0px 5px 10px 5px; } .erroredCarrierDevices div.left .error {margin: 0px; padding: 11px 45px 23px 50px; width: 96px; height: 20px; } .erroredCarrierDevices div.right .errSerTerm , .erroredCarrierDevices div.right .bulk, .erroredCarrierDevices .erroredActionVerify, .erroredCarrierDevices .noSerialSelected, #pendingCarrierDevs #errorForm, .erroredCarrierDevices div.verifyClose, .erroredCarrierDevices div.resendClose, .erroredCarrierDevices div.resendQueueTexts { display: none; } .erroredCarrierDevices div.verifyClose { width: 100%; text-align: right; } .erroredCarrierDevices div.right .errSerOptions { border-bottom: 1px solid #A6ADB0; padding-bottom: 5px; width: 100%; margin-bottom: 5px; } .erroredCarrierDevices div.right .single { padding-top: 5px; min-height: 329px; } .erroredCarrierDevices div.right { width: 510px; } .erroredCarrierDevices div.right div.top { width: 100%; border-bottom: 1px solid #A6ADB0; } .erroredCarrierDevices div.right div.bottom { display: none; width: 490px; padding: 5px 10px; } .erroredCarrierDevices div.right div.bottom .messageActions { text-align: right; width: 100%; } .erroredCarrierDevices select.sers, .erroredCarrierDevices select.actOn { height: 300px; width: 188px; } .erroredCarrierDevices div.actOn { float: left; padding-right: 20px; } .erroredCarrierDevices div.middle { float: left; padding-top: 40px; } .erroredCarrierDevices div.bottom textarea { width: 100%; } .erroredCarrierDevices div.data div.actions { position: absolute; top: 75px; right: 0; width: 175px; } .erroredCarrierDevices div.actions .sf-vertical { margin: 0; width: 175px; } .erroredCarrierDevices div.actions .sf-vertical li { width: 175px; } .erroredCarrierDevices div.actions div.menuBevel { width: 175px; height: 5px; overflow: hidden; display: block; line-height: 0; font-height: 0; } .erroredCarrierDevices div.actions .noSerialSelected { margin-bottom: 5px; } .erroredCarrierDevices div.menuBevel img.bottomBevel { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .erroredCarrierDevices .genInfo, .erroredCarrierDevices .genError { margin-left: 0px; } .erroredCarrierDevices form.verifyForm, .erroredCarrierDevices div.verifyClose form, .erroredCarrierDevices form.verifyForm, .erroredCarrierDevices div.resendClose form { background-color: white; padding: 0; margin: 0; text-align: right; } .erroredCarrierDevices .resendQueueConsoleHeader { display: none; width: 100%; font-weight: bold; } .erroredCarrierDevices .resendQueueConsole { display: none; width: 100%; border: 1px solid #A6ADB0; height: 250px; overflow-y: scroll; font-size: 11px; } .attActFormDivVerify div.genInfo, .attActFormDivVerify div.genWarn, .attActFormDivVerify div.genError { margin: 50px 0px 5px 15px !important; float: left; width: 400px; } .tmobileActFormDivVerify div.genInfo, .tmobileActFormDivVerify div.genWarn, .tmobileActFormDivVerify div.genError { margin: 50px 0px 5px 15px !important; float: left; width: 400px; } /* Pending Carrier Devices **********/ /*************************************/ .group div.box.pendCarDev h3 { border: 0; } .box div.pendCarDevRow { width: 100%; border-top: 1px solid #A6ADB0; padding-bottom: 2px; position: relative; } .pendCarDevRow div.header { float:left; width: 400px; line-height: 30px; padding: 0 5px; } .pendCarDevRow div.header .file { width: 250px; text-align: left; } .pendCarDevRow div.data { display: none; padding-bottom: 5px; position: relative; } .pendCarDevRow div.data form { background-color: white; padding: 10px; } .pendCarDevRow div.data div.inFile { float: left; margin-left: 15px; } .pendCarDevRow div.data div.actOn { float: left; } .pendCarDevRow div.data div.middle { float: left; padding: 50px 15px; } .pendCarDevRow div.middle button { width: 75px; font-weigth: bold; margin: 0; } .pendCarDevRow div.data div.actions { position: absolute; top: 45px; right: 0; width: 175px; } .pendCarDevRow div.actions .sf-vertical { margin: 0; width: 175px; } .pendCarDevRow div.actions .sf-vertical li { width: 175px; } .pendCarDevRow div.actions div.menuBevel { width: 175px; height: 5px; overflow: hidden; display: block; line-height: 0; font-height: 0; } .pendCarDevRow div.menuBevel img.bottom { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .pendCarDevRow div.data div.inFile p, .pendCarDevRow div.data div.actOn p { margin: 0; font-weight: bold; } .pendCarDevRow div.data select { height: 150px; width: 200px; display: inline; } .pendCarDevRow div.horizMenu ul.sf-menu { margin-bottom: 0px; height: 30px; width: 320px; background: #cbd1d4 url("../../content_lf/css/menus/horiz-dropdown-bg.gif") repeat-x; } .pendCarDevRow div.horizMenu .sf-menu li, .pendCarDevRow div.horizMenu .sf-menu .menu-shadow-left, .pendCarDevRow div.horizMenu .sf-menu .menu-shadow-right { height: 30px; } .pendCarDevRow div.horizMenu .sf-menu a { height: 30px; padding: 0 12px; line-height: 30px; } .pendCarDevRow div.toggle { position: absolute; z-index: 1; top: 0px; left: 700px; line-height: 30px; padding-right: 5px; cursor: pointer; } /* Pending Carrier Toggle Box ********/ /*************************************/ .group div.pendCarDevToggleBox {} .pendCarDevToggleBox div.toggle { position: absolute; z-index: 1; top: 0px; left: 700px; line-height: 30px; padding-right: 5px; cursor: pointer; } .pendCarDevToggleBox div.data { display: none; padding-bottom: 5px; position: relative; } .pendCarDevToggleBox div.data form { background-color: white; padding: 10px; } .pendCarDevToggleBox div.data div.inFile { float: left; margin-left: 15px; } .pendCarDevToggleBox div.data div.actOn { float: left; } .pendCarDevToggleBox div.data div.middle { float: left; padding: 50px 15px; } .pendCarDevToggleBox div.middle button { width: 75px; font-weigth: bold; margin: 0; } .pendCarDevToggleBox div.data div.actions { position: absolute; top: 45px; right: 0; width: 175px; } .pendCarDevToggleBox div.actions .sf-vertical { margin: 0; width: 175px; } .pendCarDevToggleBox div.actions .sf-vertical li { width: 175px; } .pendCarDevToggleBox div.actions div.menuBevel { width: 175px; height: 5px; overflow: hidden; display: block; line-height: 0; font-height: 0; } .pendCarDevToggleBox div.menuBevel img.bottom { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .pendCarDevToggleBox div.data div.inFile p, .pendCarDevToggleBox div.data div.actOn p { margin: 0; font-weight: bold; } .pendCarDevToggleBox div.data select { height: 150px; width: 200px; display: inline; } /* Verizon Pending Activations *******/ /*************************************/ div.box #verPendAct { position: relative; } #verPendAct div.header { display: block-inline; width: 400px; line-height: 30px; padding: 0 5px; } #verPendAct div.header form { background: white; padding: 0; } #verPendAct div.toggle { position: absolute; z-index: 1; top: 5px; right: 5px; line-height: 30px; padding-right: 5px; cursor: pointer; } #verPendAct button.submitFile { padding: 0; height: 25px; vertical-align: middle; margin: 0; } #verPendAct div.data { height: 400px; display: none; padding: 0 5px; } #verPendAct div.left { width: 190px; height: 380px; padding: 10px 5px; } #verPendAct div.left .error {margin: 0px; padding: 11px 45px 23px 50px; width: 96px; height: 20px; } #verPendAct div.right { width: 510px; height: 400px; } #verPendAct div.right div.top { width: 100%; height: 220px; border-bottom: 1px solid #A6ADB0; } #verPendAct div.top form { width: 495px; height: 149px; padding: 10px 5px 10px 10px; background: white; position: relative; margin: 0; } #verPendAct div.top form input { width: 360px } #verPendAct div.top form p.error { width: 308px} #verPendAct div.top button.complete { position: absolute; bottom: 5px; right: 5px; } #verPendAct div.right div.bottom { width: 490px; height: 170px; padding: 5px 10px; } #verPendAct div.bottom span.label { line-height: 20px; } #verPendAct div.bottom div.log { height: 139px; width: 479px; border: 1px solid #A6ADB0; padding: 5px; overflow: scroll; } #verPendAct div.bottom div.log p {margin: 0px} #verPendAct select.sers { height: 300px; width: 188px; } #verPendAct div.data div.actions { position: absolute; top: 50px; right: -21px; width: 175px; } .verizonActFormDivVerify div.genInfo, .verizonActFormDivVerify div.genWarn, .verizonActFormDivVerify div.genError { margin: 20px 0px 5px 15px !important; width: 400px; } /* Add Carrier Device Form *******/ /*************************************/ .box form.addCarrierDeviceForm { padding: 10px 2px; } .available { padding: 1em 10px 1em 20px; background: url("../../content_lf/css/icons/32/tick_32.png") no-repeat scroll 12px 1.2em; display: block; float: left; color: #6CC417; height: 34px; width: 54px } .notAvailable { padding: 1em 10px 1em 20px; background: url("../../content_lf/css/icons/32/error_32.png") no-repeat scroll 12px 1.2em; display: block; float: left; color: #C41230; height: 34px; width: 54px } #response { padding: 0 0 0 20px; color: #C41230; } /* Merchant Display ****************/ /***********************************/ form.merchExtForm select { border-style:outset; } .merchantDisplay div.section div.toggle { cursor: pointer; position: absolute; right: 5px; top: 2px; } .merchantDisplay div.section div.dropDown { position: absolute; right: 30px; top: 2px; } .merchantDisplay div.sectionData div.leftEdit { width: 300px; border-right: 1px solid #A6ADB0; padding: 0 5px; margin-right: -1px; } .merchantDisplay div.sectionData div.rightEdit { width: 300px; border-left: 0; padding: 0 5px; margin-right: -1px; } .merchantDisplay form.merchExtForm { background: 0; margin: 0; padding: 0; } .merchantDisplay div.extendedInfoInnerBody { height: 100%; postion: relative; } .merchantDisplay div.extendedInfoInnerBody .title { width: 259px; } .merchantDisplay div.extendedInfoInnerBody .value { width: 440px; } .merchantDisplay div.activatedTID { background: 0; width:330px; float: left; } .merchantDisplay div.activatedTID table { background:0; border:0; width:325px; } .merchantDisplay div.activatedTID tbody tr, .merchantDisplay div.deactivatedTID tbody tr { cursor: pointer; } .merchantDisplay div.deactivatedTID { background: 0; width:330px; float: right; } .merchantDisplay div.deactivatedTID table { background:0; border:0; width:325px; } #merchantList { height: 212px; overflow-y: scroll; display:none; margin: auto; position: relative; } #merchantTableList { margin: 0; position: relative; width: 569px; } #merchantTableList th, #merchantTableList td { padding: 2px; } #merchantMoveError { width:80%; position: relative; margin: 15px auto auto; text-align: left; color: #C41230; display: none; } #clientMerchantForm { padding: 0; } #clientMerchantTableHeader { margin: 15px auto auto; width: 585px; table-layout: auto; } /* Report Form *********************/ /***********************************/ .reportForm div.inFile { float: left; margin-left: 15px; } .reportForm div.actOn { float: left; } .reportForm div.middle { float: left; padding-left: 15px; padding-right: 15px; padding-top: 60px; padding-bottom: 30px; } .reportForm div.middle button { width: 50px; height: 30px; font-weight: bold; margin: 0; } .reportForm select.reportSelectBox { width: 300px; height: 150px; } /* Report Searches (base/parent) *****/ /*************************************/ .box div #clientSearch1 { background-color: white; } #reportResult { padding: 15px 10px; } .downloadBox { padding-top: 15px; float: right; } .baseSearch1 { background-color: white; position: relative; overflow: hidden; } .baseSearch1 table th { white-space: nowrap; text-align: center; } .baseSearch1 table td { white-space: nowrap; text-align: left; } #searchResults1 div.resultsWrap1 { min-height: 100px; } /*--------------------------------*/ /* Fixes for elements inside radio buttons in SelectEventConfBy */ /*--------------------------------*/ #inRadioLabel { margin-left: 22px; font-weight: bold; } #confNo { margin-left: 22px; border: 1px solid #a3a3a3; width: 400px; padding: 0.2em 4px 0.3em 4px; font-size: 1em; } .inRadioError { margin-left: 22px; margin-top: 5px; padding-top: 4px; width: 400px; } #inRadioErrorP { padding-right: 0px; width: 366px; } /*--------------------------------*/ /** Terminal Profile Form **********************/ /***********************************************/ .terminalProfileForm #changeMerchant, #changeProduct, #changeTerminal, #changeFile, #changeProfile { display: none; font-weight: normal; margin-top: 0; padding: 0px 3px; height: 25px; float: none; vertical-align: middle; } /* Modem Move *********************/ /***********************************/ #targetTerminalContents #searchResults { display: none; background-color: white; position: relative; } /* Physical Terminal ***************/ /***********************************/ .physicalTerminalForm div.sectionData input.text { width: 200px; } /* Client Details - General ********/ /***********************************/ div.box #viewClient { padding-top: 0px; } #viewClient span.toggle { cursor: pointer; position: absolute; top: 2px; right: 5px; } #viewClient div.smallProcImg { line-height: 0; height: 18px; width: 18px; margin: 3px; display: none; background-image: url( './procImgs/ajax-loader-small.gif'); float: right; } #viewClient .genInfo { margin-top: 50px; } #viewClient .verifyForm { text-align: right; padding-right: 50px; } #deactivateBlock, #suspendBlock { display: none; margin-bottom: 20px; } #deactivateReasonSelection, #deactivateError, #suspendReasonSelection, #suspendError { display: none; } #deactivateBlock form, #suspendBlock form { padding: 10px 0 10px 200px; } #deactivateBlock .genInfo, #suspendBlock .genInfo { margin-top: 0; } /* Client Details - Tabs ********/ /***********************************/ #viewClient .viewClientSection { min-height: 200px; margin-top: -5px; padding-top: 10px; } body.ie7 #viewClient .viewClientSection { top: -5px; } /* Client Details - Menu ********/ /***********************************/ div.box #viewClientMenu { border: 2px solid #A6ADB0; border-bottom: 0; padding: 0; z-index: 2; } #viewClientMenu .sf-menu { margin: 0; } #viewClientMenu .sf-menu, #viewClientMenu .sf-menu ul, #viewClientMenu .sf-menu li, #viewClientMenu .sf-menu span, #viewClientMenu .sf-menu li a { height: 30px; line-height: 30px; overflow: hidden; cursor: pointer; } #viewClientMenu .sf-menu li a { padding: 0 .5em; font-size: 12px; } #viewClientMenu ul.sf-menu { width: 730px; } /* Client Details - General ********/ /***********************************/ #viewClient .viewClientSection p.genInfo.basic { margin: 35px 20px 0 130px !important; } /* Client Details - Children Tab ***/ /***********************************/ div.box #childClients { display: none; } #childClients .children { padding: 10px 0 10px 16px; } #childClients .childData .dataRow { width: 100%; border-bottom: 1px solid #A6ADB0; background-color: #E2EBF0; color: #556269; } #childClients .childData .dataRow:hover { background-color: #c6ced2; } #childClients .headerRow div, #childClients .childData .dataRow div { float: left; border-right: 1px solid white; padding-left: 3px; font-size: 11px; word-wrap: break-word; } #childClients .headerRow span.expandAll, #childClients .headerRow span.collapseAll, #childClients .childData .dataRow div { cursor: pointer; } #childClients .headerRow { width: 100%; border-bottom: 2px solid #3CA8E9; } #childClients .headerRow div.name, #childClients .childData .dataRow div.name { width: 300px; } #childClients .headerRow div.city, #childClients .childData .dataRow div.city { width: 120px; } #childClients .headerRow div.state, #childClients .childData .dataRow div.state { width: 50px; text-align: center; } #childClients .headerRow div.clientid, #childClients .childData .dataRow div.clientid { width: 100px; text-align: center; } #childClients .headerRow div.status, #childClients .childData .dataRow div.status { width: 75px; text-align: center; } #childClients .headerRow div.action { position: absolute; right: 4px; } #childClients .childData .children { display: none; padding-left: 10px; border-top: 2px solid #3CA8E9; border-bottom: 3px solid white; } #childClients .childData .toggle { display: none; cursor: pointer; position: absolute; top: 0; left: -10px; font-size: 10px; width: 10px; } /* Client Details - DPCs Tab *******/ /***********************************/ div.box #linkedDepCenters, .depCenterRow .depCenterRolesEdit, .depCenterRow button.cancelEdit, .depCenterRow button.submitEdit, #depCenterChoice, #depCenterChoice button.addSelected, #depCenterChoice button.addBack, #depCenterChoice button.addSubmit, #depCenterChoice #roleSelectBlock, #linkedDepCenters #clientDepCenterError { display: none; } #linkedDepCenters form { margin: 0; padding: 0; } #linkedDepCenters h3 { border: 0; padding-top: 5px; } #linkedDepCenters .depCenterRow { margin-top: -1px; border-width: 1px 0px; border-color: #A6ADB0; border-style: style; border-style: solid; padding: 5px 10px; } .depCenterRow .depCenterName { font-weight: bold; font-size: 1.2em; float: left } .depCenterRow .depCenterRole { clear: left; float: left; } .depCenterRow .depCenterActions { position: absolute; bottom: 5px; right: 2px; text-align: right; } .depCenterRow .depCenterRoleName { font-style: italic; } .depCenterRow .depCenterRolesEdit { } #linkedDepCenters #depCenterAdd { padding: 15px 10px 5px 10px; text-align: center; } #depCenterAdd button, .depCenterRow button, #depCenterChoice button { margin: 0; padding: 1px 5px; height: 24px; line-height: 18px; font-size: 12px; font-weight: normal; } .depCenterRow button.remove, .depCenterRow button.cancelEdit, #depCenterChoice button.cancelAdd { background-color: #C41230; } #depCenterChoice { width: 400px; position: absolute; top: 25px; left: 175px; background-color: white; } #depCenterChoice h4 { margin: 0; padding: 5px 0 0 10px; color: #317EDC; } #depCenterListBlock { padding: 0; max-height: 100px; overflow-y: scroll; overflow-x: overflow; border-top: 1px solid #A6ADB0; } #depCenterChoice .depCenterEntry { margin-top: 5px; padding: 2px 5px; border-width: 1px 0px; border-color: #3188bd; border-style: style; border-style: solid; font-weight: bold; } #depCenterListBlock .depCenterEntry { border-color: #A6ADB0; margin-top: -1px; font-weight: normal; } #depCenterListBlock .depCenterEntry:hover { background-color: #c6ced2; } #depCenterChoice #roleSelectBlock { padding: 30px 0 10px 80px; max-height: 100px; } #depCenterAddActions { padding: 2px; width: 100%; text-align: center; } /* Client Details - Term/Proc Tab **/ /***********************************/ div.box #clientTermProc, #clientTermProc #hiddenSet, #clientTermProc #showSelectedButton, #clientTermProc #hideSelectedButton, #clientTermProcVerify, #clientTermProcError { display: none; } #clientTermProc #visibleSet, #clientTermProc #hiddenSet { width: 710px; padding-bottom: 20px; } #clientTermProc .termProcRow { padding-left: 30px; font-size: 12px; } #clientTermProc .termProcRowChildren { display: none; } #clientTermProc .headingRow { background-color: white; font-weight: bold; padding: 2px 0 2px 30px; font-size: 11px; line-size: 12px; } #clientTermProc .headingRow .contents { border-bottom: 2px solid #3CA8E9; padding-left: 10px; } #clientTermProc .dataRow, #clientTermProc .productRow { padding: 2px 10px; border-bottom: 1px solid #A6ADB0; background-color: #E2EBF0; color: #556269; cursor: pointer; } #clientTermProc .rightLabel { position: absolute; right: 5px; top: 2px; font-weight: normal; font-size: 10px; } #clientTermProc .rightLabel.raised { top: -26px; right: 100px; } #clientTermProc .dataRow.selected { font-weight: bold; background-color: #c5e1f0; } #clientTermProc .dataRow:hover, #clientTermProc .productRow:hover { background-color: #c6ced2; font-weight: bold; } #clientTermProc .productRow div { float: left; border-right: 1px solid white; } #clientTermProc .productRow .tTip { font-weight: normal; } #clientTermProc .productRow .productName { width: 300px; } #clientTermProc .productRow .certStatus { width: 100px; text-align: center; } #clientTermProc .productRow .productCheck { position: absolute; right: 0; } #clientTermProc form#visibleGroup, #clientTermProc form#hiddenGroup { padding: 0; margin: 0; background-color: white; } #clientTermProc div.spacer { height: 15px; border: 0; margin: 0; } #combosViewToggle { text-align: right; } #combosViewToggle form { padding: 2px 5px; margin: 0; background-color: white; } #combosViewToggle span { font-weight: bold; padding-right: 15px; } #combosViewToggle button, #clientTermProc #hideSelectedButton button, #clientTermProc #showSelectedButton button { height: 24px; padding: 0 5px; margin: 0; font-weight: bold; font-size: 10px; border: 1px solid #FFFFFF;} #combosViewToggle .off, #clientTermProc #hideSelectedButton button.off, #clientTermProc #showSelectedButton button.off { background-color: white; color: #3CA8E9; } #combosViewToggle button.off:hover, #clientTermProc #hideSelectedButton button.off:hover, #clientTermProc #showSelectedButton button.off:hover { border: 1px solid #3CA8E9; } #termProcVisibilityVerifyForm { background-color: white; padding: 0; margin: 0; } /* Client Details - PPs Tab ********/ /***********************************/ div.box #clientPricingPlans { display: none; } #clientPricingPlans h3 { border-bottom: none; } #clientPricingPlans h4 { padding-left: 0; padding-top: 2px; } #clientPricingPlans div#ppRegPlans.empty, #clientPricingPlans div#ppPromoPlans.empty { border-top: 1px solid #8E8E8E; } #clientPricingPlans div.ppTypeToggle { padding: 5px; position: absolute; right: 10px; top: 0px; } #clientPricingPlans div.ppTypeToggle button { height: 24px; padding: 0 5px; margin: 0; font-weight: bold; font-size: 10px; border: 1px solid #FFFFFF;} #clientPricingPlans div.ppTypeToggle button.on {} #clientPricingPlans div.ppTypeToggle button.off { background-color: white; color: #3CA8E9; } #clientPricingPlans div.ppTypeToggle button.off:hover { border: 1px solid #3CA8E9; } #clientPricingPlans div.ppLoading { margin: 75px 325px ; } #clientPricingPlans div.ppPlan { border-top: 1px solid #D6D6D6; background-color: white; padding-bottom: 5px; cursor: pointer; } #clientPricingPlans div.ppPlan:hover { border-color: #8E8E8E; } #clientPricingPlans div.ppDescription { padding-bottom: 10px; padding-top: 5px; padding-left: 20px; } #clientPricingPlans div.ppDescription.expanded { } #clientPricingPlans div.ppDescription div.toggle { position: absolute; top: 5px; left: -5px; color: #8E8E8E; font-size: 12px; } #clientPricingPlans div.ppDetails { cursor: default; } #clientPricingPlans div.ppDetailBlock { margin: 2px 0 10px 30px; } #clientPricingPlans div.ppDetailsHeader { background-color: white; font-size: 11px; font-weight: bold; padding: 2px 0 2px 0px; border-bottom: 2px solid #3CA8E9; } #clientPricingPlans div.ppDescRow { font-size: 11px; padding-left: 5px; } #clientPricingPlans div.ppDataRow { background-color: #E2EBF0; border-bottom: 1px solid #A6ADB0; color: #556269; cursor: pointer; padding: 2px 10px; cursor: pointer; } #clientPricingPlans div.ppDataRow.ppTerminal { cursor: default; } #clientPricingPlans div.ppDataRow.selected { background-color: #C5E1F0; font-weight: bold; } #clientPricingPlans div.ppDataRow:hover { background-color: #C6CED2; } /* Client Details - Metrics Tab ****/ /***********************************/ div.box #clientMetrics { display: none; } #clientMetrics table.clientMetrics, #clientMetrics table.tnsClientMetrics { border: 0; margin: 0 5px; width: 720px; } #clientMetrics table.clientMetrics th.statCol { width: 15%; } #clientMetrics table.clientMetrics .titleCol, #clientMetrics table.tnsClientMetrics .titleCol, #clientMetrics table.clientMetrics .nameCol, #clientMetrics table.tnsClientMetrics .nameCol { font-weight: bold; text-align: left; padding-left: 5px; } #clientMetrics table.tnsClientMetrics .nameCol, #clientMetrics table.tnsClientMetrics .parentNameCol { width: 35%; } #clientMetrics table.tnsClientMetrics .none { padding: 20px 100px; } #clientMetrics table.tnsClientMetrics td, #clientMetrics table.tnsClientMetrics th { text-align: left; } #clientMetrics table.tnsClientMetrics tbody tr { cursor: pointer; } /* Client Details - TEA version ****/ /***********************************/ #clientDetails div.header { float:left; width: 400px; padding: 0 5px; } #clientDetails div.header div { float: left; margin-top: 7px; } #clientDetails div.header div div { margin-top: 0px; } #clientDetails div.header .client { width: 300px; text-align: left;} #clientDetails div.header .client .title { width: auto; max-width: 125px; padding-right: 5px; } #clientDetails div.header .client .value { width: auto; max-width: 275px; word-wrap: break-word; } #clientDetails div.header .active { color: green; width: 100px; text-align: right; } #clientDetails div.header .deactive { color: red; width: 100px; text-align: right; } #clientDetails div.header .pending { color: orange; width: 100px; text-align: right; } #clientDetails div.data { display: none; clear: both; } #clientDetails ul.sf-menu { margin-bottom: 0px; height: 30px; width: 320px; background: #cbd1d4 url("../../content_lf/css/menus/horiz-dropdown-bg.gif") repeat-x; } #clientDetails .sf-menu li, #clientDetails .sf-menu .menu-shadow-left, #clientDetails .sf-menu .menu-shadow-right { height: 30px; } #clientDetails .sf-menu a { height: 30px; padding: 0 7px; line-height: 30px; } #clientDetails div.toggle { position: absolute; z-index: 1; top: 0px; left: 700px; line-height: 30px; padding-right: 5px; cursor: pointer; } /* Product Combinations Tool *******/ /***********************************/ #adminTermProcTool form p, #existingCombos form p { margin: 0 0 0.4em 0; } #adminTermProcTool .genInfo, #existingCombos .genInfo { margin: 0 } #terminalSelect { width: 250px !important; } #selectedTerminal { word-wrap: break-word !important; } #addComboSelections, #comboSelects { padding: 0 10px; } #addComboSelections div { float: left; width: 175px; } #addComboSelections .title { clear: both; width: 100%; text-align: center; } #addComboSelections .actions { clear: both; width: 100%; text-align: right; } #addComboSelections form, #comboSelects form { padding: 0; margin: 0; background-color: white; } #comboSelects div { float: left; padding-right: 25px; } #addComboSelections span.baseValue { font-style: italic; } #addComboSelections span.value { color: green; } #adminTermProcTool .verifyForm, #termProcComboEditVerify .verifyForm, #termProcComboRemoveVerify .verifyForm { text-align: right; padding-right: 50px; } #addComboVerify { display: none; } #addComboVerify { padding-left: 100px; } #existingCombos { padding-bottom: 20px; margin-top: 15px; } body.ie7 #existingCombos { top: 15px } #existingCombos form { padding: 0; margin: 0; background-color: white; padding-right: 30px; } #existingCombos .termProcRow { padding-left: 30px; font-size: 12px; } #existingCombos .termProcRowChildren, #elementReserve { display: none; } #existingCombos .headingRow { background-color: white; font-weight: bold; padding: 2px 0 2px 30px; font-size: 11px; line-size: 12px; } #existingCombos .headingRow .contents { border-bottom: 2px solid #3CA8E9; padding-left: 10px; } #existingCombos .dataRow, #existingCombos .productRow { padding: 2px 10px; border-bottom: 1px solid #A6ADB0; background-color: #E2EBF0; color: #556269; cursor: pointer; } #existingCombos .rightLabel { position: absolute; right: 5px; top: 2px; font-weight: normal; font-size: 10px; } #existingCombos .rightLabel.raised { top: -28px; } #existingCombos .dataRow.selected { font-weight: bold; background-color: #c5e1f0; } #existingCombos .dataRow:hover, #existingCombos .productRow:hover { background-color: #c6ced2; font-weight: bold; } #existingCombos .productRow { text-align: right; height: 20px; } #existingCombos .productRow div { float: left; border-right: 1px solid white; } #existingCombos .productRow .certStatus { min-width: 200px; text-align: center; padding: 0 10px; } #existingCombos .productRow .certStatus span { padding-right: 15px; } #existingCombos .productRow .productName { width: 300px; text-align: left; } #existingCombos .productRow .productCheck { position: absolute; right: 0; } #existingCombos .productRow button { margin: 0; padding: 1px 5px; height: 19px; line-height: 12px; font-size: 10px; font-weight: normal; border: 1px solid #FFFFFF } #existingCombos .productRow button:hover { background: #404a4f; outline: none; } #existingCombos #commitSelectedButton { display: none; } #existingCombos #commitSelectedButton button { height: 20px; padding: 0 5px; margin: 0; font-weight: normal; font-size: 10px; } #existingCombos #editOrRemoveComboExistsError { display: none; } #adminTermProcTool #addComboGenError, #adminTermProcTool #addComboExistsError { display: none; padding: 50px 0; } /* Admin Pending Address Validation Exception Tool **/ /****************************************************/ #paveTool {} #paveTool form { padding: 0; } #paveTool p.error { display: none; } #paveTool div.title, #paveTool div.label { font-weight: bold; display: inline-block; } #paveTool div.value { text-align: right; display: inline-block; } #paveTool div.splitBox div { float: left; } #paveTool div.splitBox div.title { width: 350px; font-weight: bold; padding: 10px 0; } #paveTool div.splitBox div.label { width: 150px; clear: left; } #paveTool div.splitBox div.value { width: 200px; clear: none; } #paveTool h4 { padding-left: 0; color: #317EDC; } #paveTool div.genInfo, #paveTool div.genWarn { float: none; padding: 1em 15px 1em 55px; width: 400px; min-height: 50px; margin: 10px 20px 10px 100px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; word-wrap:break-word; } #paveTool div.genInfo { border: 1px solid #317edc; color: #317edc; background: #eaf2fb url("../../content_lf/css/icons/32/info_32.png") 12px 1.2em no-repeat; } #paveTool div.genWarn { border: 1px solid #f8b80d; color: #906800; background: #fef8e6 url("../../content_lf/css/icons/32/warning_32.png") 12px 1.2em no-repeat; } /* Admin Disclaimer ****************/ /***********************************/ #adminWarningImg { position: absolute; top: 85px; left: 220px; z-index: 2; } #adminWarning { height: 33px; width: 200px; } /* #adminWarning a.openDisclaimer { color: #906800; background: #fef8cc !important; } */ #adminWarning a.openDisclaimer:hover { background: #f6f6f6 !important; } #adminWarning a.close { display: none; max-height: 0 } #adminWarning p { text-align: right; } #adminWarning p a { font-size: 90%; } #adminWarningOverlay { display: none; padding: 1em 15px 1em 55px; width: 400px; min-height: 50px; margin: 10px 20px 0 100px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #f8b80d; color: #906800; background: #fef8e6 url("../../content_lf/css/icons/32/warning_32.png") 12px 1.2em no-repeat; } /* Announcements Tool **************/ /***********************************/ #annTool {} #annTool input, #annTool textArea { border-width: 1px; } #annTool button { margin: 0; } #annTool #display button { padding: 1px 5px; height: 19px; line-height: 12px; font-size: 10px; font-weight: normal; border: 1px solid #FFFFFF } #annTool button.tagSetter, #annTool #urlButton { border: 1px solid #FFFFFF; font-size: 10px; padding: 1px 5px; } #annTool #display h3 { border-bottom: 0; } #annTool #createEdit, #annTool #preview, #annTool #errorResponse { display: none; } #annTool #createEdit #closeEditor { position: absolute; top: 2px; right: 5px; } #annTool #display #createNew { position: absolute; top: 5px; right: 5px; } #annTool form { background-color: white; padding: 10px 5px; margin: 0 } #annTool input.short { width: 100px } #annTool textarea { width: 700px; } #annTool #errorResponse { padding-bottom: 20px; } #annTool .verifyForm { text-align: right; } #annTool #editor p.dateFld { display: inline-block; width: 200px; } body.ie7 #annTool #editor p.dateFld { display: inline; padding-right: 20px; } body.ie7 #annTool #createEditTagActions { display: inline; width: 100%; } #annTool #editor #reqEndDate { padding-left: 275px; } body.ie7 #annTool #editor #reqEndDate { padding-left: 285px; } #annTool #editor #reqText { margin-top: 0px; } #annTool p.annReqErr { display: none; width: 250px; } #annTool .smallInfo { font-size: 10px; color: #317edc; } #annTool .announcementHeader { border-bottom: 1px solid #A6ADB0; border-top: 1px solid #A6ADB0; padding: 2px 5px; } #annTool .announcementHeader .actions { position: absolute; top: 2px; right: 5px; } #annTool #preview { padding: 20px 0; } #annTool .urlOptions { width:320px; padding: .4em 10px .3em 10px; position: absolute; margin: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-style: normal; border-radius: 3px; border: 1px solid #317edc; color: #317edc; background-color: #eaf2fb; font-weight: normal; top: 10px; right: 40px; } #annTool #urlPath.text { width: 250px; } #annTool .createEditButtons { text-align: right; padding-top: 5px; } /* Announcement Display ************/ /***********************************/ .box .announcement { margin: 5px 10px; padding: 5px; min-height: 100px; width: 698px; border: 1px solid #A6ADB0; text-align: left; } .box .announcement .rawValue { display: none; } .box .announcement h3 { margin: 0 !important; padding: 0; border-bottom: 0 none !important; display: inline; } /* Client Acting As Tool ***********/ /***********************************/ #actingAsDrop { position: absolute; top: -3px; left: 200px; display: none; padding: 2px; width: 600px; -webkit-border-radius: 4px; -moz-border-radius: 4x; border-radius: 4px; border: 2px solid #317edc; color: #317edc; background-color: #eaf2fb; text-align: center; z-index: 2; } #actingAsDrop input.text { width: 60px; border-width: 1px; margin: 0; } #actingAsToggle { padding-bottom: 4px; position: absolute; width: 200px; left: 45%; top: 0; } #actingAsImgToggle { position: absolute; bottom: 3px; left: 0px; cursor: pointer; } #actingAsImgToggle img { float: left; clear: both; } #actingAsOptions { display: none; } #actingAsRevert { display: none; position: absolute; right: 2px; top: 3px; } #actingAsError { display: none; width: 430px; color: red; position: absolute; left: 100px; bottom: -20px; } /* #actingAsSarchOverlay { background-color: white; display: none; width: 750px; padding: 10px; } */ #actingAsSarchOverlay { background-color: white; display: none; position: absolute; width: 800px;top: 20px !important; padding: 10px; } #container { margin-top: 0px; }; /* User Form ***********************/ /***********************************/ .userForm #clientSearch { display: none; } .userForm #clientName, .userForm #merchantName { width: 300px; } .userForm #initClientSearch, .userForm #initMerchantSearch { font-weight: normal; padding: 0px 3px; height: 25px; float: none; vertical-align: middle; margin: 0; } /* Address Validation Support ******/ /***********************************/ #correctedAddOverlay { display: none; padding: 1em 15px 1em 55px; width: 750px; min-height: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #f8b80d; color: #906800; background: #fef8e6 url("../../content_lf/css/icons/32/warning_32.png") 12px 1.2em no-repeat; } #correctedAddOverlay div.actions { width: 100%; text-align: right; } #correctedAddOverlay div.section { width: 345px; float: left; word-wrap: break-word; } #correctedAddOverlay h3 { padding: 0; color: #906800; } .addError p.genError { min-height: 35px; padding: 1.5em 15px 0.5em 55px; width: 350px; } input.addFieldErr, select.addFieldErr { border-color: #C41230 !important; } .addressCheck div.title { display: inline-block; font-weight: bold; width: 20% } .addressCheck div.value { display: inline-block; text-align: right; width: 60%; word-wrap: break-word; } #addressCheckActions { width: 100%; text-align: right; } #addressCheckActions a { text-decoration: none; } /* Processing Overlay Support ******/ /***********************************/ #processingOverlay { display: none; padding: 1em 15px 1em 55px; width: 750px; min-height: 50px; } .procGenError { border: 1px solid #317edc; color: #317edc; background: #eaf2fb url("../../content_lf/css/icons/16/info_16.png") 12px 1.2em no-repeat; } /* Wizards ************************/ /***********************************/ .group div.wizBox { margin-bottom: 5px; } .group div.wizBox.collapsed h3 { border-bottom: 0; margin-bottom: 0px; } /* Ad-Hoc Reports ******************/ /***********************************/ .adhocReportMultiCol { float:left; padding-right: 20px; } .adhocReportOuterWrapper { clear: both; padding-top: 10px; } .adhocReportOuterWrapper input.text { width: 200px !important; } .adhocReportMultiCol p.error { width: 180px;} .adhocReportCriteria { padding-right: 15px; padding-top:0px !important; } .adhocNoMarginBottom { margin-bottom: 0px !important; } #viewAdhoc #activateBlock { display: none; margin-bottom: 20px; } #viewAdhoc #adhocActivateError { display: none; } div.reportViewTitle { width: 209px; } div.reportViewValue { width: 490px; } .adhocCriteriaSpacer13 { padding-top: 13px; margin-top:18px; } .adhocCriteriaSpacer15 { padding-top: 15px; margin-top:18px; } .adhocFileNames { height:150px; max-width:500px; min-width:150px; float:left; } .reportListBoxError { display: none; float: left; padding-top: 11px; } .floatLeft { float: left; } .marginLeft20 { margin-left:20px; } /* PIE for older ie ****************/ /***********************************/ body.ie7 div.roundedBox, body.ie8 div.roundedBox, body.ie7 span.inputInfoBlock, body.ie8 span.inputInfoBlock, body.ie7 #adminWarningOverlay, body.ie8 #adminWarningOverlay, body.ie7 #annTool .urlOptions, body.ie8 #annTool .urlOptions, body.ie7 #actingAsDrop, body.ie8 #actingAsDrop { behavior: url('../content_lf/PIE.htc'); } /***********************************/ /**** Date picker override ***/ /***********************************/ /* z-index must be greater than popup editor (1002) and top menu (1000) */ .ui-datepicker { z-index: 1003 !important; } /* Change Password Form ************/ /***********************************/ #changePasswordForm { padding: 0; } #changePasswordForm div.rulesInfo { float: left; width: 370px; margin-top: -30px; } #changePasswordForm div.rulesInfo h2 { padding: 0; color: #317EDC; padding-left: 10px; } #changePasswordForm ul li { line-height: 1.7em; font-size: .9em; } /* Inventory Results ***************/ /***********************************/ #inventoryResults div.title { float: left; width: 150px; } #inventoryResults div.value { float: right; text-align: right; width: 300px; } #inventoryResults div.section { width: 500px; margin-left:110px; } #inventoryHeader div.header { float: left; } #inventoryHeader div.returnLink { float: right; margin-top: 8px; margin-right: 8px; color: #317EDC; cursor: pointer; } /* Bulk File Upload ****************/ /***********************************/ #bulkUploadDiv div.procImg { position: absolute; top: 100px; right: 80px; } .bulkTableList { width: 700px; postition: relative; margin: auto }; .bulkTableList #bulkTable table { width: 700px; border: 0; } .bulkTable tr { padding-bottom: 10px; } .bulkTable tr td .left { text-align: left; border: 0; font-size: inherit; padding: 5px 4px; } .bulkTableList .bulkTable tr td .right { text-align: right; border: 0; font-size: inherit; padding: 5px 4px; } .realUpFileMin { height:0px; overflow:hidden; } .ieUploadWrapper { width:300px; height:30px; overflow:visible; } .ieUploadFile { width:400px; height:23px; background-color:white; cursor:pointer; } .radioBorder { border: 1px solid #A3A3A3 !important; width: 206px; margin-bottom: 0.8em; margin-top: 2px; padding: 2px; } .confMsg{ border: 1px solid #317edc; color: #317edc; background: #eaf2fb url("../../content_lf/css/icons/32/info_32.png") 12px 1.2em no-repeat; padding: 1em 15px 1em 55px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; width: 450px; min-height: 50px; margin: 0px 20px 0 95px !important; } .paging { color: #3ca8e9; width: 100%; background:0; border:0; cellspacing:0;} .paging td { border-right: 0px; border-left: 0px;} .space { margin-left: 135px; } .deviceForm #changeGroup, #changePlatform { display: none; font-weight: normal; margin-top: 5px; padding: 0px 3px; height: 25px; float: none; vertical-align: middle; } table tbody tr td.hover {background: #c6ced2;}