html,body{margin:0;padding:0}
body{font-family: Tahoma,Helvetica, Arial, Helvetica, sans-serif; text-align:center; background:#000E22; color:#fff;}
hr {clear:both; border:none; border:0; border-bottom:1px dashed #A3AFC9; margin:0;padding:0; }
a img {border:none;}
a {color:#fff;}
.spacer {clear:both;}
.footer span.skype_pnh_container {display:none !important;}
.footer span.skype_pnh_print_container {display:inline !important;}
.sitecontainer {min-width:984px;}
.wrapper {width:984px;border:0px solid red;margin-left:auto; margin-right:auto; position:relative;z-index: 1;}
.header {width:100%; border:0px solid green; background:url('../_img/bg_header.jpg'); min-height:159px; height:159px;}
.header .wrapper {border:0px solid green; }
.header .langBar {position:absolute; right:0px; top:15px; color:#8F7548;font-family: Tahoma,Arial, Helvetica, sans-serif; font-size:11px; display:block; }
.header .langBar span {margin-left:5px;margin-right:5px}
.header .langBar span a {color:#8F7548;text-decoration:none;}
.header .linkBar {position:absolute; right:0px; top:92px; color:#8F7548;font-family: Tahoma,Arial, Helvetica, sans-serif; font-size:11px; }
.header .linkBar span {margin-left:5px;margin-right:5px}
.header .linkBar span a {color:#fff; color:#D4AE4B; text-decoration:none;}
.subheader { height:372px; max-height:372px;background:url('../_img/bg_subheader.jpg');position:relative;z-index: 0;overflow:hidden;margin-bottom:10px;}
.subheader .wrapper {border:1px solid gray;width:982px; border-top:0;border-bottom:0;z-index:0; display:block;overflow:hidden;}
.subheader .left {position:absolute;left:0;z-index:100; cursor:pointer;}
.subheader .right {position:absolute;right:0;z-index:100;cursor:pointer;}
.subheader .slider { visibility:hidden;overflow:hidden;}
.subheader .slider .slide {width:982px;height:372px; overflow:hidden;}
.subheader .slider img.logo {position:absolute; visibility:hidden;display:none;
left:0px; bottom:-30px; z-index:1;}
.subheader .label { max-width:500px; visibility:hidden;display:none;
position:absolute;right:50px; bottom:20px; z-index:1; background: url('../_img/bg_label.png') repeat top left;}
.subheader .label .text { padding:10px; padding-left:35px; padding-top:12px;text-align:left;
background: url('../_img/quote_start_2.png') no-repeat top left; border:0px solid #fff;font-size: 14px;
font-weight: bold; line-height:20px;}
.subheader .label .author {text-align:right; font-style:italic;font-size: 12px; font-weight: bold;padding-right:35px;padding-left:35px;padding-bottom:12px; background: url('../_img/quote_end_2.png') no-repeat bottom right;}
.body {font-size:12px; text-align:justify; position:relative;}
.body .left {border:0px solid gray; float:left; width:330px;text-align:left;}
/* stili per elementi comuni caricati via CMS nel body della pagina */
.body .right h3 {border:none; margin-bottom:10px; padding-bottom:0px; font-variant:small-caps ; font-size:16px; font-weight:bold;}
.body .right ul {margin-left:10px; padding:0;}
.body .right ul li { list-style-type:none; background:url('../_img/list_bullets.png') left top no-repeat;
padding-left:18px; margin-top:5px;}
.body .right table td {padding:3px;}
.body .right {border:0px solid gray; float:right; width:646px;}
.body .left .content{}
.body .right .content {padding:10px; padding-right:0px; line-height:16px; text-align:left; position:relative;}
.body .content .header{ border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #D4AE4B; margin-bottom:20px;padding-bottom:10px; color:#fff; color:#D4AE4B;font-weight:normal; font-size:20px;background:none; min-height:0px;height:auto;}
.body .content .header{border-style:solid;border-width: 0px 0px 1px 0px;border-color: #D4AE4B; margin-bottom:20px;padding-bottom:10px;color:#fff;color:#D4AE4B;font-weight:normal;font-size:20px;background:none;min-height:0px;height:auto;}
.body .right .content .header a { color:#fff;font-weight:normal; font-size:20px;background:none; min-height:0px;height:auto;}
.body .right .content .body {}
.body .right .content .body img {float:right; margin:0 0 10px 20px;}
/* form */
.body .right .form { font-size:11px;width:100%; border-collapse:collapse; margin:0; padding:0; margin-top:20px;}
.body .right .form h2 { font-size:14px; font-weight:bold; margin-top:20px;}
.body .right .form td {padding-top:3px;padding-bottom:3px;padding-right:10px; padding-left:0px;}
.body .right .form td span {display:block; width:100%;}
.body .right .form td span input {width:100% !important; padding:3px !important; }
.body .right .form td span textarea { width:100% !important; padding:3px !important;}
.body .right .form td.buttons {text-align:center;}
.body .right .form td.buttons input
{
margin-top:5px;
background: url('../_img/bg_booking_button.png') repeat-x top;
border-top:1px solid #2A4569;
border-left:1px solid #2A4569;
border-bottom:1px solid #000;
border-right:1px solid #000;
padding:3px;
padding-left:10px;
padding-right:10px;
max-height:25px;
color:#fff;
}
/* Our hotels */
.body .right .content .body .text {float:left; width:300px;padding:0;}
.body .right .content .body .text p {margin:0; padding:0;margin-bottom:10px;}
.body .right .content a {color:#fff;}
.body .right .content .body .image {float:right; width:311px; text-align:right; padding-top:8px;}
.body .right .content .body .image img {float:none;margin:0 0 0px 0px; }
.body .right .content .info { }
.body .right .content .body .info {color: #A3AFC9; margin-bottom:15px; line-height:14px; font-style:italic; font-size:11px; }
.body .right .content .body .links{float:right; width:49%; text-align:center;padding-top:15px;}
.body .right .content .body .links a { font-weight:normal; color:#E5CB80; color:#fff;font-size:14px; margin:0px 15px 0 15px; padding-right:10px; text-decoration:none;
background:url('../_img/arrow_more.png') no-repeat top right;
}
.body .right .content .footer { border-style: dashed;
border-width: 1px 0px 0px 0px;
border-color: #A2AECA;padding-top:20px; color:#fff;clear:both;background:none; min-height:0px;height:auto;line-height:24px;}
.body .right .content .footer h1 { font-size:14px;}
/* map */
.body .right .content .map { position:relative; text-align:left; font-size:10px; color:#000; float:right;border:3px solid #fff;width:304px; margin:0;padding:0; margin-left:20px; margin-bottom:10px; margin-top:5px; }
.body .right .content .map h3 a {font-size:12px;color:#000;}
.body .right .content .map h5 a {font-size:11px;color:#000; white-space:nowrap;margin:0;padding:0;}
.body .right .content .map .infoWindow .info { line-height:20px; display:block; font-size:11px;color:#000; white-space:nowrap;margin:0;padding:0;}
.body .right .content .map .infoWindow {width:200px;color:#000;}
.body .right .content .map .infoWindow h5 { margin-bottom:0;color:#000;}
/* SPA, meeting, wedding */
.body .right .content #carousel {display:none;}
.body .right .content .gallery .schedahotel {display:none; }
.body .right .content .gallery .header
{
border-style: dashed;
border-width: 0px 0px 1px 0px;
border-color: #A2AECA;
color:#FFF;
}
.body .right .content .gallery .header h1
{
border-style: dashed;
border-width: 0px 0px 1px 0px;
border-color: #A2AECA;
font-weight:bold; font-size:20px;background:none; min-height:0px;height:auto;}
.body .right .content .gallery .body {padding:10px 0 10px 0;}
.body .right .content .gallery .body .logo a img {
border:medium none;
}
.body .right .content .gallery .header p { font-weight:normal; font-size:12px;background:none; min-height:0px;height:auto;}
.body .right .content .gallery .body .text {width:100%; margin-top:20px; margin-bottom:20px; }
.body .right .content .gallery .body .text a {color:#fff;}
.body .right .content .gallery .body .logo {float:right; width:49%; text-align:center;}
.body .right .content .gallery .body .image {float:left; width:49%; text-align:left;}
.body .right .content .gallery .body .image img {margin:0; width:300px;}
.footer { position:relative; padding-top:225px; margin-bottom:25px; color:#8F7548;font-family: Tahoma,Arial, Helvetica, sans-serif; font-size:11px; border:0px solid grey;
background:url('../_img/bg_footer_sky.jpg') repeat-x top; }
.footer a {color:#8F7548;margin-left:5px;margin-right:5px }
.footer img {margin-bottom:0px; margin-right:10px; }
.footer a img {float:left;}
.footer .wrapper {position:relative; display:block; clear:both;}
.footer .wrapper img { vertical-align:top;}
/* .footer .wrapper .center { text-align:right; float:right; } */
.footer .wrapper .center {margin-left:auto; margin-right:auto; }
.footer .wrapper .center td {vertical-align:top;}
.footer .wrapper ul {margin:0;padding:0; list-style-type:none; }
.footer .wrapper ul li {margin:0;padding:0; display:inline; border:none; border-right:1px solid #8F7548;}
.footer .wrapper ul li.last {border-right:none;}
/* Pagine CMS */
.body .right .content .contentContainer .content {margin:0;padding:0;}
.body .right .content .pageContainer h2 {padding-bottom:10px;margin-top:0;font-weight:normal; font-size:20px;border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #A2AECA;}
/* Pagine con menu di secondo livello */
.body .right .menu { margin-right:20px;margin-bottom:20px; margin-top:5px; float:left; border:0px solid red; width:170px;}
.body .right .menu a {font-weight:bold; color:#5D5C47; display:block; text-decoration:none; }
.body .right .menu .item {border-style: dashed; cursor:pointer;
border-width: 0px 0px 1px 0px; margin-top:10px;
border-color: #A2AECA; padding-bottom:10px; padding-top:0px; font-size:14px;padding-left:12px;color:#5D5C47; background:url('../_img/bullet.jpg') no-repeat top left;}
.body .right .menu .item a { font-weight:bold; color:#5D5C47;}
.body .right .menu .selected {color:#D0CFB0; background:url('../_img/bullet_selected.jpg') no-repeat top left;}
.body .right .menu .selected a { color:#D0CFB0;}
.body .right .menuContent { float:right; width:440px; margin:0; padding:0;}
.body .right .menuContent .pageContainer {margin-top:15px;}
.body .right .menuContent .pageContainer h2, .body .right .menuContent h2 {border:none; margin-bottom:20px; padding-bottom:0px; font-variant:small-caps ; font-size:16px; font-weight:bold;}
.body .right .menuContent .pageContainer .header{border:none;}
.body .right .menuContent .pageContainer .header span{border:none; margin-bottom:20px; padding-bottom:0px; font-variant:small-caps ; font-size:16px; font-weight:bold;color:#fff;}
/* gallery */
.body .right .mediagallery .item {float: left; margin-right:10px; margin-top:10px; overflow:hidden; display:none;}
.body .right .mediagallery .item { width:135px; height:135px; max-width:135px; max-height:135px; float:left; border:none;}
.body .right .mediagallery .item a {border:none; }
.body .right .mediagallery .item a img {border:1px solid #000; min-width:150px; margin:0px; }
.galleryCommands { clear:both; padding-top:10px; border-bottom:1px dashed #A3AFC9;padding-bottom:10px; text-align:left;}
.galleryCommands a { vertical-align:middle; float:right; color:#fff; padding-right:15px; margin-right:10px; background:url('../_img/arrow_more_white.png') no-repeat bottom right; font-size:12px; font-weight:normal;}
.galleryCommands a.left { width:100px; float:left; padding-left:15px; background:url('../_img/arrow_back_white.png') no-repeat bottom left;}
/* ########### Offers ############### */
.offerTools {background:url('../_img/bg_offers.png') no-repeat top left; height:58px; line-height:58px; padding-top:16px; padding-left:10px; }
.offers h2 {border-bottom:1px dashed #A3AFC9; font-size:20px; font-weight:normal; padding-bottom:10px;
margin-bottom:0px; margin-top:30px; clear:both; }
.offers td { vertical-align:top;}
.offers .item {float:left;margin:20px; text-align:left;}
.offers .image { float:left; margin-right:20px;margin-bottom:10px;}
.offers .image img {min-width:300px; max-width:500px; }
.offers .single {padding-top:10px;}
.offers .single ul {margin-left:30px; padding:0;overflow: auto; position:relative;}
.offers .single ul li { list-style-type:none; background:url('../_img/list_bullets.png') left top no-repeat;
padding-left:18px; margin-top:5px;}
.offers .body {padding-top:10px; position:relative;}
.offers .title {border:0px solid yellow;font-weight:bold;font-size:16px; margin-bottom:10px; display:block; font-variant:small-caps;}
.offers .info { display:block;border:0px solid red; font-weight:normal;font-size:11px;margin-bottom:20px;}
.offers .text {color: #A3AFC9; border:0px solid pink;}
.offers .commands {border:0px solid green; text-align:right;color:#E5CB80; margin-top:10px;}
.offers .commands a {color:#E5CB80; text-decoration:none;font-weight:normal; margin-left:5px;margin-right:15px;}
.offers .commands a img {border:none;}
.offers .itemMedium {float:left; }
.offers .itemMedium a {float:right;}
.offers .item ,.offers table.item {float:left;margin:15px; width:310px; overflow:hidden; margin-left:0; margin-right:0px;}
.offers .item a, .offers .itemMedium a, .offerTools a.back { color:#fff; padding-right:12px; margin-right:8px; background:url('../_img/arrow_more_white.png') no-repeat bottom right; font-size:12px; font-weight:normal; }
.offers .item img, .offers .itemMedium img {width:150px; height:130px;}
.offers .vline {float:left; height:160px; border-left:1px dashed #A3AFC9;margin-top:10px;margin-bottom:10px; margin-right:10px;margin-left:10px;}
.offers hr {clear:both; border:none; border:0px; border-bottom:1px dashed #A3AFC9; margin:0;padding:0; }
.offersCommands { padding-top:10px; border-bottom:1px dashed #A3AFC9;padding-bottom:10px; text-align:left;}
.offersCommands a { vertical-align:middle; float:left; color:#fff; padding-left:15px; margin-right:10px; background:url('../_img/arrow_back_white.png') no-repeat bottom left; font-size:12px; font-weight:normal;}
.offersCommands input
{
float:right;
background: url('../_img/bg_booking_button.png');
border-top:1px solid #2A4569;
border-left:1px solid #2A4569;
border-bottom:1px solid #000;
border-right:1px solid #000;
padding:3px;
padding-left:10px;
padding-right:10px;
max-height:25px;
color:#fff;
width:150px;
margin-left:5px;
}
/* contacts */
.contacts .item {border-bottom:1px dashed #A3AFC9; margin-bottom:10px;margin-top:20px;padding-bottom:10px; line-height:16px;color: #A3AFC9;}
.contacts .row1 {border:0px solid yellow;font-weight:bold;font-size:13px; margin-bottom:10px;color: #fff;}
/* press */
.rassegna {margin-top:15px;}
.rassegna h3 {font-size:14px; font-weight:bold;margin-top:0;margin-bottom:30px;clear:both;}
.rassegna .item {float:left;width:100%; margin-left:0; margin-top:0;margin-bottom:30px;}
.rassegna .item img { max-width:430px;}
.rassegna .item .image {float:left; margin-right:20px;margin-bottom:10px;}
.rassegna .item .info { display:inline;border:0px solid red; font-weight:normal;font-size:11px;margin-bottom:10px; margin-right:10px;}
.rassegna .item .title { display:inline;border:0px solid red; font-weight:normal;font-size:11px;margin-bottom:10px;}
.rassegna .item .text {color: #A3AFC9; border:0px solid pink; margin-top:10px;}
.rassegna .item .commands {border:0px solid green; text-align:right;color:#E5CB80; margin-top:10px;}
.rassegna .item .commands a {color:#fff; padding-right:15px; margin-right:10px; background:url('../_img/arrow_more_white.png') no-repeat bottom right; font-size:12px; font-weight:normal; }
/*
Menu
#########################################################################################################################
*/
.header .jqueryslidemenu
{
top: 116px; left:0px;
position: absolute;
font-size: 12px;
font-weight: bold;
z-index:1000;
color:#FFD945;
}
.header .jqueryslidemenu .menuItem_separator
{
float: left;
width: 198px;
min-height: 43px;
height: 43px;
line-height: 43px;
background: url('../_img/bg_button_separator.png');
border-right: 1px solid #778;
}
ul li.first { border-left: 1px solid #778;}
.jqueryslidemenu
{
text-align: center;
width: 100%;
}
.jqueryslidemenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.jqueryslidemenu ul li
{
position: relative;
display: inline;
float: left;
width: 98px;
}
/* Top level list items (override for smaller submenu) */
.body .jqueryslidemenu ul li
{width: 135px; font-size: 12px; border-bottom:1px solid gray;}
/*Top level menu link items style*/
.jqueryslidemenu ul li a
{
white-space:nowrap;
display: block;
border-right: 1px solid #778;
text-decoration: none;
min-height: 43px;
max-height: 43px;
height: 43px;
line-height: 43px;
/*background of tabs (default state)*/
background: url('../_img/bg_button.png') repeat-x;
}
* html .jqueryslidemenu ul li a
{
/*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited
{
color:#FFD945;
}
.jqueryslidemenu ul li a:hover, .jqueryslidemenu ul li a.selected
{
background: url('../_img/bg_button_hover.png') repeat-x; /*tab link background during hover state*/
color:#FFD945;
}
/*1st sub level menu*/
.jqueryslidemenu ul li ul
{
position: absolute;
left: 0;
display: block;
visibility: hidden;
font-size:11px;
text-align:left;
background: url('../_img/bg_submenu.png') repeat top left;
z-index:1000;
font-weight:normal;
}
.jqueryslidemenu ul li.last ul
{
position: absolute;
margin-left:-148px;
display: block;
visibility: hidden;
font-size:11px;
text-align:left;
background: url('../_img/bg_submenu.png') repeat top left;
z-index:1000;
font-weight:normal;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li
{
display: list-item;
float: none;
min-height: 30px;
height: 30px;
line-height: 30px;
width:240px;
border-bottom: 1px dashed gray;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul
{
top: 0;
}
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a
{
padding-left:10px;
min-height: 30px;
height: 30px;
line-height: 30px;
margin: 0;
border-top-width: 0;
background: url('../_img/bg_submenu.png') repeat top left;
color:#efd24a !important;
}
.jqueryslidemenu ul li ul li a:visited , .jqueryslidemenu ul li ul li a:hover
{ color:#efd24a; }
.jqueryslidemenu ul li a.last
{
border-bottom: 1px solid gray;}
.jqueryslidemenu ul li ul li a:hover
{
/*sub menus hover style*/
background: url('../_img/bg_submenu_hover.png') repeat top left;
}
/* ######### CSS classes applied to down and right arrow images ######### */
.downarrowclass
{
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass
{
position: absolute;
top: 6px;
right: 5px;
}
/*
END Menu
#########################################################################################################################
*/
/*
Start TABS
#########################################################################################################################
*/
#tabs a { font-size:12px; font-weight:bold;}
#tabs .item {border-bottom:1px dashed #fff; margin-bottom:10px;margin-top:20px;}
#tabs .image {background:url('../_img/bg_picture.png'); float:left; margin-right:20px;margin-bottom:10px;}
#tabs .image img {width:116px; height:105px; margin:6px; }
#tabs .info { display:block;border:0px solid red; font-weight:bold;font-size:13px;}
#tabs .title {border:0px solid yellow;font-weight:bold;font-size:13px; margin-bottom:10px;}
#tabs .text {color: #A3AFC9; border:0px solid pink;}
#tabs .commands {border:0px solid green; text-align:right;color:#E5CB80;}
#tabs .commands a {color:#E5CB80; text-decoration:none;font-weight:normal; margin-left:5px;margin-right:15px;}
#tabs .commands a img {border:none;}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide {
display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.tabs-nav {
display: none;
}
}
/* Skin */
.content #tabs .tabs-nav {
list-style: none;
margin: 0;
padding: 0 0 0 0px;
border:1px dashed #fff; border-left:none; border-right:none;
width:100%;
}
.content #tabs .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: "";
}
.content #tabs .tabs-nav li {
float: left;
margin: 0 auto 0 auto;
min-width: 110px; /* be nice to Opera */
}
.content #tabs .tabs-nav a, .tabs-nav a span {
display: block;
background: url('tab.png') no-repeat; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0
}
.content #tabs .tabs-nav a {
position: relative;
top: 1px;
z-index: 2;
padding: 10px;
color:#00447F;
font-size: 12px;
font-weight: bold;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */
margin-top:5px;
margin-bottom:5px;
border-right: 1px dashed #fff;
}
.content #tabs .tabs-nav a.last { border-right: 0px dashed #fff;}
.content #tabs .tabs-nav .tabs-selected a {
color: #000;
color:#E5CB80;
}
.content #tabs .tabs-nav a:hover {
color: #000;
color:#E5CB80;
}
.content #tabs .tabs-nav .tabs-selected a, .content #tabs .tabs-nav a:hover, .content #tabs .tabs-nav a:focus, .content #tabs .tabs-nav a:active {
background-position: 100% -150px;
outline: 0; /* prevent dotted border in Firefox */
}
.content #tabs .tabs-nav a, .content #tabs .tabs-nav .tabs-disabled a:hover, .content #tabs .tabs-nav .tabs-disabled a:focus, .content #tabs .tabs-nav .tabs-disabled a:active {
background-position: 100% -100px;
}
.content #tabs .tabs-nav a span {
width: 64px; /* IE 6 treats width as min-width */
min-width: 64px;
height: 18px; /* IE 6 treats height as min-height */
min-height: 18px;
padding-top: 6px;
padding-right: 0;
}
.content #tabs *>.tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}
.content #tabs .tabs-nav .tabs-selected a span {
padding-top: 7px;
}
.content #tabs .tabs-nav .tabs-selected a span, .content #tabs .tabs-nav a:hover span, .content #tabs .tabs-nav a:focus span, .content #tabs .tabs-nav a:active span {
background-position: 0 -50px;
}
.content #tabs .tabs-nav a span, .content #tabs .tabs-nav .tabs-disabled a:hover span, .content #tabs .tabs-nav .tabs-disabled a:focus span, .content #tabs .tabs-nav .tabs-disabled a:active span {
background-position: 0 0;
}
.content #tabs .tabs-nav .tabs-selected a:link, .content #tabs .tabs-nav .tabs-selected a:visited, .content #tabs .tabs-nav .tabs-disabled a:link, .content #tabs .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.content #tabs .tabs-nav a:hover, .tabs-nav a:focus, .content #tabs .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.content #tabs .tabs-nav .tabs-disabled {
opacity: .4;
}
.content #tabs .tabs-container {
padding:0px;
background: #000E21; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.content #tabs .tabs-loading em {
background: url('loading.gif') no-repeat 0 50%; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
}
.tabs-nav {
display: inline-block;
}
.tabs-nav .tabs-disabled {
position: relative;
filter: alpha(opacity=40);
}
.tabs-nav .tabs-disabled a span {
_height: 19px;
min-height: 19px;
}
/*
END TABS
#########################################################################################################################
*/
/* jquery date picker */
table.jCalendar {
border: 1px solid #000;
background: #aaa;
border-collapse: separate;
border-spacing: 2px;
}
table.jCalendar th {
background: #333;
color: #fff;
font-weight: bold;
padding: 3px 5px;
}
table.jCalendar td {
background: #ccc;
color: #000;
padding: 3px 5px;
text-align: center;
}
table.jCalendar td.other-month {
background: #ddd;
color: #aaa;
}
table.jCalendar td.today {
background: #666;
color: #fff;
}
table.jCalendar td.selected {
background: #f66;
color: #fff;
}
table.jCalendar td.selected.dp-hover {
background: #f33;
color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
background: #fff;
color: #000;
}
table.jCalendar tr.selectedWeek td {
background: #f66;
color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
background: #bbb;
color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
background: #bbb;
color: #888;
}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
position: relative;
background: #ccc;
font-size: 10px;
font-family: arial, sans-serif;
padding: 2px;
width: 171px;
line-height: 1.2em;
}
div#dp-popup {
position: absolute;
z-index: 199;
}
div.dp-popup h2 {
font-size: 12px;
text-align: center;
margin: 2px 0;
padding: 0;
}
a#dp-close {
font-size: 11px;
padding: 4px 0;
text-align: center;
display: block;
}
a#dp-close:hover {
text-decoration: underline;
}
div.dp-popup a {
color: #000;
text-decoration: none;
padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
position: absolute;
top: 2px;
left: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-prev a {
float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor: default;
}
div.dp-popup div.dp-nav-next {
position: absolute;
top: 2px;
right: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-next a {
float: right;
}
div.dp-popup a.disabled {
cursor: default;
color: #aaa;
}
div.dp-popup td {
cursor: pointer;
}
div.dp-popup td.disabled {
cursor: default;
}
/* BOOKING BAR */
.bookingWH
{
margin-left : auto;
margin-right : auto;
margin-top : 0px;
padding-bottom : 3px;
width : 982px;
background-color: #213250;
font-size: 11px;
font-weight: bold;
color: #FFD945;
display:block;
border:1px solid #808080;
border-top:2px solid #808080;
}
.bookingWH select
{
border-top: 1px solid #000E22;
border-left: 1px solid #000E22;
border-bottom: 1px solid #2A4569;
border-right: 1px solid #2A4569;
background: #24447F;
color: White;
margin-right:15px;
padding:3px;
font-size:11px;
}
.bookingWH button
{
margin-top: 5px;
background: url('../_img/bg_booking_button.png');
border-top: 1px solid #2A4569;
border-left: 1px solid #2A4569;
border-bottom: 1px solid #000E22;
border-right: 1px solid #000E22;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
max-height: 25px;
color :White;
font-family: Tahoma, Helvetica,Arial, sans-serif;
}
input#checkin{background:#24447F;border-top: 1px solid #000E22;border-left: 1px solid #000E22;border-bottom: 1px solid #2A4569;border-right: 1px solid #2A4569; color:#fff;padding:3px;margin-right:20px;}
.bookingWH label{padding-left:8px;font-size:12px;}
.ui-datepicker
{
font-size: 70%;
color: #CCB873;
border-color:#112240;
}
.ui-datepicker-calendar
{
background-color: #112240;
}
.ui-helper-hidden-accessible
{
background-color: #112240;
}
.ui-datepicker-header, .ui-datepicker-title
{
background: #1B4788;
border-color:#CCB873;
}
.subheader{margin-bottom:0px;}