/***************************************************************************
   AUTHOR:    Pat Heard (fullahead.org)
   DATE:      2006.03.19
   PURPOSE:   Styles the html elements
   COPYRIGHT: Free use if this notice is left in place
  **************************************************************************

  Other styles taken from "Designing With Standards" by Jeffrey Zeldman.
  Aug. 5, 2007 - Modifications. mistakes and bad taste done by Ken Green,
                    Advance DataSystems

  ********************************* Contents *******************************

  Basic HTML_Styles Section
    Links
    Headings
    Lists
    Subordinate lists
    Common HTML Elements
    Form Elements
    Blockquote and included icons
    Images
  Design_Styles Section
    #Content: Defines the basics for the entire page (except the footer)
    #header: Home Page and menu headings
    #banner: Normal page's ALI Banner headings
    #Page: Holds the main page content
    #footer: The page footer; sticks to the bottom if not enough content
    .TopNote: Page Top notes
    .WarnNote: Page Top Warning notes
    .PageMenu: Large menus on single pages
    #utilMenu: The top, right common menu
    #BuyMenu: Larger in-line menu usually to trigger buying
    #MiniMenu: Small menu links usually within a page
    #navigation: The side bar menu
    #trailMenu: The "bread-crumbs" or pecking trail menu
    .BuyLink: Looks like buy menu but just anchors in a paragraph
    .topHorizLinks: Like the side bar menu but horizontally along the top
    Width classes used by the site columns
    Line Height classes
    Alignment classes
    Padding classes
    Margin classes
    Generic display classes
    Color classes
    Tables, their columns and cells
    Cursor Styles
  Specialty_Styles Section

****************************************************************************/

/*-- Basic HTML_Styles Section  */
html {
  height: 100%;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;

    font: 400 1.0em "Times New Roman", Georgia, serif;
    line-height: 120%;

    color: #000;
    background: #F0F0F0;
}

/*- Links */
a {
    color: #0000FF;
}

a:visited {
    color: #400040;
}

a:hover {
    color: #006400;
}

a:active {
    color: #FF0000;
}

/*- Headings */
h1 {
    clear: both;
    font: 700 1.8em "Times New Roman", Georgia, serif;
    color: #001C70;
}

h2 {
    font: 400 1.8em "trebuchet ms", arial, sans-serif;
    color: #3C4B78;
}

h2 a {
    color: #001C70;
}

h2 a:hover {
    color: #FFF;
}

h3 {
    font: 400 1.6em "trebuchet ms", arial, sans-serif;
    color: #008000;
}

h4 {
    font: 700 1.4em "Times New Roman", Georgia, serif;
    color: #7D1E80;
}

h5 {
    font: 700 1.2em "trebuchet ms", arial, sans-serif;
    color: #AE0000;
}

h6 {
    font: 700 1.1em "trebuchet ms", arial, sans-serif;
    color: #4040FF;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 5px 15px;
}

/*- Lists */
ol, ul {
    margin: 10px 30px;
    padding: 0 30px;
}

ol {
    color: #000;
}

ol span {
    color: #000;
}

ol li {
    padding-bottom: 7px;
}

