html, body
{
    height: 80%;
    background-image: url('../img/backa6.jpg');
}

#header
{
	background-color: black;
}
#logo
{
	margin: 0 30px;
}
#main
{
	text-align: center;
	position: relative;
    height: 100%;
}
#footer
{
	text-align: center;
	position: relative;
    height: 10px;
    margin-top: 12%;
}
#unsub_btn,#msi_search_btn,#black_list_btn,#msi_history_btn
{
    cursor: pointer;
}
#unsub_btn:hover,
#unsub_btn:focus
{
    box-shadow:0 0 8px lightgray;
}
#msi_search_btn:hover,
#msi_search_btn:focus,
#msi_history_btn:hover,
#msi_history_btn:focus
{
    box-shadow:0 0 8px lightgray;
}
#black_list
{
    float: right;
    margin-top: 0.5px;
}
#black_list_btn:hover,
#black_list_btn:focus
{
    box-shadow:0 0 8px lightgray;
}
#login_btn:hover,
#login_btn:focus
{
    box-shadow:0 0 8px lightgray;
}
#login_btn
{
    cursor: pointer;
    margin-top: 1%;
}
#create_user
{
    text-align: center;
    cursor: pointer;
    color: black;
}
#create_user:hover,
#create_user:focus
{
    box-shadow:0 0 8px lightgray;
}
#login_adm
{
    float: right;
}
#password_adm
{
    float: right;
}
#create_user_header
{
    box-shadow:0 0 8px lightgray;
    border-radius: 8px;
}
#exit
{
    cursor: pointer;
}
#exit:hover,
#exit:focus
{
    box-shadow:0 0 8px lightgray;
}
#loading
{
	width: 100px;
	height: 100px;
//	background-color:#00FF00;
	padding: 5px;
//	border: solid 1px black;
	background-image: url("../img/ajax_loader_gray_128.gif");
	background-repeat: no-repeat;
	position:absolute;
	background-size: cover;
	left:50%;
	top:50%;
	margin-left:-100px;
	margin-top:-110px;
	display:none
}
#msi
{
    float: left;
}
#msi_search
{
//    margin-left: 10%;
}
#span
{
    margin-left: 3%;
}
#msi_history_btn
{
    margin-left: 25px;
}
#search_res
{
    float: left;
    margin-top: 3%;
}
#time
{
    font-size: 60%;
}
.header
{
    text-align: center;
    font-size: 100%;
    font-weight: 600;
}