/*------------------------------------------------------------------------------
 * Facebook: PackRat Tweaks
 *
 * Author      : Benjamin Jendrick
 *             : Timely Database Solutions © 2008
 * Created     : April 29, 2008
 * Updated     : October 30, 2008
 * Version     : 2.1
 * Website     : http://www.timelydbs.com/scripts/
 * Description : Restyled PackRat application pages in Facebook.
 *             : (includes all subdomains)
 * Usage       : Use with Stylish Firefox extension (http://userstyles.org/)
                   or copy to your Firefox userContent.css file
 * Notes       : Tightens, compresses & optimizes the PackRat interface for
                   easier viewing on smaller screens.
 * Details     : • Changed 6 wide card layout to 5 wide (makes more sense since 
                     we can only have 15 cards in our pack.
                 • Removed header graphic, and repositioned scorecard in blank
                     right-hand margin.
                 • Moved all coin collection over right-hand friend navigation
                     for faster grinding.
                 • Resized friend cards to view more.
                 • Compressed text in navigation tabs.
                 • Compressed banner with avatar photo, feats & such.
                 • Minor adjustments to Recent History & Smack Talk sections.
                 • Comment timestamps are marked in red to be more visible.
* Known Issues : • Steal card success meter chopped off to right of display
                     area.
------------------------------------------------------------------------------*/
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("facebook.com") {

/*------------------------------------------------------------------------------
  Header Compression & Scorecard
------------------------------------------------------------------------------*/
.app_content_2431403991 #app2431403991_afire-wrapper {
  min-height: 0px !important;
  }
.app_content_2431403991 #app2431403991_afire-header h1 {
  height: 0px !important;
  }
.app_content_2431403991 #app2431403991_afire-scoreboard {
  top: 124px !important;
  right: 0px !important;
  }
.app_content_2431403991 #app2431403991_scoreboard .points-feats {
  float: right !important;
  }
.app_content_2431403991 #app2431403991_currency {
  padding: 2px 5px !important;
  }
.app_content_2431403991 #app2431403991_currency .draws, 
.app_content_2431403991 #app2431403991_currency .credits {
  margin-right: 5px !important;
  padding: 0 5px 0 20px !important;
  }
.app_content_2431403991 #app2431403991_currency .draws, 
.app_content_2431403991 #app2431403991_currency .credits, 
.app_content_2431403991 #app2431403991_currency .tickets {
  font-size: 9px !important;
  }
.app_content_2431403991 .buy-stuff {
  display: none !important;
  }

/*------------------------------------------------------------------------------
  Header Tabs
------------------------------------------------------------------------------*/
.app_content_2431403991 #app2431403991_afire-tabs {
  font-size: 10px !important;
  }
.app_content_2431403991 #app2431403991_afire-tabs li.link a {
  font-size: 10px !important;
  padding: 10px 8px 8px 10px !important;
  border-right: 1px solid #ffffff !important;
  }
.app_content_2431403991 #app2431403991_nav li {
  font-size: 10px !important;
  }
.app_content_2431403991 #app2431403991_nav li a {
  padding: 5px 10px !important;
  border-top: none !important;
  }
.app_content_2431403991 #app2431403991_nav li.election-tab a {
  background: transparent url(http://s3.amazonaws.com/afire-packrat-public/images/election-tab-star.gif) no-repeat scroll 0 6px !important;
  }

/*------------------------------------------------------------------------------
  Banner Compression - Photo, Feats, Etc.
------------------------------------------------------------------------------*/
.app_content_2431403991 #app2431403991_afire-banner {
  padding-top: 0px !important;
  }
.app_content_2431403991 .user #app2431403991_banner {
  padding: 5px 15px 1px 20px !important;
  }
.app_content_2431403991 .user {
  padding-bottom: 2px !important;
  }
.app_content_2431403991 .browse-widget .browse-slider-container {
  height: 70px !important;
  }
.app_content_2431403991 .market-wrapper #app2431403991_afire-banner {
  padding-bottom: 4px !important;
  }
