/* basic elements */
html, body {background-color: white; padding: 0; margin: 0; font-family: Verdana; font-size: 12px; color: black; height:100%; width:100%;}
body { overflow-y: scroll;}

div {padding: 0; margin: 0;}
p {padding: 0; margin: 0;}
img {border-style: none; margin: 0;}
a {color: #5b80b2;text-decoration:none; cursor:pointer;}
a:hover {color: #5b80b2;text-decoration:underline; cursor:pointer;}
a:visited {color: #5b80b2;cursor:pointer;}
table {border: 0; padding: 0; margin: 0; border-collapse: collapse;}
td, th {padding: 0; margin: 0; vertical-align:top;}
label {cursor:pointer;}
input, select, textarea {font-family: Verdana; margin: 0; }



/* main */
.main {height: 100%; width: 100%;}
.main_top {height: 71px; padding: 0 35px 0 35px; vertical-align:bottom;}
.main_top .logo {font-size: 20px; color: #444; float:left; margin-bottom: 6px;}
.main_top .version {width: 420px; height:28px; float:right; margin-bottom: 6px; text-align:right; font-size: 20px;}
.top_line {border-bottom:1px solid #636da8;margin: 0 35px 0 35px;}
.result_errstr {color:#eb0000; height:40px;}
.result_errstr .error {background: url(error.png) left top no-repeat; font-size:12px; padding-left: 23px;float:right;}


/* copyright */
.main_bottom {height: 30px;} 
.main_bottom .copyright {padding: 10px 0 0 10px; color:#444; font-size:10px;}


/* form */
.form {color: #444;}
.form.logon {width:400px; margin-left:auto; margin-right:auto; margin-top:6%;}
.form.logon .caption.ext {background-color: #5475bd; padding: 6px 9px 6px 9px; display:table-cell; color:#fff;}
.form .frame {border: 3px solid #5475bd;background-color:#f9f9f9;}

.form .body {}
.form .body.s1 {margin: 22px 16px 22px 16px;}

.form .panel.s1 { height: 22px; padding:16px; text-align:right; border-top:1px solid #5475bd;}


/* form controls */
.form input.button {border:1px solid #ccc; background-image:url(bt-back01.gif); height:22px; padding-bottom:4px;cursor:pointer;}
.form input.button.compact{height:18px;}
.form input.edit {border:1px solid #ccc; height:18px; width: 180px; padding: 1px 1px 1px 1px;}
.form input.data {}

.form label.checkbox {display: block; padding-left: 15px; text-indent: -15px;}
.form label.checkbox input {width: 13px; height: 13px; padding: 0; margin:0; margin-right:7px; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; }



/* form table layout */
.form table.s1 td { height:0;padding-bottom:6px;}
.form table.s1 td:first-child {text-align: right; padding-right: 18px; padding-top:3px;}
.form table.s1 td:first-child+td+td { padding-left: 10px;}
.form table.s1 tr:last-child td{padding-bottom:0;}
.form table.s1 .comment { font-size:11px; display:inline;}
.form table.s1:last-child {margin-bottom: 0;}
.form table.s1 select.select {width:184px;}
.form table.s1 input.checkbox {padding:0; margin: 4px 0 4px 0;}


.error {padding-left:20px; margin-top:20px;height:48px; margin-bottom:20px;}
.error .message {background-image:url(warning_48x48.gif); background-position:left top; background-repeat:no-repeat; text-align:left; height:48px; padding-left: 60px; padding-top:18px; font-weight:bold; color:#444;}