/* general reset 

 *	Author:	Gordon Kirk and others
 *	Version:	1.1
 *	Dated:	23 February 2010
	
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end of general reset */

/*  CSS2default.css  */
/* a default CSS recommended in 
Cascading Style Sheets, level 2
CSS2 Specification
W3C Recommendation 12-May-1998 */

/* GK Release 1.1, 19 March 2010 */

ADDRESS,
BLOCKQUOTE, BR,
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { padding: 8px; line-height: 1.33 }
H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
/* does not work on Opera
BR:before       { content: "\A" }  */

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: underline }
:focus          { outline: invert dotted thin  }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed } 
/*  the next line seems to reverse the direction of the all the the line in 1stPage2000
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }  */

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, 
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, 
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, 
COL, COLGROUP, TD, TH, CAPTION 
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}
/* 	GK defaults 
 *	gkdefault.css
 *	Version	1.16
 *	Dated	18 January 2016
 */

html { font-size: 100.01%; }

/* all elements inherit the font-size of body by default */
abbr, acronym, address, blockquote, button, caption, cite, code, col, colgroup,
dd, del, dfn, div, dl, dt, fieldset, form, frame, frameset, iframe, input, ins,
isindex, kbd, label, legend, li, menu, noframes, noscript, object, ol, optgroup,
option, p, pre, q, s, script, select, span, strike, sub, sup, table, tbody, td,
textarea, tfoot, th, thead, tr, tt, ul, var {font-size: inherit; }

h1 {font-size: 200%;}
h2 {font-size: 150%;}
h3 {font-size: 117%;}
h4 {font-size: 100%;}
h5 {font-size:  83%;}
h6 {font-size:  67%;}
big{font-size: 117%;}
small, sub, sup {font-size: 83%;}

address, blockquote, body, dd, div, dl, dt, fieldset, form, 
h1, h2, h3, h4, h5, h6, p, menu, textarea  
	{ font-family: 'Arial', 'Helvetica', 'Helv', sans-serif; }  

input { font-size: 100%; }

pre 	{ font-family: "Courier New", Courier, monospace; }

body	{ background: white;
	color: #333333;
	font-size: 1.0em;
	line-height: 1.2;
	font-family:  'Arial', 'Helvetica', 'Helv', sans-serif;
	background-color: #ffffff;
}  

