/*############################################################################/
//##                                                                        ##/
//##  kevinludlow.com                                                       ##/
//##  (c) 1996-2008 AustinSmoke Scripts & Kevin Ludlow                      ##/
//##  powered by openFace PAS - a product of kevinludlow.com                ##/
//##  licensed and distributed by kevinludlow.com                           ##/
//##                                                                        ##/
//##  Core Design and Development: Kevin Ludlow (ludlow@gmail.com)          ##/
//##                                                                        ##/
//##  The following software / script was written exclusively for the       ##/
//##  openFace PAS (personal archival system).                              ##/
//##                                                                        ##/
//##  No portion of this script may be duplicated, sold, distributed,       ##/
//##  or otherwise used without the explicit written consent of             ##/
//##  the owner(s).                                                         ##/
//##                                                                        ##/
//###########################################################################*/



  /* ==================================================================== */
  /* Define the global properties for the site                            */
  /* ==================================================================== */
  /*                                                                      */
  /* These elements represent all of the global properties on the page    */
  /* with exception of specific color spans.  Anything included in this   */
  /* section should be intended for the site in its entirety.             */
  /*                                                                      */

     body, html
     { 
       font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
       font-size: 11px;
       line-height: 14px;
       margin: 0px;
       padding: 0px;
       background-color: #ffffff;
     }

     body
     {
       margin-bottom: 50px;
     }

     td
     { 
       font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
       font-size: 11px;
       line-height: 14px;
     }

#container
{
  margin: 0 auto;
  width: 100%;
}

