/* EAS Web Site CSS */

body {
	margin: 0;
	padding: 0;
	background-color: #eee;
	font-family: Helvetica, Arial, sans-serif;
	/*
	font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
    font-family: Arial, Helvetica, sans-serif;
	font-family: Lucida, Helvetica, Arial, Verdana, sans-serif ;
	*/
	font-size: 12px;
	color: #333;
  	text-align: left;	/* for IE and Opera assuming "center" */
}

a:link {
	text-decoration: none;
	color: #339;
}

a:visited {
	text-decoration: none;
	color: #339;
}

a:active {
	text-decoration: none;
	color: #339;
}

a:hover {
	text-decoration: underline;
	color: #933;
}

a.emphasize {	/* used in member_display.jsp */
	font-weight: bold;
	color: #933;
	/* text-decoration: underline; */
}

input, textarea {
	color: #333;
	font-family: Helvetica, Arial, Lucida, sans-serif;
	font-size: 14px;
	border: 1px solid #aaa;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input[type="submit"], input[type="reset"], input[type="button"] {
	border: 1px solid #aaa;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
	background: -moz-linear-gradient(top, #ddd, #bbb); /* FF3.6+ */
	background: linear-gradient( to bottom, #ddd, #bbb); /* new general syntax */
	background-color: #ccc;
	color: #333;
	font-family: Helvetica, Arial, Lucida, sans-serif;
	font-size: 14px;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#aaa));
	background: -moz-linear-gradient(top, #ccc, #aaa); /* FF3.6+ */
	background: linear-gradient( to bottom, #ccc, #aaa); /* new general syntax */
	background-color: #bbb;
	color: #000;
	cursor: pointer;
}
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#666));
	background: -moz-linear-gradient(top, #aaa, #666); /* FF3.6+ */
	background: linear-gradient( to bottom, #aaa, #666); /* new general syntax */
	background-color: #999;
}
input[type="button"].highlight, select.highlight {
	border: 3px solid #ff0;	/* Adds a yellow border to hightlight */
}
input.error, select.error, textarea.error {
	border: 2px solid #c00;	/* Adds a red border in case of input field error */
}
span.error {
	display: block;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	color: #c00;
	font-weight: 600;
	font-size: 12px;
}

fieldset {	/* frame around content area */
	padding: 10px;
	border: 1px solid #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
legend {	/* label of fieldset */
	color: #c63;
}

#warning {
	border-top: 2px solid #900;
	border-bottom: 2px solid #900;
	color: #900;
	font-weight: normal;
	padding: 4px;
	vertical-align: middle;
	text-align: center;
	background-color: #ecc;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ecc));
	background: -moz-linear-gradient(top, #eee, #ecc); /* FF3.6+ */
	background: linear-gradient( to bottom, #eee, #ecc); /* new general syntax */
}

#pagelayout {
	margin: 0;
	border-spacing: 0;	/* replaces cellspacing */
	border-collapse: collapse;
	padding: 0;	/* does not seem to work */
	width: 100%;
	border: 0;
}

#banner {
	border-spacing: 0;	/* replaces cellspacing */
	border-collapse: collapse;
	padding: 0;
	width: 100%;
	height: 80px;
	border: 0;
	color: #137;	/* dark-blue title color */
	background-color: #d2d8e2;
	font-weight: bold;
	text-align: left;
}
#bannerlogo {
	vertical-align: middle;
	padding: 2px 30px 4px 30px; 	/* top right bottom left */
	border: 0;
	height: 64px;
}
#bannerlinks {
	font-size: 11px;
	padding: 0px 0px 5px 0px;	/* top right bottom left */
}
#bannerlinks a {
	color: inherit;
}
table.menu {
	width: 200px;
	border-spacing: 20px;	/* like cellspacing */
	padding: 0;
	text-align: left;
	font-size: 12px;
}
#menucolumn {
	background-color: #eee;
	width: 220px;
	border-spacing: 0;	/* like cellspacing */
	padding: 0 19px 0 0;	/* top right bottom left */
	vertical-align: top;
	border-right: 1px solid #ddd;
}
/* Modifications when printing the document */
@media print {
	#menucolumn { /* skip the menu column */
		width: 0;
		display: none;
	}
	.main {
		padding-right: 40px;
	}
	#bannerlinks {
		display: none;
	}
}

.main {
	width: 100%;
	vertical-align: top;
	background-color: #eee;
	padding: 20px 5% 0px 40px;	/* top right bottom left */
}

h1 {
	font-size: 24px;
	font-weight: normal;
	text-align: center;
}
.orange {
	color: #953;
}
.yellow {
	color: #973;
}
.green {
	color: #693;
}
.blue {
	color: #369;
}
.dark_blue {
	color: #137;
}
.red {
	color: #900;
}

