/* ------------------------------------- */
/* NOLLSTÄLLA MARGINALER				 */
/* ------------------------------------- */
	body,
	h1, h2, h3, h4
	p, ul, li, table
	form, input, select {
		border:0px;
		margin:0px;
		padding:0px}




/* ------------------------------------- */
/* STANDARD HTML DEFINIERING			 */
/* ------------------------------------- */
	html, body {height:101%;}
	
	body {
		background-image: url('img/background.jpg');
		background-color: #fbf7f1;
		margin:0px;}
	
	
	a, p, td, th, 
	input, .input, select, textarea,
	span, div {
		color:#743d23;
		font-family: "Lato", "Times", "Geneva";
		font-size:13px;
		font-weight:lighter;}
		
	.smallText {
		font-size:11px;}
	
	
	input, select, textarea {
		background:#ffffff;
		border:1px #c79a49 solid;
		display:block;
		margin-left: auto;
	    margin-right: auto;
		width:90%;
		margin-bottom:4px;}
		
		h2 input, h2 select, h2 textarea {
			margin-left:0px;}
		
		input:hover, select:hover, textarea:hover {
			background:#ffffff;}
		
		input:active, textarea:active {
			background-image:url('img/transBack_gr40.png');
			color:#ffffff;}
			
		input[type='checkbox'], input[type='radio'] {
			display:inline;
			width:20px;}
		
		input[type='submit'], input[type='button'] {
			display:block;
			background:#f4fcf2;
			border:1px outset #aaaaaa;
			padding:1px;}
	
	
	table {width:100%;margin-top:20px;}
	table.alternate tr:nth-child(odd) {background-image:url('img/transBack_ye20.png');}
	table.alternate tr:nth-child(even) {background-color:transparent ;}
	table.alternate tr:hover {background-image:url('img/transBack_gr40.png');}
	table.sortTable th {cursor:pointer;}
	th {font-weight:bold;text-align:left;vertical-align:top;}
	
	li {list-style-type: none;}
	p {margin-bottom:20px;}
	
	a:link {color:#c95e2a;text-decoration:none;border:0px;}
	a:visited {color:#c95e2a;text-decoration:none;}
	a:hover {color:#c95e2a;text-decoration:underline;}
	a:active {color:#c95e2a;text-decoration:none;}
	a .targetTab {target-new:tab;}
	
	strong {font-weight:900;}
	
	fieldset {border:0px;}
	
	.placeholder44 {color:#cccccc;}




/* ------------------------------------- */
/* RUBRIKER								 */
/* ------------------------------------- */
	h1, h2, h3 {margin:0px; font-family:"Paytone one";text-shadow: 1px 1px 0 #fff;}
	
	h1 {color:#c95e2a; font-size:24px;}
		h1 a:link, a:visited {color:#c95e2a; font-size: 12px;}
		.h1small {font-size: 14px; font-weight:bold;}
	
	h2 {
		color:#743d23;
		font-size: 15px;
		margin-bottom:14px;
		padding:0px;
		position:relative;
		top:9px;
		width:100%;
		border-bottom:#743d23 dotted 2px;}
		
		h2 a:link, a:visited {color:#c95e2a; font-size: 15px;}
		.h2small {font-size: 12px; font-weight:normal;}
	
	h3 {
		color:#000000;
		font-size: 12px;
		font-weight:bold;
		margin-top:14px;
		padding:0px;}
	
	.subHead {
		position:relative;
		font-size:14px;
		color:#3857bb;
		font-weight:bold;
		top:-15px;}
	
	





/* ------------------------------------- */
/* LAYOUTEN								 */
/* ------------------------------------- */
		
	#pageBackgroundTop {
		position:absolute;
		background-image: url('img/backgroundTop.jpg');
		background-repeat:no-repeat;
		top:0px;
		width:100%;
		height:284px;
		z-index:2;}
	
	#pageTop {
		color:#ffffff;
		position:relative;
		margin:auto;
		height:124px;
		clear:both;}
	
	#tv {
		position:absolute;
		left:-12px;
		top:-35px;
		width:95px;
		height:148px;
		z-index:30;}
				
	#logut {
		color:#ffffff;
		position:absolute;
		right:0px;
		top:-1px;
		z-index:25;}
		
	#logo {
		position:absolute;
		top:15px;
		left:331px;
		width:364px;
		height:27px;
		z-index:7;}
	
	#page {
		box-shadow:-2px 0px 38px #5b2d1b;
		position:relative;
		margin:auto;
		background-image: url('img/middleBack.png');
		padding-left:20px;
		padding-right:20px;
		width:876px;
		clear:both;
		z-index:5;}
	
	#pageBottom {
		position:relative;
		margin:auto;
		height:138px;
		width:1000px;
		text-align:center;
		padding-top:45px;
		padding-bottom:40px;
		clear:both;}
		
		
	#bottomBorder {
		position:absolute;
		left:0px;
		top:-17px;}
	

	#tooltip {
		display:none;
		background-color:#fafafa;
		background-image: url('img/background.jpg');
		border:2px ridge #000000;
		box-shadow:0px 0px 16px #ffffff;
		height:240px;
		overflow-y: scroll;
		padding:10px;
		position:absolute;
		width:340px;
		z-index:71;}
		
		#tooltip img {
			float:left;
			padding:0px 12px 12px 10px;
			width:160px;}

	.formTooltipMessage {
		font-size:20px;
		position:relative;
		text-align:center;
		top:100px;
		width:100%;}



/* ------------------------------------- */
/* MENYN								 */
/* ------------------------------------- */
	#menu {
		background-image:url('img/menuBack.png');
		color:#ffffff;
		position:absolute;
		top:54px;
		left:-34px;
		margin:auto;
		width:944px;
		height:37px;
		text-align: center;
		font-family:"Paytone one";
		font-size:16px;
		font-weight:bold;
		padding-top:5px;
		z-index:20;}
	
		#menu a:link {font-size:15px;color:#ffffff;font-family:"Lato";}
		#menu a:visited {font-size:15px;color:#ffffff;font-family:"Paytone one";}
		#menu a:hover {color:#ffff00;text-decoration:none;}
		#menu img {border:0px;}
		#menu input {position:relative;width:100px;}	
		#menu ul {margin:auto;}
		#menu li {position:relative;display:inline;padding-left:20px;padding-right:20px;}
		#menu span {color:#ffffff;}
		
		.menuBL {border-left:1px solid #628fb1;}
		.menuBR {border-right:1px solid #628fb1;}
		
		.subMenu {
			display:none;
			white-space:nowrap;
			float:left;
			position:absolute;
			top:33px;
			left:0px;
			z-index:22;
			background:#34678e;
			padding:4px;
			text-align: left;
			box-shadow:2px 2px 7px #7b4d3b;}
			
		.subMenu a {
			display:block;
			height:20px;
			overflow:hidden;
			clear:both;
			border-bottom:1px solid #628fb1;
			padding-bottom:5px;
			padding-top:5px;
			padding-left:17px;
			padding-right:17px;}		





/* ------------------------------------- */
/* TITELSIDAN							 */
/* ------------------------------------- */
	#titleImages {
		width:660px;
		height:119px;
		position:relative;}
	
	#titleImagesScrollLeft {
		position:relative;
		top:5px;
		float:left;
		left:-12px;
		z-index:30;
		cursor:w-resize;}
	
	#titleImagesScrollRight {
		position:relative;
		top:5px;
		float:right;
		left:16px;
		z-index:30;
		cursor:e-resize;}
	
	#titleImagesContent {
		position:absolute;
		overflow:hidden;
		width:100%;
		height:80px;}
		
		#titleImagesContent img {
			float:left;
			margin:5px;
			cursor:pointer;}
	
	#titleImagesContentImages {
		position:relative;
		width:5000px;
		height:100%;
		left:0px;	}
		
	#scoreStars {
		position:relative;
		float:left;
		margin-bottom:10px;
		width:360px;
		color:#3857bb;}
		
		#scoreStars img {
			cursor:pointer;}
	
	#scoreText {
		width:284px;
		float:left;
		top:7px;
		position:relative;}
		
		#scoreText span {
			margin-left:35px;}
		
	#scoreStarsNumberTitle {
		position:absolute;
		text-align:center;
		top:-14px;
		width:10px;
		height:0px;
		z-index:11;}
	
	#scoreOptions {
		background-image: url('img/scoreOptions.png');
		clear:both;
		display:none;
		position:relative;
		float:left;
		overflow:hidden;
		text-align: right;
		padding-left:10px;
		padding-right:10px;
		position:relative;
		width:100%;}
	
		#scoreOptions select {
			width:110px;}	
			
		#scoreOptions label, input, select {
			clear:none;
			float:right;}
	
	.titleMaxHeight {
		max-height:140px;
		overflow:auto;
		overflow-x:hidden;}
		
	#titleShelfContent {
		clear:both;}
		
	#titleUpdated {
		background:#22ff00;
		position:absolute;
		top:44px;
		left:6px;
		width:10px;
		height:10px;
		border-radius: 10px}
		
	#checklist {
		position:relative;
		top:0px;
		left:3px;}
		
	
