/*
CONTENTS:
1.	Base styles (HTML,BODY)
2.	Typography (P,H1-6)
3.	Grids
4.	Global Generic Classes
x.	Frame Left Side-bar
x.	Overlay
x.	Page Group
x.	Page Heading
x.	Sub Tabs
x.	Header Controls
x.	Action Menu Button
x.	Action Menu
x.	Errors
x.	Header Buttons
x.	Tool-tips
*/
body {
	font-family:Foundations, Sans-serif;
	font-size: 13px;
	-webkit-text-size-adjust: 100%; /* disable text auto-adjust */
}
.hideBody {width:100%;height:100%;position:absolute;top:0px;bottom:0px;overflow:hidden;}

html {
  background: #FFF;
  overflow-y: scroll;
  overflow-x: hidden; 
}
input {
	-webkit-border-radius:0; 
	border-radius:0;
	-webkit-appearance: none;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* ----- TYPOGRAPHY ----- */

p {
	font-size: inherit;	/* 1.4 */
	line-height:16px;	/* 1.2 */
	margin-bottom:0.5em;
	padding-left:15px;
	padding-right:15px;
	padding-bottom: 20px;
}
h1 {font-size:47px;font-weight: bold;}
h2 {font-size:47px;font-weight: bold;}
h3 {font-size:27px;font-weight: bold;}
h4 {font-size:19px;font-weight: bold;}
h5 {font-size:17px;font-weight: bold;}
h6 {font-size:14px;font-weight: bold;}

h2,h3,h4,h5,h6{clear:both;padding-left:15px;padding-right:15px;}
h2{padding-top:10px; padding-bottom: 5px;}
h3,h4,h5,h6	{padding-top:15px; padding-bottom:10px;}
b{font-family:Foundations, Sans-serif;}

/* mvno heading reset */
.confirmAccountRow h2 {
    font-size: 17px;
}


/* Anchor Tags */
a{color:#000;font-size:inherit;}
a:link {cursor:pointer;}
a:visited {color:inherit;}
/* a:hover,a:active,a:focus {cursor:pointer;} */

p a{font-size:inherit;}

strong,b{font-family:Foundations, Sans-serif}
bn{font-family: Foundations, Sans-serif;font-weight: bold}
em,i{font-style:italic;}
sup {font-size:0.6em; line-height:0.8em; vertical-align:super;}
sub {font-size:0.6em; line-height:0.8em; vertical-align:sub;}
/* ----- END Typography ----- */

/* ----- GRIDS ----- */
.gridGroup {
	display: block;
	clear: both;
	width: 100%;
	position: relative;
}

.gridCol {
	display: block;
	float: left;
}

/*#workspace{
	padding: 0 0 20px 0;
}*/
/* Percentage based classNames */
.grid10 {width: 10%;}
.grid16 {width: 16.6666%;}
.grid15 {width: 15%;}
.grid20 {width: 20%;}
.grid25 {width: 25%;}
.grid30 {width: 30%;}
.grid33 {width: 33.3333%;}
.grid40 {width: 40%;}
.grid50 {width: 50%;}
.grid60 {width: 60%;}
.grid65 {width: 65%;}
.grid67 {width: 66.6666%;}
.grid70 {width: 70%;}
.grid75 {width: 75%;}
.grid80 {width: 80%;}
.grid90 {width: 90%;}
.grid100{width:100%;}



/*Percentage based class names for dynamic width uses
DO NOT REMOVE OR THE ENTIRE SITE WILL BREAK...
*/
.width1{width:0}
.width1{width:1%}
.width2{width:2%}
.width3{width:3%}
.width4{width:4%}
.width5{width:5%}
.width6{width:6%}
.width7{width:7%}
.width8{width:8%}
.width9{width:9%}
.width10{width:10%}
.width11{width:11%}
.width12{width:12%}
.width13{width:13%}
.width14{width:14%}
.width15{width:15%}
.width16{width:16%}
.width17{width:17%}
.width18{width:18%}
.width19{width:19%}
.width20{width:20%}
.width21{width:21%}
.width22{width:22%}
.width23{width:23%}
.width24{width:24%}
.width25{width:25%}
.width26{width:26%}
.width27{width:27%}
.width28{width:28%}
.width29{width:29%}
.width30{width:30%}
.width31{width:31%}
.width32{width:32%}
.width33{width:33%}
.width34{width:34%}
.width35{width:35%}
.width36{width:36%}
.width37{width:37%}
.width38{width:38%}
.width39{width:39%}
.width40{width:40%}
.width41{width:41%}
.width42{width:42%}
.width43{width:43%}
.width44{width:44%}
.width45{width:45%}
.width46{width:46%}
.width47{width:47%}
.width48{width:48%}
.width49{width:49%}
.width50{width:50%}
.width51{width:51%}
.width52{width:52%}
.width53{width:53%}
.width54{width:54%}
.width55{width:55%}
.width56{width:56%}
.width57{width:57%}
.width58{width:58%}
.width59{width:59%}
.width60{width:60%}
.width61{width:61%}
.width62{width:62%}
.width63{width:63%}
.width64{width:64%}
.width65{width:65%}
.width66{width:66%}
.width67{width:67%}
.width68{width:68%}
.width69{width:69%}
.width70{width:70%}
.width71{width:71%}
.width72{width:72%}
.width73{width:73%}
.width74{width:74%}
.width75{width:75%}
.width76{width:76%}
.width77{width:77%}
.width78{width:78%}
.width79{width:79%}
.width80{width:80%}
.width81{width:81%}
.width82{width:82%}
.width83{width:83%}
.width84{width:84%}
.width85{width:85%}
.width86{width:86%}
.width87{width:87%}
.width88{width:88%}
.width89{width:89%}
.width90{width:90%}
.width91{width:91%}
.width92{width:92%}
.width93{width:93%}
.width94{width:94%}
.width95{width:95%}
.width96{width:96%}
.width97{width:97%}
.width98{width:98%}
.width99{width:99%}
.width100{width:100%}

/* Fraction based classNames */
.gridHalf		{width: 50%;}
.gridThirds		{width: 33.333%;}
.gridQuarters	{width: 25%;}
.gridFifths		{width: 20%;}
.gridSixths		{width: 16.666%;}
.gridSevenths	{width: 14.28%;}
.gridEighths	{width: 12.5%;}
.gridNinths		{width: 11.111%;}
.gridTenths		{width: 10%;}
.gridElevenths	{width: 9.090%;}
.gridTwelfths	{width: 8.333%;}
.gridThirteenths{width: 7.692%;}

/* IE decimal rounding hack */
.lt-ie8 .grid10.last {
	overflow: hidden;
	_overflow: visible;
	_zoom: 1;
}

.lt-ie8 .grid10.last,
.lt-ie8 .grid20.last,
.lt-ie8 .grid25.last,
.lt-ie8 .grid30.last,
.lt-ie8 .grid40.last,
.lt-ie8 .grid50.last,
.lt-ie8 .grid60.last,
.lt-ie8 .grid70.last,
.lt-ie8 .grid80.last,
.lt-ie8 .grid90.last {
	float: none;
	_position: relative;
	_left: -1px;
	_margin-right: -1px;
	width: auto;
}
/* ----- END Grids ----- */


/*********Definition Lists Start**********
NOTES:
- vertical spacing + vertical alignment not yet added
- listed below is all the posible class names
*/
.dlGroup {}
.dlTitle {clear:left;}
.dlTitle.formElementLabel,
.dlData.formElementContainer {padding:7px 10px 7px 15px;font-size: inherit;}

.paddedRows .dlTitle,
.paddedRows .dlData {padding-bottom:10px;}
.boldLabels .dlTitle {font-family:inherit;font-size:16px}
.boldLabels .dlData {font-size:16px}

.dlTitle a{font-size:1em;}
.dlData a{font-size:1em;}

.dlData .tooltipFix{float:left;}
.dlData .tooltipParent{float:right;margin-left:10px;margin-top:-5px;}

.dlTitle.dlTitleEmpty {}
/* if items should be listed ontop of one another */
.dlGroup.dlOnTop .dlTitle,
.dlGroup.dlOnTop .dlData {width:100%;}
.dlGroup.dlOnTop .dlTitle.dlTitleEmpty {display:none;}

.settingsButtonPadding,
.settingsRightAlignPadding{padding:5px 0 5px 15px;}
.settingsLandingPage .settingsLandingAcountFields {border-left-width:16px;}
.settingsLandingAcountFields .dlTitle {padding:12px 10px 10px 15px; font-size:inherit;}

/* ----- GLOBAL GENERIC CLASSES ----- */
.hideElement {
	height: 0;
	padding: 0;
	overflow: hidden;
	display: none !important;
}

.visibleContent {display:block!important; opacity:1;}
.hiddenContent {display:none!important;}
.verticalMiddle {vertical-align: middle!important;}
.showInMobileOnly{display:none!important;}
.hideBody{overflow:hidden; position:absolute; height:100%; width:100%;top:0;bottom:0}
.overFlowShow{opacity:0.8;}
.opacity100{opacity:1;}
.offScreen{left:-500px;}

.content {overflow:hidden; display:none;}
.transparent {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8*/
  filter: alpha(opacity=0); /* IE 8 Quirks Mode */
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}

/* ----- END Global Generic Classes ----- */


#IphLead{
	width: 65%;	
}

.iphLeadPage{
  width: 79%;
  /* margin-left: 15%; */
}



/* ----- FRAME LEFT SIDEBAR ----- */
.left-sidebar-top{
	/*background: url("../../03images/base/frame/left-top.png") no-repeat;*/
/* 	height: 23px;
	width: 42px;
	top: 121px;
	left: 5px;
	position: absolute; */
}
.left-sidebar-bottom{
	/*background: url("../../03images/base/frame/left-bottom.png") no-repeat;*/
/* 	height: 11px;
	width: 40px;
	z-index: 100;
	position: absolute;
	top: -5px;
	left: 5px; */
}
/* ----- END Frame Left Sidebar ----- */

/* ----- OVERLAY ----- */
.overlay {
	width: 100%;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #8B8B8B;
	top: 0;
	z-index: 150;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.timeOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 300;
}
.overlay-panel {
	margin: 10% auto 0 auto;
	width: 350px;
	background: #FFF;
	
}
/* ----- END Overlay ----- */

/* ----- PAGE GROUP ----- */
.pageWrapper {
	/*padding-left: 40px;
	padding-top: 130px;*/
}
#popupWrapper .pageWrapper {
padding-left: 0;
padding-top: 0;
}
.pageWrapper.minimalTopMenu{padding-top:48px;}
.left-sidebar-top.minimalTopMenuAdjust{top:35px;}

#main {
    display: block;
    width: 70%;
    left: 14%;   
}

.landingPag	e h2, h3, h4, h5, h6 {
    padding-left: 0;
    padding-right: 0;
    width: 69.9%;
    left: 14%; 
}

.landingPage .iContractingSubHeader h2, h3, h4, h5, h6 {
    padding-left: 4px;
    padding-right: 0;
    width: 100%;    
    left: 14%; 
}

#iContractingSubHeader h2, h3, h4, h5, h6 {
    padding-top: 0px;
    padding-bottom: 10px;
}

.pageGroup {
	width: 100%;
	position: relative;
	clear: both;
	display: none;
}
.totalBarShow {
	padding-bottom: 110px!important;
}
.htmlBackGround {/*background: url("../../03images/base/frame/left-side-bar.png") repeat-y 0 40px #E7E7E7;*/}
/* ----- END Page Group ----- */

/* ----- PAGE HEADING ----- */
.landingPage h3 { 
    border: none!important;
}

#extendedPageHeader h3 {
	background-color: #FFF;
	border-bottom: 1px solid #000;
	padding: 10px 5px 9px 0px;
}

#productPageHeader h3 {
    padding-left: 0px;
}

#extendedPageHeader.subTabHeadingFix  {
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
}

#extendedPageHeader.subTabHeadingFix h3{
	padding:0px;
	background: none;
	border-bottom: none;
} 

#subTabsPageHeader {
	min-width: 30%;
	float: left;
	min-height: 1px;
}

