@import url("reset.css");
@import url("basic.css");
@import url("type.css");
@import url("nav.css");

.link {
cursor: pointer;
}

div#wrapper {
width: 980px;
padding: 0 0 50px;
margin: 25px auto 0;
background: #f3ede4;
position: relative;
}

div#header {
position: relative;
background: url(../img/header_summer.jpg) no-repeat;
height: 217px;
padding: 10px 12px 0 10px;
}

div#header h1 {
float: left;
margin-top: 26px;
}

div#header h1 a img {
display: block;
}

div#search {
position: absolute;
top: 10px;
right: 12px;
}

div#search button {
float: left;
}

div#search .field {
float: left;
width: 180px;
}

div#search .field input {
float: left;
}

span#big-search {
width: 300px;
}

div#functions {
position: absolute;
top: 40px;
right: 12px;
width: 254px;
height: 16px;
overflow: visible;
font: 10px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

ul#flags {
float: left;
}

ul#flags li {
float: left;
margin: 2px 6px 0 0;
}

ul#flags li.sv a {
background: url(../img/icons/flags/se.gif) no-repeat left top;
}
ul#flags li.en a {
background: url(../img/icons/flags/gb.gif) no-repeat left top;
}

ul#flags li a {
width: 16px;
height: 11px;
text-indent: -999em;
display: block;
}

ul#functions-generic {
overflow: hidden;
margin-left: -5px;
float: right;
}

ul#functions-generic li {
display: inline;
border-left: 1px solid #fff;
margin-left: -1px;
padding: 0 5px;
}

ul#functions-generic li a {
color: #fff;
}

ul#functions-lang {
float: left;
width: 75px;
height: 16px;
}

ul#functions-lang li {
float: left;
}

ul#functions-lang li a {
float: left;
width: 16px;
height: 15px;
margin: 0 7px 0 0;
background: no-repeat left 50%;
text-indent: -999em;
overflow: hidden;
}

ul#functions-lang li#lang-se a {
background-image: url(../img/icons/flags/se.gif);
}

ul#functions-lang li#lang-en a {
background-image: url(../img/icons/flags/gb.gif);
}

ul#navigation {
float: left;
clear: both;
margin-top: 22px;
padding-top: 5px;
width: 100%;
}

div#main {
float: left;
display: inline;
width: 700px;
margin: 0 10px;
padding: 10px;
background: #fff url(../img/main-top.gif) no-repeat left top;
}

div#main-content-col-2 {
float: left;
width: 200px;
margin: 0 10px 0 0;
}

div#main-content-col-1 {
overflow: hidden;
float: right;
width: 490px;
}

div.main-content-padding {
padding: 0 15px;
}

div#side {
float: right;
width: 230px;
margin: 0 10px 0 0;
}

div#footer {
float: left;
display: inline;
overflow: visible;
width: 720px;
margin: 0 0 0 10px;
background: #fff url(../img/footer.gif) no-repeat left bottom;
}

div#footer ul {
overflow: hidden;
padding: 5px 16px 13px 0;
margin-left: 15px;
height: 27px;
font: 10px/27px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

div#footer ul li {
display: inline;
margin-left: -1px;
padding: 0 5px 0 8px;
border-left: 1px solid #8e8e8f;
}

div#footer ul li a {
color: #8e8e8f;
text-decoration: none;
}

div#shopping-cart {
background: url(../img/shopping-cart/bac.png) repeat-y left top;
margin: 0 0 10px;
}

div#shopping-cart-wrap-sv {
background: url(../img/shopping-cart/bottom.png) no-repeat left bottom;
}

div#shopping-cart-wrap-en {
background: url(../img/shopping-cart/bottom.png) no-repeat left bottom;
}

div#shopping-cart-wrap-sv h2 {
margin: 0;
background: url(../img/shopping-cart/head-sv.gif) no-repeat left top;
height: 25px;
text-indent: -999em;
overflow: hidden;
}

div#shopping-cart-wrap-en h2 {
margin: 0;
background: url(../img/shopping-cart/head-en.gif) no-repeat left top;
height: 25px;
text-indent: -999em;
overflow: hidden;
}

