@font-face {
  font-family:ESAFont;
  src:url('../fonts/NotesStyle-RegularTf.otf');
}

@font-face {
  font-family:ESAFontIE;
  src:url('../fonts/NotesEsa.eot');
}

@font-face {
  font-family:ESAFontBold;
  src:url('../fonts/NotesStyle-BoldTf.otf');
}

body {
  background-color:#DDDDDF;
  /*background-image:url('../imgs/header_bg.png');*/
  /*background-repeat:repeat-x;*/
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: Verdana, sans-serif;
}

div#leftPanelDiv {
  font-size:10px;
}

a.leftpanel {
  color:#000;
  text-decoration:none;
  border:0px;
}

a {
  color:#3277a6;
  text-decoration:underline;
  border:0px;
}

a:hover {
  color:#3277a6;
  text-decoration:none;
  border:0px;
}

a.news {
  color:#afcf41;  
  text-decoration:none;
}

a.newstext {
  color:#3277a6;
  text-decoration:underline;
}

div#titleStripe {
  font-family:verdana,arial,sans-serif;
  font-size:11px;
}

div#titleStripe a:link { text-decoration:none; }
div#titleStripe a:visited { text-decoration:none; }
div#titleStripe a:hover { text-decoration:none; }
div#titleStripe a:active { text-decoration:none; }

div#grad1 {
  z-index:-1;
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:160px;
  background: #359e34; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1OWUzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZmRiNDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  #234e80 0%, #2c60a0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#234e80), color-stop(100%,#2c60a0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #234e80 0%,#2c60a0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #234e80 0%,#2c60a0 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #234e80 0%,#2c60a0 100%); /* IE10+ */
  background: linear-gradient(to right,  #234e80 0%,#2c60a0 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#234e80', endColorstr='#2c60a0',GradientType=1 ); /* IE6-8 */
}

div#grad2 {
  z-index:-1;
  position:absolute;
  left:0px;
  top:160px;
  width:100%;
  height:50px;
  background: #2b7526; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiNzUyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOGFhMzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  #1d3d61 0%, #214977 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d3d61), color-stop(100%,#214977)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #1d3d61 0%,#214977 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #1d3d61 0%,#214977 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #1d3d61 0%,#214977 100%); /* IE10+ */
  background: linear-gradient(to right,  #1d3d61 0%,#214977 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d3d61', endColorstr='#214977',GradientType=1 ); /* IE6-8 */
}

div#superDiv {
 margin: 0px auto;
 border: 0px;
 width: 980px;
 background: #ffffff;
 box-shadow: 3px 0px 5px rgb(50,50,50);
}

div#bannerDiv {
 border: 0px;
 width: 980px;
 background-image:url('../imgs/headerBanner.png');
 background-color:#ccff33;
 height: 184px;
}

div#leftPanelDiv {
 float: left;
 margin: 10px;
 width: 176px;
 /*background: #5555cc;*/
 padding: 0px;
 overflow-x:hidden;
}

div#rightPanelDiv {
 float: left;
 margin:0px;
 margin-left:20px;
 width: 174px;
 /*min-height:600px;*/
 background:#eee;
 padding-left:10px;
 min-height:1000px;
}

div#mainDiv {
 border: 0px;
 float: left;
 width: 580px;
 background: #ffffff;
 padding: 0px;
}

.flow {
 float:left;
 clear:left;
 margin:0px 10px 10px 0px;
}

div#footerDiv {
 border: 0px;
 clear: left;
 width: 980px;
 height:101px;
 background-image:url('../imgs/footerBanner.jpg');
 color:white;
}

div#connect {
 vertical-align:middle;
 position:relative;
 top:15px;
 width:900px;
 height:40px;
 left:20px;
 font-family: ESAFontBold, sans-serif;
 font-size:18px;
}

div#footerCol {
 position:relative;
 top:20px;
 float:left;
 width:210px;
 height:170px;
 padding:10px;
 border:0px;
 margin-left:10px;
 font-family:ESAFontBold,sans-serif;
 font-size:13px;
}

ul#footerList, li#footerList {
 margin-left:5px; padding-left:5px;
 list-style-image:url('../imgs/square.gif');
 color:#88d961;
 margin-bottom:6px;
 font-family:verdana,aria,sans-serif;
 font-size:11px;
 text-shadow: 2px 0px 3px rgb(36,53,39);
}

div#article {
 border:1px solid #aaaaaa;
 background-color:#eeeeee;
 padding:5px 5px 5px 5px;
 margin:4px 5px 4px 5px;
}

div#sideSquares {
 width:120px;
 border:1px solid #aaaaaa;
 background-color:#eeeeee;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 font-size:10px;
}

