/* ColorBox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* ColorBox example user style */
#cboxOverlay{background:url(/content/images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxContent{margin-top:19px;margin-right:17px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; color:#ccc; padding:2px; background-color:Black;}
        #cboxCurrent{position:absolute; bottom:0px; right:0px; color:#ccc; padding:2px; background-color:Black;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/content/images/colorbox/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/content/images/colorbox/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(/content/images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:-19px; right:-17px; display:block; background:url(/content/images/colorbox/controls2.png) bottom center no-repeat; width:40px; height:40px; text-indent:-9999px;}        
        
.validity-summary-container { display:none; }
.validity-summary-output ul { }
.validity-erroneous { border:solid 2px #ff3300 !important; }
.validity-modal-msg { 
    position:absolute; 
    color:#fff;
    z-index:2; 
    background-color:#ff3300;     
    padding:2px;
    cursor:pointer;
    margin-top:10px;
    margin-left:5px;
}

/****************
* General styles
****************/

body, html
{
    margin: 0;
    padding: 0;
}

body
{
    background-color: #ee9911;
    background-repeat: repeat-x;
    background-attachment: fixed;
    font-family: Arial;
    font-size: 12px;
    margin-left: 20px;
    margin-top:20px;
    height: 100%;
}

a
{
    color: #16286d;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

a:hover
{
    text-decoration: underline;
}

h1
{
    font-size: 16px;
    margin: 0px 0px 10px 0px;
}
h2
{
    font-size: 14px;
    margin: 0px 0px 0px 0px;
}
img
{
    border: 0;
}
.boxRight
{
    width: 142px;
    padding: 10px;
    margin-top: 10px;
    float: left;
    background-color: #e4f1fc;
}
.floatLeft
{
    float: left;
    margin-right: 8px;
    display: inline;
}
.floatLeft100
{
    float: left;
    width: 100%;
    display: inline;
    margin-top: 10px;
}
.floatRight
{
    float: right;
    margin-right: 7px;
    display: inline;
}
.smallText, .smallText a
{
    font-size: 10px;
    color: #555;
}
hr
{
    border: 0;
    height: 1px;
    background-color: #c0bebd;
}
object
{
    outline: none;
}

/****************
* Header styles
****************/

.headerArea
{
    position: relative;
    width: 994px;
    height: 120px;
    border: 2px solid #fff;
    border-bottom: 2px solid #cccccc;
    background-image: url(/Content/Images/headerBG.gif);
}

.headerLogo
{
    position: absolute;
    top: 16px;
    left: 18px;
    border: 0;
    height: 67px;
    width: 181px;
}

.headerLinks
{
    position: absolute;
    top: 49px;
    right: 0;
    margin: 0;
    margin-right: 15px;
    color: #fff;
    display: block;
}

.headerLinks li
{
    display: inline;
    margin-right: 7px;
}

.headerLinks a
{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    border-right-color: rgb(153, 153, 153);
    border-left: 1px solid rgb(204, 204, 204);
    padding-left: 7px;
}

.headerTabsLeft
{
    position: absolute;
    top: 95px;
    left: 0;
    margin: 0 0 0 6px;
    padding: 0;
}

.headerTabsRight
{
    position: absolute;
    top: 95px;
    right: 0;
    margin: 0 7px 0 0;
    padding: 0;
}

.headerTabsLeft ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

.headerTabsLeft li
{
    float: left;
    margin-left: 1px;
}

.headerTabsRight ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

.headerTabsRight li
{
    float: left;
    margin-left: 1px;
}

.passiveTab
{
    background-image: url( '/Content/Images/header_tab_tl.png' );
    background-repeat: no-repeat;
    background-position: top left;
    border-bottom: 1px solid #dadada;
}

.activeTab
{
    background-image: url( '/Content/Images/header_tab_tl_on.png' );
    background-repeat: no-repeat;
    background-position: top left;
    border-bottom: 3px solid #fff;
}

.passiveTabRight
{
    background-image: url( '/Content/Images/header_tab_tl_on.png' );
    background-repeat: no-repeat;
    background-position: top left;
    border-bottom: 1px solid #fff;
}

.passiveTab a
{
    float: left;
    line-height: 24px;
    font-size: 12px;
    margin-left: 10px;
    padding-right: 10px;
    background-image: url( '/Content/Images/header_tab_tr.png' );
    background-repeat: no-repeat;
    background-position: top right;
    text-decoration: none;
    font-weight: bold;
    color: rgb(238, 153, 17);
}

.passiveTabRight a
{
    float: left;
    font-size: 12px;
    line-height: 24px;
    margin-left: 10px;
    padding-right: 10px;
    background-image: url( '/Content/Images/header_tab_tr_on.png' );
    background-repeat: no-repeat;
    background-position: top right;
    text-decoration: none;
    font-weight: bold;
    color: rgb(102, 102, 102);
}

.activeTab a
{
    float: left;
    font-size: 12px;
    line-height: 24px;
    margin-left: 10px;
    padding-right: 10px;
    background-image: url( '/Content/Images/header_tab_tr_on.png' );
    background-repeat: no-repeat;
    background-position: top right;
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

.headerTabsLeft a:hover
{
    color: #000;
}
.headerTabsRight a:hover
{
    color: #000;
}

/****************
* Content styles
****************/

.contentArea
{
    margin: 0;
    padding: 10px 0px 10px 0px;
    width: 998px;
    background: #fff;
}

/****************
* Footer styles
****************/

.footerArea
{
    width: 998px;
    background: #fff;
    position: relative;
    font-size: 11px;
}

.footerSeparator
{
    width: 998px;
    height: 8px;
    background: rgb(238, 153, 17);
}

.footerText
{
    width: 978px;
    padding: 10px;
    border-bottom: 1px dashed rgb(153, 153, 153);
    color: rgb(153, 153, 153);
    line-height: 13px;
}

.footerText a
{
    text-decoration: underline;
    font-size: 11px;
    font-weight: normal;
    color: rgb(153, 153, 153);
}

.footerCountries
{
    font-weight: bold;
    margin-bottom: 8px;
}

.footerCountries a
{
    font-weight: normal;
    font-size: 11px;
    text-decoration: underline;
    color: #000;
}

.footerIcons
{
    width: 978px;
    padding: 10px 10px 14px 10px;
}

.footerIcons img
{
    border: 0;
    margin-right: 32px;
}

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

/********************
Best price 
********************/
.bestContent
{
    padding: 0px 10px 0px 10px;
    width: 806px;
    float: left;
}
.bestContent h1
{
    margin: 0px 0px 15px 0px;
}
.bestRightBar
{
    width:163px;
    float:left;
}
.bestRight
{
    width: 143px;
    float: left;
    margin-top: 10px;
    padding: 10px 10px 0px 10px;
    background-color: #e4f1fc;
}
.bestBox
{
    padding: 5px;
    width: 133px;
    background-color: #fff;
    margin-bottom: 10px;
}
.bestBox img
{
    margin-top: 5px;
}
.bestBox a:hover
{
    text-decoration: none;
}
.bestText
{
    width: 80%;
    margin-bottom: 10px;
}
.helpImage
{
    display: block;
    float: right;
}
.helpLink
{
    float: left;
    width: 115px;
}

/*************
SHARE
*************/

.divShare
{
    width: 163px;
    float: left;    
    /*overflow: hidden;*/
    height:auto;    
}
.divShare iframe
{
    margin-bottom: 5px !important;
}

/*****************
paket
****************/
.mapWrapper
{
    width: 796px;
    height: 500px;
    border: 5px solid #e4f1fc;
}
.infoWindow
{
    width: 400px;
    height: 208px;
}
.infoWindow .stars
{
    display: block;
}
.infoTop
{
    width: 390px;
    background: url(/weekendkartan/images/bg_gradient.png);
    background-position: bottom;
    padding: 8px 0px 8px 10px;
}
.infoTop a
{
    font-size: 16px;
}
.packPriceWrapper
{
    float: left;
    width: 100%;
}
.packPrice
{
    font-size: 25px;
    width: auto;
    color: #ff3333;
    font-weight: bold;
    float: left;
    margin-top: -5px;
    margin-right: 10px;
}
.packTerms
{
    font-size: 9px;
    color: #999999;
    width: 152px;
    float: left;
    margin-top: -4px;
}
.packDates
{
    width: 250px;
    float: left;
    margin-top: 3px;
    margin-bottom: 8px;
}
.bookBtn
{
    color: #fff;
    float: right;
    width: auto;
    font-size: 11px;
    font-weight: bold;
    padding: 0.155em 0.75em 0.2em;
    background-image: url( '/Content/Images/buttonbg.gif' );
    background-repeat: repeat-x;
    background-color: #ff3300;
    border: 1px solid #ff3300;
    margin-top: 8px;
}
.bookBtn2
{
    float: right;
    color: #fff;
    width: auto;
    font-size: 11px;
    font-weight: bold;
    padding: 0.155em 0.75em 0.2em;
    background-image: url( '/Content/Images/buttonbg.gif' );
    background-repeat: repeat-x;
    background-color: #ff3300;
    border: 1px solid #ff3300;
    margin-top: 8px;
    margin-right: 5px;
}
.zoom
{
    margin-top: 10px;
}
.smallDate
{
    width: 39px;
    height: 40px;
    float: left;
    background-image: url(/weekendkartan/images/bg_smalldates.png);
}
.smallDay
{
    font-size: 12px;
    font-weight: bold;
    width: 39px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    color: #000;
}
.smallMonth
{
    font-size: 11px;
    font-weight: bold;
    width: 39px;
    text-align: center;
    color: #fff;
}
.packLeft
{
    float: left;
}
.hotel_window_contents
{
    background-color: #fff;    
    height: 220px;
    width: 400px;
    border:1px solid #000;
}
/***** filter ****/
.packFilter
{
    margin-bottom: 10px;
    font-weight: bold;
    padding: 7px;
    border: 5px solid #e4f1fc;
}
.packFilter .infoBoxPrice
{
    width: 34px;
}
.packFilter .infoBoxTime
{
    width: 18px;
}
.slideRail
{
    position: relative;
    background-image: url(/content/images/slideRail.png);
    height: 22px;
}
.slideHandle
{
    position: absolute;
    width: 10px;
    height: 22px;
}

/**** popup ****/
.infoFlyout
{
    width: 427px;  
    background-color:#fff;  
    overflow: auto;
    padding:10px;
}
.packFlyoutWrapper
{
    width: 427px;
    height: 500px;
    background-color:#fff;   
    padding:10px; 
}
.packFlyoutTop
{
    width: 427px;    
    height: 20px;
    margin-bottom:5px;
}
.packFlyout
{
    width: 427px;
    height: 480px;
    overflow:auto;
}
.packFlyoutTop a
{
    font-size: 14px;
    color: #2590e5;
}
.packDetails
{
    width: 400px;
    height: 197px;
    background-color: #fff;
    border: 1px solid #000;
    margin-bottom: 10px;
    overflow: hidden;
}
.listDetails
{
    width: 398px;
    height: 225px;
    background-color: #fff;
    border: 2px solid #999;
    margin-bottom: 10px;
    overflow: hidden;
}
.divPackObjectMap
{
    width:400px;
    height:182px;
    margin-bottom: 10px;
    margin-top: -12px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

/************
HOTELL
************/

.hLC
{
    float: left;
    display: inline;
    width: 175px;
    margin: 10px 0px 10px 10px;
    font-size: 11px;
}

.hMC
{
    float: left;
    display: inline;
    width: 608px;
    margin: 10px;
    font-size: 11px;
}

.hMC .hotelsearchTop
{
    width: 588px;
    height: 20px;
    background-color: #2590e5;
    padding: 10px;
}

.hMC .hotelsearchTop h1
{
    font-size: 16px;
    float: left;
    width: 480px;
    color: #fff;
    margin: 0;
}

.hMC .hotelsearchTop a
{
    color: #fff;
    font-weight: normal;
    line-height: 20px;
}

.hMC .hotelsearchBott
{
    width: 588px;
    background-image: url( '/Content/Images/hotelSearchBott.gif' );
    background-position: bottom;
    padding: 10px;
    margin-bottom: 10px;
}

.hMC .hotelboxTop
{
    width: 584px;
    padding: 10px;
    height: 18px;
    background-color: #ffefce;
    border-left: 2px solid #fb1;
    border-top: 2px solid #fb1;
    border-right: 2px solid #fb1;
}

.hMC .hotelboxTop a
{
    font-size: 14px;
    width: 500px;
    float: left;
    color: #000;
    margin: 0;
}

.hMC .hotelboxTop img
{
    margin: 0;
    text-align: right;
    float: right;
}

.hMC .hotelboxBott
{
    width: 584px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    border-left: 2px solid #fb1;
    border-bottom: 2px solid #fb1;
    border-right: 2px solid #fb1;
}

.hMC .hotelboxBott a
{
}

a.mapLink
{
    font-weight: normal;
    background-image: url(/content/images/mapLink.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 16px;
    padding-left: 18px;
    margin-right: 10px;
}
a.imageLink
{
    font-weight: normal;
    background-image: url(/content/images/imageLink.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 16px;
    padding-left: 18px;
    margin-right: 10px;
}

a.bookLink
{
    font-weight: normal;
    background-image: url(/content/images/bookLink.gif);
    background-repeat: no-repeat;
    background-position: left;
    height: 16px;
    padding-left: 19px;
}

.hRC
{
    float: right;
    display: inline;
    width: 175px;
    margin: 10px 10px 10px 0px;
    font-size: 11px;
}
.divFlyout
{
    width: 824px;
    background-color: #fff;
    padding:10px;
    float:left;
}
.divFlyout2
{
    width: 440px;
    background-color: #fff;
    padding:10px;
}
.divFlyout2 .floatLeftGuests
{
    float: left;
}
.closeLink
{
    display: block;
    text-decoration: none;
    float: right;
    width: 23px;
    height: 23px;
    background: url("/content/images/closelabel.gif") no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}
.smallImage
{
    margin-right: 10px;
    margin-top: 10px;
}
.hotelTextThumb
{
    float: left;
    margin-bottom: 10px;
}
.hotelTumb
{
    float: left;
    margin-right: 10px;
}
.hotelText
{
    width: 450px;
    float: left;
}
.hotelLinks
{
    width: 100%;
    float: left;
    text-align: right;
}
.inputHotel
{
    width: 135px;
    margin: 6px 0px 0px 0px;
    border: 1px solid #16286d;
    padding: 1px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}
.dropHotel
{
    margin: 6px 0px 0px 0px;
    font-weight: bold;
    padding:1px;
}
.submitHotel
{
    color: #fff;
    overflow: visible;
    margin-top: 19px;
    font-weight: bold;
    padding: 0.155em 0.75em 0.2em;
    background-image: url( '/Content/Images/buttonbg.gif' );
    background-repeat: repeat-x;
    background-color: #ff3300;
    border: 1px solid #ff3300;
}
.submitHotelSmall
{
    color: #fff;
    overflow: visible;
    margin-top: 19px;
    font-weight: bold;
    padding: 0.155em 0.75em 0.2em;
    background-image: url( '/Content/Images/buttonbg.gif' );
    background-repeat: repeat-x;
    background-color: #ff3300;
    border: 1px solid #ff3300;
    margin-left:10px;
}
.errorLabel
{
    color: #f30;
    font-weight: bold;
}

.wholeField
{
    width: 100%;
    float: left;
    font-size: 12px;
    margin: 12px 0px 0px 0px;
}

.inputDate
{
    width: 120px;
    margin: 6px 0px 0px 0px;
    border: 1px solid #16286d;
    padding: 1px;
    font-size: 12px;
    font-weight: bold;
}
.imageDate
{
    padding-top: 5px;
}

/************ 
AutoComplete
************/
.AutoComplete_List
{
    background-color: #FFF !important;
    margin: 0px !important;
    border: 1px solid #999;
    cursor: pointer;
    overflow: auto;
    text-align: left;
    list-style-type: none;
    max-height: 200px;
}
.AutoComplete_ListItem
{
    color: #666;
    padding: 1px;
    border-bottom: 1px solid #ddd;
}
.AutoComplete_ListItemHilite
{
    color: #000;
    padding: 1px;
    border-bottom: 1px solid #ddd;
}
.AutoComplete_ListItemHiliteText
{
    background-color: #7AC142;
    color: #FFF;
}

.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0 !important;
    margin-top: -1px !important;
    padding: 2px !important;
    background-color: #fff;
    color: #07a;
    border: 1px solid #c0bebd;
    overflow: auto;
    height: auto;
    max-height: 250px !important;
    width: 300px !important;
    text-align: left;
    list-style-type: none;
    position: relative;
    z-index: 9999;
}
.autocomplete_highlightedListItem
{
    background-color: #07a;
    color: #fff;
    font-weight: bold;
    padding: 1px;
}
/****************
 Search styles
****************/
.submit
{
    color: #fff;
    width: auto;
    overflow: visible;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 5px 4px 5px;
    background-image: url( '/Content/Images/buttonbg.gif' );
    background-repeat: repeat-x;
    background-color: #ff3300;
    border: 1px solid #ff3300;
}
input
{
    font-size: 11px;
}
select
{
    font-size: 11px;
}
/*************
Priskurvan
*************/
.bar{background-color:Green;}
.bar:hover{background-color:Orange;}


.SelectDestination
{
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}
.resultRed
{
    margin-left:10px;
    color: #ff3300;
    font-weight: bold;
}
.resultGreen
{
    margin-left:10px;
    color: #33cc00;
    font-weight: bold;
}
/*************
Kampanjkalender
**************/
.kampanjFlash
{
    padding: 10px;
    float: left;
}
/************
Nyhetsbrev
************/

.newsletter
{
    width: 150px;
    padding: 10px;
}
.newsletter h1
{
    color: #16286d;
    margin: 0px 0px 5px 0px;
}
.newsletter p
{
    margin: 0px 0px 5px 0px;
}
.newsletter .submit
{
    margin: 5px 0px 0px 0px;
}

/************
Tävling
*************/

.tavling
{
    width: 710px;
    height: auto;
    float: left;
    margin: 10px;
    display: inline;
}
.tavling h1, .resultat h1
{
    margin: 5px 0px 5px 0px;
    padding: 0;
    font-size: 16px;
    color: #16286d;
}
.tavling p
{
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}
.tavling .bold
{
    font-weight: bold;
    margin-bottom: 10px;
}
.tavling .input
{
    margin-top: 10px;
}
.tavlingsvillkor
{
    width: 228px;
    height: auto;
    float: left;
    background-color: #e8e7e6;
    margin: 0px 10px 0px 10px;
    padding: 10px;
    display: inline;
}
.tavlingsvillkor h2
{
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.vinnare
{
    width: 228px;
    height: auto;
    float: left;
    background-color: #e8e7e6;
    margin: 10px;
    padding: 10px;
    display: inline;
}
.vinnare h2
{
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.redfont
{
    font-size: 14px;
    color: Red;
}
.resultat
{
    padding: 20px;
}
.clear
{
    clear: both;
}
.tblResult
{
    border: 1px solid #000;
}
.tblResult td
{
    border: 1px solid #000;
}
.tblResult .tblRow
{
    background-color: #16286d;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}
.tblResult tr
{
    background-color: #fb1;
}
/****************
TravelPanel
****************/

.travelWholeLeft
{
    float: left;
    width: 752px;
}

.travelTop
{
    float: left;
    padding: 20px 20px 0px 20px;
    width: 712px;
}

.travelLeft
{
    width: 135px;
    padding: 20px;
    height: 240px;
    float: left;
    display: inline;
}
.travelLeft ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}
.travelLeft li
{
    height: 21px;
    width: 121px;
    padding-top: 5px;
    padding-left: 18px;
    margin-bottom: 10px;
}
.travelLeft li.active
{
    height: 21px;
    width: 121px;
    padding-top: 5px;
    padding-left: 18px;
    margin-bottom: 10px;
    background-image: url(/travelpanel/images/menuBg.gif);
}
.travelLeft a
{
    color: #2590e5;
}
.travelMid
{
    width: 530px;
    min-height: 250px;
    padding: 20px;
    float: left;
    display: inline;
}
.travelMid a
{
    font-weight: normal;
    text-decoration: underline;
}
.travelRight
{
    width: 226px;
    margin-right: 20px;
    margin-top: 20px;
    float: left;
    display: inline;
}

.travelRightTop
{
    width: 226px;
    height: 10px;
    background-image: url(/travelpanel/images/rightTop.gif);
}
.travelRightMid
{
    width: 206px;
    background-color: #e5e5e5;
    padding: 0px 10px 0px 10px;
}
.travelRightBottom
{
    width: 226px;
    height: 10px;
    background-image: url(/travelpanel/images/rightBottom.gif);
}

.travelFlyout
{
    width: 500px;
    height: 490px;
    overflow: auto;
    background-color: #fff;
    border: 2px solid #000;
    padding: 10px;
    z-index: 1000;
}