@font-face {
	font-family: 'open-sans';
	src: url('../assets/fonts/OpenSans-Regular.woff2') format('woff2'),
		 url('../assets/fonts/OpenSans-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
  }
  @font-face {
	font-family: 'open-sans';
	src: url('../assets/fonts/OpenSans-Bold.woff2') format('woff2'),
		 url('../assets/fonts/OpenSans-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
  }
  @font-face {
	font-family: 'open-sans';
	src: url('../assets/fonts/OpenSans-Light.woff2') format('woff2'),
		 url('../assets/fonts/OpenSans-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
  }

/*Login Page CSS classes Start */
body {
   font-family:'open-sans', sans-serif;
   font-size:11px;
   margin-top:100px
}

#cl-LoginContainer {
   border:1px solid #a5a4a5;
   width:580px;
   height:auto;
   margin:0px auto;
}
#cl-LoginMsgContainer {
   width:570px; 
   white-space:nowrap;
   text-decoration:none; 
   height:auto;
   color: #005A6B;
   font-family: 'open-sans',sans-serif;
   font-size: 9pt;
   font-weight: bold;
   margin:10px auto;
   padding:5px 5px 5px 5px; 
   background-color: #DCE8EB;
   border: 2px solid #A5C4CB;
}
#cl-LoginTestContainer {
   border:1px solid #a5a4a5;
   width:580px;
   height:auto;
   margin:0px auto;
   float:left;
}
#loading-mask {
  position: absolute;
  left:     0;
  top:      0;
  width:    100%;
  height:   100%;
  z-index:  20000;
  background-color: white;
}

#loading {
  position: absolute;
  left:     50%;
  top:      50%;
  padding:  2px;
  z-index:  20001;
  height:   auto;
  margin:   -35px 0 0 -30px;
}

#loading .loading-indicator {
  background: url(../../images/loading.gif) no-repeat;
  color:      #555;
  font:       bold 13px 'open-sans',sans-serif;
  padding:    8px 42px;
  margin:     0;
  text-align: center;
  height:     auto;
}
.fiserv-Logo {
   background:url(../../../climage/logo/default/logo-medium.jpg) no-repeat right;
   width:82px;
   height:40px;
   float:right;
   margin:20px;
}

.login-Logo {
   width:200px;
   height:45px;
   float:right;
   margin:20px 20px 0px 0px;
}

.clear {
   clear:both
}

.cl-hd {
   clear:both;
   color:#666666;
   float:right;
   font-size:20px;
   font-weight:bold;
   margin:20px 19px 5px 20px;
}

.cl-hd2 {
   color:#666666;
   font-size:12px;
   font-weight:bold;
   margin:20px 19px 5px 20px;
}
.cl-frmRow {
   float:right;
   clear:both;
   margin-top:20px;
   margin-right:11px;
   width:295px;
}
.cl-frmRow2 {
   margin-top:20px;
   margin-right:11px;
   width:295px;
}

.cl-frmRow3 {
   float:right;
   clear:both;
   margin-top:20px;
   margin-right:11px;
   width:430px;
}

.cl-login-form .x-form-item label {
	width:115px;
	text-align: right;
 }

.cl-frmRow div {
   float:right;
}

.about{
   float:right;
   font-size:11px; 
   color:#666666;
   margin:20px 20px 20px 20px;
   }
   
.about a{color:#666666;text-decoration:none;font-weight:bold;}

.about a:hover{color:#ff6600;text-decoration:underline}

.forgotPassword{
   float:right;
   font-size:11px;
   color:#666666;
   margin:10px 20px 10px 20px;
   }
   
.forgotPassword a{color:#666666;text-decoration:none;font-weight:bold;}

.forgotPassword a:hover{color:#ff6600;text-decoration:underline}  
.copyright{
   font-size:10px; 
   color:#666666; 
   padding:0px 20px 20px 20px; 
   font-style:normal; 
   font-weight:200;
   }
   
.fiserv-square{ 
   background:url(../../../climage/logo/default/logo-square.jpg) no-repeat left; 
   width:80px;
   height:80px; 
   float:left; 
   margin-right:10px;
   }
   
.footer-square{
   width:200px;
   height:45px; 
   float:left; 
   margin-right:10px;
   }
   
.footer-square-img{
   max-width:200px;
   max-height:45px;
   width: expression(this.width > 200 ? 200: true);
   height: expression(this.height > 45 ? 45: true);
   float:left; 
   margin-right:10px;
}
      
.copyrightTxt{
   margin-left:10px;
   text-align:justify;
   }

.cl-denomTab .x-border-layout-ct {
    background-color:#fff;
}

/*Login Page CSS classes End */

/*Home page north region classes Start*/
#ext-logo {
  	float: left;
	padding-top: 5px;
	padding-left: 10px;
	max-width:600px;
}

#ext-welcome {
   text-align:right;
   font:normal 10px 'open-sans',sans-serif;
   padding-right: 20px;
   padding-top: 8px;
   padding-bottom: 8px;
   color:#666666;
}

#ext-welcome a, #ext-welcome a:link {
   color:#666666;
   font:normal 10px 'open-sans',sans-serif;
   text-decoration: none;
   font-weight:none;
}

#ext-welcome a:hover {
   text-decoration: underline;
   color: #ff6600;
   font-weight:none;
}

