.hide {display:none}
.week_change {font-weight: normal; float: right;}
.week_change.equal {color: #CCC}
.week_change.positive {color: #3C0}
.week_change.negative {color: #E30}
.invalid { color: #AA0000; font-weight: bold; }

/* hover card style */
.hc-preview {position: relative; display:inline;}
.hc-name {font-weight:bold; position:relative; display:inline-block;}
.hc-details {min-width: 240px; z-index: 100;left:0px;text-align:left;color:#FFF;position:absolute;border: 1px solid #EEE;border: 1px solid rgba(240, 240, 240, .45);top:12px;padding:10px;-moz-box-shadow:0 3px 8px rgba(0, 0, 0, .5);-webkit-box-shadow:0 3px 8px rgba(0, 0, 0, .5);box-shadow:0 3px 8px rgba(0, 0, 0, .5);border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;display:none;}

.hc-details .hc-arrow-border, .hc-details .hc-arrow {left: 18px;}
.hc-details .hc-arrow-border {margin-left: -1px;}

.hc-details-open-left .hc-arrow-border, .hc-details-open-left .hc-arrow {right: 27px; left: auto;}
.hc-details-open-left .hc-arrow-border {margin-right: -1px; margin-left: 0;}

.milestone_shelf .hc-details { margin-left: -25px; margin-top: 25px; }
.milestone_shelf .hc-details-open-left { margin-top: 25px; }
.milestone_shelf .hc-details-open-top { margin-bottom: 130px; }

.hc-arrow-hitarea {display: block; width: 50px; height: 6px; position: absolute; top: -5px; left: 1px;}
.hc-details-open-left .hc-arrow-hitarea {left: auto; right: 11px}

.hc-arrow, .hc-arrow-border {border-color: transparent transparent #222 transparent;border-width: 0px 7px 7px 7px;top: -7px;border-style: solid;height: 0px;width: 0px;position: absolute;}
.hc-arrow-border {border-color: transparent transparent rgba(240, 240, 240, .45) transparent;border-width: 0px 8px 8px 8px;top: -8px;}
.hc-pic {width:70px; margin-top:-1em; float:right;}
.hc-details-open-left {left: auto; right:-10px; text-align:right; margin-left:80px; margin-right:0;}
.hc-details-open-left > .hc-pic {float:left;}
.hc-details-open-top {bottom:-10px; top:auto; padding: 10px 10px 2em;}
.hc-details-open-top > .hc-pic {margin-top:10px; float:right; }
.hc-details .s-action {position: absolute; top:8px; right:5px;}
.hc-details .s-card-pad {border-top: solid 1px #eee; margin-top:10px; padding-top:10px; overflow:hidden;}
.hc-details-open-top .s-card-pad {border:none; border-bottom: solid 1px #eee; margin-top:0;padding-top:0; margin-bottom:10px;padding-bottom:10px;}
.hc-details .s-card .s-strong {font-weight:bold; color: #555;}
.hc-details .s-img {float: left; margin-right: 10px; max-width: 70px;}
.hc-details .s-name {color:#222; font-weight:bold;}
.hc-details .s-loc {float:left;}
.hc-details-open-left .s-loc {float:right;}
.hc-details .s-href {clear:both; float:left;}
.hc-details .s-desc {float:left; font-family: Georgia; font-style: italic; margin-top:5px;width:100%;}
.hc-details .s-username {text-decoration:none;}
.hc-details .s-stats {display:block; float:left; margin-top:5px; clear:both; padding:0px;}
.hc-details ul.s-stats li {list-style:none; float:left; display:block; padding:0px 10px !important; border-left:solid 1px #eaeaea;}
.hc-details ul.s-stats li:first-child {border:none; padding-left:0 !important;}
.hc-details .s-count {font-weight: bold;}

#refreshData {
    margin-bottom:3px; width:135px; padding-left:0px; padding-right:0px;
}

#reportButton, #appealButton {
    font-size: 0.8em;
    margin-top: 25px;
    text-align: center;
}

#reportButton a, #reportButton a:hover,
#appealButton a, #appealButton a:hover {
    color: #D49800;
    font-weight: bold;
}

.align-middle, .align-middle div, .align-middle span, .align-middle input { 
    line-height: 18px;
    vertical-align: middle !important;
}

#trophycardSection { background-color: #FFFFFF; color: #000000; }
#trophycardSection fieldset { border: 1px solid #888888; border-radius: 20px; padding: 10px; margin-bottom: 10px; }
#trophycardSection fieldset legend { color: #333333; text-align: left; margin-left: 35px; font-weight: bold; }

#tc_option_container { margin-top: 10px; }

.cardType { padding: 5px; }
.highlighter { padding: 30px; display: inline-block; border-radius: 7px; }

.tc_setting_question { text-align: left; margin-bottom: 5px; font-size: 9pt; }
.tc_setting_answer { text-align: left; margin-bottom: 10px; margin-left: 30px; font-size: 9pt; }

#generateColor { padding-top: 0 !important; }
#tc_card_type_container sup { color: #F0AD4E; font-weight: bold; margin-left: 3px; }

#tc_game_options_container { margin-bottom: 10px; }
#tc_background_options_container, #tc_dynamic_options_container, #tc_game_options_container, #tc_trophy_options_container { text-align: left; }
#tc_background_options_container h3, #tc_dynamic_options_container h3, #tc_game_options_container h3, #tc_trophy_options_container h3 { font-weight: bold; color: #002233; border-bottom: 1px solid #DADADA; margin-bottom: 7px; margin-top: 5px; padding-bottom: 3px; }
#tc_trophy_options_left, #tc_trophy_options_right { display: inline-block; width: 45%; vertical-align: top; }

#tc_trophy_layout_container .tc_setting_answer label { vertical-align: top; margin-bottom: 7px; display: inline-block; }
#tc_trophy_layout_container .tc_setting_answer label input { vertical-align: top; }

#tc_games, #tc_trophies, #tc_animation_delay { width: 45px; }
#tc_game_background { width: 300px; }

#custom_image_cropper_container .tc_setting_answer { max-width: 405px; }

#milestone_tabs { background-color: #00438A; }
#milestone_tabs li { background-color: #7FA1C6; border-radius: 5px 5px 0 0; color: #00438A; cursor: pointer; display: inline-block; font-weight: bold; margin: 10px 0 0 10px; padding: 7px 15px; }
#milestone_tabs li.active { background-color: #FFFFFF; color: #333333; cursor: default; }

#milestonesSection div { text-align: center; }
#milestonesSection div h1 { font-size: 16pt; font-weight: bold; height: 50px; margin: 10px 0 15px; position: relative; vertical-align: top; }
#milestonesSection div h1 img { display: inline-block; height: 50px; margin: 0; padding: 0; vertical-align: top; }
#milestonesSection div h1 div { background: url('/images/plaque_slice.png'); background-repeat: repeat-x; display: inline-block; height: 50px; line-height: 45px; margin: 0; padding: 0 15px; text-shadow: 1px 1px #FFFFFF; text-transform: uppercase; vertical-align: top; width: 145px; }

.milestone_shelf { background: url('/images/milestones_shelf.jpg'); height: 250px; background-position: 50% 54%; background-repeat: no-repeat; vertical-align: top; }
.milestone_trophy_display { display: inline-block; position: relative; vertical-align: top; width: 170px; }
.milestone_trophy_display img.type_overlay { height: 48px; position: absolute; top: 62px; left: 10px; width: 48px; z-index: 300; }
.milestone_trophy_display img.trophy_image { background-color: #121212; border: 3px solid #00438A; width: 100px; box-shadow: 0 4px 5px #888888; }
.milestone_trophy_display .milestone_name { color: #000000; font-weight: bold; margin-top: 30px; text-transform: uppercase; }
.milestone_trophy_display .milestone_name sup { text-transform: lowercase; }
.milestone_trophy_display .trophy_name { color: #00438A; font-weight: bold; margin: 7px 0; }
.milestone_trophy_display .game_name, .milestone_trophy_display .game_name a { color: #555555 !important; font-size: 9pt; }