/* GENERAL
-------------------------------------------------- */
html {overflow-x: hidden;}


/* NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
} 

.navbar {
	font-family: 'opensans-regular';
	font-size: 13px;
}
.navbar-inverse {
	background-color: #263B63;
}		
.navbar-inverse.admin {
	background-color: #63262a;
}		
	.navbar-inverse .brand {
	  color: #D2D7DD;
	}
	.navbar-inverse.admin .brand {
	  color: #ded3d3;
	}

	.navbar-inverse.admin .btn-navbar
	{
		background-color: #4c1e21;
		background-image: linear-gradient(to bottom, #4c1e21, #4c1e21);
		background-repeat: repeat-x;
		border-color: #874a4e;
	}

	.navbar-inverse.admin .btn-navbar:hover,
	.navbar-inverse.admin .btn-navbar:focus,
	.navbar-inverse.admin .btn-navbar:active,
	.navbar-inverse.admin .btn-navbar.active,
	.navbar-inverse.admin .btn-navbar.disabled,
	.navbar-inverse.admin .btn-navbar[disabled]
	{
	  color: #fff;
	  background-color: #4c1e21;
	  *background-color: #000;
	}

	.navbar-inverse.admin .btn-navbar:active,
	.navbar-inverse.admin .btn-navbar.active
	{
	  background-color: #4c1e21;
	}


	/* 
		#263B63 --> #63262a 
		#4A5F87 --> #874a4e
	*/
	.navbar-inverse .navbar-inner {
		background-color: #263B63;
		background-image: linear-gradient(to bottom, #263B63, #263B63);
		background-repeat: repeat-x;
		border-color: #4A5F87;
	}	
	.navbar-inverse.admin .navbar-inner {
		background-color: #63262a;
		background-image: linear-gradient(to bottom, #63262a, #63262a);
		background-repeat: repeat-x;
		border-color: #874a4e;
	}	
	.navbar .nav > li {
		border-left: 1px solid #0b1b38;
		border-right: none;
	}
	.navbar.admin .nav > li {
		border-left: 1px solid #370b0e;
		border-right: none;
	}
	.navbar .nav > li:hover {
		background-color: #222;
	}
	.navbar .nav > li > a {
		border-left: 1px solid #3c537f;
		border-right: none;
		color: #D2D7DD;
	}
	.navbar.admin .nav > li > a {
		border-left: 1px solid #803c40;
		border-right: none;
		color: #ded3d3;
	}
	.navbar .nav > li:last-child {
		border-right: 1px solid #3c537f;
		border-left: 1px solid #0b1b38;
	}
	.navbar.admin .nav > li:last-child {
		border-right: 1px solid #803c40;
		border-left: 1px solid #370b0e;
	}
	.navbar .nav > li:last-child a {
		border-right: 1px solid #0b1b38;
	}
	.navbar.admin .nav > li:last-child a {
		border-right: 1px solid #370b0e;
	}
	.navbar .nav.nav-pills > li:last-child {
		border: medium none;
	}
	.navbar .nav.nav-pills > li > a
	 {
		border: none;
	}
	.navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
		background-color: #3F5681;
		text-decoration: none;
	}	
	.navbar.admin .nav > li > a:hover, .navbar.admin .nav > li > a:focus {
		background-color: #824044;
		text-decoration: none;
	}	
	.navbar .nav > li.navbar-text:hover {
		background-color: transparent;
	}
	
	.nav.no-radius > li:hover {
		background-color: #A7A9AA;
	}			
	.navbar .nav > li > .dropdown-menu:after {
		border: none
	}
	.navbar-inverse .nav .active > a, 
	.navbar-inverse .nav .active > a:hover, 
	.navbar-inverse .nav .active > a:focus {
	  background-color: #3F5681;
	  color: #FFFFFF;
	}	
	.navbar-inverse.admin .nav .active > a, 
	.navbar-inverse.admin .nav .active > a:hover, 
	.navbar-inverse.admin .nav .active > a:focus {
	  background-color: #824044;
	  color: #FFFFFF;
	}	
	.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, 
	.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, 
	.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
		background-color: #3F5681;
		color: #FFFFFF;
	}	
	.navbar-inverse.admin .nav li.dropdown.open > .dropdown-toggle, 
	.navbar-inverse.admin .nav li.dropdown.active > .dropdown-toggle, 
	.navbar-inverse.admin .nav li.dropdown.open.active > .dropdown-toggle {
		background-color: #824044;
		color: #FFFFFF;
	}	
	.navbar .nav > li > .dropdown-menu:before {
		display: none;
	}	
	.dropdown-menu > li > a:hover, 
	.dropdown-menu > li > a:focus, 
	.dropdown-submenu:hover > a, 
	.dropdown-submenu:focus > a {
	  background-color: #3F5681;
	  background-image: linear-gradient(to bottom, #3F5681, #2d436b);
	  background-repeat: repeat-x;
	  color: #FFFFFF;
	  text-decoration: none;
	}	
	.navbar-inverse.admin .dropdown-menu > li > a:hover, 
	.navbar-inverse.admin .dropdown-menu > li > a:focus, 
	.navbar-inverse.admin .dropdown-submenu:hover > a, 
	.navbar-inverse.admin .dropdown-submenu:focus > a {
	  background-color: #824044;
	  background-image: linear-gradient(to bottom, #824044, #6b2d31);
	  background-repeat: repeat-x;
	  color: #FFFFFF;
	  text-decoration: none;
	}	
	
.nav-pills.no-radius > li > a {
	border-radius: 0;
	position: relative;
	top: 3px;
}					
.dropdown-menu {
	border-radius: 0;
}
.dropdown-submenu > .dropdown-menu {
	border-radius: 0;
}

/* GENERAL
-------------------------------------------------- */

.breadcrumb {height: 13px;}
.logged {
	color: #aaa;
	right: 15px;
	position: relative;
	top: 6px;
	float: right;
}

.btn.login {
	width: 76%;
}

input, button, select, textarea {
  font-family: "opensans-regular",Helvetica,Arial,sans-serif;
}

.glyphicon-stop:before {
	font-size: 26px;
	position: relative;
	top: -1px;
}
#image_data_mask,
#mask {
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    background-color:rgba(255, 255, 255, 1); 
    z-index: 9999;
}
#image_data_mask .loading,
#mask .loading {
	background: url("../image/spinner.gif") no-repeat scroll center center / contain  rgba(0, 0, 0, 0);
	display: block;
	height: 24px;
	position: relative;
	left: 50%;
	width: 24px;
	top: 400px;
}


/* GENERAL
-------------------------------------------------- */

#grid-controls,
#marking-controls {
	padding-left: 13px;
	padding-right: 10px;
}
#image-controls .btn:hover {
}
#zoom-controls,
#carousel-show-controls,
#image-toggle-controls {
	padding-right: 10px;
	float: right;
}
#btnFull:hover,
#btnCrop:hover,
#btnRotateCCW:hover,
#btnMarkingMark:hover {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.btn-group > .btn:hover + .btn { margin-left: -1px;}

#btnCancelTool { margin-left: 5px; }

#sort-order .dropdown-menu .glyphicon-ok {
	font-size: 10px;
	margin-right: 8px;
}
#sort-order .dropdown-menu a {
	padding-left: 30px;
}
#sort-order .dropdown-menu a.selected {
	padding-left: 12px;
}
#sort-order-label {
	position: relative;
	top: 13px;
	left: 22px;
}

#thumb-slider {
	padding-right: 0px;
	height: 32px;
	float: right;
}
#thumb-slider-label {
	display: inline;
	font-size: 11px;
	right: 33px;
	position: relative;
	top: 5px;
}
.image-label {
	margin-bottom: 0;
	font-size: 11px;
}
.slider {
	right: 15px;
	top: -9px;
}

/* IMPORT
-------------------------------------------------- */
#instructions .well {
	margin: 0 auto;
	width: 30%;
	text-align: center;
}
#instructions .well + .well {
	margin: 20px auto;
}
#instructions .well div {
	margin: 4px 0;
}
#instructions .well .heading {
	font-size: 1.3em;
	font-family: opensans-bold;
}

