body {
    margin: 0;
    padding: 20px 0;
    font: normal 15px/1.2 "Helvetica", "Arial", sans-serif;
    color: #222;
    background: #19273A;
    -webkit-text-size-adjust: 120%;
}
a {
    color: #0F28BD;
    text-decoration: none;
}
a:hover {
    color: #00F;
    text-decoration: underline;
}
a img {
    border: 0;
}
pre {
    overflow: auto;
    border: 1px dotted #ddd;
    padding: 3px;
    background: #fff;
    color: #222;
}
ul, ol, li, p, form, h1, h2, h3, h4, h5, h6, input, table {
    margin: 0;
    padding: 0;
}
ol, ul, li {
    list-style: none;
}
textarea {
    margin: 0;
    padding: 3px;
    border: 1px solid #aaa;
    font: normal 13px/1.2 "Verdana", sans-serif;
}
.clearfix:after,
div.section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
}
#content {
    position: relative;
    width: 576px;
    margin: -1px auto 0 auto;
}
div.debug {
    border-top: 1px solid #ddd;
    color: #777;
}
div.debug pre {
    color: #777;
}
div.section {
    margin-top: -1px;
    padding: 1px 10px 10px 10px;
    border-bottom: 1px solid #9DA9CB;
    background: #fff;
}

div.section p {
    margin: 0 0 8px 0;
}
div.section ol p,
div.section ul p,
div.section table p {
    margin: 0;
}
div.note,
div.error,
div.message {
    margin: 0 auto 20px auto;
    padding: 5px 8px;
    max-width: 560px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #eee;
    color: #777;
    font-size: 14px;
    line-height: 1.3;
}
#content div.message,
#content div.error,
#content div.note {
    margin: 10px 0 0 0;
    max-width: 540px;
}
div.message {
    color: #222;
    background: #ff7;
}
div.beta {
    color: #555;
    background: #cfdefe;
}
div.error {
    color: #783436;
    background: #FDC2C4;
}
div.note h2,
div.error h2,
div.message h2,
div.note ul,
div.error ul,
div.message ul,
div.note form,
div.error form,
div.message form,
div.note p,
div.error p,
div.message p {
    margin: 5px 0;
}
div.note form p,
div.error form p,
div.message form p {
    margin: 8px 0;
}
div.note li,
div.error li,
div.message li {
    list-style-type: square;
    list-style-position: inside;
}

#footer {
    margin: 20px 0 0 0;
    line-height: 18px;
    text-align: center;
    font-size: 14px;
    color: #D6E1FF;
}
#footer a {
    color: #8FAEF9;
}
table#header,
#content h1 {
    border-bottom: 2px solid #9DA9CB;
    background: #D0DEFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#D0DEFF), to(#B6C8E4));
    background: -moz-linear-gradient(#D0DEFF, #B6C8E4);
    color: #0F0B62;
    font-size: 16px;
}
#content h1 {
    padding: 6px 10px;
    border-top: 1px solid #EEF1FF;
    line-height: 18px;
    font-weight: normal;
}
table#header {
    width: 576px;
    margin: 0 auto;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    line-height: 18px;
}
table#header td {
    vertical-align: top;
}
table#header td.badge {
    text-align: right;
}
table#header h1 {
    padding: 12px 10px;
    font-size: 18px;
    font-weight: normal;
}
table#header h1 a {
    color: #222;
}
table#header h1 img {
    float: left;
    margin: -5px 7px 6px -2px;
}
table#header div.badge {
    position: relative;
    padding: 7px 7px 7px 10px;
}
table#header div.userBadge {
    padding: 14px 43px 7px 10px;
}
table#header div.badge img {
    position: absolute;
    top: 10px;
    right: 10px;
}
div.section div.signin {
    margin: 10px 0 5px 0;
}
a.twitterSignin img {
    vertical-align: top;
    padding: 5px 5px 0 0;
}

#content div.section h1 {
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    background: none;
    font-size: 20px;
    font-weight: bold;
    color: #222;
}

h2 {
    margin: 15px 0 10px 0;
    font-weight: bold;
    font-size: 16px;
}
h2 img {
    float: left;
    margin: 0 8px 5px 0;
}
table h2,
li h2 {
    margin: 0;
}
h3 {
    margin: 15px 0 10px 0;
    font-weight: bold;
    font-size: 14px;
    color: #555;
}
h3 strong {
    color: #222;
}

