/****************PAGE SLIDE LEFT*******************/
.focusflash {
-webkit-animation-name: focusflash;	
-webkit-animation-duration: 1s;

-moz-animation-name: focusflash;	
-moz-animation-duration: 1s;

animation-name: focusflash;
animation-duration: 1s;	

}

@-webkit-keyframes focusflash{
0% { opacity: 1;} 
50% { opacity: .4;} 
100% {opacity: 1;}
}
@-moz-keyframes focusflash {
0% {opacity: 1;} 
50% { opacity: .4;} 
100% {opacity: 1;}	
}
@keyframes focusflash {
0% {opacity: 1;} 
50% { opacity: .4;} 
100% {opacity: 1;}	
}


.focusflash2 {
-webkit-animation-name: focusflash2;	
-webkit-animation-duration: 2s;

-moz-animation-name: focusflash2;	
-moz-animation-duration: 2s;

animation-name: focusflash2;
animation-duration: 2s;	

color:lawngreen;
}

@-webkit-keyframes focusflash2{
0% { opacity: 1;} 
25% { opacity: .4;}
50% { opacity: 1;} 
75% { opacity: .4;}
100% {opacity: 1;}
}
@-moz-keyframes focusflash2 {
0% { opacity: 1;} 
25% { opacity: .4;}
50% { opacity: 1;} 
75% { opacity: .4;}
100% {opacity: 1;}	
}
@keyframes focusflash2 {
0% { opacity: 1;} 
25% { opacity: .4;}
50% { opacity: 1;} 
75% { opacity: .4;}
100% {opacity: 1;}	
}








/****************PAGE SLIDE LEFT*******************/
.slideleft {
-webkit-animation-name: slideleft;	
-webkit-animation-duration: .5s;
-webkit-animation-timing-function:linear;

/*-webkit-animation-fill-mode:forwards;*/

-moz-animation-name: slideleft;	
-moz-animation-duration: .5s;
-moz-animation-timing-function:linear;

/*-moz-animation-fill-mode:forwards;*/

animation-name: slideleft;
animation-duration: .5s;
animation-timing-function:linear;

/*animation-fill-mode:forwards;*/
}

@-webkit-keyframes slideleft{
0% { opacity: 0;-webkit-transform: translateX(100%);}
100% {opacity: 1;-webkit-transform: translateX(0%);}
}
@-moz-keyframes slideleft {
0% {opacity: 0;-moz-transform:translateX(100%);} 

100% {opacity: 1;-moz-transform: translateX(0%);}	
}
@keyframes slideleft {
0% {opacity: 0;transform:translateX(100%);} 

100% {opacity: 1;transform: translateX(0%);}	
}

/****************PAGE SLIDE RIGHT UNUSED*******************/
.slideright {
-webkit-animation-name: slideright;	
-webkit-animation-duration: .5s;
-webkit-animation-timing-function:linear;

-moz-animation-name: slideright;	
-moz-animation-duration: .5s;
-moz-animation-timing-function:linear;


animation-name: slideright;
animation-duration: .5s;	
animation-timing-function:linear;

}

@-webkit-keyframes slideright{
0% { opacity: 0;-webkit-transform: translateX(-70%);} 
100% {opacity: 1;-webkit-transform: translateX(0%);}
}
@-moz-keyframes slideright {
0% {opacity: 0;-moz-transform:translateX(-70%);} 
100% {opacity: 1;-moz-transform: translateX(0%);}	
}
@keyframes slideright {
0% {opacity: 0;transform:translateX(-70%);} 
100% {opacity: 1;transform: translateX(0%);}	
}
/****************PAGE FADE AWAY*******************/

.slideaway {
-webkit-animation-name: slideaway;	
-webkit-animation-duration: .4s;
-webkit-animation-timing-function:linear;


-moz-animation-name: slideaway;
-moz-animation-duration: .4s;
-moz-animation-timing-function:linear;


animation-name: slideaway;
animation-duration: .4s;
animation-timing-function:linear;

}

@-webkit-keyframes slideaway{
0% { opacity: 1;-webkit-transform: translateX(0%);} 
100% {opacity: 0;-webkit-transform: translateX(90%);}
}
@-moz-keyframes slideaway {
 0% {opacity: 1;-moz-transform:translateX(0%);} 
100% {opacity: 0;-moz-transform: translateX(90%);}	
}
@keyframes slideaway {
 0% {opacity: 1;transform:translateX(0%);} 
100% {opacity: 0;transform: translateX(90%);}	
}


