/* INFORMATION AND CREDITS
---------------------------------------------------------------------------------------
Title: Main Stylesheet
Last Updated: 2008-07-14 by JL
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;}
.expandlink {text-align: right; margin-right: 20px;}
.expandlink a, .expandlink a:link {text-decoration: underline; color: #2f6db3; cursor: hand; c\ursor: pointer;}
.expandlink a:visited {text-decoration: underline; color: #666; cursor: hand; c\ursor: pointer;}
.expandlink a:hover, .biolink a:active {text-decoration: underline; color: #3399ff; cursor: hand; c\ursor: pointer;}
/*-- dev server banner --*/
#serverbanner {width: 825px; margin: 18px auto; padding: 15px 15px 17px 85px; line-height: 15px; color: #58585a; font-size: 11px; background: url(/images/bg_dev-banner.png) no-repeat;}
#serverbanner h3 {text-align: left; margin: 0 0 5px 0; padding: 0; font-size: 14px; font-weight: bold; color: #58585a; line-height: 15px; }
#serverbanner p {text-align: left; padding-bottom: 0;}
#serverbanner img {float: right; margin: 11px 15px 0 0;}
#serverbanner a:visited {color: #006bb5;}
#serverbanner a:hover {color: #39f;}
/*-- 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 div {display: none;}
/* 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;}
button {text-align: center; background: URL(./images/btn_left.gif) no-repeat left; border: 0; margin: 0; padding: 0; overflow: visible; cursor: pointer;}
button span {position: relative; display: block; white-space: nowrap; height: 27px; color: #333; font: bold 90%/27px arial, helvetica, sans-serif; background: URL(./images/btn_right.gif) no-repeat right top; padding: 0 25px 0 23px;}
/*-- 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/bullets/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/bullets/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; text-align: left;}
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;} /* old way of doing required - left in place for now */
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 {position: relative; 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: 0; padding: .5em; overflow: auto;}
form.clean fieldset div.field select {width: 211px; padding: .25em;}
form.clean fieldset div.field cite {width: 210px; color:#7A7A7A; display: block; font-style: normal; font-size: .8em; line-height: 1.2em; margin: 0 0 -14px; position: relative;}
form.clean fieldset div.field strong {position: absolute; display: block; right: -12px; top: 0; font-family: tahoma; font-size: 10px; color: #f00;}
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;}
.captchaicons {position:relative;top:5px;left:20px;}
.captchaicons img {margin-top:5px;}
/* CONTAINER, HEADER AND TOP NAVIGATION
------------------------------------------------------------------------------------- */
#container {position: relative; margin: auto; width: 920px; text-align: left; background: #fff;}
#header {position: relative; height: 128px; background: url(../images/bg_tooltab.gif) no-repeat;}
/*-- MCH logo --*/
#main_logo {position: absolute; top: 4px; left: 3px;}
#main_logo img {position: absolute; top: 0px; left: 0px;}
#ibm_logo {position: absolute; top: 6px; left: 170px;}
#ibm_logo img {position: absolute; top: 0px; left: 0px;}
#ms_logo {position: absolute; top: 6px; left: 245px;}
#ms_logo img {position: absolute; top: 0px; left: 0px;}
#hp_logo {position: absolute; top: 6px; left: 320px;}
#hp_logo img {position: absolute; top: 0px; left: 0px;}
#kodak_logo {position: absolute; top: 6px; left: 450px;}
#kodak_logo img {position: absolute; top: 0px; left: 0px;}
#oracle_logo {position: absolute; top: 6px; left: 510px;}
#oracle_logo img {position: absolute; top: 0px; left: 0px;}
#sba8a_logo {position: absolute; top: 42px; left: 170px;}
#sba8a_logo img {position: absolute; top: 0px; left: 0px;}
#hubzone_logo {position: absolute; top: 42px; left: 260px;}
#hubzone_logo img {position: absolute; top: 0px; left: 0px;}
#hvets_logo {position: absolute; top: 42px; left: 350px;}
#hvets_logo img {position: absolute; top: 0px; left: 0px;}
#sdb_logo {position: absolute; top: 42px; left: 430px;}
#sdb_logo img {position: absolute; top: 0px; left: 0px;}
#dbe_logo {position: absolute; top: 42px; left: 520px;}
#dbe_logo img {position: absolute; top: 0px; left: 0px;}
#emc_logo {position: absolute; top: 66px; left: 170px;}
#emc_logo img {position: absolute; top: 0px; left: 0px;}
#vmware_logo {position: absolute; top: 67px; left: 345px;}
#vmware_logo img {position: absolute; top: 0px; left: 0px;}
#datacore_logo {position: absolute; top: 66px; left: 510px;}
#datacore_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;}
#titleiv-eoe {position: absolute; top: 65px; right: 30px; width: 210px; font-size: .71em; font-style:italic; list-style: none;}
/*-- 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.solutionsnav a,
#nav li.solutionsnav a:visited {background-position: 0 0;}
#nav li.aboutnav a,
#nav li.aboutnav a:visited {background-position: -184px 0;}
#nav li.investornav a,
#nav li.investornav a:visited {background-position: -368px 0;}
#nav li.careersnav a,
#nav li.careersnav a:visited {background-position: -552px 0;}
#nav li.newsnav a,
#nav li.newsnav a:visited {background-position: -736px 0;}
/*-- hover button states --*/
#nav li.solutionsnav a:hover {background-position: 0 -31px;}
#nav li.aboutnav a:hover {background-position: -184px -31px;}
#nav li.investornav a:hover {background-position: -368px -31px;}
#nav li.careersnav a:hover {background-position: -552px -31px;}
#nav li.newsnav a:hover {background-position: -736px -31px;}
/*-- active button states --*/
#nav li.solutionsnav a:active {background-position: 0 -62px;}
#nav li.aboutnav a:active {background-position: -184px -62px;}
#nav li.investornav a:active {background-position: -368px -62px;}
#nav li.careersnav a:active {background-position: -552px -62px;}
#nav li.newsnav a:active {background-position: -736px -62px;}
/*-- higlighted (in section) button states --*/
.solutionsnav #nav li.solutionsnav a,
.solutionsnav #nav li.solutionsnav a:hover {background-position: 0 -93px !important;}
.aboutnav #nav li.aboutnav a,
.aboutnav #nav li.aboutnav a:hover {background-position: -184px -93px !important;}
.investornav #nav li.investornav a,
.investornav #nav li.investornav a:hover {background-position: -368px -93px !important;}
.careersnav #nav li.careersnav a,
.careersnav #nav li.careersnav a:hover {background-position: -552px -93px !important;}
.newsnav #nav li.newsnav a,
.newsnav #nav li.newsnav a:hover {background-position: -736px -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; }
/* Temporary Right Side Nav for Redesign 12/21/07 - JL */
.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 { list-style: none; /*border-bottom:1px solid #e3e3e3; */background: url(../images/bullets/doublearrow-gray.gif) no-repeat 0 0; padding:0 0 10px 16px; line-height:1.2em; margin:0 0 0 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(/**/);}/* 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, .layout-f1, .layout-f2, .layout-f3 {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/css/bg-blue-importantsaic.png) repeat-x; margin:0; color:#FFF; padding:3px; font-size:13px;}
#highlight-temporary dl {background: url(../images/css/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:#eee!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/css/bg-red.png) repeat-x; margin:0; color:#FFF!important; padding:3px;font-size:13px; text-align:center;}
#error-message dl {background: url(../images/css/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,
.layout-f2 .column {float: left; width: 496px; margin-right: 20px; padding: 0;}
.layout-f2 .column {width: 700px;}
.layout-a2 .column-last,
.layout-b2 .column-last,
.layout-c2 .column-last,
.layout-f2 .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;}
.layout-f3 .column {float: left; width: 450px;}
.layout-f3 .column-last {float: left; width: 450px; margin-left: 20px;}
/* 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, .layout-bio .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, .layout-bio 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: 20px 0 0 0; padding: 0 0 12px 0; font-size: 90%; color: #585858; width: 198px; border: 1px solid #bcd3ef; line-height: 1.545em;}
.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 {margin: 4px 0 0 0!important; padding: 0 0 0 18px!important; background: url(../images/bullets/white-arrow.gif) no-repeat 0 .45em;}
.box ul li.bottomgap {margin-bottom: 10px!important;}
.box.full {margin-bottom: 25px; width: 714px;}
.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;}
/*-- 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, .year2009 #year2009 {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 --*/
.investornav #latestnews, .investornav #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%;}
.investornav ul.horizbullets li {line-height: 1.4em;}
#ir-disclaimer {padding: 35px 0 15px 0; color: #A3A3A3; font-size: 90%;}
/*-- awards on rankings page --*/
#featurerankings {margin: 35px 0;}
* html #featurerankings {margin: 20px 0;}
*+ html #featurerankings {margin: 20px 0;}
.award {margin: 15px 0 0 0; padding: 0 0 16px 13px; border-bottom: 1px solid #e3e3e3;}
.award a {text-decoration: none;}
.award a:hover {text-decoration: underline;}
.award.last {border: none;}
.award div {float: right; width: 200px; text-align: center; margin: 8px 0 0 0;}
.award p {float: left; width: 48px; height: 47px; font-family: georgia; font-size: 150%; color: #212121; text-align: center; margin: 0 20px 0 0; padding: 10px 0 0 0; letter-spacing: -1px; background: url(/images/bg_award.gif) no-repeat;}
.award p sup {font-size: 9px; margin-left: -2px;}
* html .award p sup {font-size: 11px;}
*+ html .award p sup {font-size: 11px;}
.award h3 {margin: 0; padding-top: 5px; line-height: 1;}
.award .pub {color: #666666; text-transform: none; font-size: 90%;}
.rankings .award {margin: 5px 0 0 0; padding: 0 0 16px 0; border: none;}
.rankings .award p {width: 39px; background: none; margin: 0; padding: 7px 0 2px 0;}
.rankings .award h3 {font-size: 110%;}
.rankings .award div {display: none;}
/* 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;}
/********** right bar block style navigation **********/
#sectionnav {
float: left;/* prevent white line on a:hover, ie) */
display:block;
margin: 0 0 9px 5px;
padding: 0;
}
#sectionnav ul {
margin: 0;
padding: 0;
}
#sectionnav li {
float: left;
display:block;
margin: 0;
padding: 0;
list-style: none;
}
#sectionnav a {
float:left;
width: 200px;
margin: 0;
line-height: 30px;
padding-left:6px;
font-size: 90%;
font-weight: bold;
border-bottom: 1px solid #ddd;
/* ie5/win box model hack */
width: 180px;
voice-family: "\"}\"";
voice-family:inherit;
width: 180px;
}
#sectionnav a.wrap {
float:left;
width: 200px;
margin: 0;
line-height: 15px;
padding: 4px 0 4px 6px;
font-size: 90%;
font-weight: bold;
border-bottom: 1px solid #ddd;
/* ie5/win box model hack */
width: 180px;
voice-family: "\"}\"";
voice-family:inherit;
width: 180px;
}
/* unhack ie5/win */
#sectionnav> a {
width: 180px;
}
#sectionnav li a:hover {margin:0;background: #eee; color: #900;}
#sectionnav li a.active {margin:0;background: #fff; color: #900;outline: none;}
#sectionnav li.first {border-top: 1px solid #ddd;margin: 0;}
.mGrid {
width: 100%;
background-color: #fff;
margin: 5px 0 10px 0;
border: solid 1px #525252;
border-collapse:collapse;
}
.mGrid td {
padding: 2px;
border: solid 1px #c1c1c1;
color: #717171;
}
.mGrid th {
padding: 4px 2px;
color: #fff;
background: #424242 url(grd_head.png) repeat-x top;
border-left: solid 1px #525252;
font-size: 0.9em;
}
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td {
border-width: 0;
padding: 0 6px;
border-left: solid 1px #666;
font-weight: bold;
color: #fff;
line-height: 12px;
}
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }