a:link
{
	color: rgb(0,102,102); 
}
a:visited
{
	color: rgb(0,153,153); 
} 
a:active 
{
	color: rgb(255,102,0);
}

a:link
{
	color: #204000;
	text-decoration: none;
}
a:visited
{
	color: #204000;
	text-decoration: none;
} 
a:active
{
	color: #336600;
	text-decoration: none;
	font-weight: bold;
}	
a:hover
{
	color: #336600;
	text-decoration: none;
	font-weight: bolder;
}

body
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	background-color: rgb(255, 255, 255);
	background-color: #F4FFEA;
	color: rgb(0,0,102);
	font-size: 14px;
/*	background-image: url(../images/fairplay.gif);*/
}
.oproep
{
	font-family: 'Times New Roman' , Times, serif;
	background-color: #BBFF7D;
	color: rgb(102, 102, 102);
	font-size: 14px;
	text-align: center;
}
.oproep p
{
	font-size: 18px;
}
.memoriam
{
	font-family: 'Times New Roman' , Times, serif;
	/*background-color: #DADADA;*/
	background-color: #CC99FF;
	color: rgb(102, 102, 102);
	font-size: 14px;
	text-align: center;
}
.kerst
{
	font-family: 'Times New Roman' , Times, serif;
	background-color: #009933;
	color: rgb(255, 204, 204);
	font-size: 14px;
	text-align: left;
}
.kerst_main
{
	font-family: 'Times New Roman' , Times, serif;
	background-color: #009933;
	color: rgb(255, 204, 204);
	font-size: 16px;
	font-style: italic;
	text-align: center;
}
.gecentreerd
{
	font-family: 'Times New Roman' , Times, serif;
	font-size: 14px;
	text-align: center;
}
h1, h2, h3, h4, h5, h6
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
}
h1
{
	font-size: 26px;
	color: #204000;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: -5px;
}
h1 .memoriam
{
	font-size: 26px;
}
h2 .kerst, h3 .kerst
{
	color: #CCCC00;
	margin-top: 5px;
}
{
	color: #336600;
	margin-top: 5px;
}
h2
{
	margin-bottom: 5px;
}
h3
{
	margin-bottom: -10px;
}
h4
{
	color: #336600;
	margin-top: 5px;
	/*margin-bottom: -16px;*/
}
h5
{
	color: rgb(0,0,102);
	margin-bottom: -16px;
}
h6
{
	color: rgb(153,0,0);
}
.figuur
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
}
.commentaar
{
	color:Blue;
	font-weight: bold;
}
.spelregelwijziging
{
	margin-left:24px;
}

/*********************************************************************************/
/* Opmaak voor thumbnails                                                        */
/*                                                                               */
.thumbnail
{
	border-right: #2a2a2a 1px solid;
	padding-right: 3px;
	border-top: #2a2a2a 1px solid;
	padding-left: 3px;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-left: #2a2a2a 1px solid;
	margin-right: 10px;
	padding-top: 3px;
	border-bottom: #2a2a2a 1px solid;
	background-color: #204000;
}
.thumbnail img
{
	border-width: 0px;
	border-color: white;
}
/*********************************************************************************/
/* Opmaak voor nieuws items                                                      */
/*                                                                               */
#nieuws a:link
{
	margin-left: 40px;
	font-style: italic;
	color: #204000;
	text-decoration: none;
}
#nieuws a:visited
{
	margin-left: 40px;
	font-style: italic;
	color: #204000;
	text-decoration: none;
} 
#nieuws a:active
{
	margin-left: 40px;
	font-style: italic;
	color: #336600;
	text-decoration: none;
	font-weight: bold;
}	
#nieuws a:hover
{
	margin-left: 40px;
	font-style: italic;
	color: #336600;
	text-decoration: none;
	font-weight: bolder;
}
#nieuws h4
{
	color: #336600;
	margin-top: 5px;
	margin-bottom: -10px;
	margin-top: -2px;
}
#nieuws p
{
	margin-bottom: -2px;
}
/*********************************************************************************/
/* Opmaak voor bestuur en commissie                                              */
/*                                                                               */
.bestuur
{
	border-style: none;
	border-width: 0px;
	background-color: #F4F4F4;
}
.bestuurslid
{
	vertical-align: text-top;
	font-size: 16px;
	color: #204000;
	background-color: #ECFFD9;
}
.bestuurslidfoto
{
	width: 300px;
	text-align: center;
	background-color: #ECFFD9;
}
.bestuurslidruimte
{
	width: 20px;
	background-color: #C0FF82;
}
.bestuursitem
{
	color: #204000;
	vertical-align: text-top;
	width:200px;
	background-color: #ECFFD9;
}
.bestuursitemwaarde
{
	color: #204000;
	vertical-align: text-top;
	width: 300px;
	background-color: #ECFFD9;
}
/*                                                                               */
/*********************************************************************************/