div#shopping-cart-wrap-sv iframe {
padding: 15px 5px 0 10px;
width: 185px;
height: 115px;
background: url(../img/shopping-cart/iframe-bac.png) no-repeat left top;
}

div#shopping-cart-wrap-en iframe {
padding: 15px 5px 0 10px;
width: 185px;
height: 115px;
background: url(../img/shopping-cart/iframe-bac.png) no-repeat left top;
}

a#shopping-cart-link {
margin: 0 0 10px;
}

/* Startsidan */

body#start div#main {
background-image: url(../img/main-top-start.gif);
}

#start-flash {
overflow: visible;
position: relative;
margin: 0 0 10px;
}

div#start-evenemang {
min-height: 158px;
}

* html div#start-evenemang {
height: 158px;
}

div#main-evenemang {
min-height: 420px;
}

* html div#main-evenemang {
height: 420px;
}

div#start-puffar {
margin: 0 -10px;
width: 500px;
}

div#start-puffar div {
float: left;
margin: 0 0 0 10px;
width: 156px;
font-size: 0.83em;
}

div#start-puffar div ul {
margin: 4px;
}

div#start-puffar div a {
color: #000;
font-weight: normal;
}

div#start-puffar div p {
margin: 8px 4px 4px 4px;
}

div#start-puffar div p a {
color: #0079C2;
}


/* Konferera hos oss */
div#book-conference, div#book-online {
margin: 0 0 10px;
}

div#book-conference p, div#book-online p {
margin: 0;
}

div#book-conference p a, div#book-online p a {
display: block;
height: 34px;
text-indent: -999em;
overflow: hidden;
background: url(../img/boka-evenemang.gif) no-repeat left top;
}

div#book-conference p a:hover, div#book-online p a:hover {
background-position: left bottom;
}

div#book-conference p a {
background-image: url(../img/konferera-hos-oss.gif);
}

/* Bokning */
/*div#booking {
float: left;
width: 688px;
margin: 20px 0 0;
background: url(../img/booking-bac.gif);
}

div#booking-wrap {
background: url(../img/booking-top.gif) no-repeat;
}

div#booking-wrap-2 {
background: url(../img/booking-bottom.gif) no-repeat bottom;
padding: 6px;
}

div#booking h3 {
padding: 0 10px;
height: 28px;
line-height: 28px;
background: no-repeat;
color: #fff;
}

div#booking-col-1 {
float: left;
overflow: hidden;
width: 207px;
height: 411px;
margin: 0 3px 0 0;
padding: 0 8px;
background: #f3ede4 url(../img/booking-col-1-bottom.gif) no-repeat left bottom;
color: #474747;
}

div#booking-col-1 h3 {
width: 223px;
margin: 0 -8px 10px;
background-image: url(../img/booking-head-1.gif)
}

div#booking-col-2 {
float: left;
width: 450px;
}

div#booking-col-2 h3 {
background-image: url(../img/booking-head-2.gif)
}

 endast för dummyn 
div#booking-col-2 img {
display: block;
}*/

/* Webbplatsöversikt */
ul#sitemap ul {
margin: 0 0 0 1em;
}

/* Fasta moduler */

div#radio p, div#ta-mig-till-skargarden p {
margin: 0;
}

div#radio a {
display: block;
background: url(../img/skargards-radion.png) no-repeat left top;
width: 257px;
height: 95px;
text-indent: -999em;
overflow: hidden;
position: absolute;
top: 124px;
right: 4px;
}

div#radio a.en {
background: url(../img/skargards-radion-en.png) no-repeat left top;
}

div#ta-mig-till-skargarden {
margin-right: -50px;
margin-bottom: 5px;
}

div#ta-mig-till-skargarden p a {
display: block;
width: 280px;
height: 247px;
overflow: hidden;
text-indent: -999em;
background: url(../img/ta-mig-till-skargarden.png) no-repeat;
}

/* Paket */

div.module-2 {
position: relative;
height: 226px;
padding: 0 0 42px;
margin: 0 0 10px;
background: url(../img/module-2/bac.gif) repeat-y left top;
}

