Board: http://z13.invisionfree.com/ATWIS/index.php?act=idx
Problem: the member legend is supposed to be under the huge lettering board statistics. that's the kind of member legend it is, with those colored squares. so i think something may be missing on this skin that's making it not show up? thank you for the person who helps me with this
header/body:
footer:
CSS:
Problem: the member legend is supposed to be under the huge lettering board statistics. that's the kind of member legend it is, with those colored squares. so i think something may be missing on this skin that's making it not show up? thank you for the person who helps me with this
header/body:
Code:
<center><br><div style="margin-top: -5px;"><table><table cellpadding="0" cellspacing="0" valign="top"> <td valign="top"><tr><td class="border1"> <table><table cellpadding="0" cellspacing="0" valign="top"> <td valign="top"><tr><td class="imgbrdr"> <table><table cellpadding="0" cellspacing="0" valign="top"> <td valign="top"><tr><td class="border3"> <table cellpadding="0" cellspacing="0" > <tr><td class="forumtable"><div width="210px"> <table width="100%" class='0' cellspacing="0" cellpadding="0">
<img src="http://i.imgur.com/sR7Pe.png">
<tr><td class='0' valign="top">
<table id="Table_01" width="250" height="2851" border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="4"><div style="background-image:url(http://i.imgur.com/6dWik.png); width:250px; height:289px">
<div class="side1"><form style='display:inline' action="http://s13.invisionfree.com/ATWIS/index.php?act=Login&CODE=01&CookieDate=1" method="post">
<input type="text" width="90" class="forminput" size="10" name="UserName" onfocus="this.value=''" value="">
<input type='password' width="90" class='forminput' size='10' name='PassWord' onfocus="this.value=''" value='asdfasdf' />
<input type='submit' class='forminput' value='SWITCH' /></center></form></div>
</div></td></tr>
<tr><td colspan="4"><img src="http://i.imgur.com/1oAXq.png" width="250" height="356"></td></tr>
<tr><td colspan="4"><div style="background-image:url(http://i.imgur.com/BhR5j.png); width:250px; height:201px; padding-top:8px;">
<div class="side2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed orci sapien, interdum quis mattis vitae, vestibulum at erat. Proin bibendum tristique nulla vel elementum. Mauris imperdiet, felis sit amet auctor pharetra, mi felis volutpat leo, vitae tincidunt ligula elit eget sem. Vivamus elit sapien, auctor eget semper id, ultrices non urna. Aliquam erat volutpat. Nullam facilisis metus a erat elementum quis vehicula enim dignissim. Quisque eu odio nec eros aliquam feugiat.</div>
</div></td></tr>
<tr><td colspan="4"><div style="background-image:url(http://i.imgur.com/biFuh.png); width:250px; height:208px; padding-top:105px;">
<div class="side3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed orci sapien, interdum quis mattis vitae, vestibulum at erat. Proin bibendum tristique nulla vel elementum. Mauris imperdiet, felis sit amet auctor pharetra, mi felis volutpat leo, vitae tincidunt ligula elit eget sem. Vivamus elit sapien, auctor eget semper id, ultrices non urna. Aliquam erat volutpat. Nullam facilisis metus a erat elementum quis vehicula enim dignissim. Quisque eu odio nec eros aliquam feugiat.</div>
</div></td></tr>
<tr><td colspan="2"><img src="http://i.imgur.com/rVxZd.png" width="124" height="63" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu();"></td>
<td colspan="2" rowspan="2"><img src="http://i.imgur.com/ck077.png" width="126" height="226"></td></tr>
<tr><td colspan="2"><img src="http://i.imgur.com/szeCr.png" width="124" height="163"></td></tr>
<tr><td><img src="http://i.imgur.com/NNk9j.png" width="83" height="230"></td>
<td colspan="3"><img src="http://i.imgur.com/O62ad.png" width="167" height="230" onMouseover="showmenu(event,linkset[1])" onMouseout="delayhidemenu();"></td></tr>
<tr><td colspan="4"><div style="background-image:url(http://i.imgur.com/CpcId.png); width:250px; height:249px;">
<div class="side4"><center><script type="text/javascript">
new pausescroller(pausecontent, "pscroller1", "someclass", 2000)
document.write</script></center></div>
</div></td></tr>
<tr><td colspan="4"><div style="background-image:url(http://i.imgur.com/ZpJrs.png); width:230px; height:433px; padding:100px 0px 0px 20px;">
<object width="210" height="335" id="obj_1309455578925"><param name="movie" value="http://ATWIS.chatango.com/group"/><param name="wmode" value="transparent"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1309455578925&f=0&i=0&k=666666&o=0"/><embed id="emb_1309455578925" src="http://ATWIS.chatango.com/group" width="210" height="335" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1309455578925&f=0&i=0&k=666666&o=0"></embed></object>
</div></td></tr>
<tr><td colspan="4"><div style="background-image:url(http://i.imgur.com/wUhim.png); width:250px; height:284px;">
<div class="side5"><img src="http://i.imgur.com/YCYcR.png"><br><br>
<marquee direction="up" width="90px" height="75px" scrollamount="4"><img src="http://i.imgur.com/YCYcR.png">
<img src="http://i.imgur.com/YCYcR.png">
<img src="http://i.imgur.com/YCYcR.png"></marquee><br><br>
<textarea style="width:90px; border:1px solid transparent;"><a href="http://s13.invisionfree.com/ATWIS"><img src="http://i.imgur.com/YCYcR.png"></a></textarea>
</div>
</div></td></tr>
<tr><td colspan="3"><a href="http://z13.invisionfree.com/ATWIS/index.php?showtopic=2"><img src="http://i.imgur.com/ViHmL.png" width="162" height="66"></a></td>
<td><img src="http://i.imgur.com/cdns1.png" width="88" height="66"></td></tr>
<tr><td colspan="4"><img src="http://i.imgur.com/pw0vI.png" width="250" height="95"></td></tr>
<tr><td><img src="http://i.imgur.com/89PIY.gif" width="83" height="1"></td>
<td><img src="http://i.imgur.com/89PIY.gif" width="41" height="1"></td>
<td><img src="http://i.imgur.com/89PIY.gif" width="38" height="1"></td>
<td><img src="http://i.imgur.com/89PIY.gif" width="88" height="1"></td></tr>
</table>
</td>
<td width="7" class='0'> </td>
<td width="100%" class='0' valign="top">
<script language='JavaScript' type="text/javascript">
<!--
function buddy_pop() { window.open('http://z13.invisionfree.com/ATWIS/index.php?act=buddy&s=','BrowserBuddy','width=250,height=500,resizable=yes,scrollbars=yes'); }
function multi_page_jump( url_bit, total_posts, per_page )
{
pages = 1; cur_st = parseInt(""); cur_page = 1;
if ( total_posts % per_page == 0 ) { pages = total_posts / per_page; }
else { pages = Math.ceil( total_posts / per_page ); }
msg = "Please enter a page number to jump to between 1 and" + " " + pages;
if ( cur_st > 0 ) { cur_page = cur_st / per_page; cur_page = cur_page -1; }
show_page = 1;
if ( cur_page < pages ) { show_page = cur_page + 1; }
if ( cur_page >= pages ) { show_page = cur_page - 1; }
else { show_page = cur_page + 1; }
userPage = prompt( msg, show_page );
if ( userPage > 0 ) {
if ( userPage < 1 ) { userPage = 1; }
if ( userPage > pages ) { userPage = pages; }
if ( userPage == 1 ) { start = 0; }
else { start = (userPage - 1) * per_page; }
window.location = url_bit + "&st=" + start;
}
}
//-->
</script>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
</td></tr></table>
footer:
Code:
<script type="text/javascript">
// Money code
// By Gornakle of InvisionFree.com
sign = '$'
name = 'Money'
PerPost = 2
default_amount = 0
MID=[]
MID["username"] = 20
MID["username"] = -20
MID["username"] = 'Lots'
// No need to edit below this line
function injectMoney() {
d = document.getElementsByTagName('td');
for( i in d ) {
dc = d[i].className;
if(/post(1|2)/.test(dc) && d[i].width != '100%') {
span = d[i].getElementsByTagName('span')[0];
s = d[i].getElementsByTagName('span')[0].innerHTML;
pcount = /Posts: ([\d|,| |.]+)</.exec(s)[1];
pcount = parseInt(pcount.replace(/[^\d]/g,''));
uname = d[i-2].innerHTML.replace(/<[^>]+>/g,'').replace(/ /g,'');
if(MID[uname]) money = (parseInt(MID[uname]) + (pcount * PerPost)) + parseInt(default_amount);
else money = (pcount * PerPost) + parseInt(default_amount);
if (typeof MID[uname] == 'string') { money = MID[uname]; sign = ''; }
if(s.match('<!-- placeholder -->')) {
span.innerHTML = s.replace("<!-- placeholder -->", name + ": " + sign + money + "<br><!-- placeholder -->");
continue; }
newHTML = name + ": " + sign + money + "<br><!-- placeholder -->";
span.innerHTML = s.replace(/(Joined: [^<]+)/, '$1<br><br>' + newHTML.replace(/\$/, '&#'+'36;'));
}}} injectMoney();
</script>
<script>
// Hover Member Legend (By Mwr247)
// Add Groups (Title, Color, Group_Number)
var n=0;
var addgroup=[];
addgroup[n++]=['Administrator','hotpink','4'];
addgroup[n++]=['Moderator','pink','22'];
addgroup[n++]=['High Schoolers','red','16'];
addgroup[n++]=['College Students','green','11'];
addgroup[n++]=['Local','brown','21'];
addgroup[n++]=['Tourists','purple','13'];
addgroup[n++]=['Returnees','violet','14'];
addgroup[n++]=['Unsorted','yellow','3'];
addgroup[n++]=['<i>Inactive</i>','gray','21'];
addgroup[n++]=['Banned','maroon','5'];
</script>
<script name="H.M.L." src="http://209.85.62.26/12221/196/upload/p349942.ibf"></script>
<script type='text/javascript'> <!-- // center mini profile next to posts // code by Stefan e = document.getElementsByTagName('SPAN') for (n = 0; n < e.length; n++) { if (e[n].className == 'postdetails' && e[n].parentNode.nodeName == 'TD' && e[n].parentNode.className.match(/^post1|2$/)) { e[n].parentNode.style.textAlign = 'center' e[n].parentNode.offsetParent.rows[0].cells[0].style.textAlign = 'center' }} // --> </script> <script type='text/javascript' language='JavaScript'> <!-- // Remove 'Welcome back' text by ticlo // http://s4.invisionfree.com/Digitalized/ function removeWelcomeBack() { var c, n; var e = document.getElementsByTagName('DIV'); for (n = 0; n < e.length; n++) { if (e[n].innerHTML.indexOf('Welcome back; your last visit was on') != -1) { for (c = e[n].firstChild; c; c = c.nextSibling) { if ((c.nodeName == '#text') && (c.nodeValue.indexOf('Welcome back; your last visit was on') != -1)){ c.parentNode.removeChild(c); return; }}}}}; removeWelcomeBack(); // --> </script> <div style="text-align: center;font-family: times new roman; font-size: 70px; letter-spacing: -7px; color:DCC26D; text-shadow: -1px 0 #A1BB22, 0 1px #A1BB22, 1px 0 #A1BB22, 0 -1px #A1BB22; black; font-style: italic;">skinned by bri of atf!</div>
<script>
// Hover Member Legend (By Mwr247)
// Add Groups (Title, Color, Group_Number)
var n=0;
var addgroup=[];
addgroup[n++]=['Administrator','red','4'];
addgroup[n++]=['Moderator','blue','6'];
addgroup[n++]=['Member','green','3'];
addgroup[n++]=['Validating','black','1'];
addgroup[n++]=['<s>Banned</s>','purple','5'];
</script>
<script name="H.M.L." src="http://209.85.62.26/12221/196/upload/p349942.ibf"></script>
CSS:
Code:
html { overflow-x: hidden; overflow-y: auto; } form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: verdana; font-size: 11px; color: #575757; background-image: url(http://i55.tinypic.com/2ijl202.jpg); line-height: 6pt; margin: 0px; background-color:94725D; } TABLE, TR, TD { font-family: verdana; font-size: 10px; color: #575757; } a:link, a:visited, a:active { text-decoration: none; text-transform: uppercase; color: #575757; BORDER:NONE; background-color:none;} a:hover { color: #6DC0DD; text-decoration:none; text-transform: uppercase; background-color:none; BORDER:NONE; } .header { width: 1000px; height: 250px; background-color: #CDD0D0; background-image: url();} .forumtitle { text-align: right; width: 268px; font-family: courier new; font-size: 15px; color: 575757; text-transform: uppercase; letter-spacing: -2px; margin-bottom: -15px; } .border1 { border-left: 30px solid #6DC0DD; } .border3 { border-left:0px dashed #454545;} .imgbrdr { border-left:30px solid #DCC26D; } fieldset.search { padding:6px; line-height:150% } label { cursor:pointer; } img.attach { border:2px outset #EEF2F7;padding:2px } .googleroot { padding:6px; line-height:130% } .googlechild { padding:6px; margin-left:30px; line-height:130% } .googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; } .googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; } .googlepagelinks { font-size:1.1em; letter-spacing:1px } .googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 } li.helprow { padding:0px; margin:0px 0px 10px 0px } ul#help { padding:0px 0px 0px 15px } option.cat { font-weight:bold; } option.sub { font-weight:bold;color:#555 } .caldate { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#DFE6EF;padding:4px;margin:0px } .warngood { color:green } .warnbad { color:red } #padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px } #profilename { font-size:60px; font-style: italic; text-align:right; padding-right: 50px; font-family:arial narrow; letter-spacing:-5px; color:#cdcdcd; line-height: 80%; text-shadow: -1.5px 1px 0px #fff; } #calendarname { font-size:22px; font-weight:bold; } #photowrap { padding:6px; } #phototitle { font-size:24px; border-bottom:1px solid black } #photoimg { text-align:center; margin-top:15px } #ucpmenu { line-height:150%; width:22%; border: 1px solid #e7e7dc; background-color:#f9f9f9; padding:5px; } #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; line-height: 7pt;} #ucpcontent { border: 1px solid #e7e7dc; background-color:#f9f9f9; padding:5px; line-height:130%; width:auto } #ucpcontent p { padding:10px;margin:0px; line-height: 7pt; } #ipsbanner { position:absolute;top:1px;right:5%; } #logostrip { border:0px solid #345487;background-color: #3860BB;background-image:url(http://209.85.12.234/style_images/1/tile_back.gif);padding:0px;margin:0px; } #submenu { border: 0px solid #808080; background-color: #FFFFFF; font-size: 11px; margin:3px 0px 3px 0px; color:#808080 } #submenu a:link, #submenu a:visited, #submenu a:active { font-size: 11px; text-decoration: none; color: #808080; } #submenu { display:none } #userlinks { border:0px solid #C2CFDF; background-color: #FFFFFF; text-transform: uppercase; } #navstrip a:link, #navstrip a:visited, #navstrip a:active { font-size:32px; font-family:times; font-style: italic; letter-spacing:-3px; color:#000; padding:20px 0px 6px 0px; text-transform: lowercase;} .activeuserstrip { background-color:#FFFFFF; background-image: url(http://); padding:6px } .pformstrip { background-color: #FFFFFF; color::#f0f0f0;font-weight:bold; font-size:0px; padding:1px;margin-top:0px } .pformleft { background-color: #FFFFFF; padding:6px; margin-top:1px;width:25%; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; } .pformleftw { background-color: #FFFFFF; padding:6px; margin-top:1px;width:40%; border-top:1px solid #e5e5e5; border-right:1px solid #C2CFDF; } .pformright { background-color: #FFFFFF; padding:6px; margin-top:1px;border-top:1px solid #e5e5e5; } .post1 { background-color: #FFFFFF;padding: 10px 10px 10px 10px;text-align:justify; } .post2 { background-color: #FFFFFF;padding: 10px 10px 10px 10px;text-align:justify; } .postlinksbar { background-color:#FFFFFF; padding: 2px; margin-top:1px; font-size:7px; background-image: url() } .row1 { background-color: #FFFFFF; } .row2 { background-color: #FFFFFF; } .row4 { background-color: #FFFFFF; } .row4 b a:link, .row4 b a:active, .row4 b a:visited { text-align:center; font-size: 32px; color:#000; letter-spacing: -3px; text-transform: lowercase; font-family:times new roman; font-weight:normal; text-decoration:none; font-style:italic; text-shadow: #fff 1px 0px, #fff 0px 1px, #fff 0px -1px, #fff -1px 0px; margin-bottom:-20px; margin-top:-5px; display:block; } .darkrow1 { background-color: #FFFFFF; background-image: url(); color:#808080; padding:0px; text-transform: uppercase; font-family: courier new; } .darkrow2 { background-color: #990008; border-top: 5px solid #DCC26D; background-image: url(http://i55.tinypic.com/2ijl202.jpg); color:#000000; transform: uppercase; padding: 0px; } .darkrow3 { background-color: #efefef; background-image: url(); color:#000000; transform: uppercase; padding:0px; } .hlight { background-color: #FFFFFF; background-image: url(http://) } .dlight { background-color: #FFFFFF; background-image: url(http://) } .titlemedium { padding: 0px; margin: 0px; font-size:0px; border-top: 1px dashed #B7B7B7; } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none; color: #2f2f2f; } .maintitle { background-image: url(http://i55.tinypic.com/2ijl202.jpg); line-height:90%; text-align:right; padding-top:2px; padding-right:25px; color:DCC26D; font-family:times; font-style: italic; font-size:55px; letter-spacing:-5px; text-shadow: 1px 0px #ffffff; font-weight: lighter; text-transform:lowercase; background-position:center center; border-bottom: 10px solid #6DC0DD; } .maintitle a:link, .maintitle a:visited, .maintitle a:active { font-family:times; font-style: italic; font-size:55px; letter-spacing:-5px; line-height:90%;color:DCC26D; text-shadow: 1px 0px #ffffff; font-weight:lighter; text-transform:lowercase; } .maintitle a:hover { font-weight:strong; } .maintitle img {display:none} .briwashere .plainborder { border:0px solid #fbfbfb;background-color:#fbfbfb} .tableborder { border:1px double #e1e1e1;background-color:#fbfbfb; padding:4px; margin-left:5px; width:98% } .tablefill { border:0px solid #fbfbfb;background-color:#fbfbfb;padding:1px; } .tablepad { background-color:#fbfbfb;padding:1px } .tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px } .wrapmini { float:left;line-height:1.5em;width:25% } .pagelinks { float:left;line-height:1.2em;width:35% } .desc { font-size:10px; color:#434951 } .edit { font-size: 9px } .signature { font-size: 10px; color: #339 } .postdetails { display: block; background-color: #ffffff; padding: 6px; border-bottom: 5px solid #6DC0DD; border-top: 5px solid #DCC26D; font-size: 10px; text-transform:uppercase; line-height:90%; color: 575757; text-align: center; } .postcolor { font-size: 11px; line-height: 100%; color: 575757; } .postcolor { font-size: 10px; line-height: 100% } normalname { font-size: 12px; font-weight: lighter; color: #000 } .normalname a:link, .normalname a:visited, .normalname a:active { font-size: 25px; font-family:verdana; text-transform:lowercase; letter-spacing:-2px; line-height: 20%; } .unreg { font-size: 11px; font-weight: normal; color: #900 } .searchlite { font-weight:bold; color:#F00; background-color:#FF0 } #QUOTE { font-family: arial; font-size: 10px; color: #333333; width: 300px; text-align: justify; line-height: 80%; padding: 5px; margin-top: 5px; text-transform: uppercase; background-color: #F9F8F8; border: 1px solid #B7B7B7; } #CODE { font-family: arial; font-size: 10px; color: #333333; width: 300px; text-align: justify; line-height: 80%; padding: 5px; margin-top: 5px; text-transform: lowercase; background-color: #F9F8F8; border-top: 15px solid #6DC0DD; border-bottom: 15px solid #DCC26D; -moz-box-shadow: 4px 4px 4px #d1d1d1; } .copyright { font-size: 8px; line-height: 100%; font-family: arial; text-transform: uppercase; } .codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle } .textinput { padding:3px; text-align:justify; font-family:verdana; font-size:10px; line-height:98%; background-color:#fff; border: 1px solid #fff; } .forminput, .radiobutton, .checkbox { padding:2px; text-align:justify; font-family:verdana; text-transform:uppercase; font-size:10px; color: #000000; line-height:98%; background-color:#fff; border: 1px solid #fff; } .thin { padding:6px 10px 6px 10px;line-height:88%;margin:2px 80px 2px 80px; font-family: courier new; border-left:1px dashed #B7B7B7; border-right:12px solid #6DC0DD; font-size:20px; letter-spacing:-1px; text-align:justify; } .purple { color:purple;font-weight:bold } .red { color:red;font-weight:bold } .green { color:green;font-weight:bold } .blue { color:blue;font-weight:bold } .orange { color:#F90;font-weight:bold } .forumtable { width: 900px; padding: 3px; background-color: ffffff; border-right: 60px solid #DCC26D; -moz-box-shadow: 4px 4px 4px #d1d1d1; } .sidebar { margin-right: 5px; background-color: #CDD0D0; background-image: url() no-repeat; width: 250px; height: 1000px; font-size: 9px; padding: 0px 0px 0px 0px; text-align: center; color: #000000 } .welcome a:link, .welcome a:visited, .welcome a:active { color: #2b4a7d } .welcome a:hover { background: #779bd8; padding: 2px 2px 2px 2px; color: #2b4a7d } .edit { font-size: 10px } .forumdesc { width: 325px; background-color: #FFF; background-image: url(http://i55.tinypic.com/2ijl202.jpg); padding: 10px; -moz-box-shadow: 4px 4px 4px #d1d1d1; margin-top: 2px; border-bottom: 15px solid #DCC26D; border-top: 15px solid #DCC26D; } .box { background-color: #f6f6f6; color: #000; font-family: verdana; text-transform: uppercase; font-size: 10px; text-align: justify; line-height: 90%; border-left: 20px solid #6DC0DD; padding: 3px; } .row4 { border: 0px hidden black!important }
.welcome { margin-right: 5px; background: #f3f3f3 url(WELCOMEIMG) no-repeat; width: 250px; height: 500px; font-size: 9px; padding: 0px 0px 0px 0px; text-align: center; color: #000000; border: 0px solid #000000 } .welcome a:link, .welcome a:visited, .welcome a:active { color: #4b4b4b} .welcome a:hover { background: #779bd8; padding: 2px 2px 2px 2px; color: #4b4b4b} .setting { margin-right: 5px; background: #f3f3f3 url(SETTINGIMG) no-repeat; width: 250px; height: 400px; font-size: 9px; padding: 0px 0px 0px 0px; text-align: center; color: #000000; border: 0px solid #000000 } .setting a:link, .setting a:visited, .setting a:active { color: #4b4b4b} .setting a:hover { background: #779bd8; padding: 2px 2px 2px 2px; color: #4b4b4b} .links { margin-right: 5px; background: #f3f3f3 url(HOVERIMG) no-repeat; width: 250px; height: 400px; font-size: 9px; padding: 0px 0px 0px 0px; text-align: center; color: #000000; border: 0px solid #000000 } .news { margin-right: 5px; background: #f3f3f3 url(NEWSIMG) no-repeat; width: 250px; height: 500px; font-size: 9px; padding: 0px 0px 0px 0px; text-align: center; color: #000000; border: 0px solid #000000 } .updates a:link, .updates a:visited, .updates a:active { color: #4b4b4b} .updates a:hover { background: #779bd8; padding: 2px 2px 2px 2px; color: #4b4b4b} .updates { margin-right: 5px; background: #f3f3f3 url(UPDATESIMG) no-repeat; width: 250px; height: 500px; font-size: 9px; padding: 0px 0px 0px 0px; text-align: center; color: #000000; border: 0px solid #000000 } .updates a:link, .updates a:visited, .updates a:active { color: #4b4b4b} .updates a:hover { background: #779bd8; padding: 2px 2px 2px 2px; color: #4b4b4b} .staff { margin-right: 5px; background: #f3f3f3 url(STAFFIMG) no-repeat; width: 249px; height: 500px; font-size: 9px; padding: 0px 0px 0px 0px; text-align: center; color: #000000; border: 0px solid #000000 } .switch a:link, .switch a:visited, .switch a:active { color: #4b4b4b} .switch a:hover { background: #779bd8; padding: 2px 2px 2px 2px; color: #4b4b4b} .cbox { margin-right: 5px; background: #f3f3f3 url(CBOXIMG) no-repeat; width: 249px; height: 499px; font-size: 9px; padding: 0px 0px 0px 0px; text-align: center; color: #000000; border: 0px solid #000000 } .staff a:link, .staff a:visited, .staff a:active { color: #4b4b4b} .staff a:hover { background: #779bd8; padding: 2px 2px 2px 2px; color: #4b4b4b} .spotlight { margin-right: 5px; background: #f3f3f3 url(SPOTLIGHTIMG) no-repeat; width: 250px; height: 400px; font-size: 9px; padding: 0px 0px 0px 0px; text-align: center; color: #000000; border: 0px solid #000000 } .spotlight a:link, .spotlight a:visited, .spotlight a:active { color: #4b4b4b} .spotlight a:hover { background: #779bd8; padding: 2px 2px 2px 2px; color: #4b4b4b } .affiliates { margin-right: 5px; background: #f3f3f3 url(AFFILIATESIMG) no-repeat; width: 250px; height: 500px; font-size: 9px; padding: 0px 0px 0px 0px; text-align: center; color: #000000; border: 0px solid #000000 } .affiliaties a:link, .affiliaties a:visited, .affiliates a:active { color: #4b4b4b} .affiliates a:hover { background: #779bd8; padding: 2px 2px 2px 2px; color: #4b4b4b } .credits { margin-right: 5px; background: #f3f3f3 url(CREDITSIMG) no-repeat; width: 250px; height: 302px; font-size: 9px; padding: 0px 0px 0px 0px; text-align: center; color: #000000; border: 0px solid #000000 } .cbox a:link, .cbox a:visited, .cbox a:active { color: #4b4b4b} .cbox a:hover { background: #779bd8; padding: 2px 2px 2px 2px; color: #4b4b4b}
#popitmenu{
position: absolute;
background-color:#fff;
padding: 10px;
border-top:15px solid #6DC0DD ;
border-bottom:15px solid #DCC26D ;
font-size:10px;
font-family: arial narrow;
text-transform:uppercase;
color:#000000;
line-height: 100%;
z-index: 100;
visibility: hidden;
text-align: justify;
padding:6px;
}
#popitmenu a{display:block}
text-decoration: none;
}
#popitmenu a:hover{ /*hover background color*/
}
#pscroller1{
width:135px;
height:135px;
}
.side1 { padding:258px 0px 0px 10px; }
.side2 { padding:5px 5px 0px 61px; text-align:justify; width:130px; height:163px; line-height:100%; overflow:auto; }
.side3 { padding:0px 5px 0px 30px; text-align:justify; width:105px; height:170px; line-height:100%; overflow:auto; }
.side4 { padding:75px 4px 0px 0px; }
.side5 { padding:75px 0px 0px 21px; }







