/* CSS Document */
body{	
		font-family:verdana, arial, helvetica;
		background: url(../../../jsp/images/webportal/common/bodyBG.gif) repeat-y 50% 0 #004793;
		background-attachment: fixed;
		background-color:#004793;
		}

h3 {
		font:bold 16px times;
		color:#009899; 
		letter-spacing:.03em;
		}


p.topText{
		font:normal 11px/140% verdana; 
		 padding:20px 12px 0px 0px;
		 }

pre.topText{
		font:normal 11px/140% verdana; 
		padding:20px 12px 0px 0px;
		white-space: normal;
		word-wrap: break-word;
		}

 .topText span{
 		font:normal 18px verdana; 
 		color:#3399CC; 
		letter-spacing:.05em;
		}

p.step{
	    font:bold 15px verdana;
	    color:#CCCCCC;
	  	}
/* =========== SPAN ============*/

span.copy{
		font:normal 9px arial; 
		color:#CCCCCC; 
		padding:2px 2px 4px 2px; 
		margin-left:1px;
		letter-spacing:.03em; 
		text-align:center;
		width:100%;
		display:block; 
		border-top:solid 1px #E6E6E6;
		clear:both;
		 }
	.copy a{font:normal 9px arial;}
	
span.hotelName{
		font:bold 14px times; 
		color:#004793;
		}
span.hotelPhone{
		font:normal 11px verdana;
		padding:0px 4px 0px 20px;
		background-color:#FFFFEA; 
		}
span.star{
		font:normal 11px verdana; 
		color:#990000;
		padding:2px 0px 2px 0px;
		}
     .star span{
	 	font:normal 9px arial;
		}
span.label{
		font:normal 10px verdana;
		color:#001971;
		padding-left:14px;
		white-space:nowrap;
		}
span.resNum{
		font: bold 16px times; 
		letter-spacing:.01em; 
		padding-bottom:2px;
		}
	.resNum span{
		color:#990000; 
		letter-spacing:0.1em;
		}

span.hideConfirm{
		display:none; 
		margin-top:4px;
		}

span.groupRes{
		font:bold 11px verdana; 
		margin:40px 0px 4px 0px; 
		display:block; 
		color:#004cbe;
		}

/* =============  CHECK LEGEND ===============*/

TR#legend{
		font:normal 10px arial;
		}
  #legend td{
  		white-space:nowrap;
		}


legend{
		font:bold 14px arial; 
		color:#990000;  
		padding:4px 8px 8px 0px; 
		display:block;
		}
fieldset{margin-right:20px; 
		padding:0px 0px 4px 0px; 
		border:0px;
		}

fieldset img {
		margin:10px 0px 8px 8px;
		}

div#checkBox{
		padding:20px; 
		text-align:right;
		}
   #checkBox td{
		font:normal 11px verdana; 
 		color:#990000; 
		whitespace:nowrap;
		}


/* =============== VIEW ===============*/

div.viewBox{
		padding:10px 0px 20px 0px; 
		border-bottom:dotted 1px #CCCCCC;
		}
p.viewHotel{
		font:normal 11px/140% verdana;
		}
 .viewHotel span{
 		padding-left:40px;
		}
span.hName{
		padding:0px 0px 2px 4px; 
		font:normal 11px verdana;
		}
    .hName span{
		font:bold 11px verdana; 
		color:#000066; 
		padding-bottom:2px;
		}

TD#viewDetails{
		padding:8px 4px 8px 4px; 
		border:solid 1px #ffd860;
		background:url(../../../jsp/images/webportal/common/workarea/availBG.jpg) repeat-x;
		}

TR#viewHeader, TR.viewHeader{
		background: url(../../../jsp/images/webportal/common/workarea/yellowBarBG.gif) repeat-x;
		}
TR#availHeader{
		background: url(../../../jsp/images/webportal/common/workarea/availBarBG.gif) repeat-x;
		}
 #availHeader td, #viewHeader td, .viewHeader td{
		font:bold 11px verdana; 
		color:#57411b; 
		padding:4px; 
		white-space:nowrap;
      	border-bottom:solid 1px #333333; 
		border-left:solid 1px #FFFFFF; 
		border-right:solid 1px #999999;
		}
	
