html{
	background-color: #87CEEB
}

body{
	font-family: sans-serif;
	width: 80%;
	margin: auto;
	font-size: 12pt
}

h1, #msgbelow{
	display: block;
	text-align: center
}


#linkstable tr th{
	margin: 0;
	padding: 10px;
	font-size: 110%;
	border: 3px solid black;
	border-bottom: none
}

#adminprom, #mailnotif, #invitemail{
    display: block;
    padding: 3px
}

#mailnotif-check, #adminprom-check, #invitemail-check{
	float: left
}

#linkstable td{
	padding: 10px;
	text-align: center
}

#linkstable input{
	padding: 10px;
	margin: 5px;
	margin-top: 10px
}

#linkstable table{
	margin-top: 10px;
	border: 1px solid black
}

#linkstable td{
	border: 1px solid black
}

#logoutbtn, #adminpanbtn {
	display: inline;
	float: right;
	top: 0;
	right: 0;
	position: absolute
}

#adminpanbtn {
	right: 110px
}

#msg{
    display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
	overflow: -moz-scrollbars-none;
	resize: vertical;
	width: 50%;
    -ms-overflow-style: none
}


#msg::-webkit-scrollbar {
	width: 0 !important
}

#success {
	color: green
}

#failure {
	color: red
}

#loginbox{
    margin:0 auto;
}

#loginbox, #inviteform{
	border: none;
	margin-right: auto;
	margin-left: auto
}

#loginbox input, #inviteform input{
	width: 100%;
	padding: 5px;
	line-height: 25px
}

#labels{
	text-align: right;
	border: none
}

#loginbox tr, #inviteform tr{
	border: none
}

#inviteform textarea {
	height: 400px
}

#gpgpklabel {
	text-align: right;
	display: block /*so the label is display at the top*/
}

td #gpgpubk{
	display: block;
	width: 400px;
	height: 250px;
	resize: none
}

#authbtn td, #createaccbtn td, #loginerr{
	text-align:center
}

#authbtn input, #createaccbtn input{
	width: 100px
}

#mailfield {
	padding: 10px
}
 
#genlinkbtn-mob,#geninvbtn-mob {
    display: none
}

#refreshbtn, #deletelinkbtn, #deleteallbtn,
#logoutbtn, #loginbtn, #genlinkbtn, #sendbtn,
#accbtn, #adminpanbtn, #geninvbtn, #geninvbtn-mob{
	cursor: pointer;
	border-radius: 0;
	border: 3px outset silver;
	padding: 15px;
	margin: 5px
}

#refreshbtn:active, #deletelinkbtn:active, 
#deleteallbtn:active, #genlinkbtn:active, #genlinkbtn-mob:active,
#sendbtn:active, #accbtn:active,
#logoutbtn:active, #loginbtn:active,
#adminpanbtn:active{
	border: 3px inset silver
}

#mailfield {
	padding: 10px
}

#loginerr {
	text-align: center
}

#accbtn {
	height: 50px
}

#sendbtn , #accbtn{
	display: block;
	width: 20%;
	margin-left: auto;
	margin-right: auto
}

#linkstable a:hover{
	opacity: 0.3;
	background: white
}


@media screen and (max-width: 740px) {
	body {
		margin: 0;
		font-size: 0.8em
	}

	h1{
		text-align: left;
		font-size: 1.5em
	}

	#inviteform, #loginbox{
		margin: 0
	}

	#inviteform td , #loginbox td{
		display: block;
		text-align: left
	}

	#inviteform textarea{
		margin: 0;
		font-size: 9px;
		width: 150px;
		height: 200px
	}

	#linkstable td{
		margin: 0;
		padding: 0px;
		font-size: 10px
	}

	#linkstable tr,
	#linkstable th, #linkstable input{
		margin: 0;
		padding: 0px
	}

	#loginbox input,  #inviteform input{
		padding: 2px;
		line-height: 15px
	}

	#logoutbtn, #adminpanbtn {
		float: none;
		top: unset;
		right: unset;
		position: revert
	}

	#mailfield{
		padding: 3px
	}

	#msg {
		width: 50%;
		margin: 0
	}

	#msgbelow {
		text-align: left
	}

	#refreshbtn, #deletelinkbtn, #deleteallbtn,
	#logoutbtn, #genlinkbtn, #geninvbtn-mob, #sendbtn, #adminpanbtn{
		padding: 8px
	}

	#genlinkbtn, #geninvbtn-mob{
		display: block
	}

	#geninvbtn{
		display: none
	}

	#sendbtn {
		margin: 0;
		display: inline;
		width: 100px
	}

	#notif, #mailnotif input, #invitemail, #invitemail input, #adminprom, #adminprom input{
		display: block;
		padding: 10px
	}
}