@import url("smooo/blueprint.css");
@import url("smooo/smooo.css");


html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

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

body
	{
	background: #eee;
	text-align: center;
	color: #686661;
	font-family: "Lucida Grande", "Lucida sans", arial, helvetica, san-serif;
	}

a, a:visited
	{
	color: #007cc3;
	outline: none
	}

a:hover
	{
	color: #0198ee
	}

h1, h2, h3, h4, h5, h6
	{
	color: #3f4040;
	}

h4
	{
	margin-bottom: 1.5em;
	height: auto;
	line-height: 1.5em
	}

h5
	{
	font-weight: bold;
	color: #000;
	border-bottom: 3px solid #007cc3;
	}

h1
	{
	font-size: 2.3em;
	line-height: 1.4em;
	margin-top: 0.2em
	}

.center
	{
	text-align: center
	}

#smooo table td
	{
	vertical-align: top
	}

div#all
	{
	width: 870px;
	text-align: left;
	margin: auto;
	}

div#page
	{
	width: 870px;
	padding-top: 1px;
	background: #fff url(/media/gfx/page_bg.gif) repeat-x;
	-o-box-shadow: 0px 0px 11px #aaa;
	-icab-box-shadow: 0px 0px 11px #aaa;
	-khtml-box-shadow: 0px 0px 11px #aaa;
	-moz-box-shadow: 0px 0px 11px #aaa;
	-webkit-box-shadow: 0px 0px 11px #aaa;
	box-shadow: 0px 0px 11px #aaa;
	margin-bottom: 0px;
	border-bottom: 1px solid #fff
	}

div#top
	{
	height: 156px;
	padding: 1px 19px 0px 19px;
	width: 830px;
	margin-left: 1px;
	background: url(/media/gfx/top_bg.gif) 0px 94px repeat-x;
	}

a.logo
	{
	display: block;
	height: 72px;
	width: 450px;
	margin: 23px 0px 0px 0px;
	background: url(/media/gfx/sd_logo.gif) no-repeat;
	}


/* =The horizontal menu */

#menu
	{
	margin-top: 12px;
	height: 29px;
	padding-left: 4px;
	background: #007cc3 url(/media/gfx/menu_left.gif) center left no-repeat;	
	}

#menu ul.navigation
	{
	height: 29px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: #007cc3 url(/media/gfx/menu_right.gif) center right no-repeat;
position: relative;
z-index: 597;
float: left;
	}

#menu ul.navigation li
	{
	float: left;
	height: 29px;	
	padding: 0px;
	margin: 0px;
	list-style: none;
 line-height: 1.5em;
 vertical-align: middle;
 zoom: 1;
	}

#menu ul.navigation li:hover
	{
 position: relative;
 z-index: 599;
 cursor: default;
	}


#menu ul.navigation li a
	{
	padding: 5px 10px 0px 11px;
	display: block;
	float: left; 
	color: #daf2ff;
	text-decoration: none;
	height: 24px
	}

#menu ul.navigation li a.activeLink, #menu ul.navigation li.activeCategory
	{
	background: url(/media/gfx/menu_marker.gif) center bottom no-repeat
	}
	
#menu ul.navigation li ul li a.activeLink, #menu ul.navigation li ul li.activeCategory
	{
	background: none
	}

#menu ul.navigation ul li a.activeLink
	{
	background: none
	}

#menu ul.navigation li a:hover
	{
	color: #fff
	}
	
#menu ul.navigation li ul li ul li a:hover
	{
	background: url(/media/gfx/menu_hover.gif) 0px 1em no-repeat
	}

#menu ul.navigation ul
	{
	list-style: none;
	margin: 0;
	margin-top: 0px;
	padding: 0;
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: auto;
 clear: both;
 z-index: 598;
 background: #007cc3;
 width: 180px;
/* 	-webkit-border-bottom-left-radius: 3px;
  	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px; */
	}

#menu ul.navigation li ul li a
	{
	display: block;
 	width: 160px;
 	margin: 0;
	padding: 5px 10px 0px 10px;
	}

#menu ul.navigation li ul li:hover
	{
	background: #026dab url(/media/gfx/dropdownhover_bg.gif) repeat-x
	}

#menu ul.navigation li ul li ul li a:hover
	{
	text-decoration: underline
	}


