/* HTML definitions ======================================================== */

body
{
   font: normal normal normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
   /* margin on top, right and left */
   margin: 5px 10px 0px 5px;
   padding: 0px 0px 0px 0px;
   background-image: url(../images/header.jpg);
   background-repeat: repeat-x; 
   background-position: 0px 0px;
}

td
{
   font: normal normal normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1
{
   font: normal normal normal 36px "Bitstream Vera Sans", Geneva, Arial, Helvetica, sans-serif;
   margin-bottom: 0px;
}

h2
{
   font: normal normal normal 22px "Bitstream Vera Sans", Geneva, Arial, Helvetica, sans-serif;
}

h3
{
   font: normal normal normal 18px "Bitstream Vera Sans", Geneva, Arial, Helvetica, sans-serif;
}

.clsh3
{
   font: normal normal normal 18px "Bitstream Vera Sans", Geneva, Arial, Helvetica, sans-serif;
   padding-bottom: 0.5em;
}


h4
{
   font: normal normal bold 16px "Bitstream Vera Sans", Geneva, Arial, Helvetica, sans-serif;
   margin-bottom: 5px;
}

h5
{
   font: normal normal bold 14px "Bitstream Vera Sans", Geneva, Arial, Helvetica, sans-serif;
   margin-bottom: 5px;
}

h6
{
   font: normal normal bold 12px "Bitstream Vera Sans", Geneva, Arial, Helvetica, sans-serif;
   margin-bottom: 5px;
}

code
{

}

p 
{
   margin-top: 0px;
   border-top: 0px;
   padding-top: 0px;
   padding-bottom: 10px;
   margin-bottom: 0px;
   text-align: justify;
}

a
{
   text-decoration: none;
}

a:hover
{
   text-decoration: underline;
}

th
{
   font: normal normal bold 14px "Bitstream Vera Sans", Geneva, Arial, Helvetica, sans-serif;
}

/* Menu look & feel ======================================================== */

.clsMenu
{
   /* This will remove the left margin if it is used on ul element */
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   /* This will disable the dot if it is used on ul element */
   list-style: none;
}

.clsMenuItem
{
   padding-bottom: 3px;
   margin-bottom: 3px;
   border-bottom: 1px dotted #00ccff;
   /* This is here for multiline menu items */
   text-indent: -1em;
   margin-left: 1em;
}

.clsMenuItemHighlight
{
   padding-bottom: 3px;
   margin-bottom: 3px;
   border-bottom: 1px dotted #00ccff;
   /* This is here for multiline menu items */
   text-indent: -1em;
   margin-left: 1em;
}

.clsMenuItem  a
{
   padding-left: 15px;
   font-weight: normal;
   text-decoration: none;
}

.clsMenuItemHighlight  a
{
   padding-left: 15px;
   font-weight: bold;
   text-decoration: none;
}

.clsMenuItem a:hover
{
   background-image: url(../images/menuhover.gif);
   background-repeat: no-repeat; 
   background-position: top left;
   text-decoration: none;
}

.clsMenuItemHighlight a:hover
{
   background-image: url(../images/menuhover.gif);
   background-repeat: no-repeat; 
   background-position: center left;
   text-decoration: none;
}

.clsSubMenu
{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   /* This will disable the dot if it is used on ul element */
   list-style: none;
   border-top: 1px dotted #00ccff;
}

.clsMenu .clsSubMenu
{
   margin: 5px 0px 0px 15px;
   padding: 0px 0px 0px 0px;
}

.clsSubMenuItem 
{
   padding-bottom: 3px;
   margin-bottom: 3px;
   border-bottom: none;
   text-indent: -1em;
   margin-left: 1em;
   /* This is here for multiline menu items */
   text-indent: -1em;
   margin-left: 1em;
}

.clsSubMenuItem  a
{
   padding-left: 15px;
   font-weight: normal;
   text-decoration: none;
}

.clsSubMenuItem a:hover
{
   background-image: url(../images/menuhover.gif);
   background-repeat: no-repeat; 
   background-position: top left;
   text-decoration: none;
}

/* Rounded rectangles from www.cssplay.co.uk ================================ */

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ddeeff; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent 
{
   display:block; 
   background:#ddeeff; 
   border:0 solid #08c; 
   border-width:0 1px;
   padding-left: 5px;
   padding-right: 5px;
}

.xboxcontentspaced
{
   display:block; 
   background:#ddeeff; 
   border:0 solid #08c; 
   border-width:0 1px;
   padding: 10px 10px 1px 10px;
}

#correctionbox1
{
   margin-right: -3px;
}
div > #correctionbox1
{
   margin-right: 0px;
}

#correctionbox1double
{
   margin-left: -3px;
   margin-right: -3px;
}
div > #correctionbox1double
{
   margin-left: 0px;
   margin-right: 0px;
}

#correctionbox2
{
   margin-right: -3px;
}
div > #correctionbox2
{
   margin-right: 0px;
}

/* Screen areas ============================================================= */

.clsHeader 
{
   background-image: url(../images/osslogosmall.gif);
   background-repeat: no-repeat; 
   background-position: 3em 0px;
   height: 80px;
   margin-top: 2em;
}
body > .clsHeader 
{
   margin-top: auto;
}

.clsFooter
{
   text-align: center;
   clear: both;
}

.clsLeftBody
{
   width: 15em;
   float: left;
}

.clsMiddleBody
{
   /* This margin has to be the same size as clsMenuFrame width */
   margin-left: 15em;
   margin-right: 15em;
   border-left: 1px dotted #00ccff;
   padding-left: 7px;
   clear: none;
}

.clsRightBody
{
   /* This width has to be the same size as clsSolutionsFrame width */
   width: 15em;
   float: right;
}

/* ========================================================================= */

/* Main element of the header */
.clsTopImage
{
   position: relative; 
   height: 60px; 
   /* This margin has to be the same size as clsMenuFrame width */
   margin-left: 15em;
   margin-bottom: 15px;    
   margin-right: 15em; 
   text-align: left;
}

.clsTitle
{
   border-bottom: 1px solid #00ccff;
   letter-spacing: 0.4em;
}
h1 > .clsTitle
{
   letter-spacing: 0.15em;
}

.clsTagline
{
   font: normal normal bold 16px "Bitstream Vera Sans", Geneva, Arial, Helvetica, sans-serif;
   margin: 5px 10px 0px 5px;
   padding: 0px 0px 0px 0px;
   white-space: nowrap;
   /*   letter-spacing: 0.30em; */
   /*   padding-left: 4em; */
}

.clsTitleHighlight
{
   color: #00ccff;
}

.clsSubtitle
{
   font: normal normal normal 22px "Bitstream Vera Sans", Geneva, Arial, Helvetica, sans-serif;
   text-decoration: none;
   color: black;
}

/* Block displayed on one of the sides of the body */
.clsSideline
{
}

/* Title of the block displayed on one of the sides of the body */
.clsSidelineTitle
{
   font: normal normal bold 16px "Bitstream Vera Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: #dddddd;
   margin-bottom: 5px
}

h2.clsSidelineTitle
{
   font: normal normal normal 22px "Bitstream Vera Sans", Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
/*   
   background-color: #dddddd;
*/   
   background-color: white;
   margin-bottom: 5px
}

h3.clsSidelineTitle
{
   font: normal normal normal 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: #dddddd;
   margin-bottom: 5px
}
.clsSideline.clsSideline
{
   margin-bottom: 20px;
}

.clsContent
{
/*   border-right: 1px dotted #00ccff; */
   padding-right: 7px;
   margin-right: 7px;
   padding-bottom: 5px;
}

.clsContent a
{
   text-decoration: none;
}

.clsContent a:hover
{
   text-decoration: underline;
}

.clsContentBlock
{ 
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px dotted #00ccff;
}

/* Element displaying modification statistics of the page */
#lastmod
{
   color: Silver;
   display: None;
}

#lastmod .clsSidelineTitle
{
   color: black;
}

/* ========================================================================= */

.clsHDiv
{
   height: 2px;
   background-image: url(../images/hdiv.gif);
   background-repeat: repeat-x; 
   background-position: center;
   margin-bottom: 5px;
}

#logo
{
   text-align: center;
   padding-bottom: 10px;
}

.clsSourceForgeLogo
{
   position: absolute;
   top: 10px;
   right: 10px;
   text-align: center;
   margin-bottom: 10px;
}

.clsJavaNetLogo
{
   position: absolute;
   top: 52px;
   right: 10px;
   text-align: center;
   margin-bottom: 10px;
}

.clsW3CHtmlLogo
{
   float: right;
   margin-left: 10px;
}

.clsW3CCssLogo
{
   float: right;
}

.clsMenuFrame
{
   /* This width has to be the same size as clsMiddleBody width */
   width: 15em;
   height: 20em;
}

/* This is for index.html when the menu is inserted into the page */
.clsMenuFrame .clsNoImageBody
{
   padding-top: 5px;
   padding-left: 5px;
}

.clsFooterFrame
{
   position: relative;
   top: 0px;
   width: 100%;
   height: 3em;
   margin-left: 15em;
   margin-right: 15em;
}
div > .clsFooterFrame
{
   width: 30em;
   text-align: center;
}

.clsNoImageBody
{
   background-image: none;
}

.clsFooterBody
{
   font: normal normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   background-image: none;
}

.clsDocumentIcon
{
   float: left; 
   padding-right: 5px;
}

.clsSearch
{
   padding-top: 5px;
   text-align: center;
}

.clsBlockHighlight
{
	padding: 10px 10px 1px 10px; 
	background-color: #ddeeff;
   margin-bottom: 10px;
}


.clsStoryHighlight
{
}

.clsStoryTitle
{
   font: normal small-caps bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: #dddddd;
   margin-bottom: 15px;
}

.clsStorySubTitle
{
   font: normal small-caps bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
}

.clsStorySubTitleHighlight
{
   font: normal small-caps bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: #ecfaec;
/*   background-color: #ff9900; */
}

.clsStoryLineActive
{
   font-weight: bold;
}

.clsThumbnail
{
   display: block;
   float: left;
   margin-right: 10px;
}

.clsScreenshot
{
   position: relative;
   height: 144px;
}

div > .clsScreenshot
{
   height: auto;
   min-height: 144px;
}

.clsScreenshot.clsScreenshot
{
   padding-bottom: 7px;
   margin-bottom: 7px;
}

.clsScreenshotTitle
{
   font: normal small-caps normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-color: #dddddd;
   padding-top: 3px;
   padding-bottom: 3px;
   margin-bottom: 7px;
}
 
.clsTextWithScreenshot
{
   position: relative;
   height: 144px;
}

div > .clsTextWithScreenshot
{
   height: auto;
   min-height: 150px;
}