/* Graphic form for links on my web. ------------------------------------------------------------ */

a:link
{
	text-decoration: underline;
/*	color: rgb(25,25,112); */ /* Midnightblue*/
	color: rgb(25,25,200); 
	background-color:transparent;
}
a:visited
{
	text-decoration: underline;
/*	color: rgb(65,105,225); */ /* Royalblue */
	color: rgb(0,0,75);
	background-color:transparent;
} 
a:hover
{
	text-decoration: underline;
	color: maroon; /*rgb(255,69,0);  orangered*/
	background-color: rgb(204,204,255); /*rgb(196,215,237); */
}
a:active
{
	text-decoration: underline;
	color: maroon; /*rgb(255,69,0);  orangered*/
	background-color: rgb(204,204,255); /*rgb(196,215,237); */
}

a.transp{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
}
a.transp:link
{
	text-decoration: underline;
	color: rgb(25,25,112); /* Midnightblue*/
	background-color: transparent;
}
a.transp:visited
{
	text-decoration: underline;
	color: rgb(65,105,225); /* Royalblue*/
	background-color: transparent;
}
a.transp:hover
{
	text-decoration: underline;
	color: rgb(255,69,0); /* orangered*/
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
}
a.transp:active
{
	text-decoration: underline;
	color: rgb(255,69,0); /* orangered*/
	background-color: transparent;
}

a.navbarlinks:link
{
	text-decoration: underline;
	color: rgb(25,25,112); /* Midnightblue*/
	background-color:transparent;
}
a.navbarlinks:visited
{
	text-decoration: underline;
	color: rgb(25,25,112); /* Midnightblue*/
	background-color:transparent;
} 
a.navbarlinks:hover
{
	text-decoration: underline;
	color: maroon; /*rgb(255,69,0);  orangered*/
	background-color: rgb(204,204,255); /*rgb(196,215,237); */
}
a.navbarlinks:active
{
	text-decoration: underline;
	color: maroon; /*rgb(255,69,0);  orangered*/
	background-color: rgb(204,204,255); /*rgb(196,215,237); */
}

.menulinks, .menulinksgroup{
    position: static;
 	display: block;
    min-height: 2.2ex;
	background-color: rgb(204,204,255); /*rgb(240,230,140);*/
 	width: 95%;
 	height: auto;
	font-size: small;
	font-weight: bold;
 	text-align: center;
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-bottom-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-left-color: rgb(240,240,255);
	border-top-color: rgb(240,240,255);
 	margin-left: 1px;
 	margin-right: 0px;
 	margin-top: 3px;
 	margin-bottom: 3px;
 	padding: 1px;
	/* http://www.w3schools.com/css/css3_transitions.asp */
    -webkit-transition:all 0.3s; /* For Safari 3.1 to 6.0 */
    -moz-transition:all 0.3s; /* For Safari 3.1 to 6.0 */
    -o-transition:all 0.3s; /* For Opera 10.5 - 12.0*/
    -ms-transition:all 0.3s; /* For IE */
    transition:all 0.3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.menulinks:link, .menulinksgroup:link{
	text-decoration: none;
	color: black;
	background-color: rgb(204,204,255); /*rgb(240,230,140);*/
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-bottom-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-left-color: rgb(240,240,255);
	border-top-color: rgb(240,240,255);
}
.menulinks:visited, .menulinksgroup:visited{
	text-decoration: none;
	color: black; 
	background-color: rgb(204,204,255); /*rgb(240,230,140);*/
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-bottom-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-left-color: rgb(240,240,255);
	border-top-color: rgb(240,240,255);
}
.menulinks:hover, .menulinksgroup:hover{
    text-decoration: none;
	color: maroon; /*rgb(255,69,0);  orangered*/
	background-color: rgb(204,204,255); /*rgb(255,204,0); */
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-bottom-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-left-color: rgb(240,240,255);
	border-top-color: rgb(240,240,255);
 	margin-left: 3px;
/* http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html */
background: -webkit-gradient(linear, left, rgba(204,204,255,0) 50%, rgba(75,75,94,0.5)); /* Safari/Chrome 10 */
background: -webkit-linear-gradient(left, rgba(204,204,255,0) 50%, rgba(75,75,94,0.5)); /* Safari 5.1-6.0/Chrome 11+ */
background: -o-linear-gradient(right, rgba(204,204,255,0) 50%, rgba(75,75,94,0.5)); /* Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgba(204,204,255,0) 50%, rgba(75,75,94,0.5)); /* Firefox 3.6 to 15 */
background: linear-gradient(to right, rgba(204,204,255,0) 50%, rgba(75,75,94,0.5)); /* Standard syntax (must be last) */
} 
.menulinks:active, .menulinksgroup:active{
	text-decoration: none;
	color: black;
	background-color: rgb(153,153,255);
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(240,240,255);
	border-bottom-color: rgb(240,240,255);
	border-left-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-top-color: rgb(51,51,102); /*rgb(144,138,84);*/
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 0px;
    padding-bottom: 0px;
background: -webkit-gradient(linear, left, rgba(255,255,255,0) 0%, rgba(50,50,50,0.5)); /* Safari/Chrome 10 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(50,50,50,0.5)); /* Safari 5.1-6.0/Chrome 11+ */
background: -o-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(50,50,50,0.5)); /* Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(50,50,50,0.5)); /* Firefox 3.6 to 15 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(50,50,50,0.5)); /* Standard syntax (must be last) */
/*    opacity: 0.70; */ /* standard: ff gt 1.5, opera, safari */
/*    -ms-filter: “alpha(opacity=70)”; */ /* ie 8 */
/*    filter: alpha(opacity=70); */ /* ie lt 7 */
/*    -khtml-opacity: 0.70; */ /* safari 1.x */
/*    -moz-opacity: 0.70; */ /* ff lt 1.5, netscape */
}
.menulinksgroup{
    display: inline-block;
    vertical-align: top;
 	margin-left: 1px;
 	margin-right: 1px;
 	margin-top: 5px;
 	margin-bottom: 5px;
    max-width: 9.5em;
}
.menulinksgroup:hover{
 	margin-left: 1px;
 	margin-right: 1px;
background: -webkit-gradient(linear, left, rgba(204,204,255,1) 50%, rgba(75,75,94,0.5)); /* Safari/Chrome 10 */
background: -webkit-linear-gradient(left, rgba(204,204,255,1) 50%, rgba(75,75,94,0.5)); /* Safari 5.1-6.0/Chrome 11+ */
background: -o-linear-gradient(right, rgba(204,204,255,1) 50%, rgba(75,75,94,0.5)); /* Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgba(204,204,255,1) 50%, rgba(75,75,94,0.5)); /* Firefox 3.6 to 15 */
background: linear-gradient(to right, rgba(204,204,255,1) 50%, rgba(75,75,94,0.5)); /* Standard syntax (must be last) */
}
.menulinksgroup:active{
 	margin-left: 1px;
 	margin-right: 1px;
background: -webkit-gradient(linear, left, rgba(204,204,255,1) 50%, rgba(75,75,94,0.5)); /* Safari/Chrome 10 */
background: -webkit-linear-gradient(left, rgba(204,204,255,1) 50%, rgba(75,75,94,0.5)); /* Safari 5.1-6.0/Chrome 11+ */
background: -o-linear-gradient(right, rgba(204,204,255,1) 50%, rgba(75,75,94,0.5)); /* Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, rgba(204,204,255,1) 50%, rgba(75,75,94,0.5)); /* Firefox 3.6 to 15 */
background: linear-gradient(to right, rgba(204,204,255,1) 50%, rgba(75,75,94,0.5)); /* Standard syntax (must be last) */
}

