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

p.message {
margin: 0 0 10px;
padding: 10px;
background: #fff9d7;
border: 1px solid #e2c822;
color: #333333;
font-size: 1.3em;
font-weight: bold;
}
			
/* Form */

input.field,
textarea.field {
padding: 4px 3px 3px;
background: #fff;
border: 1px solid #000;
font: 12px/1 Arial, Helvetica, sans-serif;
}

div.form {
margin: 0 0 -10px;
}

div.form div.row {
margin: 0 0 10px;
}

input.error {
border-color: #f00 !important;
}

input.error2 {
background-color:#fb6464 !important;
}

div.form div.loading {
background: url(../img/ajax-loader.gif) no-repeat 80px 50%;
}

/* Widget */

div.widget {
margin: 0 0 10px;
}

/* Layout */

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

h2 {
background: no-repeat;
text-indent: -999em;
overflow: hidden;
}

div#wrapper {
width: 902px;
margin: 0 auto;
padding: 10px 0 0;
}

div#header {
float: right;
width: 232px;
margin: 0 0 10px;
}

div#header h1 a {
display: block;
height: 110px;
background: #fff url(../img/rkuf.gif) no-repeat 50% 50%;
text-indent: -999em;
overflow: hidden;
}

div#main {
float: left;
width: 550px;
padding: 45px 55px 20px;
margin: 0 10px 0 0;
background: #fff url(../img/corner.png) no-repeat 100% 0;
color: #000;
}

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

div#side input.field {
width: 184px;
}

div#footer {
float: left;
width: 660px;
margin: 10px 0 0;
}

div#footer p {
font-size: 1.1em;
}

div#footer a {
color: #fff;
font-weight: normal;
}

div#footer p.share {
float: right;
}

div#footer p.share a {
background: url(../img/share.gif) no-repeat 0 50%;
padding: 0 0 0 13px;
text-transform: uppercase;
}

/* Create - Skapa värvningskort */

div#create {
background: #e11422 url(../img/create-bg-animated.gif) no-repeat;
height: 117px;
padding: 0 20px 20px;
margin-top: 47px;
}

div#create h2 {
position: relative;
width: 224px;
height: 50px;
top: -38px;
left: -13px;
margin: 0 -53px -27px 0;
background-image: url(../img/header-create.gif);
}

div#create input.field {
border-color: #fff;
}

div#create div.form {
margin: 0 0 -20px;
}

div#create div.buttons input {
float: left;
margin: 0 14px 0 0;
}

div#create div.buttons a {
float: left;
width: 100px;
height: 24px;
background: url(../img/header-how.gif) no-repeat 0 50%;
text-indent: -999em;
overflow: hidden;
}

div#create-done {
height: 137px;
background: url(../img/create-empty.gif);
text-indent: -999em;
overflow: hidden;
}

/* Toplist - Värvningstoppen */

div#toplist {
background: #fff;
color: #000;
}

div#toplist h2 {
height: 65px;
background-image: url(../img/toplist_header.gif);
}

div#toplist ol li, div#toplist div.toplist-position {
float: left;
height: 41px;
padding: 3px 0 0 0;
margin: 0;
background-image: url(../img/toplist_xplace.gif);
}

div#toplist ol li.m-1 {
background-image: url(../img/toplist_firstplace.gif);
margin-top: 3px;
height: 38px;
}

div#toplist ol li.m-2 {
background-image: url(../img/toplist_secondplace.gif);
margin-top: 3px;
height: 38px;
}

div#toplist ol li.m-3 {
background-image: url(../img/toplist_thirdplace.gif);
margin-top: 3px;
height: 38px;
}

div#toplist ol li.bottom {
height: 36px;
}

div#toplist ol li span.rank, div#toplist div.toplist-position span.rank, div#foreningstoppen ol li span.rank {
float: left;
padding-left: 6px;
width: 30px;
font-size: 20px;
text-align: center;
}

div#toplist ol li span.name, div#toplist div.toplist-position span.name {
float: left;
width: 136px;
font-size: 14px;
padding-left: 10px;
line-height: 16px;
}

div#toplist ol li span.recruits, div#toplist div.toplist-position span.recruits {
float: left;
width: 40px;
font-size: 14px;
text-align: right;
padding: 9px 10px 0 0;
font-weight: bold;
color: #e11422;
}

