div#navigator { width: 279px; height: 228px; color: #707070; position: absolute; top: 0px; margin-top: 45px; margin-left: 701px; } div#navigator.sticky { position: fixed; top: 0px; } div#navigator.stuck { position: absolute; } div#navigator * { color: #707070; } div#navigator .depth_meter { padding: 9px; width: 12px; height: 209px; float: left; } .ie div#navigator .depth_meter { height: 219px; } div#navigator .depth_meter .track { background-color: #60839F; height: 100%; position: relative; } div#navigator .depth_meter .indicator { background-color: #646464; width: 12px; height: 10px; position: absolute; top: 0px; } div#navigator .navigator_right { float: right; } div#navigator .fact { width: 235px; height: 100px; padding: 4px 6px; } div#navigator .fact ul li { padding: 0px; background-image: none; display: none; font-size: 1em; } div#navigator .fact ul li#fact1 { display: block; } div#navigator .fact h2 { font-weight: bold; color: #D1700E; font-size: 1.75em; line-height: 1.2em; } div#navigator .instruments { margin-top: 2px; padding: 8px 8px; height: 39px; width: 231px; font-size: 0.9em; } div#navigator .instruments2 { height: 46px; width: 145px; padding-left: 93px; position: relative; padding-top: 6px; } div#navigator .instruments2 img { position: absolute; top: 4px; left: 20px; } div#navigator .instruments span.title { font-weight: bold; font-size: 1.12em; display: block; margin-bottom: 6px; } div#navigator .instruments2 span.title { margin-bottom: 0px; } div#navigator .instruments span.number { color: #D1700E; font-size: 1.455em; line-height: 1em; font-weight: bold; } div#navigator .depth { width: 75px; float: left; } div#navigator .pressure { width: 140px; float: right; } div#navigator .depth_meter, div#navigator .fact, div#navigator .instruments { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff); zoom: 1; background: rgba(255,255,255,0.8); }