/* Minification failed. Returning unminified contents.
(1251,31): run-time error CSS1035: Expected colon, found 'repeat'
(3166,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
	margin:0px; padding:0px;
	outline:none;
}
.markItUp a:link,
.markItUp a:visited {
	color:#000;
	text-decoration:none;
}
.markItUp  {
	width:700px;
	margin:5px 0 5px 0;
	border:5px solid #F5F5F5;	
}
.markItUpContainer  {
	border:1px solid #3C769D;	
	background:#FFF url(images/bg-container.png) repeat-x top left;
	padding:5px 5px 2px 5px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
.markItUpEditor {
	font:12px 'Courier New', Courier, monospace;
	padding:5px 5px 5px 35px;
	border:3px solid #3C769D;
	width:643px;
	height:320px;
	background:#FFF url(images/bg-editor.png) no-repeat;
	clear:both;
	line-height:18px;
	overflow:auto;
}
.markItUpPreviewFrame	{
	overflow:auto;
	background-color:#FFFFFF;
	border:1px solid #3C769D;
	width:99.9%;
	height:300px;
	margin:5px 0;
}
.markItUpFooter {
	width:100%;
	cursor:n-resize;
}
.markItUpResizeHandle {
	overflow:hidden;
	width:22px; height:5px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/handle.png);
	cursor:n-resize;
}
/***************************************************************************************/
/* first row of buttons */
.markItUpHeader ul li	{
	list-style:none;
	float:left;
	position:relative;
}
.markItUpHeader ul li ul{
	display:none;
}
.markItUpHeader ul li:hover > ul{
	display:block;
}
.markItUpHeader ul .markItUpDropMenu {
	background:transparent url(images/menu.png) no-repeat 115% 50%;
	margin-right:5px;
}
.markItUpHeader ul .markItUpDropMenu li {
	margin-right:0px;
}
.markItUpHeader ul .markItUpSeparator {
	margin:0 10px;
	width:1px;
	height:16px;
	overflow:hidden;
	background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
	width:auto; height:1px;
	margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
	display:none;
	position:absolute;
	top:18px; left:0px;	
	background:#F5F5F5;
	border:1px solid #3C769D;
	height:inherit;
}
.markItUpHeader ul ul li {
	float:none;
	border-bottom:1px solid #3C769D;
}
.markItUpHeader ul ul .markItUpDropMenu {
	background:#F5F5F5 url(images/submenu.png) no-repeat 100% 50%;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
	position:absolute;
	top:-1px; left:150px;
}
.markItUpHeader ul ul ul li {
	float:none;
}
.markItUpHeader ul a {
	display:block;
	width:16px; height:16px;
	text-indent:-10000px;
	background-repeat:no-repeat;
	padding:3px;
	margin:0px;
}
.markItUpHeader ul ul a {
	display:block;
	padding-left:0px;
	text-indent:0;
	width:120px; 
	padding:5px 5px 5px 25px;
	background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
	color:#FFF;
	background-color:#3C769D;
}
/***************************************************************************************/
.html .markItUpEditor {
	background-image:url(images/bg-editor-html.png);
}
.markdown .markItUpEditor {
	background-image:url(images/bg-editor-markdown.png);
}
.textile .markItUpEditor {
	background-image:url(images/bg-editor-textile.png);
}
.bbcode .markItUpEditor {
	background-image:url(images/bg-editor-bbcode.png);
}
.wiki .markItUpEditor,
.dotclear .markItUpEditor {
	background-image:url(images/bg-editor-wiki.png);
}
/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp .markItUpButton1 a {
	background-image:url(images/latin.png) /*images/latin.png*/; 
}
.markItUp .markItUpButton2 a {
	background-image:url(images/svenska.png); 
}
.markItUp .markItUpButton3 a {
	background-image:url(images/link-species.png); 
}
.markItUp .markItUpButton4 a {
	background-image:url(images/h2.png); 
}
.markItUp .markItUpButton5 a {
	background-image:url(images/h3.png); 
}
.markItUp .markItUpButton6 a {
	background-image:url(images/h4.png); 
}
.markItUp .markItUpButton7 a {
	background-image:url(images/newline.png); 
}
.markItUp .markItUpButton8 a {
	background-image:url(images/paragraph.png); 
}

.markItUp .markItUpButton9 a {
	background-image:url(images/bold.png);
}
.markItUp .markItUpButton10 a {
	background-image:url(images/italic.png);
}
.markItUp .markItUpButton11 a {
	background-image:url(images/underline.png);
}

.markItUp .markItUpButton12 a {
	background-image:url(images/list-bullet.png);
}
.markItUp .markItUpButton13 a {
	background-image:url(images/list-numeric.png);
}
.markItUp .markItUpButton14 a {
	background-image:url(images/list-item.png);
}

.markItUp .markItUpButton15 a {
	background-image:url(images/picture.png); 
}
.markItUp .markItUpButton16 a {
	background-image:url(images/link.png);
}

.markItUp .markItUpButton17 a {
	background-image:url(images/abbr.png); 
}
.markItUp .markItUpButton18 a {
	background-image:url(images/x.png); 
}
.markItUp .markItUpButton19 a {
	background-image:url(images/x.png); 
}
.markItUp .markItUpButton20 a {
	background-image:url(images/picture.png); 
}
.markItUp .markItUpButton21 a {
	background-image:url(images/picture.png); 
}

