/**
 * BEGIN FLOCK GPL
 *
 * Copyright Flock Inc. 2005-2009
 * http://flock.com
 *
 * This file may be used under the terms of the
 * GNU General Public License Version 2 or later (the "GPL"),
 * http://www.gnu.org/licenses/gpl.html
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * END FLOCK GPL
 */

page {
  -moz-appearance: none;
  background-color: #f3f3f3;
  font-size: 10pt;
  overflow: auto;
}

page,
.favHeaderLabel,
.accounts,
.availableServicesText,
.topfaves,
.faveFeedDescription,
.faveMediaDescription,
.flockTipsDescription,
.myworldHomepage
{
  font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", "DejaVu Serif", FreeSerif, serif;
}

.timeUpdated,
.navbar_controls_btn,
.widgetSettings,
.url,
.headlinesItem,
.newsearchbutton label,
.richLabel,
.copyright,
.col_sub_hdr,
.footerLinkLabel,
.footerArea,
.whatsThis,
.whatsThisPopup,
#trends-deck
{
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.entirePage {
  overflow: auto;
  -moz-user-focus: normal;
}

.contentArea {
  padding-bottom: 0;
  margin: 0;
}

.headerArea {
  background-color: #2f8fff;
}

.favHeaderLabel {
  color: #333333;
  font-size: 14pt;
  font-weight: normal;
  cursor: pointer;
  margin: 0 0 0 15px;
}

.favHeaderLabel:hover {
  text-decoration: underline;
  cursor: pointer;
}

vbox[label_val="twittersearch"] .favHeaderLabel:hover {
  text-decoration: none;
  cursor: default;
}

#discovery-service-entry {
  padding: 5px 5px 5px 0;
}

#discovery-service-entry image {
  background: transparent url("chrome://flock/skin/common/round-box-white.png") top left no-repeat;
  width: 26px !important;
  height: 26px !important;
  padding: 5px;
  text-align: center;
  margin: 0 0 0 5px;
}

#discovery-service-entry label {
  padding: 5px 0 0 0;
}

#discovery-service-link {
  color: #2f64da;
  text-decoration: underline;
}

#discovery-service-link:hover {
  cursor: pointer;
}

#discovery-message-container ul {
  margin-top: 0px;
  margin-bottom: 5px;
  padding-left: 10px;
  margin-left: 16px;
}

#discovery-message-container li {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 6px;
}

#discovery-message-container .discovery-message-heading,
#discovery-message-container .discovery-message-heading-link {
  font-size: 10px;
  text-decoration: underline;
  padding: 3px 6px 4px 6px;
  margin: 0;
  color: #2a2a2a;
}

#discovery-message-container .discovery-message-heading-link {
  cursor: pointer;
  text-decoration: underline;
}

#discovery-message-container .discovery-message-link {
  color: #2f64da;
  text-decoration: underline;
  margin: 0;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}

#discovery-message-container .discovery-message-body {
  padding: 6px 11px;
}

.col_sub_hdr {
  margin: 0 0 9px 2px;
  color: #666666;
  font-size: 12px;
  cursor: pointer;
}

.favSubHeaderLabel {
  color: #999999;
}

.titlerefresh {
  margin-left: 4px;
  margin-right: 50px;
}

.titleMyWorldInput,
.titleMyWorldInput .textbox-input { 
  -moz-appearance: none;
  background-color: #2f8fff;
  color: #ffffff;
  cursor: text;
  font-size: 24px;
  font-weight: normal;
  border: 0px;
  /* causes error, needs fix
  -moz-box-crop: end;
  */
  min-width: 200px;
}

.titleMyWorldInput {
  margin: 15px 0 0 4px !important;
  padding: 0px !important;
}

.titleMyWorldInput:hover,
.titleMyWorldInput .textbox-input-box:hover,
.titleMyWorldInput .textbox-input:hover {
  background-color: #ffffff;
  border: 0px;
  color: #2f8fff;
}

.titleMyWorldInput[edit="true"],
.titleMyWorldInput .textbox-input-box[edit="true"],
.titleMyWorldInput .textbox-input[edit="true"] { 
  background-color: #ffffff;
  border: 0px;
  color: #000000;
  -moz-opacity:0.95;
}

.titleMyWorldInput .textbox-input-box,
.titleMyWorldInput .textbox-input-box:hover {
  border: 0px;
}

.titlerefresh .timeUpdated {
  color: #ffffff;
  font-size: 12px;
}

/* My World nav bar */
.dots_separator {
  padding-right: 3px;
}

.widgetSettings > dropmarker > image {
  padding-left: 4px;
  padding-top: 2px;
  list-style-image: url("chrome://flock/skin/start/widgetBtnArrow.png");
}