#ext-lastlogin {
	text-align:right;
	font:italic 10px 'open-sans',sans-serif;
	padding-right: 0px;
	padding-top: 8px;
	padding-bottom: 5px;
	color:#333333;
}
/*Home page north region classes End*/

/* Based classes Need Start*/
.cl-regionBorder-top .x-panel-body{
   border-bottom:0px;
   border-left:0px;
   border-right:0px;
   border-top:1px solid #8db2e3;
}

.cl-regionBorder-bottom .x-panel-body{
   border-top:0px;
   border-left:0px;
   border-right:0px;
   border-bottom:1px solid #8db2e3;
}

.x-panel-noborder {
   border: 0 none;
}
.x-panel-body p {
   margin: 2px;
}

.x-grid3-summary-row {
    border-top:1px solid #8db2e3;
    color:#333;
    background: #eeeeee;
}
.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight:bold;
    padding-bottom:4px;
}
.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left:16px;
}
.x-grid-hide-summary .x-grid3-summary-row {
    display:none;
}
.x-grid3-summary-msg {
    padding:4px 16px;
    font-weight:bold;
}
.x-grid3-gridsummary-row-inner{
   overflow:hidden;width:100%;
}/* IE6 requires width:100% for hori. scroll to work */

.x-grid3-gridsummary-row-offset{
   width:10000px;
}
.x-grid-hide-gridsummary .x-grid3-gridsummary-row-inner{
   display:none;
}
.x-grid3-td-shipOut{background-color:#D3D3D3}

.x-grid3-td-shipOrg{background-color:#FFFFFF}
.x-toolbar-layout-ct {
   background-image: none;
}
.x-grid3-td-Max {
   border:1px solid #666666;
   text-align:right;
   }
   
.x-btn {
   font:normal 11px 'open-sans', sans-serif;
}
.x-btn button {
    font:normal 11px 'open-sans', sans-serif;
}
.x-toolbar td, .x-toolbar span, .x-toolbar input, 
.x-toolbar div, .x-toolbar select, .x-toolbar label {
    font:normal 11px 'open-sans', sans-serif;
}

.x-form-num-field{
   text-align:right;
}

.x-tbar-page-number {
      width: 50px;
}

.x-grid3-tr-orderTotal{
   font-weight:bold;
   background-color:#fefee0;
}

.x-grid3-cell-editAdj {
   background-color:#FCF6BC;
}

/* Based classes Need End*/

/* App icons classes start*/

.panelSetting-menuDropdown .x-menu-item-checked {
      border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
   padding:0;
}

.panelSetting-bottom {
    background-image: url(../../images/preview-bottom.gif) !important;
}

.panelSetting-right {
    background-image: url(../../images/preview-right.gif) !important;
}

.panelSetting-hide {
    background-image: url(../../images/preview-hide.gif) !important;
}

.approve-icon {
  background-image:url(../../images/approve.png) !important;
}
.compare-icon {
  background-image:url(../../images/compare.png) !important;
}

.new-tab {
   background-image: url(../../images/add.png) !important;
}

.lock-icon {
   background-image: url(../../images/lock_16.gif) !important;
}

.delete-icon {
   background-image: url(../../images/delete.png) !important;
}

.unlock-btn-icon {
   background-image: url(../../images/lock-open.png) !important;
}

.delete-qna-icon {
   height: 20px !important;
   background-image: url(../../images/delete.png) !important;
}

.print-icon {
   background-image: url(../../images/printer.png) !important;
}

.export-icon {
   background-image: url(../../images/export_icon.png) !important;
}

.csv-icon {
   background-image: url(../../images/csv_icon.png) !important;
}

.window-icon {
   background-image: url(../../images/new-window.gif) !important;
}
.walk-icon {
    background-image:url(../../images/walk-icon.gif) !important;
}
.gear-icon {
   background-image: url(../../images/icon-gear.gif) !important;
}

.edit-icon {
    background-image:url(../../images/edit.png) !important;
}

.cancel-icon {
    background-image:url(../../images/cancel.gif) !important;
}

.copy-icon {
    background-image:url(../../images/copy.gif) !important;
}

.save-icon {
    background-image:url(../../images/save.gif) !important;
}

.productDown-icon {
    background-image: url(../../images/ProductArrow.gif) !important;
}

.advSearch-icon {
    background-image: url(../../images/arrow.gif) !important;
}

.viewSummary-icon {
    background-image: url(../../images/view_summary.png) !important;
}

.whatIfSchedule-icon {
    background-image: url(../../images/schedule_icon.png) !important;
}

.whatIfExport-icon {
    background-image: url(../../images/export_parameter_icon.png) !important;
}

.whatIfUnschedule-icon {
    background-image: url(../../images/unschedule_icon.png) !important;
}


.viewChart-icon {
   background-image: url(../../images/view_chart.png) !important;
}

.leadlagTime-icon {
   background-image: url(../../images/leadLagTime.png) !important;
}

.go-icon {
   background-image: url(../../images/records-go.png) !important;
}

.createCopy-icon {
   background-image: url(../../images/create_copy.gif) !important;
}

.assign-icon {
   background-image: url(../../images/assigned.gif) !important;
}

.unassign-icon {
   background-image: url(../../images/unassigned.gif) !important;
}

.unassigned-all-icon {
   background-image: url(../../images/unassigned-all.gif) !important;
}

.userMapping-icon {
   background-image: url(../../images/user.png) !important;
}

.update-icon {
   background-image: url(../../images/update.gif) !important;
}

.calendar-icon {
   background-image: url(../../images/calendar.png) !important;
}

.createEntity-icon {
   background-image: url(../../images/create_entity.gif) !important;
}

.addEntities-icon {
   background-image: url(../../images/add_Entity.gif) !important;
}

.addUser-icon {
   background-image: url(../../images/user_add.png) !important;
}

.deleteUser-icon {
   background-image: url(../../images/user_delete.png) !important;
}

.report-icon {
   background-image: url(../../images/report.gif) !important;
}

.assignRoles-icon {
   background-image: url(../../images/assign_roles.png) !important;
}

.markasRead-icon {
   background-image: url(../../images/mark_asRead.png) !important;
}

.movetoTrash-icon {
   background-image: url(../../images/trash_img.png) !important;
}
.reply-icon {
   background-image: url(../../images/reply.png) !important;
}
.forward-icon {
   background-image: url(../../images/forward.png) !important;
}
.view-icon {
   background-image: url(../../images/view.gif) !important;
}
.filter-icon {
   background-image: url(../../images/filter.gif) !important;
}
.filter-add {
   background-image: url(../../images/filter_add.gif) !important;
}

.filter-edit {
   background-image: url(../../images/filter_edit.gif) !important;
}

.wizard-icon {
    background-image:url(../../images/wizard-arrow.png) !important;
}
.lookup-icon {
    background-image:url(../../images/Lookup.gif) !important;
}  
.unlock-icon {
   background-image: url(../../images/Unlock.png) !important;
}
.resetPassword-icon {
   background-image: url(../../images/Reset_Pass.png) !important;
}
.deactivate-icon {
   background-image: url(../../images/Deactivate.png) !important;
}
.view-log {
    background-image:url(../../images/view_log.png) !important;
}

.regenerate-AllAssigned {
    background-image:url(../../images/Regenerate-All-Assigned.png) !important;
}
/* App icons classes end*/

/*Common CSS classes start*/
.ruler-style{
   border:1px dotted #a3bae9 !important;
}
a {
   color: #666666;
}
a:hover {
   color: #000000;
}
.clfw-reqdfield-css{
     border-left:2px solid red !important;
}

.clfw-dateshifter-disabled {
    border-color:#a9bfd3;
    background-color:#d0def0;
    background-image:url(../../javascript/ext3.0/resources/images/default/toolbar/bg.gif);
}


.clfw-dlg-error-icon{
   height: 40px;
   marging:5px;
   background:url(../../images/stop.jpg) no-repeat left 5px !important;
}

.clfw-dlg-info-icon{
   height: 40px;
   marging:5px;
   background:url(../../images/information.gif) no-repeat left 5px !important;
}

.clfw-dlg-warn-icon{
   height: 40px;
   marging:5px;
   background:url(../../images/warning.gif) no-repeat left 5px !important;
}

.clfw-dlg-success-icon{
   height: 40px;
   marging:5px;
   background:url(../../images/tick.gif) no-repeat left 5px !important;
}

.clfw-map-pinText {
     position:relative;
     top:-30px;
     left:10px;
     width:30px;
     color:#ffffff;
     text-align:center;
     font: bold 12px 'open-sans', sans-serif;
}
.clfw-map-pinText-ie {
     position:relative;
     top:-27px;
     left:5px;
     width:25px;
     color:#ffffff;
     font: bold 11px 'open-sans', sans-serif;
}

.clfw-map-pinText-ff {
     position:relative;
     top:-27px;
     left:8px;
     width:25px;
     color:#ffffff;
     font: bold 11px 'open-sans', sans-serif;
}

.clfw-map-smallPinText{
     position:relative;
     top:1px;
     left:-22px;
     color:#ffffff;
     font: bold 9px 'open-sans', sans-serif;
}

.clfw-map-yellowPinText{
     position:relative;
     top:1px;
     left:-22px;
     color:black;
     font: bold 9px 'open-sans', sans-serif;
}
.clfw-map-smallPinText2{
     position:relative;
     top:1px;
     left:-30px;
     color:#ffffff;
     font: bold 9px  'open-sans', sans-serif;
}
.clfw-map-yellowPinText2{
     position:relative;
     top:1px;
     left:-30px;
     color:black;
     font: bold 9px  'open-sans', sans-serif;
}
.clfw-map-smallPinText3{
     position:relative;
     top:1px;
     left:-32px;
     color:#ffffff;
     font: bold 9px  'open-sans', sans-serif;
}
.clfw-map-yellowPinText3{
     position:relative;
     top:1px;
     left:-32px;
     color:black;
     font: bold 9px  'open-sans', sans-serif;
}

.clfw-map-search-item {
    font:normal 11px 'open-sans', sans-serif;
    padding:3px 10px 3px 10px;
    white-space:normal;
    color:#555;
}

.clfw-map-route-text h3, p{
   font: plain 11px 'open-sans', sans-serif;
}
/*Common CSS classes end*/

/*Portlet Class start*/

.portletPanelId .x-panel-body{
    background:#374462;
   color:white;
}
.portlet_table_td{
   width:30%;
   padding-bottom: 3px;
   background: transparent;
}
.portlet_table a {
   color:white;
   display:block;
   font-size:8pt;
   height:15px;
   overflow:hidden;
   text-decoration:none;
   padding:2px 5px 3px 17px;

}
.portlet_table a:hover {
   background-color:#F3CBA4;
}
.portlet_table a:hover div{
   color: black;
   background:url('../../images/plus.gif') right 3px no-repeat;padding-right:17px;
}
.portletPanelId .x-panel-header-text{
   font-size:10pt;
   font-weight: bold;
}
.portletPanelId .x-fieldset-header-text{
   color: white;
}

.custom-x-portlet{
   padding-bottom: 5px;
}
.custom-x-portlet .x-panel-bwrap {
    width:100%;
}
/*Portlet Class end*/

/* Top Menu Nav Start */
.cl-top-menuNav .x-btn-with-menu .x-btn-center em {
   background:transparent url(../../images/gray/toolbar/btn-arrow.gif) no-repeat scroll right 0;
}

.cl-top-menuNav .x-toolbar{
   border-color:#7b7d7f;
    background:#333333 url(../../images/Darkbg.gif) repeat-x top left;
    
}

.cl-top-menuNav .x-toolbar button {
    font:normal 12px 'open-sans', sans-serif;
    color:#FFFFFF;
    font-style:bold;
   font-weight:500;
}

.cl-top-menuNav .x-toolbar .x-btn-over button {
    color: #333;
    font-weight:500;
}

.cl-top-menuNav .x-btn-menu-active button{
    color:#333;
}

.cl-top-menuNav .x-toolbar .x-btn-menu-active {
    color:#333;
}

.cl-top-menuNav .x-menu-item-active {
   color:#333;
   background-color:#ff6600;
   background-image:none;
   border-color:#808284;
}

.cl-top-menuNav a.x-menu-item {
   color:#333;
}

.cl-top-menuNav .x-toolbar .xtb-sep {
   background-position: center;
   background-repeat: no-repeat;
   display: block;
   font-size: 1px;
   height: 25px;
   width:4px;
   overflow: hidden;
   cursor:default;
   margin: 0 2px 0;
   border:0;
}

.cl-top-menuNav .x-btn-mc em.x-btn-arrow {
   background-image:none;

}
.cl-top-menuNav .x-btn-mc em.x-btn-arrow {
    display:block;
    background:transparent no-repeat right center;
   padding-right:0px;
}

.cl-top-menuNav .x-menu-item-arrow{
   background-image:none;
}

.cl-top-menuNav .x-btn-mc em.x-btn-arrow {
    background-image:none;
    
}
.cl-top-menuNav .x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split {
    color:#333;
}

.cl-top-menuNav .x-btn-menu-active {
   color:#333;
}

.cl-top-menuNav .x-btn em {
   font-style:normal;
   font-weight:normal;
   color:#333;
}

/* Top Menu Nav End */

/*Old Login page CSS classes start*/
a {
   color: #666666;
}

a:hover {
   color: #000000;
}

body#login {
   text-align: center;
}

#wrapper {
   margin: auto;
   padding-top: 175px;
}