/* SETTINGS
-------------------------------------------------- */
#tab-species,
#tab-filter {
	height: 300px;
}
.glyphicon:before {
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
.glyphicon-ok:before {
    content: "\e013";
}

/* LAYOUT
-------------------------------------------------- */
body.ui-layout-container {
	padding: 0;
}
.ui-layout-north.top {
	padding: 0;
}
.ui-layout-north {
	overflow: hidden;
	border: none !important;
}
.ui-layout-north .navbar {
	position: relative;
}
.btn-toolbar .btn-group.pull-right {
	float: right;
}
#westContent,
#centerContent {
	padding: 0px !important;
}				
.west-center,
.west-south,	
.center-north,
.center-center,
.center-south {
	border: none !important;
}
.west-south,	
.center-north {
	background-color: #ededed;
}
.center-north .btn-toolbar {
	height: 22px;
	margin: 0;
}
#centerCenterContent { overflow-x: hidden; padding: 0 !important; }
#image-data-tabs .nav-tabs {
  border-bottom: medium none;
  position: relative;
  right: 29px;
  top: 50px;
  z-index: 3;
}
.center-south {
	background-color: #ededed;
	padding: 0px !important;
	overflow: hidden;
}
.center-south .btn-toolbar {
	width: 50%;
}
.center-south .btn-toolbar .icon {
	position: relative;
	top: 1px;
}
.west-center {
	padding: 0px !important;
}	
#eastContent {
	padding: 0px !important;
}
#eastContent .modal-backdrop {
	position: absolute;
}	
#metadatadialog.display {
	background-clip: padding-box;
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	left: 10%;
	margin-left: 0px;
	outline: medium none;
	position: absolute;
	top: 25px;
	width: 212px;
	z-index: 1050;
}			
#noimagedialog.display {
	background-clip: padding-box;
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	left: 45%;
	margin-left: 0px;
	outline: medium none;
	position: absolute;
	top: 35%;
	width: 212px;
	z-index: 1050;
}			
#noimagedialog.compare {
	left: 23%;
}	
#errorloadingimagedialog.display {
	background-clip: padding-box;
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	left: 45%;
	margin-left: 0px;
	outline: medium none;
	position: absolute;
	top: 35%;
	width: 212px;
	z-index: 1050;
}			
#errorloadingimagedialog.compare {
	left: 23%;
}			
.ui-layout-south.bottom {
	font-size: 0.8em;
	color: #fff;
	background-color: #5e6573;
	overflow: hidden;
}
.ui-layout-south.bottom a {
	color: #fff;
}

.center-north-large-image,
.center-center-large-image,
.center-center-data-image,
.center-south-large-image {
	border: none !important;
	padding: 0 !important;
}
.center-center-data-image {overflow:auto;}
.center-south-large-image,
.center-north-large-image {
	background-color: #f9f9f9;
}
.west-south-large-image {
	border: none !important;
	background-color: #f9f9f9;
	padding: 0 !important;
}
.center-north-form {
	border: none !important;
	background-color: #f9f9f9;
}
.center-center-form,
.east-center-form {
	border: none !important;
	padding: 0 !important;
}
.center-south-form,
.east-north-form,
.center-south-south,
.center-south-center {
	border: none !important;
	background-color: #f9f9f9;
}
.center-south-form {
	padding: 10px 0;
}
#centerContent.match .center-north-large-image {
	padding: 10px !important;
}
#codecomparebuttons, #mainbuttonlayout {
	padding: 5px 0 0 0;
}
#subbuttons-layout {
	padding: 10px 0 0 0;
}


/* Data / Image tab */
#image-data-tabs { font-size: 11px; }
#image-data-tabs .nav-tabs > .active > a, 
#image-data-tabs .nav-tabs > .active > a:hover, 
#image-data-tabs .nav-tabs > .active > a:focus, 
#image-data-tabs .htabs > a.selected, 
#image-data-tabs .htabs > a.selected:hover, 
#image-data-tabs .htabs > a.selected:focus {
	background-color: #F9F9F9;
}
#image-data-tabs.grid .nav-tabs > .active > a, 
#image-data-tabs.grid .nav-tabs > .active > a:hover, 
#image-data-tabs.grid .nav-tabs > .active > a:focus, 
#image-data-tabs.grid .htabs > a.selected, 
#image-data-tabs.grid .htabs > a.selected:hover, 
#image-data-tabs.grid .htabs > a.selected:focus {
	background-color: #fff;
}
#centerCenterContent .modal-backdrop {
	position: absolute;
}	


/* ACCORDIONS
-------------------------------------------------- */
#folders h3,
#metadata h3 {
	border: none;
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
	margin: 0;
	padding: 3px 0;
	background-color: #ededed;
}
#folders h3 a,
#metadata h3 a {
	color: #777777;
	font-family: opensans-regular;
	font-size: 13px;
	font-weight: normal;
}
#folders h3 a:hover,
#metadata h3 a:hover {
	color: #111;
	text-decoration: none;
}
#folders .icon,
#metadata .icon {
	font-size: 12px;
	margin-left: 4px;
	padding-right: 6px;
}
#folders .icon-plus,
#folders .icon-minus {
	position: relative;
	top: 9px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;	
	opacity: 0.5;
}
#folders .icon-plus:hover,
#folders .icon-minus:hover,
#metadata .icon-chevron-down:hover,
#metadata .icon-chevron-right:hover,
#folders .icon-chevron-down:hover,
#folders .icon-chevron-right:hover {
	cursor: pointer;
    cursor: hand;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;	
	opacity: 1;
}
#folders .fa-icon {
	font-size: 16px;
	margin-left: 4px;
	padding-right: 6px;
}
#folders .fa-search {
	padding-right: 16px;
}
#folders .fa-times,
#folders .fa-search {
	position: relative;
	top: 2px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;	
	opacity: 0.5;
}
#folders .fa-times {
	display: none;
}
#folders .fa-times:hover,
#folders .fa-search:hover {
	cursor: pointer;
    cursor: hand;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;	
	opacity: 1;
}
#metadata .icon-chevron-down,
#metadata .icon-chevron-right,
#folders .icon-chevron-down,
#folders .icon-chevron-right {
	position: relative;
	top: 2px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;	
	opacity: 0.5;
}
.west-south button {
	font-size: 11px;
}

/* IMAGE DATA
-------------------------------------------------- */
#metadata { font-size: 11px; }
#metadata label, #metadata input, #metadata button, #metadata select, #metadata textarea {
  font-size: 11px;
  font-weight: normal;
  line-height: 16px;
}
#metadata .table-scars-marks tbody > tr > td:first-child {
	width: 62%;
}
#imagedata { position: relative; }
#body_radios {
	left: 16px;
	position: absolute;
	top: 114px;
}
#body_radios label {
	height: 33px;
}
#imagedata .nav-tabs > li > a {
	padding-left: 30px;
	padding-right: 12px;
}
#imagedata .tabbable {
  background-color: #FBFBFB;
  padding-left: 6px;
}
#imagedata .tabs-left > .nav-tabs .active > a, 
#imagedata .tabs-left > .nav-tabs .active > a:hover, 
#imagedata .tabs-left > .nav-tabs .active > a:focus {
	background-color: #FBFBFB;
}
#imagedata .tabs-left > .nav-tabs {
	background-color: #FFFFFF;
	height: 276px;
}
#imagedata .tab-content .tab-pane {
	padding-top: 8px;
}
#tab-body-head label {
	height: 33px;
}


/* TREE STYLES
-------------------------------------------------- */
.tree {padding: 0 0 0 7px;}
.tree ul{padding:0;background:url("data:image/gif;base64,R0lGODlhAgACAIAAAB4dGf///yH5BAEAAAEALAAAAAACAAIAAAICRF4AOw==") repeat-y 4px 0;}
.tree li{padding:0 0 0 12px;background:url("../image/tree.png") no-repeat 6px center;}
.tree li.open{background:url("../image/icon-close.png") no-repeat 0 7px}
.tree li.closed{background:url("../image/icon-open.png") no-repeat 0 7px}
.tree li ul{display:none}
.tree li.open ul{display:block; margin-left: 7px;}
.tree li.closed ul{display:none!important}
.tree li a.clicked,.tree li a.clicked:hover{text-shadow:0 -1px 0 rgba(0,0,0,0.25);color:#fff;background:#0081c2;background-image:-moz-linear-gradient(top,#08c,#0077b3);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));background-image:-webkit-linear-gradient(top,#08c,#0077b3);background-image:-o-linear-gradient(top,#08c,#0077b3);background-image:linear-gradient(to bottom,#08c,#0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0076b2',GradientType=0);}
.tree li a.drophover {text-shadow:0 -1px 0 rgba(0,0,0,0.25);color:#fff;background:#0081c2;background-image:-moz-linear-gradient(top,#08c,#0077b3);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));background-image:-webkit-linear-gradient(top,#08c,#0077b3);background-image:-o-linear-gradient(top,#08c,#0077b3);background-image:linear-gradient(to bottom,#08c,#0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0076b2',GradientType=0);}
.tree li a.drophover>.icon-folder-close{background-image:url("../image/glyphicons-halflings-white.png");}
.tree li a.clicked>.icon-folder-close{background-image:url("../image/glyphicons-halflings-white.png");}
.tree li a{padding-left:5px;margin:0;white-space:pre;word-wrap:break-word;font-size: 11px;}
.tree>ul li.last{overflow:visible}

#myimages > .nav > li:first-child a > .icon-folder-close {
  	background-position: -456px 0;
}
#myimages > .nav > li:first-child a.clicked > .icon-folder-close {
	background-image:url("../image/glyphicons-halflings-white.png");
  	background-position: -456px 0;
}
#eventstree { min-height: 120px; }
#eventstree > .nav > li:first-child a > .icon-folder-close {
  background-position: -96px -120px;
}
#eventstree > .nav > li:first-child a.clicked > .icon-folder-close {
	background-image:url("../image/glyphicons-halflings-white.png");
  	background-position: -96px -120px;
}
#folders .fa-icon.fa-folder {
	font-size: 13px;
	margin-right: 2px;
}
#myimages ul > li.open > a > .fa-folder:before {
	content: "\f07c";
}
#eventstree ul > li.open > a > .fa-folder:before {
	content: "\f07c";
}
#eventstree li[submitted="Y"] a {
	color: #4e4e4e;
}
#eventstree li[submitted="Y"] a.clicked {
	color: #DADADA;
}
#eventstree li[processing="Y"] > a {
	color: #f8b351;
}
#eventstree li[error="Y"] > a {
	color: #f85151;
}
#eventstree li[error="Y"] > a.clicked {
	color: #F8A6A6;
}
#eventstree li[rejected="Y"] > a {
	color: #f85151;
}
#eventstree li[rejected="Y"] > a.clicked {
	color: #F8A6A6;
}
#rejectstree li[rejected="Y"] > a {
	color: #f85151;
}
#rejectstree li[rejected="Y"] > a.clicked {
	color: #F8A6A6;
}
.tree li a.clicked {
	opacity: 0.5;
	background: transparent no-repeat scroll 0 0 #0081C2;
}
.tree li a.clicked.drophover {
	opacity: 1;
	background: transparent no-repeat scroll 0 0 #0081C2;
}
.tree li a.clicked.current {
	opacity: 1;
	background: url("../image/right.png") no-repeat scroll 190px 4px #0081C2;
}
.tree li.open ul li a.clicked.current {
	background-position: 172px 4px;
}

