body 
{
	  background-image: url('../img/adminBackgrounds/Aerial Imagery.jpg');
	  background-position: top left;
	  background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      overflow: auto !important;      
}
.fullsize
{
    overflow: auto !important;
}
.hidden
{
	display: none;
}
#switchBackgroundcontainer 
{
	color: #ffffff;
	display: block;
	float:right;
	width:30%;
		
	/* Glowy text hack for aesthetics. */
	text-shadow: 0 0 5px #000000, 0 0 5px #000000, 0 0 5px #000000, 0 0 5px #000000, 0 0 5px #000000;
	filter: progid:DXImageTransform.Microsoft.Glow(color=000000,strength=2);
}
.olMap
{
	position:relative !important;
}
.adminEmbeddedMapContainer 
{
	margin-bottom:3px !important;
}
.dialogContentContainer 
{
	padding:5px;
}
.adminControlContanier
{
	width: 95%;
	margin:auto;
	margin-top:2%;
}
.adminListInput
{
	width:93%;
}
.adminListlabel
{
	font-weight:bold !important;
	width: 25% !important;
	float:right!important;
}
.removeWMSLayer
{
	cursor: pointer;
	margin-top: 5px;
	vertical-align: middle;
	margin-left: -18px;
	z-index: 9999;
	position: absolute;
}
.adminFloat
{
}
.adminFloatContainer
{
	width:100%;
}
.adminFloatLeft, .adminListlabel
{
	float:left!important;
}
.adminFloatRight
{
	float:right!important;
}
.adminClear
{
	clear:both;
}
.adminFormField, .adminLayersListContainer, .adminLayersList li
{
	margin-bottom:2px;
}

.adminFormField label, .adminFormField span, .mapControlUILabel, .mapAddInUILabel
{   
	vertical-align:middle; 
	font-weight: bold;
	display:inline-block;
	width:20%;
	text-align: right;
}
.mapAddInUILabel, .addInName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.adminFormLeftButtonContainer
{
	float:left;
	width:35%;
}

