

/* 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: #ffffff; font-family: Verdana; font-size: 10px; }

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 .border 					{ padding: 5px 10px 5px 10px }


/* Articles Styles
========================================================================= */

span.fontsTitle					{ color: #000000; 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: normal; font-style: normal; font-variant: normal; text-decoration: none; ; text-transform: none }
div.fontsTitle					{ padding: 0px 0px 10px 0px; color: #000000; 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: normal; font-style: normal; font-variant: normal; text-decoration: none; ; text-transform: none }
td.fontsContent,span.fontsContent,div.fontsContent { color: #ffffff; font-family: Verdana; font-size: 10px; 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 - 2008
 * 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; 
	 background-color: #2C2B27;
	 font-size: 12px;
	 font-family: Verdana;
}

img
{
	border-width: 0px;
}

/* Link styles
========================================================================= */
a.normal
{
	text-decoration: none;
}

/* Menu styles
========================================================================= */

span.menuItem						{ color: ; font: 12 Verdana; text-decoration: none; text-transform: none; }
td.menuMain							{ height: 25px; background-color: #2C2B27;}
td.menuItem							{ padding: 0px 7px 0px 7px; height: 25px; }

span.menuItemActive			
{ 
	white-space: nowrap; 
	color: #FFFFFF; 
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	text-transform: none; 
}
span.menuItemOver				
{
	white-space: nowrap;  
	font: 13px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline; 
	text-transform: none; 
}

span.submenuItem
{
	font: 13px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #000000;
}

span.submenuItemOver
{
	font: 13px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline;
	color: #000000;
}

span.submenuItemActive
{
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #EF171F;
}

a
{
	color: #FFFFFF;
	text-decoration: none;
}

/* Footer styles
========================================================================= */

td.footer
{
	padding: 2px 5px 2px 5px; 
	text-align: left; 
	background-image: url("../design/images/footer/bas.jpg"); 
	background-repeat: repeat-x; 
}
span.annotation				
{ 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	text-transform: none;
}

/* Class selector
========================================================================= */
div.borders
{
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	width: 1003px;
}


/* Layers
========================================================================= */

#banner
{
	background-image: url(../design/images/banner.jpg);
	width: 1003px;
	height: 175px;
	z-index: 1;
}

#menu
{
	background-color: #2C2B27;
	width: 1003px;
	height: 29px;
	text-align: left;
}

#content
{
	width: 1003px;
	height: auto;
	background-image: url(../design/images/degra_content.jpg);
	background-repeat: repeat-x;
	background-color: #EAF2F4;
	background-position: bottom;
	text-align: left;
	overflow: auto;
}

#down
{
	width: 1003px;
	height: 38px;
	background-color: #000000;
	text-align: left;
	padding-top: 2px;
	letter-spacing: 24px;
	text-align: center;
}

#lang
{
	text-align: right;
	font-size: 12px;
	padding-right: 11px;
	padding-top: 10px;
}

#logo
{
	padding-top: 15px;
	padding-bottom: 15px;
	width: 1003px;
}


/* ThemeMoonMenu Style Sheet */

.ThemeMoonMenu,.ThemeMoonSubMenuTable
{
	font-family: Verdana;
	font-size: 12;
	color: #ffffff;
	background-color: #2C2B27;

	padding: 0px;

	cursor: default;
}

.ThemeMoonSubMenu
{
	position: absolute;
	visibility: hidden;

	border: 0;
	padding: 0px;
}

.ThemeMoonSubMenuTable
{
	border-top: none;
	border-top: 1px solid #696969;
	border-bottom: 1px solid #696969;
	border-left: 1px solid #696969;
	border-right: 1px solid #696969;
}

.ThemeMoonMenu td
{
	
}



.ThemeMoonMainItem,.ThemeMoonMainItemHover,.ThemeMoonMainItemActive,
.ThemeMoonMenuItem,.ThemeMoonMenuItemHover,.ThemeMoonMenuItemActive
{
	white-space: nowrap;
	padding: 0px 0px 0px 0px;
}

td.ThemeMoonMainItemHover
{
	color: #ffffff;
	background-color: #ffffff;
	color: #2C2B27;
}

.ThemeMoonMenuItemLeft, .ThemeMoonMenuFolderLeft
{
	padding: 0px;
	border-top: 0px solid #696969;
}
.ThemeMoonMenuItemText, .ThemeMoonMenuFolderText
{
	padding: 5px 5px 5px 15px;
	border-top: 0px solid #696969;
	white-space: nowrap;
}
.ThemeMoonMenuItemRight, .ThemeMoonMenuFolderRight
{
	padding: 5px 7px 5px 5px;
	border-top: 0px solid #696969;
}
.ThemeMoonMenuItemHover
{
	color: #ffffff;
	background-color: #ffffff;
	color: #2C2B27;
}

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: #2C2B27;
}

.ThemeMoonMainFolderText,.ThemeMoonMainItemText
{
	padding: 0px 10px 0px 10px;
	display: block;
	white-space: nowrap;
}