#individualstree.duplicateimages li:nth-child(even) {
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 5px;	
}

/* PHOTOS
-------------------------------------------------- */
.center-center #notification {
	padding: 10px;
}
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
  background: none repeat-x scroll 50% 50% #F6F6F6;
  border: 1px solid #CCCCCC;
  color: #1C94C4;
  font-weight: bold;
}

.ui-individual-match {
	background: none repeat-x scroll 50% 50% #BCFFBD;
  border: 1px solid #21E624;
  color: #1C94C4;
  font-weight: bold;
}
#resultsCarousel .ui-individual-match .thumbnail {
	background: none repeat-x scroll 50% 50% #BCFFBD;
}

.border-b-confidence-above-80 {
  border: 1px solid #00C000;
}
.border-b-confidence-between-70-80 {
  border: 1px solid #005D005E;
}
.border-b-confidence-between-60-70 {
  border: 1px solid #E7E700;
}
.border-b-confidence-below-60 {
  border: 1px solid #E50006;
}

.photos {
	list-style-type: none;
	margin: 0;
	padding: 10px;
	height: 550px;
	max-height: 550px;
}
#tab-image .loading,
#gridPane .loading,
#tab-grid .loading {
  background: url("../image/spinner.gif") no-repeat scroll center center / contain  rgba(0, 0, 0, 0);
  display: block;
  height: 24px;
  margin: 167px 5px 0 0;
  position: relative;
  left: 50%;
  width: 24px;
}
.photos .thumbnails {
	margin: 0;
}
.photos li {
	margin: 3px;
	padding: 7px;
	float: left;
	width: 160px;
	height: 140px;
	font-size: 4em;
	text-align: center;
	cursor: pointer; 
	line-height: 70px;
}
.photos .ui-selected {
	background: #888;
	color: white;
}
.photos .ui-selected a {
	color: white;
}
.photos .ui-selected .help {
	color: white;
}
li.ui-sortable-helper { margin: 118px 0 0 132px; }
.ui-sortable-helper { list-style-type: none; margin: 20px 0 0 0; padding: 0; }
.ui-sortable-helper li { 
	margin: 3px;
	padding: 7px;
	float: left;
	width: 160px;
	height: 140px;
	text-align: center;
	cursor: pointer; 
	line-height: 70px;
	margin-top: -20px; 
	font-size: 0.6em; 
	opacity: .6; 
	position: relative;
}
.ui-sortable-helper li:not(:first-child) { margin-left: -165px; }
.ui-sortable-helper li:first-child { opacity: 1; position: relative; z-index: 10001 }
.ui-sortable-helper li:nth-child(2) { z-index: 10000; }
.ui-sortable-helper li:nth-child(3) { z-index: 9999; }
.ui-sortable-helper li:nth-child(4) { z-index: 9998; }
.ui-sortable-helper li:nth-child(5) { display: none; }
.ui-sortable-helper li:nth-child(6) { display: none; }
.ui-sortable-helper li:nth-child(7) { display: none; }
.ui-sortable-helper li:nth-child(8) { display: none; }

.photos .thumbnail {
	margin-bottom: 2px;
}

.buttons .right span {
	position: relative;
	top: 3px;
	left: 6px;
	font-family: "proximanova-bold", Helvetica, Arial, sans-serif;
	font-size: 14px;
}
#forgotten .input-prepend {
	width: 92%;
}

.box > .heading h1 {
	position: relative;
	top: 2px;
}
.box > .heading h1 i {
	position: relative;
	top: 2px;
}
.photos .help {position: relative;}
.photos .fa-icon-flag {
	color: #797979;
	left: 1px;
	position: absolute;
	top: 2px;
}
.photos .fa-icon-pencil {
	color: #797979;
	right: 6px;
	position: absolute;
	top: 0px;
}
.photos.annotation .fa-picture-o,
.photos.prediction .fa-picture-o {
	color: #797979;
	right: 20px;
	position: absolute;
	top: 0px;
}
.photos .fa-check-circle {
	color: #797979;
	right: 6px;
	position: absolute;
	top: 0px;
}
.photos .ui-selected .fa-icon-flag,
.photos .ui-selected .fa-icon-pencil {
  color: #fff;
}
.photos.event li.error a {
	border-color: #B94A48;
	border-width: 0.04em;
}

/* METADATA
-------------------------------------------------- */
#imagedata table td.error {
	color: #B94A48;
}

/* TABS
-------------------------------------------------- */
#individualform_east .nav-tabs {
	padding: 10px 10px 0 10px;
}
#individualform_east .nav-tabs li a {
	font-size: 11px;
}

/* CONTEXT MENUS
-------------------------------------------------- */
#menu {
	display: none;
	width: 200px;
	background-color: white;
	
	border: 1px solid #B9BAB5;
	
	font: 300 12px/14px "Open Sans","museo-sans-1","museo-sans-2",Helvetica,Arial,Serif;

	color: #333;
	cursor: default;
	padding: 6px 12px;
	text-align: left;

	-moz-box-shadow: 2px 2px 3px -2px rgba(136, 136, 136, 1);
	-webkit-box-shadow: 2px 2px 3px -2px rgba(136, 136, 136, 1);
	box-shadow: 2px 2px 3px -2px rgba(136, 136, 136, 1);				
}
.context-menu-theme-arwpic {
	background-color:white;
	border: 1px solid #B9BAB5;
	padding: 0;

	-moz-box-shadow: 2px 2px 3px -2px rgba(136, 136, 136, 1);
	-webkit-box-shadow: 2px 2px 3px -2px rgba(136, 136, 136, 1);
	box-shadow: 2px 2px 3px -2px rgba(136, 136, 136, 1);				
}
.context-menu-theme-arwpic .context-menu-item {
	text-align: left;
	cursor: pointer;
	color: black;
	font-family: "Open Sans",Helvetica,DejaVu Sans,Arial;
	font-size: 12px;
	line-height: 20px;
	height: 27px;
	border: 1px solid transparent;
	padding: 0 9px;
}
.context-menu-theme-arwpic .context-menu-separator {
	margin: 0;
	font-size: 0px;
	border-top: 1px solid #C5C5C5;
	border-bottom: 1px solid #F5F5F5;
}
.context-menu-theme-arwpic .context-menu-item-hover {
	background-color: #EFEEEF;
	color: #000;
}
.context-menu-theme-arwpic .context-menu-item .context-menu-item-inner {
	padding: 4px;
	margin-left: 0px;
	background-color: none;
	background-repeat: no-repeat;
	background-position: 3px center;
	background-image: none;
}
.context-menu-theme-arwpic .context-menu-item-hover .context-menu-item-inner {
}
.context-menu-theme-arwpic .context-menu-item-disabled {
	color:#A7A7A7;
}


/* DIALOG BOXES
-------------------------------------------------- */
#eventdialog #notification, 
#sightingdialog #notification, 
#filterdialog #notification, 
#dialog #notification {
	padding: 8px 20px;
}	
#dialog .modal-body p {
	line-height: 1.4;
}	
fieldset {
	margin: 10px 0 0;
}
legend {
	font-size: 13px;
	margin: 7px 0;
}
.form-inline .input-append {
	margin: 0;
	width: 220px;
}
.form-inline .date.event.input-append {
	margin: 0;
	width: 80px;
	margin-right: 34px;
}
.form-inline .checkbox {
	font-size: 0.85em;
}
#eventdialog .input-small {
	width:  120px;
}
#sightingdialog .control-group {
	float: left;
}
#sightingdialog .control-group:first-child {
	width: 40%;
}
#sightingdialog .event {
	width: 200px;
}
#sightingdialog .sighting {
	width: 304px;
}

