/* Layout */

body { font: 62.5% "Trebuchet MS", sans-serif; margin: 0px; padding: 0; background: #deeff8; }

#layout {
    width: 100%;
}

#layout .layout_helper {
    width: 100%;
    float: left;
}

#header {
    border-bottom: 1px solid #ccc;
}

#header .content_helper {
    position: relative;
    padding: 5px 5px 5px 5px;
}

#footer {
    width: 100%;
    height: 40px;
    float: left;
}

#footer .content_helper {
    padding: 0 5px 0 5px;
    border-top: 1px solid #ccc;
}

#content {
    float: left;
    clear: right;
    display: inline-block;
}

#content .content_helper {
    margin: 5px;
    float: left;  
    clear: both;
    width: 100%;
    display: inline-block;
    /*position: relative;*/
}

#content .panel .content_helper {
    padding: 5px;
    margin: 0;
    width: auto;
    float: none;
    clear: none;
}

#content .panel {
    float: left;  
    clear: right;
}

/*#content #main_content_panel {
    position: absolute;
    top: 20px;
    left: 25px;
    width: 75%;
    overflow: hidden;
}*/

#main_content_panel {
}

#content #left_panel {
/*    float: left;*/
    border: none;
/*    overflow: hidden;*/
}

#content #left_panel .content_helper {
}

/*#content #right_panel {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 203px;
    text-align: center;
    background-color: transparent;
    border: none;
}*/

#content #right_panel {
    float: right;
    width: 208px;    
    text-align: center;
    background-color: transparent;
    border: none;
}

#content #right_panel .content_helper {
    padding-top: 0px;
}

#content #right_panel #tools {
    height: 20px;
    margin-bottom: 5px;
}

#content #right_panel #tools ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#content #right_panel #tools ul li {
    float: left;
    text-align: center;
    margin-right: 10px;
    padding: 0 3px 0 3px;
}
#content #right_panel #tools ul li a {    
}
#content #right_panel #tools ul li.active .ui-icon {}
#content #right_panel #tools ul li.title {
    font-weight: bold;
    width: 115px;
    text-align: left;
    margin: 0;
    line-height: 16px;
}

#header #logo {
    position: absolute;
    top: 5px;
    left: 5px;
}
#header #logo img {
    border: none;
}

/* Header login form */

#header .login_form {
    width: 200px;
    height: 78px;
    float: right;
}
#header .login_form fieldset {
    border: none;
    padding: 0;
}
#header .login_form .round_box_content {
    position: relative;
}
#header .login_form .header {
    position: absolute;
    top: 0px;
    left: 0px;
}
#header .login_form .header .title {
    font-size: 1.4em;
}
#header .login_form form .fields {
    padding-top: 20px;
}
#header .login_form input.text { width: 150px; height: 20px; border-width: 1px; border-style: solid; margin: 0 0 3px 0; padding: 2px 2px 0px 2px; }
#header .login_form .ui-button {
    width: 18px;
    height: 73px;
    text-indent: -99999px;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

#footer .contentblock {
    float: right;
}

#footer .content_helper {
    padding: 2em;
}

/* Common */

.clearfix {
    clear: both;
}

a {
    text-decoration: underline;
}
a:hover {
   text-decoration: none;
}

.round_box {
    border-width: 1px;
    border-style: solid;
    background: #fff;
}
.round_box .round_box_content {
    margin: 2px;
}

.panel {
    background: #fff;
}

.clickable {
    cursor: pointer;
}

#application_messages {
    position: absolute;
    top: 3px;
    left: 0px;
    width: 100%;
}
#application_messages .ui-widget {
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    text-align: left;
    font-size: 1.1em;
}
#application_messages .ui-widget div {
    padding: 0.7em;
}
#application_messages .ui-widget .ui-icon {
    float: left;
    margin-right: 10px;
}

/* jQuery UI */

#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

/* Widgets */

