html, body {
	margin: 0;
	height: 100%;
}

body {
	background: #fff url(../images/admin/body-bg.gif) repeat-x;
}
.displayNone
{
	display: none;
}
.smallerImage img
{
	width: 50px;
	height: 50px;
	padding-right: 15px;
}
a:link, a:active, a:visited {
	outline: 0;
	color: #cc6600;
	text-decoration: none;
}

a:hover {
	color: #ff9900;
	text-decoration: underline;
}

h2 {
	margin: 0;
	padding: 0 0 15px 0;
	font: normal normal 20px "Trebuchet MS", Verdana;
	line-height: 20px;
	color: #333;
}

h3 {
	margin: 0;
	padding: 0;
	font: normal bold 14px "Trebuchet MS", Verdana;
	line-height: 20px;
	color: #666;
}

p {
	margin: 0;
	padding: 0 0 10px 0;
}

ul, ol {
	margin: 0 0 10px 0;
	padding: 0 15px 0 30px;
}

p, li, label, select, option, input, textarea {
	font: normal normal 14px "Trebuchet MS", Verdana;
	line-height: 20px;
}

#wrapper {
	margin: 0 auto;
	width: 780px;
}

#top {
	float: left;
	background: #fff url(../images/admin/body-bg.gif) repeat-x 0 -5px;
	margin: 5px 0 0 0;
	width: 780px;
}

#logo {
	float: left;
	width: 147px;
	height: 90px;
	background: transparent url(../images/admin/logo.gif) no-repeat;
}

	#logo h1 {
		margin: 0;
		text-indent: -3000px;
	}
#loggedIn {
	float: right;
	width: 260px;
	height: 90px;
	background: transparent url(../images/admin/login-bg-logged_in.gif) no-repeat;
}		
	#loggedIn .text {
		padding: 0 5px 0 5px;
		height: 18px;
		width: 215px;
		border: none;
		background: transparent;
		font: normal normal 14px "Trebuchet MS", Verdana;
		line-height: 23px;
	}
	
	#loggedIn .text {
		margin: 10px 0 0 20px;
	}
#login {
	float: right;
	width: 260px;
	height: 90px;
	background: transparent url(../images/admin/login-bg.gif) no-repeat;
}	
	
	#login .login {
		background: #000;
	}
	
	#login label {
		display: none;
	}
	
	#login div {
		padding: 0 0 0 105px;
	}
	
	#login .input_username {
		margin: 8px 0 0 0;
	}
	
	#login .input_password {
		margin: 4px 0 0 0;
	}
	
	#login .input_submit {
		padding: 0 0 0 65px;
		margin: 9px 0 0 0;
		font-size: 10px;
	}
	
	#login .text_username, #login .text_password {
		padding: 0 5px 0 5px;
		height: 18px;
		width: 115px;
		border: none;
		background: transparent;
		font: normal normal 14px "Trebuchet MS", Verdana;
		line-height: 18px;
	}
	
	#login .text_username {
		margin: 5px 0 0 0;
	}
	
	#login .text_password {
		margin: 7px 0 0 0;
	}

	#login .submit {
		margin: -11px 0 0 145px;
		display: block;
        background: transparent url(../images/admin/submit.gif) no-repeat;
        border: 0;
        height: 10px;
        width: 25px;
        padding: 5px;
	}

#menu {
	float: left;
	height: 30px;
	width: 780px;
	background: transparent;
}

	#menu ul {
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 30px;
	}
	
	#menu ul.faq_contact {
		float: right;
	}
		
		#menu ul li {
			padding: 0;
			display: block;
			float: left;
			list-style-type: none;
		}
		
			#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited {
				float: left;
				height: 30px;
				display: block;
				text-indent: -3000px;
				background: transparent url(../images/admin/menu-buttons.gif) no-repeat;
				line-height: 30px;
			}
			
			#menu ul li a:hover, #menu ul li.active a:link, #menu ul li.active a:active, #menu ul li.active a:visited {
				background: transparent url(../images/admin/menu-buttons_active.gif) no-repeat;
			}
			
			#menu ul li a#we_hem { width: 58px; background-position: 0 0; }
			#menu ul li a#we_nyheter { width: 88px; background-position: 0 -30px; }
			#menu ul li a#we_web_express { width: 138px; background-position: 0 -60px; }
			#menu ul li a#we_referenser { width: 108px; background-position: 0 -90px; }
			#menu ul li a#we_faq { width: 133px; background-position: 0 -120px; }
			#menu ul li a#we_kontakt { width: 89px; background-position: 0 -150px; }
			#menu ul li a#we_price { width: 150px; background-position: 0 -180px; }
			
