/*
 * FC Barcelona Theme for Better Facebook! (http://betterfacebook.net/)
 * 
 * Author: Rafael Wu (http://www.facebook.com/rafal.wawer)
 * 
 */

/* all fonts */
* {
	font-family: Calibri, Consolas, Tahoma, "Trebuchet MS", Arial, sans-serif !important;
}
body {
	background: none repeat scroll 0 0 #010101;
}

/* =============================================== incerse width 100px */
#facebook #globalContainer {
	width: 1081px;
}
/* Newsfeed page */
#facebook .hasLeftCol .hasRightCol #contentArea {
	width: 593px;
}
/* Group page */
#facebook .hasLeftCol #contentArea {
	width: 859px;
}
/* Profile page */
#facebook #pageHead {
	width: 1080px;
}
#facebook .profile .left_column_container {
	width: 860px;
}
#facebook .profile .right_column_container {
	width: 1040px;
}
#facebook .profile .right_column {
	width: 860px;
}
#facebook .profile_two_columns .right_column {
	width: 640px;
}
#facebook .profile_two_columns #tab_canvas {
	width:620px;
}

/* Feed posts */
#facebook .commentable_item .uiUfi {
	width: 498px;
}

/* TYLKO NA STRONIE GRUPY = ZAKLADKA POLA */
body[class^="profile nile_profile"] #tab_canvas .box_tab #app_box_left_column .commentable_item .uiUfi {
	width: 290px !important;
}
/* TYLKO NA STRONIE GRUPY = ZAKLADKA LINKI */
body[class^="profile nile_profile"] #tab_canvas div.sharebox div.UIStream .commentable_item .uiUfi {
	width: 438px !important;
}

/* Discussions */
#facebook .topic .DiscussionThread {
	width:620px;
}
#facebook .post_editor textarea {
	width:540px;
}

/* zmienne tlo w zaleznosci od strony */

/* -------------------------------------------------- - 1 kolumna samo tlo */
/* center background */
body[class~="nile_profile"] #bfb_theme_div_0, /* grupa dyskusje zdjecia itp*/ 
body[class~="editaccount"] #bfb_theme_div_0, /*  ustawienia konta */ 
body[class^="fbx"] #bfb_theme_div_0, /*  zaczuna sie od fbx ustawienia prywatnosci */
body[class^="ads_create"] #bfb_theme_div_0, /* strona utworz reklame */
body[class^="ego_page photo"] #bfb_theme_div_0, /* edycja zdjec */
body[class^="platform_dialog"] #bfb_theme_div_0 /* zapytanie o uprawnienia*/
{
	z-index:-2;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	display:block;
	background: transparent url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/page_c.jpg") repeat left top !important;
}

/* -------------------------------------------------- 3 kolumny - zawiera klase hasLeftCol */
/* center background */
body[class~="hasLeftCol"] #bfb_theme_div_0 {
	z-index:-2;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	display:block;
	background: transparent url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/page_c.jpg") repeat left top !important;
}
/* left background */
body[class~="hasLeftCol"] #bfb_theme_div_1 {
	z-index:-2;
	top: 0px;
	left: -38px;
	height: 700px;
	width: 311px;
	position: fixed;
	display:block;
	background:transparent url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/page_l.jpg") no-repeat left top;
}
/* right background */
body[class~="hasLeftCol"] #bfb_theme_div_2 {
	z-index:-2;
	top: 0px;
	right: -2px;
	height: 810px;
	width: 360px;
	position: fixed;
	display:block;
	background:transparent url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/page_r.jpg") no-repeat right top;
}

/* -------------------------------------------------- 2 kolumny po lewej stronie jedna - zawiera klase profile_two_columns*/
/* center background */
body[class~="profile_two_columns"] #bfb_theme_div_0
{
	z-index:-2;
	top: 0px;
	left: 100px;
	width: 100%;
	height: 100%;
	position: fixed;
	display:block;
	background: transparent url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/page_c.jpg") repeat left top !important;
}
/* left background */
body[class~="profile_two_columns"] #bfb_theme_div_1
{
	z-index:-2;
	top: 0px;
	left: 5px;
	height: 700px;
	width: 311px;
	position: fixed;
	display:block;
	background:transparent url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/page_l.jpg") no-repeat left top;
}
/* right background */
body[class~="profile_two_columns"] #bfb_theme_div_2
{
	/*display:none;*/
	z-index:-2;
	top: 0px;
	right: -65px;
	height: 810px;
	width: 360px;
	position: fixed;
	display:block;
	background:transparent url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/page_r.jpg") no-repeat right top;
}

