/** * HTML5 ✰ Boilerplate * * style.css contains a reset, font normalization and some base styles. * * Credit is left where credit is due. * Much inspiration was taken from these projects: * - yui.yahooapis.com/2.8.1/build/base/base.css * - camendesign.com/design/ * - praegnanz.de/weblog/htmlcssjs-kickstart */ /** * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) * v1.6.1 2010-09-17 | Authors:Eric Meyer & Richard Clark * html5doctor.com/html-5-reset-stylesheet/ */ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:""; content:none; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration:line-through; } /*abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }*/ table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } /** * Font normalization inspired by YUI Library's fonts.css:developer.yahoo.com/yui/ */ body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */ /* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family:monospace, sans-serif; } /** * Minimal base styles. */ /* 1) Always force a scrollbar in non-IE 2) Remove iOS text size adjust without disabling user zoom:www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { /*overflow-y:scroll;*/ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } /* j.mp/webkit-tap-highlight-color */ a:link { -webkit-tap-highlight-color:#FF5E99; } /* Accessible focus treatment:people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline:none; } a, a:active, a:visited { color:#607890; } a:hover { color:#036; } ul, ol { margin-left:2em; } ol { list-style-type:decimal; } /* Remove margins for navigation lists */ nav ul, nav li { margin:0; list-style:none; list-style-image:none; } small { font-size:85%; } b, strong, th { font-weight:bold; } td { vertical-align:top; } /* Set sub, sup without affecting line-height:gist.github.com/413930 */ sub, sup { font-size:75%; line-height:0; position:relative; } sup { top:-0.5em; } sub { bottom:-0.25em; } pre { /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px; } .ie6 legend, .ie7 legend { margin-left:-7px; } /* 1) Make inputs and buttons play nice in IE:www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ 2) WebKit browsers add a 2px margin outside the chrome of form elements. Firefox adds a 1px margin above and below textareas 3) Set font-size to match 's, and font-family to sans-serif 4) Align to baseline */ button, input, select, textarea { width:auto; overflow:visible; margin:0; font-size:100%; font-family:Arimo,Arial,sans-serif; /* sans-serif; */ vertical-align:baseline; } /* 1) Remove default scrollbar in IE:www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ 2) Align to text-top */ textarea { overflow:auto; vertical-align:text-top; } /* Hand cursor on clickable input elements */ input[type="button"], input[type="submit"], input[type="image"], button { cursor:pointer; } /* Remove extra padding and inner border in Firefox */ input::-moz-focus-inner, button::-moz-focus-inner { border:0; padding:0; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius:1px; -moz-box-shadow:0 0 5px red; -webkit-box-shadow:0 0 5px red; box-shadow:0 0 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color:#f0dddd; } /* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode:bicubic; } /** * You might tweak these.. */ body, select, input, textarea { /* #444 looks better than black:twitter.com/H_FJ/statuses/11800719859 */ color:#232323; /* black */ /* Set your base font here, to apply evenly */ /* font-family:Georgia, serif; */ } /* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */ h1, h2, h3, h4, h5, h6 { font-weight:bold; } /* These selection declarations have to be separate No text-shadow:twitter.com/miketaylr/status/12228805301 Also:hot pink! */ ::-moz-selection { background:#582C77; color:#fff; text-shadow:none; } ::selection { background:#582C77; color:#fff; text-shadow:none; } /** * Primary styles * * Author:Oli Evans */ /* ---- Basics -------------------------------------------------------------- */ html, body, div {margin:0; padding:0} html, body {height:100%} body, .balloon dd, .main ul li, #mapLatLon, #mapSurPicCoords, h1, h2, .wicketExtensionsBreadCrumbBar, .ui-widget-header { font-family:Arimo,Arial,sans-serif; /* 'Open Sans','Trebuchet MS', sans-serif; */ font-weight:300; } input, textarea{ font-family:Arimo,Arial,sans-serif; /* 'Trebuchet MS', sans-serif; */ font-weight: 400; } body { background:#c8c8c8 url('img/bckgr_5px.gif'); } a:link, a:visited, .iMONumber, .shipProfileName { text-decoration:none; cursor:pointer; color:#607890; } a:hover, a:active, .iMONumber, .shipProfileName { color:#1A2F5C; text-decoration:none; } .iMONumber, .shipProfileName { font-weight: bold; } td.iMONumber, td.shipProfileName { color:#21406C; } :focus { outline:0; } h2 { background:#708090; color:white; cursor:pointer; margin:0; } h3 { margin:5px 0; } .loading { background: url('img/spinner.gif') no-repeat; } .options .loading { background-position: center center; } /* ---- Structure ---------------------------------------------------------- */ .page { margin:0; padding:0 8px 8px; position:relative; display:block; } .resize { background: #a9aebb url('img/thinnav-bk.jpg') repeat-y; margin: 0 0 0 241px; padding: 0 0 0 5px; border-left: solid 1px #B8BDC7; cursor: pointer; } .panel-button-container { margin-left: -6px; position: absolute; top: 50%; } .panel-button { background-image: url("img/ic_leftpanelslide-bt.png"); cursor: pointer; height: 6px; width: 6px; } .main { cursor:default; } /* ---- Header ------------------------------------------------------------- */ .header { display:inline-block; font-size:1.8em; margin:8px 11px 10px 0; text-shadow:1px 2px 2px rgba(0, 0, 0, 0.3); } .header .name, .header .strapline { text-align:left; text-decoration:none; display:block; color:#333; background-color:transparent; margin:0; border:0 none; padding:0; } .header .name { font-size:22px; line-height:1em; } .header .strapline { font-size:9px; color:#49266c; } .flag-icon, .map-icon { display:inline-block; width:56px; height:28px; background-color:transparent; margin:3px 6px 0 0; border:solid 1px #666666; vertical-align:top; } .top .flag-icon { margin-top:8px; } .user:after { content: '\25BC'; /* Down-pointing triangle */ } #logout { position:absolute; top:3px; right:12px; } /* ---- Tabs ---------------------------------------------------------------- */ /*.LoginPage form, MJF:MJF not required */ .tabs { background-color:#858585; /* TODO DPC:DPC TBD */ /* Opera */ background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDEwMiwxMDIsMTAyLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMTU4LDE1OCwxNTgsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==); /* Firefox (first RGBA is top, second RGBA is bottom) */ background:-moz-linear-gradient( top, rgba(133,133,133,1), rgba(204,204,204,1) ); /* Chrome & Safari */ background:-webkit-gradient( linear, left top, left bottom, from(rgba(133,133,133,1) ), to(rgba(204,204,204,1) ) ); /* IE5.5 - IE7 */ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF858585,EndColorStr=#FFCCCCCC); /* IE8 */ -ms-filter:'progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF858585,EndColorStr=#FFCCCCCC)'; } .tabs { display:inline-block; padding:0; vertical-align:bottom; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; border-top-left-radius:6px; border-top-right-radius:6px; } .tabs a { display:block; float:left; letter-spacing: 0.05em; margin:0; padding:8px 0 5px; width:140px; color:white; text-align:center; border-right:solid 1px #FFF; text-shadow:1px 2px rgba(0, 0, 0, 0.3); -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; border-top-left-radius:6px; border-top-right-radius:6px; } .tabs li { display:inline; } /* TODO Remove this when users are allowed to know about MDA! */ nav.tabs>ul>li.MDATabPage { display: none; } .tabs .HelpTabPage, .tabs .SummaryTabPage{ display:none; } .tabs a:hover { background-color:#142639; color:white; } .tabs .active a { background-color:#142639; /* TODO DPC:DPC TBD */ /* Opera */ background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDIzNywyMzcsMjM3LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMTUzLDE1MywxNTMsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==); /* Firefox (first RGBA is top, second RGBA is bottom) */ background:-moz-linear-gradient( top, rgba(20,38,57,1), rgba(153,153,153,1)); /* Chrome & Safari */ background:-webkit-gradient( linear, left top, left bottom, from(rgba(20,38,57,1)), to(rgba(153,153,153,1)) ); /* IE5.5 - IE7 */ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF142639,EndColorStr=#FF999999); /* IE8 */ -ms-filter:'progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF142639,EndColorStr=#FF999999)'; } /* ---- #tools ------------------------------------------------------------- */ #tools { position:absolute; top:3px; right:4.5em; } /* ---- Content ------------------------------------------------------------ */ .content { padding:0; font-family:Arimo,Arial,sans-serif; /* 'Trebuchet MS', sans-serif; */ background-color:#EDF0F5; border:solid 1px #666; } .content nav, .main { display:block; vertical-align:top; } .content .options{ display:block; float:left; } .main { border-left:solid 1px #666; z-index:10; background:#FBFCFC url('img/wave_watermark.png') bottom left repeat-x; min-height:602px; } .intro { background:#FFF; border-bottom:solid 1px #666; color: #333333; } .content h1, .content h2{ color:white; border-bottom:solid 1px #797979; background-color:#9D9D9D; font-weight:bold; font-size:1em; padding:2px 8px 2px 10px; text-shadow:1px 1px rgba(0, 0, 0, 0.3); } .content .closed h2 { color:transparent; } .content p { padding-top:10px; margin:0 10px 10px; } .content ul { margin:10px 0 10px 25px; } #map { width:auto; height:500px; background-color:#008b8b; } .clear { clear:both; } /* ---- Content ------------------------------------------------------------ */ .bottom { display: none; } .poweredBy { display: none; } .lritdotcom { display: none; } /* ---- Ship List ---------------------------------------------------------- */ .home .ship-list { display: block; } .home .thin-nav .ship-list { display: none; } .ship-list .ships { border-top: 1px solid #999999; background-color: white; overflow-x: hidden; overflow-y: scroll; } .ship-list .iMONumber, .ship-list .mmsi{ display: none; } .ship-list .ships+.loading { display: none; } .ship-list input{ width:210px; margin:4px 10px; } .content .options .ship-list a.sar:before { background-image:url('img/ships/ic_ship-sar-big.png'); } .content .options .ship-list a.coastal:before { background-image:url('img/ships/ic_ship-coastal-big.png'); } .content .options .ship-list a.port:before { background-image:url('img/ships/ic_ship-port-big.png'); } .content .options .ship-list a.flag:before { background-image:url('img/ships/ic_ship-flag-big.png'); } .content .options .ship-list a.default:before { background-image:url('img/ships/ic_ship-default.png'); } .ship-list .ship { background-color: #EDF0F5; } .ship-list .even { background-color: white; } .ship-list .groups { border-bottom: 1px solid #999999; padding:6px 10px; } .ship-list .searching .ship{ display: none; } .ship-list .searching .hit{ display: block; } /* ---- Options ------------------------------------------------------------- */ .content .options { position:relative; width:241px; padding:0; overflow:hidden; z-index:20; } .content nav a, .content nav h2 { width:241px; } .content nav h2 { padding:2px 8px 2px 6px; margin:0; } .content nav h2:first-child { margin-top:0; } .content .options a { display:block; padding:5px 0; margin:0; font-weight:bold; font-size:0.9em; color:#21406C; cursor:pointer; line-height: 0.9em; } /* ---- Option Icons ------------------------------------------------------- */ #mapPopupCommands a, .content .options a:before { content:''; display: inline-block; width:15px; height:15px; margin:0 10px 0 3px; background:url('img/ic-v7.png') no-repeat 0 0; vertical-align: middle; } .content .options .ship-list a { padding-bottom: 3px; padding-top: 3px; } .content .options .ship-list a:before { height: 19px; margin-right: 6px; width: 19px; } /* Earth */ .content .options a.overview:before {background-position: 0 0;} .content .options a.fleetOverview:before {background-position: 0 0;} .content .options a.shipOverview:before {background-position: 0 0;} /* Pin */ .content .options a.recentPosition:before {background-position: -16px 0;} /* Point Target */ .content .options a.poll:before {background-position: -32px 0;} /* Start */ .content .options a.startReporting:before {background-position: -48px 0;} /* Stop */ .content .options a.stopReporting:before {background-position: -64px 0;} /* File cabinet */ .content .options a.archivedPositions:before {background-position: -80px 0;} .content .options a.archivedFleetOverview:before {background-position: -80px 0;} /* send/receive */ .content .options a.requestResponseLog:before {background-position: -96px 0;} .content .options a.surpicResponseLog:before {background-position: -96px 0;} /* clock */ .content .options a.standingOrderLog:before {background-position: -112px 0;} /* bulls eye */ .content .options a.sarSurpic:before {background-position: -128px 0;} /* back arrow */ .content .options a.resetReporting:before {background-position: -144px 0;} /* pause */ .content .options a.shipsUnderMaintenance:before {background-position: -160px 0;} /* lock */ .content .options a.auditLog:before {background-position: -176px 0;} /* plus */ .content .options a.newUser:before {background-position: -192px 0;} .content .options a.registerShip:before {background-position: -192px 0;} /* X */ .content .options a.deregisterShip:before {background-position: -208px 0;} .content .options a.deleteUser:before {background-position: -208px 0;} /* edit */ .content .options a.editUser:before {background-position: -224px 0;} /* key */ .content .options a.changePassword:before {background-position: -240px 0;} /* minus/plus */ .content .options a.toggleUser:before {background-position: -256px 0;} /* folder */ .content .options a.contactDetails:before {background-position: -320px 0;} /* page */ .content .options a.accountDetails:before {background-position: -336px 0;} /* house */ .content .options a.home:before {background-position: -352px 0;} /* people */ .content .options a.viewUser:before {background-position: -368px 0;} /* export */ .content .options a.marVTSConsole:before, .content .options a.mdaConsole:before {background-position: -384px 0;} /* life preserver */ .content .options a.dcInformation:before {background-position: -400px 0;} /* ship */ .content .options a.manageShipProfile:before {background-position: -416px 0;} /* todo: figure out if these images are ok for these and then put in right spot in list */ .content .options a.updateStandingOrder:before {background-position: -224px 0;} .content .options a.validatePolygons:before {background-position: 0 0;} .content .options a.submitCustomAreas:before {background-position: -384px 0;} .content .options a.deleteCustomAreas:before {background-position: -208px 0;} .content .options a.coastalSurpic:before {background-position: -128px 0;} .content .options a.active:before {background-position-y: -16px;} #mapPopupCommands a {margin: 0 1px} #mapPopupCommands a.poll {background-position: -32px 0;} #mapPopupCommands a.startReporting {background-position: -48px 0;} #mapPopupCommands a.stopReporting {background-position: -64px 0;} #mapPopupCommands a.poll:hover {background-position: -32px -16px;} #mapPopupCommands a.startReporting:hover {background-position: -48px -16px;} #mapPopupCommands a.stopReporting:hover {background-position: -64px -16px;} /* active option */ .options a.active, body.shipOverview .options .shipOverview, body.fleetOverview .options .fleetOverview, body.deregisterShip .options .deregisterShip, body.archivedFleetOverview .options .archivedFleetOverview, body.poll .options .poll, body.startReporting .options .startReporting, body.stopReporting .options .stopReporting, body.resetReporting .options .resetReporting, body.recentPosition .options .recentPosition, body.archivedPositions .options .archivedPositions, body.requestResponseLog .options .requestResponseLog, body.standingOrderLog .options .standingOrderLog, body.sarSurpic .options .sarSurpic, body.shipsUnderMaintenance .options .shipsUnderMaintenance, body.AdminCreateShipProfilePage .options .manageShipProfile, body.AdminEditShipProfilePage .options .manageShipProfile { color:white; background-color:#597088; } /* todo: is this still needed? */ /* BEGIN: MJF: Silly little kludge to put white circles around some menu icons... */ body.FlagShipOverviewPage .options .fleetOverview:before {background-position: 0 -16px;} body.FlagDeregisterShipPage .options .deregisterShip:before {background-position: -208px -16px;} body.AdminCreateShipProfilePage .options .manageShipProfile:before {background-position: -416px -16px;} body.AdminEditShipProfilePage .options .manageShipProfile:before {background-position: -416px -16px;} /* END: MJF: Silly ... */ .options a:hover { color:white; background-color:#597088; } .thin-nav .options h2 { display:none; } /* ---- Flags -------------------------------------------------------------- */ /* default Pole Star flag */ .flag-icon { background-image: url('img/flags/Flag_Pole_Star.png'); background-repeat: no-repeat;} /* iso country code is set as a class on the body element */ .dza-dc .flag-icon { background-image:url('img/flags/Flag_Algeria.png'); } .aus-dc .flag-icon { background-image:url('img/flags/Flag_Australia.png'); } /*.x-dc .flag-icon { background-image:url('img/flags/Flag_Azerbaijan.png'); }*/ .bhr-dc .flag-icon { background-image:url('img/flags/Flag_Bahrain.png'); } .bgd-dc .flag-icon { background-image:url('img/flags/Flag_Bangladesh.png'); } .blz-dc .flag-icon { background-image:url('img/flags/Flag_Belize.png'); } .bmu-dc .flag-icon { background-image:url('img/flags/Flag_Bermuda.png'); } .bol-dc .flag-icon { background-image:url('img/flags/Flag_Bolivia.png'); } .brn-dc .flag-icon { background-image:url('img/flags/Flag_Brunei.png'); } .can-dc .flag-icon { background-image:url('img/flags/Flag_Canada.png'); } .cpv-dc .flag-icon { background-image:url('img/flags/Flag_Cape-Verde.png'); } .cym-dc .flag-icon { background-image:url('img/flags/Flag_Cayman_Islands.png'); } .cok-dc .flag-icon { background-image:url('img/flags/Flag_Cook_Islands.png'); } .dma-dc .flag-icon { background-image:url('img/flags/Flag_Dominica.png'); } .egy-dc .flag-icon { background-image:url('img/flags/Flag_Egypt.png'); } .eth-dc .flag-icon { background-image:url('img/flags/Flag_Ethiopia.png'); } .fro-dc .flag-icon { background-image:url('img/flags/Flag_Faroe_Islands.png'); } .gmb-dc .flag-icon { background-image:url('img/flags/Flag_Gambia.png'); } .gha-dc .flag-icon { background-image:url('img/flags/Flag_Ghana.png'); } .guy-dc .flag-icon { background-image:url('img/flags/Flag_Guyana.png'); } .imn-dc .flag-icon { background-image:url('img/flags/Flag_Isle_Man.png'); } .xia-dc .flag-icon { background-image:url('img/flags/Flag_Isle_Man.png'); } /* deprecated XIA -> IMN */ .isr-dc .flag-icon { background-image:url('img/flags/Flag_Israel.png'); } .jam-dc .flag-icon { background-image:url('img/flags/Flag_Jamaica.png'); } .jor-dc .flag-icon { background-image:url('img/flags/Flag_Jordan.png'); } .ken-dc .flag-icon { background-image:url('img/flags/Flag_Kenya.png'); } .kwt-dc .flag-icon { background-image:url('img/flags/Flag_Kuwait.png'); } .lbr-dc .flag-icon { background-image:url('img/flags/Flag_Liberia.png'); } .mhl-dc .flag-icon { background-image:url('img/flags/Flag_Marshall_Islands.png'); } .mne-dc .flag-icon { background-image:url('img/flags/Flag_Montenegro.png'); } .moz-dc .flag-icon { background-image:url('img/flags/Flag_Mozambique.png'); } .nzl-dc .flag-icon { background-image:url('img/flags/Flag_New_Zealand.png'); } .nga-dc .flag-icon { background-image:url('img/flags/Flag_Nigeria.png'); } .omn-dc .flag-icon { background-image:url('img/flags/Flag_Oman.png'); } .pak-dc .flag-icon { background-image:url('img/flags/Flag_Pakistan.png'); } .plw-dc .flag-icon { background-image:url('img/flags/Flag_Palau.png'); } .png-dc .flag-icon { background-image:url('img/flags/Flag_Papua_New_Guinea.png'); } .phl-dc .flag-icon { background-image:url('img/flags/Flag_Philippines.png'); } .qat-dc .flag-icon { background-image:url('img/flags/Flag_Qatar.png'); } .sau-dc .flag-icon { background-image:url('img/flags/Flag_Saudi_Arabia.png'); } .syc-dc .flag-icon { background-image:url('img/flags/Flag_Seychelles.png'); } .sle-dc .flag-icon { background-image:url('img/flags/Flag_Sierra_Leone.png'); } .sgp-dc .flag-icon { background-image:url('img/flags/Flag_Singapore.png'); } .sng-dc .flag-icon { background-image:url('img/flags/Flag_Singapore.png'); } /* sng is the code used for dev Singapore, a historical iso mix up. sgp is the correct iso code, used on production Singapore */ .zaf-dc .flag-icon { background-image:url('img/flags/Flag_South_Africa.png'); } .are-dc .flag-icon { background-image:url('img/flags/Flag_United_Arab_Emirates.png'); } .yem-dc .flag-icon { background-image:url('img/flags/Flag_Yemen.png'); } .col-dc .flag-icon { background-image:url('img/flags/Flag_Colombia.png'); } .idn-dc .flag-icon { background-image:url('img/flags/Flag_Indonesia.png'); } .pan-dc .flag-icon { background-image:url('img/flags/Flag_Panama.png'); } .jpn-dc .flag-icon { background-image:url('img/flags/Flag_Japan.png'); } .twn-dc .flag-icon { background-image:url('img/flags/Flag_Taiwan.png'); } .iso{ display:inline-block; background: url('img/flags/iso/NONE.png') no-repeat; width:16px; height:11px; } .iso-ABW {background: url('img/flags/iso/ABW.png')} .iso-ANT {background: url('img/flags/iso/ANT.png')} .iso-ARE {background: url('img/flags/iso/ARE.png')} .iso-ARG {background: url('img/flags/iso/ARG.png')} .iso-ATG {background: url('img/flags/iso/ATG.png')} .iso-AUS {background: url('img/flags/iso/AUS.png')} .iso-AZE {background: url('img/flags/iso/AZE.png')} .iso-BEL {background: url('img/flags/iso/BEL.png')} .iso-BGD {background: url('img/flags/iso/BGD.png')} .iso-BGR {background: url('img/flags/iso/BGR.png')} .iso-BHR {background: url('img/flags/iso/BHR.png')} .iso-BHS {background: url('img/flags/iso/BHS.png')} .iso-BLZ {background: url('img/flags/iso/BLZ.png')} .iso-BMU {background: url('img/flags/iso/BMU.png')} .iso-BRA {background: url('img/flags/iso/BRA.png')} .iso-BRB {background: url('img/flags/iso/BRB.png')} .iso-BRN {background: url('img/flags/iso/BRN.png')} .iso-CAN {background: url('img/flags/iso/CAN.png')} .iso-CHL {background: url('img/flags/iso/CHL.png')} .iso-CHN {background: url('img/flags/iso/CHN.png')} .iso-COK {background: url('img/flags/iso/COK.png')} .iso-COL {background: url('img/flags/iso/COL.png')} .iso-COM {background: url('img/flags/iso/COM.png')} .iso-CPV {background: url('img/flags/iso/CPV.png')} .iso-CYM {background: url('img/flags/iso/CYM.png')} .iso-CYP {background: url('img/flags/iso/CYP.png')} .iso-DEU {background: url('img/flags/iso/DEU.png')} .iso-DMA {background: url('img/flags/iso/DMA.png')} .iso-DNK {background: url('img/flags/iso/DNK.png')} .iso-DZA {background: url('img/flags/iso/DZA.png')} .iso-ECU {background: url('img/flags/iso/ECU.png')} .iso-EGY {background: url('img/flags/iso/EGY.png')} .iso-ESP {background: url('img/flags/iso/ESP.png')} .iso-EST {background: url('img/flags/iso/EST.png')} .iso-ETH {background: url('img/flags/iso/ETH.png')} .iso-EUN {background: url('img/flags/iso/EUN.png')} .iso-FIN {background: url('img/flags/iso/FIN.png')} .iso-FLK {background: url('img/flags/iso/FLK.png')} .iso-FRA {background: url('img/flags/iso/FRA.png')} .iso-FRO {background: url('img/flags/iso/FRO.png')} .iso-GBR {background: url('img/flags/iso/GBR.png')} .iso-GHA {background: url('img/flags/iso/GHA.png')} .iso-GIB {background: url('img/flags/iso/GIB.png')} .iso-GMB {background: url('img/flags/iso/GMB.png')} .iso-GRC {background: url('img/flags/iso/GRC.png')} .iso-GRL {background: url('img/flags/iso/GRL.png')} .iso-GUY {background: url('img/flags/iso/GUY.png')} .iso-HRV {background: url('img/flags/iso/HRV.png')} .iso-IDN {background: url('img/flags/iso/IDN.png')} .iso-IMN {background: url('img/flags/iso/IMN.png')} .iso-IND {background: url('img/flags/iso/IND.png')} .iso-IRL {background: url('img/flags/iso/IRL.png')} .iso-IRN {background: url('img/flags/iso/IRN.png')} .iso-ISL {background: url('img/flags/iso/ISL.png')} .iso-ISR {background: url('img/flags/iso/ISR.png')} .iso-ITA {background: url('img/flags/iso/ITA.png')} .iso-JAM {background: url('img/flags/iso/JAM.png')} .iso-JOR {background: url('img/flags/iso/JOR.png')} .iso-JPN {background: url('img/flags/iso/JPN.png')} .iso-KEN {background: url('img/flags/iso/KEN.png')} .iso-KHM {background: url('img/flags/iso/KHM.png')} .iso-KIR {background: url('img/flags/iso/KIR.png')} .iso-KNA {background: url('img/flags/iso/KNA.png')} .iso-KOR {background: url('img/flags/iso/KOR.png')} .iso-KWT {background: url('img/flags/iso/KWT.png')} .iso-LBR {background: url('img/flags/iso/LBR.png')} .iso-LTU {background: url('img/flags/iso/LTU.png')} .iso-LVA {background: url('img/flags/iso/LVA.png')} .iso-MAR {background: url('img/flags/iso/MAR.png')} .iso-MEX {background: url('img/flags/iso/MEX.png')} .iso-MHL {background: url('img/flags/iso/MHL.png')} .iso-MLT {background: url('img/flags/iso/MLT.png')} .iso-MMR {background: url('img/flags/iso/MMR.png')} .iso-MNE {background: url('img/flags/iso/MNE.png')} .iso-MNG {background: url('img/flags/iso/MNG.png')} .iso-MOZ {background: url('img/flags/iso/MOZ.png')} .iso-MUS {background: url('img/flags/iso/MUS.png')} .iso-MYS {background: url('img/flags/iso/MYS.png')} .iso-NAT {background: url('img/flags/iso/NAT.png')} .iso-NGA {background: url('img/flags/iso/NGA.png')} .iso-NLD {background: url('img/flags/iso/NLD.png')} .iso-NOR {background: url('img/flags/iso/NOR.png')} .iso-NZL {background: url('img/flags/iso/NZL.png')} .iso-OMN {background: url('img/flags/iso/OMN.png')} .iso-PAK {background: url('img/flags/iso/PAK.png')} .iso-PAN {background: url('img/flags/iso/PAN.png')} .iso-PER {background: url('img/flags/iso/PER.png')} .iso-PHL {background: url('img/flags/iso/PHL.png')} .iso-PLW {background: url('img/flags/iso/PLW.png')} .iso-PNG {background: url('img/flags/iso/PNG.png')} .iso-POL {background: url('img/flags/iso/POL.png')} .iso-PRK {background: url('img/flags/iso/PRK.png')} .iso-PRT {background: url('img/flags/iso/PRT.png')} .iso-QAT {background: url('img/flags/iso/QAT.png')} .iso-ROU {background: url('img/flags/iso/ROU.png')} .iso-RUS {background: url('img/flags/iso/RUS.png')} .iso-SAU {background: url('img/flags/iso/SAU.png')} .iso-SGP {background: url('img/flags/iso/SGP.png')} .iso-SLE {background: url('img/flags/iso/SLE.png')} .iso-SVN {background: url('img/flags/iso/SVN.png')} .iso-SWE {background: url('img/flags/iso/SWE.png')} .iso-SYC {background: url('img/flags/iso/SYC.png')} .iso-THA {background: url('img/flags/iso/THA.png')} .iso-TUR {background: url('img/flags/iso/TUR.png')} .iso-TUV {background: url('img/flags/iso/TUV.png')} .iso-TZA {background: url('img/flags/iso/TZA.png')} .iso-UKR {background: url('img/flags/iso/UKR.png')} .iso-URY {background: url('img/flags/iso/URY.png')} .iso-USA {background: url('img/flags/iso/USA.png')} .iso-VCT {background: url('img/flags/iso/VCT.png')} .iso-VEN {background: url('img/flags/iso/VEN.png')} .iso-VGB {background: url('img/flags/iso/VGB.png')} .iso-VUT {background: url('img/flags/iso/VUT.png')} .iso-XIA {background: url('img/flags/iso/IMN.png')} /* Isle of Man before changing ISO code to IMN */ .iso-YEM {background: url('img/flags/iso/YEM.png')} .iso-ZAF {background: url('img/flags/iso/ZAF.png')} /* ---- Tables ------------------------------------------------------------- */ .content table { width:100%; background-color:white; font-size:0.923em; } th,td, .content .data .name, .content .data label { text-align:left; } table tfoot em, table tfoot a { /* wicket paging navigator */ font-style:normal; font-weight:bold; padding:4px; margin:0; } th, tbody td, tfoot td { padding:4px 10px; } thead, tfoot{ background-color:#c5cbd1; font-weight:bold; height: 30px; } tfoot tr { height:2em; } tfoot span { padding:0 1px; } table a:link, table a:visited{ color:#053659; /*padding:0;*/ } .mapPopup .field:nth-child(odd), tbody tr:nth-child(odd), .data .odd, .data > .positionRequestViewPanel > span:nth-child(odd) > .field, .data > .positionReportMessagePanel > span:nth-child(odd) > .field { background-color:#EDF0F5; } table.clickable tbody tr:hover { background-color:#597088; color:#FFF; cursor:pointer; } h2 select { display:none; } h2 input{ float:right; font-size:0.9em; } h2 .exportCSV{ position: relative; top: -20px; } /* to stop wicket paging navigator from italicising the current page number */ tfoot em { font-style:normal; } .data { margin:1px; border:solid 1px #AAA; width:auto; background-color:white; } .log h2, .data h2 { font-size:1em; padding-left:4px; line-height:1.5em; padding-top:4px; padding-bottom:4px; } .log h2 { padding-left:10px; } .log tfoot td { height: 15px; padding-top:8px; padding-bottom:8px; text-align:center; } .log tfoot em { color: white; } .data h2:before, .data h2.collapsed:before { color:#597088; font-size: 0.8em; text-shadow:#ffffff 1px 1px; } .data h2:before { content: '\25BC '; /* Black down-pointing triangle */ } .data h2.collapsed:before { content: '\25BA '; /* Black right-pointing pointer */ } .log h2:before { content: ''; } .log h2.collapsed:before { content: ''; } .data .field { margin:0; padding:4px 0 4px 20px; } .data .field .name, .data .field label{ font-size:0.9em; width:20em; } .toGroupPopup .data .field label, .updateProfilePopup .data .field label { width:11.5em; } .horizontal-list { display:inline-block; } .horizontal-list h2 { padding-left:12px; font-size: 0.95em; line-height: 2.2em; font-weight: bold; border-bottom-color: white; } .horizontal-list ul { margin: 0; padding: 0; float: left; } .horizontal-list ul li { display: inline; } .horizontal-list ul li a { display:inline-block; width:16px; height:11px; margin: 5px; float: left; text-decoration: none; } /* ---- Buttons ------------------------------------------------------------ */ a.button, span.button, .formButton input, h2 input, .confirmation-dialog .ui-button { display:inline-block; padding:3px 12px; box-shadow:2px 2px 3px rgba(0, 0, 0, 0.2); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-color:#597088; color:#f8f8ff; font-weight:normal; text-decoration:none; cursor:pointer; border:solid 1px #f8f8ff; font-family:inherit; } a.button:hover, .formButton input:hover, h2 input, .confirmation-dialog .ui-button:hover { color:white; border-color:white; } a.button:active, .formButton input:active, h2 input{ box-shadow:none; } h2 input { padding-top:2px; padding-bottom:2px; } span.button { background-color: #778899; box-shadow:0; visibility: hidden; } /* ---- Forms -------------------------------------------------------------- */ input:-moz-placeholder { color: #c5cbd1; } select { width:16.4em; } .textField { width:16em; } .searchField { } .TimestampPanel .date { width:9em; } .TimestampPanel .time { width:6em; } .formButton input, .formButton .button{ margin:10px 0 10px 12em; } .checkboxOption { border-width: 2px; margin: 1px; padding:10px; } .checkboxOption input { margin-left:7px; } .checkboxOption label { margin-left:6px; font-weight:bold; } .checkboxOption label[disabled] { font-weight:normal; color: grey; } .field { margin:20px 10px; } .data fieldset legend { display:none; } .field .help { display:none; } .field .name, .field label, .field .privilegeGroupName, .field .privilegeName{ width:11em; text-align:left; display:inline-block; font-weight:bold; } .field .privilegeName { font-weight:normal; } .feedbackPanel { background-color:ghostWhite; padding:10px; border-radius:6px; list-style-position:inside; margin:0; } .feedbackPanelERROR { color:#911; } .value label { width:auto; margin-left:10px; } .field .value, .field .privilegeGroupValue { display:inline-block; vertical-align:middle; } .field .degree { width:7.7em; } .field .minute { width:6em; } .field .hemisphere { width:9em; } .field .true:after { color: green; content: '\2714'; /* Heavy check mark */ } .field .false:after { color: red; content: '\2718'; /* Heavy ballot x (bold cross) */ } /* fieldset forms */ .legend {display:none;} .required {color:red;} ol.fields {margin:0; padding-top: 1px;} /* MJF: padding-top added to fix chrome display of additional user defined details fields */ ol.fields li {list-style:none;} ol.fields input[type='text']{width:16em;} ol.fields input.label[type='text']{ width:10em; vertical-align: middle; margin-right: 0.7em; /* MJF: increased from 0.5em to fix chrome display */ } ol.fields input[type='password']{width:16em;} ol.fields .radio{ display:inline-block; vertical-align:middle; margin:0 10px 0 0; } ol.fields .radio label { margin:2px 5px; width:auto; } ol.fields input[type='text'].date {width:9em} ol.fields input[type='text'].time {width:6em} .field abbr.required, .field .requiredIndicator { display:none; } /* ---- Important messages ------------------------------------------------- */ .warning { background-color: #EDF0F5; border-color: #FFFFFF; border-style: groove ridge ridge groove; border-width: 2px; margin: 1px; font-weight: bold; } .warning a { margin-left: 20px; } .important{ font-size: 1.2em; font-weight: bold; } .important:before { background: #ffd700; border: solid 2px orange; border-radius: 70px; color: #666666; content: '!'; font-size: 1.2em; font-weight: bold; margin-right: 10px; padding: 0 8px; } .content p.important{ text-transform: uppercase; margin-bottom: 0; } .FlagEditShipReadTransceiverDetailsStep .warning { display: none; } /* ---- Breadcrumbs -------------------------------------------------------- */ .wicketExtensionsBreadCrumbBar { background:transparent url('img/subhead-bk.png') repeat-x; height:20px; padding:0; border:1px solid white; border-bottom:1px solid #ddd; font-weight: bold; } .wicketExtensionsBreadCrumbBarCrumb { display:inline-block; height:inherit; margin:0 0 0 0; font-size:0.9em; line-height:20px; } .wicketExtensionsBreadCrumbBarCrumb span { height:inherit; display:inline-block; } .wicketExtensionsBreadCrumbBar .container { padding:0 20px; } .wicketExtensionsBreadCrumbBar .current { color:white; background:transparent url('img/sword-mid.png') repeat-x; display:inline-block; height:inherit; } .wicketExtensionsBreadCrumbBar .current .container { background:transparent url('img/sword-right.png') no-repeat right center; margin-right:-10px; } .wicketExtensionsBreadCrumbBar .current > span { background:transparent url('img/sword-left.png') no-repeat left center; margin-left:-10px; } .wicketExtensionsBreadCrumbBar .current:first-child > span { background:none transparent; margin-left:0; } /* ---- Open Layers Map ---------------------------------------------------- */ .olMap { width:auto; height:500px; background:#b5d0d0 url('img/grid.png'); } .mapButtons { background-color:#666; text-align:right; height:28px; } .olControlZoomInItemInactive, .olControlZoomOutItemInactive, .mapButtons .refresh, .mapButtons .fullScreen { display:inline-block; background:transparent url('img/ic_map.png') no-repeat; width:20px; height:17px; border:0 none; padding:0; margin:6px 6px; cursor:pointer; } .olControlZoomInItemInactive {background-position: 0 0;} .olControlZoomOutItemInactive {background-position: -20px 0;} .mapButtons .refresh {background-position: -40px 0;} .mapButtons .fullScreen {background-position: -60px 0;} .olControlZoomInItemInactive:hover {background-position: 0 -17px;} .olControlZoomOutItemInactive:hover {background-position: -20px -17px;} .mapButtons .refresh:hover {background-position: -40px -17px;} .mapButtons .fullScreen:hover {background-position: -60px -17px;} .MapOpenLayersPage .olControlZoomInItemInactive, .MapOpenLayersPage .olControlZoomOutItemInactive { } .balloon dt { font-weight:bold; font-size:smaller; } .balloon dd { margin-bottom:6px; } #mapLatLon, #mapLatLonLabel{ color:white; float:left; vertical-align:middle; margin:6px 0 0 4px; font-size:0.9em; } #mapLatLon { width:14em; height:1.4em; line-height: 1.4em; border:inset 1px white; background:#444; display:inline-block; text-align:center; } #mapLatLonLabel { display: none; padding: 3px 6px; visibility: hidden; } #mapSurPicCoords { color: white; float: left; margin: 4px 0px 0px 60px; font-size: 0.9em; } #mapSurPicCoords input, #mapSurPicCoords select { background: #444; border: 1px inset white; color: white; } #mapMessage { display: none; position: absolute; margin:0 auto; text-align: center; top:0; background: red; padding:2px 4px; z-index: 2000; } #mapTabs { background-color: rgb(23, 41, 60); background-color: rgba(23, 41, 60, 0.8); width: 268px; position:absolute; right:-268px; top:0; z-index: 2000; height: 100%; } #mapTabs h2 { border-bottom: 1px solid #142639; cursor: default; padding-bottom: 6px; padding-top: 6px; } #mapTabs .scroll { overflow:auto; height: 100%; position: relative; } #mapTabs .maps, #mapTabs .polygons, #mapTabs .so, #mapTabs .industryZones, #mapTabs .userDefinedZones { padding: 7px 0 7px 5px; } #mapTabs .polygons, #mapTabs .industryZones, #mapTabs .userDefinedZones, #mapTabs .so { padding-bottom: 22px; padding-top: 8px; } #mapTabs .flag-icon, #mapTabs .map-icon { border-color: transparent; border-width: 2px; cursor: pointer; margin: 2px 1px 2px 1px; } #mapTabs .flag-icon:hover, #mapTabs .map-icon:hover { border-color: #EDF0F5; } #mapTabs .flag-icon.active, #mapTabs .map-icon.active { border-color: #fff; border-width: 2px; } #mapTabs .viewToggle { width:24px; height:21px; background: #666 url('img/ic_layers-1.png') no-repeat center center; display:block; position:absolute; left:-24px; top:0; text-align: center; color: white; } #mapTabs .positions, #mapTabs .shipNames, #mapTabs .features { margin: 0 0 0 -8px; padding-bottom: 1px; } #mapTabs .positions a .position-icon, #mapTabs .features a .feature-icon { display: inline-block; height: 19px; margin-bottom: -5px; margin-left: 3px; padding-right: 3px; width: 19px; } #mapTabs .positions a.flag .position-icon { background: url("img/ships/ic_ship-flag-big.png") no-repeat scroll 0 0 transparent; } #mapTabs .positions a.port .position-icon { background: url("img/ships/ic_ship-port-big.png") no-repeat scroll 0 0 transparent; } #mapTabs .positions a.coastal .position-icon { background: url("img/ships/ic_ship-coastal-big.png") no-repeat scroll 0 0 transparent; } #mapTabs .positions a.sar .position-icon { background: url("img/ships/ic_ship-sar-big.png") no-repeat scroll 0 0 transparent; } #mapTabs a.shipNames { background-color: #939aaa; box-shadow: -2px -2px 3px rgba(0, 0, 0, 0.2); color: #ffffff; cursor: pointer; font-size: 0.8em; left: 100px; margin: 0px; padding: 4px 7px; position: relative; text-shadow: 0px 0px; } #mapTabs a.shipNames:hover { color: #ecf1f5; } #mapTabs a.shipNames.active { background-color: #edf0f5; color: #505050; cursor: default; } #mapTabs a.shipNames.active:hover { } #mapTabs a.shipNames.show { border-bottom-left-radius: 10px; border-top-left-radius: 10px; padding-right: 6px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-top-left-radius: 10px; } #mapTabs a.shipNames.hide { border-bottom-right-radius: 10px; border-top-right-radius: 10px; padding-left: 6px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; } #mapTabs .features a.cyclone .feature-icon { background: url("img/cyclones/ic_cyclone_actual.png") no-repeat scroll 0 0 transparent; } #mapTabs .features a.cyclone.inactive .feature-icon { background: url("img/cyclones/ic_cyclone_actual_grey.png") no-repeat scroll 0 0 transparent; } #mapTabs .features a.points-of-interest .feature-icon { background: url("img/ic_points-of-interest.png") no-repeat scroll 0 0 transparent; } #mapTabs .features a.points-of-interest.inactive .feature-icon { background: url("img/ic_points-of-interest_grey.png") no-repeat scroll 0 0 transparent; } #mapTabs .recent { margin: 8px 0 0 -8px; } #mapTabs .positions a, #mapTabs .features a, #mapTabs .recent a { cursor: pointer; display: block; font-size: 0.9em; padding: 4px 10px; } #mapTabs .positions a:hover, #mapTabs .features a:hover, #mapTabs .recent a:hover { color: #fff; } #mapTabs .positions a.disabled, #mapTabs .recent a.hidden { display: none; visibility: hidden; } #mapTabs .features a.inactive { color: #666; cursor: default; } #mapTabs .features a.inactive:hover { color: #666; } #mapTabs .recent a .iso { margin-right: 10px; vertical-align: middle; } #mapTabs .positions a:nth-child(odd), #mapTabs .features a:nth-child(odd), #mapTabs .recent a:nth-child(odd) { background-color: rgb(38, 52, 72); background-color: rgba(38, 52, 72, 0.8); } #mapTabs .positions a.active, #mapTabs .features a.active, #mapTabs .recent a.active { color: #fff; font-weight: bold; } .FlagHomePage #mapTabs .positions .flag, .PortHomePage #mapTabs .positions .port, .CoastalHomePage #mapTabs .positions .coastal { cursor: default; } .maps .map-icon { margin: 0px; } .natural-earth{ background: transparent url('img/maps/natural.png') no-repeat; } .mapnik{ background: transparent url('img/maps/open-street.png') no-repeat; } .c-map{ background: transparent url('img/maps/c-map.png') no-repeat; } .mapbox-satellite{ background: transparent url('img/maps/satellite.png') no-repeat; } .mapbox-terrain{ background: transparent url('img/maps/terrain.png') no-repeat; } .mapbox-streets{ background: transparent url('img/maps/streets.png') no-repeat; } .google-sat{ background: transparent url('img/maps/google-satellite.png') no-repeat; } .google-hybrid{ background: transparent url('img/maps/google-hybrid.png') no-repeat; } .google-physical{ background: transparent url('img/maps/google-physical.png') no-repeat; } .google-streets{ background: transparent url('img/maps/google-streets.png') no-repeat; } #mapTabs .btn-close { float: right; color: inherit; font-size: 0.85em; padding: 1px 2px; } /* Tabbed layer selector*/ #layerTabs { background-color: #202020; border-bottom: 1px solid #000000; height: 25px; } #layerTabs .layer-tab-icon { cursor: pointer; display: inline-block; height: 25px; width: 67px; } #layerTabs #world { background-image: url('img/tabs/world.png'); } #layerTabs #world.active { background-image: url('img/tabs/world-on.png'); } #layerTabs #polygon { background-image: url('img/tabs/polygon.png'); } #layerTabs #polygon.active { background-image: url('img/tabs/polygon-on.png'); } #layerTabs #zone { background-image: url('img/tabs/zone.png'); } #layerTabs #zone.active { background-image: url('img/tabs/zone-on.png'); } #layerTabs #ship-profile { background-image: url('img/tabs/ship-profile.png'); } #layerTabs #ship-profile.active { background-image: url('img/tabs/ship-profile-on.png'); } .map { overflow:hidden; position:relative; } .mapPopup { width:300px; background-color:#EDF0F5; position:absolute; top:40%; right:-302px; z-index:2000; border:1px solid #AAA; -webkit-box-shadow:4px 4px 4px #444; -moz-box-shadow:4px 4px 4px #444; box-shadow:4px 4px 4px #444; } .mapPopup .data { border: 1px solid white; } .mapPopup h2 { padding-left: 7px; font-size: 0.95em; line-height: 2.2em; font-weight: bold; border-bottom-color: white; } .mapPopup h2:before { content: normal; } .mapPopup .data .field { padding-left: 7px; } .mapPopup .data .name { width: 10em; } .mapPopup .data .value { font-size: 0.9em; } .btn-close{ cursor: pointer; color: white; font-size: small; font-weight: bold; display: inline-block; padding: 1px 2px; } .btn-close:after{ content: '\2716'; /* Heavy multiplication X */ } .btn-close:hover{ color: #597088; } .mapPopup .btn-close { position:absolute; top:8px; right:8px; } .mapPopup .flag #mapPopupCommands .stopReporting { display: none; } .mapPopup #mapPopupCommands { height:19px; padding:0 2px; background-color: #EDF0F5; border:solid 1px #9EA5B3; border-radius: 10px; display: inline-block; position: absolute; top:8px; right:25px; } .mapPopup .flag #mapPopupCommands { display: none; } body.flag .mapPopup .flag #mapPopupCommands { display: inline-block; } #cyclonePopup { background-color: #17293C; } #cyclonePopup .data { background-color: #2B3D52; border-color: #17293C; color: #FFFFFF; } #cyclonePopup .data h2 { background: #17293C; border-bottom-color: #17293C; } #cyclonePopup .field:nth-child(2n+1) { background-color: #263448; } .main { position:relative; } /* ---- jQuery UI Datepicker ----------------------------------------------- */ #ui-datepicker-div { display:none; } /* ---- Admin -------------------------------------------------------------- */ .privilegeGroup .labels { line-height:2em; background-color:#c6cad2; padding-left:20px; font-size:0.9em; color:#21406C; font-weight: bold; } .privilegeGroup .labels label.pageName { display:inline-block; width:290px; } .privilegeGroup .labels label.chargeable { display:inline-block; width:120px; } .privilegeGroup .field .name { width:430px; } .chargeable .name:after { content:'$'; float:right; padding-right:100px; font-weight:normal; } /* ---- Page specific styles ----------------------------------------------- */ html{ width:100%; height:100%; } body.MapOpenLayersPage, body.MapOpenLayersPage .page { padding:0; margin:0; width:auto; height:100%; max-width:none; border-radius:0; overflow:hidden; } body.MapOpenLayersPage .olMap { width:100%; height:100%; } body.MapOpenLayersPage .mapPopup #mapPopupCommands, body.coastal .mapPopup .flag #mapPopupCommands, body.coastal .mapPopup .port #mapPopupCommands, body.flag .mapPopup .coastal #mapPopupCommands, body.flag .mapPopup .port #mapPopupCommands, body.port .mapPopup .coastal #mapPopupCommands, body.port .mapPopup .flag #mapPopupCommands, body.sar .mapPopup #mapPopupCommands { display: none; } .FlagHomePage .main, .PortHomePage .main, .CoastalHomePage .main, .SARHomePage .main { padding:0; } .FlagHomePage h1, .PortHomePage h1, .CoastalHomePage h1, .SARHomePage h1 { display:none; } .FlagHomePage .olMap, .PortHomePage .olMap, .CoastalHomePage .olMap{ height:550px; } .CoastalRequestPositionPage .CoastalStartPeriodicPositionsPage .intro { display:block; } .SARSurPicPage .value .radio { display:inline-block; width:16.4em; } body.flag .iMONumber .value { color:#222; } body.flag .iMONumber .field:first-child .value { color:blue; } .AdminCreateLoginPage .wicketExtensionsWizard .wicketExtensionsWizardButtonBarNext, .AdminEditLoginPage .wicketExtensionsWizard .wicketExtensionsWizardButtonBarNext { /*margin-left:12em;*/ } .AdminCreateLoginPage .wicketExtensionsWizard .wicketExtensionsWizardButtonBarCancel, .AdminEditLoginPage .wicketExtensionsWizard .wicketExtensionsWizardButtonBarCancel { display:none; } .AdminCreateLoginPage .main form, .AdminEditLoginPage .main form { padding-bottom: 120px; } .AdminEnableDisableLoginPage .formButton input { xxxmargin-left: 0; /* MJF: Not required */ } .AdminEnableDisableLoginPage .formButton { xxxpadding-left:12em; /* MJF: Not required */ } .FlagRegisterShipPage .additionalDetailsLink, .FlagEditShipPage .additionalDetailsLink { border-bottom: 1px solid #5D6C87; display: block; font-weight: bold; padding-left: 10px; } .FlagRegisterShipPage .additionalDetailsLink:before, .FlagEditShipPage .additionalDetailsLink:before { color: #597088; content: '\25BC '; /* Black down-pointing triangle */ text-shadow: #ffffff 1px 1px; } .FlagRegisterShipPage .additionalDetailsLink.collapsed:before, .FlagEditShipPage .additionalDetailsLink.collapsed:before { color: #597088; content: '\25BA '; /* Black right-pointing pointer */ text-shadow: #ffffff 1px 1px; } .FlagRegisterShipPage .user-defined-fields, .FlagEditShipPage .user-defined-fields { margin-top: -20px; } .FlagRegisterShipPage .new-row, .FlagEditShipPage .new-row { position: relative; top: -3.3em; left:30em; } .FlagRegisterShipPage .formButton, .FlagEditShipPage .formButton { padding-bottom:5em; } .FlagEditShipEditTransceiverDetailsStep .wicketExtensionsWizardButtonBarPrevious { display: none; } .AdminEnableDisableLoginPage .wicketButtonBarPrevious, .AdminDeleteUserPage .wicketButtonBarPrevious, .FlagDeregisterShipPage .wicketButtonBarPrevious { background-color: transparent; border: 0; box-shadow: none; color: #597088; margin-left: 80px; position: absolute; text-shadow: 1px 1px #FFFFFF; } .AdminEnableDisableLoginPage .wicketButtonBarPrevious:hover, .AdminDeleteUserPage .wicketButtonBarPrevious:hover, .FlagDeregisterShipPage .wicketButtonBarPrevious:hover { color: #597088; } .AdminEnableDisableLoginPage .wicketButtonBarFinish, .AdminDeleteUserPage .wicketButtonBarFinish, .FlagDeregisterShipPage .wicketButtonBarFinish { margin-left: 155px; position: absolute; } .FlagDeregisterShipPage .wicketButtonBarCancel, .AdminCreateShipProfilePage .wicketButtonBarCancel, .AdminEditShipProfilePage .wicketButtonBarCancel { background-color: transparent; border: 0; box-shadow: none; color: #597088; left: 440px; margin-left: 0; position: absolute; text-shadow: 1px 1px #FFFFFF; } .FlagDeregisterShipPage .wicketButtonBarCancel:hover, .AdminCreateShipProfilePage .wicketButtonBarCancel:hover, .AdminEditShipProfilePage .wicketButtonBarCancel:hover { color: #597088; } .FlagMarVTSConsolePage .main div, .MDAMDAConsolePage .main div { text-align: center; } .FlagMarVTSConsolePage .status, .MDAMDAConsolePage .status { color: #CCD0DC; font-size: 2.0em; font-weight: bold; padding-top: 125px; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4); } .FlagMarVTSConsolePage .status a, .MDAMDAConsolePage .status a { color: #597088; } .FlagMarVTSConsolePage .console-loading, .MDAMDAConsolePage .console-loading { padding-top: 5px; } .FlagFleetOverviewPage .fleetFilter, .FlagGroupOverviewPage .fleetFilter, .FlagNotReportingPage .fleetFilter, .FlagGroupOverviewPage .groupFilter { position: absolute; right: 80px; top: 67px; } .FlagShipOverviewPage .notificationTypeFilter { float: right; margin: -25px 8px 0px 0px; } .FlagFleetOverviewPage .addToGroupLink, .FlagGroupOverviewPage .removeFromGroupLink, .FlagGroupOverviewPage .deleteGroupLink, .AdminManageShipProfilePage .deleteShipProfileLink { float: left; margin: -27px 10px 0px 10px; } .FlagFleetOverviewPage .updateProfileLink, .FlagGroupOverviewPage .updateProfileLink { float: left; margin: -27px 10px 0px 170px; } .FlagFleetOverviewPage .addToGroupLink.disabled, .FlagFleetOverviewPage .updateProfileLink.disabled, .FlagGroupOverviewPage .removeFromGroupLink.disabled, .FlagGroupOverviewPage .deleteGroupLink.disabled, .FlagGroupOverviewPage .updateProfileLink.disabled, .AdminManageShipProfilePage .deleteShipProfileLink.disabled { background-color: #cccccc; cursor: default; } .FlagGroupOverviewPage .deleteGroupLink { float: right; } .FlagFleetOverviewPage .cancel, .FlagGroupOverviewPage .cancel { margin-left: 50px; } .FlagFleetOverviewPage .cancel:before, .FlagGroupOverviewPage .cancel:before { content: '\2716 '; /* Heavy multiplication X */ font-weight: bold; } .MapOpenLayersPage .content{ border: 0 none; } .FlagShipOverviewPage .true:after { color: green; content: '\2714'; /* Heavy check mark */ } .FlagShipOverviewPage .false:after { color: red; content: '\2718'; /* Heavy ballot x (bold cross) */ } .MapOpenLayersPage .mapPopup .iMONumber { font-weight: normal; color: inherit; cursor: default; } .AdminManageShipProfilePage .noShipProfiles { margin-top: 100px; text-align: center; } .LoginPage .tabs { display: none; } .LoginPage .page { background: url('img/login_flagbk.jpg') no-repeat center 0 rgb(63, 94, 123); border-radius: 0; height: 100%; margin: auto; padding: 0; max-width: 1456px; min-width: 1024px; } .LoginPage .top { background: url('img/login_topbk.png') repeat-x; height: 235px; } .LoginPage .top .flag-icon { margin-left: 135px; margin-top: 170px; } .LoginPage .top .header { margin-top: 170px; } .LoginPage .top .header .name { color: rgb(255, 255, 255); font-size: 28px; } .LoginPage .top .header .strapline { display: none; } .LoginPage .top .header .poweredBy { background-image: url('img/login_poweredby.png'); background-repeat: no-repeat; display: block; height: 30px; left: 240px; position: relative; top: -28px; width: 154px; } .LoginPage .top .header .lritdotcom { color: rgb(0, 189, 255); display: inline; font-size: 0.7em; left: 935px; position: relative; top: -57px; } .LoginPage .bottom { background: url('img/login_botbk.png') repeat-x rgb(63, 94, 123); color: rgb(153, 153, 153); display: block; min-height: 150px; text-align: center; } .LoginPage .bottom footer { font-size: 0.8em; padding-top: 15px; } .LoginPage .content { background-color: transparent; border-width: 0; min-height: 380px; } .LoginPage .content h1, .LoginPage .content .intro { display: none; } .LoginPage form { background-color: rgb(28, 46, 64); /* For IE */ background-color: rgba(28, 46, 64, 0.9); border: 6px solid rgb(19, 32, 45); border-radius: 10px; box-shadow: 3px 3px 6px; display: block; margin: 80px auto; padding: 20px; width: 30em; } .LoginPage form .name { color: rgb(204, 204, 204); padding-left: 18px; text-shadow: 1px 1px rgba(0, 0, 0, 0.8); width: 8em; } .LoginPage input { background-color: rgb(176, 176, 176); border: 1px solid rgb(0, 0, 0); height: 21px; } .LoginPage .formButton input { background-color: rgb(89, 112, 136); border: 1px solid rgb(248, 248, 255); color: rgb(248, 248, 255); margin-left: 138px; } /* ---- Temporary styles --------------------------------------------------- */ #tools .DateTimeDisplayPanel, #tools .windowPrint { display:none; background-image:none; } .wicketExtensionsWizard .formButton { position: relative; } .wicketExtensionsWizard .formButton input { margin-left:0; } .wicketExtensionsWizard .wicketExtensionsWizardButtonBarPrevious { background-color: transparent; border: 0 none; box-shadow: none; color: #597088; left: 80px; position: absolute; } .wicketExtensionsWizard .wicketExtensionsWizardButtonBarPrevious:hover { color: #597088; } .wicketExtensionsWizard .wicketExtensionsWizardButtonBarPrevious:before { content: '\25C4 '; /* Left pointing pointer */ color:#597088; text-shadow:#ffffff 1px 1px; } .wicketExtensionsWizard .wicketExtensionsWizardButtonBarFinish, .wicketExtensionsWizard .wicketExtensionsWizardButtonBarNext { position:absolute; left:155px; } .wicketExtensionsWizard .wicketExtensionsWizardButtonBarCancel { background-color: transparent; border: 0 none; box-shadow: none; color: #597088; left: 440px; position: absolute; /*color:#911;*/ /*mjf*/ } .wicketExtensionsWizard .wicketExtensionsWizardButtonBarCancel:hover { color: #597088; } .wicketExtensionsWizard .wicketExtensionsWizardButtonBarCancel:before { content: '\2716 '; /* Heavy multiplication X */ color:#597088; text-shadow:#ffffff 1px 1px; } .wicketExtensionsWizard .wicketExtensionsWizardButtonBarReset { display: none; } a.edit-ship-overview { background-color: #EDF0F5; border-radius: 25px 25px 25px 25px; box-shadow: -2px -2px 3px rgba(0, 0, 0, 0.2); display: inline-block; float: right; height: 15px; margin-left: 10px; padding: 1px 6px; width: 15px; } a.edit-ship-overview:before { background: url('img/ic-v6.png') no-repeat scroll -224px 0 transparent; content: ''; display: inline-block; height: 15px; margin: 0 -1px 0 0; width: 15px; } a.edit-ship-overview.disabled:before { background-position: -224px -32px; } .ship-deregistration-date, .transceiver-registration-date, .transceiver-deregistration-date { color: black; float: right; font-weight: normal; text-shadow: 0 0 transparent; } a.new-transceiver { color: #F8F8FF; left: 240px; padding: 2px 12px 3px 12px; position: relative; top: 33px; z-index: 1; } a.new-transceiver-yes { margin-left: 2em; } .cancel, a.new-transceiver-cancel { background-color: transparent; border: 0 none; box-shadow: none; color: #597088; font-weight: normal; } .cancel:hover, a.new-transceiver-cancel:hover { color: #597088; } .cancel:before, a.new-transceiver-cancel:before { content: '\2716 '; /* Heavy multiplication X */ font-weight: bold; font-size: 1.1em; color: #597088; text-shadow: #ffffff 1px 1px; } #map-position-error { display:none; } /* ---- Gradients & Corners ------------------------------------------------ */ .page { background:#999 url('img/hdbk-mid.png') repeat-x; } .xpage { background-color:#999; /* Opera */ background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDIzNywyMzcsMjM3LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMTUzLDE1MywxNTMsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==); /* Firefox */ background:-moz-linear-gradient( top, rgba(237,237,237,1), rgba(153,153,153,1) ); /* Chrome & Safari */ background:-webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(237,237,237,1) ), color-stop( 1, rgba(153,153,153,1) ) ); /* IE5.5 - IE7 */ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFEDEDED,EndColorStr=#FF999999); /* IE8 */ -ms-filter:'progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFEDEDED,EndColorStr=#FF999999)'; } .page { border-radius:0 0 8px 8px; } #XXnavToggle { /* SVG fallback(Opera 11.10-, IE9) */ background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpbb2JqZWN0IE9iamVjdF07IiAvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6W29iamVjdCBPYmplY3RdOyIgLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgLz48L3N2Zz4=); /* Opera 11.10+ */ background:-o-linear-gradient(left, rgba(210,215,220,1), rgba(156,166,177,1)); /* Firefox 3.6+ */ background:-moz-linear-gradient(left, rgba(210,215,220,1), rgba(156,166,177,1)); /* Chrome 7+ & Safari 5.03+ */ background:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(210,215,220,1)), color-stop(1, rgba(156,166,177,1))); /* IE5.5 - IE7 */ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFD2D7DC,EndColorStr=#FF9CA6B1); /* IE8 */ -ms-filter:'progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFD2D7DC,EndColorStr=#FF9CA6B1)'; } .content h1, .content h2, .content nav h2, .content .log tfoot, .ui-widget-header { /* SVG fallback(Opera 11.10-, IE9) */ /* background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpbb2JqZWN0IE9iamVjdF07IiAvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6W29iamVjdCBPYmplY3RdOyIgLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgLz48L3N2Zz4=); */ /* Opera 11.10+ */ /* background:-o-linear-gradient(top, rgba(202,206,213,1), rgba(164,171,183,1)); */ /* Firefox 3.6+ */ /* background:-moz-linear-gradient(top, rgba(202,206,213,1), rgba(164,171,183,1)); */ /* Chrome 7+ & Safari 5.03+ */ /* background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(202,206,213,1)), color-stop(1, rgba(164,171,183,1))); */ /* IE5.5 - IE7 */ /* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFCACED5,EndColorStr=#FFA4ABB7); */ /* IE8 */ /* -ms-filter:'progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFCACED5,EndColorStr=#FFA4ABB7)' */ background: rgb(202,206,213); /* Old browsers */ background: -moz-linear-gradient(top, rgba(202,206,213,1) 0%, rgba(164,171,183,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(202,206,213,1)), color-stop(100%,rgba(164,171,183,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(202,206,213,1) 0%,rgba(164,171,183,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(202,206,213,1) 0%,rgba(164,171,183,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(202,206,213,1) 0%,rgba(164,171,183,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(202,206,213,1) 0%,rgba(164,171,183,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caced5', endColorstr='#a4abb7',GradientType=0 ); /* IE6-9 */ } #mapTabs h2 { background: #142639; } /* CSS for styling things related to, or on, InformationPage */ body.InformationPage .options .output hr { border-top: 1px solid #A8B0C1; border-bottom: 1px solid #E7EFFF; height: 2px; margin: 0; } a#information { background-image: url('img/ic_info-default.png'); background-repeat: no-repeat; height: 18px; position: absolute; right: 12px; top:23px; width: 18px; } body.InformationPage a#information { background-image: url('img/ic_info-on.png'); } a#information:HOVER, body.InformationPage a#information:HOVER { background-image: url('img/ic_info-hover.png'); } body.InformationPage .options .output .field { background-color: #D2D8E4; color: #333333; display: block; font-size: 11px; height: 15px; line-height: 0.9em; margin: 0; padding-top: 8px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; white-space: nowrap; } body.InformationPage .options .output .field.statusClear, body.InformationPage .options .output .field.statusWarning, body.InformationPage .options .output .field.statusCritical { height: 30px; } body.InformationPage .options .output .field.statusClear:BEFORE, body.InformationPage .options .output .field.statusWarning:BEFORE, body.InformationPage .options .output .field.statusCritical:BEFORE { background: no-repeat scroll 0 0 transparent; content: ''; display: inline-block; height: 15px; vertical-align: middle; width: 20px; } body.InformationPage .options .output .field.statusClear:BEFORE { background-image: url('img/ic_sys-green.png'); } body.InformationPage .options .output .field.statusWarning:BEFORE { background-image: url('img/ic_sys-amber.png'); } body.InformationPage .options .output .field.statusCritical:BEFORE { background-image: url('img/ic_sys-red.png'); } body.InformationPage .options .output .field .name { font-weight: bold; height: 15px; } body.InformationPage .options .output .field .value { height: 15px; margin-left: 23px; } body.InformationPage .main .intro { font-weight: bold; } body.InformationPage .main .intro a { background-repeat: no-repeat; position: absolute; top: 27px; } body.InformationPage .main .intro a#pdf { background-image: url('img/ic_pdf.png'); height: 24px; right: 64px; width: 24px; } body.InformationPage .main .intro a#print { background-image: url('img/ic_print.png'); height: 21px; right: 20px; width: 23px; } body.InformationPage .main iframe { min-height: 602px; /* Same as .main */ width: 100%; } /* MJF: Bodge to hide a map if there are no position reports but allow map tiles to load & display correctly */ .shrunk { height: 0; } .ship-profiles .ship-profile { color: rgb(255, 255, 255); padding: 2px 5px 5px 0px; } .ship-profiles .ship-profile:nth-child(2n+1) { background-color: rgba(255, 255, 255, 0.1); } .ship-profiles .ship-profile div[class|="ship-icon"] { font-weight: bold; } .ship-profiles .ship-profile div[class|="ship-icon"]:before { background: url('img/ships/ic_shipprofile-big-v2.png') no-repeat; content: ""; display: inline-block; height: 23px; margin: 1px 10px 0px 5px; vertical-align: middle; width: 23px; } .ship-profiles .ship-profile div.comment { margin-left: 39px; } .log div[class|="ship-icon"] { background: url('img/ships/ic_shipprofile-big-v2.png') no-repeat; font-size: 0px; /* MJF: Hack to hide text... */ height: 23px; width: 23px; } .ship-profile option[class|="ship-icon"]:before { background: url('img/ships/ic_shipprofile-big-v2.png') no-repeat; content: ""; display: inline-block; height: 23px; margin: 1px 10px 0px 5px; vertical-align: middle; width: 23px; } .field span[class|="value ship-icon"]:before, .dropdown span[class|="ship-icon"]:before { background: url('img/ships/ic_shipprofile-big-v2.png') no-repeat; content: ""; display: inline-block; height: 23px; vertical-align: middle; width: 23px; } .content .options .ship-list a[class|="ship flag ship-icon"]:before { background: url('img/ships/ic_shipprofile-map-v2.png') no-repeat; } .log div.ship-icon-i01-c0000ff, .field span.ship-icon-i01-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i01-c0000ff:before {background-position: 0px -46px;} .log div.ship-icon-i01-c009999, .field span.ship-icon-i01-c009999:before, .ship-profiles .ship-profile div.ship-icon-i01-c009999:before {background-position: 0px -69px;} .log div.ship-icon-i01-c00ffff, .field span.ship-icon-i01-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i01-c00ffff:before {background-position: 0px -92px;} .log div.ship-icon-i01-c3399ff, .field span.ship-icon-i01-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i01-c3399ff:before {background-position: 0px -115px;} .log div.ship-icon-i01-c663300, .field span.ship-icon-i01-c663300:before, .ship-profiles .ship-profile div.ship-icon-i01-c663300:before {background-position: 0px -138px;} .log div.ship-icon-i01-c6633cc, .field span.ship-icon-i01-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i01-c6633cc:before {background-position: 0px -161px;} .log div.ship-icon-i01-c990066, .field span.ship-icon-i01-c990066:before, .ship-profiles .ship-profile div.ship-icon-i01-c990066:before {background-position: 0px -184px;} .log div.ship-icon-i01-cff33cc, .field span.ship-icon-i01-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i01-cff33cc:before {background-position: 0px -207px;} .log div.ship-icon-i01-ccc9900, .field span.ship-icon-i01-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i01-ccc9900:before {background-position: 0px -230px;} .log div.ship-icon-i01-c99ff00, .field span.ship-icon-i01-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i01-c99ff00:before {background-position: 0px -253px;} .log div.ship-icon-i01-cb1b1b1, .field span.ship-icon-i01-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i01-cb1b1b1:before {background-position: 0px -276px;} .log div.ship-icon-i02-c0000ff, .field span.ship-icon-i02-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i02-c0000ff:before {background-position: -23px -46px;} .log div.ship-icon-i02-c009999, .field span.ship-icon-i02-c009999:before, .ship-profiles .ship-profile div.ship-icon-i02-c009999:before {background-position: -23px -69px;} .log div.ship-icon-i02-c00ffff, .field span.ship-icon-i02-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i02-c00ffff:before {background-position: -23px -92px;} .log div.ship-icon-i02-c3399ff, .field span.ship-icon-i02-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i02-c3399ff:before {background-position: -23px -115px;} .log div.ship-icon-i02-c663300, .field span.ship-icon-i02-c663300:before, .ship-profiles .ship-profile div.ship-icon-i02-c663300:before {background-position: -23px -138px;} .log div.ship-icon-i02-c6633cc, .field span.ship-icon-i02-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i02-c6633cc:before {background-position: -23px -161px;} .log div.ship-icon-i02-c990066, .field span.ship-icon-i02-c990066:before, .ship-profiles .ship-profile div.ship-icon-i02-c990066:before {background-position: -23px -184px;} .log div.ship-icon-i02-cff33cc, .field span.ship-icon-i02-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i02-cff33cc:before {background-position: -23px -207px;} .log div.ship-icon-i02-ccc9900, .field span.ship-icon-i02-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i02-ccc9900:before {background-position: -23px -230px;} .log div.ship-icon-i02-c99ff00, .field span.ship-icon-i02-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i02-c99ff00:before {background-position: -23px -253px;} .log div.ship-icon-i02-cb1b1b1, .field span.ship-icon-i02-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i02-cb1b1b1:before {background-position: -23px -276px;} .log div.ship-icon-i03-c0000ff, .field span.ship-icon-i03-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i03-c0000ff:before {background-position: -46px -46px;} .log div.ship-icon-i03-c009999, .field span.ship-icon-i03-c009999:before, .ship-profiles .ship-profile div.ship-icon-i03-c009999:before {background-position: -46px -69px;} .log div.ship-icon-i03-c00ffff, .field span.ship-icon-i03-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i03-c00ffff:before {background-position: -46px -92px;} .log div.ship-icon-i03-c3399ff, .field span.ship-icon-i03-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i03-c3399ff:before {background-position: -46px -115px;} .log div.ship-icon-i03-c663300, .field span.ship-icon-i03-c663300:before, .ship-profiles .ship-profile div.ship-icon-i03-c663300:before {background-position: -46px -138px;} .log div.ship-icon-i03-c6633cc, .field span.ship-icon-i03-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i03-c6633cc:before {background-position: -46px -161px;} .log div.ship-icon-i03-c990066, .field span.ship-icon-i03-c990066:before, .ship-profiles .ship-profile div.ship-icon-i03-c990066:before {background-position: -46px -184px;} .log div.ship-icon-i03-cff33cc, .field span.ship-icon-i03-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i03-cff33cc:before {background-position: -46px -207px;} .log div.ship-icon-i03-ccc9900, .field span.ship-icon-i03-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i03-ccc9900:before {background-position: -46px -230px;} .log div.ship-icon-i03-c99ff00, .field span.ship-icon-i03-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i03-c99ff00:before {background-position: -46px -253px;} .log div.ship-icon-i03-cb1b1b1, .field span.ship-icon-i03-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i03-cb1b1b1:before {background-position: -46px -276px;} .log div.ship-icon-i04-c0000ff, .field span.ship-icon-i04-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i04-c0000ff:before {background-position: -69px -46px;} .log div.ship-icon-i04-c009999, .field span.ship-icon-i04-c009999:before, .ship-profiles .ship-profile div.ship-icon-i04-c009999:before {background-position: -69px -69px;} .log div.ship-icon-i04-c00ffff, .field span.ship-icon-i04-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i04-c00ffff:before {background-position: -69px -92px;} .log div.ship-icon-i04-c3399ff, .field span.ship-icon-i04-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i04-c3399ff:before {background-position: -69px -115px;} .log div.ship-icon-i04-c663300, .field span.ship-icon-i04-c663300:before, .ship-profiles .ship-profile div.ship-icon-i04-c663300:before {background-position: -69px -138px;} .log div.ship-icon-i04-c6633cc, .field span.ship-icon-i04-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i04-c6633cc:before {background-position: -69px -161px;} .log div.ship-icon-i04-c990066, .field span.ship-icon-i04-c990066:before, .ship-profiles .ship-profile div.ship-icon-i04-c990066:before {background-position: -69px -184px;} .log div.ship-icon-i04-cff33cc, .field span.ship-icon-i04-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i04-cff33cc:before {background-position: -69px -207px;} .log div.ship-icon-i04-ccc9900, .field span.ship-icon-i04-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i04-ccc9900:before {background-position: -69px -230px;} .log div.ship-icon-i04-c99ff00, .field span.ship-icon-i04-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i04-c99ff00:before {background-position: -69px -253px;} .log div.ship-icon-i04-cb1b1b1, .field span.ship-icon-i04-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i04-cb1b1b1:before {background-position: -69px -276px;} .log div.ship-icon-i05-c0000ff, .field span.ship-icon-i05-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i05-c0000ff:before {background-position: -92px -46px;} .log div.ship-icon-i05-c009999, .field span.ship-icon-i05-c009999:before, .ship-profiles .ship-profile div.ship-icon-i05-c009999:before {background-position: -92px -69px;} .log div.ship-icon-i05-c00ffff, .field span.ship-icon-i05-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i05-c00ffff:before {background-position: -92px -92px;} .log div.ship-icon-i05-c3399ff, .field span.ship-icon-i05-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i05-c3399ff:before {background-position: -92px -115px;} .log div.ship-icon-i05-c663300, .field span.ship-icon-i05-c663300:before, .ship-profiles .ship-profile div.ship-icon-i05-c663300:before {background-position: -92px -138px;} .log div.ship-icon-i05-c6633cc, .field span.ship-icon-i05-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i05-c6633cc:before {background-position: -92px -161px;} .log div.ship-icon-i05-c990066, .field span.ship-icon-i05-c990066:before, .ship-profiles .ship-profile div.ship-icon-i05-c990066:before {background-position: -92px -184px;} .log div.ship-icon-i05-cff33cc, .field span.ship-icon-i05-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i05-cff33cc:before {background-position: -92px -207px;} .log div.ship-icon-i05-ccc9900, .field span.ship-icon-i05-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i05-ccc9900:before {background-position: -92px -230px;} .log div.ship-icon-i05-c99ff00, .field span.ship-icon-i05-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i05-c99ff00:before {background-position: -92px -253px;} .log div.ship-icon-i05-cb1b1b1, .field span.ship-icon-i05-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i05-cb1b1b1:before {background-position: -92px -276px;} .log div.ship-icon-i06-c0000ff, .field span.ship-icon-i06-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i06-c0000ff:before {background-position: -115px -46px;} .log div.ship-icon-i06-c009999, .field span.ship-icon-i06-c009999:before, .ship-profiles .ship-profile div.ship-icon-i06-c009999:before {background-position: -115px -69px;} .log div.ship-icon-i06-c00ffff, .field span.ship-icon-i06-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i06-c00ffff:before {background-position: -115px -92px;} .log div.ship-icon-i06-c3399ff, .field span.ship-icon-i06-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i06-c3399ff:before {background-position: -115px -115px;} .log div.ship-icon-i06-c663300, .field span.ship-icon-i06-c663300:before, .ship-profiles .ship-profile div.ship-icon-i06-c663300:before {background-position: -115px -138px;} .log div.ship-icon-i06-c6633cc, .field span.ship-icon-i06-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i06-c6633cc:before {background-position: -115px -161px;} .log div.ship-icon-i06-c990066, .field span.ship-icon-i06-c990066:before, .ship-profiles .ship-profile div.ship-icon-i06-c990066:before {background-position: -115px -184px;} .log div.ship-icon-i06-cff33cc, .field span.ship-icon-i06-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i06-cff33cc:before {background-position: -115px -207px;} .log div.ship-icon-i06-ccc9900, .field span.ship-icon-i06-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i06-ccc9900:before {background-position: -115px -230px;} .log div.ship-icon-i06-c99ff00, .field span.ship-icon-i06-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i06-c99ff00:before {background-position: -115px -253px;} .log div.ship-icon-i06-cb1b1b1, .field span.ship-icon-i06-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i06-cb1b1b1:before {background-position: -115px -276px;} .log div.ship-icon-i07-c0000ff, .field span.ship-icon-i07-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i07-c0000ff:before {background-position: -138px -46px;} .log div.ship-icon-i07-c009999, .field span.ship-icon-i07-c009999:before, .ship-profiles .ship-profile div.ship-icon-i07-c009999:before {background-position: -138px -69px;} .log div.ship-icon-i07-c00ffff, .field span.ship-icon-i07-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i07-c00ffff:before {background-position: -138px -92px;} .log div.ship-icon-i07-c3399ff, .field span.ship-icon-i07-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i07-c3399ff:before {background-position: -138px -115px;} .log div.ship-icon-i07-c663300, .field span.ship-icon-i07-c663300:before, .ship-profiles .ship-profile div.ship-icon-i07-c663300:before {background-position: -138px -138px;} .log div.ship-icon-i07-c6633cc, .field span.ship-icon-i07-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i07-c6633cc:before {background-position: -138px -161px;} .log div.ship-icon-i07-c990066, .field span.ship-icon-i07-c990066:before, .ship-profiles .ship-profile div.ship-icon-i07-c990066:before {background-position: -138px -184px;} .log div.ship-icon-i07-cff33cc, .field span.ship-icon-i07-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i07-cff33cc:before {background-position: -138px -207px;} .log div.ship-icon-i07-ccc9900, .field span.ship-icon-i07-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i07-ccc9900:before {background-position: -138px -230px;} .log div.ship-icon-i07-c99ff00, .field span.ship-icon-i07-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i07-c99ff00:before {background-position: -138px -253px;} .log div.ship-icon-i07-cb1b1b1, .field span.ship-icon-i07-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i07-cb1b1b1:before {background-position: -138px -276px;} .log div.ship-icon-i08-c0000ff, .field span.ship-icon-i08-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i08-c0000ff:before {background-position: -161px -46px;} .log div.ship-icon-i08-c009999, .field span.ship-icon-i08-c009999:before, .ship-profiles .ship-profile div.ship-icon-i08-c009999:before {background-position: -161px -69px;} .log div.ship-icon-i08-c00ffff, .field span.ship-icon-i08-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i08-c00ffff:before {background-position: -161px -92px;} .log div.ship-icon-i08-c3399ff, .field span.ship-icon-i08-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i08-c3399ff:before {background-position: -161px -115px;} .log div.ship-icon-i08-c663300, .field span.ship-icon-i08-c663300:before, .ship-profiles .ship-profile div.ship-icon-i08-c663300:before {background-position: -161px -138px;} .log div.ship-icon-i08-c6633cc, .field span.ship-icon-i08-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i08-c6633cc:before {background-position: -161px -161px;} .log div.ship-icon-i08-c990066, .field span.ship-icon-i08-c990066:before, .ship-profiles .ship-profile div.ship-icon-i08-c990066:before {background-position: -161px -184px;} .log div.ship-icon-i08-cff33cc, .field span.ship-icon-i08-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i08-cff33cc:before {background-position: -161px -207px;} .log div.ship-icon-i08-ccc9900, .field span.ship-icon-i08-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i08-ccc9900:before {background-position: -161px -230px;} .log div.ship-icon-i08-c99ff00, .field span.ship-icon-i08-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i08-c99ff00:before {background-position: -161px -253px;} .log div.ship-icon-i08-cb1b1b1, .field span.ship-icon-i08-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i08-cb1b1b1:before {background-position: -161px -276px;} .log div.ship-icon-i09-c0000ff, .field span.ship-icon-i09-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i09-c0000ff:before {background-position: -184px -46px;} .log div.ship-icon-i09-c009999, .field span.ship-icon-i09-c009999:before, .ship-profiles .ship-profile div.ship-icon-i09-c009999:before {background-position: -184px -69px;} .log div.ship-icon-i09-c00ffff, .field span.ship-icon-i09-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i09-c00ffff:before {background-position: -184px -92px;} .log div.ship-icon-i09-c3399ff, .field span.ship-icon-i09-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i09-c3399ff:before {background-position: -184px -115px;} .log div.ship-icon-i09-c663300, .field span.ship-icon-i09-c663300:before, .ship-profiles .ship-profile div.ship-icon-i09-c663300:before {background-position: -184px -138px;} .log div.ship-icon-i09-c6633cc, .field span.ship-icon-i09-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i09-c6633cc:before {background-position: -184px -161px;} .log div.ship-icon-i09-c990066, .field span.ship-icon-i09-c990066:before, .ship-profiles .ship-profile div.ship-icon-i09-c990066:before {background-position: -184px -184px;} .log div.ship-icon-i09-cff33cc, .field span.ship-icon-i09-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i09-cff33cc:before {background-position: -184px -207px;} .log div.ship-icon-i09-ccc9900, .field span.ship-icon-i09-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i09-ccc9900:before {background-position: -184px -230px;} .log div.ship-icon-i09-c99ff00, .field span.ship-icon-i09-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i09-c99ff00:before {background-position: -184px -253px;} .log div.ship-icon-i09-cb1b1b1, .field span.ship-icon-i09-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i09-cb1b1b1:before {background-position: -184px -276px;} .log div.ship-icon-i10-c0000ff, .field span.ship-icon-i10-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i10-c0000ff:before {background-position: -207px -46px;} .log div.ship-icon-i10-c009999, .field span.ship-icon-i10-c009999:before, .ship-profiles .ship-profile div.ship-icon-i10-c009999:before {background-position: -207px -69px;} .log div.ship-icon-i10-c00ffff, .field span.ship-icon-i10-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i10-c00ffff:before {background-position: -207px -92px;} .log div.ship-icon-i10-c3399ff, .field span.ship-icon-i10-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i10-c3399ff:before {background-position: -207px -115px;} .log div.ship-icon-i10-c663300, .field span.ship-icon-i10-c663300:before, .ship-profiles .ship-profile div.ship-icon-i10-c663300:before {background-position: -207px -138px;} .log div.ship-icon-i10-c6633cc, .field span.ship-icon-i10-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i10-c6633cc:before {background-position: -207px -161px;} .log div.ship-icon-i10-c990066, .field span.ship-icon-i10-c990066:before, .ship-profiles .ship-profile div.ship-icon-i10-c990066:before {background-position: -207px -184px;} .log div.ship-icon-i10-cff33cc, .field span.ship-icon-i10-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i10-cff33cc:before {background-position: -207px -207px;} .log div.ship-icon-i10-ccc9900, .field span.ship-icon-i10-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i10-ccc9900:before {background-position: -207px -230px;} .log div.ship-icon-i10-c99ff00, .field span.ship-icon-i10-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i10-c99ff00:before {background-position: -207px -253px;} .log div.ship-icon-i10-cb1b1b1, .field span.ship-icon-i10-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i10-cb1b1b1:before {background-position: -207px -276px;} .log div.ship-icon-i11-c0000ff, .field span.ship-icon-i11-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i11-c0000ff:before {background-position: -230px -46px;} .log div.ship-icon-i11-c009999, .field span.ship-icon-i11-c009999:before, .ship-profiles .ship-profile div.ship-icon-i11-c009999:before {background-position: -230px -69px;} .log div.ship-icon-i11-c00ffff, .field span.ship-icon-i11-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i11-c00ffff:before {background-position: -230px -92px;} .log div.ship-icon-i11-c3399ff, .field span.ship-icon-i11-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i11-c3399ff:before {background-position: -230px -115px;} .log div.ship-icon-i11-c663300, .field span.ship-icon-i11-c663300:before, .ship-profiles .ship-profile div.ship-icon-i11-c663300:before {background-position: -230px -138px;} .log div.ship-icon-i11-c6633cc, .field span.ship-icon-i11-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i11-c6633cc:before {background-position: -230px -161px;} .log div.ship-icon-i11-c990066, .field span.ship-icon-i11-c990066:before, .ship-profiles .ship-profile div.ship-icon-i11-c990066:before {background-position: -230px -184px;} .log div.ship-icon-i11-cff33cc, .field span.ship-icon-i11-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i11-cff33cc:before {background-position: -230px -207px;} .log div.ship-icon-i11-ccc9900, .field span.ship-icon-i11-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i11-ccc9900:before {background-position: -230px -230px;} .log div.ship-icon-i11-c99ff00, .field span.ship-icon-i11-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i11-c99ff00:before {background-position: -230px -253px;} .log div.ship-icon-i11-cb1b1b1, .field span.ship-icon-i11-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i11-cb1b1b1:before {background-position: -230px -276px;} .log div.ship-icon-i12-c0000ff, .field span.ship-icon-i12-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i12-c0000ff:before {background-position: -253px -46px;} .log div.ship-icon-i12-c009999, .field span.ship-icon-i12-c009999:before, .ship-profiles .ship-profile div.ship-icon-i12-c009999:before {background-position: -253px -69px;} .log div.ship-icon-i12-c00ffff, .field span.ship-icon-i12-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i12-c00ffff:before {background-position: -253px -92px;} .log div.ship-icon-i12-c3399ff, .field span.ship-icon-i12-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i12-c3399ff:before {background-position: -253px -115px;} .log div.ship-icon-i12-c663300, .field span.ship-icon-i12-c663300:before, .ship-profiles .ship-profile div.ship-icon-i12-c663300:before {background-position: -253px -138px;} .log div.ship-icon-i12-c6633cc, .field span.ship-icon-i12-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i12-c6633cc:before {background-position: -253px -161px;} .log div.ship-icon-i12-c990066, .field span.ship-icon-i12-c990066:before, .ship-profiles .ship-profile div.ship-icon-i12-c990066:before {background-position: -253px -184px;} .log div.ship-icon-i12-cff33cc, .field span.ship-icon-i12-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i12-cff33cc:before {background-position: -253px -207px;} .log div.ship-icon-i12-ccc9900, .field span.ship-icon-i12-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i12-ccc9900:before {background-position: -253px -230px;} .log div.ship-icon-i12-c99ff00, .field span.ship-icon-i12-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i12-c99ff00:before {background-position: -253px -253px;} .log div.ship-icon-i12-cb1b1b1, .field span.ship-icon-i12-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i12-cb1b1b1:before {background-position: -253px -276px;} .log div.ship-icon-i13-c0000ff, .field span.ship-icon-i13-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i13-c0000ff:before {background-position: -276px -46px;} .log div.ship-icon-i13-c009999, .field span.ship-icon-i13-c009999:before, .ship-profiles .ship-profile div.ship-icon-i13-c009999:before {background-position: -276px -69px;} .log div.ship-icon-i13-c00ffff, .field span.ship-icon-i13-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i13-c00ffff:before {background-position: -276px -92px;} .log div.ship-icon-i13-c3399ff, .field span.ship-icon-i13-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i13-c3399ff:before {background-position: -276px -115px;} .log div.ship-icon-i13-c663300, .field span.ship-icon-i13-c663300:before, .ship-profiles .ship-profile div.ship-icon-i13-c663300:before {background-position: -276px -138px;} .log div.ship-icon-i13-c6633cc, .field span.ship-icon-i13-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i13-c6633cc:before {background-position: -276px -161px;} .log div.ship-icon-i13-c990066, .field span.ship-icon-i13-c990066:before, .ship-profiles .ship-profile div.ship-icon-i13-c990066:before {background-position: -276px -184px;} .log div.ship-icon-i13-cff33cc, .field span.ship-icon-i13-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i13-cff33cc:before {background-position: -276px -207px;} .log div.ship-icon-i13-ccc9900, .field span.ship-icon-i13-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i13-ccc9900:before {background-position: -276px -230px;} .log div.ship-icon-i13-c99ff00, .field span.ship-icon-i13-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i13-c99ff00:before {background-position: -276px -253px;} .log div.ship-icon-i13-cb1b1b1, .field span.ship-icon-i13-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i13-cb1b1b1:before {background-position: -276px -276px;} .log div.ship-icon-i14-c0000ff, .field span.ship-icon-i14-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i14-c0000ff:before {background-position: -299px -46px;} .log div.ship-icon-i14-c009999, .field span.ship-icon-i14-c009999:before, .ship-profiles .ship-profile div.ship-icon-i14-c009999:before {background-position: -299px -69px;} .log div.ship-icon-i14-c00ffff, .field span.ship-icon-i14-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i14-c00ffff:before {background-position: -299px -92px;} .log div.ship-icon-i14-c3399ff, .field span.ship-icon-i14-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i14-c3399ff:before {background-position: -299px -115px;} .log div.ship-icon-i14-c663300, .field span.ship-icon-i14-c663300:before, .ship-profiles .ship-profile div.ship-icon-i14-c663300:before {background-position: -299px -138px;} .log div.ship-icon-i14-c6633cc, .field span.ship-icon-i14-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i14-c6633cc:before {background-position: -299px -161px;} .log div.ship-icon-i14-c990066, .field span.ship-icon-i14-c990066:before, .ship-profiles .ship-profile div.ship-icon-i14-c990066:before {background-position: -299px -184px;} .log div.ship-icon-i14-cff33cc, .field span.ship-icon-i14-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i14-cff33cc:before {background-position: -299px -207px;} .log div.ship-icon-i14-ccc9900, .field span.ship-icon-i14-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i14-ccc9900:before {background-position: -299px -230px;} .log div.ship-icon-i14-c99ff00, .field span.ship-icon-i14-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i14-c99ff00:before {background-position: -299px -253px;} .log div.ship-icon-i14-cb1b1b1, .field span.ship-icon-i14-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i14-cb1b1b1:before {background-position: -299px -276px;} .log div.ship-icon-i15-c0000ff, .field span.ship-icon-i15-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i15-c0000ff:before {background-position: -322px -46px;} .log div.ship-icon-i15-c009999, .field span.ship-icon-i15-c009999:before, .ship-profiles .ship-profile div.ship-icon-i15-c009999:before {background-position: -322px -69px;} .log div.ship-icon-i15-c00ffff, .field span.ship-icon-i15-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i15-c00ffff:before {background-position: -322px -92px;} .log div.ship-icon-i15-c3399ff, .field span.ship-icon-i15-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i15-c3399ff:before {background-position: -322px -115px;} .log div.ship-icon-i15-c663300, .field span.ship-icon-i15-c663300:before, .ship-profiles .ship-profile div.ship-icon-i15-c663300:before {background-position: -322px -138px;} .log div.ship-icon-i15-c6633cc, .field span.ship-icon-i15-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i15-c6633cc:before {background-position: -322px -161px;} .log div.ship-icon-i15-c990066, .field span.ship-icon-i15-c990066:before, .ship-profiles .ship-profile div.ship-icon-i15-c990066:before {background-position: -322px -184px;} .log div.ship-icon-i15-cff33cc, .field span.ship-icon-i15-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i15-cff33cc:before {background-position: -322px -207px;} .log div.ship-icon-i15-ccc9900, .field span.ship-icon-i15-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i15-ccc9900:before {background-position: -322px -230px;} .log div.ship-icon-i15-c99ff00, .field span.ship-icon-i15-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i15-c99ff00:before {background-position: -322px -253px;} .log div.ship-icon-i15-cb1b1b1, .field span.ship-icon-i15-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i15-cb1b1b1:before {background-position: -322px -276px;} .log div.ship-icon-i16-c0000ff, .field span.ship-icon-i16-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i16-c0000ff:before {background-position: -345px -46px;} .log div.ship-icon-i16-c009999, .field span.ship-icon-i16-c009999:before, .ship-profiles .ship-profile div.ship-icon-i16-c009999:before {background-position: -345px -69px;} .log div.ship-icon-i16-c00ffff, .field span.ship-icon-i16-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i16-c00ffff:before {background-position: -345px -92px;} .log div.ship-icon-i16-c3399ff, .field span.ship-icon-i16-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i16-c3399ff:before {background-position: -345px -115px;} .log div.ship-icon-i16-c663300, .field span.ship-icon-i16-c663300:before, .ship-profiles .ship-profile div.ship-icon-i16-c663300:before {background-position: -345px -138px;} .log div.ship-icon-i16-c6633cc, .field span.ship-icon-i16-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i16-c6633cc:before {background-position: -345px -161px;} .log div.ship-icon-i16-c990066, .field span.ship-icon-i16-c990066:before, .ship-profiles .ship-profile div.ship-icon-i16-c990066:before {background-position: -345px -184px;} .log div.ship-icon-i16-cff33cc, .field span.ship-icon-i16-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i16-cff33cc:before {background-position: -345px -207px;} .log div.ship-icon-i16-ccc9900, .field span.ship-icon-i16-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i16-ccc9900:before {background-position: -345px -230px;} .log div.ship-icon-i16-c99ff00, .field span.ship-icon-i16-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i16-c99ff00:before {background-position: -345px -253px;} .log div.ship-icon-i16-cb1b1b1, .field span.ship-icon-i16-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i16-cb1b1b1:before {background-position: -345px -276px;} .log div.ship-icon-i17-c0000ff, .field span.ship-icon-i17-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i17-c0000ff:before {background-position: -368px -46px;} .log div.ship-icon-i17-c009999, .field span.ship-icon-i17-c009999:before, .ship-profiles .ship-profile div.ship-icon-i17-c009999:before {background-position: -368px -69px;} .log div.ship-icon-i17-c00ffff, .field span.ship-icon-i17-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i17-c00ffff:before {background-position: -368px -92px;} .log div.ship-icon-i17-c3399ff, .field span.ship-icon-i17-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i17-c3399ff:before {background-position: -368px -115px;} .log div.ship-icon-i17-c663300, .field span.ship-icon-i17-c663300:before, .ship-profiles .ship-profile div.ship-icon-i17-c663300:before {background-position: -368px -138px;} .log div.ship-icon-i17-c6633cc, .field span.ship-icon-i17-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i17-c6633cc:before {background-position: -368px -161px;} .log div.ship-icon-i17-c990066, .field span.ship-icon-i17-c990066:before, .ship-profiles .ship-profile div.ship-icon-i17-c990066:before {background-position: -368px -184px;} .log div.ship-icon-i17-cff33cc, .field span.ship-icon-i17-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i17-cff33cc:before {background-position: -368px -207px;} .log div.ship-icon-i17-ccc9900, .field span.ship-icon-i17-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i17-ccc9900:before {background-position: -368px -230px;} .log div.ship-icon-i17-c99ff00, .field span.ship-icon-i17-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i17-c99ff00:before {background-position: -368px -253px;} .log div.ship-icon-i17-cb1b1b1, .field span.ship-icon-i17-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i17-cb1b1b1:before {background-position: -368px -276px;} .log div.ship-icon-i18-c0000ff, .field span.ship-icon-i18-c0000ff:before, .ship-profiles .ship-profile div.ship-icon-i18-c0000ff:before {background-position: -391px -46px;} .log div.ship-icon-i18-c009999, .field span.ship-icon-i18-c009999:before, .ship-profiles .ship-profile div.ship-icon-i18-c009999:before {background-position: -391px -69px;} .log div.ship-icon-i18-c00ffff, .field span.ship-icon-i18-c00ffff:before, .ship-profiles .ship-profile div.ship-icon-i18-c00ffff:before {background-position: -391px -92px;} .log div.ship-icon-i18-c3399ff, .field span.ship-icon-i18-c3399ff:before, .ship-profiles .ship-profile div.ship-icon-i18-c3399ff:before {background-position: -391px -115px;} .log div.ship-icon-i18-c663300, .field span.ship-icon-i18-c663300:before, .ship-profiles .ship-profile div.ship-icon-i18-c663300:before {background-position: -391px -138px;} .log div.ship-icon-i18-c6633cc, .field span.ship-icon-i18-c6633cc:before, .ship-profiles .ship-profile div.ship-icon-i18-c6633cc:before {background-position: -391px -161px;} .log div.ship-icon-i18-c990066, .field span.ship-icon-i18-c990066:before, .ship-profiles .ship-profile div.ship-icon-i18-c990066:before {background-position: -391px -184px;} .log div.ship-icon-i18-cff33cc, .field span.ship-icon-i18-cff33cc:before, .ship-profiles .ship-profile div.ship-icon-i18-cff33cc:before {background-position: -391px -207px;} .log div.ship-icon-i18-ccc9900, .field span.ship-icon-i18-ccc9900:before, .ship-profiles .ship-profile div.ship-icon-i18-ccc9900:before {background-position: -391px -230px;} .log div.ship-icon-i18-c99ff00, .field span.ship-icon-i18-c99ff00:before, .ship-profiles .ship-profile div.ship-icon-i18-c99ff00:before {background-position: -391px -253px;} .log div.ship-icon-i18-cb1b1b1, .field span.ship-icon-i18-cb1b1b1:before, .ship-profiles .ship-profile div.ship-icon-i18-cb1b1b1:before {background-position: -391px -276px;} .content .options .ship-list a[class|="ship flag ship-icon"]:before { background: url('img/ships/ic_shipprofile-map-v2.png') no-repeat; } .content .options .ship-list a.ship-icon-i01-c0000ff:before {background-position: 0px 0px;} .content .options .ship-list a.ship-icon-i01-c009999:before {background-position: 0px -19px;} .content .options .ship-list a.ship-icon-i01-c00ffff:before {background-position: 0px -38px;} .content .options .ship-list a.ship-icon-i01-c3399ff:before {background-position: 0px -57px;} .content .options .ship-list a.ship-icon-i01-c663300:before {background-position: 0px -76px;} .content .options .ship-list a.ship-icon-i01-c6633cc:before {background-position: 0px -95px;} .content .options .ship-list a.ship-icon-i01-c990066:before {background-position: 0px -114px;} .content .options .ship-list a.ship-icon-i01-cff33cc:before {background-position: 0px -133px;} .content .options .ship-list a.ship-icon-i01-ccc9900:before {background-position: 0px -152px;} .content .options .ship-list a.ship-icon-i01-c99ff00:before {background-position: 0px -171px;} .content .options .ship-list a.ship-icon-i01-cb1b1b1:before {background-position: 0px -190px;} .content .options .ship-list a.ship-icon-i02-c0000ff:before {background-position: -19px 0px;} .content .options .ship-list a.ship-icon-i02-c009999:before {background-position: -19px -19px;} .content .options .ship-list a.ship-icon-i02-c00ffff:before {background-position: -19px -38px;} .content .options .ship-list a.ship-icon-i02-c3399ff:before {background-position: -19px -57px;} .content .options .ship-list a.ship-icon-i02-c663300:before {background-position: -19px -76px;} .content .options .ship-list a.ship-icon-i02-c6633cc:before {background-position: -19px -95px;} .content .options .ship-list a.ship-icon-i02-c990066:before {background-position: -19px -114px;} .content .options .ship-list a.ship-icon-i02-cff33cc:before {background-position: -19px -133px;} .content .options .ship-list a.ship-icon-i02-ccc9900:before {background-position: -19px -152px;} .content .options .ship-list a.ship-icon-i02-c99ff00:before {background-position: -19px -171px;} .content .options .ship-list a.ship-icon-i02-cb1b1b1:before {background-position: -19px -190px;} .content .options .ship-list a.ship-icon-i03-c0000ff:before {background-position: -38px 0px;} .content .options .ship-list a.ship-icon-i03-c009999:before {background-position: -38px -19px;} .content .options .ship-list a.ship-icon-i03-c00ffff:before {background-position: -38px -38px;} .content .options .ship-list a.ship-icon-i03-c3399ff:before {background-position: -38px -57px;} .content .options .ship-list a.ship-icon-i03-c663300:before {background-position: -38px -76px;} .content .options .ship-list a.ship-icon-i03-c6633cc:before {background-position: -38px -95px;} .content .options .ship-list a.ship-icon-i03-c990066:before {background-position: -38px -114px;} .content .options .ship-list a.ship-icon-i03-cff33cc:before {background-position: -38px -133px;} .content .options .ship-list a.ship-icon-i03-ccc9900:before {background-position: -38px -152px;} .content .options .ship-list a.ship-icon-i03-c99ff00:before {background-position: -38px -171px;} .content .options .ship-list a.ship-icon-i03-cb1b1b1:before {background-position: -38px -190px;} .content .options .ship-list a.ship-icon-i04-c0000ff:before {background-position: -57px 0px;} .content .options .ship-list a.ship-icon-i04-c009999:before {background-position: -57px -19px;} .content .options .ship-list a.ship-icon-i04-c00ffff:before {background-position: -57px -38px;} .content .options .ship-list a.ship-icon-i04-c3399ff:before {background-position: -57px -57px;} .content .options .ship-list a.ship-icon-i04-c663300:before {background-position: -57px -76px;} .content .options .ship-list a.ship-icon-i04-c6633cc:before {background-position: -57px -95px;} .content .options .ship-list a.ship-icon-i04-c990066:before {background-position: -57px -114px;} .content .options .ship-list a.ship-icon-i04-cff33cc:before {background-position: -57px -133px;} .content .options .ship-list a.ship-icon-i04-ccc9900:before {background-position: -57px -152px;} .content .options .ship-list a.ship-icon-i04-c99ff00:before {background-position: -57px -171px;} .content .options .ship-list a.ship-icon-i04-cb1b1b1:before {background-position: -57px -190px;} .content .options .ship-list a.ship-icon-i05-c0000ff:before {background-position: -76px 0px;} .content .options .ship-list a.ship-icon-i05-c009999:before {background-position: -76px -19px;} .content .options .ship-list a.ship-icon-i05-c00ffff:before {background-position: -76px -38px;} .content .options .ship-list a.ship-icon-i05-c3399ff:before {background-position: -76px -57px;} .content .options .ship-list a.ship-icon-i05-c663300:before {background-position: -76px -76px;} .content .options .ship-list a.ship-icon-i05-c6633cc:before {background-position: -76px -95px;} .content .options .ship-list a.ship-icon-i05-c990066:before {background-position: -76px -114px;} .content .options .ship-list a.ship-icon-i05-cff33cc:before {background-position: -76px -133px;} .content .options .ship-list a.ship-icon-i05-ccc9900:before {background-position: -76px -152px;} .content .options .ship-list a.ship-icon-i05-c99ff00:before {background-position: -76px -171px;} .content .options .ship-list a.ship-icon-i05-cb1b1b1:before {background-position: -76px -190px;} .content .options .ship-list a.ship-icon-i06-c0000ff:before {background-position: -95px 0px;} .content .options .ship-list a.ship-icon-i06-c009999:before {background-position: -95px -19px;} .content .options .ship-list a.ship-icon-i06-c00ffff:before {background-position: -95px -38px;} .content .options .ship-list a.ship-icon-i06-c3399ff:before {background-position: -95px -57px;} .content .options .ship-list a.ship-icon-i06-c663300:before {background-position: -95px -76px;} .content .options .ship-list a.ship-icon-i06-c6633cc:before {background-position: -95px -95px;} .content .options .ship-list a.ship-icon-i06-c990066:before {background-position: -95px -114px;} .content .options .ship-list a.ship-icon-i06-cff33cc:before {background-position: -95px -133px;} .content .options .ship-list a.ship-icon-i06-ccc9900:before {background-position: -95px -152px;} .content .options .ship-list a.ship-icon-i06-c99ff00:before {background-position: -95px -171px;} .content .options .ship-list a.ship-icon-i06-cb1b1b1:before {background-position: -95px -190px;} .content .options .ship-list a.ship-icon-i07-c0000ff:before {background-position: -114px 0px;} .content .options .ship-list a.ship-icon-i07-c009999:before {background-position: -114px -19px;} .content .options .ship-list a.ship-icon-i07-c00ffff:before {background-position: -114px -38px;} .content .options .ship-list a.ship-icon-i07-c3399ff:before {background-position: -114px -57px;} .content .options .ship-list a.ship-icon-i07-c663300:before {background-position: -114px -76px;} .content .options .ship-list a.ship-icon-i07-c6633cc:before {background-position: -114px -95px;} .content .options .ship-list a.ship-icon-i07-c990066:before {background-position: -114px -114px;} .content .options .ship-list a.ship-icon-i07-cff33cc:before {background-position: -114px -133px;} .content .options .ship-list a.ship-icon-i07-ccc9900:before {background-position: -114px -152px;} .content .options .ship-list a.ship-icon-i07-c99ff00:before {background-position: -114px -171px;} .content .options .ship-list a.ship-icon-i07-cb1b1b1:before {background-position: -114px -190px;} .content .options .ship-list a.ship-icon-i08-c0000ff:before {background-position: -133px 0px;} .content .options .ship-list a.ship-icon-i08-c009999:before {background-position: -133px -19px;} .content .options .ship-list a.ship-icon-i08-c00ffff:before {background-position: -133px -38px;} .content .options .ship-list a.ship-icon-i08-c3399ff:before {background-position: -133px -57px;} .content .options .ship-list a.ship-icon-i08-c663300:before {background-position: -133px -76px;} .content .options .ship-list a.ship-icon-i08-c6633cc:before {background-position: -133px -95px;} .content .options .ship-list a.ship-icon-i08-c990066:before {background-position: -133px -114px;} .content .options .ship-list a.ship-icon-i08-cff33cc:before {background-position: -133px -133px;} .content .options .ship-list a.ship-icon-i08-ccc9900:before {background-position: -133px -152px;} .content .options .ship-list a.ship-icon-i08-c99ff00:before {background-position: -133px -171px;} .content .options .ship-list a.ship-icon-i08-cb1b1b1:before {background-position: -133px -190px;} .content .options .ship-list a.ship-icon-i09-c0000ff:before {background-position: -152px 0px;} .content .options .ship-list a.ship-icon-i09-c009999:before {background-position: -152px -19px;} .content .options .ship-list a.ship-icon-i09-c00ffff:before {background-position: -152px -38px;} .content .options .ship-list a.ship-icon-i09-c3399ff:before {background-position: -152px -57px;} .content .options .ship-list a.ship-icon-i09-c663300:before {background-position: -152px -76px;} .content .options .ship-list a.ship-icon-i09-c6633cc:before {background-position: -152px -95px;} .content .options .ship-list a.ship-icon-i09-c990066:before {background-position: -152px -114px;} .content .options .ship-list a.ship-icon-i09-cff33cc:before {background-position: -152px -133px;} .content .options .ship-list a.ship-icon-i09-ccc9900:before {background-position: -152px -152px;} .content .options .ship-list a.ship-icon-i09-c99ff00:before {background-position: -152px -171px;} .content .options .ship-list a.ship-icon-i09-cb1b1b1:before {background-position: -152px -190px;} .content .options .ship-list a.ship-icon-i10-c0000ff:before {background-position: -171px 0px;} .content .options .ship-list a.ship-icon-i10-c009999:before {background-position: -171px -19px;} .content .options .ship-list a.ship-icon-i10-c00ffff:before {background-position: -171px -38px;} .content .options .ship-list a.ship-icon-i10-c3399ff:before {background-position: -171px -57px;} .content .options .ship-list a.ship-icon-i10-c663300:before {background-position: -171px -76px;} .content .options .ship-list a.ship-icon-i10-c6633cc:before {background-position: -171px -95px;} .content .options .ship-list a.ship-icon-i10-c990066:before {background-position: -171px -114px;} .content .options .ship-list a.ship-icon-i10-cff33cc:before {background-position: -171px -133px;} .content .options .ship-list a.ship-icon-i10-ccc9900:before {background-position: -171px -152px;} .content .options .ship-list a.ship-icon-i10-c99ff00:before {background-position: -171px -171px;} .content .options .ship-list a.ship-icon-i10-cb1b1b1:before {background-position: -171px -190px;} .content .options .ship-list a.ship-icon-i11-c0000ff:before {background-position: -190px 0px;} .content .options .ship-list a.ship-icon-i11-c009999:before {background-position: -190px -19px;} .content .options .ship-list a.ship-icon-i11-c00ffff:before {background-position: -190px -38px;} .content .options .ship-list a.ship-icon-i11-c3399ff:before {background-position: -190px -57px;} .content .options .ship-list a.ship-icon-i11-c663300:before {background-position: -190px -76px;} .content .options .ship-list a.ship-icon-i11-c6633cc:before {background-position: -190px -95px;} .content .options .ship-list a.ship-icon-i11-c990066:before {background-position: -190px -114px;} .content .options .ship-list a.ship-icon-i11-cff33cc:before {background-position: -190px -133px;} .content .options .ship-list a.ship-icon-i11-ccc9900:before {background-position: -190px -152px;} .content .options .ship-list a.ship-icon-i11-c99ff00:before {background-position: -190px -171px;} .content .options .ship-list a.ship-icon-i11-cb1b1b1:before {background-position: -190px -190px;} .content .options .ship-list a.ship-icon-i12-c0000ff:before {background-position: -209px 0px;} .content .options .ship-list a.ship-icon-i12-c009999:before {background-position: -209px -19px;} .content .options .ship-list a.ship-icon-i12-c00ffff:before {background-position: -209px -38px;} .content .options .ship-list a.ship-icon-i12-c3399ff:before {background-position: -209px -57px;} .content .options .ship-list a.ship-icon-i12-c663300:before {background-position: -209px -76px;} .content .options .ship-list a.ship-icon-i12-c6633cc:before {background-position: -209px -95px;} .content .options .ship-list a.ship-icon-i12-c990066:before {background-position: -209px -114px;} .content .options .ship-list a.ship-icon-i12-cff33cc:before {background-position: -209px -133px;} .content .options .ship-list a.ship-icon-i12-ccc9900:before {background-position: -209px -152px;} .content .options .ship-list a.ship-icon-i12-c99ff00:before {background-position: -209px -171px;} .content .options .ship-list a.ship-icon-i12-cb1b1b1:before {background-position: -209px -190px;} .content .options .ship-list a.ship-icon-i13-c0000ff:before {background-position: -228px 0px;} .content .options .ship-list a.ship-icon-i13-c009999:before {background-position: -228px -19px;} .content .options .ship-list a.ship-icon-i13-c00ffff:before {background-position: -228px -38px;} .content .options .ship-list a.ship-icon-i13-c3399ff:before {background-position: -228px -57px;} .content .options .ship-list a.ship-icon-i13-c663300:before {background-position: -228px -76px;} .content .options .ship-list a.ship-icon-i13-c6633cc:before {background-position: -228px -95px;} .content .options .ship-list a.ship-icon-i13-c990066:before {background-position: -228px -114px;} .content .options .ship-list a.ship-icon-i13-cff33cc:before {background-position: -228px -133px;} .content .options .ship-list a.ship-icon-i13-ccc9900:before {background-position: -228px -152px;} .content .options .ship-list a.ship-icon-i13-c99ff00:before {background-position: -228px -171px;} .content .options .ship-list a.ship-icon-i13-cb1b1b1:before {background-position: -228px -190px;} .content .options .ship-list a.ship-icon-i14-c0000ff:before {background-position: -247px 0px;} .content .options .ship-list a.ship-icon-i14-c009999:before {background-position: -247px -19px;} .content .options .ship-list a.ship-icon-i14-c00ffff:before {background-position: -247px -38px;} .content .options .ship-list a.ship-icon-i14-c3399ff:before {background-position: -247px -57px;} .content .options .ship-list a.ship-icon-i14-c663300:before {background-position: -247px -76px;} .content .options .ship-list a.ship-icon-i14-c6633cc:before {background-position: -247px -95px;} .content .options .ship-list a.ship-icon-i14-c990066:before {background-position: -247px -114px;} .content .options .ship-list a.ship-icon-i14-cff33cc:before {background-position: -247px -133px;} .content .options .ship-list a.ship-icon-i14-ccc9900:before {background-position: -247px -152px;} .content .options .ship-list a.ship-icon-i14-c99ff00:before {background-position: -247px -171px;} .content .options .ship-list a.ship-icon-i14-cb1b1b1:before {background-position: -247px -190px;} .content .options .ship-list a.ship-icon-i15-c0000ff:before {background-position: -266px 0px;} .content .options .ship-list a.ship-icon-i15-c009999:before {background-position: -266px -19px;} .content .options .ship-list a.ship-icon-i15-c00ffff:before {background-position: -266px -38px;} .content .options .ship-list a.ship-icon-i15-c3399ff:before {background-position: -266px -57px;} .content .options .ship-list a.ship-icon-i15-c663300:before {background-position: -266px -76px;} .content .options .ship-list a.ship-icon-i15-c6633cc:before {background-position: -266px -95px;} .content .options .ship-list a.ship-icon-i15-c990066:before {background-position: -266px -114px;} .content .options .ship-list a.ship-icon-i15-cff33cc:before {background-position: -266px -133px;} .content .options .ship-list a.ship-icon-i15-ccc9900:before {background-position: -266px -152px;} .content .options .ship-list a.ship-icon-i15-c99ff00:before {background-position: -266px -171px;} .content .options .ship-list a.ship-icon-i15-cb1b1b1:before {background-position: -266px -190px;} .content .options .ship-list a.ship-icon-i16-c0000ff:before {background-position: -285px 0px;} .content .options .ship-list a.ship-icon-i16-c009999:before {background-position: -285px -19px;} .content .options .ship-list a.ship-icon-i16-c00ffff:before {background-position: -285px -38px;} .content .options .ship-list a.ship-icon-i16-c3399ff:before {background-position: -285px -57px;} .content .options .ship-list a.ship-icon-i16-c663300:before {background-position: -285px -76px;} .content .options .ship-list a.ship-icon-i16-c6633cc:before {background-position: -285px -95px;} .content .options .ship-list a.ship-icon-i16-c990066:before {background-position: -285px -114px;} .content .options .ship-list a.ship-icon-i16-cff33cc:before {background-position: -285px -133px;} .content .options .ship-list a.ship-icon-i16-ccc9900:before {background-position: -285px -152px;} .content .options .ship-list a.ship-icon-i16-c99ff00:before {background-position: -285px -171px;} .content .options .ship-list a.ship-icon-i16-cb1b1b1:before {background-position: -285px -190px;} .content .options .ship-list a.ship-icon-i17-c0000ff:before {background-position: -304px 0px;} .content .options .ship-list a.ship-icon-i17-c009999:before {background-position: -304px -19px;} .content .options .ship-list a.ship-icon-i17-c00ffff:before {background-position: -304px -38px;} .content .options .ship-list a.ship-icon-i17-c3399ff:before {background-position: -304px -57px;} .content .options .ship-list a.ship-icon-i17-c663300:before {background-position: -304px -76px;} .content .options .ship-list a.ship-icon-i17-c6633cc:before {background-position: -304px -95px;} .content .options .ship-list a.ship-icon-i17-c990066:before {background-position: -304px -114px;} .content .options .ship-list a.ship-icon-i17-cff33cc:before {background-position: -304px -133px;} .content .options .ship-list a.ship-icon-i17-ccc9900:before {background-position: -304px -152px;} .content .options .ship-list a.ship-icon-i17-c99ff00:before {background-position: -304px -171px;} .content .options .ship-list a.ship-icon-i17-cb1b1b1:before {background-position: -304px -190px;} .content .options .ship-list a.ship-icon-i18-c0000ff:before {background-position: -323px 0px;} .content .options .ship-list a.ship-icon-i18-c009999:before {background-position: -323px -19px;} .content .options .ship-list a.ship-icon-i18-c00ffff:before {background-position: -323px -38px;} .content .options .ship-list a.ship-icon-i18-c3399ff:before {background-position: -323px -57px;} .content .options .ship-list a.ship-icon-i18-c663300:before {background-position: -323px -76px;} .content .options .ship-list a.ship-icon-i18-c6633cc:before {background-position: -323px -95px;} .content .options .ship-list a.ship-icon-i18-c990066:before {background-position: -323px -114px;} .content .options .ship-list a.ship-icon-i18-cff33cc:before {background-position: -323px -133px;} .content .options .ship-list a.ship-icon-i18-ccc9900:before {background-position: -323px -152px;} .content .options .ship-list a.ship-icon-i18-c99ff00:before {background-position: -323px -171px;} .content .options .ship-list a.ship-icon-i18-cb1b1b1:before {background-position: -323px -190px;} .iconSelector ol { width: 207px; } .iconSelector ol.radio li, .colourSelector ol.radio li { display: inline-block; } .iconSelector ol.radio li input, .colourSelector ol.radio li input { display: none; } .iconSelector ol.radio li label, .colourSelector ol.radio li label { cursor: pointer; font-size: 0pt; height: 23px; margin: 0pt; width: 23px; } .iconSelector ol.radio li label { background: url('img/ships/ic_shipprofile-big-v2.png') 23px 23px no-repeat; } .iconSelector ol.radio li label.i01 {background-position: 0px 0px;} .iconSelector ol.radio li label.i02 {background-position: -23px 0px;} .iconSelector ol.radio li label.i03 {background-position: -46px 0px;} .iconSelector ol.radio li label.i04 {background-position: -69px 0px;} .iconSelector ol.radio li label.i05 {background-position: -92px 0px;} .iconSelector ol.radio li label.i06 {background-position: -115px 0px;} .iconSelector ol.radio li label.i07 {background-position: -138px 0px;} .iconSelector ol.radio li label.i08 {background-position: -161px 0px;} .iconSelector ol.radio li label.i09 {background-position: -184px 0px;} .iconSelector ol.radio li label.i10 {background-position: -207px 0px;} .iconSelector ol.radio li label.i11 {background-position: -230px 0px;} .iconSelector ol.radio li label.i12 {background-position: -253px 0px;} .iconSelector ol.radio li label.i13 {background-position: -276px 0px;} .iconSelector ol.radio li label.i14 {background-position: -299px 0px;} .iconSelector ol.radio li label.i15 {background-position: -322px 0px;} .iconSelector ol.radio li label.i16 {background-position: -345px 0px;} .iconSelector ol.radio li label.i17 {background-position: -368px 0px;} .iconSelector ol.radio li label.i18 {background-position: -391px 0px;} .iconSelector ol.radio li label.i01.checked, .iconSelector ol.radio li label.i01:hover {background-position: 0px -23px;} .iconSelector ol.radio li label.i02.checked, .iconSelector ol.radio li label.i02:hover {background-position: -23px -23px;} .iconSelector ol.radio li label.i03.checked, .iconSelector ol.radio li label.i03:hover {background-position: -46px -23px;} .iconSelector ol.radio li label.i04.checked, .iconSelector ol.radio li label.i04:hover {background-position: -69px -23px;} .iconSelector ol.radio li label.i05.checked, .iconSelector ol.radio li label.i05:hover {background-position: -92px -23px;} .iconSelector ol.radio li label.i06.checked, .iconSelector ol.radio li label.i06:hover {background-position: -115px -23px;} .iconSelector ol.radio li label.i07.checked, .iconSelector ol.radio li label.i07:hover {background-position: -138px -23px;} .iconSelector ol.radio li label.i08.checked, .iconSelector ol.radio li label.i08:hover {background-position: -161px -23px;} .iconSelector ol.radio li label.i09.checked, .iconSelector ol.radio li label.i09:hover {background-position: -184px -23px;} .iconSelector ol.radio li label.i10.checked, .iconSelector ol.radio li label.i10:hover {background-position: -207px -23px;} .iconSelector ol.radio li label.i11.checked, .iconSelector ol.radio li label.i11:hover {background-position: -230px -23px;} .iconSelector ol.radio li label.i12.checked, .iconSelector ol.radio li label.i12:hover {background-position: -253px -23px;} .iconSelector ol.radio li label.i13.checked, .iconSelector ol.radio li label.i13:hover {background-position: -276px -23px;} .iconSelector ol.radio li label.i14.checked, .iconSelector ol.radio li label.i14:hover {background-position: -299px -23px;} .iconSelector ol.radio li label.i15.checked, .iconSelector ol.radio li label.i15:hover {background-position: -322px -23px;} .iconSelector ol.radio li label.i16.checked, .iconSelector ol.radio li label.i16:hover {background-position: -345px -23px;} .iconSelector ol.radio li label.i17.checked, .iconSelector ol.radio li label.i17:hover {background-position: -368px -23px;} .iconSelector ol.radio li label.i18.checked, .iconSelector ol.radio li label.i18:hover {background-position: -391px -23px;} .colourSelector ol.radio li label { background: url('img/ships/ic_shipprofile-colours-v1.png') 23px 23px no-repeat; } .colourSelector ol.radio li label.c0000ff {background-position: 0px 0px;} .colourSelector ol.radio li label.c009999 {background-position: -23px 0px;} .colourSelector ol.radio li label.c00ffff {background-position: -46px 0px;} .colourSelector ol.radio li label.c3399ff {background-position: -69px 0px;} .colourSelector ol.radio li label.c663300 {background-position: -92px 0px;} .colourSelector ol.radio li label.c6633cc {background-position: -115px 0px;} .colourSelector ol.radio li label.c990066 {background-position: -138px 0px;} .colourSelector ol.radio li label.cff33cc {background-position: -161px 0px;} .colourSelector ol.radio li label.ccc9900 {background-position: -184px 0px;} .colourSelector ol.radio li label.c99ff00 {background-position: -207px 0px;} .colourSelector ol.radio li label.c0000ff.checked, .colourSelector ol.radio li label.c0000ff:hover {background-position: 0px -23px;} .colourSelector ol.radio li label.c009999.checked, .colourSelector ol.radio li label.c009999:hover {background-position: -23px -23px;} .colourSelector ol.radio li label.c00ffff.checked, .colourSelector ol.radio li label.c00ffff:hover {background-position: -46px -23px;} .colourSelector ol.radio li label.c3399ff.checked, .colourSelector ol.radio li label.c3399ff:hover {background-position: -69px -23px;} .colourSelector ol.radio li label.c663300.checked, .colourSelector ol.radio li label.c663300:hover {background-position: -92px -23px;} .colourSelector ol.radio li label.c6633cc.checked, .colourSelector ol.radio li label.c6633cc:hover {background-position: -115px -23px;} .colourSelector ol.radio li label.c990066.checked, .colourSelector ol.radio li label.c990066:hover {background-position: -138px -23px;} .colourSelector ol.radio li label.cff33cc.checked, .colourSelector ol.radio li label.cff33cc:hover {background-position: -161px -23px;} .colourSelector ol.radio li label.ccc9900.checked, .colourSelector ol.radio li label.ccc9900:hover {background-position: -184px -23px;} .colourSelector ol.radio li label.c99ff00.checked, .colourSelector ol.radio li label.c99ff00:hover {background-position: -207px -23px;} /* General dropdown styles */ select.ship-profile { display: none; visibility: hidden; } dl.dropdown { margin-left: 147px; margin-top: -18px; } .updateProfilePopup dl.dropdown { margin-left: 136px; margin-top: -15px; } .dropdown dd, .dropdown dt, .dropdown ul { margin: 0px; padding: 0px; } .dropdown dd { position: relative; } /* DT styles for sliding doors */ .dropdown dt a { background: #ffffff url(img/drop-down-arrow.png) no-repeat scroll right center; border-bottom: 1px solid #e3e9ef; border-left: 1px solid #e2e3ea; border-right: 1px solid #e2e3ea; border-top: 1px solid #abadb3; color: #000000; display: block; padding-right: 20px; width: 190px; } .dropdown dt a span { cursor: pointer; display: inline-block; xxxpadding: 5px; } /* UL styles */ .dropdown dt ul { list-style: none; } .dropdown dd ul { background: #ffffff none repeat scroll 0 0; border-bottom: 1px solid #000000; border-left: 2px solid #b2b2b2; border-right: 1px solid #000000; border-top: 1px solid #b2b2b2; display: none; left: 0px; list-style: none; max-height: 200px; min-width: 210px; overflow: auto; xxxpadding: 5px 0px; position: absolute; xxxtop: 2px; width: auto; } .dropdown span.value { display: none; } .dropdown dd ul li a { color: #000000; display: block; xxxpadding: 5px; } .dropdown dd ul li a:hover { background-color: #3399ff; color: #ffffff; } .tracking h2 { line-height: 1.8em; padding: 0px 0px 0px 7px; } .tracking h2:before, .tracking h2.collapsed:before { color: #597088; font-size: 0.8em; text-shadow: #ffffff 1px 1px; } .tracking h2:before, h2.accordion:before { content: '\25BC'; /* Black down-pointing triangle */ /* padding-right: 2px; */ } .tracking h2.collapsed:before, h2.accordion.collapsed:before { content: '\25BA'; /* Black right-pointing pointer */ } .tracking .horizontal-list { padding-left: 3px; } /** * Wicket autocomplete styles */ .wicket-aa-container { background-color: #ffffff; border: 1px solid #000000; max-height: 200px; } .wicket-aa { } .wicket-aa ul { list-style-type: none; margin: 0px; padding: 0px; } .wicket-aa ul li { padding-left: 2px; } .wicket-aa ul li:hover { background-color: #3399ff; color: #ffffff; } /** * Fleet count styles */ .fleetCountContainer { font-size: 0.90em; padding-top: 4px; position: absolute; right: 10px; } .fleetCountLabel { font-weight: bold; } /* * New ship profile popup styles */ .newShipProfilePopup .field label { width: 5.5em; } .newShipProfilePopup .formButton .button { margin: 10px 8em 10px 6.5em; } .FlagRegisterShipPage .newShipProfilePopup .formButton, .FlagEditShipPage .newShipProfilePopup .formButton { padding-bottom: 0em; } .ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /** * Non-semantic helper classes:please define your styles before this section. */ /* For image replacement */ .ir { display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; } .ir br { display:none; } /* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display:none; visibility:hidden; } /* Hide only visually, but have it available for screenreaders:by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility:hidden; } /* The Magnificent Clearfix:Updated to prevent margin-collapsing on child elements in most situations. nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content:''; display:table; } .clearfix:after { clear:both; } .clearfix { zoom:1; } /** * Placeholder media queries for responsive design. Modify as design requires. * These follow after, and will override, the primary ('mobile first') styles * The closing /mediaquery comment is required by respond.js min/max-width Media Query polyfill */ @media only screen and (min-width:480px) { /* Style adjustments for viewports 480px and over go here */ }/*/mediaquery*/ @media only screen and (min-width:768px) { /* Style adjustments for viewports 768px and over go here */ }/*/mediaquery*/ /** * Print styles. * * Inlined to avoid required HTTP connection:www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; } /* Black prints faster:sanbeiji.com/archives/953 */ a, a:visited { color:#444 !important; text-decoration:underline; } a[href]:after { content:' (' attr(href) ')'; } abbr[title]:after { content:' (' attr(title) ')'; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content:''; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border:1px solid #999; page-break-inside:avoid; } thead { display:table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside:avoid; } img { max-width:100% !important; } @page { margin:0.5cm; } p, h2, h3 { orphans:3; widows:3; } h2, h3{ page-break-after:avoid; } } @media print { .FlagShipOverviewPage > * { visibility: hidden; } .FlagShipOverviewPage ol > *{ visibility: visible; } .FlagShipOverviewPage ol { position: absolute; top:-50px; left: -20px; } .FlagShipOverviewPage .view > *{ visibility: visible; } .FlagShipOverviewPage .view { position: absolute; top: 160px; left: -200px; width: 800px; } .FlagShipOverviewPage .view a[href]:after { content: none; } .FlagShipOverviewPage .view td[colspan="8"] { visibility: hidden; } .FlagShipOverviewPage g { display: none; } .FlagShipOverviewPage image { display: none; } }