div.module-2 div.module-wrapper {
height: 226px;
background: url(../img/module-2/top.gif) no-repeat left top;
}

div.module-2 div.module-content {
position: absolute;
bottom: 50px;
left: 10px;
width: 160px;
padding: 15px 10px 10px;
background: url(../img/white-80.png);
z-index: 100;
}

div.module-2 div.module-content h3 {
font: bold 1em/1.5 Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 0.5em;
}

div.module-2 h2 {
position: absolute;
bottom: 0px;
width: 100%;
height: 42px;
margin: 0;
background: no-repeat left top;
text-indent: -999em;
}

div.module-2 img {
position: absolute;
top: 3px;
left: 3px;
}

div.module-2 p {
margin: 0;
font-size: 0.9em;
}

div#module-paket-sv h2 {
background-image: url(../img/rub-boka-nu.gif);
}

div#module-paket-en h2 {
background-image: url(../img/rub-boka-nu-en.gif);
}

div#module-besok-oss-sv h2 {
background-image: url(../img/rub-besok-oss.gif);
}

div#module-besok-oss-en h2 {
background-image: url(../img/rub-besok-oss-en.gif);
}

div#module-konferens p {
margin: 0;
}

div#module-konferens p a {
display: block;
height: 124px;
background: url(../img/start-konferens-2.jpg) no-repeat;
text-indent: -999em;
overflow: hidden;
}

div#module-konferens p a.en {
background: url(../img/start-konferens-2-en.jpg) no-repeat;
}

/* Filter för sidmodulerna */

div#side-module-filter {
font: 0.83em/2 Verdana, Arial, Helvetica, sans-serif;
}

div#side-module-filter select {
font: 0.9em/1.2 Verdana, Arial, Helvetica, sans-serif;
width: 107px;
}

div#side-module-filter strong {
color: #656565;
}

div#side-module-filter h3 {
margin-bottom: 3px;
}

div#side-module-filter-col-1 {
float: left;
width: 112px;
}

div#side-module-filter-col-2 {
float: left;
width: 127px;
}

/* Klasser */

p.wide-picture {
margin: 0 -15px;
width: 490px;
height: 115px;
overflow: hidden;
}

p.wide-picture img, img.wide-picture {
display: block;
}

/* Formular */

.button-gray {
padding: 0;
border: none;
overflow: visible;
cursor: pointer;
white-space: nowrap;
background: transparent;
font: bold 10px/1 Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-top: -1px;
}

#searchbutton {
width: 72px;
}

.button-gray span {
display: block;
padding: 0 10px 0 0;
background: url(../img/button-gray.gif) no-repeat right top;
}

.button-gray span span {
display: block;
padding: 0 0 0 10px;
background: url(../img/button-gray.gif) no-repeat left top;
height: 22px;
line-height: 22px;
}

.field {
display: block;
height: 22px;
padding: 0 0 0 5px;
background: url(../img/search-field.gif) no-repeat left;
}

.field input {
display: block;
border: 0;
height: 17px;
padding: 5px 0 0;
width: 100%;
background: url(../img/search-field.gif) no-repeat right;
font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

a.button-rounded {
display: block;
background: url(../img/button-rounded.gif) left top;
padding: 0 0 0 10px;
color: #606261;
text-decoration: none;
text-align: center;
line-height: 25px;
}

a.button-rounded span {
display: block;
background: url(../img/button-rounded.gif) right top;
padding: 0 10px 0 0;
}

/* Rundade hörn */

div.mask-wrapper {
position: relative;
}

div.mask-size-6 {
position: absolute;
width: 6px;
height: 6px;
background: url(../img/rounded-6px.png) no-repeat;
}

div.mask-size-3 {
position: absolute;
width: 3px;
height: 3px;
background: url(../img/rounded-3px.png) no-repeat;
}

div.mask-size-paket {
position: absolute;
width: 11px;
height: 11px;
background: url(../img/rounded-paket.png) no-repeat;
}

div.mask-top-left {
top: 0px;
left: 0px;
background-position: left top;
}

div.mask-top-right {
top: 0px;
right: 0px;
background-position: right top;
}

div.mask-bottom-left {
bottom: 0px;
left: 0px;
background-position: left bottom;
}

div.mask-bottom-right {
bottom: 0px;
right: 0px;
background-position: right bottom;
}

div.mask-size-paket.mask-top-left {
background-image: url(../img/rounded-paket-tl.png);
}

div.mask-size-paket.mask-top-right {
background-image: url(../img/rounded-paket-tr.png);
}

/* Väder */

div#weather {
background: url(../img/weather-bac.png) no-repeat;
height: 118px;
width: 218px;
padding: 7px;
margin: 0 0 8px;
}

