/*

searchresult.css

This stylesheet is meant to be the default style for all searchresults and should be included on all sites using the jsp-files listed below.

This css affects the following files:
incpackage.jsp

To customize appearance on a specific site, use the code at the end of this document.

*/

/* packageresult */
#searchresultNew div.result {
	background:#EDEDED;
	zoom:1; /* ie bug fix */
}

#searchresultNew .result img {
	float:left;
	margin-right:4px;
}

#searchresultNew .result .extra table, #searchresultNew .result .product table {
	width: 100%;
}

#searchresultNew .result .extra td, #searchresultNew .result .product td, #searchresultNew .result .extra th, #searchresultNew .result .product th {
	padding:4px 10px 4px 10px;
	text-align:left;
}

#searchresultNew .result .extra th  {
	background-color:#EDEDED;
}

#searchresultNew .result .product th {
	background-color:#999999;
	color:#FFFFFF;
}

#searchresultNew .result {
	padding:10px 10px 10px 10px;
	margin-bottom:25px;
}

#searchresultNew .result .extra{
	margin-top:10px;
}

#searchresultNew .result .title, #searchresultNew .result .descr, #searchresultNew .result .extra, #searchresultNew .result .product {
	background:#FFFFFF;
	padding:4px;
	clear:both;
}

#searchresultNew .result .title, #searchresultNew .result .extra {
	padding-bottom:0px;
}

#searchresultNew .result .oddRow td {
	background:#F7F7F7;
}

#searchresultNew .result .evenRow td {
	background:#FFFFFF;
}

#searchresultNew .result .title .productName {
	font-weight:bold;
}
#searchresultNew .result .title .productName {
}
#searchresultNew .result .title .resortName {
}
#searchresultNew .result .extra .productName {
	width:75%;
}
#searchresultNew .result .extra .description {
}
#searchresultNew .result .extra .fromDate {
}
#searchresultNew .result .extra .toDate {
}
#searchresultNew .result .product .fromDate {
}
#searchresultNew .result .product .productType {
}
#searchresultNew .result .product .description {
	width:95%;
}
#searchresultNew .result .product .size {
	text-align:center;
}
#searchresultNew .result .product .available {
}
#searchresultNew .result .product .price {
}
#searchresultNew .result .product .extraNight {
}
#searchresultNew .result .product .extraBedDiscount {
}
#searchresultNew .result .product .extraBedAdd {
}
#searchresultNew .result .product .vacantBed {
}
#searchresultNew .result .product .totalPrice {
}
#searchresultNew .result .product .book {
}


/* ---------- site specific customization ---------- */
/*
#searchresultNew div.result {
	background:#EDEDED;
}

#searchresultNew .result .extra th {
	background-color:#999999;
	color:#FFFFFF;
}

#searchresultNew .result .product th {
	background-color:#999999;
	color:#FFFFFF;
}

#searchresultNew .result .oddRow td {
	background:#F7F7F7;
}

#searchresultNew .result .evenRow td {
	background:#FFFFFF;
}

#searchresultNew .result .title, #searchresultNew .result .descr, #searchresultNew .result .extra, #searchresultNew .result .product {
	background:#FFFFFF;
}
*/


/* style for new custbookingschedule */

 table.capTbl {
  border: 1px solid #555555;
  margin-top:5px;
  margin-bottom:15px;
}

 table.nextMonth {
  border: 1px solid #555555;
  margin-top:25x;
  margin-bottom:15px;
}

/* productinformation */
 table.productInfo {
  border: none;
  margin-top:0x;
  margin-bottom:0px;
  width:500px;
}

table.productInfo .name {
	font-weight:bold;

}

.tdDay {
	width:20px;		/* added a class tdDay to each td that shows the "boxes" in the calendar. Here we can set the width instead */
}

.capTbl td , .capTbl th  {
  padding: 0px;
  margin:0px;
/*  width:16px;*/	/* This is no good, Per set the width to 16px and that makes the div with price to be only 16px wide because it is in a td */
  text-align: right;
  border-right: 0px solid #555555;
    font-size:9px;
    line-height:12px;
    font-weight:normal;
  }

/* -- month header -- */
.capTbl th.capHMW1 , .capTbl  td.capHM , .capTbl td.capHMW1 ,.capTbl  th.capHM{
  border: 0px solid green;
  text-align:center;
  padding:0px;
  margin:0px;
  }

.capTbl .capHMM1 {
  border-left: 1px solid #555555;
  border-right: none;
  font-weight:bold;
  }

/* -- week header -- */
.capTbl th.capHW , .capTbl  td.capHW {
  border: 0px solid green;
  text-align:center;
    padding:0px;
  margin:0px;
  }

/* -- day header -- */
.capTbl th.capHD , .capTbl  td.capHD {
  border-left: 1px solid #555555;
  text-align:center;
  padding:0px;
  margin:0px;
  }


/* capacityText for booking schedule. Show available days in calendar */
.capTbl td.capB {
/*    background: #C0FFC0;*/
/* --    background: #507309; dark green --*/
/* --    background: #FFFFFF; -- */
	 background-image: url(../sysimgs/available.gif);
    border: 1px solid #555555;
    border-right: 0px solid #FFFFFF;
    cursor:pointer;
    width:20px;
}
/* indicates that this date is a sunday and it is available for sale */
.capTbl td.sunday {
/* --    background: #FFA0A0; --*/
/*	 background: #FFFFFF; --*/
    border: 1px solid #555555;
    border-right: none;
}

.capTbl td.sundayR {
    background: #FFA0A0;
    border: 1px solid #555555;
    border-right: 1px;
}