div#toplist ol li.m-1 span.rank, div#toplist ol li.m-2 span.rank, div#toplist ol li.m-3 span.rank {
display: none;
}

div#toplist ol li.m-1 span.name, div#toplist ol li.m-2 span.name, div#toplist ol li.m-3 span.name {
padding-left: 46px;
}

div#toplist ol li.m-1 span.recruits {
color: #000;
}

div#toplist ol li.m-2 span.name, div#toplist ol li.m-3 span.name, div#toplist ol li.m-2 span.recruits, div#toplist ol li.m-3 span.recruits {
color: #fff;
}

div#toplist div.footer {
background-image: url(../img/toplist_footer.gif);
height: 74px;
width: 232px;
margin-top: -12px;
clear: both;
float: none;
}

div#toplist .footer span.recruits {
font-size: 13px;
display: block;
text-align: right;
padding: 2px 10px 0 0;
color: #fff;
}

div#toplist .footer #membercheck {
margin-top: 18px;
}

div#toplist .footer span.form {
line-height: 23px;
font-size: 12px;
padding-left: 12px;
color: #fff;
float: left;
}

div#toplist .footer .field {
width: 86px;
height: 15px;
margin-left: 8px;
margin-right: 0px;
padding: 4px 0 4px;
text-align: center;
background-image: url(../img/toplist_searchbox.gif);
border: 0;
float: left;
}

div#toplist .footer #btnToplistMember {
float: left;
margin-left: 0;
}

#varvningsskolan {
cursor: pointer;
}

div#enlistmentschool-popup dl {
margin-top: 8px;
}

div#enlistmentschool-popup dt {
font-weight: bold;
font-size: 13px;
margin-top: 10px;
}

/* Föreningstopplista */

div#foreningstoppen h2 {
height: 64px;
background-image: url(../img/ftoplist-header.gif);
}

div#foreningstoppen ol li {
background: #fff url(../img/ftoplist_xplace.jpg) no-repeat 0 0;
color: #000;
float: left;
height: 39px;
line-height: 39px;
padding-top: 5px;
width: 232px;
margin: 0;
}

div#foreningstoppen ol li span.rank {
color: #fff;
}

div#foreningstoppen ol li span.name {
float: left;
width: 124px;
font-size: 14px;
padding-left: 10px;
line-height: 39px;
}

div#foreningstoppen ol li span.recruits {
float: left;
width: 50px;
font-size: 14px;
text-align: right;
padding: 0 10px 0 0;
font-weight: bold;
color: #e11422;
}

div#foreningstoppen ol li.m-1 {
background: #fff url(../img/ftoplist_firstplace.jpg) no-repeat 0 0;
height: 39px;
padding: 0;
}

div#foreningstoppen ol li.m-1 span.rank {
visibility: hidden;
}

div#foreningstoppen .footer {
background-color: #e11422;
border-top: 1px solid #e7434e;
padding: 5px 10px;
font-size: 12px;
margin-top: -12px;
text-align: center;
}

div#foreningstoppen .footer p {
text-align: right;
border-bottom: 1px solid #b02b29;
font-size: 12px;
padding-bottom: 7px;
}

div#foreningstoppen .footer a:link, div#foreningstoppen .footer a:visited, div#foreningstoppen .footer a:hover {
color: #fff;
}
/* Card request - fler "Hej"-kort */

div#card-request {
background: #fff;
color: #000;
padding: 21px 20px;
}

div#card-request h2 {
height: 37px;
margin: 0 0 10px;
background-image: url(../img/header-card-request.gif);
}

/* Register */

div#register {
margin: 40px -10px 25px 0;
}

div#register h2 {
height: 22px;
background-image: url(../img/header-register.gif);
text-indent: 0;
margin-left: 10px;
}

div#register h2 a {
display: block;
height: 22px;
text-indent: -999em;
overflow: hidden;
}

div#register iframe {
width: 608px;
height: 700px;
margin: 0 -38px 0 -20px;
}

div#register-toggle {
background: #e11422 url(../img/pil.gif) no-repeat 5px 7px;
padding: 5px 0 8px 25px;
width: 535px;
margin: 0 -10px 0 0;
}

div#register-toggle.open {
background-image: url(../img/register-arrow-down.gif);
background-position: 9px 50%;
}

div#register-toggle.active {
cursor: pointer;
}

/* Competition */

