@charset "utf-8";
/* CSS Document */

html {
    min-height: 100%;
    
}
body {
	background-color: #0D2C3D;

	color:#666;
	font-size:12px;
	font-family:'Trebuchet MS', helvetica, arial, sans-serif;
	margin:0 auto;
	padding:0;
	min-height: 100%;
}

.page {
     width: 1000px;
  margin: 10px auto;
  padding: 10px;
  background: #fff;
  border: 1px solid #3D769B;
  border-radius: 10px;
  box-shadow: 2px 0px 14px #4f6c9a;
  position:relative;
   
}
h1 {
	font-size:32px;
	float: right;
	letter-spacing:-1px;
	color:#8697B9;
	font-weight:400;
	padding:0px 0 0;
	margin: 0px
}
h2 {
	font-family: 'Trebuchet MS', helvetica, arial, sans-serif;
	color:#000099;
	font-weight: 400;
	padding: 0px 0 10px;
	margin: 0px;
	
}

h3 {
	color:#542e8d;
	 
	font-weight:normal;
	margin:0 0px;
	padding:0;
	font-size:14px;
}
p {
	color:#505367;
	line-height:1.4em;
	margin:0 0 10px;
}
img {
	border:none;
}

td {vertical-align:top}
th {text-align: left; vertical-align:top}

