html, body {
   height: 100%;
}
body {
   margin: 0;
   padding: 0;
   background-color: #ffffff;
   color: #000000;
   font: 12px Arial, Helvetica, Sans-serif;
}
h1, h2, h3, h4, h5, h6 {
   margin-bottom: 0;
   margin-top: 5px;
   font: Arial, Helvetica, Sans-serif;
}
h1 { 
   font-size: 18px;
}
h2 {
   font-size: 16px;
}
h3 {
   font-size: 14px;
}
h4 { 
   font-size: 12px;
}
h5 {
   font-size: 12px;
   font-style: italic;
}
h6 {
   font-size: 12px;
   font-style: italic;
}
th, td {
   font: 12px Arial, Helvetica, Sans-serif;
}
a {
   color: #000000;
}

#header {
   width: 100%;
   background-color: #ffffff;
   color: #000000;
   font: 10px Arial, Helvetica, Sans-serif;
   margin: 0;
}
#header a {
   text-decoration: underline;
   color: #000000;
}   
#header h1 {
   font: 18px Arial, Helvetica, Sans-serif;
   font-weight: bold;
   padding-left: 3px;
   color: #000000;
   margin: 0;
}
#header td {
   background-color: #ffffff;
   color: #000000;
}
#header td a {
   background-color: #ffffff;
   color: #000000;
}

#footer {
   padding-bottom: 3px;
   width: 100%;
   background-color: #ffffff;
   color: #000000;
   text-align: center;
   font: 10px Arial, Helvetica, Sans-serif;
}

#content {
   padding: 3px;
}

.content {
   padding: 3px;
}

/* for header/footer only */
.headerClose
{
   padding-right: 3px;
   text-align: right;   
   vertical-align: top;
}
.footerBorder1
{
   background-color: #F8C90A;
   margin: 0;
   border: 0;
   width: 100%;
   display: block;
   height: 3px;
}
.footerBorder2
{
   background-color: #ffffff;
   margin: 0;
   margin-bottom: 3px;
   border: 0;
   width: 100%;
   height: 3px;
   display: block;
}
.headerBorder1
{
   margin: 0;
   background-color: #F8C90A;
   height: 3px;
   border: 0;
   padding: 0;
   width: 100%;
   display: block;
}
.headerBorder2
{
   margin: 0;
   background-color: #ffffff;
   height: 3px;
   border: 0;
   padding: 0;
   width: 100%;
   display: block;
}

/* common css entry elements, use textbox for most controls, except checkbox/radio, use select for dropdownlists */
.textBox {
   /* border: 1px solid #000000; */
   border: 1px solid #5f759c;
   font: 12px Arial, Helvetica, Sans-serif !important;
   color: #000000;
   background-color: #ffffff; 
}
A[disabled], .textBox[disabled]
{
   color:#AAAAAA;
}
.select {
   font: 12px Arial, Helvetica, Sans-serif;
   color: #000000;
   background-color: #ffffff; 
}
.select input {
   font: 12px Arial, Helvetica, Sans-serif;
   color: #000000;
   background-color: #ffffff; 
}



/* apply to infragistics grids */

tbody > tr > td.gridcenter, th.gridcenter
{
   text-align: center!important;
}

tbody > tr > td.gridright, th.gridright
{
   text-align: right!important;
}

tbody > tr > td.gridleft, th.gridleft
{
   text-align: left!important;
}

/* overrides default/ig_dataGrid.css  
   on async postback (e.g.:webdatagrid inside updatepanel, the grid loses it's customised style (it applied the default style instead), 
   so put !important in the below css to prevent being overriden.
*/
.igg_RowSelector {
    width:23px!important;
    background-color: #F07C41!important;
}

.igg_Header {
   color: #FFFFFF !important;
   background-color: #F07C41 !important;
   background-image: none!important;
   height: auto!important;
}

.igg_Footer {
   color: #FFFFFF!important;
   background-color: #F07C41!important;
   border-right:1px solid #ffffff!important;
   padding-left:0px!important;
   font-weight: normal!important;
   font-size: 12!important;
   height: 17px;
}

.igg_Control {
    border: inherit !important;
}

.igg_Pager {
   background-color: LightGray!important;
   padding-bottom: 0px!important;
   padding-right: 0px!important;
   padding-top: 0px!important;
   text-align: left!important;
   border-top:1px solid #ffffff!important;
}

.igg_SelectedCell {
   color: #000000 !important;
   background-color: #979797 !important;
}

.igg_PageCurrent {
    padding-right: 2px!important;
    display: inline-block;
}

