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

.link {
cursor: pointer;
}

div.button-big {
background: url(../img/button-big.gif) no-repeat;
width: 247px;
height: 48px;
padding: 20px 23px 0;
margin: 0 0 7px;
border: 1px solid #57b7df;
}

div.button-big h3 {
background: no-repeat;
text-indent: -999em;
overflow: hidden;
height: 16px;
margin: 0;
}

div.button-big p {
font-size: 0.9em;
margin: 0;
}

div.button-big a {
color: #57b7df;
}

p.ingress {
font-size: 1.2em;
margin: 10px 0;
}


div.button-big.over a {
text-decoration: underline;
}

body {
background: url(../img/background.jpg) no-repeat;
}

div#header {
padding: 2px 0 5px 50px;
margin: 42px 0 45px 35px;
background: url(../img/head-bac.gif) no-repeat;
}

div#header h1 {
margin: 0 0 10px;
}

div#header h1 a {
display: block;
background: url(../img/head-h1.gif);
width: 354px;
height: 44px;
text-indent: -999em;
overflow: hidden;
}

h2 a:link, h2 a:visited {
color: #57b7df;
}

div#header h3 a {
display: block;
background: url(../img/head-h3.gif);
width: 285px;
height: 16px;
text-indent: -999em;
overflow: hidden;
}

div#main {
width: 660px;
margin: 0 0 0 85px;
}

div#content-wrap {
float: right;
width: 480px;
padding: 0 0 75px;
}

div#content {
position: relative;
padding: 0 40px;
line-height: 1.65;
letter-spacing: 0.03em;
}

div#content div#tips {
float: right;
font-size: 1.3em;
color: #57B7DF;
font-style: italic;
padding-left: 26px;
background: url(../img/icon-tips.gif) no-repeat 0 6px;
margin: 3px 3px 0 0;
}

div#content-navigation {
margin: 0 0 30px;
overflow: hidden;
}

div#content-navigation ul {
float: left;
display: inline;
margin: 0 0 0 -37px;
background: url(../img/dash.gif) repeat-x 0 50%;
}

div#content-navigation ul li {
float: left;
display: inline;
margin: 0 0 0 37px;
}

div#content-navigation ul li a {
float: left;
width: 63px;
height: 55px;
padding: 28px 10px 0;
text-align: center;
font-weight: bold;
line-height: 1.2;
background: url(../img/nav-item.gif);
color: #57b7df;
overflow: hidden;
}

div#content-navigation ul li.sel a {
background-image: url(../img/nav-item-sel.gif);
color: #fff;
}

div#content-navigation ul li.last a {
margin: 0;
}

div#content-navigation ul li.single-row a {
padding-top: 34px;
height: 49px;
}

div#content-navigation ul li.triple-row a {
padding-top: 20px;
height: 63px;
}

ul#navigation {
float: right;
width: 180px;
margin: 15px 0;
}

ul#navigation li.sel a {
font-weight: bold;
text-decoration: underline;
color: #57b7df;
}

div#illustrationer {
float: right;
width: 180px;
text-align: center;
padding-top: 20px;
}

div#illustrationer a {
font-weight: normal;
}

div#footer {
width: 680px;
margin: 0 0 0 85px;
padding: 10px 0 0;
background: url(../img/dash.gif) repeat-x;
color: #57b7df;
}

div#footer p,
div#footer h4,
div#footer ul#footer-share,
div#footer ul#footer-share li,
div#footer ul#footer-share li a,
ul#footer-partners li,
ul#footer-partners li a {
display: inline;
float: left;
}

div#footer h4 {
font-weight: normal;
line-height: 14px;
}

div#footer ul#footer-share {
margin-left: 10px;
}

ul#footer-share li a {
width: 16px;
height: 16px;
background: url(../img/icon-share.gif) no-repeat;
text-indent: -999em;
overflow: hidden;
margin-right: 5px;
}

ul#footer-share li#facebook a:hover {
background-position: 0 -16px;
}

ul#footer-share li#digg a {
background-position: -16px 0;
}

ul#footer-share li#digg a:hover {
background-position: -16px -16px;
}

ul#footer-share li#stumbleupon a {
background-position: -32px 0;
}

ul#footer-share li#stumbleupon a:hover {
background-position: -32px -16px;
}

ul#footer-share li#delicious a {
background-position: -48px 0;
}

ul#footer-share li#delicious a:hover {
background-position: -48px -16px;
}

ul#footer-share li#magnolia a {
background-position: -64px 0;
}

