/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 05 February 2012 10:22:20
*/


@charset "UTF-8";

* {
 margin: 0;
 padding: 0
}

body {
    text-align: center;
    background: #ddd;
    margin: 0
}

#body-wrap {
    width: 900px;
    text-align: left;
    background: #fff;
    font: 14px/normal Arial, Helvetica, sans-serif;
    color: black;
        /* decimal fontsize fixing font resizing bug in IE5/6 */
        font-size: 100.01%; 
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center
}

img {
   border: 0
}

 /*********************/
/*** IMAGE STYLING ***/


.page-image-right {
    border: 5px solid #D2E2F0 !important;
    margin: 5px 0 5px 10px; 
    background: #FAA248;
    padding: 1px
}

.page-image-left {
    border: 5px solid #D2E2F0 !important;
    margin: 5px 10px 5px 0; 
    background: #FAA248;
    padding: 1px
}

.page-image-center {
    border: 5px solid #D2E2F0 !important;
    margin: 5px 5px 5px 5px; 
    background: #FAA248;
    padding: 1px
}

 /*********************/
/*** DEFAULT LINKS ***/


a {
    color: #073766;
    text-decoration: underline
}

a:hover {
    text-decoration: none
}

a:focus {
    text-decoration: underline
}

a.nodec, a:visited.nodec {
    text-decoration: none;
}

a:active.nodec, a:hover.nodec {
    text-decoration: underline;
}


 /**********************/
/*** HEADING STYLES ***/

h1 {
    font-size: 2.2em;
    font-family: Calibri, Arial, sans-serif;
    font-weight: bold;
    border-bottom: 1px solid #ffa12d;
  /*  line-height: 80%; */
    line-height: 110%;
    color: #073766;
    letter-spacing: 3px
}

h2 {
    font-size: 1.5em;
    font-weight: bold;
    color: #00549f;
    letter-spacing: 2px
}

h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: #4e8abe;
    letter-spacing: 1px;
    line-height: 120%
}

h4 {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 120%
}

h4, h5, h6 {
    color: #4e8abe;
/*    color: #073766; */
    letter-spacing: 1px
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0.5em;
    margin-bottom: 0.75em
}



p {
    margin : 0 0 1em 0
}

ol,ul {
    margin: 0 0 1em 2em
}

li {
    font-size: 14px
}

table {
    border-collapse: collapse;
    border: 0;
    margin: 0 0 1em 0
}

input,select,textarea {
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif
}

#marsec {
    width: 250px;
    height: 40px;
    margin: 10px auto;
    text-align: center;
    font: 0.7em Arial;
    line-height: 40px;
    color: #555
}

#marsec img {
    float: left;
    border: 1px solid #ccc;
    margin: 3px
}


 /*******************/
/*** LATEST NEWS ***/


.latest-media-release {
    width: 260px;
    margin: 0 0 10px 0;
    padding-left: 20px;
    background: url(http://www.sydneyports.com.au/__data/assets/image/0020/6293/pdf.jpg) 0 8px no-repeat
}

.latest-media-release a, .media-release a:visited {
    color: #4383BD;
    text-decoration: none;
    line-height: 1.2em
}

.latest-media-release a:active, .media-release a:hover {
    color: #000
}

.latest-media-release em {
    font-size: 0.75em;
    color: #aaa;
    line-height: 1.2em
}



#news-media-panels-menu div {
    width: 280px;
    overflow: hidden
}

#news-media-panels-menu .jFlowControl {
    width: 132px;
    height: 22px;
    float: left;
    background: #77A9D4;
    border: 1px solid white;
    padding: 3px;
    color: #fff;
    cursor: hand
}

#news-media-panels-menu .jFlowControl:hover {
    background: #AECCE6
}

#news-media-panels-menu span.jFlowSelected {
font-weight: bold
}






 /******************/
/*** MAIN LAYOUT ***/

#header {
    width: 880px;
    text-align: left;
    height: 80px;
    padding: 0 10px;
}

#tagline {
    float:right;
    padding:2px;
    font: 11px Arial;
    text-align: right
}

#nav-wrap {
    height: 36px;
    background: url(http://www.sydneyports.com.au/__data/assets/image/0007/6919/nav-bar-sprite.png) 0 0 repeat-x;
    border-bottom: solid 1px #000;
    position: relative;
    z-index: 2
}

#col-wrap {
    background:#fff;
    margin:0 auto;
    width:900px;
    font: 12px Arial;
    text-align: center;
    position: relative;
    z-index: 1
}

#col-1 {
    float:left;
    width:300px;
    background: #fff
}

#col-2 {
    float: left;
    width:300px;
    background: #fff
}

#col-3 {
    float:left;
    width:299px;
    background: #fff
}

#col-4 {
    float:right;
    width:599px;
    background: #fff;
    overflow: hidden
    
}

 /**********************/
/*** CONTENT STYLING ***/

.col-content {
    padding: 10px;
    text-align: left;
}

.box-header {
    height: 26px;
    width: 260px;
    overflow: hidden;
    padding: 5px 5px 5px 15px;
    background: url(http://www.sydneyports.com.au/__data/assets/image/0017/6290/box-header-bg.png) left top no-repeat;
    font: 1.4em Arial;
    line-height: 150%;
    color: #fff
}

.box-header a, .box-header a:visited  {
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 2px #000;
}

.box-header a:active, .box-header a:hover  {
    color: #ddd
}

#col-1 .box-body, #col-2 .box-body  {
    height: 315px;
    width: 280px;
    overflow: hidden;
    padding: 0;
    font: 1.2em Arial;
    line-height: 150%;
    color: #2F76B6;
    background: #fff
}

#col-3 .box-body {
    height: 180px;
    width: 280px;
    overflow: hidden;
    padding: 0;
    font: 1.2em Arial;
    line-height: 150%;
    color: #2F76B6;
    background: #fff
}

.box-footer {
    height: 10px;
    width: 270px;
    overflow: hidden;
    padding: 5px;
    font: 1em Arial;
    color: #000;
    background: #fff;
    border-bottom: 1px solid #F89110;
    text-align: right;
    margin-bottom: 20px
}

.box-footer a, .box-footer a:visited {
    color: #0E5CA4;
    text-decoration: none;
    font-weight: bold
}

.box-footer a:hover, .box-footer a:active {
    color: #000
}    

div.link-bar {
    width: 270px;
    height: 16px;
    padding: 5px;
    margin-top: 2px;
    color: #fff;
    cursor: hand
}

a.link-bar-a, a.link-bar-a:visited, div.link-bar {
    background: #4383BD url(http://www.sydneyports.com.au/__data/assets/image/0020/6806/link-bar-sprite.png) 0 0 repeat-x;
    text-decoration: none
}

a.link-bar-a:hover,a.link-bar:hover, div.link-bar:hover {
    background: #4383BD url(http://www.sydneyports.com.au/__data/assets/image/0020/6806/link-bar-sprite.png) 0 -50px repeat-x
}

.col-content p {
    font: 1.2em Arial
}

.box-body h2 {
    margin: 0;
    font: 13px Arial
}
.box-body a.findMore {
    float: right;
    padding-right: 15px;
    background: url(http://www.sydneyports.com.au/__data/assets/image/0004/6493/more.gif) 100% 50% no-repeat
}

blockquote {
    margin: 0 0 0 3em;
}

 /******************/
/*** LINK STYLING ***/

.box-body a, .box-body a:visited {
    text-decoration: none;
    color: #0E5CA4
}

.box-body a:hover, .box-body a:active {
    color: #000
}

a.access-links, a:visited.access-links {
    text-decoration: none;
    color: #aaa
}

a.access-links.bolder, a:visited.access-links.bolder {
    text-decoration: none;
    color: #555
}

a:hover.access-links, a:active.access-links {
    text-decoration: none;
    color: #000
}

 /*****************/
/*** FOOTER BAR ***/        
    
#footer {
    width: 880px;
    height: 16px;
    padding: 10px;
    background: url(http://www.sydneyports.com.au/__data/assets/image/0007/6919/nav-bar-sprite.png) left top repeat-x;
    color: #fff;
    border-bottom: 3px solid #fff;
    font-size: 12px;
}

#footer a, #footer a:visited {
    color: #8cbae3;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none
}

