/*BROKER HOME PAGE*/

#menu ul, #menu li, #menu p, #menu h3
{
    font-size: 13px;
    line-height: 16px;
    -webkit-text-size-adjust: 95%;
}
.blMainMenu
{
    float: left;
    display: block;
    background-image: url(../Images/bLMainMenu.png);
    width: 10px;
    height: 48px;
}

.brMainMenu
{
    float: left;
    display: block;
    background-image: url(../Images/bRMainMenu.png);
    width: 10px;
    height: 48px;
}
#menu.brokerExchange
{
    list-style: none outside none;
    margin-left: 0;
    height: 48px; 
    padding: 0 15px;
    position: relative;
    float: left;
    z-index: 2000;
    width: 890px;     
    background: url("../Images/bMainMenu.png") repeat-x scroll 0 0 transparent;
    color: #507a84;
}

.ie7 #menu.brokerExchange
{
    width: 889px;
    height: 58px;
}

.ie10 #menu ul, .ie10 #menu li, .ie10 #menu p, .ie10 #menu h3
{
    font-size: 12px;
    line-height: 16px;
}



#menu li.home
{
    min-width: 5px;
    margin: 15px 12px 0 5px;
    padding:0 12px 0 4px;
}




#menu .divider
{
    width: 2px;
    height: 35px;
    float: left;
    display: block;
    background: url("../Images/divider.png") no-repeat;
    margin: 12px 0;
    padding: 0;
}

#menu li
{
    float: left;
    display: block;
    text-align: left;
    margin: 8px 2px 0 2px;
    border: none;
    padding: 0 50px;    /* JPS - fixes wrap on wider monitors */
}



#menu li p
{
    -webkit-text-shadow: 1px 1px 1px #FFFFFF;
    -moz-text-shadow: 1px 1px 1px #FFFFFF;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#menu li a
{
    display: block;
    color: #507a84;
    font-weight: bold;
    outline: 0 none;
    text-decoration: none;
    -webkit-text-shadow: 1px 1px 1px #FFFFFF;
    -moz-text-shadow: 1px 1px 1px #FFFFFF;
    text-shadow: 1px 1px 1px #FFFFFF;
}


#menu li.tab:hover
{
    background: #d5edef;
    background: -moz-linear-gradient(top, #d5edef, #e4f5f6);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d5edef), to( #e4f5f6));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d5edef, endColorstr=#e4f5f6);
    border-top: solid 1px #ced0c6;
    margin: 0 2px 0 2px;
    padding: 7px 50px 0 50px;
}

p.grayText
{
    color: #707070;
    font-weight: 500;
}

#menu li .drop
{
    padding-right: 12px;
    background: url("../Images/icon_5.png") no-repeat right -8px;
}

#menu li:hover .drop
{
    background: url("../Images/icon_5.png") no-repeat right 2px;
}

#menu li:hover .dropdown_4columns
{
    left: -1px;
    top: auto;
}

    #menu .home { background: url("../images/icon_4.png") no-repeat scroll 0 0 transparent; text-indent: -999em;}
    #menu .learn-more { background: url("../images/learn_more.png") no-repeat scroll 0 0 transparent; text-indent: -999em;}
    #menu .menu-icon {
         background: url("../images/main-navigation-menu.png") no-repeat scroll 0 0 transparent;
         bottom: 5px;
    color: black;
    height: 110px;
    padding: 5px 5px 10px 50px;
     position: relative;
     text-indent: -999em;
     }
    #menu .menu-icon.about-solstice {
        background-position: 50px 5px;
        height: 100px;
        width: 80px;
    }
    #menu .menu-icon.private-exchange {
       background-position: -100px 5px;
       height: 100px;
       left: 30px;
       width: 100px;
    }
    #menu .menu-icon.online-workspace {
      background-position: -240px 5px;
      height: 100px;
      left: 40px;
      width: 70px;
    }
    #menu .menu-icon.support-system {
      background-position: -355px 5px;
      height: 100px;
      left: 45px;
      width: 80px;
    }
    #menu .menu-icon.manage-carriers-plan {
        background-position: 20px -110px;
        height: 100px;
        left: 10px;
        width: 120px;
    }
    #menu .menu-icon.manage-clients {
       background-position: -155px -110px;
       height: 100px;
       left: 40px;
       width: 100px;
    }
    #menu .menu-icon.open-enrollment {
      background-position: -310px -110px;
      height: 100px;
      left: 30px;
      width: 110px;
    }
    #menu .menu-icon.single-source-billing {
       background-position: -485px -110px;
       height: 100px;
       left: 45px;
       width: 80px;
    }
    #menu .menu-icon.who-can-enroll {
        background-position: -20px -230px;
        height: 100px;
        left: 30px;
        width: 120px;
    }
    #menu .menu-icon.how-works
    {
       background-position: -180px -230px;
       height: 100px;
       left: 50px;
       width: 50px;
    }
    #menu .menu-icon.faq {
        background-position: -280px -230px;
        height: 100px;
        left: 50px;
        width: 50px;
    }
    #menu .menu-icon.here-for-you {
       background-position: -390px -230px;
       height: 100px;
       left: 40px;
       width: 120px;
    }
    

.dropdown_4columns
{
    margin: -1px -10px;
    float: left;
    position: absolute;
    left: -999em; /* Hides the drop down */
    text-align: left;
    padding: 10px 5px 10px 5px;
    background: #e4f5f6;
    z-index: 5;
    border-bottom: solid 1px #ced0c6;
    border-left: solid 1px #ced0c6;
    border-right: solid 1px #ced0c6; 
    width:101%;
}
.col_1
{
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px; height:240px;
    text-align: center;width: 216px;
}


.dropMenuSep
{
    width: 2px;
    height: 200px;
    float: left;
    display: inline;
    position: relative;
    background: url(../Images/dropMenuSep.png) no-repeat;
    margin-top: 15px;
}

h3
{
    margin: 7px 0 0 0;
    padding: 0;
    font-weight: 600;
    font-size: 15px;
}

.learnMore
{
    width: 114px;
    height: 34px;
float:left;
    position:absolute;
   bottom:2px; left:55px;
}



/*BROKER ADMIN MENU*/
.blAdminMenu
{
    float: left;
    display: block;
    background-image: url(../Images/bLAdminMenu.png);
    width: 10px;
    height: 48px;
}

.brAdminMenu
{
    float: left;
    display: block;
    background-image: url(../Images/bRAdminMenu.png);
    width: 10px;
    height: 48px;
}


#menuBA.brokerAdmin
{
    list-style: none outside none;   
    margin:0;
    height: 48px; 
    padding: 0 15px;
    position: relative;
    float: left;
    z-index: 1;
    width: 890px;
    background: url("../Images/bAdminMenu.png") repeat-x scroll 0 0 transparent;  
}

.ie7 #menuBA.brokerAdmin
{
    width: 889px;
    height: 58px;
}

#menuBA li
{
    float: left;
    display: block;
    text-align: left;
    margin: 8px 2px 0 2px;
    border: none;
    padding: 10px 30px 0 30px;
    position:relative;
    
}

#menuBA li.firstLi
{
    margin-left:40px; 
}

#menuBA li.noHover
{
    padding:0 21px;
}


#menuBA li a
{
    display: block;
    color:#ffffff;
    font-size:14px;
    font-weight:normal;
    font-weight: bold;
    outline: 0 none;
    text-decoration: none;
}


#menuBA li:hover
{

}

.downArrow
{
    /*background: url(../Images/downArrow.png) no-repeat;*/
    width: 10px;
    height:9px;
    position:absolute;
    right:0;
    top:15px;
}