div#buttonD {
 height:35px;
 position:relative;
 top:136px;
 float:left;
 padding:12px 7px 0px 7px;
 vertical-align:middle;
 text-align:center;
 font-family: ESAFontBold, sans-serif;
 font-size:15px;
 color:white;
 background-image:url('../imgs/25whiteGhost.png');
 border-top-style:solid;
 border-top-color:rgb(112,146,190);
 border-top-width:1px;
 border-right-style:solid;
 border-right-color:rgb(12,61,27);
 border-right-width:1px;
}

div:hover#buttonD {
 height:35px;
 position:relative;
 top:136px;
 float:left;
 padding:12px 7px 0px 7px;
 vertical-align:middle;
 text-align:center;
 font-family: ESAFontBold, sans-serif;
 font-size:15px;
 color:white;
 background-image:url('../imgs/50whiteGhost.png');
 border-top-style:solid;
 border-top-color:rgb(112,146,190);
 border-top-width:1px;
 border-right-style:solid;
 border-right-color:rgb(12,61,27);
 border-right-width:1px;
}

div#buttonS {
 height:35px;
 position:relative;
 top:136px;
 float:left;
 padding:12px 12px 0px 12px;
 vertical-align:middle;
 text-align:center;
 font-family: ESAFontBold, sans-serif;
 font-size:16px;
 color:#3f6690; /*#afcf41;*/
 /*color:rgb(12,61,27);*/
 background-color:white;

 border-top-style:solid;
 border-top-color:white;
 border-top-width:1px;
 border-right-style:solid;
 border-right-color:gray;
 border-right-width:1px;
 border-bottom-style:solid;
 border-bottom-color:white;
 border-bottom-width:1px;
}

a#buttonDA {
 color:#ffffff;
}

a#buttonSA {
 color:#3f6690; /*#afcf41;*/
}

.dots {
 height:2px;
 line-height:0;
 font-size:0;
 background:url('../imgs/dot.gif') repeat-x center left;
 clear:both
}

h1 {
 font-family: ESAFont, sans-serif;
 font-size:19px;
 /*color: rgb(12, 61, 27);*/
 color:#afcf41;
}

h2 {
 font-family: Verdana, sans-serif;
 font-size:14px;
 color:rgb(12,61,27);
}

#toolboxtable a {
 color:#0000ff;
 text-decoration:underline;
 font-size:11px;
}

p.j {
  text-align:justify;
}

a.newLink:link { text-decoration:none; }
a.newLink:hover { text-decoration:none; font-weight:bold; }
a.newLink:visited { text-decoration:none; }
a.newLink:active { text-decoration:none; }

div.highlight {
 margin-left:0px;
 width:160px;
 border:1px solid #bbb;
 background-color:#fff;
}

div.highlightLabel {
 font-size:10px;
 padding-left:5px;
}

div.highlight a:link { text-decoration:none; }
div.highlight a:hover { text-decoration:none; }
div.highlight a:visited { text-decoration:none; }
div.highlight a:active { text-decoration:none; }

h1.highlightTitle {
  /*padding-left:8px;*/
}

ul.listaAlta li {
 margin-bottom:10px;
}





table.minicalendar {
  border-collapse: collapse;
  width:70px;
  height:70px;
}

table.minicalendar,td.minicalendar,th.minicalendar {
  border:1px solid gray;
  width:10px;
  height:10px;
}

td.minicalendar {
  background-color:white;
  text-align:center;
}



table.midicalendar {
  border:1px solid gray;
  border-collapse: collapse;
  width:560px;
  height:420px;
}

td.midicalendar {
  border:1px solid gray;
  width:80px;
  height:60px;
}

th.midicalendar {
  border:1px solid gray;
  width:80px;
  height:60px;
}

td.midicalendar {
  text-align:left;
  vertical-align:top;
}

td.gallerytd {
  vertical-align:top;
  text-align:center;
  font-size:10px;
}

.homepage_box {
  width:275px;
  overflow:hidden;
  float:left;
  margin-right:10px;
  margin-top:10px;
}

.homepage_box img {
  width:275px;
  height:155px;
  overflow:hidden;
}

.homepage_box p {
  margin-top:0px;
  overflow:hidden;
  height:30px;
}

p.record_doi_field1 { display: inline; }
p.record_doi_field2 { display: inline; }
div.record_doi a:link { color: black; text-decoration: none; }
div.record_doi a:visited { color: black; text-decoration: none; }
div.record_doi a:active { color: black; text-decoration: none; }
div.record_doi a:hover { color: #33b; text-decoration: underline; }
div.record_doi hr {
  border:0;
  height:0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}