.cancelActiveMenuItem{background-color:#01aaad!important; color:#000;  border-radius: 6px}

#extendedPageHeader.italics h1,
.confirmHeaderInner .italics {font-style:italic;}
.mobiHeaderCloseButton{display:none;}

/* ----- END Page Heading ----- */

/**** subTabs ****/
.subTabScrollLeft{
	background: url("../../03images/fnb/arrows/leftSubTabArrow.png") no-repeat center 53%;
	width:30px;
	height:51px;
	float:left;
	cursor:pointer;
}
.subTabScrollRight{
	background: url("../../03images/fnb/arrows/rightSubTabArrow.png") no-repeat center 53%;
	width:30px;
	height:51px;
	float:left;
	cursor:pointer;
}
.subTabsContainer {
	position: relative;
	overflow: hidden;
	float: left;
}
.subTabsScrollable {
	position: relative;
}
.subTabsMenu {
	background: white;
	border-bottom: 6px solid #73C7C7;
	float:left;
	width:100%;
	
}

.subTabsMenuInner {
	float:left;
	width:100%;
	
}
.subTabsMenu div.subTab {
	display:table;
	height: 52px;
	cursor: pointer;
	color: black;
	padding: 0 10px 0px 5px;
	width: 10%;
	float: left;
	background: url("../../03images/base/subTabs/subTabsBorder.png") no-repeat 0 center;
	font-size: inherit;
	position:relative;
	top:5px;
}
.subTabsMenu .subTabText{
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 4px 0;
}
.subTabsMenu div.active {
	background: #72C6C6;
	color: #FFF;
}

.subTabsMore {
	float: left;
	list-style-type: none;
	height: 45px;
	line-height: 45px;
	background: none;
	font-size: 14px;
	color: white;
	padding: 0 18px 0 20px;
	margin-right: 1px;
	cursor: pointer;
	background: url(/Sales/03images/fnb/arrows/turqRight.gif) center right no-repeat;
	width: 24px;
	color: #009999;
	display: none;
}


#currentSubTab{width: 100%;}
/**** end of subTabs ****/

.headerControlLabel{float:left;}

.headerControlLabel .labelInner {
	padding: 0px 5px 0px 15px;
	height: 38px;
	line-height: 38px;
	font-family: FNBSansRegular;
	font-size: 1.6em;
}

.tableHeaderControls {
	background: #73C7C7;
	position: relative;
	padding: 6px 0 6px 0;
	margin: -6px 0 0 0;
	float:left;

}

/*switch*/
.switchItem{
  display: block;
  padding-top: 0;

  -webkit-transition: all.2s;
  -moz-transition: all.2s;
  -o-transition: all.2s;
  transition: all.2s;
  background-color: #01aaad;
  border-radius: 6px;
  cursor: pointer;

  padding: 4px 4px 3px 33px;
  margin: 10px 0px 5px 20px;
  min-width: 25px;
  height: 25px;
  background: url(/Sales/03images/sales/02icons/icon_arrows_leftright_colour_turq.png);
  border-bottom: none!important;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: left center;
  -webkit-transition: all.2s;
  -moz-transition: all.2s;
  -o-transition: all.2s;
  transition: all.2s;
  font-size: inherit;
}


.tableHeaderControls .tableSwitcherButton {
	float: left;
	display: block;
	font-size: inherit;
	height: 38px;
	line-height: 38px;
	background: #8DCDCD;
	padding: 0px 8px;
	margin-right:2px;
	cursor:pointer;
}

.tableHeaderControls .tableSwitcherButton.tableSwitcherSelected {background: #ADDBDB;}

.tableHeaderControls .tableActionButtonContainer .labelInner {
	padding: 0px 5px 0px 0px;
	font-family: FNBSansLight;
}

.tableHeaderControls .tableActionButtonContainer {
	float: right;
	border-left: 1px solid white;
	margin-left: 5px;
	padding-left:5px;
	/*width:289px;*/
}

.tableHeaderControls .tableActionButton {
	float: Left;
	background:#8DCDCD;
	margin-right:4px;
	position:relative;
	width:52px;height:38px;
	cursor:pointer;
	
}
.tableHeaderControls .tableSearchBarWrapper{float:left;width:172px;display:none;}
.tableHeaderControls .tableSearchBarWrapper.displayBlock{display:block;}
.tableHeaderControls .tableActionButton.addButton {
	background: url(/banking/03images/base/tables/tableactionbar/Add.jpg) center center no-repeat;
}
.tableHeaderControls .tableActionButton.searchButton {
	background: url(/banking/03images/base/tables/tableactionbar/Search.jpg) center center no-repeat;
		
}
.tableHeaderControls .tableActionButton.searchClose {
	background: url(/banking/03images/base/tables/tableactionbar/searchClose.jpg) center center no-repeat;
	display:none;
}
.tableHeaderControls .tableActionButton.searchClose.displayBlock{display:block;}
.tableHeaderControls .tableActionButton.downloadButton {
	
	background: url(/banking/03images/base/tables/tableactionbar/Download.jpg) center center no-repeat;
	
}
.tableHeaderControls .tableActionButton.printButton {
	background: url(/banking/03images/base/tables/tableactionbar/Print.jpg) center center no-repeat;
}

.tableHeaderControls .tableActionButton .tableActionButtonLabel {
	display: block;padding:10px;font-size:inherit;text-indent:-9999px;
}
.tableHeaderControls .tableActionButton .tableActionButtonContent {
	display: none;
	position:absolute;
	width:200px;
	border:4px solid white;
	padding:10px;
	background:#8DCDCD;
	z-index:1;
	left: -130px;
	bottom: -60px;
	
}

.tableHeaderControls .tableActionButton .tableActionButtonContent .tableActionButtonContentArrow{display:block;width:20px;height:29px;position:absolute;right:35px;top:-29px;background:url('/banking/03images/base/tables/upTurqArrow.png') left top no-repeat;}
.tableHeaderControls .tableActionButton .tableActionButtonContent.buttonGroupExpanded{display:block;}
.tableHeaderControls .tableActionButton .tableActionButtonContent a{text-decoration:underline;font-size:inherit;}
.tableHeaderControls .switcherAdjust {
	border: none;
	padding-top: 0px;
}

.tableHeaderControls .radioButtonContainer .radioButton {
    padding: 8px 12px;
}


.tableHeaderControls .searchField{
padding:5px 8px 0px 9px;
		
}
.tableHeaderControls .tableAdvancedSearch {
	font-size: inherit;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 6px;
	float: left;
	text-decoration: underline;
}
.tableHeaderControls .searchField .formElementContainer {padding:0px;}
.tableHeaderControls .searchField .grid60{
width: 100%;
}

.tableHeaderControls .searchField input{border:none;}


/* ----- FOOTER WRAPPER ----- */
#footerWrapper{
  z-index: 150;
  position: fixed;
  bottom: -6px;
  left: 0;
  right: 0;
  height: 55px;
  display: none;
}
#footerWrapper.visibleContent {
	display:block;
	opacity:1;
}

* html #footerWrapper{ /* Windows Phone */
   position:absolute;
   top:expression((0-(footerWrapper.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight :document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop :document.body.scrollTop))+'px');
}


#fnb-logo{
    background: url("../../03images/sales/01global/logo_full.png") 10px 0px no-repeat;
    background-size: 100px 40px;
    height: 50px;
    width: 112px!important;
    position: absolute;
    top: 4px;
}

#footerWrapper #fnb-logo{
	background:url("../../03images/sales/01global/logo_full_turq.png") 10px 0px no-repeat;
	background-size: 100px 40px;
	height:50px;
	width: 112px!important;
	/*width:309px;*/
	z-index:100;
	position:absolute;
	top:6px;
	left:14px;
	margin-left: 14%;
}
#footerWrapper #support-reference{
	font-size:inherit;
	color:#000;
	z-index:100;
	position:fixed;
	left:5px;
	padding-left: 90px;
	padding-top: 20px;
}
#footerWrapper #footerContent{
    height: 100%;
    font-family: FNBSansLight;
    background-color: #FFF;
    z-index: 10;
    position: relative;
}
#footerWrapper .footerBorder{
  	background-color: #01aaad;
  	height: 1px;	
	margin-left:5px;
}
#footerWrapper #footerElements {
	height:44px;
	z-index:150;
}
/* ----- END Footer Wrapper ----- */

#termsBlock{
  width: 97.5%;
  margin-left: 0%;
  padding: 0px 0px 0 0;
}


#termsBlock h2{
  margin-left: 0%;
  padding: 10px 0px 5px 0px;
}

#termsBlock h4{
  margin-left: 0%;
  padding: 10px 0px 5px 0px;
}

#termsBlock .button h2{
	margin-left: 8%;
}


/* #CustomiseCheque{
	width: 80%;
	margin-left: 10%;
} */

/* #CustomiseCheque h2{
	margin-left: 7%;
} */

/* ----- FORM FOOTER BUTTONS ----- */
#formFooterButtons {
    position: fixed;
    z-index: 151;
    bottom: 0px;
    margin: 0px !important;
    left: 13%;
    height: 31px;
    width: 71%;
}

#eziWrapper #formFooterButtons {
    background-color: white;
    bottom: 1%;
    position: absolute;
    width: 97%;
    border-top: 1px solid #dadada;
    left: 2%;
    height: 50px;
    padding-top: 19px;
}

#formFooterButtons .footerBtn {
    width: auto;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin-right: 2px;
    display: table;
    position: relative;
    float: right;
    z-index: 160;
    bottom: 0px;
}

#formFooterButtons .footerBtn.displayNone {display:none;}

#formFooterButtons .footerBtn a {
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    color: white;
    background: #ff9900;
    border: 1px solid #ff9900;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

#formFooterButtons .footerBtn a:hover {
	border: 1px solid #ff9900;
	background: white;
	color: #ff9900;
}


.footerBtn a:hover,
.footerBtn a:active,
.footerBtn a:focus {}

#formFooterButtons .footerBtn .actionMenuButtonIcon {display:none;}
#formFooterButtons .mobiFooterButton {display:none;}


#formFooterButtons .inactiveButton {
	display: table-cell;
    font-family: FNBSansLight;
    font-size: inherit;
    height: 100%;
    color: #000;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

/* ----- END Form Footer Buttons ----- */


/* ----- FOOTER DROP DOWN ----- */
#formFooterButtons .dropdown-wrapper {
	width:30%;
	float:right;
	position:relative;
	bottom:0px;
	background-color:#73C7C7;
	padding-bottom:1px;
	margin:0 2px 0 0;
}
#formFooterButtons .dropdown-wrapper .grid40 {width:20%;text-align:left;padding-left:5px;padding-right:0px;font-family:FNBSansLight;
color:#fff;}
#formFooterButtons .dropdown-wrapper .grid60 {width:80%;}
#formFooterButtons .dropdown-selection {min-height:48px;}
#formFooterButtons .dropdown-initiator {margin:0;}
#formFooterButtons .dropdown-select {text-align:left;padding-right:0px;}

#formFooterButtons .dropdown-single-wrapper .dropdown-selection,
#formFooterButtons .dropdown-two-wrapper .dropdown-selection,
#formFooterButtons .dropdown-three-wrapper .dropdown-selection{margin:0; padding:9px 10px 9px 20px;}
#formFooterButtons .dropdown-selection-white {margin:0;}
#formFooterButtons .dropdown-item-row-h1,
#formFooterButtons .dropdown-item-row-h2{width:100%; float:left;}
#formFooterButtons .dropdown-selection-white {border:1px solid #01aaad;height:65px;}

#formFooterButtons .dropdown-three-wrapper .dropdown-label-inner {
	margin:0;
	padding:17px 5px;
	text-align:left;
	color:#FFF;
}

#formFooterButtons .dropdown-h1 {font-family:FNBSansRegular;}
#formFooterButtons .dropdown-h2 {font-family:FNBSansLight;}

#formFooterButtons .dropdown-item-cell-left.dropdown-h3,
#formFooterButtons .dropdown-item-cell-right.dropdown-h3,
#formFooterButtons .dropdown-item-cell-right.dropdown-h4,
#formFooterButtons .dropdown-item-cell-left.dropdown-h4{width:100%; line-height:14px;}

#formFooterButtons .dropdown-item-cell-right.dropdown-h4,
#formFooterButtons .dropdown-item-cell-left.dropdown-h4{}
/* ----- END Footer Dropdown ----- */


/* ----- ACTION MENU BUTTON ----- */
#actionMenuButtonWrapper {
	background-color:#FF9900;
	z-index: 147;
	position:fixed;
	cursor:pointer;
	left:-34px;
	top: 144px;
}
/* #actionMenuButtonWrapper #actionMenuTextWrapper {height:100%;} */
#actionMenuButtonWrapper #actionMenuIcon {
	background:url("../../03images/base/actionmenu/action-menu-icon.png") no-repeat left;
	width:26px;
	height:25px;
	margin:7px 4px;
}

#actionMenuButtonWrapper #moreoptionsActionMenuTextSwap {
	background:url("../../03images/base/actionmenu/more-options-text.png") center center no-repeat;
	height:114px;
	width:26px;
	margin:7px 4px 15px 4px;
}
#actionMenuButtonWrapper #actionMenuText {display:none;}
/* ----- END Action Menu Button ----- */

/* ----- ACTION MENU ----- */
#actionWrap{
	position: absolute;
	top:130px;
	left:40px;
	width:100%;
	padding-bottom:80px;
	}
 #actionMenu {
	background-color:#ff9900;
	display:none;
	min-height: 100%;
	padding: 0 85px 0 0;
	overflow:hidden;
}
.actionTable {
	display:table!Important;
}
.actionMenuCol {
	display:table-cell;
	width:23%;
}

#actionMenuOrangeBanner .actionColHeader {
	width:100%;border-bottom:2px solid white;padding-bottom:10px;
	
}
#actionMenuOrangeBanner,
.moreoptionsBannerOne {
	background-color:#FF9900;
	padding: 0 0 10px;
	width: 100%;
	color:#FFF;
	min-height:200px;
}

