.ErrorDiv {
	border: thin double #FF0000;
	background-color: #FF9966;
	font-family: Tahoma;
	font-size: 1em;
	text-align: left;
	margin-bottom: 1em;
	margin-top: 1em;
}

.modalBackground      
{
    background-color: #000000;     
    filter: alpha(opacity=70);     
    opacity: 0.70;
}  

.PanelContentLinkButton, .PanelContentHyperLink
{
    /*color:#000080;*/
    color:#2F4F4F;
    text-decoration:underline;
}
.PanelContentLinkButton:hover, .PanelContentHyperLink:hover
{
    color:#4169E1;
}

.PanelContentElementLabel
{
    display:block;
}


/* ********** ********** ********** ********** ********** */
/* new main elements --> */
/* ********** ********** ********** ********** ********** */

.pContainerPanel
{
    font-family:Arial;
    text-align: left; 
    color:#fff; 
    font-weight:bold; 
    padding:1px;
    margin:0px 0px 10px 0px; 
    background: url('slide.png') repeat-x #D7DDE0;
    background-position: 0px -50px;
    /* border:solid 1px #ccc; */
}

.pHeaderPanel
{
    font-size:12px; 
    border:none;
    background: url('bannerSlide.png') repeat-x #556574;
    background-position: 0px center;
    padding:6px;
    border:solid 0px #ccc; 
    border-bottom:none;
   /* background: #627F97;  */
}

.pHeaderLinkButton
{
    color:#fff;
    text-decoration:underline;
}

.pHeaderLinkButton:hover
{
    color:#9eda29;
}

.pContentPanel
{
    font-size:11px;
    color:#000;   
    background: #fff; 
    font-weight:normal; 
    padding:5px; 
    margin:0px; 
    background: #fff;
    border:solid 0px #ccc; 
    border-top:none;
    /*border-top:solid 1px #ccc; */
}

.contentDividerHead
{
    font-weight:bold; 
    font-size:1.1em;
    font-family:arial;
    color:#638098; 
    padding:1px 2px 1px 5px; 
    display:block;
    margin:10px -5px 10px -5px; 
    background: url('horizSlide.png') repeat-y #F9FAFA; 
    border: solid 0px #F5F5F5;
}


/* waitpanel --> */
.PanelWaitContent
{
   background:#BDBFC7; 
   color:#fff; 
   font-size:13pt; 
   font-family:arial;
   padding:50px 0px;
   border:solid 1px #d0d0d0;
   border-bottom:none;
   border-top:none;
}

.PanelWaitHeader, .PanelWaitFooter
{
   background:#627F97; 
   font-weight:bold;
   color:#fff; 
   font-size:11pt; 
   font-family:tahoma;
   padding:5px 0px 5px 0px;
   vertical-align:middle;
   border:solid 1px #d0d0d0;
}
.PanelWaitFooter
{
    width:100%;
    float:left;
}
/* <-- waitpanel */


/* ********** ********** ********** ********** ********** */
/* <-- new main elements */
/* ********** ********** ********** ********** ********** */


/* ********** ********** ********** ********** ********** */
/* navlist --> */ 
ul#navlist
{
    font: bold 12px arial, verdana, sans-serif;
    list-style-type: none;
    padding-bottom: 26px;
    border-bottom: 0px solid #6c6;
    text-transform:none;
    margin: 0;
    padding-left:0px;
}

ul#navlist li
{
    float: left;
    height: 27px;
    /* background-color: #3F4144; */
    background: url(varjo.png) transparent; /*003974 3F4144*/
    margin: 2px 4px 0px 0px;
    border: 1px solid #646669;
    border-bottom: none;
    padding-right:5px; 
}

ul#navlist li.active
{
   /* border: 1px solid #627F97; commented-@levi-case */
    border: 1px solid #FFFFFF; 
    border-bottom: none;
    /* background-color: #627F97; */
    /* background: url('activeStepBg.png') repeat-x; commented-@levi-case */
    background: #FFFFFF; 
    background-position: 0px center;
}

#navlist a
{
    float: left;
    display: block;
    height: 22px;
    /*color: #999; */
    text-decoration: none;
    padding: 4px;
    padding-top: 5px;
    outline:none;
    cursor:default;
}

#navlist a:hover { 
    /*color:#fff;*/
}

#navlist .StepLinkButtonActive 
{
    /*text-decoration: none; */
    /* color: #fff;  commented-@levi-case*/ 
    color: #627F97;    
    cursor: default;
    /*font-weight: bold; */
}   
#navlist .StepLinkButtonEnabled
{
    /*text-decoration: none; */
    color: #fff; 
    /*color:#f0f0f0;*/
    cursor:pointer;
    /*font-weight: bold; */
}   
#navlist .StepLinkButtonEnabled:hover
{
    color: #9eda29; 
}
    
#navlist .StepLinkButtonDisabled 
{
    /*text-decoration: none; */
    color: #999;
}   
/* <-- navlist */ 
/* ********** ********** ********** ********** ********** */

/* ********** ********** ********** ********** ********** */
/* ********** ********** ********** ********** ********** */

/* accommodation stars --> */
.StarsPanel, .StarsPanelLightBg
{
    margin:-1px 3px; 
    background:transparent url('Star.png') repeat-x left center; 
    float:left;
    height:16px;
    width:16px;
}
.StarsPanelLightBg
{
    background:transparent url('StarLightBg.png') repeat-x left center; 
}
.Stars1
{
    width:16px;
}
.Stars2
{
    width:32px;
}
.Stars3
{
    width:48px;
}
.Stars4
{
    width:64px;
}
.Stars5
{
    width:80px;
}

/* <-- accommodation stars */

/* appreciation layer --> */
.appItem
{
    font-family:Arial; font-size:12px; margin:10px; clear:both;
}
.appLine
{
    margin-left:5px; display:block;
}
.appName
{
    font-style:italic;
}
.appDate
{
    display:inline;
    margin-left:5px;
    color:#999;
}
.appText
{
    margin:2px 5px; display:block;
}

.ratingStar 
{
    font-size: 0pt;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(dotFull.png);
}
.emptyRatingStar {
    background-image: url(dotEmpty.png);
}

/* <-- appreciation layer */


/* appreciationPager --> */
.appPagerCurrentPageLabel, .appPagerNumericLink
{
    font-family:Arial;
    font-size:12px;
    background: #fff;
    color:#4169E1;
    padding:1px 2px; 
    vertical-align:middle;
}
.appPagerNumericLink
{
    font-weight:bold;
    text-decoration:underline;
}
.appPagerNumericLink:hover
{
    color:blue;
    background:#f0f0f0;
}
/* <-- appreciationPager */  

.HelpImage
{
   float:right;
   margin:-3px 0px 0px 0px;  
}

/* *** *** *** *** *** *** *** *** *** *** */
/* *** *** *** *** *** *** *** *** *** *** */
/* *** *** *** *** *** *** *** *** *** *** */
/* *** I7- accommodation ==>   *** *** *** */
/* *** *** *** *** *** *** *** *** *** *** */
/* *** *** *** *** *** *** *** *** *** *** */
/* *** *** *** *** *** *** *** *** *** *** */

/* *** main buttons --> *** */
a.MainButton 
{
    /* Sliding right image */
    /*    background: transparent url('button_right_continue.png') no-repeat scroll top right;  */
    display: block;
    float: left;
    height: 26px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    outline: none;
    padding-right: 10px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
}

/* main button types */
a.Continue{ background: transparent url('button_right_continue.png') no-repeat scroll top right; }
a.Full{ background: transparent url('button_right_full.png') no-repeat scroll top right; cursor:default; }
a.Selected{ background: transparent url('button_right_selected.png') no-repeat scroll top right; }

a.MainButton span 
{
    /* Background left image */ 
    /*    background: transparent url('button_left_continue.png') no-repeat;  */
    display: block;
    line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 6px 0 5px 10px;
    color:White;
} 

/* main button span types */
a.Continue span{ background: transparent url('button_left_continue.png') no-repeat; }
a.Full span{ background: transparent url('button_left_full.png') no-repeat; }
a.Selected span{ background: transparent url('button_left_selected.png') no-repeat; }

a.Continue:hover span, a.Selected:hover span 
{
    color:#9eda29;
    outline: none;
}
/* *** <-- main buttons *** */
/* *** accommodations-page --> *** */
.AccHeadline
{
    text-decoration:none;
    display:block;
    color:Black;
}
.AccHeadline:hover
{
    text-decoration:underline;
    color:#4169E1;
}
/* *** <-- accommodations-page *** */

/* *** summary-page --> *** */
.SummaryCommonTextLink
{
    color:#2F4F4F;    
    text-decoration:underline;
    /*background:#F5F5DC; */
}
.SummaryCommonTextLink:hover
{
    color:#4169E1;
}
/* *** <-- summary-page *** */


/* *** masterPage --> *** */
.MstrBody
{
    /*background: #EAEAEA url('bg.jpg') no-repeat top center;  */
    background: #003974 url('bg.jpg') repeat-x top center; /* ulkoreunojen tausta */
    font-family: Segoe UI, Arial, Verdana; 
    margin: 0;    
}
.Banner
{
    height: 150px; 
    margin-top: 0px; 
    background-image: url('TopBanner.jpg');
    background-position: center left;
}

.BannerStripe
{
    height: 32px; 
    margin-top: -32px; 
    background: url('varjo.png') transparent;    
}
.OuterContainerPanel
{
    margin: -30px auto 0px auto;
    background-color: transparent; 
    min-height: 400px; 
}
.Wide
{
    width:1050px;
}

.Narrow
{
    width:800px;
}

.OuterContainerLayer
{
    position: relative; 
    margin: 0px auto 0px auto; 
    width: 1050px; 
    background-color: transparent;
    color: White; 
    font-family: Arial; 
    font-size: 12px;    
}
.MainContentTable
{
    width: 1050px; 
    background: transparent;
    border:none;
}
.MainContentCell
{
    width: 800px; 
    padding-top:10px; 
    /* background: url('gradientTop.png') #ffffff repeat-x; commented-@levi-case */
    background: #FFFFFF;
    font-family: Segoe UI, Arial, Verdana;
}

.PartnersLayer
{
    display:none; 
}
.FooterLayer
{
    background: url('gradientFooter.png') #FFFFFF repeat-x left top;
    padding: 10px 0px; 
    width: 800px; 
    color: White;
    font-size:11px;
}
.FooterLayer .RegisterLink
{
    font-size:11px; 
    color:White;
}
/* *** <-- masterPage *** */
body.PopUp
{
    background: #fff; /*BDBFC7; */
}

/* arealistWindow --> */
.areaImage
{
    width:688px;
    height:200px;
    background: url('areaMap.png') no-repeat left top;
}
.areaCheckBoxList
{
    font-family:Arial, Verdana; 
    font-size:11px; 
    min-width:680px;
}
/* <-- arealistWindow */

/* infoPanel --> */
.pInfoContainerPanel
{
    font-family:Arial;
    text-align: left; 
    color:#fff; 
    font-weight:bold; 
    padding:0px;
    margin:10px 0px 0px 5px; 
    background:transparent;
    position:absolute;
    width:250px;
}
.pInfoHeaderPanel
{
    font-size:12px;
    border:none;
    background: transparent url('CartTopLeftCorner.png') no-repeat left top;
    padding:6px;
}
.pInfoContentPanel
{
    font-size:11px;
    color:#000;   
    font-weight:normal; 
    margin:0px; 
    padding:0px; 
    padding-bottom:35px;    
    overflow:hidden; 
    background:url('CartContainer.png') no-repeat left bottom;
}

/* <-- infoPanel */

/* HotelCard --> */
.PanelHeaderHotelCard, .PanelHeaderAddOnCard
{
    font-family: Arial; 
    font-size:12pt; 
    font-weight:bold; 
    color:#fff; 
    margin:0px; 
    padding:6px; 
    text-align:left; 
    /*background: #627F97;*/
    background: transparent url('CartTopLeftCorner.png') repeat-x left top;
}
.HotelCardTable, .AddOnCardTable
{
    font-family: Arial, Verdana, Segoe UI; 
    font-size: 12px;   
}
.HotelCardRowDark
{
    background:#F0F0F0;
}
/* <-- HotelCard */
/* addonsPage --> */
.AddonsPageHeader, .ConfirmationPageHeader
{
    margin-left: 6px; 
    font-family: Arial, Verdana, Segoe UI;
    color: #627F97; 
    font-weight: bold;  
    display:block; 
}
 
 .NextWeekBtn, .PrevWeekBtn
{
    padding:4px 5px; 
    vertical-align:middle;
   
}   
.NextWeekBtn:hover, .PrevWeekBtn:hover
{
    background:lightblue;
}
/* <-- addonsPage */
    
/* shoppingCart, summary --> */
.AddOnHeader
{
    font-weight: normal; 
    font-size: 11px; 
    color: Maroon;    
}
.AddOnRow, .AddOnRowSC
{
    background: #F0F0F0; 
    margin: 0px 0px 1px 0px;
}
.AddOnRowSC
{
    width: 100%; 
}
/* <-- shoppingCart, summary */
.CounterContainer
{
    text-align:center; margin:0px auto;
    font-weight: bold; 
    font-family: Verdana;
    font-size: 12px; 
    color: Green; 
    line-height:30px;   
}
.CounterContainer.Count
{
    font-size: 20px; 
}