/* begin overall style */
body
{
        color: #333;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.div_header_up {
	background-image: url(/img/up.jpg);
	height: 10px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: bottom;
}

h1
{
        color:#155EA3;
        font-family:Georgia,"Times New Roman",Times,serif;
        font-size:24px;
        font-weight:bold;
        margin:0;
        padding:0;
}

h2
{
        color:#155EA3;
        font-family:Georgia,"Times New Roman",Times,serif;
        font-size:18px;
        font-weight:bold;
        margin:0;
        padding:0;
}

.div_footer_down {
	background-image: url(../img/down.jpg);
	height: 10px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#page
{
		width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/bkg_content.jpg);
	background-repeat: repeat-y;

}

#header
{
    width: 960px;
    margin: auto;
    height: 150px;
    margin-top: 10px;
    background-image: url(../img/header.jpg);

}

.div_shadow_header {
	background-image: url(../img/shadow_header.jpg);
	background-repeat: repeat-x;
	height: 6px;
        position:relative;
        top: 15px;
        width: 960px;
        margin:auto;
}
#mainmenu
{
	position: relative;
	top: -30px;
        left: 85px;
}

#mainmenu ul
{
	padding: 0;
	margin: 0;
	padding: 0.4em 0 0.3em 0;
}

#mainmenu ul li
{
	display: inline;
        padding-left: 2px;
}

#mainmenu ul li a
{
	padding: 0.4em 0.4em;
	color: white;
	text-decoration: none;
	font-weight: bold;
        font-size: 13px;
}

#mainmenu ul li a:hover, #mainmenu ul li a.active
{
	text-decoration: underline;
}

#content
{
    float:none;
    width: 610px;
    margin: 0 170px;
    padding: 0px;
    margin-left: 160px;
    margin-right: -810px;
    padding-right: 20px;
    min-height: 800px;
}
#content.no-sidebars
{
    width: 920px;
    margin-left: 20px;
}

#content.right-sidebar
{
    width: 770px;
    margin-left: 20px;
}

#footer
{
	
}
/* end of overall style */

/* begin data grid style */
table.dataGrid
{
	background: white;
	border-collapse: collapse;
	max-width: 900px;
}

table.dataGrid th, table.dataGrid td
{
	font-size: 0.9em;
	border: 1px #4F81BD solid;
	padding: 0.3em;
}

table.dataGrid th,
table.dataGrid td option,
table.dataGrid td select
{
	font-size: 10px;
}

table.dataGrid th
{
	background: #d3dfee;
	text-align: center;
}

table.dataGrid th.label
{
	width: 150px;
}

table.dataGrid tr.odd
{
	background: #E6F2FF;
}
/* end of data grid style */

.actionBar
{
	margin: 10px;
}

div.item
{
	margin: 10px 0 0 0;
	border: 1px solid silver;
	padding: 5px;
}

a.hidden_span span
{
    display: none;
}

a.hidden_span:hover span
{
    display: inline;
    position: absolute;
    min-width: 300px;
    padding: 5px;
    margin: 10px;
    z-index: 100;
    color: #555;
    background: #fff;
    border: 1px solid #ccc;
    font: 10px Verdana, sans-serif;
    text-align: center;
}

a:hover span span.required
{
    display:none;
}

.deleted
{
    color: #f00;
}

#count
{
    font-family: tahoma;
    font-size: 11px;
    color: #000;
    padding-top: 4px;
    height: 13px;
}

.counts
{
    float: left;
    margin-left: 15px;
}

#count .count_number
{
    color:#155EA3;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:bold;
}

.div_footer_links {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #003366;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../img/sep_line_big.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.div_footer_image {
	height: 54px;
	background-image: url(../img/bkg_footer2.jpg);
	background-repeat: no-repeat;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 10px;
	background-position: top;
        width: 960px;
        margin: auto;
}
.div_footer_image a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
		font-weight: bold;
}
.div_footer_links a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
}
.div_footer_links a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #003366;
	text-decoration: underline;

}

#main
{
    margin-top: 15px;
    margin-left: 10px;
    width:960px;
    min-height: 1100px;
    margin-bottom:0px;
}

#main-inner{
    
}

#left_sidebar
{
float: left;
height:800px;
width:150px;
margin-left:0px;
margin-right: -150px;
}