/*******************LIVE****************************/

div#liveclose {
position:relative;
height:20px;
width:23px;
margin:-20px 0px -3px 0%;
overflow:hidden;
z-index:6;
color:#808080;
}

div#livetop2, div#livetopright {
/*opacity:.8;*/
}
div.livetopright {
position:relative;
z-index:5;
font-size:40px;
width:40px;
height:40px;
margin:35px 0px -75px 87%;
color:lime;
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
}


div.livetopleft2{
position:relative;
z-index:5;
font-size:40px;
width:40px;
height:40px;
margin:33px 0px -73px 2%;
color:lime;
}



div.liveanima {
-webkit-animation-name:liveanima;
-webkit-animation-duration:1.2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-webkit-animation-direction:alternate;

-moz-animation-name:liveanima;
-moz-animation-duration:1.2s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-moz-animation-direction:alternate;

animation-name: liveanima;
animation-duration: 1.2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-direction: alternate;
}

div.liveanimaY {
-webkit-animation-name:liveanimaY;
-webkit-animation-duration:1.2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-webkit-animation-direction:alternate;

-moz-animation-name:liveanimaY;
-moz-animation-duration:1.2s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-moz-animation-direction:alternate;

animation-name: liveanimaY;
animation-duration: 1.2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-direction: alternate;
}

/***goes across once*/
div.liveanima1 {
-webkit-animation-name:liveanima1;
-webkit-animation-duration:1.2s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count: 1;

-moz-animation-name:liveanima1;
-moz-animation-duration:1.2s;
-moz-animation-timing-function:linear;
-moz-animation-iteration-count: 1;

animation-name: liveanima1;
animation-duration: 1.2s;
animation-timing-function: linear;
animation-iteration-count: 1;

}

@-webkit-keyframes liveanima1{
0%  {-webkit-transform:rotate(0deg);margin-left:0%;}
30% {margin-left:80%;}
50%{-webkit-transform:rotate(420deg);margin-left:20%;}
70%{margin-left:60%;}
100% {-webkit-transform:rotate(0deg);margin-left:0%;}
}
@-moz-keyframes liveanima1 {
0%  {-moz-transform:rotate(0deg);margin-left:0%;}
30% {margin-left:80%;}
50%{-moz-transform:rotate(420deg);margin-left:20%;}
70%{margin-left:60%;}
100% {-moz-transform:rotate(0deg);margin-left:0%;}
}

@keyframes liveanima1 {
0% {transform: rotate(0deg);margin-left:0%;}
30% {margin-left:80%;}
50%{transform: rotate(420deg);margin-left:20%;}
70%{margin-left:60%;}
100% {transform: rotate(0deg);margin-left:0%;}
 }

@-webkit-keyframes liveanima{
0%  {-webkit-transform:rotate(0deg);margin-left:0%;}
30% {margin-left:80%;}
70%{margin-left:20%;}
100% {-webkit-transform:rotate(420deg);margin-left:60%;}
}
@-moz-keyframes liveanima {
0%  {-moz-transform:rotate(0deg);margin-left:0%;}
30% {margin-left:80%;}
70%{margin-left:20%;}
100% {-moz-transform:rotate(420deg);margin-left:60%;}
}

@keyframes liveanima {
0% {transform: rotate(0deg);margin-left:0%;}
30% {margin-left:80%;}
70%{margin-left:20%;}
100% {transform: rotate(420deg);margin-left:60%;}
 }


@-webkit-keyframes liveanimaY {
0% {-webkit-transform:rotateY(0deg);margin-left:0%;}
50% {margin-left:80%;}
100% {-webkit-transform:rotateY(420deg);margin-left:20%;}
}
@-moz-keyframes liveanimaY {
0% {-moz-transform:rotateY(0deg);margin-left:0%;}
50% {margin-left:80%;}
100% {-moz-transform:rotateY(420deg);margin-left:20%;}
 }

@keyframes liveanimaY {
0% {transform:rotateY(0deg);margin-left:0%;}
50% {margin-left:80%;}
100% {transform:rotateY(420deg);margin-left:20%;}
 }



