body   { margin: 0; padding: 0; text-align: center; }
body * { font-size: 10px; font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif; }
img    { border: 0; }
form   { margin: 0; }
table  { border-collapse: collapse; }

input, textarea, select { border: 1px solid #ccc; color: #000; background-color: #fff; }
optgroup                { font-style: normal;     color: #04a; background-color: #eee; }
option                  { font-style: normal;     color: #000; background-color: #fff; }

a       { text-decoration: none; color: #06c; }
a:hover { text-decoration: underline; }

h1 { font-size: 17px; font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; text-align: center; }
h2 { font-size: 10px; margin: 0; padding: 10px 0; }
h3 { font-size: 10px; margin: 0; padding: 10px 0; text-indent: 15px; font-weight: bold; }
ul { margin: 0 0 0 30px; padding: 0; }
ol { margin: 0 0 0 30px; padding: 0 0 0 30px; }

/* general layout */

.layout { position: relative; width: 620px; margin: 0 auto; text-align: left; padding-top: 15px; }
.head { position: relative; height: 95px; margin: 0 auto; background: url('/images/currex.jpg') no-repeat center top; text-align: right; }

/* language switcher */

.lang         { float: left; }
.lang a       { display: block; line-height: 14px; padding-left: 25px; width: 65px; background: no-repeat left top; text-align: left; margin: 1px; }
.lang a       { text-decoration: none; border: 1px solid #fff; }
.lang a:hover { text-decoration: none; border: 1px solid #eee; background-color: #eee; }

/* welcome info */

.welcome { position: absolute; z-index: 1; bottom: 0; right: 0; text-align: right; }

#login_block      { display: none; position: absolute; z-index: 10; right: 0; top: 40px; padding: 4px; }
#login_block form { background-color: #f8f8f8; }

/* menus */

ul.menu1            { margin: 5px 0 10px; padding: 0 10px; height: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
ul.menu1 li         { float: left; list-style-type: none; }
ul.menu1 li a       { text-decoration: none; display: block; line-height: 20px; padding: 0 15px; font-weight: bold; }
ul.menu1 li a:hover { text-decoration: none; color: #000; background-color: #eee; }

ul.menu2            { margin: 10px 0 10px; padding: 0 10px; height: 16px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
ul.menu2 li         { float: left; list-style-type: none; }
ul.menu2 li a       { text-decoration: none; display: block; line-height: 16px; padding: 0 20px; font-weight: bold; }
ul.menu2 li a:hover { text-decoration: none; color: #000; background-color: #eee; }

/* submenu */

ul.menu1 li          { position: relative; }
ul.menu1 li ul       { display: none; position: absolute; z-index: 5; left: 0; top: 20px; }
ul.menu1 li:hover ul { display: block; }

ul.menu1 li ul            { margin: 0; padding: 0; width: 150px; color: #000; background-color: #f8f8f8; border: 1px solid #ccc; border-left: 5px solid #ccc; }
ul.menu1 li ul li         { float: none; list-style-type: none; width: 100%; }
ul.menu1 li ul li a       { display: block; line-height: 20px; padding: 0 15px; font-weight: bold; text-decoration: none; }
ul.menu1 li ul li a:hover { color: #000; background-color: #eee; text-decoration: none; }

/* copyright */

.copy   { clear: both; text-align: center; margin: 10px 0; }
.copy p { margin: 0; padding: 2px; }
.copy a { font-weight: bold; }

/* messages */

div.info  { padding: 10px 0 10px 60px; margin: 0 auto 10px; width: 400px; text-align: left; }
div.info  { color: #008; background: #f8faff url('/images/info.jpg') no-repeat 10px center; border: 1px solid #def; }

div.error { padding: 10px 0 10px 60px; margin: 0 auto 10px; width: 400px; text-align: left; }
div.error { color: #f00; background: #fff8f8 url('/images/error.jpg') no-repeat 10px center; border: 1px solid #fee; font-weight: bold; }

/* exchange form */

table.exchange         { margin: 10px auto; border: 1px solid #888; width: 600px; }
table.exchange td      { padding: 5px 5px; border-left: 1px solid #888; width: 25%; }
table.exchange th      { color: #000; background-color: #ddd; padding: 5px 5px; border-left: 1px solid #888; text-align: center; }
table.exchange input.a { width: 97%; }

/* more information */

table.more    { margin: 10px auto; width: 600px; }
table.more td { padding: 0; vertical-align: top; }

/* reserves */

table.reserve    { width: 230px; border: 1px solid #888; }
table.reserve th { color: #000; background-color: #ddd; padding: 5px 5px; text-align: center; }
table.reserve td { padding: 2px 5px; border-left: 1px solid #888; font-weight: bold; }

/* popular directions */

table.popular    { width: 320px; margin: 0 0 0 auto; border: 1px solid #888; }
table.popular th { color: #000; background-color: #ddd; padding: 5px 5px; text-align: center; }
table.popular td { padding: 2px 5px; border-left: 1px solid #888; }

/* exchange info */

table.info         { margin: 10px auto; border: 1px solid #888; width: 400px; }
table.info th      { color: #000; background-color: #ddd; padding: 5px 5px; text-align: center; }
table.info td      { padding: 2px 5px; border-left: 1px solid #888; color: #888; line-height: 15px; }
table.info td b    { color: #04a; }
table.info td span { color: #000; }

td.c1 { text-align: left; color: #444; width: 140px; }
td.c2 { text-align: right; color: #00a; }
td.c3 { text-align: right; color: #04a; width: 70px; }
td.c4 { text-align: left; font-weight: bold; width: 70px; }
td.c5 { text-align: center; }
td.c6 { text-align: right; }
td.c7 { width: 40px; text-align: right; }
td.c8 { width: 100px; }
td.c9 { width: 60px; text-align: right; color: #04a; }

tr.empty td { color: #888; font-weight: normal; }

/* contacts table */

table.contact            { margin: 0 0 0 auto; }
table.contact td         { padding: 2px 0; }
table.contact .c6 input  { width: 200px; }
table.contact .c6 select { width: 200px; }

/* exchange icons */

#icons     { position: relative; width: 160px; height: 30px; margin: 0 auto; background: no-repeat center center; }
#icons div { position: absolute; top: 0; width: 60px; height: 30px; background: no-repeat left top; }
#icon_src  { left: 0;  }
#icon_dst  { right: 0; }

/* page style */

.page p   { text-indent: 15px; margin: 0; padding: 10px 0; }
.page h2  { padding: 5px 0; }
.page p.j { text-align: justify; }
.page :target { padding: 5px; color: #04a; background-color: #f6faff; }

.page ul          { font-weight: bold; }
.page ul li       { list-style-type: none; }
.page ul li ul    { font-weight: normal; }
.page ul li ul li { background: url('/images/bullet.gif') no-repeat left 5px; padding-left: 10px; line-height: 15px; }

/* form highlighting */

input.error    { border: 1px solid #f00; }
select.error   { border: 1px solid #f00; }
textarea.error { border: 1px solid #f00; }

/* user forms */

table.login       { border: 1px solid #ccc; margin: 0 auto; }
table.login td    { padding: 5px; }
table.register    { border: 1px solid #ccc; margin: 0 0 0 auto; }
table.register td { padding: 5px; }

/* account tables */

table.details    { border: 1px solid #ccc; margin: 0 auto; width: 500px; }
table.details th { color: #000; background-color: #ddd; padding: 5px 10px; text-align: center; }
table.details td { padding: 5px 5px; width: 50%; }

table.transactions       { border: 1px solid #ccc; margin: 0 auto; width: 500px; }
table.transactions th    { color: #000; background-color: #ddd; padding: 5px 10px; text-align: center; }
table.transactions td    { padding: 2px 5px; }
table.transactions .line { border-bottom: 1px solid #ccc; }

table.payout    { border: 1px solid #ccc; margin: 0 auto; }
table.payout td { padding: 5px; }

/* table about */

table.about    { width: 500px; margin: 0 auto; }
table.about td { font-weight: bold; width: 50%; vertical-align: top; }

table.blc    { border: 1px solid #ccc; margin: 0 auto; }
table.blc td { padding: 5px; }

a.passport { display: block; padding-left: 18px; line-height: 16px; background: url('/images/icons/registrar.png') no-repeat left top; }
a.wmclub   { display: block; padding-left: 18px; line-height: 16px; background: url('/images/icons/wmclub.gif') no-repeat left top; }
a.csv      { display: block; padding-left: 18px; line-height: 16px; background: url('/images/icons/csv.gif') no-repeat 2px 0px; }
a.xml      { display: block; padding-left: 18px; line-height: 16px; background: url('/images/icons/xml.gif') no-repeat 2px 0px; }
a.txt      { display: block; padding-left: 18px; line-height: 16px; background: url('/images/icons/txt.gif') no-repeat 2px 0px; }

/* news item */

.news_title { padding-top: 10px; font-weight: bold; font-size: 11px; }
.news_time  { color: #aaa; font-size: 9px; }
.news_text  { margin: 0; padding: 10px 0; }

/* search item */

.search_time  { color: #aaa; font-size: 9px; }

/* navigation links */

.pages         { text-align: center; line-height: 20px; }
.pages a       { padding: 0 6px; color: #06c; background-color: #eee; border: 1px solid #ddd; text-decoration: none; }
.pages a:hover { color: #06c; background-color: #ddd; border: 1px solid #aaa; text-decoration: none; }

/* accept buttons */

.accept b       { display: block; line-height: 20px; }
.accept a       { float: left; display: block; padding: 1px; width: 88px; height: 31px; text-align: center; }
.accept a:hover { background-color: #06c; }

/* counters, banners, ratings */

.codes { clear: both; text-align: center; margin: 10px 0; }

/* bonus diagram */

#diagram { display: none; position: absolute; border: 1px solid #888; margin: 0px 0; }
.bonus { display: inline; border-bottom: 1px dotted #f00; position: relative; }
.bonus:hover #diagram { display: block; left: 0; top: 12px; }

/* quick chat */

#chat          { position: absolute; margin-left: -176px; left: -152px; top: 50px; width: 350px; height: 200px; z-index: 200; }
#chat          { border: 1px solid #80bfff; background-color: #e5f2ff; text-align: left; }
#chat #chatlog { position: absolute; left: 3px; top: 3px; width: 322px; height: 171px; }
#chat #chatlog { border: 1px solid #b2d9ff; background-color: #f2f8ff; overflow: auto; }
#chat #chattext { position: absolute; left: 3px; bottom: 3px; height: 13px; width: 303px; }
#chat #chattext { border: 1px solid #b2d9ff; padding: 1px 1px 1px 18px; color: #000; background: #fff url('/images/chat/comment.png') no-repeat left top; }

#chat .show { position: absolute; top: 4px; right: 4px; width: 16px; height: 16px; background: url('/images/chat/comments.png') no-repeat left top; }
#chat .hide { position: absolute; top: 4px; right: 4px; width: 16px; height: 16px; background: url('/images/chat/cancel.png') no-repeat left top; }
#chat .send { position: absolute; bottom: 4px; right: 4px; width: 16px; height: 16px; background: url('/images/chat/send.png') no-repeat left top; }
#chat .hide { display: none; }
#chat .send { display: none; }

#chat p   { line-height: 16px; text-indent: 18px; margin: 0; border-bottom: 1px dashed #b2d9ff; }
#chat .t0 { background: url('/images/chat/comment.png') no-repeat left top; }
#chat .t1 { background: url('/images/chat/status_information.png') no-repeat left top; }
#chat .t2 { background: url('/images/chat/status_help.png') no-repeat left top; }
#chat .t3 { background: url('/images/chat/status_exclamation.png') no-repeat left top; }


/* help tables */

table.help             { width: 100%; }
table.help td          { vertical-align: top; text-align: justify; padding: 5px; }
table.help tr:hover td { background-color: #f8f8f8; }
table.help a img       { border: 1px solid #fff; }
table.help a:hover img { border: 1px solid #06c; }
table.help ol          { margin-top: 0; }
table.help p           { text-indent: 0; }

/* mirrors tabs */

.tabs a   { margin: 0; padding: 0; position: absolute; display: block; top: 0; width: 104px; height: 30px; }
.tabs a   { line-height: 17px; text-align: center; color: #fff; font-size: 10px; font-weight: bold; }

.tabs .g1 { left: 170px; z-index: 3; background: url('/images/tab0.png') no-repeat left top; }
.tabs .b1 { left: 170px; z-index: 4; background: url('/images/tab1.png') no-repeat left top; }
.tabs .g2 { left: 250px; z-index: 3; background: url('/images/tab0.png') no-repeat left top; }
.tabs .r2 { left: 250px; z-index: 4; background: url('/images/tab2.png') no-repeat left top; }
.tabs .y  { right:    0; z-index: 4; background: url('/images/tab3.png') no-repeat left top;  color: #000; }

/* rates table */

.rates-filter { float: left; padding-right: 4px; }

table.rates    { margin: 0 0 0 auto; border: 1px solid #ccc; border-left: 0; }
table.rates th { padding: 4px 2px; }
table.rates td { padding: 3px 1px; }
table.rates th { background-color: #eee; border-bottom: 1px solid #ccc; text-align: center; }

table.rates tr:hover td { background-color: #f2f8ff; }
table.rates .c6         { border-left: 1px solid #ccc; }