/* -------------------------- Girassol Template -------------------------- */
/*
	NB: relative url() references use the directory of the stylesheet as base,
	so in this case use "media/image.jpg" use "url(image.jpg)".
*/
body {
	margin: 0px; padding: 0px;
	font-family: arial;
	background-color: #339967;
	color: white;
}


body, td {
	font-size: 9pt;
}


a {
	color: #000070;
	text-decoration: underline;
}
h1, h2, h3, h4 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	color: #000070;
}
h2 {
	font-size: 14pt;
}
h3 {
	font-size: 13pt;
}

h4 {
	font-size: 11pt;
}
img {
	border: 0px;
}
form {
	margin: 0px;
}
.canvas {
	z-Index: 0;
	color: #006060;
}
.template {
	width: 772px; /* (16 + 740 + 16) */
	height: 100%;
	margin: 0px;
}
.header {
	height: 197px;
	text-align: right; vertical-align: top;
	margin: 0px; padding: 20px;
	color: white; font: 8pt Arial;
	background: url(head2.jpg);
}
.menuseparator {
	height: 4px;
	background-color: navy;
}
.main {
	width: 740px;
	height: 100%;
	text-align: left; vertical-align: top;
	margin: 0px; padding: 20px;
	color: black; background-color: white;
}
.mainContent {
	width: 100%;
	vertical-align: top;
	padding-right: 15px;
}
.greenButton {
	color: white;
	background-color: #339967;
	padding: 1px 5px 1px 5px;
	font: 10pt Arial;
	font-weight: bold;
}

.formulier {
	border: 2px solid #339967;
	color: #000070;
	background: url(yellow-gradient.jpg) bottom repeat-x;
}

/* -------------------------- Bottom Links -------------------------- */
.bottomLinks {
	background-color: #339967;
	color: white;
	text-align: center;
}
.bottomLinks td {
	text-align: center;
	font: 8pt Arial;
	padding: 3px 5px 3px 5px;
}
.bottomLinks a {
	color: white;
	text-decoration: underline;
}

/* -------------------------- Footer -------------------------- */
.footer {
	height: 167px;
	vertical-align: bottom;
	margin: 0px; padding: 0px;
	background: url(foot.jpg);
}
.footer a {
	color: lightyellow;
}
.tsiFooter {
	text-align: left; vertical-align: bottom;
	padding: 0px 0px 10px 25px;
	color: white; font: 8pt Arial;
	font: 8pt Arial;
}
.supplierFooter {
	text-align: right; vertical-align: bottom;
	padding: 0px 25px 10px 0px;
	color: white; font: 8pt Arial;
	font: 8pt Arial;
}

/* -------------------------- Menu Items -------------------------- */
.menuItem {
	height: 20px;
	text-align: center; vertical-align: middle;
	margin: 0px; padding: 0px 0px 0px 0px;
	color: lightyellow; font: 8pt Arial;
	background-color: #339967;
}
.menuItem a {
	color: lightyellow;
	font: 11pt Arial;
	font-weight: bold;
	text-decoration: none;
}
.menuItem a:hover {
	text-decoration: underline;
	color: white;

}
/* -------------------------- Shading -------------------------- */
.shadeLeft {
	width: 16px;
	background: url(shadeLeft.jpg);
}
.shadeRight {
	width: 16px;
	background: url(shadeRight.jpg);
}

/* -------------------------- Zoek en Boek! -------------------------- */
.zoekEnBoek {
	border: 2px solid #339967;
	width: 180px;
	color: #000070;
	background: #fffdcd url(zoekboxbackground.jpg) top left;
	background-repeat: no-repeat;
}
.zoekEnBoekTop {
	border: 2px solid #339967;
	width: 100%;
	color: #000070;
	background: url(zoekboxbackgroundtop.jpg) top right;
}
.zoekEnBoek h2 {
	padding: 0px;
	margin: 0px;
	font-size: 14pt;
	white-space: nowrap;
}
.zoekEnBoekButton {
	color: white;
	background-color: #339967;
	width: 92%;
	padding: 0px 0px 0px 0px;
	font: 10pt Arial;
	font-weight: bold;
}
.zoekEnBoek p.para {
	padding: 5px 5px 2px 5px;
	margin: 0px
}
select.searchBoxListBox {
	width: 145px;
	font-size: 9pt;
}
.zoekEnBoek p.para .occupancyTable select {
	width: 40px;
}
.zoekEnBoek select {
	font-size: 9pt;
}
.zoekEnBoek img.transparant {
	border: 0px;
	width: 50px;
	height: 50px;
}
.dateField {
	background: white;
	font-size: 9pt;
}
.dateFieldError {
	background: red;
	font-size: 9pt;
}
.occupancyTable select option {
	text-align: center;
}
.occupancyTable td {
	text-align: center;
	color: #000070;
	font-size: 9pt;
	padding: 0px 12px 5px 0px;
}

.searchNavigation {
	width: 100%;
}
.regioInfo {
	width: 100%;
}
.regionImage {
	/* width: 200px; */
	height: 120px;
}
.searchResults {
	font-size: 9pt;
	width: 100%;
}
.priceNavigation {
	width: 100%;
}

.accoSearchResultItem {
	display: block;
	margin: 10px;
	width: 100%;
	background: url(yellow-gradient-small.jpg) bottom repeat-x;
	border: 2px solid #339967;
}
.accoSearchResultItem td {
	font-size: 9pt;
	padding: 5px;
}

