﻿/* --------------------------------------------------------------------------------------------
	IMPORTANT! This file must reside on DEV and be published out to the other servers.
----------------------------------------------------------------------------------------------- */

	/* ----- Hide Local Site Navigation Menu ----- */

	/* #siteMenu { display: none; } */
	
#stripe { background:#990000; }
#footer { background:#810101; }
#footer p,
#footer p a:link,
#footer p a:visited { color:#dfdfdf; }
	#subtitleGroupName {
		font-family:Arial;
		font-size:1.25em;
		color:#a1e2f8;
		padding-top:2px;
		}

#groupNav li { margin: 0 .8em .8em 0; }

.fwdButton { width: 100%; text-align:center; }

/*.fa { vertical-align:middle; color:#7BABD4;}*/
.fa-6x { font-size: 6em; }
.fa-7x { font-size: 7em; }

p.awesome-icon { margin-left:2em; margin-bottom:2em;}
.awesome-icon a { color:#3e3e3e; }/*#5fa4db; }*/
.awesome-icon a:hover { color:#990000; } /*#ffae45; }*/

/*p#statusLegend {
	margin: .5em 0;
	padding: .5em 0 .8em 0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	text-align: center;
}*/

#systemstatus div.headButton {
	font-size: 90%;
	float:right;
}

#sysStatusOuter p { margin:0 0 .2em 0; }
.fa-check { color:#56f346; }
.fa-cog { color:#bec2ca; }
.fa-clock-o { color:#fad505; }

div#systemstatus { padding-bottom:0.01em; }

#statusContent p { margin-left:5%; }
div.statusFooter { margin: 0 -5.6%; background-color:#ededed;}
.statusFooter p { padding:1em 0; text-align:center; border-top:1px solid #c0c0c0; margin-bottom:-0.01em; }


span.smallgray { font-size:90%; color:#808080; }

.datePopUpField,
img#removeStartDate,
img#removeEndDate {
	cursor:pointer;			
}

#accordion { margin-bottom:20px; }


.eraserIcon { vertical-align:middle;height:16px; }
select { padding: .4em; }

table#pubs { table-layout:fixed; }

/*--unix styles--*/
.green { background-color: #e0fbd6; }
.yellow { background-color: #fbfbd6; }

/*--telecom styles--*/
#tips h2 { color:#990000; }



/*---A-Z Index Styles-------*/

	#lettersOuter {
		margin: 0 0 2.5em 0;
		padding: 0 0 2em 0;
		border-bottom: 1px solid #c0c0c0;
		}
	
	#lettersOuter a {
		display: inline-block;
		margin: 0 .5em .5em 0;
		padding: .5em 0 .5em 0;
		width: 30px;
		text-align: center;
		text-decoration: none;
		background-color: #eaeaea;
		border: 1px solid #c0c0c0;
		}
	#lettersOuter a:hover {
		background-color: #fff;
		border: 1px solid #f90;
		}
		
	.letter {
		display: inline-block;
		margin: 0 0 .8em 0;
		padding: .3em 0 .3em 0;
		width: 30px;
		text-align: center;
		text-decoration: none;
		background-color: #eaeaea;
		border: 1px solid #c0c0c0;
		}
		
	.letter:hover {
		color:#5A6782;
		cursor: default;
		}
		
	.responsiveLinkList2 li {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		
	.linksOuter .responsiveLinkList2 li a {
		display: block;
		width: 100%;
		text-decoration: none;
		}
	
	.linksOuter .responsiveLinkList2 li a:hover {
		text-decoration: none;
		background-color: #EAF4FE;
		}
		
/*----mega menu style overrides-----*/
	#siteMenu ul.megaMenu > li { border-bottom:none; }

/*----mega footer styles-----*/
	#megaFooter {
		background-color: #d1dde7;
		padding-top: 1.5em;
		border-top: 1px solid #a4b9cb;
		}
		
	#megaFooter #MegaFooterTopHead { color: #333; }
	
	#megaFooter p {
		font-size: 85%;
		line-height:150%;
		margin-bottom: .8em;
		}

	#megaFooter h5,
	#megaFooter hr {
		border-top:1px solid #a4b9cb;	
		padding-top:.5em;		
		}

	#megaFooter h5 a:link,
	#megaFooter h5 a:visited { color: #0561A5; }

	#megaFooter h5.pad { margin-top:2em; }

#megaFooter div.boundingBox {
	padding:.8em;
	background-color:#fff;
}

#megaFooter div#contact.boundingBox { background-color: #eef4f9; }

.unixYellow { background-color:#FBFBD6; }
.unixGreen { background-color:#E0FBD6; }
.oddRow { background-color:#E5F2FD; }
.evenRow { background-color:#fff; }


	td { padding:5px; }

@media (max-width:850px) {
	#subtitle { display: none; }
	#subtitleGroupName { margin:11px 0; text-align:center; font-size:1.75em; padding:0; }
}
@media screen and (max-width:720px) {
	#stripe { background-color:#990000 !important; }
	#footer { background-color:#990000 !important; }
div#systemstatus div.grid_1 { width:6.5%; display:inline-block; }
div#systemstatus div.grid_11 { width:91.5%; display:inline-block; }
}
@media print {
 #accordion > *{display:block !important;}
 #groupNav { display:none; }
}


/* --------------------------------------------------------------------------------------------
	END OF LOCAL SITE STYLE SHEET
----------------------------------------------------------------------------------------------- */