/* Default Stylesheet for Nterchange Frontend */ /* ========================================== */ @import url(print.css) print; /*@import url("other_stylesheet.css") screen;*/ /* HTML RULES */ /* ================================================== */ body { font:12px "Helvetica Neue", Helvetica, Arial, sans-serif; background: #D9E8EF; margin-bottom:30px; } a:focus { outline:0; } em {font-style:italic;} strong {font-weight:bold;} blockquote{margin-left:20px;line-height:1.5;} .center {text-align:center;} .left {text-align:left;} .right {text-align:right;} /* SITE LAYOUT RULES */ /* ================================================== */ #site { text-align: center; margin:52px auto 0; width:802px; background: url(/images/layout/background_repeat.jpg) top left repeat-y; } #header{position:relative; z-index:50; height: 115px; background: url(/images/layout/header.jpg) top left no-repeat;} #header #home-link{display:block; position:absolute; width:220px; height:70px; bottom:30px; right:20px;} #header #home-link span{display:none;} #header .stock_feed{width:160px;float:left;margin:30px 0 0 30px;_display:inline;text-decoration:none;} #header .stock_feed span{font-size:13px; font-weight:bold; margin-bottom:0; padding:0 4px 0 0; color:#555555; height:auto;} #header .stock_feed .stock_change{background-repeat:no-repeat; background-color:transparent; padding-left:10px; margin-left:5px;} #header .stock_feed .stock_change_up{color:#3BB578; background-image:url(/images/layout/stock_up.gif); background-position:0px 3px;} #header .stock_feed .stock_change_down{color:#DF2930; background-image:url(/images/layout/stock_down.gif); background-position:0px 4px;} #header .stock_feed .stock_date{display:block; clear:both; font-size:11px; font-weight:normal; color:#575757; padding:2px 0;} #masthead {overflow:hidden; position:relative; z-index:30;} #masthead .mask { width:740px; max-height:330px; _height:330px; position:relative; overflow:hidden; margin:0 auto 10px;} #masthead .mask div { margin:0; float:none; } #masthead .corner{position:absolute; width:10px; height:10px;} #masthead #masthead_top_left{top:0; left:0; background:url(/images/layout/masthead_top_left.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/masthead_top_left.png",sizingMethod="scale");} #masthead #masthead_top_right{top:0; right:0; background:url(/images/layout/masthead_top_right.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/masthead_top_right.png",sizingMethod="scale");} #masthead #masthead_bottom_left{bottom:0; left:0; background:url(/images/layout/masthead_bottom_left.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/masthead_bottom_left.png",sizingMethod="scale");} #masthead #masthead_bottom_right{bottom:0; right:0; background:url(/images/layout/masthead_bottom_right.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/masthead_bottom_right.png",sizingMethod="scale");} /* #masthead .bodyimage{float: right; margin-right: 25px;} #masthead #subnav{width: 200px; float: left;} #masthead #subnav ul{margin-left: 30px;} #masthead #subnav ul ul{display: none;} #masthead #subnav a{height: 20px;text-decoration: none;line-height: 20px; width: 200px; float: none; padding: 0;} #masthead #subnav a span{visibility: hidden;} .home #masthead .bodyimage{text-align: center; margin: 0 auto; float: none;}*/ #content {min-height:400px; margin-top:20px; padding-top:2px; background:url(/images/layout/content.gif) 0px 1px repeat-y;} #main {float:right; width:550px; padding:0 20px;} #side {float:left; width:170px; padding-left:30px;} #content #news h2 {margin:5px 0 10px;} #content #news p {margin-bottom:10px;} #altside {} #content h1 { font-size:16px; line-height: 18px; font-weight: bold; color:#002740; } #content h1 { font:20px "Helvetica", "Times New Roman",Times,serif; color: #002740; font-weight: bold; text-transform: normal; } #content h1{margin: 0px; margin-bottom: 5px; color: #0A263B;} #content h2 { font:13px "Helvetica", "Times New Roman",Times,serif; margin:10px 0 5px; font-weight:bold; color:#002740; text-transform: normal;} #content h3 { font:12px "Helvetica", "Times New Roman",Times,serif; font-weight:bold; margin:5px 0; color:#8F173D;font-style:italic; } #content .mediaelement h3{padding-top:15px;} #content p { line-height:1.5; margin-bottom:20px; } #content ol {list-style-type:decimal; margin-left:30px; margin-bottom:20px; } #content ol li {margin:0 0 10px 0; line-height:1.5;} #content ul {list-style:none; margin-bottom:10px; margin-left:10px; padding:0; } #content ul ul { margin-bottom:0; } #content ul li {padding:0 0 5px 14px; line-height: 1.5; background: url(/images/layout/bullet.gif) no-repeat 0 4px; } #content ul.no-bullets li { padding: 0 0 5px 5px; background:none; } #content a { color:#8F173D; text-decoration:none; } #content .active a {text-decoration:underline;} #content a:hover { text-decoration:underline; } #content table { margin-bottom: 1.4em; width:100%;} #content th { border-bottom: 2px solid #ccc; font-weight: 700; padding: 4px 14px 4px 0; text-align: left; width: 120px; text-align:center; } #content td { border-bottom: 1px solid #ddd; padding: 4px 14px 4px 0; font-weight: 400; text-align: left; vertical-align:bottom; text-align:center; } #content td.left{text-align:left;} #content td.right{text-align:right;} #content .mediaelement{line-height:1.5;padding:0 0 2px 2px;clear:left;} #content .mediaelement img {display:block;float:left;padding-right:6px;} #content .mediaelement a{display:block;} #footer {background: url(/images/layout/footer.jpg) bottom left no-repeat; padding: 20px 0;} #footer_nav {} #credits{width: 600px; margin:0 auto; padding:10px 0; text-align:center;line-height:1.3;} #credits span,#credits a{color: #999;margin: 5px;} /* BASIC CLASSES */ /* ================================================== */ .clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; } .img_left { float:left; } .img_right { float:right; } /* NAVIGATION RULES */ /* ================================================== */ #nav { position:absolute; bottom:0px; left:9px; } /* -- Top level menu -- */ #nav ul.nav-list {padding-left:50px;} #nav ul.nav-list li{position:relative; float:left;} #nav ul.nav-list li a {display:block; _display:inline-block; height:25px; line-height:21px; padding-right:54px; text-decoration:none; text-align:right; color:#000; font-size:14px;} #nav ul.nav-list li a span{line-height:21px;} #nav ul.nav-list li.last a{padding-right:20px;} /* -- Second Level Menu -- */ #nav ul.nav-list .nav{position:absolute; top:25px; left:-30px; width:100%;_width:190px;} #nav ul.nav-list #about-us + .nav {width:156px;} #nav .about-us {width:156px;} #nav ul.nav-list #operations + .nav {width:130px;} #nav .operations {width:130px; _width:80px;} #nav ul.nav-list #investors + .nav {width:190px; margin-left:-30px;} #nav .investors {width:190px; margin-left:-30px;} #nav ul.nav-list #news + .nav {width:120px; _width:80px; margin-left:-10px;} #nav ul.nav-list .nav ul{display:block;height:auto;position:relative;padding:0 15px 0 5px; background:transparent url(/images/layout/nav-top.png) bottom right no-repeat; _background:white;} #nav ul.nav-list .nav ul li{float:none; width:100%;display:block;margin-top:0px; } #nav ul.nav-list .nav .bottom{clear:both; position:relative; width:100%;} #nav ul.nav-list .nav .bottom .left {height:25px; width:50%; float:left; background:transparent url(/images/layout/nav-bottom-left.png) bottom left no-repeat; _background:white;} #nav ul.nav-list .nav .bottom .right {height:25px; width:50%; float:right; background:transparent url(/images/layout/nav-bottom-right.png) bottom right no-repeat; _background:white;} /* Hover rule for drop downs */ #nav ul.nav-list .nav { display: none; } #nav li:hover .nav, #nav li.hover .nav { display: block !important; } /* Hover rule for drop down's individual items */ #nav ul.nav-list ul li a, #nav ul.nav-list ul li.first a, #nav ul.nav-list ul li.last a { color:black; padding:2px 0; display:block; _display:inline-block; _width:100%; background:url(/images/layout/blank.gif);} #nav ul.nav-list ul li.first a{padding-top:10px;} #nav ul.nav-list ul li a:hover { color:#8b2442; } #nav ul.nav-list ul li a span { visibility:visible; font-family:helvetica; font-size: 13px; } /* ------------------- */ /* these need to have even-numbered widths for the drop down's background image to work right */ /*#nav ul.nav-list li a#corporate-information { width: 138px; } #nav ul.nav-list li a#investor-information { width: 132px; } #nav ul.nav-list li a#operation-assets { width: 108px; } #nav ul.nav-list li a#contact-us { width: 71px; } #nav ul.nav-list li a#presentation { width: 77px; } #nav ul.nav-list li a#related-links { width: 84px; }*/ /* ------------------- */ /* SEARCH */ /* ================================================== */ #search form {} #search form input.text {} #search form input.button {} #searchresults dd { margin-bottom:5px; } #searchresults dl { margin-top:15px; } #side .mediaelement {margin-bottom:15px;} /* TAB NAVIGATION RULES */ /* ================================================== */ #content #tabs { width:550px; height:24px; margin:0 0 10px 0; padding:0; background:url(/images/tabs/bg-ul-tabs.gif) repeat-x bottom left; list-style:none; font:11px 'trebuchet MS';} #content #tabs li { float:left; padding:0; margin:0 7px 0 0; background:none; list-style-type:none; } #content #tabs li a { display:block; _display:inline-block; height:24px; color:#666; text-decoration:none; background:url(/images/tabs/tabs_left.gif) no-repeat top left; padding:0; } #content #tabs li a:hover, #content #tabs li a.active { font-weight:bold; background-position:left -24px; } #content #tabs li a span { display:block; _display:inline-block; height:24px; line-height:24px; padding:0px 7px; font-weight:bold; font-size:11px; cursor:pointer; text-decoration:none; background:transparent url(/images/tabs/tabs_right.gif) no-repeat top right; } #content #tabs li a:hover span, #content #tabs li a.active span { background-position:right -24px; } /* HOMEPAGE OVERRIDES */ /* ================================================== */ .home {} /* Surf to edit niceness */ .nterchange #site{margin-top:40px;} .nterchange #masthead .pageContentAdd{position:absolute;right:5px;top:5px;z-index:30;background:#CCCCCC;border:2px solid #CCCCCC;border-bottom-width:1px;color:black;} /*.nterchange #masthead .mask{height:auto;max-height:none;}*/ /*.nterchange #masthead .corner{display:none;}*/ .nterchange #masthead .pagecontent{position:relative;} .nterchange #masthead .pagecontent > div{position:absolute; left:5px; top:5px;} .nterchange #masthead .pagecontent > .editableRegion{position:static; right:auto; top:auto;}