/* Game autocomplete */
input#gameSearchInput {
    width: 548px;
}
input.autocomplete {
    width: 252px;
    padding: 3px;
    border: 1px solid #aaa;
    font: normal 13px "Verdana", sans-serif;
}
body .fbs-placeholder {
    color: #aaa;
}
body .fbs-pane {
    margin-top: -1px;
    width: 254px;
}
body .fbs-flyout-pane {
    width: 291px;
    margin-left: -5px;
}
body .fbs-pane .loading {
    background: url('/images/loading.gif') no-repeat 234px 50%;
}

/* Reviews */

table.reviews {
    margin: 0 -10px;
}
table.reviews th {
    padding: 10px 10px 5px 5px;
    border-bottom: 1px solid #eee;
    text-align: left;
    font-weight: normal;
}
table.reviews td {
    padding: 10px 10px 5px 5px;
    vertical-align: top;
}
table.reviews th.image,
table.reviews td.image {
    width: 48px;
    padding-left: 10px;
    padding-right: 4px;
}
table.reviews td.image div {
    position: relative;
}
table.reviews td.name {
    width: 493px;
}
table.reviews form.editReview textarea {
    width: 475px;
}

div.review a.edit,
div.review a.delete,
div.review a.undo,
div.review a.tweet,
div.review a.facebookPost,
form.commentForm a.cancel {
    margin-left: 5px;
    color: #999;
}
ul.actions a,
ul.gameList a.remove,
ul.gameList a.restore,
ul.ignored a.ignore,
ul.ignored a.unignore,
ul.suggested a.ignore,
ul.suggested a.unignore,
form.account a.disconnect,
#addToGameListCreateItem a,
.gameWrapper p.gameList a,
span.reaction a {
    color: #999;
}
div.review a.tweet {
    margin-left: 0px;
    padding: 1px 2px 1px 13px;
    background: url('/images/tweet-grey.png') no-repeat 1px 2px;
}
div.review a.tweet:hover {
    color: #1AC9D7;
    background-color: #DDFCFF;
    text-decoration: none;
    background-image: url('/images/tweet-blue.png');
}
div.review a.facebookPost {
    margin-left: 0px;
    padding: 1px 2px 1px 13px;
    background: url('/images/facebook-10-grey.gif') no-repeat 1px 2px;
}
div.review a.facebookPost:hover {
    color: #fff;
    background-color: #3b5998;
    text-decoration: none;
    background-image: url('/images/facebook-10-blue.gif');
}
div.review a.facebookPosted {
    background-image: url('/images/facebook-10-blue.gif');
}
#content div.review div.facebookNeverPrompt {
    display: none;
    font-size: 12px;
    color: #999;
}
div.facebookNeverPrompt span.updated {
    display: none;
}
div.review a.edit:hover,
div.review a.delete:hover,
div.review a.undo:hover,
ul.actions a:hover,
ul.gameList a.remove:hover,
ul.gameList a.restore:hover,
ul.ignored a.ignore:hover,
ul.ignored a.unignore:hover,
ul.suggested a.ignore:hover,
ul.suggested a.unignore:hover,
form.account a.disconnect:hover,
#addToGameListCreateItem a:hover,
.gameWrapper p.gameList a:hover,
form.commentForm a.cancel:hover,
span.reaction a:hover {
    color: #666;
}
.deleted a.delete,
.deleted a.edit,
.deleted a.tweet,
.deleted a.facebookPost,
.deleted span.reaction,
div.review a.undo,
.loading a.delete,
.loading a.edit,
.loading form.editReview,
ol.rankings li.ranking a.unignore,
ol.rankings li.ignored a.ignore,
ul.ignored a.unignore,
ul.ignored li.ignored a.ignore,
ul.suggested a.ignore,
ul.suggested li.suggested a.unignore {
    display: none;
}
.deleted div.review a.undo,
ol.rankings li.ignored a.unignore,
ul.ignored li.ignored a.unignore,
ul.suggested li.suggested a.ignore {
    display: inline;
}
ul.suggested li.friend a.ignore,
ul.suggested li.friend a.unignore {
    display: none;
}

