/*
Copyright (c) 2010, Geomatics and Cartographic Research Centre, 
Carleton University, Canada
All rights reserved.

Released under New BSD License.
Details at:
   https://svn.gcrc.carleton.ca/nunaliit2/trunk/sdk/license.txt
*/



/* --- ./src/main/js/nunaliit2/css/basic/n2.base.css --- */
/*! n2.base.css */

/* ==========================================================================
   - HTML5 display definitions
   - This file ensures all base styles are consistant accross all browsers
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

html, body { 
    height: 100%; 
    overflow: auto;
    color: #000; 
    font: 400 0.9em helvetica, sans-serif;
}

/*START - Font Styles*/
h1 { font-size: 2.2em; letter-spacing: 0;}
h2 { font-size: 1.55em; line-height: 1.2em; }
h3 { font-size: 1.17em; line-height: 20px; }
h4 { font-size: 1em; margin-bottom: 10px; }
h5 { font-size: 0.83em; }
h6 { font-size: 0.67em; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
p { margin :0 0 10px 0; line-height: 1.4em}
i {font-style: italic}
ul { list-style: none; margin-bottom: 10px; }
ul li { margin-bottom: 5px; }
ul.bullets { list-style: disc; padding-left: 40px; }
ul.bullets li { margin-bottom: 0; }
html.ie7 h1, html.ie8 h1 { font-weight: bold; }
/*END - Font Styles*/


/* --- ./src/main/js/nunaliit2/css/basic/n2.layout.css --- */
/*! n2.layout.css */

/* ==========================================================================
   - Base layout styles for Nunaliit demo atlas
   - Styles for major layout sections
   ========================================================================== */

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

/* Specific layout styles for Nunaliit Atlas */

.nunaliit_atlas .nunaliit_header,
.nunaliit_atlas .nunaliit_footer {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: visible;
	margin: 0;
	border: 0;	
	padding: 0;
	z-index: 9;
}
.nunaliit_atlas .nunaliit_header {
	top: 0;
	height: 102px;
}
.nunaliit_atlas .nunaliit_footer {
	bottom: 0;
	height: 17px;
}
.nunaliit_atlas .nunaliit_header_container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 71px;
}
.nunaliit_atlas .nunaliit_module_title {
	position: absolute;
	top: 71px;
	left: 0;
	width: 100%;
	height: 30px;
}
.nunaliit_atlas .nunaliit_content {
	position: absolute;
	width: 100%;
}

/* ==============================
   LEGACY CONTENT SECTION
   This is important to keep for HTML
   implementation that defines the content
   explicitely. This has to do with atlas
   created prior to 2.1.2
   ============================== */

/* Main Map */
.nunaliit_map {
	position: absolute;
	top: 0;
	left: 0;
	right: 450px;
	bottom: 0;
	border: 0;
	margin: 0;
}

/* Search */
.nunaliit_searchInput {
	position: absolute;
	right: 0;
	top: 0;
	height: 43px;
	width: 410px;
	bottom: 20px;
	overflow: visible;
	z-index: 8;
}
.nunaliit_searchInput input {
	padding: 2.5%;
	width: 95%;
}

/* Side Bar */
.nunaliit_side {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 410px;
	padding: 115px 20px 15px 20px;
	overflow: auto;
}

/* Map Interactions */
.map_interaction {
	position: absolute;
	top: 33px;
	right: 468px;
	text-align: right;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 8;
}
.map_interaction input { 
	cursor: pointer;
}

/* ==============================
   CONTENT SECTION
   This section has to do with content
   defined at run-time 
   ============================== */

/* Main Map */
.n2_content_map {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	border: 0;
	margin: 0;
}
.n2_content_contains_text .n2_content_map {
	right: 450px;
}
.n2_content_contains_no_text .n2_content_map {
	right: 0;
}
.n2_display_format_tiled .n2_content_contains_text .n2_content_map {
	right: 640px;
}

/* Search */
.n2_content_contains_map .n2_content_searchInput {
	position: absolute;
	top: 0;
	right: 0;
	height: 43px;
	width: 410px;
	padding: 28px 20px 23px;
	overflow: visible;
	z-index: 8;
}
.n2_content_contains_no_map .n2_content_searchInput {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 43px;
	width: auto;
	overflow: visible;
	z-index: 8;
}
.n2_display_format_tiled .nunaliit_content .n2_content_searchInput {
	width: 600px;
}
.n2_content_searchInput input {
	padding: 2.5%;
	width: 95%;
}

/* Side Bar */
.n2_content_text {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	padding: 15px 20px;
}
.n2_content_contains_search .n2_content_text {
	top: 95px;
}
.n2_content_contains_map .n2_content_text {
	left: auto;
	right: 0;
	width: 410px;
	overflow: auto;
}
.n2_display_format_tiled .n2_content_contains_map .n2_content_text {
	left: auto;
	right: 0;
	width: 640px;
	padding: 0;
	overflow: hidden auto;
}
.n2_display_format_tiled .n2_content_contains_search .n2_content_text {
	top: 95px;
}

/* Map Interactions */
.n2_content_map_interaction {
	position: absolute;
	top: 33px;
	right: 468px;
	text-align: right;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 8;
}
.n2_content_map_interaction input { 
	cursor: pointer;
}
.n2_display_format_tiled .n2_content_map_interaction {
	right: 650px;
}

/*
	Common layout
*/
.nunaliit_language_iu .olControlEditingToolbar {
    right: 20%;
}

.olControlEditingToolbar {
	position: absolute;
	right: 185px;
	top: 33px;
}
.n2_display_format_tiled  .olControlEditingToolbar {
	right: 260px;
}

/* Smaller screens */
@media only screen and (max-width: 1023px) {

}

/* Mobile */
@media handheld, only screen and (max-width: 767px) {

}

/* Cordova mobile builds */
.cordova-dialog-btn {
	color: #2985b8;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px;  
}

.cordova-button-container {
	margin-top: 40px;
	text-align: right;
}

.cordova-select-dropdown {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid lightgrey;
	padding-top: 4px;
	outline: none;
}

/* --- ./src/main/js/nunaliit2/css/basic/n2.widget.css --- */
/*! n2.widget.css */

/* ==========================================================================
   - Theme styles for Nunaliit demo atlas (Fonts, colors, images, textures etc)
   ========================================================================== */

/* Desktop screens */

/* ============================== */
/* ! HEADER SECTION   */
/* ============================== */

/* Header Title */
.nunaliit_title {
	margin: 11.5px 20px;
	border: 0;
	padding: 0;
	z-index: 10;	
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

/* Sub-Header Title */

.nunaliit_module_title {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 10;
}
.nunaliit_title_link {
	padding: 8px 20px;
	margin: 0;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

/* Header Menu */
.nunaliit_header-nav {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0 0 0 25px;
	padding: 0;
	list-style:	none;
	line-height: 1.0;
	height: 100%;
	vertical-align: top;
}
.nunaliit_header-nav ul {
	position: absolute;
	top: 0;
	left: 100%;
	margin: 0;
	padding: 0;
	display: none;
	width: 100%;
}
.nunaliit_header-nav li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}
.nunaliit_header-nav a {
	display: block;
	position: relative;
	padding: 15px;
	padding-right: 25px;
}
.nunaliit_header-nav img {
	display: none;
}
.nunaliit_header-nav>ul {
	top: 0;
	left: auto;
	height: 100%;
	display: block;
	width: inherit;
}
.nunaliit_header-nav>ul>li>ul {
	left: -1px;
	width: 150%;
	top: 100%;
}
.nunaliit_header-nav ul li {
	width: 100%;
}
.nunaliit_header-nav>ul>li {
	width: auto;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	height: 100%;
}
.nunaliit_header-nav li:hover {
	/*visibility: inherit;  fixes IE7 'sticky bug' */
	text-decoration: underline;
}
.nunaliit_header-nav li:hover>ul {
	display: block;
	z-index: 99;
}

/* Table of Contents */
.nunaliit_table_of_contents {
	position: absolute;	
	top: 0;
	left: 0;
	right: 451px;
	bottom: 0;
	padding-top: 34px;
	overflow: auto;
}
.nunaliit_table_of_contents ul {
	padding: 0;
	margin: 0;
}
.nunaliit_table_of_contents ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nunaliit_table_of_contents ul li a {
	padding-bottom: 2.5%;
	display: block;
}
.nunaliit_table_of_contents ul img {
	width: 100%;
	margin-bottom: 10px;
}
.nunaliit_table_of_contents ul>li>ul>li {
	float: left;
	width: 28%;
	padding: 2.5%;
}
.nunaliit_table_of_contents ul>li>ul>li:last-child {
	margin-right: 0;
}
.nunaliit_table_of_contents ul>li>ul>li>ul>li {
	float: left;
	width: 100%;
	padding: 2.5% 0;
}
.nunaliit_table_of_contents>ul>li>a {
	display: none;
}

/* Map Controls - Zoom - Layer Switch */
.olControlLayerSwitcher {
	left: 47px;
	top: 100px;
}
.olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv {
	width: 28px;
	height: 28px;
	background-image: url('openlayers/settings_icon.png');
	opacity: 0.7;
	top: 5px;
	left: -29px;
}
.olControlLayerSwitcher .maximizeDiv:hover, .olControlLayerSwitcher .minimizeDiv:hover {
	opacity: 1;
}
#OpenLayers_Control_MaximizeDiv img,
#OpenLayers_Control_MinimizeDiv_innerImage {
	display: none;
}
.olControlLayerSwitcher .layersDiv {
	background: url('openlayers/popup_bg.png') no-repeat top left;
	padding: 11px 20px;
	margin: 6px 0 0 5px;
}
div.olControlZoom {
	top: 35px;
	left: 20px;
	position: absolute;
	background: none;
	border-radius: 0;
	padding: 0;
}
div.olControlZoom a { 
	background: #000;
	opacity: 0.7;
	padding: 3px;
	border-radius: 0;
	-moz-border-radius: 0;
}
div.olControlZoom a:hover { 
	background: #000;
	opacity: 1;
}	
.olControlEditingToolbar div {
	float: left;
}
div.olControlMousePosition {
	right: 25px;
	background: rgba(255, 255, 255, 0.7);
}

