body {
    height: 99%;
    color: #333;
    font: 14px "open sans", "trebuchet ms", verdana;
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #e7e7e7;
    position: relative;
}

@media print {
    a:link:after, a:visited:after {
        content: "";
    }

    #overlay-wrapper {
        display: none;
    }

    #body-wrapper {
        padding-top: 250px;
        margin-top: 0px;
    }
}

/* Colors */
.txt-blue-important {
    color: #5791AC;
}

.txt-black-important {
    color: #707070;
}

/* catch-all */

h1, h2, h3, h4 {
    margin: 0;
    font-weight: normal;
}
li a:hover {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.block {
    display: block;
}

.smalltxt {
    font-size: 12px;
}

a.styled-button-prev:hover {
    text-decoration: none;
    background-color: #fff;
}

a.styled-button-next:hover{ 
    text-decoration: none;
    background-color: #1E97D1;
}

div a.styled-button-prev {
    margin-top: 10px;
    text-align: center;
    padding: 15px;
    /* background: url('//www.exophase.com/assets/jidoor/pagebutton.png') repeat-x top left; */
    /* width: 110px !important; */
    /* height: 25px; */
    /* border: 2px solid #e5e2e2; */
    color: #009ac0;
    text-transform: uppercase;
    display: block;
    font-size: 13px;
    background-color: #F0F0F0;
    height: 50px; 
}
div a.styled-button-next {
    text-align: center;
    padding: 15px;
    color: #fff;
        text-transform: uppercase;
        display: block;
        font-size: 13px;
    background-color: #2078A2;
    height: 50px;
}

.sticky {
    position:fixed !important;
    -webkit-backface-visibility:hidden; 
    -webkit-transform: translateZ(0);
    top: 0px;
}

#body-wrapper {
    width: 1200px;
    margin: 0px auto;
    margin-top: -100px;
}

.fleft {
    float: left;
}

#landing {
    font-size: 40px;
    font-weight: 600;
    font-family: 'Source Sans Pro';
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 1px 1px black;
    text-align: center;
    width: 800px;
    position: relative;
    margin: 0px auto;
    margin-top: 150px;
    z-index: 5;
}

#landing h2 {
    font-size:  40px;
    letter-spacing: -0.050em;
}

.center {
    text-align: center;
}

.prev_next a {
    font-family: 'Source Sans Pro';
}

#landing span {
    display: block;
}

#overlay-text {

}

.comment-count {
    text-align: right;
    color: #A8A8A8;
    font-size: 11px;
    text-align: center;
    height: 15px;
}



.overlay {
    height: 569px;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 1200px;
    overflow: hidden;
    position: absolute;
    box-shadow: inset 0px -5px rgba(255, 255, 255, 0.2);
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover; 
    width: 100%;
    background-size: auto auto !important;
    background-repeat: no-repeat;
    background-position: center center;
    top: 0px;
    display: none; /* for mobile: don't load initially */
}

.active {
    z-index: 3;
}

.top-panel-container {
    font-size: 12px;
    display: block;
    padding-bottom: 3px;
    position: absolute;
    background-color: #000;
    padding: 15px;
    right: 0px;
    /* border-bottom: 3px solid #53869E; */
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    top: -48px;
    color: #fff;
}

#overlay-wrapper {
    height: 569px;
    margin: 0 auto;
    max-width: 1920px;
    min-width: 1200px;
    overflow: hidden;
    background: rgb(32, 32, 32);
}

#header-elements {
    background-color: #transparent;
    text-align: left;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    min-width: 340px;
}
.logo {
    margin-right: 18px;
    margin-top: 8px;
    width: 233px;
    height: 44px;
}
#categories {
    float: left;
    
}
#categories
ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 3px;
    margin-top: 9px;
    font-size: 14px;
    color: #fff;
}
#categories
li {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    font-weight: bold;
}
#categories li.main-cat {
    margin-left: 8px;
    text-transform: uppercase;
}
#categories li
a {
    color: #fff;
}
#categories li
a:hover {
    background: transparent;
}
#categories .selected
a {
    color: #ff3363;
}
#categories
.selected {
    color: #ff3363;
}

#top-panel {
    float: right;
    text-align: right;
    height: 60px;
    color: #333;
    z-index: 100;
    cursor: pointer;
    padding-left: 10px;
    min-width: 200px;
}

#top-panel.guest {
    background-color: #00A2D2;
    color: #fff; 
    text-align: center;
    text-transform: uppercase;
    font-family: 'Source Sans Pro';
    font-size: 14px;
    text-shadow: 0 0 0 transparent, 0 1px 1px rgb(111, 111, 111);
}

#top-panel.guest a {
    line-height: 58px;
    display: block;
    height: 60px;
    color: #fff;
}

#top-panel.guest:hover {
    background-color: #0095C2;
}


#profile-dropdown {
    position: relative;
}

#top-panel:hover {
    background-color: #353535;
    color: #fff;   
}

#top-panel span a {
    color: #31addc;
}

#top-panel .avatar {
    margin-left: 10px;
    border-right: 1px solid #fff;
}

#top-panel .avatar, #top-panel .avatar img {
    width: 60px;
    height: 60px;
    display: inline-block;
}

#top-panel .panel-left {
    vertical-align: middle;
    display: inline-block;
}

#top-panel .panel-left span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
}

#top-panel .dropdown-menu {
    text-align: center;
}


#search-box {
    text-align: right;
    width: 240px;
    background-color: rgb(202, 202, 202);
    color: rgb(255, 255, 255);
    height: 60px;
    right: 0px;
    /*box-shadow: inset 0px 1px 1px rgb(70, 70, 70);*/
    padding: 5px;
    text-shadow: 0 0 0 transparent, 0 1px 1px rgb(165, 165, 165);
}
#s {
    position: absolute;
    padding: 0;
    border: 0;
    line-height: 43px;
    height: 43px;
    font-family: 'Source Sans Pro';
    outline: none;
    color: #fff;
    font-size: 14px;
    /*text-shadow: 0 0 0 transparent, 0 1px 1px rgb(153, 153, 153);*/
    background-color: #333;
    height: 60px;
    top: 0px;
    width: 220px;
    right: 35px;
    padding-left: 15px;
    box-shadow: inner 0 0 5px #888;
    display: none;
    z-index: 100;

}

#s::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
    opacity:  0.8;
}
#s:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  0.8;
}
#s::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  0.8;
}
#s:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
   opacity:  0.8;
}

div.search input, div.search input:focus { 
    width: 200px; 
    margin-left: 0px; 
    background-color: rgb(202, 202, 202);
}

.holiday a.active {
    color: #fff !important;
}

.holiday a {
    color: #d50000 !important;
}

.holiday a:hover {
    color: #fff !important;
}

.holiday-green {
    background-color: #33691e !important;
}

.links ul li.search input:focus { background: #000; color: #999; }

#search-box
#go {
    float: right;
margin: 15px 4px 0 0;
}

div.search {
    color: #fff;
    padding-top: 18px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgb(202, 202, 202);
    height: 60px;
    position: relative;
    float: right;
}

div.search:hover, div.active-search {
    color: #fff;
    text-decoration: none;
    background-color: #00a2d2;
    cursor: pointer;
}

.links ul li ul {
  padding: 0;
  position: absolute;
  left: 8px;
  width: 200px;
  opacity: 0;
  visibility: hidden;
  border-top: 2px solid #000;
}
.links ul li ul li { 
    background: #222222; 
    display: block; 
    color: #fff;
    width: 200px;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    text-align: left;
}

.links ul li ul li:hover {    
    color: #309ac3;
    text-decoration: none;
    background-color: #1A1A1A; 
}
.links ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.links {
    text-align: right;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.links {
    text-align: right;
}
.links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.links ul.main-navigation {
    width: 520px;
}
.links ul li {
    float: left;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    position: relative;
}
.links ul li:hover {
}

.links ul.static-menu {
    display: none;
}

.links ul li a, .links ul.static-menu li {
    display: block;
    height: 60px;
    font-family: 'Source Sans Pro';
    text-decoration: none;
    margin-left: 8px;
    font-size: 14px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    color: #30809B;
    cursor: pointer;
}

/* Set static width on mobile menu to maintain consistency when state is changed */
ul.static-menu li {
    text-align: center;
    width: 56px;
}

.links ul.sub_nav li a {
    color: rgb(172, 172, 172);
}

.links ul li a:hover, .links ul li a.active, ul.static-menu li.active, .links ul.static-menu li:hover {
    color: #fff;
    text-decoration: none;
    background-color: #353535;
}

.top-panel-container a:hover, .top-panel-container a.active {
    color: #fff !important;
    text-decoration: none;
    background-color: #007FAA;
}

.ad-728x90 {
    width: 728px;
    margin: 20px auto;
    text-align: center;
}
#content {
    background-color: #fffeff;
    text-align: left;
    position: relative;
    /*border-top: 2px solid #C95257;*/
    z-index: 5;
    margin-top: -100px;
}

#content
strong {
    font-size: 1.05em;
}
#nav {
    background-color: #191717;
    height: 20px;
    z-index: 9999;
    border-bottom: 4px solid #ccc !important;
}
#nav-inner {
    width: 1016px;
    margin: 0 auto;
}
.border-green {
    background-color: #81bb06;
    height: 3px;
}
#feature-box {
    background-color: #262b2c;
    height: 171px;
    width: 636px;
    border-top: 3px solid #363d3f;
}
#feature-box a:link,  #feature-box a:visited,  #feature-box a:active {
    color: #fff;
}
#feature-box a:hover {
    color: #fff;
    text-decoration: none;
}
.image-article-left {
    float: left;
    text-align: right;
}

.image-article-left a.image-artcle-link {
    width: 238px;
    height: 131px;
    display: block;
    box-shadow: 0 0 5px #CCC;
    margin-right: 15px;
    margin-bottom: 10px;
    padding: 2px;
}

p.bubble {
    position: relative;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #e4e4e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
    font-family: 'Source Sans Pro';
    font-size: 13px;
}

p.speech::before {
    left: 30px;
    top: 100px;
}

p.speech::after {
    left: 9px;
    top: 30px;
    border: 5px solid;
    border-color: #e4e4e4 transparent transparent #e4e4e4;
}

p.bubble::before, p.bubble::after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
}

#main {
    font-family: 'Source Sans Pro';
}

#main div.item {
padding: 10px;
/* margin-bottom: 5px; */
padding-bottom: 0px;

}

#main-sub-nav {
    /*background-color: #f5f5f5;
    padding: 10px;
    text-transform: uppercase;
    border-left: 5px solid #333;*/
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    border-left: 5px solid #0F83B1;
    padding-left: 5px !important;
    background-color: #2E2E2E;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
}

#main div.snippet {
    width: 50%;
}

#main div.snippet span.time {
    color: #ccc;
    font-size: 12px;
    text-transform: uppercase;
}

#main div.snippet span.view {
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

#main div.awards {
    text-align: right;
    float: right;
    margin-top: 25px;
}

#main div.awards img {
    width: 42px;
    height: 42px;
}

#main div.awards li {
    float: left;
    margin-left: 15px;
}

#main div.time {
    display: inline-block;
    vertical-align:middle;
    float: right;
    text-align: center;
    padding-top: 25px;
}

#main div.time span {
    display: block;
    font-size: 0.9em;
}

#main div.item div {
    display: inline-block;
    vertical-align:middle;
}

.image-activity-left {
    width: auto;
    height: 80px;
    margin-right: 15px;
    margin-bottom: 10px;
    padding: 2px;
}

.image-activity-left img {
    width: auto;
    height: 80px;
    box-shadow: 0 0 10px #C0C0C0;
    background-color: #111;
}

#news-column h3.lightbar {
    color: #000;
    background-color: #F5F5F5;
}

#news-column {
    padding: 10px;
}
#news-column.home div.post h3 {
    font-size: 12px;
}

#news-column.home div.post {
    margin-top: 15px;
}
#news-column.single-article {
    padding-top: 5px;
}

ul#news-sidebar-items, ul#forum-sidebar-items {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

#news-sidebar-items span {
    font-size: 12px;
}

ul.sidebar-items li  {
    position: relative;
    height: 100px;
    background-color: #F7F7F7;
    margin: 1px;
}

ul#forum-sidebar-items li {
    height: 80px;
}

ul#forum-sidebar-items img {
    width: auto;
    height: 52px;   
}

#sidebar.game-overview ul#news-sidebar-items li {
    height: 150px;
}

#sidebar.game-overview ul#news-sidebar-items img {
    width: 213px;
    height: 120px;   
}

ul.sidebar-items li a {
    margin: 0;
    padding: 0;
    display: block;
    /* padding-bottom: 10px; */
    font-family: 'Source sans Pro';
    /* text-transform: uppercase; */
    font-size: 14px;
    padding: 20px;
    text-align: right;
    padding-top: 15px;
    padding-bottom: 5px;
    height: inherit;
    color: #000;
    position: relative;
}