.adminLayersContainer, .adminUrlsContainer, .mapControlsContainer, .adminSearchColumnsContainer, .mapAddInsContainer
{
	display:inline-block;
}
.adminLayersListContainer
{
	height: 75px;
	overflow:auto;
}
.adminLayersList
{
	margin:0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
.adminSearchColumnsContainer label, .adminSearchColumnsContainer span
{
    text-align:left !important;
}
.adminSearchColumnsContainer
{
    margin-bottom: 5px;
}
.adminSearchColumnsContainer .repeaterItem
{
    margin-top: 0px !important;
    padding-bottom: 5px;
}

    .adminSearchColumnsContainer .repeaterItem:last-child
    {
        border: none;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .adminSearchColumnsContainer .repeaterItem .adminLayerDisplayView
    {
        margin-bottom: 0px !important;
    }
.multiLine
{
    height:75px;
}
.multiLineLabel
{
    vertical-align:top !important;
}
.newItemInput
{
	width:99%;
}
.adminLayersList li
{
}
.adminFormField input[type=checkbox]
{
	padding-left:0px;
}
.adminFormField input[type=text], .adminFormField select, .adminFormField input[type=checkbox], .adminLayersContainer,.adminUrlsContainer, .adminFormField input[type=password], .mapControlsContainer, .adminFormField textarea, .adminSearchColumnsContainer, .mapAddInsContainer
{
	margin-left:2%;
	vertical-align: middle;
}
.adminFormField input[type=text], .adminFormField select, .adminLayersContainer, .adminUrlsContainer, .adminFormField input[type=password], .mapControlsContainer, .adminFormField textarea, .adminSearchColumnsContainer, .mapAddInsContainer
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width:63%;

}
.controlsContainerLabel, .addInsContainerLabel, .searchesContainerLabel
{
	float:left;
}
.mapControlUILabel, .mapAddInUILabel, .mapSearchUILabel
{
	font-weight:normal !important;
	width:85% !important;
	vertical-align: middle !important;
}
.mapControlUIContainer, .mapAddInUIContainer, .mapSearchUIContainer
{
}
.mapControlUICheckBox, .mapAddInUICheckBox, .mapSearchUICheckBox
{
}
.adminEmbeddedMapContainer
{
	width:100%;
	height: 300px;
}
.submenuitem 
{
	/* Original background colour, created by theme roller.  This is removed to allow transparency. */
	/* background-color: #000000; */
	left: 168px;
	top:-42px;
	padding: 0;
	position: relative;
	list-style-type: none;
	width:180px;
}
button span.ui-button-text
{
	width:auto !important;
}
.adminLayerDisplayView
{
	margin-bottom: 15px;
}
.adminLayerNameContainer
{
}
.adminLayerName, .adminLayerType
{
	font-weight: bold;
    
}
.adminLayerName
{
    text-overflow: ellipsis !important;    
    display: block;
    overflow: hidden;
}
.adminLayerType
{
}
/* loading */
.adminLoadingContainer
{
	top:5px;
	height:31px;
	width:100%;
	z-index:100000;
	position:absolute;
}
.adminLoadingCentre
{
	margin:auto;
	position:absolute;
	z-index: 1000000;
	background-color: White;
}
.adminLoadingText
{
}
.activitySpinner {
    vertical-align: middle;
    outline: 1px solid rgba(255, 255, 255, 0);
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation-name: activitySpinner-rotate;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    border-color: rgba(0, 101, 162, 1) rgba(0, 101, 162, 0.25) rgba(0, 101, 162, 0.25);
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 4px;
    height: 18px;
    position: relative;
    top: 50%;
    width: 18px;
    display: inline-block;
    margin-left: 5px;
}

@keyframes activitySpinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* end loading */
/* admin messages */
.messageContainer
{
	width:100%;
	position:absolute;
	top:0px;
	text-align: center;
	padding-top: 12px;
	border: solid 1px black;
	height:30px;
	background-color: White;
	z-index: 1000000;
}
.messageText
{
}

/* end admin messages */
/* WMS Control */
.selectLayers
{
	height:90%;
	width:100%;
}
.adminSelectLayerContainer
{
	height: 95% !important;
}
.adminNewLayerContainer
{
	height: 80% !important;
}
/* end WMS Control*/
/* Current Map */
.currentMapContainer
{
	width: 100%;
	padding-top:10px;
	text-align:center;
    position:absolute;
}
.namePrefix
{
	font-weight: normal !important;
}
.mapName
{
	margin-left:5px;
	font-weight:bold;
}

.mapLink
{
	margin-left: 5px;
}

/* end Current Map */
.leftLabel, .rightLabel, .sliderContainer 
{
	display:inline;
	float:left;
	width: 15%;
	padding: 5px;
	padding-left:0px!important;
}

.leftLabel 
{
	/*text-align: right;*/
}
.rightLabel 
{
	margin-left: 5px!important;
}

.sliderContainer 
{
	width: 65%;
	margin-top:3px;
}
.fillColourContainer label
{
	width:30px;
}
.patternContainer label, .patternContainer .patternPicker-picker, .colourContainer label, .colourContainer .colorPicker-picker, .fillColourContainer label, fillColourContainer .colorPicker-picker
{
	display:inline-block;
}
.patternContainer label
{
	width:65px;
	top:10px;
}
.colourContainer label
{
	width:65px;
	top:5px;
}
.patternContainer .patternPicker-picker, .colourContainer .colorPicker-picker, fillColourContainer .colorPicker-picker
{
	margin-left:0px !important;
	margin-top:0px !important;
}

.drawStylecommonContainer
{
	clear: both;
	width: 92%;
}

.permissionsControlHeader
{
	background-color:#0065a2;
	color: #ffffff;
	display:block;
	font-weight:bold;
    padding: 5px;
}

.permissionsList
{
	margin:0;
	padding: 0;
	list-style:none;
	list-style-type:none;
}
.permissionsListItem
{
    margin-top: 3px;
}
.permissionsListItemUnsetButton {
    margin-left: 3px;
}

.permissionsListName {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 35% !important;
}
.permissionsListItemUnsetButton span {
    width: auto !important;
}
.permissionsUpdateButton {
    float: right;
}
.mapPermissionsContainer, .addInPermissionsContainer {
    margin-bottom: 3px;
}
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 100000
}
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
	height: 100px;
  }

/* end admin messages */
/* File upload*/
/*
 * jQuery File Upload UI Plugin CSS 9.0.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url("../img/progressbar.gif") !important;
  filter: none;
}
.fileupload-process {
  float: right;
  display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../img/loading.gif") center no-repeat;
  background-size: contain;
}
.files audio,
.files video {
  max-width: 300px;
}
.fileinput-button .ui-button-text
{
	top:2px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
	display: none;
  }
  .files .name {
	width: 80px;
	word-wrap: break-word;
  }
  .files audio,
  .files video {
	max-width: 80px;
  }
  .files img,
  .files canvas {
	max-width: 100%;
  }
}
.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  height:25px;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
	filter: alpha(opacity=0);
	font-size: 100%;
	height: 100%;
  }
}
.offsetx, .offsety
{
	width:60px;
}
.progress
{
	width:60px;
}
/* End File Upload */
.adminFormLeftContainer
{
	width: 20%;
	display: block;
	height: 20px;
	float: left;
	margin-top: 2%;
}
.adminFormRightContainer
{
	width: 63%;
	float: left;
	margin-left: 2%;
	margin-top: 2%;
}
.separator
{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}
.previewContainer
{
	margin-left:25%;
}
.pickerContainer
{
	width:25%!important;
	float:left;
}
.adminDrawStyleButton
{
	margin-left:15%;
	margin-top: 20px;
}
/* End File Upload */