ul {
    list-style-image: url(http://www.alicorp.com/pix/SSBullet.gif);
}

.compactList  {
    margin: 0 30px 0 30px;
    padding: 0 5px;
}

.compactList li {
    padding-bottom: 2px;
    line-height: 100%;
}

/*- Subordinate lists */
ul ul {
    list-style-image: none;
    list-style-type: square;
    padding: 0 10px;
}

ul ul ul {
    list-style-type: circle;
}

.discType {
    list-style-image: none;
    list-style-type: disc;
}

.ALPHAType {
    list-style-type: upper-alpha;
}

.alphaType {
    list-style-type: lower-alpha;
}

.NoType {
    list-style-image: none;
    list-style-type: none;
}

.checkMark {
    list-style-image: url(/pix/Check.gif);
}

.flushLeft  {
    margin: 10px 0px;
    padding: 0 30px;
}

dl {                            /* Definition list */
    margin: 0;
    padding: 5px 15px;
}

dt {                            /* Definition title */
    font-weight: bold;
    color: #B418C0;
    margin-top: 10px;
}

dd {                            /* Definition's actual definition */
    margin-left: 25px;
    padding-left: 15px;
    display: inline;
}

/*- Common HTML Elements */
p {
    margin: 0;
    padding: 5px 5px;
    text-align: left;
    font: 400 1.0em "Times New Roman", Georgia, serif;
    line-height: 120%;
}

del {                           /* Deleted (crossed-out) text */
    color: #555;
}

code {
  margin: 10px 15px;
  padding: 5px;
  display: block;
  overflow: auto;
  font: 400 1em "Courier New", courier, monospace;
  line-height: 110%;
  white-space: pre;
  background: #FEF4D8;
}

acronym {
    cursor: help;
    border-bottom: 1px solid #777;
}

/*- Form Elements */
input, textarea, select {
    margin-top: 0;
    padding: 2px;
    background: #FFF;
    font: 400 1em verdana, sans-serif;
    color: #000;
    border: 2px solid #999;
}

/* This works only in Firefox (see ALIForms.js setupFormFields() for IE solution)   */
input:focus, textarea:focus, select:focus {
    background: #E4F7FA;
    border: 2px solid #001C70;
}

.fldOops {
    background: #FF3E3E;
}

input.disabled {
    background-color: #ECE9D8;
    color: #ACA899;
}

input.pushbutton {
    padding: 2px 5px;
    font: 500 1.1em "trebuchet ms", serif;
    color: #EEE;
    background: #001C71 none;
    border-width: 2px;
    border-style: solid;
    border-color: #FFF #5C73B8 #5C73B8 #FFF;
}

input.pushbutton.disabled {
    background-color: #ECE9D8;
    color: #ACA899;
}

input.pushbutton:focus {
    border-style: dotted;
}

input.smallbtn {
    padding: 2px 5px;
    font: 600 0.8em "trebuchet ms", serif;
    color: #FFF;
    background: #001C71 none;
    border-width: 3px;
    border-style: solid;
    border-color: #FFF #5C73B8 #5C73B8 #FFF;
}

input.smallbtn:hover {
    border-color: #5C73B8 #FFF #FFF #5C73B8;
}

input.smallbtn:focus {
    border-style: dotted;
}

input.greenButton {
    color: #000;
    background-color: #B6F2B6;
}
input.greenButton:focus {
    border-style: solid;
}

form p {
    clear: left;
    margin: 0;
    padding: 8px 5px 0 0;
}

form p label, form div label, form td label {
    font: bold 1.0em Arial, Helvetica, sans-serif;
    text-align: right;
    padding-top: 4px;
    padding-right: 5px;
}

.labelLook  {
    font: bold 1.0em Arial, Helvetica, sans-serif;
    text-align: right;
    padding-top: 4px;
    padding-right: 5px;
}

.fieldLook {
    padding-top: 4px;
    padding-left: 2px;
    font: 400 1.1em verdana, sans-serif;
    line-height: 140%;
}

.labelLeft {
    float: left;
}


/*- Blockquote and included icons */
blockquote {
    margin: 10px 15px;
    padding-left: 27px;
    background-color: #E7FED8;
    background-image: url(http://www.alicorp.com/pix/SSQuote.gif);
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

blockquote.exclamation {
  background-image: url(http://www.alicorp.com/pix/SSExclam.gif);
}

blockquote.stop {
  background-image: url(http://www.alicorp.com/pix/SSStop.gif);
}

blockquote.go {
  background-image: url(http://www.alicorp.com/pix/SSGo.gif);
}

/*- Images */
img.floatRight {
  margin: 5px 0px 10px 15px;
}

img.floatLeft {
  margin: 5px 15px 10px 0px;
}

a img {
  border: 2px solid #19254B;
}

a:hover img {
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to
    mask it */
  border: 2px solid #FFF;
  border: 2px solid #19254B!important;
}

.hoverPic:hover {
    margin: 2px !important;
}

.pageImg {
    padding: 0px;
    border: 0px;
    vertical-align: middle;
}

/*-- Design_Styles Section  */

/* leftColumn - Done so the leftmost column aligns properly with the header.
   If the leftmost column has class gradient applied to it, this class isn't
   required. */
.leftColumn h1,
.leftColumn h2,
.leftColumn h3,
.leftColumn h4,
.leftColumn h5,
.leftColumn h6,
.leftColumn p,
.leftColumn dl {
  padding-left: 0;
}

.leftColumn code {
  margin-left: 0;
}

/*- #Content: Defines the basics for the entire page (except the footer) */
#Content {
  height: 100%;
  min-height: 100%;
  text-align: left;
  width: 100%;
}

#Content, #width {
  margin: 0 auto;
}

#Content[id], #width[id] {
  width: 100%;
  height: auto;
}

/*- #header: Home Page and menu headings */
#header {
    height: 150px;
}

/* Sets where the header images will go */
#header img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
}

/*- #banner: Normal page's ALI Banner headings */
#banner {
    height: 50px;
}

