﻿/* Decoration */
.drop-shadow {
    position:relative;
    width:40%;    
    padding:1em; 
    margin:2em 10px 4em; 
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute; 
    z-index:-2;
}
    /* Lifted corners */
.lifted {
    -moz-border-radius:4px; 
         border-radius:4px;
}

.lifted:before,
.lifted:after { 
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.6);   
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.6);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.6);
    -webkit-transform:rotate(-3deg);    
       -moz-transform:rotate(-3deg);   
        -ms-transform:rotate(-3deg);   
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}

.lifted:after {
    right:10px; 
    left:auto;
    -webkit-transform:rotate(3deg);   
       -moz-transform:rotate(3deg);  
        -ms-transform:rotate(3deg);  
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}

/* Login Panel */
ul.formContent
{
	visibility: hidden;
	list-style-type: none;
	display: block;
	margin: 50px auto 30px auto;
	width: 500px;
	/* border & background */
	
}

ul.formContent li
{
	padding: 10px 0;
}

ul.formContent li.emptyRow
{
    height: 0.8em;
}

ul.formContent label.description
{
	display: inline-block;
}

.inputArea
{
	width: 250px;
	padding: 10px 15px;
	border: solid 1px #DDDDDD;
	outline: none;
	
	/*Round Corner*/
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	
	
	/* width consistency */
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	behavior: url(./css/PIE.htc);
	z-index: 0;
}

.inputArea:focus
{
    outline: none;
	border-color: #D2B6F1;
	background-color: White;
	/*Shadow*/
	-moz-box-shadow:    0px 0px 4px 1px #D2B6F1;
	-webkit-box-shadow: 0px 0px 4px 1px #D2B6F1;
	box-shadow:         0px 0px 4px 1px #D2B6F1;
	behavior: url(./css/PIE.htc);
	z-index: 0;
}

input[type=button], input[type=submit]
{
    padding: 3px 10px;
    margin-right: 30px;
}