#header {
   margin:5px;
   padding-top: 10px;
   padding-left:10px;
   text-align: left;
   background:url(../../images/logo.gif) no-repeat !important;
   height:40px;
}

#page {
   width: 443px;
   margin: 0 auto;
   height: 235px;
   background: url(../../images/CL_Loginbg.gif) no-repeat;
   text-align: left;
}

#page h1 a {
   color: #ffffff;
   text-decoration: none;
}
#page h1 a:hover{
   color: #00000;
   text-decoration:underline;
}
#page h2 {
   font-size: 12px;
   padding: 30px 0px 0px 80px;
   font-family:'open-sans', sans-serif;
   color: #ffffff;
}

#content {
   width: 300px;
   padding: 25px 0px 0px 80px;
}

#copyright {
   text-align: center;
}

#footer {
   width: 680px;
   margin: 0 auto;
   height: 20px;
   font-size: 10px;
   font-weight: bold;
   font-family:'open-sans', sans-serif;
   color: #666666;
   text-align: justify;
   margin-bottom: 27px;
   text-align: left;
}

#footer p {
   padding-top: 55px;
   text-align: center;
}
/*Old Login page css classes End*/


/* Inline CSS classes Start*/
.cl-Panel-Title .x-panel-header{
   border-left:0px;
   border-right:0px;
   border-bottom:0px;
    background:transparent;
    background:none;
    font-family:'open-sans', sans-serif;
    font-size:12px;
    font-weight:bold;
}
.cl-Panel-Title .x-panel-body {
    border: 0 none;
    background:transparent;
    background:none;
}