.groep
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 14px;
	color: #0000FF;
	font-weight: bold;
	font-variant: small-caps;
}
.groepitem, .groepitem-hover, groepitem-selected
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 12px;
	color: #336600; /*rgb(0,102,102);*/
	vertical-align: text-top;
	width: 80px;
	cursor: pointer;
}
.groepitem-hover
{
	color: #52A400;
	color: #204000;
	font-weight: bold;
}
.groepitem-selected
{
	color: #204000;
	font-weight: bold;
/*	color: red;*/
}

.smaller
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 10px;
}

.websitetitle
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	/*background-color: #DDFFBB;*/
	background-color: Transparent;
	font-size: 42px;
	/*color: #204000;*/
	color: Silver;
	font-weight: bold;
	text-align: center;
}
.inhoudpane
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	/*background-color: #DDFFBB;*/
	background-color: Transparent;
	color: rgb(0,0,102);
	font-size: 12px;
/*
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #808080;
*/	
}
.logopane
{
	background-color: #DDFFBB;
}
.toppane
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	background-color: #DDFFBB;
	font-size: 14px;
	color: #204000;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #808080;
	background-image: url(../images/topimage.jpg);
/*	background-repeat: no-repeat;*/
}
.toppane h1
{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Fonts of main menu items */
	font-size: 22px;
}
/* .gwt-p wordt gebruikt door gwt apps om paragraph settings te kunnen geven. */
p, li, .gwt-p
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 12px;
}
table
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 12px;
	table-border-color-light: rgb(102,204,204);
	table-border-color-dark: rgb(0,102,102); 
}
table .datum
{
/*	border: thin solid #0000FF;*/
	background-color: #FFFFFF;
	table-layout: fixed;
}
td .datumMaand
{
	background-color: #008000;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
td .datumMaandBestuur
{
	background-color: #004000;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
td .datumDag
{
	background-color: #FFFFFF;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
	font-size: 24px;
}
td .datumDagKlein
{
	background-color: #FFFFFF;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
	font-size: 12px;
}
td .datumJaar
{
	border-color: #0000FF;
	background-color: #FFFFFF;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
	font-size: 12px;
	border-top-style: dotted;
}
/*
		<table border="0" frame="box" style="border-style: solid; border-width: thin">
		<col width="60" />
			<tr bgcolor="red">
			<td align="center"><font color="white"><b>Januari</b></font></td>
			</tr>
			<tr>
			<tr bgcolor="white" color="blue" align="center">
			<td><font size="12px"><b>10</b></font></td>
			</tr>
		</table>
*/

/*********************************************************************************/
/* Opmaak voor de oude doos                                                      */
/*                                                                               */
.oudedoos
{
	background-position: center center;
	background-image: url(../images/covs_spelregelvragen_oud.jpg);
	background-repeat: no-repeat;
}

.intro
{
	font-size: 14px;
	font-style: italic;
}
.fout
{
	text-decoration: line-through;
	color: #FF0000;
}

/*                                                                               */
/*********************************************************************************/

/*********************************************************************************/
/* Opmaak voor de meeste tabellen                                                */
/*                                                                               */
.standaardtabel
{
	border-style: none;
	border-width: 0px;
	background-color: #F4F4F4;
}
.header, .wieisheader
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 14px;
	color: #204000;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #808080;
}
.item-even, .item-even-small, .item-evenX
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 12px;
	color: #204000;
	vertical-align: text-top;
	background-color: #F8FFF0;
/*	background-color: #DDFFBB;*/
}
.item-even-small
{
	font-size: 6px;
}
.item-oneven, .item-onevenX
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 12px;
	color: #204000;
	vertical-align: text-top;
	background-color: #EEFFDD;
/*	background-color: #CCFF99;*/
}
.item-evenX, .item-onevenX
{
	color: #54A800;
}
.itemuitleg-even
{
	font-size: 12px;
	color: #0033CC;
	vertical-align: text-top;
	background-color: #F8FFF0;
/*	background-color: #DDFFBB;*/
	font-style: italic;
}
.itemuitleg-oneven
{
	font-size: 12px;
	color: #0033CC;
	vertical-align: text-top;
	background-color: #EEFFDD;
/*	background-color: #CCFF99;*/
	font-style: italic;
}
.itemnummer
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 16px;
	color: #000000;
	vertical-align: text-top;
	width:40px;
}
/*                                                                               */
/*********************************************************************************/


