/**
 * /cms/
 *
 * style.css
 * foglio di stile CSS 2.0 principale
 *
 * @author    Mattia Placido (MoiKano) Opizzi <info@moikano.it>
 * @copyright Copyright 2010, MoiKano
 * @license   http://www.gnu.org/licenses/gpl.txt GNU Public License v2.0
 * @version   20100829
 * @package   [cms]
 */

/* http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
/*    background: transparent; ... IE7 non applica gli stili sui tr ... serve per ui-widget-header */
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**
 * tag XHTML
 */
body {
    background: #EEE;
    line-height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
}
img,
input,
select {
    vertical-align: middle;
}
a:link,
a:visited,
a:hover,
a:focus,
a:active {
    font-weight: bold;
    text-decoration: none;
    color: #666;
}
a:hover,
a:focus,
a:active {
    text-decoration: underline;
}

/**
 * jQuery UI
 */
.ui-widget {
    line-height: 12px;
    font-size: 11px;
}
.ui-widget-content {
    color: #666;
}
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
}
.ui-dialog .ui-state-highlight {
    margin-top: 15px;
    padding: 5px 10px;
    width: 256px; /* IE6/7 */
}
.ui-dialog .ui-datepicker-trigger {
    margin: 7px 0 0 4px;
    float: left;
    cursor: pointer;
}
.ui-selectmenu-menu {
    display: none;
    z-index: 1100;
}
.ui-selectmenu-open {
    display: block;
}
.ui-dialog .ui-selectmenu,
.ui-selectmenu-menu li a {
    font-weight: normal;
    text-decoration: none;
}
/* hack per scrollbars con overlay in IE8 ... http://dev.jqueryui.com/ticket/3623 */
.ui-widget-overlay {
    position: fixed;
}
.ui-widget-overlay {
    _position: absolute; /* IE6 */
}

/**
 * jQuery jTip
 */
#JT_arrow_left {
    background-image: url(../img/tooltip_arrow_left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 10px;
    height: 23px;
    position: absolute;
    top: -3px;
    left: -12px;
    z-index: 101;
}
#JT_arrow_right {
    background-image: url(../img/tooltip_arrow_right.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 11px;
    height: 23px;
    position: absolute;
    top: -2px;
    z-index: 101;
}
#JT {
    border: 2px solid #CCCCCC;
    background-color: #fff;
    position: absolute;
    z-index: 100;
}
#JT_copy {
    padding: 10px 10px 10px 10px;
    color: #333333;
}
.JT_loader {
    background-image: url(../img/tooltip_loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 12px;
}
#JT_close_left {
    background-color: #CCCCCC;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 8px;
    font-weight: bold;
    text-align: left;
}
#JT_close_right {
    background-color: #CCCCCC;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 8px;
    font-weight: bold;
    text-align: left;
}
#JT_copy p {
    margin: 3px 0;
}
#JT_copy img {
    border: 1px solid #CCCCCC;
    padding: 1px;
}
.jTip {
    cursor: help;
}

/**
 * login
 */
.dialog-login .ui-dialog-titlebar-close {
    display: none;
}
#dialog-login fieldset {
    padding: 15px 0 5px 0;
}
#dialog-login label,
#dialog-login input {
    margin-bottom: 5px;
    display: block;
}
#dialog-login input.text {
    margin-bottom: 12px;
    padding: 6px;
    width: 262px; /* 262px width + 12px padding + 2px border = 276px fieldset */
}

/**
 * logout
 */
#logout {
    border: 1px solid #CCC;
    border-bottom: none;
    background-color: #FFF;
    padding: 8px 15px;
    position: absolute;
    top: 21px;
    left: 20px;
}

/**
 * boxBooking
 */
#boxBooking {
    margin: 0 auto;
    padding: 50px 20px 20px 20px;
    min-width: 400px;
    position: relative;
}
#booking-header {
    border: 1px solid #CCC;
    border-bottom: none;
    background-color: #FFF;
    padding: 15px 0;
    font-size: 18px;
    text-align: center;
}
#booking-table {
    border-color: #CCC;
    width: 100%;
}
#booking-table th,
#booking-table td {
    border: 1px solid #CCC;
    padding: 8px 10px;
}
#booking-table th a:link,
#booking-table th a:visited,
#booking-table th a:hover,
#booking-table th a:focus,
#booking-table th a:active {
    color: #FFF;
}
#booking-table .col-date {
    width: 144px; /* 144px width + 20px padding + 1px border = 165px */
    text-align: center;
    white-space: nowrap;
}
#booking-table .col-room {
    background-repeat: repeat;
    width: 74px; /* 74px width + 20px padding + 1px border = 95px */
}
#booking-table .col-room-agent,
#booking-table .col-room-booking {
    cursor: pointer;
}
#booking-table .col-room-agent span {
    width: 74px; /* stesso di .col-room */
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}
#booking-table .col-room-on {
    background-color: #DFDFDF;
}
#dialog-booking .confirm {
    padding: 35px 0;
    text-align: center;
}
#dialog-booking .confirm p img {
    margin-right: 10px;
}
#dialog-booking .confirm button {
    margin-top: 15px;
}
#dialog-booking .sx {
    float: left;
}
#dialog-booking .dx {
    float: right;
}
#dialog-booking fieldset {
    padding: 15px 0 5px 0;
}
#dialog-booking label,
#dialog-booking input,
#dialog-booking select,
#dialog-booking textarea {
    margin-bottom: 5px;
    display: block;
    clear: both;
}
#dialog-booking input.text,
#dialog-booking input.smalltext,
#dialog-booking input.date,
#dialog-booking textarea.text {
    margin-bottom: 12px;
    padding: 6px;
    width: 262px; /* 262px width + 12px padding + 2px border = 276px fieldset */
}
#dialog-booking input.smalltext {
    width: 115px;
}
#dialog-booking input.date {
    width: 95px;
    float: left;
}
#dialog-booking .ui-selectmenu {
    margin-bottom: 12px;
}
#dialog-booking .ui-selectmenu {
    height: 26px;
}
#dialog-booking .ui-selectmenu-status {
    padding-top: 6px;
}

/**
 * pages
 */
#dialog-pages {
    padding: 25px;
    line-height: 1.5em;
    font-size: 12px;
}
#dialog-pages .loading {
    padding: 25px;
    text-align: center;
}
#boxLegend table {
    margin: 0 auto;
}
#boxLegend td {
    border: 1px solid #CCC;
    padding: 10px 15px;
    text-align: center;
    white-space: nowrap;
}
#boxLegend .legend {
    background-repeat: repeat;
    width: 20px;
}