.actionMenuCol.col_0_of_4{background:#ff9900;}

.actionMenuColUp {
	position: relative;
	z-index: 5;
	font-size:14px;
	overflow: hidden;
}
.actionMenuContents {
	width: 100%;
	height: 100%;
}
.actionMenuButtonIcon {
	background: url("../../03images/base/actionmenu/dot-button-off.png") no-repeat;
	width:47px;
	height:47px;
}

.actionMenuButton {
	padding: 0 0 8px 0px;
	cursor:pointer;
	width:100%;
	display: table;
}

.actionMenuButton:hover .actionMenuButtonIcon {
	background: url("../../03images/base/actionmenu/dot-button-over.png") no-repeat;
}

.actionMenuButton .actionMenuButtonIconText{
	font-family:FNBSansRegular;
	color:#FFF;
	font-size:16px;
	height:auto;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 5px;
	width: 100%;
}
.moreOptionsDownArrow {
	background: url("../../03images/base/actionmenu/orangeArrow.png") no-repeat;
	width: 24px;
	height: 38px;
	left: 15px;
	position: relative;
}
.actionMenuHeader {color:#FFF; padding: 10px 0 0 10px}
.actionMenuHeader.orange {color:#FFF; font-size:45px;}
.bannerSubHeadings {
	font-size:1.6em;
	width: 90%;
}
.actionColHeading{border-bottom:2px solid white;}

.actionMenuBottomLabel {
	color: #747474;
	position: relative;
	text-align: center;
	font-size:1.6em;
	padding-left:15px;
	font-family:FNBSansRegular;
}
.actionMenuContents .actionColHeader{padding:60px 10px 10px; font-size:14px;}

.actionMenuHeader.grey1,
.actionMenuHeader.grey3,
.actionMenuHeader.grey4{}

.actionMenuHeader.grey1 {background-color:#CBCBCA;font-size: 16px;}
.actionMenuHeader.grey2 {background-color:#EEEEEE; padding: 0px 5px 10px 10px;font-size: 14px;}
.actionMenuHeader.grey3 {background-color:#C1C1C0;font-size: 16px;}
.actionMenuHeader.grey4 {background-color:#B1B1B0; margin-left:5px; margin-right:5px;}
.actionMenuHeader.grey5 {background-color:#F3F3F3;padding: 10px 5px 10px 10px;font-size: 14px;}
.actionMenuHeader.grey6 {background-color:#F8F8F8; margin-left:5px; margin-right:5px;}

.actionListLink{font-family:FNBSansRegular;margin-top: 8px;}

.actionMenuHeader.grey2 .actionListText,
.actionMenuHeader.grey5 .actionListText,
.actionMenuHeader.grey6 .actionListText{margin-top:8px; color:#000; cursor:pointer}
.actionMenuHeader.grey2 .actionListComment,
.actionMenuHeader.grey5 .actionListComment,
.actionMenuHeader.grey6 .actionListComment {margin-top:5px; color:#B2B1B1;font-size:14px;}
.actionMenuHeader.actionMenuLast {}
.actionMenuHeader.turq {background-color:#099;}
.actionMenuLeftRightBorder {border-left: solid 5px #fff;border-right: solid 5px #fff;}
.actionMenuLeftBorder {border-left: solid 5px #fff;}
.actionMenuRightBorder {border-right: solid 5px #fff;}
.actionMenuSingleColumn {width:68%;}
.actionMenuDoubleColumn {width:34%;}
.col_1_of_4 {
background-color: #EEEEEE;
}
.col_2_of_4 {
background-color: #F3F3F3;
}
.col_3_of_4 {
background-color: #EEEEEE;
}

.actionMenuUrlWrapper {
	z-index: 141;
	width: 100%;
	overflow-x: hidden;
	background-color:#E7E7E7;
	top: 0;
	position: absolute;
	display: none;
	padding-bottom: 250px;
}
#actionMenuUrlWrapper .tableRow{
	cursor:pointer;
}
#actionMenuUrlWrapper .tableRow:hover{
	background: #e7e7e7;
}

#actionMenuUrlWrapper .actionMenuLeftBar {
	width: 20%;
	height: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	background-color: #B1B1B1;
}

#actionMenuUrlWrapper #actionTableClose {
	height: 44px;
	width: 80px;
	background: url("/Sales/03images/base/actionmenu/closeBtt.gif") no-repeat 6px 12px;
	display: block;
	cursor:pointer;
	position: absolute;
	right: 0px;
	z-index: 5;
}

#actionMenuUrlWrapper .actionMenuLeftBar p {
	color: #fff;
	font-size: 30px;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
}

#actionMenuUrlWrapper .actionMenuLeftBar h2 {
	color: #fff;
	font-size: 16px;
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
}

#actionMenuUrlWrapper .tableContainer {

padding-right: 49px;
position: relative;
left: 10px;
float: left;
width: 100%;

}

#totalExpenses{	
	padding: 10px 0 0 0;
}

.horizontalGreyDivide {
  border: none;
  width: 100%;
  height: 1px;
  margin: 25px auto 10px auto;
  box-shadow: inset 0 -1px 0 0 #dadada;
  clear: both;
}

#actionMenuUrlWrapper .table {
	margin-left: 20%;
	width: 80%;
}

.actionMenuUrlWrapper .tableContainer .tableCellItem {
	line-height: 42px;
	height: 42px;
}

.actionMenuUrlWrapper .tableContainer .tableRow {
	border-bottom: 4px solid #e7e7e7;
}

.actionMenuUrlWrapper h1 {
	width: 25%;
}

#actionMenuUrlWrapper .input-wrapper.searchField .formElementContainer {
	background: url("../../03images/fnb/ui/searchIcon.gif") no-repeat right center;
	float:right;
	padding-right:34px;
	position:relative;
	right:86px;
	top:2px;
	width:20%;
}

#actionMenuUrlWrapper .input-wrapper.searchField .input-input {
	border:0 none;
}


.actionMenuNoOptions {
	color: white;
	margin: 0 0 5px 25px;
	font-size: 10px;
}

#actionMenuUrlWrapper .searchField .grid60{
	left: 20%;
	position: relative;
	top: 6px;
	padding: 0 0 0 2px;
}
/* ----- END Action Menu ----- */

/* ----- ERRORS ----- */
.input

Error {background-color:#FF9900; color:#FFF;}
.error {
/* 	position: fixed;
	background: #FF9900;
	width: 100%;
	top: 0;
	font-family: FNBSansThin;
	color: #fff;
	z-index: 160;
	border-bottom: 6px solid white; */
	
    position: fixed;
    background: #FF9900;
    width: 100%;
    top: 0;
    font-family: FNBSansThin;
    color: #fff;
    z-index: 160;
    border-bottom: 6px solid white;
    background: #ff9900;
    color: #fff;
    min-height: 64px;
    font-family: Helvetica,FoundationRoman,Sans-serif;
    position: fixed;
    padding: 8px 25px;
    top: 0;
    width: 90%;
    margin: 0 2.5%;
    -webkit-border-bottom-right-radius: 16px;
    -moz-border-bottom-right-radius: 16px;
    border-bottom-right-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -moz-border-bottom-left-radius: 16px;
    border-bottom-left-radius: 16px;
    -webkit-box-shadow: 0px 0px 200px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 200px rgba(0,0,0,.8);
    box-shadow: 0px 0px 200px rgba(0,0,0,.8);	
	
}

.errorButtonWrapper {
	background: url("../../03images/base/error/close-icon.png") no-repeat center center;
	width: 26px;
	height: 25px;
	float: right;
	cursor: pointer;
	margin: 10px;
}

.errorMessageWrapper {
	font-size: 2.4em;
	padding: 15px 0px 0px 20px;
}

#errorsWrapper,
.errorsWrapper {
	padding: 0px 10px 10px 10px;
	margin: 10px 0 0 0;
	font-size: 1.6em;
}

.errorWrapper {
	float: left;
	padding: 0px 0px 20px 15px;
	border-left: 0 none;
}

.errorText {
	padding: 0px 0px 0px 5px;
}

.errorMsg {
	position: absolute;
	top: 30px;
	width: 100%;
	z-index: 999;
	display: none;
}

.error .errorMsg {
	display: block;
}

.errorMsg .errorMsgClose {
	position: absolute;
	right: -15px;
	top: -5px;
	width: 25px;
	height: 7px;
}

.errorMsg .errorMsgArrow {
	margin: 0px auto;
	width: 25px;
	height: 7px;
	background: url(/Sales/03images/fnb/arrows/dropDownBoxArrow.gif) top center no-repeat;
}

.errorMsg .errorMsgBubble {
	background-color: #fff;
	color: #000;
	padding: 5px;
	border-right: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
}

/* ----- END Errors ----- */

/* ----- HEADER BUTTONS ----- */
#headerButtonsWrapper {
	overflow:hidden;
	margin-left:40px;
	height:35px;
}

#headerButtonsWrapper .headerButton:first-child {
	float:right;
	background-color:#FF9900;
	color:#FFF;
	cursor:pointer;
	position:relative;
	border-left:3px solid #E7E7E7;
}

#headerButtonsWrapper .headerButton:first-child a span{
	color: #FFF;
	font-family: FNBSansRegular;
	font-size: 0.9em;
	background:none;
	border:none;
	line-height: 32px;
}
#headerButtonsWrapper .headerButton {
	float:right;
	background-color:#FFF;
	color:#000;
	cursor:pointer;
	border-left:3px solid #E7E7E7;
	overflow: hidden;
}
.headerButton a {
	float: left;
	text-align: center;
	text-decoration: none;
	height:35px;
	width:100%;
}

.headerButton a span{line-height:31px;width:100%;padding-left:8px;background:#e7e7e7;display:block;border:2px solid white;text-align:left;border-left:none;}

.headerButton a.commercialContactBtn{background: url("../../03images/base/topbuttonbar/contact.jpg") no-repeat -2px center;padding-left:35px;}
.headerButton a.corporateContactBtn{background: url("../../03images/base/topbuttonbar/contact.jpg") no-repeat -2px center;padding-left:35px;}
.headerButton a.foreignContactBtn{background: url("../../03images/base/topbuttonbar/contact.jpg") no-repeat -2px center;padding-left:35px;}
.headerButton a.privateContactBtn{background: url("../../03images/base/topbuttonbar/contact.jpg") no-repeat -2px center;padding-left:35px;}
.headerButton a.premier1ContactBtn{background: url("../../03images/base/topbuttonbar/contact.jpg") no-repeat -2px center;padding-left:35px;}
.headerButton a.premier2ContactBtn{background: url("../../03images/base/topbuttonbar/contact.jpg") no-repeat -2px center;padding-left:35px;} 
.headerButton a.premier3ContactBtn{background: url("../../03images/base/topbuttonbar/contact.jpg") no-repeat -2px center;padding-left:35px;}
.headerButton a.noBankerContactBtn{background: url("../../03images/base/topbuttonbar/contact.jpg") no-repeat -2px center;padding-left:35px;}
.headerButton a.inboxBtn{background: url("../../03images/base/topbuttonbar/inbox.jpg") no-repeat -2px center;padding-left:35px;}
.headerButton a.settingsBtn{background: url("../../03images/base/topbuttonbar/settings.jpg") no-repeat -2px center;padding-left:35px;}
.headerButton a.logoutBtn{padding-left:8px;}

.headerButton a span {
	color: #888;
	font-family: FNBSansRegular;
	font-size: 0.9em;
}
.headerButton a span.selectedButton{color:#000;}

.settingsButton,.contactButton,.optionsButton {
	background: #FFF;
	color: #DCDCDC;
	font-family: FNBSansRegular;
	font-size: inherit;
	text-align: left;
}

.settingsButton a span,.contactButton a span,.optionsButton a span {
	color: #888888;
	font-family: FNBSansRegular;
	font-size: inherit;
}

.settingsButton img,.contactButton img,.optionsButton img {
	float: left;
	padding: 4px;
}
/* ----- END Header buttons ----- */

.searchBox {
	background: #FFF;
}
/*TOOL TIP*/
.radioButtonContainer .tooltipParent{float:left;margin-left:10px;}
.tooltipParent{position:relative;background:#C1E7E5;width:30px;height:30px;}
.input-wrapper .input-container-inner .tooltipParent{position:absolute;right:0px;}

.tooltip {
	display: none;
	position: absolute;
	margin-top: -50px;
	border: 3px solid white;
	padding: 5px 5px 8px 8px;
	background: #addbdb;
	max-width: 200px;
	cursor: pointer;
}
.input-wrapper .input-container-inner.toolTipSpacer{padding-right:38px;position:relative;}
.icontracting-input-wrapper .input-container-inner.toolTipSpacer{padding-right:0px;position:relative;}
.tooltip .tooltip-pointer {
	position: absolute;
	bottom: -17px;
	left: 180px;
	width: 15px;
	height: 17px;
	background: url("/Sales/03images/base/tooltip/pointer.png") left top
		no-repeat;
}
.tooltip-pointer-left{
	position: absolute;
	bottom: -17px;
	width: 15px;
	height: 17px;
	left: 10px;
	background: url("/Sales/03images/base/tooltip/pointer_left.png") left top
		no-repeat;
}
.tooltip-pointer-right{
	position: absolute;
	bottom: -17px;
	width: 15px;
	height: 17px;
	right: 10px;
	background: url("/Sales/03images/base/tooltip/pointer_right.png") left top
		no-repeat;
}
.tooltipButton {
	background: 
		url("/Sales/03images/base/tooltip/questionMark.png") 1px center
		no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.secureToolTip .tooltipParent {
	background: none;
}
.secureToolTip .tooltipButton {
	background: transparent url("/Sales/00Assets/skins/00/images/locks/grey.png") center center no-repeat;
}
.tooltipButtonCross {
	background:
		url("/Sales/03images/base/tooltip/crossMark.png") center center
		no-repeat;
}

.tooltip-close {
	background: url("/Sales/03images/base/tooltip/close-icon.png") center
		center no-repeat;
	width: 25px;
	height: 26px;
	float: left;
	cursor: pointer;
}

.tooltip-text {
	float: left;
	max-width: 200px;
	padding: 5px;
	text-align:left;
	line-height:18px;
	font-size:inherit;
}

.multiTableCellTooltip{
	top: 11px;
	position: absolute;
}
.confirmPage {
	
}
.confirmPage .confirmDate{font-size:1.4em}
.confirmPage .confirmHeader {
	position: relative;
}

.confirmPage .confirmHeader .confirmHeaderInner {
	position: relative;
}

.confirmHeader .confirmHeaderInner .confirmHeaderTopText{padding-left:15px;padding-top:13px;font-size:1.8em;}

.confirmHeader .confirmHeaderInner .confirmHeaderBottomText{
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-size: 2.4em;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 5px;
	
}

.confirmHeader .confirmHeaderInner .confirmHeaderBottomText .confirmTextOne{font-family: FNBSansRegular;}

.confirmHeader .confirmHeaderInner .confirmHeaderBottomText .confirmTextTwo{font-size: 0.7em;}

.confirmHeader .confirmHeaderInner .confirmDate {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.confirmPage h2 span {
	font-size: inherit;
}

.confirmPage .recipientCount {
	margin: 0 5px;
	padding: 2px 5px;
	text-align: center;
	border: 2px solid white;
	background: #AAC6C7;
	font-size:1.4em;
}

.confirmPage .floatLeftRecipient {
	float: left;
	padding: 3px 0 0 0;
	font-size:1.6em;
}

.confirmPage .dotOrange {
	color: #FFF;
	padding: 4px 7px;
	/*border-radius:11px;
	background-color:#FD9800;*/
	display: inline-block;
	background: url("/Sales/03images/base/dots/dot-orange.png") no-repeat
		0 0 transparent;
}

.confirmPage .confirmRowOne {
	margin: 40px 0 0 0;
}

.confirmPage .confirmRowOne tr {
	height: 40px;
}

.confirmPage .confirmRowOne td:first-child {
	padding: 0 0 0 1.5%;
}

.confirmPage .confirmRowOne td {
	vertical-align: middle;
}

.confirmPage .detailsColumn {
	background: #FFF;
}

.confirmPage .confirmRowTwo tr {
	height: 40px;
}

.confirmPage .confirmRowTwo td {
	vertical-align: middle;
}

.confirmPage .confirmRowTwo td:first-child {
	padding: 0 0 0 1.5%;
}

.confirmPage .tableRow {
	background: none repeat scroll 0 0 #fff;
	clear: both;
	display: block;
	float: left;
	width: 100%;
	padding: 2px 0;
	border: none;
	margin-bottom: 2px;
	min-height: 34px;

}

.confirmPage  .tableHeaderRow {

	position: relative;
}

.confirmPage  .tableHeaderRow span {
	color: #666;
}

.confirmPage .tableGroupHeader img {
	bottom: -7px;
	left: 5px;
	position: absolute;
	z-index: 1;
}

.confirmPage .tableHeaderRow .tableHeaderInnerRow {
	color: #666;
	padding-left:5px;
}

.confirmPage .tableHeaderRow.tableGroupHeader span {
	color: #666;
}

.confirmPage  .tableCell {
padding: 0px 15px;
}

.confirmPage .totalRow {
	background: none;
	border-bottom: 2px solid #CCCCCC;
	line-height: 42px;
	height: 42px;
	padding: 0 0px 6px 0px;
	margin-bottom: 0px;
}

.confirmNotifications .tableDataRow {background:#D8D7D5;}
.confirmNotifications .tableRowInner,
.confirmNotifications .tableCellItem{padding:0;}
.confirmNotifications #type {padding:0 0 0 15px;}

.confirmFinishTable .badStatus {
	width: 100%;
	text-align: left;
	background: url("/Sales/03images/fnb/ui/no.png") no-repeat 95% 2px
}

.confirmFinishTable .goodStatus {
	width: 100%;
	text-align: left;
	background: url("/Sales/03images/fnb/ui/yes.png") no-repeat 95% 2px
}

.rightBox {
	right: 0;
	width: 20%;
	position: absolute;
	height: 100%;
	top: 3px;
	z-index: 1;
}

.rightBoxContent {
	border-left: 6px solid #FFFFFF;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.rightBoxInner {
	padding: 0 20px 0 20px;
	color: #FFF;
}

.rightBox h5 {
	color: #000;
	font-size: 2.8em;
	background: white;
}

.whiteMessageContainer {
	margin: 67px 0px 0px 0;
}

.totalContainer {
	list-style: none;
}

.finishMessageArrow {
	position: relative;
	right: -40px;
}

#processingResultViewBean {
	float: left;
}

.rowMarker {
	float: left;
}

/*********Confirm Finish End**********/
/*EZI PANEL*/
/*fix ezi buttons*/
/* .eziWrapper {
	background-color:#FFF;
	position:fixed;
	z-index:149;
	right:0;
	top:134px;
	bottom:70px;
	overflow-y:auto;
	overflow-x:hidden;
	border-left:6px solid #FFF;
} */

.eziWrapper {

	z-index: 154;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%;
    overflow: auto;
    max-width: none;
    opacity: 1;
    margin: inherit;	
		
}

#eziProgressWrapperContents{
	background: white;
    width: 80%;
    min-height: 80%;
    margin: 65px auto;
    padding: 26px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -webkit-box-shadow: 0px 0px 200px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 200px rgba(0,0,0,.8);
    box-shadow: 0px 0px 200px rgba(0,0,0,.8);
    position: relative;
    overflow: hidden;
	
}


#eziProgressWrapperContents .pageWrapper {
    padding-top: 0px!important;
}



#eziPannelButtonsWrapper {
	width: 100%;
	right:0;
	/* left:0; */
	bottom: 0px;
	position: absolute;
}

#eziPannelButtons {
	background-color:#FF9900;
	width: 100%;
	height:70px;
	position: absolute;
	border-top:6px solid #FFF;
	padding: 0 25px 0 0;
	/* float: right; */
	right: 0;
	bottom: 0;
}


/* .eziWrapper {
	background-color:#FFF;
	position:fixed;
	z-index:149;
	right:0;
	top:134px;
	bottom:70px;
	overflow-y:auto;
	overflow-x:hidden;
	border-left:6px solid #FFF;
}
#eziPannelButtonsWrapper {
	right:0;
	left:0;
	bottom:70px;
	position:fixed;
	z-index:5;
}
#eziPannelButtons {
	background-color:#FF9900;
	width:40%;
	height:70px;
	position:relative;
	border-top:6px solid #FFF;
	padding: 0 25px 0 0;
	float: right;
} */
#eziWrapper .actionMenuContents {background:none;}
#eziPannelButtonsWrapper .actionMenuButton {
	opacity:1;
	margin:7px 10px 5px 0px;
	height:47px;
	float:right;
	width:auto;
}
#eziPannelButtons .actionMenuButton:first-child{margin-right:3px;}
#eziPannelButtonsWrapper .actionMenuButtonIconText {width:auto;}
#eziWrapper .actionMenuHeader {font-size:1.6em;}
#eziWrapper .bannerSubHeadings {width:100%;}
#eziWrapper .datepickerWrapper {margin:0 12px 0 0;}
#eziWrapper #eziHeader_pageType {margin:10px 0 10px 20px;}
#eziWrapper #eziHeader_accName {font-size:24px; margin:10px 0 0 18px;}
#eziWrapper #eziHeader_accNumber {margin:0 0 10px 20px;}
.eziSpacer{height:70px;}
.spacerDiv{height:110px;} 
/* .spacerDiv{height:50px;} */
#spacerDiv{height:10px;}

