* {
margin: 0;
padding: 0;
}

/* __________________________________________________ General Tags */
html,body {
font: 11px/18px Verdana, Sans-Serif;
text-align: center;
color: #999;
background: #fff;
height: 100%;
}
:focus { outline: none; }
a {
text-decoration: none;
color: #3366aa;
}
	a:hover {
	color: #222;
	border-bottom: 1px solid #ccc;
	border-color: #aaa;	
	}
img { border: 0; vertical-align: middle;}
p, ul, ol, form, table { margin: 0 0 20px; }
	ul, ol { margin-left: 20px; }
code, pre {
padding: 4px;
font-family: 'Lucida Console', Monospace;
color: #888;
background: #fff;
}
	pre {
	margin: 0 auto 25px;
	padding: 10px;
	width: 75%;
	border: 1px solid #ddd;
	}
/* Forms */
form p { margin: 0 0 10px; }
label {
display: block;
color: #777;
font: 13px/20px Arial, Sans-Serif;
}
	label span {
	margin: 0 0 0 5px;
	font-size: 10px;
	color: #999;
	}
		label span a { color: #999; }
			label span a:hover { color: #777; }
input, textarea, select {
padding: 7px;
font: 11px/18px Verdana, Sans-Serif;
color: #666;
border: 1px solid #ddd;
background: #fff url(../images/round.png) repeat-x 0 1px;
}
	input.small, select.small { width: 25%; }
	input.medium, select.medium { width: 50%; }
	input.large, select.large { width: 96%; }
		.sidebar input.large, .sidebar select.large, #login input.large { width: 90%; }
	textarea.small { width: 30%; height: 75px; }
	textarea.large { width: 96%; height: 300px; }
	input.button, button.button {
	padding: 5px 20px;
	color: #fff;
	font-weight: bold;
	background: #888 url(../images/button.png) repeat-x;
	border: 1px solid #888;
	}
		input.button:hover {
		cursor: pointer;
		border-color: #777;
		}
	/* Messages next to the inputs */
	.formerror {
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #9e1111;
	background: url(../images/icons/error.png) no-repeat left center;
	}
	.formsuccess {
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #11a322;
	background: url(../images/icons/success.png) no-repeat left center;
	}
	.hint {
	font-size: 10px;
	font-style: italic;
	color: #999;
	}

/* Tillägg av Gustaf */
table.selectablerow tbody tr:hover td {background-color:#aaaaaa; color:White; cursor:pointer;}
table.selectablerow tbody tr:active td {background-color:White; color:#aaaaaa; cursor:pointer;}
tfoot tr:hover td {color: White;}
tfoot tr:active td {color:White;}

tr.redrow td {background-color:#dd5555; color:#eeeeee;}
tr.redrow.alt td {background-color:#dd4444;}
tr.redrow:hover td {background-color:#ff0000 !important;}
tr.redrow:active td {background-color:#eeeeee !important; color:#444444 !important;}

tr.yellowrow td { background-color:#ffcc00;color:Black;}
tr.yellowrow.alt td { background-color:#ffdd00; color:#000000;}
tr.yellowrow:hover td {background-color:#ffee20 !important;}
tr.yellowrow:active td {background-color:#eeeeee !important; color:#444444 !important;}

tr.greenrow td {background-color:#55dd55; color:#444444;}
tr.greenrow.alt td {background-color:#44dd44; color:#444444;}
tr.greenrow:hover td {background-color:#00ff00 !important; color:#444444 !important;}
tr.greenrow:active td {background-color:#eeeeee !important; color:#444444 !important;}

tr.bluerow td {background-color:#7288d2; color:#eeeeee;}
tr.bluerow.alt td {background-color:#7288d2;}
tr.bluerow:hover td {background-color:#7288d2 !important;}
tr.bluerow:active td {background-color:#eeeeee !important; color:#444444 !important;}

.rightside-menu {}
.wide { width:77% !important; }
.maxwidth { width:95% !important; }
.forcewidth {width:138%;}
.strikethrough tbody tr td {text-decoration:line-through;}

/* Slut tillägg */

/* Table styles */
table {
width: 100%;
border-collapse: collapse;
}
	th, td { padding: 10px; }
	th {
	padding: 5px 10px;
	font-weight: normal;
	color: #fff;
	background: #ccc url(../images/th.png) repeat-x;
	border-bottom: 1px solid #aeaeae;
	}
	td {
	color: #999;
	background: #fff;
	border-bottom: 1px solid #eee;
	}
		tr:hover td { color: #555; }
		tr.alt td { background: #f9f9f9; }
		td.pagination, td.pagination:hover {
		padding: 5px 10px;
		text-align: right;
		color: #fff;
		background: #ccc url(../images/th.png) repeat-x;
		border-top: 1px solid #aeaeae;
		}
			td.pagination strong { font-weight: normal; }
			td.pagination a { color: #eee; border: 0; }
				td.pagination a:hover { color: #fff; }
		td.options { text-align: center; }
			td.options a { border: 0; }

/* __________________________________________________ Structure */
/* Header */
#headerwrap {
width: 100%;
height: 125px;
background: #555;
border-bottom: 1px solid #4c4c4c;
}
	#header {
	position: relative;
	margin: 0 0 0 20px;
	text-align: left;
	background: url(../images/header.png) no-repeat;
	}
		#header h1 a {
		font: 60px/125px Arial, Sans-Serif;
		letter-spacing: -3px;
		color: #fff;
		border: 0;
		}
		#info {
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -9px;
		color: #aaa;
		}
			#info p { margin: 0; text-align: right; }
			#info a { color: #eee; border: 0; }
				#info a:hover { color: #fff; }
/* Main navigation */
#navigationwrap {
width: 100%;
height: 55px;
background: #999 url(../images/navigation.png) repeat-x;
border-top: 1px solid #b3b3b3;
}
	#navigation { margin: 0 0 0 1.5%; }
	#navigation ul { margin: 0; padding: 0; list-style: none; }
		#navigation ul li {
		display: block;
		float: left;
		padding: 0 12px;
		line-height: 55px;
		}
			#navigation ul li.first { padding-left: 0; }
			#navigation ul li a {
			padding: 5px 16px 5px 32px;
			font: 14px/1 Arial, Sans-Serif;
			color: #666;
			background-repeat: no-repeat;
			background-position: 10px center;
			border: 0;
			}
				#dashboard a { background-image: url(images/magnifier.png); }
				#pages a { background-image: url(images/chart_pie.png); }
				#users a { background-image: url(../images/icons/users.png); }
				#login a {background-image: url(../images/icons/lock.png); }
				#settings a { background-image: url(../images/icons/settings.png); }
				#prislista a {background-image: url(images/money_euro.png); }
				#navigation ul li a:hover { color: #fff; background-color: #777; }
/* Subnavigation */
#subnavigationwrap {
width: 100%;
height: 35px;
background: #ccc;
/*border-top: 1px solid #888; */
}
	#subnavigation { margin: 0 0 0 1.5%; }
	#subnavigation ul { margin: 0; padding: 0; list-style: none; }
		#subnavigation ul li {
		display: block;
		float: left;
		}
			#subnavigation ul li a {
			display: block;
			padding: 0 25px;
			line-height: 35px;
			color: #888;
			border: 0;
			}
				#subnavigation ul li a:hover {
				color: #fff;
				background: #aaa;
				}
/* Main Content */
#wrapper {
width: 100%;
text-align: left;
}
	#container {
	position: relative;
	margin: 1.5%;
	}
	.sidebar, #content { float: left; }
	.sidebar, #login form { width: 20%; }
	.sidebar .box { margin: 0 0 7.5%; }
	#content .box { margin: 0 0 4%; }
		.bottom {
		background: #f4f4f4 url(../images/box.png) repeat-x;
		border: 1px solid #ddd;
		border-top: 0;
		}
			.sidebar .bottom, #login .bottom { padding: 4%; }
			#content .bottom { padding: 2.5%; }
		.box h2, .sidebar .box h3 {
		position: relative;
		margin: 0;
		padding: 5px 10px;
		font: 14px/21px Arial, Sans-Serif;
		color: #666;
		background: #ccc url(../images/boxheaders.png) repeat-x;
		}
			.box h2 {
			font-size: 24px;
			line-height: 31px;
			letter-spacing: -1px;
			background-position: 0 -31px;
			}
			.box .collapse {
			position: absolute;
			top: 50%;
			right: 10px;
			margin-top: -7px;
			width: 10px;
			height: 14px;
			text-indent: -9999px;
			background: url(../images/collapse.png) no-repeat 0 -14px;
			}
				.box .collapse.change { background-position: 0 0; }
			#content h3 {
			margin: 0 0 10px;
			font: 18px/25px Arial, Sans-Serif;
			color: #777;
			border-bottom: 1px solid #ddd;
			}
		.sidebar .box ul {
		margin: 0 0 15px;
		padding: 0;
		list-style: none;
		}
			.sidebar .box ul li {
			padding: 7px 5px;
			border-bottom: 1px dotted #ccc;
			}
				.sidebar .box ul li:hover { background-color: #fff; }
				.sidebar .box ul li a { color: #3366AA; }
		#content {
		margin: 0 1.5%;
		width: 57%;
		color: #666;
		}
		#right {
		position: absolute;
		right: 0;
		}
		/* Single sidebar */
		.single #right { display: none; }
		.single #content { margin-right: 0; width: 78.5%; }
/* Login */
#login form {
margin: 2.5% auto;
text-align: left;
}
/* Footer */
#footerwrap {
background: #666;
}
	#footer {
	text-align: left;
	margin: 0 1.5%;
	}
		#footer p {
		margin: 0;
		color: #aaa;
		padding: 1.5% 0;
		}
		#footer a {
		color: #fff;
		border: 0;
		}
			#footer a:hover {
			color: #222;
			}

/* __________________________________________________ Classes */
.clear { clear: both; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.left { float: left; text-align: left; }
.right { float: right; text-align: right; }
.margintop { margin-top: 15px; }
.marginright { margin-right: 15px; }
.marginbottom { margin-bottom: 15px; }
.marginleft { margin-left: 15px; }
.round {
padding: 3px 7px;
color: #888;
font: 10px/17px Arial, Serif;
text-transform: uppercase;
background: #fff url(../images/round.png) repeat-x 0 1px;
border: 1px solid #ddd;
}
	.round:hover {
	position: relative;
	top: 1px;
	left: 1px;
	color: #666;
	}
.checkboxes label {
display: inline;
}
span.checkbox {
margin: 3px 5px 0 0;
display: block;
float: left;
width: 12px;
height: 12px;
background: url(../images/checkbox.png) no-repeat 0 0;
cursor: pointer;
}
	span.checkbox.active { background-position: 0 -12px; }
.sidebar .box .comments li, .sidebar .box .posts li, .sidebar .box .links li { padding-left: 25px; background: transparent no-repeat 5px center; }
	.sidebar .box .comments li { background-image: url(../images/icons/comments.png); }
	.sidebar .box .posts li { background-image: url(../images/icons/posts.png); }
	.sidebar .box .links li { background-image: url(../images/icons/links.png); }
	.sidebar .box .comments li a, .sidebar .box .posts li a, .sidebar .box .links li a { color: #3366aa; border: 0; }
		.sidebar .box .comments li a:hover, .sidebar .box .posts li a:hover, .sidebar .box .links li a:hover { color: #111; }
.message {
margin: 0 0 10px;
padding: 15px 15px 15px 37px;
font-weight: normal;
background: #fff no-repeat 15px center;
border: 1px solid #ddd;
}
	.message.error { color: #9e1111; background-color: #f5e8e8; background-image: url(../images/icons/error.png); border-color: #dfb2b2; }
	.message.success { color: #11a322; background-color: #e8f6e9; background-image: url(../images/icons/success.png); border-color: #b2e1b7; }

.logintd 
{
 background-color: Transparent;
}    



	.message.info { color: #2446ad; background-color: #eaedf7; background-image: url(../images/icons/info.png); border-color: #b8c3e4; }
	.message.warning { color: #c2b515; background-color: #f9f8e8; background-image: url(../images/icons/warning.png); border-color: #ebe7b3; }

/* WYSIWYG */
.wysiwyg-label { margin: 0 0 5px; }
.smarkup-toolbar a { border: 0; }


.editor-label {
    margin-top: 20px;
}

.editor-field input {
    width: 200px;
}

.checkbox {
    width: 50px;
}