#mergesightingdialog .control-group {
	float: left;
}
#mergesightingdialog .control-group:first-child {
	width: 40%;
}
#sightingdialog .duplicate_sighting_id {
	width: 200px;
}
#sightingdialog .master_sighting_id {
	width: 304px;
}


#datasetmetadatadialog textarea {
	width: 98%;
}
#scarsandmarkingdialog .modal-header {
	cursor: move;
}
#resightdialog .modal-header {
	cursor: move;
}
#scarsandmarkingdialog .modal-body {
	max-height: 410px;
}
#scarsandmarkingdialog td.changed {
	background-color: #fbe3e3;
}
#rejectdialog label.radio {
	position: relative;
	top: -2px;
}
#rejectdialog textarea {
	width: 97%;
}
#filterdialog {
	width: 800px;
	left: 45%;
}
#filterdialog .modal-header {
	cursor: move;
}
#filterdialog .modal-body {
	max-height: 410px;
}
#filterdialog label {
	font-size: 11px;
}
#filterdialog select {
	width: 100%;
	font-size: 11px;
}
#filterdialog .date input {
	font-size: 11px;
}
#filterdialog .input-append {
	width: 80%;
}
#filterdialog h5 {
	border-bottom: 1px dotted #ccc;
	padding: 9px 0;
	margin: 0;
}
#filterdialog .nav-tabs li a {
	font-size: 11px;
}
#advanced select {
	width: 60%;
}
#advanced label.coding {
	width: 129px;
}
#advanced .form-inline {
	height: 33px;
}
#advanced h5 {
	margin-bottom: 15px;
}
#resightdialog {
	width: 960px;
	left: 35%;
}

#agreementdialog .modal-header {
	cursor: move;
}
#downloadsdialog .modal-header {
	cursor: move;
}

#catalog-toggle-switch.filterdialog .has-switch.switch-small {
	font-size: 11px;
	width: 112px;
}

/* DATE PICKER
-------------------------------------------------- */
.datepicker {
	top: 0;
	left: 0;
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	z-index: 1051;
	font-size: 9px;	
}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 1.4em;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}


/* IMPORT
-------------------------------------------------- */
p.border {
	border-bottom: 1px solid #EEEEEE;
	padding: 10px;
}

#imagesPane a.thumbnail.selected {
  border-color: #0088CC;
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

/* LARGE IMAGE
-------------------------------------------------- */
.smooth_zoom_preloader {
	background-image: url(../image/loading.gif);
}	
.smooth_zoom_icons {
	background-image: url(../image/zoom_icons.png);
}
#largeImage:hover { cursor: pointer; }
#sketch_viewer:hover { cursor: pointer; }
svg:hover { cursor: pointer; }
#sketch_editor svg:hover { cursor: crosshair; }


/* CAROUSEL
-------------------------------------------------- */
#myCarousel .span3,
#myAllCarousel .span3,
#myRepresentativeCarousel .span3,
#sightingCarousel .span3,
#resultsCarousel .span3 {
	position: relative;
}
#sightingCarousel .fa-icon-flag,
#resultsCarousel .fa-icon-flag,
#myCarousel .fa-icon-flag,
#myAllCarousel .fa-icon-flag,
#myRepresentativeCarousel .fa-icon-flag {
	color: #797979;
	left: 5px;
	position: absolute;
	top: 113px;
}
#resultsCarousel .fa-icon-pencil,
#sightingCarousel .fa-icon-pencil,
#myCarousel .fa-icon-pencil,
#myAllCarousel .fa-icon-pencil,
#myRepresentativeCarousel .fa-icon-pencil {
	color: #797979;
	position: absolute;
	right: 5px;
	top: 113px;
}
#myAllCarousel .fa-icon-pencil,
#myRepresentativeCarousel .fa-icon-pencil {
	top: 110px;
}
/*#centerCenterContent .well {position: fixed; bottom: 71px; width: 79%; }*/
.carousel{position:relative;margin:20px;line-height:1; padding: 0 0 11px 45px;}
.carousel-inner{position:relative;width:100%;overflow:hidden;left:-10px;}
.carousel-inner>.item{position:relative;display:none;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;}
.carousel-inner>.item>img{display:block;line-height:1;}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block;}
.carousel-inner>.active{left:0;}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%;}
.carousel-inner>.next{left:100%;}
.carousel-inner>.prev{left:-100%;}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0;}
.carousel-inner>.active.left{left:-100%;}
.carousel-inner>.active.right{left:100%;}
.carousel-inner a.thumbnail.selected {border-color: #0088CC;box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);}
.carousel-inner .duplicate a.thumbnail {border-color: #f00;}
.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:27px;color:#ffffff;text-align:center;background:#fff;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}
.carousel-control.right{left:auto;right: -12px;}
.carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}
.carousel-caption{position:absolute;right:0;bottom:0;left:0;padding:15px;background:#333333;background:rgba(0, 0, 0, 0.75);}
.carousel-caption h4,.carousel-caption p{line-height:20px;color:#ffffff;}
.carousel-caption h4{margin:0 0 5px;}
.carousel-caption p{margin-bottom:0;}
.carousel-control {	left: -12px;}

#resultsCarousel .row-fluid .span3,
#myCarousel .row-fluid .span3,
#myAllCarousel .row-fluid .span3,
#myRepresentativeCarousel .row-fluid .span3 {
	margin-left: 0.34%;
	width: 10.404%;
}
#myCarousel.compare .row-fluid .span3,
#myAllCarousel.compare .row-fluid .span3,
#myRepresentativeCarousel.compare .row-fluid .span3 {
  margin-left: 2.128%;
  width: 25.404%;
}
#myAllCarousel.individual .row-fluid .span3,
#myRepresentativeCarousel.individual .row-fluid .span3 {
  margin-left: 0.64%;
  width: 17.404%;
}

#myAllCarousel.individual .ui-selected,
#myRepresentativeCarousel.individual .ui-selected {
}
#myAllCarousel.individual .ui-selected a,
#myRepresentativeCarousel.individual .ui-selected a {
	background: #888;
}

div[id^="loupe_photo_"] .fa-minus-circle {
	color: #b7b7b7;
	left: 9px;
	position: absolute;
	top: 90px;
	display: none;
	cursor: pointer; 
	font-size: 18px;
}

div.ui-sortable-helper { list-style-type: none; margin: 118px 0 0 12px; padding: 0;}
div.ui-sortable-helper div
 { 
	margin: 3px;
	padding: 7px;
	float: left;
	width: 160px;
	height: 140px;
	text-align: center;
	cursor: pointer; 
	line-height: 70px;
	margin-top: -20px; 
	font-size: 0.6em; 
	opacity: .6; 
	position: relative;
}
div.ui-sortable-helper div:not(:first-child) { margin-left: -165px; }
div.ui-sortable-helper div:first-child { opacity: 1; position: relative; z-index: 10001 }
div.ui-sortable-helper div:nth-child(2) { z-index: 10000; }
div.ui-sortable-helper div:nth-child(3) { z-index: 9999; }
div.ui-sortable-helper div:nth-child(4) { z-index: 9998; }
div.ui-sortable-helper div:nth-child(5) { display: none; }
div.ui-sortable-helper div:nth-child(6) { display: none; }
div.ui-sortable-helper div:nth-child(7) { display: none; }
div.ui-sortable-helper div:nth-child(8) { display: none; }


/* DATA / IMAGES
-------------------------------------------------- */
.tab-content > .active, 
.pill-content > .active {
	display: block;
	width: 98%;
}

#tab-images-anchor.error,
#tab-data-anchor.error {
	color: #B94A48;
	font-weight: bold;
}

#tab-data { margin: 0px; width: 100%;  height: 100%; overflow-x: hidden; }

#tab-loupe,
#tab-images,
#imagedata .tab-content {
	height: 100%;
	margin: 0px;	
	border: none !important;	
	overflow-x: hidden;
}
#tab-loupe,
#tab-images {
	width: 100%;
}
#tab-loupe { overflow: hidden; }
#tab-loupe.annotation #largeImage { display:none; }
.center-north-large-image .btn-group > .btn {
	font-size: 11px;
	font-family: opensans-regular;
}
#tab-form-sighting { height: 100%; }

