
body {
      height:90%; width:100%;margin:0; padding:0;
	  background-color:#027d84!important;
	  background-repeat: no-repeat;
	
	
	  }

.wb	{	
	position:absolute;
	margin-left:651px;
	margin-top:150px;
	
	}
	
.fb	{	
	position:absolute;
	margin-left:426px;
	margin-top:150px;
	
	}
	
.twt{
	position:absolute;
	margin-left:770px;
	margin-top:150px;
	
	}


.index
   {
	position:absolute;
	background:url(images/launch-page.jpg)no-repeat;
	height:768px;
	width:1024px;
	visibility:visible;

   }


.bigButton 
	{
	 width: 30px; height: 30px;
	 background-image:none;
	 background-color:#7ba047;
	 border-style:none;
	 -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 	 
	 background-repeat:no-repeat;
    }


.but{
	border:0px solid red;
	background:url(images/colse-button.png);
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	height:56px;
	width:57px;
	background-repeat:no-repeat;	
	margin-left: 750px;
        margin-top: 221px;
}
.question{
	border:0px solid red;
	background:url(images/colse-button.png);
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	height:56px;
	width:57px;
	background-repeat:no-repeat;	
	
}

div.player_selection_page{
	background-image:url(images/player_selection/player-selection-page.png);
	
}

.maindiv
	{
	 position:absolute;
	 margin-left:0px;
	 margin-top:0px;
	 background:url(images/player_selection/player-selection-page.png);
	 height:562px;
	 width:1024px;
	}
	
	.input
	{
		position:fixed;
		margin-left:410px;
		margin-top:230px;
	}

	
	.bigplayer
	{
	 border: 0 solid red;
     color: yellow;
     font-size: 27pt;
     height: 163px;
     left: 0px;
     position: absolute;
     top: 338px;
     width: 177px;
	 background:url(images/player-bg.png) no-repeat;
	}
	
	.moving_player
	{
	  position:absolute;
	  left:249px;
	  top:624px;
	  
	}
	
	
		
	.player_score
	{
	 background:url(images/score-bg.png)no-repeat;
	 position:absolute;
	 left:177px;
	 top:385px; 
	 width:67px;
	 height:74px;	
	 font-size:40px;
	 font-family:Helvetica;
	 color:#016268;
	 padding-left:6px;
     padding-top: 14px;
	 font-weight:bold;
	}

	.player_face
	{
	 position:absolute;
	 margin-left: 15px;
     margin-top: 5px;	
	}	

	.grid_box{
		border:0px;
		position:absolute;
		
		font-family:Helvetica;
		font-size:17px;
		color:#016268;
		width:60px; 
		height:60px;
	}
	
	a{
		text-decoration:none;
	}


	.question_div
	{
	position:absolute;visibility:hidden;margin-left:0px;margin-top:0px;height:768px;width:1024px;	
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	}
	
	.text_area{
		position:absolute;
		margin-left:180px;
		margin-top:172px;
		height:370px;
		width:300px;
		-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	}
	.question_text
	{
		-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
		color: #F74A10;
	    font-size: 20px;
	    font-family:arial;
		height: 90px;
	    margin-bottom: 5px;
	    padding-left: 5px;
	    padding-top: 10px;
	    width: 282px;
	}
	
	
	.option
	{
		-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
		background: url("images/option-li.png") no-repeat scroll 5px 1px transparent;
	    color:#164b69;
	    font-size: 16px;
		font-family:arial;
	    margin-bottom: 15px;
		min-height: 23px;
	    padding-left: 30px;
	    width: 275px;
	}
	
	
	.selected_option
	{
		-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
		background: url("images/option-li-sel.png") no-repeat scroll 5px 1px transparent;
	    color: #164B69;
	    font-family: arial;
	    font-size: 16px;
	    margin-bottom: 15px;
	    min-height: 23px;
	    padding-left: 30px;
	    width: 275px;
	}
    .correctCh
	{
	 position:absolute; 
	 margin-left:0px;
	 margin-top:0px;
	 height:768px;
	 width:1024px;
	 font-size:12px;
	 background:url(images/questions/correct-feedback.png);	
	}

    .correctCNT
	{
	position:absolute;
	width:535px;
	font-family:arial;
	color:#fbd348;	
	font-size:16px;
	margin-left: 260px;
    margin-top: 310px;
    position: absolute;
    text-align: justify;
	}
	
	.incorrectCh
	{
	 position:absolute; 
	 margin-left:0px;
	 margin-top:0px;
	 height:768px;
	 width:1024px;
	 font-size:12px;
	 background:url(images/questions/wrong-feedback.png);	
	}
	
	.incorrectCNT
	{
	position:absolute;
	width:535px;
	font-family:arial;
	color:#fbd348;	
	font-size:16px;
	margin-left: 260px;
    margin-top: 310px;
    position: absolute;
    text-align: justify;
	}

     .pop_up_alert{
     	background:url(images/questions/option.png) no-repeat;
		height:176px;
		width:279px;
		position:absolute;
		margin-left: 385px;
  	    margin-top: 95px;
		visibility:hidden;
     }
	 
	 .ok_button{
	 	background:url(images/questions/ok.png) no-repeat;
		height:57px;
		width:60px;
		position:absolute;
		margin-left: 120px;
        margin-top: 110px;
		border:0px;
	 }
   .player_name_div
   {
  
   padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    text-align: center;
    width: 151px;	
    font-size: 22pt;
	font-family:Helvetica Rounded;
	font-weight:bold;
	font-size:24px; 
	color: #ffffff;
   }

  .submit_button
  {
  	background:url(images/submit_button.png) no-repeat;
	border: 0 solid red;
    height: 50px;
    margin-left: 260px;
    margin-top: 550px;
    position: absolute;
    width: 168px;
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	
  }
 
  .instructions_page{
  			
			background-image:url(images/instruction-page.jpg);
			position:absolute;
			height:768px;
			width:1024px;
			z-index:100;
			margin-top: 1px;
			visibility:hidden;
		}
		
		
		
	.dice_rotate{
		    height: 128px;
		    left: 450px;
		    position: absolute;
		    top: 454px;
		    width: 112px;
			-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	}
	
	
	.home_button{
		position:absolute;
		margin-left: 18px;
   		margin-top: 20px;
		border:0px solid red;
		background:url(images/home.png);
		-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
		height:62px;
		width:64px;
		background-repeat:no-repeat;	
	}
	
	
