@font-face {
  font-family: sonikkuOnlineLogoFont; /* set name */
  src: url('../NiseSegaSaturnU.TTF'); /* url of the font */
}
.Div_MajorLeftContainer
{
	border: 0px;
	padding: 0px;
	margin: 0px;
    margin-left: auto;
    width: 400px;
}
.Div_MajorLeftSubcontainer
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: fixed;
    width: 400px;
	display: grid;
	align-content: start;
}
.Div_SectionSelectContainer
{
	margin-top: 0px;
	text-align: center;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.Div_ThemeSelectContainer
{
	margin: 0px;
	padding: 0px;
	margin-top: 4px;
	text-align: center;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.Div_MajorRightContainer 
{
    margin-right: auto;
    width: 800px;
	max-height: 100%;
}
.Div_LogoContainer
{
	text-align: center;
	width: 100%;
}
.Div_ChatLeftSubContainer
{
	width: 600px;
	height: 100%;
}
.Div_ChatMessageLog
{
	background-color: #EEEEFF;
	width: 600px;
	height: 90%;
	overflow-y: scroll;
}
.UL_PageMenu
{
	height: 40px;
}
.UL_ChatUserList
{
	width: 200px;
}
.Div_PageContentContainer
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.Textarea_ChatMessageInputField
{
	height: 118px;
	width: 540px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #AAAAFF;
}
.Input_ChatMessageSendButton
{
	height: 100%;
	max-height: 120px;
	width: 60px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.message
{
	margin: 0px;
}
.message .user
{
	margin-top: 16px;
	display: flex;
	justify-content: start;
	align-content: start;
}
.logo
{
	font-family: sonikkuOnlineLogoFont;
	font-size: 48px;
	color: #9090FF;
}
.Div_MemberCoverArt
{
	border-left: solid 4px #B0B0FF;
	border-right: solid 4px #B0B0FF;
	padding: 8px;
	width: 776px;
	height: 284px;
	display: grid;
	justify-content: start;
	align-content: end;
}
.Div_MemberSN
{
	background-color: #B0B0FF;
	color: #FFFFFF;
	font-color: #7070FF;
	font-size: 24px;
	text-align: center;
}
.Div_MemberPFPContainer
{
	width: 208px;
	height: 236px;
}
.Div_MemberProfilePicture
{
	border: solid 8px #B0B0FF;
	width: 192px;
	height: 192px;
	background-color: #6666AA;
}
.ItemBox
{
	width: 600px;
	display: grid;
	justify-content: center;
	grid-template-columns: auto auto auto;
}
#Div_ImportantLinks
{
	margin-top: 8px;
	display: flex;
	justify-content: center;
	text-align: center;
}
.Div_MemberPostOpeningPost
{
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	background-color: #6666AA;
	grid-column: 1 / span 3;
	border: solid 4px #555577;
	color: white;

}
.Div_MemberPostOpeningPost .Div_Member
{
	background-color: #444488;
}

.Div_MemberPost .Div_Member
{
	background-color: #222244;
}


.Div_MemberPostOpeningPost .Div_Options
{
	
}

.Div_MemberPost
{
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	background-color: #444488;
	grid-column: 1 / span 3;
}
.Div_MemberCard
{
	width: 192px;
	height: 210px;
}
.Div_MemberPostMediaPrimaryImageContainer
{
	width: 600px;
	max-height: 600px;
	overflow-y: hidden;
	display: grid;
	justify-content: center;
	align-content: center;
}
.Img_MemberPostMediaPrimaryImage
{
	max-width: 600px;
}
.Div_MemberPostMediaSecondaryImageContainer
{
	width: 200px;
	max-height: 200px;
	overflow-y: hidden;
	display: grid;
	justify-content: center;
	align-content: center;	
}
.Img_MemberPostMediaSecondaryImage
{
	max-width: 200px;
}
body, html
{
    display: flex;
    margin: 0px;
    padding: 0px;
    width: 100%;
	height: 100%;
	font-family: arial;
}
body
{
	overflow-y: scroll;
}
a
{
	color: #9090FF;
	text-decoration: none;
}
a:hover
{
	color: #B0B0FF;
}
input, select
{
	margin: 0px;
}
.has_entered
{
	color: #9090FF;
	font-style: italic;
}
.obj
{
	width: 192px;
}
.Div_MediaPane
{
	width: 100%;
	background-color: #001122;
	display: flex;
	justify-content: end;
}
.Div_MediaCommentPane
{
	width: 400px;
	background-color: #444466;
}
.Div_MediaImgContainer
{
	height: 100%;
	display: grid;
	justify-content: center;
	align-content: center;
}
.Div_MediaPost
{
	margin: 0px;
	margin-bottom: 16px;
	background-color: #666699;
}
.Div_MediaPost a
{
	color: #222222;
}
.time
{
	font-style: italic;
	color: #AEAEAE;
}
.Img_ProfilePicture
{
	
}
#Div_ImportantLinks
{
	margin: 0px; margin-top: 0px; margin-bottom: 0px; display: flex; align-content: center;"><div style="margin: 0px; margin-top: 0px; margin-bottom: 0px; display: flex; align-content: center;
}
.A_PostLink
{
	margin-left: 8px; font-size: 18px;
}
.Div_ImportantLinks
{
	text-align: center;
	margin: 8px;
}
.Div_ChatContainer
{
	display: flex; height: 100%;
}
.Div_ChatMessageInputFieldContainer
{
	height: 120px; display: flex; align-items: center;
}