/* 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.artgkirkPrintButton {
	   		font-size: 0.95em;
	   		color: #303030;
	   		padding-left: 0.3em;
	   		padding-right: 0.3em;
	   }
	   span.artgkirkPrintButton > a:link 	{ color: #303030; }
	   span.artgkirkPrintButton > a:visited	{ color: #603060; }
	   span.artgkirkPrintButton > a:hover 	{ color: red; }
	   span.artgkirkPrintButton > a:active	{ color: #303030; }
	   span#gkBreadcrumb {
						font-size: 0.8em;
						font-family: 'Verdana', 'Arial', 'Helvetica', 'Helv', sans-serif;
						}
    	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;}
		
			.headerSuckerfishOuter { 
				background: #DC3F44 url(images/buttonV35.png) repeat left top;; 
				text-align: center;
				font-size: 1em;
				font-weight: 700;
				color: #ffffff;
				padding: 0.3em 0 1.8em 0;
				border-top: 1px solid #202020;
				border-bottom: 1px solid #202020;
				height: 10px;
			}
			.headerSuckerfishOuter ul {
	    		text-align: center; }
	    	.headerSuckerfishOuter div {
					margin-left: auto;
					margin-right: auto;
					max-width: 48em;
					height: 5px;
	    	}	
			.headerSuckerfishOuter a:link ,
			.headerSuckerfishOuter ul a:link 	
				{ text-decoration: none; color: #ffffff; } 
			.headerSuckerfishOuter a:visited,
			.headerSuckerfishOuter ul a:visited 
				{ text-decoration: none; color: #ffffff; } 
			.headerSuckerfishOuter a:hover,
			.headerSuckerfishOuter ul a:hover 	
				{ text-decoration: none; color: #000000; } 
			.headerSuckerfishOuter a:active,
			.headerSuckerfishOuter ul a:active  
				{ text-decoration: none; color: #ffffff; } 
			
			#headerSuckerfishUL, 
			#headerSuckerfishUL ul, 
			#headerSuckerfishUL ul ul, 
			#headerSuckerfishUL ul ul ul, 
			#headerSuckerfishUL ul ul ul ul {
				padding: 0;
				margin: 0;
				list-style: none;
				line-height: 23px; 
				text-align: center;
				font-weight: 700;
				padding: 0 0.7em 0 0.7em;
			} 
			
				#headerSuckerfishUL {
					background: #DC3F44 url(images/buttonV35.png) repeat left top;;
				}
				#headerSuckerfishUL ul, 
				#headerSuckerfishUL ul ul, 
				#headerSuckerfishUL ul ul ul, 
				#headerSuckerfishUL ul ul ul ul {
					background: #DC3F44 url(images/buttonV24.png) repeat left top;;
				}	
			#headerSuckerfishUL {
				text-align: center;
				padding: 0 0.7em 0em 0.7em;
				height: 23px;
			}
			#headerSuckerfishUL ul, 
			#headerSuckerfishUL ul ul, 
			#headerSuckerfishUL ul ul ul, 
			#headerSuckerfishUL ul ul ul ul {
				text-align: left;
				margin: 0;
				list-style: none;
				border-top: 1px solid #202020;
				border-bottom: 1px solid #202020;
			}
			#headerSuckerfishUL a {
				display: block;
				width: 12em;
			}			
			#headerSuckerfishUL li {
				float: left;
				width: 8em;
			}
			#headerSuckerfishUL li ul li{
				border-topxxx: 1px solid #202020;
				border-bottom: 1px solid #202020;
			}
			#headerSuckerfishUL li ul {
				position: absolute;
				width: 12em;
				left: -999em;
			}
			#headerSuckerfishUL li ul li,
			#headerSuckerfishUL li ul li ul li,
			#headerSuckerfishUL li ul li ul li ul li,
			#headerSuckerfishUL li ul li ul li ul li ul li{
				width: 12em;
			}
			#headerSuckerfishUL li ul ul,
			#headerSuckerfishUL li ul ul ul,
			#headerSuckerfishUL li ul ul ul ul {
				margin: -1em 0 0 12em;
			}
			#headerSuckerfishUL li:hover ul ul, 
			#headerSuckerfishUL li:hover ul ul ul, 
			#headerSuckerfishUL li:hover ul ul ul ul, 
			#headerSuckerfishUL li.sfhover ul ul, 
			#headerSuckerfishUL li.sfhover ul ul ul, 
			#headerSuckerfishUL li.sfhover ul ul ul ul {
				left: -999em;
			}
			#headerSuckerfishUL li:hover ul, 
			#headerSuckerfishUL li li:hover ul, 
			#headerSuckerfishUL li li li:hover ul, 
			#headerSuckerfishUL li li li li:hover ul, 
			#headerSuckerfishUL li.sfhover ul, 
			#headerSuckerfishUL li li.sfhover ul, 
			#headerSuckerfishUL li li li.sfhover ul, 
			#headerSuckerfishUL li li li li.sfhover ul {
				left: auto;
				z-index: 2;
			}.gkMakerCssFooter {
				position: relative;
		  		clear: both;
			 	font-family: sans-serif; 
				font-weight: normal;
				text-align: center;
				vertical-align: top;
				background-color: #444444;
			}
			.gkMakerCssFooter p,
			.gkMakerCssFooter td,
			.gkMakerCssFooter div { color: #FFFFFF; }
			.gkMakerCssFooter a:link 	{ text-decoration: none; 		color: #AAAAFF; }  
			.gkMakerCssFooter a:visited 	{ text-decoration: none; 		color: #AAAAFF;}  
			.gkMakerCssFooter a:hover 	{ text-decoration: none; 		color: #FF8888; }  
			.gkMakerCssFooter a:active 	{ text-decoration: underline; 	color: #AAAAFF; }  
			 
		
		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;
		}
   		
		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.gkslidingmenu ul li a div {
				font-size: 1em;
			} 
			ul.gkslidingmenu1 {
				margin-top: 	0px;
				margin-right:	0px;
				margin-bottom:	0px;
				margin-left: 	0px;
				width: 150px;
			}
			ul.gkslidingmenu2,
			ul.gkslidingmenu3,
			ul.gkslidingmenu4 {
				margin-left: 0px;
				width: 150px;
			}
			ul.gkslidingmenu1 li:hover {
				background-color: white;
			}
			li.gkslidingmenu1  {
				display: list-item;
				list-style-type: none;
				list-style-position: outside;
				background-color: #f0d0d0 ;
				width: 150px;
				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: 150px;
				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: 150px;
				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: 150px;
				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 Arial, Helvetica, sans-serif;
			font-weight: bold;
			text-decoration : none;
			padding-top: 8px;
			padding-right: 4px; padding-bottom: 4px;
			color: #ffffff;
			text-align: left;
			height: 18px;
		}	
		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-color: #de002b;
		}
		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;
		}
		
		.GkSelectorYearButton {
	   	}
	   	table.GkSelectorYearEditTable th {
	   		font-size: 0.9em;
	   	}
	   	option.GkSelectorOptionCss:hover {
							background-color: #e0e0e0; } 
    		.gkPicturesCss1Content {
    			margin-top: 0px;
    		}
    		div#captionText {
    			font-weight: bold;
				font-size: large;
				text-align: right;
				color: purple;
    		}
    		div.gkPicturesCss1Content#longText {
				text-align: right;
				font-size: small;
				font-weight: 700;
    		}
    		div.gkPicturesCss1Content#creationDate {
				margin-top: 3px;
				text-align: right;
				font-size: small;
				font-weight: 700;
    		}
    		table.gkPicturesCss1EditTable > tr > td{
    			padding-bottom: 1em;
    		}
    		.gkPicturesTable, 
    		table.gkPicturesTable > tr, 
    		table.gkPicturesTable > tr > td {
    			border-style: none;
    		}
    		
    		
		.gkContactMandatory { color: red; }
		.gkContactTable {
			font-size: 1em;
		}
		.gkContactHeader {
			font-size: 1.2em; 
			font-weight: 600;
		}
		.gkContactTable tbody tr th {
			text-align: right;
			vertical-align: top;
			padding-right: 0.5em;
		}
		.gkContactTdA {
			padding-bottom: 1em;
		}
		.gkContactTable tbody tr td textarea {
			font-size: 1em;
		}
		.gkContactButton {
		}
		
    	.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;
			}
		
		.GkSelectorpicturesButton {
	   	}
	   	table.GkSelectorpicturesEditTable th {
	   		font-size: 0.9em;
	   	}
	   	option.GkSelectorOptionCss:hover {
							background-color: #e0e0e0; }