/********VP FADE************/
/*2s connected to js vpflash(vpmsg);*****/
div.vpflashfade{
-webkit-animation-name: vpflashfade;	
-webkit-animation-duration: 2s;
-webkit-animation-timing-function:linear;

-moz-animation-name:vpflashfade;
-moz-animation-duration:2s;
-moz-animation-timing-function:linear;

animation-name:vpflashfade;
animation-duration:2s;
animation-timing-function:linear;
}

@-webkit-keyframes vpflashfade{
0% {height:0px;top:50px;padding-top:10px;opacity:1;}
10%{height:75px;top:50px;}
80%{height:75px;top:50px;padding-top:10px;opacity:1;}

90%{height:55px;top:50px;padding-top:40px;}
100%{height:0px;top:135px;opacity:.5;}
}
@-moz-keyframes vpflashfade{
0% {height:0px;top:50px;padding-top:10px;opacity:1;}
10%{height:75px;top:50px;}
80%{height:75px;top:50px;padding-top:10px;opacity:1;}

90%{height:55px;top:50px;padding-top:40px;}
100%{height:0px;top:135px;opacity:.5;}
}
@keyframes vpflashfade{
0% {height:0px;top:50px;padding-top:10px;opacity:1;}
10%{height:75px;top:50px;}
80%{height:75px;top:50px;padding-top:10px;opacity:1;}

90%{height:55px;top:50px;padding-top:40px;}
100%{height:0px;top:135px;opacity:.5;}
}


/*2s connected to js vpflash(vpmsg);*****/
div.vpflashhold{
-webkit-animation-name: vpflashhold;	
-webkit-animation-duration: .5s;
-webkit-animation-timing-function:linear;

-moz-animation-name:vpflashhold;
-moz-animation-duration:.5s;
-moz-animation-timing-function:linear;

animation-name:vpflashhold;
animation-duration:.5s;
animation-timing-function:linear;
}

@-webkit-keyframes vpflashhold{
0% {height:0px;top:50px;padding-top:10px;opacity:.1;}
100%{height:185px;top:50px;padding-top:10px;opacity:1;}
}
@-moz-keyframes vpflashhold{
0% {height:0px;top:50px;padding-top:10px;opacity:.1;}
100%{height:185px;top:50px;padding-top:10px;opacity:1;}
}
@keyframes vpflashhold{
0% {height:0px;top:50px;padding-top:10px;opacity:.1;}
100%{height:185px;top:50px;padding-top:10px;opacity:1;}
}



 /******************flash in options for song or event************/
 div#vpcover{
position:fixed;
z-index:8997;
width:100%;
min-width:300px;
max-width:750px;
height:0px;
}

div#vpcoverflash,div#vpcoverfocus{
position:relative;
width:100%;
min-width:300px;
max-width:750px;
position:relative;
z-index:8998;
height:0px;
margin:0px 0px 0px 0px;

}

div.vpflash,div.vpflashhold{
overflow:hidden ;
position:relative;
left:11%;
width:75%;
top:50px;
padding:10px 5px 10px 5px;
font-size:18px;
background-color:black;
color:white;
text-align:center;
border-radius:15px;
font-weight:bold;
box-shadow:0px 0px 20px 2px white;
}

div.vpflashhold {
    /*maybe all any height*/
height:185px;

}

div.vpflashfocus{
overflow:hidden ;
position:relative;
left:5%;
width:90%;
top:25px;
/*height:100px;*/
min-height:100px;
height:auto;
font-size:18px;
text-align:center;
font-weight:normal;
box-shadow:0px 0px 20px 2px white;
border-radius:5px;
padding-bottom:5px;

}


div.vpflashfocuslarge{
overflow:hidden ;
position:relative;
left:5%;
width:90%;
top:25px;
/*height:100px;*/
min-height:170px;
height:auto;
font-size:18px;
text-align:center;
font-weight:normal;
box-shadow:0px 0px 20px 2px white;
border-radius:5px;
padding-bottom:5px;

}


div.vpflashfocussmall{
overflow:hidden ;
position:relative;
left:5%;
width:90%;
top:25px;
/*height:100px;*/
min-height:50px;
height:auto;
font-size:18px;
text-align:center;
font-weight:normal;
box-shadow:0px 0px 20px 2px white;
border-radius:5px;
padding-bottom:5px;

}





