/* DEFAULTS
----------------------------------------------------------*/
body {
    overflow-x: hidden;
    font-family: 'Droid Sans', sans-serif;
    background-color: #f1f4f6;
    margin: 0px;
    padding: 0px;
    color: #000;
    width: 100%;
}

iframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
}

img {
    max-width: 100%;
}

.tbl {
    font-weight: normal;
    color: #353535;
    height: auto;
    vertical-align: middle;
    text-align: left;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    background-color: White;
    border: 1px solid #75c1db;
    font-weight: normal;
    width: 100%;
}

    .tbl th {
        /*background-color: #D2D2D2;*/
        background-color: #1c6ba5;
        height: 25px;
        color: #FFFFFF;
        vertical-align: middle;
        padding-right: 2px;
        padding-left: 10px;
        border: 1px solid #75c1db;
        font-weight: bold;
        font-size: 12px;
    }

    .tbl td {
        border: 1px solid #75c1db;
        padding-top: 7px;
        padding-right: 1px;
        padding-bottom: 7px;
        padding-left: 10px;
        font-size: 12px;
        color: #000000;
    }

.tbSymbol {
    font-weight: normal;
    color: #353535;
    height: auto;
    vertical-align: middle;
    text-align: left;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    background-color: White;
    font-weight: normal;
    width: 750px;
}

    .tbSymbol th {
        /*background-color: #D2D2D2;*/
        height: 25px;
        color: #FFFFFF;
        vertical-align: middle;
        font-weight: bold;
        font-size: 12px;
    }

    .tbSymbol td {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 12px;
        color: #000000;
        margin-left: 10px;
    }



.links {
    color: #1c6ba5;
    text-decoration: none;
}

a:hover {
    color: #83cbc5;
}

.button1 {
    border-right: #5191bd 1px solid;
    border-top: #5191bd 1px solid;
    font-weight: bold;
    font-size: 11px; /*  background-image: url(../Images/buttonbg.gif); */
    border-left: #5191bd 1px solid;
    background: #ffff;
    color: #000000;
    border-bottom: #5191bd 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.button1-selected {
    background: #83cbc5;
    color: #FFF;
}

.textStyle {
    border: 1px solid #abbdce;
}

.content-text-13 {
    font-size: 13px;
    line-height: 1.5;
}

.inner-heading {
    color: #1c6ba5;
    font-size: 16px;
    font-weight: bold;
}

.inner-heading2 {
    color: #1c6ba5;
    font-size: 12px;
    font-weight: bold;
}
/*----------------------------------------------------------*/

.headerWrapper {
    background: #ffffff;
    width: 1180px;
    margin: 1px auto 0px auto;
    height: 120px; /* background-image: url(../images/Ramadan-webpageHeader.jpg);     background-position: center;         background-repeat: no-repeat;*/ /*height:105px;*/
}

.headear1 {
    float: left;
    height: 83px;
    width: 800px;
    margin-top: 47px;
}

.headear2 {
    float: left;
    text-align: left;
    width: 230px;
    font-size: 13px;
    color: #1c6ba5;
    margin-bottom: 2px;
    vertical-align: middle;
}

.headear3 {
    float: left;
    height: 47px;
    width: 800px; /* margin-top: 47px;*/
}

.divRasad {
    width: 197px;
    float: left;
    margin-top: 61px;
}

.contentHeader2 {
    vertical-align: top;
    text-align: right;
    height: 102px;
    margin-bottom: 28px;
}

.headerSearch {
    border: 1px solid #E1E2E2;
    width: 375px;
    height: 25px;
    margin-top: 4px;
}

.textSearch {
    /* background-image: url(../images/search.jpg);     background-position: right;     background-repeat: no-repeat;*/
    float: left;
    height: 22px;
    border: none white;
    width: 346px;
}

.searchButton {
    width: 20px;
    height: 22px;
    background: none;
    border: 0;
    cursor: pointer;
    top: 2px;
}

.headerSearchInner {
    margin-top: 35px;
    vertical-align: bottom;
    text-align: right;
    height: 26px;
}

.headerBottom {
    /* width: 100%;*/
    width: 100%;
    background-color: #1c6ba5;
    height: 5px;
}
/* Dropdown menu */


.divMenu-Inner {
    height: 15px;
    width: 800px;
    margin: 10px auto 10px auto;
}

.clearit {
    clear: both;
    height: 0;
    line-height: 0.0;
    font-size: 0;
}

.divTopMenu {
    margin-left: 280px;
    margin-right: 0px;
    margin-top: 5px;
    padding-bottom: 0px;
    height: 26px;
}

.divTopMenu-Inner {
    margin-left: 450px;
    margin-right: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    height: 26px;
}

#topMenu, #topMenu ul {
    padding: 0;
    margin: 0;
    list-style: none; /*font-family: Tahoma, Arial, sans-serif;*/
}

    #topMenu a {
        display: block;
        text-decoration: none; /* padding: 5px 0px 5px 0px; /*border-right: 1px solid #FFFFFF;*/ /* font-size: 11px;*/
        margin-right: 19px;
        color: #1c6ba5;
        font-size: 12px;
        font-style: normal;
    }

    #topMenu li {
        float: left;
        width: auto;
    }

        #topMenu li:hover a, #topMenu a:focus, #topMenu a:active {
            /*color: #1c6ba5; /*background-color: #e3edf4;*/ /* background-color: #699AD1; */ /* font-weight: bold;*/
            color: #83cbc5;
        }

#p7menubar, #p7menubar ul {
    padding: 0;
    margin: 0;
    list-style: none; /*font-family: Tahoma, Arial, sans-serif;*/
}

    #p7menubar a {
        display: block;
        text-decoration: none;
        padding: 8px 10px 8px 10px; /*border-right: 1px solid #FFFFFF;*/ /* font-size: 11px;*/
        margin-right: 5px;
        color: #1c6ba5;
        font-size: 12px;
        font-style: normal;
    }

        #p7menubar a.trigger {
            padding: 8px 10px 8px 10px;
            margin-right: 5px; /*  padding:5px 18px 5px 5px;     margin-right: 15px;     background-image: url(../images/arrow-down.png);     background-position: right;     background-repeat: no-repeat;  */
        }

    #p7menubar li {
        float: left;
        width: 8em;
    }

        #p7menubar li ul, #p7menubar ul li {
        }

            #p7menubar ul li a {
                color: #1c6ba5;
                border-right: 0; /* padding: 3px 12px 3px 16px; */
            }

        #p7menubar li ul {
            position: absolute;
            display: none; /* background-color: #699AD1; */ /*border: 1px solid lightgray; /*  border-left: 1px solid #1c6ba5;      border-right: 1px solid #1c6ba5;        border-bottom: 1px solid #1c6ba5;        border-left: 1px solid gray;     border-right: 1px solid gray;     border-bottom: 1px solid gray; /*background-image: url(images/p7exp_mgrad.jpg); 	background-repeat: repeat-x;*/
            text-align: left;
            background: #83cbc5;
            background: rgba(255,255,255,0.7);
            color: #1c6ba5;
            padding-left: 5px;
            z-index: 2; /*  background-color: #1c6ba5;*/
            color: #fff;
        }

        #p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active {
            /*color: #1c6ba5; /*background-color: #e3edf4;*/ /* background-color: #699AD1; */ /* font-weight: bold;*/
            color: #83cbc5;
            background: #83cbc5;
            background: rgba(54, 150, 192, 0.7);
            color: #fff;
        }

        #p7menubar li:hover ul, #p7menubar li.p7hvr ul {
            color: #1c6ba5;
            display: block;
        }



            #p7menubar li ul a, #p7menubar li.p7hvr ul a {
                color: #1c6ba5;
                font-weight: normal;
                margin-left: -5px;
                margin-right: 0px;
                padding-left: 10px;
            }

    #p7menubar ul a:hover {
        /* background-color: #fff; */
        color: #1c6ba5;
        font-weight: normal; /* background-color:#83cbc5;     color :#fff;  */
        background-color: #1c6ba5;
        margin-left: -5px;
        padding-left: 10px;
        margin-right: 0px;
        color: #fff;
    }

    #p7menubar li {
        width: auto;
    }
/*end*/

/* menu  day */
.menuDay {
    height: 30px;
    margin-top: 21px;
    padding: 0;
    margin: 0;
}

.menuDayTable {
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 0px;
    border: 0px;
    text-align: center;
}

    .menuDayTable a {
        display: block;
        text-decoration: none;
        padding: 8px 10px 7px 10px; /*border-right: 1px solid #FFFFFF;*/ /* font-size: 11px;*/
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
    }

        .menuDayTable a:hover {
            opacity: 0.7;
            filter: alpha(opacity=30);
        }


#menuDay, #menuDay ul {
    padding: 0;
    margin: 0;
    list-style: none; /*font-family: Tahoma, Arial, sans-serif;*/
}

    #menuDay a {
        display: block;
        text-decoration: none;
        padding: 8px 10px 7px 10px; /*border-right: 1px solid #FFFFFF;*/ /* font-size: 11px;*/
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
    }

    #menuDay li {
        float: left;
        width: auto;
    }

/*end*/

.page {
    width: 1180px;
    background-color: #fff;
    margin: 10px auto 5px auto;
}

/*Weather Forcast */
.weatherInner {
    width: 100%;
    height: 490px; /* background-color: #1c6ba5;*/
    margin: 0px;
}

.wrapper-control {
    width: 1180px;
    margin: 0px auto 0px auto;
}

.wrapper-forecast {
    /*  background-color: #1c6ba5;*/
    background-image: url(../images/Map.JPG);
    height: 490px;
}

.wrapper-forecast1 {
    background-color: #fff;
    height: 550px;
}

.wrapper-nwp {
    /*  background-color: #1c6ba5;*/
    height: 550px;
    background-image: url(../images/NWP1.JPG);
}

.wrapper-ews {
    /*  background-color: #1c6ba5;*/
    height: 550px;
    background-image: url(../images/EWS1.JPG);
}

.wrapper-climate-bg {
    background-color: #1c6ba5;
    height: 550px;
}

.wrapper-climate {
    height: 490px;
    background-image: url(../images/Climate.JPG);
}

.wrapper-seismic {
    /*  background-color: #1c6ba5;*/
    height: 550px;
    background-image: url(../images/Seismic1.JPG);
}

.weatherWrapper {
    width: 1180px;
    margin: 0px auto 0px auto; /* background-color: #1c6ba5;*/
    height: 490px;
    padding-left: 0px;
    background-image: url(../images/Map.JPG);
}

.weatherWrapper1 {
    width: 1180px;
    margin: 0px auto 0px auto; /* background-color: #1c6ba5;*/
    height: 550px;
    padding-left: 0px; /* background-image: url(../images/Map2.JPG);*/
}

.imgWeatherMain {
    float: left;
    width: 1180px;
}

.clear {
    clear: both;
}

.container {
    position: relative;
}

.content1 {
    position: relative;
    color: White;
}

.background {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    behavior: url(../Styles/border-radius.htc);
    border-radius: 15px;
    height: 175px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: red;
    background: rgba(255, 0, 0, 0.5); /* z-index: 1; */ /* These three lines are for transparency in all browsers. */ /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";     filter: alpha(opacity=70);     opacity: .7; */
}

