Welcome all. I have gesior 0.3.6 and style Xiah, and this style have bugs (screen) . Please help repair it
http://i49.tinypic.com/e0pgut.jpg
and
http://i50.tinypic.com/316m3kh.jpg
This is layouts.php
And this basic.css
http://i49.tinypic.com/e0pgut.jpg
and
http://i50.tinypic.com/316m3kh.jpg
This is layouts.php
PHP:
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link rel="shortcut icon" href="http://xiah.gamescampus.com/images/gc.ico">
<title><?PHP echo $config['server']['serverName']; ?></title>
<meta name="keywords" content="Xiah Rebirth, Xiah, Xiah game, free online rpg games, online rpg, online fantasy rpg, free online fantasy rpg, free online fantasy rpg games, free online role playing games, Role Playing Games, Online Fantasy RPG Games, Online Quests, Fantasy MMORPG, Free MMORPG, Download Fantasy Games, Martial Arts RPGs, Online Fantasy Games, Asian RPGs, Multiplayer Fantasy Games">
<meta name="verify-v1" content="4B/GPsSvNB9I5K6SpH8LQUnk2tzcI12MafiOnKc95oA=">
<link rel="StyleSheet" href="<?PHP echo $layout_name; ?>/xiah/xiah_default.css" type="text/css" title="style">
<script type="text/javascript" language="JavaScript" src="<?PHP echo $layout_name; ?>/xiah/common.js"></script>
<script type="text/javascript" src="<?PHP echo $layout_name; ?>/xiah/iezn_embed_patch.js"></script>
<!-- Google Tracking Code START -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><script src="<?PHP echo $layout_name; ?>/xiah/ga.js" type="text/javascript"></script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-487178-17"); pageTracker._trackPageview(); } catch(err) {}
</script>
<!-- Google Tracking Code END -->
</head><body leftmargin="0" topmargin="0" style="background-repeat: repeat-x;" background="<?PHP echo $layout_name; ?>/xiah/key_bg.jpg" bgcolor="#0a1316" marginheight="0" marginwidth="0">
<!-- Start Quantcast tag -->
<script type="text/javascript" src="<?PHP echo $layout_name; ?>/xiah/quant.js"></script>
<script type="text/javascript">_qacct="p-c9flvbhZinWSA";quantserve();</script>
<noscript>
<a href="http://www.quantcast.com/p-c9flvbhZinWSA" target="_blank"><img
src="http://pixel.quantserve.com/pixel/p-c9flvbhZinWSA.gif"
style="display: none;" border="0" height="1" width="1"
alt="Quantcast"/></a>
</noscript>
<!-- End Quantcast tag -->
<script language="JavaScript">
function imageviewopen (imagename) {
window.open("/download/imageview.asp?image=" + escape(imagename), "_imagename", "width=600, height=600, statusbar=auto, scrollbars=no, menubar=no");
}
function gotohref(str){
if(str != ""){
location.href = str;
}
}
function voteinsert(form) {
var i;
for(i=0 ; i<form.poll.length ; i++) {
if( form.poll[i].checked ) return true;
}
alert("Please select the item.");
return false;
}
</script>
<table style="background-repeat: no-repeat; background-position: center top;" width="100%" background="<?PHP echo $layout_name; ?>/xiah/key_visual.jpg" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody><tr>
<td align="center" valign="top">
<table width="1010" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td colspan="3" align="center" height="98"><a href="http://xiah.gamescampus.com/index.asp"><img src="<?PHP echo $layout_name; ?>/xiah/xiah_logo.gif"></a></td>
</tr>
<!--------------------------------------------- BANNER SECTION -------------------------------------------------->
<tr height="228">
<td style="background-repeat: no-repeat; background-position: center bottom;" width="205" background="<?PHP echo $layout_name; ?>/xiah/side_bg01.gif"></td>
<td widht="600">
</td>
<td style="background-repeat: no-repeat; background-position: center bottom;" width="205" align="center" background="<?PHP echo $layout_name; ?>/xiah/cst_bg.gif" valign="bottom">
<table width="205" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="14"></td>
</tr>
</tbody></table>
</td>
</tr>
<tr height="100%">
<script language="javascript">
var lastLayer ="";
function showMenu(name){
var menuimage = eval("document.getElementById('menuimage_"+name+"')");
var minusimage = document.createElement("img");
var td = eval("document.getElementById('td_"+name+"')");
var tdimage = document.createElement("img");
if(document.all[name].style.display != "none"){
minusimage.src = "/images/plus_btn.gif";
td.background="/images/"+name+"_gtit.giF";
document.all[name].style.display = "none";
}else{
minusimage.src = "/images/minus_btn.gif";
td.background="/images/"+name+"_gtit02.gif";
document.all[name].style.display = "";
}
menuimage.removeChild(menuimage.firstChild);
menuimage.appendChild(minusimage);
}
</script>
<td width="205" valign="top">
<table width="205" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody><tr>
<td height="9"><img src="<?PHP echo $layout_name; ?>/xiah/gnb_tbg.gif"></td>
</tr>
<tr>
<td align="right" background="<?PHP echo $layout_name; ?>/xiah/gnb_cbg.gif" valign="top">
<table width="191" border="0" cellpadding="0" cellspacing="0">
<!-------------------------------------------- NEWS GNB SECTION -------------------------------------------->
<tbody><tr>
<td id="td_notice" cellpadding="5" width="184" align="right" background="<?PHP echo $layout_name; ?>/xiah/notice_gtit02.gif" height="29"><a href="javascript:showMenu('notice');"><div id="menuimage_notice"><img src="<?PHP echo $layout_name; ?>/xiah/minus_btn.gif"></div></a></td>
<td width="7" valign="top"></td>
</tr>
<tr>
<td><span id="notice" style=""><table width="184" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg.gif" height="22"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="?subtopic=latestnews" class="xa_link01">Latest News</a></td></tr> <tr><td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg02.gif" height="28"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="?subtopic=changelog" class="xa_link01">Changelog</a></td></tr></tbody></table></span>
</td>
<td></td>
</tr>
<!-------------------------------------------- GUIDE GNB SECTION -------------------------------------------->
<tr>
<td id="td_guide" width="184" align="right" background="<?PHP echo $layout_name; ?>/xiah/guide_gtit02.gif" height="29"><a href="javascript:showMenu('guide');"><div id="menuimage_guide"><img src="<?PHP echo $layout_name; ?>/xiah/minus_btn.gif"></div></a></td>
<td width="7" valign="top"></td>
</tr>
<tr>
<td>
<span id="guide" style="display: block;">
<table width="184" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody>
<tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg.gif" height="22"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="index.php?subtopic=serverinfo" class="xa_link01">Server Info</a></td>
</tr>
<tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg.gif" height="22"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="index.php?subtopic=creatures" class="xa_link01">Monsters</a></td>
</tr>
<tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg.gif" height="22"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="?subtopic=experiencetable" class="xa_link01">Experience Table</a></td>
</tr>
<tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg.gif" height="22"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="?subtopic=spells" class="xa_link01">Spells</a></td>
</tr>
<tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg.gif" height="22"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="?subtopic=tibiarules" class="xa_link01">Server Rules</a></td>
</tr>
</tbody></table></span>
</td>
<td></td>
</tr>
<!--------------------------------------------- DOWNLOAD GNB SECTION ------------------------------------->
<tr>
<td id="td_download" width="184" align="right" background="<?PHP echo $layout_name; ?>/xiah/download_gtit.gif" height="29"><a href="javascript:showMenu('download');"><div id="menuimage_download"><img src="<?PHP echo $layout_name; ?>/xiah/minus_btn.gif"></div></a></td>
<td width="7" valign="top"></td>
</tr>
<tr>
<td>
<span id="download" style="">
<table width="184" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg.gif" height="22"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="http://tibiaclient.com/" class="xa_link01">Tibia Download</a></td>
</tr>
<tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg02.gif" height="28"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="http://otchanger.net" class="xa_link01">IP-Changer</a></td>
</tr>
</tbody></table></span>
</td>
<td></td>
</tr>
<!--------------------------------------------- COMMUNITY GNB SECTION -------------------------------------->
<tr>
<td id="td_community" width="184" align="right" background="<?PHP echo $layout_name; ?>/xiah/community_gtit.gif" height="29"><a href="javascript:showMenu('community');"><div id="menuimage_community"><img src="<?PHP echo $layout_name; ?>/xiah/minus_btn.gif"></div></a></td>
<td width="7" valign="top"></td>
</tr>
<tr>
<td>
<span id="community" style="">
<table width="184" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg.gif" height="22"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle">
<a href="index.php?subtopic=forum" class="xa_link01">Forum</a>
</td>
</tr>
<tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg.gif" height="22"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="http://www.necroland.com/?subtopic=characters" class="xa_link01">Search Character</a></td>
</tr>
<tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg.gif" height="22"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="?subtopic=highscores" class="xa_link01">Highscores</a></td>
</tr>
<tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg.gif" height="22"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="?subtopic=houses" class="xa_link01">Houses</a></td>
</tr>
<tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg02.gif" height="28"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="?subtopic=guilds" class="xa_link01">Guilds</a></td>
</tr>
</tbody></table></span>
</td>
<td></td>
</tr>
<!--------------------------------------------- ITEMMALL GNB SECTION ---------------------------------------->
<tr>
<td id="td_itemmall" width="184" align="right" background="<?PHP echo $layout_name; ?>/xiah/itemmall_gtit.gif" height="29"><a href="javascript:showMenu('itemmall');"><div id="menuimage_itemmall"><img src="<?PHP echo $layout_name; ?>/xiah/minus_btn.gif"></div></a></td>
<td width="7" valign="top"></td>
</tr>
<tr>
<td>
<span id="itemmall" style="">
<table width="184" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg.gif" height="22"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="?subtopic=buypoints" class="xa_link01">Dotate SMS</a></td>
</tr>
<tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg.gif" height="22"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="?subtopic=shopsystem" class="xa_link01">Item Shop</a></td>
</tr>
</tbody></table></span>
</td>
<td></td>
</tr>
<!--------------------------------------------- SUPPORT GNB SECTION ---------------------------------------->
<tr>
<td id="td_support" width="184" align="right" background="<?PHP echo $layout_name; ?>/xiah/support_gtit.gif" height="29"><a href="javascript:showMenu('support');"><div id="menuimage_support"><img src="<?PHP echo $layout_name; ?>/xiah/minus_btn.gif"></div></a></td>
<td width="7" valign="top"></td>
</tr>
<tr>
<td>
<span id="support" style="">
<table width="184" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 0pt 0pt 4px;" background="<?PHP echo $layout_name; ?>/xiah/gnb_sbg02.gif" height="28"><img src="<?PHP echo $layout_name; ?>/xiah/g_bull.gif" align="absmiddle"><a href="?subtopic=team" class="xa_link01">Support List</a></td>
</tr>
</tbody></table></span>
</td>
<td></td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td height="20"><img src="<?PHP echo $layout_name; ?>/xiah/gnb_dbg.gif"></td>
</tr>
<tr>
<td height="69"><img src="<?PHP echo $layout_name; ?>/xiah/gnb_dbg02.gif"></td>
</tr>
</tbody></table>
</td>
<td widht="600" height="100%" valign="top">
<table width="600" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody><tr>
<td align="center" background="<?PHP echo $layout_name; ?>/xiah/ftit_bg.gif" height="34">
<table width="556" border="0" cellpadding="0" cellspacing="0">
<!-------------------------- ITEMMALL GNB SECTION -------------------------------------------------->
<tbody><tr>
<td style="padding: 1px 0pt 0pt;" align="right" background="<?PHP echo $layout_name; ?>/xiah/news_tit.gif" height="34"></td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td align="center" background="<?PHP echo $layout_name; ?>/xiah/tbl_cbg.gif" height="100%" valign="top">
<table width="556" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<table width="556" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td colspan="5" height="15"></td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
<!--------------------------------- NEWS SECTION -------------------------------------------------->
<td>
<? echo $main_content; ?>
</td>
<!-------------------------------- EVENTS SECTION -------------------------------------------------->
<tr>
<td>
<table width="556" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td colspan="4" height="10"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
<!---------------- POLL SECTION -------------------------------------------------->
<!--
<table width="556" border="0" cellpadding="0" cellspacing="0">
<tr height="34">
<td width="276" background="/images/video_tit.gif"></td>
<td width="4"></td>
<td width="276" background="/images/sshot_tit.gif" style="padding:1 0 0 0;" align="right"><a href="/download/screenshot.asp"><img src="/images/more_btn.gif"></a> </td>
</tr>
<tr>
<td height="5" colspan="3"></td>
</tr>
<tr>
<td width="276">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="276" height="237" id="video_crip" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="/images/video_crip.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /><embed src="/images/video_crip.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="276" height="237" name="video_crip" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</td>
<td width="4"></td>
<td width="276">
<table width="276" border="0" cellpadding="0" cellspacing="0">
<tr height="116">
<td width="136" background="/images/shot_bg.gif" align="center"><a href="javascript:imageviewopen('sum05_b.jpg');"><img src="/images/s01.gif"></a></td>
<td></td>
<td width="136" background="/images/shot_bg.gif" align="center"><a href="javascript:imageviewopen('sum06_b.jpg');"><img src="/images/s02.gif"></a></td>
</tr>
<tr height="5">
<td colspan="3"></td>
</tr>
<tr height="116">
<td width="136" background="/images/shot_bg.gif" align="center"><a href="javascript:imageviewopen('sum07_b.jpg');"><img src="/images/s03.gif"></a></td>
<td></td>
<td width="136" background="/images/shot_bg.gif" align="center"><a href="javascript:imageviewopen('sum08_b.jpg');"><img src="/images/s04.gif"></a></td>
</tr>
</table>
</td>
</tr>
</table>
-->
</tbody></table>
</td>
</tr>
<tr>
<td><img src="<?PHP echo $layout_name; ?>/xiah/tbl_dbg.gif"></td>
</tr>
</tbody></table>
</td>
<script>
function
clrImg(obj) {
obj.style.backgroundImage = ""; obj.onkeydown = obj.onmousedown = null;
}
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init == true) with (navigator) {
if ((appName == "Netscape") && (parseInt(appVersion) == 4)) {
document.MM_pgW = innerWidth; document.MM_pgH = innerHeight; onresize = MM_reloadPage;
}
}
else if (innerWidth != document.MM_pgW || innerHeight != document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function MM_swapImgRestore() { //v3.0
var i, x, a = document.MM_sr; for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++) x.src = x.oSrc;
}
function MM_preloadImages() { //v3.0
var d = document; if (d.images) {
if (!d.MM_p) d.MM_p = new Array();
var i, j = d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i < a.length; i++)
if (a[i].indexOf("#") != 0) { d.MM_p[j] = new Image; d.MM_p[j++].src = a[i]; }
}
}
function MM_findObj(n, d) { //v4.01
var p, i, x; if (!d) d = document; if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
d = parent.frames[n.substring(p + 1)].document; n = n.substring(0, p);
}
if (!(x = d[n]) && d.all) x = d.all[n]; for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];
for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
if (!x && d.getElementById) x = d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i, j = 0, x, a = MM_swapImage.arguments; document.MM_sr = new Array; for (i = 0; i < (a.length - 2); i += 3)
if ((x = MM_findObj(a[i])) != null) { document.MM_sr[j++] = x; if (!x.oSrc) x.oSrc = x.src; x.src = a[i + 2]; }
}
</script>
<!-------------------------------------------------- RNB SECTION -------------------------------------------------->
<td width="205" valign="top">
<table width="205" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody><tr>
<td height="9"><img src="<?PHP echo $layout_name; ?>/xiah/rnb_tbg.gif"></td>
</tr>
<tr>
<td background="<?PHP echo $layout_name; ?>/xiah/rnb_cbg.gif" valign="top">
<!--------------------------------------------- SIGN SECTION -------------------------------------------------->
<table width="191" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="7"><img src="<?PHP echo $layout_name; ?>/xiah/side_deco_r.gif"></td>
<td width="184"><img src="<?PHP echo $layout_name; ?>/xiah/sign_tit01.gif"></td>
</tr>
<tr height="43">
<td></td>
<td align="center" background="<?PHP echo $layout_name; ?>/xiah/sign_cbg.gif">
<table celpadding="0" width="164" border="0" cellspacing="0">
<tbody><tr>
<td align="center" background="<?PHP echo $layout_name; ?>/xiah/sign_cbg.gif"><a href="index.php?subtopic=accountmanagement"><img src="<?PHP echo $layout_name; ?>/xiah/sign_btn01.gif"></a></td>
</tr>
<tr>
</tr>
</tbody></table>
</td>
</tr>
<tr height="7">
<td></td>
<td background="<?PHP echo $layout_name; ?>/xiah/sign_cbg.gif"></td>
</tr>
<tr>
<td></td>
<td><img src="<?PHP echo $layout_name; ?>/xiah/sign_line.gif"></td>
</tr>
<tr height="5">
<td></td>
<td background="<?PHP echo $layout_name; ?>/xiah/sign_cbg.gif"></td>
</tr>
<tr height="11">
<td></td>
<td background="<?PHP echo $layout_name; ?>/xiah/sign_cbg.gif"><img src="<?PHP echo $layout_name; ?>/xiah/sbull.gif"><a href="index.php?subtopic=lostaccount" class="xa_link01">I forgot my user ID or PW</a></td>
</tr>
<tr height="7">
<td></td>
<td background="<?PHP echo $layout_name; ?>/xiah/sign_cbg.gif"></td>
</tr>
<tr height="36">
<td></td>
<td align="center" background="<?PHP echo $layout_name; ?>/xiah/sign_cbg.gif"><a href="index.php?subtopic=createaccount"><img src="<?PHP echo $layout_name; ?>/xiah/regi_btn.gif"></a></td>
</tr>
<tr>
<td></td>
<td><img src="<?PHP echo $layout_name; ?>/xiah/sign_dbg.gif"></td>
</tr>
<tr height="5">
<td></td>
<td></td>
</tr>
<!------------------------------------------ DOWNLOAD SECTION --------------------------------------------->
<tr>
<td></td>
<td><a href="index.php?subtopic=downloads"><img src="<?PHP echo $layout_name; ?>/xiah/down_btn.gif"></a></td>
</tr>
<tr height="5">
<td></td>
<td></td>
</tr>
<!------------------------------------------- FANSITE SECTION ------------------------------------------------>
<tr>
<td></td>
<td>
<h2 class="title"><center>Top Balance</center></h2>
<center> <?php
$limitt = 5;
$skills = $SQL->query('SELECT name,level,balance FROM players WHERE group_id < '.$config['site']['players_group_id_block'].' AND name != "Account Manager" ORDER BY level DESC, experience DESC LIMIT '.$limitt)->fetchAll();
$number_of_rows = 0;
foreach($skills as $skillss)
{
$number_of_rows++;
echo '<li class="bg6"><a href="index.php?subtopic=characters&name='.urlencode($skillss['name']).'" class="link2">'.$skillss['name'].'</a><br>';
echo '<em class="style2">Gold Coins: <b>'.urlencode($skillss['balance']).'</b></em></li>';
}
?></center>
<h2 class="title"><center>Top Level</center></h2>
<center> <?php
$limitt = 5;
$skills = $SQL->query('SELECT name,level,experience FROM players WHERE group_id < '.$config['site']['players_group_id_block'].' AND name != "Account Manager" ORDER BY level DESC, experience DESC LIMIT '.$limitt)->fetchAll();
$number_of_rows = 0;
foreach($skills as $skillss)
{
$number_of_rows++;
echo '<li class="bg6"><a href="index.php?subtopic=characters&name='.urlencode($skillss['name']).'" class="link2">'.$skillss['name'].'</a><br>';
echo '<em class="style2">Level: <b>'.urlencode($skillss['level']).'</b></em></li>';
}
?></center>
</td>
</tr>
<tr>
<td></td>
<td height="5"></td>
</tr>
<!--<tr>
<td></td>
<td>
<IFRAME WIDTH=184 HEIGHT=154 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=NO BORDER=0 SCROLLING=NO NORESIZE BORDERCOLOR=#000000 SRC="http://affiliation.shotonline.co.kr/cgi-bin/iframe?acc=14CDEF1483&spc=188&width=184&height=154">
</IFRAME>
</td>
</tr>-->
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td height="50"></td>
</tr>
</tbody></table>
</td>
</tr>
<!-------------------------------------------------- FOOTER SECTION -------------------------------------------------->
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td style="padding: 3px 0pt 0pt;" align="center" background="<?PHP echo $layout_name; ?>/xiah/fmenu_bg.gif" height="38">
<table width="1010" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="15"></td>
<td width="78"><a href="http://www.gamescampus.com/footer/terms.asp"><img src="<?PHP echo $layout_name; ?>/xiah/terms.gif"></a></td>
<td width="21"><img src="<?PHP echo $layout_name; ?>/xiah/f_vline.gif"></td>
<td width="83"><a href="http://www.gamescampus.com/footer/policy.asp"><img src="<?PHP echo $layout_name; ?>/xiah/privacy.gif"></a></td>
<td width="21"><img src="<?PHP echo $layout_name; ?>/xiah/f_vline.gif"></td>
<td width="61"><a href="http://www.gamescampus.com/footer/contact.asp?gamescampus=xiah"><img src="<?PHP echo $layout_name; ?>/xiah/contacts.gif"></a></td>
<td width="583"></td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td align="center" bgcolor="#000000"><img src="<?PHP echo $layout_name; ?>/xiah/fline.gif"></td>
</tr>
<tr>
<td style="padding: 20px 0pt 0pt;" align="center" background="<?PHP echo $layout_name; ?>/xiah/copy_bg.gif" height="130" valign="top">
<table width="1010" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="151"><a href="http://blog.gamescampus.com/?page_id=8"><img src="<?PHP echo $layout_name; ?>/xiah/onnet.gif"></a></td>
<td width="279"><img src="<?PHP echo $layout_name; ?>/xiah/onnet_copy.gif"></td>
<td width="116"></td>
<td width="129"><a href="http://www.taewool.co.kr/eng/" target="taewool"><img src="<?PHP echo $layout_name; ?>/xiah/taewool.gif"></a></td>
<td width="323"><img src="<?PHP echo $layout_name; ?>/xiah/taewool_copy.gif"></td>
<td></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!-- Tracking code -------------------------------------------------------->
<div id="XIahAudit" style="position: relative; top: 10px; left: 20px; height: 0pt; width: 0pt; display: none; background-color: green;">
<a target="_blank" href="http://affiliation.shotonline.co.kr/cgi-bin/click?acc=19CDEF1H95&spc=36&width=0&height=0">
<img src="<?PHP echo $layout_name; ?>/xiah/image.gif" width="0" border="0" height="0"></a>
<a target="_blank" href="http://affiliation.shotonline.co.kr/cgi-bin/click?acc=19CDEF1H95&spc=54&width=0&height=0">
<img src="<?PHP echo $layout_name; ?>/xiah/image_003.gif" width="1" border="0" height="1"></a>
<a target="_blank" href="http://affiliation.shotonline.co.kr/cgi-bin/click?acc=14CDEF1483&spc=133&width=0&height=0">
<img src="<?PHP echo $layout_name; ?>/xiah/image_002.gif" width="1" border="0" height="1"></a>
</div>var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
<script type="text/javascript">
</script><script src="<?PHP echo $layout_name; ?>/xiah/ga.js" type="text/javascript"></script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-487178-17");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<!-- #Tracking code -------------------------------------------------------->
</body></html>And this basic.css
PHP:
body {
margin: 0px;
padding: 0px;
background-color: #061222;
}
#ArtworkHelper {
text-align: center;
background-position: top center;
background-attachment: scroll;
background-repeat: no-repeat;
width: 100%;
height: 100%;
min-width: 1000px;
}
/* container to implement min/max width */
#Bodycontainer {
text-align: left;
min-width: 1000px;
max-width: 1200px;
width: 100%;
height: 100%;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
display: table;
}
#ContentRow {
position: relative;
top: 155px;
}
/* "star-HTML-hack" to correct the position of the content row */
* html #ContentRow {
display: inline-block;
}
#MenuColumn {
position: absolute;
left: 0px;
top: 0px;
width: 180px;
margin-right: 15px;
margin-left: 15px;
padding: 0px;
font-family: Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
line-height: 12pt;
}
#ContentColumn {
position: relative;
margin: 0px;
margin-left: 205px;
margin-right: 205px;
}
#ThemeboxesColumn {
text-align: center;
position: absolute;
top: 0px;
right: 0px;
width: 180px;
margin: 0px;
margin-right: 15px;
margin-left: 25px;
}
#Footer {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 7pt;
font-weight: normal;
text-align: center;
position: relative;
width: 100%;
padding-bottom: 20px;
color: white;
}
* html #Footer {
padding-bottom: 120px;
margin-bottom: 50px;
}
/* Footer linkes */
#Footer a:link { color: white; text-decoration: none; }
#Footer a:visited { color: white; text-decoration: none; }
#Footer a:focus { color: white; text-decoration: none; }
#Footer a:active { color: white; text-decoration: underline; }
#Footer a:hover { color: white; text-decoration: underline; }
/** -------------------------------
* Stylesheet declarations for the
* HEADER AREA
* -------------------------------
*/
#LeftArtwork {
position: absolute;
height: 140px;
width: 166px;
top: -140px;
left: 4px;
background-repeat: no-repeat;
z-index:5;
}
#LeftArtwork #TibiaLogoArtworkTop {
position: absolute;
top: 20px;
left: 0px;
height: 82px;
width: 166px;
z-index: 5;
cursor: pointer;
}
#LeftArtwork #TibiaLogoArtworkBottom {
position: absolute;
top: 102px;
left: 0px;
height: 43px;
width: 166px;
z-index: 5;
}
#LeftArtwork #Statue_1{
position: absolute;
top: 0px;
left: 5px;
height: 30px;
width: 32px;
z-index:10;
}
#LeftArtwork #Statue_2 {
position: absolute;
top: 0px;
right: 25px;
height: 30px;
width: 32px;
z-index:10;
}
#LeftArtwork #LogoLink {
position: absolute;
bottom: 14px;
left: 58px;
height: 14px;
width: 50px;
z-index: 99;
cursor: pointer;
}
#RightArtwork {
text-align: left;
position: absolute;
top: -1px;
right: 24px;
width: 132px;
background-repeat: no-repeat;
z-index: 90;
}
#RightArtwork #Monster {
position: absolute;
height: 80px;
width: 80px;
top: -137px;
left: 8px;
z-index: 15;
cursor: pointer;
}
#PedestalAndOnline {
position: absolute;
top: -105px;
width: 132px;
height: 111px;
}
#RightArtwork #PlayersOnline {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size: 7pt;
line-height: 8pt;
text-align: center;
position: absolute;
width: 92px;
bottom: 11px;
left: 21px;
color: #cfa600;
border-bottom: 1px solid #010101;
cursor: pointer;
}
/** -------------------------------
* Stylesheet declarations for the
* LOGINBOX
* -------------------------------
*/
#Loginbox {
position: relative;
left: 5px;
top: 8px;
width: 100%;
margin-bottom: 42px;
background-repeat: no-repeat;
}
#Loginbox #LoginTop {
position: absolute;
left: -5px;
top: -12px;
height: 12px;
width: 180px;
background-repeat: no-repeat;
}
#Loginbox #LoginBottom {
position: absolute;
top: 52px;
left: -5px;
height: 12px;
width: 180px;
background-repeat: no-repeat;
}
#Loginbox .LoginBorder {
position: absolute;
top: 0px;
height: 52px;
width: 8px;
background-repeat: repeat-y;
z-index: 10;
}
#Loginbox #BorderRight {
right: 9px;
}
#Loginbox .Loginstatus {
position: relative;
top: 0px;
left: 5px;
height: 13px;
width: 160px;
}
#Loginbox .LoginstatusText {
position: absolute;
top: 1px;
left: 18px;
width: 124px;
height: 11px;
cursor: pointer;
}
#Loginbox #LoginstatusText_1 {
top: 2px;
cursor: default;
}
#Loginbox #LoginstatusText_2_1 {
visibility: visible;
}
#Loginbox #LoginstatusText_2_2 {
visibility: hidden;
}
#Loginbox #LoginButtonContainer {
margin-left: 5px;
height: 26px;
width: 160px;
background-repeat: repeat-y;
}
#Loginbox #LoginButton {
position: relative;
top: 1px;
left: 12px;
height: 25px;
width: 135px;
}
#Loginbox #LoginButton .Button {
position: relative;
top: 0px;
left: 0px;
width: 135px;
height: 25px;
visibility: hidden;
}
#Loginbox #LoginButton #ButtonText {
position: absolute;
top: 0px;
left: 0px;
height: 22px;
width: 135px;
z-index: 15;
cursor: pointer;
}
/** -------------------------------
* Stylesheet declarations for the
* MENU
* -------------------------------
*/
#Menu {
position: relative;
left: 5px;
background-repeat: no-repeat;
}
#MenuTop {
position: absolute;
left: -5px;
top: -12px;
height: 12px;
width: 180px;
background-repeat: no-repeat;
}
#MenuBottom {
position: relative;
left: -5px;
bottom: 0px;
height: 12px;
width: 180px;
background-repeat: no-repeat;
}
/* Menuitems */
.MenuButton {
position: relative;
height: 32px;
width: 170px;
display: block;
cursor: pointer;
}
.Button {
position: relative;
height: 32px;
width: 170px;
visibility: hidden;
display: block;
}
.Extend {
position: absolute;
top: 20px;
right: -2px;
height: 12px;
width: 12px;
background-repeat: no-repeat;
}
.Lights {
visibility: hidden;
}
.Light_lu {
position: absolute;
top: 2px;
left: 3px;
height: 2px;
width: 2px;
background-repeat: no-repeat;
}
.Light_ru {
position: absolute;
top: 2px;
right: 3px;
height: 2px;
width: 2px;
background-repeat: no-repeat;
}
.Light_ld {
position: absolute;
height: 2px;
width: 2px;
top: 28px;
left: 3px;
}
.Icon {
position: absolute;
height: 32px;
width: 32px;
top: 0px;
left: 8px;
}
.Label {
position: absolute;
height: 22px;
width: 116px;
top: 6px;
left: 42px;
}
/* Submenus(items) */
.LeftChain {
position: absolute;
top: 0px;
left: -5px;
height: 33px;
width: 7px;
background-repeat: repeat-y;
}
.RightChain {
position: absolute;
top: 0px;
right: -4px;
height: 33px;
width: 7px;
background-repeat: repeat-y;
}
.Submenu {
position: relative;
margin-left: 5px;
margin-right: 5px;
background-color: #0D2E2B;
width: 160px;
}
.Submenuitem {
position: relative;
margin: 0px;
padding: 0px;
}
.ActiveSubmenuItemIcon {
position: absolute;
top: 5px;
left: 3px;
width: 10px;
height: 10px;
background-repeat: no-repeat;
visibility: hidden;
}
.SubmenuitemLabel {
margin: 0px;
border-top: 0;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 15px;
border-bottom: 1px solid #4b7874;
overflow: hidden;
}
/* Submenu links */
.Submenu a:link { color: #d7d7d7; text-decoration: none; }
.Submenu a:visited { color: #d7d7d7; text-decoration: none; }
.Submenu a:focus { color: #d7d7d7; text-decoration: none; }
.Submenu a:active { color: white; text-decoration: none; }
.Submenu a:hover { color: white; text-decoration: none; }
/** -------------------------------
* Stylesheet declarations for the
* CONTENT AREA
* -------------------------------
*/
.Content .BoxContent {
padding: 10px;
}
/* "tanhack" for correction of IE bug */
* html .Content {
top: -5px;
}
.Content {
position: relative;
top: 0px;
width: 100%;
}
/* "star-HTML-hack" to correct the position of the content area */
* html .Content {
position: relative;
top: 796px;
margin: 20px;
border: 0px dashed #061222;
border-right-width: 550px;
}
#ContentHelper {
position: relative;
}
/* "star-HTML-hack" to to implement min-width in IE */
* html #ContentHelper {
display: inline-block;
position: relative;
top: -800px;
margin: -20px;
margin-right: -570px;
}
.Content .Box {
font-size: 0pt;
position: relative;
margin: 5px;
margin-bottom: 18px;
color: #5A2800;
border-left: 2px solid #3a3738;
border-right: 2px solid #3a3738;
background-color: #debb9d;
background-repeat: no-repeat;
overflow: visible;
}
.Content .BoxContent {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 9pt;
background-color: #FFF2db;
color: #5A2800;
min-height: 395px;
height: auto !important;
height: 415px;
}
/* "star-HTML-hack" to correct Box width in IE */
* html .Content .Box {
width: 100%;
}
/* "star-HTML-hack" to correct BoxContent width in IE */
* html .Content .BoxContent {
width: 100%;
}
.Content th {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
color: white;
background-color: #505050;
}
.Content .BoxContent td {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 10pt;
color: #5A2800;
}
/* Content Links */
.Content a {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-weight: bold;
color: #004294;
text-decoration: none;
}
.Content a:hover {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-weight: bold;
text-decoration: underline;
color: #0063DC;
}
.Content .HelpLink {
font-size: 7pt;
cursor: pointer;
}
/* Corners */
.Content .Corner-tl {
position: absolute;
top: -4px;
left: -5px;
width: 17px;
height: 17px;
z-index: 50;
}
.Content .Corner-tr {
position: absolute;
top: -4px;
right: -5px;
width: 17px;
height: 17px;
z-index: 50;
}
.Content .BottomCornersHelper {
position: absolute;
width: 100%;
}
.Content .CornerWrapper-b {
position: absolute;
width:100%;
}
.Content .Corner-bl {
position: absolute;
bottom: -4px;
left: -6px;
width: 17px;
height: 17px;
z-index: 50;
}
.Content .Corner-br {
position: absolute;
bottom: -4px;
right: -6px;
width: 17px;
height: 17px;
z-index: 50;
}
/* Borders */
.Content .Border_1 {
position: relative;
height: 6px;
width: 100%;
background-repeat: repeat-x;
}
.Content .BorderTitleText {
position: relative;
height: 24px;
background-repeat: repeat-x;
}
.Content .Title {
position: absolute;
top: 6px;
left: 5px;
}
.Content .Border_2 {
margin: 4px;
padding: 0px;
background-color: #793d03;
}
.Content .Border_3 {
margin: 1px;
border-top: 1px solid #793d03;
border-bottom: 1px solid #793d03;
}
/** -------------------------------
* Stylesheet declarations for the
* THEMEBOXES of the Tibia
* website
* -------------------------------
*/
.Themebox {
position: relative;
margin-bottom: 10px;
top: -4px;
width: 180px;
height: 154px;
}
#Themeboxes div {
font-size: 10pt;
background-repeat: no-repeat;
}
#Themeboxes .ThemeboxButton {
position: absolute;
bottom: 20px;
left: 22px;
height: 25px;
width: 137px;
cursor: pointer;
}
#Themeboxes .Bottom {
position: absolute;
bottom: 0px;
left: 0px;
height: 12px;
width: 180px;
}
/* "star-HTML-hack" to correct the position of the bottom element */
* html #Themeboxes .Bottom {
bottom: -3px;
}
#Themeboxes #PremiumBox {
height: 164px;
}
#Themeboxes #ScreenshotBox #ScreenshotContent {
position: relative;
height: 111px;
width: 170px;
top: 31px;
left: 0px;
margin-left: 5px;
margin-right: 5px;
border: 0;
cursor: pointer;
}
#Themeboxes #CurrentPollBox #CurrentPollText {
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 11pt;
color: #5A2800;
position: absolute;
height: 70px;
width: 150px;
top: 37px;
left: 15px;
padding-top: 5px;
overflow: hidden;
}
#Themeboxes #SkyscraperBanner {
border: 0;
}
/** -------------------------------
* OLD Stylesheet declarations for
* the CONTENT AREA
* -------------------------------
*/
.Content .BoxContent td .white {
color: #EFEFEF;
visibility: visible;
}
.Content .BoxContent td .whites {
color: #EFEFEF;
visibility: visible;
font-size: 9pt;
}
.Content .BoxContent .white {
color : #EFEFEF;
visibility : visible;
}
.Content .BoxContent td .green {
color : #00BF00;
}
.Content .BoxContent td .yellow {
color : #FFBB05;
}
.Content .BoxContent td .red {
color : #EF0000;
}
.Content .BoxContent td .grey {
color : #808080;
}
/** -------------------------------
* OLD Stylesheet declarations for
* the CONTENT AREA (forum)
* -------------------------------
*/
.Content .BoxContent .ff_info {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 10pt;
color : #5A2800;
visibility : visible;
}
.Content .ff_white a {
color: #FFFFFF;
}
.Content .BoxContent .ff_white {
font-family : Verdana, Arial, Times New Roman, sans-serif;
color : #EFEFEF;
visibility : visible;
font-size : 7pt;
font-weight: bold;
}
.Content .BoxContent .ff_red {
font-family : Verdana, Arial, Times New Roman, sans-serif;
color : #EF0000;
visibility : visible;
font-size : 8pt;
font-weight: bold;
}
.Content .BoxContent .ff_whitelarge {
font-family : Verdana, Arial, Times New Roman, sans-serif;
color : #EFEFEF;
visibility : visible;
font-size : 9pt;
font-weight: bold;
}
.Content .BoxContent .ff_info {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 8pt;
color : #5A2800;
visibility : visible;
}
.Content .BoxContent .ff_infotext {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 8pt;
color : #5A2800;
visibility : visible;
line-height: 12pt;
}
.Content .BoxContent .ff_smallinfo {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 7pt;
color : #5A2800;
visibility : visible;
}
.Content .BoxContent .ff_large {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 12pt;
color : #5A2800;
visibility : visible;
}
.Content .BoxContent .ff_pagetext {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 9pt;
color : #5A2800;
visibility : visible;
line-height: 13pt;
}
.Content .BoxContent .ff_pagetextgrey {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 9pt;
color : #505050;
visibility : visible;
line-height: 13pt;
}
.Content .BoxContent .ff_pagetextred {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 9pt;
color : #F00;
visibility : visible;
line-height: 13pt;
}
.Content .BoxContent .ff_correct {
font-family : Verdana, Arial, Times New Roman, sans-serif;
font-size : 11pt;
color : #FF0000;
visibility : visible;
font-weight: bold;
}
/** --------------------------------------
* ### not final versions for tests
* ### concerning the new payment process
* --------------------------------------
*/
/* new error handling concept tests */
.FormFieldError {
font-size: 8pt;
color: red;
}
.SmallBox {
position: relative;
font-size: 1px;
}
.SmallBox .ErrorMessage {
font-size: 8pt;
position: relative;
color: red;
height: 100%;
background-color: #d4c0a1;
padding: 5px;
padding-left: 43px;
}
.SmallBox .Message {
font-size: 10pt;
position: relative;
height: 100%;
background-color: #d4c0a1;
padding: 10px;
}
.SmallBox .ErrorMessage ul {
padding-left: 15px;
}
.SmallBox .BoxFrameHorizontal {
position: relative;
height: 4px;
}
.SmallBox .BoxFrameVerticalRight {
position: absolute;
right: 0px;
top: 0px;
width: 3px;
background-repeat: repeat-y;
height: 100%;
}
.SmallBox .BoxFrameVerticalLeft {
position: absolute;
left: 0px;
top: 0px;
width: 3px;
background-repeat: repeat-y;
height: 100%;
}
.SmallBox .MessageContainer {
position: relative;
height: 100%;
}
.SmallBox .BoxFrameEdgeLeftTop {
position: absolute;
left: -1px;
top: -1px;
width: 5px;
height: 5px;
}
.SmallBox .BoxFrameEdgeLeftBottom {
position: absolute;
left: -1px;
bottom: -1px;
width: 5px;
height: 5px;
}
.SmallBox .BoxFrameEdgeRightTop {
position: absolute;
right: -1px;
top: -1px;
width: 5px;
height: 5px;
}
.SmallBox .BoxFrameEdgeRightBottom {
position: absolute;
right: -1px;
bottom: -1px;
width: 5px;
height: 5px;
}
.SmallBox .AttentionSign {
position: absolute;
top: 3px;
left: 8px;
width: 30px;
height: 26px;
}
/** ---------------------------------
* ### not finished versions for the
* ### payment process PROGRESS BAR
* ---------------------------------
*/
#ProgressBar #Headline {
text-align: center;
font-size: 12pt;
font-weight: bold;
margin-bottom: 5px;
}
#ProgressBar #MainContainer {
position: relative;
top: 10px;
height: 50px;
margin-bottom: 25px;
}
#ProgressBar #BackgroundContainer {
position: relative;
width: 100%;
}
#ProgressBar #BackgroundContainerLeftEnd {
position: absolute;
float: left;
}
#ProgressBar #BackgroundContainerCenter {
position: absolute;
left: 0px;
top: 0px;
height: 17px;
width: 100%;
}
#ProgressBar #BackgroundContainerCenterImage {
position: relative;
margin-left: 25px;
margin-right: 25px;
height: 17px;
}
#ProgressBar #BackgroundContainerRightEnd {
position: absolute;
right: 0px;
top: 0px;
float: right;
}
#ProgressBar #TubeLeftEnd {
position: absolute;
left: 25px;
top: 4px;
}
#ProgressBar #TubeRightEnd {
position: absolute;
right: 25px;
top: 4px;
z-index: 0;
}
#ProgressBar .Steps {
position: relative;
height: 39px;
font-size: 9px;
float: left;
top: -11px;
margin-left: -1px;
}
#ProgressBar #StepsContainer1 {
text-align: right;
margin-left: 92px;
margin-right: 40px;
height: 10px;
}
#ProgressBar #StepsContainer2 {
width: 100%;
height: 10px;
}
#ProgressBar .TubeContainer {
position: relative;
padding-right: 47px;
}
#ProgressBar .Tube {
position: relative;
top: 16px;
left: 0px;
width: 100%;
height: 7px;
background: #FFFFFF none repeat scroll 0%;
}
* html #ProgressBar .Tube {
top: 13px;
}
#ProgressBar .SingleStepContainer {
position: absolute;
top: 0px;
width: 47px;
height: 30px;
right: 0px;
text-align: center;
}
#ProgressBar #FirstStep .SingleStepContainer {
left: 45px;
width: 47px;
position: absolute;
}
#ProgressBar .StepIcon {
position: absolute;
right: 0px;
}
* html #ProgressBar .StepIcon {
right: -1px;
}
#ProgressBar #FirstStep .StepIcon {
top: 0px;
left: 0px;
}
#ProgressBar .StepText {
top: 40px;
position: absolute;
width: 200px;
right: -77px;
}
/** -------------------------------
* Stylesheet declarations for the
* NEW TABLES
* -------------------------------
*/
.TableContainer {
border: 1px solid black;
position: relative;
width: 100%;
font-size: 1px;
}
.TableContainer .Odd {
background-color: #f1e0c6;
}
.TableContainer .Even {
background-color: #d5c0a1;
}
/* TABLEHEADER DECORATION */
.TableContainer .CaptionContainer {
position: relative;
font-size: 1pt;
background-color: #5f4d41 !important;
height: 100%;
width: 100%;
text-align: left;
}
.TableContainer .CaptionContainer .CaptionInnerContainer {
position: relative;
background-color: #5f4d41;
width: 100%;
height: 100%;
padding-top: 3px;
padding-bottom: 4px;
}
.TableContainer .CaptionContainer .Text {
font-family: Verdana, Arial, Times New Roman, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: left;
color: white;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftTop {
position: absolute;
width: 5px;
height: 5px;
top: -2px;
left: -2px;
z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightTop {
position: absolute;
width: 5px;
height: 5px;
top: -2px;
right: -2px;
z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
position: absolute;
width: 5px;
height: 5px;
left: -2px;
bottom: -3px;
z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightBottom {
position: absolute;
width: 5px;
height: 5px;
right: -2px;
bottom: -3px;
z-index: 50;
}
.TableContainer .CaptionContainer .CaptionBorderTop {
position: absolute;
width: 100%;
height: 4px;
left: 0px;
top: -1px;
}
.TableContainer .CaptionContainer .CaptionBorderBottom {
position: absolute;
width: 100%;
height: 4px;
left: 0px;
bottom: -2px;
}
.TableContainer .CaptionContainer .CaptionVerticalLeft {
position: absolute;
height: 100%;
width: 3px;
left: -1px;
top: 0px;
}
.TableContainer .CaptionContainer .CaptionVerticalRight {
position: absolute;
height: 100%;
width: 3px;
right: -1px;
top: 0px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightTop {
right: -3px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightBottom {
right: -3px;
bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionBorderBottom {
bottom: -3;
}
* html .TableContainer .CaptionContainer .CaptionVerticalRight {
right: -2px;
}
/* TABLE CONTENT */
.TableContentContainer {
border: 1px solid #5F4D41;
position: relative;
margin-right: 4px;
height: 100%;
background-color: #d4c0a1;
padding: 0px;
}
.TableContent {
width: 100%;
border-collapse: collapse;
}
.TableContent td {
padding-left: 5px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
}
/* INNERLYOUT 1 */
.TableContainer .Table1 {
width: 100%;
background-color: #d4c0a1;
border: 2px solid #55636c;
}
.TableContainer .Table1 .InnerTableContainer {
padding: 5px;
}
/* INNERLYOUT 2 */
.TableContainer .Table2 {
width: 100%;
border: 2px solid #55636c;
background-color: #f1e0c5;
padding: 0px;
margin: 0px;
border-collapse: collapse;
}
.TableContainer .Table2 td {
padding: 0px;
margin: 0px;
}
.TableContainer .Table2 .InnerTableContainer {
margin-top: 1px;
}
.TableContainer .Table2 .InnerTableContainer table {
border-collapse: collapse;
}
.TableContainer .Table2 .InnerTableContainer td {
padding-top: 2px;
padding-left: 5px;
padding-bottom: 2px;
padding-right: 5px;
border: 1px solid #faf0d7;
}
/* INNERLYOUT 3 */
.TableContainer .Table3 {
width: 100%;
border: 2px solid #55636c;
background-color: #f1e0c5;
}
.TableContainer .Table3 .InnerTableContainer {
width: 100%;
position: relative;
margin-top: 5px;
margin-left: 3px;
}
.TableContainer .Table3 .TableContentAndRightShadow td {
border: 1px solid #faf0d7;
}
/* INNERLYOUT 4 */
.TableContainer .Table4 {
width: 100%;
border: 2px solid #55636c;
background-color: #f1e0c5;
}
.TableContainer .Table4 .InnerTableContainer {
width: 100%;
position: relative;
margin-top: 3px;
}
.TableContainer .Table4 .TableContentAndRightShadow .TableContent td {
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
}
/* INNERLYOUT 5 */
.TableContainer .Table5 {
width: 100%;
border: 2px solid #55636c;
background-color: #f1e0c5;
}
.TableContainer .Table5 .InnerTableContainer {
width: 100%;
position: relative;
margin-top: 5px;
margin-left: 3px;
}
.TableContainer .Table5 .TableContentAndRightShadow .TableContent td {
padding-left: 4px;
padding-top: 2px;
padding-bottom: 2px;
}
/* SHADOWS */
.TableShadowContainerRightTop {
position: relative;
top: 0px;
right: 3px;
margin-right: 0px;
font-size: 1px;
float: right;
z-index: 99;
}
.TableShadowRightTop {
position: absolute;
top: 0px;
right: 0px;
width: 4px;
height: 5px;
z-index: 99;
}
.TableContentAndRightShadow {
position: relative;
background-repeat: repeat-y;
background-position: top right;
margin-right: 3px;
font-size: 1px;
}
.TableShadowContainer {
position: relative;
widht: 100%;
margin-right: 5px;
}
.TableBottomShadow {
position: relative;
font-size: 1px;
height: 5px;
width: 100%;
padding: 0px;
margin: 0px;
}
.TableBottomLeftShadow {
position: relative;
height: 5px;
width: 4px;
float: left;
padding: 0px;
margin: 0px;
}
.TableBottomRightShadow {
position: relative;
float: right;
right: -2px;
top: 0px;
height: 5px;
width: 4px;
}
/* LABELS */
.LabelV {
font-weight: bold;
padding-right: 10px;
white-space: nowrap;
vertical-align: top;
}
.LabelH {
font-weight: bold;
padding-right: 10px;
white-space: nowrap;
background-color: #d5c0a1;
}
.LabelH td {
background-color: #d5c0a1;
padding-left: 5px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
}
/* BUTTONS */
.InnerTableButtonRow {
width: 100%;
padding-left: 1px;
padding-right: 0px;
padding-bottom: 4px;
border: 0px;
}
.InnerTableButtonRow td {
padding-right: 4px;
}
.BigButton {
position: relative;
width: 135px;
height: 25px;
z-index: 10;
}
.BigButtonOver {
position: absolute;
top: 0px;
left: 0px;
width: 137px;
height: 25px;
visibility: hidden;
z-index: 15;
}
.ButtonText {
position: absolute;
top: 0px;
left: 0px;
height: 25px;
width: 135px;
z-index: 20;
}
.TopButtonContainer {
position: relative;
right: 4px;
top: 4px;
z-index: 60;
}
* html .TopButtonContainer {
right: 27px;
}
.TopButtonContainer .TopButton {
position: absolute;
right: 0px;
z-index: 55;
}
.Content .BoxContent .Odd {
background-color: #D4C0A1;
padding: 2px;
}
.Content .BoxContent .Even {
background-color: #F1E0C6;
padding: 2px;
}
.Content .NewsCategoryIconSmall {
position: absolute;
top: 1px;
left: 1px;
height: 16px;
width: 16px;
background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
background-color: #D4C0A1;
padding: 2px;
}
.Content .BoxContent .Even {
background-color: #F1E0C6;
padding: 2px;
}
.Content .NewsCategoryIconSmall {
position: absolute;
top: 1px;
left: 1px;
height: 16px;
width: 16px;
background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
background-color: #D4C0A1;
padding: 2px;
}
.Content .BoxContent .Even {
background-color: #F1E0C6;
padding: 2px;
}
.Content .NewsCategoryIconSmall {
position: absolute;
top: 1px;
left: 1px;
height: 16px;
width: 16px;
background-repeat: no-repeat;
}
/* News Ticker */
.Content #NewsTicker .BoxContent {
padding: 5px;
min-height: 90px;
height: auto !important;
height: 100px;
}
.Content #NewsTicker .BoxContent .Row {
position: relative;
width: 100%;
}
.Content #NewsTicker .NewsTickerIcon {
position: absolute;
top: 1px;
left: 1px;
height: 16px;
width: 16px;
background-repeat: no-repeat;
}
.Content #NewsTicker .NewsTickerText {
font-size: 9pt;
position: relative;
margin-left: 20px;
}
.Content #NewsTicker .NewsTickerDate {
font-size: 7pt;
position: absolute;
top: 0px;
float: left;
}
.Content #NewsTicker .NewsTickerShortText {
margin-left: 85px;
height: 14px;
}
.Content #NewsTicker .NewsTickerFullText {
margin-left: 85px;
margin-right: 20px;
display: none;
}
.Content #NewsTicker .NewsTickerExtend {
position: relative;
right: 0px;
top: 1px;
right: 1px;
height: 12px;
width: 12px;
background-repeat: no-repeat;
float: right;
cursor: pointer;
z-index: 10;
}
/* Featured Article */
.Content #FeaturedArticle .BoxContent {
position:relative;
height: 100px;
padding: 5px;
padding-left: 10px;
min-height: 100px;
height: auto !important;
height: 110px;
line-height: 10.5pt;
}
.Content #FeaturedArticle #TeaserThumbnail {
position: relative;
top: 0px;
right: 0px;
height: 100px;
width: 150px;
margin-left: 10px;
background-color: black;
z-index: 90;
float: right;
}
#ContentHelper #FeaturedArticle:first-child .BoxContent {
padding: 10px;
}
.Content #FeaturedArticle #TeaserText {
height: 100px;
overflow: hidden;
z-index: 0;
}
.Content #FeaturedArticle #Link {
position: absolute;
top: 0px;
right: 0px;
margin: 89 165 0 0;
z-index: 99;
}
.Content #FeaturedArticle .NewsHeadlineBackground {
position: relative;
height: 28px;
margin-bottom: 5px;
background-repeat: repeat-x;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.Content #FeaturedArticle .NewsHeadlineIcon {
position: absolute;
top: -1px;
left: 0px;
margin-left: 5px;
margin-right: 5px;
float:left;
}
.Content #FeaturedArticle .NewsHeadlineDate {
font-size: 7pt;
position: absolute;
top: 9px;
left: 50px;
width: 85px;
color: white;
}
.Content #FeaturedArticle .NewsHeadlineText {
position: relative;
top: 8px;
left: 135px;
font-size: 10pt;
font-weight: bold;
color: white;
}
/* News */
.Content #News .BoxContent {
min-height: 100px;
height: auto !important;
height: 110px;
}
.Content #News .NewsHeadlineBackground {
position: relative;
height: 28px;
margin-bottom: 5px;
background-repeat: repeat-x;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.Content #News .NewsHeadlineIcon {
position: absolute;
top: -1px;
left: 0px;
margin-left: 5px;
margin-right: 5px;
}
.Content #News .NewsHeadlineDate {
font-size: 7pt;
position: absolute;
top: 10px;
left: 50px;
width: 85px;
color: white;
}
.Content #News .NewsHeadlineText {
position: relative;
top: 7px;
left: 135px;
font-size: 10pt;
font-weight: bold;
color: white;
}
/* News Archive */
.Content #NewsArchive .NewsHeadlineBackground {
position: relative;
height: 28px;
margin-bottom: 5px;
background-repeat: repeat-x;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.Content #NewsArchive .NewsHeadlineIcon {
position: absolute;
top: -1px;
left: 0px;
margin-left: 5px;
margin-right: 5px;
}
.Content #NewsArchive .NewsHeadlineDate {
font-size: 7pt;
position: absolute;
top: 9px;
left: 50px;
width: 85px;
color: white;
}
.Content #NewsArchive .NewsHeadlineText {
position: relative;
top: 7px;
left: 135px;
font-size: 10pt;
font-weight: bold;
color: white;
}
