ul.ppt { position: relative; width: 645px; height:310px; float:left;  padding-left:15px; 
padding-top:0px; margin-top:0px;}
ul.ppt li { position: absolute; top: 0; left: 0; text-align: center; list-style-type:none; background-color: #F5F7F7;  }



#progress{
margin-top:20px;
           display: block;

overflow: hidden;

height: 33px;

-moz-border-radius: 35px;

-webkit-border-radius: 35px;

border-radius: 35px;

-webkit-background-size: 44px   44px;

background-color: #FFE0C1;

	
	background-image:
		-ms-linear-gradient(
		-45deg,
		rgba(255, 203, 153, 1) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 203, 153, 1) 50%,
		rgba(255, 203, 153, 1) 75%,
		transparent 75%,
		transparent
	);
	background-image:
		-webkit-linear-gradient(
		-45deg,
		rgba(255, 203, 153, 1) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 203, 153, 1) 10%,
		rgba(255, 203, 153, 1) 75%,
		transparent 55%,
		transparent
	);
	background:   -moz-repeating-linear-gradient(top left -30deg,

rgba(255,255,255,0.37),

rgba(255,255,255,0.37)   15px,

rgba(255,255,255,0) 15px,

rgba(255,255,255,0) 30px

),   -moz-linear-gradient(#FFE0C1 0%, #FFE0C1 100%);
-webkit-box-shadow: inset 0px   1px 0px 0px #FFE0C1, inset 0px -1px 1px #FFE0C1;

-moz-box-shadow: inset 0px   1px 0px 0px #FFE0C1, inset 0px -1px 1px #FFE0C1;

box-shadow: inset 0px 1px 0px   0px #FFE0C1, inset 0px -1px 1px #FFE0C1;

border: 1px solid #FF9900;

-webkit-animation:   animate-stripes 2s linear infinite;

            height: 20px;
			width:0%;
			float:left;
			
            
}

#c-carousel {
				background-color: #f3f3f3;
				
				min-width: 500px;
			}
			#c-carousel * {
				font-family: Arial, Geneva, SunSans-Regular, sans-serif;
				
				color: #333;
				line-height: 22px;
			}

			#wrapper {
				background-color: #fff;
				border: 1px solid #ccc;
				width: 620px;
				height: 400px;
				position:absolute;
				
				padding: 10px;
				overflow: hidden;
				
				
			}
			#wrapper h3 {
				font-size: 45px;
			}
			#carousel img {
				display: block;
		 
			}
			#carousel div {
				width: 600px;
				height: 400px;
				
				
			}
			.timecount 
			{
			float:right;
			font-size:14px; float:right; text-align:right;  font-weight:bold; width:150px; 
			
			}
.timecount input
{
border:none;font-size:15px; font-weight:bold;  width:40px; 
}







.flashnumber 
		{
		padding-left:5px;  
		font-size:14px; float:left; text-align:left;
		margin-bottom:12px;
		font-weight:bold;
		}
		.tdbgcolor
		{
		
		overflow:hidden;
		}
		.flashimage 
		{
		
		}
		
		.flashcardimg
		{
		height:280px;
		width:152px;
		float:left;
	
		border:1px solid #333333;
		margin-right:20px;
		}
		.flashcardanswer
		{
		float:left;
		width:100px;
		height:50px;
		margin-top:40px;
		border:1px solid #333333;
		 padding:15px 0px 10px 0px;
		margin-right:20px;
		}
		
		.buttonplay
{


font-family:Arial, Helvetica, sans-serif;
 padding:5px; 
 
 
 width:50px;
height:28px;
float:none;
 font-weight:bold;
 color:#000000;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbcd9c', endColorstr='#f29c40'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fbcd9c), to(#f29c40)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fbcd9c,  #f29c40); /* for firefox 3.6+ */
background-image: -ms-linear-gradient(top, #fbcd9c 0%, #f29c40 100%);/* for IE */
margin-left:auto; margin-right:5px;
}

a.buttonplay:hover
		{
		cursor:pointer;	
border:2px solid #FF6600;
				}
				
				
				#answerdiv
	{
	width:600px;  background-color: #F5F7F7; height:320px; margin-top:50px;
	}
	.answerdivcontent
	{
	width:350px; height:auto; border:1px solid #CCCCCC; margin-top:50px; margin-left:120px; background-color:#E1E1E1; padding-top:5px;
	padding-bottom:7px;
	font-weight:bold;
	color:#1d1d1d;
	}
	.answerdivcontent span
	{
	    color:#1d1d1d;
	opacity:0.6;
	}
	#okdiv
	{
	width:600px;  background-color: #F5F7F7; height:280px; margin-top:50px; padding-top:45px;
	}
	.okdivcontent
	{
	width:350px; height:auto; border:1px solid #CCCCCC; margin-top:50px; margin-left:120px; background-color:#E1E1E1; padding-top:5px;
	padding-bottom:7px;
	}
	.okdivcontent h2,.answerdivcontent h2
	{
	color:#1d1d1d;
	}
	.yesnodiv
	{
	width:270px; height:auto;  margin-top:20px; margin-left:auto; margin-right:auto;
	}
	.yesnodiv div
	{
	width:30px; float:left;
	 margin-right:20px;!important
	margin:0px;
	 border-radius:0px;
	 
	}
	.answerdiv h2
	{
	line-height:40px;
	}
	#btnStatus
	{
	width:30px; float:left; margin-right:0px; margin:0px; border-radius:0px; cursor:pointer;
	}
	
	#okbutton
	{
	width:30px; float:left; margin-right:0px; margin:0px; border-radius:0px; cursor:pointer;
	}
	#startbut
	{
	float:none;margin-left:100px; margin-top:20px;-webkit-border-radius: 0px; 
-moz-border-radius: 0px;
border-radius: 0px;
 width:40px;
	}
	.flashnumberdiv
	{
	float:left; width:170px; margin-top:120px;
	}
	.group1 p,.flashslideshow td p
	{
	font-size:14px; padding-bottom:10px;
	}
	
	table.group1 input.fanswerCorrect
		{
		width:120px; height:40px;border:none; font-size:40px; text-align:center;
		background-color:#FFE0C1;
		border:1px solid #54E35E;    
		
		}
		table.group1 input.fanswerWrong
		{
		width:120px; height:40px;border:none; font-size:40px; text-align:center;
		background-color:#FFE0C1;
		border:1px solid #F63A3A;
	   	
		}
		.randiv
		{
		    float:right;
margin-left:40px;
		}
.hiden
{
position: absolute; z-index: 5000; background-color: #F5F7F7;
}
.controls p
{
text-align:center;
line-height:40px;
font-weight:bold;
color: #1D1D1D;
font-size: 15px;
}
.controls a.buttonplay
{
margin-top:5px;
margin-right:25px;
}