/* =================================================================== Global styles */
* {
 padding: 0;
 margin: 0;
}

html {
 overflow: -moz-scrollbars-vertical;
}

body {
 background: #f68b2f url(/img/site-bg.gif) bottom left repeat-x;
 font-family: verdana, arial, sans-serif;
 font-size: 0.7em;
 text-align: center;
 padding-top: 1px;
 padding-bottom: 60px;
 line-height: 1.4em;
}

img {
 border: none;
}

.clearBoth {
 clear: both;
}

.blackBorderBottom {
 border-bottom: 1px solid #000;
 padding-bottom: 3px;
}

.greyBorderTop {
 border-top: 1px solid #ccc;
 padding-top: 3px;
}

.greyDottedBorderBottom {
 border-bottom: 1px dotted #ccc;
 padding-bottom: 3px;
}

.greyDorderBottom {
 border-bottom: 1px solid #ccc;
 padding: 5px 0 5px 0;
 margin-bottom: 9px;
}

.greyDottedLine {
 height: 17px;
 background: url(/img/greyDottedLine.gif) no-repeat;
 margin: 3px 0 3px 0;
}

.smallTxt {
 font-size: 0.9em;
}

.greyColorSmallTxt {
 font-size: 0.9em;
 color: #666;
}

.disabledColor {
 color: #cccccc;
}

.greyColor {
 color: #585858;
}

.orangeColor {
 color: #ff9933;
}

.brownGreyColor {
 color: #6f6a65;
}

.left {
 float: left;
}

.leftColumn {
 float: left;
 width: 225px;
 padding-right: 30px;
}

.rightColumn {
 float: left;
 width: 206px;
}

.right {
 float: right;
}

.leftCol {
 float: left;
 width: 236px;
}

.rightCol {
 float: left;
 width: 228px;
}

select,input,textarea {
 font-family: verdana, arial, sans-serif;
 color: #000;
 font-size: 1em;
}

form label {
 display: block;
 margin-bottom: 2px;
}

h1 {
 font-size: 18px;
 font-weight: normal;
 line-height: 1.4em;
 color: #f68a2e;
 margin-bottom: 12px;
}

h1.generic {
 color: #585858;
}

h1.mypages {
 color: #999999;
}

h1.aboutskiptrip {
 color: #7d6b5d;
}

h1.start {
 font-size: 15px;
 font-weight: bold;
 line-height: 1.3em;
 color: #666666;
 margin-top: 10px;
 margin-bottom: 3px;
 font-family: arial, verdana, sans-serif;
}

h4.versal-liten {
 font-size: 11px;
 font-weight: bold;
 line-height: 1.3em;
 color: #333333;
 margin-top: 0px;
 margin-bottom: 1px;
 font-family: arial, verdana, sans-serif;
}

h4.versal-litensitemap {
 font-size: 11px;
 font-weight: bold;
 line-height: 1.3em;
 color: #f68b2f;
 margin-top: 0px;
 margin-bottom: 1px;
 font-family: arial, verdana, sans-serif;
}


h3.versal-stor {
 font-size: 16px;
 font-weight: normal;
 line-height: 1.3em;
 color: #F68B2F;
 margin-top: 3px;
 margin-bottom: 4px;
 font-family: arial, verdana, sans-serif;
}

h1.kundcase {
 font-size: 11px;
 font-weight: bold;
 line-height: 1.3em;
 color: #333333;
 margin-top: 5px;
 margin-right: 5px;
 margin-bottom: 5px;
 margin-left: 5px;
 font-family: arial, verdana, sans-serif;
}

a,a:active,a:focus {
 color: #000;
 outline: none;
}

.relative {
 position: relative;
}

.inputCheckboxIndent {
 float: left;
 padding-top: 0px;
 padding-right: 10px;
}

.inputLabelIndent {
 padding-top: 2px;
 display: inline;
}

.inputSpec {
 border: 1px solid #ccc;
 line-height: 14px;
 padding: 2px;
}

.inputPrice {
 text-align: right;
}

.inputSpec2 {
 border: 1px solid #ccc;
 line-height: 14px;
 height: 16px;
 padding: 2px;
 font-size: 12px;
}
.inputSize1 {
 width: 230px;
}

.inputSize2 {
 width: 213px;
}

.inputSize3 {
 width: 167px;
}

.inputSize4 {
 width: 94px;
}

.inputSize5 {
 width: 181px;
}

.inputSize6 {
 width: 448px;
}

.inputSize7 {
 width: 98px;
}

.inputSize8 {
 width: 65px;
}

.inputSize9 {
 width: 200px;
}

.textareaSpec {
 border: 1px solid #ccc;
 line-height: 14px;
 padding: 2px;
 width: 448px;
}

.selectBox1 {
 width: 320px;
 height: 91px;
 margin-left: 5px;
 border: 1px solid #ccc;
 float: left;
}

/* =================================================================== Layout */
#site-wrapper {
 width: 1130px;
 margin: 0 auto;
}