div#p1eventsflash {
margin:75px 0px 0px 0px;

}





div.vpcoverfocusXXXXXX {
-webkit-animation-name:vpcoverfocus;
-webkit-animation-duration:.2s;
-webkit-animation-timing-function:linear;

-moz-animation-name:vpcoverfocus;
-moz-animation-duration:.2s;
-moz-animation-timing-function:linear;

animation-name:vpcoverfocus;
animation-duration:.2s;
animation-timing-function:linear;
}

div.vpcoverfocus2 {
-webkit-animation-name:vpcoverfocus2;
-webkit-animation-duration:.2s;

-moz-animation-name:vpcoverfocus2;
-moz-animation-duration:.2s;
-moz-animation-timing-function:linear;

animation-name:vpcoverfocus2;
animation-duration:.2s;
animation-timing-function:linear;
}



@-webkit-keyframes vpcoverfocus2{
0% {-webkit-transform: translateX(-200px);opacity: .1;}
100% {-webkit-transform: translateX(0%);opacity: 1;}
}

@-moz-keyframes vpcoverfocus2{
0% {opacity: 0;-moz-transform: translateX(-200px);} 
100% {opacity: 1;-moz-transform: translateX(0%);}
}

@keyframes vpcoverfocus2{
0% {opacity: 0;transform: translateX(-80%);} 
100% {opacity: 1;transform: translateX(0%);}	
}



@-webkit-keyframes vpcoverfocusXXXX{
0% {height:0px;}
100%{height:100px;}
}
@-moz-keyframes vpcoverfocusXXX{
0% {height:0px;}
100%{height:100px;}
}
@keyframes vpcoverfocusXXX{
0% {height:0px;}
100%{height:100px;}
}



/******************slide out focus song to new list******************/
div.vpfadefocuselement{
-webkit-animation-name:vpfadefocuselement;
-webkit-animation-duration:.5s;
-webkit-animation-timing-function:linear;

-moz-animation-name:vpfadefocuselement;
-moz-animation-duration:.5s;
-moz-animation-timing-function:linear;

animation-name:vpfadefocuselement;
animation-duration:.5s;
animation-timing-function:linear;
}

@-webkit-keyframes vpfadefocuselement{
0% {opacity: 1;-webkit-transform: translateX(0%);height:17px;} 
100% {opacity: 0;-webkit-transform: translateX(-90%);height:0px;}
}
@-moz-keyframes vpfadefocuselement{
0% {opacity: 1;-moz-transform: translateX(0%);height:17px;} 
100% {opacity: 0;-moz-transform: translateX(-90%);height:0px;}	
}

@keyframes vpfadefocuselement{
0% {opacity: 1;transform: translateX(0%);height:17px;} 
100% {opacity: 0;transform: translateX(-90%);height:0px;}	
}

/******************slide in focus song from left******************/

div.vpfadefocuselementXL{
-webkit-animation-name:vpfadefocuselementXL;
-webkit-animation-duration:.5s;
-webkit-animation-timing-function:linear;

-moz-animation-name:vpfadefocuselementXL;
-moz-animation-duration:.5s;
-moz-animation-timing-function:linear;

animation-name:vpfadefocuselementXL;
animation-duration:.5s;
animation-timing-function:linear;
}

@-webkit-keyframes vpfadefocuselementXL{
0% {opacity: 0;-webkit-transform: translateX(-90%);height:0px;} 
100% {opacity: 1;-webkit-transform: translateX(0%);height:17px;}
}
@-moz-keyframes vpfadefocuselementXL{
0% {opacity: 0;-moz-transform: translateX(-90%);height:0px;} 
100% {opacity: 1;-moz-transform: translateX(0%);height:17px;}	
}

@keyframes vpfadefocuselementXL{
0% {opacity: 0;transform: translateX(-90%);height:0px;} 
100% {opacity: 1;transform: translateX(0%);height:17px;}	
}



div.vpfadefocuselementsizeXXXXXXXXXXXXXXX{
-webkit-animation-name:vpfadefocuselementsize;
-webkit-animation-duration:.5s;
-webkit-animation-timing-function:linear;

-moz-animation-name:vpfadefocuselementsize;
-moz-animation-duration:.5s;
-moz-animation-timing-function:linear;

animation-name:vpfadefocuselementsize;
animation-duration:.5s;
animation-timing-function:linear;
}