#content {
	float: left;
	background: #fff url(../images/admin/content-bg.gif) repeat-x;
	min-height: 300px;
	width: 780px;
	font: normal normal 14px "Trebuchet MS", Verdana;
}

	#main {
		width: 490px;
		padding: 30px 15px 30px 15px;
		float: left;
	}
	
	#sidebar {
		width: 230px;
		padding: 30px 15px 30px 15px;
		float: left;
	}
	
		#news {
			background: #2d2d60 url(../images/admin/newsbox-top.gif) no-repeat;
		}	
		
			#news h2 {
				color: #fff;
				padding: 10px 15px 10px 15px;
			}
			
			#news ul {
				margin: 0;
				padding: 0 0 10px 0;
				list-style-type: none;
				background: #2d2d60 url(../images/admin/newsbox-bottom.gif) no-repeat 0 bottom;
			}
			
				#news ul li {
					padding: 0 15px 0 35px;
					background: transparent url(../images/admin/news-star.gif) no-repeat 15px 2px;
					color: #fff;
				}
				
					#news ul li a:link, #news ul li a:active, #news ul li a:visited {
						color: #fff;
						text-decoration: none;
					}
					
					#news ul li a:hover {
						text-decoration: underline;
					}
					#news a
					{						
						color: #fff;
						text-decoration: none;
					}
					#news a:hover
					{						
						color: #fff;
						text-decoration: none;
					}
#footer {
	width: 780px;
	clear: both;
}
	
	#footer p {
		text-align: center;
	}
	
		#footer span {
			padding: 0 15px 0 15px;
		}
		
.settings_designbox {
	border: 1px solid #d2d2d2;
	padding: 8px;
	margin-bottom: 2px;
	background: white;
	}
	
/* CONTACT */
#contact h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_contact.gif) no-repeat left top;
}

	#contact {
		margin: 5px 0 0 0;
	}
		#contact div {
			clear: both;
			padding: 5px 0 0 0;
		}
			#contact div label {
				float: left;
				display: block;
				width: 250px;
			}
			
			#contact div .text {
				width: 200px;
			}
			
			#contact div .textarea {
				width: 200px;
				height: 100px;
			}
			
/* FAQ */
#faq h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_faq.gif) no-repeat left top;
}

	#faq div {
		padding: 15px 0 5px 0;
	}
	
		#faq div .question {
			padding-left: 25px;
			background: transparent url(../images/admin/faq_q.gif) no-repeat left top;
		}
		
		#faq div .answer 
		{
			padding-left: 25px;
			background: transparent url(../images/admin/faq_a.gif) no-repeat left top;
		}

/* REFERENSER */	
#agreement h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_villkorpolicy.gif) no-repeat left top;
}	
#referenser h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_referenser.gif) no-repeat left top;
}

	#referenser div {
		clear: both;
		padding: 10px 0 0 0;
	}
	
		#referenser div img {
			float: left;
			display: block;
			margin: 0 15px 15px 0;
			border: 0px solid #eee;
		}
		#referenser .refPicture
		{
			margin: 5px 15px 15px 0;
			border: 0;
		}
		
		#referenser div p.link {
			text-align: right;
			padding: 0;
		}
		