/* -------------------------------------------------- 2 kolumny po prawej stronie jedna */
/* center background */
body[class^="ego_page fbx"] #bfb_theme_div_0 { /* zaczyna sie od ego_page fbx - zaproszenia */
	z-index:-2;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	display:block;
	background: transparent url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/page_c.jpg") repeat left top !important;
}
/* left background */
body[class^="ego_page fbx"] #bfb_theme_div_1
{
	display:none;
}
/* right background */
body[class^="ego_page fbx"] #bfb_theme_div_2 {
	z-index:-2;
	top: 0px;
	right: -20px;
	height: 810px;
	width: 360px;
	position: fixed;
	display:block;
	background:transparent url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/page_r.jpg") no-repeat right top;
}


/* -------------------------------------------------- 2 kolumny po lewej stronie jedna - zawiera klase fbPageEdit edycja profilu inny uklad */
/* center background */
body[class^="fbPageEdit"] #bfb_theme_div_0
{
	z-index:-2;
	top: 0px;
	left: 100px;
	width: 100%;
	height: 100%;
	position: fixed;
	display:block;
	background: transparent url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/page_c.jpg") repeat left top !important;
}
/* left background */
body[class^="fbPageEdit"] #bfb_theme_div_1
{
	z-index:-2;
	top: 0px;
	left: -30px;
	height: 700px;
	width: 311px;
	position: fixed;
	display:block;
	background:transparent url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/page_l.jpg") no-repeat left top;
}
/* right background */
body[class^="fbPageEdit"] #bfb_theme_div_2
{
	display:none;
}
/* ---------------------------------------------------------------------------------------------------------------------- END ---- */

/* work in progress */
#bfb_theme_div_7 {
	z-index:0;
	display:block;
	position: fixed;
	bottom:0px;
	left:0px;
	background-color:white;
	border:1px solid #FF0000;
	font-size:11px;
}
#bfb_theme_div_7:after {
	content:"Note: This theme is a work in progress!";
}

/* main content border */
#contentCol {
	border-left: none !important;
}
#mainContainer {
	border-right: none !important;
}
#globalContainer, #contentCol {
	background-color: transparent !important;
}


/* 			-------------------------------------------------- BFB STYLES */
.GM_options_wrapper_inner {
	border-color: #DFB602 !important;
}
.GM_options_buttons input {
	background-color: #8C1C42 !important;
}
.GM_options_header {
	border-bottom: 0px solid #000031 !important;
	color: #26A21C !important;
}
.bfb_tabs > * {
	background-color: #8C1C42 !important;
	border-color: none !important;
	color: #E6E6E6;
}
#bfb_options_body {
	border-color: #000031 !important;
}
.bfb_tab {
	background-color: #8C1C42 !important;
	color:white !important;
	border-color: #000031 !important;
}
.bfb_tab_selected {
	background-color: #FFF9D7 !important;
	color: #000031 !important;
	border-top: 1px solid #000031 !important;
	border-left-color: #000031 !important;
	border-right: 1px solid #000031 !important;
}
/* border bootm tabs */
.bfb_stream {
	border-top: none !important;
}
/* BFB options */
#better_fb_cp, #better_fb_cp legend {
	border: 1px solid #000031;
	background:-moz-linear-gradient(center top, #FEFEFF, #E3E8F4 50%, #CFD7EB 51%, #ECEEFC 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFF), to(#E3E8F4), color-stop(0.5, #CFD7EB), color-stop(0.51, #ECEEFC));
 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CFD7EB, direction=45);
}
#better_fb_cp legend {
	margin-bottom: 4px;
}
#better_fb_cp {
	margin-top: 5px;
}
/* post przeczytany i wyciszony zmiana przeźroczystosci */
html.alternate_read_display .bfb_read, html.alternate_read_display .bfb_muted {
	opacity: 0.75;
}
/* 	----------------------------------------------------------------------------		END BFB STYLES */