ul.sidebar-items li a span.node-title {
    position: absolute;
    bottom: 10px;
    left: 88px;
    font-size: 10px;
    color: #535353;
}

ul.sidebar-items li a.forum {
    text-align: left;
}

ul#news-sidebar-items img {
    width: 126px;
    height: 71px;
    float: left;
    margin-right: 5px;
    padding: 1px;
    background-color: none;
}

ul.sidebar-items li a.forum span.main-title {
    display: inline-block;
    font-size: 12px;
    width: 240px;
    vertical-align: top;
    padding-left: 15px;
}

ul.recent-blocks li.highlight {
    /* border-bottom: 3px solid #0F83B1; */
    background-color: #3A5464;
    color: #fff;
}

ul.recent-blocks li.highlight img {
    background-color: #fff;
}

ul.recent-blocks li.highlight a span {
    color: #fff;
}

.game-db-title {
    font-size: 14px;
    font-family: 'source sans pro';
    font-weight: 700;
}

a.game-box {
    background: url('//www.exophase.com/assets/jidoor/gameinfobg.png') repeat-x left top;
    width: 645px !important;
    height: 137px;
    display: block;
    background-color: #f6f6f6;
    border: 2px solid #ebebeb;
    margin-bottom: 5px;
    padding: 7px;
    padding-right: 5px !important;
    padding-bottom: 1px !important;
    display: block;
    color: #333 !important;
}
a.game-box:hover {
    color: #da706d  !important;
    text-decoration: none;
    background-color: #f1f0f0;
    border-bottom: 3px solid #333;
    cursor: pointer;
}
a.game-box img  {
    width: 237px;
    height: 130px;
    border: 3px solid #e5e2e2;
    background-color: #222;
}

#games {
border-left: 5px solid  #c95257 !important;
padding-left: 5px !important;
font-family: Cabin;
font-weight: bold;
font-size: 24px;
}

.alignright {
    float: right;
}
.alignleft {
    float: left;
}

div.single-article h3 {
    padding-bottom: 12px;
}
h2.headline {
    color: #009ab2;
    display: block; 
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}
h2.headline a {
    color: #009AB2;
    font-weight: 600;
    font-family: 'source sans pro';
}

h2.headline a:hover {
    background-color: #1297c4;
    color: #fff;
    text-decoration: none;
    color: #fff;
}

#news-column h3 a {
    font-size: 1.8em;
    color: #009AB2;
    letter-spacing: -0.050em;
    font-weight: 600;
    font-family: 'source sans pro';
}

#news-column h4 {
    font-size: 12px;
    /* padding: 5px; */
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: 'Source sans Pro';
}

#news-column h4 span {
    padding: 5px;
    /* color: #fff; */
    font-family: 'source sans Pro';
    /* text-transform: uppercase; */
    /* font-style: italic; */
    background-color: #F0F0F0;
    font-size: 14px;
    margin-right: 5px;
}

#news-column h4 span.author {
    padding: 0px;
    color: #5894AC;
}
#news-column h3 a:hover {
    background-color: #1297c4;
    color: #fff;
    text-decoration: none;
    color: #fff;
}
.post-body
p {
    line-height: 1.6em;
    font-size: 14px;
}
#news-column.home .post-footer {
    padding-top: 30px;
}

.activity-footer {
    padding-bottom: 5px;
    clear: both;
    background-color: #F3F3F3;
    font-weight: normal;
    color: #000;
    text-align: right;
    margin-top: 25px;
    height: 10px;
    position: relative;
}

.post-footer {
    padding-bottom: 5px;
    clear: both;
}
.post-footer a:link,  .post-footer a:visited,  .post-footer a:active {
    color: #A8A8A8;
    font-size: 11px;
    width: 100%;
}
.post-footer a:hover {
    color: #009ab2;
}
.last-comment
a {
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat left top;
    background-position:  -10px -874px;
    padding-left: 12px;
}
.last-comment a:hover {
    background-position:  -10px -1008px;
}
.byline {
    background-color: #F3F3F3;
    font-weight: normal;
    color: #000;
    text-align: right;
    margin-top: 3px;
    height: 5px;
    position: relative;
}
.byline a {
background-color: #F7F7F7;
display: block;
width: 40px;
/* height: 30px; */
position: absolute;
right: 0px;
top: -27px;
padding: 5px;
}
.byline-single {
    background-color: #E2E2E2;
    font-weight: normal;
    color: #000;
    text-align: right;
    margin-top: 3px;
    height: 2px;
}
.share-twitter {
    float: left;
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat left top;
    background-position:  -10px -566px;
    margin-top: 10px;
}
.share-twitter
a {
    width: 16px;
    height: 18px;
    display: block;
}
.share-facebook {
    float: left;
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat left top;
    background-position:  -10px -638px;
    margin-top: 10px;
}
.share-facebook
a {
    width: 16px;
    height: 18px;
    display: block;
}
.share-reddit {
    float: left;
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat left top;
    background-position:  -10px -530px;
    margin-top: 10px;
}
.share-reddit
a {
    width: 16px;
    height: 18px;
    display: block;
}
.share-digg {
    float: left;
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat left top;
    background-position:  -10px -602px;
    margin-top: 10px;
}
.share-digg
a {
    width: 16px;
    height: 18px;
    display: block;
}
.share-twitter:hover {
    background-position:  -10px -564px;
}
.share-facebook:hover {
    background-position:  -10px -636px;
}
.share-reddit:hover {
    background-position:  -10px -528px;
}
.share-digg:hover {
    background-position:  -10px -600px;
}
.social-links div.share-twitter, .share-digg, .share-facebook {
    margin-left: 6px;
}
.social-links-single div.share-twitter,  .social-links-single div.share-digg,  .social-links-single div.share-facebook {
    margin-left: 6px;
}
.social-links-single {
    position: absolute;
    bottom: -5px;
}
.social-links-single-wrapper {
    position: relative;
}
.post-body {
    position: relative;
}
.post-body a:link,  .post-body a:visited,  .post-body a:active {
    color: #008ab2;
}
.post-body a:hover {
    color: #333;
    text-decoration: none;
}
#content p img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 3px #CECECE;
    border-bottom: 4px solid #2393BE;
    width: 100%;
    height: auto;
}
img {
    border: 0;
}
a:link, a:visited, a:active, .link {
    color: #30809B;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: underline;
}

.top-panel-container a:link, .top-panel-container a:visited, .top-panel-container a:active {
    color: #00A6DF;
}

.header-behind {
    background-color: #fff;
    height: inherit;
    width: 100%;
    opacity: 0.89;
    z-index: 1;
    position: absolute;
    box-shadow: inset 0px -1px 1px rgb(233, 233, 233);
}
.header-block {
    width: 100%;
    /* padding-bottom: 60px; */
    display: block;
    height: 60px;
}
.header-wrapper {
    width: 100%;
    z-index: 10;
    position: absolute;
    height: 60px;
    background: rgba(255,255,255,0.91);
    box-shadow: inset 0px -1px 1px rgb(233, 233, 233);
    top: 0px;
}

#header-wrapper-fixed.minimal {
    height: 40px;
    display: block;
}

#header-wrapper-fixed.minimal img.logo {
    width: auto;
    height: 40px;
    margin-top: 0px;
    margin-right: 20px;
}

#header-wrapper-fixed.minimal li a {
    padding-top: 10px;
    height: 40px;
    overflow: hidden;
}

#header-wrapper-fixed.minimal #search-box {
    height: 40px;
}

#header-wrapper-fixed.minimal #search-box #s {
    height: auto;
    line-height: 23px;
}

#header-wrapper-fixed.minimal #search-box
 #go {
    margin: 5px 4px 0 0;
}

#header {
    text-align: left;
    color: #fff;
    font-family: 'source sans pro';
    font-size: 13px;
    margin-left: auto;
    margin-right: auto;
}

#related-news p {
    text-align: center;
    color: #fff;
}
.footer-right {
    float: right;

}

.footer-right a {
    color: #FFFFFF !important;
    font-weight: bold;
    font-style: normal;
    font-family: verdana;
    font-size: 9px;
    text-transform: uppercase;

}
#footer-above {
    margin-top: 40px;
    background-color: #f6f6f6;
    font-weight: bold;
    font-style: normal;
    font-family: verdana;
    font-size: 9px;
    text-transform: uppercase;
    height: 20px;
    padding-left: 10px;
    padding-top: 5px;
    color: #c60e39;
}
#footer-above a {
    color: #000;
}
#footer {
    background-color: #2078A2;
    color: #fff;
    text-align: left;
    font-size: 11px;
    overflow: hidden;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    border-top: 3px solid #FFFFFF;
    z-index: 100;
    width: 100%;
    position: relative;
}
#footer-inner {
    font: 13px/1.4 Georgia,Times,'Liberation Serif',serif;
    max-width: 1170px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 30px;
    padding: 10px;
}

.tagline {
    font-family: 'source sans pro', "trebuchet ms" !important;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

#comment_wrap {
    margin-top: 20px;
}
#comment_stretch {
    width: 100%}
#loginWelcome a:link,  #loginWelcome a:visited,  #loginWelcome a:active {
    color: #008ab2;
}

.ProfileBox label {
    font-family: 'Source Sans Pro';
}

#loginWelcome input {
    margin-left: 10px;
}

#LoginForm input {
    width: 200px;
}

input#remember {
    width: 20px;
}
.comments-header {
    display: block;
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat bottom right;
    background-position: -387px -794px;
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 3px;
    width: 140px;
    height: 24px;
    padding: 10px;
}

#comment-controls input, #comment-controls button {
    margin-right: 10px;
}

#postComment {
        font-family: 'Source Sans Pro';
}
.comment_box {
    padding: 5px
5px 5px 5px;
    background-color: #f8f8f8;
    border: solid 1px #e1e0e0;
    margin-bottom: 5px;
    line-height: 1.6;
}
.comment_box:hover {
    background-color: #f6f6f6;
}
.comment_footer {
    font: 13px "Trebuchet MS",  Trebuchet,  sans-serif;
    text-align: right;
    font-size: 11px;
    padding-bottom: 4px;
}
.comment_footer a:link,  .comment_footer a:visited,  .comment_footer a:active {
    text-decoration: none;
    color: #333;
    font-style: bold;
}
.comment_footer a:hover {
    color: #333;
    text-decoration: none;
}
.text {
    font-family: "Trebuchet MS", verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 13px;
    display: block;
    white-space: normal;
}
.title {
    font: 11px "Trebuchet MS",  Trebuchet,  sans-serif;
    text-align: left;
}

.comment_content {
    padding-top: 10px;
}
#comment_wrap
.ProfileBox {
    position: relative;
}
#post_button, .ProfileBox button, #logout_button {
    font-weight: bold;
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
    font-size: 12px;
}
.error {
    color: red;
}
.success {
    color: green;
}
.hide {
    display: none;
}
#comment_preview {
    border: 1px
solid silver;
    display: none;
    padding: 5px;
}
#comment_preview
#comment_preview_name {
    font-weight: bold;
}
.post-body
blockquote {
background-color: #F0F0F0;
color: #333;
font-size: 13px;
/* margin: 0px; */
padding: 10px;
border: 1px
 #fff solid;
/* width: 640px; */
word-wrap: break-word;
}

#review-column
.tab {
    width: 152px;
    height: 20px;
    display: block;
}
#dropdown
ul {
    display: none;
}
.display {
    display: none;
}
.nav,  .nav
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav {
    font-family: Arial, Helvetica, sans-serif;
    z-index: 100;
    position: relative;
    margin-bottom: 35px;
    font-size: 13px;
    text-transform: uppercase;
}
.nav
li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    margin-right: 4px;
}
.nav li a,  .nav li a:link,  .nav li a:active,  .nav li a:visited {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
}
.nav li a:hover {
}
#dropdown li:hover a, 
#dropdown li.exohover
a {
    text-decoration: none;
}
#dropdown li:hover ul a, 
#dropdown li.exohover ul
a {
    color: #ccc;
    border-bottom: 1px solid #262b2c;
    font-family: Verdana, TrebuchetMS;
    text-transform: none;
    font-size: 11px;
}
#dropdown li:hover ul a.first, 
#dropdown li.exohover ul
a.first {
    margin-top: 5px;
    padding: 0;
}
#dropdown li:hover ul a:hover, 
#dropdown li.exohover ul a:hover {
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat top left;
    background-position:  -192px -58px;
    color: #fff;
}
.nav
ul {
    background: url('//www.exophase.com/assets/rex/exosprite.png') no-repeat top left;
    background-position:  -10px -58px;
    background-color: #2e3538;
    list-style: none;
    width: 112px;
    position: absolute;
    top:  -999em;
    left:  -15px;
    border-bottom: 1px solid #000;
    text-align: left;
    margin: 0;
    padding: 0;
    text-indent: 3px;
}
.nav li:hover ul, 
.nav li.exohover
ul {
    top: 6px;
}
.nav ul
li {
    float: none;
}
.initial {
}
.nav ul
a {
    width: 108px;
    height: 30px;
    margin-left: 2px;
    line-height: 30px;
    color: #fff;
}
.nav ul a:hover {
    background: #ccc;
    color: #000;
}

