*
{
        margin: 0;
        padding:0;
}

html
{
        font-family: Arial;
}

body
{
       background-color: #000;
}

#container
{
        clear: both;
        width: 410px;
        margin: 0 auto;
        text-align: center;
        padding-top: 100px;
}

#container img {
	height: 80px;
	margin-left: -12px;
	margin-bottom: 26px;
}

.login_panel 
{
	float: left;
	clear: both;
	text-align: center;
	margin: 0 auto;
	width: 400px;
	background-color: #e7e7e7;
	box-shadow: 0px 0px 15px #cfcaa5;
	border-bottom: 1px solid #000;
	border-left: 1px solid #111;
	border-right: 1px solid #000;
}

.login_panel .input
{
	float: left;
	width: 215px;
	height: 27px;
	margin: 6px 6px 0px 15px;
        min-height: 27px;
        padding-left: 5px;
        border: 1px solid #d5d5d5;
        box-shadow: 1px 1px 1px #f8f8f8;
        -webkit-box-shadow: 1px 1px 1px #f8f8f8;
	border-radius: 2px;
	font-size: 14px;
}

.login_panel input[type="submit"]
{
	float: left;
	clear: both;
        -moz-box-shadow:inset 0px 1px 0px 0px #fafaf8;
        -webkit-box-shadow:inset 0px 1px 0px 0px #fafaf8;
        box-shadow:inset 0px 1px 0px 0px #fafaf8;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e2d7a6), color-stop(1, #b8ab7a) );
        background:-moz-linear-gradient( center top, #e2d7a6 5%, #b8ab7a 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2d7a6', endColorstr='#b8ab7a');
        background-color:#beb077;
        -moz-border-radius:2px;
        -webkit-border-radius:2px;
        border-radius:3px;
        border:1px solid #ADA264;
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:5px 24px;
        text-decoration:none;
        text-shadow:0px 1px 0px #857F7F;
        margin: 12px 0px 18px 136px;
}

.login_panel input[type="submit"]:hover
{
	cursor: pointer;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8ab7a), color-stop(1, #e2d7a6) );
        background:-moz-linear-gradient( center top, #b8ab7a 5%, #e2d7a6 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8ab7a', endColorstr='#e2d7a6');
}

.login_panel label
{
	float: left;
	clear: both;
	text-align: right;
	line-height: 40px;
	width: 120px;
	color: #474747;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}

h2.titlebox
{
        float: left;
        width: 398px;
        color: #fff;
        font-weight: normal;
	text-align: left;
        text-shadow: 1px 1px 0px #888060;
        text-indent: 10px;
        padding: 10px 0px;
	margin-bottom: 18px;
        font-size: 16px;
	font-weight: bold;
        border-top:1px solid #fffbe0;
        border-left: 1px solid #c2ba8e;
        border-right: 1px solid #d1c99a;
        background-color: #eee;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ddd4a9), color-stop(1, #a2935a) );
        background:-moz-linear-gradient( center top, #ddd4a9 5%, #a2935a 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd4a9', endColorstr='#a2935a');
        box-shadow: 0px 1px 5px silver;
}