#page,#header {
 text-align: left;
 margin: 0 auto;
 width: 980px;
}

#header {
 background: #fff url(/img/header.gif) top left no-repeat;
 padding: 12px 0 12px 0;
}

#header-content {
 margin-left: 12px;
 height: 113px;
 width: 956px;
 background: url(/img/header-content-bg.gif) bottom left repeat-x;
 position: relative;
}

#header-content #logo {
 display: block;
 float: left;
 padding-top: 3px;
}

#header-content #logo img {
 margin-right: 62px;
 margin-left: 16px;
}

#page {
 background: #fff url(/img/page-top.gif) top left no-repeat;
 padding: 12px 0 0 0;
 margin-top: 2px;
}

#main-area {
 padding: 0 12px 0 12px;
}

#content-left {
 float: left;
 width: 245px;
}

#content-middle {
 float: left;
 width: 464px;
}

#content-right {
 width: 236px;
 float: right;
 overflow: hidden;
}

#content-right-subpage {
 width: 225px;
 float: right;
 margin-top: -56px;
 padding-right: 11px;
 overflow: hidden;
}

#footer {
 background: #fff url(/img/page-bottom.gif) bottom left no-repeat;
 height: 58px;
 clear: both;
 position: relative;
 z-index: 500;
 width: 980px;
}

#page-shadow {
 position: relative;
 text-align: center;
 margin: 0 auto;
 width: 1130px;
}

#page-shadow img {
 position: absolute;
 left: 0;
 top: -56px;
 z-index: 100;
}

/* =================================================================== Header */
 /* Top teaser */
#top-teaser {
 background: #fff url(/img/header-teaser-bg.gif) bottom left repeat-x;
 border: 1px solid #f3f3f3;
 border-bottom: none;
 float: left;
 width: 227px;
 height: 106px;
 color: #666;
}

#top-teaser p {
 padding: 0 12px 0 62px;
}

#top-teaser .label {
 color: #f68a2e;
 font-weight: bold;
 padding-top: 10px;
 padding-bottom: 5px;
}

#top-teaser img {
 position: absolute;
 top: -1px;
 left: 215px;
}

.ie {
 display: none;
}

/* Login & Navigation */
#header-right-content {
 height: 95px;
 width: 455px;
 float: right;
 position: relative;
}

#header-right-content ul {
 list-style: none;
 position: absolute;
 bottom: 0;
 right: 5px;
}

#header-right-content ul li {
 float: left;
 color: #ccc;
 padding: 0 0 0 8px;
}

#header-right-content ul li a {
 color: #473E12;
 padding-right: 8px;
 white-space: nowrap;
}

#header-right-content .admin-top-panel {
 position: absolute;
 left: 9px;
 top: 43px;
 display: inline;
}

a.admin-icon {
 display: block;
 width: 20px;
 height: 20px;
 margin: 4px;
 background-position: 0px 0px;
 float: left;
}

a.admin-icon:hover {
 background-position: 0px -20px;
}

/* =================================================================== Login - Not logged in */
#header-right-content ul li a:hover,.loginHeader a:hover {
 color: #f68a2e;
}

.login {
 position: absolute;
 right: 12px;
 width: 389px;
 height: 53px;
 background: #f3f3f3 url(/img/login-box.gif) top left;
}

.loginlinks {
 position: absolute;
 right: 24px;
 top: 12px;
 font-size: 0.9em;
 color: #473E12;
}

.login label {
 color: #999;
 font-size: 0.9em;
 margin-bottom: 0;
}

.loginUsername,.loginPassword {
 background: #fff url(/img/input-bg.gif) top left no-repeat;
 border: none;
 padding: 4px 4px 0 5px;
 height: 16px;
 font-size: 0.9em;
}

.loginUsername {
 width: 106px;
}

.loginPassword {
 width: 86px;
}

.input-email,.input-password {
 float: left;
 padding: 4px 0 0 12px;
}

.login .btn-submit {
 margin: 18px 0 0 10px;
}

/* =================================================================== Login - Logged in */
.logged-in {
 background: #f3f3f3 url(/img/login-box-logged-in.gif) top left
  !important;
}

.logged-in #btn-logout {
 float: right;
 margin: 18px 15px 0 0;
}

.logged-in .username,.logged-in .company {
 float: left;
 padding: 9px 0 0 12px;
 line-height: 1.5em;
}

.logged-in .username span,.logged-in .company span {
 color: #888;
 display: block;
}

/* =================================================================== Startpage - Reservation */
#booking-box-bg {
 width: 236px;
 background: url(/img/booking-box-bg-bottom.gif) bottom left no-repeat;
 float: left;
 padding-bottom: 20px;
 margin-bottom: 15px;
}

#booking-box {
 background: url(/img/booking-box-bg-top.gif) top left no-repeat;
 padding-right: 17px;
}

.booking-box-divider {
 height: 20px;
 background: url(/img/booking-box-divider.gif) center left repeat-x;
 clear: both;
}

