@font-face {
    font-family: "vodafone_rgregular";
    src: url('http://lab.vodafone.it/res_community/font/eot_vodafonerg-webfont.eot');
    src: url("http://lab.vodafone.it/res_community/font/eot_vodafonerg-webfont.eot?#iefix") format("embedded-opentype"), 
         url("http://lab.vodafone.it/res_community/font/woff_vodafonerg-webfont.woff") format("woff"),
         url("http://lab.vodafone.it/res_community/font/ttf_vodafonerg-webfont.ttf") format("truetype"), 
         url("http://lab.vodafone.it/res_community/font/svg_vodafonerg-webfont.svg#VodafoneRgRegular") format("svg");
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "vodafone_ltregular";
    src: url('http://lab.vodafone.it/res_community/font/eot_vodafonelt-webfont.eot');
    src: url("http://lab.vodafone.it/res_community/font/eot_vodafonelt-webfont.eot?#iefix") format("embedded-opentype"), 
         url("http://lab.vodafone.it/res_community/font/woff_vodafonelt-webfont.woff") format("woff"), 
         url("http://lab.vodafone.it/res_community/font/ttf_vodafonelt-webfont.ttf") format("truetype"), 
         url("http://lab.vodafone.it/res_community/font/svg_vodafonelt-webfont.svg#VodafoneLtRegular") format("svg");
    font-style: normal;
    font-weight: normal;
}

body.community {
    background-color: #FFFFFF;
    color: #4D4D4D;
}

.community a:hover {
    color: #e60000;
}
.community .page_centerer {
    width: 956px;
}

.community .grid {
    zoom:1;
    /*overflow: auto;*/
}

.community #header {
    width: 956px;
}


.community .newHeader .headerNavigation {
    width: 950px;
}

.community #herospace {
    margin-left: 3px;
}

.community #wide_content {
    width: 950px;
    margin-left: 3px;
    float: left;
}

.community #content {
    width: 718px;
    margin-left: 3px;
    float: left;
}
.community #sidebar {
    width: 234px;
    float: left;
}

.community h1 {
    font-size: 25px;
    color: #E60000;
    line-height: 50px;
    font-family: 'vodafone_rgregular', Arial, sans-serif;
}

    .community h1 a {
        color: #E60000;
    }
        .community h1 a:hover {
            color: #E60000;
        }

.community h2 {
    font-size: 18px;
    color: #000000;
    border-bottom: 1px solid #808080;
    padding-bottom: 5px;
    font-family: 'vodafone_rgregular', Arial, sans-serif;
}
    .community h2 a {
        color: #000000;
    }
    .community h2 a:hover {
        color: #e60000;
    }

    .community h2.icon_box_title {
        border: 0 none;
        line-height: 21px;
        padding-bottom: 0;
        margin-bottom:7px;
    }

.community h3 {
    font-size: 13px;
    color: #525252;
    font-weight: bold;
    font-family: Arial, sans-serif;
}
    .community h3 a {
        color: #525252;
    }

    .community h3 a:hover {
        text-decoration: underline;
    }

.community h3.hp_topic_title {
    color: #333333;
    font-weight: normal;
}
    .community h3.hp_topic_title a {
        color: #333333;
    }

    .community h3.hp_topic_title a:hover {
        text-decoration: underline;
        color: #e60000;
    }

.community h4 {
    font-size: 11px;
    color: #666666;
    line-height: 20px;
}

.community em {
    font-style: normal;
}
.community a {
    text-decoration: none;
}
.community a em, .community a.readall {
    color: #007C92;
}
    .community a:hover em, .community a.readall:hover {
        color: #00b0ca;
    }

.community .welcome {
    font-size: 12px;
}
.community .btn_gray_community {
    background: url('../img/community/btn_gray_community.gif') repeat-x left center transparent;
    border: 1px solid #d7d7d7;
    display: block;
    float: left;
    line-height: 21px;
    font-size: 11px;
    font-weight: bold;
    padding: 0 6px;
}

.community .btn_gray_community:hover {
    background: url('../img/community/btn_gray_community_hover.gif') repeat-x left center transparent;
    color: #525252;
}

.community .btn_right_bottom {
    position: absolute;
    right: 20px;
    bottom:10px;
}

