/* This stylesheet is for the Statuses*/

div#status-container {
	margin: 0px auto;
	padding: 20px 20px 0 20px;
}

div.flagStatus {
	width: 100%; 
	line-height: 1.75em;
	margin: 20px auto; 
	font-size: 13px; 
	padding: 0; 
	text-align: center;
	position: relative;
}

div.flagStatus a:link {
	text-decoration: none;
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	color: #000;
}

div.colorStatus {
	float: left;
	width: 150px; 
	line-height: 1.75em;
	margin: 0 10px 0 0;
	font-size: 13px; 
	padding: 0; 
	text-align: center;
	position: relative;
}

div.colorStatus a:link {
	text-decoration: none;
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	color: #000;
}

div.colorStatus a:visited { color: #000; }

div.colorStatus a:hover {
}

div.colorStatus a:active {
}

/* unique status IDs; set display to 'inherit' for visible or 'none' for hidden */
div#statusGreen { background-color: #ABE0A9; border: 1px solid #90bd8e; }
div#statusBlue { background-color: #6698FF; color: #fff; border: 1px solid #5782db; }
div#statusBlue a:link, div#statusBlue a:visited { color: #FFF; }
div#statusYellow { background-color: #FFEE7C; border: 1px solid #e9d865; }
div#statusGray { background-color: #787878; color: #fff; border: 1px solid #636363; }
div#statusGray a:link, div#statusGray a:visited { color: #FFF; }
div#statusOrange { background-color: #ECBA7A; border: 1px solid #cda26c; }
div#statusRed { background-color: #E89293; border: 1px solid #c47f80; }
div#statusPurple { background-color: #C6B2DC; border: 1px solid #9f8cb3; }
div#statusSpecialMessage { background-color: #EDEDED; border: 1px solid #CCC; }
div#statusEarlyRelease { background-color: #EDEDED; border: 1px solid #CCC; }
div#statusUpdate { height: 26px; background-image: url("/_root/images/bg_rightCapsule.jpg"); color: #000; 
				   font-weight: bold; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; 
				   border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; width: 226px;}
div#statusUpdate a:link, div#statusUpdate a:visited { color: #1F5F89; /*color: #C31E1C;*/ }
div#statusUpdate a:hover { color: #FF0000; /*color: #C31E1C;*/ }

html.ui-mobile div.colorStatus {
	float: none;
	margin-bottom: 1em;
}