#booking-box form {
 padding: 20px 0 0 12px;
}

.venue,.select {
 display: block;
 width: 199px;
 border: 1px solid #d7d7d7;
 background: #fff url(/img/select-arrow.gif) top right no-repeat;
 font-size: 12px;
 text-decoration: none;
 color: #000;
 padding: 2px 0 2px 6px;
 height: 16px;
 overflow: hidden;
 cursor: pointer;
}

.form-label {
 margin-bottom: 2px;
 display: block;
}

#booking-box h3 {
 display: block;
 height: 20px;
 width: 232px;
 text-decoration: none;
}

.booking-box-heading {
 position: relative;
 top: 8px;
 left: 40px;
 width: 669px;
 font-size: 14px;
 color: #ffffff;
 font-family: arial;
 font-weight: bold;
}

.booking-box-sub-heading {
 position: relative;
 top: 6px;
 left: 10px;
 font-size: 12px;
 color: #ffffff;
 font-family: arial;
}

#booking-box #date {
 width: 70px;
}

#booking-box #start-time {
 width: 70px;
}

#booking-box .participate1,#booking-box .participate2 {
 width: 90px;
}

#booking-box .participate1-dropdown,#booking-box .participate2-dropdown
 {
 width: 80px;
}

#booking-box .calendar {
 margin-top: 39px;
}

#booking-box .participate1-dropdown,#booking-box .participate2-dropdown,#booking-box .start-time-dropdown,#booking-box .venues
 {
 margin-top: 39px;
}

#booking-box .buttons {
 width: 207px;
 height: auto;
 clear: both;
}

/* =================================================================== Popup - Choose venue */
.venues {
 padding: 15px 20px 55px 15px;
 margin-top: 35px;
 background: #fff;
 position: absolute;
 border: 1px solid #d7d7d7;
 border-bottom: 1px solid #ccc;
 z-index: 999;
 display: none;
}

.venues .information {
 background: url(/img/shadow-divider-small.gif) top left repeat-x;
 padding-top: 8px;
 position: absolute;
 bottom: 0;
 left: 15px;
 width: 357px;
 padding-bottom: 15px;
}

.question {
 display: inline;
}

.question select {
 height: 19px;
 padding: 0px;
}

.venues .information p {
 background: url(/img/circle-choose-venue.gif) center left no-repeat;
 padding-left: 15px;
 color: #999;
}

.venues ul {
 list-style: none;
 padding-bottom: 6px;
}

div.venues {
 width: 360px;
 padding: 13px 15px 45px 15px;
}

.venues ul li a {
 display: block;
 color: #000;
 padding: 3px 0 3px 0;
 text-decoration: none;
}

.venues ul li {
 height: 20px;
}

.venues ul li a:hover {
 color: #f68b2f;
}

.venues ul li a.skiptrip-venue {
 background: url(/img/circle-choose-venue.gif) center right no-repeat;
}

.venues .close-venue,.calendar .close-calendar {
 position: absolute;
 right: 15px;
 top: 13px;
}

.venues h4 {
 background: #f68b2f;
 padding: 1px 0 2px 4px;
 font-size: 11px;
 color: #fff;
 margin: 8px 0 5px 0;
}

.venues h5 {
 font-size: 10px;
 background: #eee;
 color: #111;
 padding: 1px 0 2px 4px;
}

.venues h3 {
 clear: both;
 color: #f68b2f;
 font-size: 12px;
}

/* =================================================================== Popup - Choose venue */
.calendar {
 padding: 15px 0px 55px 15px;
 margin-top: 35px;
 background: #fff;
 position: absolute;
 border: 1px solid #d7d7d7;
 border-bottom: 1px solid #ccc;
 z-index: 999;
 display: none;
 width: 558px;
}

.calendar table td {
 text-align: center;
 vertical-align: middle;
 background: #f5f5f5;
 font-size: 10px;
}

.calendar table .inactive {
 background: #eee;
 height: 22px;
 color: #fff;
}

.calendar h4 {
 background: #fff;
 color: #111;
 border-left: 2px solid #fff;
 padding: 2px 3px 2px 4px;
 text-align: center;
 border-bottom: 2px solid #eee;
 border-top: 2px solid #eee;
 font-size: 11px;
}

.calendar .month-table {
 width: 170px;
 margin-top: 10px;
 float: left;
 margin-right: 15px;
}

.calendar .last-month {
 margin-right: 0;
}

.calendar .change-month {
 background: url(/img/shadow-divider-small.gif) top left repeat-x;
 padding-top: 12px;
 position: absolute;
 bottom: 0;
 left: 15px;
 width: 542px;
 clear: both;
 padding-bottom: 15px;
}

.calendar .change-month a {
 color: #000;
}

.calendar .change-month a:hover {
 color: #f68b2f;
}

.calendar .change-month #later-month {
 float: right;
}

.calendar .change-month #previous-month {
 float: left;
}