.community .btn_action_community {
    background: url('../img/community/btn_action_community.png') repeat-x left center transparent;
    display: block;
    line-height: 23px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    float: left;
    padding:0 10px;
}

.community .btn_action_community:hover {
    background: url('../img/community/btn_action_community_hover.png') repeat-x left center transparent;
    color: #ffffff;
}

/* MENU */
.community .headerNavigation .firstLevelNavigation .firstLevelNavigationTabs .firstLevelNavigationTab .firstLevelNavigationLink:hover {
    background: none repeat scroll 0 0 #BD0000;
    color: #FFFFFF !important;
}

.community .headerNavigation .firstLevelNavigation .firstLevelNavigationTabs .firstLevelNavigationTab .firstLevelNavigationLink:hover span{
    background-position: 100% -124px;
}

.community .headerNavigation .firstLevelNavigation #search_form {
    float: right;
}

.community #search_form input#top-search-field {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    margin: 0 0 0 9px;
    padding: 0 0 0 4px;
    position: absolute;
    right: 40px;
    top: 19px;
    vertical-align: top;
    width: 122px;
}


/*
------------------------------
LOGIN 
------------------------------
*/

#CommunityLoginContainer {
    background: none repeat scroll 0 0 transparent;
    color: #525252;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 140%;
    position: absolute;
    right: 0;
    top: 9px;
    width: 223px;
}

#CommunityLoginContainer .com_vodafone_header {
    display: none;
}

#CommunityLoginTab {
    background: url("../img/community/login.dropdown.tab.jpg") left top no-repeat;
    height: 23px;
    width: 167px;
    border: 1px solid #c7c7c7;
    padding: 0 27px;
}

#CommunityLoginTab span {
    display: block;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
}

#CommunityLoginOverlayer {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #c7c7c7;
    border-top: 0 none;
    display: none;
    width: 221px;
}

#CommunityLoginOverlayer .loginWidget {
    padding:10px 0 0 15px;
    height: 156px;
    overflow: hidden;
}

#CommunityLoginOverlayer .loginWidget input {
    border: 1px solid #ccc;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    margin-bottom: 3px;
    padding: 3px;
}

#CommunityLoginOverlayer .loginWidget .com_vodafone_border .com_vodafone_username {
    width: 164px;
}

#CommunityLoginOverlayer .loginWidget .com_vodafone_border #com_vodafone_pwd,
#CommunityLoginOverlayer .loginWidget .com_vodafone_border #com_vodafone_txt {
    width: 112px;
}

#CommunityLoginOverlayer .loginWidget .com_vodafone_border,
#CommunityLoginOverlayer .loginWidget .com_vodafone_footer {
    background-image: none;
}

#CommunityLoginOverlayer .loginWidget .com_vodafone_border #com_vodafone_login a.com_vodafone_button{
    top: 21px;
}

#CommunityLoginOverlayer .loginWidget .com_vodafone_border .link_list1Col {
    bottom: 4px;
}

#CommunityLoginOverlayer .userBox {
    padding: 10px;
}

.userBox .info {
    position: relative;
    height: 40px;
    line-height: 16px;
}

.userBox .avatar {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    display: block;
}

.userBox .rating {
    display: block;
}

.userBox .groupBadge {
    position: absolute;
    height: 30px;
    width: 30px;
    display: block;
    top: 0;
    right: 0;
}

.userBox .attributes {
    clear: both;
    margin-top: 5px;
}

.userBox .attributes h4 {
    font-weight: bold;
    color: #525252;
    line-height: 16px;
}

.userBox .attributes .profileBar {
    width: 201px;
    height: 7px;
    background-color: #e3e3e3;
    margin-top: 5px;
}

.userBox .attributes .profileBarPercentage {
    height: 7px;
    background-color: #333333;
}

.userBox .logoutButton {
    margin-top: 5px;
}

.userBox .logoutButton a {
    display: block;
    width: 100%;
    padding: 0;
    text-align: center;
    cursor: pointer;
}

#notificationBoxContainer{
    position: absolute;
    top: 9px;
    right: 228px;
    overflow: hidden;
    background-color: none;
    z-index: 10000;
    height: 25px;
    width: 107px;
}

