StyroRacer

.themeHeader,
.mainUserHeader {
    background: 0;
    background-color: #004e89;
}

body {
    background: #e5e5e5;


       }

  .container {
    background: #004e89;
  }
a {
    color: #3c5b5b  ;
    font-weight: 400 !important;
    transition: all 75ms ease-in-out;
}
.footer a {
    color: black;
}


a:hover {
    color: #65819c;
}
.themeHeader a {
    color: #FFF;
    }
.themeHeader a:hover,
.themeHeader a:focus {
    color: #EEE !important;
}


  .main {
    background-color: #e5e5e5; background-image: none;
  }


.themeHeader #tstats .mainUserInfoBox tbody tr td {
    color: #EEE;
}


.scoreboard .row .progressBar {
    border: none;
    margin: 0;
    margin-left: 0;
    margin-right: -400px;
    height: 4px;
    border-radius: 1px;
    transition: all 2s linear;
    background-clip: content-box, padding-box;
    position: relative;
}
.scoreboard tr:nth-child(5n+1) .row .progressBar {
}
.scoreboard tr:nth-child(5n+2) .row .progressBar {
}
.scoreboard tr:nth-child(5n+3) .row .progressBar {
}
.scoreboard tr:nth-child(5n+4) .row .progressBar {
}
.scoreboard tr:nth-child(5n+5) .row .progressBar {
}
.avatar {
    position: absolute;
    left: 0;
    top: -20px

}
.scoreboard .row .progressBar .avatar .nameContainer {
    width: 400px;
    text-align: left;
}
 .nameContainer + img {
    display: none;
}
.lblName {
    white-space: normal !important;
    display: inline;
}
.scoreboard .row .rankPanel {
    z-index: 1;
}
.scoreboard > tbody > tr > td > table > tbody > tr > td {
    overflow: hidden;
}
.scoreboard .row .rankPanel .rankPanelWpm-self {
    font-size: 120%;
}
.mainViewport .room .gameView {
    transition: all 2s linear;
}
input:focus {
    outline: none;
}


.footer {
    background: none;
    background-color: #e5e5e5;
    ;
    color: black;
    transition: all 75ms ease-in-out;
}
.footer a:hover {
    color: #a7acd7;
    text-decoration: none;
    transition: all 75ms ease-in-out;
}
.chrome_l,
.chrome_m,
.chrome_r,
.chrome_t,
.chrome_tr,
.chrome_tl,
.chrome_b,
.chrome_bl,
.chrome_br {
    background: 0;
}

/* Hide Ads */
.eastWidget, .newEastWidget, .newWestWidget,
.newNorthWidget, .mainMenuAdUnit, #hostpageBannerAds {
	display: none !important;
}

.gwt-TabBar .gwt-TabBarItem {
    color: #3c5b5b;
}
.popupContent {
    background: #c4c4c4;
    color: #292b2c;
}
.PopupWithIcon {
    background-color: #003966;
    border-color: #292b2c;
}
.trPopupDialog .xButton {
    background-color: #003966;
}
.trPopupDialog {
    box-shadow: 1px 2px 5px #333;
}
.fullTextStr {
    color: #292b2c !important;
    background-color: #FFF !important;
}

.practiceViewScoresPopup {
    display: none;
}


.InstaGibPopup {
    display: none;
}


.nonHideableWords, .inputPanel span {
    font-size: 22px !important;
    text-decoration: none;

}