MediaWiki:Common.css: Perbedaan antara revisi

Revisi terkini sejak 6 Maret 2015 11.56

/*
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;
}
.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;
}
.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;
}
.mini_iframe, .serverfbml_iframe {
    overflow-y: visible;
}
.auto_resize_iframe {
    height: auto;
    overflow: hidden;
}
.pipe {
    color: gray;
    padding: 0 3px;
}
.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-po
p, li {
  text-align: justify;
}
Anonim

Pencarian

MediaWiki:Common.css: Perbedaan antara revisi

Ruang nama

Lainnya

Tindakan halaman

Revisi terkini sejak 6 Maret 2015 11.56

Navigasi

CATEGORY CLOUD

Navigasi

Translate

Peralatan wiki

Peralatan wiki

Selamat Natal 2025 dan Tahun Baru 2026

SABDA Live

Alkitab SABDA

Kamus SABDA

Anonim

Pencarian

MediaWiki:Common.css: Perbedaan antara revisi

Revisi terkini sejak 6 Maret 2015 11.56

Navigasi

Peralatan wiki

Selamat Natal 2025 dan Tahun Baru 2026

SABDA Live

Alkitab SABDA

Kamus SABDA

Peralatan halaman