.cl-portlet-text{
    border: 0 none;
    background:transparent;
    background:none;
    font:normal 11px 'open-sans', sans-serif;;
    margin:5px 5px 5px 5px;
}

.cl-portlet-formfields{
    font:normal 11px 'open-sans', sans-serif;;
}

.clfw-exception-list-item{
   margin-bottom:5px;
   margin-top:5px;
   margin-left: 30px;
   list-style-type: square;
}
/* Inline CSS classes End*/ 

/* ExtJS MessageBox text shows center to fix that overwrite ext-mb-content */
.ext-mb-content{
   text-align: left;
}

.tooltip{
   font-family:'open-sans', sans-serif;
    font-size:12px;
   border: 1px solid #CECECE;
}

.tooltip .HeadingStyle{
   BACKGROUND-COLOR: #0066cc;
   COLOR: white;
   font-weight: bold;
}

.tooltip .AlternateRowStyle{
    background-color:#fff;
}

.clfw-list-align{
	text-align: left;
}

#cl-assignedContainer {
   border:1px solid #a5a4a5;
   width:580px;
   height:394px;
   margin:0px auto;
}

.cl-assignedCenter {
   float:right;
   clear:both;
   margin-top:45px;
   margin-right:13px;
   margin-left:136px;
   width:315px;
 }

