#bg{
	width:298px; 
	height: 248px;
	position: absolute;
	background:url(sprite.png) 0px -928px;
	
}
#container { 
width:300px; 
height: 250px;
position: relative; 
z-index:10;

-webkit-animation-name: gained1;
-webkit-animation-delay:4s;
-webkit-animation-duration:0.1s; 
-webkit-animation-iteration-count:1;
-webkit-animation-fill-mode:forwards;
-webkit-animation-timing-function:linear;

-moz-animation-name: gained1;
-moz-animation-delay:4s;
-moz-animation-duration:0.1s; 
-moz-animation-iteration-count:1;
-moz-animation-fill-mode:forwards;
-moz-animation-timing-function:linear;

animation-name: gained1;
animation-delay:4s;
animation-duration:0.1s; 
animation-iteration-count:1;
animation-fill-mode:forwards;
animation-timing-function:linear;


}

#container1 { 
width:300px; 
height: 250px;
position: absolute; 
opacity:0;
top:0px;

background:url(300x250.png) no-repeat;

-webkit-transform:50% 50%;
-webkit-animation-name: spin;
-webkit-animation-delay:4s;
-webkit-animation-duration:2s; 
-webkit-animation-timing-function:ease-in-out;
-webkit-transition:ease-in-out;
-webkit-transition-timing-function: cubic-bezier(.97,.02,.93,.55);

-moz-transform:50% 50%;
-moz-animation-name: spin;
-moz-animation-delay:4s;
-moz-animation-duration:2s; 
-moz-animation-timing-function:ease-in-out;
-moz-transition:ease-in-out;
-moz-transition-timing-function: cubic-bezier(.97,.02,.93,.55);


transform:50% 50%;
animation-name: spin;
animation-delay:4s;
animation-duration:2s; 
animation-timing-function:ease-in-out;
transition:ease-in-out;
transition-timing-function: cubic-bezier(.97,.02,.93,.55);




}

@-webkit-keyframes spin { 
	0% {top: 0px;-webkit-transform:scale(1) rotate(10deg);opacity:1;} 
	70% {top: 0px;-webkit-transform:scale(1) rotate(3600deg);opacity:0;}
	80% {top: 0px;-webkit-transform:scale(1) rotate(3600deg);opacity:0;} 
 } 
 
 @-moz-keyframes spin { 
	0% {top: 0px;-moz-transform:scale(1) rotate(10deg);opacity:1;} 
	70% {top: 0px;-moz-transform:scale(1) rotate(3600deg);opacity:0;}
	80% {top: 0px;-moz-transform:scale(1) rotate(3600deg);opacity:0;} 
 } 
 
 @keyframes spin { 
	0% {top: 0px;transform:scale(1) rotate(10deg);opacity:1;} 
	70% {top: 0px;transform:scale(1) rotate(3600deg);opacity:0;}
	80% {top: 0px;transform:scale(1) rotate(3600deg);opacity:0;} 
 } 

#string { 
background: #999999;
border: 1px solid #999999;
height: 40px; width: 1px;
position: absolute;
top: 0px;
left: 167px;
z-index: 200;
box-sizing:border-box;

-webkit-animation-name: stringdwn,stringup,stringdwn,stringup,stringcut;
-webkit-animation-delay:0s,1s,2s,3s,4s;
-webkit-animation-duration:1s,1s,1s,1s,0s;  
-webkit-animation-iteration-count:1;
-webkit-animation-fill-mode:forwards;


-moz-animation-name: stringdwn,stringup,stringdwn,stringup,stringcut;
-moz-animation-delay:0s,1s,2s,3s,4s;
-moz-animation-duration:1s,1s,1s,1s,0s;  
-moz-animation-iteration-count:1;
-moz-animation-fill-mode:forwards;

animation-name: stringdwn,stringup,stringdwn,stringup,stringcut;
animation-delay:0s,1s,2s,3s,4s;
animation-duration:1s,1s,1s,1s,0s;  
animation-iteration-count:1;
animation-fill-mode:forwards;
}
		
