/* Style for MMELSP conference page */

body {
  padding:0;
  margin: 0;
  font-family: sans-serif;
  color: black;
  background: white;
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
:link { color: #00C; background: transparent }
:visited { color: #609; background: transparent }
a:active { color: #C00; background: transparent }

a:link img, a:visited img { border-style: none } /* no border on img links */

a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
}

h1, h2, h3, h4, h5, h6 { text-align: left }
h1, h2, h3 { color: #005A9C; background: transparent }
h1 { font: 170% sans-serif }
h2 { font: 140% italic }
h3 { font: 120% sans-serif }
h4 { font: bold 100% sans-serif; color:#00ffff; background:transparent}
h5 { font: italic 100% sans-serif }
h6 { font: small-caps 100% sans-serif }

.information {
/*
display: inline-block;
max-width: 80%;
//height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color:red;
*/
    font-weight: bold;
    font-size:14px;	  
    position: relative;
    //top: 0;
   // left: 1em;
    width: 100%;
    text-align: left;
   // line-height: 1em;
    color: black;
    background: #DEF;
   // padding: 0.5em;
   // border: thin solid #999;   
}

.information p{
width:100%;
}  


span.note {
 font: 100% serif;
 font-weight: bold;
 color:red}
/* ToC indented and font style shows hierarchy */
span.mail:before {
content: "cci.fluide@incas.ro";
content: "cci.fluide@incas.ro";
font: 100%;
color:blue;
}
ul.nav {
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
  // background-color: rgba(0,50,100,0.5);
}
ul.nav li{
//display: inline-block;
      color: #00f;
      text-align: left;
      padding: 2px 10px;
      text-decoration: none;
      font-size:12px;
      font-weight:bold;
      cursor:pointer;
      //background-color: rgba(0,50,100,0.5);

}  

ul.nav li:hover{
background-color: rgba(0,50,100,0.5);
}



ul.toc {margin:0 0; padding: 0; font: 80% sans-serif; font-weight: bold}
ul.toc ul {margin: 0 1em; padding: 0; font:75% sans-serif; font-weight: bold;}
ul.toc ul ul {margin: 0em 2em ; font-style: italic}
ul.toc ul ul ul {margin: 0em}
ul.toc li {margin: 0 0; padding: 0}
ul.toc li li {margin: 0}


@media all { /* NS4 doesn't align the floats properly :-( */

  /* Section numbers in a column of their own */
  ul.toc span.secno {margin-right: 1em} /* workaround for Opera6 */
  ul.toc span.secno {float: left; width: 4em; margin-left: -5em}
  /*ul.toc span.secno {text-align: right}*/
  ul.toc li {clear: both}
  ul.toc {margin-left: 5em}
  /* If we had 'tab', floats would not be needed here:
       ul.toc span.secno {tab: 5em right; margin-right: 1em}
       ul.toc li {text-indent: 5em hanging}
     The second line in case items wrap
  */
}

ul.index {
  list-style: disc;             /* Mac NS has problem with 'none' */
  list-style: none;
}


/*
ul.toc li li li, ul.toc li li li ul {margin-left: 0; display: inline}
ul.toc li li li ul, ul.toc li li li ul li {margin-left: 0; display: inline}
*/
/*
ul.toc, ol.toc {
  margin: 1em 0; padding: 0; font-weight: bold;
  list-style: disc;*/             /* Mac NS has problem with 'none' */
 /* list-style: none;
}
*/
h1, h2, h3, h4, h5, h6 { text-align: left }
h1, h2, h3 { color: #005A9C; background: white }
h1 { font: 170% sans-serif }
h2 { font: 140% sans-serif }
h3 { font: 120% sans-serif }
h4 { font: bold 100% serif; color:inherit; background:inherit; padding:1px 1px;}
h5 { font: italic 100% sans-serif }
h6 { font: small-caps 100% sans-serif }


table.list {
    font-size: 15px;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    margin: 0;
    width: 100%
}
table.list caption {
 font-style: 120% serif;
 font-weight: bold;
 background: #005A9C;
 color: white;
 padding: 0.5em

}
table.list td {
    padding: 1px 0;
    vertical-align: middle;
}

table.list td.spk{
    font-style: serif;
    font-weight: bold;
    text-align: left;
    width: 30%;
    font-size: 15px;	     

}
table.list td.loc{
    font-style: serif;
    font-weight: bold;
    text-align: left;
    width: 60%

}

table.list td.web{
    font-style: serif;
    font-weight: bold;
    text-align: left;
    width: 10%

}


table.team {
    font-size: 10px;
    border-collapse: collapse;
    border-spacing: 0;
    font-weight: bold;
    text-align: left;
    margin: 1em 0;
    width: 100%
}
table.team caption {
 font-style: 120% serif;
 font-weight: bold;
 background: #005A9C;
 color: white;
 padding: 0.5em

}
table.team td, table.team th{
    padding: 0.5em 0;
    vertical-align: baseline;
}
table.team td:first-child,table.team th:first-child {
    font-style: serif;
    font-weight: bold;
    text-align: left;
    width: 30%

}
table.team td[colspan]:first-child,table.team th[colspan]:first-child {
    font-style: inherit
}

table.talks {
 /*   font-size: small;*/
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    margin: 1em 0;
    width: 80%
}
table.talks caption {
 font-style: serif;
 font-weight: bold;
 font-size: 10pt;
 background: #0EF;
 color: red;
 padding: 0.5em

}
table.talks tr {
    padding:  0;
    border:  solid white ;
}



table.talks td, table.talks th{   
    font-style:  serif;
    font-size: 8pt;
    padding: 0.5em 1;
    vertical-align: baseline;
    background:#EEF; 
    color: green; 
    font-weight: bold;
}
table.talks td:first-child,table.talks th:first-child {
    text-align: left;
    width: 30%;
    color: black;
     font-size: 8pt;
     background:#DEF; 

}
table.talks td[colspan]:first-child,table.talks th[colspan]:first-child {
    font-style: inherit
   
}

table.programme {
 /*   font-size: small;*/
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    margin: 1em 0;
    width: 100%;
    font-style: arial;
    font-weight: bold;
    font-size: 8px;
    background: #EEF;
    color:black;
}
table.programme caption {
 font-size: 12px;
 background: #0EF;
 color:black;
 padding: 0.5em

}
table.programme tr {
    padding:  0;
    border:  solid white ;
}

table.programme td, table.programme th{   
    font-size: 10px;
    padding: 1px 1;
    vertical-align: baseline;
   // background:#DDF; 
    color: red; 
    font-weight: bold;
}


table.programme td.coli{
    text-align: left;
    width: 30%;
    background:#dd5;
    color: black;
    font-size: 10px;
}

table.programme td.col1{
    text-align: left;
    width: 10%;
    //background:#ddF; 
    color: black;
    font-size: 8px;
}
table.programme td.colb{
    text-align: center;
    width: 30%;
    background:#0EF;
    color: black;
    font-size: 10px;
}

table.programme td.colt {
    font-size: 10px;
    text-align: left;
    width: 30%;
    background:#00F;
    color: white; 
}
table.programme td.colo {
    font-size: 10px;
    text-align: center;
    width: 30%;
    background:#AAA;
    color: red; 
}
table.programme td.col3 {
    font-size: 8px;
    text-align: left;
    width: 45%;
    background:green;
    color:white; 
}

table.programme td.colg {
    font-size: 8px;
    text-align: left;
    width: 10%;
    background:#EEF;
    color:red; 
}

table.programme td.colp{
    text-align: left;
    width: 10%;
    background:#ffd700; 
    color: black;
    font-size: 8px;
}




/*
table.programme td[colspan]:first-child,table.programme th[colspan]:first-child {
    font-style: inherit
}
*/

table.calendar {
    font-size: small;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    margin: 1em 0;
    width: 100%
}
table.calendar caption {
 font-style: 120% serif;
 font-weight: bold;
 background: #00b2ae;
 color: white;
 padding: 0.5em

}
table.calendar tr {
    padding:  0;
    border: thin solid #999 ;
}

table.calendar td, table.calendar th{
    padding: 0.5em 0;
    vertical-align: baseline;
    background: #DEF;
}
table.calendar td:first-child,table.calendar th:first-child {
    font-style: serif;
    font-weight: bold;
    text-align: left;
    width: 40%

}
table.calendar td[colspan]:first-child,table.calendar th[colspan]:first-child {
    font-style: inherit
}




/*
table.team tr:first-child {
    background: #005A9C;
    color: white
}
*/
/*mail */
span.mail:before {
content: "cci_fluide@yahoo.com";
content: "cci_fluide@yahoo.com";
font: 100%;
color:blue;
}
span.mail-cb:before {
content: "e-mail:balan@hydrop.pub.ro";
content: "e-mail:balan@hydrop.pub.ro";
font: 100%;
color:blue;
}
span.mail-rs:before {
content: "e-mail:rselescu@incas.ro";
content: "e-mail:rselescu@incas.ro";
font: 100%;
color:blue;
}
span.mail-ac:before {
content: "e-mail:acara@fmi.unibuc.ro";
content: "e-mail:acara@fmi.unibuc.ro";
font: 100%;
color:blue;
}
span.mail-si:before {
content: "e-mail:ro_diff@yahoo.com";
content: "e-mail:ro_diff@yahoo.com";
font: 100%;
color:blue;
}
span.mail-en:before {
content: "e-mail:eneba@incas.ro";
content: "e-mail:eneba@incas.ro";
font: 100%;
color:blue;
}
span.mail-mmels:before {
content: "e-mail:mmels_conf@ismma.ro";
content: "e-mail:mmels_conf@ismma.ro";
font: 100%;
color:blue;
}
span.mail-afr:before {
content: "e-mail:florin.radu@uib.no";
content: "e-mail:florin.radu@uib.no";	 
font: 100%;
color:blue;
}


/*new *********************************/
.header {
        position:absolute;
        top:0;
        width: 100%;
        height: 15%;
        margin: 0 auto;
        padding: 0px 0px;
        background: #0055ee;
        font-weight: bold;
        color:#ffffff;
	font-size:2vw;
//	text-align:center;
	content: center;
        justify-content: center;
	display: flex;
}

.navigation {
position: fixed;
top:15%;
left: 0;
width: 200px; /*Width of frame div*/
height: 85%;
overflow: scroll; /*Disable scrollbars. Set to "scroll" to enable*/
background: #f8f8f8;
color: navy;
font-weight: bold;
font-size: 12px;
padding:2px;      
}  
.running {
position: fixed;
top:15%;
margin-left:200px;    
margin-right:0px; /*Width of frame div*/
height:85%;
background:#90f2d3;
overflow: scroll;
//padding-top: 56.25%;
}  


.content{
position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
/*
height:100%;
background:#90f2d3;
overflow: scroll;
*/
}
.show{
display:none;
width:90%;
background: #f0e68c      
}  

.show h2{
text-shadow:2px 2px #df6c20;
font-weight:bold;
font-family:italic,sans-serif;
font-size:20px;
}  

.showitem{
width:40px;
height:auto;
vertical-align:middle;       
} 

.showbtn {
  float: left;
  font-size:15px;
  font-weight: bold;
  cursor: pointer;
 display: block;
}
/*
.showbtn:hover {
  background-color: rgba(50,50,100,0.5);
}
*/

@media (max-width:768px){.navigation{display:none}.running{margin-left:0!important}}