* {
	margin: 0;
    padding: 0;
}
html, body {
	height: 100%;
    
}

.Wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}

/*Navigation menus*/

.uiButton {
    background-color: red;
}

.uiButton:active {
    background-color:blue;
}

.uiButtonActive {
    background-color:blue;
}

/*STYLE FOR ARTICLES INDEX*/
#Left {
	-webkit-backface-visibility:hidden;
	position:fixed;
	margin-top:61px;
	margin-left:-87%;
	width:90%;	
	height:80%;
	z-index:2;
	 -webkit-transition: transform 1000ms ease-in-out; 
	 -moz-transition: transform 1000ms ease-in-out; 
	 -o-transition: transform 1000ms ease-in-out; 
	 transition: transform 1000ms ease-in-out; 
	 background:url(Images/bg_Table_Cont.png)  no-repeat right scroll;
	 background-color:#FFFFFF;
}

/*#Left:hover{
	transform:translateX(90%);
}*/

#Left:active{
	transform:translateX(90%);
}

/*#Left:focus{
	transform:translateX(90%);
}*/


#Left ul {
    display:flex;
    flex-flow: row wrap;
    max-width: 90%;
    margin-left:10em;
}

#Left ul li {
    list-style:none;
    width:10em;
    margin:1em;
    border-top: 1px solid #0020FF;
}

#Left a {
	text-decoration:none;
    text-transform: uppercase;
	font-family:'Open Sans', sans-serif;
    font-size: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: 1.2em;
	line-height: 1.2em;
	color:#0020FF;
/*	background-color:none; */
	-webkit-transition: transform 0.5s ease; 
	-moz-transition: transform 0.5s ease; 
	-o-transition: transform 0.5s ease; 
	transition: transform 0.5s ease;
}

#Left a:hover{
	color:#B50200;
	transform: translateY(0.4em);
}
/* STYLE FOR INDIVIDUAL ARTICLE SECTION LIST*/
#Article_Sections_Wrapper{
	display:block;
	height:80%;
	position:fixed;
	width:40%;
	margin-left:97%;
	background:url(Images/bg_Art_Inde.png) no-repeat left scroll;
	-webkit-transition: transform 1s ease-in-out; 
	-moz-transition: transform 1s ease-in-out; 
	-o-transition: transform 1s ease-in-out; 
	transition: transform 1s ease-in-out;
	z-index:4;
	backface-visibility:hidden;
	background-color:#FFFFFF;
}
#Article_Sections_Wrapper:hover{
	-webkit-transition: translateX(-70%);
	-moz-transition: translateX(-70%);
	transform: translateX(-70%);
}
#Article_Sections{
	display: flexbox;
	margin-top:2%;
	margin-left:15%;
	-webkit-transition: transform 1s ease-in-out; 
	-moz-transition: transform 1s ease-in-out; 
	-o-transition: transform 1s ease-in-out; 
	transition: transform 1s ease-in-out;
	-webkit-transform: matrix(1, -0.2, 0, 1, 0, 0);
	-o-transform: matrix(1, -0.2, 0, 1, 0, 0);
	transform: matrix(1, -0.2, 0, 1, 0, 0);
}

#Article_Sections:hover{
	transform: translateX(-0em);
}

#Main_UL{
    overflow-y: scroll;
}
#Article_Sections ul li{
	padding:0.2em;
	list-style:none;
	max-width:80%;
}

#Article_Sections ul li a {
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
	font-family:'Open Sans', sans-serif;
	font-size: 14px;
	font-weight:300;
	line-height: 1.2em;
	color:#0020FF;
}
#Article_Sections a:hover{
	color:#B50200;
}


/* Footer Navigation pages*/

.Bottom_Nav{
	height: 4em;
	font-family: 'Open Sans', sans-serif;
	font-size:0.7em;
	font-weight:800;
    backface-visibility:hidden;
	
}
.Wrapper_Prev{
	float:left;
	width:50%;
	position:fixed;
	margin-left:-200px;
	backface-visibility:hidden;
	z-index:2;
	-webkit-transition: transform 1s ease-in-out; 
	-moz-transition: transform 1s ease-in-out; 
	-o-transition: transform 1s ease-in-out; 
	transition: transform 1s ease-in-out;
}
.Wrapper_Prev:hover{
	transform: translateX(50%);
}
.Prev{
	display: inline-flex;
	flex-flow: row wrap;
	align-items: center;
	margin-left:20px;
}