@-webkit-keyframes stringdwn {0% {height:40px;}100% {height:150px;}}
@-moz-keyframes stringdwn {0% {height:40px;}100% {height:150px;}}
@keyframes stringdwn {0% {height:40px;}100% {height:150px;}}

@-webkit-keyframes stringup {0% {height:150px;}100% {height:40px;}}
@-moz-keyframes stringup {0% {height:150px;}100% {height:40px;}}
@keyframes stringup {0% {height:150px;}100% {height:40px;}}

@-webkit-keyframes stringcut {0% {top:80px;height:150px;}100% {top:80px;height:80px;}}
@-moz-keyframes stringcut {0% {top:80px;height:150px;}100% {top:80px;height:80px;}}
@keyframes stringcut {0% {top:80px;height:150px;}100% {top:80px;height:80px;}}

#yoyo { 
background:url(sprite.png) -4px -224px;
height: 77px;
width: 78px;
position: absolute;
left: 126px; 
top: 40px;
z-index: 300;

-webkit-animation-name: yoyo,yoyo1,yoyo,yoyo1;
-webkit-animation-delay:0s,1s,2s,3s;
-webkit-animation-duration:1s,1s,1s,1s; 
-webkit-animation-iteration-count:1;
-webkit-animation-fill-mode:forwards;

-moz-animation-name: yoyo,yoyo1,yoyo,yoyo1;
-moz-animation-delay:0s,1s,2s,3s;
-moz-animation-duration:1s,1s,1s,1s; 
-moz-animation-iteration-count:1;
-moz-animation-fill-mode:forwards;

animation-name: yoyo,yoyo1,yoyo,yoyo1;
animation-delay:0s,1s,2s,3s;
animation-duration:1s,1s,1s,1s; 
animation-iteration-count:1;
animation-fill-mode:forwards;

 }
#yoyo a { color: white; display: block; font-size: 20px; font-weight: bold; line-height: 150px; margin-left: 27px; }


@-webkit-keyframes yoyo { from {top: 40px;-webkit-transform:scale(1) rotate(0deg);} to {top: 136px;-webkit-transform:scale(1) rotate(360deg);} } 
@-moz-keyframes yoyo { from {top: 40px;-moz-transform:scale(1) rotate(0deg);} to {top: 136px;-moz-transform:scale(1) rotate(360deg);} }
@keyframes yoyo { from {top: 40px;transform:scale(1) rotate(0deg);} to {top: 136px;transform:scale(1) rotate(360deg);} }

@-webkit-keyframes yoyo1 { from {top: 136px;-webkit-transform:scale(1) rotate(0deg);} to {top: 40px;-webkit-transform:scale(1) rotate(360deg);} } 
@-moz-keyframes yoyo1 { from {top: 136px;-moz-transform:scale(1) rotate(0deg);} to {top: 40px;-moz-transform:scale(1) rotate(360deg);} }
@keyframes yoyo1 { from {top: 136px;transform:scale(1) rotate(0deg);} to {top: 40px;transform:scale(1) rotate(360deg);} }

/* 'I lost' image*/
#lost{
	position:absolute;
	width:40px;
	height:14px;
	left:60px;
	bottom:70px;	
	background:url(sprite.png) -117px -3px;

	opacity:0;
	
	-webkit-animation-name:lost1,lost,lost1,lost,blinklost;
	-webkit-animation-delay:0.8s,1.2s,2.6s,3s,4s;
	-webkit-animation-duration:0.5s,0.5s,0.5s,0.5s,0.5s;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1,1,1,1,3;
	
	-moz-animation-name:lost1,lost,lost1,lost,blinklost;
	-moz-animation-delay:0.8s,1.2s,2.6s,3s,4s;
	-moz-animation-duration:0.5s,0.5s,0.5s,0.5s,0.5s;
	-moz-animation-fill-mode:forwards;
	-moz-animation-iteration-count:1,1,1,1,3;
	
	animation-name:lost1,lost,lost1,lost,blinklost;
	animation-delay:0.8s,1.2s,2.6s,3s,4s;
	animation-duration:0.5s,0.5s,0.5s,0.5s,0.5s;
	animation-fill-mode:forwards;
	animation-iteration-count:1,1,1,1,3;
	
}

