* { margin: 0; padding: 0; }

body {
    background: url("../images/login_bg.jpg") no-repeat center center fixed;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover;  color: #929292;
     }
.page {
    width:304px; height:350px; margin: 10% auto 0;
}
.page .login {
     background-image:url("../images/login.png");  width:304px; height:350px; background-repeat: no-repeat;
   }
.page .login #top {
 
       background-image:url("../images/title_logo.png");  width:275px; height:60px; float:left;   margin: 30px 0 0 18px; background-repeat:no-repeat;
    }
    .page .login .table {
          float:left; width:100%; margin-left:6px;  margin-bottom:6px;
    }
    .page .login .table tr { margin-bottom:10px;  float:left;
    }
.txt {
    -moz-border-radius: 6px; border-radius: 6px; border:solid 1px #9c9c9d; padding:6px;  -webkit-border-radius: 6px; min-width:267px; width:267px; max-width:267px; color:#929292; 
    }
.gndr {
       background: url("../images/gndr.png") no-repeat scroll 0 0 transparent;    border: 0 none; width:100px; height:32px; cursor:pointer;   color: #000;
}
.gndr:hover {
       background: url("../images/gndr_active.png") no-repeat scroll 0 0 transparent;    border: 0 none; width:100px; height:32px; cursor:pointer;   color: #000;
}
.sifremiUnuttum {
       cursor:pointer;   color: #929292;
}
.sifremiUnuttum:hover {
      cursor:pointer;  color: #ea5b0c;
}
.bottom {
      background-image:url("../images/digilera_logo.png");  width:178px; height:40px; float:left;   margin: 30px 0 0 60px; background-repeat:no-repeat;
}

._bottom {  float:left;   margin-left:25px; margin-top:5px;
}
#bttm {
    float: right;
    margin-left: 0;
    margin-right: 16px;
}
.my_recorder {
    float: left;  margin-left: 12px; margin-top: 5px;
  }
 
.squaredThree {
	width: 20px;	position: relative;

}

.squaredThree label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: -2px;
    left: 0;
	border-radius: 4px;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}
.squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}