body {
    font-family: Arial;
    background: #f0ffff;
    background-image: url(img/bgr.gif),url(img/bgr0.gif);
    background-position: left top,right bottom;
    background-repeat: no-repeat,no-repeat;
    background-attachment: fixed;

}

.tbl {
	 border-radius: 15px;
	 box-shadow: 0 0 10px gray;
	 background: #eeeeee;
    background: linear-gradient(to right, #eeeeee , white);
    opacity: 0.8;
    filter: alpha(opacity=80);
    margin: 0 auto; 
    width: 90%; 
    padding: 10px 10px 10px 10px;
}

.tbl:hover {
	 box-shadow: 0 0 15px gray;
	 background: #eeeeee;
    background: linear-gradient(to right, #eeeeee , white);
    opacity: 1;
    filter: alpha(opacity=100);
}

.hdr{
    width: 100%;
    height: 100px;
    position: relative;
	 color: red;
    font-size: 48px;    
    -webkit-animation: hdr 20s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 3;
	text-shadow: 0 0 5px red;
	}

@-webkit-keyframes hdr {
    0% {color: red; left:0px; top:0px; text-shadow: 0 0 5px red;}
    25% {color: red; left:60px; top:0px; text-shadow: 0 0 20px red;}
    50% {color: red; left:80px; top:0px; text-shadow: 0 0 15px red;}
    75% {color: red; left:20px; top:0px; text-shadow: 0 0 10px red;}
    100% {color: red; left:0px; top:0px; text-shadow: 0 0 5px red;}
}

.zkz {
	font-size: 48px; 
	-webkit-animation: zkz 5s;
	animation-iteration-count: 12;
	color: red;
	text-shadow: 0 0 5px red;
}

@-webkit-keyframes zkz {
	 0% {transform: rotate(0deg);}
	 10% {transform: rotate(10deg);}
	 20% {transform: rotate(25deg);}
	 30% {transform: rotate(-20deg);}
	 40% {transform: rotate(20deg);}
    50% {transform: rotate(30deg);}
    60% {transform: rotate(40deg);}
    70% {transform: rotate(35deg);}
    80% {transform: rotate(20deg);}
    90% {transform: rotate(5deg);}
    100% {transform: rotate(0deg);}
}

.upload{
	-webkit-animation: upload 5s;
	animation-iteration-count: infinite;
	color: red;
	}

@-webkit-keyframes upload {
    0% {color: red;}
    100% {color: pink;}
}

.oncl{
	cursor: pointer;
}

 .ondblcl{
 	cursor: crosshair;
 }
 
.bt{
 	background-color: #d7d7d7;
 	color: red;
 	height: 50px;
 	width: 90px;
 	box-shadow: 5px 5px 5px gray;
 	border-radius: 15px;
 	border-style: hidden;
 }
 
.bt:hover{
 	box-shadow: 5px 5px 10px gray;
 }