body {
	background-color: #2ab9e8 !important;
	background-image: url(/Images/CloudBackground.jpg);
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	margin: 0;
	font-family: "Open Sans", sans-serif;
}

/**************/
/* Login Page */
/**************/

#ProvidedBy {
	background-color: #2ab9e8;
	border-radius: 5px;
	padding: 5px;
	right: 0.5em;
	top: 0.5em;
	left: auto;
}

#ProvidedBy a {
	color: #FFF;
}

#CompanyTitle {
	border-bottom: 1px solid #45454521;
	background-color: #FFF;
	margin: 0;
	padding: 2em 0;
}

#CompanyTitle img {
	max-width: 320px;
}

h1 {
	color: #FFF;
	font-family: Raleway, sans-serif;
	font-weight: bold;
}

h1, form {
	width: 46%;
	padding: 0 2%;
}

#StandardLogin, #ListLogin {
	background-image: none;
	background-color: #FFF;
	box-shadow: -2px 2px 10px #666;
	border-radius: 5px;
	padding: 20px;
}

#StandardLogin input:not([type=submit]),
#ListLogin input:not([type=submit]) {
	background-color: #fcfcfc;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-appearance: none;
}

#StandardLogin input[type=submit],
#ListLogin input[type=submit] {
	color: #FFF;
	-webkit-appearance: none;
	width: 200px;
}

p#HelpLinks a, p#LoginLinks a {
	color: #FFF;
}

/**************/
/*  Messages  */
/**************/

/* All message types */
#ErrorMessage {
	margin: 10px auto;
	padding: 12px 12px 12px 42px;
	border: 1px solid #ccc !important;
	border-radius: 5px;
	font-size: 18px;
}

#UnauthorizedMessageTitle {
	width: 100%;
}

/* Individual message types */
.isa_info {
	color: #00529B;
	background-color: #BDE5F8;
	border-color: #00529B;
}
.isa_success {
	color: #4F8A10;
	background-color: #DFF2BF;
	border-color: #4F8A10;
}
.isa_warning {
	color: #9F6000;
	background-color: #FEEFB3;
	border-color: #9F6000;
}
#ErrorMessage {
	color: #D8000C !important;
	background-color: #FFD2D2 !important;
	border-color: #D8000C !important;
}
.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
	margin: 10px 22px;
	font-size: 2em;
	vertical-align: middle;
}

/*************/
/* Live Demo */
/*************/

#CompanyTitle table {
	background-color: #2ab9e8;
	border: none;
	border-radius: 5px;
}

#CompanyTitle table tr td {
	color: #FFF;
}

/*****************/
/* Small devices */
/*****************/

@media only screen and (max-width: 768px) {
	body {
		background-image: url(/Images/BlueBackground.jpg);
	}
	#ProvidedBy {
		display: none;
	}
	h1, form {
		width: 90%;
		padding: 0;
		margin: auto;
	}
	h1 {
		margin: 10px auto;
	}
}