/* Naturel.biz style for TIKI  */

body {

  background-color: white;
  margin-top: 0px;
  margin-left: 10px;
  margin-bottom: 0px;
  margin-right: 0px;
}

a.hotwords
{background:url(http://www.naturel.biz/img/extlink.gif) right center no-repeat;
padding-right:8px;}

/* This div encloses the whole Tiki application */
DIV#tiki-main {  float: left; clear: left; background: white; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-right: 0px; margin-left: 0px; }

/* This is the header */
DIV#tiki-top {  background: white; color: black; padding-right: 0px;  padding-bottom: 0px; width: 100%; }



/* This is the middle */
DIV#tiki-mid { float: left; clear: left; background: white;  padding-bottom: 0px; clear: all;}

/* And this is the footer */
DIV#tiki-bot {  padding-top: 10px;  margin-top: 0px;  background: white;  padding-bottom: 15px; }

/* The three columns */
TD#leftcolumn {  vertical-align: top;  background: white;  width: 20%}
TD#rightcolumn {  vertical-align: top;  background: white;  width: 20%}
TD#centercolumn {  background: white;  vertical-align: top;  width: auto;
line-height: 140% font-size: 12px;   }

div#wikitext, div.wikitext { line-height: 140%; font-size: 12px;   }

/* And this is what lies inside the centercolumn */
DIV#tiki-center {  margin-left: 0px;  margin-right: 5px;  padding-left: 2px;  padding-right: 40px;
line-height: 140%;
font-size: 12px;  }

hr {
  size: 1px solid black;
}