ul {
	list-style-type: square;
}
li {
	/* slighty wider vertical space than default, proportional to character width */
	padding: .2em 0 .2em 0;	/* top right bottom left */
}

dl.wide dt {
	padding: .4em 0 0 0;	/* top right bottom left */
}
dl.wide dd {
	text-align: justify;
	padding: 0 0 .4em 0;	/* top right bottom left */
}
ul.wide li, ol.wide li {
	padding: .4em 0 .4em 0;	/* top right bottom left */
	margin-left: 20px;
}

.textframe {
	background-color: #d2d8e2; /* light-blue */
	padding: 30px 50px 30px 50px;	/* top right bottom left */
	border: 1px solid #bbb;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.textframe p, .tabbertab p, .tabbertab li, .tabbertab dd {
	text-align: justify;
}

td.footer {
	text-align: center;
	padding: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #999;
	/* background-color: #eee; */
	background-color: inherit;
}

table.plain {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #bbb;
	background-color: #e2e8f2;	
}

table.plain td, th {
	border: 1px solid #bbb;
	padding: 3px;
}

table.plain th {
	background-color: #c2c8d8;
}

table.rows {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #bbb;
	background-color: #d2d8e2;
}
table.rows td {
	border-top: 1px solid #bbb;
	padding: 3px;
}
table.rows tr:nth-child(odd)  {background-color: #e2e8f2;} /* allows specific bgcolor for separate row */

table.orgMembers { /* for organisational members */
	width: text;
	border-spacing: 0px 4px ;	/* for horizontal, vertical cellspacing */
	border: 0;
	font-size: 14px;
}
table.orgMembers td.logo {
	background-color: #fff;
	padding: 8px 4px 8px 8px;	/* top right bottom left */
	text-align: center;
	border: 1px solid #bbb;
	border-right: 0;
	vertical-align: center;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
}
table.orgMembers td.text {
	padding: 8px 8px 8px 4px;	/* top right bottom left */
	text-align: justify;
	border: 1px solid #bbb;
	border-left: 0;
	vertical-align: center;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
}
table.orgMembers tr:nth-child(even) {
	background-color: #e2e8f2;
	background: -webkit-gradient(linear, left top, right top, from(#fff), to(#e2e8f2));
	background: -moz-linear-gradient(left top, #fff, #e2e8f2); /* FF3.6+ */
	background: linear-gradient( to bottom right, #fff, #e2e8f2); /* new general syntax */
}
table.orgMembers tr:nth-child(odd) {
	background-color: #e6e6e6;
	background: -webkit-gradient(linear, left top, right top, from(#fff), to(#e6e6e6));
	background: -moz-linear-gradient(left top, #fff, #e6e6e6); /* FF3.6+ */
	background: linear-gradient( to bottom right, #fff, #e6e6e6); /* new general syntax */
}

table.job {
	width: 100%;
	border: 0;
	border-spacing: 0;	/* for horizontal, vertical cellspacing */
	padding: 5px 5px 5px 10px;	/* top right bottom left */
	background-color: #e2e8f2;
	border: 1px solid #bbb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}
table.job td.title {
	font-weight: bold;
	text-align: left;
	vertical-align: center;
}
table.job td.abstract {
	font-size: 12px;
	padding: 5px 40px 5px 40px;	/* top right bottom left */
	text-align: justify;
}
table.job td.left {
	font-size: 12px;
	text-align: left;
}
table.job td.right {
	font-size: 11px;
	text-align: right;
	white-space: nowrap;	/* needed, but squeezes title for long contact names */
}
table.job td.detail {
	font-size: 12px;
	padding: 5px 20px 5px 40px;	/* top right bottom left */
	text-align: justify;
}
table.job td.detail div.info {
	text-align: right;
	padding-top: 10px;
	font-size: 11px;
	color: #666;
}

div.noteRight {
	text-align: right;
	padding-top: 5px;
	font-size: 11px;
	color: #666;
}
div.meracNomination {
	margin-bottom: 10px;
	width: 100%;
	border: 0;
	border-spacing: 0;	/* for horizontal, vertical cellspacing */
	padding: 5px 10px 5px 10px;	/* top right bottom left */
	background-color: #e2e8f2;
	border: 1px solid #bbb;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

img.pictureFrame {
	vertical-align: top;
	margin: 0px 60px 10px 30px; 	/* top right bottom left */
	background-color: #fff;
	padding: 5px;
	border: 1px solid #bbb;
	float: right;
	clear: all;
	-webkit-box-shadow: 3px 3px 5px #666;
	-moz-box-shadow: 3px 3px 5px #666;
	box-shadow: 3px 3px 5px #666;
}

img.pictureFrameWide {
	vertical-align: top;
	margin: 0px 30px 10px 30px; 	/* top right bottom left */
	background-color: #fff;
	padding: 5px;
	border: 1px solid #bbb;
	clear: all;
	-webkit-box-shadow: 3px 3px 5px #666;
	-moz-box-shadow: 3px 3px 5px #666;
	box-shadow: 3px 3px 5px #666;
}

img.rightOfText {
   border: 1px solid #999;
   margin-left: 10px ;
   float: right;
   clear: right;
}

pre, p.preFonts {
	font-family: "Lucida Sans Typewriter", "Lucida Console", monospace;
	font-size: 12px;
	width: 80ex;
}

.newsbox {
	color: #666;
	padding: 5px 20px 5px 20px; 	/* top right bottom left */
	font-size: 14px;
	text-align: right;
	border: 1px solid #666;
	background-color: #ddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background: -moz-linear-gradient(top, #eee, #ccc); /* FF3.6+ */
	background: linear-gradient( to bottom, #eee, #ccc); /* new general syntax */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.smallbox {
	width: 300px;
	padding-top: 11px;
	padding-bottom: 0px;
	font-size: 13px;
	background-color: #eee;
	border: 1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.smallbox h2 {
	font-weight: bold;
	font-size: 16px;
	padding-left: 15px;
}

.smallbox ul {
	padding-left: 30px;
	padding-right: 4px;
}

.smallmenubox {
	width: 180px;
	padding: 11px 0 0 0;	/* top right bottom left */
	font-size: 12px;
	border: 1px solid #bbb;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
}

.smallmenubox h2 {
	font-weight: normal;
	font-size: 13px;
	padding-left: 15px;
}

.smallmenubox ul {
	padding-left: 30px;
	padding-right: 4px;
}

#aboutbox {
	color: #953;
	border-color: #953;
	background-color: #eca;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#c86));
	background: -moz-linear-gradient(top, #eee, #c86); /* FF3.6+ */
	background: linear-gradient( to bottom, #eee, #c86); /* new general syntax */
}

#aboutmenubox {
	color: #953;
	border-left: 3px solid #953;
	background-color: #edc;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#edc));
	background: -moz-linear-gradient(top, #eee, #edc); /* FF3.6+ */
	background: linear-gradient( to bottom, #eee, #edc); /* new general syntax */
}

#prizebox {
	color: #973;
	border-color: #973;
	background-color: #eda;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#cb6));
	background: -moz-linear-gradient(top, #eee, #cb6); /* FF3.6+ */
	background: linear-gradient( to bottom, #eee, #cb6); /* new general syntax */
}

#prizemenubox {
	color: #973;
	border-left: 3px solid #973;
	background-color: #eec;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#eec));
	background: -moz-linear-gradient(top, #eee, #eec); /* FF3.6+ */
	background: linear-gradient( to bottom, #eee, #eec); /* new general syntax */
}

#servicebox {
	color: #693;
	border-color: #693;
	background-color: #cea;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#9c6));
	background: -moz-linear-gradient(top, #eee, #9c6); /* FF3.6+ */
	background: linear-gradient( to bottom, #eee, #9c6); /* new general syntax */
}

#servicemenubox {
	color: #693;
	border-left: 3px solid #693;
	background-color: #dec;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#dec));
	background: -moz-linear-gradient(top, #eee, #dec); /* FF3.6+ */
	background: linear-gradient( to bottom, #eee, #dec); /* new general syntax */
}

#forumbox {
	color: #369;
	border-color: #369;
	background-color: #ace;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#69c));
	background: -moz-linear-gradient(top, #eee, #69c); /* FF3.6+ */
	background: linear-gradient( to bottom, #eee, #69c); /* new general syntax */
}

#forummenubox {
	color: #369;
	border-left: 3px solid #369;
	background-color: #cde;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#cde));
	background: -moz-linear-gradient(top, #eee, #cde); /* FF3.6+ */
	background: linear-gradient( to bottom, #eee, #cde); /* new general syntax */
}

#intranetmenubox {
	color: #900;
	border-left: 3px solid #900;
	background-color: #ecc;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ecc));
	background: -moz-linear-gradient(top, #eee, #ecc); /* FF3.6+ */
	background: linear-gradient( to bottom, #eee, #ecc); /* new general syntax */
}
#frontPageImage {
	height: 300px;
	width: 450px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 5px 5px 5px #666;
	-moz-box-shadow: 5px 5px 5px #666;
	box-shadow: 5px 5px 5px #666;
}

/* Used by the e-Newsletter, but not exclusively */

div.captionFigureRight {
	float: right;
	margin-left: 10px;
	margin-right: 0;
}
div.captionFigureRight img {
	border: 1px solid;
	float: right;
	margin-right: 0px;
	margin-bottom: 5px;
	clear: right;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
div.captionFigureRight p {
	margin-left: 10px;
	margin-right: 0;
//	font-style: italic;
	font-size: 11px;
	text-indent: 0;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: justify;
}

/* Specifically for the e-Newsletter */

img.newsLead {
	width:  90px;
	height: 90px;
	border: 1px solid #999;
	margin-right: 10px ;
	float: left;
	clear: all;
	object-fit: cover; // for cropping the excess sides
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
div.newsTitle {
	color: #fff;
   	border: 1px solid #999;
   	border-bottom: 0px;
	font-size: 18px;
	font-weight: bold;
	text-shadow: #3c495d 2px 2px 5px ;	/* x-offset, y-offset, blur radius */
	background-color: #a2afc3;
	background: -webkit-gradient(linear, left top, left bottom, from(#63799c), to(#d2d8e2));
	background: -moz-linear-gradient(top, #63799c, #d2d8e2); /* FF3.6+ */
	background: linear-gradient( to bottom, #63799c, #d2d8e2); /* new general syntax */
	padding: 6px 10px 6px 10px;	/* top right bottom left */
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
}
div.newsSubTitle {
	color: #3c495d;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 10px 2px 0px;	/* top right bottom left */
	text-shadow: none;	/* x-offset, y-offset, blur radius */
}
div.newsBody {
	color: #3c495d;
   	border: 1px solid #999;
   	border-top: 0px;
	font-size: 13px;
	text-align: justify;
	background-color: #d2d8e2;
	background: -webkit-gradient(linear, left top, left bottom, from(#d2d8e2), to(#eff2f5));
	background: -moz-linear-gradient(top, #d2d8e2, #eff2f5); /* FF3.6+ */
	background: linear-gradient( to bottom, #d2d8e2, #eff2f5); /* new general syntax */
	padding: 4px 16px 4px 16px;	/* top right bottom left */
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}
div.newsletterTitle {
	color: #693;
   	border: 1px solid #999;
   	border-bottom: 0px;
	font-size: 18px;
	font-weight: bold;
	text-shadow: #fff 2px 2px 5px ;	/* x-offset, y-offset, blur radius */
	background-color: #d9dfd2;
	background: -webkit-gradient(linear, left top, left bottom, from(#d9dfd2), to(#e6eae1));
	background: -moz-linear-gradient(top, #d9dfd2, #e6eae1); /* FF3.6+ */
	background: linear-gradient( to bottom, #d9dfd2, #e6eae1); /* new general syntax */
	padding: 6px 10px 6px 10px;	/* top right bottom left */
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
}
div.newsletterBody {
	color: #693;
   	border: 1px solid #999;
   	border-top: 0px;
	font-size: 13px;
	text-align: justify;
	background-color: #e6eae1;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6eae1), to(#f2f4f0));
	background: -moz-linear-gradient(top, #e6eae1, #f2f4f0); /* FF3.6+ */
	background: linear-gradient( to bottom, #e6eae1, #f2f4f0); /* new general syntax */
	padding: 4px 16px 4px 16px;	/* top right bottom left */
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}
table.newsletterFooter {
	width: 100%;
	border-spacing: 20px;	/* like cellspacing */
	padding: 0;
}
.newsletterFooter td {
	width: 50%;
	color: #693;
   	border: 1px solid #999;
	font-size: 13px;
	text-align: justify;
	vertical-align: top;
	background-color: #e6eae1;
	background: -webkit-gradient(linear, left top, left bottom, from(#e6eae1), to(#f2f4f0));
	background: -moz-linear-gradient(top, #e6eae1, #f2f4f0); /* FF3.6+ */
	background: linear-gradient( to bottom, #e6eae1, #f2f4f0); /* new general syntax */
	padding: 6px 16px 6px 16px;	/* top right bottom left */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
	
/* For dot-filled lines */

table.dotFill td { /* For dot-filled lines as in a Table of Content */
	white-space: nowrap;
}
table.dotFill td.right {
	width: 50px; /* Is actually a minimal width */
	text-align: right;
}
table.dotFill div {
	/* width: 450px; */ /* Set value in tag for flexible usage */
	white-space: nowrap;
	overflow: hidden;
}
table.dotFill div:after {
	content: " .................................................................................................................";
}