div#competition {
margin-top: 25px;
}

div#competition h4 {
font-size: 1.2em;
margin: 0;
padding: 0 0 0 16px;
background: url(../img/arrow-red-right.gif) no-repeat 0 50%;
}

div#competition h4.active {
color: #e11422;
cursor: pointer;
}

div#competition h4.open {
background-image: url(../img/arrow-red-down.gif);
}

div#malawi-info {
border-top: 1px solid #dbdbdb;
padding-top: 16px;
margin-top: 4px;
}

div#malawi-column1 {
width: 252px;
height: 329px;
background: url(../img/module-background-bottom.gif) no-repeat bottom left;
}

div#malawi-column1 p {
margin: 8px 14px 0;
}

div#malawi-column2 {
margin-left: 24px;
width: 252px;
}

div#last-winner {
border-top: 1px solid #dbdbdb;
margin-top: 16px;
padding-top: 24px;
padding-bottom: 50px;
}

div#last-winner h2 {
height: 44px;
margin: 0 0 20px;
background-image: url(../img/header-last-winner.gif);
}

div#last-winner-column1 {
width: 252px;
}

div#last-winner-column1 img {
margin-left: -16px;
margin-bottom: 20px;
}

div#last-winner-column2 {
margin-left: 24px;
width: 252px;
height: 246px;
background: url(../img/module-background-top.gif) no-repeat top left;
}

div#last-winner-column2 p {
margin: 12px 14px 0;
}

div#last-winner-column2 div {
margin-top: 10px;
margin-bottom: 28px;
}

div#competition-footer {
border-top: 1px solid #dbdbdb;
margin-top: 20px;
padding-top: 16px;
}

div#competition-footer p {
font-size: 1.1em;
line-height: 1.45;
}

/* Start */

div#intro {
background: url(../img/header-new-intro.gif) no-repeat;
padding: 290px 0 0;
}

/* Card done */

div#card {
background: url(../img/header-card-done.gif) no-repeat;
padding: 210px 0 0;
}

div#card-flash {
float: left;
display: inline;
margin: 0 0 0 -14px;
width: 427px;
}

div#card-flash-replace {
height: 96px;
padding: 185px 0 0 55px;
background: url(../img/card.jpg) no-repeat;
}

div#card-flash-replace p.name {
font-size: 2em;
font-weight: bold;
line-height: 1.4;
margin: 0;
}

div#card-flash-replace p.member {
font-size: 1.4em;
font-weight: bold;
margin: 0 0 0 90px;
}

div#card-flash img,
div#card-flash object {
display: block;
}

div#card-text {
float: left;
width: 137px;
padding: 30px 0 0;
}

/* Card done - Accordion */

div#card ul {
width: 550px;
padding: 0 55px;
margin: 8px -55px 1em;
overflow: hidden;
font-size: 1em;
}

div#card ul li {
margin: -1px 0 0;
background: url(../img/dot.gif) repeat-x;
}

div#card ul li h4 {
margin: 0;
line-height: 31px;
padding: 0 0 0 16px;
background: url(../img/arrow-red-right.gif) no-repeat 0 50%;
}

div#card ul li h4.open {
background-image: url(../img/arrow-red-down.gif);
}

div#card ul.active li h4 {
cursor: pointer;
}

div#card ul li div.share {
padding: 0 0 15px;
}

div#card ul li div.share-main {
float: left;
width: 385px;
margin: 0 25px 0 0;
overflow: hidden;
}

div#card ul li div.share-info {
float: left;
width: 140px;
}

div#card ul li div.share .field {
width: 375px;
}

div#card ul li.facebook h4 span {
padding: 0 0 0 21px;
color: #5367a3;
background: url(../img/facebook.gif) no-repeat;
}

div#facebook-login {
padding: 5px 0 0;
}

div#facebook-share {
width: 605px; 
margin: 0 -55px 0 0;
}

/* Start - Join */
div#intro-join {
background: url(../img/header-intro-join.gif) no-repeat;
padding: 290px 0 0;
}

div#register-join {
margin: 50px 0 30px;
border-bottom: 1px solid #000;
padding-bottom: 50px;
}

div#register-join h2 {
width: 153px;
height: 35px;
background-image: url(../img/header-join.gif);
text-indent: 0;
margin: 0 auto;
padding-bottom: 40px;
}

