@charset "utf-8";
/* CSS Document */
html{
    
}
body{
    
	//overflow:hidden;
	
}


#MainDiv{
	position:absolute;
	left:55%;
	top:55%;
    margin:0px;
	margin-left:-512px;
	margin-top:-336.5px;
	padding: 0px;
    width:885px;
    height:571px;
    background-color: #ffffff;
	font-family:"Helvetica";
	
	
}
.conceptMap{
	position: absolute;
    left: 175px;
    top: 28px;
	
}
#canvas {

    border-radius: 13px 13px 13px 13px;
    height: 452px;
    left: 193px;
    position: absolute;
    top: 164px;
    width: 583px;
}
#pageTitle{
	color:#1651A3;
	position:absolute;
	left:30px;
	top:18px;
	font-size:11pt;
	font-weight:bold;
}
#HangmanIframe{


    top:130px;
    left:155px;
    position:absolute;
    width:500px;
    height:307px;
    border:none;
    overflow: hidden;
}
#pageTitle span:first-child{
	font-size:30px;
	font-weight:normal;
}
div#animStage{
		
	position :absolute;
	top:30px;
	left:170px;
	width:452.9px;
	height:282.9px;
	overflow:hidden;
	display:block;
}


div#shell_ui{
	
	overflow:hidden;
	
}


div#transcriptTxt{
	width:990px;
	color:#FFF;
	font-size:14px;
	position: absolute;
	left: 10px;
	top: 600px;
	overflow: scroll;
	overflow-x:hidden;
	overflow-y:auto;
	height: 40px;
}

/* ### Footer ToolBar #### */
#footer-toolBar{
	position:absolute;
	top:635px;
	width:1010px;
	/*
	border:1px solid #ccc;
	border-width:1px 0;
	*/
	list-style:none;
	margin:0;
	padding:0;
	text-align:justify;
	color:#FFF;
	font-weight:bold;
}
#footer-toolBar *{
	display:inline-block;
}
#footer-toolBar li{
	padding-left: 10px;
	padding-right:10px;
}
#footer-toolBar li#filler{
	width:100%;
    height:0px;
}
#footer-toolBar a{
	color:#fff;
	text-decoration:none;
}
#footer-toolBar a:hover{
	/*text-decoration:underline;
	color:#F00;*/
}

#playBtn a:first-child{
	padding: 0 2px 1px 20px;
	/*background-color:#0F0;*/
	background:url(icon_play.png) left center no-repeat;
	
}

#playBtn a:nth-child(2){
	/*background-color:#00F;*/
	padding: 0 2px 1px 20px;
	display:none;
	background:url(icon_pause.png) left center no-repeat;
}

#soundBtn a:first-child{
	padding: 0 2px 1px 35px;
	background:url(icon_sfx_on.png) left center no-repeat;
}

#soundBtn a:nth-child(2){
	padding: 0 2px 1px 35px;
	display:none;
	background:url(icon_sfx_mute.png) left center no-repeat;
}

#replayBtn{
	padding: 0 2px 1px 25px;
	background:url(icon_replay.png) left center no-repeat;
}
#ccBtn{
	padding: 0 2px 1px 25px;
	background:url(icon_captioning.png) left center no-repeat;
}

#prevScreenBtn{
	padding: 0 2px 1px 25px;
	background:url(icon_back.png) left center no-repeat;
}
#nextScreenBtn{
	padding: 0 2px 1px 25px;
	background:url(icon_next.png) left center no-repeat;
}

#matchDiv{
    
    border-radius: 13px 13px 13px 13px;
    height: 452px;
    left: 193px;
    position: absolute;
    top: 164px;
    width: 583px;
}