/* Sets where the header images will go */
#banner img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
}

#banner p {
    position: absolute;
    z-index: 2;
    top: 5px;
    left: 80%;
    color: red;
    font-size: 1.5em;
    font-weight: 600;
}

/*- #Page: Holds the main page content */
#Page {
    float: none;
    width: 96%;
    clear: both;
    padding-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}

/*- #footer: The page footer; sticks to the bottom if not enough content */
#footer {
    float: left;
    width: 100%;
    height: 25px;
    clear: both;
    margin-top: -25px;
    background: #A50521 url(http://www.alicorp.com/pix/SSFooter.jpg) repeat-x top left;
}

/* Sets the width of the footer content */
#footer #width {
    position: relative;
    z-index: 3;
    font-size: 0.85em;
    padding-top: 3px;
}

#footer a:link, #footer a:visited {
    color: #0AD6FA;
}

#footer a:hover {
    color: #A6F0FD;
}

/*- .TopNote: Page Top notes */
.TopNote {
    width: 75%;
    color: green;
    font-size: 1.2em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*- .WarnNote: Page Top Warning notes */
.WarnNote {
    color: red;
    font-size: 1.2em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-weight: bold;
}

/*- #PageMenu: Large menus on single pages */
.PageMenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    margin-left: 30px;
    width: 340px;
}

.PageMenu ul {
    list-style: none;
    list-style-image: url(foo.gif);     /* Needed to fake out IE */
    margin: 0;
    padding: 10px 0 0 0;
}

.PageMenu li {
    border-bottom: 1px solid #ED9F9F;
    margin: 10px;
    line-height: 1.5em;
}

.PageMenu a:link, .PageMenu a:visited {
    display: block;
    padding: 5px 5px 5px 10px;
    background-color: #B6F2B6;
    color: #0133A7;
    font-weight: 600;
    text-decoration: none;
    border-top: 1px solid #FCFCFC;
    border-left: 1px solid #FCFCFC;
    border-bottom: 1px solid #717171;
    border-right: 1px solid #717171;
}

.PageMenu a:hover {
    border-top: 1px solid #717171;
    border-left: 1px solid #717171;
    border-bottom: 1px solid #FCFCFC;
    border-right: 1px solid #FCFCFC;
	background-color: #174417;
    color: #B6F2B6;
    font-size: 1.2em;
}

/*- #utilMenu: The top, right common menu */
#utilBack {
    background: url(http://www.alicorp.com/pix/SSUtBg.png) repeat-x;
    height: 20px;
    padding-bottom: 10px;
}

#utilMenu {
    margin: 0 30px;
	font: normal small Verdana, Arial, Helvetica, sans-serif;
    float: right;
}

#utilMenu ul {
    margin: 0;
    list-style: none;
    list-style-image: url(foo.gif);     /* Needed to fake out IE */
}

#utilMenu li {
    display: inline;
}

