/*
######################################################################
# main.css
# Sccsid:  @(#)  main.css  1.41  Delta: 06/22/04
######################################################################
# Copyright (c) 2001 Grant Grueninger, Commercial Systems Corp.
#
# Description:

  Contains style-sheet information common to pages on this site.
*/

      .hide { display: none } /* For comments to non-css browsers */

/*



              *****     Site Defaults     *****




*/

      body { /* color:            rgb(170,255,170); */
             color: black;
             background-color: white;
             background-image: url(/images/big_brushed_metal.jpg);
             background-repeat: repeat; /* repeat-x, repeat-y, repeat */
             background-attachment: fixed;  /*  scroll, fixed  */
             background-position: top left;
             font-family:      tahoma, arial, sans-serif;
             margin: 0px;
           }

      p, td, blockquote, ul, li
      {
              font-size: 11px;
              vertical-align: top;
      }

      li
      {
              text-align: left;
      }

      input, select, textarea
      {
              /* color:            rgb(170,255,170); */
              color: black;
              background-color: white;
              font-family:      arial, sans-serif;
              font-size: 10px;
      }

      table
      {
              margin: 0px;
              padding: 0px;
              border: none;
      }

      td.input 
      {
              text-align: left;
      }

      input.button
      {
              color: black;
              background-color: white;
              font-family:      arial, sans-serif;
              font-size: 10px;
      }

      h1, h2
      {
              font-family: tahoma, serif;
              color: black;
              /* color: rgb(150,255,150); */
              text-align: center;
      }

      h1 { font-size: 24px; }

      h2 { font-size: 20px; }


