html { height: 101%; }

body {
	background: url("../images/body_bg.png");
	padding: 0;
}

img {
	border: 0;
}

#logo {
  position: relative;
	width: 866px;
	height: 136px;
	background: url("../images/header.png") no-repeat;
	margin: 0 auto 10px auto;
	padding: 0;
}
  #logo #banner {
    position: absolute;
    top: 1px;
    left: 300px;
  }
	#logo #snelhestar {
		padding: 20px 20px 0 0;
		text-align: right;
	}
		#logo #snelhestar a { 
			margin: 0 10px 5px 0;
		}

#contenttop {
	width: 816px;
	background: url("../images/site_bg_top.png") no-repeat;
	margin: 0 auto 0 auto;
	padding: 0 25px 0 25px;
}

#contentbody {
	background: url("../images/site_bg.png") repeat-y;
	width: 816px;
	margin: 0 auto 0 auto;
	padding: 0 25px 0 25px;
}
#contentbody #content_left {
	width: 600px;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
}

#contentbody #sidebar {
	float: right;
	width: 200px;
	padding: 0;
	margin: 5px 0 5px 0;
	background: #f5feff url("../images/sidebar_bg.png") repeat-y;
}

#sidebar #sidebar_top {
	height: 3px;
	width: 200px;
	overflow: hidden;
	background: url("../images/sidebar_bg_top.png") no-repeat;
	margin: 0;
	padding: 0;
}

#sidebar #sidebar_bottom {
	height: 3px;
	width: 200px;
	overflow: hidden;
	background: url("../images/sidebar_bg_bottom.png") no-repeat;
	margin: 0;
	padding: 0;
}

#sidebar p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0.5em 10px 0.8em 10px;
}

.infobox {
	text-indent: 0;
	float: right;
	width: 200px;
	padding: 0;
	margin: 5px 0 5px 0;
	background: #f5feff url("../images/sidebar_bg.png") repeat-y;
}

.infobox .infobox_top {
	height: 3px;
	width: 200px;
	overflow: hidden;
	background: url("../images/sidebar_bg_top.png") no-repeat;
	margin: 0;
	padding: 0;
}

.infobox .infobox_bottom {
	height: 3px;
	width: 200px;
	overflow: hidden;
	background: url("../images/sidebar_bg_bottom.png") no-repeat;
	margin: 0;
	padding: 0;
}

.infobox h3 {
	margin: 0;
	padding: 0 0 0 0.7em;

	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #3181CC;
}

.article .infobox p {
	clear: right;
	line-height: 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0;
	margin: 0.5em 10px 0.8em 10px;
}



.column_left {
	width: 390px;
	float: left;
	margin: 5px 0 0 0;
}
.column_right {
	width: 390px;
	float: right;
	margin: 5px 0 0 0;
}
.column_single {
	clear: both;
	padding: 5px 0 0 0;
	margin: 0;
	float: left;
}

.article .articleimage {
	margin: 0.5em 0 1em 0;
}

.article .articleimage_c {
	margin: 0.5em auto 1em auto;
	
}

.article .articleimage_center {
  display: block;
	margin: 0.1em auto 0.1em auto;
	
}

.article a {
	color: #3181CC;
}

p.date {
	color:#999999;
	margin: 0.2em 0 0 0;
	padding: 0;
	font: 0.8em verdana, arial, helvetica, sans-serif;
}

#contentbottom {
	width: 866px;
	height: 17px;
	background: url("../images/site_bg_bottom.png") no-repeat;
	margin: 0 auto 0 auto;
	padding: 0;
}

.clear {
	clear: both;
	display: block;
}
#clearfoot {
	height: 0px;
	clear: both;
}

.article {
	margin-bottom: 1em;
	border-bottom: 1px dotted #ccc;
}

.article_fullwidth {
	width: 816px;
}

.article h1 {
	font: 1.5em normal;
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#888;
	padding: 0;
	margin: 0;
}

.article h2 {
	font: 1.2em normal;
	font-family: "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#888;
	padding: 0;
	margin: 0;
}

.article p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	color:#000033;
	padding: 0;
	margin: 0.0em 0 0.8em 0;
	/*text-indent: 0.5em;*/
}

.article p.sign {
	padding: 0.5em 0 0 0;
	border-top: 1px dotted #CBE5EA;
	color: #3181CC;
	font-size: 0.75em;
}

.contestInfoBox {
  width: 816px;
  height: 100px;
  background: #f5feff;
  border: 1px solid #d1ebf0;
}


.contestInfoBox h3 {
	margin: 0;
	padding: 0.7em 0 0 0.7em;

	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #3181CC;
}

.villkor .article {
}
.villkor p {
	text-indent: 0;
}
.villkor h3 {
	float: left; 
	display: inline;
	margin: 0 0.3em 0 0;
	padding: 0;

	line-height: 1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #3181CC;
}

.img {
	float: left;
	margin: 0.5em 0.5em 0.5em 0;
	padding: 0;
	background-color:#CCCCCC;
}

#loginForm {
	padding: 0;
	margin: 25px 0 0 0;
	float: right;
	height: 25px;
}

