/**
 * @file
 * SMACSS Modules
 *
 * Adds modular sets of styles.
 *
 * Additional useful selectors can be found in Zen's online documentation.
 * https://drupal.org/node/1707736
 */
/**
 * Wireframes.
 */
.with-wireframes #header, .with-wireframes #main, .with-wireframes #content, .with-wireframes #navigation, .with-wireframes .region-sidebar-first, .with-wireframes .region-sidebar-second, .with-wireframes #footer, .with-wireframes .region-bottom {
	outline: 1px solid #ccc;
}
.lt-ie8 .with-wireframes #header, .lt-ie8 .with-wireframes #main, .lt-ie8 .with-wireframes #content, .lt-ie8 .with-wireframes #navigation, .lt-ie8 .with-wireframes .region-sidebar-first, .lt-ie8 .with-wireframes .region-sidebar-second, .lt-ie8 .with-wireframes #footer, .lt-ie8 .with-wireframes .region-bottom {
	/* IE6/7 do not support the outline property. */
	border: 1px solid #ccc;
}
/**
 * Accessibility features.
 */
/* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.element-invisible, .element-focusable, #navigation .block-menu .block__title, #navigation .block-menu-block .block__title {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}
/* Turns off the element-invisible effect. */
.element-focusable:active, .element-focusable:focus {
	position: static !important;
	clip: auto;
	height: auto;
	width: auto;
	overflow: auto;
}
/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 */
#skip-link {
	margin: 0;
}
#skip-link a, #skip-link a:visited {
	display: block;
	width: 100%;
	padding: 2px 0 3px 0;
	text-align: center;
	background-color: #666;
	color: #fff;
}
/**
 * Navigation bar. */
/*
#navigation {
	overflow: hidden;
}
#navigation .block {
    margin-bottom: 0;
}
#navigation .links, #navigation .menu {
    margin: 0;
    padding: 0;
    text-align: right;
}
#navigation .links li, #navigation .menu li {
    float: left;
    padding: 0 11px;
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: #287EAB;
    line-height: 1;
}
#navigation .menu li:hover a {
    color: #182147;
}
#navigation .links li a, 
#navigation .menu li a {
    color: #287EAB;
    text-decoration: none;
    padding: 0 11px;
    display: block;
}
#navigation .menu ul li {
    font-size: 16px;
    line-height: 1;
    color: #287EAB;
}
#navigation .menu ul li:hover {
    color: #182147;
}
#navigation .menu ul li a {
    color: #287EAB;
}
#navigation .menu ul li:hover a {
    color: #182147;
}
#navigation .sf-menu ul {
    top: 0px;
}
*/
/**
 * Titles.
 */
/**
 * Messages.
 */
.messages, .messages--status, .messages--warning, .messages--error {
	margin: 1.5em 0;
	padding: 10px 10px 10px 50px; /* LTR */
	border: 1px solid #be7;
}
.messages--warning {
	border-color: #ed5;
}
.messages--error {
	border-color: #ed541d;
}
.messages__list {
	margin: 0;
}
.messages__item {
	list-style-image: none;
}
/* Core/module installation error messages. */
.messages--error p.error {
	color: #333;
}
/* System status report. */
.ok, .messages--status {
	background-color: #f8fff0;
	color: #234600;
}
.warning, .messages--warning {
	background-color: #fffce5;
	color: #840;
}
.error, .messages--error {
	background-color: #fef5f1;
	color: #8c2e0b;
}
/**
 * Inline styles.
 */