.igg_PageLink {
    color: Black!important;
    cursor: pointer!important;
    padding-right: 2px!important;
    text-decoration: underline!important;
    display: inline-block;
}

.igg_HeaderCaption, 
.igg_HeaderRowSelector,
.igg_Summary{   
   border-right:1px solid #ffffff !important;
   padding-left:0px !important;
}

.igg_HeaderCaption{
    font-weight: bold;
    line-height: 17px;
}

.igg_FooterRowSelector {
   border-right:1px solid #ffffff!important;
   border-top:1px solid #ffffff!important;
   padding-left:0px!important;   
}

.igg_FooterCaption {
   border-right:1px solid #ffffff!important;
   border-top:1px solid #ffffff!important;
   padding-left:0px!important;
   font-weight: normal!important;
   font-size: 12px!important;
   line-height: 17px;
}

tbody.igg_Item > tr > td{
   color: #000000!important;
   background-color: #9C9C9C!important;
   border-top: 0!important;
   height: 17px;
   padding: 0!important;
   border-right:1px solid #ffffff!important;
   border-top:1px solid #ffffff!important;
   outline:none;
}

tbody.igg_Item > tr > td.igg_SelectedCell {
   color: #000000 !important;
   background-color: #979797 !important;
}



tbody.igg_Item > tr > td > a {
   color: #000000!important;
   background-color: #9C9C9C!important;
}


