body {
background: url(../images/bg_wood.gif);
}
body, img, p {
margin : 0;
padding : 0;
border : none;
}
ul {
margin: 0;
padding: 10px 20px 10px 20px;
}
#container {
width : 1003px;
margin : auto;
margin-top : 35px;
}
#banner {
width : 1003px;
height : 185px;
background : url(../images/header2.gif);
}
#banner a {
color : #fff;
text-decoration : none;
}
#logo {
width : 154px;
height : 33px;
position : absolute;
margin-top : 60px;
margin-left : 50px;
background : url(../images/logo.gif);
}
#mid {
clear : both;
width : 1003px;
overflow : hidden;
padding-top : 4px;
padding-bottom : 6px;
background : url(../images/container.PNG);
}
#footer {
width : 1003px;
height : 38px;
padding-top : 18px;
margin-bottom : 25px;
background : url(../images/footer.gif);
}
#footleft {
float : left;
width : 420px;
text-align : left;
padding-left : 30px;
}
#footleft img {
padding-right : 5px;
}
#footright {
float : right;
width : 480px;
padding-right : 30px;
}
#habbosonline {
position : absolute;
padding-top : 9px;
padding-left : 110px;
color : white;
}
#date {
position : absolute;
padding-top : 9px;
padding-left : 856px;
color : white;
}
#nav_tabs_container {
width : 782px;
height : 29px;
padding-top : 144px;
padding-left : 171px;
}
#nav_home {
width : 97px;
float : left;
height : 29px;
background : url(../images/nav_home.PNG);
}
#nav_media {
float : left;
width : 96px;
height : 29px;
position : relative;
background : url(../images/nav_media.PNG);
}
#nav_news {
float : left;
width : 96px;
height : 29px;
position : relative;
background : url(../images/nav_news.PNG);
}
#nav_usable {
float : left;
width : 96px;
height : 29px;
position : relative;
background : url(../images/nav_usable.png);
}
#nav_goodies {
float : left;
width : 96px;
height : 29px;
position : relative;
background : url(../images/nav_goodies.PNG);
}
#nav_radio {
float : left;
width : 96px;
height : 29px;
position : relative;
background : url(../images/nav_radio.png);
}
#nav_guides {
float : left;
width : 96px;
height : 29px;
position : relative;
background : url(../images/nav_guides.png);
}
#nav_forum {
float : left;
width : 97px;
height : 29px;
position : relative;
background : url(../images/nav_forum.PNG);
}
#left {
float : left;
width : 230px;
position : relative;
}
#center {
float : left;
width : 540px;
}
#right {
float : left;
width : 230px;
}
.spacer {
height : 12px;
}
#box_top {
height : 22px;
width : 208px;
}
.box_top_empty {
height : 6px;
width : 208px;
background : url(../images/box-top.png);
}
.box_mid {
width : 198px;
padding : 3px 5px 0 5px;
background : url(../images/box_mid.PNG);
}
.box_mid2 {
width : 208px;
background : url(../images/box_mid.PNG);
padding-top : 113px;
}
.readmore {
text-align: center;
}
.readmore a {
text-decoration: none;
}
.readmore a:hover {
text-decoration: none;
font-weight: bold;
}
.box_bot {
width : 208px;
height : 10px;
background : url(../images/box_bot.PNG);
}
#main_top {
width : 540px;
height : 9px;
background : url(../images/main_top.PNG);
}
#main_mid {
width : 524px;
padding : 0 8px;
background : url(../images/main_mid.PNG);
}
#main_bot {
width : 540px;
height : 10px;
background : url(../images/main_bot.PNG);
}
.navitem {
float : left;
position : relative;
z-index : 1000;
}
.navitem_container1 {
width : 97px;
top : 7px;
left : 0;
position : absolute;
}
.navitem_container {
width : 97px;
top : 7px;
left : -1px;
position : absolute;
}
.navitem_top {
height : 20px;
background : transparent;
}
.navitem_middle {
background : url(../images/nav_bg.PNG);
padding-left : 10px;
padding-right : 10px;
padding-top : 3px;
padding-bottom : 3px;
cursor : pointer;
}
.navitem_middle a {
color : #ffffff;
text-decoration : none;
display : block;
}
.navitem_middle:hover {
font-weight : bold;
background : url(../images/nav_bg_hover.PNG);
display : block;
}
.navitem_middle:hover a {
color : #ffffff;
text-decoration : none;
display : block;
}
.navitem_bot {
height : 12px;
width : 97px;
background : url(../images/nav_bg_bot.PNG);
}
.trigger {
color : #ffffff;
cursor : pointer;
font-weight : bold;
}
#heading {
width : 514px;
height : 23px;
font-size : 14px;
padding-top : 6px;
font-weight : bold;
padding-left : 10px;
margin-bottom : 5px;
background : url(../images/main_header.PNG);
}
.header {
width : 514px;
height : 23px;
font-size : 14px;
padding-top : 6px;
font-weight : bold;
padding-left : 10px;
margin-bottom : 5px;
background : url(../images/main_header.PNG);
}
.heading {
width : 514px;
height : 23px;
font-size : 14px;
padding-top : 6px;
font-weight : bold;
padding-left : 10px;
margin-bottom : 5px;
background : url(../images/main_header.PNG);
}
.resourceheader {
width : 514px;
height : 28px;
font-size : 14px;
padding-top : 6px;
font-weight : bold;
padding-left : 10px;
background : url(../images/main_header.PNG) no-repeat;
}
.news {
width : 201px;
height : 100%;
display : block;
background-color : white;
color : #909090;
font-family : Trebuchet MS;
text-decoration : none;
text-align : left;
padding-left : 5px;
padding-top : 5px;
padding-bottom: 5px;
}
.news a {
width : 201px;
height : 100%;
display : block;
background-color : white;
color : #909090;
font-family : Trebuchet MS;
text-decoration : none;
text-align : left;
padding-left : 5px;
padding-top : 5px;
padding-bottom: 5px;
}
.news:hover {
display : block;
background-color : #e6e6e6;
}
.news:hover a {
height : 100%;
display : block;
background-color : white;
color : #909090;
font-family : Trebuchet MS;
text-decoration : none;
text-align : left;
padding-left : 5px;
padding-top : 5px;
padding-bottom: 5px;
}
.title {
color : #818181;
font-weight : bold;
text-transform : uppercase;
padding : 2px;
}
.author {
padding : 3px;
}
p {
padding-top : 0px;
padding-bottom : 7px;
}
ol {
padding : 20px;
}
.stafftable{
width: 93px;
float:left;
}
#login form
{
  margin: 0;
  padding: 0;
}

