body{background-color:#333;}
.navbar .nav li a{font-size:14px;}
.hd{display:none;}
#fusername,#fpassword{font-size:16px;padding:8px;margin:8px 8%;width:76%;}
#fremember{height:13px;margin-bottom:5px;}
#fremember-text{margin-left:4px;margin-right:16px;font-size:11px;line-height:13px;}
#fsubmit{font-size:16px;width:88px;height:24px;}
#about-content a{text-decoration:none;}
#firefox-logo{height:36px;margin:3px 5px;}
#chrome-logo{height:46px;margin:3px 5px;}
.navbar .nav .dropdown-toggle .caret{margin-top:10px;margin-left:5px;}
.navbar .nav li.dropdown ul.dropdown-menu::after {border-bottom-color:#999;}
.navbar i{margin-right:3px;}
.navbar .brand{padding-top:5px;font-size:24px;}
.navbar .brand i{margin-top:6px;}
.modal{width:480px;}
.modal i{margin-top:1px;}
.modal-header{border-bottom:none;}
.modal-header h3{font-weight:500;border-bottom:2px solid green;padding-bottom:3px;}
.modal-body i{margin-left:3px;}
.modal-footer{border-top:none;background-color:#fff;padding:8px 22px 15px;}
.modal-footer i{margin-right:8px;}
.modal-backdrop.in{opacity:0.6;}
.main{padding-top:20px;}
#chart-label{color:#AAA;text-align:right;cursor:text;background-color:#4c4c4c;padding:8px 12px;}
#chart-label table{margin:0px auto 3px auto;border-bottom:1px dashed rgba(155, 133, 133, 0.5);}
#chart-label thead{cursor:pointer;}
#chart-label table:last-child {border-bottom:none;}
#chart-label table th{border-top:0;white-space:nowrap;padding-top:2px;padding-bottom:2px;}
#chart-label table th a{font-size:13px;font-weight:500;color:#DDD;text-decoration:none;}
#chart-label table td{border-top:0;line-height:16px;}
#chart-label table td.narrow{padding-top:3px;padding-bottom:2px;font-size:13px;}
#chart-label table tr:last-child td:first-child {padding-bottom:6px;}
#chart-label .l{font-size:12px;text-align:left;padding-left:5%;}
#chart-label .v{color:#e5e5e5;font-size:16px;text-align:right;}
#chart-label .v .ext{font-size:12px;padding:0 3px;opacity:0.5;}
#chart-label .v .ext-first{padding-left:8px;}
#message{padding-right:0;}
#username{padding-left:3px;font-weight:800;color:rgb(139, 204, 40);}
#update-password-content input,#create-account-content input{font-size:14px;padding:6px;margin:6px;width:192px;}
#create-account-content select{font-size:13px;padding:5px;margin:8px;}
#ferror,#f2error,#f3error{margin-bottom:0;margin-top:8px;}
#progress-bar-container{position:absolute;z-index:1000;top:8px;width:88%;}
.req-resp{padding:16px 22px;border:1px solid #000;border-radius:6px;margin:0 12px;background:#222;}
.req-resp span{color:rgb(153, 158, 158);font-size:13px;margin-left:12px;margin-right:0;}
.req-resp span:first-child {margin-left:3px;}
.req-resp select{width:auto;margin-bottom:0;font-size:13px;padding:2px 3px;height:24px;line-height:24px;border:none;background:#555;color:#BBB;}
.req-resp input{border-radius:9px;border:none;padding:2px 8px;font-size:13px;width:auto;background:#555;color:#BBB;}
.req-resp input.date{text-align:center;}
.req-resp a{margin-left:12px;font-size:13px;}
.req-resp pre{margin-top:18px;overflow-y:auto;background:#555;color:#BBB;}
.req-resp p{padding:8px;font-size:16px;font-weight:600;}
.req-resp .result{margin-top:22px;}
.dropdown-menu{background-color:#333;opacity:0.8;}
.dropdown-menu li a{color:#bbb;}
.dropdown-menu li a.hd{display:none;}
.dropdown-menu .divider{border-bottom:none;margin:6px 9px;background-color:#222;}
#update-password-content{box-shadow:0 0 36px red;}
#create-account-content{box-shadow:0 0 36px darkturquoise;}
#about-content{box-shadow:0 0 36px gold;}
#login-content{box-shadow:0 0 36px azure;}
#loading{position:fixed;top:50%;left:50%;background-color:#222;width:148px;height:96px;margin-left:-74px;margin-top:-48px;border-radius:8px;box-shadow:0 0 28px #CCC;z-index:1099;}
#loading img{width:48px;height:48px;border:none;margin-top:12px;margin-left:48px;}
#loading div{color:#888;margin-top:3px;margin-left:48px;}
#chart-container table{color:#222;margin:0 auto;margin-bottom:15px;background:#DDD;}
#chart-container table tr:first-child td{background:#666;font-weight:600;font-size:1.2em;color:#F7F7F7;}
#chart-container table, #chart-container th, #chart-container td{border-color:#BBB;}
#chart-container .head{width:88%;text-align:center;padding-bottom:18px;padding-top:12px;margin:0 auto;}
#chart-container .head .toChart{float:right;margin-bottom:6px;}
table#server-status{color:#e5e5e5;border-color:#444;background:#555;}
#server-status th, #server-status td{border-color:#444;}
#server-status td p.alive{color:rgb(42,179,41);font-weight:600;font-size:1.1em;}
#server-status td p.unalive{color:rgb(245, 96, 96);font-weight:600;font-size:1.1em;}
#chart-container .page-header{background:#555;text-align:center;color:#e5e5e5;border:none;background:transparent;}
#chart-container .page-header h3{font-weight:500;}
#errordump-table{margin-top:22px !important;}
#errordump-table td{text-align:right;}
#game-list{width: 420px; height: 600px; overflow-y: scroll;}
#game-list li { float: left; width: 200px; }

@media (max-width: 979px) and (min-width: 768px){
	#chart-label {
		padding:8px 0;
	}
	.row-fluid .span3{
	width:30%;
	}
}