.markItUp .clean a {
	background-image:url(images/clean.png);
}
.markItUp .preview a {
	background-image:url(images/preview.png);
}

/* Lite overrides p� grundinst�llningarna */

.markItUp * {
	margin:0px; padding:0px;
	outline:none;
}
.markItUp a:link,

.markItUp a:visited {
	color:#000;
	text-decoration:none;
}
.markItUp  {
	width:700px;
	margin:0;
	border:5px solid #F5F5F5;	
}
.markItUpContainer  {
	border:1px solid #3C769D;	
	background:#FFF url(../../skins/markitup/images/bg-container.png) repeat-x top left;
	padding:5px 5px 2px 5px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

.markItUpEditor {
	font:12px 'Courier New', Courier, monospace;
	padding:5px 5px 5px 5px;
	border:2px solid #3C769D;
	width:674px;
	height:100px;
	background:#FFF; /* url(images/bg-editor.png) no-repeat; */
	clear:both;
	line-height:18px;
	overflow:auto;
}

/**
* @file: highslide.css 
* @version: 4.1.13
*/
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	/*position: absolute;*/
	background: black;
}
a.highslide-full-expand {
   background: url(graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Thumbnail boxes for the galleries.                                        */
/* Remove these if you are not using a gallery.                              */
/*****************************************************************************/
.highslide-gallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.highslide-gallery ul li {
	display: block;
	position: relative;
	float: left;
	width: 106px;
	height: 106px;
	border: 1px solid silver;
	background: #ededed;
	margin: 2px;
	padding: 0;
	line-height: 0;
	overflow: hidden;
}
.highslide-gallery ul a {
	position: absolute;
	top: 50%;
	left: 50%;
}
.highslide-gallery ul img {
 	position: relative;
	top: -50%;
	left: -50%;
}
html>/**/body .highslide-gallery ul li {
	display: table;
	text-align: center;
}
html>/**/body .highslide-gallery ul li {
	text-align: center;
}
html>/**/body .highslide-gallery ul a {
	position: static;
	display: table-cell;
	vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
	position: static;
}

/*****************************************************************************/
/* Controls for the galleries.											     */
/* Remove these if you are not using a gallery							     */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(graphics/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
	list-style: none;
}
.highslide-controls a {
	background-image: url(graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.mobile .highslide-html {
	border: 1px solid silver;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 5;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}
.draggable-header .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
	position: absolute;
	width: 90%;
	margin: 1px 0 1px 5px;
	color: #666666;
}

.titlebar .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
	display: none;
}
.titlebar .highslide-header li {
	position: relative;
	top: 3px;
	z-index: 2;
	padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
	background: white;
}
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border {
	background: white;
}
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

/*****************************************************************************/
/* Styles for text based controls.						                     */
/* You can safely remove this if you don't use text based controls			 */
/*****************************************************************************/

.text-controls .highslide-controls {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	background: none;
}
.text-controls ul {
	position: static;
	background: none;
	height: auto;
	left: 0;
}
.text-controls .highslide-move {
	display: none;
}
.text-controls li {
    background-image: url(graphics/controlbar-text-buttons.png);
	background-position: right top !important;
	padding: 0;
	margin-left: 15px;
	display: block;
	width: auto;
}
.text-controls a {
    background: url(graphics/controlbar-text-buttons.png) no-repeat;
    background-position: left top !important;
    position: relative;
    left: -10px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none !important;
}
.text-controls a span {
	background: url(graphics/controlbar-text-buttons.png) no-repeat;
    margin: 1px 2px 1px 10px;
	display: block;
    min-width: 4em;
    height: 18px;
    line-height: 18px;
	padding: 1px 0 1px 18px;
    color: #333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
.text-controls .highslide-next {
	margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
	min-width: 0;
	margin: 1px 0;
	padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
	min-width: 0;
}
.text-controls a:hover span {
	color: black;
}
.text-controls a.disabled span {
	color: #999;
}

.text-controls .highslide-previous span {
	background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
	background-position: 0 -140px;
}
.text-controls .highslide-play span {
	background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
	background-position: 0 -160px;
}
.text-controls .highslide-pause span {
	background-position: 0 -80px;
}
.text-controls .highslide-next span {
	background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
	background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
	background: none;
}
.text-controls .highslide-full-expand a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-close span {
	background-position: 0 -120px;
}


/*****************************************************************************/
/* Styles for the thumbstrip.							                     */
/* See www.highslide.com/ref/hs.addSlideshow    							 */
/* You can safely remove this if you don't use a thumbstrip 				 */
/*****************************************************************************/

.highslide-thumbstrip {
	height: 100%;
	direction: ltr;
}
.highslide-thumbstrip div {
	overflow: hidden;
}
.highslide-thumbstrip table {
	position: relative;
	padding: 0;
	border-collapse: collapse;
}
.highslide-thumbstrip td {
	padding: 1px;
	/*text-align: center;*/
}
.highslide-thumbstrip a {
	outline: none;
}
.highslide-thumbstrip img {
	display: block;
	border: 1px solid gray;
	margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
	visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
	width: auto;
	/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) left center no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) center right no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal table {
	margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
	margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
	top: 47px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	border-bottom-color: white !important;
}

.highslide-thumbstrip-vertical-overlay {
	overflow: hidden !important;
}
.highslide-thumbstrip-vertical div {
	height: 100%;
}
.highslide-thumbstrip-vertical a {
	display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
	margin-left: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) top center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	margin-left: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) bottom center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical table {
	margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
	width: 60px; /* t=5481 */
}
.highslide-thumbstrip-vertical .highslide-marker {
	left: 0;
	margin-top: 8px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
	border-left-color: white;
}

.highslide-viewport .highslide-thumbstrip-float {
	overflow: auto;
}
.highslide-thumbstrip-float ul {
	margin: 2px 0;
	padding: 0;
}
.highslide-thumbstrip-float li {
	display: block;
	height: 60px;
	margin: 0 2px;
	list-style: none;
	float: left;
}
.highslide-thumbstrip-float img {
	display: inline;
	border-color: silver;
	max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
	border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
	display: none;
}
.highslide-thumbstrip-float .highslide-marker {
	display: none;
}

.cc_banner-wrapper {
    position: relative;
    z-index: 9001;
}
.cc_container .cc_btn {
    cursor: pointer;
    font-size: 0.6em;
    line-height: 1em;
    text-align: center;
    transition: font-size 200ms ease 0s;
}
.cc_container .cc_message {
    font-size: 0.6em;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    transition: font-size 200ms ease 0s;
}
.cc_container .cc_logo {
    background-image: url("//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.10/logo.png");
    background-size: cover;
    display: none;
    height: 22px;
    opacity: 0.9;
    overflow: hidden;
    text-indent: -1000px;
    transition: opacity 200ms ease 0s;
    width: 100px;
}
.cc_container .cc_logo:hover, .cc_container .cc_logo:active {
    opacity: 1;
}
@media screen and (min-width: 500px) {
.cc_container .cc_btn {
    font-size: 0.8em;
}
.cc_container .cc_message {
    font-size: 0.8em;
}
}
@media screen and (min-width: 768px) {
.cc_container .cc_btn {
    font-size: 1em;
}
.cc_container .cc_message {
    font-size: 1em;
    line-height: 1em;
}
}
@media screen and (min-width: 992px) {
.cc_container .cc_message {
    font-size: 1em;
}
}
@media print {
.cc_banner-wrapper, .cc_container {
    display: none;
}
}
.cc_banner-wrapper {
    height: 66px;
}
.cc_container {
    left: 0;
    overflow: hidden;
    padding: 15px;
    position: fixed;
    right: 0;
    top: 0;
}
.cc_container .cc_btn {
    background-color: #f1d600;
    cursor: pointer;
    display: block;
    float: right;
    margin-left: 10px;
    max-width: 120px;
    padding: 8px 10px;
    text-align: center;
    width: 33%;
}
.cc_container .cc_message {
    display: block;
}
@media screen and (min-width: 500px) {
.cc_container .cc_message {
    margin-top: 0.5em;
}
}
@media screen and (min-width: 768px) {
.cc_container {
    padding: 15px 30px;
}
.cc_container .cc_btn {
    padding: 8px 15px;
}
}
.cc_container {
    background: #161300; none repeat scroll 0 0;
    box-sizing: border-box;
    color: #aaa;
    /*font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;*/
    font-size: 17px;
}
.cc_container *::-moz-selection {
    background: #161300 none repeat scroll 0 0;
    color: #aaa;
    text-shadow: none;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color: #f1d600;
    border-radius: 5px;
    color: #000;
    transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s;
}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
    background-color: #fff;
    color: #000;
}
.cc_container a, .cc_container a:visited {
    color: #31a8f0;
    text-decoration: none;
    transition: color 200ms ease 0s;
}
.cc_container a:hover, .cc_container a:active {
    color: #b2f7ff;
}
@keyframes slideDown {
0% {
    margin-top: -66px;
}
100% {
    margin-top: 0;
}
}
@keyframes growDown {
0% {
    height: 0;
}
100% {
    height: 66px;
}
}
.cc_container {
    animation-duration: 0.8s;
    animation-name: slideDown;
}
.cc_banner-wrapper {
    animation-duration: 0.8s;
    animation-name: growDown;
}

