/* Generic CSS Document for IMDO Maritime Careers */

/* Page Basics */
html { background:url(../images/generic/background_gradient.gif) repeat-x left top #EDEDE5; }
body { line-height:15px; }
html, body { margin:0px; padding:0px; width:100%; height:100%; text-align:center; }

div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, img, strong, sub, sup, ol, ul, li, fieldset, label,
table, caption, tbody, tfoot, tr, th, td, form { margin:0px; padding:0px; border:none; outline:none; font-size:100%; vertical-align:top; line-height:15px; }
ul, li { list-style:none; }
ul { margin-bottom:18px; }
sub, sup { line-height:normal; }




/* Typography */
body, table, th, td { font: 0.70em Arial, Helvetica, sans-serif; color:#333333; }
input, textarea, select, option { font-family:Arial, Helvetica, sans-serif; outline:none; }

h1, .h1  { font-size:245%; color:#003366; line-height:normal; margin:0px 0px 4px 0px; padding:0px 0px 0px 0px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-weight:100; }
h2, .h2 { font-size:205%; color:#003366; line-height:normal; margin:0px 0px 19px 0px; padding:0px 0px 0px 0px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-weight:100; }
h3, .h3 { font-size:175%; color:#003366; line-height:normal; margin:0px 0px 2px 0px; padding:0px 0px 0px 0px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-weight:100; }
h4, .h4 { font-size:160%; color:#003366; line-height:normal; margin:0px 0px 2px 0px; padding:0px 0px 0px 0px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-weight:100; }
h5, .h5 { font-size:105%; color:#003366; line-height:normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; }
.right-column h2 {color:#0066CC;}

table { border-collapse:collapse; border-spacing:0; }
table th, table td { font-size:135%; padding:3px; }
table th { background-color:#0066CC; color:#fff; }

strong { font-weight:600; }

p { line-height:15px; margin:0px 0px 15px 0px; }

a { color:#0066CC; text-decoration:none; outline:none; border:0px none; }
a:hover { color:#669933; }
a:link { }
a:visited { }
a:active { outline:none; }
a img { outline:none; border:none; }
h1 a, h2 a, h3 a, h4 a, h5 a { line-height:normal; }


i { font-style:italic; }




/* Layout */
#wrapper { width:974px; height:100%; margin:0px auto; padding:0px; text-align:left; }
#container { }
#torso { width:974px; margin-top:6px; padding-top:11px; float:left; background:url(../images/generic/top_bg.png) no-repeat left top; }




/* Logo */
#logo { width:224px; height:84px; margin:13px 0px 0px 4px; float:left; display:inline; }



/* Header */
#header { width:721px; height:auto !important; height:189px; min-height:189px; margin:0px 0px -36px 22px; padding:0px; float:left; display:inline; background:url(../images/subpage/header.jpg) no-repeat left top; font-size:105%; line-height:18px; position:relative; }
#header h1 { width:287px; color:#444444; font-size:305%; position:absolute; left:28px; bottom:109px; }
#header a { color:#000; text-decoration:none;}





/* Breadcrumb */
#breadcrumb { width:420px; margin:-36px 0px 0px -2px; padding:0px 229px 0px 0px; float:left; display:inline; position:relative; }
#breadcrumb ul { float:left; }
#breadcrumb li { padding:0px 9px 0px 0px; margin:0px 8px 0px 0px; float:left; display:inline; color:#666666; line-height:15px; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/generic/line_separation.gif) no-repeat right 2px; font-size:95%; }
#breadcrumb li a { color:#669933; }
#breadcrumb li.nav-on { background:none; }





/* Primary Navigation */
#primary-navigation { width:726px; float:right; display:inline; position:relative; clear:right; }
#primary-navigation ul { float:right; }
#primary-navigation li { width:121px; height:auto !important; height:86px; min-height:86px; float:left; display:inline; overflow:hidden; font-weight:bold; }
#primary-navigation li.nav-on { background:url(../images/generic/homepage_r1_c10.gif) repeat-x left top; }
#primary-navigation li a { width:121px; height:auto !important; height:52px; min-height:52px; padding:34px 0px 0px 0px; float:right; display:block; background:url(../images/generic/homepage_r1_c18.gif) no-repeat right top; color:#003366; font-size:115%; position:relative; }
#primary-navigation li.last a { background:none; }
#primary-navigation li a:hover { color:#669933; }
#primary-navigation li a span { margin:0px 18px; float:right; display:inline; cursor:pointer; }
#primary-navigation li i { display:block; cursor:pointer; font-weight:normal; font-size:85%; font-family:Georgia, "Times New Roman", Times, serif; }





/* Secondary Navigation */
#secondary-navigation { width:240px; margin:22px 0px 0px 5px; float:left; display:inline; clear:left; text-align:right; }
#secondary-navigation ul { width:222px; padding:1px 0px 0px 0px; margin:0px 0px 0px 0px; float:right; display:inline; background:url(../images/generic/navigation_line.gif) no-repeat right top; }
#secondary-navigation ul li ul { padding:1px 0px 22px 0px; font-size:65%; font-style:italic; }
#secondary-navigation li { width:222px; height:auto !important; height:18px; min-height:18px; padding:0px 0px 1px 0px; line-height:18px; float:left; font-size:125%; display:block; background:url(../images/generic/navigation_line.gif) no-repeat right bottom; }
#secondary-navigation li.last { background:none; }
#secondary-navigation li div { width:211px; height:auto !important; height:18px; min-height:18px; padding:1px 11px 4px 0px; float:left; }
#secondary-navigation li ul li div { width:211px; height:auto !important; height:18px; min-height:18px; padding:2px 11px 3px 0px; float:left; }
#secondary-navigation li.nav-on div { background:url(../images/generic/gradient_grey.gif) repeat-y right top; }
#secondary-navigation li.nav-on ul li div { background:none; }
#secondary-navigation li.nav-on ul li.nav-on div { background:url(../images/generic/gradient_green.gif) repeat-y right top; }
#secondary-navigation a { float:right; display:inline; cursor:pointer; background:none; background-color:transparent; color:#000; font-family:Georgia, "Times New Roman", Times, serif; }
#secondary-navigation a span { max-width:190px; float:left; margin:0px 7px 0px 0px; line-height:18px; display:inline; text-align:right; }
#secondary-navigation a:hover { background:url(blank.gif) repeat left top; }
#secondary-navigation a:hover span { text-decoration:underline; }
#secondary-navigation a:hover b { text-decoration:none; }
#secondary-navigation a b { background:none; font-weight:normal; cursor:pointer; line-height:18px; }





/* Tertiary Navigation */
#tertiary-navigation { width:892px; margin:0px 0px 0px 3px; padding:0px 38px 0px 38px; float:left; display:inline; background:url(../images/generic/bottom_gradient.gif) repeat-x left top #FCFCF9; color:#FFFFFF; }
#tertiary-navigation ul { float:left; margin:0px; }
#tertiary-navigation li { height:auto !important; height:44px; min-height:44px; padding-right:1px; float:left; display:inline; }
#tertiary-navigation li a { height:auto !important; height:20px; min-height:20px; padding:12px 15px 12px 15px; float:left; display:block; line-height:20px; color:#666; background:url(../images/generic/button_gradient.gif) repeat-x left top; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:130%; }
#tertiary-navigation li a:hover { background:#D1D1C5; }




/* Billboard Image Area */
#billboard { width:674px; height:auto !important; height:154px; min-height:154px; margin:0px 0px 0px 0px; float:right; display:inline; position:relative; }
#billboard img { float:left; }
#billboard h1 { position:absolute; bottom:30px; left:10px; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-weight:100; font-size:260%; }





/* Content */
#content { width:974px; height:auto !important; height:0px; min-height:0px; padding:0px 0px 20px 0px; float:left; background:url(../images/generic/across_bg.png) repeat-y left top; }

.left-column { width:245px; float:left; margin:-7px 0px 0px 0px; padding:7px 0px 0px 0px; display:inline; background-repeat:no-repeat; }
.right-column { width:649px; margin:-7px 0px 0px 0px; padding:44px 40px 0px 40px; float:right; display:inline; font-size:105%; background-repeat:no-repeat; }
.right-column h3 { font-size:140%; color:#333333; }
.right-column h4 { font-size:125%; color:#333333; }
.right-column ul { margin:0 0 8px 10px; }
.right-column ul ul { margin:8px 0 0 0; }
.right-column ul ul ul{ margin:8px 0 0 0; }
.right-column li { padding:0px 0px 5px 12px; background:url(../images/generic/dot.gif) no-repeat left 6px; }

#line { width:0px; height:auto !important; min-height:400px; float:left; display:inline; line-height:0px; font-size:0px; background-image:url(../images/generic/nav_shadow.gif); }

.hidden { display:none; }






/* Footer */
#footer { width:892px; margin:0px 0px 0px 3px; padding:0px 38px 10px 38px; float:left; display:inline; background:url(../images/generic/green_line.gif) no-repeat left top #DCDDCF; color:#333; position:relative; }
#footer a { color:#000000; }
#footer .imdo { margin:20px 0px 8px 0px; display:block; color:#000000; font-family:Georgia, "Times New Roman", Times, serif; }
#footer .address { width:148px; margin-bottom:20px; float:left; color:#000000; }
#footer .other-contact-info { width:400px; margin-bottom:20px; float:left; color:#000000; }
#footer .other-contact-info span { width:73px; float:left; }
#footer .copyright { width:743px; padding-right:20px; float:left; }
#footer .webfactory { width:119px; float:right; text-align:right; position:absolute; right:38px; bottom:10px; }






/* MultiBox - PLEASE DO NOT MODIFY */
.MultiBoxContainer { position:absolute; border:20px solid #000; background-color:#FFF; display:none; z-index:2; text-align:left; }
.MultiBoxLoading { background:url(../images/multibox/loader.gif) no-repeat center; }
.MultiBoxContent { position:relative; width:100%; height:100%; overflow:hidden; }
.MultiBoxClose { position:absolute; top:-26px; right:-26px; background:url(../images/multibox/close.png) no-repeat; width:24px; height:24px; cursor:pointer; }
.MultiBoxControlsContainer { overflow:hidden; height:0px; position:relative; margin-left:-20px; }
* html .MultiBoxControlsContainer { display:inline; } /* for IE 6 */
.MultiBoxControls { width:100%; height:auto; position:relative; background-color:#000000; }
.MultiBoxPrevious { position:absolute; background:url(../images/multibox/left.png) no-repeat; width:24px; height:24px; left:20px; margin-top:5px; cursor:pointer; }
* html .MultiBoxPrevious { left:0px; } /* for IE 6 */
.MultiBoxNext { position:absolute; background:url(../images/multibox/right.png) no-repeat; width:24px; height:24px; right:20px; margin-top:5px; cursor:pointer; }
* html .MultiBoxNext { right:0px; } /* for IE 6 */
.MultiBoxNextDisabled { cursor:default; background:url(../images/multibox/rightDisabled.png) no-repeat; }
.MultiBoxPreviousDisabled { cursor:default; background:url(../images/multibox/leftDisabled.png) no-repeat; }
.MultiBoxTitle { position:relative; margin:10px 0 0 35px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold; text-align:left; }
.MultiBoxNumber { position:relative; width:50px; margin:10px 55px 0 0; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-align:right; display:inline; }
* html .MultiBoxNumber { margin-right:35px; } /* for IE 6 */
.MultiBoxDescription { clear:left; position:relative; padding:15px 50px 10px 50px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-align:left; }
* html .MultiBoxDescription { padding:15px 30px 10px 30px; } /* for IE 6 */
.MultiBoxDescription h4 { color:#FFFFFF; }





/* Imagery */
.img-left { float:left; margin:0px 10px 5px 0px; }
.img-right { float:right; margin:0px 0px 5px 10px; }




/* Specific Hyperlinks */
a .h1, a .h2, a .h3, a .h4, a .h5 { color:#003366; }
a:hover .h1, a:hover .h2, a:hover .h3, a:hover .h4, a:hover .h5 { color:#669933; }
.read-more b { padding-left:3px; }



/* Search */
.search { width:212px; margin:2px 0px 0px 23px; padding:0px 10px 13px 0px; float:left; display:inline; background:url(../images/generic/line_green.gif) no-repeat left bottom; }
.search form { width:212px; height:auto !important; height:20px; min-height:20px; float:right; display:inline; background:url(../images/generic/search_box_sp.gif) no-repeat left top; }
.search input { width:182px; padding:3px 0px 0px 5px; float:left; background:none; border:0px none; font-size:100%; color:#333333; }
.search input.submit { width:auto; float:right; margin:3px 4px 0px 0px; padding:0px; }
.search label { margin:4px 5px 0px 0px; float:left; display:inline; }
.search a { margin-bottom:5px; float:right; clear:both; font-size:85%; color:#666666; }
.search a:hover { color:#669933; }
.search br { clear:both; }



/* Previous/Next Links Holder */
.prev-next { width:100%; height:auto !important; height:23px; min-height:23px; position:absolute; bottom:0px; right:0px; padding-top:7px; text-align:right; }
.prev-next a:hover { color:#C00000; background:none; }
.prev-next ul { float:right; }
.prev-next li { float:left; padding-right:5px; margin-right:5px; background:url(../images/generic/01homepage_r19_c20.gif) no-repeat right center; display:inline; font-weight:bold; border:none; cursor:pointer; color:#003366; }
.prev-next li.last { padding:0px; margin:0px; background:none; }





/* No Javascript Styles */
.js-hidden { display:block; }



/* Javascript Enabled Styles */
.js-dependant { display:none; }






/* Custom Scrollbar */
.custom-scroll { position:relative; width:130px; height:130px; max-height:132px; min-height:132px; margin-top:3px; padding:0px; overflow:auto; border-top:1px solid #B7B7B5; display:none; }
.custom-scroll .content { margin:0px 0px 0px 0px; padding:0px; position:relative; float:left; }
.custom-scroll .content p { margin:0px 0px 15px 0px; padding:0px; }
.custom-scroll .content li { cursor:pointer; }

#footer .content .custom-scroll .content ul { width:auto; margin:0px; position:inherit; float:none; }
#footer .content .custom-scroll .content ul li { width:111px; height:auto !important; height:0px; min-height:0px; margin:2px 0px 3px 0px; padding:0px; float:none; display:block; position:inherit; line-height:14px; }
#footer .content .custom-scroll .content ul li.nav-on { background-color:#E7E7E5; }


.custom-scroll .scroller { width:15px; height:100%; background:#FFF; float:right; position:relative; display:none; cursor:default; }
.custom-scroll .scroller-top { position:absolute; width:100%; top:0px; right:0px; height:6px; line-height:6px; font-size:0px; background:#FFF; z-index:1; }
.custom-scroll .scroller-bottom { position:absolute; width:100%; bottom:0px; right:0px; height:6px; line-height:6px; font-size:0px; background:#FFF; z-index:1; }
.custom-scroll .bar { position:relative; margin:0px auto; width:15px; height:100%; background:url(../images/scroller/mid-section-grey.gif) repeat-y left top; z-index:0; cursor:default; }
.custom-scroll .top-grey { width:15px; height:15px; line-height:15px; font-size:0px; background:url(../images/scroller/top-section-grey.gif) no-repeat left top; position:absolute; left:0px; top:6px; }
.custom-scroll .bottom-grey { width:15px; height:11px; line-height:11px; font-size:0px; background:url(../images/scroller/bottom-section-grey.gif) no-repeat left top; position:absolute; left:0px; bottom:39px; }

.custom-scroll .slider { width:15px; position:absolute; left:0px; top:11px; z-index:3; cursor:default; }
.custom-scroll .slider-inner { width:15px; height:50px; position:relative; background:url(../images/scroller/mid-section-blue.gif) repeat-y left top; cursor:default; }
.custom-scroll .top-blue { width:15px; height:8px; line-height:8px; font-size:0px; background:url(../images/scroller/top-section-blue.gif) no-repeat left top; position:absolute; left:0px; top:0px; }
.custom-scroll .bottom-blue { width:15px; height:7px; line-height:7px; font-size:0px; background:url(../images/scroller/bottom-section-blue.gif) no-repeat left top; position:absolute; left:0px; bottom:0px; }
/*\*/ * html .custom-scroll .bottom-blue { bottom:-1px; } /**/

.custom-scroll .up-arrow { width:15px; height:16px; line-height:16px; font-size:0px; background:url(../images/scroller/up-arrow.gif) no-repeat left top; position:absolute; left:0px; bottom:23px; cursor:pointer; }
.custom-scroll .down-arrow { width:15px; height:16px; line-height:16px; font-size:0px; background:url(../images/scroller/down-arrow.gif) no-repeat left top; position:absolute; left:0px; bottom:6px; cursor:pointer; }






/* Clearing DIV */
div.clear { clear:both; width:100%; height:0px; line-height:0px; font-size:0px }




/* Specific Spans */
h1 span, h2 span, h3 span, h4 span, h5 span { line-height:normal; }
span.blue { color:#003366; }
span.green { color:#669933; }



/* Specific List */
.no-background { background:none; }



/* Borders */
.no-border { border:0px none; }