/* 
####################################################################################
####################################################################################
###################
#
#
#  CSS for System Status Pages
#
#
####################
#####################################################################################
#####################################################################################
*/







/* 
#################################################
#############################################
#########################################
################### 
###
#           Status Page (Entire)
###
################### 
#########################################
#############################################
#################################################
*/
#statuspage-page {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #ededed;
}





/* 
#################################################
#############################################
#########################################
################### 
###
#         Status Page (Center)
###
################### 
#########################################
#############################################
#################################################

*/
#statuspage-container {
	position: relative;
	z-index: 1;
	width: 900px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #ededed;
	margin-right:auto;
	margin-left:auto;
}





/* 
#############################################
#########################################
################### 
###
#             Title
###
################### 
#########################################
#############################################
*/
#statuspage-top {
	width: 100%;
	background-color: #ededed;
	padding: 20px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	display:block;
	text-align: center;
	color: #de7300;
	font-size: 200%;
	font-weight: bold;
}





/* 
#############################################
#########################################
################### 
###
#              Menu
###
################### 
#########################################
#############################################
*/
table.statuspage-menu {
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}


table.statuspage-menu td {
	background-color: #ededed;
	padding: 0px;
	margin: 0px;
	border-style:none;
	border-width: 0px;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
}


.statuspage-menuitem {
	background-color: #8d8d8d;
	color: #ffffff;
	padding: 5px 5px 5px 5px;
	margin: 1px 2px 0px 2px;
	border-style:solid solid none solid;
	border-color: #a6280d;
	border-color: #8d8d8d;
	border-width: 1px;
	text-decoration: none;
}

.statuspage-menuitem:hover {
	background-color: #d8d8d8;
	color: #ffffff;
	padding: 5px 5px 5px 5px;
	margin: 1px 2px 0px 2px;
	border-style:solid solid none solid;
	border-color: #a6280d;
	border-color: #8d8d8d;
	border-width: 1px;
	text-decoration: none;
}

.statuspage-menuitemcurr  {
	background-color: #ffffff;
	color: #000000;
	padding: 5px 5px 5px 5px;
	margin: 1px 2px 0px 2px;
	border-style:solid solid none solid;
	border-color: #8d8d8d;
	border-color: #ffffff;
	border-width: 1px;
	text-decoration: none;
}








/* 
#############################################
#########################################
################### 
###
#               Body
###
################### 
#########################################
#############################################
*/
#statuspage-body {
	clear: none;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	padding: 0px 0px 75px 0px;
	margin: 0;
}


#statuspage-bodyhead {
	padding: 25px 0px 0px 0px;
	text-align: center;
	color: #de7300;
	font-size: 175%;
}

#statuspage-bodysubhead {
	padding: 10px 0px 5px 0px;
	text-align: center;
	color: #de7300;
	font-size: 170%;
}


#statuspage-lastupdate {
	text-align: right;
	margin: 25px 50px 25px 50px;
}





/* 
#########################################
################### 
###
#            Item (Container Blocks w/in body)
###
################### 
#########################################
*/
#statuspage-item {
	width: 800px;
	border-style:solid;
	background-color: #ffffff;
	border-width: 2px;
	border-color: #3a79aa;
	margin: 25px 50px 5px 50px;
	font-size: 100%;
}

#statuspage-item ol {
        font-weight: normal;
}

#statuspage-itemheader {
	background-color: #3a79aa;
	border-style:none none solid none;
	border-width: 3px;
	border-color: #a6280d;
	color: #ffffff;
	text-align: center;
	padding: 3px 3px 3px 3px;
	font-size: 150%;
}


/* 
## Back to top link used after most item blocks                   
*/
.statuspage-toplink {
	text-align: right;
	padding: 0px;
	margin: 0px 50px 0px 0px;
	font-size: 90%;
}







/* 
##################### 
###
#      Current Status Block
###
##################### 
*/
table.statuspage-currstatus {
	border-collapse: collapse;
	margin: 15px 25px 15px 15px;
	padding: 10px 10px 10px 0px;
	width: 750px;
}


table.statuspage-currstatus th {
	border-style: none none none none;
	border-width: 2px;
	padding: 0px 10px 3px 0px;
	color: #000000;
	background-color: #ffffff;
	border-color: #d9dae4;
	caption-side:top;
}

table.statuspage-currstatus td {
	border-style: solid;
	border-width: 1px;
	color: #000000;
	padding: 15px 15px 15px 15px;
	background-color: #ececf1;
	border-color: #d9dae4;
}





/* 
##################### 
###
#      News Block (Used by News and Recent Events Blocks)
###
##################### 
*/
#statuspage-newsitem {
	border-style:solid;
	background-color: #ececf1;
	border-color: #d9dae4;
	border-width: 1px;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}

