body {
margin:0; padding:0;
font-family:verdana; font-size:11px; color:#000000;
background:url(http://assets.oversoul.ph/images/bg.gif) #5d2f00 repeat;
}

p.bold {
font-weight:bold;
color:#000000;
padding:15px 0 5px 0; margin:0;
}

a img {
border:0;
}

.button { background:url(http://assets.oversoul.ph/images/button1.png);cursor:pointer; background-repeat :no-repeat; width:132px; height:20px; border:none; color:#FFF; font-weight:bold;}


.slidercntnrs {
border-style: none;
    border-color: inherit;
    border-width: medium;
    position: relative;     overflow: hidden;
width: 389px; 
    height: 162px;
    margin:20px 0 0 10px;
    top: 0px;
    left: -4px;
}


.slidercntnrs .content{
visibility: hidden; 
position: absolute; left: 0; top: 0;
padding: 5px;
background: white;
width: 380px; height: 100%;
}

.popupBody
{
	background-color: #eee;
	border: 1px solid #000;
	padding-bottom: 20px;
    height: 6px;
    width: 298px;
}
.popupHeader
{
	background-image: url('http://assets.oversoul.ph/images/popHeaderBG.png');
	background-repeat: repeat-x;
	height: 25px;
    width: 296px;
}

.clear {
clear:both;
}

.collapsePanel
{
	font: normal 11px auto Verdana, Arial;
	height: 0px;
	overflow: hidden;
}

.back
{
background-image:url('http://assets.oversoul.ph/images/item-scroller-bg.png'); background-repeat :no-repeat;
height :62px;
    width: 397px;
}

.loginbgg {
background:url(http://assets.oversoul.ph/images/bglog.png) no-repeat;
width:187px; 
height:169px;
}

.policyTT {
background:url(http://assets.oversoul.ph/images/guide.png) no-repeat;
width:187px; height:55px;
margin-top:20px;
}

#container {
width:945px;
margin:0; padding:0;

}

.hand
{
 cursor:pointer;
}

#header
{
    width: 945px;
    height: 296px;
    z-index: 1;
    background-image: url(http://assets.oversoul.ph/images/header.png);
}

.logo {
float:left;
width:312px; height:190px;
margin:75px 0 0 325px;
}

.header_btn {
width:220px; height:100px;
float:left;
position:absolute; margin:180px 0 0 570px;
z-index:1;
}

a.reg {
display:block;
background:url(http://assets.oversoul.ph/images/reg.png) no-repeat;
width:100px; height:100px;
}

a.reg:hover {
display:block;
background:url(http://assets.oversoul.ph/images/reg1.png) no-repeat;
}

a.dlc {
display:block;
background:url(http://assets.oversoul.ph/images/dlclient.png) no-repeat;
width:100px; height:100px;
float:left;
position:absolute; margin:-100px 0 0 170px;
}

a.dlc:hover { background:url(http://assets.oversoul.ph/images/dlclient1.png) no-repeat; }

#menubg {
padding:0;
width:867px; height:51px;
background:url(http://assets.oversoul.ph/images/bg1.gif) no-repeat;
position:absolute; margin-left:79px;
z-index:1;
}

/*1st = Firefox, IE7; 2nd = IE6 --*/

#menu {
position:relative;
height:2.5em;
text-align:left; font-size:10px; font-weight:bold;
list-style-type:none;
margin-top:-1px;
}

#menu ul {
list-style-type:none;
margin:0; padding:0;
}

#menu li {
position:relative; float:left;
}

#menu li a, #menu li a:visited {
display:block;
width:9em; height:23px;
padding:0 2px 0 0;
text-decoration:none; color:#FFF; text-align:center;
float:left;
line-height:3em; height:3em;
}

#menu li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;
}

#menu table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

#menu li:hover a, #menu li a:hover {
text-decoration:none;
border:0; /*IE6 effect*/
}

#menu li:hover ul, #menu li a:hover ul {
visibility:visible; overflow:visible;
height:auto; width:10em; 
background:#104c02;
left:0; top:2.5em;
}

#menu li:hover ul li a, #menu li a:hover ul li a {
display:block;
background:transparent;
text-decoration:none; color:#FFF; font-weight:bold;
height:auto; width:9em;
padding:0.5em;
line-height:1.5em;
}

#menu li:hover ul li a:hover, #menu li a:hover ul li a:hover {
text-decoration:none; font-weight:bold; color:#FFFF88;
}

#menu li:hover ul li ul, #menu li a:hover ul li a ul {
visibility:hidden; overflow:hidden;
position:absolute; top:0; left:9.5em;
height:0;
}

