/*
  Author: Nattklubben.se
  Copyright 2009-2010
  Main
*/
 
* {
    margin: 0px;
    padding: 0px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

a {
outline: none;
color:#FF6600;
text-decoration:none;
}

a img {
border:0px;
}

select {
border:1px solid #333333;
background-color: #F5F5F5;
height:20px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

a.white {
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

a.white:hover {
	color:#CCC;
}

a.sblack {
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

a.sblack:hover {
	color:#111;
}

a.ssblack {
	color:#000;
	text-decoration:none;
}

a.ssblack:hover {
	color:#111;
}
	
a.black {
	font-size:11px;
	color:#000;
	text-decoration:underline;
}

a.black:hover {
	color:#333;
}

a.loggout {
	color:#CCC;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

a.loggout:hover {
	color:#FFF;
}

.nodif {
color:#000;
font-size:11px;
text-decoration:none;
}


.arthref {
color:#10263D;
font-size:14px;
font-weight:bold;
}

a.arthref:hover {
color:#444;
}

.arthrefsml {
color:#10263D;
font-size:11px;
font-weight:bold;
}

a.arthrefsml:hover {
color:#444;
}

.smltxt {
font-size:11px;
}

.evrub {
float:left;
width:300px;
height:17px;
overflow:hidden;
margin:0px 2px 2px 6px;
color:#000;
font-size:13px;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
text-decoration:none;
}

.rekrub {
float:left;
width:300px;
height:16px;
overflow:hidden;
margin:0px 2px 2px 0px;
color:#000;
font-size:13px;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
text-decoration:none;
}

.rekpic {
float:left;
margin:0px 5px 5px 0px;
width:50px;
min-height:40px;
max-height:65px;
}

.rektxt {
float:left;
width:210px;
margin: 0px 0px 7px 0px;
min-height:40px;
}

.piceventfill {
float:left;
min-width:350px;
}

.eventartistfill {
float:left;
margin-top:10px;
min-width:350px;
}

h1 {
float:left;
margin:0px 5px 0px 3px;
height:25px;
font-weight:bold;
font-size:19px;
overflow:hidden;
min-width:300px;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

h2 {
float:left;
margin:0px 2px 2px 5px;
height:16px;
font-weight:bold;
font-size:13px;
overflow:hidden;
color:#000;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

.listrub {
float:left;
margin:0px 2px 2px 5px;
height:16px;
font-weight:bold;
font-size:13px;
overflow:hidden;
color:#000;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

p {text-decoration:none;font-size:12px;}

 body {
    margin:0 0 0 0;
    padding:0;
	text-align:center;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size:11px;
	background: url("http://nattklubben.se/img/backg.png") 0px 0px repeat-x;
	background-color: #F2F2F2;
}
	
input.textfield { 
	border: 1px solid #555555; 
	background-color: #F5F5F5;
	height:18px;
	margin:0px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

input.checkbox { 
	margin:1px;
	height:15px;
}

textarea {
font-size:12px;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

.right {
float:right;
}

.left {
float:left;
}

#top {
	background: url("http://nattklubben.se/img/top.png") 0px 0px repeat-x;
	color:#FFF;
	min-width:1000px;
	width:100%;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
	
#top-content {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	text-align:left;
}
	
#mid {
	background: url("http://nattklubben.se/img/mid.png") -24px 0px repeat-y;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
	
#main {
	margin-left:10px;
	margin-right:10px;
}

#rightruta {
  float:right;
  margin:7px 0px 0px 0px;
  width:303px;
}

#fbruta {
  float:left;
  width:295px;
  margin:-3px 0px 7px 6px;
}
	
#right-bar1 {
  float:right;
  width:140px;
  height:auto;
  margin:2px 0px 5px 0px;
  overflow:hidden;
}
	
#right-bar2 {
  float:right;
  width:140px;
  margin:2px 10px 2px 2px;
  overflow:hidden;
}
	
#content {
	overflow:hidden;
}
	
#content-holder {
	overflow:hidden;
	background: url("http://nattklubben.se/img/whitebg.png") repeat;
}
			
#bottom {
	background: url("http://nattklubben.se/img/bottom.png") -10px -30px no-repeat;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:60px;
	text-align:right;
}

#mbar {
	position:fixed;
	height:25px;
	min-width:1000px;
	left:-500px;
	bottom:0px;
	margin-left:50%;
	text-align:center;
	color:#FFF;
}