.widgetSettings {
  -moz-appearance: none;
  color: #ffffff;
  padding: 0;
  margin: 0;
  font-size: 11px;
  list-style-image: url("chrome://flock/skin/start/myworld-nav-icons.png");
  -moz-image-region: rect(0px 293px 16px 277px);
  border: 0px;
}

.widgetSettings:hover,
.widgetSettings:hover:active {
  border: 0px;
}

.widgetCloseBtn,
.widgetMoveBtn-left,
.widgetMoveBtn-right {
  -moz-appearance: none;
  min-width: 15px;
  min-height: 15px;
  margin: 0;
  cursor: pointer;
  padding: 1px 1px 0px 0px;
  border: 0px;
}

.widgetCloseBtn:hover,
.widgetMoveBtn-left:hover,
.widgetMoveBtn-right:hover {
  -moz-appearance: none;
  min-width: 15px;
  min-height: 15px;
  margin: 0;
  cursor: pointer;
  padding: 1px 1px 0px 0px;
  border: 0px;
}

  .widgetCloseBtn label,
  .widgetMoveBtn-left label,
  .widgetMoveBtn-right label {
    display: none;
  }


.widgetCloseBtn image {
  list-style-image: url("chrome://flock/skin/start/widgetButtons.png");
  -moz-image-region: rect(0px 45px 15px 30px);
}

.widgetCloseBtn:hover image {
  -moz-image-region: rect(15px 45px 30px 30px);
}

.widgetCloseBtn:hover:active image {
  -moz-image-region: rect(30px 45px 45px 30px);
}

.widgetMoveBtn-left {
  list-style-image: url("chrome://flock/skin/start/widgetButtons.png");
  -moz-image-region: rect(0px 15px 15px 0px);
}
.widgetMoveBtn-left:hover {
  -moz-image-region: rect(15px 15px 30px 0px);
}
.widgetMoveBtn-left:hover:active {
  -moz-image-region: rect(30px 15px 45px 0px);
}

.widgetMoveBtn-right {
  list-style-image: url("chrome://flock/skin/start/widgetButtons.png");
  -moz-image-region: rect(0px 30px 15px 15px);
}
.widgetMoveBtn-right:hover {
  -moz-image-region: rect(15px 30px 30px 15px);
}
.widgetMoveBtn-right:hover:active {
  -moz-image-region: rect(30px 30px 45px 15px);
}

.myworld_widget_btn_box,
.myworld_btn_box {
  -moz-box-align: center;
  -moz-box-pack: end;
  margin: 0 5px 0 5px;
  padding: 2px;
  position: relative;
}

.myworld_widget_btn_box {
  margin: 0;
}

.myworld_widget_btn_box .myworld_btn_box_container,
.myworld_btn_box .myworld_btn_box_container {
  background-color: transparent;
  border: 1px solid transparent;
  -moz-border-radius: 4px;
  -moz-box-align: center;
  padding: 1px 2px;
  margin-top: 2px;
  cursor: pointer;
}

.myworld_widget_btn_box .myworld_btn_box_container:hover,
.myworld_btn_box .myworld_btn_box_container:hover {
  background-color: #091f3a;
  border-color: #091f3a;
}

.myworld_btn_box_container:hover > label {
  cursor: pointer;
  color: #ffffff;
}

.myworld_btn_box_container > image {
  min-height: 16px; 
  max-height: 16px;
  min-width: 16px; 
  max-width: 16px;
  width: 16px;
  height: 16px;
  padding: 0;
}

.myworld_btn_box_container > label {
  height: 16px;
  margin-top: 0; 
  margin-bottom: 0;
}

.navbar_controls_btn {
  font-size: 11px;
  color: #ffffff;
  margin: 1px 2px 2px 2px;
  padding-left: 2px;
  padding-top: 2px;
}

#myworld_share {
  list-style-image: url("chrome://flock/skin/start/myworld-nav-icons.png");
  -moz-image-region: rect(0px 266px 16px 250px);
}

#myworld_blog {
  list-style-image: url("chrome://flock/skin/start/myworld-nav-icons.png");
  -moz-image-region: rect(0px 116px 16px 100px);
}

#myworld_upload {
  list-style-image: url("chrome://flock/skin/start/myworld-nav-icons.png");
  -moz-image-region: rect(0px 166px 16px 150px);
}
/* END My World nav bar */