.calendar table th {
 font-size: 10px;
 text-align: center;
 padding: 3px 0 3px 0;
}

.calendar table a {
 display: block;
 height: 19px;
 padding-top: 3px;
 width: 22px;
 color: #000;
}

.calendar table a:hover {
 color: #fff;
 background: #f68b2f;
 text-decoration: none;
}

.calendar h3 {
 clear: both;
 color: #f68b2f;
 font-size: 12px;
 padding: 0 0 5px 0;
}

/* =================================================================== Popup - Choose participate - Choose time  */
.participate1-dropdown,.participate2-dropdown,.start-time-dropdown,.time-length-dropdown,.time-delta-dropdown
 {
 padding: 5px 0px 5px 5px;
 margin-top: 35px;
 background: #fff;
 position: absolute;
 border: 1px solid #d7d7d7;
 border-bottom: 1px solid #ccc;
 z-index: 998;
 display: none;
}

.participate1-dropdown,.participate2-dropdown {
 width: 150px;
}

.start-time-dropdown {
 width: 76px;
 text-align: right;
 padding-right: 10px;
}

.time-length-dropdown {
 width: 170px;
}

.time-delta-dropdown {
 width: 200px;
}

.participate1-dropdown a,.participate2-dropdown a,.start-time-dropdown a,.time-length-dropdown a,.time-delta-dropdown a
 {
 color: #000;
 text-decoration: none;
 display: block;
 padding: 5px 0px 5px 20px;
}

.participate1-dropdown a:hover,.participate2-dropdown a:hover,.start-time-dropdown a:hover,.time-length-dropdown a:hover,.time-delta-dropdown a:hover
 {
 color: #f68b2f;
}

/* =================================================================== Startpage - Marketing Area */
.marketing-area {
 width: 464px;
 overflow: hidden;
 margin-bottom: 12px;
}

/* =================================================================== Startpage - Map */
#map {
 width: 232px;
 padding-bottom: 12px;
}

/* =================================================================== Search result */
.whiteResultTable,.greyResultTable,.greenResultTable {
 width: 464px;
 font-size: 0.9em;
 padding: 2px;
 border-bottom: 1px solid #000;
}

.greyResultTable {
 background-color: #f7f7f7;
}

.greenResultTable {
 background-color: #d0e7e3;
}

.greenFavorite-btn {
 margin: 0 0 -2px -2px;
}

/* =================================================================== Contact Info */
.contact-info {
 background: url(/img/gradient-divider.gif) top left repeat-x;
 margin-bottom: 20px;
}

.contact-info ul li,.contact-info ul li a {
 text-decoration: none;
 color: #999;
}

.contact-info ul li a:hover {
 color: #f68a2e;
}

.contact-info ul {
 list-style: none;
}

.contact-info ul li {
 padding: 0 0 0 10px;
 background: url(/img/shadow-divider-small.gif) bottom left repeat-x;
}

.contact-info ul li img {
 display: block;
 padding-bottom: 5px;
}

.contact-info div {
 padding: 25px 0 30px 90px;
}

.contact-info .find-us div {
 background: url(/img/icon-globe.gif) center left no-repeat;
}

.contact-info .mail-us div {
 background: url(/img/icon-mail.gif) center left no-repeat;
}

.contact-info .call-us div {
 background: url(/img/icon-phone.gif) center left no-repeat;
}

.contact-info .mail-us {
 background: url(/img/info-box-bottom.gif) bottom center repeat-x;
}

/* =================================================================== Footer */
#footer address {
 display: block;
 float: left;
 color: #999;
 font-style: normal;
 padding: 16px 0 0 24px;
}

#footer ul {
 float: right;
 list-style: none;
 margin-right: 24px;
 padding-top: 15px;
}

#footer ul li {
 float: left;
 margin-left: 19px;
}

#footer ul li a {
 color: #999;
 text-decoration: underline;
}

#footer ul li a:hover {
 color: #111;
}

/* =================================================================== Reservation pages */
#boarding-card {
 background: url(/img/boarding-card-bg.gif) top left repeat-y;
}

#boarding-card-header {
 background: url(/img/boarding-card-header.gif) top left no-repeat;
 height: 27px;
 overflow: hidden;
}

#boarding-card-content {
 background: url(/img/boarding-card-bottom.gif) bottom left no-repeat;
 padding-bottom: 11px;
}

/* ===== spec for mandatoy fields */ /* time & place (TP) */
#boarding-card-content dt.defaultTP {
 background-image: url(/img/boarding-card-circle-defaultTP.gif);
}

#boarding-card-content dt.checkedTP {
 background-image: url(/img/boarding-card-circle-checkedTP.gif);
}

/* payment (P) */
#boarding-card-content dt.defaultP {
 background: url(/img/boarding-card-circle-defaultP.gif) 0.9em center
  no-repeat;
}

#boarding-card-content dt.checkedP {
 background: url(/img/boarding-card-circle-checkedP.gif) 0.9em center
  no-repeat;
}