.app_content_2431403991 .collection #app2431403991_banner {
  padding: 1px 15px 1px 20px !important;
  }
.app_content_2431403991 .markets #app2431403991_banner {
  padding: 5px 15px 3px 20px !important;
  }
.app_content_2431403991 #app2431403991_user-dropdown-wrapper {
  top: 101px !important;
  }
.app_content_2431403991 #app2431403991_progress .feats, 
.app_content_2431403991 #app2431403991_progress .points {
  font-size: 14px !important;
  }

/*------------------------------------------------------------------------------
  Market Selection
------------------------------------------------------------------------------*/
.app_content_2431403991 .markets .location {
  float: left !important;
  margin-right: 10px !important;
  }
.app_content_2431403991 .markets h4.premium, 
.app_content_2431403991 .markets h4.standard {
  display: none !important;
  }
.app_content_2431403991 .markets .location a {
  width: 80px !important;
  }
.app_content_2431403991 .markets .location h3, 
.app_content_2431403991 .markets .location p {
  display: none !important;
  }

/*------------------------------------------------------------------------------
  Markets
------------------------------------------------------------------------------*/
div.notice-box p {
  width: 350px !important;
  }
.app_content_2431403991 .card-wrapper.not-for-sale .action {
  font-size: 9px !important;
  }
.app_content_2431403991 .card-wrapper .price {
  top: 2px !important;
  left: 2px !important;
  }

/*------------------------------------------------------------------------------
  Friend Display
------------------------------------------------------------------------------*/
.app_content_2431403991 .friends .card {
  width: 73px !important;
  }
.app_content_2431403991 .friends .card-wrapper {
  width: 79px !important;
  }
.app_content_2431403991 .friends .card-wrapper .corner {
  right: 1px !important;
  }
.app_content_2431403991 .friends .card.online .front {
  width: 65px !important;
  }
.app_content_2431403991 .friends .card .front, 
.app_content_2431403991 .friends .card .back {
  width: 65px !important;
  height: 80px !important;
  }
.app_content_2431403991 .friends .card .front .avatar {
  width: 65px !important;
  height: 50px !important;
  }
.app_content_2431403991 .friends .card .front .avatar img {
  height: 25px !important;
  width: 25px !important;
  }
.app_content_2431403991 .name {
  font-size: 9px !important;
  }
.app_content_2431403991 .friend .user {
  padding-top: 8px !important;
  }

/*------------------------------------------------------------------------------
  Pack Cards
  - Set to 5 cards wide & compress card view to see more in a smaller screen.
------------------------------------------------------------------------------*/
.app_content_2431403991 #app2431403991_afire-container {
  width: 532px !important;
  padding: 2px 0 2px 2px !important;
  }
.app_content_2431403991 .card-wrapper {
  padding: 2px !important;
  width: 102px !important;
  }
.app_content_2431403991 .card-wrapper .corner {
  right: 2px !important;
  bottom: 2px !important;
  }
.app_content_2431403991 .card .front .item {
  height: 88px !important;
  width: 88px !important;
  }
.app_content_2431403991 .cards-sidebar {
  margin: 5px 0 0 -8px !important;
  }
.app_content_2431403991 .user .pack .cards-sidebar, 
.app_content_2431403991 .pack .cards-wrapper .cards-sidebar, 
#app2431403991_my_pack .cards-sidebar {
  height: 200px !important;
  }
.app_content_2431403991 .cards-wrapper.community-hand .cards-sidebar, 
.app_content_2431403991 .pack #app2431403991_draw .cards-wrapper .cards-sidebar {
  height: 125px !important;
  }
.app_content_2431403991 .pack #app2431403991_draw .cards-wrapper {
  height: 142px !important;
  }
.app_content_2431403991 .cards-wrapper .cards {
  padding: 5px !important;
  }
.app_content_2431403991 .card-wrapper .card {
  padding: 3px !important;
  }
.app_content_2431403991 .card-back .card {
  background: #FFFFFF url(http://s3.amazonaws.com/afire-packrat-public/images/card-back.gif) no-repeat scroll 3px 3px !important;
  }
