* {
border: 0px;
margin: 0px;
padding: 0px}

body {
background-color: #fff;
color: #000066;
font: normal 12px Arial, Helvetica, sans-serif}

#container {
margin: 0 auto;
margin-top: 18px;
width: 821px}

#container2 {
margin: 0 auto;
margin-top: 18px;
width: 643px}

#header {
background-image: url(../images/background-menu.png);
background-position: 0 52px;
background-repeat: no-repeat;
height: 123px;
padding: 0 0 6px 0;
width: 820px;}

#top {
height: 56px;
padding: 0 19px 0 0}
	#top .logo-left {
	float: left}
	#top .logo-right {
	float: right}

#menu {
float: left}
	#menu ul {
	list-style: none;
	margin: 17px 0 0 216px
	/*margin: 17px 0 0 216px*/}
	#menu li {
	float: left;
	padding: 4px 9px 0 9px}
		#menu li span {
		color: #30307e;}
			#menu li span a {
			color: #a0a0aa;
			text-decoration: none}
	#menu li.active {
	background: url(../images/background-menu-left.png) left top no-repeat;
	height: 23px;
	margin: 0 0 0 0;
	padding: 0 0 0 0}
		#menu li.active span {
		background: #30307e url(../images/background-menu-right.png) right top no-repeat;
		color: #000066;
		display: block;
		height: 18px;
		margin: 0 0 0 2px;
		padding: 4px 9px 1px 7px}
			#menu li.active span a, #menu li span a:hover {
			color: #fff;
			text-decoration: none}
	#menu li.submenu {
		width:90px;
		margin: 21px 0 0 -84px;
		padding: 0}
	#menu li.submenu2 {
		width:87px;
		margin: 21px -87px 0 0;
		padding: 0}
		#menu li.submenu, #menu li.submenu2 {
		background: url(../images/background-menu-left.png) left top no-repeat;
		height: 23px;}
		#menu li.submenu span {
		background: #30307e url(../images/background-submenu-right.png) right top no-repeat;
		display: block;
		height: 19px;
		margin: 0 0 0 0;
		padding: 3px 9px 1px 9px}
		#menu li.submenu2 span {
		background: #30307e url(../images/background-submenu-right.png) right top no-repeat;
		display: block;
		height: 19px;
		margin: 0 0 0 -2px;
		padding: 3px 9px 1px 7px}
			#menu li.submenu span a, #menu li.submenu2 span a {
			color: #a0a0aa}
			#menu li.submenu span a:hover, #menu li.submenu span a.active,
			#menu li.submenu2 span a:hover, #menu li.submenu2 span a.active {
			color: #fff}

#search {
float: left;
margin: 19px 0 0 20px}
	#search .field {
	float: left}
		#search .field input {
		background: url(../images/input-search.png) top left no-repeat;
		height: 19px;
		width: 116px}
	#search .button {
	float: left;
	margin: 0 0 0 3px}
		#search .button input {
		background: url(../images/button-search.png) top left no-repeat;
		height: 22px;
		width: 28px}

#logout {
float: right;
padding: 4px 0 0 0;
width: 19px}

#content {
width: 821px;
padding: 0 19px 0 0}

