/* Ikoner som hängs på länkar (till exempel för att märka ut en PDF-fil). */
.identifier {
	margin-bottom			: -2px;
	margin-left     		: 6pt;
}




.dsekimage {
	float				: left;
	background			: url(/ikoner/shadow.gif) no-repeat bottom right;
	margin				: 6px 0 0 5px;
}

.dsekimage img {
	display				: block;
	position			: relative;
	background-color		: #fff;
	border				: 1px solid #000000;
	margin				: -6px 6px 6px -6px;
	padding				: 0px;
} 

a.highlight, .highlight {
	background-color		: #FFFF00 !important;
}



/*
 * dsektable
 */
.dsektable {			
	border-collapse			: collapse;
}						
						
.dsektable th, .sortableTableHeading {
	padding				: 2px;
	background-color		: #ebebeb;
	border				: 1px solid #ebebeb;
	padding-left			: 8px;
	padding-right			: 8px;
	text-align			: left;
}						
						
.dsektable .subth {		
	padding				: 2px;
	background-color		: #ebebeb;
	border				: 1px solid #ebebeb;
	padding-left			: 8px;
	padding-right			: 8px;
	text-align			: left;
	font-size			: 93%;
}

.dsektable td {
	padding				: 2px;
	padding-left			: 8px;
	padding-right			: 8px;
	border-left			: 1px solid #ebebeb;
	border-right			: 1px solid #ebebeb;
	border-bottom			: 1px solid #ebebeb;
	vertical-align			: middle;
}

/*
 * Other table stuff
 */
.loftyTable {
	border-collapse			: separate;
	border-spacing			: 1em;
}

.tableRolloverEffect, .tableRolloverEffect a {
	background-color		: #ebebeb;
}


.sortableTableHeading {
	cursor          		: pointer;
	text-decoration 		: underline;
}

/*******************************************************************/
/* Tiny Member Popup */
/*******************************************************************/
@keyframes tinyMemberPopupShow {
	from {
		opacity: 0;
		transform: translateY(-0.5em);
	}
	to {
		opacity: 1;	
	}
}

@-webkit-keyframes tinyMemberPopupShow {
	from {
		opacity: 0;	
		-webkit-transform: translateY(-0.5em);
	}
	to {
		opacity: 1;	
	}
}

.tinyMemberPopup {
	margin-top: 0px;
	margin-left: -3em;
	position: absolute;
	display: none;
	padding: 0px;
	z-index: 16385;
	height: 3em;
	width: 5em;
	overflow: visible;
}

.tinyMemberPopupInner {
	width: 180px;
	margin-top: 2em;
	margin-left: 2em;
	background: #252525;
	border: 1px solid #434343;
	-webkit-border-radius: 4px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 4px;
	-moz-border-radius-topleft: 0;
	border-radius: 4px;
	border-top-left-radius: 0;
	border: none;
	color: #f280a1;
	padding: 20px;
	padding-bottom: 10px;
	font-size: 10px;
	line-height: 12px;
	box-shadow: 0px 1px 5px RGBA(0,0,0,0.5);
	text-align: center;
	display: block;
}

.tinyMemberPopupInner .tinyMemberPopupPortrait {
	width: 170px;
	height: 170px;
	border: 5px solid white;
	box-shadow: 0px 1px 2px RGBA(0,0,0,0.25);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: block;
}

.tinyMemberPopupInner .tinyMemberPopupPortraitOuter {
	width: 180px;
	height: 180px;
	background-color: white;
	background-image: url(/ikoner/ajax-loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	display: block;
}

a:hover .tinyMemberPopup {
	display: inline-block !important;
	animation: tinyMemberPopupShow 0.5s;
	-webkit-animation: tinyMemberPopupShow 0.5s;
}