@import url("/vSCRIPT/MultiKey.css");

.ui-dialog h1
{ 
    font-size: 28px;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 10px;
} 

html, body
{
    font-family: verdana, arial, helvetica, "avant garde", "sans-serif";
    font-variant: normal;
}

legend
{
    margin-left:10px;
}

.BorderFieldset
{
    border: 1px solid #000;
    padding: 10px;
    display: inline-block;
}

.PageTitle
{
    font-size: 15pt;
    color: #000000;
}
.SecondPageTitle
{
    font-size: 12pt;
    color: #000000;
    font-weight: 100;
    border-bottom: solid 1px #000000;
}

.PageText,
.Details /*MultiKey*/
{
    font-size: 11px;
    Color: #000000 !important;
    font-weight: 400;
}
.BoldDataFont
{
    Font-Size: 12px;
    Color: #000000;
    Border: none;
    Padding: 0;
    font-weight: bold;
}
.SmallDataFont
{
    Font-Size: 12px;
    Color: #000000;
}
.DataFont,
.ReportCell /*MultiKey*/
{
    Font-Size: 12px;
    Color: #000000;
    Border: none;
    Padding: 0;
}
.ReportCellChallenge /*MultiKey*/
{
    text-align: center;
    Font-Size: 12px;
    Color: #000000;
    Border: none;
    Padding: 0;
}
td .DataFont
{
    Padding: 0;
}

