/* Service Page Styles -----------------------------------------------------------------------------------------------*/

/* SECTION HEADINGS --------------------------------------------------------------------------------------------------*/

.service_status_heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000;
    font-weight:bold;
    border-bottom:1px solid #dad9d9;
    margin:0 0 10px 0;
    width: 100%;
    float:left;
}

.service_status_heading .page_heading {
    background-image:url(Images/heading-tag.gif);
    background-repeat:no-repeat;
    background-position:left top;
    padding:6px 0 4px 28px;
    width: 78%;
    float:left;
}

.service_status_heading .rss_link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    font-weight:normal;
    background-image:url(Images/rss_icon.gif);
    background-repeat:no-repeat;
    background-position:left;
    padding:6px 0 4px 18px;
    float:right;
}

.service_status_heading .rss_link a {
    color: #000;
    text-decoration:none;
}

.service_status_heading .rss_link a:hover {
    color: #ee7e2b;
    text-decoration:none;
}

.service_status_heading .rss_link a:visited {
    color: #000;
    text-decoration:none;
}

.issue-header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    font-weight:bold;
    background-image:url(Images/status-heading.gif);
    background-repeat:no-repeat;
    background-position:left;
    padding:6px 0 4px 12px;
    margin:5px 0 1px 0;
}
/* DETAIL STYLES -----------------------------------------------------------------------------------------------------*/

.details-no-issues {
    background-image:url(Images/status-icon-levels.gif);
    background-repeat:no-repeat;
    background-position:left;
    padding-left: 45px;
    margin-left:  12px;
    margin-top:  12px;
    margin-bottom: 10px;
    height: 50px;
}

.details-issues {
    background-image:url(Images/status-icon-exclaim.gif);
    background-repeat:no-repeat;
    background-position:left;
    padding-left: 45px;
    margin-left:  12px;
    margin-top:  12px;
    height: 43px;
}

.details-label {
    width:170px;
    float:left;
    text-align:left;
    padding:1px 10px 2px 14px;
    font-weight: bold;
}

.details-field {
    text-align:left;
    padding:1px 10px 2px 0;
}

/* ISSUE STYLES ------------------------------------------------------------------------------------------------------*/

.issue {
    background:url(Images/status-background.gif) no-repeat 0px 0px;
    width: 535px;
    min-height:95px;
    margin-bottom: 15px;
}

.issue-heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    font-weight:bold;
    padding: 10px 0 4px 15px;
    margin:5px 0 1px 0;
}

.issue-details {
    padding: 0px 10px 10px 15px;
}

.issue-time {
    font-style: italic;
    padding: 0px 10px 5px 15px;
    font-size:10px;
}

.issue-time .header {
    font-weight: bold;
    margin-right: 5px;
}

/* MAINTENANCE DIALOG AREA -------------------------------------------------------------------------------------------*/

/* TAKEN FROM SCHILLMANIA.COM's example */
/* @SEE http://www.schillmania.com/projects/dialog/ */

.maintenance-dialog {
    margin:5px 0 10px 0;
    width:525px;
    /*border:1px solid #008dc6;
    /*-moz-border-radius:6px;
    //background:url(Images/status-icon-exclaim-s.gif) no-repeat left top;
    padding:5px 2px 5px 30px;*/
}
.maintenance-dialog .date {
    font-weight:bold;
}

/*.maintenance-dialog .hd .c,*/
.maintenance-dialog .ft .c {
    font-size:1px; /* ensure minimum height */
    height:20px;
}

.maintenance-dialog .hd {
    background:transparent url(Images/maintenance-tl.gif) no-repeat 0px 0px;
    width: 525px;
    height:6px;
}

.maintenance-dialog .hd .c {
    background:transparent url(Images/maintenance-tr.gif) no-repeat right 0px;
    font-size:1px; /* ensure minimum height */
    height: 6px;
}

.maintenance-dialog .bd {
    background:url(Images/status-icon-exclaim-s-padded.gif) no-repeat left top;
    border-left: 1px solid #008dc6;
    padding-left: 43px;
}

.maintenance-dialog .bd .c {
    border-right: 1px solid #008dc6;
    padding-right: 5px;
}

.maintenance-dialog .bd .c .s {
    margin:0px 8px 0px 4px;
    padding:1em;
}

.maintenance-dialog .ft {
    background:transparent url(Images/maintenance-bl.gif) no-repeat 0px 0px;
    width: 525px;
    height:7px;
}

.maintenance-dialog .ft .c {
    background:transparent url(Images/maintenance-br.gif) no-repeat right 0px;
}

.maintenance-id {
    font-weight:bold;
}