 .tb7 {
                width: 221px;
                background: transparent url(../images/textboxbg.jpg) no-repeat;
                color : #747862;
                border:0;
                padding:4px 8px;
                margin-bottom:0px;
                height: 20px;
            }
body
{
	height:100%;
	widht:100%;
	background-image: url(../images/mainbg.jpg);
}
div#content 
{
	border-width: .1em;
	border-style: none;
    border-color: #900; 
	padding:10%;
	color:#ffffff
}
div#startOver 
{
	visibility:hidden;
}
div#userGuess 
{
	width:100%; 
	text-align: center;
}
            
            div#letters 
            {
                height:20px;}
            div#winLose 
            {
                position:fixed;
                width:150px; 
                border:2px solid #000000; 
                padding:10px; 
                text-align:center;
                visibility:hidden;
                font-size:26px;
                font-weight:bold;
            }

#popup
{
 background-image:url(../images/popup.jpg);
 background-size:100% 100%;
 background-repeat:no-repeat;
 text-align:center;
 color:#ffffff;
 border-radius:10px;
 color:#000;
 display:none;
 /*position:absolute;*/
 padding:10%;
 z-index:5;
 }
 #win
{
	background-image:url(../images/popupone.jpg); 
	background-size:100% 100%;
	background-repeat:no-repeat;
	text-align:center;
	border-radius:10px;
	color:#000;
	display:none;
	/*position:absolute;*/
	padding:10%;
	
 }  
 /*#win
{
	background-image:url(../images/popupone.jpg); 
	background-size:100% 100%;
	background-repeat:no-repeat;
	text-align:center;
	border-radius:10px;
	color:#000;
	display:none;
	position:absolute;
	padding:15%;
	margin-left: 15%;
 }  */
#start{
	background-image:url(../images/startover.png);
	background-size:100% 100%; 
	background-repeat:no-repeat;
	width:100px;
	height: 32px;
}
#ins
{

 text-align:center;
 background-image:url(../images/instructions.jpg);
 background-size:100% 100%;
 background-repeat:no-repeat;
/*margin:25px;*/
 padding:15%;
 border-radius:10px;
 color:#000;
 display:none;
 /*position:absolute;*/
 } 
 #ok{
	background-image:url(../images/startover.png);
	background-size:100% 100%; 
	background-repeat:no-repeat;
	width:100px;
	height: 32px;
 }

 #wincontent{
	 padding: 10%;
margin-left: -2%;
 }
 #board{
	 background-image:url(../images/board.png);
	 background-repeat:no-repeat;
	 background-size:cover;
	 padding:5px;
	 margin-left:0px;
	 margin-right:0px;
 }
 div#hmanArea 
{
	float:left;
	height:80%;
	width:100%;
}

 .hangmanContent{
	 background-image:url(../images/hmbg.jpg); background-repeat: no-repeat; background-size:100% 100%;
	 width:100%;
	 height:75%;
	 margin-left:0px;
	 margin-right:0px;
	 
 }
 
 #chances{
	background-image:url(../images/chances.png); 
	color:#FFFFFF; 
	background-repeat: no-repeat;  
	background-size:100% 100%;
	padding:5px;
	margin: 5px;
	margin-left:25px;
 }
 
  #instructions{
	  color:#FFFFFF; 
	  margin: 5px;
	  margin-right:25px;
  }
  .thehangingMan{
	max-height:50%;
	max-width:100%;  
	bottom:0;
  }
  #wordGuess{
	  float:right;
	  bottom:0;
	  right:0;
  }
  
  .top-buffer{
      
      margin-top:-94px;
  }
  #anchor{text-decoration: none;
color: white;
}
#menu{
	 background-image:url(../images/chances.png);
	 color:white;
	background-repeat: no-repeat;  
	background-size:100% 100%;
	padding:5px;
	margin: 5px;
	margin-right:30px; }

#hints
{
 background-image:url(../images/hints.jpg);
 background-size:100% 100%;
 background-repeat:no-repeat;
 text-align:center;
 color:#ffffff;
 border-radius:10px;
 color:#000;
 display:none;
 /*position:absolute;*/
 padding:10%;
 z-index:5;
 }
