/* reset */
body {
margin: 0;
padding: 0;
}
a img {
border: 0;
}
form {
margin: 0;
}
input,select {
overflow: visible;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
table td {
padding: 0;
}
/* tools */
.clear {
height: 1px;
font-size: 1px;
clear: both;
}
.center {
text-align: center;
}
.center table,.center div {
margin-left: auto;
margin-right: auto;
text-align: left;
}
.center .wrap {
display: table;
text-align: center;
}
.center .wrap .float {
display: table-cell;
float: left;
}
.antibot {
margin-top: -5px;
position: relative;
top: 5px;
}
/* common */
body {
font-size: 14px;
font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
background: #fff;
color: #4c78d8;
padding: 10px;
min-width: 966px;
}
a {
color: #0e47bf;
}
h1 {
text-align: center;
font-size: 18px;
}
h2 {
text-align: center;
font-size: 16px;
}
.butblock {
width: 88px;
height: 31px;
float: left;
}
/* errors/messages */
.error {
color: #ea3030;
background: #feaeae;
border: 1px solid #fe6363;
}
.message {
color: #1b59a8;
padding: 5px;
background: #7eb5ed;
border: 1px solid #196cc8;
}
.error,.message {
padding: 5px;
margin: 10px 0;
}
/* header */
#head {
margin-bottom: 16px;
}
#head .center {
margin: 0 210px;
}
#logo,#uhi {
width: 210px;
height: 118px;
}
#logo {
float: left;
}
#logo a {
display: block;
}
#logo a,#logo img {
width: 210px;
height: 73px;
}
#uhi {
float: right;
text-align: center;
}
#banner {
width: 529px;
height: 83px;
text-align: center;
}
#banner * {
margin-top: 8px;
}
.menu a {
font-weight: bold;
}
#head .menu {
width: 529px;
height: 33px;
text-align: center;
line-height: 28px;
}
#head .menu label,#menu-b a {
color: #fff;
font-weight: bold;
}
#head .menu label {
margin-right: 8px;
}
#head .menu select {
margin-right: 12px;
}
#menu-t {
background: #1048bf url(bg_menu_t.png) no-repeat;
}
#menu-b {
background: #1048bf url(bg_menu_b.png) no-repeat;
}
#menu-t form {
padding-left: 18px;
}
#menu-t select,#menu-t input {
position: relative;
top: 6px;
}
#menu-t label,#menu-t select,#menu-t input {
float: left;
}
#menu-t select {
width: 120px;
}
#menu-b a {
margin: 0 20px;
}
.stripe {
height: 7px;
font-size: 1px;
background: #4a77d8 url(bg_stripe.png) repeat-x;
margin: 2px 0;
}
/* content */
.column {
width: 210px;
}
#column-l {
float: left;
}
#column-r {
float: right;
}
.colbox h3 {
height: 33px;
background: #1048bf url(bg_header.png) no-repeat;
color: #fff;
margin: 0;
text-align: center;
line-height: 28px;
font-size: 16px;
margin-bottom: 8px;
}
.colbox .stripe {
margin: 8px 0 16px;
}
.column .menu a.first {
border-top: 1px solid #ccc;
}
.column .menu a {
display: block;
height: 22px;
border-bottom: 1px solid #ccc;
text-decoration: none;
padding-left: 22px;
}
.column .menu a:hover,.column .menu a.current {
background: #cfdaf4;
}
.grid td {
padding: 2px 8px;
text-align: right;
}
#content {
margin: 0 210px 20px;
padding: 0 10px;
}
.list {
width: 100%;
}
.list th {
border-top: 1px solid #ccc;
text-align: center;
}
.list td,.list th {
padding: 2px;
}
.list tr.hover {
background-color: #cfdaf4;
}
.list .left {
text-align: left;
}
.list .right {
text-align: right;
}
a.expand {
display: block;
}
.list tr.emboss {
font-weight: bold;
}
.column .list {
border-bottom: 1px solid #ccc;
}
#content .list td,.list th {
border-bottom: 1px solid #ccc;
}
#content .list th {
color: #ff571f;
}
#rating-memo {
text-align: center;
color: #ff571f;
}
#partner td {
padding: 0 4px;
text-align: center;
}
#partner td a {
display: block;
}
#partner td a img {
margin: 0 auto;
}
.matrix td {
padding: 4px 8px;
}
table.form label {
display: block;
text-align: right;
}
table.form td {
padding: 2px 4px;
vertical-align: top;
}
table.form .wide {
width: 150px;
}
/* footer */
#links {
height: 50px;
line-height: 42px;
text-align: center;
border-bottom: 2px solid #4776d8;
}
#links a {
color: #4f4f4f;
}
#footer {
height: 74px;
background: #fff url(bg_footer.png) repeat-x;
}
#footer .menu a {
height: 67px;
margin-top: 1px;
padding: 0 8px;
line-height: 62px;
text-decoration: none;
}
#footer .menu a:hover,#footer .menu a.current {
background: #cfdaf4;
}
#footer .menu .separator {
width: 1px;
height: 67px;
margin-top: 1px;
background: #fff url(bg_sep.png) no-repeat;
}
#footer .side {
width: 180px;
padding: 16px 10px;
}
#button {
float: left;
}
#copyright {
float: right;
color: #4f4f4f;
font-size: 12px;
}
#copyright a {
color: #ff571f;
text-decoration: none;
}
#copyright a:hover {
text-decoration: underline;
}
/* ugly col imitation for firefox */
#list-monitor td:first-child+td,#list-monitor td:first-child+td+td {
text-align: center;
}
#list-monitor td:first-child+td+td+td,#list-monitor td:first-child+td+td+td+td {
text-align: right;
}
#list-volume td:first-child+td {
text-align: right;
}
#list-stat td {
text-align: right;
}
#list-stat td:first-child {
text-align: left;
}
#list-position td:first-child+td,#list-position td:first-child+td+td {
text-align: center;
}
#list-position-rate td {
text-align: right;
}
#list-position-rate td:first-child {
text-align: center;
}
#list-visit td {
text-align: center;
}