/*#btnMarkingUndo,
#btnMarkingRemove  { opacity: 0.4 }*/
#save-controls > .btn {
	border-radius: 4px 4px 4px 4px;
	padding: 4px 12px;
}
#event-controls,
#sighting-controls { margin-left: 10px; }
#event-controls > .btn,
#sighting-controls > .btn {
	border-radius: 4px 4px 4px 4px;
	padding: 6px 12px;
	margin-right: 7px;
}
#image-toggle-controls label {
	font-size: 11px;
}
#event-processing-controls {
	width: 615px;
}
#event-processing-toggle-switch {
    margin-right: 5px;
    position: relative;
    top: -36px;
    left: 335px;
    width: 185px;
}
#event-processing-toggle-switch label {
	font-size: 11px;
}
.has-switch.switch-small {
    top: -2px;
}
#sighting-processing-toggle-switch {
    margin-right: 5px;
    position: relative;
    top: -36px;
    left: 77px;
}
#sighting-processing-toggle-switch label {
	font-size: 11px;
}
#editing-toggle-switch {
	margin-right: 5px;
	position: relative;
	top: 2px;
}
#editing-toggle-switch label {
	font-size: 11px;
}
#individualbar_east #editing-toggle-switch,
#individualbar_west #editing-toggle-switch {
	margin-right: 5px;
	position: relative;
	top: -29px;
}
#imagesize-toggle-switch label,
#imagesize-toggle-switch .switch-small {
	font-size: 11px;
}


/*
#sketch_editor { width: 100%; height: 100%;}
#sketch_editor svg { height: 100%; width: 100%; }
*/

/* GRIDS
 * -------------------------- */
.loading-indicator {
	display: inline-block;
	padding: 12px;
	background: white;
	-opacity: 0.5;
	color: black;
	font-weight: bold;
	z-index: 9999;
	border: 1px solid red;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 0 5px red;
	-webkit-box-shadow: 0px 0px 5px red;
	-text-shadow: 1px 1px 1px white;
}

.loading-indicator label {
	padding-left: 20px;
	background: url('../image/loading.gif') no-repeat center left;
}

#eventGrid, #sightingGrid {width:100%; height:100%;}
#eventGrid .editor-select, #sightingGrid .editor-select {width: 145px;}
#eventGrid .editor-text, #sightingGrid .editor-text {width: 100px;}

#eventGrid .slick-cell-checkboxsel input {
	margin: 3px 6px 1px 6px;
}
#eventGrid [id$="_checkbox_selector"] input {
	margin: -1px 4px 1px 4px;
}
#eventGrid .slick-cell.submitted {
	color: #7A7A7A;
}
#eventGrid .slick-cell.selected {
	background-color: #F5F5DC;
}
#eventGrid .slick-cell.error {
	border: 1px dotted #B94A48;
	background-color: rgba(250, 100, 97, 0.11);
}
#eventGrid .slick-cell.processing {
	color: #f8b351;
}

#surveyGrid, #effortGrid {width:100%; height:100%;}
#surveyGrid .editor-select, #effortGrid .editor-select {width: 145px;}
#surveyGrid .editor-text, #effortGrid .editor-text {width: 100px;}
#surveyGrid .slick-cell-checkboxsel input {
	margin: 3px 6px 1px 6px;
}
#surveyGrid [id$="_checkbox_selector"] input {
	margin: -1px 4px 1px 4px;
}
#surveyGrid .slick-cell.submitted {
	color: #7A7A7A;
}
#surveyGrid .slick-cell.selected {
	background-color: #F5F5DC;
}
#surveyGrid .slick-cell.error {
	border: 1px dotted #B94A48;
	background-color: rgba(250, 100, 97, 0.11);
}
#surveyGrid .slick-cell.processing {
	color: #f8b351;
}

#waypointGrid, #trackGrid {width:100%; height:100%;}

/* FORMS
 * -------------------------- */
.arwpic-form,
.arwpic-form label, 
.arwpic-form input, 
.arwpic-form button, 
.arwpic-form select, 
.arwpic-form textarea,
.form-select,
.form-label {
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	height: 100%;
}
.arwpic-form > .row-fluid,
#tab-form-event > .row-fluid,
#tab-form-survey > .row-fluid,
#tab-grid-waypoint > .row-fluid,
#tab-grid-track > .row-fluid
{
	background: none repeat scroll 0 0 #E3E3E3;
	border-bottom: 1px dotted #CCCCCC;
	padding: 11px 5px 11px 10px;
}
.arwpic-form .nav {margin: 0 16px 0 0;}
.arwpic-form .remarks textarea { width: 93%; height: 76px; }
.arwpic-form .control-group { 	margin-bottom: 0; }
.arwpic-form select { width: 160px; }
.arwpic-form select.dir { width: 50px; }
.arwpic-form select.input-large { width: 94%; }
.arwpic-form select.input-medium { width: 81%; }
.arwpic-form .positioning > .row-fluid:not(:first-child) { margin-top: 10px; }
.arwpic-form .positioning > .row-fluid.coords { left: 2px; margin-top: 0; position: relative; top: -10px;}
.arwpic-form .datasets label.checkbox:first-child { padding-top: 28px; }
.arwpic-form .datasets label.checkbox { height: 30px; }
.arwpic-form button.btn { position: relative; top: -5px; }
.arwpic-form ul.form-rows { margin-right: 35px;}
.arwpic-form ul.form-rows li:not(:first-child) { margin-left: 10px; }
.arwpic-form .tab-content > .active, .arwpic-form .pill-content > .active {  display: block;  width: 100%;}
.arwpic-form .checkbox input[type="checkbox"] {
	float: left;
	margin-left: -20px;
	position: relative;
	top: -9px;
}
#sightingForm .remarks { padding: 11px 0 0; border-top: 1px dotted #CCCCCC; margin-top: 12px; }
.admin #sightingForm .remarks { padding: 0; border-top: none; margin-top: 0px; }
#effortForm .remarks { padding: 11px 0 0; border-top: 1px dotted #CCCCCC; margin-top: 12px; }
.admin #effortForm .remarks { padding: 0; border-top: none; margin-top: 0px; }
#form-controls .data-saving {
	width: 24px;
	height: 24px;
	background: url(../image/spinner.gif) center no-repeat;
	background-size: contain;
	display: none;
	margin: 0 5px 0 0;
	float: left;
	position: relative;
	top: 0px;
}
.arwpic-form select.editor-select { height: 28px; line-height: 28px; }
.arwpic-form input.editor-input { height: 18px; line-height: 18px; }
.arwpic-form .row-fluid.coords { display: none; }
.arwpic-form .row-fluid.aggregation { margin-bottom: 20px; }
.arwpic-form .idfield { width: 105px; }
.arwpic-form .idfield .span4 { width: 60px; }
.arwpic-form button.error,
.arwpic-form input.error,
.arwpic-form select.error {
	border-color: #B94A48;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border-width: 0.2em;
}
.arwpic-form .group {  position: relative; }
.arwpic-form div.error{
    padding: 2px;
	color: #ff0000;
	font-size: 9px;
	display: inline;
	position: absolute;
}
.error_container {position: relative;}
.error_container div.error {top: 25px; left:0px;}

#event_date_error {top: 25px;left: 186px;}
#start_time_error {top: 60px; left:291px;}
#embargo_period_error {top: 60px; left:562px;}
#latitude_error {top: 48px;}
#longitude_error {top: 48px;}
#positioning_method_id_error {top: 50px;}
#platform_id_error {top: 50px;}

#sighting_name_error {top: 62px; left: 178px;}

#eventForm .sizes {margin-left: 1.128%; width: 15.894%;}
#eventForm .sizes input {margin-bottom: 13px;}
#eventForm .datasets > .row-fluid {  position: relative; }
.arwpic-form span.effort {position: absolute; top: 28px; left: 60px;}
.arwpic-form span.environment {position: absolute; top: 63px; left: 98px;}
.arwpic-form span.other {position: absolute; top: 98px; left: 62px;}
#sightingForm .datasets { position: relative; }
.arwpic-form span.biopsied {position: absolute; top: 28px; left: 76px;}
.arwpic-form span.tagged {position: absolute; top: 63px; left: 70px;}
.arwpic-form span.interaction {position: absolute; top: 98px; left: 89px;}
.arwpic-form span.behaviour {position: absolute; top: 133px; left: 86px;}
.fa-icon-question-sign:hover { cursor: pointer; cursor: hand; }

#eventForm .tab-content {
  overflow: hidden;
}
#event-controls button.active.reject,
#sighting-controls button.active.reject {
	color: #fff;
	background-color: #a35257;
}

.processing-user {
	position: relative;
	left: 0px;
	top: 0px;
	width: 320px;
}
#sighting-processing-controls .processing-user {
	left: -254px;
}
#event_processing_user_id,
#sighting_processing_user_id {
    position: relative;
    top: 2px;	
}

#event-history-display {
    --primary: #321fdb;
    --secondary: #ced2d8;
    --success: #2eb85c;
    --info: #39f;
    --warning: #f9b115;
    --danger: #e55353;
    --light: #ebedef;
    --dark: #636f83;
}
#btnEventHistory {
    color: rgba(0,0,21,.5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: .5rem;
    padding-left: .5rem;
    text-decoration: none;
    background-color: transparent;                                
    cursor: pointer;
    position: relative;
    left: 530px;
    top: -64px;                       
}       
#btnEventHistory.contributor {
    top: 7px;                       
}   
#btnEventHistory .c-icon:not(.c-icon-c-s):not(.c-icon-custom-size) {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
}
#btnEventHistory .c-icon {
    display: inline-block;
    color: inherit;
    text-align: center;
    fill: currentColor;
}    