.AdminSiteToolBar
{
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.Nav{
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
.Nav:hover{
    text-decoration: underline;
}

.NavLeaf{
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
.NavLeaf:hover{
    text-decoration: underline;
}

.NavParent{
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
.NavParent:hover{
    text-decoration: underline;
}

.NavRoot{
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
.NavRoot:hover{
    text-decoration: underline;
}
.NavTree span.fancytree-focused, .NavTree span.fancytree-focused a{
	color: #990000;
 }
.NavLevel2{
    cursor: pointer;
}
.Link
{	
    Font-Weight: bold;
    Color:#333366;
    Text-Decoration: underline;
    font-size: 12px;
    border: none;
}
.NegativeCurrency{
    color: #000000
}

.TopHeader,
.MKTableHeader /*MultiKey*/
{
    background-color: #999999;
    Color: #ffffff;
    Font-Weight: bolder;
    Font-Size: 12px;
    text-align: center;
    border: solid 1px black;
}
.TopHeader a,
.MKTableHeader a /*MultiKey*/
{
    background-color: #999999;
    Color: #ffffff;
    Font-Weight: bolder;
    Font-Size: 12px;
    text-align: center;
}
.GridFormat,
.ReportTable /*MultiKey*/
{
    border: solid 1px black;
    border-collapse: collapse;
}
.GridFormat tr th,
.ReportTable tr th /*MultiKey*/
{
    padding-right: 3px;
    padding-left: 3px;
}
.GridFormat tr td,
.ReportTable tr th /*MultiKey*/
{
    border-style: none;
    padding-right: 4px;
    padding-left: 4px;
}
.GridRow
.ReportEvenOdd /*MultiKey*/
{
   height: 20px;
   background-color: #ffffff;
}
.GridAlternateRow,
.ReportEvenRow /*MultiKey*/
{
   height: 20px;
   background-color: silver;
}
.WidgetHeader
{
    background-color: silver;
    border-top: solid 2px #999999;
    border-bottom: solid 2px #000000;
    margin: 2px 0 2px 0;
    padding: 0 4px 0 4px;
}


.ValidationError
{
    font-size: small;
    color: #990000;
}
.ErrorBox
{
    color: #990000;
    border: 2px solid red;
    min-width: 1em;
    text-align: center;
}
.ErrorRed
{
    color: #990000;
}
.SuccessMessage
{
    font-size: 12pt;
    color: #000000;
    font-weight: bolder;
}
.ErrorMessage
{
    font-size: 12pt;
    color: #990000 !important;
    font-weight: bolder;
}
ul.ErrorMessage
{
	list-style-type: none;
}

.HeaderColor
{
    background-color: transparent;
}
.BackColor
{
    background-color: clear;
}

.OlbMenu .ui-menu-item
{
    background-color: transparent;
}
.OlbMenuContainer .ui-widget-content {
	background: transparent;
}
.OlbMenu .NavRoot
{
    margin: 5px !important;
}

.ui-front {
    z-index: 1000;
}

.screen-reader-only {
     position: absolute;
     height: 1px;
     width: 1px;
     clip: rect(1px 1px 1px 1px); // IE 6 and 7
     clip: rect(1px,1px,1px,1px);
     clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
     -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
     overflow: hidden !important;
 }

.fancytree-container,
span.fancytree-focused span.fancytree-title
{
    outline: 0 !important;
    list-style-type: none;
}

.noBullets {
    list-style-type: none;
}

/*MultiKey*/
.FieldName
{
    Font-Size: 12px;
    Color: #000000;
    Border: none;
    Padding: 0px 5px 0px 0px;
    font-weight: bolder;
}

.SuperUserHidden
{
    color: transparent;
}

.FDICLogo {
max-width:430px;
position: absolute;
top: 30px;
left: 650px;
}

.ui-fancytree li {
list-style-type: none;
padding:auto;
cursor:pointer;
}
.NavLevel2, .NavLevel3 {
color: #FFF!important;
}
.NavTree span.fancytree-focused, .NavTree span.fancytree-focused a{
color:white;
}

.BackColor
{
    background-image: url('/Pages/images/BankImages/background.png');
    background-repeat: repeat-x;
    width:100%;
}

.BodyStyle
{
    Padding-Top: 10px;
    background-repeat: repeat-x;
    padding-right: 10px;
    padding-bottom:10px;
    padding-left: 10px;
}

.NavTop
{
    padding-top: 15px;
}

.NavTree
{
    height: 100%;
    width:200px;
    margin-left:85px;
}

.NavFdic
{
    width: 175px;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    margin-left:75px;
}

.NavBottom
{
    margin-left:75px;
}


.Logos
{
    width: 175px;  
    text-align: center;
    /*background-color: #e7e6e5;*/
    padding-top: 10px;
    margin-left:75px;
    padding-bottom:120px;
}

.ToolBar
{
width:800px;
text-align: right;    
/*float:right;*/
}

.NavBelowBottom
{
    width:111px;
}

.inline style
{
    width: 205px;
}

#nav_wrapper 
{	
    z-index:-1;
    background-image: url(/Pages/images/BankImages/newleftnav2.png);
	background-repeat: no-repeat;
    min-width:585px;
    margin-left:0px;
    /*padding-left:75px;*/
}

.PageTitle
{
    font-family:Calibri, Arial, sans-serif;
    font-size:22px;
    font-weight:bolder;
    color:#535353;
}

.PageText
{
    font-family:Calibri, Arial, sans-serif;
    font-size:14px;
    line-height:20px;
    color:#535353;
    max-width:600px;
}

.FooterText
{
    font-family:Calibri, Arial, sans-serif;
    font-size:14px;
    line-height:20px;
    color:#535353;
}

.PageSubtitle
{
    font-family:Calibri, Arial, sans-serif;
    font-size:16px;
    font-style:italic;
    text-decoration:underline;
    font-weight:bold;
    line-height:16px;
    color:#1b0334;
}

.PageSubtitleNul
{
    font-family:Calibri, Arial, sans-serif;
    font-size:16px;
    font-style:italic;
    font-weight:bold;
    line-height:16px;
    color:#1b0334;
}

.PageLink
{
    font-family:Calibri, Arial, sans-serif;
    font-size:14px;
    font-weight:bold;
    line-height:16px;
    color:#663366;
}

.Link
{
    font-family:Calibri, Arial, sans-serif;
    font-size:14px; 
    line-height:20px;
    color:#663366;
}

.Link:hover
{
    color:#333333;
}

.NavLeaf
{
font-family:Calibri, Arial, sans-serif;
font-size:15px;
line-height:25px;
color:#ffffff;
font-weight:bolder;
}

.NavRoot
{
font-family:Calibri, Arial, sans-serif;
font-size:15px;
line-height:25px;
color:#ffffff;
font-weight:bolder;
}

.NavLevel2
{
font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:12px;
color:#e6e1dc;
font-weight:normal;
}

.NavLevel3
{
font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:12px;
font-weight:normal;
color:#7a7a7a;
}

#TxtLoginUserName
{
padding: 7px 7px 7px 7px; 
height: 17px; 
width: 148px;  
border-style: none; 
background-image: url('/Pages/images/BankImages/input.png'); 
background-color: transparent;
font-family: arial, sans-serif; 
font-size: 11px;
color:#535353;
background-repeat: no-repeat;
border: 0px;
}


#homelogin
{
background-image:url('/Pages/images/BankImages/login-bar.png');
width:435px;
height:48px;
}

.OlbMenu .ui-state-hover,
.OlbMenu .ui-state-focus {
    border: 1px solid transparent;
    background: transparent;
    color: #ffffff;
    /*this effects the colors when hovering over a particular menu/submenu item*/
}
 
.OlbMenu .ui-menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: block;
    outline: none;
    /*controls the padding around all parts of the menu, when padding is added the color will be filled in from olbmenucontainer choice, whether it is part of the submenu or main menu, margin controls empty space around menu, adding more will make a transparent buffer*/
}
 
.OlbMenu .ui-state-active {
    border: 1px solid transparent;
    background: transparent;
    /*change color directly around text, not including padding*/
    color: #ffffff;
    /*color changes for navigation menu that has a submenu. Effects the previous part of the menu when moving through subs*/
}
 
.OlbMenu .ui-corner-all
{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*controls round of ALL corners in menu and submenu*/
}
 
 
.OlbMenu li .Nav
{
    font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
    font-size:12px;
    color:#ffffff;
    font-weight:normal;
    position: relative;
    background-color: #0a95cf;
    border: 1px;
    border-color: #ffffff;
}
 
.OlbMenuContainer .ui-widget-content,
.OlbMenuContainer .NavRoot,
.OlbMenu li .NavRoot {
    background: #1073ac;
   /*changes background of entire menu, the submenu colors are chosen elsewhere and will overwrite this color*/
}

.TopHeader
{
    line-height: 20px;
} 
/*SKIP TO MAIN CONTENT LINK*/
a.skiplink {
  position: absolute;
  top: -40px;
  left: 0;
  padding: 6px;
}

a.skiplink:focus {
    position: absolute;
    left: 0;
    top: 0;
font-size: 14px;
color: black;
background-color: white;
z-index: 1000000;
}
/*END SKIP TO MAIN CONTENT LINK*/
 
/*FLEX SLIDER CSS FIXES */

.flex-direction-nav button {
text-decoration: none;
background-color: transparent;
border: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease-in-out;
}

.flex-direction-nav button:active, .flex-direction-nav button:hover {
outline: none;
border:none;
}

.flex-direction-nav button:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav button.flex-next:before{
    content: '\f002';
}

.flex-control-paging li button {
width: 11px;
    height: 11px;
    display: block;
    background: #fff;
    /* background: rgba(255, 255, 255, 0.5); */
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
border:none;
}

.flex-control-paging li button:active, .flex-control-paging li button:hover {
outline: none;
border:none;
}

.flex-control-paging li button.flex-active {
background: #ffa1a5;
    /* background: rgba(59, 109, 180, .09); */
    cursor: default;
}

.flex-pauseplay button {
display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
background-color: transparent;
border: none;
}

.flex-pauseplay button:before{
font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
margin-left: -5px;
}

.flex-pauseplay button.flex-play:before {
content: '\f003';
}


@media (max-width: 1100px) {
.FDICLogo {
top: 170px !important;
left: 270px !important;
}
}



@media print
{
    .ToolBar
    {
        display: none;
        visibility: hidden;
    }
    
    .GridRow,
    .GridAlternateRow,
    .GridFormat th td,
    .GridFormat tr td,
    .ReportOddRow, /*MultiKey*/
    .ReportEvenRow /*MultiKey*/
    {
       border: solid 1px black;
    }
}

/* ONLINE PROJECT CSS START */
/* PROJECT HEADER */
	.projectHeaderContainer {
	  color: white;
	}

	/* HeaderText text */
	.projectHeaderText {
	  font-family: Arial, sans-serif, Tahoma, Verdana;
	  font-size: 35px;
	  font-weight: bold!important;
	  color: #FFFFFF!important; /*WHITE*/
	  background-color:#1963a4;
	}

/* PROJECT TITLE PAGE DESCRIPTION */

	.titleContainer {
	  position: relative;
	  color: white;
	  font-size: 100%;
	}

	/* Container holding the body text */
	.bodyContainer {
	  position: relative;
	  left: 100px;
	  top: 150px;
	  color: white;
	}

	/* projectTitleText text */
	.projectTitleText {
	  font-family: Arial, sans-serif, Tahoma, Verdana;
	  font-size: 22px;
	  /*font-size: 4vw;
	  font-size: 1.5em;*/
	  font-weight: bold!important;
	  color: #ffffff;
	}

	/* projectBodyText text */
	.projectBodyText {
	  font-family: Arial, sans-serif, Tahoma, Verdana;
	  font-size: 14px;
	  /*font-size: 2.5vw;
	  font-size: 1.25em;*/
	  font-weight: normal;
	  color: #3d3f42;
	}

/* FINISHED, POSTPONE, DECLINE TEXT */

/* ONLINE PROJECT CSS END */