#cl-changePasswordContainer {
   border:1px solid #a5a4a5;
   width:580px;
   height:394px;
   margin:0px auto;
}

.cl-changePassword {
   float:right;
   clear:both;
   margin-top:20px;
   margin-right:11px;
   width:315px;
}

.cl-fiserv-square{ 
   background:url(../../images/square.jpg) no-repeat left; 
   width:80px;
   height:80px; 
   float:left; 
   margin-right:45px;
   margin-top:50px;
   margin-left:20px;
   }
   
.cl-changePassword-form .x-form-item label {
	width:110px;
	text-align: right;
 }
 
.cl-assigned-form .x-form-item label {
	width:131px;
	text-align: right;
 }
 
.cl-alert-warn .x-window-tl .x-window-header {
    color:#ff0000;
    font:bold 11px 'open-sans', sans-serif;
}

.x-form-focus {
	background: yellow;
	border-width: 1px;
    border-color: Blue;
    border-style: solid;
} 

.nav {

	display: inline;
}
.nav li{

	display: inline;
	margin-right: 2.5;
	margin-left: 2.5;
} 

.ext-webkit table.x-date-inner{
    /* Fix for webkit browsers */
    width: 175px;
}

#caps-warning-style{
}

#caps-warning-style .caps-warning {
	background:url("../../images/warning_icon_small.gif") no-repeat left; 
	padding: 2px; padding-left:20px; 
	font-weight:bold;
}

/*
 * Corpoint homepage panel styles
 */
.home-msg-icon {
	background:url(../../images/message.png) no-repeat 0px 0px;   
	width:163px;
	height:255px;
	margin:0px;
	vertical-align:bottom;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 99;    
	cursor:default;   
}

/*
 * CLAdmin homepage panel styles
 */
.home-admin-msg-icon {
	background:url(../../images/um.png) no-repeat 0px 0px;   
	width:163px;
	height:255px;
	margin:0px;
	vertical-align:bottom;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 99;    
	cursor:default;   
}

.home-remoteManager-icon {
	background:url(../../images/rmtManger.png) no-repeat 0px 0px;   
	width:163px;
	height:255px;
	margin:0px;
	vertical-align:bottom;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 99;    
	cursor:default;   
}

.home-orders-icon {
	background:url(../../images/order.png) no-repeat 0px 0px; 
	width:163px;
	height:255px;
	margin:0px;
	vertical-align:bottom;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 99;     
	cursor:default;   
}

.home-depositNotifier-icon {
	background:url(../../images/order.png) no-repeat 0px 0px; 
	width:163px;
	height:255px;
	margin:0px;
	vertical-align:bottom;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 99;     
	cursor:default;   
}

.home-LocDeposits-icon {
	background:url(../../images/locDeposit.png) no-repeat 0px 0px; 
	width:163px;
	height:255px;
	margin:0px;
	vertical-align:bottom;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 99;       
	cursor:default;   
}

.home-DevDeposits-icon {
	background:url(../../images/devDeposit.png) no-repeat 0px 0px; 
	width:163px;
	height:255px;
	margin:0px;
	vertical-align:bottom;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 99;       
	cursor:default;   
}

.home-dashboard-icon {
	background:url(../../images/dashboard.png) no-repeat 0px 0px; 
	width:163px;
	height:255px;
	margin:0px;
	vertical-align:bottom;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 99;  
	cursor:default;   
}

.home-admin-icon {
	background:url(../../images/admin.png) no-repeat 0px 0px; 
	width:163px;
	height:255px;
	margin:0px;
	vertical-align:bottom;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 99;      
	cursor:default;   
}

.home-footer-icon {
	background:url(../../images/logo_sm.png)  no-repeat 0px 5px;
	width:60px;
	height:20px;
	display: inline-block;      
}

.messageImage{
	width: 248px;
	height: 355px;
	border: 0px solid #9a9a9a;	
	background:transparent url(../../../climage/logo/default/messagBanner.jpg) no-repeat left -10px;
}


/*
 * Carrier summary charts styles
 */
#servPerform, #devServ, #transAnalysis, #carrPickAnalysis {
	width: auto;
}

.summaryChart {
	width: auto;
}

.summaryChart #servPerform, .summaryChart #devServ, .summaryChart #transAnalysis, .summaryChart #carrPickAnalysis {
	text-align: center;
}

.summaryChart .x-panel-body {
	border-width: 0px;
}

/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}
.x-btn-wrap{
    display: inline;
}

/*
 * Dashboard order stats styles
 */
.x-viewport .x-panel-body{
    width:100%;
}

.x-viewport .x-panel-body div.Orderstats, div.CBtrend, div.CBPrender, div.ATMcash{
    width:inherit;
}
/*
 * Dashboard Regional analysis legend styles
 */
.RegLegend {
	background:transparent url(../../../climage/logo/default/LegendBall.png) no-repeat;
	width: 8px;
	height: 8px;
	line-height: 8px; 
	display: inline; 
	margin: 9px 3px 0px 3px; 
	float: right;
}
.x-node {
	border: none;
	margin: 3px;
}
.assigned-icon {
	background-image:url(../../images/assigned.gif) !important;
}
.trash-icon {
	background-image:url(../../images/trash.png) !important;
}
.folder-icon {
	background-image:url(../../images/folder-open.gif) !important;
}