#footer a:hover, #footer a:active {
    color: #fff
}

 /*************************/
/*** MISSION STATEMENT ***/    

#mission-statement {
    width: 100%;
    height: 40px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    background: url(http://www.sydneyports.com.au/__data/assets/image/0018/6903/mission-bg.png) 0 0 repeat-x;
}

#mission-statement h2 {
    font: 14px Arial;
    font-weight: normal;
    color: #fff;
    line-height: 24px;
    letter-spacing: 0.04em;
    text-shadow: 1px 1px 2px #777;
}

    
 /***********************/
/*** MAINTENANCE NOTE ***/    

#site-notice {
    width: 90%;
    border: 1px solid #FF9797;
    text-align: center;
    background: #FFDEDE;
    margin: 10px auto;
    font: 11px Arial;
    font-weight: bold;
    color: #FF4A4A;
    padding: 5px;
    line-height: 150%;
    letter-spacing: 0.03em
}
    
 /**********************/
/*** STYLED SEARCH BOX ***/    
    
#search-form {
    width: 280px;
    margin: 0;
    background: url(http://www.sydneyports.com.au/__data/assets/image/0003/6294/search-background.png) no-repeat;
    height: 43px
}

#search-form input {
    float: left;
    padding: 5px;
    width: 220px;
    border: 0;
    color: #C1D6ED;
    background: none;
    font-size: 1.8em;
    height: 29px
}
    
#search-form input.search-button {
    float: left;
    margin: 0;
    padding: 0;
    width: 50px;
    border: 0;
    background: url(http://www.sydneyports.com.au/__data/assets/image/0004/6295/search-button.png) no-repeat;
    height: 43px;
    cursor: pointer;
    line-height: 5em;
    text-indent: -9999px
}

 /**********************/
/*** DROP DOWN MENU ***/
    
#ddmenu {
    margin: 0;
    padding: 0
}

#ddmenu li {
    float: left;
    list-style: none;
    font: 14px Arial;
    width: auto
}

#ddmenu li a {
    display: block;
    background: #004795 url(http://www.sydneyports.com.au/__data/assets/image/0007/6919/nav-bar-sprite.png) 0 0 repeat-x;
    padding: 10px 10px;
    text-decoration: none;
    width: 105px;
    height: 16px;
    color: #EAFFED;
    border-top: 1px solid #004795;
    white-space: nowrap
}

#ddmenu li a:hover {
    border-top: 1px solid #FBAB54;
    background: #A1A1A1 url(http://www.sydneyports.com.au/__data/assets/image/0007/6919/nav-bar-sprite.png) 0 -80px repeat-x
}

#ddmenu li ul {
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    width: 160px;
    text-align: left
}

#ddmenu li ul li {
    float: none;
    display: inline;
    font: 12px Arial
}

#ddmenu li ul li a {
    width: 100%;
    height: auto;
    background: #004795 url(http://www.sydneyports.com.au/__data/assets/image/0007/6919/nav-bar-sprite.png) 0 0 repeat-x;
    white-space: normal
}

#ddmenu li ul li a:hover {
    background: #A1A1A1 url(http://www.sydneyports.com.au/__data/assets/image/0007/6919/nav-bar-sprite.png) 0 -80px repeat-x;
    white-space: normal
}

 /**********************/
/*** SECONDARY MENU ***/

div.breakout {
    margin: 0 0 1em 0;
    background-color: #eee
}