#menu li:hover ul li:hover ul, #menu li a:hover ul li a:hover ul {
visibility:visible;
height:auto; width:10em;
background:#104c02;
color:#ccff99;
}

#menu li:hover ul li:hover ul li a, #menu li a:hover ul li a:hover ul li a {
display:block;
height:auto;
color:#ccff99;
}

#menu li:hover ul li:hover ul li a:hover, #menu li a:hover ul li a:hover ul li a:hover {
color:#fdbd3b;
}

#wrapper {
width:875px;
background:url(http://assets.oversoul.ph/images/bgpaper.gif) repeat-y ;
margin:51px 0 0 80px;
overflow:auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#wrapper
{
width:875px;
background:url(http://assets.oversoul.ph/images/bgpaper.gif) repeat-y ;
float:left;
margin:51px 0 0 80px;
overflow:auto; 
}
}


#leftpanel {
width:187px;
float:left;
margin-left:8px;
}

#leftpanel a {
color:#124c00;
text-decoration:underline;
font-weight:bold;
}

#leftpanel a:hover {
color:#ed080d;
text-decoration:none;
}

#contentmid {
width:403px;
float:left;
margin-left:8px;
z-index:0;
}

#rightpanel {
width:187px;
float:left;
margin-left:8px;
}

#rightpanel a {
color:#124c00;
text-decoration:underline;
font-weight:bold;
}

#rightpanel a:hover {
color:#ed080d;
text-decoration:none;
}

.space {
padding-bottom:5px;
}

