@charset "utf-8";
/* common styles */



.button,button{
    border: none;
    cursor: pointer;
    color: white;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 1px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin:2px 5px;
    padding: 3px 8px;
    border:1px solid #333;
    background-color:#bbb;
}

button:hover,.button:hover,.alt-button-background-color:hover,.main-button-background-color:hover {
    background-color:#000 !important;
}

.inline-block{
    display:inline-block;
    vertical-align:top;
}


/*
 colors
*/

.green{
    color:#96ca50;
}

.green-dark{
    color:#16864e;
}

.blue{
    color:#57b7e7;
}

.blue-dark{
    color:#0978b5;
}

.blue-light{
    color:#CDE9F8;
}

.orange{
    color:#fdc180;
}

.orange-dark{
    color:#f7941e;
}

.gray{
    color:#D2EDB6;
}

.black{
    color:#333;
}

.white{
    color:#fefefe;
}

.light-yellow{
    color:#faf7b6;
}

.red{
    color:#b40000;
}

.review-red{
    color:#cd3113;
}

.review-yellow{
    color:#f9b000;
}

.review-green{
    color:#33cc33;
}

.review-gray{
    color:#ccc;
}


.green-background{
    background-color:#96ca50;
}

.green-dark-background{
    background-color:#16864e;
}

.blue-background{
    background-color:#57b7e7;
}

.blue-dark-background{
    background-color:#0978b5;
}

.orange-background{
    background-color:#fdc180;
}

.orange-dark-background{
    background-color:#f7941e;
}

.gray-background{
    background-color:#D2EDB6;
}

.light-gray-background{
    background-color:#ddd;
}
.black-background{
    background-color:#333;
}

.white-background{
    background-color:#fefefe;
}

.red-background{
    background-color:#b40000;
}

.light-yellow-background{
    background-color:#faf7b6;
}

.black-background{
    background-color:#333;
}

/******************** Header ***************************/
div.header {
    height:39px;
    width:100%;
}

div.header-navigation{
    margin:0 25px;
}
div.header-navigation-left,div.header-navigation-right{
    font-size: 12px;
    font-weight: bold;
    margin: 11px 0px 0px 0px;
}
div.header-navigation-left{
    float: left;
    overflow:hidden;
    white-space: nowrap;
}

div.header-navigation-right{
    float: right;
}

div.header-navigation-right a,div.header-navigation-left a{
    margin: 0px 0px 0px 25px; 
}

div.header-navigation-left .my-portfolios a{
    margin: 2px 0 2px 3px;
}

div.header_upper_line {
    clear: both;
    height: 39px; }

.home-link{
    margin-top:11px;
    float:left;
    font-weight:bold;
    background-position:top center;
    background-repeat: no-repeat;
    background-size: 90px;
    width:90px;
    height:100px;
}


.logo-home{
    display:block;
    text-align:center;
    font-size:13px;
}
.home-link:hover .logo-home{
    color:#333;
}





.header_navigation_right .welcome-link{
    overflow:hidden;
    height:39px;
    padding: 10px 5px;
    border-left:2px solid transparent;
    border-right:2px solid transparent;
}
.welcome-link strong{
    height:100%;
    display:inline
}
.welcome-link img{
    display:inline;
}
/*.header_navigation_right .welcome-link:hover{
        background-color:#7FBD4E;
        border-left:2px solid #7FBD4E;
        border-right:2px solid #7FBD4E;
        color:#000;
        padding: 12px 5px;
}*/
.welcome-link:hover strong{
    color:#000;
}
.open-user strong{
    color:#000;
}
.header  .header_navigation_right .open-user{
    background-color:#fff;
    border-left:2px solid #999;
    border-right:2px solid #999;
    color:#666;
}




.user-dropdown{
    position:absolute;
    top:37px;
    right:0%;
    width:20%;
    overflow:hidden;
    background-color:#fff;
    z-index:1999;
    padding:25px 50px;
    border-bottom:2px solid #999;
    border-left:2px solid #999;
    border-right:2px solid #999;
    border-top:none;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}

.close-dropdown-button img{
    border:1px solid#483a36;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    position:absolute;
    right:10px;
    top:10px;
}

.close-dropdown-button img:hover{
    background-color:#eee;
}

.user-dropdown a{
    float:left;
    font-size:14px;
    color:#09c;
    margin-top:15px;
    clear:both;
    display:block;
    text-align:left;
    text-decoration:underline;
    text-transform:capitalize;
}
.user-dropdown strong{
    margin-top:15px;
    float:left;
    clear:both;
}
.user-dropdown strong#anniversary_date{
    font-size:11px;
    margin-top:5px;
    color:blue;
}

