/*   
Theme Name: Happy User v2
Theme URI: http://www.happyuser.se/theme/
Description: Tema för Wordpress 2.7 för Happy Users sajt.
Author: Kal Ström
Author URI: http://www.kalstrom.se/
Version: 1.0 2009-05-14 10:30
.

  1) General
  2)
  3)
  4)
  5)
  
  Colors:
  Yellow: fcc000

*/



/** General
********************************/

body {
	background: #fff url(images/punkt-background.gif) fixed no-repeat 101.5% 50%;
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Segoe UI", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	z-index:1
}

p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 1.5;
}

ul {
	padding-left: 1em;
	margin-left: 0;
}

ul li {
	margin-bottom: .5em;
}

hr {
	margin: 20px 0 20px;
	border: none;
	border-top: 1px dashed #c2c2c2;
	height: 1px;
	display: block; 
	clear: both;
}

.alignright { float: right; }
.alignleft { float: left; }

.alignleft img,
img.alignleft { margin: 0 1em 1em 0; }
.alignright img,
img.alignright { margin: 0 0 1em 1em; }

input,
textarea { font-family: "Lucida Grande", "Segoe UI", Verdana, Geneva, Arial, Helvetica, sans-serif; }


.nolisttype {
	list-style-type: none;
	padding-left: 0;
}

.imageborder {
	padding: 4px;
	border: solid 1px #ddd !important;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */


/*** Anchors
*******************************/

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

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

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

a:active {
	color: #000;
}

a img {
	border: none;
}

#mainContent a:link,
#mainContent a:visited,
a.underline,
a.underline:visited {
	border-bottom: dotted 1px #333;
}

#mainContent a:hover,
a.underline:hover {
	color: #fcc000;
}

.post h1 a,
.post h1 a:visited,
.post h2 a,
.post h2 a:visited {
	border-bottom: none !important;
}

a.imagelink,
.gallery-icon a {
	border-bottom: none !important;
}


/*** Headers
*******************************/

h1, h2, h3, h4, h5, h6, h7 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2;
}

h1, h2 {
	font-weight: normal;
	color: #222;
}

h1, h2, h3, h4, h5, h6, h7 {
	margin: .7em 0 .2em 0;
	padding: 0;
}


/** Page Header
*******************************/

#header {
	background: transparent url('images/header_shadow.png') no-repeat;
	background-position: bottom center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 9px;
	z-index: 20;
}

body>#header { position: fixed; }

#searchbar {
	background: #000 url('images/searchbar_bg.gif') repeat-x top left;
}

#searchbarHighlight {
	background: transparent url('images/searchbar_highlight.gif') no-repeat center top;
	padding-top: 5px;
	height: 30px;
	/*overflow: hidden;*/
}

* html #searchbar { height: 1%; }

#siteoptions {
	width: 980px;
	/*overflow: hidden;*/
	margin: 0 auto;
	position: relative;
}

.googletranslate a {
	background: url(images/btn_translate.png) no-repeat 0 0;
	float: right;
	width: 93px;
	height: 14px;
	padding: 4px 12px;
	display: block;
	color: #c8c8c8;
	font-size: 11px;
}

.googletranslate a:hover {
	background: url(images/btn_translate.png) no-repeat 0 -23px;
}

#searchbar form {
	margin: 0;
	padding: 0 20px 0 0;
	width: 250px;
	text-align: right;
	float: right;
}

#searchbar form fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#searchbar form input#s {
	background: #fff url('images/icon_search.gif') no-repeat 4px 4px;
	margin: 0;
	padding: 2px 2px 2px 20px;
	height: 14px;
	border: solid 2px #444;
}

#searchbar form .submitbutton {
	background: #4c4c4c;
	border: solid 1px #444;
	padding: 2px;
	height: auto;
	margin: 0;
	color: #fff;
}

#headnav {
	background: #fff;
	width: 940px;
	margin: 0 auto;
	padding: 10px 5px 10px 20px;
}

#logo {
	float: left;
	width: 210px;
}


