body {
  background-color: #448;
  background-color: #000;
  color: #222;
  font-family: Tahoma, sans-serif;
  xfont-size: 90%;
  xfont-size: 9pt;
  background: #000 url(img/bg.jpg) repeat-x fixed top left;
  color: #eee;
}

/* IE hack \*/
* html .container { height: 1%; }
/* Hack ends */

div.container:after {
  content: ".";
  display: block;
  height: 0;
  overflow:hidden;
  clear: both;
  visibility:hidden;
}

a:link, a:visited {
  color: #36f;
  color: #a22;
  text-decoration: none;
}

a img {
  border-width: 0;
}

#root {
  width: 920px;
  margin: auto;
}

#page {
  border: solid 1px #800;
  background: #000;
}

#top {
  font-size: smaller;
  xborder-bottom: solid 1px #333;
  /* padding: 10px; */
  padding: 0px;
  background: #000;
  color: #fff;
  height: 120px;
}

div#menu {
  margin-top: 10px;
  background: #000;
}

ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  background: red;
}

ul.menu li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}

ul.menu li a, ul.menu li a:visited {
  display: block;
  float: left;
  padding: 4px 6px;
  margin: 0px;
  
  background: #666;
  border-left: solid 2px #888;
  border-top: solid 2px #888;
  border-right: solid 2px #444;
  border-bottom: solid 2px #444;

  text-decoration: none;
  color: #f8f8f8;
}

ul.menu li a:hover {
  background: #888;
  border-left: solid 2px #aaa;
  border-top: solid 2px #aaa;
  border-right: solid 2px #666;
  border-bottom: solid 2px #666;

  color: #fff;
}


.submenu_title {
  display: block;
  float: left;
  height: 31px;
  
  background: #111;
  border-left: solid 2px #999;
  border-top: solid 2px #999;
  border-right: solid 2px #444;
  border-bottom: solid 2px #444;

  color: #fff;  
}

ul.submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

ul.submenu li {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}

ul.submenu li a, ul.submenu li a:visited {
  display: block;
  float: left;
  padding: 4px 10px;
  margin: 0;
  
  background: #444;
  border-left: solid 2px #666;
  border-top: solid 2px #666;
  border-right: solid 2px #222;
  border-bottom: solid 2px #222;

  text-decoration: none;
  color: #f8f8f8;
}

ul.submenu li a:hover {
  background: #666;
  border-left: solid 2px #999;
  border-top: solid 2px #999;
  border-right: solid 2px #444;
  border-bottom: solid 2px #444;

  color: #fff;
}


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

ul.buttons li {
  display: block;
  float: left;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  background: url(img/menu_btn_r.png) no-repeat right top;
  margin-right: 4px;
  font-size: 90%;
}

ul.buttons li a, ul.buttons li a:visited {
  display: block;
  float: left;
  height: 26px;
  line-height: 26px;
  vertical-align: middle;
  color: #eee;
  text-decoration: none;
  padding: 0 14px;
  background: url(img/menu_btn_l.png) no-repeat left top;
}

ul.buttons li.inact {
  background: url(img/menu_btn_inact_r.png) no-repeat right top;
}

ul.buttons li.inact a,
ul.buttons li.inact a:hover {
  background: url(img/menu_btn_inact_l.png) no-repeat left top;
  color: #000;
}


ul.buttons li:hover {
  background-position: 100% -52px;
}

ul.buttons li > a:hover {
  background-position: 0% -52px;
  color: #fff;
}


span.buttons {
  height: 26px;
  display: block;
  float: left;
  line-height: 26px;
  font-weight: bold;
  padding: 0 20px 0 10px;
  margin-right: 5px;
  color: #fff;
  background: #a00000 url(img/arrow_r.png) no-repeat right top;
}

div#main {
  background: #000;
  padding: 4px 10px;
  overflow: hidden;
}

div#main h3 {
  text-align: center;
  color: #aaa;
}

/*
#main table th {
  text-align: left;
}
*/

.frame {
  /* background: #000 url(img/bg_chick.jpg) right bottom no-repeat; */
  background: #000;
  border: solid 1px #666;
  padding: 10px;
}

.frame img {
  border: solid 1px #555;
}

img.smiley, img.firm-icon {
  border: none;
}

.mail {
  background: #222;
  border: solid 1px #888;
  padding: 4px 10px;
  margin-bottom: 10px;
}

.login table th {
  text-align: left;
}

table .submit {
  text-align: center;
}

table .submit input {
  font-size: 100%;
}

.register th, .register td {
  vertical-align: top;
}

.smaller {
  font-size: 80%;
}

#sec_code {
  border: 1px;
  border-style: dotted;
}

#sec_reload {
  font-size: 11px; 
  width: 160px; 
  text-align: right;
}

/*
div.error {
  background-color: #eee;
  color: #d00;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  padding: .1em;
  border: solid 2px #ddd;
}
*/

div.error {
  background: #fff url(img/error_bg.png) top left no-repeat;
  padding-left: 110px;
  width: 490px;
  margin: 0.4em auto;
  min-height: 100px;
}