/*********************************************************************************/
/* Opmaak voor spelregels                                                        */
/*                                                                               */
.maandindicatie
{
	font-family: Comic Sans MS, Arial, Helvetica;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #336600;
}

.antwoord-ok
{
	color: Green;
	font-weight: bold;
}
.antwoord-fout
{
	color: Red;
	font-weight: bold;
}
.antwoord-grijs
{
	color: Gray;
}
/*                                                                               */
/*********************************************************************************/

/*********************************************************************************/
/* Opmaak voor nieuws en nieuws archief                                          */
/*                                                                               */
table .nieuwsarchief
{
	border-style: none;
	border-width: 0px;
	background-color: #C0C0C0;
}
.nieuwsmaand
{
	font-size: 14px;
	color: #0000FF;
	font-weight: bold;
	font-variant: small-caps;
}
.nieuwsdatum
{
	font-size: 12px;
	color: #000000;
	vertical-align: text-top;
	width: 100px;
}
.nieuwsgroep
{
	font-size: 12px;
	color: #FF0000;
	vertical-align: text-top;
	width: 140px;
}
.nieuwsitem
{
	font-size: 12px;
	color: #000000;
	vertical-align: text-top;
}
/*                                                                               */
/*********************************************************************************/

/*********************************************************************************/
/* Opmaak voor wie is (aanvullende opmaak)                                       */
/*                                                                               */
.wieis
{
	border-top-style: dashed;
	border-left-style: dashed;
	border-left-width: 1px;
	border-top-width: 1px;
	border-top-color: #CCFF99;
	border-left-color: #CCFF99;
}

.wieisheader
{
	padding-top: 20px;
}
/*                                                                               */
/*********************************************************************************/

.aanstellingen
{
/*
	border-style: none;
	border-width: 0px;
	background-color: #F4F4F4;
*/
	border-top-style: dashed;
	border-left-style: dashed;
	border-left-width: 1px;
	border-top-width: 1px;
	border-top-color: #CCFF99;
	border-left-color: #CCFF99;
}
.aanstellingentabel
{
	border-style: none;
	border-width: 0px;
	background-color: #F4F4F4;
}
.header
{
	font-size: 14px;
	color: #204000;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #808080;
}
.aanstellingenitem
{
	font-size: 12px;
	color: #204000;
	vertical-align: middle;
	height: 20px;
}
.aanstellingenitem-even
{
	font-size: 12px;
	color: #204000;
	vertical-align: middle;
	background-color: #DDFFBB;
	height: 20px;
}
.aanstellingenitem-oneven
{
	font-size: 12px;
	color: #204000;
	vertical-align: middle;
	background-color: #CCFF99;
	height: 20px;
}

.Xmenukader {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; FONT: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; BORDER-LEFT: #999 1px solid; COLOR: #000; PADDING-TOP: 0px; HEIGHT: 20px; BACKGROUND-COLOR: #e3e3e3
}
.Xmenukaderbottom {
	BORDER-TOP: #999 1px solid
}
.menukader
{
	border-right: #999 1px solid;
	padding-right: 0px;
	border-top: #999 1px solid;
	padding-left: 5px;
	padding-bottom: 0px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-left: #999 1px solid;
	color: #000;
	padding-top: 0px;
	height: 20px;
	width: 120px;
	background-color: #CCFF99;
/*  background: #CCFF99 url(../images/groen_gradient.png) repeat-x;*/
	border-top-color: #008000;
	border-right-color: #008000;
	border-left-color: #008000;
}
.menukaderbottom {
	BORDER-TOP: #008000 1px solid
}
A.menuitem
{
	height: 18px;
}
A.menuitem:link {
/*  background: #CCFF99 url(../images/groen_gradient.png) repeat-x; */
	FONT: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #000; TEXT-DECORATION: none
	
}
A.menuitem:visited {
/*  background: #CCFF99 url(../images/groen_gradient.png) repeat-x; */
	FONT: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: #000; TEXT-DECORATION: none
}
A.menuitem:hover
{
/*  background: #CCFF99 url(../images/groen_gradient.png) repeat-x; */
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #5CB900;
	text-decoration: none;
}
A.menuitem:active
{
/*  background: #CCFF99 url(../images/groen_gradient.png) repeat-x; */
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #204000;
	text-decoration: none;
}
.fout
{
	text-decoration: line-through;
	color: #FF0000;
}