.refreshBtn {
  -moz-appearance: none;
  -moz-box-align: stretch;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.refreshBtn > * {
  margin: 0;
}

.refreshBtnLeft {
  background-image: url("chrome://flock/skin/start/refreshBtn-left.png");
  width: 25px;
  height: 28px;
  cursor: pointer;
}

.refreshBtnMiddle {
  background-image: url("chrome://flock/skin/start/refreshBtn-bg.png");
  height: 28px;
  color: #ffffff;
  cursor: pointer;
}

.refreshBtnRight {
  background-image: url("chrome://flock/skin/start/refreshBtn-right.png");
  width: 6px;
  height: 28px;
  cursor: pointer;
}

.uploadBtn {
  -moz-appearance: none;
  -moz-box-align: stretch;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.createBlogBtn {
  -moz-appearance: none;
  -moz-box-align: stretch;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.uploadIcon {
  list-style-image: url("chrome://flock/skin/toolbar/flockBarIcons.png");
  -moz-image-region: rect(0px 169px 19px 150px);
  cursor: pointer;
}

.createBlogIcon {
  list-style-image: url("chrome://flock/skin/toolbar/flockBarIcons.png");
  -moz-image-region: rect(0px 119px 19px 100px);
  cursor: pointer;
}

.controls {
  margin-left: 10px;
  margin-right: 10px;
}

.accounts {
  margin-bottom: 5px;
  color: #666666;
}

.availableServicesText {
  padding-left: 0;
  margin-left: 0;
  font-size: 14px;
  font-weight: bold;
}

.configuredAccounts {
  -moz-box-align: center;
  margin-right: 40px;
  margin-left: 5px;
}

.accountsNotConfigured {
  -moz-box-align: center;
}
.accountsNotConfigured > hbox {
  -moz-box-align: end;
}

.navbar_control_container {
  padding-left: 6px;
}

.navbar_controls {
  border-top: 1px solid #174f94;
  background: transparent url("chrome://flock/skin/start/main-nav-bg.png") top left repeat-x;
  height: 33px;
  line-height: 33px;
}

#ftcontainerID .col_hdr_container {
  margin: 0;
  background: #fcfcfc url("chrome://flock/skin/start/myworld-header.png") 0 4px repeat-x;
  -moz-box-flex: 1;
  border-right: 1px solid #6d6d6d;
  min-width: 340px;
}

.col_hdr_bottom {
  border-bottom: 1px solid #6d6d6d;
  padding-bottom: 4px;
  -moz-box-align: center;
}

#ftcontainerID vbox iframe {
  padding: 0 1px 0 0;
}

.col_hdr_settings {
  visibility: hidden;
  -moz-box-pack: start;
  -moz-box-align: end;
  -moz-box-flex: 1;
}

#ftcontainerID[showButtons="true"] .col_hdr_settings,
.col_hdr_container:hover .col_hdr_settings {
  visibility: visible;
}

.favicon_container {
  background: transparent url("chrome://flock/skin/common/round-box-white.png") top left no-repeat;
  width: 26px !important;
  height: 26px !important;
  padding: 5px 5px 5px 5px;
  margin: 0 0 0 10px;
  text-align: center;
}

.favicon {
  display: -moz-box;
  max-width: 16px;
  max-height: 16px;
  width: 16px !important;
  height: 16px !important;
  -moz-box-align: center !important;
}

.favicon#default-favIcon {
   background: transparent url("chrome://browser/skin/default-favIcon.png") top left no-repeat;
}

.faveiconBox,
.faviconBox {
  width: 21px;
  height: 21px;
  margin-right: 5px !important;
  background-color: #ffffff;
  border: 1px solid #656464;
}
.favStack {
  width: 21px;
  height: 21px;
  margin-right: 5px !important;
  background-color: #ffffff;
  border: 1px solid #656464;
}
.accountIcon {
  cursor: pointer;
}

.topfaves {
  padding: 0;
}

#feedBoxContents {

}
#feedsWrapperBox {
  background-color: #f3f1f1;
}
#mediaBoxContents {
  background-color: #f3f1f1;
}

.topfavesdescription {
  background-color: #ffffff;
  color: #888888;
  font-size: 8pt;
  margin: 0;
  padding: 8px 5px;
}

.launcher {
  color: #ffffff !important;
  cursor: pointer;
}

.favetypecontainer {
  padding: 0;
  background-color: #f3f1f1;
  margin-top: -2px;
  -moz-box-flex: 1;
}

.favManagerIcon {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(0px 532px 32px 500px);
  cursor: pointer;
}

.feedManagerIcon {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(0px 382px 32px 350px);
  cursor: pointer;
}

.mediaManagerIcon {
  list-style-image: url("chrome://flock/skin/toolbar/Toolbar.png");
  -moz-image-region: rect(200px 332px 232px 300px);
  cursor: pointer;
}
.mediaManagerIcon:hover {
  text-decoration: underline;
}

.faveContent {
  background-color: transparent;
}

