body {background-color: #000000; color: #FFFFFF; margin-top: 3px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px;}
select {color: #999;}

#layerbottom, #layermiddle {width: 732px; height: 1200px; margin: 0px auto; padding: 0px;}
#layerbottom {z-index: 1; position: relative;}
#layermiddle {z-index: 2}

/* there is no content displayed in layerbottom; it is just used to position content */
/* in the top layers so they align with content in the iframe in layermiddle */

/* styles for iframe in layermiddle */
#maincontent {position: absolute; width: 726px; height: 1095px; top: 102px; left: 2px; z-index: 2;}
#variableleft {position: absolute; width: 140px; height: auto; top: 17px; left: 2px; z-index: 3;}
#variableleftwide {position: absolute; width: 589px; height: auto; top: 17px; left: 5px; z-index: 3;}

#lastphoto a {position: relative; display: block; width: 140px; text-decoration:none; left: 3px;}
#lastphoto a:hover {font-size:100%;z-index:5;}
#lastphoto a span {display: none}
#lastphoto a:hover span, a:active span, a:focus span {position: absolute; display: block; width: 137px; height: 127px; left: -1px; top: -2px; z-index: 4; text-align: center; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; background-color: #202A34;}

#help {z-index:100; width: 20px;}
#help a {position: relative; display: block; text-decoration:none;}
#help a:hover {font-size:100%;}
#help a img {border: 0;}
#help a span {display: none; left:-140px; width:120px;border: 2px solid #CCC;}
#help a:hover span, a:active span, a:focus span {position: absolute; display: block; text-align: left; padding: 5px; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; background-color: #202A34;}

#add2favorites {position: absolute;width:137px;left:3px;right:0px;top: 112px; z-index:3}

#loginform {position: absolute; width: auto; height: auto; left: 18px; right: 18px; top: 18px; z-index: 3;}
#selecttypes {position: absolute; width: 137px; height: auto; left: 2px; top: 133px; z-index: 3; font-weight: bold;}
#variablemain {position: absolute; width: 438px; height: 550px; top: 149px; left: 150px; z-index: 3;}

/* styles for content in topmost layers */
#header {height: 100px; position: absolute; top: 0px; left: 2px; z-index: 3;}
#topboxleft {position: absolute; width: 147px; height: 17px; top: 104px; left: 4px; z-index: 3;}
#leftlink0 {position: absolute; width: 137px; height: 20px; top: 359px; left: 8px; z-index: 3;}
#shufflebox {position: absolute; width: 137px; height: 111px; top: 380px; left: 8px; z-index: 3;}
#shufflebox1 {position: relative; width: 88px; height: 31px; top: 3px; z-index: 3;}
#shufflebox2 {position: relative; width: 88px; height: 31px; top: 6px; z-index: 3;}
#shufflebox3 {position: relative; width: 88px; height: 31px; top: 9px; z-index: 3;}

#leftlink1 {position: absolute; width: 137px; height: 20px; top: 505px; left: 8px; z-index: 3;}
#powerprizead {position: absolute; width: 137px; height: 115px; top: 541px; left: 8px; z-index: 3;}
#leftlink2 {position: absolute; width: 137px; height: 20px; top: 669px; left: 8px; z-index: 3;}
#friendsofma {position: absolute; width: 137px; height: 198px; top: 692px; left: 8px; z-index: 3;}

#adbox {position: absolute; width: 436px; height: 133px; top: 102px; left: 153px; z-index: 3;}
#removeads {position: absolute; width: 437px; height: 15px; top: 224px; left: 153px; z-index: 3;}
#pagetitle {position: absolute; width: 437px; height: 15px; top: 240px; left: 153px; z-index: 3;}
#featured {position: absolute; width: 437px; height: 15px; top: 830px; left: 153px; z-index: 3;}
#top4ass {position: absolute; width: 437px; height: auto; top: 900px; left: 153px; z-index: 3;}

#topboxright {position: absolute; width: 137px; height: 17px; top: 104px; left: 593px; z-index: 3;}
#sponsors {position: absolute; width: 133px; height: auto; top: 124px; left: 597px; z-index: 3;}

#menu_unlogged {width: 730px; height: 22px; background-image: url(../images/header.gif); padding: 0; position: relative; margin: 0 auto;}
#menu_unlogged li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#menu_unlogged li, #menu_unlogged a {height: 22px; display: block;}

#aff {top: 1200px;}

#login      {left:     0; width:  51px;}
#signup     {left:  51px; width: 100px;}
#forum      {left: 151px; width: 100px;}
#standings  {left: 251px; width: 113px;}
#kingma     {left: 364px; width:  71px;}
#powerlinks {left: 435px; width:  92px;}
#rules      {left: 527px; width:  63px;}
#terms      {left: 590px; width: 140px;}

#login      a:hover {background: url(../images/header.gif)      0 -22px no-repeat;}
#signup     a:hover {background: url(../images/header.gif)  -51px -22px no-repeat;}
#forum      a:hover {background: url(../images/header.gif) -151px -22px no-repeat;}
#standings  a:hover {background: url(../images/header.gif) -251px -22px no-repeat;}
#kingma     a:hover {background: url(../images/header.gif) -364px -22px no-repeat;}
#powerlinks a:hover {background: url(../images/header.gif) -435px -22px no-repeat;}
#rules      a:hover {background: url(../images/header.gif) -527px -22px no-repeat;}
#terms      a:hover {background: url(../images/header.gif) -590px -22px no-repeat;}

#logout     {left:     0; width:  51px; background: url(../images/header.gif)      0 -144px no-repeat;}
#favorites  {left:  51px; width: 100px; background: url(../images/header.gif)  -51px -144px no-repeat;}
#logout     a:hover {                   background: url(../images/header.gif)      0 -166px no-repeat;}
#favorites  a:hover {                   background: url(../images/header.gif)  -51px -166px no-repeat;}

#logo_bg    {width: 730px; height: 56px; background: url(../images/header.gif) 0 -88px no-repeat; padding: 0; position: relative; margin: 0 auto;}
#logo_bg li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0; left: 0;}
#logo_bg li .home a {position: absolute; top: 0; left: 0; width: 365px; height: 56px; display: block;}
#logo_bg li .cpanel a {position: absolute; top: 0; left: 546px; width: 184px; height: 56px; display: block;}
#logo_bg li .cpanel a:hover {background: url(../images/header.gif) -546px -188px no-repeat;}
#logo_bg li .counts {position: absolute; top: 23px; left: 642px; width: 88px; height: 33px; z-index:300;}

#vote       {left:     0; width:  51px; background: url(../images/header.gif)      0 -44px no-repeat;}
#ptools     {left:  51px; width: 100px; background: url(../images/header.gif)  -51px -44px no-repeat;}
#topten     {left: 151px; width: 100px; background: url(../images/header.gif) -151px -44px no-repeat;}
#newsletter {left: 251px; width: 113px; background: url(../images/header.gif) -251px -44px no-repeat;}
#gallery    {left: 364px; width:  71px; background: url(../images/header.gif) -364px -44px no-repeat;}
#videos     {left: 435px; width:  92px; background: url(../images/header.gif) -435px -44px no-repeat;}
#faq        {left: 527px; width:  63px; background: url(../images/header.gif) -527px -44px no-repeat;}
#contact    {left: 590px; width:  55px; background: url(../images/header.gif) -590px -44px no-repeat;}
#ringtones  {left: 645px; width:  85px; background: url(../images/header.gif) -645px -44px no-repeat;}

#upload     {left: 590px; width:  55px; background: url(../images/header.gif) -151px -144px no-repeat;}
#upload     a:hover                    {background: url(../images/header.gif) -151px -166px no-repeat;}


#vote       a:hover {background: url(../images/header.gif)      0 -66px no-repeat;}
#ptools     a:hover {background: url(../images/header.gif)  -51px -66px no-repeat;}
#topten     a:hover {background: url(../images/header.gif) -151px -66px no-repeat;}
#newsletter a:hover {background: url(../images/header.gif) -251px -66px no-repeat;}
#gallery    a:hover {background: url(../images/header.gif) -364px -66px no-repeat;}
#videos     a:hover {background: url(../images/header.gif) -435px -66px no-repeat;}
#faq        a:hover {background: url(../images/header.gif) -527px -66px no-repeat;}
#contact    a:hover {background: url(../images/header.gif) -590px -66px no-repeat;}
#ringtones  a:hover {background: url(../images/header.gif) -645px -66px no-repeat;}

.content {background-color: #202A34; border: 0px; text-align: center;}
.outlinemedium {border: 2px solid #CCC;}
.outlinethin {border: 1px solid #CCC;}
.lefttext {text-align: left;}
.centertext {text-align: center;}
.boldtext {font-weight: bold;}
.collapse {border-collapse: collapse;}
.fullwidth {width: 100%;}
.padbottom {margin-bottom: 4px;}
.inputalign {position: absolute; left: 0px; z-index: 3;}
.inputrightalign {position: absolute; right: 0px; z-index: 3;}
.rule {position: absolute; border: 0; background-color: #ccc; overflow: hidden;}
.pad3 {padding: 3px;}
.floatleft {float: left;}
.clearboth {clear: both;}

.maintext {color: #5f72c8; font-family: verdana, geneva, sans-serif; font-size: 10px;}
.maintext a:link, .maintext a:visited {color: #e49919; font-weight: bold; text-decoration: none;}
.maintext a:hover {color: #ffffff; font-weight: bold; text-decoration: underline;}

.alttext {color: #ffffff; font-family: verdana, geneva, sans-serif; font-size: 12px; font-weight: bold;}
.alttext a:link, .alttext a:visited {color: #ffffff; font-size: 10px; font-weight: bold;}
.alttext a:hover {color: #e49919; font-weight: bold; text-decoration: underline;}

.errtext {color: #ffffff; font-family: verdana, geneva, sans-serif; font-size: 12px;}
.errtext a:link, .errtext a:visited {color: #e49919; font-weight: bold; text-decoration: none;}
.errtext a:hover {color: #ffffff; font-weight: bold; text-decoration: underline;}

.tinytext, .validate {color: #ffffff; font-family: verdana, geneva, sans-serif; font-size: 10px;}
.tinytext a:link, .validate a:link, .tinytext a:visited {color: #ffffff; font-size: 10px;}
.validate a:visited {color: #000000; font-size: 10px;}
.tinytext a:hover, .validate a:hover {color: #e49919; text-decoration: underline;}

.cpaneltext {color: #5f72c8; font-family: verdana, geneva, sans-serif; font-size: 14px;}
.cpaneltext a:link, .cpaneltext a:visited {color: #e49919; font-weight: bold; text-decoration: none;}
.cpaneltext a:hover {color: #ffffff; font-weight: bold; text-decoration: underline;}

#New header styles

  a.newHeader, a.newHeader:link, a.newHeader:visited, a.newHeader:active {
  	color: #000000;
  	text-decoration: none;
  	font-size:10px;
  	font-weight: bold;
font-family: verdana, geneva, sans-serif;
  	padding:0px;
  	margin:0px;
  }
  a.newHeader:hover {
  	color: #E49919;
  	padding:0px;
  	margin:0px;
  }
  td.newHeaderTD {
  	height:21px;
  	background-image: url('/test/header/background.gif');
  	text-align: center;
  	color: #000000;
  	padding:1px;
  	margin:0px;
  }
  td.newHeaderTD:hover {
  	border: 1px solid #000000;
  	padding:0px;
  	margin:0px;
  }