﻿#fb_social.notloggedin{/*height:50px;*/ margin-bottom:10px;border:1px solid #AAAAAA;background:url(../images/bgrepeater.png) repeat-x #F8FAFC;padding:5px; float:left; width:288px;}
#fb_social.notloggedin .fb_social_container {background-color:transparent; border-bottom:none;}
#fb_social.loggedin{background:none repeat scroll 0 0 #FFF;line-height:13px;margin-bottom:10px;min-height:63px;width:299px;border-color:#AAAAAA;border-style:solid solid none;border-width:1px 1px medium;padding:0; float:left; position:relative;}
.fb_social{position:relative}
#fb_social{position:relative}
.fb_social_container{font-family:Arial,Helvetica,sans-serif;font-size:12px;background-color: #E9F1F8;;border-bottom:1px solid #C6C6C6;/*position:absolute;*/width:289px;margin:0;padding:5px 5px 4px;left:0}
.fb_social_add_left{width:195px;line-height:16px;color:#636465;font-size:11px}
.fb_social_add_right{margin-top:15px}
.fb_social_user_img img{width:50px;height:50px;margin-right:5px}
.fb_social_user_name{font-size:16px;font-weight:400;margin-right:10px;width:100%;word-wrap:break-word; line-height:16px; margin:0px;}
#fb_social_remind.on{background:url(../images/checked.jpg) no-repeat scroll 4px 0 transparent}
#fb_social_remind.off{background:url(../images/unchecked.jpg) no-repeat scroll 4px 0 transparent}
#fb_social_your_activity,#fb_social_friend_activity,#fb_social_options{cursor:pointer}
#fb_social_your_activity.down_arrow{background:url(../images/down_arrow.gif) no-repeat 77px 10px transparent;padding: 8px 18px 5px 10px; margin-left: 4px; margin-top: -8px;}
#fb_social_friend_activity.down_arrow{background:url(../images/down_arrow.gif) no-repeat 90px 10px transparent;padding: 8px 18px 5px 10px; margin-left: 4px; margin-top: -8px;}
#fb_social_options.down_arrow{background:url(../images/down_arrow.gif) no-repeat right 2px transparent;padding-right:12px;padding-left:4px}
#fb_social_your_activity.up_arrow{background: url("../images/up_arrow_white.gif") no-repeat scroll 77px 10px #002647; color: #FFFFFF; margin-left: 4px; margin-top: -8px; padding: 8px 18px 5px 10px;}
#fb_social_friend_activity.up_arrow{background: url("../images/up_arrow_white.gif") no-repeat scroll 90px 10px #002647; color: #FFFFFF; margin-left: 4px; margin-top: -8px; padding: 8px 18px 5px 10px;}
#fb_social_options.up_arrow{background:url(../images/up_arrow.gif) no-repeat right 1px transparent;padding-right:12px;padding-left:4px}

.menu_container.zul #fb_social_your_activity.down_arrow{background:url(../images/down_arrow.gif) no-repeat 75px 10px transparent !important;margin-left:0 !important;}
.menu_container.zul #fb_social_your_activity.up_arrow{background: url("../images/up_arrow_white.gif") no-repeat scroll 75px 10px #002647;margin-left:0 !important;}
.menu_container.zul #fb_social_friend_activity.down_arrow{background:url(../images/down_arrow.gif) no-repeat 135px 10px transparent !important;}
.menu_container.zul #fb_social_friend_activity.up_arrow{background: url("../images/up_arrow_white.gif") no-repeat scroll 135px 10px #002647 !important;}

#your_activity_container,#options_container,.fb_social_activity_drop{border:solid 1px #BFBBBB}
#your_activity_container{background-color: #e9f1f8; border: 5px solid #002647; margin-top: 4px; max-width: 281px; width: 281px;position:absolute;top:79px;left:-1px;z-index:10000;min-height: 45px;}
#your_activity_container .fb_item{border-bottom:none!important; margin: 0!important; padding: 4px 0;}
#your_activity_container .fb_item .contentblock {width:250px;color:#666!important;padding-left:0;font-size:11px;}
#your_activity_container a.title{color:#1B2F5E!important;padding-left:0;text-decoration:none; width:200px; font-size:12px;}
#your_activity_container,#friend_activity_container a{text-decoration:none;padding:0 5px}

#friend_activity_container .fb_item a {padding:0!important;}
#friend_activity_container{background-color: #e9f1f8;margin-left: -1px; margin-top: -6px; max-width: 291px; width: 291px; border:5px solid #002647;}
#friend_activity_container .title a{color:#1B2F5E!important;padding-left:0;text-decoration:none; width:200px; /*float:left;*/ font-size:12px;}
#friend_activity_container .title{color:#666!important;padding-left:0;font-size:11px;}

#options_container{background-color:#FFF;left:43px;line-height:20px;margin-left:125px;position:absolute;top:80px;width:120px;z-index:10;padding:5px}
.left{float:left}
.right{float:right}
.fb_social_container.eng #btnAppLogin{background:url(../images/add_app_btn_english.png) no-repeat 0 0 transparent;height:20px;width:85px;display:block}
.fb_social_container.afr #btnAppLogin{background:url(../images/add_app_btn_afrikaans.png) no-repeat 0 0 transparent;height:20px;width:85px;display:block}
.fb_social_container.zul #btnAppLogin{background:url(../images/add_app_btn_isiZulu.png) no-repeat 0 0 transparent;height:20px;width:85px;display:block;margin-top:8px;}
.delete_post{background:url(../images/delete.png) no-repeat 0 -2px;height:17px;width:17px;display:block}
.clear{clear:both}

#your_activity_paging, #friend_activity_paging {width:auto; *width:60px; padding: 10px 0 0;}
#your_activity_paging a.next, #friend_activity_paging a.next {background: url("../images/pagination_sprite.png") no-repeat scroll -12px 0; display: block; height: 12px; width: 12px; float:right;}
#your_activity_paging a.previous, #friend_activity_paging a.previous {background: url(../images/pagination_sprite.png) no-repeat 0 0;height: 12px; width: 12px;display: block; float:left; padding:0}
#your_activity_paging .page_num, #friend_activity_paging .page_num {padding:0 9px!important; text-align:center; *float:left;}

#fb_activity_status{ background-image: url("../images/lights.png");background-repeat: no-repeat;display: block; *display: inline; padding-left: 18px; float:right; *float:none;/* position: absolute; right: 24px;top: 0px;*/}
#fb_social_activity{clear: both; cursor: pointer; display: block; left: 62px; padding-right: 12px; position: absolute; top: 33px; *width: 140px;}

#fb_social_activity.down_arrow{background:url(../images/down_arrow.gif) no-repeat right 2px;}
#fb_social_activity.down_arrow{*background-position:80px 2px;}
#fb_social_activity.up_arrow{background:url(../images/up_arrow.gif) no-repeat right 2px;}
#fb_social_activity.up_arrow{*background-position:80px 2px;}

.eng #fb_activity_status{ background-image: url("../images/lights.png");background-repeat: no-repeat;display: block; *display: inline; padding-left: 18px; float:right; *float:none;}
.eng #fb_social_activity.down_arrow{*background-position-y: 3px; *background-position-x: 85px;}
.eng #fb_social_activity.up_arrow{*background-position-y: 3px; *background-position-x: 85px;}

.zul #fb_activity_status{ background-image: url("../images/lights.png");background-repeat: no-repeat;display: block; *display: inline; padding-left: 18px; float:right; *float:none;}
.zul #fb_social_activity.down_arrow{*background-position-y: 3px; *background-position-x: 138px;}
.zul #fb_social_activity.up_arrow{*background-position-y: 3px; *background-position-x: 138px;}

.afr #fb_activity_status{ background-image: url("../images/lights.png");background-repeat: no-repeat;display: block; *display: inline; padding-left: 18px; float:right; *float:none;}
.afr #fb_social_activity.down_arrow{*background-position-y: 3px; *background-position-x: 100px;}
.afr #fb_social_activity.up_arrow{*background-position-y: 3px; *background-position-x: 100px;}

.fb_social_activity_drop{background-color:#FFF;display:block;float:left;position:absolute;right:-1px;top:50px;width:155px;z-index:10000;padding:5px}
#fb_social_remind span{display:block;padding-left:30px}
#fb_social_remind{margin-top:5px;cursor:pointer}
#drop_down_activity{background-image:url(../images/lights.png);background-repeat:no-repeat;padding-left:13px;cursor:pointer}
#friend_activity_container .fb_item{border-bottom: 1px solid #D7D3D3; margin:9px 5px 0; padding-bottom: 6px;}
#friend_activity_container .fb_item img {padding-right:5px;}
.timestamp{color:#A29D9D;display:block;line-height:16px;font-size:11px}
.profile_container{width:223px}
.menu_container{font-size:11px;left:57px;margin-top:10px;/*position:absolute;*/top:38px;width:/*255px*/100%}
.fb_loader{background:url(../images/ajaxloader.gif) no-repeat 130px 10px; width:32px; height:32px;}
#added_activity_container,#add_activity_container{border:solid 1px #BFBBBB;width:279px;left:-1px;position:absolute;top:60px;font-family:Arial,Helvetica,sans-serif;font-size:12px;background-color:#fff;z-index:1;padding:10px}
.activity_remind_controls{border-bottom:solid 1px #BFBBBB;padding-bottom:11px;margin-bottom:5px}
#added_activity_container p,#add_activity_container p{border-bottom:solid 1px #BFBBBB;padding-bottom:5px;margin-bottom:10px}
#fb_social_invite .btn_invite{background-image:url(../images/invite_friends_btn.png);background-repeat:no-repeat;display:block;float:right;height:21px;margin-left:19px;margin-top:10px;width:96px;padding:0}
#fb_social_invite{background-image:url(../images/add_friend.jpg);background-position:10px 14px;background-repeat:no-repeat;height:40px;padding:10px}
#fb_social_invite .message{display:block;float:left;margin-left:45px;width:120px}
.fb_social_add_left span,.added_activity_header,.add_activity_header{font-size:16px;color:#22588A;font-weight:400}
#options_container a,#added_activity_container a{text-decoration:none}
#options_container a:hover,#added_activity_container a:hover{text-decoration:underline}

.activity_on,#drop_down_activity.off{background-position:2px 2px}
.activity_off,#drop_down_activity.on{background-position:2px -20px}

@media screen and (-webkit-min-device-pixel-ratio:0)  
{    
    #fb_activity_status {margin-top: -13px;}    
}  



#fb_activity_status:hover,#drop_down_activity:hover{color:#f90}
#add_activity_container .activity_remind_controls #btnAddOK{margin-right:10px}
input[type=button],button,.btn{background-color:#434D5F;border:1px solid #282E39;color:#FFF;cursor:pointer;font-size:12px;font-weight:700;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;padding:1px 5px 2px}
#friend_activity_container iframe{margin-top:-1px}
.socialnewsbasefix .fb_social_container{padding:5px 5px 5px}
/*.socialnewsbasefix  #options_container,
.socialnewsbasefix #your_activity_container{top: 60px;}
/*.body_content  #fb_social, #body_content  #fb_social{ margin-left: -5px;}*/
.body_content  #fb_social .fb_social_container,
 #body_content  #fb_social .fb_social_container{   width: 278px;}
 

.body_content #fb_social, 
#body_content  #fb_social  {width:288px}
.body_content #fb_social.notloggedin, 
#body_content  #fb_social.notloggedin  {width:278px}
.body_content #fb_social #friend_activity_container iframe, 
#body_content #fb_social #friend_activity_container iframe{width: 290px!important}

.body_content #fb_social #friend_activity_container, 
#body_content #fb_social #friend_activity_container{max-width: 288px!important;width: 289px!important}

.body_content #fb_social #fb_social_your_activity.down_arrow, 
#body_content #fb_social #fb_social_your_activity.down_arrow{ background: url("../images/down_arrow.gif") no-repeat scroll 65px 2px transparent!important; padding-left: 1px!important; padding-right: 11px!important; }

.body_content #fb_social #fb_social_friend_activity.down_arrow, 
#body_content #fb_social #fb_social_friend_activity.down_arrow { background: url("../images/up_arrow.gif") no-repeat scroll 65 1px transparent!important; padding-left: 1px!important; padding-right: 11px!important; }

.body_content #fb_social #fb_social_your_activity.up_arrow, 
#body_content #fb_social #fb_social_your_activity.up_arrow { background: url("../images/up_arrow.gif") no-repeat scroll 65px 1px transparent!important;  padding-left: 1px!important; padding-right: 11px!important; }

.body_content #fb_social #fb_social_friend_activity.down_arrow, 
#body_content #fb_social #fb_social_friend_activity.down_arrow { background: url("../images/down_arrow.gif") no-repeat scroll 83px 2px transparent; padding-left: 2px;   padding-right: 11px; }

.body_content #fb_social #options_container, 
#body_content #fb_social  #options_container{left: 31px!important;}


.body_content #fb_social #fb_social_options.down_arrow ,
 #body_content #fb_social #fb_social_options.down_arrow{
    background: url("../images/down_arrow.gif") no-repeat scroll 46px 2px transparent;
    padding-left: 1px;
    padding-right: 15px;
}
.body_content #fb_social #fb_social_options.up_arrow,
#body_content #fb_social #fb_social_options.up_arrow
 {
    background: url("../images/up_arrow.gif") no-repeat scroll 46px 1px transparent;
    padding-left: 1px;
    padding-right: 15px;
}

.body_content #fb_social #your_activity_container, 
#body_content #fb_social #your_activity_container  { width: 278px !important;}

.body_content #fb_social .fb_social_add_left,#body_content #fb_social .fb_social_add_left {
    color: #636465;
    font-size: 11px;
    line-height: 16px;
    width: 200px;
}
.body_content #fb_social,#body_content #fb_social{margin-left:5px}
.body_content .padding5 #fb_social,#body_content .padding5 #fb_social{margin-left:0px}


/*#slideshow_wrap a.advance-link img {height: 370px; width: 300px;}*/
#fbactivity-friend-carousel .thumbs_bg {background-color: #DCD6D6; display: block; height: 32px; opacity: 0.6; position: relative; width: 300px;}
#fbactivity-friend-carousel #thumbs-adv ul.thumbs li {background: none; padding-left: 0;}
#fbactivity-friend-carousel #thumbs-adv ul.thumbs li a {display: block; float: left; height: 37px; padding: 10px 0 0 3px; width: 27px;}
#fbactivity-friend-carousel #thumbs-adv ul.thumbs li a img {border: 1px solid #FFFFFF; box-shadow: 0 1px 0 #666666; height: 19px; width: 19px;}
#fbactivity-friend-carousel #thumbs-adv ul.thumbs li.selected {/*background: url("../images/new_carousel_hover.png") no-repeat;*/ display: block; height: 37px; width: 27px;}
#fbactivity-friend-carousel #thumbs-adv ul.thumbs li {background: none repeat scroll 0 0 transparent; padding-left: 0;}
#fbactivity-friend-carousel .jcarousel-item-horizontal {}
#fbactivity-friend-carousel ul{display:block; margin-left:15px; margin-top:5px; *margin-top:0px; float:left;}
#fbactivity-friend-carousel ul li{background:none!important; padding:0px!important; display:inline-block;height:35px; width:33px; border:2px solid transparent; overflow:hidden; *float:left;}
#fbactivity-friend-carousel ul li a {height:35px; float:left;}
#fbactivity-friend-carousel ul li:hover  { border:2px solid #002647;z-index:500 }
#fbactivity-friend-carousel ul li:hover img { z-index:500 }
#fbactivity-friend-carousel ul li ul li { background: none !important; border: 2px solid transparent; display: inline-block; height:18px; overflow: hidden;  padding: 0 !important;}
#fbactivity-friend-carousel .caption p {font-size: 12px; line-height: 1.4em; margin: 2px 1px 8px; text-align: left;}
#fbactivity-friend-carousel p {font-size: 11px; padding: 8px; text-align: center;}
#fbactivity-friend-carousel .caption p span.bold {text-transform: uppercase;}
#fbactivity-friend-carousel p.bold {border-top: 1px solid #CAD6E6;}
#fbactivity-friend-carousel .textleft {padding-left: 9px; text-align: left;}
#fbactivity-friend-carousel p {font-size: 11px; padding: 8px; text-align: center;}
#fbactivity-friend-carousel p span.red, #fbactivity-friend-carousel p span.red a {color: #E30A15;}

#fb_friendstream #btnAppLogin {background: url("../images/add_app_btn_english.png") no-repeat; display: block; height: 20px; width: 85px; /*right: 15px; top: 15px; position:absolute-*/}
#fb_friendstream.notloggedin{background: url("../images/bgrepeater.png") repeat-x scroll 0 0 #F8FAFC; border: 1px solid #AAAAAA; float: left; margin-bottom: 10px; padding: 5px; width: 288px; height:53px;}
#fb_friendstream.notloggedin .fb_friendstream_container {background-color:transparent; border-bottom:none;}
#fb_friendstream.loggedin{background:none repeat scroll 0 0 #FFF;line-height:13px;margin-bottom:10px;min-height:63px;width:299px;border-color:#AAAAAA;border-style:solid solid none;border-width:1px 1px medium;padding:0; float:left; position:relative;}
.fb_friendstream{position:relative}
#fb_friendstream{position:relative;border: 1px solid #b5cce1; background-color:#e9f1f8;height: 66px; margin-bottom:10px;}
#fb_friendstream.notloggedin .fb_social_container{background-color:transparent}
#fb_friendstream.loggedin .fb_social_container{background-color:#e9f1f8}

#fb_friendstream .fb_social_container{font-family:Arial,Helvetica,sans-serif;font-size:12px;width:288px;padding:4px 5px 0;border:none;background:#e9f1f8;}
#fb_friendstream .fb_social_container .read_more a{font-weight:bold; font-size:11px; color:#ff0000!important}
#fb_friendstream .fb_social_container a {color:#0e2e5e;}
#fb_friendstream #fb_friend_container{font-family:Arial,Helvetica,sans-serif;font-size:12px;width:288px;padding:5px 5px 4px;}
#fb_friendstream .fb_friend_activity{top: 58px;font-family:Arial,Helvetica,sans-serif;font-size:12px;position:absolute;width:278px;margin:0;padding:5px 5px 4px;left:0px;background:#e9f1f8;z-index:5000;border: 5px solid #002647;display:none; }
#fb_friendstream .fb_friend_activity li{width:100%; border:none}
#fb_friendstream .fb_friend_activity li:hover{border:none}

#fb_friendstream #fb_friend_container #paging a.next{background: url("../images/social_carousel.png") no-repeat 0 -42px; color: transparent; cursor: pointer; height: 35px; position: absolute; right: 5px; top: 23px; width: 12px;}
#fb_friendstream #fb_friend_container #paging a.previous{background: url("../images/social_carousel.png") no-repeat -12px -42px; color: transparent; cursor: pointer; height: 35px; position: absolute; left: 5px; top: 23px; width: 12px;}

#fb_friendstream #fb_friend_container #paging a.next.disabled{background: url("../images/social_carousel.png") no-repeat -12px -4px; color: transparent; cursor: pointer; height: 35px; position: absolute; right: 5px; top: 23px; width: 12px;}
#fb_friendstream #fb_friend_container #paging a.previous.disabled{background: url("../images/social_carousel.png") no-repeat 0 -4px; color: transparent; cursor: pointer; height: 35px; position: absolute; left: 5px; top: 23px; width: 12px;}

#fb_friendstream .fb_friend_activity .userheader{ background-color: #002647!important; border:none; color: #fff; font-size: 11px; left: -5px; position: relative; top: -5px; width: 288px;}
/* Safari / Google Chrome Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#fb_friendstream .fb_friend_activity .userheader { top: -6px;}
}