/* I gained image*/	
#gained{
	position:absolute;
	width:63px;
	height:18px;
	left:38px;
	top:56px;	
	background:url(sprite.png) -3px -3px;
	opacity:0;
	
	-webkit-animation-name: gained,gained1;
	-webkit-animation-delay:1.8s,2.2s;
	-webkit-animation-duration:0.5s,0.5s;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1,1;	
	
	-moz-animation-name: gained,gained1;
	-moz-animation-delay:1.8s,2.2s;
	-moz-animation-duration:0.5s,0.5s;
	-moz-animation-fill-mode:forwards;
	-moz-animation-iteration-count:1,1;	
	
	animation-name: gained,gained1;
	animation-delay:1.8s,2.2s;
	animation-duration:0.5s,0.5s;
	animation-fill-mode:forwards;
	animation-iteration-count:1,1;	
}

@-webkit-keyframes lost { from {opacity:1;} to {opacity:0;} } 
@-moz-keyframes lost { from {opacity:1;} to {opacity:0;} }
@keyframes lost { from {opacity:1;} to {opacity:0;} }

@-webkit-keyframes lost1 { from {opacity:0;} to {opacity:1;} }
@-moz-keyframes lost1 { from {opacity:0;} to {opacity:1;} }
@keyframes lost1 { from {opacity:0;} to {opacity:1;} }

@-webkit-keyframes gained { from {opacity:0;} to {opacity:1;} }
@-moz-keyframes gained { from {opacity:0;} to {opacity:1;} }
@keyframes gained { from {opacity:0;} to {opacity:1;} }

@-webkit-keyframes gained1 { from {opacity:1;} to {opacity:0;} }
@-moz-keyframes gained1 { from {opacity:1;} to {opacity:0;} }
@keyframes gained1 { from {opacity:1;} to {opacity:0;} }

/* I gained again image*/	
#gainedagain{
	position:absolute;
	width:125px;
	height:21px;
	left:90px;
	top:120px;	
	background:url(sprite.png) -5px -66px;
	opacity:0;
	
	-webkit-animation-name: again,again1;
	-webkit-animation-delay:3.5s,6s;
	-webkit-animation-duration:0.5s,0.1s;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	
	-moz-animation-name: again,again1;
	-moz-animation-delay:3.5s,6s;
	-moz-animation-duration:0.5s,0.1s;
	-moz-animation-fill-mode:forwards;
	-moz-animation-iteration-count:1;
	
	animation-name: again,again1;
	animation-delay:3.5s,6s;
	animation-duration:0.5s,0.1s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	
}
	
	@-webkit-keyframes again { from {opacity:0;} to {opacity:1;} }
	@-moz-keyframes again { from {opacity:0;} to {opacity:1;} }	
	@keyframes again { from {opacity:0;} to {opacity:1;} }	
	
	@-webkit-keyframes again1 { from {opacity:1;} to {opacity:0;} }
	@-moz-keyframes again1 { from {opacity:1;} to {opacity:0;} }
	@keyframes again1 { from {opacity:1;} to {opacity:0;} }

