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


html, body, #allan, #ellen {
height: 100%;
}

body {
background: #b5237b;
font: 0.75em/1em Arial, Helvetica, sans-serif;
}

.text {
color: #fff;
padding: 0 30px;
width: 300px;
margin: 30px auto 0;
}

.text h2 {
font: 2em/1em Arial, Helvetica, sans-serif;
}

#allan, #ellen {
float: left;
background: #fff;
width: 49.99999999999999999%;
cursor: pointer;
}

#allan span, #ellen span {
display: block;
/*margin: 70px auto 0;
width: 300px;
height: 375px;
background: #b5237b url(../img/intro/allan.png) no-repeat 0 -375px;*/
margin: 0 auto;
width: 282px;
height: 115px;
background: #b5237b url(../img/intro/allan.png) no-repeat 0 -115px;
text-indent: -999em;
overflow: hidden;
cursor: pointer;
}

.pratbubbla {
background: url(../img/intro/pratbubbla.png) no-repeat;
margin: 50px auto 0;
width: 151px;
height: 126px;
padding: 25px 75px 98px 76px;
}

.pratbubbla div {
width: 151px;
height: 126px;
}

.tshirt {
background-image: url(../img/intro/tshirt.png);
}

.bowling {
background-image: url(../img/intro/bowling.png);
}

.tecken {
background-image: url(../img/intro/tecken.png);
}

.hjarta {
background-image: url(../img/intro/hjarta.png);
}

.vin {
background-image: url(../img/intro/vin.png);
}

.lappstift {
background-image: url(../img/intro/lappstift.png);
}

.krona {
background-image: url(../img/intro/krona.png);
}

.arm {
background-image: url(../img/intro/arm.png);
}

span.over {
background-position: 0 0 !important;
}

#ellen span {
background-image: url(../img/intro/ellen.png);
}

* html #allan span {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/intro/allan_ie.png');
}

* html #allan span.over {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/intro/allan_ie_over.png');
}

* html #ellen span {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/intro/ellen_ie.png');
}

* html #ellen span.over {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/intro/ellen_ie_over.png');
}

* html div.pratbubbla {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/intro/pratbubbla.png');
}

* html div.pratbubbla div {
background-image: none !important;
}

* html .tshirt {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/intro/tshirt.png', sizingMethod='crop');
}

* html .bowling {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/intro/tshirt.png', sizingMethod='crop');
}

* html .tecken {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/intro/tecken.png', sizingMethod='crop');
}

* html .hjarta {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/intro/hjarta.png', sizingMethod='crop');
}

* html .vin {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/intro/vin.png', sizingMethod='crop');
}

* html .lappstift {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/intro/lappstift.png', sizingMethod='crop');
}

* html .krona {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/intro/krona.png', sizingMethod='crop');
}

* html .arm {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/intro/arm.png', sizingMethod='crop');
}

div.error {
position: absolute;
width: 30%;
left: 50%;
margin-left: -15%;
top: 50px;
padding: 10px;
background: #E2C5C5;
border: 1px solid #CC0000;
}

div.error h3 {
font: 2em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0 0 0.5em;
}