table tr.deleted td,
ul li.deleted,
ol.rankings li.deleted div.review,
div.deleted div.review,
ol.rankings li.ignored,
ul.ignored li,
ul.suggested li,
ul.gameList li.removed {
    background: #e7e7e7;
    opacity: 0.5;
}
ul.ignored li.ignored,
ul.suggested li.suggested {
    background: none;
    opacity: 1;
}
ul.suggested li.friend {
    background: #e7e7e7;
    opacity: 0.5;
}
table.reviews form.addReview p.rating {
    margin: 0 0 0 -35px;
}

/* Used in friendreviews and rankings */
div.review {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    color: #222;
}
div.review h2 {
    margin: 0 0 3px 0;
}
div.review p.date {
    margin-top: 1px;
    font-size: 12px;
}
div.review p.date span.rating {
    margin: 0 3px 0 0;
    float: left;
}
div.review p.date span.rating img {
    float: left;
}
div.review .field,
tr.editing div.review .display,
li.editing div.review .display {
    display: none;
}
div.review .field p {
    margin: 0 0 5px 0;
}
tr.editing .field,
li.editing .field {
    display: block;
}

/* Friend reviews */
table.friendreviews {
    margin: -1px -10px;
}
table.friendreviews td {
    padding: 10px 10px 5px 5px;
    vertical-align: top;
}
table.friendreviews tr.reviewerChange td {
    border-top: 1px solid #d0deff;
    background: -webkit-gradient(linear, left top, left 20, from(#eef1ff), to(#fff));
    background: -moz-linear-gradient(#eef1ff, #fff 20px);
}
table.friendreviews tr.mark td {
    border-top: 1px solid #9da9cb;
    background: -webkit-gradient(linear, left top, left 20, from(#d0deff), to(#fff));
    background: -moz-linear-gradient(#d0deff, #fff 20px);
}
table.friendreviews tr.deleted.reviewerChange td {
    background: -webkit-gradient(linear, left top, left 20, from(#eef1ff), to(#e7e7e7));
    background: -moz-linear-gradient(#eef1ff, #e7e7e7 20px);
}
table.friendreviews tr.deleted.mark td {
    background: -webkit-gradient(linear, left top, left 20, from(#d0deff), to(#e7e7e7));
    background: -moz-linear-gradient(#d0deff, #e7e7e7 20px);
}
table.friendreviews td.image {
    padding-left: 10px;
    padding-right: 4px;
}
table.friendreviews td.review {
    position: relative;
    width: 503px;
}
table.friendreviews h2 img {
    margin: 0 0 5px 8px;
    float: right;
}
table.friendreviews div.review,
table.friendreviews form.editReview {
    margin-right: 58px;
}
table.friendreviews form.editReview textarea {
    width: 433px;
}

/* Game info */

table.gameInfo {
    margin: 0;
}
table.gameInfo p {
    margin: 4px 0 0 0;
}
table.gameInfo td {
    padding: 10px 10px 5px 0;
    vertical-align: top;
}
table.gameInfo td.image {
    width: 96px;
}

/* Game details */
#gameDetails {
    display: none;
}
table.details {
    font-size: 12px;
}
table.details td {
    padding: 3px 2px 1px 12px;
    vertical-align: middle;
}
table.details th {
    width: 83px;
    padding: 3px 5px 1px 5px;
    border-right: 3px solid #d0deff;
    text-align: right;
    color: #474747;
    background: #eef1ff;
    font-weight: normal;
    vertical-align: middle;
}

/* Blurb */
#gameBlurbMore,
#gameBlurbEdit {
    display: none;
}

/* Metascore */
div#metascore {
    display: none;
    margin: 3px 0 0 0;
}
div#metascore img {
    float: right;
    margin: 3px -3px 0 0;
}
div#metascore a.rating {
    display: block;
    width: 94px;
    height: 16px;
    margin: 4px 0 0 0;
    border: 1px solid #ddd;
    line-height: 16px;
    color: #000;
    background-color: #ddd;
    text-decoration: none;
    font-size: 12px;
}
div#metascore a.rating strong {
    display: block;
    float: left;
    width: 20px;
    text-align: center;
}
div#metascore a.rating span {
    display: block;
    float: left;
    width: 68px;
    height: 14px;
    padding: 1px 3px;
    font-size: 11px;
    background: #fff;
    color: #555;
    overflow: hidden;
}
div#metascore a.rating:hover span {
    color: #000;
}
div#metascore a.green {
    color: #fff;
    background-color: #62c746;
    border-color: #62c746;
}
div#metascore a.yellow {
    color: #000;
    background-color: #fbb803;
    border-color: #fbb803;
}
div#metascore a.red {
    color: #fff;
    background-color: #c00;
    border-color: #c00;
}

/* Amazon Offers */
div.amazonOffers {
    clear: both;
    margin: 10px 0;
    padding: 4px 4px 0 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #eef1ff;
    font-size: 14px;
    line-height: 18px;
}
div.amazonOffers img.loading {
    float: right;
    margin: 0 0 0 5px;
}
div#amazonOffersError {
    clear: both;
    display: none;
}
div.section div.amazonOffers h2 {
    margin: 0 0 5px 0;
}
div.section div.amazonOffers li,
div.section div.amazonOffers p {
    padding: 0 0 4px 0;
}
div.amazonOffers span.condition {
    color: #222;
}
div.amazonOffers li img {
    margin: 0 5px 0 0;
    float: left;
}
div.amazonOffers li strong.price {
    color: #222;
}
div.amazonOffers li a {
    text-decoration: none;
}
div.amazonOffers li a:hover span.title {
    text-decoration: underline;
}
p#amazonButton {
    clear: left;
    display: none;
    margin-top: 10px;
}

