/* ====================================================================================================*/
/*********************************************** ELCI CODE *********************************************/
/* ====================================================================================================*/

/* ====================================== RIGHT COLUMN SELECTORS ================================================*/

#rightmain {
    float: right;
    position: absolute;
    top: 0px;
    left: 140px;
    right: 0px;
    border-bottom: 5px solid #B2B2B2;
    background: #FFFFFF;
}
#righthead {
    padding: 40px 10px 10px 10px;
    padding-bottom: expression(8+"px"); /* Only for IE */
    font: bold 100% "Arial Black", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: #B3580C;
    text-align: center;
    background: url('../images/indexbanner.jpg') center no-repeat;
}
#righthead img {
    position: absolute;
    left: 10px;
    margin-top: -13px;
    filter: alpha(opacity=100);
    opacity: 1;
    border: 3px solid white;
}
#righthead :hover img {
    filter: alpha(opacity=50);
    opacity: 0.5;
    border: 1px solid red;
}
#rightmenu {
    border-top: 2px solid #B2B2B2;
    border-bottom: 5px solid #9F9F9F;
    background: #F5F5F5;
}
#right_menu ul {
    margin: 0 0 0 30px;
    padding: 1em 0 1.3em 0;
    list-style: none;
}
#right_menu li {
    display: inline;
}
#right_menu a {
    float: left;
    text-decoration: none;
    text-align: center;
    color: white;
    padding: 0.35em 0.7em;
    border-right: 1px solid white;
    font: 70%/9pt Verdana;
    background-color: #1F7420;
}
#right_menu a:hover {
    background-color: #AE0000
}
#right_menu a:active {
    background-color: #AA9100
}
#right_menu .selected a {
    background-color: #9F9F9F;
    padding-bottom: 0.55em;
}
#righttext {
    margin: 0 20px 40px 20px;
    font: 150% Garamond, "Trebuchet MS", georgia, times, "times new roman", serif;
    color: #004001;
}
#righttext h1 {
    font-weight: bold;
    font-size: 130%;
    margin: 0 1em 0.5em 0;
}
#righttext h2 {
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-weight: normal;
    font-size: 100%;
    margin-top: 1em;
    margin-left: 1em;
    text-indent: -1em;
}
#righttext h3 {
    font-weight: bold;
    font-size: 110%;
    text-align: center;
    margin-bottom: 0;
}
#righttext h4 {
    font-weight: bold;
    font-size: 100%;
    margin: 0;
}
#righttext h5 {
    font-weight: bold;
    font-size: 80%;
    margin: 1em;
}
#righttext h6 {
    font-weight: bold;
    font-size: 110%;
    margin: 1em 0 0 1em;
    text-indent: -1em;
}
#righttext a {
    color: #7B0D88;
    text-decoration: none;
}
#righttext a:hover {
    color: #C71585;
    font-weight: bold;
    font-style: normal;
}
#righttext p {
    margin-bottom: 1em;
}

/* ================================= POPUP WINDOWS SELECTORS ===========================================*/

.popuptopbot {
    height: 20px;
    padding: 5px 0px;
    text-align: center;
    font: 70% "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: White;
    background: #802300;
}
.popuptopbot a {
    text-decoration: none;
    color: White;
    padding: 0px 10px;
}
.popuptopbot a:hover {
    color: yellow;
    border: 2px solid yellow;
}
.popupmain {
    border: 5px solid #FFD1BF;
    background: #FFF7F4;
}

/* ================================================= CV SELECTORS ================================================*/

#leftcv {
    float: left;
    left: expression(document.body.clientWidth*0.5-615+"px" ); /* Only for IE */
    position: fixed;
    top: 250px;
    width: 140px;
    background-color: #F9F9EF;
    border: 1px solid #267749;
}
#leftcv .photo {
    width: 100px;
    margin: 10px auto 10px auto;
}
#leftcv .photo img {
    border: 1px solid #267749;
}
#leftcv ul {
    margin-left: 25px;
    margin-left: expression(10+"px"); /* Only for IE */
    font: bold 70%/8pt "Segoe Print";
}
#leftcv ul li {
    margin-bottom: 10%;
}
#rightcv {
    margin: 20px 0px 0px 160px;
    background-color: #F9F9EF;
    border: 1px solid #267749;
    padding: 0px 10px 10px 10px;
}
#rightcv .kids {
    text-align: right;
    padding: 0px 10px 10px 0px;
}
#rightcv .kids img {
    vertical-align: middle;
}

/* ====================================== TABLE SELECTORS ================================================*/