/* ============================== */
/* ! FOOTER SECTION   */
/* ============================== */
.nunaliit_footer_nav {
	margin: 2px 10px;
	list-style: none;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.nunaliit_footer_content {
	margin: 2px 10px;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.nunaliit_footer_nav ul {
	margin: 0;
	padding: 0;
}

.nunaliit_footer_nav ul li {
	padding: 0 10px;
	margin: 0;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.nunaliit_footer_nav ul li:first-child {
	margin-right: 19px;
}
.nunaliit_footer_nav ul li:last-child {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;	
}

/* Smaller screens */
@media only screen and (max-width: 1023px) {
}

/* Mobile */
@media handheld, only screen and (max-width: 767px) {
}

/* 
==============================
LAYER DIALOG SECTION 
==============================
*/

.editorSelectLayerContent {
	overflow: auto;
}
.editorSelectLayerContent div {
	padding: 3px 5px;
}
.editorSelectLayerContent label {
	padding: 0 5px;
}
.editorSelectLayerButtons {
	padding: 10px 0;
}

/* 
==============================
ROLE LIST 
==============================
*/
.n2_roles_list {
	max-height: 400px;
	overflow: auto;
	margin-bottom: 5px;
}

/* 
==============================
Layer Switcher 
==============================
*/
.olControlLayerSwitcher {
	width: 215px;
}
.n2layerSwitcher_input_container
,.n2layerSwitcher_label_container
,.n2layerSwitcher_preview_container {
	display: inline-block;
	vertical-align: top;
}
.n2layerSwitcher_label_container {
	padding-left: 3px;
	width: 125px;
}
.n2layerSwitcher_preview_container {
	padding-left: 3px;
}

/*
==============================
Max Height Widget
==============================
*/
.n2show_maxHeight_truncated {
/*
	background: -linear-gradient(top, #000, #000 80%, #FFF);
	background: -webkit-linear-gradient(top, #000, #000 80%, #FFF);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
*/
}

/* 
==============================
Help Dialog 
==============================
*/
.n2help_dialog .ui-dialog-titlebar {
	background: #3a3a3a;
	color: #fff;
	font-family: helvetica, sans-serif;
	font-weight: 500;
}

/* 
==============================
Gazetteer Dialog 
==============================
*/
.n2MapAndControls_gazette_results {
	position: relative;
	margin-top: 5px;
	width: 360px;
	height: 440px;
	overflow: auto;
}

.n2MapAndControls_gazette_result {
	width: 340px;
	border: 1px #cccccc solid;
}

.n2MapAndControls_gazette_result:hover {
	background-color: #cccccc;
}

.n2MapAndControls_gazette_result_name {
	font-size: 120%;
}

.n2MapAndControls_gazette_result_location {
	font-size: 80%;
}

/* 
==============================
CreateDocument widget 
==============================
*/
.nunaliit_content .n2widget_createDocument,
.nunaliit_content .n2widget_createDocumentFromSchema {
	position: absolute;
	top: 5px;
	right: 455px;
}

/* 
==============================
Button widget 
==============================
*/
.n2widget_button {
    margin: 0px 8px;
    padding: 11px 16px;
    border-radius: 2px;
    background-color: #777777;
    font-size: 1em;
    line-height: 100%;
}

.n2widget_button:-webkit-any-link {
	text-decoration: none;
}

.n2widget_button:hover {
	background-color: #3465a4;
	transition: 0.3s;
}

.n2widget_button span { 
	color: #ffffff;
}

/* 
==============================
Export Widget 
==============================
*/
.nunaliit_content .n2widget_export {
	position: absolute;
	top: 5px;
	right: 455px;
}

.n2_export_scriptArea {
	width: 500px;
	height: 300px;
}

.n2_export_scriptDisplay {
	position: relative;
	padding: 8px;
	width: 500px;
	height: 300px;
    overflow: auto;
    white-space: pre;
	background-color: rgb(255, 255, 255);
	border: 1px solid #cccccc;
}

/* 
==============================
Timeline widget 
==============================
*/
.nunaliit_content .n2timeline {
	position: absolute;
	bottom: 0px;
	right: 451px;
	left: 0px;
	height: 62px;
}

.n2_display_format_tiled .nunaliit_content .n2timeline {
	right: 640px;
}

.n2timeline {
	background-color: #00ff88;
}

.n2timeline_container {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0;
    bottom: 0;
}

.n2timeline_slider_wrapper {
	margin: 10px 0px;
	padding: 0;
	border: none;
}

.n2timeline .n2timeline_slider {
	background-color: #000000;
}

.n2timeline .n2timeline_slider .ui-slider-range {
	background-color: #ffffff;
}

.n2timeline_range,
.n2timeline_interval {
	width: 100%;
	font-size: 12px;
	padding: 2px 0px;
}

/* 
==============================
Layer selection widget 
==============================
*/
.nunaliit_module_title .n2layerSelectionWidget {
    display: inline;
    padding: 6px 20px;
}

/* 
==============================
Polar Stereographic Projection Selector 
==============================
*/
.nunaliit_content .n2polarStereographicProjectionSelector {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 100px;
	height: 100px;
}

.n2polarStereographicProjectionSelector {
	/* background-color: #ffffff; */
}
/* 
==============================
 Widget Transcript  
==============================
*/
 

.n2widgetTranscript_transcript {
	overflow-y: scroll;
	margin-top: 1em;
	height: 45vh;
}

.n2widgetTranscript_transcript span {
   cursor: pointer;
   transition: all 0.1s ease-in;
   line-height: 1.8;
   font-family: "Times New Roman", Times, serif;
   font-size: 1.5em; 

}

.n2widgetTranscript_transcript span:hover {
   color: green;
}

.n2widgetTranscript_transcript .highlight {
   color: white;
   background-color: darkorange;
}

/* 
==============================
Wait Widget 
==============================
*/
.n2wait {
    position: absolute;
    display: block;
    background-color: #ffffff;
    right: 0;
    bottom: 0;
    border: solid #000000 1px;
}

.n2_content_contains_text.n2_content_contains_map .n2wait {
    right: 450px;
	bottom: 15px;
}

.n2_display_format_tiled .n2_content_contains_text.n2_content_contains_map .n2wait {
	right: 640px;
}

.n2wait .n2_wait_name_count {
	padding-left: 2px;
}

/* 
==============================
Splash Page 
==============================
*/

.n2Splash_button {
	padding: 0 5px;
}

.n2Splash_buttons .n2Splash_button_disabled {
	color: transparent;
}

.n2Splash_button_close {
	float: right;
}

.n2Splash_label_dontshow {
	padding-left: 50px;
	padding-right: 3px;
}

.n2Splash_ribbon_page {
	padding: 0 2px;
}

.n2Splash_ribbon_page_current {
	font-weight: bold;
}

/* 
==============================
Mail Form 
==============================
*/
.n2mailForm_input_contact {
	width: 500px;
	height: 150px;
}

.n2mailForm_input_message {
	width: 500px;
	height: 400px;
}

.n2mailForm_label {
	padding: 5px 0px 0px 0px;
}

.n2mailForm_button {
	float: right;
	padding: 5px;
}

.n2mailForm_button_disabled {
	color: #ccc !important;
	pointer-events: none;
}

/* 
==============================
Document Selector 
==============================
*/
.nunaliit_module_title .n2widget_documentSelector {
	float: right;
	padding: 8px 20px;
}

/* 
==============================
Single Filter Selection 
==============================
*/
.nunaliit_module_title .n2widget_singleFilterSelection {
	float: right;
	padding: 4px 20px;
}

.nunaliit_module_title .n2widget_singleFilterSelection select {
	border-width: 1px;
	border-radius: 2px;
	background-color: #F1F1F1;
}
/* 
==============================
Multi Filter Selection 
==============================
*/
.nunaliit_module_title .n2widget_multiFilterSelection {
	float: right;
	padding: 8px 20px;
}
.n2widget_multiFilterSelection_position {
	position: 'absolute';
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border: none;
	margin: 0;
	padding: 0;
}
.n2widget_multiFilterSelection_position_hidden {
	display: none;
}
.n2widget_multiFilterSelection_selected {
	color: #00f;
}

/* 
==============================
Multi Drop Down Filter Selection 
==============================
*/
.nunaliit_module_title .n2widget_multiDropDownFilterSelection {
	float: right;
	padding: 4px 10px;
}

.nunaliit_module_title .n2widget_multiDropDownFilterSelection button {
	border-width: 1px;
	border-radius: 2px;
	background-color: #F1F1F1;
}

.nunaliit_module_title .n2widget_multiDropDownFilterSelection.n2widget_multiDropDownFilterSelection_asLink {
	padding: 8px 20px;
}
.n2widget_multiDropDownFilterSelection_position {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border: none;
	margin: 0;
	padding: 0;
}

.n2widget_multiDropDownFilterSelection_selection_hidden button::after {
	content: "\25be";
	padding-left: 5px;
}

.n2widget_multiDropDownFilterSelection_selection_shown button::after {
	content: "\25b4";
	padding-left: 5px;
}

.n2widget_multiDropDownFilterSelection_selection_hidden .n2widget_multiDropDownFilterSelection_position {
	display: none;
}

.n2widget_multiDropDownFilterSelection_select {
	max-height: 355px;
	height: auto;
	min-width: 260px;
	margin-top: 1px;
	border-top: none;
	color: #000;
	background-color: #fff;
	overflow-y: auto;
	box-shadow: 0px 1px 15px #aaaaaa, 0px 1px 1px #666666;
}

.n2widget_multiDropDownFilterSelection_option a {
	color: #000;
	padding: 12px 0px 10px 24px;
	display: block;
	clear: both;
	white-space: nowrap;
	cursor: pointer;  
}

.n2widget_multiDropDownFilterSelection_option.n2widget_multiDropDownFilterSelection_optionUnselected {
	background-color: #f9f9f9;
}

.n2widget_multiDropDownFilterSelection_option.n2widget_multiDropDownFilterSelection_optionSelected {
	background-color: #ffffff;
}

.n2widget_multiDropDownFilterSelection_option.n2widget_multiDropDownFilterSelection_optionUnselected a,
.n2widget_multiDropDownFilterSelection_option.n2widget_multiDropDownFilterSelection_optionSelected a {
	padding: 5px 0px 5px 10px;
}

.n2widget_multiDropDownFilterSelection_option.n2widget_multiDropDownFilterSelection_optionSelected a {
	color: #111111 !important;
}

.n2widget_multiDropDownFilterSelection_option.n2widget_multiDropDownFilterSelection_optionUnselected a {
	color: #aaaaaa !important;
}

.n2widget_multiDropDownFilterSelection_option.n2widget_multiDropDownFilterSelection_optionUnselected a::before {
	content: "\2610";
	padding-right: 5px;
}

.n2widget_multiDropDownFilterSelection_option.n2widget_multiDropDownFilterSelection_optionSelected a::before {
	content: "\2611";
	padding-right: 5px;
	font-weight: bold;
}

/* 
==============================
Model Browser Widget 
==============================
*/
.nunaliit_footer .n2widget_modelBrowser {
	display: none;
}
.nunaliit_user_advanced .nunaliit_footer .n2widget_modelBrowser,
.nunaliit_show_modelBrowserWidget .nunaliit_footer .n2widget_modelBrowser {
	display: block;
	float: right;
	margin: 2px;
}
.nunaliit_footer .n2widget_modelBrowser a {
	text-decoration: none;
	color: #fff;
}
.nunaliit_footer .n2widget_modelBrowser a:visited {
	color: #fff;
}
.n2widget_modelBrowser_model {
	display: block;
}
.n2widget_modelBrowser_model_selected {
	background-color: #ccc;
}
.n2widget_modelBrowser_list_docIds {
    max-height: 400px;
    overflow: auto;
}
.n2widget_modelBrowser_list_docId {
	display: block;
}
.n2widget_modelBrowser_list_docId_selected {
	background-color: #ccc;
}

/*
===============================
WidgetLegend2
===============================
*/
.n2widgetLegend_option.n2widgetLegend_optionUnselected a::before {
	content: "\2610";
	padding-right: 5px;
}

.n2widgetLegend_option.n2widgetLegend_optionSelected a::before {
	content: "\2611";
	padding-right: 5px;
	font-weight: bold;
}

.nunaliit_content .n2widgetLegend .n2widgetLegend_outer .n2widgetLegend_checkboxColumn {
	min-width: 100px; /* width needed to contain four legend symbols */
	display: inline-block;
	vertical-align: top;
}

.n2LegendImageContainer {
    display: inline-block;
    margin: 5px;
	max-width: 250px;
}

.nunaliit_content .n2widgetLegend img {
    border: 0;
    max-height: 350px;
    max-width: 250px;
}

/* 
==============================
Sound 
==============================
*/
.n2CouchSound {
	position: absolute;
	height: 0;
	width: 0;
	overflow: hidden;
	visibility: hidden;
}

/* 
==============================
Map Legend 
==============================
*/
.n2widgetLegend_svg {
	display: inline-block;
	width: 14px;
	height: 14px;
}

/* Styling when added to nunaliit_content */
.nunaliit_content .n2widgetLegend {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.nunaliit_content .n2widgetLegend .n2widgetLegend_outer {
	background-color: rgba(0,0,0,0.9);
	color: #fff;
	padding: 10px;
	border-radius: 2px;
	border: 1px solid #FFFFFF;
	box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.25);
}

.nunaliit_content .n2widgetLegend .n2widgetLegend_hideable .n2widgetLegend_outer {
	border-top: none;
}

.nunaliit_content .n2widgetLegend .n2widgetLegend_outer .n2widgetLegend_labelColumn {
	width: auto;
	max-width: 300px;
	display: inline-block;
	vertical-align: top;
}

.nunaliit_content .n2widgetLegend .n2widgetLegend_outer .n2widgetLegend_symbolColumn {
	width: 70px; /* width needed to contain four legend symbols */
	display: inline-block;
}

.nunaliit_content .n2widgetLegend_showhideClosed {
	background-color: rgba(0,0,0,0.9);
	color: #fff;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	text-align: right;
    min-width: 75px;
	min-height: 16px;
}

.nunaliit_content .n2widgetLegend_showhide {
	background-color: rgba(0,0,0,0.9);
	color: #fff;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	cursor: pointer;
	text-align: right;
    min-width: 75px;
}

.n2widgetLegend_showhideicon {
	background-position: -8px -7px;
    background-repeat: no-repeat;
	position: absolute;
	right: 2px;
	height: 16px;
	width: 16px;
}

.nunaliit_content .n2widgetLegend_showhide .n2widgetLegend_showhideicon {
	background-image: url(images/bullet_minus.png);
}

.nunaliit_content .n2widgetLegend_showhideClosed .n2widgetLegend_showhideicon {
    background-image: url(images/bullet_add.png);
}

.n2LegendImageLabel {
	text-align: center;
}

.n2widgetLegend_symbolColumn_point,
.n2widgetLegend_symbolColumn_line,
.n2widgetLegend_symbolColumn_polygon,
.n2widgetLegend_symbolColumn_cluster {
	float: left;
}

/* Add padding to legend widget symbols */
.n2widgetLegend_symbolColumn_point .n2widgetLegend_preview.n2widgetLegend_previewPoint,
.n2widgetLegend_symbolColumn_line .n2widgetLegend_preview.n2widgetLegend_previewLine,
.n2widgetLegend_symbolColumn_polygon .n2widgetLegend_preview.n2widgetLegend_previewPolygon,
.n2widgetLegend_symbolColumn_cluster .n2widgetLegend_preview.n2widgetLegend_previewCluster {
	padding: 1px;
}

/* 
==============================
Collapsible Widget Container 
==============================
*/

.n2widgetCollapsibleContainer {
	position: absolute;
	left: 21px;
	top: 150px;
}

.n2widgetCollapsibleContainer_button {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 28px;
    height: 28px;
    background-color: transparent;
    background-image: url(openlayers/settings_icon.png);
    opacity: 0.7;
    cursor: pointer;
}

.n2widgetCollapsibleContainer_button:hover {
	opacity: 1;
}

.n2widgetCollapsibleContainer_widgetContainer {
	display: none;
	position: absolute;
	left: 28px;
	top: 0px;
    background-color: transparent;	
	background: url(openlayers/popup_bg.png) no-repeat top left;
    padding: 11px 20px;
	margin: 0;
	font: bold smaller sans-serif;
    color: white;
}

.n2widgetCollapsibleContainer_opened .n2widgetCollapsibleContainer_widgetContainer {
	display: block;
}

/* 
==============================
Multi Filter Selection  
==============================
*/
.nunaliit_content > .n2widget_multiFilterSelection {
	position: absolute;
	bottom: 10px;
	left: 10px;
	max-width: 200px;
    max-height: 600px;
    overflow: auto;	
	background-color: #000;
	color: #fff;
	padding: 5px;
	border-radius: 5px;
    border-color: #fff;
    border-width: 1px;
    border-style: solid;
    box-shadow: 3px 3px 3px 0 rgba(0,0,0, 0.25);
}

.nunaliit_content > .n2widget_multiFilterSelection:after {
	content: "";
	display: block;
	clear: both;
}

.nunaliit_content > .n2widget_multiFilterSelection > .n2widget_multiFilterSelection_option {
	display: block;
	float: left;
	padding: 2px;
	border: #fff 1px solid;
	margin: 3px;
	cursor: pointer;	
	color: inherit;
	text-decoration: none;
}

.nunaliit_content > .n2widget_multiFilterSelection > .n2widget_multiFilterSelection_option:hover {
	text-decoration: none;
}

.nunaliit_content > .n2widget_multiFilterSelection > .n2widget_multiFilterSelection_selected {
	background-color: #444;
}

/* 
==============================
Duplicate Widget  
==============================
*/
.nunaliit_logged_out .n2widget_duplicate {
	display: none;
}
.nunaliit_module_title .n2widget_duplicate {
	float: right;
	padding: 4px 10px;
}

/* 
==============================
Date Range Widget  
==============================
*/
.n2widget_date_range {
	float: right;
}

.n2widget_date_range input {
	display: block;
	padding: 2px 0px;
	margin: 0px 2px;
	color: #333333 !important;
}

.n2widget_date_range_window {
	display: none;
	position: absolute;
	z-index: 10;
	border: 1px solid #666666;
	border-radius: 2px;
	background-color: #ffffff;
	padding: 5px;
	box-shadow: 1px 2px 3px #999999;
	min-width: 520px;
}

.n2widget_date_range_window_backdrop {
	display: none;
	position: absolute;
	z-index: 9;
	width: 100%;
	height: 100%;
	background-color: #00000050;
}

.n2widget_date_range_window .n2widget_date_range_start,
.n2widget_date_range_window .n2widget_date_range_end {
    width: 50%;
    display: inline-table;
}

.n2widget_date_range_window.active,
.n2widget_date_range_window_backdrop.active {
	display: block;
}

.n2widget_date_range .n2widget_date_range_button {
    display: inline-block;
	cursor: pointer;
    border: 1px solid #333333;
    border-radius: 2px;
    color: #333333;
    background-image: url(images/calendar_icon.png);
    background-position: 2px center;
    background-repeat: no-repeat;
	background-color: #f1f1f1;
	background-size: 18px 18px;
    padding: 2px 10px 2px 24px;
	margin: 2px;
	line-height: 20px;
}



/* --- ./src/main/js/nunaliit2/css/basic/n2.mapAndControls.css --- */

.results { 
	clear: both;
	padding: 10px 0px 0px; 
}

.newDocumentInputs { 
	float: right;
	padding: 0px 10px 0px 0px; 
}

.interaction_control_label {
	float: right;
	padding: 2px 0px 0px;
}

.interaction_control_selector {
	float: right;
}

#searchLookAhead {
	position: absolute;
	top: 50px;
	right: 188px;
	overflow: hidden;
	width: 250px;
	z-index: 10;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	display: none;
}

#searchLookAhead span {
	cursor: pointer;
}

#searchLookAhead .offered {
	font-weight: bold;
}

#searchLookAhead div.kill {
	display: inline-block;
	float: right;
	width: 16px;
	height: 16px;
	margin: 0px;	
	padding: 0px;
	border: none;
	background: url(tree/icons.png) no-repeat;
	background-position: -32px 0px;
}

#searchLookAhead div.kill:hover {
	background-position: -48px 0px;
}

#side_attrib table, .n2MediaDisplayDialog table {
	border: 0px;
}

#side_attrib table.attrib_header, .n2MediaDisplayDialog table.attrib_header {
	border-width: 0px;
	width: 100%;
}

#side_attrib tr.attrib_header, .n2MediaDisplayDialog tr.attrib_header {
	vertical-align: top;
	font-weight: bold;
	font-family: Georgia, serif;
}

#side_attrib td.label, .n2MediaDisplayDialog td.label {
	font: normal 100% Georgia, serif;
	text-align: right;
	padding: 0px 5px 0px 0px;
	width: 30%;
	vertical-align: text-top;
}

#side_attrib td.info, .n2MediaDisplayDialog td.info {
	font-family: Geneva, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	vertical-align: text-top;
}

#side_contrib table.contrib_header {
	font-family: Georgia, serif;
	margin: 10px 0px 0px;
	border-width: 0px;
	width: 100%;
}

#side_contrib tr.contrib_header {
	margin: 0px;
	vertical-align: top;
	font-weight: bold;
}

#side_contrib table.contrib {
	border-collapse: collapse;
	width: 100%;
}

#side_contrib tr.contrib {
	vertical-align: top;
	font-family: Geneva, Helvetica, Arial, sans-serif;
}

#side_contrib td.contrib_entry_left {
	width: 10%;
}
#side_contrib td.contrib_entry_right {
	width: 90%;
	padding: 0px 0px 0px 2px;
}
#side_contrib td.contrib_entry_fullwidth {
	width: 100%;
	padding: 0px 0px 0px 2px;
}

#side_contrib td.contrib_entry_solid_top_border {
	border-top: 1px solid #777777;
}
#side_contrib td.contrib_entry_dashed_top_border {
	border-top: 1px dashed #777777;
}
#side_contrib td.contrib_entry_solid_bottom_border {
	border-bottom: 1px solid #777777;
}
#side_contrib td.contrib_entry_dashed_bottom_border {
	border-bottom: 1px dashed #777777;
}
#side_contrib td.contrib_entry_center_marker {
	vertical-align: middle;
	text-align: center;
}
#side_contrib p.contrib_entry_title {
	font-family: Georgia, serif;
	font-style: italic;
	float: left;
}
#side_contrib p.contrib_entry_contributor {
	font-family: Georgia, serif; 
	font-size: 85%;
	float: left;
	padding: 2px 0px 0px 5px;
}
#side_contrib .contrib_entry_contributor_unknown,
#side_contrib .contrib_entry_contributor_guest {
	color: #ff0000;
}
#side_contrib .contrib_entry_contributor_name {
	font-weight: bold;
}
#side_contrib p.contrib_entry_createTS {
	font-family: Geneva, Helvetica, Arial, sans-serif; 
	font-size:   70%;
	clear: left;
	padding: 0px 0px 0px 10px;
}
#side_contrib div.contrib_entry_place_icon {
	float:   right;
	display: block;
	width: 26px;
	height: 26px;
	background: transparent url(images/place_icon.png) no-repeat; 
}
#side_contrib div.contrib_entry_place_icon:hover,
#side_contrib div.contrib_entry_info_icon:hover,
#side_contrib div.contrib_entry_audio_icon:hover,
#side_contrib div.contrib_entry_video_icon:hover,
#side_contrib div.contrib_entry_image_icon:hover {
	background-position: -26px 0;
}
#side_contrib div.contrib_entry_info_icon {
	float: right;
	display: block;
	width: 26px;
	height: 26px;
	background: transparent url(images/contrib_info_icon.png) no-repeat; 
}
#side_contrib div.contrib_entry_media_icon_wrapper {
	font-family: Geneva, Helvetica, Arial, sans-serif; 
	font-size: 70%;
	float: right;
	text-align: center;
}
#side_contrib div.contrib_entry_media_icon {
	display: block;
	width: 26px;
	height: 26px;
	margin: 0 auto;
}
#side_contrib div.contrib_entry_audio_icon {
	background: transparent url(images/audio_icon.png) no-repeat; 
}
#side_contrib div.contrib_entry_video_icon {
	background: transparent url(images/video_icon.png) no-repeat; 
}
#side_contrib div.contrib_entry_image_icon {
	background: transparent url(images/image_icon.png) no-repeat; 
}
#side_contrib div.contrib_entry_link_group {
	clear: left;
	float: left;
}
#side_contrib a.contrib_entry_link {
	padding: 5px 0px 0px 10px;
	font-size: 75%;
	color: #2F4F4F;
	cursor: default;
}
#side_contrib a.contrib_entry_link:hover {
	color: #8B0000;
}
#side_contrib p.contrib_entry_comment {
	font-family: Geneva, Helvetica, Arial, sans-serif; 
	font-size: 85%;
	clear: left;
}

