/*
				d8b
				888
				888
	d8b d8b d8b 888
.db 888888888888888
888 88888888P "4888
888 888888888   888
88888    d888   888
88888b         d88P
"48888.d888888888P
  "8888888888888"
   "88888888888P
*/


/* //////////////    NAV    \\\\\\\\\\\\\\ */
.resources #currentPage {
	color: #ffffff;
	background: #ABABAB;
}

.resources #currentPage:hover {
	color: #ABABAB;
	background: #ffffff;
}

.resources .navButton {
	color: #ABABAB;
	background: #ffffff;
	box-shadow: 0 0 0 1px #E0E0E0 inset, 0 2px 0 0 #D8D8D8;
}

.resources .navButton:hover {
	color: #ABABAB;
}

.resources .navButton:active {
	color: #ABABAB;
  	box-shadow: 0 0 0 0 #D8D8D8 inset;
}

.resources .nav li a {
	background: #E0E0E0;
}

.resources .nav li a:hover {
	color: #ABABAB;
	background: #ffffff;
}

/* //////////////    MORE RESOURCES    \\\\\\\\\\\\\\ */
.resources .informationBlock {
	background: transparent;
	border-bottom: 0;
}

.resources .resList {
	max-width: 480px;
	max-height: 680px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.resources .resList form label {
	display:block;
}

textarea:focus, input[type="text"]:focus, input[type="email"]:focus {
	opacity: 1;
}

textarea, input[type="email"], input[type="text"], input[type="email"] {
	font-family: 'Open Sans', sans-serif;
	background: #ececec;
	border-radius: 0;
	width: 100%;
	max-width: 440px;
	margin: 10px 0;
	padding: 20px;
	line-height: 15px;
	font-size: 13px;
	color: #545454;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  	filter: alpha(opacity=60);
  	-moz-opacity:.6 ;
  	-khtml-opacity: .6 ;
	opacity: .6;
	border: none;
	outline: none;
	-webkit-transition: opacity 250ms ease-out;
	-moz-transition: opacity 250ms ease-out;
	-o-transition: opacity 250ms ease-out;
	transition: opacity 250ms ease-out;
}


select {
	font-family: 'Open Sans', sans-serif;
	border-radius: 0;
	width: 100%;
	margin: 10px 0;
	padding: 20px;
	line-height: 15px;
	font-size: 13px;
	color: #545454;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6;
	border: none;
	outline: none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-transition: opacity 250ms ease-out;
	-moz-transition: opacity 250ms ease-out;
	-o-transition: opacity 250ms ease-out;
	transition: opacity 250ms ease-out;
	background: url(/img/select.svg) 96% / 15% no-repeat #ececec;
	background-size: 15px;
}

select:focus {
    outline: none;
}

button[type="submit"] {
	font-family: 'Open Sans', sans-serif;
	margin: 10px 0;
	padding: 10px 50px;
	background:	#BFF0E8;
	border: none;
	font-size: 18px;
	color: #54C9B7;
	box-shadow: 0 0 0 1px #9de8db inset, 0 2px 0 0 #7adbc8;
	-webkit-transition: color,background 0.2s ease-in-out;
	-moz-transition: color,background 0.2s ease-in-out;
	-ms-transition: color,background 0.2s ease-in-out;
	-o-transition: color,background 0.2s ease-in-out;
	transition: color,background 0.2s ease-in-out;
	outline: 0;
}

button[type="submit"]:active {
  	-moz-transform: translateY(2px);
  	-ms-transform: translateY(2px);
  	-webkit-transform: translateY(2px);
  	transform: translateY(2px);
  	box-shadow: 0 0 0 0 #7adbc8 inset;
	background: #ffffff;
	color: #54C9B7;
	outline: 0;
}


.button[type="submit"]:focus {
	outline: 0;
}

button[type="submit"]:hover {
	background: #D7F5F0;
	color: #54C9B7;
	outline: 0;
}

#email-error {
	font-size: 13px;
	color: #d14e42;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #545454;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #545454;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #545454;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #545454;
}