/* support button */
.support {
  color: black;
  font-weight: 900;
  background-color: #b7d432;
  position: fixed;
  top: 40%;
  right: -20px;
  border: 0;
  font-size: 110%;
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}

/* help questions */
h6 {
  font-size: 110%;
  background-color: #111;
  border-radius: 5px 5px 0px 0px;
  margin: 7px 0px 2px 0px;
  padding: 5px 5px 5px 1px;
  border-bottom: 1px solid #222;
  font-weight: bold;
  color: #b7d432;
}

/*  bootstrap overrides */

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

.btn-success {
 background-color: #bbd329;
 border-color: #bbd329;
 color: black;
}
.btn-success:hover {
 border-color: #D0E550;
 background-color: #D0E550;
 color: black;
}

.btn-info {
 background-color: #1A7E83;
 border-color: #1A7E83;
}
.btn-info:hover {
 border-color: #328A8E;
 background-color: #328A8E;
}

.btn-danger {
 background-color: #cf1f02;
 border-color: #cf1f02;
}
.btn-danger:hover {
 border-color: #F73C1E;
 background-color: #F73C1E;
}

.btn-primary {
 background-color: #284B91;
 border-color: #284B91;
}
.btn-primary:hover {
 border-color: #41609D;
 background-color: #41609D;
}

.btn-warning {
 background-color: #e79c26;
 border-color: #e79c26;
}
.btn-warning:hover {
 border-color: #F6B650;
 background-color: #F6B650;
}

.alert-info {
  color: #014F53;
  background-color: #55A4A8;
  border-color: #55A4A8;
}
.alert-info a {
  color: black;
}

.alert-warning {
  color: #955B00;
  background-color: #FFCC7B;
  border-color: #FFCC7B;
}
.alert-warning a {
  color: black;
}

.alert-success {
  color: #728500;
  background-color: #E8F97E;
  border-color: #E8F97E;
}
.alert-success a {
  color: black;
}

.alert-success a.btn-primary {
  color: white;
}

.alert-danger {
  color: #801100;
  background-color: #FF6951;
  border-color: #FF6951;
}
.alert-danger a {
  color: black;
}

.navbar-input-group {
  font-size: 0px; /*removes whitespace between button and input*/
}

