@font-face
{
    font-family: 'GillSans';
    src: url('GillSans.eot');
    src: local('Gill Sans MT'), url('GillSans.TTF') format('opentype');
}

@font-face
{
    font-family: 'GillSans';
    font-weight: bold;
    src: url('GillSansB.eot');
    src: local('Gill Sans MT Bold'), url('GillSansB.TTF') format('opentype');
}

@font-face
{
    font-family: 'GillSans';
    font-style: italic;
    src: url('GillSansI.eot');
    src: local('Gill Sans MT Italic'), url('GillSansI.TTF') format('opentype');
}

@font-face
{
    font-family: 'GillSans';
    font-weight: bold;
    font-style: italic;
    src: url('GillSansBI.eot');
    src: local('Gill Sans MT Bold Italic'), url('GillSansBI.TTF') format('opentype');
}

/* fix scrolling on list pages */
#s4-bodyContainer
{
    position: relative;
}

/* hide body scrolling (SharePoint will handle) */
body
{
    height: 100%;
    width: 100%;
    font-family: Gill Sans MT, GillSans, HelveticaNeue, Arial;
    margin: 0px;
    padding: 0px;
    background: url('/_layouts/images/FremantlePorts.Internet/background.jpg') repeat-x #e5e5e5;
    color: #000;
    font-size: 13px;
}

body.fremantle, body.home, body.content, body.green
{
    overflow: hidden;
}

.ms-cui-ribbon, .ms-MenuUILabel, .ms-siteactionsmenu, BODY #pageStatusBar, .ms-sbplain, .description, .ms-descriptiontext, .ms-listedit .ms-descriptiontext, .ms-listedit .ms-linksectionheader, .ms-listedit .ms-linksectionheader .ms-standardheader, .ms-listedit TABLE.ms-pageinformation, .ms-listedit .ms-pageinformation TABLE TD, .link-item, .link-item A, .link-item A:link, .ms-siteactionsmenuinner, .ms-siteactionsmenuhover, .ms-welcomeMenu, .ms-WPBody, .ms-WPBody TD, .headertitle, .level-item, .level-item A, .level-item A:LINK, .siteMapCurrentNode, .siteMapUrlNode, .siteMapNoUrlNode, .srch-AutoCompListItem, .srch-AutoCompHListItem, .ms-linksection-level1, .right_content .ms-WPTitle, .groupheader, .srch-WPBody, .ms-vb, .ms-vh, .ms-vb2, .ms-vh2, .ms-vh2-nofilter, A.ms-addnew, .ms-authoringcontrols, .ms-propertysheet, .article .caption, .ms-formlabel
{
    font-family: Gill Sans MT, GillSans, HelveticaNeue, Arial;
    font-size: 13px;
}

.ms-ltviewselectormenuheader .ms-viewselector A, .ms-dlgTitleText
{
    font-family: Gill Sans MT, GillSans, HelveticaNeue, Arial;
}

img
{
    border: none;
}

.link, a:link, a:active, a:visited
{
    color: #00A1B1;
}

a
{
    outline: 0;
}

a:hover
{
    color: #00386A;
}

.page
{
    width: 70%;
    margin: 0 auto;
    height: 100%;
    background-color: #fff;
    position: relative;
    min-width: 1000px;
}

.fixed
{
    /*width: 1000px;*/
}

#main
{
    margin-top: 6px;
    overflow: auto; /*without this, the main window cannot be used as a reliable height indicator */
}

.green #main
{
    background-color: #33895a; /*background-color: #128099;     background-color: #8599a4;*/
}


#header
{
    padding-bottom: 5px;
    background: url(/_layouts/images/FremantlePorts.Internet/header_r.jpg) left top repeat-x;
    position: relative;
    height: 130px;
}

#footer
{
    background: url(/_layouts/images/FremantlePorts.Internet/footer_bg.jpg) repeat-x left top;
    height: 22px;
    line-height: 22px;
    color: #ffffff;
    font-size: 1em;
    text-align: center;
}

/* shadows - create 6 divs all within a relative positioned div. give the div an extra class of 'angled' for non-symettrical shadow */

.shadow_box
{
    position: relative;
    margin: 0px;
    padding: 0px;
}

.t, .b, .l, .r, .tl, .tr, .bl, .br
{
    position: absolute;
}
.tl, .tr, .bl, .br
{
    background-image: url('/_layouts/images/FremantlePorts.Internet/shadow_vert.png');
    height: 8px;
    width: 8px;
}
.t, .b
{
    background-image: url('/_layouts/images/FremantlePorts.Internet/shadow_horiz.png');
    background-repeat: repeat-x;
    height: 8px;
    width: 100%;
}
.l, .r
{
    background-image: url('/_layouts/images/FremantlePorts.Internet/shadow_vert.png');
    background-repeat: repeat-y;
    height: 100%;
    width: 8px;
}
.t, .tl, .tr
{
    top: -8px;
}
.b, .bl, .br
{
    bottom: -8px;
    background-position: 0px -8px;
}
.l, .tl, .bl
{
    left: -8px;
}
.r, .tr, .br
{
    right: -8px;
    background-position: -8px 0px;
}

.tl
{
    background-position: -28px 0px;
}

.tr
{
    background-position: -36px 0px;
}

.bl
{
    background-image: url('/_layouts/images/FremantlePorts.Internet/shadow_horiz.png');
    background-position: -4px -36px;
}

.br
{
    background-position: -36px -8px;
}

.angled .t, .angled .tl, .angled .tr
{
    height: 5px;
    top: -5px;
}

.angled .tl, .angled .l, .angled .bl
{
    width: 5px;
    left: -5px;
}

.angled .tl
{
    background-position: -47px -10px;
}

.angled .tr
{
    background-position: -52px -0px;
}

.angled .bl
{
    background-position: -10px -51px;
}

.angled .l
{
    background-position: -17px 0px;
}

.angled .t
{
    background-position: 0px -17px;
}

.dark .tl, .dark .tr, .dark .bl, .dark .br, .dark .l, .dark .r
{
    background-image: url('/_layouts/images/FremantlePorts.Internet/shadow_vert_dark.png');
}
.dark .t, .dark .b, .dark .bl
{
    background-image: url('/_layouts/images/FremantlePorts.Internet/shadow_horiz_dark.png');
}

.clear
{
    clear: both;
}

.welcome-content
{
    color: #000;
}

.headertitle
{
    color: #004561;
    font-size: 16px;
}

.level-bullet
{
    padding-left: 15px;
    background-image: url(/_layouts/images/FremantlePorts.Internet/arrow.png);
}

/* popout breadcrumb menu needs background color for firefox */
.s4-breadcrumb-menu
{
    background: #F2F2F2;
}