.btn-text-left .x-btn-mc {
	text-align: left;
}

#cl-bingInfoBoxContainer {
   width:260px; 
   white-space:nowrap;
   text-decoration:none; 
   height:auto;
   color: black;
   font-family:'open-sans', sans-serif;
   font-size: 9pt;
   font-weight: plain;
   margin:10px auto;
   padding:5px 5px 5px 5px; 
}
.map_directions_progress{	
  position: relative;
  top: 0px;
  width: 230px;
  height: 20px;
  margin: 2px 1px 2px 1px;
  float: left;
  overflow: auto;
}
.map_directions{	
  position: relative;
  top: 0px;
  width: 230px;
  margin: 2px 1px 2px 1px;
  float: left;
  overflow: auto;
}
.map_directions_progress{	
  font-family:'open-sans', sans-serif;
  font-size: 10pt;
  font-weight: bold;
}
.map_panel {
	position: relative;
	left: 0px;
	float: left;	
}
.cl-grid-disabled-refresh {
	background-image: url(../../javascript/ext3.0/resources/images/default/grid/refresh.gif) !important;
}

.multilineColumn .x-grid3-cell-inner {
    overflow: visible;
	white-space: normal !important;
}

.row-alt { 
	background-color: #E1E1DC;
}
.background-red { 
	background-color: #FF0000;
}
.logo-img {
     max-width:200px;
     max-height:45px;
     margin:1 0 1 0;
     width: expression(this.width > 200 ? 200: true);
     height: expression(this.height > 45 ? 45: true);
}

.login-logo-img {
     max-width:200px;
     max-height:45px;
     margin:1 0 1 0;
     width: expression(this.width > 200 ? 200: true);
     height: expression(this.height > 45 ? 45: true);
     float: right;
}

.x-form-display-field{
    padding-top: 3px;
}

.x-grid3-cell-editGrid{
   border:1px solid #666666;
   text-align:right;
}
.x-form-column-label {
	height: 11px;
	padding:5px;
	font: 11px 'open-sans', sans-serif;
}
.x-form-column-generic {
	height: 11px;
	padding:5px;
	width:112px;
	font: 11px 'open-sans', sans-serif;
}
.x-form-column-specific {
	height: 11px;
	padding:5px;
	width:190px;
	font: 11px 'open-sans', sans-serif;
}
.x-form-column-right-specific{
	height: 11px;
	padding:5px;
	width:150px;
	font: 11px 'open-sans', sans-serif;
}

.ext-ie7 .x-form-text {
	line-height: 18px;
	margin: 1px 0px;
	height: 22px;
}

.blue-icon {
	background-image:url(../../images/indicator_blue.png) !important;
}
.yellow-icon {
	background-image:url(../../images/indicator_yellow.png) !important;
}
.red-icon {
	background-image:url(../../images/indicator_red.png) !important;
}
.results-inner {
	width: 100%;
	height: 100%;
	padding: 10px;
	overflow:hidden;
}

.results-inner #divSummary {
	width: 45%;
	height: 100%;
	float: left;
	border-radius: 10px;
	border-left:0px;
   border-right:0px;
   border-bottom:0px;
    background:transparent;
    background:none;
   font-family:'open-sans', sans-serif;
    font-size:12px;
    font-weight:bold;
}
.results-inner #divInnerSummary{
    width: 405px;
    height: 100px;
    float: left;
}
.results-inner #divInnerSummaryChart{
    width: calc(100% - 415px);
    height: 100%;
    float: right;
    border-radius: 10px;
    width: -webkit-calc(100% - 415px);
}
.results-inner #divChart {
	width: 100%;
	height: 100%;
	margin-left:45%;
}
.results-inner #divTable {
	width: 400px;
	height: 100%;
	background: #E3EfE0;
	border: 1px solid #DEDFD0;
	border-radius: 10px;
	margin-left: 10px;
}
.readonly-date {
	background: #E3EfE0;
}

.date-future {
	color: green;
}

.readonly-amt {
	background: #DEDFD0;
}

.negative-amt {
	background: #FFFF00;
}

.adjstmnt-effect {
    background: #BABAD1;
}

.results-outer {
	overflow: scroll;
}
.move-icon {
   background-image: url(../../images/move-icon.png) !important;
}

/* START - ReadOnly and Disabled Fields */
.x-item-disabled input, input.x-item-disabled {
	background-image: none;
	color: #000 !important;
	background-color: #F0F0F0 !important;
	border-color: #CABCBC;
	font-weight:bolder !important;
	filter:alpha(opacity=100) !important;
}

input.clfw-read-only {
	background-image: none;
	background-color: #F5F5F5;
	border-color: #D5D5D5;
}
/* END - ReadOnly and Disabled Fields */

.grid-value-decrease{
	text-align: right;background: #FFB6C1 url(../../../images/services-down.png) no-repeat left;
}
.grid-value-nochange{
	background-color: transparent;text-align: right;
}
.grid-value-increase{
	text-align: right;background: #CCD6E0 url(../../../images/services-up.png) no-repeat left;
}

.x-layout-mini {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 35px;
	cursor: pointer;
	-moz-opacity: 1;
	opacity: 1 !important;
	filter: alpha(opacity=100);
}

.clfw-icon-info {
    background-image: url('../../javascript/ext3.0/resources/images/gray/window/icon-info.gif') !important;
    background-repeat:no-repeat;
    height: 32px;
    width: 32px;
}