/* List of links generated by theme_links(). */
.inline {
	display: inline;
	padding: 0;
}
.inline li {
	display: inline;
	list-style-type: none;
	padding: 0 1em 0 0; /* LTR */
}
.front #content ul.links.inline {
	display: none;
}
#content ul.links.inline {
	display: block;
	margin-top: 40px;
	padding: 0px;
	margin-left: 0;
}
#content ul.links.inline li.first {
	margin-left: 0;
}
.links.inline .print_html, .links.inline .print_mail {
	padding: 10px 30px;
	width: auto;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #333333;
	text-align: center;
	background: #e6e6e6;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	-ms-border-radius: 300px;
	-o-border-radius: 300px;
	border-radius: 300px;
}
.links.inline .print_html:hover, .links.inline .print_html:focus, .links.inline .print_mail:hover, .links.inline .print_mail:focus {
	background: #c2c2c2;
}
.links.inline .print_html a, .links.inline .print_mail a {
	color: #333333;
	text-transform: uppercase;
}
.links.inline .print_html a:hover, .links.inline .print_html a:focus, .links.inline .print_mail a:hover, .links.inline .print_mail a:focus {
	opacity: 1.0;
}
.btn-small-grey {
	clear: both;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 40px 0 0 0;
	padding: 10px 30px;
	width: auto;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	color: #333333;
	text-transform: uppercase;
	text-align: center;
	background: #e6e6e6;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	-ms-border-radius: 300px;
	-o-border-radius: 300px;
	border-radius: 300px;
}
.btn-small-grey:hover, .btn-small-grey:focus, .btn-small-grey:hover, .btn-small-grey:focus {
	background: #c2c2c2;
	opacity: 1.0;
}
.links.inline .print_html:before, .links.inline .print_mail:before {
	padding-right: 8px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #333333;
	font-size: inherit;
	line-height: inherit;
}
.links.inline .print_html:before {
	content: "\f02f";
}
.links.inline .print_mail:before {
	content: "\f0e0";
}
.node-type-article #content ul.links.inline {
	margin-bottom: 50px;
}
.node-type-article .print_html {
	margin-left: 0em;
}
.node-type-article .addtoany {
	display: none;
}
.go_back {
	margin-top: 20px;
	border-top: 1px solid #c2c2c2;
}
/* The inline field label used by the Fences module. */
span.field-label {
	padding: 0 1em 0 0; /* LTR */
}
/**
 * "More" links.
 */
.more-link, .more-help-link {
	margin: 20px 0 0 0;
	padding: 0px;
	font-size: 16px;
	line-height: 1;
	color: #FFFFFF;
	display: block;
	font-family: 'Work Sans', sans-serif;
	font-weight: 500;
	color: #4a5a9b;
	text-transform: uppercase;
}
.more-link:hover, .more-link:focus, .more-help-link:hover, .more-help-link:focus {
	color: #384474;
	opacity: 1.0;
}
/**
 * Pager.
 */
/* A list of page numbers when more than 1 page of content is available. */
.pager {
	clear: both;
	margin: 50px 0 0 0;
	padding: 0;
}
#content .pager {
	margin-top: 30px !important;
	margin-left: 0px !important;
}
#content .pager li {
	margin:0 10px 0 0;
	padding:0;
	width:35px;
	height:35px;
	font-family:'Work Sans', sans-serif;
	font-size:15px;
	line-height:34px;
	font-weight:500;
	text-transform: uppercase;
	text-align:center;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	list-style: none !important;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: top;
	background: #ffffff;
	border: 1px solid #4f80bc;
}
#content .pager li a {
	color:#4f80bc;
}
#content .pager li.pager-first, 
#content .pager li.pager-previous, 
#content .pager li.pager-next, 
#content .pager li.pager-last {
	width:auto !important;
	height:auto !important;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	background: none;;
	border:none;
}
#content .pager li.pager-first a, 
#content .pager li.pager-previous a, 
#content .pager li.pager-next a, 
#content .pager li.pager-last a {
	color: #4f80bc;
}
.pager-item, /* A list item containing a page number in the list of pages. */ 
.pager-first, /* The first page's list item. */ 
.pager-previous, /* The previous page's list item. */ 
.pager-next, /* The next page's list item. */ 
.pager-last, /* The last page's list item. */ 
.pager-ellipsis {} /* A concatenation of several list items using an ellipsis. */ 
#content .pager li.pager-current {
	color:#ffffff;
	background: #4f80bc;
}
#content .pager li.pager-current a {
	color:#ffffff;
}
/**
 * Menus.
 */
/* The active item in a Drupal menu. */
.menu a.active {
	color: #18a8a5;
}
/**
 * Marker.
 */
/* The "new" or "updated" marker. */
.new, .update {
	color: #18a8a5;
	/* Remove background highlighting from <mark> in normalize. */
	background-color: transparent;
}
/**
 * Unpublished note.
 */