#side_contrib p.contrib_entry_embeddedAudio {
	padding: 5px 0px 0px;
	text-align: center;
}

#side_contrib p.contrib_entry_last_edit {
	font-family: Geneva, Helvetica, Arial, sans-serif; 
	font-size: 70%;
	clear: left;
	padding: 5px 0px 0px;
}

#side_contrib input, #side_contrib p {
	font-family: Geneva, Helvetica, Arial, sans-serif;
}

#controlToggle li {
    list-style: none;
}

#count {
	vertical-align: 60%;
	margin-left: 15px;
	color: white;
}

.jqmContributions_instructions,
.jqmEditAttributes_instructions,
.jqmContributions_input_heading,
.jqmContributions_input_heading_2nd_on_line,
.jqmContributions_input { /* defined according to jqmWindow */
	margin: 0px 5px 10px;
	vertical-align: top;
}
.jqmContributions_input_heading {
	display: inline-block;
	width: 90px;
}
.jqmContributions_input_heading_2nd_on_line {
	display: inline-block;
	width: 75px;
}

div.olkitAttrForm {
	overflow: auto;
}

div.olkitAttrFormFeatureAttributes {
	margin: 0px 5px 10px;
}

div.olkitAttrFormFeatureAttributes ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px 5px 10px;
}

div.olkitAttrFormFeatureAttributes li {
	margin: 2px 10px 0px 5px;
}

div.olkitAttrFormFeatureAttributes label {
	vertical-align: bottom;
	display: inline-block;
	width: 90px;
}

div.olkitAttrFormFeatureAttributes input, jqmEditAttributes_input {
	vertical-align: bottom;
	display: inline-block;
	width: 65%;
}

div.olkitAttrFormFeatureAttributes input.dbWebFormSelectButton {
	width: 35px;
}

table.mediaSelection tr:hover {
	background-color: #ffffff;
}

table.mediaSelection td {
	border: solid #000000 1px;
}

/*
	Workaround problem in OpenLayers CSS (http://trac.openlayers.org/ticket/2183)
*/
.olControlEditingToolbar .olControlMoveFeatureItemInactive { 
  background-position: 0px 0px; 
}
.olControlEditingToolbar .olControlMoveFeatureItemActive { 
  background-position: 0px -23px ;                                                                   
}

/*
 * override some defaults for jquery ui datepicker
 */
#ui-datepicker-div {
	z-index: 9999999;
}
.ui-datepicker .ui-datepicker-header {
	font-size: 0.75em;
	padding: 0.1em 0;
}
.ui-datepicker table {
	font-size: 0.75em;
	margin: 0 0 0.2em;
}
.ui-datepicker th {
	padding: 0.4em 0.1em;
}

.olkitDisabled {
	color: #cccccc;
}

.olPopupContent {
	max-width: 250px;
	overflow: visible;
}