/*login */
#rememberMe {
     margin-top:240px;
     display: inline;
}

#comment_textarea textarea {
    width: 100%;
}

#featured-content{
    background-color: #f6f6f6;
    position: relative;
    height: 231px;
    margin-bottom: 10px;
}

.featured-links {
    padding: 5px;
}

.featured-links div {
    min-height: 227px;
    padding: 5px;
}

.btn-social {
  border-radius: 0;
  border: 0;
  /* padding: 20px; */
  text-transform: uppercase;
  font-size: 11px;
  padding: 10px;
  padding-left: 40px;
  max-width: 400px;
}

#social div.col-sm-12 {
  border-left: 3px solid #E0E0E0;
  margin-bottom: 20px;
}

.btn-social>:first-child {
    border: 0 !important;
}

#ft-boxes {
    height: inherit;
}

.ft {
    float :left;
    position: relative;
    background-color: #fff;
    width: 594px;
    height: 227px;
}

.ft-overlay-link {
    position: absolute;
    width: inherit;
    height: inherit;
    display: block;
    z-index: 10;
    color: #fff;
}

a.ft-link {
    position: absolute;
    /* bottom: 8px; */
    z-index: 2;
    color: #fff;
    left: 8px;
    font-family: 'source sans pro';
    font-weight: 600;
    font-size: 13px;
    display: block;
    z-index: 5;
    background-color: #222;
    padding: 10px;
    text-transform: uppercase;
    border-left: 3px solid #30809B;
    top: 10px;
}

#ft-top a.ft-link {
    font-size: 20px !important;
    line-height: 19px;
}

.first {
    border-right: 1px solid #fff;
}

.ad-base {
}

.ad-300x250 {
    min-width: 300px;
    min-height: 250px;
    text-align: center;
    margin: 20px auto;
}

.ad-160x600 {
    position: absolute;
    background-color: #cfcfcf;
    width: 160px;
    height: 600px;
    margin-top: 10px;
    margin-right: 30px;
    border: 3px solid #cfcfcf;
    top: 356px;
    right: 0;
}
.ad-300x250-home {
    position: absolute;
    background-color: #f6f6f6;
    width: 300px;
    height: 250px;
    border: 3px solid #cfcfcf;
    top: 330px;
    right: 17px;
}

.ad-300x250-singlepost {
    position: absolute;
    background-color: #f6f6f6;
    width: 300px;
    height: 250px;
    border: 3px
solid #cfcfcf;
    top: 10px;
    right: 17px;
}

.ad-300x250-gamercards-userprofile {
    position: absolute;
    background-color: #f6f6f6;
    width: 300px;
    height: 250px;
    border: 3px
solid #cfcfcf;
    top: 306px;
    right: 27px;
}

.ad-300x250-gamercards-leaderboards {
    position: absolute;
    background-color: #f6f6f6;
    width: 300px;
    height: 250px;
    border: 3px
    solid #cfcfcf;
    top: 275px;
    right: 27px;
}

.ad-300x250-gamercards-main {
    position: absolute;
    background-color: #f6f6f6;
    width: 300px;
    height: 250px;
    border: 3px
    solid #cfcfcf;
    top: 655px;
    right: 27px;
}

.ad-728x90-footer {
    margin: 0px auto;
    width: 728px;
    padding-top: 15px;
}

.ad-skyscraper {
    margin: 20px auto;
    text-align: center;
    min-width: 160px;
}

#sidebar.awards ul.list {
    border-bottom: 5px solid #EBEBEB;
}

#sidebar.awards aside {
    margin-bottom: 20px;
}

#sidebar.game-overview {
    margin-top: 15px;
}

#sidebar.home {
padding-right: 5px;
}

ul.sidebar-items {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
}

#sidebar.awards span.player-details {
    font-family: Arial;
    color: #405E6D;
}


.s-screens {
    background: url('//www.exophase.com/assets/jidoor/cat-bg-gn.png') repeat-x top left;
    height: 25px;
}

.game-grey-div {
    position: absolute;
    background-color: #515b5e;
    height: 4px;
    bottom: 0px;
    width: 768px;
}

.game-social-widgets {
    float: right;
    width: 200px;
}

.game-content {
    background-color: #e2e3df;
    height: 380px;
    border-top: 2px solid #fffefc;
    border-left: 12px solid #d6d6d4;
    padding-right: 5px;
}

ul#game-options {
width: 300px;
float: right;
list-style-image: none;
    list-style: none;
    margin-top: 30px;
}

#game-options li {
float: right;
background-color: #222;
width: 70px;
list-style-image: none;
margin-left: 2px;
text-align: center;
color: #fff;
font-family: verdana;
height: 20px;
font-size: 10px;
font-weight: bold;
padding-top: 10px;
text-transform: uppercase;
}

.content-news-image {
padding: 5px;
padding-left: 10px;
float: left;
}

.content-news-image a {
width: 228px;
height: 108px;
float :left;
border: 3px solid #fff;
}

.content-news-item {
display: block;
float: left;
}

span.content-news-title {
font-size: 18px;
margin-top: 20px;
float: left;
width: 510px;
display: block;
}

.content-news-title a {
color: #515b5e;
}

.content-news-excerpt  {
}

.content-news-excerpt p {
font-size: 10px;
font-style: italic;
font-family: verdana;
display: inline;
}

#game-sidebar span {
display: block;
}

#game-sidebar a {
display: block;
width: 100px !important;
}

#sidebar.awards {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#sidebar.awards ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-family: "Trebuchet MS";
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

#sidebar.awards li strong {
    font-family: 'Source Sans Pro';
    display: block;
    text-transform: none !important;
}

.center {
    text-align: center;
}
    

.grey {
    background: whiteSmoke !important;
}

.normalcase {
    text-transform: normal !important;
}

.listing {
    position: relative;
    margin-top: 0;
    padding: 0;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 12px;
    color: #515B5E;
}

.listing:after {
    content: "";
    display: block;
    border-top: solid 5px #f5f5f5;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 40%;
    z-index: 1;
}

.listing-alt:after {
    border-top: solid 5px #009bc3;
}

.listing span {
    background: #fff;
    position: relative;
    z-index: 5;
    padding-right: 10px;
    padding-bottom: 10px;
}

#user_container.service-specific {
    margin-top: 4px;
}

#user_container .ad-skyscraper {
    clear: none;
}

#awards-side {
    background-color: #F5F5F5;
    text-align: center;
    border: 5px solid #E7E7E7;
    margin-bottom: 20px;
}

#awards-side li {
    display: inline-block;
    padding: 5px;
}

#awards-side ul a {
    width: 64px;
    height: 64px;
    display: block;
}

#awards-side img {
    border: 2px solid rgba(255, 255, 255, 1);
    width: 64px;
    height: 64px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background-color: #333;
}

#awards-side span.awards-footer {
    /*background-color: #1668A3;*/
    background-color: #2078a2;
    display: block;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;    
    margin-top: 5px;
}

.single-award {
    margin-top: 15px;
}

/* Hide total count on PSN game listing */
#awards li.psn .holders span.total {
    display: none;
}

.holders, #holders  {
    text-align: right;
}

.holder-wrapper {
    background-color: #fffeff;
    display: inline-block;
}

.holders span, #holders span {
    background: url('//www.exophase.com/assets/jidoor/trophysprites.png') no-repeat top left; 
    padding-left: 13px;
    font-size: 12px;
    font-weight: bolder;
    display: inline-block;
    width: 25px;
    height: 15px;
    padding-top: 3px;
    font-family: Arial;
}

.holders span.bronze, #holders span.bronze {
    background-position: 0px 0px;
    color: #bf521b;
}

.holders span.silver, #holders span.silver {
    background-position: -40px 0px;
    color: #909090;
}

.holders span.gold, #holders span.gold {
    background-position: -80px 0px;
    color: #ca9744;
}

.holders span.platinum, #holders span.platinum {
    background-position: -120px 0px;
    color: #516b9e;
}

.holders span.total, #holders span.total {
    background-position: -160px 0px;
    color: #000;
}

.holders span.gamerscore, #holders span.gamerscore {
    background-position: -200px 0px;
    color: #000;
}

#awards.trophy-user a:hover {
text-decoration: none !important;
}

ul.list-unordered-base {
    list-style: none;
    padding:0;
    margin: 0;
    /*-webkit-box-shadow: 1px 1px 10px #E4E4E4;
    box-shadow: 1px 1px 10px #E4E4E4;*/
   /* -webkit-box-shadow: 0px 1px 6px #E4E4E4;
    box-shadow: 0px 1px 6px #9E9E9E;*/
    box-shadow: 0px 0px 2px #BDBDBD;
}

ul.list-unordered-base li:first-child
{ 
}

#awards.xbox li img {
    width: 64px;
    height: 64px;
}

.list-unordered-base li {
    position: relative;
    padding: 8px;
    background: #FCFCFC;
}

li.t0, div.t0 {
    background: #F5F5F5;
}

li.t1, div.t1 {
    background: #FAFAFA;
}

ul.list-unordered-base li.complete img {
    border: 3px solid rgb(150, 202, 45);
}

.list-unordered-base div {
    line-height: 1.4;
}

#awards ul.list-unordered-base {
    margin-bottom: 20px;
}

ul.list-unordered-base img {
        border-radius: 2px;
        border: 3px solid #e5e2e2;
        background-color: #222;
        vertical-align: middle;
}

a.game_image {
    width: 110px !important;
    height:65px !important;
}

/* pageination */
.page-numbers, a.page-numbers, a:hover.page-numbers {
    color: #B24C4C;
    font-family: 'Helvetica Neue', Helvetica;
    font-size: 11px;
    font-weight: bold;
}

ul.pagination span.current {
    color: #fff;
    background-color: #2078a2;
}

ul.pagination span, ul.pagination a {
    border: none;
    padding: 15px;
    background-color: #f0f0f0;
}

ul.pagination li a:hover {
    background-color: #fff;
}

.inline-pf {
/*background-color: #d85a5a;*/
    background-color: #5F4F4F;
    min-width: 30px;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    font-family: 'source sans pro';
    padding-left: 4px;
    padding-right: 4px;
}

.generic {
    text-shadow: 0 0 0 transparent, 0 1px 0px black;
}

.inline-pf-light {
    color: rgb(146, 146, 146);
    background-color: rgb(230, 230, 230);
    text-shadow: none !important;
}

#pf-environment-selectors {
    cursor: pointer;
}

.generic {
background-color: #797979;
}

.award-type {
    height: 22px;
    width: 72px;
}

.award-type span {
    display: block;
    height: 18px;
    width: 21px;
    margin-left: 30%;
}

.award-type span.psn {
    background: url('//www.exophase.com/assets/jidoor/trophysprites.png') no-repeat top left;
}


.award-type span.silver {
    background-position: -40px 0px;
}

.award-type span.gold {
    background-position: -80px 0px;
}

.award-type span.platinum {
    background-position: -120px 0px;
}


.award-rarity-box {
    float: right;
}

.rarity-descriptor {
    width: 72px;
    background-color: #6b7274;
    display: block;
    text-align: center;
    border-radius: 4px;
    position: relative;
    zoom: 1;
    z-index: 2;
}

.rarity-descriptor span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    display: inline-block;
}

.average-achievers {
    background-color: #e1e3de;
    height: 39px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0px 1px 1px #BDBDBD;
    position: relative;
    margin-top: -20px;
    width: inherit;
    font-size: 11px;
}

.award-rarity-box div {
    font-family: 'Source Sans Pro';
}


.average-achievers span {
    padding-top: 24px;
    display: block;
color: #868686;
    font-weight: bolder;
}

.award-info {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    width: 350px;
}

.trophy-image {
    width: 64px;
    height: 64px;
    border: 3px solid #e2e3df;
    background: #333;
    vertical-align: middle;
    border-radius: 5px;
}

.trophy-title {
    font-family: 'source sans pro', 'Trebuchet MS';
    font-size: 20px;
    font-weight: 600;
    color: #405E6D;
    letter-spacing: -0.050em;
}

.trophy-title a {
    color: #405E6D;   
}

