@charset "utf-8";
@import "partCtlButtons.css";

#situationTxtDiv{
	position:static;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	width:auto;
	background-color:inherit;
	border-top:1px solid #333;
}
#infoPane{
	margin-left:10px;
}
#moviePane, .speaker{
	display:none;
}

#dialogText{
	width:100%;
}
.lineDiv{
	display: block;
	border-top:1px solid #666;
	padding:0.5em;
}
.lineImg{
	display:inline-block;
}
.stsDivs{
	display: inline-block;
}
.stsDiv{
	display: block;
	cursor:pointer;
	padding:0 0 0 5px;
}
.trgLangDiv{
	display: inline-block;
	vertical-align:top;
}
.ownLangDiv{
	display:none;
}
#movieRolePlay{
	display:inline-block;
}
#movieRolePlay input[type="button"]{
	vertical-align:top;
}

#message{
	display:none;
	position:fixed;
	top: 250px;
	background-color:#FFF;
	color:#000;
	font-size:130%;
	min-height:50px;
	border:1px solid #666;
}
#message img{
	vertical-align:middle;
	margin-right:1em;
}

.lineA, .lineB, .lineC{
	display:none;
}

#ul_vc{
	display:none;
}

#movieRolePlay .tg-list-item{
	display:inline-block;
	margin-top:0;
}

input#soundVolume:checked[type="checkbox"][disabled]+ label{
	background-color:#CCC;
}

input#soundVolume[type="checkbox"][disabled] + label.tgl-btn + h4{
	color:#BBB;
}

#controls{
	margin-bottom:0;
	border-bottom:0;
}
#dialogText{
	min-height: 0;
}

@media screen and (min-width: 1024px) {
}
@media screen and (max-width: 1023px) {
}
@media screen and (max-width: 640px) {
}