/* Small Box CSS */

body { margin: 0; padding: 0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

form { margin: 0; padding: 0; }
	form * { margin: 0; padding: 0; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
	label { position: absolute; padding: 0 0 0 1px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
	select { display: block; margin: 0; padding: 0; }
	option { margin: 0; padding: 0; }
	input.submit { position: absolute;  }

#container { width: 525px; height: 351px; padding: 0px; border: 1px solid; border-color: #2972a8  ; margin: 10;}

#pnlDeals, #pnlHoliday { position: relative; height: 249px;  background: #dfe8f0; }
#pnlDeals { height: 100px; margin-bottom: 2px; }
#pnlDeals .title, #pnlHoliday .title { padding: 2px 5px;  color: #FFFFFF; background: #2972a8; font: bold 11px Verdana, Verdana, Arial, Helvetica, sans-serif; }
#pnlHoliday .features .title, #pnlHoliday .price .title { padding: 1px; color: #000000; background: none; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

.gateway_dep { width: 180px; }
.date_dep { width: 120px; display: block; }
.duration { width: 120px; }
.star { width: 160px; }
.dest_dep { width: 180px; }
.no_hotel { width: 180px; }

#pnlDeals .gateway_dep_label { left: 10px; }
#pnlDeals .date_dep_label { left: 210px; }
#pnlDeals .duration_label { left: 10px; top: 60px; }
#pnlDeals .star_label { left: 150px; top: 60px; }
#pnlDeals .submit { right: 15px; bottom: 10px; }

#pnlHoliday .gateway_dep_label { left: 10px; }
#pnlHoliday .date_dep_label { left: 210px; }
#pnlHoliday .dest_dep_label { left: 10px; top: 60px; }
#pnlHoliday .duration_label { left: 210px; top: 60px; }
#pnlHoliday .no_hotel_label { left: 10px; top: 105px; }
#pnlHoliday .star_label { left: 210px; top: 105px; }
#pnlHoliday .features { position: absolute; width: 145px; left: 10px; top: 150px; }
	#pnlHoliday .features label { position: relative; display: block; height: 20px; padding: 0; margin: 0; font-size: 10px; }
	#pnlHoliday .features input { margin-right: 4px; }
#pnlHoliday .price { position: absolute; width: 130px; left: 165px; top: 150px; font-size: 10px; }
	#pnlHoliday .price label { position: relative; display: block; height: 20px; padding: 0; margin: 0; }
	#pnlHoliday .price input { margin-right: 4px; margin-right: 4px; }
#pnlHoliday .submit { right: 15px; bottom: 30px; }


/* SCW Calendar: */
#scw { width: 10px; }
#scw select { font-size: 11px; width: 50px; text-align: left; }
.scw {padding:1px;vertical-align:middle;}
iframe.scw {position:absolute;z-index:10
;top:0px;left:0px;visibility:hidden;
width:1px;height:1px;}
table.scw {padding:0px;visibility:hidden;
position:absolute;cursor:default;
width:200px;top:0px;left:0px;
z-index:11
;text-align:center;} /* IMPORTANT: The SCW calendar script requires all
the classes defined here.
*/
table.scw {padding: 1px;
vertical-align:middle;
border: ridge 2px;
font-size: 10pt;
font-family: Arial,Helvetica,Sans-Serif;font-weight: bold;}
td.scwDrag,
td.scwHead {padding: 0px 0px;
text-align: center;}
td.scwDrag {font-size: 8pt;}
select.scwHead {margin: 3px 1px;
text-align: center;}
input.scwHead {height: 22px;
width: 22px;
vertical-align:middle;
text-align: center;
margin: 2px 1px;
font-weight: bold;
font-size: 10pt;
font-family: fixedSys;}
td.scwWeekNumberHead,
td.scwWeek {padding: 0px;
text-align: center;
font-weight: bold;}
td.scwFoot,
td.scwFootHover,
td.scwFoot:hover,
td.scwFootDisabled {padding: 0px;
text-align: center;
font-weight: normal;}
table.scwCells {text-align: right;
font-size: 8pt;
width: 96%;}
td.scwCells,
td.scwCellsHover,
td.scwCells:hover,
td.scwCellsDisabled,
td.scwCellsExMonth,
td.scwCellsExMonthHover,
td.scwCellsExMonth:hover,
td.scwCellsExMonthDisabled,
td.scwCellsWeekend,
td.scwCellsWeekendHover,
td.scwCellsWeekend:hover,
td.scwCellsWeekendDisabled,
td.scwInputDate,
td.scwInputDateHover,
td.scwInputDate:hover,
td.scwInputDateDisabled,
td.scwWeekNo,
td.scwWeeks {padding: 3px;
width: 16px;
height: 16px;
font-weight: bold;
vertical-align: middle;}
/* Blend the colours into your page here... */
/* Calendar background */
table.scw {background-color: #ffef88;}
/* Drag Handle */
td.scwDrag {background-color: #9999CC;
color: #CCCCFF;}
/* Week number heading */
td.scwWeekNumberHead {color: #ffe065;}
/* Week day headings */
td.scwWeek {color: #555500;}
/* Week numbers */
td.scwWeekNo {background-color: #776677;
color: #009ce0;}
/* Enabled Days */
/* Week Day */
td.scwCells {background-color: #ffcc33;
color: #663300;}
/* Day matching the input date */
td.scwInputDate {background-color: #009ce0;
color: #fff;}
/* Weekend Day */
td.scwCellsWeekend {background-color: #eebb22;
color: #CC6666;}
/* Day outside the current month */
td.scwCellsExMonth {background-color: #ffef88;
color: #f00;}
/* Today selector */
td.scwFoot {background-color: #ffe065;
color: #009ce0;}
/* MouseOver/Hover formatting
If you want to "turn off" any of the formatting
then just set to the same as the standard format
above.

Note: The reason that the following are
implemented using both a class and a :hover
pseudoclass is because Opera handles the rendering involved in the class swap very poorly and IE6
(and below) only implements pseudoclasses on the
anchor tag.
*/
/* Active cells */
td.scwCells:hover,
td.scwCellsHover {background-color: #FFFF00;

color: #000000;}
/* Day matching the input date */
td.scwInputDate:hover,
td.scwInputDateHover {background-color: #FFFF00;

color: #000000;}
/* Weekend cells */
td.scwCellsWeekend:hover,
td.scwCellsWeekendHover {background-color: #FFFF00;

color: #000000;}
/* Day outside the current month */
td.scwCellsExMonth:hover,
td.scwCellsExMonthHover {background-color: #FFFF00;

color: #000000;}
/* Today selector */
td.scwFoot:hover,
td.scwFootHover {color: #009ce0;

font-weight: bold;}
/* Disabled cells */
/* Week Day */
/* Day matching the input date */
td.scwInputDateDisabled {background-color: #ffcc33;
color: #000000;}
td.scwCellsDisabled {background-color: #ffcc33;
color: #bb8800;}
/* Weekend Day */
td.scwCellsWeekendDisabled {background-color: #ffcc33;
color: #CC6666;}
/* Day outside the current month */
td.scwCellsExMonthDisabled {background-color: #ffe065;
color: #ddaa00;}
td.scwFootDisabled {background-color: #ffe065;
color: #FFFFFF;}