/*----------------------------------------------------------
Färger
======

Text och länkar:
    #AAA, brödtext och rubriker

    #82A8C8, A
    #787AD1, A visited
    #AAAADD, A hover
    #DDDDFF, A active


Bakgrunder:
    #16_13_00, Bakgrund i huvuddelen (mörkbrun, nästan svart) 
    #5F552E, Meny bakgrund (varmt brun) = rbg(97, 85, 46)
----------------------------------------------------------*/



body
{
    background-image: url('images/bg-line-tan.png'); 
    background-color: #222211; /* #663C1C; /* #5c87b2;*/
    font-size: 0.85em;
    font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #AAA;
}

a
{
    color: #82A8C8;
    text-decoration: none;
}

a:visited
{
    color: #787AD1;
}

a:hover
{
    color: #AAAADD;
    /*text-decoration: underline overline;*/
}

a:active
{
    color: #DDDDFF;
}

p, ul, ol {
    margin-top: 6px;
    margin-bottom: 20px;
    line-height: 1.3em;
}

li {
    margin-top: 6px;
    margin-bottom: 12px;
    line-height: 1.3em;
}


header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/

/*.h1 {
    font-size: 2.5em;
    padding-bottom: 0;
    margin: 10px 0 0 0;
    color: #AAA;
}*/


h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #AAA;
}

h1 {
    font-size: 2.5em;
    padding-bottom: 0;
    margin: 10px 0 0 0;
}