/* if you want to change the left nav width, change this and the margin-left in .s4-ca */
body #s4-leftpanel
{
    /* width:155px; */
}

/* body area normally has a white background */
.s4-ca
{
    background: transparent none repeat scroll 0 0;
    margin-left: 0px;
}

.ms-cui-tt-span
{
    padding-top: 2px;
}

.ms-cui-ct-ul .ms-cui-tt-span
{
    padding-top: 0px;
    margin-top: -2px;
}

INPUT.s4-searchbox-QueryPrompt
{
    font-style: normal;
}


.s4-search INPUT.ms-sbplain
{
    padding-top: 0px;
    padding-bottom: 2px;
}

/*  custom content editor styles */
.ms-rteStyle-Normal
{
    font-family: Gill Sans MT, GillSans, HelveticaNeue, Arial;
    font-size: 13px;
}

H1, H1.ms-rteElement-H1
{
    font-family: Gill Sans MT, GillSans, HelveticaNeue, Arial;
    font-weight: normal;
    color: #004561;
    margin: 0px;
    font-size: 1.7em;
}

H2, H2.ms-rteElement-H2
{
    font-family: Gill Sans MT, GillSans, HelveticaNeue, Arial;
    font-weight: normal;
    text-align: left;
    color: #004561;
    margin: 0px;
    margin-top: 5px;
    font-size: 1.2em;
}

DIV.ms-rteElement-education-heading
{
    -ms-name: "Education Heading";
    font-size: 2em;
    font-family: "Comic Sans MS" , "Trebuchet MS" , Arial;
    color: #00A94F;
}

DIV.ms-rteElement-education-body
{
    -ms-name: "Education Body";
    font-family: "Comic Sans MS" , "Trebuchet MS" , Arial;
    color: #000;
}

.ms-rteElement-P, .article-content
{
    color: #000;
}

.article, DIV.welcome
{
    /* if images or content push beyond the boundaries of the main component, a scrollbox will appear.  	change to hidden to hide instead */
    overflow: auto;
}

.white_pane .article
{
    padding: 10px;
}

.paper .article
{
    padding: 0px;
}

#footer a
{
    color: #ffffff;
    text-decoration: none;
}
#footer a:hover
{
    color: #ffffff;
    text-decoration: underline;
}

.header_bg
{
    background: url(/_layouts/images/FremantlePorts.Internet/header.jpg) 55px top no-repeat;
    height: 131px;
}

.logo
{
    width: 55px;
    float: left;
}

.header_right
{
    top: 50px;
    right: 20px;
    position: absolute;
    font-size: 12px;
}

.header_right .inner
{
    position: relative;
    width: 400px;
}

.left_content
{
    float: left;
    width: 200px;
    position: relative;
    background: url(/_layouts/images/FremantlePorts.Internet/dotted_line.png) repeat-y right top;
    padding-right: 5px;
}

.right_content
{
    float: right;
    width: 200px;
    position: relative;
    display: none;
}

.mid_content
{
    margin-left: 205px;
    margin-right: 20px;
    position: relative;
}

.top_content
{
    margin-left: 10px;
}

.content .mid_content, .home .mid_content
{
    margin-right: 205px;
}

.content .right_content, .home .right_content
{
    display: block;
}

.home .right_content
{
    background-color: #BEDEEB;
}

.green .left_content
{
    background-image: none;
    background-color: #fff;
}
.green .mid_content
{
    margin-right: 225px;
    padding-left: 5px;
}
.green .right_content
{
    display: block;
    width: 220px;
}

.blank .left_content
{
    display: none;
}

.blank .mid_content
{
    margin-left: 20px;
}

.ms-dialog body
{
    background: #fff;
    overflow: scroll;
}

.ms-dialog .mid_content
{
    margin-left: 0px;
    margin-right: 0px;
}

.ms-dialog #main
{
    margin-top: 0px;
    overflow: visible;
}

.ms-dialog .page
{
    min-width: 0px;
    width: 100%;
}

.left_content .r
{
    display: none;
}

.green .r
{
    display: block;
}

.green .breadcrumb, .green .breadcrumb a
{
    color: #fff;
}

/*.left_content, .mid_content, .right_content{
	border: 1px solid black;
}*/

