/* jBar by Todd Motto - @toddmotto - toddmotto.com */

/* =============================================================================
   jBar Plugin Styles
   ========================================================================== */

.jBar {
    background: rgba(0,12,0,0.8); 
    padding:5px 0;
    color:#FFF;
    z-index: 900;
    width: 100%;
    height: 38px;
    position: absolute;
    top: 0;
    box-shadow: 0 1px 2px #CCCCCC;
    

}

.jBar .helloinner {
    display:block;
    width:1000px;
    margin:0 auto;
    height: 40px;
}

.jRibbon {
    padding:3px;
    position:fixed;
    top:0px;
     left:65px;
    display:none;
    border:3px solid #FFF;
    border-top:none;
    box-shadow:0 2px 5px #777;
    color:#FFF;
    cursor:pointer;
    border-radius:0 0 3px 3px;
}

.downarrow {
    position:absolute;
    top:3px;
    left:65px;
}

.jRibbon:hover {
    background:green url(../images/shine.png);
    cursor:pointer;
}

.up {
    top:-50px;
}

.text {
    display: inline-block;
    float: right;
    padding:7px 0;
    font-weight:900;
    text-align:right;
}
.text img{
    z-index: 400;
    position: relative;
}
.text a {
    font-weight:500;
    color:#333;
    margin:0 10px;
    padding:5px 10px;
    background:#F9F9F9;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    box-shadow:0 0 5px #777;
}

.text a:hover {background:#EEE;color:#111;}

.arrow {
    cursor:pointer;
}



/* Login Container (default to float:right) */
#show-hide-container {
    position:relative;
    float:right;
    font-size:12px;
}

/* Login Button */
#show-hide-button { 
    display:inline-block;
    float:right;
    background:#d2e0ea url(../images/buttonbg.png) repeat-x; 
    border:1px solid #899caa; 
    border-radius:3px;
    -moz-border-radius:3px;
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* Login Button Text */
#show-hide-button div {
    color:#445058; 
    font-size:14px; 
    font-weight:bold; 
    text-shadow:1px 1px #fff; 
    display:inline-block;
    float:left;
    line-height: 25px;
}
#show-hide-button span{
    display: inline-block;
    background:url(../images/loginArrow.png) no-repeat center 4px;
    height: 25px;
    width: 25px;
    float: left;
}

#show-hide-button:hover {
    background:url(../images/buttonbgHover.png) repeat-x;
}

/* Login Box */
#show-hide-box {
    position:absolute;
    right:0;
    display:none;
    z-index:29;

    width: 250px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
}

/* If the Login Button has been clicked */    
#show-hide-button.active {
    border-radius:3px 3px 0 0;
}

#show-hide-button.active span {
    background-position:center -79px;
}

/* A Line added to overlap the border */
#show-hide-button.active em {
    position:absolute;
    width:100%;
    height:1px;
    background:#d2e0ea;
    bottom:-1px;
}