/* confirm bocking (CB) */
#boarding-card-content dt.defaultCB {
 background: url(/img/boarding-card-circle-defaultCB.gif) 0.9em bottom
  no-repeat;
}

#boarding-card-content dt.checkedCB {
 background: url(/img/boarding-card-circle-checkedCB.gif) 0.9em bottom
  no-repeat;
}

/* link spec */
#boarding-card-content dt.selected a {
 color: #f68b2f;
}

#boarding-card-content dd.default {
 padding-bottom: 12px;
 background: url(/img/boarding-card-line-defaultDD.gif) bottom left
  repeat-x;
 padding-left: 39px;
}

#boarding-card-content dd.ready {
 padding-bottom: 12px;
 background: url(/img/boarding-card-line-readyDD.gif) bottom left
  repeat-x;
 padding-left: 39px;
}

#boarding-card-content dt {
 padding: 12px 0 5px 39px;
 background: url(/img/boarding-card-circle-default.gif) 0.9em 1.20em
  no-repeat;
}

#boarding-card-content dt.defaultChecked {
 padding: 12px 0 5px 39px;
 background: url(/img/boarding-card-circle-checked.gif) 0.9em 1.20em
  no-repeat;
}

#boarding-card-content dt a {
 font-size: 12px;
 color: #666;
}

.addChoicesSpec {
 margin-left: -30px;
 margin-top: -5px;
 color: #f68a2e;
 font-style: italic;
}

#boarding-card-content dt a:hover {
 color: #f68b2f;
}

#boarding-card-content dl {
 width: 228px;
 padding-left: 2px;
}

#boarding-card-content dd {
 padding-bottom: 12px;
 background: url(/img/boarding-card-line.gif) bottom left repeat-x;
 padding-left: 39px;
}

#boarding-card-content .mandatory-steps {
 font-size: 11px;
 color: #999;
 padding: 10px 12px 10px 12px;
 text-align: left;
}

#boarding-card-content .mandatory-steps span {
 color: #f68b2f;
 position: relative;
 top: 3px;
}

.boarding-participants-img {
 background: url(/img/image-part-inv.gif) top left no-repeat;
 height: 105px;
 overflow: hidden;
}

.boarding-participants-img-text {
 position: relative;
 top: 30px;
 left: 85px;
 font-size: 12px;
 color: #ffffff;
 font-family: arial;
 text-align: center;
 font-style: italic;
}

.header-wide-booking {
 float: left;
 padding-bottom: 12px;
 width: 709px;
 height: 44px;
 background: url(/img/header-wide-booking.gif) top left no-repeat;
}

/* =================================================================== Forms */
h2.orangeHeader {
 font-size: 10px;
 height: 21px;
 background: url(/img/orangeHeader-bg.gif) repeat-x;
 padding: 0 0 0 6px;
 line-height: 21px;
 color: #fff;
 clear: both;
 position: relative; /* New style */
 border: 0;
 border-bottom: 1px solid #fff;
 margin: 0;
}

h2.orangeHeaderAlert {
 margin: 0;
}

h2 {
 border: 1px solid #e6e6e6;
 color: #666;
 font-size: 10px;
 background: url(/img/form-header-bg.gif) bottom left repeat-x;
 padding: 0 0 0 6px;
 line-height: 20px;
 margin-bottom: 5px;
 height: 21px;
 clear: both;
 position: relative; /* New style */
}

.greenTableHeader {
 font-size: 10px;
 height: 21px;
 background: url(/img/greenHeader-bg.gif) repeat-x;
 line-height: 21px;
 color: #fff;
 clear: both;
 position: relative; /* New style */
 border-bottom: 1px solid #000;
 font-size: 1em;
}

.icon-info {
 padding: 0;
 width: 14px;
 height: 14px;
 position: absolute;
 right: 5px;
 top: 5px;
 background: none;
 background: url(/img/icon-info.gif) top left no-repeat;
}

.icon-info2 {
 padding: 0;
 border: 0px solid black;
 width: 463px;
 height: 21px;
 position: absolute;
 right: 0px;
 top: 5px;
 background: none;
 background: url(/img/icon-info-4.gif) top right no-repeat;
 margin: 0px;
}

.infobox,.bannerBox {
 width: 464px;
 background: #f68b2f;
 background: url(/img/infoboxBg.gif) bottom left no-repeat;
 margin-bottom: 5px;
 margin-top: -14px;
}

.infobox {
 display: none;
}

.alert-box {
 display: none;
 background: #f5f9fa;
}

.alert-icon-off {
 width: 45px;
 height: 16px;
 background: url(/img/icon-alert-off.gif) top right no-repeat;
 cursor: pointer;
}

.alert-icon-on {
 width: 45px;
 height: 16px;
 background: url(/img/icon-alert-on.gif) top right no-repeat;
 cursor: pointer;
}