header h1, #header h1, header h1 a {
    font-weight: bold;
    padding: 13px 0 0 0;
    margin: 0;
    color: #975 !important;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    /*text-shadow: 1px 1px 2px #222;*/
    text-decoration: none !important;
}

h2 {
    font-size: 1.6em;
    padding: 0 0 5px 0;
}

h3 {
    font-size: 1.5em;
    margin: 20px 0 0 0;
}

h4 {
    font-size: 1.2em;
    margin: 10px 0 0 0;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    /* width: 90%; */
    width: 1140px; /* 900px; */
    margin-left: auto;
    margin-right: auto;
}

.adminpage {
    margin-left: 10px;
    margin-right: 10px;
}

header, #header {
    position: relative;
    margin-bottom: 0;
    color: #000;
    padding: 5px 0 0 0;
}


.main
{
    padding: 20px 30px 15px 30px;
    background-color: #222211;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    /*box-shadow: 5px 10px 10px #222211;*/
    z-index: 0;
}


footer, 
#footer {
    background-color: #222211;
    color: #999;
    padding: 10px 20px;
    text-align: right;
    line-height: normal;
    margin: 0 0 10px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    /*box-shadow: 5px 5px 10px #222211;*/
}

/* TAB MENU   
----------------------------------------------------------*/
ul.menu {
    /* border-bottom: 1px #663C1C solid; /* #5c87b2;*/
    padding: 0;
    position: relative;
    margin: 0 0 -1px 0;
    text-align: right;
}

ul.menu li {
    display: inline;
    list-style: none;
}

ul.menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul.menu li a
{
    padding: 10px 20px;
    margin-left: -3px; 
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #5F552E; /*#e8eef4;*/
    color: #DDD; /*#034af3;*/
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    /*box-shadow: 5px 10px 10px #222211;*/
}

ul.menu li a:hover {
    background-color: #875; /* #fff; */
    text-decoration: none;
}

ul.menu li a:active {
    background-color: #A97; /* #a6e2a6;*/
    text-decoration: none;
}

ul.menu li.selected a {
    padding: 10px 20px;
    background-color:  #222211; /* #fff; */
    color: #DDD;
}



ul.pager {
    margin: 10px 0 -1px;
    padding: 0;
    position: relative;
    text-align: left;
}

ul.pager li span
{
    border-radius: 4px;
    margin: 5px;
    padding: 10px 20px;
}

ul.pager li a
{
    border-radius: 4px;
    margin: 5px;
    padding: 10px 20px;
}

.pager li.selected-page a {
    background-color: #222211;
    border: 1px solid #5F552E;
    /*padding: 10px 20px;*/
    /*margin-left: -3px;*/ 
    color: #DDD;
    font-weight: bold;
    line-height: 2.8em;
}

.pager li .selected {
    background-color: #222211;
    border: 1px solid #5F552E;
    /*padding: 10px 20px;*/
    /*margin-left: -3px;*/ 
    color: #DDD;
    font-weight: bold;
    line-height: 2.8em;
}

.rounded {
    padding: 0 10px;
    /*margin-left: -3px; 
    margin: 5px;*/
    font-weight: bold;
    text-decoration: none;
    /*line-height: 2.2em;*/
    background-color:  #5F552E; /*#e8eef4;*/
    color: #DDD; /*#034af3;*/
    /*box-shadow: 5px 10px 10px #222211;*/
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: solid 1px  #5F552E;
    cursor: pointer;
}

.rounded a {
    color: #DDD !important;
}

.rounded:hover, .rounded:hover a    {
    background-color: #875; /* #fff; */
    text-decoration: none;
}

.rounded:active, .rounded:active {
    background-color: #A97; /* #a6e2a6;*/
    text-decoration: none;
}

.rounded .selected {
    background-color:  #222211; /* #fff; */
    color: #DDD;
}

input.rounded, textarea.rounded  {
    background-color: #EEE !important;
    font-size: 16px !important;
    height: 27px;
    cursor: text;
}

.link-button {
   padding: 7px 15px 7px 15px; 
   color: #DDD !important;
   font-weight: normal;
 }


ul.login li {
    display: inline;
    list-style: none;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

input, select, textarea{
    width:20em;
    /*border: 10px solid #ccc; */
    font-family: "Trebuchet MS",​Verdana,​Helvetica,​sans-serif;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-sizing:content-box;
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box; 
}

fieldset {
    border: 1px solid #999;
    padding: 0 1.4em 0 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold; 
}

textarea {
    min-height: 75px;
}

input[type="text"], 
input[type="email"], 
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1em;
    color: #444;
    /*width: 200px;*/
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1em;
    color: #444;
    width: 20em;
}

input[type="submit"] {
    font-size: 1em;
    padding: 2px 0px;
    margin: 4px 0px;
}


/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
    margin-top: 30px;
    margin-left: 250px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
    font-weight: bold;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.image-field
{
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
}

.text-box {
    width: 21em;
}

.text-box.multi-line {
    height: 6.5em;
    min-width: 21em;
}

.tri-state {
    width: 6em;
}

.latin 
{
    font-style: italic;
}
.svenska 
{
    font-weight: bold;
}

.imageCell
{
    vertical-align: bottom;
    text-align: center;
    max-height: 110px;
    width: 160px;
    border: none; 
}

.textCell
{
    vertical-align: top;
    text-align: center;
    /*height: 150px;*/
    width: 160px;
    border: 0;
}

/*table.comparison
{
    border-style: hidden;
    padding: 2px;
    border-collapse: separate; 
}*/