#utilMenu a {
    display: block;
    float: left;
    height: 18px;
    margin: 0 7px 0 0;
    padding: 0px 25px 0 25px;
    background: url(http://www.alicorp.com/pix/SSUtBtn.png) repeat-x;
    border: 1px solid #666666;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    color: #FCFCFC;
    text-decoration: none;
}

#utilMenu a:hover {
    background-image: url(http://www.alicorp.com/pix/SSUtHov.png);
    color: black;
}

#utilMenu .here a {
    background: url(http://www.alicorp.com/pix/SSUtHere.png);
}

/*- .BuyMenu: Larger in-line menu usually to trigger buying */
#BuyMenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    display: block;
}

#BuyMenu ul {
    list-style: none;
    list-style-image: url(foo.gif);     /* Needed to fake out IE */
    margin: 10px 20px 0 0;
    padding: 8px 0;
}

#BuyMenu li {
    display: inline;
    margin-left: 5px;
    line-height: 2.0em;
    width: 340px;
}

#BuyMenu a:link, #BuyMenu a:visited {
    padding: 5px 5px 5px 0.5em;
    background-color: #B6F2B6;
    color: #0133A7;
    font-weight: 600;
    text-decoration: none;
    border-top: 1px solid #FCFCFC;
    border-left: 1px solid #FCFCFC;
    border-bottom: 1px solid #717171;
    border-right: 1px solid #717171;
}

#BuyMenu a:hover {
    border-top: 1px solid #717171;
    border-left: 1px solid #717171;
    border-bottom: 1px solid #FCFCFC;
    border-right: 1px solid #FCFCFC;
	background-color: #174417;
    color: #B6F2B6;
}

/*- .MiniMenu: Small menu links usually within a page */
#MiniMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
    height: 30px;
    display: block;
}

#MiniMenu ul {
    list-style: none;
    list-style-image: url(foo.gif);     /* Needed to fake out IE */
    margin: 10px 0 0 0;
    padding: 0 10px;
}

#MiniMenu li {
	border-bottom: 1px solid #A3E9E7;
	display: inline;
    padding-right: 8px;
}

#MiniMenu li a:link, #MiniMenu li a:visited  {
    font-weight: bold;
    padding: 6px;
	background-color: #46A3FF;
	color: #001C70;
	text-decoration: none;
}

#MiniMenu li a:hover {
	background-color: #001C70;
	color: #FCFCFC;
}

/*- .navigation: The side bar menu */
#navigation {
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#navigation ul {
	list-style: none;
    list-style-image: url(foo.gif);     /* Needed to fake out IE */
	margin: 4px 0 0 0;
	padding: 0;
}

#navigation li {
	border-bottom: 1px solid #AA905F;
    line-height: 110%;
}

#navigation li a:link, #navigation li a:visited  {
	background-color: #FFF9D2;
	color: #001C70;
	border-left: 7px solid #001C70;
	display: block;
    font-weight: bold;
	padding: 4px 4px 4px 0.4em;
	text-decoration: none;
}

#navigation li a:link.sansData, #navigation li a:visited.sansData  {
	color: #A6A6A6;
}

#navigation li a:hover {
	background-color: #001C70;
	color: #D9FDDF;
}

/*- #trailMenu: The "bread-crumbs" or pecking trail menu */
#trailMenu {
	font: normal small Verdana, Arial, Helvetica, sans-serif;
    list-style: none;
    padding-bottom: 5px;
    margin: 0 0 0 2em;
    float: left;
}

#trailMenu li {
    display: inline;
}

#trailMenu li img {
    float: left;
    padding: 0px 5px 0 5px;
}

#trailMenu a, #trailMenu a:visited {
    float: left;
    padding: 0px 5px 0 5px;
    text-align: center;
    font-size: 0.7em;
}

/*- .BuyLink: Looks like buy menu but just anchors in a paragraph */
.BuyLink p {
    line-height: 2.0em;
}

.BuyLink a {
    margin-left: 5px;
    width: 340px;
}