.tail1 {
background:url(http://assets.oversoul.ph/images/tigertail.png) no-repeat;
position:absolute;
width:154px; height:179px;
margin-left:705px;
}

/*left*/

.mediaT {
background:url(http://assets.oversoul.ph/images/mediatop.jpg) no-repeat;
width:186px; height:60px;
}

.mediaBG {
background:url(http://assets.oversoul.ph/images/mediabg.jpg) repeat-y;
width:186px;
text-align:center;
overflow:hidden;
padding:0; margin:0;
}

.Lbordertop {
background:url(http://assets.oversoul.ph/images/bordertop.gif) no-repeat;
width:162px; height:23px;
margin-left:15px;
}

.Lborderbg {
background:url(http://assets.oversoul.ph/images/borderbg.gif) repeat-y;
width:162px;
margin-left:15px;
}

.Lborderbt {
background:url(http://assets.oversoul.ph/images/borderbt.gif) no-repeat;
width:162px; height:22px;
margin-left:15px;
}

.mediaFT {
background:url(http://assets.oversoul.ph/images/mediafooter.jpg) no-repeat;
width:186px; height:45px;
}

.mediaFT1 {
background:url(http://assets.oversoul.ph/images/mediafooter1.jpg) no-repeat;
width:186px; height:45px;
}

.hdeskT {
background:url(http://assets.oversoul.ph/images/hdesktop.jpg) no-repeat;
width:186px; height:56px;
}

.pnlleftBG {
background:url(http://assets.oversoul.ph/images/pnl1bg.jpg) repeat-y;
width:186px;
text-align:center;
overflow:hidden;
padding:0; margin:0;
}

.pnlleftBG p {
width:160px;
margin-left:13px;
}

.pnlleftBG p.number {
font-size:12px; font-weight:bold;
color:#ff0000;
margin-top:-5px;
}

.pnlleftFT {
background:url(http://assets.oversoul.ph/images/pnl1footer.jpg) no-repeat;
width:186px; height:41px;
}

.forumT {
background:url(http://assets.oversoul.ph/images/forumtop.jpg) no-repeat;
width:186px; height:73px;
}

.rankT 
{ background:url(http://assets.oversoul.ph/images/rankingtop.gif) no-repeat; width:186px; height:64px; }

.statT
{ background:url(http://assets.oversoul.ph/images/stattop.gif) no-repeat; width:186px; height:35px; }
.obtopen { width:155px; font-size:9px; color:#c30204; text-align:center; border-bottom:1px solid #c30204; border-top:1px solid #c30204; }
.obtopentxt { width:155px; font-size:9px; color:#c30204; }

a.itemmallbtn {
background:url(http://assets.oversoul.ph/images/itemmall.gif) no-repeat;
width:186px; height:207px;
display:block;
margin-top:5px;
}

a.itemmallbtn:hover { background:url(http://assets.oversoul.ph/images/itemmall1.gif) no-repeat; }

a.mintbtn {
background:url(http://assets.oversoul.ph/images/mint.gif) no-repeat;
width:186px; height:220px;
display:block;
margin-top:5px;
}

a.mintbtn:hover { background:url(http://assets.oversoul.ph/images/mint1.gif) no-repeat; }

/*mid*/


#txtcont { background:url(http://assets.oversoul.ph/images/topbg.gif) no-repeat top; width:589px; padding-top:10px; }
.txt { width:550px; text-align:justify; margin:0; padding:15px 5px 0 0; }


.loginbg {
background:url(http://assets.oversoul.ph/images/login.gif) no-repeat;
width:401px; height:169px;
}

.loginbg a{
 color:White;
 text-decoration:none;
}
.midads { background:none; width:401px; height:155px; }

.csnm {
background:url(http://assets.oversoul.ph/images/csnm.gif);
width:401px; height:300px;
margin-top:10px;
position:relative;
}

a.chars {
background:url(http://assets.oversoul.ph/images/charskills.gif) no-repeat;
width:181px; height:115px;
display:block;
float:left; margin-left:10px;
}

a.chars:hover { background:url(http://assets.oversoul.ph/images/charskills1.gif) no-repeat; }

a.npc {
background:url(http://assets.oversoul.ph/images/npc.gif) no-repeat;
width:63px; height:26px;
display:block; float:left;
margin:250px 0 0 -100px;
}

a.npc:hover { background:url(http://assets.oversoul.ph/images/npc1.gif) no-repeat; }

a.monster {
background:url(http://assets.oversoul.ph/images/monsters.gif) no-repeat;
width:141px; height:26px;
display:block;
position:absolute; left: 241px; top: 252px;
}

a.monster:hover { background:url(http://assets.oversoul.ph/images/monsters1.gif) no-repeat; }

.slidercntnr {
position: relative; overflow: hidden;
border: none;
width: 385px; height: 163px;
margin:20px 0 0 10px;
}

.slidercntnr .content{
visibility: hidden; 
position: absolute; left: 0; top: 0;
padding: 5px;
background: white;
width: 393px; height: 100%;
}

.buttons {
width: 380px; 
text-align: right;
background: transparent;
padding: 5px 10px;
}

.buttons a{
padding: 0 5px;
text-decoration: none; 
color: #000000; font-weight:bold;
background:url(http://assets.oversoul.ph/images/btn2.gif) repeat-x;
width:50px; height:15px;
border:#FF0000 1px solid;
}

.buttons a:hover, .buttons a.selected{
color: #FF0000;
background:url(http://assets.oversoul.ph/images/btn2.gif) repeat-x;
width:50px; height:15px;
}

.paintT {
background:url(http://assets.oversoul.ph/images/painttop.jpg) no-repeat;
width:401px; height:52px;
margin-top:10px;
}

.imTITLE {
width:300px; height:45px;
background:none;
margin-left:35px; padding-top:10px;
text-align:center;
}

.imTITLE a{
color:#FFF;
font-weight:bold;
}

.imTITLE a:hover {
color:#ed080d;
text-decoration:none;
}

.imTITLE a:Visited {
color:#ff0000;
text-decoration:underline;
}

.paintBG {
background:url(http://assets.oversoul.ph/images/paintbg.jpg) repeat-y;
width:401px;
overflow:hidden;
padding:0 10px 0 10px;
}

.paintBG a {
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.paintBG a:hover {
color:#ed080d;
text-decoration:none;
}

.paintBG a:Visited {
color:#ff0000;
text-decoration:underline;
font-size:10px;
}
.paintFT {
background:url(http://assets.oversoul.ph/images/paintfooter.jpg) no-repeat;
width:401px; height:43px;
}

.line {
background:url(http://assets.oversoul.ph/images/line.gif) no-repeat;
margin:0; padding:0;
width:388px; height:17px;
}

.promofooter {
width:401px;
margin-top:20px;
}

.ads {
width:401px;
margin-top:20px;
}

/*text marquee*/
#pscroller1{
width: 390px;
height: 60px;
text-align:left;
background:url(http://assets.oversoul.ph/images/scrollerbg.gif) no-repeat;
color:#FFFFFF;
font-family:verdana;
font-size:10px;
z-index:0;
}
#pscroller1 a { color:#FFFF99; font-weight:bold; text-decoration:underline; }

/*right*/

.staticpromo {
width:187px;
height:auto;
}

.tail {
background:url(http://assets.oversoul.ph/images/tigertail.png) no-repeat;
position:absolute;
width:154px; height:179px;
margin-left:99px;
}

#shout { 
width:187px;
margin-top:20px;
text-align:center;
}

.shoutT { 
background:url(http://assets.oversoul.ph/images/shoutT.gif) no-repeat;
width:147px; height:24px;
margin-left:20px;
padding-bottom:10px;
}

.howtoT {
background:url(http://assets.oversoul.ph/images/howtotop.jpg) no-repeat;
width:187px; height:51px;
margin-top:20px;
}

.howtoBG {
background:url(http://assets.oversoul.ph/images/howtobg.jpg) repeat-y;
width:187px;
overflow:hidden;
padding:0; margin:0;
text-align:left;
}

.howtoFT {
background:url(http://assets.oversoul.ph/images/howtofooter.jpg) no-repeat;
width:187px; height:68px;
}

.guideT {
background:url(http://assets.oversoul.ph/images/guidetop.jpg) no-repeat;
width:187px; height:52px;
margin-top:20px;
}

.pnlrightBG {
background:url(http://assets.oversoul.ph/images/pnl2bg.jpg) repeat-y;
width:186px;
text-align:left;
overflow:hidden;
padding:0; margin:0;
}

.pnlrightFT {
background:url(http://assets.oversoul.ph/images/pnl2footer.jpg) no-repeat;
width:187px; height:36px;
}

.guideTXT {
float:left;
background:url(http://assets.oversoul.ph/images/charguide.png) no-repeat left;
width:150px; height:133px;
margin-left:5px; padding-top:5px;
}

.guideTXT p {
width:50px;
float:left;
margin-left:80px;
text-align:center;
}

.policyT {
background:url(http://assets.oversoul.ph/images/policytop.jpg) no-repeat;
width:187px; height:55px;
margin-top:20px;
}

.policyTXT {
width:180px;
}

#footer {
background:url(http://assets.oversoul.ph/images/footerbg.gif) no-repeat;
width:818px; height:79px;
margin-left:-25px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer {
background:url(http://assets.oversoul.ph/images/footerbg.gif) no-repeat;
width:818px; height:79px;
float:left;
margin-left:80px;
}
}

@media all and (min-width: 0px) 
{
#footer {
float:left;
margin-left:80px; }
}

.footerTXT {
margin:10px 0 0 10px;
float:left;
text-align:left;
}

.footerIMG {
float:left;
margin:10px 0 0 20px;
}

 #hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: Red;
width: 200px;height:120px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;border-style :groove ;
font:normal 10px Verdana;text-align :justify ;
line-height:1.2;color:White;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}


.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: normal;
color: white;
margin: 3px 8px;
}