#content-left {
float: left;
width: 575px}
	#content-left .puff {
	padding: 0 0 9px 0}
	#content-left .puff2 {
	float: left;
	padding: 0 11px 9px 0}
	#content-left .puff3 {
	float: right;
	padding: 0 0 9px 0}
	#content-left .puff4 {
	padding: 0 0 3px 0}
	#content-left p {
	padding: 0 0 9px 0}
	#content-left p.terms {
	font-size: 9px;
	margin: 0 0 0 3px}
		#content-left p.terms a {
		color: #0099FF;}
		
	#content-left .left-col {
	float: left;
	width: 190px}
		#content-left .left-col p.header {
		background: url(../images/header-left.png) top left no-repeat;
		height: 30px;
		margin: 0 0 0 0;
		padding: 0 0 10px 0}
		#content-left .left-col p.header span {
		background: url(../images/header-right.png) top right no-repeat;
		color: #fff;
		display: inline-block;
		font-size: 10px;
		font-weight: bold;
		height: 30px;
		margin: 0 0 0 7px;
		padding: 8px 0 0 5px;
		width: 176px}
		#content-left .left-col p.event {
		border-bottom: 1px solid #cccccc;
		font-size: 11px;
		height: 25px;
		margin: 0 10px 10px 5px;
		padding: 0 0 0 0}
			#content-left .left-col p.event span {
			padding: 0 4px 0 4px}
			#content-left .left-col p.event a {
			color: #000066}
				#content-left .left-col p.event a:hover {
				text-decoration: none}
			#content-left .left-col p.event a.active {
			font-weight: bold}			
			
	#content-left .right-col {
	float: right;
	width: 371px}
		#content-left .right-col p.header {
		background: url(../images/header-left.png) top left no-repeat;
		height: 30px;
		padding: 0 0 10px 0}
		#content-left .right-col p.header span {
		background: url(../images/header-right.png) top right no-repeat;
		color: #fff;
		display: inline-block;
		font-size: 10px;
		font-weight: bold;
		height: 30px;
		margin: 0 0 0 7px;
		padding: 8px 0 0 5px;
		width: 358px}
		#content-left .right-col h1 {
		font-size: 12px;
		padding: 0 0 10px 11px}
		#content-left .right-col p {
		margin: 0 0 0 0;
		padding: 0 0 20px 11px}
		#content-left .right-col p a {
		color: #000066;
		font-size: 11px}
		
		#content-left .right-col hr {
		    color: #000066;
		    height:2px;		
		}
		
		/** Events **/
		#content-left .right-col .thumbs {
		margin: 0 0 0 11px;
		padding: 0 0 10px 0;}
			#content-left .right-col .thumbs img {
			float: left;
			padding: 0 10px 5px 0;
			width: 79px}
		
		/** Min sida **/
		#content-left .minsida {
		background: url(../images/background-double.png) bottom left no-repeat;
		height: 224px;
		margin: 0 0 9px 0;
		width: 573px}
			#content-left .minsida p.top {
			background: url(../images/background-double-top.png) top left no-repeat;
			height: 3px}
			#content-left .minsida p.header {
			background: url(../images/background-double-header.png) top left no-repeat;
			color: #fff;
			font-size: 10px;
			font-weight: bold;
			height: 20px;
			margin: -5px 0 0 5px;
			padding: 3px 0 0 7px}
			#content-left .minsida p.image {
			float: left;
			height: 177px;
			padding: 6px 0 0 12px;
			width: 168px}
			#content-left .minsida .form-left {
			float: left;
			font-size: 11px;
			font-weight: bold;
			margin: 7px 0 0 10px;
			width: 182px}
			#content-left .minsida .form-right {
			font-size: 11px;
			font-weight: bold;
			margin: 7px 6px 0 0;
			float: right;
			width: 183px}
				#content-left .minsida .form-left p, #content-left .minsida .form-right p {
				min-height: 18px;
				margin: 0 0 2px 0;
				padding: 0px}
					#content-left .minsida .form-left p a, #content-left .minsida .form-right p a {
					color:#000066}
					#content-left .minsida .form-left p a:hover, #content-left .minsida .form-right p a:hover {
					text-decoration: none}
				#content-left .minsida .form-left span.label, #content-left .minsida .form-right span.label,
				#content-left .minsida .form-left span.label2, #content-left .minsida .form-right span.label2 {
				color: #000066;
				font-size: 11px;
				font-weight: normal;
				float: left;
				width: 65px}
				#content-left .minsida .form-left span.label, #content-left .minsida .form-right span.label {
				min-height: 18px}
				#content-left .minsida .uneditable {
				color: #666666;}
				#content-left .minsida .form-left input, #content-left .minsida .form-right input {
				border: 1px solid #ccc;
				font-size: 11px;
				padding: 1px 0 1px 2px;
				width: 108px}
				#content-left .minsida .form-right select {
				border: 1px solid #ccc;
				font-size: 11px;
				width: 110px}
				#content-left .minsida p.change {
				margin: 10px 0 0 0}	
			#content-left .left-col p.upload {
			margin: 0 0 0 5px}
			#content-left .left-col p.recommended {
			margin: 0 0 0 5px;
			font-size: 10px;
			padding: 0 0 5px 0}
			#content-left .left-col p.thumbs {
			float: left;
			width: 79px;
			padding: 0 5px 10px 8px}
		#content-left .right-col textarea {
		border: 1px solid #eee;
		margin: 0 0 20px 4px;
		width: 355px;
		overflow: auto; 
		font-family: sans-serif,monospace; 
		font-size: 12px;
		padding: 2px}
		
	/** Min sida 2 **/
		#content-left .minsida2 {
		background: url(../images/background-double2.png) bottom left no-repeat;
		margin: 0 0 9px 0;
		padding:0px 0px 1px 0px;
		width: 573px}
			#content-left .minsida2 p.top {
			background: url(../images/background-double-top.png) top left no-repeat;
			height: 3px}
			#content-left .minsida2 p.header {
			background: url(../images/background-double-header.png) top left no-repeat;
			color: #fff;
			font-size: 10px;
			font-weight: bold;
			height: 20px;
			margin: -7px 0 0 5px;
			padding: 4px 0 0 7px}
			#content-left .bonus p.image {
			float: left;
			height: 177px;
			padding: 6px 0 0 12px;
			width: 168px}
			#content-left .bonus .form-left {
			float: left;
			font-size: 11px;
			font-weight: bold;
			margin: 7px 0 0 10px;
			width: 182px}
			#content-left .bonus .form-right {
			font-size: 11px;
			font-weight: bold;
			margin: 7px 6px 0 0;
			float: right;
			width: 183px}		
				#content-left .bonus .form-left p, #content-left .bonus .form-right p {
				min-height: 18px;
				margin: 0 0 2px 0;
				padding: 0px}
					#content-left .bonus .form-left p a, #content-left .bonus .form-right p a {
					color:#000066}
					#content-left .bonus .form-left p a:hover, #content-left .bonus .form-right p a:hover {
					text-decoration: none}
				#content-left .bonus .form-left span.label, #content-left .bonus .form-right span.label,
				#content-left .bonus .form-left span.label2, #content-left .bonus .form-right span.label2 {
				color: #000066;
				font-size: 11px;
				font-weight: normal;
				float: left;
				width: 65px}
				#content-left .bonus .form-left span.label, #content-left .bonus .form-right span.label {
				min-height: 18px}
				#content-left .bonus .uneditable {
				color: #666666;}
				#content-left .bonus .form-left input, #content-left .bonus .form-right input {
				border: 1px solid #ccc;
				font-size: 11px;
				padding: 1px 0 1px 2px;
				width: 128px}
				
				div.biljettnr	{ float:left;
								  display:block;
								  /*width:182px;*/
								  width:140px;
								  color: #666666; }
				div.biljettnr h2	{ margin:0px !important;
									  padding:0px !important;
									  color: #000066;
									  font:bold 11px Arial, Verdana, Helvetica, sans-serif; }
									  
				div.biljettnr input	{ /*width:162px*/ width:120px !important; }
				
				div.flygkod	{ float:left;
							  display:block;
							  /*width:112px;*/
							  width:130px;
							  color: #666666; }
							  
				div.flygkod h2	{ margin:0px !important;
								  padding:0px !important;
								  color: #000066;
								  font:bold 11px Arial, Verdana, Helvetica, sans-serif; }
								  
				div.flygkod input	{ /*width:92px*/ width:110px !important; }
				
				div.pris	{ float:left;
							  display:block;
							  /*width:132px;*/
							  width:160px;
							  color: #666666; }
							  
				div.pris h2	{ margin:0px !important;
							  padding:0px !important;
							  color: #000066;
							  font:bold 11px Arial, Verdana, Helvetica, sans-serif; }
							  
				div.pris input	{ /*width:112px*/width:140px !important; }
								  
				div.btn	{ float:left;
						  display:block;
						  width:100px; }	
				input.savebtn { width: 98px !important;
								margin:12px 0px 0px 0px;
								border:none !important;
						  		background:none !important; }
								
				input.changebtn { border:none !important;
						  		  background:none !important;
						  		  width:100px !important; 
						  		  height:21px; }

				div.totalsumma	{ float:left;
								  display:block;
								  /*width:294px;*/
								  width:270px;
								  color: #666666; }								  
				div.divider { border-bottom:1px solid #ccc; }								 
	/** Partners **/
	#content-left .partner {
	background: url(../images/background-partner.png) bottom left no-repeat;
	margin: 1px 0 8px 0;
	min-height: 120px;
	width: 573px}
		#content-left .partner p.top {
		background: url(../images/background-partner-top.png) top left no-repeat;
		height: 15px;
		margin: 0 0 0 0;
		padding: 0;
		width: 573px}
		#content-left .partner p.logo {
		display: block;
		float: left;
		min-height: 110px;
		margin: 0;
		text-align: center;
		top: 50%;
		width: 190px}
		#content-left .partner h2 {
		font-size: 11px;
		margin: 0 0 0 200px;
		padding: 0 0 10px 0}
		#content-left .partner p {
		font-size: 10px;
		margin: 0 0 0 200px;
		padding: 0 15px 10px 0}
		#content-left .partner p a {
		color: #000066;
		font-weight: bold;
		text-decoration: none}
		#content-left .partner p.link {
		margin: 0 0 0 200px;
		padding: 0 0 5px 0}
		
	/** Medlemmar **/
	#content-left .left-col .search {
	background: url(../images/background-search.png) top left repeat-y;
	min-height: 20px;
	margin: 0 0 9px 0}
		#content-left .left-col .search .top {
		background: url(../images/background-search-top.png) top left no-repeat;
		height: 5px;
		margin: 0px;
		padding: 0px}
		#content-left .left-col .search h2 {
		background: url(../images/background-search-header.png) top left no-repeat;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		height: 17px;
		margin: 0 0 0 5px;
		padding: 3px 0 15px 7px}
		#content-left .left-col .search p {
		margin: 0 0 0 12px;
		padding: 0 0 10px 0}
		#content-left .left-col .search input {
		background: url(../images/input-search2.png) top left no-repeat;
		color: #000066;
		height: 17px;
		padding: 1px;
		width: 160px}
		#content-left .left-col .search input.button {
		background: url(../images/button-login.png) top left no-repeat;
		float: right;
		height: 19px;
		margin: 0 15px 0 0;
		width: 28px}
		#content-left .left-col .search .bottom {
		background: url(../images/background-search-bottom.png) bottom left no-repeat;
		height: 2px;
		margin: 0px;
		padding: 0px}
	#content-left .right-col .members {
		border-bottom: 1px solid #ccc;
		height: 130px;
		margin: 0 0 0 0;
		padding: 0 0 0 0}
		#content-left .right-col .members img {
		float: left;
		height: 115px;
		padding: 7px 0 0 5px;
		width: 115px}
		#content-left .right-col .members h3 {
		font-size: 11px;
		font-weight: bold;
		padding: 10px 0 0 0;
		margin: 0 0 0 130px}
		#content-left .right-col .members p {
		font-size: 11px;
		padding: 0;
		margin: 0 0 0 130px}
		
	#content-left .right-col .paging {
	float: right;
	width: 371px}
	#content-left .right-col .paging p {}
	#content-left .right-col .paging p span {
	font-size: 11px;
	padding: 0 10px 0 0}
	#content-left .right-col .paging p span.extra {
	padding: 0 10px 0 10px}
	#content-left .right-col .paging p span img {
	padding: 15px 0 0 0}