#quickselector {
    margin: 5px 0 5px 0;
    padding:0.2em 0.2em 0;
    width: 17em;
}
#quickselector .header {
    padding: 0.2em 0;
}
#quickselector .header .title {
    line-height:1.8em;
    margin:0 2.3em;
    text-align:center;
}
#quickselector ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#itemcalendar_legend {
    margin: 5px 0 5px 0;
}
#itemcalendar_legend ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#itemcalendar_legend ul li {
    margin: 0 0 2px 0;
    padding: 2px 0;
}
#itemcalendar_legend ul .cell {
    float: left;
    width: 50px;
}
#itemcalendar_legend ul .title {
    float: left;
    margin-left: 5px;
}

/* jqTools Tabs */

/* Action buttons */

.action_buttons {
    margin: 0 1em 0.5em 0;
    display: inline-block;
    clear: both;
}

.action_buttons .action_button {
    display: block;
    position: relative;
    float: left;
    width: 100px;
    height: 17px;
    cursor: pointer;
    text-decoration: none;
    margin-right: 1em;
}
.action_buttons .action_button:hover {
    text-decoration: underline;
}
.action_buttons .action_button .ui-icon {
    margin-left: 2px;
    cursor: pointer;
}
.action_buttons .action_button label {
    display: block;
    position: absolute;
    left: 22px;
    top: 2px;
    font-size: 105%;
    cursor: pointer;
}

/* Reservation */

#reservation_area {
    min-width: 800px;
}
#reservation_area .loader {
    float: right;
}
#reservation_area div.panes .pane {
    overflow: auto;
}

#date_block {
    border: 1px solid #ccc;
    padding: 0 10px 0 10px;
}

#reservation_area ul.tabs {
    border-bottom: none;
}

#reservation_area div.panes .pane {
	display:none;		
	padding:15px 10px;
/*  border:1px solid #999;*/
	border-top:0;
	background-color:#fff;
}

#reservation_area .form_holder {
    width: 715px;
}

#reservation_area .selected_timeline {
    margin-bottom: 10px;
}

#reservation_area .timeline_holder {
    margin: 0 0 5px 0;
    width: 45%;
    float: left;
}

#reservation_area .info_holder {
    margin: 5px 0 5px 0;
    padding: 5px;
    width: 52%;
    float: right;
    font-weight: normal;
}

#reservation_area .info_holder .date,
#reservation_area .info_holder .start_time,
#reservation_area .info_holder .end_time,
#reservation_area .info_holder .price_amount {
    font-weight: bold;
}

#help_block {
    width: 95%;
    margin: 5px auto 5px auto;
}
#help_block .help_block_content {
    margin: 0 8px 0 8px;
    padding: 6px 0 4px 27px;
    background: transparent url('../project/images/tango/22x22/apps/help-browser.png') no-repeat center left;
}

body.reservation_final #reservation_details {
    margin: 0 5px 10px 10px;
}

.day_calendar .navigation {
}

.day_calendar .vertical_items tbody td.start_time,
.day_calendar .horizontal_items tbody td.start_time {
    background-image: url('../images/reservation-timeline-vert-start.png');
    background-position: top left;
    background-repeat: no-repeat;
    /*background: url('../images/reservation-timeline-vert-start.png') top left no-repeat;*/
}
.day_calendar .vertical_items tbody td.end_time,
.day_calendar .horizontal_items tbody td.end_time {
    background-image: url('../images/reservation-timeline-vert-end.png');
    background-position: top right;
    background-repeat: no-repeat;
    /*background: url('../images/reservation-timeline-vert-end.png') top right no-repeat;*/
}

.day_calendar .vertical_items tbody td a {
    display: block;
}

/* blockUI */

.blockOverlay {
    
}
.blockMsg {
    
}

.form_holder {
    width: 765px;
}
.duct_form_holder .duct_form_actions input {
    width: 30%;
}

/* Registration */

body.authentication_register #header {
    height: 90px;
}

