body { background-color: #4d4e51; background-image:url(assets/images/TexBack.jpg); margin: 0px; padding-top: 20px; font-family: Arial, Helvetica, sans-serif; font-size:80%;}

.content { width:55%; min-width:800px; margin:4em auto; background:#fff; box-shadow: 8px 8px 8px #000; display:block; }

#homeLogin { }

.logo { width:50%; min-width:355px; min-height:15em; display:inline-block; padding-top:15em; vertical-align:top; border-width:2px; border-style:solid; border-image: linear-gradient(to bottom, #222, rgba(0, 0, 0, 0)) 1 100%;  }

.logo img { margin-left:1.4em; }

.login { margin-left:1.2em; display:inline-block; padding-top:15em; vertical-align:top; font-family:'Quantico', Arial, Helvetica, sans-serif; }

.login h2 { color:#66a8d7; }

.footer { text-align:center; position:absolute; bottom:.8em; width:100%; font-size:.8em; color:rgba(255,255,255,.3); }

.formelement { margin:1em 0; }

.formelement label { width:6.5em; display:inline-block; vertical-align:bottom; color:#66a8d7; }

.formelement input { border:#66a8d7 solid 2px; padding:.2em 1.2em; min-width:14em; border-top-color:#fafafa; border-right-color:#fafafa; border-bottom-color:#ccc; display:inline-block; vertical-align:bottom; font-family:'Quantico', Arial, Helvetica, sans-serif;  }

input[type=submit] { border:#66a8d7 solid 2px; padding:.2em 1.2em; min-width:14em; display:inline-block; vertical-align:bottom; font-family:'Quantico', Arial, Helvetica, sans-serif; width:100%; background:#fff; color:#66a8d7; margin-top:.2em; }

input[type=submit]:hover { background:#5d5e61; background-image:url(assets/images/TexBack.jpg); background-position:-600px 0; color:#fff; cursor:pointer; }

.message { color:#f20; margin-top:1.2em; padding-bottom:1em; max-width:20em; }

.link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #ccc; }
a:link { color: #ccc; }
a:visited { color: #fff; }
a:hover { color: #efefef; background-color: #44454D; text-decoration: none; }
a:active { color: #dedede; }



@media screen and (max-width: 800px) {

.content { width:96%; min-width:0; margin:2em auto; }

.logo { width:100%; min-width:0; min-height:3em; display:block; padding-top:1em; vertical-align:top; border-width:2px; border-style:solid; border-image:linear-gradient(to right, #222 1%, rgba(0,0,0,0) 80%); border-image-width:1px; border-image-slice:1;  }

.login { margin-left:0; display:block; padding:1.3em; }

input[type=submit] { width:22.9em; }

input[type=submit]:hover { background-position:-120px 0; color:#fff; }
}