.title {
  text-decoration: none;
  margin: 3px 0 2px 5px;
  max-width: none !important;
}
.title:hover {
  text-decoration: underline;
  color: #333333;
}
.url_container {
  margin: 0 0 0 5px;
}
.url {
  margin: 0 0 0 5px;
  color: #2f64da;
  font-size: 8pt;
  overflow-x: hidden;
}

.url:hover {
  text-decoration: underline;
}

.headlinesItem {
  font-size: 8pt !important;
  color: #3d73b9;
  cursor: pointer;
  padding-right: 1px;
  z-index: 9999;
}
.headlinesItem:hover {
  text-decoration: underline;
}

.whatsThis {
  margin: 0 0 10px 15px;
  background: transparent url("chrome://flock/skin/start/help-icon.png") top left no-repeat;
  width: 13px;
  height: 13px;
}

.whatsThis:hover {
  text-decoration: underline;
  cursor: pointer;
}

.whatsThisPopup {
  background-color: #eeeeee;
  width: 250px;
  font-size: 11px;
  padding: 5px;
}

#trends-deck {
  width: 120px;
  height: 191px;
  padding: 5px 0px;
  font-size: 11px;
}

#trends-throbber,
#trends-error {
  -moz-box-align: center;
  -moz-box-pack: center;
}

#trends-throbber image {
  list-style-image: url("chrome://browser/skin/Throbber.gif");
}

.trend {
  margin: 0px;
  padding: 2px 6px;
}

.trend:hover {
  color: white;
  background-color: #3054f3;
}

.faveSite label {
  cursor: pointer;
}

vbox.faveFeed,
.faveSite,
.faveMedia,
.faveMediaOdd,
.list-item,
.list-item-hover {
  background: #ffffff url("chrome://flock/skin/start/list-bg.png") bottom left repeat-x;
  border-bottom: 1px solid #c4c4c4;
  padding: 5px;
  cursor: pointer;
}

.list-item-hover,
.faveSite:hover {
  background: #f2f2f2 url("chrome://flock/skin/start/list-bg-hover.png") bottom left repeat-x;
}

.faveFeed label {
  font-size: 10pt;
  font-weight: normal;
  cursor: pointer;
}

.feed-spacer,
.media-spacer {
  margin-left: 5px;
  -moz-box-flex: 1;
  min-width: 240px;
  overflow: hidden;
}

.noContentContainer {
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin: 5px 5px 0 9px;
  padding: 2px 0 0 0;
  text-align: left;
}

.noContentContainer .noContentHeader {
  font-weight: bold;
  padding: 3px 6px 4px 6px;
  margin: 0;
  cursor: pointer;
}

.noContentContainer .noContentDescription {
  padding: 6px;
  color: #666666;
}

.feedInfo {
  height: 20px;
}

.feedContent {
  background-image: url("chrome://flock/skin/start/feed-content-bg.png");
  background-repeat: repeat-x;
}

.feedHeadlines {
  -moz-box-align: start;
  -moz-box-flex: 1;
  -moz-box-pack: start;
}

.feedInfoNew {
  color: #ffffff;
}

.feedInfoTime {
  color: #000000;
}

.friendlyTime,
.friendlyFeedTime,
.friendlyFeedUnseen {
  padding: 6px 0 6px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
  font-weight: bold !important;
  font-size: 8pt !important;
  color: #ffffff;
  cursor: pointer;
  margin: 4px 0 0 10px;
  letter-spacing: -1px;
  background: transparent url("chrome://flock/skin/common/round-box-green.png") top left no-repeat;
  width: 26px !important;
  height: 26px !important;
  text-align: center;
  display: block;
}

.friendlyFeedUnseen {
  background: transparent url("chrome://flock/skin/common/round-box-blue.png") top left no-repeat;
}

.title,
.faveFeedDescription,
.faveMediaDescription {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #464646 !important;
  margin: 5px 0 3px 5px;
  cursor: pointer;
  -moz-box-flex: 1;
}

.faveFeedDescription {
  margin-bottom: 7px;
}

.faveMediaDescription {
  margin-bottom: 6px;
}

.faveFeedDescription:hover,
.faveMediaDescription:hover {
  text-decoration: underline;
  color: #333333;
}
.favMediaContainer {
  margin-left: 6px;
  padding-top: 10px;
  margin-bottom: 0;
  cursor: pointer;
}

.mediaFavIcon {
  max-height: 16px;
  max-width: 16px;
  margin-left: 2px;
}

.searchboxcontainer {
  background-color: transparent;
  position: relative;
  width: 419px;
}

.searchbox {
  background-image: url("chrome://flock/skin/start/search-bar-temp.png");
  background-repeat: no-repeat;
  width: 419px;
  height: 79px;
  -moz-box-align: center;
}

.spacerArea {
  -moz-appearance: none;
  width: 32px;
  height: 24px;
  margin: 5px 1px 15px 12px;
  cursor: pointer;
}

