/*
	The implementation of this file is the property of Coen Boltjes. 
	The distribution of these implementations is prohibited.
	The use of these classes is granted to the "Stichting Geocaching Nederland"
	as part of their website www.geocaching.nl.

	050108	Created from system dependent files
	050108	border style and link in footer and copyright defined
	050218	New layout applied
	050407	listtabel added
	050515	Renderer items for statistics added
	050516	canvasmenu defined as class
			CacheNavigationMenu added
	050704	Width added in CacheNavigationMenu
	050816	Normallisting to 12px
	060501	Obsolete code removed
	061006	indexpicts corrected
	071015  menu made smaller
*/

body		{	font-size: 13px; 
				font-family: Verdana, Arial, Helvetica, sans-serif;
				margin-left: 10px;
				color: black;
				background-color: #74914F;
			}

img			{	border:0; }

.indexpicts {  width:267px; height:200px; margin: 20px; padding: 2px; border: 1px solid silver;} 
	

	.normal, .normallisting {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;}
	.normallisting {font-size: 12px; }
	.menutext {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
	.credits, .footer, .copyrights  {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;}
	.disclaimer {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; vertical-align: baseline;}

	.disabled {color : gray;}
	
	.banner {	text-align: center;
				font-weight: bold; 
				background: #adc6d4; 
				color: black;
				height: 1.2em;
				margin-bottom:50px; }
	

h1 {font-size: 16px; font-weight: bold; font-style: normal; margin-top: 3em}
h2 {font-size: 13px; font-weight: bold; font-style: normal; margin-top: 2em; }
h3 {font-size: 10px; font-weight: bold; font-style: normal;}
h4 {font-size: 10px; font-weight: normal; font-style: normal;}


a:link 		{	color: black; }
a:visited 	{	color: black; }
a:hover 	{	color: black; }
a:active 	{	color: black; }


.footer		 	a 			{ text-decoration:	none; }
.footer			a:hover 	{ text-decoration:	underline; color: white;}

.copyrights 	a 			{ text-decoration:	none; }
.copyrights		a:hover 	{ text-decoration:	underline; color: white;}

.normallisting		a			{ text-decoration:	none; }
.normallisting		a:hover 	{ text-decoration:	underline; }

#pagecanvas,
#pagefooter		{ 	margin-left:20px; width:950px; }
#pagecanvas		{ 	margin-top: 15px; background-color:#F1F1F1; }

.canvasedge		{	width:100%; 
					height: 19px; 
					background-color:#666666; 
					clear:both;}
					
#canvasmenu, 
.canvasmenu 	{	float:left; width:140px; }
#canvascontents	{	float:left; width:790px; background-color:white; padding:8px}



#headerlocation, 
#canvasfooter	{ float:left; text-align:left; margin-left: 5px; padding-top:3px}

#headerdisclaimer	{	float:right;text-align:right; margin-right: 5px; padding-top:3px}



.miniwhite  			{ font-size : 9px; color : #FFFFFF; } 				
.miniwhite	a:link		{ color: #FFFF00;	text-decoration: none; }
.miniwhite	a:visited	{ color: #FFFF00; text-decoration: none; }
.miniwhite	a:active	{ color: #FFFF00; text-decoration: none; }
.miniwhite	a:hover		{ color: #FFFF00; text-decoration: underline; }

/* obsolete canvasmenu definitions */

#canvasmenu, #canvasmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#canvasmenu {
	margin-bottom: 1em;
}	
#canvasmenu ul li {
	display: inline;
	padding: 0;
	margin: 0;
}


#canvasmenu ul li a {
	display				: block;
	padding-left		: 0.5em;	
	padding-right		: 5px;
	padding-top			: 5px;
	padding-bottom		: 4px;	
	height				: 16px;
	text-decoration		: none;
	font-size			: 11px;
	background			: #F1F1F1;
	border-bottom		: 1px solid #fff;
}

#canvasmenu ul li a:hover {
	background	: #AAA;
}



/* generic definitions of menu buttons */

.canvasmenu, 			.canvasmenu ul, 
.CacheNavigationMenu, 	.CacheNavigationMenu ul {
	margin: 0;
	padding: 0;
	width:250px;
	list-style: none;
}

.canvasmenu,
.CacheNavigationMenu {
	margin-bottom: 1em;
}

	
.canvasmenu ul li,
.CacheNavigationMenu ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

.CacheNavigationMenu ul li a {
	display				: block;
	padding-left		: 0.5em;	
	padding-right		: 5px;
	padding-top			: 5px;
	padding-bottom		: 4px;	
	height				: 16px;
	text-decoration		: none;
	font-size			: 11px;
	background			: #74914F;
	border-bottom		: 1px solid #fff;
}

.CacheNavigationMenu ul li a:hover {
	background	: #AAA;
}



.canvasmenu ul li a {
	display				: block;
	padding-left		: 0.5em;	
	padding-right		: 5px;
	padding-top			: 5px;
	padding-bottom		: 4px;	
	height				: 16px;
	text-decoration		: none;
	font-size			: 11px;
	background			: #F1F1F1;
	border-bottom		: 1px solid #fff;
}

.canvasmenu ul li a:hover {
	background	: #AAA;
}

.gtooltip {
		font-size: 11px; 
		background-color:#ffff90;
		padding-left : 3px;
		padding-right: 3px;
		border:0px #f0f0f0 solid;
		white-space: nowrap;
		display:block;
		}		

#overlayStatusMsg {
	display: none;
	padding: 2px;
	font-weight: bold;
	border: 2px solid #555;
	background: #ff0; 
	position: absolute;
	top:136px;
	left:270px;
	z-index:1;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8; 
}	

		
.cachername {width:	20em;}
.cachename	{width:	30em;}
.logtype	{width:	2em;}
.count		{width:	3.5em;}
.date		{width:	7em;}


table
{
	border:none;
	border-collapse: collapse;
/*	background-color:#CFDEE6; 
	border: solid 1px #6A97B1; */
}

.tableBorder
{
	border-collapse: collapse;
	border: solid 1px #6A97B1;
}

.tdDark
{
	background-color:#E0EAEF;
	padding: 4px 2px 10px 0px;
	font-size: 100%;
	font-weight: normal;
	vertical-align: middle;
}
.tdLight
{
	background-color:#F1F5F8;
	padding: 4px 2px 10px 0px;
	font-size: 100%;
	font-weight: normal;
	vertical-align: middle;
}
.thHeader
{
	background: #CFDEE6 url(../images/tabBG.gif) repeat-x top left;
	font-family: "Lucida Grande" , Verdana, Sans-Serif;
	align: center;
	font-size: 90%;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	border-bottom: solid 1px #B0C5D1;
}
.thFooter
{
	background: #CFDEE6 url(../images/tabBG_bottom.gif) repeat-x bottom left;
	font-family: "Lucida Grande" , Verdana, Sans-Serif;
	font-size: 90%;
	padding: 2px 2px 2px 2px;
	border-top: solid 1px #B0C5D1;
}