/* Style specially for Status Page bases changes */

.margin20x20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

#status {
    height: 56px;
    -webkit-border-radius: 28px 0 0 28px;
    -moz-border-radius: 28px 0 0 28px;
    border-radius: 28px 0 0 28px;
    overflow: hidden;
    text-align: left;
}

#status a:hover {
    text-decoration: underline;
}

#status a:visited {
    text-decoration: none !important;
}

#status h3,
#status a h3 {
    background: transparent;
    padding: 0;
    font-size: 16px;
    margin: 13px 0 0 70px;
    line-height: 14px;
    font-weight: bold;
    color: #73679C;
}

#status p {
    font-size: 13px;
    font-weight: normal;
    color: #333;
    padding: 0;
    margin-left: 70px;
}

.status-operational {
    background: url(/common/image/statuspage/operational.png) no-repeat #cfebd9 6px 6px;
    border: 1px solid #dfefe0;
    box-shadow: 0 0 10px #267e2a;
}
.status-operational:hover {
    box-shadow: 0 0 20px #009800;
}

.status-degraded-performance {
    background: url(/common/image/statuspage/degraded-performance.png) no-repeat #faf0ce 6px 6px;
    border: 1px solid #f1e2af;
    box-shadow: 0 0 10px #dbc075;
}
.status-degraded-performance:hover {
    box-shadow: 0 0 20px #FCB900;
}

.status-partial-outage {
    background: url(/common/image/statuspage/partial-outage.png) no-repeat #f4cb9a 6px 7px;
    border: 1px solid #f6c487;
    box-shadow: 0 0 10px #e1d49e;
}
.status-partial-outage:hover {
    box-shadow: 0 0 20px #E1C264;
}

.status-major-outage {
    background: url(/common/image/statuspage/major-outage.png) no-repeat #ebc3ba 6px 6px;
    border: 1px solid #ffcabd;
    box-shadow: 0 0 10px #f1bfb3;
}
.status-major-outage:hover {
    box-shadow: 0 0 20px #ed9f8c;
}

.status-under-maintenance {
    background: url(/common/image/statuspage/under-maintenance.png) no-repeat #bcdbef 14px 13px;
    border: 1px solid #a3d6f6;
    box-shadow: 0 0 10px #5aafe8;
}
.status-under-maintenance:hover {
    box-shadow: 0 0 20px #81bfe8;
}

.status-under-maintenance .status-icon {
    border: solid 1px #97ccef;
    border-radius: 50%;
    height: 46px;
    width: 45px;
    margin-left: 5px;
    margin-top: 4px;
    background-color: #5eaee14d;
}

.status-NotAvailable {
    background: url(/common/image/statuspage/service-not-available.png) no-repeat #ebebeb 6px 6px;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 10px #9F9F9F;
}
.status-NotAvailable:hover {
    box-shadow: 0 0 20px #747474;
}

.status-NotAvailable h3,
.status-NotAvailable p {
    color: #333;
}

.status-icon {
    height: 48px;
    width: 48px;
    float: left;
    margin: 0 0 0 5px;
}