@charset "utf-8";
/*=================== headernavbar ================*/
.headernavbar
{
    margin: 0;
    width: 500px;
    height: 20px;
    padding-left: 20px;
    padding-right: 0;
    padding-top: 20px;
    background-color: #FFFFFF;
    background-image: none;
    filter: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    float:left;
}
.headernavbar select {
  display: none;
}
.headernavbar .headernav {
  margin: 0 auto 0;
}
.headernavbar .headernav > li
{
    line-height: 10px;
    border-right: 1px solid #c7c7c7;
    position: relative;
    -webkit-transition: background .1s linear;
    -moz-transition: background .1s linear;
    transition: background .1s linear;
}
.headernavbar .headernav > li:hover {
  background:#3399FE;
  color:#fff !important;
}

.headernavbar .headernav .headeractive a, .headernavbar .headernav .headeractive a:hover, .headernavbar .headernav .headeractive a:focus .headernavbar .headernav > .headeractive > a, .headernavbar .headernav > .headeractive > a:hover, .headernavbar .headernav > .headeractive > a:focus, .headernavbar .headernav > .headeractive > a i, .headernavbar .headernav > .headeractive > a:focus i, .headernavbar .headernav > .headeractive > a:hover i, .headernavbar .headernav > .headeractive > a span, .headernavbar .headernav > .headeractive > a:focus span, .headernavbar .headernav > .headeractive > a:hover span
{
    color: #fff;
    text-decoration: none;
    background: #3399FE;
    background-color: #3399FE;
    filter: #f16325;
    -webkit-text-shadow: 0 1px 0 rgba(0,0,0,.1);
    -moz-text-shadow: 0 1px 0 rgba(0,0,0,.1);
    text-shadow: 0 1px 0 rgba(0,0,0,.1);
    cursor: default;
}
.headernavbar .headernav div
{
    position: absolute;
    left: -1px;
    background: #3399FE;
    z-index: 9999;
    border: 1px solid #c7c7c7;
    border-top: none;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    display: none;
}
.headernavbar .headernav > li:first-child {
	border-left:1px solid #c7c7c7;
}
.headernavbar .headernav > li:first-child a {
	font-size: 16px;
  padding:0 16px;
}
.headernavbar .headernav li span {
  display: none;
  color:#333;
}
.headernavbar .headernav > li > a {
  padding: 0 25px;
  color: #505050;
  text-shadow: 0 1px 0 #ffffff;
  -moz-text-shadow: 0 1px 0 #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-transform: capitalize;
  font-size: 12px;
}
.headernavbar .headernav > li:hover > a:focus,
.headernavbar .headernav > li:hover > a:hover,
.headernavbar .headernav > li:hover > a:focus i,
.headernavbar .headernav > li:hover > a:hover i,
.headernavbar .headernav > li:hover > a:focus span,
.headernavbar .headernav > li:hover > a:hover span {
  color:#fff;
}
.headernavbar .headernav > li:hover a{
  color:#fff;
  -webkit-text-shadow:0 1px 0 rgba(0,0,0,.1);
  -moz-text-shadow:0 1px 0 rgba(0,0,0,.1);
  text-shadow:0 1px 0 rgba(0,0,0,.1);
}


/* ul nested inside ul */

.headernavbar .headernav div ul {
  list-style: none;
  margin:0;
  padding:0;
  display: table-cell;
}
.headernavbar .headernav div ul li {
  position: relative;
  margin:0;
  padding:0;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(0,0,0,.1);
}
.headernavbar .headernav div ul li:first-child {
  border-top:none;
}
.headernavbar .headernav div ul li a {
  color:#fff;
  white-space: nowrap;
  padding:6px 18px;
  display: block;
  font-size:12px;
  text-transform: capitalize;
}
.headernavbar .headernav div ul li a:hover {
  text-decoration: none;
  background:rgba(0,0,0,.1);
}
.headernavbar .headernav li:hover > div {
  display: block;
}

/* the third level submenu */
.headernavbar .headernav div li div {
  left:100%;
  top:0;
}