.alert-box-icon {
 height: 7px;
 background: url(/img/icon-alert-box.gif) top right no-repeat;
}

.bannerBox {
 background: url(/img/bannerboxBg.gif) bottom left no-repeat;
}

/* see also ie.css */
.infocontent {
 height: 100%;
 width: 459px;
 vertical-align: top;
 font-size: 0.9em;
 margin-left: 2px;
 padding-bottom: 2px;
 color: #999;
}

.infocontent a {
 color: #999999;
}

.infocontent a,.infocontent a:active {
 color: #999999;
}

.infocontent a:hover {
 color: #ff9933;
}

.infocontent ul {
 padding: 10px;
}

.infocontent li {
 list-style: disc inside url(/img/icon-infobox-alert.gif);
 padding: 2px 0 4px 2px;
}

.infocontentMisc {
 width: 229px;
}

.infocontentText {
 width: 209px;
 padding: 10px;
}

TH {
 vertical-align: baseline;
 text-align: left;
}

TR#row1 {
 border-top: 3px solid blue;
 height: 10px;
 color: #666666;
}

TR#row2 {
 border-top: 1px solid black;
 height: 10px
}

TR#row3 {
 border-bottom: 1px dotted #f68b2f;
 height: 10px
}

caption {
 caption-side: top;
 text-align: left;
 color: #666;
 border-bottom: 1px dotted #f68b2f;
 color: #f68a2e;
}

form h2 a.advanced {
 color: #666;
 text-decoration: none;
 display: block;
 padding-left: 25px;
 background: url(/img/form-header-arrow.gif) 0 -9px no-repeat;
}

form h2 a:hover {
 color: #f68b2f;
}

form h2 a.advanced2 {
 background: url(/img/form-header-arrow.gif) 0 -74px no-repeat;
}

form .form-buttons {
 height: 60px;
 border-top: 1px solid #ddd;
 background: url(/img/shadow-divider-small.gif) top left repeat-x;
 padding-top: 14px;
}

form .form-buttons .btn-previous {
 float: left;
}

form .form-buttons .btn-next {
 float: right;
}

.booking-form td {
 font-size: 0.9em;
}

.booking-form select {
 font-size: 12px;
}

.booking-form #meeting-length {
 width: 130px;
 float: right;
 margin-bottom: 25px;
}

.booking-form #time-span {
 width: 150px;
}

.booking-form .checkboxes label {
 display: inline;
 padding-left: 6px;
}

.inputLabel,.inputLabelRight {
 font-size: 0.9em;
 color: #666;
}

.inputLabelRight {
 width: 185px;
 display: block;
}

.outputLabel {
 color: #666;
}

.booking-form .checkboxes {
 line-height: 2em;
 margin: 10px 0 18px 0;
}

.booking-form .venue-wrapper {
 clear: both;
}

.booking-form .venue-wrapper a,.booking-form .venue-wrapper input {
 float: left;
}

.booking-form .venue-wrapper input {
 margin-left: 12px;
}

.booking-form .general {
 clear: both;
 float: left;
 margin-bottom: 16px;
}

.booking-headline {
 position: relative;
 height: 40px;
}

.booking-form-bgWrapper-bg .left {
 padding-left: 5px;
}

.booking-form-bgWrapper-bg .left .left {
 padding: 0px;
}

.booking-form-bgWrapper-bg .right {
 padding-right: 5px;
}

.booking-form-bgWrapper-bg .right .right {
 padding: 0px;
}

.booking-form-bgWrapper-footer {
 height: 28px;
 padding: 10px 0 0 5px;
 background: url(/img/booking-form-bgWrapper-footerBg.gif);
}

.booking-headline h1 {
 padding-left: 25px;
 position: absolute;
 left: -20px;
 width: 458px;
}

.booking-headline h1 span {
 background: #fff;
 display: inline;
 padding-left: 5px;
 padding-right: 5px;
}

.bookingTab,.bookingTabSelected {
 float: right;
 width: 65px;
 height: 15px;
 line-height: 15px;
 color: #fff;
 padding-left: 24px;
 background: url(/img/bookingTab.gif);
 text-decoration: none;
}

.bookingTab {
 background: url(/img/bookingTab.gif);
}

.bookingTabSelected {
 background: url(/img/bookingTabSelected.gif);
}

.participantSelect {
 width: 185px;
 height: 91px;
 margin-left: 5px;
 border: 1px solid #ccc;
 float: left;
}

.participantSelectchoices {
 width: 73px;
 height: 91px;
 margin-left: 5px;
 float: left;
 text-align: center;
}

.participantSelectchoices a {
 display: block;
 margin-bottom: 7px;
}

.regMeetingRoomSelect,.regUsersSelect {
 width: 330px;
 height: 100px;
 border: 1px solid #ccc;
 float: left;
}

.regMeetingRoomSelect option,.participantSelect option,.regUsersSelect option
 {
 padding: 1px 0 1px 4px;
}

.clarionMapPlacer {
 position: absolute;
 margin-left: 170px;
}

