html {
	height:100.1%;
}
body {
	margin: 0;
	font-family: Arial;
	background: #f9f2e8;
	overflow-x: hidden; 
	overflow-y: scroll; 
}

#siteWrapper {
	width: 1013px;
	margin: auto;
}

#topContainer {
	height: 214px;
	background: url(../images/toplogo.png);
}

#beyondMenu {
	float: right;
	width: 310px;
	height: 22px;
	padding-top: 3px;
	margin: 17px 0 0 0;
	font-size: 11px;
	color: #8c8882;
	text-align: center;
}

#beyondMenu a {
	color: #8c8882;
	margin: 0 3px 0 3px;
	text-decoration: none;
}

#beyondMenu a:hover {
	text-decoration: underline;
}

#userMenuOut {
	float: left;
	width: 244px;
	height: 112px;
	margin: 12px 0 0 743px;
	padding: 37px 0 0 14px;
	background: url(../images/user-out.gif);
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#userMenuOut #forms {
	float: left;
	margin-left: 11px;
}

#userMenuOut a {
	color: #fff;
	text-decoration: none;
}

#userMenuOut a:hover {
	text-decoration: underline;
}

#userMenuIn {
	float: left;
	width: 258px;
	height: 149px;
	margin: 12px 0 0 743px;
	background: url(../images/user-in.gif);
}

#userMenuLeft {
	float: left;
	width: 138px;
	padding: 37px 0 0 14px;
	font-size: 11px;
	color: #fff;
}

#userMenuLeft a {
	color: #fff;
	text-decoration: none;
}

#userMenuLeft a:hover {
	text-decoration: underline;
}

#userMenuRight {
	float: right;
	width: 102px;
	text-align: center;
	padding: 17px 4px 0 0;
}

#userMenuRight .userPic {
	margin-bottom: 6px;
}

#userMenuRight .zoom {
	border: 0;
}

#greyBeyond {
	height: 32px;
	margin-left: 21px;
	background: url(../images/greybeyond.gif) repeat-x;
	font-size: 11px;
	color: #e1e1e1;
}

.L {float: left; font-size: 11px;}
.R {float: right; font-size: 11px;}

#menuPri {
	height: 39px;
	margin-left: 21px;
	background: url(../images/tmbg.gif) repeat-x;
}

#menuPri ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#menuPri li {
	float: left;
	padding: 0;
	margin: 0;
}

#menuPri li a {
	display: block;
	height: 39px;
}

#menuPri em {
	display: none;
}

#menuPri li a.vux {background: url('../images/tm-vux.gif') left top no-repeat; width: 65px;}
#menuPri li a.vux-x {background: url('../images/tm-vux.gif') right top no-repeat; width: 65px;}
#menuPri li a.com {background: url('../images/tm-com.gif') left top no-repeat; width: 105px;}
#menuPri li a.com-x {background: url('../images/tm-com.gif') right top no-repeat; width: 105px;}
#menuPri li a.deb {background: url('../images/tm-deb.gif') left top no-repeat; width: 109px;}
#menuPri li a.deb-x {background: url('../images/tm-deb.gif') right top no-repeat; width: 109px;}

#menuPri li a:hover {background-position: right top;}

#menuPri span {
	float: right;
	margin: 8px 10px 0 0;
}

#menuSec {
	height: 30px;
	margin-left: 21px;
	background: #fff;
}

#menuSec ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#menuSec li {
	float: left;
	padding: 0;
	margin: 0;
	font-size: 10px;
	color: #757575;
}

#menuSec li.padd {
	padding-top: 8px;
}

#menuSec li a {
	padding: 8px 15px 0 15px;
	display: block;
	height: 22px;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

#menuSec li a:hover {
	text-decoration: underline;
}

#menuSec .active {
	text-decoration: underline;
}

#contentContainer {
	margin-left: 21px;
	background: url(../images/contentbg.gif) repeat-x #e7e2cf;
}

#contentContainer #contL {
	float: left;
	width: 709px;
	padding: 9px 6px 6px 6px;
}

#userLine {
	height: 99px;
}

#userLine img {
	margin-right: 1px;
	border: 0px;
}

#userLine .billed-her {
	border: 0;
}

.headline {
	height: 31px;
	background: #fff;
	margin: 8px 0 5px 0;
}

.arrowOne {
	position: absolute;
	width: 17px;
	height: 9px;
	margin: 30px 0 0 23px;
	background: url(../images/arrow-down.gif);
}

.arrowTwo {
	position: absolute;
	width: 17px;
	height: 9px;
	margin: 30px 0 0 377px;
	background: url(../images/arrow-down.gif);
}

.arrowThree {
	position: absolute;
	width: 17px;
	height: 9px;
	margin: 30px 0 0 225px;
	background: url(../images/arrow-down.gif);
}