.newsearchbutton {
  -moz-appearance: none;
  background: transparent url("chrome://flock/skin/start/myworld-search-btn.png") top left no-repeat;
  width: 72px;
  height:24px;
  line-height: 24px;
  padding-top: 6px;
  margin: 4px 10px 15px 0;
  text-transform: uppercase !important;
  border: 0;
  cursor: pointer;
}
.newsearchbutton label {
  color: #636363;
  font-size: 7pt;
  text-transform: uppercase !important;
  font-weight: bold;
  text-align: left;
  padding-left: 13px;
  padding-bottom: 0;
}
.newsearchbutton:hover {
  -moz-appearance: none;
}
.newsearchbutton:hover:active,
.newsearchbutton:active {
  -moz-appearance: none;
}

.searchTextBox {
  padding-left: 0;
  padding-right: 15px;
  -moz-user-focus: normal !important;
  background-color: #ffffff;
}

.engineButton {
  -moz-appearance: none;
  width: 20px;
  height: 24px;
  margin: 7px 1px 15px 0;
  padding: 0;
  background: transparent;
  -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic");
  cursor: pointer;
}

.engineImageContainer {
  height: 24px;
  margin: 5px 1px 15px 12px;
  -moz-box-pack: center;
}

.enginePopup {
  -moz-appearance: none;
}