/* The word "Unpublished" displayed underneath the content. */
.unpublished {
	height: 0;
	overflow: visible;
	/* Remove background highlighting from <mark> in normalize. */
	background-color: transparent;
	color: #d8d8d8;
	font-size: 75px;
	line-height: 1;
	font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	/* A very nice CSS3 property. */
	word-wrap: break-word;
}
.lt-ie8 .node-unpublished > *, .lt-ie8 .comment-unpublished > * {
	/* Otherwise these elements will appear below the "Unpublished" text. */
	position: relative;
}
/**
 * Comments.
 */
/* Wrapper for the list of comments and its title. */
.comments {
	margin: 1.5em 0;
}
/* Preview of the comment before submitting new or updated comment. */
.comment-preview {
	/* Drupal core will use a #ffffea background. See #1110842. */
	background-color: #ffffea;
}
/* Wrapper for a single comment. */
.comment {
	/* Comment's permalink wrapper. */
}
.comment .permalink {
	text-transform: uppercase;
	font-size: 75%;
}
/* Nested comments are indented. */
.indented {
	/* Drupal core uses a 25px left margin. */
	margin-left: 30px; /* LTR */
}
/* Buttons used by contrib modules like Media. */
a.button {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}
/* Password confirmation. */
.password-parent, .confirm-parent {
	margin: 0;
}
/* Drupal's default login form block. */
#user-login-form {
	text-align: left; /* LTR */
}
/**
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */
/* OpenID creates a new ul above the login form's links. */
.openid-links {
	/* Position OpenID's ul next to the rest of the links. */
	margin-bottom: 0;
}
/* The "Log in using OpenID" and "Cancel OpenID login" links. */
.openid-link, .user-link {
	margin-top: 1.5em;
}
html.js #user-login-form li.openid-link, #user-login-form li.openid-link {
	/* Un-do some of the padding on the ul list. */
	margin-left: -20px; /* LTR */
}
#user-login ul {
	margin: 1.5em 0;
}
/**
 * Drupal admin tables.
 */
form th {
	text-align: left; /* LTR */
	padding-right: 1em; /* LTR */
	border-bottom: 3px solid #ccc;
}
form tbody {
	border-top: 1px solid #ccc;
}
form table ul {
	margin: 0;
}
tr.even, tr.odd {
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	padding: 0.1em 0.6em;
}
tr.even {
	background-color: #fff;
}
.lt-ie8 tr.even th, .lt-ie8 tr.even td, .lt-ie8 tr.odd th, .lt-ie8 tr.odd td {
	/* IE doesn't display borders on table rows. */
	border-bottom: 1px solid #ccc;
}
/* Markup generated by theme_tablesort_indicator(). */
td.active {
	background-color: #ddd;
}
/* Center checkboxes inside table cell. */
td.checkbox, th.checkbox {
	text-align: center;
}
/* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */
td.menu-disabled {
	background: #ccc;
}
/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list. */
#autocomplete .selected {
	background: #0072b9;
	color: #fff;
}
/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js .collapsible .fieldset-legend {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
	*background-image: url('../../images/menu-expanded.png');
	background-position: 5px 65%; /* LTR */
	background-repeat: no-repeat;
	padding-left: 15px; /* LTR */
}
html.js .collapsed .fieldset-legend {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */
	*background-image: url('../../images/menu-collapsed.png'); /* LTR */
	background-position: 5px 50%; /* LTR */
}
.fieldset-legend .summary {
	color: #999;
	font-size: 0.9em;
	margin-left: 0.5em;
}
/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
tr.drag {
	background-color: #fffff0;
}
tr.drag-previous {
	background-color: #ffd;
}
.tabledrag-toggle-weight {
	font-size: 0.9em;
}
/**
 * TableSelect behavior.
 *
 * @see tableselect.js
 */
tr.selected td {
	background: #ffc;
}
/**
 * Progress bar.
 *
 * @see progress.js
 */
.progress {
	font-weight: bold;
}
.progress .bar {
	background: #ccc;
	border-color: #666;
	margin: 0 0.2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.progress .filled {
	background-color: #0072b9;
	background-image: url('../../images/progress.gif');
}
/* Misc */
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (min-width:680px) {
	.embed-container-container {
		max-width: 640px;
	}
}
.no_css {
	display: none;
}
.captcha legend {
	display: none;
}