div.error div {
  background: transparent url(img/error_bg2.png) bottom left no-repeat;
  padding: 10px;
  min-height: 80px;
  color: #b70000;
}

div.message {
  background: #fff url(img/message_bg.png) top left no-repeat;
  padding-left: 110px;
  width: 490px;
  margin: 0.4em auto;
  min-height: 100px;
}

div.message div {
  background: transparent url(img/message_bg2.png) bottom left no-repeat;
  padding: 10px;
  min-height: 80px;
  color: #000000;
}

div#recommend {
  padding: 0.5em;
  margin-top: 1em;
  color: #fff;
  text-align: right;
  font-size: 75%;
}

div#bottom {
  font-size: 75%;
  margin: 1em auto;
}

div#bottom a, div#bottom a:visited,
div#left_nav ul.links a, div#left_nav ul.links a:visited {
  border-left: solid 1px #800;
  border-top: solid 1px #800;
  border-right: solid 1px #400;
  border-bottom: solid 1px #400;
  background: #600;
  color: #eee;
  padding: 2px 10px;
}

div#bottom a:hover, div#left_nav ul.links a:hover {
  border-left: solid 1px #a00;
  border-top: solid 1px #a00;
  border-right: solid 1px #600;
  border-bottom: solid 1px #600;
  background: #800;
  color: #fff;
}

div#footer {
  background: #000;
  border: solid 1px #3a3a3a;
  padding: 0.5em;
  color: #fff;
  text-align: center;
  font-size: 75%;
}


div#footer img {
  vertical-align: middle;
}

div.shop-section {
  width: 415px;
  margin: 0 0 10px 10px;
  float: left;
  padding: 8px;
  border: solid 1px #444;
  display: inline;
}

.reddish {
  background-color: #300;
  border: solid 1px #600;
  border-color: #600 !important;
}

table.ranking {
  margin: auto;
  border: solid 1px #000;
  border-collapse: collapse;
}

table.ranking th, table.ranking td {
  border: solid 1px #000;
}

table.ranking th {
  background: #600;
}

table.ranking th, table.ranking td {
  padding: .1em .4em;
}

table tr.row1 {
  background: #333;
}

table tr.row2 {
  background: #000;
}

table.ranking td {
  overflow: hidden;
}

table.ranking td.white {
  background: #000;
}

table.ranking img {
  border: none;
}

table.player-round {
  margin: 1.5em auto 0.5em auto;
  width: 100%;
  font-size: 80%;
  border: solid 1px #000;
  border-collapse: collapse;
}

table.player-round th {
  font-weight: normal;
  background: #444;
  color: #ccc;
}

table.player-round th, table.player-round td {
  text-align: center;
  border: solid 1px #333;
  padding: 0.1em 0.5em;
}


input.action, button.action, a.action {
  border-left: solid 2px #800;
  border-top: solid 2px #800;
  border-right: solid 2px #400;
  border-bottom: solid 2px #400;
  background: #600;
  color: #eee;
  padding: 0.1em 0.8em;
  font-weight: bold;
  font-size: 80%;
  vertical-align: middle;
}

a.action {
  line-height: 3.2em;
}

input.action2, button.action2 {
  font-weight: bold;
  border-left: solid 2px #888;
  border-top: solid 2px #888;
  border-right: solid 2px #444;
  border-bottom: solid 2px #444;
  background: #666;
  color: #eee;
}

input.text, textarea.text {
  background: #444;
  color: #fff;
  /* font-weight: bold; */
  border-left: solid 1px #222;
  border-top: solid 1px #222;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
}

select.text {
  background: #444;
  color: #fff;
  border-left: solid 1px #222;
  border-top: solid 1px #222;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
}

ol {
  font-weight: bold;
}

ol li {
  line-height: 1.6em;
}

ol li span {
  font-weight: normal;
}

table.message-board {
	border-collapse: collapse;
	margin: auto;
}

table.message-board td {
	border: solid 1px #666;
	padding: 0.1em 0.3em;
	vertical-align: top;
}

table.message-board .date {
  color: #888;
}

div#progress_bar {
  height: 30px;
  background: #555; 
  color: #000; 
  width: 300px; 
  margin: auto; 
  border: solid 1px #444; 
  text-align: center;
  line-height: 30px;
}

div#progress_bar1 {
  background: url(img/progress_bg.jpg) repeat-x;
  color: #eee;
  width: 0px;
  overflow: hidden;
  position: absolute;
}

div.frame table.allopass img {
  border: none;
}

div.news_item {
  margin-bottom: 1em;
}

div.news_item .date {
  font-size: 80%;
  font-weight: bold;
}

div.news_item h4 {
  color: #a22;
  margin: 0.1em 0;
}

div.news_item div {
  font-size: 80%;
}

div#left_nav ul.links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 80%;
}

div#left_nav ul.links li {
  display: block;
  margin: 0.5em 0;
}

div#left_nav ul.links li a {
  display: block;
}

div#left_nav ul.help {
  list-style-type: none;
  margin: 0;
  padding: 0;
}