#content-right {
float: right;
padding: 0 21px 0 0;
width: 218px}
	#content-right .login {
	background: url(../images/background-login.png) top left repeat-y;
	min-height: 200px;
	margin: 0 0 12px 0}
		#content-right .login .top {
		background: url(../images/background-login-top.png) top left no-repeat;
		height: 5px;
		margin: 0px;
		padding: 0px}
		#content-right .login h2 {
		background: url(../images/background-login-header.png) top left no-repeat;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		height: 18px;
		margin: 0 0 20px 5px;
		padding: 3px 0 0px 7px !important}
		#content-right .login p {
		height:25px;
		margin: 0 0 0 0px;
		padding: 0 0 10px 12px;}
		#content-right .login input {
		background: url(../images/input-login.png) top left no-repeat;
		color: #000066;
		height: 17px;
		padding: 1px;
		width: 196px;
		margin:0px !important;}
		#content-right .login .password {
		float: left;
		display:block;
		width:168px;
		font-size: 11px;
		margin: 4px 0 0px 0px; }
			#content-right .login .password a {
			color: #000066}
		#content-right .login input.button {
		background: url(../images/button-login.png) top left no-repeat;
		float: left;
		height: 19px;
		margin: 0 12px 0 0px;
		width: 28px}
		#content-right .login hr {
		border-bottom: 1px solid #ccc;
		height: 1px;
		margin: 10px 8px 15px 12px;}
		#content-right .login .registry {
		float: left;
		font-size: 16px;
		font-weight: bold;
		margin: 0 0 0 12px;
		padding: 0 0 15px 0;}
		#content-right .login p.button {
		float: right;
		margin: 0 10px 0 0}
		#content-right .login .bottom {
		background: url(../images/background-login-bottom.png) bottom left no-repeat;
		height: 2px;
		margin: 0px;
		padding: 0px}
	#content-right .puff {
	padding: 0 0 9px 0}
	#content-right .puff2 {
	padding: 0 0 9px 0}
	
	#passwordsender .login {
	margin: 0 0 9px 0}
		#passwordsender .login .top {
		background: url(../images/background-login-top.png) top left no-repeat;
		height: 5px;
		margin: 0px;
		padding: 0px}
		#passwordsender .login h2 {
		background: url(../images/background-login-header.png) top left no-repeat;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		height: 17px;
		margin: 0 0 0 5px;
		padding: 3px 0 20px 7px}
		#passwordsender .login p {
		margin: 0 0 0 12px;
		padding: 0 0 10px 0}
		#passwordsender .form-left .login input {
		background: url(../images/input-login.png) top left no-repeat;
		color: #000066;
		height: 17px;
		padding: 1px;
		width: 196px}
		#passwordsender .login .password {
		float: left;
		font-size: 11px;
		margin: 4px 0 0 12px}
			#passwordsender .login .password a {
			color: #000066}
		#passwordsender .login input.button {
		background: url(../images/button-login.png) top left no-repeat;
		float: right;
		height: 19px;
		margin: 0 10px 0 0;
		width: 28px}
		#passwordsender .login hr {
		border-bottom: 1px solid #ccc;
		height: 1px;
		margin: 10px 8px 15px 12px;}
		#passwordsender .login .registry {
		float: left;
		font-size: 16px;
		font-weight: bold;
		margin: 0 0 0 12px;
		padding: 0 0 15px 0}
		#passwordsender .login p.button {
		float: right;
		margin: 0 10px 0 0}
		#passwordsender .login .bottom {
		background: url(../images/background-login-bottom.png) bottom left no-repeat;
		height: 2px;
		margin: 0px;
		padding: 0px}
	