div#weather li#weather-current {
float: left;
width: 96px;
height: 116px;
margin: 0 5px 0 0;
padding: 0 7px;
background: url(../img/white-50.png);
text-align: center;
}

div#weather li#weather-current span {
display: block;
background: no-repeat left top;
width: 96px;
height: 96px;
}

div#weather li#weather-today, div#weather li#weather-tomorrow {
float: left;
width: 93px;
height: 55px;
padding: 0 4px;
background: url(../img/white-50.png);
font: 9px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

div#weather li#weather-today {
margin: 0 0 5px;
height: 56px;
}

div#weather li#weather-current, span.weather-header {
font: bold 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-transform: uppercase;
}

span.weather-degrees {
display: block;
padding: 2px 0 3px 36px;
width: 57px;
background: no-repeat 0 50%;
}

span.weather-high {
color: #be190d;
font-weight: bold;
}

span.weather-low {
color: #3643a1;
font-weight: bold;
}

/* Väder koder */

/* Blixt-ikon */
div#weather li.code-3 span.weather-degrees, div#weather li.code-4 span.weather-degrees, div#weather li.code-37 span.weather-degrees, div#weather li.code-38 span.weather-degrees, div#weather li.code-39 span.weather-degrees, div#weather li.code-45 span.weather-degrees, div#weather li.code-47 span.weather-degrees {
background-image: url(../img/weather/32x32/code-3.png)
}

div#weather li.code-3#weather-current span, div#weather li.code-4#weather-current span, div#weather li.code-37#weather-current span, div#weather li.code-38#weather-current span, div#weather li.code-39#weather-current span, div#weather li.code-45#weather-current span, div#weather li.code-47#weather-current span {
background-image: url(../img/weather/96x96/code-3.png)
}

/* Regn-ikon */
div#weather li.code-5 span.weather-degrees, div#weather li.code-6 span.weather-degrees, div#weather li.code-8 span.weather-degrees, div#weather li.code-9 span.weather-degrees, div#weather li.code-10 span.weather-degrees, div#weather li.code-11 span.weather-degrees, div#weather li.code-12 span.weather-degrees, div#weather li.code-35 span.weather-degrees, div#weather li.code-40 span.weather-degrees {
background-image: url(../img/weather/32x32/code-11.png)
}

div#weather li.code-5#weather-current span, div#weather li.code-6#weather-current span, div#weather li.code-8#weather-current span, div#weather li.code-9#weather-current span, div#weather li.code-10#weather-current span, div#weather li.code-11#weather-current span, div#weather li.code-12#weather-current span, div#weather li.code-35#weather-current span, div#weather li.code-40#weather-current span {
background-image: url(../img/weather/96x96/code-11.png)
}

/* Snö */
div#weather li.code-13 span.weather-degrees, div#weather li.code-14 span.weather-degrees, div#weather li.code-15 span.weather-degrees, div#weather li.code-16 span.weather-degrees, div#weather li.code-41 span.weather-degrees, div#weather li.code-42 span.weather-degrees, div#weather li.code-43 span.weather-degrees, div#weather li.code-46#weather-current span {
background-image: url(../img/weather/32x32/code-16.png)
}

div#weather li.code-13#weather-current span, div#weather li.code-14#weather-current span, div#weather li.code-15#weather-current span, div#weather li.code-16#weather-current span, div#weather li.code-41#weather-current span, div#weather li.code-42#weather-current span, div#weather li.code-43#weather-current span, div#weather li.code-46#weather-current span {
background-image: url(../img/weather/96x96/code-16.png)
}

