@import url("global.css");

/* =generic classes
 -------------------------------------------------- */
/* =left */
.left {float:left;}

/* =right */
.right {float:right;}

/* =center */
.center {display:block; text-align:center; margin:0 auto;}

/* =clear-left */
.cl {clear:left;}

/* =clear-left */
.cr {clear:right;}

/* =clear-left */
.cb {clear:both;}

.align-right {text-align:right;}
.align-left {text-align:left;}
.align-center {text-align:center;}

.width-15 {width:15px;}
.width-30 {width:30px;}
.width-60 {width:60px;}
.width-70 {width:70px;}
.width-80 {width:80px;}
.width-95 {width:95px;}
.width-110 {width:110px;}
.width-150 {width:150px;}
select.width-150 {width:158px;}
.width-180 {width:180px;}
.width-200 {width:200px;}
.width-255 {width:255px;}
.width-300 {width:300px;}
.width-400 {width:400px;}
.width-510 {width:510px;}

.height-151 {height:151px;}

.relative {position:relative;}

/* Login page */
#login-box {
	margin:auto; 
	width:300px;
	padding:20px;
	background-color:rgba(255,255,255,1);
	border:1px solid #000;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#login-box .form-elemnts-cnt {margin-bottom:10px;}
#login-box .form-elemnts-cnt label {padding:5px 0; color:#230b05; font-size:12px;}
#login-box .form-elemnts-cnt input {
	border:1px solid #666; 
	width:200px; 
	padding:5px;
	
	-moz-box-shadow:0 0 5px rgba(0,0,0,.5);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);
	box-shadow:0 0 5px rgba(0,0,0,.5);
}
#login-box .btn-login {
	border:1px solid #666; 
	padding:4px 20px;
	color:#230b05;
	font-size:12px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow:0 0 5px rgba(0,0,0,.5);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);
	box-shadow:0 0 5px rgba(0,0,0,.5);
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d5d5d5 49%, #c5c5c5 50%, #888888 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#d5d5d5), color-stop(50%,#c5c5c5), color-stop(100%,#888888)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d5d5d5 49%,#c5c5c5 50%,#888888 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#d5d5d5 49%,#c5c5c5 50%,#888888 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#d5d5d5 49%,#c5c5c5 50%,#888888 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#d5d5d5 49%,#c5c5c5 50%,#888888 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#888888',GradientType=0 ); /* IE6-9 */
}
#login-box .btn-login:hover {
	-moz-box-shadow:0 0 0 rgba(0,0,0,.5);
	-webkit-box-shadow:0 0 0 rgba(0,0,0,.5);
	box-shadow:0 0 0 rgba(0,0,0,.5);
}
#login-box .btn-login:active {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #bcbcbc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#bcbcbc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#bcbcbc 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#bcbcbc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */
}
.error-cnt {background-color:#ff0000; color:white; padding:2px 5px; margin-bottom:10px; text-shadow:1px 1px 1px rgba(0,0,0,.5); border:1px solid #999;}
/* Login page */