/*


                *****    Nav Bar/Links     *****


*/

	A { text-decoration: none; }
	A:link    { color: #007; }
	A:visited { color: #007; }
	A:active  { color: yellow; }
	A:hover   { color: red; }

	A.lighttext:link    { color: #FFF; }
	A.lighttext:visited { color: #FFF; }
	A.lighttext:active  { color: yellow; }
	A.lighttext:hover   { color: red; }

	A.navbar:link    { color: #FFF; }
	A.navbar:visited { color: #FFF; }
	
	A.dbnav:link    { color: #FFF; }
	A.dbnav:visited { color: #FFF; }

      img.navbar
      {
              margin: 5px 5px 5px -5px;
      }

      td.navbar
      {
              color: white;
              background-color: rgb(23,23,105);
              background-image: url(/images/nav_bkg.gif);
              background-repeat: repeat-x;
              font-family: tahoma, arial, serif;
              font-size: 11px;
              font-weight: bold;
              padding: 3px;
              margin: 0px;
              text-align: center;
              white-space: nowrap;
      }



/*


              *****    Site-Wide Specific Styles     *****

                   (special banner/box styles used throughout
                             the site)

*/



        /*      Pretty thin-line separators     */


      td.leftcolumn
      {
              border-right-color: rgb(140,0,0);
              border-right-style: solid;
              border-right-width: 1px;
      }

      table.borderbottom
      {
              border-bottom-color: rgb(140,0,0);
              border-bottom-style: solid;
              border-bottom-width: 1px;
      }

      table.bordertop
      {
              border-top-color: rgb(140,0,0);
              border-top-style: solid;
              border-top-width: 1px;
      }


          /*     Limit page/section width     */


      .left
      {
              text-align: left;
      }

      .narrow
      {
              width: 400px;
      }

      .wider
      {
               width: 600;
      }


          /*      Styles for the indent box      */


      .indent
      {
              border-style: none;
              white-space: collapse;
      }

      table.indent
      {
              empty-cells: show;
      }

      td.indent, table.indent
      {
              padding: 0px;
              margin: 0px;
      }

      td.topindent
      {
              background-image: url(/images/top_border.gif);
      }

      td.bottomindent
      {
              background-image: url(/images/bottom_border.gif);
      }

      td.leftindent
      {
              background-image: url(/images/left_border.gif);
      }

      td.rightindent
      {
              background-image: url(/images/right_border.gif);
      }


          /*      Other        */



      td.pagebody  /* Inside the indented box  */
      {
              background-color: rgb(204,204,255);
              font-family:      tahoma, arial, sans-serif;
              margin: 0px;
              padding: 10px 20px 20px 20px;
      }

      td.banner
      {
             background-color: rgb(1,1,43);
             text-align: left;
             height: 55px;
      }

      .red
      {
              color: red;
      }



/*


              *****    The Floating Boxes styles    *****


*/


      table.floatingbox
      {
              margin: 0px;
      }

      td.titlebar
      {
              background-image: url(/images/header_bkg.gif);
              background-repeat: repeat-x;
              height: 31px;
              text-align: left;
      }

      h1.titlebar
      {
              font-family: tahoma, arial, serif;
              font-size: 18px;
              margin: 3px 0px 0px 6px;
              text-align: left;
      }

      td.bigbox
      {
              background-image: url(/images/big_gradient_bkg.gif);
              background-repeat: repeat;
              padding: 10px;
      }
      
      td.darkbox
      {
              background-image: url(/images/dark_gradient.jpg);
              background-repeat: repeat;
              padding: 10px;
      }
      
      td.rightdrop
      {
              background-image: url(/images/right_drop.gif);
              background-repeat: repeat-y;
              width: 6;
      }

      td.boxbottom
      {
              background-image: url(/images/bottom_drop.gif);
              height: 7;
      }



/*


              *****    Special Styles     *****
         (specific things possibly used on only one page)


*/





              /*      Home Page Styles     */


      div.services
      {
              text-align: center;
      }

      ul.services
      {
              width: 150px;
              margin-left: 50px;
      }


      p.logo
      {
              background-color: #DDD;
      }

      td#services
      {
        background-color: #FFEEEE;
      }

      td#news
      {
        background-color: transparent;
      }

      td.tidbit
      {
        font-size: 10px;
        vertical-align: top;
      }

      ul.news
      {
              text-align: left;
              list-style: none;
      }

      li.news
      {
              font-size: 10px;
              padding: 3px;
      }

      .odd
      {
              padding: 6px;
/*
              background-color: #55F;
*/
              border-bottom-style: solid;
              border-bottom-width: 1px;
              border-bottom-color: blue;

      }

      .even
      {
              padding: 3px;
/*
              background-color: #99F;
*/
              border-bottom-style: solid;
              border-bottom-width: 1px;
              border-bottom-color: blue;
      }

      div.footer {
                   text-align: center;
                   font-family: arial, helvetica, sans-serif;
                 }

      div.footer IMG { padding-bottom: 1em }

      div.copyright { font-size: 80% }
      div.smallprint { font-size: 65% }

      .numbercell { border-style: ridge;
                    border-width: thin;
                    text-align: right;
                  }

      .numberinput { text-align: right; }

      div.centertable { text-align: center;
                      }
      .center
          {
              text-align: center;
          }

    .dailyblurb {
        text-align: center;
        font-size: 10px;
    }

      table.border
      {
              border-color: rgb(140,0,0);
              border-style: solid;
              border-width: 1px;
      }

      td.starthere
      {
              vertical-align: top;
              padding: 48px;
      }

      p.tagline
      {
              text-align: center;
              font-size: 10px;
              font-weight: bold;
              color: rgb(140,0,0);
      }

      .email
      {
              text-align: center;
      }

      .w3c, .copyright, .asterisked
      {
              text-align: left;
      }

      p.demoheading
      {
              text-align: left;
              border-bottom-style: solid;
              border-bottom-width: 1px;
              border-bottom-color: rgb( 140,0, 0 );
      }

      ul.demolist
      {
              text-align: left;
              list-style: none;
              padding: 0px;
              margin: 0px;
      }

      li.demolist
      {
              padding: 0px;
              margin: 0px;
      }

      .asearch
      {
              color: #000000;
              text-align: left;
      }

      .cost
      {
              text-align: left;
      }

      .important
      {
              color: red;
      }

      .blurbs
      {
              text-align: left;
              margin: 10px 7px 7px 15px;
              padding: 0px;
              line-height: 24px;
              white-space: nowrap;
              width: 226;
              height: 75;
      }

      .musicianblurb
      {
              text-align: left;
              margin: 7px 7px 2px 15px;
              padding: 0px 0px 3px 0px;
              line-height: 20px;
              white-space: nowrap;
              width: 226;
      }

      td.sendbutton
      {
              text-align: right;
      }

      .link
      {
              text-align: right;
              background-image: url(/images/dark_gradient.jpg);
              color: #FFA;
      }

      .spacetop
      {
              padding-top: 15px;
      }

      ul.resources
      {
              list-style: none;
              padding-left: 5px;
      }

      .custlogin
      {
              width: 90px;
              height: 18px;
              padding: 3px 8px 3px 3px;

              position: absolute;
              top: 85px;
              left: 0px;
      }

      .complogin
      {
              width: 90px;
              height: 18px;
              padding: 3px 8px 3px 3px;

              position: absolute;
              top: 115px;
              left: 0px;
      }

      .login
      {
              width: 50px;
              height: 18px;
              padding: 3px 8px 3px 3px;

              position: absolute;
              top: 85px;
              left: 0px;
      }

      p.help
      {
              width: 600px;
      }

      p.dbnav
      {
              background-image: url(/images/dark_gradient.jpg);
      }

/*
		***** Project Manager Styles *****
*/

      table.projectlist, table.projectheader
      {
              border-collapse: collapse;
              border-spacing: 0px;
      }

      table.projectheader, div.projectdetail
      {
              width: 95%;
      }

      div.projectdetail
      {
              font-size: 10px;
              font-family: monaco, monospace;
              white-space: pre;
      }

      td.projectheader
      {
              border-bottom-width: 1px;
              border-bottom-style: solid;
              border-bottom-color: #555;
              border-right-width: 1px;
              border-right-style: dotted;
              border-right-color: #555;
              margin: 0px;
              padding: 0.5em;
              vertical-align: top;
      }

      

      td.projectlist
      {
              border-bottom-width: 1px;
              border-bottom-style: solid;
              border-bottom-color: #555;
              border-right-width: 1px;
              border-right-style: dotted;
              border-right-color: #555;
              margin: 0px;
              padding: 0.5em;
              vertical-align: top;
      }

      .helptext
      {
              margin: -11px 0px 14px 0px;
              font-size: 9px;
              width: 400px;
      }

	p.notice
	{
		margin: 5px;
		color: blue;
	}

	p.error
	{
		margin: 5px;
		color: red;
	}