/* Shared styles
========================================================================= */

table.main						{ width: 800px; border-collapse: collapse; }


table.fullWidth					{ width: 100%; border-collapse: collapse; }
div.fullWidth					{ width: 100%; border-collapse: collapse; }

table.fullwidthHeight			{ width: 100%; height: 100%; border-collapse: collapse; }
.fullwidthHeight				{ width: 100%; height: 100%;  }

table.normal					{ width: auto; height: auto; border-collapse: collapse; }

table.left						{ float: left; border-collapse: collapse; }
table.center					{ margin: auto; border-collapse: collapse; }
table.right						{ float: right; border-collapse: collapse; }

*html td.left					{ text-align: left; }
*html td.center					{ text-align: center; }
*html td.right					{ text-align: right; }

td.textRight					{ text-align: right; }
td.textLeft						{ text-align: left; }

span.language					{ font: 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }
span.languageBold				{ font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }

/* Content Styles
========================================================================= */

td.article						{ color: #000000; font-family: Verdana; font-size: 12px; }

td.contentLarge1col				{ width: 100%; height: 300px; padding: 5px 10px 5px 10px; vertical-align: top; }
td.contentLarge2col				{ width: 70%; height: 300px; padding: 5px 10px 5px 10px; vertical-align: top; }
td.contentLarge3col				{ width: 60%; height: 300px; padding: 5px 10px 5px 10px; vertical-align: top; }
td.contentSmall2col				{ width: 30%; height: 300px; padding: 5px 10px 5px 10px; vertical-align: top; }
td.contentMedium2col			{ width: 50%; height: 300px; padding: 5px 10px 5px 10px; vertical-align: top; }
td.contentSmall3col				{ width: 20%; height: 300px; padding: 5px 10px 5px 10px; vertical-align: top; }
td.contentMedium3col			{ width: 33%; height: 300px; padding: 5px 10px 5px 10px; vertical-align: top; }

.contentLarge1col				{ width: 100%; padding: 5px 10px 5px 10px; }

.cols							{ width: 100% }
.cols .col						{ float:left; overflow-x:hidden;}

.cols .large1					{ width: 100%; }
.cols .large2					{ width: 70%; }
.cols .medium2					{ width: 50%; }
.cols .small2					{ width: 30%; }
.cols .large3					{ width: 60%; }
.cols .medium3					{ width: 33%; }
.cols .small3					{ width: 20%; }

.col .content 					{ }


/* Articles Styles
========================================================================= */

span.fontsTitle					{ color: #ffa500; font-family: Verdana; font-size: 14px; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none }
span.fontsSubtitle				{ color: #000000; font-family: Verdana; font-size: 12px;  font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; ; text-transform: none }
div.fontsTitle					{ padding: 0px 0px 10px 0px; color: #ffa500; font-family: Verdana; font-size: 14px; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none }
div.fontsSubtitle				{ padding: 0px 0px 10px 0px; color: #000000; font-family: Verdana; font-size: 12px;  font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; ; text-transform: none }
td.fontsContent,span.fontsContent,div.fontsContent { color: #000000; font-family: Verdana; font-size: 12px; text-decoration: none; text-transform: none }

/* Breadcrumb styles
========================================================================= */

span.breadcrumb					{ color: #999999; font-family: Verdana; font-size: 9px; text-decoration: none; text-transform: none  }

/* Footer styles
========================================================================= */

td.powered						{ padding: 0px 5px 0px 5px; }

/*
 * *********************************************************************
 * Copyright 2005 - 2007
 * Center for Engineering and Technology Transfer of the HEIG-VD (CeTT)
 *
 * KEO is developed by CeTT (Switzerland). The code and all underlying
 * concepts and data models are owned fully and exclusively by CeTT and
 * are protected by copyright law and international treaties.
 *
 * Warning: Unauthorized reproduction, use or distribution of this
 * program, concepts, documentation and data models, or any portion of
 * it, may result in severe civil and criminal penalties, and will be
 * prosecuted to the maximum extent possible under the law.
 * *********************************************************************
*/

/* Shared styles
========================================================================= */

html, body							{ cursor:default; height: 100%; margin: 0px; padding: 0px; border: 0px; text-align: center; border-collapse: collapse; background-color: #d3d3d3; }
table								{ text-align: left; }
table.normal						{ border-collapse: collapse; }
table.fullSize						{ width: 100%; }
table.left							{ float: left; }
table.center						{ margin: auto; }
table.right							{ float: right; }

img.left								{ vertical-align: middle; margin-right: 20px; border: 0px; }
img.right							{ vertical-align: middle; margin-left: 20px; border: 0px; }
img.bullet							{ vertical-align: middle; margin-right: 4px; border: 0px; }

a.normal								{ text-decoration: none; }

*html td.tableLeft				{ text-align: left; }
*html td.tableCenter				{ text-align: center; }
*html td.tableRight				{ text-align: right; }


/* Text styles
========================================================================= */



span.annotation					{ color: #000000; font: Verdana; text-decoration: none; text-transform: none; }
span.annotationLine				{ color: #000000; font: Verdana; text-decoration: underline; text-transform: none; }
span.annotationBold				{ color: #000000; font: bold Verdana; text-decoration: none; text-transform: none; }
span.annotationItalic			{ color: #000000; font: italic Verdana; text-decoration: none; text-transform: none; }
span.annotationLink				{ color: #0000ff; font: Verdana; text-decoration: underline; text-transform: none; }

span.text							{ color: #000000; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }
span.textLine						{ color: #000000; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; text-transform: none; }
span.textBold						{ color: #000000; font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }
span.textItalic						{ color: #000000; font: italic 11px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }
span.textLink						{ color: #0000ff; font: Verdana; text-decoration: underline; text-transform: none; }

span.subtitle						{ color: ; font: 8px , sans-serif; text-decoration: none; text-transform: none; }
span.title							{ color: ; font: bold 18px , sans-serif; text-decoration: none; text-transform: none; }

div.bannerSubtitle					{ color: #d3d3d3; font: 16px Verdana, sans-serif; text-decoration: none; text-transform: none; }
div.bannerTitle						{ color: #d3d3d3; font: bold 24px Verdana, sans-serif; text-decoration: none; text-transform: none; }

/* Menu styles
========================================================================= */

span.menuItem						{ color: ; font: 12 Verdana; text-decoration: none; text-transform: none; }
td.menuMain							{ height: 25px; background-color: #de9f11;}
td.menuItem							{ padding: 0px 7px 0px 7px; height: 25px; }

/* Banner styles
========================================================================= */

td.banner							{ width: 800px; height: 175px;  background-image: url(../resources/img/design/banner.gif) ; background-color: #f5f5f5; }

/* Content styles
========================================================================= */

table.mainContent					{ width: 800px; height: auto; }
td.contentLanguage					{ padding: 10px 10px 0px 10px; background-color: #ffffff; }
td.content							{ height: 300px; padding: 0px; background-color: #ffffff; }


/* ThemeMoonMenu Style Sheet */

.ThemeMoonMenu
{
	font-family: Tahoma;
	font-size: 14;
	color: #ffffff;
	background-color: #de9f11;

	padding: 0px;
	cursor: default;
	
	 background-image: url(../resources/orange.jpg) ; 
	background-repeat: repeat-x;
}

.ThemeMoonSubMenuTable
{
	font-family: Tahoma;
	font-size: 12;
	color: #ffffff;
	background-color: #de9f11;

	padding: 0px;
	cursor: default;
	
	 background-image: url(../resources/orange.jpg) ; 
	background-repeat: repeat-x;
	
	border-top: none;
	border-top: 1px solid #de9f11;
	border-bottom: 1px solid #de9f11;
	border-left: 1px solid #de9f11;
	border-right: 1px solid #de9f11;
}

.ThemeMoonSubMenu
{
	position: absolute;
	visibility: hidden;

	border: 0;
	padding: 0px;
}

.ThemeMoonMenu td
{
	 background-color: #de9f11;
}



.ThemeMoonMainItem,.ThemeMoonMainItemHover,.ThemeMoonMainItemActive,
.ThemeMoonMenuItem,.ThemeMoonMenuItemHover,.ThemeMoonMenuItemActive
{
	white-space: nowrap;
	padding: 0px 0px 0px 0px;
}

td.ThemeMoonMainItemHover
{
	color: #ffffff;
	background-color: #808080;
}

.ThemeMoonMenuItemLeft, .ThemeMoonMenuFolderLeft
{
	padding: 0px;
	border-top: 0px solid #dd9e10;
}
.ThemeMoonMenuItemText, .ThemeMoonMenuFolderText
{
	padding: 5px 5px 5px 15px;
	border-top: 0px solid #dd9e10;
	white-space: nowrap;
}
.ThemeMoonMenuItemRight, .ThemeMoonMenuFolderRight
{
	padding: 5px 7px 5px 5px;
	border-top: 0px solid #dd9e10;
}
.ThemeMoonMenuItemHover
{
	color: #ffffff;
	background-color: #808080;
}

td.ThemeMoonMenuSplit
{
	overflow: hidden;
	background-color: inherit;
}

div.ThemeMoonMenuSplit
{
	height: 100px;
	margin: 1px 0px 1px 0px;
	overflow: hidden;
	background-color: inherit;
	border-top: 1px solid white;
}

.ThemeMoonMenuVSplit
{
	width: 2px;
	height: 25px;
	display: block;
	background-color: #d3d3d3;
}

.ThemeMoonMainFolderText,.ThemeMoonMainItemText
{
	padding: 0px 10px 0px 10px;
	display: block;
	white-space: nowrap;
}