.adminGroupsPanel, .adminUsersPanel
{
	float: left;
	width: 48%;    
}

.adminUsersPanel
{
	padding-left: 5px;
}
.newExistingMapUIList
{
	list-style-type: none;
	margin-left: -2%!important;
	padding: 0px;
}
.newExistingMapUIList label
{
	text-align: left!important;
	width:70%;
	height:22px!important;
}
.instructionLabel
{
	vertical-align:middle; 
	font-weight: bold;
	display:block;
	margin-bottom:10px;
}

.dataTables_filter
{
    /*clear: both;*/
	margin-top:0px!important;
	margin-left:0px;
	float: right!important;
	text-align: left!important;
	width: 200px!important;
}

.paginate_button
{
    margin:3px;
    cursor: pointer;
}
.allowedHostContainer
{
    margin-bottom:5px;
}
.allowedHostRemoveButton
{
    margin-left:5px;
}
.allowedHostText
{
    text-align:left !important;
    margin-left: 5px;
    width:auto !important;
}

.mapControlsContainer, .mapAddInsContainer, .mapSearchesContainer
{
    width: 70%;
}
.mapSearchesContainer:after {
    clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .mapSearchesContainer {
    height: 1%
}
*+html .mapSearchesContainer {
    min-height: 1%
}

.mapControlColumn, .mapAddInColumn, .mapSearchColumn
{
    display:block;
    float:left;
    width: 150px;
}

.resolutionsTable
{
    margin-bottom: 10px;
}

.resolutionsTable td, .resolutionsTable th
{
    padding: 5px;
    text-align: center;
}

.resolutionsOddRow
{
    background-color: #eeeeee;
}
.vAlignMiddle
{
	vertical-align:middle!important;
}
.adminAlignRight
{
	text-align :right;
}
.marginTopAndBottom
{
	margin-top: 10px;
margin-bottom: 10px;
}
.informationText
{
	height:20px;
}
.selectMapContainer {
    margin-top: 10px;
    width:90%;
    margin-left:auto;
    margin-right:auto;
}
.selectMapDescription {
    padding: 3px;
    margin-top: 5px;
}
.selectMapLink
{
}

.tinymceContainer
{
    display: inline-block !important;
    width: 63%;
        margin-left:2%;
        vertical-align: top;
}

    .tinymceContainer span
    {
        display: inline;        
    }

.adminGroupUserList, .adminGroupList
{    
    clear: both;
    list-style: none;
    list-style-type:none;
    margin:0;
    padding:0;
}

    .adminGroupUserList li, .adminGroupList li
    {
        clear: both;
        padding: 5px;
        min-height:1%;
        overflow: hidden;
    }

    .adminGroupUserList li a, .adminGroupList li a
    {
        float: left;
    }

    .adminGroupUserList li button, .adminGroupList li button
    {
        float: right;
    }

    .adminGroupUserList .odd, .adminGroupList .odd
    {
        background-color: #eeeeee;
    }

    .adminGroupUserList li:after, .adminGroupList li:after, .adminGroupUserList li:before, .adminGroupList li:before
    {
        content:"";display:table;
    }
    .adminGroupUserList li:after, .adminGroupList li:after{clear:both;}

.securityAddButton input
{
    width: 55% !important;
}

.repeaterItem
{
    margin-top: 5px;
    clear:both;
    border-bottom: solid 1px black;
}

    .repeaterItem div .adminLayerDisplayView
    {
        width: 80%;
    }

.noticeBoardPanelControlContainer
{
    clear: both;
    display:block;
    float:right;
}

.forgottenPasswordLink
{
    margin-left: 210px;
}

.creditsBox {
  float: right;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  text-decoration: none;
  position: absolute;
  right: 0px;
  top:0px;
}
.creditsBox:hover {
  text-decoration: underline;
}
.creditsBox:active, .creditsBox:visited, .creditsBox:hover, .creditsBox:link {
  color: #ffffff !important;
  text-decoration: none;
}

.appSettingsTable {
    padding-top:10px;
    width:100%;
}

.appSettingsTable thead tr th {
    font-size:1.2em;
}

.appSettingsFilter {
    margin-bottom: 15px;
}
.harvestUsersControl, .addFederatedPrincipalControl {
    height: 97%
}
.harvestADUserContainer, .federatedPrincipalContainer {
    height: 100%;
}
.harvestUsersdataTables_wrapper {
    height: 95%;
}
.harvestUsersdataTables_scroll {
    height: 94%;
}
.addPrincipalContainer, .importPrincipalContainer {
    margin-bottom: 5px;
}
.addPrincipalInputContainer {
    width: 90%;
    float: left;
}
.importPrincipalUpload {
    display: none;
}
.selectImportFileButton {
    margin-left: 3px;
}