* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

BODY {margin: 0; padding: 21px 0; background: #E1E1E1 url(../images/bg.gif) repeat-x; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #454545; text-align: center;}
IMG {border: 0;}
A {color: #454545; text-decoration: underline;}
FORM {margin: 0;}
INPUT, SELECT, TEXTAREA {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #454545;}
TEXTAREA {background: #FFF; overflow: auto;}
.clear {clear: both; height: 1px; overflow: hidden; text-indent: 0%;}
.error {font-size: 10px; color: #FF0000;}
SUP, .red {color: #FF0000;}
.blue {color: #3298FF;}
.orange {color: #F68C00;}

TR.dark TD {background: #FEF3E5;}

a.bt-blue {background: #3298FF url(../images/bt_blue.gif) no-repeat; color: #fff; text-decoration: none; height: 18px; cursor: pointer; display: block; float: left; margin-right: 7px;}
a.bt-blue SPAN {background:  url(../images/bt_blue.gif) 100% -18px no-repeat; height: 18px; padding: 2px 7px 0 16px; display: block; float: left; cursor: pointer;}

a.bt-orange {background: #F68C00 url(../images/bt_orange.gif) no-repeat; color: #fff; text-decoration: none; height: 18px; cursor: pointer; display: block; float: left; margin-right: 7px;}
a.bt-orange SPAN {background:  url(../images/bt_orange.gif) 100% -18px no-repeat; height: 18px; padding: 2px 7px 0 16px; display: block; float: left; cursor: pointer;}

#wrapper {width: 780px; margin: 0 auto; text-align: left; background: #FFF url(../images/bg_wrapper.gif) repeat-y;}
#wrapper1 {background: url(../images/bg_wrapper1.gif) no-repeat;}
#wrapper2 {background: url(../images/bg_wrapper2.gif) 0 100% no-repeat; padding: 1px; width: 100%;}

#header {background: url(../images/bg_header.jpg) 0 47px no-repeat; height: 279px; position: relative;}
#header big {position: absolute; top: -22px; left: -29px;}
#header small {border: 1px solid #FFF; position: absolute; top: 139px; right: 20px;}
#header P {margin: 0; height: 47px; text-align: right; padding: 18px 20px 0;}

#nav {padding: 180px 0 0 103px; width: 100%;}
#nav TABLE {width: 100%; border-collapse: collapse; font-size: 11px; font-weight: bold; /*table-layout: fixed;*/}
#nav TD {padding: 0; text-align: center; height: 38px;}
#nav TD.left A {background: #5DA100 url(../images/bg_nav.gif) no-repeat;}
#nav A {display: block; height: 38px; color: #FFF; background-color: #5DA100; border-left: 1px solid #FFF; padding-top: 12px;}
#nav A#active {display: block; height: 38px; color: #5DA100; background: #FFF;}

#content {padding: 0 10px; width: 100%;}

#left-col {width: 182px; float: left;}

#menu {padding: 5px 10px; width: 100%;}
#menu UL {padding: 0; margin: 0; list-style: none;}
#menu LI {padding: 0 0 1px 10px; margin: 0; background: url(../images/arr_blue.gif) 0 6px no-repeat;}
#menu LI.title {padding: 0 0 3px 0; margin: 0; background: none; color: #3298FF;}

#right-col {width: 566px; float: right;}

#search {padding: 0 10px; width: 100%; position: relative; height=110px; min-height: 110px;}
#search BIG {position: absolute; left: 15px; bottom: -9px;}
#search DL {padding: 0; margin: 0; position: absolute; left: 95px; top:0; font-size: 12px; font-weight: bold; text-align: left; color: #F68C00;}
#search DT {padding: 6px 0 6px 10px; margin: 0; background: url(../images/arr_green.gif) 0 12px no-repeat;}

#search TABLE {border-collapse: collapse; font-size: 11px; width: 52%; background: url(../images/bg_dashed.gif) repeat-y;}
#search TABLE TABLE {width: auto; background: none;}
#search TD {padding: 4px 0 4px 10px;}
#search TD TD {padding: 0;}

#list {width: 100%;}
#list TABLE {border-collapse: collapse; font-size: 11px; width: 100%;}
#list TD {padding: 10px 10px 5px; vertical-align: top;}
#list P {padding: 5px 0 10px; margin: 0;}

#text {width: 100%; padding: 5px 10px;}
#text P {margin: 0 0 10px;}
#text TABLE {font-size: 11px;}

H1, H2, H3, H4 {margin: 0 0 10px; font-family: Arial, Tahoma, sans-serif;}
H1 {font-size: 18px; font-weight: normal;}
H2 {font-size: 15px;}
H3 {font-size: 13px;}
H4 {font-size: 11px;}

.frame, .frame-active {width: 100px; height=75px; min-height: 75px;}
.frame A, .frame SPAN {border: 1px solid #fff; width: 100px; display: block; overflow: hidden; margin: 0;}
.frame A.index, .frame SPAN {border: 1px solid #ccc;}
.frame A:hover {border: 1px solid #F68C00;}
.frame A IMG {filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
.frame A:hover IMG {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
.frame-active SPAN {border: 1px solid #F68C00; width: 100px; display: block;  overflow: hidden;}
.frame-big {width: 500px; overflow: hidden; text-align: center;}

.blue-top {background: url(../images/bg_blue.gif) no-repeat;}
.blue-top SPAN {background: url(../images/bg_blue.gif) 100% -10px no-repeat;}
.blue-bottom {background: url(../images/bg_blue.gif) 0 -20px no-repeat;}
.blue-bottom SPAN {background: url(../images/bg_blue.gif) 100% -30px no-repeat;}

.green-top {background: url(../images/bg_green.gif) no-repeat;}
.green-top SPAN {background: url(../images/bg_green.gif) 100% -10px no-repeat;}
.green-bottom {background: url(../images/bg_green.gif) 0 -20px no-repeat;}
.green-bottom SPAN {background: url(../images/bg_green.gif) 100% -30px no-repeat;}

.orange-top {background: url(../images/bg_orange.gif) no-repeat;}
.orange-top SPAN {background: url(../images/bg_orange.gif) 100% -10px no-repeat;}
.orange-bottom {background: url(../images/bg_orange.gif) 0 -20px no-repeat;}
.orange-bottom SPAN {background: url(../images/bg_orange.gif) 100% -30px no-repeat;}

.blue-top SPAN, .blue-bottom SPAN, .green-top SPAN, .green-bottom SPAN, .orange-top SPAN, .orange-bottom SPAN {display: block; height: 10px; overflow: hidden;}

.header-orange {background: #F88E02 url(../images/header_orange.gif) no-repeat;}
.header-orange H2 {background:  url(../images/header_orange.gif) 100% -40px no-repeat; height: 40px; font-family: Tahoma; font-size: 11px; font-weight: bold; color: #fff; padding: 9px 10px 0; margin: 0;}
.header-orange A {color: #fff;}

.sort-table {width: 100%;}
.sort-table TABLE {background:  url(../images/header_orange.gif) no-repeat; font-size: 11px;}
.sort-table TH {height: 40px; font-size: 11px; font-weight: bold; color: #fff; text-align: left; vertical-align: top; padding-top: 8px; border-right: 1px solid #FFF;}
.sort-table TH.right {background:  url(../images/header_orange.gif) 100% -40px no-repeat; border: 0;}
.sort-table TH A {color: #fff;}

#footer {height: 53px; text-align: center;  padding: 21px 20px 0; position: relative;}
#stat {position: absolute; top: 13px; left: 20px;}

.info {margin: 0; padding: 5px; border: 1px solid #888; width: 200px; overflow: hidden; position: absolute; background-color: #ffc; z-index:500;}
.content-table {width: 100%;}
.content-table TH {text-align: left; padding: 0 6px 6px; border-bottom: 1px solid #ddd;}
.content-table TD {padding: 6px;}

#p {width: 780px; margin: 0 auto; padding-top: 5px; font-size: 10px; color: #808080;}
#p a {color: #808080; text-decoration: none;}

ul.star-list {padding-left: 0; margin-left: 15px;}
ul.star-list LI {margin-bottom: 4px;}

.table-album {margin: 10px 0;}
.table-album TD {padding: 0 10px 15px 0; vertical-align: top; text-align: left;}
.table-album TD SPAN {display: block; line-height: normal; padding-top: 4px; font-size: 11px;}
.table-album TD SPAN A {font-size: 10px; text-decoration: none;}
.table-album TD SPAN A:hover {text-decoration: underline;}
.table-album TD IMG {font-size: 11px;}