/* Code tidied up by ScrapBook */
.social-feed { width: 240px; height: auto; font-family: Arial,Helvetica,sans-serif; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.social-feed.slider { position: fixed; z-index: 99997; top: 170px; overflow: visible !important; }
.onRight { right: -240px; }
.onRight a.tab { left: -53px; }
.onLeft { left: -240px; }
.onLeft a.tab { right: -53px; }
.social-feed a { color: rgb(0, 0, 0); }
.social-feed a.tab { width: 53px; height: 198px; cursor: pointer; display: block; position: absolute; top: 30px; background-position: -53px 0px; }
.social-feed.facebook a.tab { background-image: url("tab-facebook.png"); }
.social-feed.twitter a.tab { background-image: url("tab-twitter.png"); }
.social-feed.onLeft a.tab { background-position: 0px 0px; }
.social-feed.onLeft a.tab:hover { background-position: -53px 0px; }
.social-feed.onRight a.tab { background-position: -106px 0px; }
.social-feed.onRight a.tab:hover { background-position: -159px 0px; }
.social-feed iframe { float: left; width: 80px !important; height: 21px; margin-top: -2px; border: medium none; overflow: hidden; }
.social-feed a.icon { width: 43px; height: 43px; display: block; float: right; position: absolute; right: 5px; top: 5px; }
.social-feed.twitter a.icon { background-image: url("icon-twitter.png"); }
.social-feed.facebook a.icon { background-image: url("icon-facebook.png"); }
.social-feed.facebook a.icon:hover { background-position: -43px 0px; }
.social-feed .header-footer { padding: 12px 10px 7px; font-weight: bold; font-style: italic; font-size: 13px; color: rgb(255, 255, 255); height: 20px; position: relative; text-align: left; }
.social-feed.facebook .header-footer { background-color: rgb(59, 89, 151); }
.social-feed.twitter .header-footer { background-color: rgb(71, 163, 245); }
.social-feed.facebook .header-footer span { color: rgb(201, 213, 255); }
.social-feed .header-footer a { text-decoration: none; text-align: center; display: block; color: rgb(255, 255, 255); }
.social-feed li { padding: 10px; font-size: 11px; line-height: 13px; text-align: left; margin: 0px; }
.social-feed li img { border-style: none; }
.social-feed li p { margin: 0px; }
.social-feed li em { font-weight: bold; display: block; margin-top: 10px; }
.social-feed li a.thumb { display: block; margin: auto auto 7px; width: 154px; }
.social-feed.facebook li.alternate { background-color: rgb(210, 214, 229); }
.social-feed.twitter li.alternate { background-color: rgb(196, 214, 230); }
.social-feed.facebook .header-footer a:hover { color: rgb(210, 214, 229); }
.social-feed.twitter .header-footer a:hover { color: rgb(196, 214, 230); }
.social-feed ul { display: block; border-left: 1px solid rgb(174, 174, 174); border-right: 1px solid rgb(174, 174, 174); margin: 0px; padding: 0px; list-style: outside none none; height: 565px; overflow: auto; }
.overlay { position: fixed; width: 100%; height: 100%; background-image: url("loading.gif"); background-color: rgb(0, 0, 0); background-position: center center; background-repeat: no-repeat; opacity: 0.5; z-index: 99999997; left: 0px; top: 0px; cursor: pointer; }
div.lightbox img { visibility: hidden; }
div.lightbox .caption { background-color: rgb(204, 204, 204); padding: 15px; left: 50%; top: 50%; position: fixed; }
div.lightbox { position: fixed; background-position: center center; background-repeat: no-repeat; background-size: auto 75%; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 99999998; display: none; }
a.close { position: absolute; top: 50%; right: 50%; background-image: url("close.png"); display: block; width: 18px; height: 19px; z-index: 9999999; cursor: pointer; }
.lightbox-thumbs { position: fixed; left: 0px; bottom: 0px; width: 100%; height: 110px; padding-top: 10px; padding-bottom: 10px; overflow: auto; z-index: 9999999; background-color: rgb(0, 0, 0); text-align: center; }
.lightbox-thumbs img { opacity: 0.3; display: inline-block; margin-left: 10px; margin-right: 10px; cursor: pointer; }
.lightbox-thumbs img.active { opacity: 1; }