.inboxrub {
float:left;
margin:1px 0px 0px 1px;
Padding:2px 0px 2px 1px;
height:14px;
width:220px;
font-size:12px;
overflow:hidden;
color:#000;
text-align:left;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

.mbar-inbox a {
position:absolute;
left:10px;
width: 34px;
height:25px;
color:#FFF;
background: url("http://nattklubben.se/img/icons.png") -12px -7px no-repeat;
}
.mbar-inbox a:hover {
background-position: -12px -32px;
color: #FFF;
}
.mbar-inbox a:active {
background-position: -12px -7px;
}
.ovmbar-inbox a {
position:absolute;
left:10px;
width: 34px;
height:25px;
color:#FFF;
background: url("http://nattklubben.se/img/icons.png") -12px -32px no-repeat;
}
.ovmbar-inbox a:hover {
background-position: -12px -32px;
color: #FFF;
}
.ovmbar-inbox a:active {
background-position: -12px -7px;
}

.mbar-privat a {
position:absolute;
left:40px;
width: 34px;
height:25px;
color:#FFF;
background: url("http://nattklubben.se/img/icons.png") -43px -8px no-repeat;
}
.mbar-privat a:hover { 
background-position: -43px -33px;
color: #FFF;
}
.mbar-privat a:active {
background-position: -43px -8px;
}
.ovmbar-privat a {
position:absolute;
left:40px;
width: 34px;
height:25px;
color:#FFF;
background: url("http://nattklubben.se/img/icons.png") -43px -33px no-repeat;
}
.ovmbar-privat a:hover { 
background-position: -43px -8px;
color: #FFF;
}
.ovmbar-privat a:active {
background-position: -43px -33px;
}


.mbar-handelse a {
position:absolute;
left:70px;
width: 34px;
height:25px;
color:#FFF;
background: url("http://nattklubben.se/img/icons.png") -74px -7px no-repeat;
}
.mbar-handelse a:hover { 
background-position: -74px -32px;
color: #FFF;
}
.mbar-handelse a:active {
background-position: -74px -7px;
}


/* Structure-end */

/* TOP */

#logo {
	position:absolute;
	margin-top:3px;
	margin-left:10px;
}

#userbar {
	position:absolute;
	margin-top:7px;
	margin-left:690px;
}

#linje1 {
	position:absolute;
	margin-top:0px;
	margin-left:697px;
}

#linje2 {
	position:absolute;
	margin-top:0px;
	margin-left:797px;
}

#top-meny {
	position:absolute;
	margin-left:220px;
	display:inline;
	min-width:700px;
}
	
#top-meny a {
	display:block;
	font-size:12px;
	color:#FFFFFF;
	background-color:transparent;
	margin-top:1px;
	padding:13px 7px 12px 7px;
	text-align:center;
	text-decoration:none;
	outline: none;
	}

#top-meny a.selected {
background-color:#555;
}

#top-meny a:hover {
background-color:#555;
}

#top-meny a:active {
background-color:transparent;
}
	
.ul-meny {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.li-meny {
	float:left;
	margin-left:7px;
}

#loggain {
	position:absolute;
	margin-top:-2px;
	margin-left:700px;
	min-width:290px;
}

#inloggad {
	position:absolute;
	margin-top:-2px;
	margin-left:803px;
}
	
#loggain_text {
	position:absolute;
	display:inline;
	margin-top:1px;
}
	
/* TOP END */

/* BUTTON */

input.loggain  {
cursor:pointer;
border:0px;
margin:-5px -2px -5px -2px;
padding:5px 5px 5px 5px;
width: 90px;
height:24px;
color:#FFF;
background: url("http://nattklubben.se/img/button.png") -5px -37px no-repeat;
text-decoration: none;
text-align:center;
font-size:11px;
}
input.loggain:hover { 
background-position: -155px -37px;
color: #FFF;
}
input.loggain:active {
background-position: -5px -37px;
}

input.button70 {
cursor:pointer;
border:0px;
margin:2px -4px -2px -4px;
padding:5px;
width: 70px;
height:26px;
color:#FFF;
background: url("http://nattklubben.se/img/button.png") -5px -7px no-repeat;
text-decoration: none;
text-align:center;
font-size:11px;
}
input.button70:hover { 
background-position: -155px -7px;
color: #FFF;
}
input.button70:active {
background-position: -5px -7px;
}

input.button90  {
cursor:pointer;
border:0px;
margin:2px -4px -2px -4px;
padding:5px;
width: 90px;
height:26px;
color:#FFF;
background: url("http://nattklubben.se/img/button.png") -5px -37px no-repeat;
text-decoration: none;
text-align:center;
font-size:11px;
}
input.button90:hover { 
background-position: -155px -37px;
color: #FFF;
}
input.button90:active {
background-position: -5px -37px;
}

input.button110 {
cursor:pointer;
border:0px;
margin:2px -4px -2px -4px;
padding:5px;
width: 110px;
height:26px;
color:#FFF;
background: url("http://nattklubben.se/img/button.png") -5px -67px no-repeat;
text-decoration: none;
text-align:center;
font-size:11px;
}
input.button110:hover { 
background-position: -155px -67px;
color: #FFF;
}
input.button110:active {
background-position: -5px -67px;
}