@-webkit-keyframes rotate{
        0%{
        }
		

        50%{
            -webkit-transform: rotate(7000deg) scale(1);
        }

        100%{
            -webkit-transform: rotate(-7000deg) scale(1);
        }
    }

    .rotate{
            width:88px;
			visibility:visible;
			position:absolute; 
			left:120px;
			top:400px;
			-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
			
        }
.rotate:active{
            width:88px;
			-webkit-animation: rotate 0.1s alternate 0;
        	text-decoration:none;
			visibility:visible;
			position:absolute; 
			left:120px;
			top:400px;
			-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
			}

.get_rolling{
			background-image:url(images/gett-rolling-screen.png);
			position:absolute;
			height:768px;
			width:1024px;
			-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
			visibility:visible;
			/*display:none;*/

		
		
			
			
			}
    
	
		.play-button{
				-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
				border:0px solid red;
				text-align:left;
				margin-top:405px;
				margin-left:449px;
					}
		
		.maindiv_index{
			margin-top:15px;
					}
		
		.bottom-links{-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
						border:0px solid red;
						margin-top:2px;
						padding-left:30px;
					}
		
		
		
		.link_main{
			
			border:0px;
			background:url(images/play-button_2.png);
			height:71px;
			width:158px;
			background-repeat:no-repeat;	
		}
		
		
		.play_button{
			-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
			background:url("images/play_button.png") no-repeat scroll 0 0 transparent;
			border:0px solid red;
			text-align:left;
			margin-top:620px;
			margin-left:418px;
			height:49px;
			width:142px;
			}
			
		.end_game{
			background:url(images/end-page.png);
			height:768px;
			width:1024px;
		    position:absolute;
			margin-left:0px;
			margin-top:0px;
			visibility:hidden;
			}

		.apple
		{
			position:absolute;
			margin-left: 220px;
  		    margin-top: 84px;
			height:58px;
			width:62px;
		}
		
		.credits{
			background:url(images/credits-page_without_links.jpg);
			height:768px;
			width:1024px;	
			position:absolute;
			margin-top:-754px;
			visibility:hidden;
			z-index:100;
		}
		
		.play_again{
			margin-left: 310px;
   			margin-top: 480px;
			border:0px solid red;
			background:url(images/play-again-button.png);
			-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
			height:55px;
			width:166px;
			position:absolute;
			background-repeat:no-repeat;
				}
		
		.quit{
			margin-left: 510px;
    		margin-top: 480px;
			border:0px solid red;
			background:url(images/quit-button.png);
			-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
			height:55px;
			width:97px;
			position:absolute;
			background-repeat:no-repeat;
				}
