/* Publishing module: Seasons - Spring WebHare template.

   Copyright  B-Lex Information Technologies 1999-2004. All rights reserved.

   Permission is hereby granted, without written agreement and without license
   or royalty fees, to use, copy, modify and/or redistribute this file.

   THIS PACKAGE IS PROVIDED "AS IS" AND WITHOUT WARRANTY. ANY EXPRESS OR
   IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
   OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN
   NO EVENT SHALL THE AUTHORS BE LIABLE TO ANY PARTY FOR ANY DIRECT, INDIRECT,
   INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES ARISING IN ANY WAY
   OUT OF THE USE OF THIS PACKAGE.
*/

body
{
  background-color: white;
}


/*******************************************************************
  Table cell (td) classes
******************************************************************/
/* The header, containing the 'leaves' image */
td.header
{
  background-color:#008000;
}

/* The cell containing the 'printable version' icon and text*/
td.printableversion
{
  background-color: #008000;
}

/* The cells containig main menu */
td.mainmenu
{
  background-color: #008000;
}

/* Cells which contain horizontal lines under and above the middle of the page */
td.horizontalline
{
  background-color: #9C9A9C;
}

td.leftside {  background-color: #FFFFFF;}

td.contentarea {padding: 10px 10px 10px 10px;}

td.copyright { background-color: #008000;}

/*******************************************************************
  Hyperlink classes
******************************************************************/
a { text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #008000;
  }

a:hover {text-decoration: underline;}

a.printable { font-size: 69%;
              color: #FFFFFF;
              text-decoration: none;
              font-family: Arial, Helvetica, sans-serif;
              font-weight: normal;}

/* The main menu items */
a.mainmenuitem
{
    font-size: 74%;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/* The selected mainmenuitem */
a.selectedmainmenuitem
{
    font-size: 74%;
    color: #FFFFFF;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
a.submenuitem
{
    font-size: 74%;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
/*******************************************************************
  Span classes
******************************************************************/
/* The lay-out of the text stating the name of the site (at the top) */
span.sitetitle
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 160%;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  padding: 0px 30px 0px 0px;
}

/* The lay-out of the copyright text at the bottom of the screen */
span.copyright
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 60%;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none;
}
/******************************************************************
  PLEASE NOTE:
  The following classes should NEVER be renamed, as they are used by
  WebHare Lite internally, in both the sitemap and photogallery scripts.
  Feel free however to change there definitions to better meet your
  design requirements.

******************************************************************/
/* used for the sitemap and photoalbum pages */
h2
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 110%;
  color: #008000;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
}

/*******************************************************************
  Sitemap type 1 (blocks) specific classes
  DO NOT RENAME THESE CLASSES, AS THEY ARE USED INTERNALLY BY
  WEBHARE LITE
/******************************************************************/
td.blocksitemaplevel1icon { background-color: #DEDBDE;
                            border-bottom: 1px solid #FFFFFF;
                          }
td.blocksitemaplevel1text { background-color: #DEDBDE;
                            border-bottom: 1px solid #FFFFFF;
                            border-right: 3px solid #FFFFFF;
                          }
a.blocksitemaplevel1link{ text-decoration: none;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #000000;
                          font-weight: bold;
                          font-size: 74%; }

td.blocksitemaplevel2icon { background-color: #EFEFEF;
                          }
td.blocksitemaplevel2text { background-color: #EFEFEF;
                            border-right: 3px solid #FFFFFF;
                          }
a.blocksitemaplevel2link {text-decoration: none;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #000000;
                          font-size: 74%; }

/*******************************************************************
  Sitemap type 2 (columns) specific classes
  DO NOT RENAME THESE CLASSES, AS THEY ARE USED INTERNALLY BY
  WEBHARE LITE
******************************************************************/
td.columnsitemaplevel1icon {background-color: #DEDBDE;
                            border-bottom: 1px solid #FFFFFF;
                           }
td.columnsitemaplevel1text {background-color: #DEDBDE;
                            border-bottom: 1px solid #FFFFFF;
                            border-right: 1px solid #FFFFFF;
                           }
a.columnsitemaplevel1link {text-decoration: none;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #008000;
                          font-size: 74%; }

td.columnsitemaplevel2icon {background-color: #EFEFEF;
                            border-bottom: 1px solid #FFFFFF;
                           }
td.columnsitemaplevel2text {background-color: #EFEFEF;
                            border-bottom: 1px solid #FFFFFF;
                            border-right: 1px solid #FFFFFF;
                           }
a.columnsitemaplevel2link {text-decoration: none;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #008000;
                          font-size: 74%; }

td.columnsitemaplevel3icon {background-color: #F7F7F7;
                            border-bottom: 1px solid #FFFFFF;
                           }
td.columnsitemaplevel3text {background-color: #F7F7F7;
                            border-bottom: 1px solid #FFFFFF;
                            border-right: 1px solid #FFFFFF;
                           }
a.columnsitemaplevel3link {text-decoration: none;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #008000;
                          font-size: 74%; }

/*******************************************************************
  Sitemap type 3 (Tree) specific classes
  DO NOT RENAME THESE CLASSES, AS THEY ARE USED INTERNALLY BY
  WEBHARE LITE
/******************************************************************/
td.treesitemaplevel1icon {}
td.treesitemaplevel1text {}
a.treesitemaplevel1link {text-decoration: none;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #86910B;
                          font-size: 74%; }

td.treesitemaplevel2icon {}
td.treesitemaplevel2text {}
a.treesitemaplevel2link {text-decoration: none;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #86910B;
                          font-size: 74%; }

td.treesitemaplevel3icon {}
td.treesitemaplevel3text {}
a.treesitemaplevel3link {text-decoration: none;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #86910B;
                          font-size: 74%; }
td.treesitemaplevel4icon {}
td.treesitemaplevel4text {}
a.treesitemaplevel4link {text-decoration: none;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #86910B;
                          font-size: 74%; }
td.treesitemaplevel5icon {}
td.treesitemaplevel5text {}
a.treesitemaplevel5link {text-decoration: none;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #86910B;
                          font-size: 74%; }
td.treesitemaplevel6icon {}
td.treesitemaplevel6text {}
a.treesitemaplevel6link {text-decoration: none;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #86910B;
                          font-size: 74%; }
td.treesitemaplevel7icon {}
td.treesitemaplevel7text {}
a.treesitemaplevel7link {text-decoration: none;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #86910B;
                          font-size: 74%; }


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

  Photoalbum specific classes

  DO NOT RENAME THESE CLASSES, AS THEY ARE USED INTERNALLY BY

  WEBHARE LITE

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



/* The table cell containing the thumbnail pagenumbers */

td.thumbnailpagenumbers {text-align: center;}

/* the number of the currently viewed page */

span.currentthumbnailpage

{

  color: #008000;

  font-family: Verdana, Tahoma, Arial, Sans-serif;

  font-size: 74%;

  font-weight: bold;

  text-decoration: none;

}

/* the numbered links to all other thumbnail pages */

a.thumbnailpagelink

{

  color: #008000;

  font-family: Verdana, Tahoma, Arial, Sans-serif;

  font-size: 74%;

  font-weight: normal;

  text-decoration: none;

}



/* the table cell that contains the 'prev' image (if available) or the '<<' text on the thumbnail pages */

td.thumbnailpageprev {text-align: left;}



/* the table cell that contains the 'next' image (if available) or the '>>' text on the thumbnail pages */

td.thumbnailpagenext {text-align: right;}



/* If no 'next', 'previous' or 'toindex' image is available, defines the textual link to the next ('>>'), index ('||') and previous ('<<') pages */

a.photoalbumprevnexttext

{

  color: #008000;

  font-family: Verdana, Tahoma, Arial, Sans-serif;

  font-size: 74%;

  font-weight: bold;

  text-decoration: none;

}

/* If no 'next', or 'previous' image is available, and no link to the previous or next page is available

   (e.g. we're on the first or last thumbnail page) this span tag will be used */

span.photoalbumprevnexttext

{

  color: #C0C0C0;

  font-family: Verdana, Tahoma, Arial, Sans-serif;

  font-size: 74%;

  font-weight: bold;

  text-decoration: none;

}



/* The table cell that contains the 'prev' image (if available) or the '<<' text on the enlarged image pages */

td.enlargedpageprevious{text-align: left;}



/* The table cell that contains the 'next' image (if available) or the '>>' text on the enlarged image pages */

td.enlargedpagenext{text-align: right;}



/* the table cell that contains the 'back to thumbnail page' image, or the 'Index' text on the enlarged image pages */

td.enlargedpagetothumbnail{text-align: center;}





/* the table cell containing the enlarged photo */

td.enlargedphoto {text-align: center;}





/* the description of the enlarged photo */

span.enlargedphotodescription { text-align: right;

                                color: #008000;

                                font-family: Verdana, Tahoma, Arial, Sans-serif;

                                font-size: 74%;

                                font-weight: normal;

                                text-decoration: none;}

/* The standard webpack CSS. This CSS is shared by all webpacks and
   modifying it allows you to easily adapt all webpack types to your
   site design. We recommend that you remove this CSS from the individual
   webpack demos, and instead move it to your site's central CSS files */

/* Global tag, containing the complete webpack item */
.whwp
{
  font-family: arial, helvetica, sans-serif;
  font-size: 74%;
}

/* Webpack item title */
.whwp .whwp-title
{
  font-weight: bold;
}

/* All links */
.whwp a
{
  color: #0000AA;
}

/* Characteristics shared between input and button style links */
.whwp .whwp-button, .whwp .whwp-button:hover
{
  width: 100px;
  background-color: #A0A0A0;
  text-align: center;
  color: #FFFFFF;
  border: outset 2px;
  border-right-color: #808080;
  border-bottom-color: #808080;
  margin: 3px 3px 3px 0px;
}

/* Links with an input button appearance */
.whwp a.whwp-button, .whwp a.whwp-button:hover
{
  display: block;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  padding: 2px 5px;
}

.whwp input.whwp-button
{
  /* IE/FF work around: first pointer, then hand */
  cursor: pointer;
  cursor: hand;
  font-family: arial, helvetica, sans-serif; /* Inherit font-family */
  font-size: 100%; /* Inherit font-size */
}

.whwp .whwp-questiongroup
{
  border: 1px #000000 solid;
  padding: 10px;
  margin: 20px 0px;
  background-color: #FFFFFF;
}

/* Individual questions */
.whwp .whwp-questiongroup .whwp-question
{
  margin: 10px 0px;
}

/* Individual question labels */
.whwp .whwp-questiongroup .whwp-question label,
.whwp .whwp-questiongroup .whwp-question
{
  font-style: italic;
  margin: 10px 0px 4px 0px;
}

.whwp .whwp-questiongroup .whwp-question input, .whwp .whwp-questiongroup .whwp-question textarea,
.whwp .whwp-questiongroup .whwp-question option, .whwp label input, .whwp label textarea,
.whwp .whwp-questiongroup .whwp-question .whwp-formgroup label
{
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
}

.whwp .whwp-entry
{
  border: 1px solid #000000;
  margin: 10px 0px;
}

.whwp .whwp-entry .whwp-header
{
  background-color: #D0D0D0;
  font-weight: bold;
  padding: 4px;
}

.whwp .whwp-entry .whwp-message
{
  padding: 4px;
}

.whwp .whwp-entry .whwp-message blockquote
{
  margin-left: 1pt;
  border-left: 1pt solid #000000;
  padding-left: 5pt;
}

.whwp .whwp-entry .whwp-footer
{
  padding: 5px;
}

.whwp table.whwp-table
{
  border: solid 1px #000000;
  border-collapse: collapse;
  width: 100%;
  font-size: 100%; /* Ensure IE picks up the inherited font-size for this table */
}

.whwp table.whwp-table th
{
  text-align: left;
  padding: 2px 5px;
  background-color: #D0D0D0;
  vertical-align: top;
  white-space: nowrap;
  color: #000000;
}

.whwp table.whwp-table td
{
  text-align: left;
  padding: 2px 5px;
  vertical-align: top;
}

.whwp .whwp-odd
{
  background-color: #EEEEEE;
}

.whwp .whwp-even
{
  background-color: #FFFFFF;
}

.whwp .whwp-errors
{
  color: #FF0000;
}

.whwp table.whwp-attachments
{
  font-size: 100%;
}

/* End of the standard webpack CSS definitions */