.app_content_2431403991 .card .front .lock {
  left: -4px !important;
  top: -4px !important;
  }
.app_content_2431403991 .card-wrapper .action {
  font-size: 10px !important;
  padding: 2px 0 3px !important;
  }
.app_content_2431403991 .card-wrapper .stacked {
  width: 102px !important;
  }
.app_content_2431403991 #app2431403991_afire-container {
  margin-bottom: 10px !important;
  }

/*------------------------------------------------------------------------------
  Vault Header
------------------------------------------------------------------------------*/
.app_content_2431403991 .pack-action p {
  font-size: 10px !important;
  }

/*------------------------------------------------------------------------------
  Achievement Overlay
------------------------------------------------------------------------------*/
.app_content_2431403991 .overlay {
  left: 35px !important;
  top: 50px !important;
  }

/*------------------------------------------------------------------------------
  Steal Card Meter
------------------------------------------------------------------------------*/
.app_content_2431403991 .drop-wrapper .drop-dialog .card {
  float: left !important;
  }
.app_content_2431403991 .drop-wrapper .drop-text {
  float: left !important;
  width: 360px !important;
  }
.app_content_2431403991 .drop-wrapper .drop-meter {
  background-position: left top !important;
  width: 360px !important;
  }

/*------------------------------------------------------------------------------
  Stolen Card Header
------------------------------------------------------------------------------*/
.app_content_2431403991 .notice-box h3, 
.app_content_2431403991 .notice-box p,
.app_content_2431403991 .notice-box ul {
  font-size: 10px !important;
  width: 340px !important;
  }
.app_content_2431403991 .notice-box.successful .smack-form textarea {
  width: 240px !important;
  margin-top: 5px !important;
  }
.app_content_2431403991 .notice-box.successful, 
.app_content_2431403991 .notice-box.failed {
  margin-right: 10px !important;
  }
.app_content_2431403991 #app2431403991_content-wrapper {
  margin-top: 0 !important;
  }

/*------------------------------------------------------------------------------
  Coin Adjustment
------------------------------------------------------------------------------*/
.app_content_2431403991 .grab-credit.p1, 
.app_content_2431403991 .grab-credit.p2, 
.app_content_2431403991 .grab-credit.p3,
.app_content_2431403991 .grab-credit.p4 {
  top: 130px !important;
  left: 678px !important;
  }

/*------------------------------------------------------------------------------
  Bonus Draw Card Adjustment
------------------------------------------------------------------------------*/
.app_content_2431403991 .draw-bonus a {
  left: 430px !important;
  top: 40px !important;
  }

/*------------------------------------------------------------------------------
  Recent History
------------------------------------------------------------------------------*/
.app_content_2431403991 h3.section {
  margin-bottom: 2px !important;
  }
.app_content_2431403991 .feed-item {
  padding-top: 2px !important;
  border-bottom: 1px solid #d8dfea !important;
  height: 34px !important;
  }
.app_content_2431403991 .feed-content {
  border-bottom: none !important;
  }
.app_content_2431403991 .feed-item p {
  padding-bottom: 0px !important;
  }

/*------------------------------------------------------------------------------
  Comments
------------------------------------------------------------------------------*/
.app_content_2431403991 #app2431403991_afire-smack {
  margin-top: 10px !important;
  }
.app_content_2431403991 .smack-comment {
  margin-top: 5px !important;
  }
.app_content_2431403991 .smack-comment .comment {
  border-top: 1px solid #D8DFEA !important;
  }
.app_content_2431403991 .smack-comment .comment p.name span {
  color: #cc0000 !important;
  text-align: right !important;
  }
.app_content_2431403991 .smack-comment .comment p {
  width: 360px !important;
  }

/*------------------------------------------------------------------------------
  Facebook Header Fix & Footer Ad Space Removal
------------------------------------------------------------------------------*/
.UIStandardFrame_Container {
  padding-top: 40px !important;
  }
.UIStandardFrame_FooterAds {
  display: none !important;
  }
#pagefooter {
  margin: -55px auto 0 !important;
  }

}