/* GENERAL */
body,p,td,th,li,blockquote,dt,dd{font:11px/16px Arial, Helvetica, sans-serif normal;color:#333;}

p{margin:0 0 8px;}

a:link{color:#3698D4;text-decoration:underline;}
a:active{color:#1F6F9C;}
a:hover{text-decoration:none;}
a:visited{color:#1F6F9C;}

table{border-collapse:collapse;}
table.basic td{padding:4px 0; vertical-align:top}

.nb{color:#FD235B;font-weight:bold;}
.largetxt{font-size:14px;}
.smalltxt{font-size:10px;}
.fineprint{font-size:9px;}
.clearfix{clear:both;height:0;line-height:0;font-size:0;}
.imgLeft{margin:0 10px 10px 0;}
.rel{position:relative;}
.abs{position:absolute;}

h1{font:20px "Lucida Grande", Helvetica, Arial, sans-serif bold;color:#1F6F9C;margin:0 0 16px 0;}
#hotel h1{margin:0;padding:0 0 4px 0;border-bottom:1px solid #DBDBDB;}
h2{font-size:17px;color:#FD235B;margin:20px 0 12px 0;}
h2.alt{font-size:17px;color:#333;}
h3{font-size:17px;color:#4B4B4B;margin:20px 0 12px 0;}
h3.alt{margin:0 0 12px 0;}
h3.alt2{margin:0 0 12px 0;color:#1F6F9C}

/* -----------#### CONTENT COLUMN ####---------- */

/* MAIN FORM BOX */
#bodyContent div.mainForm h3{color:#4B4B4B;}
#bodyContent div.mainForm{background:#F0F0F0 url(../images/form-midback.gif) repeat-y;margin:-10px 0 16px 0;}
#bodyContent div.mainForm div{background:transparent url(../images/form-topcap.jpg) top no-repeat;}
#bodyContent div.mainForm form{background:transparent url(../images/form-botcap.gif) bottom no-repeat;padding:18px 18px 10px 18px;}

#bodyContent form label{vertical-align:middle;}
#bodyContent form input{}
#bodyContent form input.field{margin:3px 0;font-size:10px;padding:2px;background:#FFF url(../images/form-input.gif) top repeat-x;border:1px solid #7F9DB9;}
#bodyContent form input.submitBut{margin:3px 0;background:#3698D4 url(../images/form-but.gif) bottom repeat-x;border:1px solid #1F6F9C; margin-top:8px;font-size:12px;color:#FFF;font-weight:bold;padding:4px 12px; cursor:pointer}
#bodyContent form input.submitBut:active{padding:5px 11px 3px 13px;}
#bodyContent form input.check{margin:3px 0;margin-right:2px;}
* html #bodyContent form input.check{margin:0;}
#bodyContent form select{margin:3px 0;font-size:10px;height:18px;}

/* RED NUMBER BULLETS */
#bodyContent div.mainForm div.numBullet{background:transparent url(../images/c-num.gif) no-repeat; width:19px; height:19px;color:#FFF;font-size:12px;font-weight:bold; text-align:center;}
#bodyContent div.mainForm div.numBullet div{background:none; padding-top:1px;}

/* FORM TABLE */
#bodyContent div.mainForm table{color:#4B4B4B;}
#bodyContent div.mainForm table th{font-size:14px;font-weight:bold;text-align:left;vertical-align:middle}
#bodyContent div.mainForm table td{text-align:left;padding:2px;vertical-align:top}
#bodyContent div.mainForm table td.head1{font-size:14px;font-weight:bold;text-align:left;}
#bodyContent div.mainForm table td.head2{font-size:12px;color:#1F6F9C;font-weight:bold;text-align:left;}

/* CONTENT TABLE & LIST */
#bodyContent table.list{}
#bodyContent table.list th{font-size:13px;font-weight:bold;padding:0 0 8px 0; border-bottom:1px solid #DBDBDB; margin-bottom:5px;text-align:left;}
#bodyContent ul{}
#bodyContent ul li{font-size:12px;font-weight:bold;margin:8px 0 6px 0; padding:0 0 0 14px; list-style-type:none; background:transparent url(../images/bul.gif) no-repeat 2px center; line-height:16px;}
#bodyContent ul.noBull{}
#bodyContent ul.noBull li{padding:0; background:none;font-weight:normal;}

/* RESULT BAR */
#bodyContent table.resultBarTop, #bodyContent table.resultBarBot{width:100%;}
#bodyContent table.resultBarTop td{border-bottom:1px solid #DBDBDB;padding:0 0 8px 0;}
#bodyContent table.resultBarBot td{border-top:1px solid #DBDBDB;padding:8px 0 0 0;}

/* HOTEL RESULT */
#bodyContent div.hotelResult{border:1px solid #DBDBDB; background:#F0F0F0 url(../images/c-result-fade.gif) repeat-x;}
#bodyContent div.hotelResult table{width:100%;}
#bodyContent div.hotelResult table td{padding:0 0 8px 0; vertical-align:top}
#bodyContent img.pic{float:left;border:1px solid #DBDBDB;}

/* USER RANK */
#bodyContent div.userRank{float:left;width:70px; height:59px; display:inline; margin-left:7px; background:#3698D4 url(../images/score-small.jpg) top left no-repeat;
color:#FFF; text-align:center}
#bodyContent div.userRank div.pad{padding:7px 0 4px 0;}
#bodyContent div.userRank span{font-size:14px;font-weight:bold;}
#bodyContent div.userRank div.barPos{text-align:left;margin:0 9px 0 9px;padding:1px; background-color:#FFF; height:6px;}

/* HOTEL HEAD */
#bodyContent table.hotelHead{width:100%;margin-bottom:8px;}
#bodyContent table.hotelHead .stars{text-align:right;border-bottom:1px solid #DBDBDB;}
#bodyContent table.hotelHead .stats{padding:4px 0;}

/* ROOM BOOKING SUMMARY */
#bodyContent table.roomSummary{width:100%;border:1px solid #DBDBDB;}
#bodyContent table.roomSummary tr.head td{padding:5px 6px;background-color:#F0F0F0;}
#bodyContent table.roomSummary tr.date td{padding:5px 3px;border-bottom:1px solid #F0F0F0;font-weight:bold;text-align:center}
#bodyContent table.roomSummary tr.date td.first{padding-left:6px;text-align:left}
#bodyContent table.roomSummary tr.price td{padding:5px 0; text-align:center}
#bodyContent table.roomSummary tr.price td.first{padding-left:6px; text-align:left}
#bodyContent table.roomSummary tr.end td{padding:5px 6px;background-color:#F0F0F0;}

/* HOTEL GALLERY */
#bodyContent table.hotelGallery{width:100%;margin-bottom:8px;}
#bodyContent table.hotelGallery td{vertical-align:top}
#bodyContent table.hotelGallery td.instructions{text-align:center; padding-top:4px;}

/* REVIEW SUMMARY */
#bodyContent table.reviewSummary{width:100%;border:1px solid #DBDBDB; background-color:#F0F0F0;margin-bottom:20px;}
#bodyContent table.reviewSummary td.summary{vertical-align:middle;text-align:center;padding-top:6px;}
#bodyContent table.reviewSummary td.score{width:90px; height:79px; background:#3698D4 url(../images/score-big.jpg) top left no-repeat;
color:#FFF; text-align:center; vertical-align:top}
#bodyContent table.reviewSummary td.score div.pad{padding:7px 0 4px 0;}
#bodyContent table.reviewSummary td.score span{font-size:14px;font-weight:bold;}
#bodyContent table.reviewSummary td.score div.barPos{text-align:left;margin:0 19px 0 19px;padding:1px; background-color:#FFF; height:6px;}

/* USER REVIEW */
#bodyContent div.review{float:left; width:425px;}
#bodyContent div.review div.top{border-bottom:1px solid #DBDBDB;padding-bottom:6px;}
#bodyContent div.review div.bot{margin:6px 0 24px 0;}

/* SPECIAL DEAL */
#bodyContent table.specialDeal{width:100%;border:1px solid #DBDBDB;background-color:#F0F0F0;}
#bodyContent table.specialDeal td{padding:4px 6px; vertical-align:middle;}


/* -----------#### FOOTER ####---------- */

#footLinks ul{margin-top:7px;}
#footLinks ul li{display:inline;list-style-type:none;padding:0 0 0 6px;color:#FFF;}
#footLinks ul li a{color:#FFF;text-decoration:none;padding:0 6px 0 0}
#footLinks ul li a:hover{text-decoration:underline;}

/****************************/
/*** STYLES ADDED BY JONO ***/
/****************************/

/* ROOM BOOKING SUMMARY */
#bodyContent table.roomRates{width:100%;background-color:#FFFFFF;}
#bodyContent table.roomRates tr.head td{padding:5px 6px;background-color:#F0F0F0;}
#bodyContent table.roomRates tr.date td{padding:5px 3px;border-bottom:1px solid #F0F0F0;font-weight:bold;text-align:center}
#bodyContent table.roomRates tr.date td.first{padding-left:6px;text-align:left}
#bodyContent table.roomRates tr.price td{padding:5px 0; text-align:center}
#bodyContent table.roomRates tr.price td.first{padding-left:6px; text-align:left}
#bodyContent table.roomRates tr.end td{padding:5px 6px;background-color:#F0F0F0;}

input.buttonStyle {margin:3px 0;background:#3698D4 url(../images/form-but.gif) bottom repeat-x;border:1px solid #1F6F9C; margin-top:8px;font-size:12px;color:#FFF;font-weight:bold;padding:4px 12px; cursor:pointer}

.free {
  font-weight:bold;
  color:#3698D4;
}

.htlList {
  font-size:12px;
  font-weight:bold;
}

.fromPrice {
  font-size:12px;
}

/* CLIENT CONTROL PANEL */
.tableTitle {
  font-size:17px;
  font-weight:bold;
  color:#FD235B;
}

table.reviewDetails tr {
  background-color:#FFFFFF;
}

table.reviewDetails td {
  border:1px solid #9DDAF4;
  padding:3px 3px 3px 3px;
}

table.takeAction tr {
  background-color:#FFEBC5;
}

table.takeAction td {
  border:1px solid #FFB200;
  padding:3px 3px 3px 3px;
}

table.rates {
  border:2px solid #9DDAF4;
}

td.extrabookinginfo {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #333333;
  text-decoration: none;
  background-color:#FEEDE2;
  padding:0px 2px 2px 2px;
}