.a-badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 8px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}                              
.a-badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}
.a-badge-info {
    color: #fff;
    background-color: #39f;
}                            
.a-badge {
    position: absolute;
    top: 50%;
    margin-top: -16px;
}                            
.a-badge {
    left: 2.5%;
    margin-left: 0;
    width: 6px;
    height: 10.5px;
    padding: 2.625px 6.3px;                                
}

#eventHistory {
}
#eventHistory .p-3 {
    padding: 1rem !important;
}     
#eventHistory .float-left {
    float: left!important;
}
#eventHistory .float-right {
    float: right!important;
}
#eventHistory .pb-5, .py-5 {
    padding-bottom: 3rem!important;
}      
#eventHistory .mr-3, .mx-3 {
    margin-right: 1rem!important;
}   
#eventHistory .mt-1, .my-1 {
    margin-top: .2rem!important;
} 
#eventHistory .fs-70 {
    font-size: 70%;
}
#eventHistory .c-avatar {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50em;
    width: 36px;
    height: 36px;
    font-size: 14.4px;
}
#eventHistory .c-avatar-img {
    width: 100%;
    height: auto;
    border-radius: 50em;
    vertical-align: middle;
    border-style: none;
}  
#eventHistory .c-avatar-status {
    right: 0;
}
#eventHistory .c-avatar .c-avatar-status {
    width: 10px;
    height: 10px;
}
#eventHistory .c-avatar-status.bg-success {
    background-color: #2eb85c !important;
}
#eventHistory .c-avatar-status.bg-contributor {
    background-color: #263b63 !important;
}
#eventHistory .c-avatar-status.bg-curator {
    background-color: #63262a !important;
}
#eventHistory .c-avatar-status {
    position: absolute;
    bottom: 0;
    display: block;
    border: 1px solid #fff;
    border-radius: 50em;
}
#eventHistory .text-muted {
    color: #768192!important;
}
#eventHistory small, 
#eventHistory .small {
    font-size: 80%;
    font-weight: 400;
}
#eventHistory .font-weight-bold {
    font-weight: 700!important;
    line-height: 1.8;
}
#eventHistory .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#eventHistory hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid;
    border-color: rgba(0,0,21,.2);
}

#eventHistory .c-sidebar-close {
    color: #3c4b64;
    position: absolute;
    width: 56px;
    height: 56px;
    background: 0 0;
    border: 0;    
    right: 0;
    top: 4px;
}
#eventHistory button:not(:disabled), 
#eventHistory [type=button]:not(:disabled), 
#eventHistory [type=reset]:not(:disabled), 
#eventHistory [type=submit]:not(:disabled) {
    cursor: pointer;
    -webkit-appearance: button;
}
#eventHistory .c-icon:not(.c-icon-c-s):not(.c-icon-custom-size) {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
}
#eventHistory .c-icon {
    display: inline-block;
    color: inherit;
    text-align: center;
    fill: currentColor;
}
#eventHistory svg {
    overflow: hidden;
}
#eventHistory .nav {
    padding-left: 0;
}
#eventHistory .nav-tabs {
    border-bottom: 1px solid;
    border-color: #c4c9d0;
}
#eventHistory .nav-underline {
    border-bottom: 2px solid;
    border-color: #c4c9d0;
}

#eventHistory .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
}
#eventHistory .nav-underline .nav-item {
    margin-bottom: -2px;
}
#eventHistory .c-sidebar-close+.nav-tabs .nav-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;
    padding-top: 0;
    padding-bottom: 0;
}
#eventHistory .nav-underline .nav-link {
    border: 0;
    border-bottom: 2px solid transparent;
}
#eventHistory .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
#eventHistory .nav-link {
    display: block;
    padding: .5rem 1rem;
}

#historydialog.display {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgb(0 0 0 / 30%);
    left: 10%;
    margin-left: 0px;
    outline: medium none;
    position: absolute;
    top: 25px;
    width: 212px;
    z-index: 1050;
}
#historydialog.display label {
    font-size: 11px;
}

#event_history_title,
#event_history_comment {
    width: 147px;
    font-size: 11px;
}
#btnEventNoteCancel {
	position: relative;
	top: 4px;
}
#newEventNoteForm .error {
	color: #ff0000;
}


#sightingForm .status .radio {
  width: 29%;
}

#sightingForm { position: relative; }
#sightingForm .match { position: relative; }
#sightingForm .match p { width: 90%; }
#matching_radios {
	left: 16px;
	position: absolute;
	top: 18px;
}
#matching_radios label {
	height: 33px;
}
#id_type_radios {
	left: 16px;
	position: absolute;
	top: 7px;
}
#id_type_radios label {
	height: 33px;
}
#sightingForm .nav-tabs > li > a {
	padding-left: 30px;
	padding-right: 12px;
}
#sightingForm .tabbable {
	background-color: #FBFBFB;
	padding-left: 6px;
	width: 90%;
	margin-top: 25px;
	padding-top: 10px;
	position: relative;
}
.admin #sightingForm .tabbable {
	height: 76px;
	margin-top: 5px;
}
#sightingForm #codecompare {
	background-color: #FBFBFB;
	margin-top: 25px;
	padding: 10px 6px 0 6px;
	width: 90%;
}
#sightingForm #codecompare button {
	padding: 12px 34px; 
}
#sightingForm .tabs-left > .nav-tabs .active > a, 
#sightingForm .tabs-left > .nav-tabs .active > a:hover, 
#sightingForm .tabs-left > .nav-tabs .active > a:focus {
	background-color: #FBFBFB;
}
#sightingForm .tabs-left > .nav-tabs {
	background-color: #FFFFFF;
	height: 123px;
}
#sightingForm .tabs-left.idtype > .nav-tabs {
	height: 82px;
}
body.admin #sightingForm .tabs-left > .nav-tabs {
	height: 76px;
}

#sightingForm .tab-content .tab-pane {
	padding-top: 8px;
}
#sightingForm #sighting_name {width:160px;}
#sightingForm .curator > h4 {
	margin-bottom: 30px;
}
#sightingForm .curator input[type="checkbox"] {
	position: relative;
	top: -9px;
}
#sightingForm .curator .checkbox {
	height: 28px;
}
#eventForm .radio input[type="radio"],
#sightingForm .radio input[type="radio"] {
	width: 13px;
	height: 13px;
	position: relative;
	top: -2px;
}
#btnAddData, #btnReviewData, 
#btnViewRepresentative1, #btnViewRepresentative2 {
	width: 96%;
}
#btnAddData .fa-icon {position: relative; left: -7px; color: #3C3;}
#btnViewRepresentative1, #btnViewRepresentative2 {
	margin-top: 4px;
}
.admin #sightingForm .actions h4 {
	margin-bottom: 30px;
}
.admin #sightingForm .actions button {
	margin-bottom: 2px;
	width: 95%;
}


#tab-match input, #tab-nomatch input {width: 90%;}
#tab-match label {
}
#tab-match button + button {
	margin-top: 5px;
}
#resight_radios {position: relative;}
#resight_radios label.sightings {
	height: 10px;
	left: 89px;
	position: absolute;
	top: -4px;
	width: 100%;
}
.admin #resight_radios label.radio {
	display: inline-block;
}
.admin #resight_radios label.radio:nth-child(2) {
	margin-left: 7px;
}
#resight_radios .span6.event {
	width: 53.936%;
	position: relative;
	top: 5px;
}
#resight_radios .btn {
	font-size: 10px;
	position: relative;
	top: -1px;
}
#resight_radios .multiselect-container input {
	position: relative;
	top: -3px;
	height: 13px;
}
#resight_radios .multiselect-container label.processing {
	color: #f8b351;
}

#address-add {
	display: none;
}


/* CODE COMPARE
 * -------------------------- */
 .btn-group-vertical {width: 100%;}
 .compare-rows {padding: 0 20px;}
 .compare-rows .form-inline {margin: 0 0 5px 0;}
 .compare-buttons {padding: 0 20px;}
 .input-tiny {width: 15px;}
 label.coding {width: 115px;}
 label.log {margin: 0 24px 0 0;}
.compare-spacer {margin: 0 20px 0 37px; display: inline;}

.west-center-large-image,
.west-south-large-image,
.west-center-south-center,
.west-center-south-south
 {border: 0;}

.west-center-south-south {
	padding: 0 !important;
}
.west-center-south-south .label-change-switch {
	font-size: 11px;
}
.west-center-south-south .btn-toolbar {
  width: 40%;
}

.btn-toolbar .btn-group.compare {margin: -8px 0 0;}

