@import "http://st1.twinkle.fi/css/st1.menu.css.php";
@import "http://st1.twinkle.fi/css/st1.menu-fix.css";
#content-wrap { background-image: none !important; padding-top: 0px !important; }
#left-col img { display: none !important; }
#site { width: 948px; margin: 0 auto; }
#menu { margin-left: 0 !important; }
#essologo { width: 217px !important; }
body { padding: 0px !important; }

/* ORIG */
td, th { vertical-align: top; text-align: left; }
body { font-family: Verdana; font-size: 0.75em; margin: 0; padding: 10px 0 10px 10px;}
h1, h2, h3, h4 { padding: 0; margin: 0; }
h1 { color: #f0a71f; border-bottom: double 3px #f0a71f; padding: 10px 0px 9px 9px; font-size: 1.7em; margin-bottom: 10px; }
h2 { color: #f0a71f; font-size: 1.3em; margin: 20px 0px 10px 0px; border-bottom: solid 1px #1EA6DC; padding-bottom: 3px; }
h3 { font-size: 1.1em; color: #f0a71f; margin: 10px 0 10px 10px;  }
.tw-errors { border: solid 3px #ff0000; padding: 10px; margin: 10px; }
.tw-errors .add-info { border-bottom: solid 1px #cccccc; border-top: solid 1px #cccccc; padding: 10px 20px; margin: 10px 0px; }
p { display: inline; }
a { text-decoration: none; color: #C61000; }
a:hover { text-decoration: underline; }
#content-wrap { background: #ffffff url(../i/top-bg.gif) repeat-x; width: 100%; padding: 81px 0px 44px 10px; }
#essologo { width: 227px;  }
#menu { margin-left: 10px; }
#menu h2 { color: #ffffff; font-size: 0.9em; margin: 0px 0px; border: none; padding: 10px 13px; }
#menu h2 a { color: #ffffff; }
#menu .open { background: transparent url(../i/menu-open.gif) no-repeat 90% 50%; }
#menu .close { background: transparent url(../i/menu-close.gif) no-repeat 90% 50%; }
#menu .m-h2 { width: 100%; margin: 5px 0px; background: #edb400 url(../i/menu-bg.gif) repeat-x; }
#menu .m-h2-top { background: transparent url(../i/m-top.gif) no-repeat 0 0; }
#menu .m-h2-bottom { background: transparent url(../i/m-bottom.gif) no-repeat 100% 100%; }
#menu .m-h2 h2 { text-align: center; }
#menu .m-h2 .l, #menu .m-h2 .r { background: #C61000; }
.hidden { display: none; }
.bluebox { width: 100%; }
#menu .bluebox { margin: 3px 0px; }
.bluebox .i { background: #ffffff; text-align: center; }
.bluebox .l { background: #ffffff url(../i/m-i-t.gif) repeat-y; width: 8px; }
.bluebox .r { background: #ffffff url(../i/m-i-r.gif) repeat-y; width: 8px; }
.bluebox .tl { background: transparent url(../i/m-i-tl.gif) no-repeat; height: 8px; width: 8px; }
.bluebox .tr { background: transparent url(../i/m-i-tr.gif) no-repeat; height: 8px; width: 8px; }
.bluebox .bl { background: transparent url(../i/m-i-bl.gif) no-repeat; height: 8px; width: 8px; }
.bluebox .br { background: transparent url(../i/m-i-br.gif) no-repeat; height: 8px; width: 8px; }
.bluebox .b { background: #ffffff url(../i/m-i-b.gif) repeat-x; height: 8px; }
.bluebox .t { background: #ffffff url(../i/m-i-t.gif) repeat-x; height: 8px; }
#menu .selected { font-weight: bold; }
#menu a, #menu .selected a { color: #000000; }
#menu .menuitem { margin-bottom: 5px; }
#paging { margin-top: 15px; padding-top: 10px; border-top: solid 1px #C61000; }
#paging .page { font-weight: bold; }
#paging .page a { font-weight: normal; }
.events { font-family: monospace; }
#tarvekartoitus { font-family: Arial; font-size: 11px; border: solid 1px #000000; }
#tarvekartoitus th { text-transform: uppercase; white-space: nowrap; }
#tarvekartoitus td { border-bottom: solid 1px #000000; }
#tarvekartoitus td, #tarvekartoitus th { padding: 5px 3px; }
#tarvekartoitus thead { font-weight: bold; background-color: #cccccc; }
#tarvekartoitus .title { font-size: 16px; padding-bottom: 20px; }
#tarvekartoitus th.piiri { text-align: center; }
#tarvekartoitus td.piiri { border: solid 1px #000000; text-align: center; }
#tarvekartoitus .asno { border: solid 1px #000000; border-top: none; }
#tarvekartoitus .info { border: solid 1px #000000; border-top: none; }
#tarvekartoitus .add-info { border-right: solid 1px #000000; }
#tarvekartoitus th.add-info { border-bottom: solid 1px #000000; }
#tarvekartoitus tbody { border-bottom: solid 1px #000000; }
#tarvekartoitus .bb { border-bottom: solid 1px #000000; }
#tarvekartoitus .bt { border-top: solid 1px #000000; }
#tarvekartoitus .bl { border-left: solid 1px #000000; }
#tarvekartoitus .gap { height: 5px; }
#tarvekartoitus .sub-title { border-right: solid 1px #000000; border-bottom: solid 1px #000000; background-color: #cccccc !important; }
#tarvekartoitus sup { vertical-align: 24%; }
#tarvekartoitus .nb { border:none; }
#tarvekartoitus .ale .fix { width: 130px !important;}
#tarvekartoitus .input, #tarvekartoitus .f-input { display: inline; width: 90%; }
#tarvekartoitus .f-input { font-size: 0.95em; }
#tarvekartoitus .f-input-split { display: inline; width: 44%; font-size: 0.9em; }
#tarvekartoitus .check { border: solid 1px #000000; padding: 0px 4px; font-family: monospace; }
#asiakas .title { display: inline; }

#asiakasilmoitus .check { border: solid 1px #000000; padding: 0px 4px; font-family: monospace; }
#asiakasilmoitus thead { font-weight: bold; background-color: #cccccc; }
#asiakasilmoitus .send { background-color: #eeeeee; }
#asiakasilmoitus th { text-transform: uppercase; }
#asiakasilmoitus .input { border: solid 1px #000000; padding: 3px; background-color: #ffffff; }
#asiakasilmoitus .nb-input { padding: 4px; background-color: #ffffff; }
#asiakasilmoitus .right { text-align: right; }
#asiakasilmoitus .top { vertical-align: top; }
#asiakasilmoitus .sep { height: 5px; }
#asiakasilmoitus td, #asiakasilmoitus th { padding: 5px 2px; vertical-align: middle; white-space: nowrap; }
#asiakasilmoitus { font-family: Arial; font-size: 11px; border: solid 1px #000000; }
#asiakasilmoitus .sub-title { background-color: #cccccc !important; }
#asiakasilmoitus .divider th { border-top: double 3px #000000; background-color: #cccccc; }
#asiakasilmoitus .ext .input { border: none; border-bottom: solid 1px #000000; }
#asiakasilmoitus .bbr { border-bottom: solid 1px #000000; border-right: solid 1px #000000; }
#asiakasilmoitus .bb { border-bottom: solid 1px #000000; }
#asiakasilmoitus .tb { text-align: center; background-color: #cccccc; }
#asiakasilmoitus .f-input { width: 96%; }

#asiakaslistaus .center { text-align: center; }
#asiakaslistaus a { color: #960000; }
#asiakaslistaus .ord-by { vertical-align: -15%; margin-left: 5px; }
#asiakaslistaus { width: 90%; border: solid 2px #cccccc; border-left: solid 1px #cccccc;; margin: 10px 20px 0px 0px; }
#asiakaslistaus th, #asiakaslistaus td { padding: 5px; border-left: solid 1px #cccccc;; }
#asiakaslistaus th { white-space: nowrap;background: #cccccc; padding-bottom: 3px; }
#asiakaslistaus .form-link { border: solid 1px #bbbbee; background: #d8d8ff; padding: 2px; }
#asiakaslistaus .even .form-link { border: solid 1px #aaaaee; }
#asiakaslistaus .even td { background: #eeeeee; }
#asiakaslistaus .ai { padding: 5px 5px 5px 0; border-left: none; text-align: center; }
#asiakaslistaus .tk { text-align: center; }
#asiakaslistaus .del { background: #eeeeee; text-align: center; }
#asiakaslistaus .delete-row { border-top: solid 1px #cccccc; background: #eeeeee; text-align: right; }
.gen-form td, .gen-form th { padding: 3px; }
.gen-form th { font-weight: normal; width: 100px; vertical-align: middle; text-align: right; }
#tuote .gen-form th { width: auto; }
.gen-form textarea { height: 100px; }
.f-input { width: 300px; }
textarea.f-input { height: 200px; }
.gen-form .submit { text-align: right; }
.gen-form .top { vertical-align: top; }
.gen-form .title { font-weight: bold; }
.gen-form .check { vertical-align: -25%; }
.gen-form .userlist { padding-right: 10px; border-right: solid 1px #dddddd; }
#uploader, #select { background: #eeeeee; border: solid 1px #cccccc; margin: 20px 20px 10px 0; padding: 10px 10px 0 10px; }
#uploader h2, #select h2 { margin-top: 0px; }

#report .item { margin-left: 10px; }
#aktiivisuusraportti h3 { margin-bottom: 10px; }
#aktiivisuusraportti .raportti { margin-left: 10px; }
#aktiivisuusraportti .raportti td { padding: 0 10px 3px 0; }
#aktiivisuusraportti .subtitle { padding-top: 3px; font-weight: bold; }
#asiakas .modified { text-align: right; font-size: 0.9em; }
#asiakas .form-link { text-align: right; }
.linkit { margin-left: 20px; }
.linkit a { display: block; background: transparent url(../i/lb.gif) no-repeat 0 60%; padding-left: 10px; }
.linkit .text { margin-bottom: 5px; }

#lv-info { display: none; position: absolute; background: #ffffff; border: solid 2px #666666; width: 150px; padding: 5px; font-weight: normal; margin: 0 0 0 -150px; }
#lv-info .close { float: right; border: solid 1px #000000; background: #dddddd; font-weight: bold; font-size: 10px; padding: 3px; }
.lv-info-button { margin-left: 3px; border: solid 1px #000000; background: #dddddd; font-weight: bold; font-size: 10px; padding: 3px; }
#lv-info .title { font-weight: bold; margin-bottom: 5px; }
#lv-info .text { padding: 5px; }

.short-archive { width: 80%; margin: 15px 0; text-align: left; }
.short-archive .i { text-align: left; }
.short-archive h2 { border: none; margin: 0 0 1em 0; padding: 0; font-size: 1.2em; color: #000; }
.short-archive .more { text-align: right; margin-top: 10px; display: block; clear: both; width: 100%; font-size: 0.9em; }

#archive-list { margin: 15px 0; }
#archive-list .desc { font-size: 0.9em; margin-top: 5px; color: #333; }
#archive-list .sep { padding: 0 3px; }
.chapter, #caption .text { width: 80%; }
#caption .text { margin: 1em 0; font-weight: bold; }
.toplink { text-align: right; margin: 15px 0; font-size: 0.9em; }
.last-login { font-weight: normal; font-size: 0.9em; }

.no-ul { border-bottom: none; text-decoration: none; padding-left: 0; }
#login td { vertical-align: middle; padding: 0 15px 5px 0; text-align: left; }
#login .right { text-align: right; }
.hinta-selite { float: right; margin-right: 10%; }
.th-desc { font-weight: normal; font-size: 0.9em; background: #ddd !important; }

.email-preview { width: 600px; border: solid 1px #aaa; font-family: monospace; padding: 10px; font-size: 11px; }

.archive-list { border: solid 1px #1ea6dc; padding: 10px; width: 80%; margin: 15px 0; text-align: left; }
.archive-list .item { clear: both; }
.archive-list h3 { border: none; border: none; margin: 0 0 1em 0; padding: 0; font-size: 1.2em; color: #000; float: left; }
.archive-list .date { width: 100px; float: left; }
.archive-list .desc { font-size: 0.9em; margin-top: 5px; color: #333; }
.archive-list .more { text-align: right; margin-top: 10px; display: block; clear: both; width: 100%; font-size: 0.9em; }

tr.input td, tr.input th { background: #eee; }
tr.heading td, tr.heading th { background: #ddd; }
tr.graphs td { padding: 0 0 1px 0; }
#graphsform, #graphsform input { font-size: 10px; }
#graphsform textarea { font-size: 11px; }