/* Cached game data */
div#content .cached {
    display: block;
}

.gameWrapper p.gameList {
    margin-top: 5px;
    float: right;
}

#addGameForm {
    padding-right: 0;
}
#addGameForm p.submit {
    text-align: right;
}
#addGameForm p.submit button {
    margin-right: 0;
}

/* Edit form */
form.editReview {
    font-size: 14px;
    line-height: 18px;
}
div.section form.editReview p {
    margin: 4px 0 0 0;
}
div.section form.editReview p.submit {
    margin-bottom: 0;
}
form.editReview strong.ratingRequired {
    color: #783436;
    display: none;
}
form.editReview p.rating {
    color: #888;
}
form.editReview p.rating a.rating {
    padding: 3px 6px 3px 4px;
    margin: 0;
    text-decoration: none;
    color: #888;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
form.editReview p.rating a.rating:hover span {
    text-decoration: underline;
    color: #666;
}
form.editReview p.rating a.selected {
    background: #ddd;
}
div.section form.editReview p.rating a.selected span {
    color: #222;
}
form.editReview p.rating img {
    vertical-align: top;
    margin: 0 4px 0 0;
}
form.editReview p.rating img.maybe {
    margin-top: -1px;
}
form.editReview p.submit button {
    margin-right: 4px;
}
form.addReview p.submit input {
    margin-right: 4px;
}
form.author {
    padding: 5px 5px 5px 55px;
}
div.section form.author p.rating {
    margin-left: -55px;
}
form.miniAuthor {
    padding: 5px 5px 5px 35px;
}
form.miniAuthor p.rating {
    margin-left: -30px;
}
form.editReview a.author img {
    float: left;
}
form.author a.author img {
    margin-left: -55px;
}
form.miniAuthor a.author img {
    margin-left: -30px;
}
div.section form.author textarea {
    width: 493px;
}

/* Ranking Reviews */
ol.rankings li.ranking {
    clear: left;
    margin-top: 20px;
    width: 556px;
}
ol.rankings li.ranking span.ignoreGame {
    float: left;
    clear: left;
}
#content ol.rankings h1 {
    margin: 8px 0 7px 0;
}
ol.rankings h1 strong.rank {
    margin-right: 10px;
    float: right;
    color: #208D00;
}
ol.rankings div.image {
    clear: left;
    float: left;
    display: inline;
    position: relative;
}
ol.rankings div.image strong.rank {
    position: absolute;
    bottom: 7px;
    right: 2px;
    padding: 4px 3px 1px 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #26C300;
    color: #fff;
    line-height: 13px;
}
ol.rankings form.editReview {
    background-color: #eee;
}