.compare-rows label.coding {font-size: 11px;}
.compare-rows select {width: 224px; font-size: 11px;}
.compare-rows .input-tiny {width: 10px; font-size: 11px;}
.compare-rows .btn, .compare-rows .button {font-size: 10px;}
.compare-buttons .btn-group > .btn {font-size: 11px;}
.compare-buttons .btn, .compare-buttons .button {font-size: 10px;}
.compare-buttons label {font-size: 10px;}
.compare-buttons #btnRemainder {position: relative; top: 23px;}
.compare-buttons #btnNoMatches {position: relative; top: 23px;}
.compare-buttons #btnSaveMatch {position: relative; top: 23px;}
.compare-buttons #btnScarred {position: relative; top: 20px;}
.compare-buttons #btnCancel {position: relative; top: 131px;}
.compare-buttons #btnClearAll {position: relative; top: 93px;}
#codecomparebar .btn, #codecomparebar .button {font-size: 10px;}
.compare-buttons #status {font-size: 10px; position: relative; top: 8px;}
.compare-buttons #status .icon-loading {position: relative; top: -2px;}
#codecompareform label {font-size: 11px;}
#codecompareform .row-fluid .controls-row [class*="span"] + [class*="span"] {
	margin-left: 2.12766%;
}
#codecompareform select.highlight {
	border-color: #B94A48;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

#codecomparebar label {
	font-size: 11px;
}
#codecomparebar .has-switch.switch-small {
  min-width: 110px;
}
#codecomparebar h4 {
	float: left;
	margin-top: 1px;
}
#codecomparebar .small {
	font-size: 9px;
	display: block;
	width: 300px;
	float: left;
	padding-left: 60px;
}
#reset-controls {
	margin-right: 10px;
	margin-top: -7px;
}
#reset-controls .inline {
	display: inline-block;
	margin-right: 8px;
	position: relative;
	top: 4px;
}
#reset-controls > .btn {
	border-radius: 4px 0 0 4px;
}
#reset-controls > .btn:last-child {
	border-radius: 0 4px 4px 0;
}
#codecompareform .fuzzy {
	position: absolute;
	margin: 7px 0 0 4px;
}
#codecompareform .fuz {
	left: 18px;
	position: relative;
	top: 12px;
}

#catalog-controls {
	position: relative;
  top: 4px;
}
#ai-results-controls {
	position: relative;
  top: 4px;
  right: 12px;
}
 
/* MATCH
 * -------------------------- */
.center-images { 
	border: none !important;
	padding: 0 !important; 
} 
#layoutbar, .center-images #toolbar {
	border: none !important;
	background-color: #f9f9f9;
}
#layout-toggle-switch label, #layout-toggle-switch .switch-small { font-size: 11px;}
#slider-tool {position: relative; top: -6px;}

.match .nav-tabs { margin-bottom: 0; }
.match .tab-content { padding-top: 10px; background-color: #fff; }
 
#individualform .compare-rows,
#individualform_east .compare-rows, 
#individualform_west .compare-rows  {padding: 20px 20px 0 20px;}
#individualform .compare-rows .form-inline,
#individualform_east .compare-rows .form-inline,
#individualform_west .compare-rows .form-inline {margin: 0 0 5px 0;}
#individualform .input-large, 
#individualform_west .input-large, 
#individualform textarea, 
#individualform_west textarea, 
#individualform_east .input-large, 
#individualform_east textarea 
{width: 151px; font-size: 11px;}
#individualform .compare-rows select, 
#individualform_east .compare-rows select, 
#individualform_west .compare-rows select {width: 165px; font-size: 11px;}
#individualform label,
#individualform_east label,
#individualform_west label {font-size: 11px;}

#carousel-layout { position: relative; }
#carousel-layout .nav li a { font-size: 11px; }
#carousel-layout .imagesize-toolbar {
	position: absolute;
	right: 20px;
	top: 0;
}
#carousel-layout label { font-size: 11px; }

#carousel-recordset-layout { overflow: hidden; }
#carousel-recordset-layout.individual { position: relative; padding: 10px !important; }
#carousel-recordset-layout.individual .nav li a { font-size: 11px; }
#carousel-recordset-layout.individual .imagesize-toolbar {
	position: absolute;
	right: 20px;
	top: 0;
}
#carousel-recordset-layout label { font-size: 11px; }

#imagecontrol-layout { overflow: hidden; }

#recordset-layout .pagination {
	margin: 10px 0;
	font-size: 11px;
}
#recordset-layout .pagination .results {
	display: inline;
	left: 10px;
	line-height: 18px;
	margin-top: 0;
	position: relative;
	top: -13px;
	float: none;
}
#recordset-layout .pagination .links a, #recordset-layout .pagination .links b {
	padding: 6px 12px;
}
#recordset-layout .row-fluid .span4 {
	margin-left: 0;
	width: 30.915%;
}
#recordset-layout .row-fluid .span8 {
	width: 68.957%;
}
#recordset-layout label {
	font-size: 11px;
}
#toggle-switch.match {
	margin-top: 15px;
}
#marksbuttons_east .btn-long {width: 77%;}
#marksbuttons_east .btn-long.slightly-smaller {width: 47%;}
#marksbuttons_east .btn-long.even-more-smaller {width: 31%;}
#marksbuttons_east .btn-admin {width: 62%;}
#marksbuttons_west .btn-long {width: 77%;}
#marksbuttons_west .btn-long.slightly-smaller {width: 47%;}
#marksbuttons_west .btn-long.even-more-smaller {width: 31%;}
#marksbuttons_west .btn-admin {width: 62%;}
#btnShowMatch {
  font-size: 10px;
  left: 185px;
  position: absolute;
  top: 58px;
}
#marksbuttons #btnClose.match {
	width: 68px;
}
#marksbuttons #btnDelete {
	width: 122px;
}
#btnManageCatalogue {
	margin-right: 18px;
	width: 128%;
	position: absolute;
	left: -110px;
	border-radius: 4px;	
}
#btnManageCatalogue .btn.text {
	font-size: 11px;
}
#btnManageCatalogue .dropdown-menu li {
	font-size: 12px;
}

/* CODE
 * -------------------------- */
#scarsandmarkingdialog {font-size: 11px;}
#scarsandmarkingdialog label {font-size: 11px;}

#individualbar h4 span.red {
	color: red;
}
h5.inline.od {
	display: inline-block;
	float: left;
	margin: 0 0 0 119px;
}
h5 + h5.nd {
	display: inline-block;
	margin: 0 0 0 82px;
}
h5.od + h5.od {
	display: inline-block;
	margin: 0 0 0 85px;
}
h5.od + h5.nd {
	display: inline-block;
	margin: 0 0 0 85px;
}
#individualform hr.code {
	margin-top: 3px;
	margin-bottom: 13px;
}
#individualform .confidences {
	margin-left: 2.12766%;
	width: 14.8936%;
	display: inline-block;
	margin-top: 2%;
}
#individualform .merge .confidences,
#individualform .confidences_1,
#individualform .confidences_2 {
	margin-left: 1.12766%;
    width: 23.8936%;
    display: inline-block;
    margin-top: 2%;
}
#individualform .confidences.error,
#individualform .confidences_1.error,
#individualform .confidences_2.error {
	border: 1px solid #B94A48;
}
#individualform .confidence label.coding {
	position: relative;
	top: -34px;
}
#individualform .confidence.merge label.coding {
	position: relative;
	top: 1px;
}
#individualform .confidences + .confidences,
#individualform .confidences_1 + .confidences_1,
#individualform .confidences_2 + .confidences_2 {
	margin-left: 13.12766%;
}
#individualform input.error,
#individualform select.error {
	border-color: #B94A48;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

#btnResetConfidences {
	margin-left: 26px;
}
#btnResetConfidences.merge {
	margin-left: 572px;
}

#myCarousel.code .row-fluid .span3 {
  margin-left: 0.34%;
  width: 18.404%;
}
#marksbuttons #btnClose.code {
	width: 22%;
}
#recordset-layout .imagesize-toolbar {
	position: absolute;
	right: 20px;
	top: 0;
}


/* REPRESENTATIVE
 * -------------------------- */
.center-north-images, .center-south-images,
.east-north-images, .east-south-images {
	background-color: #ededed;
	border: 0;
}
.center-center-images, .east-center-images {
	border: 0;
}
#sightingimages.center-center-images {
	font-size: 11px;
}

#sighting_photos,
#all_photos,
#all_photos_to_merge,
#representative_photos {
	list-style-type: none;
	margin: 0;
	padding: 10px;
	height: 550px;
	max-height: 550px;
}
#sightingimages .loading,
#representativeimages .loading {
  background: url("../image/spinner.gif") no-repeat scroll center center / contain  rgba(0, 0, 0, 0);
  display: block;
  height: 24px;
  margin: 167px 5px 0 0;
  position: relative;
  left: 50%;
  width: 24px;
}
#sightingimages .thumbnails,
#allimages .thumbnails,
#representativeimages .thumbnails
{
	margin: 0;
}
#all_photos li,
#sighting_photos li,
#representative_photos li {
	margin: 3px;
	padding: 7px;
	float: left;
	width: 160px;
	height: 140px;
	font-size: 4em;
	text-align: center;
	cursor: pointer; 
	line-height: 70px;
}
#sighting_photos .ui-selected,
#all_photos .ui-selected,
#representative_photos .ui-selected {
	background: #888;
	color: white;
}
#sighting_photos .ui-selected a,
#all_photos .ui-selected a,
#representative_photos .ui-selected a {
	color: white;
}
#sighting_photos .ui-selected .help,
#all_photos .ui-selected .help,
#representative_photos .ui-selected .help {
	color: white;
}
#sighting_photos .thumbnail,
#all_photos .thumbnail,
#representative_photos .thumbnail {
	margin-bottom: 2px;
}

