﻿@import url("/includes/stilmall.css");

html, body {
    /*background: url(/bilder/bg_body_3col.gif) repeat-y center;*/
}

html.popup, body.popup
{
    background-color: #E5EEF1;
    background-image: none;
	margin:10px 10px;
	height:auto;
	min-width:0;
	text-align:left;
}

/* ------------ BOKNING -------------- */
#searchDateHeader
{
	width:350px;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	padding:27px 0px 3px 0px;
	background: #FFF url(images/bg_flik2.gif) no-repeat center top;
}

#searchDate 
{
	width:350px;
	background: #FFF;
	text-align:center;
}

#searchAttributes
{
	text-align:center;
	padding-top:10px;
	background: #fff
}

#searchDefaultAttributes
{
	margin:0 auto;
}
#searchExtendedAttributes
{
	text-align:left;
}

.resultTable {
	border-top:1px solid #dde0d5;
	padding:10px;
	background:#ecf6f9;
}

.tableRow {
	background-color:#ecf6f9;
}

.tableRowLine {
	text-decoration:line-through
}

.tableRowLineBg {
	background-color:#ecf6f9;
	text-decoration:line-through
}
.priceColor {
	color:#4e85ab;
}
.datePriceTable {
	background-color:#ecf6f9;
	width:330px;
	margin:10px 0px 10px 6px;
}

#searchResultMain
{
	background:#fff;
	text-align:center;
	display:block;
	min-width:340px;_width:350px;
}
	#displayAttributes
	{
		width:305px;
		margin:0 auto;
	}
	#searchResult
	{
		text-align:center; 
		background:#F7F7F7;
		padding:0px 0px 5px 0px;
		
	}
	#searchResultDetail
	{
		margin-top:3px;
		/*width:150px;*/
		width:100%;
		/*background-color:#EBEEFF;*/
		
	}
	#searchResultDetailAttributes
	{
		color:#5A99C5;
	}
	
#searchResultHeader
{
	width:350px;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	padding:27px 0px 3px 0px;
	background: #FFF url(images/bg_flik2.gif) no-repeat center top;
}

#bo_tooltip
{
	text-align:left;
}
.flik
{
	width:350px;
	height:20px;
	text-align:center;
	font-weight:bold;
	margin-top:10px;
	padding:8px 0px 3px 0px;
	background: #FFF url(images/bg_flik.gif) no-repeat center top;
}
.flik_gra
{
	width:350px;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	padding:27px 0px 3px 0px;
	background:#FFF url(images/bg_flik2.gif) no-repeat center top;
}

.varukorgSummering
{
    padding:0px 8px 0px 5px;
    color:#000000;
    margin:-1px 13px 0px 33px;
    background-color:#FFFFFF;
    /*font-weight:bold;*/
    text-align:right;
    border-bottom:solid 1px #4499FF;
    border-left:solid 1px #4499FF;
    border-right:solid 1px #4499FF;
}

.bokningSokBtn{
    margin:6px 0px 6px 130px;
}

.textruta_bokning
{
	border:solid 1px #999;
	width:146px;
}

.visaAlla
{
    font-weight:bold;color:#5A99C5;margin:5px 0px 0px 5px;vertical-align:middle;
}

.visaAllaBtn
{
    margin:5px 0px 5px 10px;vertical-align:middle;
}

.invalidField
{
    background-color: #DD9999;
    border:solid 1px yellow;
    color:White;
}

.validField
{
    background-color:inherit;
    border:solid 1px #999;
    color:inherit;
}

.validStar
{
    color:#FF3333;
    cursor:pointer;
}

div .personData
{
    border:solid 1px #CCCCCC;
    background-color:#FFFFFF;
    margin:5px 5px;
}

div .searchProductInfo
{
    border:solid 1px #CCCCCC;
    background-color:#FFFFFF;
    margin:5px 5px;
    padding:5px 5px;
    text-align:left;
}

div .produktlistaRuta
{
    height:150px;
    /*overflow-y:auto;*/
    overflow:auto;
    background-color:#FFFFFF;
    border:solid 1px #CCCCCC;
    margin: 5px 5px;
}

.produktlistaRubrik
{
    text-align:center;
    vertical-align:bottom;
    padding-top:5px;
    background:url(images/bg_lista.gif) no-repeat bottom;
    font-weight:bold;
    height:25px;
}

.produktlistaLinje
{
    background-color:#E5EEF1;
    border-bottom:solid 1px #DDE7EA;
}

.rodtext
{
    color:#FF3333;
}

div.helpIcon
{
    text-align:right;
    margin-right:10px;
    float:right; 
    clear:right;
}

div.promotionContainer{
	Border-bottom: 1px dashed #dddfe0; 
	width:100%;
	font:10px Verdana;
	color:#454545;
	padding-top:5px;
	padding-bottom:17px;
}

div.leftPromotion, div.rightPromotion{
	float:left;
	width:164px;
	padding-left:5px;
}

div.leftPromotion{
	Border-right: 1px dashed #dddfe0; 
}

div.rightPromotion{
	Border-left: 1px dashed #dddfe0; 
	margin-left: -1px;
	/*float:left;*/
	clear:right;
}

div .vit { background-color:#FFFFFF;}