.ui-button-text, .ui-button  {color:#8c6fb7!important;}
.ui-button-text:hover, .ui-button:hover {color:#c77405!important;}
.textareacontainer {border:1px solid #c3c3c3; width: auto;  background:#fff ; padding: 10px; margin: 10px 0px }
.supplierinfo{ width:99%;}

.container {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    display: block;
    float: left;
    margin: 10px;
    padding: 10px;
	width:96%;
}

.header {
	font-size: 27px;
	color: #00BBE3;
	height:75px;
	line-height: 75px;
	text-align:right;
	  width: 98%;
  margin: 0 auto;

}

.header div{
	position: absolute;
	right: 21px;
	top: -7px;
	font-size: 29px;
  }

.header .title {
	font-size: 22px;
	line-height: 36px;
	text-align: right;
	color: #5196DD;
	margin: 32px 0 0 0;
	float: right;
	text-transform: uppercase;
}

.rateyear {
	position: absolute;
	right: 0;
	top: 0;
	color: #ee3042;
}

.header img {
	float:left;
}

.navigation {
	  clear: both;
  width: 98%;
  position: relative;
  height: 90px;
  font-size: 1.2em;
  margin: 0 auto;
}
.navigation ul {
	list-style:none;
	padding: 0px;
	margin: 0px;
	border-radius: 5px;
}

ul.toplevel li {border-radius: 5px 5px 0px 0px; }

.navigation ul li {
	float:left; text-align:center; display:block;
	margin: 0px 1px 0px 0px
}

.navigation ul li a {
	display: block;
	/*	padding: 10px 15px;*/
	margin: 10px 5px;
	color:#fff;
	text-decoration:none;
	border: 0px solid #ccc;
	border-width: 0px 0px 0px 0px;
	width:150px
}

.navigation ul li ul.subnav {
	position: absolute; 
	left:-999em;
	border-radius: 0px 5px 5px 5px;
	width:100%;
	 
}

.navigation ul li ul.subnav li  {margin: 0px 0px 0px 0px ; border-radius: 0px; }

.navigation ul li ul.subnav li a { 
	padding: 10px 7px; 
	margin:4px 0px 4px 4px; 
	border: 1px solid #8AB0F0;
	border-width: 0px 1px 0px 0px; 
	width:auto 
	}
	
.navigation ul li#property-details ul.subnav li a 	{
   border-right: 1px solid #6A6A8E;  	
}

.navigation ul li:hover ul.subnav {
	display: block;
	position:absolute;
	left: 0px;;
	z-index:999;
	background:#fff;
}

.navigation ul li ul.subnav li a {
 color: #fff
}

.navigation ul li ul.subnav li a:hover
{
  background:#48A5E7;
  color: #000;
  text-decoration:none;
  -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.navigation ul li#policies ul.subnav li a:hover

{ background:#97BAEA; color:#000;   -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; }

.navigation ul li#rooms-rates ul.subnav li a:hover

{ background:#97BAEA; color:#000; background-image:none;   -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; }

.navigation ul li#rooms-rates ul.subnav li a:hover

{ background:#97BAEA; color:#000; background-image:none;   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }

 

.clearfix {clear: both}
.error { background:#CC6666; color:#fff; padding: 5px}
.error-border { border-style: solid !important; border-color: #FF0000 !important; border-width: thin !important}
.rounded { border-radius : 10px; -moz-border-radius:10px}
label {  color: #000000 }
.properties .col1 {width:300px}
.properties .col2 { }
.properties .col3 {width:300px}

.properties  td {height: 30px; line-height:30px}

#property-details, #property-details ul  { background:#2c7b7a; }
#property-details ul li a { min-width:156px }

.navigation ul li ul.subnav li a.selected {background:#69B553; }
.navigation ul li#policies ,  .navigation ul li#policies ul {background-color: #9ac9c8;}
.navigation ul li#policies a ,  .navigation ul li#policies ul a {color: #424242;} 

.navigation ul li#submit-contract ,  .navigation ul li#submit-contract ul {background-color: #b0c4c4;}
.navigation ul li#submit-contract a ,  .navigation ul li#submit-contract ul a {color: #424242;} 
 

#rooms-rates, #rooms-rates ul {background-color:#479a99;}
#rooms-rates ul.subnav li a { min-width:70px }

#tours-rates, #rooms-rates ul {background-color:#479a99;}
#tours-rates ul.subnav li a { min-width:90px }

#policies ul.subnav li a  {  min-width:190px}
#logout {float: right}


#submit-contract a, #logout a  { color: #542e8d;}
#submit-contract a:hover , #logout a:hover { text-decoration:underline} 


#school-leaver {display: none}
.schoolLeaverPolicy  .schoolieQuestion label { float:left ; margin-right: 5px; clear:none} 
.securityfee {
background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px 5px 5px 5px;
    float: left;
    width: 100%}
.securityfee  .check  {margin: 5px 0px}
.securityfee p { line-height: 2em; margin: 5px 10px 5px 15px }
.delete {
    background: url("../libimages/delete.png") no-repeat scroll 0 0 transparent;
    display: none;
    float: right;
    height: 16px;
    width: 16px;
}

.content p {
	font-style:normal;
	font-family:helvetica, arial, verdana, sans-serif;
	color:#676767;
	background:#fff;
	border:1px solid #fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:35px 0;
	padding:20px;
}

.footer {clear: both}
.footer  p.note { float: right; width:500px; margin: 0px 10px; font-style:italic }
/*index login*/
table.login {
	margin:20px 20px 0px 20px;
	border: 1px solid #d4cdde; 
	border-radius: 10px;
	padding: 20px;
	background :#eceaef; 
	float: left
}

.login #error {padding: 10px; margin: 10px 10px 10px 100px; border: 1px solid orange; background:#fff; border-radius:5px; color: #000; float:left}

table.login td  { *padding: 20px 0px 10px 20px }

.notauthenticated { }

#welcome { margin:20px }
#welcome p { margin: 20px 0px 0px }

.forgot {margin: 20px }

#logostrip { margin: 40px 25px ;   text-align:left; font-weight:bold !important; font-size:15px; float:left; color:#000;}

.progress {float: right; display:block; margin:0px; clear:both;   text-align:right; font-size:14.5px; font-weight:bold;}
.progress input, .progress button { padding: 0px 30px; margin:10px 5px;  height:40px; line-height:40px }
.rateProgress { clear: right;  }
.section {margin: 0px 0px 10px ; padding: 10px; border:1px solid #ccc; clear:both; float:left; background:#fff; border-radius: 5px ; 
*float: none; *height:1%  }



/* extracted from property-details-review.php */

.dataContainer {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C3C3C3;
    display: block;
    padding: 10px;
	 border-radius:5px

}

.addressContact .dataContainer {
    line-height: 1.5em;
    margin: 0 10px 10px 0;
    width: 420px;
}


label input {  margin: 0px 10px ; position:absolute; left: 0px; top:0px; position:relative;   }
label .inline {position:relative; left:auto; top:auto; display:inline; margin:0px}
.dataContainer label {width: 30%; float:left; text-align:right; margin-right:10px}

.dataDisplay label.sameAs {float: left}

.schoolLeaverPolicy .section{ margin: 20px; padding: 20px 15px;   }
.schoolLeaverPolicy p {clear: left; color: #000}
.schoolLeaverPolicy label {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    display: block;
    float: left;
    line-height: 2em;
    margin: 5px 0px;
    padding: 5px 10px;
    position: relative; 
	 *width: 700px
}

.schoolLeaverPolicy .bond 
{background: none repeat scroll 0 0 #F3F3F3;  border-radius: 5px 5px 5px 5px; float:left; width:100%}
	 
.bond p {margin-left:40px}

.paymentMethods
{background: none repeat scroll 0 0 #F3F3F3; margin: 5px 0px;
    border-radius: 5px 5px 5px 5px; float:left; width:100% ; padding-left: 30px }
	 
.paymentMethods p {margin: 10px}	 
.paymentMethods label {margin: 0px}	

.schoolLeaverPolicy  label input {margin: 5px 5px;}
.schoolLeaverPolicy  label input.inline {position:relative; top:0px; left:0px}
#releaseBack { background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px 5px 5px 5px; float:left; width:100%}
#releaseBack  p { color: #000; margin-left: 20px }

.paymentMethods

th.th_center {text-align: center}
/*basic table layout*/



p.general {line-height: 1.5em; float: left; width: 430px; margin: 40px 20px 0px 0px}
.general label {width:150px; float:left; text-align: right; margin-right: 10px}
p.general a { }


.col1 {width:200px; }

.general .col1, .financial .col1   { width:200px;}
.general .col2, .financial .col2   {width: 300px}
.dataDisplay  label {float: right; margin-right: 20px; }

.finance { }



/*address*/
.addressEntry  { border: 1px solid #ccc; margin: 10px; background: #fff; border-radius:5px }
.addressEntry .col1 {width: 200px}  
.addressEntry input {width:300px}
.sameAs input {width: auto}

/*property review*/
#propertyReview table, .generalInfo, .dataDisplay  
{ border: 1px solid #ccc; background:#F7F7F7;  margin: 0px 0px 10px; border-radius : 10px; padding: 10px}
.generalInfo input { width: 300px}
.generalInfo select { width: 250px}
td.channelManagers {padding-left: 200px; width:100%}
.channelManagers div  { width: 240px; float: left  }
.channelManagers input {width: auto; top: 0px ; margin-right:5px; margin-left: 0px }
.channelManagers label { float:left; line-height: 20px; clear:both; margin-left: 5px; width: 200px}
.afterHours {width:700px; word-wrap:break-word; display:inline-block;}

label#otherChannels {width:300px; margin-top: 10px}

/*commission*/

.questions li {line-height:20px; height: 20px; color: #333}

#propertyCommission strong {color:#000}
table.marketCommission {width: 100%; }
.commissionRepeat td { vertical-align:middle ; border-top:1px solid #ededed; padding: 5px 0px ;
vertical-align:top ; 


}

.marketCommission label { width:auto ; float:none; line-height:1.6em }
.marketCommission .market { width: 460px}
.marketCommission .percent { width:25px; text-align:center}
.marketCommission .nett { width: 380px  }
.marketCommission .change {   }
.divisionName img  { } 
.divisionName span  {  margin-right:5px;  } 
#marketCommissions .divisionName span  {  margin-right:5px; text-align: right } 
.marketAction .button  { font-size:.9em; padding: 0px  } 
.marketAction .button spam
.marketAction select {float: left; margin:5px}
 button.remove { border-color: orange } /*delete market*/
.marketAction  .divisionEdit .button { border-color: #ccc } /*delete market*/
.marketAction  .button  { border-color: orange } /*action*/

  .nettHolder { display: block;
    float: left;
  
    padding: 0px 5px;
	 min-width:40px
  }
 .marketAction  {display: block;
    float: right;
    margin-top: 1px;
    padding: 0;
    width: 310px; } 
  .marketAction select  { margin: 3px 5px 0px 0px; float:left; } 
 input.nett_percentage {text-align: right; width: 25px}
 .nettChoice { display: block ; float:left}
  
 .nettChoice  span  input{  }
/*meals*/
 #mealRates .dataDisplay {float: left; padding: 20px;}
.mealRates th {text-align: center; vertical-align: bottom;}
.mealRow input {width:70px; text-align:right}
#mealRates .message {float: left; width:540px}


/* seasons */
#seasons .dataDisplay {padding-bottom: 0px}

#seasons strong {color:#000}
.seasons .seasonName { width: 160px; text-align:center }
.seasons .seasonDates { width: 160px ;}
.marketType { width: 100px; text-align:center}
.seasons th  { vertical-align:bottom; border: 1px solid #ccc; border-width: 0px 0px 1px; text-align:center; padding: 0 0px 5px;  }
td.marketType  input {margin-left:10px }
.seasons  td  {border: 1px solid #ededed; border-width: 0px 0px 1px; padding:5px 0px ; white-space:nowrap  }



#seasonDates input.calDate {width: 90px}
.addSeason .seasonName  {width:220px; text-align:left}
.addSeason .seasonDates {width: 240px}
.addSeason label.market_types {display: block; clear:left; float:left; margin-bottom: 5px; width: 100%}
.addSeason td  {padding:5px 0px}
.addSeason th { vertical-align:bottom; text-align:left; border: 1px solid #ccc; border-width: 0px 0px 1px;   padding: 0 0px 5px; }
.addSeason #other {margin: 5px 5px 0px 0px; width: auto}
.addSeason .dateRow { margin: 0px 0px 5px  ;text-align: left ;  }

.tax .taxType { width: 160px; }
.tax .taxBasis { width: 100px ;}
.tax .taxInfo { width: 240px ;}
.tax .taxRooms { width: 160px ;}
.tax td {padding:2px 0px}

.message,
.invalidMessage { border: 2px solid orange; float:left; padding: 10px ; background: #fff; color: #000; clear:both; display:block; border-radius: 5px   }
.important  {    color:#C00; font-weight: bold; margin: 5px; border-radius: 5px  }
.taxHelp { color:royalblue;font-weight: bold; margin: 0px -6px; text-align: justify}
.ratesNotEnough { margin: 20px 20px 0px}

/*staypays and Bonus lists*/
#stayPayAndBonusLists table { border: 0px solid #ccc; margin: 0px 0px 10px ; cellpadding: 0px; cellspacing:0px; padding: 0px; width: 100%}
#stayPayAndBonusLists table td {padding: 5px; border-top: 1px solid #ccc; margin: 0px }
#stayPayAndBonusLists th {   text-align:center; color: #2A3090; vertical-align:bottom}
.headStay, .headPay, .headMax { width:25px   } 
.headDates { width:190px}   
#stayPayList .dates { text-align: left; padding-left:15px}   
#stayPayAndBonusLists th.headMarket{ width: 300px}
#stayPayAndBonusLists th.headBonus{ width: 300px; text-align:left}
#stayPayAndBonusLists th.headSpecials{ width: 300px; text-align:left}
#stayPayAndBonusLists th.headControls{ width: 80px; }
#stayPayAndBonusLists td { text-align:left; vertical-align:top;  }
#stayPayAndBonusLists ul {margin: 0px 10px 0px 20px ;  padding:0px; }
#stayPayAndBonusLists ul li  {text-align:left}
#stayPayAndBonusLists th.headRooms { text-align:left; text-indent:25px;  width: 200px;}
#stayPayAndBonusLists td { border-bottom: 1px solid #fff; padding: 2px }
#stayPayList .ui-button, #hasBonusOffer  .ui-button { padding: 5px; width: 50px; margin: 5px 2px ; }



/*rooms*/
.rooms th  { border: 1px solid #ccc; border-width: 0px 0px 1px; text-align:left; padding: 0 0px 5px;}
.rooms td { border-bottom: 1px solid #ededed}
.rooms .roomName {width: 200px}
.rooms .classification { width: 100px}
.rooms .pax {width:170px}
.rooms .bedding {width:150px}		
.rooms .editDelete {padding: 0px}
.rooms .editDelete button {margin: 0px 5px 2px 0px; padding: 0px }
		 
.add  #existing_bedding  { width:70px; }
.add label {float: left; margin-right:10px; line-height:25px}
.add label input {margin: 0px 5px 0px 0px}
.add .roomName {width:220px;}
.add .pax {width:230px}
.add .bedding {width:300px}
.add h4 { clear:both; float: left; display: block; padding: 5px ; border-bottom: 1px solid #ccc; margin: 10px 0px 5px; width:100% }

.add .pax label input, .add .bedding select {margin : 0px 0px 5px 0px}
.add .bedding label {width: 60px}
.add .bedding input {margin: 0px 0px 5px 0px}
.pax label  {width:90px; float:left; clear:both; }
.pax input  {float: left; margin:0px 0px 5px 0px}
hr { border: 1px solid #ccc; border-width:1px 0px 0px 0px; }

.reminder .name {padding-right:10px}
.reminder {margin-bottom:20px}

#roomAddEdit .message {float: none; }
#roomAddEdit input.inline  { width:40px; float: left; margin-right:5px; text-align:right}  

/*child policy*/
#policy label {float: none}


#policy .dataContainer  { margin: 10px }
#policy .dataContainer  { margin: 10px }


#policy #aotPolicy label {line-height: 20px; display:block; clear: both; float:left; text-align:left; border-bottom: 1px solid #ccc; padding: 10px; margin:  0px 0px 10px; width: 90%;}
#policy #existingPolicy label{ display:block; clear: both; text-align:left; border-bottom: 0px solid #ccc; padding: 10px; margin:  0px 0px 0px; width: 90%;}
#aotPolicy p { margin-left: 35px  }
 
#customPolicy table {margin: 0px  20px 20px}
#infantNotCateredRooms , #childNotCateredRooms { margin: 5px 0px 0px 0px;} 
#infantNotCateredRooms  , #childNotCateredRooms  { width: 600px}
input.disabled {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
    color: #000000;
}

table.childRate { clear: both;}
.childRate .col1 { width:550px;}
.childRate .col2 { width:50px;}
.childRate .col3 { width: 50px;}

.childRate input {width: 50px}

table.infantRate { clear: both;}
.infantRate .col1 { width:550px;}
.infantRate .col2 { width:50px;}
.infantRate .col3 { width: 50px;}

.infantRate input {width: 50px}

/*nightly rates room choice*/
.roomChoice td.roomName {line-height: 35px; vertical-align:middle; }
.roomChoice th {vertical-align:bottom}
.roomChoice  {vertical-align:bottom}
th.marketName { *width:10%; width:100px  }
.roomMarket {   }
.add button {border:2px solid orange; background:#FFC; float:left}
.edit button {border:2px solid #ccc  }
.add button, .edit button {  float:left; width: 100px}
.roomChoice .add button, .roomChoice .edit button {  float:left; width: 150px}

.incomplete button {border:2px solid #4194C4 ; background:#FFFFCC }


.roomName h3 {background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    line-height: 28px;
    padding: 0px 10px;
	 min-width: 200px;
	 *min-width:auto;
	 }
/*nightly rates*/
.hideLink {margin-top: -20px;}
.ratesTable { margin:10px 0px }
.nightlyRates .seasons {float: left; margin-right: 20px;  }
.nightlyRates .message {margin: 10px 0px}

.rates {margin: 20px 0px}

.rateSeason label {width: auto}

.colMinStay,
.existingRateMinStay {text-align: center;  width: 40px}
.inclusions {width:500px; float:left; margin:10px 0px}
.inclusions textarea {width:500px; float: left; margin-right: 10px}
.inclusions  .Button {margin:10px}

/*allotments*/
.allotment label {float: left}
.ruler  {border-top: 1px solid #ccc; height: 1px; padding: 0px}
th.allocationPerNight { text-align:center }

.roomName { margin: 10px 0px }

#allotmentTable { padding: 10px }
#allotmentTable th {border-bottom:1px solid #ccc; vertical-align:bottom}
#allotmentTable td {border-bottom: 1px solid #ededed }

#allotmentTable tr td { padding: 2px}
#allotmentTable .col1 {width:280px }
#allotmentTable .col2 {width:80px}
#allotmentTable .col3 {width:160px }
#allotmentTable .col4  {width:220px}
#allotmentTable  label { float:none; margin: 0px }
#allotmentTable button { font-size: 1em; }
#allotmentTable td.dateRange {vertical-align:top}
table.bigtable  {padding: 0px; margin: 0px 0px 10px}
.bigtable td { vertical-align:top; padding: 0px; margin: 0px}
#addNewDatesButton {float: left; margin: 10px}

td.action {vertical-align:bottom}
#allotmentTable .splitTable td {padding: 0px 0px 2px; margin:0px; border: none}
.allotmentRepeat 
.col1 {width:180px}
.allotmentRepeat 
.col2{width:100px}
.allotmentRepeat 
.col3 {width:80px}

/*transfer*/
table.transfer  {width:100%}
.transfer th {vertical-align: bottom; text-align:center ; border-bottom: 1px solid #ccc;}
.transfer td {border-bottom: 1px solid #ededed; padding: 5px 0px}
.transfer .dollar { text-align:right; width:50px }
th.transferType,
th.transferDescription{ text-align:left }
.foc, .commission {text-align: center}
.oneWayReturn { text-align: center }
th.th_center , th.button {border: none}

#transfers input {margin : 0px}
#doYouTransfer input {margin: 0px 5px 0px 20px}
.button { padding: 5px 0px; text-align:right } 
.button button { padding: 0px 5px 0px 0px } 

/*addTransfer*/
.addTransfer table {width:100%}
.addTransfer  .col1 {width:180px}
.addTransfer  .col2 {width:105px}
.addTransfer  .col3 {width:130px} 
.addTransfer  .col4 {width:100px}
 
table.addTransfer .col1   label {text-align:right; float: right}
table.addTransfer .col2 label   { float:left} 

.addTransfer .calculated {float: left; margin-right: 5px}


#policy #resetP #reset  {margin: 10px ; border-color:orange }
.returnFreesale input {margin: 0px 5px 0px 20px}
.calculated {
    border: 1px solid #CCCCCC;
    display: block;
    padding: 3px;
    width: 68px;
	 color: #000;
	 height: 12px;
	 line-height:12px
}


/* cancellation policy */
.cancellationPolicy { border: 1px solid #ccc; background:#fff; border-radius : 5px}
.cancellationPolicy th {border-bottom:1px solid #ccc}
.cancellationPolicy td {border-bottom:1px solid #ededed}
.cancellationPolicy .col4 {width:220px}

.cancellationPolicies p { margin: 10px 20px;  }
.cancellationPolicies strong {color: #000}
.cancellationPolicies  input  { margin: 0px }
.chooseAOT ,.government {background: #fff;   padding: 20px; margin: 10px 20px; width:850px  ;  }

.government {display:none}
button#reset {float:right; }


.reset-division {
	margin: 10px 5px; 
	cursor:pointer;
	border-width: 1px; 
	color: #8c6fb7; 
	font-weight: bold ;  
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;  
	height: 38px; 
	padding: 0px 10px;     
	line-height: 38px;    
	font-size: 1.1em;
	clear:none;
	}


/*terms*/
.terms .rounded {background:#fff;  padding: 20px; margin: 20px; float:left}
.terms .rounded h2 {font-size: 1.4em;}

/*** wToolTip ***/
/*** layout/positioning - stuff you probably won't need to change ***/
._wTooltip_holder{display:none; position:absolute; z-index: 99999;}
._wTooltip_outer{position:relative;}
._wTooltip_inner{position: static;}
._wTooltip_bg{position:absolute; left:0px; top:0px; width:100%; height:100%;}
._wTooltip_content{position:relative;}

/*** visuals ***/
._wTooltip_holder{border-width:0px; border-style:solid; border-radius:6px;}/*outer border*/
._wTooltip_outer{border-width:1px; border-style:solid; border-radius:5px; margin:0px; }/*inner border*/
._wTooltip_content{padding:4px 9px; font-family:verdana; font-size:10px; line-height: 15px;}/*content*/

/*** colors ***/
._wTooltip_aot, ._wTooltip_aot ._wTooltip_outer{border-color:#000;}
._wTooltip_aot ._wTooltip_bg{background-color:#000;}
._wTooltip_aot ._wTooltip_inner, ._wTooltip_aot p {color:#FFF}
._wTooltip_aot._wTooltip_holder{border-width:1px;}
._wTooltip_aot ._wTooltip_outer{margin:1px;}

/* Alignment adjustments */
.inre {float:left;  }
.spanre {float:left; width:400px;  }


.stayPayForm332 input[type="checkbox"]{ margin:0 10px 0 0; padding:0px; }
.stayPayForm332 #marketBox label{ margin-bottom:10px;}
.stayPayForm332 #marketBox{ width:600px;}
.stayPayForm332 #calendars{ float:left; clear:both; margin:5px 0;} 
.stayPayForm332 #calendars span{ padding:0 10px;}
.stayPayForm332 #moreDates{ margin-left: 316px; float:left; clear:both;}
.stayPayForm332 .inputSection{ margin-bottom:15px; }
.stayPayForm332 .stayNightDrop select, .stayPayForm332 .payNightDrop select, .stayPayForm332 .freeNightDrop select{ margin-bottom:10px;}

#calendars .delete{ margin-right:-12px}

.stayPayForm332 #serviceBox label{ width:100%;     margin-bottom: 10px;}

/*#supplier_amenitiesBox label {*/
	/*width: 100%;*/
/*}*/
/*#supplier_amenitiesBox { width: 550px }*/
/*#supplier_amenitiesBox  label { display: block; margin-bottom: 5px}*/


/*.generalInfo input {*/
	/*width: auto !important;*/
/*}*/

td.prop_amenities {padding-left: 200px; width:100%;}
.prop_amenities div  { width: 240px; float: left;}
.prop_amenities input {width: auto; top: 0px ; margin-right:5px; margin-left: 0px;}
.prop_amenities label { float:left; line-height: 20px; clear:both; margin-left: 5px; width: 200px;}
.prob_amen_label {float:left;}

td.prop_amenities {padding-left: 200px; width:100%;}
.prop_amenities div  { width: 240px; float: left;}
.prop_amenities input {width: auto; top: 0px ; margin-right:5px; margin-left: 0px;}
.prop_amenities label { float:left; line-height: 20px; clear:both; margin-left: 5px; width: 200px;}
.prob_amen_label {float:left;}

td.accom_amenities {padding-left: 200px; width:100%;}
.accom_amenities div  { width: 240px; float: left;}
.accom_amenities input {width: auto; top: 0px ; margin-right:5px; margin-left: 0px;}
.accom_amenities label { float:left; line-height: 20px; clear:both; margin-left: 5px; width: 200px;}
.accom_amen_label {float:left;}

.roomOptionAmenities  input {width: auto; top: 0px ; margin-right:5px; margin-left: 0px;}
.roomOptionAmenities label { float:left; line-height: 20px; clear:both; margin: 3px 0 0 5px; width: 270px;}
.roomOptionAmenities div  { width: 230px; float: left; margin-top:3px; }

.propAmenReview_list {padding-inline-start:0px;margin-top:0px;list-style-position: outside; }
.propAmenReview_repeat {float:left !important; width:auto;}
.propAmenReview_label {text-align:left !important; color: #666;}


table#bedSize {
    border:solid black 1px;
    border-radius:6px;
    -moz-border-radius:6px;
	width:300px;
}

table#bedSize td,table#bedSize th {
    border-left:solid black 0px;
    border-top:solid black 1px;
}

table#bedSize th {
    border-top: none;
}

table#bedSize td:first-child, table#bedSize th:first-child {
     border-right: solid black 1px;
}

.copyMessage { border: 2px solid navy; padding: 10px 15px 22px 10px; background: #fff; color: #000; clear:both; display:block; border-radius: 5px;   }
.copyButton {float: right;}

.copyTransfer {float: left; padding-right: 16px;}
.copyTransfer input {padding: 10px;}
.addTransfer input {padding: 10px;}

.copyAmenitiesButton {
	display: inline-block;
	width: 221px;
	height: 20px;
	border: 1px solid rgb(204,204,204);
	border-radius: 4px;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 10px 2px;
	color: #8c6fb7;
	font-size: 13px;
	vertical-align: middle;
	cursor: pointer;
	transition: 0.3s ease-in-out;
}
.copyAmenitiesButton:hover {
	background: rgb(253,245,206);
	color: #c77405;
}

.precomment{
	white-space: pre-wrap;
}