#notificationsBox{
    float: right;
}

/*
------------------------------
SCROLL
------------------------------
*/

.community .CommunityItemsScroll {
  /* required settings */
  position:relative;
  overflow:hidden;
}

.community .CommunityItemsScroll .CommunityItemsPics {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}


/*
------------------------------
CONTENT
------------------------------
*/

.community_avatar {
    float: left;
    width: 70px;
    height: 70px
}

.community_user_badge {
    float: left;
    width: 62px;
    height: 62px;
    padding-top: 8px;
}

.community_user_badge img{
    width: 62px;
    height: 62px;
}


.status_offline {
    color: #FF0000;
    font-weight: bold;
}


.status_online {
    color: #33CC00;
    font-weight: bold;
}

.community #QW2HerospaceScrollable {
    height: 180px;
    width: 710px;
    clear: both;
    overflow: hidden;
}
    .community #QW2HerospacePageContainer .CommunityBannerItem {
    height: 180px;
    width: 710px;
    overflow: hidden;
    float: left;
}

.community .box_forum {
    width: 710px;
    margin-bottom:30px;
    position: relative;
}

    .community .box_thread {
        padding:10px 0 10px 40px;
        border-top: 1px dotted #CCCCCC;
        min-height: 30px;
    }

    .community .box_thread.first {
        border-top: 0 none;
    }

                /* ICON TOPIC*/

        .community .box_thread.normal {
            background: url("http://lab.vodafone.it/forum/styles/labCommunity/imageset/topic_read.gif") no-repeat 5px 10px transparent;
        }
        .community .box_thread.sticky {
            background: url("http://lab.vodafone.it/forum/styles/labCommunity/imageset/sticky_read.gif") no-repeat 5px 10px transparent;
        }
        .community .box_thread.announce {
            background: url("http://lab.vodafone.it/forum/styles/labCommunity/imageset/announce_read.gif") no-repeat 5px 10px transparent;
        }
        .community .box_thread.global {
            background: url("http://lab.vodafone.it/forum/styles/labCommunity/imageset/global_read.gif") no-repeat 5px 10px transparent;
        }
        .community .box_thread.vodafone_topic {
            background: url("http://lab.vodafone.it/forum/images/icons/only_moderator_vodafone.gif") no-repeat 10px 15px transparent;
        }

        .community .box_thread img.rating {
            vertical-align: middle;
        }

    .community .box_video {
        position: absolute;
        width: 300px;
        background: #FFFFFF;
        top: 35px;
        left: 400px;
        padding-left: 10px;
    }
        .community .box_video .box_video_border {
            border-left: 1px dotted #CCCCCC;
            padding-left: 45px;
        }
            .community .box_video .box_video_border .box_video_title {
                margin-bottom:5px;
                width: 220px;
            }
            .community .box_video .box_video_title h3{
                font-size: 14px;
            }
            .community .box_video .box_video_content {
                margin-top: 5px;
                width: 220px;
            }
            .community .youtube_thumbnail_video {
                float: left;
                position: relative;
            }
                .community .youtube_thumbnail_video .video-thumb {
                    float: left;
                    overflow: hidden;
                    position: relative;
                }
                    .community .youtube_thumbnail_video .clip {
                        position: absolute;
                        top: -18%;
                    }
                        .community .youtube_thumbnail_video .yt_thumbnail_video_play {
                            background: url("../img/community/youtube_play_icon.png") no-repeat scroll center center transparent;
                            cursor: pointer;
                            height: 47px;
                            left: 50%;
                            margin: -23px 0 0 -23px;
                            position: absolute;
                            text-indent: -10000px;
                            top: 50%;
                            width: 47px;
                        }

            .community .youtube_thumbnail_video.yt_thumnb_small, .yt_thumnb_small .video-thumb {
                height: 70px;
                width: 126px;
                margin-right: 15px;
            }
            .community .yt_thumnb_small .video-thumb img{
                width: 126px;
            }

            .community .youtube_thumbnail_video.yt_thumnb_medium, .yt_thumnb_medium .video-thumb {
                height: 115px;
                width: 210px;
            }
            .community .yt_thumnb_medium .video-thumb img{
                width: 210px;
            }
            .community .youtube_thumbnail_video.yt_thumnb_medium {
                float: none;
            }

        .community .box_video .toVideoTutorial {
            text-align: right;
        }

        .community .sidebar_box_video_evidenza {
            border-bottom: 1px dotted #CCCCCC;
            padding-bottom: 10px;
        }

        .community .sidebar_box_video_evidenza h3 {
            clear: both;
            line-height: 25px;
        }
        .community .sidebar_box_video_evidenza ul li p {
            padding:10px 0;
        }

        .community .sidebar_box_assistenza {

        }

        .community .sidebar_box_assistenza h2 {
            margin-bottom:0px;
        }
        .community .sidebar_box_assistenza .sidebar_assistenza_content {
            margin:10px 0;
        }
        .community .sidebar_box_assistenza .sidebar_assistenza_content ul {
            width: 210px;
            margin-top:10px;
        }
        .community .sidebar_box_assistenza .sidebar_assistenza_content ul li{
            border-bottom: 1px dotted #cccccc;
            line-height: 18px;
        }

    .community .sidebar_regolamento a {
        font-size: 13px;
        line-height: 20px;
    }

