@font-face {
    font-family: 'aleobold';
    src: url('../fonts/Aleo-Bold-webfont.eot');
    src: url('../fonts/Aleo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aleo-Bold-webfont.woff') format('woff'),
         url('../fonts/Aleo-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Aleo-Bold-webfont.svg#aleobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueLTStd-BdCn';
	src: url('../fonts/HelveticaNeueLTStd-BdCn.eot'); /* IE9 Compat Modes */
    src: url('../fonts/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/HelveticaNeueLTStd-BdCn.otf'),
	     url('../fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/HelveticaNeueLTStd-BdCn.svg#svgFontName') format('svg'), /* Legacy iOS */
	     local("HelveticaNeueLTStd-BdCn"), url(../fonts/HelveticaNeueLTStd-BdCn.ttf);  /* Localhost Firefox Fix */
}

h1, h2, h3, h4, h5 {
	font-family: 'PT Sans', sans-serif;
}
h1 {
	font-size: 2.25em;
	font-weight: 700;
}
/* Content */
.content {
	margin-top: 15px;
}

p {
	color: #4d4d4d;
  font-size: 0.95rem;
  font-weight: normal;
  line-height: 1.5;
}

/* Site Notes */
.site-note {
    color: #B71318 !important;
    font-style: italic;
    padding: 10px;
    border: 1px solid #dddddd; 
} 

/* Intro Text */
.intro-text h4 {
	color: #777777;
}

/* Page Count */
.page-count,
.previous {
}

/*Page Title */
.page-title {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	text-align: center;
}

/* Progress Table */
.progress-table .button {
	margin-bottom: 0;
}

/* Progress Menu */
.progress-menu {
	margin-top: 13px;
}

.progress-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

.progress-menu li {
	margin: 0;
	padding: 0;
	background-color: #F6F6F6;
	border-bottom: 1px solid #e0e0e0;
}

.progress-menu li.incomplete {
	margin: 0;
	padding: 10px;
	display: block;
	font-size: 14px;
	color: #cccccc;
	background-color: white;
}

.progress-menu li.active,
.progress-menu li.active:hover {
	background-color: #3DB9E8;
}

.progress-menu li.active a {
	color: white;
}

.progress-menu li.active a:hover {
	color: black;
	background-color: #3DB9E8;
	
}	

.progress-menu a {
	margin: 0;
	padding: 10px;
	display: block;
	font-size: 14px;
	color: #888888;
}

.progress-menu a:hover {
	color: black;
	background-color: #EDEDED;
	text-decoration: underline;
}

.complete .checkmark {
    color: white;
    background-color: #54b551;
    padding: 0px 6px;
    border-radius: 25px;
    border: 1px solid #dddddd;
    margin: 0 5px 0 0;
    float: left;
}

.incomplete .checkmark {
    color: white;
    background-color: white;
    padding: 0px 6px;
    border-radius: 25px;
    border: 1px solid #dddddd;
    margin: 0 5px 0 0;
    float: left;
}

/* Forms */
form a,
.panel a,
.callout a {
	word-wrap: break-word;
}

form p,
.panel.callout,
.panel.callout p,
.callout p {
  color: #4d4d4d;
  font-size: 0.95rem;
  font-weight: normal;
  line-height: 1.5;
}

form small {
	color:#f04124;
	font-size: 70%;
}



.radio-buttons label {
	margin-left: 18px;
	margin-bottom: 15px;
}

.radio-buttons input {
	margin-bottom: 0;
    float: left;
    margin-right: 8px;
    margin-left: -20px;
    margin-top: 2px;
}

.radio-buttons p {
	color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5;
}

.top-bar {
	background: #EAEAEA;
	border-bottom: 0.68699em solid #1a1b61;
	height: 4.35em;
}

.top-bar ul.title-area {
	margin: 10px 1em 0px 2em;
}
.name a span#federalbureauofinvestigation { 
	color: #1B1464;
	font-size: 1.6875em;
	font-family: 'aleobold';
	line-height: 2rem;
	/*vertical-align: top;*/
	position: relative;
	top: -9px;
}

.name a span#fbi {
	color: #b71111;
	font-size: 3.313em;
	font-family: 'HelveticaNeueLTStd-BdCn';
}
.title-wrapper {
	border-bottom: 1px solid #999;
}
.title-wrapper h1 {
	text-align: left;
	margin-left: 2rem;
	clear: both;
}
.title-wrapper h1 a {
	color: #333333;
	font-size: 1.6rem;
}

.page-title {
	border-bottom: none;
}
ul#social-icons {
	list-style-type: none;
	text-align: right;
	margin: 0px;
	position: absolute;
	top: 0em;
	right: 0px;
}
ul#social-icons li {
	display: inline;
	font-size: 36px;
	float: left;
}
ul#social-icons li a {
	color: white;
	opacity: 1;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   display: block;
   height: 59px;
   width: 71px;
   text-align: center;
}

/* Safari only hack */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
	@media { 
		ul#social-icons li a {
		height: 60px;
	} 
	} 
}
ul#social-icons li a:hover {
	opacity: 0.8;
}
ul#social-icons li span {
    left: -999em;
    position: absolute;
}

.fi-social-twitter {
	background-color: #00ABE2;
}
.fi-social-facebook {
	background-color: #3B5998;
}
.fi-mail {
	background-color: #f15A24;
}

footer {
	padding-left: 2em;
	border-top: 1px solid #999;
}
.large-icon-link {
	clear: both;
}

.landing .row {
	margin: 0 auto;
	width: 98%;
}

.radio label span {
	margin-left: 0.5em;
}

@media (max-width: 715px) {
	ul#social-icons {
		width: 14em;
		margin: 0 auto;
		position: relative;
		right: inherit !important;
		top: 10px;
	}
	.title-area {
		width: 100%;
		display: block;
	}
	body {
		position: relative;
		z-index: 3;
	}
	#efoia {
		clear: both;
	}
	.fi-social-twitter, .fi-social-facebook, .fi-mail {
		background-color: white;
		font-size: 2.75rem;
	}
	.fi-social-twitter {
		color: #00ABE2 !important;
	}
	.fi-social-facebook {
		color: #3B5998 !important;
	}
	.fi-mail {
		color: #f15A24 !important;
	}
	.top-bar ul.title-area {
		margin-left: 0px;
	}
	.name a span#fbi {
		display: block;
		text-align: center;
	}
	/* hide the full name from visual */
	.name a span#federalbureauofinvestigation {
		left: -999em;
		position: absolute;
	}
}

@media (max-width: 458px) {
ul#social-icons {
		right: -28%;
	}
}
@media (max-width: 350px) {
	.name a span#fbi {
		font-size: 3.75em;
		padding-top: 3px;
	}
	ul#social-icons {
		right: -19%;
	}
}