ol.reviews {
    margin-left: 106px;
    margin-bottom: 10px;
    width: 450px;
}
ol.reviews li.review div.review {
    padding: 5px 5px 5px 35px;
    background-color: #eee;
}
ol.reviews form.editReview p.rating {
    margin-top: 0;
}
ol.reviews a.owner img {
    float: left;
    margin-left: -30px;
}
ol.reviews li.yes div.review {
    background-color: #D6FFC6;
}
ol.reviews li.maybe div.review {
    background-color: #FEE9A7;
}
ol.reviews li.no div.review {
    background-color: #FDC2C4;
}

ol.rankings form.editReview textarea {
    width: 402px;
}
ol.rankings form.addReview {
    margin-left: 106px;
    width: 410px;
}
ol.rankings form.addReview p {
    margin: 4px 0 0 0;
}
ol.rankings form.addReview p.rating {
    margin: 0 0 0 -30px;
    color: #999;
}

table.list {
    margin: 10px 0 0 0;
}
table.list td {
    border-top: 1px solid #ddd;
}
table.list tr.new form.addReview {
    margin-top: 5px;
    padding: 5px 5px;
    background: #eee;
}
table.list form.addReview p.rating {
    margin: 0;
}
table.list form.addReview p.body {
    margin: 4px 0 0 0;
}
table.list form.addReview a.author {
    display: none;
}


#content form.editReview p.body {
    margin: 0 0 4px 0;
}
#content form.addReview p.body,
#content table.friendreviews form.editReview p.body {
    margin: 4px 0;
}

form.import,
form.account {
    margin: 10px 0;
}
form.import p,
form.account p {
    line-height: 22px;
}
form.import p img,
form.account p img {
    margin: -4px 2px 0 0;
    vertical-align: middle;
}

#content p.facebook_publish_stream_options {
    margin-top: -5px;
    font-size: 12px;
}
#content .ui-buttonset .ui-corner-left {
    margin-left: 5px;
}
#content .ui-buttonset .ui-button {
    border-right-width: 0;
}
#content .ui-buttonset .ui-corner-right {
    border-right-width: 1px;
}
#content .ui-buttonset .ui-button-text {
    padding: 2px 8px;
}

form.notifications p.submit button {
    margin-left: 0;
}
ul.choiceList {
    margin-bottom: 10px;
}
ul.choiceList li {
    margin: 0 0 5px 0;
    font-size: 14px;
}
ul.choiceList li input,
ul.choiceList li label {
    margin-right: 5px;
    vertical-align: middle;
}

div.pagination {
    float: right;
    margin: 15px 0 5px 0;
    font-size: 14px;
}
div.pagination span,
div.pagination a {
    color: #00f;
    border: 1px solid;
    padding: 3px 5px;
    line-height: 12px;
    text-decoration: none;
}
div.pagination span {
    color: #ddd;
}
div.pagination a:hover {
    color: #fff;
    border-color: #00f;
    background: #00f;
}

table.userInfo {
    padding-top: 10px;
}
table.userInfo td.avatar {
    width: 58px;
    vertical-align: top;
}
div table.userInfo p {
    margin-left: -2px;
    padding: 2px;
}
table.userInfo span.following img {
    vertical-align: middle;
    margin: -3px 0 0 0;
}
ul.profileLinks li {
    margin: 5px 0 0 0;
}
ul.profileLinks img {
    margin: 0 4px 0 0;
    float: left;
}

ul.ignored {
    margin-left: -5px;
}
ul.ignored li {
    padding: 5px 5px 0 5px;
    border-bottom: 1px solid #eee;
}
ul.ignored p {
    margin-bottom: 5px;
}

