* {
	margin: 0;
	padding: 0;
}

body {
	color: white;
    background-color: #fff;
	font: normal 13px Verdana, sans-serif;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
}

a {
	background-color: rgb(255, 159, 20);
	border-color: currentColor;
	border-radius: 5px;
	border-style: none;
	border-width: 0px;
	color: white;
	font-size: 11px;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	padding: 5px;
	text-decoration: none;
}

#header {
	background-color: black;
	background-image: url('../Images/startellogo.png');
	background-position: 25px 50%;
	background-repeat: no-repeat;
	left: 0;
	height: 100px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}

	#header #applicationTitle {
		font-size: 25px;
		font-weight: bold;
	}

	#header #headerControls {
		float: right;
		padding: 20px;
	}

	#header #welcomeContainer {
		position: absolute;
		left: 250px;
		top: 15px;
	}

	#header #welcomeMessage {
		font-size: 12px;
		font-weight: bold;
	}

	#header #menu {
		padding-top: 5px;
	}

		#header #menu a {
			background-color: black;
			color: #CCC;
			margin-left: 5px;
			margin-right: 10px;
			text-decoration: none;
			text-transform: uppercase;
		}

			#header #menu a:hover {
				background-color: rgb(255, 159, 20);
				border-color: currentColor;
				border-radius: 5px;
				border-style: none;
				border-width: 0px;
				color: white;
				font-size: 11px;
				outline-color: invert;
				outline-style: none;
				outline-width: medium;
				padding: 5px;
				text-decoration: none;
			}

		#header #menu p {
			color: white;
			display: inline;
			font-size: 11px;
			margin-left: 5px;
			margin-right: 10px;
			text-transform: uppercase;
		}

#main {
	background-image: url('../Images/bg.jpg');
	bottom: 30px;
	height: -moz-calc(100% - 130px);
	height: -webkit-calc(100% - 130px);
	height: calc(100% - 130px);
	left: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 100px;
}

#content {
	background-color: rgb(35, 171, 209);
	left: 250px;
	margin-top: 25px;
	position: fixed;
}

#contentHeader {
	display: -ms-flexbox;	/* IE 10 */
	display: flex;			/* Standard */
	padding-left: 5px;
	padding-top: 10px;
}

	#contentHeader h2 {
		width: -moz-calc(100% - 100px);
		width: -webkit-calc(100% - 100px);
		width: calc(100% - 100px);
	}

#footer {
	background-color: black;
	color: #ddd;
	bottom: 0;
	height: 30px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: auto;
	width: 100%;
}

	#footer p {
		display: inline;
		padding: 5px 5px;
	}

	#footer #applicationVersion {
		float: right;
		margin: 5px 5px;
	}

	#footer #copyright {
		float: left;
		margin: 5px 5px;
	}

.button {
	background: #ffb546;
	border-radius: 5px;
	color: white;
	display: inline;
	font-size: 15px;
	padding: 5px;
	text-align: left;
}

div.dataTable {
	margin: 20px auto;
	padding: 10px;
	width: 550px;
}

	div.dataTable td, th {
		padding: 5px;
		text-align: left;
	}

		div.dataTable td.noItems {
			font-style: italic;
		}

div.listItem a {
	background-color: inherit;
	border-color: none;
	border-radius: 0px;
	border-style: none;
	border-width: 0px;
	color: white;
	font-size: 13px;
	outline-color: none;
	outline-style: none;
	outline-width: medium;
	padding: 0px;
	text-decoration: underline;
}

div.tableFullRow {
	display: -ms-flexbox;	/* IE 10 */
	display: flex;			/* Standard */
	margin-left: 15px;
	padding: 5px;
	vertical-align: top;
}

div.tableRow {
	display: -ms-flexbox;	/* IE 10 */
	display: flex;			/* Standard */
}

	div.tableRow p {
		padding: 5px;
		vertical-align: top;
	}

.headerLink {
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

.message {
	background-color: rgb(255, 159, 20);
	color: white;
	font-weight: bold;
	padding-left: 5px;
	width: 99%;
}

.scrollableContainer {
	height: -moz-calc(100% - 60px);
	height: -webkit-calc(100% - 60px);
	height: calc(100% - 60px);
	overflow: auto;
	width: -moz-calc(100% - 25px);
	width: -webkit-calc(100% - 25px);
	width: calc(100% - 25px);
}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    /*padding: 0 1.4em 1.4em 1.4em;*/
	border: thin solid;
    margin-left: 5px;
	margin-right: 10px;
	margin-top: 0px;
	padding: 10px;
}

legend {
    color: white;
	font-style: italic;
	margin: 5px;
}

textarea {
    min-height: 75px;
}

ul {
	padding-left: 10px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: black;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: black;
}

.validation-summary-valid {
    display: none;
}

.selectPresence{
    background-color:black;
    border-color:darkgreen;
    color:white;
    padding:3px 8px 3px 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*direction:rtl;*/
}