#right_sidebar
{
float: left;
margin-left: 780px;
height:800px;
width:180px;
margin-right: -960px
}

.div_left_menu {
	float: left;
	width: 150px;
	height: 800px;
}
.div_link_left {
	font-weight: normal;
	background-image: url(../img/sep_line.jpg);
	background-position: left bottom;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-repeat: no-repeat;
	color: #003366;
	font-size: 11px;
}
.div_link_left a{
	text-decoration: none;
	color: #003366;
	font-size: 11px;
}
.div_link_left a:hover{
	text-decoration: underline;
	color: #003366;
	font-size: 11px;
}

.div_right_side_index {
	float: left;
	width: 150px;
	padding-left: 11px;
}

.div_banner_right1 {
	text-align: center;
	margin-bottom: 20px;
}

#bottom_banner
{
    width: 550px;
    margin:0 auto;
    text-align: center;
}

/*a:hover span.ui-icon
{
    display:block;
    left:50%;
    margin-left:-8px;
    margin-top:-8px;
    position:absolute;
    top:50%;
    background-position:-80px -192px;
    height:4px;
    width:4px;
    min-width:0px;
    background-color:#ccc;
    border: none;
}

 a.ui-datepicker-next:hover span.ui-icon
{
    background-position:-48px -192px;

}
*/

.red_bold
{
    color:#cc0000;
    font-weight:bold;

}

/* begin data grid style */
.grid-view table.items
{
	background: white;
	border-collapse: collapse;
	max-width: 900px;
}

.grid-view table.items th,
.grid-view table.items td
{
	font-size: 0.9em;
	border: 1px #4F81BD solid;
	padding: 0.3em;
}

.grid-view table.items th,
.grid-view table.items td option,
.grid-view table.items td select
{
	font-size: 13px;
}

.grid-view table.items th
{
	background: #d3dfee;
	text-align: center;
}

.grid-view table.items th.label
{
	width: 150px;
}

.grid-view table.items tr.odd
{
	background: #E6F2FF;
}
/* end of data grid style */

/*
.grid-view-loading
{
	background:url(loading.gif) no-repeat;
}

.grid-view
{
	padding: 15px 0;
}

.grid-view table.items
{
	background: white;
	border-collapse: collapse;
	width: 100%;
	border: 1px #D0E3EF solid;
}

.grid-view table.items th, .grid-view table.items td
{
	font-size: 0.9em;
	border: 1px white solid;
	padding: 0.3em;
}

.grid-view table.items th
{
	color: white;
	background: url("bg.gif") repeat-x scroll left top white;
	text-align: center;
}

.grid-view table.items th a
{
	color: #EEE;
	font-weight: bold;
	text-decoration: none;
}

.grid-view table.items th a:hover
{
	color: #FFF;
}

.grid-view table.items th a.asc
{
	background:url(up.gif) right center no-repeat;
	padding-right: 10px;
}

.grid-view table.items th a.desc
{
	background:url(down.gif) right center no-repeat;
	padding-right: 10px;
}

.grid-view table.items tr.even
{
	background: #F8F8F8;
}

.grid-view table.items tr.odd
{
	background: #E5F1F4;
}

.grid-view table.items tr.selected
{
	background: #BCE774;
}

.grid-view table.items tr:hover
{
	background: #ECFBD4;
}

.grid-view .link-column img
{
	border: 0;
}

.grid-view .button-column
{
	text-align: center;
	width: 60px;
}

.grid-view .button-column img
{
	border: 0;
}

.grid-view .checkbox-column
{
	width: 15px;
}

.grid-view .summary
{
	margin: 0 0 5px 0;
	text-align: right;
}

.grid-view .pager
{
	margin: 5px 0 0 0;
	text-align: right;
}

.grid-view .empty
{
	font-style: italic;
}

.grid-view .filters input,
.grid-view .filters select
{
	width: 100%;
	border: 1px solid #ccc;
}
*/

.search-form label
{
    margin-left: 7px;

}

*{
    margin:0px;
    padding:0px;
}

#wizard{
    padding-bottom:15px;
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 15px;
    background: url(/images/bg.jpg);
    text-align:center;
    width:595px;
    position:relative;
    height:100%;
    border: none;
}

#wizard .left{
    text-align: left;
}
#wrapper{
   /* -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;*/
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    border:1px solid #ccc;
    border-top:none;
    width:598px;
    overflow:hidden;
}

#newForm{
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    border:3px solid #fff;
}

div.yiiForm #wrapper fieldset {
    padding: 0px;
    margin: 0px;
}

div.yiiForm #wrapper div.simple,
div.yiiForm #wrapper div.complex {
    clear: both;
    min-height: 25px;
    background: none;
}

#steps{
 /*   width:600px;
    height:280px;
    overflow:hidden;*/
 /*background: none repeat scroll 0 0 #F4F4F4;*/

}
.step{
    float:left;
    width:600px;
    height:350px;
    margin-top:00px;
}
#navigation{
    height:29px;
    background-color:#e9e9e9;
    border-top:1px solid #fff;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
#navigation ul{
    list-style:none;
	float:left;
	margin-left:22px;
}
#navigation ul li{
	float:left;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    position:relative;
	margin:0px 2px;
}
#navigation ul li a{
    display:block;
    height:29px;
    background-color:#444;
    color:#777;
    outline:none;
    font-weight:bold;
    text-decoration:none;
    line-height:29px;
    padding:0px 10px;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    background:#f0f0f0;
    background:
        -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.09, rgb(240,240,240)),
        color-stop(0.55, rgb(227,227,227)),
        color-stop(0.78, rgb(240,240,240))
        );
    background:
        -moz-linear-gradient(
        center bottom,
        rgb(240,240,240) 9%,
        rgb(227,227,227) 55%,
        rgb(240,240,240) 78%
        )
}
#navigation ul li a:hover,
#navigation ul li.selected a{
    background:#fce86d;
    color:#000;
    text-shadow:1px 1px 1px #fff;
}
span.checked{
    background:transparent url(../images/checked.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
span.error{
    background:transparent url(../images/error.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
#steps form fieldset{
    border:none;
    padding-bottom:20px;
}
#steps form legend{
    /*background-color: #0D5CA1;*/
    background: url(/images/bottombar.jpg);
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-top: 2px;
    width:100%;
}
#steps form legend.top{
    /*background-color: #0D5CA1;*/
    background: url(/images/topbar.jpg);
}

#steps form p{
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    border:1px solid #fff;
    width:400px;
    padding:10px;
    margin-left:100px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
}


#steps form div.errorSummary p{
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    border:1px solid #fff;
    width:200px;
    padding:0px;
    margin-left:100px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    margin-left: -200px;
}

#steps form div.errorSummary {
    background: none repeat scroll 0 0 #FFEEEE;
    border: 2px solid #CC0000;
    font-size: 0.9em;
    margin: 0 0 0px;
    padding: 5px;
    text-align: left;
    padding-left: 200px;
}

#steps form p label{
    width:160px;
    float:left;
    text-align:right;
    margin-right:15px;
    line-height:26px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
    font-size: 10px;
}

#steps form label{

    width: 160px;
}
#steps form text,
#steps form textarea,
#steps form select{
    background: #ffffff;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 200px;
    float:left;
    height: 24px;
    font-size: 10px;
}

#steps form select
{
    background: url(/images/dropdownmenubg.jpg);
}
#steps div.simple{
   /* background: url(/images/middlebg.jpg) repeat-x;*/
    /*border: #cbd0d4 solid 1px;*/
    border-bottom: 1px solid #CBD0D4;
    border-top: 1px solid #FFFFFF;

}

#steps form input{
    background: #ffffff;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 200px;
    float:left;
    font-size: 10px;
    
}


#steps form .radiobuttons input{
    background: #ffffff;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 20px;
    float:left;
}
#steps div.simple div.radiobuttons
{

    margin-left:175px;
}
#steps form .radiobuttons label{
    clear: none;
    display: block;
    float: left;
    height: 20px;
    width: 110px;
}
#wizard div.date
{
    text-align: left;
}
#steps form #type .radiobuttons  label,
#steps form #board .radiobuttons  label
{
    width: 75px;
}
 
#steps form .step #bath_bed label{
    width: 160px;
}

#facilities
{
    height: 47px;
}

#board
{
    height:23px;
}
#type{
    height: 49px;
}

#steps form input:focus{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#FFFEEF;
}
#steps form p.submit{
    background:none;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#steps form button {
	border:none;
	outline:none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 7px 25px;
    text-shadow: 0 1px 1px #777;
    font-weight:bold;
    font-family:"Century Gothic", Helvetica, sans-serif;
    font-size:22px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background:#4797ED;
}
#steps form button:hover {
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}