/*** Main navigation
*******************************/

ul#navigation { 
	margin:0 0px 0 0; 
	padding:0; 
	list-style-type:none; 
	float: right;
	width: auto;/* 39em;*/
}

ul#navigation li { 
	position:relative; 
	float:left; 
	margin: 7px 0 0; /* .49em */ 
	padding: 0;
	border-right: solid 1px #e3e3e3;
	font-size: .9em;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

ul#navigation li a { 
	display: block;
	padding: 4px 1.32em; /*4px 19px;*/
	margin: 0;
	text-decoration:none; 
	color:#444;
	
}

ul#navigation li a span { 
	display: block;
	padding: 1px .07em;
	border-bottom: solid 2px #fff;
	border-top: solid 2px #fff;
}

ul#navigation li a.current span,
ul#navigation li a:hover span,
ul#navigation li a:focus span { 
	color: #000;
	border-bottom: solid 2px #fbbf00;
}


/** Wrappers
*******************************/

#pageWrapper {
	width: 965px;
	padding: 96px 0 0 0;
	margin: 0 auto;
}

#contentWrapper {
	padding: 20px 5px 20px 0;
}

#mainContent {
	float: left;
	width: 620px;
}

#mainContent #content {
	padding: 0 20px;
}

#sidebar {
	float: right;
	width: 300px;
}

#footer {
	position: relative;
	border-top: solid 1px #ababab;
	padding: 20px;
	font-size: 14px;
	color: #4c4c4c;
	clear: both;
	margin-top: 2em;
}

#footer p {
	margin: 8px 0;
}

#footer #soliditet {
	position: absolute;
	top: 10px;
	right: 0;
}


/** General page items
*******************************/

.historyback {
	background: url('images/historyBack.gif') no-repeat left center;
	padding-left: 12px;
}

.pageImage {
	background: #e8e8e8;
	padding: 6px;
	border: solid 0px #ddd;
}

/*** Sidebar
*******************************/

#sidebar h3 {
	color: #222;
	font-size: 16px;
	text-transform: uppercase;
	border-bottom: solid 1px #000;
	margin: 0 0 8px 0;
	padding-left: 10px;
}

#sidebar p {
	font-size: 12px;
	line-height: 1.3;
}

.module {
	margin-bottom: 30px;
}

#sidebar h3.submenuHeader {
	background: #e8e8e8 url('images/submenuheader2.gif') repeat-x top left;
	padding: 10px;
	border-bottom: none;
	padding-bottom: .5em;
	margin: 0;
	color: #333;
}

.borderimage {
	border: solid 1px #aaa;
}

.workdescription {
	padding: 10px;
}

.workdescription p {
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.4;
}

.workdescription h4 {
	margin: 0;
	padding: 0;
}

/**** Sidebar list menues
*******************************/

/* Standard list */

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

ul.itemlist li {
	border-bottom: solid 1px #ccc;
	margin-bottom: 0;
}

ul.itemlist li a {
	background: url('images/arrow_gray.png') no-repeat 95% 1.1em;
	padding: 10px 30px 10px 10px;
	display: block;
	text-decoration: none;
	color: #777;
	font-size: .9em;
}

ul.itemlist li.current a {
	background-color: #f6f6f6;
}

ul.itemlist li a span {
	font-size: 1em;
	color: #333;
}

ul.itemlist.nospan li a {
	color: #333;
}

ul.itemlist li a:hover {
	background-image: url('images/arrow_yellow.png');
	background-color: #f8f8f8;
}

ul.itemlist li a img {
	vertical-align: bottom;
	margin-right: 10px;
}


/* Submenu list */

ul.itemlist.submenu {
	font-size: 1.2em;
	margin-bottom:40px;
} 

ul.itemlist.submenu li {

}

ul.itemlist.submenu li a {
	background-position: 95% 50%;
}

ul.itemlist.submenu li a span {
}

ul.itemlist.submenu li a:hover {
	background-color: #f6f6f6;
	background-image: url('images/arrow_yellow.png');
	color: #000;
}

