.top-bar.expanded,
.top-bar .toggle-topbar.menu-icon a,
.top-bar.expanded .title-area, .top-bar .title-area,
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a,
.top-bar, .top-bar-section li:not(.has-form) a:not(.button), .top-bar, nav.top-bar,
.top-bar-section li.active:not(.has-form) a:not(.button) {
/*text-align:center;*/
background-color: #CFD2D3;
color: #5E5E5E;
/*font-size: 1.1em;*/
}
ul.title-area li.name h1 a { color: #019875; white-space: nowrap; }

.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button),
.top-bar-section li:not(.has-form) a:hover:not(.button)  {
  background-color: #CFD2D3;
  color: #5E5E5E;
  border-bottom: 5px solid #019875;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button),
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:hover:not(.button),
.top-bar-section .dropdown li:not(.has-form) a:hover:not(.button)
 {
  background-color: #CFD2D3;
  color: #5E5E5E;
}

nav.top-bar.center {
text-align:center;
}
section.top-bar-section.center {
display: inline-block;
}

.lang-area { background-color: #CFD2D3; }
.top-bar-section.lang-area li.active:not(.has-form) a:not(.button),
.top-bar-section.lang-area li.active:not(.has-form) a:hover:not(.button),
.top-bar-section.lang-area li:not(.has-form) a:hover:not(.button)  {
  border-bottom: none;
}
/*nav.top-bar.lang-area { height: 20px; }
nav.top-bar.lang-area ul {
  float: right;
  font-size: 0.7em;
  padding-right: 1em;
}*/
nav.top-bar.lang-area ul a { color: #5E5E5E; }

/* menu bar in mobile view */
.top-bar .toggle-topbar.menu-icon a span::after {
  box-shadow: 0 0 0 1px #5E5E5E, 0 7px 0 1px #5E5E5E, 0 14px 0 1px #5E5E5E;
  -webkit-box-shadow: 0 6px 0 1px #5E5E5E, 0 14px 0 1px #5E5E5E, 0 22px 0 1px #5E5E5E;
}

.top-bar ul li a { background-color: #CFD2D3 !important; }
/******************************/

.blank-top-bar { height: 10px; background-color: #CFD2D3; }
.white-panel {
  background-color: #fff;
}
.button {
  background-color: #019875;
}
button:hover, button:focus, .button:hover, .button:focus  {
  background-color: #02AB83;
}
button.disabled, button[disabled], .button.disabled, .button[disabled]  { background-color: #02AB83; }
.sign_in_title {
    color: #019875;
    /*#169776;*/
    font-size: 24px;
    font-weight: bolder;
    margin: 20px 0;
  /*color: ; font-size: 24px; */
}
a { color: #019875; }
a:hover,a:focus, a:hover, a:focus { color: #02AB83; }

#banner{
/*  width:100%;
  height:550px;
  min-height:100%;
  z-index:-999;
  background: url("/images/home_bg.jpg") no-repeat center center fixed;
  margin:0;padding:0;*/
  background: url("/images/home_bg.jpg") no-repeat center center fixed;
  background-size: cover;
  background-color: #60646d;
  color: #ffffff;
  width: 100%;
  height:80%;
}
#banner2{
  height:450px;
  height: 80%;
  z-index:-999;
  background: url("/images/simpletouse.jpg") no-repeat center center fixed;
  background-size: cover;
  margin:0;padding:0;
}
#banner3{
  height:450px;
  height: 80%;
  z-index:-999;
  background: url("/images/stayconnected.jpg") no-repeat center center fixed;
  background-size: cover;
  margin:0;padding:0;
}
.front-welcome h1, .front-welcome h3, .front-welcome {
  color: #FFF;
  text-shadow: 0 1px 1px #000000;
}
#section-grey { background-color: #69727B; }
#section-green { background-color: #019875; }
#section-blue { background-color: #34495E; }
#section-orange { background-color: #F39C12; }

.section h2 { color: #FFFFFF; }
.section, .section p {
  font-size: 1.1em;
  line-height: 1.35em;
  color: #FFFFFF;
}
#section-2 {
  background-color: #019875;
  color: #FFFFFF;
}

#section-2 a {
  background-color: #019875;
  color: #FFFFFF;
  text-decoration: underline;
}
#errors {
  background: none repeat scroll 0 0 #FFFBCC;
  border: 1px solid #E6DB55;
  padding: 8px;
  margin: 20px 0;
}
#errors li {
  list-style-type: disc;
  margin-left: 16px;
}
.small-text, .small-text p {
  font-size: 12px;
}
.app-box {
  border: 1px solid #cccccc;
  padding: 10px;
}
.app-box-inner {
  height: 200px;
  min-width: 250px;
  overflow: auto;
}
.side-nav li, .side-nav li.active > a:first-child:not(.button) { font-family: "Open Sans"; font-size: inherit; margin: 0;}
#footer {
  background-color: #2F2F2F;
  color: #FFFFFF;
}
#footer a {
  background-color: #2F2F2F;
  color: #FFFFFF;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans","helvetica neue",helvetica,Arial,sans-serif;
  /*font-weight: 700;*/
}
body, .top-bar-section ul li > a {
  font-family: "Open Sans","helvetica neue",helvetica,Arial,sans-serif;
}