/* Setting for Quick Button Side Bar */
.btnside {
	/*padding:5px 30px;*/
	border:1px solid maroon;
	border-radius:4px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	background-color:maroon;
	color:white;
	text-shadow:0 1px 1px black;
	/*font-weight: bold;*/
	cursor: pointer;
	width: 100px;
 	height: 20px;
}
.btnside:hover {
  	/*padding:5px 30px;*/
	border:1px solid yellow;
	border-radius:4px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	background-color:yellow;
	color:white;
	text-shadow:0 1px 1px black;
	/*font-weight: bold;*/
	cursor: pointer;
}
/* To give All the input button Effect */
.btn {
/*	padding:5px 30px;*/
	border:1px solid maroon;
	border-radius:4px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	background-color:maroon;
	color:white;
	text-shadow:0 1px 1px black;
	/*font-weight: bold;*/
	cursor: pointer;
}
/* To Make mouse hower over the Button change Color */ 
.btn:hover {
/*	padding:5px 30px;*/
	border:1px solid yellow;
	border-radius:4px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	background-color:yellow;
	color:white;
	text-shadow:0 1px 1px black;
	/*font-weight: bold;*/
	cursor: pointer;
}

/* ONLY FOR SELECTED.PHP UPLOAD PIC*/

.btn2 {
/*	padding:5px 30px;*/
	border:1px solid maroon;
	border-radius:4px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	background-color:maroon;
	color:white;
	text-shadow:0 1px 1px black;
 	cursor: pointer;
	width: 60px;
}

.btn2:hover {
/*	padding:5px 30px;*/
	border:1px solid yellow;
	border-radius:4px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	background-color:yellow;
	color:white;
	text-shadow:0 1px 1px black;
	cursor: pointer;
	width: 60px;
}

/* ONLY FOR SELECTED.PHP UPLOAD PIC*/

.btn3 {
/*	padding:5px 30px;*/
	border:1px solid maroon;
	border-radius:4px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	background-color:maroon;
	color:green;
	text-shadow:0 1px 1px black;
	cursor: pointer;
	width: 30px;
}

.btn3:hover {
/*	padding:5px 30px;*/
	border:1px solid yellow;
	border-radius:4px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	background-color:yellow;
	color:white;
	text-shadow:0 1px 1px black;
	cursor: pointer;
	width: 30px;
}
/* FOR admin_menu.php*/

.btn4 {
/*	padding:5px 30px;*/
	border:1px solid maroon;
	border-radius:4px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	background-color:maroon;
	color:white;
	text-shadow:0 1px 1px black;
	/*font-weight: bold;*/
	cursor: pointer;
	width: 150px;
}
/* To Make mouse hower over the Button change Color */ 
.btn4:hover {
/*	padding:5px 30px;*/
	border:1px solid yellow;
	border-radius:4px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	background-color:yellow;
	color:white;
	text-shadow:0 1px 1px black;
	/*font-weight: bold;*/
	cursor: pointer;
	width: 150px;
}
/* FOR TIMEIN / TIMEOUT BUTTON */
.btntime {
/*	padding:5px 30px;*/
	border:1px solid maroon;
	border-radius:4px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	background-color:maroon;
	color:white;
	text-shadow:0 1px 1px black;
	/*font-weight: bold;*/
	cursor: pointer;
	width: 100px;
 	height: 50px;
}
/* To Make mouse hower over the Button change Color */ 
.btntime:hover {
/*	padding:5px 30px;*/
	border:1px solid yellow;
	border-radius:4px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	background-color:yellow;
	color:white;
	text-shadow:0 1px 1px black;
	/*font-weight: bold;*/
	cursor: pointer;
}
/* Setting for TIME SHEET BUTTON */
.btntime2 {
	/*padding:5px 30px;*/
	border:1px solid maroon;
	border-radius:5px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	background-color:maroon;
	color:white;
	text-shadow:0 1px 1px black;
	/*font-weight: bold;*/
	cursor: pointer;
	width: 50px;
}
.btntime2:hover {
  	/*padding:5px 30px;*/
	border:1px solid yellow;
	border-radius:5px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	background-color:yellow;
	color:white;
	text-shadow:0 1px 1px black;
	/*font-weight: bold;*/
	cursor: pointer;
}
.btntime2a {
	/*padding:5px 30px;*/
	border:1px solid maroon;
	border-radius:5px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px maroon,
		0 2px 1px black;
	background-color:maroon;
	color:white;
	text-shadow:0 1px 1px black;
	/*font-weight: bold;*/
	cursor: pointer;
	width: 80px;
	height: 120px;
}
.btntime2a:hover {
  	/*padding:5px 30px;*/
	border:1px solid yellow;
	border-radius:5px;
	-webkit-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	-moz-box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	box-shadow:
		inset 0 1px 3px pink,
		inset 0 -5px 15px yellow,
		0 2px 1px black;
	background-color:yellow;
	color:white;
	text-shadow:0 1px 1px black;
	/*font-weight: bold;*/
	cursor: pointer;
}