#title{
	background:url(sprite.png) -0px -606px;	
	position: absolute;
    top: 10px;
    left: 0px;
    width: 300px;
    height: 17px;		
	opacity:0;
	-webkit-animation-name:help,help1;
	-webkit-animation-delay:6s,13.5s;
	-webkit-animation-duration:1s,1s;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	
	-moz-animation-name:help,help1;
	-moz-animation-delay:6s,13.5s;
	-moz-animation-duration:1s,1s;
	-moz-animation-fill-mode:forwards;
	-moz-animation-iteration-count:1;
	
	animation-name:help,help1;
	animation-delay:6s,13.5s;
	animation-duration:1s,1s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
}	
#needhelp1{
	position: absolute;
    top: 30px;
    left: 18px;
    width: 183px;
    height: 98px;
    background: url(sprite.png) -14px -831px;
	opacity:0;
	-webkit-animation-name:help,help1;
	-webkit-animation-delay:6s,10s;
	-webkit-animation-duration:1s,1s;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	
	-moz-animation-name:help,help1;
	-moz-animation-delay:6s,10s;
	-moz-animation-duration:1s,1s;
	-moz-animation-fill-mode:forwards;
	-moz-animation-iteration-count:1;
	
	animation-name:help,help1;
	animation-delay:6s,10s;
	animation-duration:1s,1s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
}	

@-webkit-keyframes help { from {opacity:0;} to {opacity:1;} }
@-moz-keyframes help { from {opacity:0;} to {opacity:1;} }	
@keyframes help { from {opacity:0;} to {opacity:1;} }	

@-webkit-keyframes help1 { from {opacity:1;} to {opacity:0;} }
@-moz-keyframes help1 { from {opacity:1;} to {opacity:0;} }
@keyframes help1 { from {opacity:1;} to {opacity:0;} }


			
#sLogo{
		position:absolute;
		top:0;
		left:0;
		width:298px;
		height:197px;		
		background:url(sprite.png) 0px -314px;
		opacity:0;
		-webkit-animation-name:sLogo;
		-webkit-animation-delay:6s;
		-webkit-animation-duration:1s;
		-webkit-animation-fill-mode:forwards;
		-webkit-animation-iteration-count:1;
		
		-moz-animation-name:sLogo;
		-moz-animation-delay:6s;
		-moz-animation-duration:1s;
		-moz-animation-fill-mode:forwards;
		-moz-animation-iteration-count:1;
		
		animation-name:sLogo;
		animation-delay:6s;
		animation-duration:1s;
		animation-fill-mode:forwards;
		animation-iteration-count:1;
}	
	
@-webkit-keyframes sLogo { from {opacity:0;} to {opacity:1;} }
@-moz-keyframes sLogo { from {opacity:0;} to {opacity:1;} }	
@keyframes sLogo { from {opacity:0;} to {opacity:1;} }	



#logo{
		position:absolute;
		top:134px;
		left:12px;
		width:88px;
		height:29px;
		
		background:url(sprite.png) -167px -233px;
		opacity:0;
		-webkit-animation-name:logo;
		-webkit-animation-delay:6.2s;
		-webkit-animation-duration:1s;
		-webkit-animation-fill-mode:forwards;
		-webkit-animation-iteration-count:1;
		
		-moz-animation-name:logo;
		-moz-animation-delay:6.2;
		-moz-animation-duration:1s;
		-moz-animation-fill-mode:forwards;
		-moz-animation-iteration-count:1;
		
		animation-name:logo;
		animation-delay:6.2s;
		animation-duration:1s;
		animation-fill-mode:forwards;
		animation-iteration-count:1;
}	
	
@-webkit-keyframes logo { from {opacity:0;} to {opacity:1;} }
@-moz-keyframes logo { from {opacity:0;} to {opacity:1;} }
@keyframes logo { from {opacity:0;} to {opacity:1;} }



#lady{
	    position: absolute;
	    top: 18px;
	    left: 202px;
	    width: 84px;
	    height: 141px;
		background:url(sprite.png) -217px -623px;
		opacity:0;
		
		 -moz-animation-name:pen;
		
		 -moz-animation-delay:6.5s,10s;
		 -moz-animation-duration:1s,1s;
		 -moz-animation-fill-mode:forwards;
		 -moz-animation-iteration-count:1;
		
		-webkit-animation-name:pen;
	
		-webkit-animation-delay:6.5s,10s;
		-webkit-animation-duration:1s,1s;
		-webkit-animation-fill-mode:forwards;
		-webkit-animation-iteration-count:1;
		
		animation-name:pen;
	
		animation-delay:6.5s,10s;
		animation-duration:1s,1s;
		animation-fill-mode:forwards;
		animation-iteration-count:1;	
	
	}

