/*
CSS file for the header part 
    Created on : Aug 28, 2014, 12:41:02 PM
    Author     : freeman
------------------------------------------------------------------------------
                HEADER
------------------------------------------------------------------------------*/
.fix_wrapper{ width:98%; max-width:970px; margin:0 auto;}
.header{ width:100%; background:rgba(65, 138, 163, 0.9); position:absolute;top:0;left:0;  box-shadow:0 1px 8px 1px #414141; z-index:1111;}
.header .fix_wrapper{position:static }
.logo{ width:20%; float:left; margin:1% 0 0; display:block;}
.small-logo{display: none}
.header_right{ width:75%; float:right; text-align:right;}
.header_icon{display: inline-block; vertical-align: top; padding:0px; margin: 0px;position: relative}
#user{}
.title_border{border-bottom: 1px solid #a9a9a9}
.header_icon_overlay {line-height: 1;padding: 2px;right: 6px;top: -8px;background: none repeat scroll 0 0 #d00;border-radius: 0.5ex;color: #fff;font-weight: bold;display: none;position:absolute}
#userLink #userPic{width:28px;height:auto;display:inline-block;vertical-align:middle;}
#userLink #userDisplayName{font-weight:bold;}
.link_blk, .search_blk{ display:inline-block;float:right; margin-top:11px; font-family:Arial, Helvetica, sans-serif;vertical-align: top; max-height:29px;}
.link_blk{  font-size:11px; color:#fff; margin-left: 10px; }
.link_blk a{ color:#fff; font-weight:bold; font-size: 13px;}
.dropdown-tip .dropdown-menu li .log_link {font-weight: normal;margin-right: 0px;}
.log_link:hover{text-decoration:none; color:#FFB534;}
.signup_btn{ padding:1px 8px; background:#FFB534; height:25px; line-height:25px; display:inline-block; color:#fff; font-size:12px; font-weight:bold; text-transform:capitalize; vertical-align: middle; margin-left:2px; border-radius:0.7ex;}
.signup_btn:hover{ color:#fff; text-decoration:none; background: #FC9D2C;}
.search_blk{ width: 40%;min-width: 280px;}
.search_blk form{ font-size:0; position:relative; text-align:right; }
.search_blk input[type="text"]{ width:68%; padding:0 10px; height:25px; line-height:25px; background:#fff; display:inline-block; font-size:14px; color:#999;}
.search_blk input[type="submit"]{ width:28px; height:25px; display:inline-block; text-indent:-10000px; background:url(../images/search_icon.png) no-repeat center center #FFB534; cursor:pointer; vertical-align:top;}
.search_blk input[type="submit"]:hover{background-color: #FC9D2C;}
.top_icon { display:block; vertical-align:top; text-align:right;position:relative;}
.top_icon a { display:inline-block; vertical-align:top; color:#fff; line-height:26px; font-weight:bold; margin-right:10px;}
.top_icon a:hover { color:#FFB534; }
.top_icon a img { display:block;width: auto;max-width: none;}


.searchDropdown {
    color: #fff;
    cursor: pointer;
    padding: 4px 4px 3px 4px;
    border-radius: 0 4px 4px 0;
    width:15px;
    display:inline-block;
    vertical-align:top;
    background:#FFB534 url(../images/down_arrow.png) no-repeat center center;
    margin-left:2px;
}
.searchDropdown:after {
    font-family: Consolas, Courier New, Arial, sans-serif;
    content: '↓';
    margin-left: 6px;
    color: #fff;
}
.searchDropdown:hover {
    background: #fc9d2c url(../images/down_arrow.png) no-repeat center center;
}
.searchDropdown.dropdown-open {
    background: #FFB534 url(../images/down_arrow.png) no-repeat center center;
    color: #FFF;
}
.searchDropdown.dropdown-open:after {
    color: #FFF;
}

.dropdown {
    display: none;
    position: absolute;
    z-index: 9999999;
    left:inherit !important;
    right:0 !important;
    top:27px !important;
}
.dropdown-menu {
    min-width: 160px;
    max-width: 360px;
    list-style: none;
    background: #FFF;
    border: solid 1px #DDD;
    border: solid 1px rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    overflow: visible;
    padding: 8px 0;
    margin: 0;
}
.dropdown-menu li {
    list-style: none;
    padding: 0 0;
    margin: 0;
    line-height: 18px;
    text-align:left;
}
.dropdown-menu li a {
    display: block;
    color: #555;
    text-decoration: none;
    line-height: 18px;
    padding: 3px 14px;
    white-space: nowrap;
    font-size:12px;
}

.dropdown-menu li a:hover {
    background-color: #EDEDED;
    color: #555;
    cursor: pointer;
}
.dropdown-menu .dropdown-divider {
    border-top: 1px solid #E5E5E5;
    font-size: 1px;
    margin: 5px 0;
    padding: 0;
}
.Search-Options .Active:before {
    content: "✓";
    display: block;
    float: right;
    width: 1em;
}
.ra { 
    background:url(../images/ra.png) no-repeat right center; 
}
.clearfix:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

/*------------------------------------------------------------------------------
                                RESPONSIVE CSS
-------------------------------------------------------------------------------*/
@media screen and (max-width:1920px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
    .fix_wrapper > p{width: 65%;}
}
@media screen and (max-width:1309px){
}
@media screen and (max-width:1121px){
    .btn_blk a.orng_btn{ padding:2% 1% }
}

@media screen and (max-width:1023px){
    .search_blk{clear:right;}
    .logo{ width:auto; }
    .btn_blk a.orng_btn{ margin-right:1.5%; padding:2% 0.5%; }    
    .header_right{ width:100%; margin:0 auto; float:none;text-align:center;  }
    .header{ position:relative; display:inline-block; }

}
@media screen and (max-width:938px){ 

}
@media screen and (max-width:860px){    
    .link_blk{
        position: absolute;
        top: 0;
        right: 6px;
    }
    .search_blk{
        position: absolute;
        top: 40px;
        right: 6px;
    }
}
@media screen and (max-width:810px){
}
@media screen and (max-width:783px){
}
@media screen and (max-width:768px){
    .btn_blk a.orng_btn{ font-size:106%; }    
    .btn_blk a.orng_btn{
        display:block; 
        width:98%; 
        margin:0 auto; 
        margin-bottom:10px; 
        padding:3% 0;
    }
    .fix_wrapper > p{width: 100%;}

}
@media screen and (max-width:767px){
    .logo{ float:none; margin:0;  }   
}
@media screen and (max-width:720px){
}
@media screen and (max-width:690px){

}
@media screen and (max-width:625px){    
    .header_right{ width:100%; }
}
@media screen and (max-width:599px){
    .link_blk{ margin-right:0; }
    .header{ position:relative; overflow:hidden;}
}
@media screen and (max-width:530px){
}

@media screen and (max-width:500px){
    .logo {height: 84px;}       
    .small-logo{display: inline; width: auto}
    #userLink #userDisplayName{display: none;}
    .search_blk {top:46px;}    
    .normal-logo{display: none;}

}
@media screen and (max-width:499px){
    .logo{float:none; margin:0 auto; }
}
@media screen and (max-width:480px){    
}
@media screen and (max-width:420px){

}
@media screen and (max-width:400px){
    .small-logo {width: 70px;height: auto;}      
}

@media screen and (max-width:370px){

}
@media screen and (max-width:290px){ 
    .small-logo {width: 70px;height: auto;}  
    .top_icon a {margin-right: 6px;}
    #userLink #userPic {width: 23px;} 

}