/* INFORMATION AND CREDITS --------------------------------------------------------------------------------------- Title: Main Stylesheet Last Updated: 2008-11-16 by KBY Icon Credits: - White arrow by Ed Merritt via www.stylegala.com - Various other icons from Mark James' Silk icon set. More information available at http://www.famfamfam.com/lab/icons/silk/ --------------------------------------------------------------------------------------*/ /* BASIC ELEMENTS ------------------------------------------------------------------------------------- */ * {margin: 0; padding: 0;} html {min-height: 100%;} body {font-size: 100%; font-family: arial, helvetica, verdana, sans-serif; margin: 0 0 5px 0; text-align: center; color: #666666; background: #ededed url(../images/bg.gif) repeat-y 50% 0;} table, th, td {font-family: arial, helvetica, verdana, sans-serif; color: #666666; font-size:90%;} a:link {color: #006bb5; text-decoration: underline;} a:visited {color: #71a2c3; text-decoration: underline;} a:hover {color: #39f;} a:active {color: #ff8913;} h1 {font-size: 26px; color: #000; font-weight: normal; margin: 0 0 14px 0; line-height: 1.2em; letter-spacing: -1px;} h2 {font-size: 17px; color: #7e7e7e; font-weight: normal; margin: -10px 0 20px 0; line-height: 1.3em;} h3 {font-size: 125%;/*(15px)*/color: #006bb5; font-weight: bold; margin: 10px 0 2px 0; padding: 0;} h4 {font-size: 110%;/*(13px)*/ color: #006bb5; font-weight: bold; margin: 9px 0 1px 0; padding: 0;} h5 {font-size: 100%;/*(12px)*/ font-weight: bold;} p {padding: 0 0 15px 0;} img {border: 0;} hr {clear: both; border: none 0; border-bottom: 1px solid #d4d4d4; width: 100%; height: 1px; margin: 0 0 15px 0;} blockquote {margin: 0 0 15px 0; padding: 15px 20px!important; font-size: 120%; font-style: italic; font-weight: bold; line-height: 1.7; border: 1px solid #d4d4d4; border-width: 1px 0;} blockquote.paragraphs {margin: 0 0 20px 0; padding: 15px 20px 0 20px!important; font-size: 100%; font-weight: normal; line-height: 1.5;} sup {font-size: 75%; line-height: 0;} /* ELEMENTS and MISC CLASSES ------------------------------------------------------------------------------------- */ .topgap {margin-top: 30px;} .bottomgap {margin-bottom: 30px;} .rightgap {margin-right: 30px;} .leftgap {margin-left: 30px;} .smalltopgap {margin-top: 15px;} .smallbottomgap {margin-bottom: 15px;} .smallrightgap {margin-right: 15px;} .smallleftgap {margin-left: 15px;} h3.score, h4.score {padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #d4d4d4;} .clear {clear: both;} br.clear {clear: both; height: 1px; font-size: 1px; line-height: 1px;} .floatleft {float: left; margin: 2px 20px 10px 0;} .floatright {float: right; margin: 2px 0 10px 20px;} .textleft {text-align: left;} .textright {text-align: right;} .hide {display: none;} .center {text-align: center;} .clearleft {clear:left;} .clearright {clear:right;} .hide {display:none;} .alignright {text-align:right;} .plainimage {border:none !important; padding:0; float: none !important; margin:0 !important;} .whitebold {font-weight: bold; color: #fff; text-decoration: none;} .orangebold {font-weight: bold; color: #f63; text-decoration: none;} .quote {font-style: italic !important; width: 90% !important;} .inlinequote {font-style: italic; font-size: 90%;} .subtext, .small, small {font-size: .95em;} big {font-size: 2em; color: #8d8d8d;} .required {color: #f00;} .rightlink {float: right; font-size: 75%; font-weight: normal;} .thumbleft {float: left; padding: 2px 20px 0 0;} .kicker {margin: 0; padding: 0; font-size: 80%; color: #000; text-transform: uppercase;} .kicker2 {color: #000; font-size: 90%; padding-left: 2px; margin-bottom: -3px;} .sm {font-size: 115%; font-family: "Lucida Sans Unicode"; line-height: 0;} .enhance {margin-bottom: 18px; border-bottom: 1px solid #d4d4d4; clear: both;} /* Enhance subclass - Ex: class="enhance clean" */ .enhance.clean {margin-bottom: 8px; border-bottom: none;} .enhance img {float: left; margin: 2px 21px 0 0; padding: 3px; border: 1px solid #d4d4d4;} .enhance h3, .enhance h4 {margin-top: 0;} .enhance .kicker {margin: -4px 0 8px 0;} /*-- thumbnails with text --*/ .thumbtext {padding: 0 0 23px 125px;} .thumbtext img {float: left; position: relative; top: 3px; left: -125px; margin-right: -128px; line-height: 1px; text-align: center; padding: 3px; border: 1px solid #d4d4d4;} .thumbtext h3, .thumbtext h4 {margin-top: 0;} .thumbtext p {padding: 0;} /* Thumbtext subclass - Ex: class="thumbtext vert" */ .thumbtext.vert {padding-left: 108px;} .thumbtext.vert img {left: -108px; margin-right: -111px;} /* self-clearing function for thumbtext class */ .thumbtext:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .thumbtext {display: inline-block;} .thumbtext {display: block;} /* score to divide groups of thumbtext divs */ hr.thumbsdivide {margin-top: 15px; margin-bottom: 20px;} /*-- big buttons --*/ .button {margin: 30px 0 0 0; text-align: center;} .button a {color: #333; text-decoration: none; font-weight: bold; font-size: 100%; padding: 6px 0 7px 3px; background: transparent url(../images/btn_left.gif) no-repeat 0 0; } .button a:visited, .button a:hover {color: #333; text-decoration: none;} #maincontent .button a:active {color: #333!important;} .button span {padding: 6px 25px 7px 24px; background: transparent url(../images/btn_right.gif) no-repeat top right;} /*-- divide columns and lists in half: see "layouts" below for related styles --*/ .half {float: left; margin-right: 20px;} .half.last, ul.arrows.half {margin-right: 0;} /*-- bullets --*/ ul.arrows {padding-left: 12px !important;} /* The following is intended for use with the "arrows" bullet class above. Ex: class="arrows underheading" */ ul.underheading, ul.arrows.underheading {margin-top: 10px;} ul.arrows li {list-style-type: none; background: url(../images/white-arrow.gif) no-repeat 0 5px; padding-left: 19px;} ul.arrows li p {padding-bottom: 5px;} ul.horizbullets {position: relative; padding-top: 0 !important;} ul.horizbullets li {float: left; width: 43%; list-style-type: none; background: url(../images/white-arrow.gif) no-repeat 0 .3em; line-height: 1.2em; margin: 0 22px 10px 0; padding-left: 19px;} ul.horizbullets li.rightside {margin-right: 0;} ul.horizbullets li.lone {width: 95%; margin-right: 0;} /*-- bottom information in content --*/ .bottominfo {margin: 25px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #d4d4d4;} .bottominfo p {font-size: .9em; line-height: 1.4em; padding-bottom: 8px;} /*-- technical specs/datasheet style on products pages --*/ table.datasheet {width: 100%; border-collapse: collapse;} table.datasheet th {vertical-align: top; border: solid #e1e1e1; border-width: 1px 0 1px 0; font-weight: bold; font-size: 1em; color: #999; padding: 8px;} table.datasheet td {border: solid #e1e1e1; border-width: 1px 0 1px 0; font-size: 1em!important; color: #2e2e2e; padding: 8px 8px 8px 0;} table.datasheet td ul {margin: 4px 0 -6px 0!important; padding: 0 0 10px 15px!important; line-height: normal;} table.datasheet td ul li {margin-bottom: 0!important; padding-bottom: 0!important; line-height: 1.5;} .simple {border-bottom: 0px solid #999; margin-bottom: 15px; margin-left: 5px; position: relative;} .simple td, .simple th {font-size: 100%!important; vertical-align:top; border-bottom: 1px solid #d4d4d4; padding: 5px 10px!important; border-collapse: collapse;} .simple th {background: #eee; border-bottom:1px solid #d4d4d4;} .simple caption {background-color: #006bb5; margin-top: 15px; margin-bottom: -10px; color: #fff; text-align: center; font-weight: bold; border-collapse: collapse; padding: 5px 10px;} /*-- forms --*/ form.clean {margin: 0; padding: 0;} form.clean input.text, form.clean select, form.clean textarea {font-family: arial, sans-serif; font-size: 1em; border-top: 1px solid #b4b4b4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-left: 1px solid #b4b4b4; background: #f4f4f4;} form.clean input.text:focus, form.clean select:focus, form.clean textarea:focus {background: #fff;} form.clean fieldset {margin: 0; padding: .5em 0 .5em 0; border: none;} form.clean fieldset strong {font-family: tahoma; float: left; margin: 0; padding: 7px 0 0 3px; font-size: 10px; line-height: 1.5em; color: #f00;} form.clean fieldset label {float: left; color: #333; width: 175px; margin: 5px 25px 0 5px; text-align: right; font-size: 1.2em;} form.clean fieldset div.field {float: left; width: 215px; margin: 0;} form.clean fieldset div.field input.text {width: 200px; padding: .37em;} form.clean fieldset div.field textarea {width: 275px; height: 85px; margin: 10px 0 0 0; padding: .5em;} form.clean fieldset div.field select {width: 211px; padding: .25em;} form.clean fieldset.first {margin-top: 7px;} form.clean fieldset.last {margin-bottom: 30px;} form.clean fieldset.score {border-bottom: 1px solid #d4d4d4; padding-bottom: 20px;} form.clean fieldset.checkboxes {border: none; font-size: .95em;} form.clean fieldset.checkboxes label {font-size: 1em; text-align: left;} form.clean fieldset.checkboxes table {margin: 0!important; padding: 0!important;} form.clean fieldset.checkboxes table td {color: #333; line-height: normal; vertical-align: top; padding: 0 5px 12px 10px!important;} form.clean fieldset.checkboxes table td label {margin: 0; padding: 0; width: 210px;} form.clean fieldset.checkboxes table td.check {padding: 0!important;} form.clean fieldset div.checks {padding: 3px; word-spacing: 12px;} form.clean fieldset div.checks input {margin-right: 5px;} form.clean fieldset.widechecks input {margin: 3px 8px 0 5px!important; float: left;} form.clean fieldset.widechecks label {padding: 0!important; margin: 0!important; font-size: 1em!important; text-align: left!important; width: 460px!important;} .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .group {height: 1%;} *:first-child+html .group {min-height: 1px;} /* CONTAINER, HEADER AND TOP NAVIGATION ------------------------------------------------------------------------------------- */ #container {position: relative; margin: auto; width: 920px; text-align: left; background: #fff;} #header {position: relative; height: 116px; background: url(../images/bg_tooltab.gif) no-repeat;} /*-- NGTS logo --*/ #main_logo {position: absolute; top: 23px; left: 27px;} #main_logo img {position: absolute; top: 0px; left: 0px;} /*-- tools & resources tab links --*/ #toplinks {position: absolute; top: 4px; right: 30px; text-align: left; color: #828282; font-family: tahoma, arial, sans-serif; font-size: .55em;/*9px*/} #toplinks a:link, #toplinks a:visited {color: #525252;} #toplinks a:hover {color: #339aff;} #toplinks a:active {color: #ff8913} #toplinks ul {list-style: none; margin: 5px 0 0;} #toplinks li {float: right; padding: 0 5px 1px; border-right: 1px solid #666;} #toplinks li.none {border: 0;} /*-- search box and links --*/ #search-top {position: absolute; top: 45px; right: 30px; width: 706px;} #search-top input {float: right; font-size: .6em;/*(10px)*/ border: 1px solid #a4adb4; padding: 1px;} #search-top input.searchbox {width: 122px;} #search-top input.search {margin-left: 7px; border: none; padding: 0;} #search-top label {display: none;} #search-top ul {font-size: .71em; list-style: none;} #search-top ul li {display: inline; float: right; margin: 1px 0 0 0;} #search-top ul li a:visited {color: #006bb5;} #search-top ul li a:hover {color: #39f;} #search-top ul li a.contact {margin-right: 30px; background: url(../images/icon_envelope.gif) no-repeat 0 2px; padding: 0 0 1px 24px;} #search-top ul li a.contact:hover {background: url(../images/icon_envelope_on.gif) no-repeat 0 2px;} /*-- main navigation --*/ #nav {position: absolute; bottom: 0; left: 0; width: 920px; height: 31px; margin: 0; padding: 0;} #nav li {display: inline;} #nav li a {float: left; width: 184px; height: 0; padding-top: 31px; overflow: hidden; background: url(../images/nav.gif) no-repeat;} /*-- normal button states --*/ #nav li.Productsnav a, #nav li.Productsnav a:visited {background-position: 0 0;} #nav li.Servicesnav a, #nav li.Servicesnav a:visited {background-position: -184px 0;} #nav li.Supportnav a, #nav li.Supportnav a:visited {background-position: -368px 0;} #nav li.Aboutnav a, #nav li.Aboutnav a:visited {background-position: -736px 0;} #nav li.Resourcesnav a, #nav li.Resourcesnav a:visited {background-position: -552px 0;} /*-- hover button states --*/ #nav li.Productsnav a:hover {background-position: 0 -31px;} #nav li.Servicesnav a:hover {background-position: -184px -31px;} #nav li.Supportnav a:hover {background-position: -368px -31px;} #nav li.Aboutnav a:hover {background-position: -736px -31px;} #nav li.Resourcesnav a:hover {background-position: -552px -31px;} /*-- active button states --*/ #nav li.Productsnav a:active {background-position: 0 -62px;} #nav li.Servicesnav a:active {background-position: -184px -62px;} #nav li.Supportnav a:active {background-position: -368px -62px;} #nav li.Aboutnav a:active {background-position: -736px -62px;} #nav li.Resourcesnav a:active {background-position: -552px -62px;} /*-- higlighted (in section) button states --*/ .Productsnav #nav li.Productsnav a, .Productsnav #nav li.Productsnav a:hover {background-position: 0 -93px !important;} .Servicesnav #nav li.Servicesnav a, .Servicesnav #nav li.Servicesnav a:hover {background-position: -184px -93px !important;} .Supportnav #nav li.Supportnav a, .Supportnav #nav li.Supportnav a:hover {background-position: -368px -93px !important;} .Aboutnav #nav li.Aboutnav a, .Aboutnav #nav li.Aboutnav a:hover {background-position: -736px -93px !important;} .Resourcesnav #nav li.Resourcesnav a, .Resourcesnav #nav li.Resourcesnav a:hover {background-position: -552px -93px !important;} /* HOME PAGE ------------------------------------------------------------------------------------- */ #home-page #container {background: #fff;} #h_content {background:#fff url(../images/bg_h_content.gif) no-repeat 0 0; min-height: 200px;} #h_about {position: relative; float: left; display: inline; width: 549px; padding: 0 20px 0 0; background: url(../images/bg_h_about.gif) right repeat-y; font-family: arial; font-size: 75%; line-height: 1.8em;} #h_about h2 {margin: 10px 0 20px 0; color: #006bb5; font-weight: bold;} #h_about p {padding: 6px 0;} #h_about .promo1 {float: left; padding: 20px 20px 20px 0;} #h_about .promo2 {float: left; padding: 20px 0 20px 0;} #h_news {position: relative; float: left; display: inline; width: 337px; padding: 0px 0 0 14px; font-family: arial; font-size: 75%; line-height: 1.8em;} #h_news h2 {margin: 10px 0 15px 26px; color: #006bb5; font-weight: bold;} #h_news ul {list-style-type: none;} #h_news ul li {padding: 0; margin: 0; height: 1%;} #h_news ul li a {font-size: 90%; color: #2e2e2e; text-decoration: none; background: #fff; display: block; border-bottom: 1px solid #e2e2e2; padding: 7px 5px 7px 7px; line-height: 1.54em;} #h_news ul li.clean a {border-bottom: none;} #h_news ul li a:hover {background: #f2f2f2;} #h_news .date {float: left; color: #999;} #h_news .item {margin-left: 70px;} #h_news .morenews {width: 25%; text-align: right; float: right; margin: 10px 0 0 0; padding: 0 4px 0 0; font-size: 90%;} #h_news .special {text-align: center;} /* FOOTER ------------------------------------------------------------------------------------- */ #footer {clear: both; font-size: .7em; background: url(../images/bg_footer-lines.gif) no-repeat 50% 0; color: #7e7e7e; z-index: 52;} #footer_inner {width: 920px; margin: auto; text-align: left;} #footer a:link, #footer a:visited {color: #7e7e7e; text-decoration: none;} #footer a:hover {text-decoration: underline;} #footer p {padding: 15px;} #footer ul {float: right; list-style: none; width: 510px; padding: 15px 7px 15px 0;} #footer li {float: right; padding: 0 8px 0 9px; border-left: 1px solid #c3c3c3;} #footer li.none {border: 0;} .printcontact {display: none;} /* RIGHT ------------------------------------------------------------------------------------- */ #right { display: none; font-size: 65%;} .col3 #right { display: inline; float: right; width: 146px; margin: 24px 24px 0 0; } .layout-b2-nav .column-last #rightnav {margin: 0!important; padding: 0!important; font-size: 90%;} .layout-b2-nav .column-last #rightnav img {padding: 2px; border: 1px solid #adadad;} .layout-b2-nav .column-last #rightnav li { list-style: none; background: url(../images/line3.gif) repeat-x bottom left; padding: 0 0 1px; } .layout-b2-nav .column-last #rightnav li a:link, .layout-b2-nav .column-last #rightnav li a:visited {display: block; /*\*/height: 1%;/**/ padding: 3px 2px 2px 6px; text-decoration: none; color: #2e6fb1;} .layout-b2-nav .column-last #rightnav li a:hover { background: #f5f5f5;} .layout-b2-nav .column-last #rightnav li#title {display: none;} .layout-b2-nav .column-last #rightnav li#menunav {padding: 0 0 5px; line-height: normal;} .layout-b2-nav .column-last #rightnav li#menunav a:link, .layout-b2-nav .column-last #rightnav li#menunav a:visited {padding:0; text-decoration: none;} .layout-b2-nav .column-last #rightnav li#menunav a:hover {background:none;} .layout-b2-nav .column-last #rightnav li.pdfimage a:link, #rightnav li.pdfimage a:visited { background: url(../images/pdf-icon3.gif) no-repeat 5px 3px; padding-right: 20px; } .layout-b2-nav .column-last #rightnav li.pdfimage a:hover { background: #f5f5f5 url(../images/pdf-icon3.gif) no-repeat 5px 3px; } .layout-b2-nav .column-last #rightnav li.flashimage a:link, #rightnav li.flashimage a:visited { background: url(../images/flash-icon-bullet.gif) no-repeat 5px 4px; padding-right: 20px; } .layout-b2-nav .column-last #rightnav li.flashimage a:hover { background: #f5f5f5 url(../images/flash-icon-bullet.gif) no-repeat 5px 4px; } .layout-b2-nav .column-last #rightnav li.qt-image a:link, #rightnav li.qt-image a:visited { background: url(../images/qt-icon3.gif) no-repeat 5px 4px; padding-right: 20px; } .layout-b2-nav .column-last #rightnav li.qt-image a:hover { background: #f5f5f5 url(../images/qt-icon3.gif) no-repeat 5px 4px; } /* --------------------------------------------- */ #right div dl { text-align: right; padding: 5px;} #right2 {float: right; display: inline; width: 160px; margin: 24px 24px 0 0;font-size: 65%;} .sidebox { background: #eee; border: 1px solid #bbb; margin: 0 0 20px;} .sidebox h3, .sidebox h4 { background: #728ca7; border-bottom: 1px solid #bbb; color: #fff; padding:5px; font-size: 110%; font-weight: normal;} .sidebox h4 { background: #888; } .sidebox p { padding: 5px;} .sidebox ul { padding: 5px 5px 5px 25px;} .sidebox li { padding: 0 0 4px; } /*=========== Right Design In Progress MD 06/15/06================*/ #right3 {float: right; display: inline; width: 184px; margin: 24px 0px 0 0;font-size: 70%; border-left:1px solid #e3e3e3; } .sidebox2 { margin: 0 0 20px;} .sidebox2 h3, .sidebox h4 {font-weight:bold; margin: 0; padding:10px 20px 4px 5px; font-size: 110%; /*border-bottom:1px solid #e3e3e3;*/} .contactbox {background:#999; color:#fff; font-weight:bold;} .side img {border-bottom:1px solid #999;} .sidebox2 p { padding: 5px; line-height:1.6em; padding-left:12px;} .sidebox2bt {border-bottom:1px solid #e3e3e3;} .sidebox2 ul {padding:10px 0 10px 0; margin:0; border-bottom:1px solid #e3e3e3} .sidebox2 li { /*border-bottom:1px solid #e3e3e3; */background: url('../images/doublearrow-gray.gif') no-repeat 0 0; line-height:1.2em; list-style-type:none; margin-left:10px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:16px; padding-right:0; padding-top:0; padding-bottom:10px} /*=========== Right Design for Homeland page 04/30/07================*/ #right4 {float: right; display: inline; width: 170px; margin: 24px 0px 25px 25px;font-size: 90%; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;} .sidebox3 { margin: 0 0 20px;} .sidebox3 h3, .sidebox h4 {font-weight:bold; padding:10px 20px 5px 5px; font-size: 110%; border-bottom:1px solid #e3e3e3;} .contactbox {background:#999; color:#fff; font-weight:bold; padding-left:5px;} .sidebox3_contact { padding: 5px; line-height:1.6em; padding-left:12px;} .sidebox3bt {color:#000000; font-size: 200%;} .sidebox3_links {border:2px solid #e3e3e3} .sidebox3 li {list-style: none; border-bottom:1px solid #e3e3e3; padding:5px 10px 5px 15px; margin: 0px; line-height:1.4em;} .sidebox3_hls {font-weight:bold; color:#ffffff; background-color:#0071BC; padding:5px 5px 5px 5px; font-size: 110%; border-bottom:1px} .sidebox3_hls_bio_title {color:#000000; background-color:#ECF6FF; padding:5px 8px 0px 8px; font-size: 105%;} .sidebox3_hls_bio {color:#000000; background-color:#ECF6FF; border-bottom:1px solid #e3e3e3; padding:3px 8px 8px 8px; font-size: 90%;} /* CENTER ------------------------------------------------------------------------------------- */ #wrap {padding-top: 20px; background: url(../images/bg_drop_shadow.gif) no-repeat 0 0; min-height: 580px;} #content {background: transparent url(../__/index.html);}/* fixes IE duplicate character bug*/ #maincontent {float: left; width: 716px; margin: 0 0 0 20px; padding-bottom: 40px; display: inline; line-height: 1.5em; font-size: 75%; /*12px equivalent */} .col3 #maincontent {width: 532px;} .noleftnav {width: 920px!important; margin-left: 0px!important;} #maincontent ul, #maincontent2 ul {padding: /*8px*/ 0 0 15px 25px;} #maincontent ul ul, #maincontent2 ul ul {padding: 8px 0 5px 25px;} #maincontent ul li, #maincontent2 ul li, #maincontent ol li, #maincontent2 ol li {padding-bottom: 6px;} #maincontent ol, #maincontent2 ol {list-style-type:decimal; margin-left:10px; padding: 5px 25px; line-height:1.5em;} #maincontent ol ol, #maincontent2 ol ol {list-style-type: upper-alpha;} #maincontent ol ol ol, #maincontent2 ol ol ol {list-style-type: lower-alpha;} #maincontent ol ol ol ol, #maincontent2 ol ol ol ol {list-style-type: upper-roman;} #maincontent ol ol ol ol ol, #maincontent2 ol ol ol ol ol {list-style-type: lower-roman;} #maincontent dl, #maincontent2 dl {padding: 0 0 7px;} #maincontent dt, #maincontent2 dt {font-weight: bold;} #maincontent dd, #maincontent2 dd {padding:5px;} #maincontent table, #maincontent2 table {margin: 10px 0;} #maincontent td, #maincontent2 td {padding: 5px; font-size:1.1em;} #breadcrumbs {height: 26px; margin: 4px 0 21px 0px; font-size: 95%; border-bottom: 1px solid #d4d4d4;} #breadcrumbs ul {padding: 0; float: left; margin-left: -4px; display: inline; margin-bottom: -10px;} #breadcrumbs ul ul {margin: 0; padding: 0;} #breadcrumbs ul ul ul {margin: 0; padding: 0;} #breadcrumbs li {float: left; list-style: none; padding: 0 0 0 4px;} #breadcrumbs li a:link, #breadcrumbs li a:visited {float: left; list-style: none; background: none; padding: 0; text-decoration: none; color: #999999;} #breadcrumbs li.first li a:link, #breadcrumbs li.first li a:visited { padding-left: 7px; background: url(../images/arrow_breadcrumb.gif) no-repeat 0px 7px;} #breadcrumbs li a:hover {text-decoration: underline;} .breadcr {line-height: 1px;} /* This is for the Alumni site only */ #maincontent2 {float: left; width: 516px; margin: 0 0 0 20px; display: inline; font-size: 75%; line-height: 1.5em;} /* =========================== New Design CSS* ============================*/ .hidesection #hidesection, .hide-subsection #hide-subsection, .hide-subsection1 #hide-subsection1, .hide-subsection2 #hide-subsection2, .hide-subsection3 #hide-subsection3, .hide-subsection4 #hide-subsection4, .hide-subsection5 #hide-subsection5, .hide-subsection6 #hide-subsection6 {display:none;} /*===============================Products Alpha List==========================*/ dl.dlcontainer {width: 95%; clear: left; margin-top: 5px;} dt.dlcontainer {display: inline; width: 58%; font-weight: normal; clear:left; float:left; font-size: 10pt; height: 25pt; margin: 0; padding: 0;} dd.dlcontainer {display: inline; font-size: 10px; font-weight: normal; float:right; width:42%; margin: 0; padding: 0; height: 25pt;} dl.dlalpha {background-color: #f1f1f1; margin: 0 0 10px 0; padding: 2px!important; clear: both;} dt.dtalpha {display: inline; font-size:120%; font-weight: bold; color: #0066CC; background-color: #EFEDE3; height: 15px; padding: 0 0 0 4px} dt.dtalpha a img {float: right; padding: 4px 5px 0 0;} dl.dlproducts {clear: left; margin-top: 5px;} dt.dlproducts {display: inline; width:53%; font-weight: normal!important; clear:left; float:left; height: 30px; margin-bottom: 3px; padding:0;} dd.dlproducts {display:inline; font-weight: normal; float:right; width:45%; margin-top:-5px; padding:0; height: 28px;} dt a img {position: static!important;} /*===============================Services Alpha List==========================*/ dl.dlservices {width:100%; clear:left; margin-top:5px;} dt.dlservices {display:inline; width:63%; font-weight: normal!important; clear:left; float:left; height: 25px; margin-bottom:3px; padding:0;} dd.dlservices {display:inline; font-weight: normal; float:right; width:35%; padding:0; height: 17px;} dt a img {position:static!important;} /*===================== Browser Check ======================*/ #ieCheck {background: #FFFACD; padding:5px; margin-bottom:10px; border: 1px solid #999;} ul.arrow li, .actionitem {list-style-type:none; background: url(../images/arrow.gif) no-repeat 0 0; padding-left:22px; font-size:110%; font-weight:bold;} /*===================== Whats New ======================*/ .whatsnew {margin:0;} .whatsnew dt {margin-left:25px; margin-top:5px;} .whatsnew dd {margin-left:25px; margin-top:5px;} dt.date {font-variant:small-caps; letter-spacing:1px; font-weight:normal!important; color:#6b6b6b; padding:2px; margin:8px 0 -10px 0px; font-size:100%;} /*===================== Clean List ======================*/ .cleanlist {list-style:none;} /*===================== Right Highlight Box ======================*/ #right-box {padding-bottom:5px; background-color:#f3f3f3; float:right; position:relative; left:2px; display:block; width:25%; margin:5px;} #right-box h3, #right-box h4 {background-color:#5285bb; text-align:center; margin:0; padding:3px; font-weight:bold; color:#fff; font-size:95%; border-bottom:solid 1px #fff;} #right-box h4 {background-color:#fff;} #right-box p {padding:5px 5px 5px 5px!important;} /*===================== Right Float ======================*/ div.right {float:right; clear:both; position:relative; display:block;} /*===================== Image List / Aquatic Sciences ====================*/ dl.imagelist{width:100%; clear:both; margin-top:5px; position:relative;} dd.imagelist {display:inline; font-weight: normal; float:left; clear: right!important; width:15%; margin-right:15px;} dd.imagelistmid {display:inline; font-weight: normal; float:left; clear: right!important; width:75%;} /*===================== Image Horizontal List / Aquatic Sciences ====================*/ .listimg {float: left; clear:both; width:95%; position:relative; padding-bottom:5px ;} .listimg ul {list-style-type: none; margin:0; padding:0; height:75px;} .listimg li {float: left; margin:0; padding-right:2px;width:auto; } /*added padding 06/28/06 jmp */ /*===================== 2 Column Lists ====================*/ dl.listcol {width:90%; clear:both; padding-top:-5px; padding-bottom:5px;} dd.listcol {display:inline; font-weight: normal; float:left; width:45%; height: auto;} .listcol ul {list-style-type:none; padding-bottom:0px!important; margin-bottom:0px!important;} /*============ Right Column ==================*/ dd.listcolrt {display:inline; font-weight: normal; clear: right; float:right; width:45%; height: auto;} /* ============ PHOTO CAPTION CSS ==============*/ .photocaption {margin:10px; width:auto; background:#fff!important; float:right; padding:5px; position:relative; border:1px solid #999!important;} .photocaption img {float:none!important; margin:0 auto!important; padding:0!important; border:1px solid #999; } .photocaption dl, .photocaption dd {margin:0; padding:0;} .photocaption dt {text-align:center; font-weight:bold; margin:0 5px;} .photocaption dd { margin:0 5px;} #graybox {border:1px solid #999; padding:7px; margin:5px 0px 10px 0px;} #graybox img {position: static!important;} /* Styles for the photo biographies*/ #photo {width:97%;} .photo {margin-bottom:10px;} .phototitle {font-size:120%; margin:5px 0 7px 4px; color: #5285bb;} .photoimg {width:auto; height:100px; display:inline; float:left; margin-top:3px; position:static!important;} .phototext {width:75%;margin-left:10px; display:inline; float:left;} .photosubheader {font-family: verdana, arial, sans-serif; color: #555; font-size: 85%;} /* ============ Form Styles ===================*/ .searchresultstitle {font-weight:bold;} .searchhighlight {background-color: #ffffcc;} a .searchhighlight {text-decoration:underline;} .searchurl {font-style:italic;} /* ============ Site Map Styles ===================*/ #sitemap {width:80%; padding-top:5px} .sitemap {font-size: 100%; color: #06C; text-decoration: none!important} a.sitemap:hover {text-decoration: underline!important; color: #06C} a.sitemap:visited {text-decoration:none; color: #06C; } /* ============ Highlight Box Styles ===================*/ #highlight-temporary {border:1px solid #036; margin:0px 0 10px 0; width:75%;} #highlight-temporary h3 {background:#fc0 url(../images/bg-blue-important.png) repeat-x; margin:0; color:#FFF; padding:3px; font-size:13px;} #highlight-temporary dl {background: url(../images/info_alert.gif) no-repeat top left; padding:10px 10px 10px 45px!important; margin-left: 15px; margin-top: 12px;} #highlight-temporary dt {clear:left; float:left; width:75%; margin:-13px 0 5px 0;} #highlight-temporary dd {clear:left;} #highlight-temporary .subtext {font-size:95%;} /* ============ RSS Feed Style ===================*/ .rssfeed {display:none; padding-top:5px} /*Added padding 06/28/06 jmp */ .newsimage {padding-right:10px} /* Added for news image 06/28/06 jmp */ .rssicon-home {float: left; margin-top: 13px; padding: 0;} /* Added for rss icon for new template 9/12/07 JL */ .rssicon2 {float: right; margin-top: 0px;} /* Added for rss icon for new template 9/12/07 JL */ /* ============ Revised Styles ===================*/ .revised {color:#FF0000;} /* ============ Leadership List Styles ===================*/ .leadership {margin-bottom:-5px; line-height:1.2} /* ============ Home page IPO box 07/25/06 ===================*/ #highlight-ipo {border:1px solid #036; background: #F6FAFD; margin:10px 0 0 0; width:95%;} #highlight-ipo h3 a {background: #F6FAFD; margin-left:15px; color:#34339B; padding:3px; font-size:80%; text-align:center} #highlight-ipo ul li {margin-left:35px; margin-bottom:15px; font-size:105%;} /* ============ Browser Sniffer ============ */ dl.rmxportal {background: #FFFACD; border:1px solid #666;} /*Styles for the pop-up windowns*/ #popup {position:relative; margin:auto; background:#000; color:#fff; font-size:75%;} .popup-logo {position:absolute; top:20px; left:10px;} .popup-logo img {position:absolute; top:0px; left:10px;} .popup-image {position:relative; margin:auto; margin-top:80px;} #popup a:link {color:#fff; text-decoration:underline;} #popup a:visited {color:#fff; text-decoration:underline;} #popup a:hover, #popup a:active {color:#fff;} #popup .close {width:150px; margin-left:33%; margin-top:40px; float:left;} /*============== Zebra Table Style ==============*/ .zebraTable {border-left:1px solid #999; border-bottom:0px solid #999; width:95%; margin-bottom:15px; margin-left:5px; position:relative;} .zebraTable td, .zebraTable th {vertical-align:top; border-right: 1px solid #999!important; border-bottom:1px solid #999; padding:3px; border-collapse:collapse;} .zebraTable th {border-bottom:1px solid #999; border-top:1px solid #999; font-size: 100%;} caption {background-color:#29465c; margin-top:15px; margin-left:0px; margin-bottom:-10px; color:#fff; text-align:center; font-weight:bold; border-collapse:collapse; padding:3px 0;} /*colors for new zebra table script */ .oddcolor {background:#fff!important;} .evencolor {background:#D9D9D9!important;} /* ============ PDF CSS PRODUCTS ==============*/ /* ADOBE ACORBAT IMAGE SMALL */ .pdfimage { background: url(../images/pdf-icon.gif) no-repeat 100% 5px; } /* BOLD FOR PRODUCT BROCHURE */ .pdf-text { display:block; font-weight:bold; padding: 35px 0 0; } /* ADOBE ACORBAT IMAGE LOGO */ #pdfnav { background: url(../images/getacro.gif) no-repeat top right; font-size: 85%; } /* ADOBE ACORBAT LINK BOX */ #pdfnav a:link, #pdfnav a:visited { display: block; background: url(../images/getacro.gif) no-repeat top right; height: 40px;} #pdfnav i { display: none;} /* New style for general PDF and Doc links in phase 1 & 2 redesign by JL 10-01-07 */ .pdf {background: url(../images/pdf_icon.gif) no-repeat right; padding: 1px 20px 1px 0;} .doc {background: url(../images/icon_doc.gif) no-repeat right; padding: 0 20px 1px 0;} /* ============ Quicktime CSS PRODUCTS ==============*/ /* QUICKTIME IMAGE SMALL */ .qt-image { background: url(../images/quicktime.gif) no-repeat 100% 5px; } /* QUICKTIME IMAGE LARGE */ #quicktime { background: url(../images/getquicktime.gif) no-repeat top right; font-size: 85%; } /* QUICKTIME LINLK BOX */ #quicktime a { display: block; background: url(../images/getquicktime.gif) no-repeat top right;height: 40px;} #quicktime i { display: none;} /* New style for general Quicktime links in phase 1 & 2 redesign by JL 12-20-07 */ .quicktime {background: url(../images/qt_icon.gif) no-repeat right; padding: 0 20px 1px 0;} /* ============ Flash CSS PRODUCTS ============== added by JL on 10/5/07 */ /* FLASH IMAGE SMALL WITH BULLET FOR SUBNAV */ .flashimage { background: url(../images/flash-icon-bullet.gif) no-repeat; } /* ============ ON STATES ==============*/ /* SELECTOR CLASSES FOR LEFT NAVIGATION */ /* LEFT ==================================== */ #left {width: 184px; float: left;} #left h2 {padding: 3px; margin: 0 0 5px; font-size: 110%; background: #888; color: #fff; text-align: center;} /* ============ BOX IN LEFT NAV ==============*/ .infobox {display:block;height:47px; min-height:53px!important;border-top:0px} .infobox_title {display:block; padding: 3px; min-height:30px; font-size: 110%; text-align: center;} /* ============ NO CHANGE FROM MAIN.CSS ==============*/ #section ul {margin: 0; padding: 0;} #section li {list-style: none; display: inline;} #section li a:link, #section li a:visited {display: block; /*\*/height: 1%;/**/ padding: 8px 12px 8px 12px; color: #353535; background: #f6f6f6 url(../images/bg_left_nav_header.gif) bottom left repeat-x; font-size: .73em; font-weight: bold; text-decoration: none;} #section li li a:link, #section li li a:visited {display: block; height: 1%; padding: 4px 24px 4px 12px; font-family: arial, sans-serif; font-size: .7em; font-weight: normal; color: #353535; background: #f2f2f2; text-align: left;} #section li li a:hover {color: #353535; background: #e7e7e7 url(../images/icon_arrow-circle.gif) no-repeat 97% 50%; text-decoration: none;} /* ============BUILD OUT MAINNAV ID FOR PERSISTENT NAVIGATION ==============*/ #mainnav ul {margin-bottom: -1px;} #mainnav li {display: block; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #fff; /*height: 1%;*/ color: #353535;} #mainnav li li {display: block!important; background: #fbfbfb; height: 1%; color: #333; text-align: left;} #mainnav li li a:link {background: url(../images/bullet.gif) no-repeat 18px 9px; height: 1%; padding-left: 30px; color: #353535;} #mainnav li li a:visited {background: url(../images/bullet.gif) no-repeat 18px 9px; height: 1%; padding-left: 30px; color: #353535;} #mainnav li li a:hover {display: block!important; color:#353535; background: #e7e7e7 url(../images/bullet.gif) no-repeat 18px 9px!important; text-decoration: none;} #mainnav li li li {display: block!important; background: #fff url(../images/bullet-nav-arrow.gif) no-repeat 32px 9px; height: 1%; color: #333; text-align: left;} #mainnav li li li a:link {background: url(../images/bullet-nav-arrow.gif) no-repeat 32px 9px!important; height: 1%; padding-left: 49px; color: #666;} #mainnav li li li a:visited {background: url(../images/bullet-nav-arrow.gif) no-repeat 32px 9px; height: 1%; padding-left: 49px; color: #666;} #mainnav li li li a:hover {display: block!important; color:#000; background: url(../images/bullet-nav-arrow-o.gif) no-repeat 32px 9px!important; text-decoration: none;} #mainnav ul {display: none;} #mainnav ul ul {display: none!important;} #navigation-extended {min-height: 650px; } /* ============FIRST LEVEL NAVIGATION ==============*/ .subnav #subnav ul, .subnav1 #subnav1 ul, .subnav2 #subnav2 ul, .subnav3 #subnav3 ul, .subnav4 #subnav4 ul, .subnav5 #subnav5 ul, .subnav6 #subnav6 ul, .subnav7 #subnav7 ul, .subnav8 #subnav8 ul, .subnav9 #subnav9 ul, .subnav10 #subnav10 ul, .subnav11 #subnav11 ul, .subnav12 #subnav12 ul, .subnav13 #subnav13 ul {display: block; background: #F2F2F2; height: 1%; padding-left:0px; color: #333; margin-top:0px!important; border-top:1px solid #d8d8d8!important;} /* ============FIRST LEVEL LINK NAVIGATION ==============*/ .asubnav #asubnav, .asubnav1 #asubnav1, .asubnav2 #asubnav2, .asubnav3 #asubnav3, .asubnav4 #asubnav4, .asubnav5 #asubnav5, .asubnav6 #asubnav6, .asubnav7 #asubnav7, .asubnav8 #asubnav8, .asubnav9 #asubnav9, .asubnav10 #asubnav10, .asubnav11 #asubnav11, .asubnav12 #asubnav12, .asubnav13 #asubnav13 {display: block !important; font-weight: bold !important; background: #e7e7e7 url(../images/icon_arrow-circle.gif) no-repeat 97% 50% !important;} /* ============SECOND LEVEL NAVIGATION ==============*/ .subnav-sub1 #subnav-sub1 ul, .subnav-sub2 #subnav-sub2 ul, .subnav-sub3 #subnav-sub3 ul, .subnav-sub4 #subnav-sub4 ul, .subnav-sub5 #subnav-sub5 ul, .subnav-sub6 #subnav-sub6 ul, .subnav-sub7 #subnav-sub7 ul, .subnav-sub8 #subnav-sub8 ul, .subnav-sub9 #subnav-sub9 ul, .subnav-sub10 #subnav-sub10 ul {display: block!important;} .subnav1-sub1 #subnav1-sub1 ul, .subnav1-sub2 #subnav1-sub2 ul, .subnav1-sub3 #subnav1-sub3 ul, .subnav1-sub4 #subnav1-sub4 ul, .subnav1-sub5 #subnav1-sub5 ul, .subnav1-sub6 #subnav1-sub6 ul, .subnav1-sub7 #subnav1-sub7 ul, .subnav1-sub8 #subnav1-sub8 ul, .subnav1-sub9 #subnav1-sub9 ul, .subnav1-sub10 #subnav1-sub10 ul {display: block!important;} .subnav2-sub1 #subnav2-sub1 ul, .subnav2-sub2 #subnav2-sub2 ul, .subnav2-sub3 #subnav2-sub3 ul, .subnav2-sub4 #subnav2-sub4 ul, .subnav2-sub5 #subnav2-sub5 ul, .subnav2-sub6 #subnav2-sub6 ul, .subnav2-sub7 #subnav2-sub7 ul, .subnav2-sub8 #subnav2-sub8 ul, .subnav2-sub9 #subnav2-sub9 ul, .subnav2-sub10 #subnav2-sub10 ul {display: block!important;} .subnav3-sub1 #subnav3-sub1 ul, .subnav3-sub2 #subnav3-sub ul, .subnav3-sub3 #subnav3-sub3 ul, .subnav3-sub4 #subnav3-sub4 ul, .subnav3-sub5 #subnav3-sub5 ul, .subnav3-sub6 #subnav3-sub6 ul, .subnav3-sub7 #subnav3-sub7 ul, .subnav3-sub8 #subnav3-sub8 ul, .subnav3-sub9 #subnav3-sub9 ul, .subnav3-sub10 #subnav3-sub10 ul {display: block!important;} .subnav4-sub1 #subnav4-sub1 ul, .subnav4-sub2 #subnav4-sub ul, .subnav4-sub3 #subnav4-sub3 ul, .subnav4-sub4 #subnav4-sub4 ul, .subnav4-sub5 #subnav4-sub5 ul, .subnav4-sub6 #subnav4-sub6 ul, .subnav4-sub7 #subnav4-sub7 ul, .subnav4-sub8 #subnav4-sub8 ul, .subnav4-sub9 #subnav4-sub9 ul, .subnav4-sub10 #subnav4-sub10 ul {display: block!important;} .subnav-sub1 #subnav-sub1, .subnav-sub2 #subnav-sub2, .subnav-sub3 #subnav-sub3, .subnav-sub4 #subnav-sub4, .subnav-sub5 #subnav-sub5, .subnav-sub6 #subnav-sub6, .subnav-sub7 #subnav-sub7, .subnav-sub8 #subnav-sub8, .subnav-sub9 #subnav-sub9, .subnav-sub10 #subnav-sub10 {display: block!important; font-weight: bold!important; background: #fbfbfb url(../images/bullet.gif) no-repeat 18px 9px!important;} .subnav1-sub1 #subnav1-sub1, .subnav1-sub2 #subnav1-sub2, .subnav1-sub3 #subnav1-sub3, .subnav1-sub4 #subnav1-sub4, .subnav1-sub5 #subnav1-sub5, .subnav1-sub6 #subnav1-sub6, .subnav1-sub7 #subnav1-sub7, .subnav1-sub8 #subnav1-sub8, .subnav1-sub9 #subnav1-sub9, .subnav1-sub10 #subnav1-sub10 {display:block!important; font-weight: bold!important; background: #fbfbfb url(../images/bullet.gif) no-repeat 18px 9px!important;} .subnav2-sub1 #subnav2-sub1, .subnav2-sub2 #subnav2-sub2, .subnav2-sub3 #subnav2-sub3, .subnav2-sub4 #subnav2-sub4, .subnav2-sub5 #subnav2-sub5, .subnav2-sub6 #subnav2-sub6, .subnav2-sub7 #subnav2-sub7 .subnav2-sub8 #subnav2-sub8, .subnav2-sub9 #subnav2-sub9, .subnav2-sub10 #subnav2-sub10 {display:block!important; font-weight: bold!important; background: #fbfbfb url(../images/bullet.gif) no-repeat 18px 9px!important;} .subnav3-sub1 #subnav3-sub1, .subnav3-sub2 #subnav3-sub2, .subnav3-sub3 #subnav3-sub3, .subnav3-sub4 #subnav3-sub4, .subnav3-sub5 #subnav3-sub5, .subnav3-sub6 #subnav3-sub6, .subnav3-sub7 #subnav3-sub7, .subnav3-sub8 #subnav3-sub8, .subnav3-sub9 #subnav3-sub9, .subnav3-sub10 #subnav3-sub10 {display:block!important; font-weight: bold!important; background: #fbfbfb url(../images/bullet.gif) no-repeat 18px 9px!important; } /* ============SECOND LEVEL LINK NAVIGATION ==============*/ .asubnav-sub1 #asubnav-sub1, .asubnav-sub2 #asubnav-sub2, .asubnav-sub3 #asubnav-sub3, .asubnav-sub4 #asubnav-sub4, .asubnav-sub5 #asubnav-sub5, .asubnav-sub6 #asubnav-sub6, .asubnav-sub7 #asubnav-sub7, .asubnav-sub8 #asubnav-sub8, .asubnav-sub9 #asubnav-sub9, .asubnav-sub10 #asubnav-sub10 {display:block!important; font-weight: bold!important; background: #fbfbfb url(../images/bullet.gif) no-repeat 18px 9px!important; } .asubnav1-sub1 #asubnav1-sub1, .asubnav1-sub2 #asubnav1-sub2, .asubnav1-sub3 #asubnav1-sub3, .asubnav1-sub4 #asubnav1-sub4, .asubnav1-sub5 #asubnav1-sub5, .asubnav1-sub6 #asubnav1-sub6, .asubnav1-sub7 #asubnav1-sub7, .asubnav1-sub8 #asubnav1-sub8, .asubnav1-sub9 #asubnav1-sub9, .asubnav1-sub10 #asubnav1-sub10 {display:block!important; font-weight: bold!important; background: #fbfbfb url(../images/bullet.gif) no-repeat 18px 9px!important; } .asubnav2-sub1 #asubnav2-sub1, .asubnav2-sub2 #asubnav2-sub2, .asubnav2-sub3 #asubnav2-sub3, .asubnav2-sub4 #asubnav2-sub4, .asubnav2-sub5 #asubnav2-sub5, .asubnav2-sub6 #asubnav2-sub6, .asubnav2-sub7 #asubnav2-sub7, .asubnav2-sub8 #asubnav2-sub8, .asubnav2-sub9 #asubnav2-sub9, .asubnav2-sub10 #asubnav2-sub10 {display:block!important; font-weight: bold!important; background: #fbfbfb url(../images/bullet.gif) no-repeat 18px 9px!important; } .asubnav3-sub1 #asubnav3-sub1, .asubnav3-sub2 #asubnav3-sub2, .asubnav3-sub3 #asubnav3-sub3, .asubnav3-sub4 #asubnav3-sub4, .asubnav3-sub5 #asubnav3-sub5, .asubnav3-sub6 #asubnav3-sub6, .asubnav3-sub7 #asubnav3-sub7, .asubnav3-sub8 #asubnav3-sub8, .asubnav3-sub9 #asubnav3-sub9, .asubnav3-sub10 #asubnav3-sub10 {display:block!important; font-weight: bold!important; background: #fbfbfb url(../images/bullet.gif) no-repeat 18px 9px!important;} /* ============THIRD LEVEL NAVIGATION ==============*/ .subnav1-sub2-sub1 #subnav1-sub2-sub1, .subnav1-sub2-sub2 #subnav1-sub2-sub2, .subnav1-sub2-sub3 #subnav1-sub2-sub3, .subnav1-sub2-sub4 #subnav1-sub2-sub4, .subnav1-sub2-sub5 #subnav1-sub2-sub5, .subnav1-sub2-sub6 #subnav1-sub2-sub6, .subnav1-sub2-sub7 #subnav1-sub2-sub7, .subnav1-sub2-sub8 #subnav1-sub2-sub8, .subnav1-sub2-sub9 #subnav1-sub2-sub9, .subnav1-sub2-sub10 #subnav1-sub2-sub10 {color: #000!important; background: #fff url(../images/bullet-nav-arrow-o.gif) no-repeat 32px 9px!important;} .asubnav1-sub2-sub1 #asubnav1-sub2-sub1, .asubnav1-sub2-sub2 #asubnav1-sub2-sub2, .asubnav1-sub2-sub3 #asubnav1-sub2-sub3, .asubnav1-sub2-sub4 #asubnav1-sub2-sub4, .asubnav1-sub2-sub5 #asubnav1-sub2-sub5, .asubnav1-sub2-sub6 #asubnav1-sub2-sub6, .asubnav1-sub2-sub7 #asubnav1-sub2-sub7, .asubnav1-sub2-sub8 #asubnav1-sub2-sub8, .asubnav1-sub2-sub9 #asubnav1-sub2-sub9, .asubnav1-sub2-sub10 #asubnav1-sub2-sub10 {color: #000!important; background: #fff url(../images/bullet-nav-arrow-o.gif) no-repeat 32px 9px!important;} .subnav1-sub4-sub1 #subnav1-sub4-sub1, .subnav1-sub4-sub2 #subnav1-sub4-sub2, .subnav1-sub4-sub3 #subnav1-sub4-sub3, .subnav1-sub4-sub4 #subnav1-sub4-sub4, .subnav1-sub4-sub5 #subnav1-sub4-sub5, .subnav1-sub4-sub6 #subnav1-sub4-sub6, .subnav1-sub4-sub7 #subnav1-sub4-sub7, .subnav1-sub4-sub8 #subnav1-sub4-sub8, .subnav1-sub4-sub9 #subnav1-sub4-sub9, .subnav1-sub4-sub10 #subnav1-sub4-sub10 {color: #000!important; background: #fff url(../images/bullet-nav-arrow-o.gif) no-repeat 32px 9px!important;} .asubnav1-sub4-sub1 #asubnav1-sub4-sub1, .asubnav1-sub4-sub2 #asubnav1-sub4-sub2, .asubnav1-sub4-sub3 #asubnav1-sub4-sub3, .asubnav1-sub4-sub4 #asubnav1-sub4-sub4, .asubnav1-sub4-sub5 #asubnav1-sub4-sub5, .asubnav1-sub4-sub6 #asubnav1-sub4-sub6, .asubnav1-sub4-sub7 #asubnav1-sub4-sub7, .asubnav1-sub4-sub8 #asubnav1-sub4-sub8, .asubnav1-sub4-sub9 #asubnav1-sub4-sub9, .asubnav1-sub4-sub10 #asubnav1-sub4-sub10 {color: #000!important; background: #fff url(../images/bullet-nav-arrow-o.gif) no-repeat 32px 9px!important;} /* ============ RIGHT NAVIGATION CSS ==============*/ /* RIGHT NAVIGATION SELECTOR LINK */ .over a#over:link, .over1 a#over1:link, .over2 a#over2:link, .over3 a#over3:link, .over4 a#over4:link, .over5 a#over5:link, .over6 a#over6:link, .over7 a#over7:link, .over8 a#over8:link, .over9 a#over9:link, .over10 a#over10:link, .over a#over:visited, .over1 a#over1:visited, .over2 a#over2:visited, .over3 a#over3:visited, .over4 a#over4:visited, .over5 a#over5:visited, .over6 a#over6:visited, .over7 a#over7:visited, .over8 a#over8:visited, .over9 a#over9:visited, .over10 a#over10:visited {background: #f5f5f5;} .img_enlarge {display:block; font-size: 90%; text-align: center; color:#666; padding-top: 3px; height: 23px; cursor: pointer;} /* Alert box added 04/18/07 */ #error-message {border:1px solid #D03018; margin:10px auto!important; width:80%;} #error-message h3 {background:#D03018 url(../images/bg-red.png) repeat-x; margin:0; color:#FFF!important; padding:3px;font-size:13px; text-align:center;} #error-message dl {background: url(../images/error_alert.gif) no-repeat top left; padding:10px 10px 10px 45px!important; margin:10px 0 0 15px!important;} #error-message dt {float:left; width:100%; margin:-13px 0 0 0;} #error-message dd {padding:0; margin:0;} /* LAYOUTS FOR MAIN CONTENT AREA ------------------------------------------------------------------------------------- */ /*-- promos and main graphics --*/ .layout-a1 .promo, .layout-a2 .promo, .layout-a3 .promo, .layout-a4 .promo {margin: 0 0 19px 0;} .layout-b1 .promo, .layout-b2 .promo, .layout-b3 .promo, .layout-b4 .promo {float: right; padding: 3px; border: 1px solid #bebebe; margin: 0 0 21px 20px;} /*-- columns --*/ /* wide left with narrow right columns */ .layout-a2 .column, .layout-b2 .column, .layout-c2 .column {float: left; width: 496px; margin-right: 20px; padding: 0;} .layout-a2 .column-last, .layout-b2 .column-last, .layout-c2 .column-last {float: left; width: 200px; padding: 0;} /* temporary products page columns with right side nav */ .layout-b2-nav .column {float: left; width: 546px; margin-right: 20px; padding: 0;} .layout-b2-nav .column-last {float: left; width: 150px; margin-top: 35px; padding: 0;} /* 2 equal columns */ .layout-a3 .column, .layout-b3 .column, .layout-c3 .column {float: left; width: 348px; padding: 0;} .layout-a3 .column-last, .layout-b3 .column-last, .layout-c3 .column-last {float: left; width: 348px; margin-left: 20px; padding: 0;} /* 3 equal columns */ .layout-a4 .column, .layout-b4 .column, .layout-c4 .column {float: left; width: 225px; margin-right: 20px; padding: 0;} .layout-a4 .column-last, .layout-b4 .column-last, .layout-c4 .column-last {float: left; width: 225px; margin: 0; padding: 0;} /* split content within any column in half */ .layout-a1 .half, .layout-b1 .half, .layout-c1 .half {width: 48.5%;} .layout-a2 .half, .layout-b2 .half, .layout-c2 .half {width: 47.9%;} .layout-a3 .half, .layout-b3 .half, .layout-c3 .half {width: 47%;} /* split bulleted lists in half */ .layout-a1 ul.arrows.half, .layout-b1 ul.arrows.half, .layout-c1 ul.arrows.half {width: 48.3%;} .layout-a2 ul.arrows.half, .layout-b2 ul.arrows.half, .layout-c2 ul.arrows.half {width: 47.5%;} .layout-a3 ul.arrows.half, .layout-b3 ul.arrows.half, .layout-c3 ul.arrows.half {width: 46.5%;} p.quote {margin-top: 28px; color: #999; font-size: 120%; font-style: italic; font-weight: bold; line-height: 1.7 !important;} .quote strong {color: #666666;} /*-- boxes --*/ .box {margin: 0px 0 0 0; padding: 0 0 12px 0; font-size: 90%; color: #585858; width: 198px; border: 1px solid #bcd3ef; } .box h3 {margin-left: 12px; margin-bottom: -3px; font-weight: bold; font-size: 130%;} .box p {padding: 10px 12px 0 12px!important;} .box ul {list-style: none; margin: 5px 12px 0 0; padding: 0 0 0 12px !important;} .box ul.underheading {margin-top: 10px;} .box ul li {background: url('../images/white-arrow.gif') no-repeat 0 .45em;; margin-left:0 !important; margin-right:0 !important; margin-top:4px !important; margin-bottom:0 !important; padding-left:18px !important; padding-right:0 !important; padding-top:0 !important; padding-bottom:0 !important} .box ul li.bottomgap {margin-bottom: 10px!important;} .box .delicious {margin: 0 16px 0 0;} .box .digg {margin: 0 16px 0 0;} .box .facebook {margin: 0 16px 0 0;} .box .mixx {margin: 0 17px 0 0;} .box .newsvine {margin: 0 13px 0 0;} .box .reddit {margin: 0;} .box .actionlink {text-align: right;} .box .actionlink a {font-size: 110%; font-weight: bold;} /* Box subclasses - Ex: class="box alert" */ .box.alert {background: #fbffd4; border: 1px solid #ffbd2d;} .box.shade {background: #f9fcff;} .box.breakout {position: relative; background: url(../images/bg_overlaybox.jpg) no-repeat; padding-top: 104px;} .box.breakout img {position: absolute; top: -17px; left: 0; margin-bottom: 12px;} .box.breakout h3 {margin-top: 0; padding-top: 0;} .box.flushbottom img {margin: 12px 0 -12px 0!important; display: inline-block; display: block;} .topbox {margin: 1px 0 0 0; padding: 1px ; font-size: 90%;} .topbox h1 {margin-left: 12px; margin-bottom: -3px; font-weight: bold; font-size: 190%;} .topbox h2 {font-size: 160%;/*(15px)*/; margin: 10px 0 2px 0; padding: 0; text-align: justify;} .topbox h3 {margin-left: 12px; margin-bottom: -3px; font-weight: bold; font-size: 130%;} .topbox p {padding: 10px 12px 0 12px!important;} .topbox ul {list-style: none; margin: 5px 12px 0 0; padding: 0 0 0 12px !important;} .topbox ul.underheading {margin-top: 10px;} .topbox ul li {background: url('../images/white-arrow.gif') no-repeat 0 .45em;; margin-left:0 !important; margin-right:0 !important; margin-top:4px !important; margin-bottom:0 !important; padding-left:18px !important; padding-right:0 !important; padding-top:0 !important; padding-bottom:0 !important} .topbox ul li.bottomgap {margin-bottom: 10px!important;} .topbox .delicious {margin: 0 16px 0 0;} .topbox .digg {margin: 0 16px 0 0;} .topbox .facebook {margin: 0 16px 0 0;} .topbox .mixx {margin: 0 17px 0 0;} .topbox .newsvine {margin: 0 13px 0 0;} .topbox .reddit {margin: 0;} .topbox .actionlink {text-align: right;} .topbox .actionlink a {font-size: 110%; font-weight: bold;} /* Box subclasses - Ex: class="box alert" */ .topbox.alert {background: #fbffd4; border: 1px solid #ffbd2d;} .topbox.shade {background: #f9fcff;} .topbox.breakout {position: relative; background: url(../images/bg_overlaybox.jpg) no-repeat; padding-top: 104px;} .topbox.breakout img {position: absolute; top: -17px; left: 0; margin-bottom: 12px;} .topbox.breakout h2 {margin-top: 0; padding-top: 0;} .topbox.breakout h3 {margin-top: 0; padding-top: 0;} .topbox.flushbottom img {margin: 12px 0 -12px 0!important; display: inline-block; display: block;} /*-- timeline box styles --*/ .year1970 #year1970, .year1971 #year1971, .year1972 #year1972, .year1973 #year1973, .year1974 #year1974, .year1975 #year1975, .year1976 #year1976, .year1977 #year1977, .year1978 #year1978, .year1979 #year1979, .year1980 #year1980, .year1981 #year1981, .year1982 #year1982, .year1983 #year1983, .year1984 #year1984, .year1985 #year1985, .year1986 #year1986, .year1987 #year1987, .year1988 #year1988, .year1989 #year1989, .year1990 #year1990, .year1991 #year1991, .year1992 #year1992, .year1993 #year1993, .year1994 #year1994, .year1995 #year1995, .year1996 #year1996, .year1997 #year1997, .year1998 #year1998, .year1999 #year1999, .year2000 #year2000, .year2001 #year2001, .year2002 #year2002, .year2003 #year2003, .year2004 #year2004, .year2005 #year2005, .year2006 #year2006, .year2007 #year2007, .year2008 #year2008 {font-size: 140%; font-weight: bold; text-decoration: none; color: #006bb5;} #latestnews, #events {margin: 20px 0 35px 0;} #latestnews h3, #events h3 {margin: 0; padding: 7px; background: #F9F9F9; border: 1px solid #e0e0e0;} #latestnews ul, #events ul {list-style-type: none; margin: 0; padding: 0;} #latestnews ul li, #events ul li {padding: 0; margin: 0; height: 1%;} #latestnews ul li a, #events ul li a {font-size: 90%; color: #2e2e2e; text-decoration: none; background:#fff; display: block; border-bottom: 1px solid #e2e2e2; padding: 8px; line-height: 1.54em;} #latestnews ul li a:hover, #events ul li a:hover {background: #f2f2f2;} #latestnews .date, #events .date {float: left; color: #999;} #latestnews .item, #events .item {margin-left: 70px;} /*-- investor relations home page --*/ .Supportnav #latestnews, .Supportnav #events, #stock {margin-top: 10px;} #stock h3 {margin: 0; padding: 7px; background: #F9F9F9; border: 1px solid #E0E0E0;} #stock h3 span {color: #666666; font-weight: normal; font-size: 80%;} .Supportnav ul.horizbullets li {line-height: 1.4em;} #ir-disclaimer {padding: 35px 0 15px 0; color: #A3A3A3; font-size: 90%;} /* TABS GENERAL RULES ------------------------------------------------------------------------------------- */ #contentTabs {float:left; width:100%; line-height:normal; border-bottom:1px solid #bbb; z-index:50;margin-bottom:20px;padding:0;} #contentTabs ul {margin:0; padding:0; list-style:none; height:30px;} #contentTabs > ul a {width:auto;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #contentTabs a {float:none;} /* sIFR STYLES ------------------------------------------------------------------------------------- */ /*=:project scalable Inman Flash Replacement (sIFR) version 3. =:file Copyright: 2006 Mark Wubben. Author: Mark Wubben, =:history * IFR: Shaun Inman * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben =:license This software is licensed and provided under the CC-GNU LGPL. See */ @media screen { /*---- sIFR ---*/ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-unloading .sIFR-flash { visibility: hidden !important; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } .sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0; } /*---- Header styling ---*/ .sIFR-active h1 { visibility: hidden; font-family: arial; line-height: 1em; font-size: 28px; margin: 0 0 10px 0; } .sIFR-active h2 { visibility: hidden; font-family: arial; line-height: 1em; font-size: 19px; margin: 0 0 20px 0; } .sIFR-active #h_about h2, .sIFR-active #h_news h2 { visibility: hidden; font-family: arial; line-height: 1em; font-size: 18px; color: #006bb5; } .sIFR-active #h_about h2 { margin: 9px 0 20px 0; } .sIFR-active #h_news h2 { position: relative; width: 175px; margin: 9px 0 17px 26px; } } /* <-- close @media screen */ .sIFR-active .layout-a1 h1, .sIFR-active .layout-a2 h1, .sIFR-active .layout-a3 h1, .sIFR-active .layout-a4 h1 {margin: 0;} .sIFR-active .layout-b1 h1, .sIFR-active .layout-b2 h1, .sIFR-active .layout-b3 h1, .sIFR-active .layout-b4 h1 {position: relative; display: inline-block; width: 496px; margin-bottom: 2px;} .sIFR-active .layout-b1 h2, .sIFR-active .layout-b2 h2, .sIFR-active .layout-b3 h2, .sIFR-active .layout-b4 h2 {position: relative; display: inline-block; width: 496px; margin: 0;} .sIFR-active .layout-c1 h1, .sIFR-active .layout-c2 h1, .sIFR-active .layout-c3 h1, .sIFR-active .layout-c4 h1 {margin: 0;}