body {
	background-color: #0B0B0B;
	background-image: url(../images/bkg.gif);
	background-repeat: repeat-x;
	
	margin: 0;
	padding: 0;
}

/* Hr clear fulhakk */
hr.clear {
	border:0;
	/*clear:both;*/
	overflow:auto;
	width:100%;
	height:0;
	margin:0;
	padding:0;
	visibility:hidden;
}
/* Wrapper */
div.wrapper {
	width: 907px;
	
	margin: 0 auto;
}

/* Top */
div.top {
	background-image: url(../images/top.gif);
	background-repeat: no-repeat;
	
	height: 47px;
}

/* Header */
div.header {
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;

	height: 115px;
}

/* Mid */
div.mid {
	background-image: url(../images/mid.gif);
	background-repeat: no-repeat;

	height: 39px;
}

/* Menu */
	div.menu {
		background-image: url(../images/menu.gif);
		background-repeat: no-repeat;

		height: 22px;
	}

	ul.menu {
		margin: 0 6px;
		padding: 2px 0 0 0;
		
		height: 20px;
		
		list-style-type: none;
	}
	
	ul.menu li {
		float: left;
		
		height: 20px;
		
		margin: 0;
		padding: 0;
	}
	
	ul.menu li div {
		height: 20px;
		

	}
	
	ul.menu li a {		
		color: #000000;
		font-size: 9px;
		font-weight:bold;
		
		display: block;
		
		height: 20px;
		line-height: 20px;
		
		padding: 0 20px;
	}
	
	ul.menu li.current, ul.menu li:hover {
		background-image:url(../images/knapp.png);
		background-position:0 -22px;
	}
	
	ul.menu li.current div, ul.menu li:hover div {
		background-image: url(../images/knapp.png);
		background-position: right -43px;
		background-repeat: no-repeat;
	}
	
	ul.menu li.current a, ul.menu li:hover a {
		background-image: url(../images/knapp.png);
		background-position:0 -1px;
		background-repeat: no-repeat;
		
		color: #FFFFFF;
	}

/* Erbjudanden */
	div.erbjudanden {
		background-image: url(../images/erbjudanden.gif);
		background-repeat: no-repeat;

		height: 100px;
		padding: 10px 0 0;
	}

	div.erbjudanden ul {
		margin: 0 auto;
		padding: 0;
		
		list-style: none;
		
		width: 850px;
	}
	
	div.erbjudanden li {
		float: left;
		
		background-repeat: no-repeat;
		background-position: center top;
	}
	
	div.erbjudanden li:hover {
		background-position: center -100px;
	}
	
	div.erbjudanden li.small {
		background-image: url(../images/small.png);
	}
	
	div.erbjudanden li.medium {
		background-image: url(../images/medium.png);
	}
	
	div.erbjudanden li.large {
		background-image: url(../images/large.png);
	}
	
	div.erbjudanden li.deluxe {
		background-image: url(../images/deluxe.png);
	}
	
	div.erbjudanden li a {
		width: 170px;
		height: 100px;
		
		display: block;
	}
	
	div.erbjudanden li.deluxe a {
		width: 325px;
	}
	
	div.erbjudanden li a span {
		display: none;
	}
	
	
	ul.offers {
		list-style: none;
		
		overflow: auto;
		
		margin: 10px 0;
	}
	
	ul.offers li {
		float: left;
		
		margin: 10px 0 0 0;
		
		width: 140px;
	}
	
	ul.offers h3 {
		font-size: 13px;
		
		margin: 0;
		padding: 0;
	}


/* Container */
div.container {
	background-color: #FFFFFF;
	
	padding: 6px;
}

/* Contentbox */
	div.contentbox {
		width: 707px;
	}

	/* Top */
	div.contentbox div.top {
		background-image: url(../images/contentboxtop.gif);
		background-repeat: no-repeat;
	
		height: 5px
	}

	/* Middle */
	div.contentbox div.middle {
		border-left: 1px solid #C9C9C9;
		border-right: 1px solid #C9C9C9;
		
		padding: 5px 10px;
	}
	
	/* Bottom */
	div.contentbox div.bottom {
		background-image: url(../images/contentboxbottom.gif);
		background-repeat: no-repeat;
	
		height: 5px
	}
	

/* Rightbox */
div.rightbox {
	float: right;
	
	width: 183px;
}

/* Poll */
	div.poll {
		background-image: url(../images/poll_middle.gif);
		background-repeat: repeat-y;
		
		text-align: center;
		
		border-bottom: 2px solid #868080;
	}
	
	/* Top */
	div.poll div.top {
		background-image: url(../images/poll_top.gif);
		background-repeat: no-repeat;
		
		height: 24px;
	}
	
	/* Bottom */
	div.poll div.bottom {
		background-image: url(../images/poll_bottom.gif);
		background-repeat: no-repeat;
		
		text-align: left;
		padding: 16px 10px 6px;
	}
	
	/* Title */
	div.poll h3 {
		margin: 0 20px;
		padding: 0;
		
		font-size: 10px;
		font-weight: normal;
		color: #FFFFFF;
	}
	
	div.poll hr {
	
		background-image: url(../images/poll_hr.gif);
		background-position: center center;
		background-repeat: no-repeat;
		
		border: 0;
	
	}
	

	/* Poller title above radio buttons */
	.pollerTitle{
		margin-bottom:5px;
		font-weight:bold;
	}
	/* Label for each radio button */
	.pollerOption{
		margin:1px;
		padding:5px;
	}
	
	/* Label for each option above graph - i.e. results */
	.result_pollerOption{
		margin:5px 0 2px;
		font-size:0.8em;
	}

	/* The <div> tag where the percentage result is shown */
	.result_pollGraph div{
		height:16px;
		color:#FFF;
		font-size:8px;
		line-height:16px;
		
		width: 12px;
		
		background-color: #FF8A00;
		padding: 0;
	}
	/* Graph div - parent of both the corner images and the div displaying percentage votes */
	.result_pollGraph{	
		height:16px;
		background-color: #04050A;
	}
	
	/* Message when Ajax is working getting restults fromt the server */
	.poller_waitMessage{
		display:none;	
	}	
	
	.result_totalVotes{
		margin-top:10px;
		color: #829EC0;
	}
	
	.poller_results {
		margin: 10px 20px;
		text-align: left;
	}
	