/* ------------------------------------- */
/* POPUP-BILD							 */
/* ------------------------------------- */
	#picPreview {
		display:none;
		position:absolute;
		width:100%;
		min-height:100%;
		background-image:url('img/grey60.png');
		text-align:center;
		z-index:100;
		cursor:pointer;
	}
	
	#picPreview img {
		border:10px #ffffff solid;
		max-width:80%;
		max-height:90%;
	}









/* ------------------------------------- */
/* SNACK & TIPS & CHAT					 */
/* ------------------------------------- */

	.chatParent {
		width:100%;
		clear:both;}
	
		.chatParent img {
			width:22px;
			height:32px;
			margin-right:6px;
			float:left;
			border:0px;}
	
	.chatChild {
		width:80%;
		position:relative;
		left:15%;
		margin:4px;
		clear:both;
		background-image: url('img/transBack_ye20.png');
		border:1px dotted #e5be81;
		border-radius:4px;
		padding:6px;}
	
		.chatChild img {
			width:22px;
			height:32px;
			margin-right:6px;
			float:left;
			border:0px;}
		
		.chatChild p {
			padding:3px;}
	
	.hiddenChatChilds {
		width:100%;
		left: 15%;
		display:none;}
	
	.chatShowChilds {
		position:relative;
		width:85%;
		left:15%;}
		
	.newChat {background:#b8ed95;}
	
	#groupChatLinks {
		float:right;
		position:relative;
		top:-4px;
		width:500px;}
		
	.groupRepostChat {
		float:right;
		visibility:hidden;}
		
	.chatParent:hover .groupRepostChat {
			visibility: visible;}
			
	.chatChild:hover .groupRepostChat {
		visibility: visible;}
		
	.chatQuote {
		border:1px dotted #e5be81;
		clear:both;
		color:#666666;
		float:right;
		left:-4px;
		margin-left:5%;
		padding:4px;
		position:relative;
		top:-15px;
		width:95%;}
		
		.chatQuote a {
			color:#cb8563;}
		
		
		
/* ------------------------------------- */
/* FORUM								 */
/* ------------------------------------- */		
		.forumTopic {
			background-image:url('img/transBack_ye20.png');
			border:1px dotted #e5be81;
			border-radius:4px;
			margin:10px;
			padding:6px;
			width:95%;}
			
			.forumTopic:hover {
				background-image:url('img/transBack_gr40.png');}
		
			.forumTopic img {
				width:22px;
				height:32px;
				margin-right:6px;
				float:left;
				border:0px;}
				
			.forumTopic span {
				float:right;}
			
		#forumForm {
			width:100%;}
			
		#forumForm textarea, #forumForm input  {
			margin-left:auto;
			margin-right:auto;
			width:60%;}
			
		.paging {
			background-image:url('img/transBack_ye20.png');
			margin:2px;
			padding:4px;}
			
			.paging:hover {
				background-image:url('img/transBack_gr40.png');}
		
		.newMessages {
			border:2px double #93bd76;}

/* ------------------------------------- */
/* BOXART								 */
/* ------------------------------------- */

	.titleDiv {
		position:relative;
		float: left;
		margin:11px;
		height: 200px;
		width: 85px;
		text-align: center;
		z-index:10;}
		
		.titleDiv img {width:85px; height:124px;}
	
	.titleDivScore {
		position:absolute;
		left:-6px;
		top:-6px;
		z-index:12;}
		
		.titleDivScore img {width:32px; height:32px;}
	
	.titleDivType {
		position:absolute;
		left:-6px;
		top:-6px;
		z-index:12;}
		
		.titleDivType img {width:18px; height:18px;}
		
	.titleDivPlatform {
		position:absolute;
		right:2px;
		top:2px;
		background:#ffffff;
		font-size:9px;
		padding-left:2px;
		padding-right:2px;
		z-index:12;
		color:#000000;}
	
	.titleDivTopTitle {
		position:absolute;
		left:2px;
		top:113px;
		background:#cfbd06;
		color:#ffffff;
		width:17px;
		height:11px;
		text-align: center;
		font-size:10px;
		border:1px dashed #ffffff;
		z-index:12;}
	
	.titleDivProcess {
		position:absolute;
		background-image: url('img/process2.png');
		height:124px;
		z-index:11;}
		
		
		
		
/* ------------------------------------- */
/* MEDLEMSSIDAN							 */
/* ------------------------------------- */		
	.titleStatsBarParent {
		position:relative;
		top:60px;
		height:60px;}

	.titleStatsBarChild {
		position:absolute;}

	.titleStatsBar {
		position:relative;
		float:left;
		background:#5c7cc3;
		width:16px;}
		
		
/* ------------------------------------- */
/* NEWSFEED								 */
/* ------------------------------------- */		
	.newsfeed {
		background:transparent;}
		
		.newsfeed:hover {
			background-image:url('img/transBack_gr40.png');}
			
		.newsfeed:hover .deleteFromNewsfeed {
			visibility: visible;}

	.deleteFromNewsfeed {
		visibility: hidden;
		float:right}
		
				
				
	.groupRepostChat {
		visibility: hidden;
		float:right}


/* ------------------------------------- */
/* GRUPP								 */
/* ------------------------------------- */		
	#groupText {
		clear:both;}
		
		#groupText img {
			float:right;
			height:120px;}
		
		