.tabInfo .left {
 padding-left: 5px;
 padding-right: 5px;
}

.tabInfo a {
 text-decoration: none;
}

.tabInfo a:hover,.tabInfo .selected {
 text-decoration: underline;
}

.tabInfoLinkArrow {
 position: relative;
 top: 7px;
 padding-bottom: 3px;
}

.tabHeader {
 height: 21px;
 width: 224px;
 margin-top: 28px;
 line-height: 19px;
 background: url(/img/tabHeaderBg.gif) repeat-x;
}

.tabHeaderGrey {
 background: url(/img/tabHeaderGreyBg.gif) repeat-x;
}

.tabHeaderBeige {
 cursor: pointer;
 height: 26px;
 margin-top: 0px;
 line-height: 19px;
 background: url(/img/tabHeaderBeigeBg.gif) repeat-x;
}

.tabHeaderStart {
 float: left;
 width: 7px;
 height: 21px;
 background: url(/img/tabHeaderStartBg.gif);
}

.tabHeaderGreyStart {
 background: url(/img/tabHeaderGreyStartBg.gif);
}

.tabHeaderBeigeStart {
 float: left;
 width: 16px;
 height: 26px;
 background: url(/img/tabHeaderBeigeStartBg.gif);
}

.tabHeaderContent {
 float: left;
 height: 21px;
 padding-right: 20px;
 color: #fff;
 background: url(/img/tabHeaderContentBg.gif);
}

.tabHeaderGreyContent {
 background: url(/img/tabHeaderGreyContentBg.gif);
}

.tabHeaderBeigeContent {
 float: left;
 height: 26px;
 padding-right: 20px;
 background: url(/img/tabHeaderBeigeContentBg.gif);
}

.tabHeaderEnd {
 float: left;
 width: 8px;
 height: 21px;
 background: url(/img/tabHeaderEndBg.gif);
}

.tabHeaderGreyEnd {
 background: url(/img/tabHeaderGreyEndBg.gif);
}

.tabHeaderBeigeEnd {
 float: left;
 width: 31px;
 height: 26px;
 background: url(/img/tabHeaderBeigeEndBg.gif);
}

.sub-tab {
 height: 21px;
 margin-top: 0px;
 margin-bottom: 0px;
 line-height: 19px;
}

.sub-tab a {
 text-decoration: none;
 color: #fff;
}

.sub-tab a:hover, .sub-tab .selected {
 text-decoration: underline;
}

.sub-tab-start {
 float: left;
 width: 7px;
 height: 21px;
 background: url(/img/tabHeaderGreyStartBg.gif);
}

.sub-tab-content {
 float: left;
 height: 21px;
 padding-right: 20px;
 color: #fff;
 background: url(/img/tabHeaderGreyContentBg.gif);
}

.sub-tab-end {
 float: left;
 width: 8px;
 height: 21px;
 background: url(/img/tabHeaderGreyEndBg.gif);
}

.greyBackground {
 float: left;
 width: 464px;
 background: #f7f7f7;
}

.headerMyPages {
 background: url(/img/header-mypages.gif) no-repeat;
}

.headerMyPages h1 {
 font-size: 14px;
 font-weight: bold;
 font-family: arial;
 height: 32px;
 color: #ffffff;
 position: relative;
 top: 6px;
 left: 45px;
}

.headerBoarding {
 background: url(/img/boarding-header-btn.gif) no-repeat;
 height: 32px;
 width: 236px;
}

.headerBoarding span {
 font-size: 14px;
 font-weight: bold;
 font-family: arial;
 color: #ffffff;
 position: relative;
 top: 8px;
 left: 41px;
}

.btnLink a:link,.btnLink a:visited,.btnLink a:active,.btnLink a:hover {
 text-decoration: none;
}

.headerAbout {
 background: url(/img/header-about.gif) no-repeat;
}

.headerAbout h6 {
 font-size: 14px;
 font-weight: bold;
 font-family: arial;
 height: 32px;
 color: #ffffff;
 position: relative;
 top: 8px;
 left: 45px; 
 padding-bottom: 14px;
}

.headerCorp {
 background: url(/img/header-corp.gif) no-repeat;
}

.headerCorp h6 {
 font-size: 14px;
 font-weight: bold;
 font-family: arial;
 height: 32px;
 color: #ffffff;
 position: relative;
 top: 8px;
 left: 45px;
 padding-bottom: 14px;
}

.casetop {
 vertical-align: middle;
 margin-top: 5px;
 margin-right: 10px;
 margin-bottom: 3px;
 margin-left: 15px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 10px;
 color: #000;
  border: 0px solid #000000;
}

.casecont {
 margin-top: 15px;
 margin-right: 10px;
 margin-bottom: 0px;
 margin-left: 15px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 10px;
 color: #000;
}

table.cases {
 background-color: #fdf8f4;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #cccccc;
 padding-top: 0px;
 padding-bottom: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}

