html, body {
	background: none;
	margin: 0;
	min-height:100%;
	height: 100%;
}

*:focus {
	/* Avoid Chrome focus border */
	outline: none;
}

.topbar {
	padding: 10px;
}

.ui-widget {
	font-size: 1.0em;
}

#search-text.ui-corner-all,
#search-text.ui-corner-right,
#search-text.ui-corner-top {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.search-text {
	margin-right: 0px;
	font-size: 11pt;
	width: 200px;
}

#search-button {
	margin-left: 0px;
	font-size: 11pt;
}

#search-button .ui-button-icon-primary,
#search-button .ui-icon,
#search-button .ui-icon-search {
	background-image: none;	
	width: 0;
}

#search-button .ui-button-text {
	padding-left: 1em;
}

#search-button {
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
}

.search-text {
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
	background: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

.input-round {
	border-radius: 20px;
}

#searching {
	display: none;
}
#searching img {
	width: 30px;
	height: 30px;
}

.collaborate-link a {
	cursor: pointer;
}

.toolbar-button {
	cursor: pointer;
}

.toolbar-button-hover,
.toolbar-button-click {
	background-repeat: repeat-x;
}

.toolbar-button-side {
	width: 1px;
	height: 24px;
}

.toolbar-button-icon {
	width: 36px;
	height: 36px;
}

.toolbar-button-text {
	margin-left: 10px;
}
.toolbar-button-hover .toolbar-button-text {
	text-decoration: underline;
}

.toolbar-separator {
	margin-left: 10px;
	margin-right: 10px;
}

#search-results {
	padding:10px;
}

#page-results {
	margin-top: 10px;
}

.ui-accordion .ui-accordion-content {
	padding: 0px;
}

.ui-accordion .ui-accordion-header {
	font-size: 11pt;
}

#maplayertree {
	display: inline-block;
}

.tree-item-button {
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
}

.tree-item-button-edit {
	margin-right: 3px;
}

.tree-item-button-up {
	margin-left: 10px;
}

.tree-item-button-down-disabled,
.tree-item-button-up-disabled {
	cursor: auto;
}

#search-results {
	padding: 10px;
}

#page-results {
	margin-top: 10px;
}

#page-results .resultTitle {
	font-size: 11pt;
	font-weight: bold;
	cursor: pointer;
	width: 220px;
	line-height: 2em;
}

#page-results .resultType {
	font-size: 10pt;
}

.paginateSection {
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 100%;
}

#search-services-PaginateSection {
	margin-top: 10px;
}

.no-text-selection {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.nextPage,
.previousPage {
	cursor: pointer;
	white-space: nowrap;
}

.pageof-text {
	text-align: center;
	width: 100%;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

.search-text {
	margin-right: 0px;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
}

#map-legend img {
	width: 30px;
	height: 30px;
	padding: 0 4px;
}
#map-legend td {
	font-size: 9pt;
}

.mapinfo-item,
.maplegend-item {
	padding: 5px;
}

.mapinfo-item-title,
.maplegend-item-title {
	font-size: 11pt;
	margin-bottom: 5px;
}

.maplegend-item-subtitle {
	font-size: 11pt;
	margin-bottom: 5px;
}

.mapinfo-item-body, 
.maplegend-item-body,
.framed-container {
	border: solid 1px;
	border-radius: 6px;
}

.mapinfo-item-body iframe,
.framed-container iframe {
	overflow-y: auto;
}

.maplegend-item-body {
	width: 100%;
	padding: 5px;
}

#add-service-form {
	padding: 8px;
}

#add-service-form > div,
#add-service-form div {
	font-size: 10pt;
}

#add-service-table,
#add-service-table select {
	font-size: 10pt;
}

.add-service-key {
	font-weight: bold;
	width: 65px;
}

.add-service-detail {
	font-size: 8pt;
}

#add-service-url,
#add-service-title,
#add-service-type,
#add-service-version {
	width: 100%;
	/*text-align:right;
	padding-right: 5px;
	*/
}

#add-service-url,
#add-service-title,
#search-services-keywords {
	text-align:right;
	padding-right: 5px;
}

#add-service-version {
	/*width: 40px;*/
}

.add-service-value {
	width: 100%;
	padding-right: 5px;
}

#add-service-table {
	margin-top: 5px;
	margin-bottom: 10px;
	width: 100%;
}

#add-service-table td {
	padding: 3px;
}

.sampleText {
	color: grey;
}

#add-service-form-showBasic,
#add-service-form-showAll {
	text-align: right;
}

span.dynatree-node a {
	font-size: 9pt;
}

.ui-dialog .ui-dialog-title {
	font-size: 11pt;
}

.ui-dialog .ui-dialog-content {
	font-size: 10pt;
	background-color: white;
}

#dialog-collaborate p {
	text-align: justify;
	padding-bottom: 10px;
}

#add-service-url-info-button {
	cursor: pointer;
}

.panel-right-vertical {
	min-height: 500px;
	padding: 10px;
	width:320px;
}

.panel-right-vertical-flap {
	cursor: pointer;
}

#panel-accordion .ui-accordion-content {
	width: 317px;
}

.panel-left-horizontal {
	min-height: 500px;
	padding: 10px;
	width: 320px;
}

.panel-left-horizontal-flap {
	cursor: pointer;
}

.link {
	font-size: 10pt;
	text-decoration:none;
}

.link:hover {
	text-decoration:underline;
}

a {
	font-size: 10pt;
	text-decoration:none;
}

#other-projects-links p {
	font-size: 9pt;
	padding: 0 10px;
}
.links-cat {
	font-size: 9pt;
	margin-top: 10px;
}
.links-list ul {
	padding: 0 30px;
}
.links-list li {
	list-style: circle outside none;
	font-size: 10pt;
	padding-bottom: 5px;
}
.links-list li a, .collaborate-link a {
	text-decoration: underline;
}
#other-projects-links .collaborate-link {
	text-align: right;
}

a:hover {
	text-decoration:underline;
}

.progress { 
	position:relative; 
	width:438px; 
	border: 1px solid #ddd; 
	padding: 1px; 
	border-radius: 3px; 
}

.bar { 
	background-color: #D4EAEF; 
	width:0%; 
	height:20px; 
	border-radius: 3px; 
}

.percent { 
	position:absolute; 
	display:inline-block; 
	top:3px; 
	left:48%; 
}

#loading-container {
	background: white;
	cursor: progress;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
	span.dynatree-folder.dynatree-expanded {
		/* Chrome dnd fix - span out of space (DOM inspection) */
		display: inline-block;
	}
	span.dynatree-folder.dynatree-expanded.dynatree-exp-ed,
	span.dynatree-folder.dynatree-expanded.dynatree-exp-edl {
		display: inline;
	}
}

ul.dynatree-container a,
ul.dynatree-container a:hover {
	text-decoration: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* IE10-specific styles go here */
	span.dynatree-node {
		display: inline-block;
	}
}

.add-service-button {
    cursor: pointer;
}

#container-header {
 	width:100%;
 	float:left;
 	clear:both;
 	/*height:20;*/
 	position:absolute;
 	top:0px;
 	z-index:1;
 	background-color:#1e1e1e;
 	font-family: Arial, Helvetica, sans-serif;
}

#container-footer {
	width:100%;
	float:left;
	clear:both;
	height:17px;
	position:absolute;
	z-index:1;
}

.ie #container-footer {
	bottom: 0px;
}

#container-footer iframe{
	height: 100%;
	width: 100%;
}