a {  color : darkblue;  text-decoration: none;}
a:active {  background: color : #00639C; text-decoration: none;}
a:hover {  color : darkred; text-decoration: underline; background: skyblue;}


blockquote {
  background: beige; margin-left: 20px;  margin-right: 20px;  margin-top: 10px;  margin-bottom: 20px;
  border: 2px solid gainsboro;  padding-left: 12px;  padding-right: 18px;  padding-top: 10px; padding-bottom: 22px;  overflow: hidden;
}

ul {
margin-left: 0px;
padding-left: 20px;
}

div.box {
  background: navajowhite; margin-bottom: 10px;
  width: 100%;
}

/* Boxes are divided in title and data, this is the title */
div.box-title {
  border: 0px darkblue; border-style: solid;
  height: 28px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 13px;  color: black;  font-weight: bold;
  overflow: hidden;
  text-align: left;
  padding-left: 10px;  padding-right: 0px;
  margin-bottom: 10px; padding-top: 4px;
  width: 100%;
}

div.box-blau {
  background-color:skyblue;
}

div.box-rot {
background-color: lightpink;
}
div.box-gruen {
background-color: lightgreen;
}
div.box-gelb {
background-color: lightsalmon;
}

/* And this is the data */
div.box-data {
/*  overflow: hidden; */
  background: beige;
  margin-left: 1px;  margin-right: 1px;
  margin-bottom: 1px;
  padding-top: 4px; padding-bottom: 16px;
  padding-left: 4px;  padding-right: 7px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 13px;     color: darkblue;
  width: 160px; 80%;
}


/* Some boxes are identified by an ID, for example the  boxes in the main application menu, we set display to
   none to make the menu appear collapsed initially, change this to 'block' if you want it to be extended fully */

/* Boxes */
#admmnu { display: none;   background: #EFEFEF;}
#faqsmenu { display: none;}
#wikimenu { display: none;}
#galmenu { display: none;}
#cmsmenu { display: none;}
#blogmenu { display: none;}
#filegalmenu { display: none;}

/* Menus */
/* Separators are used to sepparate menu areas in the application menu and user created menus*/
div.separator {
  background: #DFDFDF;
  color: #003163; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 10px;
  margin-left: 2px;  margin-right: 2px;  margin-top: 6px;  margin-bottom: 2px;
  width: 90%;
}

/* Some boxes uses thumbnails this is the image style */
div.imagerank {  margin-left: 5px;  margin-right: 5px;  margin-bottom: 10px;  margin-top: 10px; }

/* Prevent forms from generating unwanted padding or margins */
FORM {  margin : 0px 0px 0px 0px;  padding-bottom : 0px;  padding-left : 0px;  padding-right : 0px;  padding-top : 0px;}

/* General form elements */
input,textarea, select {color : #000000; font: normal 12px Verdana, Arial, Helvetica, sans-serif; }
input { text-indent : 2px; }

/* General tables */
/* These styles apply to tables used to display common listings such as the wiki page listing, last changes,
   listings in admin screens, etc. */

/* Cells where nothing is specified */
TD {color: Black; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: top;}

/* Cells in forms without background color (inside a div for example) */
TD.form { color: Black; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: top; text-align: left;}
/* Cells in forms using a background color */
TD.formcolor { color: Black; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  background: #EFEFEF; font-size: 11px; vertical-align: top; text-align: left;}


/* Non-linking titles (three levels) */
H1 { font-weight: bold; font-size: 26px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color : darkblue; margin-top: 0px;}
H2 { font-weight: bold; font-size: small; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color : darkblue; margin-top: 0px; margin-bottom: 0px;}
H3 { font-weight: bold; font-size: 20px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color : darkblue; margin-top: 0px;}

/* Search results display a date using the following style*/
div.searchdate { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color : #333333;}

/* Pagination for listings */
.mini {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 9px;color : Black;}

/* Warning background/color */
span.warn {  color: darkred;}


/******************************************************* IMAGE GALLERIES **********************************************/

/* Listing images in a gallery (non-graphical browsing) */


/* Gallery description */
div.galdesc {
  background: beige;
  border: 2px solid gainsboro;
  padding-left: 0.5em; padding-right: 1em; padding-top: 0.5em;  padding-bottom: 0.5em;
  margin: 0.5ex 0px;
  width: 97%;
  clear: both;
}

/* Browsing an image gallery */
/* This styles set the presentation for browsing an image gallery (viewing,navigating thumbs */

/* Container for the whole gallery */
div.browsegallery {background: White; width: 100%;}

/* You can set a different background color for odd and even rows in the thumbnails table */
/* Thumbnails in odd rows are shown inside oddthumb tds */
TD.oddthumb {  background: beige;}
TD.eventhumb { background: beige;}

/* Gallery Title */
div.gallerytitle { font-size: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; color : darkblue; margin-bottom: 10px;}

div.adminoptions { margin-top: 5px; margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px;}
div.sortoptions { margin-top: 5px; margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px;}
span.sorttitle {}
span.sortoptions {}

/* Container for thumbnails */
div.thumbnails {  border : 2px solid gainsboro;  margin-top: 10px;  margin-bottom: 10px;}

/* Thumbnails images */
img.athumb {  border : 1px solid Silver;}

/* Table around images */
table.tableimg {
  background: gainsboro; margin-left: 20px;  margin-right: 0px;  margin-top: 0px;  margin-bottom: 10px;
  border: 0px solid black;  padding-left: 0px;  padding-left: 0px;  padding-bottom: 0px;  overflow: hidden;
}

td.tableimg_img {
  margin-left: 0px;  margin-right: 0px;  margin-top: 0px;  margin-bottom: 10px;
  border: 0px solid black;
}
td.tableimg_desc {
  background: beige; margin-left: 4px;  margin-right: 0px;  margin-top: 0px;  margin-bottom: 10px;
  font-size: 10px; border: 0px solid black;  padding-left: 4px;  padding-right: 4px;  padding-bottom: 10px;  overflow: hidden;
}

.caption {}

/* No records found text  (displayed in the table when no records */
p.norecords {  font-weight : bold;}

/* Browsing an image */

table.imageinfo { width: 98%; }
td.imageinfo{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; color : Black; vertical-align: top; text-align: left;}

/* The whole container for the browse image screen (may be useful for a fancy background) */
div.browseimage {  background: White;  width: 100%;}

div.imagetitle { font-size: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; color : darkblue; margin-bottom: 10px;}
div.gallerylink {}
div.showimage { text-align: center;  margin-top: 20px;  margin-bottom: 5px;}

div.imageinfo {  text-align: center;  margin-top: 10px;  margin-bottom: 10px;}
td.imageinfo {}
table.tableinfo {  text-align: center; }
div.linksinfo {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 9px;  color : Black;  text-align: center;  border: 0px solid black;  margin-top: 10px;  margin-bottom: 10px;}

/******************************************************* WEBLOGS **********************************************************/

/* Weblog visualization */

/* The header of a weblog post */
div.posthead {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 13px;  color: black;  font-weight: bold;
  overflow: hidden;
  border: 0px solid black;
  border-bottom: 1px solid gainsboro;
  text-align: center;
  padding-left: 0px;  padding-right: 0px;
  margin-left: 10px;
  margin-bottom: 0px;
  width: 98%;
}

/* The font used in the heading of the weblog */
span.posthead {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 13px;  font-weight: bold;  color: black;}

/* The post body */
div.postbody {
  overflow: hidden;
  border: 0px solid black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 13px;  color: black;
  padding-left: 0px;padding-top: 5px; padding-bottom: 25px;
  width: 98%;
  margin-bottom: 10px;
  margin-left: 14px;
}

/* The weblog title */
div.blogtitle {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;

  color: darkblue;
font-size: 22px;
  height: 25px;
  width: 98%;
  padding-left: 10px;
  padding-right: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 0px solid blue;
  border-bottom: 0px;
}


/* Weblog description */
div.blogdesc {
  background: white;
  border: 0px solid black;
  padding-left: 14px;
  padding-right: 0.8em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 10px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  width: 98%;
  clear: both;
}

div.blogtools {
  background: beige;
  border: 2px solid gainsboro;
  padding-left: 0.8em;
  padding-right: 0.8em;
  padding-top: 0.5em;
  padding-bottom: 10px;
  margin-left: 10px;
  margin-bottom: 20px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  width: 98%;
  clear: both;
}


/**************************************************** FILE GALLERIES ****************************************************/

/****************************************************** CMS ***************************************************************/

/* The article title bar */
div.articletitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: darkblue; font-size: 11px; font-weight : bold;
  border: 0;
  border-bottom: 0px;
  padding-left: 0.8em;
  padding-right: 0.8em;
  padding-top: 0em;
  padding-bottom: 0.5em;
  margin-top: 0px;
  clear: both;
}

/* The article heading */
div.articleheading {
  background: white;
  border: 0px solid black;
  border-bottom: 0px solid black;
  padding-left: 0.8em;
  padding-right: 0.8em;
  padding-top: 0.5em;
  padding-bottom: 40px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 140%;
  clear: both;
}

/* Text in the article heading */
span.articleheading {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;    font-size: 12px;
  line-height: 140%;
}


/* The body */
div.articlebody {
  clear: both;
  height: auto;
  background: white;
  border: 0px solid black;
  padding-left: 0.8em;
  padding-right: 0.8em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 140%;
}


div.articletrailer {
  background: white;
  border: 0px solid black;
  border-bottom: 1px dashed black;
  border-top: 0px solid black;
  padding-left: 0.8em;
  padding-right: 0.8em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 20px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  clear: both;
}

/* The article title */
span.titlea {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 18px; }

/* The author, date and number of reads */
span.titleb {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 13px;}

/* The trailer */
span.trailer {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 13px;  font-weight: bold;}


/******************************************************* CALENDAR **********************************************************/


/*************************************************** COMMENTS **************************************************************/


/************************************************************ CHAT *********************************************************/


/********************************************************** RSS MODULES *****************************************************/

/********************************************************** POLLS ********************************************************/

/***************************************************** FORUMS *****************************************************/

/************************************************ CATEGORIES **************************************************************/

/* Table containing the category path */
table.tcategpath { border-spacing: 0px;  padding-right: 0px; margin-bottom: 0px; border-color: #00639C; border-style: solid; border-width: 0px; width: 97%;}
td.tdcategpath {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: lightsalmon; font-size: 13px;
  padding-left: 20px;
  margin: 0px;
  border-spacing: 0px;
  padding-right: 5px;}

/* Links to up/top categories */
.categpath {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 13px;  color : black;  text-decoration: none;}
.categpath:active {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 13px;  color : #FFA34F;  text-decoration: none;}
.categpath:hover {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 13px;  color : darkred;  text-decoration: underline;}

/***************************************************** FAQS **************************************************************/

/***************************************************** QUIZZES **************************************************************/


/***************************************************** SHOUTBOX **************************************************************/