.tdmystyle
{background: -webkit-linear-gradient(to right, #98cccb, #628e8e); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(to right, #98cccb, #628e8e); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(to right, #98cccb, #628e8e); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #eeeeee, #628e8e); /* Standard syntax (must be last) */

}

.tdmystyle2
{width: 212px}



/*This is the start of pulsate menu*/

@-webkit-keyframes glow {
  0% {
    -webkit-box-shadow: 0 0 16px rgba(66, 140, 240, 0.5);
    border-color: rgba(0,0,255,0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 16px rgba(66, 140, 240, 1.0), 0 0 36px rgba(0, 140, 255, 1.0);
    border-color: rgba(0,0,255,1.0);
  }
}
@-moz-keyframes glow {
  0% {
    -moz-box-shadow: 0 0 16px rgba(66, 140, 240, 0.5);
    border-color: rgba(0,0,255,0.5);
  }
  100% {
    -moz-box-shadow: 0 0 16px rgba(66, 140, 240, 1.0), 0 0 36px rgba(0, 140, 255, 1.0);
    border-color: rgba(0,0,255,1.0);
  }
}
@-o-keyframes glow {
  0% {
    box-shadow: 0 0 16px rgba(66, 140, 240, 0.5);
    border-color: rgba(0,0,255,0.5);
  }
  100% {
    box-shadow: 0 0 16px rgba(66, 140, 240, 1.0), 0 0 36px rgba(0, 140, 255, 1.0);
    border-color: rgba(0,0,255,1.0);
  }
}
@keyframes glow {
  0% {
    box-shadow: 0 0 16px rgba(66, 140, 240, 0.5);
    border-color: rgba(0,0,255,0.5);
  }
  100% {
    box-shadow: 0 0 16px rgba(66, 140, 240, 1.0), 0 0 36px rgba(0, 140, 255, 1.0);
    border-color: rgba(0,0,255,1.0);
  }
}
#animation_pulsate  {
  width:120px;
  height:38px;
  margin:3px auto;
padding: 15px;
}
#animation_pulsate a {
    width: 120px;
    height: 38px;
    background: #cde;
    border: 0px solid #ccc;
    border-color: rgba(0,255,0,0.3);
   font: bold 13px Verdana;
    color: #000;
    text-decoration: none;
    text-shadow: rgba(20, 20, 20, 0.5) 1px 1px 5px;
    float: left;
padding: 5px;
font:  12px Tahoma;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 16px rgba(66, 140, 240, 0.5);
    box-shadow: 0 0 20px rgba(66, 140, 240, 0.5);
  }
#animation_pulsate a:hover, #animationDemo2 a.hover_effect  {
  background-color:#cce;
  -webkit-animation-name: glow;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;

  -moz-animation-name: glow;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: ease-in-out;

  -o-animation-name: glow;
  -o-animation-duration: 1s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: alternate;
  -o-animation-timing-function: ease-in-out;

  animation-name: glow;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}




/*This is the start of animated menu for the left DEAFrontier*/
#animated_div
{
width:175px;
height:auto;
background:#669900;
color:#ffffff;
position:relative;
font: bold 22px Verdana;
text-shadow: rgba(20, 20, 20, 0.5) 1px 1px 5px;
padding:15px;
animation:animated_div 5s 1;
-moz-animation:animated_div 5s 1;
-webkit-animation:animated_div 5s 1;
-o-animation:animated_div 5s 1;
border-radius:10px;
-webkit-border-radius:10px;



}

@keyframes animated_div
{
0%		{transform: rotate(0deg);left:0px;}
25%		{transform: rotate(20deg);left:0px;}
50%		{transform: rotate(0deg);left:1000px;}
55%		{transform: rotate(0deg);left:1000px;}
70%		{transform: rotate(0deg);left:1000px;background:#1ec7e6;}
100%	{transform: rotate(-360deg);left:0px;}
}

@-webkit-keyframes animated_div
{
0%		{-webkit-transform: rotate(0deg);left:0px;}
25%		{-webkit-transform: rotate(20deg);left:0px;}
50%		{-webkit-transform: rotate(0deg);left:1000px;}
55%		{-webkit-transform: rotate(0deg);left:1000px;}
70%		{-webkit-transform: rotate(0deg);left:1000px;background:#1ec7e6;}
100%	{-webkit-transform: rotate(-360deg);left:0px;}
}

@-moz-keyframes animated_div
{
0%   {-moz-transform: rotate(0deg);left:0px;}
25%  {-moz-transform: rotate(20deg);left:0px;}
50%  {-moz-transform: rotate(0deg);left:1000px;}
55%  {-moz-transform: rotate(0deg);left:1000px;}
70%  {-moz-transform: rotate(0deg);left:1000px;background:#1ec7e6;}
100% {-moz-transform: rotate(-360deg);left:0px;}
}

@-o-keyframes animated_div
{
0%   {transform: rotate(0deg);left:0px;}
25%  {transform: rotate(20deg);left:0px;}
50%  {transform: rotate(0deg);left:1000px;}
55%  {transform: rotate(0deg);left:1000px;}
70%  {transform: rotate(0deg);left:1000px;background:#1ec7e6;}
100% {transform: rotate(-360deg);left:0px;}
}


/*This is the start of popup text message*/


p a:hover.popup1{
color:  blue;
text-decoration: none;
}
p a.popup1 span.comment{
margin-left:2px;
display:none;
text-decoration: none;
font-weight:normal;
font-style:italic;
}

p a:hover.popup1 span.comment{
display:inline;

}