.arrowFour {
	position: absolute;
	width: 17px;
	height: 9px;
	margin: 30px 0 0 582px;
	background: url(../images/arrow-down.gif);
}

.browse {
	font-size: 12px;
}

.browse div {
	padding: 4px 7px 4px 7px;
}

.browse a {
	width: 100%;
	text-decoration: none;
}

.browse a:hover {
	text-decoration: underline;
}

.browse .lightOne {background: #fff; color: #7f7f7f; clear: both;}
.browse .lightOne a {color: #7f7f7f;}

.browse .lightTwo {background: #f5f5f5; color: #7f7f7f; clear: both;}
.browse .lightTwo a {color: #7f7f7f;}

.browse .lightHot {background: #d7d7d7; color: #000; clear: both;}
.browse .lightHot a {color: #000;}

.browse .lightText {font-size: 12px; color: #7f7f7f; background: #fff; clear: both;}
.browse .lightText a {display: inline; font-size: 11px; font-weight: bold; color: #7f7f7f;}

.browse .darkOne {background: #404040; color: #c7c7c7; clear: both;}
.browse .darkOne a {color: #c7c7c7;}

.browse .darkTwo {background: #4f4f4f; color: #c7c7c7; clear: both;}
.browse .darkTwo a {color: #c7c7c7;}

.browse .darkHot {background: #696969; color: #fff; clear: both;}
.browse .darkHot a {color: #fff;}

.browse .darkText {font-size: 12px; color: #c7c7c7; background: #404040; clear: both;}
.browse .darkText a {display: inline; font-size: 11px; font-weight: bold; color: #c7c7c7;}

.browse .active {
	text-decoration: underline;
}

.topUser {
	float: left;
	width: 201px;
	padding: 5px;
	background: #fff;
}

.topUser a {
	display: block;
	text-decoration: none;
}

.topUser img {
	float: left;
	margin-right: 10px;
	border: 0;
}

.toplistHowto {
	float: right;
	border: 0;
}

#rememberBox {
	height: 136px;
	margin: 6px 0 0 0;
	background: url(../images/rememberbox.png);
}

#rememberBox .rememberCreate {
	float: left;
	margin: 87px 0 0 172px;
}

#rememberBox .rememberLogin {
	float: right;
	margin: 74px 25px 0 0;
}

.imageLeft {
	float: left;
	margin-right: 10px;
	border: 0;
}

.whiteBox {
	background: #fff;
	font-size: 11px;
	color: #7f7f7f;
	padding: 5px;
}

.whiteBox a {
	display: block;
	color: #000;
	text-decoration: none;
}

.darkBox {
	background: #404040;
	font-size: 11px;
	color: #c7c7c7;
	padding: 5px;
}

.profileImg {
	border: 0;
}

.profileZoom {
	clear: both;
	position: absolute;
	margin: -18px 0 0 17px;
	border: 0;
}

.besked {
	float: left;
	width: 647px;
}

.smileyView {
	float: right;
	width: 37px;
}

.galleriImg {
	float: left; 
	width: 100px;
	margin: 0px 5px 5px 0;
	text-align: center;
}

.galleriImg a {
	display: block;
}

.galleriImg img {
	border: 1px solid #777;
}

.userlistImg {
	float: left; 
	width: 75px;
	margin: 0px 11px 6px 0;
	text-align: center;
}

.userlistImg a {
	display: block;
}

.userlistImg img {
	border: 1px solid #777;
} 

.rightImg {
	position: relative;
	float: right;
	margin-left: 10px;
}

.leftImg {
	position: relative;
	float: left;
	margin: -7px 10px 0 -3px;
	border: 0;
}

.hotornotVote img {
	border: 0;
}

.gbBox {
	background: #fff;
	font-size: 11px;
	color: #7f7f7f;
	padding: 5px;
	margin-top: 4px;
	border: 1px solid #bcbcbc;
}

#contentContainer #contR {
	float: left;
	width: 265px;
	padding: 9px 6px 6px 0;
}

#shoutbox {
	width: 265px;
	height: 99px;
	background: url(../images/shoutbox.gif);
}

#shoutbox .indsend {
	float: right;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	margin: 4px 8px 0 0;
}

#shoutbox a:hover.indsend {
	text-decoration: underline;
}

#shoutbox #message {
	float: left;
	width: 255px;
	height: 66px;
	padding: 8px 6px 7px 6px;
	font-size: 11px;
	color: #fff;
}

#shoutbox #message a {
	color: #fff;
	text-decoration: none;
}

#shoutbox #message a:hover {
	text-decoration: underline;
}

#shoutbox #message a:hover h2 {
	text-decoration: none;
}

#shoutbox #message a:hover h3 {
	text-decoration: none;
}

.yellowBox {
	background: #f09e00;
	padding: 6px 7px 6px 7px;
	margin-bottom: 5px;
	font-size: 11px;
	color: #fff;
}

.yellowBox .radio {
	margin-left: 10px;
}

.yellowBox a {
	color: #fff;
	text-decoration: none;
}

#competition {
	text-align: center;
	margin-top: 10px;
}

#competition img {
	border: 0;
}

#footerContainer {
	clear: both;
	height: 11px;
	background: url(../images/footerbg.gif) repeat-x;
	color: #333;
	padding: 11px;
}

#footerContainer a {
	text-decoration: none;
	color: #666666;
}

