/*
UB Sails Website
All pages copyright Sietse Support 1997-2006
*/

/* GENERAL */
body {
  margin:10px 10px 10px 10px;
  padding: 0;
  color: Black;
  font-family: sans-serif;
  font-size: small;
  background-color: White;
}
a{
  color: #0b85b3;
  font-weight: bold;
  text-decoration: underline;
}
img{
  border: 0;
}
ul{
  list-style-type: disc;
}


/* TABLE - cloth */
/* table contents used for cloththickness */
table.cloth{
  width: 100%; //width:inherit;/*stupid ie 5 bug*/
  border-collapse: collapse;
  border-bottom: 1px solid Gray;
  border-right: 1px solid Gray;
  margin-top:10px;
}
table.cloth tr td{
  border: 1px dashed Gray;
}

/* TABLE - blocks */
/* table contents used for blocks dimensions */
table.blocks{
/*  margin: auto; */
  border-collapse: collapse;
  border-bottom: 1px solid Gray;
  border-right: 1px solid Gray;
  margin-top:10px;
}
/* Header row */
table.blocks tr th{
  border: 1px dashed Gray;
  padding:5px;
  border-bottom: 3px solid Gray;
}
/* Default td for table.blocks */
table.blocks tr td{
  border: 1px dashed Gray;
  padding:0 5px 0 5px;
}
/* Odd/even rows */
table.blocks tr.odd td{
  background: Silver;
}
table.blocks tr.even td{}
/* Seperators for odd/even rows */
table.blocks tr.odd-sep td{
  border-bottom: 3px solid Gray;
  background: Silver;
}
table.blocks tr.even-sep td{
  border-bottom: 3px solid Gray;
}

/* CONTAINER - block */
/* All used elements inside specified inheriting */
div.blockContainer{
  border-top: 1px solid Silver;
  border-left: 1px solid Silver;
  float: left;
  margin-right:5px;
  margin-bottom:5px;
}
div.blockContainer img{
  float: left;
  margin:5px;
}
/* table contents used for blocks description */
div.blockContainer table{
  float: left;
  font-size: small; /* why is this not inherited from body in konq? */
}
div.blockContainer table tr th{
  font-weight: normal;
  padding:0 5px 0 5px;
  text-align:left;
}
div.blockContainer table tr td{
  padding:0 5px 0 5px;
}

/* CONTAINER - PortfolioItem */
/* All used elements inside specified inheriting */
div.portfolioItemContainer{
  /*  border: 1px solid Silver; */
  border-top: 1px solid Silver;
  margin-bottom: 1em;
}
/* portfolio images including zoom text*/
div.portfolioItemContainer div.image{
  float: left;
  margin:5px;
  text-align:center;
}

/* table contents used for portfolio description */
div.portfolioItemContainer table{
  float: left;
  font-size: small; /* why is this not inherited from body in konq? */
}
div.portfolioItemContainer table tr th{
  padding:5px;
  text-align:left;
  border-bottom: 1px dashed Silver;
}
/* small margin between description and list of features */
div.portfolioItemContainer table tr td.desc{
  padding: 0 0 5px 5px;
}
/* align all info for different table width for different items the same */
div.portfolioItemContainer table tr td.heading{
  padding-left: 5px;
  width: 9em;
}
div.portfolioItemContainer table tr td{
  padding:0px;
}


/* TEXT - general */

.comment{
  font-size: 85%;
  color: Gray;
}

/* indented text*/
div.indentBasic{
  padding-left:5px;
  margin-left:2em;
  margin-top:5px;
  margin-bottom:5px;
}

/* top of primary named section in a page */
div.sectionHeader{
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  border-top: 1px solid Black;
  font-size: 150%;
  text-align: left;
}

/* link to top right of chapter name */
.sectionHeaderToTop{
  font-size: 50%;
  float: right;
}

/* h1 equiv */
.section{
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 150%;
}

/* h2 equiv */
.subSection{
	margin-top: 5px;
	margin-bottom: 2px;
	font-weight: bold;
}

/* menu to navigate the primary sections of page */
div.contentMenu{
  font-size: 125%;
  text-align: center;
  margin-bottom: 10px;
}

/* itemList environment, the "sect" part */
div.iL-sect{
  float: left;
}

/* itemList environment, the "desc" part */
div.iL-desc{
  margin-left:6em;
  padding-left:5px;
  margin-bottom:5px;
  border-top: 1px dashed Silver;
}

