#content {
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    margin-top: 50px;
    width: 600px;
}

#content-wide {
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    margin-top: 50px;
    width: 660px;
}

.service-table {
    background-color: rgba(255, 255, 255, 0.1);
    margin-top: 50px;
    width: 600px;
    margin: 0 auto;
    border: 1;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0px; border-width: 1px; border-radius: 6px; border-style: solid; border-color: rgba(255, 255, 255, 0.9);
    border-spacing:0;
}

.pia {
    background-color: rgba(255, 255, 255, 0.1);
    width: 598px;
    margin: 0 auto;
    margin-left: 0px;
    border: 1;
    border-width: 1px; border-radius: 6px; border-style: solid; border-color: #fff;
    border-spacing:0;
}

.pia-image {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
    border-radius: 6px;
}

.info-bg {
    background-color: rgba(255, 255, 255, 0.1);
    margin-top: 100px;
    width: 600px;
    margin: 0 auto;
    border: 1;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 30px;
    margin: 0px; border-width: 1px; border-radius: 6px; border-style: solid; border-color: rgba(255, 255, 255, 0.9);
    border-spacing:0;
}

.cssload-square {
	margin: 28px auto;
	width: 8px;
	height: 8px;
	transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
}

.cssload-square-part {
	position: absolute;
	width: 8px;
	height: 8px;
	z-index: 1;
	animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-o-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-ms-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-webkit-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
		-moz-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}

.cssload-square-green {
	background: rgb(206,246,255);
	right: 0;
	bottom: 0;
	animation-direction: alternate-reverse;
		-o-animation-direction: alternate-reverse;
		-ms-animation-direction: alternate-reverse;
		-webkit-animation-direction: alternate-reverse;
		-moz-animation-direction: alternate-reverse;
}

.cssload-square-pink {
	background: rgb(232,255,106);
	left: 0;
	top: 0;
}

.cssload-square-blend {
	background: rgb(255,255,255);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	animation: blend-anim 0.92s ease-in infinite;
		-o-animation: blend-anim 0.92s ease-in infinite;
		-ms-animation: blend-anim 0.92s ease-in infinite;
		-webkit-animation: blend-anim 0.92s ease-in infinite;
		-moz-animation: blend-anim 0.92s ease-in infinite;
}





@keyframes blend-anim {
	0% {
		transform: scale(0.01, 0.01) rotateY(0);
		animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		transform: scale(1, 1) rotateY(0);
		animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		transform: scale(0.01, 0.01) rotateY(0);
	}
}

@-o-keyframes blend-anim {
	0% {
		-o-transform: scale(0.01, 0.01) rotateY(0);
		-o-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-o-transform: scale(1, 1) rotateY(0);
		-o-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-o-transform: scale(0.01, 0.01) rotateY(0);
	}
}

@-ms-keyframes blend-anim {
	0% {
		-ms-transform: scale(0.01, 0.01) rotateY(0);
		-ms-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-ms-transform: scale(1, 1) rotateY(0);
		-ms-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-ms-transform: scale(0.01, 0.01) rotateY(0);
	}
}

@-webkit-keyframes blend-anim {
	0% {
		-webkit-transform: scale(0.01, 0.01) rotateY(0);
		-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-webkit-transform: scale(1, 1) rotateY(0);
		-webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-webkit-transform: scale(0.01, 0.01) rotateY(0);
	}
}

