michael@0: .center{
michael@0:     text-align: center;
michael@0: }
michael@0: 
michael@0: h1{
michael@0:     font-style: italic;
michael@0: }
michael@0: 
michael@0: #notifier_circle{
michael@0:     display: inline-block;
michael@0:     margin-top: 18px;
michael@0:     -webkit-animation-name: spin;
michael@0:     -webkit-animation-duration: 3s;
michael@0:     -webkit-animation-iteration-count: infinite;
michael@0:     -webkit-animation-timing-function: linear;
michael@0:     -moz-animation-name: spin;
michael@0:     -moz-animation-duration: 3s;
michael@0:     -moz-animation-iteration-count: infinite;
michael@0:     -moz-animation-timing-function: linear;
michael@0:     -ms-animation-name: spin;
michael@0:     -ms-animation-duration: 3s;
michael@0:     -ms-animation-iteration-count: infinite;
michael@0:     -ms-animation-timing-function: linear;
michael@0:     
michael@0:     border-radius: 50%;
michael@0:  }
michael@0: 
michael@0: .green{
michael@0:     background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, #80EE9F 0%, #1BCA37 100%, #AFEAAA 95%);
michael@0:     background-image: -webkit-radial-gradient(45px 45px, circle cover, #80EE9F, #1BCA37);
michael@0:     background-image: radial-gradient(45px 45px 45deg, circle cover, #80EE9F 0%, #1BCA37 100%, #AFEAAA 95%);
michael@0: }
michael@0: 
michael@0: .gray{
michael@0:     background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, rgba(182, 180, 180, 0.59) 0%, rgba(178, 190, 180, 0) 100%, black 95%);
michael@0:     background-image: -webkit-radial-gradient(45px 45px, circle cover, rgba(182, 180, 180, 0.59), rgba(178, 190, 180, 0));
michael@0:     background-image: radial-gradient(45px 45px 45deg, circle cover, rgba(182, 180, 180, 0.59) 0%, rgba(178, 190, 180, 0) 100%, black 95%);
michael@0: }
michael@0: 
michael@0: .redtext{
michael@0: 	color:red;
michael@0: }