body{
  background:url("/images/backgroundtile1.jpg") repeat-x;
   background-color: #777888;
  	margin: 0px;
	padding: 0px;
    height:1607px;
    /*width:980px;*/
	min-width:980px;
    overflow-x: hidden;
 } 
 
 body > * {
     overflow:auto;
 }
 
 #ruhotgiftboxDiv{
 
    background:url("/images/background1.jpg") 50% 00% no-repeat ;
	padding: 2px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    height:1607px;
    width:100%; 
	margin-left: auto;
	margin-right: auto;
    overflow: visible;
 
 }
 
 #giftboximg{
 position: relative;
 top: 80px;
 left: 0px;
 
 }
 
#questionBoxDiv {
	padding: 0;
    position: relative;
    top: 400px;
    left: 0px;
    height:445px;
    width:550px;
    margin-left: auto ;
    margin-right: auto ;
    overflow: visible;

}



#hintDiv {

   text-align: center;
   position: absolute;
   bottom: 220px;
   left: 10px;
   height:100px;
   width:520px;
   padding:2px;

}

#hintStringDiv {

   text-align: center;
   position: relative;
   top: 8px;
   padding:2px;

}

#questionNumberDiv {

   text-align: right;
   position: absolute;
   top: 2px;
   right: 2px;
   height:20px;
   width:75px;
   padding:2px;

}

#guessDiv {

   text-align: center;
   position: absolute;
   bottom: 103px;
   left: 10px;
   height:100px;
   width:520px;
   padding:2px;

}

#answerInput {
	background:url(/images/transparent.gif); /* IE Bug */
   border: 0px solid red;
   outline: none;
   text-align: center;
   position: absolute;
   top: 40px;
   left:137px;
   height: 38px;
   width: 240px;
   padding-bottom: 5px;
   font-family: 'Ubuntu', serif;
   color: gray;
   font-weight: bold;
   font-size: 25pt;
}
#answerInput:hover {cursor: pointer;}

#questionTimerDiv {

   position: absolute;
   top: 130px;
   right: -180px;
   height:85px;
   width:150px;
   font-family: 'Kreon', serif;
   color: #ffffff;
   font-weight: bold;
   font-size: 60pt;
   text-align: left;

}

#potentialScoreDiv {

   position: absolute;
   top: 130px;
   left: -200px;
   height:105px;
   width:150px;
   font-family: 'Kreon', serif;
   color: #ffffff;
   font-weight: bold;
   font-size: 60pt;
   text-align: right;

}

#potentialScore {

   text-align: right;
   width:140px;

}
#potentialPointstxtDiv {

    position: absolute;
    text-align: right;
    top: 25px;
    left: 25px;
    *left:35px;
    *top:80px;
    width:120px;

}

#submitButtonDiv {

   position: absolute;
   bottom: 40px;
   left: -80px;
   height:45px;
   width:740px;
   padding:2px;

}




#RUHotDiv {


   border: 2px solid red;
   text-align: center;
   position: absolute;
   top: 100px;
   left: 165px;
   height:40px;
   width:220px;
   padding:2px;

}

#descriptionDiv {

   text-align: center;
   position: absolute;
   top: 154px;
   left: -70px;
   height:200px;
   width:1020px;
   padding:2px;

}

#startxDiv {

   text-align: center;
   position: absolute;
   top: 50px;
   left: 60px;
   height:50px;
   width:420px;
   padding:2px;

}

#startxQuizButton {

  background:url("/images/LetsPlayButton.png") 00% 00% no-repeat;
    border: none;
    
   position: relative;
   top: 20px;
  height:70px;
  width:310px;

}

#startxQuizButton:hover  {
    background:url("/images/LetsPlayButtonGlow.png")00% 00% no-repeat;
    cursor: pointer; 
  }
#startDiv {
   text-align: center;
   position: absolute;
   top: 420px;
   left: 60px;
   height:50px;
   width:420px;
   padding:2px;

}

#startQuizButton {

   background:url("/images/StartButton.png") 00% 00% no-repeat;
   border: none;
    
   position: relative;
   top: 20px;
   height:70px;
   width:250px;

}
#startQuizButton:hover  {
    background:url("/images/StartButtonGlow.png") 00% 00% no-repeat;
   cursor: pointer; 
  }