input.spbutton110 {
cursor:pointer;
border:0px;
margin:-1px -4px -2px 4px;
padding:5px;
width: 110px;
height:26px;
color:#FFF;
background: url("http://nattklubben.se/img/button.png") -5px -67px no-repeat;
text-decoration: none;
text-align:center;
font-size:11px;
}
input.spbutton110:hover { 
background-position: -155px -67px;
color: #FFF;
}
input.spbutton110:active {
background-position: -5px -67px;
}

input.button140 {
cursor:pointer;
border:0px;
margin:2px -4px -2px -4px;
padding:5px;
width: 140px;
height:26px;
color:#FFF;
background: url("http://nattklubben.se/img/button.png") -5px -97px no-repeat;
text-decoration: none;
text-align:center;
font-size:11px;
}
input.button140:hover { 
background-position: -155px -97px;
color: #FFF;
}
input.button140:active {
background-position: -5px -97px;
}


input.vbutton140 {
cursor:pointer;
border:0px;
margin:0px 0px 0px -4px;
padding:5px;
width:149px;
height:25px;
color:#000;
background: url("http://nattklubben.se/img/linjeb.png") 0px 0px no-repeat;
text-decoration: none;
text-align:center;
font-size:11px;
font-weight:bold;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}
input.vbutton140:hover { 
background-position: 0px 0px;
color: #444;
}
input.vbutton140:active {
background-position: 0px 0px;
}

/* BUTTON END */


.bottom-text {
	display:inline;
	margin-right:40px;
	text-align:right;
	color:#FFF;
}
	
#warning {
	position:absolute;
	margin-left:50%;
	top:0px;
	left:-200px;
}

/* LINK START */

.avlink,.avlink:visited {
	display:block;
	font-weight:bold;
	font-size:11px;
	color:#FFF;
	background-color:transparent;
	text-decoration:none;
}

.avlink:hover {
	background-color:#555;
}
	
/* LINK END */


/* ALL */
.allmargin {
float:left;
margin:3px;
width:680px;
}

#allmarginlaggtill {
float:left;
margin:10px 30px 20px 30px;
width:490px;
}

.usermargin {
float:left;
}

.loggmargin {
float:left;
margin:8px 8px 8px 0px;
}

.rub {
float:left;
margin:0px 5px 0px 0px;
Padding:2px 6px 2px 6px;
height:25px;
max-width:285px;
font-size:20px;
overflow:hidden;
color:#FFF;
background-color:#10263D;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

.rubsml {
float:left;
margin:0px 5px 0px 3px;
Padding:2px 6px 2px 6px;
height:20px;
font-size:16px;
overflow:hidden;
color:#FFF;
background-color:#10263D;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

.rubxsml {
float:left;
margin:0px 5px 0px 1px;
Padding:2px 6px 2px 6px;
height:15px;
max-width:285px;
font-size:12px;
overflow:hidden;
color:#FFF;
background-color:#10263D;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

.mingxsml {
float:left;
margin:-15px 5px 0px 2px;
Padding:2px 6px 2px 6px;
height:15px;
width:140px;
font-size:12px;
overflow:hidden;
color:#FFF;
background-color:#10263D;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

.vipxsml {
float:left;
margin:-5px 5px 0px -5px;
Padding:2px 6px 2px 6px;
height:15px;
font-size:12px;
overflow:hidden;
color:#FFF;
background: url("http://nattklubben.se/img/ebar.png") repeat-x;
width:139px;
text-align:center;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

.mingpic {
float:left;
margin:3px 5px 0px 1px;
Padding:2px 6px 2px 6px;
height:20px;
width:140px;
font-weight:bold;
font-size:16px;
overflow:hidden;
color:#FFF;
background: url("http://nattklubben.se/img/ebar.png") repeat-x;
width:140px;
text-align:left;
}

.contleft {
float:left;
margin:0px;
width:155px;
}

.contmid {
float:left;
margin:0px;
width:524px;
}

.contfull {
float:left;
margin:5px;
width:680px;
}

.meny {
float:left;
width:141px;
padding:5px;
border-color:#777;
border-style: solid;
border-width: 1px;
background: url("http://nattklubben.se/img/meny.png") no-repeat;
background-color:#777777;
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
overflow:hidden;
}

#snabblista {
float:left;
margin:1px 0px 0px 0px;
width:143px;
padding:0px;
}

.linjeb {
margin:0px 0px 0px -4px;
}

.nextbar {
float:right;
margin:2px 0px 5px 0px;
width:524px;
text-align:center;
background-color:#10263D;
color:#FFF;
font-size:12px;
display:inline;
background: url("http://nattklubben.se/img/mbar.png") repeat-x;
}

.prev {
float:left;
}

.next {
float:right;
}

.nextmid {
margin:5px 5px 5px 5px;
}

.topbar {
float:left;
padding:3px 0px 0px 5px;
margin:0px 0px 3px 2px;
width:512px;
height:25px;
font-size:19px;
background: url("http://nattklubben.se/img/topbar.png") no-repeat;
color:#FFF;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
overflow:hidden;
}

.rekbar {
float:left;
margin:9px 0px 0px 10px;
Padding:2px 6px 2px 6px;
height:15px;
font-size:12px;
overflow:hidden;
color:#FFF;
background: url("http://nattklubben.se/img/ebar.png") repeat-x;
width:270px;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

#rekfill {
float:left;
width:10px;
height:100%;
background-color:#999;
margin:-9px 0px 0px 0px;
}

#rekinfo {
width:270px;
margin:5px 0px 0px 15px;
height:100%;
overflow:hidden;
}

#rekdata {
float:left;
margin:-4px 0px 0px 5px;
width:290px;
border-color:#777;
border-style: solid;
border-width: 1px;
overflow:hidden;
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}

#linkdata {
float:left;
margin:0px 5px 5px 0px;
width:153px;
overflow:hidden;
}

#linkfill {
float:left;
width:153px;
margin:0px 0px 0px 0px;
background-color:#999;
overflow:hidden;
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}

