@charset "utf-8";
/*CSS Document z-index* loginstyle.css* copied from laser/
input:focus,textarea:focus {
	outline: none; styleit-content
}
/*span { display: inline-block;}*/
nav ul {
	float: right;
	margin: 0;
	padding: 0;
	padding-right: 1%;
	list-style: none;
	position: relative;
	background: #eee;
	border-bottom: 1px solid #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
}
nav li {
	float: left;  
	text-align: left;	        
}
#here {
	/*	float: right;*/
	display: inline-block;
	position: relative;
	width: 40%;
	margin: 0;
	padding: 0;
	/*	padding-right: 3%;*/
	text-align: left;
	color: #FFF;
	font-size: 1em;	/*	clear: both;*/
}
#here a {
	margin: 0;
	padding: 0;
	padding-top: 2%;
	/*	float: right;
	position: relative;*/
	color: #FFF;/*	font-weight: bold;*/
	font-size: 75%;
}
nav #login, nav #signup, nav #styleit{
	border-right: 1px solid #ddd;
	-moz-box-shadow: 1px 0 0 #fff;
	-webkit-box-shadow: 1px 0 0 #fff;
	box-shadow: 1px 0 0 #fff;  
}
nav #login-trigger, nav #signup-trigger, nav #styleit-trigger {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	padding: 0 8px;
	text-decoration: none;
	color: #444;
	text-shadow: 0 1px 0 #fff; 
}
		
nav #login a, nav #signup a, nav #styleit a {
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}
		
nav #login-trigger, nav #signup-trigger {
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	 border-radius: 3px 0 0 3px;
}
		
nav #login-trigger:hover, nav #signup-trigger:hover, nav #styleit-trigger:hover, nav #login .active, nav #signup .active, nav #styleit .active,{
	background: #fff;
}
		
nav #login-content, nav #signup-content, nav #styleit-content {
		  display: none;
		  position: absolute;
		  top: 24px;
		  right: 0;
		  color: #006; 
/*		  z-index: 999; original*/ 
		  z-index: 2003;    
		  background: #fff;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		  background-image: -webkit-linear-gradient(top, #fff, #eee);
		  background-image: -moz-linear-gradient(top, #fff, #eee);
		  background-image: -ms-linear-gradient(top, #fff, #eee);
		  background-image: -o-linear-gradient(top, #fff, #eee);
		  background-image: linear-gradient(top, #fff, #eee);  
		  padding: 15px;
		  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  -moz-border-radius: 3px 0 3px 3px;
		  -webkit-border-radius: 3px 0 3px 3px;
		  border-radius: 3px 0 3px 3px;
}
nav #login-content {
	right: 50px;
}
nav li #login-content {
	right: 10px;
	width: 100px;  
/*	display: inline-block;*/
}
		
nav li #signup-content{
	right: 0;
	width: 250px;  
}
nav li #styleit-content{
	right: 0;
	width: 250px;  
}
		
				
/*--------------------*/
		
#inputs input {
	color:#333;
	background: #f1f1f1;
	padding: 6px 5px;
	margin: 0 0 5px 0;
	width: 238px;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 1px #ccc inset;
	-webkit-box-shadow: 0 1px 1px #ccc inset;
	box-shadow: 0 1px 1px #ccc inset;
}
		
#inputs input:focus {
		  background-color: #fff;
		  border-color: #e8c291;
		  outline: none;
		  -moz-box-shadow: 0 0 0 1px #e8c291 inset;
		  -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
		  box-shadow: 0 0 0 1px #e8c291 inset;
}
		
/*--------------------*/
		
#login #actions, #signup #actions {
		  margin: 10px 0 0 0;
}
		
#login #submit1,
#login #submit2,
#login #submit3,
#login #submit,
#signup #submit {		
		  background-color: #d14545;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#e97171), to(#d14545));
		  background-image: -webkit-linear-gradient(top, #e97171, #d14545);
		  background-image: -moz-linear-gradient(top, #e97171, #d14545);
		  background-image: -ms-linear-gradient(top, #e97171, #d14545);
		  background-image: -o-linear-gradient(top, #e97171, #d14545);
		  background-image: linear-gradient(top, #e97171, #d14545);
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  border-radius: 3px;
		  text-shadow: 0 1px 0 rgba(0,0,0,.5);
		  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
		  border: 1px solid #7e1515;
		  float: left;
/*		  height: 30px;*/ 
		  height: 55%;
		  padding: 0;
		  width: 100px;
		  cursor: pointer;
		  font: bold 14px Arial, Helvetica;
		  color: #fff;
}
		
#login #submit:hover,
#login #submit:focus, 
#signup #submit:hover,
#signup #submit:focus{		
		  background-color: #e97171;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#d14545), to(#e97171));
		  background-image: -webkit-linear-gradient(top, #d14545, #e97171);
		  background-image: -moz-linear-gradient(top, #d14545, #e97171);
		  background-image: -ms-linear-gradient(top, #d14545, #e97171);
		  background-image: -o-linear-gradient(top, #d14545, #e97171);
		  background-image: linear-gradient(top, #d14545, #e97171);
}	
		
#login #submit:active, #signup #submit:active {		
	outline: none;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}
		
#login #submit::-moz-focus-inner {
	border: none;
}
		
#login label {
	float: right;
	line-height: 30px;
}
		
#login label input {
	position: relative;
	top: 2px;
	right: 2px;
}
		
/*--------------------*/
		
#about {
	margin: 15px;
}
		
#about a {
	color: #555;
}