/* ------------------------------------- */
/* ANTECKNINGAR							 */
/* ------------------------------------- */		
	#memberNote {
		height:400px;
		width:99%;}
		
		
/* ------------------------------------- */
/* INLOGGNING							 */
/* ------------------------------------- */		
	#username, #password, #loginSubmit {
		width:200px;}
		
	#autoLogin {
		width:30px;}	
		
		


/* ------------------------------------- */
/* FORMERRORRUTAN						 */
/* ------------------------------------- */			

	.error {
		height:15px;
		background-color: #d30009;
		border:1px solid #d30009;
		color:#ffffff;
		padding:3px 10px;
		margin-left:-2px;
		z-index:1001;
		border-radius:4px;
		box-shadow:1px 0px 6px #444444;}
	
	.error p {
		color:#ffffff;
		font-size:11px;
		position:relative;
		top:-12px;}
	
	.error em {
		display:block;
		width:0;
		height:0;
		border:10px solid;
		border-color:#d30009 transparent transparent;
		position:absolute;
		bottom:-17px;
		left:60px;}




/* ------------------------------------- */
/* TABS									 */
/* ------------------------------------- */	
	ul.tabs {  
		margin:0 !important; 
		padding:0;
		height:30px;
		border-bottom:2px dotted #743d23;}
	
	ul.tabs li {  
		float:left;	 
		padding:0; 
		margin:0;  
		list-style-type:none;}
	
	ul.tabs a { 
		float:left;
		font-size:13px;
		display:block;
		padding:4px 30px;	
		text-decoration:none;
		border:1px solid #743d23;	
		border-bottom:2px solid #743d23;
		height:20px;
		background-color:#efefef;
		color:#777;
		margin-right:0px;
		position:relative;
		top:1px;	
		outline:0;
		border-radius:4px 4px 0px 0px;
		-moz-border-radius:4px 4px 0px 0px;}
	
	ul.tabs a:hover {
		background-color:#b8f890;
		color:#333;}
		
	ul.tabs a.current {
		background-color:#b8f890;
		border-bottom:2px solid #743d23;	
		color:#000;	
		cursor:default;}

				
				
				
/* ------------------------------------- */
/* KOLUMNER								 */
/* ------------------------------------- */					
	.cols20 {
		float:left;
		padding-right:1%;
		width:19%;}

	.cols30 {
		float:left;
		padding-right:1%;
		width:29%;}
		
	.cols33 {
		float:left;
		padding-right:1%;
		width:32%;}
		
	.cols35 {
		float:left;
		padding-right:1%;
		width:34%;}
		
	.cols40 {
		float:left;
		padding-right:1%;
		width:39%;}
	
	.cols50 {
		float:left;
		padding-right:1%;
		width:49%;}
	
	.cols60 {
		float:left;
		padding-right:1%;
		width:59%;}
		
	.cols65 {
		float:left;
		padding-right:1%;
		width:64%;}
		
	.cols70 {
		float:left;
		padding-right:1%;
		width:69%;}
		
	.cols75 {
		float:left;
		padding-right:1%;
		width:74%;}
		
	.cols80 {
		float:left;
		padding-right:1%;
		width:79%;}




/* ------------------------------------- */
/* COMMONS								 */
/* ------------------------------------- */	
	.pict {
		position:relative;
		top:4px;
		width:18px;}
	
	.ingress {
		font-size:15px;
		font-weight:bold;}
	
	.likeALink {
		color:#c95e2a;
		cursor:pointer;
		font-size:13px;}
	
		.likeALink:hover {
			color:#c95e2a;
			cursor:pointer;
			text-decoration:underline;}
		
		
		.likeAMenuLink {
			color:#c95e2a;
			cursor:pointer;
			font-size:15px;}
		
		.likeAMenuLink:hover {
			color:#c95e2a;
			cursor:pointer;
			text-decoration:underline;}
	
	.myScore {
		position: relative;
		top:-1px;
		background:#5c7cc3;
		color:#ffffff;
		display:inline-block;
		width:13px;
		height:11px;
		text-align: center;
		font-size:10px;
		border:1px dotted #ffffff;}
	
	.topTitle {
		position: relative;
		top:-1px;
		background:#cfbd06;
		color:#ffffff;
		display:inline-block;
		padding-left:4px;
		padding-right:4px;
		height:11px;
		text-align: center;
		font-size:10px;
		border:1px dashed #ffffff;}
	
	.externalTrailers {
		position:relative;
		top:20px;
		float:left;
		width:120px;
		height:170px;
		text-align:center;
		font-size:12px;}
	
	.statusOnline {
		font-weight:bold;
		color: #dc7f34;}
	
	.statusActive {
		font-weight:bold;
		color: #188041;}
	
	.smallInfo {
		font-size:10px;
		margin-top:2px;
		margin-bottom:4px;}

	.memberThumb {
		width:32px;
		height:47px;
		margin:3px;
		border:1px #743d23 solid;}

	.smallButton {
		border:1px outset;
		width:auto;
		height:18px;
		background:#ffffff;
		font-size:10px;
		padding:1px;
		margin:1px;}
		
	.spoiler {
		color:#e1f4f6;
		clear:both;
		width:80%;
		border:1px dotted #000000;
		background:#e1f4f6;
		background-image:url('img/spoiler.png');
		padding:4px;
		margin:4px;
		margin-left:auto;
		margin-right:auto;
		font-size:12px;}
		
		.spoiler:hover {
			color:#000000;}
		
		.spoiler span {
			color:#ff0000;
			display:block;
			position:absolute;
			float:left;
			font-size:12px;}
		
		.spoiler:hover span {
			display:none;}
	
/* ------------------------------------- */
/* COMMON ONELINERS						 */
/* ------------------------------------- */		
	.alignLeft {text-align: left;}
	.alignCenter {text-align: center;}
	.alignRight {text-align:right;}
	
	.author {font-size:11px;position:relative;top:3px;}
		.author a{font-size:11px;}
	
	.blueText {color:#3857bb;}
	.bold {font-weight:bold;}
	.center {text-align: center;}
	.clearBoth {clear:both;}
	
	.disabled {color:#aaaaaa;}
	.divider {width:100%;height:20px;clear:both;}
	.hidden {display:none}
	
	.floatLeft {float:left;}
	.floatRight {float:right;}
	
	.hidden {display:none;}
	.height100 {height:100px;}
	
	.inputDate {width:90px;}
	.inputCheckbox {width:20px;}
	.inputRadio {width:20px;}
	.inputFocus {color:#743d23;}
	.inputBlur {color: #9a8f8a;}
	.inline {display:inline;}
	
	.marginAuto {margin:auto;}
	.newsImage {float: right;}
	.noBorder {border:0px;}
	
	.padding {padding: 15px;}
	.padding2Left {padding-left: 2%;}
	.padding2Right {padding-right: 2%;}
	.rss {padding:4px;}
	
	.smallPict {border:0px;width:11px;height:11px;}
		.smallPict:hover {background:#c95e2a;}
	.strong {font-weight: bold;}
		
	.textAlignCenter {text-align:center;}
	.textAlignLeft {text-align:left;}
	.textAlignRight {text-align:right;}
	
	.textSmall {font-size:9px;}
		.textSmall a {font-size:9px;}
	
	.underline {text-decoration: underline !important;}
	
	.width100 {width:100px;}
	.width70 {width:70px;}
	.width32 {width:32%;}
	
	.z10 {z-index:10}
	.z11 {z-index:11}
	
	
	
	
/* ------------------------------------- */
/* EXTRAS								 */
/* ------------------------------------- */		

	#sff {
		left:200px;
		position:absolute;
		top:10px;
		z-index:40;}
		
		#sff img {
			width:80px;}