.weather-div-title {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

.weather-div-days {
    padding-top: 10px;
    min-height: 90px !important;
    margin-left: 0px;
    padding-left: 0px;
}

.div-forecast {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    height: 330px;
    width: 325px;
    background: #83cbc5;
    padding: 10px 10px 0px 10px;
    background: rgba(54, 150, 192, 0.1);
}

.weather-div-warning-green {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /*  behavior: url(border-radius.htc);*/
    height: 90px;
    width: 100%;
    background: green;
    margin-left: 0px;
    padding-left: 0px;

   /*  background: rgba(0, 128, 0, 0.7); For IE 5.5 - 7*/ /*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=red, endColorstr=red); /* For IE 8*/ /* -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=red, endColorstr=red); */
}

.weather-div-warning {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /*  behavior: url(border-radius.htc);*/
    height: 90px;
    width: 100%;
    background: red;
    margin-left: 0px;
    padding-left: 0px;
   /*  background: rgba(255, 0, 0, 0.7); /* For IE 5.5 - 7*/ /*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=red, endColorstr=red); /* For IE 8*/ /* -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=red, endColorstr=red); */
}


.weather-div-wind {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /* behavior: url(border-radius.htc);*/
    height: 142px;
    background: #83cbc5;
    margin: 10px 0px 0px 0px;
    padding-left: 0px;
    background: rgba(54, 150, 192, 0.5);
}

.weather-title {
    color: #ffffff;
    padding: 10px 0px 1px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: bold;
}

.weather-inshore {
    color: #ffffff;
    padding: 4px 0px 0px 10px;
    height: 60px;
    font-size: 13px;
}

.content-tooltip-main {
    color: #ffffff;
    padding: 7px 0px 0px 10px;
    height: 20px;
    font-size: 12px;
}

.tooltip-main {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /* behavior: url(border-radius.htc);*/
    background: #83cbc5;
    margin: 5px 0px 0px 0px;
    padding-left: 0px;
    background: rgba(54, 150, 192, 0.5);
    padding: 5px 10px 10px 10px;
    border: none;
}

.tooltip-title {
    color: #ffffff;
    padding: 5px 0px 1px 10px;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    font-weight: bold;
}
/* Table 2 for weather tide */


.weather-div-key {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    behavior: url(border-radius.htc);
    height: 100px;
    background: #83cbc5;
    margin: 10px 0px 0px 0px;
    padding-left: 0px;
    background: rgba(54, 150, 192, 0.7);
}

.weather-div-key-sample {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    behavior: url(border-radius.htc);
    height: 100px;
    background: #83cbc5;
    background: green;
    margin: 10px 0px 0px 0px;
    padding-left: 0px;
}

.td-red {
    color: #fff;
    background: red;
    font-weight: bold;
    font-size: 12px;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
}

.td-blue {
    color: #fff; /* background: #1c6ba5;*/
    font-weight: bold;
    font-size: 12px;
    height: 22px;
    width: 22px;
    text-align: center;
    vertical-align: middle;
}

.td-lightblue {
    color: #fff;
    background: #83cbc5;
    font-weight: bold;
    font-size: 12px;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
}

.td-meroon {
    color: #fff;
    background: #ee7366;
    font-weight: bold;
    font-size: 12px;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
}

.td-Space {
    height: 7px;
}

.location-flag {
    width: 21px;
    height: 29px;
    border: 0px;
}

.weather-icon {
    border: 0px;
    margin-bottom: 0px;
    text-align: center;
}




.weather-tooltip1 {
    width: 70px;
    background: #fff;
    color: #000;
    font-size: 9px;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    text-transform: uppercase;
    text-align: center;
    overflow: visible;
    border: 1px solid #83cbc5;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    display: none;
}


/* end */
/************************************ News ********************************************/
.divBlank {
    margin: 0;
    padding: 0;
    height: 0;
    clear: both;
    line-height: 0.0;
    font-size: 0;
}

/*end/
/* Inner Page */
.content {
    width: 1180px;
    background-color: #fff;
    margin: 10px auto 0px auto;
}

.static-content {
    width: 590px;
    padding: 20px 20px 15px 20px;
    float: left;
    font-size: 13px;
    text-align: justify;
    border-right: 1px solid #83cbc5;
    border-left: 1px solid #83cbc5;
    line-height: 1.5;
}

.title1 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #1c6ba5;
}

.title2 {
    font-size: 24px;
    color: #1c6ba5;
    padding-bottom: 15px;
    padding-left: 16px;
    margin-bottom: 0px;
    margin-left: 3px;
}

.innerContent {
    padding-left: 20px;
}

.leftMenuWrapper {
    vertical-align: top;
    width: 230px;
    background-color: #fff;
    color: #1c6ba5;
    font-size: 12px;
    padding-top: 10px;
    vertical-align: top;
}

.aboutLeftMenuWrapper {
    width: 230px;
    background-color: #fff;
    color: #1c6ba5;
    font-size: 12px;
    padding-top: 10px;
}

.titlebottom {
    height: 1px;
    background-color: #1c6ba5;
}

.aboutLeftMenu {
    margin: 0;
    list-style: none;
    padding-left: 0px;
}

    .aboutLeftMenu li {
        margin: 0;
        list-style: none;
        padding-left: 0px;
        padding-top: 20px;
    }

    .aboutLeftMenu a {
        /* text-decoration: none;     color: #1c6ba5;     font-size: 12px; */
    }

    .aboutLeftMenu ul li a:visited, aboutLeftMenu ul li a:hover {
        color: #83cbc5;
        font-size: 12px;
    }

.tdLeftMenu {
    vertical-align: top;
}

.innerPageContent {
    width: 930px;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    padding-top: 0px;
    vertical-align: top;
    margin: 0px;
    padding-bottom: 10px;
    min-height: 800px;
    border-left: 1px solid #83cbc5;
}

.innerPageContent1 {
    width: 930px;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    padding-top: 10px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    min-height: 475px;
}