/* Fix spurious copyright pop-up */
.olLayerGooglePoweredBy, .gmnoprint, .gm-style-cc {
	visibility: hidden;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.tree.css --- */
/*
	This portion of the CSS deals with the tree display
*/

ul.tree, ul.tree ul {
	list-style-type: none;
/*	background: url(tree/vline.png) repeat-y; */
	margin: 0;
	padding: 0;
}

ul.tree ul { 
	margin-left: 12px;
	display: block;
} 

ul.tree li { 
	margin: 0px; 
	padding: 0px 0px 0px 8px;
	line-height: 20px;
	background: url(tree/node.png) repeat-y;
}

ul.tree li:last-child { 
	background: url(tree/lastnode.png) no-repeat;
}

ul.tree li > * { 
	vertical-align: top;
}

ul.tree li > div.treeExpand {
	display: inline-block;
	height: 0px;
	width: 0px;
	margin: 0; 
	padding: 20px 0px 0px 7px;
	border: none;
}

ul.tree li.treeShowChildren > div.treeExpand {
	background: url(tree/square_minus.png) no-repeat;
}

ul.tree li.treeHideChildren > div.treeExpand {
	background: url(tree/square_plus.png) no-repeat;
}

ul.tree li.treeNoChildren > div.treeExpand {
	background: none;
}

ul.tree li > span.treeKey {
	padding: 0px 0px 0px 3px;
	vertical-align: top;
	color: #369;
	font-weight: bold;
}

div.treeChildren {
	border: solid 1px #dddddd;
	margin: 0 0 0 12px;
	padding: 2px;
}

ul.tree li.treeHideChildren > .treeChildren {
	display: none;
}

.treeClickInstalled {
	cursor: pointer;
}

/* 
	OBJECT 
*/
/* When showing children, suppress short pretty print */
ul.tree li.treeShowChildren > .treeValue {
	display: none;
}

ul.tree li.treeNoChildren > .treeValue {
	display: inline;
}

/* 
	EDITOR 
*/
/* While editing a value, suppress views of the value */
ul.tree li.treeEditingValue > .treeValue,
ul.tree li.treeEditingValue > .treeChildren {
	display: none;
}

/* While editing a key, suppress views on the key */
ul.tree li.treeEditingKey > .treeKey {
	display: none;
}

ul.tree .treeValueEditor textarea {
	width: 100%;
	height: 50px;
}

.treeEditorClickInstalled {
	cursor: pointer;
}

/* Add, delete, up, down, ok and cancel buttons. */
.treeEditDelete, .treeEditCancel, .treeEditAdd > div, .treeEditUp, .treeEditDown, .treeEditOk {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0px;	
	padding: 0px;
	border: none;
}

.treeEditDelete {
	background: url(tree/icons.png) no-repeat;
	background-position: -160px 0px;
}

.treeEditDelete:hover {
	background-position: -176px 0px;
}

.treeEditCancel {
	background: url(tree/icons.png) no-repeat;
	background-position: -32px 0px;
}

.treeEditCancel:hover {
	background-position: -48px 0px;
}

.treeEditAdd > div {
	background: url(tree/icons.png) no-repeat;
	background-position: 0px 0px;
}

.treeEditAdd > div:hover {
	background-position: -16px 0px;
}

.treeEditUp {
	background: url(tree/icons.png) no-repeat;
	background-position: -64px 0px;
}

.treeEditUp:hover {
	background-position: -80px 0px;
}

.treeEditDown {
	background: url(tree/icons.png) no-repeat;
	background-position: -96px 0px;
}

.treeEditDown:hover {
	background-position: -112px 0px;
}

.treeEditOk {
	background: url(tree/icons.png) no-repeat;
	background-position: -128px 0px;
}

.treeEditOk:hover {
	background-position: -144px 0px;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.slideEditor.css --- */
/*
	This portion of the CSS deals with the display of SlideEditor
*/
.n2se_root, .n2se_history, .n2se_main, .n2se_back, .n2se_display {
	margin: 0;
	padding: 0;
}

/* Top div of editor */
.n2se_root {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

/* Div that holds history */
.n2se_history {
/*	position: absolute;
	top: 0px;
	left: 1px;
	right: 1px;
	height: 25px;
	
	background-image: url("slideEditor/ui-bg_glass_75_dadada_1x400.png");
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 50% 50%;
	background-color: #dadada;
	border: 1px solid #cacaca;
	border-radius: 4px 4px 4px 4px;
	
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
	text-decoration: none;*/
	margin-bottom: 10px;
}

/* Span that holds back button in history bar */
.n2se_history_back {
	display: inline-block;
	cursor: pointer;
	padding: 10px 10px 10px 15px;
	text-decoration: none;
	margin-right: 3px;
	border: 1px solid #c3c1c1;
	background-color: #eee;
	/*
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #155678;
    color: #FFFFFF;
    background-color: #444444;*/ /* IE */
}
.n2se_history_back:hover {
	background-color: #e9e6e6;
	-moz-box-shadow: 1px 1px 2px #b8b8b8;
	-webkit-box-shadow: 1px 1px 2px #b8b8b8;
	box-shadow: 1px 1px 2px #b8b8b8;
	border: 1px solid #9e9e9e;
}
.n2se_history_back > .n2se_btn {
	float: left;
	background: #444444 url("slideEditor/icons-18-white.png") no-repeat scroll -144px 50%;
    border-radius: 9px;
    padding: 18px 18px 0px 0px;
    margin: 1px 3px 0px;
}
.n2se_history_back > .n2se_btn {
	background-color: rgba(0, 0, 0, 0.4); /* non-IE */
}
.n2se_history_back > .n2se_label {
    padding: 0px 5px;
}

/* Span that holds one level of history */
.n2se_history_level {
	display: inline-block;
	cursor: pointer;
	padding: 10px 10px 10px 15px;
	text-decoration: none;
	margin-right: 3px;
	border: 1px solid #c3c1c1;
	background-color: #eee;
}
.n2se_history_level:hover {
	background-color: #e9e6e6;
	-moz-box-shadow: 1px 1px 2px #b8b8b8;
	-webkit-box-shadow: 1px 1px 2px #b8b8b8;
	box-shadow: 1px 1px 2px #b8b8b8;
	border: 1px solid #9e9e9e; 
}

/* Span that comes before all levels */
.n2se_history_head {
	padding-left: 10px;
}

/* Span that comes after all levels */
.n2se_history_tail {
}

/* Span that comes between levels */
.n2se_history_inter {
	padding: 0px 2px 0px 0px;
}

.n2se_main {
/*	position: absolute;
	top: 50px;
	left: 0px;
	right: 0px;
	bottom: 0px;*/
}

/* Disable back button located on the left
.n2se_back {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	bottom: 0px;
	
	background-color: #ffccff;
}

.n2se_back:hover {
	background-color: #ffcccc;
}
*/
.n2se_back {
	display: none;
}

.n2se_display {
/* 	position: absolute;*/
/* 	Disable back button located on left	
	left: 10px;

	left: 0px;
	right: 0px;
*/	
/*	jQueryUi effect() modifies top.
	top: 0px;
	bottom: 0px;

	height: 100%;
	overflow: auto;
	*/
}

/* Div that holds all key/value pair (n2se_entry) */
.n2se_entries {
}

/* Div that holds a key/value pair */
.n2se_entry {
/*	background-image: url("slideEditor/ui-bg_glass_95_fef1ec_1x400.png");
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 50% 50%;*/
	background-color: #eee;
	border: 1px solid #ddd;
	/*border-radius: 4px 4px 4px 4px;*/
	padding: 5px;
	margin-bottom: 5px;
}
.n2se_entry:hover {
/*	background-image: url("slideEditor/ui-bg_glass_65_ffffff_1x400.png");
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 50% 50%;*/
	background-color: #ffffff;
	-moz-box-shadow: 1px 1px 2px #b8b8b8;
	-webkit-box-shadow: 1px 1px 2px #b8b8b8;
	box-shadow: 1px 1px 2px #b8b8b8;
	border: 1px solid #9e9e9e;
}

/* Span used as a delete button */
.n2se_entry_delete {
	float: left;
	background: #444444 url("slideEditor/icons-18-white.png") no-repeat scroll -72px 50%;
	border-radius: 9px;
	padding: 18px 18px 0px 0px;
	margin: 8px 10px 0px 4px;
}
.n2se_entry_delete {
	background-color: rgba(0, 0, 0, 0.4); /* non-IE */
}
.n2se_entry_delete:hover {
	background-color: #222222; /* IE */
}
.n2se_entry_delete:hover {
	background-color: rgba(0, 0, 0, 0.6); /* non-IE */
}

/* Class added to delete button when it is disabled */
.n2se_entry_delete_disabled {
	visibility: hidden;
}

/* Span that holds a key in case of array. Input that holds key, in case of object */
.n2se_entry_key {
}
input.n2se_entry_key {
	width: 90px;
}
span.n2se_entry_key {
}

/* Span that holds the 'is' word */
.n2se_entry_is {
}

/* Select that holds the type of object held by key */
.n2se_entry_select {
}

/* Input that holds text */
input.n2se_entry_text {
	width: 250px;
}

/* Input that holds check box for boolean */
.n2se_entry_cb {
}

/* Span used as button to move forward */
.n2se_entry_forward {
	float: right;
	background: #444444 url("slideEditor/icons-18-white.png") no-repeat scroll -108px 50%;
	border-radius: 9px;
	padding: 18px 18px 0px 0px;
	margin-top: 8px;
	margin-right: 10px;
}
.n2se_entry_forward {
	background-color: rgba(0, 0, 0, 0.4); /* non-IE */
}
.n2se_entry_forward:hover {
	background-color: #222222; /* IE */
}
.n2se_entry_forward:hover {
	background-color: rgba(0, 0, 0, 0.6); /* non-IE */
}

/* Text area used to view large string */
.n2se_textarea {
	width: 95%;
	height: 250px;
}

/* div used to show add button */
.n2se_addbar {
	left: 1px;
	right: 1px;
/*	height: 25px;
	
	background-image: url("slideEditor/ui-bg_glass_75_dadada_1x400.png");
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 50% 50%;
	background-color: #dadada;
	border: 1px solid #cacaca;
	border-radius: 4px 4px 4px 4px;
	
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
	text-decoration: none;*/
}
.n2se_addbar_addButton {
	display: inline-block;
	cursor: pointer;
	padding: 10px 10px 10px 15px;
	text-decoration: none;
	margin-right: 3px;
	border: 1px solid #c3c1c1;
	background-color: #eee;
}
.n2se_addbar_addButton:hover {
	background-color: #e9e6e6;
	-moz-box-shadow: 1px 1px 2px #b8b8b8;
	-webkit-box-shadow: 1px 1px 2px #b8b8b8;
	box-shadow: 1px 1px 2px #b8b8b8;
	border: 1px solid #9e9e9e; 
	
}
.n2se_addbar_addButton > .n2se_btn {
	float: left;
	background: #444444 url("slideEditor/icons-18-white.png") no-repeat scroll 0px 50%;
	border-radius: 9px;
	padding: 18px 18px 0px 0px;
	margin: 1px 3px 0px 3px;
}
.n2se_addbar_addButton > .n2se_btn {
	background-color: rgba(0, 0, 0, 0.4); /* non-IE */
}
.n2se_addbar_addButton > .n2se_label {
	padding: 0px 5px;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.upload.css --- */
/*
	This portion of the CSS deals with the upload progress bar
*/
.n2UploadProgress {
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	height: 11px;
	margin: 0px;
	padding: 0px;
	border: none;
}

.n2UploadProgressBarBackground {
	position: relative;
	left: 3px;
	top: 3px;
	right: 3px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	border: solid 1px #222222;
	background-color: #ffffff;
}

.n2UploadProgressBar {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #aaaaaa;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.sliderWithCallout.css --- */
.slider_wrapper {
	position: relative;
	margin: 0px;
	float: left;
	width: 100%;
}
.slider_wrapper_callout {
	padding: 1em 0 0 0;
}
.slider_bar {
	margin: 0px;
	width: 100%;
}
.slider_callout {
	position: absolute;
	top: 0;
	margin: 0;
	color: #000000;
	font-weight: normal;
	font-size: 1em
}
.ui-slider-horizontal  {
	height: 0.3em;
	top: 0px;
}
.ui-slider-horizontal .ui-slider-handle {
	margin-left: -0.2em;
	top: -0.6em;
}
.ui-slider .ui-slider-handle {
	width: 0.4em;
}

/* --- ./src/main/js/nunaliit2/css/basic/n2.timelineDateMarks.css --- */
/*
	This portion of the CSS deals with the timeline date marks
*/
.TimelineDateMarks_wrapper {
	position: relative;
	margin: 0px;
	float: left;
	width: 100%;
	height: 1.5em;
}
.TimelineDateMarks_label {
	position: absolute;
	top: 0;
	margin: 0;
	color: #000000;
	font-weight: normal;
	font-size: 1em;
}
.TimelineDateMarks_labelTick {
	position: absolute;
	top: 0.25em;
	margin: 0;
	color: #000000;
	font-weight: normal;
}
.TimelineDateMarks_labelTick_small {
	font-size: 0.5em;
}
.TimelineDateMarks_labelTick_large {
	font-size: 0.75em;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.couchContribution.css --- */
div.couchContributionSelect:hover {
	background-color: #ddddcc;
}

div.couchLookaheadDivider {
	position: relative;
	height: 0;
	bottom: 0;
}

div.couchLookahead {
	position: absolute;
	display: none;
	top: 0;
	z-index: 10;
	background-color: #ffffff;
	border: solid 1px #000000;
}

div.couchLookaheadLine:hover {
	background-color:#aaaaaa;
}

div.couchLookaheadLineEven {
	background-color:#dddddd;
}

.couchLookaheadTyped {
	font-weight: bold;
}

div.contributionFormTitle {
	font-weight: bold;
}

input.contributionTitle {
	width: 600px;
}

textarea.contributionDescription {
	width: 600px;
	height: 300px;
}

/*
 * Media
 */
div.contribution_media_icon_wrapper {
	font-family: Geneva, Helvetica, Arial, sans-serif; 
	font-size: 70%;
	float: right;
	text-align: center;
}
div.contribution_media_icon {
	display: block;
	width: 26px;
	height: 26px;
	margin: 0 auto;
}
div.contribution_audio_icon:hover,
div.contribution_video_icon:hover,
div.contribution_image_icon:hover {
	background-position: -26px 0;
}
div.contribution_audio_icon {
	background: transparent url(images/audio_icon.png) no-repeat; 
}
div.contribution_video_icon {
	background: transparent url(images/video_icon.png) no-repeat; 
}
div.contribution_image_icon {
	background: transparent url(images/image_icon.png) no-repeat; 
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.couchDisplay.css --- */
/*.olkitSearchMod2_0, .olkitSearchMod2_1 {
	background-color:#f7f7f7;
	margin:15px 10px;
	padding:10px;
	border-radius: 4px;
	border: 1px solid #AAA;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 85px inset;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 85px inset;
}*/

.olkit_tree_header {
	font-weight: bold;
}

ul.olkit_tree_ul {
    margin: 0;
    padding: 0;
}

.olkit_tree_ul li {
    background: url("list.gif") no-repeat scroll left center white;
    list-style-type: none;
    margin-bottom: 3px;
    padding-left: 22px;
}

.olkit_tree_ul li.olkit_tree_li {
    background: url("closed.gif") no-repeat scroll left 1px white;
    cursor: pointer !important;
}
.olkit_tree_ul li.olkit_tree_li ul {
    display: none;
}

.olkit_tree_ul .olkit_tree_li ul li {
    cursor: default;
}

div.n2display_document td.label,
td.placename_label {
	font: normal 100% Georgia, serif; 
	text-align: right;
	padding: 0px 5px 0px 0px;
	width: 30%;
	vertical-align: text-top;
}

div.n2display_document td.value,
td.placename_info {
	font-family: Geneva, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	vertical-align: text-top;
}

div.contributionReply {
	margin: 0px; 
	padding: 0px 0px 0px 8px;
	line-height: 20px;
	background: url(tree/node.png) repeat-y;
}

div.contributionReply:last-child { 
	background: url(tree/lastnode.png) no-repeat;
}

div.olkit_wait {
	background: url(images/wait_icon.gif) no-repeat;
	margin: 0px; 
	padding: 32px 32px 0px 0px;
	width: 0px;
	height: 0px;
}

.n2MediaDisplayPhotosphere {
	width: 1000px;
	height: 500px;
}

.n2display_geometries_heading {
	background-color: #dddddd;
	font-weight: bold;
}

.n2Comment_button_addcomment_unavailable {
	display: none !important;
}

.n2Display_cordovaImgAttachmentPreview {
	border: 1px solid #d3d3d3;
	max-height: 100px;
	margin-bottom: 5px;
}

/* --- ./src/main/js/nunaliit2/css/basic/n2.couchDisplayTiled.css --- */
.n2DisplayTiled_documents {
	position: relative;
	margin: 0 20px;
}
.n2DisplayTiled_documents:after {
	content: "";
	display: table;
	clear: both;
}

.n2DisplayTiled_tile {
	position: absolute;
	background: #f8f8f8 url('images/tile_bg_document.png') no-repeat center 40px;
	border: 1px solid #f8f8f8;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	-webkit-transition: border 0.5s; /* For Safari 3.1 to 6.0 */
	transition: border 0.5s;
    
}
.n2DisplayTiled_tile_content {
	padding: 10px;   
}
div.n2DisplayTiled_tile_video {
	background-image: url('images/tile_bg_video.png');
}

div.n2DisplayTiled_tile_audio {
	background-image: url('images/tile_bg_audio.png');
}

div.n2DisplayTiled_tile_image {
	background-image: url('images/tile_bg_image.png');
}
.n2DisplayTiled_documents div.n2DisplayTiled_tile_current {
	background-image: none;
	background-color: #fff;
}

.n2DisplayTiled_thumb {
	position: absolute;
	width: 100%;
	height: 100%;
}

.n2DisplayTiled_thumb img {
	width: 125%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.n2DisplayTiled_tile_brief {
	font-size: 14px;
	font-weight: 100;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 90%;
	padding: 5%;
	background-color: rgba(255,255,255,0.8);
	word-wrap: break-word;
	max-height: 50px;
	text-overflow: ellipsis;    
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;    
}

.n2DisplayTiled_tile:hover {
	border: 1px solid #222;
	-webkit-transition: border 0.35s; /* For Safari 3.1 to 6.0 */
	transition: border 0.35s;
}
.n2DisplayTiled_tile_current.n2DisplayTiled_tile:hover {
	background-color: transparent;
}
.n2DisplayTiled_schema {
	border: 1px solid #000000;
	background-color: #ffffff;
}

.n2DisplayTiled_schema:hover {
	background-color: #dddddd;
}

.n2DisplayTiled_filters {
	padding: 30px 10px;
	text-align: right;
}
.n2DisplayTiled_filters:after {
	content: "";
	display: table;
	clear: both;
}
.n2DisplayTiled_filters a {
	padding: 3px 8px;
	margin: 2px 3px;
	display: block;
	float: right;
}
.n2DisplayTiled_filter_selected {
	font-weight: bold;
}
.n2DisplayTiled_current_buttons {
	padding: 10px;
	text-align: right;
}
.n2DisplayTiled_current_buttons a {
	margin: 0 10px;   
}
.n2DisplayTiled_current_button_tree_view,
.n2DisplayTiled_current_button_simplified_geoms {
	display: none;
}
.nunaliit_user_advanced .n2DisplayTiled_current_button_tree_view,
.nunaliit_user_advanced .n2DisplayTiled_current_button_simplified_geoms {
	display: inline;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.displayTagAssignment.css --- */
.n2TagAssignment_form div {
	margin: 5px 0;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.couchEdit.css --- */
/* Following definitions are for n2.couchEdit */

/* DIV that holds editor accordion */
.n2_display_format_tiled .n2CouchEditor_container {
	padding: 15px 20px;
	width: 600px;
}

/* Remove extra white space in accordion */
div.n2CouchEditor_container .ui-accordion-content {
	padding: 0;
}

/* Hide portion of the 'add file' form that should not
   appear during the dialog */
.editorAddFileDialog .editorAddFileFormEditorLine {
	display: none;
}

/* Hide portion of the 'add file' form that should not
   appear when form is attached to editor */
.editorAttachFile .editorAddFileFormDialogLine {
	display: none;
}

.editorSelectDocumentDialogResults {
	overflow: auto;
	max-height: 400px;
}

/* Attachment Editor */
.attachmentEditor_att form.attachmentEditor_form input {
	display: none;
}

form.attachmentEditor_creationForm {
	clear: both;
	height: 100px;
	margin-top: 10px;
}

.n2_cordova form.attachmentEditor_creationForm {
	height: 200px;
}

form.attachmentEditor_creationFormWithVideo {
	height: 275px;
}

.attachmentEditor_label {
	padding-right: 3px;
}

.attachmentEditor_delete {
	padding-left: 3px;
}

.attachmentEditor_photoPreview {
	max-width: 70%;
	max-height: 100px;
}

.n2_cordova .attachmentEditor_photoPreview {
	max-height: 150px;
	margin-left: 20px;
}

.attachmentEditor_fileName {
	font-style: italic;
	text-align: center;
}

.attachmentEditor_hiddenFileInput {
	display: none;
}

.attachmentEditor_buttonDiv {
	margin: 10px 0;
}

.attachmentEditor_fileInputLabel {
	border: 1px solid grey;
	display: inline-block;
	padding: 3px 6px;
	background-color: #f5f5f5;
}

.attachmentEditor_cordovaCaptureButtonsContainer,
.attachmentEditor_uploadTabs {
	float: left;
	width: 29%;
}

.attachmentEditor_uploadTabs {
	border: 1px solid #ddd;
	margin-bottom: 15px;
}

.attachmentEditor_uploadTabs button {
	display: block;
	color: black;
	padding: 6px 6px;
	width: 100%;
	border: 1px solid #ddd;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	background-color: #f5f5f5;
	font: bold 1em helvetica, sans-serif;
}

.attachmentEditor_uploadTabs button:disabled {
	color: #888;
}

.attachmentEditor_uploadTabs button:hover {
	background-color: #ddd;
}

.attachmentEditor_uploadTabs button.active {
	background-color: #ccc;
	color: black;
}

.attachmentEditor_uploadTabContent {
	display: none;
	padding-left: 2%;
	overflow: auto;
}

.attachmentEditor_clearfix {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.attachmentEditor_sectionLabel {
	font-weight: bold;
	float: left;
	margin: 0;
	padding-right: 8px;
	width: 30%;
}

.attachmentEditor_micButton {
	background-image: url('/js-external/images/open-iconic/microphone-6x-white.png');
	background-size: 75% 75%;
	background-color: #328643;
	border-radius: 50%;
	border: 5px solid #328643;
	height: 45px;
	width: 45px;
	background-repeat: no-repeat;
	background-position: center;
}

.attachmentEditor_micButton:disabled {
	background-color: #d3d3d3;
	border-color: #d3d3d3;
}

.attachmentEditor_videoButton {
	background-image: url('/js-external/images/open-iconic/video-6x-white.png');
	background-size: 75% 75%;
	background-color: #328643;
	border-radius: 50%;
	border: 5px solid #328643;
	height: 45px;
	width: 45px;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: top;
}

.attachmentEditor_videoButton:disabled {
	background-color: #d3d3d3;
	border-color: #d3d3d3;
}

.attachmentEditor_stopRecordingButton {
	background-image: url('/js-external/images/open-iconic/media-stop-6x-white.png');
	background-size: 100% 100%;
	border-radius: 50%;
	height: 45px;
	width: 45px;
	margin: auto;
}

.attachmentEditor_videoRecordingContainer > .attachmentEditor_stopRecordingButton {
	vertical-align: top;
}

.attachmentEditor_stopRecordingButton {
	background-color: #f3494c;
	border: 5px solid #f3494c;
}

.attachmentEditor_stopRecordingButton:disabled {
	background-color: #d3d3d3;
	border: 5px solid #d3d3d3;
}

.attachmentEditor_recordingContainer, .attachmentEditor_videoRecordingContainer {
	float: left;
	text-align: center;
}

.attachmentEditor_videoRecordingContainer > .attachmentEditor_meVideo {
  max-width: 322px;
  max-height: 300px;
  margin-left: 25px;
	float: right;
}

.attachmentEditor_recordingContainer > audio {
	margin-left: 25px;
}

/* Related Doc */
.n2RelatedDoc_dialog .attachmentEditor_label {
	display: none;
}

/* Cordova css */
.attachmentEditor_cordovaRecordingControls {
	display: flex;
	align-items: center;
	justify-content: center;
}

.cordova-btn {
	position: relative;
	display: block;
	overflow: hidden;
	outline: none;
	border-radius: 2px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
	transition: background-color .3s;
	background: #e6e6e6;
	padding: 5px 7px 4px 30px;
	text-align: left;
}

.cordova-btn > * {
	position: relative;
}

.cordova-btn span {
	display: block;
	padding: 12px 24px;
}

.cordova-btn:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 0;
	padding-top: 0;
	border-radius: 100%;
	background-color: rgba(255, 255, 255, 0.3);
  	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.cordova-btn:active:before {
	width: 120%;
	padding-top: 120%;
	transition: width .2s ease-out, padding-top .2s ease-out;
}

.n2_cordova *, 
.n2_cordova *:before, 
.n2_cordova *:after {
	box-sizing: border-box;
}

.cordova-remove-button {
	margin-bottom: 15px;
}

.cordova-location-toggle {
	margin: 15px 0px;
}

.cordova-preview-button {
	margin-bottom: 15px;
	background-color: #747474 !important;
	color: white;
}

.width-100 {
	width: 100px;
}

.width-150 {
	width: 150px;
}

.width-200 {
	width: 200px;
}

.cordova-icon {
	background-repeat: no-repeat;
	border: 6px solid #e6e6e6;
}

.icon-camera {
	background-image: url('images/ic_camera.png');   
}

.icon-file {
	background-image: url('images/ic_attach.png');   
}

.icon-video {
	background-image: url('images/ic_videocam.png');
}

.icon-audio {
	background-image: url('images/ic_mic.png');
}

.icon-remove {
	background-image: url('images/ic_delete.png');   
}

.icon-record {
	background-image: url('images/ic_record.png');
}

.icon-stop {
	background-image: url('images/ic_stop.png');   
}

.icon-checked {
	background-image: url('images/ic_checked.png');   
}

.icon-unchecked {
	background-image: url('images/ic_unchecked.png');   
}

.icon-preview {
	background-image: url('images/ic_preview.png');
	background-repeat: no-repeat;
	border: 6px solid #747474;   
}

/* --- ./src/main/js/nunaliit2/css/basic/n2.couchShow.css --- */
/*
 * Icons
 */
div.n2Show_icon_wrapper {
/*	font-family: Geneva, Helvetica, Arial, sans-serif; 
	font-size:   70%;
	text-align: center;*/
}

/* 26x26 icons */
div.n2Show_icon_audio, 
div.n2Show_icon_image, 
div.n2Show_icon_video, 
div.n2Show_icon_file,
div.n2Show_icon_speaker {
	display: block;
	width: 75px;
	height: 75px;
	margin: 10px auto;
	cursor:pointer;
}
div.n2Show_icon_audio {
	background: transparent url(images/lrg_image_speaker.png) no-repeat 0 0; 
}
div.n2Show_icon_video {
	background: transparent url(images/video_icon.png) no-repeat 0 0; 
}
div.n2Show_icon_image {
	background: transparent url(images/image_icon.png) no-repeat 0 0; 
}
div.n2Show_icon_file {
	background: transparent url(images/file_icon.png) no-repeat 0 0; 
}
div.n2Show_icon_speaker {
	background: transparent url(images/image_speaker.png) no-repeat; 
}
div.n2Show_icon_image:hover, 
div.n2Show_icon_video:hover, 
div.n2Show_icon_file:hover, 
div.n2Show_icon_audio:hover, 
div.n2Show_icon_speaker:hover {
	background-position: -75px 0;
}

.n2Show_docNotFound {
	color: #ff0000;
}

.n2show_findNotAvailable {
	display: none;
}

/* Document list */
.n2show_documentList_item a {
	text-decoration: none;
}
.n2show_documentList_item.nunaliit_hovered {
	background-color: #ccf;
}
.n2show_documentList_item.nunaliit_selected {
	font-weight: bold;
}

.n2Show_userName::before {
	content: '('
}

.n2Show_userName::after {
	content: ')'
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.couchAuth.css --- */
/* Login dialog window */
.n2Auth_login .n2Auth_login_label {
	float: left;
	width: 100px;
}

.n2Auth_login .n2Auth_login_input {
	width: 100%;
	min-width: 250px;
	padding-top: 10px;
}

.n2Auth_login .n2Auth_login_input input {
	width: 100%;
	padding: 8px 0px;
	border: none;
	border-bottom: 1px solid #aaaaaa;
	box-shadow: none;
	outline: none;
	font-size: 1.4em;
}

.n2Auth_login .n2Auth_login_input input:focus {
	border-bottom: 1px solid #0379CF;
}

.n2Auth_login_button_line,
.n2Auth_login_create_line,
.n2Auth_login_recover_line {
	padding: 5px 0px;
	text-align: center;
	display: block;
	clear: both;
}

.n2Auth_button_login {
	border-radius: 2px;
	border: none;
	padding: 5px 16px;
	height: 32px;
	color: white;
	font-weight: bold;
	background-color: #0185e6;
	box-shadow: 0px 1px 3px #999999;
	transition: all 0.3s ease;
}

.n2Auth_button_login:focus {
	background-color: #0379CF;
	box-shadow: 0px 3px 5px #999999;
	transition: all 0.3s ease;
}

/* User login dialog - input field label styling */
.n2Auth_login_user_line .n2Auth_input_field + .n2Auth_login_label,
.n2Auth_login_pw_line .n2Auth_input_field + .n2Auth_login_label,
.n2_input_change_detector .n2Auth_login_user_line .n2Auth_input_field + .n2Auth_login_label,
.n2_input_change_detector .n2Auth_login_pw_line .n2Auth_input_field + .n2Auth_login_label {
	position: absolute;
	padding-left: 2px;
	font-size: 1.4em;
	width: auto;
	transition: all 0.3s ease;
	color: #aaaaaa;
	pointer-events: none;
}

.n2_input_change_detector .n2Auth_login_user_line .n2Auth_input_field + .n2Auth_login_label {
	top: 29px;
}

.n2_input_change_detector .n2Auth_login_pw_line .n2Auth_input_field + .n2Auth_login_label {
	top: 85px;
}

.n2Auth_login_user_line .n2Auth_input_field + .n2Auth_login_label,
.n2_input_change_detector .n2Auth_login_user_line .n2Auth_input_field:focus + .n2Auth_login_label,
.n2_input_change_detector .n2Auth_login_user_line .n2Auth_input_field.n2_input_detected + .n2Auth_login_label {
	top: 0px;
	font-size: 0.9em;
	transition: all 0.3s ease;    
	color: #0379CF;
}

.n2Auth_login_pw_line .n2Auth_input_field + .n2Auth_login_label,
.n2_input_change_detector .n2Auth_login_pw_line .n2Auth_input_field:focus + .n2Auth_login_label,
.n2_input_change_detector .n2Auth_login_pw_line .n2Auth_input_field.n2_input_detected + .n2Auth_login_label {
	top: 58px;
	font-size: 0.9em;
	transition: all 0.3s ease;
	color: #0379CF;
}

/* Create user dialog window */
.n2Auth_create .n2Auth_create_label {
	float: left;
	width: 120px;
}

.n2Auth_create .n2Auth_create_input {
	width: 100%;
	min-width: 250px;
	padding-top: 10px;
}

.n2Auth_create .n2Auth_create_input input {
	width: 100%;
	padding: 8px 0px;
	border: none;
	border-bottom: 1px solid #aaaaaa;
	box-shadow: none;
	outline: none;
	font-size: 1.4em;
}

.n2Auth_create .n2Auth_create_input input:focus {
	border-bottom: 1px solid #0379CF;
}

.n2Auth_create_button_line {
	padding: 5px 0px;
	text-align: center;
	display: block;
	clear: both;
}

.n2Auth_button_create {
	border-radius: 2px;
	border: none;
	padding: 5px 16px;
	height: 32px;
	color: white;
	font-weight: bold;
	background-color: #0185e6;
	box-shadow: 0px 1px 3px #999999;
	transition: all 0.3s ease;
}

.n2Auth_button_create:focus {
	background-color: #0379CF;
	box-shadow: 0px 3px 5px #999999;
	transition: all 0.3s ease;
}

/* Create user dialog - input field label styling */
.n2Auth_create_email_line .n2Auth_input_field + .n2Auth_create_label,
.n2Auth_create_user_line .n2Auth_input_field + .n2Auth_create_label,
.n2Auth_create_display_line .n2Auth_input_field + .n2Auth_create_label,
.n2Auth_create_pw1_line .n2Auth_input_field + .n2Auth_create_label,
.n2Auth_create_pw2_line .n2Auth_input_field + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_email_line .n2Auth_input_field + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_user_line .n2Auth_input_field + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_display_line .n2Auth_input_field + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_pw1_line .n2Auth_input_field + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_pw2_line .n2Auth_input_field + .n2Auth_create_label {
	position: absolute;
	padding-left: 2px;
	font-size: 1.4em;
	width: auto;
	transition: all 0.3s ease;
	color: #aaaaaa;
	pointer-events: none;
}

.n2_input_change_detector .n2Auth_create_email_line .n2Auth_input_field + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_user_line .n2Auth_input_field + .n2Auth_create_label {
	top: 29px;
}

.n2_input_change_detector .n2Auth_create_display_line .n2Auth_input_field + .n2Auth_create_label {
	top: 82px;
}

.n2_input_change_detector .n2Auth_create_pw1_line .n2Auth_input_field + .n2Auth_create_label {
	top: 136px;
}

.n2_input_change_detector .n2Auth_create_pw2_line .n2Auth_input_field + .n2Auth_create_label {
	top: 190px;
}

.n2Auth_create_email_line .n2Auth_input_field + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_email_line .n2Auth_input_field:focus + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_email_line .n2Auth_input_field.n2_input_detected + .n2Auth_create_label,
.n2Auth_create_user_line .n2Auth_input_field + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_user_line .n2Auth_input_field:focus + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_user_line .n2Auth_input_field.n2_input_detected + .n2Auth_create_label {
	top: 0px;
	font-size: 0.9em;
	transition: all 0.3s ease;
	color: #0379CF;
}

.n2Auth_create_display_line .n2Auth_input_field + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_display_line .n2Auth_input_field:focus + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_display_line .n2Auth_input_field.n2_input_detected + .n2Auth_create_label {
	top: 59px;
	font-size: 0.9em;
	transition: all 0.3s ease;
	color: #0379CF;
}

.n2Auth_create_pw1_line .n2Auth_input_field + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_pw1_line .n2Auth_input_field:focus + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_pw1_line .n2Auth_input_field.n2_input_detected + .n2Auth_create_label {
	top: 113px;
	font-size: 0.9em;
	transition: all 0.3s ease;
	color: #0379CF;
}

.n2Auth_create_pw2_line .n2Auth_input_field + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_pw2_line .n2Auth_input_field:focus + .n2Auth_create_label,
.n2_input_change_detector .n2Auth_create_pw2_line .n2Auth_input_field.n2_input_detected + .n2Auth_create_label {
	top: 170px;
	font-size: 0.9em;
	transition: all 0.3s ease;
	color: #0379CF;
}

/* Recover password dialog window */
.n2Auth_recoverPassword .n2Auth_recoverPassword_label {
	float: left;
	width: 120px;
}

.n2Auth_recoverPassword .n2Auth_recoverPassword_input {
	width: 100%;
	min-width: 250px;
	padding-top: 10px;
}

.n2Auth_recoverPassword .n2Auth_recoverPassword_input input {
	width: 100%;
	padding: 8px 0px;
	border: none;
	border-bottom: 1px solid #aaaaaa;
	box-shadow: none;
	outline: none;
	font-size: 1.4em;
}

.n2Auth_recoverPassword .n2Auth_recoverPassword_input input:focus {
	border-bottom: 1px solid #0379CF;
}

.n2Auth_recoverPassword_button_line {
	padding: 5px 0px;
	text-align: center;
	display: block;
	clear: both;
}

.n2Auth_button_recover {
	border-radius: 2px;
	border: none;
	padding: 5px 16px;
	height: 32px;
	color: white;
	font-weight: bold;
	background-color: #0185e6;
	box-shadow: 0px 1px 3px #999999;
	transition: all 0.3s ease;
}

.n2Auth_button_recover:focus {
	background-color: #0379CF;
	box-shadow: 0px 3px 5px #999999;
	transition: all 0.3s ease;
}

/* Recovery password dialog - input field label styling */
.n2Auth_input_field + .n2Auth_recoverPassword_label,
.n2_input_change_detector .n2Auth_recoverPassword_email_line .n2Auth_input_field + .n2Auth_recoverPassword_label {
	position: absolute;
	top: 29px;
	padding-left: 2px;
	font-size: 1.4em;
	width: auto;
	transition: all 0.3s ease;
	color: #aaaaaa;
	pointer-events: none;
}

.n2Auth_input_field + .n2Auth_recoverPassword_label,
.n2_input_change_detector .n2Auth_recoverPassword_email_line .n2Auth_input_field:focus + .n2Auth_recoverPassword_label,
.n2_input_change_detector .n2Auth_recoverPassword_email_line .n2Auth_input_field.n2_input_detected + .n2Auth_recoverPassword_label {
	top: 0px;
	font-size: 0.9em;
	transition: all 0.3s ease;
	color: #0379CF;
}

.n2Auth_userEdit .n2UserEdit_deleteButton {
	display: none;
}

.n2Auth_userEdit .n2UserEdit_editor {
	width: 400px;
}

/* User Agreement */
.n2Auth_user_agreement_label,
.n2Auth_user_agreement_buttons {
	margin-top: 10px;
	margin-bottom: 10px;
}

textarea.n2Auth_user_agreement_content {
	width: 600px;
	height: 400px;
}

/* If Custom Service sets No Dialog mode */
.n2Auth_noDialog {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.n2Auth_noDialog .n2_input_change_detector .n2Auth_login_user_line .n2Auth_input_field + .n2Auth_login_label,
.n2Auth_noDialog .n2_input_change_detector .n2Auth_create_email_line .n2Auth_input_field + .n2Auth_create_label,
.n2Auth_noDialog .n2_input_change_detector .n2Auth_create_user_line .n2Auth_input_field + .n2Auth_create_label
{
    top: 1em;
}

.n2Auth_noDialog .n2Auth_login_user_line .n2Auth_login_input .n2Auth_input_field + .n2Auth_login_label,
.n2Auth_noDialog .n2_input_change_detector .n2Auth_login_user_line .n2Auth_input_field:focus + .n2Auth_login_label,
.n2Auth_noDialog .n2_input_change_detector .n2Auth_login_user_line .n2Auth_input_field.n2_input_detected + .n2Auth_login_label,
.n2Auth_noDialog .n2Auth_create_email_line .n2Auth_create_input .n2Auth_input_field + .n2Auth_create_label,
.n2Auth_noDialog .n2_input_change_detector .n2Auth_create_email_line .n2Auth_input_field:focus + .n2Auth_create_label,
.n2Auth_noDialog .n2_input_change_detector .n2Auth_create_email_line .n2Auth_input_field.n2_input_detected + .n2Auth_create_label,
.n2Auth_noDialog .n2Auth_create_user_line .n2Auth_input_field + .n2Auth_create_label,
.n2Auth_noDialog .n2_input_change_detector .n2Auth_create_user_line .n2Auth_input_field:focus + .n2Auth_noDialog .n2Auth_create_label,
.n2Auth_noDialog .n2_input_change_detector .n2Auth_create_user_line .n2Auth_input_field.n2_input_detected + .n2Auth_create_label,
.n2Auth_noDialog .n2Auth_recoverPassword .n2Auth_input_field:focus + .n2Auth_recoverPassword_label,
.n2Auth_noDialog .n2Auth_recoverPassword .n2Auth_input_field + .n2Auth_recoverPassword_label,
.n2Auth_noDialog .n2_input_change_detector .n2Auth_recoverPassword_email_line .n2Auth_input_field + .n2Auth_recoverPassword_label
{
    top: 4em;
}

.n2Auth_noDialog .n2_input_change_detector .n2Auth_login_pw_line .n2Auth_input_field + .n2Auth_login_label
{
    top: 4em;
}

.n2Auth_noDialog .n2Auth_login_pw_line .n2Auth_login_input .n2Auth_input_field + .n2Auth_login_label
{
    top: 7em;
}

.n2Auth_noDialog .n2Auth_login_pw_line .n2Auth_login_input .n2Auth_input_field:focus + .n2Auth_login_label,
.n2Auth_noDialog .n2_input_change_detector .n2Auth_login_pw_line .n2Auth_login_input .n2Auth_input_field:focus + .n2Auth_login_label,
.n2Auth_noDialog .n2_input_change_detector .n2Auth_login_pw_line .n2Auth_login_input .n2Auth_input_field.n2_input_detected + .n2Auth_login_label
{
    top: 9em;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.displayBox.css --- */
.n2DisplayBoxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	right: 0;
	bottom: 0;
}

.n2DisplayBoxOuter {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

.n2DisplayBoxOuter a img { 
	border: none; 
}

.n2DisplayBoxTitleBar {
	position: relative;
	background-color: #fff;
	min-height: 25px;
	margin: 0 auto;
	padding: 0 10px 0;
}

.n2DisplayBoxImageOuter {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

.n2DisplayBoxImageOuter > .n2DisplayBoxNav { 
	left: 0; 
}

.n2DisplayBoxImageInner { 
	padding: 10px; 
}

.n2DisplayBoxImageWrapper {
    position: relative;
    overflow: hidden;
}

.n2DisplayBoxImageZoomPlus, .n2DisplayBoxImageZoomMinus {
    position: absolute;
    height: 25px;
    width: 25px;
	background-image: url('images/zoom_25.png');
	background-repeat: no-repeat;
	background-color: transparent;
}

.n2DisplayBoxImageZoomPlus {
    top: 20px;
    left: 20px;
	background-position: 0px 0px;
}

.n2DisplayBoxImageZoomPlus:hover {
	background-position: -25px 0px;
}

.n2DisplayBoxImageZoomMinus {
    top: 50px;
    left: 20px;
	background-position: 0px -25px;
}

.n2DisplayBoxImageZoomMinus:hover {
	background-position: -25px -25px;
}

.n2DisplayBoxImageZoomPlus.n2DisplayBoxImageZoomDisabled, 
.n2DisplayBoxImageZoomMinus.n2DisplayBoxImageZoomDisabled {
	display: none;	
}

.n2DisplayBoxNavBtn {
	position: absolute;
	top: 0;
	bottom: 0;
}

a.n2DisplayBoxNavBtn { 
	outline: none;
}

.n2DisplayBoxNavBtnPrev, .n2DisplayBoxNavBtnNext {
	width: 100px;
	display: block;
}
.n2DisplayBoxNavBtnPrev { 
	top: 80px; /* clear the zoom buttons */
	left: 0; 
}
.n2DisplayBoxNavBtnPrev:hover { 
	background-image: url('images/arrow_left.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: right center;
}
.n2DisplayBoxNavBtnNext { 
	right: 0; 
}
.n2DisplayBoxNavBtnNext:hover { 
	background-image: url('images/arrow_right.png');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
}

.n2DisplayBoxLoading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.n2DisplayBoxLoadingImg {
	content: url('images/wait_icon.gif')
}

.n2DisplayBoxDataOuter {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

.n2DisplayBoxDataInner {
	padding: 0 10px; 
	color: #666; 
}

.n2DisplayBoxDataInner .n2DisplayBoxDataDetails { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

.n2DisplayBoxDataCaption { 
	font-weight: bold; 
}

.n2DisplayBoxDataNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			

.n2DisplayBoxButtonClose {
	display: block;
	width: 15px;
	height: 15px;
	margin: 10px auto;
	cursor: pointer;
	background: transparent url('images/x_icon_naked_15.png') no-repeat 0 0;
	float: right;
	content: ''
}

.n2DisplayBoxButtonClose:hover {
	background-position: -15px 0;
}

.n2DisplayBoxButtonDownload {
	display: block;
	width: 30px;
	height: 25px;
	margin: 10px auto;
	color: transparent !important;
	cursor: pointer;
	background: transparent url('images/download_icon_30.png') no-repeat 0 0;
	float: right;
	content: ''
}

.n2DisplayBoxButtonDownload:hover {
	background-position: -30px 0;
}




/* --- ./src/main/js/nunaliit2/css/basic/schema_user.css --- */
.nwpform form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 1em;
}
.nwpform fieldset div {
    clear: both;
    margin: 0.3em 0;
}
.nwpform form {
    margin: 1em;
    width: 27em;
}
.nwpform label {
    float: left;
    margin-right: 1em;
    text-align: right;
    width: 10em;
}
.nwpform legend {
    color: #0B77B7;
    font-size: 1.2em;
}
.nwpform legend span {
    text-align: right;
    width: 10em;
}
.nwpform input {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #DDDDDD;
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    font: bold 0.95em arial,sans-serif;
    padding: 0.15em;
    width: 10em;
}
.nwpform input:hover, .nwpform input:focus {
    background: none repeat scroll 0 0 #F6F6F6;
    border-color: #C5C5C5;
}
.nwpform fieldset {
    border: 1px solid #DDDDDD;
    padding: 0 0.5em 0.5em;
}
.nwpform .radio, .nwpform .date {
    position: relative;
}
.nwpform .radio fieldset, .nwpform .date fieldset {
    border: medium none;
    padding: 1px 0 0 11em;
    width: auto;
}
.nwpform .radio legend, .nwpform .date legend {
    color: #000000;
    font-size: 1em;
}
.nwpform .radio legend span, .nwpform .date legend span {
    display: block;
    left: 0;
    position: absolute;
    top: 0.3em;
    width: 10em;
}
.nwpform .radio label, .nwpform .radio input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    display: inline;
    float: none;
    vertical-align: middle;
    width: auto;
}
.nwpform .radio div {
    clear: none;
    float: left;
    white-space: nowrap;
}
.nwpform input.default {
    color: #BBBBBB;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.olLoadingPanel.css --- */
.olControlN2LoadingPanel,
.n2LoadingPanel_overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.olControlN2LoadingPanel {
	display: none;
}

.n2LoadingPanel_overlay {
	background-color:#ffffff;
	opacity: 0.3;
}

.n2LoadingPanel_outertext {
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #ffffff;
	opacity: 1;
	color: #000000;
	font-weight: bold;
}

/* 
	ControlNunaliitGazetteerItemActive
 */
.olControlEditingToolbar div.olControlNunaliitGazetteerItemActive,
.olControlEditingToolbar div.olControlNunaliitGazetteerItemInactive {
	background-image: url("openlayers/editing_tool_bar.png");
	background-position: 0px 0px;
}

.olControlEditingToolbar div.olControlNunaliitGazetteerItemActive {
	background-position: 0px -24px;
}

/* --- ./src/main/js/nunaliit2/css/basic/n2.displayLayoutFloat.css --- */

.n2_documentDisplay .label, .n2_documentForm .label {
	font-weight: bold;
}

.n2_documentDisplay .n2_layoutFloat div.label, .n2_documentForm .n2_layoutFloat div.label {
	float: left;
	width: 30%;
}

.n2_documentDisplay .n2_layoutFloat div.value, .n2_documentForm .n2_layoutFloat div.value {
	float: left;
	width: 65%;
}

.n2_documentDisplay .n2_layoutFloat div.end, .n2_documentForm .n2_layoutFloat div.end {
	clear: both;
}

.n2_documentForm .n2_layoutFloat input {
	width: 90%;
}
.n2_documentForm .n2_layoutFloat input.n2schema_type_date {
	width: 80%;
}

.n2_documentForm .n2_layoutFloat input[type="checkbox"] {
	width: auto;
}

.n2_documentForm .n2_layoutFloat textarea {
	width: 90%;
	height: 200px;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.openlayers.css --- */
/*
.olControlLayerSwitcher {
	left: 28px !important;
	top: 90px !important;
}

.olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv {
	width: 29px !important;
	height: 29px !important;
	background-image: url('openlayers/settings_icon.png') !important;
}
 
#OpenLayers_Control_MaximizeDiv img {
	display:none !important;
}

.olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv {
	left: -12px !important;
	top: 15px !important;
}

#OpenLayers_Control_MinimizeDiv_innerImage {
	display:none;
}

.olControlLayerSwitcher .layersDiv {
	background: url('openlayers/popup_bg.png') no-repeat top left !important;
	margin-top: 16px !important;
	-moz-border-radius: 4px;
	padding:11px 20px !important;
	margin-left: 21px !important;
	
}

div.olControlZoom {
	top: 50px !important;
	left: 20px !important;
}

div.olControlZoom a { 
	background: rgba(0, 0, 0, 0.7) !important;
}	
*/
/*.olControlEditingToolbar {
	position: absolute;
	right: 350px;
}*/

/*.olControlEditingToolbar div {
	float: left;
}

div.olControlMousePosition {
	right: 25px;
	background: rgba(255, 255, 255, 0.7) !important;
}*/

.olControlAttribution {
	background-color: rgba(255,255,255,0.7);
	padding: 2px;
	bottom: 0;
	right: 120px;
	font-family: Arial;
}

.olControlMousePosition {
	bottom: 0;
	right: 0 !important;
	padding: 2px;
	background: rgba(255, 255, 255, 0.7);
	max-width: 116px;
	text-align: right;
	width: auto;
	word-break: break-all;
}

.olControlScaleLine {
	background-color: rgba(255,255,255,0.7);
	padding: 2px 5px;
	bottom: 18px;
	right: 0;
	left: auto;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.schema.css --- */
/*
	This portion of the CSS deals with the schema display
*/

.n2_localize_fallback {
	font-style: italic;	
}

.n2_localize_fallback_lang {
	color: #ff7777;	
}

.n2schema_array_item {
	position: relative;
	min-height: 58px;
}

.n2_tag_element {
	border-radius: 9999px;
    align-items: center;
    background-color: #f5f5f5;
    color: #2c2c2c;
    display: inline-flex;
    height: 2em;
    justify-content: center;
    line-height: 1.5;
    padding-left: 0.75em;
    padding-right: 0.75em;
	margin-bottom: 0.1em;
    white-space: nowrap;
}

.n2schema_taginput_container {
	-webkit-appearance: none;
    border: 1px solid transparent;
    display: inline-flex;
    font-size: 1rem;
    line-height: 1.5;
    position: relative;
    vertical-align: top;
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: 4px;
    color: #363636;
    box-shadow: inset 0 0.0625em 0.125em hsl(0deg 0% 4% / 5%);
    max-width: 100%;
    width: 100%;
    padding: calc(0.275em - 1px) 0 0;
    cursor: text;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: auto;
}

.n2schema_taginput_container>.n2_tag_element {
    margin-left: 0.275rem;
    margin-bottom: calc(0.275em - 1px);
    height: calc(2em - 1px);
}

.n2schema_taginput_container input.n2schema_input {
    font-family: inherit;
	width: 60%;
	min-width: 8em;
	height: calc(2em - 1px);
    margin-bottom: calc(0.275em - 1px);
    padding-top: 0;
    padding-bottom: 0;
    border: none;
	border-bottom: 1px solid #b6b6b6;
    box-shadow: none;
}

.n2schema_tag_item_delete {
	cursor: pointer;
	margin-left: 0.15em;
	font-size: 1.3em;
    color: #6c6c6c;
}

.n2schema_tag_item_delete:hover {
	color: #000;
}

.n2schema_array_add, .n2schema_array_item_delete, .n2schema_array_item_down, .n2schema_array_item_up {
	width: 16px;
	height: 16px;
	margin: 0px;	
	padding: 0px;
	border: none;
}

.n2schema_array_item:nth-child(1) .n2schema_array_item_up,
.n2schema_array_item:nth-last-child(2) .n2schema_array_item_down {
	display: none;
}

.n2schema_array_add {
	display: inline-block;
	background: url(tree/icons.png) no-repeat;
	background-position: 0px 0px;
	float: right;
}

.n2schema_array_add:hover {
	background-position: -16px 0px;
}

.n2schema_array_item_buttons {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 16px;
	z-index: 1;
}

.n2schema_array_item_delete {
	background: url(tree/icons.png) no-repeat;
	background-position: -160px 0px;
}

.n2schema_array_item_delete:hover {
	background-position: -176px 0px;
}

.n2schema_array_item_down {
	background: url(tree/icons.png) no-repeat;
	background-position: -96px 0px;
}

.n2schema_array_item_down:hover {
	background-position: -112px 0px;
}

.n2schema_array_item_up {
	background: url(tree/icons.png) no-repeat;
	background-position: -64px 0px;
}

.n2schema_array_item_up:hover {
	background-position: -80px 0px;
}

.n2schema_array_item_wrapper {
	margin-right: 16px;
}

.n2schema_referenceDelete {
	display: inline-block;
	width: 0px;
	height: 0px;
	padding: 15px 15px 0px 0px;
	background: url(images/x_icon_naked_15.png) no-repeat;
}

.n2schema_referenceDelete:hover,
.n2schema_help_date:hover,
.n2schema_help_wiki:hover {
	background-position: -15px 0px;
}

.n2schema_help_date {
	display: inline-block;
	width: 0px;
	height: 0px;
	padding: 15px 15px 0px 0px;
	background: url(images/question_icon_naked_15.png) no-repeat;
}

.n2schema_field_container {
	position: relative;
}

.n2schema_help_wiki {
	position:absolute;
	top: 17px;
	right: 7px;
	width: 0;
	height: 0;
	margin: 0;
	border: 0;
	padding: 15px 15px 0px 0px;
	background: url(images/question_icon_naked_15.png) no-repeat;
}

.n2help_content {
	max-width: 500px;
}

.n2_triple_element {
	display: flex;
    flex-direction: column;
}

.n2_documentForm .n2_triple_element {
	gap: 8px;
}

.n2_triple_element .subject,
.predicate, .object {
	display: flex;
	flex-direction: column;
}

/* --- ./src/main/js/nunaliit2/css/basic/n2.dbPerspective.css --- */
/* dbPerspective chooser */
.n2dbPerspective_chooser {
	display: none;
}

.n2_content_contains_map .n2dbPerspective_chooser {
	position: absolute;
	display: block;
	top: 25px;
	left: 10px;
}

.n2dbPerspective_chooser_button {
	background-image: url('openlayers/settings_icon.png');
	width: 28px;
	height: 28px;
	border: none;
	padding: none;
}

.n2dbPerspective_chooser_panel {
	background: url('openlayers/popup_bg.png') no-repeat top left;
	padding: 11px 20px;
	margin: 0 0 0 5px;
}

.n2dbPerspective_chooser_panel_off {
	display: none;
}

/* --- ./src/main/js/nunaliit2/css/basic/n2.forceGraph.css --- */
/* n2ForceGraph_settings */
.n2ForceGraph_settings {
	display: none;
}

.n2_content_contains_map .n2ForceGraph_settings {
	position: absolute;
	display: block;
	top: 100px;
	left: 10px;
}

.n2ForceGraph_settings_button {
	background-image: url('images/config_icon.png');
	width: 28px;
	height: 28px;
	border: none;
	padding: none;
}

.n2ForceGraph_settings_panel {
	background: url('openlayers/popup_bg.png') no-repeat top left;
	padding: 11px 20px;
	margin: 0 0 0 5px;
}

.n2ForceGraph_settings_panel_off {
	display: none;
}

/* --- ./src/main/js/nunaliit2/css/basic/n2.states.css --- */


/* --- ./src/main/js/nunaliit2/css/basic/n2.theme.css --- */
/*! n2.theme.css */

/* ==========================================================================
   - Theme styles for nunaliit demo atlas (Fonts, colors, images, textures etc)
   ========================================================================== */

/*START - Form Styles*/
input[type="text"], input[type="password"], textarea { 
	border: 1px solid #cccccc; 
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 
	color: rgba(0, 0, 0, 0.75); 
	padding: 8px;
}

/* Desktop screens */

/* ============================== */
/* ! HEADER SECTION   */
/* ============================== */

/* Header Title */
.nunaliit_atlas .nunaliit_header {
	border-bottom: 1px solid  rgba(255,255,255,1);
	background-color: #3a3a3a;
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.5);
	box-shadow: 0 3px 8px rgba(0,0,0,0.5);
	color: #fff;
}
.nunaliit_atlas .nunaliit_header input {
	color: #fff;
}
.nunaliit_atlas .nunaliit_header input:disabled {
	color: #ccc;
}
.nunaliit_atlas .nunaliit_title {
	font-size: 2.2em;
	font-weight: 500;
	text-shadow: black 1px 1px 1px;
	color: #fff;
}
.nunaliit_atlas .nunaliit_title_link {
	color: #fff;
}
.nunaliit_atlas .nunaliit_title_link:hover {
	text-decoration: none;
}

/* Sub-Header Title */
.nunaliit_atlas .nunaliit_module_title {
	background-color: #444444;
	border-top: 1px solid #575757;
	color: #fff;
}

.nunaliit_atlas .nunaliit_module_title_item {
	display: inline-block;
	padding: 8px 20px;
}

.nunaliit_atlas .nunaliit_module_title_link {
	color: #fff;
}

.nunaliit_atlas .nunaliit_module_title_link:hover {
	text-decoration: none;
}

/* Header Menu */

.nunaliit_atlas .nunaliit_header-nav a,
.nunaliit_atlas .nunaliit_header-nav a:visited,
.nunaliit_atlas .nunaliit_header-nav span {
	color: #fff;
}
.nunaliit_atlas .nunaliit_header-nav li {
	background-color: #3a3a3a;
	border-left: 1px solid rgba(255,255,255,0.6);
	border-right: 1px solid rgba(255,255,255,0.6);
	border-bottom: 1px solid rgba(255,255,255,0.6);
}
.nunaliit_atlas .nunaliit_header-nav li:hover {
	background-color: #1f1f1f;
}
.nunaliit_atlas .nunaliit_header-nav li:hover ul li:first-child {
	border-left: 1px solid rgba(0,0,0,0.9);
}
.nunaliit_atlas .nunaliit_header-nav>ul {
	background-color: transparent;
}
.nunaliit_atlas .nunaliit_header-nav>ul>li {
	position: relative;
	border-left: 1px solid #838383;
	border-right: 1px solid #838383;
	padding: 0 20px;
	margin: 0 0 0 -1px;
	background-color: #2f2f2f;
	-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
	box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
	height: 100%;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	border-bottom: 0;
}
.nunaliit_atlas .nunaliit_header-nav li.n2_nav_currentModule {
	background-color: #160E7D;
}
.nunaliit_atlas .nunaliit_header-nav ul>li>a:hover {
	background-color: #1f1f1f;
	border-right: 0;
}
.nunaliit_atlas .nunaliit_header-nav>ul>li:hover>ul>li:first-child {
	border-left: 1px solid rgba(255,255,255,0.6);
}
.nunaliit_atlas .nunaliit_header-nav>ul>li>a,
.nunaliit_atlas .nunaliit_header-nav>ul>li>span {
	font-weight: normal;
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 0;
	position: relative;
	top: 35px;	
	padding: 0;
}
.nunaliit_atlas .nunaliit_header-nav>ul>li>ul>li, .nunaliit_atlas .nunaliit_header-nav>ul>li>ul>li:hover {
	/* background-image: url('../images/left-arrow.png'); */
	background-repeat: no-repeat;
	background-position: center right;
}
.nunaliit_atlas .nunaliit_header-nav>ul>li>ul>li>a:hover {
	text-decoration: none;
}
.nunaliit_atlas .nunaliit_header-nav>ul>li>a {
	margin-right: -1px;
}

/* Login (within nunaliit_header_container) */
.nunaliit_atlas .nunaliit_header_container .nunaliit_login {
	position: absolute;
	display: table-row;
	top: 0;
	right: 20px;
	height: 71px;
	overflow: hidden;
	z-index: 10;
}	
.nunaliit_atlas .nunaliit_header_container .nunaliit_login_link_outer_container {
	display: table-cell;
	vertical-align: middle;
	height: 71px;
	width: 36px;
	border-left: 1px solid #838383;
	border-right: 1px solid #838383;
	padding: 0 20px;
	background-color: #2f2f2f;
	-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
	box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
}
.nunaliit_atlas .nunaliit_header_container .nunaliit_login_link_outer_container:hover {
	background-color: #1f1f1f;
}
.nunaliit_atlas .nunaliit_header_container .nunaliit_login_link_inner_container {
	display: inline;
}
.nunaliit_atlas .nunaliit_header_container .nunaliit_login_link {
	text-decoration: none;
	color: #fff;
}
.nunaliit_atlas .nunaliit_header_container .nunaliit_login_greeting_outer_container {
	display: table-cell;
	vertical-align: middle;
	height: 70px;
	padding: 0 20px;
}
.nunaliit_atlas .nunaliit_header_container .nunaliit_login_greeting_inner_container {
	display: inline;
	color: #fff;
}

.nunaliit_login_greeting_with_editor {
	cursor: pointer;
}

/* Login (within nunaliit_module_title) */
.nunaliit_atlas .nunaliit_module_title .nunaliit_login {
	display: none;
	float: right;
}	
.nunaliit_atlas .nunaliit_module_title .nunaliit_login_link_outer_container {
	padding: 8px 20px;
}
.nunaliit_atlas .nunaliit_module_title .nunaliit_login_link_outer_container:hover {
}
.nunaliit_atlas .nunaliit_module_title .nunaliit_login_link_inner_container {
}
.nunaliit_atlas .nunaliit_module_title .nunaliit_login_link {
	color: #fff;
	text-decoration: none;
}
.nunaliit_atlas .nunaliit_module_title .nunaliit_login_greeting_outer_container {
	display: none;
}

/*
Language Switcher
*/
.nunaliit_atlas .nunaliit_header_language {
	float: right;
	padding: 8px 20px;
}
.nunaliit_atlas .nunaliit_header_language a
,.nunaliit_atlas .nunaliit_header_language a:visited {
	color: #fff;
	text-decoration: none;
}

/*
Help Button
*/
.nunaliit_atlas .nunaliit_help_button {
	float: right;
	padding: 8px 20px;
}
.nunaliit_atlas .nunaliit_help_button a
,.nunaliit_atlas .nunaliit_help_button a:visited {
	color: #fff;
	text-decoration: none;
}

/*
CreateDocument widget
*/
.nunaliit_atlas .nunaliit_module_title .n2widget_createDocument {
	float: right;
	padding: 4px 10px;
}
.nunaliit_atlas .nunaliit_module_title .n2widget_createDocument.n2widget_createDocument_asLink {
	padding: 8px 20px;
}
.nunaliit_atlas .nunaliit_module_title .n2widget_createDocumentFromSchema,
.nunaliit_atlas .nunaliit_module_title .n2widget_export,
.nunaliit_atlas .nunaliit_module_title .n2widget_modelBrowser
 {
	float: right;
	padding: 8px 20px;
}
.nunaliit_atlas .nunaliit_module_title .n2widget_createDocument a,
.nunaliit_atlas .nunaliit_module_title .n2widget_createDocumentFromSchema a,
.nunaliit_atlas .nunaliit_module_title .n2widget_export a,
.nunaliit_atlas .nunaliit_module_title .n2widget_modelBrowser a,
.nunaliit_atlas .nunaliit_module_title .n2widget_multiFilterSelection a,
.nunaliit_atlas .nunaliit_module_title .n2widget_multiDropDownFilterSelection a,
.nunaliit_atlas .nunaliit_module_title .n2widget_createDocument a:visited,
.nunaliit_atlas .nunaliit_module_title .n2widget_createDocumentFromSchema a:visited,
.nunaliit_atlas .nunaliit_module_title .n2widget_export a:visited,
.nunaliit_atlas .nunaliit_module_title .n2widget_modelBrowser a:visited,
.nunaliit_atlas .nunaliit_module_title .n2widget_multiFilterSelection a:visited,
.nunaliit_atlas .nunaliit_module_title .n2widget_multiDropDownFilterSelection a:visited {
	color: #fff;
	text-decoration: none;
}

.nunaliit_atlas .nunaliit_module_title .n2widget_multiFilterSelection a,
.nunaliit_atlas .nunaliit_module_title .n2widget_multiFilterSelection a:visited {
	padding-left: 2px;
	padding-right: 2px;
}
.nunaliit_atlas .nunaliit_module_title .n2widget_multiFilterSelection a.n2widget_multiFilterSelection_selected,
.nunaliit_atlas .nunaliit_module_title .n2widget_multiFilterSelection a.n2widget_multiFilterSelection_selected:visited {
	color: #aaf;
}
.nunaliit_atlas .nunaliit_module_title .n2widget_multiDropDownFilterSelection .n2widget_multiDropDownFilterSelection_option a,
.nunaliit_atlas .nunaliit_module_title .n2widget_multiDropDownFilterSelection .n2widget_multiDropDownFilterSelection_option a:visited {
	color: #000;
}

/* ============================== */
/* ! CONTENT SECTION   */
/* ============================== */
/* Main Content Section */
.nunaliit_atlas .nunaliit_content {
	top: 102px;
	bottom: 17px;
}
.nunaliit_atlas .nunaliit_content noscript {
	font: normal;
	font-size: x-large;
}

/* Search */
.nunaliit_atlas .nunaliit_search_input {
	float: right;
	display: inline-flex;
	padding: 4px 0px;
}

.nunaliit_atlas .nunaliit_searchInput
,.nunaliit_atlas .n2_content_searchInput {
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;
}

.nunaliit_atlas .nunaliit_search_input .searchIcon,
.nunaliit_atlas .n2_content_searchInput .searchIcon {
	/* url will need to be updated if included in nunaliity core */
	background-image: url(images/search_icon.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 25px;
	height: 18px;
	padding: 5px 5px 0px 0px;
	cursor: pointer;
}

.nunaliit_atlas .nunaliit_search_input input
,.nunaliit_atlas .n2_content_searchInput input {
	height: 24px;
	width: 0px;
	max-width: 200px;
	margin: 0;
	padding: 0px;
	background-color: transparent;
	font: 400 0.9em helvetica, sans-serif;
	border: none;
	border-bottom: 1px solid #fefefe;
	outline: none;
	line-height: 20px;
}

.nunaliit_atlas .nunaliit_search_input input:active
,.nunaliit_atlas .n2_content_searchInput input:focus {
	border-bottom-width: 2px;
}

.nunaliit_atlas .nunaliit_search_input.search_inactive input,
.nunaliit_atlas .n2_content_searchInput.search_inactive input {
	width: 0px;
	transition: width ease 0.5s;
}

.nunaliit_atlas .nunaliit_search_input.search_active input,
.nunaliit_atlas .n2_content_searchInput.search_inactive input {
	width: 250px;
	transition: width ease 0.5s;
}

/* Side Bar */
.nunaliit_atlas .nunaliit_side
,.nunaliit_atlas .n2_content_text {
	background-color: #fff;
	border-left: 1px solid #656565;
}

/* Map Interactions */
.nunaliit_atlas .map_interaction input
,.nunaliit_atlas .n2_content_map_interaction input { 
	background: #000;
	color: #fff;
	padding: 8px;
	border: 0;
	opacity: 0.7;
}
.nunaliit_atlas .map_interaction input:hover
,.nunaliit_atlas .n2_content_map_interaction input:hover {
	opacity: 1;
}

/* DbPerspectiveChooser */
.nunaliit_atlas .n2dbPerspective_chooser {
	font: bold smaller sans-serif;
	color: #fff;
}

.n2dbPerspective_chooser_line_label,
.n2dbPerspective_chooser_line_input {
	display: inline-block;
	vertical-align: top;
}

.n2dbPerspective_chooser_line_label {
	width: 125px;
}

.n2dbPerspective_chooser_line_label {
	padding-left: 5px;
}

.n2dbPerspective_chooser_panel {
	position: absolute;
	top: 0;
	left: 28px;
	width: 145px;
}

/* Force Graph Settings */
.nunaliit_atlas .n2ForceGraph_settings {
	font: bold smaller sans-serif;
	color: #fff;
}

.n2ForceGraph_settings_line_label,
.n2ForceGraph_settings_line_input {
	display: inline-block;
	vertical-align: top;
}

.n2ForceGraph_settings_line_label {
	width: 125px;
}

.n2ForceGraph_settings_line_label {
	padding-left: 5px;
}

.n2ForceGraph_settings_panel {
	position: absolute;
	top: 0;
	left: 28px;
	width: 145px;
}

/* Table of Contents */
.nunaliit_atlas .nunaliit_table_of_contents ul li a {
	border-bottom: 1px solid rgba(0,0,0,0.3);
	color: #000;
	text-decoration: none;
}
.nunaliit_atlas .nunaliit_table_of_contents ul img {
	border: 1px solid rgba(0,0,0,0.5);
}
.nunaliit_atlas .nunaliit_table_of_contents>ul>li>ul>li>a {
	font-size: 1.1em;
	font-weight: bold;
}

/* Buttons */
.nunaliit_atlas .n2Display_buttons {
	margin: 10px 0;
	display: block;
}
.nunaliit_form_link
,.n2s_adjustedExternalMediaLink {
	padding: 10px 10px 10px 15px;
	text-decoration: none;
	margin-right: 3px;
	border: 1px solid #c3c1c1;
	background-color: #eee;
	font-weight: normal;
	color: #000;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	vertical-align: top;
}
.nunaliit_form_link.n2show_findNotAvailable {
	display: none;
}
.nunaliit_atlas .n2ModuleIntro {
	padding: 20px;
}
.intro {
	text-align: left;
	vertical-align: text-top;
	margin: 0 0 10px 0;
	display: inline-block;
}
.nunaliit_form_link:hover
,.n2s_adjustedExternalMediaLink:hover { 
	background-color: #e9e6e6;
	-moz-box-shadow: 1px 1px 2px #b8b8b8;
	-webkit-box-shadow: 1px 1px 2px #b8b8b8;
	box-shadow: 1px 1px 2px #b8b8b8;
	border: 1px solid #9e9e9e;
}

.nunaliit_form_link_tree_view {
	display: none;
}

.nunaliit_user_administrator .nunaliit_form_link_tree_view,
.nunaliit_user_advanced .nunaliit_form_link_tree_view {
	display: -moz-inline-stack;
	display: inline-block;
}

.intro b {
	font-size: 26px;
	font-weight: normal;
	display: block;
}

/* Attachment status */
.n2Display_attProgress_icon {
	display: none;
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 5px 0 0;
}

.n2Display_attProgress_waiting .n2Display_attProgress_icon {
	display: block;
	background: transparent url(images/consensus_icon.svg) no-repeat 0 0;
	background-size: cover;
}

.n2Display_attProgress_busy .n2Display_attProgress_icon {
	display: block;
	background: transparent url(images/wait_icon.gif) no-repeat 0 0; 
}

.n2Display_attProgress_denied .n2Display_attProgress_icon {
	display: block;
	background: transparent url(images/denied_sign.png) no-repeat 0 0; 
}

.n2Display_attProgress_message {
	line-height: 50px;
}

.n2Display_attProgress_outer_end {
	clear: both;
}

/* Accordian Interaction - Overide Styles for Jquery UI styling*/
.ui-widget-overlay {
	background-image: none;
	background-color: #000;
	opacity: .45;
	filter: Alpha(Opacity=45);
}
.ui-corner-all {
	-moz-border-radius: 0;
	border-radius: 0;
}
/* .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default */
.ui-accordion .ui-state-default {
	border: none;
	background: none;
	font-weight: normal;
	color: #555555;
}
.ui-accordion .ui-accordion-content {
	padding: 0;
	border-top: 0;
	margin-top: 0;
	position: relative;
	top: 0;
	margin-bottom: 0;
	overflow: visible;
	zoom: 1;
}
.ui-effects-wrapper {
	padding: 0;
}
.ui-accordion .ui-accordion-header a {
	display: block;
	padding: 18px 18px 18px 38px;
	border: 1px solid #cccccc;
	font-weight: bold;
	color: #000;
}
.ui-accordion .ui-accordion-header .ui-icon {
	left: 12px;
}
.olkitSearchMod2_0, .olkitSearchMod2_1 {
	background-color: #fff;
	padding: 10px;
	-moz-box-shadow: 1px 1px 3px #e1dfdf;
	-webkit-box-shadow: 1px 1px 3px #e1dfdf;
	box-shadow: 1px 1px 3px #e1dfdf;
}
.editorSelectDocumentDialog .olkitSearchMod2_0, 
.editorSelectDocumentDialog .olkitSearchMod2_1 {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.editorSelectDocumentDialog_suggestedHeader {
	font-weight: bold;
}

.editorSelectDocumentDialog_suggestedList {
	min-height: 50px;
	overflow: auto;
	max-height: 400px;
}

._n2DocumentListEntry {
	border-bottom: 1px solid #cccccc;
	border-top: none;
	border-left: none;
	border-right: none;
}

._n2DocumentListEnd {
	border: none;
}

.n2Show_thumb_wrapper {
	margin-bottom: 2px;
	text-align: center;
}
.n2Show_thumb_wrapper img {
	width: 100%;
	padding: 0;
	margin: 0 auto 10px auto;
	border: 1px solid #ddd;
}
.n2Show_thumb_wrapper img:hover {
	opacity: 0.85;
	cursor: pointer;
}
.ui-corner-bottom {
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-border-bottom: 0;
	border-bottom: 0;
}
.ui-widget {
	font-family: inherit;
	font-size: inherit;
}
.ui-widget-content {
	background-color: #ffffff;
	color: #000000;
	border-radius: 2px;
	border: none !important;
}
.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e { 
	background-image: url('images/bullet_add.png');
	background-position: -8px -7px; 
	background-repeat: no-repeat;
}
.ui-accordion .ui-accordion-header.ui-state-active .ui-icon.ui-icon-triangle-1-s { 
	background-image: url('images/bullet_minus.png');
	background-position: -8px -7px; 
	background-repeat: no-repeat;
}
.n2CouchEditor_container .ui-accordion-content {
	padding: 0;
	height: auto !important;
}
.n2s_adjustedExternalMediaLink {
	padding-right: 25px;
	background-image: url('images/download_file_bg.png');
	background-repeat: no-repeat;
	background-position: center right;
	margin-bottom: 10px;
	margin-right: 0;
	display: block;
}
.n2s_adjustedExternalMediaLink:hover {
	text-decoration: none;
}
.n2s_externalMediaLinkName {
	font-weight: normal;
	font-style: italic;
	font-size: 0.8em;
	color: #848484;
	width: 100px;
	overflow: hidden;
}
.ui-widget-header {
	border: none;
	background: none;
	color: #000;
	font-weight: bold;
}
.ui-button-text {
	border: 1px solid #c3c1c1;
	background-color: #eee;
	color: #000;
	margin-right: 3px;
}
.ui-button-text:hover {
	background-color: #e9e6e6;
	-moz-box-shadow: 1px 1px 2px #b8b8b8;
	-webkit-box-shadow: 1px 1px 2px #b8b8b8;
	box-shadow: 1px 1px 2px #b8b8b8;
	border: 1px solid #9e9e9e;
}
.n2Auth_login_input, .n2Auth_input_field {
	margin-bottom: 5px;
}
.ui-state-active {
	border: 0;
	background: transparent;
}
.editorButtons {
	margin: 10px 0;
}
/*END - Override Styles for Jquery UI styling*/

/* Side Bar Labels */
.nunaliit_atlas .value {
	margin: 5px 0;
}
.nunaliit_atlas .label {
	margin: 5px 0;
	padding-right: 8px;
	width: 30%;
	font-size: 1em/1.2em;	
}
.nunaliit_atlas span.label {
	display: inline-block;
}

/* ============================== */
/* ! FOOTER SECTION   */
/* ============================== */

.nunaliit_atlas .nunaliit_footer {
	font-size: 0.75em;	
	color: white;
	border-top: 1px solid rgba(255,255,255,1);
	background-color: #3a3a3a;
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.5);
	box-shadow: 0 3px 8px rgba(0,0,0,0.5);
	text-align: right;
}
.nunaliit_atlas .nunaliit_footer_content {
	margin-right: 5px;
	padding-right: 20px;
	border-right: 1px solid rgba(255,255,255,0.3);
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.nunaliit_atlas .nunaliit_footer_nav ul li {
	border-right: 1px solid rgba(255,255,255,0.3);
	color: #fff;
}
.nunaliit_atlas .nunaliit_footer_nav ul li:first-child {
	border-right: none;
}
.nunaliit_atlas .nunaliit_footer_nav ul li a {
	color: #fff;
	text-decoration: none;
}
.nunaliit_atlas .nunaliit_footer_nav ul li a:hover {
	text-decoration: underline;
}

/* Smaller screens */
@media only screen and (max-width: 1023px) {
	
}

/* Mobile */
@media handheld, only screen and (max-width: 767px) {

}

.n2s_insertedReferenceLink {
	cursor: pointer;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.theme-application.css --- */
/*
	Login
*/
.nunaliit_application .nunaliit_login {
	position: absolute;
	display: table-row;
	top: 0;
	right: 0px;
	height: 40px;
	overflow: hidden;
	z-index: 10;
}
.nunaliit_application .nunaliit_login_link_outer_container {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}
.nunaliit_application .nunaliit_login_link_inner_container {
	display: inline;
}
.nunaliit_application .nunaliit_login_link {
	padding: 10px 10px 10px 15px;
	text-decoration: none;
	margin-right: 3px;
	border: 1px solid #c3c1c1;
	background-color:#eee;
	font-weight: normal;
	color: #000;
}

.nunaliit_application a.nunaliit_login_link:hover {
	background-color: #e9e6e6;
	-moz-box-shadow: 1px 1px 2px #b8b8b8;
	-webkit-box-shadow: 1px 1px 2px #b8b8b8;
	box-shadow: 1px 1px 2px #b8b8b8;
	border: 1px solid #9e9e9e;
}
.nunaliit_application .nunaliit_login_greeting_outer_container {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	height: 40px;
}
.nunaliit_application .nunaliit_login_greeting_inner_container {
	display: inline;
	padding-right: 10px;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.zoomify.css --- */
/*
	This portion of the CSS deals with the zoomify image wrapper
*/

/*
	.n2_zoomify_image_wrapper {
		position: relative;
		text-align: left;
		width: 800px;
		height: 400px;
		overflow: auto;
		margin: 10px auto;
		border: 1px solid #000;
		background: #AAA url("./zoomify/loader.gif") no-repeat 50% 50%;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		user-select: none;
	}

	.n2_zoomify_image_wrapper.js-active {
		cursor: move;
		background-image: none;
	}

	.js-enabled .n2_zoomify_image_wrapper {
		overflow: hidden;
		position: relative;
	}

	.js-enabled .n2_zoomify_image_wrapper .n2_zoomify_image {
		visibility: hidden;
		position: relative;
	}
*/
	.n2_zoomify_image_wrapper {
		overflow: hidden;
		position: relative;
	}

	.n2_zoomify_image_wrapper .n2_zoomify_image {
		visibility: hidden;
		position: relative;
	}

	.n2_zoomify_image_wrapper div {
		padding: 0;
	}

	.n2_zoomify_image_wrapper div.n2_zoomify_control {
		width: 26px;
		height: 26px;
	}

	.n2_zoomify_image_wrapper div.n2_zoomify_in,
	.n2_zoomify_image_wrapper div.n2_zoomify_out {
		background: url("./zoomify/zoom-in.png") no-repeat 0 0;
		position: absolute;
		left: 10px;
		top: 10px;
	}

	.n2_zoomify_image_wrapper div.n2_zoomify_out {
		background-image: url("./zoomify/zoom-out.png");
		top: 46px;
	}

	.n2_zoomify_image_wrapper div.n2_zoomify_off {
		background-position: 0 100%;
	}

	@media(max-device-width: 480px) {

		.n2_zoomify_image_wrapper {
			border-width: 5px;
		}

		.n2_zoomify_image_wrapper div.n2_zoomify_in,
		.n2_zoomify_image_wrapper div.n2_zoomify_out {
			background-image: url("./zoomify/zoom-in-104.png");
			width: 104px;
			height: 104px;
		}

		.n2_zoomify_image_wrapper div.n2_zoomify_out {
			background-image: url("./zoomify/zoom-out-104.png");
			left: auto;
			right: 10px;
			top: 10px;
		}

	}


/* --- ./src/main/js/nunaliit2/css/basic/n2.tiledImage.css --- */
/*
	This portion of the CSS deals with the tiled image
*/
.n2TiledImage,
.n2TiledImage_map,
.n2TiledImage_footer {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.n2TiledImage {
	top: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #f0f0f0;
	z-index: 100;
}

.n2TiledImage_container {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
}

.n2TiledImage_map {
	top: 0px;
	background-color: #000000;
}

.n2TiledImage_footer {
	background-color: #f0f0f0;
}

.n2TiledImage_close {
	display: block;
	width: 15px;
	height: 15px;
	margin: 10px;
	cursor: pointer;
	background: transparent url('images/x_icon_naked_15.png') no-repeat 0 0;
	float: right;
	content: '';
}

.n2TiledImage_close:hover {
	background-position: -15px 0;
}

.n2TiledImage_desc {
	margin: 5px;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.canvasReferenceBrowser.css --- */
.n2ReferenceBrowserCanvas {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: auto;
	padding: 5px;
	background-color: #fff;
}

.n2ReferenceBrowserCanvas table,
.n2ReferenceBrowserCanvas th,
.n2ReferenceBrowserCanvas td {
	border: solid 1px #cccccc;
}

.n2ReferenceBrowserCanvas td a {
	color: #000000;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.canvasTable.css --- */
.n2TableCanvas {
	overflow: auto;
	padding: 10px;
}

.n2TableCanvas td,
.n2TableCanvas th {
	border: 1px solid #000000;
	white-space: pre-line;
}

.n2TableCanvas td.n2TableCanvas_lazyDisplay {
	height: 10px;
}

/* Table Row Counter */
.n2TableCanvas .n2TableCanvasRowCounter {
	display: inline;
	border: 1px solid #999999;
	border-radius: 2px;
	margin: 9px 5px 9px 0px;
	padding: 2px 5px;
}


/* --- ./src/main/js/nunaliit2/css/basic/n2.canvasGrid.css --- */
.n2gridcanvas {
	overflow-y: auto;
	padding: 10px;
	text-align: center;
}

.n2gridcanvas .n2gridcanvas_cell {
	overflow: hidden;
	width: 150px;
    height: 150px;
    display: inline-block;
    margin: 2px;
    position: relative;
    cursor: pointer;
    vertical-align: top; /* Required to fix alignment in safari */
    background-color: #F9F9F9;
}

.n2gridcanvas .n2gridcanvas_cell.n2gridcanvas_cell_hovered {  	
    background-color: #FAECC7;
}

.n2gridcanvas .n2gridcanvas_cell.n2gridcanvas_cell_selected {  	
    background-color: #CCEFEF;
}

.n2gridcanvas .n2gridcanvas_cell .n2gridcanvas_cell_label > span > span{
    position: absolute;
    width: 100%;
    height: 60%;
    left: 0;
    bottom: 0;
    color: #000000;
    text-align: center;
    text-shadow: -1px 1px 2px #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    opacity: 0.9;
    overflow-wrap: break-word;
}

/* div position and dimensions are defined on label to mask click events on the media view show service */ 
.n2gridcanvas .n2gridcanvas_cell .n2gridcanvas_cell_label {
    position: absolute;
    height: 150px;
    width: 150px;
    top: 0;
    left: 0;
}

.n2gridcanvas .n2gridcanvas_cell.n2gridcanvas_cell_selected .n2gridcanvas_cell_label span {
	opacity: 1.0;
}

.n2gridcanvas .n2gridcanvas_cell .n2gridcanvas_cell_image img {
    width: 150px;
    height: 150px;
    border-radius: 2px;
    object-fit: cover;
}

.n2gridcanvas .n2gridcanvas_cell.n2gridcanvas_cell_selected .n2gridcanvas_cell_image img {
    opacity: 0.4;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

/* --- ./src/main/js/nunaliit2/css/basic/n2.canvasVerticalTimeline.css --- */
.n2_vertical_timeline {
	width: 100%;
	height: 100%;
	display: block;
}

.n2_vertical_timeline .n2_vertical_timeline_index {
    width: 95px;
	height: 100%;
	float: left;
	background-color: #444444;
	box-shadow: 1px 0px 2px 1px #000;
	overflow: hidden auto;
}

.n2_vertical_timeline .n2_vertical_timeline_index ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	justify-content: space-around;
}

.n2_vertical_timeline .n2_vertical_timeline_index ul li {
	background-color: #ffffff;
	border-radius: 2px;
	color: #000000;
	font-weight: bold;
	display: inline-block;
	width: 73px;
	text-align: center;
}

.n2_vertical_timeline .n2_vertical_timeline_index ul li a {
    color: #333333;
	text-decoration: none;
	display: block;
	font-family: arial;
	font-size: 1em;
}

.n2_vertical_timeline .n2_vertical_timeline_index ul li:hover,
.n2_vertical_timeline .n2_vertical_timeline_index ul li.active {
	padding: 2px;
	width: 78px;
	cursor: pointer;
	transition: all 0.2s ease;
	background-color: teal;
}

.n2_vertical_timeline .n2_vertical_timeline_index ul li:hover a,
.n2_vertical_timeline .n2_vertical_timeline_index ul li.active a {
	color: #ffffff;
	transition: color 0.1s ease;
}

.n2_vertical_timeline .n2_vertical_timeline_list {
	width: 100%; 
	width: calc(100% - 95px); /* Minus 95px index width from timeline container */
	height: 100%;
	overflow-y: auto;
	float: right;
	scroll-behavior: smooth;
}

.n2_vertical_timeline .n2_vertical_timeline_list ul {
	padding-inline-start: 0px;
}
	
.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item {
    margin: 0 auto;
	width: 5px;
	background-color: #333333;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item .n2_vertical_timeline_item_content {
    padding: 10px 5px 5px 0px;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item.nunaliit_selected .n2_vertical_timeline_item_content .n2_vertical_timeline_item_content_text {
	color: teal;
	font-weight: bold;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item.nunaliit_hovered .n2_vertical_timeline_item_content .n2_vertical_timeline_item_content_text {
	color: #802000;
	font-weight: bold;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item .n2_vertical_timeline_item_content .n2_vertical_timeline_item_content_text {	
    margin: 0px 25px 0px 0px;
	text-align: right;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item:nth-child(even) .n2_vertical_timeline_item_content {
	padding: 10px 0px 5px 5px;
    transform: translateX(0px) !important;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item:nth-child(even) .n2_vertical_timeline_item_content .n2_vertical_timeline_item_content_text {
	margin: 0px 0px 0px 25px;
	text-align: left;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item .n2_vertical_timeline_item_content .n2s_insertedMediaView {
	padding: 0px 20px 0px 20px;
	max-width: max-content;
	max-width: intrinsic;           /* Safari */
	max-width: -moz-max-content;    /* Firefox/Gecko */
	max-width: -webkit-max-content; /* Chrome */
	margin: 0px 0px 0px auto;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item:nth-child(even) .n2_vertical_timeline_item_content .n2s_insertedMediaView {
	margin: 0px auto 0px 0px;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item .n2_vertical_timeline_item_content .n2s_insertedMediaView .n2Show_thumb_wrapper {
	text-align: end;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item:nth-child(even) .n2_vertical_timeline_item_content .n2s_insertedMediaView .n2Show_thumb_wrapper {
	text-align: start;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item .n2_vertical_timeline_item_content .n2s_insertedMediaView .n2Show_thumb_wrapper img {
	max-height: 150px;
	width: auto;
	height: auto; 
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item .n2_vertical_timeline_item_node {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 25px;
    border: 4px solid #333333;
    transform: translate(-7px, 27px);
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item.nunaliit_selected .n2_vertical_timeline_item_node {
	border-color: teal;
    background-color: #cff9f9;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item.nunaliit_hovered .n2_vertical_timeline_item_node {
	border-color: #802000;
    background-color: #eedcd6;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item .n2_vertical_timeline_item_label {
	width: max-content;
	width: intrinsic;           /* Safari/WebKit uses a non-standard name */
	width: -moz-max-content;    /* Firefox/Gecko */
	width: -webkit-max-content; /* Chrome */
	font-family: arial;
	font-size: 1.8em;
    font-weight: bold;
	background-color: #333333; 
    color: #ffffff;
	float: left;
    transform: translate(25px, 20px);
	border: 1px solid #333333; 
	border-radius: 2px; 
	padding: 2px; 
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item:nth-child(even) .n2_vertical_timeline_item_label {
    transform: translate(-27px, 20px);
    float: right;
    text-align: left;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item.nunaliit_selected .n2_vertical_timeline_item_label {
	background-color: teal;
	border-color: teal;
}

.n2_vertical_timeline .n2_vertical_timeline_list .n2_vertical_timeline_item.nunaliit_hovered .n2_vertical_timeline_item_label {
	background-color: #802000;
	border-color: #802000;

}



/* --- ./src/main/js/nunaliit2/css/basic/n2.wiki.css --- */
/*
	This portion of the CSS deals with the wiki
*/
ul.n2wiki {
	list-style: initial;
}

table.n2wiki {
	border-collapse: collapse;
	border: #000000 2px solid;
}

table.n2wiki td, table.n2wiki th {
	border: #000000 1px solid;
}

/* --- ./src/main/js/nunaliit2/css/basic/n2.tuio.css --- */
/*
	The following classes re-adjust the positions and sizes of element to
	fit on the TUIO table.
 */

.nunaliit_tuio .nunaliit_header,
.nunaliit_tuio .nunaliit_footer,
.nunaliit_tuio .n2_content_text {
	display: none;
}

.nunaliit_tuio .n2_content_text.n2tuio_showPane {
	display: block;
	position: absolute;
	opacity: 0.92;
	top: 0px;
	left: 280px;
	overflow: visible;
	padding-top: 92px;
	bottom: 50px;
	top: 50px;
	z-index: 10;
}

.nunaliit_tuio .n2_content_map_interaction {
	bottom: 105px;
	left: 50%;
	top: auto;
	right: auto;
}

.nunaliit_tuio .n2_content_map_interaction input {
	position: absolute;
	left: -120px;
	top: 0px;
	right: auto;
	bottom: auto;
}

.nunaliit_tuio .map_interaction input
,.nunaliit_tuio .n2_content_map_interaction input {
	border-radius: 19px;
	opacity: 0.5;
	padding: 16px;
	width: 250px;
}

.nunaliit_tuio .n2tuio_resetExtent_outer {
	position: absolute;
	bottom: auto;
	left: 62px;
	top: 548px;
	right: auto;
}

.nunaliit_tuio .n2tuio_resetExtent_outer a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	margin: 1px;
	padding: 0;
	color: white;
	font: bold 18px 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	height: 22px;
	width: 22px;
	line-height: 19px;
	background: #000;
	opacity: 0.5;
	border-radius: 19px;
	padding: 8px;
}

.nunaliit_tuio .olControlEditingToolbar {
	display: none;
	left: 420px;
	top: 100px;
}

.nunaliit_tuio .nunaliit_content {
	top: 0;
	bottom: 0;
	width: auto;
}

.nunaliit_tuio .n2_content_map {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.nunaliit_tuio .olControlZoom {
	top: 470px;
	left: 58px;
}

.nunaliit_tuio div.olControlZoom a {
	padding: 8px;
	opacity: 0.5;
}

.nunaliit_tuio .olButton {
	border-radius: 19px;
}

.nunaliit_tuio .olControlLayerSwitcher .maximizeDiv, .nunaliit_tuio .olControlLayerSwitcher .minimizeDiv {
	background-repeat: no-repeat;
	background-size: 38px 38px;
	border-radius: 19px;
	height: 38px;
	left: 15px;
	opacity: 0.5;
	top: 329px;
	width: 38px;
}

.n2tuio_rotate_handle {
	background-color: #000;
	color: #EED;
	cursor: move;
	font-size: xx-large;
	height: 260px;
	line-height: 260px;
	opacity: 0.5;
	padding: 4px;
	position: absolute;
	text-align: center;
	top: 380px;
	width: 80px;
}

.n2tuio_feedback_circle {
	background-color: #000;
	border-radius: 50%;
	border: 2px solid #EED;
	color: #EED;
	opacity: 0.5;
	pointer-events: none;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	z-index: 10;
}

.n2tuio_overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999999;
}

.nunaliit_tuio .nunaliit_form_link {
	padding: 15px 10px 15px 15px;
}

.nunaliit_tuio .ui-menu-item a {
	padding: 1em;
}

.nunaliit_tuio .ui-widget {
	font-size: 1.1em;
}

.nunaliit_tuio input[type="radio"]
, .nunaliit_tuio input[type="checkbox"] {
	border: 0px;
	height: 35px;
	width: 35px;
}

.nunaliit_tuio .n2layerSwitcher_label_container {
	vertical-align: middle;
}

.nunaliit_tuio .olControlLayerSwitcher .layersDiv {
	font-size: medium;
	left: 60px;
	line-height: 40px;
	padding: 11px 15px;
	position: absolute;
	top: 250px;
	width: 190px;
}

.n2tuio_edit_ring {
	border: 40px solid green;
	border-radius: 50%;
	bottom: 0;
	left: 0;
	opacity: 0.4;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
}

.nunaliit_editing .n2tuio_edit_ring {
	border-color: red;
}

.n2tuio_hide {
	display: none;
}

/* --- ./src/main/js/nunaliit2/css/basic/n2.slidingSidePanel.css --- */
/*
	This portion of the CSS deals with the display of the sliding side panel
*/

/* Sliding Side Panel Styling */
.nunaliit_atlas .n2_content_sliding {
	position: absolute;
	top: 102px;
	left: auto;
	bottom: 17px;
	transition: 0.5s ease right;
}
.nunaliit_atlas.n2_display_format_classic .n2_content_sliding {
	right: -450px;
	width: 410px;
}
.nunaliit_atlas.n2_display_format_tiled .n2_content_sliding {
	right: -640px;
	width: 600px;
}
.nunaliit_atlas.show_sliding_side_panel .n2_content_sliding {
	right: 0px;
	transition: 0.5s ease right;
}
.nunaliit_atlas.n2_display_format_tiled.show_sliding_side_panel .n2_content_sliding .n2CouchEditor_container {
	padding: 0px;
}

/* Backdrop style rules */
.nunaliit_atlas.show_sliding_side_panel .n2_content_backdrop {
	background-color: rgba(50, 50, 50, 0.5);
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.nunaliit_atlas.show_sliding_side_panel .n2_content_backdrop.show {
	display: block;
}

/* Update map interaction button position */
.nunaliit_atlas .n2_content_contains_no_sidepanel .n2_content_map_interaction {
	right: 33px !important;
}
.nunaliit_atlas.n2_display_format_classic.show_sliding_side_panel .n2_content_contains_no_sidepanel .n2_content_map_interaction {
	right: 468px !important;
}
.nunaliit_atlas.n2_display_format_tiled.show_sliding_side_panel .n2_content_contains_no_sidepanel .n2_content_map_interaction {
	right: 650px !important;
}

/* Update main content panel to be 100% width if using sliding side panel */
.nunaliit_atlas #content.n2_content_contains_no_sidepanel .olMap {
	width: 100%;
}