/* --------------------------------------------------------------------------	FOOTER PAGE */
.uiBoxLightblue, .uiCenteredMorePager /*profile friends */ {
	background:-moz-linear-gradient(center top, #FEFEFF, #E3E8F4 50%, #CFD7EB 51%, #ECEEFC 100%) !important;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFF), to(#E3E8F4), color-stop(0.5, #CFD7EB), color-stop(0.51, #ECEEFC)) !important;
 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CFD7EB, direction=45) !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.uiMorePagerAnchor a.primary:hover, .uiCenteredMorePager:hover /*profile friends */ {
	background:-moz-linear-gradient(center top, #FEFEFF, #FFFFD2 50%, #FFFF99 51%, #ECEEFC 100%) !important;
	background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFF), to(#FFFFD2), color-stop(0.5, #FFFF79), color-stop(0.51, #ECEEFC)) !important;
 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CFD7EB, direction=45) !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* -------------------------------------------------- 1 - samo tlo na stronie */
body[class~="nile_profile"] #pageFooter, /* grupa dyskusje zdjecia itp*/ 
body[class~="editaccount"] #pageFooter, /*  ustawienia konta */ 
body[class^="fbx"] #pageFooter, /*  zaczuna sie od fbx ustawienia prywatnosci */
body[class^="ego_page photo"] #pageFooter,
body[class^="ads_create"] #pageFooter, /* strona utworz reklame */
body[class^="platform_dialog"] #pageFooter /* zapytanie o uprawnienia*/
{
	background:-moz-linear-gradient(center top, #FEFEFF, #E3E8F4 50%, #CFD7EB 51%, #ECEEFC 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFF), to(#E3E8F4), color-stop(0.5, #CFD7EB), color-stop(0.51, #ECEEFC));
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CFD7EB, direction=45);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	margin-top: 20px;
	width: 1080px;
}

/* -------------------------------------------------- 2 - 3 kolumny - zawiera klase hasLeftCol */
/* center background */
body[class~="hasLeftCol"] #pageFooter {
	background:-moz-linear-gradient(center top, #FEFEFF, #E3E8F4 50%, #CFD7EB 51%, #ECEEFC 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFF), to(#E3E8F4), color-stop(0.5, #CFD7EB), color-stop(0.51, #ECEEFC));
 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CFD7EB, direction=45);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	margin-left: 180px;
	margin-right: 265px;
	margin-top: 10px;
}

/* -------------------------------------------------- 3 - 2 kolumny po lewej stronie jedna - zawiera klase profile_two_columns*/
/* center background */
body[class~="profile_two_columns"] #pageFooter {
	background:-moz-linear-gradient(center top, #FEFEFF, #E3E8F4 50%, #CFD7EB 51%, #ECEEFC 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFF), to(#E3E8F4), color-stop(0.5, #CFD7EB), color-stop(0.51, #ECEEFC));
 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CFD7EB, direction=45);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	margin-left: 240px;
	width: 620px;
	margin-top: 10px;
}

/* -------------------------------------------------- 2 kolumny po prawej stronie jedna */
/* center background */
body[class^="ego_page fbx"] #pageFooter { /* zaczyna sie od ego_page fbx - zaproszenia */
	background:-moz-linear-gradient(center top, #FEFEFF, #E3E8F4 50%, #CFD7EB 51%, #ECEEFC 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFF), to(#E3E8F4), color-stop(0.5, #CFD7EB), color-stop(0.51, #ECEEFC));
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CFD7EB, direction=45);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	margin-top: 10px;
	width: 820px;
	margin-right: 260px;
}

/* -------------------------------------------------- 2 kolumny po lewej stronie jedna - zawiera klase fbPageEdit edycja profilu inny uklad */
/* center background */
body[class^="fbPageEdit"] #pageFooter
{
	background:-moz-linear-gradient(center top, #FEFEFF, #E3E8F4 50%, #CFD7EB 51%, #ECEEFC 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFF), to(#E3E8F4), color-stop(0.5, #CFD7EB), color-stop(0.51, #ECEEFC));
 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CFD7EB, direction=45);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	margin-left: 180px;
	width: 860px;
	margin-top: 10px;
}

#contentCurve{
	border: none;
	background: transparent !important;
	display: none;
}

#footerContainer {
	border: none;
}

/* ----------------------------------------------------------------------------------- END FOOTER */