TR.viewData{
		background-color:#FFFFFF;
		}
  .viewData td{
  		font:normal 11px verdana; 
		padding:8px 8px 8px 2px; 
		white-space:nowrap;
		}
  .viewData td img {
  		margin-top:11px;
		}

  
TR#viewRateHeader{}
  #viewRateHeader td{
  		font:bold 11px verdana;
		padding:2px;
		border-bottom:solid 1px #CCCCCC;
		}
  #viewRateHeader td span {
  		font:normal 10px arial; 
		color:#999999; 
		letter-spacing:.03em;
		}
/*TR#viewRateField{}*/
  #viewRateField td{
  		/*font:normal 11px verdana;*/
		padding:4px;
		}
  #viewRateField td span{
  		padding-left:8px;
		}

/* ======================= TOP BANNER ==============*/

TR#banner{
		background:url(../../../jsp/images/webportal/common/topBannerBG.jpg);
        background-size: 22px 150px;
		}

TR.bannerBlue1{
		background-color:#14338e;
		}
  .bannerBlue1 td {
		font:normal 10px arial;
		letter-spacing:.03em; 
		padding:2px;
		height:23px; 
		vertical-align:middle;
		white-space:nowrap;
		}
  .bannerBlue1 td a{
  		text-decoration:none;
		color:#FFFFCC;
		}
  .bannerBlue1 td a:hover{
  		text-decoration:underline;
		}
TR.bannerBlue2{
		background-color:#2300a8;
		}
  .bannerBlue2 td {
  		height:23px; 
		font:normal 10px arial;
		}
    
	.bannerHeader{
		font:normal 16px times; 
		letter-spacing:.03em;
		padding-left:20px; 
		color:#FFFFCC;
		}
	.bannerLabel{
		font:bold 10px verdana; 
		text-align:right;
		padding:1px; 
		color:#FFFFCC;
		}
	.bannerField{
		font: normal 11px verdana;
		padding:1px; 
		color:#EEEEEE;
		}
	.bannerField a:hover{color:#FFFFFF; text-decoration:underline;}

/* ======================= // TOP BANNER ==============*/


div#password{ 
		width:400px; 
		padding:20px 8px 8px 24px;
		background:url(../../../jsp/images/webportal/common/workarea/passwordBG.jpg); 
		border:solid 1px #003b71;
		}
   #password table{
   		font:bold 11px verdana;
		color:#001971;
		}

/* ======================= DIV BOXES ====================================================*/

div#readOnlyBox{
		width:500px; 
		padding:14px 14px 20px 14px;
		border:solid 1px #07a1ff; 
		background: url(../../../jsp/images/webportal/common/workarea/arrivalBG.jpg) repeat-x #fcfcfa;
		}

   #cancelBox{
   		width:500px; 
		padding:14px 14px 20px 14px;
		border:solid 1px #CC0000; 
		background:url(../../../jsp/images/webportal/common/cancelBG.jpg) repeat-x #fafcfc;
		}

div#arBox{ 
		padding:8px; 
		}
		
   #arBox table{
		font:normal 9px verdana;
   		margin:8px 8px 0px 0px;
		clear:both;
		}


div#arrivalBox{ 
		padding:8px; 
		border:solid 1px #07a1ff; 
		background: url(../../../jsp/images/webportal/common/workarea/arrivalBG.jpg) repeat-x #fcfcfa;
		}
   #arrivalBox table{
		font:normal 9px verdana;
   		margin:8px 8px 0px 0px;
		}
   #arrivalBox table select{
   		font:normal 9px verdana;
		}
	   
div#loginBox{
		width:220px; 
		height:480px;
		padding:18px;
		background: url(../../../jsp/images/webportal/common/workarea/loginBG.jpg) repeat-x;
		border:solid 1px #5daad7;
		}
