/******************************************************************************
GLOBAL STYLESHEET VIPlab
Created: 11/11/2005 by Tom Kooy
Modified: 05/05/2006 by Tom Kooy

NAMING CONVENTI0N:
element | function | descriptor

Use lowercase letters for first word,
the capital letters for each additional word.

example:link yellow = lnkYlw
	link yellow bold = lnkYlwBld

ABREVIATIONS:
prim			primary
sec				secondary
ter				tertiary
img				image	
nav				navigation
tbl				table	
lnk				link
hdr				header
lg				large
wht				white
blu				blue
ylw				yellow
dbl				double
lft				left
mdl				middle
rgt				right
frm				frame
hvr				hover
********************************************************************************/

/* Definition of colors 
.primColor	{color: #330099;}
.secColor	{color: #FFB200;}
.terColor	{color: #CCCCCC;}
*/

/* Definition content*/
body 			{margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px;}
p 				{font-size: 11px; letter-spacing: 0.01em; text-align: left; line-height: 15px; word-spacing: normal;}
li 				{font-size: 10px; line-height: normal; font-weight: normal; list-style: circle url(../images/drawings/square_yellow.jpg);}
.post			{font-size: 9px; color: #CCCCCC;}
.image			{float: right;}
	
/* Links */
a 				{text-decoration: none; font-weight: bold; color: #330099; font-size: 10px;}
a:hover			{color: #FFB200; font-size: 10px;}
a.lnkNav 		{color: #FFFFFF; font-size: 10px;}
a.lnkNav:hover 	{font-size: 10px; color: #FFB200;}
a.lnkLoc 		{color: #330099; font-size: 9px;}
.lnkCurrent 	{font-size: 9px; font-weight: bold;}
.lnkTxt 		{font-size: 11px; color: #330099;}
.lnkTxt:hover	{font-size: 11px; color: #FFB200;}
.lnkRgt 		{text-align: right;}

/* Headers */
h1 				{font-size: 12px; color: #000000; font-weight: bold;}
h2 				{font-size: 11px; font-weight: bold; color: #000000;}
.logoSubTtl 	{color: #330099; text-transform: uppercase; font-size: 16px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-style: normal;}
.tblHdrBlu 		{background: #330099; text-align: center; vertical-align: top;}
.tblHdrYlw 		{background: #FFB200; text-align: center; vertical-align: top;}
.hdrWhtLg 		{font-size: 20px; font-weight: bold; color: #FFFFFF; text-decoration: none; text-transform: uppercase; letter-spacing: 0.2em; margin: 3px; padding: 0px; text-align: center;}
.hdrYlwLg 		{font-size: 20px; font-weight: bold; color: #FFB200; text-decoration: none; text-transform: uppercase; letter-spacing: 0.2em; margin: 3px; padding: 0px; text-align: center;}
.hdrBluLg 		{font-size: 20px; font-weight: bold; color: #330099; text-decoration: none; text-transform: uppercase; letter-spacing: 0.2em; margin: 3px; padding: 0px; text-align: center;}

/* Table design*/
.tblNav 		{background: #330099; margin: 3px; padding-left: 5px; width: 20%; height: 20px;}
.tblNavFull 	{background: #330099; margin: 3px; padding-left: 3px; width: 20%; height: 20px; border: 1px #330099;}

/**************************** Definition Recurring Navigation Frame **********************************/

/* Hide links to skip navigation */
#hide 			{visibility: hidden;}

/* Wrapper */
#wrapper 		{margin: 0px; padding: 0px; width: 1000px;}

/* Top corner */
#logoMain 		{margin: 5px;}

/* Placement of logos EGM en Interreg */
#logos 			{float: right;}

/* First navigation row */
#topHeader 		{margin-top: 10px; padding-bottom: 1px; background: #CCCCCC; height: 15px; border-top: 1px solid #330099; border-bottom: 1px none #330099; z-index: 1; }

/* Frame for the images row */
#imgFrame 		{background: #330099; height: 100px; border-top: 1px solid #330099; z-index: 2;}
#rightImage		{float: right;}

/* Second navigation row */
#navBar 		{height: 25px;}

/* Location row */
#locBar 		{height: 15px; top: 15px; padding-left: 5px;}

/* Content */
#content		{position: relative;}

/* XHTML validator on front page */ 
#XHTML			{position: absolute; height: auto; width: auto; overflow: hidden; visibility: visible; left: 5px; bottom: 5px;}			

/**************************** Global positioning schema for the content pages**********************************/
#lftFrm 		{position: absolute; width: 190px; left: 0px; top: 250px; margin: 3px; padding: 5px; height: auto; overflow: hidden;}
#mdlFrm1 		{position: absolute; width: 190px; left: 200px; top: 250px; margin: 3px; padding: 5px; height: auto; overflow: hidden;}
#mdlFrm2 		{position: absolute; width: 190px; left: 400px; top: 250px; margin: 3px; padding: 5px; height: auto; overflow: hidden;}
#mdlFrm3 		{position: absolute; width: 190px; left: 600px; top: 250px; margin: 3px; padding: 5px; height: auto; overflow: hidden;}
#mdlFrmDbl1		{position: absolute; width: 400px; left: 200px; top: 250px; margin: 3px; padding: 5px; height: auto; overflow: hidden;}
#mdlFrmDbl2		{position: absolute; width: 400px; left: 400px; top: 250px; margin: 3px; padding: 5px; height: auto; overflow: hidden;}
#mdlFrmLg 		{position: absolute; width: 600px; left: 200px; top: 250px; margin: 3px; padding: 5px; height: auto; overflow: hidden;}
#rgtFrm 		{position: absolute; width: 190px; left: 800px; top: 250px; margin: 3px; padding: 5px; height: auto; overflow: hidden;}

/************************************* Sitemap additions stylesheet ******************************************************/
/* Backgrounds for the table */

.tblFillH1 		{background: #330099; margin: 5px; padding: 3px 2px;}
.tblFillGry 	{background: #CCCCCC; padding: 3px 2px; border-top: 1px #330099; border-right: 1px solid #330099; border-bottom: 1px solid #330099;
				border-left: 1px solid #330099;}
.tblFillWht 	{background: #FFFFFF; margin: 5px; padding: 3px 2px; border-top: 1px #330099; border-right: 1px solid #330099;
				border-bottom: 1px solid #330099; border-left: 1px solid #330099;}

/* Links definition for text (Here all links) */

.tblLnkH1 		{font-size: 10px; font-weight: bold; color: #FFFFFF;}
.tblLnk 		{font-size: 10px; font-weight: bold;}
.tblHdr 		{font-size: 10px; font-weight: bold; color: #000000;}

/****************************** Agenda and Resources additions stylesheet **********************************************/

/* Table definitions */
th 				{font-size: 10px; font-weight: bold; color: #000000; vertical-align: middle; line-height: 30px; text-align: left;}
.tblGry			{margin: 4px; text-align: left; vertical-align: top; padding: 8px; background: #CCCCCC; font: 11px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.01em; border: 1px none #330099;}
.tblWht 		{margin: 4px; text-align: left; vertical-align: top; padding: 8px; background: #FFFFFF; font: 11px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.01em; border: 1px none #330099;}
.tblGryHdr 		{margin: 4px; text-align: left; vertical-align: top; padding: 8px; background: #CCCCCC; font: bold 10px Verdana, Arial, Helvetica, sans-serif; border-top: 1px none #330099; border-right: 1px none #330099; border-bottom: 1px solid #330099; border-left: 1px none #330099;}
.tblBorder 		{border: 1px solid #330099;}
td 				{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px;}

/************************************* Contact additions stylesheet **********************************************/

/* Table definitions */
.tblGryCon 		{margin: 5px; text-align: left; vertical-align: top; padding: 3px; background: #CCCCCC; border: 1px solid #330099; font: 10px Verdana, Arial, Helvetica, sans-serif;}
.tblWhtCon		{margin: 5px; text-align: left; vertical-align: top; padding: 3px; background: #FFFFFF; font: 10px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.01em; border-top: 1px none #330099; border-right: 1px solid #330099; border-bottom: 1px solid #330099; border-left: 1px solid #330099;}
.tblRowEmp 		{border: none; height: 5px;}
.tblColEmp 		{border: none; width: 10px;}
.tblHdrBlck 	{margin: 5px; text-align: left; vertical-align: middle; padding: 3px; background: #FFFFFF; font: 10px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.01em; border-top: 1px none #330099; border-right: 1px solid #330099; border-bottom: 1px solid #330099; border-left: 1px solid #330099; color: #000000;}

.right			{float: right;}
.left			{float: left;}