body {
color: #000000;
font-size: 11px;
font-family: verdana, helvetica, "sans serif";
background: url(img/design/BG.png);
text-align: center;
margin: 0;
}

a {
color: #727e8c;
text-decoration: none;
}

a:hover {
color: #bcc4cf;
text-decoration: underline;
}

img {
border: 0;
}

input, select, textarea, select {
border: 1px solid #1f2328;
background-color: #b7bbbf;
font-size: 11px;
color: #3b434d;
margin: 2px;
}

p {margin: 0;}

table {
text-align: left;
}

#main {
width: 968px;
position: relative;
top: 0px;
left: 0px;
text-align: left;
margin: auto;
background: url(img/design/mainBg.png);
}

#header {
position: relative;
width: 968px;
height: 148px;
top: 0px;
  background: url(img/design/header.png);
}


#jpticker {
  position: absolute;
  top: 130px;
  left: 182px;
  width: 295px;
  height: 18px;
  font-weight: bold;
  color: #202529;
}

#GJP_1 {
  position: absolute;
  top: 130px;
  left: 493px;
  width: 140px;
  height: 15px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #CCC496;
  z-index:15;
}

#GJP_2 {
  position: absolute;
  top: 130px;
  left: 656px;
  width: 140px;
  height: 15px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #CCC496;
  z-index:15;
}

#GJP_3 {
  position: absolute;
  top: 130px;
  left: 820px;
  width: 136px;
  height: 15px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #CCC496;
  z-index:15;
}

#kontoInfo {
  position: relative;
  top: 0px;
  left: 0px;
  background: url(img/design/kontoInfo.png);
  width: 160px;
  height: 140px;
  font-size: 10px;
  color: #1f2328;
  padding: 0px 10px 0px 10px;
}

.uid {
  background: url(img/design/loginUname.jpg);
  width: 118px;
  height: 14px;
  margin: 0px 0px 0px 18px;
  color: #c5cdd6;
}

.pwd {
  background: url(img/design/loginPword.jpg);
  width: 118px;
  height: 14px;
  margin: 2px 0px 2px 18px;
  color: #c5cdd6
}

.smt {
  background: url(img/design/loginButt.jpg);
  width: 53px;
  height: 18px;
  margin: 0px 0px 2px 85px;
  color: #c5cdd6
}

#rotator {
position: absolute;
top: 55px;
left: 160px;
z-index: 5;
}

#content {
position: relative;
left: 0px;
width: 788px;
top: 0px;
  float: left;
}

*.box {
width: 590px;
}

*.box_title {
text-align: left;
position: relative;
top: 30px;
left: 30px;
font-weight: bold;
color: #1f2328;
font-size: 10px;
}

*.box_head {
background-image: url(img/design/contentTop.png);
height: 55px;
}

*.box_middle {
background-image: url(img/design/contentMid.png);
}

*.box_content {
text-align: center;
width: 530px;
}

*.box_footer {
background-image: url(img/design/contentFoot.png);
height: 58px;
}

#leftmenu {
position: relative;
left: 0px;
width: 180px;
float: left;
}

*.navi_left_head {
height: 5px;
width: 135px;
}

*.navi_left_middle {
width: 135px;
font-weight: bold;
}

*.navi_left_bottom {
height: 5px;
width: 135px;
}

*.menucontent {
font-size: 10px;
font-weight: bold;
width: 151px;
height: 15px;
background: url(img/design/navTop.png);
color: #1f2328;
padding: 10px 0px 0px 20px;
}

*.menucontent a, *.menucontent a:visited {color: #1f2328;}

*.submenucontent {
font-size: 10px;
position: relative;
left: 8px;
width: 100px;
color: #1f2328;
}

*.submenucontent a {
display: block;
color: #bcc4cf;
font-weight: normal;

}

#shoutbox {
height: 450px;
width: 500px;
background-color: #3b434d;
}

*.wiw_admin {
color: red;
font-weight: bold;
}

*.wiw_male {
color: #1981ec;
}

*.wiw_female {
color: #fc32d8;
}

.clear {clear: both; height: 1px;}

#footer {
background: url(img/design/footer.png) no-repeat;
width: 968px;
height: 50px;
position: relative;
left: 0px;
margin: auto;
}

*.footer_content {
position: relative;
text-align: center;
top: 30px;
color: #828c9a;
font-size: 10px;
}

*.footer_content a, *.footer_content a:visited {color: #828c9a;}

#nickpage_text {
text-align: left;
position: relative;
left: 25px;
}
#nickpage_avatar {
position: absolute;
left: 500px;
top: 170px;
}

#showpn {
visibility: hidden;
width: 250px;
height: 100px;
border: 1px solid #000;
background-color: #ffffff;
position: absolute;
z-index: 99;
top: 250px;
left: -30px;
padding: 10px 10px;
}
.mooquee {
border: solid 2px #C0C0C0;
padding: 5px;
/* don't change */
position: absolute;
overflow: hidden;
white-space: nowrap;
}
.mooquee-text {
/* don't change */
position: absolute;
}

#globalticker {
top: 180px;
left: 220px;
z-index: 5;
height: 20px;
width: 500px;

}