.community .box_content {
    width: 710px;
    margin-bottom:30px;
    position: relative;
    min-height: 225px;
}
.community h2.innertitle
{
    border: 0;
}

.community #forum_hot_topics ul {
    overflow: hidden;
}
.community #forum_hot_topics ul li{
    float: left;
    margin-right: 40px;
    width: 200px;
}
.community #forum_hot_topics ul li.last{
    margin-right: 0px;
}
.community #forum_hot_topics ul li h3{
    padding:7px 0;
}
.community #forum_hot_topics ul li .discussion_header{
    margin-bottom:5px;
}
.community #forum_hot_topics .avatar{
    float: left;
    margin-right: 5px;
}

.community .loading{
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto;
}

/*
--------------------------------------------------
COMMUNITY BOX
--------------------------------------------------
*/
.community .community_box {
    background: url("../img/community/bg_community_box.png") no-repeat scroll center bottom transparent;
    padding-bottom: 3px;
    width: 710px;
    margin-bottom:15px;
}

.community .community_box_border {
    border-left: 1px solid #FAFAFA;
    border-right: 1px solid #FAFAFA;
    border-top:1px solid #FAFAFA;
    border-radius: 2px;
    -moz-border-radius: 2px; /* firefox */
    -webkit-border-radius: 2px; /* safari, chrome */
}
.community .community_box_border_inner {
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    border-top:1px solid #ECECEC;
    border-radius: 2px;
    -moz-border-radius: 2px; /* firefox */
    -webkit-border-radius: 2px; /* safari, chrome */
    padding: 8px;
}



/*
--------------------------------------------------
SIDEBAR
--------------------------------------------------
*/


/*TAB*/

.community .QW2tabContainer .QW2tabs {
    padding: 0px;
}

.community .sidebar_box .QW2tabBottomBorder {
    width: 232px;
    margin-left:1px;
    background-color: #ffffff;
}

.community .QW2tabContainer .QW2tabs li {
    margin:0px;
}

.community .QW2tabContainer .QW2tabs li a {
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    background-color: #666666;
    border-top: 1px solid #ECECEC;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    font-family: 'vodafone_ltregular', Arial, sans-serif;
}

.community .QW2tabContainer .QW2tabs li a:hover {
}

.community .QW2tabContainer .QW2tabs li.active a {
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    background-color: #FFFFFF;
    border-bottom:1px solid #fff;
}

.community .link_all_superuser {
    bottom: 6px;
    position: absolute;
    right: 8px;
}

/*SCROLL IN TAB*/

.community #sidebar_top_labbers, .community #sidebar_top_comments {
  width: 217px;
  height:148px;
}

.community #sidebar_top_labbers .single_labber {
    float: left;
    height: 95px;
    overflow: hidden;
    padding: 20px 0px 0 7px;
    width: 207px;
}

.community #sidebar_top_labbers .single_labber.avatar img {
    float: left;
}

.community .single_labber_content {
    float: right;
    width: 105px;
    font-size: 10px;
    padding-top:35px;
}

