html, body { margin: 0; padding: 0; }
body {
  background: #ffffff;
  color: #333333;
  font: 12px/1.45 Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
img { border: 0; }
a { color: #222222; text-decoration: underline; }
a:hover { color: #e55100; }
form { margin: 0; padding: 0; }
h1, h2, h3 { margin: 0; padding: 0; font-family: Arial, Tahoma, Helvetica, sans-serif; }
.clr { clear: both; height: 0; font-size: 0; line-height: 0; }
.gray { color: #888888; font-weight: normal; }

.wrap { width: 980px; margin: 0 auto; }

#header { height: 66px; padding-top: 10px; background: #e3eeb8 url(../img/header-bg.jpg) no-repeat 50% 0; }
#header td.hl { width: 50%; vertical-align: middle; }
#header td.hr { width: 50%; vertical-align: top; text-align: right; padding-top: 6px; }
a.logo { text-decoration: none; display: block; height: 48px; }
a.logo img { margin-right: 10px; }
a.logo .logo-t {
  font: bold 30px Arial, Helvetica, sans-serif; color: #5d7414; letter-spacing: -1px;
  vertical-align: middle; text-shadow: 1px 1px 0 #ffffff;
}
a.logo:hover .logo-t { color: #e55100; }
.sf { display: inline; }
.sf table { margin: 0 0 0 auto; }
input.sq {
  width: 260px; height: 22px; padding: 2px 5px; margin: 0;
  border: 1px solid #a3b862; border-right: 0; background: #ffffff;
  font: 13px Arial, Tahoma, sans-serif; color: #333333;
}
input.sb { height: 28px; }
.sh { margin-top: 4px; font-size: 11px; color: #777777; }

a.btn, input.btn {
  display: inline-block; padding: 4px 12px; margin: 0;
  background: #e8e8e8 url(../img/bg-btn.png) repeat-x 0 0;
  border: 1px solid #a9a9a9; color: #222222;
  font: bold 11px Arial, Tahoma, sans-serif; text-decoration: none; cursor: pointer;
  line-height: 14px; vertical-align: middle; *display: inline; zoom: 1;
}
input.btn { height: 26px; padding: 0 12px; line-height: 24px; *line-height: normal; }
a.btn:hover, input.btn:hover { border-color: #e55100; color: #e55100; }
a.bo {
  background: #f59a1b url(../img/bg-btn-o.png) repeat-x 0 0;
  border-color: #c77200; color: #ffffff; text-shadow: 0 1px 0 #b36200;
}
a.bo:hover { color: #ffffff; border-color: #8a5000; }

#menu {
  height: 26px; background: #93b02a url(../img/bg-menu.png) repeat-x 0 0;
  border-top: 1px solid #a9c43c; border-bottom: 1px solid #6f8620;
}
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu li { float: left; margin: 0; padding: 0; }
#menu li a {
  display: block; height: 26px; padding: 0 11px 0 9px; text-shadow: 0 1px 0 #6f8620;
  color: #ffffff; font: bold 12px/26px Arial, Tahoma, sans-serif; text-decoration: none;
  border-right: 1px solid #9fbb36;
}
#menu li a:hover { background: #a2c035 url(../img/bg-menu-hov.png) repeat-x 0 0; text-decoration: none; color: #ffffff; }
#menu li.act a { text-shadow: none; }

img.ic { width: 16px; height: 16px; border: 0; vertical-align: middle; margin: -2px 5px 0 0; }
#menu img.ic { margin: -2px 5px 0 0; vertical-align: middle; }
ul.cl li.hasic { background: none; padding-left: 0; }
#menu li.act a { background: #ffffff url(../img/bg-menu-act.png) repeat-x 0 0; color: #4a5f12; border-right-color: #c9d98a; }

#page { margin-top: 14px; table-layout: fixed; }
#left { width: 200px; padding-right: 14px; }
#main { padding-right: 14px; }
#right { width: 190px; }

.box { margin-bottom: 14px; border: 1px solid #c3d683; background: #ffffff; }
.bh {
  height: 26px; line-height: 26px; padding: 0 9px;
  background: #e9f1c4 url(../img/bg-boxh.png) repeat-x 0 0; border-bottom: 1px solid #c3d683;
}
.bh h3 { font-size: 13px; font-weight: bold; color: #4a5f12; }
.bh .bm { float: right; font-size: 11px; }
.bb { padding: 9px; }

ul.cl { margin: 0; padding: 0; list-style: none; }
ul.cl li { padding: 2px 0 2px 12px; background: url(../img/arrow.png) no-repeat 0 7px; }
ul.cl li.on a { font-weight: bold; color: #e55100; text-decoration: none; }
.cn { color: #999999; font-size: 10px; }
ul.mini { margin: 0; padding: 0; list-style: none; }
ul.mini li { padding: 3px 0; }
ul.mini img { margin-right: 6px; vertical-align: middle; }
ul.dev { margin: 0; padding: 0; list-style: none; }
ul.dev li { padding: 2px 0; }
table.stat { width: 100%; }
table.stat td { padding: 2px 0; border-bottom: 1px dotted #d9e4ab; }
table.stat td.v { text-align: right; font-weight: bold; color: #4a5f12; }

.banners { position: relative; margin-bottom: 14px; border: 1px solid #c3d683; background: #e9f1c4; }
.banners .bn { display: none; }
.banners .bn.on { display: block; }
.banners .bn img { display: block; width: 100%; height: auto; }
.banners .bn-arr { display: none; position: absolute; top: 50%; margin-top: -28px; width: 34px; height: 56px; cursor: pointer; text-indent: -9999px; overflow: hidden; }
.banners.js .bn-arr { display: block; }
.banners .bn-prev { left: 8px; background: url(../img/bn-prev.png) no-repeat 0 0; }
.banners .bn-next { right: 8px; background: url(../img/bn-next.png) no-repeat 0 0; }
.banners .bn-dots { display: none; position: absolute; left: 0; right: 0; bottom: 8px; text-align: center; font-size: 0; line-height: 0; }
.banners.js .bn-dots { display: block; }
.banners .bn-dots a { display: inline-block; *display: inline; zoom: 1; width: 9px; height: 9px; margin: 0 3px; background: #ffffff; border: 1px solid #6f8620; text-indent: -9999px; overflow: hidden; }
.banners .bn-dots a.on { background: #f59a1b; border-color: #c77200; }

.crumbs { margin: 0 0 8px 0; font-size: 11px; color: #777777; }
.sortbar { padding: 0 0 8px 0; margin-bottom: 4px; border-bottom: 1px solid #e3ebc2; font-size: 11px; color: #666666; }
.sortbar b { color: #e55100; }
.empty { padding: 20px 10px; text-align: center; color: #777777; font-size: 13px; }
.err {
  margin-bottom: 14px; padding: 10px 14px; border: 1px solid #e0a0a0; background: #fdeaea; color: #8a1f1f;
}

table.rows { border-collapse: collapse; }
table.rows td { padding: 8px 6px; border-bottom: 1px solid #e8efcf; vertical-align: top; }
table.rows tr.even td { background: #f9fbee; }
table.rows tr:last-child td { border-bottom: 0; }
table.rows td.i { width: 58px; }
table.rows td.m { width: 170px; font-size: 11px; color: #777777; }
table.rows td.b { width: 90px; text-align: right; vertical-align: middle; }
table.rows a.n { font: bold 14px Arial, Tahoma, sans-serif; }
.en { color: #999999; font-size: 11px; }
.s { color: #777777; font-size: 11px; margin-top: 2px; }
.s a.au { color: #666666; }
.ds { margin-top: 3px; color: #555555; font-size: 11px; }
img.ico { border: 1px solid #d3deaa; background: #ffffff; padding: 1px; }

table.grid td { padding: 6px 4px 10px 4px; text-align: center; }
table.grid .gn { margin-top: 4px; font-weight: bold; font-size: 11px; }
table.grid .gs { color: #888888; font-size: 10px; }

.pager { margin-top: 10px; padding: 8px 0 0 0; border-top: 1px solid #e3ebc2; font-size: 12px; }
.pager .pl { color: #777777; margin-right: 4px; }
.pager a, .pager b.cur, .pager .dots { display: inline-block; *display: inline; zoom: 1; padding: 1px 6px; margin-right: 1px; }
.pager b.cur { background: #93b02a; color: #ffffff; text-shadow: 0 1px 0 #6f8620; border: 1px solid #6f8620; padding: 0 5px; }
.pager a { border: 1px solid #c3d683; padding: 0 5px; text-decoration: none; }
.pager a:hover { border-color: #e55100; }

table.card td { padding: 4px 8px 4px 0; }
td.ci { width: 112px; }
td.ci img.ico { padding: 3px; }
.card h1 { font-size: 22px; color: #4a5f12; }
.en2 { color: #999999; font-size: 12px; margin-top: 1px; }
table.props { margin-top: 10px; }
table.props td { padding: 2px 10px 2px 0; }
table.props td.k { color: #888888; }
table.props td.pk { color: #777777; font-family: "Courier New", Courier, monospace; font-size: 11px; }
td.cb { width: 190px; text-align: right; }
a.dl {
  display: block; padding: 10px 14px 8px 14px; text-align: center;
  background: #a5c13a url(../img/bg-btn-g.png) repeat-x 0 0; border: 1px solid #6f8620;
  color: #2f3d05; font: bold 18px Arial, Tahoma, sans-serif; text-decoration: none; text-shadow: 0 1px 0 #e3f08f;
}
a.dl span { display: block; font-size: 11px; font-weight: normal; margin-top: 2px; }
a.dl:hover { color: #000000; border-color: #566b10; }
.nodl { padding: 10px; border: 1px solid #d6d6d6; background: #f3f3f3; color: #777777; text-align: center; }
.desc { font-size: 13px; line-height: 1.5; }
.shots { white-space: nowrap; overflow: auto; padding-bottom: 4px; }
img.shot { border: 1px solid #c3d683; padding: 2px; margin-right: 4px; background: #ffffff; vertical-align: top; }

table.vers th {
  background: #e9f1c4 url(../img/bg-th.png) repeat-x 0 0; text-align: left; font-size: 11px;
  padding: 4px 8px; border-bottom: 1px solid #c3d683; color: #4a5f12;
}
table.vers td { padding: 6px 8px; border-bottom: 1px solid #e8efcf; }
.curv { color: #6f8620; font-size: 10px; font-weight: bold; }

#footer {
  margin-top: 10px; padding: 14px 0 24px 0; border-top: 1px solid #c3d683; background: #f3f7e0;
  font-size: 11px; color: #777777;
}
#footer .f-r { float: right; width: 400px; text-align: right; }
#footer .copy { margin-top: 6px; color: #999999; }

.clientbtn { margin-bottom: 14px; }
.clientbtn a { display: block; line-height: 0; font-size: 0; }
.clientbtn img { display: block; width: 200px; height: auto; border: 1px solid #6f8620; }
.clientbtn a:hover img { border-color: #e55100; }

.sbn { margin-bottom: 14px; line-height: 0; font-size: 0; }
.sbn a { display: block; }
.sbn img { display: block; width: 100%; height: auto; }
.sbn a:hover { background: #ffffff; }

table.dlp { width: 100%; table-layout: fixed; }
table.dlp td.vl { width: 190px; padding-right: 14px; vertical-align: top; }
table.dlp td.vd { vertical-align: top; }
ul.vlist { margin: 0; padding: 0; list-style: none; border: 1px solid #c3d683; }
ul.vlist li { border-bottom: 1px solid #e8efcf; }
ul.vlist li:last-child { border-bottom: 0; }
ul.vlist li a { display: block; padding: 7px 9px; text-decoration: none; color: #333333; background: #f9fbee; }
ul.vlist li a:hover { background: #e9f1c4; color: #e55100; }
ul.vlist li.on a { background: #93b02a; color: #ffffff; text-shadow: 0 1px 0 #6f8620; cursor: default; }
ul.vlist b { font: bold 14px Arial, Tahoma, sans-serif; }
ul.vlist .vm { display: block; font-size: 10px; color: #888888; }
ul.vlist li.on .vm { color: #f0f6d0; }
.vnew { color: #e55100; font-size: 10px; font-weight: bold; }
ul.vlist li.on .vnew { color: #ffffff; }
.vhead { margin-bottom: 8px; }
.vhead h2 { font-size: 20px; color: #4a5f12; }
.vchg { margin: 8px 0 12px 0; padding: 0 0 0 18px; }
.vchg li { margin: 1px 0; }
.dlbtn { width: 220px; margin: 10px 0 14px 0; }
.vshots { white-space: nowrap; overflow: auto; padding-bottom: 6px; }
.vshots img.shot { height: 360px; width: auto; }
.noshot { padding: 30px 10px; text-align: center; color: #888888; border: 1px dashed #c3d683; background: #f9fbee; }

.about { font-size: 13px; line-height: 1.55; }
.about h2 { margin: 14px 0 4px 0; font-size: 15px; color: #4a5f12; }
.about h2.first { margin-top: 0; }
.about p { margin: 0 0 8px 0; }
.about ul { margin: 0 0 8px 0; padding-left: 20px; }
.about li { margin: 2px 0; }

.desc a.ext, .desc a.ext:visited { color: #0645ad; text-decoration: underline; word-wrap: break-word; }
.desc a.ext:hover { color: #0b0080; }

.acc .bb { padding: 8px 9px; font-size: 12px; }
.acc label { display: block; margin-bottom: 6px; color: #4a5f12; }
.acc .fi { width: 96%; }
.accf { margin: 0; }
.accf input.btn { margin-top: 4px; }
.accn { margin-bottom: 6px; }
.accl { margin-top: 8px; font-size: 12px; }
.accok, .accerr { padding: 5px 7px; margin-bottom: 8px; font-size: 12px; border: 1px solid; }
.accok { border-color: #93b02a; background: #f1f7dc; color: #4a5f12; }
.accerr { border-color: #d58a6a; background: #fbeee8; color: #8a2d0c; }
input.fi, textarea.fi, select { font-size: 12px; font-family: Tahoma, Arial, sans-serif; }
input.fi { padding: 2px; border: 1px solid #c3d683; }
textarea.fi { border: 1px solid #c3d683; }
.accreg td.k { white-space: nowrap; color: #4a5f12; font-size: 12px; vertical-align: top; }
img.cap { border: 1px solid #c3d683; vertical-align: middle; margin-bottom: 4px; }
.rsum { padding: 4px 0 8px 0; font-size: 13px; border-bottom: 1px solid #e3ebc2; margin-bottom: 8px; }
.rstars img { margin-right: 1px; }
.rform { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e3ebc2; font-size: 12px; }
.rfl { margin-bottom: 6px; color: #4a5f12; }
.rhint { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e3ebc2; font-size: 12px; color: #555555; }
.rv { padding: 8px 0; border-bottom: 1px solid #eef3d2; font-size: 13px; }
.rv .rvh { margin-bottom: 2px; }
.rv .rvm { font-size: 11px; color: #777777; margin-bottom: 4px; }
.rv .rvt { line-height: 1.5; }
.rv .rvt a.ext { color: #0645ad; }

.hp { position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; overflow: hidden; }
.pcard { text-align: center; padding: 2px 0 8px 0; }
.pwrap { position: relative; width: 80px; height: 80px; margin: 0 auto; }
.pava { display: block; border: 1px solid #c3d683; padding: 2px; background: #ffffff; }
.pedit { position: absolute; right: -6px; bottom: -6px; display: none; background: #ffffff; border: 1px solid #c3d683; padding: 2px; line-height: 0; }
.pwrap:hover .pedit { display: block; }
.pedit img { display: block; }
.pnick { position: relative;text-align: center;margin-top: 9px; font-size: 14px; color: #222222; }
.pnick b { color: #0645ad; }
.pedit2 { visibility: hidden; position: absolute;margin-left: 6px;vertical-align: middle; line-height: 0; }
.pnick:hover .pedit2 { visibility: visible; }
.psmall { font-size: 11px; color: #777777; margin-top: 2px; }
.pout { text-align: center; margin: 6px 0 0 0; }
.pform { margin-bottom: 8px; font-size: 12px; }
.phint { color: #777777; font-size: 11px; margin: 3px 0 6px 0; }

.rv { overflow: hidden; }
.rv .rava { float: left; margin: 2px 10px 0 0; border: 1px solid #c3d683; padding: 1px; background: #ffffff; }
.rv .rbody { overflow: hidden; }

.userplate { margin: 6px 0 10px 0; padding: 7px 9px; border: 1px solid #e0b060; background: #fff6df; color: #6a4a00; font-size: 12px; }
.uplain { font-size: 12px; color: #555555; margin-bottom: 10px; line-height: 1.5; }
.uhead { font-size: 15px; font-weight: bold; color: #4a5f12; margin-bottom: 8px; }
.ureq { color: #b03010; font-size: 11px; }
.myapps th { font-size: 12px; color: #4a5f12; border-bottom: 1px solid #c3d683; }
.myapps td { font-size: 12px; border-bottom: 1px solid #eef3d2; }

.upform { font-size: 12px; max-width: 520px; }
.upform .ufield { margin-bottom: 10px; }
.upform .ulabel { font-weight: bold; color: #4a5f12; margin-bottom: 3px; }
.upform input.fi, .upform textarea.fi, .upform select.fi { display: block; width: 100%; box-sizing: border-box; padding: 3px; }
.upform input[type=file].fi { border: none; padding: 0; }
.upform .uicon { overflow: hidden; }
.upform .uicon img { float: left; margin: 0 10px 6px 0; border: 1px solid #c3d683; padding: 2px; background: #ffffff; }
.upform .uicon .phint { margin-top: 0; }
.upform input.btn { margin-top: 6px; }

.upprogress { margin: 10px 0; }
.upprogress .uplabel { margin: 6px 0 2px 0; font-size: 12px; color: #4a5f12; }
.upbox { width: 100%; max-width: 420px; height: 12px; border: 1px solid #c3d683; background: #f4f8e4; }
.upbar { height: 12px; width: 0; background: #8bb32a; }