* {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
width: 100%;
font-family: "Arial","Sans";
font-size: 12px;
background: #505050;
}
table {
width: 100%;
border-collapse: collapse;
}
td {
padding: 0;
}
select {
margin: 0;
padding: 6px;
font-size: 15px;
border: 1px solid #DCDCDC;
background: #FFFFE0;
}
#container {
}
#header {
margin: 0;
background: #FFFFFF;
}
div.header-title {
margin: 0 auto;
padding: 10px 0;
min-width: 400px;
max-width: 600px;
}
div.header-logo {
float:left;
margin: 0;
padding: 0 5px 0 0;
width: 160px;
height: 30px;
}
div.header-logo>img {
box-shadow: gray 1px 1px 5px;
}
div.header-text {
margin: 0;
padding: 0;
color: #303030;
font-size: 30px;
line-height: 30px;
font-weight: bold;
text-align: left;
text-shadow: 0.5px 0.5px 1px gray;
font-smooth: always;
-webkit-font-smoothing: antialiased;
letter-spacing: 4px;
}
span.green {
color: #029102;
}
span.black {
color: #000000;
}
#body {
width: 100%;
background: #505050 url("images/body_gradient.png") repeat-x top left;
}
#body_text {
margin: 0;
height: 100%;
padding: 0 5px;
}
div.context-top {
width: 100%;
height: 20px;
}
div.context-bottom {
width: 100%;
height: 20px;
}
div.context {
margin: 0 auto;
text-align: center;
min-width: 400px;
max-width: 600px;
background: #FFFFFF;
box-shadow: 0px 1px 2px 2px rgba(50, 50, 50, 0.75);
}
div.context-head {
padding: 10px 20px;
margin: 0;
text-align: center;
font-size: 25px;
background: #DCDCDC;
border-bottom: 1px solid #AAAAAA;
}
div.context-body {
width: 100%;
text-align: center;
}
div.language {
padding: 15px 15px 0 0;
text-align: right;
}
div.language-separator {
width: 100%;
height: 20px;
}
div.input-field {
text-align: center;
margin: 0 auto;
width: 65%;
}
div.input-field>input[type=text],
div.input-field>input[type=password] {
margin: 0 0 0 -1px;
padding: 0 3%;
font-size: 15px;
line-height: 30px;
height: 30px;
border: 1px solid #DCDCDC;
background: #FFFFE0;
min-width: 100px;
width: 94%;
}
div.input-separator {
width: 100%;
height: 10px;
}
div.submit-button-wrapper {
text-align: center;
}
div.submit-button {
margin: 0 auto;
text-align: right;
min-width: 100px;
width: 65%;
}
div.submit-button>input[type=submit] {
margin: 0;
padding: 10px;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
line-height: 18px;
cursor: pointer;
border: 1px solid #000000;
background: #029102;
}
div.submit-button>input[type=submit]:hover {
background: #00A000;
}
div.login-failed {
color: #FF0000;
margin: 5px 10px;
}
div.link {
padding: 10px;
background: #EEFFEE;
border: 1px solid #DCDCDC;
width: 50%;
margin: 0 auto;
}
div.link>a {
font-size: 18px;
color: #007400;
text-decoration: underline;
}
div.link>a:hover {
color: #4aac4a;
text-decoration: underline;
}
div.link2 {
border-top: none;
}
div.link-separator {
width: 100%;
height: 20px;
}
div.info {
padding: 12px 15px 12px 15px;
color: #404040;
font-size: 12px;
text-align: left;
background: #EEEEEE;
border-top: 1px solid #DCDCDC;
}
#footer {
border-top: 1px solid #DCDCDC;
}
#footer_text {
font-size: 12px;
color: #EEEEEE;
text-align: center;
padding: 10px;
}
@media all and (min-height:800px) {
div.context-top {
height: 40px;
}
div.context-bottom {
height: 40px;
}
div.language-separator {
height: 40px;
}
div.link-separator {
height: 40px;
}
}
@media all and (max-height:630px) {
div.context-top {
height: 10px;
}
div.context-bottom {
height: 10px;
}
div.language-separator {
height: 10px;
}
div.link-separator {
height: 10px;
}
}
@media all and (max-height:570px) {
div.context-top {
height: 5px;
}
div.context-bottom {
height: 5px;
}
div.language-separator {
height: 5px;
}
div.link-separator {
height: 5px;
}
div.input-separator {
height: 5px;
}
div.context-head {
padding: 5px 20px;
}
div.language {
padding-top: 5px;
}
}