body {background-color: #2c4933;}

div {background-color: #F4DFB1;
border-style: solid;
border-color: #DAA520;
border-width: 2px;
padding: 1em;
}

#footer {
    width: 75%;
    text-align: center;
	margin-top:2em;
	margin-left:12.5%;
	padding: 0.5em;
	float:left;
}

#wrapper{
	background-color:transparent;
	border-style:none;	
	
}

#intro{
	margin-left: 5%;
	margin-top: 2%;
	float:left;
	width: 40%;
	text-align:justify;
}

#dropcap{
	height:8em;
	float:left;
}

#instructions{margin-top:2%;
	margin-left:55%;
	width: 40%;	
}

input[name="Choose XML"], [name="submit"] { 
    background-color: white;
	border: 2px solid;
	border-color:black;
    color: black;
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
    padding: 1em;
    text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

label {
	cursor: pointer;
	width:6em;
	background-color: white;
	border: 2px solid;
	border-color:black;
    color: black;
	font-family: "Times New Roman", Times, serif;
    font-size: 1em;
	padding: 10px;
    text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#fileToUpload {
   opacity: 0;
   position: absolute;
   z-index: -1;
}


#patience{
	border-style:none;
z-index: 1000;
position: fixed;
width: 100%;
height: 100%;
text-align: center;
left: 0;
top: 0;
bottom: 0;
right: 0;
overflow: auto;
}

#patience img{
width:20em;
padding: 5%;	
}
/*Choose*/
#desk{
background-color:transparent;
display:table;
margin-top:2%;
margin-left:auto;
margin-right:auto;
padding:0;
}

#explanation{
	display:table-cell;
	width: 50%;
	text-align:justify;
	padding:4em;
}

#selectionMenu{	display:table-cell;
	width: 30%;
	border-style: solid;
	border-top-color: #DAA520;
	border-bottom-color: #DAA520;
	border-left-color:transparent;
	border-right-color:transparent;
	border-width:2px;
	text-align:center;
}

#selectionMenu select {width: 60%;
text-align:center;}

#selection{	display:table-cell;
	width: 20%;
}
#selection div{border-color:transparent;}


#desk2{background-color:transparent;
border-style:none;
display:block;
margin-top:2%;
margin-left:auto;
margin-right:auto;
padding:0;	
}

#part{display:block;
	padding-left:2em;
	padding-right:2em;
	width: 60%;
	text-align:justify;
	float:left;
	margin-right: 5%;
}

.actTitle {
	border-top:none;
	border-left:none;
	border-right: none;
    text-align: center;
    font-size: large;
    font-style: italic;
    border-bottom: 5px double black;
	padding:0;
	margin-top:1em;
	margin-bottom:1em;

}
.sp {border-style:none;
padding:0;
}

.sp div {border-style:none;
padding:0;
}

[id~=act] {border-style:none;
padding:0;
}

.sp div:nth-last-child(1) {
    margin-bottom: 0.5em;
    }

.speaker{display:none
}

#results{
	display:block;
	width:25%;
	margin-left:70%;
	position:fixed;
}

#results button{margin-top:2em;}

#results a{text-decoration: none;}
	



button {
	background-color: white;
	border: 2px solid;
	border-color:black;
    color: black;
	font-family: "Times New Roman", Times, serif;
	font-size:16px;
    padding: 1em;
    text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;	
}