@-webkit-keyframes pen { from {opacity:0;} to {opacity:1;} }
@-webkit-keyframes pen2 {0% {left: 211px;  top:27px; -webkit-transform: scale(.85,.85);}100% {left: 198px; top:11px; -webkit-transform: scale(1,1);}}

@-moz-keyframes pen { from {opacity:0;} to {opacity:1;} }
@-moz-keyframes pen2 {0% {left: 211px;  top:27px; -moz-transform: scale(.85,.85);}100% {left: 198px; top:11px; -moz-transform: scale(1,1);}}

@keyframes pen { from {opacity:0;} to {opacity:1;} }
@keyframes pen2 {0% {left: 211px;  top:27px; transform: scale(.85,.85);}100% {left: 198px; top:11px; transform: scale(1,1);}}

/*#title2{
	background:url(sprite.png) -14px -629px;	
	position: absolute;
    top: 29px;
    left: 22px;
    width: 163px;
    height: 31px;		
	opacity:0;
	-webkit-animation-name:title2_fadein, title2_fadeout;
	-webkit-animation-delay:10s,13.5s;
	-webkit-animation-duration:1s,1s;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	
	-moz-animation-name:title2_fadein, title2_fadeout;
	-moz-animation-delay:10s,13.5s;
	-moz-animation-duration:1s,1s;
	-moz-animation-fill-mode:forwards;
	-moz-animation-iteration-count:1;
	
	animation-name:title2_fadein, title2_fadeout;
	animation-delay:10s,13.5s;
	animation-duration:1s,1s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
}	
@-webkit-keyframes title2_fadein { from {opacity:0;} to {opacity:1;} }
@-moz-keyframes title2_fadein { from {opacity:0;} to {opacity:1;} }	
@keyframes title2_fadein { from {opacity:0;} to {opacity:1;} }

@-webkit-keyframes title2_fadeout { from {opacity:1;} to {opacity:0;} }
@-moz-keyframes title2_fadeout { from {opacity:1;} to {opacity:0;} }
@keyframes title2_fadeout { from {opacity:1;} to {opacity:0;} }*/

#keeping{
	    position: absolute;
	    top: 37px;
	    left: 44px;
	    width: 137px;
	    height: 20px;

		background:url(sprite.png) -35px -110px;
		opacity:0;
		
		-webkit-animation-name:keeping,keeping1;
		-webkit-animation-delay:10.2s,13.5s;
		-webkit-animation-duration:1s,1s;
		-webkit-animation-fill-mode:forwards;
		-webkit-animation-iteration-count:1;
		
		 -moz-animation-name:keeping,keeping1;
		 -moz-animation-delay:10.2s,13.5s;
		 -moz-animation-duration:1s,1s;
		 -moz-animation-fill-mode:forwards;
		 -moz-animation-iteration-count:1;
		
		animation-name:keeping,keeping1;
		animation-delay:10.2s,13.5s;
		animation-duration:1s,1s;
		animation-fill-mode:forwards;
		animation-iteration-count:1;
	
	}
	
@-webkit-keyframes keeping { from {opacity:0;} to {opacity:1;} }
@-webkit-keyframes keeping1 { from {opacity:1;} to {opacity:0;} }
	
@-moz-keyframes keeping { from {opacity:0;} to {opacity:1;} }
@-moz-keyframes keeping1 { from {opacity:1;} to {opacity:0;} }
	
