html{
overflow:hidden;
}
body {
min-width:950;
	background: #FFF;
	font-family: arial;
	font-size: 13px;
	background-image: url('/img/mul_bg.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	position:absolute;
}

/* Styling for login box */

#login_box {
	margin: auto;
	margin-top:100px;
	width: 80%;
  background: #FFF;
	padding: 10px 10px 20px 10px;
	position:relative;
	-webkit-border-radius: 15px;
  border: 3px solid #AAA;
  display: block;
	min-width:500px;
	text-align:center;
	max-width:600px;
}

#login_logo {
	margin:auto;
	margin-bottom:30px;
	width: 80%;
	height: 150px;
	background: url('/img/mul_blue.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center center;
	position:relative;
}
div.bg_button_container{
	width:33%;
	float:left;
	text-align:center;
}
div.bg_button{
	height:130px;
	width:130px;
	margin:auto;
	cursor:pointer;
}
.login_error{
margin-bottom:5px;
display:block;
}

.contact-btn, a.contact-btn{
	height:40px;
	line-height:24px;
	vertical-align:middle;
	color:inherit;
	width:100%;
	display:block;
	margin:0;
	margin:5px 0;
	background-color:#DDD;
	border:1px solid #ccc;
	padding:8px;
	text-align:left;
	box-sizing:border-box;
	font-weight:bold;
}
a.contact-btn:hover{
	background-color:#D0D0D0;
}
span.info-details{
	color:#215496;
	font-weight:normal;
	float:right;
}
i.icon{
	width:24px;
	height:24px;
	display:block;
	float:left;
	margin-right:10px;
	background-repeat:no-repeat;
	background-position:center;
}
i.icon.right{
	float:right;
	margin-left:10px;
	margin-right:0;
}
i.compass-icon{
	background-image:url('../img/compass.png');
}
i.phone-icon{
	background-image:url('../img/phone.png');
}
i.envelope-icon{
	background-image:url('../img/envelope.png');
}

/* Text and link styling */

h1 {
	font-family: arial black;
	margin: 0px 0px 5px 0px;
	color: #333;
	font-size: 40px;
}

h2 {
	font-size:20px;
	margin-bottom:20px;
}

a {
	margin: 3px;
	text-decoration: none;
	font-size: 13px;
	color: :rgb(34, 0, 204);
}
a.btn{
	margin:0;
}
p{
	margin-bottom:20px;
	font-size:14px;
	color:#555;
}
form{
display:block;
text-align:left;
width:100%;
max-width:372px;
margin:auto;
padding:15px 15px 33px 15px;
border-radius:5px;
border:1px solid #979797;
position:relative;
}
/* Styling for notification bars */

.message, .confirm
{
	margin:auto;
	text-align: center;
	font-family: arial;
	color: #FFF;
	background: #FF3333;
	padding: 5px;
	width: 362px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.login_success {
	background: #390;
}

.confirm {
	background: #390;
}
/*  styling buttons  */
.main_button{
float:left;
width:27%;
margin:10px 3% 30px;
}
.main_button.inactive{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

/* Styling for login and password form elements */

label, div.modal form div.input label {
	color: #979797;
  font-size: 14px;
	font-weight:normal;
}
label:hover, div.modal form div.input label:hover {
	cursor:pointer;
}
#UserPasswordToHash,#UserPassword,#UserEmail,#UserPasswordConfirm, #UserOldPassword, #UserNewPass, #UserNewPassRepeat{
  font-size: 16px;
	box-sizing:border-box;
	height:auto;
}

input[type='submit'] {
	position: absolute;
	right: 13px;
	bottom: 7px;
}

#ie_warning {
  display: none;
}

#ie_warning {
  padding: 15px;
  text-align: center;
  background: #FF3300;
  border-bottom: 2px solid red;
  color: #FFF;
  font-size: 14px;
}

#ie_warning h1 {
  font-size: 20px;
  color: #FFF;
}

#shadow {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: rgba(0,0,0,0.8);
  z-index: 500;
  display: none;
}
#browsergate {
  position: absolute;
  background: white;
  z-index: 501;
  width: 600px;
  top: 200px;
  left: 50%;
  margin-left: -300px;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  color: #444;
  display: none;
}
#browsergate h2 {
  text-align: center;
  font-size: 30px;
}
.browser {
  width: 150px;
  float: left;
  text-align: center;
  margin-top: 30px;
  position: relative;
  height: 230px;
}
.browser img {
  margin-bottom: 20px;
}
.browser a {
  position: absolute;
  bottom: 0px;
  left: 30px;
}
#close {
  margin-top: 30px;
}
.left-button{
position: absolute;
left: 13px;
bottom: 13px;
}

.admin_button{
display:block;
font-size:24px;
font-weight:bold;
color:#777;
padding:16px 10px;
background-color:#eee;
border:1px solid #ccc;
margin-bottom:20px;
border-radius:5px;
}


@media (min-width: 767px) {

	.main_button{
		float:left;
		width:21%;
		margin:20px 6% 50px;
	}

	h2 {
		font-size:26px;
	}
	p {
		font-size:18px;
	}
}