.community .labbers_nick {
    font-size: 12px;
}

.community #sidebar_top_labbers .btn_gray_community {
    float: right;
}

.community #sidebar_top_labbers .QW2TabBoxNavigator {
    left: 25px;
    position: relative;
    top: 125px;
    width: 54px;
}

.community #sidebar_top_comments .QW2TabBoxNavigator {
    left: 75px;
    position: relative;
    top: 134px;
    width: 54px;
}

.community #sidebar_top_labbers .QW2TabBoxNavigatorPages {
    float: left;
    position: absolute;
    left:35px;
    top:125px;
    width: 35px;
}

.community #sidebar_top_comments .QW2TabBoxNavigatorPages {
    float: left;
    left: 85px;
    position: absolute;
    top: 134px;
    width: 35px;
}

.community #sidebar_top_comments .QW2TabBoxNavigatorPages .QW2BoxNavigatorBrowsePrev {
    float: left;
}



/* TOP COMMENTS */

.community #sidebar_top_comments .two_comment {
    float: left;
    height: 125px;
    overflow: hidden;
    padding: 10px 0 0 7px;
    width: 207px;
}

.community #sidebar_top_comments .two_comment .single_comment {
    border-bottom: 1px dotted #e6e6e6;
    padding-bottom:5px;
}
    .community #sidebar_top_comments .two_comment .single_comment .comment_text {
        line-height: 12px;
}
    .community #sidebar_top_comments .two_comment .single_comment .comment_data {
        font-size: 10px;
}
    .community #sidebar_top_comments .two_comment .single_comment .comment_labbers_nick {
        font-weight: bold;
}
        .community #sidebar_top_comments .two_comment .single_comment .comment_labbers_nick img {
            float: right;
            margin-top: 5px;
}

.community #sidebar_top_comments .navigation_scroll .wrapp_navi {
    margin: 0 auto;
    width: 95px;
}

/* SCROLL NAVIGATION */

.community #sidebar .QW2TabBoxNavigator .QW2BoxNavigatorBrowsePrev, .community #sidebar .QW2TabBoxNavigator .QW2BoxNavigatorBrowseNext {
    height: 10px;
    width: 5px;
    cursor: pointer;
    display: block;
    text-indent: -9999999px;

} 
.community #sidebar .QW2TabBoxNavigator .QW2BoxNavigatorBrowsePrev {
    margin: 4px 10px 0 0;
}
.community #sidebar .QW2TabBoxNavigator .QW2BoxNavigatorBrowseNext {
    margin: 4px 0 0 10px;
}

.community #sidebar .QW2TabBoxNavigator .QW2BoxNavigatorBrowsePrev {
    height: 10px;
    width: 5px;
    cursor: pointer;
    display: block;
    text-indent: -9999999px;
    margin: 4px 10px 0 0;
}

.community #sidebar .QW2TabBoxNavigator .QW2BoxNavigatorBrowsePrev {
    background: url("../img/community/arrow_community_left.png") no-repeat scroll center top transparent;
}
.community #sidebar .QW2TabBoxNavigator .QW2BoxNavigatorBrowsePrev:hover {
    background: url("../img/community/arrow_community_left.png") no-repeat scroll center bottom transparent;
}
.community #sidebar .QW2TabBoxNavigator .QW2BoxNavigatorBrowsePrev.disabled {
    background: url("../img/community/arrow_community_left.png") no-repeat scroll center center transparent;
    cursor: default;
}
.community #sidebar .QW2TabBoxNavigator .QW2BoxNavigatorBrowsePrev.disabled:hover {
    background: url("../img/community/arrow_community_left.png") no-repeat scroll center center transparent;
}


.community #sidebar .QW2TabBoxNavigator .QW2BoxNavigatorBrowseNext {
    background: url("../img/community/arrow_community_right.png") no-repeat scroll center top transparent;
}
.community #sidebar .QW2TabBoxNavigator .QW2BoxNavigatorBrowseNext:hover {
    background: url("../img/community/arrow_community_right.png") no-repeat scroll center bottom transparent;
}
.community #sidebar .QW2TabBoxNavigator .QW2BoxNavigatorBrowseNext.disabled {
    background: url("../img/community/arrow_community_right.png") no-repeat scroll center center transparent;
    cursor: default;
}
.community #sidebar .QW2TabBoxNavigator .QW2BoxNavigatorBrowseNext.disabled:hover {
    background: url("../img/community/arrow_community_right.png") no-repeat scroll center center transparent;
}