@keyframes keeping { from {opacity:0;} to {opacity:1;} }
@keyframes keeping1 { from {opacity:1;} to {opacity:0;} }

			
#evaluated{
    position: absolute;
    top: 149px;
    left: 161px;
    width: 126px;
    height: 17px;
    background: url(sprite.png) -2px -186px;
	opacity:0;
	
	-webkit-animation-name:evaluated,evaluated1;
	-webkit-animation-delay:10.5s,13.5s;
	-webkit-animation-duration:1s,1s;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;

	 -moz-animation-name:evaluated,evaluated1;
	 -moz-animation-delay:10.5s,13.5s;
	 -moz-animation-duration:1s,1s;
	 -moz-animation-fill-mode:forwards;
	 -moz-animation-iteration-count:1;

	animation-name:evaluated,evaluated1;
	animation-delay:10.5s,13.5s;
	animation-duration:1s,1s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;

}	

@-webkit-keyframes evaluated { from {opacity:0;} to {opacity:1;} }
@-webkit-keyframes evaluated1 { from {opacity:1;} to {opacity:0;} }

@-moz-keyframes evaluated { from {opacity:0;} to {opacity:1;} }
@-moz-keyframes evaluated1 { from {opacity:1;} to {opacity:0;} }

@keyframes evaluated { from {opacity:0;} to {opacity:1;} }
@keyframes evaluated1 { from {opacity:1;} to {opacity:0;} }


#lastcopy{
	    position: absolute;
    z-index: 2;
    top: 30px;
    left: 42px;
    width: 146px;
    height: 40px;
    background: url(sprite.png) -8px -23px;
		opacity:0;
		
		-webkit-animation-name:lastcopy;
		-webkit-animation-delay:13.5s;
		-webkit-animation-duration:1s;
		-webkit-animation-fill-mode:forwards;
		-webkit-animation-iteration-count:1;
		
		-moz-animation-name:lastcopy;
		-moz-animation-delay:13.5s;
		-moz-animation-duration:1s;
		-moz-animation-fill-mode:forwards;
		-moz-animation-iteration-count:1;
		
		animation-name:lastcopy;
		animation-delay:13.5s;
		animation-duration:1s;
		animation-fill-mode:forwards;
		animation-iteration-count:1;
	}	
	
	
@-webkit-keyframes lastcopy { from {opacity:0;} to {opacity:1;} }
@-moz-keyframes lastcopy { from {opacity:0;} to {opacity:1;} }
@keyframes lastcopy { from {opacity:0;} to {opacity:1;} }

#btn{
	position:absolute;
	top:84px;
	left:60px;
	width:102px;
	height:23px;
	background:url(sprite.png) -197px -105px;
	opacity:0;
	-webkit-animation-name:btn;
	-webkit-animation-delay:13.5s;
	-webkit-animation-duration:1s;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	
	-moz-animation-name:btn;
	-moz-animation-delay:13.5s;
	-moz-animation-duration:1s;
	-moz-animation-fill-mode:forwards;
	-moz-animation-iteration-count:1;
	
	animation-name:btn;
	animation-delay:13.5s;
	animation-duration:1s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
}	
	

.indication{
	position:absolute;
	top:168px;
	left:0px;
	width:298px;
	height:15px;
	background:url(sprite.png) 0px -577px;
	opacity:0;
	z-index: 5;
	cursor:pointer;
		-webkit-animation-name:scrollContent;
			-webkit-animation-delay:6.8s;
			-webkit-animation-duration:1s;
			-webkit-animation-fill-mode:forwards;
			-webkit-animation-iteration-count:1;
			
			-moz-animation-name:scrollContent;
			-moz-animation-delay:6.8s;
			-moz-animation-duration:1s;
			-moz-animation-fill-mode:forwards;
			-moz-animation-iteration-count:1;
			
			animation-name:scrollContent;
			animation-delay:6.8s;
			animation-duration:1s;
			animation-fill-mode:forwards;
			animation-iteration-count:1;
		}
	
	@-webkit-keyframes scrollContent { from {opacity:0;} to {opacity:1;} }
	@-moz-keyframes scrollContent { from {opacity:0;} to {opacity:1;} }
	@keyframes scrollContent { from {opacity:0;} to {opacity:1;} }
	
	
	