.headernav a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.headernav a:hover,a:active{outline:0;}
.headernav a{color:#0088cc;text-decoration:none;}
.headernav a:hover{color:#005580;text-decoration:none;}



.headernav ul,ol{padding:0;margin:0 0 10px 25px;}

.headernav li{line-height:17px;}
ul.unstyled,ol.unstyled{margin-left:0;list-style:none;}
ul.inline,ol.inline{margin-left:0;list-style:none;}ul.inline >li,ol.inline >li{display:inline-block;padding-left:5px;padding-right:5px;}
.headernav{margin-left:0;margin-bottom:20px;list-style:none;}
.headernav>li>a{display:block;}
.headernav>li>a:hover{text-decoration:none;background-color:#eeeeee;}
.headernav>li>a>img{max-width:none;}
.headernav>.pull-right{float:right;}
.headernav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:20px;color:#999999;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);text-transform:uppercase;}
.headernav li+.headernav-header{margin-top:9px;}

.headernav .dropdown-toggle .caret{border-top-color:#0088cc;border-bottom-color:#0088cc;margin-top:6px;}
.headernav .dropdown-toggle:hover .caret{border-top-color:#005580;border-bottom-color:#005580;}
.headernav .headeractive .dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff;}
.headernav>.dropdown.headeractive>a:hover{cursor:pointer;}

.headernav li.dropdown.open .caret,.headernav li.dropdown.open.headeractive .caret,.headernav li.dropdown.open a:hover .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:1;filter:alpha(opacity=100);}


.headernavbar{overflow:visible;padding-bottom:20px;position:relative;z-index:99;
    top: 0px;
    left: 0px;
}
.headernavbar .brand{float:left;display:block;padding:10px 20px 10px;margin-left:-20px;font-size:20px;font-weight:200;color:#777777;text-shadow:0 1px 0 #ffffff;}.headernavbar .brand:hover{text-decoration:none;}

.headernavbar .divider-vertical{height:40px;margin:0 9px;border-left:1px solid #f2f2f2;border-right:1px solid #ffffff;}
.headernavbar .btn,.headernavbar .btn-group{margin-top:5px;}
.headernavbar .btn-group .btn,.headernavbar .input-prepend .btn,.headernavbar .input-append .btn{margin-top:0;}
.headernavbar .headernav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;}
.headernavbar .headernav>li{float:left;
    top: 0px;
    left: 0px;
}
.headernavbar .headernav>li>a{float:none;padding:10px 15px 10px;color:#777777;text-decoration:none;text-shadow:0 1px 0 #ffffff;}
.headernavbar .headernav .dropdown-toggle .caret{margin-top:8px;}
.headernavbar .headernav>li>a:focus,.headernavbar .headernav>li>a:hover{background-color:transparent;color:#333333;text-decoration:none;}
.headernavbar .headernav>.headeractive>a,.headernavbar .headernav>.headeractive>a:hover,.headernavbar .headernav>.headeractive>a:focus{color:#555555;text-decoration:none;background-color:#e5e5e5;-webkit-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);-moz-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);}

.headernavbar .headernav>li>.dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;}
.headernavbar .headernav>li>.dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;}

.headernavbar .headernav li.dropdown>a:hover .caret{border-top-color:#555555;border-bottom-color:#555555;}
.headernavbar .headernav li.dropdown.open>.dropdown-toggle,.headernavbar .headernav li.dropdown.headeractive>.dropdown-toggle,.headernavbar .headernav li.dropdown.open.headeractive>.dropdown-toggle{background-color:#e5e5e5;color:#555555;}
.headernavbar .headernav li.dropdown>.dropdown-toggle .caret{border-top-color:#777777;border-bottom-color:#777777;}
.headernavbar .headernav li.dropdown.open>.dropdown-toggle .caret,.headernavbar .headernav li.dropdown.headeractive>.dropdown-toggle .caret,.headernavbar .headernav li.dropdown.open.headeractive>.dropdown-toggle .caret{border-top-color:#555555;border-bottom-color:#555555;}