#linkinfo {
float:left;
padding:5px;
width:132px;
background-color:#DDD;
}

.space_s {
position:relative;
height:3px;
width:100%;
}

.space_m {
position:relative;
height:5px;
width:100%;
}
 
/* ALL END */

/* --------------CONTENT-------------- */

/* START */

.sf_inactive{
	border:0px #777 solid;
	background:#FFF;
	color:#999;
	background-color:#FFF;
	height:19px;
}

.sf_active{
	border:0px #777 solid;
	background:#FFF;
	color:#000;
	background-color:#FFF;
	height:19px;
}

.sf_text{
	border:0px #777 solid;
	background:#FFF;
	color:#000;
	background-color:#FFF;
	height:19px;
}

.sf_suggestion{
	position:relative;
	font-size:12px;
}
.sf_suggestion ul{
	position:absolute;
	margin:0;
	padding:0;
	background:#FFF;
	top:0;
	left:0;
}
.sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion li a{
	display:block;
	color:#000;
}
.sf_suggestion li.selected a{
	background:#DDD;
}

#start-search {
float:left;
width:505px;
height:41px;
margin:0px 0px 3px 3px;
padding:1px 0px 2px 10px;
background: url("http://nattklubben.se/img/search.png") no-repeat;
color:#FFF;
font-size:11px;
}

#searchfield {
border:0px #777 solid;
background:#FFF;
background-color:#FFF;
height:19px;
}

.searchborder {
border:1px #777 solid;
background:#FFF;
background-color:#FFF;
height:18px;
}

#startpic {
float:left;
width:520px;
height:300px;
margin: 0px 0px 3px 3px;
}

#startcont {
float:left;
width:516px;
height:90px;
margin: -93px 0px 0px 3px;
background: url("http://nattklubben.se/img/bfill.png") repeat;
color:#FFF;
text-align:left;
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}

#startcontrub {
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
margin: 6px 0px 0px 10px;
font-size:19px;
}

#startconttxt {
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
margin: 0px 5px 0px 10px;
font-size:13px;
}

.kicon-left {
float:left;
width:140px;
height:700px;
}

.kicons {
padding:0px 25px 0px 25px;
height:50px;
}

.start-event {
float:right;
margin:0px 0px 0px 2px;
width:522px;
}

.start-pic {
float:left;
width:200px;
height:250px;
background-color:#000;
overflow:hidden;
border:0px;
}

.start-wrap {
float:left;
margin:0px 0px 0px -45px;
}

.icon-wrap {
position:relative;
height:50px;
margin:0px 0px 2px 35px;
}

.icon-clip {
position:absolute;
clip: rect(8px 200px 58px 0px);
left:-10px;
top:-16px;
overflow:hidden;
}

.start-txt {
float:left;
margin:0px 0px 0px 6px;
width:310px;
height:230px;
overflow:hidden;
}

.start-bmeny {
float:right;
display:inline;
margin:0px 0px 3px 2px;
background: url("http://nattklubben.se/img/mbar.png") repeat-x;
width:522px;
}
	
.start-button a {
float:left;
font-size:12px;
color:#FFFFFF;
background-color:transparent;
margin-top:0px;
padding:5px 10px 5px 10px;
text-align:center;
text-decoration:none;
outline: none;
}

.start-button a.selected {
background-color:#555;
}

.start-button a:hover {
background-color:#555;
}

.start-button a:active {
background-color:transparent;
}

.like-button {
float:left;
background-color:transparent;
margin:1px 3px 0px 1px;
height:25px;
}

.share-button {
float:right;
background-color:transparent;
margin:6px 10px 0px 1px;
height:19px;
}

/* START END */


/* EVENT */

