* {font-family:Verdana,Arial,sans-serif; color:#000; background:transparent}
html {font-size:100%; overflow:auto}
body {font-size:0.75em}
html, body {height:100%}

#container {position:relative; min-height:100%;}

#header {height:65px; background:url(../img/header.png) repeat-x}
#logo {position:relative; top:6px; left:10px; width:330px}
#menu {position:absolute; top:20px; right:10px}
#menu a {position:relative; padding:6px 7px 6px 7px}
#menu a, #menu a.active:hover {color:#fff; background:transparent}
#menu a:hover {text-decoration:none; background:#570101}
#menu .sep {color:#666}
#menu #auth {color:#ddd; padding-left:40px; font-style:italic}
#menu #auth a {font-style:normal; padding-left:6px}
#sub {margin-top:10px; font-size:8px}
#sub a {font-size:11px}

#content {padding:10px; padding-bottom:65px; width:98%;}
ul.messagelist {padding:0 0 5px 0; margin-top:-3px}
ul.messagelist li {font-weight:bold; display:block; padding:4px 5px 4px 5px; margin:0 0 3px 0; color:#666; background:#ffc;
    border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid white; border-left:1px solid white;}
strong {font-weight:bold}
ul li {list-style:disc outside; margin-left:25px}
a, a b, a i {color:#3252b2}
a:hover, a:hover * {text-decoration:none; color:red}
a.active, a.active:hover {color:#000; text-decoration:none; cursor:default}
a.mail {background:url(../img/mail.png) no-repeat; padding-left:20px}
a.save {background:url(../img/add.png) no-repeat; padding:0 0 2px 20px}
a.preview {background:url(../img/preview.png) no-repeat; padding:0 0 2px 20px}
a.download {background:url(../img/disk.png) no-repeat; padding:0 0 2px 20px}
#copyright {white-space:nowrap}
h1 {font-size:14px; margin-bottom:10px}
p, li {line-height:1.4em}
p {text-align:justify; margin-bottom:15px}
label {font-weight:bold; display:block; padding-bottom:3px}
label .required {color:red; padding-left:5px}
label.error {font-weight:bold; color:red; margin-bottom:-2.3em; padding-bottom:0}
label.sideways {display:inline; font-weight:normal}
.legend {font-size:10px; margin-top:10px}
.legend .required {color:red; font-weight:bold; font-size:10px}
input, select, textarea {border:1px solid #c0c0c0; padding:2px; background:white}
input.radio {border:none}
input.disabled {background:#eee}
button { background:white url(../img/nav-bg.gif) bottom repeat-x; padding:3px; color:black; border:1px solid #bbb; border-color:#ddd #aaa #aaa #ddd; padding:3px; margin:0; width:auto; overflow:visible}
a.delete {margin-left:20px}
p.error {color:red; font-weight:bold}
ul.error li{color:red; font-weight:bold}
p.remark, span.remark {font-size:75%}
td {vertical-align:top}
table.data th {font-weight:bold; background:#888; color:#fff; padding:5px; border:1px solid #ccc; white-space:nowrap}
table.data td {padding:5px; border:1px solid #ccc; white-space:nowrap; line-height:1.3em; padding-top:3px}
table.data tr.even td {background:#f5f5f5}
table.data td.status_ok {color:green}
table.data td.status_error {color:red}
fieldset {padding:10px; width:300px; border:1px solid #aaa}

#footer {position:absolute; bottom:0; height:52px; width:100%}
#footer a, #footer td {font-size:10px}
#footer td {vertical-align:bottom; white-space:nowrap}
#callback_cont {width:200px}
#callback_link {display:block; width:190px; height:40px; background:#ffe640; font-weight:bold; text-decoration:none; padding:5px 0px 3px 5px}
#callback_link .text {display:block; float:left; color:#990000; padding-top:12px}
#callback_link:hover .text {color:#2dd20c}
#callback_link img {float:left; margin-right:10px}