/* Global grid */
ul.globalGrid {
    margin: 8px -10px 0 -4px;
}
div.topGames ul.globalGrid {
    margin-top: -2px;
}
ul.globalGrid li {
    float: left;
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 150px;
    margin: 0 0 7px 0;
    padding: 23px 5px 0 7px;
}
ul.globalGrid li a.game img {
    border: 1px solid #9da9cb;
    border-top: 0;
}
ul.globalGrid li span.reviewCount {
    position: absolute;
    top: 4px;
    left: 7px;
    width: 93px;
    border: 1px solid #9da9cb;
    border-bottom-color: #9DA9CB;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 4px 3px 2px 4px;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    background: #D0DEFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#D0DEFF), to(#B6C8E4));
    background: -moz-linear-gradient(#D0DEFF, #B6C8E4);
    color: #0F0B62;
}
ul.globalGrid li a:hover span.reviewCount {
    background: #eef1ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#eef1ff), to(#D0DEFF));
    background: -moz-linear-gradient(#eef1ff, #D0DEFF);
    color: #00F;
}
ul.globalGrid li a.amazon {
    position: absolute;
    bottom: 0;
    right: 0;
}
ul.globalGrid li a.amazon img {
    vertical-align: bottom;
}

a.more {
    float: right;
}

ul.gamematches li {
    clear: left;
    padding: 0 0 10px 58px;
}
ul.gamematches li img {
    float: left;
    margin-left: -58px;
}

form#resendForm {
    display: none;
}

div.modalMask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
}
div.dialog {
    position: fixed;
    width: 500px;
    top: 50px;
    left: 50%;
    margin-left: -270px;
    padding: 10px 20px 20px 20px;
}
#gameListDialog {
    position: absolute;
    width: 220px;
    margin: -6px 0 0 -6px;
    padding: 3px 0 0 0;
    border: 1px solid #ddd;
    background: #fff;
}
#addToGameListLists {
    border-top: 1px solid #ddd;
}
#addToGameListSubmit {
    display: none;
}
#addToGameListSubmit .ui-button-text {
    padding: 2px 8px;
}
#addToGameListCreate {
    display: block;
}
#gameListDialog li,
#gameListDialog p {
    padding: 2px 5px;
}
#gameListDialog #addToGameListCreateItem {
    padding-top: 4px;
    border-top: 1px solid #ddd;
}
#addToGameListCreateItem p {
    padding: 0;
}

#newListFormDialog {
    position: absolute;
    margin: -7px 0 0 -6px;
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
}
#newListFormDialog h2 {
    margin: 0 0 5px 0;
    font-weight: normal;
}

div.message .loading {
    background: url('/images/message_loading.gif') no-repeat 100% 50%;
}

tr.noEmail td {
    color: #783436;
    background: #FDC2C4;
}

#content div.gameReview h1 {
    margin-top: 10px;
}
div.gameReview h1 img {
    float: left;
    margin: 0 10px 10px 0;
}
div.gameReview div.singleReview {
    margin: 0 0 10px 106px;
}
div.gameReview a.owner img {
    float: left;
    margin: 3px 8px 3px 0;
}
div.gameReview  form.editReview textarea {
    width: 442px;
}
div.gameReview  form.addReview {
    margin-left: 106px;
    width: 410px;
}
div.gameReview  form.addReview p {
    margin: 4px 0 0 0;
}
div.gameReview  form.addReview p.rating {
    margin: 0 0 0 -30px;
    color: #999;
}

div.review img.loading,
form.editReview img.loading,
.ignoreGame img.loading,
.suggestedFriend img.loading,
.followFriend img.loading,
form.account img.loading,
.listEditor img.loading,
#newGameForm img.loading {
    display: none;
    vertical-align: middle;
}
div.review img.loading {
    margin: -1px 0 0 3px;
}
.ignoreGame img.loading,
.suggestedFriend img.loading,
.followFriend img.loading {
    margin: 0 0 0 3px;
}
form.editReview img.loading,
#newGameForm img.loading {
    margin: -3px 0 0 3px;
}

#newGameError {
    display: none;
    margin-bottom: 0;
}

form#authForm {
    margin: 0 0 0 60px;
}
form#authForm img.photo {
    float: left;
    margin: 0 5px 5px -60px;
}
form#authForm p.submit {
    clear: left;
}
form#authForm input.loading {
    background: url('/images/input_loading.gif') no-repeat 2px 50%;
}