#loginForm .field {
	margin: 0 5px 0 0;
	padding: 6px 10px 0 10px;
	float: left;
	width: 130px;
	height: 25px;
	background: url(../images/form_bg.png) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color: #b3b3b3;
	font-size: 0.8em;
	border: 0;
}

#loginForm .login {
	margin: 0;
	float: left;
	width: 25px;
	height: 25px;
	border: none;
}

#loginForm .loginlabel {
	margin: -200px 0 0 0;
	padding: 0;
	height: 0;
	width: 0;
	visibility: hidden;
}

#loginForm .lostPassword {
	margin: 0 0 0 4px;
	float: left;
	width: 25px;
	height: 25px;
	border: none;
}

#loginForm p {
	margin: 0 5px 0 0;
	padding: 5px;
	float: left;
	height: 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#loginForm .logout {
	margin: 0 0 0 0;
	float: left;
	width: 25px;
	height: 25px;
}

/***************************************
* Menu                                 *
***************************************/

ul#menu {
	float: left;
	margin: 0 25px 10px -2px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

ul#menu li {
	float: left;
	margin: 0 5px 0 0;
	width: 89px;
	height: 47px;
	overflow: hidden;
}

ul#menu a {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
	padding-top: 60px;
}

ul#menu li.leftm3ost {
	margin-left: 20px;
}

ul#menu a {
	background-position: 0px 0px;
}
ul#menu a:hover {
	background-position: -95px 0px;
}
ul#menu a.active, ul#menu a.active:hover {
	background-position: -190px 0px;
}

/***************************************
* SUB Menu                                 *
***************************************/

ul#sub_menu {
	float: left;
	width: 800px;
	margin: 2px 0px 2px 2px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

ul#sub_menu li {
	float: left;
	margin: 0;
	width: 90px;
	height: 25px;
	overflow: hidden;
}

ul#sub_menu a {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
	padding-top: 60px;
}

ul#sub_menu a {
	background-position: 0px 0px;
}
ul#sub_menu a:hover {
	background-position: 0px -30px;
}
ul#sub_menu a.active, ul#sub_menu a.active:hover {
	background-position: 0px -60px;
}

ul#sub_menu a.lan_contest {
	background: url(../images/submenu_item_lan.png) no-repeat -90px 0px;
}
ul#sub_menu a.lan_contest:hover {
	background: url(../images/submenu_item_lan.png) no-repeat -90px -30px;
}
ul#sub_menu a.lan_contest_active, ul#sub_menu a.lan_contest_active:hover {
	background: url(../images/submenu_item_lan.png) no-repeat -90px -60px;
}

ul#sub_menu a.lan_signup {
	background: url(../images/submenu_item_lan.png) no-repeat -180px 0px;
}
ul#sub_menu a.lan_signup:hover {
	background: url(../images/submenu_item_lan.png) no-repeat -180px -30px;
}
ul#sub_menu a.lan_signup_active, ul#sub_menu a.lan_signup_active:hover {
	background: url(../images/submenu_item_lan.png) no-repeat -180px -60px;
}

ul#sub_menu a.lan_rules {
	background: url(../images/submenu_item_lan.png) no-repeat -270px 0px;
}
ul#sub_menu a.lan_rules:hover {
	background: url(../images/submenu_item_lan.png) no-repeat -270px -30px;
}
ul#sub_menu a.lan_rules_active, ul#sub_menu a.lan_rules_active:hover {
	background: url(../images/submenu_item_lan.png) no-repeat -270px -60px;
}

ul#sub_menu a.lava_start {
	background: url(../images/submenu_item_lava.png) no-repeat 0px 0px;
}
ul#sub_menu a.lava_start:hover {
	background: url(../images/submenu_item_lava.png) no-repeat 0px -30px;
}
ul#sub_menu a.lava_start_active, ul#sub_menu a.lava_start_active:hover {
	background: url(../images/submenu_item_lava.png) no-repeat 0px -60px;
}

#submenu {
	width: 818px;
	height: 29px;
	margin: 0 -5px 0.5em 0;
	background: url(../images/submenu_bg.png) no-repeat;
}




#shoutbox {
	margin: 0;
	padding: 0;
}
	#shoutbox form {
		margin: 0;
		padding: 0;
	}
	
	#shoutbox #shoutbox_top {
		margin: 0;
		padding: 10px 10px 10px 10px;
		border-bottom: 1px solid #D1EBF0;
	}
	
		#shoutbox #shoutbox_top .input {
			margin: 0 0 5px 0;
			background: #ffffff;
			border: 1px solid #cecece;
			font: 0.7em verdana, arial, helvetica, sans-serif;
		}
		#shoutbox #shoutbox_top .input:focus {
			background-color: #fbfbfb;
		}

		#shoutbox #shoutbox_top .text {
			width: 178px;
		}
	
	#shoutbox #shoutbox_messages {
		margin: 0;
		padding: 0;
	}
	
		#shoutbox #shoutbox_messages .message {
			overflow: hidden;
			margin: 0;
			padding: 5px 10px 10px 10px;
			border-bottom: 1px solid #D1EBF0;
			border-left: 1px solid #D1EBF0;
			border-right: 1px solid #D1EBF0;
			clear: both;
			width: 178px;
		}

		#shoutbox #shoutbox_messages .admin {
			background: #fff url("../images/admin_star.png") top right no-repeat;
		}
			#shoutbox #shoutbox_messages .message a {
			}

			#shoutbox #shoutbox_messages .message a img {
				width: 1em;
				height: 1em;
			}
		
			#shoutbox #shoutbox_messages .message p {
				font: 0.625em verdana, arial, helvetica, sans-serif;
				margin: 0;
				padding: 0;
			}
				#shoutbox #shoutbox_messages .message p span {
					font-weight: bold;
					color:#3181CC;
				}
			
	#shoutbox #shoutbox_bottom {
		height: 10px;
		margin: 0;
		padding: 0;
	}

