#welcome_main
{
    position:relative;
    float:right; 
    clear:none;
}
#welcome_text
{
    position:relative;
    text-align:right;
/*    width:300px; */
    margin-top:3%;
}
.headerspace
{
   font-size:9pt;
   display:block;
   font-weight:bold;
}
.payment_link
{
    color:#c00000; 
    cursor:pointer;
}
.payment_link:hover
{
     color:#c00000;
     text-decoration:underline;
}
/*#second_bookingline
{
    background:#e6e0ec;
    color:black;
    text-decoration:none;
    clear:both;
    height:32px;
    background: -webkit-linear-gradient(#e6e0ec, #b5a3c7); /\* For Safari 5.1 to 6.0 *\/
    background: -o-linear-gradient(#e6e0ec, #b5a3c7); /\* For Opera 11.1 to 12.0 *\/
    background: -moz-linear-gradient(#e6e0ec, #b5a3c7); /\* For Firefox 3.6 to 15 *\/
    background: linear-gradient(#e6e0ec, #b5a3c7);
}*/
#save_prompt
{
    display:inline-block;
}
#searchpage
{  
    background-color:#f2f2f2;
    width:550px;
}
#inner_searchpage
{
    margin-left:2%;
}
.input-control.operator_search
{
    height:24px;
    width:450px;
    margin:0;
}
.input-control.operator_search_left
{    
    height:24px;
    width:180px;
    margin:0;
}
.input-control.operator_search_right
{   
    height:24px;
    width:180px;
    margin:0;
}
/*#searchbutton
{
    float:left;
}*/
/*.buttonblock.operator_button
{
    width:10.6%;
    background-color:#e6e0ec;
    color:black;
    background: -webkit-linear-gradient(#e6e0ec, #b5a3c7); /\* For Safari 5.1 to 6.0 *\/
    background: -o-linear-gradient(#e6e0ec, #b5a3c7); /\* For Opera 11.1 to 12.0 *\/
    background: -moz-linear-gradient(#e6e0ec, #b5a3c7); /\* For Firefox 3.6 to 15 *\/
    background: linear-gradient(#e6e0ec, #b5a3c7);
}*/
.buttonblock.operator_button:hover
{
    color:#c00000;
/*    text-shadow: 0 0 10px #c00000; */
}
#operator_bookingstable
{
    width:100%;
}
.pspace
{
    margin:-1px;
}
#hotelname
{
    background-color:#404040;
    height:40px;
    width:100%;
}
.hotelcolor
{
    color:white;
    font-weight:bold;
    font-size:14pt;
    margin-left:1%;
    top:18%;
    position:relative;
}
.pspacing
{
    margin:0px;
}
.datepicker 
{
    background-image: url(/web/static/src/img/ui/field_calendar.png);
    background-position: right 3px center;
    background-repeat: no-repeat;
    cursor:pointer;
}
/*.ui-datepicker
{
    width:13.8em;
}*/
#search_form:before,
#search_form:after 
{
    content: " "; /* 1 */
    display: table; /* 2 */
}

#search_form:after 
{
    clear: both;
}
#search_form
{
    clear:both;
    width:100%;
    position:relative;
    margin-left:3%;
}



/* Google Map CSS */