.capTbl td.today {
    background: #D6D6FF;
    border: 1px solid #555555;
    border-right: none;
}

/* capacityFullText */
.capTbl td.capFO {
    background:  #FF8080;
    border: 1px solid #555555;
    border-right: none;
}

.capTbl td.capFOR {
    background:  #FF8080;
    border: 1px solid #555555;
}

.capTbl td.capTR {
    background: #C0FFC0;
    border: 1px solid #555555;
}

/* capacityText for booking schedule*/
.capTbl td.capBR {
    background: #FFFFFF;

/*    background: #C0FFC0;*/
    border: 1px solid #555555;
}

/* capacityFullText .. is this also used in booking schedule? we want it red in capacity page Richard*/
.capTbl td.capFT {
    border: 1px solid #555555;
    border-right: none;
}

/* capacityFullText .. using FTZ to make sure its not used someplace else.  Richard*/
.capTbl td.capFTZ {
    background:  #FF8080;
    border: 1px solid #555555;
    border-right: none;
}

.capTbl td.capFTR {
    background:  #FF8080;
    border: 1px solid #555555;
}
.capTbl td.capFTZR {
    background:  #FF8080;
    border: 1px solid #555555;
}

/* används för att visa att en ruta är ledig men ej bokningsbar med de sökparametrar som angivits */
.capTbl td.noCapT {
  /*  background:  #888888; */
 /*   background:  #99D024; */
	 background-image: url(../sysimgs/noselect2.gif);
	 background-repeat: no-repeat;
	 background-color:#38BB47;
    border-top: 1px solid #555555;
    border-bottom: 1px solid #555555;
    width:20px;
}

.capTbl td.noCapTR {
    background:  #FFFFFF;
    border: 1px solid #555555;
}

/* beyondCapacityText */
.capTbl td.beyCapT {
    background:  #F7F7F7;
    border: 1px solid #F7F7F7;
    border-right: none;
}

/* capacityFullText start day if more than one day booking
*/
.capTbl td.capFTS2 {
    border: 1px solid #555555;
    border-left: none;
    border-right: none;
}

/* capacityFullText middle days no border left/right */
.capTbl td.capFTM {
    border: 1px solid #555555;
    border-left: 1px solid #FF8080;
    border-right: none;
}

.capTbl td.capFTMR {
    border: 1px solid #555555;
    border-left: 1px solid #FF8080;
    border-right: 1px;
}

/* FULL */
.capTbl td.full {
    background:  #303030;
    border-left: 1px solid #555555;
}

.capBook {
/*
    position: relative;
    left: 0px;
    top: -6px;
    z-index: 0;
    font-family: verdana;
    font-size: 9px;
    background: transparent;
*/
}


/* CHECKINTODAY */
.capTbl td.sl0 {
    background:  #CCFF00;
    border-left: 1px solid #555555;
}
.capTbl td.s0 {
    background:  #CCFF00;
    border-left: 1px solid #CCFF00;
}
/* CHECKOUTTODAY */
.capTbl td.sl1 {
    background:  #CCFF00;
    border-left: 1px solid #555555;
}
.capTbl td.s1 {
    background:  #CCFF00;
    border-left: 1px solid #CCFF00;
}
/* NOSHOW */
.capTbl td.sl2 {	/* with left border */
    background:  #FF4040;
    border-left: 1px solid #555555;
}
.capTbl td.s2 {		/* with no border */
    background:  #FF4040;
    border-left: 1px solid #FF4040;
}
/* OVERSTAY */
.capTbl td.sl3 {
    background:  #FF4040;
    border-left: 1px solid #555555;
}
.capTbl td.s3 {
    background:  #FF4040;
    border-left: 1px solid #FF4040;
}
/* PRELIMINARY */
.capTbl td.sl4 {
    background:  #00FFCC;
    border-left: 1px solid #555555;
}
.capTbl td.s4 {
    background:  #00FFCC;
    border-left: 1px solid #00FFCC;
}
/* REQUEST */
.capTbl td.sl5 {
    background:  #99CC00;
    border-left: 1px solid #555555;
}
.capTbl td.s5 {
    background:  #99CC00;
    border-left: 1px solid #99CC00;
}
/* TOCOME Visar att kapacitet är vald */

.capTbl td.sl6 {
    background:  #38BB47;
	 background-image: url(../sysimgs/noselect.gif);
    background-repeat: no-repeat;
    width:20px;
    border-left: 0px solid #38BB47;
    cursor:pointer;
}

/* TOCOME Visar att kapacitet är bokad */
.capTbl td.s6 {
/*--    background:  #FF0000; --*/
	 background-image: url(../sysimgs/booked.gif);
    border-left: 0px solid #555555;
    width:20px;
}

/* -- no use -- */
/* CHECKEDIN */
/*
.capTbl td.sl7 {
    background:  #409940;
    border-left: 1px solid #555555;
}
.capTbl td.s7 {
    background:  #409940;
    border-left: 1px solid #409940;
}
*/
/* CHECKEDOUT */
/*
.capTbl td.sl8 {
    background:  #0099FF;
    border-left: 1px solid #555555;
}
.capTbl td.s8 {
    background:  #0099FF;
    border-left: 1px solid #0099FF;
}
*/
/* UNPAID */
/*
.capTbl td.sl9 {
    background:  #FF4040;
    border-left: 1px solid #555555;
}
.capTbl td.s9 {
    background:  #FF4040;
    border-left: 1px solid #FF4040;
}
*/
/* UNKNOWN */
/*
.capTbl td.s11 {
    background:  #101010;
    border-left: 1px solid #555555;
}
*/

.book {
	padding: 2px 0 2px 0;
	}