* { margin: 0; padding: 0; outline: none; }
html { font-size: 62.5%; height: 101%; }

body {
    background: #CCCCCC;
    font-family: "Calibri" , Arial, sans-serif;
}
img { border: 0; }

a { color: #3a51b2; text-decoration: none; }
a:hover { text-decoration: underline; }




#login-box {
    background: #333;
    padding: 10px;
    border: 2px solid #ddd;
    font-size: 1.2em;
    position: fixed;
    width:400px;
    top: 30%;
    right: 30%;
    left: 35%;
    z-index: 99999;
    box-shadow: 0px 0px 20px #666666; /* CSS3 */
    -moz-box-shadow: 0px 0px 20px #666666; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #666666; /* Safari, Chrome */
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
}

#login-logo {
    width: 39%;
    float: right;
    vertical-align:central;
    text-align:center;
}

#login-form {
    width:59%;
    float:left;
}

fieldset { 
	border:none; 
}

form.signin .textbox label { 
	display:block; 
	padding-bottom:7px; 
}

form.signin .textbox span { 
	display:block;
}

form.signin p, form.signin span { 
	color:#999; 
	font-size:11px; 
	line-height:18px;
} 

form.signin .textbox input {
    background: #666666;
    border-bottom: 1px solid #333;
    border-left: 1px solid #000;
    border-right: 1px solid #333;
    border-top: 1px solid #000;
    color: #E1E1E1;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font: 13px Arial, Helvetica, sans-serif;
    padding: 6px 6px 4px;
    width: 200px;
}

form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

.button { 
	background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
	border-color:#000; 
	border-width:1px;
        border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
        -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	padding:6px 6px 4px;
	margin-top:10px;
	font:12px; 
	width:214px;
}
.button:hover { background:#ddd; }