.background-white {              
	background-color: #FFFFFF !important;
}

.background-lightCoral { 
	background-color: #F08080;
}

.background-seattlesalmon {
	background-color: #FF6666;
}

.x-grid3-locked, .x-grid3-unlocked {
	overflow: hidden;
	position: absolute;
}

.x-grid3-locked {
	border-right: 1px solid #99BBE8;
}

.x-grid3-locked .x-grid3-scroller {
	overflow: hidden;
}

.x-grid3-locked .x-grid3-row {
	border-right: 0;
}

.x-grid3-scroll-spacer {
	height: 19px;
}

.x-grid3-unlocked .x-grid3-header-offset {
	padding-left: 0;
}

.x-grid3-unlocked .x-grid3-row {
	border-left: 0;
}

.alternate-col {
    background: #F1F1F1;
}

.cl-editablegrid-editable-column {
    background: #FEFEB6;
}

.cl-editablegrid-editable-column-error {
    background: #FFEFD5;
    border: 2px solid #FF0000;
}

#images{
	/*background: #fff url( ../tree/center-bg.gif ) repeat-x top left; */
	font: 11px 'open-sans', sans-serif;
}
#images .thumb{
	background: #dddddd;
	padding:3px;
}
#images .thumb img{
	border:1px solid white;
	height: 70px;
	width: 90px;
}
#images .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}
#images .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}
/*
#images .x-view-selected .thumb{
	background:#8db2e3;
}*/
#images .loading-indicator {
	font-size:8pt;
	/*background-image:url(../../resources/images/default/grid/loading.gif);*/
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

#folders{
	position:relative;
}

.logo-img-ie11 {
     max-width:200px;
     max-height:45px;
     margin:1 0 1 0;
     width: expression(this.width > 200 ? 200: true);
     height: expression(this.height > 45 ? 45: true);
}
td.x-grid3-cell-inner, .x-grid3-hd-inner{
	text-align: center;
}
.ux-mscombo-icon {
	width:16px;
	height:16px;
	float:left;
	background-position: -1px -1px ! important;
	background-repeat:no-repeat ! important;
}
.ux-mscombo-icon-checked {
	background: transparent url(../../javascript/ext3.0/resources/images/default/menu/checked.gif);
}
.ux-mscombo-icon-unchecked {
	background: transparent url(../../javascript/ext3.0/resources/images/default/menu/unchecked.gif);
}
/* IE patch */
.ext-ie .ux-mscombo-item-text {
	position:absolute;
	left:16px;
	top:3px;
}
.ext-ie .ux-mscombo-icon {
	float:none;
}
.ext-ie .x-combo-list-item {
	position:relative;
}
.delete-qna-pref-icon {
   height: 16px !important;
   background-image: url(../../images/delete.png) !important;
}
.decline-icon {
    background-image:url(../../images/Deactivate.png) !important;
}

.x-date-right a.npy {
    background-image: url(dbl-right-btn.gif) !important;
}
.x-date-left a.npy{
	background-image: url(dbl-left-btn.gif) !important;
}

th.x-date-weeknumber-header a em span,
.x-date-weeknumber-cell a em span{
	color: #66f;
	font-size:10px;
	text-align:center;
}

th.x-date-weeknumber-header a:hover,
.x-date-weeknumber-cell a:hover {
	color: #66f !important;
	background:none !important;
	cursor:default !important;
}

.x-date-multiselect {
	height:100%;
}

.x-date-multiselect th.x-date-weeknumber-header a:hover,
.x-date-multiselect .x-date-weeknumber-cell a:hover {
	background-color: #ddecfe !important;
	cursor:pointer !important;	
}

.x-date-monthtable {
	border-left:1px solid #1b376c;
}

.x-date-pickerplus .x-date-dummy img {
	height:1px;
}



/* Fix for Firefox 3 */
.x-date-pickerplus .x-date-middle {
	width: 120px;
}

.x-date-pickerplus .x-date-left a {
	float:left !important;
}

.x-date-pickerplus .x-date-right a{
	float:right !important;
}

.x-date-pickerplus .x-date-dummy,
.x-date-pickerplus .x-date-dummy img,
.x-date-pickerplus .x-date-left,
.x-date-pickerplus .x-date-right {
	width:40px !important;
}

.x-date-pickerplus  .x-date-middle {
	font-weight:normal !important;
	height:26px;
}

.x-date-multiokbtn,
.x-date-multitodaybtn,
.x-date-multiundobtn {
	width:33%;
}

.x-datepickerplus-nationalholidays {
	background-color:#ececec !important;
}

.x-datepickerplus-weekends {
	background-color:#f4f4f4;
}

.x-datepickerplus-activedate a {
	background-color: #ddecfe;
	border:1px dashed #000088 !important;
	padding:1px 4px;	
}

.x-datepickerplus-eventdates a {
	background-color:#ccccff;
	border:1px solid #000088;
	padding:1px 4px;	
}


.x-date-inner .x-datepickerplus-eventdates-disabled a:hover {
    background: #EB5F01;
    color: #fff;
}

.x-date-inner .x-datepickerplus-eventdates-disabled a {
    background: #EB5F01;
    color: #ffffff;
    cursor:default;
}