span.reference{
    position:fixed;
    left:5px;
    top:5px;
    font-size:10px;
    text-shadow:1px 1px 1px #fff;
}
span.reference a{
    color:#555;
    text-decoration:none;
                text-transform:uppercase;
}
span.reference a:hover{
    color:#000;

}

a img
{
    border: none;

}

.grid-view table.items th a {
    color: blue;
    font-weight: bold;
    text-decoration: none;
}
.grid-view table.items th {
    color: #333333;

}
#details_image{
    width: 350px;
    float:left;
    margin: 10px 10px 0px 5px;
}
#details{
    /*width: 270px;
    float:left;
    margin: 5px;
*/
    border: 1px dashed #999999;
    float: left;
    line-height: 16.1px;
    margin: 10px 5px;
    padding: 5px;
    width: 250px;

}

#details_form{
    float: right;
    width:240px;
    height: 425px;
    -moz-box-shadow: 0 0 5px 5px #ccc;
    -webkit-box-shadow: 0 0 5px 5px #ccc;
    box-shadow: 0 0 5px 5px #ccc;
    border-radius: 10px 10px 10px 10px;
    padding: 4px;
    margin: 10px 10px 7px;
    text-align: center;
}
#details_form div.form{
    width: 230px;
    border: none;
    margin-top: 15px;
}

#details_form div.form div.row label,
#details_form div.form div.complex span {
    display: block;
    float: left;
    font-size: 9px;
    font-weight: normal;
    margin-right: 10px;
    padding: 0.25em;
    position: relative;
    text-align: left;
    width: 200px;
}

#details_form div.form div.row,
#details_form div.form div.complex {
    padding:  0;
}
#details_form div.row, div.action {
    background-image: none;
    background-position: left center;
    background-repeat: repeat-y;
    border: none;
    margin-bottom: 1px;
}

#details_form div.form input,
#details_form div.form select {
    background-image: url("/img/bkg_text_fields.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #0D5CA1;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    padding: 0.25em;
    width: 230px;
}

#details_form div.form div.buttons input
{
    background: url('/images/bottombar.jpg') no-repeat;
    width: 100px;
    -moz-box-shadow: 0 0 5px 5px #ccc;
    -webkit-box-shadow: 0 0 5px 5px #ccc;
    box-shadow: 0 0 5px 5px #ccc;
    border-radius: 8px;
    color: #fff;
    height: 30px;
    margin-top:10px;
    font-size: 12px;
}

#short_description
{
    /*width: 660px;
    position:relative;
    top: -100px;
    margin-bottom: -50px;*/
    border-top: 1px dashed #666666;
    float: left;
    margin: 7px;
    padding: 5px;
    text-align: center;
    width: 615px;

}

#acc_images
{
    display: block;
    clear: both;
    width: 910px;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 5px;
    margin-bottom:10px;


}

#acc_images img
{
    margin: 27px;
    -moz-box-shadow: 0 0 5px 5px #ccc;
    -webkit-box-shadow: 0 0 5px 5px #ccc;
    box-shadow: 0 0 5px 5px #ccc;
    border-radius: 10px 10px 10px 10px;
}

#acc_images .acc_image
{

    float: left;
}

div.yiiForm div.radiobuttons select{
    margin-left: 0px;
}

#basic_info
{
    margin-bottom:10px;

    float:left;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 5px;
    width: 910px;
}

#other_info
{
    margin-bottom:10px;

    float:left;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    width: 900px;
}

#last-minute-grid,
#accomodation-grid
{

    padding-top:5px;
}

#search-button,
#form-reset-button
{

    
    background: #D3DFEE;
}

.expired
{
    color: red;
    
}

.galleria-container{
    -moz-box-shadow: 0 0 5px 5px #ccc;
    -webkit-box-shadow: 0 0 5px 5px #ccc;
    box-shadow: 0 0 5px 5px #ccc;
    background: none;
}

.galleria-counter{
    color:#888;
}

#pay_benefit{
    text-align: left;
    margin-left:200px;
}

div.yiiForm div.simple .help_text{
    height: 0;
    margin-bottom: -14px;
    position: relative;
    right: 213px;
    top: 23px;
    
}