/* Ads */
	div.ads {
		text-align: center;
	}
	
/* Partners */
	ul.partners {
		background-image: url(../images/partners.gif);
		background-repeat: no-repeat;

		margin: 10px 0 0;
		padding: 0;

		width: 896px;
		height: 147px;

		list-style: none;
	}

	ul.partners li {
		float: left;
	
		margin: 12px 0 0;
	}
	
	ul.partners a {
		display: block;
		
		width: 183px;
		height: 135px;
	}
	
	ul.partners a span {
		display: none;
	}

/* Loginbox */
div.header div.login {
	background-image: url(../images/login.png);
	background-repeat: no-repeat;
	
	width:300px;
	height:69px;
	
	float:right;

	margin:55px 184px 0;
}

div.login form {
	margin: 16px 0 0 72px;
}

div.login form input {
	width: 140px;
	
	padding: 3px;
	
	background-color: #FFFFFF;
	border: 0;
	
	font-size: 10px;
}

div.login form input#password {
	margin: 5px 0 0 0;
}

div.login div.right {
	float: right;
	
	text-align: left;
	
	width: 69px;
}

div.login form input#login {
	height: 24px;
	width: 25px;
	
	margin: 3px 0 0 0;
	
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	
	cursor:pointer;
	cursor:hand
}

div.login form a.register {
	height: 24px;
	width: 25px;
	margin: 3px 13px 0 0;
	
	display: block;
	
	float: right;
}

div.login form a.pass {
	display:block;
	
	height:14px;
	margin:6px 0 0 0;
	width:65px;
}

div.login form a span {
	display: none;
}

/* Loggedinbox */
div.loggedinbox {
	background-image: url(../images/loginbox.png);
	background-repeat: no-repeat;
	
	width:300px;
	height:69px;
	
	float:right;

	margin:55px 184px 0;
}

div.loggedinbox div.inside {
	margin: 15px 20px;
}

div.loggedinbox div.title {
	font-weight: bold;
	text-align: center;
	
	color: #000000;
}

div.loggedinbox div.coins {
	text-align: center;
	color: #000000;
}

div.loggedinbox div.links {
	margin-top: 6px;
	text-align: center;
	
	color: #000000;
}

div.loggedinbox a {
	color: #FFFFFF;
	font-size: 11px;
	
	text-align: center
}

/* Article */
div.article {
	border-bottom: 1px dotted #C9C9C9;
	
	padding-bottom: 10px;
	
	margin-bottom: 10px;
}

/* Rows */
div.pubrow {
	color: #FF9B00;
	padding-bottom: 5px;
	border-bottom: 1px dotted #FF9B00;
}


/** Footer **/
div.footer {
	background-color: #FFFFFF;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	
	padding: 3px 15px 30px;
}

/* Tables */
table {
	width: 100%;
	
	margin: 5px;
}

table thead td {
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 3px;
}

/* Big centered text for notices */
.big {
	text-align: center;
	
	font-size: 11px;
	font-weight: bold;
}

.big a {
	font-size: 15px;
	margin: 0 10px;
}

/* Form */
fieldset
		{
			margin:					5px 0.5em 1em 0;
			padding:				1em 0;
			border: 0;
			border-top: 3px solid #d7d5d5;
			
			text-align: left;
			
		}

		legend
		{
			font-size:				11px;
			color:				#FF9B00;
			margin-left: 5px;
			padding-right: 4px;
			
			font-style: italic;
		
			border-bottom: 3px solid #d7d5d5;
			margin-bottom:12px;
			
	
			margin-top: 0;
		}

form label {
	float: left;
	
	line-height: 23px;
	text-align: right;
	
	margin: 0 10px 3px 0;
	cursor: pointer;
	
	width: 100px;
}

form label.required {
	font-weight: bold;
}


form dt {
	clear: left;
}

form dd {
	margin: 0;
}

form dd input[type='text'], form input[type='password'] {
	font-size: 11px;
	
	margin-bottom: 5px;
	padding: 3px;
	line-height: 1;
	
	border: 1px solid #C9C9C9;
	background-color: #F2F2F2;
	
	width: 300px;
}

form ul.errors {
	font-size: 11px;

	list-style: none;
	color: #F6201A;
	margin: 0 0 10px 110px;
	padding: 0;
	
	clear: left;
}

form input[type='submit'] {
	border: 1px solid #C9C9C9;
	background-color: #F2F2F2;border: 1px solid #C9C9C9;
	background-color: #F2F2F2;
	padding: 3px;
}

/* Drifstatus header */
div.drift {
	margin-left: 70px;
}

div.drift div {
	float: left;
	
	margin: 0 5px;
	
	background-repeat: no-repeat;
	background-position: center top;
}

div.drift div.offline {
	background-image: url(../images/offline.png);
}

div.drift div.online {
	background-image: url(../images/online.png);
}

div.drift a {
	padding-top: 20px;
	
	font-size. 9px;
	color: #868080;
	text-align: center;
	
	display: block;
}

/* Comments */
div.comment {
	background-color: #F2F2F2;
	border: 1px solid #C9C9C9;
	
	padding: 10px;
	margin: 10px;
}