.navbar-input-group .form-control {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.navbar-inverse { background-color: rgba(0,0,0,0.8); }

.navbar-toggle { color: white; }

html {
 background-color: black;
}
body {
 padding: 0;
 background: 0;
 color: white;
}

body.reverse {
 padding: 0;
 background: white;
 color: black;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #2a2a2a;
}
legend {
 color: #ccc;
}
.user_icon {
 height: 20px;
 width: 20px;
}
.carousel {
 margin-bottom: 0;
}
.controls .input-group-addon {
 color: black;
}

.navbar-brand {
 margin: 0;
 padding: 5px 0 0 0;
}

.well, .jumbotron {
  background-color: #2a2a2a;
 background: -moz-linear-gradient(rgba(255,255,255,0.2) 30%,rgba(255,255,255,0.1) 80%); /* FF 3.6+ */
 background: -webkit-linear-gradient(rgba(255,255,255,0.2) 30%,rgba(255,255,255,0.1) 80%); /* Safari 5.1+, Chrome 10+ */
 background: -o-linear-gradient(rgba(255,255,255,0.2) 30%,rgba(255,255,255,0.1) 80%); /* Opera 11.10 */
 background: linear-gradient(rgba(255,255,255,0.2) 30%,rgba(255,255,255,0.1) 80%); /* the standard */
 border: 0;
}
.badge {
  background-color: white;
  color: black;
  border: 1px solid #aaa;
}
fieldset .btn {
  margin-top: 2px;
}

/* tgc native stuff */
.proof.btn-warning span.glyphicon-check {
  display: none;
}
.proof.btn-primary span.glyphicon-check {
  margin-right: 5px;
}

.footer_border {
 margin: 0;
 width: 100%;
 height: 64px;
}
.footer {
  padding-top: 50px;
  background-color: #ccc;
  color: black;
}
.footer a {
 color: #000080;
}

.product_list div.game, .product_list div.part {
  margin-bottom: 30px;
  border-radius:7px;
  border: 1px solid #444;
  position: relative;
  overflow: hidden;
  background-color: #222;
}

.product_list div.game a img, .product_list div.part a img {
width: 100%;
}

.product_list div.part {
  max-width: 200px;
  height: 258px;
}

.product_list div.game {
  max-width: 186px;
  height: 258px;
}

.product_list div.game span.rating {
  font-size: 95%;
}

.product_list div.game span.rating .glyphicon-star-empty {
  color: #999;
}

.product_list div.game a.name, .product_list div.part a.name {
 text-decoration: none;
 color: white;
 font-weight: bold;
 display: block;
 white-space: nowrap;
 padding: 5px 5px 0 5px;
 overflow: hidden;
 text-overflow:ellipsis;
}

.product_list div.game div.short_description {
 font-size: 80%;
 color: #ccc;
 overflow: hidden;
 text-overflow: ellipsis;
 font-family: 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
 padding: 0 5px 0 5px;
}

.product_list div.game div.bottom_panel, .product_list div.part div.bottom_panel {
 padding: 3px 5px 0 5px;
 border-top: 1px solid #555;
 background-color: #222;
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 28px;
}

.product_list div.featured div.bottom_panel {
 height: 45px;
 text-align: center;
}

.product_list div.featured div.bottom_panel b {
  color: #E79C26;
}

.product_list div.staff-pick div.bottom_panel {
 height: 45px;
 text-align: center;
}

.product_list div.staff-pick div.bottom_panel b {
  color: #bbd329;
}

.product_list div.on-sale {
  border-color: #cf1f02;
}

.product_list div.on-sale div.bottom_panel {
  border-top: 1px solid #cf1f02;
}

.product_list div.on-sale div.bottom_panel b {
  color: #cf1f02;
}

#showcase_carousel {
 height: 600px;
}

.showcase {
 position: relative;
 background-repeat: no-repeat;
 background-position: top;
 height: 600px;
}

.showcase_overlay {
 width: 100%;
 height: 100%;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
 background: -moz-linear-gradient(rgba(0,0,0,0.0) 30%,rgba(0,0,0,0.9) 80%); /* FF 3.6+ */
 background: -webkit-linear-gradient(rgba(0,0,0,0.0) 30%,rgba(0,0,0,0.9) 80%); /* Safari 5.1+, Chrome 10+ */
 background: -o-linear-gradient(rgba(0,0,0,0.0) 30%,rgba(0,0,0,0.9) 80%); /* Opera 11.10 */
 background: linear-gradient(rgba(0,0,0,0.0) 30%,rgba(0,0,0,1.0) 80%); /* the standard */
}