.Prev a{
	width:350px;
	max-height:50px;
	position:absolute;
	text-decoration:none;
	text-align:right;
	color:#0020FF;
    background-color: #FFFFFF;
}
.Prev a:hover{
	color:#B50200;
}
.Prev img{
	display:block;
	margin-left:25px;
	float:right;
	width:153px;
	height:50px;
	background: url("Images/Button_PrevSect.jpg") no-repeat top scroll;
	background-size:100%;
}

.Prev img:hover{
        background-color: #FFFFFF;
	background: url("Images/Button_PrevSect_Hover.png") no-repeat top scroll;
}

.Wrapper_Next{
	float:right;
	width:350px;
	position:fixed;
	backface-visibility:visible;
	margin-left:90%;
	-webkit-transition: transform 1s ease-in-out; 
	-moz-transition: transform 1s ease-in-out; 
	-o-transition: transform 1s ease-in-out; 
	transition: transform 1s ease-in-out;
}
.Wrapper_Next:hover{
	transform: translateX(-70%);
}
.Next{
	display: inline-flex;
	flex-flow: row wrap;
	align-items: center;
	width:50%;
    background-color: #FFFFFF;
}
.Next a{
	max-width:350px;
	position:absolute;
	text-decoration:none;
	max-height:50px;
	color:#0020FF;
    background-color: #FFFFFF;
}
.Next a:hover{
	color:#B50200;
    background-color: #FFFFFF;
}
.Next img{
	float:left;
	display:block;
	width:153px;
	height:50px;
	background: url("Images/Button_NextSect.png") no-repeat top scroll;
	background-size:100%;
}
.Next img:hover{
	background: url("Images/Button_NextSect_Hover.png") no-repeat top scroll;
}
/*Headers and titles*/
.logo{
	margin-top: 0px;
    width:195px;
	height:60px;
	position:fixed;
	display:block;
	z-index:100;
    backface-visibility:hidden;
    background-color: #FFFFFF;
}

#Article-Title {
    margin-left:80%;
    margin-right:2%;
    position:fixed;
    float:right;
	padding:2px;
    display:block;
    visibility:hidden;
	background-color:#FFFFFF;
	z-index:4;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
    font-weight: 800;
    text-transform: uppercase;
	max-width:250px;
	color:#555555;
    backface-visibility:hidden;
}
#Article-Title2 {
	margin-top:-2px;
    margin-right:2%;
    margin-left:80%;
    position:fixed;
    float:right;
	padding:2px;
    display:block;
    visibility:visible;
	background-color:#FFFFFF;
	z-index:4;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
    font-weight: 800;
    text-transform: uppercase;
	max-width:300px;
	color:#555555;
    backface-visibility:hidden;
}

/* Article style*/

.Beethoven{
	margin-left:25%;
	width:70%;
	height:auto;
	position:absolute;
	font-family:'Open Sans', sans-serif;
}
#Header_Back_Wrap{
    margin-top: -20px;
    padding: 0;
}
.Title{
	margin-top:20px;
	max-width:70%;
	font-size:2.4em;
	font-weight:800;
	text-transform:uppercase;
	padding-bottom:10px;
}
.Author{
	display:inline;
	text-align:right;
	font-weight:800;
	padding-bottom:20px;	
    color:#555555;
}
.T02 {
    margin-top:7%;
	max-width:70%;
	font-size:2em;
	font-weight:700;
	text-transform:uppercase;
	padding-bottom:10px;
    color: #00071D;
    transform: rotateX('10deg');
    -moz-transform: rotateX('15deg');
    -o-transform: rotateX('15deg');
    -webkit-transform: rotateX('15deg');
}
.T03 {
    margin-top:7%;
    margin-left: 3%;
	max-width:70%;
	font-size:1.8em;
	font-weight:800;
	text-transform:uppercase;
	padding-bottom:10px;
    color: #001145;
}
.T04{
    margin-top:7%;
    margin-left: 3%;
	max-width:70%;
	font-size:1.5em;
	font-weight:800;
	text-transform:uppercase;
	padding-bottom:10px;
    color: #001862;   
}
.T-A-M{
    font-family: 'PT Sans', sans-serif;
    margin-top:7%;
    margin-left: 3%;
	max-width:70%;
	font-size:1.5em;
	font-weight:800;
	padding-bottom:10px;
    text-align: center;
}
.p-col-1{
	margin-top:2%;
	width:60%;
	line-height:1.5;
/*	 hyphens: auto; */
}
.p-col-1-1{
	margin-top:2%;
    margin-left: 3%;
	width:60%;
	line-height:1.5;
/*	 hyphens: auto; */
}
.p-col-1-1-1{
	margin-top:2%;
    margin-left: 5%;
	width:60%;
	line-height:1.5;
/*	 hyphens: auto; */
}
.p-sp{
    margin-top:10px;
	width:60%;
	line-height:1.5;
    font-size: small;
/*	 hyphens: auto; */
}
.p-aside{
    margin-top:2%;
    margin-left: 1%;
    font-size: 0.95em;
    width: 70%;
}
.img-aside{
    margin-left: -15%;
    float: left;
}
.p-center{
    width: 70%;
    text-align: center;
    line-height: 1.5em;
    font-family: 'PT Sans', sans-serif;
}
.Detail{
    width:60%;
    font-size: 0.8em;
    margin-left: 17%;
}

