/*
Style Name: FBConnect Plugin CSS Styles
Description: FBConnect Styles
Version: 1.0
Author: Javier Reyes
Author URI: http://www.sociable.es
*/
body.login #fbconnect_url {
width : 92%;
font-size : 20px;
background-color : #fff;
border : 1px solid #ccc;
padding : 3px 3px 3px 18px;
margin-right : 6px;
}
#TB_ajaxContent .fbnarrowcolumn {
width : 100% !important ;
margin : 5px !important ;
padding : 0 !important ;
}
.fbnarrowcolumn {
overflow : hidden;
float : left;
display : block;
padding : 0 10px 20px 25px;
margin : 15px 0 0;
width : 500px;
}
#fbconnect_rollup {
margin-top : 1em;
}
#fbconnect_rollup div div {
margin : 0.5em;
}
#fbconnect_rollup ul {
margin : 0;
padding : 0 0 0 5em;
}
.fbconnect_userprofile {
display : block;
width : 100%;
}
.fbconnect_profiletexts {
float : left;
margin-left : 5px !important ;
display : block;
width : 300px;
}
.fbconnect_LastUsers {
background-color : #e9e7e7;
margin-top : 0 !important ;
padding : 3px !important ;
color : #666 !important ;
overflow : hidden;
}
.fbtabdiv {
overflow : hidden;
display : block;
display : none;
}
.fbconnect_userpicmain_cont {
margin-right : 5px !important ;
margin-bottom : 2px !important ;
width : 53px;
height : 55px;
float : left;
}
.fbconnect_userpicmain {
display : block;
float : left;
background-color : #fff !important ;
overflow : hidden;
}
.fbconnect_userpicmain .FB_profile_pic img {
margin : 0 !important ;
border : 1px solid #bfbfbf;
padding : 1px !important ;
}
.fbconnect_userpics .FB_profile_pic img {
margin : 0 !important ;
border : 1px solid #bfbfbf;
padding : 1px !important ;
}
.fb_userpic {
width : 32px;
float : left !important ;
margin-right : 5px;
margin-bottom : 5px;
}
.fb_userpic img {
border : 1px solid #bfbfbf;
padding : 1px !important ;
float : left;
display : block;
background-color : #fff;
margin-right : 4px !important ;
overflow : hidden;
width : 30px;
height : 30px;
}
.fb_userpic50 {
width : 50px;
float : left !important ;
margin-right : 5px;
margin-bottom : 5px;
overflow : hidden;
display : block;
}
.fb_userpic50 img {
border : 1px solid #bfbfbf;
padding : 1px !important ;
float : left;
display : block;
background-color : #fff;
margin-right : 4px !important ;
overflow : hidden;
width : 50px;
height : 50px;
}
.fbconnect_miniprofiletext {
float : left;
}
.fbconnect_miniprofile {
overflow : hidden;
display : block;
margin-top : 5px !important ;
font-size : 11px !important ;
line-height : 13px !important ;
}
.invitebutton {
overflow : hidden;
display : block;
width : 100%;
margin-top : 5px !important ;
margin-bottom : 5px !important ;
}
.fbconnect_userpics {
overflow : hidden;
margin-bottom : 5px !important ;
padding-bottom : 5px !important ;
border-bottom : 1px solid #cccccc;
}
.fbconnect_userpics img {
border : 1px solid #bfbfbf !important ;
padding : 1px !important ;
background-color : #fff !important ;
width : 50px !important ;
height : 50px !important ;
overflow : hidden !important ;
}
.fbconnect_userpics a {
margin-right : 8px !important ;
margin-bottom : 8px !important ;
width : 50px !important ;
height : 50px !important ;
float : left !important ;
display : block !important ;
font-size : 11px;
}
.fbconnect_userpics2 {
width : 100%;
overflow : hidden;
margin-bottom : 5px !important ;
padding-bottom : 5px !important ;
border-bottom : 1px solid #cccccc;
}
.fbconnect_userpics2 a {
border : 2px solid #e9e7e7;
float : left;
display : block;
background-color : #e9e7e7;
margin-right : 4px !important ;
margin-bottom : 4px !important ;
font-size : 11px;
width : 50px;
height : 50px;
overflow : hidden;
}
.fbconnect_title {
margin-top : 3px !important ;
margin-bottom : 8px !important ;
border-bottom : 1px solid #cccccc;
font-family : 'Trebuchet MS', Verdana, sans-serif;
font-size : x-small;
line-height : normal;
font-weight : normal;
text-transform : uppercase;
letter-spacing : 0.3em;
text-align : left;
color : #666;
}
.fbconnect_share {
width : 95%;
height : 50px;
border-top : 1px solid #cccccc;
margin-top : 30px;
margin-bottom : 10px;
padding : 3px;
clear : both;
text-align : center;
}
.fbconnect_head_share {
float : left;
margin-right : 10px;
}
.icon-text-middle {
vertical-align : middle;
margin-right : 5px;
}
.status_composer_inner {
background-color : transparent;
background-image : url(./images/textarea_nub_ltr.gif);
background-repeat : no-repeat;
background-attachment : scroll;
background-position : left -11px;
padding-left : 5px;
height : 55px;
}
.noborder {
border : 0;
font-size : 10px;
font-family : 'Lucida Grande', Verdana, Verdana, sans-serif;
margin-left : 2px;
}
.status_composer {
height : 56px;
overflow : hidden;
padding : 0;
}
.status_composer td {
padding : 0;
}
.status_composer td.show_placeholder {
width : 100%;
padding-right : 15px !important ;
}
.status_composer table, .status_composer table td.statustext {
width : 100%;
}
.status_composer table tr, .status_composer table td {
vertical-align : middle;
}
.status_composer .status_field {
border-top : 1px solid #bdc7d8;
border-bottom : 1px solid #bdc7d8;
border-right : 1px solid #bdc7d8;
background : white;
padding : 0;
position : relative;
height : 50px;
}
.status_composer .status_name {
border-right : none;
padding : 3px 0 1px 0;
white-space : nowrap;
}
.ie6 .status_composer .status_name {
padding : 4px 0 2px 0;
}
.status_composer .status_box {
border-left : none;
margin-right : 0;
padding : 2px 0;
}
.status_composer .status_placeholder {
margin-right : 0;
padding : 2px 0;
}
.status_composer .input_wrapper {
padding : 0 6px 0 0;
margin : 1px 0;
overflow : hidden;
}
.status_composer .status_field input, .status_composer .status_field span {
font-size : 10px;
padding : 0;
}
.status_composer .status_name span {
color : #777;
white-space : nowrap;
}
.status_composer .status_placeholder input {
padding-left : 4px;
}
.status_composer .status_field input {
width : 100%;
margin : 0 2px 0 0;
border : none;
}
.ie6 .status_composer .status_button {
float : right;
}
.changestatusbutton {
height : 25px;
font-size : 11px;
padding : 2px 5px 3px;
color : #ffffff;
border-color : #d9dfea #0e1f5b #0e1f5b #d9dfea;
background-color : #3b5998;
text-align : center;
border-style : solid;
font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
}
.inputbutton {
padding : 0;
border : 1px solid #4d4d4d;
color : #4d4d4d;
font-family : "lucida grande", tahoma, verdana, arial, sans-serif;
text-align : center;
}
.fbalt {
list-style : none !important ;
color : #666 !important ;
background : none !important ;
background-color : #f2f2f2 !important ;
border-top : 1px solid #e9e7e7 !important ;
border-bottom : 1px solid #e9e7e7 !important ;
min-height : 40px !important ;
clear : both !important ;
padding : 2px !important ;
}
.fbalt2 {
background : none !important ;
background-color : #e9e7e7 !important ;
color : #666 !important ;
min-height : 40px !important ;
clear : both !important ;
padding : 2px !important ;
}
.fotopeque {
width : 100px;
float : left;
margin-right : 10px;
text-align : center;
font-size : 10px;
}
.bordefoto {
border : 2px solid #d5d6d7;
}
.fotogal {
width : 100%;
height : 130px;
}
UL.tabNavigation {
content : "";
list-style-type : none !important ;
margin-bottom : 0 !important ;
margin-left : 0 !important ;
padding : 0 !important ;
border : none !important ;
background : none !important ;
}
UL.tabNavigation LI {
content : "AAA" !important ;
display : inline !important ;
margin-top : 0 !important ;
margin-left : 0 !important ;
margin-bottom : 0 !important ;
margin-right : 1px !important ;
padding : 0 !important ;
border : none !important ;
background : none !important ;
}
UL.tabNavigation li:before {
content : "" !important ;
}
UL.tabNavigation LI A {
padding : 3px 3px;
background-color : #c0c0c0;
color : #808080 !important ;
text-decoration : none;
border-top : 1px solid #c0c0c0 !important ;
border-left : 1px solid #c0c0c0 !important ;
border-right : 1px solid #c0c0c0 !important ;
line-height : 19px;
}
UL.tabNavigation LI A.selected, UL.tabNavigation LI A:hover {
background-color : #e9e7e7;
color : #333 !important ;
}
UL.tabNavigation LI A:focus {
outline : 0;
}
.fbTabs {
position : relative;
margin-top : 5px !important ;
border : none !important ;
width : 100% !important ;
overflow : hidden;
padding-top : 0 !important ;
color : #666;
}
div.fbTabs > div {
border : 1px solid #c0c0c0;
margin-top : 0 !important ;
}
.fb_commentstab {
border-top : 1px solid #c0c0c0 !important ;
border-left : 0 !important ;
border-right : 0 !important ;
border-bottom : 0 !important ;
}
div.fbTabs > div h2 {
margin-top : 0;
}
.waste {
min-height : 1000px;
}
#fbconnect_feedhead {
background-color : #e9e7e7;
color : #c0c0c0 !important ;
}
#fbconnect_feed {
max-height : 235px;
overflow : auto;
}
.fbconnect_nav {
padding-top : 2px;
background-color : #e9e7e7;
height : 22px;
text-align : center;
}
#fbconnect_img_left {
margin-right : 40px;
}
#commentscount {
text-align : right;
color : #808080 !important ;
}
UL.tabNavigation_feed {
list-style : none;
margin : 0 !important ;
padding : 0 !important ;
font-size : 10px;
border : none !important ;
background : none !important ;
font-family : 'Lucida Sans Unicode', Arial;
}
UL.tabNavigation_feed LI {
display : inline !important ;
margin : 0 !important ;
padding : 0 !important ;
border : none !important ;
background : none !important ;
}
UL.tabNavigation_feed li:before {
content : "" !important ;
}
UL.tabNavigation_feed LI A {
padding-top : 2px;
padding-bottom : 2px;
padding-left : 5px;
padding-right : 5px;
background-color : #808080;
color : #c0c0c0 !important ;
text-decoration : none;
}
UL.tabNavigation_feed LI A.selected, UL.tabNavigation_feed LI A:hover {
padding-top : 2px;
padding-bottom : 2px;
padding-left : 5px;
padding-right : 5px;
background-color : #202020;
color : #fff !important ;
}
UL.tabNavigation_feed LI A:focus {
outline : 0;
}
.fbTabs_feed {
text-align : right;
padding : 6px;
}
.fbconnect_LastComments {
position : relative;
background-color : #e9e7e7;
margin-top : 0 !important ;
padding : 3px !important ;
color : #666 !important ;
font-size : 11px;
font-family : 'Lucida Sans Unicode', Arial;
}
.fbconnect_LastComments ol {
padding : 0;
}
.fbconnect_LastComments_disabled {
background-color : #d5d6d7;
margin-top : 0 !important ;
padding : 3px !important ;
color : #333 !important ;
}
#fbconnect_reload {
padding : 2px;
float : left;
text-align : left;
color : #c0c0c0 !important ;
display : none;
}
.fbconnect_select {
position : absolute;
top : 1px;
right : 1px;
}
.fbconnect_streampost {
font-size : 11px;
font-family : Arial, Helvetica, sans-serif;
position : relative;
color : #404040 !important ;
overflow : hidden;
display : block;
margin-top : 5px !important ;
padding-bottom : 5px !important ;
clear : both;
border-bottom : 1px solid #c0c0c0 !important ;
}
.fbconnect_streampic {
border : 1px solid #c0c0c0 !important ;
padding : 1px;
margin-right : 5px;
display : block;
float : left;
background-color : #fff !important ;
overflow : hidden;
}
.fb_stream_date {
width : 100%;
text-align : right;
color : #c0c0c0 !important ;
font-size : 9px !important ;
}
#fbinvitebutton {
margin : 4px;
height : 20px;
line-height : 20px;
text-align : center;
color : #808080 !important ;
background : #ece9d8;
border : 1px solid #808080 !important ;
}
div.pinned {
background : #202020 none repeat scroll 0% 0%;
border-left : 3px solid #cccccc;
border-bottom : 3px solid #cccccc;
top : 0;
color : #cccccc;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
left : auto;
line-height : 1.1em;
margin : 0;
padding : 2px;
position : fixed;
right : 0;
width : 255px;
height : auto;
z-index : 999999;
}
#fbconnect_pinned {
position : absolute;
top : -22px;
right : 2px;
}
div#TB_title {
background-color : #222222;
color : #cfcfcf;
}
div#TB_title a, div#TB_title a:visited {
color : #cfcfcf;
}
.fb_dateselect {
width : 60px;
font-size : 10px;
}
.labelform {
font-weight : bold;
font-size : 10px;
}
.textform {
width : 250px;
font-weight : normal;
font-size : 10px;
}
.textareaform {
width : 250px;
font-weight : normal;
font-size : 10px;
}
.titlepassport {
font-weight : bold !important ;
font-size : 16px;
color : #404040;
margin-bottom : 4px;
}
.fbconnect_regform a {
font-weight : bold;
text-decoration : underline;
font-size : 10px;
color : #105cb6;
}
.fbconnect_sendbutton {
font-weight : bold;
width : 150px;
color : #105cb6;
}
.fb_formfila {
padding-top : 3px;
}
.textoLoading {
display : none;
margin-top : 5px;
color : #666666;
font-size : 11px;
font-weight : normal;
width : 200px;
}
.accesstable {
border : 1px solid #cccccc !important ;
width : 100%;
line-height : 30px;
font-size : 18px;
font-weight : bold;
}
.fbconnect_sidebar_miniprofile {
overflow : hidden;
display : block;
margin-top : 1px !important ;
}
.sidebarFacebook ul {
margin : 0;
padding : 0;
}
.fbconnect_miniprofilehead {
width : 100%;
height : 20px;
}
.fbconnect_shareBar {
margin : auto;
width : 280px;
height : 70px;
}
.fbconnect_sharediv {
float : left;
width : 80px;
margin-right : 10px;
font-size : 11px;
text-align : center;
line-height : 11px;
}
.fbstatus-success {
color : #404040;
}
.fbstatus-fail {
color : red;
}