/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@charset "utf-8";
/*
* Font Family
*/
@import url("https://fast.fonts.com/t/1.css?apiType=css&projectid=d373bf88-ac69-4564-a074-85a991524d64");

@font-face{
font-family:"SC Sans WebW01-45Ligh";
src:url("Fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
src:url("Fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"),url("Fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"),url("Fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"),url("Fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
}
@font-face{
font-family:"SC Sans WebW01-46Ligh";
src:url("Fonts/a4f9f319-dec9-4afc-8b50-e18cc1b61cb4.eot?#iefix");
src:url("Fonts/a4f9f319-dec9-4afc-8b50-e18cc1b61cb4.eot?#iefix") format("eot"),url("Fonts/8e9ee02b-f337-4f13-ad6c-969d6d6536c8.woff") format("woff"),url("Fonts/beddbbc6-203e-4f36-8960-3f5ca22af567.ttf") format("truetype"),url("Fonts/af177436-d9e8-44e8-9c9c-ef2d945f20a3.svg#af177436-d9e8-44e8-9c9c-ef2d945f20a3") format("svg");
}
@font-face{
font-family:"SC Sans WebW01-55Roma";
src:url("Fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
src:url("Fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"),url("Fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),url("Fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),url("Fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}
@font-face{
font-family:"SC Sans WebW01-56It";
src:url("Fonts/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix");
src:url("Fonts/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix") format("eot"),url("Fonts/2c056da8-4920-4e20-8c69-8a6b315458a9.woff") format("woff"),url("Fonts/2381d918-136d-444f-8391-db0cba6da388.ttf") format("truetype"),url("Fonts/d0697971-6f58-4597-942e-8beabd1adc87.svg#d0697971-6f58-4597-942e-8beabd1adc87") format("svg");
}
@font-face{
font-family:"SC Sans WebW01-75Bold";
src:url("Fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
src:url("Fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"),url("Fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("Fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("Fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}
@font-face{
font-family:"SC Sans WebW01-76Bold";
src:url("Fonts/9eb382e7-b9a0-4ec0-86b3-7a690b9e127b.eot?#iefix");
src:url("Fonts/9eb382e7-b9a0-4ec0-86b3-7a690b9e127b.eot?#iefix") format("eot"),url("Fonts/628a0837-f9e0-4b32-83c4-d99689b9da93.woff") format("woff"),url("Fonts/4d9ecce0-f253-49fd-8623-b0f896b12794.ttf") format("truetype"),url("Fonts/dcdd4c31-466f-43f5-85c9-9bcdcd814139.svg#dcdd4c31-466f-43f5-85c9-9bcdcd814139") format("svg");
}


/*=========
* Reset CSS 
*/
body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dt, dd, form, fieldset, input, select, textarea, table, th, td, blockquote, legend { margin:0; padding:0;}
body {background-color:#f6f6f6; color:#212121; font-family: SC Sans WebW01-55Roma; font-size: 16px; height: 100%;}
h1 { font-size:100%; line-height:1.3em; }
h2 { font-size:87.50%; line-height:1.3em; }
h3 { font-size:75%; line-height:1.3em; }
p { line-height:1.3em; }
a {color: #0095dc; text-decoration:none; outline:none;}
ul { list-style:none; }
dl { height:1%;}
dt, dd { display:inline;}
fieldset, img, a img { border: 0; }
table { width:100%; border-collapse:collapse; border:0; }
caption { font-size:0; line-height:0; height:0; visibility:hidden; }
sup{vertical-align: super;  line-height: 0;}
span.bold {font-weight: bold; font-size: 13px; margin-left: -3px;}

/*
* General form element
* E.g like input, select, button....
*/
input, select ,textarea {font-size: 16px; color: #212121;}
input#j_password, input#otpPassword, input#confirmPassword, input#newPassword, input#oldPassword, input#commonUserVO\.password {font-family: arial,verdana,helvetica,sans-serif,"PMingLiU","MingLiU";}

input {outline:none; vertical-align:middle;}
button {font-family: SC Sans WebW01-55Roma; outline:none;}
input[type=text], input[type=password], select {border:1px solid #ececec; border-radius:2px; padding:11px 15px;}
input[type=checkbox], input[type=radio], select {cursor: pointer;}
input[type=checkbox]:disabled, input[type=radio]:disabled, select:disabled {background-color: rgb(235, 235, 228); cursor: default}
input[type=submit], input[type=button] {background-color: #0095dc; border: 1px solid #0095dc; border-radius: 3px; color: #fff; padding: 13px 20px; cursor:pointer;}
/*
* Reset ends here =========
*/



/*General Styles*/
.row{ height:1%;}
.column,.column{ float:left;}
.column00{ float:right;}
.row965 {margin:0 auto; min-width: 1050px; max-width: 1220px;}
.column30 {width: 25%;}
.column65 {width: 72%;}
.column70 {width:70%;}
.wd200 {width:200px !important;}
.wd100 {width:100px !important;}

.list-style-decimal {list-style-type: decimal;}
.list-style-none {list-style-type: none; margin-left: 0px;}
.list-style-lower-alpha {list-style-type: lower-alpha;}

/*Header and Navigation Style starts here*/
.header_wrapper {background-color:#fff;}
nav {text-align:right;}
nav a {color:#c1c1c1; font-size:85%; padding:15px; display:inline-block;}
.logoutStyle {color:#fff; background-color:#c15663;}
.logoutIcon {background: url(../images/icon/logout.png) no-repeat left center; padding:15px 12px;}

header {background-color: #4a4a4a; border-bottom: 2px solid #eee;}
header .header_wrapper nav {height:50px; padding:20px;}
header .header_wrapper nav a {color:#555e6f;}
/*Header and Navigation Style Ends here*/

/*User Details and Logo style strats here*/
.userDetails {background-color:#fff;}
.scbLogo {display:inline-block;padding:20px 0;}
.userInfo {list-style:none; padding-top:18px;}
.userInfo li {text-align:right;}
.welcomeText {color:#72cb10; font-size:140%; background: url(../images/icon/settingsIcon.png) no-repeat right center; padding:5px 0px;}
.welcomeText a {display:inline-block; width:30px}
.loginDur {font-size:85%; color:#9b9b9b;}
/*User Details and Logo style Ends here*/

/*Left menu style starts here*/
.mainContainer {margin-top:50px;margin-bottom:50px;}
.leftmenuContainer {border:1px solid #e2e2e2; border-radius:3px;}
.leftmenuCont {background-color:#fff; padding:15px 0; border-radius:3px; font-family: SC Sans WebW01-75Bold;}
.jsAccordion {display:block; padding:15px 0px 15px 40px; cursor: pointer; font-size: 16px;}
.plusIcon {background: url(../images/icon/plusIcon.png) no-repeat 15px center;}
.minusIcon {background: url(../images/icon/minusIcon.png) no-repeat 15px center;}
.accordionCont {background-color:#ecf6ec; list-style:none;}
.titleBG01 {background-color:#ecf6ec;}
.accordionCont  li{list-style:none;}
.accordionCont  li a, .accordionCont li span {padding:15px 5px 15px 40px; display:block;}
.accordionCont  li .active {background-color:#69c800; color:#fff;}
.sepLine {border-top:1px solid #dedede; margin:20px 40px;}
section.leftmenuCont a {color: #212121; text-decoration: none; outline: none;}
section.leftmenuCont span {color: #212121; text-decoration: none; outline: none;}
#contentLinkSelected table td {background-color: #69c800; color: #fff; padding: 15px 5px 15px 40px; display: block;}
#contentLink table td {padding: 15px 5px 15px 40px; display: block;}
/*Left menu style Ends here*/

/*Right container style starts here*/
.rightContainer {float:right;}
.titleSection {border-bottom:1px solid #c3c3c3; padding-bottom:20px; margin-bottom:25px;}
.titleSection .stepStyle {font-size:90%; padding-top:5px; color:#9b9b9b;}
.promotionCont {height:250px; background-color:#006ca7; border-radius:5px;}
.closeStyle {position:absolute; top:-10px; right:-10px; background-color:#fff; padding:5px 10px; border-radius:50%;}
.closeStyle a {font-size:100%; display:block; color:#acacac;}
.formContainer {padding:20px 0;}
dl {border-bottom:1px solid #e6e6e6; padding:20px 0;}
dt label{width:35%; display:inline-block;}
dd input[type=text]{width:59%;}
dd select{width:64%;}
.formContainerExt01 {background: #fff; padding:0 20px; border:1px solid #ffe2c5; border-radius:5px;}
.formContainerExt01 dt label {color:#9b9b9b;}
.formContainerExt01 span {font-weight:bold;}
.lastRow {border-bottom:0;}
.addText {font-size:85%; padding-left:10px;}
.checkText {padding-left:10px; vertical-align:middle; cursor:pointer;}
.buttonContainer {padding:10px 0; margin:15px 3px 3px 3px;}
.buttonStyle {padding:13px 20px; font-size:100%;}
.negButton {background-color:#f6f6f6; border:1px solid #d9d9d9; border-radius:3px;}
.prmButton {background-color:#0095dc; border:1px solid #0095dc; border-radius:3px; color:#fff;}
.impNotContainer {margin:30px 0 40px 0;}
.impNotContainer h2 {margin-bottom:15px; font-size:100%; font-weight:normal;}
.noteDetails {border:2px solid #ececec; padding:15px; border-radius:5px;}
.noteDetails p {font-size:85%; padding:10px 0;}
.messageCont {margin:25px 0;}
.messageText {font-size:85%;}
.success {color:#69c800; padding:5px 0;}
.quickLinkCont {margin-top: 30px;}
.quickLinkCont h2 {padding-bottom:15px;}
.quickLinks li{list-style:none; padding:5px 0; font-size:85%;}
.quickLinks li a,.filterContainer a ,.tableStyle01 td a{color:#0095dc; cursor:pointer;}
.filterContainer a{font-size:85%;}

/*Table & pagination Style 01*/
.tableStyle01 table{width:100%; padding-top:30px; table-layout:fixed;}
.tableStyle01 thead th {color:#202020; font-size:85%; border-bottom:2px solid #4a4a4a; text-align:left; padding:15px 10px;}
.tableStyle01 td {padding:15px 10px; color:#9b9b9b; font-size:85%; background-color:#fff; text-align:left; border-bottom:1px solid #f3f3f3; word-wrap:break-word;}
.tableStyle01 tbody tr:hover{background-color:#f4faff;}
.tableStyle01 tbody tr:hover td { background: transparent;}
.pagiCont {text-align:center; padding:20px 0;}
.pagiCont li {display:inline-block; background-color:#fff; color:#9b9b9b; font-size:110%; border:1px solid #ececec; margin:10px;}
.pagiCont li a {display:block; text-align:center; padding:10px 15px; }
.pagiCont li a.active {background-color:#5fb84e; color:#fff;}

.filterCont {padding:0;}

.datePicker01 {border:1px solid #ccc;background:#FFF; width:176px; display:inline-block;}
.datePicker01 input {font-size:85%!important;width:80px; paddin:15px;border:none; }
.datePicker01 img{ vertical-align:middle; padding-right:2px;width:32px; height:32px;}
.dateSep {padding:15px; color:#565656; font-weight:bold;}
.pagPosition {position:relative;}
.arrow-n {border-style: dashed;border-color: transparent;border-width: 0.53em;display: -moz-inline-box;display: inline-block;font-size: 10px;height: 0;line-height: 0;position: absolute;vertical-align: middle;width: 0;top:-12px;}
.arrow-n {border-bottom-width: 1em;border-bottom-style: solid;border-bottom-color: #5fb84e;bottom: 0.25em;}
.rgtAlign {text-align:right !important;}
/*Right container style Ends here*/


/*
* New Table Design
*/
table.tbl_listing  {border: 0; border-collapse: collapse;}
table.tbl_listing .tbl_content_right {text-align: right;}
table.tbl_listing .tbl_content_left {text-align: left;}
table.tbl_listing th {color: #202020; font-size: 85%; border-bottom: 2px solid #4a4a4a; text-align: left; padding: 15px 10px;}
table.tbl_listing th.tbl_form_th {font-size: 16px;}
table.tbl_listing th.tbl_header_left {padding: 0px; width: 1px;}
table.tbl_listing th.tbl_header_right {padding: 0px; width: 1px;}

table.tbl_listing tr {}
table.tbl_listing td{padding: 15px 10px; color: #9b9b9b; font-size: 85%; background-color: #fff; text-align: left; border-bottom: 1px solid #f3f3f3; word-wrap: break-word;}
table.tbl_listing td a{color: #0095dc; cursor: pointer;}
table.tbl_listing td.tbl_content_right {text-align: right;}
table.tbl_listing tr.tbl_form_row_clean td.tbl_content_right.txt_highlight {text-align: right; font-weight: bold; color: #555e6f;}
table.tbl_listing tr.tbl_listing_end td {padding: 0px 0px; background-color: #f6f6f6;}

#tooltip-content-0, #tooltip-content-1, #tooltip-content-2, #tooltip-content-3, #tooltip-content-4, #tooltip-content-5, #tooltip-content-6, #tooltip-content-7, #tooltip-content-8, #tooltip-content-9, #tooltip-content-10{display: none; position: absolute; font-size: 12px; color: #333; font-weight: normal; text-align: left; line-height: 12px; max-width: 260px; padding: 5px 10px 10px; background-color: #FAFAFA; border: 1px solid #29D238;}
p.txt_instructions {font-weight: bold;}

.tbl_sprt_bottom {border-bottom: 1px solid #c3c3c3; padding-bottom: 20px;}
.tbl_sprt_bottom .txt_title {display: block; font-size: 100%; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold;}
tr.tbl_instructions td {}

.ignorePrint_QuickLinks1 {display: none;}
.ignorePrint_QuickLinks2 {display: none;}

table.tbl_display_grey {border: 0; border-collapse: collapse;}
table.tbl_display_grey .tbl_content_right {text-align: right;}
table.tbl_display_grey .tbl_content_left {text-align: left;}
table.tbl_display_grey th {color: #202020; font-size: 85%; border-bottom: 2px solid #4a4a4a; text-align: left; padding: 15px 10px;}
table.tbl_display_grey td{padding: 15px 10px; color: #9b9b9b; font-size: 85%; background-color: #fff; text-align: left; border-bottom: 1px solid #f3f3f3; word-wrap: break-word;}
table.tbl_display_grey td.tbl_content_right.txt_nowrap a {float: right;}
table.tbl_display_grey tr.tbl_form_row_clean td.tbl_content_right.txt_highlight {text-align: right; font-weight: bold; color: #555e6f;}
table.tbl_display_grey tr.tbl_listing_end td {padding: 0px 0px; background-color: #f6f6f6;}

table.tbl_form {padding: 20px 0;}
table.tbl_form th {text-align: left; border-bottom: 1px solid #c3c3c3; padding-bottom: 20px; margin-bottom: 25px;}
table.tbl_form th.tbl_content_right {text-align: right;}
table.tbl_form th.tbselect,input,textareal_content_right {padding-top: 5px;}
table.tbl_form td.tbl_content_right {text-align: right; padding: 0px 10px 20px 10px;}
table.tbl_form td.tbl_content_right_with_top_padding {text-align: right; padding: 20px 10px 20px 10px;}
table.tbl_form td {border-bottom: 1px solid #e6e6e6; padding: 20px 0; height: 1%;}
table.tbl_form tr.tbl_listing_end td {padding: 0px 0px; background-color: #f6f6f6; border-bottom: 0px;}
table.tbl_form tr.tbl_form_end td {padding: 0px 0px; background-color: #f6f6f6; border-bottom: 0px;}

table.tbl_form.tbl_actButton td.tbl_content_right span.button {float: right; padding-top: 20px;}
table.tbl_form.tbl_actButton tr.tbl_form_end td {text-align: right; padding: 0px 10px 20px 10px;}

table.tbl_form.tbl_viewDetail {background: #fff; padding: 0 20px; border: 1px solid #ffe2c5; border-radius: 5px;}
table.tbl_form.tbl_viewDetail th.tbl_header {padding-top: 20px;}
table.tbl_form.tbl_viewDetail td.tbl_content_right {text-align: right; padding: 0px 10px 20px 10px;}
table.tbl_form.tbl_viewDetail tr.tbl_form_end td {background-color: #fff; border-bottom: 0px;}
table.tbl_form.tbl_viewDetail tr.tbl_form_end td.tbl_content_right {border: 0px solid;}
table.tbl_form.tbl_viewDetail tr.tbl_form_row_odd td {padding: 20px 10px;}

table.tbl_loginForm_layout {width: auto;}
table.tbl_form.tbl_login {}
table.tbl_form.tbl_login td {background:#fff;border:2px solid #e2e2e2;padding:0px;}
table.tbl_form.tbl_login td.login ul {width:auto; margin:10px auto;}
table.tbl_form.tbl_login li.row_error {text-align:center; white-space: normal;}
table.tbl_form.tbl_login label {display:inline-block;width:160px;padding:20px;text-align:right;}
table.tbl_form.tbl_login input[type=text], table.tbl_form.tbl_login input[type=password] {background:#f6f6f6;width:360px;}
table.tbl_form.tbl_login div.input_indent {margin-left:200px;margin-right:175px;padding:5px;text-align:justify;}
table.tbl_form.tbl_login li.password div {color:#555e6f;font-size:14px}
table.tbl_form.tbl_login li.captcha input {width:147px;}
table.tbl_form.tbl_login div.try_new_captcha {display:inline-block;border:1px solid #d8d8d8;margin:4px;vertical-align:top;}
table.tbl_form.tbl_login div.try_new_captcha img {vertical-align:middle;}
table.tbl_form.tbl_login div.try_new_captcha a {background:url(../images/icon/refresh_icon.png) no-repeat center #9b9b9b;display:inline-block;width:60px;height:60px;vertical-align:middle;}
table.tbl_form.tbl_login li.login_button div a {display:inline-block;width:235px;padding:5px 0;}
table.tbl_form.tbl_login li.login_button span.button input {width:150px;}
table.tbl_form.tbl_login tr.registration a {display:block;padding:20px;}
table.tbl_form.tbl_login tr.registration a:hover {background-color:#ecf6ec;}
table.tbl_form.tbl_login tr.registration td.account_open span {background:url("../images/icon/tab_register.png") no-repeat left top;width:auto;height:20px;padding-left: 35px;}
table.tbl_form.tbl_login tr.registration td span {display:inline-block;margin-right:10px;}
table.tbl_form.tbl_login tr.registration td.debit_card span {background:url("../images/icon/card_icon.png") no-repeat left top;width:auto;height:20px;padding-left: 35px;}
table.tbl_form.tbl_login tr.registration td.temp_id span {background:url("../images/icon/key_icon.png") no-repeat left top;width:auto;height:20px;padding-left: 35px;}
table.tbl_form.tbl_login li {white-space: nowrap;}
table.tbl_form.tbl_login li div.input_indent {white-space: normal;}
table.tbl_form.tbl_login li div.input_indent.nowrap {white-space: nowrap;}
table.tbl_form.tbl_login tr.registration td.account_open span {background:url("../images/icon/tab_register.png") no-repeat left top;width:auto;height:20px;padding-left: 35px;}

table.tbl_paging  {border: 0; border-collapse: collapse;}
table.tbl_paging .tbl_content_right {text-align: right;}
table.tbl_paging .tbl_content_left {text-align: left;}
table.tbl_paging th {color: #202020; font-size: 85%; border-bottom: 2px solid #4a4a4a; background-color: #f6f6f6; text-align: left; padding: 15px 10px;}
table.tbl_paging td{padding: 15px 10px; color: #9b9b9b; font-size: 85%; background-color: #fff; text-align: left; border-bottom: 1px solid #f3f3f3; word-wrap: break-word;}
table.tbl_paging td a{color: #0095dc; cursor: pointer;}
table.tbl_paging td.tbl_content_right {text-align: right;}
table.tbl_paging tr.tbl_form_row_clean td.tbl_content_right.txt_highlight {text-align: right; font-weight: bold; color: #555e6f;}
table.tbl_paging tr.tbl_listing_end td {padding: 0px 0px; background-color: #f6f6f6;}

table.tbl_result {background: #fff; padding: 0 20px; border: 1px solid #ffe2c5; border-radius: 5px;}
table.tbl_result td {text-align: left; border-bottom: 1px solid #c3c3c3; padding: 20px 0; margin-bottom: 25px;}
table.tbl_result td.tbl_result_topleft {width: 19px;}
table.tbl_result td.tbl_result_topright {width: 19px;}
table.tbl_result td.tbl_result_left {width: 19px;}
table.tbl_result td.tbl_result_right {width: 19px;}
table.tbl_result td.tbl_result_bottomleft {width: 19px; border-bottom: 1px solid #ffe2c5;}
table.tbl_result td.tbl_result_bottomright {width: 19px; border-bottom: 1px solid #ffe2c5;}
table.tbl_result td.tbl_result_bottom {border-bottom: 1px solid #ffe2c5;}
table.tbl_result td.tbl_content_right {border-bottom: 0px; text-align: right; padding-right: 20px;}

table.tbl_product_overview td.tbl_form_row_clean span.button {float: right; padding-top: 10px;}
table.tbl_product_overview td.tbl_form_row_clean span.button.applyNow {float: right; padding-right: 20px;}

table.tbl_display_grey #ignorePrint_filterMessage .tbl_content_right {text-align: right;}

table.tbl_normal th {border: 1px solid #838383; padding: 20px 10px;}
table.tbl_normal td {border: 1px solid #838383; padding: 20px 10px;}

/*
* Etc...
*/
.txt_product_subheader {font-weight: bold !important;}
.fontSize_16 {font-size: 16px !important;}
.padding_15_0 {padding: 15px 0 !important;}
.marginTop_15 {margin-top: 15px !important;}
.spacer_20 {height: 20px !important;}
.inline_10 {display: inline; float: left; padding-left: 5px; padding-right: 20px;}
.inline_10 input[type=radio] {padding-right: 1\9px; padding-bottom: 3\9px;}

.margin5_0 {margin: 5px 0;}
.txt_green {color: #42ab52;}
.txt_error {color: red;}
span.txt_error {display: inline-block; padding-bottom: 25px;}
.scrollable-table-style1 {height: 400px; overflow-y: scroll; border: 1px solid #eaebea;}

div#notes_new_style p {margin:15px 0; text-align:justify; font-size: 16px;}
div#notes_new_style .txt_info {font-weight: bold;}
div#notes_new_style ol {list-style-type: decimal; margin: 10px 0 10px 50px; font-size: 16px;}
div#notes_new_style ol li {padding: 10px 0;}

ul.grnList {padding: 10px 0; margin: 10px 0;}

ol.note_info {list-style-type: none; font-family: arial,verdana,helvetica,sans-serif,"PMingLiU","MingLiU" !important;}
ol.note_info dl {margin-top: 0 !important; padding: 0 !important; border-bottom: 0px;}
ol.note_info dl dd {display: block !important;}
ol.note_info.style-type1 {list-style-type: decimal; margin-left: 20px; margin-top: 5px;}

ol.ol-contents-type1 {font-size: 12px;}
ol.ol-contents-type1 li {margin-left: 40px; margin-bottom: 15px;}
ol.ol-contents-type1 li .number {margin-left: -22px;}

.messageText {font-size: 85%;}
.success {color: #69c800; padding: 5px 0;}
.successIcon {background: url(../images/icon/check_icon.png) no-repeat left top; padding: 2px 13px; position: relative; float: left;}
.messageText .message {width: 90%; float: left;}
.txt_product_overview {font-weight: bold;}
.txt_product_header {color: #69c800; font-weight: bold;}

.tbl_instructions.instructionOnly {display: none;}
.span_payeeNote {color: #db6100;}

.tbl_content_right {text-align: right;}
.tbl_content_left {text-align: left;}
.verticalTop {vertical-align: top;}
.tbl_left_width1 {width: 1px;}
.tbl_right_width1 {width: 1px;}
#filterMessage {white-space: nowrap;}
.input_calendar {white-space: nowrap;}

.fixWidth250 {width: 250px; white-space: nowrap !important;}
.tbl_width_75 {width: 914px;}
.tbl_width_25 {width: 268px; padding-left: 36px;}
.marginLeft-15 {margin-left: 15% !important;}

form#mailForm table.tbl_form th.tbl_header_left {width: 8px\9; width: 10px;}
form#mailForm table.tbl_form th.tbl_header_right {width: 8px\9; width: 10px;}
form#mailForm table.tbl_form div.border_left_grey {width: 0.5px\9; width: 0px;}
form#mailForm table.tbl_form div.border_right_grey {width: 0.5px\9; width: 0px;}

.txt_highlight {font-weight:bold !important;}
.logo-priorityBank {width: 269px; height: 87px;}

#ignorePrint_bubble0, #ignorePrint_bubble1, #ignorePrint_bubble2, #ignorePrint_bubble3, #ignorePrint_bubble4, #ignorePrint_bubble5, #ignorePrint_bubble6, #ignorePrint_bubble7, #ignorePrint_bubble10 {width: 25px; height: 25px;}
/*
* Quick Link
*/
table.tbl_info_blue {text-align: left;}
table.tbl_info_blue th {padding-bottom: 15px;}
table.tbl_info_blue td {padding-bottom: 15px;}
table.tbl_info_blue .tbl_header_right {text-align: right;}
table.tbl_info_blue .tbl_header_left {text-align: left;}

/*
* Titles
*/
.tbl_sprt_bottom {display: none;}


/*
* Calendar position
*/
.ui-datepicker-trigger {vertical-align: middle; padding-left: 5px;}
.date-pick {vertical-align: middle;}

/*
* mini icon background
*/
.jui-icon {background-image: url(../images/icon/ui-icons_222222_256x240.png); background-size: 320px 300px; background-repeat: no-repeat;}
.jui-icon:hover {background-image: url(../images/icon/ui-icons_888888_256x240.png); background-size: 320px 300px; background-repeat: no-repeat;}
.trash-bin {width: 20px; height: 20px; display: inline-block; vertical-align: middle;}
.jui-icon.trash-bin {background-position: -221px -123px;}
.edit {width: 20px; height: 20px; display: inline-block; vertical-align: middle;}
.jui-icon.edit {background-position: -78px -142px;}



/*Footer Style Starts Here*/
footer .footer_wrapper {background-color:#3c3c3c; color:#fff;}
.footerDetails {padding:30px 0;}
.footerDetails div.badge_indented {margin-left:175px;}
.copyrightStyle {font-size:100%; padding:0px 5px 10px 0px;}
.legaltext {font-size:85%;padding-top:5px;text-align:justify;}
.legaltext a {color:#0095dc;}
.usefullLinks ul li {list-style:none; padding:0 0 13px 0; font-size:85%;}
.usefullLinks ul li a {color:#fff;}
.footerDetails div.badges {float:left;width:175px;}
.footerDetails div.badges a {display:block;margin:0 auto 15px auto;}
.footerDetails div.badges a.badge_apple {
    width:135px;height:40px;
    background:url('../images/icon/Download_on_the_App_Store_Badge_US-UK_135x40.png');
    background:url('../images/icon/Download_on_the_App_Store_Badge_US-UK_135x40.svg'), none;
}
.footerDetails div.badges a.badge_apple.png_only {
    background:url('../images/icon/Download_on_the_App_Store_Badge_US-UK_135x40.png');
}
.footerDetails div.badges a.badge_google {
    width:129px;height:45px;
    background:url('../images/icon/en_app_rgb_wo_45.png');
}

/* vib */
.PageVib { height:7px; background-color:#1173ac;}
.PageVib span { float:left; display:block; height:7px; }
.PageVib .vib01 { width:20%; background-color:#6ec168; border-right:1px solid #3ab253; }
.PageVib .vib02 { width:10%; background-color:#24ac4a; border-right:1px solid #187575; }
.PageVib .vib03 { width:15%; background-color:#145e87; border-right:1px solid #15709e; }
.PageVib .vib04 { width:5%; background-color:#189bd7; border-right:1px solid #1690cb; }
/*Footer Style Ends Here*/

/* clearing */
.row:after,.PageVib:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }

/* maintenance*/
div.maintenance {width:80%;max-width:640px;margin:0 auto;text-align:center;}
div.maintenance img,div.maintenance h1,div.maintenance div {margin-bottom:6px;}

/* otp input */
tr.input_otp_tag td.otp_label {width:40%;}
tr.input_otp_tag td.otp_value table td {border:0;padding:0 0 10px 0;text-align:justify;}

/* Application/modules International Transfer OTT */
div#international_transfer_ack_print_content input {border-radius: 0 !important; padding: 0 !important;}

/* Application/modules Online MALI */
.modules-onlinemali input[type="radio"] {background-color: transparent; !important;}
.modules-onlinemali ul,ol,dl,dialog{font-size:11px;line-height:18px;position:relative;margin-top:18px;margin-bottom:18px;}
.modules-onlinemali strong{font-weight:bold}
.modules-onlinemali ol {list-style: decimal; margin-top: 18px; margin-bottom: 18px; margin-left: 16px;}
.modules-onlinemali .spacer{height:10px;}

.modules-onlinemali .subheading01 {border-bottom: 1px solid #c3c3c3; margin-bottom: 25px; padding-bottom: 20px; text-align: left; font-weight: bold;}

.modules-onlinemali .textStyle02 { text-align:center; padding: 4px 0 6px 0;}
.modules-onlinemali .textStyle02 h3 { text-align:center; font-size:16px; font-weight:bold;}
.modules-onlinemali .vibBand {background: url(../images/header-bg-topbar.gif) no-repeat left top;}
.modules-onlinemali .titleStyle01 {color: #009015; font-weight: bold; font-size: 18px; text-align: center; padding: 4px 4px 2px 4px;}
.modules-onlinemali .subtitleStyle01 {color: #000; font-size: 14px; font-weight: bold; padding: 2px 4px 0 4px;}
.modules-onlinemali .rowStyle03 { height: 53px;vertical-align: bottom; }
.modules-onlinemali .tbl_titleBg td {background:#D8D8D8}
.modules-onlinemali .tbl_result_box td { border: 1px solid #d7d7d7; }
.modules-onlinemali .tbl_result td { padding: 8px 1px; height:25px; }

.modules-onlinemali .tbl_form td { padding: 8px 1px; height:25px; border-bottom: 0px;}
.modules-onlinemali .tbl_form_row_even td, .tbl_form_row_odd td { border: 0 solid #d7d7d7; border-bottom-width: 1px; }
.modules-onlinemali .tbl_form_row_even, .tbl_form_row_even td { background-color: #f0f0f0; }
.modules-onlinemali .tbl_form_row_odd { background-color: white; }
.modules-onlinemali .tbl_footer_right { font-weight: bold; }
.modules-onlinemali .tbl_form_row_clean td { border: 0 solid #d7d7d7; }

.modules-onlinemali .table_container {max-width:878px; font-size: 12px;}
.modules-onlinemali .tableStyle02 {max-width:878px; font-size: 12px;}
.modules-onlinemali .tableStyle02 .th57{width: 57px;}
.modules-onlinemali .tableStyle02 .trancheId{width: 79px !important;}
.modules-onlinemali .tableStyle02 .productName{width: 102px !important; min-width: 102px !important;}
.modules-onlinemali .tableStyle02 .selectRadio{width: 27px !important;}
.modules-onlinemali .tableStyle02 .breakWord{word-break:break-all;}
.modules-onlinemali .tableStyle02 th {height:auto; padding:6px 2px 6px 2px; background-color:#D7D7D7; }
.modules-onlinemali .tableStyle02 th.tbl_content_left {padding-left: 4px;}
.modules-onlinemali .tableStyle02 th.tbl_content_right {padding-right: 4px;}
.modules-onlinemali .tableStyle02 td {padding: 3px 4px; }
.modules-onlinemali .tableStyle02 td.tbl_content_left {padding-left: 4px;}
.modules-onlinemali .tableStyle02 td.tbl_content_right {padding-right: 4px;}
.modules-onlinemali .rowStyle01 td { padding:12px 0 0 0; }
.modules-onlinemali .rowStyle02 { padding: 10px 0; }
.modules-onlinemali .tbl_form_row_header td { background-color: #d8d8d8; font-weight:bold; border-bottom:1px solid #bfbfbf; }
.modules-onlinemali .rowStyle03 td { padding:28px 0 0 0; }
.modules-onlinemali .tableStyle03 {border-spacing: 0px; border: 1px solid;  text-align: center; border-collapse: collapse;}
.modules-onlinemali .tableStyle03 tbody td{ background:#fff; color:#333; font-weight:normal; height:28px; border: 1px solid; padding: 5px;}
.modules-onlinemali .tableStyle03 tbody tr.firstRow td{background-color: #C0C0C0;}
.modules-onlinemali .tableStyle03 tbody tr.txt_bold td, .modules-onlinemali .tableStyle03 tbody tr td.txt_bold, .txt_bold {font-weight: bold;}
.modules-onlinemali .tableStyle03 tbody tr.lastRow td{ border-bottom:none; }
.modules-onlinemali .tableStyle03 tbody tr td p{ border-bottom:none; text-align:left;}

.modules-onlinemali .infoStyle01 { background-color: #F4F5F4; padding:12px; border:1px solid #E9E9E9;  }
.modules-onlinemali .infoStyle01 p { color: #666; }

.modules-onlinemali .tbl_instructions { background-color:#F0F0F0;color:#333333;font-size:11px; vertical-align:middle; }
.modules-onlinemali .tbl_instructions td { border-bottom-width: 0px; }
.modules-onlinemali .tbl_form .otp { background-color: #F0F0F0; }
.modules-onlinemali .termsBoxStyle01 { border:1px solid #ccc; width:96%; height:250px; overflow:auto;background-color:#fff; padding:10px 14px; color:#666; font-weight:normal; position:relative;}
.modules-onlinemali .termsBoxStyle02 { border:1px solid #ccc; width:96%; background-color:#fff; padding:10px 14px; color:#666; font-weight:normal; }
.modules-onlinemali .termslistPanel ol { position:inherit;}
.modules-onlinemali .termslistPanel { margin:0 4px; }

.modules-onlinemali .ez-radio {float: left;width: 16px;}
.modules-onlinemali .ez-radio .ez-hide {vertical-align: top; height: 14px;}
.modules-onlinemali .ez-checkbox {float: left;margin-right: 6px;}
.modules-onlinemali .ez-checkbox .ez-hide {vertical-align: top;height: 14px;}
.modules-onlinemali .labelStyle01Ext01 {float: left;width: 39px;text-align: left;}

/* New progress bar */
.progress_bar_bg{width:100%;height:63px;border-bottom:3px solid #d6d6d6; margin:0 0 14px 0; }
ul.progress_bar{margin:0; }
ul.progress_bar li{float:left;width: 16.65%;background:url(../images/progress/progress_bar.png) 0 0 repeat-x;}
ul.progress_bar li div{height:53px;background:url(../images/progress/progress_bar.png) left -53px no-repeat;}
ul.progress_bar li div span{display:block;width:138px; height:51px;padding:2px 0 0 12px;background:url(../images/progress/progress_bar.png) right -106px no-repeat; }
ul.progress_bar li div span b{float:left;padding:0px 6px 3px 0; font-size:36px;color:#acacac;text-shadow:0 1px 0 #fff;font-weight:bold;height:36px;margin-top:-4px;}
ul.progress_bar li div span strong{float:left; width:105px; height:26px; padding:4px 0 0 0; display:block;font-size:12px;font-weight:bold;color:#acacac;text-shadow:0 1px 0 #fff;padding:6px 0 2px 0;line-height:1.1;}
ul.progress_bar li div span i{background:url(../images/progress/items.jpg) 0 0 no-repeat;margin:3px 3px 0 0; padding:0; height:7px; width:6px;display:inline-block; overflow:hidden; position:relative; left: -24px; }
ul.progress_bar li.active{background-position:0 -159px;}
ul.progress_bar li.active div{background-position:0 -212px;}
ul.progress_bar li.active span{background-position:right -265px;}
ul.progress_bar li.active div span b{color:#fff;text-shadow:0 1px 0 #1e3b6f;}
ul.progress_bar li.active div span strong{color:#fff;text-shadow:0 1px 0 #164f88;}
ul.progress_bar li.active div span i{background-position:0 -7px;}
ul.progress_bar li.active div span i.selected{background-position:0 -14px;_background-position:0 -14px;}
ul.progress_bar li.first div{background:none;}
ul.progress_bar li.first div span{width:120px;padding:0 0 0 12px;background:none}
ul.progress_bar li.first div span b{left:10px;}
ul.progress_bar li.last div span{background:none}

/* button styles 
.buttonStyle01 input{display:block;border:none;width:79px;height:30px;float:right;text-align:center;font-size:12px;background:url(../images/button/button_bg.png) no-repeat;text-decoration:none;color:#fff;font-weight:bold;text-shadow:0 1px 0 #12218b;cursor:pointer;line-height:24px;vertical-align:middle;}
.buttonStyle01Ext01 input{background:url(../images/button/button_bg_max.png) no-repeat; width:160px;height:30px;line-height:24px;vertical-align:middle;}
*/
.controll_block{margin:20px 0 20px 0; height:60px;padding:10px 10px 0 10px; background-color:#EDEDED; border-top:1px solid #DBDBDB;}
.buttonStyle01 input{float: right;}

@media screen and/*!YUI space */(min-width: 900px) and/*!YUI space */(max-width: 1219px) {
    .row965 {margin: 0 auto; max-width: 1219px; min-width: 768px;}
    .userInfo {padding-right: 15px;}
    .rightContainer {float: left; padding-left: 15px;}
    .marginLeft-15 {margin-left:10% !important;}
    table.tbl_loginForm_layout {margin: 10px 10px 0px;}
    table.tbl_listing td {padding: 15px 3px;}
    .tbl_width_75 {max-width: 730px; width: 730px;}
    .tbl_width_25 {max-width: 268px; width: 268px; padding-left: 20px;}
    table.tbl_form.tbl_login {}
    table.tbl_form.tbl_login label {padding-left: 0px; width: 100px;}
    table.tbl_form.tbl_login div.input_indent {margin-left: 120px; margin-right: 135px;}
    
    
    div.badges {float: left; width: 135px; padding: 0 5px;}
    body {overflow-x:hidden;}
}

@media screen and/*!YUI space */(min-width: 0px) and/*!YUI space */(max-width: 899px) {
    .row965 {margin: 0 auto; max-width: 1219px; min-width: 768px;}
    .header_wrapper {min-width: 768px;}
    .footer_wrapper {min-width: 768px;}
    .userInfo {padding-right: 15px;}
    .rightContainer {float: left; padding-left: 15px;}
    .marginLeft-15 {margin-left:0 !important;}
    table.tbl_form.tbl_login li.captcha input {width: 100px;}
    table.tbl_form.tbl_login input[type=text], table.tbl_form.tbl_login input[type=password] {background: #f6f6f6; width: 310px;}
    table.tbl_form.tbl_login td.login ul {width: auto; margin: 10px auto;}
    table.tbl_form.tbl_login li.login_button div a {width: 188px;}
    table.tbl_loginForm_layout {margin: 10px 10px 0px;}
    table.tbl_listing td {padding: 15px 3px;}
	.tbl_width_75 {max-width: 525px; width: auto;}
    .tbl_width_25 {max-width: 268px; width: auto; padding-left: 20px;}
    table.tbl_form.tbl_login {width: 525px;}
    table.tbl_form.tbl_login label {padding-left: 0px; width: 100px;}
    table.tbl_form.tbl_login div.input_indent {margin-left: 120px; margin-right: 50px;}
    div.badges {float: left; width: 135px; padding: 0 5px;}
    body {overflow-x:hidden;}
}

table.tbl_form li {list-style: none;margin-left:5px;}
table.tbl_form li.captcha input {width:115px;margin-top:15px;}
table.tbl_form div.try_new_captcha {display:inline-block;border:1px solid #d8d8d8;margin:4px;vertical-align:top;}
table.tbl_form div.try_new_captcha img {vertical-align:middle;}
table.tbl_form div.try_new_captcha a {background:url(../images/icon/refresh_icon.png) no-repeat center #9b9b9b;display:inline-block;width:60px;height:60px;vertical-align:middle;}

table.tbl_form th.tenpay_entry{padding-top: 20px}
table.tbl_form td.tenpay_entry{padding-top: 20px}
/*investment overview page style*/
table.tbl_listing td.parentRow a {
    cursor: default;
}

table.tbl_listing td.subRow a {
    padding: 15px 20px;
    font-size: 14px !important;
}
/*outageMaint page Style Starts Here*/
.rectangle {
  width: 734px;
  height: 524px;
  background-color: #f6f6f6;
}
.pre_Rectangle {
  width: 734px;
  height: 524px;
  background-color: #f6f6f6;
  margin-left: 240px;
}
.base {
  width: 600px;
  height: 328px;
  object-fit: contain;
  /* 
 
  margin-bottom:178px;
  margin-right:74px; */
  margin-top:78px;
  margin-left: 60px;
  background:url('../images/icon/sc-colours-empty-state.svg'); 
  position:relative;
  border-radius:5px;
}
.preBase{
  width: 600px;
  height: 394px;
  object-fit: contain;
  margin-top:78px;
  margin-left: 60px;
  background-image:url('../images/icon/sc-colours-empty-state.svg'); 
  position:relative;
  border-radius:5px;
}
.subBase{
  bottom:0;
  position:absolute;
  width: 600px;
  height: 318px;
  object-fit: contain;
  background-color: #ffffff;
}
.presubBase{
  bottom:0;
  position:absolute;
  width: 600px;
  height: 384px;
  object-fit: contain;
  background-color: #ffffff;
}
.sc-colours-empty-state{
	width: 600px;
  	height: 75px;
  	margin-top: 47.1px;
}
.sub-sc-colours-empty-state {
  width: 75px;
  height: 75px;
  object-fit: contain;
  margin-left: 263.1px;
}
.outageAlertIcon{
  width: 600px;
  height: 36px;
  margin-top:21.9px;
  text-align: center;
}
.outageAlertMsg {
  color: rgba(208,2,27,1);
  font-size: 32px;
}
.outageDescription{
  width: 600px;
  height: 44px;
  margin-top: 20px;
}
.outageDescriptionMsg {
  width: 500px;
  height: 44px;
  object-fit: contain;
  font-family: SC Sans WebW01-55Roma;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  margin-left: 50px;
}
.homePageButton{
	height: 46px;
	width: 600px;
	bottom:0;
  	position:absolute;
}
/*outageMaint page Style End Here*/

/*disclaimer Style Start Here*/
.disclaimerBackground{
	font-size: 85%;
    color: #9b9b9b;
    background-color: #fbffe0;
    width: 661px;
}
.disclaimerIcon{
	margin-top: 1px;
	float: left;
	margin-right: 2px;
}
/*disclaimer Style End Here*/
/* CR3311 data mask start*/
input[type=text].pop_form_inline_input{
    display: inline-block;
    text-align: center;
    padding:14% 14%;
    border:1px solid #c3c3c3;
    width: 30%;
}
input[type=button].pop_form_inline_button{
    padding:10px 7px;
    display:inline-block;
    width:20%;
}
input[name=Proceed]:disabled{
    background-color:#9b9b9b;
    border:1px solid #9b9b9b;
}
table.tbl_listing td.td_place_holder{
    padding:0px 0px;
    background-color:#f6f6f6;
    border-bottom:2px solid #4a4a4a;
}
table.tbl_listing td.td_unmask_button{
    padding:0px 0px 5px 10px;
    background-color:#f6f6f6;
    font-size:12px;
    color:#0095dc;
    border-bottom:2px solid #4a4a4a;
    font-weight:bold;
}
#popupFormModal{
    display:none;
    position:fixed;
    z-index:1;
    padding-top: 6%;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgba(0,0,0,0.4);
}
.form_modal_sub_div1{
    width: 30%;
    margin: auto;
}
.form_modal_sub_div2{
    background-color: #f6f6f6;
    margin: auto;
    padding: 15px 15px;
}
.form_modal_input_group{
    padding:5% 10% 5% 15%;
}
table.tbl_form td.form_modal_title{
    border:none;
    text-align:center;
    padding-bottom:5px;
}
.form_modal_label_error{
    display:none;
    text-align:center;
    color:red;
}
.form_modal_bottom_button{
    margin-top: 5px;
}
/* CR3311 data mask end*/
/* fix prd issue-ral notification email style issue start*/
table.no_border td{
    border:none;
}
/* fix prd issue-ral notification email style issue end*/
.note_title_top{
    font-size:11px;
    padding-top:20px;
    padding-left:12px;
    font-weight:bold;
}
.note_title{
    font-size:11px;
    padding-left:12px;
    font-weight:bold;
}
/*! jQuery UI - v1.10.2 - 2013-03-18
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and ../imgs */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
	z-index:99!important;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
	padding:0 !important;
}
.ui-datepicker table {
	width: 100%;
	font-size: 1em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 2px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}


/* Component containers
----------------------------------*/
.ui-datepicker.ui-widget {
	font-family:Arial, SC Sans Web Regular, sans-serif;
	font-size: 11px;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-datepicker.ui-widget input,
.ui-datepicker.ui-widget select,
.ui-datepicker.ui-widget textarea,
.ui-datepicker.ui-widget button {
	font-size: 1em;
}
.ui-datepicker.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(../images/icon/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.scbCupidPageFrameworkWizard .ui-widget-content, .scbCupidPopupContainer .ui-widget-content, .scbCupidPageFrameworkWizard .ui-widget-header, .scbCupidPopupContainer .ui-widget-header {border:none; background:none;}

.ui-datepicker.ui-widget-content a {
	color: #222222;
}
.ui-datepicker .ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(../images/icon/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	
}
.scbCupidPageFrameworkWizard .ui-widget-header, .scbCupidPopupContainer .ui-widget-header{border:none;backgeround:none;}
.ui-datepicker .ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-datepicker .ui-state-default,
.ui-datepicker.ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(../images/icon/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-datepicker .ui-state-default a,
.ui-datepicker .ui-state-default a:link,
.ui-datepicker .ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-datepicker .ui-state-hover,
.ui-datepicker.ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker.ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(../images/icon/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(../images/icon/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-datepicker .ui-state-active a,
.ui-datepicker .ui-state-active a:link,
.ui-datepicker .ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(../images/icon/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(../images/icon/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and ../imgs */
.ui-icon {
	width: 16px;
	height: 16px;
}
.cifDetailsBlock h3 span{background:none!important;height:0;width:0;}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(../images/icon/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(../images/icon/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(../images/icon/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(../images/icon/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(../images/icon/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(../images/icon/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(../images/icon/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.tbl_paging, .tbl_paging2 {
    border: 0 solid #808080;
    border-bottom-width: 2px;
}

.tbl_paging th, .tbl_paging td, .tbl_paging2 th, .tbl_paging2 td  {
    border: 0 solid #d7d7d7;
    border-bottom-width: 1px;
    padding: 0 6px 0 5px;
}

@-moz-document url-prefix(http) {
	.tbl_paging th, .tbl_paging td, .tbl_paging2 th, .tbl_paging2 td {
	    border: 0 solid #d7d7d7;
	    border-bottom-width: 1px;
	    padding: 0 5px 0 5px;
	}
}

.tbl_paging thead tr {
    background-color: #d7d7d7;
    color: black;
}

.tbl_paging2 thead tr {
    background-color: #808080;
    color: white;
}

th.sorted {
    background-color: #d7d7d7;
}

th.sorted a, th.sortable a {
    color: black;
    display: block;
    overflow: visible;
    padding-left: 10px;
}

th.sortable a, th.sortable_right a {
    background: url(../images/table/arrow_off.png) 0 no-repeat;
}

th.sortable_right a {
	float: right;
}
	
th.order1 a {
    background: url(../images/table/arrow_down.png) 0 no-repeat;
}

th.order2 a {
    background: url(../images/table/arrow_up.png) 0 no-repeat;
}

tr.odd {
    background-color: white;
}

tr.tableRowEven, tr.even {
    background-color: #f0f0f0;
}

.tbl_paging2 tr.even {
    background-color: #e5eef5;
}

div.exportlinks {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    margin: 2px 0 10px 0;
    width: 79%;
}

span.export {
    padding: 0 4px 1px 20px;
    display: inline-block;
    cursor: pointer;
}

span.excel {
    background-image: url(../images/table/ico_file_excel.png);
}

span.csv {
    background-image: url(../images/table/ico_file_csv.png);
}

span.xml {
    background-image: url(../images/table/ico_file_xml.png);
}

span.pdf {
    background-image: url(../images/table/ico_file_pdf.png);
}

span.rtf {
    background-image: url(../images/table/ico_file_rtf.png);
}

span.pagebanner {
    border: 0;
    display: inline-block;
    padding: 2px 4px 2px 4px;
}

span.pagelinks {
    border: 0;
    display: inline-block;
    padding: 2px 4px 2px 4px;
    text-align: right;
    width: 100%;
}

.group-1 {
    font-weight: bold;
    padding-bottom: 10px;
    border-top: 1px solid black;
}

.group-2 {
    font-style: italic;
    border-top: 1px solid black;
}

.subtotal-sum, .grandtotal-sum {
    font-weight: bold;
    text-align: right;
}

.subtotal-header {
    padding-bottom: 0;
    border-top: 1px solid white;
}

.subtotal-label, .grandtotal-label {
    border-top: 1px solid white;
    font-weight: bold;
}

.grouped-table tr.even {
    background-color: #fff;
}

.grouped-table tr.odd {
    background-color: #fff;
}

.grandtotal-row {
    border-top: 2px solid black;
}

span.button, span.button input
, span.shortbutton, span.shortbutton input
, span.mediumbutton, span.mediumbutton input
, span.backbutton, span.backbutton input
, span.buttondisabled, span.buttondisabled input
, span.mediumbuttondisabled, span.mediumbuttondisabled input {}

span.button input, span.shortbutton input, span.mediumbutton input, span.backbutton input, span.buttondisabled input, span.mediumbuttondisabled input {}

span.shortbutton {}

span.shortbutton input{}

span.backbutton {}

span.backbutton input {}

span.buttondisabled, span.mediumbuttondisabled {}

span.buttondisabled input, span.mediumbuttondisabled input {}

span.button:hover, span.button-behavior-hover, span.shortbutton:hover, span.shortbutton-behavior-hover, span.mediumbutton:hover, span.mediumbutton-behavior-hover {}

span.button:hover input, span.button-behavior-hover input, span.shortbutton:hover input, span.shortbutton-behavior-hover input, span.mediumbutton:hover input, span.mediumbutton-behavior-hover input {}

span.backbutton:hover, span.backbutton-behavior-hover {}

span.backbutton:hover input, span.backbutton-behavior-hover input {}

span.button input, span.shortbutton input, span.mediumbutton input {}

span.backbutton input {}

.policy-confirm-btn {
    border: none;
    width: 30%;
    height: 44px;
    background-color: #00a546;
    margin-right: 10%;
    margin-bottom: 5px;
    display: block;
    color: #fff;
    float: right;
}

.policy-confirm-btn:disabled {
    background-color: #8c8c8c;
}

.policy-cancel-btn {
    border: none;
    width: 30%;
    height: 44px;
    background-color: #8c8c8c;
    margin-left: 10%;
    margin-bottom: 5px;
    display: block;
    color: #fff;
    float: left;
}

@-moz-document url-prefix(http) {}

#keyboard{position:absolute;width:498px;display:none;background:#e5eef5;-webkit-box-shadow:0px 2px 6px #444444;
-moz-box-shadow:0px 2px 6px #444444;box-shadow:0px 2px 6px #444444; border:1px solid #196CA5\9;/* IE 8 and below */
}

.keyBoardTitle{background:url(../images/kb/headBg.jpg) repeat-x;height:39px;display:block;color:#fff;font-weight:bold;cursor:move; }

.keyBoardTitleCont{float:left;padding:7px 0px 0px 15px;font-size:11pt;line-height:25px;}

.closeKpad{float:right;background:url(../images/kb/closeKey.jpg) 0 13px no-repeat;height:15px;width:16px;cursor:pointer;padding:10px 10px 10px 0;display:inline-block;}

.keyCont{padding:9px; text-align:center;}
/*
#keyboard input[type="button"]{border:none;background:url(../images/kb/keyBg.png) 0 3px no-repeat;height:39px;width:30px;}
#keyboard input[type="button"].backspace{border:none;background:url(../images/kb/backSpace.png) 0 3px no-repeat;height:39px;width:95px;font-size:9pt;}
#keyboard input[type="button"].clear{border:none;background:url(../images/kb/clearKey.png) 0 3px no-repeat;height:39px;width:67px;font-size:9pt;}
#keyboard input[type="button"].caps{border:none;background:url(../images/kb/upperCase.png) 0 3px no-repeat;height:39px;width:30px;}
#keyboard input[type="button"].capsOn{border:none;background:url(../images/kb/upperCaseActiv.png) 0 3px no-repeat;height:39px;width:30px;}
#keyboard input[type="button"].enter{border:none;background:url(../images/kb/enterKey.png) 0 3px no-repeat;height:39px;width:98px;color:#fff;font-size:9pt;}
*/
#spacebar input{width:180px;margin:0 auto;margin-left:150px;}
/*#shift, #shifton{width:70px;text-align:left;}*/

#row0, #row1, #row2, #row3{display:none;}
#row0, #row0_shift{}
#row1, #row1_shift{}
#row2, #row2_shift{}

/*#shifton{border-left:3px solid #000;border-top:3px solid #000;}*/

#keyboard input{
    font-family: "SC Sans Web Light","SC Sans WebW01-45Ligh",Arial,sans-serif;
    font-size:18px;
    color:#808080;
    height:40px;
    width:32px;
    text-align:center;
    vertical-align:middle;
    padding:0;
    margin:-1px 0px 0px 0px;
    border:none;
}
#keyboard input.keyAplhaNum {background: url(../images/kb/keys_BG.jpg)    0px 3px no-repeat; outline: none;}
#keyboard input.capsOn      {background: url(../images/kb/caps_On.jpg)    0px 3px no-repeat; outline: none;}
#keyboard input.caps        {background: url(../images/kb/caps_Off.jpg)   0px 3px no-repeat; outline: none;}
#keyboard input.clear       {background: url(../images/kb/clearKey.jpg)  -1px 3px no-repeat;width:64px;font-size:9pt; outline: none;}
#keyboard input.backspace   {background: url(../images/kb/backSpace.jpg)  1px 3px no-repeat;width:96px;font-size:9pt; outline: none;}
#keyboard input.enter       {background: url(../images/kb/enterKey.jpg)   0px 3px no-repeat;width:96px;font-size:9pt;color:#fff; outline: none;}

.closeKpad{_position:relative; _right:8px;}

#showkeyboard{height:20px;width:30px;cursor:pointer;vertical-align:middle;margin-left:-40px;}

/* Base z-index used is 90 */
#floatMenu {
  z-index: 91;
  cursor: pointer; }

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  100% {
    transform: none; } }

#floatMenu {
  position: fixed;
  font-size: 0;
  text-align: center;
  bottom: 33px;
  right: 33px;
  font-family: 'SC Sans Web', sans-serif;
  color: white;
  /* transform: translate3d(0, 0, 0); */ }

#floatMenu.flm--bounce {
  animation-name: bounceInRight;
  animation-duration: 1s;
  animation-fill-mode: both; }

#floatMenu ul {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  list-style: none; }

#floatMenu ul li .flm-wrapr {
  background-color: #00b7fb;
  text-align: center;
  cursor: pointer;
  pointer-events: none; }

#floatMenu .flm-wrapr .flm-icon {
  max-width: 30px;
  max-height: 30px;
  transform: translateY(50%); }

#floatMenu ul li .flm-wrapr span {
  font-size: 13px;
  padding: 10px 0; }

#floatMenu > ul ul {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  transition-delay: 0.2s; }

#floatMenu > ul ul.flm--show {
  opacity: 1; }

#floatMenu > ul li {
  text-align: center; }

/* close icon properties */
#floatMenu > .flm-close {
  position: absolute;
  visibility: hidden;
  top: 0;
  line-height: 55px;
  width: 60px;
  height: 55px;
  opacity: 0;
  transition: opacity 0.1s ease-in-out 0.3s; }

#floatMenu > .flm-close.flm--show {
  visibility: visible;
  opacity: 1;
  z-index: 91; }

#floatMenu > .flm-close > img {
  background: black;
  padding: 10px;
  border-radius: 50%;
  vertical-align: middle;
  max-width: 12px;
  max-height: 12px; }

/* close icon properties */
/* overlay properties */
.flm-overlay {
  position: fixed;
  visibility: hidden;
  width: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: 90; }

.flm-overlay.flm--show {
  visibility: visible;
  opacity: 1; }

/* overlay properties */
/* Menu level 0 properties */
#floatMenu > ul {
  position: relative;
  height: 55px;
  right: 0;
  top: 0; }

#floatMenu > ul.flm-lvl0 > li > .flm-wrapr {
  background-color: transparent;
  display: inline-block;
  line-height: 55px;
  width: 55px;
  height: 55px;
  border-radius: 70px;
  vertical-align: middle;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out, opacity 0.2s ease-in-out 0.2s;
  transform: translate3d(0, 0, 0); }

#floatMenu > ul.flm-lvl0 > li > .flm-wrapr > .flm-icon {
  width: 60px;
  height: 60px;
  /* margin-top: 6px; */
  max-width: 100px;
  max-height: 100px;
  transform: none;
  top: -5px;
  left: -10px;
  position: relative; }

#floatMenu > ul.flm-lvl0 > li > .flm-wrapr > span {
  text-transform: uppercase;
  font-size: 10px;
  white-space: normal; }

#floatMenu > ul.flm-lvl0 > li > .flm-wrapr.flm--hide {
  opacity: 0; }

#floatMenu > ul.flm-lvl0 > li > .flm-wrapr.flm--whiteout {
  opacity: 0;
  background-color: #FFF;
  width: 30px;
  height: 30px; }

#floatMenu > ul.flm-lvl0 > li > .flm-wrapr.flm--whitein {
  transition: background-color 0.4s ease-in-out 0.2s, width 0.4s ease-in-out, height 0.4s ease-in-out; }

#floatMenu > ul.flm-lvl0 > li > .flm-wrapr.flm--whitein > .flm-icon {
  visibility: hidden; }

#floatMenu > ul.flm-lvl0 > li > .flm-wrapr.flm--whiteout > .flm-icon {
  display: none; }

#floatMenu > ul.flm-lvl0 > li {
  height: 100%;
  line-height: 55px; }

#floatMenu > ul.flm-lvl0 > li li {
  line-height: normal; }

/* Menu level 0 properties */
/* Menu level 1 properties */
#floatMenu > ul > li > ul.flm-lvl1 {
  visibility: hidden;
  bottom: 200px;
  position: relative;
  transition: bottom 0.4s ease-in-out, opacity 0.4s ease-in-out; }

#floatMenu > ul > li > ul.flm-lvl1.flm--show {
  visibility: visible;
  z-index: 92; }

#floatMenu > ul > li > ul.flm-lvl1 > li {
  display: list-item;
  margin-bottom: 13px; }

#floatMenu > ul > li > ul.flm-lvl1 > li:last-child {
  margin-bottom: 0; }

#floatMenu > ul > li > ul.flm-lvl1 > li > .flm-wrapr {
  position: relative;
  direction: rtl;
  width: 60px;
  height: 60px;
  border-radius: 70px;
  transition: opacity 0.3s ease-in-out; }

#floatMenu > ul > li > ul.flm-lvl1 > li > .flm-wrapr.flm--hide {
  opacity: 0; }

#floatMenu > ul > li > ul.flm-lvl1 > li > .flm-wrapr > span {
  position: absolute;
  line-height: normal;
  font-size: 13px;
  top: 50%;
  transform: translateY(-50%);
  right: 70px;
  color: black; }

#floatMenu > ul > li > ul.flm-lvl1 > li[data-flm-id=rmChat] > .flm-wrapr {
  background-color: #ae9142; }

#floatMenu > ul > li > ul.flm-lvl1 > li[data-flm-id=sendMail] > .flm-wrapr > .flm-icon {
  margin-top: 8px; }

/* Menu level 1 properties */
/* Menu level 2 properties */
#floatMenu ul.flm-lvl2 {
  background-color: white;
  transform: translate3d(0, 0, 0);
  position: fixed;
  display: block;
  left: 0px;
  width: 100%;
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  transition: bottom 0.4s, opacity 0.4s ease-in-out;
  bottom: 0px; }

#floatMenu ul.flm-lvl2.flm--show {
  visibility: visible;
  opacity: 1; }

#floatMenu ul.flm-lvl2 > li {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  padding: 14px 10px;
  width: 50%; }

#floatMenu ul.flm-lvl2 > li > .flm-wrapr {
  background-color: #0285D4;
  box-sizing: border-box;
  white-space: normal;
  border-radius: 20px;
  padding: 12px;
  height: 100%; }

#floatMenu ul.flm-lvl2 > li:first-child {
  padding-right: 5px; }

#floatMenu ul.flm-lvl2 > li:last-child {
  padding-left: 5px; }

#floatMenu ul.flm-lvl2 > li > .flm-wrapr > .flm-icon {
  max-width: 52px;
  max-height: 54px;
  margin-left: auto;
  margin-right: auto;
  transform: none; }

#floatMenu ul.flm-lvl2 > li > .flm-wrapr > span {
  display: block; }

#floatMenu ul.flm-lvl2 > li > .flm-wrapr > .flm-divider {
  border-top: 1px solid white;
  padding-bottom: 5px;
  width: 60%;
  display: inline-block;
  opacity: 0.7; }

#floatMenu ul.flm-lvl2 > li > .flm-wrapr > .flm-other {
  width: 100%;
  font-size: 13px;
  line-height: 13px;
  opacity: 0.7;
  overflow-wrap: normal; }

#floatMenu ul.flm-lvl2 > li > .flm-wrapr > span {
  line-height: 15px; }

/* Menu level 2 properties */
div#flmTooltip {
  min-height: 40px;
  opacity: 0;
  box-sizing: border-box;
  position: fixed;
  background-color: #FFFFFF;
  font-family: 'SC Sans Web', sans-serif;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  z-index: 9999;
  color: #333333;
  border-radius: 5px; }

div#flmTooltip .flm-tooltip-content {
  min-height: 40px;
  line-height: 40px;
  position: relative;
  box-sizing: border-box;
  z-index: 9998;
  width: 100%;
  padding: 5px 15px;
  font-size: 13px;
  background: #FFFFFF;
  border-radius: 5px; }

div#flmTooltip .flm-tooltip-content * {
  vertical-align: middle; }

div#flmTooltip .flm-tooltip-content img {
  width: 16px;
  height: 16px; }

div#flmTooltip .flm-tooltip-pointer {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0; }

div#flmTooltip .flm-position--top {
  left: calc(50% - 5px);
  bottom: -5px;
  border: 5px solid;
  border-color: #FFFFFF transparent transparent #FFFFFF;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.4);
  transform: rotate(225deg); }

div#flmTooltip .flm-position--left {
  left: calc(100% - 5px);
  top: 15px;
  border: 5px solid;
  border-color: #FFFFFF #FFFFFF transparent transparent;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.4);
  transform: rotate(45deg); }

div#flmTooltip .flm-position--right, div#flmTooltip .flm-position-bottom {
  display: none; }

div#flmTooltip.flm-tooltip--show {
  opacity: 10;
  transition: opacity 500ms; }

div.c-badge {
  position: fixed;
  min-width: 14px;
  height: 14px;
  background: red;
  color: white;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 10px;
  opacity: 0;
  z-index: 100; }
  div.c-badge.c-badge--show {
    opacity: 1;
    transition: opacity 500ms; }

div.cnk-frame {
  z-index: 300;
  display: none;
  background: #f9f9f9;
  display: none;
  position: fixed;
  border-radius: 10px;
  text-align: center;
  width: 375px;
  height: 536px;
  bottom: 33px;
  right: 33px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  overflow: hidden; }
  @media (min-height: 655px) {
    div.cnk-frame {
      height: 586px; } }
  div.cnk-frame.cnk-frame--show {
    display: block; }
  div.cnk-frame.cnk-frame--noHeader > div.cnk-html-slot {
    height: 100%; }
  div.cnk-frame.cnk-frame--noHeader > div.cnk-frame-header {
    display: none; }
  div.cnk-frame > div.cnk-frame-header {
    height: 50px;
    line-height: 50px;
    background-color: #005670; }
    div.cnk-frame > div.cnk-frame-header.cnk-frame-header--bright {
      background-color: #0091ea; }
    div.cnk-frame > div.cnk-frame-header .cnk-frame-heading {
      color: #fff;
      font-family: 'SC Sans Web', sans-serif;
      font-size: 18px;
      font-weight: bold; }
  div.cnk-frame > div.cnk-html-slot {
    height: calc(100% - 50px); }
    div.cnk-frame > div.cnk-html-slot.cnk-frame--hide {
      display: none; }
  div.cnk-frame > .cnk-default-iframe {
    border: none;
    width: 100%;
    height: calc(100% - 50px);
    border-radius: 10px; }
  div.cnk-frame > .cnk-minimize {
    position: absolute;
    top: 0px;
    margin: 22px 20px;
    cursor: pointer;
    width: 21px; }
    div.cnk-frame > .cnk-minimize.cnk-minimize--right {
      right: 0px; }
    div.cnk-frame > .cnk-minimize.cnk-minimize--left {
      left: 0px; }
  div.cnk-frame > .cnk-more {
    position: absolute;
    color: white;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    cursor: pointer; }
    div.cnk-frame > .cnk-more.cnk-more--hide {
      display: none; }
    div.cnk-frame > .cnk-more > span {
      display: block;
      font-size: 25px;
      position: relative;
      top: 3px; }
    div.cnk-frame > .cnk-more > .cnk-more-menu {
      display: none;
      min-width: 140px;
      position: absolute;
      background-color: white;
      border: 1px solid #ccc;
      color: #000;
      list-style: none;
      padding: 0px;
      margin: 0px;
      right: 10px;
      font-family: 'SC Sans Web', 'SC Sans', Helvetica, Arial, sans-serif;
      font-size: 16px; }
      div.cnk-frame > .cnk-more > .cnk-more-menu li {
        padding: 8px 5px; }
        div.cnk-frame > .cnk-more > .cnk-more-menu li:hover {
          background-color: #ccc; }
      div.cnk-frame > .cnk-more > .cnk-more-menu.cnk-more-menu--show {
        display: block; }
  div.cnk-frame > .cnk-loading {
    display: none;
    position: absolute;
    width: 50px;
    left: calc(100%/2 - 25px);
    top: calc(100%/2 - 25px); }
    div.cnk-frame > .cnk-loading.cnk-loading-show {
      display: inline-block; }

#c2cMainCounter {
  z-index: 100; }

#floatMenu > ul > li > ul.flm-lvl1 > li[data-flm-id=clickToRm] > .flm-wrapr {
  background: #ae9142; }