@-moz-keyframes blend-anim {
	0% {
		-moz-transform: scale(0.01, 0.01) rotateY(0);
		-moz-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	50% {
		-moz-transform: scale(1, 1) rotateY(0);
		-moz-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
	}
	100% {
		-moz-transform: scale(0.01, 0.01) rotateY(0);
	}
}

@keyframes cssload-part-anim {
	0% {
		transform: translate3d(-4px, -4px, 0);
	}
	100% {
		transform: translate3d(4px, 4px, 0);
	}
}

@-o-keyframes cssload-part-anim {
	0% {
		-o-transform: translate3d(-4px, -4px, 0);
	}
	100% {
		-o-transform: translate3d(4px, 4px, 0);
	}
}

@-ms-keyframes cssload-part-anim {
	0% {
		-ms-transform: translate3d(-4px, -4px, 0);
	}
	100% {
		-ms-transform: translate3d(4px, 4px, 0);
	}
}

@-webkit-keyframes cssload-part-anim {
	0% {
		-webkit-transform: translate3d(-4px, -4px, 0);
	}
	100% {
		-webkit-transform: translate3d(4px, 4px, 0);
	}
}

@-moz-keyframes cssload-part-anim {
	0% {
		-moz-transform: translate3d(-4px, -4px, 0);
	}
	100% {
		-moz-transform: translate3d(4px, 4px, 0);
	}
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.service-table tr:hover {
    background-color: rgba(255,255,255,0.1);
    color: #fff;
}

.stats-list {
    list-style-type: none;
    padding-left: 0;
}

ul span {
    float: right;
}

.down {
    font-weight: bold;
    color: #e17777;
}
.maintenance {
    font-weight: bold;
    color: #ff1600;
}
.up {
    color: #77e177;
    font-weight: bold;
}

footer {
    text-align: center;
    font-size: 10px;
    margin-top: 20px;
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px;
}

footer ul li {
    list-style:none;
    display: inline;
}

footer ul {
    padding: 0;
}

footer ul li:after {
 content:" -";
 color:#CEF6FF;
}

footer ul li:last-child:after {
    content:"";
}

footer ul li a {
 margin:0 8px; 
 color:blue;
}

html {
  background-color: #003d77;
  background: url(../images/bg2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
    color: #fff;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

a:link, a:visited {
    color: #e8ff6a;
    text-decoration: none;
}

a:hover, a:visited:hover {
    color: #fff;
}

.disclaimer {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 10px;
}

th {
    text-align: left;
}

.stats-table td {
    width: 500px;
}

h3 {
    color: #e8ff6a;
    padding-top: 0px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #e8ff6a;
    padding-bottom: 3px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.follow-us {
    position: absolute;
    top: 0;
    left: 0;
}

.twitter {
    background-color: rgba(255, 255, 255, 0.1);
    width: 553px;
    height: 246px;
    margin: 0 auto;
    border: 1;
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 5px;
    padding-bottom: 25px;
    margin: 0px; border-width: 1px; border-radius: 6px; border-style: solid; border-color: rgba(255, 255, 255, 0.9);
}

.twitter_innter_content {
    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

.graphdiv {
    background-color: rgba(45, 70, 95, 1);
    padding-right: 4px;
    position: relative;
    margin: 0px; border-width: 2px; border-radius: 6px; border-style: hidden; border-color: #262626;
    padding-top: 2px;
    padding-bottom: 2px;
}

.graphimg {
    padding-left: 2px;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

.icon_transition { 
    opacity: 0;
    -moz-transition: opacity 1s; /* Firefox 4 */
    -webkit-transition: opacity 1s; /* Safari and Chrome */
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.status-dashboard {
    width: 700px;
    margin: 0 auto;
    position: relative;
}

.logo {
    height: 60px;
    margin: 50 auto;
    width: 483px;
    text-align: center;
}

.logo img {
    height: 100%;
}

div #chart-tracker-uptime {
    text-shadow: none;
}

p.api-description {
    font-size: 12px;
    padding-left: 15px;
}

p.faq-description {
    margin-top: 0px;
    padding-left: 15px;
}

td.service {
    padding-left: 20px;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

td.icon {
    padding-left: 34px;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

td.up-down-iffy {
    padding-left: 34px;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

td.up-down-iffy {
    padding-right: 34px;
}

.about-logos {
    list-style: none;
    padding: 0;
}

.about-logos li {
    display: inline;
}

.about-logos li img {
    height: 50px;
    margin:0 8px;
}

h4 {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #e8ff6a;
}

.faq-list {
  margin-top: 0px;
}

:target {
  color: yellow;
}

:target a:visited {
  color: yellow;
}