﻿/* @FileName: fixeddeposit.less
 * @Description: Contains color variables and mixins for retail theme.
 * @Author: Moonraft
 * @Dependencies: 
 */
/* @FileName: retail.less
 * @Description: Contains color variables and mixins for retail theme.
 * @Author: Moonraft
 * @Dependencies: none
 */
/* Global Values
 * @Description: contains retail theme settings
 */
/*color pallette*/
/* Image paths */
/* @FileName: Layout.less
 * @Description: Contains css definitions for the page layout.
 * @Author: Moonraft
 * @Dependencies: retail.less, grid.less
 */
.row {
  width: 100%;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.column .row,
.columns .row {
  width: auto;
  max-width: none;
  min-width: 0;
}
.column > .row {
  margin: 0;
}
.column,
.columns {
  float: left;
  height: inherit;
  padding: 10px 0 10px 15px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
[class*="column"] + [class*="column"]:last-child {
  float: right;
}
[class*="column"] + [class*="column"].end {
  float: left;
}
.row > .one {
  width: 8.33%;
}
.row > .two {
  width: 16.66%;
}
.row > .three {
  width: 25%;
}
.row > .four {
  width: 33.33%;
}
.row > .five {
  width: 41.66%;
}
.row > .six {
  width: 50%;
}
.row > .seven {
  width: 58.33%;
}
.row > .eight {
  width: 66.66%;
}
.row > .nine {
  width: 75%;
}
.row > .ten {
  width: 83.33%;
}
.row > .eleven {
  width: 91.66%;
}
.row > .twelve {
  width: 100% ;
  padding-left: 0;
  padding-right: 0;
}
.row > .fivecolumns {
  width: 20%;
}
.row:before,
.row:after,
.group:before,
.group:after {
  content: "";
  display: table;
}
.row:after,
.group:after {
  clear: both;
}
.row,
.group {
  zoom: 1;
}
div.row .column:first-child {
  padding: 10px 5px 10px 0;
}
.column > .row:first-child {
  margin: -10px 0px 10px 0px;
}
.row .full {
  width: 100%;
}
/* Header Section
 * @Description: Contains css definitions for page header
 */
/*
 * Background:Tesselation
 */
.cm-tesselation {
  position: absolute;
  z-index: -1;
  background: url(images/tesselation.png) no-repeat center -5px;
  height: 500px;
  width: 100%;
  display: none;
  min-width: 980px;
}
/*
 * Header Section
 */
#header {
  position: relative;
  min-width: 980px;
  width: 100%;
}
#header div.lt-header-info-wrapper {
  margin-bottom: 5px;
  background: #f1f1f1;
  background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#f1f1f1));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f9f9f9, endColorstr=#f1f1f1);
}
#header div.lt-header-info {
  margin: 0 auto;
  width: 980px;
}
#header div.lt-header-info div.lt-securedLogin {
  float: left;
  padding: 10px 0 8px;
  font-size: 10px;
  line-height: 12px;
  color: #828282;
}
#header div.lt-header-info div.lt-securedLogin .lt-separator {
  margin: 0 3px;
}
#header div.lt-header-info div.lt-securedLogin span.lt-securedLogin-image {
  background: url(images/header_security.png) no-repeat;
  padding: 2px 11px 0 18px;
  margin-left: 1px;
}
#header div.lt-header-info div.lt-securedLogin span:first-child {
  font-weight: bold;
}
#header div.lt-header-info div.lt-header-info-rgt {
  float: right;
}
#header div.lt-header-content {
  margin: 0 auto;
  width: 980px;
  font-size: 12px;
  padding: 0px 15px 9px 15px;
  border-top: 1px solid #c2c2c2;
  border-left: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f1f1f1;
  background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#f1f1f1));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f9f9f9, endColorstr=#f1f1f1);
}
#header div.lt-header-content img.cm-axisLogo {
  float: left;
  margin: 10px 14px 0px 6px;
}
#header div.lt-header-content .hdr-right-el {
  float: right;
}
#header div.lt-header-content div.header-dd {
  float: left;
  margin: 13px 0 0 8px;
}
#header div.lt-header-content div.header-dd div.lt-header-button-dropmenu {
  margin: 32px 0 0 -9px;
}
#header div.lt-header-content div.header-dd div.cm-button {
  position: relative;
  z-index: 3;
  margin: 0;
  line-height: 25px;
}
#header div.lt-header-content div.header-dd div.cm-button a.cm-button-innercontr {
  display: block;
  padding: 0 0 0 6px;
}
#header div.lt-header-content div.header-dd div.cm-button a.cm-button-innercontr span.lt-button-text {
  width: 56px;
  padding: 0 5px;
  float: left;
  font-weight: 100;
}
#header div.lt-header-content div.header-dd div.cm-button a.cm-button-innercontr span.cm-arrow-down {
  float: left;
  margin: 11px 9px 0 1px;
}
#header div.lt-header-content div.header-dd span.lt-button-text {
  padding: 0;
}
#header div.lt-header-content div.header-dd div.lt-header-button-dropmenu ul.lt-user-options {
  width: 87px;
}
#header div.lt-header-content div#user-info {
  float: left;
  margin: 12px 4px 0px 27px;
  /*
		 * Button without bottom radius
		 */

}
#header div.lt-header-content div#user-info div.lt-header-button-dropmenu {
  margin-left: 6px;
}
#header div.lt-header-content div#user-info .cm-button,
#header div.lt-header-content div#user-info .cm-button-innercontr {
  overflow: visible;
}
#header div.lt-header-content div#user-info .button-nobottom-radius {
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
#header div.lt-header-content div#user-info .button-gradient {
  background: #fafafa;
  background-image: linear-gradient(top, #ffffff, #fafafa);
  background-image: -o-linear-gradient(top, #ffffff, #fafafa);
  background-image: -moz-linear-gradient(top, #ffffff, #fafafa);
  background-image: -webkit-linear-gradient(top, #ffffff, #fafafa);
  background-image: -ms-linear-gradient(top, #ffffff, #fafafa);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fafafa));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#fafafa);
}
#header div.lt-header-content div#user-info ul.lt-user-options {
  margin: -8px 0px 0 -6px;
  width: 153px;
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(102, 102, 102, 0.1);
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(102, 102, 102, 0.1);
  box-shadow: inset 0px 2px 2px 0px rgba(102, 102, 102, 0.1);
  border: 1px solid #d9d9d9;
  border-top: none;
}
#header div.lt-header-content div#user-info ul.lt-user-options li:hover,
#header div.lt-header-content div#user-info ul.lt-user-options li:focus {
  background: none;
}
#header div.lt-header-content div#user-info ul.lt-user-options li:hover a,
#header div.lt-header-content div#user-info ul.lt-user-options li:focus a {
  color: #3c8dbc;
}
#header div.lt-header-content div#user-info ul.lt-user-options a:focus {
  color: #3c8dbc;
  outline: none;
}
#header div.lt-header-content div#user-info div#user-info-details {
  display: none;
}
#header div.lt-header-content div#user-info div.cm-button {
  position: relative;
  z-index: 3;
  margin: 0;
}
#header div.lt-header-content div#user-info div.cm-button:focus {
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4);
  box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4);
  outline: none;
}
#header div.lt-header-content div#user-info div.cm-button a.cm-button-innercontr {
  overflow: hidden;
  width: 153px;
  display: block;
  padding: 0;
  height: 30px;
}
#header div.lt-header-content div#user-info div.cm-button a.cm-button-innercontr:hover {
  background: #fafafa;
  background-image: linear-gradient(top, #ffffff, #fafafa);
  background-image: -o-linear-gradient(top, #ffffff, #fafafa);
  background-image: -moz-linear-gradient(top, #ffffff, #fafafa);
  background-image: -webkit-linear-gradient(top, #ffffff, #fafafa);
  background-image: -ms-linear-gradient(top, #ffffff, #fafafa);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fafafa));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#fafafa);
}
#header div.lt-header-content div#user-info div.cm-button a.cm-button-innercontr span.lt-userProfile-img {
  display: inline-block;
  float: left;
  position: relative;
  height: 30px;
  width: 33px;
  background: url(images/header_user.png) 50% 60%;
  background-repeat: no-repeat;
}
#header div.lt-header-content div#user-info div.cm-button a.cm-button-innercontr span.lt-userProfile-img span {
  height: 30px;
  width: 33px;
  display: inline-block;
  background: url(images/profile_divider.png) 100% 60%;
  background-repeat: no-repeat;
}
#header div.lt-header-content div#user-info div.cm-button a.cm-button-innercontr span.lt-button-text {
  padding: 0 8px;
  float: left;
  width: 87px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  color: #333333;
  font-weight: normal;
}
#header div.lt-header-content div#user-info div.cm-button a.cm-button-innercontr span.cm-arrow-down {
  margin: 14px 11px 0 0;
  display: block;
  float: right;
}
#header div.lt-header-content div#alerts {
  overflow: visible;
  float: left;
}
#header div.lt-header-content div#alerts div.cm-button {
  margin-right: -5px;
  overflow: visible;
}
#header div.lt-header-content div#alerts div.cm-button a.cm-button-innercontr {
  display: inline-block;
  padding: 0;
  float: left;
  box-shadow: none;
  border-radius: 3px 0 0 3px;
}
#header div.lt-header-content div#alerts div.cm-button a.cm-button-innercontr span.lt-header-chat-alert {
  float: left;
  background: url(images/profile_divider.png) 100% 60%;
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  padding: 0 0 0 6px;
}
#header div.lt-header-content div#alerts div.cm-button a.cm-button-innercontr span.lt-header-chat-alert span {
  display: block;
  height: 100%;
  background: url(images/header-chat-alert.png) 2px 9px;
  background-repeat: no-repeat;
}
#header div.lt-header-content div#alerts div.lt-header-alerts {
  width: 41px;
  float: left;
}
#header div.lt-header-content div#alerts div.lt-header-alerts .view-inbox {
  color: #3c8dbc;
  margin: 0 173px;
  display: block;
  margin-top: 15px;
  font-weight: normal;
  /*.box-shadow(0px 2px 4px 0 @portletBackgroundBottom);*/

}
#header div.lt-header-content div#alerts div.lt-header-alerts .view-inbox:hover {
  color: #3d3d3d;
}
#header div.lt-header-content div#alerts div.lt-header-alerts a.cm-button-innercontr {
  display: block;
  float: none;
  border-radius: 0 3px 3px 0;
}
#header div.lt-header-content div#alerts div.lt-header-alerts a.cm-button-innercontr span.mail-img {
  background: url(images/header_alerts.png) 12px 11px;
  background-repeat: no-repeat;
  height: 30px;
  display: inline-block;
}
#header div.lt-header-content div#alerts div.lt-header-alerts a.cm-button-innercontr span.mail-count {
  background-color: #D92F3C;
  color: #ffffff;
  font-weight: bold;
  -webkit-border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  height: 15px;
  width: 15px;
  display: inline-block;
  line-height: 15px;
  text-align: center;
  margin: 2px -5px 0px 22px;
  vertical-align: top;
  font-size: 10px;
  -webkit-box-shadow: 1px 1px 2px -1px #3d3d3d;
  -moz-box-shadow: 1px 1px 2px -1px #3d3d3d;
  box-shadow: 1px 1px 2px -1px #3d3d3d;
}
#header div.lt-header-content div#alerts div.lt-header-alerts-details {
  display: none;
  position: absolute;
  z-index: 2;
  margin: -7px 0 0 -182px;
  padding: 7px 0 0 0;
  width: 403px;
  left: 50%;
  top: 32px;
}
#header div.lt-header-content div#alerts div.lt-header-alerts-details ul.lt-alerts {
  position: relative;
  width: 100%;
  z-index: 1;
  padding-top: 13px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