/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/****** DHTML Goodies ******/

/* News Scroller */
/*
#mainContainer{
	width:760px;
	border-left:1px solid #000;
	border-right:1px solid #000;	
	margin:0 auto;
	height:100%;
	text-align:left;
}
#topRow{
	
}
*/
#mainContent{
	padding-left:10px;
	padding-right:10px;
}

#epj_onoff{
	/* layout for on/off */
	padding-top:3px;
	height:25px;
	background-color: #204000;
	
	position:absolute;
	left:0px;
	z-index:1000;
	bottom:0px;		
	display:none;		
	width:24;
	overflow:hidden;
}

#dhtmlgoodies_marquee{
	/* general marquee layout*/
	padding-top:3px;
	height:25px;
	background-color: #204000;
	
	
	/* End general marquee layout */
	
	
	position:absolute;
	left:24px;
	z-index:1000;
	bottom:0px;		
	display:none;		
	width:100%;
	overflow:hidden;
}
body > div#dhtmlgoodies_marquee{	/* Firefox rule */
	position:fixed;
}	
#dhtmlgoodies_marquee .textObj{	/* Layout for the marquee text */
	position:absolute;	
	color: #FFF;
	font-weight:bold;
	white-space:nowrap;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}
.nieuwsaccent
{
color: Red;
}
.nieuwsscheiding
{
	color: #AEFF5E;
}

#dhtmlgoodies_marquee a:link
{
	color: lime;
	color: #69D200;
	text-decoration: none;
}
#dhtmlgoodies_marquee a:visited
{
	color: lime;
	color: #69D200;
	text-decoration: none;
} 
#dhtmlgoodies_marquee a:active
{
	color: lime;
	color: #69D200;
	font-weight: bold;
}	
#dhtmlgoodies_marquee a:hover
{
	color: #AEFF5E;
	text-decoration: none;
	font-weight: bolder;
}

/* Fading Gallery */

#imageSlideshowHolder{

	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

	In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
	border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
	should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

	*/
	/* CSS HACK */
	width: 606px;	/* IE 5.x */
	width/* */:/**/600px;	/* Other browsers */
	width: /**/400px;
	
	/* CSS HACK */
	height: 456px;	/* IE 5.x */
	height/* */:/**/450px;	/* Other browsers */
	height: /**/304px;
	
	background-color:Transparent;
	/*border:3px solid #317082;*/
	position:relative;	/* Never change this value */
	
}
.imageInGallery{		
	width:600px;
	height:304px;
	background-color:Transparent;
	
	/* Never change these 3 value */
	left:0px;
	top:0px;
	position:absolute;	
}


#imageSlideshowHolder img{
	position:absolute;
}


/* Sliding Help Panel */

#dhtmlgoodies_leftPanel{	/* Styling the help panel */
	
/*	background-color:#3c94c8;	/* Blue background color */
	background-color:#EEFFDD;
/*	color:#FFF;	/* White text color */
	color: #336600;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Which font to use */
	
	/* You shouldn't change these 5 options unless you need to */		
	height:100%;		
	left:0px;
	z-index:10;
	position:absolute;
	display:none;
}

#dhtmlgoodies_leftPanel #leftPanelContent{
	padding:0px;
}
#dhtmlgoodies_leftPanel .closeLink{ /* Layout of close link */
	padding-left:2px;
	padding-right:2px;
	background-color:#FFF;
	position:absolute;
	top:2px;
	right:2px;
	border:1px solid #000;
	color:#000;
	font-size:0.8em;				
}
#dhtmlgoodies_leftPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
	color:#FFF;
	background-color:#000;
}	