/* ------------------------------------------------------------------------- TOP HEADER  */
/* top header */
#blueBar {
	background-color: #000031;
}
/* ikony loga */
#pageLogo a {
	background-color: #000031;
	background-image:url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/26493_icons.png") !important;
}
#pageLogo a:active, #pageLogo a:hover {
	background-color: #2F2E57 !important;
}
/* ikony powiadomienia */
.jewelToggler {
	background-image:url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/26493_icons.png") !important;
}
#jewelAlert:hover, #jewelAlert:focus, #jewelAlert:active, #jewelNotif:hover, #jewelNotif:focus, #jewelNotif:active, #jewelMail:hover, #jewelMail:focus, #jewelMail:active, #jewelRequest:hover, #jewelRequest:focus, #jewelRequest:active {
	background-color: #2F2E57 !important;
}
#jewelCase .jewel {
	border: none !important;
}
/* pop up box  ikony powiadomienia */
/*#jewelCase .jewelFooter a   { background-color:#CCE5D4 !important; }
#jewelCase .jewelFooter .uiTextSubtitle  { color:#1D793C !important;  }
#jewelCase .jewelFooter a:hover span, #jewelCase .jewelFooter a:active span, #jewelCase .jewelFooter a:focus span, #jewelBoxMail a:hover .uiTextSubtitle, #jewelBoxMail a:active .uiTextSubtitle, #jewelBoxMail a:focus .uiTextSubtitle  { color:#1D793C !important; }
#jewelBoxMail li a:hover, #jewelBoxMail li a:active, #jewelBoxMail li a:focus  { background-color:#CCE5D4 !important; border-color:#4C9966 !important; }
#jewelCase .jewelBox  { background-color:#F2FFF7 !important; }
#jewelCase .jewelHighlightItem li a:hover, #jewelCase .jewelHighlightItem li a:active, #jewelCase .jewelHighlightItem li a:focus {
  background-color: #1D793C !important;
  border-bottom: 1px solid #1D793C;
  border-top: 1px solid #1D793C;
}*/


/* top nav */
#headNav {
	background:#000031 !important;
	border-color:#000031 !important;
}
#headNavOut {
	background:#000031 !important;
	border-color:#000031 !important;
}
/* rozwijana lista kolor tekstu */
#pageNav li a {
	color: #E6E6E6;
}
#pageNav li ul li a {
	color: #3B5998 !important;
}
#pageNav a:hover, #pageNav a:focus, #pageNav a:active {
	color: #FDD92F !important;
	background-color:#2F2E57 !important;
}
/* navigation search */
#navSearch .uiTypeahead, #navSearch .uiTypeahead .wrap {
	border-color: #000031 !important;
}
.uiSearchInput {
	background: none repeat scroll 0 0 #E6E6E6;
	border-color: #000031 !important;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
}
.uiSearchInput span {
	border-color: #000031 -moz-use-text-color -moz-use-text-color;
}

/* ------------------------------------------------------------------------- INNE STYLE  */

/* kolory wszystkich linkow ciemniejsze */
a {
	color: #334E8C;
}
.fcg /* szary kolor w stopce strona 1 z */{
	color: #909090;
}


/* ------------------------------------------------------------------------- LEFT */

/* home page */
.ego_page #leftCol > div, 

/* profile page */
.profile #leftCol > div:not([id="pagelet_left_column"]),
.profile #leftCol #pagelet_left_column > div > div:not([id="pagelet_relationships"]),
.profile #leftCol #pagelet_relationships > div > div,

/* gruop page */
.profile #left_column #pagelet_left_column > div > div:not([id="boxes_left"]),
.profile #left_column > div:not([id="boxes_left"]):not([id="pagelet_left_column"]),
.profile #boxes_left > div > div 

{
	background: rgba(223,223,223, 0.9) !important;
	-moz-background-clip: padding !important;
	-webkit-background-clip: padding !important;
	border: 4px solid transparent !important;
	-moz-border-radius: 6px 0px 0px 6px !important;
	-webkit-border-radius: 6px 0px 0px 6px !important;
	-moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	-moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	-moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	-moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	margin-bottom: 10px !important;
}

#left_column > div:empty {
	display:none;
}

/* ----------------------------- zerowanie roznych nie potrzebnych */
.profile .box_column {
	border-bottom: none !important;
	border-right: none !important;
}
.secondary_actions {
	margin-top: 0px !important;
}

