/* 1. Default HTML tags */
/* 2. Layout styles */
/* 3. Allmice CMS specific styles */
/* 4. Other custom styles */

/* ============================== */
/* 1. Default HTML tags */
/* ============================== */

/* padding:[top]px [right]px [bottom]px [left]px; */
/* text-shadow: [X-Offset]px [Y-Offset]px [blur]px [#color]; */

/* Start of CSS reset */

/* http://meyerweb.com/eric/tools/css/reset/ */ 
/*   v2.0 | 20110126 */
/*   License: none (public domain) */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End of CSS reset */

* {
	margin: 0;
	padding: 0;
}

/* General styles */
body {
	width:100%;
	background: #FFFFFF;
	min-width:600px;
/* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
	font: normal 16px/24px Arial, sans-serif;
	color: #00513F;
	text-shadow: 2px 2px 6px #555555;
/* text-shadow: [X-Offset]px [Y-Offset]px [blur]px [#color]; */
}

ul {
/*    list-style-type: none;*/
	list-style-type: circle;
	margin: 0px 0px 0px 8px;
/*	list-style-position: inside; */
/*	list-style-position: inside; !!! Not to use such inside style - it causes issues in Chromium/Chrome browsers */
/* https://bugs.chromium.org/p/chromium/issues/detail?id=278115 */
/*	margin: 0px 0px 0px 16px;*/
}

ul li {
	list-style-image: url(../images/menu-leaf.png);
	list-style-position: outside;
	margin: 0px 0px 0px 16px;
}

a {
	text-decoration: none;
	color: #002244;
}
a:hover {
/*Caution: There is no space in selector between a: and hover as it may be after : between property and value!*/
	text-decoration: underline;
	color: #002244;
}

b,
strong {
	font-weight: bold;
}

i {
	font-style: italic;
}

u {
	text-decoration:underline;
}

center {
/*center an element e.g. div inside center tags*/
    margin: auto;
    width: 50%;
/*center text*/
	text-align: center;
}

h1, h2, h3 {
	color: #00513F;
	text-shadow: 2px 2px 4px #AAAAAA;
/* text-shadow: [X-Offset]px [Y-Offset]px [blur]px [#color]; */
}

h1 {
	font: normal 22px/50px Verdana, sans-serif;
}

h2 {
	font: 18px Verdana, sans-serif;
}

h2 a {
	font: 18px Verdana, sans-serif;
}

h3 {
	font: 16px Verdana, sans-serif;
}

p {
	margin:0;
	padding: 10px 0 10px 0;
}

img {
	margin:10px 0 5px;
}

tbody {
}

tbody th {
  border-bottom: 1px solid #00513F;
}

thead th {
	text-align: left; /* LTR */
	padding: 3px;
	border-top: 3px solid #00513F;
	border-bottom: 3px solid #00513F;
	background-color: #A0C1B8;
	height: 24px;
}

td {
	padding: 8px;
	background-color: #C0E1D8;
	border-bottom: 1px solid #00513F;
}
th {
	padding: 8px;
	border-top: 3px solid #00513F;
	border-bottom: 3px solid #00513F;
	height: 24px;
	background-color: #A0C1B8;
/*	font-weight: bold;*/
	font: normal 18px/26px Arial, sans-serif;
}

input[type="text"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="email"],
input[type="range"],
input[type="number"],
input[type="color"],
input[type="password"]
{
	width:300px;
	height:30px;
	margin:4px;
	padding:4px;
	color: #184C4D;
	background-color: #A0C1B8;
}

input[type="email"],
input[type="color"]
{
	background-color: #FFFFFF;
}

input[type="text"].wide
{
	width:700px;
	height:30px;
	margin:4px;
	padding:4px;
	color: #184C4D;
	background-color: #A0C1B8;
}

button,
input[type="submit"]
{
	-webkit-appearance: button;
	margin:5px;
	padding:15px 30px 15px 30px;
	background:url('../images/bg/button-default-bg.png') #FFFFFF repeat-x left top;
	border:1px none;
	cursor:pointer;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font: normal 16px Verdana, sans-serif;
}

button:hover,
input[type="submit"]:hover
 {
	-webkit-appearance: button;
	margin:5px;
	padding:15px 30px 15px 30px;
	background:url('../images/bg/button-hover-bg.png') #FFFFFF repeat-x left top;
	border:1px none;
	cursor:pointer;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font: normal 16px Verdana, sans-serif;
}

select {
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	width:200px;
	padding:4px;
	margin-top:4px;
	font-family:Sans;
	height:30px;
	line-height:30px;
	background-color: #A0C1B8;
	color: #002244;
	font-size:14px;
}

