/* 
 * This CSS documenet has been tested under and supports the following browser / platform combinations
 * Windows: IE7, IE6, IE5.5, NN9, Firefox 2x
 * Macintosh: Safari 3x, Firefox 2x
 */

/*
 * These are the default settings for the fotospeed design
 */
body {
    text-align: center;
    margin: 0;
    margin-bottom: 25px;
    padding: 0;
    font-family: arial, sans-serif, serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 100%;
    color: #666666;
    background-color: #ffffff;
    background-image: url(../images/background.gif);
    background-repeat: repeat-x;
}

/*
 * All divs will be left aligned unless otherwise specified
 * No padding or margins by default
 */
div {
    text-align: left;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

/*
 * Images will not have borders, margins or padding
 */
img {
    border: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

/*
 * Unordered lists will not have any margins, padding or style
 */
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: transparent;
}

/*
 * List items will not have any margins or padding
 */
li {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

/*
 * Strip margins and padding from forms
 */
form {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

/*
 * Class for form text boxes
 */
input.text {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

input[type="button"]:hover, input[type="submit"]:hover {
    cursor: pointer;
}

/*
 * Class for form submit buttons
 */
input.button {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

/*
 * Strip margins and padding from p tags
 */
p {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

/* LINKS */

/*
 * Default classes for links
 */
a:link {
    text-decoration: none;
    color: #04ccff;
    background-color: transparent;
}

a:visited {
    text-decoration: none;
    color: #04ccff;
    background-color: transparent;
}

a:hover {
    text-decoration: underline;
    color: #04ccff;
    background-color: transparent;
}

a:active {
    text-decoration: none;
    color: #04ccff;
    background-color: transparent;
}

/*
 * Default classes for footer links
 */
#footer a:link,
#footer a {
    text-decoration: none;
    color: #666666;
    background-color: transparent;
}

    #footer a:visited {
        text-decoration: none;
        color: #666666;
        background-color: transparent;
    }

    #footer a:hover {
        text-decoration: none;
        color: #04ccff;
        background-color: transparent;
    }

    #footer a:active {
        text-decoration: none;
        color: #666666;
        background-color: transparent;
    }

/*
 * Classes for header links
 */
a.header:link {
    color: #959494;
    margin-right: 7px;
}

a.header:visited {
    color: #959494;
    margin-right: 7px;
}

a.header:hover {
    color: #959494;
    margin-right: 7px;
}

a.header:active {
    color: #959494;
    margin-right: 7px;
}

/*
 * Classes for main navigation links
 */
a.main_nav:link {
    color: #03b8e4;
    background-color: #231f20;
    width: 111px;
    height: 21px;
    background-image: url(../images/nav-background-off.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

a.main_nav:visited {
    color: #03b8e4;
    background-color: #231f20;
    width: 111px;
    height: 21px;
    background-image: url(../images/nav-background-off.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

a.main_nav:hover {
    color: #d7f6fb;
    background-color: #231f20;
    width: 111px;
    height: 21px;
    background-image: url(../images/nav-background-off.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

a.main_nav:active {
    color: #03b8e4;
    background-color: #231f20;
    width: 111px;
    height: 21px;
    background-image: url(../images/nav-background-off.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

/*
 * Classes for main navigation links in the on state
 */
a.main_nav_on:link {
    color: #d7f6fb;
    background-color: #231f20;
    width: 111px;
    height: 21px;
    background-image: url(../images/nav-background-on.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

a.main_nav_on:visited {
    color: #d7f6fb;
    background-color: #231f20;
    width: 111px;
    height: 21px;
    background-image: url(../images/nav-background-on.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

a.main_nav_on:hover {
    color: #d7f6fb;
    background-color: #231f20;
    width: 111px;
    height: 21px;
    background-image: url(../images/nav-background-on.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

a.main_nav_on:active {
    color: #d7f6fb;
    background-color: #231f20;
    width: 111px;
    height: 21px;
    background-image: url(../images/nav-background-on.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

/*
 * Classes for home navigation links
 */
a.home_nav:link {
    color: #b7e5f1;
    background-color: #00c6ee;
    width: 129px;
    height: 24px;
    background-image: url(../images/home-nav-background-off.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

a.home_nav:visited {
    color: #b7e5f1;
    background-color: #00c6ee;
    width: 129px;
    height: 24px;
    background-image: url(../images/home-nav-background-off.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

a.home_nav:hover {
    color: #ffffff;
    background-color: #00c6ee;
    width: 129px;
    height: 24px;
    background-image: url(../images/home-nav-background-off.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

a.home_nav:active {
    color: #b7e5f1;
    background-color: #00c6ee;
    width: 129px;
    height: 24px;
    background-image: url(../images/home-nav-background-off.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

/*
 * Classes for home navigation links in the on state
 */
a.home_nav_on:link {
    color: #ffffff;
    background-color: #00aeee;
    width: 129px;
    height: 24px;
    background-image: url(../images/home-nav-background-on.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

a.home_nav_on:visited {
    color: #ffffff;
    background-color: #00aeee;
    width: 129px;
    height: 24px;
    background-image: url(../images/home-nav-background-on.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

a.home_nav_on:hover {
    color: #ffffff;
    background-color: #00aeee;
    width: 129px;
    height: 24px;
    background-image: url(../images/home-nav-background-on.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

a.home_nav_on:active {
    color: #ffffff;
    background-color: #00aeee;
    width: 129px;
    height: 24px;
    background-image: url(../images/home-nav-background-on.gif);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    font-size: 0.95em;
    padding-top: 4px;
}

/*
 * Classes for top nav links
 */
a.top_nav:link {
    color: #808080;
    font-size: 1.05em;
    margin-right: 10px;
}

a.top_nav:visited {
    color: #808080;
    font-size: 1.05em;
    margin-right: 10px;
}

a.top_nav:hover {
    color: #03b8e4;
    font-size: 1.05em;
    text-decoration: underline;
    margin-right: 10px;
}

a.top_nav:active {
    color: #808080;
    font-size: 1.05em;
    margin-right: 10px;
}

/*
 * Classes for top nav links in the on state
 */
a.top_nav_on:link {
    color: #03b8e4;
    font-size: 1.05em;
    /*text-decoration: underline;*/
    margin-right: 10px;
}

a.top_nav_on:visited {
    color: #03b8e4;
    font-size: 1.05em;
    /*text-decoration: underline;*/
    margin-right: 10px;
}

a.top_nav_on:hover {
    color: #03b8e4;
    font-size: 1.05em;
    text-decoration: underline;
    margin-right: 10px;
}

a.top_nav_on:active {
    color: #03b8e4;
    font-size: 1.05em;
    text-decoration: underline;
    margin-right: 10px;
}

/*
 * Classes for nearby facilities links
 */
a.nearby_facility:link {
    color: #04ccff;
    text-decoration: none;
}

a.nearby_facility:visited {
    color: #04ccff;
    text-decoration: none;
}

a.nearby_facility:hover {
    color: #04ccff;
    text-decoration: underline;
}

a.nearby_facility:active {
    color: #04ccff;
    text-decoration: none;
}

/*
 * Classes for recommend local service link
 */
a.recommend_service:link {
    font-weight: bold;
    color: #04ccff;
    text-decoration: none;
}

a.recommend_service:visited {
    font-weight: bold;
    color: #04ccff;
    text-decoration: none;
}

a.recommend_service:hover {
    font-weight: bold;
    color: #04ccff;
    text-decoration: underline;
}

a.recommend_service:active {
    font-weight: bold;
    color: #04ccff;
    text-decoration: none;
}

/*
 * Classes for flag links
 */
a.flag:link {
    color: #d9d8d8;
    text-decoration: none;
}

a.flag:visited {
    color: #d9d8d8;
    text-decoration: none;
}

a.flag:hover {
    color: #d9d8d8;
    text-decoration: underline;
}

a.flag:active {
    color: #d9d8d8;
    text-decoration: none;
}

/*
 * Classes for next / previous links
 */
a.next_prev:link {
    color: #04ccff;
    margin-left: 1px;
    margin-right: 1px;
}

a.next_prev:visited {
    color: #04ccff;
    margin-left: 1px;
    margin-right: 1px;
}

a.next_prev:hover {
    color: #04ccff;
    margin-left: 1px;
    margin-right: 1px;
}

a.next_prev:active {
    color: #04ccff;
    margin-left: 1px;
    margin-right: 1px;
}

/*
 * Classes for next / previous links in the on state
 */
a.next_prev_on:link {
    color: #04ccff;
    text-decoration: underline;
    margin-left: 1px;
    margin-right: 1px;
}

a.next_prev_on:visited {
    color: #04ccff;
    text-decoration: underline;
    margin-left: 1px;
    margin-right: 1px;
}

a.next_prev_on:hover {
    color: #04ccff;
    text-decoration: underline;
    margin-left: 1px;
    margin-right: 1px;
}

a.next_prev_on:active {
    color: #04ccff;
    text-decoration: underline;
    margin-left: 1px;
    margin-right: 1px;
}

/*
 * Classes for footer links
 */
a.footer_link:link {
    text-decoration: none;
}

a.footer_link:visited {
    text-decoration: none;
}

a.footer_link:hover {
    text-decoration: underline;
}

a.footer_link:active {
    text-decoration: none;
}

/*
 * Classes for sign in link
 */
a.sign_in:link {
    color: #04ccff;
    text-decoration: underline;
    padding-left: 5px;
}

a.sign_in:visited {
    color: #04ccff;
    text-decoration: underline;
    padding-left: 5px;
}

a.sign_in:hover {
    color: #04ccff;
    text-decoration: underline;
    padding-left: 5px;
}

a.sign_in:active {
    color: #04ccff;
    text-decoration: underline;
    padding-left: 5px;
}

/*
 * Classes for search tags
 */
a.search_tags:link {
    color: #04ccff;
    text-decoration: none;
    margin-right: 3px;
}

a.search_tags:visited {
    color: #04ccff;
    text-decoration: none;
    margin-right: 3px;
}

a.search_tags:hover {
    color: #04ccff;
    text-decoration: underline;
    margin-right: 3px;
}

a.search_tags:active {
    color: #04ccff;
    text-decoration: none;
    margin-right: 3px;
}

/*
 * Classes for media next / previous links in the on state
 */
a.media_next_prev_on:link {
    color: #04ccff;
    text-decoration: underline;
    margin-left: 1px;
    margin-right: 1px;
}

a.media_next_prev_on:visited {
    color: #04ccff;
    text-decoration: underline;
    margin-left: 1px;
    margin-right: 1px;
}

a.media_next_prev_on:hover {
    color: #04ccff;
    text-decoration: underline;
    margin-left: 1px;
    margin-right: 1px;
}

a.media_next_prev_on:active {
    color: #04ccff;
    text-decoration: underline;
    margin-left: 1px;
    margin-right: 1px;
}

/*
 * Classes for home article headings
 */
a.home_article_heading:link {
    color: #04ccff;
    text-decoration: none;
}

a.home_article_heading:visited {
    color: #04ccff;
    text-decoration: none;
}

a.home_article_heading:hover {
    color: #04ccff;
    text-decoration: underline;
}

a.home_article_heading:active {
    color: #04ccff;
    text-decoration: none;
}

/* MAIN PAGE CLASSES */

/*
 * The page id which controls the content within the browser window
 * Fixed width, centered layout
 */
#page {
    margin-right: auto;
    margin-left: auto;
    width: 987px;
}

/* BRANDING AT TOP OF PAGE */

/* 
 * The branding id at the top of the page.
 */
#branding {
    float: left;
    width: 987px;
}

.branding_top {
    float: left;
    width: 987px;
    height: 91px;
    text-align: center;
}

top_banner {
    width: 728px;
    height: 90px;
    padding-bottom: 1px;
}

.branding_bottom {
    float: left;
    width: 985px;
    height: 96px;
    border-style: solid;
    border-width: 1px;
    border-color: #03ADE4;
    background-color: #272324;
    background-image: url(../images/header-background.gif);
    background-repeat: repeat-x;
}

/*
 * Class for branding left
 */
.branding_left {
    float: left;
    width: 350px;
    height: 96px;
}

.dockwalk_logo {
    width: 298px;
    height: 57px;
    margin-top: 22px;
    margin-left: 23px;
}
/*
 * Default class for branding right
 */
.branding_right {
    float: right;
    width: 630px;
    height: 96px;
}

.branding_top_right {
    float: right;
    width: 630px;
    padding-top: 27px;
}

.header_search {
    float: right;
    height: 18px;
    padding-right: 52px;
    font-size: 0.7em;
}

.header_search_left {
    float: left;
    margin-right: 5px;
    padding-top: 6px;
    color: #959494;
}

.header_search_center {
    float: left;
    margin-right: 14px;
    padding-top: 2px;
}

.header_search_input {
    width: 160px;
    background-color: #585757;
    border-style: inset;
    border-width: 1px;
    border-color: #343232;
    color: #ccc;
}

.header_search_right {
    float: left;
    margin-right: 10px;
    padding-top: 6px;
}

.header_search_submit {
    width: 17px;
    height: 17px;
}

.branding_bottom_right {
    float: right;
    width: 630px;
    padding-top: 26px;
}


/* MAIN NAV BAR */

/*
 * ID for the main nav bar
 */
#main_nav_area {
    float: right;
    padding-right: 45px;
}

/* Home NAV BAR */

/*
 * ID for the the home nav bar
 */
#home_nav_panel {
    float: left;
    margin-left: 20px;
    font-size: 1.4em;
}

/*
 * Class for items in the naviagtion lists
 */
.navlist li {
    float: left;
    display: inline;
    margin-right: 2px;
}


/* MAIN CONTENT BOX */

/*
 * ID for the main content box
 */
#content {
    float: left;
    width: 985px;
    border-style: solid;
    border-width: 1px;
    border-color: #03ADE4;
    background-color: #ffffff;
    padding-bottom: 55px;
    font-size: 0.7em;
}

.content_top {
    float: left;
    width: 985px;
    height: 33px;
    background-image: url(../images/content-top-background.gif);
    background-repeat: repeat-x;
}

.content_top_nav {
    float: left;
    width: 947px;
    margin-left: 23px;
    margin-top: 10px;
    padding-bottom: 6px;
}

.content_top_nav_left {
    float: left;
    font-size: 1.2em;
}

.content_top_nav_right {
    float: right;
    padding-top: 1px;
    padding-bottom: 4px;
}

    .content_top_nav_right .username {
        margin-bottom: 4px;
    }

.content_top_sub {
    float: left;
    width: 100%;
}

.content_top_sub_nav {
    float: left;
    width: 100%;
    padding-left: 9px;
    padding-bottom: 3px;
}

.content_top_sub_nav_leftfloat {
    font-size: 1.2em;
    text-align: left;
    float: left;
}

.content_top_sub_nav_rightfloat {
    font-size: 1.2em;
    text-align: right;
    float: right;
}


.content_top_sub_nav_right {
    font-size: 1.2em;
    text-align: right;
}

.content_top_separator {
    float: left;
    width: 957px;
    height: 1px;
    margin-left: 14px;
    margin-right: 14px;
    background-image: url(../images/dotted.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.username {
    color: #03b8e4;
    margin-right: 8px;
}

    .username a {
        color: #03b8e4;
        margin-right: 8px;
    }

.date {
    margin-left: 8px;
    margin-right: 2px;
}

.content_left {
    float: left;
    width: 563px;
    margin-left: 14px;
    margin-top: 5px;
}

.content_right {
    float: left;
    width: 380px;
    margin-left: 11px;
    margin-top: 5px;
}

#home_panel {
    float: left;
    width: 563px;
}

.home_panel_top {
    width: 563px;
    height: 10px;
    background-image: url(../images/home-panel-top.gif);
    background-repeat: no-repeat;
}

.home_panel_middle {
    width: 561px;
    height: 246px;
    background-color: #ebebeb;
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #9bebff;
}

* html .home_panel_middle {
    width: 563px;
}

.home_panel_bottom {
    width: 563px;
    height: 10px;
    background-image: url(../images/home-panel-bottom.gif);
    background-repeat: no-repeat;
}

.intro_text {
    float: left;
    margin-top: 5px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 1.3em;
    line-height: 95%;
}

.media_panel {
    float: left; /*margin-top: 18px;   font-size: 1.1em;*/
    line-height: 1.7em;
    width: 250px;
}

.media_nav {
    display: block;
    margin-left: 15px;
}

    .media_nav li {
        float: left;
        border: 1px solid;
        border-bottom-width: 0;
        margin: 0 1px 0 0;
        border-color: #9bebff;
        width: 67px;
        height: 20px;
        text-align: center;
    }

    .media_nav a {
        display: block;
        padding: 0 1em;
        color: #04CCFF;
        height: 20px;
    }

.media_nav_on, .selected {
    position: relative;
    background-image: url(../images/media-nav-on.gif);
    background-repeat: repeat-x;
    font-weight: bold;
}

.media_panel_top {
    float: left;
    width: 250px; /*margin-top: -1px;*/
}

.media_panel_top_left {
    float: left;
    width: 10px;
    height: 10px;
    background-image: url(../images/media-panel-top-left.gif);
    background-repeat: repeat-x;
}

.media_panel_top_center {
    float: left;
    width: 230px;
    height: 9px;
    border: 0;
    border-top: 1px;
    border-color: #9bebff;
    border-style: solid;
    background-image: url(../images/media-panel-top-center.gif);
    background-repeat: repeat-x;
}

.media_panel_top_right {
    float: right;
    width: 10px;
    height: 10px;
    background-image: url(../images/media-panel-top-right.gif);
    background-repeat: repeat-x;
}

.media_panel_middle {
    float: left;
    width: 239px;
    background-image: url(../images/media-panel-bg.gif);
    background-repeat: repeat-x;
    background-position: top;
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #9bebff;
    line-height: 110%;
    /*padding-right: 9px;*/
    padding-left: 9px;
    /*display: inline;*/
}

    .media_panel_middle #BlogPager {
    }

.media_panel_date {
    color: #666666;
}

.media_panel_thumbs {
    float: left;
    color: #959494;
    margin-top: 12px; /*margin-bottom: 7px;*/
    height: 268px;
}

.media_panel_blog {
    float: left;
    color: #666666;
    margin-top: 12px;
    padding-bottom: 7px;
    margin-right: 0px;
    /**/
}

.media_thumb_box {
    float: left;
    width: 79px;
    margin-bottom: 8px;
}

a.media_thumb {
    height: 68px;
    width: 68px;
    display: block;
    border-style: solid;
    border-width: 1px;
    border-color: #d9d8d8;
    background-repeat: no-repeat;
    background-position: center center;
}

    a.media_thumb:hover {
        border-style: solid;
        border-width: 1px;
        border-color: #04ccff;
    }

.media_thumb_caption {
    float: left;
}

.media_panel_bottom {
    float: left;
    width: 250px;
    height: 26px;
    background-image: url(../images/media-panel-bottom.gif);
    background-repeat: no-repeat;
    color: #d9d8d8;
}

.media_panel_bottom_sep {
    width: 232px;
    height: 1px;
    margin-left: 9px;
    margin-right: 9px;
    background-image: url(../images/dotted.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.media_panel_bottom_left {
    float: left;
    padding-left: 9px;
}

.media_panel_bottom_center {
    float: left;
    width: 60%;
    text-align: center;
}

.media_panel_bottom_right {
    float: right;
    padding-right: 9px;
}

.superports_finder {
    float: right;
    width: 300px;
    margin-top: 18px;
    margin-left: 13px;
}

.superports_finder_top {
    float: left;
    width: 300px;
    height: 24px;
    background-image: url(../images/superports-finder-top.gif);
    background-repeat: repeat-x;
    margin-bottom: 1px;
    line-height: 1.5em;
    color: #04ccff;
    font-size: 1.5em;
}

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

img.superports_finder_pic {
    float: left;
    width: 300px;
    height: 145px;
}

.superports_finder_bottom {
    float: left;
    height: 25px;
    width: 300px;
    background-image: url(../images/superports-finder-bottom.gif);
    background-repeat: no-repeat;
    margin-top: 1px;
}

.superports_finder_intro {
    float: left;
    width: 300px;
    font-size: 1.3em;
    margin-top: 10px;
    margin-left: 13px;
}

.superports_finder_text {
    float: left;
    width: 300px;
    margin-top: 2px;
    margin-left: 13px;
    line-height: 1.2em;
}

.superports_feature {
    float: left;
    width: 300px;
    margin-top: 12px;
    margin-left: 13px;
    line-height: 1.2em;
}

.superports_feature_heading {
    float: left;
    width: 300px;
    color: #d9d8d8;
}

.superports_feature_left {
    float: left;
    width: 190px;
}

.superports_feature_right {
    float: right;
    width: 110px;
}

.superports_feature_name {
    font-size: 1.3em;
    color: #3d3c3c;
}

.superports_feature_name_alt {
    font-size: 1.3em;
    color: #04ccff;
}

img.feature {
    float: right;
    width: 106px;
    height: 68px;
}

.home_article {
    float: left;
    width: 563px;
    margin-top: 15px;
    padding-top: 8px;
    background-image: url(../images/dotted.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.home_article_heading {
    float: left;
    width: 500px;
    font-size: 1.2em;
    padding-bottom: 2px;
}

.home_article_date {
    float: right;
    width: 63px;
    color: #04ccff;
}

.home_article_sub {
    float: left;
    width: 563px;
    font-weight: bold;
}

.home_article_text {
    float: left;
    width: 563px;
}

a.home_article_more:link {
    color: #04CCFF;
    text-decoration: none;
}

a.home_article_more:visited {
    color: #04CCFF;
    text-decoration: none;
}

a.home_article_more:hover {
    color: #04ccff;
    text-decoration: underline;
}

a.home_article_more:active {
    color: #04CCFF;
    text-decoration: none;
}

#map_area {
    float: left;
    width: 563px;
    position: relative;
}

.map_area_top {
    width: 563px;
    height: 10px;
    background-image: url(../images/map-area-top.gif);
    background-repeat: no-repeat;
}

.map_area_middle {
    width: 561px;
    height: 392px;
    background-color: #8eb5ce;
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #9bebff;
}

.map_area_bottom {
    width: 563px;
    height: 10px;
    background-image: url(../images/map-area-bottom.gif);
    background-repeat: no-repeat;
}

.port_detail {
    float: left;
    width: 563px;
    margin-top: 13px;
}

.port_detail_top {
    float: left;
    width: 563px;
}

.port_detail_top_left {
    float: left;
    width: 282px;
    line-height: 118%;
}

.port_detail_top_right {
    float: right;
    width: 281px;
}

.port_name {
    font-size: 1.275em;
    font-weight: bold;
    color: #3d3c3c;
}

.port_contact {
    font-size: 1.3em;
}

.port_contact_label {
    font-size: 1.3em;
    color: #04ccff;
}

.port_image {
    width: 246px;
    height: 164px;
}

.port_text {
    float: left;
    width: 563px;
    margin-top: 13px;
}

.port_grid {
    float: left;
    width: 563px;
    margin-top: 13px;
}

.port_grid_header {
    float: left;
    width: 562px;
    background-image: url(../images/dotted.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    font-weight: bold;
    padding-bottom: 6px;
    margin-left: 1px;
}

.port_grid_header_left {
    float: left;
    width: 227px;
}

.port_grid_header_center {
    float: left;
    width: 180px;
}

.port_grid_header_right {
    float: left;
    width: 154px;
}

.port_grid_row {
    float: left;
    width: 563px;
    height: 19px;
}

.port_grid_row_alt {
    float: left;
    width: 563px;
    height: 19px;
    background-color: #e5faff;
}

.port_grid_row_1 {
    float: left;
    width: 103px;
    padding-left: 2px;
}

.port_grid_row_2 {
    float: left;
    width: 124px;
    font-weight: bold;
}

.port_grid_row_3 {
    float: left;
    width: 75px;
}

.port_grid_row_4 {
    float: left;
    width: 105px;
    font-weight: bold;
}

.port_grid_row_5 {
    float: left;
    width: 70px;
}

.port_grid_row_6 {
    float: left;
    font-weight: bold;
}

.port_facilities_header {
    float: left;
    width: 562px;
    background-image: url(../images/dotted.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    font-weight: bold;
    padding-bottom: 6px;
    margin-top: 13px;
    margin-left: 1px;
}

.port_facilities_row {
    float: left;
    width: 563px;
    height: 19px;
}

.right_panel {
    float: left;
    width: 250px;
}

.right_info_area {
    float: left;
    width: 250px;
}

.right_info_area_top {
    float: left;
    width: 250px;
    height: 10px;
    background-image: url(../images/right-info-area-home-top.gif);
    background-repeat: no-repeat;
}

.right_info_area_middle {
    float: left;
    width: 248px;
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #9bebff;
}

.right_info_area_bottom {
    float: left;
    width: 250px;
    height: 17px;
    background-image: url(../images/right-info-area-home-bottom.gif);
    background-repeat: no-repeat;
}

.right_info_area_home {
    float: left;
    width: 250px;
    margin-bottom: 13px;
}

.right_info_area_home_top {
    float: left;
    width: 250px;
    height: 10px;
    background-image: url(../images/right-info-area-home-top.gif);
    background-repeat: no-repeat;
}

.right_info_area_home_middle {
    float: left;
    width: 248px;
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #9BEBFF;
    background-image: url(../images/right-info-area-home-bg.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.right_info_area_home_bottom {
    float: left;
    width: 250px;
    height: 17px;
    background-image: url(../images/right-info-area-home-bottom.gif);
    background-repeat: no-repeat;
}

.sign_up_panel_header {
    width: 232px;
    margin-left: 9px;
    margin-right: 9px;
    font-size: 1.4em;
    font-weight: normal;
}

.sign_up_panel {
    width: 232px;
    margin-left: 9px;
    margin-right: 9px;
    margin-top: 11px;
    font-size: 1.20em;
    line-height: 125%;
}

.sign_up_panel_text {
    color: #04ccff;
    margin-bottom: 10px;
}

.weather_panel_header {
    width: 232px;
    margin-left: 9px;
    margin-right: 9px;
    font-weight: bold;
    text-align: center;
    background-image: url(../images/dotted.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 7px;
}

.weather_panel {
    width: 232px;
    margin-left: 9px;
    margin-right: 9px;
    margin-top: 3px;
    font-size: 0.8em;
    color: #d9d8d8;
    text-align: center;
    padding-bottom: 4px;
}

.search_panel_header {
    width: 230px;
    margin-left: 9px;
    margin-right: 9px;
    font-weight: bold;
    background-image: url(../images/dotted.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 7px;
    color: #04ccff;
}

.search_panel_footer {
    /*width: 232px;*/
    margin-left: 9px;
    margin-right: 9px;
    font-weight: bold;
    padding-bottom: 7px;
    float: left;
}

.seacrh_panel_footer_right_align {
    width: 230px;
    text-align: right;
    float: left;
}


.tags_label {
    color: #d9d8d8;
    font-weight: normal;
}

.search_panel {
    width: 232px;
    margin-left: 9px;
    margin-right: 9px;
    margin-top: 3px;
    font-size: 1.3em;
    line-height: 128%;
    padding-bottom: 5px;
}

.crew_panel_header {
    width: 232px;
    margin-left: 9px;
    margin-right: 9px;
    font-weight: bold;
    font-size: 1.3em;
}

.crew_panel {
    width: 232px;
    margin-left: 9px;
    margin-right: 9px;
}

img.crew {
    width: 232px;
    height: 128px;
}

.digital_panel {
    float: left;
    width: 232px;
    margin-left: 9px;
    margin-right: 9px;
}

.digital_panel_left {
    float: left;
    width: 140px;
}

img.digital_logo {
    width: 140px;
    height: 18px;
}

.digital_panel_right {
    float: right;
}

.img.digital {
    width: 85px;
    height: 104px;
}

.digital_panel_text {
    color: #04ccff;
}

.nearby_facilities {
    float: left;
    width: 232px;
    margin-left: 9px;
    margin-right: 9px;
    padding-bottom: 13px;
    line-height: 150%;
    color: #d9d8d8;
}

.nearby_facilities_heading {
    color: #808080;
}

.nearby_facilities_list {
    font-size: 1.4em;
}

.facility_results {
    float: left;
    width: 232px;
    margin-top: 13px;
    margin-left: 9px;
    margin-right: 9px;
    padding-bottom: 17px;
    background-image: url(../images/dotted.gif);
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 17px;
}



.facility_results_bottom {
    padding-bottom: 17px;
}

.facility_result_detail {
    float: left;
    margin-top: 13px;
}

.facility_result_name {
    font-weight: bold;
}

.facility_result_date {
    color: #d9d8d8;
}

.flag_facility {
    float: right;
    width: 232px;
    text-align: right;
    margin-bottom: 2px;
}

img.facility {
    float: left;
    width: 90px;
    height: 60px;
    margin-top: 4px;
    margin-bottom: 15px;
    margin-right: 10px;
}

.facilities_next_prev {
    float: right;
    width: 232px;
    margin-top: 5px;
    margin-left: 9px;
    margin-right: 9px;
    text-align: right;
    color: #d9d8d8;
}

.right_banners {
    float: right;
    width: 120px;
}

img.right_banner_1 {
    float: right;
    width: 120px;
    height: 600px;
    margin-bottom: 10px;
}

img.right_banner_2 {
    float: right;
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
}

img.right_banner_3 {
    float: right;
    width: 120px;
    height: 90px;
    margin-bottom: 10px;
}

img.right_banner_4 {
    float: right;
    width: 120px;
    height: 60px;
    margin-bottom: 10px;
}

/* FOOTER AREA */

/*
 * ID for footer area
 */
#footer {
    float: left;
    width: 987px;
    padding-bottom: 65px;
    font-size: 0.625em;
    color: #959494;
    line-height: 120%;
}

.footer_top {
    float: left;
    background-color: #ebebeb;
    width: 973px;
    height: 100px;
    padding-top: 10px;
    padding-left: 14px;
}

.footer_bottom {
    float: left;
    width: 987px;
    height: 10px;
    background-image: url(../images/footer-bottom-background.gif);
    background-repeat: no-repeat;
}

/* IE 6 and 5.5 SPECIFIC FIXES */

/* 
 * The following classes provide support for IE 6 and 5.5.
 * If support for these browsers is no longer need these classes can be removed
 */

/*
 * IE 6 and 5.5 misscalculate the height of these elements.
 * Give them a bogus value to correct the problem.
 */
* html a.main_nav {
    height: 25px;
}

    * html a.main_nav:active {
        height: 25px;
    }

    * html a.main_nav:hover {
        height: 25px;
    }

    * html a.main_nav:visited {
        height: 25px;
    }

* html a.main_nav_on {
    height: 25px;
}

    * html a.main_nav_on:active {
        height: 25px;
    }

    * html a.main_nav_on:hover {
        height: 25px;
    }

    * html a.main_nav_on:visited {
        height: 25px;
    }

/*
 * IE 6 and 5.5 add an extra 4px of padding above this element.
 * Give them a bogus value to correct the problem.
 */
* html .branding_bottom_right {
    padding-top: 20px;
}

/*
 * IE 6 and 5.5 add an extra 2 px margin below this element.
 * Give them a bogus value to correct the problem.
 */
* html .branding_top {
    margin-bottom: -2px;
}

/*
 * IE 6 and 5.5 are unable to correctly calculate the widths of boxes.
 * Give them bogus values to correct the problem.
 */
* html .content_top {
    width: 983px;
}

* html .content_top_nav {
    width: 946px;
    margin-left: 12px;
    padding-bottom: 3px;
}

* html .content_top_separator {
    width: 957px;
    margin-top: -10px;
    margin-left: 7px;
    margin-right: 0;
}

* html .content_left {
    margin-left: 7px;
}

* html .content_right {
    margin-left: 0;
    width: 393px;
}

* html #map_area {
    width: 561px;
    margin-top: -4px;
}

* html .map_area_top {
    background-position: bottom;
}

* html .map_area_middle {
    width: 563px;
}

* html .right_info_area {
    margin-top: -4px;
    margin-left: 7px;
}

* html .right_info_area_top {
    background-position: bottom;
}

* html .right_info_area_middle {
    width: 250px;
}

* html .right_info_area_home {
    margin-top: -4px;
    margin-left: 7px;
}

* html .right_info_area_home_top {
    background-position: bottom;
}

* html .right_info_area_home_middle {
    width: 250px;
}

* html #footer {
    width: 985px;
}

* html .footer_top {
    width: 985px;
}

* html .footer_bottom {
    width: 985px;
}

* html .nearby_facilities {
    float: left;
    margin-left: 5px;
    margin-right: 0;
}

* html .facility_results {
    margin-left: 5px;
    margin-right: 0;
}

* html .facilities_next_prev {
    margin-left: 5px;
    margin-right: 0;
    padding-right: 8px;
}

* html .flag_facility {
    margin-left: 5px;
    margin-right: 0px;
    padding-right: 8px;
}

* html .sign_up_panel_header {
    margin-left: 5px;
    margin-right: 0;
}

* html .sign_up_panel {
    margin-left: 5px;
    margin-right: 0;
}

* html .weather_panel_header {
    margin-left: 5px;
    margin-right: 0;
}

* html .weather_panel {
    margin-left: 5px;
    margin-right: 0;
}

* html .search_panel_header {
    margin-left: 5px;
    margin-right: 0;
}

* html .search_panel {
    margin-left: 5px;
    margin-right: 0;
}

* html .crew_panel_header {
    margin-left: 5px;
    margin-right: 0;
}

* html .crew_panel {
    margin-left: 5px;
    margin-right: 0;
}

* html .digital_panel_header {
    margin-left: 5px;
    margin-right: 0;
}

* html .digital_panel {
    margin-left: 5px;
    margin-right: 0;
}

* html .media_panel_middle {
    width: 250px;
}

* html .media_panel_top {
    margin-bottom: -5px;
}

* html .media_panel_bottom_sep {
    margin-top: -13px;
}

* html .home_panel_middle {
    width: 563px;
}

* html .home_panel_top {
    margin-bottom: -5px;
}

* html #home_nav_panel {
    margin-left: 10px;
    margin-top: -5px;
}

* html .intro_text {
    margin-left: 10px;
    margin-bottom: 13px;
}

* html .superports_finder {
    margin: 0;
}

* html .superports_finder_top {
    margin-left: 1px;
}

* html .superports_finder_bottom {
    margin-left: 1px;
}

* html .superports_feature_left {
    width: 187px;
}

/*
 * rollover image borders for IE6 and 5.5
 */

* html img.media_thumb {
    border: 0;
    margin-top: 1px;
}

* html a.img.media_thumb {
    border-style: solid;
    border-width: 1px;
    border-color: #d9d8d8;
}

    * html a.img.media_thumb:hover {
        border-style: solid;
        border-width: 1px;
        border-color: #04ccff;
    }



*html .seacrh_panel_footer_right_align {
    width: 200px;
}


/* MY DOCKWALK */

/* BLUE */

.right_info_area_blue {
    float: left;
    width: 250px;
    /*margin-bottom: 13px;*/
}

.right_info_area_blue_top {
    float: left;
    width: 250px;
    height: 10px;
    background-image: url(../images/right-info-area-home-top.gif);
    background-repeat: no-repeat;
}

.right_info_area_blue_middle {
    float: left;
    width: 248px;
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #9bebff;
    background-image: url(../images/right-info-area-home-bg.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.right_info_area_blue_bottom {
    float: left;
    width: 250px;
    height: 17px;
    background-image: url(../images/right-info-area-home-bottom.gif);
    background-repeat: no-repeat;
}

/* GREEN */

.right_info_area_green {
    float: left;
    width: 250px;
    margin-bottom: 13px;
}

.right_info_area_green_top {
    float: left;
    width: 250px;
    height: 10px;
    background-image: url(../images/green_media-panel-top.gif);
    background-repeat: no-repeat;
}

.right_info_area_green_middle {
    float: left;
    width: 248px;
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #c8f69b;
    background-image: url(../images/green_media-panel-bg.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.right_info_area_green_bottom {
    float: left;
    width: 250px;
    height: 26px;
    background-image: url(../images/green_media-panel-bottom.gif);
    background-repeat: no-repeat;
}

/* PROFILE */

.profile_panel_header {
    width: 232px;
    margin-left: 9px;
    margin-right: 9px;
    font-weight: bold;
    background-image: url(../images/dotted.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 7px;
    color: #04CCFF;
}

.profile_panel {
    width: 232px;
    margin-left: 9px;
    margin-right: 9px;
    margin-top: 1px;
    font-size: 0.8em;
    color: #666666;
    font-weight: normal;
    padding-bottom: 4px;
}

.profile_panel_header_left {
    width: 190px;
    text-align: left;
    float: left;
    color: #04CCFF;
}

.profile_panel_right {
    width: 32px;
    text-align: right;
}

.itinerary_panel {
    width: 232px;
    margin-left: 9px;
    margin-right: 9px;
    margin-top: 2px;
    font-size: 1.15em;
    line-height: 0.8;
    color: #666666;
    font-weight: normal;
    text-align: center;
    padding-bottom: 5px;
    background-image: url(../images/dotted.gif);
    background-repeat: repeat-x;
    background-position: top;
    clear: both;
    line-height: 1.20;
}

.itinerary_panel_header_title {
    color: #04ccff;
    font-size: 0.85em;
}

/* FRIENDS */

.friends_panel_header {
    width: 232px;
    font-weight: bold;
    background-image: url(../images/dotted.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.friends_panel {
    width: 230px;
    margin-left: 9px;
    margin-right: 9px;
    margin-top: 3px;
    font-size: 1.1em;
    color: #666666;
    text-align: center;
    padding-bottom: 4px;
}

    .friends_panel .friends_panel_header {
        font-size: 0.9em;
        color: #04ccff;
    }


.mapControl {
    width: 535px;
    height: 24px;
    border-left: solid 1px #9BEBFF;
    border-right: solid 1px #9BEBFF;
    padding: 8px 14px 8px 14px;
}

.mapControlBottom {
    background-image: url( '../images/mydockwalkmap-bottom.gif' );
    height: 10px;
    width: 563px;
    background-position: 1px 0px;
    background-repeat: no-repeat;
}

.mapCal1 {
    display: block;
    float: left;
    margin-right: 10px;
}

.buttonGo {
    /*color: #ffffff;       margin: 0;   padding: 0;*/
    border: none;
    background-color: #04ccff;
    border: solid 1px #666666;
}

.mapClose {
    float: right;
    display: block;
    margin-right: 2px;
}

.mapNext {
    width: 50px;
}

.mapLast {
    width: 50px;
}

.mapAvatar {
    width: 50px;
}

.mapDesc {
}

.mapBubble {
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    z-index: 101;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    background-color: #FFFFFF;
    color: #666666;
    border: 1px solid #04ccff;
    overflow: auto;
    visibility: hidden;
}

.mapTextBox {
    border: solid 1px #04ccff;
}

.mapBubbleMiddle {
}

.mapAddressSelector {
    position: absolute;
    z-index: 1000;
    float: left;
    display: block;
    background-color: #fdfdfd;
    border: solid 1px #03b8e4;
    margin-left: 50px;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
}


.mapAddressSelectorHide {
    display: none;
}


.mapStem {
    visibility: hidden;
    margin: 0px;
    width: 24px;
    height: 24px;
    top: 10px;
    left: 10px;
    position: absolute;
    z-index: 102;
}

.WhoWhereWhen {
    display: block;
    float: right;
    width: 180px;
}
/* MESSAGES */

.messages_panel_header {
}


.content_left_one {
    float: left;
    width: 823px;
    margin-left: 14px;
    margin-top: 7px;
}

.topTwentyBox {
    padding: 20px 20px 20px 20px;
    border: solid 5px white;
    background-color: #E1FFFF;
    background-image: "../images/superports-search-submit.gif";
    width: 360px;
    height: 250px;
    float: left;
    font-size: 12px;
}

.topTwentyBoxHeader {
    font-size: 14;
    font-weight: 500;
}


.content_right_one {
    float: left;
    width: 120px;
    margin-left: 11px;
    margin-top: 7px;
}


.clear {
    clear: both;
}



/* COMMENTS CONTROL */

.commentsContainer {
    width: 100%;
    padding: .5em 0em;
}

    .commentsContainer a {
        text-decoration: none;
    }

        .commentsContainer a:hover {
            text-decoration: underline;
        }

    /* In accordance with Creative Commons Licsense v2.5 (http://creativecommons.org/licenses/by/2.5/), */
    /* the following images are attributed to Mark James, developer of Silk Icons v1.3 (http://www.famfamfam.com/lab/icons/community/) */
    /* comments.gif, comment_add.gif, comment_approve.gif, comment_delete.gif, hourglass.gif,   */

    .commentsContainer h4 {
        font-size: 1em;
        color: #486AC5;
        text-transform: uppercase;
        margin: .5em 1em .25em 1em;
        padding: 0em 0em 0em 21px;
        background-image: url( './Workarea/images/application/community/comments.gif' );
        background-repeat: no-repeat;
        background-position: 0px 0px;
    }

        .commentsContainer h4 a {
            font-weight: normal;
            text-transform: capitalize;
        }

    .commentsContainer ul {
        list-style-type: none;
        margin: 0em;
        padding: 0em 0em;
    }

        .commentsContainer ul li.ekMessagePost {
            clear: both;
            display: block;
            margin: 0em 0em .75em 0em;
            padding: .25em;
            min-height: 48px;
            height: auto !important;
            height: 48px;
        }
        /* extra height declarations for IE */
        .commentsContainer ul li.ekPending, .ContributionForm ul li.ekApprove {
            border: dotted 2px #393;
        }

        .commentsContainer ul li.ekMessagePost div.avatar {
            width: 48px;
            text-align: center;
            float: left;
        }

            .commentsContainer ul li.ekMessagePost div.avatar img.avatar {
                width: 48px;
                height: 48px;
                border: none;
            }

        .commentsContainer ul li div.message {
            margin: 0em .25em 0em 0px;
        }

            .commentsContainer ul li div.message div.metaData {
                margin: 0em 0em;
                text-align: left;
            }

                .commentsContainer ul li div.message div.metaData span.username {
                    display: block;
                    float: left;
                    white-space: nowrap;
                    font-size: .85em;
                    font-weight: bold;
                    color: #666696;
                }

                .commentsContainer ul li div.message div.metaData span.time {
                    white-space: nowrap;
                    font-size: 0.8em;
                    color: #666696;
                }

            .commentsContainer ul li div.message div.details {
                clear: left;
                float: left;
            }

            .commentsContainer ul li div.message p.body {
                margin: .25em 0em;
                overflow: auto;
            }

                .commentsContainer ul li div.message p.body span.user {
                    font-weight: bold;
                }

                .commentsContainer ul li div.message p.body span.date {
                }

        /*.ContributionForm ul li div.message p.body {margin: .25em 0em; overflow: auto; word-break: break-all; -moz-binding: url('./Workarea/xml/moz_wordwrap.xml#wordwrap');}*/
        .commentsContainer ul li.ekMessagePost div.message ul.commands {
            margin: 0em;
            padding: 0em;
            list-style-type: none;
            text-align: right;
            height: 16px;
        }

            .commentsContainer ul li.ekMessagePost div.message ul.commands li {
                display: inline;
                margin-right: .5em;
            }

                .commentsContainer ul li.ekMessagePost div.message ul.commands li a, .ContributionForm ul li div.message ul.commands li span {
                    display: block;
                    float: right;
                    overflow: hidden;
                    width: 16px;
                    height: 16px;
                    background-repeat: no-repeat;
                    text-decoration: none;
                    text-indent: 1000px;
                }

                .commentsContainer ul li.ekMessagePost div.message ul.commands li.ekApproveMessage a {
                    background-image: url( '../../../Workarea/images/application/community/comment_approve.gif' );
                }

                .commentsContainer ul li.ekMessagePost div.message ul.commands li.ekDeleteMessage a {
                    background-image: url( '../../../Workarea/images/application/community/comment_delete.gif' );
                }

                .commentsContainer ul li.ekMessagePost div.message ul.commands li span {
                    background-image: url( './Workarea/images/application/community/hourglass.gif' );
                    border: 0px;
                }

    .commentsContainer div.AddComment {
        margin: 0em;
        padding: 0em;
    }

        .commentsContainer div.AddComment h4 {
            background-image: url( './Workarea/images/application/community/comment_add.gif' );
            padding-left: 0px;
            margin: 2em 1em .25em 0em;
            background-repeat: no-repeat;
            background-position: 0px 0px;
            min-height: 16px;
            height: auto !important;
            height: 16px;
        }
        /* extra height declarations for IE */
        .commentsContainer div.AddComment p {
            margin: 0em;
            padding: 0em 0em;
            text-align: left;
        }

            .commentsContainer div.AddComment p textarea.ContributionText {
                width: 400px;
                height: 5em;
                overflow: auto;
                font-size: 1em;
                border: solid 1px #ccc;
                background: #fff;
                margin-left: 0px;
            }

        .commentsContainer div.AddComment h6 {
            margin: 0em 0em;
            font-size: .87em;
            color: #959494;
            font-weight: normal;
            padding-left: 0px;
        }

        .commentsContainer div.AddComment input {
            display: block;
            margin-left: 0px;
            margin-right: auto;
            margin-bottom: .5em;
        }

.error_messages {
    color: Red;
}

.helpPanel {
    background-color: Yellow;
}

a.search_title:link, a.search_title:visited, a.search_title:hover, a.search_title:active {
    font-size: 1.2em;
    font-weight: bold;
}

a.search_more:link, a.search_more:visited, a.search_more:hover, a.search_more:active {
    font-style: italic;
}

.search_tease {
    font-size: 1.2em;
}


.blueTextBox {
    border: solid 1px #03b8e4;
}


.tagcloud {
    /* 	text-align: left; 	font-family:		arial, verdana, sans-serif; 	margin: 				0px 0 0 0; 	padding: 			0px 0px 0px 0px; 	line-height:		1.6em; 	color:				#00aeb9; 	*/
    padding: 0px;
    padding-top: 4px;
    padding-bottom: 16px;
    margin: 0px;
    margin-bottom: 16px;
    margin-top: 4px;
    line-height: 180%;
    list-style-type: none;
}

.innerTagCloud {
    font-size: 90%;
    line-height: 200%;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.tagcloud a {
    text-decoration: none;
    padding-right: 4px;
    float: left;
    color: #04ccff;
    text-decoration: none;
}

    .tagcloud a:visited {
        text-decoration: none;
    }

    .tagcloud a:hover {
        text-decoration: underline;
    }

.tagcloud1, .tagcloud2, .tagcloud3, .tagcloud4, .tagcloud5 {
    margin: 0px;
    padding: 0px;
    display: inline;
}

.tagcloud1 {
    margin-right: 6px;
    text-decoration: none;
    color: #04a;
    font-size: 160%;
    font-weight: 900;
}

.tagcloud2 {
    margin-right: 6px;
    text-decoration: none;
    color: #05b;
    font-size: 145%;
    font-weight: 800;
}

.tagcloud3 {
    margin-right: 6px;
    text-decoration: none;
    color: #06c;
    font-size: 130%;
    font-weight: 600;
}

.tagcloud4 {
    margin-right: 6px;
    text-decoration: none;
    color: #17d;
    font-size: 120%;
    font-weight: 500;
}

.tagcloud5 {
    margin-right: 6px;
    text-decoration: none;
    color: #28e;
    font-size: 110%;
    font-weight: 300;
}

.tagcloud6 {
    margin-right: 6px;
    text-decoration: none;
    color: #39f;
    font-size: 100%;
    font-weight: 200;
}


.adHomeZone {
    text-align: center;
    position: static;
    display: block;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}


.TagCloud li, #sidebar-a .SidebarTagCloud li {
    border-width: 0px;
}



.Tag1, .Tag2, .Tag3, .Tag4, .Tag5, .Tag6, .Tag7 {
    margin: 0px;
    padding: 0px;
    display: inline;
    white-space: nowrap;
}

    .Tag7 a:link, .Tag7 a:visited, .Tag7 a:active {
        margin-right: 6px;
        text-decoration: none;
        font-size: 160%;
        font-weight: 900;
    }

    .Tag6 a:link, .Tag6 a:visited, .Tag6 a:active {
        margin-right: 6px;
        text-decoration: none;
        font-size: 150%;
        font-weight: 900;
    }



    .Tag5 a:link, .Tag5 a:visited, .Tag5 a:active {
        margin-right: 6px;
        text-decoration: none;
        font-size: 145%;
        font-weight: 800;
    }



    .Tag4 a:link, .Tag4 a:visited, .Tag4 a:active {
        margin-right: 6px;
        text-decoration: none;
        font-size: 130%;
        font-weight: 600;
    }



    .Tag3 a:link, .Tag3 a:visited, .Tag3 a:active {
        margin-right: 6px;
        text-decoration: none;
        font-size: 120%;
        font-weight: 500;
    }



    .Tag2 a:link, .Tag2 a:visited, .Tag2 a:active {
        margin-right: 6px;
        text-decoration: none;
        font-size: 110%;
        font-weight: 300;
    }



    .Tag1 a:link, .Tag1 a:visited, .Tag1 a:active {
        margin-right: 6px;
        text-decoration: none;
        font-size: 100%;
        font-weight: 200;
    }



    .Tag1 a:hover, .Tag2 a:hover, .Tag3 a:hover, .Tag4 a:hover, .Tag5 a:hover, .Tag6 a:hover {
        text-decoration: underline;
    }



.SidebarTagCloud a:link, #sidebar-a .SidebarTagCloud a:active, #sidebar-a .SidebarTagCloud a:visited {
    display: inline;
    margin: auto;
    border-style: none;
    border-width: 0px;
    padding: auto;
}



.SidebarTagCloud a:hover {
    background-color: Transparent;
    text-decoration: underline;
}


.content_htmlctl00_mainContentPlaceHolder_SendUserMessage1_Messaging1_Toolbar {
    display: none;
}


/* Send Me A Message elements 
.SendMsgBlock
{
	clear: both;
	display: block;
	padding-top: 15px;
}*/

.SendMsgTitle {
    vertical-align: middle;
    color: #03B8E4;
    margin-bottom: 0px;
    padding: 4px 0px 4px 5px;
    background-color: #eeeeee;
    width: 560px;
    font-weight: bold;
}

.EktMessageCtl_post .content_htmlctl00_mainContentPlaceHolder_SendUserMessage1_Messaging1_OuterTable {
    background-color: White !important;
    width: 300px;
}

.content_htmlctl00_mainContentPlaceHolder_SendUserMessage1_Messaging1_DesignBox {
    border: solid 1px #03B8E4 !important;
    margin-bottom: 5px !important;
    margin-left: -2px;
}

.EktMessageCtl_edit {
    border: solid 1px #03B8E4;
    margin-bottom: 5px;
}

/* --------- */


.homeMediaPanelHide {
    display: none;
}

.homeMediaPanelShow {
    display: block;
}

.homeLoginPanel {
    /* border-bottom: solid 1px #03B8E4; */
    background-color: #efefef; /* #fefefe; */
    height: 80px;
    margin-top: 8px;
    margin-right: 2px;
    padding: 13px 6px 2px 10px;
}

.homeLoginLabel {
    width: 60px;
}

.homeLoginTextBox {
    border: solid 1px #03B8E4;
    width: 120px;
    padding-left: 2px;
    font-size: 0.9em;
    color: #444444;
}

.homeLoginRow {
    padding-right: 4px;
    padding-bottom: 3px;
}

.home_login_link {
    color: #04CCFF;
    padding-left: 0px;
    text-decoration: underline;
    cursor: pointer;
}

.MainLoginPanel {
    background-color: #f8f8f8; /* #fefefe; */
    height: 110px;
    margin-top: 8px;
    margin-right: 2px;
    padding: 13px 6px 2px 10px;
    font-size: 0.9em;
}

.MainLoginPanel2 {
    background-color: #f8f8f8; /* #fefefe; */
    height: 110px;
    margin-top: 8px;
    margin-right: 2px;
    padding: 13px 6px 2px 0px;
    font-size: 0.9em;
}

.rightInnerContent {
    padding: 4px 4px 4px 10px;
}

.popular_searches {
    font-weight: bold;
}

.buttonSend {
    background-image: url(../images/button_send.gif);
}

#ek_resetpassword tr {
    width: 250px;
    float: left;
}

#ekResetPassSubmitButton input {
    background-color: #04ccff;
    border-style: none;
    color: #ffffff;
    padding: 3px;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
}

#ekEmail input {
    width: 190px;
    border-color: #04ccff;
    border-width: 1px;
    border-style: solid;
    color: #808080;
    font-size: 1.0em;
    padding: 3px;
    margin: 0;
    margin-left: 5px;
}

.BlueTitle {
    font-size: 200%;
    line-height: 120%;
    color: #03b8e4;
    font-weight: bold;
}

.BulletIndent {
    background-color: transparent;
    list-style-type: disc;
    margin-left: 20pt;
    margin-bottom: 5pt;
    padding: 10px !important;
}

    .BulletIndent a:hover {
        text-decoration: underline;
    }

.PhotoViewerCaption {
    color: #04ccff;
    font-weight: bold;
}


.latest_members_name_container {
    float: left;
    width: 125px;
}

.latest_members_link:hover {
    color: #333;
    font-weight: bold;
    text-decoration: underline;
}

/* Home page left blue long panel */
/*
.left_info_area_home_panel
{
	float: left;
	line-height: 1.7em;
	width: 560px;
}
.left_info_area_home_panel_top
{
	float: left;
	width: 560px;
}
.left_info_area_home_top_left
{
	float: left;
	width: 10px;
	height: 10px;
	background-image: url(../images/media-panel-top-left.gif);
	background-repeat: repeat-x;
}
.left_info_area_home_top_center
{
	float: left;
	width: 540px;
	height: 9px;
	border: 0;
	border-top: 1px;
	border-color: #9bebff;
	border-style: solid;
	background-image: url(../images/media-panel-top-center.gif);
	background-repeat: repeat-x;
}
.left_info_area_home_top_right
{
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(../images/media-panel-top-right.gif);
	background-repeat: repeat-x;
}
.left_info_area_home_panel_middle
{
	float: left;
	width: 549px;
	background-image: url(../images/media-panel-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-style: none solid none solid;
	border-width: 1px;
	border-color: #9bebff;
	line-height: 110%;
	padding-left: 9px;
	
}
.left_info_area_home_panel_header
{
	margin-left: 9px;
	margin-right: 9px;
	font-weight: bold;
	background-image: url(../images/dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 7px;
	float: left;
}
.left_info_area_home_panel_content
{
	padding: 10px 10px 10px 10px;
	float: left;
}
.left_info_area_home_panel_bottom
{
	float: left;
	width: 560px;
}
.left_info_area_home_bottom_left
{
	float: left;
	width: 10px;
	height: 10px;
	background-image: url(../images/media-panel-bottom-left.gif);
	background-repeat: repeat-x;
}
.left_info_area_home_bottom_center
{
	float: left;
	width: 540px;
	height: 9px;
	border: 0;
	border-bottom: 1px;
	border-color: #9bebff;
	border-style: solid;
	background-image: url(../images/media-panel-bottom-center.gif);
	background-repeat: repeat-x;
}
.left_info_area_home_bottom_right
{
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(../images/media-panel-bottom-right.gif);
	background-repeat: repeat-x;
}

/*  */

/* Latest Forum Panel */
ul.latest_forum_post_row {
    width: 536px;
    list-style: none;
}

.latest_forum_post_row li {
    display: inline;
    padding: 0px;
    margin: 0px;
}

.latest_forum_post_date {
    float: left;
    width: 80px;
}

.latest_forum_post_user {
    float: left;
    width: 150px;
}

.latest_forum_post_title {
    width: 300px;
}

    .latest_forum_post_title a:hover {
        color: #04CCFF;
        text-decoration: underline;
    }

/* Latest Hot Topic Panel */
ul.latest_HT_post_row {
    width: 536px;
    list-style: none;
}

.latest_HT_post_row li {
    display: inline;
    padding: 0px;
    margin: 0px;
}

.latest_HT_post_views {
    float: left;
    width: 70px;
}

.latest_HT_post_comments {
    float: left;
    width: 90px;
}

.latest_HT_post_title {
    width: 410px;
}

    .latest_HT_post_title a:hover {
        color: #04CCFF;
        text-decoration: underline;
    }

.media_panel_header {
    margin-bottom: 10px;
    font-weight: bold;
    background-image: url(../images/dotted.gif);
    background-position: center bottom;
    background-repeat: repeat-x;
    padding-bottom: 8px;
    /*margin-left: 9px;*/
    margin-right: 9px;
    width: 230px;
}


/* New members */

.new_members_list {
    width: 235px;
    padding-top: 10px;
}

.new_members_list_item {
    float: left;
    width: 115px;
    height: 110px;
}

.new_members_list_thumb_container {
    padding: 1px;
    border: solid 1px #e3e3e3; /*#04ccff; */
    width: 68px;
    height: 68px;
    margin-left: 20px;
}

.new_members_list_thumb {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    width: 68px;
    height: 68px;
}

.new_members_list_info {
    float: left;
    text-align: center;
    width: 115px;
}

.view_archive a {
    color: #03B8E4;
    font-weight: bold;
}

    .view_archive a:hover {
        text-decoration: underline;
    }

a.blueline {
    color: #04ccff;
    text-decoration: none;
}

a:visited.blueline {
    text-decoration: none;
}

a:hover.blueline {
    text-decoration: underline;
}


.login_button {
    background-color: #04ccff !important;
    border-style: none;
    color: #ffffff;
    padding: 3px;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
}


.latest_blog_user_box {
    float: left;
    display: block;
    margin-right: 10px;
}

h4.latest_blog_title {
    font-size: 1.1em;
    margin: 0px 0px 2px 0px;
    padding: 0px 0px 2px 0px;
}

.latest_blog_user_thumb_container {
    border: 1px solid #E3E3E3;
    height: 80px;
    padding: 1px;
    width: 80px;
    display: block;
}

    .latest_blog_user_thumb_container:hover {
        border-color: #04ccff;
    }

.latest_blog_user_box .user_thumb {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 80px;
    width: 80px;
}

.latest_blog_user_box .user_rating {
    padding-top: 4px;
    padding-left: 4px;
    display: block;
    float: left;
}

ul.latest_blog_detail_header {
}

    ul.latest_blog_detail_header li {
    }

        ul.latest_blog_detail_header li.author {
        }

        ul.latest_blog_detail_header li.date {
            margin-left: 0px;
            padding-left: 0px;
        }

.latest_blog_detail_content {
    padding: 8px 9px 0px 0px;
}

.content_top_nav_rightUser {
    float: right;
    padding-top: 0px;
}

    .content_top_nav_rightUser input {
        vertical-align: middle;
    }


.timezone_input {
    border-color: #04ccff;
    border-width: 1px;
    border-style: solid;
    color: #808080;
    font-size: 1.0em;
    padding: 3px;
    margin: 0;
    margin-bottom: 3px;
    z-index: 1;
}

.facebookInviteBtn {
    background-color: #3B5998;
    border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    /*font-family:"lucida grande",tahoma,verdana,arial,sans-serif;*/
    font-size: 10pt;
    padding: 2px 15px 3px;
    text-align: center;
    margin-top: 8px;
    font-weight: bold;
    width: 200px;
}

.advertise_title_heading {
    color: #04CCFF;
    line-height: 100%;
    margin: 2px;
}

.right_info_area_150 {
    float: left;
    width: 150px;
    margin-bottom: 13px;
}

.right_info_area_top_150 {
    float: left;
    width: 150px;
    height: 10px;
    background-image: url(../css/images/right-info-area-top-150.gif);
    background-repeat: no-repeat;
}

.right_info_area_middle_150 {
    float: left;
    width: 148px;
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #9BEBFF;
    background-image: url(../images/right-info-area-home-bg.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.right_info_area_middle_inner_content {
    padding: 4px;
}

.right_info_area_bottom_150 {
    float: left;
    width: 150px;
    height: 17px;
    background-image: url(../css/images/right-info-area-bottom-150.gif);
    background-repeat: no-repeat;
}

.TT_outer {
    padding: 10px 10px 10px 10px;
}

.TT_top_left {
    float: left;
    width: 10px;
    height: 10px;
    background-image: url(../images/media-panel-top-left.gif);
    background-repeat: repeat-x;
}

.TT_top_center {
    float: left;
    width: 371px;
    height: 9px;
    border: 0;
    border-top: 1px;
    border-color: #9bebff;
    border-style: solid;
    background-image: url(../images/media-panel-top-center.gif);
    background-repeat: repeat-x;
}

.TT_top_right {
    float: left;
    width: 10px;
    height: 10px;
    background-image: url(../images/media-panel-top-right.gif);
    background-repeat: repeat-x;
}

.TT_middle {
    clear: both;
    width: 380px;
    background-image: url(../images/media-panel-bg.gif);
    background-repeat: repeat-x;
    background-position: top;
    border-style: none solid none solid;
    border-width: 1px;
    border-color: #9bebff;
    line-height: 130%;
    padding-left: 9px;
    padding-bottom: 5px;
}

.TT_bottom_left {
    float: left;
    width: 10px;
    height: 10px;
    background-image: url(../images/media-panel-bottom-left.gif);
    background-repeat: repeat-x;
}

.TT_bottom_center {
    float: left;
    width: 371px;
    height: 9px;
    border: 0;
    border-bottom: 1px;
    border-color: #9bebff;
    border-style: solid;
    background-image: url(../images/media-panel-bottom-center.gif);
    background-repeat: repeat-x;
}

.TT_bottom_right {
    float: left;
    width: 10px;
    height: 10px;
    background-image: url(../images/media-panel-bottom-right.gif);
    background-repeat: repeat-x;
}

.TTBoxHeader {
    font-size: 14;
    font-weight: 500;
    padding-right: 10px;
}

.recaptchatable.recaptcha_theme_clean {
    border: 1px solid #04CCFF!important;
}

img[title=DWParty] {
    width: 100%;
}

#google_image_div, .branding_top [id^="div-gpt-ad"]{
    margin-left: auto;
    margin-right: auto;
}