body.authentication_register #right_panel {
    display: none;
}

body.authentication_recover #left_panel {
    width: 580px;
}

/* Password recover */

body.authentication_recover #right_panel {
    display: none;
}
body.authentication_recover #left_panel {
    width: 580px;
}

/* Profile */

body.authentication_profile #left_panel {
    width: 580px;
}

#project_authentication_profile {
    margin: 10px;
}

a.inactive {
    cursor: default;
}

/* Payment Gateway return page */

body.pmgw #right_panel {
    display: none;
}
body.pmgw #left_panel {
    width: 580px;
}
body.pmgw .pmgw_results_content .pmgw_errors {
    margin-bottom: 10px;
}
body.pmgw .pmgw_results_content .pmgw_errors h2 {
    margin: 5px 0 5px 5px;
}
body.pmgw .pmgw_results_content .pmgw_errors ul {
    list-style-type: none;
    margin: 5px;
    padding: 0;
}
body.pmgw .pmgw_results_content .pmgw_errors ul li {
    margin: 0;
    padding: 0 0 2px 0;
}
body.pmgw .pmgw_results_content .pmgw_result_info {
    padding: 5px;
}
body.pmgw .pmgw_results_content .pmgw_result_info h2 {
    margin: 0 0 5px 0;
}
body.pmgw .pmgw_results_content .pmgw_transaction_info {
    margin: 10px 0 10px 0;
}
body.pmgw .pmgw_results_content .pmgw_transaction_info h2 {
    margin: 0 0 5px 0;
}
body.pmgw .pmgw_results_content .pmgw_transaction_info .order_contents {
    margin: 0 0 0 5px;
    padding: 0;
    list-style-type: none;
}
body.pmgw .pmgw_results_content .pmgw_transaction_info .order_contents li {
    margin: 2px 0 2px 0;
    padding: 3px;
}
body.pmgw .pmgw_results_content .pmgw_transaction_info .order_contents li.total_amount {
    margin-top: 10px;
}
body.pmgw .pmgw_results_content .pmgw_transaction_info .order_contents li .price,
body.pmgw .pmgw_results_content .pmgw_transaction_info .order_contents li .currency {
    font-weight: bold;
}

.pmgw_module_checkout_form input.save {
    display: block;
    border: none;
    cursor: pointer;
    text-indent: -1000px;
    width: 500px;
    height: 76px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top left;
}
.checkout_type_banks_only .pmgw_module_checkout_form input.save {
    background-image: url('../images/pmgw/checkout_banner-horz-banks-500x76.gif');
}
.checkout_type_full .pmgw_module_checkout_form input.save {
    background-image: url('../images/pmgw/checkout_banner-horz-all-500x76.gif');
}

/* Hook launchers */

#hook_launchers_holder .hook_launcher {
    margin: 5px;
    padding: 10px;
}

/* Payment hook launcher */

#payment_hook_launcher .payment_title {
    margin: 0 0 3px 0;
    padding: 0;
}
#payment_hook_launcher .project_pmgw_cart {
    width: 500px;
}
#payment_hook_launcher .project_pmgw_cart th.label {
    text-align: left;
}
#payment_hook_launcher .project_pmgw_cart tr.total td,
#payment_hook_launcher .project_pmgw_cart tr.total th {
    border-top: 1px solid #ccc;
}
#payment_hook_launcher .project_pmgw_cart tr.total td.price_without_vat {
    text-align: right;
}
#payment_hook_launcher .project_pmgw_cart tr.item td.price_with_vat {
    text-align: center;
}
#payment_hook_launcher .pmgw_module_checkout_form {
    margin-top: 10px;
}

#return_to_start {
    margin: 30px auto 10px auto;
    width: 90%;
    text-align: center;
}

#return_to_start a {
    display: block;
    width: 100%;
    padding: 15px 0 15px 0;
    text-decoration: none;
    font-size: 22px;    
}