/* Hagel */
div#weather li.code-7 span.weather-degrees, div#weather li.code-17 span.weather-degrees, div#weather li.code-18 span.weather-degrees {
background-image: url(../img/weather/32x32/code-17.png)
}

div#weather li.code-7#weather-current span, div#weather li.code-17#weather-current span, div#weather li.code-18#weather-current span {
background-image: url(../img/weather/96x96/code-17.png)
}

/* Dimma */
div#weather li.code-19 span.weather-degrees, div#weather li.code-20 span.weather-degrees, div#weather li.code-21 span.weather-degrees, div#weather li.code-22 span.weather-degrees {
background-image: url(../img/weather/32x32/code-20.png)
}

div#weather li.code-19#weather-current span, div#weather li.code-20#weather-current span, div#weather li.code-21#weather-current span, div#weather li.code-22#weather-current span {
background-image: url(../img/weather/96x96/code-20.png)
}

/* Vind ikon */
div#weather li.code-0 span.weather-degrees, div#weather li.code-1 span.weather-degrees, div#weather li.code-2 span.weather-degrees, div#weather li.code-23 span.weather-degrees, div#weather li.code-24 span.weather-degrees {
background-image: url(../img/weather/32x32/code-24.png)
}

div#weather li.code-0#weather-current span, div#weather li.code-1#weather-current span, div#weather li.code-2#weather-current span, div#weather li.code-23#weather-current span, div#weather li.code-24#weather-current span {
background-image: url(../img/weather/96x96/code-24.png)
}

/* Kallt */
div#weather li.code-25 span.weather-degrees {
background-image: url(../img/weather/32x32/code-25.png)
}

div#weather li.code-25#weather-current span {
background-image: url(../img/weather/96x96/code-25.png)
}

/* Moln */
div#weather li.code-26 span.weather-degrees {
background-image: url(../img/weather/32x32/code-26.png)
}

div#weather li.code-26#weather-current span {
background-image: url(../img/weather/96x96/code-26.png)
}

/* Mostly - natt */
div#weather li.code-27 span.weather-degrees {
background-image: url(../img/weather/32x32/code-27.png)
}

div#weather li.code-27#weather-current span {
background-image: url(../img/weather/96x96/code-27.png)
}

/* Mostly - dag */
div#weather li.code-28 span.weather-degrees {
background-image: url(../img/weather/32x32/code-28.png)
}

div#weather li.code-28#weather-current span {
background-image: url(../img/weather/96x96/code-28.png)
}

/* Partly - natt */
div#weather li.code-29 span.weather-degrees {
background-image: url(../img/weather/32x32/code-29.png)
}

div#weather li.code-29#weather-current span {
background-image: url(../img/weather/96x96/code-29.png)
}

/* Partly - dag */
div#weather li.code-44 span.weather-degrees, div#weather li.code-30 span.weather-degrees {
background-image: url(../img/weather/32x32/code-30.png)
}

div#weather li.code-44#weather-current span, div#weather li.code-30#weather-current span {
background-image: url(../img/weather/96x96/code-30.png)
}

/* Måne */
div#weather li.code-31 span.weather-degrees {
background-image: url(../img/weather/32x32/code-31.png)
}

div#weather li.code-31#weather-current span {
background-image: url(../img/weather/96x96/code-31.png)
}

/* Sol */
div#weather li.code-36 span.weather-degrees, div#weather li.code-32 span.weather-degrees {
background-image: url(../img/weather/32x32/code-32.png)
}

div#weather li.code-36#weather-current span, div#weather li.code-32#weather-current span {
background-image: url(../img/weather/96x96/code-32.png)
}

/* Lätt - natt */
div#weather li.code-33 span.weather-degrees {
background-image: url(../img/weather/32x32/code-33.png)
}

div#weather li.code-33#weather-current span {
background-image: url(../img/weather/96x96/code-33.png)
}

