﻿
/*
Title:      	Joker master styles for screen media
Author:     	gbe, © 2008 anaXis nv.
Updated:        May 08 2008
*/

* { margin: 0; padding: 0; }
* div[width] { width: 100% !important;} /* stupid hack for eyes cms and because IE6 doesn"t understand auto */
html>body div[width] { width: auto !important; } /* stupid hack for eyes cms */
a img { border: 0; }

body { font: normal 62.5%/1.15em Tahoma; background: #E6DFD9 url(images/WERELDKAART-joker.jpg) no-repeat fixed center -115px; position:relative; z-index:0; }

/* ---- [ typography ] ------------ */
.contentBlock { width: 649px; float: left; padding-bottom: 1.6em; }
.contentWithSideMenu { width:460px!important; }
.contentBlock h1 { width:365px; color:#FFFFFF; font-size: 1.4em; padding:4px 18px 6px 18px; margin-bottom:1em;
                   background-position:left center; background-repeat: no-repeat; position:relative; left:-18px; }
.detailBlock, .detailVluchtenBlock, .detailAvontuurInGroepBlock, .detailMaakJeEigenReisBlock { margin-left: 18px; }
.contentBlock h1 { background-image: url(images/h1Main.jpg); }
.detailVluchtenBlock h1 { background-image: url(images/h1Vluchten.jpg)!important; }
.detailAvontuurInGroepBlock h1 { background-image: url(images/h1AvontuurInGroep.jpg)!important; }
.detailMaakJeEigenReisBlock h1 { background-image: url(images/h1MaakJeEigenReis.jpg)!important; }
.contentBlock h2 { color:#6F3136; font-size:1.2em; font-weight:bold; margin-bottom:0.8em; }
.contentBlock h3 { color:#201207; font-size:1.15em; font-weight:bold; margin-bottom:0.6em; }
.contentBlock p { color:#201207; font-size:1.15em; margin-bottom: 1.6em; line-height: 170%; overflow:hidden; }
.contentBlock a { font-size:1.15em; font-weight:bold; text-decoration:none; line-height: 170%; }
.contentBlock a:hover { text-decoration:underline; }
.contentBlock * { word-spacing:0.2em; }

address { font-style: normal; }

.spotLightBlock, .spotLightVluchtenBlock, .spotLightAvontuurInGroepBlock, .spotLightMaakJeEigenReisBlock
	{ float:right; width:160px; margin-right:16px; overflow:hidden; }
.spotLightBlock p, .spotLightVluchtenBlock p, .spotLightAvontuurInGroepBlock p, .spotLightMaakJeEigenReisBlock p
	{ display:block; color:#FFFFFF; text-align:center; padding:2px 0; font-size:1.2em; line-height:1.2em; background-color:#6F3136;
                    margin-bottom: 1.6em; font-weight:bold; }
.spotLightBlock p img, .spotLightVluchtenBlock p img, .spotLightAvontuurInGroepBlock p img, .spotLightMaakJeEigenReisBlock p img
	{ width:160px; margin:0!important; padding:0!important; }
.spotLightBlock a, .spotLightVluchtenBlock a, .spotLightAvontuurInGroepBlock a, .spotLightMaakJeEigenReisBlock a
	{ text-decoration:none; color:#FFFFFF; }
.spotLightBlock a:hover, .spotLightVluchtenBlock a:hover, .spotLightAvontuurInGroepBlock a:hover, .spotLightMaakJeEigenReisBlock a:hover
	{ text-decoration:underline; }

/*	wrapper
--------------------------------*/
.topSpace { width:951px; margin: 0 auto; clear: both; height:35px;}
#outerwrapper { width:951px; margin: 0 auto; clear: both; position:relative; z-index:0; }
#innerwrapper { width:951px; float:left; clear:both; position:relative; _top:-25px;
                background-color:#AB988A; background-image: url('./images/ContentBackground.jpg');
				background-repeat: no-repeat; background-position: center top; }

/*	header
--------------------------------*/
#header { clear: both; height: 84px; float: left; clear:both; width:951px; margin: 0 auto;
          background: url(images/TopBackground.jpg) no-repeat center top; }
#header .logoJoker { float:left; }

/*	Dropdown topmenu
--------------------------------*/

/* Level 0 */
.menuDiv { width: 951px; height:25px; position:relative; top:-7px; z-index:1; clear:left; float:left; }
.menuDiv ul.menuNav { float: right!important; list-style-type:none; }
.menuDiv ul.menuNav li.lvl0 { height:25px; color: #FFFFFF; background-color:Transparent!important; background-image: url(images/Rollover-rood.png);
                           _background-image: url(images/Rollover-rood.gif);
                           background-repeat:no-repeat; background-position: left center;
                           display: inline; list-style-type: none; float:left; text-align:center; }
.menuDiv ul.menuNav #firstItem { background-color:Transparent!important; background-image: url(images/Rollover-rood-left.png);
									_background-image: url(images/Rollover-rood-left.gif);
									background-repeat:no-repeat; background-position: left center; }
.menuDiv ul.menuNav li.lvl0 a.lvl0 { float: left; width:99px; height:20px; display:block; overflow:hidden;
                                  color: #FFFFFF; padding: 5px 9px 0 9px; text-decoration: none; font-size:1.2em; line-height:1.2em; }
.menuDiv ul.menuNav #firstItem:hover, .menuDiv ul.menuNav #firstItem.sfhover { background-color:Transparent!important; background-image: url(images/Rollover-blauw-first.png);
                                                                             _background-image: url(images/Rollover-blauw-first.gif);
                                                                             background-repeat:no-repeat; background-position: left center; }
.menuDiv ul.menuNav #lastItem:hover, .menuDiv ul.menuNav #lastItem.sfhover { background-image: url(images/Rollover-blauw-left.png);
                                                                             _background-image: url(images/Rollover-blauw-left.gif);
                                                                             background-repeat:no-repeat; background-position: left center; }
.menuDiv ul.menuNav li.lvl0:hover, .menuDiv ul.menuNav li.lvl0.sfhover
{ background-color:#6F3136; background-image: url(images/Rollover-blauw.png); _background-image: url(images/Rollover-blauw.gif);
                                        background-repeat:no-repeat; background-position: left center; }
.menuDiv ul.menuNav li.lvl0 ul li:hover,
.menuDiv ul.menuNav li.lvl0 ul li.sfhover { background-image: url(images/Blauw.png); _background-image: url(images/Blauw.gif);
                                        background-repeat:no-repeat; background-position: left center; }

/* All next levels */
.menuDiv ul.menuNav ul { float: left; list-style: none; padding: 0; clear:left; }
.menuDiv ul.menuNav ul li { width:auto; background-image: url(images/Rood.png); _background-image: url(images/Rood.gif);
							background-repeat:no-repeat; background-position: left center; padding: 4px 8px; font-size:1em; }
.menuDiv ul.menuNav ul li a { text-transform:none; display:block; }

.menuDiv ul.menuNav a { display: block; color: #FFFFFF; text-decoration: none; }
.menuDiv ul.menuNav li { float: left; padding: 0; }
.menuDiv ul.menuNav li ul { position: absolute; left: -999em; height: auto; width: 15.8em; font-weight: normal; margin: 0; }
.menuDiv ul.menuNav li li { width: 15.8em; }
.menuDiv ul.menuNav li ul a { width: 15.8em; text-align:left; }
.menuDiv ul.menuNav li ul ul { margin: -1.6em 0 0 16.6em; #margin: -1.6em 0 0 8.7em; _margin: -1.6em 0 0 8.8em; } /* all sub ul's after the first sub ul */

.menuDiv ul.menuNav .tree { top:25px; }

/* 4 level dropdown */
.menuDiv ul.menuNav li:hover ul ul,
.menuDiv ul.menuNav li:hover ul ul ul,
.menuDiv ul.menuNav li:hover ul ul ul ul,
.menuDiv ul.menuNav li.sfhover ul ul,
.menuDiv ul.menuNav li.sfhover ul ul ul,
.menuDiv ul.menuNav li.sfhover ul ul ul ul {
	left: -999em;
}

.menuDiv ul.menuNav li:hover ul,
.menuDiv ul.menuNav li li:hover ul,
.menuDiv ul.menuNav li li li:hover ul,
.menuDiv ul.menuNav li li li li:hover ul,
.menuDiv ul.menuNav li.sfhover ul,
.menuDiv ul.menuNav li li.sfhover ul,
.menuDiv ul.menuNav li li li.sfhover ul,
.menuDiv ul.menuNav li li li li.sfhover ul {
	left: auto;
}

.menuDiv ul.menuNav a:hover, .menuDiv ul.menuNav a.sfhover
{ color: #FFFFFF!important; position: static; }

.menuDiv ul.menuNav li:hover, .menuDiv ul.menuNav li.sfhover
{ background-color: #569DBB; }

/*	menu: = topMenu
--------------------------------*/
.topMenu { float: right; height:48px; margin-top: 36px; }
.topMenu * { float:left; }

.topMenu .topMenuLeft { float:right; margin-left:2px; margin-right:36px; }
.topMenu ul.lang { list-style-type:none; }
.topMenu ul.lang li { padding: 0 3px; font-size: 1.3em; }
.topMenu ul.lang li a { text-decoration: none; color:#FFFFFF!important; }
.topMenu ul.lang .activelanguage { font-weight: bold; }
.extraFixedLinks { margin-top:-0.3em; }
.extraFixedLinks * { font-size:1.3em!important; line-height:1.3em!important; font-weight:bold; }
.extraFixedLinks .separator { margin: 0px 3px; }
.extraFixedLinks a { text-decoration:none; }
.topMenu * { float: left; display:inline; color:#FFFFFF!important; font-size: 1em; }
.topMenu img { position:relative; top:-3px; }

.topMenu .topMenuRight { float:right; margin-right:12px; }
.topMenu .homeLink, .topMenu #bookmark, .topMenu #print, .topMenu .print2PdfLink { margin-right:12px; }
.homeLink { height:20px; }
.topMenu #print span {  text-transform: lowercase !important; }
.topMenu .print2PdfLink { height:20px; }
.topMenu .btnPrint2Pdf { float:left; margin:0!important; }
.topMenu a.default { width: 6px; text-transform:lowercase; text-decoration:none; display: inline; font-weight: bold; font-size: 1.3em; margin-right:4px; }
.topMenu a.bigger { width: 6px; text-transform:uppercase; text-decoration:none; display: inline; font-size: 1.3em; margin-left:1px; }
.topMenu img.arrow { top:4px; display:inline; }

/*	breadcrumb
--------------------------------*/
#breadcrumb { width: 667px; float: left; margin-left: 16px; font-size:1.1em!important; line-height:1.2em!important; }
.trailIntro { float:left; }
.trailStartPage { float: left; margin-left: 3px; text-transform:capitalize; }
#siteTrail { float: left; }
#siteTrail * { text-transform:lowercase; }
#breadcrumb * { color: #68594D; text-decoration: none; }

/*  button menu
----------------------------*/
.buttonMenu { width:189px; height:20px; float:right; }
.buttonMenu .search { float:left; }
.buttonMenu .search * { margin-top:-3px; }
.buttonMenu .search .text { width:152px; height:16px; float:left; color:#493C31; 
                            margin-right:6px; padding-left:6px; border: solid 1px #68594D; }
.buttonMenu .search .searchButton { float:left; _margin-top:-1px; }
.breadCrumbAndButtons { width: 935px; float: left; clear:both; margin: 8px; _margin: 4px; border-bottom: dotted 1px #402E24; }

/*	canvas
--------------------------------*/
#canvas { clear: both; overflow: hidden; margin: 0 20px; padding-bottom: 20px; }
#canvas div.corners { background-color: #EDEDED; padding: 10px; margin-bottom: 12px !important; }

.headerImages, .headerImages img { width: 951px; height: 118px; float: left; clear:both; overflow:hidden; }
.headerImagesHomePage, .headerImagesHomePage img { width: 951px; height: 237px; float: left; clear:both; overflow:hidden; }

/* Sidemenu tree
--------------------------------*/
#sideMenu { width: 180px; float:left; margin-left: 22px; padding-bottom: 6px; }
#sideMenu .tree { list-style-type: none; }

/* closed and open ul's */
#sideMenu .tree ul { display: none; list-style-type: none; }
#sideMenu .tree ul.open { display: block; }

/* level 1 */
#sideMenu .tree li.lvl1 { border-bottom: dotted 2px #493127; }
#sideMenu .tree .lvl1 a { color: #493127; font-weight: bold; font-size: 1.1em; margin-bottom: 3px; text-decoration: none;
               padding-top: 4px; _padding-top: 0px; padding-bottom: 6px; _padding-bottom: 0px; display: block; }
#sideMenu .tree li.lvl1 { _padding-top: 4px; _padding-bottom: 4px; }
#sideMenu .tree .lvl1.current.last .lvl2 a,
#sideMenu .tree li.last .open { border: 0; }
/* level 2 */
#sideMenu .tree .lvl2 a { line-height: 0.8em; border: 0; color: #493127; font-size: 1.2em; font-weight:normal;
                          text-decoration: none; width: 180px; display: block; }
/* level 3 */
#sideMenu .tree .lvl3 a { margin-left:18px; line-height: 0.8em; border: 0; color: #493127; font-size: 1.2em; font-weight:normal;
                          text-decoration: none; width: 162px; display: block; }
/* Hovered menu items and the currently selected menu item */
#sideMenu .tree .lvl2 a:hover, #sideMenu .tree .lvl3 a:hover, #sideMenu .tree li.current > a { color: #6F3136; }

/*	canvas: =contentPage
--------------------------------*/
.contentPage { width: 911px; float: left; margin: 14px 20px;
               _margin: 7px 10px; }
.contentPageWithSideMenu { width:700px!important; }
/* Unnumbered lists */
.contentPage ul { list-style-type: none; margin: 1.6em 0; }
.contentPage ul li { color:#201207; font-size:1.15em; padding-left: 18px; line-height: 170%;
					background-image: url(images/bullet.png); _background-image: url(images/bullet.gif);
                    background-repeat:no-repeat; background-position: left center;
                    background-position: left 0.6em; }
.contentPage ul ul { margin:0.3em; }
.contentPage ul li ul li { font-size:1em; }

/* Numbered lists */
.contentPage ol { margin-bottom:0.6em; margin-left:22px; }
.contentPage ol li { font-size:1.15em; line-height: 170%; }
.contentPage ol li ol li { font-size:1em; }

/* Images */
.contentPage img.image_top_left { display: block; margin-bottom: 15px; }
.contentPage img.image_top_middle { display: block; margin: 0 auto 15px auto; }
.contentPage img.image_bottom_left { display: block; margin-top: 15px; }
.contentPage img.image_bottom_middle { display: block; margin: 15px auto 0 auto; }
.contentPage img.image_align_right { float: right; margin: 0 0 0 15px; }
.contentPage img.image_align_left { float: left; margin: 0 15px 0 0; }

/* Tables */
.contentPage table caption { text-align:left; color:#6F3136; font-size:1.3em; font-weight:bold; 
                             caption-side:top; margin-bottom:0.2em; }
.contentPage table { margin: 1.6em 0; border-collapse:collapse; }
.contentPage table th { border-bottom: solid 2px #6F3136; }
.contentPage table th { font-weight: normal; border-bottom: solid 1px #6F3136; border-right: solid 2px #6F3136; padding:3px 6px; }
.contentPage table tr.headerrow th { font-weight:bold; border-top: solid 1px #6F3136; border-bottom: solid 2px #6F3136; border-right:0; }
.contentPage table th p,
.contentPage table td p { margin: 0.6em 0 }
.contentPage table td { padding:3px 6px; vertical-align: top; }
.contentPage table p { line-height: 130%; }
/* RSS feeds */
.contentPage .rssHeader * { color:#C0B0A3; background-color:#6F3136; font-weight:bold; margin-bottom:0.3em; }
.contentPage .rssHeader a { text-decoration:underline; }
.contentPage .rssItem { background-color:#A18E80; font-size:1.1em; }
.contentPage .eyeRssFeed td { border:0!important; }
.contentPage .rssAlternatingItem { background-color:#AB988A; font-size:1.1em; }
.contentPage .rssItem a, .contentPage .rssAlternatingItem a { font-size:1.2em; }
.contentPage .rssItem .mf-viral table, .contentPage .rssAlternatingItem .mf-viral table { margin:0.2em 0; }
/* Iframes */
iframe { border: solid 4px #C0B0A3; margin: 1.6em 0; }
#datepickeriframe { border:0; margin:0; }
/* Meaning tags */
.contentPage dfn, .contentPage acronym, .contentPage abbr { font-weight:bold; }
.contentPage dfn, .contentPage acronym, .contentPage abbr, .contentPage q { color:#6F3136; }

.adminPage table { margin:0!important; }
.adminPage table td { padding:2px!important; }
select { color:#201207; }

input[type=submit], input.btnForm { color:#C0B0A3; padding:0 5px; background-color:#6F3136; border: solid 1px #C0B0A3; }
/* Error messages */
.contentPage p.error,
.contentPage span.error { color: #CC0000!important; }

/* Newsteaser */
div.news p { margin:0; }
div.news a { float:right; }

/* Newsletter subscription */

.newsletterSubjects { margin:3px 0px!important; clear: both; }
.newsletterSubjects input { margin-right:6px!important; }

/* Home page */
.startBlock { width:897px; float:left; margin-top:22px!important; margin-left: 14px!important;
              _margin-top:11px!important; _margin-left: 7px!important;
              margin-bottom:12px; _margin-bottom:6px; }
.infoBlocks { float: left; }

.infoBlocks p { font-size:1.2em; line-height:1.2em; margin:6px 12px; color: #201207; }
.infoBlocks a { text-decoration:none; }
.infoBlocks a:hover { text-decoration:underline; }
.infoBlocks p img { width: 158px; height:118px; position:relative; top: 21px; left:-12px; }
.infoBlocks h2 { width:158px; color:#FFFFFF; font-size:1.3em; text-align:center;
				margin: 0; padding: 4px 12px; background-repeat:no-repeat; background-position: -16px top;
				position:relative; left:-28px; top:-8px; }
.infoBlocks h2 span { position:relative; left:8px; display:block; }
.infoBlocks h2 a { color:#FFFFFF; display:block; }
.infoBlocks h2 a:hover { text-decoration: none; }
.infoBlocks h3 { width:158px; font-size:1.2em; color:#443931; background-color: #D8CFC8;
                 display:block; font-weight:normal!important; text-align:center; padding: 3px 0px; position:relative; top:27px; }
.infoBlocks h3 a { color:#443931; display:block; }
.infoBlocks h3 a:hover { text-decoration: none; }

.vluchtenBlock { width: 158px; _overflow:hidden; float: left; background-color:#AB988A; margin-right: 24px; }
.vluchtenBlock h2 { background-image: url(images/Vluchten.png); _background-image: url(images/Vluchten.gif); }

.avontuurInGroepBlock { width: 158px; _overflow:hidden; float: left; background-color:#AB988A; margin-left: 24px; margin-right: 24px; }
.avontuurInGroepBlock h2 { background-image: url(images/AvontuurInGroep.png); _background-image: url(images/AvontuurInGroep.gif); }

.reiscodeBlock { width: 158px; _overflow:hidden; float: left; background-color:#AB988A; margin-left: 24px; }
.reiscodeBlock h2 { background-image: url(images/MaakJeEigenReis.png); _background-image: url(images/MaakJeEigenReis.gif); }

.detailBlock fieldset { width:300px; padding:6px; margin-bottom:12px; border: solid 1px #C0B0A3; color: #201207; }
.detailBlock fieldset legend { padding:1px 4px; }
.detailBlock fieldset input { margin-right:6px; }
.detailBlock fieldset div { margin-bottom:12px; }
input.fieldbutton { padding: 1px 5px; margin-top:2px; background-color:#6F3136; color:#C0B0A3; border:solid 1px #C0B0A3; }

/* News Messages
---------------------------------*/
.newsMessages { font-size: 1.15em; }

/*	Poll
--------------------------------*/
#poll { float: right; width:180px; }
#poll div.currentpoll { margin-bottom:12px; }
#poll div.pollinfo div.currentpoll table { color:#493C31; font-size:1em; font-style:italic;
                                           padding-left:3px; margin:4px 0!important; }
#poll div.pollinfo div.currentpoll table td { border:none!important; padding: 3px 0!important; }
#poll div.pollinfo div.currentpoll table tbody tr td label { margin-left:9px; color:#493C31; }
#poll div.pollinfo div.currentpoll h3, #poll div.pollinfo div.currentpoll h3 a
	{ color:#493C31; font-weight:normal; }
#poll h1 { color:#FFFFFF; font-size: 1.4em; padding:4px 8px 6px 8px; margin-bottom:1em; background-color:#6F3136; }
#poll h2 { color:#493C31; font-size:1.3em; font-weight:bold; margin-bottom:0.6em; }
#poll h3 { color:#201207; font-size:1.1em; font-weight:bold; margin-bottom:0.4em; }
#poll p { color:#201207; font-size:1.1em; margin-bottom: 1.6em; }
#poll a { color:#7B2F35; font-size:1em; font-weight:bold; text-decoration:none; }
#poll a:hover { text-decoration:underline; }
#poll div div span a, #poll div.pollinfo div.currentpoll a
	{ font-size:1.2em; font-weight:bold; padding:2px 4px; }
#poll .tekstRes{ font-size: 1.3em; color: #6F3136; }
#poll .ptitel { padding:0!important; }
#poll .stem { padding:2px 0; }
#poll A.stemlink { margin-bottom:10px; }
#poll .stemlink { padding:10px 5px; color: #FFFFFF; font-weight: bold; font-size: 1.1em;
                  text-decoration: none; float: right; margin-top: 5px; }
div#pollObj_stem { text-align:right; }
#poll .activepolls { float:left; }
#poll .btnVotePoll { background-color:#7B2F35; color:#FFFFFF!important; float:right; border: solid 1px #C0B0A3; padding: 2px 12px!important;
                     font-size:1em!important; font-weight:normal!important; text-decoration:none!important; }

/*	Picture Contest
--------------------------------*/
.pictureContest table.tblJokerForm th {text-align:left; padding:0 5px 0 5px;}
.UploadInstance { display:block; overflow:hidden; width:650px; border-top:1px dotted #402E24; padding:5px 0 0 0; margin:5px 0 0 0;}
.contentPage .pictureContest table { margin:0!important; border-collapse:separate; }
.contentPage .pictureContest table td { padding:0!important; }
.contentPage .pictureContest table th {text-align:left; padding-left:10px;}
.contentPage .pictureContest table.tblJokerForm td { padding:2px!important; }
.pictureContest span { color:#201207; font-size:1.1em; #font-size:0.9em; _font-size:1.1em; margin-bottom: 1em; }
.pictureContest table.dxeButtonEdit {float:left;}
.pictureContest table.dxeButtonEdit td.dxic {height:15px; padding:3px;}
.contentPage .pictureContest .DottedSeperator {margin-top:10px; padding-top:5px; border-top:1px dotted #402E24!important; 
                                               display:block; width:650px; overflow:hidden;}
.pictureContest .DottedSeperator span { float:left; margin-right:3px; }
.pictureContest .DottedSeperator span.error { float:none; }
.pictureContest .fileUpload { width:220px; #width:230px;}
.space { line-height: 3px; }

/*	Opinion Poll Form
--------------------------------*/
.opinionForm { color: #201207; }
.opinionForm .introText { font-weight:bold; }
.opinionForm .questionPanel { float:left; margin-bottom:12px; width:100%; }
.opinionForm h2 { color:#FFFFFF; background-color: #6F3136; padding: 6px; width:100%; }
.opinionForm .questionPanel .error { float:left; clear:both; margin: 6px 0; }
.opinionForm textarea { width: 450px; height:55px; color:#68594D; }
table.radioButtonList { margin:0 0 6px 0!important; }
.radioButtonList label { margin-left:3px; }
.radioButtonList td { border:none!important; }
table.checkBoxList { margin:0 0 6px 0!important; }
.checkBoxList label { margin-left:3px; }
.checkBoxList td { border:none!important; }
.opinionForm .outroText { float:left; clear:both; margin-bottom: 12px; }
.opinionForm .button { float:left; clear:both; }

/* OnlineBooking
-----------------------------*/
.OnlineBooking { width:649px; border: solid 1px #C0B0A3;
                 background-color:#AB988A; background-image:url(images/ContentBackground.jpg);
                 background-position:-600px top; background-repeat:no-repeat; }
table.OnlineBooking td { border:0!important; }
.OnlineBooking label { font-size: 1em; }
.WizardProgress { float:right; color:#201207; font-size:1.1em; position:relative; top:-15px; }
.WizardHeaderStyle { color:#C2B1A1; font-size:1.2em; font-weight:bold; margin-bottom:0.8em; padding:16px 16px 0px 16px!important; }
.WizardStepStyle { font-size:1em; border-width:0px; color:#201207; padding:16px 16px 0px 16px!important; }
.WizardStepStyle span { color:#201207; font-size:1.1em; margin-bottom: 1.6em; }
.WizardStepStyle .bottomMargin { line-height: 1.3em; }
.WizardFinishCompleteButton { background-color:#569DBB!important; }
table.OnlineBooking .WizardNavigationStyle { padding:0px!important; }
/* Step 1 */
.OnlineBooking fieldset { border: solid 1px #C0B0A3; }
.OnlineBooking fieldset legend { color: #7B2F35; font-weight:bold; }

.OnlineBooking fieldset .fieldrow label { float:left; width:90px; }

.OnlineBooking fieldset .fieldrow input { float:left; }
.OnlineBooking fieldset .fieldrow { clear: both; }
/* Step 2 */
.journeyInfo { font-size:1.1em; font-weight:bold; }
.otherJourney { font-size:1.1em!important; }
 /* Step 3 */
.JokerOffices { width:350px; }
.txtCountTravellers { color:#000000; padding-bottom:3px; padding-left:12px; width:45px; height:13px; margin-right:1px; }
table.NumericUpDown { margin:0px!important; }
.NumericUpDown table { margin:0px!important; }
.NumericUpDown td { padding:0px!important; height:10px; }
.NumericUpDown input { float:left; }
.NumericUpDownButton { width:18px; height:10px; border: solid 1px #C0B0A3!important; }
.NumericUpDownButton .dxbButton span, .NumericUpDownButton .dxbButtonHover span,
.NumericUpDownButton .dxbButtonPressed span { position:relative; top:3px; margin-bottom:0px!important; }
.NumericUpDownButton .dxbButton .dxb, .NumericUpDownButton .dxbButtonHover .dxb,
.NumericUpDownButton .dxbButtonPressed .dxb.dxbf { padding:0px!important; }
/* Step 5 */
.OnlineBooking .CheckBox input { margin-right:6px; }
/* Wizard legend */
.wizardLegend { width:649px; margin:0!important; padding:0!important; color:#201207; font-size:1.1em; }
.wizardLegend th { vertical-align:middle!important; padding-bottom:3px; border:0!important; }
.wizardLegend .activeStep { color:#7B2F35; font-style: italic; text-decoration:underline overline; }

/* Gridview
-----------------------------*/
.gvFlights { margin-bottom:12px; overflow:visible; }
.gvHeaderStyle th { background-color:#C0C0C0; }
.gvFlights th, .gvFlights td { padding:2px 2px; border: solid 1px #000000; }
.gvRowStyle { background-color: #F5F5F5; }
.gvAlternateRowStyle { background-color:#E5E5E5; }
.gvEmptyRowStyle, .gvEmptyRowStyle td { border:0!important; }
.gvPagerStyle table { background-color: #EEE; }
.gvPagerStyle table td {  }
.gvPagerStyle span { font-weight:bold; padding: 0 1em; }
.gvPagerStyle a { padding: 0 1em; }

/* Import flights
-----------------------------*/
.delimiters { font-size:14px; margin:0!important; }
.otherDelimiter { margin-left: 20px; }

/* Overview flights
-----------------------------*/
table.FlightsOverviewMenu, table.FlightsOverviewMenu table { margin:0!important; }
.FlightsOverviewMenu table td { padding:0px 4px!important; }
.FlightsOverview .gvFlights { width:873px; position:relative; left:-15px; }
table.gvFlights th { color:#201207!important; border-color:#201207!important; }
table.gvFlights td { color:#201207!important; text-align:center; padding:1px!important; border-color:#201207!important; }

/* FlightTabs details*/
.TabGridContainer { padding:0px; }
.FlightsOverview .TabGridContainer table td { padding:2px!important; } 
.FlightsOverview .TabGridContainer table { margin:0!important; }
.FlightsOverview .TabGridContainer .dxgvHeader table td {color:#C5B9AD!important;}

.FlightTabs { margin:0!important; }
.FlightTabs td { color: #201207!important; padding:0px!important; }
.FlightTabs table { margin:0!important; }
.FlightTabs a { line-height: 120%; }
.FlightTabs .DetailTab { padding: 3px 5px!important; }
.FlightTabs .dxtcTab { background-color:#C8BBB2; }
.FlightTabs .dxtc td { text-align:center; }
.FlightTabs .dxtcActiveTab, .FlightTabs .dxtcTabHover { background-color:#F2EDE9; }
.FlightTabs .dxtcPageContent { padding:0!important;  background-color:#F2EDE9; }
.FlightTabs .dxtcPageContent td {padding:2px;}
.FlightTabs .dxtcPageContent table {padding:0px!important;}
.FlightTabs .dxtcPageContent div { padding:2px!important; }
.FlightTabs .journeyDataAndPrices { font-weight:bold; margin-bottom:12px; border-bottom:1px dotted #402E24; float:left; width:100%; clear:both; }
.FlightTabs .journey { float:left; clear:both; width:100%; }
.FlightTabs .journeyDataAndPrice { float:left; width:260px; }
.FlightTabs .journeyStatusIcon { margin: 0 6px; float: left; padding-bottom:30px; }
.FlightTabs .journeyOnRequest { width:200px; float:left; }
.FlightTabs .journeyBooking { width:150px; float:left; }
.FlightTabs .extraInfo { float:left; clear:both; }
.FlightTabs .ProductPictures a { float:left; }
.FlightTabs .ProductPictures img { margin:2px; border: solid 1px #7B2F35!important; }
.FlightTabs .JourneyProductPage h4 { font-size:0.9em; margin-bottom:6px; }

/* Airline company survey
-----------------------------*/
.airlineLogo { text-align:center; }
.grdAirlineFlights { float:left; clear:both; margin: 1.6em 0 1.6em 1.6em; }
.grdAirlineFlights table { margin: 0!important; }

/* Search and book journeys
-----------------------------*/
.aspLabel { color:#201207; font-size:1.1em; margin-bottom: 1.6em; }
.dxgvTable td { padding:3px 6px!important; }
.dxgvTable { border-left:1px solid #9F9F9F !important; border-right:1px solid #9F9F9F !important; }
.dxgvTable .AlternatingRow { background-color: #FFFFFF; }
.jokerJourneys, .gapJourneys { width:873px; padding-bottom:18px; border-bottom:1px dotted #402E24; }
.gridViewButtons .aspxButton { float:left; margin-right:6px; }
.gridViewButtons .aspxButton .dxbButton div.dxb { padding: 1px 8px 2px !important; }
.showGapJourneys { color:#327023!important; font-size:1.2em!important; }
a.lnkBooking { color:#7B2F35; font-size:1em; font-weight:bold; text-decoration:none; }
a.lnkBooking:hover { text-decoration:underline; }
.jokerJourneys .journeyStatusIcon, .gapJourneys .journeyStatusIcon { margin: 0 6px; }
.jokerJourneys .journeyOnRequest, .gapJourneys .journeyOnRequest { text-align:center; }
.dxgvTable .dxgvFilterRow .dxgv .dxic { height:22px!important; height:20px!important; padding:0!important; }
.dxgvTable .dxgvFilterRow .dxgv .dxic input { height:22px!important; height:20px!important; margin:0!important; }
.dxgvTable .dxgvFilterRow .dxgv .dxeButtonEdit .dxic { height:18px!important; }
.dxgvTable .dxgvFilterRow .dxgv .dxeButtonEdit .dxic input { height:18px!important; margin:0!important; }
.dxgvTable .dxgvFilterRow .dxgv .dxeButtonEdit .dxeButtonEditButton { height:18px!important; padding:0!important; }
.dxgvTable .dxgvFilterRow .dxgv .dxeButtonEdit .dxeButtonEditButton .dx { padding:0 1!important; }
.dxgvTable .dxgvFilterRow .dxeCalendar { width:104%; height:104%; #width:102%; #height:106%; }
.dxgvTable .dxgvFilterRow .dxeCalendar .dxeCalendarWeekNumber { display:none; }
.dxgvTable .dxgvFilterRow .dxeCalendar .dxeCalendarToday { border-color:#6F3136!important; }
.dxgvTable .dxgvFilterRow .dxeCalendar .dxeCalendarWeekend { color:#6F3136!important; }

/* Product details
-----------------------------*/
.JourneyDetails { margin:0!important; }
.JourneyDetails td { color: #201207!important; padding:0px!important; }
.JourneyDetails table { margin:0!important; }
.JourneyDetails .DetailTab { padding: 3px 5px!important; }
.JourneyDetails .dxtcTab { background-color:#C8BBB2; }
.JourneyDetails .dxtcActiveTab, .JourneyDetails .dxtcTabHover { background-color:#F2EDE9; }
.JourneyDetails .dxtcPageContent { padding: 24px!important; background-color:#F2EDE9; }
.JourneyDetails .journeyDataAndPrices { font-weight:bold; margin-bottom:12px; border-bottom:1px dotted #402E24; float:left; width:100%; clear:both; }
.JourneyDetails .journeyDataAndPrices a { line-height:150%; font-size:1.1em; }
.JourneyDetails .journey { float:left; clear:both; width:100%; padding-bottom:6px; }
.JourneyDetails .journeyDataAndPrice { float:left; width:280px; }
.JourneyDetails .journeyStatusIcon { margin: 0 6px; float: left; padding-bottom:30px; }
.JourneyDetails .journeyOnRequest { width:510px; float:left; }
.JourneyDetails .journeyOnRequest table { width:320px; float:left; font-weight:normal; border: solid 1px #6F3136; }
.JourneyDetails .journeyOnRequest table td { padding:3px!important; }
.JourneyDetails .journeyBooking { width:150px; float:left; margin-right:6px; }
.JourneyDetails .extraInfo { float:left; clear:both; }
.JourneyDetails .ProductPictures a { float:left; }
.JourneyDetails .ProductPictures img { width:100px; height:40px; margin:2px; border: solid 1px #7B2F35!important; }
.JourneyDetails .JourneyProductPage h4 { font-size:0.9em; margin-bottom:6px; }

/* Ajax Combobox
-----------------------------*/
.ajax__combobox_inputcontainer { top:0!important; }
.ajax__combobox_inputcontainer td { padding:0!important; overflow:visible!important; }
.ajax__combobox_textboxcontainer { border:none!important; float:left; }
.ajax__combobox_buttoncontainer { border:none!important; }
.ajax__combobox_itemlist { overflow:visible!important; position:relative!important; top:0!important; left:0!important; }
.ajax__combobox_itemlist li { background-image:none!important; padding:0!important; }

/* DevExpress Controls
-----------------------------*/
#pictureUpload input { margin-bottom: 3px; }
#pictureUpload span { font-size:1.1em; }
#pictureUpload { float: left; clear: both; #margin-bottom:12px; }
.uploadInfo { float: left; clear: both; }
.uploadControl { clear: both; }
.dxbButton { font-family: Arial; font-size: 1em; padding:3px 14px 4px!important;
                    background-color:#6F3136!important; background-image:none!important; border: solid 1px #C0B0A3!important; }
.dxb span { color:#C0B0A3!important; }
.dxpPageNumber { color:#6F3136!important; }
td.dxic { height:26px; }
.aspxButton { cursor: pointer; }

/*	footer
--------------------------------*/
#footer { width: 951px; height:38px; float: left; clear:both; margin-top:1.15em; }
#footer div { margin:0 8px; border-top: dotted 1px #402E24; }
.FooterElements { float: left; margin-top:12px; margin-left:16px; }
.FooterElements * { color: #68594D; font-size: 1.1em; padding-left:3px; padding-right:3px; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/*	created
--------------------------------*/
#created { width: 951px; height: 83px; float:left; clear:both; position:relative; _top:-25px; }
#created a { float:right; display:block; margin: 8px 38px 0 0; }

/* -----[ CSS editing ] ----------------	*/
#eyeEditMenu a { cursor: pointer; }
#eyeEditMenu img { margin: 0px; }
.editmenu { margin-top: -195px !important; }
.editmenu img { margin: 0px; }
#eyeEditMenu *, 
#eyeEditMenu table { margin: 0 !important; }
#eyeEditMenu a { cursor: pointer; }
#eyeEditMenu table td { border:none!important; }
div.wysiwyg_menu { height:76px!important; }
.mceEditor { position:relative; }
.mceButtonNormal, .mceButtonDisabled { width:20px!important; }
.mceToolbarTop  * { float:left!important; text-align:left!important; clear:none!important; }

/* Google Maps
--------------------------------*/
#gmap { width:649px; height:500px; margin-bottom:12px; }
div.officeMarker { width:500px; height:160px; overflow-x: hidden; overflow-y: scroll; margin-top:10px; }
div.officePopup { width:500px; float:left; clear:both; }
div.officePopup div.officeInformation { width:200px; float:left; }
div.officePopup p, div.officePopup span { color:#201207; font-size:1.1em; margin-bottom: 1.6em; }
div.officePopup div.officePicture { width:300px; float:left; clear:right; height:225px; margin-bottom:10px; }

/* Amadeus SearchFlights Control
--------------------------------*/
.columnRight { width:200px; float: right; }

.amadeusFlights { width:166px; float:right; }
.amadeusFlights h3 { font-size:1.1em; }
.amadeusFlights input { margin-right:2px; }
.contentPage table.tblGetFlights { border-collapse:separate; }  
.contentPage .dxic { padding:1px!important; height:10px; }
.contentPage table.tblGetFlights td { color:#201207; padding:2px 2px 2px 2px; vertical-align:middle;}
.contentPage table.tblGetFlights input { color:#201207; width:70px; }
.contentPage table.tblGetFlights tr { margin-left:2px;  }
.contentPage table.tblGetFlights {font: 8pt tahoma;}
.contentPage table.tblGetFlights {border:1px solid #FFFFFF; font: 8pt tahoma; background-color:#A18E80; text-align:left; width:160px; }
.contentPage table.tblGetFlights th {font-weight:normal; background-color:#9C8A7A;	margin:2px;	color:#FFFFFF; padding:2px 0 2px 4px; }
.contentPage table.tblGetFlights .inpTextBox { width:70px; float:left; }
.contentPage table.tblGetFlights .dxeEditArea {font: 8pt tahoma; }
.contentPage table.tblGetFlights dxeButtonEdit {font-size: 8pt;}
.contentPage table.tblGetFlights .SubmitRow {text-align:right; padding-right:5px;}
.contentPage table.tblGetFlights .ErrGetFlights {font: 8pt tahoma; color:#CCC4BB;}
.contentPage .tblGetFlights .inpButtons {color:#FFFFFF; padding:0 5px; margin-bottom:2px; background-color:#6F3136; border: solid 1px #C0B0A3;}
.contentPage .tblGetFlights div { background-color:#A18E80; }

/* Ogone
--------------------------------*/
span.example { color:#201207; font-size:1.15em; float:left; }