.event {
margin:5px;
}

.imgevent {
float:left;
margin:0px 5px 5px 0px;
width:350px;
overflow:hidden;
border:0px;
}

.rubevent {
float:left;
margin:0px 5px 0px 0px;
Padding:2px 6px 2px 6px;
height:25px;
max-width:285px;
font-size:20px;
overflow:hidden;
color:#FFF;
background-color:#10263D;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

.urubevent {
float:left;
margin:0px 5px 0px 3px;
height:20px;
width:285px;
font-size:16px;
overflow:hidden;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

#txtevent {
float:left;
margin:3px;
width:300px;
}

.event-bmeny {
float:left;
display:inline;
margin:3px 0px 0px 0px;
background: url("http://nattklubben.se/img/mbar.png") repeat;
width:350px;
}

/* EVENT END */

/* KLUBB START */

#klubb-left {
float:left;
margin: 0px 5px 5px 0px;
width:210px;
}

#klubb-mid {
float:left;
margin: 0px 5px 5px 0px;
width:260px;
}

#klubb-right {
float:right;
overflow:hidden;
margin-top:30px;
width:200px;
}

#klubb-icon-wrap {
position:relative;
height:115px;
}

#klubb-icon-clip {
position:absolute;
clip: rect(50px 250px 165px 40px);
left:-40px;
top:-50px;
overflow:hidden;
}

#mingelcont {
margin-left:15px;
}

.mingelfill {
float:left;
margin:5px;
width:205px;
height:110px;
}

.bild-clip {
float:left;
margin:2px 0px 0px 2px;
}

a.whitelink {
color:#FFF;
text-decoration:none;
}

#klubb-info-rub {
float:left;
height:16px;
font-size:13px;
overflow:hidden;
color:#000;
text-align:center;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

#klubb-info {
float:left;
border-color:#777;
border-style: solid;
border-width: 1px;
margin:4px 0px 0px 0px;
padding:5px 5px 5px 10px;
width:193px;
overflow:hidden;
}

#klubb-andra {
float:left;
border-color:#777;
border-style: solid;
border-width: 1px;
margin:4px 0px 0px 0px;
padding:5px 5px 5px 10px;
width:193px;
overflow:hidden;
}

.inforuta {
font-weight:bold;
font-size:13px;
color:green;
}

.inforutared {
font-weight:bold;
font-size:13px;
color:red;
}

.inforutasv {
font-weight:bold;
font-size:13px;
color:#000;
}

.klubbev-txt {
float:left;
margin:5px;
overflow:hidden;
}

.lank-info {
float:left;
border-color:#777;
border-style: solid;
border-width: 1px;
margin:5px 0px 5px 0px;
padding:5px;
max-width:300px;
overflow:hidden;
}

.info-space {
margin-top:12px;
height:	41px;
}

.andra-space {
height:	25px;
}

#info-dag {
float:left;
width:30px;
}

#info-tid {
float:left;
width:80px;
text-align:center;
}

#info-alder {
float:left;
width:40px;
text-align:center;
}

#info-intrade {
float:left;
width:40px;
text-align:center;
}

#andra-dag {
float:left;
width:25px;
}

#andra-tid {
float:left;
width:70px;
text-align:center;
}

#andra-alder {
float:left;
width:45px;
text-align:center;
}

#andra-intrade {
float:left;
width:50px;
text-align:center;
}

#info-data {
float:left;
width:190px;
margin-top:10px;
}

.klubb-komment {
float:left;
border-color:#555;
border-style: solid;
border-width: 1px;
margin:4px 0px 0px 0px;
padding:5px;
width:245px;
overflow:hidden;
}

.txtklubb {
float:left;
margin:3px;
width:255px;
}

.klubb-bmeny {
float:left;
display:inline;
margin:3px 0px 0px 0px;
background: url("http://nattklubben.se/img/mbar.png") repeat;
width:210px;
overflow:hidden;
}

/* KLUBB END */


/* SOKMEDLEM START */

.fulltopbar {
float:left;
padding:4px 0px 0px 5px;
margin:0px 0px 4px 0px;
width:669px;
height:25px;
font-size:17px;
background: url("http://nattklubben.se/img/ebar.png") repeat-x;
color:#FFF;
font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
border-top-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
overflow:hidden;
}

.combobar {
float:right;
margin:-3px 0px 0px 0px;
width:520px;
height:21px;
text-align:center;
background-color:#10263D;
color:#FFF;
font-size:12px;
display:inline;
background: url("http://nattklubben.se/img/mbar.png") repeat-x;
padding:2px;
}

a.userpic {
float:left;
padding:1px;
width:129px;
height:190px;
text-decoration:none;
}

a.userpic:hover {
background-color:#10263D;
}

.userpic-txt {
padding:3px;
white-space:nowrap;
text-decoration:none;
color:#FFF;
width:123px;
overflow:hidden;
background-color:#10263D;
background: url("http://nattklubben.se/img/uback.png") 0px 0px repeat-x;
}