#news_complete h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_news.gif) no-repeat left top;
}
#news_complete div.entry {
		margin: 0 0 0 0;
		padding: 5px 0 5px 0;
		background: transparent;
		border-bottom: 1px solid #eee;
	}
	
	#news_complete div h3 span.heading {
		float: left;
		font-weight: bold;
	}
	
	#news_complete div h3 span.date {
		float: right;
		font: italic normal 14px "Trebuchet MS", Verdana;
		color: #999;
	}
	
	#news_complete div p {
		clear: both;
	}
#webexpress h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_webexpress.gif) no-repeat left top;
}
/* KONTROLLPANELEN */
#global_settings h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_global.gif) no-repeat left top;
}
#mySettings_settings h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_account.gif) no-repeat left top;
}
#mySettings_settings_invoice h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_faktura.gif) no-repeat left top;
}
#mySettings_settings_password h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_password.gif) no-repeat left top;
}
#cart_ok h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_orderok.gif) no-repeat left top;
}
#cart_fail h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_ordererror.gif) no-repeat left top;
}
		#meta_info h3 {
			padding-left: 25px;
			background: transparent url(../images/admin/icon_meta.gif) no-repeat left center;
		}
		
		#forlang h3 {
			padding-left: 25px;
			background: transparent url(../images/admin/icon_forlang.gif) no-repeat left center;
		}
		
		#rekrytera h3 {
			padding-left: 25px;
			background: transparent url(../images/admin/icon_rekrytera.gif) no-repeat 2px center;
		}
		
		#design h3 {
			padding-left: 25px;
			background: transparent url(../images/admin/icon_design.gif) no-repeat 2px center;
		}
		
		#innehallpasidan h3 {
			padding-left: 25px;
			background: transparent url(../images/admin/icon_innehallpasidan.gif) no-repeat 2px center;
		}

#add_page h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_addpage.gif) no-repeat left top;
}

#edit_page h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_editpage.gif) no-repeat left top;
}

#new_user h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_newuser.gif) no-repeat left top;
}

#forgot_password h2 {
	padding-left: 45px;
	padding-top: 5px;
	background: transparent url(../images/admin/icon_forgotpassword.gif) no-repeat left top;
}

#main div.controlpanel div {
	clear: both;
	padding: 15px 0 0 0;
}

	#main div.controlpanel div label {
		float: left;
		display: block;
		width: 200px;
	}
.controlpanel .register tr td
{
	text-align: left;
}
.controlpanel .register tr tr table tr td
{
	padding-bottom: 15px;
}
	.controlpanel .text, #main div.controlpanel div select {
		width: 200px;
		border: 1px solid #9999cc;
		background: #fff url(../images/admin/input_background.gif) no-repeat;
		padding: 2px;
	}
	.controlpanel_changepw .text, #main div.controlpanel div select
	{
		width: 200px;
		border: 1px solid #9999cc;
		background: #fff url(../images/admin/input_background.gif) no-repeat;
		padding: 2px;
	}
	.controlpanel .mySettings tr td
	{
		padding-bottom: 15px;
	}
	#main div.controlpanel div textarea {
		width: 260px;
		height: 75px;
		border: 1px solid #9999cc;
		background: #fff url(../images/admin/input_background.gif) no-repeat;
		padding: 2px;
	}

	#main div.controlpanel div .submit {
		margin: 0;
	}
	
	#main div.obs p, #main div.controlpanel div.inputtext p {
		font-style: italic;
		color: #666;
		padding: 5px 5px 5px 26px;
		margin: 5px 0;
		border: 1px solid #eee;
	}
	
	#main div.obs p {
		background: #f9f9f9 url(../images/admin/icon_obs.gif) no-repeat 5px 7px;
	}
	
	#main div.controlpanel div.inputtext p {
		background: #f9f9f9 url(../images/admin/icon_inputtext.gif) no-repeat 5px 9px;
	}
	
	#main div.controlpanel div.designs ul {
		margin: 0 -5px 0 -5px;
		padding: 0;
		list-style-type: none;
	}

		#main div.controlpanel div.designs ul li {
			list-style-type: none;
			float: left;
			padding: 5px;
		}
		
			#main div.controlpanel div.designs ul li a img {
				border: 2px solid #666;
				width: 75px;
				height: 75px;
			}