a:link 		{ text-decoration: none; }  
a:visited 	{ text-decoration: none; }  
a:hover 	{ text-decoration: none; color: #ff0000; }  
a:active 	{ text-decoration: underline; }  
a:hover input 	{ text-decoration: none; color: red; }  


.extraHeight {line-height: 150%; }  

.gkl { font-weight: bold; 
	 font-family: 'Lucida Sans', 'Tahoma', 'Arial', sans-serif;
	 color: red; 
	 text-shadow: 1px 1px #444444; }
	 
.right	{ text-align: right;}  
.left	{ text-align: left;}  
.center	{ text-align: center;}  

form	{ display: inline; }

table {border-collapse: separate; }

table, tbody, thead { height: inherit; }	/* so that equal column heights will work */

.red {color: red;}
.greyed {color: gray;}
.bold {font-weight: bold;}
.listSpaced li {
	margin-bottom: 1em;
	}

/* to create a narrower </p> than normal */
br.spaced {margin-bottom: 0.7em; }
p.spaced {
	padding-bottom: 0.7em;
	margin: 0;}
/* to create an even narrower </p> than normal  */
p.narrower {
	padding-bottom: 0.3em;
	margin: 0;}

/*	added 20090625: this is similar in effect to wrap='virtual' */
textarea	{ white-space: pre; }

/* 	from http://css-tricks.com/css-transparency-settings-for-all-broswers/ 
	Used to make color: transparent. 
 */
.transparent_class {
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
	}

/*	to use <p> looking like <h2>  */
p.pash2 {
	font-size: 1.5em;
	font-weight: bolder;
	} 
	
/*	general classes (used to be in some gkuser.css) */
p {}	/* needed, don't know why */
ul.bullet, ol.bullet {	
	list-style-type: disc;
	list-style-position: outside;
	}
ul.bullet li, ol.bullet li {
	padding-bottom: 0.3em;
	}
ul.spaced li, ol.spaced li, dl.spaced dt, dl.spaced dd  {
	padding-bottom: 0.3em;
	}
dl.spaced {
	margin-left: 3em;
	}	
dl.spaced dt {
	font-weight: bold;
	}
dl.spaced dd {
	margin-left: 2em;
	}

.fs8em {font-size: 0.8em; }
.fs7em {font-size: 0.7em; }
.red {color: red;}
.bold {font-weight: bold;}
h3.red a {color: red;}
.blockIndent {margin-left: 2em;}
.listSpaced li {
	margin-bottom: 1em;
	}

hr.half {
	width: 50%;
	text-align: center;
	}

/* here you can put css which is specific to IE */
<!--[if IE 6]>
	/* IE6 specific */
<![endif]-->
<!--[if IE 7]>
	/* IE7 specific */
<![endif]-->
<!--[if IE 8]>
	/* IE8 specific */
<![endif]-->

/* These classes are to enable an H2 or H3 tags to be labelled as H1 
	(so as to be better ranked by Google), but still appear as H2 or H3.  */
h1.asH2 { font-size: 1.5em; margin: .83em 0 }
h1.asH3 { font-size: 1.17em; margin: 1em 0 	}

/* end of GK defaults */
/*  gktinymce.css  
 *	This is augmented in GkTinyMCE and used from the root folder.
 *
 *	Version: 1.2
 *	Dated:	 30 August 2012
 *
 */

/* The next row seems to be ignored, so it is duplicated. */
.text8point  {font-size:  8pt;}
.text8point  {font-size:  8pt;}
.text10point {font-size: 10pt;}
.text12point {font-size: 12pt;}
.text14point {font-size: 14pt;}
.text16point {font-size: 16pt;}
.text20point {font-size: 20pt;}
.text24point {font-size: 24pt;}
.text30point {font-size: 30pt;}
.text36point {font-size: 36pt;}

.text070em {font-size: 0.7em;}
.text080em {font-size: 0.8em;}
.text090em {font-size: 0.9em;}
.text100em {font-size: 1.0em;}
.text110em {font-size: 1.1em;}
.text120em {font-size: 1.2em;}
.text130em {font-size: 1.3em;}
.text140em {font-size: 1.4em;}
.text150em {font-size: 1.5em;}
.text175em {font-size: 1.75em;}
.text200em {font-size: 2.0em;}
.text225em {font-size: 2.25em;}
.text250em {font-size: 2.5em;}
.text300em {font-size: 3.0em;}

.text10point-nomargin {font-size: 10pt; margin: 0em;}



    	table.GkGlobalNoBorders, 
    	table.GkGlobalNoBorders td, 
    	table.GkGlobalNoBorders th  {
    		border-collapse: collapse;
    	}
	
    	.reportErrorCss {
    	}
		
    	.GkGlobalButton {
    		font-size:		0.85em;
    		font-weight:	600;
    		padding:		0em;
    		background-color: #c0c0c0;
    		color:			#303030;
    	}
    	.GkGlobalInputText {
    		font-size:		0.9em;
    	}
    	.GkError {
    		color: 			#f03030;
    	}
    	/* to set up a fake button - &lt;span/> looks like a button */
    	.GkFakeButton {		
    		font-size:		0.85em;
    		font-weight:	600;
    		padding:		0.1em 1em;
    		border-style:	outset;
    		border-width:	2px;	
    		border-color:	#c0c0c0;	
    		background-color: #c0c0c0;
    		color:			#303030;
    	}
	
address, blockquote, body, dd, div, dl, dt, fieldset, form, 
h1, h2, h3, h4, h5, h6, p, menu, textarea  
	{ font-family: Arial, Helvetica, Helv, sans-serif; }  

	   /* the enclosing div and table */
	   span.PrintButton {
	   		font-size: 0.95em;
	   		color: #303030;
	   		padding-left: 0.3em;
	   		padding-right: 0.3em;
	   }
	   span.PrintButton > a:link 	{ color: #303030; }
	   span.PrintButton > a:visited	{ color: #603060; }
	   span.PrintButton > a:hover 	{ color: red; }
	   span.PrintButton > a:active	{ color: #303030; }
	   span#gkBreadcrumb {
						font-size: 0.8em;
						font-family: 'Verdana', 'Arial', 'Helvetica', 'Helv', sans-serif;
						}
			div.gkslidingmenu ul li a div {
				font-size: 1em;
			} 
			ul.gkslidingmenu1 {
				margin-top: 	0px;
				margin-right:	0px;
				margin-bottom:	0px;
				margin-left: 	0px;
				width: 250px;
			}
			ul.gkslidingmenu2,
			ul.gkslidingmenu3,
			ul.gkslidingmenu4 {
				margin-left: 0px;
				width: 250px;
			}
			ul.gkslidingmenu1 li:hover {
				background-color: white;
			}
			li.gkslidingmenu1  {
				display: list-item;
				list-style-type: none;
				list-style-position: outside;
				background-color: #f0d0d0 ;
				width: 250px;
				border-bottom: thin solid #ffffff;
			}
			li.gkslidingmenu1arrow  {
				background-image: url('./phpclasses/icons/doublegt.ico');
				background-repeat: no-repeat;
				background-position: right;
			}
			li.gkslidingmenu1 div {
				border: thin solid grey;
				padding-left: 0.3em;
			}
			li.gkslidingmenu2  {
				display: list-item;
				list-style-type: none;
				list-style-position: outside;
				background-color: #d0f0d0 ;
				width: 250px;
				border-bottom: thin solid #ffffff;
			}
			li.gkslidingmenu2arrow  {
				background-image: url('./phpclasses/icons/doublegt.ico');
				background-repeat: no-repeat;
				background-position: right;
			}
			li.gkslidingmenu2 div {
				border: thin solid grey;
				padding-left: 0.8em;
			}
			li.gkslidingmenu3  {
				display: list-item;
				list-style-type: none;
				list-style-position: outside;
				background-color: #d0d0f0 ;
				width: 250px;
				border-bottom: thin solid #ffffff;
			}
			li.gkslidingmenu3arrow  {
				background-image: url('./phpclasses/icons/doublegt.ico');
				background-repeat: no-repeat;
				background-position: right;
			}
			li.gkslidingmenu3 div {
				border: thin solid grey;
				padding-left: 1.3em;
			}
			li.gkslidingmenu4  {
				display: list-item;
				list-style-type: none;
				list-style-position: outside;
				background-color: #f0d0d0 ;
				width: 250px;
				border-bottom: thin solid #ffffff;
			}
			li.gkslidingmenu4arrow  {
				background-image: url('./phpclasses/icons/doublegt.ico');
				background-repeat: no-repeat;
				background-position: right;
			}
			li.gkslidingmenu4 div {
				border: thin solid grey;
				padding-left: 1.8em;
			}
			
			li.gkslidingmenu1 > a > div,
			li.gkslidingmenu2 > a > div,
			li.gkslidingmenu3 > a > div,
			li.gkslidingmenu4 > a > div {
				font: 12px Helvetica, Arial, sans-serif;
				font-weight: bold;
				text-decoration : none;
				padding-top: 12px;
				padding-right: 4px; padding-bottom: 4px;
				color: #ffffff;
				text-align: left;
				height: 28px;
			}	
			li.gkslidingmenu1,
			li.gkslidingmenu2,
			li.gkslidingmenu3,
			li.gkslidingmenu4 {	
				border-left: none;
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
				border-right: 1px solid #ffffff;
				background-colorxxx: #de002b;
				background-color: #888888;
			}
			ul.gkslidingmenu1 div:hover {
				color: black;
			}
			li.gkslidingmenu1arrow,
			li.gkslidingmenu2arrow,
			li.gkslidingmenu3arrow,
			li.gkslidingmenu4arrow  {
				background-image: url('');
				background-repeat: no-repeat;
				background-position: right;
			}
			li.gkslidingmenu1arrow a div:after,
			li.gkslidingmenu2arrow a div:after,
			li.gkslidingmenu3arrow a div:after,
			li.gkslidingmenu4arrow a div:after  {
				content: '>>';
				float: right;
				right: 0.5em;
			}
			
    	table.viewableCss > tr > td {
	    	background-color: #e0e0e0;
			border-style: solid;
			border-width: medium;
			border-color: #ffffff;
			font-weight: normal; 
			text-align: left;
			vertical-align: top;
			}
		table.viewableCssDefinitions {
			border: none;
			}
		table.viewableCssDefinitions > tr > td {
			border: none;
			padding-left: 1em;
			}
		
    	table.GkAccessLogSelect td {
			padding-bottom: 0.2em;
			}
		
		/* GkContentsList.main */
		div.mainContentsList {
			padding-left: 3px;
		}
		.mainContentsList ul {
			list-style: circle inside;
			margin-left: 0px;
			margin-top: 1px;
		}
		.mainContentsList ul {	margin-left: 1.1em;
											margin-bottom: 0;
											list-style: circle outside;}
		.mainContentsList ul ul {	margin-left: 1em; 
												list-style: disc outside;}
		.mainContentsList ul ul ul {	margin-left: 1em;
													list-style: circle outside;}
		.mainContentsList ul ul ul ul {	margin-left: 1em;
														list-style: disc outside;}
		.mainContentsList ul ul ul ul ul {		margin-left: 1em;
															list-style: circle outside;}
		.mainContentsList ul ul ul ul ul ul {	margin-left: 1em;
															list-style: disc outside;}
		
    	.emptyCss {
    	}
		
		div.gkTableGridcontentEnclosing table table.gkTableGridcontentInnerTable {
			font-size: 1em;
		}
		div.gkTableGridcontentEnclosing table table.gkTableGridcontentInnerTable input{
			font-size: 0.9em;
		}
		div.gkTableGridloginTableEnclosing table table.gkTableGridloginTableInnerTable {
			font-size: 0.8em;
		}
		div.gkTableGridloginTableEnclosing table table.gkTableGridloginTableInnerTable input{
			font-size: 1.01em;
		}
		div.gkTableGridloginTableEnclosing {
			border: none;
		}
		div.currentTableEnclosing table table.currentTableInnerTable {
			font-size: 0.8em;
		}
		div.currentTableEnclosing table table.currentTableInnerTable input{
			font-size: 1.01em;
		}
		div.currentTableEnclosing {
			border: none;
		}
		div.gkLoginCss {
			background-color: transparent;
			width: 100%;
		}
		div.gkLoginCss table{
			border-style: none;
			border-width: thin;
			border-color: black;
			width: 98%;
			background-color: transparent;
		}
		div.gkLoginCss table td {
			border-style: none;
			border-width: thin;
			border-color: black;
			background-color: transparent;
			padding-bottom: 0.1em;
		}
		/* also set in ShowLogoutButton() via style */
		.gkLoginCssButton {
		}
		.gkLoginCssText {
			width:	11em;
		}
		.gkLoginCsscolumnOne {
			text-align: right;
			min-width: 20%;
			padding-right: 0.2em;
		}
		.gkLoginCsscolumnTwoTitle {
			font-weight: bold;
			font-size: 1.3em;
			height: 1.7em;
		}
   		
    	.emptyCss {
    	}
		
		table.GkTopTable {
			width: 80%;		
			padding: 1px;
			font-size: 1.3em;
			line-height: 1.5;
			border-collapse: collapse;
			}
		table.GkTopTable tr th {
			background-color: #c0c0c0;
			color: #303030;
			text-align: center;
			vertical-align: middle;
			padding: 2px;
			border: 2px solid #ffffff;
			
			}
		table.GkTopTable tr td {
			background-color: #e0e0e0;
			color: #222222;
			font-size: 0.9em;
			text-align: center;
			vertical-align: top;
			padding: 2px;
			border: 2px solid #ffffff;
			
			}
		table.GkTopTable td.GkTopTableSubHead {
			
			}
		table.GkSideTable {
			width: 80%;		
			padding: 2px;
			font-size: 1.3em;
			line-height: 1.5;
			border-collapse: collapse;
			}
		table.GkSideTable tr th {
			background-color: #c0c0c0;
			color: #303030;
			border: 2px solid #ffffff;
			text-align: right;
			vertical-align: top;
			font-weight: bold;
			font-size: 0.9em;
			padding: 2px 5px 2px 2px;
			
			}
		table.GkSideTable tr td {
			background-color: #e0e0e0;
			color: #222222;
			border: 2px solid #ffffff;
			text-align: left;
			vertical-align: top;
			font-weight: normal;
			font-size: 0.9em;
			padding: 2px 2px 2px 5px;
			
			}
		table.GkSideTable tr td li {
			list-style-type: disc;
			list-style-position: inside;
			}
		
    	div.GkAccessGroupIndent {
    		padding-left: 2em;
    		}
    	.GkAccessGroupSection {
    		margin-top: 1em;
    		}
		
		table.GkTopTable_SiteAdmin {
			width: 98%;		
			padding: 1px;
			font-size: 1.3em;
			line-height: 1.5;
			border-collapse: collapse;
			}
		table.GkTopTable_SiteAdmin tr th {
			background-color: #c0c0c0;
			color: #303030;
			text-align: center;
			vertical-align: middle;
			padding: 2px;
			border: 2px solid #ffffff;
			
			}
		table.GkTopTable_SiteAdmin tr td {
			background-color: #e0e0e0;
			color: #303030;
			font-size: 0.9em;
			text-align: center;
			vertical-align: top;
			padding: 2px;
			border: 2px solid #ffffff;
				text-align: left;
							padding: 3px;
			}
		table.GkTopTable_SiteAdmin td.GkTopTableSubHead {
			
			}
		table.GkSideTable_SiteAdmin {
			width: 98%;		
			padding: 2px;
			font-size: 1.3em;
			line-height: 1.5;
			border-collapse: collapse;
			}
		table.GkSideTable_SiteAdmin tr th {
			background-color: #c0c0c0;
			color: #303030;
			border: 2px solid #ffffff;
			text-align: right;
			vertical-align: top;
			font-weight: bold;
			font-size: 0.9em;
			padding: 2px 5px 2px 2px;
			
			}
		table.GkSideTable_SiteAdmin tr td {
			background-color: #e0e0e0;
			color: #303030;
			border: 2px solid #ffffff;
			text-align: left;
			vertical-align: top;
			font-weight: normal;
			font-size: 0.9em;
			padding: 2px 2px 2px 5px;
				text-align: left;
							padding: 3px;
			}
		table.GkSideTable_SiteAdmin tr td li {
			list-style-type: disc;
			list-style-position: inside;
			}
		
		/* the heading */
		div.gkFolderListing h2 {
			background-color: #ffffff;
			color: #303030;
			}
		/* the main table */
	   	div.gkFolderListing > table {
	    	background-color: #ffffff;
			border-style: none;
			margin: 0em;
			vertical-align: bottom;}
	   /* a normal row */ 
	   div.gkFolderListing table > tbody,
	   div.gkFolderListing table > tr,
	   div.gkFolderListing table > tr> td,
	   div.gkFolderListing table a, 
	   div.gkFolderListing table img {
	   		vertical-align: top; }
	   div.gkFolderListing table > tr > td {
	   		background-color: #ffffff;
	   		font-size: 0.9em;
	   		text-align: left;
	   		padding-bottom: 0.5em; }
	   div.gkFolderListing a:link	{ text-decoration: none; 		color: #303030; }
	   div.gkFolderListing a:visited { text-decoration: none; 		color: #700070; }
	   div.gkFolderListing a:hover 	{ text-decoration: none; 		color: red; }
	   div.gkFolderListing a:active 	{ text-decoration: underline; 	color: #303030;}
	   td.gkFolderListingTD {
	   		padding-left: 0.7em;
	   		padding-top: 0.2em; }
	   	
	   	/*	for the thumbnails on folder listings */	
		span.gkFLthumbnail {
			position: relative;
			z-index: 0; }
		span.gkFLthumbnail:hover {
			background-color: transparent;
			z-index: 50; }
		span.gkFLthumbnail span { 
			position: absolute;
			background-color: white;
			padding: 0px;
			left: -1000px;
			border: 1px solid #aaaaaa ; 
			visibility: hidden; }
		span.gkFLthumbnail > span > img { 
			border-width: 0;
			padding: 2px; }
		span.gkFLthumbnail:hover span { 
			visibility: visible;
			/*position where enlarged image should offset horizontally and vertically*/
			top: 18px;
			left: 25px; 
			}