﻿/*Twitter bootstrap overrides*/
fieldset input:not([type]), fieldset input[type="text"], fieldset input[type="number"], fieldset input[type="datetime"], fieldset input[type="password"],
fieldset select,
fieldset textarea {
	min-width: 206px;
}

	fieldset input[type="number"].number {
		min-width: initial;
		width: 50px;
	}

a.dashboard {
	font-weight: bold;
}

.helpButton[data-icon]:before {
	content: none !important;
}

#sitemapPopup ul {
	list-style: none;
	list-style-type: none;
	padding: 0;
}

#asideViewSwitcher {
	background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
	background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #b92c28;
	width: 100%;
	color: white;
}

	#asideViewSwitcher:hover {
		background-image: -webkit-linear-gradient(top, #ED1C24 0%, #ED1C24 100%);
		background-image: linear-gradient(to bottom, #ED1C24 0%, #ED1C24 100%);
	}

.ui-dialog {
	z-index: 1100;
}

#ui-datepicker-div {
	/*to go over redactor and dialogs */
	z-index: 1105 !important;
}

#sitemapPopup-popup {
	right: auto !important;
	left: auto !important;
	width: 500px;
}

a.btn-danger, a.btn-success, a.btn-info, a.btn-warning, a.btn-primary {
	color: #fff !important;
}

.noHeight {
	height: 0;
}

#helpMenu {
	width: 150px;
}

#helpDialog h3 {
	border-bottom: red solid thin;
}

#helpDialog h4 {
	font-weight: 800;
	color: darkgray;
	text-transform: uppercase;
}

#helpDialog .helpMenu {
	width: 200px;
	max-width: 200px;
}

#helpDialog .helpMenu, #helpDialog .helpContent {
	vertical-align: top;
	float: left;
	overflow-y: auto;
}

#helpDialog .helpContent {
	width: 690px;
	max-width: 690px;
}

/* --- Accordion --- */

#helpMenuList {
	margin: 0;
	padding: 0;
}

	#helpMenuList li {
		list-style-type: none;
	}

		#helpMenuList li.last-child {
			margin-left: 19px;
			list-style-type: disc;
		}

	#helpMenuList ul {
		margin: 0;
		padding: 0 0 0 20px;
	}

	#helpMenuList .outer {
		border: 0 none;
		background: #fff;
	}

	#helpMenuList .inner {
		margin-bottom: 0;
		padding: .25em 20px;
		position: relative;
		overflow: hidden;
	}

		#helpMenuList .inner .inner {
			padding-bottom: 0;
		}

	#helpMenuList .h {
		padding-top: .3em;
	}
	/* vertical padding instead of vertical margin (ie8) */

	#helpMenuList p {
		margin: .5em 1px 1em;
	}

	#helpMenuList a.trigger {
		padding-left: 20px;
		background-image: url('https://map0.b-cdn.net/style/img/plus.gif');
		background-repeat: no-repeat;
		background-position: 0 50%;
		font-weight: 700;
	}

		#helpMenuList a.trigger.open {
			background-image: url('https://map0.b-cdn.net/style/img/minus.gif');
		}

	#helpMenuList .last-child a.trigger {
		padding-left: 1px;
		background-image: none;
		font-weight: normal;
	}

	#helpMenuList a.active {
		font-weight: 700;
		color: #ef884a;
		text-decoration: none;
	}

	#helpMenuList a.link, .heading {
		display: inline-block;
		margin-left: 5px;
		font-weight: 600;
		vertical-align: middle;
	}

	#helpMenuList a.icon.trigger {
		display: inline-block;
		width: 15px;
		height: 15px;
		padding: 0;
		border: 0 none;
		border-radius: 3px;
		vertical-align: middle;
	}

	#helpMenuList a.icon.trigger {
	}

		#helpMenuList a.icon.trigger:hover, #side a.icon.trigger:focus, #side a.icon.trigger:active {
			background-color: #86a0ef !important;
		}

label, .label {
	display: inline;
	font-weight: bold;
	padding: 5px 0 0 0;
}

.label {
	color: black;
	font-size: 0.95em;
}

.colorpicker {
	color: initial;
	font-size: initial;
	font-weight: initial;
	line-height: initial;
}

.map div {
	line-height: initial;
}

.map img {
	max-width: none;
	vertical-align: initial;
}

.navbar {
	margin-bottom: 5px;
}

.navbar-inner {
	padding-right: 0;
}

h1, .h1 {
	color: #ed1c24;
	display: block;
}

h1, .h1 {
	letter-spacing: 0;
	font-size: 1.8em;
	font-weight: 500;
	margin: 1em 0 1em 0;
	display: block;
}

html {
	margin: 0;
}

body {
	color: #333333;
	/*font-size: .85em;*/
	height: 100%;
	/*font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;*/
	margin: 0;
	padding: 0;
}

input, select, textarea {
	font-family: Arial;
	font-size: 1em;
}

header {
	height: 55px;
	background-color: #e2e2e2;
}

	header table {
		width: 100%;
		height: 35px;
	}

	header .h1 {
		margin: 0;
	}

	header td {
		vertical-align: bottom;
	}

		header td.buttons div {
			float: right;
		}

.about, p.notice {
	margin: 0 0 10px 10px;
	width: 95%;
}

p.notice {
	background-color: white;
}

#summaryTabs {
	margin-left: 10px;
}

input.search-query {
	width: 300px;
}

p, ol, ul {
	margin-top: 0;
}

p {
	line-height: 170%;
}

a img {
	border: none;
}

aside a.photo img {
	margin-bottom: 6px;
	border-style: solid;
	border-width: 2px;
	border-radius: 5px;
}