.spacer30Div{height:30px;}

.sofHeading{
	padding-top: 10px;
}
.sofHeadingDesc{
	padding-bottom: 3px;
}

/*
Changed: "actionMenuButtonIcon" is now the default icon/type of the eziButtons
TODO: Put these 2 dot images in a single image sprite
*/

/* The following is inherited straight from .actionMenuButton 
#eziPannelButtonsWrapper .actionMenuButton .actionMenuButtonIconText {margin-top:18px;}
#eziPannelButtonsWrapper .actionMenuButton .actionMenuButtonIcon {
	background-image:url("../../03images/base/actionmenu/dot-button-off.png");
	background-repeat:no-repeat;
	background-position:center 90%;
	padding:0 0 0 15px; 
}

#eziPannelButtonsWrapper .actionMenuButton:hover .actionMenuButtonIcon {
	background-image:url("../../03images/base/actionmenu/dot-button-over.png");
}
*/
.eziPage td.grid100 {width:100%;}
.eziPage td.grid50 {width:50%;}

.eziWrapper h3 {
	background: #E7E7E7;
	font-family: FNBSansThin;
	font-size: 2.4em;
	text-align: left;
}

#eziWrapper .ghostBlock {diplay:none;}
#eziWrapper .rightBoxContent {border:none;}
#eziWrapper .rightBox h5 {padding:10px;}
#eziWrapper .rightBox {width:100%;}
#eziWrapper .dropdown-three-wrapper .dropdown-label-inner {padding:20px 0 0 0;}

#eziWrapper .dlTitle,
#eziWrapper .dlData {padding-bottom:10px;}

#eziWrapper p {margin-top:0.5em;}

.eziPage .note,.eziPage .hint,.eziPage .tc {
	margin: 0;
	padding: 5px 30px 5px 10px;
	background-position: 15px 15px;
}
#eziWrapper .formElementLabel{width:100%; padding:5px 10px 5px 15px;}
#eziWrapper .dropdownElementWrapper,
#eziWrapper .formElementContainer {width:100%;}

/* GRAY EZI WRAPPER */
.eziWrapperGrey {
	background: #E7E7E7;
	position: fixed;
	z-index: 6;
	right: 0;
	top: 134px;
	bottom: 65px;
	border-left: 6px solid #FFF;
	overflow-y: auto;
	overflow-x: hidden;
}

.eziWrapperGrey h2,
.eziWrapperGrey h3 {
	background-color: #E7E7E7;
	font-family: FNBSansThin;
	line-height: 2em;
	text-align: left;
	padding: 10px 0 10px 20px;
}

.eziWrapperGrey h3 {
	font-size: 2.4em;
	border-bottom: 6px solid #FFF;
	padding-left: 20px;
}

.eziWrapperGrey .gridGroup h3 {
	margin: 5px 0 0 0;
}

.eziWrapperGrey .gridGroup h2 {
	padding: 10px 0 10px 20px;
	border-bottom: 6px solid #FFF;
}

.eziWrapperGrey .dropdown-initiator {
	margin: 10px 10px 10px 10px;
}

.dropdown-label-inner {
	padding: 17px 0 0 20px;
}

.eziWrapperGrey .dropdown-selection {
	margin: 0 !important;
}

.eziWrapperGrey .dropdown-content {
	width: 100%;
}

.eziWrapperGrey .dropdown-content-top-indicator-inner {
	margin: -5px 10px 0 10px;
	padding: 0 0 0 20px;
}

.eziWrapperGrey .dropdown-wrapper {
	background: #FFF;
	margin: 5px 0 0 0;
	padding: 0 0 0 20px;
}

.dropdown-expanded{margin-bottom:70px;}

.eziWrapperGrey .dropdown-content-wrapper {
	margin: -12px 0 0 10px;
}

.eziWrapperGrey .input-wrapper {
	padding: 0 0 0 20px;
}

.eziGreySpacePublicRecipient {
	background-color:#E7E7E7;
	position: absolute;
	top: 230px;
	bottom: 0;
	left: 5px;
	right: 0px;
}

.eziListItem {
	background-color:#FFF;
	margin: 5px 0 0 20px;
	padding: 5px;
	width: 90%;
}

.eziWrapperGrey .addRecipientsRemoveButton {
	margin: 20px 17px 0px 5px;
	color: #029899;
	background: url("/Sales/03images/base/icons/removeIconTurq.png") no-repeat right center transparent;
}

#eziWrapper .addRecipientsAddButtonWrapper {
	height: 25px !important;
	background: #E7E7E7;
	margin: 10px 0 0 0;
	padding: 15px 0;
	color: #029899;
	border: none;
	background: #E7E7E7;
}

#eziWrapper .addRecipientsAddButton {
	background: url("/Sales/03images/base/icons/addIconTurq.png") no-repeat right transparent;
	margin: 0 19px 0 0;
}

#eziWrapper #addRecipientExtender .grid50,
#eziWrapper #addRecipientExtender .grid40,
#eziWrapper #addRecipientExtender .grid60,
#eziWrapper #addRecipientExtender .grid20,
#eziWrapper #addRecipientExtender .grid30 {width:100%}
#eziWrapper #addRecipientExtender .margin50 {margin:0px;}

#eziWrapper #addRecipientExtender .dropdown-initiator {
	cursor: pointer;
	margin: 10px 0 10px 5px;
	position: relative;
}

#eziWrapper #addRecipientExtender .dropdown-wrapper.margin50 .dropdown-label-inner,
#eziWrapper #addRecipientExtender .dropdown-wrapper.gridElementSpacing .dropdown-label-inner{padding-left:0;}

.phonebookAddHeading {
	margin: 5px 0 0 20px;
	padding: 5px;
	width: 90%;
}

.phonebookAddLabels {
	padding: 0 0 0 10px;
}

.phonebookSearch .gridFull {
	width: 91%;
}

.phonebookDelete .gridFull {
	width: 91%;
}

#phoneNumberUpdate .gridFull {
	width: 91%;
}

.phonebookDelete .gridThird {
	height: 42px;
}

.phonebookDelete .gridThird .innerMargin {
	height: 100%;
}

.phoneBook .eziLabel {
	padding: 0;
	margin: 0;
	background: none;
}

.phoneBook .input-container {
	margin: 0 10px 0px 0;
	padding: 0;
}

#phoneNumberUpdate .input-container {
	margin: 0 10px 0px 0;
	padding: 0;
}

.phoneBookAdd .eziListItem {
	margin: 5px 0 0 15px;
	padding: 3px;
	width: auto;
}

.phoneBookAdd {
	padding: 5px;
}

.branchSearchResult {
	padding: 5px 0 5px 0;
}

.eziWrapper .actionMenuContents {
	background: none;
}

/*EZI WRAPPER 30%*/
.eziwrap30 #eziPannelButtonsWrapper {
	width: 29%;
}

/* DO SOMETHING */
.doSomething .eziPannelTitleIcon {
	background: url("../../03images/fnb/icons/add_grey.png") no-repeat left center transparent;
	width: 28px;
	height: 28px;
}

.eziPannelTitleNegIcon .eziPannelTitleIcon {
	background: url("../../03images/fnb/icons/remove_grey.png") no-repeat left center transparent;
	width: 28px;
	height: 28px;
}

/**** footer Message ****/
.footerMessage {
	min-width: 100%;
	padding: 10px 60px 10px 0;
	position: fixed;
	bottom: 70px;
	right: -1px;
	background: #72C6C6;
	border-left: 2px solid #72C6C6;
	border-top: 4px solid #fff;
	left: 40px;
	text-align: right;
	z-index: 147;
	font-size: 1.6em;
}

.footerMessageText {
	float: right;
	margin: 0 0 0 10px;
}

.footerMessageTotal {
	float: right;
	margin: 0 50px 0 5px;
}

/******Pagination******/
.pagingWrapper {
	background: #ADDBDB;
	border-top: 6px solid white;
	border-bottom: 6px solid white;
	text-align: center;
}

.pagingWrapper .searchBar {
	display: none;
}

.pagingWrapper .dropdown-item-icon {
	display: none;
}

.pagingWrapper .dropdown-initiator {
	margin: 3px 0;
}

.pagination .dropdown-content-wrapper {
	margin: -5px 0 0 15px;
}

.pagination .dropdown-item {
	background: #c8eceb!important;
}

.pagination .dropdown-item-row-wrapper {
	margin: 0;
}

.pagination {
	width: 20%;
	float: left;
}

.pagination .td {
	vertical-align: middle;
	text-align: center;
	padding-top:0px;
	font-size:1.4em;
}



.pageLimits {
	border-right: 3px solid white;
	height: 42px;
}

.pageLimits td {
	width: 33.3333%;
	text-align: center;
}

.pageLimits td:first-child {
	padding: 0 10% 0 0;
	text-align: right;
}

.pageLimits td:last-child {
	text-align: left;
}

.pageLimits .dropdown-selection {
	background: #FFF;
	border: 1px solid #BCE4E4;
	padding: 8px 0 8px 20px;
}

.pageLimits .dropdown-content-top-indicator {
	display: none;
}

.pageLimits .dropdown-content {
	margin-top: -4px;
}

.pagination2 {
	width: 40%;
	float: right;
	height: 42px;
}

.pagingPrevious {
	text-align: center;
	vertical-align: middle;
	width: 25%;
	border-left: 3px solid white;
	border-right: 3px solid white;
}

.pagingPrevious a {
	cursor: pointer;
	padding: 10px 0 10px 0;
}

.pagingNext {
	text-align: center;
	vertical-align: middle;
	width: 25%;
	border-left: 3px solid white;
}

.pagingNext a {
	cursor: pointer;
	padding: 10px 0 10px 0;
}

.pagingChoice {
	text-align: center;
	vertical-align: middle;
	width: 50%;
}

.pagingChoice input {
	width: 50px;
	border: 1px solid #BCE6E5;
	padding: 5px 0 5px 10px;
	background: #FFF;
}

.pagingChoice span {
	
}

.limiterDropDown {
	width: 80px;
}

.entriesChoice {
	width: 90px;
}

.entriesChoice .dropdown-item-icon,.entriesChoice .dropdown-item.selected-item
	{
	display: none;
}

.entriesChoice .dropdown-initiator {
	margin: 0;
}

.entriesChoice .dropdown-selection,.dropdown-two-wrapper .dropdown-selection,.dropdown-three-wrapper .dropdown-selection
	{
	
}

.pagination .formElementWrapper{padding-bottom:0px;padding-top:0px;}



/* Visibility */
.displayNone,
.hidden		{display:none;}
.displayBlock,
.show		{display:block;}

/* Positioning */
.positionRelative	{position:relative;}
.positionAbsolute	{position:absolute;}
.positionFixed		{position:fixed;}

/* Text Alignment */
.alignLeft		{text-align:left;}
.alignCenter,
.centerContent	{text-align:center;}
.alignRight		{text-align:right;}

.valignTop		{vertical-align:top;}
.valignMiddle,
.vertMiddle		{vertical-align:middle;}
.valignBottom,
.alignBottom	{vertical-align:bottom;}
.valignBaseline	{vertical-align:baseline;}

/* Block Alignment */
.floatLeft,
.left		{float:left;}

.floatRight	{float:right;}

/* Float Clearing */
.clearLeft	{clear:left;}
.clearRight	{clear:right;}
.clear,
.clearBoth	{clear:both;}

