CINXE.COM
Login - ChartsBin.com
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Login - ChartsBin.com</title><link rel="icon" href="https://chartsbin.com/images/favicon.ico"><link rel="shortcut icon" href="https://chartsbin.com/images/favicon_64x64.png"><style type="text/css" charset="utf-8">/* CSS Document */#hd { margin: 5em auto 3em }#bd { margin: 3em auto 1em }#ft { color: #999999; font-family: Verdana; font-size: 85%; }#ft img { vertical-align: text-bottom }.bottom { padding: 1em }.bottom a { color: #333333; text-decoration: underline; outline: 0; /* prevent dotted border in Firefox */ }body { text-align: left; font: 16px/1.231 Arial,Helvetica,clean,sans-serif; *font-size: small; *font: x-small; }#login-box { margin: auto; width: 29em; /*border: 1px solid #F4F4F4; */ -moz-box-shadow: 1px 1px 5px #dcdcdc; /* FF3.5+ */ -webkit-box-shadow: 1px 1px 5px #dcdcdc; /* Saf3.0+, Chrome */ box-shadow: 1px 1px 5px #dcdcdc; /* Opera 10.5, IE 9 */ -moz-border-radius: 4px; /* FF1+ */ -webkit-border-radius: 4px; /* Saf3-4 */ border-radius: 4px; /* Opera 10.5, IE 9, Saf5, Chrome */ }.box-left { border: 1px solid #CCCCCC; -moz-border-radius: 4px; /* FF1+ */ -webkit-border-radius: 4px; /* Saf3-4 */ border-radius: 4px; /* Opera 10.5, IE 9, Saf5, Chrome */ }.box-right { background-color: #F4F4F4; margin: 2px; padding: 10px; }#login-form { display: block; margin-top: 1.5em; margin-bottom: 0px; }/* for form in table structure */.form-table { width: 100% }.form-table tbody tr td { vertical-align: middle }.lable-name { font-size: 100%; padding: 0.5em; text-align: right; width: 130px; }.lable-options { padding: 0.3em 0pt; text-align: left; }.textbox { border: 1px solid #cccccc; color: #333333; font-size: 100%; padding: 1px 4px; margin: 0pt 0.2em; width: 16.5em; }select.textbox { padding: 0 }select option.light-color { opacity: .5 }.textbox:hover, .textbox-hover, .textbox:focus { border: 1px solid #4682B4 !important; -webkit-box-shadow: 0px 0px 5px #4682B4; -moz-box-shadow: 0px 0px 5px #4682B4; box-shadow: 0px 0px 5px #4682B4; }/* end form in table structure *//* for error message */div#validation-summary { background-color: #FFF6BF; border-bottom: 1px solid #FFD324; border-top: 1px solid #FFD324; text-align: center; overflow: hidden; opacity: 1; display: block; color: #666666; padding: 2px 40px; }/* end error message */</style></head><body><center><div id="hd"><a href="http://chartsbin.com" title="Chartsbin.com Logo"><img id="logo" src="https://chartsbin.com/images/logo_new.png" width="170" height="32" border="0" alt="ChartsBin"></a></div> <div id="bd"> <div class="yui-g" id="login-box"><div class="box-left"><div class="box-right"><form id="login-form" action='app/login' method="POST"> <table border="0" class="form-table"><tbody><tr><td class="lable-name">Username/Email :</td><td class="lable-options"><input tabindex="1" name="username" type="text" id="username" class="textbox" size="26"></td></tr><tr><td class="lable-name">Password :</td><td class="lable-options"><input tabindex="2" name="password" type="password" id="password" class="textbox" size="26"></td></tr><!--<tr>--><!--<td class="lable-name"><input type="checkbox" checked="checked" value="yes" id="autologin" name="autologin"></td>--><!--<td class="lable-options">Stay signed in</td>--><!--</tr>--><tr><td class="lable-name"></td><td class="lable-options" style="height: 3em;"><input tabindex="3" name="login-button" id="login-button" type="submit" value="Secure Login"></td></tr></tbody></table></form></div></div></div></div> <div id="ft"><div class="bottom">Copyright © 2011 ChartsBin.com. <a href="http://chartsbin.com/about/privacy">Privacy Policy</a></div>All Rights Reserved.</div></center><script type="text/javascript"> document.getElementById('username').focus(); </script></body></html>