#upstadsdel {
display:inline;
}

#bupstadsdel {
display:inline;
}

/* SOKMEDLEM END */


/* MIN PROFIL START */


.minpic {
float:left;
margin:1px;
text-decoration:none;
height:200px;
width:180px;
}

.minleft {
float:left;
margin:0px 0px 20px 0px;
width:190px;
}

.minmid {
float:left;
margin:3px 5px 5px 0px;
padding:10px 30px 10px 30px;
width:390px;
height:147px;
border-color:#777;
border-style: solid;
border-width: 1px;
}

.min-help {
float:right;
width:70px;
height:30px;
margin:-4px 15px 0px 0px;
}

.min-bmeny {
float:left;
display:inline;
margin:3px 0px 0px 0px;
background: url("http://nattklubben.se/img/mbar.png") repeat-x;
width:680px;
}

.min-pmeny {
float:left;
display:inline;
margin:3px 0px 0px 0px;
background: url("http://nattklubben.se/img/mbar.png") repeat-x;
width:675px;
}

#min-content {
float:left;
margin:5px;
width:650px;
}

#min-knappar {
float:left;
margin:-15px 0px 8px 2px;
width:660px;
height:60px;
display:inline;
}

.visapro {
float:right;
margin-right:15px;
}

/* MIN PROFIL END */


/* KONTAKT START */

.sidaleft {
float:left;
width:335px;
margin:5px;
font-size:12px;
}

.sidaright {
float:left;
width:300px;
margin:5px;
padding:10px;
font-size:12px;
border-color:#777;
border-style: solid;
border-width: 1px;
}

/* KONTAKT END */


/* LAGGTILL START */

.laggcenter {
float:left;
width:450px;
margin:10px;
margin-left:100px;
}

.laggtxt {
float:left;
width:450px;
margin:-5px 20px 10px 20px;
}

/* LAGGTILL END */

#map_canvas {
width: 523px;
height:660px;
}


/* --------------WINDOW-------------- */

/* WINDOWS */

#avtal,#blimed,#blivip,#notice,#konversation,#chatwin,#traffas {
position:fixed;
left:50%;
top:50%;
visibility:hidden;
}

#avtal{ z-index:100; margin-left:-280px;margin-top:-240px;background-color:#888;padding:0px 5px 0px 5px; }
#blimed{ background: url("http://nattklubben.se/img/blimed.png") 0px 0px no-repeat;width:485px;height:510px;margin-left:-240px;margin-top:-256px; }
#blivip{ background: url("http://nattklubben.se/img/vipwin.png") 0px 0px no-repeat;width:781px;height:515px;margin-left:-390px;margin-top:-258px; }
#notice{ background: url("http://nattklubben.se/img/notice.png") 0px 0px no-repeat;width:446px;height:199px;margin-left:-223px;margin-top:-99px; }
#konversation{ position:fixed;left:35%;top:50%;visibility:hidden;background: url("http://nattklubben.se/img/konversation.png") 0px 0px no-repeat;width:602px;height:492px;margin-left:-250px;margin-top:-241px; }
#chatwin{ background: url("http://nattklubben.se/img/chatwin.png") 0px 0px no-repeat;width:650px;height:492px;margin-left:-270px;margin-top:-241px; }
#traffas { background: url("http://nattklubben.se/img/traffas.png") 0px 0px no-repeat;width:332px;height:519px;margin-left:-166px;margin-top:-260px; }

#inbox {
	position:fixed;
	width:240px;
	height:405px;
	margin-left:700px;
	top:40px;
	background-color:#DDD;
	visibility:hidden;
	overflow:auto;
}

#privat {
	position:fixed;
	width:240px;
	height:80px;
	margin-left:733px;
	top:40px;
	background-color:#DDD;
	visibility:hidden;
}

#handelse { 
	position:fixed;
	width:150px;
	height:80px;
	margin-left:766px;
	top:40px;
	background-color:#DDD;
	visibility:hidden;
}

#profil {
	z-index:100;
	position:fixed;
	left:62%;
	top:50%;
	background: url("http://nattklubben.se/img/profil.png") 0px 0px no-repeat;
	width:405px;
	height:601px;
	margin-left:0px;
	margin-top:-300px;
	visibility:hidden;
}

#artistwin {
	z-index:100;
	position:fixed;
	left:62%;
	top:50%;
	background: url("http://nattklubben.se/img/profil.png") 0px 0px no-repeat;
	width:405px;
	height:601px;
	margin-left:0px;
	margin-top:-300px;
	visibility:hidden;
}

/* POPWIN START */

.allbox  {
	text-align:left;
	float:left;
	width:99%;
	height:27px;
	margin:1px 1px 0px 1px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	background-color:transparent;
	display:inline;
}

