﻿body {
    font-family:"Trebuchet MS", Trebuchet, Verdana;
	height:100%;
}
#wrap {
    width:960px;
    margin-left:auto;
    margin-right:auto;
}
#inside {
    height:300px;
    width:520px;
    position:absolute;left:55%;top:60%;margin:-155px 0 0 -350px;
    text-align:center;
}
#inside #product {
    padding: 5px 0;
    font-size: 1.em;
}
#inside img {
    margin-bottom:0px;
}
#inside .info {
    margin-top: 10px;
}
#content {
    padding:10px;
    width:450px;
    height:180px;
    box-shadow:0px 0px 10px #333333;-moz-box-shadow:0px 0px 10px #333333;-webkit-box-shadow:0px 0px 10px #333333;-o-box-shadow:0px 0px 10px #333333;
    border-radius:20px;-moz-border-radius:20px;-webkit-moz-border-radius:20px;-o-border-radius:20px;
    text-align:center;
}
.no-borderradius #content 
{
    background-color: White;
    padding:10px;
    width:450px;
    height:170px;
    box-shadow:0px 0px 10px #333333;
    border-radius:20px;
    behavior: url(scripts/PIE.htc);    
}
#content #errorLabel {
    width:80%;
    height: 35px;
    margin-left:auto;margin-right:auto;margin-bottom:3px;
    }
#content #lblLoggingIn {
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
    padding:3px;
    color:White; font-size:1.5em;
    margin-left:auto;margin-right:auto;
    }
#content #lblError {    
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
    background-color:Red;
    padding:3px;
    color:White; font-size:1.5em;
    margin-left:auto;margin-right:auto;    
}
#content input[type=text] {
    color:#999;
}
#content input#txtLogin {
    font-family:"Trebuchet MS", Trebuchet, Verdana;
    width:400px;
    font-size:1.5em;
    padding: 8px;
	text-shadow: 0px 1px 0px #fff;
	outline: none;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);	
	background: gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #efefef;-moz-box-shadow: 1px 1px 0px #efefef;box-shadow:1px 1px 0px #efefef;
}
#content input#txtLogin:focus,input#txtLogin:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
}
#content input#txtPassword {
    width:400px;
    font-size:1.5em;
    padding: 8px;
	text-shadow: 0px 1px 0px #fff;
	outline: none;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	background: linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #efefef;-moz-box-shadow: 1px 1px 0px #efefef;box-shadow:1px 1px 0px #efefef;
    margin-top: 4px;
}
#content input#txtPassword:focus,input#txtPassword:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
}
#content input#txtPassword_clear {
    width:400px;
    font-size:1.5em;
    padding: 8px;
	text-shadow: 0px 1px 0px #fff; -webkit-text-shadow: 0px 1px 0px #fff; -moz-text-shadow: 0px 1px 0px #fff;
	outline: none;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	background: linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	border: 1px solid #717171;
	-webkit-boxshadow: 1px 1px 0px #efefef;-moz-box-shadow: 1px 1px 0px #efefef;box-shadow:1px 1px 0px #efefef;
    margin-top: 4px;
}
#content input#txtPassword_clear:focus,input#txtPassword_clear:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
}
#content input#txtConfirmPassword {
    width:400px;
    font-size:1.5em;
    padding: 8px;
	text-shadow: 0px 1px 0px #fff;
	outline: none;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	background: linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #efefef;-moz-box-shadow: 1px 1px 0px #efefef;box-shadow:1px 1px 0px #efefef;
    margin-top: 4px;
}
#content input#txtConfirmPassword:focus,input#txtConfirmPassword:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
}
#content input#txtConfirmPassword_clear {
    width:400px;
    font-size:1.5em;
    padding: 8px;
	text-shadow: 0px 1px 0px #fff; -webkit-text-shadow: 0px 1px 0px #fff; -moz-text-shadow: 0px 1px 0px #fff;
	outline: none;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	background: linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	border: 1px solid #717171;
	-webkit-boxshadow: 1px 1px 0px #efefef;-moz-box-shadow: 1px 1px 0px #efefef;box-shadow:1px 1px 0px #efefef;
    margin-top: 4px;
}
#content input#txtConfirmPassword_clear:focus,input#txtConfirmPassword_clear:hover {
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;  
}
#content input#btnLogin {
      margin-top: 2px;
      width:225px;
}
#content input#btnLogin {
    width: auto;
	padding: 2px 10px;
    margin-bottom: 5px;	
	border: 0;
	font-size: 2em;
	color: #FFFFFF;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0px 1px 2px #393939;
}
.no-borderradius #content input#btnLogin {
    border-radius: 5px;
    text-shadow: 0px 1px 2px #393939;
    behavior: url(scripts/PIE.htc); 
}

#content input#btnLogin:hover {
    /*background: #43b7f0;*/
    background: #de6316;
}
#content div {
    
}