#menu ul.navigation li ul li ul
	{
	background: #026dab url(/media/gfx/dropdownhover_bg.gif) repeat-x;
	margin-top: -1px;
	margin-left: 1px;

	width: 250px;
	padding-bottom: 10px;
	}
	
#menu ul.navigation li ul li ul li, #menu ul.navigation li ul li ul li a

	{
	display: inline;
	width: auto;
	height: auto;
	border: none
	}

#menu ul.navigation ul li {
 float: none;
 border-top: 1px solid #fff;
}

#menu ul.navigation ul ul {
 top: 1px;
 left: 99%;
}

#menu ul.navigation li:hover > ul {
 visibility: visible;
}


/* =The Body of the page */

div#pageBody
	{
	padding: 0px 20px 20px 20px;
	}

div#columnLeft
	{
	width: 670px;
	float: left;
	margin-right: 20px;
	padding-top: 0px;
	font-size: 110%;
	}

div#columnRight
	{
	width: 140px;
	float: left;
	}


/* =startpage */

div.topImage
	{
	margin-top: 0px;
	margin-bottom: 20px
	}

div.helpAnimal, div.gift
	{
	float: left;
	}

div.helpAnimal
	{
	margin-right: 20px
	}

/* =news - newslist */

div.newsList
	{
	width: 325px;
	float: left;
	margin-top: 30px
	}

div.newsListMargin
	{
	margin-right: 20px
	}


div.newsList div.newsItem
	{
	padding: 10px 10px 15px 10px;
	background: #f5f5f5;
	border: none
	}

div.newsList h3
	{
	border-bottom: 3px solid #007cc3;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 1.3em
	}

div.newsList div.newsItem .newsDate
	{
	font-size: 0.85em;
	padding-left: 14px;
	margin-bottom: 5px;
	background: url(/media/gfx/news_icon.gif) left 3px no-repeat
	}

div.newsList div.newsItem h4
	{
	margin-bottom: 5px;
	}

div.newsList div.newsItem h4 a
	{
	color: #000;
	text-decoration: none;
	font: 1em arial, helvetica, san-serif;
	}

p.readMore
	{
	margin: 0
	}

p.readMore a
	{
	font: bold 0.9em arial, helvetica, san-serif
	}

a.moreNews
	{
	font-size: 0.8em;
	padding-left: 10px;
	font-weight: bold;
	background: url(/media/gfx/arrow_right_blue.gif) left center no-repeat
	}

p.date
	{
	margin-bottom: -0.5em
	}


span.newsDate, p.date
	{
	font-size: 0.9em;
	padding-left: 14px;
	margin-bottom: 5px;
	background: url(/media/gfx/news_icon.gif) left 3px no-repeat
	}

/* =The Boxes and stuff in the right column */

div.boxTop
	{
	height: 22px;
	padding: 3px 10px 3px 0px; 
	background: #007cc3 url(/media/gfx/boxtop.gif) no-repeat
	}

div#columnRight h4
	{
	color: #007cc3;
	border-bottom: 3px solid #007cc3;
	padding-bottom: 2px;
	margin-bottom: 8px;
	}

div#columnRight div.boxTop h4
	{
	color: #fff;
	border: none;
	padding: 2px 0px 0px 26px;
	font-size: 1.1em;
	margin: 0
	}

div.boxBody
	{
	background: #eee;
	margin-top: 1px;
	margin-bottom: 20px
	}


/* =Quick links - Snabblänkar */

h4.quickLinks
	{
	background: url(/media/gfx/icon_arrow.gif) 10px 7px no-repeat
	}

div.boxBody ul, div.boxBody ul li
	{
	list-style: none;
	margin: 0;
	padding: 0
	}

div.boxBody ul li a
	{
	display: block;
	height: 21px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	color: #000;
	padding: 6px 5px 0px 30px;
	background: url(/media/gfx/icon_sprite.png) 7px 7px no-repeat;
	font-size: 0.9em
	}

div.boxBody ul li a:hover
	{
	background: #e4e4e4 url(/media/gfx/icon_sprite.png) 7px 7px no-repeat
	}

div.boxBody ul li a.quickInfo		{background-position: 7px -20px}
div.boxBody ul li a.quickInfo:hover		{background-position: 7px -161px}