.mapCell
{
    vertical-align: top;
    text-align: center;
    /*height: 150px;*/
    width: 170px;
    border: 0;
}

div.folderInput
{
    width: 95%;
    margin-top: 5px;
}

.folderInput input[type="text"]
{
    width: 100%;
}

.flashmessage
{
    color: Orange;
    font-weight: bold;
}


/* TABLE ----------------------------------------------------------*/

table {
    /* border: solid 1px #e8eef4; */
    border-collapse: collapse; 
    /*border-color: yellow;*/
}

table td
{
    padding: 5px;
    /*border-color: aqua;*/
    /* border: 1px solid #553; */
}

table th {
    padding: 6px 5px;
    text-align: left;
    font-size: 1em;
    /*background-color: #e8eef4;*/
    /* border: solid 1px #e8eef4; */
}


.layout-table td
{
    /*border-style: dashed;*/
    border-color: inherit;
    text-align: left;
    vertical-align: top;
}

.layout-table td.compare-image
{
    /*border-style: dashed;*/
    border-color: inherit;
    text-align: center;
    vertical-align: bottom;
    border-width: 10px;
    border-style: solid;
    border-color: #222211;
}


.species-table td
{
    border-style: none;
    /*border: 5px solid #222211;*/
    text-align: center;
    vertical-align: middle;
    width: 110px;
}

