*
{
    font-family:Tahoma;
    font-size:12px;
}
body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(http://rappelz.funbox.co.th/WebRZBackOffice/images/gameonline_bgfooter.png) no-repeat;
	background-color: #5D5335;
	font:76% Verdana,Tahoma,Arial,sans-serif;
	color:#303030;
	background-position:center bottom;
	z-index:0;
	top:0;
	left:0;
	font-family: Arial,Verdana,sans-serif; 
	font-size: 80%;
}
.navBarTitle { font-family: Times New Roman, Times, serif; font-size: x-large; color: #ffffff; font-weight: bold}
.navBar { font-size: 80%; color: #ffffff; text-decoration: none; font-weight: bold }
.navBarpipe { font-size: large; color: #336699; font-weight: bold}
a.navBar:hover  { color: #66ccff}

.leftBarLink { font-size: small; color: #ffffff; text-decoration: none}
a.leftBarLink:hover { color: #66ccff; background: #003366;}

.centerTopTitle { font-size: x-small; text-transform: uppercase; color: #666633; text-decoration: none; letter-spacing: 5px}
.centerTitle { font-family: Times New Roman, Times, serif; font-size: large; color: #666633; text-decoration: none}
a.centerTitle:hover { color: #0066cc; }
.centerLink{ font-size: small; color: #003366; text-decoration: underline}
a.centerLink:hover { color: #0066cc}

.rightTitle { font-size: x-small; text-transform: uppercase; color: #333300; text-decoration: none; letter-spacing: 3px}
.rightBarLink { font-size: small; color: #003366; text-decoration: none}
a.rightBarLink:hover { color: #0066cc }

.footer
{
    color:#ffffff;
}
.footer p
{
    line-height:10px;
}

/*µÑÇÇÔè§*/
.classscrollingMsg
{
    font-size: 12px;
	color: #ffffff;
	font-family:JasmineUPC;
	font-weight:bold;
	width:440px;
	height:5px;
}
#marqueecontainer{
position: relative;
width: 130px; /*marquee width */
height: 200px; /*marquee height */
background-color: 000000;
overflow: hidden;
border: 3px solid orange;
padding: 0px;
padding-left: 0px;
}



/***** Main content *****/
#content {
margin:0 00px 0px 0px;
border-left:0px solid #e0e0e0;
border-right:0px solid #e0e0e0;
padding:0 10px;
line-height:1.6em;
}
#content p {
text-indent:10px;
}

#contentwide {
margin:0 0 5px 150px;
border-left:1px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.6em;
}

#content h1,#contentwide h1 {
font-size:1.8em;
margin:0 0 10px;
}

#content h2,#contentwide h2 {
font-size:1.6em;
margin:0 0 10px;
}

#content h3,#contentwide h3 {
font-size:1.4em;
margin:0 0 8px;
}

/*#content img,#contentwide img {
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}*/

#content img,#contentwide img {
padding:0px;
display:inline;
background:#cccccc;
color:#303030;
border:0px solid #f0f0f0;
}

#content ul, #contentwide ul, #content ol, #contentwide ol {
margin:0 0 16px 20px;
padding:0;
}

#content li, #contentwide li {
margin:0;
padding:0 0 0 5px;
}

#content ul ul, #contentwide ul ul, #content ol ol, #contentwide ol ol{
margin:0 0 0 16px;
padding:0;
}



/***** Various classes *****/
.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}


.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.style2 {
	color:#CC3300;
	font-weight: bold;
	font-size:10px;
}
.style3{
	font-size:10px;
}

#progressBackgroundFilter { 
  position:absolute; 
  top:100%; 
  bottom:0px; 
  left:0px; 
  right:0px; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#000;  
  filter:alpha(opacity=100); 
  opacity:0.5; 
  z-index:1000; 
} 

 

#processMessage {  
  position:absolute;  
  top:100%;  
  left:50%; 
  padding:0px; 
  width:0%; 
  z-index:1001; 
  background-color:#000; 
  filter:alpha(opacity=100); 
  opacity:0.5; 
  z-index:1000; 
} 

/*Floating Banner*/
#floating_banner_bottom {
	text-align: center;
	width: 200px;
	bottom: 0px;
	margin-bottom: 0px;
	height: 500px;
	position: fixed;
	z-index: 100;
	right: 0;
	 _position:absolute;
	  _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
}
html>body #floating_banner_bottom { margin-bottom: 0px; bottom: 0 }
 
#floating_banner_bottom div.close {
	margin: 0 auto;
	width: 150px;
	height: 10px;
	text-align: right;
}

.BodyStyle {
	font-family: Tahoma;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}

.BodyStyle a:link
{
	font-family: Tahoma;
	font-size: 13px;
	color: #996600;
	text-decoration: none;
}


.BodyStyle a:visited
{
	font-family: Tahoma;
	font-size: 13px;
	color: #CC3300;
	text-decoration: none;
}


.BodyStyle a:hover
{
	font-family: Tahoma;
	font-size: 13px;
	color: #996600;
	text-decoration: none;
}

.NewsStyle {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.NewsStyle a:link {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.NewsStyle a:visited {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.NewsStyle a:hover {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.NewsDateStyle
{
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #800000;
	text-decoration: none;
}

.NewsDateStyle a:link {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #800000;
	text-decoration: none;
}

.NewsDateStyle a:visited  {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #800000;
	text-decoration: none;
}

.NewsDateStyle a:hover {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #800000;
	text-decoration: none;
}