html, body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#wrapper {
    width: 700px;
    margin: 0 auto;
}

#chart {
    width: 540px;
    height: 340px;
    margin-top: 10px;
}

#views {
    width: 500px;
    font-size: 15px;
    font-weight: 500;
    padding-left: 40px;
    margin-top: 50px;
}

#views h1{
    text-align: center;
    font-size: 16.8px;
    font-weight: bold;
    text-shadow: 0 1px 1px #EEEEEE;
    font-family:Arial,sans-serif;
}

#views h1 a, #views h1 a:visited{
    text-decoration: none;
    text-align: center;
    font-size: 16.8px;
    font-weight: bold;
    text-shadow: 0 1px 1px #EEEEEE;
    font-family:Arial,sans-serif;
}


#controls {
    width: 500px;
    margin: 5px auto 0;;
    font-size: 13px;
    font-weight: bold;
}

.time, .view {
    float: left;
    color: #FFF;
    background-color: #989898;
    text-align: center;
    letter-spacing: 0.5px;
}

.time.selected, .view.selected {
    background-color: #004978;
}

.time.selected, .view.selected, .time:hover, .view:hover {
    background-color: #004978;
}

.time:hover, .view:hover {
    cursor: pointer;
    cursor: hand;
}

.time, #refresh {
    height: 30px;
    line-height: 30px;
}

.time {
    width: 45px;
    margin-right: 3px;
}

.view {
    width: 120px;
    height: 40px;
    margin-right: 5px;
    line-height: 40px;
}

#stats {
    width: 500px;
    padding-left: 40px;
    text-align: center;
    color: #747474;
    font-size: 12px;
    margin-top: 10px;
}

#stats ul li {
    display: inline;
    margin-right: 10px;
}

#stats #updated {
    margin-bottom: 7px;
}

#stats #high .variable {
    color: #2e8558;
    font-weight: bold;
}

#stats #low .variable {
    color: #cc0000;
    font-weight: bold;
}

#stats #last .variable {
    font-weight: bold;
	color: #333;
	font-size: 16px;
}

#stats #change .variable.positive {
    color: #2e8558;
    font-weight: bold;
}

#stats #change .variable.negative {
    color: #cc0000;
    font-weight: bold;
}

#stats #change .variable.positive:before {
    content: '+';
}

#stats #change .variable.negative:before {
    content: '-';
}

#stats #change .variable:after {
    content: '';
}

#refresh {
    width: 75px;
    background: url('../img/refresh-arrow.png') no-repeat center left;
    color: #004978;
    float: right;
    text-align: right;
}

.silver-phoenix h1, .silver-phoenix h1 a {
	color:#2A8657;
}

.gold-eagle h1, .gold-eagle h1 a {
	color:#004978;
}