/* Lätt - dag */
div#weather li.code-34 span.weather-degrees {
background-image: url(../img/weather/32x32/code-34.png)
}

div#weather li.code-34#weather-current span {
background-image: url(../img/weather/96x96/code-34.png)
}

/* Modules */

div.module-1 {
background: #fff url(../img/module-1/bac.gif) repeat-y left;
margin: 0 0 10px;
width: 230px;
}

div.module-1 div.module-content {
padding: 0 4px 4px;
background:  url(../img/module-1/bottom.gif) no-repeat left bottom;
}

div.module-1 h3 {
overflow: visible;
width: 220px;
padding: 6px 0 6px 10px;
margin: 0 0 0 -4px;
background: #f4f5f7 url(../img/module-1/head.gif) no-repeat left top;
font: 13px/18px Verdana, Arial, Helvetica, sans-serif;
color: #656565;
}

div.module-1 p {
margin: 5px;
font: 0.83em/1.2 Verdana, Arial, Helvetica, sans-serif;
}

div.module-1 img {
float: left;
margin-right: 5px;
}

div.module-1 div.mask-wrapper {
float: left;
}

div#puff1 {
margin-right: 10px;
}

div.module-3 {
margin: 0 0 10px;
float: left;
width: 240px;
background: url(../img/module-3/bac.gif) repeat-y left top;
}

div.module-3 div.module-wrapper {
background: url(../img/module-3/top.gif) no-repeat left top;
}

div.module-3 div.module-content {
background: url(../img/module-3/bottom.gif) no-repeat left bottom;
padding: 0 4px 4px;
}

div.module-3 p {
margin: 5px;
font: 0.83em/1.2 Verdana, Arial, Helvetica, sans-serif;
}

div.module-3 h3 {
overflow: visible;
padding: 6px 0 6px 10px;
margin: 0 -4px;
background: #f4f5f7 url(../img/module-3/top.gif) no-repeat left top;
font: 13px/18px Verdana, Arial, Helvetica, sans-serif;
color: #656565;
}

div.module-3 img {
float: left;
margin-right: 5px;
}

/* Error-ruta */

div.message-box-mail,
div.message-box-error {
border: 1px solid #c7b2a5;
background: #f7f3ec no-repeat 10px 12px;
padding: 0 10px 0 35px;
margin: 0 0 20px;
font-size: 0.917em;
}

div.message-box-error {
background-image: url(../img/icons/warning.gif);
}

div.message-box-mail {
background-image: url(../img/icons/email-sent.gif);
}

div.message-box-mail p,
div.message-box-error p {
margin: 10px 0;
}

a.link-back {
display: block;
margin: 0 0 1em;
background: url(../img/icons/btnPrev.gif) no-repeat 0 50%;
padding: 0 0 2px 20px;
}
/* Paging */

