/* Style the tabs */
#tabs{
    display: block;
    float: right;
    right: 0vh;
    top:0vh;
    /*height:90%;*/
    width:37em;
    margin-right: 5px;
    font-family: monospace;
    clear: both;
    position: absolute;
    z-index: 112;
}

#tabs:hover{
    z-index: 122;
}

.tab {
	overflow: hidden;
	background-color: rgb(18,18,18);
	margin-top: 0px;
	margin-left: 0px;
    float: right;
}

.tab button {
	background-color: black;
	color: #e0e0e0;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 5px 16px;
	transition: 0.3s;
}
.tab button:hover {
	background-color: brown;
	color: #e0e0e0;
}
.tab button.active {
	background-color: darkgreen;
	color: #e0e0e0;
}

#tabContainer{
    background: rgb(10,10,10);
    /*color: #e0e0e0;*/
    height:90%;
}


.tabcontent {
	display: none;
	padding: 0px 12px;
	margin-top: -8px;
}


  
#newMails{
    float: right;
}

/* Missions tab */
#missions{
    height:100%;
}

#missions a{
    color: cyan;
}

/* MailBox tab */
#mailBox{
    height:100%;
}
.mailTab {
	overflow: hidden;
	background-color: rgb(15,15,15);
	margin-top: 0px;
	margin-left: 0px;
    float: right;
}
.mailTab button {
	background-color: inherit;
	color: #e0e0e0;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 5px 16px;
	transition: 0.3s;
}
.mailTab button:hover {
	background-color: darkred;
	color: #e0e0e0;
}
.mailTab button.active {
	background-color: darkgreen;
	color: #e0e0e0;
}
.mailTablinks {
	background-color: rgb(100,100,100);
}
/* MailBox inbox */
#replyButton,#sharedReplyButton{
    position: absolute;
    left: 75%;
    background: rgb(240,240,245);
    border-width: 0px;
}
#replyButton:hover,#sharedReplyButton:hover{
    background: rgb(150, 15, 40);
}
#replyButton:active,#sharedReplyButton:active{
    background: rgb(255,255,255);
}
#replyButtonimg, #sharedReplyButtonImg{
    all: unset;
}
#transfButton,#sharedTransfButton{
    position: absolute;
    left: 15%;
    background: rgb(250,250,255);
    border-width: 0px;
}
#transfButton:hover,#sharedTransfButton:hover{
    background: rgb(150, 15, 40);
}
#transfButton:active,#sharedTransfButton:active{
    background: rgb(255,255,255);
}
#transfButtonimg, #sharedTransfButtonImg{
    all: unset;
}
#delButton,#sharedDelButton{
    position: absolute;
    left: 45%;
    background: rgb(250,250,255);
    border-width: 0px;
}
#delButton:hover,#sharedDelButton:hover{
    background: rgb(150, 15, 40);
}
#delButton:active,#sharedDelButton:active{
    background: rgb(255,255,255);
}
#delButtonimg, #sharedDelButtonImg{
    all: unset;
}
.mailboxcontent {
	height: 100%;
}
#mailList {
	overflow-y: scroll;
	height: 27%;
	border: 1px;
    max-height: 40vh;
}
#mailList button {
	background-color: inherit;
	color: #e0e0e0;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 5px 16px;
	transition: 0.3s;
    border-top: 1px solid white;
    text-align: left;
}
#mailList button:hover {
	background-color: rgb(30,30,30);
	color: #e0e0e0;
}
#mailList button:active {
	background-color: rgb(50,50,50);
	color: #e0e0e0;
}
#selectedMail{
	overflow-y: scroll;
	height: 49%;
	border: 1px solid white;
    margin-top:11%;
    max-height: 38vh;
}
#mails{
	overflow-y: scroll;
    border: 1px solid white;
    width: 100%;
    white-space: nowrap;
}
#refreshButton{
    border-width: 1px;
    position: absolute;
    right: 2%;
    top: 8%;
}
/* MailBox sendbox */
#sendMsg{
    margin-left: 5px;
}
#msgSendTo{
    width:97%;
    margin: 5px;
    color: black;
}
#subject{
    width:97%;
    margin: 5px;
    color: black;
}
#msgToSend{
    width:97%;
    height:55%;
    margin: 5px;
    color: black;
}
#shareFile{
    width:97%;
    margin: 5px;
    margin-bottom: 0px;
    color: black;
}
#sendMsgButton{
    width:90%;
    padding: 2%;
    position: relative;
    left: 5%;
    background: rgb(107, 2, 2);
    border-width: 0px;
}
#sendMsgButtonimg {
    all: unset;
}
#sendMsgButton:hover{
    background: darkred;
}
#sendMsgButton:active{
    background: rgb(255,255,255);
}

/* Chatbox tab */
#chatBox{
    height:100%;
}
#chat{
    height:90%;
    width:100%;
    margin-top: 5px;
}
#connectToIRCButton{
    width:97%;
    margin: 5px;
    padding: 5px;
    border-width: 1px;
    background: rgb(250,250,255);
    color: black;
}
#leaveIRCButton{
    width:97%;
    margin: 5px;
    padding: 5px;
    border-width: 1px;
    background: rgb(250,250,255);
    color: black;
}