select:hover {
	background-color: #FDFD96;
}

select.single {
	display:block;
	height:40px;
}

select.multiple {
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	width:200px;
/*	width:100%;*/
	padding:4px;
	margin-top:4px;
	font-family:Sans;
	height:80px;
	line-height:30px;
	background-color: #A0C1B8;
	color: #002244;
	font-size:14px;
}

select.multiple:hover {
	background-color: #FDFD96;
}

option {
	height: 20px;
	font: normal 16px/18px Arial, sans-serif;
	margin: 0px;
	padding: 4px;
}

/*	padding: top right bottom left;*/

/* ============================== */
/* 2. Layout styles */
/* ============================== */

.header-area {
	clear:both;
	float:left;
	height:70px;
	width:100%;
	background:url('../images/bg/paper/paper-turquoise-header-bg-3.png') #FFFFFF repeat-x left top;
	color: #FFFFFF;
	text-shadow: 2px 2px 4px #AAAAAA;
}

/* CSS classes for site name, title, etc. */

.site-name {
	color: #FFFFFF;
	text-shadow: 2px 2px 4px #AAAAAA;
	padding: 0px 0px 0px 20px;
	background-color:transparent;
}
img.site-name {
    display: block;
    margin: auto;
    width: 40%;
}

.site-name a,
.site-name a:link,
.site-name a:hover,
.site-name a:active,
.site-name a:focus {
	font: normal 28px Verdana, sans-serif;
	color: #FFFFFF;
	text-shadow: 2px 2px 4px #AAAAAA;
}

/* CSS classes for header-bar: location of naviArea & userArea */

.header-bar {
	float:right;
 	width:100%;
	min-height:40px;
	background:url('../images/bg/cardboard-teal.png') #308080 repeat left top;
	color: #FFFFFF;
	font: normal 18px/26px Verdana, sans-serif;
	border-top:2px solid #003030;
	border-bottom:2px solid #003030;
}

/* CSS classes for user area */

.user-area {
	float:right;
	color: #FFFFFF;
	font: 18px Verdana, sans-serif;
	margin: 0;
	overflow: hidden;
	padding: 8px 16px;
}