/* needs attention */
.check{
  background-color:Yellow;
}

/* define way to write company name */
#compname{
  font-family: serif;
  font-size: 175%;
  font-style: italic;
  font-weight: bold;
}

/* IMAGES - general */

.imageCentered{
  margin: 5px auto 5px auto;
  text-align: center;
}
.imageFloat{
  float: right;
  margin: 0 15px 15px 0;
  padding: 5px;
  text-align: center;
}
.imageCaption{}

/* clar all effects of float environment */
.clearboth { clear: both; }



/* ============================================*/
/* LAYOUT */

/* Menu etc. */
#pageHeaderContainer{
  min-width: 500px;
  max-width: 1000px;
  margin: 0px auto; /* no top/bottom; horizontal centering */
}
/* main menu area */
#pageHeaderRightColumn{
  padding: 3px;
  text-align: right;
  min-height: 75px;
}
/* logo and home link */
#pageHeaderLeftColumn{
  float: left;
  width: 324px;
  text-align:center;
}

/* Area to highlight current page */
#contentHeaderContainer{
  min-width: 500px;
  max-width: 1000px;
  min-height: 40px; /* same as logo height, moz1.2 needs this otherwise contact info misaligned */
  margin:10px auto 0px auto;
  padding: 0px;
  background-image: url("../images/general/icy/sct.jpg"); 
  background-position: top left;
  background-repeat: repeat-y;
}
/* define area for image for current location */
#currentmenulogo {
  float: right;
  width: 175px;
  height: 40px; /* same as curmenulogo height, moz1.2 needs this otherwise contact info misaligned */
  text-align: center;
  /* border: 1px solid Red; */  /*currently gecko adds strange space below image */
}
/* define header style */
#contentheader {
	padding: 5px;
	font-size: 200%;
	text-align: center;
}

/* define printable area and vertical white border bars*/
.middlecolumn {
  margin-left: 105px;
  margin-right: 175px;
  border-left: 3px solid #f2f7f8;
  border-right: 3px solid #f2f7f8;
  /*  border: 1px dashed Blue;  */
}
/* define printable area on right column*/
.rightcolumn {
  float: right;
  width: 175px;
  margin: 0px;
}

/* define complete area with background*/
#contentContainer{
  min-width: 500px;
  max-width: 1000px;
  margin: 0px auto;
  padding: 0px;
  background-image: url("../images/general/icy/sc.jpg"); 
  background-position: top left;
  background-repeat: repeat-y;
  border-top: 2px solid #f2f7f8;
  border-bottom: 2px solid #f2f7f8;
}
/* define area to put contact information in */
#contactinfo{
  margin: 5px;
  border-bottom: 1px solid Gray;
}
/* define content area */
.content {
  padding: 15px;
  //width:100%; /*stupid ie 5.5 bug*/
}

/* Area to end content of page */
#contentFooterContainer{
  min-width: 500px;
  max-width: 1000px;
  margin: 0px auto 10px auto;
  padding: 0px;
  background-image: url("../images/general/icy/scb.jpg");
  background-position: bottom left;
  background-repeat: repeat-y;
}
/* define footer style */
#contentfooter {
  padding: 15px;
  font-size: 75%;
  text-align: center;
}


/* Ending text, conditions, etc */
#pageFooterContainer{
  min-width: 500px;
  max-width: 1000px;
  margin: 0px auto;
  border-top: 1px solid #bdcbdd;
  border-left: 1px solid #bdcbdd;
  background-color: White;
}
/* define area for contact information*/
#pageFooterRightColumn {
  float: right;
  width: 175px;
  margin: 0px;
  padding: 3px 0 3px 0;
  text-align: center;
}
/* set writable area for pagefooter */
#pageFooterLeftColumn {
  padding: 5px;
  font-size: 75%;
  min-height: 63px;
  margin-right: 175px;
}

/* Image viewer */
.imageViewerContainer{
  margin: auto;
  padding: 0 1em 0 1em;
  background: #eeeeee;
  border-right: 1px solid Gray;
  border-bottom: 1px solid Gray;
}

/* define way to write company name */
#imageViewerCompName{
  font-family: serif;
  font-size: 250%;
  font-style: italic;
  font-weight: bold;
  color: #0236F4;
  text-align: left;
}
#imageViewerCloseWindow{
  float: right;
  margin-top:1em
}