#joinForm label {
	width: 120px;
	float: left;
}

#joinForm span.textLabel {
	width: 120px;
	float: left;
}

#joinForm input.text {
	width: 150px;
	color: #000000;
	margin-bottom: 1px;

	font-size: 0.9em;
}
#joinForm input.error {
	background: #ffff00;
	border: 1px solid #ff0000;
}

#joinForm input.submit {
}

#joinForm p.noMargin {
	margin: 0;
}

p.center {
	text-align: center;
}

#shoutboxText {
	width: 178px;
	height: 80px;
}

#loginError {
	margin: 0 auto 1em auto;
	width: 626px;
	padding: 0.3em;
	background-color: #ffff00;
	border: 2px solid #ff0000;
}

#loginError p {
	margin: 0 0 0.3em 0;
	font: 0.8em verdana, arial, helvetica, sans-serif;
}

#loginError a {
	color: #ff0000;
}

/** Write news Form */
form#news {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	color:#000033;
}
form#news label, form#news button {
    position: relative;
    display: block;
    width: 500px;
    margin-bottom: 1em;
}
form#news label.newsText {
    height: 18em;
}
form#news input, form#news textarea {
    position: absolute;
    left: 100px;
    top: 0;
    width: 400px;
}
form#news textarea {
    height: 20em;
}
ul.errorList {
	font: 0.8em verdana, arial, helvetica, sans-serif;
	background: #ffff00;
	border: 2px solid #ff0000;
	list-style-type: none;
	padding: 0.3em;
}
	ul.errorList li {
		border-top: 1px dashed red;
		padding: 0.3em 0 0.2em 0;
	}
	ul.errorList li.noBorder {
		border: 0;
	}
	ul.errorList li a {
		color: #ff0000;	
	}

div.adminBox {
	width: 272px;
	margin-top: 5px;
	float: left;
	display: inline;
}

ul.userList {
	float: left;
	display: inline;
	font: 0.8em verdana, arial, helvetica, sans-serif;
	list-style-type: none;
	margin: 0.5em 0 0 0;
	padding: 0;
}

	ul.userList img {
		float: left;
		margin-right: 5px;
	}

	ul.userList li {
		float: left;
		clear: left;
	}

	ul.userList li a {
		font-size: 11px;
		text-decoration: none;
	}

	ul.userList ul.role {
		float: left;
		display: inline;
		width: 171px;
		margin: 0px;
		padding: 0px;
		font-size: 0.9em;
	}

		ul.userList ul.role li {
			width: 100%;
			margin-left: 15px;
			text-indent: 0px;
			list-style-type: disc;
			text-align: left;
			font-size: 0.9em;
		}

ul.contactInfo {
	font: 0.8em arial, helvetica, sans-serif;
	list-style-type: none;
	margin: 0.5em 0 0 0;
	padding: 0;
}
  ul.contactInfo li {
    position: relative;
    margin-left: 120px;
  }
  ul.contactInfo li.spaceBelow {
    position: relative;
    margin-left: 120px;
    margin-bottom: 2em;
  }
    ul.contactInfo li span {
      position: absolute;
      left: -120px;
      width: 120px;
    }

ul.userSearch {
	font: 0.8em verdana, arial, helvetica, sans-serif;
}
ul.userSearch li {
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}
ul.userSearch li span.name {
	font-weight: bold;
}

ul#creditList {
	width: 40%;
	list-style: none;
	padding: 0;
	font: 0.8em verdana, arial, helvetica, sans-serif;
}

#creditList li {
	padding: 0.1em 0.5em 0.2em 0.5em;
	border-bottom: 1px dotted #ccc;
}

#creditList li:last-child {
	border-top: 2px solid #ccc;
}

#countdown {
  -x-system-font:none;
  color:#888888;
  text-align: center;
  font-family:normal,"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size:1.2em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  margin:0pt;
  padding:0pt;
}

ul.lanList {
	font: 0.8em arial, helvetica, sans-serif;
	margin: 0.5em 0 0 0;
}

/* Sign Up Button */
button.signMeUp {
    display: block;
    width: 600px;
	height: 100px;
	overflow: hidden;
	background: transparent url('/images/registrera.png') no-repeat;
	border: 0;
	cursor: pointer;
	margin: 0 auto;
}
button.signMeUp span { visibility: hidden; }