* {
  margin: 0;
  padding: 0;
  font-family: 'monospace','Courier New', 'Monaco';
  font-size: 9pt;

  list-style: none;
}

.mt10  {margin-top: 10px;}
.mt20  {margin-top: 20px;}
.mt30  {margin-top: 30px;}
.mt40  {margin-top: 40px;}
.mt50  {margin-top: 50px;}
.mt60  {margin-top: 60px;}
.mt70  {margin-top: 70px;}
.mt80  {margin-top: 80px;}
.mt90  {margin-top: 90px;}
.mt100 {margin-top: 100px;}

.mb10  {margin-bottom: 10px;}
.mb20  {margin-bottom: 20px;}
.mb30  {margin-bottom: 30px;}
.mb40  {margin-bottom: 40px;}
.mb50  {margin-bottom: 50px;}
.mb60  {margin-bottom: 60px;}
.mb70  {margin-bottom: 70px;}
.mb80  {margin-bottom: 80px;}
.mb90  {margin-bottom: 90px;}
.mb100 {margin-bottom: 100px;}

textarea {
  border: 1px solid #ccc;
}

body {
  background-color: #fff;
}

h1 {
  font-size: 17px;
  border-bottom: dotted 1px #ccc;
}

a {
  color: #123FB2;
}

table th {
  font-weight: bold;
  font-size: 13px;
}

.userstuff{
  float: left;
}
.userstuff td {
  font-size: 24pt;
  font-weight: bold;
}


.userstuff span {
  font-size: 24pt;
  font-weight: bold;
}

.of {
  overflow: hidden;
}

ul#menu {float: left;}

ul#menu li {
  float: left;
  padding: 4px 10px 8px 10px;
}

ul#menu li.active {
  background: #123FB2 url('images/menu_top.png') no-repeat left top;
}
ul#menu li.active a {
  color: #fff;
}

div.userbar {
  float: right;
}

.header_info {margin-top: 20px; margin-bottom: 50px;}

.userstuff .zeros {color: #ccc; font-size: 24pt;}

.oilprice {
  font-size: 24pt;
  font-weight: bold;
  float: right;
  background-color: #eee;
}

div#content {
  margin: auto;
  width: 800px;
  min-height: 700px;
  overflow: hidden;
}

div.errors {
  background-color: #FFECEC;
  border: 4px solid #E66969;
  padding: 10px;

}

.clear {clear: both;}
.cr {clear: right;}
.cl {clear: left;}

table#main {
  width: 100%;
  background-color: #EFEFE1;
  padding: 20px;
}
table#main td.buy-row,
table#main td.sell-row {
  width: 50%;
  vertical-align: top;
}

#accounts table th.date-end-row {
  width: 125px;
}

#accounts table,div.right-block table {
  float: right;
  width: 90%;
}

div.right-block, div#accounts {
  width: 40%;
  float: right;
}

div.right-block h2 {float:right}

#bank_accounts table td{
  background-color: #F6F6EC;
  padding: 0 5px 0 5px;
  text-align: right;
}

#bank_accounts table th{
  text-align: right;
  padding: 0 5px 0 5px;
  background-color: #EFEFE1;
}

table tr {
  margin-top: 5px;
}

#add-account-form label {margin-right: 5px;}
#add-account-form, #add-offer-form {
  background-color: #EFEFE1;
  padding: 20px;
}

.hide { display: none;}

#login, #reg {
  background-color: #EFEFE1;
  padding: 10px;
  width: 300px;
}


#login_link.active,
#reg_link.active {
  background-color: #EFEFE1;
  color: #000;
}

#login_link, #reg_link {
  padding: 5px;
}

table#login-form td {
  vertical-align: top;
  padding: 5px;
}

table#login-form table td{
  padding: 0px;
}

table#login-form h2 {
  margin-top: 15px;
}

.events table {
  width: 100%;
  clear: both;
}

.events h2 {
  float: right;
}

.wrapper {
  margin-top: 30px;
  width: 100%;
}

div.events {
  float: left;
  width: 60%;
  clear: left;
}

#accounts h2 {
  float: right;
}

h2{font-size: 17px;}

.rating {
  float: right;
  width: 40%;
  clear: right;
}

.rating table {
  width: 90%;
  float: right;
}

table.usual {
  text-align: right;
}

table.usual td{
  background-color: #F6F6EC;
  padding: 0 5px 0 5px;
}