/** WRAPPER */
page-wrapper {
	width: 100%;
	float: left;
}

.container {
	width: 95%;
	margin: 0 auto 0 auto;
}

.clearfix {
	clear: both;
}

.ui-spinner input {
	margin-bottom: 2px;
	height: 20px;
}

/** HEADER */
#login {
	display: block;
	font-size: .85em;
	margin: 20px 0 12px 0;
	text-align: right;
}

	#login a {
		background-color: #d3dce0;
		margin-left: 10px;
		margin-right: 3px;
		padding: 2px 3px;
		text-decoration: none;
	}

		#login a.username {
			background: none;
			margin-left: 0;
			text-decoration: underline;
		}

	#login ul {
		margin: 0;
	}

	#login li {
		display: inline;
		list-style: none;
	}

ul#menu > li {
	display: inline-block;
	width: auto;
}

/** CONTENT */
#page {
	overflow: hidden;
}

#two-column .box-style {
	overflow: hidden;
	padding: 1.8em 0em 0em 0em;
}

#two-column h3 {
	padding-bottom: .1em;
	font-size: 1.2em;
	font-weight: 600;
}

#two-column #tbox1 {
	width: 45%;
	float: left;
}

#two-column img {
	padding: 5px;
	margin-right: 30px;
	border: #e1e1e1 1px solid;
	float: left;
	opacity: 0.8;
	background-image: none;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position-x: 0;
	background-position-y: 0;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: rgb(255, 255, 255);
}

#two-column #tbox2 {
	width: 45%;
	float: right;
}

@media print {
	aside, #logo, header .buttons {
		display: none;
	}
}

.editor-label,
.editor-field {
	margin-top: 0.6em;
	display: inline-block;
	vertical-align: top;
}

fieldset input[type="submit"] {
	clear: left;
}

.editor-label,
fieldset > p {
	clear: left;
	width: 150px;
	padding-top: 5px;
}

.editor-field,
fieldset > input,
fieldset > select,
fieldset > textarea,
fieldset > span[data-valmsg-for],
fieldset > span.message-for,
fieldset > div input,
fieldset > div select,
fieldset > div textarea,
fieldset > div span[data-valmsg-for],
fieldset > div span.message-for {
	float: initial;
	margin-left: 0.2em;
	margin-top: 0.7em;
}

	fieldset > input[type="checkbox"],
	fieldset > div input[type="checkbox"],
	fieldset > input[type="radio"],
	fieldset > div input[type="radio"] {
		margin-top: 1.1em;
	}

.no-style {
	margin-top: auto !important;
	margin-left: auto;
	float: initial;
	min-width: initial !important;
	width: auto;
}

fieldset h1,
fieldset h2,
fieldset h3 {
	clear: left;
	padding-top: 0.6em;
	margin-bottom: 0;
	line-height: 20px;
}

fieldset h3 {
	padding-top: 0;
}

fieldset > h2 ~ div,
fieldset > h3 ~ div {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

td.radio-button {
	width: 20px;
}

.fieldset-validation-error,
fieldset > span[data-valmsg-for],
fieldset div > span[data-valmsg-for] {
	color: red;
	display: inline;
}

.fieldset-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid red;
	background-color: #ffeeee;
}

.validation-summary-errors {
	font-weight: bold;
	color: red;
}

.validation-summary-valid {
	display: none;
}

a.followmyspot {
	text-decoration: none;
	color: black;
}

	a.followmyspot:hover {
		text-decoration: underline;
		color: blue;
	}

img.spot-tiny {
	width: 16px;
	height: 10px;
	vertical-align: middle;
}

table.data {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Arial;
	font-size: .85em;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent silver silver transparent;
	border-image: none;
	border-style: solid dotted solid solid;
	border-width: 1px;
	cursor: default;
	margin: 0;
	padding: 1px 2px 2px 1px;
	vertical-align: middle;
}

	table.data th {
		background: #ddd;
		padding: 5px 10px 3px 5px;
	}

.slick-header-column {
	text-align: center;
}

table.data tr:nth-child(odd) {
	background-color: #eee;
}

table.data tr:nth-child(even) {
	background-color: #fff;
}

table.data td {
	padding: 5px;
}

/*form {
	width: 100%;
	margin-bottom: 0;
	float: left;
}

div.Message {
	background: gray;
	color: White;
	padding: .2em;
	margin-top: .25em;
}



.editor-label {
	margin: 1em 0 0 0;
	clear: left;
	float: left;
	min-width: 100px;
	vertical-align: middle;
	font-weight: bold;
}

.editor-fieldset {
	margin-bottom: .8em;
	margin: 0.5em 0 0 0;
	width: 150px;
	float: left;
}

/*.editor-label:after {
	content: ":";
}*/

/*.text-box {
	width: 25em;
}

.multi-line {
	height: 5em;
	font-family: Segoe UI, Verdana;
}*/
/* login
----------------------------------------------------------*/


#login a.username {
	background: none;
	margin-left: 0;
	text-decoration: underline;
}

#login ul {
	margin: 0;
}

#login li {
	display: inline;
	list-style: none;
}

#menu > li {
	display: inline-block;
	width: auto;
}

#menu ul {
	z-index: 1;
}

#logo {
	width: 300px;
	height: 53px;
}

	#logo img {
		width: 300px;
		height: 53px;
	}

#footer {
	margin: 70px 3px 10px 30px;
	padding: 0;
	clear: both;
	border-top: dotted thin;
}

#footer-inner {
	padding: 5px 0 20px 0;
}

.footerhome {
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 0;
	left: 300px;
	right: 0;
	height: 35px;
	border-top: dotted thin;
}

.footerinnerhome {
	padding: 5px 5px 20px 5px;
}