#header div.lt-header-content div#alerts div.lt-header-alerts-details ul.lt-alerts li {
  margin: 0;
  border: 0;
}
#header div.lt-header-content div#alerts div.lt-header-alerts-details ul.lt-alerts li:hover span.alert-sub {
  color: #3c8dbc;
}
#header div.lt-header-content div#alerts div.lt-header-alerts-details ul.lt-alerts li:hover span.alert-time {
  color: #3c8dbc;
}
#header div.lt-header-content div#alerts div.lt-header-alerts-details ul.lt-alerts li:first-child {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#header div.lt-header-content div#alerts div.lt-header-alerts-details ul.lt-alerts li:last-child {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
#header div.lt-header-content div#alerts div.lt-header-alerts-details ul.lt-alerts li a {
  margin: 0;
  color: #000000;
  display: block;
  margin: 0px 20px 0;
  height: 22px;
}
#header div.lt-header-content div#alerts div.lt-header-alerts-details ul.lt-alerts li a .alert-time {
  float: right;
  font-size: 11px;
  line-height: 22px;
  font-weight: normal;
  color: grey;
}
#header div.lt-header-content div#alerts div.lt-header-alerts-details ul.lt-alerts li a .alert-sub {
  float: none;
  color: #333;
  font-weight: bold;
  font-size: 12px;
}
#header div.lt-header-content div#alerts div.lt-header-alerts-details ul.lt-alerts li a .alert-data {
  line-height: 15px;
  font-size: 11px;
  font-weight: normal;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 10px;
  margin-top: -5px;
  display: block;
}
#header div.lt-header-content div#alerts .cm-top-arrow-border {
  background: #eeeeee;
  background-image: linear-gradient(top, #fefefe, #eeeeee);
  background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -ms-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eeeeee));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fefefe, endColorstr=#eeeeee);
}
#header div.lt-header-content div.lt-header-button-dropmenu {
  position: absolute;
  z-index: 2;
  margin: 40px 0 0 7px;
}
#header div.lt-header-content div.lt-header-button-dropmenu ul.lt-user-options {
  background: white;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  position: absolute;
  width: 152px;
  margin: -5px 9px 0 9px;
  border: 1px solid #b5b5b5;
}
#header div.lt-header-content div.lt-header-button-dropmenu ul.lt-user-options li {
  cursor: pointer;
  line-height: 30px;
}
#header div.lt-header-content div.lt-header-button-dropmenu ul.lt-user-options li a {
  color: #6c6c6c;
  display: block;
  margin: 0 10px;
}
#header div.lt-header-content div.lt-header-button-dropmenu ul.lt-user-options li:hover {
  background: #e6e6e6;
  color: #3d3d3d;
}
#header div.lt-header-content div.lt-header-button-dropmenu ul.lt-user-options li:hover a {
  color: #3d3d3d;
  border-bottom-color: #ffffff;
}
#header div.lt-header-content div.lt-header-button-dropmenu ul.lt-user-options li:hover p {
  border-bottom-color: #ffffff;
}
#header a.cm-button-greygradient {
  display: block;
  color: #000;
}
div.header-select-wrpr select {
  width: 88px;
}
div.header-select-wrpr .selectboxit-container .selectboxit-btn {
  background: #f4f4f4;
  background-image: linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -o-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -webkit-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -ms-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#f4f4f4));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#f4f4f4);
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -webkit-box-shadow: inset 0 2px 0 0 #ffffff;
  -moz-box-shadow: inset 0 2px 0 0 #ffffff;
  box-shadow: inset 0 2px 0 0 #ffffff;
}
div.header-select-wrpr .selectboxit-container .selectboxit-btn:hover {
  background: #fafafa;
  background-image: linear-gradient(top, #ffffff, #fafafa);
  background-image: -o-linear-gradient(top, #ffffff, #fafafa);
  background-image: -moz-linear-gradient(top, #ffffff, #fafafa);
  background-image: -webkit-linear-gradient(top, #ffffff, #fafafa);
  background-image: -ms-linear-gradient(top, #ffffff, #fafafa);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fafafa));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#fafafa);
}
div.header-select-wrpr .selectboxit-container .selectboxit-btn:focus {
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4) !important;
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4) !important;
  box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4) !important;
  border: 1px solid #d9d9d9 !important;
  background: #fafafa;
  background-image: linear-gradient(top, #ffffff, #fafafa);
  background-image: -o-linear-gradient(top, #ffffff, #fafafa);
  background-image: -moz-linear-gradient(top, #ffffff, #fafafa);
  background-image: -webkit-linear-gradient(top, #ffffff, #fafafa);
  background-image: -ms-linear-gradient(top, #ffffff, #fafafa);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fafafa));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#fafafa);
}
div.header-select-wrpr .selectboxit-container .selectboxit-btn[aria-expanded="true"] {
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  background: #fafafa;
  background-image: linear-gradient(top, #ffffff, #fafafa);
  background-image: -o-linear-gradient(top, #ffffff, #fafafa);
  background-image: -moz-linear-gradient(top, #ffffff, #fafafa);
  background-image: -webkit-linear-gradient(top, #ffffff, #fafafa);
  background-image: -ms-linear-gradient(top, #ffffff, #fafafa);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fafafa));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#fafafa);
}
div.header-select-wrpr .selectboxit-container .selectboxit-options {
  width: 58px;
  min-width: 100%;
  border: 1px solid #d9d9d9;
  border-top: none;
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(102, 102, 102, 0.1) !important;
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(102, 102, 102, 0.1) !important;
  box-shadow: inset 0px 2px 2px 0px rgba(102, 102, 102, 0.1) !important;
}
div.header-select-wrpr .selectboxit-container .selectboxit-arrow-container,
div.header-select-wrpr .selectboxit-container .selectboxit-text,
div.header-select-wrpr .selectboxit-container .selectboxit-options a {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 11px;
}
div.header-select-wrpr .selectboxit-container .selectboxit-list > li > a {
  background: none;
}
div.header-select-wrpr .selectboxit-container .selectboxit-list > li > a:hover {
  background: none;
  color: #3c8dbc;
}
div.header-select-wrpr .selectboxit-container li.selectboxit-focus a {
  color: #3c8dbc;
}
div.header-select-wrpr .selectboxit-container .selectboxit-focus {
  background: none;
}
div.header-select-wrpr .selectboxit-container .selectboxit-focus > a {
  background: none;
}
div.header-select-wrpr .selectboxit-container .selectboxit-focus > a:hover,
div.header-select-wrpr .selectboxit-container .selectboxit-focus > a:focus {
  color: #3c8dbc;
}
div.lt-header-custServ {
  float: right;
  margin: 6px 0 0 0;
}
div.lt-header-custServ span {
  color: #454545;
  font-weight: bold;
  font-size: 12px;
  margin: 3px 0px 0 0;
}
div.lt-header-custServ span:first-child {
  font-weight: normal;
  font-size: 10px;
  padding-left: 8px;
  color: #828282;
}
/* Footer Section
 * @Description: Contains css definitions for page footer
 */
#footer {
  height: 85px;
  min-width: 980px;
  width: 100%;
  position: relative;
}
div.lt-top-footer {
  height: 72px;
  border-top: 1px solid #a9aaac;
}
div.lt-detail-footer {
  height: 32px;
  border-top: 1px solid #a9aaac;
  background: #ffffff;
}
div.lt-band {
  height: 5px;
  background: #3c8dbc;
  margin-top: 5px;
}
div.lt-collect-links {
  height: 33px;
  border-bottom: 4px solid #000000;
}
div.lt-collect-links-inner.group {
  width: 980px;
  margin: 0 auto;
}
ul.lt-different-links > li {
  color: #ffffff;
  line-height: 33px;
  margin-right: 20px;
  float: left;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
ul.lt-different-links {
  float: left;
}
ul.lt-different-links a {
  font-size: 12px;
  color: #ffffff;
}
ul.lt-different-links a:hover {
  color: #ffffff;
}
div.lt-collect-links {
  position: absolute;
  background: #717171;
  background-image: linear-gradient(top, #787878, #717171);
  background-image: -o-linear-gradient(top, #787878, #717171);
  background-image: -moz-linear-gradient(top, #787878, #717171);
  background-image: -webkit-linear-gradient(top, #787878, #717171);
  background-image: -ms-linear-gradient(top, #787878, #717171);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#787878), to(#717171));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#787878, endColorstr=#717171);
  bottom: 0;
  width: 100%;
  min-width: 980px;
}
ul.lt-social-links {
  float: right;
  margin-right: 30px;
}
ul.lt-social-links > li {
  float: left;
  width: 20px;
  height: 20px;
  margin: 6px 0 0 10px;
}
ul.lt-social-links img {
  height: 20px;
  width: 20px;
}
div.lt-top-footer {
  font-size: 12px;
  color: #797979;
}
div.lt-copyright {
  width: 980px;
  margin: 20px auto;
}
div.lt-copyright a {
  font-size: 12px;
  color: #797979;
}
div.lt-copyright a:hover {
  color: #797979;
}
/* Menu Section
 * @Description: Contains css definitions for Navigation Menu
 */
.lt-menu-level2 {
  display: none;
}
div.lt-account-menu {
  margin: -2px 0 0 -120px !important;
  width: 232px !important;
}
div.lt-account-menu h2.account {
  padding: 29px 0 0 33px;
  font-size: 17px;
}
div.lt-account-menu h2.card {
  font-size: 14px;
  padding: 5px 0 0 32px;
}
div.lt-account-menu ul.lt-menu-sections {
  margin-top: 8px;
}
div.lt-account-menu ul.lt-menu-sections > li {
  padding: 0 32px 0 32px  !important;
}
div.lt-account-menu ul.lt-menu-sections > li > span {
  padding-top: 3px !important;
}
.lt-menu-level1:hover > .lt-menu-level2,
lt-menu-level1:active .lt-menu-level2 {
  display: block;
}
.lt-menu-level2-focus {
  display: block;
}
div#menu-overlay div.ie-arrow-top {
  margin: -12px 0 0 -479px;
}
div#menu-overlay,
div.lt-menu-callout {
  font-family: arial, sans-serif;
}
div.lt-menu-callout {
  position: absolute;
  margin: -2px 0 0 -125px;
  padding: 9px 0 0 0;
  width: 250px;
  left: 50%;
  z-index: 2;
}
div.lt-menu-callout1 {
  position: absolute;
  margin: 38px 0 0 -15px;
  padding: 9px 0 0 0;
  width: 250px;
  left: 50%;
  z-index: 2;
}
ul.lt-menu-callout {
  color: #000000;
  background-color: white;
  text-align: left;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background: #eeeeee;
  background-image: linear-gradient(top, #fefefe, #eeeeee);
  background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -ms-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eeeeee));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fefefe, endColorstr=#eeeeee);
  padding-bottom: 20px;
}
div.lt-menu-callout ul.lt-menu-columnize {
  -webkit-box-shadow: 0px 0px 0px 0px #ffffff;
  -moz-box-shadow: 0px 0px 0px 0px #ffffff;
  box-shadow: 0px 0px 0px 0px #ffffff;
  border: none;
}
div.lt-menu-callout ul.lt-menu-sections > li {
  padding: 0px 20px;
  border: none;
}
div.lt-menu-callout ul.lt-menu-sections > li:first-child span {
  border: none;
}
div.lt-menu-callout ul.lt-menu-sections > li a:hover {
  color: #3c8dbc;
}
div.lt-menu-callout ul.lt-menu-sections > li > span {
  display: block;
  padding: 4px 0;
  border-top: 1px solid #d3d3d3;
}
div.lt-menu-callout ul.lt-menu-sections > li .cm-iconic-stroke {
  display: block;
  float: left;
  padding: 2px 5px;
}
.lt-last {
  border-bottom: 1px solid #d3d3d3;
}
div.lt-menu-callout div.cm-top-arrow-border {
  margin: 0;
  padding: 0 0 20px 0;
  background: #eeeeee;
  background-image: linear-gradient(top, #fefefe, #eeeeee);
  background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -ms-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#eeeeee));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fefefe, endColorstr=#eeeeee);
}
div.lt-menu-level2 div.cm-top-arrow-border {
  padding-bottom: 0px;
}
div.lt-content-header h2 {
  font-size: 14px;
}
div.lt-menu-callout h2 {
  font-weight: bold;
  line-height: 18px;
  padding: 27px 20px 5px;
  font-size: 20px;
}
ul.lt-menu-main > li {
  float: left;
  display: block;
  margin: 15px 0 0 34px;
}
ul.lt-menu-columnize {
  max-width: 220px;
  /*border-right: 1px solid @borderColor;
  .box-shadow(1px 0px 0px 0px @bgWhite);*/

}
li.profile {
  width: 369px;
  border-left: 1px solid #d3d3d3;
  margin: 15px 0 20px 47px !important;
  padding-left: 34px;
}
li.profile ul.lt-menu-columnize {
  max-width: 300px;
  border-right: none;
  -webkit-box-shadow: 0px 0px 0px 0px #ffffff;
  -moz-box-shadow: 0px 0px 0px 0px #ffffff;
  box-shadow: 0px 0px 0px 0px #ffffff;
}
li.profile ul.lt-menu-columnize li {
  width: 145px;
  padding: 0 5px 10px 0;
}
li.profile ul.lt-menu-columnize li:first-child {
  width: 145px;
  padding: 0 5px 5px 0;
}
li.profile ul.lt-menu-columnize li div {
  font-size: 12px;
  color: #3d3d3d;
}
li.profile ul.lt-menu-columnize li div:first-child {
  color: #828282;
  padding-bottom: 5px;
}
li.profile h2 {
  color: grey;
  font-size: 12px;
}
li.lt-services {
  max-width: 170px;
}
li.lt-payments > ul.lt-menu-columnize {
  max-width: 241px;
}
li.lt-accounts,
li.lt-services,
li.lt-payments {
  padding-right: 0;
}
li.lt-accounts {
  width: 134px;
}
ul.lt-menu-columnize > li {
  padding: 0 0 13px;
  border: none;
}
li.lt-payments h1 {
  padding-left: 14px;
}
li.lt-payments ul.lt-menu-columnize > li:first-child {
  width: 131px;
}
div.lt-user-profile {
  background: url(images/temp-user-profile.png) center;
  background-repeat: no-repeat;
  height: 280px;
  width: 280px;
}
.lt-services .lt-menu-columnize > li:first-child {
  width: 170px;
}
lt-investment {
  width: 103px;
}
ul.lt-menu-sections > li {
  padding: 3px 11px 4px 0;
  border: none;
}
ul.lt-menu-sections a {
  color: #666666;
  font-size: 12px;
}
ul.lt-menu-sections a:hover {
  color: #3c8dbc;
}
div#menu-tabs {
  float: left;
}
div#menu-tabs li.lt-tab-heading {
  float: left;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  border: 0;
  position: relative;
}
div#menu-tabs li.lt-tab-heading:first-child:hover a {
  -webkit-box-shadow: inset 0px 0px 0px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 0px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 0px 0 rgba(0, 0, 0, 0.5);
}
div#menu-tabs li.lt-tab-heading:hover {
  background: #6e2842;
  -webkit-box-shadow: inset 0px 0px 0px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 0px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 0px 0 rgba(0, 0, 0, 0.5);
}
div#menu-tabs li.lt-tab-heading:last-child > a {
  -webkit-box-shadow: 0px 0px 0px 0px #d6306d;
  -moz-box-shadow: 0px 0px 0px 0px #d6306d;
  box-shadow: 0px 0px 0px 0px #d6306d;
}
div#menu-tabs li.lt-tab-heading a.lt-mainmenu-itm {
  font-size: 14px;
  color: #ffffff;
  display: block;
  padding: 2px 17px 0;
  line-height: 40px;
}
li.lt-tab-selected {
  background: #282828;
  background-image: linear-gradient(top, #636363, #282828);
  background-image: -o-linear-gradient(top, #636363, #282828);
  background-image: -moz-linear-gradient(top, #636363, #282828);
  background-image: -webkit-linear-gradient(top, #636363, #282828);
  background-image: -ms-linear-gradient(top, #636363, #282828);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#636363), to(#282828));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#636363, endColorstr=#282828);
}
div#menu-help {
  float: right;
  margin: 0 10px 0 10px;
  height: 42px;
  width: 50px;
  font-size: 14px;
  position: relative;
  padding-left: 7px;
}
div#menu-help span {
  font-size: 12px;
}
div#menu-help .ie-arrow-top {
  left: 74%;
}
div#menu-help div.cm-top-arrow-border:before {
  border-top: 1px solid #9e9e9e !important;
  border-left: 1px solid #9e9e9e !important;
  border-right: none;
  border-bottom: none;
}
div#menu-help .lt-help-wrap {
  margin: 0px -25px;
  color: #ffffff;
  position: absolute;
  height: 26px;
  padding: 16px 9px 0 8px;
  z-index: 3;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
div#menu-help .lt-help-wrap span {
  float: left;
}
div#menu-help div.lt-menu-callout ul.lt-menu-sections > li {
  -webkit-box-shadow: 0px 0px 0px 0px #9e9e9e;
  -moz-box-shadow: 0px 0px 0px 0px #9e9e9e;
  box-shadow: 0px 0px 0px 0px #9e9e9e;
}
div#menu-help .lt-menu-callout > div {
  border: 1px solid #9e9e9e;
  -webkit-border-radius: 3px 0 3px 3px;
  -moz-border-radius: 3px 0 3px 3px;
  border-radius: 3px 0 3px 3px;
  padding: 0;
}
div#menu-help span.cm-arrow-down {
  top: 5px;
  position: relative;
  margin: 0 4px;
  border-top-color: #ffffff;
}
div#menu-search {
  background: #e5e5e5;
  float: left;
  margin: 5px 25px 4px 3px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.14);
  box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.14);
  width: 110px;
}
#label-search {
  padding-left: 10px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #929292;
  display: none;
}
#input-search {
  background: transparent;
  border: none;
  padding: 0 0 0 14px;
  width: 60px;
  color: #3d3d3d;
  height: 20px;
  padding-top: 1px;
}
.search-btn-active,
.search-btn-inactive {
  height: 22px;
  width: 25px;
  border-radius: 0 10px 10px 0;
  margin-left: 5px;
  float: right;
}
.search-btn-active {
  background: #b20748;
  background-image: linear-gradient(top, #f42c78, #b20748);
  background-image: -o-linear-gradient(top, #f42c78, #b20748);
  background-image: -moz-linear-gradient(top, #f42c78, #b20748);
  background-image: -webkit-linear-gradient(top, #f42c78, #b20748);
  background-image: -ms-linear-gradient(top, #f42c78, #b20748);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f42c78), to(#b20748));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f42c78, endColorstr=#b20748);
  cursor: pointer;
}
.search-btn-active:hover {
  background: #b20748;
  background-image: linear-gradient(top, #d50655, #b20748);
  background-image: -o-linear-gradient(top, #d50655, #b20748);
  background-image: -moz-linear-gradient(top, #d50655, #b20748);
  background-image: -webkit-linear-gradient(top, #d50655, #b20748);
  background-image: -ms-linear-gradient(top, #d50655, #b20748);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d50655), to(#b20748));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d50655, endColorstr=#b20748);
}
.search-btn-active:active {
  -webkit-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.search-icon {
  height: 22px;
  display: block;
  width: 25px;
  background: url(images/icon_search_lens_inactive.png) no-repeat 7px 50%;
}
.search-icon-active {
  background: url(images/icon_search_lens.png) no-repeat 7px 50%;
}
/* Content Section
 * @Description: Contains css definitions for Content section and content layout.
 */
div#content {
  margin: 0 auto;
  min-width: 980px;
  width: 980px;
}
div.lt-content-header {
  overflow: visible;
  margin-bottom: 10px;
  width: 980px;
  min-width: 980px;
  margin: 0 auto;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  background-color: #df226a;
  position: relative;
}
div.lt-content-header div.lt-menu-bar {
  font-family: arial, sans-serif;
  color: #ffffff;
}
div.lt-content-header div.lt-menu-bar div#menu-btn {
  float: left;
  width: 56px;
  cursor: pointer;
  height: 28px;
  position: relative;
}
div.lt-content-header div.lt-menu-bar div#menu-btn a.lt-list {
  height: 30px;
  width: 100%;
  padding-top: 12px;
  display: inline-block;
}
div.lt-content-header div.lt-menu-bar div#menu-btn a.lt-list span {
  height: 3px;
  width: 18px;
  display: block;
  background-color: #ffffff;
  margin: 2px auto;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
div.lt-content-header div.lt-menu-bar div#menu-btn div#menu-overlay {
  height: 300px;
  width: 980px;
  position: absolute;
  top: 40px;
  left: 0px;
  z-index: 4;
  color: #000000;
}
div.lt-content-header div.lt-menu-bar div#menu-btn div#menu-overlay .ie-arrow-top {
  left: 12px;
}
div.lt-content-header div.lt-menu-bar div#menu-btn div#menu-overlay div.cm-top-arrow-border:after {
  margin-left: -472px;
}
div.lt-content-header div.lt-menu-bar div#menu-btn div#menu-overlay div.cm-top-arrow-border:before {
  margin-left: -467px;
}
div.lt-content-header div.lt-menu-bar div#menu-btn div#menu-overlay div.cm-top-arrow-border div#menu-content {
  background: #dcdcdc;
  background-image: linear-gradient(top, #ffffff, #dcdcdc);
  background-image: -o-linear-gradient(top, #ffffff, #dcdcdc);
  background-image: -moz-linear-gradient(top, #ffffff, #dcdcdc);
  background-image: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
  background-image: -ms-linear-gradient(top, #ffffff, #dcdcdc);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dcdcdc));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#dcdcdc);
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
div.lt-content-header div.lt-menu-bar div#menu-btn div#menu-overlay div.cm-top-arrow-border div#menu-content h1 {
  padding: 0;
}
div.row {
  padding: 10px 0 0 0;
}
div.portlet {
  padding: 5px;
  font-size: 14px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d3d3d3;
}
.portlet-wrap {
  height: 250px;
  position: relative;
  overflow: hidden;
}
.portlet-wrap > div {
  position: absolute;
  height: 100%;
  width: 100%;
}
div.portlet-settings {
  background: #808080;
  margin: 0;
  z-index: 1;
  top: -100%;
  overflow: hidden;
}
div.cm-portlet-settings-content {
  background: #4d4d4d;
  position: relative;
  cursor: pointer;
}
div.column-three {
  float: left;
  width: 730px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
div.column-two {
  width: 480px;
  float: left;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
div.column-one {
  width: 230px;
  float: right;
  margin-left: 20px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
/*
 * Help drop down
 */
div#menu-help,
.menu-level3-head {
  cursor: pointer;
}
div#menu-help ul.lt-menu-sections li,
.menu-level3-head ul.lt-menu-sections li {
  padding: 0 20px 0 10px;
  font-family: arial, sans-serif;
}
div#menu-help ul.lt-menu-sections li a,
.menu-level3-head ul.lt-menu-sections li a {
  font-size: 13px;
  color: #666666;
}
div#menu-help ul.lt-menu-sections li a:hover,
.menu-level3-head ul.lt-menu-sections li a:hover {
  color: #3c8dbc;
}
div#menu-help ul.lt-menu-sections li:first-child > span,
.menu-level3-head ul.lt-menu-sections li:first-child > span {
  border: none;
}
div#menu-help ul.lt-menu-sections li > span,
.menu-level3-head ul.lt-menu-sections li > span {
  padding: 9px 0 8px 0;
  border-top: 1px solid #d3d3d3;
  -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  -moz-box-shadow: 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px #ffffff;
}
div#menu-help div.lt-menu-callout,
.menu-level3-head div.lt-menu-callout {
  width: 272px;
  margin: 40px 0 0 -235px;
}
div#menu-help ul.lt-menu-callout,
.menu-level3-head ul.lt-menu-callout {
  padding: 0;
  -webkit-border-radius: 3px 0 3px 3px;
  -moz-border-radius: 3px 0 3px 3px;
  border-radius: 3px 0 3px 3px;
}
div#menu-help ul.lt-menu-callout li.lt-last-help-option,
.menu-level3-head ul.lt-menu-callout li.lt-last-help-option {
  border-bottom: none;
  padding-bottom: 0px;
}
div#menu-help .cm-iconic-stroke,
.menu-level3-head .cm-iconic-stroke {
  padding: 1px 9px 0 0;
  font-size: 10px;
}
.lt-menu-level1:hover .sub-menu {
  border: 1px solid #9e9e9e;
  border-bottom: 0;
  background-color: #ffffff;
}
.lt-menu-level1:hover .sub-menu span {
  color: #3d3d3d;
}
.lt-menu-level1:hover .sub-menu .cm-arrow-down {
  border-top-color: #000000 !important;
}
.menu-level3-head {
  border: 1px;
}
.lt-corp-stripe {
  background: url(images/green_stripe.png) no-repeat;
  height: 8px;
  width: 982px;
  margin: 0 auto;
  margin-top: -1px;
}
#menu-help a:focus,
.lt-tab-heading a:focus,
#menu-btn a:focus,
#menu-help a:active,
.lt-tab-heading a:active,
#menu-btn a:active {
  outline: none;
  background: #871641;
  /* Old browsers */

  background: -moz-linear-gradient(top, #871641 0%, #a3345e 17%, #a3345e 64%, #861e43 91%, #7f193e 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #871641), color-stop(17%, #a3345e), color-stop(64%, #a3345e), color-stop(91%, #861e43), color-stop(100%, #7f193e));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #871641 0%, #a3345e 17%, #a3345e 64%, #861e43 91%, #7f193e 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #871641 0%, #a3345e 17%, #a3345e 64%, #861e43 91%, #7f193e 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #871641 0%, #a3345e 17%, #a3345e 64%, #861e43 91%, #7f193e 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #871641 0%, #a3345e 17%, #a3345e 64%, #861e43 91%, #7f193e 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#871641', endColorstr='#7f193e', GradientType=0);
  /* IE6-9 */

}
.lt-prof-img {
  border: 1px solid #d3d3d3;
  padding: 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  float: left;
  background-color: #fff;
  margin-right: 20px;
  margin-top: 5px;
}
.lt-help,
.lt-mail {
  float: left;
  margin-top: 19px;
}
.lt-mail {
  margin-left: 40px;
}
div#menu-help .lt-menu-callout div.help-border {
  padding-left: 9px;
}
ul.help-content {
  margin: 4px 0 20px 10px;
  overflow: hidden;
}
span.question-icon {
  background: url(images/help.png) no-repeat;
  width: 18px;
  height: 13px;
  margin-top: -1px;
}
div#logoutBtn:focus,
#alert-msg-btn:focus,
#alert-chat-btn:focus,
#user-info-btn:focus {
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4) !important;
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4) !important;
  box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4) !important;
  outline: none;
  z-index: 1;
}
.lt-help-wrap:hover,
.lt-mainmenu-itm:hover {
  background: #6e2842;
  -webkit-box-shadow: inset 0px 0px 0px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 0px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 0px 0 rgba(0, 0, 0, 0.5);
}
/*
 * jquery.selectBoxIt.css 3.3.0
 * Author: @gregfranko
 */
/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/
/* @FileName: retail.less
 * @Description: Contains color variables and mixins for retail theme.
 * @Author: Moonraft
 * @Dependencies: none
 */
/* Global Values
 * @Description: contains retail theme settings
 */
/*color pallette*/
/* Image paths */
/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  font: 12px Helvetica, Arial;
  /* Prevents text selection */

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
}
/* Button */
.selectboxit-container .selectboxit {
  width: 220px;
  /* Width of the dropdown button */

  cursor: pointer;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  position: relative;
}
/* Height and Vertical Alignment of Text */
.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
  /*height: 30px;   Height of the drop down */

  padding: 8px 0 7px;
  /* Vertically positions the drop down text */

  display: block;
}
.selectboxit-container .selectboxit-options a {
  padding-left: 6px;
}
/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4) !important;
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4) !important;
  box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4) !important;
  border: 1px solid #00ccff !important;
}
/* Disabled Mouse Interaction */
.selectboxit-disabled {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* Button Text */
.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
  width: 88%;
  /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;*/

}
.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}
/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100px;
  min-width: 100%;
  /* Minimum Width of the dropdown list box options */

  /*width: 100%;*/

  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  top: 100%;
}
/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
  padding: 0 2px;
}
/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}
/* Individual Option Optgroup Header */
.selectboxit-optgroup-header {
  text-indent: 4px;
  /* Horizontal Positioning of the select box option text */

  margin: 0;
}
/* The first Drop Down option */
.selectboxit-option-first {
  /*border-top-right-radius: 6px;
  border-top-left-radius: 6px;*/

}
/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
/* The last Drop Down option */
.selectboxit-option-last {
  /*border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;*/

}
/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}
/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}
/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */

  width: 30px;
  position: absolute;
  right: 0;
}
/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */

  margin: 0 auto;
  position: absolute;
  margin-top: 5px;
  right: 0;
  left: 0;
}
/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}
.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}
/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}
/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
}
.selectboxit-btn:hover,
.selectboxit-btn:focus,
.selectboxit-btn:active {
  color: #333333;
  background-color: #e6e6e6;
}
.selectboxit-btn:hover,
.selectboxit-btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
}
.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 3px solid #000000;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
}
.selectboxit-list {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.selectboxit-list > li > a {
  color: #6C6C6C;
}
.selectboxit-list > .selectboxit-focus > a {
  /*color: #3d3d3d;
  
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;*/

}
.selectboxit-list > .selectboxit-focus > a:focus {
  color: #3d3d3d;
}
.selectboxit-list > .selectboxit-focus > a:hover {
  background-color: #e6e6e6;
  color: #3d3d3d;
  border-bottom-color: #fff;
}
.selectboxit {
  position: relative !important;
}
.selectboxit-list > .selectboxit-disabled > a {
  color: #999999;
}
.selectboxit-list > .selectboxit-disabled > a:hover,
.selectboxit-list > .selectboxit-disabled > a:focus {
  background-color: transparent;
  background-image: none;
}
.selectboxit-options li {
  padding: 0 !important;
}
li.selectboxit-option a {
  height: auto !important;
  word-break: break-word;
}
.selectboxit-option-icon-container {
  padding: 0 !important;
}
.selectboxit-options {
  overflow: visible !important;
}
.selectboxit {
  overflow: visible !important;
}
.selectboxit-focus {
  background-color: #e6e6e6;
}
.selectboxit-container * {
  font-family: arial, sans-serif;
}
select,
.selectboxit,
.selectboxit + selectboxit-options {
  width: 175px;
  min-width: 100%;
  float: left;
  font-size: 14px;
  height: 100%;
  cursor: pointer;
}
.selectboxit-options {
  width: 100%;
  border: 1px solid #b5b5b5;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
/*div.cm-select,*/.selectboxit-container {
  margin: 0;
  position: relative;
  padding: 0;
  /*div.cm-custom-dd-wrapr,*/
}
.selectboxit-container .selectboxit-btn {
  position: absolute;
  background: #f4f4f4;
  background-image: linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -o-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -webkit-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -ms-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#f4f4f4));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#f4f4f4);
  float: right;
  cursor: pointer;
  line-height: 30px;
  padding: 0 2px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  /*width:100px;*/

}
.selectboxit-container .selectboxit-btn:hover {
  background: white;
}
.selectboxit-container div.cm-custom-dd-arrow {
  display: inline;
  float: right;
  margin-top: 6px;
}
.selectboxit-container div.cm-custom-dd-arrow div.cm-arrow-up {
  margin: 5px 0 3px 0;
}
.selectboxit-container div.cm-custom-dd-arrow div.cm-arrow-up {
  margin: 3px 0 5px 0;
}
.selectboxit-container a.cm-custom-select {
  color: #333333;
  font-size: 12px;
}
/* Mixings */
span.bold {
  font-weight: bold;
  padding: 0px;
  background: none;
}
.portletBorder {
  border: 1px solid #d3d3d3;
}
.portletBorderBackground {
  background: #ffffff;
  background-image: linear-gradient(top, #e9e9e9, #ffffff);
  background-image: -o-linear-gradient(top, #e9e9e9, #ffffff);
  background-image: -moz-linear-gradient(top, #e9e9e9, #ffffff);
  background-image: -webkit-linear-gradient(top, #e9e9e9, #ffffff);
  background-image: -ms-linear-gradient(top, #e9e9e9, #ffffff);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9e9e9), to(#ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e9e9e9, endColorstr=#ffffff);
}
.portletBackground {
  background: #dcdcdc;
  background-image: linear-gradient(top, #ffffff, #dcdcdc);
  background-image: -o-linear-gradient(top, #ffffff, #dcdcdc);
  background-image: -moz-linear-gradient(top, #ffffff, #dcdcdc);
  background-image: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
  background-image: -ms-linear-gradient(top, #ffffff, #dcdcdc);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dcdcdc));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#dcdcdc);
}
.greyGradient {
  background: #f4f4f4;
  background-image: linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -o-linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -webkit-linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -ms-linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfe), to(#f4f4f4));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fcfcfe, endColorstr=#f4f4f4);
}
/*Define Fonts*/
/*Font: WebRupee*/
@font-face {
  font-family: 'WebRupee';
  src: url('fonts/WebRupee.V2.0.eot');
  src: local('WebRupee'), url('fonts/WebRupee.V2.0.ttf') format('truetype'), url('fonts/WebRupee.V2.0.woff') format('woff'), url('fonts/WebRupee.V2.0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.font-WebRupee {
  font-family: 'WebRupee';
}
/*Font: iconic_stroke*/
@font-face {
  font-family: 'iconic_stroke';
  src: url('fonts/iconic_stroke.eot');
  src: local('iconic_stroke'), url('fonts/iconic_stroke.ttf') format('truetype'), url('fonts/iconic_stroke.woff') format('woff'), url('fonts/iconic_stroke.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.font-iconic_stroke {
  font-family: 'iconic_stroke';
}
/*Font: Futura Medium*/
@font-face {
  font-family: 'Futura Medium';
  src: url('fonts/tt0142m_-webfont.eot');
  src: url('fonts/tt0142m_-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/tt0142m_-webfont.woff') format('woff'), url('fonts/tt0142m_-webfont.ttf') format('truetype'), url('fonts/tt0142m_-webfont.svg#futura_md_btmedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Utilities Section
 * @Description: Contains common classes for application
 */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
/* Modified by Rahul L */
ol,
ul {
  list-style: inherit;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
}
body {
  font-family: arial, sans-serif;
 
  color: #3d3d3d;
}

span.back-navarrow {
  vertical-align: middle;
  display: inline-block;
  width: 13px;
  height: 11px;
  background-image: url(images/back_btn.png);
  background-repeat: no-repeat;
}
.cm-iconic-stroke {
  font-family: 'iconic_stroke';
  color: #3c8dbc;
  padding-right: 5px;
  font-size: 10px;
}
.cm-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.cm-nopadding {
  padding: 0 0 0 0;
}
.cm-layout {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div.cm-button {
  position: relative;
  float: right;
  cursor: pointer;
  line-height: 28px;
  margin: 12px 4px 0px 16px;
  background: #fdfdfd;
  background-image: linear-gradient(top, #f4f4f4, #fdfdfd);
  background-image: -o-linear-gradient(top, #f4f4f4, #fdfdfd);
  background-image: -moz-linear-gradient(top, #f4f4f4, #fdfdfd);
  background-image: -webkit-linear-gradient(top, #f4f4f4, #fdfdfd);
  background-image: -ms-linear-gradient(top, #f4f4f4, #fdfdfd);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#fdfdfd));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f4f4f4, endColorstr=#fdfdfd);
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  -webkit-box-shadow: inset 0px 2px 2px 0px #ffffff;
  -moz-box-shadow: inset 0px 2px 2px 0px #ffffff;
  box-shadow: inset 0px 2px 2px 0px #ffffff;
  overflow: hidden;
  font-size: 11px;
  color: #3d3d3d;
  font-weight: bold;
}
div.cm-button:hover {
  background: #ffffff;
  background-image: linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff);
}
.cm-button-innercontr {
  color: #000;
  position: relative;
  height: 100%;
  padding: 0 6px;
  background: #f4f4f4;
  background-image: linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -o-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -webkit-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -ms-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#f4f4f4));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#f4f4f4);
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -webkit-box-shadow: inset 0 2px 0 0 #ffffff;
  -moz-box-shadow: inset 0 2px 0 0 #ffffff;
  box-shadow: inset 0 2px 0 0 #ffffff;
}
.cm-button-innercontr:hover {
  background: #ffffff;
  background-image: linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff);
}
a {
  color: #3c8dbc;
  font-size: 11px;
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  color: #3d3d3d;
}
span.cm-skirting {
  height: 4px;
  display: block;
  margin: 0 6px;
  border: 1px solid #d3d3d3;
  border-top: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-shadow: 0px 1px 10px 1px #a1a1a1, inset 0px 1px 2px 0px #d3d3d3;
  -moz-box-shadow: 0px 1px 10px 1px #a1a1a1, inset 0px 1px 2px 0px #d3d3d3;
  box-shadow: 0px 1px 10px 1px #a1a1a1, inset 0px 1px 2px 0px #d3d3d3;
  background-color: #f9f9f9;
}
/*
 * Select Box It Mixin
 */
h1 {
  font-family: arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 42px;
  padding: 0 15px;
}
span.cm-text-small {
  color: #828282;
  font-size: 10px;
}
span.cm-text-large {
  color: #828282;
  font-size: 11px;
}
.cm-cur-decimal {
  font-size: 0.8em;
}
.cm-ruppee-sym {
  font-family: 'WebRupee';
  font-size: 1em;
  padding-right: 5px;
  display: inline-block;
}
.cm-currency > span:first-child {
  font-family: 'WebRupee';
  font-size: 1em;
  padding-right: 5px;
}
span.cm-transaction-type {
  float: right;
  margin: 0 0 0 5px;
  background: #9c9c9c;
  -webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
  color: #ffffff;
  height: 11px;
  font-size: 9px;
  line-height: 12px;
  width: 11px;
  text-align: center;
  margin-top: 2px;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.cm-button-red {
  height: 27px;
  line-height: 27px;
  color: #ffffff;
  padding: 0 10px;
  font-size: 11px;
  border: 0;
  cursor: pointer;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background: #b20748;
  background-image: linear-gradient(top, #f42c78, #b20748);
  background-image: -o-linear-gradient(top, #f42c78, #b20748);
  background-image: -moz-linear-gradient(top, #f42c78, #b20748);
  background-image: -webkit-linear-gradient(top, #f42c78, #b20748);
  background-image: -ms-linear-gradient(top, #f42c78, #b20748);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f42c78), to(#b20748));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f42c78, endColorstr=#b20748);
  font-family: arial, sans-serif;
  -webkit-box-shadow: inset 0 13px 0 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 13px 0 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 13px 0 0 rgba(255, 255, 255, 0.2);
}
.cm-button-red:hover {
  background: #b20748;
  background-image: linear-gradient(top, #d50655, #b20748);
  background-image: -o-linear-gradient(top, #d50655, #b20748);
  background-image: -moz-linear-gradient(top, #d50655, #b20748);
  background-image: -webkit-linear-gradient(top, #d50655, #b20748);
  background-image: -ms-linear-gradient(top, #d50655, #b20748);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d50655), to(#b20748));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d50655, endColorstr=#b20748);
}
.cm-button-red:active {
  -webkit-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.cm-button-red:disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.cm-button-red:disabled:hover {
  background: #b20748;
  background-image: linear-gradient(top, #f42c78, #b20748);
  background-image: -o-linear-gradient(top, #f42c78, #b20748);
  background-image: -moz-linear-gradient(top, #f42c78, #b20748);
  background-image: -webkit-linear-gradient(top, #f42c78, #b20748);
  background-image: -ms-linear-gradient(top, #f42c78, #b20748);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f42c78), to(#b20748));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f42c78, endColorstr=#b20748);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}
.cm-button-red:disabled:active {
  -webkit-box-shadow: inset 0 13px 0 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 13px 0 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 13px 0 0 rgba(255, 255, 255, 0.2);
}
.cm-button-grey {
  height: 27px;
  line-height: 27px;
  font-family: arial, sans-serif;
  padding: 0 10px;
  font-size: 11px;
  border: 0;
  cursor: pointer;
  border: 1px solid #d3d3d3;
  background: #e4e4e4;
  background-image: linear-gradient(top, #f8f8f8, #e4e4e4);
  background-image: -o-linear-gradient(top, #f8f8f8, #e4e4e4);
  background-image: -moz-linear-gradient(top, #f8f8f8, #e4e4e4);
  background-image: -webkit-linear-gradient(top, #f8f8f8, #e4e4e4);
  background-image: -ms-linear-gradient(top, #f8f8f8, #e4e4e4);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e4e4e4));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f8f8f8, endColorstr=#e4e4e4);
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -webkit-box-shadow: inset 0 13px 0 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 13px 0 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 13px 0 0 rgba(255, 255, 255, 0.2);
}
.cm-button-grey:hover {
  background: #b20748;
  background-image: linear-gradient(top, #d50655, #b20748);
  background-image: -o-linear-gradient(top, #d50655, #b20748);
  background-image: -moz-linear-gradient(top, #d50655, #b20748);
  background-image: -webkit-linear-gradient(top, #d50655, #b20748);
  background-image: -ms-linear-gradient(top, #d50655, #b20748);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d50655), to(#b20748));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d50655, endColorstr=#b20748);
}
.cm-button-grey:active {
  -webkit-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
div.cm-button-wrap {
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  display: inline-block;
}
div.cm-top-arrow-border {
  background: white;
  border: 1px solid #9e9e9e;
  margin: 6px 0 0;
  position: relative;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
div.cm-top-arrow-border:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -6px;
  margin-left: -5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  background: white;
  border: inherit;
  width: 10px;
  height: 10px;
}
div.cm-top-arrow-border:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  background: white;
  width: 20px;
  height: 10px;
  margin-left: -10px;
}
div.cm-top-arrow-border > div,
div.cm-top-arrow-border > ul {
  position: relative;
  /*z-index: 1;*/

}
div.help-border:before {
  left: 81%;
  width: 10px;
  height: 10px;
}
.ie-arrow-top {
  background: url(images/ie_arrow.png) no-repeat center;
  height: 14px;
  width: 34px;
  position: absolute;
  left: 50%;
  margin: -12px 0 0 -16px;
}
.cm-arrow-up {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #000000;
}
.cm-arrow-down {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #000000;
}
.cm-arrow-right {
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 3px solid #000000;
  cursor: pointer;
}
.cm-arrow-left {
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-right: 3px solid #000000;
  cursor: pointer;
}
span.cm-superscript {
  font-size: 0.7em;
  margin-top: 0.3em;
  float: left;
  font-weight: bold;
}
span.cm-axis-border {
  height: 3px;
  display: block;
  position: relative;
  z-index: 1;
  background: #b70549;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3MDU0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VmMjc3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2I3MDU0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, #b70549 0%, #ef2774 51%, #b70549 99%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b70549), color-stop(51%, #ef2774), color-stop(99%, #b70549));
  background: -webkit-linear-gradient(left, #b70549 0%, #ef2774 51%, #b70549 99%);
  background: -o-linear-gradient(left, #b70549 0%, #ef2774 51%, #b70549 99%);
  background: -ms-linear-gradient(left, #b70549 0%, #ef2774 51%, #b70549 99%);
  background: linear-gradient(to right, #b70549 0%, #ef2774 51%, #b70549 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b70549', endColorstr='#b70549', GradientType=1);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.7);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.7);
}
.cm-portlet-header-bg {
  background: #464646;
  background-image: linear-gradient(top, #6f6f6f, #464646);
  background-image: -o-linear-gradient(top, #6f6f6f, #464646);
  background-image: -moz-linear-gradient(top, #6f6f6f, #464646);
  background-image: -webkit-linear-gradient(top, #6f6f6f, #464646);
  background-image: -ms-linear-gradient(top, #6f6f6f, #464646);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6f6f6f), to(#464646));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6f6f6f, endColorstr=#464646);
}
.cm-portlet-settings-content p {
  padding: 20px;
  font-size: 12px;
  color: #ffffff;
  line-height: 24px;
}
span.cm-icon-close {
  font-family: iconic_stroke;
  color: #828282;
  float: right;
  margin: 2px -8px 0 0;
  cursor: pointer;
  font-size: 25px;
  display: block;
}
/**third level nav*/
.cm-down-arrow {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #b70549;
  display: inline-block;
  vertical-align: middle;
}
/***wizard mixin**/
/***** Table Mixin*****/
/*
 * input boxes
 */
input.cm-input-box {
  width: 134px;
  padding: 0 8px;
  background-color: white;
  height: 25px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.26), 1px 1px 1px 0px rgba(255, 255, 255, 0.75);
  -moz-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.26), 1px 1px 1px 0px rgba(255, 255, 255, 0.75);
  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.26), 1px 1px 1px 0px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
}
input.cm-input-box:focus {
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4);
  box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4);
  border: 1px solid #00ccff;
  -webkit-appearance: none;
}
textarea.cm-textarea-box {
  width: 134px;
  padding: 8px;
  background-color: white;
  height: 60px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.26), 1px 1px 1px 0px rgba(255, 255, 255, 0.75);
  -moz-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.26), 1px 1px 1px 0px rgba(255, 255, 255, 0.75);
  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.26), 1px 1px 1px 0px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  resize: none;
}
textarea.cm-textarea-box:focus {
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4);
  box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4);
  border: 1px solid #00ccff;
}
.cm-input-rupee::-ms-clear {
  display: none;
}
/*
 * Inside page button 
 */
.cm-inside-page-button {
  font-size: 12px;
  font-weight: bold;
  color: white;
  padding: 8px 10px;
  cursor: pointer;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid #dfdfdf;
  background: #b20748;
  background-image: linear-gradient(top, #f42c78, #b20748);
  background-image: -o-linear-gradient(top, #f42c78, #b20748);
  background-image: -moz-linear-gradient(top, #f42c78, #b20748);
  background-image: -webkit-linear-gradient(top, #f42c78, #b20748);
  background-image: -ms-linear-gradient(top, #f42c78, #b20748);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f42c78), to(#b20748));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f42c78, endColorstr=#b20748);
  -webkit-box-shadow: inset 0 13px 0 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 13px 0 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 13px 0 0 rgba(255, 255, 255, 0.2);
}
.cm-inside-page-button:hover {
  background: #b20748;
  background-image: linear-gradient(top, #d50655, #b20748);
  background-image: -o-linear-gradient(top, #d50655, #b20748);
  background-image: -moz-linear-gradient(top, #d50655, #b20748);
  background-image: -webkit-linear-gradient(top, #d50655, #b20748);
  background-image: -ms-linear-gradient(top, #d50655, #b20748);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d50655), to(#b20748));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d50655, endColorstr=#b20748);
  color: white;
}
.cm-inside-page-button:active {
  -webkit-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
/*
 * radio button
 */
input[type=radio] {
  filter: alpha(opacity=0);
  height: 20px;
  width: 20px;
  cursor: pointer;
  opacity: 0;
  position: absolute;
}
input[type=radio] + label {
  background: url(images/radiobtn.png) left top no-repeat;
  background-position: 0 -23px;
  cursor: pointer;
  padding: 14px 0 10px 24px;
}
input[type=radio]:checked + label {
  background-position: 3px 12px;
}
select option {
  padding-left: 10px;
  font-family: Arial, Helvetica, sans-serif;
}
/*
 * check box button
 */
input[type=checkbox] {
  filter: alpha(opacity=0);
  height: 20px;
  width: 20px;
  cursor: pointer;
  opacity: 0;
  position: absolute;
}
input[type=checkbox] + label {
  background: url(images/checkbox.png) left top no-repeat;
  background-position: 0 -22px;
  cursor: pointer;
  padding: 6px 0 10px 26px;
}
input[type=checkbox]:checked + label {
  background-position: 0px 5px;
}
/*
 * gray action buttons
 */
.cm-button-greygradient {
  position: relative;
  height: 100%;
  padding: 1px 12px;
  font-size: 11px;
  background: #fefefe;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fefefe 0%, #fcfcfc 50%, #f1f1f1 51%, #f0f0f0 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(50%, #fcfcfc), color-stop(51%, #f1f1f1), color-stop(100%, #f0f0f0));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fefefe 0%, #fcfcfc 50%, #f1f1f1 51%, #f0f0f0 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fefefe 0%, #fcfcfc 50%, #f1f1f1 51%, #f0f0f0 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fefefe 0%, #fcfcfc 50%, #f1f1f1 51%, #f0f0f0 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fefefe 0%, #fcfcfc 50%, #f1f1f1 51%, #f0f0f0 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f0f0f0', GradientType=0);
  /* IE6-8 */

}
.cm-button-greygradient:hover {
  background: #f6f6f6;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f6f6f6 0%, #f4f4f4 49%, #e9e9e9 50%, #e8e8e8 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(49%, #f4f4f4), color-stop(50%, #e9e9e9), color-stop(100%, #e8e8e8));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f6f6f6 0%, #f4f4f4 49%, #e9e9e9 50%, #e8e8e8 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f6f6f6 0%, #f4f4f4 49%, #e9e9e9 50%, #e8e8e8 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f6f6f6 0%, #f4f4f4 49%, #e9e9e9 50%, #e8e8e8 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #f6f6f6 0%, #f4f4f4 49%, #e9e9e9 50%, #e8e8e8 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e8e8e8', GradientType=0);
  /* IE6-8 */

}
.cm-button-greygradient:active {
  -webkit-box-shadow: inset 0px 1px 1px 0px #949494;
  -moz-box-shadow: inset 0px 1px 1px 0px #949494;
  box-shadow: inset 0px 1px 1px 0px #949494;
}
/*
 * Secondary nav bar
 */
/*
* Filter component
*/
.cm-filter {
  background: #ffffff;
  width: 560px;
}
.cm-filter .filter-type {
  float: left;
  padding: 15px;
  background: #f1f1f1;
  background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#f1f1f1));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f9f9f9, endColorstr=#f1f1f1);
}
.cm-filter .detail-wrapr {
  margin-top: 19px;
}
.cm-filter .detail-wrapr :first-child {
  margin-top: 0;
}
.cm-filter .detail-field-spacing {
  margin: 2px 2px 4px 0;
  height: 24px;
  float: right;
}
.cm-filter .detail-label {
  line-height: 34px;
  float: left;
  margin: 0 8px 0 5px;
}
.cm-filter .filter-date {
  width: 106px;
}
.cm-filter .selectboxit-container .selectboxit-options {
  width: 200px;
  min-width: 100%;
}
/*
 * access class
 */
.cm-access {
  display: none;
}
.cm-coming-soon {
  color: #999;
  vertical-align: middle;
  height: 100%;
  text-align: center;
  table-layout: center;
  font-size: 11px;
  line-height: 234px;
}
div.cm-promotion {
  margin-bottom: 10px;
  position: relative;
  width: 728px;
  height: 240px;
  overflow: hidden;
  background: url('images/accounts-promotion.jpg') no-repeat -2px -36px;
  border: 1px solid #8e8e8e;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
}
/*
 * copied from ministetment
 */
/*
 * Statement header mixin
 */
/*
 * Details View mixin
 */
/*
 * Template View Mixin
 */
.template-view .search-form {
  padding: 18px 0 18px 2px;
  border-bottom: 1px solid #d3d3d3;
}
.template-view .search-form li.account-detail-row-count {
  width: 83px;
}
.template-view .search-form li.account-detail-row-count .selectboxit-container .selectboxit-options {
  width: 50px;
  min-width: 100%;
}
.template-view .search-form > li {
  float: left;
  width: 176px;
  border: none;
  padding: 0px;
  font-size: 12px;
  font-family: arial, sans-serif;
}
.template-view .search-form > li .selectboxit-container .selectboxit-options {
  width: 122px;
  min-width: 100%;
}
.template-view .search-form > li div.cm-custom-dd-wrapr,
.template-view .search-form > li div.cm-custom-dd-wrapr,
.template-view .search-form > li .selectboxit {
  background: white;
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  border: 1px solid #bababa;
  -webkit-box-shadow: inset 1px 1px 1px 0px #c3c1c2;
  -moz-box-shadow: inset 1px 1px 1px 0px #c3c1c2;
  box-shadow: inset 1px 1px 1px 0px #c3c1c2;
  line-height: 30px;
}
.template-view .search-form > li label {
  line-height: 28px;
  font-weight: bold;
}
/*
 * Action bar mixin
 */
/*
*Open Close Button
*/
.cm-divider {
  width: 2px;
  height: 119px;
  background: url(images/divider.png) no-repeat;
}
/*
 * heading
 */
h3.cm-inside-content-heading {
  font-size: 18px;
  font-weight: bold;
}
/*
*CSS Arrow left
*/
.arrow_left {
  position: relative;
  background: #f5f5f5;
}
.arrow_left:after,
.arrow_left:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_left:after {
  border-color: rgba(231, 231, 231, 0);
  border-right-color: #f5f5f5;
  border-width: 10px;
  top: 41px;
  margin-top: -30px;
}
.arrow_left:before {
  border-color: rgba(194, 225, 245, 0);
  border-width: 13px;
  border-right-color: #d9d9d9;
  top: 44px;
  margin-top: -36px;
}
/*
*Calendar
*/
/*
 * status band
 */
/*
 * table top filter
 */
/*
 * red color span like *
 */
span.cm-mandatory {
  color: #ff0000;
}
/*
 * Webkit scroll bar 
 */
.custom-scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.custom-scroll::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #eee;
}
.custom-scroll::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #b8b8b8;
}
.custom-scroll::-webkit-scrollbar-thumb:window-inactive {
  background: #b8b8b8;
}
span.btn-left-arrow {
  background-color:blue;
  height: 10px;
  width: 7px;
  display: inline-block;
  background-repeat: no-repeat;
}
span.btn-right-arrow {
  background-color:blue;
  height: 10px;
  width: 7px;
  display: inline-block;
  background-repeat: no-repeat;
}
/*
 * Confirmation page mixin
 */
.placeholder {
  color: #828282;
}
.cm-inr-cont-head {
  font-weight: bold;
  font-size: 23px;
}
.cm-arrow-left-img,
.cm-arrow-right-img {
  width: 24px;
  height: 24px;
}

/*Small header pages*/
.full {
  background-color: #ffffff;
  padding: 0 !important;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  min-height: 481px;
}
.full div.cm-secondary-nav-hdr {
  background: #f4f4f4;
  background-image: linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -o-linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -webkit-linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -ms-linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfe), to(#f4f4f4));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fcfcfe, endColorstr=#f4f4f4);
  height: 63px;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  padding: 4px 0 0 30px;
}
.full h2.cm-secondary-nav-title {
  font-weight: bold;
  font-size: 23px;
  padding-top: 23px;
}
/*Small footer*/
.cm-small-footer {
  width: 980px;
  margin: 20px auto;
}
.cm-copyright {
  float: left;
}
.cm-best-view {
  float: right;
}
.gray {
  color: #797979;
}
/*
 * jquery.selectBoxIt.css 3.3.0
 * Author: @gregfranko
 */
/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/
/* @FileName: retail.less
 * @Description: Contains color variables and mixins for retail theme.
 * @Author: Moonraft
 * @Dependencies: none
 */
/* Global Values
 * @Description: contains retail theme settings
 */
/*color pallette*/
/* Image paths */
/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  font: 12px Helvetica, Arial;
  /* Prevents text selection */

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
}
/* Button */
.selectboxit-container .selectboxit {
  width: 220px;
  /* Width of the dropdown button */

  cursor: pointer;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  position: relative;
}
/* Height and Vertical Alignment of Text */
.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
  /*height: 30px;   Height of the drop down */

  padding: 8px 0 7px;
  /* Vertically positions the drop down text */

  display: block;
}
.selectboxit-container .selectboxit-options a {
  padding-left: 6px;
}
/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4) !important;
  -moz-box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4) !important;
  box-shadow: 0px 0px 7px 0px rgba(0, 204, 255, 0.4) !important;
  border: 1px solid #00ccff !important;
}
/* Disabled Mouse Interaction */
.selectboxit-disabled {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* Button Text */
.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
  width: 88%;
  /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;*/

}
.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}
/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100px;
  min-width: 100%;
  /* Minimum Width of the dropdown list box options */

  /*width: 100%;*/

  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  top: 100%;
}
/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
  padding: 0 2px;
}
/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}
/* Individual Option Optgroup Header */
.selectboxit-optgroup-header {
  text-indent: 4px;
  /* Horizontal Positioning of the select box option text */

  margin: 0;
}
/* The first Drop Down option */
.selectboxit-option-first {
  /*border-top-right-radius: 6px;
  border-top-left-radius: 6px;*/

}
/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
/* The last Drop Down option */
.selectboxit-option-last {
  /*border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;*/

}
/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}
/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}
/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */

  width: 30px;
  position: absolute;
  right: 0;
}
/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */

  margin: 0 auto;
  position: absolute;
  margin-top: 5px;
  right: 0;
  left: 0;
}
/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}
.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}
/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}
/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
}
.selectboxit-btn:hover,
.selectboxit-btn:focus,
.selectboxit-btn:active {
  color: #333333;
  background-color: #e6e6e6;
}
.selectboxit-btn:hover,
.selectboxit-btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
}
.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 3px solid #000000;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
}
.selectboxit-list {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.selectboxit-list > li > a {
  color: #6C6C6C;
}
.selectboxit-list > .selectboxit-focus > a {
  /*color: #3d3d3d;
  
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;*/

}
.selectboxit-list > .selectboxit-focus > a:focus {
  color: #3d3d3d;
}
.selectboxit-list > .selectboxit-focus > a:hover {
  background-color: #e6e6e6;
  color: #3d3d3d;
  border-bottom-color: #fff;
}
.selectboxit {
  position: relative !important;
}
.selectboxit-list > .selectboxit-disabled > a {
  color: #999999;
}
.selectboxit-list > .selectboxit-disabled > a:hover,
.selectboxit-list > .selectboxit-disabled > a:focus {
  background-color: transparent;
  background-image: none;
}
.selectboxit-options li {
  padding: 0 !important;
}
li.selectboxit-option a {
  height: auto !important;
  word-break: break-word;
}
.selectboxit-option-icon-container {
  padding: 0 !important;
}
.selectboxit-options {
  overflow: visible !important;
}
.selectboxit {
  overflow: visible !important;
}
.selectboxit-focus {
  background-color: #e6e6e6;
}
.selectboxit-container * {
  font-family: arial, sans-serif;
}
select,
.selectboxit,
.selectboxit + selectboxit-options {
  width: 175px;
  min-width: 100%;
  float: left;
  font-size: 14px;
  height: 100%;
  cursor: pointer;
}
.selectboxit-options {
  width: 100%;
  border: 1px solid #b5b5b5;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
/*div.cm-select,*/.selectboxit-container {
  margin: 0;
  position: relative;
  padding: 0;
  /*div.cm-custom-dd-wrapr,*/
}
.selectboxit-container .selectboxit-btn {
  position: absolute;
  background: #f4f4f4;
  background-image: linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -o-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -webkit-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -ms-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#f4f4f4));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fdfdfd, endColorstr=#f4f4f4);
  float: right;
  cursor: pointer;
  line-height: 30px;
  padding: 0 2px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  /*width:100px;*/

}
.selectboxit-container .selectboxit-btn:hover {
  background: white;
}
.selectboxit-container div.cm-custom-dd-arrow {
  display: inline;
  float: right;
  margin-top: 6px;
}
.selectboxit-container div.cm-custom-dd-arrow div.cm-arrow-up {
  margin: 5px 0 3px 0;
}
.selectboxit-container div.cm-custom-dd-arrow div.cm-arrow-up {
  margin: 3px 0 5px 0;
}
.selectboxit-container a.cm-custom-select {
  color: #333333;
  font-size: 12px;
}
div.action-bar {
  float: left;
  margin: 27px 0 5px 0;
  padding: 16px 0 15px 34px;
  background: #ededed;
  background-image: linear-gradient(top, #f7f7f7, #ededed);
  background-image: -o-linear-gradient(top, #f7f7f7, #ededed);
  background-image: -moz-linear-gradient(top, #f7f7f7, #ededed);
  background-image: -webkit-linear-gradient(top, #f7f7f7, #ededed);
  background-image: -ms-linear-gradient(top, #f7f7f7, #ededed);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#ededed));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f7f7f7, endColorstr=#ededed);
  width: 705px;
  margin-left: -7px;
  border: 1px solid #b8b8b8;
  -webkit-box-shadow: inset 1px 1px 1px 0px #ffffff, 0px -1px 0px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: inset 1px 1px 1px 0px #ffffff, 0px -1px 0px 0px rgba(0, 0, 0, 0.21);
  box-shadow: inset 1px 1px 1px 0px #ffffff, 0px -1px 0px 0px rgba(0, 0, 0, 0.21);
  position: relative;
}
div.action-bar div.cm-button-wrap {
  float: left;
  margin-right: 14px;
}
div.action-bar .cm-button-red {
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
}
div.action-bar div.go-button {
  float: left;
  margin-right: 48px;
  position: relative;
}
div.action-bar div.go-button div.cm-custom-dd-wrapr,
div.action-bar div.go-button .selectboxit-btn {
  line-height: 27px;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
}
div.action-bar div.go-button a.cm-inside-page-button {
  float: left;
  border-left: 0;
  -webkit-border-radius: 0px 3px 3px 0;
  -moz-border-radius: 0px 3px 3px 0;
  border-radius: 0px 3px 3px 0;
}
div.action-bar div.go-button select {
  width: 150px;
  height: 29px;
}
div.action-bar div.go-button div.cm-arrow-up {
  display: none;
}
div.action-bar div.go-button div.cm-custom-dd-arrow {
  margin-top: 13px;
}
div.action-bar div.left-tri {
  background: url(images/left-tri.png) no-repeat 0px 0px;
  position: absolute;
  width: 7px;
  height: 10px;
  top: -8px;
  left: 0px;
}
div.action-bar div.right-tri {
  background: url(images/right-tri.png) no-repeat 0px 0px;
  position: absolute;
  width: 7px;
  height: 10px;
  top: -8px;
  right: -2px;
}
div.action-bar div.left-tri-white {
  background: url(images/left-tri-white.png) no-repeat 0px 0px;
  left: -2px;
  width: 6px;
  top: -9px;
}
div.action-bar div.right-tri-white {
  background: url(images/right-tri-white.png) no-repeat 0px 0px;
  width: 6px;
  top: -9px;
}
div.fd-box {
  border: 1px solid #d3d3d3;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
div.fd-sect {
  border-top: 1px solid #d3d3d3;
}
div.fd-sect:first-child {
  border-top: 0;
}
div.fd-sect:first-child div.fd-sect-body {
  display: block;
  height: auto;
}
div.fd-sect-hdr {
  height: 40px;
  background: #f4f4f4;
  background-image: linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -o-linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -webkit-linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -ms-linear-gradient(top, #fcfcfe, #f4f4f4);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfe), to(#f4f4f4));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fcfcfe, endColorstr=#f4f4f4);
  position: relative;
  line-height: 42px;
  font-size: 15px;
  vertical-align: top;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  color: #3c8dbc;
}
div.fd-sect-hdr.active {
  color: #000000;
  font-weight: bold;
}
div.fd-sect-hdr.active span.fd-sect-index {
  border: 1px solid #d3d3d3;
}
div.fd-sect-hdr.complete span.fd-sect-index {
  display: none;
}
div.fd-sect-hdr.complete span.fd-sect-img {
  display: inline-block;
}
div.fd-sect-hdr.complete .edit-btn {
  display: inline;
}
div.fd-sect-hdr.skip span.fd-sect-index {
  display: none;
}
div.fd-sect-hdr.skip span.fd-sect-img {
  display: inline-block;
  color: #999999;
}
div.fd-sect-hdr.skip .edit-btn {
  display: inline;
}
div.fd-sect-hdr.skip span.skipped {
  display: inline;
}
span.fd-sect-index,
span.fd-sect-img {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 10px 10px 0 10px;
  text-align: center;
  line-height: 20px;
  vertical-align: top;
}
span.fd-sect-index {
  background-color: #f2f2f2;
  border: 1px solid #3c8dbc;
  font-size: bold;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
span.skipped {
  margin-left: 20px;
  color: #999999;
  font-size: 11px;
  font-weight: normal;
  display: none;
}
span.fd-sect-img {
  display: none;
  color: #08a00b;
  font-weight: 200;
  padding-right: 0;
  font-size: 33px;
  vertical-align: -6px;
}
.edit-btn {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 40px;
  font-size: 11px;
  font-weight: normal;
  margin-right: 30px;
  display: none;
  cursor: pointer;
}
.edit-btn:hover {
  color: #000;
}
.edit-btn:hover .cm-iconic-stroke {
  color: #000;
}
div.fd-sect-body {
  border-top: 1px solid #d3d3d3;
  display: none;
}
div.fd-sect-scroller {
  padding: 30px 15px ; /*Changed by Moonraft*/
}
div.fd-sect-scroller.fd-summary-scroller {
  padding-bottom: 15px;
}
div.skip-btn {
  display: inline-block;
  font-size: 12px;
  color: #b70549;
  cursor: pointer;
  margin-left: 10px;
}
div.skip-btn:hover {
  color: #000;
}
div.cm-proceed-wrpr {
  position: relative;
  display: inline-block;
}
div.cm-proceed-wrpr .send-btn {
  background: #b20748;
  background-image: linear-gradient(top, #f42c78, #b20748);
  background-image: -o-linear-gradient(top, #f42c78, #b20748);
  background-image: -moz-linear-gradient(top, #f42c78, #b20748);
  background-image: -webkit-linear-gradient(top, #f42c78, #b20748);
  background-image: -ms-linear-gradient(top, #f42c78, #b20748);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f42c78), to(#b20748));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f42c78, endColorstr=#b20748);
}
div.cm-proceed-wrpr .send-btn:hover {
  background: #b20748;
  background-image: linear-gradient(top, #d50655, #b20748);
  background-image: -o-linear-gradient(top, #d50655, #b20748);
  background-image: -moz-linear-gradient(top, #d50655, #b20748);
  background-image: -webkit-linear-gradient(top, #d50655, #b20748);
  background-image: -ms-linear-gradient(top, #d50655, #b20748);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d50655), to(#b20748));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d50655, endColorstr=#b20748);
}
div.cm-proceed-wrpr .send-btn:active {
  -webkit-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
div.cm-proceed-wrpr .send-btn .inner-btn {
  padding-left: 10px;
  font-size: 12px;
  background-position: 88% 46%;
}
div.cm-proceed-wrpr1 .send-btn .inner-btn {
  padding-left: 8px;
  padding-right: 10px;
  font-size: 12px;
  background-position: 88% 46%;
}
span.cm-proceed-img {
  background-color:blue;
  position: absolute;
  pointer-events: none;
  width: 7px;
  height: 10px;
  right: 10px;
  top: 30%;
}
.proceed-btn {
  margin-left: 10px;
  vertical-align: middle;
  font-size: 12px;
  width: 80px;
  height: 30px;
  text-align: left;
  line-height: 30px;
  font-weight: bold;
}
.action-bar {
  width: 646px;
  margin-left: -36px;
  margin-top: 30px;
  padding: 12px 0 11px 30px;
}
.action-bar span.action-img {
  font-size: 20px;
  margin-top: 12px;
  color: white;
  position: absolute;
  left: 56px;
  border: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 17px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 0;
}
.action-bar input.account-button {
  margin-left: 14px;
  padding: 0 10px 0 30px;
  height: 38px;
  font-size: 18px;
  background: #6dbc3e;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYmMzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzZkYmMzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzQwOTQwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDk0MGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #6dbc3e 0%, #6dbc3e 45%, #40940e 46%, #40940e 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6dbc3e), color-stop(45%, #6dbc3e), color-stop(46%, #40940e), color-stop(100%, #40940e));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #6dbc3e 0%, #6dbc3e 45%, #40940e 46%, #40940e 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #6dbc3e 0%, #6dbc3e 45%, #40940e 46%, #40940e 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #6dbc3e 0%, #6dbc3e 45%, #40940e 46%, #40940e 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #6dbc3e 0%, #6dbc3e 45%, #40940e 46%, #40940e 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6dbc3e', endColorstr='#40940e', GradientType=0);
  /* IE6-8 */

  -webkit-box-shadow: 0px 0px 0px 0px #ffffff;
  -moz-box-shadow: 0px 0px 0px 0px #ffffff;
  box-shadow: 0px 0px 0px 0px #ffffff;
}
.action-bar input.account-button:hover {
  background: #40940e;
  background-image: linear-gradient(top, #40940e, #40940e);
  background-image: -o-linear-gradient(top, #40940e, #40940e);
  background-image: -moz-linear-gradient(top, #40940e, #40940e);
  background-image: -webkit-linear-gradient(top, #40940e, #40940e);
  background-image: -ms-linear-gradient(top, #40940e, #40940e);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40940e), to(#40940e));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#40940e, endColorstr=#40940e);
}
.send-btn {
  display: inline-block;
  height: 30px;
  background: #6cba3e;
  /* Old browsers */

  background: -moz-linear-gradient(top, #6cba3e 0%, #6cba3e 45%, #3e8e0d 46%, #3e8e0d 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6cba3e), color-stop(45%, #6cba3e), color-stop(46%, #3e8e0d), color-stop(100%, #3e8e0d));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #6cba3e 0%, #6cba3e 45%, #3e8e0d 46%, #3e8e0d 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #6cba3e 0%, #6cba3e 45%, #3e8e0d 46%, #3e8e0d 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #6cba3e 0%, #6cba3e 45%, #3e8e0d 46%, #3e8e0d 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #6cba3e 0%, #6cba3e 45%, #3e8e0d 46%, #3e8e0d 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cba3e', endColorstr='#3e8e0d', GradientType=0);
  /* IE6-9 */

  -webkit-box-shadow: 0 0 0 #000000;
  -moz-box-shadow: 0 0 0 #000000;
  box-shadow: 0 0 0 #000000;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.send-btn:active {
  -webkit-box-shadow: inset 0 2px 2px 0 #3f920c;
  -moz-box-shadow: inset 0 2px 2px 0 #3f920c;
  box-shadow: inset 0 2px 2px 0 #3f920c;
}
.send-btn:hover {
  background: #3f920c;
  background-image: linear-gradient(top, #46a10d, #3f920c);
  background-image: -o-linear-gradient(top, #46a10d, #3f920c);
  background-image: -moz-linear-gradient(top, #46a10d, #3f920c);
  background-image: -webkit-linear-gradient(top, #46a10d, #3f920c);
  background-image: -ms-linear-gradient(top, #46a10d, #3f920c);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#46a10d), to(#3f920c));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#46a10d, endColorstr=#3f920c);
}
.send-btn .inner-btn {
  vertical-align: middle;
  border: 0;
  background-color:#2196f3;
  color: white;
  font-size: 16px;
  line-height: 30px;
  margin: 0;
  width: 100%;
  padding-left: 35px;
  padding-right: 15px;
  padding-top: 0;
  padding-bottom: 0;
  cursor: pointer;
  font-weight: bold;
  height: 30px;
}

#passwordRegen div.col-title {
  width: 175px;/*changed by Moonraft*/
  float: left;
  min-height: 30px;
  padding-bottom: 15px;
  font-size: 12px;
  padding-top: 2px;
  font-weight: bold;
  line-height: 28px;
}
#passwordRegen div.col-title.topalign {
  line-height: 12px;
}
#passwordRegen div.col-field {
  width: 210px;
  float: left;
  min-height: 30px;
  padding-bottom: 20px;/*Changed by Moonraft*/
  position: relative;
}
#passwordRegen div.col-detail {
  width: 190px;
  float: left;
  min-height: 30px;
  padding-bottom: 15px;
  padding-bottom: 0;
}
#passwordRegen .card-no {
  width: 350px;/*Changed by Moonraft*/
}
#passwordRegen .card-no input {
  width: 40px;
}
#passwordRegen div.template-checkbox-wrpr { /*Class changed by Moonraft*/
  width: 551px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  padding: 21px 0 0 12px;
  margin: 10px 0 0 0;
  background-color: #fbfbfb;
  border: 1px solid rgba(0, 0, 0, 0.05);
  height: 26px;
}
#passwordRegen div.template-checkbox-wrpr label {
  font-size: 11px;
  font-weight: bold;
}
#passwordRegen .divider {
  border-top: 1px solid #d3d3d3;
  margin: 0px 0 20px 0;/*Chnaged by Moonraft*/
}
#footer {
  height: auto;
  margin-top: 20px;
}
div.lt-top-footer {
  height: 50px;
}
#header div.lt-header-content {
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  margin: 11px auto;
  border: 1px solid #c2c2c2;
  padding-left: 20px;
}
.cm-small-footer {
  font-size: 11px;
}

/*Copied by Moonraft for Enter Password section*/
#changePwd {
  font-family: arial, sans-serif;
}
#changePwd div.callout {
  width: 369px;
  position: absolute;
  height: 120px;
}
#changePwd div.callout-arrow,
#changePwd div.callout-arrow-bdr,
#changePwd div.callout-arrow-shd {
  width: 0;
  height: 0;
  position: absolute;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-top: 13px solid rgba(255, 255, 255, 0);
  border-bottom: 13px solid rgba(255, 255, 255, 0);
  top: 50%;
}
#changePwd div.callout-arrow {
  border-right: 15px solid #f6f6f6;
  margin-top: -12px;
}
#changePwd div.callout-arrow-bdr {
  margin-top: -13px;
  border-right: 16px solid #FFF;
  margin-left: -3px;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-top: 14px solid rgba(255, 255, 255, 0);
  border-bottom: 14px solid rgba(255, 255, 255, 0);
}
#changePwd div.callout-arrow-shd {
  margin-top: -14px;
  border-right: 17px solid #e6e6e6;
  margin-left: -4px;
  border-top: 15px solid transparent;
  border-bottom: 16px solid transparent;
  border-top: 15px solid rgba(255, 255, 255, 0);
  border-bottom: 16px solid rgba(255, 255, 255, 0);
}
#changePwd div.callout-body {
  margin-left: 13px;
  background-color: blue;
  border: 2px solid #fff;
  height: 120%;
  background: #f0f0f0;
  background-image: linear-gradient(top, #fcfcfc, #f0f0f0);
  background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);
  background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);
  background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);
  background-image: -ms-linear-gradient(top, #fcfcfc, #f0f0f0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#f0f0f0));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fcfcfc, endColorstr=#f0f0f0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
#changePwd div.cm-secondary-nav-hdr {
  height: 65px;
  padding-top: 0;
}
#changePwd div.cm-secondary-nav-hdr-left {
  width: 100%;
}
#changePwd h2 {
  width: 59.2%;
  display: inline-block;
}
#changePwd div.cm-secondary-nav-hdr {
  border-bottom: 1px solid #d3d3d3;
}
#changePwd div.cm-secondary-nav-content {
  overflow: visible;
}
#changePwd div.changepwd-detail {
  padding: 30px 30px 15px 30px;
  position: relative;
}
#changePwd div.col-title {
  width: 232px;/*changed by Moonraft*/
  float: left;
  min-height: 30px;
  /*padding-bottom: 30px;*/
  font-size: 12px;
  /*padding-top: 2px;*/
  font-weight: bold;
  line-height: 28px;
}
#changePwd div.col-field {
  width: 150px;
  float: left;
  min-height: 30px;
  padding-bottom: 30px;
  position: relative;
}
#changePwd input.cm-input-box {
  width: 115px;
}
#changePwd div.callout {
  right: -160px;
  display: none;
  top: 196;
}
#changePwd div.callout-left {
  display: inline-block;
  padding: 40px 24px 40px 18px;
  height: 35px;
  width: 75px;
  vertical-align: middle;
}
#changePwd div.pass-status {
  font-size: 22px;
}
#changePwd div.pass-progressbar {
  margin-top: 10px;
  width: 70px;
  height: 5px;
  background-color: #cacaca;
}
#changePwd div.pass-progressmtr {
  width: 25%;
  background-color: #ff2524;
  height: 100%;
}
#changePwd ul.callout-desc {
  vertical-align: middle;
  display: inline-block;
  width: 230px;
  font-size: 10px;
  line-height: 12px;
  list-style: disc !important;
  color: #767676;
  padding: 10px 0;
}
#changePwd ul.callout-desc li {
  padding-bottom: 4px;
}
#changePwd ol.info-box {
  padding: 20px 30px 15px 30px;
  background-color: #f8f8f8;
  border: 1px solid #d3d3d3;
  overflow: hidden;
  display: block;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  list-style: decimal;
}
#changePwd ol.info-box li {
  font-size: 11px;
  padding-bottom: 6px;
  color: #8d8d8d;
  font-weight: normal;
  line-height: 14px;
}
#changePwd .action-bar {
  margin-top: 0px;
  margin-left: -37px;
}
/*Added by Moonraft*/
#passwordRegen #changePwd div.callout {
  right: -191px;
}
div.security-note {
  /*float: left;*/ /*Commented by Moonraft*/
  margin-top: 20px;
  padding: 20px 40px;
  background: #f8f8f8;
  background-image: linear-gradient(top, #f7f7f7, #f8f8f8);
  background-image: -o-linear-gradient(top, #f7f7f7, #f8f8f8);
  background-image: -moz-linear-gradient(top, #f7f7f7, #f8f8f8);
  background-image: -webkit-linear-gradient(top, #f7f7f7, #f8f8f8);
  background-image: -ms-linear-gradient(top, #f7f7f7, #f8f8f8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#f8f8f8));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f7f7f7, endColorstr=#f8f8f8);
  -webkit-box-shadow: inset 0px 1px 1px 0px #ffffff;
  -moz-box-shadow: inset 0px 1px 1px 0px #ffffff;
  box-shadow: inset 0px 1px 1px 0px #ffffff;
  font-size: 12px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid #e8e8e8;
}
/* Added by Rahul L */
/* div.security-note li
        {
            border: solid 1px black;
            display: block;
            float: left;
            height: 100px;
            list-style-type: none;
            margin: 10px;
            vertical-align: middle;
        } */

/* Added by Rahul L */
div.noteclass {
  margin-left: 11px;
}
/* End Added by Rahul L */
div.security-note span {
  font-weight: bold;
}
div.security-note p {
  padding-top: 10px;
  line-height: 20px;
}

#passwordRegen .ivr-box {
  padding: 20px 10px;
  height: 28px;
  background-color: #f8f8f8;
  border: 1px solid #d3d3d3;
  overflow: hidden;
  margin: 0 0 20px 0;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
#passwordRegen .ivr-box-text {
  color: #6b6b6b;
  font-size: 10px;
  line-height: 13px;
  display: inline-block;
  vertical-align: middle;
  width: 389px;
}
.ivr-box-btn {
  vertical-align: middle;
  /*margin-left: 20px;*/
  font-size: 12px;
  width: 140px;
  text-align: center;
  padding-left: 5px;
  line-height: 30px;
  padding-right: 5px;
  height: 30px;
  float:right;
}
#passwordRegen div.error-box{
	margin:20px auto -10px; /*Changed by Moonraft*/
	width:620px;
	display:none;
}
#passwordRegen div.error-box .unsuccess{
 font-size:22px;
}
#passwordRegen #changePwd #forcedPwd div.callout {
  right: 204px; /*Changed by Moonraft_22JAN*/
}
#changePwd .m_change-password-note {
	margin-top:0px;
}
#changePwd .m_change-password-note ul.callout-desc{
	width: auto;
	font-size: 12px;
	line-height: 14px;
	margin-left:15px;
	padding: 10px 0 0 0;
	color:#3d3d3d;
}
.wpthemeComplementaryContent  , header.wpthemeControlHeader, .component-control div.wpthemeInner{
	display:none;
}
#changePwd .m_action-bar-bigger {
	width:957px;
}
#changePwd  #passwordExpiry .m_action-bar-bigger {
	margin-top:30px;
}
#changePwd  #forcedPwd  .m_action-bar-bigger {
	margin-top:10px;
}
#changePwd .m_change-password-hdr {
	font-size:16px;
	font-weight:bold;
	padding-bottom: 20px;
}
#changePwd  #forcedPwd .m_change-password-hdr ,#changePwd #changePwdacc .m_change-password-hdr{
	float: left;
	padding-right: 12px;
	background: #fff;
}
#forcedPwd  .m_seperator ,#changePwd #changePwdacc .m_seperator {
	margin-top: 8px;
	border-top: 1px solid #d3d3d3;
}
#passwordRegen  #changePwd  #passwordExpiry  div.callout{
	right: 243px;
}
#passwordRegen #changePwd   #passwordExpiry   div.col-title {
	width: 196px;
}
#changePwd #forcedPwd div.col-title {
	width:236px;
}
#changePwd   #passwordExpiry   div.col-field , #changePwd   #forcedPwd  div.col-field {
	width:500px;
}
#passwordRegen  #passwordExpiry  .error-text  , #passwordRegen  #changePwd  #forcedPwd  .error-text, #passwordRegen  .error-text 
{
	line-height: normal;
	position: absolute;
	left:0;
	bottom:12px;
}
#passwordRegen  .error-text {
	bottom:5px;
}
#passwordRegen  div.m_errorbox-full {
	width:auto;
	margin:20px 30px 0px; 
}
.m_marginTop10 {
	margin-top:10px;
}
input.form-field-error-highlight {
	background-color:#fefacd;
	color:#dd0000;
}
table.layoutRow {
	margin:auto;
}
.m_back-btn {
	display:inline-block;
	margin-left:10px;
	vertical-align:middle;
	margin-top: 2px;
}
.m_back-btn  a {
	font-size:12px;
}
#passwordRegen  div.login-label {
	line-height:12px;
	padding-bottom:5px;
}
#passwordRegen  div.login-Id-field {
	font-size:14px;
	padding-bottom:0px;
}
#passwordRegen  div.col-field  {
	width:350px;
}
#passwordRegen .selectboxit-container .selectboxit {
	background:#ffffff;
	filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
	box-shadow:inset 1px 1px 1px #c3c1c2;
	-webkit-box-shadow:inset 1px 1px 1px #c3c1c2;
	-moz-box-shadow:inset 1px 1px 1px #c3c1c2;
	border:1px solid #bababa;
}
#passwordRegen .select-box-wrp  .selectboxit-container .selectboxit-options{
	width:214px;
}
.m_SelectPwdTypeRow  input[type=radio] + label  , .m_select_NRIDtls  input[type=radio] + label , .m_select_NStype  input[type=radio] + label, .m_cntry-select input[type=radio] + label{
	background-color:blue;
	background-position: 0 -28px;
	padding: 0 0 0 24px;
	font-size:14px;
}
.m_SelectPwdTypeRow  input[type=radio]:checked + label  , .m_select_NRIDtls  input[type=radio]:checked + label , .m_select_NStype input[type=radio]:checked + label, .m_cntry-select input[type=radio]:checked + label{
	font-weight:bold;
	background-position: 0px 0px;
}
.m_SelectPwdTypeRow  {
	padding-bottom:20px;
}
#passwordRegen div.cm-proceed-wrpr .send-btn .inner-btn {
	background-position: 62px 10px;
	font-family: arial, sans-serif;
}
#changePwdacc div.col-field {
	width:330px;
}
#changePwd #changePwdacc div.changepwd-detail{
	padding:0;
}
#changePwd #changePwdacc div.action-bar{
	margin-left:-51px;
	width:616px;
	margin-bottom:0px;
	margin-top:15px;
}
#changePwd #changePwdacc div.col-title {
	width:160px;
}
#passwordRegen #changePwd #changePwdacc  div.callout {
	right:-105px;
}
#changePwd #changePwdacc .m_change-password-hdr {
	font-size:14px;
}
.m_chkbox-ctnr {
	position:relative;
	padding-bottom:15px;
}
#passwordRegen .m_chkbox-ctnr   .error-text {
	bottom:1px;
}
.m_setpwd-radio-ctnr {
	position:relative;
}
#passwordRegen  .m_setpwd-radio-ctnr  div.divider {
	margin-top:10px;
}
#passwordRegen .m_setpwd-radio-ctnr   .error-text {
	bottom:55px;
}
#changePwd #changePwdacc div.col-field {
	padding-bottom:20px;
}
#passwordRegen #changePwd #changePwdacc div.callout {
	width: 276px;
	height: 130px;
	right:-12px;
	/* commented by sai for 7143 bug*/
	/*display: block !important; */
}
#passwordRegen #changePwd #changePwdacc  div.callout-left {
	padding: 40px 22px 40px 10px;
	height: 35px;
	width: 53px;
}
#passwordRegen #changePwd #changePwdacc div.pass-status {
	font-size:17px;
}
#passwordRegen #changePwd #changePwdacc  div.pass-progressbar {
	width:56px;
}
#passwordRegen #changePwd #changePwdacc ul.callout-desc {
	width:165px;
	padding:9px 0;
}
#passwordRegen #changePwdacc  .ivr-box {
	margin-top:5px;
	margin-bottom:15px;
}
#passwordRegen #changePwdacc  .ivr-box-text {
	width:379px;
}
#passwordRegen #changePwdacc  .ivr-box-btn{
	width:160px;
	margin-left: 30px;
	float:none;
}
#passwordRegen  div.security-note {
	padding:20px 30px;
	font-size:11px;
}
#passwordRegen  div.security-note  p{
	line-height:18px;
	padding-top:5px;
}
#passwordRegen div.m_fd-sect-last {
	padding-bottom:20px;
}
.m_select_NRIDtls {
	float:left;
	width:174px;
	padding-bottom:25px;
}
#passwordRegen div.m_large-label {
	line-height:normal;
}
#passwordRegen  div.m_info-note {
	margin:10px 0 5px 0;
	line-height:18px;
}
#passwordRegen a {
	text-decoration:none;
}
.m_dob-inputs input {
	width:25px;
}
.m_dob-inputs input.m_dob-year {
	width:40px;
}
#passwordRegen input.m_cntry-code{
	width:16px;
	text-align:center;
}
#passwordRegen input.m_mbl-field {
	width:90px;
}
#passwordRegen label.m_dynamic-data {
	line-height:30px;
	font-size:14px;
}
div.m_select_NStype {
	float:left;
	width:90px;
	padding-top:6px;
}
#passwordRegen #netSecure div.sum-col-title {
	width:180px;
	padding-bottom:0px;
	line-height:16px;
}
#passwordRegen #netSecure div.sum-col-val {
	padding-bottom:0px;
}
#passwordRegen #netSecure div.fd-box {
	width:666px;
}	 
#passwordRegen #netSecure div.error-box {
	width:646px;
}
#changePwdacc div.netsecure-field {
	width:150px;
}
#passwordRegen div.timer {
	margin-right:18px;
	height:39px;
	width:62px;
	color:#000;
	font-size:46px;
	vertical-align:middle;
	float:left;
	background-image:url(images/timer_Black_bg.png);
}
#passwordRegen div.timer.red-bg {
	background-image:url(images/timer_Red_bg.png);
}
#passwordRegen div.code-msg  {
	float:left;
	color:#6e6e6e;
	width:170px;
	font-size:9px;
	line-height:12px;
	vertical-align:top;
}
#passwordRegen div.timer-text {
	color:#333;
	font-size:10px;
}
#passwordRegen div.timer-digit {
	float:left;
	text-align: left;
	color: #fff;
	font-size: 28px;
	line-height: 39px;
	letter-spacing: 13px;
	margin-left: 9px;
}
.m_marginBtm10 {
	margin-bottom:10px;
}
#passwordRegen div.m_cntry-select {
	width:200px
}
#passwordRegen div.m_cntry-select div {
	float:left;
	padding-right:8px;
}
.m_cntry-select input[type=radio] + label{
	font-weight:normal;
	padding-left:20px;
}
.m_field-without-title {
	padding-left:175px;
	float:left;
	min-height: 30px;
	padding-bottom: 20px;
	position: relative;
	width: 350px;
}
#passwordRegen .m_field-without-title input.m_mbl-field {
	width:96px;
}

.validation_error{
padding-left: 0px !important;
float: right !important;
padding-right: 40px !important;
}
/*passwordRegen .fd-box {
  min-width: 96% !important;
     max-width: 600px !important;
    */
    #passwordRegen .fd-box {
  width: 96%;
  margin: 60px 2%;
}

@media (min-width: 768px) {

    .row {
        width: 640px;
        margin: 0 auto;
    }
}
@media (max-width: 767px) {

    .row {
        width: 96%;
        margin: 0 2%;
    }
}
@media (max-width: 480px) {

    .row {
        width:450px;
        margin: 0 15px ;
    }
}
@media (max-width: 360px) {

    .row {
        width:320px;
        margin: 0 15px ;
    }
}
@media (max-width: 320px) {

    .row {
        width:290px;
        margin: 0 15px ;
    }
}
/*#passwordRegen .fd-box {
  width: 96%;
  margin: 60px 2%;
}*/

@media (width: 640px) {

    .row {
        width:600px;
        margin: 0 20px ;
    }
}
@media (width: 800px) {

    .row {
        width:600px;
        margin: 0 50px !important ;
    }
}