.trophy-title a:hover {
    color: #BB1A1A;
    transition: color 0s ease-in-out;
   -moz-transition: color 0s ease-in-out;
   -webkit-transition: color 0s ease-in-out;
   transition-duration: .25s;
   -moz-transition-duration: .25s;
   -webkit-transition-duration: .25s;
}


.trophy-desc {
    font-size: 13px;
    /*color: #844242;*/
    color: #000;
    font-family: 'open sans', "trebuchet MS", Verdana;
    font-weight: 400;
}

.trophy-earned-timestamp {
    text-transform: uppercase;
    padding-top: 5px;
    font-weight: bolder;
}

.trophy-earned-player-counts {
    font-size: 12px;
    color: #767676;
    text-transform: uppercase;
    padding-top: 10px;
    font-family: 'source sans pro',"trebuchet ms";
}

.seperator {
font-size: 16px !important;
color: #ccc !important;;
display: none;
}

.greentxt {
    font-size: 11px;
    color: #7d8a2e;
}

.redtxt {
color: #c95257 !important;
font-size: 13px !important;
}

.bluetxt {
color: #405E6D !important;
}

.rarity {
    text-transform: uppercase;
}

.trophy-average {
font-size: 25px;
position: absolute;
left: 620px;
top: 50px;
color: #bcb7b7;
}

.trophy-average-number {
font-size: 28px !important;
font-family: "Trebuchet MS" !important;
color: #acb7b7 !important;
position: absolute;
right: 50%;
top: -50px;
}


.trophy-average-users {
font-size: 15px !important;
font-family: "Trebuchet MS" !important;
color: #bcb7b7 !important;
}

.trophy-base {
right: 10px;
top: 15px;
position: absolute;
box-shadow: 1px 1px 10px #E4E4E4;
border-radius: 10px;
padding: 5px;
}

/* gamercards main style elements */

#create_options .additional-options {
    text-align: center;
    color: #fff;
    display: block;
    font-family: 'Source sans Pro';
    margin-top: 15px;
    font-size: 12px;
}
#change_color {
    margin-left: 10px;
}

#hue {
color: #fff;
font-family: "Source Sans Pro";
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
background-color: #1E5283;
}

#card_create {
margin-left: 30px;
float: right;
height: 50px;
width: 140px;
font-weight: bold;
font-family: "Trebuchet MS";
font-size: 13px;
/* box-shadow: 0px 0px 1px black; */
font-family: "source sans pro";
background-color: #1174a3;
border: 0;
color: #FFFFFF;
/* margin-bottom: 15px; */
text-transform: uppercase;
padding: 10px;
/* vertical-align: top; */
/* margin-top: -30px; */
border-bottom: 0px solid #fff;
}

#card_create.generating {
    background-color: #333 !important;
}

#gc-main-top span,  #gc-main-bottom span, #gc-main-skin span {
display: block;
}

.options {
    padding-top: 5px;
}

#gamecard-main-header {
width: 100%;
background-color: #272727;
border-bottom: 1px solid #fff;
position: relative;
}

#create_options {
    padding-top: 120px;
    padding-bottom: 20px;
    padding-left: 30px;
    background-color: #1f1f1f;
    text-align: center;
}

#create_options div {
    display: inline-block;
    padding-right: 20px;
}

#create_options span.section_header {
    display: block;
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
    color: #fff;
}

#card_skin_select {
    width: 100%;
    height: 30px;
}

#create_options select {
    width: 100px;
}

#card_skin_select option {
    text-align: center;
    margin: 0px auto;
}

#card_top_name, #card_bottom_name {
    width: 200px;
}



#card_response {
    z-index: 1;
    color: #fff;
    font-weight: bold;
    display: none;
    font-size: 14px;
    position: relative;
    text-align: left;
}

#card_response table {
    width: 480px;
}

#card_response td {
    text-transform: uppercase;
}

#card_response tr {
    height: 45px;
}

#card_response input {
width: 360px;
margin-left: 10px;
padding: 5px;
color: #000;
font-family: 'Open Sans';
font-weight: normal;
border-radius: 0px;
}

#gamecard-description {
font-family: "Source Sans Pro", "Open Sans", "Trebuchet MS";
font-size: 18px;
color: #595959;
font-weight: 600;
float:right;
padding-top: 15px;
padding-right: 30px;
text-align: right;
}

#community_notice {
width: 400px;
/* padding-top: 30px; */
margin-top: 20px;
font-family: 'Open Sans', "Trebuchet MS";
font-size: 13px;
color: #FFFFFF;
/* left: 410px; */
/* top: 20px; */
font-weight: 400;
background-color: #1174a3;
padding: 10px;
font-size: 13px;
position: relative;
height: 90px;
}

#community_notice a {
color: #FFD600;
}

#gamecard-description span.lmore{
color: #a93434;
}

#card-type-selection {
font-family: "Source Sans Pro";
font-size: 12px;
list-style: none;
padding-top: 20px;
text-align: center;
width: 390px;
padding-left: 30px;
height: 190px;
}

#card_types {
    margin-bottom: 15px;
}

#change_color {
    display: block;
    margin-top: 15px;
}

#card-type-selection ul#card_types {
    list-style: none;
    list-style-image: none;
    cursor: pointer !important;
    display: block;
    z-index: 100;
    padding: 0px;
}

#card-type-selection .btn-change-skin {
    width: 200px;
}

#card-type-selection button, #colors button {
    border: 0px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 0px;
}

#colors button.btn {
    background-color: #f7f7f7;
}

#colors button {
    margin-top: 30px;
    margin-left: 20px;
}

#colors button:hover {
    background-color: #1174A3;
    color: #fff;
}

#create_skin .btn-group {
    padding-bottom: 10px;
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Source Sans Pro';
}

.btn-blue {
    background-color: #1174A3 !important;
    color: #fff;
}

.btn-black {
    background-color: #333 !important;
    color: #fff;
}

.btn-black:focus {
    color: #fff !important;
}

.btn-black:hover {
    background-color: #555;
    color: #fff;
}

#create_skin .dropdown-menu>li>a:hover{
    background-color: #eee;
}

.btn-blue:focus {
    color: #fff !important;
}

.btn-blue:hover {
    background-color: #1174A3;
    color: #fff;
}

#card-type-selection li{
list-style: none;
list-style-image: none;
color: #fff;
padding: 12px;
text-transform: uppercase;
font-weight: 600;
cursor: pointer !important;
display: block;
z-index: 100;
text-align:center;
}

#card-type-selection li.selected{
background-color: #1174A3;
color: #fff !important;
}

.blue-hover:hover {
    background-color: #1E97D1 !important;
}

.black-hover:hover {
    background-color: #555 !important;
}

#card-type-selection li.selected:hover {
    background-color: #1E97D1;
}

#card-type-selection li.hoverstate{
background: #000;
color: #fff;
}

#card_base img {
position: absolute;
right: 15px;
z-index: 1;
top: 15px;
}

.report-content textarea {
    margin-top: 20px;
    margin-bottom: 20px;
}

.share-form, .forgot-password, .report-content {
    text-align: left;
}

.share-form .selected .caption p {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 13px;
    max-width: 300px;
}

.message-container textarea {
    margin-bottom: 20px;
}

.share-form .selected .caption {
    padding-bottom: 20px;
}

.share-form .previous img {
    margin-bottom: 5px;
}

.share-form .previous .award {
    cursor: pointer;
}

#genericModal .modal-body img.gamercard {
    margin-bottom: 15px;
}

#genericModal .modal-body #card_response td.card_text_cell {
    color: #000;
}

#genericModal .modal-body .form-group {
    margin-top: 10px;
}

#genericModal .form-group, #genericModal .form-group .input-group {
    width: 100%;
}

.input-group-addon {
    min-width: 100px;
    text-align: left;
}

#color-picker-modal .modal-dialog {
  width: 700px;
}

#color-picker.cp-small {
    background-color: rgb(241, 241, 241);
}

#colors {
    text-align: center;
    margin: 0px auto;
    width: 330px;
    height: 160px;
    margin-top: 20px;    
}

#color-picker .picker {
width: 140px;
height: 140px;
}

#color-picker .slide {
width: 20px;
height: 140px;
}

#quick-stats {
list-style: none;
margin: 1px;
padding: 0;
font-family: 'Source Sans Pro';
font-weight: 600;
background-color: #EBEBEB;
text-align: center;
}

#quick-stats li {
    background-color: #EBEBEB;
    /* width: 253px; */
    height: 115px;
    display: inline-block;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #d9d8d9;
    padding-right: 50px;
    padding-left: 50px;
}

#quick-stats span {
display: block;
}

#quick-stats span.social {
padding-top: 5px;
}

#quick-stats li.last {
background: url('//www.exophase.com/assets/jidoor/highlightbgmain.png') repeat-x top left;
width: 254px;
border-right: none !important;
float: left;
}

#latest-psn-users  {
}

#latest-psn-users h3 {
font-size: 25px;
font-family: Cabin;
font-weight: bold;
}

.latest_psn {
padding: 20px;
padding-top: 25px;
}

.headliner {
font-size: 32px;
padding: 10px;
padding-top: 20px;
font-family: "Source Sans Pro";
}

.subtext {
    font-size: 14px;
    text-transform: uppercase;
}

/* end gamercards main style elements */

#x-image {
width: 64px;
height: 64px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.xbox-user-info-container {
width: 980px !important;
left: 20px !important;
background-color: #fff !important;
opacity:0.2 !important; -ms-filter: "alpha (opacity=20)" !important; filter:alpha(opacity=20) !important;
color: #333 !important;
}

.xbox-username {
color: #333 !important;
}

.xbox-user-info-widgets {
left: 140px !important;
}

.xbox-overall-progress {
width: 650px !important;
border: 2px solid #d0d1d2 !important;
opacity:0.8; -ms-filter: "alpha (opacity=80)"; filter:alpha(opacity=80);
}

.xbox-overall-progress-inner {
background-color: #e0e1e3 !important;
width: 650px !important;
height: 35px;
position: absolute;
display: block;
}

.xbox-progress-txt {
color: #333 !important;
}

#psn-psplus {
    width: 30px;
    /* height: 47px; */
    position: absolute;
    right: -40px;
    z-index: 99999;
    top: 3px;
}

.psn-psplus-small {
width: 20px;
height: 20px;
display: inline;
padding-left: 20px;
margin-left: 5px;
}

/* end PSN trophy nav */

.trophy-progress {
width: 200px;
border: 2px solid #c95357;
height: 5px;
position: absolute;
display: block;
margin-top: 10px;
position: relative;
padding: 2px;
}


.trophy-progress-txt {
font-family: verdana;
font-size: 10px;
font-weight: bold;
padding-top: 2px;
}

.trophy-progress-txt strong {
color: #844242;
}

.trophy-progress-inner {
background-color: #c95357;
width: 200px;
height: 5px;
position: absolute;
display: block;
}

/* gamercard search */


#search_psn {
margin-top: 15px;
float: right;
width: 772px;
height: 47px;
position: relative;
}

#search_psn.leaderboards {
width: 328px !important;
}

#search_psx_textbox {
    background: url('//www.exophase.com/assets/jidoor/searchbggc.png') repeat-x top left;
width: 750px;
height: 47px;
border: 3px solid #e5e2e2;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: "Trebuchet MS";
font-size: 15px;
font-weight: bold;
line-height:20px;
padding-left: 10px;

}

#search_psx_textbox.leaderboards {
width: 302px !important;
}

#search_gc_button {
    position: absolute;
    right: 15px;
    top: 10px;
}

/* gamercard latest games */

.latest {
    padding-bottom: 40px;
}

h3.sidebar-cat {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    border-left: 5px solid #0F83B1;
    padding-left: 5px !important;
    background-color: #2E2E2E;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
}

h3.overview-cat {
    background-color: #252525;
    border-left: 0px;
    text-align: center;
}

h3.comments-cat {
background-color: #F7F7F7;
color: #000;
margin-top: 5px;
}

#overview-top {
    background-color: #1B1B1B;
    margin-bottom: 0px;
}

h3.caption-header  {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    letter-spacing: -0.050em;
    border-left: 5px solid #0F83B1 !important;
    padding-left: 5px !important;
    border-left: 5px solid #c95257;
    background-color: #2E2E2E;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
}

ul#game_listing {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align:center;
}

ul#game_listing.awards-view {
    text-align:left;
}

#game_listing .game-image-side {
    width: auto;
    display: block;
}

#game_listing.awards-view .game-image-side {
    display: block;
}

ul#game_listing.awards-view .game-image-side {
    height: 90px;
}

#game_listing li {
    border-bottom: 32px solid #f6f6f6;
    margin-top: 5px;
    position: relative;
}

#game_listing.awards-view li {
    height: 95px;
}