.statuspage-newsitemeventid {
	font-weight: normal;
	text-align: left;
}

.statuspage-newsitemtitle {
	font-weight: bold;
        font-size: 110%;
	text-align: center;
}

.statuspage-newsitemdate {
	font-weight: normal;
	text-align: right;
}




table.statuspage-newsitem {
	border-collapse: collapse;
	margin: 15px 25px 15px 25px;
	padding: 10px 10px 10px 10px;
	width: 750px;
}


table.statuspage-newsitem th {
        border-style: none none solid none;
	border-width: 2px;
	padding: 0px 0px 3px 0px;
	color: #000000;
	background-color: #ffffff;
	border-color: #d9dae4;

}

table.statuspage-newsitem td {
	border-style: solid;
	border-width: 1px;
	color: #000000;
	padding: 15px 15px 15px 15px;
	background-color: #ececf1;
	border-color: #d9dae4;
}






/* 
##################### 
###
#     Upcoming Outages Block
###
##################### 
*/
table.statuspage-upcomingoutages {
	border-collapse: collapse;
	margin: 10px 25px 10px 25px;
	padding: 10px 10px 10px 10px;
	width: 750px;
}


table.statuspage-upcomingoutages th {
	border-style: none none solid none;
	padding: 5px 0px 5px 0px;
	color: #000000;
	font-weight: bold;
	border-width: 3px;
}

table.statuspage-upcomingoutages td {
	border-style: solid solid solid solid;
	border-width: 2px 2px 1px 2px;
	border-color: #000000 #d9dae4 #d9dae4 #d9dae4;
	color: #000000;
	padding: 0px;
	background-color: #ecedf1;
	padding: 10px 10px 10px 10px;
}

.statuspage-upcomingoutagesdate {
	text-align: center;
	border-style: solid none none solid;
	border-width: 1px 1px 1px 1px;
	border-color: #8d8d8d;
	background-color: #f1f1f1;
}

.statuspage-upcomingoutagestime {
	text-align: center;
	padding: 5px 0px 0px 0px;
	border-style: none solid solid none;
	border-width: 1px 1px 1px 1px;
	border-color: #8d8d8d;
	background-color: #f1f1f1;
}

.statuspage-upcomingoutagesreason {
	padding: 0px 0px 0px 7px;
}







/* 
##################### 
###
#     Site Summary Block
###
##################### 
*/
table.statuspage-sitesummary {
	border-collapse: collapse;
	margin: 35px 30px 35px 30px;
	padding: 10px 10px 10px 10px;
	width: 750px;
}

table.statuspage-sitesummary th {
	border-style: none none solid none;
	padding: 5px 0px 5px 0px;
	color: #000000;
	font-weight: bold;
	border-width: 3px;
}


table.statuspage-sitesummary td.left {
	border-style: dotted dotted solid solid;
	border-width: 1px 1px 2px 2px;
	border-color: #777777 #777777 #000000 #000000;
	color: #000000;
	padding: 0px;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}

table.statuspage-sitesummary td.right {
	border-style: dotted solid solid dotted;
	border-width: 1px 2px 2px 1px;
	border-color: #777777 #000000 #000000 #777777;
	color: #000000;
	padding: 0px;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}

table.statuspage-sitesummary td {
	border-style: dotted dotted solid dotted;
	border-width: 1px 1px 2px 1px;
	border-color: #777777 #777777 #000000 #777777;
	color: #000000;
	padding: 0px;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}

table.statuspage-sitesummary td.internalright {
        border-style: dotted solid dotted dotted;
        border-width: 1px 2px 1px 1px;
        border-color: #777777 #000000 #777777 #777777;
        color: #000000;
        padding: 0px;
        background-color: #ffffff;
        padding: 10px 10px 10px 10px;
}

table.statuspage-sitesummary td.internal {
        border-style: dotted dotted dotted dotted;
        border-width: 1px 1px 1px 1px;
        border-color: #777777 #777777 #000000 #777777;
        color: #000000;
        padding: 0px;
        background-color: #ffffff;
        padding: 10px 10px 10px 10px;
}


.statuspage-sitesummary:hover {
	background-color: #000000;
}

.statuspage-sitesummarydate {
	text-align: center;
	border-style: solid none none solid;
	border-width: 1px 1px 1px 1px;
	border-color: #8d8d8d;
	background-color: #f1f1f1;
}

.statuspage-sitesummarytime {
	text-align: center;
	padding: 5px 0px 0px 0px;
	border-style: none solid solid none;
	border-width: 1px 1px 1px 1px;
	border-color: #8d8d8d;
	background-color: #f1f1f1;
}

.statuspage-sitesummarycomment {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-align: left;
}

.statuspage-sitesummarysystem {
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
}

.statuspage-sitesummarystate {
	padding: 0px 0px 0px 0px;
	text-align: center;
}