body {margin: 0; background: #e9eaf2; font-family: verdana,arial,sans-serif;}
td {padding: 0; font-family: verdana,arial,sans-serif; font-size: 70%; vertical-align: top}
strong,h1,h2,h3 {color: #2e3192}
h1 {font-size: 140%; margin: 0 0 4px}
h2 {font-size: 130%; margin: 0 0 2px}
h3 {font-size: 120%; margin: 0 0 2px}
#outer {width: 100%; height: 100%; }
#outer td {vertical-align: middle}
#inner {background: #2e3192; width: 775px;}
/*/*/
#head {background: #2e3192 url(../img/s-hd-bg.gif) top right no-repeat}
#logo {float: left}
#tag {float: right; margin-top: 1px}
div.clear {clear: both}
#navwrap {width: 775px}
#nav {height: 19px;}
#nav td {background: #494ca2; border: 1px solid #9294c7; border-width: 1px 1px 0 0; white-space: nowrap}
#nav a {display: block; padding: 3px 13px; text-decoration: none; color: white; background: #494ca2;}
#nav a:hover, #nav a.there {background: #7779B9}
#nav td.first {border-left-width: 1px}
#spectrumtop {background: #A814B0; width: 100%; border-top: 1px solid #9294c7;}
/**/
#main {width: 775px; border: 1px solid #8283be; border-width: 0 1px; background: white; }
#subnav {width: 170px; font-size: 65%}
#subnav .section {display: block; padding: 3px 6px;  font-weight: bold; color: white; background-color: #2e3192}
#subnav .section:hover {background-color: #999BCE}
#subnav .section:visited {color: #fff}
#subnav a {text-decoration: none; display: block; padding: 3px 6px; margin-bottom: 1px; background-color: white; background-color: #EEEFF6; color: #2e3192}
#subnav a:hover {background: #fff}
#subnav a:visited {color: #656565}

#content {background: white url(../img/s-main-bg.gif) top left no-repeat; width: 595px}
/*/*/
#sectionphoto {float: right; border: 1px solid #2e3192; margin: 0 -147px 10px 24px}
#contentwrap {margin: 12px 150px 20px 26px;}/**/
#contentwrap a {color: #2e3192}
#contentwrap a:visited {color: #606}
#contentwrap a:hover {color: #900}
#contentwrap p {margin: 0 0 12px; line-height: 125%}
#contentwrap ul {margin: 0 20px 20px}
#contentwrap li {list-style: none; line-height: 125%}
#contentwrap li {list-style-image: url(../img/li.gif); margin: 6px 0}
#contentwrap li strong {font-size: 100%}


/* page specific styles */
#locations, #products, #doclibrary {width: 410px}
#location td {padding: 15px 8px 12px; vertical-align: top}
#products td {padding: 0 4px 16px;}
#products p {margin-bottom: 0}
#products .calltoaction {font-weight: bold; text-align: right; }
#doclibrary td {width: 50%; padding: 0 8px}
#doclibrary td ul {margin-right: 0; margin-bottom: 14px}
#doclibrary td div {margin-left: 20px}
#doclibrary td table {width: 180px}
#doclibrary td table td {padding-left: 0; width: 50% !important}

.nowrap {white-space: nowrap}
.smaller {font-size: 80%}
sup, sub {font-size: 100%}
.alr {text-align: right !important}
.all {text-align: left !important}

#footer {width: 775px; font-size: 80%; text-align: center; padding: 2px 0 3px; color: #cbcbe4; background: #2e3192 url(../img/s-spectrum.jpg) top center no-repeat}
#footer a, #footer a:hover {color: #cbcbe4}

.label {background: #2e3192; color: white; font-weight: bold; font-size: 80% !important; padding: 4px !important; text-align: left !important;}
.illus {text-align: right; padding: 0; margin: 10px 0 5px; font-size: 80%; width: 410px}

.download {float: right; padding:6px; width: 130px; text-align: center; color: #2e3192; border: 2px solid #2e3192; background: #eaeaf4; margin-left: 8px}
.moreinfo {float: right; padding: 6px; width: 180px; color: #2e3192; border: 2px solid #2e3192; background: #eaeaf4; font-weight: bold; margin-left: 8px}
.moreinfo ul {margin-bottom: 0 !important; margin-right: 0 !important}
.download a {font-weight: bold}


/* data table styles */
.data {border: 1px solid #d5d6e9; border-right-width: 0; width: 400px}
.data .label {border-right: 1px solid #2e3192}
.data .labelsub {background: #2e3192; color: white; font-weight: bold; font-size: 70% !important; padding: 2px !important; text-align: left !important; border-right: 1px solid #2e3192}
.data td, .data th {text-align: center; padding: 2px; border-right: 1px solid #d5d6e9;}
.data td {padding: 6px 3px; font-size: 55%; vertical-align: top !important}
.data td .smaller {font-size: 100%}
.data th {vertical-align: bottom;  border-bottom: 1px solid #d5d6e9; font-size: 60%}
.data .y {background: #F6F3DE}
.data .o {background: #F6E8DE}
.data .r {background: #F6DEDE}
.data .hi {background: #d5d6e9; border-right: 1px solid #EEEFF6;}
.data .printf {text-align: left; padding: 2px; border-top: 1px solid #d5d6e9; background: #EEEFF6; border-right-width: 0}
.data .gl {text-align: right; border-right-width: 1px}
.data .blank {font-size: 1px; height: 1px; background: #2e3192; padding: 1px}
.data ul {margin-right: 6px !important; margin-bottom: 0 !important}
.icon {margin: 3px; vertical-align: middle}
#subnav .icon {margin-left: 0}
.alleft td {text-align: left; padding-left: 4px}
#industry {margin-bottom: 8px;}
#industry td {padding: 2px 2px 10px}
#industry table td {padding: 4px;}
#industry th {background: #2e3192; color: white; font-weight: bold; text-align: left; font-size: 80%}
#industry .specialty {background: url(../img/arrow.gif) top left no-repeat; padding-left: 16px; width: 230px}
#industry .blank {font-size: 1px; padding: 4px;}

.key {margin: 6px; width: 400px}
.keynowidth {margin: 6px;}
.key td, .keynowidth td {padding: 4px}
.keyword {font-weight: bold; color: #2e3192; text-align: right !important}
.nomargin {margin: 0}

.pegprocess {width: 400px;}
.pegprocess td {padding: 0 4px; line-height: 125%}

.botborder {border-bottom: 0}
.botborder td {border-bottom: 1px solid #d5d6e9; vertical-align: middle; font-size: 70%}

form {margin: 0; width: 80%}
fieldset {border: 1px solid #d5d6e9; padding: 0 1em 1em;}
legend {font-weight: bold; font-size: 110%; padding: 2px 6px; color: #2e3192; border: 1px solid #2e3192}
label {width: 150px; text-align: right; padding-top:1em;}
label.check {text-align: left; padding-top: .1em;}
label.check-invisible { text-align: left; padding-top: .1em; visibility:hidden; }
div.check {margin: 4px}
div.check div {margin-left: 16px}
div.check div label {width: 320px; padding-top: 0;}
fieldset strong {display: block; margin-top: 8px}
.req {font-weight: bold; color: #2e3192; text-align: right}
.req:before {content: "*"}
.button {margin-top: 12px;}
.hide {display: none !important;}
.adobe {padding-right:10px;}
/*/*/ /*/
#nav a {color: white}
#sectionphoto {display:none}
/* Okay, we can let the others back in.... */

/* temp style to delete */
.hilight {background: yellow; font-weight: bold; color: red}

head:first-child+body input[type="checkbox"], head:first-child+body input[type="radio"] {display: inline; margin-left: 10px}
head:first-child+body input, textarea {display: block}

/* added 3/2/2007 -- nkp */

.prodchart {margin: 18px 4px; text-align: center}
.footnote {font-size: 80%}

/* new data table style -- nkp */
.gcbdata {border: 1px solid #d5d6e9; border-right-width: 0; width: 400px; margin-bottom: 12px}
.gcbdata .label {border-right: 1px solid #2e3192}
.gcbdata .labelsub {background: #2e3192; color: white; font-weight: bold; font-size: 70% !important; padding: 2px !important; text-align: left !important; border-right: 1px solid #2e3192}
.gcbdata td, .gcbdata th {text-align: center; padding: 2px; border-right: 1px solid #d5d6e9; border-bottom: 1px solid #d5d6e9}
.gcbdata td {padding: 6px 3px; font-size: 55%; vertical-align: top !important}
.gcbdata td .smaller {font-size: 100%}
.gcbdata th {vertical-align: bottom;  border-bottom: 1px solid #d5d6e9; font-size: 60%; text-align: left !important;}
.gcbdata .r {background: #F6DEDE}
.gcbdata .y {background: #F6F3DE}
.gcbdata .g {background: #DFF6DE}
.gcbdata .v {background: #F4DEF6}
.gcbdata .hi {background: #d5d6e9; border-right: 1px solid #EEEFF6;}
.gcbdata .printf {text-align: left; padding: 2px; border-top: 1px solid #d5d6e9; background: #EEEFF6;}
.gcbdata .gl {text-align: right; border-right-width: 1px}
.gcbdata .blank {font-size: 1px; height: 1px; background: #2e3192; padding: 1px}
.gcbdata ul {margin-right: 6px !important; margin-bottom: 0 !important}