.innerPageContent2 {
    width: 930px;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    padding-top: 10px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

.innerPageContent3 {
    background-color: #fff;
    color: #000;
    font-size: 12px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    min-height: 400px;
    border-left: 1px solid #83cbc5;
}

.innerPageContent5 {
    background-color: #fff;
    color: #000;
    font-size: 12px;
    padding-top: 10px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    border-left: 1px solid #83cbc5;
}

.gallery-img-slide {
    width: 930px;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

.verticalbar {
    float: left;
    width: 1px;
    background: #83cbc5;
    min-height: 525px;
    margin-bottom: 10px;
}

.innerPageLeft {
    float: left;
    width: 210px;
    background-color: #fff;
    font-size: 12px;
    padding-top: 10px;
    vertical-align: top;
    height: 600px;
}

.innerPageCenter {
    margin-top: 0px;
    border-left: 1px solid #83cbc5;
    border-right: 1px solid #83cbc5;
    width: 598px;
    padding: 20px 20px 20px 20px;
    float: left;
    color: #000;
    font-size: 12px;
}

.innerPageRight {
    float: left;
    background-color: #fff;
    padding: 20px 0px 0px 20px;
    vertical-align: top;
}

.list3 li {
    text-decoration: none;
    font-size: 12px;
    color: #1c6ba5;
    list-style: circle;
    background: url(../images/list1_3.png) 0 0 no-repeat;
    padding-left: 2em;
    display: block;
    padding-bottom: 1em;
    margin: 0em;
}

.article-Text {
    color: #000000;
    font-size: 13px;
    line-height: 1.5;
}

/*News Details */

.innerPageText {
    padding: 15px 0px 0px 15px; /*   border-left: 1px solid #83cbc5;*/
}

.innerPageText1 {
    padding: 25px 0px 0px 20px; /*   border-left: 1px solid #83cbc5;*/
}

.innerPageText-sec1 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.innerPageText-sec2 {
    float: left;
    margin-right: 15px;
}

.innerPageText-sec3 {
    padding-bottom: 10px; /* border-bottom : 1px solid #83cbc5;*/
    font-size: 13px;
    text-align: justify;
}

.innerPageText-sec3-border {
    margin-top: 20px;
    border-bottom: 1px solid #83cbc5;
}

.innerPageText-sec4 {
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 20px;
    border-bottom: 1px solid #83cbc5;
}

.innerPageText-sec5 {
    padding-top: 20px;
    padding-bottom: 15px;
    color: #1c6ba5;
    font-size: 16px;
    font-weight: bold;
}

.innerPageText-sec6 {
    color: #000;
    font-size: 12px;
    text-decoration: none;
}

    .innerPageText-sec6 li {
        list-style-type: square /* background: url(../images/list1_3.png) 0 0 no-repeat; */;
    }

.innerPageText-sec6-text {
    list-style: none;
    color: #1c6ba5;
    font-size: 12px;
}

.innerPageText-sec7 {
    padding-top: 15px;
    padding-bottom: 0px;
    color: #1c6ba5;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.innerPageText-news-image {
    width: 149px;
    height: 88px;
}

.innerPageText-news-text {
    text-decoration: none;
    height: 76px;
    width: 300px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
}

.innerPageText-news-more {
    text-decoration: none;
    font-size: 12px;
    color: #1c6ba5;
}

.innerPageText-news-li {
    padding-left: 0px;
    margin-left: 0px;
    float: left;
    padding-right: 10px;
}

/* end */
/*News Archives*/
.newsList {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.newsListContent {
    margin-left: 10px;
}

.menuSelected {
    color: #83cbc5;
    text-decoration: none;
    font-size: 12px;
}

.menudefault {
    text-decoration: none;
    color: #1c6ba5;
    font-size: 12px;
}

#leftmenu a:visited a:hover {
    color: #83cbc5;
    text-decoration: none;
    font-size: 12px;
}

.newsYear {
    background: url(../images/arrow-right.png) 98% 90% no-repeat;
    border: 1px solid #83cbc5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #434B83;
    height: 56px;
    overflow: hidden;
    padding-left: 5px;
    margin-bottom: 5px;
}

    .newsYear a {
        text-decoration: none;
        color: #1c6ba5;
    }

.archive-newsList {
    margin: 0;
    padding: 0;
    list-style-type: square; /* padding-bottom: .2em;     padding-top: .2em;*/
    padding-left: 1em;
    min-height: 1.8px;
}

    .archive-newsList a {
        color: #1c6ba5;
        list-style-type: square;
        text-decoration: none;
        font-size: 12px;
    }

        .archive-newsList a:hover, .archive-newsList a:visited {
            color: #83cbc5;
            text-decoration: none;
            font-size: 12px;
        }

.topStories-text {
    text-align: left;
    text-decoration: none;
    color: #000000;
    overflow: hidden;
    font-size: 12px;
    min-height: 74px;
}

/* end */
/* Image Gallery */
.image-category-left {
    color: #1c6ba5;
    font-size: 12px;
    text-decoration: none;
}

    .image-category-left a:hover, .image-category-left a:visited {
        color: #83cbc5;
        text-decoration: none;
        font-size: 12px;
    }

.image-content {
    padding: 10px 0px 0px 0px;
    vertical-align: top;
}

.image-list-bootom {
    width: 173px;
    color: #000;
    font-size: 12px;
    vertical-align: top;
    margin-left: 0px;
}

.categroy-header-div {
    margin: 0 0 1px 0px;
    padding: 7px 5px 0px 5px;
    text-decoration: none;
    color: #fff;
    background-color: #83cbc5;
    font-weight: bold;
    font-size: 12px;
    width: 260px;
    height: 23px;
    overflow: hidden;
}

.categroy-header {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}

    .categroy-header:hover {
        color: #1c6ba5;
    }

.categroy-image {
    margin: 0 0 10px 0px;
    width: 260px;
    height: 175px;
}

.modal {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: black;
    z-index: 100;
    opacity: 0.8;
    filter: alpha(opacity=60);
    -moz-opacity: 0.8;
    min-height: 100%;
}

#divImage {
    display: none;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    background-color: White;
    height: 500px;
    width: 610px;
    padding: 3px;
    border: solid 1px black;
}

.dlTable {
    border: double 1px #D9D9D9;
    width: 200px;
    text-align: left;
}


/* video */

.videoImage {
    width: 173px;
    height: 75px;
    cursor: pointer;
}


/*/ */

/* Contacts */
.content-contact {
    border: 1px solid #83cbc5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #1c6ba5;
    overflow: hidden;
    padding-left: 10px;
    margin-bottom: 5px;
}

.contact-left {
    padding: 10px 20px 20px 20px;
    width: 1160px;
}

.contact-right {
}

.contact-dep-title {
    font-size: 18px;
    font-weight: bold;
    color: #1c6ba5;
}

.contact-dep-content {
    font-size: 12px;
    color: #1c6ba5;
}

/*  End */


/*Organization Structure */

.structure-content-wrapper {
    width: 930px;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    border-left: 1px solid #83cbc5;
    margin-bottom: 0px;
}

.structure-content {
    color: #000;
    font-size: 12px;
    text-decoration: none;
    line-height: 25px;
}

    .structure-content li {
        list-style-type: square /* background: url(../images/list1_3.png) 0 0 no-repeat; */;
    }

.structure-content-text {
    list-style: none;
    color: #1c6ba5;
    font-size: 12px;
}
/* end */

/* Search Page */
.link {
    font-size: 12px;
}

    .link a {
        text-decoration: none;
        color: #1c6ba5;
    }

        .link a:visited, .link a:hover {
            color: #83cbc5;
        }

.searchContent {
    margin-top: 0px; /* border-left: 1px solid #83cbc5;     border-right: 1px solid #83cbc5; */
    width: 800px;
    padding: 20px 20px 20px 20px;
    color: #000;
    font-size: 12px;
}


/* end*/

/* usefull links */

.usefullLogo {
    height: 160px;
    width: 94px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 7px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    text-align: center;
    position: relative;
}

.otherSiteLink-title {
    padding-top: 5px;
    padding-bottom: 0px;
    color: #1c6ba5;
    font-size: 16px;
    font-weight: bold;
}

.otherSiteLink, otherSiteLink a {
    color: #1c6ba5;
    font-size: 13px;
    text-decoration: none;
    line-height: 25px;
    margin-left: 0px;
}

    .otherSiteLink li {
        list-style-type: square;
    }

/**/

/*Tenders */

.content-wrapper-min {
    width: 930px;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    padding-top: 10px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    border-left: 1px solid #83cbc5;
    margin-bottom: 20px;
}

.tender-item {
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 150px;
}

.tender-title {
    padding-bottom: 0px;
    color: #1c6ba5;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

table.table4 {
    border: 0px;
    border-collapse: collapse;
    font-size: inherit;
}

/* Caption Style for All Table style --------------------*/
table caption {
    padding-bottom: 1em;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    margin: 0;
    caption-side: top;
}


/* Header (th) Style for table4 */
table.table4 th {
    color: #039;
    padding: .8em .8em;
    border-bottom: 2px solid #6678b1;
    font-family: Lucida Sans Unicode, Lucida Grande, Sans-Serif;
    font-size: 1.1em;
    font-weight: normal;
}

/* Cell text color for All Table --------------------*/
table td {
    color: #669;
}


/* .table4 class -----    */
table.table4 td {
    color: #669;
    padding: .8em .7em 0em .8em;
}

table.table4 tbody tr:hover td {
    color: #009;
}
/*.......*/


/* subscription */

.subscr-div {
    width: 930px;
    background-color: #fff;
    margin: 0 0 0px 0;
    padding-bottom: 20px;
    vertical-align: top;
    min-height: 650px;
    border-left: 1px solid #83cbc5;
}

.subscr-content {
    width: 910px;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    padding: 20px 0 20px 20px;
}

/* Desktop weather */

.inner-text-list, inner-text-list a {
    color: #000;
    font-size: 12px;
    text-decoration: none;
    line-height: 25px;
    margin-left: 0px;
}

    .inner-text-list li {
        list-style-type: square;
    }

        .inner-text-list li ul li {
            list-style-type: disc;
        }

/* end */

.calendar table td a {
    text-decoration: none;
}

.calendar a {
    text-decoration: none !important;
}

.calendar table th a {
    color: #ffffff !important;
    text-decoration: none;
}
/* Calendar */

/********************* footer **************************************************** */

.footerWrapper {
    width: 1180px;
    margin: 0px auto 0px auto;
}

.footerHead {
    width: 1177px;
    background-color: #1c6ba5;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    height: 26px;
    padding-top: 4px;
    text-align: left;
    padding-left: 3px;
    margin-bottom: 10px;
}

.divFooterSection1 {
    float: left;
    width: 300px;
}

.divFooterSection2 {
    padding-left: 10px;
    float: left;
    width: 192px;
    border-left: 1px solid #83cbc5;
    border-right: 1px solid #83cbc5;
    padding-bottom: 20PX;
    margin-bottom: 10PX;
}

.divFooterSection3 {
    padding-left: 10px;
    float: left;
    width: 280px;
}

.divFooterSection4 {
    margin-top: 5px;
    float: left;
    width: 385px;
    height: 189px;
}

.footerDivider {
    margin-top: 0px;
    float: left;
    width: 1px;
    background-color: #83cbc5;
    height: 176px;
}

.footerDividerHorizontal {
    margin: 10px 0px 10px 0px;
    list-style: none;
    width: 385px;
    background-color: #83cbc5;
    height: 1px;
}

.ulFooterInner {
    padding: 0px;
    padding-bottom: 0px;
    list-style-type: none;
    padding-left: 5px;
    margin-left: 5px;
    overflow: visible;
}

    .ulFooterInner a {
        text-decoration: none;
        color: #1c6ba5;
        font-size: 12px;
    }

.divFooterRight {
    float: left;
    padding: 0px;
    margin: 0px;
    width: 385px;
    list-style: none;
}

.footerRight, .footerRight ul {
    padding: 0;
    margin: 0;
    list-style-type: none; /*font-family: Tahoma, Arial, sans-serif;*/
    font-size: 12px;
}

    .footerRight a {
        display: block;
        text-decoration: none;
        color: #1c6ba5;
        font-size: 12px;
    }

    .footerRight li {
        float: left;
        width: auto;
        font-size: 12px;
    }

    .footerRight a:hover {
        color: #83cbc5;
    }

h1 {
    position: absolute;
    left: 50%;
    top: 2px;
    width: 300px;
    padding: o 5px 0 5px;
}

    h1 span {
        width: 100%;
        font-size: 12px;
        color: #fff;
    }


.partners-logo {
    padding: 5px 20px 5px 0px;
}

/*end **************************************************************/

myCalendar {
    background-color: #fff;
}

.myCalendar a {
    text-decoration: none;
}

.myCalendar .myCalendarTitle {
    font-weight: bold;
}

.myCalendar title {
    font-weight: bold;
    color: #fff;
    background: #83cbc5;
}

.myCalendar td.myCalendarDay {
    border: solid 1px #83cbc5;
}

.myCalendar .myCalendarNextPrev {
    text-align: center;
}

.myCalendar td.myCalendarSelector {
    background-color: #83cbc5;
}

/* model popup tide */

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/* new added on april 23 2014 */

h3, h4, h5, h6 {
    margin: 1em 0;
}

h3 {
    font-size: 12px;
    color: #1c6ba5;
    font-weight: bold;
}

h4 {
    font-size: 12px;
    color: #1c6ba5;
    font-weight: bold;
}

.climate-content {
    padding: 10px 20px 0px 20px;
    font-size: 13px;
    text-align: justify;
    line-height: 1.5;
}

.climate-title {
    margin-left: 20px;
    padding-top: 20px;
    padding-bottom: 5px;
    color: #1c6ba5;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.climate-sub-title {
    padding-bottom: 5px;
    color: #1c6ba5;
    font-size: 12px;
    font-weight: bold;
}

.climate-image-title {
    width: 600px;
    margin-left: 70px;
    font-size: 12px;
    font-weight: bold;
}

.climate-mean-div {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    behavior: url(border-radius.htc);
    height: 440px;
    background: #83cbc5;
    background: rgba(54, 150, 192, 0.7);
    margin: 10px 0px 0px 0px;
    padding-left: 0px; /* background: rgba(54, 150, 192, 0.7);*/
    padding-top: 6px;
}

.td-mean-title {
    height: 32px;
    color: #ffffff; /*border-top: 1px solid #ffffff;*/
    vertical-align: middle; /* border: 1px solid #83cbc5;*/
    font-weight: bold;
    font-size: 16px;
    text-align: left;
}

.mean-btn {
    color: #ffffff;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    width: 32px;
    height: 32px;
}

    .mean-btn:hover {
        color: #ffffff;
        padding: 5px 5px 5px 5px;
        margin: 0px 0px 0px 0px;
        text-align: center;
        background-color: #83cbc5;
        cursor: pointer;
        width: 32px;
        height: 32px;
    }

.climate-mean-title1 {
    height: 32px;
    color: #edbf3e;
    vertical-align: middle; /* border: 1px solid #83cbc5;*/
    font-weight: bold;
    font-size: 16px;
    padding-left: 30px;
    text-align: left;
}

.climate-mean-title2 {
    height: 32px;
    padding-left: 30px;
    color: #ffffff; /*border-top: 1px solid #ffffff;*/
    vertical-align: middle; /* border: 1px solid #83cbc5;*/
    font-weight: bold;
    font-size: 16px;
    text-align: left;
}

.td-climate-value {
    vertical-align: middle;
    font-size: 0.90em;
    color: #ffffff; /*   border-top: 1px solid #83cbc5;     border-left: 1px solid #83cbc5; /* border-bottom: 1px solid #83cbc5; /*padding: 5px 0px 5px 0px;        border-bottom: 1px solid rgba(255, 255, 255, 0.5); */ /* border-top: 1px solid rgba(255, 255, 255, 0.5);*/ /*border-top: 1px solid #ffffff;*/
    padding: 3px 0px 3px 10px;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

.td-climate-value-img {
    padding: 3px 0px 3px 30px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: 32px;
}

    .td-climate-value-img:hover {
    }

.td-climate-value-border {
    /*border-top: 1px solid #ffffff;*/
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.td-climate-value:hover {
    font-size: 0.90em;
    color: #ffffff;
    background-color: #83cbc5;
    margin: 0px 0px 0px 0px;
    text-align: left;
    text-decoration: none; /* background: #1c6ba5;*/
    cursor: pointer;
}

td-climate-value-end {
    vertical-align: middle;
    text-align: left;
    font-size: 0.8em;
    color: #ffffff;
    border-top: 1px solid #83cbc5;
    border-bottom: 1px solid #83cbc5; /*padding: 5px 0px 5px 0px;*/
    padding-top: 0.41em;
    padding-bottom: 0.41em;
    padding-left: 10px;
}

.climate-mean-link {
    text-decoration: none;
    color: #ffffff;
}

    .climate-mean-link:hover {
        text-decoration: none;
        color: #ffffff; /*background: #1c6ba5;*/
    }




.location-flag-normals {
    width: 21px;
    height: 29px;
    border: 0px;
}

    .location-flag-normals:hover {
        cursor: pointer;
    }

.weather-station-normals {
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}

    .weather-station-normals:hover {
        cursor: pointer;
    }

.title1-tide {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 30px;
    font-weight: bold;
    color: #1c6ba5;
    width: 1160px;
}

.title2-tide {
    font-size: 24px;
    color: #1c6ba5;
    padding-bottom: 15px;
    border-bottom: 1px solid #83cbc5;
    width: 1160px;
}

.title-rdbtn {
    font-size: 20px;
    font-weight: bold;
    color: #1c6ba5;
}


.link {
    color: #1074e3;
    text-decoration: none;
    text-decoration: none;
}


/*Page load Popup */


#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 100;
    display: none;
}

.cnt223 a {
    text-decoration: none;
}

.popup {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: 101;
}

.cnt223 {
    width: 432px;
    margin: auto auto; /*  background: #fff;*/
    position: relative;
    z-index: 103;
    border-radius: 5px;
}

    .cnt223 p {
        clear: both;
        color: #555555;
        text-align: justify;
    }

        .cnt223 p a {
            color: #d91900;
            font-weight: bold;
        }


    .cnt223 .x {
        float: right;
        height: 35px;
        left: 0px;
        position: relative;
        top: 22px;
        width: 34px;
    }

        .cnt223 .x:hover {
            cursor: pointer;
        }



/* Seismic  83cbc5 */


/*Rounded corner for any object*/
.RoundedObj {
    -moz-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    border: 1px solid #83cbc5;
    overflow: auto;
}

/*Shadow box for any object*/
.ShadowObj {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 11px #330033;
}

.defaultTB {
    font-family: 'Verdana';
    font-size: 12px;
    color: #1f1f1f;
    font-weight: normal;
    width: 200px;
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 5px !important;
    border: 1px solid #aaaaaa;
    height: 21px;
    vertical-align: text-bottom;
}

.Signlbl {
    font-size: 12px;
    font-weight: bold; /* font-variant-caps: petite-caps;*/
    color: #1c6ba5;
    height: auto; /* font-variant:small-caps;*/
}

.PageMainTitle {
    font-weight: bold;
    font-size: 12px;
    color: #1c6ba5; /*font-variant:small-caps;*/
}


.line-separator {
    height: 1px;
    background: #f0f0f0;
    border-bottom: 1px solid #d3d3d3;
}

/*Row Div*/
div.tableRow {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

/*Column Div*/
div.tableColumn {
    text-align: center;
    margin: 0 15px 0 0;
    display: inline-block;
    color: #000;
}


/*GridView Style*/

.gridview {
    font-family: Verdana !important;
    background-color: #FFFFFF;
    border: solid 3px #8e8ea6;
    color: black;
    font-size: 10pt;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
}

    .gridview td /* Grid Cell*/ {
        padding: 7px;
        border-right-color: #dbd2db;
        border-left-color: #dbd2db;
        border-right-width: 2px;
        border-left-width: 2px;
        font-family: Verdana !important; /*font-weight: bold;*/
        font-size: 10pt;
    }


    .gridview th /* Grid Header*/ {
        padding: 5px;
        text-align: center;
        border-bottom-color: #dbd2db;
        border-bottom-width: 2px;
        border-right-color: #dbd2db;
        border-right-width: 2px;
    }

        .gridview th a {
            color: #003300;
            text-decoration: none;
        }

            .gridview th a:hover {
                color: #003300;
                text-decoration: underline;
            }

    .gridview td a {
        color: #003300;
        text-decoration: none;
    }

        .gridview td a:hover {
            color: red;
            text-decoration: underline;
        }

.gridViewHeader {
    background-color: #fcfcfa;
    color: #FFFFFF;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../Images/grid_blue_back.gif);
    font-family: Verdana !important;
    font-size: 11pt;
}

.gridViewRow {
    background-color: white;
    color: #343434;
    text-align: left;
    border-bottom: 2px solid #dedede !important;
    -ms-word-break: break-all; /* Be VERY careful with this, breaks normal words wherever */
    word-break: break-all; /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.gridViewAltRow {
    background-color: #f8fafc;
    color: #343434;
    text-align: left;
    border-bottom: 2px solid #dedede !important;
    -ms-word-break: break-all; /* Be VERY careful with this, breaks normal words wherever */
    word-break: break-all; /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.gridViewSelectedRow {
    background-color: #E2DED6;
    color: #333333;
    font-weight: bold;
}

/* Of course, this doesn't work with IE6. Works fine with Firefox, though. */
.gridview tr.gridViewRow:hover td, .gridview tr.gridViewAltRow:hover td {
    color: #af181d;
    border-bottom: 2px solid #debebe;
    border-top: 2px solid #debebe;
}

.gridViewPager {
    background-color: #0066CC;
    color: #FFFFFF;
    text-align: left;
    border-bottom-color: red !important;
    border-bottom-width: 2px !important;
}

    .gridViewPager td {
        padding: 3px;
    }

        .gridViewPager td a {
            color: #FFFFFF;
            text-decoration: none;
        }

            .gridViewPager td a:hover {
                color: #FFFFFF;
                text-decoration: underline;
            }

    /* The currently selected page number is rendered by ASP.NET in a span tag in the td. */
    .gridViewPager span {
        color: #000000;
    }

#divGridView {
    margin-top: 1.5em;
}


/*GridView Style 1*/

.gridview1 {
    font-family: Verdana !important;
    background-color: #FFFFFF;
    border: solid 3px #254265;
    color: #333333;
    font-size: 11pt;
    margin-left: auto;
    margin-right: auto;
}

    .gridview1 td /* Grid Cell*/ {
        padding: 7px;
    }

    .gridview1 th /* Grid Header*/ {
        padding: 5px;
        text-align: center;
    }

        .gridview1 th a {
            color: #003300;
            text-decoration: none;
        }

            .gridview1 th a:hover {
                color: #003300;
                text-decoration: underline;
            }

    .gridview1 td a {
        color: #003300;
        text-decoration: none;
    }

        .gridview1 td a:hover {
            color: red;
            text-decoration: underline;
        }

.gridViewHeader1 {
    background-color: #254265;
    color: #FFFFFF;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-family: Verdana;
    font-size: 12px;
}

.gridViewRow1 {
    background-color: #F7F6F3;
    color: #333333;
    text-align: left;
}

.gridViewAltRow1 {
    background-color: #FFFFFF;
}

.gridViewSelectedRow1 {
    background-color: #E2DED6;
    color: #333333;
    font-weight: bold;
}

/* Of course, this doesn't work with IE6. Works fine with Firefox, though. */
.gridview1 tr.gridViewRow:hover td, .gridview1 tr.gridViewAltRow:hover td {
    background-color: #dddddd;
    color: #213a5a;
}

.gridViewPager1 {
    background-color: #0066CC;
    color: #FFFFFF;
    text-align: left;
}

    .gridViewPager1 td {
        padding: 3px;
    }

        .gridViewPager1 td a {
            color: #FFFFFF;
            text-decoration: none;
        }

            .gridViewPager1 td a:hover {
                color: #FFFFFF;
                text-decoration: underline;
            }

    /* The currently selected page number is rendered by ASP.NET in a span tag in the td. */
    .gridViewPager1 span {
        color: #000000;
    }

#divGridView1 {
    margin-top: 1.5em;
}


/* end*/







/*  General forecast */




.weather-div-title1 {
    color: #1c6ba5;
    font-size: 22px;
    font-weight: bold;
}


.weather-div-warning-green1 {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /*  behavior: url(border-radius.htc);*/
    height: 165px;
    width: 300px;
    background: red;
    margin-left: 0px;
    padding-left: 0px; /* For IE 5.5 - 7*/ /*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=red, endColorstr=red); /* For IE 8*/ /* -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=red, endColorstr=red); */
}

.weather-div-warning1 {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /*  behavior: url(border-radius.htc);*/
    height: 165px;
    width: 300px;
    background: red;
    margin-left: 0px;
    padding-left: 0px; /* For IE 5.5 - 7*/ /*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=red, endColorstr=red); /* For IE 8*/ /* -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=red, endColorstr=red); */
}

.weather-div-weather1 {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /*behavior: url(border-radius.htc);*/
    height: 165px;
    width: 300px;
    background: #83cbc5;
    margin: 10px 0px 0px 0px;
    padding-left: 0px;
}



.topWeather {
    height: 95px;
    padding: auto 0px auto 0px;
    display: table-cell;
    vertical-align: middle; /* border: 1px solid #83cbc5;*/
    width: 280px;
    overflow: hidden; /* -moz-border-radius: 7px;     -webkit-border-radius: 7px;     -khtml-border-radius: 7px;     border-radius: 7px;     background: #83cbc5;     background: rgba(252, 243, 192, 0.9);*/
}

.topAdd {
    height: 95px;
    padding: auto 0px auto 25px;
    display: table-cell;
    vertical-align: middle; /* border: 1px solid #83cbc5;*/
    font-size: 12px;
    color: #1c6ba5;
}


.div-social {
    padding-left: 10px;
    float: left;
    padding-bottom: 10PX;
}

.div-apps {
    width: 1180px;
    margin: 0px auto 0px auto;
    padding: 10px 0px 0px 0px;
}

.menu-text {
    font-size: 12px;
    color: #1c6ba5;
    font-weight: bold;
}

.slide-caption {
    position: absolute;
    left: 14.5%;
    top: 20px;
    width: 460px;
    height: 30px;
}

.header-container1 {
    width: 100%;
    border-bottom: 5px solid #166ca5;
    background-color: #fff;
    height: 140px;
}


.tbl2 {
    font-weight: normal;
    color: #353535;
    height: auto;
    vertical-align: middle;
    text-align: left;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    background: rgba(255,255,255,0.5);
    border: 1px solid #83cbc5;
    font-weight: normal;
    width: 100%;
}

    .tbl2 th {
        /*background-color: #D2D2D2;*/
        background: rgba(39,45,102,0.7);
        height: 25px;
        color: #fff;
        vertical-align: middle;
        padding-right: 2px;
        padding-left: 7px;
        border: 1px solid #83cbc5;
        font-weight: bold;
        font-size: 12px;
        font-weight: bold;
    }

    .tbl2 td {
        border: 1px solid #83cbc5;
        padding-top: 7px;
        padding-right: 6px;
        padding-bottom: 7px;
        padding-left: 6px;
        font-size: 12px;
        color: #000000;
        background: rgba(255,255,255,0.5);
    }

/* for 1180 */

.tbl3 {
    font-weight: normal;
    color: #353535;
    height: auto;
    vertical-align: middle;
    text-align: left;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    background: rgba(255,255,255,0.5);
    border: .5px solid #83cbc5;
    font-weight: normal;
    width: 100%;
}

    .tbl3 th {
        /*background-color: #D2D2D2;*/
        background: rgba(39,45,102,0.7);
        height: 25px;
        color: #fff;
        vertical-align: middle;
        padding-right: 2px;
        padding-left: 7px;
        border: .5px solid #83cbc5;
        font-weight: bold;
        font-size: 11px;
        font-weight: bold;
    }

    .tbl3 td {
        border: 1px solid #83cbc5;
        padding-top: 6px;
        padding-bottom: 6px;
        text-align: center;
        font-size: 11px;
        color: #000000;
        background: rgba(255,255,255,0.5);
    }




/*=================================New Change */



.title-services {
    padding-top: 15px;
    padding-bottom: 10px;
    width: 221px;
    font-size: 16px;
    font-weight: bold;
    color: #1c6ba5;
}

.title2-services {
    padding-bottom: 12px;
    width: 500px;
    font-size: 18px;
    font-weight: bold;
    color: #1c6ba5;
    text-transform: uppercase;
}

.obsTemp {
    margin: 0px 0px 0px 0px;
    padding: auto 0px auto 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    height: 125px;
    font-size: 12px;
    background-color: #83cbc5;
    text-align: center;
    vertical-align: middle;
}


.div-temp {
    /* margin: 40px auto 20px 60px;*/
}

.temp-img {
    width: 22px;
    height: 22px;
}

.td-left {
    background: rgba(213,176,107,0.6);
    color: #1c6ba5; /* background: #1c6ba5;*/
    font-weight: bold;
    font-size: 12px;
    height: 22px;
    width: 22px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #83cbc5;
    border-collapse: collapse;
}

.td-middle {
    color: #1c6ba5; /* background: #1c6ba5;*/
    font-weight: bold;
    font-size: 12px;
    height: 22px;
    width: 22px;
    text-align: center;
    vertical-align: middle;
    background: rgba(213,176,107,0.6);
    border-right: 1px solid #83cbc5;
    border-left: 1px solid #83cbc5;
    border-bottom: 1px solid #83cbc5;
    border-collapse: collapse;
}

.td-right {
    background: rgba(255,255,255,0.6);
    background: #d5b06b;
    color: #1c6ba5; /* background: #1c6ba5;*/
    font-weight: bold;
    font-size: 12px;
    height: 22px;
    width: 22px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #83cbc5;
    border-collapse: collapse;
}

/* updation on 08/10/2014 */

.header-container {
    width: 100%;
    border-bottom: 5px solid #83cbc5;
    background-color: #fff;
}

.title1-services {
    font-size: 12px;
    font-weight: bold;
    padding: 0px 0px 4px 0px;
    font-style: normal;
    color: #1c6ba5;
}

.div-service-caption {
    float: left;
    padding-left: 5px;
}







.div-Weather {
    float: left;
    width: 280px;
    height: 150px;
}

.div-Weather {
    text-decoration: none;
    color: #1c6ba5;
}

    .div-Weather:hover {
        opacity: 0.6;
        filter: alpha(opacity=30);
        color: #000;
    }




.headNews {
    float: left;
    width: 280px;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 5px;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.divNews {
    margin-bottom: -60px; /* fade  40 for vertical */
    float: left;
    width: 280px;
    padding-left: 6px; /* height: 352px;*/
    vertical-align: top;
    border: none;
}

.newsSummary {
    padding-top: 30px;
    height: 77px;
    text-align: left;
    width: 279px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    overflow: hidden;
    font-size: 15px;
}

.newsSummarytext {
    text-decoration: none;
    overflow: hidden;
    color: #000000;
}

.newsMore {
    padding-top: 12px;
    margin-left: 0px;
    text-align: left;
    font-size: 12px;
    color: #1c6ba5;
    text-decoration: none;
}

.newsSummaryImage {
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: 278px;
    height: 190px;
}
/* Activities */

.headActivity {
    float: left;
    padding-bottom: 6px;
    width: 267px;
    font-size: 16px;
    font-weight: bold;
    color: #1c6ba5;
}

.divActivity {
    float: left;
    margin-left: 0px;
    width: 280px;
}
/*Events */

.headEvents {
    float: left;
    margin-left: 45px;
    padding-bottom: 5px;
    width: 267px;
    font-size: 18px;
    font-weight: bold;
    color: #83cbc5;
}

.divEvents {
    float: left;
    margin-left: 39px;
    margin-right: 0px;
    width: 267px;
}

.ulEvents {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.eventsDate {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 10px;
    text-align: left;
    font-size: 12px;
    color: #fff;
    text-decoration: none; /* background-color: #1c6ba5;*/
    background-color: #83cbc5;
}

.eventsSummary {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    height: 125px;
    font-size: 16px; /* background-color: #1c6ba5;*/
    background-color: #83cbc5;
    text-decoration: none;
}

    .eventsSummary a {
        color: #fff;
        text-decoration: none;
    }

        .eventsSummary a:hover {
            opacity: 0.6;
        }

.eventsMore {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 5px;
    text-align: left;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    background-color: #83cbc5;
}

    .eventsMore a {
        color: #fff;
        text-decoration: none;
    }

        .eventsMore a:hover {
            opacity: 0.6;
        }

.eventsSummaryImage {
    margin: 0;
    padding: 0;
    text-align: left;
    height: 175px;
    width: 267px;
}




/*Twitter */

.topTwitter {
    float: left;
    width: 257px;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #1c6ba5;
    padding-left: 32px;
}

.headTwitter {
    background-color: #1c6ba5;
    color: #fff;
    height: 25px;
    font-weight: bold;
    font-size: 16px;
    padding-top: 7px;
    padding-left: 10px;
    width: 280px;
    margin-top: 1px;
}

.divTwitter {
    float: left;
    width: 280px;
    overflow: hidden;
}

.twitterSummary {
    text-align: left;
    color: #000; /* height: 265px;*/
    height: 125px;
    font-size: 12px;
    overflow: hidden;
}

.twitterImage {
    text-align: left;
    color: #000;
    font-size: 12px;
}

.caaImage {
    margin: 0;
    padding: 0;
    position: relative;
}

    .caaImage a {
        text-decoration: none;
    }



/*=================================New Change */


.title-services {
    padding-top: 20px;
    padding-bottom: 15px;
    width: 221px;
    font-size: 16px;
    font-weight: bold;
    color: #1c6ba5;
}

.title2-services {
    padding-bottom: 12px;
    width: 500px;
    font-size: 18px;
    font-weight: bold;
    color: #1c6ba5;
    text-transform: uppercase;
}

.obsTemp {
    margin: 0px 0px 0px 0px;
    padding: auto 0px auto 0px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    height: 125px;
    font-size: 12px;
    background-color: #83cbc5;
    text-align: center;
    vertical-align: middle;
}

div-temp {
    /* margin: 40px auto 20px 60px;*/
}

.temp-img {
    width: 22px;
    height: 22px;
}

.temp-img {
    width: 22px;
    height: 22px;
}

.td-left {
    background: rgba(213,176,107,0.6);
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    height: 22px;
    width: 22px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #83cbc5;
    border-collapse: collapse;
}

.td-middle {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    height: 22px;
    width: 22px;
    text-align: center;
    vertical-align: middle; /* background: rgba(213,176,107,0.6);*/
    background: #ee7366;
    border-right: 1px solid #83cbc5;
    border-left: 1px solid #83cbc5;
    border-bottom: 1px solid #83cbc5;
    border-collapse: collapse;
}

.td-right {
    /*   background: rgba(255,255,255,0.6);*/
    background: #ee7366;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    height: 22px;
    width: 22px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #83cbc5;
    border-collapse: collapse;
}

.td-middle1 {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    height: 22px;
    width: 22px;
    text-align: center;
    vertical-align: middle; /* background: rgba(213,176,107,0.6);*/
    background: #1c6ba5;
    border-right: 1px solid #83cbc5;
    border-left: 1px solid #83cbc5;
    border-bottom: 1px solid #83cbc5;
    border-collapse: collapse;
}

.td-right1 {
    /*   background: rgba(255,255,255,0.6);*/
    background: #1c6ba5;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    height: 22px;
    width: 22px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #83cbc5;
    border-collapse: collapse;
}

.footerBottom {
    width: 100%;
    margin: 0px auto 0px auto; /* background-image: url(../Images/Botom.png);       background-position: center;     background-repeat: repeat-x; */
    height: 25px;
    padding-top: 15px;
}


.buoy-stn {
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.title3-services {
    font-size: 16px;
    font-weight: bold;
    width: 180px;
    padding: 0px 0px 7px 0px;
    font-style: normal;
    color: #1c6ba5;
}

.ews-smry {
    color: #000;
    font-size: 12px;
    text-decoration: none;
    line-height: 25px;
    margin-left: 0px;
    padding-left: 10px;
}

    .ews-smry li {
        list-style-type: square;
        padding-bottom: 5px;
    }

.ews-content {
    width: 610px;
    padding: 20px 20px 0px 20px;
    float: left;
    font-size: 13px;
    text-align: justify;
    line-height: 1.7;
}

.ews-content-warapper {
    width: 930px;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    padding-top: 10px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    min-height: 1500px;
    border-left: 1px solid #83cbc5;
}

/* Tide */



.td-station {
    min-width: 90px;
    padding-left: 5px;
    text-align: left;
    color: #1c6ba5;
    font-size: 12px;
    border-bottom: 1px solid #3696c0;
    border-left: 1px solid #3696c0;
    border-right: 1px solid #3696c0;
}

.td-station1 {
    min-width: 90px;
    padding-left: 5px;
    text-align: left;
    color: #1c6ba5;
    vertical-align: bottom;
    font-size: 12px;
    border-left: 1px solid #3696c0;
    border-right: 1px solid #3696c0;
}

.td-value {
    min-width: 50px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    color: #1c6ba5;
    border-right: 1px solid #3696c0;
    border-bottom: 1px solid #3696c0; /*padding: 5px 0px 5px 0px;*/
    padding-top: 5px;
    padding-bottom: 5px;
}

.td-value-end {
    min-width: 50px;
    vertical-align: middle;
    text-align: center;
    color: #1c6ba5;
    border-top: 1px solid #3696c0;
    border-bottom: 1px solid #3696c0; /*padding: 5px 0px 5px 0px;*/
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
}







.imgDiv {
    overflow: visible;
}

.accordion {
    width: 95%;
    border-bottom: solid 0px #c4c4c4;
    text-align: center;
    margin: auto;
}

    .accordion h3 {
        background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
        padding: 7px 15px;
        margin: 0;
        font: bold 100%/ 100% Arial, Helvetica, sans-serif;
        border: solid 1px #c4c4c4; /*border-bottom: none;*/
        cursor: pointer;
    }

        .accordion h3:hover {
            background-color: #e3e2e2;
        }

        .accordion h3.active {
            background-position: right 5px;
        }

    .accordion p {
        background: #f7f7f7;
        margin: 0;
        padding: 10px 15px 20px;
        border-left: solid 1px #c4c4c4;
        border-right: solid 1px #c4c4c4;
    }



/* 23/10/14 */

.tbl-gforecast {
    font-weight: normal;
    color: #353535;
    height: auto;
    vertical-align: middle;
    text-align: left;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    background-color: White;
    border: 1px solid #75c1db;
    font-weight: normal;
    width: 100%;
}

    .tbl-gforecast th {
        /*background-color: #D2D2D2;*/
        background-color: #1c6ba5;
        height: 25px;
        color: #FFFFFF;
        vertical-align: middle;
        padding-right: 4px;
        padding-left: 4px;
        border: 1px solid #75c1db;
        font-weight: bold;
        font-size: 12px;
    }

    .tbl-gforecast td {
        border: 1px solid #75c1db;
        padding-top: 7px;
        padding-right: 3px;
        padding-bottom: 7px;
        padding-left: 3px;
        font-size: 12px;
        color: #000000;
    }


.lnk-station {
    text-decoration: none;
    color: #fff;
}

    .lnk-station:hover {
        opacity: 0.6;
        filter: alpha(opacity=30);
        text-decoration: none;
    }


.tbltide {
    font-weight: normal;
    color: #353535;
    height: auto;
    vertical-align: middle;
    text-align: center;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    background-color: White;
    border: 1px solid #75c1db;
    font-weight: normal;
    width: 100%;
}

    .tbltide th {
        /*background-color: #D2D2D2;*/
        background-color: #1c6ba5;
        height: 20px;
        color: #FFFFFF;
        vertical-align: middle;
        text-align: center;
        padding-right: 1px;
        padding-left: 1px;
        border: 1px solid #75c1db;
        font-weight: bold;
        font-size: 10px;
    }

    .tbltide td {
        border: 1px solid #75c1db;
        padding-top: 4px;
        padding-right: 1px;
        padding-bottom: 4px;
        padding-left: 1px;
        font-size: 9px;
        color: #000;
        font-weight: bold;
        text-align: center;
    }



/* New Changes */


/* Table Style for for All Table  ------------------------------------------------------------------------------------*/
table.table7 {
    border: 0px;
    border-right: 0px;
    border-collapse: collapse;
    font-size: inherit;
}

/* Caption Style for All Table style --------------------*/
table caption {
    padding-bottom: 1em;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    margin: 0;
    caption-side: top;
}


/* Header (th) Style for table4, table5,------ tableX style --------------------*/
table.table7 th {
    color: #fff;
    padding: .8em .8em;
    border-bottom: 2px solid #6678b1;
    font-family: Arial;
    font-size: .9em;
    font-weight: normal;
}

/* Cell text color for All Table --------------------*/
table td {
    color: #669;
}

/* .table7 class -----  for vertical listing ----------------   */
table.table7 th {
    /* background: #b9c9fe;*/
    background: #166ca5;
    border-bottom: 1px solid #fff;
    border-right: 0px;
    border-left: 0px;
}

table.table7 td {
    padding: .8em .8em;
    background: #e8edff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid transparent;
    font-size: .9em;
    border-right: 0px;
    border-left: 0px;
}

table.table7 tr:hover td {
    background: #d0dafd;
    color: #339;
    font-size: .9em;
}

.div-tabl7 {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /*behavior: url(border-radius.htc);*/
    background: #e8edff;
    border: 1px solid #3696c0;
}

/* tide div  */

.tide-div {
    /* -moz-border-radius: 15px;     -webkit-border-radius: 15px;     -khtml-border-radius: 15px;     border-radius: 15px; /*behavior: url(border-radius.htc);*/
    width: 400px;
    background: #e8edff;
    padding: 0px 0px 0px 0px; /* background: rgba(54, 150, 192, 0.5);*/ /*  background: rgba(54, 150, 192, 0.6);     background: rgba(131, 203, 197, 0.6);*/
    border: 1px solid #3696c0;
    border-bottom: none;
}


/* print forecast tempetrature table with station */

.tbl-temp {
    font-weight: normal;
    color: #000;
    height: auto;
    vertical-align: middle;
    text-align: left;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    background-color: White;
    border: 1px solid #75c1db;
    font-weight: normal;
    width: 100%;
}

    .tbl-temp th {
        /*background-color: #D2D2D2;*/
        background-color: #3496c0;
        color: #000;
        vertical-align: middle;
        padding-right: 2px;
        padding-left: 10px;
        border: 1px solid #75c1db;
        font-weight: bold;
        font-size: 12px;
    }

    .tbl-temp td {
        border: 1px solid #75c1db;
        padding-top: 3px;
        padding-right: 1px;
        padding-bottom: 3px;
        padding-left: 10px;
        font-size: 12px;
        color: #000000;
    }







/*========================================================
										BUTTONS
=========================================================*/

/* .more_btn
{
    display: inline-block;
    margin-top: 20px;
    padding: 7px 18px;
    text-decoration: none;
    font: 12px/18px "Exo" , Arial, sans-serif;
    color: #222;
    background: #fff;
    border: 1px solid #cccccc;
    text-transform: uppercase;
    text-decoration: none;
}
.more_btn:hover
{
    color: #fff;
    background: #1c6ba5;
    border: 1px solid #1c6ba5;
}
*/

.more_btn {
    display: inline-block;
    margin-top: 20px;
    padding: 7px 18px;
    text-decoration: none;
    font: 12px/18px "Exo", Arial, sans-serif;
    color: #fff;
    background: #1c6ba5;
    border: 1px solid #1c6ba5;
    text-transform: uppercase;
    text-decoration: none;
}

    .more_btn:hover {
        color: #222;
        background: #83cac4;
        border: 1px solid #cccccc;
    }

.sb-title {
    font-size: 12px;
    text-transform: uppercase;
}

.div-tide {
    float: left;
    width: 280px;
    height: 150px;
}

.div-tide {
    text-decoration: none;
    color: #1c6ba5;
}



.tide-summary {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    color: #1c6ba5;
    height: 70px;
    font-size: 12px; /* background-color: #1c6ba5;*/
    background-color: #e6e6e6;
    text-decoration: none;
}

    .tide-summary a {
        color: #1c6ba5;
        text-decoration: none;
    }

.tide-locations {
    color: #fff;
    font-size: 12px;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}

.tide-icon {
    height: 20px;
    width: 15px;
}

.tide-div-icons {
    float: left;
}


/* new */

.events-summary {
    text-align: left;
    width: 280px;
    height: 80px;
    color: #1c6ba5;
    overflow: hidden;
    font-size: 13px;
    padding-bottom: 7px;
}

.div-events {
    float: left;
    width: 570px;
    height: 188px;
    background-color: #e6e6e6;
}

.div_twitter {
    text-align: left;
    color: #000; /* height: 265px;*/
    height: 180px;
    font-size: 12px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
}



.events-date {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 10px;
    text-align: left;
    font-size: 12px;
    color: #1c6ba5;
    text-decoration: none; /* background-color: #1c6ba5;*/
    background-color: #e6e6e6;
}


.tblObs {
    font-weight: normal;
    color: #353535;
    height: auto;
    vertical-align: middle;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    background-color: White;
    border: 1px solid #83cbc5;
    font-weight: normal;
    width: 100%;
}

    .tblObs th {
        /*background-color: #D2D2D2;*/
        background-color: #1c6ba5;
        height: 25px;
        color: #FFFFFF;
        vertical-align: middle;
        padding-right: 2px;
        padding-left: 5px;
        border: 1px solid #83cbc5;
        font-weight: bold;
        font-size: 12px;
    }

    .tblObs td {
        border: 1px solid #83cbc5;
        padding-top: 9px;
        padding-right: 1px;
        padding-bottom: 8px;
        padding-left: 5px;
        font-size: 12px;
         color: #242c61;
    }

    .tblObs div {
        text-align: center;
    }


/* new for responsive */






.div-bottom-satellite {
    width: 270px;
    height: 55px;
    background-color: transparent;
    background-color: #e6e6e6;
    line-height: 18px;
    padding: 10px 10px 10px 10px;
    font-size: 13px;
    color: #8E8E8E;
    color: #1c6ba5;
    border: 1px solid #e6e6e6;
}


.ulFooter {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .ulFooter li {
        line-height: 18px;
    }

    .ulFooter a {
        text-decoration: none;
        color: #1c6ba5;
        font-size: 12px;
    }

        .ulFooter a:hover {
            color: #83cbc5;
        }

.menu-text {
    font-size: 12px;
    color: #000;
    font-weight: normal;
}

.framing {
    margin: 0 0 0px 0;
    padding: 5px;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.breadcrumbs {
    border: 1px solid #ececec; /* box-shadow: 0 15px 15px rgba(0,0,0,0.05);   -webkit-box-shadow: 0 15px 15px rgba(0,0,0,0.05); */
    padding: 8px 0px 0px 0px;
    margin: 0px 0px 25px 0px;
    overflow: hidden;
}

    .breadcrumbs ul {
        font-size: 12px;
        list-style-type: none;
        float: left;
    }

    .breadcrumbs a {
        text-decoration: none;
        color: #1c6ba5;
        font-size: 12px;
    }

    .breadcrumbs li {
        float: left;
    }



/*   gmc home  new */



.service-left {
    float: left;
    padding-left: 10px;
    text-align: left;
}

.title-ews {
    font-size: 13px;
    font-weight: bold;
    padding: 0px 0px 4px 0px;
    font-style: normal;
    color: #1c6ba5;
}

.title-nwp {
    font-size: 13px;
    font-weight: bold;
    padding: 0px 0px 4px 0px;
    font-style: normal;
    color: #1c6ba5;
}


.border-hr-1 {
    border-width: 1px;
    color: #83cac4;
    margin: 3px 0px 3px 0px;
    padding: 3px 0px 3px 0px;
}

.div-service-descr {
    font-size: .8125em; /* 13px */
    text-align: left;
}




.slide2-title {
    font-size: 12px;
    color: #1c6ba5;
    font-weight: bold;
    text-transform: uppercase;
}





.title1 {
    font-size: 24px;
    font-weight: bold;
    color: #1c6ba5;
}

.title2 {
    font-size: 20px;
    color: #1c6ba5;
}






.nwp-title1 {
    font-size: 24px;
    font-weight: bold;
    color: #1c6ba5;
}

.title3 {
    font-size: 18px;
    color: #1c6ba5;
}


.pagination {
    line-height: 26px;
}

    .pagination span {
        padding: 10px 10px 10px 10px;
        border: solid 1px #477B0E;
        text-decoration: none;
        white-space: nowrap;
        background: #83cbc5;
        color: #fff;
    }

    .pagination a, .pagination a:visited {
        text-decoration: none;
        padding: 10px 10px 10px 10px;
        white-space: nowrap;
        color: #000;
    }

        .pagination a:hover, .pagination a:active, .pagination a:visited {
            padding: 10px 10px 10px 10px;
            border: solid 1px #9ECDE7;
            text-decoration: none;
            white-space: nowrap;
            background: #486694;
            color: #FFFFFF;
        }

.divOpacity a {
    text-decoration: none;
    color: #1c6ba5;
}

    .divOpacity a:hover {
        opacity: 0.6;
        filter: alpha(opacity=30);
    }


.nwpNotes {
    font-size: 12px;
    color: black;
    margin: auto;
    width: 100%;
    text-align: left;
}



.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: center;
    /* inline-block space fix */
    margin-right: -4px;
}

.tblff {
    font-weight: normal;
    color: #353535;
    height: auto;
    vertical-align: middle;
    text-align: left;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    background-color: White;
    border: 1px solid #cccccc;
    font-weight: normal;
    width: 100%;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
}

    .tblff th {
        /*background-color: #D2D2D2;*/
        background-color: #1c6ba5;
        height: 40px;
        color: #FFFFFF;
        vertical-align: middle;
        padding-right: 7px;
        padding-left: 7px;
        padding-top: 3px;
        padding-bottom: 3px;
        border: 1px solid #cccccc;
        font-weight: bold;
        font-size: 12px;
    }

        .tblff th a {
            /*background-color: #D2D2D2;*/
            text-decoration: none;
            color: #FFFFFF;
            vertical-align: middle;
            font-weight: bold;
            font-size: 12px;
        }

.sortasc a {
    display: block;
    padding: 0 4px 0 15px;
    background: url(../Images/arrow_down.png) no-repeat;
    color: #fff;
}

.sortdesc a {
    display: block;
    padding: 0 4px 0 15px;
    background: url(../Images/arrow-up.png) no-repeat;
    color: #fff;
}



.tblff td {
    border: 1px solid #cccccc;
    padding-top: 7px;
    padding-right: 7px;
    padding-left: 7px;
    font-size: 12px;
    color: #000000;
}



.pagination1 {
    line-height: 36px;
    width: 100%;
}

    .pagination1 span {
        padding: 7px 10px 7px 10px;
        border: solid 1px #477B0E;
        text-decoration: none;
        white-space: nowrap;
        background: #83cbc5;
        color: #fff;
    }

    .pagination1 a, .pagination1 a:visited {
        text-decoration: none;
        padding: 7px 10px 7px 10px;
        white-space: nowrap;
        color: #000;
    }

        .pagination1 a:hover, .pagination1 a:active, .pagination1 a:visited {
            padding: 7px 10px 7px 10px;
            border: solid 1px #9ECDE7;
            text-decoration: none;
            white-space: nowrap;
            background: #486694;
            color: #FFFFFF;
        }

    .pagination1 td {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        border: none;
    }


/*ens*/

h3 {
    font-size: 12px;
}


.panel-title1 {
}


.tbl2 {
    font-weight: normal;
    color: #353535;
    height: auto;
    vertical-align: middle;
    text-align: left;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    background-color: White;
    border: 1px solid #cccccc;
    font-weight: normal;
    width: 100%;
}

    .tbl2 th {
        /*background-color: #D2D2D2;*/
        background-color: #1c6ba5;
        height: 25px;
        color: #FFFFFF;
        vertical-align: middle;
        text-align: center;
        padding-right: 7px;
        padding-left: 7px;
        border: 1px solid #cccccc;
        font-weight: bold;
        font-size: 12px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .tbl2 td {
        border: 1px solid #cccccc;
        padding-top: 7px;
        padding-right: 7px;
        padding-bottom: 7px;
        padding-left: 7px;
        font-size: 12px;
        color: #000000;
        vertical-align: middle;
        text-align: center;
    }



.top-title {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}





/* Climate data info stattistical

        /*Panel tabs*/




.weather-obs-title {
    margin-top: 10px;
    color: #872c94;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: left;
    padding-bottom: 7px;
}

.climate-div-summary {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /*behavior: url(border-radius.htc);*/
    height: 158px;
    width: 100%;
    background: #83cbc5;
    background: #83cbc5;
    margin: 10px 0px 0px 0px;
    padding-left: 0px; /* background: rgba(54, 150, 192, 0.5);*/
    background: rgba(54, 150, 192, 0.5);
}





.panel-green .panel-tabs {
    position: relative;
    bottom: 0px;
    clear: both;
    border-bottom: none;
}

    .panel-green .panel-tabs > li {
        float: left;
    }

        .panel-green .panel-tabs > li > a {
            margin-right: 2px;
            margin-top: 4px;
            line-height: .85;
            border: 1px solid transparent;
            border-bottom: none;
            border-radius: 4px 4px 0 0;
            color: #ffffff;
            font-weight: bold;
            font-size: 12px;
            padding: 10px 16px;
        }

            .panel-green .panel-tabs > li > a:hover {
                border-color: transparent;
                color: #ffffff;
                background-color: transparent;
            }

        .panel-green .panel-tabs > li.active > a,
        .panel-green .panel-tabs > li.active > a:hover,
        .panel-green .panel-tabs > li.active > a:focus {
            color: #737373;
            cursor: default;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 5px 5px 0 0;
            background-color: #FFF;
            border-bottom-color: transparent;
            border-top-color: #448401;
        }

.panel-primary.panel-green {
    border-color: #e2e2e2;
    background-color: #fff;
}

    .panel-primary.panel-green > .panel-heading {
        background-color: #5DB41F;
        background: #7b88c9;
        padding-bottom: 0;
        border-bottom: none;
    }

.panel-green .tab-content {
    text-align: center;
    background-color: #fff;
}

.climate-td {
    text-align: center;
    width: 25%;
    color: #c38e30;
    font-weight: bold;
    /*color: #000;*/
}

.climate-icn {
    font-size: 26px;
    color: #924da3;
}

.climate-summary {
    text-align: left;
    font-size: 12px;
    color: #7b88c9;
    background-color: #fff;
}

.info-transparent {
    background-color: rgba(245, 245, 245, 0.9);
}

.info-title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border: none;
}

.info-content {
    font-size: 12px;
    font-weight: bold;
}



.list-group-horizontal .list-group-item {
    display: inline-block;
}

.list-group-horizontal .list-group-item {
    margin-bottom: 0;
    margin-left: -4px;
    margin-right: 0;
    font-size: 12px;
    font-weight: bold;
}

    .list-group-horizontal .list-group-item:first-child {
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
    }

    .list-group-horizontal .list-group-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
    }





/* map EWS*/


.selected {
    color: #fff;
}

.link-days {
    font-size: 16px;
    font-family: Tahoma;
}

.climate-icn {
    font-size: 16px;
    /*color:#924da3; */
    font-family: Tahoma;
}


.div-hours {
    /*-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; */
    width: 100%;
    background-color: #fff;
    color: #286090;
    /*border :1px solid #dddddd;*/
    padding: 10px 15px 10px 15px;
    background-color: #f8f8f8;
}

.div-hours-title {
    font-size: 12px;
    font-weight: bold;
}

.ews-no-warning {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /*  behavior: url(border-radius.htc);*/
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    background-color: #f2f0eb;
    color: #286090;
}



.ews-warning {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /*  behavior: url(border-radius.htc);*/
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    background-color: #fff;
    color: #fff;
}

.ews-warning-title {
    padding: 13px 0px 5px 10px;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    font-weight: bold;
}

.ews-warning-content {
    margin-top: 5px;
    padding: 1px 0px 0px 10px;
    height: 60px;
    font-size: 12px;
    font-weight: bold;
}

.lbldefault {
    color: #286090;
    background-color: #f2f0eb !important;
}

.lblorange {
    background-color: #ef6c00 !important;
    color: #fff;
}

.lblgreen {
    background-color: #689f38 !important;
    color: #fff;
}

.lblyellow {
    background-color: #ffee58 !important;
    color: #286090;
}

.lblred {
    background-color: #d50000 !important;
    color: #fff;
}



.climate-icn {
    font-size: 22px;
    color: #3c8dbc;
}

.color-icn {
    color: #ffffff;
}


.qmd-icn {
    font-size: 26px;
    color: #924da3;
}



.map-container {
    height: 700px;
    width: 100%;
}


.color-white {
    color: #ffffff;
}

.color-blue {
    color: #924da3;
}

.qmd-icn-fa {
    font-size: 18px;
}

.qmd-icn {
    font-size: 28px;
    color: #924da3;
    padding-right: 5px;
}

.qmd-icn-success {
    font-size: 36px;
    color: #286090;
    font-weight: bold;
}

.qmd-icn-warning-success {
    font-size: 34px;
    color: #286090;
}

.qmd-icn-txt-success {
    font-weight: bold;
    color: #286090;
    font-size: 22px;
    text-align: center;
}


.qmd-icn-sm {
    font-size: 12px;
}

.qmd-icn-txt {
    font-weight: bold;
    color: #924da3;
    text-align: center;
}

.qmd-warning {
    font-size: 24px;
    color: #ff6600;
    padding-right: 5px;
}


.showdiv {
    display: block !important;
}

.hidediv {
    display: none !important;
}



.W-display {
    min-height: 90px !important;
    background-color: #f8f8f8;
    vertical-align: middle;
}

.clickable {
    cursor: pointer;
}

.panel-heading span {
    /*margin-top: -20px; */
    font-size: 15px;
}

.ews-safety-title {
    font-size: 12px;
    color: #1c6ba5;
    font-weight: bold;
    font-family: Arial, Helvetica, Verdana, sans-serif, "Helvetica Neue", "Lucida Grande", "Segoe UI";
}

.ews-safety-list {
    margin: 0;
    padding: 0;
    list-style-type: square; /* padding-bottom: .2em;     padding-top: .2em;*/
    padding-left: 1em;
    min-height: 1.8px;
    padding-top: 5px;
    padding-bottom: 5px;
}



/*CAA-QWeather Updated 10-11/2017 */

body {
    overflow-x: hidden;
    font-family: 'Droid Sans', sans-serif;
    background-color: #f1f4f6;
    margin: 0px;
    padding: 0px;
    color: #000;
    width: 100%;
}



.weather-obs-title1 {
    margin-top: 10px;
    color: #242c61;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: left;
    padding-bottom: 7px;
}

.tblCurrentobs {
    font-weight: normal;
    color: #242c61;
    height: auto;
    vertical-align: middle;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    border: 1px solid #fff;
    font-weight: normal;
    width: 100%; /* background: #FFF;        background: rgba(255, 255, 255, 0.3); */
    background-color: #e0e0e0;
    height: 298px !important;
}

    .tblCurrentobs th {
        height: 25px;
        color: #fff;
        vertical-align: middle;
        padding: 5px 2px 5px 10px;
        border: 1px solid #fff;
        background: #2c99ce;
        font-weight: bold;
        font-size: 12px;
    }

    .tblCurrentobs td {
        border: 1px solid #fff;
        /*padding-top: 2.5% !important;
        padding-bottom: 2% !important;*/
        padding-right: 1px;
        padding-left: 10px;
        font-size: 12px;
        color: #242c61;
    }


.weather-tooltip {
    color: #242c61;
    font-size: 10px;
    vertical-align: top;
    text-transform: uppercase;
    text-align: center;
    overflow: visible;
    font-weight: bold;
    margin-top: 0px;
    width: 40px;
    height: 12px;
}

/*.weather-station {
    color: #242c61;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}*/

.weather-station {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    background-color : #2c99ce;
    padding :3px 3px 3px 3px;
}

.row-section-border {
    margin: 0px 0px 0px 0px;
    border-color: #f1f4f6;
    padding: 15px 0px 15px 0px;
}

.row-section {
    background-color: #fff;
    padding: 15px 15px 15px 15px;
}


.weather-div-weather-left {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /*behavior: url(border-radius.htc);*/
    min-height: 93px !important;
    width: 100%;
    background: #2c99ce;
    margin: 10px 0px 0px 0px;
    padding-left: 0px; /* background: rgba(54, 150, 192, 0.5);*/
}

.climate-summary-div {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /*behavior: url(border-radius.htc);*/
    min-height: 145px !important;
    width: 100%;
    background: #d2e8f3;
    background: #2c99ce;
    margin: 10px 0px 0px 0px;
    padding-left: 0px; /* background: rgba(54, 150, 192, 0.5);*/
}

.climate-summary-title {
    color: #fff;
    /*  padding: 7px 0px 5px 10px;*/
    padding: 10px 0px 5px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 12px;
    font-weight: bold;
}

.climate-summary-data {
    margin-top: 2px;
    color: #fff;
    padding: 2px 10px 0px 10px;
    font-size: 12px;
}

.weather-warning-title {
    color: #fff;
    padding: 7px 0px 5px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-weight: bold;
}

.weather-warning-inshore {
    margin-top: 5px;
    color: #fff;
    padding: 1px 10px 0px 10px;
    height: 40px;
    font-size: 12px;
    font-weight: bold;
}

.weather-warning-title1 {
    color: #fff;
    padding: 7px 0px 5px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-weight: bold;
}

.weather-warning-inshore1 {
    margin-top: 5px;
    color: #fff;
    padding: 1px 0px 0px 10px;
    height: 40px;
    font-size: 12px;
    font-weight: bold;
}



.div-services {
    min-height: 265px;
    background-color: #f1f4f6;
    background-color: #f7f8fa;
}


    .div-services a {
        text-decoration: none;
        color: #242c61;
    }

    .div-services:hover {
        opacity: 0.7;
        filter: alpha(opacity=30);
    }

.div-services-img {
    /*padding: 15px 55px 15px 65px;*/
      padding: 15px 0px 15px 0px;
     padding-left:30%;
     padding-right:30%; 
}

.div-services-title {
    padding-left: 30% !important;
    color: #242c61;
    font-weight: bold;
    font-size: 12px;
}

.div-services-content {
    padding: 0px 0px 10px 0px;
    padding-left: 30% !important;
    color: #242c61;
    font-size: 12px;
}


.div-services-block {
    min-height: 265px;
}


    .div-services-block a {
        text-decoration: none;
        color: #242c61;
    }

    .div-services-block:hover {
        opacity: 0.7;
        filter: alpha(opacity=30);
    }

.div-services-block-img {
    text-align: left;
}

.div-services-block-title {
    color: #242c61;
    font-weight: bold;
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    text-align: left;
    padding-bottom:5px; 
}

.div-services-block-text-bottom {
    color: #242c61;
    font-size: 12px;
    text-align: left;
    padding: 10px 0px 10px 0px;
}


/*////////////////////////////////// */


.inner-title-1 {
    color: #242c61;
    font-size: 20px;
    font-weight: bold;
}

.inner-title-2 {
    color: #242c61;
    font-size: 18px;
    font-weight: bold;
}

.inner-title-3 {
    color: #242c61;
    font-size: 16px;
    font-weight: bold;
}

.inner-title-4 {
    color: #242c61;
    font-size: 12px;
    font-weight: bold;
}

.inner-title-5 {
    color: #242c61;
    font-size: 12px;
    font-weight: bold;
}

.inner-title-6 {
    color: #242c61;
    font-size: 10px;
    font-weight: bold;
}


.content-title-1 h4 {
    color: #242c61;
    font-size: 18px;
    font-weight: bold;
}

.content-title-1 h3 {
    color: #242c61;
    font-size: 16px;
    font-weight: bold;
}





.content-text-18 p {
    color: #000;
    line-height: 2.0;
    text-align: justify;
    font-size: 18px;
}

.content-text-16 p {
    color: #000;
    line-height: 1.9;
    text-align: justify;
    font-size: 16px;
}

.content-text-14 p {
    color: #000;
    line-height: 2.0;
    text-align: justify;
    font-size: 14px;
}

.content-text-12 p {
    color: #000;
    line-height: 2.0;
    text-align: justify;
    font-size: 12px;
}

.content-text-10 p {
    color: #000;
    line-height: 2.0;
    text-align: justify;
    font-size: 10px;
}

.content-image img {
    width: 420px !important;
   
}





/*LEFT NAV 01 START*/
.padding-0 {
    padding-left: 0px !important;
}

.padding-15-left {
    padding-left: 15px !important;
    margin-left: 0px;
}

.padding-15-right {
    padding-right: 15px !important;
    margin-right: 0px;
}

.left-side-nav-01 ul {
    padding-left: 0;
}

    .left-side-nav-01 ul li {
        list-style: none;
        background-color: #e0e0e0;
        height: 50px;
        margin-bottom: 2px;
        line-height: 50px;
        padding-left: 15px;
        font-size: 12px;
        color: #242c61;
    }

    .left-side-nav-01 ul a {
        text-decoration: none;
    }

.selected-left-menu {
    background-color: #a1a1a1 !important;
    color: #fff !important;
}

.left-side-nav-01 ul a:hover li {
    background-color: #a1a1a1;
    color: #fff;
}

.left-side-nav-01 ul li i {
    font-size: 28px;
    float: right;
    padding-right: 15px;
    line-height: 50px;
    font-weight: 700;
}

.left-side-nav-01 .event-icon-nav-set .event-leag {
    color: #636363;
}

    .left-side-nav-01 .event-icon-nav-set .event-leag .leag-color-01 {
        height: 20px;
        border-left: 7px solid #2996c5;
    }

    .left-side-nav-01 .event-icon-nav-set .event-leag .leag-color-02 {
        height: 20px;
        border-left: 7px solid #9c1b3a;
    }

    .left-side-nav-01 .event-icon-nav-set .event-leag .leag-color-03 {
        height: 20px;
        border-left: 7px solid #2e7c40;
    }
/*LEFT NAV 01 END*/


.weather-div-warning-green2 {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /*  behavior: url(border-radius.htc);*/
    height: 130px;
    background: green;
    margin-left: 0px;
    padding-left: 0px;
    /* background: rgba(0, 128, 0, 0.7); /* For IE 5.5 - 7*/ /*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=red, endColorstr=red); /* For IE 8*/ /* -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=red, endColorstr=red); */
}

.weather-div-warning2 {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /*  behavior: url(border-radius.htc);*/
    height: 130px;
    background: red;
    margin-left: 0px;
    padding-left: 0px;
    /*background: rgba(255, 0, 0, 0.7); /* For IE 5.5 - 7*/ /*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=red, endColorstr=red); /* For IE 8*/ /* -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=red, endColorstr=red); */
}


.weather-div-weather {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px; /*behavior: url(border-radius.htc);*/
    height: 130px;
    background: #2c99ce;
    margin: 0px 0px 0px 0px;
    padding-left: 0px; /* background: rgba(54, 150, 192, 0.5);*/ /*  background: rgba(54, 150, 192, 0.6);     background: rgba(131, 203, 197, 0.6);*/
}

.tblGForecast {
    font-weight: normal;
    color: #636363;
    height: auto;
    vertical-align: middle;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    border: 1px solid #fff;
    font-weight: normal;
    width: 100%; /* background: #FFF;        background: rgba(255, 255, 255, 0.3); */
    background-color: #e0e0e0;
   
}

    .tblGForecast th {
        height: 25px;
        color: #fff;
        vertical-align: middle;
        padding: 7px 2px 7px 10px;
        border: 1px solid #fff;
        background: #2c99ce;
        font-weight: bold;
        font-size: 12px;
    }

    .tblGForecast td {
        border: 1px solid #fff;
        padding-top: 10px;
        padding-right: 1px;
        padding-bottom: 10px;
        padding-left: 10px;
        font-size: 12px;
        color: #242c61;
    }

.title-tide-time {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    border-left: 1px solid #3696c0;
    background-color: #2c99ce; /* background: rgba(54, 150, 192, 0.4);*/
    padding: 5px 0px 5px 0px;
    min-width: 50px;
    vertical-align: middle;
    text-align: center;
}

.title-tide-time-left {
    /*background: #3696c0; */
    color: #fff;
    background-color: #2c99ce; /* background: rgba(54, 150, 192, 0.4);*/
}

.title-tide {
    min-width: 90px;
    height: 28px; /* color: #1c6ba5;*/
    color: #fff;
    vertical-align: middle; /* border: 1px solid #3696c0;*/
    font-weight: bold;
    font-size: 12px;
    background: #242c61; /* background: rgba(54, 150, 192, 0.7);*/
    padding-left: 5px;
    text-align: left;
}

.title-hightide {
    padding-left: 5px;
    color: #fff;
    vertical-align: middle; /* border: 1px solid #3696c0;*/
    font-weight: bold;
    font-size: 12px;
    background: #242c61; /* background: rgba(54, 150, 192, 0.7);*/
    text-align: center;
}

.title-lowtide {
    padding-left: 5px;
    color: #fff;
    vertical-align: middle; /* border: 1px solid #3696c0;*/
    font-weight: bold;
    font-size: 12px;
    background: #242c61; /* background: rgba(54, 150, 192, 0.7);*/
    text-align: center;
}


.tblBouy {
    font-weight: normal;
    color: #636363;
    height: auto;
    vertical-align: middle;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    border: 1px solid #fff;
    font-weight: normal;
    width: 100%; /* background: #FFF;        background: rgba(255, 255, 255, 0.3); */
    background-color: #e0e0e0;
}

    .tblBouy th {
        height: 25px;
        color: #fff;
        vertical-align: middle;
        padding: 7px 2px 7px 10px;
        border: 1px solid #fff;
        background: #2c99ce;
        font-weight: bold;
        font-size: 12px;
    }

    .tblBouy td {
        border: 1px solid #fff;
        padding-top: 9px;
        padding-right: 1px;
        padding-bottom: 8px;
        padding-left: 10px;
        font-size: 12px;
        color: #242c61;
    }

.tblSeismic {
    font-weight: normal;
    color: #353535;
    height: auto;
    vertical-align: middle;
    text-align: left;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    background-color: White;
    border: 1px solid #83cbc5;
    font-weight: normal;
    width: 100%;
}

    .tblSeismic th {
        /*background-color: #D2D2D2;*/
        background-color: #2c99ce;
        height: 25px;
        color: #FFFFFF;
        vertical-align: middle;
        text-align: center;
        border: 1px solid #83cbc5;
        font-weight: bold;
        font-size: 12px;
        padding: 10px 6px 10px 6px;
    }

    .tblSeismic td {
        border: 1px solid #83cbc5;
        padding-top: 7px;
        padding-right: 6px;
        padding-bottom: 7px;
        padding-left: 6px;
        font-size: 12px;
        color: #000000;
    }
    /* Of course, this doesn't work with IE6. Works fine with Firefox, though. */
    .tblSeismic tr:hover td {
        color: #af181d;
        border-bottom: 1px solid #debebe;
        border-top: 1px solid #debebe;
    }


/* menu  day */






.menuDay {
    height: 30px;
    margin-top: 21px;
    padding: 0;
    margin: 0;
}

.menuDayTable {
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 0px;
    border: 0px;
    text-align: center;
}

    .menuDayTable a {
        display: block;
        text-decoration: none;
        padding: 8px 5px 7px 5px; /*border-right: 1px solid #FFFFFF;*/ /* font-size: 11px;*/
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
    }

        .menuDayTable a:hover {
            opacity: 0.7;
            filter: alpha(opacity=30);
        }


#menuDay, #menuDay ul {
    padding: 0;
    margin: 0;
    list-style: none; /*font-family: Tahoma, Arial, sans-serif;*/
}

    #menuDay a {
        display: block;
        text-decoration: none;
        padding: 8px 10px 7px 10px; /*border-right: 1px solid #FFFFFF;*/ /* font-size: 11px;*/
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
    }

    #menuDay li {
        float: left;
        width: auto;
    }



    

.menuDaySelected {
    /*background-color: #62b1d0;*/
    background-color: #a1a1a1;
    text-decoration: none;
    padding: 8px 5px 7px 5px;
    color: #fff !important;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}


.menuDayDefault {
    background-color: #e0e0e0;
    text-decoration: none;
    padding: 8px 5px 7px 5px;
    color: #242c61 !important;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.menuInDefault {
    background-color: #e0e0e0;
    color: #242c61 !important;
    text-decoration: none;
    padding: 8px 10px 7px 10px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.menuDaySelected a:hover, .menuDayDefault a:hover {
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=30);
}


/*end*/


.tideDaySelected {
   /*background-color: #62b1d0;*/ 
   background-color: #a1a1a1;
    text-decoration: none;
   padding: 4px 15px 4px 15px;
    color: #fff !important;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    
}


.tideDayDefault {
    background-color: #e0e0e0;
    text-decoration: none;
    padding: 4px 10px 4px 10px;
    color: #242c61 !important;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    border-left:1px solid #fff; 
   
}


.tideDaySelected a:hover, .tideDayDefault a:hover {
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=30);
}



.tblMonthlyTide {
    font-weight: normal;
    color: #636363;
    height: auto;
    vertical-align: middle;
    border-collapse: collapse; /*background-color: #FFFFCE;*/
    border: 1px solid #83cbc5;
    font-weight: normal;
    width: 100%; /* background: #FFF;        background: rgba(255, 255, 255, 0.3); */
    background-color: #fff;
}

    .tblMonthlyTide th {
        height: 25px;
        color: #fff;
        vertical-align: middle;
        padding: 7px 2px 7px 10px;
        border: 1px solid #83cbc5;
        background: #2c99ce;
        font-weight: bold;
        font-size: 12px;
        text-align:center;
    }

    .tblMonthlyTide td {
        border: 1px solid #83cbc5;
        padding-top: 3px;
        padding-right: 1px;
        padding-bottom: 3px;
        padding-left: 10px;
        font-size: 12px;
        color: #242c61;
        text-align :center;

    }

    .spTitle
    {        
        font-size: 14px;
        color: #242c61;
        font-weight:bold ; 
    }
	
	.inner-title-normal {
    color: #000;
    font-size: 12px;
   
}