/* Port Kembla Port Corporation main CSS file */ body{ margin:0px; text-align:center; background: #d7dadf url(images/bg/page1.gif) center repeat-y; } td{vertical-align:top;font:10px verdana,sans-serif;} form{margin:0px;padding:0px;} img {border: none;} a:link{color: #2F78C9;text-decoration:none;} a:active{color: #2F78C9;text-decoration:none;} a:visited{color: #2F78C9;text-decoration:none;} a:hover{color: #19356d;text-decoration:underline;} .mainTable{margin-left:auto;margin-right:auto;min-height:100%;height:100%;} * html .mainTable {height:100%;} /*3 Col Layout Classes(Home Page)*/ .leftCol,.middleCol,.rightCol {border-top: 1px solid white;border-right: 1px solid white;} .leftCol{background: #E8ECF1 url(images/bg/blue/corner.jpg) no-repeat top right;} .middleCol{background: #F2F3F5 url(images/bg/blue/corner.jpg) no-repeat top right;} .rightCol{background: #E7ECEF url(images/bg/blue/corner.jpg) no-repeat top right;border-right:none;} .contentCol{border-top: 1px solid white;background: #E8ECF1 url(images/bg/blue/corner.jpg) no-repeat top right;} /*Corner classes*/ #page1Corner{background: #E8ECF1 url(images/nav/page1/corner.jpg) no-repeat top right;} #page1Corner h3 {padding:8px 0 2px 0; font-size:15px; color:#4E7BAE;border-bottom:2px solid #7A7B7D; display:block; width:524px; margin-left:13px;} #page2Corner{background: #E8ECF1 url(images/nav/page2/corner.jpg) no-repeat top right;} #page3Corner{background: #E8ECF1 url(images/nav/page3/corner.jpg) no-repeat top right;} #page4Corner{background: #E8ECF1 url(images/nav/page4/corner.jpg) no-repeat top right;} #page5Corner{background: #E8ECF1 url(images/nav/page5/corner.jpg) no-repeat top right;} #page6Corner{background: #E8ECF1 url(images/nav/page6/corner.jpg) no-repeat top right;} #page7Corner{background: #E8ECF1 url(images/nav/page7/corner.jpg) no-repeat top right;} #page8Corner{background: #E8ECF1 url(images/nav/page8/corner.jpg) no-repeat top right;} #page9Corner{background: #E8ECF1 url(images/nav/page9/corner.jpg) no-repeat top right;} #homeCorner {background: #F2F3F5 url(images/nav/page1/corner_home.jpg) no-repeat top right;} .error {margin-left:13px;margin-top:20px;} form#portal-login {margin-left:13px;} .portal-login-message {width:524px;margin-top:12px; margin-bottom:15px;} #portal-login-label {background:url(images/portal-label-login.png) no-repeat; width:86px; height:7px; margin-bottom:11px; margin-top:25px;} #portal-password-label {background:url(images/portal-label-password.png) no-repeat; width:75px; height:7px; margin-top:20px; margin-bottom:11px;} #portal-forget-label {margin-top:22px; margin-bottom:20px;} #login-submit-container {width:77px; height:24px; margin-bottom:20px;} input#portal-login-button {background:url(images/button-portal-login.png) no-repeat; width:77px; height:24px;} input.portal-input {background:#FFFFFF; border:1px solid #aaa7a7; width:290px; padding:5px; color:#7B7B7B; font-family:Verdana,Arial,Helvetica, sans-serif; font-size:11px;} p.edit-welcome {padding-bottom:15px;} td.td-underline {border-bottom:1px solid #7a7b7d; padding-bottom:11px; padding-top:11px; font-size:11px; font-weight:bold;} input.portalEdit {background:#FFFFFF; border:1px solid #7b7c7e; margin-left:25px; width:220px; color:#7B7B7B; padding:4px; font-size:11px;} input#portal-save-details {background:url(images/button-portal-save.png) no-repeat; width:112px; height:34px; margin-top:15px; } select#title {color:#7B7B7B; font-size:11px;background:#FFFFFF; border:1px solid #7b7c7e; padding:3px 4px 3px 1px; width:220px; height:23px;} #middleWidth{width:327px;} * html #middleWidth{width:345px;} #leftWidth{width:180px; height: 100%;} * html #leftWidth{width:207px;} #contentWidth{width:534px;} * html #contentWidth{width:525px;} .colPad{padding:10px 10px 10px 17px;} .footer{background-color:#e2e5ea;border-top: 1px solid white;vertical-align:middle;letter-spacing : 0.2px; padding-left:3px;color:#9c9c9c;} .footer a:link{color: #9c9c9c;text-decoration:none;} .footer a:active{color: #9c9c9c;text-decoration:none;} .footer a:visited{color: #9c9c9c;text-decoration:none;} .footer a:hover{color: #2a649a;text-decoration:underline;} /*Search Classes*/ form{padding:0px;margin:0px;} .searchInputField{width:170px;float:left;padding:0px;margin:0px;height:15px;padding-top:0px;margin-left:14px;margin-top:4px;background: #ffffff;border:1px solid #98a7b8;color:#7b7b7b;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;} h1{margin:0px;padding:0px;} h1.mainHeadingContent {font-family: Geneva, Arial, Helvetica, sans-serif;font-size:15px;color: #4e7bae; margin: 0px;padding:0px;float:left;} h1.mainHeading {font-family: Geneva, Arial, Helvetica, sans-serif;font-size:15px;color: #4e7bae; margin: 0px;padding:0px;} h1 span{font-size:16px;} h1#tides, h1#ourLocation{margin-top:20px;} h1#ourLocation{float:left;} th{font-size:12px;text-align:left;} #h1page1, #breadpage1{color:#4e7bae;} #h1page2, #breadpage2{color:#000000;} #h1page3, #breadpage3{color:#751900;} #h1page4, #breadpage4{color:#d14412;} #h1page5, #breadpage5{color:#118f94;} #h1page6, #breadpage6{color:#126f26;} #h1page7, #breadpage7{color:#8e8014;} #h1page8, #breadpage8{color:#b02524;} #h1page9, #breadpage9{color:#551d6a;} /*Bread Crumb Colour Classes*/ #breadpage1 a:link{color: #4e7bae;text-decoration:none;} #breadpage1 a:active{color: #4e7bae;text-decoration:none;} #breadpage1 a:visited{color: #4e7bae;text-decoration:none;} #breadpage1 a:hover{color: #000000;text-decoration:underline;} #breadpage2 a:link{color: #000000;text-decoration:none;} #breadpage2 a:active{color: #000000;text-decoration:none;} #breadpage2 a:visited{color: #000000;text-decoration:none;} #breadpage2 a:hover{color: #000000;text-decoration:underline;} #breadpage3 a:link{color: #751900;text-decoration:none;} #breadpage3 a:active{color: #751900;text-decoration:none;} #breadpage3 a:visited{color: #751900;text-decoration:none;} #breadpage3 a:hover{color: #000000;text-decoration:underline;} #breadpage4 a:link{color: #d14412;text-decoration:none;} #breadpage4 a:active{color: #d14412;text-decoration:none;} #breadpage4 a:visited{color: #d14412;text-decoration:none;} #breadpage4 a:hover{color: #000000;text-decoration:underline;} #breadpage5 a:link{color: #118f94;text-decoration:none;} #breadpage5 a:active{color: #118f94;text-decoration:none;} #breadpage5 a:visited{color: #118f94;text-decoration:none;} #breadpage5 a:hover{color: #000000;text-decoration:underline;} #breadpage6 a:link{color: #126f26;text-decoration:none;} #breadpage6 a:active{color: #126f26;text-decoration:none;} #breadpage6 a:visited{color: #126f26;text-decoration:none;} #breadpage6 a:hover{color: #000000;text-decoration:underline;} #breadpage7 a:link{color: #8e8014;text-decoration:none;} #breadpage7 a:active{color: #8e8014;text-decoration:none;} #breadpage7 a:visited{color: #8e8014;text-decoration:none;} #breadpage7 a:hover{color: #000000;text-decoration:underline;} #breadpage8 a:link{color: #b02524;text-decoration:none;} #breadpage8 a:active{color: #b02524;text-decoration:none;} #breadpage8 a:visited{color: #b02524;text-decoration:none;} #breadpage8 a:hover{color: #000000;text-decoration:underline;} #breadpage9 a:link{color: #551d6a;text-decoration:none;} #breadpage9 a:active{color: #551d6a;text-decoration:none;} #breadpage9 a:visited{color: #551d6a;text-decoration:none;} #breadpage9 a:hover{color: #000000;text-decoration:underline;} /* h1 underline */ .shortLine, .longLine, .contentLine, .dot, .contentDot {height:2px;background-color:#7a7b7d;float:left} .shortLine{width:170px;} .longLine{width:309px;} .contentLine{width:508px;} .dot,.contentDot{width:2px;margin-left:3px;} .contentDot{margin-bottom:15px;} /*Quick Links*/ #quickLinks .quickElement{float:left;width:165px;background: url(images/bg/blue/li3_3px.jpg) no-repeat left;padding-left:10px;margin-top:8px;} * html #quickLinks .quickElement{width:175px;} #quickLinks .quickImg{float:right;} #quickLinks .quickText{float:left;padding-top:3px;color:#2a649a;font-size:11px;} #quickLinks a:link{color: #2a649a;text-decoration:none;} #quickLinks a:active{color: #2a649a;text-decoration:none;} #quickLinks a:visited{color: #2a649a;text-decoration:none;} #quickLinks a:hover{color: #F1BD56;text-decoration:underline;} /*Subnav Coloured Pages*/ #quickLinks .subnavpage1 a:link{color: #4e7bae;text-decoration:none;} #quickLinks .subnavpage1 a:active{color: #4e7bae;text-decoration:none;} #quickLinks .subnavpage1 a:visited{color: #4e7bae;text-decoration:none;} #quickLinks .subnavpage1 a:hover{color: #000000;text-decoration:underline;} #quickLinks .subnavpage2 a:link{color: #000000;text-decoration:none;} #quickLinks .subnavpage2 a:active{color: #000000;text-decoration:none;} #quickLinks .subnavpage2 a:visited{color: #000000;text-decoration:none;} #quickLinks .subnavpage2 a:hover{color: #000000;text-decoration:underline;} #quickLinks .subnavpage3 a:link{color: #751900;text-decoration:none;} #quickLinks .subnavpage3 a:active{color: #751900;text-decoration:none;} #quickLinks .subnavpage3 a:visited{color: #751900;text-decoration:none;} #quickLinks .subnavpage3 a:hover{color: #000000;text-decoration:underline;} #quickLinks .subnavpage4 a:link{color: #d14412;text-decoration:none;} #quickLinks .subnavpage4 a:active{color: #d14412;text-decoration:none;} #quickLinks .subnavpage4 a:visited{color: #d14412;text-decoration:none;} #quickLinks .subnavpage4 a:hover{color: #000000;text-decoration:underline;} #quickLinks .subnavpage5 a:link{color: #118f94;text-decoration:none;} #quickLinks .subnavpage5 a:active{color: #118f94;text-decoration:none;} #quickLinks .subnavpage5 a:visited{color: #118f94;text-decoration:none;} #quickLinks .subnavpage5 a:hover{color: #000000;text-decoration:underline;} #quickLinks .subnavpage6 a:link{color: #126f26;text-decoration:none;} #quickLinks .subnavpage6 a:active{color: #126f26;text-decoration:none;} #quickLinks .subnavpage6 a:visited{color: #126f26;text-decoration:none;} #quickLinks .subnavpage6 a:hover{color: #000000;text-decoration:underline;} #quickLinks .subnavpage7 a:link{color: #8e8014;text-decoration:none;} #quickLinks .subnavpage7 a:active{color: #8e8014;text-decoration:none;} #quickLinks .subnavpage7 a:visited{color: #8e8014;text-decoration:none;} #quickLinks .subnavpage7 a:hover{color: #000000;text-decoration:underline;} #quickLinks .subnavpage8 a:link{color: #b02524;text-decoration:none;} #quickLinks .subnavpage8 a:active{color: #b02524;text-decoration:none;} #quickLinks .subnavpage8 a:visited{color: #b02524;text-decoration:none;} #quickLinks .subnavpage8 a:hover{color: #000000;text-decoration:underline;} #quickLinks .subnavpage9 a:link{color: #551d6a;text-decoration:none;} #quickLinks .subnavpage9 a:active{color: #551d6a;text-decoration:none;} #quickLinks .subnavpage9 a:visited{color: #551d6a;text-decoration:none;} #quickLinks .subnavpage9 a:hover{color: #000000;text-decoration:underline;} /*News Classes*/ .newsItem{margin-top:12px;border-left: 3px #5f8ab2 solid;padding-left:5px;} .newsItem h1{font-size:10px;margin-bottom:8px;} .newsItem .newsSummary{margin-bottom:8px;} .contentMiddle{ margin-top:1px; font-size:11px; float:left; width:513px; padding-bottom:20px; } #home{width:315px;} /*Content Headings*/ .contentMiddle h1{font-size:13px;margin-top:0px;padding-top:0px;} .contentMiddle h2{font-size:12px;} .contentMiddle h3,h4,h5,h6{font-size:10px;} /*Tides Classes*/ .tideMargin{margin-top:8px;} .tideSelect{font-size:10px;} .submit{margin-top:10px;} /*Location Classes*/ .map{margin-top:8px;float:left;} .details{float:left;} /*Header Photo Clases*/ .mainPhoto{width:555px;height:149px;float:left;} .breadCrumbSlice{width:555px;height:24;float:left;color:#276FB9;margin-bottom:1px;} .breadPad{padding-top:5px;padding-left:18px;height:18px;overflow:hidden;color:#276FB9;font-size:9px;} .breadCrumbSlice a:link{color: #276FB9;text-decoration:none;} .breadCrumbSlice a:active{color: #276FB9;text-decoration:none;} .breadCrumbSlice a:visited{color: #276FB9;text-decoration:none;} .breadCrumbSlice a:hover{color: #276FB9;text-decoration:underline;} /*Page Imgs Classes*/ .smallPageImg,largePageImg{float:right;margin-bottom:5px;} .largePageImg{margin-bottom:13px;} .resizer{float:right;margin-right:28px;} * html .resizer{margin-right:0px;} .resizer .small{font-size:10px;padding-right:0px;} .resizer .big{font-size:12px;padding-left:2px;} /*Resources Classes*/ .resource{margin-top:5px;margin-bottom:13px;float:left;} .resource img{vertical-align:bottom;} .filesize{float:right;} .resText{float:left;width:415px;} .resImg{width:16px;float:left;margin-right:11px;} /*List Classes*/ .listRow {width: 500px;} .listHead {} .listTitle {font-weight: bold;} .listPath {font-size: 10px;} .listContent {padding-top: 5px; overflow: hidden;} /*Berths Page Table*/ .berthsTable{margin-bottom:20px;} .heading{background-color:#d1d8e0;margin-top:10px;} .blanktd{height:25px;} /*Slideshow Classes*/ .slideNav{height:22px;background-color:#dadfe5;width:513px; vertical-align:middle;} .next,.back{margin-top:3px;} .next{float:right;margin-right:5px;} .back{float:left;margin-left:5px;} .slideImage{width:513px;height:385px;float:left;margin-top:15px;margin-bottom:15px;} /*Multimedia Classes*/ .movieArea{background-color:#dadfe5;margin-top:0px;margin-bottom:15px;width:513px;padding-top:15px;padding-bottom:15px;} .movieContainer{text-align:center;width:200px;} .movieClip{margin-left:auto;margin-right:auto;margin-bottom:20px;} .sitemap { font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px; margin: 0px; padding-left: 5px; padding-right: 2px; padding-bottom: 3px; } .brand{float:right;margin-right:36px;} * html .brand{margin-right:21px;} .movementRow, .movementRowHead, .movementDate { width: 520px; border: 2px; } .movementRowHead { background-color:#D7DADF; } .moveHeading{ margin-top:4px; margin-bottom:4px; font-weight:bold; padding: 5px 1px 5px 1px; } .movementDate { background-color:#c8d2de; } .movementColHead { font-weight: bold; text-align: center; } .movementCol { font-size: 9px; background: #e3e3e3; } .linesTable tr{ background: #dddddd;} /* Drop Box NAv Classes */ /* NAV */ .clCMAbs { position:absolute; visibility:hidden; left:0; } .boxClass { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-indent: 3px; line-height:18px; background-color: #ffffff; overflow: hidden; height: 5px; text-align:left; float:left; } .boxOver { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-indent: 3px; line-height:18px; background-color: #ffffff; cursor: pointer; overflow: hidden; height: 5px; text-align:left; float:left; } .boxBorder { position:absolute; visibility:hidden; border: 1px solid #003360; border-right: 1px solid #003360; border-bottom: 1px solid #003360; border-left: 1px solid #003360; float:left; } .noBorder { position:absolute; float:left; } .print { color:#2f78c9; padding-bottom:5px; margin-bottom:5px; } table.bottom_bar_table { float:left; width:500px; } * html table.bottom_bar_table {float:none;width:100%;} #portal_lhs_container {} #portal_lhs_box { align: center; text-align: center; padding: 27px 0px 0px 0px; margin: 5px 0 10px 4px; height: 96px; width: 165px; background: #E9ECF1 url(/images/logged_in_button_background.png) no-repeat center; float:left; } #top_button { padding: 0px 0px 6px 0px; } #bottom_button { padding: 6px 0px 0px 0px; }