ul.itemlist.submenu li a:hover span {
	color: #000;
}

/* No arrows in list */
ul.itemlist.noarrows li a {
	background-image: none;
}

/* Lists for Tjänster & Konsultprofiler */

ul.itemlist.konsultprofiler li a span,
ul.itemlist.services li a span {
	font-size: 1.2em;
}

ul.itemlist.services li a{
	padding-left: 70px;
}

ul.itemlist.services li a:hover {
	background-color: transparent;
	background-image: url('images/arrow_yellow.png');
	color: #000;
}

#sidebar #itemlist li.profileJimmy {
	background-image: url('images/profil_jimmy_40.jpg');
}

#sidebar #itemlist li.profileAsa {
	background-image: url('images/profil_jimmy_40.jpg');
}

#sidebar #itemlist li.profileKal {
	background-image: url('images/profil_jimmy_40.jpg');
}

/* tjänstikoner */

ul.itemlist.services li.service_id {
	background: url('images/icon_service_specs.png') no-repeat 19px center;
}

ul.itemlist.services li.service_usability {
	background: url('images/icon_service_access.png') no-repeat 12px center;
}

ul.itemlist.services li.service_gd {
	background: url('images/icon_service_graphics.png') no-repeat 14px center;
}

ul.itemlist.services li.service_rs {
	background: url('images/icon_service_cms.png') no-repeat 12px center;
}

ul.itemlist.services li.service_epi {
	background: url('images/icon_service_interaction.png') no-repeat 12px center;
}

ul.itemlist.services li:hover {
	background-color: #eee;
}

/** Tables
*******************************/

table {
	width: 100%;
	margin: 0 0 1em 0;
	font-size: .9em;
	border-spacing: 0;
	border-collapse: collapse;
}

table, td, th {
	font-family: "Lucida Grande", Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

th {
	text-align: left;
	font-weight: bold;
}

table.fullwidth {
	width: 100%;
}

table th {
	padding: .5em;
	vertical-align: top;
}

table thead th {
		background: #efefef;
		border: 1px solid #CCC;
}

table td {
	border: 1px solid #CCC;
	padding: .5em;
	border-collapse: collapse;
	vertical-align: top;
}

table.no-border td,
table.no-border th {
	border: none;
}

table td.no-border {
	border: none;
}


blockquote table {
	font-size: 1em;
}

table caption {
	font-size: 1.2em;
	margin-bottom: .5em;
	font-weight: bold;
	text-align: left;
}


/** Pagination
*******************************/

.pagination {
	margin: 0;
	padding: 0 0 1.5em 0;
}

.pagination li{
	margin:0; 
	padding:0;
	list-style:none;
	float: left;
	font-size: .8em;
}
.pagination li, 
.pagination a {
	margin-right:2px;
}
.pagination .active{
	background:#fcc000;
	border:solid 1px #777; 
	color:#000;
	font-weight:bold;
	display:block;
	padding:.2em .6em;
}

.pagination a:link,
.pagination a:visited {
	border:solid 1px #777; 
	color:#000;
	display:block;
	padding:.2em .6em;
	text-decoration:none;
}
.pagination a:hover{
	border:solid 1px #777;
	background: #fcc000;
	text-decoration:none;
}
.pagination .previous-off,
.pagination .next-off {
	border:solid 1px #DEDEDE;
	color:#888;
	display:block;
	font-weight:bold;
	padding:.2em .6em;
}
.pagination .next a,
.pagination .previous a {
	padding:.2em .6em;
}
.pagination .next a:hover,
.pagination .previous a:hover {
	border:solid 1px #777;
	background: #fcc000;
}


/** Page: Startsida
*******************************/

#presentation {
	background: #c3d8d9 url('images/pageimage_start11.jpg') no-repeat right bottom;
	/*background: #fcc000;*/
	padding: 30px 0 40px 30px;
	min-height: 200px;
	/*border-bottom: solid 1px #b2b2b2;*/
}

#presentation #description {
	width: 600px;	
}