img {
position: relative}

.uploadDiv
{
    /*border:solid 1px black;*/
    position:absolute;
    left:400px;
    top:250px;
    width:350px;
    height:150px;
    display:none;
    z-index:10000;
    padding-left:30px;
    padding-top:50px;
	background: url(../images/inlog2.png) no-repeat 0px 0px;}
.uploadDiv .passtextfield { width:165px;
							padding:2px 5px;
							border:1px solid #999;
							background:#fff; }	

#inlogtop	{ width:643px;
			  height:68px;
			  background: url(../images/inlogtop.png) no-repeat 0px 0px; 	}

#inlog	 { width:553px;
		   height:225px;
		   margin:10px 0px 0px 0px;
		   padding:40px 45px;
		   background: url(../images/inlog.png) no-repeat 0px 0px; 	}	
#inlog h1	{ margin:0px 0px 20px 0px;
			  color:#006;	}	
#inlog p	{ margin:0px 0px 20px 0px;
			  color:#006;	
			  font-size:13px; }	
#inlog h2	{ margin:0px 0px 20px 0px;
			  color:#006;	}	
			  
span.jobb1 { float:left;
			 display:block;
			 width:182px;
			 margin:0px 10px 0px 0px; }	  
			 
	div.jobbimg { float:left;
				  display:inline;
				  width:80px;
				  height:80px;
				  margin:0px 20px 0px 0px; }	
				  
		div.jobbimg img { display:block;
						  width:80px;
						  height:80px; }	

	div.jobbtext { float:left;
				   display:inline;
				   width:80px;
				   height:80px;
				   margin:0px -10px 0px 0px; 
				   font-size: 11px; }	
span.jobb2 { float:left;
			 display:block;
			 width:260px;
			 margin:0px 10px 0px 0px; }
	span.jobb2 p { font-size: 11px;  }		
			 	
span.jobb3 { float:left;
			 display:block;
			 width:90px; }	
	span.jobb3 p { font-size: 11px;  }		  
	
	
.bonuslist {list-style-position:inside}

.bonuslist li {clear:both;}

.bonusname {display:inline-block;width:150px}
.bonuspoints {display:inline-block;width:75px;}
	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */