/* 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; }


/****************
* General styles
****************/
body, html
{
    margin: 0;
    padding: 0;
    height: 100%;
}

body
{
    background-image: url( '/Content/Images/bodyGradient.png' );
    background-repeat: repeat-x;
    background-attachment: fixed;
    font-family: Arial;
    margin-left: 20px;
    font-size: 12px;
}
a
{
    color: #16286d;
    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 5px 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: 998px;
    height: 94px;
    border-bottom: 2px solid rgb(22, 40, 109);
}

.headerLogo
{
    position: absolute;
    top: 13px;
    left: 18px;
    border: 0;
    display: block;
}

.headerLinks
{
    position: absolute;
    top: 43px;
    right: 0;
    margin: 0;
    color: white;
    display: block;
}

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

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

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

.headerTabsRight
{
    position: absolute;
    top: 69px;
    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 rgb(22, 40, 109);
}

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

.passiveTabRight
{
    background-image: url( '/Content/Images/header_tab_sec_tl.png' );
    background-repeat: no-repeat;
    background-position: top left;
    border-bottom: 1px solid rgb(168, 213, 245);
}

.passiveTab a
{
    float: left;
    line-height: 24px;
    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: white;
}

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

.activeTab a
{
    float: left;
    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: black;
}

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

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

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

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

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

.footerSeparator
{
    width: 998px;
    height: 8px;
    background: rgb(37, 144, 229);
}

.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;
    color: rgb(153, 153, 153);
    font-weight: normal;
}

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

.footerCountries a
{
    font-weight: normal;
    text-decoration: underline;
    color: rgb(51, 51, 51);
}

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

.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;
}
.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;
    background-image: url(/content/images/bg_share.png);
    background-repeat: no-repeat;
    overflow: hidden;
    height: 66px;
}
.leftShare
{
    float: left;
    padding: 8px 0px 0px 7px;
    width: 99px;
}
.leftShare iframe
{
    margin-bottom: 2px;
}
.rightShare
{
    float: right;
    width: 20px;
    padding: 6px 5px 0px 0px;
}
.rightShare a
{
    margin-bottom: 3px;
}

/*****************
paket
****************/
.mapWrapper
{
    width: 802px;
    height: 500px;
    border: 2px solid #c0bebd;
}
.infoWindow
{
    width: 400px;
    height: 208px;
}
.infoWindow .stars
{
    display: block;
}
.infoTop
{
    width: 392px;
    background: url(/weekendtrip/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(/weekendtrip/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
{
    width: 400px;
}
#hotel_window_contents
{
    background-color: #fff;
    height: 220px;
    width: 400px;
}
#hotel_window_tl
{
    width: 2px;
    height: 2px;
    border-top: 2px solid gray;
    border-left: 2px solid gray;
    background-color: #fff;
}
#hotel_window_t
{
    height: 2px;
    border-top: 2px solid gray;
    background-color: #fff;
}
#hotel_window_tr
{
    width: 2px;
    height: 2px;
    border-top: 2px solid gray;
    border-right: 2px solid gray;
    background-color: #fff;
}
#hotel_window_l
{
    width: 2px;
    border-left: 2px solid gray;
    background-color: #fff;
}
#hotel_window_r
{
    width: 2px;
    border-right: 2px solid gray;
    background-color: #fff;
}
#hotel_window_bl
{
    width: 2px;
    height: 2px;
    border-bottom: 2px solid gray;
    border-left: 2px solid gray;
    background-color: #fff;
}
#hotel_window_b
{
    height: 2px;
    border-bottom: 2px solid gray;
    background-color: #fff;
}
#hotel_window_br
{
    width: 2px;
    height: 2px;
    border-bottom: 2px solid gray;
    border-right: 2px solid gray;
    background-color: #fff;
}
#hotel_window_close
{
    width: 26px;
    height: 19px;
    background: url('/weekendtrip/images/close.png') top left no-repeat transparent;
    padding-right: 5px;
    margin-top: 8px;
    cursor: pointer;
}
#hotel_window_beak
{
    width: 25px;
    height: 22px;
    background: url('/weekendtrip/images/beak.png') top left no-repeat transparent;
}

/***** 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: 398px;
    height: 195px;
    background-color: #fff;
    border: 2px solid #999;
    margin-bottom: 10px;
    overflow: hidden;
}
.divPackObjectMap
{
    margin-bottom: 10px;
    margin-top: -12px;
    border-left: 2px solid #999;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
}

/****************
* Search styles
****************/
input
{
    font-size: 11px;
}
select
{
    font-size: 11px;
}

.submit
{
    color: white;
    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;
}

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

.newsletter
{
    width: 150px;
    padding: 10px;
}
.newsletter h1
{
    color: #fff;
    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;
}
.tavling h1
{
    margin: 0;
    margin-bottom: 5px;
    margin-top: 3px;
    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;
}
.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;
}
.tavlingsvillkor
{
    width: 228px;
    height: auto;
    float: left;
    background-color: #e8e7e6;
    margin: 10px;
    padding: 10px;
}
.tavlingsvillkor h2
{
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.redfont
{
    font-size: 14px;
    color: Red;
}
.clear
{
    clear: both;
}
.tblResult
{
    border: 1px solid black;
}
.tblResult td
{
    border: 1px solid black;
}
.tblResult .tblRow
{
    background-color: #16286d;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}
.tblResult tr
{
    background-color: #bcddf7;
}