/* body */
html { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.login-page { background-color: #494949; }
.title { font-size: 24px; font-weight: normal; margin: 20px 0; padding: 0; text-align: center; }
.center { margin: 0 auto; overflow: hidden; position: relative; width: 980px; }

/* login */
#login { background-color: #fff; border-radius: 5px; margin: 160px auto 0; padding: 20px; width: 250px; }
#login h2 { font-size: 20px; margin: 0 0 10px; }
#login label, #login input { display: block; margin-top: 5px; }
#login label { width: 100%; }
#login input.text { border: 1px solid #acacac; padding: 5px 9px; width: 230px; }
#login input.submit { margin-top: 10px; padding: 5px 0; width: 60px; }

/* table */
#table { color: #333; width: 100%; }
#table a:link, #table a:visited { color: #11228d; text-decoration: none; }
#table a:hover { text-decoration: underline; }
#table th, #table td { border: 1px solid #cbcbcb; padding: 8px; text-align: left; }
#table th { color: #fff; }
#table thead tr { background-color: #494949; }
#table tr.odd { background-color: #f4f2f2; }
#table tr.wrong { background-color: #fcf8e3; }
#table tr.done { background-color: #dff0d8; }

#main .logout { font-size: 15px; position: absolute; right: 2px; top: 25px; }
#main .logout a { color: #11228d; }
#main .logout a:hover { text-decoration: underline }

/* popup */
#popup { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; }
#popup h2 { margin: 0; padding: 0; }
#popup .overlay { background-color: #000; height: 100%; opacity: 0.3; width: 100%; z-index: 101; }
#popup .popup-body {  background-color: #fff; left: 50%; margin: -75px 0 0 -160px; position: absolute; top: 50%; z-index: 102; }
#popup .popup-content { height: 140px; padding: 10px; width: 300px; }
#popup .popup-close { background: url(../img/close.png); height: 32px; position: absolute; top: -10px; right: -10px; width: 32px; }
#popup .popup-title { font-size: 20px; margin-bottom: 20px; text-align: center; }
#popup .option { margin: 0 auto; width: 150px; }
#popup .option  select{ width: 100%; }
#popup .popup-action { padding: 20px 0; text-align: center; }
#popup .popup-action .button { padding: 5px 10px; }
#popup .popup-action .button-ok { margin-right: 10px; }

/* list */
#main .list { margin-bottom: 20px; }
#main .list h2, #main .list ul, #main .list li { margin: 0; padding: 0; }
#main .list .title { text-align: left; font-size: 18px; }
#main .list ul { list-style-position:inside; list-style-type: none; padding: 0 25px; }
#main .list li { line-height: 20px; }

/* footer */
#footer { background-color: #18213d; bottom: 0; color: #fff; position: fixed; width: 100%; z-index: 10; }
#footer p { line-height: 50px; margin:0; padding: 0; text-align: center; }