#changeAnswerButton {

   background:url("/images/changeanswerbutton.png")  20% 80% no-repeat;
   border: none;
   text-align: right;
   padding-top: 17px;
   padding-right: 70px;
   position: absolute;
   bottom:-10px;
   right: 5px;
   height:70px;
   width:380px;
   
   font-family: 'Ubuntu', serif;
   color: #fdb913;
   font-weight: bold;
   font-style:italic;
   font-size: 18pt;
   
   line-height: 1;

}
#changeAnswerButton:hover  {  
   background:url("/images/changeanswerbuttonglow.png") 20% 80% no-repeat;
   cursor: pointer; }

#changeanswerhelpDiv{

    display:none;
   border: none;
    text-align: center;
   position: absolute;
   bottom: -80px;
   right: 23px;
   height:70px;
   width:365px;
   
   font-family: 'Ubuntu', serif;
   color: #ffffff;
   font-style:italic;
   font-size: 11pt;
   
   line-height: 1;

}

#submitButton {

   background:url("/images/keepanswerbutton.png") 20% 80% no-repeat;
   border: none;
    
   padding-top: 17px;
   padding-right: 65px;
   text-align: right;
   position: absolute;
   bottom:-10px;
   left: 5px;
   height:70px;
   width:356px;
   font-family: 'Ubuntu', serif;
   color: #fdb913;
   font-weight: bold;
   font-style:italic;
   font-size: 18pt;
   
   line-height: 1;

}
#submitButton:hover  {  
   background:url("/images/keepanswerbuttonglow.png") 20% 80% no-repeat;
   cursor: pointer; }

#keepanswerhelptextDiv{

   display:none;
   border: none;
   text-align: center;
   position: absolute;
   bottom: -80px;
   left: -4px;
   height:70px;
   width:365px;
   
   font-family: 'Ubuntu', serif;
   color: #ffffff;
   font-style:italic;
   font-size: 11pt;
   line-height: 1;


}

#firstAnswerButton {

   background:url("/images/Question1button.png") 20% 80% no-repeat;
   border: none;
    
   padding-top: 5px;
   padding-right: 80px;
   position: absolute;
   bottom:-10px;
   left: 180px;
   text-align: right;
   height:70px;
   width:356px;
   font-family: 'Ubuntu', serif;
   color: #fdb913;
   font-weight: bold;
   font-style:italic;
   font-size: 18pt;
   
   line-height: 1;

}
#firstAnswerButton:hover  {  cursor: pointer; }

#hintgfximg {
position:absolute;
top:-60px;
left:0px;


}
#hintimg {
position:absolute;
top:-45px;
left:-30px;


}


#hintnumberimg {
position:absolute;
top:-52px;
left:-10px;


}

#disclaimer {
	position:absolute;
	top:360px;
	width:680px;
	color:#fff;
	font-family:Arial, sans-serif;
	left:0;
}

.popup { padding:10px; background:#fff; position:relative; }
#overlay { background:url("/images/overlay-bg.jpg") no-repeat 0 0; width:780px; height:513px; }
.popup .close { position:absolute; top:20px; right:20px; width:70px; height:21px; background:url("/images/overlay-close.png") no-repeat 0 0; text-indent:-9999px; overflow:hidden; }
.overlay-panel { display:none; position:relative; width:780px; height:513px; }
.popup .overlay-current { display:block; }

.overlay-btn,
.overlay-content { text-indent:-9999px; overflow:hidden; position:absolute; }
.overlay-btn { background:url("/images/overlay-btn-next.png"); width:97px; height:55px; right:10px; bottom:10px; }
#overlay input.default { color:#989898; font-style:italic; }
.popup .disabled {
	cursor:default;
	filter:alpha(opacity=50);
	opacity: 0.50;
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
}

#overlay-landing .overlay-content { left:148px; top:187px; width:486px; height:42px; background:url("/images/overlay-landing.png") no-repeat 0 0; }
#overlay-landing .overlay-btn { width:207px; height:55px; bottom:185px; }
#overlay-landing .overlay-btn-enter { right:168px; background:url("/images/overlay-btn-enter.png") no-repeat 0 0; }
#overlay-landing .overlay-btn-play { left:168px; background:url("/images/overlay-btn-play.png") no-repeat 0 0; }