ul.paging {
float: right;
margin: 0;
font: bold 0.833em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

ul.paging li {
display: inline;
}

ul.paging li.back {
background: url(../img/icons/btnPrev.gif) no-repeat 0 50%;
padding: 2px 0 2px 20px;
}

ul.paging li.forward {
background: url(../img/icons/btnNext.gif) no-repeat 100% 50%;
padding: 2px 20px 2px 0;
}

p.paging-title {
float: left;
margin: 0;
font: 0.833em/1.5 Verdana, Arial, Helvetica, sans-serif;
}

p.paging-title span {
font-weight: bold;
}

/* Företagslista */

div.list-filter {
background: #fce299 url(../img/company-list-filter-bottom.gif) no-repeat left bottom;
padding: 0 0 5px;
margin: 0 0 1em;
}

div.list-filter-wrapper {
background: url(../img/company-list-filter-top.gif) no-repeat left top;
padding: 5px 10px;
font: bold 0.833em/1.8 Verdana, Arial, Helvetica, sans-serif;
}

div.list-filter-col-1 {
float: left;
width: 125px;
margin-right: 20px;
}

div.list-filter-col-1 select {
width: 125px;
}

div.list-filter-col-2 {
float: left;
width: 180px;
}

div.list-filter span.field {
float: left;
width: 120px;
}

div.list-filter button.button-gray {
float: left;
width: 50px;
}

div.list {
margin: 0 0 1em;
}

div.list-item {
padding: 15px 0;
border-bottom: 1px solid #ccc;
font-size: 0.833em;
}

div.list-item h4 {
font: bold 1.4em/1 Arial, Helvetica, sans-serif;
margin: 0 0 1em;
}

div.list-item h4 a {
text-decoration: none;
text-transform: uppercase;/*color: #000;*/
}

div.list-item p {
margin: 0;
}

div.list-item p span {
font-weight: bold;
}

div.list-item img {
float: left;
margin: 0 15px 0 0;
}

div.list-item p span {
float: left;
}

div.list-item p a.button-rounded {
float: right;
margin-left: 10px;
}

/* Forumlär */

div.form-generic {
overflow: hidden;
}

div.form-date {
float: left;
width: 140px;
}

div.form-date .field {
width: 120px;
}

div.form-generic .field input {
float: left;
}

div.form-generic label {
clear: both;
font-size: 0.917em;
}

div.form-generic div.form-row {
margin: 0.5em 0;
}

div.form-generic div.active {
border: 1px solid #c7b2a5;
padding: 10px 15px;
}

div.form-row .field {
width: 260px;
}

div.form-postad {
float: left;
}

div.form-postnumber {
float: left;
margin: 0 20px 0 0;
}

div.form-postnumber .field {
width: 60px;
}

div.form-postad .field {
width: 167px;
}

div.form-row span.validator {
float: left;
}


/* DatePicker */

.dpDiv {}

.dpTable {
width:200px;
text-align: center;
color: #555;
background: #fff;
padding: 0;
border: 1px solid #ccc;
}

.dpTable td {
text-align: center;
}

.dpTR {}
.dpTitleTR {}
.dpTitleTR td {}
.dpDayTR {}
.dpTodayButtonTR {}

.dpTD {
padding: 4px;
}

.dpTDDisabled {
padding: 4px;
color:#ccc;
cursor:default;
}

.dpDayHighlightTD {
background-color: #b4cad8;
color: #fff;
}

.dpTDHover {
background-color: #b4cad8;
color: #fff;
cursor: pointer;
}

.dpTitleTD {}

.dpButtonTD {}

.dpTodayButtonTD {
text-align: center;
}

.dpDayTD {
padding: 5px;
font-size: 12px;
font-weight: bold;
}

.dpTitleText {
font-size: 12px;
font-weight: bold;
text-align: center;
margin: 3px 0 0;
color: #000;
}

.dpDayHighlight {
font-weight: bold;
}

.dpButton {
border: 0;
font-weight: bold;
padding: 5px;
background: transparent;
color: #0094c1;
width: auto;
cursor: pointer;
}

.dpButton_previous {
border: 0;
font-weight: bold;
width: 25px;
height: 25px;
background: url("../img/datepicker_prev.gif") no-repeat center;
color: #0094c1;
cursor: pointer;
overflow:hidden;
font-size:11px;
}

.dpButton_next {
border: 0;
border: 0;
font-weight: bold;
width: 25px;
height: 25px;
background: url("../img/datepicker_next.gif") no-repeat center;
color: #0094c1;
cursor: pointer;
overflow:hidden;
font-size:11px;
}

.dpTodayButton {
border: 0;
font-size:10px;
background-color: #b4cad8;
color: #fff;
cursor: pointer;
}

.closeButton {
border: 0;
padding: 4px;
font-size: 10px;
font-weight: bold;
color: #b4cad8;
background: #fff;
cursor: pointer;
}

.dpTimeTR {
text-align:left;
padding-top:5px;
margin-top:5px;
}

.dpTimeTD {
border-top: 1px solid #ccc;
padding-top:5px;
padding-left:5px;
vertical-align:middle;
}

.dpSelect {
padding:0;
display: inline;
vertical-align:middle;
border:1px solid #7f9db9;
font-size:12px;
width:50px;
}

/* Element */

input, button {
vertical-align: middle;
}

div#skargardskartan {
margin-bottom: 8px;
}