.green .content_shadow_box
{
    position: relative;
    margin: 0px;
    padding: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

.white_pane
{
    background: #fff;
    position: relative;
}

.white_pane .article
{
    overflow: hidden;
}

.right_photo
{
    margin-top: 41px;
    background: url(/_layouts/images/FremantlePorts.Internet/dotted_line.png) repeat-x left bottom;
    padding-bottom: 20px;
    margin-right: 20px;
    margin-left: 10px;
}



.right_photo .shadow_box .ms-formfieldlabelcontainer
{
    display: none;
}

.right_photo .image .ms-formfieldvaluecontainer
{
    margin: 0px;
    padding: 0px;
    border: none;
}

.right_photo .image .ms-formfieldvaluecontainer span div span div
{
    margin: -4px;
}

.right_photo a.caption, .right_photo .caption
{
    color: #fff;
    text-align: right;
    display: block;
}

.right_photo a.caption:hover
{
    text-decoration: underline;
}


.right_photo .shadow_box
{
    margin-bottom: 5px;
}


.right_photo .photo
{
    margin-bottom: 20px;
}

.photo .inset
{
    background-color: #fff;
    padding: 3px;
    overflow: hidden;
}


.photo .outer
{
    background-color: #ccc;
    width: 185px;
    height: 100px;
    overflow: hidden;
}

.photo .inner
{
    width: 185px;
    height: 100px;
    vertical-align: middle;
    display: table-cell;
}

.right_photo .photo img
{
    position: relative;
    width: 100%;
}

.inline
{
    display: inline-block;
}

.left_links
{
    padding-bottom: 20px;
    color: #0084A9;
    font-size: 1.1em;
}

.left_links a
{
    color: #0084a9;
}
.left_links a:hover
{
    color: #004561;
}
.left_links .selected
{
    color: #004561;
    font-weight: bold;
}

.left_links .selected ul
{
    font-weight: normal;
}

.left_nav
{
    padding-bottom: 20px;
}

.left_nav ul li
{
    margin-left: 10px;
}

.left_nav ul li ul
{
    margin-bottom: 10px;
    font-size: 0.8em;
}

.breadcrumb
{
    font-size: 1.1em;
    color: #00386a;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}
.breadcrumb a
{
    color: #00386a;
    text-decoration: none;
}
.breadcrumb a:hover
{
    text-decoration: underline;
}
.breadcrumb a.breadcrumbCurrentNode
{
    font-weight: bold;
}

.bottom_right_content
{
    font-size: 1.2em;
}

.bottom_right_content a
{
    text-align: center;
    text-decoration: none;
    text-decoration: none;
    color: #004561;
}

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

.green .bottom_right_content
{
    margin-right: 20px;
    margin-left: 10px;
}

.port_maps
{
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    background: url(/_layouts/images/FremantlePorts.Internet/dotted_line.png) repeat-x left bottom;
    padding-top: 0px;
    padding-bottom: 10px;
}

.register_dolphins
{
    padding-top: 10px;
    padding-bottom: 10px;
}


.register_dolphins a, .register_dolphins a:link, .register_dolphins a:active, .register_dolphins a:visited
{
    text-align: left;
    display: block;
    width: 150px;
    height: 90px;
    margin: 0 auto;
    padding-top: 5px;
    background: url(/_layouts/images/FremantlePorts.Internet/dolphin_large.png) 80px 0px no-repeat;
}

.top_icons
{
    padding: 8px 0px 16px 0px;
    width: 515px;
    margin: 0 auto;
    overflow: auto;
}

.top_icons div
{
    width: 114px;
    height: 75px;
    margin-left: 9px;
    margin-right: 5px;
    float: left;
}

.top_icons img, .top_icons a img, .top_icons a:link img, .top_icons a:active img, .top_icons a:visited img
{
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.top_icons a:hover img
{
    filter: alpha(opacity=100);
    opacity: 1;
}

.paper
{
    background-image: url('/_layouts/images/FremantlePorts.Internet/paper.png');
}

.paper .margin
{
    background-image: url('/_layouts/images/FremantlePorts.Internet/paper_margin.png');
    background-repeat: repeat-y;
    position: absolute;
    left: 80px;
    top: 0px;
    height: 100%;
    width: 8px;
}

.paper .inset
{
    padding: 10px 10px 10px 100px;
    line-height: 1.77;
}

.paper .blank-wp
{
    padding: 5px;
}

/* right links */
.text_subtract
{
    font-size: 10px;
    text-transform: capitalize;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding-left: 6px;
    padding-right: 2px;
}
a.text_subtract, a.text_subtract:link, a.text_subtract:active, a.text_subtract:visited
{
    color: #fff;
}
a.text_subtract:hover
{
    text-decoration: none;
}
.text_add
{
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 2px;
}
a.text_add, a.text_add:link, a.text_add:active, a.text_add:visited
{
    color: #fff;
}
a.text_add:hover
{
    text-decoration: none;
}

.top_links
{
    color: #ffffff;
    padding-bottom: 8px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: 0px;
}
.top_links a
{
    color: #ffffff;
    text-decoration: none;
    line-height: 20px;
    padding: 2px 0px;
}
.top_links a:hover
{
    text-decoration: underline;
}
.top_links a.ContactUs
{
    background: url(/_layouts/images/FremantlePorts.Internet/contactus.png) no-repeat left top;
    padding: 2px 10px;
}
.top_links a.Home
{
    background: url(/_layouts/images/FremantlePorts.Internet/home.png) no-repeat left top;
    padding: 2px 2px 0px 15px;
}

.header_right .print_row
{
    position: absolute;
    top: 54px;
    right: 0px;
}

.header_right .search
{
    text-align: right;
    position: absolute;
    top: 27px;
    right: 0px;
    width: 202px;
}

.row
{
    color: #ffffff;
    height: 20px;
    font-size: 1em;
    font-weight: bold;
    float: right;
}

.row a
{
    color: #ffffff;
}

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

a.print
{
    background: url(/_layouts/images/FremantlePorts.Internet/Print.png) no-repeat right;
    padding-right: 21px;
    padding-left: 7px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.advanced_search
{
    padding-right: 20px;
    display: inline-block;
}

.news
{
    padding: 0px 10px 0px 10px;
}

.MSICResult
{
    font: bold 150% "trebuchet ms" , verdana;
    color: #CB5886 !important;
}

.news .newstitle
{
    display: block;
    color: #004561;
    padding-bottom: 5px;
    font-size: 1em;
    font-weight: bold;
    background: url(/_layouts/images/FremantlePorts.Internet/dotted_line.png) left bottom repeat-x;
}
.news .event
{
    color: #00A1B1;
    font-weight: bold;
}
.news .event:hover
{
    color: #004684;
}
.news .newslink
{
    padding-bottom: 5px;
    color: #004561;
    font-size: 1em;
    margin-bottom: 10px;
    display: block;
    width: 65px;
}
.news .newsarchive
{
    padding-bottom: 5px;
    color: #004561;
    font-size: 1em;
    font-weight: bold;
    background: url(/_layouts/images/FremantlePorts.Internet/dotted_line.png) left bottom repeat-x;
    margin-bottom: 10px;
    display: block;
    width: 65px;
    padding-top: 10px;
    background: none;
    width: auto;
}
.news a
{
    color: #004684;
    text-decoration: none;
    line-height: 18px;
}
.news a:hover
{
    color: #00A1B1;
}

/*
    AnythingSlider v1.4.1+ Default (base) theme

    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider
{
    margin: 0 auto;
}

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a
{
    background: #777;
    color: #000;
}
div.anythingSlider .anythingWindow
{
    border-top: 3px solid #777;
    border-bottom: 3px solid #777;
}
div.anythingSlider .start-stop
{
    background-color: #040;
    color: #fff;
}
div.anythingSlider .start-stop.playing
{
    background-color: #800;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover
{
    color: #ddd;
}

/* Active State */
div.anythingSlider.activeSlider .anythingWindow
{
    border: none;
}
div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a
{
    background-color: #7C9127;
}
div.anythingSlider .start-stop
{
    background-color: #080;
    color: #fff;
}
div.anythingSlider .start-stop.playing
{
    background-color: #d00;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover
{
    color: #fff;
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow
{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider
{
    position: relative;
    padding: 0 0px 0px 0px;
}
/* anythingSlider base UL */
ul.anythingBase
{
    background: transparent;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
ul.anythingBase li.panel
{
    background: transparent;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow
{
    bottom: 0px;
    position: absolute;
    display: block;
    z-index: 1000;
}
div.anythingSlider .arrow a
{
    display: block;
    height: 30px;
    margin: 0 0 0 0;
    width: 35px;
    text-align: center;
    outline: 0;
    background: none;
    text-indent: -9999px;
}
div.anythingSlider .forward
{
    right: 0;
    background: url(/_layouts/images/FremantlePorts.Internet/any_br.jpg) right top no-repeat;
}
div.anythingSlider .back
{
    left: 0;
    background: url(/_layouts/images/FremantlePorts.Internet/any_bl.jpg) left top no-repeat;
}
div.anythingSlider .forward a
{
    background-position: 0 -40px;
}
div.anythingSlider .back a
{
    background-position: -88px -40px;
}
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover
{
    background-position: 0 -240px;
}
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover
{
    background-position: -88px -240px;
}

/* Navigation Links */
div.anythingSlider .anythingControls
{
    outline: 0;
    display: none !important;
}
div.anythingSlider .thumbNav
{
    margin: 0;
}
div.anythingSlider .thumbNav li
{
    display: inline;
}
div.anythingSlider .thumbNav a
{
    font: 11px/18px Georgia, Serif;
    display: inline-block;
    text-decoration: none;
    padding: 2px 8px;
    height: 18px;
    margin: 0 5px 0 0;
    background-image: url(/_layouts/images/FremantlePorts.Internet/cellshade.png);
    background-repeat: repeat-x;
    text-align: center;
    outline: 0;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .thumbNav a:hover
{
    background-image: none;
}

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .thumbNav a
{
    float: right;
}
/* reverse order of nav links */
div.anythingSlider.rtl .thumbNav
{
    float: left;
}
/* move nav link group to left */
/* div.anythingSlider.rtl .start-stop { float: right; } *//* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop
{
    background-image: url(/_layouts/images/FremantlePorts.Internet/cellshade.png);
    background-repeat: repeat-x;
    background-position: center top;
    padding: 2px 5px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    float: right;
    z-index: 100;
    outline: 0;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover
{
    background-image: none;
}

div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop
{
    transition-duration: 0;
    -o-transition-duration: 0;
    -moz-transition-duration: 0;
    -webkit-transition-duration: 0;
}

.img_t
{
    background: url(/_layouts/images/FremantlePorts.Internet/img_t1.png) left top no-repeat;
}
.img_t div
{
    background: url(/_layouts/images/FremantlePorts.Internet/img_t3.png) right top no-repeat;
}
.img_t div div
{
    background: url(/_layouts/images/FremantlePorts.Internet/img_t2.png) left top repeat-x;
    margin: 0px 14px;
    height: 12px;
    font-size: 0px;
}
.img_l
{
    background: url(/_layouts/images/FremantlePorts.Internet/img_l.png) left top repeat-y;
}
.img_r
{
    background: url(/_layouts/images/FremantlePorts.Internet/img_r.png) right top repeat-y;
}
.img_m
{
    margin: 0px 5px 0px 9px;
    font-size: 0px;
    padding: 1px 0px;
}
* + html .img_m
{
    zoom: 1;
}
.img_content
{
    margin: -9px 0px -4px;
}
.img_b
{
    background: url(/_layouts/images/FremantlePorts.Internet/img_d1.png) left top no-repeat;
}
.img_b div
{
    background: url(/_layouts/images/FremantlePorts.Internet/img_d3.png) right top no-repeat;
}
.img_b div div
{
    background: url(/_layouts/images/FremantlePorts.Internet/img_d2.png) left top repeat-x;
    margin: 0px 14px;
    height: 12px;
    font-size: 0px;
}

.menu-horizontal
{
    display: block;
}

.menu-horizontal .menu-item .additional-background, .menu-horizontal .menu-item .additional-background .menu-item-text
{
    display: inline;
}

.menu-horizontal .menu-item-text
{
    white-space: normal;
}

.menu-horizontal .root > li > ul > li.haschildren .additional-background .menu-item-text
{
    display: block;
    width: 140px;
}

.menu-horizontal a.static
{
    float: none;
}

.menu-horizontal ul.root
{
    overflow: auto;
    padding: 0px;
    margin: 0px;
    background-image: url(/_layouts/images/FremantlePorts.Internet/menu_bg.jpg);
    display: block;
}

.menu-horizontal .root li
{
    padding: 0px;
    list-style: none;
    background-color: #fff;
    width: 165px;
}

.menu-horizontal .root > li
{
    height: 38px;
    background-image: url(/_layouts/images/FremantlePorts.Internet/menu.png);
    background-position: 0px -76px;
    color: #fff;
    float: left;
    border-right: 1px solid #fff;
}

.menu-horizontal .root > li > a:link, .menu-horizontal .root > li > a:visited
{
    color: #fff;
    width: 165px;
    height: 38px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
}

.menu-horizontal .root > li > a > span > span
{
    display: block;
    padding: 0px 5px 0px 5px;
}

.menu-horizontal .root > li.first
{
    background-position: 0px 0px;
}

.menu-horizontal .root > li.last
{
    background-position: 0px -152px;
    border-right: none;
}

.menu-horizontal .root > li.selected, .menu-horizontal .root > li:hover
{
    background-position: 0px -114px;
}

.menu-horizontal .root > li.first.selected, .menu-horizontal .root > li.first:hover
{
    background-position: 0px -38px;
}

.menu-horizontal .root > li.last.selected, .menu-horizontal .root > li.last:hover
{
    background-position: 0px -190px;
}

.menu-horizontal .root > li.haschildren:hover
{
    background-image: url(/_layouts/images/FremantlePorts.Internet/menu_sub.png);
    background-position: 0px -38px;
}

.menu-horizontal .root > li.first.haschildren:hover
{
    background-position: 0px -0px;
}

.menu-horizontal .root > li.last.haschildren:hover
{
    background-position: 0px -190px;
}

.menu-horizontal .root li:hover
{
    background-color: #1C5F7B;
    color: #fff;
}


.menu-horizontal .root li:hover > a
{
    color: #fff;
}

.menu-horizontal .root li a
{
    color: #1C5F7B;
    text-decoration: none;
    display: block;
    padding: 3px 8px 3px 8px;
}


.menu-horizontal .root li ul
{
    position: absolute;
    display: none;
    z-index: 10;
}

.menu-horizontal .root li:hover ul
{
    adisplay: block;
}

.menu-horizontal .root li ul li
{
    float: none;
    background-color: #e0e9ef;
}

.menu-horizontal .root li ul li ul li, .menu-horizontal .root li ul li ul li:hover
{
    background-color: #678da6;
}

.menu-horizontal .root li:hover ul li ul
{
    display: none;
    position: relative;
}

.menu-horizontal .root li:hover ul li ul a
{
    color: #fff;
}

.menu-horizontal .root li:hover ul li ul a:hover
{
    text-decoration: underline;
}

.menu-horizontal .root li ul li ul
{
    display: none;
}

.menu-horizontal .root > li > ul
{
    padding-bottom: 17px;
    background-image: url(/_layouts/images/FremantlePorts.Internet/menu_bm.png);
    background-position: bottom;
    background-repeat: no-repeat;
}

.menu-horizontal .root ul li.haschildren > a
{
    background-image: url(/_layouts/images/FremantlePorts.Internet/arrow_down.png);
    background-position: right;
    background-repeat: no-repeat;
    margin-right: 5px;
}

/* BEGIN - NEWS */

/* News WebPart */
.newsheader
{
    font-weight: bold;
    text-align: center;
    color: #004561;
    font-size: 1.2em;
    padding-bottom: 10px;
}
.newstitlestyle
{
    font-size: 1em;
    font-weight: bold;
    color: #004561;
}
.newssummary
{
    font-size: 13px;
    color: #000;
}
.readmore
{
    color: #004561;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.newsarchivelink
{
    color: #004561;
    font-size: 1em;
}
.newsadmin
{
    color: #004561;
    font-size: 1em;
    font-weight: bold;
}
.newsbreak
{
    height: 10px;
    background: url(/_layouts/images/FremantlePorts.Internet/dotted_line.png) repeat-x left bottom;
}
.ms-WPBody A:link, .ms-WPBody A:visited
{
    color: #004561;
}

.newsItemContent A
{
    color: #0072bc !important;
}

/* Display Page */
.newsItemTitle
{
    font-family: Gill Sans MT, GillSans, HelveticaNeue, Arial;
    font-size: large;
    font-weight: bold;
    color: black;
}
.newsItemSummary
{
    font-family: Gill Sans MT, GillSans, HelveticaNeue, Arial;
    font-size: inherit;
    font-style: italic;
    padding-top: 15px;
    padding-bottom: 20px;
    color: black;
}
.newsItemContent
{
    font-family: Gill Sans MT, GillSans, HelveticaNeue, Arial;
    color: black;
}

/* END - NEWS */
/* BEGIN - Events */
.eventdate
{
    font-size: 13px;
    color: #000;
}
.eventdate A
{
    font-size: 1em;
    font-weight: bold;
    color: #004561;
}

/* END - Events */
/* BEGIN - TENDERS */

.RegistrationFormHeader
{
    color: #000080;
    font: bold 150% arial, sans-serif;
    margin-bottom: 10px;
    margin-top: 20px;
}
.RegistrationFormSectionHeader
{
    clear: both;
    color: #000080;
    font: bold 110% arial, sans-serif;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-left: 20px;
}
.RegistrationField
{
    height: 25px;
    float: none;
}
.RegistrationFormLabel
{
    vertical-align: middle;
    width: 200px;
    text-align: right;
    margin-right: 10px;
    float: left;
}
.RegistrationCaptchaField
{
    height: 65px;
    float: none;
}
.RegistrationFormInput
{
    width: 250px;
    float: left;
    text-align: left;
}
.RegistrationFormInput input
{
    text-align: left;
    width: 98%;
}
.RegistrationFormValidator
{
    float: left;
    margin-left: 5px;
    width: 6px;
}
.RegistrationFormArea
{
    margin-left: 25px;
}
.RegistrationButtonArea
{
    padding-top: 10px;
    padding-left: 500px;
}
.RegistrationSubmitButton
{
    color: #000066;
    font: bold 100% arial, sans-serif;
    background-color: #3399FF;
}
.RegistrationInformationText
{
    margin-left: 15px;
    font: arial, sans-serif;
}
.RegistrationCaptchaArea
{
    font: arial, sans-serif;
    vertical-align: middle;
}
.CaptchaImageArea
{
    width: 250px;
    float: left;
    height: 60px;
}

.SubscribeTendersHeader
{
    color: #000080;
    font: bold 150% arial, sans-serif;
    margin-bottom: 10px;
    margin-top: 20px;
}
.LoginButtonArea
{
    margin-left: 325px;
}
.RegisterMessageArea
{
    text-align: right;
}
.LoginMessageArea
{
    text-align: center;
    color: Red;
    font-weight: bold;
}
.SubscribeSubmitButton
{
    color: #000066;
    font: bold 100% arial, sans-serif;
    background-color: #3399FF;
}
.TendersInformationText
{
    margin-left: 15px;
    font: arial, sans-serif;
}
.TableHeadingText
{
    font-weight: bold;
}
.TendersTableCheckboxHead
{
    font-weight: bold;
    text-align: center;
    width: 90px;
    margin-left: 10px;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 15px;
}
.TendersTableContractNumberHead
{
    font-weight: bold;
    width: 100px;
    float: left;
    text-align: left;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 15px;
}
.TendersTableTitleHead
{
    font-weight: bold;
    width: 180px;
    float: left;
    text-align: left;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 15px;
}
.TendersTableClosingDateHead
{
    font-weight: bold;
    width: 155px;
    float: left;
    text-align: left;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 15px;
}
.TendersTableAddendaHead
{
    font-weight: bold;
    width: 100px;
    float: left;
    text-align: left;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 15px;
}
.TendersTableCheckbox
{
    width: 90px;
    margin-left: 10px;
    float: left;
    text-align: center;
    margin-left: 3px;
    margin-right: 3px;
}
.TendersTableContractNumber
{
    width: 100px;
    float: left;
    text-align: left;
    margin-left: 3px;
    margin-right: 3px;
}
.TendersTableTitle
{
    width: 180px;
    float: left;
    text-align: left;
    margin-left: 3px;
    margin-right: 3px;
}
.TendersTableClosingDate
{
    width: 155px;
    float: left;
    text-align: left;
    margin-left: 3px;
    margin-right: 3px;
}
.TendersTableAddenda
{
    width: 100px;
    float: left;
    text-align: left;
    margin-left: 3px;
    margin-right: 3px;
}
.TenderDetailsSection
{
    margin: 10px;
    float: left;
}
.TenderDetailSection
{
    margin: 10px;
    float: left;
    width: 400px;
    vertical-align: top;
}

.TenderSubscribeSection
{
    vertical-align:top;
    margin:20px;

}
.TenderDocsSection
{
    margin: 5px;
    padding: 5px;
    clear: right;
    float: left;
}
.TenderDocCellIcon
{
    width: 25px;
}
.TenderDocCellTitle
{
    width: 400px;
}
.TenderDocCellSize
{
    width: 65px;
}
.TenderDetailsCell
{
    width: 100px;
    vertical-align: top;
    font-weight: bold;
    text-align: right;
}
.TenderDateCellSize
{
    width: 100px;
}
.TenderDetailsBackButton
{
    margin-left: 5px;
    clear: left;
}

.TenderLogoutButton
{

    float: right;
}
/* END - TENDERS *

/* BEGIN - NEWSLETTER SUBSCIPTION */

.SubscribeDetails
{
    width: 400px;
    float: left;
    padding: 10px;
}
.SubscriptionsLogo
{
    width: 200px;
    float: left;
    text-align: center;
    height: 280px;
}
.NewsletterHeader
{
    font-size: large;
    font-weight: bold;
    margin-bottom: 10px;
    font: arial, sans-serif;
}
.NewsletterText
{
    margin-bottom: 10px;
    font: arial, sans-serif;
}
.SubscribeControls
{
    text-align: left;
    margin-bottom: 15px;
}
.SubscribeControlsInput
{
    width: 250px;
}
.SubscribeCaptchaControl
{
    width: 125px;
}
.SubscribeCategories
{
    width: 175px;
}

/* END - NEWSLETTER SUBSCIPTION */

/* BEGIN - AtoZ Directory WebPart */

.AtoZDirectoryPageBtnClass
{
    color: #050;
    font: bold 84% 'trebuchet ms' ,helvetica,sans-serif;
    background-color: #fed;
    border: 1px solid;
    border-color: #696 #363 #363 #696;
}

.AtoZalphabetClass
{
    border-style: solid;
    border-width: 1px;
    color: #000000 !important;
    font: bold 100% 'trebuchet ms' ,verdana;
    background-color: #FFFFFF;
    border-color: #000000;
    padding: 2px 5px 2px 2px;
    margin-left: 4px;
}

.AtoZalphabetClassAll
{
    border-style: solid;
    border-width: 1px;
    color: #000000 !important;
    font: bold 100% 'trebuchet ms' ,verdana;
    background-color: #FFFFFF;
    border-color: #000000;
    padding: 5px 10px 5px 5px;
    margin-left: 4px;
}

.AtoZalphabetClass:hover
{
    background-position: 100% -30px;
}

.AtoZactiveAlpabetClass
{
    border-style: solid;
    border-width: 1px;
    color: #000000 !important;
    font: bold 100% 'trebuchet ms' ,verdana;
    background-color: #C0C0C0;
    border-color: #000000;
    padding: 2px 5px 2px 2px;
    margin-left: 4px;
}

.AtoZactiveAlpabetClassAll
{
    border-style: solid;
    border-width: 1px;
    color: #000000 !important;
    font: bold 100% 'trebuchet ms' ,verdana;
    border-color: #000000;
    background-color: #C0C0C0;
    padding: 5px 10px 5px 5px;
    margin-left: 4px;
}

#AtoZResultDivContainer
{
    padding-top: 15px;
    padding-bottom: 35px;
}
.AtoZResultDivs a
{
    margin-left: 15px;
    color: #000000 !important;
}

.AtoZResultDivs
{
    margin-left: 15px;
    font: bold 100% Gill Sans MT, GillSans, HelveticaNeue, Arial;
    color: #808080 !important;
}

.AtoZResultDivs a
{
    padding-left: 10px;
    background-image: url(/_layouts/images/FremantlePorts.Internet.Internet/bullet.GIF);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    margin-left: 10px;
}
.AtoZAlphaContainer
{
    text-align: center;
    border-left: #e5e5e5 1px solid;
    border-top: #e5e5e5 1px solid;
    border-right: #e5e5e5 1px solid;
    background-color: #fbfbfb;
    margin-top: 15px;
    height: 30px;
    padding-top: 15px;
}
.AtoZSearchTip
{
    margin-left: 20px;
}
.AtoZFilterContainer
{
    border-bottom: #e5e5e5 1px solid;
    text-align: left;
    border-left: #e5e5e5 1px solid;
    border-right: #e5e5e5 1px solid;
    background-color: #fbfbfb;
    height: 50px;
    padding-top: 5px;
}
.AtoZSearchTextBox
{
    margin-left: 20px;
    margin-right: 5px;
    height: 16px;
    width: 200px;
}
#AtoZPageNumberStartLiteral
{
    float: left;
    margin-right: 5px;
    margin-left: 20px;
    color: #808080 !important;
    font: bold 150% 'trebuchet ms' ,verdana;
}
.AtoZPageNumberExtraLiteral
{
    font: bold 150% "trebuchet ms" , verdana;
    color: #808080 !important;
    margin-left: 200px;
}
.AtoZPageNumbersStyle
{
    color: #808080 !important;
    font: bold 150% 'trebuchet ms' ,verdana;
}
.AtoZSearchButton
{
    border-style: solid;
    color: #000000;
    font: bold 100% 'trebuchet ms' ,helvetica,sawns-serif;
    background-color: #808080;
    height: 25px;
    border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
    cursor: pointer;
    margin-right: 10px;
}
.page_controls div span
{
    color: #808080 !important;
    font: bold 150% 'trebuchet ms' ,verdana;
}
#AtoZPageHeaderTextStyle
{
    color: #808080 !important;
    font: bold 150% 'trebuchet ms' ,arial;
    margin-bottom: 10px;
    margin-top: 20px;
    margin-left: 15px;
}

/* END - AtoZ Directory WebPart */

/* START - SiteMap */

.SiteMapULNode
{
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}
.SiteMapLiNode
{
    padding-left: 20px;
    margin-top: 5px;
}

li.folderClose
{
    background-image: url(/_layouts/images/FremantlePorts.Internet.Internet/folder-closed.gif);
}
li.folderOpen
{
    background-image: url(/_layouts/images/FremantlePorts.Internet.Internet/folder-open.gif);
}

/* END - SiteMap */

/*START FeedbackWebPart */

.FeedbackLabel
{
    vertical-align: middle;
    width: 70px;
    text-align: right;
    margin-right: 10px;
    float: left;
}
.FeedbackTextBox
{
    width: 250px;
    text-align: left;
}

.FeedbackMultiLineTextBox
{
    width: 250px;
    text-align: left;
    padding-bottom: 20px;
}
.FeedbackCaptchaImage
{
    margin-left: 80px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.FeedbackCaptchaLabel
{
    margin-left: 80px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.FeedbackCaptchaTextBox
{
    margin-left: 80px;
    width: 250px;
    margin-bottom: 20px;
}
.FeedbackOKBtn
{
    margin-left: 80px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.FeedbackCaptchaError
{
    color: Red;
}
.FeedbackWebPartMessage
{
    color: #666666;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 20px;
}


/* END FeedbackWebPart */

/* START Dolphin Sighting Form */
.DolphinWPButton
{
    cursor: pointer;
}
.DolphinPlottingbuttonfontStyle
{
    width: 80px;
    margin-right: 5px;
    cursor: pointer;
}
.DolphinPlottingPanelbuttonStyle
{
    height: 25px;
    width: 100px;
    margin-right: 5px;
    color: #000000;
    background-color: #808080;
    cursor: pointer;
    border-color: #C0C0C0 #C0C0C0 #C0C0C0 #C0C0C0;
}
.DolphinPlottingfontPanel
{
    color: Black;
    border-color: #808080;
    background-color: #C0C0C0;
    border: bold 2px Black;
    width: 475px;
    height: 275px;
    padding-left: 25px;
    padding-top: 25px;
}
.DolphinPlottingfontStyle
{
    display: block;
    font-size: 15px;
    width: 150px;
    float: left;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 3px;
}
.DolphinPlottingTimeLabelStyle
{
    font-size: 12px;
}
.DolphinPlottingfontStyleTextBox
{
    font-size: 15px;
    width: 250px;
    margin-bottom: 5px;
}
.DolphinPlottingfontStyleComments
{
    font-size: 15px;
    width: 250px;
    height: 127px;
}
#Dolphinform
{
    height: auto !important;
}
.DolphinPlottinghyperlinkStyle
{
    display: none;
}
.DolphinPlottingCalendarStyle
{
    position: relative;
    z-index: 999999 !important;
    border: 2px;
    border-color: Black;
    background-color: #666699;
}
.DolphinPlottingModalBackground
{
    background-color: Gray;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.DolphinCaptchaImage
{
    margin-bottom: 10px;
}

.DolphinCaptchaLabel
{
    margin-bottom: 10px;
    font-size: 11px;
}

.DolphinCaptchaError
{
    color: Red;
    font-size: 12px;
}
#DivDolphinCaptchaVeriTextBox
{
    margin-bottom: 10px;
}
.timeDropDownClass
{
    margin-bottom: 5px;
}
.DolphinSubmitDivClass
{
    padding-top: 20px;
}
.DolMapNoteDivClass
{
    padding: 10px;
}
.DolphinPlottingSubmitPanel
{
    margin-top: 25px;
    background-color: #CCCCCC;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.DolDateRequiredFiValClass
{
    font-size: 11px;
    color: Red;
}


/* END Dolphin Sighting Form */

/* Verify Dolphin Location form */

.VerifyLocApproveBtnClass
{
    margin-top: 10px;
    width: 80px;
    margin-right: 5px;
    border-style: solid;
    color: #000000;
    background-color: #808080;
    border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
    cursor: pointer;
}

.VerifyLocRejectBtnClass
{
    margin-top: 10px;
    width: 80px;
    margin-right: 5px;
    border-style: solid;
    color: #000000;
    background-color: #808080;
    border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
    cursor: pointer;
}
/*End Verify Dolphin Location form */

/* Start Ports Map Styles */
.port_map_panel
{
    border: 1px solid #e5e5e5;
    background-color: #fbfbfb;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0px;
    padding-top: 5px;
    overflow: auto;
}


.port_map_panel div
{
    background-image: url(/_layouts/images/FremantlePorts.Internet/maps.jpg);
    background-repeat: no-repeat;
    height: 81px;
    width: 124px;
    float: left;
    opacity: 0.8;
    filter: alpha(opacity=80);
    cursor: pointer;
}

.port_map_panel div:hover, .port_map_panel div.selected
{
    opacity: 1;
    filter: alpha(opacity=100);
}

.imgBuilding
{
}
.imgBerths
{
    background-position: -127px 0px;
}
.imgJetties
{
    background-position: -254px 0px;
}
.imgTourists
{
    background-position: -381px 0px;
}
.imgParking
{
    background-position: -508px 0px;
}
/* End Ports Map Style */

/*div#spinner {     display: none;     
                    width:100px;     
                    height: 100px;     
                    position: fixed;     
                    top: 50%;     
                    left: 50%;     
                    background:url(spinner.gif) no-repeat center #fff;     
                    text-align:center;     
                    padding:10px;     
                    font:normal 16px Tahoma, Geneva, sans-serif;     
                    border:1px solid #666;     
                    margin-left: -50px;     
                    margin-top: -50px;     
                    z-index:2;     
                    overflow: auto; 
}*/

.header_right .ms-sbplain
{
    padding: 2px 5px 3px 5px;
    color: #004561;
}


.header_right #SRSB
{
    position: relative;
    display: inline-block;
}
.header_right #SRSB .srch-AutoCompContainer
{
    top: 24px;
    left: 0px;
}

.header_right #SRSB .srch-AutoCompList
{
    font-size: 13px;
}

.header_right .srch-gosearchimg
{
    background-image: none;
    background-color: transparent;
    width: 19px;
    height: 19px;
}

.header_right TD.ms-sbgo IMG
{
    border: none !important;
    margin-left: 2px;
}



/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading
{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

#fancybox-loading div
{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox.png');
}

#fancybox-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}

#fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap
{
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;
}

#fancybox-outer
{
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

#fancybox-content
{
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff;
}

#fancybox-hide-sel-frame
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}

#fancybox-close
{
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox.png') -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox-error
{
    color: #444;
    padding: 14px;
    margin: 0;
}

#fancybox-img
{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
}

#fancybox-frame
{
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-left, #fancybox-right
{
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url('/_layouts/images/FremantlePorts.Internet/fancybox/blank.gif');
    z-index: 1102;
    display: none;
}

#fancybox-left
{
    left: 0px;
}

#fancybox-right
{
    right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico
{
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico
{
    background-image: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox.png');
    background-position: -40px -30px;
}

#fancybox-right-ico
{
    background-image: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox.png');
    background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover
{
    visibility: visible; /* IE6 */
}

#fancybox-left:hover span
{
    left: 20px;
}

#fancybox-right:hover span
{
    left: auto;
    right: 20px;
}

.fancybox-bg
{
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancybox-bg-n
{
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox-x.png');
}

#fancybox-bg-ne
{
    top: -20px;
    right: -20px;
    background-image: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox.png');
    background-position: -40px -162px;
}

#fancybox-bg-e
{
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox-y.png');
    background-position: -20px 0px;
}

#fancybox-bg-se
{
    bottom: -20px;
    right: -20px;
    background-image: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox.png');
    background-position: -40px -182px;
}

#fancybox-bg-s
{
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox-x.png');
    background-position: 0px -20px;
}

#fancybox-bg-sw
{
    bottom: -20px;
    left: -20px;
    background-image: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox.png');
    background-position: -40px -142px;
}

#fancybox-bg-w
{
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox-y.png');
}

#fancybox-bg-nw
{
    top: -20px;
    left: -20px;
    background-image: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox.png');
    background-position: -40px -122px;
}

#fancybox-title
{
    z-index: 1102;
}

.fancybox-title-inside
{
    padding-bottom: 10px;
    color: #333;
    background: #fff;
    position: relative;
}

.fancybox-title-outside
{
    padding-top: 10px;
    color: #fff;
}

.fancybox-title-over
{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left;
}

#fancybox-title-over
{
    padding: 10px;
    background-image: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancy_title_over.png');
    display: block;
}

.fancybox-title-float
{
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}

#fancybox-title-float-wrap
{
    border: none;
    border-collapse: collapse;
    width: auto;
}

#fancybox-title-float-wrap td
{
    border: none;
    white-space: nowrap;
}

#fancybox-title-float-left
{
    padding: 0 0 0 15px;
    background: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main
{
    color: #FFF;
    line-height: 29px;
    font-weight: bold;
    padding: 0 0 3px 0;
    background: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right
{
    padding: 0 0 0 15px;
    background: url('/_layouts/images/FremantlePorts.Internet/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_close.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-left-ico
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_nav_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-right-ico
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_nav_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-title-over
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_title_over.png', sizingMethod='scale');
    zoom: 1;
}
.fancybox-ie6 #fancybox-title-float-left
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_title_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-main
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_title_main.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-right
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_title_right.png', sizingMethod='scale');
}

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame
{
    height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6
{
    position: absolute;
    margin-top: 0;
    top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div
{
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_loading.png', sizingMethod='scale');
}

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg
{
    background: transparent !important;
}

.fancybox-ie #fancybox-bg-n
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_shadow_n.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-ne
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_shadow_ne.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-e
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_shadow_e.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-se
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_shadow_se.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-s
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_shadow_s.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-sw
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_shadow_sw.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-w
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_shadow_w.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-nw
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_layouts/images/FremantlePorts.Internet/fancybox/fancy_shadow_nw.png', sizingMethod='scale');
}

.carousel_image
{
    width: 500px;
    height: 330px;
    float: left;
    position: relative;
}

.carousel_image .src, .carousel_image .thumb, .carousel_image .text
{
    display: none;
}

.carousel_image .description
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    color: #fff;
}

.carousel_image .description .overlay
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity:60);
    opacity: 0.6;
}

.carousel_image .description .words
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 100%;
    color: #fff;
    padding: 0px 30px 0px 30px;
}

.carousel_image .description .words div
{
    padding: 6px;
}

.carousel_image .description a
{
    color: #fff;
    text-decoration: underline;
}

.carousel_image .description a:hover
{
    color: #bbb;
}

.carousel_image .inner
{
    display: table-cell;
    vertical-align: middle;
    width: 500px;
    height: 330px;
    background-color: #59656e;
    background-image: url('/_layouts/images/FremantlePorts.Internet/carousel_back.jpg');
}

img
{
    border: none;
}

.carousel_image img
{
    width: 100%;
}

.pane
{
    height: 330px;
    position: absolute;
    left: 0px;
}

.carousel
{
    width: 500px;
    height: 330px;
    overflow: hidden;
    position: relative;
}

.carousel a
{
    outline: 0;
}

.carousel_outer
{
    width: 500px;
    height: 330px;
    margin: 0 auto;
}

.loading .overlay
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity:10);
    opacity: 0.1;
}

.loading .image
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 500px;
    height: 290px;
    color: #000;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    top: 40%;
    font-size: 2em;
}

.prev, .next
{
    position: absolute;
    bottom: 8px;
    color: #fff;
    display: none;
    cursor: pointer;
}
.prev
{
    left: 10px;
}

.next
{
    right: 10px;
}

.fade .pane
{
    position: relative;
}

.fade .carousel_image
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


.right_content .ms-WPHeader
{
    background-color: transparent;
}

.right_content .ms-WPHeader TD
{
    border: none;
}

.right_content .ms-WPTitle
{
    text-align: center !important;
    font-size: 1.2em;
    color: #004561;
}

.right_content .s4-wpcell-plain
{
    padding-bottom: 20px;
    background: url(/_layouts/images/FremantlePorts.Internet/dotted_line.png) repeat-x left bottom;
}

.right_content .dfwp-list .item
{
    background: url(/_layouts/images/FremantlePorts.Internet/arrow.png) no-repeat 2px 6px;
    padding: 2px 0px 2px 16px;
}

.right_content .ms-SPZone .dfwp-list .item
{
    background-image: none;
    padding: 6px 0px 6px 0px;
}

.right_content .link-item a
{
    color: #000;
}

.groupheader
{
    font-size: 1.1em;
}
.gallery
{
    clear: both;
}

.gallery .grid
{
    float: left;
    margin: 3px;
    width: 200px;
    height: 200px;
    background-color: #e6e7e9;
    position: relative;
    border: 1px solid #c3c5ca;
}

.gallery .folder
{
    border: 1px solid #a0a2ac;
    background-color: #c3c5ca;
    cursor: pointer;
}

.gallery .photo
{
    width: 200px;
    height: 180px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.gallery .photo .inset
{
    background-color: #fff;
    padding: 2px;
}

.gallery .folder .inset
{
    padding: 1px 1px 6px 1px;
}

.gallery .photo .outer
{
    background-color: #ccc;
}

.gallery .photo img
{
    display: block;
    border: none;
}

.gallery .folder img.landscape
{
    width: 90px;
}

.gallery .folder img.portrait
{
    width: 75px;
    height: 90px;
}

.gallery .folder .box1
{
    position: absolute;
    top: 35px;
    left: 25px;
}

.gallery .folder .box2
{
    position: absolute;
    top: 25px;
    left: 75px;
}

.gallery .folder .box3
{
    position: absolute;
    top: 65px;
    left: 45px;
}

.gallery .grid .title
{
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    font-size: 1em;
    color: #004561;
}

.gallery .grid .title div
{
    padding: 5px;
}

.gallery .folder .title
{
    color: #000;
}

.gallery_header
{
    border-bottom: 1px solid #c3c5ca;
    margin-right: 100px;
    padding: 5px;
    margin-bottom: 4px;
}

.ms-WPBody .gallery_header a, .ms-WPBody.gallery_header a:LINK, .ms-WPBody.gallery_header a:ACTIVE
{
    color: #004561;
    padding: 0px 10px 0px 10px;
}

.gallery_header .paging
{
    float: right;
}

.article .captioned-image
{
    margin-top: 15px;
}

#PortsWPMap, #WavesAndCurrentsMap, #DolWPmap
{
    height: 600px;
}

#map
{
    height: 500px;
}

.srch-URL2
{
    margin-left: 24px;
}

.srch-Icon img
{
    margin-top: 6px;
}

.article .caption
{
    font-style: italic;
}

.ms-WPBody .ms-advsrchtips a:LINK
{
    color: blue;
}

.newsYearLinks
{
    padding-bottom: 10px;
    text-align: right;
}

.newsYearLinks a:hover
{
    font-weight: bold;
}