div.breakout h2 {
    height: 26px;
    width: 260px;
    overflow: hidden;
    padding: 5px 5px 5px 15px;
    background: url(http://www.sydneyports.com.au/__data/assets/image/0017/6290/box-header-bg.png) left top no-repeat;
    font: 1.4em Arial;
    line-height: 150%;
    color: #fff;
    margin: 0;
    letter-spacing: 0
}

div.breakout ul, div.breakout li {
    list-style: none;
    padding: 0;
    margin: 0
}

div.breakout li {
    padding: 0.5em 0 0 0.5em
}

div.breakout a {
    color: #ccc;
    text-decoration: none
}

div.breakout a {
    color: #000;
    text-decoration: none
}

#second-menu a.highlight {
    font-weight: bold !important
}


 /************************/
/*** BREADCRUMB LINKS ***/

#bread-crumb-wrap {
    width: 900px;
}
#bread-crumb {
    width: 880px;
    padding: 10px;
    margin: 0;
    color: #000;
    white-space: nowrap;
    list-style-type: none;
    background: #eee url(http://www.sydneyports.com.au/__data/assets/image/0006/6954/bread-crumb-bg.png) 0 0 repeat-x;
    border-bottom: 1px solid #ccc;
    float: left;
    font: 0.8em Arial
}

#bread-crumb li {
    float: left;
    padding: 0.2em
}

#bread-crumb li a, #bread-crumb li.highlight {
    color: #000;
    text-decoration: none
}

#bread-crumb li.highlight {
    color: #000;
    font-weight: bold
}

#bread-crumb li a:hover {
    color: #888
}

 /**********************/
/*** SEARCH RESULTS ***/

.search-result p, .search-result h3 {
    margin: 0;
    padding: 0
}

.search-result a {
    color: #ccc
}

div.search-result {
    margin-bottom: 40px
}



 /************************/
/*** PROJECT CONTENTS ***/

div.project-contents-box {
    width: 275px;
    height: 120px;
    background: url(./?a=7154) repeat-x 0px 0px;
    border: 0;
    float: left;
    margin: 5px;
    overflow: hidden
}

div.project-contents-content {
    padding: 5px
}

div.project-contents-content a, div.project-contents-content a:visited {
    text-decoration: none
}

div.project-contents-content a:hover, div.project-contents-content a:visited:active {
    color: #FAA248
    
}

div.project-contents-content h2 {
    margin: 0 0 5px 0;
    font-size: 1em;
    letter-spacing: 1px
}

div.project-contents-content p {
    font-size: 0.8em;
}

div.project-contents-content img {
    margin-right: 5px;
    border: 0
}

 /*****************/
/*** TruckCams ***/


.truckCamsWrap {
    width: 550px
}

.truckCamsCurrent {
    float: left;
    width: 180;
    height: 147
}

.truckCams15mins {
    float: left;
    width: 180;
    height: 147;
    margin-left: 5px;
}

.truckCams30mins {
    float: left;
    width: 180;
    height: 147;
    margin-left: 5px;
}


 /********************/
/*** Publications ***/

ul#publications {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#publications a.thumbnail {
    float: left;
}

ul#publications img {
    border: 3px solid #ddd;
    padding: 2px;
    margin: 0 10px 0 0;
}

ul#publications li {
    clear: both;
    margin: 0 0 20px 0;
}



 /*******************/
/*** jQuery Zoom ***/

div.jqZoomTitle
{
    z-index:5000;
    text-align:center;
    font-size:11px;
    font-family:Tahoma;
    height:16px;
    padding-top:2px;
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    color: #FFF;
    background: #999;

}

.jqZoomPup
{
    overflow:hidden;
    background-color: #FFF;
    -moz-opacity:0.6;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    z-index:10;
    border-color:#c4c4c4;
    border-style: solid;
    cursor:crosshair;
}

.jqZoomPup img
{
    border: 0px;
}

.preload{
    -moz-opacity:0.8;
    opacity: 0.8;
   filter: alpha(opacity = 80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma;
   text-decoration: none;
    border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
    text-align:center;
   background-image: url(http://www.sydneyports.com.au/__data/assets/image/0015/7080/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
    width:90px;
    * width:100px;
    height:43px;
    *height:55px;
    z-index:10;
    position:absolute;
    top:3px;
    left:3px;

}

.jqZoomWindow
{
    border: 1px solid #999;
    background-color: #FFF;
}

.OrgChartZoom img {
    border: 1px solid #ccc
}




/************************** OLD CSS that needs to be here still, redo! **********************************/

/* feedback form */

#feedback-form table {
   width: 580px; }

#feedback-form tr {
   margin: 5em 0; }