.price {
 list-style-type: circle;
 background-color: #ffffff;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #cccccc;
 margin-top: 0px;
 margin-right: 10px;
 margin-bottom: 0px;
 margin-left: 25px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 10px;
 color: #000;
}

table.funktioner {
 width: 464px;
 margin-top: 15px;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 10px;
 color: #000;
 border-top: 0px solid #cccccc;
 border-collapse: collapse;
}

table.funktioner td {
 border-top: 1px solid #cccccc;
 padding-bottom: 20px;
}

table.stats {
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 10px;
 color: #fff;
 width: 464px;
 background-color: #f68b2f;
 border: 0px;
 border-collapse: collapse;
 border-spacing: 0px;
}

table.stats td {
 background-color: #CCC;
 color: #000;
 padding: 4px;
 text-align: left;
 border: 1px #fff solid;
}

table.stats td.hed {
 background-color: #f68b2f;
 color: #fff;
 padding: 4px;
 text-align: left;
 border-bottom: 2px #fff solid;
 font-size: 10px;
 font-weight: normal;
}

#container {
 background: #e5e3e1;
 width: 210px;
}

.roundtop {
 background: #ffffff;
}

.roundbottom {
 background: #ffffff;
}

.r1 {
 margin: 0 5px;
 height: 1px;
 overflow: hidden;
 background: #e5e3e1;
}

.r2 {
 margin: 0 3px;
 height: 1px;
 overflow: hidden;
 background: #e5e3e1;
}

.r3 {
 margin: 0 2px;
 height: 1px;
 overflow: hidden;
 background: #e5e3e1;
}

.r4 {
 margin: 0 1px;
 height: 2px;
 overflow: hidden;
 background: #e5e3e1;
}

.content {
 padding: 10px;
}

.movie-panel {
 width: 464px;
 height: 260px;
 position: absolute;
 z-index: 1;
}

div.movie-bg {
 width: 488px;
 height: 320px;
 background: url(/img/a-about/movie-bg.gif) no-repeat;
 position: absolute;
 z-index: 1;
}

.movie-img {
 width: 464px;
 height: 260px;
 margin-top: 0px;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 10px;
}

.movie-close {
 margin-top: 10px;
 margin-right: 5px;
 margin-bottom: 3px;
 margin-left: 444px;
}

.scrollbox {
 display: none;
 position: absolute;
 z-index: 1000;
 height: 100px;
 border: 1px solid #999999; 
 overflow: auto; 
 background-color: #FFFFFF;
}

.scrollbox-item {
 padding: 1px 35px 1px 10px;
 cursor: default;
 white-space: nowrap;
}
.scrollbox-item:hover {
 background-color:  #d6e9f8;
}

.campaign-background {
 z-index: 999;
 position: fixed; 
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
}
 
.campaign {
 z-index: 1000;
 position: absolute; 
 top: 50%;
 left: 50%;
 margin-top: -200px;
 margin-left: -400px;
}






.lev1 {
font-family:Arial, Helvetica, sans-serif;
padding-left:0px;
font-weight: bold; 
list-style-type: none;

}

.lev2 {
font-family:Arial, Helvetica, sans-serif;
padding-left:0px;
font-weight: normal; 
list-style-type: none;
line-height: 1.6em;


}

.lev3 {
font-family:Arial, Helvetica, sans-serif;
padding-left:15px;
font-weight: normal; 
list-style-type: none;


}

.sitemap  {

}

.sitemap  a:hover,.sitemap .selected {
 text-decoration: underline;
 cursor: pointer;
}

.sitemaplev3 a{
color: #666666;

}
.sitemaplev3  a:hover,.sitemaplev3 .selected {
 text-decoration: underline;
 cursor: pointer;
 color: #666666;

}

.button {
 margin: 0 3px 0 3px;
}

.time-select {
 width: 50px;
}

.venue-icon1a, .venue-icon1b {
 padding: 0;
 width: 14px;
 height: 13px;
 background-image: url(/img/icon-info.gif);
 cursor: pointer;
}

.venue-icon1a {
 margin: 5px 0 0 5px;
 position: absolute;
 display: none;
}

.venue-icon2a, .venue-icon2b {
 padding: 0;
 width: 16px;
 height: 21px;
 background-image: url(/img/icon-info-5.gif);
 cursor: pointer;
}

.venue-icon2a {
 margin: 5px 0 0 5px;
 position: absolute;
}

.venue-info-box {
 padding: 6px;
 margin-top: 3px;
 width: 193px;
 display: none;
 border: 1px solid #f3dbc6;
}

.venue-info-boxb {
 margin-top: 5px;
 padding: 6px;
 font-size: 0.8em;
 border: 1px solid #f3dbc6;
 display: none;
}

.inline-block {
 display: inline-block;
 zoom: 1;
 *display: inline;
}

.component-selected {
 overflow: auto;
 width: 452px;
 padding: 5px;
 border: 1px dotted #ccc;
 margin-top: 0px;
}