/* BOX */
.community .sidebar_box {
    padding-bottom:7px;
    background: url("../img/community/bg_sidebar_box.gif") no-repeat scroll center bottom transparent;
}

.community .sidebar_box_border {
    width: 232px;
    border-left:1px solid #fafafa;
    border-right:1px solid #fafafa;
}

.community .sidebar_box_border_inner {
    width: 214px;
    border-left:1px solid #ececec;
    border-right:1px solid #ececec;
    padding:8px;
}


/* BOX VIDEO */
.community .sidebar_box_video {
    padding:8px 0;
    border-bottom:1px dotted #cccccc;
}

.community .sidebar_box_video.last {
    border-bottom:0;
}

.community .sidebar_box_video .youtube_thumbnail_video_medio {
    margin-right: 7px;
}

.community .post_news_wrapp {
    height: 280px;
}

.community .sidebar_avviso_moderatore .avviso_moderatore {
    overflow: auto;
    margin-bottom:10px;
        overflow: auto;
}
.community .sidebar_avviso_moderatore .avviso_moderatore .avatar{
    float: left;
    margin-right: 15px;
}

/*
----------------------------------
BOX WIDE WITH TITLE
----------------------------------
*/
.community .wide_with_title {
    border: 1px solid #d3d3d3;
    margin:20px 0px;
    padding-bottom: 10px;
    position: relative;
}

.community .wide_with_title h2.icon_box_title {
    background-color: #d3d3d3;
    border-bottom: 1px solid #c2c2c2;
    line-height: 30px;
    padding-left:20px;
}

.community .wide_with_title h2.icon_box_title img {
    margin-right: 10px;
    vertical-align: middle;
}

.community .wide_with_title h2.icon_statistics {
    background-image: url('../img/community/icon-statistics.png');
    background-position: 10px center;
    background-repeat: no-repeat;
}

.community .wide_with_title #box_statistics .wrapper-statistic {
    width: 100%;
    line-height: 25px;
    clear: both;
}

.community .wide_with_title #box_statistics ul {
    margin-left:25px;
    font-size: 12px;
    line-height: 25px;
    float: left;
}

.community #box_statistics .last-item-statistics ul {
    margin-bottom:25px;
}

.community .wide_with_title #box_statistics .wrapper-statistic ul {
    margin-left: 25px;
    padding-left: 15px;
}

.community .wide_with_title ul li {
    list-style: square;
    list-style-position: inside;
}

.community .wide_with_title #box_statistics .wrapper-statistic ul li {
    list-style-position: outside;
}

.community #box_statistics .list_users_statistics {
    padding-left:5px;
}

.community #box_statistics .list_users_statistics img.rating {
    margin-left:5px;
}

.community #box_statistics .btn_right_bottom a {
    margin-left: 5px;
}

/* 
---------------------------------
OLD FOOTER
---------------------------------
*/
#oldfooter {
    clear: both;
    color: #AAAAAA;
    font-size: 12px;
    padding-top: 16px;
    position: relative;
    text-align: center;
}
#oldfooter a, #oldfooter a:visited {
    color: #AAAAAA;
    text-decoration: none;
}
#oldfooter a:hover {
    color: #AAAAAA;
    text-decoration: underline;
}
#oldfooter .internal_links {
    float: left;
    margin-left: 0;
    text-align: left;
    width: 500px;
}
#oldfooter .internal_mails {
    float: left;
    text-align: right;
    width: 445px;
}


