MediaWiki:Common.css
Dari SABDA Labs
Catatan: Setelah menerbitkan, Anda mungkin perlu melewati tembolok peramban web Anda untuk melihat perubahan.
- Firefox/Safari: Tekan dan tahan Shift sembari mengeklik Reload, atau tekan Ctrl-F5 atau Ctrl-R (⌘-R di Mac)
- Google Chrome: Tekan Ctrl-Shift-R (⌘-Shift-R di Mac)
- Edge: Tahan Ctrl sembari mengeklik Refresh, atau tekan Ctrl-F5
/*
This is the CSS for all skins (for all users) on MediaWiki.org.
SECTIONS:
1. Indication of namespaces
2. Color classes for content
3. Special pages
4. Main page styling
5. Sidebar external links
6. Extension:Matrix stuff
7. Wikitables, infobox templates, warnings, and other such stylings
8. Some other small things
*/
/***** 1. INDICATION OF NAMESPACES *****/
/* Pseudo NS Special (light grey) */
.ns--2 #content { background-color: #f4f4f4; }
.ns--2 div.thumb { border-color: #f4f4f4; }
/* NS Project + Project_talk (light sky blue) */
.ns-4 #content, .ns-5 #content { background-color: #f8fcff; }
.ns-4 div.thumb, .ns-5 div.thumb { border-color: #f8fcff; }
/* NS MediaWiki + MediaWiki_talk (light grey) */
.ns-8 #content, .ns-9 #content { background-color: #f4f4f4; }
.ns-8 div.thumb, .ns-9 div.thumb { border-color: #f4f4f4; }
/* NS Manual + Manual_talk (light bluish violet) */
.ns-100 #content, .ns-101 #content { background-color: #f3f3ff; }
.ns-100 div.thumb, .ns-101 div.thumb { border-color: #f3f3ff; }
/* NS Help (but NOT Help_talk) (blue border and Public Domain icon) */
.ns-12 #content {
border: 2px solid #0000cc;
border-right: none;
background-image: url(http://upload.wikimedia.org/wikipedia/mediawiki/b/b8/PD-banner.png);
background-repeat: no-repeat;
background-position: right top;
}
.ns-12 #bodyContent {
background-image: url(http://upload.wikimedia.org/wikipedia/mediawiki/6/67/PD-icon-faded.png);
background-repeat: no-repeat;
background-position: right 5em;
}
/***** 2. COLOR CLASSES FOR CONTENT *****/
/* Border colors */
.borderc1 { border-color: #e9e9e9; border-width: thin; } /* light grey */
.borderc2 { border-color: #aaaaaa; border-width: thin; } /* grey (as toc) */
.borderc3 { border-color: #777777; border-width: thin; } /* dark grey */
.borderc4 { border-color: #000000; border-width: thin; } /* black */
.borderc5 { border-color: #c00000; border-width: thin; } /* red */
.borderc6 { border-color: #025e9d; border-width: thin; } /* blue */
.borderc7 { border-color: #008040; border-width: thin; } /* green */
.borderc8 { border-color: #ffcc00; border-width: thin; } /* yellow */
/* Background colors */
.backgroundc1 { background-color: #ffffff; } /* white */
.backgroundc2 { background-color: #f9f9f9; } /* light grey (as toc) */
.backgroundc3 { background-color: #eeeeee; } /* light grey (headers) */
.backgroundc4 { background-color: #e0e0e0; } /* more grey */
.backgroundc5 { background-color: #d2d2d2; } /* more grey */
.backgroundc6 { background-color: #b7b7b7; } /* more grey */
.backgroundc7 { background-color: #a3a3a3; } /* darker grey */
.backgroundc8 { background-color: #444455; } /* very dark grey */
/***** 3. SPECIAL PAGES *****/
/* Marking redirects */
.allpagesredirect, .watchlistredir, .redirect-in-category { font-style: italic; }
/* Coloured edit size numbers on watchlist/recentchanges */
.mw-plusminus-pos { color: #006400; } /* darkgreen */
.mw-plusminus-neg { color: #8b0000; } /* darkred */
/* Consistent special page navigation */
.sp-cached {
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Clock%20and%20warning.svg/20px-Clock%20and%20warning.svg);
background-position: 5px 3px;
background-repeat: no-repeat;
padding: 4px 0 4px 30px;
font-style: italic;
color: #606000;
margin: 0.3em 0;
border: 1px solid #eeee80;
background-color: #ffffe0;
}
.SpecialPageInfo {
background-color: #f9f9f9;
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png);
background-position: 0.8em 0.5em;
background-repeat: no-repeat;
padding: 0.3em 0.5em 0.3em 5.0em;
border-color: #025e9d;
border-width: 1px;
border-style: solid;
border-bottom-width: medium;
margin-bottom: 1em;
}
#searchresulttext {
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Exquisite-kfind.png/45px-Exquisite-kfind.png);
}
.mw-viewprevnext {
display: block;
border: 1px solid #cccccc;
background-color: #f9f9f2;
padding: 0.2em 0.4em;
}
/* Special:Statistics */
.StatsTable {
background: transparent;
width: 75%;
}
.StatsTable th {
vertical-align: middle;
text-align: center;
width: 50px;
}
.StatsTable th, .StatsTable td {
background-color: #ffffff;
padding: 0.5em 1em;
border: 1px solid #ccccdd;
margin: 0.4em;
}
.StatsTable tr {
background-color: #ffffff;
}
/* Special:Search (more whitespace) */
.page-Special_Search #search {
padding: 1em 0 2em 0;
}
.page-Special_Search #powersearch {
border: 1px solid #cccccc;
padding: 0.5em 0.5em;
}
.page-Special_Search #powersearch-namespaces {
padding-left: 1em;
margin: 0.7em 0;
}
.page-Special_Search #powersearch-namespaces label {
white-space: nowrap;
min-width: 8.4em;
display: block;
float: left;
}
.page-Special_Search br { clear: left; } /* Clear search button, but not check-boxes */
/***** 4. MAIN PAGE STYLING *****/
#mainpage_topbox {
background: #f9f9f9;
padding: 0px;
border: 1px solid #aaaaaa;
margin: 0.2em 10px 10px;
}
.mainpage_boxtitle, .mainpage_hubtitle, #mainpage_pagetitle {
font-size: 105%;
padding: 0.4em;
background-color: #eeeeee;
border-bottom: 1px solid #aaaaaa;
}
.mainpage_boxtitle {
line-height: 120%;
}
#mainpage_pagetitle {
color: #cf7606;
font-size: 200% !important;
}
#mainpage_sitelinks {
padding: 0.2em;
text-align: center;
background-color: white;
}
.mainpage_hubtitle {
text-align: center;
}
.mainpage_boxcontents, .mainpage_boxcontents_small {
background: #ffffff;
padding: 0.2em 0.4em;
}
.mainpage_boxcontents_small {
font-size: 95%;
}
.mainpage_hubbox, #mainpage_newscell, #mainpage_downloadcell {
padding: 0;
border: 1px solid #aaaaaa;
}
.mainpage_hubbox {
margin-bottom: 0;
}
#mainpage_newscell {
margin-bottom: 15px;
margin-top: 0 !important;
}
#mainpage_newscell .mainpage_boxtitle {
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png);
background-repeat: no-repeat;
background-position: 99% 0.3em;
padding-right: 25px;
}
#mainpage_downloadcell {
width: 17em;
margin-bottom: 5px;
}
#mainpage_downloadcell .mainpage_boxtitle {
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png);
background-repeat: no-repeat;
background-position: 96% 0.33em;
padding-right: 25px;
}
#mainpage_mwtitle { color: #005288; } /* The words 'MediaWiki.org' in the title. */
/* The "mainpage" class is added to the body with javascript for the main page in all */
/* languages, so we can style things that apppear on the main page and also elsewhere. */
.mainpage #lastmod,
.mainpage #siteSub,
.mainpage h1.firstHeading {
display: none !important;
}
.mainpage #content {
padding-top: 1em;
}
/***** 5. SIDEBAR EXTERNAL LINKS *****/
#n-browse-cvs a, #n-phpdoc a, #n-Mailing-list a {
background: url(/skins-1.5/monobook/external.png) center right no-repeat;
padding-right: 13px;
color: #3366bb;
}
/***** 6. PRETTIFY [[Extension Matrix]] *****/
.xm-table {
border: 1px solid #666666;
background-color: white;
}
.xm-table td, .xm-table th {
vertical-align: top;
text-align: left;
border: none;
background-color: #EEEEEE;
}
.xm-table th, .xm-name { font-weight: bold; }
.xm-status-unknown,
.xm-type-unknown {
color: #888888;
}
.xm-status-experimental { color: red; }
.xm-status-beta { color: blue; }
.xm-status-stable { color: green; }
.xm-name, .xm-status,
.xm-type, .xm-version,
.xm-updated {
white-space: nowrap;
}
.xm-updated { font-size:80%; }
.xm-alert { background-color: yellow; }
td.xm-blank { background-color: inherit; }
td.xm-updated { background-color: inherit; }
td.xm-description { background-color: inherit; font-style: italic; }
th.xm-blank,
th.xm-updated,
th.xm-description {
background-color: inherit;
padding-bottom: 0.6ex;
border-bottom: 1px solid #666666;
}
/***** 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/
/* Wikitable (Prettytable) class for skinning normal tables */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
empty-cells: show;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
border: 1px #aaaaaa solid;
padding: 0.2em 0.4em;
}
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3,
table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 {
background: #8da7d6;
text-align: center;
}
table.wikitable td.hl1, table.wikitable th.hl1,
table.prettytable td.hl1, table.wikitable th.hl1 {
background: #c5d8fc;
text-align: center;
}
table.wikitable td.hl2, table.wikitable th.hl2,
table.prettytable td.hl2, table.wikitable th.hl2 {
background: #a7c1f2;
text-align: center;
}
table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
/* General purpose "pretty (data) tables" */
table.datatable { background-color: transparent; }
table.datatable th, table.datatable td { padding: 4px; }
table.datatable th { text-align: left; background-color: #999999; }
table.datatable tr { background-color: #cccccc; }
table.datatable tr:hover { background-color: #ffffcc; }
/* SideBox styling */
div.sideBox {
position: relative;
float: right;
background: white;
margin-left: 1em;
border: 1px solid gray;
padding: 0.3em;
width: 200px;
overflow: hidden;
clear: right;
}
div.sideBox dl {
padding: 0;
margin: 0 0 0.3em 0;
font-size: 96%;
}
div.sideBox dl dt {
background: none;
margin: 0.4em 0 0 0;
}
div.sideBox dl dd {
margin: 0.1em 0 0 1.1em;
background-color: #f3f3f3;
}
/* Extension infobox styling */
.ext-infobox {
border: 2px solid #aaaaaa;
width: 272px;
float: right;
margin: 0 0 0.5em 0.5em;
border-collapse: collapse;
background-color: white;
}
.ext-infobox td {
border: 2px none #aaaaaa;
padding: 0.2em 0.5em;
border-bottom: 1px solid #f0f0f0 !important;
}
.ext-header {
background-color: #aaaaaa;
color: white;
text-align: left;
}
.ext-header td { padding-top: 0.5em; }
.ext-header img { padding: 0 0.2em 0 0.5em; }
.ext-status-unstable, .ext-status-unstable td { border-color: #990000; }
.ext-status-unstable .ext-header { background-color: #990000; color: #ffff00; }
.ext-status-experimental, .ext-status-experimental td { border-color: #cc6600; }
.ext-status-experimental .ext-header { background-color: #cc6600; }
.ext-status-beta, .ext-status-beta td { border-color: #000099; }
.ext-status-beta .ext-header { background-color: #000099; }
.ext-status-stable, .ext-status-stable td { border-color: #009900; }
.ext-status-stable .ext-header { background-color: #009900; }
/* Cute little "tip" boxes */
div.tip {
padding: 4px;
margin-top: 4px;
margin-bottom: 4px;
min-height: 30px; /* IE users will hate this... */
}
div.tip-info {
border: 1px solid #cc9933;
background-color: #cccc99;
}
div.tip-gotcha {
border: 1px solid #cc0000;
background-color: #cc6666;
}
/* Language template */
.LanguageLinks { margin-top: 0.5em; }
.LanguageLinks table {
clear: both;
border: 1px solid #aaaaaa;
border-collapse: collapse;
padding: 0.2em;
margin: 0;
font-size: 85%;
margin: 0 1px;
}
.LanguageLinks span { white-space: nowrap; }
/* Version box on [[Manual:Downloading MediaWiki]] */
#DownloadVersionBox {
border: 2px solid black;
border-collapse: collapse;
margin: auto;
width: 50%;
color: black;
}
#DownloadVersionBox td {
border: 2px solid black;
padding: 20px;
}
/* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */
.majorwarning {
background: yellow;
padding: 0.3em;
text-align: center;
font-size: 125%;
border: 2px solid red;
}
/* Page headings used throughout the wiki (though not very much at the time of writing…) */
.page-notice, .page-warning {
border-width: 1px;
border-style: solid;
padding: 0.3em 0.5em;
margin-bottom: 1em;
width: 95%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
/* Informative notices at the top of pages (blue) */
.page-notice {
background-color: #f9f9f9;
border-color: #025e9d;
text-align: left;
}
/* Warning information at the top of pages (red) */
.page-warning {
background-color: #ffffff;
border-color: #c51919;
border-width: 2px;
}
.pw-head {
color: #c51919;
font-weight: bold;
}
/* Used in Template:Notice */
.block-note {
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);
background-position: top left;
background-repeat: no-repeat;
}
/*
Using block-contents in the hope that it can apply to all block-level warning templates,
with different images applied as backgrounds to the wrapping DIV.
*/
.block-contents {
display: block;
padding-left: 20px;
}
/* Template documentation ([[Template:Documentation]]) */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #ecfcf4;
padding: 5px;
}
/* Navbox */
table.navbox {
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox {
margin-top: -1px;
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center;
padding-left: 1em;
padding-right: 1em;
}
.navbox-group {
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: #fdfdfd;
}
.navbox-list {
border-color: #fdfdfd;
}
.navbox-title,
table.navbox th {
background: #ccccff;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #ddddff;
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #e6e6ff;
}
.navbox-even {
background: #f7f7f7;
}
.navbox-odd {
background: transparent;
}
/**
.collapseButton {
float: right;
font-weight: normal;
text-align: right;
width: auto;
}
.navbox .collapseButton {
width: 6em;
}*//
/* Infobox */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #aaa;
}
/***** 8. SOME OTHER SMALL THINGS *****/
/* Give a bit of space to the TOC */
#toc { margin: 1em 0; }
/* make the list of references look smaller and highlight clicked reference in blue */
ol.references { font-size: 100%; }
.references-small { font-size: 90%;}
ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
/* Printing of thumbnails (bug 1583) */
div.tright { clear: right; }
/* extra buttons for edit dialog (from commons:MediaWiki:Common.css) */
.my-buttons { padding: 0.5em; }
.my-buttons a {
color: black;
background-color: #ccddee !important;
font-weight: bold;
font-size: 0.9em;
text-decoration: none;
border: thin #006699 outset;
padding: 0 0.1em 0.1em 0.1em;
}
.my-buttons a:hover, .my-buttons a:active {
background-color: #bbccdd;
border-style: inset;
}
/* from [[User:Splarka/Help:Linked images]] */
.imagelink_wikilogo a {
width: 135px;
height: 135px;
display: block;
text-decoration: none;
background-image: url("http://upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png");
}
/**** reduced subset of the mbox styles from enwiki, mainly for the nice boxflow ****/
th.mbox-text, td.mbox-text { /* The message body cell(s) */
border: none;
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.mbox-image { /* The left image cell */
border: none;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright { /* The right image cell */
border: none;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}
/* These mbox-small classes must be placed after all other
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small { /* For the "small=yes" option. */
clear: right;
float: right;
margin: 4px 0 4px 1em;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
body.mediawiki table.mbox-small-left { /* For the "small=left" option. */
margin: 4px 1em 4px 0;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
/* Standard Navigationsleisten, aka box hiding thingy
from .de. Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
margin: 0;
padding: 4px;
border: 1px solid #aaa;
text-align: left;
border-collapse: collapse;
font-size: 95%;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
div.NavPic {
background-color: #fff;
margin: 0;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
height: 2em;
font-weight: bold;
//background-color: #ccf;
position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0;
padding: 0;
line-height: 1px;
clear: both;
}
a.NavToggle {<!--
position: absolute;
top: 0;
right: 3px;-->
font-weight: normal;
font-size: 90%;
}
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text { /* The message body cell(s) */
border: none;
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.mbox-image { /* The left image cell */
border: none;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright { /* The right image cell */
border: none;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}
/* Article message box styles */
table.ambox {
margin: 0px 10%; /* 10% = Will not overlap with other elements */
border: 1px solid #aaa;
border-left: 10px solid #1e90ff; /* Default "notice" blue */
background: #fbfbfb;
}
table.ambox + table.ambox { /* Single border between stacked boxes. */
margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
.ambox td.mbox-image { /* The left image cell */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright { /* The right image cell */
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}
table.ambox-notice {
border-left: 10px solid #1e90ff; /* Blue */
}
table.ambox-speedy {
border-left: 10px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.ambox-delete {
border-left: 10px solid #b22222; /* Red */
}
table.ambox-content {
border-left: 10px solid #f28500; /* Orange */
}
table.ambox-style {
border-left: 10px solid #f4c430; /* Yellow */
}
table.ambox-move {
border-left: 10px solid #9932cc; /* Purple */
}
table.ambox-protection {
border-left: 10px solid #bba; /* Gray-gold */
}
/* Image message box styles */
table.imbox {
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #1e90ff; /* Default "notice" blue */
background: #fbfbfb;
}
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox { /* For imboxes inside other templates. */
margin: 4px;
}
table.imbox-notice {
border: 3px solid #1e90ff; /* Blue */
}
table.imbox-speedy {
border: 3px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.imbox-delete {
border: 3px solid #b22222; /* Red */
}
table.imbox-content {
border: 3px solid #f28500; /* Orange */
}
table.imbox-style {
border: 3px solid #f4c430; /* Yellow */
}
table.imbox-move {
border: 3px solid #9932cc; /* Purple */
}
table.imbox-protection {
border: 3px solid #bba; /* Gray-gold */
}
table.imbox-license {
border: 3px solid #88a; /* Dark gray */
background: #f7f8ff; /* Light gray */
}
table.imbox-featured {
border: 3px solid #cba135; /* Brown-gold */
}
/* Category message box styles */
table.cmbox {
margin: 3px 10%;
border-collapse: collapse;
border: 1px solid #aaa;
background: #DFE8FF; /* Default "notice" blue */
}
table.cmbox-notice {
background: #D8E8FF; /* Blue */
}
table.cmbox-speedy {
margin-top: 4px;
margin-bottom: 4px;
border: 4px solid #b22222; /* Red */
background: #FFDBDB; /* Pink */
}
table.cmbox-delete {
background: #FFDBDB; /* Red */
}
table.cmbox-content {
background: #FFE7CE; /* Orange */
}
table.cmbox-style {
background: #FFF9DB; /* Yellow */
}
table.cmbox-move {
background: #E4D8FF; /* Purple */
}
table.cmbox-protection {
background: #EFEFE1; /* Gray-gold */
}
/* Other pages message box styles */
table.ombox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #aaa; /* Default "notice" gray */
background: #f9f9f9;
}
table.ombox-notice {
border: 1px solid #aaa; /* Gray */
}
table.ombox-speedy {
border: 2px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.ombox-delete {
border: 2px solid #b22222; /* Red */
}
table.ombox-content {
border: 1px solid #f28500; /* Orange */
}
table.ombox-style {
border: 1px solid #f4c430; /* Yellow */
}
table.ombox-move {
border: 1px solid #9932cc; /* Purple */
}
table.ombox-protection {
border: 2px solid #bba; /* Gray-gold */
}
/* Talk page message box styles */
table.tmbox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #c0c090; /* Default "notice" gray-brown */
background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
margin: 2px 0; /* class ensures that this declaration overrides other */
width: 100%; /* For Safari and Opera */ /* styles (including mbox-small above) */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */
line-height: 1.5em; /* also "nested", so reset styles that are */
font-size: 100%; /* set in "mbox-small" above. */
}
table.tmbox-speedy {
border: 2px solid #b22222; /* Red */
background: #fee; /* Pink */
}
table.tmbox-delete {
border: 2px solid #b22222; /* Red */
}
table.tmbox-content {
border: 2px solid #f28500; /* Orange */
}
table.tmbox-style {
border: 2px solid #f4c430; /* Yellow */
}
table.tmbox-move {
border: 2px solid #9932cc; /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
border: 1px solid #c0c090; /* Gray-brown */
}
/* Disambig and set index box styles */
table.dmbox {
clear: both;
margin: 0.9em 1em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: transparent;
}
/* Footer and header message box styles */
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #aaa;
background: #f9f9f9; /* Default "system" gray */
}
table.fmbox-system {
background: #f9f9f9;
}
table.fmbox-warning {
border: 1px solid #bb7070; /* Dark pink */
background: #ffdbdb; /* Pink */
}
table.fmbox-editnotice {
background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background: #ffdbdb;
padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages. Used in
[[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.noarticletext,
div.fmbox-system {
clear: both;
margin: 0.2em 0;
border: 1px solid #aaa;
background: #f9f9f9;
padding: 0.25em 0.9em;
}
/* These mbox-small classes must be placed after all other
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small { /* For the "small=yes" option. */
clear: right;
float: right;
margin: 4px 0 4px 1em;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
body.mediawiki table.mbox-small-left { /* For the "small=left" option. */
margin: 4px 1em 4px 0;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
/* Styling for citations */
span.citation, cite {
font-style: normal;
word-wrap: break-word;
}
/* For linked citation numbers and document IDs, where
the number need not be shown on a screen or a handheld,
but should be included in the printed version
*/
@media screen, handheld {
span.citation *.printonly {
display: none;
}
}
table.sabdatable {
background: #164eaf;
border: 1px solid black;
margin: 0 0 0.5em 1em;
padding: 3px 3px 3px 3px;
-moz-border-radius: 4px;
border-radius: 4px;
}
table.sabdatable tr {
background: #fff;
}
table.sabdatable td {
padding: 5px;
}
table.sabdatable th {
background: #164eaf;
border: 0px;
padding: 5px;
font-size: 120%;
font-weight: bold;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
color: white;
}
table.sabdatable th.smworange {
background: #d57520;
}
table.sabdatable th a {
color: #fff;
}
.fbEmu .body .fbEmuLink {
color: #333333;
}
.fbEmu .body .fbEmuLink:hover {
text-decoration: none;
}
.fbEmu .body a.signature {
color: #3B5998;
display: inline;
}
.fbEmu .body a.signature:hover {
text-decoration: underline;
}
.fbEmu .hover:hover .title .fbEmuLink {
text-decoration: underline;
}
.fbEmu .forceRTL {
direction: rtl;
display: block;
text-align: right;
}
.fbEmu .forceLTR {
direction: ltr;
display: block;
text-align: left;
}
.fbEmu .adInfo a.identity {
color: gray;
display: block;
white-space: nowrap;
}
.fbEmu .title {
font-weight: bold;
margin-bottom: 0 !important;
}
.fbEmu .image_body_block {
padding-top: 3px;
}
.fbEmuHidePoll .undo {
float: right;
margin-bottom: 3px;
margin-left: 5px;
padding-bottom: 2px;
padding-left: 2px;
}
.fbEmuHidePoll .fbEmuXTitle {
font-weight: bold;
}
.fbEmuHidePoll .fbEmuXSubtitle {
margin-bottom: 10px;
}
.fbEmuHideThanks .fbEmuXThanksTitle {
font-weight: bold;
margin-bottom: 10px;
}
.fbEmuLegacy .fbEmuHidePoll .otherdiv .other {
width: 141px;
}
.fbEmuBlock .fbEmuHidePoll .otherdiv {
margin-left: 20px;
}
.fbEmuEgo .fbEmuHidePoll .otherdiv .other {
width: 206px;
}
.emu_x {
float: right;
}
.emu_x .uiSelectorButton {
opacity: 0;
}
.old_x {
opacity: 0;
}
.fbEmu:hover .old_x, .fbEmu:hover .uiSelectorButton, .emu_x .openToggler .uiSelectorButton {
opacity: 1;
}
div.fbEmuEgo .image .img {
max-height: 72px;
max-width: 100px;
padding-top: 3px;
}
.fbEmuEgo .action {
margin-top: 5px;
}
.fbEmuEgo {
line-height: 13px;
}
.fbEmuEgo .fbEmuHide {
margin-top: 0 !important;
}
.fbEmuEgo .image {
display: block;
width: 100px;
}
.fbEmuEgo .action {
color: #777777;
}
.fbEmuEgo .action .fbEmuContext .fbEmuLink {
color: #777777;
}
.fbEmuEgo .action div.UIImageBlock_Content, .fbEmuEgo .action div.uiImageBlockContent {
padding-top: 1px;
}
.rhcFooterWrap {
padding-left: 6px;
}
.rhcFooterBorder {
border-bottom: 1px solid #E9E9E9;
border-top: 1px solid #CCCCCC;
}
.rhcFooterCopyright {
padding: 10px 0 4px;
}
.rhcFooterSelectorButton .img {
margin: 6px 0 0 3px;
vertical-align: top;
}
span.alternate_name {
color: gray;
font-weight: normal;
}
.textMetrics {
border: medium none;
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
top: -1e+7px;
}
.webkitZoomTest {
font-size: 100px;
height: 1em;
position: absolute;
}
.ego_x {
float: right;
opacity: 0;
}
.ego_unit:hover .ego_x {
opacity: 1;
}
.ego_title {
display: block;
font-weight: bold;
margin-top: 2px;
max-width: 162px;
word-wrap: break-word;
}
.ego_page .UIStandardFrame_Container {
padding-left: 0;
width: 980px;
}
.ego_page .UIStandardFrame_Content {
width: 720px;
}
.ego_page .UIStandardFrame_SidebarAds {
width: auto;
}
.ego_column {
width: 244px;
}
.ego_section {
margin-bottom: 15px;
}
.ego_section .async_saving a {
display: none;
}
.ego_section .indicator {
display: none;
}
.ego_section .async_saving .indicator {
display: inline;
}
.ego_unit_container {
padding-left: 6px;
}
.ego_unit {
margin-bottom: 8px;
padding-right: 4px;
}
.ego_unit + .ego_unit, .ego_unit + .ego_appended_units .ego_unit {
border-top: 1px solid #E9E9E9;
padding-top: 8px;
}
a.always_underlined:link, a.always_underlined:hover, a.always_underlined:visited {
text-decoration: underline;
}
div.egoProfileTemplate div {
margin-top: 2px;
}
div.ego_unit_container div.clickable {
cursor: pointer;
}
.uiProfileBlockContent {
overflow: hidden;
}
.uiVideoThumb {
border: 0 none;
display: inline-block;
overflow: hidden;
position: relative;
}
.uiVideoThumb img {
display: inline-block;
max-height: 130px;
max-width: 130px;
}
.uiVideoThumb img[width] {
}
.uiVideoThumb i {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yB/r/jxUplchomFH.png") no-repeat scroll 0 0 transparent;
bottom: 5px;
height: 26px;
left: 5px;
position: absolute;
width: 35px;
}
.uiVideoThumbSmall i {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yN/r/aERK2-5sOBX.png");
bottom: 3px;
height: 22px;
left: 3px;
width: 27px;
}
.uiVideoThumbTiny i {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yx/r/LwvvGd2Cr9v.png");
bottom: 3px;
height: 17px;
left: 3px;
width: 21px;
}
.uiVideoThumbLoading i {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif") no-repeat scroll 50% 50% transparent;
bottom: 0;
height: 100%;
left: 0;
width: 100%;
}
.uiVideoThumbSmall.uiVideoThumbLoading i, .uiVideoThumbTiny.uiVideoThumbLoading i {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif");
}
.uiVideoThumbLoading img {
opacity: 0.15;
}
.uiVideoThumbLarge img {
background: none no-repeat scroll 50% 50% #F2F2F2;
max-height: 168px;
max-width: 300px;
}
.uiVideoThumbLarge i {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yB/r/jxUplchomFH.png") no-repeat scroll 0 0 transparent;
height: 26px;
left: 50%;
margin: -13px 0 0 -17px;
position: absolute;
top: 50%;
width: 35px;
}
.uiVideoThumbHuge i {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/CQWPMUMZZVm.png") no-repeat scroll 0 0 transparent;
height: 62px;
left: 50%;
margin: -31px 0 0 -46px;
position: absolute;
top: 50%;
width: 92px;
}
.fbEmuTracking {
position: absolute;
visibility: hidden;
}
button.async_saving .default_message, a.async_saving .default_message, form.async_saving .default_message, .saving_message {
display: none;
}
.default_message, button.async_saving .saving_message, a.async_saving .saving_message, form.async_saving .saving_message {
display: inline;
}
.async_throbber .async_saving {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif") no-repeat scroll right center transparent;
padding-right: 20px;
}
.async_throbber_left .async_saving {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif") no-repeat scroll left center transparent;
padding-left: 20px;
}
form {
margin: 0;
padding: 0;
}
label {
color: #666666;
cursor: pointer;
font-weight: bold;
vertical-align: middle;
}
label input {
font-weight: normal;
}
textarea, .inputtext, .inputpassword {
border: 1px solid #BDC7D8;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
margin: 0;
padding: 3px;
}
select {
border: 1px solid #BDC7D8;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
padding: 2px;
}
.inputtext, .inputpassword {
padding-bottom: 4px;
}
.ff4.mac .inputtext, .ff4.mac .inputpassword {
padding-bottom: 3px;
}
.inputradio {
margin: 0 5px 0 0;
padding: 0;
vertical-align: middle;
}
.inputcheckbox {
border: 0 none;
vertical-align: middle;
}
.inputbutton, .inputsubmit {
background-color: #3B5998;
border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA;
border-style: solid;
border-width: 1px;
color: #FFFFFF;
padding: 2px 15px 3px;
text-align: center;
}
.inputsubmit_disabled {
background-color: #999999;
border-bottom: 1px solid #000000;
border-right: 1px solid #666666;
color: #FFFFFF;
}
.inputaux {
background: none repeat scroll 0 0 #F0F0F0;
border-color: #E7E7E7 #666666 #666666 #E7E7E7;
color: #000000;
}
.inputaux_disabled {
color: #999999;
}
.inputsearch {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yV/r/IJYgcESal33.png") no-repeat scroll left 4px #FFFFFF;
padding-left: 17px;
}
body {
background: none repeat scroll 0 0 #FFFFFF;
color: #333333;
direction: ltr;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
line-height: 1.28;
margin: 0;
padding: 0;
text-align: left;
unicode-bidi: embed;
}
h1, h2, h3, h4, h5, h6 {
color: #333333;
font-size: 13px;
margin: 0;
padding: 0;
}
h1 {
font-size: 14px;
}
h4, h5 {
font-size: 11px;
}
p {
margin: 1em 0;
}
a {
color: #3B5998;
cursor: pointer;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border: 0 none;
}
td, td.label {
font-size: 11px;
text-align: left;
}
dd {
color: #000000;
}
dt {
color: #777777;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
abbr {
border-bottom: medium none;
}
hr {
background: none repeat scroll 0 0 #D9D9D9;
border-width: 0;
color: #D9D9D9;
height: 1px;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}
.clearfix {
}
.datawrap {
word-wrap: break-word;
}
.word_break {
display: inline-block;
}
wbr:after {
content: "?";
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.img_loading {
position: absolute;
top: -1e+7px;
}
.aero {
opacity: 0.5;
}
.column {
float: left;
}
.center {
margin-left: auto;
margin-right: auto;
}
#facebook .hidden_elem {
display: none !important;
}
#facebook .invisible_elem {
visibility: hidden;
}
#facebook .accessible_elem {
left: -9999px;
position: absolute;
}
.direction_ltr {
direction: ltr;
}
.direction_rtl {
direction: rtl;
}
.text_align_ltr {
text-align: left;
}
.text_align_rtl {
text-align: right;
}
.DOMControl_placeholder {
color: #777777;
}
.no_js .DOMControl_placeholder {
color: #000000;
}
body {
overflow-y: scroll;
}
.mini_iframe, .serverfbml_iframe {
overflow-y: visible;
}
.auto_resize_iframe {
height: auto;
overflow: hidden;
}
.pipe {
color: gray;
padding: 0 3px;
}
#content {
margin: 0;
padding: 0;
width: auto;
}
.profile #content, .home #content, .search #content {
min-height: 600px;
}
.UIStandardFrame_Container {
margin: 20px auto 0;
padding: 0;
width: 960px;
}
.UIStandardFrame_Content {
float: left;
margin: 0;
padding: 0;
width: 760px;
}
.UIStandardFrame_SidebarAds {
float: right;
margin: 0;
padding: 0;
width: 200px;
}
.UIFullPage_Container {
margin: 20px auto 0;
padding: 0 12px;
width: 940px;
}
.empty_message {
background: none repeat scroll 0 0 #F7F7F7;
font-size: 13px;
line-height: 17px;
padding: 20px 20px 50px;
text-align: center;
}
.see_all {
text-align: right;
}
.standard_status_element {
visibility: hidden;
}
.standard_status_element.async_saving {
visibility: visible;
}
img.tracking_pixel {
height: 1px;
position: absolute;
visibility: hidden;
width: 1px;
}
#dropmenu_container {
display: block;
height: 0;
margin: 0 auto;
padding: 0;
position: absolute;
width: 964px;
z-index: 300;
}
.inlineBlock {
display: inline-block;
}
button.as_link {
-moz-user-select: text;
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #3B5998;
cursor: pointer;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 100%;
margin: 0;
overflow: visible;
padding: 0;
text-align: left;
width: auto;
}
button.as_link::-moz-focus-inner {
border: 0 none;
padding: 0;
}
button.as_link:hover span, button.as_link:focus span {
text-decoration: underline;
}
button.as_link .button_img {
height: 16px;
margin: 0 6px 0 0;
vertical-align: text-bottom;
width: 16px;
}
.uiComposer {
border-bottom: 1px solid #CCCCCC;
}
.uiComposerTopBorder {
border-top: 1px solid #CCCCCC;
}
.uiComposerOpen, .no_js .uiComposer {
border-bottom: medium none;
}
.uiComposer .attachmentLoader {
line-height: normal;
position: absolute;
right: 2px;
top: 9px;
}
.uiComposer .attachmentSentenceBar {
line-height: 22px;
padding: 3px 0 6px;
position: relative;
z-index: 2;
}
.uiComposer .attachmentCloseBtn {
position: absolute;
right: 2px;
top: 7px;
}
.uiComposer .attachmentFrame {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #B4BBCD #B4BBCD #CCCCCC;
border-style: solid;
border-width: 1px;
}
.uiComposerHideMessageBox .attachmentFrame, .uiComposerHideInput .attachmentFrame {
border-bottom-color: #B4BBCD;
}
.uiComposerHideContent .attachmentFrame {
display: none;
}
.uiComposerOpen .focus_target {
padding-bottom: 10px;
}
.uiComposerWhiteMessageBox .child_was_focused {
border-bottom: 1px solid #E9E9E9;
}
.uiComposerHideMessageBox .child_was_focused {
border-bottom: medium none;
}
.uiComposer .showWhenOpen, .uiComposer .showOnceInteracted {
display: none !important;
}
.uiComposerOpen .showWhenOpen, .no_js .uiComposer .showWhenOpen, .uiComposerInteracted .showOnceInteracted, .uiComposer .child_was_focused .showOnceInteracted {
display: block !important;
}
.uiComposerAttachment .attachmentLink {
outline: medium none;
}
.uiComposerAttachment .attachmentLink:focus {
text-decoration: underline;
}
.uiComposerAttachment .selected, .uiComposerAttachmentSelected .normal {
display: none;
}
.uiComposerAttachmentSelected .selected {
display: inline;
}
.uiComposerAttachment .nub {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yf/r/PfBgtiydy5U.gif") no-repeat scroll center top transparent;
height: 7px;
left: 2px;
position: absolute;
top: 18px;
width: 11px;
}
.uiMetaComposer .uiComposerAttachment .nub {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/ALnh3ly4npU.gif");
left: 4px;
top: 19px;
}
span.uiComposerAttachment {
color: #333333;
display: inline-block;
}
.uiComposerAttachments {
line-height: 22px;
padding: 3px 0 4px;
position: relative;
z-index: 2;
}
.uiComposerOpen .uiComposerAttachments {
padding-bottom: 6px;
}
.uiComposerMetaContainer {
background-color: #FFFFFF;
border: 1px solid #B4BBCD;
position: relative;
z-index: 1;
}
.uiMetaComposer .uiComposerMetaContainer .attachmentFrame {
border: 0 none;
}
.uiMetaComposer.uiComposerWhiteMessageBox .child_was_focused {
border: medium none;
}
.uiMetaComposerMessageBox {
}
.uiComposerHideMessageBox .uiMetaComposerMessageBox {
display: none;
}
.uiComposerWhiteMessageBox .uiComposerMessageBox {
background-color: #FFFFFF;
border-width: 0;
padding: 0;
}
.uiMetaComposerMessageBoxTable {
border-spacing: 0;
table-layout: fixed;
width: 100%;
}
.uiMetaComposerMessageBoxTable td {
padding: 0;
vertical-align: top;
word-wrap: break-word;
}
.uiMetaComposerMessageBoxTable .attachmentBottomRow {
height: 0;
}
.uiMetaComposerMessageBoxTable .attachmentBottomRow td {
vertical-align: bottom;
}
.uiMetaComposerMessageBox .inputContainer {
background-color: #FFFFFF;
}
.uiComposerHideInput .uiMetaComposerMessageBoxTable {
display: none;
}
.uiMetaComposerMessageBox .uiComposerMessageBoxControls {
height: 30px;
margin: 0;
}
.uiMetaComposerMessageBox .uiComposerMessageBoxMentions .inputContainer {
border: medium none;
padding: 0;
position: relative;
}
.uiMetaComposerMessageBox .uiComposerMention .inputContainer {
z-index: 2;
}
.uiMetaComposerMessageBoxShelf {
background-color: #F2F2F2;
border-top: 1px solid #E6E6E6;
}
.uiMetaComposerMessageBox .composerTypeahead {
border: 0 none;
}
.uiMetaComposerMessageBox .composerTypeahead .wrap {
border: 0 none;
padding: 5px !important;
}
.uiMetaComposerMessageBox .uiMentionsInput .highlighter {
font-size: 13px;
left: 1px;
top: 1px;
}
.uiMetaComposerMessageBox .uiMentionsInput .highlighter .metadataFragment {
color: gray;
}
.uiMetaComposerMessageBox .uiMentionsInput .highlighter .withToken, .uiMetaComposerMessageBox .uiMentionsInput .highlighter .timeToken, .uiMetaComposerMessageBox .uiMentionsInput .highlighter .placeToken {
position: relative;
z-index: 2;
}
.uiMetaComposerMessageBox .uiMentionsInput .highlighter .withToken {
color: #3B5998;
cursor: pointer;
}
.uiMetaComposerMessageBox .uiMentionsInput .highlighter .withToken:hover {
text-decoration: underline;
}
.uiMetaComposerMessageBox .input {
background: none repeat scroll 0 0 transparent;
border-width: 0;
font-size: 13px;
height: 16px;
margin: 0;
outline: medium none;
padding: 0;
resize: none;
vertical-align: bottom;
width: 100%;
}
.child_was_focused .uiMetaComposerMessageBox .input {
min-height: 48px;
}
.child_was_focused .uiMetaComposerMessageBox .inputContainer {
min-height: 58px;
}
.uiMetaComposerMessageBox .composerTypeahead .uiStickyPlaceholderInput {
width: 100%;
}
div.uiMetaComposerMessageBox .composerTypeahead .placeholder {
font-size: 13px;
padding: 0;
}
.uiMetaComposerMessageBox .attachmentMetaArea {
position: relative;
}
.uiMetaComposerMessageBox .textBlurb label {
font-weight: normal;
vertical-align: baseline;
}
.uiMetaComposerMessageBox .textBlurb input {
vertical-align: middle;
}
.uiMetaComposerMessageBox .uiComposerTagControls {
border-right: 1px solid #E0E0E0;
display: inline-block;
float: left;
height: 30px;
outline: medium none;
}
.uiMetaComposerMessageBox .uiComposerTagControls:hover {
background-color: #E9E9E9;
}
.uiMetaComposerMessageBox .attachmentBarArea .uiComposerTagControlOpen {
background-color: #FAFAFA;
border-top: 1px solid #F2F2F2;
margin-top: -1px;
}
.uiMetaComposerMessageBox .uiComposerBarRightArea {
margin: 4px;
}
.uiMetaComposerMessageBox .submitBtn {
padding: 2px 16px;
}
.uiMetaComposerMessageBox .fakePrivacyWidget, .uiMetaComposerMessageBox .fakePrivacyWidget:active, .uiMetaComposerMessageBox .fakePrivacyWidget:focus, .uiMetaComposerMessageBox .fakePrivacyWidget:hover {
border-color: transparent;
margin: 2px 6px;
padding: 0;
}
.uiMetaComposerMessageBox .fakePrivacyWidget .uiButtonText {
color: gray;
font-weight: normal;
}
.uiMetaComposer .ComposerCitySharer {
color: gray;
line-height: 30px;
position: relative;
}
.uiMetaComposer .friendsTokenizer {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #BDC7D8 -moz-use-text-color -moz-use-text-color;
border-right: 0 none;
border-style: dashed none none;
border-width: 1px 0 0;
padding: 0;
}
div div.uiFriendsTokenizerTypeaheadView {
width: 300px;
}
.uiMetaComposer .friendsTokenizer .tokenarea {
padding-left: 2px;
}
.uiMetaComposer .attachmentBottomArea .inputtext {
border: medium none;
min-width: 160px;
outline: medium none;
}
.uiMetaComposer .friendsTokenizer .uiTypeaheadDisabled {
display: none;
}
.uiMetaComposer .taggerLocationSharer {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #BDC7D8 -moz-use-text-color -moz-use-text-color;
border-right: 0 none;
border-style: dashed none none;
border-width: 1px 0 0;
}
.uiMetaComposer .taggerLocationSharer .wrap {
border: 0 none;
}
.uiMetaComposer .taggerLocationSharer .uiStickyPlaceholderInput {
width: 100%;
}
.uiMetaComposerMessageBox .cameraIcon {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png");
background-position: 0 -111px;
background-repeat: no-repeat;
width: 29px;
}
.uiMetaComposerMessageBox .cameraIconSelected {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png");
background-position: -30px -111px;
background-repeat: no-repeat;
width: 29px;
}
.uiMetaComposerMessageBox .friendTaggerIcon {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png");
background-position: -60px -111px;
background-repeat: no-repeat;
width: 29px;
}
.uiMetaComposerMessageBox .friendTaggerIconSelected {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png");
background-position: -90px -111px;
background-repeat: no-repeat;
width: 29px;
}
.uiMetaComposerMessageBox .placeTaggerIcon {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png");
background-position: -120px -111px;
background-repeat: no-repeat;
width: 29px;
}
.uiMetaComposerMessageBox .placeTaggerIconSelected {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png");
background-position: -150px -111px;
background-repeat: no-repeat;
width: 29px;
}
.fbx #pageFooter {
margin: auto;
width: auto;
}
.hasLeftCol #pageFooter {
background-color: #FFFFFF;
clear: both;
margin-left: 180px;
}
#pagefooter {
border-top: 0 none;
}
#pageFooter {
color: #737373;
font-size: 11px;
margin: 0 auto;
width: 980px;
}
#pageFooter a {
text-decoration: none;
white-space: nowrap;
}
#pageFooter a:last-child {
margin-right: 0;
}
#pageFooter a:hover {
text-decoration: underline;
}
#contentCurve {
background-color: #FFFFFF;
border-bottom: 1px solid #CCCCCC;
font-size: 1px;
height: 8px;
}
.hasLeftCol #contentCurve {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #CCCCCC #CCCCCC;
border-right: 1px solid #CCCCCC;
border-style: none solid solid;
border-width: medium 1px 1px;
position: relative;
}
#footerContainer {
border-top: 1px solid #EEEEEE;
padding: 8px 8px 38px;
position: relative;
}
#footerContainer .navigation {
text-align: right;
}
#blueBarHolder {
height: 41px;
}
#blueBarHolder.slim {
height: 38px;
}
body.hasVoiceBar #blueBarHolder.slim {
height: 65px;
}
#blueBar {
background-color: #3B5998;
min-width: 981px;
z-index: 300;
}
#blueBar.fixed_elem {
left: 0;
right: 0;
top: 0;
}
.tinyViewport #blueBar.fixed_elem {
margin: 0;
position: relative !important;
}
.composerTourInProgress #blueBar.fixed_elem {
position: static !important;
}
#blueBar #pageHead {
margin: 0 auto;
width: 981px;
}
#globalContainer {
margin: 0 auto;
position: relative;
}
.fbx #globalContainer {
width: 981px;
}
.fbx #tab_canvas > div {
padding-top: 0;
}
.fb_content {
padding-bottom: 20px;
}
.fbx .fb_content {
padding-bottom: 0;
}
.fbx #globalContainer #content {
min-height: inherit;
}
#mainContainer {
display: block;
margin-left: -1px;
width: 100%;
}
.hasLeftCol #mainContainer {
border-right: 1px solid #CCCCCC;
}
#leftCol {
display: none;
float: left;
padding: 20px 0 0 2px;
width: 179px;
word-wrap: break-word;
}
.hasLeftCol #leftCol {
display: block;
}
#rightCol {
float: right;
margin-top: -10000px;
padding-right: 0;
width: 244px;
word-wrap: break-word;
}
.hasRightCol #rightCol {
margin-top: 0;
}
.hasLeftCol #rightCol {
padding-right: 20px;
}
#contentCol {
background-color: #FFFFFF;
padding-top: 15px;
}
.hasLeftCol #contentCol {
border-left: 1px solid #CCCCCC;
margin-left: 181px;
}
#headerArea {
margin-bottom: 5px;
padding: 2px 0 12px;
}
.hasLeftCol #headerArea {
float: left;
margin: 0 20px;
width: 759px;
}
#contentArea {
margin-right: -1px;
padding-left: 1px;
word-wrap: break-word;
}
.hasLeftCol #contentArea, .hasRightCol #contentArea {
float: left;
margin-right: 0;
}
.hasLeftCol #contentArea {
padding: 0 20px;
width: 759px;
}
.hasRightCol #contentArea {
width: 714px;
}
.hasLeftCol .hasRightCol #contentArea {
padding-right: 0;
width: 493px;
}
#bottomContent {
clear: both;
padding: 0 20px 12px;
}
.UIActionLinks_title {
color: #999999;
font-size: 9px;
font-weight: normal;
white-space: nowrap;
}
.UIActionLinks_bottom {
color: #999999;
}
.UIActionLinks_bottom a, .UIActionLinks_bottom button.as_link, .UIActionLinks_bottom .uiLinkButton input, .UIActionLinks_bottom .uiLinkButton input:hover {
color: #6D84B4;
}
.UIActionLinks .uiBlingBox {
color: #3B5998;
}
.cmt_like_icon {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png");
background-position: 0 -49px;
background-repeat: no-repeat;
height: 9px;
width: 10px;
}
.comment_like_button {
margin: -5px;
padding: 0 5px 5px;
white-space: nowrap;
}
.comment_like_button:active, .comment_like_button:focus, .comment_like_button:hover {
text-decoration: none;
}
.fixed_elem, .fixed_always {
position: fixed !important;
}
.tinyViewport .fixed_elem {
position: static !important;
}
.FriendButton {
display: inline-block;
vertical-align: top;
}
div.FriendButton .uiButton {
margin-left: 0;
}
div.FriendButton .enableFriendListFlyout, .FriendButton .enableFriendListFlyout .uiButtonText, .FriendButton .enableFriendListFlyout input {
cursor: default;
}
div.FriendButton .uiButtonHover {
background: none repeat scroll 0 0 #6D84B4;
border-color: #3B5998;
box-shadow: none;
}
.FriendButton .uiButtonHover .uiButtonText {
color: #FFFFFF;
}
.requestResponseMenu .action .itemAnchor {
padding-right: 22px;
}
div.FriendButton .customimg {
margin: 2px 5px 0 0;
}
span.FriendLink a.uiButtonConfirm {
background-color: transparent;
background-image: none;
}
span.friendButton, span.outgoingButton {
cursor: pointer;
}
.FriendListFlyoutLoading {
text-align: center;
}
.fullScreen {
height: 100%;
width: 100%;
}
.HovercardStage {
max-width: 350px;
min-width: 275px;
padding: 10px;
}
.HovercardWideTitle {
max-width: 275px;
}
.HovercardTitle {
max-width: 165px;
}
.uiHovercardFooter .buttonsHovercardFooter {
float: right;
}
.HovercardLoading {
padding: 10px;
width: 275px;
}
.profilePicContainer {
margin-right: 10px;
}
.photosCroppedThumbHighlighted {
background-color: #EDEFF4;
border-color: #3B5998;
}
.fbPhotosGrid td {
width: 171px;
}
.fbPhotosGridTight td {
padding-right: 8px;
width: 150px;
}
.fbPhotosGrid .photoDetails {
width: 166px;
}
.fbPhotosGrid .photoDetails .photoText {
overflow: hidden;
word-wrap: break-word;
}
.fbPhotosGridTight .photoDetails {
width: 154px;
}
.fbPhotosGrid .lastChild {
padding-right: 0;
}
div.albumsHeader {
padding-bottom: 0;
}
.composerAudienceWrapper .uiSelectorButton, .composerAudienceWrapper .uiPopoverButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png");
background-position: right -1px;
background-repeat: no-repeat;
}
.composerAudienceWrapper .uiButton .uiButtonText {
color: gray;
font-weight: normal;
}
.composerAudienceWrapper .audienceSelector .uiSelectorButton .customimg, .composerAudienceWrapper .uiSelectorButton .img {
opacity: 0.5;
}
.composerAudienceWrapper:hover .uiButton .uiButtonText {
color: #333333;
}
.composerAudienceWrapper .openToggler .uiButton .uiButtonText {
color: #FFFFFF;
}
.composerAudienceWrapper:hover .audienceSelector .uiSelectorButton .customimg, .composerAudienceWrapper .openToggler .uiSelectorButton .customimg, .composerAudienceWrapper:hover .uiSelectorButton .img, .composerAudienceWrapper .openToggler .uiSelectorButton .img {
opacity: 1;
}
.composerAudienceWrapper .selected .plusLabel {
color: #FFFFFF;
}
.fbPrivacyAudienceIndicator .indicator {
color: #333333;
}
.fbPrivacyAudienceIndicator .audienceIcon {
margin-left: -18px;
}
.fbPrivacyAudienceIndicator:hover {
cursor: default;
text-decoration: none;
}
.fbProfileByline {
line-height: 15px;
margin-top: 4px;
width: 493px;
}
.fbProfileBylineFragment, .fbProfileNonIconBylineFragment {
color: #666666;
margin-right: 8px;
}
.fbProfileBylineIcon {
margin-bottom: 1px;
margin-top: 1px;
vertical-align: bottom;
}
.fbProfileLoggedOutByline {
line-height: 14px;
margin-top: 1px;
width: 493px;
}
.fbLongBlurb {
color: #666666;
margin-right: 8px;
padding-bottom: 3px;
}
.uiStream .uiStreamMessage {
color: #000000;
font-size: 11px;
font-weight: normal;
margin: 0 0 5px;
}
.uiStream .uiStreamHeadline {
margin-bottom: 0;
}
.uiStream .uiStreamPassive {
margin-bottom: 5px;
}
.Locale_zh_CN .uiStream .uiStreamMessage, .Locale_zh_TW .uiStream .uiStreamMessage, .Locale_zh_HK .uiStream .uiStreamMessage {
font-size: 13px;
}
.Locale_ja_JP .uiStream .uiStreamMessage {
font-size: 12px;
}
.uiStreamMessage, .uiAttachmentTitle, .uiAttachmentDesc {
word-wrap: break-word;
}
.uiStreamMessage .actorDescription {
margin-bottom: 3px;
padding-bottom: 0 !important;
}
.uiStreamMessage .suggestionBio .actorDescription {
padding-bottom: 0;
}
.uiStreamMessage .suggestionBio {
width: 410px;
}
.fbStreamPrivacy .lock {
bottom: -1px;
margin-bottom: -5px;
position: relative;
vertical-align: top;
}
div.uiAttachmentTitle {
color: #333333;
}
.uiStreamStory .mainWrapper {
margin: 0 35px 14px 0;
padding-top: 14px;
}
.uiStreamStory .actorPhoto {
margin-bottom: 14px;
margin-top: 14px;
}
.homeWiderContent .uiStreamStory .actorPhoto {
margin-left: 0 !important;
}
.uiStream .uiStreamHide {
float: right;
margin-top: 18px;
}
.uiStream .substoryHideSelector {
float: right;
margin: -2px 0 0;
}
.uiStreamStory {
padding: 0;
position: static;
}
.homeWiderContent .uiStreamStory {
margin-left: -18px;
padding-left: 18px;
}
.uiStream .uiStreamHide .uiSelectorButton, .uiStream a.uiCloseButton.uiStreamHide, .uiStream .uiStreamStory:hover .uiStreamSubstory .uiStreamHide .uiSelectorButton {
left: -9999px;
position: relative;
}
.uiStream .uiStreamStory:hover .uiStreamHide .uiSelectorButton, .uiStream .uiStreamStory:hover a.uiCloseButton.uiStreamHide, .uiStream .uiStreamStory .uiStreamSubstory:hover .uiStreamHide .uiSelectorButton, .uiStream .uiStreamStory .uiStreamHide .openToggler .uiSelectorButton, .uiStream .uiStreamStory:hover .uiStreamSubstory .uiStreamHide .openToggler .uiSelectorButton {
left: auto;
}
.uiStream .uiSelectorButton:focus {
left: auto !important;
}
.uiStreamHide .uiStreamContextButton, .uiStreamStory:hover .uiStreamSubstory .uiStreamHide .uiStreamContextButton {
left: -9999px;
position: relative;
}
.uiStreamStory:hover .uiStreamHide .uiStreamContextButton, .uiStreamStory .uiStreamSubstory:hover .uiStreamHide .uiStreamContextButton, .uiStreamStory .uiStreamHide.openToggler .uiStreamContextButton, .uiStreamStory:hover .uiStreamSubstory .uiStreamHide.openToggler .uiStreamContextButton {
left: auto;
}
.uiStreamStory .uiSreamContextButton:focus {
left: auto !important;
}
.uiStream .uiAttachmentDesc, .uiStream .uiStreamPassive, .uiStream .uiStreamRobotextBeforeMessage, .uiStream .uiAdminAttribution {
color: gray;
}
.uiStream .tagIcon {
vertical-align: bottom;
}
.uiStream .text_exposed_link {
display: block;
font-size: 11px;
padding-top: 4px;
}
.storyContent {
margin: -2px 0 2px;
}
.uiStream .uiStreamStoryHide .storyContent {
display: none;
}
.uiStreamAttachments .profilePhotoAttachment, .uiStreamAttachments .external img {
max-height: 90px;
max-width: 90px;
}
.uiStream .uiAttachmentDetails {
color: #333333;
}
.uiAttachmentInline .uiAttachmentTitle, .uiAttachmentInline .uiAttachmentDesc {
display: inline;
}
.uiStreamMessage .actorName, .uiStreamMessage .passiveName {
font-weight: bold;
}
.uiStreamMessage .wallArrowIcon {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/ye/r/SJMMHV014Gr.png");
background-position: -167px -45px;
background-repeat: no-repeat;
height: 9px;
margin: 0 5px;
width: 11px;
}
.uiStreamMessage .readButton {
float: right;
}
.uiAttachmentNoMedia {
border-left: 2px solid #CCCCCC;
}
.uiAttachmentMedia {
float: left;
}
.uiAttachmentMediaFiles {
outline: medium none;
width: 100%;
}
.uiStreamAttachments .exploded .swfObject {
margin-bottom: 7px;
}
.uiStreamAttachments .exploded .UIImageBlock_Image {
margin-right: 0;
}
.uiStreamAttachments .exploded .UIImageBlock_Content, .uiStreamAttachments .text_exposed .truncatedMediaInfo {
clear: both;
display: block;
padding-left: 0;
width: auto;
}
.uiStreamAttachments .truncatedMediaItem {
display: none;
}
.uiStreamAttachments .text_exposed .truncatedMediaItem {
display: block;
}
.uiStreamAttachments .truncatedMediaInfo {
display: table;
}
.uiStreamPrivacyContainer {
color: #999999;
}
.uiStreamCollapsed {
border-top: 1px solid #EEEEEE;
}
.uiStreamSubstories li.showAll {
line-height: 15px;
padding: 8px 0 0;
}
.uiStreamSubstories li.showAll a {
color: #6D84B4;
}
.uiStreamSubstories .unseenItem {
border-left: 2px solid #A8B2CE;
margin-left: -4px;
padding-left: 2px;
}
.uiStreamSubstories .uiUfi {
width: 350px;
}
.uiStream .uiStreamSeparator {
background-color: #E9E9E9;
border: 0 none;
height: 7px;
margin: 6px 0;
padding: 0;
text-align: center;
}
.uiStream .uiStreamSeparatorText {
background-color: #FFFFFF;
padding: 0 5px;
position: relative;
top: -4px;
}
.uiStream .suppressBorder {
border-top: 0 none;
}
.uiStreamEdgeStoryLineTx {
background-color: #FFFFFF;
color: #CCCCCC;
left: 32px;
padding: 0 8px;
position: relative;
top: -20px;
}
.uiStreamEdgeStoryLine hr {
background: none repeat scroll 0 0 #E5E5E5;
margin: 8px 0 12px;
}
.uiStreamEdgeStoryLineWithLabel {
height: 15px;
padding-top: 1px;
}
.uiStreamFooter, .uiStreamSource, .uiStreamAdditionalLogging {
color: #999999;
}
.uiStreamSource a, .uiStreamAdditionalLogging a {
color: #999999;
}
.uiStreamNub {
border-bottom: 1px solid #C2CBE1;
margin-top: 2px;
}
.uiStreamHomepage .uiStreamStory:first-child {
margin-top: -8px;
}
.uiStreamHomepage .uiStreamStory:first-child .actorPhoto {
margin-top: 20px;
}
.uiStreamHomepage .uiStreamStory:first-child .mainWrapper {
padding-top: 20px;
}
.uiStreamActionFooter .UIActionLinks_bottom a {
color: #3B5998;
}
.uiStream .uiStreamStory .highlightSelector {
margin: 0 10px 0 0;
}
.uiStream .uiStreamStory .substoryHideSelector {
margin: -2px 0 0;
}
.permalink_stream .highlightSelector .uiSelectorMenuWrapper, .uiStream .uiStreamStory .highlightSelector .uiSelectorMenuWrapper {
margin: -3px 1px 0 0;
}
.permalink_stream .fbStreamPermalinkHeader .highlightSelector {
float: right;
margin-right: 0;
margin-top: 0;
}
.permalink_stream .highlightSelector .uiSelectorButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png");
background-position: 0 -64px;
background-repeat: no-repeat;
border: 0 none;
box-shadow: none;
display: inline-block;
height: 21px;
padding: 0;
width: 21px;
}
.uiStream .uiStreamStory .highlightSelector .uiSelectorButton, .uiStream .highlightSelector .highlightSelectorButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png");
background-position: 0 -87px;
background-repeat: no-repeat;
border: 0 none;
box-shadow: none;
display: inline-block;
height: 24px;
line-height: 24px;
overflow: hidden;
padding: 0;
text-indent: 50px;
width: 21px;
}
.permalink_stream .highlightSelector .uiSelectorButton, .permalink_stream .highlightSelector .uiSelectorButton:active, .permalink_stream .highlightSelector .uiSelectorButton:focus, .permalink_stream .highlightSelector .uiSelectorButton:hover {
background-color: transparent;
border: 0 none;
height: 21px;
padding: 0;
width: 21px;
}
.uiStream .uiStreamStory .highlightSelector .uiSelectorButton, .uiStream .uiStreamStory .highlightSelector .uiSelectorButton:active, .uiStream .uiStreamStory .highlightSelector .uiSelectorButton:focus, .uiStream .uiStreamStory .highlightSelector .uiSelectorButton:hover, .uiStream .highlightSelector .highlightSelectorButton, .uiStream .highlightSelector .highlightSelectorButton:active, .uiStream .highlightSelector .highlightSelectorButton:focus, .uiStream .highlightSelector .highlightSelectorButton:hover {
background-color: transparent;
border: 0 none;
height: 24px;
padding: 0;
width: 21px;
}
.permalink_stream .highlightSelector .uiSelectorButton:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png");
background-position: -21px -64px;
background-repeat: no-repeat;
border: 0 none;
padding: 0;
}
.uiStream .uiStreamStory .highlightSelector .uiSelectorButton:hover, .highlightSelector .highlightSelectorButton:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png");
background-position: -21px -87px;
background-repeat: no-repeat;
border: 0 none;
padding: 0;
}
.permalink_stream .highlightSelector .openToggler .uiSelectorButton, .permalink_stream .highlightSelector .openToggler .uiSelectorButton:hover {
background-color: transparent;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png");
background-position: -42px -64px;
background-repeat: no-repeat;
border: 0 none;
height: 21px;
padding: 0;
width: 21px;
}
.uiStream .uiStreamStory .highlightSelector .openToggler .uiSelectorButton, .uiStream .uiStreamStory .highlightSelector .openToggler .uiSelectorButton:hover, .highlightSelector .openToggler .highlightSelectorButton, .highlightSelector.openToggler .highlightSelectorButton {
background-color: transparent;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png");
background-position: -42px -87px;
background-repeat: no-repeat;
border: 0 none;
height: 24px;
padding: 0;
width: 21px;
}
.uiStreamBoulderThemeAgg .substoryActorPic img, .uiStreamBoulderThemeAgg .uiStreamInlineAction .inlineActionInputPic {
height: 32px;
width: 32px;
}
.uiStreamBoulderThemeAgg .storyContent {
padding-bottom: 2px;
}
.uiStreamBoulderThemeAgg .uiStreamSubstory {
margin: 0;
padding: 7px 0;
}
.uiStreamBoulderThemeAgg .uiListItem:first-child .uiStreamSubstory {
padding: 0;
}
.uiStreamStory .uiStreamSubstory .storyContent {
padding: 0;
}
.uiStreamLoader {
text-align: center;
}
.uiStreamBoulderThemeAgg .uiStreamSubstories {
margin-top: 0;
padding-top: 0;
}
.uiStreamBoulderThemeAgg .uiStreamSubstories .uiStreamShowAll {
border-bottom: 0 none;
text-align: left;
}
.uiStreamBoulderThemeAgg .uiStreamSubstories .uiStreamShowAll span {
font-weight: normal;
}
.uiStreamBoulderThemeAgg .inlineSubstory .uiStreamSubstory {
border-bottom: 1px solid #E5E5E5;
padding-bottom: 10px;
}
.uiStreamBoulderThemeAgg .uiStreamAttachments .external {
display: block;
margin: 0;
padding-bottom: 5px;
padding-right: 10px;
}
.uiStreamBoulderThemeAgg .uiStreamAttachments .external img {
max-height: 100px;
max-width: 120px;
}
.uiStreamInlineTextarea {
display: block;
height: 19px;
width: 100%;
}
.scrollable {
overflow-y: auto;
}
.uiImageBlockContent {
overflow: hidden;
}
.uiImageBlockSmallContent {
padding-top: 1px;
}
.uiImageBlockImage, .uiImageBlockImage .img {
display: block;
}
.uiImageBlockSmallImage {
margin-right: 5px;
}
.uiImageBlockMediumImage {
margin-right: 8px;
}
.uiImageBlockLargeImage {
margin-right: 10px;
}
.uiInlineBlock {
display: inline-block;
}
.uiInlineBlockBottom {
vertical-align: bottom;
}
.uiInlineBlockMiddle {
vertical-align: middle;
}
.uiInlineBlockTop {
vertical-align: top;
}
.pop_container_advanced {
background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
border-radius: 8px 8px 8px 8px;
padding: 10px;
}
.pop_content_old {
position: relative;
}
.pop_container {
direction: ltr;
position: relative;
top: 10px;
}
.pop_topleft, .pop_topright, .pop_bottomleft, .pop_bottomright {
height: 10px;
overflow: hidden;
position: absolute;
width: 10px;
}
.pop_topleft {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png");
background-position: -106px -30px;
background-repeat: no-repeat;
left: -10px;
top: -10px;
}
.pop_topright {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png");
background-position: -117px -30px;
background-repeat: no-repeat;
right: -10px;
top: -10px;
}
.pop_bottomleft {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png");
background-position: -84px -30px;
background-repeat: no-repeat;
bottom: -10px;
left: -10px;
}
.pop_bottomright {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png");
background-position: -95px -30px;
background-repeat: no-repeat;
bottom: -10px;
right: -10px;
}
.pop_verticalslab, .pop_horizontalslab {
background: none repeat scroll 0 0 #525252;
height: 100%;
opacity: 0.7;
position: absolute;
width: 100%;
}
.pop_verticalslab {
margin: -10px 0 0;
padding-bottom: 20px;
}
.pop_horizontalslab {
margin: 0 0 0 -10px;
padding-right: 20px;
}
.generic_dialog {
height: 0;
left: 0;
outline: medium none;
overflow: visible;
position: fixed;
top: 0;
width: 100%;
z-index: 200;
}
.generic_dialog_modal, .generic_dialog_fixed_overflow {
background-color: rgba(252, 252, 252, 0.9);
height: 100%;
z-index: 400;
}
.generic_dialog_fixed_overflow {
overflow-x: auto;
overflow-y: scroll;
}
.generic_dialog_fixed_overflow .generic_dialog_popup {
height: auto;
padding-bottom: 40px;
}
.generic_dialog_overflow_mode body {
overflow: hidden !important;
}
.generic_dialog_popup {
height: 0;
margin: 0 auto;
overflow: visible;
width: 465px;
}
.generic_dialog div.dialog_loading {
background-color: #F2F2F2;
border: 1px solid #606060;
font-size: 24px;
padding: 10px;
}
.pop_content {
direction: ltr;
outline: medium none;
}
.pop_dialog_rtl .pop_content {
direction: rtl;
}
.pop_content h2.dialog_title {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #6D84B4;
border-color: #3B5998 #3B5998 -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px medium;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
margin: 0;
}
.pop_content h2.secure {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yu/r/jp8TzrZb6J1.png") no-repeat scroll 98% 50% #6D84B4;
}
.pop_content h2.loading {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y-/r/AGUNXgX_Wx3.gif") no-repeat scroll 98% 50% #6D84B4;
}
.pop_content h2.dialog_loading {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y-/r/AGUNXgX_Wx3.gif") no-repeat scroll 400px 10px #6D84B4;
padding-right: 40px;
}
.pop_content h2 span {
display: block;
padding: 5px 10px;
}
.pop_content .dialog_content {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #555555;
border-right: 1px solid #555555;
border-style: solid;
border-width: 0 1px 1px;
}
.pop_content .dialog_content.dialog_content_titleless {
border-top: 1px solid #555555;
}
.pop_content .dialog_loading, .dialog_loading_shown .dialog_title, .dialog_loading_shown .dialog_content {
display: none;
}
.dialog_loading_shown .dialog_loading {
display: block;
}
.pop_content .dialog_body {
border-bottom: 1px solid #CCCCCC;
padding: 10px;
}
.omitDialogFooter .pop_content .dialog_body {
border-bottom: 0 none;
}
.pop_content .dialog_summary {
background: none repeat scroll 0 0 #F2F2F2;
border-bottom: 1px solid #CCCCCC;
padding: 8px 10px;
}
.pop_content .dialog_buttons {
background: none repeat scroll 0 0 #F2F2F2;
padding: 8px 10px;
position: relative;
text-align: right;
}
.pop_content .dialog_buttons_msg {
float: left;
line-height: 17px;
padding-top: 4px;
}
.pop_content .dialog_buttons_msg .uiInputLabel {
line-height: 14px;
}
.pop_content .dialog_footer {
background: none repeat scroll 0 50% #F2F2F2;
}
.full_bleed .pop_content .dialog_body {
padding: 0;
}
.uiSimpleScrollingLoadingIndicator {
display: none;
margin: auto;
}
.async_saving .uiSimpleScrollingLoadingIndicator {
display: block;
}
.uiUfiLikeIcon {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/ye/r/SJMMHV014Gr.png");
background-position: -14px -63px;
background-repeat: no-repeat;
display: block;
height: 13px;
width: 15px;
}
.uiUfiLikeIconDisabled, .uiUfiLikeIconDisabled:active, .uiUfiLikeIconDisabled:focus {
cursor: default;
outline: medium none;
}
.uiButton {
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: bold;
line-height: 13px;
padding: 2px 6px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
}
.uiButton, .uiButtonSuppressed:active, .uiButtonSuppressed:focus, .uiButtonSuppressed:hover {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #EEEEEE;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -352px -348px;
background-repeat: no-repeat;
border-color: #999999 #999999 #888888;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.ff4.mac .uiButton {
line-height: 14px;
}
.uiButtonLarge, .ff4.mac .uiButtonLarge {
line-height: 16px;
}
.uiButton + .uiButton {
margin-left: 4px;
}
.uiButton:hover {
text-decoration: none;
}
.uiButton:active, .uiButtonDepressed {
background: none repeat scroll 0 0 #DDDDDD;
border-bottom-color: #999999;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.uiButton .img {
margin-top: 2px;
vertical-align: top;
}
.uiButtonLarge .img {
margin-top: 4px;
}
.uiButton .customimg {
margin-top: 0;
}
.uiButton .uiButtonText, .uiButton input {
background: none repeat scroll 0 0 transparent;
border: 0 none;
color: #333333;
cursor: pointer;
display: inline-block;
font-family: 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 1px 0 2px;
white-space: nowrap;
}
.ff4.mac .uiButton .uiButtonText, .ff4.mac .uiButton input {
margin-bottom: -1px;
}
.ff4.mac .uiButtonLarge .uiButtonText, .ff4.mac .uiButtonLarge input {
margin-bottom: 0;
}
.uiButton input::-moz-focus-inner {
border: 0 none;
padding: 0;
}
.uiButtonOverlay, .uiButtonOverlay:hover {
background-clip: padding-box;
background-color: rgba(255, 255, 255, 0.8);
background-image: none;
border-color: rgba(0, 0, 0, 0.35);
border-radius: 2px 2px 2px 2px;
}
.uiButtonOverlay:focus, .uiButtonOverlay:active {
background-color: rgba(249, 250, 252, 0.9);
border-color: rgba(59, 89, 152, 0.5);
}
form.async_saving .uiButton.uiButtonOverlay, .uiButtonOverlay.uiButtonDisabled, .uiButtonOverlay.uiButtonDisabled:active, .uiButtonOverlay.uiButtonDisabled:focus, .uiButtonOverlay.uiButtonDisabled:hover {
background-color: rgba(255, 255, 255, 0.8);
border-color: rgba(180, 180, 180, 0.8);
}
.uiButtonSpecial {
background-color: #69A74E;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -352px -152px;
background-repeat: no-repeat;
border-color: #3B6E22 #3B6E22 #2C5115;
}
.uiButtonSpecial:active {
background: none repeat scroll 0 0 #609946;
border-bottom-color: #3B6E22;
}
form.async_saving .uiButton.uiButtonSpecial, .uiButtonSpecial.uiButtonDisabled, .uiButtonSpecial.uiButtonDisabled:active, .uiButtonSpecial.uiButtonDisabled:focus, .uiButtonSpecial.uiButtonDisabled:hover {
background: none repeat scroll 0 0 #B4D3A7;
border-color: #9DB791;
}
.uiButtonConfirm {
background-color: #5B74A8;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -352px -54px;
background-repeat: no-repeat;
border-color: #29447E #29447E #1A356E;
}
.uiButtonConfirm:active {
background: none repeat scroll 0 0 #4F6AA3;
border-bottom-color: #29447E;
}
form.async_saving .uiButton.uiButtonConfirm, .uiButtonConfirm.uiButtonDisabled, .uiButtonConfirm.uiButtonDisabled:active, .uiButtonConfirm.uiButtonDisabled:focus, .uiButtonConfirm.uiButtonDisabled:hover {
background: none repeat scroll 0 0 #ADBAD4;
border-color: #94A2BF;
}
form.async_saving .uiButton.uiButtonSpecial .uiButtonText, form.async_saving .uiButton.uiButtonSpecial input, form.async_saving .uiButton.uiButtonConfirm .uiButtonText, form.async_saving .uiButton.uiButtonConfirm input, .uiButtonSpecial .uiButtonText, .uiButtonSpecial input, .uiButtonSpecial.uiButtonDisabled .uiButtonText, .uiButtonSpecial.uiButtonDisabled input, .uiButtonConfirm .uiButtonText, .uiButtonConfirm input, .uiButtonConfirm.uiButtonDisabled .uiButtonText, .uiButtonConfirm.uiButtonDisabled input {
color: #FFFFFF;
}
form.async_saving .uiButton, .uiButtonDisabled, .uiButtonDisabled:active, .uiButtonDisabled:focus, .uiButtonDisabled:hover {
background: none repeat scroll 0 0 #F2F2F2;
border-color: #C8C8C8;
box-shadow: none;
}
form.async_saving .uiButton .img, .uiButtonDisabled .img {
opacity: 0.5;
}
form.async_saving .uiButton .uiButtonText, form.async_saving .uiButton input, .uiButtonDisabled .uiButtonText, .uiButtonDisabled input {
color: #B8B8B8;
}
form.async_saving .uiButton, form.async_saving .uiButton .uiButtonText, form.async_saving .uiButton input, .uiButtonDepressed, .uiButtonDepressed .uiButtonText, .uiButtonDepressed input, .uiButtonDisabled, .uiButtonDisabled .uiButtonText, .uiButtonDisabled input {
cursor: default;
}
.uiButtonLarge, .uiButtonLarge .uiButtonText, .uiButtonLarge input {
font-size: 13px;
}
.uiButtonSuppressed {
background: none repeat scroll 0 0 transparent;
border-color: transparent;
box-shadow: none;
}
.uiButtonNoText .img {
margin-left: -1px;
margin-right: -1px;
}
.android .uiButton .uiButtonText, .android .uiButton input {
padding: 3px 0 1px 1px;
}
.uiCloseButton {
cursor: pointer;
display: inline-block;
margin: 0;
padding: 0;
}
label.uiCloseButton {
overflow: hidden;
}
.uiCloseButton input {
cursor: pointer;
opacity: 0;
outline: medium none;
padding: 18px;
}
.uiCloseButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yA/r/4WSewcWboV8.png");
background-repeat: no-repeat;
height: 15px;
width: 15px;
}
.uiCloseButtonSmall {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yx/r/ogYrclupeJV.png");
height: 11px;
margin-top: 1px;
width: 11px;
}
.uiCloseButtonHuge {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yj/r/ubIGOTIgUYc.png");
}
.uiCloseButtonDark {
background-position: left -16px;
}
.uiCloseButtonInverted {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yo/r/33RpiRygxAr.png");
background-position: left -16px;
}
.uiCloseButton:hover, .uiCloseButton:focus {
background-position: left -32px;
}
.uiCloseButton:active {
background-position: left -48px;
}
.uiCloseButtonSmallDark {
background-position: left -12px;
}
.uiCloseButtonSmallInverted {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yT/r/Vi-KTnbdMKr.png");
background-position: left -12px;
}
.uiCloseButtonSmall:hover, .uiCloseButtonSmall:focus {
background-position: left -24px;
}
.uiCloseButtonSmall:active {
background-position: left -36px;
}
.uiPopover .uiCloseButton {
background-clip: padding-box;
border: 1px solid transparent;
margin: 0;
}
.uiPopover.openToggler .uiCloseButton {
background-position: left -32px;
}
.uiPopover.openToggler .uiCloseButtonSmall {
background-position: left -24px;
}
.uiPopover.openToggler .uiCloseButton, .uiPopover.openToggler .uiCloseButton:active, .uiPopover.openToggler .uiCloseButton:focus, .uiPopover.openToggler .uiCloseButton:hover {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #6D84B4;
border-color: #3B5998 #3B5998 #6D84B4;
border-style: solid;
border-width: 1px;
box-shadow: none;
}
.uiLinkButton input {
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #3B5998;
cursor: pointer;
font-family: 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
vertical-align: top;
}
.uiLinkButton input::-moz-focus-inner {
border: 0 none;
padding: 0;
}
.uiLinkButton:hover, .uiLinkButton input:hover, .uiLinkButton input:focus, .uiLinkButton input:active {
color: #3B5998;
text-decoration: underline;
}
.ff4 .uiLinkButton:hover {
text-decoration: none;
}
.uiLinkButtonSubtle input, .uiLinkButtonSubtle:hover, .uiLinkButtonSubtle input:hover, .uiLinkButtonSubtle input:focus, .uiLinkButtonSubtle input:active {
color: gray;
}
.uiLinkButton input.async_saving {
text-decoration: none;
}
.uiBoxGray {
background-color: #F2F2F2;
border: 1px solid #CCCCCC;
}
.uiBoxDarkgray {
background-color: #333333;
border: 1px solid #666666;
color: #CCCCCC;
}
.uiBoxLightblue {
background-color: #EDEFF4;
border: 1px solid #D8DFEA;
}
.uiBoxRed {
background-color: #FFEBE8;
border: 1px solid #DD3C10;
}
.uiBoxWhite {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}
.uiBoxYellow {
background-color: #FFF9D7;
border: 1px solid #E2C822;
}
.uiBoxOverlay {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
border: 1px solid rgba(59, 89, 153, 0.65);
}
.noborder {
border: medium none;
}
.topborder {
border-bottom: medium none;
border-left: medium none;
border-right: medium none;
}
.bottomborder {
border-left: medium none;
border-right: medium none;
border-top: medium none;
}
.dashedborder {
border-style: dashed;
}
.uiGrid {
border: 0 none;
border-collapse: collapse;
border-spacing: 0;
}
.uiGridCalc {
width: 100%;
}
.uiGrid .vTop {
vertical-align: top;
}
.uiGrid .vMid {
vertical-align: middle;
}
.uiGrid .vBot {
vertical-align: bottom;
}
.uiGrid .hLeft {
text-align: left;
}
.uiGrid .hCent {
text-align: center;
}
.uiGrid .hRght {
text-align: right;
}
.uiIconText {
padding-left: 21px;
position: relative;
}
label.uiIconText {
vertical-align: baseline;
}
.uiIconText .img {
left: 0;
position: absolute;
top: -1px;
vertical-align: middle;
}
i.img u {
position: absolute;
top: -1e+7px;
}
.UIImageBlock_Content {
display: table-cell;
vertical-align: top;
width: 10000px;
}
.UIImageBlock_Image {
float: left;
margin-right: 5px;
}
.UIImageBlock_Image .img, img.UIImageBlock_Image, i.UIImageBlock_Image {
display: block;
}
.UIImageBlock_Ext {
float: right;
}
.UIImageBlock_ICON_Image {
margin-right: 5px;
}
.UIImageBlock_ICON_Content {
padding-top: 1px;
}
.UIImageBlock_SMALL_Image {
margin-right: 8px;
}
.UIImageBlock_MED_Image, .UIImageBlock_ENT_Image {
margin-right: 10px;
}
.UIImageBlock_Entity .UIImageBlock_Content {
height: 50px;
vertical-align: middle;
}
.UIImageBlock_Entity img.UIImageBlock_Image, .UIImageBlock_Entity i.UIImageBlock_Image, .UIImageBlock_Entity .UIImageBlock_Image .img {
height: 50px;
width: 50px;
}
.UIImageBlock_Entity .UIImageBlock_Ext {
margin-top: 14px;
padding-left: 8px;
}
.lfloat {
float: left;
}
.rfloat {
float: right;
}
a.uiLinkLightBlue {
color: #6D84B4;
}
a.uiLinkSubtle {
color: gray;
}
.uiListItem {
display: block;
}
.uiListHorizontalItem {
float: left;
}
.uiListLight, .uiListMedium, .uiListDark {
border-style: solid;
}
.uiListHorizontalItemBorder {
border-width: 0 0 0 1px;
}
.uiListVerticalItemBorder {
border-width: 1px 0 0;
}
.uiListItem:first-child {
border-width: 0;
}
.uiListLight {
border-color: #E9E9E9;
}
.uiListMedium {
border-color: #CCCCCC;
}
.uiListDark {
border-color: #AAAAAA;
}
.uiListBulleted {
color: #3B5998;
list-style-type: square;
margin-left: 12px;
}
.pas {
padding: 5px;
}
.pam {
padding: 10px;
}
.pal {
padding: 20px;
}
.pts {
padding-top: 5px;
}
.ptm {
padding-top: 10px;
}
.ptl {
padding-top: 20px;
}
.prs {
padding-right: 5px;
}
.prm {
padding-right: 10px;
}
.prl {
padding-right: 20px;
}
.pbs {
padding-bottom: 5px;
}
.pbm {
padding-bottom: 10px;
}
.pbl {
padding-bottom: 20px;
}
.pls {
padding-left: 5px;
}
.plm {
padding-left: 10px;
}
.pll {
padding-left: 20px;
}
.phs {
padding-left: 5px;
padding-right: 5px;
}
.phm {
padding-left: 10px;
padding-right: 10px;
}
.phl {
padding-left: 20px;
padding-right: 20px;
}
.pvs {
padding-bottom: 5px;
padding-top: 5px;
}
.pvm {
padding-bottom: 10px;
padding-top: 10px;
}
.pvl {
padding-bottom: 20px;
padding-top: 20px;
}
.mas {
margin: 5px;
}
.mam {
margin: 10px;
}
.mal {
margin: 20px;
}
.mts {
margin-top: 5px;
}
.mtm {
margin-top: 10px;
}
.mtl {
margin-top: 20px;
}
.mrs {
margin-right: 5px;
}
.mrm {
margin-right: 10px;
}
.mrl {
margin-right: 20px;
}
.mbs {
margin-bottom: 5px;
}
.mbm {
margin-bottom: 10px;
}
.mbl {
margin-bottom: 20px;
}
.mls {
margin-left: 5px;
}
.mlm {
margin-left: 10px;
}
.mll {
margin-left: 20px;
}
.mhs {
margin-left: 5px;
margin-right: 5px;
}
.mhm {
margin-left: 10px;
margin-right: 10px;
}
.mhl {
margin-left: 20px;
margin-right: 20px;
}
.mvs {
margin-bottom: 5px;
margin-top: 5px;
}
.mvm {
margin-bottom: 10px;
margin-top: 10px;
}
.mvl {
margin-bottom: 20px;
margin-top: 20px;
}
.fss {
font-size: 9px;
}
.fsm {
font-size: 11px;
}
.fsl {
font-size: 13px;
}
.fsxl {
font-size: 16px;
}
.fsxxl {
font-size: 18px;
}
.fwn {
font-weight: normal;
}
.fwb {
font-weight: bold;
}
.fcb {
color: #333333;
}
.fcg {
color: gray;
}
.uiLoadingIndicatorAsync {
display: none;
}
.async_saving .uiLoadingIndicatorAsync {
display: inline;
}
.uiMentionsInput {
position: relative;
}
.uiMentionsInput .mentionsTextarea, .uiMentionsInput .mentionsTypeahead {
background: none repeat scroll 0 0 transparent;
}
.uiMentionsInput .mentionsTextarea {
line-height: 1.28;
}
.uiMentionsInput .highlighter {
left: 0;
overflow: hidden;
padding: 4px;
position: absolute;
top: 0;
}
.ff4 .uiMentionsInput .highlighter {
padding: 4px 5px;
}
.uiMentionsInput .highlighter div {
color: transparent;
line-height: 1.28;
white-space: pre-wrap;
width: 100%;
word-wrap: break-word;
}
.uiMentionsInput .highlighterContent {
display: inline-block;
max-width: 100%;
}
.uiMentionsInput .highlighter b {
background: none repeat scroll 0 0 #D8DFEA;
font-weight: normal;
}
.uiSelector .uiCloseButton {
background-clip: padding-box;
border: 1px solid transparent;
margin: 0;
}
.uiSelector .openToggler .uiCloseButton {
background-position: left -32px;
}
.uiSelector .openToggler .uiCloseButtonSmall {
background-position: left -24px;
}
.uiMenu {
background-color: #FFFFFF;
overflow-y: auto;
padding: 3px 0 4px;
}
.uiMenuItem .itemAnchor {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #FFFFFF;
border-style: solid;
border-width: 1px 0;
color: #111111;
display: block;
font-weight: normal;
line-height: 16px;
padding: 1px 16px 1px 22px;
text-decoration: none;
}
.uiMenuItem a:hover {
text-decoration: none;
}
.uiMenuItem a:active, .uiMenuItem a:focus {
background-color: #6D84B4;
border-color: #3B5998;
color: #FFFFFF;
outline: medium none;
}
.uiMenu .checked .itemAnchor {
background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yu/r/6NHt8H5uyPf.png") no-repeat scroll left 4px transparent;
font-weight: bold;
}
.uiMenu .checked a:active, .uiMenu .checked a:focus {
background-color: #6D84B4;
background-position: left -56px;
}
.uiMenuItem {
white-space: nowrap;
}
.uiMenuItem .itemLabel {
display: block;
max-width: 300px;
text-overflow: ellipsis;
white-space: nowrap;
}
.uiMenuItem .itemWithIcon .itemLabel, .uiMenuItem .itemIcon {
display: inline-block;
vertical-align: middle;
}
.uiMenuItem .itemLabel .menuIcon {
vertical-align: sub;
}
.uiMenu .uiMenuItemPlus {
position: relative;
}
.uiMenu .uiMenuItemPlusIcon {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -130px -20px;
background-repeat: no-repeat;
display: block;
height: 8px;
left: 8px;
overflow: hidden;
position: absolute;
top: 6px;
width: 8px;
}
.uiMenu .selected .uiMenuItemPlusIcon {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -122px -20px;
background-repeat: no-repeat;
}
.uiMenuItemBigLabel .itemLabel {
min-width: 300px;
overflow: hidden;
}
.uiMenuItem .disabledAnchor, .uiMenu .disabled .itemAnchor {
display: none;
}
.uiMenu .disabled .disabledAnchor {
display: block;
}
.uiMenu .disabled .itemAnchor {
opacity: 0.55;
}
.uiMenuItemGroup .groupTitle {
margin: 0 16px 3px 22px;
}
.uiMenuSeparator {
border-bottom: 1px solid #DDDDDD;
margin: 5px 7px 6px;
padding-top: 1px;
}
.uiMenuContainer {
overflow: hidden;
}
.uiMenuContainer .uiMenu {
position: relative;
}
.openToggler {
z-index: 100;
}
.uiToggleFlyout, .toggleTargetClosed, .openToggler .uiToggleFlyout .uiToggleFlyout {
display: none;
}
.openToggler .uiToggleFlyout, .openToggler .uiToggleFlyout .openToggler .uiToggleFlyout {
display: block;
}
.hideToggler {
border: 0 none;
height: 0;
opacity: 0;
overflow: hidden;
position: absolute;
width: 0;
}
.uiSelector {
max-width: 200px;
vertical-align: top;
}
.uiSelector .wrap {
position: relative;
}
.uiSelector select, .uiSelector .submitButton, .no_js form .uiSelectorButton {
display: none;
}
.no_js form .uiSelector select, .no_js form .uiSelector .submitButton {
display: inline;
}
.uiSelector .uiButton, .uiSelector .uiButton:active, .uiSelector .uiButton:focus, .uiSelector .uiButton:hover {
background-image: none;
}
.uiSelector .uiSelectorButton {
vertical-align: top;
}
.uiSelector .uiSelectorButton:active {
background-color: #DDDDDD;
}
.uiSelector .openToggler .uiSelectorButton, .uiSelector .openToggler .uiSelectorButton:active, .uiSelector .openToggler .uiSelectorButton:focus, .uiSelector .openToggler .uiSelectorButton:hover {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #6D84B4;
border-color: #3B5998 #3B5998 #6D84B4;
border-style: solid;
border-width: 1px;
box-shadow: none;
}
.uiSelectorNormal .uiSelectorChevronOnly, .uiSelectorNormal .uiSelectorChevronOnly:active, .uiSelectorNormal .uiSelectorChevronOnly:focus, .uiSelectorNormal .uiSelectorChevronOnly:hover {
height: 20px;
padding: 0;
}
.uiSelectorNormal .uiSelectorButton, .uiSelectorNormal .uiSelectorButton:active, .uiSelectorNormal .uiSelectorButton:focus, .uiSelectorNormal .uiSelectorButton:hover, .uiSelectorNormal .uiButtonSuppressed:active, .uiSelectorNormal .uiButtonSuppressed:focus, .uiSelectorNormal .uiButtonSuppressed:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: right -5px;
background-repeat: no-repeat;
max-width: 169px;
padding-right: 23px;
}
.uiSelectorNormal .uiButtonDisabled, .uiSelectorNormal a.uiButtonDisabled:active, .uiSelectorNormal a.uiButtonDisabled:focus, .uiSelectorNormal a.uiButtonDisabled:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: right -299px;
background-repeat: no-repeat;
}
.uiSelectorNormal .uiButtonSuppressed.uiButtonDisabled {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: right -103px;
background-repeat: no-repeat;
}
.uiSelectorNormal .uiButtonOverlay, .uiSelectorNormal .uiButtonOverlay:active, .uiSelectorNormal .uiButtonOverlay:focus, .uiSelectorNormal .uiButtonOverlay:hover, .uiSelectorNormal .uiSelectorButton:active, .uiSelectorNormal .uiButtonSuppressed {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: right -202px;
background-repeat: no-repeat;
}
.uiSelectorNormal .openToggler .uiSelectorButton, .uiSelectorNormal .openToggler .uiSelectorButton:active, .uiSelectorNormal .openToggler .uiSelectorButton:focus, .uiSelectorNormal .openToggler .uiSelectorButton:hover, .uiSelectorNormal .openToggler .uiButtonSuppressed, .uiSelectorNormal .openToggler .uiButtonSuppressed:active, .uiSelectorNormal .openToggler .uiButtonSuppressed:focus, .uiSelectorNormal .openToggler .uiButtonSuppressed:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: right -250px;
background-repeat: no-repeat;
}
.uiSelectorNormal .uiSelectorButton .uiButtonText {
max-width: 169px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.uiSelectorNormal .uiSelectorBigButtonLabel .img {
float: left;
}
.uiSelectorNormal .uiSelectorBigButtonLabel .uiButtonText {
display: block;
}
.uiSelectorNormal .openToggler .uiSelectorButton .uiButtonText {
color: #FFFFFF;
}
.uiSelectorMenuWrapper {
bottom: auto;
left: 0;
margin: -1px 0 30px;
max-width: 340px;
min-width: 100%;
position: absolute;
right: auto;
top: 100%;
z-index: -1;
}
.uiSelectorRight .uiSelectorMenuWrapper {
left: auto;
right: 0;
}
.uiSelectorMenuWrapper .loading {
padding: 5px 20px;
}
.uiSelectorMenuWrapper .loading span {
background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 11px;
margin: 0 auto;
width: 16px;
}
.uiSelector .uiMenu {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #777777 #777777 #293E6A;
border-style: solid;
border-width: 1px 1px 2px;
}
.uiContextualLayer .uiSelector {
margin: 0;
max-width: none;
position: relative;
}
.uiContextualLayerPositioner .aboveleft .uiSelector, .uiContextualLayerPositioner .aboveright .uiSelector {
top: 2px;
}
.uiContextualLayerPositioner .belowleft .uiSelector, .uiContextualLayerPositioner .belowright .uiSelector {
top: -1px;
}
.uiContextualLayer .uiSelectorMenuWrapper {
margin: 0;
position: static;
}
.uiContextualLayer .uiSelector .uiSelectorButton {
position: absolute;
}
.uiContextualLayerPositioner .aboveleft .uiSelector .uiSelectorButton, .uiContextualLayerPositioner .aboveright .uiSelector .uiSelectorButton {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #6D84B4 #3B5998 #3B5998;
border-right: 1px solid #3B5998;
border-style: solid;
border-width: 1px;
margin-top: -2px;
top: 100%;
}
.uiContextualLayerPositioner .belowleft .uiSelector .uiSelectorButton, .uiContextualLayerPositioner .belowright .uiSelector .uiSelectorButton {
bottom: 100%;
margin-bottom: -1px;
}
.uiContextualLayerPositioner .aboveleft .uiSelector .uiSelectorButton, .uiContextualLayerPositioner .belowleft .uiSelector .uiSelectorButton {
left: 0;
}
.uiContextualLayerPositioner .aboveright .uiSelector .uiSelectorButton, .uiContextualLayerPositioner .belowright .uiSelector .uiSelectorButton {
right: 0;
}
.uiTextareaNoResize {
resize: none;
}
.uiTextareaAutogrow {
overflow: hidden;
}
.uiHeader h2 {
color: #1C2A47;
font-size: 16px;
}
.uiHeader h2 a {
color: #1C2A47;
}
.uiHeader h3, .uiHeader h4 {
color: #333333;
font-size: 11px;
}
.uiHeader h5 {
color: #666666;
font-size: 11px;
}
.uiHeader .uiHeaderTitle {
outline: medium none;
}
.uiHeaderWithImage .uiHeaderTop {
position: relative;
}
.uiHeaderWithImage .uiHeaderTitle {
padding-left: 22px;
}
.uiHeaderImage {
left: 0;
position: absolute;
}
.uiHeader h2 .uiHeaderImage {
top: 2px;
}
.uiHeaderTopBorder {
border-top: 1px solid #AAAAAA;
padding-top: 0.5em;
}
div.uiHeaderTopBorder {
margin-left: 0;
}
.uiHeaderTopAndBottomBorder {
border-bottom: 1px solid #E9E9E9;
border-top: 1px solid #AAAAAA;
padding: 5px 0;
}
.uiHeaderMiddleBorder {
border-bottom: 1px solid #CCCCCC;
height: 0.8em;
margin: 0.5em 0 1.5em;
position: relative;
}
.uiHeaderMiddleBorder .uiHeaderTitle, .uiHeaderMiddleBorder .uiHeaderActions {
background-color: #FFFFFF;
position: absolute;
top: 0;
}
.uiHeaderMiddleBorder .uiHeaderTitle {
left: 0;
padding-right: 0.5em;
}
.uiHeaderMiddleBorder .uiHeaderActions {
padding-left: 0.5em;
right: 0;
}
.uiHeaderMiddleBorder .uiButton {
margin-top: -2px;
}
.uiHeaderBottomBorder {
border-bottom: 1px solid #AAAAAA;
padding-bottom: 0.5em;
}
.uiHeaderPage {
padding: 6px 0 16px;
}
.uiHeaderPage .uiHeaderTitle {
line-height: 20px;
min-height: 20px;
padding-bottom: 2px;
vertical-align: bottom;
}
.uiHeaderPage .uiHeaderActions {
margin-top: -1px;
}
.uiHeaderPage .uiHeaderTop .fsl {
margin-top: 3px;
}
.uiHeaderNav {
border-color: #EEEEEE;
margin: 8px 0 0 6px;
padding: 7px 6px 3px 5px;
}
.uiHeaderNavEmpty {
padding-top: 6px;
}
.uiHeaderNav h4 {
color: gray;
}
.uiHeaderSection, .uiSideHeader {
background-color: #F2F2F2;
border-bottom: medium none;
border-top: 1px solid #E2E2E2;
padding: 4px 6px 5px;
}
.uiLayer {
outline: medium none;
}
.uiScrollableArea {
direction: ltr;
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.uiScrollableAreaWrap {
height: 100%;
outline: medium none;
overflow-x: hidden;
overflow-y: auto;
position: relative;
width: 150%;
}
.native .uiScrollableAreaWrap, .native .uiScrollableAreaBody, .no_js .uiScrollableAreaWrap, .no_js .uiScrollableAreaBody {
width: auto !important;
}
.uiScrollableAreaBody {
direction: ltr;
position: relative;
}
.uiScrollableAreaTrack {
bottom: 2px;
display: block;
position: absolute;
right: 2px;
top: 2px;
width: 7px;
z-index: 5;
}
.uiScrollableArea .uiContextualLayerPositioner {
z-index: 4;
}
.native .uiScrollableAreaTrack, .no_js .uiScrollableAreaTrack {
display: none;
}
.fade .uiScrollableAreaTrack {
opacity: 0;
}
.uiScrollableAreaGripper {
-moz-transition: all 25ms ease 0s;
background-clip: content-box;
background-color: rgba(0, 0, 0, 0.4);
border: 1px solid rgba(85, 85, 85, 0.6);
border-radius: 7px 7px 7px 7px;
position: absolute;
width: 5px;
}
.uiScrollableArea.contentBefore:before, .uiScrollableArea.contentAfter:after {
content: "";
display: block;
height: 2px;
position: absolute;
width: 100%;
z-index: 99;
}
.uiScrollableArea.contentBefore:before {
top: 0;
}
.uiScrollableArea.contentAfter:after {
background-color: rgba(0, 0, 0, 0.07);
bottom: 0;
}
.uiTooltip {
position: relative;
}
.uiTooltip:active, .uiTooltip:focus, .uiTooltip:hover {
outline: medium none;
text-decoration: none;
}
.uiTooltipWrap {
display: none;
}
.uiTooltipWrap:hover {
visibility: hidden;
}
.uiTooltipText {
background-color: #282828;
color: #FFFFFF !important;
display: block;
font-size: 11px;
line-height: 14px;
padding: 4px 8px;
text-align: left;
white-space: nowrap;
}
.uiTooltip:active .uiTooltipWrap, .uiTooltip:focus .uiTooltipWrap, .uiTooltip:hover .uiTooltipWrap {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y1/r/uVR6w3wRHEJ.gif") no-repeat scroll left bottom transparent;
bottom: 100%;
display: block;
left: 0;
padding: 0 0 4px;
position: absolute;
}
.uiTooltip:active .center, .uiTooltip:focus .center, .uiTooltip:hover .center {
left: 50%;
margin-left: -10px;
padding-left: 10px;
}
.uiTooltip .center .uiTooltipText {
left: -50%;
position: relative;
}
.uiTooltip .centerbottom .uiTooltipText {
margin-left: 18px;
}
.uiTooltip:active .right, .uiTooltip:focus .right, .uiTooltip:hover .right {
background-position: right bottom;
left: auto;
right: 0;
}
.uiTooltip:active .middle, .uiTooltip:focus .middle, .uiTooltip:hover .middle {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yR/r/kPCE0g_tKJs.gif");
background-position: right top;
left: auto;
margin: -4px 4px 0 0;
padding: 4px;
right: 100%;
top: 50%;
}
.uiTooltip .middle .uiTooltipText {
margin-top: -10px;
}
.uiTooltip:active .rightmiddle, .uiTooltip:focus .rightmiddle, .uiTooltip:hover .rightmiddle {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yY/r/_ZWZupdaAgS.gif");
background-position: left top;
left: 100%;
margin: -4px 0 0 4px;
right: auto;
}
.uiTooltip:active .bottom, .uiTooltip:focus .bottom, .uiTooltip:hover .bottom {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yX/r/k2R_CZuPy2I.png");
background-position: left top;
bottom: auto;
padding: 4px 0 0;
top: 100%;
}
.uiTooltip:active .rightbottom, .uiTooltip:focus .rightbottom, .uiTooltip:hover .rightbottom {
background-position: right top;
}
.uiCollapsedList .visible {
margin-right: 10px;
}
.uiCollapsedListHidden .showAll {
list-style-type: none;
}
.uiCollapsedListVisible .showAll, .uiCollapsedListHidden .hiddenItem {
display: none;
}
.uiCollapsedListNoSeparate .visible {
margin-right: 3px;
}
.uiCollapsedListVisible .visible, .uiCollapsedListMiddot .visible {
margin-right: 0;
}
.uiMediaThumb {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
display: inline-block;
outline: medium none;
padding: 4px;
position: relative;
vertical-align: bottom;
}
.loading.uiMediaThumb {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yk/r/LOOn0JtHNzb.gif") no-repeat scroll center center transparent;
}
.loading.uiMediaThumb i {
opacity: 0.3;
}
.uiMediaThumbSelected {
background-color: #3B5998;
border-color: #3B5998;
}
.uiMediaThumb:hover, .uiMediaThumb:hover .uiMediaThumbWrap, .uiMediaThumb:active, .uiMediaThumb:active .uiMediaThumbWrap, .uiMediaThumb:focus, .uiMediaThumb:focus .uiMediaThumbWrap {
border-color: #3B5998;
}
.uiMediaThumb i {
background-color: #EEEEEE;
background-position: center 25%;
background-repeat: no-repeat;
display: block;
}
.uiMediaThumbSmall i {
height: 54px;
width: 73px;
}
.uiMediaThumbMedium i {
height: 85px;
width: 114px;
}
.uiMediaThumbLarge i {
height: 116px;
width: 149px;
}
.uiMediaThumbHuge i {
height: 120px;
width: 161px;
}
.uiMediaThumbAlb {
margin-bottom: 4px;
margin-right: 4px;
}
.uiMediaThumbWrap {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
left: 4px;
padding: 4px;
position: absolute;
top: 4px;
}
.uiMediaThumbAlbSmall, .uiMediaThumbSmall .uiMediaThumbWrap i {
height: 49px;
width: 68px;
}
.uiMediaThumbAlbMedium, .uiMediaThumbMedium .uiMediaThumbWrap i {
height: 80px;
width: 109px;
}
.uiMediaThumbAlbLarge, .uiMediaThumbLarge .uiMediaThumbWrap i {
height: 111px;
width: 144px;
}
.uiMediaThumbAlbHuge, .uiMediaThumbHuge .uiMediaThumbWrap i {
height: 115px;
width: 156px;
}
.uiMorePager .uiMorePagerPrimary {
display: block;
padding: 10px 15px;
}
.uiMorePager .uiMorePagerPrimary:hover {
background-color: #D8DFEA;
}
.uiMorePager .uiMorePagerSecondary {
margin: 10px 15px;
}
.uiMorePager .arrow {
display: inline-block;
vertical-align: top;
}
.uiMorePager .uiMorePagerLoader {
display: none;
padding: 11px 15px 9px;
text-align: center;
}
.async_saving .uiMorePagerLoader {
display: block;
}
.async_saving .uiMorePagerPrimary, .async_saving .uiMorePagerSecondary {
display: none;
}
.uiMorePagerCenter {
text-align: center;
}
.uiMorePagerLight .uiMorePagerPrimary, .uiMorePagerLight .uiMorePagerLoader {
border-top: 1px solid #E5EAF1;
padding: 6px 5px 10px;
}
.uiMorePagerLight .uiMorePagerPrimary:hover {
background-color: #EDEFF4;
border-top: 1px solid #D8DFEA;
}
.uiMorePagerLight .uiMorePagerSecondary {
margin: 6px 5px;
}
.uiSideNavCount {
background-color: #D8DFEA;
border-radius: 2px 2px 2px 2px;
color: #3B5998;
font-weight: bold;
left: -1px;
padding: 0 4px;
position: relative;
}
.uiSideNav .uiSideNavCount {
padding-bottom: 2px;
}
.uiSideNavCountInline {
display: inline-block;
line-height: 15px;
}
.uiSideNav .async_saving .uiSideNavCount, .uiSideNav .loading .uiSideNavCount {
display: none;
}
.hideNavCounts .uiSideNavCount {
display: none;
}
.uiContextualDialogDefaultPadding {
padding: 15px;
}
.uiContextualDialogFooter {
padding: 6px 7px 6px 8px;
}
.uiContextualDialogPositioner, .uiContextualDialogPositioner .uiContextualDialog {
outline: medium none;
position: absolute;
z-index: 200;
}
.uiContextualDialogFixed {
position: fixed;
}
.uiContextualDialogAbove .uiContextualDialog {
bottom: 0;
}
.uiContextualDialogBelow .uiContextualDialog {
top: 0;
}
.uiContextualDialogLeft .uiContextualDialog, .uiContextualDialogRightAligned .uiContextualDialog {
right: 0;
}
.uiContextualDialog, .uiContextualDialog:focus {
outline: 0 solid transparent;
}
.uiContextualDialogArrow {
overflow: hidden;
position: absolute;
}
.uiContextualDialogArrowTop {
padding-top: 10px;
}
.uiContextualDialogArrowRight {
padding-right: 10px;
}
.uiContextualDialogArrowBottom {
padding-bottom: 10px;
}
.uiContextualDialogArrowLeft {
padding-left: 10px;
}
.uiContextualDialogArrowTop .uiContextualDialogArrow {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -105px -20px;
background-repeat: no-repeat;
height: 9px;
top: 2px;
width: 16px;
}
.uiContextualDialogArrowRight .uiContextualDialogArrow {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -10px -67px;
background-repeat: no-repeat;
height: 16px;
right: 2px;
width: 9px;
}
.uiContextualDialogArrowBottom .uiContextualDialogArrow {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -54px -20px;
background-repeat: no-repeat;
bottom: 2px;
height: 9px;
width: 16px;
}
.uiContextualDialogWithFooterArrowBottom .uiContextualDialogArrow {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -71px -20px;
background-repeat: no-repeat;
}
.uiContextualDialogHoverFooterArrow .uiContextualDialogArrow {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -88px -20px;
background-repeat: no-repeat;
}
.uiContextualDialogArrowLeft .uiContextualDialogArrow {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: 0 -67px;
background-repeat: no-repeat;
height: 16px;
left: 2px;
width: 9px;
}
.uiContextualDialogFooterLink {
background: none repeat scroll 0 0 #F2F2F2;
border-top: 1px solid #E0E0E0;
display: block;
font-weight: bold;
padding: 7px;
text-align: center;
}
.uiContextualDialogFooterLink:hover {
background: none repeat scroll 0 0 #6D84B4;
border-color: #3B5998;
color: #FFFFFF;
text-decoration: none;
}
.uiContextualLayerPositioner {
height: 0;
position: absolute;
z-index: 200;
}
.uiContextualLayer {
position: absolute;
}
div.uiContextualLayerPositionerFixed {
position: fixed;
}
.uiContextualLayerParent {
position: relative;
}
.uiOverlay {
position: relative;
z-index: 200;
}
.uiOverlayContent {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.45) #666666;
border-style: solid;
border-width: 1px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
position: relative;
}
.uiOverlayFooter {
text-align: right;
}
.uiOverlayFooterMessage {
width: 100%;
}
.uiOverlayFooterButtons {
white-space: nowrap;
}
.uiTooltipX {
position: relative;
}
.uiTooltipX .tooltipContent {
background-color: #282828;
color: #FFFFFF;
font-size: 11px;
line-height: 14px;
padding: 4px 8px;
text-align: left;
white-space: nowrap;
}
.uiTooltipX .tooltipText {
max-width: 334px;
}
.uiTooltipX .tooltipWrap {
white-space: normal;
width: 334px;
word-wrap: break-word;
}
.uiTooltipX .tooltipText span {
}
.uiTooltipX i.arrow {
border: 4px solid transparent;
font-size: 0;
height: 0;
line-height: 0;
position: absolute;
width: 0;
}
.aboveleft .uiTooltipX, .aboveright .uiTooltipX, .abovecenter .uiTooltipX {
margin-bottom: 1px;
padding-bottom: 4px;
}
.aboveleft .uiTooltipX i.arrow, .aboveright .uiTooltipX i.arrow, .abovecenter .uiTooltipX i.arrow {
border-bottom: 0 none;
border-top-color: #282828;
bottom: 0;
}
.belowleft .uiTooltipX, .belowright .uiTooltipX, .belowcenter .uiTooltipX {
margin-top: 1px;
padding-top: 4px;
}
.belowleft .uiTooltipX i.arrow, .belowright .uiTooltipX i.arrow, .belowcenter .uiTooltipX i.arrow {
border-bottom-color: #282828;
border-top: 0 none;
top: 0;
}
.aboveleft .uiTooltipX i.arrow, .belowleft .uiTooltipX i.arrow {
left: 5px;
}
.aboveright .uiTooltipX i.arrow, .belowright .uiTooltipX i.arrow {
right: 5px;
}
.abovecenter .uiTooltipX i.arrow, .belowcenter .uiTooltipX i.arrow {
left: 50%;
margin-left: -4px;
}
.left .uiTooltipX {
margin-right: 1px;
padding-right: 4px;
}
.left .uiTooltipX i.arrow {
border-left-color: #282828;
border-right: 0 none;
right: 0;
top: 6px;
}
.right .uiTooltipX {
margin-left: 1px;
padding-left: 4px;
}
.right .uiTooltipX i.arrow {
border-left: 0 none;
border-right-color: #282828;
left: 0;
top: 6px;
}
.uiProfilePhotoHugeBadCrop {
background-position: center 25%;
}
.uiProfilePhotoHuge {
height: 100px;
width: 100px;
}
.uiProfilePhotoLarge {
height: 50px;
width: 50px;
}
.uiProfilePhotoMedium {
height: 32px;
width: 32px;
}
.uiProfilePhotoSmall {
height: 24px;
width: 24px;
}
.uiTypeaheadView {
display: block;
left: 0;
position: absolute;
top: 100%;
width: 100%;
}
.uiContextualLayer .uiTypeaheadView {
position: static;
}
.uiTypeaheadView ul {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #333333 #333333 #293E6A;
border-style: solid;
border-width: 1px 1px 2px;
overflow: hidden;
padding: 2px 0;
}
.uiTypeaheadView .freeform {
border-top-color: #DDDDDD;
padding: 2px 6px 1px;
text-align: center;
}
.uiTypeaheadView li {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #FFFFFF;
border-style: solid;
border-width: 1px 0;
color: #333333;
cursor: pointer;
display: block;
min-height: 1px;
padding: 0 6px;
position: relative;
}
.uiTypeaheadView strong {
background-color: #D8DFEA;
color: #3B5998;
}
div.uiTypeaheadView .selected {
background-color: #6D84B4;
border-color: #3B5998;
}
.uiTypeaheadView .selected, .uiTypeaheadView .selected a, .uiTypeaheadView .selected div, .uiTypeaheadView .selected span {
color: #FFFFFF !important;
}
.uiTypeaheadView .selected strong {
background-color: #5670A6;
}
.uiTypeaheadView .text, .uiTypeaheadView .subtext, .uiTypeaheadView .category {
display: block;
padding-bottom: 2px;
}
.uiTypeaheadView .category {
color: #666666;
}
.uiTypeaheadView .subtext {
color: #999999;
}
.uiTypeaheadView .arrow {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yV/r/IJYgcESal33.png") repeat scroll 0 -413px transparent;
display: inline-block;
height: 7px;
margin-left: 4px;
width: 4px;
}
.uiTypeaheadView .selected .arrow {
background-position: 0 -420px;
}
div.uiTypeaheadView li.calltoaction {
background: none repeat scroll 0 0 #F7F7F7;
border-bottom: medium none #DDDDDD;
border-color: #DDDDDD;
display: block;
margin: 2px 0 -2px;
min-height: 1px;
padding: 8px;
text-align: center;
}
div.uiTypeaheadView li.calltoaction.selected {
background: none repeat scroll 0 0 #6D84B4;
border-color: #3B5998;
}
div.typeaheadViewLoading li.calltoaction span.text {
visibility: hidden;
}
div.typeaheadViewLoading li.calltoaction {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif") no-repeat scroll 50% 50% #F7F7F7;
}
div.typeaheadViewLoading li.calltoaction.selected {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y-/r/AGUNXgX_Wx3.gif") no-repeat scroll 50% 50% #6D84B4;
}
.uiTypeaheadView .bucketed ul {
padding: 0;
}
.uiTypeaheadView .bucketed .header {
background-color: #F2F2F2;
border-bottom: medium none;
border-top: 1px solid #E2E2E2;
margin-top: 4px;
min-height: 10px;
padding: 2px 15px 2px 6px;
}
.uiTypeaheadView .bucketed .header:first-child {
border-top: medium none;
margin-top: 0;
}
.uiTypeaheadView .bucketed .header .text {
color: #000000 !important;
}
.uiTypeahead {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #BDC7D8;
border-style: solid;
border-width: 1px 0;
cursor: default;
position: relative;
}
.uiTypeahead .wrap {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #BDC7D8;
border-style: solid;
border-width: 0 1px;
}
.uiTypeahead .innerWrap {
overflow: hidden;
}
.uiTypeahead .textInput {
-moz-box-sizing: border-box;
background-color: transparent;
border: 0 none;
outline: 0 none;
width: 100%;
}
.uiTypeahead .selected {
background-color: #E2E8F6;
}
.uiTypeaheadDisabled, .uiTypeaheadDisabled div.wrap {
border-color: #CCCCCC;
}
.uiTypeaheadDisabled div.wrap {
background: none repeat scroll 0 0 #E2E2E2;
}
.uiTypeaheadDisabled div.wrap .textInput {
color: #333333;
}
.uiTypeaheadView .basic img {
display: block;
float: left;
padding-right: 4px;
}
div.uiTypeaheadView .basic .calltoaction {
padding: 3px;
}
.uiTypeaheadView .compact li {
min-height: 32px;
padding: 2px 10px 2px 45px;
}
.uiTypeaheadView .compact .splitpics, .uiTypeaheadView .compact img {
display: block;
height: 32px;
left: 6px;
position: absolute;
width: 32px;
}
.uiTypeaheadView .compact .text {
font-weight: bold;
}
.uiTypeaheadView .compact .details {
color: #999999;
padding-top: 0;
}
.uiTypeaheadView .compact .detailsContents {
position: relative;
}
.uiTypeaheadView .compact .splitpic {
float: left;
overflow: hidden;
width: 15px;
}
.uiTypeaheadView .compact .splitpics img {
left: 0;
margin-left: -8px;
position: static;
}
.uiTypeaheadView .compact .splitpics .leftpic {
margin-right: 1px;
width: 16px;
}
.uiTypeaheadView .compact .splitpics .toppic {
height: 15px;
margin-bottom: 1px;
}
.uiTypeaheadView .compact .splitpics .bottompic {
height: 16px;
}
.uiTypeaheadView .compact .splitpics .toppic img, .uiTypeaheadView .compact .splitpics .bottompic img {
margin-top: -8px;
}
.uiTypeaheadView .compact .friendlist img {
background-color: transparent;
}
.autoexpand_mode .feedback_toggle_link {
display: none;
}
.UIActionLinks .uiLinkButton, .UIActionLinks .uiLinkButton input, .UIActionLinks .uiLinkButton input:hover {
color: #6B84B4;
font-weight: normal;
vertical-align: baseline;
}
.collapsed_comments .uiUfi {
display: none;
}
.uiUfi {
margin: 0;
padding-top: 2px;
width: 398px;
}
.uiUfi .ufiItem {
background-color: #EDEFF4;
margin-top: 1px;
padding: 5px 5px 4px;
}
ul.uiUfi .ufiItem {
border-bottom: 1px solid #D2D9E7;
}
.uiUfi .uiUfiSpamItem {
background-color: #F6F7FA;
}
.uiUfi .uiUfiRemovedSpamItem {
background-color: #EDEFF4;
}
.uiUfi .uiUfiSpamItem .actorName, .uiUfi .uiUfiSpamItem .actorPic, .uiUfi .uiUfiSpamItem .commentBody, .uiUfi .uiUfiSpamItem .uiLinkSubtle {
opacity: 0.5;
}
.uiUfi .uiUfiUnseenItem {
border-left: 2px solid #A8B2CE;
padding-left: 3px;
}
.uiUfi .highlightComment {
background-color: #FFF9D7;
}
.uiUfi .ufiNub {
margin-bottom: -2px;
margin-top: 0;
}
.uiUfi .ufiNub i {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/y7/r/UvyvLtJTQzO.png");
background-position: 0 0;
background-repeat: no-repeat;
display: block;
height: 5px;
margin-left: 17px;
width: 9px;
}
.uiUfi .uiUfiViewAll .uiLinkButton, .uiUfi .uiUfiViewReposts a {
display: block;
}
.uiUfiAddComment .actorPic {
float: left;
margin-right: 6px;
}
.uiUfiAddComment .commentArea {
padding: 0 !important;
}
.uiUfiAddComment .commentBox {
padding: 0 8px 0 0;
}
.uiUfiAddComment .commentBtn {
float: right;
}
.uiUfiAddComment .textBox {
display: block;
margin: 0;
width: 100%;
}
.child_is_active .uiUfiAddCommentCollapsed .textBox, .child_was_focused .commentArea .inlineShareBox .textBox, .uiUfiAddComment .textBox {
height: 29px;
}
.uiUfiAddCommentCollapsed .textBox {
height: 14px;
}
.hidden_add_comment .uiUfiAddComment, .uiUfiAddCommentCollapsed .actorPic, .uiUfiAddComment .commentBtn, .uiUfiAddCommentCollapsed .sendOnEnterTip, .uiUfiAddCommentCollapsed .commentBoxSubtitle, .commentUndoTip {
display: none;
}
.child_is_active .uiUfiAddCommentCollapsed .actorPic, .child_is_active .uiUfiAddComment .commentBtn, .child_is_active .sendOnEnterTip, .child_is_active .commentBoxSubtitle, .commentUndone .child_is_focused .commentUndoTip {
display: block;
}
.commentUndone .commentBoxSubtitle, .commentUndone .sendOnEnterTip {
display: none;
}
.uiUfiAddTip {
padding-left: 0;
padding-top: 1px;
}
.uiUfiAddComment .mentionsAddComment .commentBox {
padding: 0;
}
.uiUfiAddComment .mentionsAddComment .mentionsTypeahead .wrap {
padding: 3px;
}
.uiUfiAddComment .mentionsAddComment .textBoxContainer {
background-color: #FFFFFF;
}
.uiUfiAddComment .mentionsAddComment .textBox {
padding: 0;
}
.uiUfiComment .commentContent {
padding-top: 1px;
}
.uiUfiComment .actorName {
font-weight: bold;
}
.uiUfiComment .commentActions {
padding-top: 2px;
}
.uiUfiComment .deleteAction, .uiUfiComment .commentHideSelector .uiSelectorButton, .uiUfiComment .commentRemoverButton {
opacity: 0;
}
.uiUfiComment .socialContext a {
color: gray;
}
.uiUfiComment:hover .deleteAction, .uiUfiComment:hover .commentHideSelector .uiSelectorButton, .uiUfiSpamItem .commentRemoverButton, .uiUfiSpamItem .commentHideSelector .uiSelectorButton, .uiUfiComment .commentHideSelector .openToggler .uiSelectorButton, .uiUfiComment:hover .commentRemoverButton {
opacity: 1;
}
.uiUfiComment .commentHideSelector.editSelector .uiCloseButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yA/r/ZeVGbS5oL4o.png");
}
.uiUfiPreview .commentContent {
display: block;
overflow: hidden;
width: auto;
}
.uiUfiFailureShow, .uiUfiCommentFailed .uiUfiFailureHide {
display: none;
}
.uiUfiCommentFailed .uiUfiFailureShow {
display: block;
}
.uiUfiCommentFailed {
background: none repeat scroll 0 0 #F2F2F2 !important;
border-left: 2px solid #AAA7A2;
}
.uiUfiCommentFailed .actorName, .uiUfiCommentFailed {
color: gray;
}
.uiUfiCommentFailed .uiUfiFailureMessage {
color: #111111;
}
.uiUfiSmall .commentArea .textBox {
height: 14px;
}
.text_exposed_root {
display: inline;
}
.text_exposed .text_exposed_show {
display: inline;
}
.text_exposed_show, .text_exposed .text_exposed_hide {
display: none;
}
.text_exposed_link {
font-size: 9px;
padding: 0 12px 0 0;
white-space: nowrap;
}
.text_exposed_link_icon {
margin: 0 0 -1px 4px;
}
.text_exposed .text_exposed_link {
display: none !important;
}
.fbChatOrderedList .item, .fbChatOrderedList .separator {
float: left;
width: 100%;
}
.fbChatOrderedList .item a {
color: #333333;
display: block;
padding: 2px 8px 2px 10px;
position: relative;
}
.fbChatOrderedList .item a:hover, .fbChatOrderedList .item a.selected {
background-color: #E0E4EE;
text-decoration: none;
}
.fbChatOrderedList .item .pic {
float: left;
height: 28px;
margin-right: 8px;
width: 28px;
}
.fbChatOrderedList .item .name {
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fbChatOrderedList .item .icons {
float: right;
height: 28px;
line-height: 24px;
margin-left: 4px;
}
.fbChatOrderedList .item .icon {
margin-right: 4px;
vertical-align: middle;
}
.fbChatOrderedList .item .status {
display: inline-block;
height: 14px;
width: 7px;
}
.fbChatOrderedList .item .timeline_icon {
display: none;
height: 21px;
outline: medium none;
width: 19px;
}
.fbChatOrderedList .item:hover .timeline_icon {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yy/r/l99moeWAIeK.png");
background-position: -277px -15px;
background-repeat: no-repeat;
display: inline-block;
}
.fbChatOrderedList .item:hover .timeline_icon:active {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yy/r/l99moeWAIeK.png");
background-position: -257px -15px;
background-repeat: no-repeat;
}
.fbChatOrderedList .item.active .status {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -845px -397px;
background-repeat: no-repeat;
}
.fbChatOrderedList .item.mobile .status {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -75px -30px;
background-repeat: no-repeat;
height: 12px;
width: 8px;
}
.fbChatOrderedList .item.greenring .status {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yy/r/l99moeWAIeK.png");
background-position: -300px 0;
background-repeat: no-repeat;
}
.fbChatOrderedList .item.greenphone .status {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yy/r/l99moeWAIeK.png");
background-position: -297px -15px;
background-repeat: no-repeat;
height: 12px;
width: 8px;
}
.fbChatOrderedList .item.invis {
opacity: 0.3;
}
.fbChatOrderedList .separator {
-moz-user-select: -moz-none;
display: table;
height: 32px;
}
.fbChatOrderedList .separator .outer {
display: table-cell;
vertical-align: middle;
}
.fbChatOrderedList .separator .outer .inner {
cursor: pointer;
position: relative;
text-align: center;
top: -50%;
z-index: 1;
}
.fbChatOrderedList .separator .text {
background-color: #FFFFFF;
color: #989DB3;
display: inline-block;
font-size: 9px;
font-weight: bold;
padding: 0 5px;
text-transform: uppercase;
}
.fbChatOrderedList .separator .subheaderText {
color: #989DB3;
display: block;
padding: 0 25px 5px;
text-align: center;
}
.fbChatOrderedList .subheaderText a {
color: #6D84B4;
}
.fbChatOrderedList .separator .dive {
left: 0;
position: absolute;
top: 50%;
width: 100%;
z-index: -1;
}
.fbChatOrderedList .separator .dive .bar {
border-bottom: 2px solid #CCD0DA;
display: block;
margin: 0 5px;
}
.uiContextualDialogContent .orderedListHovercard {
margin: 10px;
}
div.fbChatSidebarDropdown .uiCloseButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: 0 -5px;
background-repeat: no-repeat;
border: 0 none;
height: 24px;
width: 26px;
}
div.fbChatSidebarDropdown .uiCloseButton:hover {
background-color: #FFFFFF;
}
div.fbChatSidebarDropdown .openToggler .uiCloseButton {
-moz-border-bottom-colors: none !important;
-moz-border-image: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-top-colors: none !important;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -27px -5px;
background-repeat: no-repeat;
border-color: -moz-use-text-color #3B5998 !important;
border-style: none solid !important;
border-width: 0 1px !important;
margin: 0 -1px;
}
div.fbChatSidebarDropdown .openToggler .uiSelectorMenuWrapper {
margin-right: -1px;
}
.fbChatSidebarDropdown .uiMenuItem .itemLabel {
white-space: normal;
width: 120px;
}
.fbChatSidebarDropdown .uiMenu .disabled {
display: none;
}
.fbChatSidebarDropdown .uiMenu .checked .itemAnchor {
font-weight: normal;
}
.offline .fbChatGoOnlineItem, .fbChatGoOfflineItem {
display: block;
}
.offline .fbChatGoOfflineItem, .fbChatGoOnlineItem {
display: none;
}
.fbSidebarGripper {
border-bottom: 1px solid #E9EAEE;
border-top: 1px solid #CAD0DB;
cursor: ns-resize;
width: 100%;
}
.fbSidebarGripper div {
background: none repeat scroll 0 0 #E7E9EF;
border-bottom: 1px solid #C1C9D5;
border-top: 1px solid #F0F1F6;
height: 4px;
position: relative;
}
.fbSidebarGripper div span {
background: none repeat scroll 0 0 #F0F1F6;
border-top: 1px solid #CAD0DB;
display: block;
height: 1px;
left: 50%;
margin-left: -6px;
margin-top: 1px;
position: absolute;
width: 12px;
}
.sidebarMode #chatFriendsOnline, .sidebarMode #fbDockChatBuddylistNub.fbNub, .sidebarMode #fbChatErrorNub {
display: none;
}
.sidebarMode #pageHead, .sidebarMode #globalContainer {
left: -90px;
position: relative;
}
.sidebarMode .liquid #globalContainer {
margin: 0 90px;
}
.sidebarMode .fbDockWrapper {
right: 175px;
}
.fbChatSidebar .fbChatTypeahead, .fbChatSidebar .fbChatTypeahead .wrap {
border: 0 none;
}
.fbChatSidebar .fbChatTypeahead .textInput {
-moz-box-sizing: border-box;
background-color: #F4F6F9;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yy/r/l99moeWAIeK.png");
background-position: left -23px;
background-repeat: no-repeat;
box-shadow: 2px 0 0 -1px #E0E2E9 inset, 0 1px #FFFFFF inset;
color: #555555;
height: 24px;
padding-left: 20px;
padding-right: 25px;
}
.fbChatSidebar .fbChatTypeahead .textInput:focus {
background-color: #FFFFFF;
}
.fbChatSidebar {
background-clip: padding-box;
background-color: #F2F4F8;
border-left: 1px solid rgba(0, 0, 0, 0.4);
box-shadow: 2px 0 2px -2px #B2B9C9 inset;
display: none;
position: fixed;
right: 0;
top: 0;
width: 179px;
z-index: 300;
}
.sidebarMode .fbChatSidebar {
display: block;
}
.fbChatSidebar .fbChatSidebarBody {
overflow-x: hidden;
overflow-y: auto;
position: relative;
}
.fbChatSidebar .scrollableOrderedList {
height: 100%;
width: 100% !important;
}
.fbChatSidebar .scrollableOrderedList .uiScrollableAreaTrack {
top: 10px;
}
.fbChatSidebar .fbChatOrderedList, .fbChatSidebar .fbChatTypeaheadView {
padding-top: 8px;
}
.fbChatSidebar .fbChatOrderedList .item a:hover {
box-shadow: 2px 0 2px -2px #B2B9C9 inset;
}
.fbChatSidebar .fbChatOrderedList .separator .text {
background-color: #F2F4F8;
}
.fbChatSidebar .fbChatSidebarMessage {
background-color: #FFFFFF;
border-top: 1px solid #CCD0DB;
box-shadow: 0 1px #FAFAFA inset;
display: none;
padding: 8px;
}
.fbChatSidebar.notice .fbChatSidebarMessage, .fbChatSidebar.error .fbChatSidebarMessage, .fbChatSidebar.offline .fbChatSidebarMessage {
display: block;
}
.fbChatSidebar .fbChatSidebarMessage .img {
float: left;
margin-top: 3px;
}
.fbChatSidebar.notice .fbChatSidebarMessage .img {
display: none;
}
.fbChatSidebar.error .fbChatSidebarMessage .img {
margin-top: 7px;
}
.fbChatSidebar.offline .fbChatSidebarMessage .img {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/ye/r/SJMMHV014Gr.png");
background-position: -102px -45px;
background-repeat: no-repeat;
height: 10px;
width: 16px;
}
.fbChatSidebar.error .fbChatSidebarMessage .img {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -217px -50px;
background-repeat: no-repeat;
height: 13px;
width: 14px;
}
.fbChatSidebar.offline .fbChatSidebarMessage .message, .fbChatSidebar.error .fbChatSidebarMessage .message {
margin-left: 24px;
}
.fbChatSidebar .fbChatSidebarMessage .message .fbChatReconnectLink {
white-space: nowrap;
}
.fbChatSidebar .fbChatSidebarFooter {
border-top: 1px solid #C9D0DA;
bottom: 0;
position: absolute;
}
.fbChatSidebar .fbChatSidebarFooter td:first-child {
vertical-align: top;
width: 100%;
}
.fbChatSidebar .fbChatSidebarFooter .button {
border-left: 1px solid #C9D0DA;
box-shadow: 0 1px #FFFFFF inset;
display: block;
height: 24px;
width: 26px;
}
.fbChatSidebar .fbChatSidebarFooter .button:hover {
background-color: #FFFFFF;
}
.fbChatSidebar .fbChatSidebarFooter .toggle {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yy/r/l99moeWAIeK.png");
background-position: -230px -15px;
background-repeat: no-repeat;
}
.fbChatSidebar .fbChatTypeaheadView {
bottom: 0;
position: absolute;
top: auto;
width: 100%;
}
.fbChatTypeahead .throbber {
display: none;
margin-top: -5px;
position: absolute;
right: 6px;
top: 50%;
}
.fbChatTypeahead.hasValue .clear, .fbChatTypeahead.hasValue.typeaheadLoading .throbber {
display: block;
}
.fbChatTypeahead.typeaheadLoading .clear {
display: none;
}
.fbChatTypeaheadView li {
color: #333333;
cursor: pointer;
padding: 2px 20px 2px 10px;
position: relative;
}
.fbChatTypeaheadView li.selected {
background-color: #E0E4EE;
}
.fbChatTypeaheadView li img {
float: left;
height: 28px;
margin-right: 5px;
width: 28px;
}
.fbChatTypeaheadView li .text {
display: block;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fbChatTypeaheadView li i {
display: block;
height: 14px;
margin-top: -7px;
position: absolute;
right: 8px;
top: 50%;
width: 7px;
}
.fbChatTypeaheadView li.active i {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -845px -397px;
background-repeat: no-repeat;
}
.fbChatTypeaheadView li.mobile i {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -75px -30px;
background-repeat: no-repeat;
height: 12px;
margin-top: -6px;
right: 9px;
width: 8px;
}
.fbChatTypeaheadView li.invis {
opacity: 0.3;
}
.fbChatTypeaheadView .noResults {
padding: 10px;
}
.downloadDialogPositioner .downloadDialog {
position: fixed;
}
.downloadDialogTopLeft .downloadDialog {
left: 10px;
top: 48px;
}
.downloadDialogBottomLeft .downloadDialog {
bottom: 10px;
left: 10px;
}
.downloadDialogIE9Bottom .downloadDialog {
bottom: 108px;
left: 10px;
}
.downloadDialogTitle {
background-color: #EDEFF4;
border-bottom: 1px solid #E5EAF1;
}
.downloadDialogStep .downloadDialogStepLabel {
padding-top: 3px;
}
.sidebarMode.ticker .fbDockWrapper {
right: 205px;
}
.sidebarMode.ticker.theaterMode .fbDockWrapper {
right: 220px;
}
.sidebarMode.ticker .tickerStoryContent {
max-width: 158px;
}
.sidebarMode.ticker .fbChatSidebar, .sidebarMode.ticker .fbChatSidebar .uiScrollableAreaBody {
width: 205px !important;
}
.sidebarMode.ticker .fbChatSidebar .tickerHeader {
display: none;
}
.sidebarMode.ticker .fbChatSidebar .ticker_container {
border: 0 none !important;
height: 100% !important;
width: 205px !important;
}
.sidebarMode.ticker .fbChatSidebar .scrollTopPrompt {
width: 205px !important;
}
.sidebarMode.ticker .fbChatSidebar .fbFeedTicker {
height: 100% !important;
width: 100%;
}
.sidebarMode.ticker .fbChatSidebar .uiSideHeader {
background-color: #D8DFEA !important;
border-bottom: 1px solid #CCD4E2 !important;
border-top: 0 none !important;
margin-bottom: 0;
}
.sidebarMode.ticker .fbChatSidebar .tickerStoryBlock {
margin-left: 0 !important;
}
.sidebarMode.ticker .fbChatSidebar .fbFeedTicker .fbFeedTickerStory {
background-color: transparent;
border-bottom-color: transparent;
border-top-color: #D8DFEA;
line-height: 13px;
padding-right: 5px;
}
.sidebarMode.ticker .fbChatSidebar .fbFeedTicker .tickerStoryClickable:hover {
border-bottom-color: transparent !important;
box-shadow: 2px 0 2px -2px #B2B9C9 inset;
}
.sidebarMode.ticker .fbChatSidebar .fbFeedTicker .tickerStoryHidden, .sidebarMode.ticker .fbChatSidebar .fbFeedTicker .tickerStoryHidden:hover {
background-color: transparent !important;
border-bottom-color: transparent !important;
border-top-color: #D8DFEA !important;
}
.sidebarMode.ticker .fbChatSidebar .fbChatOrderedList .item a, .sidebarMode.ticker .fbChatSidebar .fbChatTypeaheadView li {
padding-left: 2px !important;
}
.sidebarMode.ticker .fbChatSidebar #pagelet_ticker {
height: 50%;
overflow: hidden;
position: relative;
}
.sidebarMode.ticker .fbChatSidebar .uiProfilePhoto, .sidebarMode.ticker .fbChatSidebar .fbChatOrderedList .item .pic, .sidebarMode.ticker .fbChatSidebar .fbChatTypeaheadView li img {
height: 28px !important;
margin-left: 3px !important;
width: 28px !important;
}
.sidebarMode.ticker .fbChatSidebar .fbFeedTicker .tickerStorySelected, .sidebarMode.ticker .fbChatSidebar .fbFeedTicker .tickerStorySelected:hover {
background-position: 11px 15px;
border-bottom-color: #A8B2CE !important;
box-shadow: 2px 0 2px -2px #B2B9C9 inset;
}
.sidebarMode.ticker .fbChatSidebar .fbFeedTicker .fbFeedTickerStory.tickerNuxStory {
background-color: #FFFFFF;
border-bottom: 1px solid #B0B0B0;
border-top: 1px solid #FFFFFF;
padding: 8px 8px 9px 10px;
width: 190px;
z-index: 10;
}
#modalMaskOverlay {
background-color: #FFFFFF;
height: 100%;
opacity: 0.8;
position: fixed;
top: 0;
width: 100%;
z-index: 199;
}
.megaphone_story_wrapper {
margin-bottom: 20px;
}
.dialog_content .megaphone_story_wrapper {
margin-bottom: 0;
}
.megaphone_story {
overflow: hidden;
position: relative;
}
.megaphone_story .megaphone_content {
font-size: 11px;
}
.megaphone_story .megaphone_hide_link {
float: right;
}
.megaphone_story_highlighted {
background-color: #FCF5D0;
border: 1px solid #CBB631;
}
.megaphone_box {
background-color: #F5F7FA;
border: 1px dashed #CED5E5;
}
.hasLeftCol .megaphone_box {
border-width: 0 0 1px;
margin-left: -20px;
margin-top: -15px;
}
#headerArea .megaphone_box {
margin-right: -20px;
margin-top: -17px;
}
.megaphone_location_friends {
margin: 0;
}
.megaphone_location_privacy {
margin-left: auto;
margin-right: auto;
width: 760px;
}
.timelineLayout .megaphone_location_managed_profile_admin .megaphone_box {
border-top: 1px dashed #CED5E5;
}
.uiSelectorBottomUp .openToggler .uiSelectorButton, .uiSelectorBottomUp .openToggler .uiSelectorButton:active, .uiSelectorBottomUp .openToggler .uiSelectorButton:focus, .uiSelectorBottomUp .openToggler .uiSelectorButton:hover, .uiSelectorBottomUp .openToggler .uiButtonSuppressed, .uiSelectorBottomUp .openToggler .uiButtonSuppressed:active, .uiSelectorBottomUp .openToggler .uiButtonSuppressed:focus, .uiSelectorBottomUp .openToggler .uiButtonSuppressed:hover {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #6D84B4 #3B5998 #3B5998;
border-right: 1px solid #3B5998;
border-style: solid;
border-width: 1px;
}
.uiSelectorBottomUp .uiSelectorMenuWrapper {
bottom: 100%;
margin-bottom: -2px;
top: auto;
}
.uiToken {
background: none repeat scroll 0 0 #E2E6F0;
border: 1px solid #9DACCC;
border-radius: 2px 2px 2px 2px;
color: #1C2A47;
cursor: default;
display: block;
float: left;
height: 14px;
margin: 0 4px 4px 0;
padding: 0 3px;
position: relative;
white-space: nowrap;
}
.uiToken .remove {
margin: 2px 0 -2px 1px;
outline: medium none;
}
.uiTokenSelected {
background-color: #6D84B4;
border-color: #3B5998;
color: #FFFFFF;
}
.uiTokenizer {
background: none repeat scroll 0 0 #FFFFFF;
}
.uiNormalTokenizer .uiTypeahead {
width: 100%;
}
.uiNormalTokenizer .tokenarea {
overflow: hidden;
padding-top: 6px;
}
.uiClearableTypeahead .selected .clear {
display: block;
}
.uiClearableTypeahead .clear, .uiTypeaheadDisabled .selected .clear {
display: none;
margin-top: -7px;
position: absolute;
right: 3px;
top: 50%;
}
.uiClearableTypeahead .selected {
padding-right: 16px;
}
.uiTypeaheadDisabled .selected {
padding-right: 0;
}
.uiInputLabel + .uiInputLabel {
margin-top: 3px;
}
.uiInputLabel + .inlineBlock.uiInputLabel {
margin-left: 10px;
margin-top: 0;
}
.uiInputLabelRadio, .uiInputLabelCheckbox {
float: left;
margin: 0;
padding: 0;
}
.uiInputLabelRadio {
margin-top: 1px;
}
.uiInputLabel label {
color: #333333;
display: block;
font-weight: normal;
margin-left: 17px;
vertical-align: baseline;
}
#chatFriendsOnline .chatGoOnlineLink span {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yW/r/AebrcwrBeG6.png") no-repeat scroll right 3px transparent;
padding: 0 12px 0 2px;
}
#chatFriendsOnline .chatGoOnlineLink, #chatFriendsOnline .chatGoOnlineLink:hover, #chatFriendsOnline .chatReconnectLink, #chatFriendsOnline .chatReconnectLink:hover {
margin: 3px 0 0 7px;
text-decoration: none;
}
#chatFriendsOnline .fbChatReconnecting {
display: inline-block;
}
#chatFriendsOnline .chatGoOnlineLink .img {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png");
background-position: -136px -50px;
background-repeat: no-repeat;
height: 16px;
width: 15px;
}
#chatFriendsOnline .chatReconnectLink .img {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png");
background-position: -217px -50px;
background-repeat: no-repeat;
height: 13px;
margin-top: 7px;
width: 14px;
}
#chatFriendsOnline .fbChatOfflineMessage, #chatFriendsOnline .fbChatDisconnectedMessage {
padding: 0 5px 0 1px;
}
#chatFriendsOnline.disconnected .uiFacepileItem .img {
opacity: 0.3;
}
#chatFriendsOnline .typeaheadContainer td:first-child {
width: 100%;
}
#chatFriendsOnline .sidebarBtn {
display: none;
margin-left: 3px;
}
.sidebarCapable #chatFriendsOnline .sidebarBtn {
display: inline-block;
}
.profileItemImg {
height: 16px;
width: 16px;
}
.fbReminders .fbRemindersHeader {
margin-bottom: 6px;
}
.fbReminders .fbRemindersStory {
padding: 3px 5px;
}
.fbReminders .fbRemindersStory .fbRemindersRemove {
display: none;
margin-top: -1px;
}
.fbReminders .fbRemindersStory:hover {
background-color: #ECEFF5;
cursor: pointer;
}
.fbReminders .fbRemindersStory:hover a {
text-decoration: none;
}
.fbReminders .fbRemindersStory:hover .fbRemindersRemove {
display: block;
}
.fbReminders .fbRemindersStory .fbRemindersTitle {
color: #3B5998;
}
.fbRemindersContent .fbRemindersFooter {
text-align: center;
}
.uiMoreLinkCaret {
margin-left: 2px;
padding-bottom: 2px;
}
.uiToolbarBordered {
margin: 0 -7px;
padding: 6px 7px 6px 1px;
}
.uiToolbar .uiToolbarItem {
float: left;
margin-left: 6px;
vertical-align: top;
}
.uiToolbarUnbordered .uiToolbarItem:first-child {
margin-left: 0;
}
.uiToolbar .uiToolbarDivider {
background: none repeat scroll 0 0 #D6D6D6;
height: 22px;
width: 1px;
}
.uiFacepileSmall ul {
margin-top: -2px;
}
.uiFacepileMedium ul {
margin-top: -1px;
}
.uiFacepileLarge ul {
margin-top: -3px;
}
.uiFacepile .link {
display: inline-block;
position: relative;
}
.uiFacepile .uiFacepileItem .img {
vertical-align: bottom;
}
.uiFacepileSmall .uiFacepileItem {
margin: 2px 2px 0 0;
}
.uiFacepileMedium .uiFacepileItem {
margin: 1px 1px 0 0;
}
.uiFacepileLarge .uiFacepileItem {
margin: 3px 3px 0 0;
}
.uiFacepile li:last-child .img {
margin-right: 0;
}
.uiFacepile .showAll {
width: 100%;
}
.uiFacepile .showAllLink {
border-color: #7792BA;
border-width: 1px 0 0;
padding: 3px;
vertical-align: middle;
}
.uiFacepileSmall .showAllLink {
line-height: 18px;
margin: 2px 2px 0 0;
}
.uiFacepileMedium .showAllLink {
line-height: 24px;
margin: 1px 1px 0 0;
}
.uiFacepileLarge .showAllLink {
line-height: 44px;
margin: 5px 5px 0 0;
}
.uiFacepile .chatStatus {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #FFFFFF;
border-style: solid;
border-width: 1px 0 0 1px;
bottom: 0;
height: 5px;
position: absolute;
right: 0;
width: 5px;
}
.uiFacepile .chatOnline .chatStatus {
background: -moz-linear-gradient(center top , #88CC5F, #7BC64D) repeat scroll 0 0 transparent;
}
.uiFacepile .chatOffline .chatStatus, .uiFacepile .chatIdle .chatStatus, .uiFacepile .chatMobile .chatStatus {
border: medium none;
}
.uiMenu .privUnselectable {
color: #333333;
}
.uiMenu .privUnselectable .itemAnchor {
opacity: 1;
}
.uiMenu .fixedWidthDesc .itemLabel {
white-space: normal;
width: 200px;
}
.emote_text {
display: none;
}
.emote_img, .emote_custom {
height: 16px;
vertical-align: top;
width: 16px;
}
.emote_img {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yM/r/WlL6q4xDPOA.png") no-repeat scroll 0 0 transparent;
overflow: hidden;
}
#pageHead {
margin: 0 auto;
width: 980px;
}
.fbx #pageHead {
margin: 0;
width: auto;
}
#pageLogo {
float: left;
margin-left: -6px;
z-index: 5;
}
#pageLogo a {
background-color: #3B5998;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -135px -102px;
background-repeat: no-repeat;
display: block;
height: 31px;
width: 103px;
}
#pageLogo a:hover, #pageLogo a:focus, #pageLogo a:active {
background-color: #4B67A1;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -31px -102px;
background-repeat: no-repeat;
outline: medium none;
}
#headNav {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #627AAD;
border-color: #1D4088 #1D4088 -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px 0;
height: 30px;
margin-left: 180px;
}
#pageNav li {
float: left;
}
#pageNav a {
color: #FFFFFF;
display: inline-block;
font-weight: bold;
height: 22px;
padding: 8px 10px 0;
text-decoration: none;
}
#pageNav a:hover, #pageNav a:focus, #pageNav a:active {
background-color: #6D86B7;
outline: medium none;
}
#navAccount {
position: relative;
}
#navAccount #navAccountLink {
padding-right: 16px;
}
.openToggler #navAccountLink, .no_js #navAccount:hover #navAccountLink {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FFFFFF;
border-color: #333333 #333333 -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px 0;
color: #333333;
margin: -1px -1px 0;
position: relative;
z-index: 2;
}
.openToggler #navAccountLink:hover, .openToggler #navAccountLink:focus, .openToggler #navAccountLink:active, .no_js #navAccountLink:hover {
background-color: #FFFFFF;
}
#navAccountLink .accountPulldown {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -228px -134px;
background-repeat: no-repeat;
height: 4px;
left: 5px;
position: relative;
top: -2px;
width: 7px;
}
.openToggler #navAccountLink .dropMenuDivide, .no_js #navAccount:hover #navAccountLink .dropMenuDivide {
background: none repeat scroll 0 0 #E0E0E0;
}
.openToggler #navAccountLink .accountPulldown, .no_js #navAccount:hover #navAccountLink .accountPulldown {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -220px -134px;
background-repeat: no-repeat;
}
#navAccount .contextualHelp, #navAccount .navigation {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #333333 #333333 #2D4486;
border-style: solid;
border-width: 1px 1px 2px;
margin-right: -1px;
margin-top: -1px;
min-width: 200px;
padding: 10px 0 5px;
position: absolute;
right: 0;
top: 100%;
z-index: 1;
}
#navAccount .navigation {
display: none;
}
#navAccount.openToggler .navigation, .no_js #navAccount:hover .navigation {
display: block;
}
#navAccount .navigation .logoutButton {
display: block;
}
#navAccount .logoutButton:hover {
text-decoration: none;
}
#navAccount .logoutButton input {
outline: 0 none;
text-align: left;
width: 100%;
}
#navAccount .navigation a, #navAccount .navigation .logoutButton input {
color: #3A579A;
display: block;
font-weight: normal;
height: auto;
padding: 4px 10px 5px;
white-space: nowrap;
}
#navAccount .navigation a:hover, #navAccount .navigation a:focus, #navAccount .navigation a:active, #navAccount .logoutButton:hover input, #navAccount .logoutButton input:active, #navAccount .logoutButton input:focus {
background: none repeat scroll 0 0 #6D84B4;
border-bottom: 1px solid #3B5998;
border-top: 1px solid #3B5998;
color: #FFFFFF;
padding: 3px 10px 4px;
text-decoration: none;
}
#navAccount li {
display: block;
float: none;
}
#navSearch {
margin: 4px 0 0 4px;
position: relative;
width: 350px;
}
#navSearch .uiSearchInput {
border: 0 none;
}
#navSearch .uiSearchInput input {
width: 315px;
}
#navSearch .uiTypeahead, #navSearch .uiTypeahead .wrap {
border-color: #3B5998;
height: 22px;
}
.slim #blueBar {
border-bottom: 1px solid #133783;
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52);
height: 37px;
position: relative;
}
.slimHeader #headNav {
background: none repeat scroll 0 0 transparent;
border: medium none;
margin-left: 176px;
}
.slimHeader .fbJewelFlyout {
top: 32px;
}
.slimHeader #jewelContainer {
padding-top: 5px;
}
.slimHeader .fbJewel .jewelCount {
background: none repeat scroll 0 0 transparent;
top: 0;
}
.slimHeader .fbJewel .jewelCount span {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #E23923 #D83722 #C0311E;
border-left: 1px solid #D83722;
border-right: 1px solid #D83722;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 rgba(0, 39, 121, 0.77);
padding: 0 1px;
}
.slimHeader #jewelContainer .fbJewel a.jewelButton {
height: 31px;
position: relative;
top: 1px;
}
.slimHeader .openToggler a.jewelButton {
height: 31px !important;
}
.slimHeader #fbMessagesJewel a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -207px -167px;
background-repeat: no-repeat;
}
.slimHeader #fbMessagesJewel a.jewelButton:active, .slimHeader #fbMessagesJewel a.jewelButton:focus, .slimHeader #fbMessagesJewel a.jewelButton:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -56px -215px;
background-repeat: no-repeat;
}
.slimHeader #fbMessagesJewel.hasNew a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -31px -215px;
background-repeat: no-repeat;
}
.slimHeader #fbMessagesJewel.openToggler a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important;
background-position: -232px -167px !important;
background-repeat: no-repeat !important;
}
.slimHeader #fbNotificationsJewel a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -107px -167px;
background-repeat: no-repeat;
}
.slimHeader #fbNotificationsJewel a.jewelButton:active, .slimHeader #fbNotificationsJewel a.jewelButton:focus, .slimHeader #fbNotificationsJewel a.jewelButton:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -182px -167px;
background-repeat: no-repeat;
}
.slimHeader #fbNotificationsJewel.hasNew a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -157px -167px;
background-repeat: no-repeat;
}
.slimHeader #fbNotificationsJewel.openToggler a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important;
background-position: -132px -167px !important;
background-repeat: no-repeat !important;
}
.slimHeader #fbRequestsJewel a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -131px -215px;
background-repeat: no-repeat;
}
.slimHeader #fbRequestsJewel a.jewelButton:active, .slimHeader #fbRequestsJewel a.jewelButton:focus, .slimHeader #fbRequestsJewel a.jewelButton:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -82px -167px;
background-repeat: no-repeat;
}
.slimHeader #fbRequestsJewel.hasNew a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -81px -215px;
background-repeat: no-repeat;
}
.slimHeader #fbRequestsJewel.openToggler a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important;
background-position: -106px -215px !important;
background-repeat: no-repeat !important;
}
.slimHeader #pageLogo a, .slimHeader #pageLogo a:hover, .slimHeader #pageLogo a:focus, .slimHeader #pageLogo a:active {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -31px -134px;
background-repeat: no-repeat;
height: 31px;
margin-top: 6px;
}
.slimHeader #navSearch {
margin-top: 9px;
}
.slimHeader #navSearch .uiTypeahead {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 transparent;
border-color: #123682 #294A8F #294A8F;
border-radius: 2px 2px 2px 2px;
border-right: 1px solid #294A8F;
border-style: solid;
border-width: 1px;
}
.slimHeader #navSearch .uiSearchInput {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 1px 1px 1px 1px;
border-top: 1px solid #D9D9D9;
padding: 0 0 1px;
}
.slimHeader #navSearch div, .slimHeader #navSearch span {
border: medium none;
}
.slimHeader #navSearch .textInput .inputtext {
padding-top: 2px;
}
.slimHeader #pageNav .topNavLink {
height: 31px;
}
.slimHeader #pageNav a {
color: #D8DFEA;
}
.slimHeader #pageNav {
margin-right: 1px;
padding-top: 6px;
}
.slimHeader #pageNav .topNavLink:hover, .slimHeader #pageNav .topNavLink:focus, .slimHeader #pageNav .topNavLink:active, .slimHeader #pageNav .tinyman:hover a, .slimheader #pageNav .tinyman:focus a, .slimHeader #pageNav .tinyman:active a, .slimHeader #pageNav .topNavLink a:hover, .slimHeader #pageNav .topNavLink a:focus, .slimHeader #pageNav .topNavLink a:active {
background-color: #4B67A1;
color: #FFFFFF;
height: 31px;
}
.slimHeader #pageNav .headerTinymanPhoto {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #123682 #294A8F #294A8F;
border-radius: 2px 2px 2px 2px;
border-right: 1px solid #294A8F;
border-style: solid;
border-width: 1px;
height: 23px;
margin: 3px 5px 3px 3px;
width: 23px;
}
.slimHeader #pageNav .topNavLink .headerTinymanName, .slimHeader #pageNav .lightNav .headerTinymanName {
display: inline-block;
max-width: 175px;
overflow: hidden;
padding-right: 8px;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap;
}
.slimHeader #pageNav .topNavLink a {
height: 31px;
line-height: 29px;
padding: 0;
vertical-align: top;
}
.slimHeader #pageNav .voiceBarToggle {
display: none;
}
.hasVoiceToggle .slimHeader #pageNav .voiceBarToggle {
display: inline;
}
.slimHeader #pageNav .middleLink a, .slimHeader #pageNav .voiceBarToggle a {
padding: 0 8px;
}
.slimHeader #pageNav li.tinyman:after, .slimHeader #pageNav li.middleLink:after, .slimHeader #pageNav li.voiceBarToggle:after {
background: none repeat scroll 0 0 #526DA4;
content: " ";
display: inline-block;
float: right;
height: 14px;
margin-top: 9px;
width: 1px;
}
.slimHeader #pageNav .topNavLink:hover:after {
background: none repeat scroll 0 0 #4B67A1;
}
.slimHeader #pageNav li.middleLink:active, .slimHeader #pageNav li.middleLink:focus, .slimHeader #pageNav li.middleLink:hover, .slimHeader #pageNav #navAccountLink:active, .slimHeader #pageNav #navAccountLink:focus, .slimHeader #pageNav #navAccountLink:hover, .slimHeader #pageNav .voiceBarToggle:active, .slimHeader #pageNav .voiceBarToggle:focus, .slimHeader #pageNav .voiceBarToggle:hover {
margin-left: -1px;
padding-left: 1px;
}
.slimHeader #pageNav .menuPulldown {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -191px -213px;
background-repeat: no-repeat;
height: 31px;
overflow: hidden;
text-indent: 30px;
width: 24px;
}
.slimHeader #pageNav .menuPulldown:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -245px -213px;
background-repeat: no-repeat;
}
.slimHeader .no_js #navAccount:hover, .slimHeader #pageNav #navAccount.openToggler {
position: relative;
top: 1px;
}
.slimHeader .no_js #navAccount:hover #navAccountLink, .slimHeader #pageNav #navAccount.openToggler #navAccountLink {
padding-left: 0;
}
.slimHeader #pageNav .openToggler .menuPulldown, .slimHeader #pageNav .openToggler .menuPulldown:hover {
background-color: #FFFFFF;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important;
background-position: -218px -213px !important;
background-repeat: no-repeat !important;
}
.slimHeader #pageNav #navAccountLink {
height: auto;
padding-right: 0;
}
.slimHeader #pageNav .menuDivider {
background: none repeat scroll 0 0 #DDDDDD;
font-size: 0;
height: 1px;
line-height: 0;
margin: 6px 7px;
}
.slimHeader #navAccount .navigation {
border-bottom-color: #333333;
padding: 4px 0;
}
.slimHeader #pageNav #navAccount .navSubmenu {
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
color: #222222;
height: 18px;
line-height: 18px;
padding: 0 22px;
}
.slimHeader #navAccount .navSubmenu input {
color: #222222;
height: 20px;
margin-top: -1px;
padding: 0;
}
.slimHeader #navAccount .navSubmenu {
border: medium none;
color: #000000;
height: 18px;
line-height: normal;
}
.slimHeader #navAccount .navSubmenu:hover, .slimHeader #navAccount .navSubmenu:focus, .slimHeader #navAccount .navSubmenu:active {
background: none repeat scroll 0 0 #6D84B4;
color: #FFFFFF;
height: 18px;
text-decoration: none;
}
.slimHeader #pageNav .navSubmenu img {
height: 18px;
width: 18px;
}
.slimHeader #pageNav .navSubmenu img.uiLoadingIndicatorAsync {
height: 11px;
margin-top: 4px;
width: 16px;
}
.slimHeader #navAccount .pagesNavMenuTitle {
padding: 0 22px 6px;
}
.slimHeader #navAccount .uiScrollableArea.contentAfter:after {
display: none;
}
.slimHeader #pageNav #navAccount .navSubmenu:hover, .slimHeader #pageNav #navAccount .navSubmenu:focus, .slimHeader #pageNav #navAccount .navSubmenu:active {
background: none repeat scroll 0 0 #6D84B4;
border-bottom: 1px solid #3B5998;
border-top: 1px solid #3B5998;
color: #FFFFFF;
}
.slimHeader #navAccount .navSubmenu:hover input, .slimHeader #navAccount .navSubmenu:focus input, .slimHeader #navAccount .navSubmenu:active input {
color: #FFFFFF;
text-decoration: none;
}
.slimHeader #navAccount .navIdentity {
padding: 5px 22px 5px 17px;
width: 200px;
}
.slimHeader #navAccount .navIdentityPic a:hover, .slimHeader #navAccount .navIdentityPic:hover img {
background: none repeat scroll 0 0 transparent;
border: medium none;
padding: 0;
}
.slimHeader #navAccount .navIdentityLinks {
margin-top: 3px;
width: 120px;
}
.slimHeader .lightNav .headerTinymanName {
color: #D8DFEA;
font-weight: bold;
line-height: 29px;
}
#jewelContainer.notifNegativeBase .openToggler .jewelButton {
background-color: transparent !important;
border-color: -moz-use-text-color transparent transparent;
border-top: 0 none;
}
.notifNegativeBase .openToggler {
z-index: 1;
}
.notifNegativeBase .fbJewelFlyout {
background: none repeat scroll 0 0 padding-box rgba(255, 255, 255, 0.98);
border: 1px solid rgba(100, 100, 100, 0.4);
border-radius: 3px 3px 3px 3px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
top: 37px;
}
.notifNegativeBase .fbJewelFlyout .jewelItemList {
padding: 0;
}
.notifNegativeBase .fbJewelFlyout .uiScrollableAreaContent {
padding-bottom: 1px;
}
.notifNegativeBase .fbJewelFlyout li.jewelItemNew {
background-color: transparent;
}
.notifNegativeBase .fbJewelFlyout .beeperNub {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yO/r/_2cdInypv2b.png");
background-position: -239px -119px;
background-repeat: no-repeat;
height: 11px;
position: absolute;
top: -11px;
width: 20px;
}
.notifNegativeBase .timestamp {
color: #999999;
font-size: 11px;
}
.notifNegativeBase .fbJewelFlyout .jewelHeader {
background-clip: padding-box;
background-color: #FFFFFF;
border-bottom: 1px solid rgba(100, 100, 100, 0.22);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
margin-bottom: -1px;
padding: 8px 8px 6px;
position: relative;
z-index: 100;
}
.notifNegativeBase .fbJewelFlyout .jewelFooter a {
background-color: #F7F7F7;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top: 1px solid #C5C5C5;
position: relative;
z-index: 100;
}
.notifNegativeBase .fbJewelFlyout .jewelFooter a:hover, .notifNegativeBase .fbJewelFlyout .jewelFooter a:active, .notifNegativeBase .fbJewelFlyout .jewelFooter a:focus {
background-color: #F7F7F7;
border-top: 1px solid #C5C5C5;
color: #3B5998;
outline: medium none;
text-decoration: underline;
}
.notifNegativeBase .fbJewelFlyout .jewelFooter a:hover .seeMoreCount, .notifNegativeBase .fbJewelFlyout .jewelFooter a:active .seeMoreCount, .notifNegativeBase .fbJewelFlyout .jewelFooter a:focus .seeMoreCount {
color: gray;
}
.notifNegativeBase #fbMessagesFlyout {
left: -128px;
}
.notifNegativeBase #fbMessagesFlyout.notifNonCentered {
left: 0;
}
.notifNegativeBase #fbMessagesFlyout .beeperNub {
left: 130px;
}
.notifNegativeBase #fbMessagesFlyout.notifNonCentered .beeperNub {
left: 0;
}
.notifNegativeBase #fbMessagesJewel.openToggler a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important;
background-position: 0 -253px !important;
background-repeat: no-repeat !important;
}
.notifNegativeBase #fbMessagesFlyout .author, .notifNegativeBase #fbMessagesFlyout a.messagesContent:hover .author, .notifNegativeBase #fbMessagesFlyout .subject, .notifNegativeBase #fbMessagesFlyout a.messagesContent:hover .subject {
color: #333333;
}
.notifNegativeBase #fbMessagesFlyout.monochromeBlue .author {
color: #3B5998;
}
.notifNegativeBase #fbMessagesFlyout .preview, .notifNegativeBase #fbMessagesFlyout a.messagesContent:hover .preview {
color: gray;
padding-top: 1px;
}
.notifNegativeBase #fbMessagesFlyout .time .timestamp, .notifNegativeBase #fbMessagesFlyout a.messagesContent:hover .time .timestamp {
color: #9D9D9D;
display: block;
font-size: 9px;
padding-top: 2px;
}
.notifNegativeBase #fbMessagesFlyout .jewelContent li {
border-top: 0 none;
}
.notifNegativeBase #fbMessagesFlyout .jewelContent li:first-child a.messagesContent, .notifNegativeBase #fbMessagesFlyout .jewelContent li:first-child a.messagesContent:hover, .notifNegativeBase #fbMessagesFlyout .jewelContent li:first-child a.messagesContent:active, .notifNegativeBase #fbMessagesFlyout .jewelContent li:first-child a.messagesContent:focus {
border-top: medium none;
}
.notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent {
border-bottom: 1px solid #E9E9E9;
border-top: 1px solid #E9E9E9;
margin-bottom: -1px;
padding: 4px 20px 4px 8px;
}
.notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:hover, .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:active, .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:focus {
background-color: #F4F6F9 !important;
border-color: #E3E8F0;
position: relative;
z-index: 1;
}
.notifNegativeBase #fbMessagesFlyout li.jewelItemNew a.messagesContent {
background: none repeat scroll 0 0 rgba(237, 239, 245, 0.98);
border-color: #D1D8E7;
position: relative;
z-index: 2;
}
.notifNegativeBase #fbMessagesFlyout .jewelContent li.jewelItemNew a.messagesContent:hover, .notifNegativeBase #fbMessagesFlyout .jewelContent li.jewelItemNew a.messagesContent:active, .notifNegativeBase #fbMessagesFlyout .jewelContent li.jewelItemNew a.messagesContent:focus {
background-color: #E7EBF2 !important;
border-color: #D1D8E7;
}
.notifNegativeBase .fbJewelFlyout .jewelHighlight a.messagesContent:hover span, .notifNegativeBase .fbJewelFlyout .jewelHighlight a.messagesContent:active span, .notifNegativeBase .fbJewelFlyout .jewelHighlight a.messagesContent:focus span, .notifNegativeBase .fbJewelFlyout .jewelHighlight a.messagesContent:hover div, .notifNegativeBase .fbJewelFlyout .jewelHighlight a.messagesContent:active div, .notifNegativeBase .fbJewelFlyout .jewelHighlight a.messagesContent:focus div {
color: gray;
}
.notifNegativeBase .fbJewelFlyout .jewelItemList {
padding: 0;
}
.notifNegativeBase #fbNotificationsFlyout {
left: -153px;
}
.notifNegativeBase #fbNotificationsFlyout.notifNonCentered {
left: 0;
}
.notifNegativeBase #fbNotificationsFlyout .beeperNub {
left: 155px;
}
.notifNegativeBase #fbNotificationsFlyout.notifNonCentered .beeperNub {
left: 0;
}
.notifNegativeBase #fbNotificationsJewel.openToggler a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important;
background-position: -25px -253px !important;
background-repeat: no-repeat !important;
}
.notifNegativeBase #fbNotificationsFlyout a:hover .blueName {
color: #333333;
}
.notifNegativeBase #fbNotificationsFlyout .blueName {
color: #333333;
}
.notifNegativeBase #fbNotificationsFlyout.monochromeBlue .blueName {
color: #3B5998;
}
.notifNegativeBase #fbNotificationsFlyout div.notif_x_div, .notifNegativeBase #fbNotificationsFlyout div.confirmingMsg {
display: block;
}
.notifNegativeBase #fbNotificationsFlyout li a.notif_x {
padding: 0;
}
.notifNegativeBase #fbNotificationsFlyout li a.notif_x .placeholder {
height: 40px;
margin: 3px 1px 0 0;
padding-left: 5px;
width: 11px;
}
.notifNegativeBase #fbNotificationsFlyout li .notif_x_div {
position: absolute;
right: 9px;
top: 7px;
z-index: 2;
}
.notifNegativeBase #fbNotificationsFlyout li.notifHover a.notif_x {
visibility: visible;
}
.notifNegativeBase #fbNotificationsFlyout a.notif_x, .notifNegativeBase #fbNotificationsFlyout li.first_receipt a.notif_x {
margin-top: 0;
visibility: hidden;
}
.notifNegativeBase .confirmingMsg, .notifNegativeBase .notifMainLink {
-moz-transition-duration: 0.15s;
-moz-transition-property: height, left, padding, width;
-moz-transition-timing-function: ease;
}
.notifNegativeBase li div.info {
max-width: 243px;
position: relative;
}
.notifNegativeBase .fbJewelFlyout li div.confirmingMsg {
left: 100%;
padding: 4px 8px;
position: absolute;
top: 0;
visibility: hidden;
}
.notifNegativeBase .fbJewelFlyout li.negativeActions div.confirmingMsg {
left: 0;
padding: 8px;
position: relative;
visibility: visible;
}
.notifNegativeBase .fbJewelFlyout li.notification div.confirmedMsg, .notifNegativeBase .fbJewelFlyout li.notification div.firstConfirmedMsg, .notifNegativeBase .fbJewelFlyout li.notification div.spamMsg {
padding: 4px 8px;
}
.notifNegativeBase .fbJewelFlyout td.confirming_table_row {
white-space: nowrap;
}
.notifNegativeBase .notifMainLink {
left: 0;
position: relative;
visibility: visible;
}
.notifNegativeBase .negativeActions .notifMainLink {
left: -100%;
position: absolute;
visibility: hidden;
}
.notifNegativeBase .async_saving .negative_loading {
margin-left: 10px;
}
.notifNegativeBase .async_saving label.uiButton, .notifNegativeBase .async_saving div.link_buttons {
display: none;
}
.notifNegativeBase #fbNotificationsFlyout li {
position: relative;
}
.notifNegativeBase #fbNotificationsFlyout a.notifMainLink {
border-bottom: 1px solid #E9E9E9;
border-top: 1px solid #E9E9E9;
color: #333333;
display: block;
margin-bottom: -1px;
padding: 4px 20px 4px 8px;
text-decoration: none;
}
.notifNegativeBase #fbNotificationsFlyout li.first_receipt a.notifMainLink {
border-bottom-style: none;
}
.notifNegativeBase #fbNotificationsFlyout li.notifHover a.notifMainLink {
border-color: #E3E8F0;
}
.notifNegativeBase #fbNotificationsFlyout li.notifHover a.notifMainLink {
background-color: #F4F6F9;
}
.notifNegativeBase #fbNotificationsFlyout li.notifHover {
position: relative;
z-index: 1;
}
.notifNegativeBase #fbNotificationsFlyout li.jewelItemNew a.notifMainLink, .notifNegativeBase #fbNotificationsFlyout li.first_receipt a.notifMainLink {
border-top: 1px solid #D1D8E7;
}
.notifNegativeBase #fbNotificationsFlyout li.jewelItemNew a.notifMainLink {
border-bottom: 1px solid #D1D8E7;
}
.notifNegativeBase #fbNotificationsFlyout li.jewelItemNew, .notifNegativeBase #fbNotificationsFlyout li.first_receipt {
background: none repeat scroll 0 0 rgba(237, 239, 245, 0.98);
margin-bottom: -1px;
z-index: 2;
}
.notifNegativeBase #fbNotificationsFlyout li.jewelItemNew:hover a.notifMainLink, .notifNegativeBase #fbNotificationsFlyout li.fbJewelBeep:hover a.notifMainLink, .notifNegativeBase #fbNotificationsFlyout li.first_receipt:hover a.notifMainLink {
background-color: #E7EBF2;
border-color: #D1D8E7;
}
.notifNegativeBase #fbNotificationsFlyout li.first_receipt:hover div.first_receipt_div {
background-color: #E7EBF2;
}
.notifNegativeBase #fbNotificationsFlyout li.negativeActions a.notifMainLink, .notifNegativeBase #fbNotificationsFlyout li.negativeActions a.notifMainLink:hover {
background-color: #FFFFFF;
cursor: default;
outline: medium none;
padding: 4px 8px 6px;
}
.notifNegativeBase #fbNotificationsFlyout li.negativeActions a.notif_x, .notifNegativeBase #fbNotificationsFlyout li div.first_receipt_div {
display: none;
}
.notifNegativeBase #fbNotificationsFlyout li.first_receipt div.first_receipt_div {
display: block;
}
#fbNotificationsFlyout .beeperArea, #fbNotificationsFlyout.hasBeeps .aggregatedNotifs {
display: none;
}
#fbNotificationsFlyout.hasBeeps .beeperArea {
display: block;
}
.notifNegativeBase #fbRequestsJewel.openToggler a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yO/r/_2cdInypv2b.png") !important;
background-position: -50px -253px !important;
background-repeat: no-repeat !important;
}
.notifNegativeBase #fbRequestsFlyout {
left: -103px;
}
.notifNegativeBase #fbRequestsFlyout.notifNonCentered {
left: 0;
}
.notifNegativeBase #fbRequestsFlyout li {
border-top: 1px solid #E9E9E9;
}
.notifNegativeBase #fbRequestsFlyout .beeperNub {
left: 105px;
}
.notifNegativeBase #fbRequestsFlyout.notifNonCentered .beeperNub {
left: 0;
}
.notifNegativeBase #fbRequestsFlyout .fbRequestList {
padding-top: 0;
}
.notifNegativeBase #fbRequestsFlyout .fbRequestList li:first-child {
border-top: medium none;
}
.notifNegativeBase #fbRequestsFlyout .uiScrollableAreaContent {
padding-bottom: 0;
}
.notifNegativeBase #fbRequestsFlyout .jewelFooter a:hover {
border-top: 0 none;
}
.notifNegativeBase #fbRequestsPYMK .jewelHeader {
z-index: 1;
}
.fbJewel {
float: left;
margin-right: -1px;
position: relative;
}
#jewelContainer {
float: left;
position: relative;
z-index: 4;
}
#jewelContainer .hasNew, #jewelContainer .openToggler {
position: relative;
}
.fbJewel .jewelCount {
background-color: #00376A;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
display: none;
font-size: 9px;
font-weight: bold;
padding-bottom: 1px;
position: absolute;
right: -1px;
top: -1px;
z-index: 101;
}
#jewelContainer .hasNew .jewelCount {
display: block;
}
#jewelContainer .openToggler .jewelCount {
display: none;
}
.fbJewel .jewelCount span {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #F03D25;
border-color: -moz-use-text-color #DD3822 #DD3822;
border-radius: 2px 2px 2px 2px;
border-right: 1px solid #DD3822;
border-style: none solid solid;
border-width: 0 1px 1px;
display: block;
padding: 1px 1px 0;
}
.fbJewel a.jewelButton {
display: block;
height: 31px;
margin: 0 1px;
text-decoration: none;
width: 24px;
}
.fbJewel a.jewelButton:active, .fbJewel a.jewelButton:focus, .fbJewel a.jewelButton:hover {
background-color: #4B67A1;
outline: medium none;
text-decoration: none;
}
#jewelContainer .openToggler .jewelButton {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FFFFFF !important;
border-color: #333333 #333333 -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px 0;
height: 30px;
margin: 0;
}
.fbJewelFlyout {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FFFFFF;
border-color: #333333 #333333 #293E6A;
border-style: solid;
border-width: 1px 1px 2px;
left: 0;
overflow: visible;
position: absolute;
top: 30px;
width: 330px;
z-index: -1;
}
.fbJewelFlyout .metadata {
padding-top: 3px;
}
.fbJewelFlyout .jewelItemList {
padding: 4px 0;
}
.fbJewelFlyout .empty, .fbJewelFlyout .jewelHighlight .empty {
border: medium none;
color: #757575;
padding: 4px 8px 10px;
}
.fbJewelFlyout .jewelHighlight li a {
color: #333333;
display: block;
padding: 4px 8px;
text-decoration: none;
}
.fbJewelFlyout .jewelHighlight li a:hover, .fbJewelFlyout .jewelHighlight li a:active, .fbJewelFlyout .jewelHighlight li a:focus {
background-color: #6D84B4 !important;
border-bottom: 1px solid #3B5998;
border-top: 1px solid #3B5998;
outline: medium none;
padding-bottom: 3px;
padding-top: 3px;
text-decoration: none;
}
.fbJewelFlyout .jewelHighlight a:hover span, .fbJewelFlyout .jewelHighlight a:active span, .fbJewelFlyout .jewelHighlight a:focus span, .fbJewelFlyout .jewelHighlight a:hover div, .fbJewelFlyout .jewelHighlight a:active div, .fbJewelFlyout .jewelHighlight a:focus div, .fbJewelFlyout .jewelHighlight li.selected a, .fbJewelFlyout .jewelHighlight li.selected .timestamp {
color: #FFFFFF;
}
.fbJewelFlyout .jewelHighlight li {
border-top: 1px solid #E6E6E6;
cursor: pointer;
}
.fbJewelFlyout .jewelHighlight li:first-child {
border-top: medium none;
}
.fbJewelFlyout li.jewelItemNew {
background: none repeat scroll 0 0 #EFF1F7;
}
.fbJewelFlyout li.jewelItemResponded {
background: none repeat scroll 0 0 #FFF9D7;
}
.fbJewelFlyout .jewelLoading {
display: block;
margin: 10px auto;
}
.fbJewelFlyout .jewelHeader {
background-color: #FFFFFF;
border-color: #DDDDDD;
padding: 7px 8px;
}
.fbJewelFlyout .jewelFooter a {
background-color: #F7F7F7;
border-top: 1px solid #E0E0E0;
display: block;
font-weight: bold;
padding: 8px;
text-align: center;
}
.fbJewelFlyout .jewelFooter a:hover, .fbJewelFlyout .jewelFooter a:active, .fbJewelFlyout .jewelFooter a:focus {
background-color: #6D84B4;
border-top: 1px solid #3B5998;
color: #FFFFFF;
outline: medium none;
text-decoration: none;
}
.fbJewelFlyout .jewelFooter .seeMoreCount {
display: none;
font-weight: bold;
padding: 2px 0 0;
}
.fbJewelFlyout .jewelUnread .seeMoreCount {
display: block;
}
.fbJewelFlyout .jewelFooter a:hover .seeMoreCount, .fbJewelFlyout .jewelFooter a:active .seeMoreCount, .fbJewelFlyout .jewelFooter a:focus .seeMoreCount {
color: #E7E7E7;
}
#fbMessagesJewel a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -207px -167px;
background-repeat: no-repeat;
}
#fbMessagesJewel a.jewelButton:active, #fbMessagesJewel a.jewelButton:focus, #fbMessagesJewel a.jewelButton:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -56px -215px;
background-repeat: no-repeat;
}
#fbMessagesJewel.hasNew a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -31px -215px;
background-repeat: no-repeat;
}
#fbMessagesJewel.openToggler a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important;
background-position: -232px -167px !important;
background-repeat: no-repeat !important;
}
#fbMessagesFlyout li a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#fbMessagesFlyout .content {
display: block;
width: auto;
}
#fbMessagesFlyout .author {
color: #3B5998;
font-weight: bold;
padding-top: 2px;
white-space: normal;
}
#fbMessagesFlyout .preview {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#fbMessagesFlyout .subject {
color: #333333;
}
#fbMessagesFlyout .time {
color: #9D9D9D;
font-size: 9px;
}
#fbMessagesFlyout a:hover .author, #fbMessagesFlyout a:hover .preview, #fbMessagesFlyout a:hover .subject, #fbMessagesFlyout a:hover .time {
color: #FFFFFF;
}
#fbNotificationsJewel a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -107px -167px;
background-repeat: no-repeat;
}
#fbNotificationsJewel a.jewelButton:active, #fbNotificationsJewel a.jewelButton:focus, #fbNotificationsJewel a.jewelButton:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -182px -167px;
background-repeat: no-repeat;
}
#fbNotificationsJewel.hasNew a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -157px -167px;
background-repeat: no-repeat;
}
#fbNotificationsJewel.openToggler a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important;
background-position: -132px -167px !important;
background-repeat: no-repeat !important;
}
#fbNotificationsFlyout a:hover .blueName {
color: #FFFFFF;
}
#fbNotificationsFlyout .blueName {
color: #3B5998;
font-weight: bold;
}
#fbNotificationsFlyout .staticAppIcon {
background-position: right center;
height: 16px;
width: 16px;
}
#fbNotificationsFlyout .selected .staticAppIcon {
background-position: left center;
}
#fbNotificationsFlyout .info {
max-width: 259px;
word-wrap: break-word;
}
#fbNotificationsFlyout div.notif_x_div, #fbNotificationsFlyout div.confirmingMsg {
display: none;
}
#fbRequestsJewel a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -131px -215px;
background-repeat: no-repeat;
}
#fbRequestsJewel a.jewelButton:active, #fbRequestsJewel a.jewelButton:focus, #fbRequestsJewel a.jewelButton:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -82px -167px;
background-repeat: no-repeat;
}
#fbRequestsJewel.hasNew a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -81px -215px;
background-repeat: no-repeat;
}
#fbRequestsJewel.openToggler a.jewelButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important;
background-position: -106px -215px !important;
background-repeat: no-repeat !important;
}
#fbRequestsFlyout ul.jewelItemList {
padding: 0;
}
#fbRequestsFlyout li {
padding: 4px 8px;
}
#fbRequestsFlyout .jewelHighlight li {
padding: 0;
}
#fbRequestsFlyout .fbRequestMessageWrapper {
white-space: nowrap;
}
#fbRequestsFlyout .fbRequestMessage {
display: inline-block;
max-width: 169px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#fbRequestsFlyout .jewelHighlight .title {
color: #3B5998;
}
#fbRequestsFlyout .jewelHighlight .mutualFriends {
color: gray;
}
#fbRequestsFlyout .jewelHighlight a:hover .title, #fbRequestsFlyout .jewelHighlight a:focus .title, #fbRequestsFlyout .jewelHighlight a:active .title, #fbRequestsFlyout .jewelHighlight a:hover .mutualFriends, #fbRequestsFlyout .jewelHighlight a:focus .mutualFriends, #fbRequestsFlyout .jewelHighlight a:active .mutualFriends {
color: #FFFFFF;
}
#fbRequestsFlyout .jewelRequest .jewelRequestContent {
padding-top: 5px;
}
#fbRequestsFlyout .title {
font-size: 11px;
}
#fbRequestsFlyout .requestLabel {
line-height: 12px;
}
#fbRequestsFlyout .jewelFooter .seeMoreCount {
display: block;
}
.fbRequestsJewelRelationshipIcon {
margin-bottom: -3px;
padding-right: 5px;
}
#fbRequestsFlyout .fbRequestList {
padding-top: 4px;
}
#fbRequestsFlyout .fbMoreRequestList {
border-top: 1px solid #E9E9E9;
padding: 0;
}
#fbRequestsFlyout .friendBrowserExtraSpacing {
margin: 0;
}
#fbRequestsFlyout .friendBrowserCheckboxContentGrid {
padding-top: 4px;
}
.uiScrollableArea #fbRequestsPYMKContainer .uiListItem:last-child {
padding: 0;
}
#fbRequestsFlyout .uiScrollableAreaContent {
padding-bottom: 4px;
}
#fbRequestsList .uiScrollableArea.contentAfter {
border-bottom: 1px solid #BBBBBB;
}
#fbRequestsList .uiScrollableArea {
border-bottom: 1px solid #E0E0E0;
}
#fbRequestsFlyout .jewelFooter a {
border: 0 none;
}
#fbRequestsFlyout .jewelFooter a:hover {
border-top: 1px solid #3B5998;
}
.uiScrollableHeaderBox {
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
#fbRequestsFlyout .jewelHeader {
padding-right: 10px;
position: relative;
}
#fbRequestsFlyout .uiScrollableAreaContent .uiListItem {
padding-right: 12px;
}
.uiSearchInput {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #6484B4 #899BC1 #899BC1;
border-right: 1px solid #899BC1;
border-style: solid;
border-width: 1px;
display: inline-block;
}
.uiSearchInput span {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #EDEDED -moz-use-text-color -moz-use-text-color;
border-right: 0 none;
border-style: solid none none;
border-width: 1px 0 0;
display: inline-block;
padding: 1px 0 2px;
position: relative;
}
.uiSearchInput input {
border: 0 none;
margin: 0 22px 0 5px;
outline: medium none;
padding: 1px 5px 2px 0;
width: 190px;
}
.uiSearchInput button {
background-color: #FFFFFF;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: 0 -30px;
background-repeat: no-repeat;
border: 0 none;
cursor: pointer;
display: block;
height: 19px;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 22px;
}
.ff4.mac .uiSearchInput input {
padding-bottom: 1px !important;
}
.uiTypeaheadView .search li {
min-height: 50px;
padding: 2px 30px 2px 63px;
}
.uiTypeaheadView .search li a {
outline: medium none;
}
.uiTypeaheadView .search li a:hover {
text-decoration: none;
}
.uiTypeaheadView .search .playButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: 0 -102px;
background-repeat: no-repeat;
height: 30px;
left: 16px;
position: absolute;
top: 12px;
width: 30px;
}
.uiTypeaheadView .search a:hover .playButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: 0 -132px;
background-repeat: no-repeat;
}
.uiTypeaheadView .search .music_playing a .playButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: 0 -162px;
background-repeat: no-repeat;
}
.uiTypeaheadView .search .music_playing a:hover .playButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: 0 -192px;
background-repeat: no-repeat;
}
.uiTypeaheadView .search .song.async_saving a .playButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: 0 -222px;
background-repeat: no-repeat;
}
.uiTypeaheadView .search .song.async_saving a .playLoader {
background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yp/r/DrGcdjdlpCl.gif") no-repeat scroll 0 0 transparent;
height: 14px;
left: 24px;
position: absolute;
top: 20px;
width: 14px;
}
.uiTypeaheadView .search img {
background-color: #ECEFF5;
display: block;
height: 50px;
left: 6px;
position: absolute;
width: 50px;
}
.uiTypeaheadView .search .text {
color: #3B5998;
font-weight: bold;
}
.uiTypeaheadView .search .subtext {
font-size: 9px;
}
.uiTypeaheadView .search .preCategory {
color: #999999;
}
.uiTypeaheadView .search .seeMore {
color: #3B5998;
font-size: 11px;
font-weight: bold;
padding-bottom: 0;
padding-right: 7px;
}
.uiTypeaheadView .search .question {
min-height: 14px;
padding: 3px 30px 3px 6px;
}
.uiTypeaheadView .search .question .text {
display: inline;
}
.uiTypeaheadView .search .question .subtext {
display: inline;
margin-left: 5px;
white-space: nowrap;
}
.uiTypeaheadView .search .websuggestion {
min-height: 14px;
padding: 3px 30px 3px 6px;
}
.uiTypeaheadView .search .websuggestion .text {
display: inline;
}
.uiTypeaheadView .search .websuggestion .subtext {
display: inline;
margin-left: 5px;
white-space: nowrap;
}
.uiTypeaheadView .search .group .photo, .uiTypeaheadView .search .friendlist .photo {
background-color: transparent;
}
.uiTypeaheadView .search .text .alias {
color: #999999;
font-weight: normal;
}
.noFooter #pageFooter {
display: none;
}
.permalinkBody {
background-color: #E7EBF2;
}
.permalinkBody #globalContainer {
margin-top: 40px;
min-width: 889px;
padding: 0 40px;
width: 889px;
}
.permalinkBody #mainContainer {
width: 100%;
}
.permalinkBody #contentCol {
background-color: transparent;
}
.permalinkBody #rightCol {
width: 243px;
}
.permalinkBody #contentArea {
background-color: #FFFFFF;
border: 1px solid #C4CDE0;
padding: 0 3px 1px;
width: 624px;
}
.permalinkBody .fbTimelineSideAds {
padding-top: 0;
width: auto;
}
.permalinkBody .permalink_stream .uiStream .uiStreamMessage, .permalinkBody .permalink_stream .uiStream .uiStreamAttachments {
font-size: 13px;
padding-left: 15px;
padding-right: 20px;
}
.permalinkBody .permalink_stream .uiStream .uiStreamMessage {
line-height: 18px;
}
.permalinkBody .permalink_stream .uiStream .mainWrapper .uiAttachmentNoMedia {
border-left: 2px solid #C0C9DD;
margin-left: 18px;
padding-left: 10px;
}
.permalink_stream .uiStream .uiStreamMessage {
font-size: 13px;
max-width: 640px;
}
.permalinkBody .permalink_stream .fbStreamPermalinkHeader {
border-bottom: 1px solid #E9E9E9;
margin: 15px;
}
.permalinkBody .permalink_stream .uiStreamStory .mainWrapper {
margin-right: 0;
padding-top: 0;
}
.permalinkBody .fbTimelineUFI {
margin-top: 3px;
}
.permalinkBody .permalink_stream .subscribeOrLikeSentence, .permalinkBody .permalink_stream .uiStreamPassive, .permalinkBody .permalink_stream .uiStreamHeadline {
color: #999999;
font-weight: normal;
}
.permalinkBody .permalink_stream .uiStreamHeadline {
width: 500px;
}
.permalinkBody .permalink_stream .fbStreamPermalinkHeader .UIImageBlock_Content {
padding-top: 8px;
}
.permalinkBody .permalink_stream .uiStreamPrivacy .img, .permalinkBody .permalink_stream .uiStreamSecondaryTime .img {
margin-top: 2px;
}
.permalinkBody .permalink_stream .uiStreamMessage .actorDescription {
padding: 0;
}
.permalinkBody .uiStreamSource {
font-size: 11px;
}
.permalinkBody #mainContainer {
margin-bottom: 50px;
}
.permalinkBody .permalink_stream .uiStreamHide {
float: right;
}
.permalinkBody .permalink_stream .followOrLikeButton {
clear: right;
margin-right: 25px;
}
.permalinkBody .fbStreamPermalinkHeader .uiCloseButton {
float: right;
left: -9999px;
overflow: hidden;
position: relative;
}
.permalinkBody .permalink_stream:hover .fbStreamPermalinkHeader .uiCloseButton {
left: auto;
overflow: visible;
}
.permalinkBody #globalContainer #mainContainer .permalink_stream .noStoryBodyHeader {
border-bottom: medium none;
}
.permalinkBody #globalContainer #mainContainer .spamMessage {
border-top: 1px solid #EEEEEE;
padding: 15px 0 15px 15px;
}
.permalinkBody .uiStreamAttachments .UIImageBlock_Image .img {
display: inline-block;
}
.profileInfoSection {
margin-bottom: 30px;
}
.profileInfoSection .emptyInfoSection {
font-size: 13px;
text-align: center;
}
.profileInfoSection .inlineLabel {
color: #999999;
}
.profileInfoSection .privacyTooltip {
padding-top: 4px;
}
.fbProfileExperience .hubPhoto {
margin-right: 7px;
}
.fbProfileExperience .wishlistPhoto {
height: 150px;
margin-right: 7px;
width: 150px;
}
.fbProfileExperience .experienceContent {
line-height: 14px;
padding-top: 1px;
}
.fbProfileExperience .experienceContentLarge {
font-size: 13px;
font-weight: bold;
line-height: 30px;
padding-left: 8px;
padding-top: 22px;
}
.fbProfileExperience .experienceBody, .fbProfileExperience .subexperienceContent {
margin-top: 2px;
}
.fbProfileExperience .subexperiences {
margin: 6px 0 0 15px;
}
.fbProfileExperience .subexperience {
padding-bottom: 1px;
}
.fbProfileExperience .subexperienceContent {
width: 273px;
}
.showAllExperiences .revealerArrow {
margin: 0 0 2px 5px;
}
.showAllExperiences:hover a, .showAllExperiences .mediaRevealer:hover {
text-decoration: none;
}
.profileInfoTable .highlight {
background-color: #FFFBE4;
}
.profileInfoTable .fbProfileExperience.highlight {
left: -5px;
padding: 5px 0 5px 5px;
position: relative;
top: -5px;
}
.profileInfoTable .afterHighlight {
margin-top: -10px;
}
.profileInfoTable .highlight .complimentsBlingBox {
margin-right: -5px;
}
li.showAllExperiences {
border-top: 1px solid #E5EAF1;
padding-top: 7px;
text-align: center;
}
.showAllExperiences:hover {
background-color: #ECEFF4;
border-top-color: #D8DFEA;
cursor: pointer;
}
.showAllExperiences a {
display: inline-block;
padding-bottom: 8px;
}
.fbProfileInfoExpandedRowWrapper .fbProfileExperience {
text-align: left;
}
.fbProfileInfoExpandedRowWrapper .revealerWrapper {
margin-top: 0;
}
.fbProfileInfoWorkRowWrapper .fbProfileExperience {
text-align: left;
}
.fbProfileInfoEducationRowWrapper .fbProfileExperience {
text-align: left;
}
.mediaRow .mediaPortrait {
line-height: 14px;
overflow: hidden;
padding: 0;
width: 75px;
}
.mediaRow .mediaPortrait .photo {
height: 75px;
margin-bottom: 5px;
}
.mediaRow .mediaPortrait .mediaPageName {
max-height: 28px;
overflow: hidden;
word-wrap: break-word;
}
.mediaRowWrapper {
text-align: center;
}
.mediaRowRevealer {
line-height: 12px;
}
.profileInfoTable th.label {
color: #999999;
font-weight: bold;
line-height: 15px;
text-align: left;
vertical-align: top;
width: 90px;
}
.nile_profile .profileInfoTable th.label {
font-size: 11px;
line-height: 16px;
}
.profileInfoTable .greenLink {
color: #006600;
}
.profileInfoTable td.data {
line-height: 15px;
}
.profileInfoTable td.rightCol {
padding: 3px 0 0 35px;
text-align: right;
width: 50px;
}
.profileInfoTable .sampleImageCaption {
text-align: center;
width: 50px;
word-wrap: break-word;
}
.profileInfoTable .uiInfoTable .label {
color: #666666;
font-size: 11px;
font-weight: normal;
padding-top: 0;
}
.profileInfoTable .uiInfoTable .data {
padding-top: 0;
}
.profileInfoTable .throbber {
display: none;
}
.profileInfoTable .async_saving .throbber {
display: block;
}
.uiInfoTable {
border: 0 none;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.uiInfoTable .spacer td {
padding: 5px 0;
}
.noBorder .spacer td {
padding: 0;
visibility: hidden;
}
.uiInfoTable .label, .uiInfoTable .data, .uiInfoTable .rightCol {
padding: 3px 0 1px;
text-align: left;
vertical-align: top;
}
.uiInfoTable .dataRow .data, .uiInfoTable .dataRow .rightCol {
padding-top: 5px;
}
.uiInfoTable .data > input, .uiInfoTable .data > label input, .uiInfoTable .rightCol > input, .uiInfoTable .rightCol > label input {
margin-left: 0;
}
.uiInfoTable .label {
color: #666666;
font-weight: bold;
padding-right: 10px;
text-align: right;
width: 130px;
}
.uiInfoTable .dataRow .label {
padding-top: 8px;
}
.uiInfoTable .label .annotation {
color: #999999;
}
.uiInfoTable .rightCol {
padding: 0 0 0 20px;
width: 225px;
}
.hideBanner .fbPageBanner, .fixedBody .fbPageBanner {
display: none;
}
.fbPageBannerInner {
margin: auto;
width: 980px;
}
.sidebarMode .fbPageBannerInner {
left: -90px;
position: relative;
}
.fbxWelcomeBox .fbxWelcomeBoxName {
padding-bottom: 1px;
}
.fbxWelcomeBoxBlock .fbxWelcomeBoxImg {
height: 40px !important;
width: 40px !important;
}
.fbxWelcomeBoxName {
display: block;
font-weight: bold;
width: 112px;
word-wrap: break-word;
}
.HighlightSelectorMenu {
margin-right: 1px;
position: relative;
top: -2px;
}
.HighlightSelectorMenu .uiMenuXShortBorder {
padding-right: 2px;
}
body .fixedScrolling {
position: fixed !important;
}
body.fixedBody #contentCol {
min-height: 617px;
}
body.fixedBody {
overflow-x: hidden;
}
.fixedBody #blueBar, .fixedBody #leftCol {
position: fixed !important;
}
.fixedBody #blueBar {
left: 0;
right: 0;
}
.fixedBody #leftColContainer {
float: left;
padding-right: 2px;
width: 179px;
}
.fixedBody .hideWhenFixed {
display: none;
}
.home #leftCol {
min-height: 600px;
}
.home #rightCol .friend_list_right_column_header {
height: 44px;
}
div.bookmarksMenuButton .uiCloseButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png");
background-position: -65px -65px;
background-repeat: no-repeat;
}
div.bookmarksMenuButton .uiCloseButton:hover, div.bookmarksMenuButton .openToggler .uiCloseButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png");
background-position: -83px -65px;
background-repeat: no-repeat;
}
.uiSideNav ul {
display: none;
}
.uiSideNav .open ul {
display: block;
}
.uiSideNav .forceSubitems ul {
display: block;
}
.uiSideNav .hidden {
display: none;
}
.uiSideNav .item, .uiSideNav .subitem {
border-bottom: 1px solid #FFFFFF;
color: #333333;
display: block;
line-height: 13px;
min-height: 17px;
padding: 3px 8px 0 28px;
text-decoration: none;
}
.uiSideNav .subitem {
padding-left: 37px;
}
.uiSideNav .item:hover, .uiSideNav .item:active, .uiSideNav .item:focus, .uiSideNav .subitem:hover, .uiSideNav .subitem:active, .uiSideNav .subitem:focus {
background-color: #EFF2F7;
text-decoration: none;
}
.uiSideNav .selectedItem .item, .uiSideNav .selectedItem .item:hover, .uiSideNav ul .selectedItem .subitem, .uiSideNav ul .selectedItem .subitem:hover {
background-color: #D8DFEA;
font-weight: bold;
}
.uiSideNav .item .imgWrap {
width: 18px;
}
.uiSideNav .external {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yW/r/AebrcwrBeG6.png") no-repeat scroll right 3px transparent;
padding-right: 12px;
}
.uiSideNav .item .linkWrap {
display: block;
max-width: 116px;
overflow: hidden;
padding-left: 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.uiSideNavCountText {
color: gray;
}
.uiSideNav .item .uiSideNavCountRed {
background-color: #F64C4C;
color: #FFFFFF;
}
.uiSideNav .loading .item, .uiSideNav .sideNavItem .loading .subitem {
background-color: #EFF2F7;
border-color: #EFF2F7 #EFF2F7 #FFFFFF;
}
.uiSideNav .loading .subitem {
background-color: #FFFFFF;
border-color: #FFFFFF;
}
.uiFutureSideNav .actionLinks {
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
}
.droppableNav .actionLinks {
display: block;
}
.actionLinks {
line-height: 12px;
padding: 4px 0 4px 28px;
position: relative;
}
.uiSideNav .loadingIndicator, .actionLinks .loadingIndicator {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif") no-repeat scroll 0 0 transparent;
display: none;
height: 11px;
position: absolute;
right: 5px;
top: 5px;
width: 16px;
}
.loading .loadingIndicator, .async_saving .loadingIndicator {
display: block;
}
.editMode .loadingIndicator, .loading ul .loadingIndicator {
display: none;
}
.uiSideNav ul .loading .loadingIndicator {
top: 5px;
}
.uiSideNav .showSubitems .hiddenSubitem, .uiSideNav .open .navMore {
display: block;
}
.uiSideNav .hiddenSubitem, .uiSideNav .showSubitems .navMore, .uiSideNav .navMore {
display: none;
}
.uiSideNav li .navMore {
margin: 4px 0 10px 37px;
}
.uiSideNav .loading .navMore {
background-color: transparent;
}
.uiSideNav .item:hover .buttonWrap .uiCloseButton {
visibility: visible;
}
.editMode .droppableNav .uiCloseButton, .editMode .droppableNav .item:hover .uiCloseButton {
visibility: visible;
}
.middot {
display: none;
}
.expandedMode .middot {
display: inline;
}
.uiSideNav .mover {
display: none;
left: -18px;
overflow: hidden;
position: absolute;
text-align: right;
top: 3px;
z-index: 2;
}
.uiSideNav .placeholder {
border: 2px dashed gray;
}
.editMode .item {
cursor: default;
opacity: 0.5;
}
.editMode .item:hover {
background-color: transparent;
}
.editMode .sortableItem {
cursor: move;
opacity: 1;
}
.editMode .sortableItem:hover {
background-color: #EFF2F7;
}
.uiSideNav .mover .arrow {
position: relative;
top: -20px;
}
.uiSideNav .mover .arrow:active, .uiSideNav .mover .arrow:focus {
top: 0;
}
.droppableNav .grip {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png");
background-position: -11px -49px;
background-repeat: no-repeat;
display: none;
height: 10px;
margin-top: 2px;
width: 10px;
}
.editMode .droppableNav .grip {
display: block;
}
.editMode .uiSideNav .external {
background-image: none;
}
.middot, .navEdit, .navDone {
display: none;
}
.expandedMode .middot, .expandedMode .navEdit, .navEditDone .navEdit, .editMode .navDone {
display: inline;
}
.editMode .draggingMode {
opacity: 0.5;
}
.editMode .droppableNav .draggingMode {
opacity: 1;
}
.editMode .uiSideNav ul {
display: none;
}
.editMode .middot, .editMode .navEdit, .editMode .navLessLink, .editMode .uiSideNav .count, .editMode .uiSideNav .divider, .editMode .uiSideNav .loading .mover, .editMode .uiSideNav .uiCloseButton {
display: none !important;
}
#sideNav #pinnedNav {
margin-top: 16px;
}
#sideNav .belowThreshold, #sideNav .homeSideNav .actionLinks, #sideNav #pinnedNav .hideOption {
display: none;
}
#sideNav.editMode .homeSideNav .actionLinks {
display: block;
}
#sideNav .moreSectionsLink {
color: #7F93BC;
font-size: 9px;
font-weight: bold;
}
.navHeader, .navHeader a {
color: #999999;
font-size: 9px;
font-weight: bold;
margin-top: 12px;
}
.navHeader .bookmarksNavSeeAll {
color: #6D84B4;
white-space: nowrap;
}
.navHeader .uiLoadingIndicatorAsync {
margin-top: -3px;
}
.editMode .nonDroppableNav {
opacity: 0.5;
}
.editMode .nonDroppableNav .sortableItem {
cursor: default;
}
.editMode .homeSideNav .bookmarksNavSeeAll, .homeSideNav .bookmarksNavSeeAll {
visibility: hidden;
}
.homeSideNav:hover .bookmarksNavSeeAll, .forceMoreLink .bookmarksNavSeeAll {
visibility: visible;
}
.homeSideNav a:hover {
text-decoration: none;
}
.bookmarksNavSeeAll:hover {
text-decoration: underline;
}
.homeSideNav .loading .bookmarksNavSeeAll {
display: none;
}
.homeSideNav .bookmarksMenuButton ul {
display: inline;
}
.sideNavItem:hover .bookmarksMenuButton .uiCloseButton, .sideNavItem .bookmarksMenuButton a.selected {
visibility: visible;
}
.editMode .homeSideNav .sideNavItem .bookmarksMenuButton .uiCloseButton, .editMode .homeSideNav .sideNavItem:hover .bookmarksMenuButton .uiCloseButton {
visibility: hidden;
}
.droppableNav .rearrange {
display: inline;
}
.nonDroppableNav .rearrange {
display: none;
}
div.fbComposerWideSpacing {
border-bottom: 0 none;
margin: 9px 0 -6px;
padding-bottom: 4px;
}
div.fbFriendListComposer {
border-bottom: medium none;
margin-left: -18px;
padding-left: 18px;
}
div.fbFriendListComposer .focus_target {
border-bottom: 1px solid #E6E6E6;
margin-left: -18px;
padding-left: 18px;
}
div.fbFriendListComposer .child_was_focused {
border-bottom: medium none;
}
div.fbFriendListComposer .uiComposerAttachments {
padding: 5px 0 6px;
}
.composerExpandedPhoto #leftCol {
padding-top: 2px;
}
.composerExpanded #content .newsFeedComposer {
padding-top: 5px;
}
.composerExpanded .newsFeedComposer #rightCol {
padding-top: 40px;
}
.composerExpandedPhoto .newsFeedComposer #rightCol {
padding-top: 38px;
}
.hasExpandedComposer .home_right_column, .sidebarMode #content .hasExpandedComposer .home_right_column {
margin-top: -12px;
}
.home #content .hasExpandedComposer .adsOnTop, .home #content .hasExpandedComposer .stickyAds {
margin-top: 0;
}
div.uiComposerWithPhoto .focus_target {
padding-left: 58px;
}
div.uiComposerWithPhoto .focus_target .uiComposerMetaContainer {
margin-left: 2px;
margin-top: -2px;
}
.uiComposerPhoto {
position: absolute;
top: 7px;
}
div.friendListFeed .uiComposerPhoto {
top: 13px;
}
.composerExpandedPhoto .groupJumpLayout .groupComposerCleanWrap {
margin-left: -10px;
padding-top: 7px;
}
div.uiComposerWithPhoto .focus_target .groupComposerCleanWrap .uiComposerMetaContainer {
margin-top: -1px;
}
.composerExpandedPhoto div.fbFriendListComposer .focus_target {
padding: 3px 0 14px 76px;
}
.uiExpandedComposerWrap, .uiExpandedComposerWrapNotMeta {
position: relative;
}
.composerExpandedPhoto .composerLeftNub {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yw/r/Z-7RGb1UpCq.gif") no-repeat scroll 0 0 transparent;
height: 11px;
left: 54px;
position: absolute;
top: 37px;
width: 7px;
z-index: 2;
}
.home .friendListFeed .composerLeftNub {
top: 43px;
}
.composerExpandedPhoto .uiExpandedComposerWrapNotMeta .composerLeftNub {
left: 52px;
top: 39px;
}
.composerExpandedPhoto .uiExpandedComposerWrapNotMeta .uiComposerPhoto {
top: 9px;
}
.composerExpanded .uiComposerWithPhoto .uiComposerAttachment .nub {
display: none;
}
#pagelet_rhc_ticker {
margin-top: -5px;
}
#pagelet_rhc_ticker .fbFeedTicker {
padding-top: 5px;
}
.homeFixedLayout .fbFeedTicker.fixed_elem {
background-color: #FFFFFF;
z-index: 2;
}
.homeFixedLayout #contentCurve {
height: 0;
}
div#contentCol.homeFixedLayout {
padding-top: 5px;
}
.homeFixedLayout div#contentArea {
padding-bottom: 20px;
}
.tickerOnTop #pagelet_rhc_ticker {
margin-bottom: 5px;
margin-top: 0;
}
.adsOnTop .rightColumnWrapper .fixed_scrolling_wrapper, .tickerOnTop .rightColumnWrapper {
width: 244px;
}
.sidebarMode .tickerOnTop #pagelet_rhc_ticker {
margin-bottom: 0;
}
.tickerOnTop #pagelet_rhc_ticker .fbFeedTicker {
padding-top: 0;
}
.sidebarMode .tickerOnTop #pagelet_reminders .fbReminders {
margin: 6px 0 12px;
}
.tickerOnTop #pagelet_reminders .fbReminders {
margin: 8px 0 10px;
}
.tickerOnTop .ticker_container .ticker_stream {
margin-top: -1px;
}
.tickerOnTop .ego_section {
margin-bottom: 0;
}
.tickerOnTop .fbFeedTicker .ticker_container:before, .tickerOnTop .fbFeedTicker .ticker_container:after {
background-color: rgba(0, 0, 0, 0.1) !important;
content: "";
display: block;
height: 1px !important;
position: absolute;
width: 100%;
z-index: 2;
}
.tickerOnTop .fixed_elem .ticker_container:before {
background-color: transparent !important;
}
.tickerOnTop .forceThickLine .ticker_container:before, .tickerOnTop .forceThickLine .ticker_container:after {
background-color: transparent !important;
}
.tickerOnTop .fbFeedTicker .ticker_container:after {
bottom: 0;
}
.tickerOnTop .fbFeedTicker .fbTickerFooter {
border-top: 3px solid #F2F2F2;
}
.tickerOnTop .fixed_elem .fbFeedHeadThickLineCapable {
border: 0 none;
}
div.composerOpen #rightCol {
padding-top: 40px;
}
.homeFixedLayout #rightCol {
padding-top: 56px;
}
.sidebarMode .hasExpandedComposer .tickerOnTop .fbRemindersThickline {
visibility: hidden;
}
.hasExpandedComposer .stickyAds .fbRemindersThickline, .sidebarMode .home .hasExpandedComposer .stickyAds .fbRemindersThickline {
display: block;
visibility: visible;
}
.ticker .home .hasExpandedComposer .home_right_column {
margin-top: 0;
}
.home_right_column .fbFeedTicker {
border-bottom: 1px solid #C1C1C1;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.fbFeedTicker {
width: 244px;
}
.homeFixedLayout .uiContextualDialogArrowRight {
margin-right: 3px;
}
.homeFixedLayout #rightCol .uiSideHeader, #rightCol .tickerHeader {
border-bottom: 1px solid #D9D9D9;
border-top: 1px solid #E5E5E5;
margin-bottom: 8px;
padding: 3px 6px;
}
.homeFixedLayout #rightCol .uiSideHeader a {
color: #6D84B4;
}
.homeFixedLayout #rightCol .tickerHeader {
margin-bottom: 0;
}
.homeFixedLayout #rightCol .tickerHeader a {
display: block;
}
.homeFixedLayout #rightCol .tickerHeader a .img {
display: block;
padding-top: 2px;
}
.tickerStoryContent {
max-width: 183px;
}
.fbFeedTicker.disconnected {
opacity: 0.3;
}
.fbFeedTicker .fbFeedTickerStory {
background: none no-repeat scroll 15px 16px #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #E9E9E9;
line-height: 14px;
outline: 0 none;
padding: 6px 14px 6px 2px;
position: relative;
}
.hidden_rhc_ticker {
display: none;
}
.adsOnTop .fbRemindersThickline, .tickerOnTop .fbRemindersThickline {
display: none;
}
.adsOnTop div.fbRemindersThicklineForce, .tickerOnTop div.fbRemindersThicklineForce, #pagelet_reminders .displayedTickerToggleWrapper {
display: block;
}
.sidebarMode #pagelet_reminders .tickerLineToggle, .sidebarMode #pagelet_sidebar .tickerLineToggle, .sidebarMode #pagelet_rhc_ticker .tickerLineToggle, .canvasTicker #pagelet_ticker .tickerLineToggle {
display: none;
}
.sidebarMode #pagelet_reminders #fbTickerClosedEd, .sidebarMode #pagelet_current #fbTickerClosedEd, .sidebarMode #pagelet_sidebar #fbTickerClosedEd, .sidebarMode #pagelet_rhc_ticker #fbTickerClosedEd, .canvasTicker #pagelet_ticker #fbTickerClosedEd {
display: none;
}
.tickerToggleWrapper {
position: relative;
}
.tickerLineToggle {
display: none;
}
.displayedTickerToggleWrapper .tickerLineToggle {
background-color: #FFFFFF;
display: inline-block;
height: 7px;
position: absolute;
right: 6px;
top: -6px;
width: 20px;
z-index: 3;
}
.displayedTickerToggleWrapper .tickerLineToggle .tickerLineToggleNormal {
padding-left: 4px;
}
.displayedTickerToggleWrapper .tickerLineToggle .tickerLineToggleAsync {
padding-left: 2px;
}
.displayedTickerToggleWrapper .async_saving .tickerLineToggleNormal {
display: none;
}
.canHaveFixedElements #fixed_scrolling_container .displayedTickerToggleWrapper, .canHaveFixedElements .fixed_elem .displayedTickerToggleWrapper {
margin-top: 15px;
}
.canHaveFixedElements .fixed_elem .toggleWrapperWithoutMargin {
margin-top: 0 !important;
}
.fbRemindersThickline, .sidebarMode .fbRemindersThickline {
background: none repeat scroll 0 0 #E9E9E9;
border-top: 1px solid #CCCCCC;
display: block;
height: 1px;
}
.tickerOnTop .fbFeedHeadThickLineCapable {
border-top: 1px solid #CCCCCC;
}
.fbFeedTicker .tickerStoryHidden .tickerStoryBlock {
display: none;
}
.fbFeedTicker .fbFeedTickerStory .uiProfilePhoto {
margin-right: 8px;
}
.fbFeedTicker .fbFeedTickerStory .uiFacepile .uiProfilePhoto {
margin-right: 0;
}
.fbFeedTicker .fbFeedTickerStory .tickerFeedMessage, .fbFeedTicker .fbFeedTickerStory div.tickerFeedMessage h6 {
display: inline;
font-size: 11px;
font-weight: normal;
}
.fbFeedTicker .fbFeedTickerStory .actorName, .fbFeedTicker .fbFeedTickerStory .actorDescription {
display: inline;
}
.fbFeedTicker .fbFeedTickerStory .removeStory {
float: right;
margin-right: -5px;
}
.fbFeedTicker .fbFeedTickerStory .fbEmuHidePoll {
padding-left: 5px;
}
.fbFeedTicker .tickerStoryClickable {
cursor: pointer;
}
.fbFeedTicker .tickerStoryHidden {
cursor: auto;
}
.fbFeedTicker .fbFeedTickerStory .uiStreamPassive, .fbFeedTicker .fbFeedTickerStory .tickerAttachmentBodyText, .fbFeedTicker .tickerStoryClickable a, .fbFeedTicker .tickerStoryClickable .passiveName, .fbFeedTicker .tickerStoryClickable .token {
color: #333333;
outline: 0 none;
text-decoration: none;
}
.fbFeedTicker .tickerStoryActive, .fbFeedTicker .tickerStoryClickable:hover {
background-color: #ECEFF5 !important;
border-bottom-color: #ECEFF5 !important;
}
.fbFeedTicker .tickerStoryClicked, .fbFeedTicker .tickerStoryClicked:hover, .fbFeedTicker .tickerStorySelected, .fbFeedTicker .tickerStorySelected:hover {
background-color: #D8DFEA !important;
border-color: #A8B2CE !important;
}
.fbFeedTicker .tickerStoryHidden, .fbFeedTicker .tickerStoryHidden:hover {
background-color: #FFFFFF !important;
border-bottom: 1px solid #FFFFFF !important;
border-top: 1px solid #E9E9E9 !important;
}
.fbFeedTicker .tickerStoryFetching.tickerStoryActive {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yk/r/LOOn0JtHNzb.gif");
}
.fbFeedTicker .tickerStoryFetching.tickerStoryActive .tickerStoryImage {
visibility: hidden;
}
.fbFeedTicker .scrollTopPrompt {
background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yU/r/n93MoBZD7fU.png") no-repeat scroll center 3px #E7E9EF;
box-shadow: 0 1px 0 rgba(67, 74, 90, 0.3);
cursor: pointer;
height: 10px;
position: absolute;
width: 244px;
z-index: 1;
}
.fbFeedTicker .scrollTopPrompt:hover {
background-color: #E1E2E9;
}
.home_right_column .fbFeedTicker .scrollTopPrompt {
background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yU/r/n93MoBZD7fU.png") no-repeat scroll center 3px #FBFBFB;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.home_right_column .fbFeedTicker .scrollTopPrompt:hover {
background-color: #F2F2F2;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}
.fbFeedTicker .fbFeedTickerStory .attachmentLink {
border-left: 2px solid #CCCCCC;
}
.fbFeedTicker .attachmentPhotoOuter {
border: 1px solid #CCCCCC;
float: left;
height: 34px;
margin-left: 3px;
padding: 2px;
width: 54px;
}
.fbFeedTicker .attachmentPhotoOuter:first-child {
margin-left: 0;
}
.fbFeedTicker .tickerPhotoAttachment {
display: none;
overflow: hidden;
}
div.fbFeedTicker .tickerStoryClickable .uiTooltipWrap {
display: none;
}
.fbFeedTicker .attachmentPhotoInner {
height: 34px;
overflow: hidden;
width: 54px;
}
.fbFeedTicker .attachmentPhoto {
width: 54px;
}
.fbFeedTicker .highlightedStory {
background-color: #FFF9D7 !important;
border-color: #E2C822 !important;
padding: 10px 5px;
text-align: center;
}
.fbFeedTicker .noTimestamps .ticker_timestamp {
display: none;
}
.fbFeedTicker .tickerSpamMenu {
background: none repeat scroll 0 0 transparent !important;
padding-left: 5px;
}
.fbFeedTicker .uiStreamInlineReplaceList {
margin-left: 15px;
margin-top: 5px;
}
.tickerNUXDialog {
margin-top: 50px;
}
.fbFeedTicker .fbFeedTickerStory.tickerNuxStory {
background-color: #F4F4F4;
border-bottom-color: silver;
border-top-color: #CCCCCC;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
margin: -2px 0 -15px;
padding: 8px 8px 8px 10px;
z-index: 10;
}
.tickerInlineOverlay {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FFFFFF;
border-color: rgba(0, 0, 0, 0.2) -moz-use-text-color rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2);
border-radius: 2px 2px 2px 2px;
border-style: solid none solid solid;
border-width: 1px medium 1px 1px;
box-shadow: 5px 0 10px 10px #ECEFF5;
color: #6D84B4;
display: none;
height: 17px;
margin-top: -12px;
padding: 3px 10px 0 6px;
position: absolute;
right: 0;
top: 50%;
}
.fbFeedTicker .tickerStoryActive .tickerInlineOverlay {
display: block;
}
.fbFeedTicker .tickerStorySelected .tickerInlineOverlay {
box-shadow: 5px 0 10px 10px #D8DFEA;
}
.tickerInlineOverlay:hover {
border-color: rgba(59, 89, 152, 0.55);
}
.tickerInlineOverlay:active {
background-color: rgba(249, 250, 252, 0.9);
border-color: rgba(59, 89, 152, 0.5);
}
.tickerInlineOverlayDisabled {
background-color: #FFFFFF !important;
border-color: rgba(0, 0, 0, 0.2) !important;
}
.tickerInlineOverlayLink {
display: none;
}
.canvasTicker .tickerInlineOverlayLink {
display: none !important;
}
.tickerActionBottomButton {
display: none !important;
}
.tickerActionExpandableButton {
margin-top: -9px;
position: absolute;
right: 7px;
top: 50%;
}
.tickerActionExpandableButton .tickerActionButtonLink {
background-color: #F8F8F8;
background-image: -moz-linear-gradient(center bottom , #F0F0F0, #FFFFFF);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
height: 16px;
padding: 3px 0 1px 20px;
width: 0;
}
.tickerStoryClicked .tickerActionExpandableButton .tickerActionButtonLink {
background-color: #FFFFFF;
background-image: -moz-linear-gradient(center bottom , #FFFFFF, #F0F0F0);
}
.tickerActionExpandableButton .tickerActionVerb {
color: #3B5998;
display: none;
font-weight: bold;
}
.fbFeedTickerStory:hover .tickerActionExpandableButton .tickerActionButtonLink, .tickerStoryActive .tickerActionExpandableButton .tickerActionButtonLink {
width: auto;
}
.tickerStoryActive .tickerActionExpandableButton .tickerActionVerb, .fbFeedTickerStory:hover .tickerActionExpandableButton .tickerActionVerb {
display: inline;
}
.tickerActionExpandableButton .tickerActionIcon {
left: 6px;
position: absolute;
top: 6px;
}
.tickerActionButtonLink {
background-color: #FFFFFF;
border: 1px solid #96A2C4;
border-radius: 3px 3px 3px 3px;
display: block;
}
.tickerActionButtonLink .tickerActionVerb {
padding-right: 4px;
}
.fbFeedTicker .tickerStoryWithIcon {
padding-right: 18px !important;
}
.fbFeedTicker .tickerStoryWithButton {
padding-right: 33px !important;
}
.fbFeedTickerStory .tickerVisitIcon {
display: none;
margin-top: -3px;
opacity: 0.7;
position: absolute;
right: 7px;
top: 50%;
}
.fbFeedTickerStory:hover .tickerVisitIcon {
display: block;
}
.tickerMusicButtonImg {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yj/r/qGQ43RMXTXE.png");
background-position: -17px -67px;
background-repeat: no-repeat;
height: 11px;
width: 9px;
}
.tickerNewsButtonImg {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yj/r/qGQ43RMXTXE.png");
background-position: -17px -43px;
background-repeat: no-repeat;
height: 11px;
width: 11px;
}
.tickerVideoButtonImg {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yj/r/qGQ43RMXTXE.png");
background-position: -17px -55px;
background-repeat: no-repeat;
height: 11px;
width: 11px;
}
.tickerActionButtonImg {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yj/r/qGQ43RMXTXE.png");
background-position: -17px -79px;
background-repeat: no-repeat;
height: 10px;
width: 10px;
}
.tickerActionExpandableButton img.tickerGameButtonImg {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yj/r/qGQ43RMXTXE.png");
background-position: -17px -17px;
background-repeat: no-repeat;
height: 14px;
top: 5px;
width: 11px;
}
#fbTickerClosedEd {
border-bottom: 1px dashed #CCCCCC;
}
.homeWiderContent div#rightCol .home_right_column {
width: 244px;
}
div#contentCol.homeWiderContent, .homeWiderContent #bottomContent {
padding-left: 0;
padding-right: 0;
}
.homeWiderContent div#rightCol {
padding-right: 0;
}
.hasLeftCol .homeWiderContent div#contentArea {
padding-left: 18px;
padding-right: 25px;
width: 511px;
}
div.homeWiderContent .megaphone_box {
margin-left: -18px;
margin-top: -5px;
}
#profile_minifeed .reportHide {
display: none;
}
#profile_minifeed.uiReportStream .reportHide {
display: block;
}
#profile_minifeed.uiReportStream .uiStreamHide, #profile_minifeed.uiReportStream .uiStreamHide .uiSelectorButton {
position: static;
}
.fbProfileStream .uiStreamMessage .passiveName {
font-weight: normal;
}
.fbProfileStream .uiStreamMessage a.passiveName {
font-weight: bold;
}
div.experienceAttachment {
border-left: 2px solid #CCCCCC;
float: none;
}
div.experienceAttachment .img {
margin-top: 1px;
}
.uiStreamStory .uiPhotoThumb img {
max-width: 121px;
}
.uiStreamStory .largePhoto img {
max-width: 300px;
}
.uiStream .uiStreamHeader {
background-color: #E9E9E9;
border-top: 1px solid #CCCCCC;
height: 1px;
margin: 20px 0 5px -18px;
padding: 0;
position: relative;
}
.hasExpandedComposer .uiStream .uiStreamHeader {
border-top: 0 none;
margin-top: 10px;
}
.uiStream .uiStreamHeader .uiStreamHeaderChronologicalForm, .uiStream .uiStreamHeader .uiStreamHeaderText {
background-color: #FFFFFF;
left: 0;
padding-right: 2px;
position: absolute;
}
.uiStream .uiStreamHeader .uiStreamHeaderText {
color: gray;
margin-left: 68px;
top: -6px;
}
.uiStream .uiStreamHeader .uiStreamHeaderChronologicalForm {
left: auto;
right: 35px;
top: -6px;
}
.uiStreamHeaderChronologicalForm .sortLink {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png");
background-position: right -70px;
background-repeat: no-repeat;
color: gray;
font-size: 9px;
font-weight: bold;
margin: 0 2px;
padding: 0 9px 2px 3px;
}
.UIIntentionalStream_Error {
display: none;
padding-bottom: 8px;
padding-top: 2px;
}
.UIIntentionalStream_HiddenInfo {
float: right;
}
.UIIntentionalStream_AutoUpdate {
margin: 5px;
}
.UIIntentionalStream_AutoUpdateMessage, .UIIntentionalStream_AutoUpdateControl {
float: right;
}
.feedback_toggle_link .feedbackBling .text {
line-height: normal;
}
a.feedbackBling {
margin-left: -1px;
margin-right: -1px;
padding-bottom: 0;
padding-top: 0;
}
.feedback_toggle_link .feedbackBling .img {
margin-top: -1px;
}
.ufiItem .async_saving .uiUfiViewSharesLink, .ufiItem .stat_elem .uiUfiViewSharesLoading {
display: none;
}
.ufiItem .async_saving .uiUfiViewSharesLoading {
display: inline;
}
.uiPhotoThumb {
border: 1px solid #CCCCCC;
display: inline-block;
}
.uiPhotoThumb img {
display: block;
margin: 3px;
}
.uiPhotoThumb:hover {
border: 1px solid #3B5998;
}
.loading.uiPhotoThumb {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif") no-repeat scroll center center transparent;
}
.loading.uiPhotoThumb img {
opacity: 0.3;
}
.uiMenuXLoading {
padding: 5px 0 3px;
text-align: center;
}
.uiMenuXLoading .spinner {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif");
background-position: 0 0;
background-repeat: no-repeat;
display: inline-block;
height: 11px;
margin: 2px 10px 0;
width: 16px;
}
.belowleft .uiMenuXWithShortBorder .uiMenuX, .belowright .uiMenuXWithShortBorder .uiMenuX {
border-top: medium none;
}
.aboveleft .uiMenuXWithShortBorder .uiMenuX, .aboveright .uiMenuXWithShortBorder .uiMenuX {
border-bottom: medium none;
}
.uiMenuXShortBorder {
border-top: 1px solid #777777;
position: absolute;
right: 0;
top: -1px;
}
.aboveleft .uiMenuXShortBorder, .aboveright .uiMenuXShortBorder {
border-top: 2px solid #293E6A;
}
.aboveleft .uiMenuXShortBorder, .aboveright .uiMenuXShortBorder {
top: auto;
}
.aboveright .uiMenuXShortBorder, .belowright .uiMenuXShortBorder {
left: 0;
right: auto;
}
.uiMenuX {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FFFFFF;
border-color: #777777 #777777 #293E6A;
border-style: solid;
border-width: 1px 1px 2px;
overflow-y: auto;
padding: 3px 0 4px;
}
.uiMenuXItem .itemAnchor {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #FFFFFF;
border-style: solid;
border-width: 1px 0;
color: #111111;
display: block;
font-weight: normal;
line-height: 16px;
padding: 1px 16px 1px 22px;
text-decoration: none;
}
.uiMenuXItem a:hover, .uiMenuXItem a:active, .uiMenuXItem a:focus {
outline: medium none;
text-decoration: none;
}
.uiMenuXItem a.highlighted {
background-color: #6D84B4;
border-color: #3B5998;
color: #FFFFFF;
}
.uiMenuX .checked .itemAnchor {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yu/r/6NHt8H5uyPf.png") no-repeat scroll left 4px transparent;
font-weight: bold;
}
.uiMenuX .checked a.highlighted {
background-color: #6D84B4;
background-position: left -56px;
}
.uiMenuXItem {
white-space: nowrap;
}
.uiMenuXItem .itemLabel {
display: block;
max-width: 300px;
text-overflow: ellipsis;
white-space: nowrap;
}
.uiMenuXItem .hasIcon .img, .uiMenuXItem .hasIcon .itemLabel {
display: inline-block;
vertical-align: middle;
}
.uiSideNav .loading .uiLoadingIndicatorAsync, .uiFutureSideNav .loading .uiLoadingIndicatorAsync {
display: inline;
}
.editMode .uiSideNav .loading .uiLoadingIndicatorAsync, .uiSideNav .loading ul .uiLoadingIndicatorAsync {
display: none;
}
.uiSideNav .uiLoadingIndicatorAsync {
position: relative;
top: 2px;
}
.uiSideNav .buttonWrap {
clear: left;
float: left;
height: 20px;
text-align: right;
width: 20px;
}
.uiSideNav .sideNavItem {
margin-left: -20px;
padding-right: 20px;
width: 100%;
}
.uiSideNav .drag {
margin-left: 0;
}
.uiSideNav .item, .uiSideNav .subitem {
margin-left: 20px;
margin-right: -20px;
}
.uiSideNav .sideNavItem .imgWrap {
float: left;
margin-left: -22px;
margin-top: -1px;
}
.uiSideNav .sideNavItem .linkWrap {
display: block;
overflow: hidden;
padding-left: 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.uiSideNav .sideNavItem .hasCount {
max-width: 110px;
}
.uiSideNav .sideNavItem .noCount {
max-width: 145px;
}
.uiSideNav .sideNavItem .subitem .hasCount {
max-width: 90px;
}
.uiSideNav .sideNavItem .subitem .noCount {
max-width: 125px;
}
.uiSideNav .loading .noCount {
max-width: 127px;
}
.uiSideNav .sideNavItem .uiSideNavEditButton {
margin: 2px 5px 0 0;
text-align: left;
}
.uiSideNav .sideNavItem .uiCloseButton {
opacity: 0;
}
.uiSideNav .sideNavItem .uiCloseButton:focus, .uiSideNav .sideNavItem:hover .uiCloseButton, .uiSideNav .sideNavItem .openToggler .uiCloseButton {
opacity: 1;
}
.uiNarrowSideNav .uiSideNav .sideNavItem:hover .buttonWrap, .uiNarrowSideNav .uiSideNav .hover .buttonWrap, .uiNarrowSideNav .uiSideNav .editMenuOpened .buttonWrap {
display: block;
padding-right: 4px;
width: 25px;
}
.uiNarrowSideNav .uiSideNav .buttonWrap, .uiNarrowSideNav .uiSideNav .sideNavItem:hover .item .rfloat, .uiNarrowSideNav .uiSideNav .hover .item .rfloat, .uiNarrowSideNav .uiSideNav .editMenuOpened .item .rfloat {
display: none;
}
.uiNarrowSideNav .uiSideNav .buttonWrap {
float: right;
margin-right: -2px;
width: 0;
}
.uiNarrowSideNav .sideNavItem {
margin-left: 0;
padding-right: 0;
}
.uiNarrowSideNav .sideNavItem .item, .uiNarrowSideNav .sideNavItem .subitem {
margin-left: 0;
margin-right: 0;
}
.uiBlingBox {
border-bottom: 1px solid #FFFFFF;
display: inline-block;
padding: 3px 4px 3px 2px;
}
.uiBlingBox:hover {
background-color: #ECEFF5;
border-bottom: 1px solid #E5EAF1;
text-decoration: none;
}
.uiBlingBox .text {
line-height: 11px;
vertical-align: text-bottom;
}
.uiBlingBoxSm .text {
font-size: 9px;
}
.uiBlingBox .img {
margin-right: 2px;
vertical-align: text-top;
}
.uiBlingBoxSm .img {
vertical-align: text-bottom;
}
.uiBlingBox .emptyBling {
margin-right: 0 !important;
}
span.FollowLink .followLinkInlineCheck {
display: inline;
margin-right: 4px;
}
.followLinkSubscribed {
cursor: default;
}
.fan_status_inactive {
background-color: #FFFCCC;
color: #666666;
line-height: 18px;
margin: 0;
padding: 0 0 0 3px;
}
.audienceSelector {
text-align: left;
}
.audienceSelectorNoTruncate, .audienceSelectorNoTruncate .uiSelectorButton, .audienceSelectorNoTruncate .uiSelectorButton:active, .audienceSelectorNoTruncate .uiSelectorButton:focus .audienceSelectorNoTruncate .uiSelectorButton:hover, .audienceSelectorNoTruncate .uiButtonSuppressed:active, .audienceSelectorNoTruncate .uiButtonSuppressed:focus, .audienceSelectorNoTruncate .uiButtonSuppressed:hover, .audienceSelectorNoTruncate .uiSelectorButton .uiButtonText {
max-width: none !important;
}
.audienceSelector .uiSelectorBigButtonLabel .uiButtonText {
overflow: visible;
}
.audienceSelector .uiSelectorButton .customimg {
margin-left: -2px;
margin-right: 2px;
}
.audienceSelector .uiButtonNoText .customimg {
margin-right: -5px;
}
.showSecondaryOptions li, .audienceSelector .secondaryOption, .audienceSelector .returnOption {
display: none;
}
.showSecondaryOptions li, .audienceSelector .secondaryOption, .audienceSelector .returnOption {
display: none;
}
.showSecondaryOptions .returnOption, .showSecondaryOptions .secondaryOption, .friendList .friendListOption {
display: block;
}
.showSecondaryOptions .uiSelectorMenu {
max-height: 214px;
overflow-x: hidden;
overflow-y: auto;
}
.permalink_stream .fbStreamPermalinkHeader .audienceSelector .uiSelectorButton, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .uiSelectorButton, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .uiSelectorButton {
padding: 1px 18px 1px 6px;
vertical-align: middle;
}
.permalink_stream .fbStreamPermalinkHeader .audienceSelector .wrap .uiSelectorButton {
margin-top: 2px;
}
.permalink_stream .fbStreamPermalinkHeader .audienceSelector .wrap .uiSelectorButton, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .wrap .uiSelectorButton, .uiStreamFooter .audienceSelector .wrap .uiSelectorButton {
background-color: transparent;
background-image: none;
}
.permalink_stream:hover .fbStreamPermalinkHeader .newAudienceSelector.audienceSelector .uiSelectorButton, .uiStream .uiStreamMinistoryGroup:hover .uiStreamPrivacyContainer .audienceSelector.newAudienceSelector .uiSelectorButton, .uiStream .uiStreamStory:hover .uiStreamFooter .newAudienceSelector.audienceSelector .uiSelectorButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/AShQNChNgfr.png");
background-position: -464px -3px;
background-repeat: no-repeat;
border: 1px solid #DDDDDD;
}
.permalink_stream .fbStreamPermalinkHeader .audienceSelector .uiSelectorButton:hover, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .uiSelectorButton:hover, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .uiSelectorButton:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png");
background-position: -816px -7px;
background-repeat: no-repeat;
border: 1px solid #999999;
padding-right: 18px;
}
.permalink_stream:hover .fbStreamPermalinkHeader .audienceSelector .openToggler .uiSelectorButton, .permalink_stream .fbStreamPermalinkHeader .audienceSelector .openToggler .uiSelectorButton, .permalink_stream .fbStreamPermalinkHeader .audienceSelector .openToggler .uiSelectorButton:hover, .uiStream .uiStreamMinistoryGroup:hover .uiStreamPrivacyContainer .audienceSelector .openToggler .uiSelectorButton, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .openToggler .uiSelectorButton, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .openToggler .uiSelectorButton:hover, .uiStream .uiStreamStory:hover .uiStreamFooter .audienceSelector .openToggler .uiSelectorButton, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .openToggler .uiSelectorButton, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .openToggler .uiSelectorButton:hover {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #6D84B4;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/Ce0Xa8hRU2A.png");
background-position: -816px -252px;
background-repeat: no-repeat;
border-color: #3B5998 #3B5998 #6D84B4;
border-style: solid;
border-width: 1px;
box-shadow: none;
padding-right: 18px;
}
.permalink_stream .fbStreamPermalinkHeader .audienceSelector .openToggler .uiSelectorButton .customimg, .permalink_stream .audienceSelector .openToggler .uiSelectorButton:hover .customimg, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .openToggler .uiSelectorButton .customimg, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .openToggler .uiSelectorButton:hover .customimg, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .openToggler .uiSelectorButton .customimg, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .openToggler .uiSelectorButton:hover .customimg {
margin-left: -1px;
}
.permalink_stream .fbStreamPermalinkHeader .audienceSelector .uiSelectorMenuWrapper, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .uiSelectorMenuWrapper, .timelineAudienceSelector .uiSelectorMenuWrapper, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .uiSelectorMenuWrapper {
margin-top: 0;
}
.permalink_stream .fbStreamPermalinkHeader .audienceSelector .wrap, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector, .uiStream .uiStreamStory .uiStreamFooter .audienceSelector .wrap {
margin-top: -3px;
}
.permalinkBody .fbStreamPermalinkHeader .audienceSelector .uiSelectorButton .customimg, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .uiSelectorButton .customimg, .uiStreamFooter .audienceSelector .uiSelectorButton .customimg {
margin-right: 0;
margin-top: 1px;
}
.permalinkBody .fbStreamPermalinkHeader .audienceSelector .uiSelectorMenu .itemIcon, .uiStream .uiStreamMinistoryGroup .uiStreamPrivacyContainer .audienceSelector .uiSelectorMenu .itemIcon, .uiStreamFooter .audienceSelector .uiSelectorOption .itemIcon {
display: none;
}
.fbTimelineFeedbackActions {
background-color: #EDEFF4;
padding: 5px 13px;
}
.fbTimelineMiniUFI .fbTimelineFeedbackActions {
background: none repeat scroll 0 0 transparent;
padding: 0;
}
.lifeEventContainer .fbTimelineFeedbackNub {
display: none;
}
.fbTimelineFeedbackNub i {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/UvyvLtJTQzO.png");
background-position: 0 0;
background-repeat: no-repeat;
display: block;
height: 5px;
margin-left: 17px;
width: 9px;
}
.fbTimelineFeedbackHeader form {
display: inline;
}
.fbTimelineUFI .UIActionLinks_bottom a, .fbTimelineUFI .fbTimelineFeedbackActions input, .fbTimelineUFI .UIActionLinks .uiLinkButton, .fbTimelineUFI .UIActionLinks .uiLinkButton input, .fbTimelineUFI div.fbTimelineFeedbackActions input:hover, .fbTimelineUFI .fbTimelineFeedbackActions button.as_link {
color: #3B5998;
}
.fbTimelineFeedbackHeader .uiBlingBox, .fbTimelineFeedbackHeader .uiBlingBox:hover {
border-style: none;
height: 13px;
padding: 0;
}
.fbTimelineFeedbackHeader .uiBlingBox .text {
vertical-align: baseline;
}
.fbTimelineFeedbackComments a:hover, .fbTimelineFeedbackLikes a:hover, .fbTimelineFeedbackShares a:hover {
text-decoration: none;
}
.fbTimelineFeedbackComments a, .fbTimelineFeedbackLikes a, .fbTimelineFeedbackShares a {
padding-left: 18px;
position: relative;
}
.fbTimelineFeedbackComments i, .fbTimelineFeedbackLikes i, .fbTimelineFeedbackShares i {
display: block;
left: 0;
position: absolute;
top: -1px;
width: 14px;
}
.fbTimelineFeedbackLikes i {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/ye/r/SJMMHV014Gr.png");
background-position: -14px -63px;
background-repeat: no-repeat;
height: 13px;
}
.fbTimelineFeedbackComments i {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png");
background-position: -101px -64px;
background-repeat: no-repeat;
height: 15px;
}
.fbTimelineFeedbackShares i {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -51px -50px;
background-repeat: no-repeat;
height: 16px;
}
.timelineLayout {
background: none repeat scroll 0 0 #E7EBF2;
}
.canHaveFixedElements body.timelineLayout #blueBar {
padding-top: 0 !important;
}
body.timelineLayout #blueBar.timeline_fixed {
padding-top: 0 !important;
position: fixed !important;
}
.timelineLayout #globalContainer {
clear: both;
}
.timelineLayout #contentArea {
position: relative;
width: 851px !important;
}
.timelineLayout #contentCol {
background: none repeat scroll 0 0 transparent;
padding-top: 0;
}
.timelineLayout #rightCol {
margin-right: -5px;
width: 122px;
}
.timelineLayout #rightCol.timeline_fixed .rightColWrap {
position: fixed;
top: 38px;
}
.timelineLayout #pageFooter {
margin: 0;
overflow: hidden;
width: 851px;
}
.timelineLayout #contentCurve {
background-color: transparent;
}
.timelineLayout #footerContainer {
border: 0 none;
padding: 8px 0 38px;
}
.timelineLayout .fbTimelineTopSection {
margin: 0;
padding: 0;
}
.timelineLayout .megaphone_story_wrapper {
margin-bottom: 10px;
}
.timelineLayout .megaphone_box {
background-color: #FFFFFF;
border-top: 0 none;
}
.fbTimelineSection {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #C4CDE0;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px 1px 2px;
padding: 20px 35px 10px;
}
.fbTimelineSection .uiMorePager {
margin: 0 -35px -10px;
}
.pageAppTab {
padding: 20px;
}
.fbTimelineTopSection {
border-bottom: 0 none;
border-radius: 0 0 0 0;
border-top: 0 none;
padding-bottom: 0;
}
.fbTimelineTopSectionBase .topSectionBottomBorder {
display: block;
}
.fbTimelineTopSectionBase.collapsedHead .topSectionBottomBorder {
display: none;
}
.fbTimelineCompactSection {
padding: 0 0 15px;
}
.fbTimelineCompactSection .uiMorePager {
margin: 0;
}
.fbTimelineSectionTransparent {
background: none repeat scroll 0 0 transparent;
border: medium none;
border-radius: 0 0 0 0;
box-shadow: none;
padding-top: 75px;
}
.fbTimelinePermalink .fbTimelineSectionTransparent {
padding-top: 0;
}
#pagelet_timeline_recent .fbTimelineCompactSection {
padding: 0;
}
.fbTimelineTabSection {
padding: 20px 20px 0;
}
.fbTimelineTabSection .uiMorePager {
margin: 0 -20px;
}
.fbTimelineSectionOverlay {
height: 550px;
overflow: auto;
padding: 0;
}
.fbTimelineMorePostsPager .uiMorePager {
text-align: right;
}
.fbTimelineSubSections {
display: none;
}
.fbTimelineSectionExpanded .fbTimelineSubSections {
display: block;
}
.fbTimelineSectionExpandPager .async_saving a.uiMorePagerPrimary {
display: none;
}
.fbTimelineSectionExpandPager .asyncSaving .uiMorePager .uiMorePagerLoader {
display: inline-block;
}
.fbTimelineSectionExpander .uiMorePager .uiMorePagerPrimary, .fbTimelineSectionExpander .uiMorePager .uiMorePagerPrimary:hover {
background: none repeat scroll 0 0 transparent;
border: 0 none;
margin: 0;
padding: 0;
}
.fbTimelineSectionExpandPager .timelineExpandLabel {
background: none repeat scroll 0 0 #778CB7;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
display: inline-block;
height: 14px;
padding: 4px 10px;
white-space: nowrap;
}
.fbTimelineSectionExpandPager .timelineExpandLabel i {
margin: 0 0 1px 7px;
position: relative;
}
.fbTimelineSectionExpandPager .timelineExpandLabel:hover {
background: none repeat scroll 0 0 #5D76AA;
}
.fbTimelineShowOlder .uiMorePager a.uiMorePagerPrimary, .fbTimelineShowOlder .uiMorePager a.uiMorePagerPrimary:hover {
background-color: #94A1C1;
border-radius: 3px 3px 3px 3px;
display: inline-block;
padding: 4px 10px;
}
.fbTimelineShowOlder .uiMorePager a.uiMorePagerPrimary:hover {
background-color: #697CAC;
text-decoration: underline;
}
.fbTimelineShowOlder .async_saving a.uiMorePagerPrimary, .fbTimelineShowOlder .async_saving a.uiMorePagerPrimary:hover {
display: none;
}
.fbTimelineSectionExpandPager a {
color: #FFFFFF;
}
.fbTimelineSectionExpandPager a:hover {
text-decoration: none;
}
.fbTimelineSectionExpandPager .uiHeader {
background: none repeat scroll 0 0 transparent;
border: 0 none;
}
.fbTimelineSectionExpandPager .uiMorePagerLoader {
background-color: #E7EBF2;
border: 0 none;
margin: 0;
padding: 8px;
}
.fbTimelineSectionExpandPager .async_saving .uiMorePagerLoader {
display: inline-block;
}
.fbTimelineSectionExpandPager .noContent {
background-color: #EDEFF4;
color: #999999;
text-align: center;
}
.fbTimelineSectionExpandPager {
position: relative;
text-align: center;
}
.fbTimelineRightPager {
left: 50%;
}
.fbTimelineSectionLoading {
min-height: 180px;
}
.fbTimelineHiddenPager {
bottom: -10000px;
position: fixed;
}
.tinyViewport div.fbTimelineSideAdsOffScreen, div.fbTimelineSideAdsOffScreen {
position: fixed !important;
right: -300px !important;
width: 244px;
}
.tinyViewport .fbTimelineVerticalAds div.fbTimelineSideAdsOffScreen, .fbTimelineVerticalAds div.fbTimelineSideAdsOffScreen {
width: 122px;
}
.fbTimelineSideAds {
bottom: 15px;
padding-top: 12px;
width: 244px;
}
.fbPagesTimelineAds {
padding-top: 42px;
}
div.fbTimelineVerticalAds .ego_column, div.fbTimelineVerticalAds {
width: 122px;
}
div.fbTimelineVerticalAds .fbEmuEgo .image_body_block {
padding-top: 0;
}
div.fbTimelineVerticalAds .fbEmuEgo .fbEmuImage {
float: none;
}
div.fbTimelineSideAds .uiSideHeader {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px solid #C8D1E2;
border-top: 0 none;
margin-bottom: 0;
padding: 4px;
}
div.fbTimelineSideAds .ego_unit {
border-color: #C8D1E2;
margin-bottom: 7px;
padding-top: 3px;
}
div.fbTimelineSideAds div.ego_section > div {
padding-left: 0;
padding-right: 0;
}
.fbTimelineSideAds .uiSideHeader h4 {
color: gray;
font-weight: normal;
}
.fbTimelineVerticalAds a.uiHeaderActions {
display: none;
}
.adsUpsellEgoImage {
margin-top: 3px;
}
.fbTimelineTopAlignedAds {
bottom: auto;
top: 50px;
}
.fbTimelineUFI {
background: none repeat scroll 0 0 #FFFFFF;
margin-bottom: 0 !important;
margin-top: -12px;
position: relative;
top: 12px;
}
.fbTimelineUFIEmpty {
margin-top: -15px;
}
.fbTimelineUFI .fbUfi {
padding: 0;
width: 100%;
}
.fbTimelineUFI .uiUfi .ufiItem {
border: 0 none;
padding: 5px 12px;
}
.fbTimelineFeedbackLikes, .fbTimelineFeedbackComments, .fbTimelineFeedbackShares {
float: right;
margin-left: 5px;
}
.fbTimelineOneColumn .fbTimelineUFI .uiUfiComment .commentContent {
width: 600px;
}
.fbTimelineMiniUFI {
margin: 0 0 -2px;
}
.fbTimelineMiniUFI .miniActionList {
display: inline-block;
}
.fbTimelineMiniUFI .uiLoadingIndicatorAsync {
margin: 0 0 -2px 6px;
}
.timelineUnitContainer {
position: relative;
}
.timelineUnitContainer .uiCommentContainer {
margin-bottom: -12px;
margin-left: -12px;
padding-top: 3px;
width: 403px;
}
.fbTimelineOneColumn .uiCommentContainer {
width: 843px;
}
.fbTimelineUnitActor + .aboveUnitContent {
margin-top: 15px;
}
.timelineUnitContainer .aboveUnitContent {
margin-bottom: 15px;
}
.timelineUnitContainer .belowUnitContent {
margin-top: 15px;
}
.uiButtonGroup {
background-clip: padding-box;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.35);
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
display: inline-block;
padding: 0;
white-space: nowrap;
}
.uiButtonGroup .uiButtonGroupItem {
border-color: rgba(0, 0, 0, 0.15);
border-left: 1px solid rgba(0, 0, 0, 0.15);
display: inline-block;
vertical-align: top;
}
.uiButtonGroup .firstItem {
border-left: 0 none;
}
.uiButtonGroup .uiSelector, .uiButtonGroup .uiButton {
box-shadow: none;
vertical-align: top;
}
.uiButtonGroup .selectorItem .uiSelector, .uiButtonGroup .buttonItem .uiButton {
margin: -1px;
}
.uiButtonGroup .uiButtonLarge {
padding: 2px 8px;
}
.uiButtonGroup .uiButtonOverlay, .uiButtonGroupOverlay .uiButtonGroupItem .uiButtonDisabled, .uiButtonGroupOverlay .uiButtonGroupItem .uiButtonDisabled:hover, .uiButtonGroupOverlay .uiButtonGroupItem .uiButtonDisabled:active, .uiButtonGroupOverlay .uiButtonGroupItem .uiButtonDisabled:focus {
background-clip: padding-box;
border-color: transparent;
}
.uiButtonGroup .selectorItem .openToggler .uiButton, .uiButtonGroup .buttonItem .uiButtonSpecial, .uiButtonGroup .buttonItem .uiButtonConfirm {
position: relative;
z-index: 1;
}
.uiButtonGroup span .uiButtonOverlay, .uiButtonGroup span .uiButtonOverlay:hover {
background-color: transparent;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yz/r/Xa4Engrwdwn.png");
background-position: right -4px;
background-repeat: no-repeat;
}
.uiButtonGroup span .uiButtonOverlay:active, .uiButtonGroup span .uiButtonOverlay:focus {
background-color: transparent;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yz/r/Xa4Engrwdwn.png");
background-position: right -53px;
background-repeat: no-repeat;
}
.uiButtonGroupOverlay span .uiButtonOverlay.uiButtonDisabled {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yz/r/Xa4Engrwdwn.png");
background-position: right -4px;
background-repeat: no-repeat;
}
.uiButtonGroup .buttonItem .uiButtonOverlay, .uiButtonGroup .buttonItem .uiButtonOverlay:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/dY1OX3Rg_lr.png");
background-position: 0 0;
background-repeat: no-repeat;
}
.uiButtonGroup .buttonItem .uiButtonOverlay:active, .uiButtonGroup .buttonItem .uiButtonOverlay:focus {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/dY1OX3Rg_lr.png");
background-position: 0 -49px;
background-repeat: no-repeat;
}
.uiButtonGroupOverlay .buttonItem .uiButtonOverlay.uiButtonDisabled {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/dY1OX3Rg_lr.png");
background-position: 0 0;
background-repeat: no-repeat;
}
.uiButtonGroupOverlay .uiButton {
border-radius: 0 0 0 0;
}
.uiButtonGroupOverlay .firstItem .uiButton {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.uiButtonGroupOverlay .lastItem .uiButton {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.uiHoverButton, .uiHoverButton .uiButtonText, .uiHoverButton input {
cursor: default;
}
.uiHoverButtonSelected, .uiHoverButtonSelected:active, .uiHoverButtonSelected:hover {
background: none repeat scroll 0 0 #6D84B4;
border-color: #3B5998;
box-shadow: none;
}
.uiHoverButtonSelected input {
color: #FFFFFF;
}
.uiHoverButtonLoading {
text-align: center;
}
.uiSideNavCountSprited, .uiSideNavCountSpritedRed {
display: inline-block;
font-weight: bold;
line-height: 13px;
padding-right: 4px;
text-decoration: none;
}
.uiSideNavCountSprited {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yk/r/BwKwOpPWbGZ.png") no-repeat scroll right 0 transparent;
color: #3B5998;
}
.uiSideNavCountSpritedRed {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yw/r/FXhobYWkNTu.png") no-repeat scroll right 0 transparent;
color: #FFFFFF;
}
.uiSideNavCountSprited .countValue {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yk/r/BwKwOpPWbGZ.png") no-repeat scroll 0 -13px transparent;
padding-left: 4px;
}
.uiSideNavCountSpritedRed .countValue {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yw/r/FXhobYWkNTu.png") no-repeat scroll 0 -13px transparent;
padding-left: 4px;
}
.uiSideNavCountSprited .countValue, .uiSideNavCountSprited .maxCountIndicator {
display: inline-block;
height: 13px;
vertical-align: top;
}
.uiSideNav .async_saving .uiSideNavCountSprited, .uiSideNav .loading .uiSideNavCountSprited {
display: none;
}
.bulkTaggerTypeahead {
width: 210px;
}
.bulk_tagger_body .bulkTagIcon {
margin-right: 7px;
margin-top: 6px;
}
.bulk_tagger_body .bulkTagStatus {
display: inline-block;
padding-top: 4px;
}
.bulkTagSaving {
display: none;
}
.tagSaving .bulkTagSaving {
display: inline-block;
margin-top: 2px;
}
.bulk_tagger_loading {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yk/r/LOOn0JtHNzb.gif");
background-position: center center;
background-repeat: no-repeat;
height: 21px;
}
.fbCommentViewMetadata, .fbCommentViewMetadata .fbPhotosPhotoUfi {
width: 364px;
}
span.fbCommentViewThumb i {
width: 320px;
}
.fbxPhotoSetPageHeader .fbxPhotoSetPageHeaderByline {
width: 714px;
}
.fbxPhotoSetPageHeader .fbxPhotoSetPageHeaderBox {
float: left;
width: 714px;
}
.fbxPhotoSetPageHeader .fbxPhotoSetViewSwitcher {
width: 8px;
}
.fbxPhotoSetPageHeader .fbxPhotoSetViewSwitcher .fbxPhotoSetViewSwitcherIcon {
margin-top: 2px;
}
#fbxPhotoSetViewSwitcherGrid {
border-right: 0 none;
}
#fbxPhotoSetViewSwitcherComment {
margin-left: 0;
}
.fbxPhotoSetViewSwitcherThrobber {
background-position: left center;
display: inline-block;
}
.fbxPhotoSetPageHeader .async_throbber_left .async_saving {
padding-left: 28px;
}
#fbCommentViewList {
margin-top: -10px;
}
div.photoSetHeader {
padding-bottom: 0;
}
.fbxPhotoSetPageMetadata {
width: 437px;
}
.fbPhotoFeedbackForm .uiUfi {
width: 430px;
}
a.uiMediaThumbTagging {
cursor: default;
}
a.uiMediaThumbTagging i, a.uiMediaThumbTagging .taggerOverlay {
cursor: crosshair;
}
a.uiMediaThumbTagging .taggerOverlayDisabled {
cursor: default;
}
a.uiMediaThumbTagging:hover, a.uiMediaThumbTagging:active, a.uiMediaThumbTagging:focus {
border-color: #CCCCCC;
text-decoration: none;
}
.tagWrapper {
overflow: hidden;
position: relative;
}
a.uiMediaThumbTagging .taggerOverlay .lockBar {
background-color: #222222;
color: #FFFFFF;
left: 10px;
opacity: 0.9;
padding-left: 21px;
position: absolute;
top: 86px;
}
a.uiMediaThumbTagging .taggerOverlay .lockIcon {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/y7/r/LIMS6JdvvOD.png");
background-repeat: no-repeat;
display: inline-block;
height: 15px;
left: 6px;
position: absolute;
top: 5px;
width: 15px;
}
a.uiMediaThumbTagging .taggerOverlay .blackwash {
background: none repeat scroll 0 0 #000000;
height: 100%;
left: 0;
opacity: 0.7;
position: absolute;
top: 0;
width: 100%;
}
a.uiMediaThumbTagging .taggerOverlay .highlightBox {
border: 2px solid #FFFFFF;
opacity: 0.3;
position: absolute;
}
.fbPhotosReorderableGrid .drag {
z-index: 200;
}
.fbPhotosReorderableGrid .dragWrapper {
position: relative;
}
.fbPhotosReorderableGrid .dragWrapper .uiMediaThumb {
cursor: move;
}
.fbPhotosReorderableGrid .dragWrapper .dragHover {
display: none;
}
.fbPhotosReorderableGrid .dragWrapper:hover .dragHover {
display: block !important;
}
.fbPhotosReorderableGrid .dragHover {
background-color: #DDDDDD;
left: 10px;
position: absolute;
top: 10px;
}
.fbPhotosReorderableGrid .mover {
display: block;
left: -8px;
overflow: hidden;
position: absolute;
text-align: right;
top: 3px;
z-index: 2;
}
.fbPhotosReorderableGrid .mover .arrow {
position: relative;
top: -20px;
}
.fbPhotosReorderableGrid .mover .arrow:active, .fbPhotosReorderableGrid .mover .arrow:focus {
top: 0;
}
.fluploader_swfdiv {
left: 0;
position: absolute;
top: 0;
}
.modalWrapper.flashUploaderOverlay.uiLayerPageWrapper {
background-color: rgba(231, 235, 243, 0.92);
}
.flashUploaderOverlayButton {
display: inline;
position: relative;
vertical-align: top;
}
.composerPhotoGrid .flashUploaderOverlayButton {
display: block;
}
.flashUploaderOverlayButton.async_saving {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yk/r/LOOn0JtHNzb.gif") no-repeat scroll center center transparent;
}
.flashUploaderOverlayButton.async_saving div, .flashUploaderOverlayButton.async_saving a {
opacity: 0.5;
}
.flashUploaderOverlayButton a.selectOver, .flashUploaderOverlayButton .selectOver a.attachmentLink {
text-decoration: underline;
}
.composerPhotoGrid .flashUploaderOverlayButton a.selectOver {
background-color: #EBEEF4;
}
.flashUploaderOverlay .uiOverlayContent {
padding-bottom: 25px;
}
.flashUploaderOverlay .layerCancel {
display: none;
}
.flashUploaderOverlay .headerBox {
border-color: #C4CDE0 #C4CDE0 rgba(0, 0, 0, 0.1);
border-radius: 3px 3px 0 0;
left: -1px;
margin: 0;
position: absolute;
right: -1px;
top: -1px;
z-index: 2;
}
.flashUploaderOverlay .albumInfoFields {
width: 330px;
}
.flashUploaderOverlay .albumMetaFields {
margin-left: 110px;
}
.flashUploaderOverlay .albumMetaPlacesInput {
float: right;
margin-right: 20px;
width: 280px;
}
.flashUploaderOverlay .albumInfoFields input {
-moz-transition: border-color 0.2s ease 0s;
border-color: #FFFFFF;
outline: medium none;
}
.flashUploaderOverlay .albumInfoFields input:hover, .flashUploaderOverlay .albumInfoFields input:focus {
border-color: #BEC7DA;
}
.flashUploaderOverlay .albumInfoFields .photoAlbumTitleInput:focus + .photoAlbumDescInput, .flashUploaderOverlay .albumInfoFields .photoAlbumTitleInput:hover + .photoAlbumDescInput:focus {
border-top-color: transparent;
}
.flashUploaderOverlay .fbPhotoBulkEditor {
margin: 65px -15px 0;
}
.flashUploaderOverlay .fbPhotoBulkEditor .editablePhoto {
margin-bottom: 17px;
margin-left: 17px;
}
.flashUploaderOverlay .headerFixed {
border-bottom-color: #B0BBD7;
border-radius: 0 0 0 0;
left: 50%;
margin-left: -483px;
position: fixed;
right: auto;
width: 946px;
}
.flashUploaderOverlay .addPhotosEnabled .fakeButton, .flashUploaderOverlay .addPhotosDisabled .realButton {
position: absolute;
top: -10000px;
}
.flashUploaderOverlay .footerBox {
border-color: rgba(0, 0, 0, 0.1) #C4CDE0 #C4CDE0;
border-radius: 0 0 3px 3px;
left: -1px;
position: absolute;
right: -1px;
}
.footerBox .footerInner {
width: 100%;
}
.flashUploaderOverlay .footerFixed {
border-bottom: 0 none;
border-radius: 0 0 0 0;
border-top-color: #C4CDE0;
bottom: 0;
left: 50%;
margin-left: -483px;
margin-top: 50px;
position: fixed;
width: 926px;
z-index: 1;
}
.flashUploaderOverlay .titleInput input, .flashUploaderOverlay .descriptionInput {
width: 100%;
}
.flashUploaderOverlay .placesTypeaheadCell {
width: 280px;
}
.flashUploaderOverlay .progressLinks {
padding-top: 3px;
}
.flashUploaderOverlay .progressWrap {
width: 120px;
}
.showEmptyState .progressWrap {
display: none;
}
.flashUploaderOverlayFooter .quality {
display: inline-block;
left: 10px;
position: relative;
}
.flashUploaderOverlayFooter .quality label {
color: #666666;
}
.fbAudienceHover {
position: relative;
top: 2px;
}
.fbPhotosGridHeader {
margin: 0 0 8px;
}
.uiHeader + .fbPhotosGridHeader {
margin-top: 0;
}
.presenceIndicator {
display: inline-block;
}
.presenceIndicator i {
display: inline-block;
height: 14px;
width: 7px;
}
.presenceIndicator .online {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -845px -397px;
background-repeat: no-repeat;
}
.presenceIndicator .mobile {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: -75px -30px;
background-repeat: no-repeat;
height: 12px;
width: 8px;
}
.presenceIndicator .offline {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/AShQNChNgfr.png");
background-position: -493px -49px;
background-repeat: no-repeat;
}
.profileHeader {
margin-top: 4px;
}
.profileHeaderMain {
width: 513px;
}
.profileHeaderMain h1 {
display: inline;
margin-right: 5px;
}
.profileHeaderMain .profileHeaderButtons {
display: inline-block;
vertical-align: top;
white-space: nowrap;
}
.profileHeaderMain .profileHeaderButton {
margin-right: 5px;
z-index: 3;
}
.profileHeaderMain #profile_connect_text .uiButton, .profileHeaderMain #profile_connect {
margin-left: 0;
}
.profileHeader .mainButtonSpan {
display: inline-block;
vertical-align: top;
}
.profileHeader .headerFormButton {
display: inline;
}
.profileHeader .headerActions {
text-align: right;
}
.profileHeader .subtitle {
line-height: 15px;
padding-top: 4px;
width: 490px;
}
.profileHeader .profileActions {
float: left;
margin-top: 3px;
}
.profileHeader .profileCallButton .img {
margin-top: 2px;
}
.profileHeader .fadedDespressedButton {
opacity: 0.6;
}
.profileHeader .addToMapForm {
display: inline;
}
.addToMapForm + .uiButton {
margin-left: 4px;
}
.ginormousProfileName {
color: #1C2A47;
font-size: 20px;
}
.profileArrow {
margin: 0 5px 2px 6px;
}
.fbx_above_html #above_the_profile {
padding-right: 0;
width: auto;
}
.profile-picture {
background-color: #FFFFFF;
display: block;
overflow: hidden;
position: relative;
width: 180px;
}
.profile-picture:hover {
text-decoration: none;
}
.profile-picture:hover .edit_profilepicture {
display: block;
}
.profile-picture img {
display: block;
margin: auto;
max-width: 180px;
}
.profile-picture span {
background-color: #000000;
height: 800px;
opacity: 0.3;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
.edit_profilepicture {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
display: none;
height: 20px;
opacity: 0.7;
padding: 6px 7px 0 23px;
position: absolute;
right: 1px;
top: 0;
}
.edit_profilepicture:hover {
opacity: 0.95;
}
span.edit_profilepicture_icon {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yA/r/QbfalTL4SQ2.png") no-repeat scroll left 4px transparent;
height: 18px;
left: 7px;
opacity: 0.95;
position: absolute;
top: 4px;
width: 18px;
}
.profile-friends .profileFriendsContent {
height: 42px;
line-height: 14px;
overflow: hidden;
}
.profile-friends .profileFriendsText {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 102px;
word-wrap: normal;
}
.profile-friends .profileFriendsByline {
width: 172px;
}
.profileFriendsByline {
white-space: nowrap;
}
.profileFriendsNetwork {
white-space: nowrap;
}
.profile-left-nav-facepile {
margin: 2px 6px 14px;
}
.relationshipSection:hover .fbProfileNavHeaderEditButton {
display: block;
}
.relationshipSection .fbProfileNavHeaderEditButton {
display: none;
}
.profile-friends {
margin: 7px 6px 15px;
}
.profile-friends li {
margin-bottom: 7px;
}
.profile-friends li .UIImageBlock_Content {
padding-top: 3px;
}
.profile-friends-footer {
border-top: 1px solid #CDCDCD;
padding: 8px 10px 0 6px;
}
.profile-friends-footer li:first-child {
padding-top: 0;
}
div.profile-pagelet-section {
margin-bottom: 24px;
}
.profile .fbx_profile_tab_loading {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif") no-repeat scroll center center transparent;
padding: 150px 0;
}
.fbx .profileInfoTable th.label {
padding-right: 8px;
width: 80px;
}
.fbx .nuxBanner .description {
width: 450px;
}
.fbx .fStatusOutgoing .addFriendText {
display: none;
}
.fbx .fStatusRequestable .addFriendText {
display: inline;
}
.fbProfilePhotoBar {
margin-left: -2px;
}
.fbProfilePhotoBar li {
float: left;
line-height: 0;
padding-left: 2px;
}
.fbProfilePhotoStrip {
overflow: hidden;
width: 493px;
}
.fbProfilePhotoStrip .fbProfilePhotoBar {
display: block;
width: 900px;
}
a.fbProfilePhotoThumb, a.fbProfilePhotoThumb:hover {
border: medium none;
padding: 0;
}
a.fbProfilePhotoThumb i {
height: 68px;
width: 97px;
}
div.fbProfilePhotoThumbEmpty {
background-color: #F2F2F2;
border-top: 1px solid #D9D9D9;
height: 67px;
width: 97px;
}
.fbxLeftNavHeaderActionLists {
margin-bottom: -7px;
position: relative;
top: -2px;
}
.uiStreamMinistoryGroup {
padding: 10px 0 11px 60px;
}
.uiStreamMinistoryGroup .uiStreamStory {
padding-top: 1px;
}
.uiStreamMinistoryGroup .header {
color: #AAAAAA;
padding: 2px 0 8px;
}
.uiStreamMinistoryGroup .uiStreamStory .ministoryMessage {
color: #333333;
}
.uiStreamMinistoryGroup .uiStreamStory .ministoryInlineMessage {
display: inline;
}
.uiStreamMinistoryGroup .showSimilar {
display: block;
margin: 0 2px 8px 22px;
}
.uiStreamMinistoryGroup .showSimilarAjax {
display: block;
margin: 2px 2px 0 22px;
}
.uiStreamMinistoryGroup .ministoryUfi {
margin-bottom: 6px;
}
.uiStream .uiStreamMinistory .uiStreamHide {
margin-top: 0;
}
.imageLoading .fbPhotosPhotoButtons {
display: none;
}
.fbPhotosPhotoButtons .fbPhotosPhotoLike .unlike, .fbPhotosPhotoButtons .viewerLikesThis .like {
display: none;
}
.fbPhotosPhotoButtons .viewerLikesThis .unlike {
display: block;
}
.fbPhotosPhotoButtons .editLocation, .hasLocation .fbPhotosPhotoButtons .addLocation {
display: none;
}
.fbPhotosPhotoButtons .addLocation, .hasLocation .fbPhotosPhotoButtons .editLocation {
display: block;
}
.fbPhotosPhotoButtons .tagMessage .doneTaggingLink {
cursor: pointer;
display: inline-block;
margin-left: 10px;
}
.fbPhotosPhotoButtons .tagMessage, .taggingMode .fbPhotosPhotoButtons .fbPhotosPhotoLike, .taggingMode .fbPhotosPhotoButtons .commentButton, .taggingMode .fbPhotosPhotoButtons .tagButton {
display: none;
}
.taggingMode .fbPhotosPhotoButtons .tagMessage {
display: block;
}
.fbPhotosPhotoButtons .cropMessage, .croppingMode .fbPhotosPhotoButtons .fbPhotosPhotoLike, .croppingMode .fbPhotosPhotoButtons .commentButton, .croppingMode .fbPhotosPhotoButtons .tagButton {
display: none;
}
.croppingMode .fbPhotosPhotoButtons .cropMessage {
display: block;
}
.fbPhotosPhotoTagboxes {
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
}
.showVideo .fbPhotosPhotoTagboxes, .minPhotoTagboxes {
height: 0;
}
.fbPhotosPhotoTagboxes .tagsWrapper {
display: inline-block;
max-height: 100%;
max-width: 100%;
position: relative;
vertical-align: middle;
}
.minPhotoTagboxes .tagsWrapper {
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fbPhotosPhotoTagboxBase {
line-height: normal;
position: absolute;
}
.imageLoading .fbPhotosPhotoTagboxBase, .croppingMode .fbPhotosPhotoTagboxBase {
display: none;
}
.fbPhotosPhotoTagboxBase .borderTagBox, .fbPhotosPhotoTagboxBase .innerTagBox {
-moz-box-sizing: border-box;
height: 100%;
width: 100%;
}
.ieContentFix {
display: none;
font-size: 200px;
height: 100%;
overflow: hidden;
width: 100%;
}
.fbPhotosPhotoTagboxBase .tag {
bottom: 0;
left: 50%;
position: absolute;
}
.fbPhotosPhotoTagboxBase .tagPointer {
left: -50%;
position: relative;
}
.fbPhotosPhotoTagboxBase .tagArrow {
left: 50%;
margin-left: -10px;
position: absolute;
top: -4px;
}
.fbPhotosPhotoTagboxBase .tagName {
background: none repeat scroll 0 0 #FFFFFF;
color: #404040;
cursor: default;
font-weight: normal;
padding: 2px 6px 3px;
top: 3px;
white-space: nowrap;
}
.fbPhotosPhotoTagboxBase .borderTagBox, .fbPhotosPhotoTagboxBase .tagName {
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.25);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.25), 0 1px 5px 3px rgba(0, 0, 0, 0.05);
}
.fbPhotosPhotoTagboxBase .innerTagBox {
border: 4px solid rgba(255, 255, 255, 0.8);
}
.fbPhotosPhotoTagboxes .tagBoxPending .tagName {
padding: 3px 3px 3px 6px;
pointer-events: auto;
}
.fbPhotosPhotoTagboxes .tagName .tagForm span, .fbPhotosPhotoTagboxes .tagName .tagForm {
display: inline-block;
float: none;
vertical-align: middle;
}
.imageLoading .tagBoxPending, .taggingMode .fbPhotosPhotoTagboxes .tagBoxPending {
display: none;
}
.fbPhotosPhotoTagboxes .hover {
opacity: 1;
z-index: 2;
}
.taggingMode .fbPhotosPhotoTagboxes .hover {
cursor: crosshair;
z-index: auto;
}
.fbPhotosPhotoTagboxes .tagBox .tag {
top: 85%;
}
.fbPhotosPhotoTagboxes .tagBoxPending .tag {
margin-top: 10px;
top: 100%;
}
.fbPhotosPhotoTagboxes .tagBox .tagIgnored {
color: #999999;
}
.fbPhotosPhotoTagboxes .tag, .fbPhotosPhotoTagboxes .innerTagBox, .fbPhotosPhotoTagboxes .borderTagBox {
visibility: hidden;
}
.fbPhotosPhotoTagboxes .tagBoxPending.showPendingTagName .tag, .fbPhotosPhotoTagboxes .tagBoxPending .borderTagBox, .fbPhotosPhotoTagboxes .tagBoxPending .innerTagBox {
-moz-transition: opacity 0.2s linear 0s;
opacity: 0.7;
visibility: visible;
}
.fbPhotosPhotoTagboxes .hover.tagBox .tag, .fbPhotosPhotoTagboxes .hover.tagBoxPending.showPendingTagName .tag, .fbPhotosPhotoTagboxes .showTag .borderTagBox, .fbPhotosPhotoTagboxes .showTag .innerTagBox, .fbPhotosPhotoTagboxes .tagBoxPendingResponse .tag, .fbPhotosPhotoTagboxes .tagBoxPending.hover .borderTagBox, .fbPhotosPhotoTagboxes .tagBoxPending.hover .innerTagBox {
-moz-transition: opacity 0.2s linear 0s;
opacity: 1;
visibility: visible;
}
.showingTag .tagsWrapper .tagBoxPending .tag, .showingTag .tagsWrapper .tagBoxPending.showPendingTagName .tag, .showingTag .tagsWrapper .tagBoxPending .borderTagBox, .showingTag .tagsWrapper .tagBoxPending .innerTagBox {
opacity: 0;
}
.fbPhotosPhotoTagboxes .hover.tagBoxPending .borderTagBox {
border: 1px solid #3B5998;
}
.fbxPhoto .fbPhotoContributor {
min-height: 32px;
padding: 12px 0 5px;
width: 448px;
}
.fbxPhoto .fbPhotoContributorName {
display: inline;
font-weight: bold;
padding-bottom: 3px;
padding-top: 1px;
}
.fbxPhoto .fbPhotoContributorAction {
color: gray;
font-weight: normal;
}
.fbxPhoto .fbPhotoContributorAction .passiveName {
font-weight: bold;
}
.fbxPhoto .fbPhotosPhotoCaption {
display: inline;
outline: medium none;
width: auto;
}
.fbxPhoto .fbPhotosPhotoCaption:empty {
margin: 0 !important;
}
.fbxPhoto .fbPhotoUfiCol {
padding-right: 10px;
vertical-align: top;
width: 474px;
}
.fbxPhoto .fbPhotoDataCol {
vertical-align: top;
width: 262px;
}
.fbxPhoto .fbPhotosPhotoFeedback {
margin-top: 3px;
}
.fbxPhoto .fbPhotosPhotoFeedback .fbPhotosAppLink, .fbxPhoto .fbPhotosPhotoFeedback .fbPhotosImplicitLocLink {
color: #999999;
}
.fbxPhoto .fbPhotosPhotoUfi {
padding-top: 2px;
}
.fbxPhoto .fbPhotoRemoveFromProfileLink .img {
margin-right: 3px;
}
.fbxPhoto .fbPhotoTagList {
display: inline;
}
.fbxPhoto .fbPhotoTagList .textTagHovercardLink {
color: #333333;
text-decoration: none;
}
.fbxPhoto .fbPhotoInlineEditor, .fbxPhoto .fbPhotosPhotoDisabledEdit {
display: none;
}
.fbxPhoto .fbPhotoInlineEditor .uiLoadingIndicatorAsync {
margin-top: 3px;
}
.fbxPhoto .fbPhotoRemoveFromProfile {
-moz-transition: background 500ms ease-out 0s;
border-bottom: 1px solid #E5E5E5;
}
.fbxPhoto .fbPhotosOnProfile {
padding-top: 2px;
}
.fbxPhoto .fbPhotosOnProfile .highlight {
background: none repeat scroll 0 0 #FFF8CC;
}
.fbxPhoto .fbPhotosPhotoActions, .fbPhotosPhotoActions .actionListButton.rotateButtons {
border-top: 1px solid #E5E5E5;
}
.fbxPhoto .fbPhotoRemoveFromProfile, .fbxPhoto .fbPhotosMediaInfo, .fbxPhoto .fbPhotosPhotoActions .fbUndoSpamReport, .fbxPhoto .fbPhotosPhotoActions .fbPhotosPhotoActionsItem, .fbPhotosPhotoActions .rotateButtons {
padding-left: 5px;
padding-right: 5px;
}
.fbPhotosPhotoActions .rotateButtons {
height: 24px;
}
.fbxPhoto .fbPhotosPhotoActions .rotateWait {
color: gray;
}
.fbxPhoto .fbPhotosPhotoActions .fbUndoSpamReport a {
padding-left: 0;
padding-right: 0;
}
.fbPhotosMediaInfo {
margin-top: 5px;
}
.fbxPhoto .fbPhotosPhotoActions .fbPhotosPhotoActionsItem, .fbxPhoto .fbPhotosPhotoActions .fbUndoSpamReport {
display: block;
margin-bottom: 5px;
}
.fbPhotosPhotoActions .actionListButton.rotateButtons {
margin: 10px 0 5px;
padding-top: 10px;
}
.fbxPhoto .fbPhotosPhotoActions .iconActionLinks {
border-bottom: 1px solid #E5E5E5;
margin-bottom: 7px;
padding-bottom: 3px;
}
.fbxPhoto .photoViewerFollowedMsg, .fbxPhoto .followingOwner .photoViewerFollowLink, .fbPhotosPhotoActions .taggingOn, .taggingMode .taggingOff {
display: none;
}
.fbxPhoto .followingOwner .photoViewerFollowedMsg, .taggingMode .taggingOn {
display: inline;
}
.fbPhotosPhotoActions .croppingModeOn .startCropping, .fbPhotosPhotoActions .doneCropping {
display: none;
}
.fbPhotosPhotoActions .croppingModeOn .doneCropping {
display: block;
}
.fbPhotosAudienceEditable {
margin-right: 0;
}
.fbPhotosAudienceNotEditable {
float: left;
margin-top: 1px;
}
.fbPhotosMediaInfo .fbPhotosAudience {
margin-bottom: -5px;
margin-top: -4px;
}
.fbPhotosPhotoActions .addLocationActionIcon {
margin: 0 6px 0 1px;
}
.fbPhotosPhotoActions .addLocation, .hasLocation .fbPhotosPhotoActions .editLocation {
display: inline;
}
.fbPhotosPhotoActions .editLocation, .hasLocation .fbPhotosPhotoActions .addLocation {
display: none;
}
#fbxPhotoContentContainer {
position: relative;
}
.fbPhotoTagApprovalBox {
background-color: rgba(255, 255, 255, 0.85);
border: 1px solid #808080;
cursor: default;
font-size: 11px;
left: 50%;
margin: 5px 0 0 -285px;
padding: 0;
position: absolute;
text-align: left;
top: 12px;
width: 558px;
z-index: 1;
}
.fbPhotoApprovalPendingButtons {
float: right;
}
.fbPhotoApprovalPendingHeader {
border-bottom: 1px solid #C9C9C9;
font-weight: bold;
line-height: 24px;
padding-left: 8px;
}
.fbPhotoApprovalPrevPager, .fbPhotoApprovalNextPager {
border-bottom: 1px solid #C9C9C9;
float: left;
height: 24px;
width: 25px;
}
.fbPhotoApprovalUnit {
line-height: normal;
padding: 10px 10px 16px;
}
.fbPhotoTagApprovalPager .pager {
border-left: 1px solid #C9C9C9;
display: inline-block;
float: right;
height: 24px;
width: 25px;
}
.fbPhotoTagApprovalPager .prevPager {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/dY1OX3Rg_lr.png");
background-position: -76px -98px;
background-repeat: no-repeat;
}
.fbPhotoTagApprovalPager .prevPager.enabled {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/dY1OX3Rg_lr.png");
background-position: -51px -98px;
background-repeat: no-repeat;
}
.fbPhotoTagApprovalPager .nextPager {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/dY1OX3Rg_lr.png");
background-position: -25px -98px;
background-repeat: no-repeat;
}
.fbPhotoTagApprovalPager .nextPager.enabled {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/dY1OX3Rg_lr.png");
background-position: 0 -98px;
background-repeat: no-repeat;
}
.imageLoading .fbPhotoTagApproval, .fbPhotoTagApproval.hidePagers .pager {
display: none;
}
.theaterMode .defaultScrollbar, .theaterMode .defaultScrollbar .fbChatSidebar {
margin-right: 15px;
}
.theaterMode .scrollbar20, .theaterMode .scrollbar20 .fbChatSidebar {
margin-right: 20px;
}
.theaterMode #blueBar.fixed_elem #pageHead {
position: relative;
}
.theaterMode .defaultScrollbar #blueBar.fixed_elem #pageHead {
left: -7px;
}
.theaterMode .scrollbar20 #blueBar.fixed_elem #pageHead {
left: -10px;
}
.sidebarMode.theaterMode .defaultScrollbar #blueBar.fixed_elem #pageHead {
left: -97px;
}
.sidebarMode.theaterMode .scrollbar20 #blueBar.fixed_elem #pageHead {
left: -100px;
}
.theaterMode .defaultScrollbar .fbDockWrapperRight {
right: 15px;
}
.theaterMode .scrollbar20 .fbDockWrapperRight {
right: 20px;
}
.theaterMode .fbTimelineSideAds, .theaterMode .fbTimelineScrubber {
margin-right: -483px;
}
.sidebarMode.theaterMode .fbTimelineSideAds, .sidebarMode.theaterMode .fbTimelineScrubber {
margin-right: -393px;
}
.sidebarMode.theaterMode .defaultScrollbar .fbDockWrapperRight {
right: 190px;
}
.sidebarMode.theaterMode .scrollbar20 .fbDockWrapperRight {
right: 195px;
}
.sidebarMode.ticker.theaterMode .defaultScrollbar .fbDockWrapperRight {
right: 220px;
}
.sidebarMode.ticker.theaterMode .scrollbar20 .fbDockWrapperRight {
right: 225px;
}
.fbPhotoSnowlift {
background-color: rgba(0, 0, 0, 0.9);
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 400;
}
.theaterMode .fbPhotoSnowlift, .wrapped .fbPhotoSnowlift {
overflow-x: auto;
overflow-y: scroll;
}
.theaterMode body {
overflow: hidden;
}
.fbPhotoSnowliftOuter {
display: table;
height: 100%;
table-layout: fixed;
width: 100%;
}
.fbPhotoSnowliftInner {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 100%;
}
.fbPhotoSnowliftContainer {
display: inline-block;
outline: medium none;
text-align: left;
}
.fbPhotoSnowliftPopup {
margin: 20px 0;
}
.fbPhotoSnowlift .stageWrapper {
-moz-user-select: none;
background-color: #000000;
height: 100%;
max-height: 2048px;
min-height: 520px;
position: relative;
text-align: center;
}
.fbPhotoSnowlift .stageActions, .fbPhotoSnowlift .snowliftPager, .fbPhotoSnowlift .stageError {
line-height: 1.28;
}
.fbPhotoSnowlift .rhc {
background-color: #FFFFFF;
height: 100%;
overflow: hidden;
position: relative;
word-wrap: break-word;
}
.fbPhotoSnowlift .stageActions, .fbPhotoSnowlift .stage .stageWrapper img {
-moz-user-select: -moz-none;
}
.fbPhotoSnowlift .stage {
position: relative;
}
.fbPhotoSnowlift .stageActions {
bottom: 0;
cursor: pointer;
height: 0;
left: 0;
position: absolute;
top: auto;
width: 100%;
}
.dataLoading .stageActions {
display: none;
}
.taggingMode .stageActions {
background: url("http://static.ak.fbcdn.net/rsrc.php/v1/y4/r/-PAXP-deijE.gif") no-repeat scroll 0 0 transparent;
cursor: crosshair;
height: 100%;
}
.taggingMode .showVideo .stageActions {
height: 0;
}
.fbPhotoSnowlift .snowliftOverlayBar {
background-clip: padding-box;
background-color: rgba(0, 0, 0, 0.8);
bottom: 0;
color: #B3B3B3;
font-size: 13px;
left: 0;
padding: 0;
position: absolute;
width: 100%;
}
.fbPhotoSnowlift .snowliftOverlayBar.rightButtons {
text-align: left;
}
.fbPhotoSnowlift .snowliftOverlay {
-moz-transition: opacity 0.3s ease 0s;
opacity: 0;
}
.fbPhotoSnowlift .fbPhotosPhotoButtons {
-moz-user-select: -moz-none;
cursor: default;
position: relative;
}
.fbPhotoSnowlift .fbPhotosPhotoButtons .tagMessage {
color: #BBBBBB;
display: none;
padding: 5px 10px 6px;
vertical-align: middle;
}
.fbPhotoSnowlift .rightButtons .fbPhotosPhotoButtons .tagMessage {
padding: 3px 10px;
}
.fbPhotoSnowlift .fbPhotosPhotoButtons, .fbPhotoSnowlift.taggingMode .fbPhotosPhotoButtons .tagMessage {
display: inline-block;
}
.fbPhotoSnowlift .fbPhotosPhotoButtons .tagMessage .doneTaggingLink {
margin-left: 5px;
}
.fbPhotoSnowlift .fbPhotosPhotoButtons .separatorBorder {
border-left: 1px solid rgba(255, 255, 255, 0.2);
display: inline-block;
height: 15px;
margin-left: 5px;
vertical-align: middle;
}
.fbPhotoSnowlift .snowliftOverlayBar a {
color: #FFFFFF;
font-weight: bold;
}
.fbPhotoSnowlift.pagingActivated .snowliftOverlay, .fbPhotoSnowlift.taggingMode .snowliftOverlay {
opacity: 1;
}
.fbPhotoSnowlift .mediaTitleInfo {
margin: 8px 10px 0;
text-align: right;
white-space: nowrap;
}
.fbPhotoSnowlift .rightButtons .mediaTitleInfo {
margin-top: 3px;
overflow: hidden;
text-align: left;
}
.fbPhotoSnowlift .rightButtons #fbPhotoSnowliftMediaTitle {
display: inline;
height: 2.56em;
}
.fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex #fbPhotoSnowliftMediaTitle {
-moz-box-flex: 1;
}
.fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex #fbPhotoSnowliftPositionAndCount {
-moz-box-flex: 0;
}
.fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex .mediaTitleInfoSpacer {
-moz-box-flex: 1000;
}
.fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex, .fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex #fbPhotoSnowliftMediaTitle, .fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex #fbPhotoSnowliftPositionAndCount, .fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex .mediaTitleInfoSpacer {
display: -moz-box;
}
.fbPhotoSnowlift.taggingMode .rightButtons .mediaTitleBoxFlex, .fbPhotoSnowlift.taggingMode .rightButtons .fbPhotosPhotoActions, .fbPhotoSnowlift.taggingMode .fbPhotosPhotoButtons .separatorBorder, .fbPhotoSnowlift.taggingMode .mediaTitleInfo {
display: none;
}
.fbPhotoSnowlift .leftButtons .fbPhotosPhotoButtons, .fbPhotoSnowlift .rightButtons .overlayBarButtons {
margin: 8px 10px;
}
.leftButtons #fbPhotoSnowliftMediaTitle .fbPhotoMediaTitle, .leftButtons #fbPhotoSnowliftPositionAndCount {
line-height: 27px;
}
.rightButtons #fbPhotoSnowliftMediaTitle .fbPhotoMediaTitle, .rightButtons #fbPhotoSnowliftPositionAndCount {
line-height: 33px;
}
#fbPhotoSnowliftMediaTitle .fbPhotoMediaTitle.hasAlbumLink {
display: block;
line-height: 1.28;
}
.fbPhotoSnowlift .mediaTitleInfo #fbPhotoSnowliftMediaTitle, .fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex, .fbPhotoSnowlift .rightButtons .mediaTitleBoxFlex .fbPhotoMediaTitle {
overflow: hidden;
text-overflow: ellipsis;
}
.fbPhotoSnowlift.taggingMode .overlayBarButtons, .fbPhotoSnowlift.taggingMode .fbPhotosPhotoButtons {
text-align: center;
width: 100%;
}
.fbPhotoSnowlift .fbPhotosPhotoButtons .buttonLink {
display: inline-block;
vertical-align: bottom;
}
.fbPhotoSnowlift .leftButtons .fbPhotosPhotoButtons .buttonLink {
background-clip: padding-box;
background-color: rgba(0, 0, 0, 0.4);
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 4px 4px 4px 4px;
margin-right: 6px;
padding: 4px 10px 5px;
}
.fbPhotoSnowlift .leftButtons .fbPhotosPhotoButtons .buttonLink:hover {
background-color: rgba(0, 0, 0, 0.6);
border: 1px solid #FFFFFF;
text-decoration: none;
}
.fbPhotoSnowlift .rightButtons .fbPhotosPhotoButtons .buttonLink {
margin-left: 6px;
margin-right: 0;
padding: 3px 5px;
}
.fbPhotoSnowlift .rightButtons .buttonLink {
opacity: 0.7;
}
.fbPhotoSnowlift .rightButtons .buttonLink:hover {
opacity: 1;
}
.fbPhotoSnowlift .fbPhotosPhotoButtons .buttonLink span {
float: left;
}
.fbPhotoSnowlift .fbPhotosPhotoButtons .fbPhotosPhotoLike.viewerLikesThis .uiIconText {
padding-left: 0 !important;
}
.fbPhotoSnowlift .fbPhotosPhotoButtons .fbPhotosPhotoLike.viewerLikesThis i, .fbxPhoto.fbPhotoSnowlift .fbPhotosPhotoButtons .fbPhotosPhotoLike.viewerAlreadyLikedThis {
display: none;
}
.fbPhotoSnowlift .stage {
cursor: pointer;
display: block;
font-size: 0;
height: 100%;
max-height: 2048px;
min-height: 402px;
position: relative;
text-align: center;
width: 100%;
}
.fbPhotoSnowlift .stage .fbPhotosPhotoTagboxes {
-moz-box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, 0.1);
font-size: 11px;
}
.fbPhotoSnowlift .videoStage, .imageLoading .stage, .imagePixelsLoading .stage {
background: url("http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/pgEFhPxsWZX.gif") no-repeat scroll center center #000000;
}
.fbPhotoSnowlift .showVideo .videoStage {
display: block;
}
.fbPhotoSnowlift .videoStage, .fbPhotoSnowlift .showVideo .stage, .fbPhotoSnowlift .showVideo .snowliftOverlayBar.leftButtons {
display: none;
}
.fbPhotoSnowlift .videoStage {
bottom: 40px;
position: absolute;
top: 40px;
width: 100%;
}
.fbPhotoSnowlift .videoStage embed, .fbPhotoSnowlift .videoStage object {
display: inline-block !important;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
}
.fbPhotoSnowlift .videoStageContainer {
height: 100%;
width: 100%;
}
.fbPhotoSnowlift .stage img {
display: inline-block;
height: auto;
image-rendering: optimizequality;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
width: auto;
}
.fbPhotoSnowlift .stageError {
left: 50%;
margin-left: -278px;
margin-top: -82px;
position: absolute;
text-align: left;
top: 50%;
}
.fbPhotoSnowlift .uiButtonOverlay:active {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 0 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.08) inset;
}
.fbPhotoSnowlift .snowliftPager {
-moz-transition: opacity 0.2s ease 0s;
display: none;
height: 45px;
margin-top: -22px;
opacity: 0;
position: absolute;
top: 50%;
width: 27px;
z-index: 1;
}
.fbPhotoSnowlift.pagingReady .snowliftPager {
display: block;
}
.fbPhotoSnowlift.pagingActivated .snowliftPager {
opacity: 0.4;
}
.fbPhotoSnowlift .snowliftFixedPagers .snowliftPager {
background: none no-repeat scroll 0 0 rgba(0, 0, 0, 0.6);
height: 200px;
margin-top: -100px;
opacity: 0.5;
width: 60px;
z-index: auto;
}
.fbPhotoSnowlift .snowliftFixedPagers .snowliftPager:hover, .fbPhotoSnowlift.pagingActivated .snowliftPager.hilightPager {
opacity: 1;
}
.fbPhotoSnowlift .snowliftPager.prev {
left: 20px;
}
.fbPhotoSnowlift .snowliftPager.next {
right: 20px;
}
.fbPhotoSnowlift .snowliftFixedPagers .snowliftPager.prev {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
left: 0;
}
.fbPhotoSnowlift .snowliftFixedPagers .snowliftPager.next {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
right: 0;
}
.fbPhotoSnowlift .snowliftPager i {
display: block;
height: 45px;
width: 27px;
}
.fbPhotoSnowlift .snowliftPager.prev i {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png");
background-position: 0 -123px;
background-repeat: no-repeat;
}
.fbPhotoSnowlift .snowliftPager.next i {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png");
background-position: -56px -123px;
background-repeat: no-repeat;
}
.fbPhotoSnowlift .snowliftFixedPagers .snowliftPager i {
margin-top: -22px;
position: absolute;
top: 50%;
}
.fbPhotoSnowlift .snowliftFixedPagers .snowliftPager.prev i {
left: 10px;
}
.fbPhotoSnowlift .snowliftFixedPagers .snowliftPager.next i {
right: 10px;
}
.fbPhotoSnowlift .fbPhotosPhotoOwnerButtons .uiButton.taggingOn, .fbPhotoSnowlift.taggingMode .fbPhotosPhotoButtons .bottomButtonsBar, .fbPhotoSnowlift.taggingMode .fbPhotosPhotoOwnerButtons .uiButton.taggingOff {
display: none;
}
.fbPhotoSnowlift.taggingMode .fbPhotosPhotoOwnerButtons .uiButton.taggingOn {
display: inline-block;
}
.fbPhotoSnowlift .fbPhotosPhotoOwnerButtons {
line-height: 20px;
}
.fbPhotoSnowlift .stagePagers .fbPhotoSnowliftIcon.customimg {
margin-top: 4px;
}
.fbPhotoSnowliftVideoTitle {
display: block;
font-weight: bold;
margin-top: 15px;
}
.fbPhotoSnowlift a.uiButtonOverlay, .fbPhotoSnowlift a.uiButtonOverlay:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png");
background-position: 0 0;
background-repeat: no-repeat;
}
.fbPhotoSnowlift a.uiButtonOverlay:active, .fbPhotoSnowlift a.uiButtonOverlay:focus {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png");
background-position: 0 -49px;
background-repeat: no-repeat;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 0 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(0, 0, 0, 0.08) inset;
}
.fbPhotoSnowlift a.uiButtonOverlay.uiButtonDisabled {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png");
background-position: 0 0;
background-repeat: no-repeat;
}
.fbPhotoSnowlift .inlineEditMode .fbPhotoSnowliftAuthorInfo, .fbPhotoSnowlift .inlineEditMode .fbPhotoPagesTagList, .fbPhotoSnowlift .inlineEditMode .fbPhotoLegacyTagList, .fbPhotoSnowlift .inlineEditMode .fbPhotosPhotoOwnerButtons, .fbPhotoSnowlift .inlineEditMode .fbPhotosOnProfile {
display: none;
}
#fbPhotoSnowliftAuthorPic {
margin-right: 10px;
}
.fbPhotoSnowlift .uiStreamSecondaryTime {
margin-right: 5px;
}
.fbPhotoSnowlift .fbPhotosImplicitLocLink, .fbPhotoSnowlift .fbPhotosAppLink {
color: gray;
}
.fbPhotoSnowlift .fbPhotoSnowliftControls {
padding: 7px 7px 0 15px;
text-align: right;
}
.fbPhotoSnowlift .fbPhotosPhotoActions {
border-top: 0 none;
vertical-align: top;
}
.fbPhotoSnowlift .rightButtons .fbPhotosPhotoActions {
vertical-align: middle;
}
.topBarActions a.fbPhotoSnowliftDropdownButton, .topBarActions a.fbPhotoSnowliftDropdownButton:active, .topBarActions a.fbPhotoSnowliftDropdownButton:focus, .topBarActions a.fbPhotoSnowliftDropdownButton:hover {
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
box-shadow: none;
height: 16px;
margin: -2px 0 0;
padding: 0;
width: 26px;
}
.photoActionSelector.topBarActions a.fbPhotoSnowliftDropdownButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png");
background-position: -102px -98px;
background-repeat: no-repeat;
}
.photoActionSelector.topBarActions .openToggler a.fbPhotoSnowliftDropdownButton {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png");
background-position: -129px -98px;
background-repeat: no-repeat;
}
.photoActionSelector.bottomBarActions a.fbPhotoSnowliftDropdownButton, .photoActionSelector.bottomBarActions a.fbPhotoSnowliftDropdownButton:active, .photoActionSelector.bottomBarActions a.fbPhotoSnowliftDropdownButton:focus, .photoActionSelector.bottomBarActions a.fbPhotoSnowliftDropdownButton:hover {
background: none repeat scroll 0 0 transparent;
border: 1px solid transparent;
border-radius: 2px 2px 2px 2px;
box-shadow: none;
height: 16px;
padding-right: 5px;
}
.photoActionSelector.bottomBarActions a.fbPhotoSnowliftDropdownButton {
opacity: 0.7;
}
.photoActionSelector.bottomBarActions a.fbPhotoSnowliftDropdownButton:hover, .photoActionSelector.bottomBarActions .openToggler a.fbPhotoSnowliftDropdownButton, .overlayBarButtons a.buttonLink:hover {
background-color: rgba(255, 255, 255, 0.2);
border-color: transparent;
border-radius: 2px 2px 2px 2px;
opacity: 1;
text-decoration: none;
}
.fbPhotoSnowlift .rightButtons .fbPhotosPhotoActions .tagButton {
line-height: 22px;
margin-right: 5px;
padding: 3px 5px;
}
.fbPhotoSnowlift .uiSelector.photoActionSelector .uiMenu {
border-bottom: medium none;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
}
.uiContextualLayerPositioner .aboveright .uiSelector.photoActionSelector {
top: 0;
}
.photoActionSelector.bottomBarActions .uiButton .uiButtonText {
color: #FFFFFF;
font-size: 13px;
}
.photoActionSelector .uiMenuItem.fbPhotosPhotoActionsItem .itemAnchor {
padding: 1px 16px;
}
.fbPhotoSnowlift .closeTheater {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/dY1OX3Rg_lr.png");
background-position: -156px -98px;
background-repeat: no-repeat;
display: inline-block;
height: 12px;
margin-left: 5px;
vertical-align: top;
width: 11px;
}
#fbPhotoSnowliftOnProfile {
padding-top: 0;
}
.fbPhotoSnowlift .fbPhotoInlineEditor {
padding: 0 20px 10px;
}
.fbPhotoSnowlift .fbPhotoInlineEditor .tagsTokenizer {
border-bottom-style: solid;
width: auto;
}
.fbPhotoSnowlift .fbPhotoInlineEditor .buttons, .fbPhotoSnowlift .fbPhotoInlineEditor .fbPhotoCaptionInput, .fbPhotoSnowlift .fbPhotoInlineEditor .fbPhotoPlaceInput {
width: 100%;
}
.fbPhotoSnowlift .fbPhotoInlineEditor .uiMentionsInput {
max-height: 100px;
overflow-x: hidden;
overflow-y: auto;
}
.fbPhotoSnowlift .fbPhotoInlineEditor .uiMentionsInput textarea {
-moz-box-sizing: border-box;
min-height: 50px;
}
.fbPhotoSnowlift .fbPhotoInlineEditor .fbPhotoPlaceInput, .fbPhotoSnowliftBackdate {
margin: 10px 0;
}
.fbPhotoSnowlift #inlineEditorSave {
margin-bottom: 3px;
}
.fbPhotoSnowliftEditAudience {
display: inline-block;
margin-right: 10px;
}
.fbPhotoSnowliftAuthorInfo .uiImageBlockSmallImage {
margin-right: 10px;
}
.fbPhotoSnowlift .rhcBody {
position: relative;
z-index: 1;
}
.fbPhotoSnowlift .rhcScroller {
width: 100% !important;
}
.fbPhotoSnowlift.dataLoading .rhcScroller {
visibility: hidden;
}
.fbPhotoSnowlift .rhcScroller.contentBefore:before {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.fbPhotoSnowlift .rhcScroller .uiScrollableAreaContent {
padding: 0 20px;
}
.fbPhotoSnowlift .fbPhotosSnowliftUfi {
width: auto;
}
.fbPhotoSnowlift .pinnedUfi .fbPhotosSnowliftUfi .uiUfiAddComment {
padding-left: 25px;
padding-right: 20px;
}
.fbPhotoSnowlift .pinnedUfi .fbPhotosSnowliftUfi {
margin-bottom: -1px;
}
.fbPhotoSnowlift .fbPhotosSnowliftUfi .ufiNub {
margin-bottom: 0;
}
.fbPhotoSnowlift .fbPhotosSnowliftUfi .ufiItem {
margin-bottom: 1px;
margin-top: 0;
}
.fbPhotosSnowliftFeedback {
margin-top: 8px;
}
.fbPhotosSnowliftFeedbackForm {
position: relative;
}
.fbPhotosSnowboxFeedbackInput {
bottom: 0;
margin: 0 20px;
position: absolute;
z-index: 1;
}
.pinnedUfi .fbPhotosSnowboxFeedbackInput {
margin-left: 0;
margin-right: 0;
}
.fbPhotosSnowboxFeedbackInput .fbPhotosSnowliftUfi {
padding-top: 0;
}
.pinnedUfi .fbPhotosSnowboxFeedbackInput .fbPhotosSnowliftUfi {
padding-top: 1px;
}
.fbPhotosSnowboxFeedbackInput .fbPhotosSnowliftUfi .ufiItem {
border-bottom: 0 none;
margin-bottom: 0;
}
.fbPhotosSnowboxFeedbackInput .fbPhotosSnowliftUfi .uiMentionsInput {
max-height: 100px;
overflow-x: hidden;
overflow-y: auto;
}
.fbPhotosSnowboxFeedbackInput .fbPhotosSnowliftUfi .uiMentionsInput textarea {
-moz-box-sizing: border-box;
}
.fbPhotoSnowlift.fbxPhoto .fbPhotoRemoveFromProfile {
border-bottom: 0 none;
border-top: 0 none;
padding: 0;
}
#fbPhotoSnowliftAdsSide {
bottom: 0;
position: absolute;
width: 100%;
}
#fbPhotoSnowliftAdsSide.loading, .dataLoading #fbPhotoSnowliftAdsSide {
visibility: hidden;
}
#fbPhotoSnowliftAdsSide .uiSideHeader {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px solid #E2E2E2;
border-top: medium none;
color: gray;
font-weight: normal;
padding-left: 0;
}
#fbPhotoSnowliftAdsSide .uiSideHeader em {
color: gray;
font-weight: normal;
}
.fbPhotoSnowlift .ego_column {
width: auto;
}
.fbPhotoSnowlift .ego_column > .wrapper > .inner {
margin-top: -10px;
padding: 0 20px 10px;
}
.fbPhotoSnowlift .ego_column > .wrapper:first-child > .inner {
margin-top: 0;
padding-top: 15px;
}
#fbPhotoSnowliftAdsSide .wrapper.hidden {
overflow: hidden;
position: relative;
visibility: hidden;
}
#fbPhotoSnowliftAdsSide .wrapper.hidden > .inner {
overflow: hidden;
position: absolute;
width: 100%;
}
.fbPhotoSnowlift .ego_section, .fbPhotoSnowlift .ego_unit {
margin: 0;
}
.fbPhotoSnowlift .ego_unit {
padding-bottom: 8px;
}
.fbPhotoSnowliftAds .fbPhotoSnowliftAdsSponsored {
float: right;
text-align: right;
width: 95%;
}
#fbPhotoSnowliftCaption, #fbPhotoSnowliftTagList, #fbPhotoSnowliftCaption .text_exposed_link {
font-size: 13px;
line-height: 18px;
}
.fbPhotoSnowlift.fbxPhoto .fbPhotoContributorName {
font-size: 13px;
line-height: 18px;
}
.fbPhotoSnowlift.fbxPhoto .fbPhotoContributorAction {
font-weight: normal;
}
.fbPhotoSnowlift.fbxPhoto .fbPhotoContributorAction .passiveName {
font-weight: bold;
}
#fbPhotoUndoSpamReport div {
background-color: #FFEBE5;
margin: 1px 0;
padding: 5px;
}
.fbPhotosSnowliftAudienceSelector a.uiSelectorButton {
background: none repeat scroll 0 0 transparent;
padding: 2px 24px 1px 6px !important;
}
.fbPhotosSnowliftAudienceSelector a.uiSelectorButton:active, .fbPhotosSnowliftAudienceSelector a.uiSelectorButton:focus, .fbPhotosSnowliftAudienceSelector a.uiSelectorButton:hover, .fbPhotosSnowliftAudienceSelector .openToggler a.uiSelectorButton, .fbPhotosSnowliftAudienceSelector .openToggler a.uiSelectorButton:active, .fbPhotosSnowliftAudienceSelector .openToggler a.uiSelectorButton:focus, .fbPhotosSnowliftAudienceSelector .openToggler a.uiSelectorButton:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: right -7px;
background-repeat: no-repeat;
border: 1px solid #999999;
}
#fbPhotoSnowliftAudienceSelector {
display: inline-block;
margin-bottom: -4px;
margin-left: 0;
margin-top: -1px;
vertical-align: top;
}
.fbPhotoSnowlift .fbPhotoRemoveFromProfileLink .img {
display: none;
}
.fbPhotoSnowliftVideoActions {
font-size: 11px;
}
.fbPhotoSnowlift.collapseRHC .rhc, .fbPhotoSnowlift .fbPhotosPhotoButtons .fbPhotoSnowliftCollapse.buttonLink, .fbPhotoSnowlift .closeTheater.fullscreenCommentClose, .fbPhotoSnowliftFullScreenDisable {
display: none;
}
.fbPhotoSnowlift .fullScreenSwitch {
display: none;
padding: 5px;
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
}
.fbPhotoSnowlift .fullScreenSwitch a {
-moz-transition: opacity 0.3s ease 0s;
height: 13px;
opacity: 0;
width: 13px;
}
.fbPhotoSnowlift .fullScreenSwitch.fullScreenNUX a, .fbPhotoSnowlift.pagingActivated .fullScreenSwitch a, .fbPhotoSnowlift.taggingMode .fullScreenSwitch a {
opacity: 0.5;
}
.fbPhotoSnowlift.pagingActivated .fullScreenSwitch a:hover {
opacity: 1;
}
#fbPhotoSnowliftFullScreenClose, .dataLoading .fullScreenSwitch.fbPhotoSnowliftFullScreen, .showVideo .fullScreenSwitch.fbPhotoSnowliftFullScreen {
display: none;
}
.fbPhotoSnowlift .fbPhotosPhotoButtons .separatorBorder.fbPhotoSnowliftExpand, .fbPhotoMediaTitleFullScreen {
display: none;
}
.fbPhotoSnowliftFullScreenSeparator, .fbPhotoSnowliftFullScreen {
display: none;
}
body.plugin {
background: none repeat scroll 0 0 transparent;
overflow: hidden;
}
.fbProfileInlineBlock {
display: inline-block;
}
.mediumFbProfileBlankIcon {
height: 50px;
width: 50px;
}
.largeFbProfileBlankIcon {
height: 74px;
width: 74px;
}
.fbProfileBlankStateIcon {
background-color: #ECEFF5;
border: 1px solid #C5CDE1;
}
.fbProfileBlankStateIcon:hover {
border: 1px solid #9DACCB;
}
.fbProfileBlankStateIcon:active {
background-color: #D8DEEB;
border: 1px solid #9DACCB;
}
.fbProfileBlankStateIcon .iconSpan {
border-bottom: 1px solid #F6F7F9;
border-top: 1px solid #F2F4F8;
text-align: center;
}
.fbProfileBlankStateIcon .iconSpan:active {
border-bottom: 1px solid #F7F9FB;
border-top: 1px solid #CDD5E6;
}
.fbProfileBlankStateIcon .iconImage {
position: relative;
}
.mediumFbProfileBlankIcon .iconImage {
top: 9px;
}
.largeFbProfileBlankIcon .iconImage {
top: 21px;
}
.uiScaledImageContainer {
overflow: hidden;
position: relative;
}
.uiScaledImageCentered {
background-color: #F2F2F2;
text-align: center;
}
.uiScaledImageContainer img {
height: 100%;
min-height: 100%;
position: relative;
}
.uiScaledImageContainer .scaledImageFitWidth {
height: auto;
width: 100%;
}
.uiScaledImageContainer .verticallyAligned {
min-height: 0;
vertical-align: middle;
}
.timelineLayout .fbTimelinePhotosAndVideosOfMe .fbPhotosGrid {
margin-left: 11px;
}
.timelineLayout .fbTimelinePhotosAndVideosOfMe .fbPhotosGrid td {
padding: 0;
width: auto;
}
.timelineLayout .fbTimelinePhotoAlbums a.uiMediaThumbAlb {
margin-right: 9px;
}
.timelineLayout .uiMediaThumbAlbHuge, .timelineLayout .uiMediaThumbHuge .uiMediaThumbWrap i {
height: 111px;
width: 167px;
}
.timelineLayout .fbPhotosGrid .photoDetails {
width: 185px;
}
.timelineLayout .fbPhotosGrid .photoDetails .fbAudienceHover {
margin-right: 6px;
}
.timelineLayout .uiMediaThumbHume {
padding: 3px;
}
.timelineLayout .uiMediaThumbHuge i {
height: 120px;
width: 180px;
}
.fbTimelineVideos .uiVideoLink {
padding: 0;
vertical-align: bottom;
}
.fbTimelineVideos .uiVideoLinkHuge i {
background-size: cover;
height: 133px;
width: 191px;
}
.fbTimelinePhotoAlbums .fbPhotosGrid td {
padding-right: 5px;
}
.fbTimelinePhotosAndVideosOfMe .uiVideoLink {
border: 0 none;
margin: 0 3px 3px 0;
padding: 0;
vertical-align: bottom;
}
.fbTimelinePhotosAndVideosOfMe .uiVideoLinkHuge i {
background-size: cover;
height: 120px;
width: 182px;
}
.uiMediaThumbStacked.uiMediaThumbAlb {
border: medium none;
position: relative;
}
.uiMediaThumbStacked .uiMediaThumbPrevPhoto {
-moz-transform: rotate(3deg);
border: medium none;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.25);
height: 165px;
left: 0;
top: 0;
width: 217px;
z-index: 0;
}
#albums_grid_pagelet, #videos_grid_pagelet {
padding-bottom: 15px;
}
div.fbTimelinePhotoAlbums {
padding: 30px 41px 0;
}
div.fbTimelinePhotosAndVideosOfMe {
padding: 30px 41px 20px;
}
.fbTimelinePhotosSeparator h4 {
color: gray;
cursor: default;
font-size: 13px;
margin: 10px 0 15px;
text-align: center;
}
.fbTimelinePhotosSeparator h4 span {
background-color: #FFFFFF;
padding: 0 10px;
}
.fbTimelinePhotosAndVideosOfMe .async_saving {
margin: 20px 0 30px;
}
.fbTimelineNoVideosMsg {
margin: 60px 0;
text-align: center;
}
.fbTimelinePhotosAndVideosOfMe .uiMediaThumb {
border: 0 none;
padding: 0 3px 3px 0;
}
.fbTimelinePhotosStream .uiMediaThumb {
border: 0 none;
padding: 2px;
}
div.fbTimelinePhotosStream {
padding: 2px;
}
div.fbTimelineInlineSectionHeader {
background: none repeat scroll 0 0 transparent;
border: 0 none;
height: 40px;
text-align: center;
}
.fbTimelineTimePeriod div.fbTimelineInlineSectionHeader {
padding-top: 0;
}
.fbTimelineInlineSectionHeader .uiHeaderTitle {
color: #1C2A47;
}
.fbTimelineTabHeader {
background: none repeat scroll 0 0 transparent;
margin: 0 10px 20px;
}
.fbTimelineTabHeader h3 {
font-size: 16px;
width: 400px;
}
.fbTimelineAboutMeHeader {
background: none repeat scroll 0 0 transparent;
margin: 0 0 15px;
}
.fbTimelineTabSection .fbTimelineAboutMeHeader, .fbTimelineCompactSection .fbTimelineAboutMeHeader {
margin: 15px 15px 15px 22px;
}
.fbTimelineAboutMeHeader h3 {
font-size: 16px;
}
.fbTimelineAboutMeHeader h3 a {
color: #333333;
}
.fbTimelineContentHeader h3.uiHeaderTitle, .fbTimelineInlineSectionHeader h3.uiHeaderTitle {
background: none repeat scroll 0 0 #A9B5D3;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
display: inline-block;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 6px 11px;
word-wrap: normal;
}
.fbTimelineContentHeader h3 a {
color: #8897BD;
}
.fbTimelineContentHeader {
margin-bottom: 15px;
text-align: center;
}
.fbTimelinePermalink .fbTimelineSection .fbTimelineContentHeader {
margin-bottom: 0;
}
.fbTimelineHeaderTransparent {
opacity: 0;
}
.fbTimelineContentHeader .headerPlus {
border-left: 1px solid #E5E5E5;
display: inline-block;
height: 28px;
margin: -7px -12px 0 0;
text-align: center;
width: 37px;
}
.fbTimelineAboutMeHeader .img {
margin-top: 2px;
}
.fbTimelineContentHeader .headerPlus .img {
margin-top: 9px;
}
.fbTimelineStickyHeader {
-moz-transition: top 0.3s linear 0s;
top: 38px;
z-index: 250;
}
body.hasVoiceBar .fbTimelineStickyHeader {
padding-top: 27px;
}
.uiLayerPageOpen .fbTimelineStickyHeader, .theaterMode .fbTimelineStickyHeader {
z-index: 50;
}
.fbTimelineStickyHeaderHidden {
top: -150px;
visibility: hidden;
}
.collapsedHead .fbTimelineStickyHeaderHidden {
display: none;
}
.collapsedHead {
box-shadow: none;
}
.collapsedHead #fbProfileCover {
height: 47px;
margin-bottom: -1px;
}
.collapsedHead #fbProfileCover h2 {
font-size: 17px;
margin-bottom: 10px;
margin-left: 63px;
margin-top: 14px;
white-space: nowrap;
}
.collapsedHead #fbProfileCover .coverNoImage, .collapsedHead #fbProfileCover .coverWrap, .collapsedHead #fbProfileCover .fbProfileCoverCollapsed .coverWrap {
height: 0;
}
.collapsedHead #fbProfileCover .profilePicThumb {
background: none repeat scroll 0 0 transparent;
box-shadow: none;
left: 11px;
margin-top: 2px;
}
.collapsedHead #fbProfileCover .profilePic {
height: 32px;
width: 32px;
}
.collapsedHead #fbProfileCover .leftPic, .collapsedHead #fbProfileCover .rightPic {
visibility: hidden;
width: 0;
}
.collapsedHead .fbTimelineNavigationPagelet, .collapsedHead #fbProfileCover .fbProfileCoverPhotoSelector, .collapsedHead #fbProfileCover .alternate_name, .collapsedHead #fbProfileCover .presenceIndicator {
display: none;
}
.fbTimelineStickyHeader .stickyHeaderWrap {
position: absolute;
width: 851px;
}
.fbTimelineStickyHeaderGroups .stickyHeaderWrap {
width: 981px;
}
.fbTimelineStickyHeader .back, .fbTimelineStickyHeader .actions, .fbTimelineStickyHeader .name {
position: relative;
}
.fbTimelineStickyHeader .back {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FFFFFF;
border-color: -moz-use-text-color #C4CDE0 #C4CDE0;
border-radius: 0 0 2px 2px;
border-right: 1px solid #C4CDE0;
border-style: none solid solid;
border-width: 0 1px 1px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
height: 47px;
position: absolute;
width: 849px;
}
.fbTimelineStickyHeaderGroups .back {
width: 979px;
}
.fbTimelineStickyHeader .actions {
float: right;
padding: 12px 25px 5px 5px;
}
.fbTimelineStickyHeader .name {
display: block;
float: left;
padding: 9px 14px 7px 16px;
text-overflow: ellipsis;
white-space: nowrap;
}
.ogAppTab .fbStickyHeaderRightLeft {
width: 819px;
}
.fbStickyHeaderBreadcrumb {
margin-left: 10px;
margin-top: 3px;
}
.fbStickyHeaderBreadcrumb .uiButton .uiButtonText, .fbStickyHeaderBreadcrumb .uiButton input {
font-size: 13px;
}
.fbStickyHeaderBreadcrumb .uiButton {
height: 19px;
line-height: 15px;
}
.fbStickyHeaderBreadcrumb .nameButton .uiButtonText {
max-width: 190px !important;
overflow: hidden;
text-overflow: ellipsis;
}
.fbTimelineStickyHeader .name .profileThumb {
display: block;
float: left;
height: 32px;
margin-top: -1px;
}
.fbTimelineStickyHeader .name .profileThumb .img {
display: inline-block;
height: 32px;
width: 32px;
}
div.fbTimelineStickyHeader .fbTimelineConnectButtonGroup .uiButtonHover, div.fbTimelineStickyHeader .fbTimelineConnectButtonGroup .uiButtonConfirm {
background-color: #6D84B4;
border-color: #3B5998;
}
.timelineMegaphoneFriends {
max-width: 245px;
}
.timelineMegaphoneComingSoonFriends {
max-width: 190px;
}
.fbProfileEditLink {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yh/r/_S0u1wZb3JC.png") no-repeat scroll left 2px transparent;
padding-left: 14px;
text-align: left;
}
.fbProfileThumbRemove {
position: relative;
}
.fbProfileThumbRemoveX {
display: none;
position: absolute;
right: 3px;
top: 2px;
}
.fbProfileThumbRemove:hover .fbProfileThumbRemoveX, .async_saving .fbProfileThumbRemoveX, .fbProfileThumbRemoveDialog {
display: block;
text-decoration: none;
}
.async_saving .fbProfileThumbRemoveX .fbProfilePhotoClose, .fbProfileThumbRemoveDialog .fbProfilePhotoClose {
background-position: left -22px;
}
.fbProfileThumbDontShowAgain label {
font-weight: normal;
vertical-align: text-bottom;
}
.fbProfileSuppressConfirm .async_saving {
display: none;
}
.async_saving .fbProfilePhotoThumb {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yk/r/LOOn0JtHNzb.gif") no-repeat scroll center center transparent;
}
.async_saving .fbProfilePhotoThumb i {
opacity: 0.3;
}
.photoTypeahead .photo {
display: none;
height: 16px;
left: 3px;
position: absolute;
top: 2px;
width: 16px;
}
.photoTypeahead .selected .photo {
display: block;
}
.photoTypeahead .selected .textInput {
padding-left: 23px;
}
.photoTypeahead.uiTypeaheadDisabled .selected .photo {
opacity: 0.3;
}
.sp_8n1pd0 {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/ZBkNzzD2-gD.png");
background-repeat: no-repeat;
display: inline-block;
height: 12px;
width: 13px;
}
.sx_be615e {
background-position: -13px -17px;
}
.selected .sx_be615e {
background-position: 0 -17px;
}
.sx_20b2e8 {
background-position: -17px 0;
height: 16px;
width: 17px;
}
.selected .sx_20b2e8 {
background-position: 0 0;
}
.sp_d5j2sv {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yz/r/Xa4Engrwdwn.png");
background-repeat: no-repeat;
display: inline-block;
height: 30px;
width: 29px;
}
.sx_2adfd5 {
background-position: -112px -4px;
}
.sx_fb0e02 {
background-position: -142px -4px;
}
.sx_8c573c {
background-position: -184.5px -4px;
height: 12px;
width: 12.5px;
}
.selected .sx_8c573c {
background-position: -172px -4px;
}
.sx_ceaded {
background-position: -198px -4px;
height: 10px;
width: 8px;
}
.sx_9e66ef {
background-position: -172px -17px;
height: 15px;
width: 19px;
}
.sx_0cf814 {
background-position: -192px -17px;
height: 15px;
width: 19px;
}
.sx_3f0fbf {
background-position: -137px -35px;
height: 21px;
width: 15px;
}
.sx_9c8f9c {
background-position: -112px -35px;
height: 24px;
width: 24px;
}
.sx_ff3f6b {
background-position: 0 -4px;
height: 74px;
width: 111px;
}
.sx_7746eb {
background-position: 0 -102px;
height: 4px;
width: 411px;
}
.sx_64069c {
background-position: -412px -102px;
height: 3px;
width: 411px;
}
.sx_de6d3f {
background-position: 0 0;
height: 3px;
width: 851px;
}
.sx_e94a47 {
background-position: -352px -4px;
height: 48px;
width: 500px;
}
.sx_fec8f1 {
background-position: -352px -53px;
height: 48px;
width: 500px;
}
.uiStreamStory .coverPhotoFeedStoryThumb {
border: 0 none;
overflow: hidden;
position: relative;
z-index: 0;
}
.uiStreamStory .coverPhotoFeedStoryThumb:hover {
border: 0 none;
}
.uiStreamStory .coverPhotoFeedStoryThumb img {
margin: 0;
z-index: -1;
}
.uiStreamStory .coverPhotoFeedStoryThumb:hover {
outline: 1px solid #3B5998;
outline-offset: -1px;
}
.fbFlyoutDialog .uiStreamStory .coverPhotoFeedStoryThumb {
max-width: 266px;
}
.uiStreamStory .uiPhotoThumb .coverPhotoFeedStoryImage {
position: absolute;
}
div.uiAttachmentPhotoBox .uiMediaThumb, div.uiAttachmentPhotoBox div.horizontalSplitContainer {
display: inline-block;
float: left;
}
div.uiAttachmentPhotoBox .uiMediaThumb {
padding: 2px;
}
div.uiAttachmentPhotoBox .beforeHorizontalSplit {
margin-right: 3px;
}
div.uiAttachmentPhotoBox .beforeVerticalSplit {
margin-bottom: 3px;
}
.uiStreamSubstories .uiStreamSubstory .uiUfi {
width: 358px;
}
.uiStreamRedesign .uiStreamMessage .messageBody {
color: #333333;
font-size: 13px;
line-height: 1.38;
}
.uiStreamRedesign .uiStreamStory .mainWrapper {
margin-bottom: 16px;
padding-top: 20px;
}
.uiStreamRedesign .uiStreamStory .actorPhoto {
margin-bottom: 16px;
margin-top: 18px;
}
.uiStreamRedesign .uiStreamStory .uiStreamPassive {
margin-bottom: 6px;
}
.uiStreamRedesign .uiStreamStory .actorDescription {
padding-bottom: 4px;
}
ul.fbUfiNoBorder li.ufiItem {
border-bottom: 0 none;
}
#gear-balloon-promo {
background-repeat: no-repeat;
bottom: 17px;
color: #3B4A67;
position: absolute;
right: 1px;
width: 203px;
z-index: 100;
}
#gear-balloon-promo .balloon-content {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/ys/r/SQuBS6C9SHv.png") no-repeat scroll 0 0 transparent;
width: 100%;
}
#gear-balloon-promo .balloon-bottom {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y4/r/XL3imU7BZ1w.png") repeat scroll 0 0 transparent;
height: 10px;
width: 100%;
}
#gear-balloon-promo .promo-close-button {
position: absolute;
right: 13px;
top: 15px;
}
#gear-balloon-promo .balloon-title {
font-size: 12px;
font-weight: bold;
padding: 14px 28px 8px 18px;
}
#gear-balloon-promo .balloon-text {
margin: 0 18px;
}
#gear-balloon-promo .install-button {
float: right;
margin: 13px 20px 14px 0;
}
#gear-balloon-promo .balloon-nub {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yN/r/vkSu3kEd-_R.png") repeat scroll 0 0 transparent;
bottom: -4px;
height: 14px;
position: absolute;
right: 30px;
width: 17px;
}
.fbPhotosNullstate {
margin: 60px auto;
}
.fbPhotosNullstate .imageCell {
padding-left: 60px;
}
.fbPhotosNullstate .textCell {
height: 32px;
padding-right: 60px;
}
.sp_23ba1e {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yC/r/pfAsRcr3zbQ.png");
background-repeat: no-repeat;
display: inline-block;
height: 13px;
width: 8px;
}
.sx_c3eb5c {
background-position: -72px -75px;
height: 14px;
width: 11px;
}
.selected .sx_c3eb5c {
background-position: -61px -75px;
}
.sx_0d93b7 {
background-position: -31px -75px;
height: 32px;
width: 29px;
}
.sx_aecae5 {
background-position: 0 -75px;
height: 32px;
width: 30px;
}
.sx_ebbd3e {
background-position: 0 0;
height: 74px;
width: 111px;
}
.sx_ab8cf2 {
background-position: -94px -75px;
}
.sx_a682e9 {
background-position: -84px -75px;
width: 9px;
}
.sx_547557 {
background-position: -103px -75px;
}
.sp_2gb0fa {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sx_082214 {
background-position: -27px -5px;
height: 24px;
width: 26px;
}
.sx_28d637 {
background-position: 0 -5px;
height: 24px;
width: 26px;
}
.sx_3c7585 {
background-position: -217px -50px;
height: 13px;
width: 14px;
}
.sx_e75b51 {
background-position: -75px -30px;
height: 12px;
width: 8px;
}
.sx_d6f12a {
background-position: -845px -397px;
height: 14px;
width: 7px;
}
.sx_37b03e {
background-position: -202px -50px;
height: 14px;
width: 14px;
}
.sx_17ba90 {
background-position: -54px -20px;
height: 9px;
}
.sx_9326ef {
background-position: -71px -20px;
height: 9px;
}
.sx_de20e3 {
background-position: -88px -20px;
height: 9px;
}
.sx_b9e6e6 {
background-position: 0 -67px;
width: 9px;
}
.sx_275ed9 {
background-position: -10px -67px;
width: 9px;
}
.sx_832e4c {
background-position: -105px -20px;
height: 9px;
}
.sx_45adf5 {
background-position: -84px -30px;
height: 10px;
width: 10px;
}
.sx_9474cb {
background-position: -95px -30px;
height: 10px;
width: 10px;
}
.sx_592346 {
background-position: -106px -30px;
height: 10px;
width: 10px;
}
.sx_12f8a0 {
background-position: -117px -30px;
height: 10px;
width: 10px;
}
.sx_656717 {
background-position: -90px -5px;
height: 14px;
width: 11px;
}
.selected .sx_656717 {
background-position: -79px -5px;
}
.sx_f33763 {
background-position: -193px -50px;
height: 14px;
width: 8px;
}
.selected .sx_f33763 {
background-position: -185px -50px;
}
.sx_f273d2 {
background-position: -66px -5px;
height: 14px;
width: 12px;
}
.selected .sx_f273d2 {
background-position: -54px -5px;
}
.sx_a73c55 {
background-position: -53px -30px;
height: 12px;
width: 9px;
}
.selected .sx_a73c55 {
background-position: -44px -30px;
}
.sx_46432e {
background-position: -33px -30px;
height: 14px;
width: 10px;
}
.selected .sx_46432e {
background-position: -23px -30px;
}
.sx_c59bc6 {
background-position: -113px -5px;
height: 14px;
width: 11px;
}
.selected .sx_c59bc6 {
background-position: -102px -5px;
}
.sx_9132ee {
background-position: -168px -5px;
height: 3px;
width: 5px;
}
.sx_e473ad {
background-position: -119px -50px;
}
.sx_be80cd {
background-position: -176px -50px;
height: 14px;
width: 8px;
}
.selected .sx_be80cd {
background-position: -168px -50px;
}
.sx_0c3db4 {
background-position: -136px -50px;
width: 15px;
}
.sx_a23e9f {
background-position: 0 -50px;
}
.sx_067f30 {
background-position: -17px -50px;
}
.sx_490a3d {
background-position: -34px -50px;
}
.sx_e16cd2 {
background-position: -152px -50px;
width: 15px;
}
.sx_4d3ebb {
background-position: -51px -50px;
}
.sx_56f015 {
background-position: -68px -50px;
}
.sx_bd01cb {
background-position: -136px -5px;
height: 12px;
width: 11px;
}
.selected .sx_bd01cb {
background-position: -125px -5px;
}
.sx_d4a5d5 {
background-position: -148px -5px;
height: 5px;
width: 19px;
}
.sx_ba1a12 {
background-position: -85px -50px;
}
.sx_f159ef {
background-position: -102px -50px;
}
.sx_72624b {
background-position: -63px -30px;
height: 12px;
width: 11px;
}
.sx_2592e7 {
background-position: -284px -50px;
height: 13px;
width: 8px;
}
.sx_a28b41 {
background-position: -274px -50px;
height: 13px;
width: 9px;
}
.sx_42f8b4 {
background-position: -232px -50px;
height: 13px;
width: 11px;
}
.sx_95b955 {
background-position: -244px -50px;
height: 13px;
width: 9px;
}
.sx_771fdf {
background-position: -254px -50px;
height: 13px;
width: 9px;
}
.sx_d01194 {
background-position: -264px -50px;
height: 13px;
width: 9px;
}
.sx_801b84 {
background-position: 0 0;
height: 4px;
width: 851px;
}
.sx_e2ffe3 {
background-position: -352px -5px;
height: 48px;
width: 500px;
}
.sx_1533c8 {
background-position: -352px -54px;
height: 48px;
width: 500px;
}
.sx_7b03f0 {
background-position: -352px -348px;
height: 48px;
width: 500px;
}
.sx_03938a {
background-position: -352px -299px;
height: 48px;
width: 500px;
}
.sx_ac3a9e {
background-position: -352px -250px;
height: 48px;
width: 500px;
}
.sx_53711d {
background-position: -352px -201px;
height: 48px;
width: 500px;
}
.sx_22acc7 {
background-position: -352px -152px;
height: 48px;
width: 500px;
}
.sx_90832a {
background-position: -352px -103px;
height: 48px;
width: 500px;
}
.sx_077bfd {
background-position: 0 -30px;
height: 19px;
width: 22px;
}
.sx_72d8dd {
background-position: -122px -20px;
height: 8px;
}
.sp_2kk21h {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-repeat: no-repeat;
display: inline-block;
height: 31px;
width: 24px;
}
.sx_84b48f {
background-position: -255px -102px;
height: 16px;
width: 16px;
}
.selected .sx_84b48f {
background-position: -239px -102px;
}
.sx_129f90 {
background-position: -150px -134px;
height: 16px;
width: 16px;
}
.selected .sx_129f90 {
background-position: -134px -134px;
}
.sx_3412de {
background-position: -201px -134px;
height: 10px;
width: 10px;
}
.sx_7b4b9f {
background-position: -212px -134px;
height: 7px;
width: 7px;
}
.sx_a73a85 {
background-position: 0 -8px;
height: 14px;
width: 14px;
}
.sx_77f0cd {
background-position: -188px -134px;
height: 10px;
width: 12px;
}
.sx_e31378 {
background-position: -156px -213px;
height: 32px;
width: 32px;
}
.sx_6fe733 {
background-position: 0 -253px;
}
.sx_24c757 {
background-position: -25px -253px;
}
.sx_676c1b {
background-position: -50px -253px;
}
.sx_140318 {
background-position: -56px -215px;
}
.sx_56acf8 {
background-position: -31px -215px;
}
.sx_51c462 {
background-position: -232px -167px;
}
.sx_170903 {
background-position: -207px -167px;
}
.sx_5c849b {
background-position: -182px -167px;
}
.sx_a2ba25 {
background-position: -157px -167px;
}
.sx_aaf2a4 {
background-position: -132px -167px;
}
.sx_2e024d {
background-position: -107px -167px;
}
.sx_28c02c {
background-position: -82px -167px;
}
.sx_72b585 {
background-position: -81px -215px;
}
.sx_b13784 {
background-position: -106px -215px;
}
.sx_7ae90b {
background-position: -131px -215px;
}
.sx_507c6c {
background-position: -143px -151px;
height: 12px;
width: 9px;
}
.selected .sx_507c6c {
background-position: -134px -151px;
}
.sx_755975 {
background-position: -161px -151px;
height: 12px;
width: 8px;
}
.selected .sx_755975 {
background-position: -153px -151px;
}
.sx_fa8307 {
background-position: 0 -102px;
height: 150px;
width: 30px;
}
.sx_4d0409 {
background-position: -239px -119px;
height: 11px;
width: 20px;
}
.sx_cc64b1 {
background-position: -167px -134px;
height: 11px;
width: 20px;
}
.sx_475d9d {
background-position: -244px -213px;
width: 25px;
}
.sx_dca73e {
background-position: -217px -213px;
width: 25px;
}
.sx_11c02b {
background-position: -190px -213px;
width: 25px;
}
.sx_4626e5 {
background-position: -220px -134px;
height: 4px;
width: 7px;
}
.sx_26371c {
background-position: -228px -134px;
height: 4px;
width: 7px;
}
.sx_d1a011 {
background-position: -38px -139px;
height: 19px;
width: 89px;
}
.sx_b13d7e {
background-position: -31px -102px;
width: 103px;
}
.sx_9490ac {
background-position: -135px -102px;
height: 30px;
width: 103px;
}
.sx_4009ca {
background-position: -31px -165px;
height: 47px;
width: 50px;
}
.sx_9f77ea {
background-position: -260px -119px;
height: 8px;
width: 13px;
}
.sp_2qi5tr {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yj/r/qGQ43RMXTXE.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sx_4d7154 {
background-position: -16px 0;
}
.selected .sx_4d7154 {
background-position: 0 0;
}
.sx_9c16a6 {
background-position: -17px -17px;
height: 14px;
width: 11px;
}
.sx_f41371 {
background-position: -17px -32px;
height: 10px;
width: 12px;
}
.sx_a5d16a {
background-position: -17px -79px;
height: 10px;
width: 10px;
}
.sx_b09a90 {
background-position: -17px -67px;
height: 11px;
width: 9px;
}
.sx_f49d56 {
background-position: -17px -43px;
height: 11px;
width: 11px;
}
.sx_9c8635 {
background-position: -17px -55px;
height: 11px;
width: 11px;
}
.sx_04a958 {
background-position: 0 -17px;
}
.sx_1df302 {
background-position: 0 -34px;
}
.sx_6224b1 {
background-position: 0 -51px;
}
.sx_bda4e6 {
background-position: 0 -68px;
}
.sx_c333b4 {
background-position: 0 -85px;
}
.sx_bde1aa {
background-position: 0 -102px;
}
.sx_853f7e {
background-position: 0 -119px;
}
.sx_226786 {
background-position: 0 -136px;
}
.sx_8c7394 {
background-position: 0 -153px;
}
.sp_338tr5 {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yI/r/vVfmWeUGFMF.png");
background-repeat: no-repeat;
display: inline-block;
height: 32px;
width: 9px;
}
.sx_11e8c2 {
background-position: -22px -112px;
height: 14px;
}
.selected .sx_11e8c2 {
background-position: -13px -112px;
}
.sx_6c6a3b {
background-position: -8px -162px;
height: 14px;
width: 8px;
}
.selected .sx_6c6a3b {
background-position: 0 -162px;
}
.sx_6bfdfb {
background-position: 0 -66px;
height: 22px;
width: 22px;
}
.sx_5165fd {
background-position: 0 -145px;
height: 16px;
width: 16px;
}
.sx_0ef349 {
background-position: 0 -33px;
width: 23px;
}
.sx_12a92c {
background-position: 0 0;
width: 32px;
}
.sx_af936d {
background-position: -9px -132px;
height: 12px;
}
.selected .sx_af936d {
background-position: 0 -132px;
}
.sx_a488c5 {
background-position: 0 -112px;
height: 19px;
width: 12px;
}
.sx_9cb448 {
background-position: 0 -89px;
height: 22px;
width: 22px;
}
.sp_3xz0q5 {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yq/r/wPtZz4ZY7Nu.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sx_618be2 {
background-position: 0 -51px;
}
.sx_827e8c {
background-position: -13px -68px;
height: 10px;
width: 11px;
}
.sx_5a1ff7 {
background-position: 0 -83px;
height: 11px;
width: 9px;
}
.sx_08a9ba {
background-position: 0 -68px;
height: 14px;
width: 12px;
}
.sx_92537c {
background-position: -17px -51px;
}
.sx_f21851 {
background-position: 0 0;
height: 50px;
width: 50px;
}
.sx_e7d509 {
background-position: -34px -51px;
}
.sp_49sjod {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/y4/r/H-born66Dwm.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sx_d9b93c {
background-position: -16px -51px;
}
.selected .sx_d9b93c {
background-position: 0 -51px;
}
.sx_bd1ab5 {
background-position: -16px -68px;
}
.selected .sx_bd1ab5 {
background-position: 0 -68px;
}
.sx_646293 {
background-position: -16px -85px;
}
.selected .sx_646293 {
background-position: 0 -85px;
}
.sx_2fa431 {
background-position: 0 -102px;
height: 18px;
width: 18px;
}
.sx_fce5aa {
background-position: -33px -69px;
}
.sx_48b46b {
background-position: -19px -102px;
}
.sx_17c78a {
background-position: 0 -121px;
}
.sx_97ba21 {
background-position: -33px -51px;
height: 17px;
}
.sx_e13b66 {
background-position: -17px -121px;
}
.sx_4ebc64 {
background-position: -34px -121px;
}
.sx_9dbcf1 {
background-position: 0 -138px;
}
.sx_e4f28a {
background-position: 0 0;
height: 50px;
width: 50px;
}
.sp_4cc1bv {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yd/r/7J5PXq5zFmL.png");
background-repeat: no-repeat;
display: inline-block;
height: 11px;
width: 11px;
}
.sx_dcb82f {
background-position: 0 -29px;
}
.sx_7d47f4 {
background-position: 0 0;
height: 16px;
width: 16px;
}
.sx_2b72b2 {
background-position: 0 -17px;
width: 12px;
}
.sp_50m0s5 {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yY/r/3NeoP0SmgUB.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sx_6e7cfa {
background-position: -11px 0;
height: 14px;
width: 11px;
}
.selected .sx_6e7cfa {
background-position: 0 0;
}
.sx_0b4d35 {
background-position: 0 -338px;
}
.sx_5db145 {
background-position: 0 -321px;
}
.sx_860d5d {
background-position: 0 -304px;
}
.sx_43afef {
background-position: 0 -287px;
}
.sx_78bb4b {
background-position: 0 -270px;
}
.sx_354bf9 {
background-position: 0 -253px;
}
.sx_a55424 {
background-position: 0 -236px;
}
.sx_1b476e {
background-position: 0 -219px;
}
.sx_296e65 {
background-position: 0 -202px;
}
.sx_74ed91 {
background-position: 0 -185px;
}
.sx_49e056 {
background-position: 0 -168px;
}
.sx_c9600c {
background-position: 0 -151px;
}
.sx_f991d6 {
background-position: 0 -134px;
}
.sx_95619f {
background-position: 0 -117px;
}
.sx_f484f9 {
background-position: 0 -100px;
}
.sx_987e3f {
background-position: 0 -83px;
}
.sx_4e2b4f {
background-position: 0 -66px;
}
.sx_e5ce26 {
background-position: 0 -49px;
}
.sx_e0362c {
background-position: 0 -32px;
}
.sx_ed0971 {
background-position: 0 -15px;
}
.sp_63uxzy {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/y3/r/wNhZ6P89q73.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sx_33d8b7 {
background-position: -16px 0;
}
.selected .sx_33d8b7 {
background-position: 0 0;
}
.sx_a1320c {
background-position: 0 -17px;
}
.sp_666lae {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yl/r/N-TrY0Mi5p4.png");
background-repeat: no-repeat;
display: inline-block;
height: 14px;
width: 14px;
}
.sx_6d6f33 {
background-position: 0 -33px;
}
.sx_7d96fc {
background-position: 0 -17px;
height: 15px;
width: 13px;
}
.sx_144463 {
background-position: 0 0;
height: 16px;
width: 16px;
}
.sx_b3f05a {
background-position: 0 -48px;
height: 12px;
width: 12px;
}
.sp_7tlaor {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/y8/r/lLTcVrzTM17.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sx_57dcc8 {
background-position: 0 0;
}
.sx_5de191 {
background-position: 0 -17px;
}
.sx_6829b2 {
background-position: 0 -34px;
}
.sx_b38bd4 {
background-position: 0 -51px;
}
.sp_7xy8us {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/ye/r/SJMMHV014Gr.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sx_fe85da {
background-position: 0 -27px;
height: 17px;
width: 17px;
}
.sx_df5ac9 {
background-position: -102px -45px;
height: 10px;
}
.sx_821ecc {
background-position: -4px -8px;
height: 11px;
width: 11px;
}
.sx_5da942 {
background-position: -18px -27px;
height: 17px;
width: 17px;
}
.sx_41ba92 {
background-position: -179px -45px;
height: 7px;
width: 11px;
}
.sx_13b6c5 {
background-position: -53px -27px;
width: 17px;
}
.sx_855831 {
background-position: 0 -80px;
height: 14px;
width: 13px;
}
.sx_33143f {
background-position: -85px -45px;
height: 14px;
}
.sx_835a2c {
background-position: -17px -45px;
}
.sx_3c28a5 {
background-position: -173px -27px;
}
.sx_f46135 {
background-position: -156px -27px;
}
.sx_807777 {
background-position: -43px -63px;
height: 5px;
width: 9px;
}
.sx_31655f {
background-position: -139px -27px;
}
.sx_ee1ec2 {
background-position: 0 -45px;
height: 17px;
}
.sx_31d8b7 {
background-position: -122px -27px;
}
.sx_8ad335 {
background-position: -105px -27px;
}
.sx_f58c6a {
background-position: -34px -45px;
height: 15px;
}
.sx_69235f {
background-position: -119px -45px;
height: 10px;
}
.sx_3ee97a {
background-position: -153px -45px;
height: 10px;
width: 13px;
}
.sx_972642 {
background-position: -30px -63px;
height: 11px;
width: 12px;
}
.sx_0a6f5f {
background-position: -14px -63px;
height: 13px;
width: 15px;
}
.sx_ff582c {
background-position: -68px -45px;
height: 15px;
}
.sx_72145e {
background-position: 0 -63px;
width: 13px;
}
.sx_cf1b2d {
background-position: -88px -27px;
}
.sx_c0e700 {
background-position: -51px -45px;
height: 15px;
}
.sx_6d7504 {
background-position: -190px -27px;
width: 9px;
}
.sx_d20bfe {
background-position: -36px -27px;
height: 17px;
}
.sx_4b0479 {
background-position: -167px -45px;
height: 9px;
width: 11px;
}
.sx_0d80eb {
background-position: -71px -27px;
}
.sx_ad82a6 {
background-position: -136px -45px;
height: 10px;
}
.sx_81c84d {
background-position: -191px -45px;
height: 3px;
width: 5px;
}
.sp_9ds6nb {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yR/r/ffvRQ62PhhK.png");
background-repeat: no-repeat;
display: inline-block;
height: 9px;
width: 5px;
}
.sx_7704a5 {
background-position: 0 0;
}
.sx_cd43c3 {
background-position: 0 -10px;
}
.sp_9u5yz9 {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/y4/r/dCirgOhRAbd.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sx_078ba8 {
background-position: -49px -177px;
}
.selected .sx_078ba8 {
background-position: -33px -177px;
}
.sx_15e917 {
background-position: -16px -194px;
}
.selected .sx_15e917 {
background-position: 0 -194px;
}
.sx_105f59 {
background-position: -49px -194px;
}
.selected .sx_105f59 {
background-position: -33px -194px;
}
.sx_36fe65 {
background-position: -16px -211px;
}
.selected .sx_36fe65 {
background-position: 0 -211px;
}
.sx_076572 {
background-position: -49px -211px;
}
.selected .sx_076572 {
background-position: -33px -211px;
}
.sx_4c0ec8 {
background-position: -16px -228px;
}
.selected .sx_4c0ec8 {
background-position: 0 -228px;
}
.sx_f8462c {
background-position: -49px -228px;
}
.selected .sx_f8462c {
background-position: -33px -228px;
}
.sx_fe8643 {
background-position: -16px -245px;
}
.selected .sx_fe8643 {
background-position: 0 -245px;
}
.sx_0c3a93 {
background-position: -49px -245px;
}
.selected .sx_0c3a93 {
background-position: -33px -245px;
}
.sx_d961e4 {
background-position: -16px -262px;
}
.selected .sx_d961e4 {
background-position: 0 -262px;
}
.sx_ccfadc {
background-position: -49px -262px;
}
.selected .sx_ccfadc {
background-position: -33px -262px;
}
.sx_6872fc {
background-position: -16px -279px;
}
.selected .sx_6872fc {
background-position: 0 -279px;
}
.sx_52aab1 {
background-position: -49px -279px;
}
.selected .sx_52aab1 {
background-position: -33px -279px;
}
.sx_4a1658 {
background-position: -16px -296px;
}
.selected .sx_4a1658 {
background-position: 0 -296px;
}
.sx_85ff3a {
background-position: -49px -296px;
}
.selected .sx_85ff3a {
background-position: -33px -296px;
}
.sx_f4ba3a {
background-position: -16px -313px;
}
.selected .sx_f4ba3a {
background-position: 0 -313px;
}
.sx_a6354a {
background-position: -49px -313px;
}
.selected .sx_a6354a {
background-position: -33px -313px;
}
.sx_b6d148 {
background-position: -16px -330px;
}
.selected .sx_b6d148 {
background-position: 0 -330px;
}
.sx_fd1809 {
background-position: -16px -58px;
}
.selected .sx_fd1809 {
background-position: 0 -58px;
}
.sx_94f4cc {
background-position: -49px -58px;
}
.selected .sx_94f4cc {
background-position: -33px -58px;
}
.sx_9c383b {
background-position: -16px -75px;
}
.selected .sx_9c383b {
background-position: 0 -75px;
}
.sx_ecaf75 {
background-position: -49px -75px;
}
.selected .sx_ecaf75 {
background-position: -33px -75px;
}
.sx_62458f {
background-position: -16px -92px;
}
.selected .sx_62458f {
background-position: 0 -92px;
}
.sx_304310 {
background-position: -49px -92px;
}
.selected .sx_304310 {
background-position: -33px -92px;
}
.sx_4356b0 {
background-position: -16px -109px;
}
.selected .sx_4356b0 {
background-position: 0 -109px;
}
.sx_60c12a {
background-position: -49px -109px;
}
.selected .sx_60c12a {
background-position: -33px -109px;
}
.sx_177d9d {
background-position: -16px -126px;
}
.selected .sx_177d9d {
background-position: 0 -126px;
}
.sx_c80eaa {
background-position: -49px -126px;
}
.selected .sx_c80eaa {
background-position: -33px -126px;
}
.sx_07d5e3 {
background-position: -16px -143px;
}
.selected .sx_07d5e3 {
background-position: 0 -143px;
}
.sx_d98526 {
background-position: -49px -143px;
}
.selected .sx_d98526 {
background-position: -33px -143px;
}
.sx_87447a {
background-position: -16px -160px;
}
.selected .sx_87447a {
background-position: 0 -160px;
}
.sx_bed328 {
background-position: -49px -160px;
}
.selected .sx_bed328 {
background-position: -33px -160px;
}
.sx_22d457 {
background-position: -56px -41px;
width: 17px;
}
.selected .sx_22d457 {
background-position: -39px -41px;
}
.sx_0b7392 {
background-position: -78.5px -58px;
height: 12px;
width: 12.5px;
}
.selected .sx_0b7392 {
background-position: -66px -58px;
}
.sx_e0859e {
background-position: -78px -71px;
height: 14px;
width: 12px;
}
.selected .sx_e0859e {
background-position: -66px -71px;
}
.sx_f74bd9 {
background-position: -74px -86px;
height: 14px;
width: 8px;
}
.selected .sx_f74bd9 {
background-position: -66px -86px;
}
.sx_c19a04 {
background-position: -16px -177px;
}
.selected .sx_c19a04 {
background-position: 0 -177px;
}
.sx_72823a {
background-position: -74px -41px;
}
.sx_229bae {
background-position: -19px -41px;
width: 19px;
}
.selected .sx_229bae {
background-position: 0 -41px;
}
.sx_9f7eeb {
background-position: -8px -12px;
height: 17px;
width: 80px;
}
.sp_9vcagj {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yU/r/VobpfpfzcXf.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sx_e9b51f {
background-position: -16px 0;
}
.selected .sx_e9b51f {
background-position: 0 0;
}
.sx_b140ea {
background-position: -16px -17px;
}
.selected .sx_b140ea {
background-position: 0 -17px;
}
.sx_fccf65 {
background-position: -16px -34px;
}
.selected .sx_fccf65 {
background-position: 0 -34px;
}
.sx_e199e8 {
background-position: -16px -51px;
}
.selected .sx_e199e8 {
background-position: 0 -51px;
}
.sx_5fd7f6 {
background-position: -16px -68px;
}
.selected .sx_5fd7f6 {
background-position: 0 -68px;
}
.sx_823d58 {
background-position: -16px -85px;
}
.selected .sx_823d58 {
background-position: 0 -85px;
}
.sx_1336ca {
background-position: -16px -102px;
}
.selected .sx_1336ca {
background-position: 0 -102px;
}
.sx_601c23 {
background-position: -16px -119px;
}
.selected .sx_601c23 {
background-position: 0 -119px;
}
.sp_a9p4um {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yq/r/9XsNqZ09L00.png");
background-repeat: no-repeat;
display: inline-block;
height: 12px;
width: 7px;
}
.sx_830a58 {
background-position: 0 -14px;
}
.sx_fe2f55 {
background-position: 0 0;
height: 13px;
width: 8px;
}
.sp_b419bd {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/ym/r/ywrRWKHfQJp.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sx_669580 {
background-position: -17px -19px;
width: 17px;
}
.selected .sx_669580 {
background-position: 0 -19px;
}
.sx_240652 {
background-position: -17px -36px;
width: 17px;
}
.selected .sx_240652 {
background-position: 0 -36px;
}
.sx_8d16f2 {
background-position: -12.5px -315px;
height: 12px;
width: 12.5px;
}
.selected .sx_8d16f2 {
background-position: 0 -315px;
}
.sx_841cf0 {
background-position: -12.5px -328px;
height: 12px;
width: 12.5px;
}
.selected .sx_841cf0 {
background-position: 0 -328px;
}
.sx_90fc2c {
background-position: -12.5px -341px;
height: 12px;
width: 12.5px;
}
.selected .sx_90fc2c {
background-position: 0 -341px;
}
.sx_e599c0 {
background-position: -17px -53px;
width: 17px;
}
.selected .sx_e599c0 {
background-position: 0 -53px;
}
.sx_0e3c1f {
background-position: -17px -70px;
width: 17px;
}
.selected .sx_0e3c1f {
background-position: 0 -70px;
}
.sx_e4326f {
background-position: -17px -87px;
width: 17px;
}
.selected .sx_e4326f {
background-position: 0 -87px;
}
.sx_ce1c88 {
background-position: -29px -137px;
height: 14px;
width: 5px;
}
.selected .sx_ce1c88 {
background-position: -24px -137px;
}
.sx_0e28e1 {
background-position: -25px -478px;
height: 14px;
width: 8px;
}
.selected .sx_0e28e1 {
background-position: -17px -478px;
}
.sx_572b14 {
background-position: -26px -354px;
height: 14px;
width: 10px;
}
.selected .sx_572b14 {
background-position: -16px -354px;
}
.sx_22affb {
background-position: -26px -343px;
height: 10px;
width: 10px;
}
.sx_dd7312 {
background-position: -16px -272px;
}
.selected .sx_dd7312 {
background-position: 0 -272px;
}
.sx_94a43f {
background-position: -13px -302px;
height: 12px;
width: 13px;
}
.selected .sx_94a43f {
background-position: 0 -302px;
}
.sx_da4916 {
background-position: -13px -289px;
height: 12px;
width: 13px;
}
.selected .sx_da4916 {
background-position: 0 -289px;
}
.sx_75833d {
background-position: -9px -395px;
height: 14px;
width: 9px;
}
.selected .sx_75833d {
background-position: 0 -395px;
}
.sx_c7bd18 {
background-position: -16px -255px;
}
.selected .sx_c7bd18 {
background-position: 0 -255px;
}
.sx_d4992d {
background-position: -16px -238px;
}
.selected .sx_d4992d {
background-position: 0 -238px;
}
.sx_bd9764 {
background-position: -16px -221px;
}
.selected .sx_bd9764 {
background-position: 0 -221px;
}
.sx_f4e552 {
background-position: -16px -204px;
}
.selected .sx_f4e552 {
background-position: 0 -204px;
}
.sx_329585 {
background-position: -16px -187px;
}
.selected .sx_329585 {
background-position: 0 -187px;
}
.sx_f6bde0 {
background-position: 0 -478px;
}
.sx_e3c7c6 {
background-position: -16px -170px;
}
.selected .sx_e3c7c6 {
background-position: 0 -170px;
}
.sx_69ada5 {
background-position: -17px -461px;
}
.sx_f3cba3 {
background-position: 0 -461px;
}
.sx_bdd979 {
background-position: -17px -444px;
}
.sx_fe0f60 {
background-position: 0 -444px;
}
.sx_f12a9f {
background-position: -17px -427px;
}
.sx_a8455a {
background-position: 0 -427px;
}
.sx_1135e0 {
background-position: -17px -410px;
}
.sx_75970a {
background-position: -18px 0;
height: 18px;
width: 18px;
}
.sx_75970a:hover {
background-position: 0 0;
}
.sx_a4d123 {
background-position: 0 -410px;
}
.sx_43d5bc {
background-position: -19px -393px;
}
.sx_8bb146 {
background-position: 0 -137px;
height: 32px;
width: 23px;
}
.sx_c6a71d {
background-position: 0 -104px;
height: 32px;
width: 32px;
}
.sx_6c4cb6 {
background-position: -27px -289px;
height: 13px;
width: 9px;
}
.sx_8a2a90 {
background-position: -20px -495px;
height: 13px;
width: 8px;
}
.sx_426a51 {
background-position: -26px -329px;
height: 13px;
width: 9px;
}
.sx_0b59fd {
background-position: -19px -376px;
}
.sx_918321 {
background-position: 0 -376px;
height: 18px;
width: 18px;
}
.sx_9d7286 {
background-position: -24px -152px;
height: 13px;
width: 11px;
}
.sx_3947fb {
background-position: 0 -495px;
height: 13px;
width: 9px;
}
.sx_06ef92 {
background-position: -26px -315px;
height: 13px;
width: 10px;
}
.sx_15be77 {
background-position: -10px -495px;
height: 13px;
width: 9px;
}
.sx_59fa93 {
background-position: 0 -354px;
height: 21px;
width: 15px;
}
.sp_eaexbq {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/ys/r/hJMgf3lxpxA.png");
background-repeat: no-repeat;
display: inline-block;
height: 13px;
width: 13px;
}
.sx_16cd4b {
background-position: -13px 0;
height: 10px;
}
.selected .sx_16cd4b {
background-position: 0 0;
}
.sx_d0d8f8 {
background-position: 0 -11px;
width: 11px;
}
.sx_39998e {
background-position: -12px -11px;
width: 10px;
}
.sp_ek3b3d {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yM/r/5Fnwp0swJVe.png");
background-repeat: no-repeat;
display: inline-block;
height: 14px;
width: 14px;
}
.sx_fe0810 {
background-position: 0 0;
}
.sx_0d5951 {
background-position: 0 -15px;
}
.sx_96734c {
background-position: 0 -30px;
}
.sx_0b14df {
background-position: 0 -45px;
}
.sp_evwgh1 {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yw/r/-DrG2KfHuxy.png");
background-repeat: no-repeat;
display: inline-block;
height: 14px;
width: 13px;
}
.sx_eff677 {
background-position: -13px 0;
}
.selected .sx_eff677 {
background-position: 0 0;
}
.sx_09e979 {
background-position: -12px -15px;
width: 12px;
}
.selected .sx_09e979 {
background-position: 0 -15px;
}
.sx_6c05f4 {
background-position: -14px -43px;
height: 10px;
width: 10px;
}
.sx_4b8838 {
background-position: -11px -61px;
height: 7px;
width: 8px;
}
.sx_2c37c4 {
background-position: 0 -61px;
height: 10px;
width: 10px;
}
.sx_9a5819 {
background-position: -12px -30px;
height: 12px;
width: 12px;
}
.selected .sx_9a5819 {
background-position: 0 -30px;
}
.sx_8c7474 {
background-position: 0 -43px;
height: 17px;
}
.sp_exlnm0 {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yh/r/FFViUjWlHKv.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sx_4421b7 {
background-position: -16px 0;
}
.selected .sx_4421b7 {
background-position: 0 0;
}
.sx_382998 {
background-position: -16px -17px;
}
.selected .sx_382998 {
background-position: 0 -17px;
}
.sx_0a8a5c {
background-position: -16px -34px;
}
.selected .sx_0a8a5c {
background-position: 0 -34px;
}
.sx_b460db {
background-position: -16px -51px;
}
.selected .sx_b460db {
background-position: 0 -51px;
}
.sx_40ce6c {
background-position: -16px -68px;
}
.selected .sx_40ce6c {
background-position: 0 -68px;
}
.sx_094f53 {
background-position: -16px -85px;
}
.selected .sx_094f53 {
background-position: 0 -85px;
}
.sx_e68679 {
background-position: -16px -102px;
}
.selected .sx_e68679 {
background-position: 0 -102px;
}
.sp_mdnp2u {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yA/r/8-sTwtd2ky8.png");
background-repeat: no-repeat;
display: inline-block;
height: 14px;
width: 19px;
}
.sx_14ea99 {
background-position: -71px -14px;
width: 11px;
}
.selected .sx_14ea99 {
background-position: -60px -14px;
}
.sx_79c613 {
background-position: -92px -14px;
width: 9px;
}
.selected .sx_79c613 {
background-position: -83px -14px;
}
.sx_cd64c1 {
background-position: -16px -47px;
height: 16px;
width: 16px;
}
.sx_463060 {
background-position: -102px -14px;
height: 12px;
width: 17px;
}
.sx_0e0079 {
background-position: -100px -29px;
width: 15px;
}
.sx_414b70 {
background-position: -33px -14px;
height: 32px;
width: 26px;
}
.sx_7d2d34 {
background-position: 0 -14px;
height: 32px;
width: 32px;
}
.sx_0193aa {
background-position: -60px -29px;
height: 15px;
}
.sx_5a3f0f {
background-position: -80px -29px;
height: 15px;
}
.sx_6ec234 {
background-position: 0 -47px;
height: 21px;
width: 15px;
}
.sx_dcffba {
background-position: 0 -9px;
height: 4px;
width: 411px;
}
.sx_f9509f {
background-position: 0 0;
height: 4px;
width: 851px;
}
.sx_036342 {
background-position: -412px -9px;
height: 3px;
width: 411px;
}
.sx_46465a {
background-position: 0 -5px;
height: 3px;
width: 851px;
}
.sp_uha64q {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yG/r/l1y_H7v_U4r.png");
background-repeat: no-repeat;
display: inline-block;
height: 13px;
width: 9px;
}
.sx_53252a {
background-position: 0 0;
height: 16px;
width: 8px;
}
.sx_4e32a0 {
background-position: 0 -17px;
width: 10px;
}
.sx_a819b9 {
background-position: 0 -31px;
}
.sx_b5c946 {
background-position: 0 -45px;
}
.sx_f6a7c9 {
background-position: 0 -59px;
}
.uiStreamSecondaryTime .img {
bottom: -2px;
position: relative;
vertical-align: top;
}
.uiVideoLink {
background-color: #000000;
display: inline-block;
padding: 4px 0;
position: relative;
}
.uiVideoLink:hover {
text-decoration: none;
}
.uiVideoLink i {
background-position: center 25%;
background-repeat: no-repeat;
display: block;
}
.uiVideoLinkMedium i {
height: 79px;
width: 124px;
}
.uiVideoLinkLarge i {
height: 118px;
width: 159px;
}
.uiVideoLinkHuge i {
height: 122px;
width: 171px;
}
.uiVideoLink .playtime {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65);
border-radius: 2px 2px 2px 2px;
bottom: 4px;
color: #FFFFFF;
display: block;
font-size: 11px;
padding: 3px 6px;
position: absolute;
right: 5px;
}
.uiVideoLink .playicon {
background-color: transparent;
bottom: 4px;
display: block;
height: 26px;
left: 5px;
position: absolute;
width: 35px;
}
.uiVideoLink:active .playicon, .uiVideoLink:hover .playicon, .uiVideoLink:focus .playicon {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yB/r/jxUplchomFH.png");
background-repeat: no-repeat;
}
#bootloader_2sT_I {
height: 42px;
}
body.thirdParty .hasRightCol #contentArea {
width: 520px;
}
body.thirdParty #globalContainer {
width: 1008px !important;
}
.fbGalleryPrev, .fbDisabledGalleryPrev {
float: left;
margin-top: 50px;
opacity: 0.7;
}
.fbGalleryPrev:hover {
opacity: 1;
}
.fbGalleryNext, .fbDisabledGalleryNext {
float: right;
margin-top: 50px;
opacity: 0.7;
}
.fbGalleryNext:hover {
opacity: 1;
}
.fbConnectWidgetTopmost {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #315C99 #AAAAAA #AAAAAA;
border-right: 1px solid #AAAAAA;
border-style: solid;
border-width: 1px;
overflow: hidden;
padding: 0;
position: relative;
}
div.fbDarkWidget {
background-color: transparent;
}
.fbDarkWidget .fbWidgetTitle {
color: #FFFFFF;
}
.fbDarkWidget a, .fbDarkWidget .profileName {
color: #FFFFFF;
}
.fbDarkWidget a.uiLinkSubtle {
color: gray;
}
div.fbConnectWidgetHeaderTitle {
border-width: 0 0 1px;
}
div.ConnectActivityLogin {
border-width: 0 0 1px;
}
.fbRecommendationWidgetContent .recommendations_metadata {
color: gray;
padding-top: 3px;
}
.fbDarkWidget .fbRecommendationWidgetContent .recommendations_metadata {
color: #CCCCCC;
}
.fbGalleryImage {
max-height: 125px;
max-width: 140px;
}
.fbShowBothHidden {
display: none;
}
.fbRecommendationsContainer {
display: none;
}
.fbShowBothRecommendationsHighlighted .fbRecommendationsContainer {
display: inline;
}
.fbShowBothRecommendationsHighlighted .fbActivityContainer {
display: none;
}
.fbActivityContainer {
display: inline;
}
.fbGalleryRecommendationsFacepile {
position: relative;
}
.fbGalleryRecommendationsFooter {
width: 150px;
}
.fbGalleryRecommendationsImageBlock {
display: block;
height: 125px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.fbGalleryRecommendationsImageContainer {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/nZW4C56WJb6.png") repeat scroll 0 0 #EDEFF4;
display: inline-block;
height: 125px;
overflow: hidden;
width: 140px;
}
.fbDarkWidget .fbGalleryRecommendationsImageContainer {
background-position: -125px 0;
}
.fbGalleryRecommendationsNode {
height: 275px;
}
.fbGalleryRecommendationsText {
height: 64px;
padding-top: 3px;
}
.fbShowBothActivityHeader {
display: none;
}
.fbShowBothRecommendationsHighlighted .fbShowBothActivityHeader {
display: inline;
}
.fbShowBothRecommendationsHeader {
display: inline;
}
.fbShowBothRecommendationsHighlighted .fbShowBothRecommendationsHeader {
display: none;
}
.fbDarkWidget div.ConnectActivityLogin {
background-color: #000000;
border-color: #303030;
}
.fbProfilePic {
height: 35px;
width: 35px;
}
.fbImageContainer {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/ye/r/nZW4C56WJb6.png") no-repeat scroll 0 0 #EDEFF4;
height: 35px;
overflow: hidden;
width: 35px;
}
.fbDarkWidget .fbImageContainer {
background-position: -35px 0;
}
.fbConnectWidgetHeaderTitle {
border: 1px solid #C6CEDD;
color: #1C2A47;
cursor: default;
padding-bottom: 7px;
padding-top: 8px;
}
.fbConnectWidgetHeaderTitleBranded {
background: none repeat scroll 0 0 #3B5998;
color: #FFFFFF;
cursor: default;
padding-bottom: 5px;
padding-top: 7px;
}
.fbDarkWidget .fbConnectWidgetHeaderTitle {
background-color: #333333;
border: 1px solid #444444;
}
.fbLoginButton {
float: left;
}
.ConnectActivityLoginMessage {
color: #666666;
line-height: 14px;
vertical-align: top;
}
.fbDarkWidget .ConnectActivityLoginMessage {
color: gray;
}
.fbConnectWidgetFooter {
bottom: 0;
cursor: default;
position: absolute;
width: 100%;
}
.transparent_widget .fbDarkWidget .fbConnectWidgetFooter {
background-color: transparent;
}
.fbConnectWidgetFooter .fbFooterBorder {
border-top: 1px solid #CCCCCC;
margin: 0 6px;
padding: 4px 3px;
}
.fbDarkWidget .fbConnectWidgetFooter .fbFooterBorder {
border-top: 1px solid #444444;
}
.fbConnectWidgetContent, .fbImageContainer img {
visibility: hidden;
}
.fbConnectWidgetContent, .fbGalleryRecommendationsImageContainer img {
visibility: hidden;
}
div.fbHalfPage {
overflow: hidden;
}
div.fbAdminOptions {
float: right;
}
body.transparent_widget, html.wrapped body.transparent_widget #body {
background-color: transparent;
overflow: hidden;
}
body.plugin.transparent_widget, html.wrapped body.plugin.transparent_widget #body {
overflow-y: hidden;
}
.connect_widget {
background-color: transparent;
}
.connect_widget .connect_widget_facebook_favicon {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y7/r/ql9vukDCc4R.png") no-repeat scroll -1px -47px transparent;
display: block;
height: 14px;
left: -1px;
padding: 0;
position: absolute;
width: 14px;
}
body.transparent_widget .generic_dialog_popup, .connect_widget .generic_dialog_popup {
width: 400px;
}
.fbFeedbackContent.fbDarkWidget {
border: medium none;
}
.fbFeedbackContent .async_saving ul, .fbFeedbackContent .async_saving .indicator, .fbFeedbackContent .async_saving .action_links {
background: url("http://static.ak.fbcdn.net/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif") no-repeat scroll right center transparent;
}
.fbFeedbackContent.fbDarkWidget .composerHider {
border-bottom: 1px solid #666666;
border-top: 1px solid #666666;
}
.fbFeedbackContent .composerHider {
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
margin: 0;
padding: 9px 0 7px;
}
.fbFeedbackContent .composerHider .uiSelector {
margin: -3px 1px;
}
.fbFeedbackContent .composerHider .uiSelector .uiSelectorButton, .fbFeedbackContent .composerHider .uiSelector .uiSelectorButton:active, .fbFeedbackContent .composerHider .uiSelector .uiSelectorButton:focus, .fbFeedbackContent .composerHider .uiSelector .uiSelectorButton:hover {
background-color: transparent;
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yi/r/Ce0Xa8hRU2A.png");
background-position: right -202px;
background-repeat: no-repeat;
border: medium none;
box-shadow: none;
margin: 0;
outline: 0 none;
padding: 2px 20px 2px 0;
}
.fbFeedbackContent .composerHider .uiSelector .uiSelectorButton .uiButtonText {
color: #333333;
}
.fbFeedbackContent.fbDarkWidget .composerHider .uiSelector .uiSelectorButton .uiButtonText {
color: #FFFFFF;
}
.fbFeedbackContent .composerHider .uiSelector .itemLabel {
font-weight: normal;
}
.fbFeedbackContent .composerHider .uiSelector .checked .itemLabel {
font-weight: bold;
}
.fbFeedbackContent .composerHider a {
font-weight: bold;
}
.fbFeedbackContent .fbThirdPartyIcon {
position: relative;
right: 1px;
top: 4px;
}
.fbCommentContext .fbCommentContextPosts {
max-height: 400px;
overflow-x: hidden;
overflow-y: auto;
}
.fbCommentContext .fbCommentContextPosts .fbTopLevelComment {
padding-top: 0;
}
.fbCommentContext .composerGrid {
width: 100%;
}
.fbCommentContext .composerTight {
width: 0;
}
.fbCommentContext .composerReply .uiButton {
margin-right: 4px;
}
.fbFeedbackContent .composer {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: rgba(190, 190, 190, 0.2);
border-color: #E9E9E9;
border-style: solid;
border-width: 1px 0;
padding: 7px 10px 7px 69px;
position: relative;
}
.fbFeedbackContent.fbDarkWidget .composer {
background-color: #333333;
border-color: #666666;
}
.fbFeedbackContent .fbFeedbackPosts .composer {
margin-left: -10px;
}
.fbFeedbackContent .fbFeedbackPostsContainer .fbFeedbackPosts {
padding: 0;
}
.fbFeedbackContent .noTopBorder {
border-top: 0 none !important;
}
.fbDarkWidget .fbCommentContext .composer {
background-color: #555555;
border: medium none;
}
.fbCommentContext .composer {
background-color: #F2F2F2;
border: 1px solid #CCCCCC;
margin-top: 4px;
padding-bottom: 4px;
padding-left: 70px;
padding-top: 4px;
position: relative;
}
.fbFeedbackContent .composer .uiProfilePhoto {
background-color: #DDDDDD;
left: 10px;
margin: 2px 0 0;
padding: 0 !important;
position: absolute;
}
.fbFeedbackContent.fbDarkWidget .fbFeedbackTypeahead, .fbFeedbackContent.fbDarkWidget .fbFeedbackTypeahead .wrap {
border-color: #434343;
}
.fbFeedbackContent.fbDarkWidget .fbFeedbackMentions .mentionsTextarea, .fbFeedbackContent .fbFeedbackMentions .mentionsTextarea {
background-color: transparent;
border-width: 0;
box-shadow: none;
margin: 0;
padding: 0;
}
.fbFeedbackContent.fbDarkWidget .fbFeedbackMentions {
background-color: #000000;
}
.fbFeedbackContent .fbFeedbackMentions {
background-color: #FFFFFF;
margin: 2px 0;
}
.fbFeedbackContent .fbFeedbackMentions .innerWrap {
padding: 3px;
}
.fbFeedbackContent .fbFeedbackMentions .highlighter {
left: 0;
top: 0;
}
.fbFeedbackContent.fbDarkWidget .fbFeedbackMentions .highlighter b {
background-color: #444444;
}
.fbCommentContext .textwrapper, .fbFeedbackContent .textwrapper {
padding: 0 8px 0 0;
}
.fbFeedbackContent .postToProfile {
float: left;
min-width: 135px;
position: relative;
}
.fbFeedbackContent .postToProfile input {
position: relative;
top: 2px;
}
.fbFeedbackContent div.commentas {
color: gray;
float: right;
margin: 4px 6px;
}
.fbFeedbackContent .indicator {
float: left;
margin: 10px 0 0 -45px;
position: absolute;
}
.fbFeedbackContent select.commentas {
float: right;
margin: 1px 6px;
}
.hideCommentas .commentas {
display: none;
}
.fbCommentContext.fbDarkWidget .composer textarea, .fbFeedbackContent.fbDarkWidget .composer textarea {
background-color: #000000;
border: 1px solid #434343;
color: #FFFFFF;
}
.fbCommentContext .composer textarea, .fbFeedbackContent .composer textarea {
border: 1px solid #899BC5;
padding: 3px;
width: 100%;
}
.fbFeedbackContent .replywrapper {
padding: 0 8px 0 0;
}
.fbCommentContext .viewerProfilePic {
float: left;
}
.fbCommentContext .replywrapper {
width: 100%;
}
.fbCommentContext .replywrappermargin {
margin: 0 9px;
}
.fbCommentContext .replywrappermargin .textarea {
margin-left: -4px;
}
.fbFeedbackContent.fbDarkWidget .composerReply {
border-top: 1px solid #666666;
}
.fbFeedbackContent .composerReply {
border-top: 1px solid #E9E9E9;
}
.fbFeedbackContent .composerReply {
padding-top: 8px;
}
.fbFeedbackContent .composerReply textarea {
width: 100%;
}
.fbFeedbackContent .postContent .action_links {
margin-bottom: 8px;
}
.fbFeedbackContent .postBlingBox {
border: medium none;
bottom: 1px;
cursor: text;
padding: 0;
position: relative;
}
.fbFeedbackContent .postBlingBox:hover {
background-color: transparent;
border: medium none;
}
.fbFeedbackContent .fbUpDownVoteAfterLogin {
display: inline;
}
.fbFeedbackContent .fbFeedbackPager {
margin-left: 0;
}
.fbFeedbackContent .fbFeedbackPager .fbFeedbackPagerLink {
padding: 8px;
}
.fbFeedbackContent .fbFeedbackReplyPager .fbFeedbackPagerLink {
padding: 5px 8px;
}
.fbFeedbackContent .fbFeedbackPager .fbFeedbackPagerLink:hover {
text-decoration: none;
}
.fbFeedbackContent .postReplies .pagerLoader {
padding-left: 2px;
}
.fbFeedbackContent {
min-height: 160px;
}
.fbCommentContext .fbFeedbackContent {
min-height: 0;
}
.fbFeedbackContent .fbFeedbackPosts {
padding: 0 0 0 10px;
}
.fbFeedbackContent .star {
height: 11px;
width: 11px;
}
.fbFeedbackContent .followLinkInlineCheck, .fbFeedbackContent .followLinkInlineCheckDark {
margin-right: 4px;
}
.fbFeedbackContent .post {
margin-top: 4px;
}
.fbFeedbackContent .post input {
margin-left: 0;
}
.fbCommentContext .post .uiSelector, .fbCommentContext .cancel .uiSelector, .fbFeedbackContent .post .uiSelector, .fbCommentContext .post .uiButton, .fbCommentContext .cancel .uiButton, .fbFeedbackContent .post .uiButton {
float: right;
}
.fbCommentContext .post .uiSelector .uiButton, .fbCommentContext .cancel .uiSelector .uiButton, .fbFeedbackContent .post .uiSelector .uiButton {
float: none;
}
.fbFeedbackContent .post label.desc {
font-weight: normal;
position: absolute;
top: 4px;
}
.fbFeedbackContent .profileName {
font-size: 11px;
}
.fbFeedbackContent .fbFeedbackPost {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #E2E2E2;
border-style: solid;
border-width: 1px 0 0;
clear: both;
padding-bottom: 0 !important;
padding-top: 10px;
}
.fbFeedbackContent.fbDarkWidget .fbFeedbackPost {
border-color: #555555;
}
.fbFeedbackContent li.fbTopLevelComment:first-of-type {
border-width: 0;
}
.fbFeedbackContent li.fbTopLevelComment:last-of-type {
margin-bottom: -5px;
}
.fbDarkWidget .fbFeedbackReplies .fbFeedbackPost {
border-color: #444444;
}
.fbFeedbackReplies .fbFeedbackPost {
border-color: #E9E9E9;
border-width: 0 0 1px;
}
.fbFeedbackReply form, .fbFeedbackContent .postReply, .postReplies {
margin-top: 8px;
}
.postReplies .uiMorePagerLight .uiMorePagerPrimary:hover {
background-color: rgba(225, 228, 237, 0.6);
}
.postReplies .uiMorePagerInverted .uiMorePagerPrimary, .postReplies .uiMorePagerInverted .uiMorePagerLoader {
background-color: transparent;
border-color: #444444;
border-width: 1px 0 0;
}
.fbFeedbackContent .uiMorePagerInverted .uiMorePagerPrimary:hover {
background-color: #444444;
border-color: #555555;
}
.fbDarkWidget .closeButton .uiCloseButton, .fbDarkWidget .closeButton .openToggler .uiCloseButton, .fbDarkWidget .closeButtonAfterLogin .uiCloseButton {
border: 1px solid #000000;
margin: 0;
}
.fbFeedbackContent .postContainer:hover .closeButton, .fbFeedbackContent .postContainer:hover .closeButtonAfterLogin {
visibility: visible;
}
.fbFeedbackContent .postContainer .closeButton, .fbFeedbackContent .postContainer .closeButtonAfterLogin {
float: right;
visibility: hidden;
}
.fbFeedbackPost {
position: relative;
}
.fbFeedbackPost .postContent {
margin-top: 5px;
}
.fbDarkWidget .fbFeedbackPost .postText {
color: #CCCCCC;
}
.fbFeedbackPost .postText {
color: #1A1A1A;
line-height: 14px;
margin: 0 28px 5px 0;
}
.fbFeedbackPost .postActor {
background-color: #EDEDED;
margin-bottom: 8px;
margin-right: 11px;
}
.fbDarkWidget .postActor {
background-color: #333333;
}
.fbFeedbackReplyPager {
height: 16px;
margin-bottom: 8px;
}
.fbFeedbackContent .fbConnectWidgetFooter {
position: static;
}
.fbFeedbackContent .fbConnectWidgetFooter .fbFooterBorder {
margin: 5px 0 0;
}
.fbTopLevelComment .fbFeedbackReplies .fbCommentReply {
border-width: 1px 0 0;
}
.fbFeedbackContent .fbCommentOverlay {
border-style: solid;
border-width: 1px;
bottom: 0;
font-size: 12px;
left: 0;
opacity: 0.9;
position: absolute;
right: 0;
top: 0;
}
.fbFeedbackContent .fbReportedByUser {
background-color: #FFFFFF;
border-color: #EEEEEE;
}
.fbFeedbackContent .fbRecentlyBlacklisted {
background-color: #444444;
border-color: #1A1A1A;
}
.fbFeedbackContent .fbRecentlyPublicized {
background-color: #E4FFE2;
border-color: #D2F1D0;
}
.fbFeedbackContent .fbRecentlyPrivatized {
background-color: #FFFBE8;
border-color: #F7E0FF;
}
.fbFeedbackContent .fbCommentOverlayInsert {
margin-top: -0.5em;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
}
.fbFeedbackContent .fbCommentDownvotedButVisible .postText {
color: gray;
}
.fbFeedbackContent .fbCommentOverlayDark {
color: #000000;
}
.fbFeedbackContent .fbCommentOverlayLight {
color: #FFFFFF;
}
.fbFeedbackContent .fbCommentOverlayLight a:link, .fbFeedbackContent .fbCommentOverlayLight a:hover, .fbFeedbackContent .fbCommentOverlayLight a:visited, .fbFeedbackContent .fbCommentOverlayLight a:active {
color: #999999;
}
.fbCommentsEditSettings .uiInfoTable .label {
vertical-align: middle;
width: 145px;
}
.fbCommentsEditSettings .uiInfoTable tr {
border-top: 1px solid #CCCCCC;
}
.fbCommentsEditSettings .uiInfoTable tr:first-child {
border: medium none;
}
.fbCommentsEditSettings .uiInfoTable th {
padding: 10px 5px 10px 0;
}
.fbCommentsEditSettings .uiInfoTable td {
padding: 10px 0 10px 5px;
}
.fbCommentsEditSettings .uiInfoTable tr:first-child th, .fbCommentsEditSettings .uiInfoTable tr:first-child td {
padding-top: 0;
}
.fbCommentsEditSettings .uiInfoTable tr:nth-last-child(2) th, .fbCommentsEditSettings .uiInfoTable tr:nth-last-child(2) td {
padding-bottom: 0;
}
.fbCommentsEditSettings .uiInfoTable tr:last-child, .fbCommentsEditSettings .uiInfoTable tr.custom_blacklist {
border: medium none;
}
.fbCommentsEditSettings .uiInfoTable tr.custom_blacklist th, .fbCommentsEditSettings .uiInfoTable tr.custom_blacklist td {
padding: 0 5px 10px;
}
.fbDarkWidget .warning a {
color: gray;
}
.sp_comments {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yi/r/U9AwDhGgiju.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sx_comments_favicon {
background-position: 0 -153px;
}
.sx_comments_cfavicon {
background-position: 0 -187px;
height: 14px;
width: 14px;
}
.sx_comments_yahoo {
background-position: -17px -153px;
}
.sx_comments_aol {
background-position: -34px -153px;
}
.sx_comments_msft {
background-position: 0 -170px;
}
.sx_comments_pyahoo {
background-position: 0 0;
height: 50px;
width: 50px;
}
.sx_comments_paol {
background-position: 0 -51px;
height: 50px;
width: 50px;
}
.sx_comments_pmsft {
background-position: 0 -102px;
height: 50px;
width: 50px;
}
.sx_comments_star {
background-position: 0 -202px;
height: 10px;
width: 11px;
}
.sx_comments_darkstar {
background-position: -28px -187px;
height: 10px;
width: 11px;
}
.sx_comments_arrowb {
background-position: -33px -202px;
height: 5px;
width: 9px;
}
.sx_comments_arroww {
background-position: -23px -202px;
height: 5px;
width: 9px;
}
.sx_comments_arrowl {
background-position: -28px -198px;
height: 3px;
width: 5px;
}
.sx_comments_like {
background-position: -33px -170px;
height: 13px;
width: 15px;
}
.sx_comments_darklike {
background-position: -17px -170px;
height: 13px;
width: 15px;
}
.sx_comments_subscribe {
background-position: -15px -187px;
height: 14px;
width: 12px;
}
.sx_comments_subscribedark {
background-position: -40px -187px;
height: 10px;
width: 10px;
}
.sx_comments_followLinkInlineCheck {
background-position: 0 -213px;
height: 11px;
width: 9px;
}
.sx_comments_followLinkInlineCheckDark {
background-position: -12px -202px;
height: 10px;
width: 10px;
}
.sp_recommendations {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yM/r/tc6kQtD6Y3L.png");
background-repeat: no-repeat;
display: inline-block;
height: 14px;
width: 14px;
}
.sx_recommendations_favicon {
background-position: 0 0;
}
.FlyoutSubscriptionMenu {
min-width: 180px;
}
.SubscriptionMenu .itemLabel {
overflow: hidden;
}
div.SubscriptionMenu .SubscriptionMenuCategory .itemAnchor {
font-weight: normal;
}
.uiMenuXItem.SelectorMenuOnFeed .itemAnchor {
padding: 1px 16px 1px 42px;
}
li.SelectorMenuOnFeed.checked .itemAnchor {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yu/r/6NHt8H5uyPf.png") no-repeat scroll 20px 5px transparent;
}
.SelectorMenuOnFeed.checked a:hover, .SelectorMenuOnFeed.checked a:active, .SelectorMenuOnFeed.checked a:focus {
background-color: #6D84B4;
background-position: 20px -56px;
}
div.FriendListSubscribeSubmenu {
padding-bottom: 0;
padding-top: 0;
}
div.FriendListActionMenu, div.InterestListMenuDisconnect {
padding-top: 0;
}
div.InterestListMenuLists {
padding-bottom: 0;
}
.NonFriendSubscriptionMenu .hideFromNonFriend, .isUnsubscribed .SubscribeMenuSettingsItem, .subscriptionMenuOpen .FriendListActionMenu, .subscriptionMenuOpen .FlyoutFriendListMenu, .subscriptionMenuOpen .InterestListMenuLists, .subscriptionMenuOpen .InterestListMenuDisconnect, .subscriptionMenuOpen .FriendListSubscribeSubmenu, .cannotSubscribe .FriendListSubscribeSubmenu, .noSubscriptionLevels .SubscribeMenuSettingsItem, .noSubscribeCheckbox .SubscribeMenuSubscribeCheckbox, .pagesSubscribeButtonFlyout .SubscribeMenuSubscribeCheckbox, .FriendListSubscriptionsMenu {
display: none;
}
.subscriptionMenuOpen .FriendListSubscriptionsMenu {
display: block;
}
.uiMorePagerInverted .uiMorePagerPrimary, .uiMorePagerInverted .uiMorePagerLoader {
border: 1px solid #444444;
padding: 6px 5px 10px;
}
.uiMorePagerInverted .uiMorePagerPrimary:hover {
background-color: #444444;
}
.uiMorePagerInverted .uiMorePagerSecondary {
margin: 6px 5px;
}
.UIIntentionalStreamSearch .highlight, .UIIntentionalStreamSearch .inserted {
color: #000000;
font-weight: bold;
margin: 0;
}
.UIResultSet_MoreLink {
display: block;
padding-top: 4px;
}
.UIResultSet {
padding: 0 6px;
}
.UIResultSet_SuppressBasePadding {
padding: 0;
}
.detailedsearch_result {
border-bottom: 1px solid #E9E9E9;
padding-bottom: 5px;
}
.detailedsearch_last_result {
border-bottom: 0 none;
}
.detailedsearch_actions .detailedseach_action_item {
white-space: nowrap;
}
.searchResultPersonByline .fbProfileBylineFragment {
display: block;
width: auto;
}
.searchResultPersonByline .fbProfileBylineIconContainer .fbProfileBylineIcon {
margin: 0;
}
.searchResultPersonByline .fbProfileBylineIconContainer {
display: inline-block;
margin-right: 5px;
width: 11px;
}
.searchResultPersonByline {
display: block;
width: auto;
}
.detailedsearch_filter_loading_indicator_area {
float: right;
}
.detailedsearch_feature_header {
background-color: #E9E9E9;
border: 0 none;
height: 7px;
margin-bottom: 10px;
padding: 0;
text-align: center;
}
.detailedsearch_feature_header span {
background-color: #FFFFFF;
color: gray;
font-weight: bold;
padding: 0 5px;
position: relative;
top: -4px;
}
.sp_5o5ztc {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yY/r/m1qdBJcg10f.png");
background-repeat: no-repeat;
display: inline-block;
height: 16px;
width: 16px;
}
.sx_4589cf {
background-position: 0 0;
height: 17px;
width: 46px;
}
.sx_54ddc8 {
background-position: 0 -18px;
}
.sx_3b1b43 {
background-position: -39px -18px;
height: 14px;
width: 5px;
}
.selected .sx_3b1b43 {
background-position: -34px -18px;
}
.sx_b3d27d {
background-position: -6px -35px;
height: 11px;
width: 6px;
}
.selected .sx_b3d27d {
background-position: 0 -35px;
}
.sx_7b798a {
background-position: -17px -18px;
}
.sp_eltm0y {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yn/r/7SPie7U82HJ.png");
background-repeat: no-repeat;
display: inline-block;
height: 10px;
width: 10px;
}
.sx_8333f8 {
background-position: 0 0;
width: 11px;
}
.sx_6bca81 {
background-position: 0 -33px;
height: 5px;
width: 9px;
}
.sx_e6f6f1 {
background-position: 0 -11px;
}
.sx_3818df {
background-position: 0 -22px;
}
#bootloader_7rb4Q {
height: 42px;
}
.devsitePage {
min-width: 1024px;
}
.devsitePage .body .content {
margin: auto;
max-width: 940px;
}
.devsitePage .clear {
clear: both;
}
html body {
background: none repeat scroll 0 0 #F4F4F4;
}
.devsitePage .body {
background: none repeat scroll 0 0 #F4F4F4;
padding: 50px 0 0;
}
.devsitePage .body > .content {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 1px #DDDDDD;
padding: 25px 20px 20px;
}
.devsitePage .nav > .content {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yd/r/QzmkzK8kmHk.png") repeat-y scroll 0 0 #FFFFFF;
}
.devsitePage .body ol, .devsitePage .body ul {
list-style-type: disc;
padding-left: 3em;
}
.devsitePage .body .uiSelector ul, .devsitePage .body ul.uiList {
list-style-type: none;
margin: 0;
padding-left: 0;
}
.devsitePage .body ol {
list-style-type: decimal;
}
.devsitePage .body .uiStepList ol {
background: none repeat scroll 0 0 #E9E9E9;
}
.devsitePage .body .uiStepListSingleLine ol {
background: none repeat scroll 0 0 #E9E9E9;
}
.devsitePage .body strong {
font-weight: bold;
}
.devsitePage em, .devsitePage .body i {
font-style: italic;
}
.devsitePage .body h1 {
font-size: 28px;
font-weight: normal;
margin: 0 0 8px;
}
.devsitePage .body h2 {
font-size: 18px;
font-weight: normal;
letter-spacing: -0.03em;
margin: 25px 0 15px;
}
.devsitePage .body .devsiteSettingsHeader h2 {
font-size: 18px;
font-weight: normal;
letter-spacing: -0.03em;
margin: 0 0 5px;
}
.devsitePage .body h3 {
font-size: 15px;
margin: 25px 0 10px;
}
.devsitePage .body dl, .devsitePage table, .devsitePage .body pre, .devsitePage .body ul, .devsitePage .body ol, .devsitePage .body p {
margin: 0 0 1em;
}
.devsitePage .body pre, .devsitePage .body code, .devsitePage table.params td.name {
color: #006000;
font-family: monospace;
font-size: 13px;
}
.devsitePage .body h2 code {
font-size: inherit;
}
.devsitePage .body pre, .devsitePage .body .pre {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #F2F2F2;
border-color: #D8DFEA;
border-style: solid;
border-width: 1px 1px 1px 3px;
margin: 18px;
overflow: auto;
padding-bottom: 7px;
padding-left: 10px;
padding-top: 7px;
}
.devsitePage .body img.externalLink {
left: 5px;
position: relative;
top: -5px;
width: 10px;
}
.devsitePage .bodyText table {
margin-bottom: 1em;
}
.devsitePage .bodyText table td, .devsitePage .bodyText table th {
border: 1px solid #DDDDDD;
padding: 4px 10px 4px 6px;
text-align: left;
vertical-align: top;
}
.devsitePage .bodyText table td.closeButton {
padding-right: 0;
}
.devsitePage .bodyText table.noborder td {
border: 0 none;
}
.devsitePage .bodyText table.bordered td, .devsitePage .bodyText table.bordered th {
border: 1px solid #DDDDDD;
}
.devsitePage .bodyText table.uiGrid td {
border: 0 none;
}
.devsitePage .bodyText table td p:last-child {
margin-bottom: 0;
}
.devsitePage .bodyText table.uiInfoTable {
width: auto;
}
.devsitePage .bodyText table.uiInfoTable td, .devsitePage .bodyText table.uiInfoTable th {
border: 0 none;
height: auto;
padding: 6px;
vertical-align: middle;
width: auto;
}
.devsitePage .bodyText table.uiInfoTable th {
width: auto;
}
.devsitePage .bodyText .blueBox {
background-color: #EDEFF4;
border: 1px solid #D8DFEA;
margin: 20px 0;
padding: 13px;
}
.devsitePage .bodyText .blueBox *:last-child {
margin-bottom: 0;
}
#lint table td {
}
.devsitePage .footer {
color: #777777;
padding-bottom: 30px;
}
.devsitePage .footer .content {
margin: 0 auto;
max-width: 980px;
padding: 10px;
}
.devsitePage .footer .copyright {
float: left;
}
.devsitePage .footer .links {
text-align: right;
}
.devsitePage .footer .links a {
margin-left: 15px;
}
.devsitePage .header {
background: none repeat scroll 0 0 white;
border-bottom: 1px solid #DDDDDD;
margin-bottom: 20px;
padding-bottom: 25px;
padding-top: 0;
}
.devsitePage .header h1 {
font-size: 18px;
font-weight: bold;
margin: 0;
}
.devsitePage .header h1 a {
color: #333333;
text-decoration: none;
}
.devsitePage .header .breadcrumbs {
margin-top: 4px;
}
.devsitePage .hideHeader {
border: medium none;
margin: 0 !important;
padding: 0;
}
.devsitePage div.admin {
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #DDDDDD;
float: right;
font-size: 11px;
padding: 8px;
position: relative;
z-index: 0;
}
.devsitePage div.admin a {
margin: 0 6px;
}
.devsitePage div.admin a.gatekeeper {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/uADs2cgkzVe.png") no-repeat scroll left center transparent;
font-weight: bold;
padding-left: 12px;
}
.devsitePage .menu {
background: url("http://static.ak.fbcdn.net/rsrc.php/v1/y0/r/NB47cUfXHpf.png") repeat-x scroll 0 0 #3B5998;
border-bottom: 1px solid #23487E;
font-weight: bold;
height: 33px;
position: fixed;
width: 100%;
z-index: 300;
}
.devsitePage .menu a.topNavItem {
color: #FFFFFF;
display: block;
float: left;
line-height: 29px;
padding: 2px 11px;
}
.devsitePage .menu a:hover, .devsitePage .menu li:hover, .devsitePage .menu li:hover .tinymanName {
background: none repeat scroll 0 0 #1A3C6C;
color: #FFFFFF;
text-decoration: none;
}
.devsitePage .menu .content {
margin: 0 auto;
padding: 0;
width: 980px;
}
.devsitePage .menu a.logo {
line-height: 0;
margin-right: 18px;
padding: 7px 11px 9px;
}
.devsitePage .menu a.logo img {
height: 17px;
width: 166px;
}
.devsitePage .menu .search {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #123682 #294A8F #294A8F;
border-right: 1px solid #294A8F;
border-style: solid;
border-width: 1px;
float: left;
margin: 4px 5px 4px 0;
width: 280px;
}
.devsitePage .menu .uiTypeahead {
border: 0 none;
}
.devsitePage .menu .uiTypeahead .wrap {
border: 0 none;
}
.devsitePage .menu .uiSearchInput {
border: 0 none;
}
.devsitePage .menu .uiSearchInput input {
width: 245px;
}
.devsitePage .menu .uiSearchInput span {
border: 0 none;
padding: 0;
}
.devsitePage .menu .uiSearchInput button {
top: 1px;
}
.devsiteSearchTypeaheadView li {
color: #3B5998;
}
.devsiteSearchTypeaheadView li.header {
font-size: 11px;
font-weight: bold;
}
.devsitePage .menu .uiTypeaheadView .header {
margin: 0;
}
.devsitePage .menu .inputtext {
border: 0 none;
padding: 5px 4px;
}
.devsitePage .menu li {
float: left;
}
.devsitePage .menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.devsitePage .menu a.account, .devsitePage .menu .account {
float: right;
}
.devsitePage .menu .account a {
height: 33px;
padding: 0;
}
.devsitePage .menu .account .tinyman {
padding-top: 1px;
}
.devsitePage .menu .account .tinyman:after {
background: none repeat scroll 0 0 #526DA4;
content: " ";
display: inline-block;
float: right;
height: 14px;
margin-top: 10px;
width: 1px;
}
.devsitePage .menu .account .tinyman:hover:after {
background: none repeat scroll 0 0 #1A3C6C;
}
.devsitePage .menu .account .tinymanName {
color: #D8DFEA;
display: inline-block;
line-height: 29px;
max-width: 175px;
overflow: hidden;
padding-right: 8px;
padding-top: 1px;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap;
}
.devsitePage .menu .account .tinymanPhoto {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #123682 #294A8F #294A8F;
border-right: 1px solid #294A8F;
border-style: solid;
border-width: 1px;
height: 23px;
margin: 4px 5px 0 7px;
width: 23px;
}
.devsitePage .menu .account #accountNav {
position: relative;
}
.devsitePage .menu .account #accountNav:hover {
margin-left: -1px;
padding-left: 1px;
}
.devsitePage .menu .account #accountNav.togglerOpen:hover {
margin-left: -1px;
padding-left: 0;
}
.devsitePage .menu #accountNav.togglerOpen {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FFFFFF;
border-color: #333333 #333333 -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px 0;
height: 33px;
margin-left: -1px;
margin-right: -1px;
}
.devsitePage .menu .togglerOpen .menuPulldown {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png") !important;
background-position: -218px -212px !important;
background-repeat: no-repeat !important;
height: 32px;
width: 24px;
}
.devsitePage .menu .togglerOpen #accountNavArrow {
position: relative;
z-index: 2;
}
.devsitePage .menu .togglerOpen #accountNavArrow:hover {
background: none repeat scroll 0 0 #FFFFFF;
}
.devsitePage .menu .menuPulldown {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -191px -212px;
background-repeat: no-repeat;
height: 33px;
width: 24px;
}
.devsitePage .menu .menuPulldown:hover {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/yO/r/_2cdInypv2b.png");
background-position: -245px -212px;
background-repeat: no-repeat;
height: 33px;
width: 24px;
}
.devsitePage .menu .nav {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #333333;
border-style: solid;
border-width: 1px 1px 2px;
display: none;
margin-right: -1px;
margin-top: -1px;
padding: 4px 0;
position: absolute;
right: 0;
top: 100%;
width: 130px;
z-index: -1;
}
.devsitePage .menu #accountNav.togglerOpen .nav {
display: block;
}
.devsitePage .menu .nav li {
display: block;
float: none;
}
.devsitePage .menu .nav .submenuNav {
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
color: #222222;
display: block;
font-weight: normal;
height: 18px;
line-height: 18px;
padding: 0 22px;
}
.devsitePage .menu .nav .submenuNav:hover {
background: none repeat scroll 0 0 #6D84B4;
border-bottom: 1px solid #3B5998;
border-top: 1px solid #3B5998;
color: #FFFFFF;
text-decoration: none;
}
.devsitePage .menu .submenuNav input {
color: #222222;
height: 20px;
margin-top: -1px;
}
.devsitePage .menu .submenuNav input:hover, .devsitePage .menu .submenuNav:hover input, .devsitePage .menu .submenuNav:focus input, .devsitePage .menu .submenuNav:active input {
color: #FFFFFF;
text-decoration: none;
}
.devsitePage .menu .logoutButton {
display: block;
}
.devsitePage .menu .logoutButton input {
display: block;
font-weight: normal;
outline: 0 none;
text-align: left;
white-space: nowrap;
width: 100%;
}
.devsitePage .imageLinkText {
float: left;
padding: 15px 25px;
text-align: center;
width: 275px;
}
.devsitePage .imageLinkText .title a {
text-decoration: none;
}
.devsitePage .imageLinkText .caption {
color: #666666;
}
.devsitePage #devsiteHomeBody > .content {
max-width: 980px;
padding: 0;
}
.devsitePage #devsiteHomeBody .content .wikiPanel {
border-bottom: 1px solid #D2D2D2;
height: 277px;
overflow: hidden;
}
.devsitePage #devsiteHomeBody .content .wikiPanel .header .content {
position: absolute;
right: 0;
}
.devsitePage #devsiteHomeBody .content .wikiPanel .mWikiRevision {
display: none;
}
.devsitePage #devsiteHomeBody .linkBanner {
margin-top: -75px;
}
.devsitePage #devsiteHomeBody .linkBanner img {
-moz-transform: scale(1);
-moz-transition-duration: 200ms;
-moz-transition-timing-function: ease-out;
}
.devsitePage #devsiteHomeBody .linkBanner img:hover {
-moz-transform: scale(1.05);
-moz-transition-duration: 200ms;
-moz-transition-timing-function: ease-out;
}
.devsitePage #devsiteHomeBody .sectionContainer {
margin: 5px 10px;
padding: 10px;
}
.devsitePage #devsiteHomeBody .section {
border-bottom: 1px solid #D2D2D2;
border-top: 1px solid #D2D2D2;
float: left;
font-weight: normal;
height: 235px;
margin: 0;
width: 290px;
}
.devsitePage #devsiteHomeBody .section h2 {
border: medium none;
font-size: 16px;
font-weight: bold;
margin: 0 0 5px;
padding: 15px 0 10px;
}
.devsitePage #devsiteHomeBody .section .caption {
color: #666666;
font-size: 11px;
line-height: 14px;
}
.devsitePage #devsiteHomeBody .sectionImg {
text-align: center;
}
.devsitePage #devsiteHomeBody .sectionNew {
border-left: medium none;
margin: 0;
padding-right: 15px;
}
.devsitePage #devsiteHomeBody .sectionNew .platformHealth {
padding-bottom: 10px;
}
.devsitePage #devsiteHomeBody .sectionNew .platformHealth .healthIndicator {
display: inline-block;
height: 15px;
margin-right: 7px;
width: 13px;
}
.devsitePage #devsiteHomeBody .sectionNew .platformHealth .liveStatus {
width: 268px;
}
.devsitePage #devsiteHomeBody .section ul li {
margin-bottom: 10px;
}
.devsitePage #devsiteHomeBody .sectionNew ul {
list-style: none outside none;
margin: 0;
padding: 0 20px 0 0;
}
.devsitePage #devsiteHomeBody .sectionNew ul li {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yY/r/1gBp2bDGEuh.gif") no-repeat scroll 0 2px transparent;
padding-left: 22px;
}
.devsitePage #devsiteHomeBody .sectionNew ul li .title {
font-weight: bold;
}
.devsitePage #devsiteHomeBody .sectionNew ul li.readmore {
background: none repeat scroll 0 0 transparent;
}
.devsitePage #devsiteHomeBody .sectionNew ul li.readmore a {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yI/r/llncLdVc0JC.gif") no-repeat scroll right center transparent;
font-weight: bold;
padding-right: 9px;
}
.devsitePage #devsiteHomeBody .sectionPromo {
border-left: 1px solid #D2D2D2;
border-right: 1px solid #D2D2D2;
padding: 0 15px;
}
.devsitePage #devsiteHomeBody .sectionPromo #devsiteHomePromoContainer {
height: 200px;
overflow: hidden;
}
.devsitePage #devsiteHomeBody .sectionPromo .promoHidden {
opacity: 0;
}
.devsitePage #devsiteHomeBody .sectionPromo #devsiteHomePromoIndicators {
margin-top: 10px;
text-align: center;
}
.devsitePage #devsiteHomeBody .sectionPromo .sectionImg {
text-align: center;
}
.devsitePage #devsiteHomeBody .sectionPromo .caption {
margin: 10px 0;
}
.devsitePage #devsiteHomeBody .sectionPromo .sectionTemplateLink {
font-weight: bold;
margin: 0 5px;
}
.devsitePage #devsiteHomeBody .sectionPromo .emptyPromo {
height: 300px;
width: 300px;
}
.devsitePage #devsiteHomeBody .sectionPromo .indicatorOn, .devsitePage #devsiteHomeBody .sectionPromo .indicatorOff {
cursor: pointer;
display: inline-block;
height: 14px;
width: 14px;
}
.devsitePage #devsiteHomeBody .sectionPromo .indicatorOn {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yG/r/NtT_fCHHAK2.png") no-repeat scroll 0 0 transparent;
}
.devsitePage #devsiteHomeBody .sectionPromo .indicatorOff {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yR/r/CVsrcVvoa9c.png") no-repeat scroll 0 0 transparent;
}
.devsitePage #devsiteHomeBody .sectionShowcase {
border-right: medium none;
padding-left: 20px;
}
.devsitePage #devsiteHomeBody .sectionShowcase .caption {
margin-top: 5px;
}
.devsitePage #devsiteHomeBody .likePlugin {
margin: 0 10px;
padding: 0 10px;
}
.devsitePage .devAppTitle {
font-size: 18px;
}
.devsitePage #developerAppNav ul {
padding-left: 0;
}
.devsitePage .developerAppDashLeft {
float: left;
width: 20%;
}
.devsitePage .developerAppDashRight {
float: right;
width: 79%;
}
.devsitePage .developerAppDetailsLeft {
float: left;
width: 20%;
}
.devsitePage .developerAppDetailsRight {
float: right;
width: 79%;
}
.devsitePage .body #developerAppNav ul, .devsitePage .body #developerAppNavigation ul {
list-style-type: none;
}
.devsitePage #DeveloperAppDashHeader {
min-height: 32px !important;
}
.devsitePage .dashboardHeader .dashboardTitle {
font-size: 18px;
font-weight: bold;
width: 420px;
}
.devsitePage .dashboardHeader .dashboardTitle a {
color: #000000;
}
.devsitePage .dashboardHeader .appTypeahead {
display: inline-block;
margin: 0 5px 0 0;
}
.devsitePage .uiTypeahead ul {
margin: 2px 0;
padding: 0;
}
.devsitePage .uiTypeahead .bucketed li.header {
margin: 0;
}
.devsitePage .developerAppDashLeft .toplevelnav ul li a.aWrap {
background-position: 135px 10px;
}
.devsitePage .developerAppDashLeft .toplevelnav ul li a div.navSectionTitle {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 123px;
}
.devsitePage .developerAppDashLeft .bodyMenu ul li .imgWrap {
float: left;
height: 16px;
width: 16px;
}
.devsitePage .developerAppDashLeft .uiTypeahead {
margin-bottom: 10px;
width: 170px;
}
.devsitePage .directoryStatus, .devsitePage span.dirPending, .devaitePage span.dirUnsubmitted {
color: #666666;
}
.devsitePage .appNameTitleBar {
font-size: 18px;
}
.devsitePage img.appLogo {
max-height: 40px;
width: 40px;
}
.devsitePage span.dirApproved {
color: green;
}
.devsitePage span.dirDenied {
color: #AA0000;
}
.devsitePage .body h3.uiHeaderTitle, .devsitePage .body #developerAppDetailsContent p {
font-size: 11px;
margin: 0;
}
.devsitePage #developerAppDashContent td, .devsitePage #developerAppDetailsContent td, .devsitePage #developerAppDetailsContent div {
font-size: 11px;
line-height: normal;
}
.devsitePage .developerAppSectionBanner td.closeButton {
vertical-align: top;
}
.devsitePage #developerAppDashContent .plugin .thumbnail {
float: left;
margin-right: 10px;
}
.devsitePage #developerAppDashContent .plugin .name {
font-size: 16px;
line-height: 24px;
padding-top: 16px;
}
.devsitePage #developerAppDashContent .plugin .desc {
font-size: 12px;
}
.devsitePage td.overviewHeaderColumn {
padding: 4px 10px 4px 6px;
vertical-align: top;
width: 100px;
}
.devsitePage td.headerColumn {
width: 190px;
}
.devsitePage #developerAppDashContent td.contentColumn {
width: 250px;
}
.devsitePage #developerAppDashContent td.contentPane {
padding: 0;
}
.devsitePage #developerAppDashContent #test_accounts {
padding: 5px;
}
.devsitePage .uiFacepile ul {
padding: 0;
}
.devsitePage div.content_loading {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/jKEcVPZFk-2.gif") no-repeat scroll center center transparent;
height: 400px;
min-width: 250px;
overflow: hidden;
}
.devsitePage .noApps {
font-size: 12px;
font-weight: bold;
padding: 20px 0;
text-align: center;
}
.devsitePage #developerAppDetailsContent td.contentPane .preview_img {
margin-bottom: 10px;
}
.devsitePage #developerAppDetailsContent td.contentPane div div:last-child .preview_img {
margin-bottom: 0;
}
.devsitePage #developerAppDetailsContent td.contentPane, .devsitePage #developerAppDetailsContent .contentPane {
width: 460px;
}
.devsitePage #developerAppDetailsContent .inputtext, .developerAppInlineTokenizer .inputtext {
width: 452px;
}
.devsitePage #developerAppDetailsContent .textfield_array_input_text {
width: 80%;
}
.devsitePage #developerAppDetailsContent .shortinput .inputtext {
width: 140px;
}
.devsitePage #developerAppDetailsContent .uiTypeahead .inputtext {
width: 100%;
}
.devsitePage #developerAppDashContent .devAppOpenGraph {
margin-bottom: 0;
}
.devsitePage #developerAppDashContent .devAppOpenGraph .ogColumn {
padding: 4px 10px 4px 6px;
vertical-align: top;
width: 200px;
}
.devsitePage #developerAppDashContent .devAppOpenGraph .ogColumn ul {
list-style-type: none;
margin-bottom: 0;
padding: 0;
}
.devsitePage #developerAppDashContent .devAppOpenGraph .ogColumn li {
font-size: 11px;
line-height: 18px;
}
.devsitePage #developerAppDashContent .devAppInsights .fbInsightsTinyStatistic {
float: right;
}
.devsitePage #developerAppDashContent .editSettings {
text-align: center;
}
.devsitePage #contentCol {
background: none repeat scroll 0 0 transparent;
padding-top: 0;
}
.devsitePage .developerAppDashLeft .toplevelnav a, .devsitePage .developerAppDashLeft .toplevelnav a:hover, .devsitePage .uiTypeahead li {
font-size: 11px;
}
.devsitePage .throbber {
text-align: center;
vertical-align: middle;
}
.devsitePage img.throbber {
display: inline-block;
padding-bottom: 8px;
visibility: hidden;
}
.devsitePage .async_saving img.throbber {
visibility: visible;
}
.devsitePage .developerAppDashLeft .seeAllApps {
margin: 10px 0;
text-align: center;
}
.devsitePage .developerAppDashLeft .newAppButton {
width: 162px;
}
.devsitePage #edit_button {
outline: medium none;
}
.devsitePage td.contentPane label {
display: block;
float: left;
min-width: 68px;
}
.devsitePage td.contentPane label, .devsitePage td.contentPane input {
vertical-align: top;
}
.devsitePage td.contentPane input.pixelinput {
margin-top: -4px;
}
.devsitePage .developerAppAccessToken {
display: inline;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 560px;
}
.devsitePage .developerAppDashRight .name, .devsitePage .developerAppDashRight .desc {
margin-left: 105px;
}
.devsitePage .developerAppDashRight .thumbnail .img {
border: medium none;
}
#fbCreateAppDialog .async_saving {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif") no-repeat scroll 0 0 transparent;
height: 10px;
margin-left: 10px;
width: 35px;
}
#fbCreateAppDialog span.valid {
color: green;
}
span.failed {
color: #CC0000;
padding-right: 5px;
}
.devsiteWiki {
color: #333333;
font-family: "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
font-size: 11px;
margin: 0;
}
.devsiteWiki a:hover {
text-decoration: underline;
}
.devsiteWiki a.uiButton:hover, .devsiteWiki a.itemAnchor:hover {
text-decoration: none;
}
.devsiteWiki img {
border: 0 none;
}
.devsiteWiki table {
border: 0 none;
border-collapse: collapse;
border-spacing: 0;
margin: 0;
}
.devsiteWiki table td, .devsiteWiki table th {
border: 0 none;
padding: 0;
text-align: left;
vertical-align: top;
}
.devsiteWiki table th {
font-weight: bold;
}
.devsiteWiki h1, .devsiteWiki h2, .devsiteWiki h3, .devsiteWiki h4 {
border: 0 none;
margin: 0;
padding: 0;
}
.devsiteWiki .header, .devsiteWiki .body, .devsiteWiki .body p, .devsiteWiki .body ul, .devsiteWiki .body ol, .devsiteWiki .body li, .devsiteWiki .body th, .devsiteWiki .body th, .devsiteWiki .body td {
font-size: 12px;
}
.devsiteWiki .body pre, .devsiteWiki .body p, .devsiteWiki .body li, .devsiteWiki .body dt, .devsiteWiki .body dd, .devsiteWiki .refindex .page, .devsiteWiki .body textarea, .devsiteWiki .body td {
line-height: 18px;
}
.devsiteWiki dl, .devsiteWiki dt, .devsiteWiki dd {
margin: 0;
}
.devsiteWiki dd, .devsiteWiki .refindex .page {
margin-bottom: 10px;
}
.devsiteWiki dd p, .devsiteWiki .refindex .page .snippet p {
margin: 0;
}
.devsiteWiki dt, .devsiteWiki .refindex .page .title {
font-weight: bold;
}
.devsiteWiki dt a.private, .devsiteWiki .refindex .page .title a.private, .devsiteWiki .bodyMenu li a.private {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/uADs2cgkzVe.png") no-repeat scroll left center transparent;
padding-left: 13px;
}
.devsiteWiki .metanotice {
background: none repeat scroll 0 0 #FFF9D7;
border: 1px solid #E2C822;
margin: 1em;
padding: 1em;
}
.devsiteWiki textarea {
resize: none;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}
.clearfix {
display: block;
}
.devsiteWiki .titleblock {
margin: 20px 0;
}
.devsiteWiki .titleblock h1 {
font-size: 24px;
font-weight: normal;
padding: 0;
}
.devsiteWiki .titleblock h3 {
color: #797C80;
font-size: 16px;
font-weight: normal;
line-height: 22px;
margin: 0 0 3px;
padding: 0;
}
.devsiteWiki .titleblock div.stats {
margin-top: 20px;
}
.devsiteWiki .titleblock .statsbox {
background: none repeat scroll 0 0 #EEEEEE;
float: right;
padding: 20px 20px 10px;
width: 200px;
}
.devsiteWiki .titleblock div.stats .statsbox li {
color: #333333;
font-size: 11px;
line-height: 14px;
}
.devsiteWiki .titleblock div.stats ul {
color: #627AAD;
list-style-type: square;
padding: 0 0 0 17px;
}
.devsiteWiki .titleblock div.stats li {
font-size: 14px;
line-height: 22px;
margin-bottom: 5px;
}
.devsiteWiki .titleblock div.stats li span {
color: #333333;
}
.devsiteWiki .titleblock img {
float: left;
height: 65px;
margin: 0 10px 0 0;
}
.devsiteWiki p.intro {
color: #797C80;
font-size: 14px;
line-height: 21px;
margin-bottom: 20px;
}
.devsiteWiki p.intro b {
color: #444444;
}
.devsiteWiki .contentblock {
clear: right;
float: left;
margin: 1.5em 0;
position: relative;
width: 100%;
}
.devsiteWiki hr {
clear: right;
margin: 20px 0;
}
.devsiteWiki .contentblock h2 {
margin: 0 0 15px;
padding: 0;
}
.devsiteWiki .contentblock h2.mbn {
margin: 0;
}
.devsiteWiki .contentblock h3 {
color: #999999;
font-size: 13px;
font-weight: normal;
margin: 0 0 20px;
}
.devsiteWiki .contentblock h4 {
color: #000000;
font-size: 14px;
font-weight: bold;
line-height: 18px;
margin-bottom: 4px;
}
.devsiteWiki .contentblock p {
color: #333333;
font-size: 12px;
line-height: 18px;
margin-bottom: 18px;
}
.devsiteWiki .contentblock a.more {
background: url("/attachment/more.png") no-repeat scroll 100% 3px transparent;
padding-right: 10px;
}
.devsiteWiki .contentblock img.right {
float: right;
margin: 0 0 10px 20px;
}
.devsiteWiki .contentblock img.left {
display: table-cell;
float: left;
margin: 0 20px 10px 0;
}
.devsiteWiki .contentblock img.bleed {
margin-right: -16px;
}
.devsiteWiki .contentblock img.bordered {
border: 1px solid #DDDDDD;
margin-bottom: 10px;
padding: 5px;
}
.devsiteWiki .contentblock ol {
margin: 10px 0;
padding: 0 0 0 23px;
}
.devsiteWiki .contentblock ol li {
margin-bottom: 10px;
}
.devsiteWiki .fleft {
float: left;
width: 357px;
}
.devsiteWiki .fright {
float: right;
width: 357px;
}
.devsiteWiki .fleft ul, .devsiteWiki .fright ul {
list-style-type: square;
margin: 0;
padding: 0 0 0 20px;
}
.devsiteWiki .fleft ul li, .devsiteWiki .fright ul li {
margin: 0 0 10px;
}
.devsiteWiki .fcol {
float: left;
width: 231px;
}
.devsiteWiki .poq {
background: none repeat scroll 0 0 #F1F2F9;
margin-bottom: 20px;
margin-top: -20px;
padding: 20px;
}
.devsiteWiki .poq p {
color: #666666;
}
.devsiteWiki .poq p.small {
color: #999999;
font-size: 11px;
margin: 0;
}
.devsiteWiki .poq .credit img.left {
margin-right: 10px;
}
.devsiteWiki .poq.right {
float: right;
margin-left: 20px;
width: 280px;
}
.devsiteWiki .poq.left {
float: left;
margin-right: 20px;
width: 280px;
}
.devsiteWiki .pagebottom {
border-top: 1px solid #DDDDDD;
clear: both;
height: 25px;
padding-top: 20px;
}
.devsiteWiki .pagebottom a.right {
float: right;
}
.devsiteWiki .pagebottom a.left {
float: left;
}
.devsiteWiki .thumbnail {
float: left;
margin-right: 10px;
}
.devsiteWiki .thumbnail .img {
border: 1px solid #CCCCCC;
}
.devsiteWiki .plugin .name, .devsiteWiki .plugin .desc {
margin-left: 143px;
}
.devsiteWiki .plugin .name {
font-size: 16px;
line-height: 24px;
}
.devsiteWiki .timestamp {
color: #666666;
font-size: 11px;
}
.devsiteWiki .clearcols {
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
.devsiteWiki #priority-support-box {
float: right;
}
.devsitePage #navsubsectionpages {
list-style-type: none;
margin-top: 20px;
padding: 0;
}
.devsitePage #navsubsectionpages h5 {
color: #777777;
font-size: 11px;
margin: 25px 0 10px 10px;
}
.devsitePage #navsubsectionpages ul {
list-style-type: none;
margin-left: 10px;
padding: 0;
}
.devsitePage #navsubsectionpages li {
border: 0 none;
font-size: 11px;
line-height: 18px;
padding: 1px 0;
}
.devsitePage #navsubsectionpages li a {
padding: 0;
}
.devsitePage .bodyText {
float: right;
width: 732px;
}
.devsitePage .body .bodyMenu li a.private.selected {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yE/r/JQgQHls27pw.png"), url("http://static.ak.fbcdn.net/rsrc.php/v2/y9/r/uADs2cgkzVe.png");
background-position: 160px center, left center;
background-repeat: no-repeat, no-repeat;
}
.devsitePage .body .bodyMenu li a.private {
margin-left: 5px;
}
.devsitePage .body .bodyMenu {
float: left;
margin-left: -20px;
overflow: hidden;
padding: 0 20px;
width: 166px;
}
.devsitePage .body .bodyMenu.fixed {
position: fixed;
}
.devsitePage .body .bodyMenu.fixedScrolling {
bottom: 0;
}
.devsitePage .body .bodyMenu .title {
color: #666666;
font-size: 24px;
font-weight: normal;
line-height: 28px;
margin: 0;
padding: 0;
}
.devsitePage .body .bodyMenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.devsitePage .body .bodyMenu li {
margin: 0;
}
.devsitePage .body .bodyMenu h4, .devsitePage .body .bodyMenu li a {
padding: 6px 6px 6px 10px;
}
.devsitePage .body .bodyMenu h4 {
color: #666666;
font-size: 16px;
font-weight: normal;
margin-bottom: 8px;
padding-bottom: 0;
padding-top: 0;
}
.devsitePage .body .bodyMenu li a {
display: block;
}
.devsitePage .body .bodyMenu li a.selected {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yE/r/JQgQHls27pw.png") no-repeat scroll right center transparent;
color: #333333;
font-weight: bold;
}
.devsitePage .toplevelnav .withsubsections > .selected {
margin-right: 20px;
padding-left: 30px;
}
.devsitePage .body .bodyMenu li ul.subsections li a.selected {
background-image: none;
}
.devsitePage .body.reference hr {
background-color: #D2D2D2;
border: 0 none;
height: 1px;
margin: 40px 0 0;
}
.devsitePage .body.reference h2 {
color: #666666;
font-size: 16px;
font-weight: normal;
margin-bottom: 16px;
}
.devsitePage .body div.fql_example {
margin-bottom: 1em;
}
.devsitePage .refindex .page .thumbnail {
float: left;
}
.devsitePage .refindex .page .thumbnail img {
border: 1px solid #D3DAE5;
height: 75px;
width: 100px;
}
.devsitePage .bodyMenu .toplevelnav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.devsitePage .bodyMenu .toplevelnav ul.subsections {
margin: 0;
padding: 0;
}
.devsitePage .bodyMenu .toplevelnav li {
border-bottom: 1px solid #E5E5E5;
font-size: 12px;
line-height: 18px;
}
.devsitePage .bodyMenu .toplevelnav li.active.withsubsections {
background: none repeat scroll 0 0 #F2F7FC;
border-bottom: 1px solid #D2DEE5;
border-top: 1px solid #D2DEE5;
margin: -1px -20px 0;
padding-bottom: 5px;
}
.devsitePage .bodyMenu .toplevelnav li:first-child, .devsitePage .developerAppDashLeft .bodyMenu .toplevelnav li.active:first-child {
border-top: 1px solid #E5E5E5;
}
.devsitePage .bodyMenu .toplevelnav li.active:first-child {
border-top: 2px solid #D2DEE5;
}
.devsitePage .bodyMenu .toplevelnav ul.subsections li {
border: 0 none;
padding: 0 0 0 45px;
}
.devsitePage .bodyMenu .toplevelnav ul.subsections li a {
color: #333333;
font-size: 12px;
overflow: hidden;
padding: 3px 6px;
text-overflow: ellipsis;
white-space: nowrap;
}
.devsitePage .bodyMenu .toplevelnav ul.subsections li a.selected {
overflow: auto;
white-space: normal;
}
.devsitePage .bodyMenu .toplevelnav ul.subsections ul {
padding: 3px 0;
}
.devsitePage .bodyMenu .toplevelnav ul.subsections ul li {
padding-left: 22px;
}
.devsitePage .bodyMenu .toplevelnav ul.subsections ul li a {
font-size: 11px;
}
.devsitePage .bodyMenu .toplevelnav li a:hover {
background: url("http://static.ak.fbcdn.net/rsrc.php/v2/yE/r/JQgQHls27pw.png") no-repeat scroll right center transparent;
color: #333333;
text-decoration: none;
}
.devsitePage .bodyMenu .toplevelnav li ul.subsections li a:hover {
background-image: none;
}
.devsitePage .bodyMenu .toplevelnav ul li img.imgWrap {
float: left;
margin: 6px 0 0 5px;
}
.devsitePage .bodyMenu .toplevelnav ul li a.aWrap {
display: inline-block;
width: 128px;
}
.devsitePage .plugin_form {
background: none repeat scroll 0 0 #EFEFEF;
border-top: 1px solid #C1C1C1;
float: left;
margin: 10px 10px 15px 0;
padding: 10px;
width: 220px;
}
.devsitePage .plugin_form dt {
color: #666666;
}
.devsitePage .plugin_form dt a.uiTooltip {
font-size: 11px;
font-weight: normal;
}
.devsitePage .plugin_form dd {
border-bottom: 1px solid #D0D0D0;
margin-bottom: 5px;
padding: 5px 0 10px;
}
.devsitePage .plugin_form dd label {
color: #000000;
font-weight: normal;
}
.devsitePage .plugin_form .wideinputtext {
width: 210px;
}
.devsitePage .plugin_example {
float: left;
padding: 10px;
width: 420px;
}
.devsitePage .dark_background {
background-color: #333333;
padding: 10px;
}
.devsitePage .nofloat {
float: none;
margin-left: -10px;
width: auto;
}
.dialog_body {
padding-bottom: 0;
}
.dialog_body .code {
margin-bottom: 16px;
}
.dialog_body .code div {
margin: 5px 0;
}
.dialog_body .code input, .dialog_body .code textarea {
font: 12px monospace;
width: 600px;
}
.dialog_body ol .code input, .dialog_body ol .code textarea {
width: 575px;
}
.dialog_body #snip-html5 ol, .dialog_body #snip-xfbml ol, .dialog_body #snip-iframe ol {
padding-left: 2em;
}
.LDialog_DeveloperPluginCode .pop_container, .LDialog_DeveloperPluginCode .pop_container_advanced {
width: 630px;
}
.LDialog_DeveloperPluginCode label {
font-size: 12px;
margin: 5px;
}
.devsitePage .body li.permBucket table.uiGrid {
margin: 0;
}
.profileUnitShowcaseItem {
float: right;
position: relative;
text-align: center;
width: 100px;
}
.warning {
border: 1px solid #EFC63F;
}
.warning div {
cursor: pointer;
opacity: 0.6;
}
.warning img {
opacity: 0.6;
}
.warning .warningIcon {
position: absolute;
right: 5px;
top: 5px;
z-index: 2;
}
.previewReferralDialogLink {
display: block;
text-align: right;
width: 670px;
}
.devsitePage .body table.aggregationPreviews th, .devsitePage .body table.aggregationPreviews td {
padding: 0 12px 0 0;
}
#bootloader_PRMOz {
height: 42px;
}
.fbFeedbackContent .fbModeratorFullView {
margin-top: 8px;
}
.fbCommentModerationContent .fbFeedbackContent .objectListItem:first-child {
padding-top: 10px;
}
.fbCommentModerationContent .fbFeedbackContent .uiCenteredMorePager {
margin-left: 0;
}
.fbFeedbackContent .fbDialogView {
max-height: 350px;
overflow-x: hidden;
overflow-y: auto;
}
.fbFeedbackContent .fbCommentSelected {
background-color: #F5F5F5;
}
.fbFeedbackContent .fbFeedbackContentHeader {
border-color: lightgray white;
border-style: solid;
border-width: 2px 0 1px;
padding: 7px 0;
}
.fbFeedbackContent .fbModeratorOptions {
margin-left: 1px;
}
.fbFeedbackContent .fbModerationOption {
position: relative;
}
.fbFeedbackContent .fbSelectedNub {
height: 7px;
left: 50%;
margin-left: -5.5px;
position: absolute;
top: 15px;
width: 11px;
}
.fbFeedbackContent .fbPublicCommentsSelectedNub {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/yf/r/PfBgtiydy5U.gif");
}
.fbFeedbackContent .fbModerateCommentsSelectedNub {
background-image: url("http://static.ak.fbcdn.net/rsrc.php/v2/y-/r/bofDyr_OPBq.gif");
}
.fbFeedbackContent .fbModeratorSettings {
margin-right: 3px;
}
.fbFeedbackContent .fbModeratorQueueSummary {
background-color: #E8E8E8;
border-color: lightgray;
border-style: solid;
border-width: 0 1px 1px;
height: 35px;
}
.fbFeedbackContent .fbModeratorQueueSummaryContent {
padding-left: 5px;
padding-top: 10px;
}
.fbFeedbackContent .fbFeedbackPostsContainer {
max-height: 600px;
overflow-y: scroll;
}
.fbFeedbackContent .fbModeratorQueueActionBar {
background-color: #E8E8E8;
border: 1px solid lightgray;
height: 30px;
padding-top: 8px;
}
.fbFeedbackContent .fbModeratorQueueActionUpperBar {
border-top-width: 0;
}
.fbFeedbackContent .fbModeratorQueueActionButtons {
padding-right: 5px;
}
.fbFeedbackContent .fbCommentCheckboxPrelude {
float: left;
padding-right: 5px;
padding-top: 15px;
}
.fbFeedbackContent .fbCommentCheckboxConcealed {
visibility: hidden;
}
.fbFeedbackContent .fbModerateDropdownContainer {
display: inline-block;
position: relative;
}
.fbFeedbackContent .fbModerateDropdownLink {
color: #3B5998;
cursor: pointer;
display: inline;
}
.fbDarkWidget .fbModerateDropdownLink {
color: #FFFFFF;
}
.fbFeedbackContent .fbUnderlineText {
text-decoration: underline;
}
.fbFeedbackContent .fbModerateDropdownArrow {
cursor: pointer;
padding-left: 2px;
}
.fbFeedbackContent .fbModerationDropdownList {
background-color: #FFFFFF;
border-color: lightgray;
border-style: solid;
border-width: 1px;
display: block;
left: 0;
padding: 3px 0;
position: absolute;
top: 100%;
z-index: 2;
}
.fbDarkWidget .fbModerationDropdownList {
background-color: #000000;
}
.fbFeedbackContent .fbModerationDropdownListItem {
border-color: #FFFFFF;
border-style: solid;
border-width: 1px;
cursor: pointer;
display: block;
padding: 3px 9px;
text-decoration: none;
white-space: nowrap;
}
.fbDarkWidget .fbModerationDropdownListItem {
border-color: #000000;
}
.fbFeedbackContent a.fbModerationDropdownListItem:hover {
background-color: #6D84B4;
border-color: #3B5998 #3B5998 #6D84B4;
border-style: solid;
border-width: 1px;
color: #FFFFFF;
cursor: pointer;
text-decoration: none;
}
.fbFeedbackContent .fbTopLevelComment:first-child {
border-width: 0;
}
.devsitePage .fbCommentModeration .header {
margin-bottom: 0;
padding-bottom: 25px;
padding-left: 20px;
}
.devsitePage .content {
margin: auto;
max-width: 900px;
}
.devsitePage .nav {
float: left;
padding-top: 30px;
width: 200px;
}
.devsitePage .fbCommentModeration .fbCommentModerationContent {
font-size: 11px;
}
.devsitePage .fbCommentModeration .content ul {
margin: 0;
}
.devsitePage .fbCommentModeration .content li {
font-size: 11px;
line-height: 12px;
}
.devsitePage .fbCommentModeration .content .uiSideNav {
padding-left: 18px;
}
.devsitePage .fbCommentModeration .fbFeedbackPosts, .devsitePage .fbCommentModeration .fbFeedbackReplies {
padding-left: 0;
}
.devsitePage .applicationName {
overflow: hidden;
white-space: nowrap;
}
.devsitePage .fbFeedbackContent .fbFeedbackContentHeader {
border-color: transparent transparent lightgray;
}
.devsitePage .commentContent {
float: left;
padding-left: 10px;
width: 670px;
}
#bootloader_OJFtT {
height: 42px;
}