div#continueBox{
		padding:18px;
		width:205px; 
		height:480px;
		float:left;
		background: url(../../../jsp/images/webportal/common/workarea/continueBG.jpg) repeat-x #faf6f6;
		border:solid 1px #c1b7de;
		}
   #required{
   		font:normal 9px arial; 
   		letter-spacing:.04em; 
		color:#660000; 
		margin:0px 60px 2px 0px; 
		padding:0px; 
		text-align:right;
		}		
div#newSearch{
		margin:0px 0px 4px 0px;
		}
   #newSearch table {
   		font:normal 11px arial;
		}


div#copy{
		font:normal 9px arial;
		color:#CCCCCC; 
		padding:2px; 
		margin:40px 10px 0px 0px;
		width:700px;
		text-align:center; 
		border-top:solid 1px #F0F0F0; 
		float:right;
		}
   
/* =======================// DIV BOXES =================================================*/	
	
				
td.topLabel{
		font:bold 10px verdana;
		letter-spacing:.03em; 
		white-space:nowrap;
    padding-right:6px;
}
td.creditLabel{
		font:normal 10px verdana;
		color:#660000;
		padding:2px 0px 2px 2px;
		text-align:right; 
		white-space:nowrap;
		}

td#cancelPolicy, td#petPolicy{
		font:normal 10px/150% arial; 
		letter-spacing:.03em; 
		color:#333333; 
		vertical-align:bottom; 
		padding:8px 0px 0px 22px;
		}

pre.petPolicy{
		font:normal 10px/150% arial; 
		letter-spacing:.03em; 
		color:#333333; 
		vertical-align:bottom; 
		padding:8px 0px 0px 22px;
		white-space: normal;
		word-wrap: break-word;
		}

  #cancelPolicy span{
  		font:normal 11px arial; 
		letter-spacing:.075em; 
		color:#990000; 
		padding:0px;
		vertical-align:bottom;
		}
  #petPolicy span{
  		background-Color:#FFFFFC;
		}
td.label{
		font:normal 10px verdana;
		color:#001971;
		text-align:right; 
		padding:2px 0px 4px 2px;
		/*white-space:nowrap;*/
        width: 100px;
		}
td.field{
		font:normal 10px verdana;
		text-align:left; 
		padding:2px 0px 4px 4px; 
		white-space:nowrap;
		}
td.hint{
		font:normal 10px arial; 
		color:#999999; 
		vertical-align:top;
		padding:2px 0px 4px 4px;
		}

td.roomDescript{
		font:normal 11px/125% verdana; 
		padding:8px 4px 12px 4px;
		}

/* ================================== AVAILABLE ROOMS =================*/
Table#availResults{
		font: normal 11px verdana;
		margin-top:20px; 
		width:99%;
		}
	 #availResults TR.even{}
   	                 .even td{
		border-bottom:solid 1px #CCCCCC;
		}
	 #availResults TR.odd{}
 	                 .odd td{
		border-bottom:solid 1px #CCCCCC;
		}
TR#rmHeader{
		background:url(../../../jsp/images/webportal/common/workarea/yellowBarBG.gif) repeat-x #e5e5e5;
		}
  #rmHeader td{
  		font: bold 11px verdana;
		letter-spacing:.03em;
		color:#333333; 
		white-space:nowrap; 
		text-align:center;
  		border-left:solid 1px #cccccc; 
		border-right:solid 1px #FFFFFF; 
		border-bottom:solid 1px #999999;
		}
 div#yellowCorner table tr td{
 		border:0px;
		}				
	td.ratesNum{
		font:bold 14px verdana; 
		text-align:center; 
		padding:4px; 
		color:#990000;
		}
	td.roomType{
		font:bold 10px/150% verdana;
		color:#206376; 
		padding:6px 6px 4px 4px; 
		text-align:center; 
		vertical-align:top;
		}
	  .roomType img{
	  	border:solid 2px #cccccc;
		}
	td.descript{
		padding:14px 8px 14px 4px;
		vertical-align:top;
		line-height:130%; 
		}
	td.reserve{
		font:bold 14px/150% times; 
		color:#990000;
		padding:8px;
		text-align:center; 
		}