.BuyLink a:link, .BuyLink a:visited {
    padding: 5px 5px 5px 0.5em;
    background-color: #B6F2B6;
    color: #0133A7;
    font-weight: 600;
    text-decoration: none;
    border-top: 1px solid #FCFCFC;
    border-left: 1px solid #FCFCFC;
    border-bottom: 1px solid #717171;
    border-right: 1px solid #717171;
}

.BuyLink a:hover {
    border-top: 1px solid #717171;
    border-left: 1px solid #717171;
    border-bottom: 1px solid #FCFCFC;
    border-right: 1px solid #FCFCFC;
	background-color: #174417;
    color: #B6F2B6;
}

.topHorizLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.topHorizLinks ul {
	margin: 0;
	list-style: none;
    list-style-image: url(foo.gif);     /* Needed to fake out IE */
    text-align: center;
    margin: 3px;
    margin-bottom: 1em;
    padding: 3px;
}

.topHorizLinks li {
    display: inline;
    padding: 0 3px;
}

.topHorizLinks li.here {
	background-color: #CCC;
	color: #7C7C7C;
	border: 1px solid #AA905F;
    line-height: 110%;
    font-weight: bold;
	text-decoration: none;
    display: inline;
    padding: 3px;
    margin: 0 3px;
}

.topHorizLinks li a:link, .topHorizLinks li a:visited  {
	background-color: #FFF9D2;
	color: #001C70;
	border: 1px solid #AA905F;
    line-height: 110%;
    font-weight: bold;
	padding: 3px;
	text-decoration: none;
}

.topHorizLinks li a:hover {
	background-color: #001C70;
	color: #D9FDDF;
}


/*- Width classes used by the site columns */
.width100 {
    width: 100%;
}

.width95 {
    width: 94%;
}

.width90 {
    width: 89%;
}

.width85 {
    width: 84%;
}

.width80 {
    width: 79%;
}

.width75 {
    width: 74%;
}

.width70 {
    width: 69%;
}

.width67 {
    width: 66%;
}

.width60 {
    width: 59.6%;
}

.width55 {
    width: 54.7%;
}

.width50 {
    width: 49.7%;
}

.width45 {
    width: 44.7%;
}

.width40 {
    width: 39.7%;
}

.width33 {
    width: 32.7%;
}

.width30 {
    width: 29.7%;
}

.width25 {
    width: 24.7%;
}

.width20 {
    width: 19.7%;
}

.width15 {
    width: 14.7%;
}

.width10 {
    width: 9.7%;
}

.width5 {
    width: 4.7%;
}

.elemWidth75 {
    width: 75px;
}

.elemWidth100 {
    width: 100px;
}

.elemWidth125 {
    width: 125px;
}

.elemWidth150 {
    width: 150px;
}

.elemWidth175 {
    width: 175px;
}

.elemWidth200 {
    width: 200px;
}

.elemWidth250 {
    width: 250px;
}

.elemWidth275 {
    width: 275px;
}

.elemWidth300 {
    width: 300px;
}

/*- Line Height classes */
.line120 {
    line-height: 120%;
}

.line150 {
    line-height: 150%;
}

.line175 {
    line-height: 175%;
}

.line200 {
    line-height: 200%;
}

/*- Alignment classes */
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.alignTop   {
    vertical-align: top;
}

