/* CSS Document */

/* 
    RESETER
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}




/* GOOGLE FONT API : font-family:'Lato', sans-serif; */


/* BASIC CSS */

body{ width:100%; margin:0; padding:0; background:#fafafa; font-family:Arial, Helvetica, sans-serif;  background:url(/resource/images/container-bg.png) #EEEEDD repeat-x; }

#container{width:1000px; margin:0 auto; padding:0;}

#container #login-shadow{background: url(/resource/images/shadow.png) no-repeat scroll center bottom rgba(0, 0, 0, 0); margin:0; padding:55px 0; width:100%; float:left; clear:both;}

#container #login-shadow img{margin:0 auto; padding:0 0 0 430px; float:left;}

#container-inner{width:1000px; margin:0; padding:0; float:left; clear:both; background:url(/resource/images/divider.png) no-repeat center top;}

#container-inner #content {width:100%; margin:0 auto;  text-align:center; }
#container-inner #content h1{color: #69695D; font-size: 13px; font-weight: bold; letter-spacing: 0.4px; margin-bottom: 22px; margin-top: 22px; text-shadow: 0 1px 0 #FFFFFF;}
#container-inner #content form{width:500px; margin:0 auto; padding:0;}

#container-inner #content form input[type="text"]{ background: url(/resource/images/input-bg.png) repeat-x scroll left top #FFFFFF; border-color: #D2D3C9 #D1D2C6 #DDDED4; border-radius: 8px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 #F6F7F2; color: #222222; font-size: 13px;   font-weight: normal; height: 36px; letter-spacing: 0.4px; padding: 0 8px; width: 352px; margin:10px 0 0 0; overflow:hidden;}

#container-inner #content form input[type="password"]{ background: url(/resource/images/input-bg.png) repeat-x scroll left top #FFFFFF; border-color: #D2D3C9 #D1D2C6 #DDDED4; border-radius: 8px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 #F6F7F2; color: #222222; font-size: 13px;   font-weight: normal; height: 36px; letter-spacing: 0.4px; padding: 0 8px; width: 352px; margin:10px 0 0 0; overflow:hidden;}

#container-inner #content form input[type="submit"]{background:url(/resource/images/submit-bg.png) repeat-x scroll left bottom #CA341B; border-bottom: 1px solid #662C16; border-top: 1px solid #D57654; color: #FFFFFF !important; font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #904429 !important;}

.submit{ border-radius: 15px; box-shadow: 0 0 3px #DDDDDD; color: #565656 !important; cursor: pointer; padding: 3px 20px; text-shadow: 0 1px 0 #DDDDDD; margin:10px 0 0 0; float:right; clear:both; border:none;}

#submit{width:435px; margin:0; padding:0; float:left;}

#submit input[type="submit"]{background:url(/resource/images/submit-bg.png) repeat-x scroll left bottom #CA341B; border-bottom: 1px solid #662C16; border-top: 1px solid #D57654; color: #FFFFFF !important; font-size: 11px; font-weight: bold; text-shadow: 0 1px 0 #904429 !important;}

.login-message p{txt-align:center;color:#ff0000; font-family: 'MyriadProRegular'; font-weight:normal; font-size:15px;}
#footer{width:1000px; margin:22px 0 0 0; padding:0; background:url(/resource/images/footer-bg.png) no-repeat center top; float:left;}
#footer p{text-align:center; color: #7E7E7E; font-weight: normal; line-height:68px;  font-size: 13px;   font-weight: normal;}
#footer a{text-align:center; color: #7E7E7E; font-weight: normal; line-height:68px;  font-size: 13px;   font-weight: normal; text-decoration:none}
#footer a:hover {text-decoration:underline;}