.accoSearchResultItem * {
	color: #005000;
}
.accoSearchResultItem h1, .offerCell h2, .offerCell h3, .offerCell h4, .accoDetailHeader {
	color: #000070;
}
.accoInPackage td {
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.accoInPackage .moreInfoLink  {
	color: blue;
	text-align: right;
}

.accoInPackage .numberOfNights  {
	color: #005000;
	text-align: right;
}

.accoInPackage .locationInfo  {
	color: #005000;
}

.accoInPackage .dateInfo  {
	color: #0000FF;
}

.accoInPackage .accostars {
	height: 9px;
	/* no width! */
	text-align: right;
}

.accoSearchResultImage {
	width: 100px;
	height: 60px;
}
.accoDetailsImage {
	width: 150px;
	/* no height! */
}
.accoDetailHeader {
	text-transform: uppercase;
	font-weight: bold;
	color: #000070;
}
.accoFromPrice{
	font-size: 7pt;
	font-weight: bold;
	color: #000070;
}
.accoFromPrice2{
	font-size: 16pt;
	font-weight: bold;
	color: #000070;
}
.accoLocation {
	font-weight: bold;
}

/* -------------------------- Offers (Aanbiedingen) -------------------------- */

.offerTable {
	width: 100%;
	font-size: 9pt;
}
.offerCell {
	vertical-align: top;
	text-align: left;
	padding: 10px;
	border: 2px solid #339967;
	background: url(yellow-gradient-small.jpg) bottom repeat-x;
}
.offerCell * {
	color: #005000;
}
.offerCell h1, .offerCell h2, .offerCell h3, .offerCell h4 {
	color: #000070;
}
.offerCell h1 { font-size: 11pt; }
.offerCell h2 { font-size: 10pt; }
.offerCell h3 { font-size: 9pt; }
.offerCell h4 { font-size: 9pt; }
.offerCell img {
	width: 150px;
}
#kiosk {
	z-Index: 10;
	position: absolute;
	top: 265px;
	width: 680px;
	height: 500px;
	overflow: auto;
	vertical-align: top;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: 2px solid #339967;
	background: white url(yellow-gradient-small.jpg) bottom repeat-x;
}
#kioskHead {
	padding: 10px;
	margin: 0px;
	background: white;
}
#kioskBody {
	padding: 10px;
	margin: 0px;
	background: white url(yellow-gradient-small.jpg) bottom repeat-x;
}


/* -------------------------- Calendar widget -------------------------- */

.calendar {
	padding: 1px 5px;
	margin: 0px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 11px;
}
.calendarHeader {
	font-weight: bold;
	color: #000;
	background: #DDD;
	margin:0px;
	padding: 2px 5px;
	font-size: 11px;
}
.calendartoday {
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
table.calendar {
	/* only the calendar has a line, not the individual cells */
	border: 1px solid #000;
	padding:0px;
	width: 175px;
}
.calendarHeader A, .calendar A {
	font-weight: bold;
	color: #253A69;
	text-decoration: none;
}

/* -------- package search results ------------------ */

.packageSearchSummaryTable {
	background: url(yellow-gradient-small.jpg) top repeat-x;
	border: 2px solid #339967;
	width: 100%;
}
.packageSearchSummaryTable td {
	padding: 5px;
}
.packageSearchSummaryTable select {
	width: 150px;
	font-size: 9pt;
}
.packageSearchResultsTable {
	width: 100%;
	margin: 0px 20px 0px 0px;
}
.packageSearchResultsRow {
	margin: 5px;
	text-align: left;
	vertical-align: top;
	width: 100%;
}
.packageSearchResultsCell {
	width: 100%;
	vertical-align: top;
}
.packageSearchResultsItem {
	display: block;
	background: url(yellow-gradient-small.jpg) bottom repeat-x;
	border: 2px solid #339967;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	vertical-align: top;
	width: 100%;
}
.packageSearchResultsItem td {
	vertical-align: top;
	padding: 3px;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #005000;
}
.packageSummaryCell {
	width: 150px;
	vertical-align: top;
	text-transform: uppercase;
	font-weight: bold;
	color: #005000;
	font-family: Arial, sans-serif;
}
.packageLowestPriceCell {
	width: 150px;
	vertical-align: bottom;
	color: #000050;
	font-family: Arial, Helvetica, sans-serif;
}
.packageDescriptionCell {
	width: 340px;
	vertical-align: top;
}
.accoName a {
	color: #005000;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}
.packageImageCell {
	width: 136px;
	vertical-align: top;
}
img.packageImage {
	margin: 0px;
	border: 0px;
	width: 130px;
}
.journeyName {
	font-size: 11pt;
	font-weight: bold;
	color: #000070;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-top: 4px;
}
.pkgLowestPriceAbbr {
	font-weight: bold;
}
.pkgLowestPriceValue {
	font-size: 18px;
	font-weight: bold;
}
/* -------- package details ------------------ */
#accodesc {
	height: 100%;
	overflow-x: auto;
	overflow-y: auto;
}
td.compact {
	padding: 0px;
	margin: 0px;
}
table.inclusiveInfo, table.inclusiveInfo td {
	padding: 0px;
	margin: 0px;
}
tr.accoSegment, td.inclDayNo {
	display: none;
}
.availabilityUnknown {
	/* add nice colors here */
}
.unavailableItem {
	color: red;
}
.availableItem {
	color: green;
	text-decoration: underline;
}
.availableItem a {
	color: green;
}
.availableItem a:visited {
	color: #55dd55;
}
.availabilityRequestable {
	color: blue;
	text-decoration: underline;
}
.availabilityRequestable a {
	color: blue;
}
.availabilityRequestable a:visited {
	color: dodgerblue;
}

table.legend td {
	font-size: 8pt;
	white-space: nowrap;
}