#presentation #description h1 {
	margin: 0 5px .4em;
	padding: 0;
	font-weight: normal;
	line-height: 1.1;
	font-size: 2.4em;
	color: #251c00;
}

#presentation #description h1 strong {
	color: #000;	
}

#presentation #description p {
	line-height: 1.4;
	padding-left: 5px;
}

#currentNews {
	background: url('images/rss_man.png') no-repeat left -2px;
	color: #bcbcbc;
	font-weight: bold;
	padding: 20px 0 0 55px;
	margin: -20px 0 12px 0px;
	font-size: 1.2em;
	height: 30px;
}

#currentNews strong {
	color: #fcc000;
}
#currentNews span {
	color: #676767;
}


/** Page: Blogg
*******************************/

#blogheader {
	background: url('images/rss_man.png') no-repeat left center;
	color: #bcbcbc;
	padding: 10px 0 0 55px;
	margin: 0;
	height: 40px;
}

#blogheader span {
	color: #fcc000;
}

.post {
	position: relative;
	/*padding-left: 12px;*/
}

.post.smallpost h1 {
	font-size: 1.4em;
}

.post small {
	color: #777;
}

.p-head {
	margin-top: 12px;
	margin-bottom: 20px;
	padding: 4px 0 0 55px;
}

.p-head h1,
.p-head h2 {
	margin: 0;
	font-size: 2em;
}

.p-time,
.post.minipost .miniposter { background: url(images/p-time-bkg.png) no-repeat right bottom; position: absolute; left: 0px; top: 5px; width: 50px; padding-bottom: 10px; z-index: 1; }

/**/ * html .p-time { left: 0px;} /**/ 

.p-time strong { float: left; text-align: center;}

.p-time .day { 
	font: normal 20px/18px "Arial"; 
	letter-spacing: -1px; 
	color:#fff; 
	width: 40px; 
	padding: 7px 0px; 
	background:#333 url('images/post_day_bg2.gif') repeat-x left top;
	overflow: hidden; 
}

.smallpost .p-time .day { 
	background: #777;
}

.p-time .month { 
	background:#eee url('images/post_month_bg.gif') repeat-x left bottom; 
	width: 40px; 
	padding: 3px 0px; 
	margin-bottom: 10px; 
	color: #111;
}

.p-time .year { background: #fff; border: solid 1px #dedede; font: normal 11px/11px 'Verdana'; padding: 12px 0px; color:#bababa; text-align: center; width: 38px;}


.post.minipost h1 {
	font-size: 1.3em;
}


.post.minipost .p-head {
	margin-bottom: .3em;
}

.post.minipost .miniposter {
	width: 40px;
	height: 40px;
}

.post.smallpost .entry {
	font-size: .9em;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #fff;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-text {
	font-size: .8em;
	color: #444;
	padding: 8px;
	margin-bottom: 0;
}

.addthis_button {
	border: none !important;
	display: block;
	margin: -13px 0 -17px -2px;
}

#at15s_head {
	display: none;
}


/** Comments
*******************************/

ol.commentlist {
	list-style-type: none;
	margin: 1em 0 0;
	padding: 0 0 0 1em;
}

.comment {
	padding: 20px 0 0 60px;
	border-bottom: solid 1px #ddd;
}

.comment-author {
	position: relative;
}

.comment-author .avatar {
	position: absolute;
	top: 0;
	left: -60px;
	padding: 1px;
	background: #fff;
	border: solid 4px #e1e1e1;
}

.bypostauthor .avatar {
	border: solid 4px #fcc000;
}

.fn {
	font-weight: bold;
	font-style: normal;
}

.comment-meta a {
	font-size: 12px;
	font-style: italic;
	color: #777;
	border-bottom: none !important;
}

.comment-meta {
	margin-bottom: .5em;
}

.comment p {
	font-size: 14px;
}

/* Kommentarformulär (notera ID) */

#comment {
	font-size: 14px;
	padding: 6px;
}


/** Page: Tjänster
*******************************/