@-webkit-keyframes vpfadefocuselementsize{
0% {opacity: 0;-webkit-transform: translate(0%);} 
100% {opacity: 1;-webkit-transform: translateY(-190%);}
}
@-moz-keyframes vpfadefocuselementsize{
0% {opacity: 1;-moz-transform: translateY(0%);} 
100% {opacity: 1;-moz-transform: translateY(-190%);}	
}

@keyframes vpfadefocuselementsize{
0% {opacity: 1;transform: translateY(0%);} 
100% {opacity: 1;transform: translateY(-190%);}	
}




/******************REQUEST SCROLL BUTTON FLASH BAND************/


div.e1rovertop {
position:relative;
margin:20px 5% 0px 5%;
height:43px;
font-weight:normal;
color:lightslategray;
font-size:22px;
font-weight:bold;
overflow:hidden;
text-align:center;
line-height:1;

}
div.e1scrollbutton,div.e2scrollbutton {
position:relative;
margin:25px 5% 0px 3%;
height:43px;
background-color:lightslategray;
padding-top:1px;
line-height:3;
width:35%;
float:right;
font-weight:normal;
color:black;
font-size:14px;
border-radius:10px;
overflow:hidden;
 }

div.shadbotscrollbutton{
position:relative;
height:8px;
border-bottom:3px solid #000000;
margin:32px 2px -43px 2px;
border-radius:0px 0px 10px 10px;
opacity:.45;
filter:alpha(opacity=45);
}

div.e2scrollbutton {
background-color:black;
}



div.scrollbuttonflash{
-webkit-animation-name:scrollbuttonflash;
-webkit-animation-duration:2s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;

-moz-animation-name:scrollbuttonflash;
-moz-animation-duration:2s;
-moz-animation-timing-function:linear;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:alternate;

animation-name:scrollbuttonflash;
animation-duration:2s;
animation-timing-function:linear;
animation-iteration-count:infinite;
animation-direction:alternate;

}

@-webkit-keyframes scrollbuttonflash{
0% {background-color:coral;color:lime;}
100%{background-color:lawngreen;color:black;}
}

@-moz-keyframes scrollbuttonflash{
0% {background-color:coral;color:lime;}
100%{background-color:lawngreen;color:black;}
}


@keyframes scrollbuttonflash{
0% {background-color:coral;color:lime;}
100%{background-color:lawngreen;color:black;}
}


/******************PUB REQUEST ************/



div.requestflash{
-webkit-animation-name:requestflash;
-webkit-animation-duration:.8s;
-webkit-animation-timing-function:linear;

-moz-animation-name:requestflash;
-moz-animation-duration:.8s;
-moz-animation-timing-function:linear;

animation-name:requestflash;
animation-duration:.8s;
animation-timing-function:linear;
}

@-webkit-keyframes requestflash {
0% {background-color:black;margin:0px 7px 0px 7px;opacity:.2;}
50% {margin:0px 10% 0px 10%;}
100% {background-color:lime;margin:0px 7px 0px 7px;opacity:1;}
 }

@-moz-keyframes requestflash {
0% {background-color:black;margin:0px 7px 0px 7px;opacity:.2;}
50% {margin:0px 10% 0px 10%;}
100% {background-color:lime;margin:0px 7px 0px 7px;opacity:1;}
}

@keyframes requestflash {
0% {background-color:black;margin:0px 7px 0px 7px;opacity:.2;}
50% {margin:0px 10% 0px 10%;}
100% {background-color:lime;margin:0px 7px 0px 7px;opacity:1;}
 }

/******************SLIDE OUT REQUEST ************/


div.requestslide{
-webkit-animation-name:requestslide;
-webkit-animation-duration:.5s;
-webkit-animation-timing-function:linear;

-moz-animation-name:requestslide;
-moz-animation-duration:.5s;
-moz-animation-timing-function:linear;

animation-name:requestslide;
animation-duration:.5s;
animation-timing-function:linear;
}

@-webkit-keyframes requestslide{
0% {opacity: 1;-webkit-transform: translateX(0%);} 
100% {opacity: 0;-webkit-transform: translateX(-90%);}
}
@-moz-keyframes requestslide{
0% {opacity: 1;-moz-transform: translateX(0%);} 
100% {opacity: 0;-moz-transform: translateX(-90%);}	
}