.allbox:hover {
background-color:#555;
}

.inxpic {
float:left;
height:25px;
width:22px;
margin:1px 0px 0px 1px;
}

.tinxpic {
float:right;
height:25px;
width:40px;
margin:1px 0px 0px -40px;
}

.inxonl {
float:left;
height:25px;
width:22px;
margin:1px -8px 0px 1px;
}

.inxbox {
float:left;
height:22px;
width:160px;
padding:5px 0px 0px 5px;
}

.inxtab {
float:right;
height:25px;
width:22px;
margin:1px 0px 0px 1px;
}

.pribox a {
	text-align:left;
	float:left;
	width:228px;
	height:20px;
	margin:1px 1px 0px 1px;
	padding:5px 0px 0px 10px;
	color:#000;
	font-size:13px;
	font-weight:bold;
	background-color:transparent;
}
.pribox a.selected {
background-color:#888;
}
.pribox a:hover {
background-color:#888;
}
.pribox a:active {
background-color:transparent;
}

.ovpribox a {
	text-align:left;
	float:left;
	width:228px;
	height:20px;
	margin:1px 1px 0px 1px;
	padding:5px 0px 0px 10px;
	color:#000;
	font-size:13px;
	font-weight:bold;
	background-color:#FF6600;
}
.ovpribox a.selected {
background-color:#888;
}
.ovpribox a:hover {
background-color:#888;
}
.ovpribox a:active {
background-color:transparent;
}

.hanbox a {
	text-align:left;
	float:left;
	width:138px;
	height:20px;
	margin:1px 1px 0px 1px;
	padding:5px 0px 0px 10px;
	color:#000;
	font-size:13px;
	font-weight:bold;
	background-color:transparent;
}
.hanbox a.selected {
background-color:#888;
}
.hanbox a:hover {
background-color:#888;
}
.selbox a:active {
background-color:transparent;
}


/* POPWIN END */

.orange {color:#FF5500;font-size:16px;font-weight:bold;}

.xwinInside{
	margin:40px;
	text-align:left;
}

.swinInside{
	margin:30px;
	margin-right:45px;
	text-align:left;
}

.winInside{
	margin:35px;
	margin-right:45px;
	text-align:left;
}

.winKryss a {
position:absolute;
margin-left:100%;
display:block;
left:-77px;
margin-top:18px;
background: url("http://nattklubben.se/img/kryss.png") 0px 0px no-repeat;
width: 54px;
height: 35px;
}

.winKryss a:hover { 
background-position: 0px -36px;
}
.winKryss a:active {
background-position: 0px 0px;
}

.xwinKryss a {
position:absolute;
margin-left:100%;
display:block;
left:-78px;
margin-top:19px;
background: url("http://nattklubben.se/img/kryss.png") 0px 0px no-repeat;
width: 54px;
height: 35px;
}

.xwinKryss a:hover { 
background-position: 0px -36px;
}
.xwinKryss a:active {
background-position: 0px 0px;
}

/* WINDOWS END */


/* KONVERSATION START */

#konvtxt { 
	float:left;
	width:390px;
	height:300px;
	margin:5px 0px 0px 0px;
	padding:5px;
	font-size:12px;
	overflow:auto;
	background-color:#EEEEEE;
	border:1px;
	border-color:#000;
}

#messarea {
	float:left;
	width:400px;
	height:410px;
	overflow:hidden;
}

#pichigh {
float:right;
margin:5px -13px 0px 0px;
}

#piclow {
float:right;
margin:83px -13px 0px 0px;
}

#konvinfo {
float:left;
margin:0px 0px 0px 5px;
width:395px;
height:13px;
font-weight:bold;
font-size:11px;
color:#000;
}

#ktabort {
float:left;
margin:0px 0px 0px 5px;
}

#kskicka {
float:right;
margin:0px 5px 0px 0px;
}

.privu {
color:#555;
}

/* KONVERSATION END */


/* CHATWIN START */

.challbox  {
	text-align:left;
	float:left;
	width:99%;
	height:27px;
	margin:1px 1px 0px 1px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	background-color:transparent;
	display:inline;
}

.challbox:hover {
background-color:#888;
}

.ovchallbox  {
	text-align:left;
	float:left;
	width:99%;
	height:27px;
	margin:1px 1px 0px 1px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	background-color:#FF6600;
	display:inline;
}

.ovchallbox:hover {
background-color:#888;
}

#chkonvtxt { 
	float:left;
	width:570px;
	height:330px;
	margin:5px 10px 0px 0px;
	padding:5px;
	font-size:12px;
	overflow:auto;
	background-color:#EEEEEE;
	border:1px;
	border-color:#000;
}

#chmessarea {
	float:left;
	width:580px;
	height:410px;
	overflow:hidden;
}

