/* form
-----------------------------------------------------------------------------------------------*/
.col-310 {overflow:visible;}
.col-310 .type-item {background:#99CCFF; border:1px solid #132F51; border-top:0; line-height:25px; padding: 0 6px;}
.col-310 .type-item label {padding-right:6px;font-size: 11px;font-weight: bold;color:#036;}
.col-310 .type-item input {border:0;}
.col-310 .form-inp{padding:5px 8px;}
.col-310 .form-inp p,.col-310 .form-inp div{ line-height:26px; /*height:30px*/; font-size:1em;}
.col-310 .form-inp p.form-inp-bt{/*margin-top:-10px;*/text-align:right;}
.col-310 .form-inp button{padding:0; border:0; background:none; cursor:pointer; /*width:72px; height:32px;margin:10px 0 0 0;*/ }
.col-310 .form-inp a.best-price{display:block; float:right; padding-top:30px; padding-left:60px; height:30px; margin-top:-140px; background:url(/images/ui/bg_lowprice.gif) no-repeat; overflow:hidden; text-decoration:underline; color:#0449B1; font-size:1em;}

/* booking panel */
div.booking-panel{overflow:visible;}
.booking-panel fieldset {margin:0; padding:0; border:0;}
.booking-panel legend {margin:0; padding:.5em 0; color:#fff; font-size:1.1em; text-transform:uppercase; font-weight:bold;}
.booking-panel p, .booking-panel .as-p {margin:0 0 .4em;}
.booking-panel label {font-size:1em;}
.booking-panel div.date-block {float:left; }
.booking-panel div.date-block input {width:100px; min-height:16px; padding:1px; }
.booking-panel .cal-button {position:inherit;}
.booking-panel .room-select {position:absolute;}
/*.booking-panel fieldset.room {padding:1px 0 .3em;}*/
.booking-panel fieldset.room .legend {float:left; padding-top:.3em; width:90px; text-align:right; font-size:.9em; white-space:nowrap;}
.booking-panel fieldset.room p {margin:0 0 2px 2px;}
.booking-panel fieldset.room .person {float:left; width:44px;}
.booking-panel .child-age {margin-right:8px; width:175px;}
.booking-panel .child-age p {clear:both; float:right; width:170px; text-align:right; font-size:.85em;}
.booking-panel .submit {margin-right:4px; padding-top:.4em; text-align:right; /*carrel's check margin-top:0;)*/ }
.booking-panel .submit button {font-size:1em;}
.booking-panel .footer {overflow:hidden; height:200%; padding-bottom:3px;}
.booking-panel .footer li {float:left; margin:0 3px 0 0;}
.booking-panel .padlock {padding-left:20px; width:140px; min-height:40px; background:url(/images/ui/padlock.png) no-repeat; font-size:.7em; line-height:1.3em;}
.booking-panel .padlock a {color:#fffb83;}
.booking-panel .separator {background:url(/images/ui/red_stripe.gif) repeat-x; padding-top:8px;}
.booking-panel .mgto {font-size:.7em; text-align:center; clear:both; line-height:1.3em;}
.booking-panel .over {cursor:pointer;}

/*.booking-panel .main-sel label {padding:0 10px 0 20px;}*/
.booking-panel .main-sel {white-space: nowrap;}
.booking-panel .main-sel label {display:inline-block; width:40px;}
.booking-panel .main-sel label.first {padding-left:0;}
.booking-panel .main-sel select {width:80px; min-height:16px; margin-right:10px;}
.booking-panel div.date-block label {display:inline-block; width:60px;}
.booking-panel #srch-ferry .main-sel label {width:60px;}
.booking-panel #srch-ferry .main-sel select {width:120px;}
.booking-panel #srch-activity .main-sel label {width:60px;}

.booking-panel p.passenger {float:left; width:54px;}
.booking-panel select#num_adults, .booking-panel select#num_children, .booking-panel select#num_infants, p.room-select select, div#room_blocks select {width:46px;}


.booking-panel .learn-more {float:right; vertical-align:bottom;}
.booking-panel .learn-more a {display:inline-block; padding: 44px 22px 0 8px;  background:url(/images/ui/bg_lowprice.gif) no-repeat 2px 0; vertical-align:bottom; }

.booking-panel #activity_room_blocks {margin:-19px 0 10px 63px;}
.booking-panel #activity_room_blocks .header {line-height: 1em;}
.booking-panel #activity_room_blocks .header label {padding-right:18px;}
.booking-panel #activity_room_blocks .room label {padding-right:10px;}
.booking-panel .activity-options ul {float:left;width:130px;}
.booking-panel .activity-options li {line-height: 20px;}

/* booking panel extension
-----------------------------------------------------------------------------------------------*/
#bp-ext{margin-top:10px;background:#5C89FF; padding:0; font-size:1.2em; font-weight:bold; color:#fff; overflow:visible;}
#bp-ext .search-panel {background:#5C89FF url(/images/ui/bg_home.gif) -320px -205px no-repeat;}
#bp-ext p.title {float:left; display:block; padding:5px;color:#ff6; width:140px;}
#bp-ext .btn-grn-sml {float:right; margin-top:-30px; border:0;}

.booking-panel-extension {font-size:0.8em;font-weight:normal;padding:0 10px; float:right;width:500px;}
.booking-panel-extension input, .booking-panel-extension select {border:1px solid #7f9db9;}
.booking-panel-extension  p,.booking-panel-extension div{ line-height:26px; font-size:1em;}
.booking-panel-extension  p.form-inp-bt{text-align:right; margin-top:-3em;}
.booking-panel-extension  button{padding:0; border:0; background:none; cursor:pointer; }
.booking-panel-extension div.date-block {float:left; width:140px;}
.booking-panel-extension div.date-block input { width:100px; min-height:16px;padding:1px; border:1px solid #666;}
.booking-panel-extension .cal-button {vertical-align:text-bottom;}
.booking-panel-extension .room-select {float:left;display:inline-block;margin-left:5px;}
.booking-panel-extension fieldset.room {padding:1px 0 .3em;}
.booking-panel-extension fieldset.room .legend {float:left; padding-top:.3em; width:36px; text-align:right;white-space:nowrap;}
.booking-panel-extension fieldset.room p {margin:0 0 2px 2px;white-space:nowrap;}
.booking-panel-extension fieldset.room .person {float:left; width:38px;}
.booking-panel-extension .child-age {/*margin-right:8px; width:175px;*/}
.booking-panel-extension .child-age p {clear:both; float:right; text-align:right; font-size:.95em; padding-right:10px;}
.booking-panel-extension p.passenger {float:left; width:54px;}
.booking-panel-extension select#num_adults, .booking-panel-extension select#num_children, .booking-panel-extension select#num_infants {width:46px;}
.booking-panel-extension .over {cursor:pointer;}

