/*
Mass Reset
-------------------------------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
body { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p, form { margin: 0; padding: 0; }
pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 0; padding: 4px; }
li, dd, blockquote { margin-left: 30px; }
fieldset { padding: 10px; }
textarea { width:100%; font: 1em/1.3em "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; }
/*
Essential
-------------------------------------------------------------------------------------------------------------------------------*/
body { background: #ccc; color: #666; font: 0.875em/1.3em "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; }
body.login { background: #181512 url(../_img/login_bg.jpg) top center no-repeat; }

#login { width: 370px; margin: 230px auto; overflow: hidden; }
#login form { float: left; display: inline; width: 370px; background: none; }
#login .form-item { margin: 0 1em 1em 1em; font-size: 0.875em; }
#login input.form-text { width: 98%; clear: both; }
#login label { width: 97%; clear: both; padding: 0; }

/*
Tabs
-------------------------------------------------------------------------------------------------------------------------------*/
ul#tabs { padding: 0; font-size: 0.9em; }
ul#tabs li { display: inline; list-style: none; }
ul#tabs a { display: block; float: left; margin: 0 1px 0 0; padding: 0.25em 0.75em; text-align: center; color: #666; text-decoration: none; background: #e6e6e6; }
ul#tabs a:hover { background: #fff; }
ul#tabs a.active { background: #f8f8f8; color: #06f; }
/*
Footer
-------------------------------------------------------------------------------------------------------------------------------*/
#footer { z-index: 20; position: fixed; bottom: 0; color: #666; background: #999; width: 100%; border-top: 1px solid #fff; }
#footer p { font-size: 0.75em; padding: 0.35em 1em; }
#footer a {  }
#footer a:hover {  }

div.errors { margin:0 0 .5em 12px; }
div.errors, div.errors p { font-weight:bold; font-size:16px; color:red; }
#change-order input { margin-bottom:1em; font-weight:bold; }

/*
Save-Cancel
-------------------------------------------------------------------------------------------------------------------------------*/
ul.save-cancel { padding: 0; font-size: 0.9em; }
ul.save-cancel li { padding: 0; margin: 0; display: inline; float: left; list-style: none; }
ul.save-cancel li em { font-size: 0.85em; padding: 0.5em 0.75em; display: block; float: left; }
ul.save-cancel li.save a { background: #6c3; color: #fff; display: block; float: left; text-decoration: none; padding: 0.5em 0.75em; display: inline; }
ul.save-cancel li.cancel a { background: #f00; color: #fff; display: block; float: left; text-decoration: none; padding: 0.5em 0.75em; display: inline; }

/*
Editor
-------------------------------------------------------------------------------------------------------------------------------*/
div.editor { clear: both; background: #f8f8f8; padding: 1em 0 0.25em 0; overflow: auto; }
option { width: auto; padding: 0 0.2em; }
/* Top-Items ---------------*/
div.editor .top-items { width: 100%; overflow: auto; padding: 0 0 1em 0; }
div.editor .top-items label { font-size: 0.9em; color: #666; padding: 0 1.25em; }
div.editor .top-items #live-date { float: left; display: inline; width: 240px; margin: 0 0 0.25em 1em; }
div.editor .top-items #exp-date { float: left; display: inline; width: 280px; margin: 0 0.5em 0.25em 1em; }
div.editor .top-items #live-date label, div.editor .top-items #exp-date label { padding: 0; }

div.editor p.error { background:red; color:#fff; font-weight:bold; margin:10px; padding:3px; font-weight:11px; }