ul#footer-share li#magnolia a:hover {
background-position: -64px -16px;
}

ul#footer-share li#pusha a {
background-position: -80px 0;
}

ul#footer-share li#pusha a:hover {
background-position: -80px -16px;
}

ul#footer-share li#myspace a {
background-position: -96px 0;
}

ul#footer-share li#myspace a:hover {
background-position: -96px -16px;
}

div#footer p {
background: url(../img/bar.gif) no-repeat 0 50%;
padding-left: 10px;
margin-left: 3px;
margin-bottom: 0;
}

div#footer p a {
background: url(../img/icon-mail.gif) no-repeat;
padding: 2px 0 0 20px;
}

div#footer p a:hover {
background: url(../img/icon-mail.gif) no-repeat 0 -16px;
}

ul#footer-partners {
float: right;
}

ul#footer-partners li a {
background: no-repeat;
text-indent: -999em;
overflow: hidden;
}

ul#footer-partners li#aco {
position: relative;
margin-top: -3px;
margin-right: 20px;
}

ul#footer-partners li#aco a {
background-image: url(../img/logo-aco.gif);
width: 84px;
height: 31px;
}

ul#footer-partners li#paranix {
position: relative;
margin-top: -3px;
margin-right: 15px;
}

ul#footer-partners li#paranix a {
background-image: url(../img/logo-paranix2.gif);
width: 73px;
height: 29px;
}

div#footer-share-mail-link {
float: left;
position: relative;
}

div#footer-share-mail {
display: none;
position: absolute;
bottom: 20px;
left: -20px;
width: 360px;
padding: 0 0 35px;
background: url(../img/tip-arrow.gif) no-repeat 50px 100%;
}

div#footer-share-mail.active {
display: block;
}

div#footer-share-mail p {
display: block;
float: none;
margin: 0 0 1em;
padding: 0;
}

div#footer-share-mail-inner {
position: relative;
background: #57b7df;
color: #fff;
padding: 20px 30px 30px;
line-height: 20px;
}

div#footer-share-mail-inner a.share-close {
position: absolute;
right: 10px;
top: 5px;
font-size: 0.9em;
color: #fff;
}

div#footer-share-mail-inner input {
margin: 0;
padding: 3px 5px;
width: 290px;
border: none;
background: #fff;
}
div#footer-share-mail-inner input#submit {
margin: 12px 0 0;
width: auto;
}

/* Start */

body#start div#content {
padding: 0;
}

div#hjalp-ett-lusagg h3 {
background-image: url(../img/rub-hjalp-ett-lusagg.gif);
}

div#om-lusmedel h3 {
background-image: url(../img/rub-om-lusmedel.gif);
}

div#vad-ar-resistena-loss h3 {
background-image: url(../img/rub-vad-ar-resistenta-loss.gif);
}

div#upptack-loss h3 {
background-image: url(../img/rub-upptack-loss.gif);
}

div#forebygg-loss h3 {
background-image: url(../img/rub-forebygg-loss.gif);
}

div#behandla-loss h3 {
background-image: url(../img/rub-behandla-loss.gif);
}

body#start div#illustrationer {
background: url(../img/button-film.gif) no-repeat;
height: 115px;
}

body#start div#illustrationer h2 {
float: left;
margin: 10px 0 7px 70px;
}

body#start div#illustrationer p {
text-align: left;
float: left;
color: #57B7DF;
font-size: 1.2em;
font-weight: bold;
padding: 0 25px 0 20px;
line-height: 1.2em;
}

/* Comments */
div#comments {
border-top: 1px solid #57b7df;
padding: 15px 0;
}

div#comments h2 {
padding-left: 26px;
background: url(../img/icon-tips.gif) no-repeat 0 6px;
}

div#comments ul {
margin-top: 30px;
}

div#comments a:link, div#comments a:visited {
color: #fff;
}

div#comments a:hover {
color: #fff;
}

div#comments p.header {
display: inline;
}

div#comments p.header a {
background-color: #57b7df;
color: #fff;
font-weight: bold;
padding: 4px 10px 4px 4px;
font-size: 1.1em;
}

div#comments p.header span.replies {
font-style: italic;
font-weight: normal;
}

div#comments span.byline {
color: #57b7df;
font-weight: bold;
font-style: italic;
}

div#comments p.content {
margin-top: 5px;
}

/* Share tips */

div#share-tips {
border-top: 1px solid #57b7df;
padding: 15px 0;
margin: 20px 0 0 25px;
width: 421px;
}