.engineImageClass {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.engine-menuitem {
  -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic");
}

.searchbox textbox {
  -moz-appearance: none;
  width: 220px;
  height: 24px;
  padding-top: 6px;
  margin: 4px 0 15px 6px;
  border: none;
  font-size: 12px;
}

.copyright {
  font-size: 7pt;
  color: #2c2c2c;
  color: grey;
}

.footerLinkLabel {
  font-size: 9pt;
  color: #2c2c2c;
  cursor: pointer;
  margin-right: 10px;
}

.footerLinkLabel:hover {
  text-decoration: underline;
}

.hiddenFeedLink {
  display: none;
}

.imagePreviewContainerBox {
  margin: 4px;
  height: 62px;
}

.imagePreview {
  cursor: pointer;
  padding: 1px;
  max-width: 50px;
  max-height: 50px;
  margin-bottom: 5px;
  border: 1px solid grey;
}

.imagePreview:hover {
  opacity: 0.9;
}

.richImageBox {
  padding: 2px 2px 0 2px;
  margin-top: 1px;
  padding-left: 10px;
}

.richImageBox image {
  max-width: 50px;
  max-height: 50px;
}

.moreText {
  color: #4272db;
}

.richLabelContainer {
  background-color: #d6d6d6;
  margin-top: 3px;
  margin-bottom: 6px;
  width: 50px !important;
  margin-right: 8px;
}

.richLabelHBox {
  padding-bottom: 4px;
  margin: 3px 0 0 0;
}

.richLabel {
  color: #2f64da;
  font-size: 7pt !important;
  text-transform: uppercase;
  font-weight: bold !important;
  cursor: pointer;
}
.richLabel:hover {
  text-decoration: underline;
}

.tipsContentBox {
  background-color: #ffffff;
  margin-top: 8px;
  margin-bottom: 8px;
  overflow: -moz-scrollbars-none;
}

.tipsContentArea {
  margin-top: 5px;
}

.flockTipsDescription {
  color: #000000;
  margin-left: 40px;
  margin-right: 40px;
  height: 50px !important;
  width: 580px;
  max-width: 580px !important;
  font-size: 8pt !important;
}

.flockTipsBox {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 5px;
}

.tipsTitle {
  color: #4272db;
  font-weight: bold;
  font-size: 10pt;
  padding-right: 5px;
}

.tipsTitleLight {
  color: #4272db;
  font-size: 10pt;
  margin-left: 0;
  padding-right: 3px;
}

.tipsArrowRight {
  margin-right: 20px;
  margin-left: 10px;
  cursor: pointer;
}

.tipsImage {
  width: 15px;
  height: 15px;
}

.tipsArrowLeft {
  margin-left: 20px;
  margin-right: 10px;
  cursor: pointer;
}

.footerArea {
  -moz-box-align: center;
  font-size: 9pt;
  border-top: 1px solid #797979;
  background: #fefefe url("chrome://flock/skin/start/myworld-header.png") bottom left repeat-x;
  height: 40px;
  padding: 5px 5px 5px 0;
}

.myworldHomepage {
  color: #ffffff;
  font-size: 8pt !important;
  font-style: italic;
}

.myworldHomepage:hover {
  text-decoration: underline;
  cursor: pointer;
}

.defaultHomepageBtn {
  -moz-appearance: none;
  -moz-box-align: stretch;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: #ffffff;
}

.defaultHomepageBtn:hover {
  text-decoration: underline;
}

friendfeeditem,
friendfeeditem label {
  cursor: pointer;
}

friendfeeditem {
  background: #ffffff url("chrome://flock/skin/start/list-bg.png") bottom left repeat-x;
  border-bottom: 1px solid #c4c4c4;
  padding: 5px;
  cursor: pointer;
  -moz-box-align: start;
  -moz-box-flex: 1;
}

friendfeeditem:hover {
  background: #f2f2f2 url("chrome://flock/skin/start/list-bg-hover.png") bottom left repeat-x;
}

friendfeeditem .avatar {
  height: 20px;
  width: 20px;
}

friendfeeditem .favicon {
  display: -moz-box;
  max-width: 16px;
  max-height: 16px;
  width: 16px !important;
  height: 16px !important;
  -moz-box-align: center !important;
}

friendfeeditem .avatar-container,
friendfeeditem .favicon-container {
  background: transparent url("chrome://flock/skin/common/round-box-white.png") top left no-repeat;
  width: 26px !important;
  height: 26px !important;
  text-align: center;
}

friendfeeditem .avatar-container {
  padding: 3px 3px 3px 3px;
}

friendfeeditem .reply {
  width: 13px;
  height: 13px;
  max-width: 13px;
  max-height: 13px;
  margin-left: 5px;
  list-style-image: url("chrome://flock/skin/people/replyButton.png");
  -moz-image-region: rect(0px 13px 13px 0px);
}
friendfeeditem .reply-container {
  visibility: hidden;
  margin-top: 10px;
  margin-left: 2px;
  width: 24px !important;
  min-width: 24px !important;
  height: 13px !important;
  max-height: 13px !important;
}
friendfeeditem[reply_enabled="true"]:hover .reply-container {
  visibility: visible;
}
friendfeeditem[retweet_enabled="true"]:hover .reply-container {
  margin-top: 2px;
}
friendfeeditem .retweet {
  width: 15px;
  min-width: 15px;
  height: 12px;
  max-height: 12px;
  margin-left: 4px;
  list-style-image: url("chrome://flock/skin/services/twitter/twitterMessage.png");
  -moz-image-region: rect(2px 80px 14px 65px);
}
friendfeeditem .retweet-container {
  visibility: hidden;
  margin-top: 3px;
  margin-left: 2px;
  width: 24px !important;
  min-width: 24px !important;
  height: 4px !important;
  max-height: 4px !important;
}
friendfeeditem[retweet_enabled="true"]:hover .retweet-container {
  visibility: visible;
  height: 12px !important;
  max-height: 12px !important;
}

friendfeeditem .favicon-container {
  padding: 5px 5px 5px 5px;
  margin: 0 0 0 10px;
}

friendfeeditem .inner-description-container {
  margin-left: 5px;
  -moz-box-flex: 1;
}

friendfeeditem .outer-description-container {
  -moz-box-align: center;
  -moz-box-flex: 1;
  padding-top: 4px;
}

friendfeeditem .handle {
  color: #464646 !important;
  font-size: 14px !important;
  font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", "DejaVu Serif", FreeSerif, serif;
  margin: 0;
}

friendfeeditem .description {
  color: #666666;
  font-weight: normal;
  font-size: 10px !important;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
}

friendfeeditem .timeInfo {
  padding: 6px 0 6px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
  font-weight: bold !important;
  font-size: 8pt !important;
  color: #ffffff;
  cursor: pointer;
  letter-spacing: -1px;
  background: transparent url("chrome://flock/skin/common/round-box-green.png") top left no-repeat;
  width: 26px !important;
  height: 26px !important;
  text-align: center;
  display: block;
}

#discovery-message-container,
#nofriendactivities-message,
#noSites-message,
#no-friends-message {
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin: 5px 5px 0 5px;
  padding: 2px 0 0 0;
  text-align: left;
}

#discovery-message-container .content-box-top-header,
#nofriendactivities-message .content-box-top-header,
#noSites-message .content-box-top-header,
#no-friends-message .content-box-top-header {
  font-weight: bold;
}

#discovery-message-container .discovery-message-body,
#noSites-message .discovery-message-body,
#nofriendactivities-message .discovery-message-body {
  padding: 6px;
  color: #666666;
}

#no-friends-message .discovery-message-body {
  color: #666666;
}

#discovery-message-container .discovery-message-heading-link,
#nofriendactivities-message .discovery-message-heading-link,
#noSites-message .discovery-message-heading-link,
#no-friends-message .discovery-message-heading-link {
  padding: 3px 6px 4px 6px;
  margin: 0;
  cursor: pointer;
}