/* Foreground Colors */
.whiteText	{color:#FFF;}
.teal1 a	{color:#FFF;}

.bold{font-weight:bold;}

/* Background Colors*/ 
.amber1		{background-color:#FF9900; color:#FFF;}
.teal1		{background-color:#009999; color:#FFF;}
.teal2		{background-color:#14A1A1;}
.teal3		{background-color:#26A8A8;}
.teal4		{background-color:#3BB1B1;}
.teal5		{
				background-color:#FFF;
				border-bottom: 1px solid #dadada;
				margin-bottom: 24px
			}
.teal6		{background-color:#61C0C0;}
.teal7		{background-color:#FFF;}
.teal8		{background-color:#FFF;}
.teal9		{background-color:#FFF;}
.teal10		{background-color:#BFE5E5;}
.teal11		{background-color:#ADDBDB;}
.teal12		{
				background-color:#FFF;
				border-bottom: 2px solid #dadada;
				margin-bottom: 10px
			}
.teal13		{
				border-bottom: 2px solid #FFF;
				padding-bottom: 10px;
				
			}
.lightTeal1	{background-color:#70D4D4;}
.whiteBg,
.white		{background-color:#FFF;}
.darkGreyBg	{background-color:#FFF;}
.grey		{background-color:#FFF;}
.grey1		{background-color: #fff;}
.grey2		{background-color:#FFF;}
.grey3		{background-color:#FFF;}

.grey2 .innerPad,
.grey5 .innerPad,
.grey6 .innerPad{padding:10px 10px 10px;}

.padTop5	{padding-top:5px;}
.padTop7	{padding-top:7px;}
.padTop10	{padding-top:10px;}
.padTop15	{padding-top:15px;}
.padTop20	{padding-top:20px;}

.padBottom5 {padding-bottom:5px;}
.padBottom10{padding-bottom:10px;}
.padBottom20{padding-bottom:20px;}
.padBottom50{padding-bottom:50px;}
.padBottom70{padding-bottom:70px;}

.padLeft10{padding-left:10px;}
.padLeft15{padding-left:15px;}
.padLeft20{padding-left:20px;}
.padLeft40{padding-left:40px;}
.padLeft45{padding-left:45px;}
.padLeft50{padding-left:50px;}
.padLeft70{padding-left:70px;}

.padRight11{padding-right:11px;}
.padRight10{padding-right:10px;}
.padRight20{padding-right:20px;}

.padding10 {padding: 10px;}
.padding20 {padding: 20px;}

/* ----- GENERIC MARGIN CLASSES ----- */
.marginLeft10{margin-left:10px;}
.marginLeft20{margin-left:20px;}

.marginRight20{margin-right:20px;}

.marginBottom0 {margin-bottom:0px;}
.marginBottom5 {margin-bottom:5px;}
.marginBottom10{margin-bottom:10px;}
.marginBottom20{margin-bottom:20px;}

.marginTop0 {margin-top:0px;}
.marginTop5 {margin-top:5px;}
.marginTop10{margin-top:10px;}
.marginTop20{margin-top:20px;}

.noMargin	{margin:0;}
/* ----- END Generic Classes ----- */

/* ----- BORDER CLASSES ----- */
/*
Please stick to the camelCase naming convention

Note: if you want a Left+Bottom border use 2 classes! 

NON-IMAGE BORDERS:
	[border][side][color]
	
	Available sides:
		Top,Right,Bottom,Left

	Available Colors:
		White,Grey,Turq,Amber
*/

#PreCheck{
/* 	width: 72.5%;
	margin-left: 15.5%; */
}


.borderTopWhite,.borderTopGrey,.borderTopTurq,.borderTopAmber,.borderRightWhite,.borderRightGrey,.borderRightTurq,.borderRightAmber,.borderBottomWhite,.borderBottomGrey,.borderBottomTurq,.borderBottomAmber,.borderLeftWhite,.borderLeftGrey,.borderLeftTurq,.borderLeftAmber
{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.borderLastRightWhite {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.borderTopWhite,.borderTopGrey,.borderTopTurq,.borderTopAmber				{border-top-width:1px;		border-top-style:solid;  background-color: white;}
.borderRightWhite,.borderRightGrey,.borderRightTurq,.borderRightAmber		{border-right-width:1px;	border-right-style:solid;   background-color: white;}
.borderBottomWhite,.borderBottomGrey,.borderBottomTurq,.borderBottomAmber	{border-bottom-width:1px;	border-bottom-style:solid;   background-color: white;}
.borderLeftWhite,.borderLeftGrey,.borderLeftTurq,.borderLeftAmber			{border-left-width:1px;		border-left-style:solid;  background-color: white;}
.borderLastRightWhite {border-right-width:1px;   background-color: white;}

.borderTopWhite		{border-top-color:#FFF;}
.borderRightWhite	{border-right-color: #FFF;}
.borderLastRightWhite {border-right-color: #FFF;}
#SalesLanding .borderRightWhite	{
    border-right-color: #dadada;
    padding: 10px;
}
#SalesLanding .borderLastRightWhite {
    border-right-color: #dadada;
    padding: 10px;
}

#icontractingQuotationForm .borderRightWhite {
    border-right-color: #dadada;
    padding: 10px;
}


.borderBottomWhite	{border-bottom-color:#FFF;}
.borderLeftWhite	{border-left-color:#FFF;}

.borderTopGrey		{border-top-color:#FFF;}
.borderRightGrey	{border-right-color:#FFF;}
.borderBottomGrey	{border-bottom-color:#FFF;}
.borderLeftGrey		{border-left-color:#e5e5e5;}

.borderTopTurq		{border-top-color:#009999;}
.borderRightTurq	{border-right-color:#009999;}
.borderBottomTurq	{border-bottom-color:#009999;}
.borderLeftTurq		{border-left-color:#009999;}

.borderTopAmber		{border-top-color:#FF9900;}
.borderRightAmber	{border-right-color:#FF9900;}
.borderBottomAmber	{border-bottom-color:#FF9900;}
.borderLeftAmber	{border-left-color:#FF9900;}

/*
IMAGE BORDERS:
	[border][Img][side][color]
*/
.borderImgLeftWhite,
.borderImgRightWhite {background-image:url("/Sales/03images/base/grids/whiteBorderVertical.png"); background-repeat:repeat-y;}

.borderImgLeftWhite	{background-position:top left;}
.borderImgRightWhite{background-position:top right;}

/*
BORDERS ANOMALIES:
	Add anomalies that don't fit the convention here
*/

/* ----- END Border Classes ----- */

/* ----- BULLET LISTS ----- */
/*
	UL > LI
	OL > LI
	related base tags:listGroup,listItem
*/
ul{padding-left:15px;padding-top:7px;}
ul a{font-size:1em;}

ol.bulletedList		{list-style:none;font-size:inherit;padding: 5px 0 0 15px;}
ol.bulletedList>li	{list-style:none; margin-bottom:0.6em;}

ol.bulletedList>li ol.bulletedList>li{list-style:lower-alpha; margin-left:1em;}

.listNone>li{margin-bottom:0.6em;}

.listDisc>li,
.listCircle>li,
.listSquare>li,
.listDecimal>li,
.listLowerAlpha>li,
.listUpperAlpha>li {margin-bottom:0.6em;margin-left:1em;font-size:inherit;}

.listNone,.listNone>li				{list-style:none;}
.listDisc,.listDisc>li				{list-style:disc;}
.listCircle,.listCircle>li			{list-style:circle;}
.listSquare,.listSquare>li			{list-style:square;}
.listDecimal,.listDecimal>li		{list-style:decimal;}
.listLowerAlpha,.listLowerAlpha>li	{list-style:lower-alpha;}
.listUpperAlpha,.listUpperAlpha>li	{list-style:upper-alpha;}

.bulletedList .bulletedList{margin-top:0.6em;}
/* ----- END Bullet Lists ----- */

/*FORMS*/
/*****Inputs******/
/*Pretty Date Label*/
.prettyDateLabel {
	float: left;
	width: 40%;
	padding-left:15px;padding-top:5px;
	font-size: inherit;
}
/*Pretty Date Label End*/
.searchOrText {
	text-align: center;
	font-size:1.4em;
	width:5%;
	padding-top:7px;
	padding-left:10px;
}
.branchcodesearch .searchOrText{width:10%; padding-left:0;}
#branchSearchButton,#phoneBookSearchButton,#publicRecipientSearchButton {
	background-color: #73C7C7;
	color: #FFF;
	height: 30px;
	text-align: center;
	line-height: 18px;
	display: block;
	font-size:1.4em;
	width:100%;
	padding: 0 0 0 0;
}
#formElement_publicRecipientSearchButton{padding:0 10px 0 0;}
#phoneBookSearchContainerText{padding-right:0;}
#phoneBookSearchButton{margin-right:7%;}

.formElementLabel {
    padding-right: 10px;
    padding-left: 15px;	
}
.td .formElementLabelSingle {padding:5px 10px 0px 15px; font-size:1.4em;border-top:1px solid #e7e7e7;}
.formElementLabel.labelMultiline {padding-top:8px;}
.td .formContainerBorder{border-top:1px solid #e7e7e7;}
.formElementWrapper {padding-bottom:7px;padding-top:7px;float:left;width:100%;}
.formContainerBorder{}

.td .formElementWrapper {/*border-top:1px solid #e7e7e7;*/}
.td .formElementWrapper:first-child{/*border-top:1px solid #e7e7e7;*/}
.td .formElementWrapper.radioButtonContainer.switcherAdjust:first-child{border-top:6px solid white;}
.td .formElementWrapper.radioButtonContainer.switcherAdjust:first-child .switcherWrapper{width:100%;}
.td .formElementWrapper.radioButtonContainer.switcherAdjust:first-child .formElementLabel{padding-right:5px;}

.formElementContainer {padding-right:10px;padding-left:15px;}


.dropdownElementWrapper{padding-right:9px;padding-left:15px;}
.mobiDropdownInnerLabelWrapper{display:none;}

.input-input {
    float: left;
    background-color: #FFF;
    padding: 4px 10px;
    width: 100%;
    border: 1px solid #01aaad;
    height: 30px;
    font-family: FNBSansLight;
    font-size: inherit;
}

input:-moz-placeholder,
input:-webkit-input-placeholder,
input:-ms-input-placeholder{color:#808080;}

input:required,
input:invalid {box-shadow:none;}

input:disabled,
input[disabled="disabled"],
.input-wrapper .input-input:disabled,
.input-wrapper .input-input[disabled="disabled"]{
	background-color: #E7E7E7;
	border-color: #CCC;
	color: #A1A1A1;
	font-family: FNBSansLight;
}

input[readonly="readonly"],
.input-wrapper .input-input[readonly="readonly"]{background-color:#EFEFEF;}

.inputNote {
	margin-top: 5px;
	float:left;
	position:relative;
	width:100%;
}
.inputNoteInner{padding: 20px;font-size:1.4em;}

.inputNoteArrow {
	background-image: url("/Sales/03images/base/input/inputNoteArrow.png");
	background-repeat: no-repeat;
	background-position: top left;
	width:12px;
	height:13px;
	position:absolute;
	top:-13px;
	left:10px;
}
.input-input:focus,
.input-input.input-focus{border-color:#FF9900;}

.branchSearchBank.inputNote{margin-top:15px;}
.branchSearchBank.inputNote .inputNoteArrow{
	width:20px; height:10px; top:-10px;
	background-image: url("/Sales/03images/base/input/inputNoteBranchSearch.png");
}
.branchSearchBank.inputNote .inputNoteInner{padding:10px;}
.branchSearchBank.inputNote .bankNameInput{background-color:transparent; border:0 none; font-size:1.2em; color:#666; width:100%;}

/*****Inputs END******/

/******Footer Buttons Notes******/
.notecontentFooter{
	bottom: 76px;
    position: absolute;
    width: 200%;
    border: 3px solid #FFF;
    color: #000;
}
.inputNoteArrowDown{
	background: url("/Sales/03images/base/input/inputNoteArrowDown.png") no-repeat scroll 0 0 transparent;
    height: 14px;
    left: 64px;
    position: absolute;
    top: -14px;
    width: 20px;
}
/******Footer Buttons Notes End******/

/***** Buttons STart******/
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"] {
    background-color: #FFF;
    color: #000;
    height: 30px;
    text-align: left;
    line-height: 18px;
    display: block;
    border: 0 none;
    cursor: pointer;
    font-family: inherit;	
}
input[type="file"] {
	background-color:#FFF;
	border:1px solid #ADDBDB;
	color:#000;
    font-size:14px;
    text-align:left;
    width: auto;
    height:30px;
} /* Rather use fileUpload.tag */

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:0 none;}

button::-webkit-focus-inner,
input[type="button"]::-webkit-focus-inner,
input[type="submit"]::-webkit-focus-inner,
input[type="reset"]::-webkit-focus-inner{border:0 none;}

/* input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="file"]:focus,
button:focus{border:1px solid #4DB8B8; outline:none;} */

/*****Buttons END******/
/* ----- CHECK BOXES ----- */
.checkbox-wrapper {}
.checkbox-label {padding:8px 0 0 10px; font-size:1.4em;}
.checkbox-leftlabel .checkbox-label{padding:7px 10px 0 15px;}
.checkbox-graphic-wrapper{position:relative;width:30px;height:30px;}
.checkbox-input{
	position:relative;
	cursor:pointer;
	width:30px;
	height:30px;
	z-index:5;
	margin:0;
	border:0 none;
	background:none;
}
.checkbox-graphic{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:block;
	width:30px;
	height:30px;
	border:2px solid #ADDBDB;
	background:url("../../03images/base/checkbox/checkbox_sprite.png") 0 200px no-repeat #FFF;
}
/* :checked */
.checkbox-graphic-wrapper.checked .checkbox-graphic{background-position:5px 5px; border-color:#009999;}

/* :focus */
.checkbox-graphic-wrapper .checkbox-input:focus+.checkbox-graphic,
.checkbox-graphic-wrapper.checked .checkbox-input:focus+.checkbox-graphic{border-color:#FF9900;}
.checkbox-graphic-wrapper .checkbox-input:focus{outline:1px dotted #009999;} /* IE8 accessibility fix */

/* :disabled */
.checkbox-graphic-wrapper.disabled .checkbox-graphic{border-color:#CCC; background-color:#E7E7E7;}

/* :checked:disabled */
.checkbox-graphic-wrapper.checked.disabled .checkbox-graphic{background-color:#E7E7E7; background-position: 5px -40px;}

/* select-all toggle */
.checkall-toggle-wrapper .checkall-check-link{}
.checkall-toggle-wrapper .checkall-uncheck-link{}

#eziWrapper .checkall-toggle-wrapper .checkall-link{display:block; height:2em; line-height:2em;} 

/* Checkbox in tables */
.tableCell .checkbox-wrapper.formElementWrapper{}
.tableCell .checkbox-wrapper .checkbox-label {padding:0px;float:none;}
.tableCell .checkbox-wrapper .formElementContainer {float:none;padding:0;}

.tableCell .checkbox-graphic-wrapper {margin:0;float:left;}
.tableCell.right .checkbox-graphic-wrapper {float:right;}
.tableCell.selectAllActive .checkbox-graphic-wrapper,
.tableCell.center .checkbox-graphic-wrapper {margin:0 auto;float:none;}

.selectAllLink.checkall-check-link{}
.selectAllLink.checkall-uncheck-link{}

/* Checkbox in eZiPanels */
#eziWrapper .checkbox-wrapper .formElementContainer,
#eziWrapper .checkbox-wrapper .formElementLabel{width:auto;}

/* Checkbox in TC Notes */
.note .checkbox-wrapper{}
.note .checkbox-wrapper .formElementContainer{padding-left:0;}
.note .checkbox-wrapper .formElementLabel{font-size:1em;}
.note .tcText{float:left;padding:10px 0 0 5px;}
/* ----- END check boxes ----- */

.note,.hint,.tc {
	padding: 10px 15px 10px 15px;
	margin: 20px 0;
	background-repeat: no-repeat;
	background-position: 20px center;
	float:left;
	font-size:1.6em;
	width:100%;
}

.note a,.hint a,.tc a {
	text-decoration: underline;
	color: #000;
	font-size:1em;
}
.note .radioButton{font-size:1em;}
.note.largeNoteAdjust, .tc.largeNoteAdjust,fin .hint.largeNoteAdjust {padding-top:10px;background-position: 20px 20px;margin-top:0px;}

.note p,.hint p,.tc p {
	font-size:1em;
	margin-bottom:10px;
	padding-left:0px;
}

.note h2{font-size:1.2em}
.note p,
.note li{font-size:0.9em}
.note.noteTop{margin: 0px;border-top:1px solid white;padding-left:15px;font-size:1.6em;background-image:none;}

.confirmPage .note h1, .confirmPage .note h2, .confirmPage .note h3{padding-left:0px;}

/********Dropdown**********/

.dropdown-keyboard-tab{width:1px;height:1px;border:none;position:absolute;background:none;}

.formFooterButtons .dropdown-wrapper { /*background: #FFF;*/
	padding-top: 0;
}
.formFooterButtons .dropdown-wrapper .grid40{
	width:20%;
}
.formFooterButtons .dropdown-wrapper .grid60{
	width:80%;
}
.formFooterButtons .dropdownElementWrapper {
	padding-left: 0;
}

.dropdown-wrapper .grid100 {
	width: 100%;
}

.dropdown-label-inner {
	padding-right: 10px;
}

.dropdown-single-wrapper .dropdown-label-inner {
	padding: 17px 0 0 20px;
}

.dropdown-two-wrapper .dropdown-label-inner {
	padding-top: 23px;
}

.dropdown-three-wrapper .dropdown-label-inner {
	padding: 17px 0 0 20px;
}

.dropdown-label-inner,.dropdown-wrapper.gridElementSpacing .dropdown-label-inner
	{
	padding-left: 20px;
}

.dropdown-initiator {
	cursor:pointer;
	position:relative;
	padding-left:0px;
}

.dropdownWithTooltipContent .dropdown-initiator{
	padding-right:38px;
}

.dropdownWithTooltipContent .dropdownElementWrapper{
	position:relative;
}

.dropdownWithTooltipContent .dropdownTooltipAlign{
	position: absolute;
	top: 0;
	right: 10px;
}

.dropdown-trigger:before{ 
   content: '>';
   text-align: center;
   background: #ff9900;
   color: white;
   height: 19px;
   width: 13px;
   left: -6px;
   top: 3px;
   position: absolute;
   pointer-events: none;
   display: block;
   font-size: 17px;
   letter-spacing: 0em;
   word-spacing: 1px;
   padding-top: 2px;
}

.dropdown-trigger:after {
  content: '';
  right: 1px;
  top: 1px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
  background: white;
  /* height: 20px;
  width: 20px; */
}

.dropdown-trigger-selected {
	background: url("../../03images/base/dropdown/down-arrow.png") no-repeat
		center center #F90;
}

.dropup-trigger-selected {
	background: url("../../03images/base/dropdown/up-arrow.png") no-repeat
		center center #F90;
}
.dropdown-single-wrapper .dropdown-trigger {
	margin: 5px;
}

.dropdown-two-wrapper .dropdown-trigger {
	margin-top: 5px;
}

.dropdown-three-wrapper .dropdown-trigger {
	margin-top: 5px;
}

.dropdown-single-wrapper .dropdown-selection,.dropdown-two-wrapper .dropdown-selection,.dropdown-three-wrapper .dropdown-selection
	{
	background: #73C7C7;
	margin: 0 10px 0 0;
	color: #000;
	height: auto;
	padding: 11px 0px 10px 20px;
}

.dropdown-selection-white {
	color: #000;
	height: auto;
	padding: 6px 0px 6px 20px;
	border: 1px solid #01aaad;
	background-color: #FFF;
	overflow: hidden;
	
}

.dropdown-wrapper-expanded .dropdown-selection-white {
	color: #000;
	height: auto;
}

.dropdown-three-wrapper .dropdown-selection-white {
	min-height: 56px;
	padding: 5px 0px 5px 20px;
}

.dropdown-content-wrapper {
	position: absolute;
	padding: 4px;
	border: 1px solid #01aaad;
	background-color: #FFF;
	display: none;
	z-index: 159;
	margin:  0px 0px 0px 0px;
}

.dropdown-content-footer-wrapper {
	bottom: 64px;
}
ul.dropdown-content{padding:0px;}
.dropdown-content {
	list-style: none;
	z-index: 50;
	overflow-x: hidden;
	overflow-y: auto;
}

.dropdown-content-top {
	background: #c8eceb;
	width: 100%;
	*width: 99%;
	margin: 0 0 4px 0;
}

.dropdown-content-top-indicator {
	height: 10px
}

.dropdown-content-top-indicator-inner {
	background: #73C7C7;
	height: 12px;
	margin: -5px 10px 0 15px;
	*display: none;
}

.dropdown-item,.dropdown-item-first {
	background: url("../../03images/base/dropdown/drop-circle-small.png")
		no-repeat 5px center #c8eceb;
	color: #000;
	*width: 98%;
	height: auto;
	padding: 5px 0 5px 5px;
	cursor: pointer;
	margin: 0 0 1px 0;
	min-height: 30px;
	list-style: none;
}

.dropdown-three-wrapper .dropdown-content .dropdown-item {
	margin: 0 0 5px 0;
}

.dropdown-item.selected-item {
	background: url("../../03images/base/dropdown/drop-circle-small.png")
		no-repeat 5px center #d7efef;
}

.dropdown-item:hover {
	background: url("../../03images/base/dropdown/drop-circle-small.png")
		no-repeat 5px center #d7efef;
}

.dropdown-item-row {
	width: 99%;
	*width: 60%;
}

.dropdown-single-wrapper .dropdown-content .dropdown-item-row {
	line-height: 14px;
	margin: 8px 0 8px 0;
}

.dropdown-item-cell-left,.dropdown-item-cell-right {
	float: left;
	width: 30%;
	*width: 50%;
	line-height: 14px;
}

.dropdown-selection .dropdown-item-cell-right,.dropdown-selection .dropdown-item-cell-left
	{
	float: left;
	width: 50%;
	*width: 49%;
	line-height: 16px;
}

.dropdown-single-wrapper .dropdown-item-icon {
	height: 29px;
	width: 30px;
	float: left;
}

.dropdown-two-wrapper .dropdown-item-icon {
	background: url("../../03images/base/dropdown/drop-circle-small.png")
		no-repeat 90% center;
	height: 29px;
	width: 30px;
	float: left;
}

.dropdown-three-wrapper .dropdown-item-icon {
	background: url("../../03images/base/dropdown/drop-circle-large.png")
		no-repeat 90% center;
	height: 62px;
	float: left;
}

.dropdown-selection .dropdown-item-icon,.dropdown-selection-white .dropdown-item-icon
	{
	width: 0;
	height: 0;
	float: left;
}

.dropdown-content-wrapper .dropdown-h4 {
	line-height: 14px;
	margin: 8px 0 8px 0;
}

.dropdown-three-wrapper .dropdown-content .dropdown-item-row {
	line-height: 14px;
	margin: 8px 0 8px 0;
}

.dropdown-h1 {
	font-family: inherit;
	font-size: inherit;
}

.dropdown-h2 {
	font-family: inherit;
	font-size: inherit;
}

.dropdown-h3 {
	font-size: inherit;
	font-family: inherit;
}

.dropdown-h4,.dropdown-h5 {
	font-size: inherit;
	font-family: inherit;
}

.dropdown-item-icon-wrapper {
	
}

.dropdown-item-row-wrapper {
	margin: 0 0 0 40px;
}

.dropdown-selection-white .dropdown-item-row-wrapper {
	margin: 0;
}

.dropdown-selection-white .dropdown-item-row-h1 {
	margin: 0;
}

.dropdown-selection-white .dropdown-item-row-h2 {
	margin: 0;
}

.dropdown-item-row-h1 {
	margin: 0 0 0 40px;
}

.dropdown-item-row-h2 {
	margin: 0 0 0 40px;
}

.ammountsHolder .dropdown-item-row {
	width: 50%;
	float: left;
}

.ammountsHolder .dropdown-h3 {
	width: 100%;
}

.ammountsHolder .dropdown-h4 {
	width: 100%;
}

.dropdown-wrapper.disabled .dropdown-selection-white {
	background: #f6f6f6;
	border-color: #eee;
}

.dropdown-wrapper.disabled .dropdown-trigger {
	background: #ddd;
}

.dropdown-wrapper.disabled .dropdown-h4 {
	color: #999;
}

.dropdown-focus {
	border: 2px solid #FF9900;
}
.singleTier-trigger{
	top: 3px;
}
/********Dropdown End**********/
/********Dropdown Input**********/
.dropdown-input-wrapper {
	position: relative;
}

.dropdown-content-top .marginLeft10 {
	margin-left: 10%;
}

.dropdown-content-top .marginLeft20 {
	margin-left: 20%;
}

.dropdown-content-top .marginLeft30 {
	margin-left: 30%;
}

.dropdown-content-top .marginLeft40 {
	margin-left: 40%;
}

.dropdown-content-top .marginLeft50 {
	margin-left: 50%;
}

.dropdown-content-top .marginLeft60 {
	margin-left: 60%;
}

.dropdown-content-top .marginLeft70 {
	margin-left: 70%;
}

.dropdown-content-top .marginLeft80 {
	margin-left: 80%;
}

.dropdown-content-top .marginLeft90 {
	margin-left: 90%;
}

.dropdown-input-container {
	padding: 2px 2px 2px 2px;
}

.dropdown-input {
	background-color: #FFF;
	border: 0 none;
	height: 34px;
	width: 100%;
	text-indent: 10px;
	line-height: 34px;
	padding: 0;
}

.dropdown-input-icon-search {
	background: url("../../03images/base/dropdown/search-icon.png")
		no-repeat scroll 0 0;
	width: 34px;
	height: 34px;
	position: absolute;
	right: 2px;
	top: 2px;
}

.dropdown-scroller {
	overflow-y: auto;
	overflow-x: hidden;
}

.dropdown-static {
	position: static;
	width: 100%;
}
/********Dropdown Input End**********/

/********Dropdown Footer Input Start**********/

/********Dropdown Footer Input End**********/
#formFooterButtons /********Dropdown Disabled Start**********/ 
.dropdown-disabled .dropdown-selection,.dropdown-disabled .dropdown-selection-white
	{
	background-color: #C7C7C7;
	border-color: #C7C7C7;
}

.dropdown-disabled .dropdown-trigger {
	background-color: #888;
}

.dropdown-disabled .dropdown-trigger,.dropdown-disabled .dropdown-initiator
	{
	cursor: default;
}
/********Dropdown Disabled End**********/

/********Radio Buttons**********/

.switcherAdjust{border-top:6px solid white;border-right:6px solid white;}
.switcherAdjust .radioButton{padding: 5px 12px;}
.switcherAdjust .formElementLabel{color:#fff;padding-top:13px}
.switcherAdjust.formElementWrapper{padding-bottom:0px;padding-top:0px;}

.switcherAdjust.formElementWrapper.searchField{border:none;}

.td .switcherAdjust {border-left:6px solid white;}
.td .switcherAdjust .grid10 {width:20%}
.td .switcherAdjust .grid90 {width:80%}
.td .switcherAdjust .grid90 .radioButtonsGroup{width:100%;}
.td .switcherAdjust .grid90.formElementContainer{padding-right:4px;}
.td	.switcherAdjust .radioButton{padding: 5px 12px;}

.formTable .radioButtonContainer .radioButton{padding: 3px 8px 3px 5px;}


.formTable .radioButtonContainer .businessInadequate {
    padding-left:15px;padding-top:15px
}

.formTable .radioButtonContainer .businessAdvance {
   padding-left:15px;padding-bottom:15px;padding-top:10px
}

.radio-focus {
	background: #FFF!important;;
}
.radioGroupValue{width:1px;height:1px;border:none;position:absolute;background: none;}
.radioButtonContainer{float:left;}
.radioButtonsGroup {
  float: left;
  padding: 1px;
  border-radius: 50px;
  background: #01aaad;  
  /* width:100%; */
}

.radioExtraWideFix .left{padding-left:20px;padding-top:10px;}
.radioExtraWideFix .padLeft10Fix{padding-left:10px};

.tableCell .radioButtonsGroup {
	margin-left: 4px;
}

#registerCIPC .radioButton {
	font-size: 1.1em;
	padding-left: 16px;
}

.radioButton {
    width: 100%;
    cursor: pointer;
    float: left;
    padding: 0 12px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    line-height: 10px;
}

.switcherWrapper {
	float: left;
	margin: 2px;
	color: white;
}

.switcherWrapperSelected {
	color: black;
    float: left;
    background: none;
    border: 1px solid #01aaad;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    background: white;
	
}
/********Radio Buttons End**********/

/*BUTTONS*/
/*You can add css if you need a different icon for your button. Keep to the naming convention*/
.button {
	cursor: pointer;
}

.button .bigCircLeft,.button .bigPlusLeft,.button .bigMinusLeft,.button .smallMinusRight
	{
	background-repeat: no-repeat;
}

.button .bigCircLeft,.button .bigPlusLeft,.button .bigMinusLeft {
	height: 33px;
	padding: 14px 0 0 57px;
}

.button .bigCircLeft {
	background-image: url("../../03images/base/buttons/icon-circ.png");
}

.button .bigPlusLeft {
	background-image: url("../../03images/base/buttons/icon-circ-plus.png");
}

.button .bigMinusLeft {
	background-image: url("../../03images/base/buttons/icon-circ-minus.png");
}

.button .smallMinusRight {
	background: url("../../03images/base/buttons/icon-circ-small-minus.png")
		right;
	height: 21px;
	padding: 0 31px 0 0;
}

.button .smallTurqPlus {
    background: url("/Sales/03images/sales/02icons/reserved_icon_Plus_colour_orange.png") transparent no-repeat;
    min-height: 28px;
    padding: 6px 0 0 35px;
    background-size: 28px 28px;
}

.button .smallTurqPlus:hover {
	background-size:22px 22px;
}

.button .bigPlusLeft {
	
}

.button .bigCircLeft:hover {
	background-image: url("../../03images/base/buttons/icon-circ-hover.png");
}

.button .bigPlusLeft:hover {
	background-image:
		url("../../03images/base/buttons/icon-circ-plus-hover.png");
}

.button .bigMinusLeft:hover {
	background-image:
		url("../../03images/base/buttons/icon-circ-minus-hover.png");
}

.button .smallMinusRight:hover {
	background-image:
		url("../../03images/base/buttons/icon-circ-small-minus-hover.png");
}


.countryitem {		
    width: 80%;		
}		
.countryitemRemoveBtn{		
	width: 20%;		
    text-align: center;		
    cursor: pointer;		
    		
    padding: 3px 10px;		
    color: black;		
    border: 1px solid black;		
    -webkit-border-radius: 6px;		
    -moz-border-radius: 6px;		
    border-radius: 6px;		
    display: inline-block;		
    margin: 1px 0 0 0;		
    -webkit-box-sizing: border-box;		
    -moz-box-sizing: border-box;		
    box-sizing: border-box;		
    -webkit-transition: all .2s;		
    -moz-transition: all .2s;		
    -o-transition: all .2s;		
    transition: all .2;		
}		
.countryitemRemoveBtn:hover {		
    background: black;		   
    color: white;		   
}

.button.blueButton {
	background: none repeat scroll 0 0 #70d4d4;
	color: white;
	cursor: pointer;
	height: 37px;
	margin: 2px 2px 0 0;
	top: -39px;
	white-space: nowrap;
	width: 20%;
	text-align: center;
	font-size: 18px;
	line-height: 35px;
}

.button.blueButton p {
	
}

.button.blueButton:hover {
	background: none repeat scroll 0 0 #099;
}

.orangeArrowBlock {
	background: url("../../03images/fnb/icons/inputIconOrange.png") no-repeat 0 0 transparent;
	height: 24px;
	left: -15px;
	position: absolute;
	top: 4px;
	width: 22px;
}
.tableAddButtonContainer {background-color:#FFF; width:100%; clear:both;}
.tableAddButton {padding:10px 0px; float:left;}

/*END BUTTONS*/
/* TABLES START*/
.pagingWrapper .td {
	vertical-align: middle;
}
.pagingWrapper .formTable {
	clear:none;
}
.pagination2{
	font-size: inherit;
}
div.formTable {
	display: table;
	clear:both;
	/* margin-left: 8%; */
}

#Paperwork div.formTable {
	display: table;
	clear:both;
	margin-left: -2%;
}


h2+.formTable.grid100{clear:both;}

.tr {
	display: table-row;
}

.td {
	display: table-cell;
	vertical-align: top;
}

.td.grid50 {
	width: 50%;	
}

.td.grid100 {
	width: 100%;
}

.ghostBlock {
	width: 33.33%;
	display: table-cell;
	background-color: #fff;
	border-left: 1px solid #fff;
	-webkit-box-sizing: border-box; /* Safari 3 to 5 */
	-moz-box-sizing: border-box; /* all Firefox */
	box-sizing: border-box;
}



div#eziProgressWrapperContents .pageGroup {
    width: 97%;
    left: 2%;
}

/* TABLES END*/

/* generic table settings */
.col1,
.col2,
.col3,
.col4,
.col5 {width:20%;}
.groupedCol1 {width:100%;}


div#debtobligation .col1,
div#debtobligation .col3,
div#debtobligation .col4,
div#debtobligation .col5 {
    width: 25%;
}

div#debtobligation .col0{
	width: 16%;
}

.confirmPage.singlePayment .col1,
.confirmPage.singlePayment .col2,
.confirmPage.singlePayment .col3,
.confirmPage.singlePayment .col4{width:25%; text-align:left;}
/* generic table settings */

.tableNoDataText{
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 2em;
	text-align: center;
	clear: both;
	border-bottom: 1px solid #099;
	margin-bottom: 0px;
}

.tableRow {
	display: block;
	width: 100%;
	clear: both;
	float: left;
	position: relative;
	background: #fff;
	border-bottom: 1px solid #dadada;
	min-height: 42px;
	padding:13px 5px;
}

.tableCell{padding:0px 5px;}

.tableRowInner {
	line-height: 41px;
}

.groupedHeaderInner.borderLeft {
	border-left: 1px solid white;
}

.groupedHeaderInner.borderRight {
	border-right: 1px solid white;
}

.groupedHeaderInner .headingGroupInner {
	padding-left: 4px;
	padding-right: 4px;
	font-family: inherit;
}

.taxObligationHeader .tableHeaderRow  {
	height: 50px;
}

.tableHeaderRow {
    display: block;
    width: 100%;
    clear: both;
    float: left;
    color: black;
    line-height: 25px;
    font-family: inherit;    
    height: 30px;

    text-align: left;
    font-weight: bold;
    background: #EFEFEF;
    border-bottom: 2px solid black;
}

.tableGroupHeader {
	height: 50px;
	line-height: 50px;
	position: relative;
	background: #f6f6f6;
}

.tableGroupHeader.selectAdjust {height:70px;}

.tableGroupHeader img {
	position: absolute;
	bottom: -7px;
	left: 5px;
	z-index: 1;
}

.tableGroupHeader img.folderImg {
	position: relative;
	margin-right: 10px;
	position: relative;
	top: 10px;
}

.tableHinnerImage {
	position: absolute;
	bottom: -5px;
	left: 1px;
	z-index: 1;
	width: 13px;
	height: 7px;
	background: url(/Sales/03images/base/tables/arrowDown.png);
}


.tableHeaderRow.tableGroupHeader div {
	color: #000;
	font-family: inherit;
	font-size: inherit;
}

.tableNoBorder {
    border-bottom: none;
    padding: 0;
}


.tableHide {
	display: none;
}

#eziWrapper .tableHeaderRow.tableGroupHeader span {
	color: #000000;
}

.tableHeaderRow a {
	color: white;
	cursor: pointer;
	font-size:inherit;
}

.tableCell.selectAllActive .tableHeaderCellItem {
    background-color: #009999;
    text-align: center;
}

.tableHeaderRow a.selectAllLink {
	display: block;
	position: absolute;
	font-family: FNBSansRegular;
	width: 100%;
	background-color: #e3e5e4;
	text-align: center;
	padding-bottom: 2px;
	padding-top: 2px;
	top: -27px;
	color: #000;
	text-decoration: underline;
	left:-2px;
}

.tableHeaderRow a.copyRows {
	display: block;
	position: absolute;
	font-family: FNBSansRegular;
	width: 100%;
	background-color: #e3e5e4;
	text-align: center;
	padding-bottom: 2px;
	padding-top: 2px;
	top: -27px;
	color: #000;
	text-decoration: underline;
	left: 0px;
}

.tableHeaderRow div {
    color: black;
    font-family: inherit;
}
.tableHeaderRow div.sizeFix{font-size:inherit;}
.tableCell,.groupColCell {
	display: block;
	float: left;
}

.tableCellItem.warning1,
.tableCellItem.warning2,
.tableCellItem.warning3,
.tableCellItem.warning4,
.tableCellItem.warning5,
.tableCellItem.warning7,
.tableCellItem.warning8,
.tableCellItem.warning9,
.tableCellItem.warning10{color:#FF9900;font-family:inherit;}


.tableCellItem {
 	width: 25%;
   display: block;
   float: left;
   white-space: wrap;
   font-size: inherit;
}

.sofItem {
    width: 80%;
}
.sofItemRemoveBtn {
	width: 20%;
    text-align: center;
    cursor: pointer;
    
    padding: 3px 10px;
    color: black;
    border: 1px solid black;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    margin: 1px 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2;
}

.sofItemRemoveBtn:hover {
    background: black;
    color: white;
}

.tableCell.right,
.tableCellItem.right,
.right .tableCellItem {text-align:right;}
.tableCell.center,
.tableCellItem.center{text-align:center;}

.tableCellItem.doubleItemTop,
.tableCellItem.doubleItemBottom {padding-top:0; padding-bottom:0;}

.tableCellItem.tableRadioButtonCell {padding-top:5px; line-height:1.45em;}

.tableCellItem.tableRadioButtonCell .radioButton{font-size:inherit;}

.tableCellItem .input-container {
	float: left;
	position: relative;
	width: 100%;
}

.tableCellItem .input-input {font-size:1em;}

.tableCellItem.tooltipPad{position:relative;padding-right:38px}
.tableCellItem.tooltipPad .tooltipParent{position:absolute;top:5px;right:0px;color:#000}

.tableCell.selectAllActive {

	text-align: center;
}

.tableCell.selectAllActive .checkbox-wrapper {
    margin: 5px 0;
    text-align: center;
}

.tableCell .input-wrapper{margin-top:5px;}

.tableCell.selectAllActive .checkboxGraphic {
    background-color: #FFFFFF;
    border: 2px solid #D7EFEF;
    cursor: pointer;
    height: 10px;
    margin: 0 auto;
    padding: 11px;
    text-align: center;
    width: 10px;
    float:none;
}

.tableCell.selectAllActive .checkbox-wrapper.floatLeft{
    float: none;
}

.tableCell.selectAllActive .checkbox-label {
    padding: 0px;
    float:none;
}


.tableHeaderCellItem {
	display: block;
	float: none;
	position: relative;
}

.tableHeaderCellItem .selectAllActive {
	text-align: center;
}

.tableCellItem img {
	float: left;
}

.tableCell .rowMoreButton {
	width: 47px;
	height: 42px;
	position: absolute;
	right: 0;
	cursor: pointer;
	top: 2px;
}

.tableCell .rowMoreButton .phoneRowMoreButton {
	height: 34px;
	background: url(/Sales/03images/fnb/arrows/tableRightWhite.png) right
		center no-repeat #ace2e2;
	line-height: 34px;
	text-align: center;
	cursor: pointer;
}

.tableCell .rowMoreButton .phoneRowMoreButtonWrapper {
	margin-bottom: 8px;
	background: #76c4c4;
	padding: 4px;
	display: none;
}

.tableCell .rowMoreButton .arrow {
	height: 100%;
	background: url(/banking/03images/fnb/arrows/tableRightOrange.png) left center no-repeat;
}

.hiddenLabel {
	display: none;
	width: 47px;
	text-align: left
}

.stack {float:none; line-height:21px;}
.hideCol {display:none;}

.large,
.large a {font-size:1.8em;}

.turq .tableList,
.turq .tableControls {background-color:#009999}
.turq .tableRow {background-color:#27A3A3;border-bottom:5px solid #009999}

.turq p {color:#FFF;}
.turq p.mediumText {color:#FFF;font-size:20px;}
.turq a {color:#FFF;}
.turq .tableHeaderRow {display:none;}

.turq .badStatus {
	width: 100%;
	text-align: left;
	background: url("/Sales/03images/fnb/ui/no.png") no-repeat 95% 2px
}

.turq .goodStatus {
	width: 100%;
	text-align: left;
	background: url("/Sales/03images/fnb/ui/yes.png") no-repeat 95% 2px
}

.confirmNotifications .tableHeaderRow {height:20px; line-height:20px;}

.tableCellItem.goodStatus {background:url("/banking/03images/fnb/finish/tickColorIcon.png") no-repeat 5px 5px; padding-left:40px;}
.tableCellItem.badStatus {background:url("/banking/03images/fnb/finish/crossColorIcon.png") no-repeat 5px 2px; padding-left:40px;}
.tableCellItem.pendingStatus {background:url("/banking/03images/fnb/finish/pendingColorIcon.png") no-repeat 5px 5px; padding-left:40px;}

.tableCellItem.print {
	background: url("/banking/03images/fnb/finish/icon_print.png") no-repeat center 2px transparent;
	color: transparent;
	cursor: pointer;
	padding-bottom: 11px;
	text-indent: -10000px;
}

.tableCellItem.download {
	background: url("/banking/03images/fnb/finish/icon_download.png") no-repeat center 2px transparent;
	cursor: pointer;
	padding-bottom: 12px;
}

.tableCellItem.print a.formButton,
.tableCellItem.download a.formButton{color:transparent; text-indent:-10000px;}

.tableContainer .eziLinks {overflow:hidden; padding-top:5px;}

.tableContainer .eziLinks .eziLink {
	background-color:#D2E5E4;
	border-right:1px solid #FFF;
	border-top:1px solid #FFF;
	color:#000;
	font-size:1.4em;
	text-align:center;
	width:90px;
	height:2.15em;
	line-height:2.15em;
	cursor:pointer;
	display:block;
	float:left;
}

/* .tableContainer .eziLinks .eziLink.first,
.tableContainer .eziLinks .eziLink:first-child{border-left:1px solid #CCC;} */
.tableContainer .eziLinks .eziLink:hover {background-color:#B7DBD9;}
.tableContainer .eziLinks .eziLink.disabled{background-color:#CCC;color:#999;cursor:default;}
.turq .tableContainer .eziLinks .eziLink {border:1px solid #FFF;}

.totalCellInner {
	height: 42px;
	line-height: 42px;
	font-size: 18px;
	text-align: right;
}

.totalRow {background-color:#E7E7E7;}

.tablePhoneButtonSet {
	display: none;
	float: left;
	width: 100%;
}

.tablePhoneButtonSet .buttonSetInner {
	background: #76c4c4;
	padding: 4px;
	margin-bottom: 8px;
	display: none;
	overflow: hidden;
	height: 0;
}

.tablePhoneButtonSet .colLeft {
	width: 50%;
	float: left;
}

.tablePhoneButtonSet .colRight {
	width: 49%;
	margin-left: 1%;
	float: left;
}

.tablePhoneButtonSet .phoneTableBtt {
	width: 100%;
	height: 41px;
	background: #ace2e2;
	float: left;
	line-height: 41px;
	text-align: center;
	cursor: pointer
}



/* MOBI TABLES
DEVELOPER: DONOVAN */
.phoneContentButton {
	background: url("/Sales/03images/base/tables/payExpandIcon.jpg")
		no-repeat 80% 100%;
	width: 100%;
	position: absolute;
	cursor: pointer;
	display: none;
}

.mobiBtt {
	display: none;
	background: url(/Sales/03images/fnb/ui/mobiMoreBtt.png) left top
		no-repeat;
	width: 48px;
	height: 42px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	z-index: 10
}

.mobiPopupWrapper {
	position: absolute;
	background: #d7efef;
	position: top;
	top: 135px;
	z-index: 149;
	left: 40px;
	right: 0;
	bottom: 72px;
}

.mobiPopupInnerWrapper {
	height: 100%;
	overflow-y: scroll;
}

.moreOptionsBtt {
	display: none;
	width: 50%;
	height: 42px;
	position: absolute;
	top: 41px;
	right: 0px;
	cursor: pointer;
	border-top: 1px solid #ccc;
	line-height: 41px;
	text-align: left;
	color: #009999;
	font-size: 16px;
	text-indent: 3%;
	background: url("/Sales/03images/fnb/ui/eziGradient.gif") repeat-x
		scroll 1px top transparent;
	border-left: 1px solid #ccc;
	z-index: 10
}

.payBtt {
	display: none;
	width: 50%;
	height: 42px;
	position: absolute;
	top: 41px;
	left: 0px;
	cursor: pointer;
	border-top: 1px solid #ccc;
	line-height: 41px;
	text-align: left;
	color: #009999;
	font-size: 16px;;
	text-indent: 50px;
	background: url("/Sales/03images/fnb/ui/eziGradient.gif") repeat-x
		scroll left top transparent;
	z-index: 10
}

.tableRow .large a {
	white-space: wrap;
	color: #000;
	text-decoration: underline;
}

.tableRow a {
	white-space: wrap;
	color: #000;
	cursor: pointer;
	text-decoration: underline;
	font-size:inherit;
}

.tableRow a.formButton {text-decoration:none;}

/* =================*/
/* Developer: Donovan
/* POPUP
/* ================ */
#popupWrapper {
	color: #000;
    z-index: 155;
    padding: 8px 4px 8px 30px;
    background: white;
    width: 71%;
    top: 10%;
    margin: 0 0 0 13%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -webkit-box-shadow: 0px 0px 200px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 200px rgba(0,0,0,.8);	
    box-shadow: 0px 0px 200px rgba(0,0,0,.8);
    position: absolute;
    overflow: hidden;	
}

/* #popupWrapper.relativePos350{
	position: relative;
	bottom:350px;
} */

#popupWrapper #extendedPageHeader h1 {
	padding: 0 0 10px 0;
	background: none;
}

#popupWrapper #extendedPageHeader{
	padding: 0 0 10px 0;
}

#popupWrapper #eziPannelButtonsWrapper {
	bottom: 10px;
	position: relative;
	width: auto;
}

#popupWrapper #eziPannelButtons {
	background: none transparent;
	border: 0 none;
	top: 20px;
}
/* =================*/
/* Developer: Donovan
/* Download Button
/* ================ */
.download a.formButton,.print a.formButton {
	background: none;
	color: transparent;
	padding: 10px 0 0;
}
.download-w {
	background: url("/Sales/03images/fnb/finish/icon_download.png") no-repeat scroll left center transparent;
	color: transparent;
	cursor: pointer;
	width: 100px;
	height: auto;
	right: 50px;
	top: 10px;
	position: absolute;
	font-size: 16px;
	width:auto;
}
.download-w .formButton{
	background: none;
	padding:0;
	position: relative;
	left: 35px;
	color:#000;
	font-size:0.5em;
	
}

/* DONOVAN Finish Page buttons*/

.confirmFinishHeaderButtonContainer{
	position: absolute;
	right: 0;
	top: 0;
}
.confirmFinishHeaderButtonContainer .print .formButton{
	font-size: 14px;
	background: none;
	padding:0;
	color: #000;
	text-decoration:none;
	position: absolute;
}
.confirmFinishHeaderButtonContainer .download .formButton{
	font-size: 14px;
	background: none;
	padding:0;
	color: #000;
	text-decoration:none;
	position: absolute;
}
.confirmFinishHeaderButtonContainer .print {
	background: url("/Sales/03images/fnb/finish/icon_print.png") no-repeat scroll 90% 10px transparent;
	color: transparent;
	cursor: pointer;
	padding-bottom: 10px;
	float: left;
	width: 70px;
	height: 50px;
}
.confirmFinishHeaderButtonContainer .download {
	background: url("/Sales/03images/fnb/finish/icon_download.png") no-repeat scroll 90% 10px transparent;
	color: transparent;
	cursor: pointer;
	padding-bottom: 10px;
	float: left;
	width: 100px;
	height: 50px;
}

/* 
DONOVAN CONFIRM FINISH TABLE BUTTONS GROUP */
.orrangeBgArrowLeft {
	background: url("../../03images/testing/orrangeBgArrowLeft.png")
		no-repeat;
	min-height: 34px;
	padding: 0 0 0 48px;
	margin: 0 10px 30px 0;
}
/* DATE PICKER */
.datePicker {float:left;}

.calendarLabel .calendarLabelText {
	margin: 0;
	text-align: left;
	padding: 10px 0 0px 0;
}


.datePickerDate.marginNoLabel {
	margin: 10px 0 0 0;
}

.dropArrow {
	background: url("../../03images/base/dropdown/right-arrow.png")
		no-repeat center center #F90;
	width: 20px;
	height: 25px;
	cursor: pointer;
	margin-left: -13px;
	margin-top: 6px;
	float: left;
}
.datepickerWrapper {
	padding: 0 1px 0 0;
	height: 80px;
	cursor: pointer;
	min-width: 96px;
	border: 2px solid #ADDBDB;
	background: #FFF;
}

.datePickerWeekday {
	float: left;
	padding: 15px 0 0 15px;
	font-size:1.8em;
}

.monthName {
	color: #000000 !important;
	font-size: 20px;
	text-align: left;
	padding: 14px 10px 0;
}

.datePickerDayYear {
	
}


.datePickerDay {
	color: #000000 !important;
	float: left;
	font-size: 25px;
	padding: 10px 5px 0;
	wwidth: auto;
}

.datePickerYear {
	color: #000000 !important;
	float: left;
	font-size: 18px;
	width: auto;
	padding: 3px 0 0 0;
}

.toolTipSpacer .datePickerDate {
	padding: 0 30px 0 0;
}
.datePicker.toolTipSpacer{
	position: relative;
}
.datePicker .tooltipParent {
	position: absolute;
    right: 0;
    top: 7px;
}
/* ----- FOOTER DATE PICKER ----- */
#formFooterButtons .datePicker {
	float:right;
	background:none repeat scroll 0 0 #73C7C7;
	position:relative;
	padding:0px;
	margin:0 1px 0 0;
}
#formFooterButtons .datePicker.formElementWrapper{width:15%}

#formFooterButtons .datePicker .calendarLabel {
	width:20%;
	float:left;
	color:#fff;
	padding:5px 0px 0px 5px;
	font-family:FNBSansLight;
	
}
#formFooterButtons .datePickerDate {
	height:65px;
	float:right;
	margin:0px;
	width:80%;
	padding-right:0px;
}
#formFooterButtons .datePickerDay {font-size:3.3em; padding:0 5px 0;}
#formFooterButtons .datePickerDayYear {padding:4px 0 0 0;}
#formFooterButtons .datePickerWeekday {
	font-size:1.4em;
	padding:10px 0 0 8px;
	width:80%;
	text-align:left;
}
#formFooterButtons .datepickerWrapper {border:2px solid #73C7C7;}
#formFooterButtons .monthName {font-size:1.4em; padding:7px 0 0 9px;}
#formFooterButtons .datePickerYear {font-size:10px;}
#formFooterButtons .calendarLabel .calendarLabelText {font-size:1em;padding:0px;}
/* ----- END Footer Date Picker ----- */

/* ----- DUPLICATION WIDGET ----- */
.dwRemoveButton {
	background: url("../../03images/base/icons/removeIcon.png") no-repeat
		right center transparent;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: right;
	padding-right: 30px;
	margin-right: 10px;
	text-decoration: none;
	cursor: pointer;
}

#dwAddButton {
	background: url("../../03images/base/addnotifications/addIconLarge.png")
		no-repeat center center transparent;
	border: 2px dashed #FFF;
	margin: 6px 0 6px 6px;
	height: 100px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}

#dwAddButtonLabel {
	display: block;
	background: url("../../03images/base/icons/addIcon.png") no-repeat right
		center transparent;
	height: 38px;
	line-height: 38px;
	display: block;
	text-align: right;
	padding-right: 30px;
	margin-right: 8px;
}
/* ----- TC NOTES ----- */
.tc .checkbox-wrapper{
	float:left;
}
.tc .tcText{
	float:left;
	padding: 10px 0 0 5px;
}
/* ----- END Duplication Widget ----- */
/* ----- DUPLICATION WIDGET ----- */
/* ----- MOBILE START----- */
.mobiDropdownInnerLabelWrapper,
.mobiFooterButton{display:none;}
/* Develeoper: Donovan */
/* GRAPHS
STACKED GROUP */
.stackedGroup{

}
.stackedGroupGraphWrapper{
	margin: 0 0 0 5px;
	float: left;
	cursor:pointer;
}
.stackedGroupGraphWrapper:hover .stackedGroupCell{
	background-image:url("images/stackedGraphEmptyCellSelected.png");
}
.stackedGroupGraph{
	width: 41px;
	height: 41px;
	float: left;
}
.stackedGroupCell{
	width: 8px;
	height: 8px;
	float: left;
	background-image:url("images/stackedGraphEmptyCell.png");
}
.stackedGroupEmptyCell{
	width: 8px;
	height: 8px;
	float: left;
	background-image:url("images/stackedGraphCell.png");
}
.stackedGroupCellSelected{
	width: 8px;
	height: 8px;
	float: left;
	background-image:url("images/stackedGraphEmptyCellSelected.png");
}
.stackedGroupEmptyCellSelected{
	width: 8px;
	height: 8px;
	float: left;
	background-image:url("images/stackedGraphCellSelected.png");
}
.stackedGroupCellLegend{
	font-family:Arial, Helvetica, sans-serif;
	color:#606060;
	font-size: 10px;
	text-align: center;
}
.stackedGroupCellLabel{
	font-family:Arial, Helvetica, sans-serif;
	color:#4f8f8e;
	font-size: 10px;
	text-align: center;
}

/* PYRAMID */
.pyramidColumn {
	width: 0; 
	position:absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	cursor:pointer;
}
.pyramidColumn:hover{
	width: 0; 
	position:absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.pyramidColumnBorder{
	position:absolute;
	border-bottom: 5px solid #fff;
}
.pyramidColumnLabel{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	color:#606060;
	font-size: 14px;
}
.pyramidDot{
	position:absolute;
	background:url("images/pyramidDot.png") no-repeat center center;
	height: 25px;
}
.pyramidValue{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	color:#606060;
	font-size: 14px;
}
/* VERTICAL BAR */
.verticalBarGroup{
	height: 100%;
	background: #fff;
	margin-left: 60px;
}
.verticalBarColumn{
	border-bottom: 1px solid #e7e7e7;
	width: 40%;
	font-family:Arial, Helvetica, sans-serif;
	color:#bfbfbf;
	font-size: 14px;
}
.verticalBarColumnLabel{
	position: relative;
	top: -8px;
	left: 103%;
}
.verticalBarXaxisIndicator{
	position: relative;
}
.noXAxisIndicator .verticalBarColumnLabel{
	position: relative;
	top: 91%;
	left: 103%;
}
.verticalBarXaxisIndicatorLabel{
	color: #fff;
	position: relative;
	top: 38%;
	left: 6px;
	font-size: 11px;
}
.verticalBarColumnPosFullAxisIndicator .verticalBarXaxisIndicatorLabel{
	color: #fff;
	position: relative;
	top: 32%;
	left: 10px;
	font-size: 22px;
}
.fullLabel{
	position: relative;
	top: -40px;
	left: 103%;
}
.verticalBarColumnPosAxisIndicator{
	background:url("images/verticalBarXaxisPosHalfInicator.png") no-repeat left center;
	background-size: 50% 100%;
}
.verticalBarColumnNegAxisIndicator{
	background:url("images/verticalBarXaxisNegHalfInicator.png") no-repeat left center;
	background-size: 50% 100%;
}
.verticalBarColumnPosFullAxisIndicator{
	background:url("images/verticalBarXaxisPosInicator.png") no-repeat center center;
	background-size: 100% 100%;
}
.verticalBarColumnNegFullAxisIndicator{
	background:url("images/verticalBarXaxisNegInicator.png") no-repeat center center;
	background-size: 100% 100%;
}
.verticalWrapper{
	position: absolute;
	left: 165px;
	width: 130px;
	border-top: 1px solid #009999;
}
.verticalBar{
	width: 11px;
	background: #009999;
	height: 300px;
}
.verticalBarLabel{
	color: #009999;
	position: absolute;
	top: -8px;
	left: 135px;
	width: 80px;
	font-size: 14px;
}
.verticalBarXaxisLabel{
	color: #009999;
	position: relative;
	top: -48px;
	left: 40px;
	width: 80px;
	font-size: 14px;
}
.noXAxisIndicator .verticalBarColumnLabel.fullLabel{
	position: relative;
	top: 24px;
	left: 103%;
}

.rightBox.pending{
	background: #70706F;
}

.rightBox.partial{
	background: #E7E7E7;
}

.rightBox.success{
	background: #009999;
}

.rightBox.error350{
	background: #E7E7E7;
}

.rightBox.error{
	background: #FF9900;
}
/* LOGOFFTIMER */

#sessionTimedOutOverlay {
	background-color: #70d4d4;
	font-family: FNBSansRegular;
	color: #fff;
	position: absolute;
	top: 6%;
	z-index: 301;
    padding: 40px 4px 20px 40px;
    width: 71%;
    bottom: 6%;
    margin: 0 0 0 13.8%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -webkit-box-shadow: 0px 0px 200px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 200px rgba(0,0,0,.8);
    box-shadow: 0px 0px 200px rgba(0,0,0,.8);
    overflow: hidden;	
	
}

#logOffTimerPopUp {
	width: 100%;
}

#logOffTimerPopUp .clock {
	background: url("../../03images/base/logoff/clockBg.png") no-repeat center center transparent;
	height:184px;
	
}
#logOffTimerPopUp #buttonRow {
	display: block;
	width: 100%;
	float: left
}

#logOffTimerPopUp #buttonRow .buttoncell {
	padding: 30px 0px 30px 55px;
	display: block;
	margin-right: 10px;
	background: url("../../03images/base/actionmenu/dot-button-off.png") no-repeat center left transparent;
	text-align: right;
	cursor: pointer;
	font-size: inherit;
	float: left;
}


#tabelRow_fusionAccListRow .tableCellItem{
	width:  50%;
}

#tabelRow_fusionAccListRow .tableCellItem .tableAddButtonContainer{
    margin-top: -13px;
}

#logOffTimerPopUp #buttonRow .buttoncell:hover {
	background: url("../../03images/base/actionmenu/dot-button-over.png") no-repeat center left transparent;
}

#logOffTimerPopUp #buttonRow .floatContainer {
	display: block;
	float: right;
	margin: 0 auto;
} 
#logOffTimerPopUp #timer {
	font-size: 6.0em;
	display: block;
	width: 100%;
	text-align: center;
	padding-top:38px;
}

#logOffTimerPopUp #timerText {
	font-size: 2.0em;
	display: block;
	width: 100%;
	text-align: center;
}

#icontractingQuoteDiv {
	height:120%
}

#icontractingTermsAndCondDiv {
	height:480%
}

#logOffTimerPopUp .clockContainer {
	width: 100%;
	padding-top: 20px;
}

#logOffTimerPopUp #messageText {
	float: left;
	font-family: FNBSansLight;
	font-size: 2.0em;
	padding: 20px 20px 0 20px;
	text-align: center;
	width: 100%;
}
[data-role="hyperlink"]{
	cursor:pointer;
}
#PreCheck .formElLabel {
	width:35%
}
#PreCheck .formElContainer {
	width:55%
}

#iContractingOTPBottom .grid40 #iContractingResendToPrimary {
	background-color: #dadada;
}

#accountLimitsBlock table {
    border-collapse: collapse;
    width: 50%;
}

#accountLimitsBlock th, td {
    text-align: left;
    padding: 8px;
}

#accountLimitsBlock tr:nth-child(odd) {
	background-color: #f2f2f2;
}

#accountLimitsBlock th {
    background-color: #EFEFEF;
    border-bottom: 2px solid black;
    color: black;    
    line-height: 25px;
    font-family: inherit;    
    height: 30px;
    text-align: left;
    font-weight: bold;
    border-bottom: 2px solid black;
}

#offerDiv {
	margin-top: 2em;
}

#offerDiv .borderRightGrey {
	border-right-color: #e5e5e5;
}

#offerDiv .salesLoanWrap .consolidate-customise{
	padding-left: 2em;	
}

#offerDiv #salesSelectLoanOfferApplicationButton{
	padding: 0.5em 0em;
    text-align: center;
    width: 55%;
    font-size: 1.3em;
    margin: auto;
    margin-top: 2em;
}

#offerDiv .salesLoanWrap .salesTickmark {
	background: url("/Sales/02icons/ticks/blackTick.png") no-repeat 0 0;
	font-size: inherit;
}

.sofTableClass .localTax {
	width: 50%
}

.taxObligationHeading label {
	width: 40%;
	padding-right: 10%;
    padding-left: 15px;
    vertical-align: top;
    display: block;
    float: left;
    padding-bottom: 7px;
    padding-top: 7px;
}

.taxObligationHeading  b {
	font-weight: bold;
}


#offerDiv #salesConsolidateCustomiseApplicationButton {
	padding: 0.5em 0em; 
    text-align: center;
    width: 55%;
    font-size: 1.3em;
    margin: auto;
    margin-top: 4em;
}

#offerDiv .salesLoanWrap .salesTickmark {
	background: url("/Sales/02icons/ticks/blackTick.png") no-repeat 0 0;
	font-size: inherit;
}