/*Set the em-tag to totally override the a-tag to prevent IE from opening a new Tab when CTRL-Clicking*/
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em span {
	height:19px !important;
	cursor:pointer;	
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a:hover {
	padding:0 !important;
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em {
	width:100% !important;
	padding:0 !important;
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em span {
	padding:2px 5px;
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a em span,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a em span,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a em span,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a em span {
	padding:1px 4px;	
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a em,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a em span,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a em,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a em span,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a em,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a em span,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a em,
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a em span {
	height:17px !important;
}

.x-date-pickerplus-prevnexthide .x-date-nextday,
.x-date-pickerplus-prevnexthide .x-date-prevday {
	visibility:hidden !important;
}

/*
Reverse Ext 3.2.x Hack to display more than 1 months vertically on datemenu
*/
.ext-ie .x-date-menu,
.ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu,
.ext-strict .ext-ie7 .x-date-menu{	
    height: auto;
}

.x-datepickerplus-fieldprev {
	margin-right: 4px !important;
	margin-left:5px !important;
	position:relative;
	top:3px;
	cursor:pointer;
}

.x-datepickerplus-fieldnext {
	margin-left:22px !important;
	position:relative;
	top:3px !important;
	cursor:pointer;
}

.x-datepickerplus-prevnext-ext3{
	top: -3px !important;
	position:relative;
}

.x-datepickerplus-prevnext-ext3-next {
	top: 3px !important;
	position:relative;
}
/* ie6-8 fixes */

.ext-ie6 .x-datepickerplus-prevnext-ext3 {
	margin-left:0px !important;
}

.ext-ie6 .x-datepickerplus-prevnext-ext3-date {
	margin-left:0px;
}

.ext-ie6 .x-datepickerplus-prevnext-ext3-next {
	margin-left:23px !important;
}

.ext-ie7 .x-datepickerplus-prevnext-ext3-date,
.ext-ie8 .x-datepickerplus-prevnext-ext3-date {
	margin-right:17px;
}

.ext-ie7 .x-datepickerplus-prevnext-ext3-prev,
.ext-ie8 .x-datepickerplus-prevnext-ext3-prev {
	margin-right:100px;
}

.x-date-pickerplus{
	width:175px;
}

.x-combo-checkbox-style-img{
  height: 15px;
  width: 15px;
}

.inline-div-style{
	float:left;
}

.x-grid-col-underline{
	  text-decoration: underline;
	  cursor: hand;
}
.x-grid3-summary-row .x-grid3-cell-inner .x-grid-col-underline{
	  text-decoration: none;
	  cursor: default;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
	overflow: hidden;
    padding-bottom: 5px;
    text-overflow: ellipsis;
}
.entity-address-map-body {
	margin-top:0px;
}
.Infobox { 
	height: auto !important; 
	width:auto !important; 
    position:relative;
    background-color:white;
    border:1px solid rgb(136, 136, 136);
    left:0px;
    top:0px;
}

.infobox_pointer  {
    height: 38px;
    left: 20px;
    overflow: hidden;
    position: absolute;
    top: 190px;
    width: 33px;
    z-index: 1;
}

#cl-bingInfoBoxContainer {
   width:260px; 
   white-space:nowrap;
   text-decoration:none; 
   height:auto;
   color: black;
   font-family:'open-sans', sans-serif;
   font-size: 9pt;
   font-weight: plain;
   margin:10px auto;
   padding:5px 5px 5px 5px; 
}

#cl-googleHeaderLableCell {
  font-family:'open-sans', sans-serif;
   font-size: 11pt;
   font-weight: bold;
   padding-bottom:6px
}


#cl-googleLableCell {
   font-family:'open-sans', sans-serif;
   font-size: 10pt;
   font-weight: plain;
}

#cl-googleValueCell {
   font-family:'open-sans', sans-serif;
   font-size: 10pt;
   font-weight: plain;
   padding:1px
}

.disable-combo-item-style{
	background: rgba(240, 237, 237,0.50);
	position:relative;
	height:24px;
	top:20px;
	left:0;
	margin-top:-24px;
	cursor: auto;
}
.enable-combo-item-style{
	cursor:pointer;
}
.home-DevDepositsVault-icon {
	background:url(../../images/devDeposit.png)  no-repeat center center;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
	width:163px;
	height:300px;
	margin:0px;
	vertical-align:bottom;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 99;       
	cursor:default;   
}

.home-msgVault-icon {
	background:url(../../images/message.png) no-repeat center center; 
	-webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/  
	width:163px;
	height:300px;
	margin:0px;
	vertical-align:bottom;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 99;    
	cursor:default;   
}

.home-adminVault-icon {
	background:url(../../images/admin.png) no-repeat center center;
	-webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/   
	width:163px;
	height:300px;
	margin:0px;
	vertical-align:bottom;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 99;      
	cursor:default;   
}

.home-dashboardVault-icon {
	background:url(../../images/dashboard.png) no-repeat center center; 
	-webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/ 
	width:163px;
	height:300px;
	margin:0px;
	vertical-align:bottom;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 99;  
	cursor:default;   
}

.panel-image-customised{
	position: absolute;
    top: 0px;
    z-index: 2;
    width: 163px;
    height: 254px;
}

.entity-contact-grid .x-panel-body{
	height: 190px!important;
}

/* Overwrite Fusion charts default fonts */

.fusioncharts-container * {
	font-family: 'open-sans', sans-serif !important;
}

input[type="file"]::file-selector-button {
	font-family: 'open-sans', sans-serif;
}

input {
	font-family: 'open-sans', sans-serif;
}