div#register-join h2 a {
display: block;
height: 35px;
text-indent: -999em;
overflow: hidden;
}

div#forgot {
background: #e11422;
padding: 18px 20px 14px;
overflow: hidden;
width: 192px;
}

div#forgot input.field {
border-color: #fff;
width: 144px;
vertical-align: top;
margin-right: 2px;
}

div#forgot div.form input.field {
width: 184px;
}

div#toplist input.field {
width: 144px;
vertical-align: top;
margin-right: 2px;
}

div#toplist div.toplist-position {
margin-top: 0;
height: 37px;
background-image: url(../img/toplist_yourplace.gif);
color: #fff;
}

/*div#toplist div.toplist-position span {
float: left;
}*/

div#toplist div.toplist-position span.recruits {
color: #fff;
}

div#enlistmentschool-popup {
position: absolute;
width: 280px;
height: 642px;
background-color: #e11422;
top: 730px;
margin-left: 562px;
z-index: 100;
padding: 32px 30px 0 30px;
display: none;
}

div#how-popup {
position: absolute;
width: 280px;
height: 472px;
background-color: #e11422;
top: 130px;
margin-left: 562px;
z-index: 100;
padding: 32px 30px 0 30px;
display: none;
}

div#how-popup h3, div#enlistmentschool-popup h3 {
font-size: 1.8em;
}

div#how-popup ol {
list-style: decimal outside;
margin-left: 20px;
}

a#how-close, a#school-close {
width: 14px;
height: 15px;
text-indent: -999em;
background: url(../img/close.gif) no-repeat left top;
display: block;
position: absolute;
left: 304px;
top: 20px;
}

div#competition-main div#foreningsbonus h2 {
height:30px;
width: 521px;
background: url(../img/foreningstavlingen-avgjord.gif) no-repeat;
margin-bottom: 10px;
}

div#competition-main div#foreningsbonus {
margin: 0;
}

div#varva-fortsatter h2 {
height: 28px;
width: 393px;
background: url(../img/header-varvaforsatter.gif) no-repeat;
margin: 20px 0 10px;
}

div#varva-fortsatter ul li {
padding-left: 194px;
height: 105px;
border-color: #e11422;
border-width: 2px 0;
border-style: solid;
}

div#varva-fortsatter h3 {
text-indent: -999em;
overflow: hidden;
margin: 10px 0;
}

div#varva-fortsatter ul li#vf-1 {
background: url(../img/varva-pris1.gif) no-repeat 0 0;
border-top-width: 4px;
}

div#varva-fortsatter ul li#vf-1 h3 {
background: url(../img/vf-1.gif) no-repeat top right;
height: 25px;
margin: 10px 0 5px;
}

div#varva-fortsatter ul li#vf-15 {
background: url(../img/varva-pris15.jpg) no-repeat 0 0;
}

div#varva-fortsatter ul li#vf-15 h3 {
background: url(../img/vf-15.gif) no-repeat top right;
height: 20px;
}

div#varva-fortsatter ul li#vf-10 {
background: url(../img/varva-pris10.gif) no-repeat 0 0;
}

div#varva-fortsatter ul li#vf-10 h3 {
background: url(../img/vf-10.gif) no-repeat top right;
height: 20px;
}

div#varva-fortsatter ul li#vf-5 {
background: url(../img/varva-pris5.jpg) no-repeat 0 0;
border-bottom-width: 4px;
}

div#varva-fortsatter ul li#vf-5 h3 {
background: url(../img/vf-5.gif) no-repeat top right;
height: 20px;
}

div#varva-fortsatter ul li p {
text-align: justify;
font-size: 1em;
margin-bottom: 0;
}

div#lisa-malawi h2 {
height: 22px;
width: 364px;
background: url(../img/header-lisatillbaka.gif) no-repeat;
margin: 30px 0 10px;
}

div#lisa-malawi .ingress {
text-indent: -999em;
overflow: hidden;
}

div#lisa-malawi .ingress {
height: 41px;
width: 520px;
background: url(../img/lisatillbaka-ingress.gif) no-repeat;
}

div#lisa-malawi div p {
width: 300px;
}

div#lisa-malawi div img {
float: right;
}

div#lisa-flickr h2 {
height: 25px;
width: 485px;
background: url(../img/header-lisaflickr.gif) no-repeat;
margin: 30px 0 10px;
}