a.facebookSignin {
    background: #29447e url('http://static.ak.connect.facebook.com/images/connect_sprite.png') no-repeat left -188px;
    cursor: default;
    display: inline-block;
    margin: 6px 5px 0 0;
    padding: 0 0 0 1px;
    text-decoration: none;
    outline: none;
    font-size: 11px;
    line-height: 14px;
    vertical-align: top;
}
a.facebookSignin:active {
    background-position: left -210px
}
a.facebookSignin span {
    display: block;
    cursor: pointer;
    margin: 1px 1px 0 21px;
    padding: 2px 6px 3px 6px;
    border-top: solid 1px #879ac0;
    border-bottom: solid 1px #1a356e;
    background: #5f78ab url('http://static.ak.connect.facebook.com/images/connect_sprite.png') no-repeat;
    color: #fff;
    font-family: "Lucida Grande", "Tahoma", "Verdana", "Arial", sans-serif;
    font-weight: bold;
}
a.facebookSignin:active span {
    border-bottom: solid 1px #29447e;
    border-top: solid 1px #45619d;
    background: #4f6aa3;
}

hr {
    margin: 20px 0;
}

form#resetForm {
    display: none;
}
div.passwordReset form#resetForm {
    display: block;
}


#content p.gameListActions {
    margin: 15px 0;
    float: right;
    font-size: 16px;
}
#listInfo p.description {
    clear: both;
}

ul.gameList {
    margin: 20px 0;
}
ul.gameList li {
    clear: left;
}
ul.gameList a.game img {
    float: left;
    margin: 0 8px 5px 0;
}
ul.gameLists {
    margin: 15px 0 0 0;
}
ul.gameLists li {
    margin: 0 -10px;
    padding: 10px;
}

ul.gameLists li.ownerChange {
    margin-top: -1px;
    border-top: 1px solid #d0deff;
    background: -webkit-gradient(linear, left top, left 20, from(#eef1ff), to(#fff));
    background: -moz-linear-gradient(#eef1ff, #fff 20px);
}

ul.gameLists li.mark {
    border-top: 1px solid #9da9cb;
    background: -webkit-gradient(linear, left top, left 20, from(#d0deff), to(#fff));
    background: -moz-linear-gradient(#d0deff, #fff 20px);
}
ul.gameLists span.date {
    color: #999;
}
ul.gameLists p.includes {
    margin-top: 5px;
}
ul.gameLists p.includes img {
    vertical-align: top;
    margin: 0 5px 5px 0;
}

#recentGameLists p.person {
    float: right;
}
#recentGameLists a.person img {
    float: right;
    margin: 0 0 5px 5px;
}
#recentGameLists p.includes {
    margin-top: 11px;
}
#editGameListItems {
    margin: 20px 0 0 0;
}
#editGameListItems div.note {
    margin: 0 0 20px 0;
}

.listEditor input.text,
.listEditor textarea {
    margin: 0;
    padding: 3px;
    border: 1px solid #aaa;
    font: normal 13px/1.2 "Verdana", sans-serif;
    width: 400px;
}

/* Reactions */
span.reaction {
    margin-left: 5px;
    display: inline-block;
}
span.reaction img {
    float: left;
    margin: 1px 4px 0 -3px;
}
div.comments {
    margin: 10px 0 0 30px;
}
div.comments li {
    margin-bottom: 10px;
}
div.comments a.owner img {
    float: left;
    margin-left: -30px;
}
div.comments p.date {
    color: #999;
}
form.commentForm p.submit {
    text-align: right;
    vertical-align: middle;
}
div.comments input.commentDummy {
    width: 493px;
    margin-left: -30px;
    padding: 3px;
    border: 1px solid #aaa;
    font: normal 11px/1.2 "Verdana", sans-serif;
    color: #999;
}
form.commentForm textarea {
    margin-bottom: 5px;
    width: 463px;
}
table.friendreviews form.commentForm textarea {
    width: 403px;
}
table.friendreviews input.commentDummy {
    width: 433px;
}
ol.reviews form.commentForm textarea {
    width: 372px;
}
ol.reviews div.comments input.commentDummy {
    width: 402px;
}
div.singleReview form.commentForm textarea {
    width: 410px;
}
div.singleReview input.commentDummy {
    width: 442px;
}
table.list form.commentForm textarea {
    width: 451px;
}
table.list input.commentDummy {
    width: 481px;
}

/**/

.hidden,
a.hidden {
    display: none;
}