#login label
{
  float: left;
  width: 65px;
  display: block;
  margin: 5px 0 0 5px;
}

#login .input
{
  float: left;
  width: 101px;
  height: 17px;
  margin-top: 4px;
  background: url("../images/login.gif") no-repeat 0px 0px;
}

#login input
{
  margin: 0;
  border: 0;
  width: 96px;
  height: 16px;
  padding: 2px 4px 0 2px;
  background: transparent;
}

#radioplayerp
{
  margin-bottom: -7px;
  padding-top: 5px;
}

#newspromo #topstories {
	position: relative;
}

#newspromo #topstories #topstories-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 208px;
    background: transparent url(../images/topstories_nav_bg.png) no-repeat top left;
    color: #fff;
    text-align: center;
    line-height: 21px;
}

#newspromo #topstories #topstories-nav a.prev {
	left: 10px;
}

#newspromo #topstories #topstories-nav a.next {
    right: 10px;
}

#newspromo #topstories #topstories-nav a {
    top: 0px;
	color: #fff;
    text-decoration: none;
    position: absolute;
}

#newspromo .topstory {
	background: transparent none no-repeat;
	color: #fff;
	position: absolute;
	width: 208px;
	height: 129px;
	top: 0;
	left: 0;	
}

.button-sg, .button-uk, .button-us, .button-ca, .button-au {
  width: 38px;
  height: 38px;
  display: block;
  float: left;
  margin: 3px;
}

.button-sg {
  background: url(../client/images/sg.png);
  margin-left: 15px;
}

.button-sg:hover {
  background: url(../client/images/sg-hover.png);
}

.button-uk {
  background: url(../client/images/uk.png);
}

.button-uk:hover {
  background: url(../client/images/uk-hover.png);
}

.button-us {
  background: url(../client/images/us.png);
}

.button-us:hover {
  background: url(../client/images/us-hover.png);
}

.button-ca {
  background: url(../client/images/ca.png);
}

.button-ca:hover {
  background: url(../client/images/ca-hover.png);
}

.button-au {
  background: url(../client/images/au.png);
}

.button-au:hover {
  background: url(../client/images/au-hover.png);
}

.dhtmlwindow{
background: url(../client/images/popup_box.png);
width: 250px;
height: 100px;
position: absolute;
visibility: hidden;
}

.drag-handle{ /*CSS for Drag Handle*/
width: 250px;
height: 25px;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 10px;
top: 8px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to  render*/
width: 100%;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
width: 250px;
height: 150px;
padding: 2px;
overflow: auto;
text-align: center;
}