#discovery-message-container .discovery-message-heading-link:hover,
#discovery-message-container .discovery-service-link:hover,
#nofriendactivities-message .discovery-message-heading-link:hover,
#nofriendactivities-message .discovery-service-link:hover,
#no-friends-message .discovery-message-heading-link:hover {
  text-decoration: underline;
}

#discovery-message-container .discovery-service-link {
  color: #2f64da;
  cursor: pointer;
  -moz-box-flex: 1;
}

#discovery-message-container .discovery-service-entry {
  padding: 5px 5px 5px 0;
}

#discovery-message-container .discovery-service-entry label {
  padding: 5px 0 0 0;
}

#discovery-message-container .discovery-service-entry image {
  background: transparent url("chrome://flock/skin/common/round-box-white.png") top left no-repeat;
  width: 26px !important;
  height: 26px !important;
  padding: 5px;
  text-align: center;
}

#no-friends-message .peopleSideBarIcon {
  list-style-image: url("chrome://flock/skin/toolbar/flockBarIcons.png");
  -moz-image-region: rect(0 216px 16px 200px);
  cursor: pointer;
  padding: 0;
  margin: 0;
}

#no-friends-message .content-box-middle {
  padding: 6px;
}

#topfriends .ttInfoContainer,
#twittersearch .ttInfoContainer {
  margin: 2px;
  -moz-box-flex: 1;
}

#topfriends .ttHandle,
#twittersearch .ttHandle {
  font-weight:bold;
  margin: 0;
  padding: 0;
}

#topfriends .ttDescription,
#twittersearch .ttDescription {
  margin: 0;
  padding: 0;
}

mediaquery .ratingBox {
  cursor: pointer;
  display: none;
}

mediaquery .ratingCount {
  font-family: arial,helvetica,sans-serif;
  font-size: 16px;
  color: #9C9255;
  margin-bottom: 0;
  margin-top: 15px;
  margin-right: 10px;
  cursor: pointer;
}

mediaquery .ratingText {
  font-family: arial,helvetica,sans-serif;
  font-size: 9px;
  color: #B8AF73;
  margin-top: -3px;
  margin-right: 10px;
  cursor: pointer;
}

.noMediaMessage {
  font-family: arial,helvetica,sans-serif;
  font-size: 11px;
  color: #aaaaaa;
  margin-bottom: 0;
  margin-right: 10px;
}

#noContentID .discovery-outer-container {
  background-color: #e9e7e7;
  border: 1px solid #a1a1a1;
  -moz-border-radius: 5px;
  color: #666666;
  font-size: 10px;
  text-align: left;
  padding: 5px;
  margin: 5px;
  -moz-box-pack: start;
  -moz-box-align: start;
}

#noContentID .discovery-messaging-container {
  margin: 0 0 0 5px;
}

#noContentID .discovery-image {
  list-style-image: url("chrome://flock/skin/start/widgetArrow.png");
  padding: 0;
  max-width: 37px;
  max-height: 35px;
  -moz-box-pack: start;
  -moz-box-align: center;
}

#noContentID .discovery-header {
  color: #000;
  font-weight: bold;
  font-size: 11px;
  font-family: "Lucida Grande", Verdana, Arial, Sans-serif;
  text-transform: uppercase;
}

#noContentID .discovery-body {
  color: #333;
  font-size: 11px;
  font-family: "Lucida Grande", Verdana, Arial, Sans-serif;
}

/**
 * Twitter search
 */

#no-results-found {
  padding-top: 25px;
  -moz-box-align: center;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

#twitter-search-throbber-box {
  padding-top: 25px;
  -moz-box-align: center;
}

#twitter-search-throbber-box image {
  list-style-image: url("chrome://browser/skin/Throbber.gif");
}

.twitter-search-textbox {
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
%ifdef XP_MACOSX
  margin: 0px 0px 3px 15px;
%else
  margin: 0px 0px 0px 15px;
%endif
  padding-top: 1px;
  height: 21px;
  -moz-box-flex: 1;
  -moz-box-pack: center;
}

.twitter-search-button {
  padding: 0px;
%ifdef XP_MACOSX
  margin: 0px 5px 3px 0px;
%else
  margin: 0px 5px 0px 0px;
%endif
  -moz-appearance: none;
  cursor: pointer;
}

.twitter-search-button image.twitter-search-buttonL,
.twitter-search-button image.twitter-search-buttonR {
  width: 2px;
  height: 21px;
  min-width: 2px;
  min-height: 21px;
  list-style-image: url("chrome://flock/skin/start/searchbutton.png");
}

.twitter-search-button image.twitter-search-buttonL {
  -moz-image-region: rect(0px 2px 21px 0px);
}

.twitter-search-button:hover image.twitter-search-buttonL {
  -moz-image-region: rect(22px 2px 43px 0px);
}