a.buttonlinks
{
/*   position: static; */
 	display: inline;
	background-color: rgb(204,204,255); /*rgb(240,230,140);*/
 	width: auto;
 	height: auto;
	font-size: small;
	font-weight: normal;
	line-height: 1.9;
	text-align: center;
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-bottom-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-left-color: rgb(240,240,255);
	border-top-color: rgb(240,240,255);
 	margin-left: 2px;
 	margin-right: 2px;
 	margin-top: 6px;
 	margin-bottom: 6px;
 	padding: 0px;
 	padding-left: 2px;
 	padding-right: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
a.buttonlinks:link
{
	text-decoration: none;
	color: black;
	background-color: rgb(204,204,255); /*rgb(240,230,140);*/
 	text-align: center;
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-bottom-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-left-color: rgb(240,240,255);
	border-top-color: rgb(240,240,255);
 	margin-left: 2px;
 	margin-right: 2px;
 	margin-top: 6px;
 	margin-bottom: 6px;
 	padding: 0px;
 	padding-left: 2px;
 	padding-right: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
a.buttonlinks:visited
{
	text-decoration: none;
	color: black;
	background-color: rgb(204,204,255); /*rgb(240,230,140);*/
 	text-align: center;
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-bottom-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-left-color: rgb(240,240,255);
	border-top-color: rgb(240,240,255);
  	margin-left: 2px;
 	margin-right: 2px;
 	margin-top: 6px;
 	margin-bottom: 6px;
 	padding: 0px;
 	padding-left: 2px;
 	padding-right: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
a.buttonlinks:hover
{
	text-decoration: none;
	color: maroon; /*rgb(255,69,0);  orangered*/
	background-color: rgb(153,153,255); /*rgb(255,204,0); */
 	text-align: center;
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-bottom-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-left-color: rgb(240,240,255);
	border-top-color: rgb(240,240,255);
 	margin-left: 2px;
 	margin-right: 2px;
 	margin-top: 6px;
 	margin-bottom: 6px;
 	padding: 0px;
 	padding-left: 2px;
 	padding-right: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
a.buttonlinks:active
{
	text-decoration: none;
	color: black;
	background-color: rgb(153,153,255);
 	text-align: center;
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(240,240,255);
	border-bottom-color: rgb(240,240,255);
	border-left-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-top-color: rgb(51,51,102); /*rgb(144,138,84);*/
 	margin-left: 2px;
 	margin-right: 2px;
 	margin-top: 6px;
 	margin-bottom: 6px;
 	padding: 0px;
 	padding-left: 2px;
 	padding-right: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


a.buttonnolinks
{
/*   position: static; */
 	display: inline;
	background-color: rgb(204,204,255); /*rgb(240,230,140);*/
 	width: auto;
 	height: auto;
	font-size: small;
	font-weight: normal;
	line-height: 1.9;
	text-align: center;
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-bottom-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-left-color: rgb(240,240,255);
	border-top-color: rgb(240,240,255);
 	margin-left: 2px;
 	margin-right: 2px;
 	margin-top: 6px;
 	margin-bottom: 6px;
 	padding: 0px;
 	padding-left: 2px;
 	padding-right: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
a.buttonnolinks:link
{
	text-decoration: line-through;
 	color: gray;
	background-color: rgb(204,204,255); /*rgb(240,230,140);*/
 	text-align: center;
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-bottom-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-left-color: rgb(240,240,255);
	border-top-color: rgb(240,240,255);
 	margin-left: 2px;
 	margin-right: 2px;
 	margin-top: 6px;
 	margin-bottom: 6px;
 	padding: 0px;
 	padding-left: 2px;
 	padding-right: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
a.buttonnolinks:visited
{
	text-decoration: line-through;
 	color: gray;
	background-color: rgb(204,204,255); /*rgb(240,230,140);*/
 	text-align: center;
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-bottom-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-left-color: rgb(240,240,255);
	border-top-color: rgb(240,240,255);
  	margin-left: 2px;
 	margin-right: 2px;
 	margin-top: 6px;
 	margin-bottom: 6px;
 	padding: 0px;
 	padding-left: 2px;
 	padding-right: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
a.buttonnolinks:hover
{
	text-decoration: line-through;
 	color: gray;
	background-color: rgb(153,153,255); /*rgb(255,204,0); */
 	text-align: center;
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-bottom-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-left-color: rgb(240,240,255);
	border-top-color: rgb(240,240,255);
 	margin-left: 2px;
 	margin-right: 2px;
 	margin-top: 6px;
 	margin-bottom: 6px;
 	padding: 0px;
 	padding-left: 2px;
 	padding-right: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
a.buttonnolinks:active
{
	text-decoration: line-through;
 	color: gray;
	background-color: rgb(153,153,255);
 	text-align: center;
 	border-style: solid;
 	border-width: 2px;
 	border-right-color: rgb(240,240,255);
	border-bottom-color: rgb(240,240,255);
	border-left-color: rgb(51,51,102); /*rgb(144,138,84);*/
	border-top-color: rgb(51,51,102); /*rgb(144,138,84);*/
 	margin-left: 2px;
 	margin-right: 2px;
 	margin-top: 6px;
 	margin-bottom: 6px;
 	padding: 0px;
 	padding-left: 2px;
 	padding-right: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

span.question{
	border-bottom-style: dashed;
	border-width: 1px;
	cursor: help;
}
abbr{
	border-bottom-style: dashed;
	border-width: 1px;
	cursor: help;
}

.linknopageyet{
  text-decoration: line-through;
  color: gray;
}

/*
a.linkopacity img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}
*/

/* End link form -------------------------------------------------------------------------------- */

button, input{
/*  background-color: rgb(127,154,163);*/
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size: small;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-stretch: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
input.field{
  background-color: rgb(196,215,237);
}
button:hover{
	background-color: rgb(196,215,237);
}


/* Is it any advantage of having these defined too? --------------------------------
* { 
margin:0; padding:0; 
}

* html {
margin:0; padding:0; 
}
*/

/* Fixes a more similar interpretation of the height for different Browsers --------------------- */
html, body { /* Tested in the browsers IE 6.0, Mozilla Firefox 1.0 and Opera 7.54 ... */
	height: 100%; /* Sets references for the following div-tag areas when they */
	width: 100%;  /* are setting their height and width in (%), which refers to an heigher element. */
	overflow: hidden;  /* Hides the scroll bars and makes the body area fix, i.e. not scrollable */
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* END Fixes a more similar interpretation of the height for different Browsers ----------------- */

/* Defines a downloadable font from the server as a base for this webpages */
/*
@font-face {
	font-family: "Arial, Helvetica";
	font-style: normal;
	font-weight: normal;
 	src: url("http://www.bolisp.se/fonts/arial.ttf")
 	src: url("/fonts/arial.ttf")
}
*/
/* END Defines a downloadable font from the server as a base for this webpages */

/* The form of the body, which inherits to all other tags within the body. ---------------------- */
body 
{
/*	position: absolute; */
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: rgb(0,0,0);
	letter-spacing: normal;
	text-align: left;
	direction: ltr;
	text-decoration: none;
	text-transform: none;
	text-indent: 0px;
	white-space: normal;
	word-spacing: normal;
	line-height: 1.25; /* Gives a 25% more distans between text lines = easer to read! */
	background-color: rgb(210,210,252);
	background-image: url('/corefiles/bkggradient.png');
	background-repeat: repeat-x;
	background-attachment: fixed;
}
/* End body form --------------------------------------------------------------- */

/* Common form for font and text ----------------------------------------------- */
p, div, a, img
{
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color: rgb(0,0,0);
	background-color:transparent;
	word-spacing: normal;
	line-height: 1.25; /* Gives a 25% more distans between text lines = easer to read! */
	border-style: none;
	margin: 0px;
	padding: 0px;
}
/* END Common form for font and text ------------------------------------------- */

/* The layout of my main pane of the body -------------------------------------- */
.mainpane{
	position: absolute;
	left: 15%;
	top: 5%;
	height: 91%;
	width: 84.2%;
	overflow: auto;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	padding: 0px;
	padding-bottom: 0px;
	font-size: medium;
	text-align: center;
	background-color: transparent; 
/*	border-style: solid;
	border-width: 1px;
	border-color: green;*/
}
div.bodyouterframe
{
	width: 46em;
	max-width: 90%; /* For correct page layout generally, within screen resolution */
	min-width: 730px; /* For correct page layout with the 3 row photot gallery */
	height: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	border-style: solid;
	border-width: 3px; /*3px; 0.1%*/
	border-left-color: rgb(212,212,255);
	border-top-color: rgb(212,212,255);
	border-right-color: rgb(75,75,90);
	border-bottom-color: rgb(75,75,90);
	background-color: rgb(150,150,180);
	background-image: url('/corefiles/framegradient.png');
	background-repeat: repeat-x;
/*	border-style: solid;
	border-width: 1px;
	border-color: rgb(0,0,0);*/
}
div.bodyinnerframe
{
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-style: solid;
	border-width: 3px;
/*	border-left-color: rgb(160,82,45);
	border-top-color: rgb(160,82,45);
	border-right-color: rgb(222,184,135);
	border-bottom-color: rgb(222,184,135);
*/

	border-left-color: rgb(75,75,90);
	border-top-color: rgb(75,75,90);
	border-right-color: rgb(212,212,255);
	border-bottom-color: rgb(212,212,255);
	background-color: rgb(169,169,169); /*darkgray*/
}
div.bodymainpane
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 10px; /* 2% */
	border-style: solid;
	border-width: 3px;
	border-left-color: rgb(211,211,211); /*Lightgrey*/
	border-top-color: rgb(211,211,211); /*Lightgrey*/
	border-right-color: rgb(105,105,105); /*Dimgray*/
	border-bottom-color: rgb(105,105,105); /*Dimgray*/
	background-color: rgb(205,200,196);
	background-image: url('/corefiles/bak_gr_marble.jpg');
	background-repeat: repeat;
}
.nomargpaddborder{
	margin: 0px;
 	padding: 0px;
 	border-style: none;
 	border-width: 0px;
/*	border-style: solid;
	border-width: 1px;
	border-color: red;*/
}
/* End body main pane layout ----------------------------------------------------------------------- */

.padding_lr
{
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border-style: none;
	border-width: 0px;
	background-color: transparent;
}

/* Form for the header on my bodymainpane. ---------------------------------------------------------60px */
div.header
{
	height: 4%;
	width: 90%;
	color: black;
	background-color: transparent;
	background-repeat: no-repeat;
}
.headerfloatright
{
	float: right;
	width: 190px;
}
.headerfloatleft
{
	float: left;
	width: 174px;
	height: 4%;
}
/* End bodymainpane header ----------------------------------------------------------------------- */

/* Form for the footer on my bodymainpane. ------------------------------------------------------- */
div.footer
{
	width: 100%;
	color: black;
	background-color: transparent;
}
div.footerfloatright
{
	float: right;
	width: 65%;
}
div.footerfloatleft
{
	float: left;
	width: 35%;
}
.floatright50
{
	float: right;
	width: 49.9%;
	height: auto;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: rgb(105,105,105); /*Dimgray*/
}
.floatleft50
{
	float: left;
	width: 49.9%;
	height: auto;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: rgb(105,105,105); /*Dimgray*/
}
/* End bodymainpane footer ----------------------------------------------------------------------- */

/* Common margins used instead of padding, on i.e.<p> tags, to achieve a uniformly behavior in different browsers*/
.margsmall{
  	margin: 3px;
}
.marg{
  	margin: 10px;
}
.margt{
  	margin-top: 10px;
}
.margl{
  	margin-left: 10px;
}
.margr{
  	margin-right: 10px;
}
.margb{
  	margin-bottom: 10px;
}
/* END Common margins used instead of padding to achieve a uniformly behavior in different browsers*/

/* The layout of my main pane of the body ------------------------------------------------------ */
.headerpane{
	margin: 0px;
	padding: 0px;
	width: 100%;
/*	height: 70px;*/
	font-size: medium;
	text-align: center;
	overflow: hidden;
	background-color: transparent;
/*	border-style: solid;
	border-width: 1px;
	border-color: rgb(255,255,0);*/
}
.headerpanerightsection{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 174px;
	height: 4%;
	text-align: right;
}
.navigationbarpane{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 5%;
	min-height: 2.2em;
	width: 100%;
	overflow: hidden;
	text-align: left;
	font-size: small;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	padding: 0px;
	padding-bottom: 0px;
	border-style: solid;
 	border-width: 0px;
 	border-color: red; 
	border-bottom-width: 3px;
	border-bottom-color: rgb(92,92,117);
	font-size: small;
	display: table;
	display: table-cell;
	vertical-align: middle;
	background-color: rgb(210,210,252);
	background-image: url('/corefiles/bargradient.png');
	background-repeat: repeat-y;
	background-attachment: fixed;
}
.right3Dborderdark{
	height: 20px;
	border-right-style: solid;
	border-right-width: 2px;
/*	border-right-color: rgb(225,144,75);*/
	border-right-color: rgb(75,75,90);
	margin: 0px;
	font-style: italic;
	font-weight: bold;
/*	border: solid;
	border: 2px;
	border: red;*/
}
.menupane{
	position: absolute;
	left: 0px;
	top: 6%;
	height: 90%;
	width: 15%;
	overflow: auto;
	text-align: center;
	font-size: x-small;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	padding: 0px;
	padding-bottom: 0px;
	border-style: solid;
 	border-width: 0px;
 	border-color: red; 
	background-color: transparent; 
}
.line3DbottomMaroon{
	height: 3px;
	font-size: 1%;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: rgb(198,0,0);
}
.line3DtopMaroon{
	height: 5px;
	font-size: 1%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: rgb(58,0,0);
}
.footerpane{
	position: absolute;
	left: 0px;
	bottom: 0px; 
	height: 4%;
	width: 100%;
	overflow: hidden;
	text-align: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	padding: 0px;
	padding-bottom: 0px;
	border-style: solid;
 	border-width: 0px;
 	border-color: red;
	font-size: medium;
	background-color: rgb(210,210,252);
	background-image: url('/corefiles/bargradient.png');
	background-repeat: repeat-y;
	background-attachment: fixed;
}
.navigationbarrightpane, .footerrightpane{
	position: absolute;
	right: 0%;
	top: 0px;
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-right: 0px;
	background-color: transparent;
	background-image: url('/corefiles/bargradient2.png');
	background-position: top right;
	background-repeat: repeat-y;
	border-width: 0px;
	border: solid;
	border-right-width: 3px;
	border-right-color: rgb(92,92,117);
	border-left-width: 3px;
	border-left-color: rgb(224,224,254);
	border-top-width: 2px;
	border-top-color: rgb(234,234,255);
}
.margin_1p_lr{
	margin-right: 1%;
	margin-left: 1%;
}
/* End body main pane layout ----------------------------------------------------------------------- */

/* Text and font forms --------------------------------------------------------------------------- */
img.cmiddle /* image to text line position. */
{
	vertical-align: middle;
}
img.cbaseline /* image to text line position. */
{
	vertical-align: baseline;
}
img.ctop /* image to text line position. */
{
	vertical-align: text-top;
}
img.cbottom /* image to text line position. */
{
	vertical-align: text-bottom;
}
.dropcap_l:first-letter
{
	font-size: 270%;
	font-weight: bold;	
	line-height: 1.0; /* To give an equal space between frist line and the other lines. */
/*	float: left;  Fungerar inte med line-height samt ej lika i olika browsers!  */
	color: rgb(25,25,112); /* Midnightblue*/
}
.dropcap_s:first-letter
{
	font-size: 200%;
	font-weight: bold;	
	line-height: 1.0; /* To give an equal space between frist line and the other lines. */
/*	float: left;   Fungerar inte med line-height samt ej lika i olika browsers!  */
	color: rgb(25,25,112); /* Midnightblue*/
}
.ccenter
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.cright
{
	text-align: right;
}
.cleft
{
	text-align: left;
}
.cindent
{
	text-indent: 20px;
}
.cbold
{
	font-weight: bold;	
}
.cnormal{
	font-weight: normal;
}
.citalic
{
	font-style: italic;
}
.cunderline{
  text-decoration: underline;
}
.cfont200{
	font-size: 200%;
    text-shadow: 1px 1px 2px rgb(0, 0, 0), -1px -1px 2px rgb(255, 255, 255);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(255, 255, 255, 0.7);
}
.cfont200embossed{
	font-size: 200%;
    text-shadow: 1px 1px 2px rgb(255, 255, 255), -1px -1px 2px rgb(0, 0, 0);
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.7), -1px -1px 2px  rgba(0, 0, 0, 0.5);
}
.cfont150{
	font-size: 150%;
    text-shadow: 1px 1px 2px rgb(0, 0, 0), -1px -1px 2px rgb(255, 255, 255);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(255, 255, 255, 0.7);
}
.cxxlarge
{
	font-size: xx-large;
}
.cxlarge
{
	font-size: x-large;
}
.clarge
{
	font-size: large;
}
.cmedium
{
	font-size: medium;
}
.csmall
{
	font-size: small;
}
.cxsmall
{
	font-size: x-small;
}
.cxxsmall
{
	font-size: xx-small;
}
.cblack{
	color: black;
}
.cwhite{
	color: white;
}
.cmaroon
{
	color: maroon;
}
.cmidnightblue{
	color: rgb(25,25,112); /* Midnightblue*/
}
.cgray
{
	color: gray;
}
.cbgrgoldenrod{
	background-color: rgb(218,165,32); /* goldenrod*/
}
.cbgrhaki{
	background-color: rgb(240,230,140); /* khaki*/
}
.cbgrsilver{
	background-color: silver;
}
.cbgryellow{
	background-color: yellow;
}
.hidden{
	display: none;
}

/* HTML pre-defined headlines forms */
h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color: black;
}
h1{
	text-align: center;
	font-size: x-large;
	font-weight: bold;
}
h2{
	text-align: center;
	font-size: large;
	font-weight: bold;
	color: maroon;
}
h3{
	text-align: left;
	font-size: large;
	font-weight: bold;
}
h4{
	text-align: left;
	font-size: medium;
	font-weight: bold;
}
h6
{
	color: rgb(51,102,51);
}/* End text and font forms ----------------------------------------------------------------------- */

/* Form of panes and framed areas ---------------------------------------------------------------- */
.padd0{
	padding: 6px;
}
.padd1{
	padding: 12px;
}
.nopadd{
	padding: 0px;
}
.nomarg
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.margleft{
	margin-left: 12px;
}
.margright{
	margin-right: 12px;
}
.marg2
{
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 12px;
}
.margtopbottom{
	margin-top: 12px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
}
.cfloatleft{
	float: left;
}
.cfloatright{
	float: right;
}
.cfloatleftmarg{
	float: left;
	margin-top: 6px;
	margin-left: 0px;
	margin-right: 12px;
	margin-bottom: 6px;
}
.cfloatrightmarg{
	float: right;
	margin-top: 6px;
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 6px;
}
.infopanetitle{
/*	position: relative; */
/*	top: 1ex; */
	top: 0px;
	width: 6em;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	border-style: solid;
	border-width: 2px;
	border-bottom-width: 0px; 
	border-left-color: rgb(105,105,105); /* Dimgray*/
	border-top-color: rgb(105,105,105); /* Dimgray*/;
	border-right-color: rgb(211,211,211); /* Lightgrey*/
	border-bottom-color: rgb(105,105,105); /* Dimgray*/;
/*	background-color: rgb(205,200,196);
	background-image: url('/corefiles/bak_gr_marble_org.jpg');
	background-repeat: repeat; */
	background-color: rgb(200,200,210);
}
.infopanetransp
{
/*	width: 100%;*/
	height: auto;
	border-style: solid;
	border-width: 3px;
	border-left-color: rgb(105,105,105); /* Dimgray*/;
	border-top-color: rgb(105,105,105); /* Dimgray*/;
	border-right-color: rgb(211,211,211); /* Lightgrey*/
	border-bottom-color: rgb(211,211,211); /* Lightgrey*/
/*	background-color: transparent;
	background-image: url('/corefiles/bak_gr_marble_org.jpg');
	background-repeat: repeat; */
	background-color: rgb(200,200,210);
	margin: 0px;
	padding: 6px;
}
.infopanesilver
{
	width: 100%;
	height: auto;
	border-style: solid;
	border-width: 3px;
	border-left-color: rgb(105,105,105); /* Dimgray*/;
	border-top-color: rgb(105,105,105); /* Dimgray*/;
	border-right-color: rgb(211,211,211); /* Lightgrey*/
	border-bottom-color: rgb(211,211,211); /* Lightgrey*/
	background-color: silver;
}
.upframe2{
	border-width: 2px;
	border-style: solid;
	padding: 0px;
	border-left-color: rgb(211,211,211); /* Lightgrey*/
	border-top-color: rgb(211,211,211); /* Lightgrey*/
	border-right-color: rgb(105,105,105); /* Dimgray*/;
	border-bottom-color: rgb(105,105,105); /* Dimgray*/;
	background-color: transparent;
	color: white;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
}
.photoupframe2{
	border-width: 2px;
	border-style: solid;
	padding: 0px;
	margin: 0px;
	border-left-color: rgb(220,220,230);
	border-top-color: rgb(220,220,230);
	border-right-color: rgb(80,80,90);
	border-bottom-color: rgb(80,80,90);
	background-color: black;
	color: white;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
}
.photodownframe2{
	border-width: 2px;
	border-style: solid;
	padding: 0px;
/*	margin: 0px; */
	border-left-color: rgb(80,80,90);
	border-top-color: rgb(80,80,90);
	border-right-color: rgb(220,220,230);
	border-bottom-color: rgb(220,220,230);
	background-color: black;
	color: white;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.photodownframe2left{
	float: left;
	border-width: 2px;
	border-style: solid;
	padding: 0px;
	margin-left: 0px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 12px;
	border-left-color: rgb(105,105,105); /* Dimgray*/;
	border-top-color: rgb(105,105,105); /* Dimgray*/;
	border-right-color: rgb(211,211,211); /* Lightgrey*/
	border-bottom-color: rgb(211,211,211); /* Lightgrey*/
	background-color: black;
	color: white;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.photodownframe2right{
	float: right;
	border-width: 2px;
	border-style: solid;
	padding: 0px;
	margin-left: 12px;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 0px;
	border-left-color: rgb(105,105,105); /* Dimgray*/;
	border-top-color: rgb(105,105,105); /* Dimgray*/;
	border-right-color: rgb(211,211,211); /* Lightgrey*/
	border-bottom-color: rgb(211,211,211); /* Lightgrey*/
	background-color: black;
	color: white;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.divphotoarearight{
	float: right;
	padding: 5px;
	margin: 0px;
	text-align: center;
	font-size: x-small;
	font-weight: normal;
	border-width: 0px;
	background-color: transparent;
}
.divphotoarealeft{
	float: left;
	padding: 5px;
	margin: 0px;
	text-align: center;
	font-size: x-small;
	font-weight: normal;
	border-width: 0px;
	background-color: transparent;
}
.photopanekhaki{
	width: 100%;
	height: auto;
	padding: 5px;
	margin: 5px;
	border-width: 0px;
	border-style: solid;
	border-left-color: rgb(105,105,105); /* Dimgray*/;
	border-top-color: rgb(105,105,105); /* Dimgray*/;
	border-right-color: rgb(211,211,211); /* Lightgrey*/
	border-bottom-color: rgb(211,211,211); /* Lightgrey*/
	background-color: rgb(240,230,140); /* khaki*/
}
.panekhaki{
	margin: 2px;
	border-width: 0px;
	border-style: solid;
	padding: 10px;
	border-left-color: rgb(105,105,105); /* Dimgray*/;
	border-top-color: rgb(105,105,105); /* Dimgray*/;
	border-right-color: rgb(211,211,211); /* Lightgrey*/
	border-bottom-color: rgb(211,211,211); /* Lightgrey*/
	background-color: rgb(240,230,140); /* khaki*/
}
.downpanekhaki2{
	margin: 2px;
	border-width: 2px;
	border-style: solid;
	padding: 10px;
	border-left-color: rgb(105,105,105); /* Dimgray*/;
	border-top-color: rgb(105,105,105); /* Dimgray*/;
	border-right-color: rgb(211,211,211); /* Lightgrey*/
	border-bottom-color: rgb(211,211,211); /* Lightgrey*/
	background-color: rgb(240,230,140); /* khaki*/
}
.panetransp{
	margin: 0px;
	border-width: 0px;
	border-style: solid;
	padding: 10px;
	border-left-color: rgb(105,105,105); /* Dimgray*/;
	border-top-color: rgb(105,105,105); /* Dimgray*/;
	border-right-color: rgb(211,211,211); /* Lightgrey*/
	border-bottom-color: rgb(211,211,211); /* Lightgrey*/
	background-color: transparent;
}
.downpanetransp2{
	margin: 2px;
	border-width: 2px;
	border-style: solid;
	padding: 10px;
	border-left-color: rgb(105,105,105); /* Dimgray*/;
	border-top-color: rgb(105,105,105); /* Dimgray*/;
	border-right-color: rgb(211,211,211); /* Lightgrey*/
	border-bottom-color: rgb(211,211,211); /* Lightgrey*/
	background-color: transparent;
}

.z_m10 /* ger z-nivå långt bakom allt annat ... ? */
{
	z-index:-20;
	border-width: 2px;
	border-left-color: rgb(105,105,105); /* Dimgray*/;
	border-top-color: rgb(105,105,105); /* Dimgray*/;
	border-right-color: rgb(211,211,211); /* Lightgrey*/
	border-bottom-color: rgb(211,211,211); /* Lightgrey*/
}
/* End Form of panes and framed areas ---------------------------------------------------------- */

/* Table form ---------------------------------------------------------------------------------- */
/*
table {
	width: auto;
	border: 0px none rgb(240,240,240);
	background-color: transparent;
	vertical-align: top;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 2px;
}
td{
	width: auto;
	border: 0px none rgb(220,220,220); 
	background-color: transparent;
	vertical-align: top;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 2px;
}
*/


/*	The code in the Html / Php file, for this below column based table CSS formatting:
	<table class="credits" border>
			<col class="one"><col class="two"> ... etc. the No. of cols one use
              <tr>
                <td> 
More CSS table formatting:                
	background-image: url('/corefiles/skugga1.gif');
	table-border-color-light: rgb(255,204,102);
	table-border-color-dark: rgb(204,153,102); 
	border : 1px outset #ffffff;
	
	table.mytest col.one {background: red; text-align: center; font-weight:bold;}
	table.mytest col.two {background: blue; text-align: left; font-weight:bold;}
	table.mytest colgroup.one {background: red;text-align: center; font-weight:bold;}  vet ej vad dessa gör? 
	table.mytest colgroup.two {background: blue;text-align: left; font-weight:bold;}
*/
table.credits {
	width: 100%;
	border: 1px solid rgb(240,240,240);
	vertical-align: top;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: small;
	font-weight: normal;
	background-color: transparent;
	padding: 2px;
}
table.credits td{
	border: 0px solid rgb(220,220,220); 
	background-color: silver;
	border-bottom-width: 1px;
	vertical-align: top;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: small;
	font-weight: normal;
	padding: 6px;
}
table.credits col.one_credits{
	width: 190px;
}
table.credits col.two_credits{
	width: auto;
}

table.dateinfo2col{
	width: 100%;
/*	border-spacing: 1px; */
	border: 1px solid rgb(240,240,240);
	text-align: left;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: transparent ; 
	padding: 3px;
}
table.dateinfo2col td{
	border: 0px none rgb(240,240,240);
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: medium;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	background-color: rgb(180,180,190); /* khaki*/
	padding: 6px;
}
table.dateinfo2col col.one_dateinfo2col{
	width: 6.5em;
}
table.dateinfo2col col.two_dateinfo2col{
	width: auto;
}

table.info2colrightfix{
	width: 100%;
/*	border-spacing: 1px; */
	border: 1px solid rgb(240,240,240);
	text-align: left;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: transparent; 
	padding: 3px;
}
table.info2colrightfix td{
	border: 0px none rgb(240,240,240);
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: medium;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	background-color: rgb(180,180,190); /* khaki*/
	padding: 6px;
}
table.info2colrightfix col.one_info2colrightfix{
	width: auto;
}
table.info2colrightfix col.two_info2colrightfix{
	width: 7em;
}

/* Menu table formatting and other 5-columns with equal column width ... */
table.fivecol{
	width: 100%;
	border: 0px solid rgb(240,240,240);
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
/*	background-color: transparent; */
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	border-collapse: separate; /* collapse; */
}
table.fivecol td{
	width: 20%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: transparent;
	padding: 3px;
}
table.fivecol td.khaki{
	background-color: rgb(240,230,140); /* khaki*/
}

table.onecol{
	width: 100%;
	border: 0px solid rgb(240,240,240);
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
/*	font-size: medium; */
	font-weight: normal;
/*	background-color: transparent; */
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	border-collapse: separate; /* collapse; */
}
table.onecol col.one_onecol{
	width: 100%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}


table.twocol {
	width: 100%;
	border: 0px solid rgb(240,240,240);
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
/*	font-size: medium; */
	font-weight: normal;
/*	background-color: transparent; */
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	border-collapse: separate; /* collapse; */
}
table.twocol col.one_twocol{
	width: 50%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}
table.twocol col.two_twocol{
	width: 50%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}

table.threecol{
	width: 100%;
	border: 0px solid rgb(240,240,240);
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
/*	font-size: medium; */
	font-weight: normal;
/*	background-color: transparent; */
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	border-collapse: separate; /* collapse; */
}
table.threecol col.one_threecol{
	width: 33%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}
table.threecol col.two_threecol{
	width: 33%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}
table.threecol col.three_threecol{
	width: 33%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}

table.threecolthumb{
	width: 100%;
	border: 0px solid rgb(240,240,240);
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
/*	font-size: medium; */
	font-weight: normal;
/*	background-color: transparent; */
	vertical-align: top;
	text-align: center;
	padding: 0px;
	border-collapse: separate; /* collapse; */
}
table.threecolthumb col.one_threecolthumb{
	width: 33%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: top;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1%;
	font-weight: normal;
/*	background-color: rgb(240,230,140);  khaki*/
	background-color: rgb(180,180,190);
	padding: 12px;
}
table.threecolthumb col.two_threecolthumb{
	width: 33%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: top;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1%;
	font-weight: normal;
/*	background-color: rgb(240,230,140);  khaki*/
	background-color: rgb(180,180,190);
	padding: 12px;
}
table.threecolthumb col.three_threecolthumb{
	width: 33%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: top;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1%;
	font-weight: normal;
/*	background-color: rgb(240,230,140);  khaki*/
	background-color: rgb(180,180,190);
	padding: 12px;
}

table.threecolleftgrey{
	width: 100%;
	border: 0px solid rgb(240,240,240);
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
/*	background-color: rgb(240,230,140);  khaki */
	vertical-align: bottom;
	text-align: center;
	padding: 0px;
	border-collapse: separate; /* collapse; */
}
table.threecolleftgrey col.one_threecolleftgrey{
	width: 33%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: bottom;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}
table.threecolleftgrey col.two_threecolleftgrey{
	width: 33%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: bottom;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}
table.threecolleftgrey col.three_threecolleftgrey{
	width: 33%;
	border: 0px solid rgb(220,220,220);
	text-align: left;
	vertical-align: bottom;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: small;
	font-weight: normal;
	background-color: #D3D3D3;
	padding: 12px;
}

table.fivecolrightgrey{
	width: 100%;
	border: 0px solid rgb(240,240,240);
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
/*	background-color: rgb(240,230,140);  khaki */
	vertical-align: bottom;
	text-align: center;
	padding: 0px;
	border-collapse: separate; /* collapse; */
}
table.fivecolrightgrey col.one_fivecolrightgrey{
	width: 20%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}
table.fivecolrightgrey col.two_fivecolrightgrey{
	width: 20%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}
table.fivecolrightgrey col.three_fivecolrightgrey{
	width: 20%;
	border: 0px solid rgb(220,220,220);
	text-align: left;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}
table.fivecolrightgrey col.four_fivecolrightgrey{
	width: 20%;
	border: 0px solid rgb(220,220,220);
	text-align: left;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}
table.fivecolrightgrey col.five_fivecolrightgrey{
	width: 20%;
	border: 0px solid rgb(220,220,220);
	text-align: left;
	vertical-align: bottom;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: small;
	font-weight: normal;
	background-color: #D3D3D3;
	padding: 12px;
}

table.fivecolkhaki{
	width: 100%;
	border: 0px solid rgb(240,240,240);
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
/*	background-color: rgb(240,230,140);  khaki */
	vertical-align: bottom;
	text-align: center;
	padding: 0px;
	border-collapse: separate; /* collapse; */
}
table.fivecolkhaki col.one_fivecolkhaki{
	width: 20%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}
table.fivecolkhaki col.two_fivecolkhaki{
	width: 20%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}
table.fivecolkhaki col.three_fivecolkhaki{
	width: 20%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}
table.fivecolkhaki col.four_fivecolkhaki{
	width: 20%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}
table.fivecolkhaki col.five_fivecolkhaki{
	width: 20%;
	border: 0px solid rgb(220,220,220);
	text-align: center;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: medium;
	font-weight: normal;
	background-color: rgb(240,230,140); /* khaki*/
	padding: 12px;
}

/* End table form ------------------------------------------------------------------------------ */