#game_listing img {
    margin-top: 10px;
    background-color: #333;
}

img.sidebar-award {
    width: 64px;
    height: 64px;
    margin-left: 10px;
    margin-right: 10px;
}

.trophy-side-title {
    font-family: 'Source Sans Pro';
    color: #333;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    width: 130px;
    vertical-align: top;
    padding-top: 15px;
    text-transform: uppercase;
}

.sidebar-timestamp {
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #b24c4c;
    display: inline-block;
    position: absolute;
    padding-right: 10px;
    right: 0px;
    top: 70px;
}

img.sidebar-clip {
    width: 130px;
    height: auto;
}

.platinumtxt {
    color: #5fb1e3;
}

.goldtxt {
    color: #e7b059;
}

.silvertxt {
    color: #adadad;
}

.bronzetxt {
    color: #af552c;
}

ul.recent_players > li:nth-child(odd){

    background-color: #f6f6f6;

}

#game-column {
    position: relative;
}

#game-column #awards {
    margin-right: 0px;
    margin-bottom: 10px;
}

/* text on top of featured images */

.feature-header {
position: absolute;
top: -140px;
}

.feature-header a.image {
    display: inline-block;
    border: 2px solid rgba(255, 255, 255, .1);
}

.feature-header img {
    /* border: 2px solid rgba(255, 255, 255, .05); */
    /* box-shadow: 1px 5px 30px rgb(0, 0, 0); */
    background: rgba(0, 0, 0, 0.91);
    box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.6);
}

.feature-header h2 {
position: relative;
display: inline-block;
vertical-align: middle;
}

.feature-header h2 a {
    font-size: 35px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: -0.050em;
    font-family: 'Source Sans Pro';
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 1px 1px black;
    display: inline-block;
}

.game-image, .game-image img {
    width: 127px;
    height: 70px;
}

.small-game-image, .small-game-image img, a.small-game-image, div.small-game-image {
    width: 109px;
    height: 60px;
    display: inline-block;
    position: relative;
}

#awards.xbox a.small-game-image, #awards.xbox div.small-game-image {
    width: 64px;
    height: 64px;
}

.info-top-block {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    position: relative;
    max-width: 800px;
}

ul#game-options-top {
    list-style: none;
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    padding-top: 1px;
}

#game-options-top li {
    list-style-image: none;
    color: white;
    font-family: 'source sans pro', arial, verdana;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    padding-right: 10px;
    text-shadow: 0 0 0 transparent, 0 1px 1px black;
}

#game-options-top a {
    color: #e9eae2;
}

#game-options-top a:hover {
    color: #c95556;
    text-decoration: none;
}

#game-options-top a.hl {
    color: #c95556;
    display: block;
    background-color: #000;
    padding: 5px;
}

span.content-news-title {
    float: none !important;
    width: 100% !important;
}

#game-sidebar {
    float: right;
    width: 180px;
    text-align: center;
}

.game-content {
    margin-top: 10px !important;
    border-top: none !important;
    width: 800px !important;
}

span#publisher, span#award_count {
    font-size: 24px;
    font-family: 'Source Sans Pro';
    font-weight: bold;
    color: #515B5E;
    margin-top: 20px;
}

#latest-psn-users {
    clear:both;
}

div.list-top {
    height: 25px;
    display: block;
    position: relative;
    border-bottom: 3px solid #009bc3;
}

.gamercard-sidebar div.list-top {
    border-bottom: 3px solid #e9e9e9;
}

#sidebar.gamercard-sidebar span {
    color: #000;
}

.gamercards-ad-top {
    margin: 0px; 
    margin-left: 20px; 
    margin-top: 5px;
}

.list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 4px;
}

.list ul > li:nth-child(odd){

    background-color: #f6f6f6;

}

.list ul li a, ul.recent_players li a {
    display: block;
    height: inherit;
    font-family: Arial;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    position: relative;
    padding: 5px;
}

.userblock a {
    text-transform: uppercase;
}

.list ul li a:hover, ul.recent_players li a:hover  {
    color: #009bc3;
}

.list img {
    margin-right: 5px;
}

.list-player-img {
    width: 38px !important;
    height: 38px !important;
    border: 1px solid #E7E7E7;
    background: white;
    display: inline;
    vertical-align: middle;
}

#info-blocks .list li {
    height: 56px;
}

.list-game-img {
    width: 69px !important;
    height: 38px !important;
    border: 1px solid #e7e7e7;
    background: #111;
    display: inline-block;
    vertical-align: middle;
}


.list-item {
    position: relative;
}

.list-item-psn {
    background: url('//www.exophase.com/assets/jidoor/trophy-list-icon2.png') no-repeat 93% 50%;
}

.list-item-psn a, .list-item-xbl a {
    display:block;
}

.player-achieve-date {
    width: 80px;
    right: 0px;
    font-size: 11px;
    /*color: #859096;*/
    color: #3B809B;
    float: right;
    margin-top: 5px;
}

.list-item-xbox {
    background: url('//www.exophase.com/assets/jidoor/xbox-list-icon2.png') no-repeat 93% 50%;
}

.list-item-steam {
    background: url('//www.exophase.com/assets/wyndia/images/steam-favicon.png') no-repeat 93% 50%;
}

.item-box {
    display: inline-block;
    margin-left: 9px;
}

img.xb {
    width: 64px !important;
    height: 64px !important;
}

.achlist.gamerscore {
    top: 0px;
    background: url('//www.exophase.com/assets/jidoor/gs-black.png') no-repeat left center;
    position: absolute;
    right: 15px;
    padding-left: 20px;
    font-family: 'source sans pro', arial;
    font-size: 18px;
    height: 27px;
    width: 50px;
}

.burgandy-border {
    border-bottom: 5px solid #4B3939 !important;
}

.reset {
    margin: 0 !important;
}

#achievers {
    padding-top: 10px;
}

/* not found */

#no_players_sidebar {
    font-size: 11px;
    line-height: 20px;
}


#no_players {
    color: #C4C4C4;
    font-size: 30px !important;
    padding-bottom: 600px;
    padding-top: 40px;
}

#award_detail_footer {
    font-size: 12px !important;
    text-transform: uppercase;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
}

#news-column.single-article .social-widgets { 
    padding-left: 40px;
    position: absolute;
    background-color: #2B2B2B;
    width: 100%;
    height: 55px;
    left: 0px;
    /* border-bottom: 3px solid #0067A2; */
    padding-top: 15px;
    /* opacity: 0.8; */
    bottom: 4px;

}

.image-feature {
    position: relative;
}

.twitter-widget-0 {
    height: 22px;
}

.morelink, .morelink a, .morelink a:hover {
    color: #A93434;
    text-align: right;
    font-size: 12px;
    font-family: "Arial";
    float: right;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;

}

#info-blocks {
    padding: 10px;
    padding-top: 0px;
}

.list-headertxt {
    font-family: 'Source Sans Pro', Verdana, Cabin, Arial;
    font-size: 13px;
    color: #333;
    text-transform: uppercase;
}

span.list-headertxt {
    padding: 5px;
    display: block;
    
}

.list ul > li:nth-child(odd){
    background-color: #f6f6f6;
}

.userblock a {
    text-transform: uppercase;
}

.list ul li a:hover {
    color: #009bc3;

}

.list-item-game span {
    display: inline-block !important;
    width: 150px;
    vertical-align: middle;
    padding-left: 5px;
}

.list-item-game span.playertxt {
    font-size: 10px;
    color: #333;
    padding-left: 0px !important;
}

.list-item-default a, .list-item-forum a {
    margin-left: 19px;
}

#line {
    margin-top: 4px;
    padding-bottom: 2px;
    border-top: 5px solid #ccc;
}

.tagline a {
    color: #fff;
}

.borderslash {
    border-left: 147px solid #1F8ABD;
    border-right: 43px solid #fff;
    background-color: #E4E4E4;
    margin-top: 12px;
    height: 1px;
    display: block;
}

#card_error {
    font-family: "Source Sans Pro";
    font-size: 14px;
    font-weight: 600;
    z-index: 9999;
    background-color: #000;
    padding: 10px;
    border-bottom: 2px solid #1174a3;
    color: #fff;
    text-transform: uppercase;
    display: none;
    position: absolute;
    right: 0px;
    top: -40px;
    text-align: center;
    width: 100%;
}

#card_error a {
    color: #FFD600;
}

.error_card {
    color: #D63636;
    text-transform: uppercase;
}

.error_notice {
    color: #FFD600;
}

/* dropdown */

#content a.dropdown-toggle {
    background-color: #E4E4E4;
}

#content .dropdown-menu li > a:hover, #content .dropdown-menu li > a:focus, #content .dropdown-submenu:hover > a {
    background-color: #333;
}
#game-column #sub-nav a {
    color: #fff;
    font-size: 12px;
    font-family: 'source sans pro', "Trebuchet MS", verdana;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0px;
    width: 100%;
}
#game-column #sub-nav {
    background-color: #1174a3;
}

#sub-nav ul.dropdown-menu {
    width: 100%;
}

#sub-nav ul.dropdown-menu li {
    width: 400px;
}

#sub-nav .btn-group {
    margin-left: 0px;
}

#sub-nav {
    margin-bottom: 20px;
}

#sub-nav .btn-toolbar {
    margin-left: 0px;
}

#game-column #sub-nav ul.dropdown-menu li a {
    color: #333;
}

#game-column a.award-master-link {
    color: #fff !important;
    background-color: #333;
}

#game-column .dropdown-menu a:hover {
    color: #fff !important;
    font-weight: bold !important;
}
#game-column .btn-icon {
    width: 25px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

/* game lists */
#top_gallery {
    position: relative;
    margin-bottom: 15px;
    text-align:center;
}
  
#letters {
    margin: 0;
    padding: 0;
    list-style:none;
}

#letters li {
    display: inline-block;
    width: 20px;
}

#letters li a {
    font-family: 'source sans pro', Arial;
    text-transform: uppercase;
    width: 20px;
    color: #beb993 !important;
    font-weight: 600;
    height: 43px;
    padding: 5px;
    display: block;
    margin-top: -5px;
    padding-top: 5px;
    line-height: 32px;
}

#letters li a {
    color: #ccc !important;
}

#letters li.selected, #letters li.selected a, #letters li a:hover {
    background-color: #ffba00;
    color: #000 !important;
}

#letters li a:hover  {
    text-decoration: none;
}

#letters li.selected a:hover  {
    display: block;
}

#top_panel {
    background-color: #272727;
    width: 100%;
    padding: 5px;
}

.filter_by, #formats {
    color: #ccc;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
}

ul#formats {
    list-style: none;
    display: inline;
    text-align: left;
    padding: 0;
    margin: 0;
}

ul#formats li, ul#formats a {
    display: inline-block;
    padding-right: 5px;
    color: #ccc;
}   

ul#formats li.selected, ul#formats li.selected a {
    color: #FABB13 !important;
}   

#filter_options {
    padding: 7px;
}

a.bluetxt2 {
    color: #30809B;
}

.game-info-right span {
    display: block;
    font-family: 'open sans', 'source sans pro', Arial;
    font-size: 9px;
    font-weight: bold;
    color: #AFAFAF;
    text-transform: uppercase;
    cursor: pointer;
}

a:hover.game-info-right span {
    text-decoration: none;
    color: #333;
}

a.game-info-right {
    text-decoration: none;
}

.game-info-right {
    text-align: center;
    position: absolute;
    right: 5px;
    width: 75px;
}

span.block_num {
    font-size: 17px;
}

.game-info-right span {
    display: block;
}

.edit-panel {
    font-family: 'Source Sans Pro';
}

.edit-options, .social-options {
    padding: 5px;
    background-color: #333;
    margin-top: 10px;
    position: relative;
}

.social-options {
    color: #fff;
}

.social-options .btn-social {
    padding-left: 30px;
}

.social-options .btn-social a {
    color: #fff;
}

.edit-panel button {
    border: 0px;
    border-radius: 0px;
    font-size: 11px;
    text-transform: uppercase;
}

.edit-generic-overlay {
    z-index: 10000;
    -webkit-box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);
    -moz-box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);
    -khtml-box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);
    box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);
    max-width: 300px;
    width: 99%;
    position: absolute;
    display: block;
    background: #F9F9F9;
    padding: 10px;
    color: #fff;
    top: -30px;
}

.edit-generic-overlay button {
    width: 100%;
    display: block;
    margin-top: 10px;
}

.lastplayed {
    text-align: center;
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
    color: #CACACA;
    font-size: 12px;
    margin: -7px;
    /* margin-top: 5px; */
    padding-right: 5px;
}

.small-game-image i {
    position: absolute;
    bottom: 5px;
    border-color: #d3d3d3;
    background: #f8f8f8;
    color: #333;
    right: 5px;
    border-radius: 2px;
    text-align: center;
    font-size: 20px;
    padding: 2px;
    z-index: 999;
}