#feedback-form td.required{
   padding-botom: 1em; }

#feedback-form td.question {
   width: 20%;
   text-align: right;
   padding: 0.5em 0.6em 0.5em 0; }

#feedback-form td.optional{
   width: 20%;
   text-align: right;
   padding: 0.5em 1.8em 0.5em 0; }

#feedback-form td.answer {
   width: 80%; 
   padding: 0.5em 0 0.5em 0; }

#feedback-form ul li {
   list-style-type: none; 
   text-align: left; }

#feedback-form select.titleSelect{
   width: 6em; }

#feedback-form select {
   width: 29.9em; }

#feedback-form input.further-info {
   width: auto;
   float: left; 
   margin-left: -2.3em; }

#feedback-form input {
   width: 29.7em; }

#feedback-form input.agree {
   width: 5px; }

#feedback-form input.stateInput {
   width: 14.7em; }

#feedback-form input.postInput {
   width: 7.8em; }

#feedback-form #form_email_2714_submit {
    float: right;
    width: 8em; }

#feedback-form #form_email_4126_submit {
    float: right;
    width: 8em; }

#feedback-form #form_email_4227_submit {
    float: right;
    width: 8em; }

#feedback-form #purpose {
   padding-right: 1.8em; }

#form-errors ul {
   font-size: 80%;
   background: #ddd;
   border: 1px solid #c33; 
   width: 548px;
   padding: 0.3em;}

#form-errors ul li {
   list-style-type: none;
   font-style: bold;
   padding: 0.1em 0; }

#feedback-form p.fix-width {
   width: 630px; 
   margin-left: 15px; }


/* publications request form */
#email-form-wrapper { 
    float: right; 
    width: 28%;  
    border: 1px solid #999; 
    margin-left: 1em; }

#email-form {  
    padding: 0 1em; }
    
#email-form-wrapper h2 { 
    color: #073766;
    font-size: 109%;
    padding: 1em 0.5em; }

#email-form-wrapper #email-form label { 
    display: block;
    margin-top: 1em; }

#email-form-wrapper #email-form label.non-block { 
    display: inline;
    margin: 1em 0; }

#email-form-wrapper #email-form input.dynamic-width, #email-form-wrapper #email-form textarea.dynamic-width, #email-form-wrapper #email-form select.dynamic-width {
    width: 97%; }    

#email-form-wrapper #email-form #q4126_q10 {
         font-size: 90%; }
        
#email-form-wrapper #email-form #form_email_4126_submit {
    float: right;
    margin: 1em 17% 2em 0; }

#email-form-wrapper #email-form p.mail {
    margin-right: 1em; }

#email-form-wrapper #email-form p {
        font-size: 90%; }


/* Class for roman numeral ordered lists */
.cviii {
    list-style-type: lower-roman;
    margin-left: 10px;
}

/* Port Botany mini-site */
#port-botany-latest {
    width: 250px;
    float: right;
    padding: 10px;
    background: #fff;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 4px solid #eee;
    font-size: 75%;
}

/* Test CSS for PDF listings */
.purdyPDF {
    width: 75%;
    border-bottom: 1px solid #ddd;    
    padding: 5px;
    padding-left: 50px;
    background: url('http://www.sydneyports.com.au/__data/assets/image/0010/5689/pdflogo.png') center left no-repeat;
    margin-bottom: 5px;
}
.purdyPDF a {
    text-decoration: none;
    font-weight: bold;
    color: #222;
}
.purdyPDF a:hover {
    text-decoration: none;
    color: #888;
}    
.purdy {
    width: 75%;
    border-bottom: 1px solid #ddd;    
    padding: 5px;
    padding-left: 50px;
    background: url('http://www.sydneyports.com.au/__data/assets/image/0005/5693/blanklogo.png') center left no-repeat;
    margin-bottom: 5px;
}
.purdy a {
    text-decoration: none;
    font-weight: bold;
    color: #222;
}
.purdy a:hover {
    text-decoration: none;
    color: #888;
} 

