/******* BASIC *******/

body, html {
font-family: 'Open Sans', sans-serif;
font-size: 96%;
color: #FFFFFF;
line-height: 1.4;
background:#252525 url(../images/dark_geometric.png);
height: 100%;
}


* {
margin: 0;
padding: 0;
}

img {
border: none;
}



h1, h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-style: italic;
font-weight: normal;
line-height: 2em;
}

h1 {font-size:2.2em;}
h2 {font-size:2em;}
h3 {font-size:1.7em;}
h4 {font-size:1.5em;}
h5 {font-size:1em;}
h6 {font-size:1em;}


a {
color: #FFFFFF;
text-decoration: none;
}

a:hover {
color: #666666;
}

a:focus {
outline: none;
}





#wrapper {
width: 800px;
height: 600px;
margin: 0 auto;
margin-top: 100px;
position: relative;
background: url(../images/round-gray.png) center no-repeat;
}


#logo {
position: absolute;
right: 40px;
top: 40px;
}


#loginbox {
width: 20em;
padding: 11em 2em 2em 2em;
margin: 0 auto;
}

#loginbox h3{
text-align: center;
}

#loginbox ul, #loginbox li{
list-style: none;
}

#loginbox li {
margin: 2em 0;
}


#loginbox .field-wrap {
position: relative;
}

#loginbox label {
width: 3em;
color: #999999;
position: absolute;
top: 0;
left: 0;
z-index: 5;
padding: 0.8em 0.5em;
text-indent: -999px;
}

#loginbox label#iconUserID {
background: url(../images/icon-user.png) center no-repeat;
}

#loginbox label#iconPassword {
background: url(../images/icon-password.png) center no-repeat;
}


input, textarea {
font-family: 'Open Sans', sans-serif;
font-size: 96%;
color: #252525;
padding: 0.8em 0.5em 0.8em 4em;
width: 16.2em;
border: none;
background: #FFFFFF;
border: 1px solid #474747;
position: relative;
z-index: 2;
}

input:focus {
border: 1px solid #f15a25;
}


input.checkbox {
width: auto;
padding: 0;
position: static;
border: none;
}


input.button {
display: block;
width: 16.4em;
background: #f15a25;
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
padding: 0.5em 0;
text-align: center;
color: #FFFFFF;
border: none;
cursor: pointer;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .2em; 
-moz-border-radius: .2em;
border-radius: .2em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
border: solid 1px #cb4314;
background: -webkit-gradient(linear, left top, left bottom, from(#f15a25), to(#cb4314));
background: -moz-linear-gradient(top,  #f15a25,  #cb4314);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15a25', endColorstr='#cb4314');
}


/****** CHANGE LOG ******/
.change-log {
clear: both;
text-align: center;
width: 50em;
margin: 0 auto;
color: #999999;
margin-top: 5em;
margin-bottom: 5em;
}

.change-log li {
margin: 0.5em 0 0.5em 2em;
}

.change-log p {
margin: 1em 0;
}

#change-log-box {
display: none;
text-align: left;
margin: 2em 0;
border: 1px solid #474747;
padding: 2em;
}

ul.sublevel {
padding: 0 0 0 1.5em;
}