.searchbox {position: relative;}
.btnFindMarina:hover {cursor: pointer;color:#fff;background: #ddd; color: #000;}
.ajaxloader {width: 30px; height: 30px; position: absolute;right:40px;bottom: 72px;border-radius:5px;}

.btnFindMarina:disabled {color:#fff;background: rgba(200,200,200,0.7); color: #000;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow: none;

}
.btnFindMarina {
    color: #fff;
    width: 68%;
    height: 32px;
    font-size: 14px;
    font-family: Verdana;
    background: #318CBD;
    padding: 0;
    margin: 0;
    float: right;
    margin-top: 16px;
    margin-right: 21px;
    margin-bottom: 4px;
    border-radius: 10px;
    border-width: 0px;
    border-style: None;
    border-color: transparent;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
.xbtnFindMarina {
    width: 99%;
    height: 54px;
    font-size: Large;
    font-family: Verdana;
    color: #FEFEFE;
    xborder-width: 0px;
    xborder-style: None;
    xborder-color: Transparent;
    xbackground-color: Transparent;
    text-shadow: 1px 1px 1px #000, 3px 3px 5px black;
}
.scrollUp {background: transparent;top: 124px; left:271px;z-index: 100;width:30px;height:30px;position: absolute;cursor: pointer;}
.scrollDown {background: transparent;top: 155px; left:271px;z-index: 100;width:30px;height:30px;position: absolute;cursor: pointer;}
.habors {z-index: 7; position:absolute; width:265px; height:154px; top: 128px; left:4px; background-color:transparent; text-align:left;}
.harborlist li a{text-decoration:none;line-height:22px;color: #000;font-size: 12px; margin-left:0;}
.harborlist li:hover {background-color:#ffeec2;}
.harborlist li {padding-left: 10px;line-height: 18px;font-size: 12px;
font-family: "Segoe UI",Arial,sans-serif;
color: #000;}
.harborlist {
    color: #000;
    height: 168px;
    overflow-y: scroll;
    background: #fff;
    list-style-type: none;
    margin: 0;
    padding: 0;
    -ms-scrollbar-arrow-color: transparent;
    -ms-overflow-y: hidden;
    overflow-x:hidden;
}
.about {color: black; background: #fff; border-radius: 10px;padding: 15px 30px;}
#tbBackground{font-family: Verdana; font-size: small; width: 1280px;}  
body { 
    background-image: url('../pix/bg_with_level.png'); 
    background-attachment:fixed; 
    background-repeat: no-repeat center; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
      }

body a{ color:#fff ;}
body a:active {color:#3366cc:}

.MarinaBooking_Default {
          width: 100%;
          color: #FFFFFF;
          font-size: x-small;
       }

       .ZeroMargins {
          margin-bottom: 0px;
          margin-left: 0px;
          margin-right: 0px;
          margin-top: 0px;
       }

       .modalBackground
        {
            position: absolute;
	        background-color:#F5F5F5;
	        filter: alpha(opacity=70);
	        MozOpacity: 0.7;
	        opacity: 0.7;
	        padding: 0px;
	        margin: 0px;
        }

        .popupBackground
        {
            position: absolute;
	        background-color:#F5F5F5;
	        filter: alpha(opacity=90);
	        MozOpacity: 0.9;
	        opacity: 0.7;
	        padding: 0px;
	        margin: 0px;
        }
        .auto-style1
        {
            width: 100%;
        }



         .modalBackground
        {
            position: absolute;
	        background-color:#F5F5F5;
	        filter: alpha(opacity=70);
	        MozOpacity: 0.7;
	        opacity: 0.7;
	        padding: 0px;
	        margin: 0px;
        }

        .popupBackground
        {
            position: absolute;
	        background-color:#F5F5F5;
	        filter: alpha(opacity=90);
	        MozOpacity: 0.9;
	        opacity: 0.7;
	        padding: 0px;
	        margin: 0px;
        }

        .auto-style1 {
            width: 100%;
        }
    .auto-style2 {
        height: 16px;
    }
        .auto-style5 {
            width: 24%;
            height: 301px;
        }
        .auto-style6 {
            width: 76%;
            height: 301px;
        }
        .auto-style7 {
            width: 100%;
            height: 100%;
        }
        .auto-style8 {
            width: 232px;
            height: 12px;
        }
        .auto-style9 {
            width: 86px;
            height: 12px;
        }
        .auto-style10
        {
            height: 46px;
        }
        .auto-style11
        {
            width: 100%;
        }
        .auto-style15
        {
            width: 86px;
        }

         .modalBackground
        {
            position: absolute;
	        background-color:#F5F5F5;
	        filter: alpha(opacity=70);
	        MozOpacity: 0.7;
	        opacity: 0.7;
	        padding: 0px;
	        margin: 0px;
        }

        .auto-style1 {
            width: 100%;
        }
        .auto-style5 {
            width: 24%;
            height: 301px;
        }
        .auto-style4 {
            width: 100%;
            height: 190px;
        }
        .auto-style6 {
            width: 76%;
            height: 301px;
        }
        .auto-style7 {
            width: 100%;
            height: 100%;
        }
        .auto-style2 {
        height: 16px;
    }

        .ButtonClass
        {
             cursor: pointer;
        }
        
        .modalBackground {
            background-color:#000;
            filter:alpha(opacity=80);
            opacity:0.8;
        } 

        .auto-style8
        {
            width: 100%;
        }