.user-area a {
	color: #FFFFFF;
	font: 18px Verdana, sans-serif;
	text-decoration: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.user-area a:hover {
	text-decoration: underline;
}

/* CSS classes for content area */

.content-cell
{
	text-align: left;
	display: inline-block;
	margin:0px;
	padding:20px;
}

div.content-cell ul {
/*    list-style-type: none;*/
	list-style-type: circle;
	list-style-position: inside;
}
div.content-cell ul li {
	list-style-image: url(../images/menu-leaf-off.png);
	margin: 0px 0px 0px 16px;
}

ul.content li.content,
ul.content-body li.content-body,
ul.content-cell li.content-cell {
/* In use - vertical menu indent and bullets */
    list-style-type: circle;
	list-style-image: url(../images/menu-leaf.png);
	margin: 0px 0px 0px 16px;
}

.footer-area {
	display: inline-block;
	width:100%;
   left: 0;
   bottom: 0px;
	background:url('../images/bg/cardboard-teal.png') #308080;
	color: #FFFFFF;
	text-shadow: 2px 2px 4px #AAAAAA;
	border-top:2px solid #003030;
	border-bottom:2px solid #003030;
	text-align: center;
	height: 40px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

/*	If there exists Region['stickyArea'] (selector .sticky-area), then class .footer-area2 will be used instead of .footer-area */
.footer-area2 {
	display: inline-block;
	width:100%;
   left: 0;
   bottom: 0px;
	background:url('../images/bg/cardboard-teal.png') #308080;
	color: #FFFFFF;
	text-shadow: 2px 2px 4px #AAAAAA;
	border-top:2px solid #003030;
	border-bottom:2px solid #003030;
	text-align: center;
	height: 90px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

.footer-cell
{
	margin:0px;
	padding: 10px;
	font: 14px/20px Verdana, sans-serif;
	text-shadow: 2px 2px 4px #AAAAAA;
	color: #FFFFFF;
}

.footer-cell,
.footer-cell a,
.footer-cell a:link,
.footer-cell a:hover,
.footer-cell a:active,
.footer-cell a:focus {
	color: #FFFFFF;
}

/* Global Observer module specific - Statistics & GDPR */

.sticky-area {
	position:fixed!important;
	z-index:1;
	display: inline-block;
	width:100%;
   left: 0;
   bottom: 0px;
	background:url('../images/bg/cardboard-teal-off.png') #308080;
	color: #FFFFFF;
	text-shadow: 2px 2px 4px #AAAAAA;
	border-top:2px solid #003030;
	border-bottom:2px solid #003030;
	text-align: center;
	height: 60px;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	background:url('../images/bg/cardboard-teal-off.png') #222222 repeat left top;
	color: #FFFFFF;
	text-align: center;
}

.col1 a,
.col1 a:link,
.col1 a:hover,
.col1 a:active,
.col1 a:focus,
.col2 a,
.col2 a:link,
.col2 a:hover,
.col2 a:active,
.col2 a:focus,
.col3 a,
.col3 a:link,
.col3 a:hover,
.col3 a:active,
.col3 a:focus {
	color: #002244;
}

/* ============================== */
/* 3. Allmice CMS specific styles */
/* ============================== */

/* CSS classes for horizontal menus - naviArea */

.navi-area {
	float:left;
	color: #FFFFFF;
/*	font: normal 18px/24px Arial, sans-serif;*/
	font: 18px Verdana, sans-serif;
	position:relative;
	z-index: 50;
	min-height:40px;
}

.navi-area ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 50;
}

.navi-area li {
	float: left;
	z-index: 50;
}

.navi-area li a {
	display: block;
	color: #FFFFFF;
	font: normal 18px/24px Arial, sans-serif;
	text-align: center;
	padding: 8px 16px 8px 16px;
	text-decoration: none;
	z-index: 50;
	min-height:30px;
}

.navi-area li a:hover:not(.active) {
	background-color: #81EE79;
	color: #003030;
	z-index: 50;
	min-height:30px;
}

.navi li.active a {
	background-color: #FFFFFF;
	color: #00513F;
	z-index: 50;
}

.navi-area ul li {
/* In use - vertical menu indent and bullets */
	list-style-image: none;
	list-style-position: outside;
	margin: 0px 0px 0px 0px;
}

/* CSS classes for vertical menus - menuArea */

ul.menu li {
/* In use - vertical menu indent and bullets */
	list-style-image: url(../images/menu-leaf.png);
	list-style-position: outside;
	margin: 0px 0px 0px 6px;
}

.menu li.active a {
/*In use - class of active menu item for vertical menu*/
/*Problem - if main menu item will be active, then all sub menu items will have such active font too*/
	font-style: italic;
}

.menu-title h2 {
/*In use for vertical menus*/
	color: #00513F;
	text-shadow: 2px 2px 4px #AAAAAA;
	font: 18px Verdana, sans-serif;
}

.menu-content{
/*In use for vertical menu items - location from one another - space between items*/
	margin: 0px 0px 0px 6px;
	padding: 6px 6px 24px 6px;
	font: 1em/1.5em Verdana, sans-serif;
	display:block;
	z-index: 50;
}

/* CSS classes for captcha */

.captcha-image {
	display: block;
}

.captcha-text {
	display: block;
}

.captcha {
	display: block;
}

/* CSS classes for form elements, form labels and for other form related text */

.form-field
{
	display: block;
}

.label-text,
.label-textarea,
.label-select,
.label-password,
.label-checkboxes {
	display: block;
	text-align: left;
	font: bold 16px Arial, sans-serif;
	margin:0px;
	padding:4px;
}

label.check-set, label.radio-set {
	width:100%;
	background: #FFFFFF;
	min-width:600px;
/* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
	font: normal 16px/24px Arial, sans-serif;
	color: #00513F;
	text-shadow: 2px 2px 6px #555555;
/* text-shadow: [X-Offset]px [Y-Offset]px [blur]px [#color]; */
}

.label-checkboxes, .label-radio-buttons {
	display: block;
	text-align: left;
	font: bold 16px Arial, sans-serif;
	margin:0px;
	padding: 4px 4px 14px 4px;
}

/* The wrapper of a checkbox set */
.check-set {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide default checkbox */
.check-set input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom checkbox */
.check-mark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #9DD4D2;
}

/* On mouse-over, add a background color */
.check-set:hover input ~ .check-mark {
/*    background-color: #FDFD96;*/
	background-color: #FFFF00;
}

/* When the checkbox is checked, add a background */
.check-set input:checked ~ .check-mark {
	background-color: #2196F3;
}

/* Create the check-mark element (hidden, if not checked) */
.check-mark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the check-mark when checked */
.check-set input:checked ~ .check-mark:after {
	display: block;
}

/* Style the checkmark/indicator */
.check-set .check-mark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* The wrapper of a radio button set */
.radio-set {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.radio-set input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.radio-mark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #9DD4D2;
	border-radius: 50%;
}

/* On mouse-over, add a background color */
.radio-set:hover input ~ .radio-mark {
/*    background-color: #FDFD96;*/
	background-color: #FFFF00;
}

/* When the radio button is checked, add a background */
.radio-set input:checked ~ .radio-mark {
	background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-mark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-set input:checked ~ .radio-mark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radio-set .radio-mark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/* Below are Profile module specific styles */

/* The wrapper of a radio button set */
.radio-set2 {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.radio-set2 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.radio-mark2 {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #9DD4D2;
	border-radius: 50%;
}

/* On mouse-over, add a background color */
.radio-set2:hover input ~ .radio-mark2 {
	background-color: #FFFF00;
}

/* When the radio button is checked, add a background */
.radio-set2 input:checked ~ .radio-mark2 {
	background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-mark2:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-set2 input:checked ~ .radio-mark2:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radio-set2 .radio-mark2:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/* Paginator specific */

select.pagin-select {
	width: 90px;
	height: 40px;
	font: normal 16px/18px Arial, sans-serif;
	padding: 4px;
}

option.pagin-option {
	width: 40px;
	height: 20px;
	font: normal 16px/18px Arial, sans-serif;
	padding: 4px;
}

/* Class for form element guides */

.guide {
	display:block;
	padding: 0px 4px 14px 4px;
	font: normal 12px/18px Arial, sans-serif;
}

select.wide-element {
	width:400px;
}

/* CSS classes for messages */

.error-messages {
	text-align: left;
	display: block;
	margin:0px;
	padding:20px;
	font: normal 16px/1.5em Arial, sans-serif;
	border: 1px solid #DDAAAA;
	background-color: #FFCCCC;
	color: #774444;
}

.message-area {
	display: block;
	margin: auto;
	padding:20px;
}

.green,
.success-note {
	border: 1px solid #AADDAA;
	background-color: #CCFFCC;
	color: #447744;
	padding: 10px;
}

.red,
.problem-note {
	border: 1px solid #DDAAAA;
	background-color: #FFCCCC;
	color: #774444;
	padding: 10px;
}

h2.title {
	font: normal 28px Verdana, sans-serif;
	color: #FFFFFF;
	text-shadow: 2px 2px 4px #AAAAAA;
	margin: 18px 0px 18px 0px;
}

/* Page module Post specific */

.post-wrap {
	display: block;
	padding: 10px 20px 10px 20px;
}

.post-creating-data {
/*  float: left;*/
/*  	display: inline-block;*/
}

.post-creator-name {
/*  float: left;*/
  	display: inline-block;
}
.post-creating-time {
/*  float: left;*/
  	display: inline-block;
}
.post-editor-name {
/*  float: left;*/
  	display: inline-block;
}
.post-editing-time {
/*  float: left;*/
  	display: inline-block;
}

/* Global Observer module specific - Statistics & GDPR */

.sticky-text {
	display: inline-block;
	width:80%;
	padding: 0px;
}

.sticky-button {
	top: 0px;
	display: inline-block;
	width:20%;
	padding: 0px;
}

button.button-yellow {
	display: inline-block;
	width:110px;
	color: #000000;
	background:url('../images/bg/cardboard-teal-off.png') #FFFF00;
	top: 0px;
	padding: 12px 0px 12px 0px;
}

/* User & Language block specific */

.row-align {
	padding: 0px 0px 0px 0px;
	float:right;
}

.login-form-area {
	display: in-line;
	float:right;
	top:70px;
	height:440px;
	width:240px;
	right:0px;
	background-color: #D0E0E0;
	position:fixed!important;
	z-index:1;
	overflow:hidden;
	border: 1px solid #00513F;
}

.login-form-area a,
.login-form-area a:link,
.login-form-area a:hover,
.login-form-area a:active,
.login-form-area a:focus {
	color: #002244;
}

.window-title {
	display: inline-block;
	position: relative;
	padding: 12px;
	line-height:24px;
	height:24px;
	font-size:20px;
}

button.close-button, input.close-button {
	float:left;
	position:absolute;right:0;top:0
	z-index:1;
	padding:8px;
	font-size:18px;
	color: #002244;
}

button:hover.close-button, input:hover.close-button {
	float:left;
	position:absolute;right:0;top:0
	z-index:1;
	padding:8px;
	font-size:18px;
	color: #002244;
}

.language-form-area {
	display: in-line;
	float:right;
	top:70px;
  	height: 300px;
	width:240px;
	right:0px;
	background-color: #D0E0E0;
	position:fixed!important;
	z-index:1;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #00513F;
}

.language-block-header,
.login-block-header {
	width:240px;
	height:50px;
	background-color:transparent;
	background:url('../images/bg/cardboard-teal.png') #308080 repeat left top;
	margin: 0px 0px 0px 0px;
	border-top:1px solid #003030;
	border-bottom:2px solid #003030;
}

div.language-block-content,
div.login-block-content {
	width:220px;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
    color: #00513F;
}

button.language-block-content,
input.language-block-content,
input.login-block-content {
	width:190px;
	color: #002244;
}

.lang-list-text {
	padding: 0px 0px 10px 0px;
}

/* Button as link */

button.link, input.link {
	display: inline;
	position: relative;
	background:url('../images/bg/button-default-bg-off.png') transparent repeat-x left top;
	cursor: pointer;
	border: 0;
	padding: 0;
	text-decoration:none;
	color: #FFFFFF;
	font: inherit;
	line-height:24px;
	height:24px;
}

button:hover.link, input:hover.link {
	display: inline;
	position: relative;
	background:url('../images/bg/button-default-bg-off.png') transparent repeat-x left top;
	cursor: pointer;
	border: 0;
	padding: 0;
	text-decoration:underline;
	color: #FFFFFF;
	font: inherit;
	line-height:24px;
	height:24px;
}

/*Profile module specific*/
.avatar-image
{
	display: inline-block;
	padding-left: 30px;
}

/*Theme module specific*/
.context {
	background-color:transparent;
	margin: 0px 0px 0px 0px;
	border:1px solid #003030;
	padding: 8px;
}

/* ============================== */
/* 4. Other custom styles */
/* ============================== */

td.active {
	background-color: #C0E1D8;
	border-bottom: 1px solid #00513F;
}

tr.trHead {
	padding: 4px;
}

/* Some tables have rows marked even or odd. */
tr.even {
	padding: 8px;
	background-color: #A0C1B8;
	border-bottom: 1px solid #00513F;
}

tr.odd {
	padding: 8px;
	background-color: #C0E1D8;
	border-bottom: 1px solid #00513F;
}

.logo {
/*Not in use at the moment, maybe in the future*/
	display: inline-block;
}

#==========#

oldValue	newValue	keyword	description
#003030	#123552	color	Text color of navi area; border colors of layout areas.
#00513F	#123552	color	General (body tag) text color; user block and language block text and border color; check box and radio button label text color; navi link color, menu title color; custom table border color.
#184C4D	#2A4F6E	color	Input text color.
#002244	#2A4F6E	color	Link (a) text color; select, select multiple and button text color; user block text and link color; language block text color.
#308080	#718DA5	color	Background color for user & language block headers; for header bar, footer area and sticky area.
#9DD4D2	#A3B8C9	color	Background color for check and radio marks.
#A0C1B8	#A3B8C9	color	Background color for table, input and select tags.
#C0E1D8	#A3B8C9	color	Background color for table cells and odd row.
#D0E0E0	#D3DEE7	color	Background color for user block and language block areas.
#2196F3	#2A4F6E	color	Check mark
background: url('../images/bg/cardboard-teal.png') #308080 repeat left top;	background: url('../images/bg/cardboard-teal-off.png') #718DA5 repeat left top;	url	Background image for user & language block headers.
background: url('../images/bg/button-default-bg.png') #FFFFFF repeat-x left top;	background: url('../images/bg/button-default-bg-off.png') #A3B8C9 repeat-x left top;	url	Background image for button default state.
background: url('../images/bg/button-hover-bg.png') #FFFFFF repeat-x left top;	background: url('../images/bg/button-hover-bg-off.png') #718DA5 repeat-x left top;	url	Background image for button hover state.
background:url('../images/bg/paper/paper-turquoise-header-bg-3.png') #FFFFFF repeat-x left top;	background: url('../images/bg/paper/paper-turquoise-header-bg-3-off.png') #496C89 repeat-x left top;	url	Background image for header area.
background: url('../images/bg/cardboard-teal.png') #308080 repeat left top;	background: url('../images/bg/cardboard-tea-off.png') #A3B8C9 repeat left top;	url	Background image for header bar area.
background: url('../images/bg/cardboard-teal.png') #308080;	background: url('../images/bg/cardboard-teal-off.png') #496C89;	url	Background image for footer and footer2 area.
text-shadow: 2px 2px 4px #AAAAAA;	text-shadow: 0px 0px 0px #AAAAAA;	text-shadow	Text shadow for all other text, except checkbox and radio button labels.
text-shadow: 2px 2px 6px #555555;	text-shadow: 0px 0px 0px #555555;	text-shadow	Text shadow for checkbox and radio button labels.