div#share-tips h2 {
padding-left: 20px;
margin: 0 0 0 15px;
}

div#share-tips h2.closed {
background: url(../img/tip-arrowclosed.gif) no-repeat 0 center;
}

div#share-tips h2.open {
background: url(../img/tip-arrowopen.gif) no-repeat 0 center;
}

div#share-tips div#share-form {
display: none;
margin-top: 15px;
}

div#share-tips div#form-top {
padding: 10px 0 15px 15px;
background-color: #e6f4fa;
}

div#share-tips div#form-top a {
color: #888;
}

div#share-tips ul li {
margin-top: 5px;
}

div#share-tips ul li.half {
float: left;
margin: 0 14px 10px 0;
width: 189px;
overflow: hidden;
}

div#share-tips ul li.half input {
width: 174px;
border: 1px solid #58b6dd;
padding: 5px;
}

div#share-tips label.bold {
font-size: 1.2em;
font-weight: bold;
}

div#share-tips form textarea {
width: 376px;
border: 1px solid #58b6dd;
clear: both;
padding: 5px;
margin-bottom: 10px;
overflow: auto;
}

div#share-form-policy {
display: none;
position: absolute;
bottom: 25px;
left: 40px;
width: 400px;
line-height: 1.2em;
}

div#share-form-policy #share-form-policy-inner a:link, div#share-form-policy #share-form-policy-inner a:visited {
color: #fff;
}

.close {
float: right;
}

div#share-form-policy h3 {
color: #fff;
margin-bottom: 15px;
}

div#share-form-policy-inner {
background-color: #58b6dd;
padding: 15px 15px 5px;
color: #fff;
}

div#share-form-policy-footer {
height: 25px;
width: 400px;
background: url(../img/tip-arrow.gif) no-repeat 100px 100%;
}

#share-form-checkbox {
position: relative;
width: 100%;
}

div#share-tips div#form-bottom {
background-color: #cce9f5;
padding: 15px;
margin: 1px 0 10px;
}

div#share-tips div#form-bottom label {
margin: 0;
line-height: 2.2em;
float: left;
width: 149px;
}

#question {
width: 140px;
border: 1px solid #58b6dd;
padding: 5px;
margin-right: 15px;
}

#skicka {
width: 71px;
height: 27px;
color: #fff;
background-color: #58b6dd;
border: 0;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 1.1em;
}

div#share-tips div#form-bottom input {
float: left;
}

/* Users tips */

div#users-tips {
border-top: 1px solid #57b7df;
padding: 15px 0;
margin-left: 25px;
width: 421px;
}

div#users-tips p.header {
font-weight: normal;
font-size: 1.5em;
color: #57b7df;
margin: 0 0 5px 15px;
}

div#users-tips p.header img {
margin: 0 7px;
position: relative;
top: 1px;
}

div#users-tips ul {
margin-bottom: 15px;
}

div#users-tips ul li {
background-color: #e6f4fa;
margin: 1px 0 0;
float: left;
width: 391px;
padding: 10px 15px;
}

div#users-tips ul li p {
margin: 0;
}

div#users-tips ul li p.header {
font-weight: normal;
font-size: 1.2em;
color: #000;
font-style: italic;
margin: 0 0 5px 0;
}

p.paging {
font-size: 1.3em;
margin: 0;
text-align: right;
}

p#paging-top {
font-size: 1.3em;
margin: 2px 0 0;
float: right;
}

p.paging a, p#paging-top a {
color: #57b7df;
}

/* Tips links */

div#tips-links {
border-top: 1px solid #57b7df;
padding: 15px 0;
width: 421px;
margin: 0 0 0 25px;
}

div#tips-links p {
display: inline;
line-height: 2.5em;
padding: 5px 10px;
font-size: 1.2em;
color: #57b7df;
}

div#tips-links h2, div#tips-links ul {
margin-left: 10px;
}

div#tips-links p:hover {
background-color: #57b7df;
color: #fff;
}

div#tips-links p:hover a {
color: #fff;
}

div#tips-links a {
color: #57b7df;
font-weight: bold;
text-decoration: underline;
}

div#tips-links span.replies {
font-weight: normal;
font-style: italic;
text-decoration: none;
}

div#users-tips ul li p.report {
float: right;
}

div#users-tips ul li p.report img {
margin-right: 4px;
position: relative;
top: 1px;
}

div#users-tips ul li p.report a:link, div#users-tips ul li p.report a:visited, div#users-tips ul li p.report a:hover {
color: #57b7df;
text-decoration: none;
}