.p-quo{
    width: 50%;
    font-size: 0.9em;
    margin-top:2%;
    margin-left: 10%;
    color: #022F1A;
}

.Image-Style-1{
text-align:left;
padding:1em 0em 1em 0em;
margin-top: 20px;
margin-bottom: 20px;
}
.figure{
    margin-top: 1%;
    margin-bottom: 1%;
}
.Figure_title{
    max-width: 60%;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
    color:#555555;
}

.ImageH{
    padding-top: 10px;
    margin-left: -5%;
}
.Notes{
    font-size: 0.8em;
}
.push{
    display: block;
    width: 100%;
    height: 40px;
}
.push2{
    display: block;
    width: 100%;
    height: 100px;
}

.References{
margin-top:6em;
position:relative;
font-size: 0.85em;
margin-left:20em;
width:35em;
}

.p-ref {
padding-bottom: 1em;
}

.back{
    position: fixed;
    margin-left: 2%;
    font-variant: small-caps;
    color: #001862;
    text-decoration: none;
}
#Fig1{
    margin-left: -10%;
    margin-top: 2%;
}
.Button1{ 
    margin-left: 0px;
    margin-top: 10px;
    text-decoration: underline;
    font-weight: 700;
    font-size: 0.7em;   
}
.Links_Raw_Data {
    margin-left: 17%;
    display: flex;
}
.Links_Raw_Data a{
    padding: 3px;
    margin: 3px;
}

#S3-fig2{
 margin-left: -15%;
}

#S3-Fig8{
    margin-left: -15%;
}
#S4-fig10{
     margin-left: -15%;
}
#S4-2-Fig{
    margin-left: -10%;
}
#S5-Fig11{
    margin-left: -15%;
}
#S5-Fig12{
    margin-left: -15%;
}

#S6-Fig13{
    margin-left: -10%;
}
#S6-Fig14{
    margin-left: -5%;
}
#heat-maps{
    margin-top: 1%; 
    margin-left: 20%;
    width:80%;
}


.Appendix-p{
   margin-top: 2%;
   font-weight: 600;
}

.Appendix-p-s{
    margin-left: 9.4%;
    margin-top: -0.4em;
}

@media (min-width:320px) and (max-width:480px) {
    
    .logo{
      width: 100%;
     z-index: 40;
}
    #Left {
        visibility: collapse;
    }
   #Article_Sections_Wrapper {
       visibility: collapse;
    }  
    .Bottom_Nav{
	background-color: #FFFFFF;
}
    .Wrapper_Prev{
	    float:left;
	    width:30%;
        margin-top: -50px;
	    position:fixed;
	    margin-left:-70px;
	    backface-visibility:hidden;
	    z-index:2;
	    -webkit-transition: transform 1s ease-in-out; 
	    -moz-transition: transform 1s ease-in-out; 
	    -o-transition: transform 1s ease-in-out; 
	    transition: transform 1s ease-in-out;
    }
    .Wrapper_Prev:hover{
	    transform: translateX(0%);
    }


    .Wrapper_Next{
	    float:right;
	    width:90%;
	    position:fixed;
	    backface-visibility:visible;
	    margin-left:1%;
	    -webkit-transition: transform 1s ease-in-out; 
	    -moz-transition: transform 1s ease-in-out; 
	    -o-transition: transform 1s ease-in-out; 
	    transition: transform 1s ease-in-out;
    }
    .Wrapper_Next:hover{
	    transform: translateX(0%);
    }

    #Article-Title span{