.serviceContainer {
	position: relative;
	padding: 0 0 20px 60px;
	margin: 20px 0;
	border-bottom: 1px dashed #c2c2c2;
}

.serviceContainer h2 {
	margin: 0;
}

.serviceContainer p {
	margin-top: .4em;
}

.serviceContainer a {
	background: url('images/service_arrow.gif') no-repeat right .25em;
	padding-right: 20px;
	font-weight: bold;
}

.serviceContainer a:hover {
	background-image: url('images/service_arrow_highlight.gif');
}


.serviceImage {
	position: absolute;
	top: 0;
	left: 0;
}


/** Page: Om oss (tom)
*******************************/




/** Page: Kontakta oss
*******************************/

dl.address {
	line-height: 1.4;
	padding: 0 1em 1em 10px;
	border: 0px solid #ffeaaa;
	
}

dl.address dt { 
	float: left;
	color: #666;
	background-color: #fff;
	width: 6em;
	text-align: left;
	margin-bottom: .5em;
}

dl.address dd {
	margin-left: 6.5em;
	margin-bottom: .5em;
}

.contactContainer {
	position: relative;
	/*padding: 0 0 20px 90px;
	margin: 20px 0;*/
	padding: 0 0 10px;
	margin: 10px 0;
	border-bottom: 1px solid #c2c2c2;
}

.contactContainer h2 {
	margin: 0 0 5px 0;
	font-size: 1.2em;
}

.contactContainer p {
	margin: 0;
	font-size: .9em;
}

.contactContainer .email {
	padding: 0 23px;
	background: url('images/icon_email.gif') no-repeat left 5px;
	display: block;
	float: left;
	width: 250px;
}

.contactContainer .phone {
	padding: 0 15px;
	background: url('images/icon_phone.gif') no-repeat left 1px;
	display: block;
	float: left;
}


.contactImage {
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 70px;
	background: #ddd;
}

#map_canvas {
	border: solid 1px #888;
}

/* Contact form */
.wpcf7-form {
	padding-top: 1.5em;
	border-top: 1px dashed #c2c2c2;
	margin-top: 2em;
}

.wpcf7-form h2 {
	margin-top: 0;
	padding-top: 0;
}

.wpcf7-form span input,
.wpcf7-form textarea {
	border: 1px solid #999;
	padding: .3em;
}

.wpcf7-form span input:hover,
.wpcf7-form textarea:hover,
.wpcf7-form span input:focus,
.wpcf7-form textarea:focus {
	border: 1px solid #fcc000;
}


	div.contactform
	{		
		padding-top: 20px;
	}
	
	.contactform h3 {
		background: url('images/icon_contact.gif') no-repeat left center;
		padding: 8px 0 8px 50px;
		margin-bottom: 8px;
	}
	
	div.contactform input,
	div.contactform textarea {
		padding: 4px;
	}

		div.contactform input#wpcf_your_name,
		div.contactform input#wpcf_email,
		div.contactform input#wpcf_website,
		div.contactform textarea#wpcf_msg
		{
			border: 1px solid #999;
		}

			div.contactform input#wpcf_your_name:hover,
			div.contactform input#wpcf_email:hover,
			div.contactform input#wpcf_website:hover,
			div.contactform textarea#wpcf_msg:hover
			{
				border: 1px solid #fcc000;
			}

		div.contactform .contactleft
		{
			float: left;
			width: 150px;
			text-align: left;
			margin: 0;
			padding: 8px 0;
		}

		div.contactform .contactright
		{
			width: 400px;
			float: left;
			margin: 0;
			padding: 8px 0;
			border: 0px solid #ddd;
		}

			div.contactform input#contactsubmit
			{
				margin: .3em 3em 0 13.5em;
			}



/** Page: Konsultprofil
*******************************/

.consultantInfo {
	position: relative;
	padding: 10px 10px 10px 90px;
	margin-bottom: 2em;
	background: #f2f2f2;
	border: solid 1px #ddd;
}

.consultantInfo img {
	background: #fff;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 4px;
	border: solid 1px #ddd;
}