@-webkit-keyframes btn { from {opacity:0;} to {opacity:1;} }
@-moz-keyframes btn{ from {opacity:0;} to {opacity:1;} }
@keyframes btn{ from {opacity:0;} to {opacity:1;} }

			/* Tiny Scrollbar CSS */
		#scrollbar1 { 
			width: 298px; 
			margin-top: 20px;
			margin-right: 0px;
			margin-bottom: 8px;
			margin-left: 0px; 
			display: inline-block; 
			
			font-family: Arial;
    
    padding: 0px 10px 0px 7px;   
   
    
   	/*line-height: 15px;*/
    
    z-index: 20;
    
		}
		#scrollbar1 .viewport { width: 298px; height: 48px; overflow: hidden; position: absolute;top:0px;cursor:pointer }
		#scrollbar1 .overview { list-style: none; position: absolute; left: 0px; top: 13px; padding: 0; margin: 0; width:279px;  word-wrap: break-word;}
		#scrollbar1 .scrollbar{ background:#cccccc; position: relative; background-position: 0 0;position:absolute; right:0px; width: 10px;top:0px; z-index:2}
		#scrollbar1 .track { background:#cccccc; height: 100%; width:10px; position: relative; padding: 0px;}
		#scrollbar1 .thumb { background: #666666; height: 9px; width: 11px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px;}
		
		#scrollbar1 .disable { display: none; }
		.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


		/*---------------------------------------------Tiny Scrollbar CSS Ends Here-----------------------------------------------------------------*/
		
	#collapsedPanelContainer{
			background:url(sprite.png) -5px -765px;
			position:absolute;
			cursor: pointer;
			width:298px;
			height:50px;
			top:181px;
			left: 0px;
			z-index:25;
			
			
			opacity:0;
			box-sizing:border-box;
			border:1px solid #cccccc;
			
			
			-webkit-animation-name:scrollContent;
			-webkit-animation-delay:6.8s;
			-webkit-animation-duration:1s;
			-webkit-animation-fill-mode:forwards;
			-webkit-animation-iteration-count:1;
			
			-moz-animation-name:scrollContent;
			-moz-animation-delay:6.8s;
			-moz-animation-duration:1s;
			-moz-animation-fill-mode:forwards;
			-moz-animation-iteration-count:1;
			
			animation-name:scrollContent;
			animation-delay:6.8s;
			animation-duration:1s;
			animation-fill-mode:forwards;
			animation-iteration-count:1;
		}
	
	@-webkit-keyframes scrollContent { from {opacity:0;} to {opacity:1;} }
	@-moz-keyframes scrollContent { from {opacity:0;} to {opacity:1;} }
	@keyframes scrollContent { from {opacity:0;} to {opacity:1;} }
		
	#hyperLink_text{
			position:absolute;
			width:298px;
			height:22px;
			bottom:-23px;
			left:0px;			
			background:url(sprite.png) -3px -144px;
			cursor:pointer;
			opacity:0;
			z-index:30;
			
			-webkit-animation-name:hyperLink_text;
			-webkit-animation-delay:6.8s;
			-webkit-animation-duration:1s;
			-webkit-animation-fill-mode:forwards;
			-webkit-animation-iteration-count:1;
			
			-moz-animation-name:hyperLink_text;
			-moz-animation-delay:6.8s;
			-moz-animation-duration:1s;
			-moz-animation-fill-mode:forwards;
			-moz-animation-iteration-count:1;
			
			animation-name:hyperLink_text;
			animation-delay:6.8s;
			animation-duration:1s;
			animation-fill-mode:forwards;
			animation-iteration-count:1;
		}
	

	
	@-webkit-keyframes hyperLink_text { from {bottom:0px;opacity:0;} to {bottom:0px;opacity:1;} }
	@-moz-keyframes hyperLink_text { from {bottom:0px;opacity:0;} to {bottom:0px;opacity:1;} }
		
	@keyframes hyperLink_text { from {bottom:0px;opacity:0;} to {bottom:0px;opacity:1;} }