.user-dropdown strong#anniversary_date span{
    color:#000;
}

.my-portfolios,.my-companies,.my-alerts{
    position:absolute;
    top:37px;
    left:0;
    background-color:#fff;
    width:25px;
    z-index:1999;
    padding:3px 5px;
    border-bottom:2px solid #999;
    border-left:2px solid #999;
    border-right:2px solid #999;
    border-top:none;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}

.my-alerts{
    max-height: 50%;
    overflow-y: scroll;
}

.my-alerts::-webkit-scrollbar-track {
  -webkit-box-shadow: rgba(0,0,0,0);
}

.my-alerts::-webkit-scrollbar {
  width: 8px;
}

.my-alerts::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color: rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.my-portfolios li,.my-companies li{
    margin-bottom:3px;
    display:block;
}    

.my-portfolios li .portfolio-link ,.my-companies li a{
    margin:0;
    text-decoration: underline;
    font-size:12px;
    font-weight:normal;
}    
/**** SubHeader  ***/
.subheader{
    width:100%;
    height: 72px;
    /* Safari 4-5, Chrome 1-9 
    background: -webkit-gradient(linear, left center, right center, from(#fefefe), to(#fefefe));*/

    /* Safari 5.1+, Chrome 10+ 
    background: -webkit-linear-gradient(top, #a2bf8b, #7FBD4E);*/

    /* Firefox 3.6+ 
    background: -moz-linear-gradient(top , #a2bf8b, #7FBD4E);*/

    /* IE 10 
    background: -ms-linear-gradient(top, #a2bf8b, #7FBD4E);*/


}

.subheader-inner{
    margin:0 25px;
}





.search_header {
    /*background: transparent url('../images/search_field.jpg') left top no-repeat;*/
    display:block;
    float: right;
    margin: 19px 0px 0px 0px;
    width:40%;

}
.outer-search-form {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    height: 38px;
    position: relative;
}
.select-search-type,#outer_search_type_chzn{
    display:inline-block;
    float:left;
    height:36px;
    cursor: pointer;
    display:none;
}

.outer-search-form .ui-icon{
    display:inline;
}
.textfield {
    display:inline;
    float:left;
    background: transparent;
    border: none;
    font-size: 13px;
    font-size: 16px;
    font-style: italic;
    margin: 10px -100px 0px 10px;
    width:70%;
}
.checklist-see-all,.cpa-see-top{
    margin:10px 0 0 0;
    position:absolute;
    right:45px;
    color:#5CE6FF;
    font-weight:600;
    font-size:13px;
    text-decoration:underline;

}
.checklist-see-all:hover,.cpa-see-top:hover{
    color:#eee;
}
.textfield::-webkit-input-placeholder {
    color: #222;
}
.textfield:-moz-placeholder {
    color: #222;
}

.search-now {
    background-image: url('/images/search_spyglass.png');
    width: 39px;
    height: 38px;
    border: none;
    cursor: pointer;
    margin:0px;
    display:inline-block;
    float: right;
    opacity:1;
}
.search-now:hover,.search-now:active,.add:hover,.add:active { background-color: #333; }

.add{
    width: 40px;
    height: 38px;
    border: none;
    cursor: pointer;
    margin:0px;
    display:inline-block;
    float: right;
}

.add-orange{
    background-image: url('../images/add-orange.png');
}

.search-now:hover,.search-now:active { background-color: #333; }

.mycompany-logo{
    margin-left:25px;
}
.mycompany-logo h3{
    white-space:nowrap;
    overflow:hidden;
    margin-top:3px;
    font-size: 16px;
}

.mycompany-logo p a{
    margin-left: 4px;
}
/************************************ Footer ****************************/
.footer{
}
.footer-holder{
    margin: 0 25px;
}
.footer-holder div{
    padding: 10px 0 0 0;
}
.footer-holder div span,.footer-holder div strong{
    font-size:13px;
}
.footer-holder .footer-lists{
    overflow: hidden;
    white-space: nowrap;
}
.footer-holder .footer-lists .company-list a{
    text-decoration:underline;
    font-weight:bold;
}
.footer-holder .footer-lists .company-list a:hover{
    text-decoration:none;
}
.footer-holder .footer-lists ul{
    display:inline-block;
    vertical-align:top;
    margin-right:15px;
}