﻿body {
    color:#000;
    background:#fff;
}

div{ overflow: hidden; box-sizing:content-box; display: block;}
img { border: none; }
/* ---------- FONT style ---------- */
.upperCase { text-transform: uppercase; }
.whiteFont { color: #fff; }
.blackFont { color: #000; }
.blue1Font { color: #03315d; }
.grey1Font { color: #818385; }
.grey2Font { color: #595959; }
.fontRob0 { line-height: 1; font-family: 'Roboto', Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 23px;}
.fontRob1 {font-family: 'Roboto', Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 18px; }
.fontRob2 {font-family: 'Roboto', Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 15px; }
.fontOS0 {font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 40px; line-height: 1; font-weight: 300; }
.fontOS1 {font-family:'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif; font-size:14px; line-height: 1; font-weight: 300;}
.fontOS2 {font-family:'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif; font-size:18px; line-height: 1; font-weight: normal;}
/* ---------- END Font style ---------- */

/* ---------- BUTTON Style ---------- */
.button { text-align: center; padding: 5px; margin: 0px; cursor: pointer; border: none; }
.buttonGreen { background: #025928; }
.buttonGreen:hover { background-color: #0378A6; }
.buttonRoundCorner { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.buttonWidth90 { width:90px; }
.buttonWidth270 { width:200px; }
.button1{ background: #025928; background: #D96704; background: #0568A6; background: #03A63C; background: #006ABB;}
.button1:hover{ background: #103E60;}
/* ---------- END button style ---------- */

/* TEXT BOX */
.form .textBox1{ font-family: Roboto; height: 25px; font-size: 14px; width: 200px; /*border: 1px solid #0378A6;*/ color: #0378A6; }
.form .areaBox1{ font-family: Roboto; height: 100px; font-size: 14px; width: 600px; /*border: 1px solid #0378A6;*/ color: #0378A6; }

/* END TEXT BOX */

.active { display:block !important;}
.inactive {display:none !important;}
.content1 h2 { font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 45px; line-height: 1; font-weight: 500; margin-bottom: .18em; }
.content1 h1 { font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 55px; line-height: 1; font-weight: 300; margin-bottom: .18em; }
.content1 p { line-height: 1.5; font-family: 'Roboto', Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 23px; }
.content1 ul li{ line-height: 1.5; font-family: 'Roboto', Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 23px; }
.content1 .list1 li{list-style-type:none;}
.content1 .list1 li:before{content:'\2022'; font-size:40px; line-height:24px; vertical-align:middle;text-indent: 0.5em;
    margin-left: -0.5em;}
.content2 h2 { font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 40px; line-height: 1; font-weight: 300; color: #f25b35; color: #595959;}
.content2 p { line-height: 1.6; font-family: 'Roboto', Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; text-align:justify; color: #0568a6; color: #595959; color: #3a3a3a; }
.content2 p a{ text-decoration: none; color:#0378A6; text-decoration: underline;}
.content2 p a:hover{ color: #999999 }
.content2 ul li { color:#0378A6; color: #0568a6; color: #595959; color: #3a3a3a; }
.content2 ul li a{ text-decoration: none; color:#0378A6;}
.content2 ul li a:hover{ color: #999999 }
.confirmationMessage{ color: #595959; }
.warningMessage{ color: #FF0000; }

/* ---------- HEADER public pages ---------- */
#publicHeaderContainer { width:100%; background:#fff; }
#publicHeaderInner { width: 1000px; margin: 0 auto; height: 85px;}
#publicHeaderInner #logo {width: 175px;}
#navLinks { display: inline-block; }
.navLink { margin-top:35px; display:inline-block; text-transform: uppercase; padding: 0px 15px; margin-bottom: 15px;}
.navLink a { text-decoration: none; }
.navLink a:hover { text-decoration: none; color: #000; }
/* ---------- END header public pages ---------- */

/* ---------- Carroussel public/index.aspx ---------- */
#wrapper{ height:500px; overflow: hidden; display: block;  color:#000; }
#slidesContainer { max-width: 1920px; margin: 0 auto; overflow: hidden; }
.slideContent { width: 1920px; position: absolute; left: 50%; margin-left: -960px; z-index:0; display:none; overflow-x: hidden; }
.slide div img{height:500px;}
.slideText { display: block; margin: 0 auto; position: absolute; }
#navSliderControls { position:absolute; left: 50%; width: 620px; top: 520px; margin-left:-185px; z-index:5; display:block; }
#navControlsBottom { width: 580px; overflow: visible; }
#navControlsBottom .controlNavBtn { border: 2px solid #fff; width:8px; height:8px; margin:8px; float:left; margin-top: 24px; cursor: pointer; }
#leftNav, #rightNav { float: left; top: 225px; left: 50px; width: 60px; height: 60px; background-repeat: no-repeat; z-index: 999; cursor: pointer; }
/* ---------- END Carroussel public/index.aspx ---------- */

/* public/index.aspx */
#servicesBanner { width:100%; background-color: #F27B35; background-color: #F2B84B; background-color: #0568A6; background-color: #3E688C; background-color: #03A63C; background-color: #3C8C30; background-color: #ECECEC; } 
#servicesBannerInner { width: 1000px; margin: 0 auto; }
.serviceContainer { width: 19%; float:left; padding: 5px; }
.serviceContainer:hover { color:#0378A6; }
.serviceImage img{ width:60px; margin:0 auto; display:block; margin-bottom:5px; }
.serviceTitle { text-align: center; margin-bottom:5px;}
.serviceDescription { text-align: center; margin-bottom:5px; }
#serviceDetails { width:100%; background-image: url('/images/office6.jpg'); background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; }
#serviceDetailsInner { width:1000px; height:795px; margin:0 auto; position:relative; }
#serviceDetailContainer { margin:20px; position: absolute; height: 750px; top: 50%; margin-top: -375PX; }
.serviceDetailElement { background:#fff; opacity:0.90; padding:20px; display:none; }
/* END public/index.aspx */

/* Other public pages */
#contentPublicPage .headPage { width:100%;}
#contentPublicPage .headPage .headPageImage {position:relative; height: 480px;}
#contentPublicPage .headPage .headPageImage img{ position:absolute; left: 50%; margin-left:-1050px;}
#contentPublicPage .headPageTitle { width:100%; background:#f2b84b; background:#03A63C; background:#006ABB; background:#5C9728; background: #025928; text-align: center; display:none;}
#contentPublicPage .headPageTitle .headPageTitleInner{ margin: 0 auto; display:inline-block; padding: 10px;}
#contentPublicPage .imageWritter {position:absolute; width:100%;}
#contentPublicPage .imageWritter .imageWritterInner {position:relative; width:1000px; margin:0 auto; height:480px;}
#contentPublicPage .headPageMenu { width:100%; background: #025928; background:#f2b84b; background:#03A63C; background:#006ABB; background:#5C9728; background: #ECECEC; text-align: center;}
#contentPublicPage .headPageMenu .headPageMenuInner{ width:1000px; margin:auto;}
#contentPublicPage .headPageMenu .headPageMenuNav { margin: 0 auto; display:inline-block;  max-width:14%; vertical-align:top;}
#contentPublicPage .headPageMenu .headPageMenuNav  .headPageMenuNavElement{ float:left; padding: 10px; cursor:pointer; color:#3d3d3d;}
#contentPublicPage .headPageMenu .headPageMenuNav  .headPageMenuNavElement img{ width:60px;}
#contentPublicPage .headPageMenu .headPageMenuNav  .headPageMenuNavElement:hover{ color:#0378A6;}
#contentPublicPage .contentPage {width:100%; background:url('/images/aboutus3.jpg') center fixed;}
#contentPublicPage .contentPage .contentPageInner{width:1000px; margin:0 auto;}
#contentPublicPage .contentPage .contentPageInner .contentPageElement {margin: 100px 20px; padding:20px; background: rgb(255, 255, 255); background: rgba(255,255,255,0.75);display: none;}
#contentPublicPage  .contentPageElementInner { float:left; width: 65%; }
#contentPublicPage .contentPageElementInner1{ float:left; width: 35%; }
#contentPublicPage  .contentPageElementInner2 { height:105px; display: table-cell; vertical-align:middle; text-align:right; width:610px; color:#f25b35; color: #595959; padding-right:20px; padding-left:20px; font-style: italic; }
/* END other public pages */

/* Request Demo 'floating' div*/
#requestDemoContainer{ background: rgb(255, 255, 255); background:rgba(255, 255, 255, 0.75); width: 235px; position:fixed; bottom: -145px; right: 75px; border-radius:10px; }
@-moz-document url-prefix() { #requestDemoContainer{ bottom: -155px; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {   #requestDemoContainer { bottom : -146px; } }

.requestDemoHeader{ padding:10px; background:#006ABB; border: 1px solid rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.75); cursor: pointer;}
.requestDemoHeaderSent{ padding:10px; background:#006ABB; border: 1px solid rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.75); }
.requestDemoHeader:hover{ background:#103E60; }
.imgRequestDemoHeader{width:15px; margin-left:25px;}
#requestDemoForm { text-align:center;}
#requestDemoForm  div{ padding: 5px;}
/* END Request Demo 'floating' div*/

/* FOOTER public pages */
#footer  { width:100%; background-color: #818385;}
#footerInner { width: 1000px; margin: 20px auto; }
.footerElement{ float:left; padding: 9px; width: 30%; margin-bottom: 25px; }
.footerElement .fontOS2 { line-height:2; }
.footerElement .fontRob2 { line-height:1.5; margin-left: 20px;}
.footerElement a{ text-decoration: none; color: #fff;}
.footerElement a:hover{ text-decoration: none; color: #0378A6;}
#copyright { padding:9px; margin-top: 30px; }
/* END footer public pages */

/* LOGIN page */
#loginContainer{width:100%; background: url('/images/login.png'); background-repeat: no-repeat; background-position: center; background-attachment: fixed;}
#loginContent{color:#595959; width:600px; margin: 30px auto; background: rgb(255, 255, 255); background: rgba(255,255,255,0.75); background: rgba(255,255,255,0.90); padding: 15px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;}
.loginContainerInner {text-align:center; }
.titleTextBoxBlock{margin-bottom: 10px; width: auto; display: inline-block; color:#595959}
.titleTextBox{font-family:'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif; font-size:14px; line-height: 2; font-weight: normal; text-align:left;}
.textBoxContent{}
/* END Login Page */

a.link1 {
    color: #006abb;
    font-weight: normal;
    text-decoration: none;
    background: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
    border: none;
}
.depositoryColor { color: #4B86BD; }
.investorColor { color: #248E38; }