/*#map_canvas 
{
    height:500px;
   
}  
/\*#grid_view
{
    display:inline-block;
    width:20%;
}*\/*/
#main_map_div
{
    height:690px;
    width:100%;
}
#map_canvas 
{
    width:80%;
    height:690px;
/*    display:table-cell;*/
    float:right;
}  
#grid_view
{
/*    display:table-cell;*/
    height:690px;
    overflow-y:auto;
    width:20%;
    float:left;
    border:1px solid #CCC;
    padding:5px;
}
#filter
{
    font-weight:bold;
    cursor:pointer;
}
#sub_contents
{
    vertical-align:middle;
    padding-top:8px;
    padding-left:1%;
    display:inline-block;
}
.mask 
{   
    position:relative;
    float:left; 
    width:26%; 
    height:180px;
    text-align:center;
}
.img-rounded
{
    width:100%;
    height:180px;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
ul.images
{
    height:180px;
    margin-bottom:6px;
}
/*ul.images 
{ 
    position:relative; 
    top:0px;
    left:0px; 
    background-color:aqua;
}
ul.images li 
{     
    position:absolute; 
    top:0px;
    left:0px; 
    background-color:red;
}*/

/*ul.triggers 
{ 
    position:absolute; 
    top:250px 
}*/
ul.triggers
{
    margin: auto;
    display: inline-block;
}

ul.triggers li 
{ 
    float:left; 
    margin:0 5px; 
    font: 9pt arial;  
    cursor:pointer;
    color:#000; 
    padding-left:10px;
    list-style-type:disc;
    font-size:20pt;
}
/*
.control 
{
    position:absolute; 
    top: 380px; 
    color:#fff; 
    cursor:pointer;
}
.prev { left:120px; }
.next { 
left:180px; 
}*/

/*.img-rounded 
{
    height: 200px;
    position: relative;
    background-size: cover;
    max-width:100%;
    overflow:hidden;
}*/
/*#partner_div
{
    position: absolute;
    left: 234px;
    width: 14%;
    min-height: 25px;
    display: block;
    background-color: #e6e0ec;
    padding:5px;
    text-align:center;
}*/


.w_mask 
{   
    position:relative;
    float:left; 
    width:100%; 
    height:240px;
    text-align:center;
}
.img-w-rounded
{
    width:100%;
    height:240px;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    border-radius:5px;
}
ul.w_images
{
     height:240px;
     margin-bottom:6px;
}
ul.w_triggers
{
    margin: auto;
    display: inline-block;
}
ul.w_triggers li 
{ 
    float:left; 
    margin:0 5px; 
    font: 9pt arial;  
    cursor:pointer;
    color:#000; 
    padding-left:10px;
    list-style-type:disc;
    font-size:20pt;
}
.availability_border
{
    box-sizing: border-box;
    border:none;
    -webkit-box-shadow:inset 0 0px 0px #000,0 0 6px #000;
    box-shadow:inset 0 0px 0px #000,0 0 6px #000;    
/*    display:block;*/
    -moz-box-shadow:inset 0 0px 0px #000,0 0 6px #000; /* Firefox */
}
.availability_border_yes
{
    border: 1px solid #c00000;
    -webkit-box-shadow: inset 0 0px 0px #c00000,0 0 6px #c00000;
    box-shadow: inset 0 0px 0px #c00000,0 0 6px #c00000;
    -moz-box-shadow:inset 0 0px 0px #c00000,0 0 6px #c00000 /* Firefox */
/*    display: block;*/
} 
/*i#empty_star:hover:before, #empty_star i#empty_star:hover~span#empty_star:before 
{
    content:"\f005";
    color:#793487;
}*/
.ui-progressbar .ui-progressbar-value 
{                      
    background-image:none;
    background-color:#aaaaaa;
    height:inherit;
}
.ui-progressbar 
{
    /*height:1em;
    position:relative;
    border:0;
    margin-left:20%;*/
    height: 1.5em;
position: absolute;
margin-left: 44%;
z-index: 999;
width: 20%;
margin-top: 26%;
background-color:#aaaaaa;  
text-align:center;
-webkit-box-shadow: inset 0 0px 0px #c00000,0 0 6px black;
    box-shadow: inset 0 0px 0px #c00000,0 0 6px black;
    -moz-box-shadow:inset 0 0px 0px #c00000,0 0 6px black;
}
.progress-label 
{
    float: left;
    font-weight: bold;
    width:100%;
    margin-top:1px;
} 
.v_line:after
{
    content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid #e5e5e5;
}
.v_line
{
/*    margin: 10px auto;*/
    height: 140px;
/*    border:1px solid #333;*/
    position:relative;
    text-align:center
}