i.edit-game {
    right: 5px;
}

i.share-game {
    right: 30px;
}

.small-game-image i:hover {
    border-color: #c6c6c6;
    background: #f0f0f0;
    box-shadow: 0 1px 0 rgba(0,0,0,0.10);
    z-index: 999;
}


.game-info {
    display: inline-block;
    vertical-align:middle;
    padding-left: 2px;
    width: 40%;
}

#games-column .game-box {
    box-shadow: 0px 0px 1px #AFAFAF;
}

#games-column a:hover {
    color: #009AB2;
}   

#games-column div.t0 {
    background-color: #f6f6f6;
}

.game-info span {
    font-family: "Source Sans Pro";
    font-size: 12px;
    display: inline;
}

.game-progress {
    width: 25%;
    text-align: center;
    margin-right: 5px;
    display: inline-table; /* Fix Chrome rendering bug on resize */
    float: right;
    margin-top: 10px#;
}

.game-progress .progress {
    height: 10px;
    margin-bottom: 0px;
    background-color: white;
    background-image: none;
    box-shadow: none;
    border-radius: 2px;
}

.game-progress .progress .bar {
    background-color: #DBDBDB;
    background-image: none;
    box-shadow: none;
}

.game-progress .holders {
    text-align: center;
}


.game-progress .holders span {
    padding-top: 0px;
    width: 35px;
    padding-left: 22px;
}

.game-progress .holder-wrapper {
    background-color: transparent;
}

.game-progress span.percent-complete {
    font-family: "Source Sans Pro";
    font-weight: 600;
}

.greentxt2 {
    color: #316D1E !important;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

/* ajax preloader */
#preloader_base {
    position: absolute;
    z-index: 20;
    background-color: #333;
    height: 40px;
    opacity:0.1;
    width: 100%;
}

#preloader_main {
    position: absolute;
        top: 0px;
        z-index: 200;
        left: 50%;
}
#preloader_main span {
    display: block;
    font-family: 'Source Sans Pro';
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

ul.list-unordered-base {
    position: relative;
}

#preloader_wrapper {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 37px;
    display: none;

}

/* PROFILES */

#body-wrapper.account form {
    width: 500px;
}

#body-wrapper.global_user, #body-wrapper.account {
    width: 1200px;
}

#user-game-header {
    width: 1200px;
    height: 337px;
}

#award-overview {
    background-color: #eeeeee;
    height: 83px;
}

ul#award-overview {
    text-align: center;
    border-top: 6px solid #ccc;
}

ul#award-overview, #award-overview li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#award-overview li {
    width: 100%;
    height: 83px;
    float: left;
    margin-top: -6px;
    border-bottom: 2px solid #E9E9E9;
}

#award-overview span.image {
    width: 70px;
    height: 56px;
    display: inline-block;
}

#award-overview li.psn {
    border-top: 6px solid #5381ab;
}

#award-overview li div.info {
    line-height: 30px;
}

#award-overview li.psn {
    background: url('//assets.exophase.com/assets/wyndia/images/wyndia.png') no-repeat 5px 9px;
    height: 83px;
}

#award-overview li.xbox {
    background: url('//assets.exophase.com/assets/wyndia/images/wyndia.png') no-repeat 5px 9px;
    border-top: 6px solid #75b11d;
    height: 83px;
    background-position: 0px -80px;

}


#award-overview li.xbox div.info {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 83px;
}

#award-overview li.steam {
    background: url('//assets.exophase.com/assets/wyndia/images/wyndia.png') no-repeat 5px 9px;
    border-top: 6px solid #333;
    background-position: 0px -175px;
}

#award-overview div.info span {
    display: block;
    font-family: 'Source Sans Pro';
    font-weight: 600;
    display: block;
}

div.info span.big {
    font-size: 23px;
    font-size: 24px;
    padding-top: 10px;
}

div.info span.sub {
    font-size: 14px;
    color: #bebebe;
}

#user-global-sub {
    display: block;
    text-align: center;
    margin: -15px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.white-border-right {
    border-right: 1px solid #fff;
}

.white-border-left {
    border-left: 1px solid #fff;
}

#user-info-header {
    height: 63px;
    background-color: rgb(29, 29, 29);
    position: relative;
    margin-bottom: 0px;
}

#user-info-header #avatar img {
    background-color: #000;
    height: 128px;
}

#user-info-header li span.games {
    background: url('//www.exophase.com/assets/wyndia/images/icon_games.png') no-repeat 0px 0px;
}

#user-info-header li span.report {
    background: url('//www.exophase.com/assets/zeal/images/icon_report.png') no-repeat 0px 0px;
}


#user-info-header li a:hover {
    border-top: 2px solid #00a2d2;
    margin-top: -2px;
}

#signup-header {
    height: 63px;
    background-color: #2f2f2f;
    position: relative;
    padding-right: 5px;
}

#avatar {
    position: absolute;
    top: -75px;
    left: 17px;
    width: 128px;
    height: 128px;
    overflow: hidden;
    display: block;
    border: 2px solid rgba(255, 255, 255, .05);
    box-shadow: 1px 5px 30px rgb(0, 0, 0);
}

#avatar img {
    position: absolute;
}

#sub-user-info {
    color: #fff;
    margin-left: 160px;
    font-family: 'Source Sans Pro';
    font-size: 20px;
}

#sub-user-info div {
    display: inline-block;
    padding-top: 5px;
    vertical-align: top;
}

#sub-user-info #progress span.level, #sub-user-info #level-progress span.level {

    min-height: 27px;
    display: inline-block;

}

#sub-user-info #progress, #sub-user-info #level-progress {
    padding-right: 20px;
    text-align:center;
}

#sub-user-info #progress img, #sub-user-info #level-progress img {
    width: 22px;
    height: auto;
    margin-right: 5px;
}

#sub-user-info .progress-bar-outer {
    height: 6px;
    background: #2a2b2f !important;
    border: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3) inset, 0 1px 0 rgba(255, 255, 255, .15);
    width: 80px;
    display: block;
}

#sub-user-info .progress-bar-inner {
    margin: 3px;
    height: 5px;
    background: #fff;
    border: none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 1px 0 rgba(0, 0, 0, .5);
    display: block;
}

#sub-user-info #ranking, #sub-user-info #playtime {
    font-size: 14px;
    text-align: center;
}

#sub-user-info #ranking span {
    display: block;
    padding-bottom: 5px;
}

#sub-user-info #award-values {
    padding-left:25px;
    padding-top: 15px;
    vertical-align: top;
}

#sub-user-info #award-values span {
    padding-right: 20px;
}

#sub-user-info #award-values img {
    margin-right: 10px;
}

#sub-user-info #ranking img, #sub-user-info #playtime img {
    margin-right: 5px;
}


#profile-username {
    position: absolute;
    top: -60px;
    left: 160px;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Source Sans Pro';
    color: #fff;
    text-shadow: 0 0 0 transparent, 0 1px 1px black;
}

#profile-username span.tagline {
    font-size: 10px;
}

#profile-username span {
    display: block;
}

#user-game-header {
    overflow: visible;
z-index: -1;
margin-bottom: 0px;
}

.user-popover { width: 340px; text-align: left;}

.popover-avatar img { width: 64px; height: 64px;}

.right {
    float: right;
}

.block span {
    display: block;
}

/* Style nav on user profile pages */
#user-info-header ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

#user-info-header li {
    float: left;
}

#user-info-header li a {
    display: block;
    background-color: #1B1B1B;
    width: 150px;
    text-align: center;
    font-family: 'Source Sans Pro';
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 20px;
    margin-right: 1px;
    height: 56px
}

#user-info-header li span {
    padding-left: 30px;
    margin-top: 34px;
}

#user-info-header li span.follow {
    background: url('//www.exophase.com/assets/wyndia/images/icon_profile_follow.png') no-repeat 0px 0px;
}

#user-info-header li span.compare {
    background: url('//www.exophase.com/assets/wyndia/images/icon_profile_stats.png') no-repeat 0px 0px;
}

#user-info-header li span.stats {
    background: url('//www.exophase.com/assets/wyndia/images/icon_stats.png') no-repeat 0px 0px;
}


#user-info-header li span.edit {
    background: url('//www.exophase.com/assets/wyndia/images/icon_edit.png') no-repeat 0px 0px;
}

#awards.global-user {
    margin-top: 10px;
}




#edit_account {
    text-align: left;
}

.modal h3 {
    font-weight: bold;
}

#edit_profile_container {
    min-height: 600px;
}

#edit_profile_container, #login-container {
    padding: 20px;
}

.profile_nav_sub li a {
    font-family: 'Source Sans Pro' !important;
}

#edit_profile_container label {
    font-family: 'Source Sans Pro';
    font-size: 14px;
}

#edit_profile_container h1 {
    padding-bottom: 10px;
}

.form-block {

}

#identities {
    margin-top: 20px;
}

#social label {
    display: block;
}

.fixed-button {
    width: 300px;
    height: 100px;
}

div.spacer {
    display:block;
    padding-top: 10px;
    padding-bottom: 10px;
}

#add_friend {
    font-size: 9px;
    font-family: Verdana;
    font-weight: bold;
    color: #ccc;
}

#login-container {
    max-width: 750px;
}

#login-container h3, #login-container h4 {
    font-weight: bold;
}

#login-container h3 {
    font-family: 'source sans pro';
    font-size: 30px;
}

#login-container h4 {
    font-family: 'open sans';
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    padding: 10px;
}

#login_reg_form_general, #reg_form_general {
    margin-right: 10px;
    background-color: rgb(248, 248, 248);
    padding: 30px;
    box-shadow: inset 0px 0px 3px rgb(223, 223, 223);
    margin-left: 10px;
}

.g-recaptcha {
    margin-bottom: 10px;
}

#reg_form_general {
    margin-bottom: 50px;
}

.pop-alert {
    margin-top: 10px;
}

#login_reg_form_general label, #reg_form_general label {
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
}

.price-history ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 3px;
    text-align: center;
}

.price-history ul li {
    margin: 0;
    padding: 0;
    display: block;
    padding-bottom: 50px;
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
    font-size: 12px;
    padding-left:30px;
}

.price-history ul li strong {
    display: block;
    font-size: 32px !important;
}

#overview-top ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 3px;
}

#overview-top ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    padding-bottom: 10px;
    font-family: 'Source Sans Pro';
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding-left:30px;
}

#overview-top li {
    text-align: center;
}

#overview-top ul li strong {
    display: block;
    font-size: 32px;
}

#activity_stream  {
    padding: 15px; 
}

#activity_stream img  {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    padding: 5px;
    background-color: #292929;
    border: 5px solid #fff;
    display: inline-block;
    float: left;
    margin-right: 20px;
    width: 84px;
    height: 84px;
}

#activity_stream h3 {
    font-family: 'SOurce sans Pro';
    font-size: 32px;   
}

#activity_stream  ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#activity_stream  ul li {
    margin: 0;
    padding: 0;
    display: block;
    padding: 10px;
    width: 400px;
    height: 90px;
}

#activity_stream  ul li div {
    padding: 10px;
    padding-left: 20px;
    font-size: 13px;
}


#activity_stream  ul li span {
    display: block;
}

#activity_stream  ul li span.time {
    font-family:'Source Sans Pro';
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 10px;
    color: #8D8D8D;
}

#sidebar-global-profile {
    width: 300px;
    text-align: center;
    float: right;
    margin-top: 10px;
}

#platform-distribution {
    margin-top: 15px;
}

#recent_activity {
    margin-top: 25px;
}

#recent_activity ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#recent_activity ul li a {
    margin: 5px;
    padding: 0;
    display: block;
    padding-bottom: 10px;
    text-align: left;
}

#recent_activity .excerpt {
    font-style: italic;
    font-size: 11px;
    color: rgb(172, 172, 172);
    text-indent: 10px;
    display: inline;
    padding-right: 10px;
    height: auto;
    word-wrap: break-word;
}

#activity_header {
    font-family: 'Oswald';
    font-size: 18px;
}

#edit_profile_container button {
    margin-bottom: 10px;
}

.green {
    color: green;
}

.red {
    color: red;
}

.xbox-profile-pf {
    background-color: rgb(54, 146, 76) !important;
}

.psn-profile-pf {
    background-color: rgb(37, 113, 165) !important;
}

.steam-profile-pf {
    background-color: #5F4F4F;
}

.bar {
    height: 10px;
}

.user-hide {
    padding-bottom: 5px;
    opacity: 0.7;
    cursor: pointer;
}

.card_box {
    box-shadow: 0px 0px 15px rgb(0, 0, 0);
    background-color: #000;
    padding: 10px;
    width: 200px;
}

