html {
width:100%;
height:100%;
}
body{
font-family:Tahoma, Verdana, sans-serif;
font-size:11px;
background-color:#b7b7b7;
width:100%;
height:100%;
margin:0px;
padding:0px;
}
a {
text-decoration:none;
color:#000;
}
a:hover {
text-decoration:underline;
color:#999;
}
img, object {
display:block;
margin:0;
padding:0;
border:none;
}
.clear{
clear:both;
}
form {
padding:0;
margin:0;
}
/*--------==========/ [Main Skin] /==========--------*/
div#wrapper {
position:relative;
left:50%;
width:700px;
margin-left:-350px;
}
div#skinL {
display:inline;
float:left;
width:700px;
background:url(../skin/shadow_l.jpg) repeat-y left top;
}
div#skinR {
display:inline;
float:left;
width:693px;
margin-left:7px;
background:url(../skin/shadow_r.jpg) repeat-y right top;
}
div#skinM {
display:inline;
float:left;
width:686px;
background-color:#f1f1f1;
}
/*--------==========/ [Left Nav] /==========--------*/
div#leftNav {
display:inline;
float:left;
width:133px;
padding-bottom:50px;
background-color:#f1f1f1;
}
div#leftNav div#headerBlock {
width:133px;
height:133px;
background-color:#d6ecbe;
}
div#leftNav div#headerBlock div.langFlags {
display:inline;
float:left;
width:50px;
height:13px;
margin-top:115px;
margin-left:80px;
}
div#leftNav div#headerBlock div.langFlags a.bgFlag {
display:inline;
float:left;
width:23px;
height:13px;
background:url(../skin/bg_flag.jpg) no-repeat left top;
}
div#leftNav div#headerBlock div.langFlags a.enFlag {
display:inline;
float:left;
width:23px;
height:13px;
margin-left:3px;
background:url(../skin/en_flag.jpg) no-repeat left top;
}
div#leftNav div#slogo {
width:133px;
height:171px;
background:url(../skin/hdr_l_txt.jpg) no-repeat left top;
}
div#leftNav div#slogo_en {
width:133px;
height:171px;
background:url(../skin/hdr_l_txt_en.jpg) no-repeat left top;
}
div#leftNav div.itemBox {
width:133px;
background-color:#d6ecbe;
}
div#leftNav div.itemBox div.itemTtl {
width:100%;
height:26px;
padding:5px 0;
padding-bottom:0;
background:url(../skin/menu_ttl_bg.jpg) repeat-x left top;
text-align:center;
font-weight:bold;
color:#666;
}
div#leftNav div.itemBox div.itemTtl span{
display:inline;
padding-right:20px;
font-size:10px;
background:url(../skin/leftnav_dot.jpg) no-repeat center;
}
div#leftNav div.itemBox p {
width:113px;
margin:0;
padding:5px 10px;
}
div#leftNav div.itemBox ul {
display:block;
margin:0;
padding:0;
padding-left:10px !important;
padding-left:5px;
list-style-type:none;
list-style:url(../skin/arrow2.jpg);
list-style-position:inside;
}
div#leftNav div.itemBox ul li {
margin:0;
padding:0;
}
div#leftNav div.itemBox a {
margin:0;
padding:0 !important;
padding-left:5px;
color:#000;
text-decoration:none;
}
div#leftNav div.itemBox a:hover {
text-decoration:underline;
}
div#leftNav div.itemBox input {
width:115px;
margin:1px;
padding:1px;
font-size:12px;
border:1px solid #ccc;
}
div#leftNav div.itemBox div.leftNavLine {
margin:0;
margin-left:5px;
padding:0;
}
/*--------==========/ [Header] /==========--------*/
div#header {
display:inline;
float:left;
width:553px;
margin-bottom:20px;
}
div#header div#hTop {
width:553px;
height:133px;
background:url(../skin/logo.jpg) no-repeat 0 32px;
}
div#header div#hTop_en {
width:553px;
height:133px;
background:url(../skin/logo_en.jpg) no-repeat 0 32px;
}
div#header div#hMenu {
width:539px;
height:23px;
padding-top:4px;
background:#e5e7bf url(../skin/shadow_header.jpg) no-repeat -1px 24px;
text-align:center;
font-size:13px;
font-weight:bold;
}
div#header div#hMenu a {
margin-right:15px;
color:6c6c6c;
text-decoration:none;
}
div#header #iv#hMenu a:hover {
color:#8ac432;
}
div#header div#hMenu span {
width:15px;
border-left:1px solid #6f6d70;
font-size:10px;
}
/*--------==========/ [Content] /==========--------*/
div#content {
display:inline;
float:left;
width:540px;
padding-bottom:10px;
}
div#content div.cBox {
display:inline;
float:left;
width:533px;
margin-left:7px;
margin-top:15px;
}
div#content div.cBox div.cTtl{
width:533px;
height:25px;
margin-bottom:5px;
}
div#content div.cBox div.cTtlLine {
display:inline;
float:left;
width:1px;
height:25px;
margin-right:1px;
background-color:#abd775;
font-size:0px;
}
div#content div.cBox div.cTtlL {
display:inline;
float:left;
width:2px;
height:25px;
background:url(../skin/main_ttl_l.jpg) no-repeat left top;
font-size:0px;
}
div#content div.cBox div.cTtlBg {
display:inline;
float:left;
width:526px;
height:20px;
padding-top:5px;
background:url(../skin/main_ttl_bg.jpg) repeat-x left top;
font-size:11px;
font-weight:bold;
color:#53614a;
}
div#content div.cBox div.cTtlR {
display:inline;
float:left;
width:3px;
height:25px;
background:url(../skin/main_ttl_r.jpg) no-repeat left top;
font-size:0px;
}
div#content div.cBox p {
margin:0px;
padding:4px;
}
div.arrow {
display:inline;
float:left;
width:11px;
height:11px;
margin:2px;
background:url(../skin/arrow.jpg) no-repeat left top;
}
div.mailForm {
padding:5px;
}
/*--------==========/ [Footer] /==========--------*/
div#footer {
display:inline;
float:left;
width:686px;
height:17px;
padding-top:3px;
background-color:#e4e9c1;
text-align:center;
font-weight:bold;
}
div#footer a {
font-size:12px;
margin-right:15px;
color:#8ac432;
text-decoration:none;
}
div#footer a:hover {
color:#98cb50;
}
/*--------==========/ [Elements] /==========--------*/
.szH1 {
height:80px;
}
.szH2 {
height:10px;
}
.szW1P {
padding:0 10px;
}
.fL {
display:inline;
float:left;
}
.fR {
display:inline;
float:right;
}
.imgBorder1 {
margin:5px;
padding:1px;
border:1px solid #ddd;
}
.pageBar {
margin-top:20px;
text-align:center;
}
#subSelected {
font-weight:bold;
}
/*--------==========/ [Messages] /==========--------*/
div.msg{
margin:10px 0;
margin-left:10px;
background-color:#f0f0f0;
font-size:11px;
}
div.msg div.ttlHolder, div.msg div.ttlHolder1 {
padding:2px 2px 2px 22px;
background:#bebebe url(../skin/icos/icon_accept.gif) no-repeat;
background-position:0px 1px !important;
background-position:1px 2px;
border:1px solid #afafaf;
color:#fff;
}
div.msg div.ttlHolder1 {
background:#bebebe url(../skin/icos/icon_alert.gif) no-repeat;
background-position:0px 1px !important;
background-position:1px 2px;
}
div.msg div.msgHolder {
padding:5px;
background-color:#f9f9f9;
}
/*--------==========/ [Members table] /==========--------*/
table.membT {
width:515px;
background-color:#ededed;
border:1px solid #ddd;
margin-left:10px;
}
table.membT tr.usTit td{
background-color:#eee;
border:1px solid #fff;
height:30px;
padding:0;
text-align:center;
}
table.membT tr td{
border:1px solid #d0d0d0;
padding-left:1px;
text-align:left;
}
table.membT tr td a{
text-decoration:none;
color:#666;
}
table.membT tr td a:hover{
text-decoration:underline;
}
table.membT tr.usW td{
background-color:#e0e0e0;
}
table.membT tr.usB td{
background-color:#d9d9d9;
}