table.usual th{
  background-color: #EFEFE1;
  padding: 0 5px 0 5px;
}

.rating h2 {
  float: right;
}

.price_history li {
  float: left;
  margin-right: 5px;
  padding-right: 10px;
}

.price_history ul {overflow: hidden}

.price_history li.bad, .headerSortDown {
  background: url('images/down_arrow.png') no-repeat 95% center #F7DDDD !important;
}
.price_history li.good, .headerSortUp {
  background: url('images/up_arrow.png') no-repeat 95% center #DDFFC2 !important;
}
.price_history li.eq {
  background: url('images/eq.png') no-repeat 95% center #eee;
}
div.price_history {
  margin-bottom: 20px;
}
.username {
  background: url('images/user.gif') no-repeat left center;
  padding-left: 13px;
}

.minus-cash {
  background: url('images/minus.png') no-repeat 5% center #F7DDDD;
  padding-left: 10px;
}

.plus-cash {
  background: url('images/plus.png') no-repeat 5% center #DDFFC2;
  padding-left: 10px;

}

ul.boxes li {
  list-style-type: square;
  margin-left: 17px;
}

.events .date {width: 110px;}

.comments-wrapper div.user {float: left; background-color: #eee; padding:0 10px;}
.comments-wrapper li {margin-top: 10px;}
.comments-wrapper .comment {background-color: #eee; padding: 10px;}
.comments-wrapper li.author .comment,.comments-wrapper li.author .user {background-color: #DDFFC2;}

.comments-wrapper .date {color: #555; margin-left: 10px; float: left;}

.teaser {color: #666;}

.comments {background: url('images/comments.gif') no-repeat left center; padding-left: 12px}

#posts {width: 500px; float: left;}

#post p {margin-top: 20px;}
#post h3 {margin-bottom: -20px;}

#last_comments {width: 280px; float: right}
.last_comment_name {background: url('images/comment-line.png') no-repeat left top; padding-top: 5px;}
.last_comment_text {border-left: 1px solid #ccc; padding: 12px}

.fl {float: left;}
.fr {float: right;}

.oilcount {
  background-color: #000;
  color: #fff;
  padding: 0 5px;
}

#footer {
  border-top: 1px dotted #aaa;
  width: 800px;
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

a.price_border {
  text-decoration: none;
  border-bottom: 1px dotted #123FB2;
}

#admin_links ul li {float: left; margin-right: 10px;}

h3 {
  font-size: 14px;
  margin-top: 25px;
  margin-bottom: 0px;
}

.posttime {
  background: url('images/date.gif') no-repeat left center;
  padding-left: 13px;
  margin-right: 3px;
}

.user-active {
  background: url('images/color_user.gif') no-repeat left center !important;
}

#ruletka-tablo {margin: 20px auto; width: 235px;}

#ruletka-tablo div {width: 70px; height: 100px; border: 1px solid #ccc; float: left; margin-right: 5px;}

#ruletka-tablo .odin {
  background: url('images/ruletka/odin.png') no-repeat 0 0;
}

#ruletka-tablo .dva {
  background: url('images/ruletka/dva.png') no-repeat 0 0;
}

#ruletka-tablo .nol {
  background: url('images/ruletka/nol.png') no-repeat 0 0;
}

#ruletka-tablo .proc {
  background: url('images/ruletka/proc.gif') no-repeat 0 0;

}

#ruletka-money {
  padding: 10px 0px;
  border: 1px dotted #ccc;
  text-align: center;
  font-size: 24pt;
  font-weight: bold;
}

#ruletka-event {
  padding: 10px;
  border: 1px dotted #ccc;
  text-align: center;
  margin-top: 10px;
  font-size: 24pt;
  font-weight: bold;
}

#ruletka-event.good{
  background-color: #E2F8CC;
}

#ruletka-event.sad{
  background-color: #FFAFC9;
}


input#stavka {
  border: 1px solid #ccc;
  width: 100%;
  text-align: center;
  font-size: 24pt;
  font-weight: bold;

}

.dotted {
  border-bottom: 1px dotted #123FB2;
}

.solid {
  border-bottom: 1px solid #123FB2;
}

#chances {
  text-align: center;
  background: #666;
  color: #fff;
}

table#market-table th, table#top th {
  padding-right: 15px;
  cursor: pointer;
}

#oil-chart {
    height: 300px;
}

tr.owner td {
    background-color: #DDFFC2;
}