#card_grey_value {
    width: 90px !important;
}

/* GC user navigation */

ul#user_navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #F3F3F3;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 10px;
    box-shadow: inset 0px -1px 1px rgb(233, 233, 233);
}

ul#user_navigation li {
    margin: 0;
    padding: 0;
    display: inline-block;
    /* padding: 10px; */
    /* width: 395px; */
    /* float: left; */
    background-color: #202020;
}

ul#user_navigation li a {
    background-color: #505050;
    color: #fff;
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
    padding: 5px;
}

ul#user_navigation li a.selected {
    background-color: #2078a2;
}


/* clips */

#clip-wrapper .clip-info-large {
    position: relative;
}

ul#clips {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    clear: both;
}

ul#clips li {
    margin: 0;
    padding: 0;
    display: inline-block;
    /* padding: 10px; */
    /* width: 395px; */
    /* float: left; */
    /* margin-right: 26px; */
    /* padding-bottom: 20px; */
    padding: 0px;
    /* padding-bottom: 5px; */
    /* margin-left: 10px; */
    /* margin-right: 10px; */
    padding: 5px;
}

ul#clips .clip-preview {
    position: relative;
    display: block;
    height: 140px;
}

ul#clips .clip-preview a {
    width: inherit;
    height: inherit;
    display: block;
}

ul#clips .clip-preview img {
    width: 324px;
    height: auto;
}

ul#clips .duration {
    position: absolute;
    bottom: 0px;
    padding: 5px;
    background-color: #447723;
    right: 0px;
    bottom: 0px;
    font-family: 'Source Sans Pro';
    opacity: 0.9;
}

ul#clips .clip-title {
    display: inline-block;
    position: relative;
    color: #fff;
    z-index: 1;
    text-align: left;
    width: 200px;
    vertical-align: middle;

}



ul#clips .clip-recorded {
    font-size: 12px;
    width: 160px;
    display: inline-block;
    padding-right: 5px;
}



ul#clips .clip-info-small {
    text-align: right;

    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family:'Source Sans Pro';
    text-transform: uppercase;
    height: 50px;
    background-color: #222;
}

#clip-wrapper .clip-info-large {
    text-align: left;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    color: #fff;
    min-height: 80px;
    box-shadow: inset 0px 1px 1px rgb(48, 48, 48);
}

#clip-wrapper {
    background-color: #222;
}

#clip-wrapper .clip-info-large span {
    display: block;
}

#clip-wrapper .clip-info-large .clip-title {
    text-align: left;
    position: relative;
    font-family:'Source Sans Pro';
    font-size: 32px;
    text-transform: uppercase;

}


/* Gamercards */
#gamercard-edit {
    position: relative;
    display: block;
    height: 200px;
}

#part_1.card_default {
    top: 0px;
    z-index: 5;
    padding-left: 5px;

}

#part_2.card_default {
    top: 60px;
    padding-left: 5px;
    z-index: 10;
    margin-top: -120px;
}

#part_1.card_aura {
    top: 0px;
    z-index: 5;
    padding-left: 5px;
}

#part_1.card_dualx {
    top: 0px;
    z-index: 5;
    padding-left: 5px;
}

#part_2.card_dualx {
    top: 0px;
    padding-left: 5px;
    z-index: 10;
    margin-top: -180px;
}

#part_1.card_pixel {
    top: 0px;
    z-index: 5;
    padding-left: 5px;
}

#part_2.card_pixel {
    top: 0px;
    padding-left: 5px;
    z-index: 10;
    margin-left: -205px;
}

#part_1.card_psntrophy {
    top: 0px;
    z-index: 10;
}

#part_1.card_exophase_compact {
    top: 0px;
    z-index: 5;
    padding-left: 5px;
}

#part_2.card_exophase_compact {
    top: 0px;
    padding-left: 5px;
    z-index: 10;
    margin-left: -205px;
}



.pagination ul {
    padding-left: 0px;
}
.light_grey {
    color: #d8d8d8;
}
.nudge {
    padding-left: 10px;
    padding-top: 15px;
}
#top-header-grid {
    background-color: #f7f7f7;
    display: block;
    color: #000;
    font-family: 'Source Sans Pro', 'Open Sans', Verdana, Arial;
    font-weight: bolder;
    overflow: hidden;
    box-shadow: 0px 0px 4px #BDBDBD;
}
#top-header-grid div {
    vertical-align: top;
}
#top-header-grid span {
    display: block;
}
#leaderboard-type {
    width: 160px;
    display: inline-block;
    background-color: #f7f7f7;
    height: 100%;
    font-size: 14px;
}
#leaderboard-type span {
    text-transform: uppercase;
}

span#filter_options {
    width: 95px;
    display: inline-block;
    cursor: pointer;
}


span#filter_options {
    background-color: #3a87ad;
}

span#filter_options:hover {
    background-color: #ab1a25;
}

#filter_widget {
    padding-left: 5px;
    padding-top: 0px;
}

#leaderboard-search-form {
    width: 300px;
    display: inline-block;
    height: 100%;
    padding-left: 10px;
    padding-top: 21px;
    background-color: #f7f7f7;
}

#leaderboard-search-form input {
    width: 300px;
    padding: 0;
    margin: 0;
    height: 50px;
    padding-left: 5px;
    color: #ccc;
}

#leaderboard-global-stats {
    display: inline-block;
    text-align: right;
    float: right;
    padding-right: 5px;
    padding-top: 15px;
    /*background-color: #fcfcfc;*/
    height: 100%;
}

#leaderboard-global-stats span {
    text-transform: uppercase;
}

#leaderboard-global-stats ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#leaderboard-global-stats li {
    float: left;
    padding-left: 20px;
    text-align:center;
}

.big_number {
    font-size: 34px;
}

.username_bigger {
    font-size: 18px !important;
}

#ranking_header, #username_header, #lastplayed_header, .lastplayed-row {
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
}

.lastplayed-row {
    color: #ccc;
}

td#ranking_header {
    text-align: center;
    background-color: #262d2d;
    width: 10% !important;
    color: #fff;
}

td.ranking_inner {
    width: 10% !important;
    background-color: #262d2d;
    font-family: "source sans pro", Georgia;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .20) inset;
}

#username_header {
    width: 90% !important;
    padding-left: 15px;
    text-align: left !important;
}

td.username_inner {
    text-align: left !important;
    font-family: "source sans pro", 'Open Sans';
    font-size: 14px;
    font-weight: 600 !important;
}

td.avatar_inner {
    padding: 10px;
}

td.flag_inner {
    padding: 10px;
}

td.avatar_inner img {
    width: 48px;
    height: 48px;
}

.small_avatar img {
    width: 28px !important;
    height: 28px !important;
}

#leaderboard {
    box-shadow: 0px 0px 4px #BDBDBD;
margin-top: 15px;
}


#leaderboard tr {
    height: 33px;
}

#leaderboard tr td {
    text-align: center;
    padding: 10px;
    border: none;
}

#leaderboard tr#leaderboard_headers {
    background-color: #f7f7f7;
}

#leaderboard tr#leaderboard_headers td {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .20) inset;
}

#leaderboard table {
    height: 33px;
    border-collapse:collapse;
    font-family: "source sans pro", 'Open Sans';
    font-weight: bolder;

}

tr.row-t1 {
    background-color: #f7f7f7;
}

.bronze-color {
color: #C46438 !important;
}

.silver-color {
    color: #777 !important;
}

.gold-color {
    color: #C2903E !important;
}

.platinum-color {
    color: #667FB2 !important;
}

.gamerscore-color {
    color: #2B9646 !important;
}

.collapse.in {
}

.dropdown-menu {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

#filter_widget .btn-icon {
    width: 16px;
    height: 24px;
display: inline-block;
vertical-align: middle;
padding-right: 5px;
}

#filter_widget span {
    color: #333;
    font-size: 11px;
    font-family: 'source sans pro', "Trebuchet MS", verdana;
    font-weight: 700;
    text-transform: uppercase;
}

#filter_widget span.caret {
    margin-top: 10px;
}

#filter_widget .btn-toolbar {
    margin-top: 7px;
    margin-bottom: 0px;
}

.type_description {
    font-size: 12px;
padding-bottom: 5px;
}

#top-header-block {
    position: absolute;
    top: -25px;
    z-index: -1;
}

#top-header-block-temp {
    width: 100%;
    height: 80px;
    background: #dadada;
    background: -moz-linear-gradient(top,  #dadada 0%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top,  #dadada 0%,#f8f8f8 100%);
    background: -o-linear-gradient(top,  #dadada 0%,#f8f8f8 100%);
    background: -ms-linear-gradient(top,  #dadada 0%,#f8f8f8 100%);
    background: linear-gradient(to bottom,  #dadada 0%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#f8f8f8',GradientType=0 );
box-shadow: inset 0 -1px 5px rgba(0, 0, 0, 0.1);

}

#top-header-block-temp h1 {
    font-family: 'Source Sans Pro';
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -0.050em;
}

#top-header-block ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#top-header-block li.first-block {
    margin-left: 0;
}

#top-header-block li.selected a {
    color: #fff;
}

#top-header-block li.selected  {
    background-color: #333;
    box-shadow: 0px 0px 15px #000;
}

#top-header-block li {
    float: left;
    width: 100px;
    height: 30px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #919191;
    text-align: center;
    margin-left: 15px;
}

#top-header-block li a {
    z-index:99999 !important;
    color: #000;
    font-family: 'Source Sans Pro';
    font-size: 11px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    height: 100%;
}

#leaderboard-global-stats ul li span:first-child {
    font-size: 11px;
}

/* Notifications */

#notify {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #212121;
    border-radius: 0;
    color: #fff;
    font-weight: bold;
    margin: 0;
    padding: 7px 5px;
    position: absolute;
    overflow: hidden;
    z-index: 10;
    font-family: 'Source Sans Pro';
    top: 60px;
    width: 100%;
}

.upper {
    text-transform: uppercase;
}

a.blue {
    color: #00ADFF;
}

a.username_link {
    display: inline-block;
    /* min-height: 50px; */
    min-width: 50px;
}

@media screen and (max-width: 992px) {

    .info-top-block h2 a {
        font-size: 20px;
    }

    ul.sidebar-items li a.forum span.main-title {
        width: 150px;
    }

    .award-info {
        width: 200px;
    }

    a.award-master-link {
        display: none;
    }

    #card_base {
        display: block;
        position: relative;
        width: 100%;
        padding-top: 30px;
    }

    #card_error {
        margin-top: 0px;
        top: 0px;
    }

    #card_base img {
        position: inherit;
    }

    #gamecard-main-header {
        text-align: center;
    }

    #card-type-selection {
        padding: 30px;
        width: auto;
    }

    #card_create {
        float: none;
        display: block;
        margin: 0px auto;
    }

    #create_options div {
        display: block;
        margin-top: 20px;
    }

    .sidebar-timestamp {
        display: none;
    }

    .sidebar-clip img {
        width: 195px;
        height: auto;
    }

    .trophy-side-title {
        display: none;
    }

    ul#game_listing.awards-view {
        text-align: center;
    }

}

@media (min-width: 992px) {
    .overlay {
        display: block;
    }
}

@media screen and (max-width: 1199px) {

    #main div.item div.awards {
        display: none;
    }
    #game_listing {
        text-align: center;
    }

    #game_listing .game-image-side {
        display: inline-block;
        margin-right: 5px;
    }

    .gamercards-ad-top {
        margin: 0px auto;
    }



}


@media screen and (max-width: 799px) {

    .feature-header h2 a {
        word-break: break-all;
    }

    #top-navigation {
        width: auto;
        text-align: center;
        left: 0px;
        position: relative;
        top: 0px;
        margin-left: -15px;
        margin-right: -15px;
    }

    #overview-top li {
        width: 100%;
    }

    .listing {
        text-align: center;
    }

    .listing span {
        text-align: center;
        padding-left: 10px;
    }

    .first {
        border-bottom: 1px solid #fff;
    }

    #main div.item, ul.sidebar-items li a.forum, ul.list-unordered-base li {
        text-align: center;
    }

    #header-elements {
        width: auto;
        max-width: 799px;
        text-align: center;
    }

    ul.main-navigation {
        position: absolute;
    }

    .game-progress {
        width: 50%;
        display: block;
        overflow: visible;
        float: none;
        clear: both;
        margin: 0px auto;
        margin-top: 20px;
    }

    .rarity-global {
        display: none;
    }

    #top-panel {
        width: 100%;
        background-color: #f1f1f1;
        text-align: center;
    }

    div.search {
        display: none;
    }

    .feature-header {
        text-align: center;
        background-color: rgb(32, 32, 32);
        position: static;
        padding-bottom: 20px;
    }

    #overlay-wrapper {
        display: none;
    }

    #header-behind {
        display: none;
    }

    .header-wrapper, #header {
        background-color: #fff;
    }

    #body-wrapper {
        margin-top: 220px;
    }

    body {
        background-color: rgb(32, 32, 32);
    }

    #content {
        margin-top: 0px;
    }

    .header-wrapper {
        position: relative;
    }

    div.feature-header img {
        width: 100px;
    }

    .game-image, .game-image img, .image-activity-left img {
        width: auto;
        height: 40px;
    }

    .game-info-right {
        display: none;
    }

    #sub-nav .btn-group {
        width: 100%;
    }


}