/* CSS classes for Cruise Schedule */

#link_to_cruise_schedule table {
    border: 1px solid #000;
    width: 550px;
}

#link_to_cruise_schedule td {
    padding: 2px;
}

.cruise-schedule-first-td {
    background: #7FBDE1;
    border-bottom: 1px solid #000;
}

.ship-schedule-tables {
    border: 1px solid #000;
}

.ship-schedule-tables td {
    padding: 2px;
}

/* CSS for News & Media Center */

#dotted-wrapper { 
    padding: 10px;
    width: 90%;
    border: 1px dotted #ccc;
    background: #f6f6f6;
    text-align: left;
    margin-bottom: 20px;
}
#news-center-rss {
    padding: 5px;
    width: 200px;
    float: right;
    border: 1px solid #ddd;
    background: #fff url(http://www.sydneyports.com.au/__data/assets/image/0011/5888/rss.png) top right no-repeat;
    margin-left: 10px;
    margin-bottom: 10px;
}
#news-center-rss li {
    list-style-type:none;
}
#news-center-rss a {
    text-decoration: none;
}
#new_div_5866 h2 {
    padding: 2px;
    border-bottom: 1px solid #FE9915;
}
#new_div_5870 h2 {
    padding: 2px;
    border-bottom: 1px solid #FE9915;
}
#new_div_5872 h2 {
    padding: 2px;
    border-bottom: 1px solid #FE9915;
}

div.paginate {
    background: #eee;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
}

#part5 td { padding: 5px; border: 1px solid #ccc }
#part5 .leftcol { background: #eee; }
#part5 .titlerow { background: #ddd; }
#part5 .altrow { background: #eee; }



/* eNewsletter banner image */


body.ecurrent h1 {
   height: 99px;
   width: 566px;
   background: url(http://www.sydneyports.com.au/__data/assets/image/0010/13879/e-current-banner.jpg) top left no-repeat;
   border-bottom: none;
}


body.ecurrent h1 span {
position: absolute;
left: -10000px;
}


body.ecurrent h2.ecurrent-subtitle {
text-align: right;
letter-spacing: 0;
border-bottom: 1px solid rgb(254, 143, 15);
font-family: Arial, sans-serif, Verdana;
letter-spacing: 1px;
font-size: 1.3em;
}


body.ecurrent div.newsitem h3 {
color: #08509e; letter-spacing: 0px; font-weight: normal;
padding: 5px; border-bottom: 1px solid rgb(254, 143, 15); background-color: rgb(232, 238, 248);
}


body.ecurrent div.newsitem h3 a { font-weight: normal; color: #08509e; text-decoration: none; }


body.ecurrent div.newsitem .summary img {
  float: left;
  margin: 0 10px 10px 0;
}


body.ecurrent div.newsitem-first {
padding-bottom: 10px;
border-bottom: 1px solid rgb(254, 143, 15);
margin-bottom: 30px;
}

body.ecurrent div.newsitem-first h3 {
background: none;
border: none;
font-weight: bold;
font-size: 1.5em;
}

body.ecurrent div.newsitem-first h3 a {
font-weight: bold;
font-size: 0.9em;
}

body.ecurrent div.newsitem-first img {
float: left;
margin: 0 10px 10px 0;
}

body.ecurrent div.newsitem-first h3 {
clear: none;
}

body.ecurrent div.newsitem {
padding-bottom: 1px;
}


body.ecurrent div.newsitem .clear {
clear: both;
}

body.ecurrent div.news-thumbnail { float: right; margin: 0 0 10px 10px; }

body.ecurrent div.news-fullwidth { margin-bottom: 10px; }

.affiliates {
    width: 300px;
    padding: 10px;
    height: 100px;
    text-align: left;
    text-shadow: 1px 1px 2px #ccc;
}