div.boxBody ul li a.quickInter		{background-position: 7px -76px}
div.boxBody ul li a.quickInter:hover		{background-position: 7px -217px}

div.boxBody ul li a.quickContact	{background-position: 7px 8px}
div.boxBody ul li a.quickContact:hover	{background-position: 7px -133px}

div.boxBody ul li a.quickSitemap	{background-position: 7px -48px}
div.boxBody ul li a.quickSitemap:hover	{background-position: 7px -189px}

div.boxBody ul li a.quickPrint		{background-position: 7px -104px}
div.boxBody ul li a.quickPrint:hover		{background-position: 7px -245px}

div.boxBody ul li a.quickRegister		{background-position: 7px -273px}
div.boxBody ul li a.quickRegister:hover		{background-position: 7px -300px}


/* =Quick Search - Snabbsök */

h4.quickSearch
	{
	background: url(/media/gfx/icon_magnifier.gif) 7px 4px no-repeat
	}

div.boxBody form
	{
	padding-top: 10px;
	padding-bottom: 10px
	}

div.boxBody input.field
	{
	margin: 0px 0px 5px 0px;
	padding: 4px 5px 0px 5px;
	border: none;
	background: none;
	width: 109px;
	height: 18px;
	background: url(/media/gfx/searchfield_bg.gif) no-repeat;
	.font-size: 0.9em	
	}

div.boxBody input.button
	{
	border: none;
	background: none;
	width: 48px;
	height: 23px;
	background: url(/media/gfx/search_button.gif) no-repeat;
	padding-top: 2px;
	.padding-top: 4px;
	margin: 0 0 10px 0;
	text-align: center;
	.font-size: 0.9em;
	text-shadow: none;
	font-weight: normal;
	}

div.boxBody input.button:hover
	{
	background-position: 0px -23px;
	color: #5F5E5E;
	}

div.boxBody input.button:active, 
div.boxBody input.button:focus
	{
	background-position: 0px -46px
	}


/* =Text size - Textstorlek */

h4.textSize
	{
	background: url(/media/gfx/icon_textsize.gif) 8px 5px no-repeat
	}

div.textSizer
	{
	width: 48px;
	height: 23px;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 15px;
	}

div.textSizer a
	{
	display: block;
	width: 24px;
	height: 23px;
	float: left;
	background: url(/media/gfx/text_size_butt.gif) 0px 0px no-repeat
	}

div.textSizer a.textIncrease
	{
	background-position: -24px 0px
	}
	
div.textSizer a.textIncrease:hover
	{
	background-position: -24px -25px
	}

div.textSizer a.textIncrease:active
	{
	background-position: -24px -50px
	}

div.textSizer a.textDecrease:hover
	{
	background-position: 0px -25px
	}

div.textSizer a.textDecrease:active
	{
	background-position: 0px -50px
	}


/* =Djurens värld */

div.overlay
	{
	position: absolute;
	height: 30px;
	width: 140px;
	background: url(/media/gfx/semitransparent.png);
	margin-top: 170px;
	text-align: right
	}

div.overlay a, div.overlay a:visited
	{
	width: 120px;
	height: 25px;
	display: block;
	color: #fff;
	padding: 5px 20px 0px 0px;
	background: url(/media/gfx/arrow_right.gif) 125px 12px no-repeat
	}


/* =The Footer of the page */

div#footer
	{
	margin-top: 6px;
	background: #fff;
	-o-box-shadow: 0px 0px 11px #aaa;
	-icab-box-shadow: 0px 0px 11px #aaa;
	-khtml-box-shadow: 0px 0px 11px #aaa;
	-moz-box-shadow: 0px 0px 11px #aaa;
	-webkit-box-shadow: 0px 0px 11px #aaa;
	box-shadow: 0px 0px 11px #aaa;
	padding: 1px;
	margin-bottom: 20px	
	}

div.footerInner
	{
	background: #f9f9f9;
	padding: 15px 20px 1px 20px;
	}

div.footerInner p
	{
	color: #8e8d8d;
	font: 0.85em/1.5em arial, helvetica, san-serif
	}

div.footerInner a, div.footerInner a:visited
	{
	color: #8e8d8d;
	}