div.treeView ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	div.treeView ul li {
		padding: 0 0 0 19px;
		list-style-type: none;
	}
	
		div.treeView ul li.single {
			background: transparent url(../images/admin/treeView_right.gif) no-repeat left 5px;
		}
		
		div.treeView ul li.parent {
			background: transparent url(../images/admin/treeView_down.gif) no-repeat left 5px;
		
}
#webexpress_prices {
	width: 490px;
}

#about-webexpress  h2 {
	padding-left: 45px;
	padding-top: 2px;
	background: transparent url(/images/admin/icon_webexpress.gif) no-repeat left top;
}

#webexpress_prices h2 {
	padding-left: 45px;
	padding-top: 2px;
	background: transparent url(../user_uploads/cd080a90-4654-44f6-b13e-dc81ce712e0a/icon_prisinformation.gif) no-repeat left top;
}

	#webexpress_prices div.aboutprices {
		padding: 0 0 30px 0;
	}
	
		#webexpress_prices div.aboutprices p {
			text-align: justify;
			padding: 0 0 10px 0;
		}
	
		img.image-right {
				float: right;
				margin: 0 0 30px 30px;
				padding: 5px;
				background: #eee;
		}
		
		#webexpress_prices div.aboutprices p.happycostumer {
			clear: left;
			margin: 15px 0 0 0;
			padding: 0 0 0 29px;
			font: normal bold 14px "Trebuchet MS", Verdana;
			line-height: 20px;
			background: transparent url(../user_uploads/cd080a90-4654-44f6-b13e-dc81ce712e0a/happy.gif) no-repeat left top;
		}

	#webexpress_prices table {
		width: 490px;
		border-left: 1px solid #ccccff;
		border-top: 1px solid #ccccff;
	}
	
		#webexpress_prices table tr td {
			padding: 5px 15px 5px 15px;
			border-right: 1px solid #ccccff;
			border-bottom: 1px solid #ccccff;
		}
		
		#webexpress_prices table tr td.label {
			font-weight: bold;
			background: #ededff;
		}
		#webexpress_prices .vat
		{
			color: #c0c0c0; 
			padding: 5px 0 0 0; 
			margin: 0;
		}
		
#choose_design div.design 
{
	float: left;
	padding: 0 0 10px 0;
	width: 490px;
}
.designButton
{
	border: 0;
	background: transparent;
	outline: 0;
	color: #cc6600;
	text-decoration: none;
	text-align: left;
	
}

	#choose_design div.design img {
		float: left;
		height: 55px;
		width: 90px;
		border: 2px solid #ccc;
		margin: 0 10px 0 0;
		 clear: none; 
	}
	
	#choose_design div.design h3 {
		float: left;
		 clear: none; 
	}
	
	#choose_design div.design div.links {
		float: right;
		 clear: none; 
		 padding: 0;
	}
	
		#choose_design div.design div.links ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
			#choose_design div.design div.links ul li {
				list-style-type: none;
			}
			
			
/* Alter on Date 04/11/2009 */

.BgColorNew{ background:#ededff;}
.BgColorPink{ background:#ccccff;}
.BgColorPinkLight{ background:#f7f7ff;}
.Border1{ border:1px solid #ccccff;}
.BorderBot{ border-bottom:1px solid #ccccff;}


.PadLeft{ padding-left:10px;}


.Light12{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.Light13{ font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.Light14{ font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.Light20{ font-family:Arial, Helvetica, sans-serif; font-size:20px;}


.Lineheight{ line-height:17px;}

/* new css on  07-11-2009  */
.MessageBox{ background:#ffffcc; padding-left:10px;}
.BgBlue{ background:#5d7b9d;}
.Light14T{ font-family: "Trebuchet MS", Verdana; font-size:14px;}
.WhiteText{ color:#FFFFFF;}
.TabShed{ background:url(shed1.jpg) repeat-x top;}
.Light12T{ font-family: "Trebuchet MS", Verdana; font-size:12px;}