/***********************************************************************************************

Copyright (c) 2005 - Alf Magne Kalleland post@dhtmlgoodies.com

Get this and other scripts at www.dhtmlgoodies.com

You can use this script freely as long as this copyright message is kept intact.

***********************************************************************************************/
body{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	margin-top:0px;
				
}
.bodyText
{
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #000000;
	border-top-color: #FF0066;
}
.bodyText p{
	margin-top:5px;
}
#mainContainer{
	width:760px;
	height:600px;
	border:1px solid #000000;
	margin:0 auto;
	background-image:url('../../images/heading3.gif');
	background-repeat:no-repeat;
	padding-top:85px;			
}
#mainMenu{
	background-color: #DDFFBB;	/* Background color of main menu */
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Fonts of main menu items */
	font-size:12px;	/* Font size of main menu items */
	border-bottom:1px solid #000000;	/* Bottom border of main menu */
	height:30px;	/* Height of main menu */
	font-weight: bold;
	
	position:relative;	/* Don't change this position attribute */
	background-color: Transparent;
	
}
#mainMenu a{
	padding-left:5px;	/* Spaces at the left of main menu items */
	padding-right:5px;	/* Spaces at the right of main menu items */
	font-weight:bold;
	/* Don't change these two options */
	position:absolute;
	bottom:-1px;	/* Change this value to -2px if you're not using a strict doctype */
}
#submenu{		
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font  of sub menu items */
	background-color:#E2EBED;	/* Background color of sub menu items */
	font-size:12px;	/* Font size of sub menu items */
	font-style: normal;
	font-weight: normal;
	
	width:100%;	/* Don't change this option */
	
}	
#submenu div{
	white-space:nowrap;	/* Don't change this option */
	
}
/*
Style attributes of active menu item 
*/
#mainMenu .activeMenuItem{
	/* Border options */
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-right:1px solid #000000;		
	background-color: #E2EBED;	/* Background color */
	
	cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
}

#mainMenu .activeMenuItem img{
	position:absolute;
	bottom:0px;
	right:0px;
}
	
/*
Style attributes of inactive menu items
*/
#mainMenu .inactiveMenuItem{		
	color: #F4FFEA;	/* Text color */
	cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
}
#mainMenu .inactiveMenuItem-even
{
	color: #C0FF88; /* Text color */
	cursor: pointer; /* Cursor like a hand when the user moves the mouse over the menu item */
}

#submenu a{	
	text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
	padding-left:5px;	/* Space at the left of each sub menu item */
	padding-right:5px;	/* Space at the right of each sub menu item */
	color: #204000;	/* Text color */
	font-size:0.9em; 
}

#submenu a:hover
{
	color: #58B000; /* Red color when the user moves the mouse over sub menu items */
}

#submenu a:active{
	color: #58B000;	/* Red color when the user moves the mouse over sub menu items */
}

