@import "normalize.less";
@import "sprites.less";
@import "helpers.less";
@import "elements.less";

html { height: 100%; padding-bottom: 1px }
body { min-width:980px; background-color:#eeefef; color: #3b3c41; font-family:Arial; font-size:12px; height:100%; text-shadow: #fff 0 1px 0; }
a,a:focus,a:visited { color:#3b3c41; text-decoration:none; outline: 0; }
a:hover { color:#000; }

#wrapper { width:490px; height:245px; margin:0 auto; position:relative; top:50%; margin-top:-123px; }

.content-wrapper { background-color:#f5f5f5; padding:5px; z-index:20; position:relative; height:100%; .box-sizing; .rounded(10px); .drop-shadow(0, 0, 5px, 0.2); }
.content { width:400px; margin:0 auto; }

.login_icon,.recover_icon { float:left; width:64px; height:64px; margin-top:15px; margin-left:-10px; }

form { margin:0 auto; width:250px; }

.form-section { position:relative; margin-top:5px; }
.form-desc { margin-left:5px; margin-bottom:2px; display:block; }
.form-input { clear:both; width:100%; border:1px solid #ddd; padding:0 30px 0 3px; font-size:14px; height:29px; .box-sizing; .rounded(5px); }
.form-input:focus { .drop-shadow(0, 0, 5px, 0.2); }

.submit { height:29px; width:100px; margin:15px auto 10px; display:block; }
.button { border:1px solid #c4c4c4; border-bottom:0; .drop-shadow(0, 1px, 3px, 0.3); .rounded(5px); .vertical-3(#eee, 0%, #ccc, 80%, #aaa, 100%); }

.forgot,.back { position:absolute; left:10px; bottom:-20px; }

.warning_icon { display:inline-block; width:30px; height:28px; vertical-align:-8px; margin-right:5px; }
.message { position:absolute; top:-60px; left:0; width:100%; height:auto; text-align:center; margin:0; padding:7px; color:red; font-weight:bold; }
.message.succ { color:green; }

#forgot { display:none; }

#footer-container a { font-size:10px; float:right; margin:5px 10px 0 0; }
#footer-container a:hover { text-decoration:underline; }
#footer-container a:before { display:inline-block; content:''; margin-right:4px; vertical-align:-4px; .size(17px, 15px); .miroart_icon; }

h1 { font-size:20px; }

.modal-content { display:none; }
#simplemodal-container { background:#F5F5F5; padding:10px; border:1px solid #aaa; text-align:center; width:270px; .rounded(5px); .box-shadow(0 0 5px rgba(0, 0, 0, 0.2)); }
#simplemodal-container .question { margin:0 0 5px 0; }
#simplemodal-container .icon { display:inline-block; height:19px; width:19px; margin-right:5px; vertical-align:-5px; }
#simplemodal-container button { height:25px; width:100px; margin:6px 10px 0; }


#sliding_message_box { background-color:#F5F5F5; border-bottom:1px solid #aaa; font-size:12px; text-align:center; z-index:99999; line-height:40px; position:fixed; left:0; width:100%; .box-shadow(0 0 5px rgba(0, 0, 0, 0.2)); }
#sliding_message_box .time { font-size:10px; margin-right:10px; }
#sliding_message_controls { float:right; width:30px; }
#sliding_message_close { line-height:30px; display:block; }
#sliding_message_timer { line-height:10px; display:block; font-size:10px; margin-top:-5px; }