@charset "utf-8";
/* CSS Document */

.hideme {
    display:none;
}

#top-banner-wrap {
    margin:0 auto;
    width: 980px;
}

#banner-wrap {
  margin-bottom:16px;
  width:100%;
  float:left;
  background-color:#333;
  box-shadow:0 2px 10px #555;
  -moz-box-shadow:0 2px 10px #555;
}

#meatball-top {
    background: transparent url(../img/dash_sprite.png) -86px -86px no-repeat;
    height:45px;
    width: 45px;
    float: left;
    margin-top: 5px;
}

#meatball-top a {
    height:50px;
    width: 45px;
    display:block;
}

#dash-logotype {    
    width: 186px;
    height: 45px;
    float:left;
    background: transparent url(../img/dash_sprite.png) -86px -5px no-repeat;
}

    #dash-logotype a {
        display:block;
        width: 186px;
        height:45px;
    }

.top-nav {
    float:right;
}

    .top-nav 
    .build {
        top: 100px;
        left: 35px;
        position: absolute;
        font-family: Arial;
        font-size: 11px;
        color:#FFD700;
    }

    .top-nav ul {
        margin: 0;
        margin-top:-18px;
        display: inline;
        list-style-type:none;
        float:right;
        text-transform:uppercase;
        letter-spacing:.05;
        z-index:1;

    }

    .top-nav li {
        display:inline;
        margin:0;
        padding:0;
        /* dropdown addition */
        display:block;
        position:relative;
        float:left;
        z-index:1;
        /* ----- */     
    }
    
    .top-nav li a {
        color:#7d7d7d;
        font-family:Helvetica, Arial, sans-serif;
        font-size:12px;
        padding: 3px 18px 4px;
        float:left;        
        /* dropdown addition */
        display:block;      
        float:none;
        /* ----- */
    }   
    


/* dropdown addition */
    .top-nav li ul {
        position:absolute;
        display:none;           
        padding:0;
        text-transform:none;    
        z-index:100;    
        margin-top:0;
        /*IE7 */
        width:120%;
        max-width:180px;
        }

    .top-nav li:hover a{
      color:#3093C7;
    }
    .top-nav li:hover ul {  
        display:block;
        }

    .top-nav li ul li, .top-nav li ul li:hover {
        width:120%;     
        text-align:left;
        background-color:#7d7d7d;
        border:none;  
        position:relative;  
        font-size:12px;    
    }
    
    .top-nav li ul li {
        position:relative;
        
    }
    
    .top-nav li:hover ul li:hover {
        opacity:1;
    }
    
    .top-nav li ul li.last{
        border-bottom:none;
    }
    
    .top-nav li:hover ul li a {
        background:none;
        margin:0;
        border:none;
        padding: 6px 20px 6px 20px;
        color:#ebebeb;
    }

    .top-nav li:hover ul li:hover a {
        color:#333333;
    }
    
    .top-nav li.add {
      background-color:#ccc;
    }
    .top-nav li:hover ul li.add a,
     li.add a {
        padding-bottom:0;
        margin-bottom:4px;
        height:18px;
        color:#F26522;
        font-weight:bold;
    }
    
    .top-nav li:hover ul li.add:hover a,
    li.add:hover a {
        color:#F26522;
        }
    
/* ----- */
    /*
    .top-nav li.first,
    .top-nav li.first:hover {
        -moz-border-radius-topleft:5px;
        -webkit-border-top-left-radius:5px; 
    }*/
    .top-nav ul li.first a {
        border-left:0;
        /*
        -moz-border-radius-topleft:5px;
        -webkit-border-top-left-radius:5px;*/
    }

    .top-nav ul li.last a {
        border-right: none;
    }

/* --for the "My Profile" tab that has a slightly different background image -- */
    .top-nav li a.profile,
    .top-nav li.profile  {
    }
    .top-nav li.profile:hover,
     a.profile:hover {
     background-color:#464646;
 
    }
    .top-nav li a:hover,
    .top-nav li.active a, 
    .top-nav li a.profile:hover, 
    .top-nav li:hover a, 
    .top-nav a.profile:hover{
        /*background: transparent url(../img/banner/hover.png) scroll repeat-x;*/
       text-decoration:none;
       z-index:100;    
    }
    
    .top-nav li.active a {
        font-weight:bold;
        color:white;
        background-color:#464646;
    }

/* ---- */
/*
#nav-wrap {
    width:960px;
    float: left;
}
*/
#nav-grad-wrap {
    width:925px;
    margin-left: 38px;
    float:left;
}

.sec_nav {
    min-height:6px;
    height:auto !important;
    height:6px;
    overflow:hidden;
    background:transparent url(../img/stripe.gif) scroll repeat;
    /* for drop down */
    float:left;
    width:100%;
    /*-------------*/


}


#login-search-wrapper {
    float:right;
    margin:5px 25px 0 0;
    display:block;
}

#login {
    color:#ebebeb;
    float:left;
    font-size:90%;
    margin-bottom:0px;
}

#login a {
    color:#3093C7;
    font-weight:bold;
}

#login a:hover {
    
    color:#ebebeb;

}
#search-field {
    margin-left:5px;
    float:left;
    
}
#search-field input {
    margin-right:0;
}
.searchbtn {
    background: transparent url(../img/dash_sprite.png) no-repeat scroll -91px -59px;
    border: 0 solid #00FF00;
    display:block;
    float:left;
    height: 20px;
    width:20px;
    padding-right:0;
    font-size:11px;
    text-indent:-9999px;
    cursor:pointer;
}

.searchbtn:hover {
    background: transparent url(../img/dash_sprite.png) no-repeat scroll -91px -58px;
}


.searchbox {
    /*background: transparent url(../../../../../../c3/static/htdocs/site/img/header-searchinputbox.gif) no-repeat scroll;*/
    border: 1px solid #ebebeb;
    display:block;
    float:left;
    font-size:10px;
    height: 15px;
    line-height: 19px;
    padding: 3px 3px 0;
    width: 180px;
    margin: 0 5px;

}