thesis { margin: 30px auto 0px auto; width: 80%; border: 2px solid #532BAA; border-collapse: collapse; }
table.thesis td { padding: 5px; border: 1px solid #9370DB; }
table.thesis th { padding: 5px; border: 1px solid #9370DB; background-color: #FAF1CF; }
table.thesis .col1 { font: 55% Verdana, sans-serif; background-color: #B8E8A4; text-align: right; }
table.thesis .col2 { font: 55% Verdana, sans-serif; font-weight: bold; background-color: #F3F3E1; }
table.thesis .col3 { font: 55% Verdana, sans-serif; background-color: #D7D799; text-align: center; }
table.equip { margin: 20px auto 0px auto; width: 95%; border: 2px solid #532BAA; border-collapse: collapse; font: 9pt Verdana, Helvetica, sans-serif; }
table.equip td { padding: 5px; border: 1px solid #9370DB; }
table.equip th { padding: 5px; border: 1px solid #9370DB; background-color: #F5F5D3; }
table.equip .col1 { background-color: #F9F9E9; text-align: center; }
table.equip .col2 { background-color: #F3F3E1; text-align: right }
table.tools { margin: 20px auto 0px auto; width: 70%; border: 5px solid #B5D867; font: 10pt Verdana, Helvetica, sans-serif; }
table.tools td { padding: 5px; width: 25%; text-align: center; }
table.tools .pressbutton { border: 2px #d1ec4c outset; padding: 1px 4px; background-color: #D5E9AA; font: 9pt "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; font-weight: bold }
table.tools :hover.pressbutton { background-color: Yellow; }
table.tools :active.pressbutton { border-style: inset; padding: 2px 3px 0 5px; background-color: #D4FEFF; }
table.tools a { color: brown !important; }
table.engines { margin: 30px auto 0px auto; width: 50%; border: 2px solid #532BAA; border-collapse: collapse; }
table.engines td { padding: 5px; border: 1px solid #9370DB; text-align: center; }
table.engines td img { border: 0; vertical-align: middle; opacity: 1; filter: alpha(opacity=100); }
table.engines td :hover img { filter: alpha(opacity=50); opacity: 0.5; }
table.engines th { padding: 5px; border: 1px solid #9370DB; background-color: #F5F5D3; }
table.contact { margin: 10px auto 0px auto; border: 2px solid #532BAA; border-collapse: collapse; font: 10pt "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; }
table.contact td { padding: 5px; border: 1px solid #9370DB; }
table.contact th { padding: 5px; border: 1px solid #9370DB; background-color: #F5F5D3; }
table.contact td ind { margin-left: 4em; }
table.contact .ucol { color: #50626F; font-weight: bold; }
table.contact .lcol { color: #740075;}
table.contact .mcol { color: #17605A; }
table.contact .ccol { color: #17605A; text-align: center; }
table.contact .rcol {color: #555500; }
table.download { margin: 20px auto 0px auto; width: 90%; border: 2px solid #532BAA; border-collapse: collapse; font: 10pt Verdana, Helvetica, sans-serif; }
table.download td { padding: 5px; border: 1px solid #9370DB; }
table.download th { padding: 5px; border: 1px solid #9370DB; background-color: #F5F5D3; }
table.res { margin: 20px auto 0px auto; width: 95%; border: 2px solid #25A726; border-collapse: collapse; font: 9pt Verdana, Helvetica, sans-serif; }
table.res td { padding: 5px; border: 1px solid #9370DB; }
table.res th { padding: 5px; border: 1px solid #9370DB; background-color: #F5F5D3; }
table.res .col1 { background-color: #F9F9E9; text-align: center; }
table.res .col2 { background-color: #F3F3E1; text-align: right }

/* ====================================== GENERAL SELECTORS ================================================*/
/* Usage example: <p class="note">test</p> */

.imgborder img { border: 0px; }
:hover.imgborder img { border: 1px solid yellow; }
:hover.imgborder { color: yellow;
/* Dummy definition to overcome IE bug */
    }
.note {
    color: green;
    font: 70% "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-style: oblique;
}
.button { font: 8pt Verdana, Helvetica, sans-serif; }
hr { background-color: #369F63; }
.squarebul { list-style-type: square; }
.circlebul { list-style-type: circle; }
.anakoinosi1 {
    padding: 10px; border: 6px groove #7F8000;
    color: blue; background: #FFFF97;
    font: 12pt "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.anakoinosi2 {
    padding: 10px; border: 6px groove blue;
    color: #422828; background: #EAFFFF;
    font: 12pt "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.anakoinosi3 {
    padding: 10px; border: 6px groove red;
    color: #422828; background: #FFEEF0;
    font: 12pt "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.anakoinosi1 ss, .anakoinosi2 ss, .anakoinosi3 ss { color: #9A009B; }
.anakoinosi1 bb, .anakoinosi2 bb, .anakoinosi3 bb { color: red; font-weight: bolder; }
.anakoinosi1 .anakref, .anakoinosi2 .anakref, .anakoinosi3 .anakref { font-weight: bold; }
.anakoinosi1 .indent, .anakoinosi2 .indent, .anakoinosi3 .indent {
    margin-left: 50%; color: #D400D5;
    font-size: smaller; font-style: italic;
}
.small { font: 8pt Verdana, Helvetica, sans-serif; }
.figcaption {
    text-align: center;
    font-style: oblique;
    font-weight: bold;
    padding-bottom: 1em;
}
.figure { text-align: center; font-style: oblique; font-weight: bold; }
.indent { margin-left: 2em; }
h6 {
    font-weight: bold;
    font-size: 120%;
    margin-left: 1em;
    text-indent: -1em;
}
.boxul {
    border: 1px solid #77C800;
    margin: 5px 100px 5px 10px;
    padding: 5px 0px 8px 30px;
}
.boxgen {
    border: 2px solid red;
    argin: 5px 100px 5px 10px;
    padding: 4px;
}
#elciheader
{
    position:relative;
}
#elciheader div {
    color: #004001;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 97.5%;
    height: 85%;
    background-color: transparent;
    border: 0px none;
    font-size: 30px;
    text-shadow: 2px 2px 2px #000;
    line-height: 30px;
    opacity: 0.7;
    padding-top:60px;
}
/* Large desktop, 70px column width */
@media (min-width: 1200px) {
  #elciheader div {
    padding-top:80px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #elciheader div {
    padding-top:30px;
  }
}