TBODY > TR.ighg_GroupedRow > TD {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.alternatingRowTable tbody tr.row:nth-child(even) {
    background-color: #9C9C9C!important;
}

.alternatingRowTable tbody tr.row:nth-child(odd) {
    background-color: #9C9C9C!important;
}

.ighg_ExpansionColumn{
    background-color: #F07C41 !important;
}

.ighg_ExpansionColumnHeader{    
    border-right:1px solid #ffffff!important;
}

.ighg_ExpandableArea{
    background-color: inherit !important;
}
/* end of overrides default/ig_dataGrid.css  */


.igeb_ItemActive {
    background-color:transparent;
    color:#000000;
}

.igeb_GroupLabel {
    font-family: Arial, Helvetica, Sans-serif;
    padding-left:0px;
}


.igte_EditWithButtons{
    padding-right: 1px;
}

.igRow {
   color: #000000!important;
   background-color: #9C9C9C!important;
}

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

/* apply to regular rows and cells in tables */
.row {
   color: #000000;
   background-color: #9C9C9C;
}
.row td {   
}
.row td a {
  color: #000000;
}
.rowHighlight {
   color: #000000;
   background-color: #979797;
}
.rowHighlight td a {
   color: #000000;
}
.rowHeader {
   color: #FFFFFF;
   font-weight: bold;
   background-color: #F07C41 !important;
}
/* cell appearance for row headers */
.rowHeader td { 
   font-weight: bold;
}
.rowHeader th { 
   font-weight: bold;
}
.rowHeader td a {
   color: #FFFFFF; 
}
.rowHeader th a {
   color: #FFFFFF; 
}

.loanNotesAudit {
   color: #000000;
}

.loanNotesInternal {
   color: #0000ff;
}

.loanNotesExternal {
   color: #ffffff;
}

.loanNotesBroker {
   color: #ff0000;
}

span.notes {
   white-space:pre-wrap;
}

/* tabbed lists, only here for compatability on existing pages, now obsolete */
.ulTabs {
   padding: 3px;
   margin-top: 5px; 
   margin-bottom: 0px; 
   margin-left: 0px; 
   border-bottom: black 1px solid;
}
.ulTabs li {
   display: inline;
   font-weight: bold;
   margin-left: 3px;
   padding: 3px;
   list-style-type: none;
   background-color: white;
   color: black;
   border: 1px solid black;
}

.ulTabs li a {
   color: black;
   text-decoration: none;
}

.ulTabs li.selected {
   color: black;
   background-color: gray;
   border-bottom: 1px white solid;
}

.ulTabs li.selected a {
   color: black;
   text-decoration: none;
}

.tabPanel {
   padding: 3px;
   border-bottom: 1px solid black;
   border-left: 1px solid black;
   border-right: 1px solid black;
}

.highlightText {
   font-weight: bold;
}
.formTable {
   border-spacing: 1px;
}
.formTable.cellLabel {
   vertical-align: top;
   font-weight: bold;
   text-align: right;   
   background-color: #5ABAEA;
   color: #000000;
   padding: 1px;  
}
.formTable.cellEntry {
   vertical-align: top;
   background-color: #9C9C9C;
   color: #000000;
   padding: 1px;   
}
.formTable.formRow {
   height: 25px;
   min-height: 25px;
   vertical-align: top;
}
.cellLabel { 
   font-weight: bold;
   text-align: right;   
   background-color: #5ABAEA;
   color: #000000;
   padding: 1px;
   padding-top: 2px;
   height: 25px;
   min-height: 25px;
   vertical-align: top;
}
.cellHeading {
   font-weight:bold;
   background-color: #000000;
   color: #5ABAEA;
}
.cellEntry {
   background-color: #9C9C9C;
   color: #000000;
   padding: 1px;
   height: 25px;
   min-height: 25px;
}
.cellEntry td {
   background-color: #9C9C9C;
   color: #000000;
}
.error {
   color: #ff0000;
   margin-right: 4px;
}
.warning {
   color: #ff0000;
   margin-right: 4px;
}

.header {
   background-color: #ffffff;
   color: #000000;
}

.header td {
   background-color: #ffffff;
   color: #000000;
}

.header td a {
   background-color: #ffffff;
   color: #000000;
}

.menuItem { 
   background-color: #2093CC;
   color: #ffffff;
}

.selectedItem { 
   background-color: #999999;
   color: #ffffff;
}

/* tabs - used with tab control */
.tabSelected { BACKGROUND: url(../custom/content/default/images/tabs/lightgrey/sel-tab.gif) repeat-x left top; COLOR: black }
.tabSelected A { FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none }
.tabNonSelected { BACKGROUND: url(../custom/content/default/images/tabs/lightgrey/non-sel-tab.gif) repeat-x left top; COLOR: white }
.tabNonSelected A { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #222222; TEXT-DECORATION: none }
.tabLeftNonSelected { BACKGROUND: url(../custom/content/default/images/tabs/lightgrey/left-non.gif) no-repeat left top; WIDTH: 25px }
.tabRightNonSelected { BACKGROUND: url(../custom/content/default/images/tabs/lightgrey/right-non.gif) no-repeat left top; WIDTH: 25px }
.tabLeftRightNonSelected { BACKGROUND: url(../custom/content/default/images/tabs/lightgrey/left-right-non.gif) no-repeat left top; WIDTH: 25px }
.tabRightLeftSelected { BACKGROUND: url(../custom/content/default/images/tabs/lightgrey/right-left-sel.gif) no-repeat left top; WIDTH: 25px }
.tabLeftRightSelected { BACKGROUND: url(../custom/content/default/images/tabs/lightgrey/left-right-sel.gif) no-repeat left top; WIDTH: 25px }
.tabLeftSelected { BACKGROUND: url(../custom/content/default/images/tabs/lightgrey/left-sel.gif) no-repeat left top; WIDTH: 25px }
.tabRightSelected { BACKGROUND: url(../custom/content/default/images/tabs/lightgrey/right-sel.gif) no-repeat left top; WIDTH: 25px }

.webPart 
{
   background-color: #ffffff;
   color: #000000;
   font: 12px Arial, Helvetica, Sans-serif;
}

.webPartBox
{
   background-color: #2093CC;
   color: #ffffff;
   font: 12px Arial, Helvetica, Sans-serif;
   border: #F8C90A 1px solid;
   font-weight:bold;
}

.sqlEditor
{
 width:775px;
 height:140px;
 font: Arial, Helvetica, Sans-serif;
 color: blue;
}

/* info and error text display */
p.infoText
{
   padding: .5em 1em .5em 1em; 
   padding-left: 28px;
   border: 1px solid #0000ff; 
   color: #0000ff; 
   background-color: #FFFFFF;
   background: url(Content/info.gif) 5px 5px no-repeat;
}
p.errorText
{
   padding: .5em 1em .5em 1em; 
   padding-left: 28px;
   background-color: #ffffcc;
   color: Red; 
   border: 1pt solid Red;
   background: url(Content/error.gif) 5px 5px no-repeat;
}

.infoText
{
   padding: .5em 1em .5em 1em; 
   padding-left: 28px;
   border: 1px solid #0000ff; 
   color: #0000ff; 
   background-color: #FFFFFF;
   background: url(Content/info.gif) 5px 5px no-repeat;
}

.errorText
{
   padding: .5em 1em .5em 1em; 
   padding-left: 28px;
   background-color: #ffffcc;
   color: Red; 
   border: 1pt solid Red;
   background: url(Content/error.gif) 5px 5px no-repeat;
}


div.megaMenu
{
}

ul.mMenu
{
   padding: 0;
   margin: 0;
   padding-left: 5px;
   list-style: none;
   /*text-align: center;*/
   background-color: #2093CC;
   color: #ffffff;
}

div.megaMenu a
{
   text-decoration: none;
   color: #ffffff;
}

div.megaMenu a:hover
{
   background-color: #2093CC;
   color: #ffffff;
}

.mMenu li, .mMenu h2, .mMenu h3, .mMenu h4, .mMenu a {
   font-family: Tahoma, Arial, Sans Serif;
}
.mPopup li, .mPopup h2, .mPopup h3, .mPopup h4, .mPopup a {
   font-family: Tahoma, Arial, Sans Serif;
}


ul.mMenu li
{
   display: inline-block;
   *display: inline; /* hack ie6,7,8 inline block */
   zoom: 1; /* hack ie6,7,8 inline block */
   padding: 5px 0;
}

ul.mMenu li:hover
{
   background-color: #2093CC;
   color: #ffffff;
}

ul.mMenu li:hover a
{
   background-color: #2093CC;
   color: #ffffff;
}

ul.mMenu li.menu-link-active
{
   background-color: #2093CC;
   color: #ffffff;
}

ul.mMenu li.menu-link-active a
{
   background-color: #2093CC;
   color: #ffffff;
}

ul.mMenu li h2
{
   padding-left: 10px;
   padding-right: 15px;
   font-size: 1.2em;
   font-weight: normal;
   margin: 0;
}

ul.mMenu li div.mPopup
{
   display: none;
   left: 0;
   background: #fff;
}

ul.mMenu li div.mPopup-visible
{
   display: inline-block;
   /*width: 100%;*/
}

div.mPopup
{
   display: inline-block;
   position: absolute;
   left: 0;   
   top: -10000px;
   background: #fff;
   background-color: #2093CC;
   color: #ffffff;
   visibility: visible;   
}

div.mPopup-visible
{
   display: inline-block;
   position: absolute;
   top: 0;
   z-index: 1;
   /*width: 100%;*/
   visibility: visible;
}

div.mPopup ul
{
   list-style: none;
   padding: 0;
   margin-left: 25px;
}

div.mPopup ul li
{
   display: block;
}

div.mPopup h2
{
   display: block;
   margin-left: 10px;
   font-weight: normal;
   padding: 0;
   font-size: 1.2em;
}

div.mPopup h3
{
   font-weight: normal;
   font-size: 1.1em;
}

div.cPopup
{
   margin-bottom: 10px;
   width: 200px;
   vertical-align: top;
   display: inline-block;
   *display: inline; /* hack ie6,7,8 inline block */
   zoom: 1; /* hack ie6,7,8 inline block */
}

div.clear-fix
{
   clear: both;
}

.menu-link-active
{
   /*background-color: #2093CC;*/
   color: #ffffff;
}

h2.menu-link-active a
{
   background-color: #2093CC;
   color: #ffffff;
}

.left 
{
text-align: left;
}

.right
{
text-align: right;
}

.dashboard-control {
   top: 0;
   z-index: 0;
}

.mContainer {
   position: relative;
}

.main-menu-item {
   background: url('/images/menu-down.png') right center no-repeat;
}

.main-menu-item.menu-link-active {
   background: url('/images/menu-up.png') right center no-repeat;
}

/* reset mega menu colours as dashboard is embedded inside mega menu */
div.dashboard-control a {
   background-color: #ffffff;
   color: #000000;
}
div.dashboard-control a:hover {
   background-color: #ffffff;
   color: #000000;
   text-decoration: underline;
}

.bank-account {
   white-space: nowrap;
}

.lineThrough
{
    text-decoration:line-through;
}

/* left and right generic container */
#left-table-container {
    float: left;
    width: 70%;
}

#right-table-container {
    float: left;
    width: 30%;
}

#right-table-container table {
    float: left;
    width: 100%;
}
/* end of left and right generic container */


.underline {
   text-decoration: underline;
}


.modal-open {
  overflow: hidden;
}

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
  margin-right: 15px;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: auto;
  overflow-y: scroll;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-dialog {
  z-index: 1050;
  width: auto;
  padding: 10px;
  margin-right: auto;
  margin-left: auto;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  min-height: 16.428571429px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 20px;
}

.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.modal-footer:after {
  clear: both;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .modal-dialog {
    right: auto;
    left: 50%;
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
#emailbody{
   background-color: white;
   color: black;
}
#emailbody table tr td{
   color: black;
}

.quotEntryHighlight
{
   background-color: ;
   color: 
}

.quotEntryHighlight td
{
   background-color: ;
   color: 
}

.quotEntryHighlight input[type=text]
{
   color: 
}

.alignMiddle {
   vertical-align: super;
}
.displayNone {
   display: none;
}
.word-break {
   word-break: break-word;
}