/* if page has scrolled to the top - social bar's top = gallery's top. */
.sb {
    position   : fixed;
    width      : 167px;
    height     : 610px;
    right      : -125px;
    top        : 130px;
    z-index    : 499;
}
.sb_social_list {
    position   : relative;
    width      : 100%;
    height     : 320px;
    margin     : 0;
    padding    : 0;
    background : #919395;
    z-index    : 3;
}
.sb_social_list li {
    list-style-type : none;
    width           : 100%;
    height          : 40px;
    cursor          : pointer;
    background      : url("/sites/all/modules/social_bar/images/icons.png") no-repeat;
}
.sb_social_list li:hover,
.sb_social_list li.open {
    background-image : url("/sites/all/modules/social_bar/images/icons_hover.png");
    background-color : #fcb816;
}
.sb_social_list li:hover a,
.sb_social_list li.open a {
    color : #fff;
}
.sb_toggle {
    position    : relative;
    display     : block;
    width       : 100%;
    height      : 20px;
    text-indent : -9999em;
    cursor      : pointer;
    background  : #b6c900 url("/sites/all/modules/social_bar/images/icons.png") no-repeat 0 0;
    z-index     : 2;
}
.sb_toggle.open {
    background-image : url("/sites/all/modules/social_bar/images/icons_hover.png");
}
.sb_social_list .sb_faq {
    background-position: 0 -22px;
}
.sb_social_list .sb_chapters {
    background-position: 0 -64px;
}
.sb_social_list .sb_facebook {
    background-position: 0 -103px;
}
.sb_social_list .sb_twitter {
    background-position: 0 -140px;
}
.sb_social_list .sb_youtube {
    background-position: 0 -180px;
}
.sb_social_list .sb_tumblr {
    background-position: 0 -221px;
}
.sb_social_list .sb_blog {
    background-position: 0 -260px;
}
.sb_social_list .sb_signup {
    background-position: 0 -301px;
}
.sb_social_list .sb_calendar {
    background-position: 0 -339px;
}
.sb_social_list .sb_informed {
    background-position: 0 -377px;
}


.sb_faq_link,
.sb_chapters_link,
.sb_facebook_link,
.sb_twitter_link,
.sb_youtube_link,
.sb_tumblr_link,
.sb_blog_link,
.sb_signup_link,
.sb_calendar_link,
.sb_informed_link {
    display         : block;
    width           : auto;
    height          : 100%;
    padding         : 0 0 0 55px;
    color           : #cbcacc;
    text-decoration : none;
    font            : 0.9em/3.1em Arial;
}
.sb_popups {
    position : absolute;
    width    : 0;
    height   : 100%;
    top      : 0;
    right    : 100%;
    overflow : hidden;
    z-index  : 1;
}
.sb_chapters_popup {
    position   : absolute;
    top        : 60px;
    right      : -255px;
    width      : 255px;
    height     : 72px;
    background : #fcb820;
    z-index    : 1;
    text-align : center;
}
.sb_chapters_popup h2 {
    margin         : 0;
    padding        : 0;
    text-transform : uppercase;
    font           : bold 1.3em/1.9em Arial;
    color          : #fff;
    text-align     : center;
}
.sb_chapters_popup select {
    display : block;
    width   : 172px;
    margin  : 0 auto;
}
.sb_facebook_popup {
    position   : absolute;
    top        : 0;
    right      : -315px;
    width      : 315px;
    height     : 581px;
    background : #333;
    z-index    : 1;
}
.sb_facebook_popup .fb-like-box {
    padding : 7px;
}
.sb_twitter_popup {
    position   : absolute;
    top        : 0;
    right      : -458px;
    width      : 458px;
    height     : 445px;
    z-index    : 1;
}
.sb_signup_popup {
    position   : absolute;
    top        : 299px;
    right      : -257px;
    width      : 257px;
    height     : 41px;
    background : #fcb820;
    z-index    : 1;
}
.sb_signup_email {
    display    : block;
    float      : left;
    width      : 203px;
    height     : 25px;
    padding    : 0 0 0 8px;
    margin     : 8px 0 8px 11px;
    border     : none;
    font       : 1em Arial;
    color      : #808084;
    background : #fff;
}
.sb_signup_go {
    display    : block;
    float      : left;
    width      : 25px;
    height     : 25px;
    padding    : 0;
    margin     : 8px 0 8px 0;
    border     : none;
    font       : bold 0.9em Arial;
    color      : #a9cf44;
    background : #808084;
}