#chinfo {
float:left;
margin:0px 0px 0px 5px;
width:395px;
height:13px;
font-weight:bold;
font-size:11px;
color:#000;
}

.chati {
float:left;
height:25px;
width:22px;
margin:0px 5px 0px 0px;

}

.chata {
font-weight:bold;
color:#B14701;
}

/* CHATWIN END */


/* BLIMEDLEM START */

#blimed_form {
	position:absolute;
	margin-top:3px;
	margin-left:10px;
	}
	
/* BLIMEDLEM END */


/* BLIVIP START */

a.pretxt {
	font-weight:bold;
	font-size:11px;
	color:#000;
	text-decoration:none;
}
	
a.pretxt:hover {
	color:#000;
}

.vipsep {
	float:left;
	width:340px;
}

.vipsepr {
	margin-top:20px;
	float:right;
	width:340px;
}

.tstval {
	margin:0px 5px 0px 0px;
	Padding:2px 6px 2px 6px;
	height:18px;
	font-weight:bold;
	font-size:14px;
	overflow:hidden;
	color:#000;
	display:inline;
	text-decoration:underline;
}

.preval {
	font-size:13px;
	font-weight:bold;
	display:inline;
	text-decoration:underline;
}

.biggertxt {
	font-size:13px;
	display:inline;
}

#fakt { float:left; display:inline; }

.vstar {
	margin-top:-7px;
}

#vipdata { }
#vippren { display:none; }
#vsteg1 { }
#vsteg2 { display:none; }
#vsteg3 { display:none; }
#faktvilkor { display:none; }
#faktemail { display:none; }

/* TABLE */
.wrapper { 
width:330px; 
} 
.lc { 
width:190px; 
float:left; 
text-align:left; 
} 
.mc { 
width:70px;
height:13px; 
float:left;
text-align:center; 
vertical-align:middle;
} 
.rc { 
width:70px;
height:13px;
float:right; 
text-align:center; 
vertical-align:middle;
}
.flc { 
width:40px; 
float:left; 
text-align:left; 
} 
.fmc { 
width:210px;
height:13px; 
float:left;
text-align:center; 
vertical-align:middle;
} 
.frc { 
width:80px;
height:13px;
float:right; 
text-align:center; 
vertical-align:middle;
} 
hr { 
clear:both; 
display:block; 
visibility:hidden;} 

.boldtxt {
color:#000;
font-size:13px;
text-decoration:none;
font-weight:bold;
}

/* BLIVIP END */

/* PROFIL START */
.artpic {
float:left;
margin:0px 5px 5px 0px;
max-height: 167px;
max-width: 200px;
}

#mPlayer {
height:100%;
}

#mladdar {
float:relative;
margin:20px 0px -40px 0px;
font-size:15px;
}

#proart { 
	float:left;
	width:343px;
	height:490px;
	margin:0px 0px 0px 5px;
	font-size:12px;
	overflow:auto;
	overflow-x:hidden;
}

#arttxt { 
	width:313px;
}

#prowidth {
	float:left;
	width:340px;
}

#prorub { 
	float:left;
	margin:0px 5px 3px 5px;
	Padding:2px 6px 2px 6px;
	height:25px;
	font-size:20px;
	overflow:hidden;
	color:#FFF;
	background-color:#10263D;
	font-family: 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif;
}

#prodata { 
	float:left;
	width:151px;
	height:200px;
	margin:0px -10px 0px 5px;
	overflow:hidden;
	font-size:12px;
}

#proknapp { 
	float:left;
	width:356px;
	margin:2px 0px 0px -11px;
	padding:0px 0px 0px 5px;
	height:25px;
	background: url("http://nattklubben.se/img/mbar.png") repeat-x;
}

#protxt { 
	float:left;
	width:338px;
	height:260px;
	margin:0px;
	padding:5px;
	font-size:12px;
	overflow:auto;
}

/* PROFIL END */


/* KARTA START */

.kartabox {
min-height:	130px;
max-width:300px;
}

.karta-bmeny {
float:left;
display:inline;
margin:3px 0px 0px 0px;
background: url("http://nattklubben.se/img/mbar.png") repeat;
width:300px;
}

.karta-icon {
float:left;
width:95;
height:71;
margin:2px 5px 0px 0px;
}

/* KARTA END */

/* KALENDER DATEPICKER */
/* the div that holds the date picker calendar */
.dpDiv {
	}
 
 
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	}
 
 
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}
 
 
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}
 
 
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}
 
 
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}
 
 
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #999;
	}
 
 
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}
 
 
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #F2F2F2;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}
 
 
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}
 
 
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}
 
 
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}
 
 
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #666666;
	border: 1px solid #CCCCCC;
	color: white;
	}
 
 
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}
 
 
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}
 
 
/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #F2F2F2;
	font-weight: bold;
	padding: 0px;
	}
 
 
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #F2F2F2;
	font-weight: bold;
	}