body{
	background-image:url('../../assets/img/background.jpg');
	background-size:100%;
	margin:0;
	font-family: Arial, Tahoma, Helvetica;
	color:#535353;
	font-size:13px;
}
a{
	text-decoration:none;
	color:inherit;
}
hr{
    background-color:#cfcfcf;
    border:1px solid #cfcfcf;
}
p.settings{
    background-color:#dedede;
    border-bottom:3px solid #cbcbcb;
    padding:5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/* Alerts */
.alert{
	padding:10px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size:13px;
    margin-bottom:10px;
    display: block;
}
.alert.danger{
	background-color:#c70101;
	color:white;
}
.alert.info{
	background-color:#57c7d4;
	color:white;
}
.alert.primary{
    background-color:#62a8ea;
    color:white;
}
.alert.warning{
	background-color:#f2a654;
	color:white;
}
.alert.success{
    background-color:#46be8a;
    color:white;
}
.alert.default{
    background-color:#e4eaec;
    color:white;
}
.label{
    background-color:red;
    padding:2px;
    border-radius:2px;
    color:white;
}
/* Inputs */
input[type=text],
input[type=password],
textarea{
	border:1px dotted #c6c6c6;
	outline:none;
	-webkit-box-shadow: 0 1px 0 #f7f7f7 inset;
    box-shadow: 0 1px 0 #FFF700 inset;
    font-family: Arial, Tahoma, Helvetica;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus{
	border:1px solid #6f0101;
	-webkit-box-shadow: 0 1px 0 #f7f7f7 inset;
    box-shadow: 0 1px 0 #f7f7f7 inset;
}
input[type=submit],
button{
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    padding: 8px;
    cursor: pointer;
    outline: none;
    display:inline-block;
}
button{
	border-radius:3px;
}
input[type=submit].red,
button.red{
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    background-image: -webkit-linear-gradient(0deg, #bb0e0e, #d61212);
    background-image: -moz-linear-gradient(0deg, #bb0e0e, #d61212);
    background-image: -o-linear-gradient(0deg, #bb0e0e, #d61212);
    background-image: linear-gradient(0deg, #bb0e0e, #d61212);
    background-color: #c61010;
    border: 1px solid #6f0202;
}
input[type=submit].red:hover,
button.red:hover{
	background-image: -webkit-linear-gradient(0deg, #d20a0a, #d61212);
    background-image: -moz-linear-gradient(0deg, #d20a0a, #d61212);
    background-image: -o-linear-gradient(0deg, #d20a0a, #d61212);
    background-image: linear-gradient(0deg, #d20a0a, #d61212);
    background-color: #cf1010;
}
input[type=submit].green,
button.green{
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    background-image: -webkit-linear-gradient(0deg, #137806, #1e8e0f);
    background-image: -moz-linear-gradient(0deg, #137806, #1e8e0f);
    background-image: -o-linear-gradient(0deg, #137806, #1e8e0f);
    background-image: linear-gradient(0deg, #137806, #1e8e0f);
    background-color: #0b8e11;
    border: 1px solid #0e6f01;
}
input[type=submit].green:hover,
button.green:hover{
	background-image: -webkit-linear-gradient(0deg, #1d8b0e, #1e8e0f);
    background-image: -moz-linear-gradient(0deg, #1d8b0e, #1e8e0f);
    background-image: -o-linear-gradient(0deg, #1d8b0e, #1e8e0f);
    background-image: linear-gradient(0deg, #1d8b0e, #1e8e0f);
    background-color: #cf1010;
}
input[type=submit].blue,
button.blue{
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    background-image: -webkit-linear-gradient(0deg, #053078, #0e358e);
    background-image: -moz-linear-gradient(0deg, #053078, #0e358e);
    background-image: -o-linear-gradient(0deg, #053078, #0e358e);
    background-image: linear-gradient(0deg, #053078, #0e358e);
    background-color: #0158b9;
    border: 1px solid #0e6f01;
}
input[type=submit].blue:hover,
button.blue:hover{
    background-image: -webkit-linear-gradient(0deg, #0a3d92, #143e9c);
    background-image: -moz-linear-gradient(0deg, #0a3d92, #143e9c);
    background-image: -o-linear-gradient(0deg, #0a3d92, #143e9c);
    background-image: linear-gradient(0deg, #0a3d92, #143e9c);
    background-color: #0f4fcf;
}
/* Site */
.logo{
	background-image: url(../../assets/img/mediagar.png);
    width: 286px;
    height: 49px;
    display: block;
    margin:30px auto;
}
#container{
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background-color:white;
	width:400px;
	padding:20px;
	margin:0 auto;
}
#footer{
	margin:0 auto;
	padding-top:15px;
	text-align:center;
	color:#8A8A8A;
}
#login-form{
	width:100%;
	margin:0 auto;
}
#overlays{
    display:none; 
    position: absolute; 
    left: 0; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    background-color: rgba(0, 0, 0, 0.85); 
    z-index: 200;
}

#message:focus {
    background: rgba(0, 0, 0, .5);
}
#message {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    background: rgba(0, 0, 0, .2);
    border: 0px;
    outline: none;
    color: white;
    height: 30px;
    width:100%;
}
#chat{
    width:15%;
    word-wrap: break-word;
    position: absolute;
    bottom: 0;
}