visibility: hidden;
    }
    .Beethoven{
	margin-left:10%;
    padding-bottom: 60px;
    font-size: 0.9em;
    }
    .Title{
	    font-size:1em;
        padding-top: 61px;
    }
    .Section_title {
	    max-width:60%;
	    font-size:1em;
        padding-top: 61px;
    }

    .p-col-1, p-col-1-1, p-col-1-1-1{
	    font-size: 0.8em;
	    width:80%;
    }
    .References{
    margin-left:4%;
    width: 90%;
    }
    .Beethoven img{
	width: 90%;
    height: 90%;
    }
}

@media (min-width:481px) and (max-width:767px){
    .logo{
      width: 100%;
      z-index: 40;
}
    #Left {
    visibility: collapse;
    }
    #Article_Sections_Wrapper {
    visibility: collapse;
    }  
    
    .Bottom_Nav{
	background-color: #FFFFFF;
}
     .Wrapper_Prev{
	    float:left;
	    width:30%;
	    position:fixed;
	    left: 3px;
	    backface-visibility:visible;
    }
    .Wrapper_Prev:hover{
	    transform: translateX(0%);
    }
  
    .Wrapper_Next{
	    float:right;
	    width:30%;
	    position:fixed;
	    backface-visibility:visible;
	    margin-left:75%;
    }
    .Wrapper_Next:hover{
	    transform: translateX(0%);
    }
    #Article-Title{
         display: none;
    }
    #Article-Title2 {
        display: none;
    }
    .Beethoven{
	margin-left:10%;
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 0.9em;
    width: 90%;
    }
    .Title{
	    font-size:1em;
        padding-top: 61px;
    }
    .Section_title {
	    max-width:60%;
	    font-size:1em;
        padding-top: 61px;
    }

   .p-col-1{
	    width:90%;
    }
    .p-col-1-1{
	    width:90%;
    }
    .p-col-1-1-1{
	    width:90%;
    }
    .References{
    margin-left:4%;
    width: 90%;
    }
    .Beethoven img{
	width: 90%;
    height: 90%;
    }
}


@media (min-width:768px) and (max-width:980px) {
    .logo{
      width: 100%;
    z-index: 40;
}
    #Left {
        margin-left:-84%;
	    width:90%;	
	    height:80%;
    }

    #Article_Sections_Wrapper {
        width: 70%;
        margin-left: 94%;
    }  
    .Bottom_Nav{
	background-color: #FFFFFF;
}
    .Wrapper_Prev{
	    float:left;
	    width:50%;
	    position:fixed;
	    margin-left:-10px;
	    backface-visibility:hidden;
	    z-index:2;
	    -webkit-transition: transform 1s ease-in-out; 
	    -moz-transition: transform 1s ease-in-out; 
	    -o-transition: transform 1s ease-in-out; 
	    transition: transform 1s ease-in-out;
    }
    .Wrapper_Prev:hover{
	    transform: translateX(0%);
    }
     .Prev a{
    width: 100%;
}

    .Wrapper_Next{
	    float:right;
	    width:350px;
	    position:fixed;
	    backface-visibility:visible;
	    margin-left:60%;
	    -webkit-transition: transform 1s ease-in-out; 
	    -moz-transition: transform 1s ease-in-out; 
	    -o-transition: transform 1s ease-in-out; 
	    transition: transform 1s ease-in-out;
    }
    .Wrapper_Next:hover{
	    transform: translateX(0%);
    }
    .Next a{
    width: 100%;
}
    #Article-Title{
    margin-left: 75%;
    z-index: 99;
    }
    #Article-Title2{
    margin-left: 75%;
     z-index: 99;
    }
    .Beethoven{
	margin-left:15%;
    font-size: 0.9em;
    }
    .Title{
	    font-size:1.8em;
        padding-top: 61px;
    }
    .Section_title {
	    max-width:60%;
	    font-size:1.4em;
        padding-top: 61px;
    }

    .p-col-1{
	    font-size: 0.9em;
	    width:80%;
    }
    .References{
    margin-left:4%;
    }
    .Beethoven img{
	width: 90%;
    height: 90%;
    }
}