/*
--------------------------------
TWITTER TIMELINE SIDEBAR
--------------------------------
*/
.community .sidebar_tw_timeline .sidebar_box_border_inner {
    width: 214px;
}
.twitter-timeline {
  font-size: 11px;
  width: 214px;
}
.twitter-timeline .twitter-stream {
  overflow: auto;
  height: 150px;
}
.twitter-timeline a {
  text-decoration: none;
  padding: 0;
}
.timeline-header {
    box-shadow: 0 0 0 -3px transparent;
    padding: 0 0 8px;
}
.timeline-header .twitter-follow-button, .timeline-header .ic-twitter-badge {
    position: absolute;
    right: 6px;
    top: 6px;
}
.timeline-header .summary {
    font-size: 14px;
}
.timeline-header h1.summary {
    font-weight: bold;
}
.timeline-header h1.summary {
    font-size: 18px;
    line-height: 18px;
}
.tweet {
    padding: 5px 8px 6px;
    border-bottom: 1px dotted #E8E8E8;
    position: relative;
    font-family: Arial, sans-serif;
}
.tweet .header {
    min-height: 32px;
    padding: 0 0 4px 0px;
    position: relative;
}
.tweet-footer {
    -moz-transition: margin-top 0.2s ease-out 0s, padding-top 0.2s ease-out 0s, border-color 0.2s ease-out 0s;
    border-top: 1px solid #FFFFFF;
    margin-top: 2px;
    min-height: 16px;
    overflow: hidden;
    position: relative;
}

.tweet-footer a {
    font-weight: normal;
    color: #4D4D4D;
    font-size: 10px;
}

.tweet-footer .tweet-actions li a:hover {
    text-decoration: underline;
}

.tweet-footer-time {
    position: absolute;
    left: 0;
    bottom: 0;
}

.tweet-actions {
    position: absolute;
    right: 0;
    bottom: 0;
}

.tweet-actions li {
    float: left;
    cursor: pointer;
    outline: 0 none;
}
.tweet-actions li a {
    margin-left: 4px;
}
.timeline-footer {
    background: none repeat scroll 0 0 #E8E8E8;
    padding: 4px;
}
.timeline-header, .timeline-footer {
    position: relative;
    z-index: 100;
}
.tweet-box-button {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    display: block;
    padding: 6px;
    text-align: left;
    width: 100%;
}
.tweet-box-button {
    color: #AAAAAA;
}
.tweet-box-button {
    font-size: 13px;
}
button.load-more, .tweet-box-button, .no-tweets-pane .load-tweets {
    -moz-box-sizing: border-box;
}
.show-tweet-box .twitter-tweet-box {
    display: block;
}
.twitter-tweet-box {
    background: none repeat scroll 0 0 #E8E8E8;
    border-radius: 0 0 4px 4px;
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    z-index: 100;
}

.community .timeline-footer .narrow #tweet-form {
    padding: 6px 12px 6px 6px;
}

/*
----------------------------------
FACEBOOK  STREAM
----------------------------------
*/

.community  .facebook_stream_box {
    width: 214px;
    overflow: hidden;
}

.community .sidebar_box_border_inner .fb_header {
    position: absolute;
    top: 8px;
    right: 15px;
}

.community .sidebar_box_border_inner .fb_stream {
    height: 155px;
    overflow: auto;
    width: 100%;
    zoom:1; /*required for IE 6 and 7*/
}

    .community .sidebar_box_border_inner .fb_stream .fb_single_stream {
        border-bottom:1px dotted #e6e6e6;
        padding:10px 5px 5px 0;
        width: 200px;
        overflow-x: hidden;
        box-sizing: border-box;
    }

    .community .sidebar_box_border_inner .fb_stream .fb_single_stream img {
        float: left;
        margin-right: 7px;
    }
    .community .sidebar_box_border_inner .fb_stream .fb_single_stream span{
        font-size: 10px;
        float: left;
    }

.community .sidebar_box_border_inner .fb_footer {
    padding-top:10px;
}

.community .sidebar_box_border_inner .fb_footer a{
    color: #007c92;
}

.community .sidebar_fb_stream .sidebar_box_border_inner {
    position: relative;
}


/*
----------------------------------
JS SCROLL BAR
----------------------------------
*/
.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background: red;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background: #e6e6e6;
    position: relative;
}

.jspDrag
{
    background: #808080;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

.jspDragTop {
    background: url("../img/community/scrollbar.margins.png") no-repeat scroll left top transparent;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}
.jspDragBottom {
    background: url("../img/community/scrollbar.margins.png") no-repeat scroll left -5px transparent;
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 5px;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}