td.species-table-left
{
    border-style: none;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.species-table tr
{
    /*border: 3px solid #222211;
    background-color: #080800;*/
}

td.center
{
    text-align: center;
}


/* Inline menu, en horisontell meny, typ:   Start ♦ Redigera ♦ Övrigt   */


.inline-menu 
{
    border: none;
    background-color: transparent;
    display: inline;
    padding: 5px;
    padding-right: 5px;
    margin: 0px;
    list-style: none;
    vertical-align: middle;
}

.inline-menu .choice
{
    display: inline;
    padding: 0 2px 0 2px;
    color: yellow;
}

.inline-menu .heading
{
    display: inline;
    background-color: transparent;
    padding-right: 5px;
    font-weight: normal;
}

/*select
{
    box-sizing: content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    padding-top: 10px;
}*/

/* Original i .dropdown */
.dropdown-menu
{
    font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
    line-height: 2.2em;
    
    border: none;
    color: #ddd; /*82A8C8; ; /*#034af3;*/
    width: 150px;
    padding: 0 0 0 5px;
    height: 28px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background: #5f552e url('images/dropdownarrow.png') 95%  50% no-repeat;   /*#5F552E*/;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;

}

.dropdown-menu option
{
    font-weight: normal;
    padding: 5px;
}





.selected
{
    background-color: #333322;  /*#222211;*/ 
    color: #00EEFF;
}


.selected-for-comparison
{
    background-color: #333322;
    color: #EEE;
}



/* DROPDOWN 
#dropdown {
 float: left;
 margin: 0;
 padding: 0;
}
#dropdown li {
 background: #F7F0E0;
 border:1px solid #666;
 float: left;
 list-style: none;
 margin: 0;
 padding:0 0 0 10px;
 position: relative;
 height:20px;
 width:100px;
}
#dropdown li:hover {
 background: #FF2828;
}
#dropdown li a {
 text-decoration:none;
}
#dropdown ul {
 background: #F7F0E0;
 display: none;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 20px;
 left: -1px;
 z-index: 500;
}
#dropdown ul {
 position: absolute;
}
#dropdown li:hover ul {
 display: block;
}
*/
/*
#details-image
{
   background-image: url('images/millimeter/mm50.png'); 
   background-repeat: repeat;
}
*/



.details-label 
{
    margin: 0.5em 0 0.5em 0;
    float: left;
    clear: left;
    width: 150px;

}

.details-label:after
{
    content: ": ";
}

.details-field 
{
    margin: 0.5em 0 0 0.5em;
    float: left;
    clear: right;
    font-weight: bold;
}

.first_uppercase {
 display: inline-block;
}

.first_uppercase:first-letter 
{
    text-transform: uppercase;
}

.genitive:after 
{
    content: "s";
}


/*
.svenska:first-letter 
{
    text-transform: uppercase;
}
*/

hr
{
    color: #999;
    background-color: #999;
    height: 1px;
    border: 0;
}

.test
{
    background-color:  Lime;
}

.image
{
    background-image: none; 
    background-color: #222211;
    text-align: center;
}

.image td
{
    border-style: none;
    border-color: inherit;
    text-align: center;
    vertical-align: middle;
    padding: 50px 0px;
}

.image table
{
    width: 100%;
}


td.imagePrevious,
td.imageNext
{
    width: 100px;
}

a.imagePrevious
{
    background: url('images/previousImage.png') no-repeat center center;
    display: block;
    width: 100%;
    height: 300px;
    text-indent: -9999px; /* hides the link text */
}

a.imageNext
{
    background: url('images/nextImage.png') no-repeat center center;
    display: block;
    width: 100%;
    height: 300px;
    text-indent: -9999px; /* hides the link text */
}

input.referencePicker
{
    width: 20px;
    text-align: left;
}

label.referencePicker
{
    text-align: left;
}

.dark
{
    background-color: #222211; /* #663C1C; /* #5c87b2;*/
    color: #AAA;
    text-indent:-1.5em;
}

.reference 
{
    margin-top: 3px;
    margin-bottom: 6px;
}

.reference-list td
{
    padding: 10px 10px 10px 20px
}

.checklistbox
{
    overflow: auto;
    width: 400px;
    color: #444;
    background-color: White;
    border: 1px solid gray;
    padding: 3px;
    white-space:nowrap;
}

.checklistbox-dark
{
    overflow: auto;
    width: 100%;
    color: #AAA;
    background-color: #222211; /* #663C1C; /* #5c87b2;*/
    border: none;
    padding: 3px;
    white-space:normal;
}
u
{
    text-decoration: underline;
}

.checklist
{
    border-style: none;
    text-align: left;
    vertical-align: bottom;
    padding: 2px;
}

.checklist-stam 
{
    font-size: 1.7em;
    font-weight: bold;
    padding-top: 0px;
}

.checklist-class 
{
    font-size: 1.4em;
    font-weight: normal;
    padding-top: 20px;
}

.checklist-family
{
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 15px;
}

.checklist-species
{
    
}

.checklist-header
{
    font-size: 1.2em;
    font-weight: normal;
    padding-top: 20px;
    text-align: left;
    border-bottom: 1px double #999;
    background-color: transparent;
    border-style: none;
    border-width: medium;
    border-color: inherit;
    text-decoration: underline;
    /*
    transform: translate(20px, 0px) rotate(-45deg);
	transform-origin: left bottom 0;
    */
}

.checklist-status
{
    font-family: Consolas;
    text-align: center;
    font-weight: normal;
    padding: 0 5px 0 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.green
{
    background-color: #222;
    color: green;
}


.redlist
{
    background-color: #800;
}

.biotop
{
    background-color: #444;
}

.limnic
{
    color: #088;
}

.marine
{
    color: #00B;
}

.terrest
{
    color: #A60;
}

input[type=checkbox], input[type=radio] 
{
    width: 20px;
}

.filter-header
{
     font-weight: bold; 
    border-bottom: 1px solid #999;
}

.filter ul 
{ 
  list-style: none;
  padding-left:0;
}

.filter  li
{
    margin-top: 0;
    margin-bottom: 0px;
    line-height: 1.3em;

}

.filterButton
{
    font-size: 1.0em;
}

.legend {
    font-size: 1.2em;
   /* font-weight: bold; */
}

fieldset.collapsed {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: 0;
    margin-left: 0px;
}



.bg1 
{
    background-color: lime;
}

.bg2
{
    background-color: aqua;
}

.hide-millimeters
{
    background-image: none !important;
    /*font-style: italic;*/
}

.text-background {
    background-color: #222211;
    padding: 3px;
    /*opacity: 0.5;*/
}

td.species-images-section {
    /*border: 1px solid #aaaacc;*/
}


.overview td, th {
    border : 1px solid hsl(0, 0%, 20%);
    text-align:left;
    vertical-align: top;
    font-size:smaller;
}

.longtext {
        display: inline-block;
        /*white-space: nowrap;*/
        overflow: hidden;
        text-overflow: ellipsis;     /** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
        -o-text-overflow: ellipsis;  /** Opera 9 & 10 **/
        width: 150px; /* note that this width will have to be smaller to see the effect */
        height:210px;
}

.truncate {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;     /** IE6+, Firefox 7+, Opera 11+, Chrome, Safari **/
        -o-text-overflow: ellipsis;  /** Opera 9 & 10 **/
        width: 150px; /* note that this width will have to be smaller to see the effect */
}

/*
.overview_imagecell {
    text-align:center;
    vertical-align: middle;
}
*/

.center {
    text-align: center;
}

.warning {
    background-color: yellow;
    color: red;
    font-weight: bold;
    font-size: 1.5em;
}

.todo li {
    margin-top: 0;
    margin-bottom: 0px;
    line-height: 1.3em;
    color: lightgray;
}

 li .done {
    text-decoration: line-through;
    color: gray;
}
 li .important {
    color: yellow !important;
    font-weight: bold;
}

.format-legend td 
{
    font-size: small;
    padding: 0 15px 0 0;
}

.descriptions {
    text-align: left;
}

.descriptions p {
    margin-top: 0;
}

.descriptions.button {
    margin: 0 auto 16px auto; 
    padding: 7px 5px;
    width: 200px;
    text-align:center;
}

.species-info input,
.species-info select {
    width: 16em;
}

table.row-of-shells {
    margin: 0 auto;
}

.row-of-shells td {
    vertical-align: bottom;
    text-align: center;
    width: 160px;
    border: 0;
}


.resolution button {
    width: 156px;
}

.resolution input {
    width: 150px;
}

.resolutionErrorMsg {
    color: red;
}

.resolutionTable td {
    border: 1px solid #333333;
}

.comment input, 
.comment textarea {
    width: 350px;
    background-color:  #EFE;
}

button {
    font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
}

.alert-error
{
    color: red;
}

.species:not(.link) {
    color:#CCC;
}

.thumbwrapper {
    /*display: inline;*/
}

.highslide-wrapper, .highslide-outline {
	background: #222211;
}

.highslide img {
	border: 0 none;
}
.highslide-image {
	border: 0 none; 
}

.highslide-caption {
    text-align:center;
    padding: 5px;
    border-width: 0px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-color: black;
    border-style: solid;
    background-color: #222211;
}

.highslide-loading {
	display: block;
	padding: 3px 0 3px 22px;
	width: 0;
	height: 16px;
	overflow: hidden;
	background-color: white;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	background-image: url(/Scripts/highslide/graphics/loader.white.gif);
}

a.highslide-full-expand {
   background: url(/Scripts/highslide/graphics/fullexpandgray.png) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
} 


.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(/Scripts/highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(/Scripts/highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
	list-style: none;
}
.highslide-controls a {
	background-image: url(/Scripts/highslide/graphics/controlbar-black-border.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}




.comparisonCell
{
    cursor: pointer;
}

.edit-literature-button 
{
    padding: 0;
    margin: 0;
    background-color:#222211;
    color: #82A8C8;
    font-size: 0.6em;
    border-width: 1px;
}

.literature .text-box
{
    width: 95%;
    margin-bottom: 5px;
    color: #AAA;
}

.literature-author {
    font-style:italic;
    color: #AAA;
}

.literature-title {
    font-weight:bold;
    color: #DDD;
}

.literature-year {
    color: #AAA;
}

.literature-extra {
}

.literature-link {
}

.bottom {
    vertical-align: bottom;
}

.clickable {
    cursor:pointer;
}

.dropdown
{
    font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
    /*font-size: 0.85em;*/
    font-weight: bold;
    line-height: 2.2em;
    /*padding: 0 10px;*/
    
    border: none;
    /*border: 1px solid #ddd;*/
    color: #ddd; /*82A8C8; ; /*#034af3;*/
    /*background-color:  #5F552E; /*#e8eef4;*/
    /*width: 150px;*/
    padding: 0 0 0 5px;
    font-size: 16px;
    height: 34px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background: #5f552e url('images/dropdownarrow.png') 90%  50% no-repeat  /*#5F552E*/;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}


.option-bar
{
    padding: 10px 5px 10px 5px;
    border: 1px solid #999;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*background-color: #5F552E;*/
}

.blogg
{
    margin-left: 50px;
    margin-right: 50px;
}

.blogg-image
{
    float:left
}

.blogg-image figure
{
    margin: 0 10px 10px 0;
}

.blogg-image figcaption
{
    text-align: left;
    color: #AAA;
    width: 300px;
    font-style: italic;
}

.blogg-image img
{
    border: solid 2px #AAA;
}


figure.table-figure 
{
    text-align: center;
    margin: 0;
    max-width: 160px;
}

.table-figure div
{
    text-align: center;
    height: 110px;    
    margin: 0;
}

.table-figure span
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin: 0;
}

.table-figure img
{
    vertical-align: bottom;
    max-height: 110px;
    margin: 5px;
}
 
.table-figure figcaption
{
    text-align: center;
    vertical-align: top;
    max-width: 160px;
    white-space: nowrap;
    margin: 5px;
}



.inline-editor
{
    margin: 10px 0;
    display: block; 
}

.inline-editor label
{
    display: inline-block; 
    width: 150px;
    font-weight: bold;
}

.inline-editor input,
.inline-editor select
{
    display: inline-block; 
    width: 400px;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 0.9em;
    color: #444;
    padding: 2px;
}

.inline-editor input[type="checkbox"], 
.inline-editor input[type="radio"] 
{
    width: 20px;
}

.inline-editor input[readonly="readonly"]
{
    background-color: #999;
    font-style: italic;
} 

.labelImage img
{
    margin-top: 10px;
}

div.image-panel
{
    /*border: 1px solid lightgray;*/
    background-color: #5F552E;
    margin: 5px 0;
    padding: 10px;
    vertical-align: middle;
}

.image-panel .col
{
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
    display: block;
    float: left;
}

.image-panel .colh
{
    height: 20px;
    vertical-align: middle;
    float: left;
    font-weight: bold;
}

.image-panel .col50
{
    width: 50px;
}

.image-panel .col50
{
    width: 50px;
}

.image-panel .col75
{
    width: 75px;
}

.image-panel .col100
{
    width: 100px;
}

.image-panel .col150
{
    width: 150px;
}
.image-panel .col200
{
    width: 200px;
}

.image-panel .col300
{
    width: 300px;
}

#sortable { list-style-type: none;  padding: 0; }
#sortable li { }
#sortable li span { position: absolute;  }

table.admin-table td
{
    border-top: 1px solid hsl(0, 0%, 20%)
}





.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

input.tt-hint {
    color: #888;
    background-color: #EFE !important;
}


.tt-menu {    /* used to be tt-dropdown-menu in older versions */
  font-size: 12px;
  width: 25em;
  margin-top: 1px;
  padding: 4px 0;
  /*background-color: #ddd;*/
  color: #ddd;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.5);
          box-shadow: 0 5px 10px rgba(0,0,0,.5);
    background: rgba(97, 85, 46, 1);

}

.tt-suggestion {
  /*padding: 6px 20px;*/
  line-height: 16px;
  margin: 10px;
  cursor: pointer;
}

.tt-suggestion.tt-cursor,.tt-suggestion:hover {
  color: #efe;
  background-color: #787AD1; /*#222211;*/ /*#5F552E;*/
}


.tt-suggestion p {
  margin: 0;
}

.tt-suggestions strong {
    font-weight: normal;
    color: red;
}

.tt-notSelectable {
    color: gray;
}

.tt-notSelectable:hover {
    color: gray;
    cursor: not-allowed;
    background-color:  transparent;
}

.ui-dialog-content
{
    background-color: yellow;
}



#custom-templates .empty-message {
  padding: 5px 10px;
 text-align: center;
}


.image-selector
{
}

fieldset.image-selector
{
    padding-bottom: 5px;
    /*border-color: #544;*/
    border: none;
    background-color: #322;
    margin-right: 20px;
    margin-bottom: 5px;
    display: inline-block;
}

table.image-selector
{
    /*border: 1px solid #544;*/
    margin: 0 5px 5px 0;
}

.image-selector img
{
    max-height: 50px;
    max-width: 50px;
}

.image-selector td.image-td
{
    height: 50px;
    width: 50px;
    vertical-align: middle;
    text-align: center;
}


.bottom-bar {
    position: fixed;
    z-index: 100; 
    bottom: 0; 
    left: 0;
    width: 100%;
    background-color: #5F552E; /*#222211 ;*/
    /*border-top: 1px solid #AAAAAA;*/
    padding: 5px;
}

.no-margin {
    margin: 0 0 0 0;
}

.plain {
    font-style: normal;
    font-weight: normal;
}

.textlist th
{
    background-color:#5F552E;
}

.textlist tr:nth-child(odd)
{

    background-color:#2F250E;

    /*#222211, Bakgrund i huvuddelen (mörkbrun, nästan svart)*/

}

.textlist td,
.textlist th
{
    color: #CCC;
}



.light-background
{
    padding: 10px;
    background-color: #eed; 
    text-align:center;
}

.max100
{
    max-height: 100px;
    max-width: 100px;
}

.previewCell
{
    font-size: 11px; 
    vertical-align:bottom; 
    text-align: center; 
    border: 1px solid gray; 
}

.previewCell.red
{
    background-color: #550000;
}



/* Sökning */

.ui-widget.success-dialog {
    font-family: Verdana,Arial,sans-serif;
    font-size: .8em;
}

.ui-widget-content.success-dialog {
    background: #F9F9F9;
    border: none;/*1px solid #90d93f;*/
    color: #222222;
}

.ui-dialog.success-dialog {
    left: 0;
    outline: 0 none;
    padding: 0 !important;
    position: absolute;
    top: 0;
    background: none;
    /*height: 200px;*/
    /*display:block;
    overflow: auto;*/
}

.ui-dialog.success-dialog .ui-dialog-content {
    /*background: none repeat scroll 0 0 transparent;*/
    /*background-color: yellow;*/
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 0 !important;
    margin: 0;
        /*opacity: 0.1;*/
    background-color: rgba(0, 255, 0, 0.0);
    top: 70px;
    /*display:block;
    overflow: auto;*/
}

.ui-dialog.success-dialog .ui-widget-header {
    background: #000078;
    border: 0;
    color: #fff;
    font-weight: normal;
}

.ui-dialog.success-dialog .ui-dialog-titlebar {
    padding: 0.1em .5em;
    position: relative;
    font-size: 1em;
    opacity: 1.0;
}

.ui-dialog.success-dialog .ui-dialog-titlebar {
    display:none
}

#searchMollusc
{
    opacity: 1;
    background-color: #161300;
    border: 1px solid gray;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 10px;
    font-size: 1.2em;
}

/*#searchMollusc > .tt-hint
{
    background-color: blue;
    height: 30px;
    border-radius:  8px 0 0 8px;
    -webkit-border-radius:  8px 0 0 8px;
    -moz-border-radius:  8px 0 0 8px;

}*/
/*#searchMollusc > .tt-input*/
#searchText .tt-input
{
    background-color: yellow;
    border: 3px solid black;
    height: 30px;
    border-radius:  8px 0 0 8px;
    -webkit-border-radius:  8px 0 0 8px;
    -moz-border-radius:  8px 0 0 8px;

}

#closeSearch
{
    /*height: 35px;/
    /*margin-right: -10px;*/
    /*border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;*/

}

x.ui-widget.dialog-form {
    font-family: Verdana,Arial,sans-serif;
    font-size: .8em;
}

x.ui-widget-content.dialog-form {
    background: #F9F9F9;
    border: 1px solid #90d93f;
    color: #222222;
}


x.searchDiv
{
    /*padding: 20px 20px 20px 20px;*/
    /*font-weight: bold;*/
    text-decoration: none;
    /*background-color: #5F552E; /*#e8eef4;*/*/
    color: #DDD; /*#034af3;*/
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*position: absolute;
    visibility: collapse;
    border: 1px solid #161300;*/
    width: 1000px;



    /*//padding: 20px 30px 15px 30px;
    background-color: #DDD;
    //opacity: 0.5;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    /*box-shadow: 5px 10px 10px #161300;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 70px 140px 175px 140px;
    padding : 30px;
    width: 700px;
    height: 200px;
    background-color: orange;
    border: 1px solid black;
    z-index: 1;*/
}

x#dialog-form
{
    /*background-color: #5F552E;*/
    width: 700px;
    height: 700px;
}

x.ui-dialog
{
    background-color: #5F552E;
}

x.searchDialog
{
    background-color: blue;
}

input.typeahead.form-control
{
    width: 390px;
    padding: 0.8em;
    /*margin: 1em;*/
    background-color: #DDD;
}

#searchTaxa 
{
    /*width: 35em;
    background-color: green;
    opacity: 0;*/
}

#closeSearch
{
    vertical-align:bottom;
    /*font-weight: bold;*/
    font-size: 1em;
    /*width: 24px;
    height: 22px;
    padding: 2px;*/
    cursor: pointer;
    border: 1px solid #ddd;
}

#prefetch
{
}