/* border on left menu has 4px picture lesss 8px */
.profile-picture {
	width: 171px !important;
}

#profile_pic {
	width: 192px;
}

/* 	------------------------------------ menu po lewej */
.uiSideNav{
	margin-bottom: 10px !important;
}
.uiSideNav > li {
	-moz-appearance: -moz-win-browsertabbar-toolbox;
	padding: 1px 0px;
}
.uiSideNav > li a {
	border: none !important;
	background: none !important;
}
.uiSideNav > li a:hover {
	-moz-appearance: -moz-win-communications-toolbox;
	color: white !important;
}
/*close button hover  */
.uiCloseButtonSmall {
	background-image: url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/1Be-brvKO2y.png");
	height: 11px;
	margin-top: 1px;
	width: 11px;
}
/* selected */
.uiSideNav > li.open {
	-moz-appearance: -moz-win-communications-toolbox;
}
.uiSideNav > li.open a {
	color: white !important;
}
/* links see more */
.navMoreLess, .uiHeaderNavEmpty {
	background: #f1f5fb url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/sep_q.png") top left repeat-x !important;
	margin: 0px !important;
	padding: 10px !important;
	border: none !important;
}
.uiSideNav .divider {
	display: none !important;
}
.uiSideNavCount {
	background-color:#DFB602 !important;
	color:#000031 !important;
}
.uiSideNavCount .countValue {
	color: #003073 !important;
}
#chatFriendsOnline > div {
	background: #f1f5fb url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/sep_q.png") top left repeat-x !important;
	margin: 0px !important;
	padding: 5px 2px !important;
	border: none !important;
}
/* profile page photo */
.uiSideNav .count {
	background-color:#DFB602 !important;
	color:#000031 !important;
	padding: 0px 2px;
}
.uiSideNav .open .count {
	background-color:#DFB602 !important;
	color:#000031 !important;
	padding: 0px 2px;
}


/* --------------------------------------------------------------------------------------  RIGHT */
/* bfb notifications  */ 
#jewelBoxNotif,
/*#pagelet_ego_pane,*/ /* ads po otwarciu posta dodanego na tablicy */

/* home page */ 
.ego_page .home_right_column > div,

/* only on profile page */
.profile #rightCol > div,

/* on invite page right column */
body[class^="ego_page fbx"] #rightCol > div
/*body[class~="hasLeftCol"] #rightCol > div*/
{
	background: rgba(223,223,223, 0.9) !important;
	-moz-background-clip: padding !important;
	-webkit-background-clip: padding !important;
	border:4px solid transparent !important;
	-moz-border-radius: 0px 6px 6px 0px !important;
	-webkit-border-radius: 0px 6px 6px 0px !important;
	-moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	-moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	-moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	-moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	margin-bottom: 10px !important;
}

/* pustych nie wyswietlaj  */
.home_right_column > div:empty {
	display:none;
}

/* -------------------------------------- inne w prawej kolumnie */
.home #rightCol .home_right_column {
	padding-top: 0px;
}
#pagelet_eventbox input.event_name {
	width: 220px;
}
/* w porfilu za duza szerokosc po prawej stronie */
.ego_column {
	width: 226px !important;
}

/* header add from BFB the same like other */
.jewelHeader {
	background-color: #F2F2F2;
	border-bottom: medium none;
	border-top: 1px solid #E2E2E2;
	padding: 4px 5px 5px;
}


/* ----------------------------------------------------------------------------------- MIDDLE */

/* ======================================================	zawartosc to co na srodku -------------------------------------*/

/* ++++++++++++++++++ przezroczysty kontener z zaokragleniami */

/* dla 3 kolumn wykluczyc z glownej pagelet_stream_header bylo jest pagelet_main_column w profilu innej osoby */
body[class~="hasLeftCol"] #contentArea > div:not([id="pagelet_stream_header"]):not([id="pagelet_composer"]):not([id="pagelet_home_stream"]):not([id="pagelet_wall"]):not([class="apps_dashboard"]):not([id="pagelet_photo_bar"]):not([class^="profile fb95_profile_tab_fix"]):not([id="pagelet_group"]):not([id="pagelet_main_column"]), /*strona glown, strona profilu, zdjecia, nie na stronie zaproszen 3 kolumny, zakladka notatki 3 kolumny strona grupy*/
body[class~="hasLeftCol"] #contentArea .apps_dashboard > div:not([id="pagelet_app_stories_with_heading"]), /*  zaproszenia wejscie ze strony glownej - 3 kolumny */