div.avail{
		padding:8px;
		margin: 10px 10px 40px 0px; 
		background-color:#fefff1;
		border:solid 1px #CCCCCC;
		}
div.hotelBox{
		border:solid 1px #000066; 
		padding:8px; 
		margin:0px 20px 4px 0px;
		}
   .hotelBox table{
   		border:solid 1px #80aab7;
		}
 	td.hotelImg, .hotelImg{
		text-align:center;
		padding:7px 10px 7px 10px;
		background-color:#d4dbd6;
        width:73px;
        height:76px;
        border:0;
		}
 	td.hotelInfo{
		font:normal 10px/120% verdana; 
		padding:8px;
		width:320px;
		}
      .hotelInfo a{
	  	color:#000066; 
		padding-top:10px;
		}
 	td.hotelInfo span{ 
		font:bold 12px times; 
		color:#000066; 
		letter-spacing:.03em; 
		padding:2px 0px 4px 2px
		}
 	td.viewRooms{
		padding-right:12px;
		width:10%;
		}

/*========================================= GROUP RESERVATION ========================*/

TD#groupBtn{
		width:10%; 
		padding:0px 12px 0px 0px; 
		vertical-align:bottom;
		}

div.hotelGroupBox{ 
		padding:10px; 
		margin:0px 20px 40px 0px;
		border:solid 1px #000066; 
		}
	TABLE.groupContainer{
		background: url(../../../jsp/images/webportal/common/workarea/arrivalBG.jpg) repeat-x #FFFFFF; 
		border:solid 1px #80aab7;
		}
	TABLE.groupTab{
		border:0px;
		}
		 .glabel {
		 font:bold 10px/140% verdana; 
		 padding:4px 2px 2px 0px;
		 /*color:#004cbe;*/
		 vertical-align:top; 
		 white-space:nowrap;
		 text-align:right;
		 }
		 .gfield {
		 font:normal 11px/140% verdana;
		 padding:4px 8px 2px 2px; 
		 color:#004cbe;
		 vertical-align:top; 
		 }
	
	TABLE.groupDate{
		background: url(../../../jsp/images/webportal/common/groupBG.gif) repeat; 
		margin:4px 2px 28px 2px; 
		width:99%;
		}
		 .groupDate td.label{
		 font:bold 10px verdana;
		 /*color:#004cbe;*/
		 text-align:right;
		 vertical-align:top;
		 }
		 .groupDate td.field{
		 font:normal 11px verdana; 
		 color:#004cbe;
		  vertical-align:top;
		 }
		 
	/* ============================================ TA GUESTS  ============================================*/
	#TA_Guest{display:inline; color:#0076b9;font:normal 11px verdana; text-align:left; padding:0px 24px 24px 2px}
	#TA_Guest HR{color:#009899; border-bottom:solid 1px #8cd2fc;}
	#TA_Guest DIV{background-color:#feffeb; padding:4px 4px 8px 4px}
	#TA_Guest H4{font:bold 16px times; color:#0076b9;letter-spacing:.03em;  margin:0px 0px 0px 4px; padding:0px;
				}
	#TA_Guest H4 SPAN{font:normal 11px verdana; margin-left:140px}
		
	
	#TA_Guest input{width:12px;margin:0px 2px 2px 8px; display:inline;}
	#TA_Guest SPAN{margin-left:8px}


input[type=text]:focus, input[type=password]:focus, select:focus {
    background: #eaf7ff none repeat scroll 0 0;
    border: 1px solid #13a3f7;
}

input[type=button]
{
    background-color: #61A4C9;
    color: #FFFFFF;
}

input[type=button]:focus
{
    background-color: #eaf7ff;
    color: #000000;
}

input[type=text] {
    font: 10px verdana !important;
}

#submit-background
{
    margin:0;
    padding:0;
    height:100%;
    background-color: rgba(135, 193, 232, 0.4);
    overflow:auto;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    cursor: wait;
}