/* Basic HTML styles */ body { margin: 0; padding: 0; font-family: "Lucida Grande",Arial,Helvetica,sans-serif; font-size: 76%; line-height: 1.6em; color: #393939; } img { border: 0; } p, blockquote, ul, ol, table, dl { font-family: "Lucida Grande",Arial,Helvetica,sans-serif; line-height: 1.6em; text-align: left; margin: 0 0 1em 0; padding: 0; color: #393939; } li { padding-bottom: .25em; } h1, h2, h3, h4, h5, h6 { font-family: Tahoma,Arial,sans-serif; color: #388940; font-weight: normal; line-height: 1.1em; margin: 1em 0 .25em 0; padding: 0; } ol, ul { padding-left: 2em; } blockquote { padding-left: 35px; padding-right: 35px; background: url(/images/big-quotes.gif) no-repeat; font-size: 1.2em; color: #666; } hr { display: none; } h1 { font-size: 2em; border-bottom: 1px solid #ddd; padding-bottom: .15em; margin: 0 0 .5em 0; } h2 { font-size: 1.5em; } h3 { font-size: 1.2em; font-weight: normal; color: #000; } h4 { font-size: 1em; font-weight: bold; } h5 { font-size: .9em; font-weight: bold; font-style: italic; } h6 { font-size: .64em; font-weight: bold; } td, th { vertical-align: top; } th { font-weight: bold; } input, textarea { font-family: "Lucida Grande",Arial,Helvetica,sans-serif; font-size: 1em; color: #393939; } sup, sub { vertical-align: 0; position: relative; } sup { bottom: .8ex; } sub { top: 0.8ex; } /* Links */ a:link, a { color: #5779C8; text-decoration: none; border-bottom: 1px solid #D5DEF1; } a:hover, a:focus { background-color: #E6F1DD; } a:active { border: none; } /* Link Exceptions */ #header a, #showcase a { border: 0; } #header a:hover, #showcase a:hover, #header a:focus, #showcase a:focus { background-color: transparent; } /* Basic Layout */ #main, #utility, #footer { width: 760px; margin: 0 auto; overflow: hidden; } #main { background-image: url(/images/left-shadow.gif); background-repeat: no-repeat; background-position: 177px -52px; position: relative; margin-top: -24px; padding-top: 24px; } #utility { background-color: #458437; background-image: url(/images/right-shadow-plain.gif); background-repeat: no-repeat; background-position: right 0; border-right: 7px solid white; width: 753px; } #mastheadwrap { width: 100%; height: 183px; position: absolute; left: 0; margin: 0; padding: 0; background-color: #94C373; background-image: url(/images/masthead-bkgd.gif); background-repeat: repeat-x; } .content { width: 590px; float: right; } .sidebar { width: 170px; float: left; } /* Section specific */ /* Utility */ #utility .sidebar { text-align: right; padding: 0; margin: 0; background-color: white; background-image: url(/images/left-shadow-plain.gif); background-repeat: no-repeat; background-position: right 0; width: 187px; min-height: 55px; } #utility .content { width: 566px; } #utility .content #header { margin: 0 10px 0 0; padding: 10px 0 0 10px; border: 3px solid #458437; background-image: url(/images/utility-bkgd.gif); } #utilitynav ul { padding: 5px 15px 0 0; list-style-type: none; } #utilitynav li { font-size: .9em; line-height: 1.1em; text-align: right; } /* Masthead */ .masthead { min-height: 182px; margin-bottom: 7px; } .content .masthead { background-image: url(/images/left-shadow.gif); background-repeat: no-repeat; background-position: 0 -76px; } .masthead h1 { margin: 0; padding: 0 10px; background-image: url(/images/right-shadow.gif); background-repeat: no-repeat; background-position: right -76px; border: 0; } .extrude img { margin-top: -24px; } .sidebar #nav { min-height: 183px; padding: 0; margin: 0; } #nav ul { list-style-type: none; margin: 20px 0 0 0; padding: 0; line-height: 0; border-top: 1px solid #fff; } #nav li { line-height: 0; margin: 0; padding: 0; } #nav a, #nav a:link { display: block; text-decoration: none; color: white; line-height: 1.6em; padding: 2px 0 2px 5px; margin: 0; border-bottom: 1px solid #fff; } #nav a:hover, #nav a:focus { background-color: #63AA45; } /* Main */ #news ul { list-style-type: none; padding-left: 0; margin-bottom: .5em; } #news li, #news p { font-size: .92em; line-height: 1.2em; } #news li { margin-bottom: .5em; background-image: url(/images/news-bullet.gif); background-repeat: no-repeat; background-position: 0 3px; padding-left: 20px; } #news a { color: gray; border-bottom: 1px solid #E3E3E3; } #news h2, #news p { margin-top: 0; } #main .content, #main .sidebar { padding: 0; } #main .sidebar { } #main .content { background-image: url(/images/right-shadow.gif); background-repeat: no-repeat; background-position: 573px -76px; min-height: 520px; /* from left, .content width-17px */ } .float-right, #search, #nav { padding: 5px; } #article { background-color: #fff; min-height: 300px; margin-right: 17px; margin-left: 17px; padding: 10px 20px 0 20px; } #article img { margin: 1em; } #footer { clear: both; font-size: .9em; margin-top: -30px; min-height: 74px; } #footer .content { background-image: url(/images/footer-shadow.gif); background-repeat: no-repeat; min-height: 74px; padding-top: 74px; background-position: 7px 0; } #footer p { padding-bottom: 0; text-align: center; } /* Accessibility */ #accessibility { position: absolute; top: -10000px; } /* Forms */ textarea.zemTextarea, input.zemText { border: 1px solid silver; border-left: 3px solid silver; border-top: 3px solid silver; padding: 3px; margin: 0; } /*Special */ div.callout { background-image: url(/images/showcase-center.gif); background-repeat: repeat-y; padding: 0; margin: 0 0 0 10px; border: 0; width: 155px; } .callout h2 { background-image: url(/images/showcase-top.gif); background-repeat: no-repeat; padding: 10px 10px 5px 10px; margin: 0; } .callout p { background-image: url(/images/showcase-bottom.gif); background-repeat: no-repeat; background-position: bottom; margin: 0; padding: 0 15px 15px 15px; } #showcase p { text-align: center; } #marketingminute { width: 165px; padding: 0; margin: 10px 0; } #marketingminute h2 { background-image: url(/images/stopwatch.gif); background-repeat: no-repeat; padding-left: 55px; padding-top: 15px; } #marketingminute p { padding-left: 20px; } .posted { text-align: right; font-size: .9em; margin: 0; padding: 0; } .archivefooter { margin-top: 1em; padding-top: 1em; } .archivefooter p { width: 50%; float: left; } p.pagination { text-align: center; display: block; width: 100%; } .comment { display: none; color: red; } .float-right, .callout { width: 135px; float: right; margin: 0 0 20px 20px; clear: right; } p.callout
{
width: 250px;
}
 #article .img-right { float: right; margin: 0 0 1em 1em; } #article .img-left { float: left; margin: 0 1em 1em 0; } div.featurelist { padding: 1em; margin: 2em; } .featurelist ul { padding: .5em; padding-bottom: .25em; margin: 0; width: 50%; background-color: white; } .featurelist li { background: url(/images/check-bullet.gif) no-repeat; margin-bottom: .25em; padding-left: 25px; list-style-type: none; } .featurelist p { padding: 1em; text-align: center; float: right; background-color: white; } #article .featurelist img { margin: 0; } code { font-size: 1.2em; border: 1px solid silver; padding: 0 2px; border-right: 2px solid gray; border-bottom: 2px solid gray; } .backtotop, .tweet { text-align: right; } #article table { width: 100%; border: 0; padding: 0; background: url(/images/table-bkgd.gif) repeat-x; border-spacing: 0; border-right: 0; margin-bottom: 2em; } #article table tr { padding: 0; margin: 0; } #article table td { vertical-align: top; margin: 0; border-right: 0; border-left: 4px solid white; border-top: 3px solid white; border-bottom: 2px solid #E7F1FB; padding: .15em .5em; } #article table td ul { margin-left: 0; padding-left: 1em; margin-bottom: 0; } #article table th { background-color: #c1d9f3; padding: 2px 1em; border-right: 2px solid #97c0eb; border-bottom: 2px solid #97c0eb; border-left: 1px solid white; border-top: 1px solid white; color: #393939; } .highlighted, .featurelist, .highlight { border: 1px solid #ddd; background: url(/images/fade-silver-right.gif) repeat-y right; margin-bottom: 1em; padding: 0 1em; } .highlighted h2 { color: #f58a00; } .highlighted p { padding-left: 30px; background: url(/images/clipboard_orange_24-dim.gif) no-repeat 0 5px; } #article div.portfolio-thumbnail { float: left; width: 124px; height: 160px; margin: 0px; } #article .portfolio-thumbnail a, #showcase a { display: block; border: 0; width: 110px; padding: 7px; margin: 0; text-align: center; } .portfolio-thumbnail a:hover, #showcase a:hover, .portfolio-thumbnail a:focus, #showcase a:focus { background: #eee; } #article .portfolio-thumbnail img, #showcase img { margin: 0; padding: 3px; background-color: white; border: 1px solid white; } #article .portfolio-thumbnail a:hover img, #showcase a:hover img, #article .portfolio-thumbnail a:focus img, #showcase a:focus img { border: 1px solid #ccc; } #article .image-link a, #news .image-link a { border: 0; } #article .image-link a img, #news .image-link a img { margin: 0; margin-bottom: -3px; } #slideshow { margin-bottom: 1em; } .breadcrumb { font-size: .9em; } #article dt { margin-top: .5em; color: #000; } #article dd { padding: 0; padding-left: .5em; margin: 0; } .mmfooter { margin-top: 1em; padding-top: .5em; padding-bottom: .5em; border: 1px solid #ddd; background-color: #eee; } .portfolio-button { list-style-type: none; padding: 0; width: 100%; height: 50px; margin: 0; } .portfolio-button li { width: 238px; height: 50px; padding: 0; margin: 0; float: left; } .portfolio-button a:hover, .portfolio-button a:focus { background-position: 0 -50px; } .portfolio-button a { background: url(/images/gray-button.gif) no-repeat; display: block; height: 25px; padding: 16px 20px 10px 20px; text-decoration: none; color: white; font-weight: bold; border: none; text-align: center; font-size: 12px; } p.two-col { width: 40%; float: left; margin: 0 3%; } div.mmregister { border: 1px solid silver; padding: .5em; width: 60%; margin: 1em auto; text-align: center; } .mmregister a, .mmregister a:hover { border: none; background: transparent; } .zemThanks p { border: 2px solid yellow; margin-top: 1em; padding: .5em; text-align: center; background-color: #FFFFCC; } .zemRequired { font-weight: bold; } .button-image { float: right; clear: right; margin-left: 1em; margin-bottom: 1em; } a.button-image { text-decoration: none; } .footnote { font-size: .9em; color: #999; margin-bottom: 0; } .credit { text-align: right; } .file-size { font-size: .8em; color: #999; } a#md-banner span { position: absolute; left: -10000px; } a#md-banner { display: block; height: 112px; width: 500px; background: url(/images/md-banner.jpg) 0 0 no-repeat; text-decoration: none; clear: right; border: 0; } a#md-banner:hover { background-position: 0 -115px; } a#md-banner:active { background-position: 0 -230px; } .file-download { list-style-type: none; margin: 0; padding: .5em; background: #f1f1f1; border: 1px solid #ccc; width: 60%; } .file-download a { display: block; border: 0; padding: 3px; } .file-download a:hover,.file-download a:focus { background-color: #ddd; } #article .file-download table { margin: 0; background: transparent; } #article .file-download table td { vertical-align: middle; line-height: 1.25em; color: #5779C8; border: 0; padding: 0; } /* Print styles */ @media print { .sidebar, #main .sidebar, #mastheadwrap, #utility, #showcase, #monoSlideshow, .portfolio-button { display: none; } #main .content, #main, #footer, #footer .content, #utility, .masthead h1, #main .content .masthead { background: transparent; border: 0; } #utility { padding: 0; margin: 0; width: 100%; } div#header { width: 100%; margin: 0; background-color: #458437; } .content { width: 80%; float: none; } #article { padding: 1em; margin: 0; } #footer .content { border-top: 1px solid silver; padding: 1em; } #footer { margin: 1em auto; } #article a:link:after, #article a:visited:after { content: " (" attr(href) ") "; font-size: 90%; text-decoration: none; color: silver; } .featurelist li { list-style-type: disc; background: transparent; padding-left: 0; margin-left: 1em; } #marketingminute, #article .callout, .callout h2, .callout p { float: none; background-image: none; width: auto; text-align: left; } .callout h2 img { float: left; margin: 0; padding: 0; } #marketingminute, #article .callout { border: 1px solid gray; margin: 0; } p.two-col { float: none; width: auto; margin: 0 0 1em 0; } }