body[class~="hasLeftCol"] #pagelet_main_column_personal > div > div:not([id="pagelet_wall"]), /* w profilu innej osoby w zdjeciach nadaj bo wyrzucone z tablicy wyzej*/

body[class^="ego_page fbx"] .UIStandardFrame_Content, /* podglad post*/
body[class^="ego_page photo"] .UIStandardFrame_Content, /* edycja zdjecia */ 
body[class^="fbx"] #contentArea, /* 			podglad  zdjec w albumi on right column */
body[class^="ego_page fbx"] #contentArea,  /* 			albumy zdjec on right column */
body[class^="platform_dialog"] #content /* zapytanie o uprawnienia */
{
	background: rgba(223,223,223, 0.9) !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0px 2px;
}

body[class~="hasLeftCol"] #profile_minifeed /* w profil zakldka home tlo pod posty */
{
	background: rgba(223,223,223, 0.9) !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0px 2px;
	margin-bottom: 10px !important;
}

/* poszczegolny zakladki  tabs */
.info_tab, /* info tab */
.app_tab, /* to do tabs */
.photos_tab, /* photo tabs */
.tab_discussions, /* zakladka dyskusje */
.notes_content, /* zakladka notatki */
.uiBoxWhite, /* zakladka opinie .reviews_tab,  */
.box_tab /* zakladka pola */
{
	margin-top: 5px !important;
	background-color: #FFF9D7 !important;
	padding: 4px 4px !important;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-background-clip: padding !important;
	-webkit-background-clip: padding !important;
	border: 3px solid transparent !important;
	-moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	-moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	-moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	-moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;

}

/* z tych div wyrzuc tlo */
.reviews_tab,  /* zakladka opinie .reviews_tab,  */
.reviews_tab div[class="pvs uiBoxWhite topborder"] /* zakladka opinie .reviews_tab,  */
{
	background: transparent !important;
	border: none !important;
}

/* ====================================================== rozmiary marginesy to co na srodku  */
body[class^="fbPageEdit"] #mainContainer #contentArea {
	padding: 0 20px;
}





/* ======================================================		naglowki -------------------------------------*/

body[class~="profile_two_columns"] .profile_top_wash, /* na stronie grupy naglowek "tablica" "informacje" "to do" - 3 tla na stronie */
body[class~="nile_profile"] .profile_top_wash, /* na stronie grupy naglowek "zdjecia" "dyskusje" jedno tlo na stronie */
body[class~="hasLeftCol"] .top_bar /* na stronie grupy naglowek "notatki" jedno tlo na stronie */
{
	background: transparent !important;
}

body[class~="profile_two_columns"] .profile_name_and_status, /* na stronie grupy naglowek "tablica" "informacje" "to do" - 3 tla na stronie*/
body[class~="nile_profile"] .profile_name_and_status, /* na stronie grupy naglowek "zdjecia" "dyskusje" jedno tlo na stronie */
body[class~="hasLeftCol"] .profile_name_and_status /* na stronie grupy naglowek "notatki" jedno tlo na stronie */
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:-moz-linear-gradient(center top, #FEFEFF, #E3E8F4 50%, #CFD7EB 51%, #ECEEFC 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFF), to(#E3E8F4), color-stop(0.5, #CFD7EB), color-stop(0.51, #ECEEFC));
 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CFD7EB, direction=45);
	padding: 4px 10px;
	margin-bottom: 10px;

	width: 600px; 
}

body[class~="hasLeftCol"] .profile_name_and_status /* na stronie grupy naglowek "notatki" jedno tlo na stronie */
{
	width: 580px; /* strona grupy notatki musi byc mniejszy niz 600*/
}


/* ----------------------- naglowek aktualnosci itd*/
#pagelet_stream_header, /* naglowek na stronie glownej */
#pagelet_group_header /* naglowek na stronie grupy po wybraniu na glownej */
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:-moz-linear-gradient(center top, #FEFEFF, #E3E8F4 30%, #CFD7EB 31%, #ECEEFC 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFF), to(#E3E8F4), color-stop(0.3, #CFD7EB), color-stop(0.31, #ECEEFC));
 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CFD7EB, direction=45);
	padding: 5px 10px;
	margin-bottom: 10px;
}
/* udostepnij itd. komposer na stronie glownej i grupypo wybraniu na glownej  */
.uiComposer {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:-moz-linear-gradient(center top, #FEFEFF, #E3E8F4 40%, #CFD7EB 41%, #ECEEFC 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFF), to(#E3E8F4), color-stop(0.4, #CFD7EB), color-stop(0.41, #ECEEFC));
 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CFD7EB, direction=45);
	padding: 4px 2px;
}



/* ----------------------- zerowanie roznych nie potrzebnych w naglowkach */
#profile_top_bar {
	width: 820px !important;
	background: transparent !important;
}
/* naglowek w profilu */
.hasLeftCol #headerArea {
	width: 593px !important;
}



/* do poprawy ....*/

/* 			PROFILE page */
#pagelet_header,
.uiHeaderPage
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:-moz-linear-gradient(center top, #FEFEFF, #E3E8F4 30%, #CFD7EB 31%, #ECEEFC 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#FEFEFF), to(#E3E8F4), color-stop(0.3, #CFD7EB), color-stop(0.31, #ECEEFC));
 	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CFD7EB, direction=45);
	padding: 4px 10px;
	margin-bottom: 10px;
}








/* ================================================== POSTS */
.uiUnifiedStory,
.uiStreamStory,
.mall_post /* posty po wybraniu na glownej stronie grupy */
{
	background-color: #FFF9D7;
	margin-bottom: 10px;
	margin-top:5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-background-clip: padding !important;
	-webkit-background-clip: padding !important;
	border: 3px solid transparent !important;
	-moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	-moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	-moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	-moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
	
	background-image: url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/fcb_logo.png");
	background-repeat: no-repeat; 
	background-position: center right;
	
	 /*overflow: hidden; schowaj jesli wystaje */
}
.ufiItem, .uiUfiLike, .uiUfiComment, .uiUfiAddComment {
	background-color: #FFFF99 !important;
	margin-bottom: 6px;
	-moz-box-shadow: 2px 2px 2px #B57D20;
	-webkit-box-shadow:2px 2px 2px #B57D20;
}
/* input filed border */
textarea, .inputtext, .inputpassword {
	border: 1px solid #2F2E57;
}
/*border on comments box */
.uiUfi .ufiItem {
	background-color: #FCFAAF;
	border-bottom: 1px solid #2F2E57;
}
/* dziubek w komentarzach */
.uiUfi .ufiNub i {
	background-image: url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/UvyvLtJTQzO.png");
}
.commentArea .commentBox {
	border: 1px solid #FCFAAF;
}


/* ----------------------------------------------------------------------- TABS */

/* zakladki gorne na srodku */
.profile .top_bar ul.tabs li {
	background: transparent !important;
}
.profile .top_bar ul.tabs li a.tab_link {
	background-color: #8C1C42;
  border-color: #000031;
  color: #fff !important;
	-moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
}
.profile .top_bar ul.tabs li a.tab_link:hover {
	background-color:#FFF9D7 !important;
	color: #000031 !important;
}
.profile .top_bar ul.tabs li.selected a.tab_link  { 
	background-color:#FFF9D7 !important;
	color: #000031 !important;
}

/* podmiana kolru zdjecia na koncu zakladek "wiecej" */
.profile .top_bar ul.tabs li.profile_tab_more a.tab_link {
	background: url("http://cbmtest.nazwa.pl/work_in_home/bfb_fcb/UK_y4vNfbHf.gif") no-repeat scroll 0 -1px transparent;
}

/* tabs wybor gier z tablicy */
.uiPillButton {
	color: #fff !important;
}
.uiPillButton:hover {
	text-decoration: none !important;
}
.uiPillButtonSelected {
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	background: #DFB602 !important;
	border: 1px solid #000031 !important;
	color: #000031 !important;
}

/* tabs 2  tylko grupa, grupa i inni itd. */
.profile .Tabset_tabset ul.Tabset_tabset li a {
	color: #fff !important;
}
.PillFilter_pillfilter .PillFilter_filter.Tabset_selected div {
	background: #DFB602 !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	color: #000031 !important;
}