.twitter-search-button:active image.twitter-search-buttonL {
  -moz-image-region: rect(44px 2px 65px 0px);
}

.twitter-search-button image.twitter-search-buttonR {
  -moz-image-region: rect(0px 6px 21px 4px);
}

.twitter-search-button:hover image.twitter-search-buttonR {
  -moz-image-region: rect(22px 6px 43px 4px);
}

.twitter-search-button:active image.twitter-search-buttonR {
  -moz-image-region: rect(44px 6px 65px 4px);
}

.twitter-search-button label.twitter-search-button-middle {
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #f0f1f1;
  margin: 0;
  height: 21px;
  min-height: 21px;
  line-height: 21px;
  text-align: center;
  background: transparent url("chrome://flock/skin/start/searchbutton-middle.png") top left repeat-x;
  padding: 4px 4px;
}

.twitter-search-button:hover label.twitter-search-button-middle {
  color: #ffffff;
  background: transparent url("chrome://flock/skin/start/searchbutton-middle-hover.png") top left repeat-x;
}

.twitter-search-button:active label.twitter-search-button-middle {
  color: #ffffff;
  background: transparent url("chrome://flock/skin/start/searchbutton-middle-active.png") top left repeat-x;
}

.twitter-save-search-button {
  padding: 0px;
%ifdef XP_MACOSX
  margin: 0px 5px 3px 0px;
%else
  margin: 0px 5px 0px 0px;
%endif
  border: 0px;
  -moz-appearance: none;
  cursor: pointer;
}

.twitter-save-search-button[disabled="true"]:hover {
  cursor: default;
}

.twitter-save-search-button image.twitter-save-search-buttonL,
.twitter-save-search-button image.twitter-save-search-buttonR {
  width: 5px;
  height: 19px;
  min-width: 5px;
  min-height: 19px;
  list-style-image: url("chrome://flock/skin/start/chromebutton.png");
}

.twitter-save-search-button image.twitter-trends-buttonR {
  width: 12px;
  height: 19px;
  min-width: 12px;
  min-height: 19px;
  list-style-image: url("chrome://flock/skin/start/chromebutton.png");
}

.twitter-save-search-button image.twitter-save-search-buttonL,
.twitter-save-search-button[disabled="true"]:hover label.twitter-save-search-buttonL {
  -moz-image-region: rect(0px 5px 19px 0px);
}

.twitter-save-search-button:hover image.twitter-save-search-buttonL {
  -moz-image-region: rect(20px 5px 39px 0px);
}

.twitter-save-search-button:active image.twitter-save-search-buttonL {
  -moz-image-region: rect(40px 5px 59px 0px);
}

.twitter-save-search-button image.twitter-save-search-buttonR,
.twitter-save-search-button[disabled="true"]:hover label.twitter-save-search-buttonR {
  -moz-image-region: rect(0px 12px 19px 7px);
}

.twitter-save-search-button:hover image.twitter-save-search-buttonR {
  -moz-image-region: rect(20px 12px 39px 7px);
}

.twitter-save-search-button:active image.twitter-save-search-buttonR {
  -moz-image-region: rect(40px 12px 59px 7px);
}

.twitter-save-search-button[disabled="true"] image.twitter-save-search-buttonL {
  -moz-image-region: rect(0px 5px 19px 0px);
}
.twitter-save-search-button[disabled="true"] image.twitter-save-search-buttonR {
  -moz-image-region: rect(0px 12px 19px 7px);
}

.twitter-save-search-button image.twitter-trends-buttonR {
  -moz-image-region: rect(0px 26px 19px 14px);
}

.twitter-save-search-button:hover image.twitter-trends-buttonR {
  -moz-image-region: rect(20px 26px 39px 14px);
}

.twitter-save-search-button:active image.twitter-trends-buttonR {
  -moz-image-region: rect(40px 26px 59px 14px);
}

.twitter-save-search-button label.twitter-save-search-button-middle, .twitter-save-search-button[disabled="true"]:hover
label.twitter-save-search-button-middle {
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #545454;
  margin: 0;
  height: 19px;
  min-height: 19px;
  line-height: 19px;
  text-align: center;
  background: transparent url("chrome://flock/skin/start/chromebutton-middle.png") top left repeat-x;
  padding: 4px 4px;
}

.twitter-save-search-button:hover label.twitter-save-search-button-middle {
  color: #121212;
  background: transparent url("chrome://flock/skin/start/chromebutton-middle-hover.png") top left repeat-x;
}

.twitter-save-search-button:active label.twitter-save-search-button-middle {
  color: #121212;
  background: transparent url("chrome://flock/skin/start/chromebutton-middle-active.png") top left repeat-x;
}
