html,body,form{padding:0px;margin:0px;}
body{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size:13px; background: #fafafa;  height:100%; }
input, select { outline:none; height:28px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size:13px; }
input[type=text], input[type=password] { width: 150px; border:1px solid #ccc; border-radius: 5px; padding:0 6px; }
input[type=submit], input[type=button] { cursor: pointer; width: 155px; height:30px; border:1px solid #aaa; border-radius: 6px; }
input[type=file] { margin-top: 3px; height: 36px; }
input[type=checkbox] { height: auto; }
input.url { width:300px; }
select {  width: 40px; border:1px solid #ccc; border-radius: 5px; padding:0 0 0 3px; }
table { line-height: 16px; margin-top: 4px; }

.cont { margin: 0 auto; max-width: 540px; padding: 30px 0; line-height: 28px; background:#f5f5f5; height: 100%; }
.cont>div { display: grid; grid-template-columns: 150px 1fr; padding: 5px 0; }
.cont>div label { padding: 0 8px 0 20px; text-align:right; font-weight: 600; }
.cont>div img { vertical-align: baseline; }
.cont>div.progress { display: none; }

.loading { z-index:2; display:none; position: absolute; top:0; left: 0; width:100%; height: 100%; background:url(../imgs/loading.gif) no-repeat center center; }
.load { display:inline-block; width:16px; height: 16px; background:url(../imgs/load.gif); }
.ok { display:inline-block; width:16px; height: 13px; background:url(../imgs/ok.png); }
.td_btn  { vertical-align: top; padding-left:20px; }

.example tr td { padding: 0 0 3px 10px; vertical-align:top; line-height: 20px;}
.example tr td:first-of-type { width: 130px; }
.example tr td.cls { width:auto; }
.example tr.prm td { border: 0; }

.update span { line-height:16px; padding-top: 5px; }
.error { color:red; }