#footerContainer a:hover {
	text-decoration: underline;
}

h1 {
	margin: 7px 0 0 0;
	padding: 0;
	font-size: 15px;
	color: #8c8c8c;
	font-weight: normal;
}

h1.headlineL {
	position: absolute;
	float: left;
	margin-left: 12px;
}

h1.headlineR {
	position: absolute;
	float: left;
	margin-left: 366px;
}

h1.headlineRTwo {
	position: absolute;
	float: left;
	margin-left: 214px;
}

h1.headlineRThree {
	position: absolute;
	float: left;
	margin-left: 565px;
}

h1 a {
	color: #8c8c8c;
	text-decoration: none; 
}

h1 span span {
	font-size: 12px;
	color: #555;
	margin-left: 20px;
}

h1 span a {
	margin: 2px 0 0 20px;
	font-size: 13px;
	color: #555;
	text-decoration: none;
}

h1 span a:hover {
	text-decoration: underline;
}

h1 span a.active {
	text-decoration: underline;
}

h1.point {
	color: #000;
	margin-top: 37px;
	font-weight: bold;
}

.gbBox h1 {
	margin: 0 0 5px 0;
	color: #444;
}

.gbBox h1 a {
	display: inline;
	color: #444;
}

.gbBox h1 span {
	float: right;
	margin-top: -17px;
}

.yellowBox h1 {
	color: #fff;
	margin: 0 0 8px 0;
}

.darkBox a {
	color: #c7c7c7;
	text-decoration: none;
}

h2 {
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#userMenuLeft h2 {
	color: #fff;
	margin-bottom: 10px;
}

.topUser h2 {
	margin: 0 0 8px 0;
	color: #000;
}

h2.left {
	float: left;
	margin-right: 10px;
}

h3 {
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#shoutbox h3 {
	margin: -4px 0 1px 0;
}

.yellowBox h3 {
	margin-bottom: 10px;
}

.topUser h3 {
	color: #7f7f7f;
}

h3.left {
	float: left;
	margin-right: 10px;
}

h4 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.topUser h4 {
	margin: 2px 0 9px 0;
	color: #7f7f7f;
}

h5 {
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #7f7f7f;
}

.topUser h5 {
	margin: 8px 0 0 0;
}

input {
	height: 16px;
	padding: 1px 0 0 2px;
	background: #fff;
	border-top: 1px solid #878787;
	border-right: 0;
	border-bottom: 0;
	border-left: 1px solid #878787;
	font-family: Arial;
	font-size: 11px;
	color: #5b5b5b;
	font-weight: normal;
}

.text {
	height: 15px;
	padding: 1px 0 0 2px;
	margin-top: 2px;
	background: #fff;
	border-top: 1px solid #878787;
	border-right: 0;
	border-bottom: 0;
	border-left: 1px solid #878787;
	font-family: Arial;
	font-size: 11px;
	color: #5b5b5b;
	font-weight: normal;
}

.loginText {
	height: 15px;
	padding: 1px 0 0 2px;
	margin-top: 2px;
	background: url(../images/formbg.gif);
	border-top: 1px solid #878787;
	border-right: 0;
	border-bottom: 0;
	border-left: 1px solid #878787;
	font-family: Arial;
	font-size: 11px;
	color: #5b5b5b;
	font-weight: normal;
}

.button {
	height: 17px;
	padding: 0 0 0 2px;
	background: #fff;
	border-top: 1px solid #878787;
	border-right: 0;
	border-bottom: 0;
	border-left: 1px solid #878787;
	font-family: Arial;
	font-size: 11px;
	color: #5b5b5b;
	text-decoration: none;
	margin-top: 1px;
	font-weight: normal;
}

.loginButton {
	height: 17px;
	padding: 0 0 0 2px;
	background: url(../images/formbg.gif);
	border-top: 1px solid #878787;
	border-right: 0;
	border-bottom: 0;
	border-left: 1px solid #878787;
	font-family: Arial;
	font-size: 11px;
	color: #5b5b5b;
	text-decoration: none;
	margin-top: 5px;
	font-weight: normal;
}