#sighting_photos .help, 
#all_photos .help, 
#representative_photos .help {
	position: relative;
}
#sighting_photos .fa-icon,
#all_photos .fa-icon,
#representative_photos .fa-icon {
	font-size: 15px;
}
#sighting_photos .fa-circle,
#all_photos .fa-circle,
#sighting_photos .fa-plus-circle,
#all_photos .fa-plus-circle,
#representative_photos .fa-minus-circle {
	color: #a2a2a2;
	left: 1px;
	position: absolute;
	top: 2px;
}
#sighting_photos .fa-plus-circle:hover,
#all_photos .fa-plus-circle:hover,
#representative_photos .fa-minus-circle:hover {
	color: #111111;
}
#representative_photos .fa-check-circle,
#photos .fa-check-circle {
	color: #e2e2e2;
	right: 6px;
	position: absolute;
	top: 1px;
}
#representative_photos .fa-check-circle:hover,
#photos .fa-check-circle:hover {
	color: #111111;
}
#representative_photos .fa-check-circle.on,
#photos .fa-check-circle.on {
	color: #4dd632;
}
#representative_photos .fa-heart {
	color: #e2e2e2;
	left: 1px;
	position: absolute;
	top: 1px;
}
#representative_photos .fa-heart:hover {
	color: #111111;
}
#representative_photos .fa-heart.on {
	color: #ea927d;
}
#representative_photos .fa-heart.on:hover {
	color: #e2e2e2;
}
#sighting_photos .ui-selected .fa-plus-circle,
#all_photos .ui-selected .fa-plus-circle,
#representative_photos .ui-selected .fa-minus-circle,
#representative_photos .ui-selected .fa-check-circle {
	color: #fff;
}
#sightingimages .modal-header h4,
#representativeimages .modal-header h4,
#all .modal-header h4 {
	font-size: 13px;
}
#sightingimages .modal-body,
#representativeimages .modal-body,
#all .modal-body {
	font-size: 11px;
}
#a_noimagedialog.display,
#s_noimagedialog.display,
#r_noimagedialog.display {
	background-clip: padding-box;
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	left: 35%;
	margin-left: 0px;
	outline: medium none;
	position: absolute;
	top: 35%;
	width: 212px;
	z-index: 1050;
}			
#sighting_photos li,
#all_photos li {
	opacity: 1;
}
#sighting_photos li.representative,
#all_photos li.representative {
	opacity: 0.5;
}

/* MERGE
 * -------------------------- */
 div.copy_container {
 	position: relative;
 	display: inline;
 }
 span.copy {
    position: absolute;
    right: 7px;
    font-size: 17px;
    top: 0px;
    background: #eee;
 }
.fa-arrow-circle-right:hover {
	color: #ff0000;
	cursor: pointer;
}

/* INDIVIDUAL
 * -------------------------- */
#individualbar #editing-controls {
	top: -31px;
}

/* HOME
 * -------------------------- */
.home .modal-backdrop, .home .modal-backdrop.fade.in {
	position: absolute !important;
}
#downloadsdialog { width: 650px; }
.home .box > .content { position: relative; }
.home .box > .content .bottom { position: absolute; bottom: 10px; }

/* REGISTER
 * -------------------------- */
#registration .agree .help-block.error {
	position: relative;
	top: 10px;
}

/* AGREEMENT
-------------------------------------------------- */
.arwpic-well {
	background-color: #5783DB;
}
.arwpic-well span {
	color: #fff;
	position: relative;
	top: 3px;
}


/* FONT AWESOME CORE
 * -------------------------- */
.fa-icon,
[class^="fa-icon-"],
[class*=" fa-icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
.fa-icon,
[class^="fa-icon-"]:before,
[class*=" fa-icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* makes the font 33% larger relative to the icon container */
.fa-icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em;
}
/* makes sure icons active on rollover in links */
a [class^="fa-icon-"],
a [class*=" fa-icon-"] {
  display: inline;
}
/* increased font size for icon-large */
[class^="fa-icon-"].fa-icon-fixed-width,
[class*=" fa-icon-"].fa-icon-fixed-width {
  display: inline-block;
  width: 1.1428571428571428em;
  text-align: right;
  padding-right: 0.2857142857142857em;
}
[class^="fa-icon-"].fa-icon-fixed-width.fa-icon-large,
[class*=" fa-icon-"].fa-icon-fixed-width.fa-icon-large {
  width: 1.4285714285714286em;
}
.fa-icons-ul {
  margin-left: 2.142857142857143em;
  list-style-type: none;
}
.fa-icons-ul > li {
  position: relative;
}
.fa-icons-ul .fa-icon-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  text-align: center;
  line-height: inherit;
}
[class^="fa-icon-"].hide,
[class*=" fa-icon-"].hide {
  display: none;
}
.fa-icon-muted {
  color: #eeeeee;
}
.fa-icon-light {
  color: #ffffff;
}
.fa-icon-dark {
  color: #333333;
}
.fa-icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.fa-icon-2x {
  font-size: 2em;
}
.fa-icon-2x.fa-icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fa-icon-3x {
  font-size: 3em;
}
.fa-icon-3x.fa-icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.fa-icon-4x {
  font-size: 4em;
}
.fa-icon-4x.fa-icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.fa-icon-5x {
  font-size: 5em;
}
.fa-icon-5x.fa-icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
[class^="fa-icon-"].pull-left,
[class*=" fa-icon-"].pull-left {
  margin-right: .3em;
}
[class^="fa-icon-"].pull-right,
[class*=" fa-icon-"].pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-icon-rotate-left:before,
.fa-icon-undo:before {
  content: "\f0e2";
}
.fa-icon-pencil:before {
  content: "\f040";
}
.fa-icon-edit:before {
  content: "\f044";
}
.fa-icon-remove:before {
  content: "\f00d";
}
.fa-icon-save:before {
  content: "\f0c7";
}
.fa-icon-crop:before {
  content: "\f125";
}
.fa-icon-rotate-right:before,
.fa-icon-repeat:before {
  content: "\f01e";
}
.fa-icon-plus:before {
  content: "\f067";
}
.fa-icon-minus:before {
  content: "\f068";
}
.fa-icon-zoom-in:before {
  content: "\f00e";
}
.fa-icon-zoom-out:before {
  content: "\f010";
}
.fa-icon-fullscreen:before {
  content: "\f0b2";
}
.fa-icon-picture:before {
  content: "\f03e";
}
.fa-icon-eye-open:before {
  content: "\f06e";
}
.fa-icon-flag:before {
  content: "\f024";
}
.fa-icon-question-sign:before {
  content: "\f059";
}
.fa-icon-question-sign {
	cursor: pointer;
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-times:before {
  content: "\f00d";
}
.fa-check:before {
  content: "\f00c";
}
.fa-search:before {
  content: "\f002";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-picture-o:before {
  content: "\f03e";
}
.fa-download:before {
  content: "\f019";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}

/* LEAFLET
 * -------------------------- */
 
form.leaflet-control-layers-list {
	margin:0;
}
form.leaflet-control-layers-list span {
 	font-size: 12px;
 	line-height: 15px;
	position: relative;
	top: 2px;
}

/* LOOKUPS
 * -------------------------- */
.control-group.hidden {
    display: none;
}

/* SMARTWIZARD
 * -------------------------- */
#step-1 .btn {
	cursor: pointer;
}
.btn-tall {
	height: 300px;
	font-size: 3.2em;
}
#smartwizard .span6 {
  width: 46vw;
}
#smartwizard .span4 {
  width: 31vw;
}

/* Small devices such as large phones (640px and up) */
@media only screen and (min-width: 640px) {

}

/* Medium devices such as tablets (768px and up) */
@media only screen and (min-width: 768px) {

}

/* Large devices such as laptops (1024px and up) */
@media only screen and (min-width: 1024px) {
	#smartwizard ul.nav {
		position: relative;
	  top: -41px;
	  width: 51vw;
	  right: -46%;
	  margin-bottom: -33px;
	}
}

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 1200px) {
	#smartwizard ul.nav {
		position: relative;
	  top: -41px;
	  width: 51vw;
	  right: -46%;
	  margin-bottom: -33px;
	}
}

@media only screen and (min-width: 1536px) {
	#smartwizard ul.nav {
		position: relative;
		top: -41px;
		width: 43vw;
		right: -55%;
		margin-bottom: -33px;
	}
}