/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /** * \file default.css * \brief Net-Scale corporate web site. Default style sheet. * * \author Net-Scale Technologies, Inc., www.net-scale.com * Created February 12, 2009 (urs) * * $Id: default.css 1868 2009-09-16 13:13:55Z urs $ * * Copyright (c) 2009 Net-Scale Technologies, Inc. All rights reserved. */ /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* * Global page settings. */ body { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; margin: 0em; background-color: white; } div.page { /* * We specify the page width through a
instead of because * IE6 ignores width on the latter. */ width: 48em; margin: 1ex 0.8em; } a { color: #606060; } a:hover { color: #ed8834; } /* * Top banner. */ div.topBanner { border-bottom: 2px solid #606060; } div.topBanner a img { border: none; margin-bottom: 0.3ex; /* * Specify image size in "em" units to make it scale with text size. * 14.35px=1em for default font size on all tested browsers * (Firefox 3 Ubuntu, Firefox2 Windows, Opear, Safari, IE6). * We specify the image width in "em" units here to make it scale with * the text size. */ width: 11.15em; height: 2.5em; } /* * Top menu. */ div.topMenu { overflow: hidden; background-color: #e8e8e8; height: 3.6ex; font-size: 0.9em; } div.topMenu span, div.topMenu a { float: left; border-right: .1em solid; border-color: #606060; padding: 0.6ex 1.3em 1.6ex 1.3em; font-weight: bold; background-color: #e8e8e8; } div.topMenu span { color: #ed8834; } /* * Side menu. */ div.sideMenu { float: left; padding-bottom: 3ex; border-right: 2px solid #606060; font-size: 0.9em; } div.sideMenu img { margin-bottom: 3ex; /* * Specify image size in "em" units to make it scale with text size. * 14.35px=1em for default font size on all tested browsers * (Firefox 3 Ubuntu, Firefox2 Windows, Opear, Safari, IE6). * We specify the image width in "em" units here to make it scale with * the text size. */ width: 7.805em; height: 5.575em; } div.sideMenu div { color: #ed8834; } div.sideMenu a { display: block; } div.sideMenu div, div.sideMenu a { margin-top: 2ex; } div.sideMenu .subHeader { margin-top: 3ex; font-weight: bold; color: #606060; } div.sideMenu .subItem { margin-top: 0.4ex; margin-left: 0.5em; } div.sideMenu .subSubItem { margin-top: 0ex; margin-left: 1.5em; font-size: 1em; text-decoration: none; } div.sideMenu .subSubItem span { text-decoration: underline; } /* * Page content. */ div.content { width: 38em; float: left; padding-left: 1.5em; margin-left: -2px; padding-bottom: 3ex; border-left: 2px solid #606060; } div.content h1 { clear: both; margin-top: 1.8ex; margin-bottom: 1ex; font-size: 1.3em; font-weight: bold; color: #606060; } div.content h2 { clear: both; margin-top: 2ex; margin-bottom: 0.5ex; font-size: 1em; font-weight: bold; color: #606060; } div.content h3 { clear: left; margin-top: 1ex; margin-bottom: 0ex; font-size: 1em; font-weight: normal; font-style: italic; color: black; } div.content img { margin-left: 0em; margin-top: 1ex; margin-bottom: 1ex; } div.content img.example { margin-left: 3em; margin-top: 0.5ex; margin-bottom: 0.5ex; } div.content img.picture-float-left { float: left; margin-top: 0.2em; margin-left: 0em; margin-right: 0.8em; margin-bottom: 0.5em; } div.content img.example-left { float: left; margin-top: 0.2em; margin-left: 1em; margin-right: 2.5em; margin-bottom: 2em; } div.content img.example-right { float: right; margin-top: 0.2em; margin-left: 2em; margin-right: 0.5em; margin-bottom: 0.5em; } div.content p { text-indent: 0em; margin-top: 1ex; margin-bottom: 1ex; } div.content ul, div.content ol { margin-top: 0.8ex; margin-bottom: 0.8ex; } div.content li { margin-top: 0.4ex; margin-bottom: 0.4ex; margin-left: -0.8em; } div.content ul li { list-style-type: circle; } div.content ul li ul li { list-style-type: square; } div.content li .header { font-weight: bold; color: #606060; } div.content ol.long li, div.content ul.long li { margin-top: 2ex; margin-bottom: 2ex; } div.content form table { margin-bottom: 1ex; font-size: 0.9em; } div.content form table tbody tr td { } div.content form table tbody tr td input.name { width: 25em; } div.content form table tbody tr td input.phone { width: 12em; } div.content form table tbody tr td { padding: 0em; } div.content form table.clientInfo tbody tr td.label { padding-right: 0.5em; } div.content form table.interests tbody tr td.label { padding-right: 2em; } div.content form textarea { } div.content form input.submit { display: block; margin-top: 2ex; } .nsorange { padding-top: 1.5ex; font-weight: bold; color: #ed8834; } .disclaimer { padding-top: 4ex; font-size: 0.8em; font-style: italic; color: #606060; } /* * Emphasize an input field. */ input.em { background-color: #fff0b0; } /* * Paragraph heading */ .hp{ font-weight: bold; } /* * Colors on methodology page. */ .discovery { font-weight: bold; color: #c17c05; } .implementation { font-weight: bold; color: #0b490c; } .hand-off { font-weight: bold; color: #82070f; } .support { font-weight: bold; color: #0b3072; } /* * Contact info table. */ table.contactInformation tbody th { font-weight: bold; text-align: right; } table.contactInformation th, table.contactInformation td { margin: 0em; vertical-align: top; padding-top: 1ex; padding-left: 0em; padding-right: 0.5em; font-size: 0.9em; } table.contactInformation a { color: black; text-decoration: none; } table.contactInformation a:hover { color: #ed8834; } /* * Directions page. */ div.directions p { margin-bottom: 0.5ex; } div.directions ul li { margin-top: 0ex; margin-bottom: 0ex; } div.directions iframe { display: block; margin-left: 0em; margin-top: 2ex; margin-bottom: 2ex; } div.directions a { font-size: 0.9em; } /* * Bottom banner. */ div.bottomBanner { clear: both; border-top: 2px solid #606060; width: 100%; padding-top: 0.5ex; text-align: right; color: #606060; font-size: 0.75em; } div.bottomBanner div.copyright { float: left; } div.bottomBanner a { text-decoration: none; }