/* =sitemap */


div#sitemap
	{
	margin-top: 40px
	}

div#sitemap ul
	{
	list-style: circle;
	font-size: 100%
	}

div#sitemap ul li a
	{
	display: block;
	border-bottom: 1px solid #007cc3;
	color: #000;
	padding: 5px 0px 5px 0px;
	font-size: 1.3em;
	text-decoration: none
	}

div#sitemap ul li a.category
	{
	border: none;
	height: 20px;
	}

div#sitemap ul li a:hover
	{
	text-decoration: underline
	}

div#sitemap ul li ul.under
	{
	border-bottom: 1px solid #007cc3;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 15px
	}


div#sitemap ul#sitemap li ul.under li, div#sitemap ul#sitemap li ul.under li ul.under li
	{
	display: block;
	margin: 0 0 0 2em;
	height: auto;
	line-height: 1em
	}

div#sitemap ul#sitemap li ul.under li a, div#sitemap ul#sitemap li ul.under li ul li a
	{
	display: block;
	color: #007cc3;
	border-bottom: none;
	font-size: 1.0em;
	}

div#sitemap ul#sitemap li ul.under li ul.under
	{
	border: none;
	margin-top: -7px;
	margin-bottom: -7px
	}

div#sitemap ul#sitemap li ul.under li ul li, div#sitemap ul#sitemap li ul.under li ul li a
	{
	font-size: 0.9em;
	line-height: 0.9em;
	color: #007cc3;
	border-bottom: none;
	}

/* --------------------- =button and form --------------------- */

div.formSubmit input, .formButton input, span.button, input.button
	{
	background: url(/media/gfx/butt_bg.gif) 0px 0px repeat-x;
	color: #5f5e5e;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #b7b7b7;
	padding: 4px 15px 4px 15px;
	cursor: pointer;
	text-shadow: none;
	font-weight: normal;
	}

span.button
	{
	padding: 4px 15px 4px 15px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: 10px;
	clear: both;
	float: left
	}

div.formSubmit input:hover, div.formButton input:hover, span.button:hover, input.button:hover
	{
	background-position: 0px -40px;
	color: #5f5e5e;
	}

div.formSubmit input:active, div.formButton input:active, input.button:active
	{
	background-position: 0px -80px;
	padding: 4px 13px 4px 13px;
	margin-left: 2px;
	margin-right: 2px;
	color: #000
	}

.formDeleteFile
	{
	cursor: pointer
	}

div#chiabataImage img.chiabataImageOn
	{
	border-color: #007cc3
	}

#smooo label
	{
	padding-left: 10px;
	background: url(/media/gfx/label_dot.gif) left center no-repeat
	}

#smooo .formRadio label
	{
	padding-left: 0px;
	background: none;
	}


/* --------------------- =search --------------------- */


div#search
	{
	padding-bottom: 20px
	}

div#search h2
	{
	font-size: 1.3em;
	margin-bottom: 0.2em
	}

div#search hr
	{
	margin: 0;
	color: #fff;
	background-color: #fff
	}

div#search h4
	{
	margin: 0.2em 0 0 0
	}

div#search div.searchResult div
	{
	border-bottom: 1px solid #e9e9ea;
	padding: 15px 0 0 0	
	}

div#search div.searchResult div a
	{
	text-decoration: none	
	}

div#search div.searchResult div p a, div#search div.searchResult div p a:visited
	{
	text-decoration: none;
	color: #686661
	}

div#search div.searchResult div:hover a
	{
	text-decoration: underline	
	}

div#search div.searchResult p.searchReadMore
	{
	display: none	
	}

div#search div.error
	{
	margin: 0px 0px 20px 0px;
	}

div#search div.searchResult div p, div#search div.searchResult div h2
	{
	padding: 0;
	border: 0	
	}

div#searchForm
	{
	height: 80px;
	background: #eee;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
	}

div#searchForm div.criteria
	{
	float: left;
	margin-right: 10px;
	}

div#searchForm div.criteria input
	{
	width: 280px;
	font-size: 1.1em;
	font-family: arial, helvetica, san-serif
	}

div#searchForm div.sortOrder
	{
	float: left;
	margin-right: 10px
	}

div#searchForm div.sortOrder select
	{
	float: left;
	padding: 3px;
	margin: 0;
	font-size: 1.1em;
	font-family: arial, helvetica, san-serif
	}

div#searchForm div.formSubmit
	{
	float: left;
	margin-top: 23px;
	}

div#searchForm div.formSubmit input
	{
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px
	}


/* ---------------------=paging --------------------- */

table.pagNav
	{
	padding: 0;
	margin-bottom: 0px
	font-size: 1em;
	border-bottom: 1px solid #e9e9ea;
	}

td.pagNavCenter
	{
	text-align: center
	}

td.pagNavRight
	{
	text-align: right
	}
	
td.pagNavRight, td.pagNavLeft
	{
	vertical-align: top;
	font-size: 0.9em
	}


/* ---------------------=djurens värld box --------------------- */

table.dvTable
	{
	background: #f5f5f5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
/*	border: 1px solid #eee */
	}

table.dvTable td.coverImage
	{
	padding: 10px;
	vertical-align: top;
	width: 140px;
/*	border-right: 1px solid #eee */
	
	}

table.dvTable td.coverImage img
	{
	width: 140px
	}

table.dvTable td.dvTitle
	{
	font-size: 1.2em;
	color: #000;
/*	border-bottom: 1px solid #eee; */
	border-left: 1px solid #fff;
	height: 20px;
	}

table.dvTable td.dvTitle a
	{
	display: block;
	margin-top: 2px;
	height: 21px;
	width: 61px;
	background: url(/media/gfx/order_butt.gif) 0px 0px no-repeat;
	float: right;
	}

table.dvTable td.dvTitle a:hover
	{
	background-position: 0px -22px
	}

table.dvTable td.dvTitle a:active
	{
	background-position: 0px -44px
	}

table.dvTable td.dvTitle span
	{
	color: #007cc3
	}

table.dvTable td.dvContent
	{
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	font-size: 0.85em;
	vertical-align: top;
	padding-top: 10px;
	}


/* ---------------------=djurfakta --------------------- */


td.animalImages
	{
	border-top: 1px solid #eee;
	vertical-align: top
	}
	
td.animalImages img
	{
	background: #fff;
	padding: 5px;
	margin: 5px;
	border: 1px solid #eee;
	vertical-align: top
	}


td.animalLeft
	{
	padding-right: 20px;
	vertical-align: top
	}


td.animalRight
	{
	background: #eee;
	width: 230px;
	font-size: 0.9em;
	padding: 10px;
 	-webkit-border-top-left-radius: 3px;
  	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	vertical-align: top
	}

td.animalRight p
	{
	margin-bottom: 0.8em;
	border-bottom: 1px solid #d9d9d9
	}

td.animalRight img
	{
	border: 5px solid #fff;
	margin-bottom: 20px
	}


/* ---------------------=Minnesgåva--------------------- */

form#formInRemembrance fieldset input, form#formInRemembrance fieldset textarea#message
	{
	width: 390px;
	padding-left: 5px;
	padding-right: 5px;
	font: 1em "Lucida Grande", "Lucida sans", arial, helvetica, san-serif;
	}

div#chiabataImage
	{
	margin-bottom: 20px
	}


/* ---------------------=print --------------------- */

@media print {


body
	{
	background: #fff;
	margin: 0;
	color: #000
	}

#smooo a, #smooo a:visited
	{
	color: #000
	}
	
#smooo #all, #smooo #page, #smooo div#columnLeft, #smooo #pageBody, #smooo #footer, #smooo .footerInner
	{
	width: 100%;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	-o-box-shadow: none;
	-icab-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: auto
	}

div#columnLeft img
	{
	margin-bottom: 20px
	}

#smooo #footer
	{
	padding-top: 6px;
	color: #000;
	}

div#top
	{
	display: none
	}

div#columnRight
	{
	display: none
	}
	
/* Avoid page breaks straight after a heading. */
h1, h2, h3, h4, h5, h6
	{
	page-break-after: avoid;
	color: #000
	}

/* Avoid page breaks inside paragraphs, blockquotes, lists, and preformatted text. */
p, blockquote, ul, ol, dl, pre, #smooo .footerInner p
	{
	page-break-inside: avoid;
	color: #000
	}

a:link:after, a:visited:after {display: none}

}