.alignVMid  {
    vertical-align: middle;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.centertext {
    text-align: center;
}

/*- Padding classes */
.pad0 {
    padding: 0;
}

.padLeft15 {
    padding-left: 15px;
}

.padLeft {
    padding-left: 25px;
}

.padLeft50 {
    padding-left: 50px;
}

.padLeft75 {
    padding-left: 75px;
}

.padLeft100 {
    padding-left: 100px;
}

.padRight {
    padding-right: 25px;
}

.padTop {
    padding-top: 25px;
}

.padTop15 {
    padding-top: 15px;
}

.padLT15 {
    padding-top: 15px;
    padding-left: 15px;
}

.pad15 {
    padding: 15px;
}

.pad25 {
    padding: 25px;
}

/*- Margin classes */
.marg0 {
    margin: 0;
}

.margTop0 {
    margin-top: 0;
}

.margTop {
    margin-top: 25px;
}

.margTop15 {
    margin-top: 15px;
}

.margBottom15 {
    margin-bottom: 15px;
}

.margBottom25 {
    margin-bottom: 25px;
}

.margBottom35 {
    margin-bottom: 35px;
}

.margLeft15 {
    margin-left: 15px;
}

.margLeft {
    margin-left: 25px;
}

.margLeft50 {
    margin-left: 50px;
}


/*- Generic display classes */
.clear {
    clear: both;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

/* Hide elements for accessibility reasons */
.hidden {
    display: none;
}

p.smallp {
    padding: 0;
    line-height: 100%;
}

.text20 {
    font-size: 1.2em;
}

.caps {
    text-transform: uppercase;
}

.bold {
    font-weight: bold;
}

.extraBold {
    font-weight: 900;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.boldItal {
    font-weight: bold;
    font-style: italic;
}

.boldUnder {
    font-weight: bold;
    text-decoration: underline;
}

.big    {
    font-size: 1.5em;
}

.medium {
    font-size: 1.25em;
}

.small {
    font-size: 0.8em;
}

.verySmall {
    font-size: 0.5em;
}

.bigBold    {
    font-size: 1.5em;
	font-weight: 800;
}

/*- Color classes */
.green {
    color: #00A400;
}

.red {
    color: #EA1B00;
}

.realRed {
    color: #FF0000;
}

.grey {
    color: #CCC;
}

.grey a {
    color: #999;
}

.grey a:hover {
    color: #EEE;
}

.darkgrey {
    color: #919191;
}

.white {
    color: #FFF;
}
.purple {
    color: #800080;
}
.orange {
    color: #FF8040;
}
.blue {
    color: #00F;
}
.brown {
    color: #804000;
}

.blueBg {
    background-color: #00F;
}

.redBg {
    background-color: #F00;
}

.turqBg {
    background-color: #0FF;
}

.orangeBg {
    background-color: #F60;
}

.aquaBg {
    background-color: #3CF;
}

.purpleBg {
    background-color: #C9F;
}

.whiteBg {
    background-color: #FFF;
}

.greenBg {
    background-color: #00A400;
}

.rankpurple {
    font-size: 1.1em;
    font-weight: bold;
    color: #800080;
}
.rankgreen {
    font-size: 1.1em;
    font-weight: bold;
    color: #00A400;
}
.rankorange {
    font-size: 1.1em;
    font-weight: bold;
    color: #FF8040;
}
.rankblue {
    font-size: 1.1em;
    font-weight: bold;
    color: #00F;
}
.rankbrown {
    font-size: 1.1em;
    font-weight: bold;
    color: #804000;
}
.rankred {
    font-size: 1.1em;
    font-weight: bold;
    color: #EA1B00;
}

.idpoRFQ {
    background-color: #4AF798;
}

.cageAwds {
    background-color: #F56D33;
}

.autoFilt {
    background-color: #CC66CC;
}

.stockFilt {
    background-color: #FF0000;
}

.backgroundcolor {
    background-color: #DEEBFE;
}

.noListStyle {
    list-style: none;
    list-style-image: url(foo.gif);     /* Needed to fake out IE */
}
.gradient {
    margin-bottom: 1.2em;
    background: url(/pix/SSGradnt.jpg) repeat-x top left;
}

.LinkLook   {
    color: #3300CC;
    text-decoration: underline;
    cursor: pointer;
}

.WonBluLinkLook   {
	background-color: #004080;
    color: #FFF;
    text-decoration: underline;
    cursor: pointer;
}

/*- Tables, their columns and cells */
td, th {
    font: 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Good browses display an inline image only down to the text's baseline; so
    there's always whitespace below the image.  This makes sure that any image
    in a table cell is displayed as a block so that we don't have that
    whitespace.     */
td img {
    display: inline;
}

tr.altrow {
	background-color: #D9D6E9;
}

.tbldata {
	border: 1px solid #3C4B78;
	border-collapse: collapse;
}
.tbldata td {
	background-color: #FEFFD7;
	border: 1px solid #3C4B78;
	text-align: left;
	padding: 4px;
}
.tbldata .centertext {
	text-align: center;
}
.tbldata th {
	border: 1px solid #004080;
	background-color: #004080;
    color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 4px;
}
.tbldata caption {
	font: bold 1.2em "Times New Roman", Times, serif;
	background-color: #D9FDFF;
	color: #004080;
	padding-top: 3px;
	padding-bottom: 2px;
	border: 1px solid #004080;
}

.tbldata .centerImg {
    text-align: center;
}

.tbldata td.ctrText {
    text-align: center;
}

/*-- Cursor Styles --*/

.cursorstd {
    cursor: default;
}

.waiting {
    cursor: wait;
}

.cursorhelp {
    cursor: help;
}

.cursorhand {
    cursor: pointer;
}


/*-- Specialty_Styles Section  */
.nsnReport {
  font-size: 1.0em;
  width: 95%;
}

.font20 {
  font-size: 1.2em;
}

.border1    {
	border: 1px solid #000000;
}

.border2    {
	border: 2px solid #000000;
}

.smallCaps {
    font-variant: small-caps;
}

#PageHeadings {
	border: 1px solid #3C4B78;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
	background-color: #D9FDFF;
    padding: 5px;
}

.BlueBorder {
	border: 2px solid #001C70;
}

#LastUpdated {
    float: right;
    font-size: 0.85em;
    line-height: 100%;
    margin: 0 2em 0 0;
    padding-bottom: 5px;
}

#pageYear {
    display: none;
}

.ImageList {
    text-align: center;
}

.ImageList img {
    width: 200px;
    height: 200px;
}

.image200 {
    width: 200px;
    height: 200px;
}

.image100 {
    width: 100px;
    height: 100px;
}

.ReqdLgnd {
    float: right;
}

.ReqdLgnd img {
    border: 1px solid #000;
    display: inline;
    vertical-align: text-bottom;
}

.ReqdLgnd p {
    display: inline;
    font-size: 0.7em;
}

.fieldBox {
    margin-top: 20px;
    padding: 10px 5px 10px 10px;
    border: 2px solid #001C70;
}

.hiLight    {
    color: #8000FF;
    font-weight: bold;
    font-size: 1.5em;
}

.KeyQuote {
    font: 700 1.0em "Times New Roman", Georgia, serif;
    font-style: italic;
    line-height: 120%;
    color: #001C70;
}

.KeySource  {
    font: 500 0.8em "arial", sans-serif;
    line-height: 120%;
    color: #001C70;
}

hr {
    font-size: 0.5em;
}

.NRptBtns {
    margin-top: 7px;
    text-align: center;
}

.NRptBtns td {
    padding: 2px;
    vertical-align: middle;
}

.NRptBtns .BriefRpt {
    background-color: #D56A00;
    color: #FFF;
}

.NRptBtns .AbbrRpt {
    background-color: #7600EC;
    color: #FFF;
}

.NRptBtns .FullRpt {
    background-color: #00A400;
    color: #FFF;
}

.NRptBtns .rptStatus {
    border: 2px solid #4040FF;
    text-align: center;
    padding: 5px;
    line-height: 100%;
    font: 400 1.0em "Times New Roman", Georgia, serif;
}

.NRptBtns .rptStatus span {
    font: 900 1.1em "trebuchet ms", arial, sans-serif;
    color: #4040FF;
}

input.sampleBtns, input.userBtns {
    margin: 0 3px 0 3px;
    font: 500 0.7em "trebuchet ms", serif;
    padding: 2px;
    color: #EEE;
    background: #001C71 none;
    border-width: 2px;
    border-style: solid;
    border-color: #FFF #5C73B8 #5C73B8 #FFF;
}

input.sampleBtns:focus, input.userBtns:focus {
    border-style: dotted;
}

.sampleBtns {
    width: 115px;
}

.userBtns {
    width: 80px;
}