ul.mobile {
    position: absolute;
    min-width: 360px;
    width: 360px !important;
    top: 60px;
    right: -15px;
    text-align: center;
    display: none;
    background-color: rgb(0, 0, 0);
    z-index: 500;
}

.links ul.mobile li {
    float: none;
}

form.sort {
    color: #ccc;
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
}


dl.details dt {
    width: 40%;
    float: left;
    color: #909090;
    clear: both;
    margin-bottom: 10px;
}

dl.details dd {
    margin-bottom: 10px;
}

dl.details {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
}

.hour-block.disabled {
    color: #DEDEDE;
}

.hour-block {
    font-size: 32px;
    padding-top: 20px;
    text-align: center;
}

.hour-block span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
}

input[type=range].range-input {
  -webkit-appearance: none;
  width: 100%;
  margin: -1px 0;
}
input[type=range].range-input:focus {
  outline: none;
}
input[type=range].range-input::-webkit-slider-runnable-track {
  width: 100%;
  height: 22px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #eeeeee;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range].range-input::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #ffffff;
  height: 20px;
  width: 24px;
  border-radius: 0px;
  background: rgba(40, 132, 175, 0.93);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: 1px;
}
input[type=range].range-input:focus::-webkit-slider-runnable-track {
  background: #f1f1f1;
}
input[type=range].range-input::-moz-range-track {
  width: 100%;
  height: 22px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #eeeeee;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range].range-input::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #ffffff;
  height: 20px;
  width: 24px;
  border-radius: 0px;
  background: rgba(40, 132, 175, 0.93);
  cursor: pointer;
}
input[type=range].range-input::-ms-track {
  width: 100%;
  height: 22px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range].range-input::-ms-fill-lower {
  background: #ebebeb;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range].range-input::-ms-fill-upper {
  background: #eeeeee;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range].range-input::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #ffffff;
  width: 24px;
  border-radius: 0px;
  background: rgba(40, 132, 175, 0.93);
  cursor: pointer;
  height: 20px;
}
input[type=range].range-input:focus::-ms-fill-lower {
  background: #eeeeee;
}
input[type=range].range-input:focus::-ms-fill-upper {
  background: #f1f1f1;
}

.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:38px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:hover,.btn-adn:focus,.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}
.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none}
.btn-adn.disabled,.btn-adn[disabled],fieldset[disabled] .btn-adn,.btn-adn.disabled:hover,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn:hover,.btn-adn.disabled:focus,.btn-adn[disabled]:focus,fieldset[disabled] .btn-adn:focus,.btn-adn.disabled:active,.btn-adn[disabled]:active,fieldset[disabled] .btn-adn:active,.btn-adn.disabled.active,.btn-adn[disabled].active,fieldset[disabled] .btn-adn.active{background-color:#d87a68;border-color:rgba(0,0,0,0.2)}
.btn-adn .badge{color:#d87a68;background-color:#fff}
.btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover,.btn-bitbucket:focus,.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{background-image:none}
.btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background-color:#205081;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket .badge{color:#205081;background-color:#fff}
.btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover,.btn-dropbox:focus,.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}
.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{background-image:none}
.btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background-color:#1087dd;border-color:rgba(0,0,0,0.2)}
.btn-dropbox .badge{color:#1087dd;background-color:#fff}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook .badge{color:#3b5998;background-color:#fff}

.btn-steam{color:#fff;background-color:#333;border-color:rgba(0,0,0,0.2)}.btn-steam:hover,.btn-steam:focus,.btn-steam:active,.btn-steamactive,.open>.dropdown-toggle.btn-steam{color:#fff;background-color:#222;border-color:rgba(0,0,0,0.2)}
.btn-steam:active,.btn-steam.active,.open>.dropdown-toggle.btn-steam{background-image:none}
.btn-steam.disabled,.btn-steam[disabled],fieldset[disabled] .btn-steam,.btn-steam.disabled:hover,.btn-steam[disabled]:hover,fieldset[disabled] .btn-steam:hover,.btn-steam.disabled:focus,.btn-steam[disabled]:focus,fieldset[disabled] .btn-steam:focus,.btn-steam.disabled:active,.btn-steam[disabled]:active,fieldset[disabled] .btn-steam:active,.btn-steam.disabled.active,.btn-steam[disabled].active,fieldset[disabled] .btn-steam.active{background-color:#222;border-color:rgba(0,0,0,0.2)}
.btn-steam .badge{color:#222;background-color:#fff}



.btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}
.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{background-image:none}
.btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)}
.btn-flickr .badge{color:#ff0084;background-color:#fff}
.btn-foursquare{color:#fff;background-color:#f94877;border-color:rgba(0,0,0,0.2)}.btn-foursquare:hover,.btn-foursquare:focus,.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}
.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{background-image:none}
.btn-foursquare.disabled,.btn-foursquare[disabled],fieldset[disabled] .btn-foursquare,.btn-foursquare.disabled:hover,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare:hover,.btn-foursquare.disabled:focus,.btn-foursquare[disabled]:focus,fieldset[disabled] .btn-foursquare:focus,.btn-foursquare.disabled:active,.btn-foursquare[disabled]:active,fieldset[disabled] .btn-foursquare:active,.btn-foursquare.disabled.active,.btn-foursquare[disabled].active,fieldset[disabled] .btn-foursquare.active{background-color:#f94877;border-color:rgba(0,0,0,0.2)}
.btn-foursquare .badge{color:#f94877;background-color:#fff}
.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}
.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{background-image:none}
.btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)}
.btn-github .badge{color:#444;background-color:#fff}
.btn-google-plus{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open>.dropdown-toggle.btn-google-plus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.btn-google-plus:active,.btn-google-plus.active,.open>.dropdown-toggle.btn-google-plus{background-image:none}
.btn-google-plus.disabled,.btn-google-plus[disabled],fieldset[disabled] .btn-google-plus,.btn-google-plus.disabled:hover,.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-google-plus:hover,.btn-google-plus.disabled:focus,.btn-google-plus[disabled]:focus,fieldset[disabled] .btn-google-plus:focus,.btn-google-plus.disabled:active,.btn-google-plus[disabled]:active,fieldset[disabled] .btn-google-plus:active,.btn-google-plus.disabled.active,.btn-google-plus[disabled].active,fieldset[disabled] .btn-google-plus.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google-plus .badge{color:#dd4b39;background-color:#fff}
.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{background-image:none}
.btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
.btn-instagram .badge{color:#3f729b;background-color:#fff}
.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{background-image:none}
.btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
.btn-linkedin .badge{color:#007bb6;background-color:#fff}
.btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:hover,.btn-microsoft:focus,.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}
.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{background-image:none}
.btn-microsoft.disabled,.btn-microsoft[disabled],fieldset[disabled] .btn-microsoft,.btn-microsoft.disabled:hover,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft:hover,.btn-microsoft.disabled:focus,.btn-microsoft[disabled]:focus,fieldset[disabled] .btn-microsoft:focus,.btn-microsoft.disabled:active,.btn-microsoft[disabled]:active,fieldset[disabled] .btn-microsoft:active,.btn-microsoft.disabled.active,.btn-microsoft[disabled].active,fieldset[disabled] .btn-microsoft.active{background-color:#2672ec;border-color:rgba(0,0,0,0.2)}
.btn-microsoft .badge{color:#2672ec;background-color:#fff}
.btn-openid{color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}.btn-openid:hover,.btn-openid:focus,.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}
.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{background-image:none}
.btn-openid.disabled,.btn-openid[disabled],fieldset[disabled] .btn-openid,.btn-openid.disabled:hover,.btn-openid[disabled]:hover,fieldset[disabled] .btn-openid:hover,.btn-openid.disabled:focus,.btn-openid[disabled]:focus,fieldset[disabled] .btn-openid:focus,.btn-openid.disabled:active,.btn-openid[disabled]:active,fieldset[disabled] .btn-openid:active,.btn-openid.disabled.active,.btn-openid[disabled].active,fieldset[disabled] .btn-openid.active{background-color:#f7931e;border-color:rgba(0,0,0,0.2)}
.btn-openid .badge{color:#f7931e;background-color:#fff}
.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none}
.btn-pinterest.disabled,.btn-pinterest[disabled],fieldset[disabled] .btn-pinterest,.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled:active,.btn-pinterest[disabled]:active,fieldset[disabled] .btn-pinterest:active,.btn-pinterest.disabled.active,.btn-pinterest[disabled].active,fieldset[disabled] .btn-pinterest.active{background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
.btn-pinterest .badge{color:#cb2027;background-color:#fff}
.btn-reddit{color:#000;background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}.btn-reddit:hover,.btn-reddit:focus,.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}
.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{background-image:none}
.btn-reddit.disabled,.btn-reddit[disabled],fieldset[disabled] .btn-reddit,.btn-reddit.disabled:hover,.btn-reddit[disabled]:hover,fieldset[disabled] .btn-reddit:hover,.btn-reddit.disabled:focus,.btn-reddit[disabled]:focus,fieldset[disabled] .btn-reddit:focus,.btn-reddit.disabled:active,.btn-reddit[disabled]:active,fieldset[disabled] .btn-reddit:active,.btn-reddit.disabled.active,.btn-reddit[disabled].active,fieldset[disabled] .btn-reddit.active{background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}
.btn-reddit .badge{color:#eff7ff;background-color:#000}
.btn-soundcloud{color:#fff;background-color:#f50;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:hover,.btn-soundcloud:focus,.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{background-image:none}
.btn-soundcloud.disabled,.btn-soundcloud[disabled],fieldset[disabled] .btn-soundcloud,.btn-soundcloud.disabled:hover,.btn-soundcloud[disabled]:hover,fieldset[disabled] .btn-soundcloud:hover,.btn-soundcloud.disabled:focus,.btn-soundcloud[disabled]:focus,fieldset[disabled] .btn-soundcloud:focus,.btn-soundcloud.disabled:active,.btn-soundcloud[disabled]:active,fieldset[disabled] .btn-soundcloud:active,.btn-soundcloud.disabled.active,.btn-soundcloud[disabled].active,fieldset[disabled] .btn-soundcloud.active{background-color:#f50;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud .badge{color:#f50;background-color:#fff}
.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}
.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{background-image:none}
.btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)}
.btn-tumblr .badge{color:#2c4762;background-color:#fff}
.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-twitter .badge{color:#55acee;background-color:#fff}
.btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}.btn-vimeo:hover,.btn-vimeo:focus,.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}
.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{background-image:none}
.btn-vimeo.disabled,.btn-vimeo[disabled],fieldset[disabled] .btn-vimeo,.btn-vimeo.disabled:hover,.btn-vimeo[disabled]:hover,fieldset[disabled] .btn-vimeo:hover,.btn-vimeo.disabled:focus,.btn-vimeo[disabled]:focus,fieldset[disabled] .btn-vimeo:focus,.btn-vimeo.disabled:active,.btn-vimeo[disabled]:active,fieldset[disabled] .btn-vimeo:active,.btn-vimeo.disabled.active,.btn-vimeo[disabled].active,fieldset[disabled] .btn-vimeo.active{background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}
.btn-vimeo .badge{color:#1ab7ea;background-color:#fff}
.btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:hover,.btn-vk:focus,.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}
.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{background-image:none}
.btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)}
.btn-vk .badge{color:#587ea3;background-color:#fff}
.btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:hover,.btn-yahoo:focus,.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}
.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{background-image:none}
.btn-yahoo.disabled,.btn-yahoo[disabled],fieldset[disabled] .btn-yahoo,.btn-yahoo.disabled:hover,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo:hover,.btn-yahoo.disabled:focus,.btn-yahoo[disabled]:focus,fieldset[disabled] .btn-yahoo:focus,.btn-yahoo.disabled:active,.btn-yahoo[disabled]:active,fieldset[disabled] .btn-yahoo:active,.btn-yahoo.disabled.active,.btn-yahoo[disabled].active,fieldset[disabled] .btn-yahoo.active{background-color:#720e9e;border-color:rgba(0,0,0,0.2)}
.btn-yahoo .badge{color:#720e9e;background-color:#fff}