*{margin:0px; padding:0px;}
@font-face{font-family:Allura; src:url('fonts/Allura.woff') format('woff');}

#navbar p{font-family:Allura; font-size:200%; padding-left:10%;}
.selectable{cursor:pointer;}
.selectable{padding:10px; border-bottom:1px solid #ccc; background:#ddd; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; color:black;}
.selectable:hover{border-bottom:1px solid black; background:#f1f1f1;}
.unselectable{padding:10px; border-bottom:1px solid #ccc; cursor:not-allowed; background:#f5f1f0; }

.overlay {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.9);
overflow-x: hidden;
transition: 0.5s;
}

.overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
}

.rcrd_tbl {
	border:4px solid #f1f1f1; 
	margin:auto; 
	margin-top:20px; 
	border-collapse:collapse;
}

.rcrd_tbl th {
	border-bottom:2px solid grey; 
	padding:3px; 
	font-family:Allura; 
	font-size:24px; 
	background:grey; 
	color:white; 
}

.rcrd_tbl td {
	border-bottom:1px dotted grey; 
	padding:4px; 
	border-right:1px dotted grey;
}

.rcrd_tbl_headingrw {
	box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }

body {
	background: #f9f7f6;
	color: #404d5b;
	font-weight: 500;
	font-size: 1.05em;
	font-family: 'Raleway', Arial, sans-serif;
}

.dialogbox_tbl {
	background: #f9f7f6;
	border-collapse: collapse;
	margin:auto;
}

.pointer{
	cursor:pointer;
}

section{display:block;}
input{font-family:inherit;font-size:100%;margin:0;}
input{line-height:normal;}

.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 1em;
	max-width: 350px;
	width: calc(100% - 2em);
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.6em;			/***0.8em***/
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #6a7989;
	font-weight: bold;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}


.input__field--minoru {
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 0px 2px transparent;
	color: #eca29b;
	-webkit-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}

.input__label--minoru {
	padding: 0;
	width: 100%;
	text-align: left;
}

.input__label--minoru::after {
	content: '';
  	position: absolute;
  	top: 0;
  	z-index: -1;
  	width: 100%;
  	height: 3em;
	box-shadow: 0px 0px 0px 0px;
	color: rgba(199,152,157, 0.6);
}

.input__field--minoru:focus {
	box-shadow: 0px 0px 0px 2px #eca29b;
}

.input__field--minoru:focus + .input__label--minoru {
	pointer-events: none;
}

.input__field--minoru:focus + .input__label--minoru::after {
	-webkit-animation: anim-shadow 0.3s forwards;
	animation: anim-shadow 0.3s forwards;
}

@-webkit-keyframes anim-shadow {
	to {
		box-shadow: 0px 0px 100px 50px;
    	opacity: 0;
	}
}

@keyframes anim-shadow {
	to {
		box-shadow: 0px 0px 100px 50px;
    	opacity: 0;
	}
}

.input__label-content--minoru {
	padding: 0.75em 0.15em;
}

.glry_img{height:120px; width:100%; border:1px solid grey; cursor:pointer;}
#gallery_container p{color:#cc3300; font-size:15px; text-align:center; padding-top:6px;}

.ach_img{height:250px; width:100%; border:1px solid grey; cursor:pointer;}
#achivement_container p{color:#cc3300; font-size:15px; padding-top:6px; padding-bottom:10px;}