/******  apple menu   ******/
.applemenu{
margin: 5px 0;
padding: 0;
width: 130px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(../images/silvergradient.gif) repeat-x center left;
font: normal 12px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: #204000;
font: bold 12px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(../images/silvergradientover.gif);
font: bold 12px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
color: #204000;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: #F0FFE6;
padding: 5px;
height: 100px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

/******     GWT    ******/
.gwt-Button
 {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
font-size: 12px;
  background:#f5f5f5;
  border:1px solid #aaa;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  padding: 2px;
  width: 8em;
}

.gwt-Button:active
 {
  border:1px solid #aaa;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}

.gwt-Button[disabled]
 {
  background: #ccc;
  border:1px solid #999;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  color: #888;
}

/*
.gwt-DialogBox { the outside of the dialog } 
.gwt-DialogBox .Caption { the caption } 
.gwt-DialogBox .dialogContent { the wrapepr around the content } 
.gwt-DialogBox .dialogTopLeft { the top left cell } 
.gwt-DialogBox .dialogTopLeftInner { the inner element of the cell } 
.gwt-DialogBox .dialogTopCenter { the top center cell, where the caption is located } 
.gwt-DialogBox .dialogTopCenterInner { the inner element of the cell } 
.gwt-DialogBox .dialogTopRight { the top right cell } 
.gwt-DialogBox .dialogTopRightInner { the inner element of the cell } 
.gwt-DialogBox .dialogMiddleLeft { the middle left cell } 
.gwt-DialogBox .dialogMiddleLeftInner { the inner element of the cell } 
.gwt-DialogBox .dialogMiddleCenter { the middle center cell, where the content is located } 
.gwt-DialogBox .dialogMiddleCenterInner { the inner element of the cell } 
.gwt-DialogBox .dialogMiddleRight { the middle right cell } 
.gwt-DialogBox .dialogMiddleRightInner { the inner element of the cell } 
.gwt-DialogBox .dialogBottomLeft { the bottom left cell } 
.gwt-DialogBox .dialogBottomLeftInner { the inner element of the cell } 
.gwt-DialogBox .dialogBottomCenter { the bottom center cell } 
.gwt-DialogBox .dialogBottomCenterInner { the inner element of the cell } 
.gwt-DialogBox .dialogBottomRight { the bottom right cell } 
.gwt-DialogBox .dialogBottomRightInner { the inner element of the cell } 
*/
/**
 * Applied to the dialog box.
 *
.gwt-DialogBox .Caption {
  background: #93c2f1 url(../images/bg_listgradient.png) repeat-x;
  padding: 4px 4px 4px 8px;
  cursor: default;
  border-bottom: 1px solid #bbbbbb;
}
.gwt-DialogBox .content {
}
.gwt-DialogBox .middleCenter {
  padding: 3px;
  background: white;
}
html>body .gwt-DialogBox .bottomCenter {
  background: url(../images/hborder.png) repeat-x;
}
* html .gwt-DialogBox .bottomCenter {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DialogBox .middleLeft {
  background: url(../images/vborder.png) repeat-y;
}
html>body .gwt-DialogBox .middleRight {
  background: url(../images/vborder.png) repeat-y;
}
* html .gwt-DialogBox .middleRight {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DialogBox .topLeft,
.gwt-DialogBox .topRight,
.gwt-DialogBox .bottomLeft,
.gwt-DialogBox .bottomRight {
  zoom: 1;
}
html>body .gwt-DialogBox .topLeft {
  width: 5px;
  background: url(../images/corner.png) no-repeat -13px 0px;
}
html>body .gwt-DialogBox .topRight {
  width: 8px;
  background: url(../images/corner.png) no-repeat -18px 0px;
}
html>body .gwt-DialogBox .bottomLeft {
  width: 5px;
  height: 8px;
  background: url(../images/corner.png) no-repeat 0px -15px;
}
html>body .gwt-DialogBox .bottomRight {
  width: 8px;
  height: 8px;
  background: url(../images/corner.png) no-repeat -5px -15px;
}
* html .gwt-DialogBox .topLeft {
  width: 5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
}
* html .gwt-DialogBox .topRight {
  width: 8px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ie6/corner_dialog_topright.png',sizingMethod='crop');
}
* html .gwt-DialogBox .bottomLeftInner {
  width: 5px;
  height: 23px;
  margin-top: -15px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/corner.png',sizingMethod='crop');
}
* html .gwt-DialogBox .bottomRightInner {
  width: 13px;
  height: 23px;
  margin-left: -5px;
  margin-top: -15px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/corner.png',sizingMethod='crop');
}
*/
.gwt-DialogBox .Caption {
  background: #93c2f1 url(../images/bg_listgradient.png) repeat-x;
  padding: 4px 4px 4px 8px;
  cursor: default;
  border-bottom: 1px solid #bbbbbb;
  border-top: 5px solid #d0e4f6;
}
.gwt-DialogBox .dialogContent {
}
.gwt-DialogBox .dialogMiddleCenter {
  padding: 3px;
  background: white;
}
html>body .gwt-DialogBox .dialogBottomCenter {
  background: url(images/hborder.png) repeat-x 0px -4px;
}
* html .gwt-DialogBox .dialogBottomCenter {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DialogBox .dialogMiddleLeft {
  background: url(images/vborder.png) repeat-y;
}
html>body .gwt-DialogBox .dialogMiddleRight {
  background: url(images/vborder.png) repeat-y -4px 0px;
}
* html .gwt-DialogBox .dialogMiddleRight {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DialogBox .dialogTopLeftInner {
  width: 5px;
  zoom: 1;
}
.gwt-DialogBox .dialogTopRightInner {
  width: 8px;
  zoom: 1;
}
.gwt-DialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.gwt-DialogBox .dialogBottomRightInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
html>body .gwt-DialogBox .dialogTopLeft {
  background: url(images/corner.png) no-repeat -13px 0px;
}
html>body .gwt-DialogBox .dialogTopRight {
  background: url(images/corner.png) no-repeat -18px 0px;
}
html>body .gwt-DialogBox .dialogBottomLeft {
  background: url(images/corner.png) no-repeat 0px -15px;
}
html>body .gwt-DialogBox .dialogBottomRight {
  background: url(images/corner.png) no-repeat -5px -15px;
}
* html .gwt-DialogBox .dialogTopLeft {
  width: 5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
}
* html .gwt-DialogBox .dialogTopRight {
  width: 8px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/ie6/corner_dialog_topright.png',sizingMethod='crop');
}
* html .gwt-DialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 23px;
  margin-top: -15px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
* html .gwt-DialogBox .dialogBottomRightInner {
  width: 13px;
  height: 23px;
  margin-left: -5px;
  margin-top: -15px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}