/*
   Level 1 Cascading Style Sheet for www.dadisp.com
*/

    /* outer wrapper if not centering page */
    #wrapper {
    }

    /* border for page contents */
    #container {
        width:            656px;
        background-color: #FFFFFF;
        position:         relative;
        border-right:     1px solid #FFFFFF;
        margin-left:      0px;
        margin-right:     0px;
        margin-top:       0px;
        margin-bottom:    0px;
        text-align:       left;
        padding:          0px;
        padding-top:      10px;
        padding-left:     10px;
    }

    /* for non IE browsers */
    html>body #container {
        height:           auto;
        min-height:       100%;
    }

    /* header with user quote and image */
    #header {
        background:      #FFFFFF;
        position:        relative;
        top:             0px;
        width:           656px;
        height:          223px;
    }

    /* header without user quote and image */
    #noqheader {
        background:      #FFFFFF;
        position:        relative;
        top:             0px;
        width:           656px;
        height:          73px;
    }

    /* parent frame with no sidebar */
    #fullframe {
        background:      #FFFFFF;
        position:        relative;
        top:             0px;
        width:           656px;
    }

    /* centered frame for cgi scripts */
    #centerframe {
        background:      #FFFFFF;
        position:        relative;
        width:           656px;
        text-align:      left;
        font-size:       70%;
        font-family:     verdana, Helvetica, sans-serif;
        font-style:      normal;
        padding-right:   10px;
    }

    /* left side panel */
    #leftcontent {
        background:      #FFFFFF;
        position:        absolute;
        left:            0px;
        width:           150px;
        text-align:      center;
        margin-top:      60px;
        margin-left:     10px;
        display:         none;
    }

    /* normal content section */
    .centercontent {
        background:      #FFFFFF;
        width:           600px;
        position:        relative;
        top:             60px;
        margin-left:     56px;
        font-size:       70%;
        font-family:     verdana, Helvetica, sans-serif;
        font-style:      normal;
        text-decoration: none;
        text-align:      left;
        line-height:     1.3;
    }

    /* for non IE browsers */
    html>body .centercontent {
        top:             7px;
    }

    /* home page section */
    #homepage {
        text-align:      left;
        line-height:     1.2;
        font-size:       70%;
        padding:         10px;
    }

    /* copyright section */
    #copyright {
        background:      #FFFFFF;
        margin-top:      60px;
        margin-left:     56px;
        margin-bottom:   60px;
        clear:           both;
        width:           600px;
        font-size:       55%;
        font-family:     verdana, Helvetica, sans-serif;
        font-style:      italic;
        text-decoration: none;
        text-align:      center;
        color:           #000000;
        padding:         0px;
    }

    /* for non IE browsers */
    html>body #copyright {
        padding-bottom:  10px;
    }


    /* copyright section - no user quote */
    #nqcopyright {
        background:      #FFFFFF;
        margin-top:      7px;
        margin-bottom:   7px;
        position:        relative;
        clear:           both;
        width:           656px;
        font-size:       55%;
        font-family:     verdana, Helvetica, sans-serif;
        font-style:      italic;
        text-decoration: none;
        text-align:      center;
        color:           #000000;
    }

    /* for default page copyright */
    .copytable {
        margin-top:      7px;
        margin-bottom:   7px;
        margin-left:     0px;
        margin-right:    0px;
        padding:         0px;
        text-align:      center;
        width:           656px;
    }

    /* page header menu */
    .mainmenu {
        background:       #F5F1EE;
        height:           20px;
        text-align:       right;
        white-space:      nowrap;
    }

    /* links, etc. */
    a:link            {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: normal; font-size: 100%;}
    a:active          {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: normal; font-size: 100%;}
    a:visited         {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: normal; font-size: 100%;}
    a:hover           {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: normal; font-size: 100%;}

    .side             {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: normal; font-size:  65%;}
    .side a:link      {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: normal; font-size: 100%;}
    .side a:active    {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: normal; font-size: 100%;}
    .side a:visited   {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: normal; font-size: 100%;}
    .side a:hover     {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: normal; font-size: 100%;}

    .class2           {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size:  56%;}
    .class2 a:link    {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size: 100%;}
    .class2 a:active  {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size: 100%;}
    .class2 a:visited {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size: 100%;}
    .class2 a:hover   {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size: 100%;}

    .class3           {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size:  56%;}
    .class3 a:link    {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size: 100%;}
    .class3 a:active  {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size: 100%;}
    .class3 a:visited {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size: 100%;}
    .class3 a:hover   {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size: 100%;}

    .class4 a:link    {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: bold; font-size: 100%;}
    .class4 a:active  {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: bold; font-size: 100%;}
    .class4 a:visited {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: bold; font-size: 100%;}
    .class4 a:hover   {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: bold; font-size: 100%;}

    .class5           {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size:  56%;}
    .class5 a:link    {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size: 100%;}
    .class5 a:active  {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size: 100%;}
    .class5 a:visited {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size: 100%;}
    .class5 a:hover   {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size: 100%;}

    .class6           {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size:  80%;}
    .class6 a:link    {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size: 100%;}
    .class6 a:active  {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size: 100%;}
    .class6 a:visited {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size: 100%;}
    .class6 a:hover   {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size: 100%;}

    /* copyright notice link style */
    .copright a:link      {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: normal; font-style:italic; font-size: 100%;}
    .copright a:active    {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: normal; font-style:italic; font-size: 100%;}
    .copright a:visited   {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: normal; font-style:italic; font-size: 100%;}
    .copright a:hover     {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: normal; font-style:italic; font-size: 100%;}
    .copright             {color: #000000; font-family: verdana, Helvetica, sans-serif; text-decoration: none; font-weight: normal; font-style:italic; font-size: 100%;}

    /* homepage footer buttons */
    .diamond           {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size:  67%;}
    .diamond a:link    {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size: 100%;}
    .diamond a:active  {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size: 100%;}
    .diamond a:visited {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size: 100%;}
    .diamond a:hover   {color : #000000; font-family: verdana, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size: 100%;}

    .diamondsmall {
        font-size:   85%;
        font-weight: bold;
        font-family: verdana, Helvetica, sans-serif;
    }

    .keyword          {color: #000000; text-decoration:none;}
    .comment          {color: #000000; text-decoration:none;}
    .reditalic        {color: #000000; text-decoration:none; font-weight:bold; font-style:italic;}

    /* user quote */
    .quote {
        color:           #000000;
        font-weight:     bold;
        font-size:       70%;
        font-family:     arial, Helvetica, sans-serif;
        font-style:      italic;
        text-decoration: none;
        text-align:      left;
    }

    /* author of user quote */
    .author {
        color:           #000000;
        font-weight:     bold;
        font-size:       56%;
        font-family:     verdana, Helvetica, sans-serif;
        font-style:      italic;
        text-decoration: none;
        text-align:      center;
    }

    /* syntax table */
    .syntbl {
        color:           #000000;
        font-weight:     normal;
        font-size:       100%;
        font-family:     "Courier New", "courier", monospace;
        font-style:      normal;
        text-decoration: none;
        text-align:      left;
    }

    /* small */
    .small {
        color:           #000000;
        font-weight:     normal;
        font-size:       80%;
        font-family:     verdana, Helvetica, sans-serif;
        font-style:      normal;
        text-decoration: none;
        text-align:      left;
    }


    /* download updated MMM-DD-YYY text */
    .updated {
        color:           #000000;
        font-weight:     normal;
        font-size:       80%;
        font-family:     verdana, Helvetica, sans-serif;
        font-style:      italic;
        text-decoration: none;
        text-align:      left;
    }

    /* international distributors table */
    .intltab {
        color:           #000000;
        font-weight:     normal;
        font-size:       100%;
        font-family:     verdana, Helvetica, sans-serif;
        font-style:      italic;
        text-decoration: none;
        text-align:      left;
        width:           600px;
    }

    /* side panel heading */
    .sidehead {
        color:           #000000;
        font-weight:     bold;
        font-size:       65%;
        font-family:     verdana, Helvetica, sans-serif;
        font-style:      normal;
        text-decoration: none;
        text-align:      left;
    }

    /* like H4 but with normal bottom margin */
    .bluesub {
        color:         #000000;
        font-family:   verdana,Helvetica,sans-serif;
        font-size:     100%;
        font-weight:   bold;
        width:         600px;
    }

    .autowidth {
        width:         auto;
    }

    /* form buttons */
    .button {
        color:         #000000;
        background:    #F8F8F8;
        font-family:   verdana,Helvetica,sans-serif;
        font-size:     95%;
        font-weight:   bold;
        width:         auto;
        padding:       2px;
    }

    /* input form */
    input {
        color:         #000000;
        font-family:   arial,Helvetica,sans-serif;
        font-size:     90%;
        font-weight:   bold;
        width:         220px;
    }

    select {
        color:         #000000;
        font-family:   arial,Helvetica,sans-serif;
        font-size:     90%;
        font-weight:   bold;
        width:         220px;
    }

    /* input form */
    textarea {
        color:         #000000;
        font-family:   arial,Helvetica,sans-serif;
        font-size:     90%;
        font-weight:   bold;
        width:         420px;
    }

    /* main menu highlight color */
    .menuactive {
        color:         #000000;
    }

    /* sky blue text color */
    .skyblue {
        color:         #000000;
    }

    /* normal blue text color */
    .blue {
        color:         #000000;
    }

    /* gold text color */
    .gold {
        color:         #000000;
    }

    /* margin without sidebar */
    .lmargin {
        margin-left:     2em;
    }

    /* indented paragraph */
    .indented {
        margin-left:     1em;
    }

    /* off-blue framed region - for input forms */
    .offblue {
        background:      #ECF1FF;
        width:           600px;
        border:          1px solid #000000;
       -moz-box-sizing:  border-box;
        box-sizing:      border-box;
    }

    /* full outside border table */
    .wtable {
        width:           600px;
       -moz-box-sizing:  border-box;
        box-sizing:      border-box;
        border:          1px solid #000000;
        border-collapse: collapse;
        margin:          0px;
        padding:         0px;
    }

    /* left-top-right border */
    .utable {
        width:           600px;
       -moz-box-sizing:  border-box;
        box-sizing:      border-box;
        border-left:     1px solid #000000;
        border-top:      1px solid #000000;
        border-right:    1px solid #000000;
        border-collapse: collapse;
        margin:          0px;
        padding:         0px;
    }

    /* tables for code samples */
    .ctable {
        width:           600px;
       -moz-box-sizing:  border-box;
        box-sizing:      border-box;
        border:          1px solid #000000;
        border-collapse: collapse;
        background:      #F8F8F8;
        margin:          0px;
        padding:         0px;
    }

    /* for code examples */
    .codetable {
        padding-right:   10px;
        width:           656px;
       -moz-box-sizing:  border-box;
        box-sizing:      border-box;
        margin-top:      2em;
    }

    /* rounded corner table - must specify color inline */
    .rtable {
        width:           600px;
        border-left:     1px solid #000000;
        border-right:    1px solid #000000;
       -moz-box-sizing:  border-box;
        box-sizing:      border-box;
        border-collapse: collapse;
    }

    /* rounded corner table for function lists*/
    .ftable {
        width:           600px;
        background:      #F8F8F8;
        border-left:     1px solid #000000;
        border-right:    1px solid #000000;
       -moz-box-sizing:  border-box;
        box-sizing:      border-box;
        border-collapse: collapse;
    }

    /* red text with yellow background */
    .yellow {
        color:            #FF0000;
        background-color: #FFFF00;
        font-family:      verdana,Helvetica,sans-serif;
        font-size:        100%;
        font-weight:      bold;
    }

    /* white text with blue background */
    .rev {
        color:            #FFFFFF;
        background-color: #4E75FC;
        font-family:      verdana,Helvetica,sans-serif;
        font-size:        100%;
        font-weight:      bold;
    }

    .btable {
        box-sizing:      border-box;
        border:          1px solid #000000;
        border-collapse: collapse;
    }


    /* html */
    html {
        height:          100%;
        font-size:       100%;
        margin:          0;
        padding:         0px;
        background:      #FFFFFF;

    }

    /* popup dhtml definitions */
    body {
        height:          100%;
        min-height:      100%;
        margin-left:     0px;
        margin-right:    0px;
        font-size:       100%;
        font-family:     verdana, Helvetica, sans-serif;
        font-style:      normal;
        text-decoration: none;
        text-align:      left;
        margin-top:      0px;
        margin-bottom:   0px;
        background:      #FFFFFF;

    }

table { background-repeat: no-repeat; }

    .popper {
        position :    absolute;
        visibility :  hidden;
    }


/* big title italic  for serif */
#p1, #p1 A {color: #000000; font: italic 30px/1 verdana, Helvetica, sans-serif  }

/* bold italic company names serif */
#p3, #p3 A {color: #000000; font: italic 16px/1 verdana, Helvetica, sans-serif }

/* Title italic   sans serif */
#p2, #p2 A {color: #000000; font: italic  30px/1 verdana, Helvetica, sans-serif }

/* bold italic Corporate /management  names serif */
#p4, #p4 A {color: #000000; font: bold 18px/1 verdana, Helvetica, sans-serif }

/* all gold  title italic  for serif */
#em, #em A {color: #000000; font: italic 25px/1 verdana, Helvetica, sans-serif  }

    /* note rgb hex required for some browsers like Opera */
    h1 {
        color:         #000000;
        font-family:   verdana,Helvetica,sans-serif;
        font-size:     150%;
        font-weight:   bold;
        margin-bottom: -1em;
    }

    h2 {
        color:       #000000;
        font-family: verdana,Helvetica,sans-serif;
        font-size:   100%;
        font-weight: bold;
    }

    h3 {
        color:       #000000;
        font-family: verdana,Helvetica,sans-serif;
        font-size:   110%;
        font-weight: bold;
    }

    h3.nodiv {
        font-size:   70%;
    }

    /* page top accentuated paragraphs only */
    h4 {
        color:         #000000;
        font-family:   verdana,Helvetica,sans-serif;
        font-size:     100%;
        font-weight:   bold;
        margin-bottom: -1em;

    }

    /* page top accentuated paragraphs only */
    h4.normal {
        color:         #000000;
        font-family:   verdana,Helvetica,sans-serif;
        font-size:     100%;
        font-weight:   bold;
    }

    /* for rounded boxes */
    h4.round {
        color:         #000000;
        font-family:   verdana,Helvetica,sans-serif;
        font-size:     100%;
        font-weight:   bold;
        margin-bottom: -1.5em;
        margin-top   : 0.5em;

    }

    /* standard body text should be h5 */
    h5 {
        color:       #000000;
        font-family: verdana,Helvetica,sans-serif;
        font-size:   100%;
        font-weight: normal;
    }

    h6 {
        color:       #000000;
        font-family: verdana,Helvetica,sans-serif;
        font-size:   100%;
        font-weight: normal;
    }

    em {
        color:       #000000;
        font-family: verdana,serif;
        font-style:  italic;
        font-size:   100%;
        font-weight: normal;
    }

    p {
        color:       #000000;
        font-family: verdana,Helvetica,sans-serif;
        font-size:   100%;
    }

    td {
        color:       #000000;
        font-family: verdana,Helvetica,sans-serif;
        font-size:   100%;
    }

    td.homepage {
        color:       #000000;
        font-family: verdana,Helvetica,sans-serif;
        font-size:   100%;
    }

    td.left {
        color:         #000000;
        font-family:   verdana,Helvetica,sans-serif;
        font-size:     100%;
        border-left:   1px solid #C0C0C0;
        border-top:    1px solid #C0C0C0;
        border-bottom: 1px solid #C0C0C0;
    }


    td.top {
        color:         #000000;
        font-family:   verdana,Helvetica,sans-serif;
        font-size:     100%;
        border-top:    1px solid #C0C0C0;
        border-bottom: 1px solid #C0C0C0;
    }


    td.right {
        color:         #000000;
        font-family:   verdana,Helvetica,sans-serif;
        font-size:     100%;
        border-right:  1px solid #C0C0C0;
        border-top:    1px solid #C0C0C0;
        border-bottom: 1px solid #C0C0C0;
    }

    td.box {
        color:         #000000;
        font-family:   verdana,Helvetica,sans-serif;
        font-size:     100%;
        border:        1px solid #000000;
    }

    li {
        color:       #000000;
        font-family: verdana,Helvetica,sans-serif;
        font-size:   100%;
        margin:      0.8em 0;
    }

    li.normal {
        color:       #000000;
        font-family: verdana,Helvetica,sans-serif;
        font-size:   100%;
        margin:      0;
    }

    ul {
        color:         #000000;
        font-family:   verdana,Helvetica,sans-serif;
        font-size:     100%;
        padding:       0;
        margin:        0;
        margin-left:   3em;
        margin-right:  2em;
        margin-top:    0.8em;
        margin-bottom: 0.8em;
    }

    ul.normal {
        color:       #000000;
        font-family: verdana,Helvetica,sans-serif;
        font-size:   100%;
    }

    pre {
        margin:         0px;
        margin-top:    -0.8em;
        margin-bottom : 0.8em;
        padding:        0px;
        font-size:      100%;
    }

    pre.nodiv {
        margin:         0px;
        margin-top:    -0.8em;
        margin-bottom : 0.8em;
        padding:        0px;
        font-size:      70%;
    }

    caption {
        color:       #000000;
        font-family: verdana,Helvetica,sans-serif;
        font-size:   100%;
        font-weight: bold;
    }

    dt {
        color:       #000000;
        font-family: verdana,Helvetica,sans-serif;
        font-size:   100%;
    }

    th {
        color:       #000000;
        font-family: verdana,Helvetica,sans-serif;
        font-size:   100%;
        font-weight: bold;
        text-align:  left;
    }

    th.nodiv {
        font-size:   70%;
    }

    th.round {
        margin:  0px;
        padding: 0px;
    }

    /* inline code examples */
    code {
        color:       #000000;
        font-family: "Courier New", "courier", monospace;
        font-size:   110%;
    }

    code.normal {
        color:       #000000;
        font-family: "Courier New", "courier", monospace;
        font-size:   110%;
    }

    code.small {
        color:       #000000;
        font-family: "Courier New", "courier", monospace;
        font-size:   100%;
    }

    /* for non IE browsers */
    html>body pre {
        font-size:   120%;
    }

    html>body code {
        font-size:   120%;
    }

    html>body code.small {
        font-size:   120%;
    }

    /* horizontal line */
    hr {
        color:            #000000;
        background-color: #000000;
        border:           0;
    }

    /* black horizontal line */
    hr.black {
        color:            #000000;
        background-color: #000000;
        border:           0;
    }

    /* grey horizontal line */
    hr.grey {
        color:            #000000;
        background-color: #000000;
        border:           0;
    }

    /* side menu styles */

    /* Show only to IE PC \*/
    * html .boxhead h2 {height: 1%;} /* For IE 5 PC */

    .sidebox {
        margin:      0 auto; /* center for now */
        width:       150px;
        background:  url(/grafx/sbbody9-r.gif) no-repeat bottom right;
        font-size:   100%;
    }

    .boxhead {
        background:    url(/grafx/sbhead20-r.gif) no-repeat top right;
        margin:        0;
        padding:       0;
        text-align:    center;
        border-bottom: 1px solid #000000;
    }

    .boxhead h2 {
        background:  url(/grafx/sbhead20-l.gif) no-repeat top left;
        margin:      0;
        padding:     1.2em 0px 0.7em 0px;
        color:       #000000;
        font-weight: bold;
        font-size:   60%;
    }

    .boxbody {
        background: url(/grafx/sbbody9-l.gif) no-repeat bottom left;
        margin:      0;
        padding:     5px 10px 15px 5px;
        line-height: 1.4;
    }


    /* Show only to IE PC \*/
    * html .apphead h2 {height: 1%;} /* For IE 5 PC */

    .appbox {
        margin:        0;
        margin-left:   15px;
        margin-bottom: 15px;
        padding:       0px;
        width:         235px;
        background:    url(/grafx/sbbody50-r.gif) no-repeat bottom right;
        font-size:     95%;
        float:         right;
    }

    .apphead {
        background:    url(/grafx/sbhead8-r.gif) no-repeat top right;
        margin:        0;
        padding:       0;
        text-align:    center;
        border-bottom: 1px solid #C0C0C0;
    }

    .apphead h2 {
        background:  url(/grafx/sbhead8-l.gif) no-repeat top left;
        margin:      0;
        padding:     1.2em 10px 0.7em 10px;
        color:       #000000;
        font-weight: bold;
        font-size:   90%;
    }

    .appbody {
        background: url(/grafx/sbbody50-l.gif) no-repeat bottom left;
        margin:      0;
        padding:     5px 10px 15px 15px;
        line-height: 1.4;
    }


    /* Show only to IE PC \*/
    * html .formhead h2 {height: 1%;} /* For IE 5 PC */

    .formbox {
        margin:      0px;
        background:  url(/grafx/sbbody50-r.gif) no-repeat bottom right;
        font-size:   100%;
        width:       600px;
    }

    .formhead {
        background: url(/grafx/sbhead8-r.gif) no-repeat top right;
        margin:      0;
        padding:     0;
        text-align:  left;
        border-bottom: 1px solid #000000;
    }

    .formhead h2 {
        background:  url(/grafx/sbhead8-l.gif) no-repeat top left;
        margin:      0;
        padding:     1.2em 0px 0.7em 10px;
        color:       #000000;
        font-weight: bold;
        font-size:   90%;
    }

    .formbody {
        background: url(/grafx/sbbody50-l.gif) no-repeat bottom left;
        margin:  0;
        padding: 5px 5px 30px 5px;
    }

    /* Show only to IE PC \*/
    * html .whitehead h2 {height: 1%;} /* For IE 5 PC */

    .whitebox {
        margin:      0px;
        background:  url(/grafx/sbbody9-r.gif) no-repeat bottom right;
        font-size:   100%;
        float:       left;
       -moz-box-sizing:  border-box;
        box-sizing:      border-box;
    }

    .whitehead {
        background: url(/grafx/sbhead8-r.gif) no-repeat top right;
        margin:      0;
        padding:     0;
        text-align:  left;
       -moz-box-sizing:  border-box;
        box-sizing:      border-box;
    }

    /* for non IE browsers */
    html>body .whitehead {
        margin-left: -1px;
    }

    .whitehead h2 {
        background:  url(/grafx/sbhead8-l.gif) no-repeat top left;
        margin:      0;
        padding:     1.2em 0px 0.7em 10px;
        color:       #000000;
        font-weight: bold;
        font-size:   90%;
    }

    .whitebody {
        background: url(/grafx/sbbody9-l.gif) no-repeat bottom left;
        margin:  0;
        padding: 5px 5px 30px 5px;
    }

    /* Show only to IE PC \*/
    * html .offwhitehead h2 {height: 1%;} /* For IE 5 PC */

    .offwhitebox {
        margin:      0 auto; /* center for now */
        background:  url(/grafx/sbbody30-r.gif) no-repeat bottom right;
        font-size:   100%;
    }

    .offwhitehead {
        background:    url(/grafx/sbhead20-r.gif) no-repeat top right;
        margin:        0;
        padding:       0;
        text-align:    center;
    }

    .offwhitehead h2 {
        background:  url(/grafx/sbhead20-l.gif) no-repeat top left;
        margin:      0;
        padding:     1.2em 0px 0.7em 0px;
        color:       #000000;
        font-weight: bold;
        font-size:   90%;
    }

    .offwhitebody {
        background: url(/grafx/sbbody30-l.gif) no-repeat bottom left;
        margin:      0;
        padding:     5px 10px 15px 5px;
        line-height: 1.6;
    }

    .rwhite {
        background:   url(/grafx/thhead8-r.gif) no-repeat top right;
        margin:       0px;
        padding:      0;
        padding:      1.2em 0px 0.7em 10px;
    }

    .lwhite {
        background:   url(/grafx/thhead8-l.gif) no-repeat top left;
        margin:       0px;
        padding:      1.2em 0px 0.7em 10px;
    }

    /* for non IE browsers */

    html>body .lwhite {
        margin:      -1px;
        margin-top:   0px;
    }

    .mwhite {
        background:   url(/grafx/thhead8-m.gif) no-repeat top;
        margin:       0px;
        padding:      2.7em;
        padding:      1.2em 0px 0.7em 10px;
    }


    /* diamond button background */
    td.diamond {
        background-image:url(/grafx/diamond.gif);
        background-repeat: no-repeat;
        height:      53px;
        width:       167px;
        text-align:  center;
        padding:     10px;
    }