/* Base style overwrites */
.shorter-banner h1 {
    font-size: 36px !important;
}
.shorter-banner h1 a {
    color: #444;
}
.faq-container hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #F1F1F1;
    border-bottom: 1px solid #E4DEDE;   
}
.faq-container h1 {
    font-size: 28px;
    margin-bottom: 20px;
}
.faq-container form {
    margin: 0;
}

/* FAQ Container specific classes */
.faq-container 
{
    width: 900px;
    font-size: 12px;
    margin: 0 auto;
    position: relative;
    top: 20px;
    clear: both;
    z-index: 0;
    /*
    overflow: hidden;
    */
}
.faq-container .content-container .well {
    overflow: auto;
}
.faq-container .meta-content {
    display: inline-block;
    width: 100%;
    position: relative;
}
.faq-container .meta-content .tags {
    float: left;
    width: 70%;
}
.faq-container .meta-content .last-updated {
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
}
.faq-container .faq-content .last-updated {
    border-bottom: 1px dotted #aaa0a0;
    font-size: 11px;
    padding-bottom: 1px;
}
.faq-container .faq-cat-labels span {
    text-transform: capitalize;
}
.faq-container .faq-tag-labels span {
    text-transform: uppercase;
}
.faq-container .faq-answer-content {
    background: #FFF;
}
.faq-container .faq-answer-content ul {
    margin-left: 5px;
}
.faq-container .faq-answer-content ul li {
    margin-left: 15px;
}
.faq-container .faq-answer-content p {
    font-size: 13px;
    line-height: 18px;
}
.faq-searchbox {
    position: relative;
    width: 850px;
    margin: 0 auto 25px auto;
    padding: 10px;
    text-align: left;
    background-color: #08C;
    background-image: -moz-linear-gradient(top, #08C, #0061AA);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#0061AA));
    background-image: -webkit-linear-gradient(top, #08C, #0061AA);
    background-image: -o-linear-gradient(top, #08C, #0061AA);
    background-image: linear-gradient(to bottom, #08C, #0061AA);
    background-repeat: repeat-x;
    border: 1px solid #024E6A;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 2px #111;
    -moz-box-shadow: 0 0 2px #111;
    box-shadow: 0 0 2px #111;
}


/* typeahead css */
.faq-searchbox .twitter-typeahead {
    float: left;
}
.faq-searchbox .search-btn {
    padding: 8px 20px;
    margin: 0 8px;
    float: right;
}
.faq-searchbox .faq-searchbox-wrapper {
    position: relative;
    display: inline-block;
    direction: ltr;
}
.faq-searchbox .tt-input,
.faq-searchbox .tt-hint {
    width: 823px;
    height: 38px;
    padding: 0 12px;
    margin: 0;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
    background-color: #FFF;
    border: 1px solid #024E6A;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    outline: none; 
}
.faq-searchbox .tt-hint {
    color: #CCC;
}
.typeahead,
.tt-query,
.tt-hint {
  width: 823px;
  height: 30px;
  padding: 8px 12px;
  margin: 0;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}


.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  width: 100%;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 8px 20px;
  font-size: 14px;
  line-height: 18px;
}

.tt-suggestion.tt-cursor {
  color: #03739c;
  text-decoration: underline;

}
.tt-suggestion.tt-cursor p:before {
    content: "\f0da";
    font-size: 16px;
    display: inline-block;
    speak: none;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    position: absolute;
    left: 10px;
}

.tt-suggestion p {
    margin: 0;
    font-size: 14px;
}
.tt-dropdown-menu {
  text-align: left;
}
.typeahead.tt-input {
    background: #fff !important;
}

.faq-language {
  float: right;
  font-style: italic;
}

.faq-question {
}

.faq-description {
  font-size: 14px;
}

/* Filters */
.faq-container .faq-filters {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.faq-container .faq-filters div {
    float: left;
    width: 20%;
}
.faq-container label {
    text-align: left;
    padding-left: 20px;
    font-size: 12px;
    font-weight: bold;
}
.faq-container select {
    width: 170px;
}

/* Paginator */
.faq-container .pagexofx {
    margin: 5px 0;
}
.faq-container .pagination {
    margin: 0 0 10px 0;
}

/* Ratings */
.faq-footer {
    overflow: auto;
}
.faq-footer .rate-title {
    font-size: 18px;
    color: #505050;
}
.rating {
    unicode-bidi:bidi-override;
    direction:rtl;
    font-size:26px;
}
.rating span.star {
    font-family:FontAwesome;
    font-weight:normal;
    font-style:normal;
    display:inline-block;
}
.rating.rating-control span.star:hover {
    cursor:pointer;
}
.rating span.star:before {
    content:"\f006";
    padding-right:5px;
    color:#999;
}
.rating.rating-control span.star:hover:before,
.rating.rating-control span.star:hover ~ span.star:before {
    content:"\f005";
    color: rgb(214, 156, 48);
}

.rating span.star.starred:before,
.rating span.star.starred ~ span.star:before {
    content:"\f005" !important;
    color: rgb(214, 156, 48);
}
.rating span.star.star-half:before {
    content: "\f089";
    color: rgb(214, 156, 48) !important;
}
.rating.small {
    font-size: 15px;
}
.rating.smaller {
    font-size: 13px;
}
.rating.smaller span.star:before {
    padding-right:0;
}
.rating.smaller span.star:before {
    color: #ECECEC;
}

/* Modal height fix */
#email .modal-body {
    max-height: 450px;
}