﻿/* 2010-Responsive-Design-Toolkit-User-Guide.docx Customizing Your New Site Step*/

.responsive {
	width: 100%;
	height: auto;
}
#MobileNav { max-width: 1200px; padding: 0 0px;}
.primary_content_Block {
	padding: 0 10px;
}
.container {
	width: 100%;
	padding: 0;
}
#MD-Nav {
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: xx-small;
	color: #FFFFFF;
	text-align: right;
	margin-top: -6em;
	margin-right: 9em;
}
#MD-Nav  a {
	color: #FFFFFF;
}

#headerBlock {
	background-color: #000000;
}
#JA_Navigation {
	z-index: 10;
	width: 100%;
	clear: both;
	background-color: #2c5b88; /*  Red #C40E3D   386603 ***NAV LIST BACKGROUND COLOR*****/
	padding-top: 0px;
}

#JA_Navigation h2 {
	text-align: center;
	margin-top: 0 !important;
}
	#JA_Navigation h2 a {
		display: block;
		margin: 0 1em;
	}

#JA_Navigation ul {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
	position: relative;
	display: block;
}

	#JA_Navigation ul ul {
		margin-left: 20px;
	}

	#JA_Navigation ul li {
		display: inline-block;
		*display: inline;
		vertical-align: top;
	}

		#JA_Navigation ul li a.level0 {
			display: block;
			clear: both;
			padding: 12px 20px;
			color: #fff;
			text-transform: uppercase;
			background-color: transparent;
			z-index: 1020;
			-webkit-transition: background-color .1s ease, color .1s ease;
			-moz-transition: background-color .1s ease, color .1s ease;
			-o-transition: background-color .1s ease, color .1s ease;
			transition: background-color .1s ease, color .1s ease;
			transition-delay: .2s;
			font-size: 95%;
		}

#JA_Navigation li:hover a.level0,
#JA_Navigation li a.level0:focus,
#JA_Navigation li a.level0:active,
#JA_Navigation li a.level0.active {
	background-color: #fff;
	color: #000;
	position: relative;
	text-decoration: none;
}
.headerBgImg {
}

#mdgov_enterpriseNavigation {
	z-index: 10;
	width: 100%;
	clear: both;
	background-color: #000000; /****NAV LIST BACKGROUND COLOR*****/
	padding-top: 10px;
}

#mdgov_TopSliverBar {
	width: 100%;
	z-index: 1000;
	/*min-height: 84px;*/
	background-color: #000;
	font-size: 80%;
}

#footer_block {
	background-color: #000;
	border-top: 4px #386603 solid; /******FOOTER COLOR CHANGE HERE******/
	width: 100%;
	color: #fff;
}

#mdgov_mobileNavButton a {
	position: absolute;
	left: 0;
	height: 21px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #000;
	text-decoration: none;
	background-color: #000000;
	text-align: left;
	font-size: 165% !important;
	width: 100%;
	text-indent: 1.5%;
	padding: 6px 0;
	border-bottom: 4px solid #000;
}

table.ApOnFileFreenames td { text-align: center;}
#SearchPage .JobTitle.ApOnFile {
	background: transparent url(../../images/apptemplate.png) center bottom no-repeat;
	padding-bottom: 70px;
	display: block;
}

#SearchPage .JobTitle.FreeNames {
	background: transparent url(../../images/transfer.png) center bottom no-repeat;
	padding-bottom: 60px;
	display: block;
}

.ApOnFileFreenameDiv {
	width: 48%;
	float: left;
	padding: 0.5em;
}

.ApOnFileFreenameDiv.FreeNames {
	border-top: none;
}
	.ApOnFileFreenameDiv.FreeNames {
		border-left: 1px solid #cccccc;
	}


@media all and (max-width:767px) {
	.ApOnFileFreenameDiv {
		width: 98%;
		float: left;
	}
		.ApOnFileFreenameDiv.FreeNames {
			margin-top: 1em;
			border-top: 1px solid #cccccc;
			border-left: 0;
		}
		.ApOnFileFreenameDiv.FreeNames a {
			margin-top: 1em;
		}

}


/*Color of mobile menu dropdown items*/
@media all and (max-width:979px) {
	#mdgov_enterpriseNavigation nav ul li#current a.level0, #mdgov_enterpriseNavigation nav ul li:hover a.level0, #mdgov_enterpriseNavigation nav ul li a.level0:focus, #mdgov_enterpriseNavigation nav ul li a.level0:active, #mdgov_enterpriseNavigation nav ul li a.active.level0 {
 background-color: #386603; color: #fff; }}​

/* Add a horizontal line to list view with style type of newsletter or default */ 
table.ms-listviewtable tbody tr td.ms-newsletterline{
border-top:1px solid #d8d8d8;
}

/*Add shaded background to list view with style type of shaded*/
​​.ms-alternatingstrong {
background-color: #f2f9fc;
}​
/* Styles for NewsDisplay Webpart */
.right {
	text-align: right;
}


 #tools {
	float: right;
	clear: right;
	margin: 0px 0px 0px 0px;
	font-size: 85%;
    color: #ccc;
}
#tools a {
	/*color: #DCDCDC;*/
}
#tools ul {
	margin:0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}
#tools li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
} 
.mail {
    background-image: url('../../images/mail.gif');
    background-position: left;
    background-repeat: no-repeat;
}
.print {
	background-image: url(../../images/print.gif);
	background-position: left;
	background-repeat: no-repeat;
}


.mySlides {
	display: none;
}

/* Slideshow container */
.slideshow-container {
	max-width: 100%;
	position: relative;
	margin: auto;
}
.slideshow-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	margin-top: -2em;
}
/* The dots/bullets/indicators */
.slidedot {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	border-radius: 50%;
	display: inline-block;
	background-color: #ccc;
}

.slideactive {
	background-color: #fff;
}

/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