.consultantInfo ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 1em;
}

.skills li {
	padding-left: 1.5em;
	background: url('images/tick.png') no-repeat left 2px;
	margin-left: -1em;
}

.skills {
	list-style-type: none;
}

.infoholder {
	margin-bottom: 0;
}


/** Page: Uppdrag
*******************************/
#worklist {
	padding-top: 1em;
}

.workContainer {
	position: relative;
	padding: 0px;
	margin: 12px 0;
	border-bottom: 1px dashed #c2c2c2;
}

.workContainer h2 {
	margin: 0;
}

.workContainer p {
	margin-top: .4em;
	font-size: 12px;
}

.workContainer h2 a,
.workContainer h2 a:visited {
	border-bottom: none !important; 
}

.workContainer a:hover {

}

.workImage {
	position: absolute;
	top: 0;
	left: 0;
}

/** Page: Uppdragsgivare
*******************************/

#clientlist em {
	color: #999;
	line-height: 1.5;
}


/** Page: Specifikt Uppdrag
*******************************/

.clientImage {
	float: right;
	margin-left: 2em;
	margin-bottom: 2em;
}

.workdetails {
	clear: both;
	line-height: 1.5;
	font-size: .85em;
	padding: 1em;
	border-bottom: solid 1px #ddd;
	border-top: solid 1px #ddd;
	margin: 1em 0;
}

.workdetails strong {
	padding-right: .5em;
}

.workdetails span {

}



/** Page: Searchresults
*******************************/

#searchresults hr {
	margin: 1.5em 0; 
}


/** Page: 404
*******************************/

#e404 #pageWrapper {
	width: 800px;
	margin: 0 auto;
	padding-top: 30px;
}

#e404 #contentWrapper {
	background: url('images/404.jpg') no-repeat right center;
	padding-bottom: 80px;
} 

#e404 #searchform {
	margin: 0 0 1em 0 !important;
	padding: 0 !important;
}
#e404 #searchform fieldset {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

#e404 #s {
	width: 300px;
}

#e404 h2 {
	margin-top: 2em;
}

#e404 a,
#e404 a:link,
#e404 a:visited {
	font-size: 12px;
}

#e404 a:hover {
	color: #fcc000;
}

#e404 ul {
	margin-top: .3em;
}

#e404 li {
	margin-top: .3em;
	margin-bottom: 0;
	
}

#e404 .sitemap {
	margin: 1em 0 0 0;
	padding: 0;
}

.sitemap li {
	position: relative;
	float: left;
	padding: 0 40px 0 0;
	list-style-type: none;
	margin: 0;
}

.sitemap li.nopadding {
	padding: 0;
}

.sitemap li ul {
	position: absolute;
	top: 20px;
	left: 0;
	padding: 0;
	margin: 0;
}

.sitemap li ul li {
	position: relative;
	float: none;
	padding: 0;
	width: 100px;
}

.sitemap li ul li a {
	color: #666;
}

/* google translate */
.googletranslate {
	z-index: 10000;
	position: absolute;
	right: 260px;
}

.googletranslate .translate {
	position:absolute;
	top:2em;
	left:-999em;
	width:14.3em;
	border:1px solid #b5b5b5;
	background:#fff;
	padding:1em 1.4em .5em;
	z-index:10000;
	zoom: 1;
}

.googletranslate .translate p{
	text-align:left;
	margin:1em 0;
	white-space:normal;
}

.googletranslate .translate label{
	position:absolute;
	left:-999em;
}

.googletranslate .active{
	left:-8em;
}

.googletranslate a.close{
	position:absolute;
	right:5px;
	top:5px;
	margin:0;
	width:9px;
	height:12px;
	border:none;
	padding:0;
}

.googletranslate a.close span{
	position:absolute;
	left:-999em;
}

.googletranslate .translate select option,
.googletranslate .translate select{
	text-transform:lowercase;
	width:100%;
}

.googletranslate a.close{
	background:url(http://www.olm.se/translate_close.png) transparent no-repeat 0 0;
}