body {font-family:arial; font-size:14px; line-height:16px; background-color:#455367; /*295e8f*/}
form {margin:0; padding:0;}
input {margin:0;padding:0;}

a {color:#0063bb; text-decoration:none;}
a:hover {text-decoration:underline;}

h2 {font-weight:bold; margin:0 0 10px 0;}
h3 {font-weight:bold; margin:0 0 10px 0;}
p {margin:0 0 10px 0;}
p.breaker {border-bottom:1px solid #888; margin-bottom:20px;}

.site-container {width:632px; margin:20px auto; padding:0;}
.header-container {position:relative;}
.header-title {width:100%; height:68px; margin:0 0 0 0; padding:0; /*background:linear-gradient(90deg, #0b1d2a, #000, #000);*/ background-color:#000; background-image:url("/images/reflect-logo-text.png"); background-position:100px 20px; background-repeat:no-repeat; border-radius:3px 3px 0 0;}
.header-nav {width:100%; height:34px; margin:0 0 10px 0; padding:0; background-color:#cbcbcb; background:linear-gradient(90deg, #aeaeae, #cbcbcb, #cbcbcb); color:#000; border-radius:0 0 3px 3px; font-size:14px; box-shadow:0px 2px 2px #444; overflow:hidden;}
.header-logo a, .header-title a {display:inline-block; width:100%; height:100%;}
.header-logo {width:84px; height:102px; background-image:url("/images/reflect-logo-shield.png"); background-repeat:no-repeat; position:absolute; top:-7px; left:7px;}
ul.nav-main {list-style-type:none; margin:0; padding:0 0 0 196px;}
ul.nav-alt {list-style-type:none; margin:0; padding:0;}
ul.nav-main li, ul.nav-alt li {display:inline;}
ul.nav-main li a, ul.nav-alt li a {display:inline-block; height:34px; margin:0; padding:0 10px; color:#000; text-decoration:none; line-height:34px;}
ul.nav-main li a:hover, ul.nav-alt li a:hover {color:#fff; background-color:#888;}
.page-container {width:612px; margin:0 0 0 0; padding:10px 10px 0 10px; background-color:#fff; border-radius:3px 3px 0 0;}
.page-column-side-bar {float:left; width:186px;}
.page-column-main {padding-bottom:10px; font-size:14px; line-height:20px; color:#444;}
.page-column-main-wide {font-size:14px; line-height:20px; color:#444; padding: 0 0 10px 0;}
.side-bar-container {width:166px; margin:0 0 10px 0; padding:10px; background-color:#cbcbcb; background:linear-gradient(90deg, #aeaeae, #cbcbcb, #cbcbcb); border-radius:3px; color:#000; box-shadow:0px 1px 1px #888; font-size:12px; line-height:16px;}
.side-bar-title {width:100%; color:#fff; background-color:#545454; background:linear-gradient(180deg, #545454, #1c1c1c); margin:0 0 10px 0; padding:5px 0; border-radius:3px; text-align:center; font-weight:bold; box-shadow:0px 1px 1px #1c1c1c;}
.quickjump {width:140px; margin:0 auto;}
.quickjump select {width:140px; height:20px;}
.footer {width:612px; margin:0 0 10px 0; padding:10px; background-color:#cbcbcb; background:linear-gradient(90deg, #aeaeae, #cbcbcb, #cbcbcb); color:#444; border-radius:0 0 3px 3px; font-size:12px; text-align:right; box-shadow:0px 2px 2px #444;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.stretch {width:100%; display:inline-block; font-size:0; line-height:0;}

.side-bar-container {text-align:center;}
.side-bar-container h3 {text-align:center;}
.side-bar-container p {text-align:left;}
.side-bar-container p.center {text-align:center;}
.side-bar-container p.close {margin:0 0 5px 0;}
.side-bar-container a img {margin:0 0 10px 0; border:1px solid #444;}
.side-bar-container ul {margin:0; padding: 0 0 0 12px; text-align:left;}
.side-bar-container ul li {margin:0; padding:0 0 3px 0;}

.login-label {height:25px; width:50px; margin:0 0 5px 0; float:left; line-height:25px;}
.login-input {height:25px; margin:0 0 5px 0; float:right;}
.login-input input {width:100px; height:25px; padding:0 5px; border:1px solid #888; color:#000; background-color:#fff;}
.submit {width:120px; height:30px; margin:5px auto 10px auto;}

.account-system-box {width:100%; height:70px; margin:0 0 10px 0; padding:0; background-color:#000; border-radius:3px; text-align:center; overflow:hidden;}
.account-system-box a {width:100%; height:60px; display:inline-block; padding:5px 0;}
.account-system-box a:hover {background-color:#455367;}

.data-box {width:100%; margin:0 0 20px 0; padding:10px 0; background-color:#cbcbcb; background:linear-gradient(90deg, #aeaeae, #cbcbcb, #cbcbcb); border-radius:3px; color:#000; box-shadow:0px 1px 1px #888; font-size:12px; line-height:16px;}
.data-box h3 {margin:0 0 10px 10px;}
.data-row {width:93%; margin:0 auto; padding:5px;}
.data-row-download {width:93%; margin:0 auto; padding:5px; border-bottom:1px solid #888; font-weight:bold;}
.data-row-download .left {line-height:40px;}
.data-row-simple {width:95%; margin:0 auto;}
.data-green {background-color:#bdb;}
.data-light {background-color:#ddd;}
.data-last {margin-bottom:10px;}
.graph {background-color:#455367; color:#fff; text-align:right; padding-right:5px;}

.game-list-row {width:100%; height:45px; padding:5px 0;}
.game-list-row p {margin:0;}
.game-list-image {padding:0 10px 0 5px;}
.game-list-image, .game-list-title {float:left;}
.game-list-image img {width:60px;}
.game-list-reflect-enabled {padding:3px 5px 0 0; float:right;}
.game-header {width:100%; border-radius:3px; overflow:hidden; margin:0 0 10px 0;}
.game-screenshots {width:100%; margin:0 0 20px 0; padding:0; text-align:justify;}
.game-screenshots img {width:23%; border-radius:3px; overflow:hidden; margin:0; padding:0;}
.empty-thumb {display:inline-block; width:23%; height:71.75px; border-radius:3px; overflow:hidden; margin:0; padding:0; background-color:#888;}
.download {width:120px; height:30px; margin:5px auto 5px auto;}

.profile-badge-container {margin:0 0 20px 0; padding:0; border-radius:3px; border:1px solid #888; overflow:hidden; font-size:14px; background-color:#fefefe; box-shadow:0px 1px 1px #888;}
.badge-title {height:20px; margin:0 0 5px 0; padding:5px; background-color:#545454; background:linear-gradient(180deg, #545454, #1c1c1c); color:#fff; font-weight:bold;}
.badge-avatar {float:left; margin:0 5px 5px 5px; width:66px; height:66px;}
.badge-avatar img {border:1px solid #444;}
.badge-info-column {width:333px; float:left;}
.badge-info-row {width:100%;}
.badge-credits {margin:5px 0 10px 0; font-weight:bold;}
.badge-last-played {padding:5px 0; background-color:#455367; color:#fff;}
.badge-last-played a {color:#fff;}
.badge-last-played .left {margin-left:5px;}
.badge-credits .right, .badge-last-played .right {margin-right:5px;}
.profile-badge-footer {height:20px; background:linear-gradient(90deg, #aeaeae, #cbcbcb, #cbcbcb); color:#444; font-size:12px; padding:5px;}

.avatar-group {width:100%; margin-bottom:20px;}
.avatar-box {width:64px; height:64px; margin:0 10px 10px 0; padding:2px; float:left;}
.selected {background-color:#ff9e1e;}

.account-form {padding:10px; margin:0 0 20px 0; background-color:#fefefe; background:linear-gradient(90deg, #fafafa, #fefefe); border-radius:3px; border:1px solid #ddd; box-shadow:0px 1px 1px #ddd;}
.account-form h3 {text-align:center; margin-bottom:15px;}
.error-box h3 {text-align:center;}
.account-form-row {margin:0 0 10px 0; line-height:25px;}
.account-form input {height:25px;}
.account-form-button {width:100%; margin-top:10px; text-align:center;}
.account-form .submit {width:120px; height:30px; margin:5px auto 10px auto;}
.error-box {padding:10px; margin:0 0 10px 0; background-color:#fefefe; background:linear-gradient(90deg, #ffeaea, #ffeeee); border-radius:3px; border:1px solid #fbb; box-shadow:0px 1px 1px #ddd;}
.update-box {padding:10px; margin:0 0 10px 0; background-color:#fefefe; background:linear-gradient(90deg, #eaffea, #eeffee); border-radius:3px; border:1px solid #bfb; box-shadow:0px 1px 1px #ddd;}
.account-form-note {margin:0 0 10px 0; line-height:17px; font-size:12px; font-style:italic; color:#888;}

.author {font-size:12px; font-style:italic;}
.dev {font-size:12px;}

.b {font-weight:bold;}
.i {font-style:italic;}
.u {text-decoration:underline;}