.loginlegend{
	FONT-FAMILY: Arial;
	COLOR: #000;
	FONT-SIZE: 0.55em;
	padding:0 0 0 20px;
}
#frmlogin label{
	width: 73px;
	clear: left;
	display: block;
	float:left;
	margin:5px 0 0 22px;
	FONT-FAMILY: Arial;
	COLOR: #000;
	FONT-SIZE: 10pt;
	/*TEXT-ALIGN: left; PADDING-LEFT: 20px; WIDTH: 30%;  HEIGHT: 1%;   VERTICAL-ALIGN: top;*/
}
#frmlogin input[type=text],input[type=password]{
	width:150px;
	float:left;
	margin:5px 0 0 0;
}
#frmlogin .btnLogin {
	width:71px;
	margin:5px 0 0 130px;
	float:left;
}
#frmlogin textarea{
	width:302px;
	height:70px;
	margin:34px 4px 0 3px;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Courier New;
	text-align:left;
	resize: none;
}
#frmlogin .alert{
	float:left;
	text-align:center;
	font-size:10pt;
}
/************************************************************************************************************************************/
#frmlogin02{
	width:96%;
}
#frmlogin02 label{
	/*min-width:155px;*/
	width:35%;
	text-align:right;
	margin:7px 5px 0 22px;
	clear: left;
	display: block;
	float:left;
	FONT-FAMILY: Arial;
	COLOR: #602b14;
	FONT-SIZE: 10pt;
	/*TEXT-ALIGN: left; PADDING-LEFT: 20px; WIDTH: 30%;  HEIGHT: 1%;   VERTICAL-ALIGN: top;*/
}
#frmlogin02 input[type=text],#frmlogin02 input[type=password]{
	min-width:150px;
	width:60%;
	float:left;
	margin:5px 0 0 0;
	padding:0 0 0 4px;
}
#frmlogin02 select{
	width:157px;
	float:left;
	margin:5px 0 0 0;
	padding:0 0 0 4px;
}
#frmlogin02 input[type=submit]{
	width:100px;
	margin:5px 76px 0 0;
	float:right;
}
#frmlogin02 textarea{
	width:150px;
	height:40px;
	margin:5px 0px 0 0px;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Courier New;
	text-align:left;
	resize: none;
	float:left;
	padding:0 0 0 4px;
}

/* .slideOne */
.slide01 {
	float:left;
	width: 80px;
	height: 26px;
	background: #D8D8D8;
	margin: 7px 5px;
	position: relative;
	border-radius: 50px;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
#frmlogin02 .slide01:after {
	content: 'OFF';
	color: #000;
	position: absolute;
	right: 8px;
	z-index: 0;
	font: 14px/26px Arial, sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
#frmlogin02 .slide01:before {
	content: 'VIEW';
	color: #27ae60;
	position: absolute;
	left: 8px;
	z-index: 0;
	font: 11px/26px Arial, sans-serif;
	font-weight: bold;
}
#frmlogin02 .slide01 label {
	display: block;
	width: 34px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: -4px;
	left: -19px;
	z-index: 1;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	border-radius: 50px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
#frmlogin02 .slide01 input[type=checkbox] {
	visibility: hidden;
}
#frmlogin02 .slide01 input[type=checkbox]:checked + label {
	left: 21px;
}
/* end .slideOne */
/* .slideTwo */
#frmlogin02 .slide02 {
	float:left;
	width: 80px;
	height: 26px;
	background: #D8D8D8;
	margin: 7px 5px;
	position: relative;
	border-radius: 50px;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
#frmlogin02 .slide02:after {
	content: 'OFF';
	color: #000;
	position: absolute;
	right: 8px;
	z-index: 0;
	font: 14px/26px Arial, sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
#frmlogin02 .slide02:before {
	content: 'ADD';
	color: #27ae60;
	position: absolute;
	left: 9px;
	z-index: 0;
	font: 11px/26px Arial, sans-serif;
	font-weight: bold;
}
#frmlogin02 .slide02 label {
	display: block;
	width: 34px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: -4px;
	left: -19px;
	z-index: 1;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	border-radius: 50px;
	-webkit-transition: all 0.4s ease;
		  transition: all 0.4s ease;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
#frmlogin02 .slide02 input[type=checkbox] {
	visibility: hidden;
}
#frmlogin02 .slide02 input[type=checkbox]:checked + label {
	left: 21px;
}

/* end .slideTwo */
/* .slideThree */
#frmlogin02 .slide03 {
	float:left;
	width: 80px;
	height: 26px;
	background: #D8D8D8;
	margin: 7px 5px;
	position: relative;
	border-radius: 50px;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
#frmlogin02 .slide03:after {
	content: 'OFF';
	color: #000;
	position: absolute;
	right: 8px;
	z-index: 0;
	font: 14px/26px Arial, sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
#frmlogin02 .slide03:before {
	content: 'EDIT';
	color: #27ae60;
	position: absolute;
	left: 9px;
	z-index: 0;
	font: 11px/26px Arial, sans-serif;
	font-weight: bold;
}
#frmlogin02 .slide03 label {
	display: block;
	width: 34px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: -4px;
	left: -19px;
	z-index: 1;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	border-radius: 50px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
#frmlogin02 .slide03 input[type=checkbox] {
	visibility: hidden;
}
#frmlogin02 .slide03 input[type=checkbox]:checked + label {
	left: 21px;
}

/* end .slideThree */
/* .slideFour */
#frmlogin02 .slide04 {
	float:left;
	width: 80px;
	height: 26px;
	background: #D8D8D8;
	margin: 7px 5px;
	position: relative;
	border-radius: 50px;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
#frmlogin02 .slide04:after {
	content: 'OFF';
	color: #000;
	position: absolute;
	right: 8px;
	z-index: 0;
	font: 14px/26px Arial, sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
#frmlogin02 .slide04:before {
	content: 'Delete';
	color: #27ae60;
	position: absolute;
	left: 4px;
	z-index: 0;
	font: 11px/26px Arial, sans-serif;
	font-weight: bold;
}
#frmlogin02 .slide04 label {
	display: block;
	width: 34px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: -5px;
	left: -19px;
	z-index: 1;
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	border-radius: 50px;
	-webkit-transition: all 0.4s ease;
		  transition: all 0.4s ease;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
#frmlogin02 .slide04 input[type=checkbox] {
	visibility: hidden;
}
#frmlogin02 .slide04 input[type=checkbox]:checked + label {
	left: 21px;
}

/* end .slideFour */
.ondisplay {
  text-align: center;
  padding: 20px 0;
}
.ondisplay section {
  width: 100px;
  height: 100px;
  background: #555;
  display: inline-block;
  position: relative;
  text-align: center;
  margin-top: 5px;
  border: 1px solid gray;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.ondisplay section:after {
  /*         visibility: hidden; */
  content: attr(title);
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0px 1px #000;
}
.textsearchbox{ /* For Serach data on admin form */
	border-radius:7px;
	border:0px;
	width:calc(100% - 96px);
	height:32px;
	text-align:center;
}