#sidebar
{
  background: #fcfcfc;
  float: left;
  width: 195px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

#footer
{
  background: #123456;
  clear: both;
}




     a         { color: #5670b2; text-decoration: none; }
     a:link    { color: #5670b2; text-decoration: none; }
     a:visited { color: #5670b2; text-decoration: none; }
     a:hover   { color: #5670b2; text-decoration: underline; }
     a:active  { color: #5670b2; text-decoration: none; }

     a.header_nav         { font-size: 13px; color: #ffffff; font-weight: bold; text-decoration: none; padding: 4px; }
     a.header_nav:link    { font-size: 13px; color: #ffffff; font-weight: bold; text-decoration: none; padding: 4px; }
     a.header_nav:visited { font-size: 13px; color: #ffffff; font-weight: bold; text-decoration: none; padding: 4px; }
     a.header_nav:hover   { font-size: 13px; color: #ffffff; font-weight: bold; text-decoration: none; padding: 4px; background-color: #a67643; }
     a.header_nav:active  { font-size: 13px; color: #ffffff; font-weight: bold; text-decoration: none; padding: 4px; }

     a.header_nav_left         { font-size: 13px; color: #c3cddf; text-decoration: none; }
     a.header_nav_left:link    { font-size: 13px; color: #c3cddf; text-decoration: none; }
     a.header_nav_left:visited { font-size: 13px; color: #c3cddf; text-decoration: none; }
     a.header_nav_left:hover   { font-size: 13px; color: #c3cddf; text-decoration: underline; }
     a.header_nav_left:active  { font-size: 13px; color: #c3cddf; text-decoration: none; }

     a.header_nav_right         { color: #c3cddf; text-decoration: none; }
     a.header_nav_right:link    { color: #c3cddf; text-decoration: none; }
     a.header_nav_right:visited { color: #c3cddf; text-decoration: none; }
     a.header_nav_right:hover   { color: #ffffff; text-decoration: underline; }
     a.header_nav_right:active  { color: #c3cddf; text-decoration: none; }


     input.text
     {
       border: 1px solid #95a5c6;
       font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
       font-size: 11px;
       height: 17px;
     }

     textarea
     {
       font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
       font-size: 11px;
       border: 1px solid #95a5c6;
     }

/*
     select 
     {
       font-size: 100%;
       border: 1px solid #95a5c6;
       padding: 2px;
     }
*/

     input.color
     {
       font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
       font-size: 11px;
       line-height: 14px;
       height: 22px;
       background-color: #5670b2;
       border: 1px solid #333333;
       color: #ffffff;
     }

     input.gray
     {
       font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
       font-size: 11px;
       line-height: 14px;
       height: 22px;
       background-color: #f0f0f0;
       border: 1px solid #5670b2;
       color: #000000;
     }

  /* === end section ==================================================== */


span.pageTitle
{
  font-family: 'Myriad Pro', 'Lucida Grande', sans-serif;
  color: #464646;
  font-size: 12px;
}

span.pageSubTitle
{
  font-family: 'Myriad Pro', 'Lucida Grande', sans-serif;
  color: #5670b2;
  font-size: 20px;
  line-height: 34px;
  overflow: visible;
}


  a.page_on
  {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #000000;
    text-decoration: none;
  }

  a.page_off
  {
    color: #5670b2;
  }




  /* ==================================================================== */
  /* Define the special text color properties                             */
  /* ==================================================================== */
  /*                                                                      */
  /* These properties are specifically for unique text properties that    */
  /* appear throughout the site.                                          */
  /*                                                                      */

     span.title
     {
       color: #333333;
       font-weight: bold;
     }

     span.title_large
     {
       color: #333333;
       font-weight: bold;
       font-size: 14px;
     }

     span.red_small
     {
       color: #990000;
       font-size: 9px;
     }

     span.gray_small
     {
       color: #666666;
       font-size: 9px;
     }

     span.gray_italic
     {
       color: #cccccc;
       font-style: italic;
     }

     span.strike
     {
       text-decoration: line-through;
     }

     span.highlight
     {
       background-color: #ffff99;
     }

     span.highlight_link
     {
       background-color: #ffff99;
     }

     span.highlight_link:hover
     {
       background-color: #ffff99;
       text-decoration: underline;
     }

     span.required
     {
       color: #990000;
       font-weight: bold;
     }

     p.bold
     {
       font-weight: bold;
     }

  /* === end section ==================================================== */



  /* ==================================================================== */
  /* Define the image properties                                          */
  /* ==================================================================== */
  /*                                                                      */
  /* These are the properties specifically set for the various images     */
  /* on the site.                                                         */
  /*                                                                      */

     td.r130_album
     {
       width: 25%;
       padding-bottom: 8px;
       padding-left: 5px;
       text-align: center;
     }

     img.r130
     {
       background: #ffffff;
       padding: 6px;
       border: 1px solid #cccccc;
     }

     img.r130_mouseover
     {
       background: #ffffff;
       padding: 6px;
       border: 1px solid #5670b2;
     }

     img.r075
     {
       height: 56px;
       padding: 6px;
       border: 1px solid #cccccc;
     }

     img.r033
     {
       height: 33px;
       background: #ffffff;
       padding: 3px;
       border: 1px solid #cccccc;
     }

     img.r033_mouseover
     {
       height: 33px;
       background: #ffffff;
       padding: 3px;
       border: 1px solid #5670b2;
     }

  /* === end section ==================================================== */





  /* ==================================================================== */
  /* Define the Home module blocks                                        */
  /* ==================================================================== */
  /*                                                                      */
  /* These are the small blocks within the Home module                    */
  /*                                                                      */

     table.block
     {
       width: 100%;
       margin-bottom: 18px;
     }

     tr.block_title
     {
       height: 18px;
     }

     td.block_title
     {
       height: 18px;
       background-color: #e9e9e9;
       color: #333333;
       font-weight: bold;
       border-top: 1px solid #dddddd;
       border-bottom: 1px solid #dddddd;
       padding-left: 10px;
     }

     td.block_thumbnail
     {
       width: 50px;
       padding: 5px;
     }

     td.block_description
     {
       padding: 5px;
       font-size: 9px;
     }

    /* === end section ==================================================== */



    /* ==================================================================== */
    /* Define the META information pieces                                   */
    /* ==================================================================== */
    /*                                                                      */
    /* These are specifically for defining how the META data information    */
    /* (and other similar information) visible on any given module should   */
    /* be displayed to the user.                                            */
    /*                                                                      */

       tr.METAInfo
       {
         height: 20px;
       }

       td.METAInfoKey
       {
         height: 20px;
       }

       td.METAInfoValue
       {
         height: 20px;
         background: #f7f7f7;
         padding-left: 5px;
         color: #666666;
       }

    /* === end section ==================================================== */



    /* ==================================================================== */
    /* Define the options links                                             */
    /* ==================================================================== */
    /*                                                                      */
    /* The options links are the options that appear in the bottom right    */
    /* corner of various modules.  These will typically contain extended    */
    /* items of interest for the user as well as some administrative        */
    /* features.                                                            */
    /*                                                                      */

       tr.options
       {
         height: 17px;
       }

       td.options
       {
         height: 17px;
         border-bottom: 1px solid #cccccc;
       }

       a.options
       {
         height: 17px;
         color: #5670b2;
         text-decoration: none;
         padding-left: 9px;
         display: block;
       }

       a.options:hover
       {
         height: 17px;
         color: #ffffff;
         text-decoration: none;
         background-color: #5670b2;
         padding-left: 9px;
         display: block;
       }

    /* === end section ==================================================== */

h1
{
  font-size: 16px;
}

h2
{
  font-size: 13px;
}


/* Handle the status bar */

  .status
  {
    position: fixed;
    bottom: 0px;
    left: 15px;
    right: 15px;
    height: 25px;
    background-color: #e5e5e5;
    border-right: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
  }

  .status_activity
  {
    position: absolute;
    height: 100%;
    background-color: #e5e5e5;
    border-left: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
    right: 60px;
    width: 140px;
    text-align: center;
    color: #333333;
  }

  .status_activity:hover
  {
    background-color: #ffffff;
    cursor: pointer;
  }

  .status_notifications
  {
    position: absolute;
    height: 100%;
    width: 30px;
    right: 30px;
    text-align: center;
    border-top: 1px solid #b5b5b5;
  }

  .status_help
  {
    position: absolute;
    height: 100%;
    width: 30px;
    right: 0px;
    text-align: center;
    border-top: 1px solid #b5b5b5;
  }

  .status_windows
  {
    position: absolute;
    height: 100%;
    right: 202px;
    left: 0px;
    border-top: 1px solid #b5b5b5;
  }



div.quote
{
  /*background: #e6efe1;*/
  background: #f7f7f7;
  border: 1px solid #cccccc;
  margin-left: 27px;
  margin-right: 27px;
  padding: 10px;
}


.t {background: url(../images/backgrounds/bg_section.gif) 0 0 repeat-x; width: 100%}
.b {background: url(../images/backgrounds/bg_dot.gif) 0 100% repeat-x}
.l {background: url(../images/backgrounds/bg_dot.gif) 0 0 repeat-y}
.r {background: url(../images/backgrounds/bg_dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/backgrounds/bg_section_footer_left.gif) 0 100% no-repeat}
.br {background: url(../images/backgrounds/bg_section_footer_right.gif) 100% 100% no-repeat}
.tl {background: url(../images/backgrounds/bg_section_left.gif) 0 0 no-repeat}
.tr {background: url(../images/backgrounds/bg_section_right.gif) 100% 0 no-repeat; padding:10px}


td.DataHeadLeft
{
  padding-left: 5px;
  font-weight: bold;
  height: 28px;
  background-color: #e5e5e5;
  border-left: 1px solid #bbbbbb;
  border-top: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
}

td.DataHead
{
  padding-left: 5px;  font-weight: bold;
  height: 28px;
  background-color: #e5e5e5;
  border-top: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
}

td.DataRowLeft
{
  height: 28px;
  padding-left: 5px;
  padding-right: 2px;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #eeeeee;
}

td.DataRow
{
  height: 28px;
  padding-left: 5px;
  padding-right: 2px;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #eeeeee;
}

td.DataEmpty
{
  height: 28px;
  padding: 20px;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  color: #cccccc;
}