body {
margin: 0px;
background: url("/images/1.gif");
}
td, input, select, button {
font-size: 11px;
font-family: Tahoma, Verdana, Arial, Helvetica;
color: black;
}
h1, h2 {
font-size: 11px;
text-align: center;
margin: 0;
font-weight: normal;
}
h1.blanche {
background: url('/images/27.gif');
height: 20px;
text-align: right;
margin: 0;
padding-right: 10px;
line-height: 16px;
font-weight: bold;
}
A:link, A:active, A:visited {
text-decoration: underline;
color: black;
}
A:hover {
color: #7c7e81;
text-decoration: none;
}
/* common */
a img {
border: 0;
}
.error {
color: red !important;
}
#overDiv div {
padding: 6px;
}
.center {
text-align: center;
}
.center table {
margin-left: auto;
margin-right: auto;
text-align: left;
}
.hide {
display: none;
}
.links {
text-align: center;
height: 33px;
}
.links a {
color: black;
}
.links .sep {
padding: 0 6px;
text-align: center;
}
.links a img {
width: 5px; height: 3px;
}
/* menus */
.dropm {
position: absolute;
left: 0;
top: 0;
width: 180px;
display: none;
padding:0px;
}
.dropm table {
width: 180px;
border-bottom: 1px solid #aca899;
}
.dropm .head {
background: url(/images/22.gif);
text-align: center;
}
.dropm .head img {
width: 11px;
height: 6px;
}
.dropm .line {
background-color: #ffffff;
border-left: 1px solid #aca899;
border-right: 1px solid #aca899;
height: 20px;
}
.dropm .line a {
text-decoration: none;
cursor: pointer;
color: black;
padding: 3px 0 4px;
background: #ffffff;
display: block;
}
.dropm .line a:hover {
color:#ffffff;
background: #e77817 url(/images/24.gif) right repeat-y;
text-decoration: none;
}
.dropm .line img {
width: 3px;
height: 5px;
margin: 0 8px;
}
.dropm br.sep {
font-size: 21px;
}
/* forms */
.field-top {
padding-top: 3px;
}
.field-bottom {
padding-bottom: 3px;
}
.field-side {
width: 25px;
text-align: center;
}
.field input,
.field-top input,
.field-bottom input {
width: 100%;
}
.field-side input {
width: 17px;
height: 45px;
}
/* page header */
#head {
width: 100%;
height: 130px;
}
#head .uh {
width:228px;
}
#head .uh table {
width: 100%;
height: 130px;
}
#head .uh .head {
font-size: 10px;
padding-bottom: 2px;
background: url(/images/5.gif);
text-align: center;
height: 23px;
}
#head .uh .head-side {
width: 19px;
}
#head .uh .head-side img {
width: 19px;
height: 23px;
}
#head .uh .form {
text-align: center;
}
#head .uh .form form {
width: 170px;
margin: 0px auto;
}
#head .uh .form table {
width: 170px;
height: 100%;
}
#head .uh .foot {
height: 28px;
}
#head .uh .foot img {
width: 161px;
height: 28px;
}
#logo {
height: 130px;
text-align: center;
}
#logo h1 {
height: 13px;
overflow: hidden;
}
#logo img {
width: 295px;
height: 112px;
margin-top: 1px !important;
margin-top: 3px;
}
/* header bar */
#head-bar {
width: 100%;
background: url(/images/10.gif);
}
#head-bar .lang {
width: 70px;
}
#head-bar .lang img {
width: 48px;
height: 24px;
}
#head-bar .foot {
height: 14px;
}
/* columns */
.column {
width: 295px;
vertical-align: top;
text-align: center;
}
.column .item {
width: 252px;
}
.column .item .head-l,
.column .item .head-r {
height: 32px;
font-weight: bold;
color: #ffffff;
cursor: default;
}
.column .item .head-l {
background: url(/images/12.gif);
padding-left: 15px;
}
.column .item .head-r {
background: url(/images/16.gif);
padding-left: 20px;
}
.column .item .head-side-l {
background: url(/images/13.gif);
width: 7px;
}
.column .item .head-side-r {
background: url(/images/17.gif);
width: 7px;
}
.column .item .head-side-l img,
.column .item .head-side-r img {
width: 7px;
height: 1px;
}
.column .item .content-l,
.column .item .content-r {
border-bottom: 1px solid #acb9d0;
background-color: #eaedf3;
padding: 10px;
}
.column .item .content-l {
border-left: 1px solid #acb9d0;
}
.column .item .content-r {
border-right: 1px solid #acb9d0;
}
.column .item .form {
padding: 0;
}
.column .item .form form {
margin: 0;
}
.column .item .form form table {
width: 200px;
}
.column .item .content-side-l {
background: url(/images/13.gif);
width: 7px;
vertical-align: bottom;
}
.column .item .content-side-r {
background: url(/images/17.gif);
width: 7px;
vertical-align: bottom;
}
.column .item .content-side-l img,
.column .item .content-side-r img {
width: 7px;
height: 73px;
}
.grid td {
padding: 0 2px;
}
.grid .label {
text-align: right;
}
.list .bull img {
width: 4px;
height: 20px;
}
.padded td {
padding: 4px 8px !important;
}
ul.marked {
list-style: none;
}
ul.marked li {
background: url(/images/28.gif) no-repeat center left;
padding-left: 12px;
margin: 6px 0;
}
/* footer */
#ban-bar {
width: 100%;
height: 70px;
}
#ban-bar td {
text-align: center;
}
#ban-bar .side  {
width: 265px;
}
#footer {
width: 100%;
height: 54px;
background: url(/images/18.gif);
}
#footer .head {
height: 15px;
}
#footer .head table {
width: 100%;
}
#footer .head .side {
width: 109px;
}
#footer .head .side img {
width: 109px;
height: 15px;
}
#footer .head .dev {
text-align: right;
padding-right: 8px;
}
#footer .head .dev a {
text-decoration: none;
color: #7c7e81;
}
#footer .head .dev a:hover {
text-decoration: none;
color: black;
}
/* inner pages */
.content {
width: 100%;
}
.content .head {
background: url(/images/27.gif);
height: 20px;
text-align: right;
font-weight: bold;
padding: 0 10px;
}
.content .wide-l {
background: url(/images/27.gif);
width: 100px;
height: 70px;
text-align: center;
}
.content .wide-r {
background: url(/images/26.gif);
text-align: center;
padding: 6px;
}
.content .form-l,
.content .form-r,
.content .form-n {
background: url(/images/26.gif);
padding: 4px 8px;
}
.content .form-l,
.content .form-r {
width: 50%;
}
.content .form-l {
text-align: right;
height: 25px;
}
.content .form-r {
font-weight: bold;
}
.content .form-c {
background: url(/images/27.gif);
text-align: center;
}
.content .em-l,
.content .em-r {
font-size: 14px;
color: #e33;
font-weight: bold;
background: url(/images/27.gif);
padding: 4px 8px;
}
.content .em-l {
text-align: right;
}
.content .em-r label {
font-weight: bold;
}
.content .caption {
text-align: center;
padding: 6px 8px;
background: url(/images/26.gif);
width: 50%;
color: #e17516;
font-weight: bold;
}
.caption2 {
text-align: center;
padding: 6px 8px !important;
background: url(/images/27.gif);
width: 50%;
font-weight: bold;
}
.caption3 {
text-align: center;
padding: 6px 8px !important;
background: url(/images/27.gif);
font-weight: bold;
}
.content .subhead {
font-weight: bold;
text-align: center;
}
.content .text {
background: url(/images/26.gif);
padding: 10px;
}
.content .help-l,
.content .help-r {
padding: 10px;
}
.content .help-l {
background: #f5f5f5;
width: 200px;
}
.content .help-r {
background: #fcfcfc;
}
.content .shop {
width: 100%;
}
.content .shop-l,
.content .shop-r {
background: url(/images/26.gif);
padding: 4px 8px;
}
.content .shop-r {
text-align: right;
}
.content .shop-r form {
margin: 0;
}
.content .shop-c {
background: url(/images/27.gif);
text-align: center;
}
/* hints */
.hint {
position: absolute;
border: 1px solid #acb9d0;
background: white;
width: 200px;
padding: 4px 8px;
text-align: left;
}
.hint-frame {
position: absolute;
z-index: -1;
width: 200px;
left: 0;
top: 0;
border: none;
}