@keyframes requestslide{
0% {opacity: 1;transform: translateX(0%);} 
100% {opacity: 0;transform: translateX(-90%);}	
}



/******************PUB SEND REQUEST ************/


div.requestmsg1{
-webkit-animation-name:requestmsg1;
-webkit-animation-duration:4s;
-webkit-animation-timing-function:linear;

-moz-animation-name:requestmsg1;
-moz-animation-duration:4s;
-moz-animation-timing-function:linear;

animation-name:requestmsg1;
animation-duration:4s;
animation-timing-function:linear;
}

@-webkit-keyframes requestmsg1 {
0% {opacity:1;}
25% {opacity:0;}
50% {opacity:1}
75% {opacity:0;}
100% {opacity:1;}
 }
@-moz-keyframes requestmsg1 {
0% {opacity:1;}
25% {opacity:0;}
50% {opacity:1}
75% {opacity:0;}
100% {opacity:1;}
 }

@keyframes requestmsg1 {
0% {opacity:1;}
25% {opacity:0;}
50% {opacity:1}
75% {opacity:0;}
100% {opacity:1;}
 }



div.requestmsg2{
-webkit-animation-name:requestmsg2;
-webkit-animation-duration:4s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count: infinite;


-moz-animation-name:requestmsg2;
-moz-animation-duration:4s;
-moz-animation-timing-function:linear;
-moz-animation-iteration-count: infinite;


animation-name:requestmsg2;
animation-duration:4s;
animation-timing-function:linear;
animation-iteration-count: infinite;
}

@-webkit-keyframes requestmsg2 {
0% {opacity:1;}
25% {opacity:.20;}
50% {opacity:1}
75% {opacity:.20;}
100% {opacity:1;}
 }
@-moz-keyframes requestmsg2 {
0% {opacity:1;}
25% {opacity:.20;}
50% {opacity:1}
75% {opacity:.20;}
100% {opacity:1;}
}

@keyframes requestmsg2 {
0% {opacity:1;}
25% {opacity:.20;}
50% {opacity:1}
75% {opacity:.20;}
100% {opacity:1;}
 }



/****************************HOME SEARCHING****************************/

div#searchingdiv {
display: block; 
margin: 10px;
opacity:.3;
}


div.searching {
-webkit-animation-name:searching;
-webkit-animation-duration:2s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count: infinite;

-moz-animation-name:searching;
-moz-animation-duration:2s;
-moz-animation-timing-function:linear;
-moz-animation-iteration-count: infinite;

animation-name:searching;
animation-duration:2s;
animation-timing-function:linear;
animation-iteration-count: infinite;
}

@-webkit-keyframes searching {
0% {opacity:.8;}
50% {opacity:.1}
100% {opacity:.8;}
 }
@-moz-keyframes searching {
0% {opacity:.8;}
50% {opacity:.1}
100% {opacity:.8;}
 }

@keyframes searching {
0% {opacity:.8;}
50% {opacity:.1}
100% {opacity:.8;}
 }




div.fadein {
-webkit-animation-name:fadein;
-webkit-animation-duration:2s;
-webkit-animation-timing-function:linear;

-moz-animation-name:fadein;
-moz-animation-duration:2s;
-moz-animation-timing-function:linear;

animation-name:fadein;
animation-duration:2s;
animation-timing-function:linear;
}

@-webkit-keyframes fadein {
0% {opacity:0;}
100% {opacity:1;}
 }
@-moz-keyframes fadein {
0% {opacity:0;}
100% {opacity:1;}
 }

@keyframes fadein {
0% {opacity:0;}
100% {opacity:1;}
 }



div.fadein30 {
-webkit-animation-name:fadein30;
-webkit-animation-duration:2s;
-webkit-animation-timing-function:linear;

-moz-animation-name:fadein30;
-moz-animation-duration:2s;
-moz-animation-timing-function:linear;

animation-name:fadein30;
animation-duration:2s;
animation-timing-function:linear;
}

@-webkit-keyframes fadein30 {
0% {opacity:0;}
100% {opacity:.2;}
 }
@-moz-keyframes fadein30 {
0% {opacity:0;}
100% {opacity:.2;}
 }

@keyframes fadein30 {
0% {opacity:0;}
100% {opacity:.2;}
 }