body {
	background-color: #1d1d1d;
}
#welcome_header {
	background-color: #999999;
	border-radius: 10px;
	width: 30%;
	position:relative;
	left: 60px;
}
#front_text {
	padding: 15px 15px;
	background-color: #555555;
	border-radius: 15px;
	width: 75%;
	position: relative;
	left: 60px;
	height: 150px;
}
#register_form {
	background-color: #444444;
	border-radius: 20px;
}
#contact_submit {
	background-color: #222222;
	color: #BBBBBB;
}
#contact_submit:hover {
	background-color: #787878;
	color: #DDDDDD;
}
#common_submit {
	border-radius: 5px;
        background-color: #353535;
        color: #BBBBBB;
}
#common_submit:hover {
	border-radius: 5px;
        background-color: #787878;
        color: #DDDDDD;
}

#reca {
	backround-color: #444444;
}
#email_address {
	background-color: #555555;
	color: #DDDDDD;
	width: 320px;
}
#message {
	background-color: #444444;
	color: #DDDDDD;
}
#post_form {
	border: 0px;
}
#contact_form {
	border: 1px #555555 dotted;
	background-color: #2B2B2B;
	border-radius: 15px;
}
#imgtd {
	border-radius: 5px;
	background-color: #444444;
}
#imgbtn {
	color: #BBBBBB;
	background-color: #444444;
	border-radius: 5px;
	border: 1px #777777 solid;
	line-break: auto;
}
#imgbtn:hover {
	background-color: #999999;
	border: 2px #CCCCCC solid;
	color: #DDDDDD;
	border-radius: 5px;
	line-break: auto;
}
#imgbar {
	background-color: #444444;
	border: 1px #777777 solid;
	border-radius: 20px;
	height: 680px;
}
#model_option {
	left: 15px;
	background-color: #555555;
	width: 165px;
	border: 1px dotted #222222;
	line-break; auto;
	height: 90px;
}
#model_option:hover {
	left: 15px;
	background-color: #999999;
	width: 165px;
	border: 1px dotted #222222;
        line-break; auto;
        height: 90px;

}
#man_option {
	left: 15px;
        background-color: #555555;
        width: 165px;
        border: 1px dotted #222222;
        line-break; auto;
        height: 90px;

}
#man_option:hover {
	let:15px;
        background-color: #999999;
        width: 165px;
        border: 1px dotted #222222;
        line-break; auto;
        height: 90px;

}

#to_username {
	border-radius: 5px;
}
#username-list {
	border: 2px dotted #555555;
	background-color: #FFFFFF;
	border-radius: 5px;
	position: relative;
	width: 200px;
	display: none;
}
#device-list {
	text-align: center;
        border: 2px dotted #555555;
        background-color: #AAAAAA;
        border-radius: 5px;
        position: relative;
        width: 200px;
        display: none;
}
#brand-list {
	text-align: center;
        border: 2px dotted #555555;
        background-color: #AAAAAA;
        border-radius: 5px;
        position: relative;
        width: 200px;
        display: none;
}

$userlist-exist {
	border: 1px dotted #555555;
	background-color: #FFFFFF;
	border-radius: 5px;
	position: relative;
	width: 150px;
	height: 80px;
	display: none;
}
#hide_br {
	display:none;
}
#show_br {
	
}
#login_form {
	display: none;
	text-align:center; 
	width: 100%;
}
#hide_login {
	display: none;
}
input.logininput {
	position:relative;
	left: 0px;
	border: 1px #626262 solid;
	background-color: #666677;
	color: #a1cad8;
	width: 70%;
	border-radius: 15px;
}
p.copyright {
	color: #bdbdbd;
	font-size: 14px;
}
input.loginbutton {
	position: relative;
	left: 0px;
	top: 15px;
	width: 55%;
	border: 1px #626262 solid;
	background-color: #666677;
	color: #a1cad8;
	border-radius: 15px;
}
p.formcaption {
	position: relative;
	color: #afafaf;
	left:-25px;
	font-size: 14px;
}
h2 {
	position: relative;
	left: 60px;
	color: #FF0000;
	font-size: 16px;
}
h1 {
	color: #6f6f6f;
	position: relative;
	left: 60px;
	font-size: 19px;
}
td.profileinfo {
	color: #88FFAA;
}
td.deviceid {
	color: #6666CC;
}
td.man {
	color: #ff0000;
}
td.timestamp {
	width: 50%;
	color: white;
}
td.num {
	color: #f7ff00;
}
td.sessions {
	color: white;
}
td.mod {
	color: #ffaa00;
}
td.ip {
	color: #ff00b9;
}
table.profile {
	position: relative;
	left: 60px;
}
h3 {
	color: #6f6f6f;
	position: relative;
	left: 60px;
	font-size: 14px;
}
h4 {
	color: red;
	position: relative;
	left: 60px;
	font-size: 12px;
}
body p {
	color: #bdbdbd;
	font-size: 14px !important;
	position: relative;
	left: 60px;
}
p.usercnt {
	text-align:center;
	color: #090909;
	font-size: 14px;
	position: relative;
	left: 0px;
}
p.welcome {
	color: #11FF11;
	font-size: 14px;
	position: relative;
	top: 25px;
	left: 0px;
}
p.user {
	color: #11FF11;
	font-size: 14px;
	position: relative;
	left: -25px;
	top: 25px;
}

.usercounter {
	border-radius: 15px;
	background-color: #3d3d3d;
	border: 1px #afafaf solid;
	position: relative;
	left: 0px;
	top: 130px;
	width: 90%;
}
a.valikko:link {
	color: #bdbdbd;
	text-align; center;
	text-decoration: none;
}
a:visited {
	color: #BDBDBD;
}
a.valikko:visited {
	color: #bdbdbd;
	text-align; center;
	text-decoration: none;
}
.menubutton {
	text-align: center;
	border: 1px dotted #626262;
	position: relative;
	width: 100px;
	left: 20px;
	background-color: #4a4a4a;
	border-radius: 10px;
}
.menubutton:hover {
	text-align: center;
	border: 1px solid #003d52;
	position: relative;
	width: 100px;
	left: 20px;
	background-color: #909090;
}
.parent {
display: grid;
grid-template-columns: 150px 700px;
grid-template-rows: 100%;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #404040;
width: 710px;
height: 650px;
border-radius: 15px;
}
.div3 {
	display: flex;
	justify-content: center;
	border: 1px dotted #515151; height: 70px; 
	border-radius: 15px;
	background-image: url(logo2.png);
	width: 710px;

}
.div1 { grid-area: 1 / 1 / 2 / 2; 
border: 1px dotted #515151; height: 600px; 
border-radius: 15px;
background-color: #333333;}
.div2 { grid-area: 1 / 2 / 2 / 3; 
display: none;
border: 1px dotted #515151; height: 600px; width: 80%;
border-radius: 15px;
background-color: #333333;
line-break: auto;
overflow-y: auto;
overflow-x: hidden;}

.div5 { grid-area: 1 / 2 / 2 / 3;

border: 1px dotted #515151; height: 600px; width: 80%;
border-radius: 15px;
background-color: #333333;
overflow-y: auto;
overflow-x: hidden;
font-size: 14px;
}