.showcase_content {
 height: 600px;
 margin-left: auto;
 margin-right: auto;
}
.showcase_link {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 100%;
}
.showcase_logo {
}
.showcase_logo img {
}
.showcase_review {
 margin-top: 25px;
 font-family: sans-serif;
 color: white;
 text-shadow: 2px 2px 2px black;
 filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000000,offX=2,offY=2);
}
.showcase_review span { font-size: 125% }
.showcase_review div { margin-top: 10px; text-align: right; }
.showcase_review div a { text-decoration: none; color: grey; }
.showcase_spacer {
 height: 400px;
}
.showcase_border {
  height: 25px;
  width: 100%;
  background-color: #2a2a2a;
  background: -moz-linear-gradient(rgba(0,0,0,0.9) 10%,rgba(0,0,0,0.0) 60%); /* FF 3.6+ */
  background: -webkit-linear-gradient(rgba(0,0,0,0.9) 10%,rgba(0,0,0,0.0) 60%); /* Safari 5.1+, Chrome 10+ */
  background: -o-linear-gradient(rgba(0,0,0,0.9) 10%,rgba(0,0,0,0.0) 60%); /* Opera 11.10 */
  background: linear-gradient(rgba(0,0,0,0.9) 10%,rgba(0,0,0,0.0) 60%); /* the standard */
}
@media (max-width: 979px) {
 .showcase_spacer {
  height: 370px;
 }
 .showcase_overlay {
  background: -moz-linear-gradient(rgba(0,0,0,0.0) 10%,rgba(0,0,0,0.9) 70%); /* FF 3.6+ */
  background: -webkit-linear-gradient(rgba(0,0,0,0.0) 10%,rgba(0,0,0,0.9) 70%); /* Safari 5.1+, Chrome 10+ */
  background: -o-linear-gradient(rgba(0,0,0,0.0) 10%,rgba(0,0,0,0.9) 70%); /* Opera 11.10 */
  background: linear-gradient(rgba(0,0,0,0.0) 10%,rgba(0,0,0,0.9) 70%); /* the standard */
 }
}
@media (max-width: 767px) {
 .showcase_spacer {
  height: 250px;
 }
 .showcase_overlay {
  background: -moz-linear-gradient(rgba(0,0,0,0.0) 10%,rgba(0,0,0,0.9) 55%); /* FF 3.6+ */
  background: -webkit-linear-gradient(rgba(0,0,0,0.0) 10%,rgba(0,0,0,0.9) 55%); /* Safari 5.1+, Chrome 10+ */
  background: -o-linear-gradient(rgba(0,0,0,0.0) 10%,rgba(0,0,0,0.9) 55%); /* Opera 11.10 */
  background: linear-gradient(rgba(0,0,0,0.0) 10%,rgba(0,0,0,0.9) 55%); /* the standard */
 }
}

.popover {
 color: black;
}
.popover-title {
 color: orange;
}

.accordion .cathead {
	cursor: pointer;
    font-weight: bold;
    font-size: 90%;
  padding: 5px;
  border-bottom: 1px solid #555;
  margin-top: 15px;
  color: #aaa;
}

.accordion .catbody {
    font-size: 80%;
    margin: 0px 5px 5px 5px;
    padding: 5px;
}

.pad-left {
 padding-left: 10px;
}

.pad-right {
 padding-right: 10px;
}

.proof_color_filter {
    filter: saturate(105%) contrast(120%);
    -webkit-filter: saturate(1.05) contrast(1.2);
}

.preview-medium {
  max-height: 100px;
  max-width: 100px;
  border: 1px solid #444;
  background-color: white;
}

.preview-small {
  border: 1px solid #444;
  max-height: 35px;
}

.clickable {
    cursor: pointer;
}

/* FILESYSTEM */

.crumbtrail {
  margin-bottom: 20px;
}

.crumbtrail a {
  display: inline-block;
  font-size: 140%;
  padding: 10px 15px 10px 15px;
}

.filesystem {
  *zoom: 1;
  background-color: #2a2a2a;
 background: -moz-linear-gradient(rgba(255,255,255,0.2) 30%,rgba(255,255,255,0.1) 80%); /* FF 3.6+ */
 background: -webkit-linear-gradient(rgba(255,255,255,0.2) 30%,rgba(255,255,255,0.1) 80%); /* Safari 5.1+, Chrome 10+ */
 background: -o-linear-gradient(rgba(255,255,255,0.2) 30%,rgba(255,255,255,0.1) 80%); /* Opera 11.10 */
 background: linear-gradient(rgba(255,255,255,0.2) 30%,rgba(255,255,255,0.1) 80%); /* the standard */
 margin-top: -20px;
}

.filesystem:before,
.filesystem:after {
  display: table;
  line-height: 0;
  content: "";
}

.filesystem:after {
  clear: both;
}

.filesystem a {
  color: white;
  text-align: center;
  float: left;
  margin: 10px;
  width: 120px;
  height: 140px;
  display: block;
}

.filesystem img {
  max-height: 120px;
  max-width: 120px;
  border: 0;
}
.filesystem span {
  display: block;
  font-size: 90%;
  overflow: hidden;
  height: 20px;
}

.centered {
  text-align: center;
}

/* END FILESYSTEM */

.account {
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
}

.blink { font-weight: bold; }
.attn { font-weight: bold; color: red; }