/* CourseLab.com */

html, body { height: 100%; }
a, a:visited, a:active {  text-decoration: none; color: #b8321c; }
a:hover { text-decoration: underline; color: #cc0000; }
body { margin: 0; padding: 0; background-color: #eee; background-image: url(/en.courselab.com/images/bg1.jpg); background-position: center top; background-repeat: repeat-x; background-attachment: fixed; font: 12px/16px "Segoe UI", Arial, Helvetica, sans-serif; color: #555; position: relative; min-width: 940px; }
.clearfloat 		{ clear: both; height: 0; font-size: 1px; line-height: 0px; overflow: hidden; }
.clear { height: 0; float: none; clear: both; }
table { font-size: 12px;}

div.cl { margin: 0 auto; width: 940px; height: 100%; }
div.cl div.header-top { display: none; }
div.cl div.zone-header { margin: 0; padding: 0; border-bottom: solid 3px #000;  }
div.cl div.zone-header div.zone-header-container { margin: 0; padding: 0; border-bottom: solid 3px #b8321c; }
div.cl div.zone-header table.zone-header-table { width: 100%; border-spacing: 0; }
div.cl td.spacer { width: 100%; }
div.cl div.zone-header a.logo-link { display: block; width: 150px; height: 32px; text-decoration: none; background-image: url(images/cl_logo.png); background-position: top left; background-repeat: no-repeat; margin: 20px 0 20px 0; padding: 0; }

div.cl div.zone-header td.lang-cell div.lang-container { background-image: url(images/bg_smallitems.png); background-position: left -91px; background-repeat: no-repeat; padding: 0 0 0 10px; }
div.cl div.zone-header td.lang-cell { padding: 5px 0 0 0; vertical-align: top; text-align: left; padding: 28px 32px 0 0; }
div.cl div.zone-header div.lang-container ul { padding: 0; margin: 0; list-style: none; white-space: nowrap; }
div.cl div.zone-header div.lang-container ul li { z-index: 0; position:relative; font-size: 11px; }
div.cl div.zone-header div.lang-container ul li:hover { z-index: 10000; }
div.cl div.zone-header div.lang-container a { display: block; text-decoration: none; color: #666; height: 20px; width: 70px; padding: 2px 10px 2px 27px; background-image: url(images/bg_flags.png); background-repeat: no-repeat; }
div.cl div.zone-header div.lang-container a:visited, div.cl div.zone-header td.lang-cell a:active {  text-decoration: none; color: #666; }
div.cl div.zone-header div.lang-container a:hover { background-color: #eee; color: #980007; }
div.cl div.zone-header div.lang-container ul li ul { display: none; border: solid 1px #ccc; background-color: #fff; }
div.cl div.zone-header div.lang-container ul li:hover ul { display: block; z-index: 1000 !important; position: absolute; top: 22px; left: -1px; cursor: pointer;  }
div.cl div.zone-header div.lang-container a.lang-ru { background-position: 5px 5px; }
div.cl div.zone-header div.lang-container a.lang-en { background-position: 5px -45px; }
div.cl div.zone-header div.lang-container a.lang-fr { background-position: 5px -95px; }
div.cl div.zone-header div.lang-container a.lang-es { background-position: 5px -145px; }
div.cl div.zone-header div.lang-container a.lang-de { background-position: 5px -195px; }

div.login-form { display: none; z-index: 9900; position: absolute; top: 0; left: 0; border: solid 3px #ccc; border-radius: 20px; background-color: #fff; padding: 20px; }
div.login-form div.button-close { float: right; background-image: url(/icons/16round/16_close_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 4px }
div.login-form div.button-close:hover { background-image: url(/icons/16round/16_close_1.png); cursor: pointer; }
div.login-form table.login-table { width: 100%; border-spacing: 0; }
div.login-form table.login-table td { }
div.login-form table.login-table td.header-cell { padding: 0 10px 10px 0; border-bottom: dotted 1px #ccc; font-size: 18px; font-weight: bold; color: #b8321c; }
div.login-form table.login-table td.close-cell { padding: 0 0 10px 0; border-bottom: dotted 1px #ccc; text-align: right; }
div.login-form table.login-table td.name-cell { padding: 5px 10px 5px 0; font-size: 14px; text-align: right; }
div.login-form table.login-table td.fld-cell { padding: 5px 0 5px 0; }
div.login-form table.login-table td.help { padding: 5px 0 5px 5px; }
div.login-form table.login-table td.btn-cell { padding: 5px 10px 10px 0; border-bottom: dotted 1px #ccc;}
div.login-form table.login-table td.forget-cell { padding: 10px 0 0 0; white-space: nowrap; }
div.login-form table.login-table td.register-cell { padding: 10px 0 0 0; text-align: right; white-space: nowrap; }

div.e404 { padding: 100px; text-align: center; font-size: 1.2em; }
div.cl div.reg-result { padding: 100px; text-align: center; font-size: 1.2em; }

div.cl div.zone-header div.user-info-container {}
div.cl div.zone-header div.user-info-container table.user-info {}
div.cl div.zone-header div.user-info-container table.user-info td { white-space: nowrap; }
div.cl div.zone-header div.user-info-container table.user-info td.logged-in { padding: 0 5px; }
div.cl div.zone-header div.user-info-container table.user-info td.user-name { padding: 0; }
div.cl div.zone-header div.user-info-container table.user-info td.logout { padding: 0 0 0 15px; }

div.cl div.zone-header td.search-cell { padding: 5px 0 0 0; vertical-align: middle; text-align: right; }
div.cl div.zone-header td.search-cell table.search-table { border-spacing: 0 }
div.cl div.zone-header td.search-cell table.search-table td { height: 28px; background-image: url(images/bg_fld.png); background-repeat: no-repeat; }
div.cl div.zone-header td.search-cell table.search-table td.input { background-position: top left; padding: 0 0 0 5px; }
div.cl div.zone-header td.search-cell table.search-table td.button { background-position: top right; padding: 0 5px 0 0; }
div.cl div.zone-header td.search-cell input { padding: 5px 5px 6px; background: none; border: none; font: 12px Arial, Helvetica, sans-serif; color: #666; margin: 0; outline: none; width: 140px; }
div.cl div.zone-header td.search-cell input.idle { color: #ccc; }
div.cl div.zone-header td.search-cell a.search-link { display: block; width: 21px; height: 26px; background-image: url(images/bg_smallitems.png); background-position: center 9px; background-repeat: no-repeat; text-decoration: none; cursor: pointer; }
div.cl div.zone-header td.search-cell a.search-link:hover { background-position: center -41px; text-decoration: none; }

div.cl div.menu div.menu-container { position: relative; padding: 0; font-family: "Segoe UI", Tahoma, Arial, sans-serif; background-color: #333; background-image: url(images/bg_menu.png); background-repeat: repeat-x; background-position: center center; border-bottom: solid 1px #666; }
div.cl div.menu a:visited, div.cl div.menu a:active {  text-decoration: none; color: #ccc; cursor: pointer; }
div.cl div.menu a:hover { text-decoration: none; cursor: pointer; }
div.cl div.menu ul { padding: 0; margin: 0; list-style: none; white-space: nowrap; }
div.cl div.menu ul li.last { border-right: none !important; }
div.cl div.menu ul li.last a { border-right: none !important; }
div.cl div.menu ul li { z-index: 0; position:relative; float: left; font-size: 12px; border-right: solid 1px #000; }
div.cl div.menu ul li:hover { z-index: 10000; }
div.cl div.menu ul li:hover a { z-index: 10000; background-color: #666; color: #fff; }
div.cl div.menu ul li a { display: block; text-decoration: none; font-size: 14px; color: #ccc; height: 20px; text-align: center; width: 155px; padding: 10px 0px 10px 0px; border-top: solid 1px #666; border-right: solid 1px #666; }
div.cl div.menu ul li ul { display: none; background-color: #666; position: absolute; top: 34px; left: 0px; cursor: pointer; padding-top: 14px; background-image: url(images/menu_down.png); background-position: center top; background-repeat: no-repeat; }
div.cl div.menu ul li:hover ul { display: block; }
div.cl div.menu ul li:hover ul li a { color: #ccc; }
div.cl div.menu ul li ul li { float: none; display: block; z-index: 1000 !important; margin-left: 0px; font-weight: normal; border-right: none !important;  }
div.cl div.menu ul li ul li a { display: block; text-decoration: none; font-size: 14px; color: #ccc; height: 20px; text-align: center; width: 155px; padding: 10px 0px 10px 0px; border-top: solid 1px #999; }
div.cl div.menu ul li ul li:hover a { color: #fff; background-color: #999; }

div.cl div.footer { border-top: solid 3px #000000; }
div.cl div.footer div.wrapper { border-top: solid 3px #b8321c; padding: 20px 0; }
div.cl div.footer table.footer-table { width: 100%; border-spacing: 0; }
div.cl div.footer table.footer-table td.copyright { white-space: nowrap; }
div.cl div.footer table.footer-table td.follow-us { white-space: nowrap; }
div.cl div.footer table.footer-table td.follow { padding: 0 0 0 10px; }

div.cl div.zone-main {padding: 0; margin: 0; background-color: #fff; }

div.cl div.path-container { margin: 0;}
div.cl div.path-container > div.wrapper { padding: 10px; font-size: 11px; background-color: #fff; border-bottom: dotted 1px #b8321c; font-family: "Segoe UI", Tahoma, Arial, sans-serif; }
div.cl div.path-container a.path-parent {}
div.cl div.path-container span.path-current {}
div.cl div.path-container span.path-divider {}

div.cl div.slideshow { margin: 0; border-bottom: solid 3px #b8321c; }
div.cl div.greeting { background-color: #fff; padding: 20px; font-size: 14px; }
div.cl div.greeting div.greeting-head { color:  #b8321c; font-family: Tahoma, Arial, sans-serif; font-size: 24px; font-weight: bold; text-align: center; padding: 0 0 10px 0; }
div.cl div.greeting div.greeting-content { font-size: 14px; }

div.cl div.zones-main { background-color: #fff; padding: 10px; }
div.cl div.zones-main table.zones-table { width: 100%; border-spacing: 0; }
div.cl div.zones-main table.zones-table td.zone-left { width: 227px; padding: 10px; background-color: #eee; vertical-align: top; }
div.cl div.zones-main table.zones-table td.zone-spacer { width: 1px; font-size: 1px; padding: 0 0 0 19px;  }
div.cl div.zones-main table.zones-table td.zone-main { padding: 0; vertical-align: top; }
div.cl div.zones-main table.zones-table td.zone-left div.zone-left-head { padding: 0 0 0 20px; font-weight: bold; }

div.cl ul.menu-left { padding: 10px; margin: 0; list-style: none; }
div.cl ul.menu-left li { padding: 0; margin: 0; }
div.cl ul.menu-left li > ul { padding: 0; margin: 0; }
div.cl ul.menu-left li a { display: block; padding: 5px; margin: 0; }
div.cl ul.menu-left li div.item-current-1 { padding: 5px; margin: 0; background-color: #fff; }
div.cl ul.menu-left label { vertical-align: text-bottom; }
div.cl ul.menu-left li.menu-left-0, div.cl ul.menu-left li.menu-left-0 a { font-size: 12px; font-weight: bold; }
div.cl ul.menu-left li.menu-left-1, div.cl ul.menu-left li.menu-left-1 a { font-size: 11px; font-weight: normal; }
div.cl ul.menu-left li.menu-left-2, div.cl ul.menu-left li.menu-left-2 a { font-size: 10px; font-weight: normal; }

div.cl div.doc { padding: 0 0 20px 0; }
div.cl div.doc div.doc-header { font-size: 18px; color: #b8321c; padding: 10px 0 10px 0; font-weight: bold; }

div.cl table.comparison { width: 100%; }
div.cl table.comparison th { text-align: left; padding: 8px; background-color: #eee; }
div.cl table.comparison td { border-bottom: #999999 1px dotted; padding: 8px 4px; vertical-align: top; }
div.cl table.comparison td.feature { text-align: left; }
div.cl table.comparison td.presence { text-align: left; width: 120px;  }

div.cl table.supported { width: 100%; }
div.cl table.supported td { border-bottom: #999999 1px dotted; padding: 4px; }
div.cl table.supported td.left { text-align: left; }
div.cl table.supported td.right { text-align: right; }
div.cl table.supported td.buy { text-align: right; padding: 4px 20px; font-weight: bold; }
div.cl table.supported span.old-price { color: #999; text-decoration: line-through; }
div.cl table.supported span.action { font-weight: bold; }

div.cl div.download { border: solid 1px #ccc; background-color: #eee; padding: 20px; text-align: left; font-size: 1.3em; font-weight: bold; margin: 20px 0; }
div.cl div.download  ul { list-style: square; }

div.cl div.cl-desc { margin: 10px 0 0 0; }
div.cl div.header-switcher { padding: 10px; border: dotted 1px #ccc; background-color: #eee; cursor: pointer; }
div.cl div.header-switcher table.header-table { border-spacing: 0; width: 100%; }
div.cl div.header-switcher table.header-table td.title { width: 100%; vertical-align: top; font-size: 1.2em; font-weight: bold; }
div.cl div.header-switcher table.header-table td.switch { width: 15px; text-align: right; vertical-align: top; padding: 0 0 0 20px; }
div.cl div.switch > div.switcher { cursor: pointer; width: 15px; height: 15px; font-size: 32px; overflow: hidden; background-image: url(images/switches.png); background-repeat: no-repeat; }
div.cl div.switch > div.open  { background-position: left bottom; }
div.cl div.switch > div.open:hover  { background-position: right bottom; }
div.cl div.switch > div.closed  { background-position: left top; }
div.cl div.switch > div.closed:hover  { background-position: right top; }
div.cl div.cl-desc div.content > div.content-inner  { padding: 0 15px 5px 15px; }

div.cl div.samples { }
div.cl div.header-switched { padding: 10px; cursor: pointer; }
div.cl div.header-switched table.header-table { border-spacing: 0; width: 100%; }
div.cl div.header-switched table.header-table td.title { width: 100%; vertical-align: top; font-size: 1.2em; font-weight: bold; }
div.cl div.header-switched table.header-table td.switch { width: 15px; text-align: right; vertical-align: top; padding: 0 0 0 20px; }
div.cl div.samples div.sample-item { margin: 20px 0 0 0; background-color: #fff; border: solid 1px #ccc; padding: 20px; -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); box-shadow: 2px 2px 8px rgba(0,0,0,0.5); /*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#999999');*/ }
div.cl div.samples div.sample-header { padding: 0 0 10px 0; border-bottom: dotted 1px #ccc;  }
div.cl div.samples div.sample-header td.title { font-size: 16px; color: #b8321c; font-weight: bold; }
div.cl div.samples div.sample-tags { padding: 5px 0; border-bottom: dotted 1px #ccc; font-size: 11px; color: #999; margin: 0 0 10px 0; }
div.cl div.samples table.sample-table { border-spacing: 0; width: 100%; }
div.cl div.samples table.sample-table td.sample-screenshot { padding: 0 20px 0 0; vertical-align: top; }
div.cl div.samples table.sample-table td.sample-description { padding: 0; vertical-align: top; }
div.cl div.samples table.sample-table div.sample-summary { padding: 0; font-size: 12px; color: #555; text-align: justify; }
div.cl div.samples div.link-holder { padding: 5px 0 0 0; margin: 10px 0 0 0; font-size: 11px; text-align: right; border-top: dotted 1px #ccc; }
div.cl div.samples div.link-holder a.sample-link { margin: 0 0 0 20px; font-size: 11px;  }

div.cl div.search-result { padding: 10px; background-color: #fff; }
div.cl div.search-result div.title { font-size: 18px; color: #b8321c; padding: 10px 10px 20px 10px; font-weight: bold; border-bottom: dotted 1px #b8321c; }
div.cl div.search-result div.header { font-size: 14px; color: #b8321c; padding: 10px 10px; font-weight: bold;  }
div.cl div.search-result div.your-search { border-spacing: 0; margin: 0px;  border-bottom: dotted 1px #b8321c; }
div.cl div.search-result table.your-search { border-spacing: 0; margin: 10px; }
div.cl div.search-result table.your-search td.search-name { padding: 5px 5px 5px 20px; border-top: solid 1px #ccc; vertical-align: top; text-align: right; background-color: #eee; }
div.cl div.search-result table.your-search td.search-value { padding: 5px 20px 5px 0; border-top: solid 1px #ccc; vertical-align: top;  background-color: #eee;}
div.cl div.search-result table.your-search td.search-value input.search-field { margin: 0; padding: 0; width: 320px; }
div.cl div.search-result table.your-search td.search-value input.search-scope { margin: 0 5px 5px 0; padding: 0; }
div.cl div.search-result table.your-search td.search-spacer { padding: 5px 5px 5px 20px; border-top: solid 1px #ccc; vertical-align: top; text-align: right;  }
div.cl div.search-result table.your-search td.search-btns { padding: 5px 20px 5px 0; border-top: solid 1px #ccc; vertical-align: top;}
div.cl div.nothing-found { border-spacing: 0; margin: 10px 0; padding: 50px; text-align: center; font-size: 1.5em; font-style: italic; }

div.cl div.bottom-block { margin: 10px 0 0 0; padding: 0 0 10px 0; }
div.cl div.bottom-block table.bottom-block-table { border-spacing: 0; width: 100%; }
div.cl div.bottom-block table.bottom-block-table td.review { vertical-align: top; padding: 0 20px 20px 20px; border-right: dotted 1px #ccc; }
div.cl div.bottom-block table.bottom-block-table td.news { vertical-align: top; padding: 0 20px 20px 20px; width: 285px; }
div.cl div.review-header { font-size: 14px; color: #b8321c; padding: 0; font-weight: bold;  }
div.cl div.review-body { margin: 10px 0 0 0; border: solid 1px #ccc; border-radius: 10px; padding: 20px; background-color: #eee; }
div.cl div.review-body div.review-text { color: #666; font-style: italic; font-size: 1.1em; }
div.cl div.review-body div.review-author { color: #666; font-style: italic; font-weight: bold; font-size: 1em; text-align: right; }
div.cl div.review-more { margin: 10px 0 0 0; text-align: right; }
div.cl div.news-header { font-size: 14px; color: #b8321c; padding: 0; font-weight: bold;  }
div.cl div.news-body { margin: 10px 0 0 0; }
div.cl div.news-item { margin: 0 0 20px 0; border-bottom: dotted 1px #ccc; }
div.cl div.news-item div.date { margin: 0 0 5px 0; color: #999; }
div.cl div.news-more { margin: 0 0 10px 0; text-align: right; }
div.cl div.news { padding: 0 20px 0 0; }


div.cl div.list-forums { margin: 10px 0 0 0 }
div.cl div.list-forums table.list-forums { border-spacing: 0; width: 100%; }
div.cl div.list-forums table.list-forums th { white-space: nowrap; vertical-align: middle; border-right: groove 2px #ffffff; border-top: groove 2px #ffffff; border-bottom: groove 2px #ffffff; color: #666666; padding: 5px; background-color: #eeeeee; text-align: left; font-size: 11px; }
div.cl div.list-forums table.list-forums th.first { border-left: groove 2px #ffffff; }
div.cl div.list-forums table.list-forums th.last { }
div.cl div.list-forums table.list-forums td { vertical-align: top; border-right: dotted 1px #cccccc; border-bottom: groove 2px #ffffff; color: #333333; padding: 5px; text-align: left; font-size: 12px; font-family: Tahoma, sans-serif; }
div.cl div.list-forums table.list-forums td.first { border-left: groove 2px #ffffff; }
div.cl div.list-forums table.list-forums td.last { border-right: groove 2px #ffffff !important;}

div.cl div.forum-title { font-size: 18px; color: #b8321c; padding: 20px 10px; font-weight: bold;  }
div.cl div.forum-admin-panel { padding: 0 10px; }
div.cl div.forum-admin-panel div.wrapper { padding: 10px 0 10px 0; }
div.cl div.forum-admin-switch { margin: 0 !important; }
.WTCSS-mark-read { margin: 5px 10px; text-align: right; font-size: 11px; }
.WTCSS-mark-read a { padding: 5px 10px; text-align: right; font-size: 11px; background-color: #eee; }

.WTCSS-forum { padding: 0 10px 20px 10px; }
.WTCSS-forum div.wrapper {}
.WTCSS-forum table.list-table { width: 100%; border-spacing: 0px; border-collapse: separate; }
.WTCSS-forum table.list-table th { white-space: nowrap; vertical-align: middle; border-right: groove 2px #ffffff; border-top: groove 2px #ffffff; border-bottom: groove 2px #ffffff; color: #666666; padding: 5px; background-color: #eeeeee; text-align: left; font-size: 11px; font-family: Tahoma, sans-serif; }
.WTCSS-forum table.list-table th.first { border-left: groove 2px #ffffff; }
.WTCSS-forum table.list-table th.last { }
.WTCSS-forum table.list-table th.cell-number { text-align: center; }
.WTCSS-forum table.list-table th.cell-emoticon { }
.WTCSS-forum table.list-table th.cell-subject { }
.WTCSS-forum table.list-table th.cell-author { }
.WTCSS-forum table.list-table th.cell-entries { }
.WTCSS-forum table.list-table th.cell-updated { }
.WTCSS-forum table.list-table th.cell-actions { }
.WTCSS-forum table.list-table th.sortable { }
.WTCSS-forum table.list-table th.sortable:hover { background-color: #cccccc; cursor: pointer; }
.WTCSS-forum table.list-table th table.header { border: none; padding: 0; border-spacing: 0; }
.WTCSS-forum table.list-table th table.header td { padding: 0; border: none; }
.WTCSS-forum table.list-table th div.text { white-space: nowrap; }
.WTCSS-forum table.list-table th div.arrow { width: 2px; background-image: url(/icons/service/sorting_bg.png); background-position: center -106px; background-repeat: no-repeat; padding-right: 12px; }
.WTCSS-forum table.list-table th.ascending { background-color: #cccccc; }
.WTCSS-forum table.list-table th.descending { background-color: #cccccc; }
.WTCSS-forum table.list-table th.ascending div.arrow { background-position: center 5px !important; }
.WTCSS-forum table.list-table th.descending div.arrow { background-position: center -216px !important; }

.WTCSS-forum table.list-table td { vertical-align: top; border-right: dotted 1px #cccccc; border-bottom: groove 2px #ffffff; color: #333333; padding: 5px; text-align: left; font-size: 12px; font-family: Tahoma, sans-serif; }
.WTCSS-forum table.list-table td.first { border-left: groove 2px #ffffff; }
.WTCSS-forum table.list-table td.even { }
.WTCSS-forum table.list-table td.odd { }
.WTCSS-forum table.list-table td.pinup { }
.WTCSS-forum table.list-table td.my-topic { background-color: #eeffee; }
.WTCSS-forum table.list-table td.last { border-right: groove 2px #ffffff !important;}
.WTCSS-forum table.list-table td.cell-number { text-align: center !important; }
.WTCSS-forum table.list-table td.cell-emoticon { white-space: nowrap; text-align: center !important; }
.WTCSS-forum table.list-table td.cell-subject { width: 100%; }
.WTCSS-forum table.list-table td.cell-author { white-space: nowrap; }
.WTCSS-forum table.list-table td.cell-entries { text-align: center !important; }
.WTCSS-forum table.list-table td.cell-updated { white-space: nowrap; text-align: center !important; }
.WTCSS-forum table.list-table td.cell-actions { white-space: nowrap; }

.WTCSS-forum table.list-table div.actions-container { white-space: nowrap; }
.WTCSS-forum table.list-table div.actions-container td { padding: 0; border: none; }
.WTCSS-forum table.list-table div.action-delete { float: right; margin-left: 4px; width: 16px; height: 16px; background-image: url(/icons/16round/16_close_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-forum table.list-table div.action-delete:hover { cursor: pointer; background-image: url(/icons/16round/16_close_1.png) !important; }
.WTCSS-forum table.list-table div.action-edit { float: right; margin-left: 4px; width: 16px; height: 16px; background-image: url(/icons/16round/16_response_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-forum table.list-table div.action-edit:hover { cursor: pointer; background-image: url(/icons/16round/16_response_1.png) !important; }
.WTCSS-forum table.list-table div.action-freeze { float: right; margin-left: 4px; width: 16px; height: 16px; background-image: url(/icons/16round/16_snow_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-forum table.list-table div.action-freeze:hover { cursor: pointer; background-image: url(/icons/16round/16_snow_1.png) !important; }
.WTCSS-forum table.list-table div.icon-freezed { float: right; margin-left: 4px; width: 16px; height: 16px; background-image: url(/icons/16round/16_snow_1.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-forum table.list-table td.pinned { font-weight: bold; }
.WTCSS-forum table.list-table td.pinned div.pin { width: 16px; height: 16px; background-image: url(/icons/service/16_pin_red.png); background-position: top left; background-repeat: no-repeat; font-size: 32px; overflow: hidden; }

.WTCSS-forum div.anonymous-post { text-align: center; font-style: italic; padding: 20px 20px 10px 20px;}
.WTCSS-forum div.anonymous-reply { text-align: right; font-style: italic; }


.WTCSS-forum div.new-msg { }
.WTCSS-forum div.msg-editor { display: none; }
.WTCSS-forum div.new-msg table.form-table { }
.WTCSS-forum div.new-msg table.form-table td { vertical-align: top; }
.WTCSS-forum div.new-msg table.form-table td.title { padding: 5px; text-align: right; white-space: nowrap; }
.WTCSS-forum div.new-msg table.form-table td.main { padding-bottom: 5px; padding-top: 5px; padding-right: 10px; }
.WTCSS-forum div.new-msg table.form-table td.main-body { text-align: right; }
.WTCSS-forum div.new-msg table.form-table div.fake-input { border: dotted 1px #cccccc; width: 550px; font-size: 14px; padding: 2px; background-color: #ffffff; height: 22px; }
.WTCSS-forum div.new-msg table.form-table input.subject { border: none; width: 522px; margin: 0px 0px 0px 22px; font-size: 14px; padding: 3px;  }
.WTCSS-forum div.new-msg table.form-table textarea.msg-body { border: dotted 1px #cccccc; width: 550px; height: 200px; font-size: 12px; }
.WTCSS-forum div.new-msg table.form-table td.service { width: 100%; padding: 5px; white-space: nowrap; }
.WTCSS-forum div.new-msg table.form-table td.service div.no-options { text-align: center; padding: 20px 5px; color: #999999;}
.WTCSS-forum input.btn { background-color: #eeeeee; background-image: url(/pics/bg_btn_grey.png); background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; color: #666666; padding: 3px 15px 3px 15px; text-align: center; margin: 0; }
.WTCSS-forum input.btn:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: #4F88BC; cursor: pointer; }
.WTCSS-forum div.new-msg table.form-table td.bottom-title { background-color: #eeeeee; }
.WTCSS-forum div.new-msg table.form-table td.bottom-main { background-color: #eeeeee; }
.WTCSS-forum div.new-msg table.form-table td.bottom-service { background-color: #eeeeee; }
.WTCSS-forum div.new-msg table.form-table div.btn-container {  }

.WTCSS-forum div.new-msg table.form-table td.subject-title { background-color: #eeeeee; vertical-align: middle !important; }
.WTCSS-forum div.new-msg table.form-table td.subject-main { background-color: #eeeeee; }
.WTCSS-forum div.new-msg table.form-table td.subject-service { background-color: #eeeeee; vertical-align: middle !important; }

.WTCSS-forum div.new-msg table.form-table ul.subject-icon { position: absolute; margin: 0px; cursor: pointer; padding:0; margin: 0; }
.WTCSS-forum div.new-msg table.form-table ul.subject-icon li { list-style: none; padding:0; margin: 0; }
.WTCSS-forum div.new-msg table.form-table ul.subject-icon div.subject-icon-container { height: 16px; background-color: #ffffff; padding: 3px;}
.WTCSS-forum div.new-msg table.form-table ul.subject-icon:hover div.subject-icon-container { background-color: #cccccc; }
.WTCSS-forum div.new-msg table.form-table ul.subject-icon div.subject-icon-selector { background-color: #ffffff; padding: 3px; border: solid 1px #cccccc; display: none;}
.WTCSS-forum div.new-msg table.form-table ul.subject-icon:hover div.subject-icon-selector { display: block !important; z-index: 1000 !important; position: absolute; top: 22px; left: 0px; -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.5); box-shadow: 2px 2px 6px rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#999999');}
.WTCSS-forum div.new-msg table.form-table ul.subject-icon table.icons-table { }
.WTCSS-forum div.new-msg table.form-table ul.subject-icon table.icons-table td { text-align: center; }
.WTCSS-forum div.new-msg table.form-table ul.subject-icon table.icons-table td.icon-cell { padding: 3px; cursor: pointer; }
.WTCSS-forum div.new-msg table.form-table ul.subject-icon table.icons-table td.icon-empty { padding: 3px; font-size: 1px; }

.WTCSS-forum div.new-msg table.form-table div.bb-code { float: left; padding: 3px 10px 5px 5px; }
.WTCSS-forum div.new-msg table.form-table div.bb-btn { width: 24px; height: 24px; cursor: pointer; }
.WTCSS-forum div.new-msg table.form-table img.bb-btn-img { width: 24px; height: 24px; }

.WTCSS-forum div.new-msg table.form-table div.attacher { padding: 3px 0px; }
.WTCSS-forum div.new-msg table.form-table div.form-line { padding: 5px 3px; }
.WTCSS-forum div.new-msg table.form-table div.selection { background-color: #eeeeee; }
.WTCSS-forum div.new-msg table.form-table div.attacher input.list-input { border: solid 1px #cccccc; width: 140px; height: 21px; }
.WTCSS-forum div.new-msg table.form-table div.attacher input.file-input { border: solid 1px #cccccc; width: 238px; height: 25px; margin-bottom: 5px; }
.WTCSS-forum div.new-msg table.form-table div.attacher select { border: solid 1px #cccccc; color: #666666; }
.WTCSS-forum div.new-msg table.form-table div.attacher td.left { text-align: right; }
.WTCSS-forum div.new-msg table.form-table div.attacher td.right { text-align: right; }
.WTCSS-forum div.new-msg table.form-table div.attach { margin-top: 5px;}
.WTCSS-forum div.new-msg table.form-table div.attached-file { float: left; height: 24px; padding: 5px 0px 0px 10px;  }

.WTCSS-forum div.new-msg table.form-table div.msg-options {}
.WTCSS-forum div.new-msg table.form-table td.service div.header { text-align: center; font-weight: bold; }
.WTCSS-forum div.new-msg table.form-table td.service-body { border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; }
.WTCSS-forum div.new-msg table.form-table div.msg-options div.container { padding: 5px; }

.WTCSS-forum div.new-msg table.form-table div.pin-it { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; border-collapse: collapse; cursor: help;}
.WTCSS-forum div.new-msg table.form-table div.pin-it label { font-size: 11px; color: #666666; cursor: pointer; vertical-align: top; }

.WTCSS-forum div.new-msg table.form-table div.closed { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; cursor: help; }
.WTCSS-forum div.new-msg table.form-table div.closed label { font-size: 11px; color: #666666; cursor: pointer; vertical-align: top; }
.WTCSS-forum div.new-msg table.form-table div.closed div.user-list { padding: 3px 3px 0px 18px; font-size: 11px; }

.WTCSS-forum div.new-msg table.form-table div.subscription { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; }
.WTCSS-forum div.new-msg table.form-table div.subscription label { font-size: 11px; color: #666666; vertical-align: top; }
.WTCSS-forum div.new-msg table.form-table div.subscription-link { padding: 3px 3px 0px 18px; font-size: 11px; }

.WTCSS-forum div.new-msg table.form-table div.anonymous { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; }
.WTCSS-forum div.new-msg table.form-table div.anonymous label { font-size: 11px; color: #666666; vertical-align: middle; }
.WTCSS-forum div.new-msg table.form-table div.anonymous select { border: solid 1px #cccccc; color: #666666; }

.WTCSS-forum div.toolbar { margin: 5px 0; background-color: #eeeeee; padding: 3px; border: solid 1px #cccccc; }
.WTCSS-forum div.toolbar select { border: solid 1px #cccccc; color: #666666; }
.WTCSS-forum table.toolbar { width: 100%; }
.WTCSS-forum table.toolbar td { white-space: nowrap; }
.WTCSS-forum table.toolbar td label { white-space: nowrap; font-size: 11px; padding: 0px 10px 0px 0px; vertical-align: text-top; }
.WTCSS-forum table.toolbar td.toolbar-spacer { width: 100%; }
.WTCSS-forum table.toolbar td.toolbar-right { text-align: right; }

.WTCSS-forum div.forum-entry { border: solid 1px #999999; color: #666666; padding: 0; margin-top: 5px; border-radius: 10px;/*-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); box-shadow: 2px 2px 8px rgba(0,0,0,0.5); */ }
.WTCSS-forum div.inside-tree-item { margin: 0 !important; }
.WTCSS-forum div.forum-entry table.entry { }
.WTCSS-forum div.forum-entry table.entry td.entry-info { vertical-align: top; width: 250px; font-size: 11px; background-color: #eeeeee; }
.WTCSS-forum div.forum-entry table.entry td.entry-info div.entry-info-wrapper { width: 250px; }
.WTCSS-forum div.forum-entry table.entry td.entry-info td.fld-name { vertical-align: top; color: #999999; padding: 5px; text-align: right; border-bottom: solid 1px #cccccc; }
.WTCSS-forum div.forum-entry table.entry td.entry-info td.fld-value { vertical-align: top; width: 100%; font-weight: bold; padding: 5px 10px 5px 0px; text-align: left; border-bottom: solid 1px #cccccc; }
.WTCSS-forum div.forum-entry table.entry td.entry-info td.fld-pic { vertical-align: top; padding: 0 10px 10px 0; text-align: center;  }
.WTCSS-forum div.forum-entry table.entry-info td.fld-pic { vertical-align: top; padding: 0 10px 0 0; text-align: center;  }
.WTCSS-forum div.forum-entry table.entry-info div.avatar {  }
.WTCSS-forum div.forum-entry table.entry-info img.avatar { width: 48px !important; }
.WTCSS-forum div.forum-entry table.entry div.avatar {  }
.WTCSS-forum div.forum-entry table.entry img.avatar { width: 64px !important; }

.WTCSS-forum div.forum-entry table.entry td.entry-body { vertical-align: top; width: 100%; padding: 0px 0px 0px 10px; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.not-moderated { padding: 25px; text-align: center; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.header { background-color: #eeeeee; padding: 5px; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.header td.header-icon { vertical-align: top; padding: 0px 5px 0px 0px; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.header td.header-text { vertical-align: top; width: 100%; font-weight: bold; }
.WTCSS-forum div.forum-entry table.entry td.tools { padding-top: 5px; }
.WTCSS-forum div.forum-entry table.entry div.tools { padding: 5px 5px 5px 5px; text-align: right; background-color: #eeeeee; }
.WTCSS-forum div.forum-entry table.entry div.tools div.topic-closed { border: dotted 1px #cc0000; padding: 5px; text-align: center; }

.WTCSS-forum div.forum-entry div.entry-head { }
.WTCSS-forum div.forum-entry div.entry-head div.entry-info-wrapper {  }
.WTCSS-forum div.forum-entry div.entry-head table.entry-info { border-spacing: 0; width: 100%; }
.WTCSS-forum div.forum-entry div.entry-head table.entry-info td { vertical-align: top; }
.WTCSS-forum div.forum-entry div.entry-head table.entry-info td.entry-info-line { width: 100%; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched { border-radius: 10px 10px 0 0; background-color: #eeeeee; padding: 5px; }
.WTCSS-forum div.forum-entry div.entry-head div.switched { cursor: pointer; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched-off { border-radius: 10px; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table { width: 100%; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td { vertical-align: top; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.header-icon { padding: 2px 0 0 0; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.header-text { padding: 2px 5px 0 5px; font-weight: bold; width: 100%; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.switch { width: 15px; text-align: right; padding: 0 0 0 20px; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.switch > div.switcher { cursor: pointer; width: 15px; height: 15px; font-size: 32px; overflow: hidden; background-image: url(images/switches.png); background-repeat: no-repeat; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.switch > div.open  { background-position: left bottom; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.switch > div.open:hover  { background-position: right bottom; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.switch > div.closed  { background-position: left top; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.header-table td.switch > div.closed:hover  { background-position: right top; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.info-line { width: 100%; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.info-line td.user-info { padding: 2px 10px 0 20px; }
.WTCSS-forum div.forum-entry div.entry-head div.header-switched table.info-line td.timestamp { padding: 2px 0 0 10px; text-align: right; }
.WTCSS-forum div.forum-entry div.entry-head div.contents { padding: 10px; }
.WTCSS-forum div.forum-entry div.entry-head div.contents blockquote { margin: 0 10px 10px 10px; padding: 5px; border: dashed 1px #ddaa00; border-left: 5px solid #ddaa00; background-color: #f6ebc1; }
.WTCSS-forum div.forum-entry div.entry-head div.contents div.tools { padding: 5px 0 0 0; /*border-top: dotted 1px #cccccc;*/ text-align: right; }
.WTCSS-forum div.forum-entry div.tools table.tools-table { width: 100%; border-spacing: 0; }
.WTCSS-forum div.forum-entry div.tools table.tools-table td.tools-left { width: 50%; text-align: left; }
.WTCSS-forum div.forum-entry div.tools table.tools-table td.tools-right { width: 50%; text-align: right; }
.WTCSS-forum div.forum-entry div.entry-head div.contents div.editor-cancel { padding: 5px 0 0 0; border-top: dotted 1px #cccccc; text-align: right; }
.WTCSS-forum div.forum-entry div.entry-head div.contents div.editor-holder { margin: 5px 0 0 0; padding: 5px 0 0 0; border-top: dotted 1px #cccccc; display: block; }

.WTCSS-forum div.forum-entry table.entry td.entry-info { vertical-align: top; width: 250px; font-size: 11px; background-color: #eeeeee; }
.WTCSS-forum div.forum-entry table.entry td.entry-info div.entry-info-wrapper { width: 250px; }
.WTCSS-forum div.forum-entry table.entry td.entry-info td.fld-name { vertical-align: top; color: #999999; padding: 5px; text-align: right; border-bottom: solid 1px #cccccc; }
.WTCSS-forum div.forum-entry table.entry td.entry-info td.fld-value { vertical-align: top; width: 100%; font-weight: bold; padding: 5px 10px 5px 0px; text-align: left; border-bottom: solid 1px #cccccc; }
.WTCSS-forum div.forum-entry table.entry div.avatar {  }
.WTCSS-forum div.forum-entry table.entry img.avatar { width: 64px; }

.WTCSS-forum div.forum-entry table.entry td.entry-body { vertical-align: top; width: 100%; padding: 0px 0px 0px 10px; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.not-moderated { padding: 25px; text-align: center; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.header { background-color: #eeeeee; padding: 5px; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.header td.header-icon { vertical-align: top; padding: 0px 5px 0px 0px; }
.WTCSS-forum div.forum-entry table.entry td.entry-body div.header td.header-text { vertical-align: top; width: 100%; font-weight: bold; }
.WTCSS-forum div.forum-entry div.body { margin-top: 5px; white-space: normal; color: #333; }
.WTCSS-forum div.entry-body-wrapper { margin: 10px 0 20px 0; }
.WTCSS-forum div.forum-entry table.entry td.tools { padding-top: 5px; }
.WTCSS-forum div.forum-entry table.entry div.tools { padding: 5px 5px 5px 5px; text-align: right; background-color: #eeeeee; }
.WTCSS-forum div.forum-entry table.entry div.tools div.topic-closed { border: dotted 1px #cc0000; padding: 5px; text-align: center; }
.WTCSS-forum div.forum-entry span.user-status {}

.WTCSS-forum div.entries {}
.WTCSS-forum div.entries table.tree { margin-top: 10px;}
.WTCSS-forum div.entries table.tree td.indent { width: 18px; vertical-align: top; }
.WTCSS-forum div.entries table.tree td.indent div.indent-spacer { width: 18px; height: 12px; font-size: 64px; overflow: hidden;  }
.WTCSS-forum div.entries table.tree td.indent { background-image: url(images/bg_tree.png); } 
.WTCSS-forum div.entries table.tree td.tree { background-position: 0 0; background-repeat: no-repeat; }
.WTCSS-forum div.entries table.tree td.last { background-position: -89px 0; background-repeat: no-repeat; }
.WTCSS-forum div.entries table.tree td.plain { background-position: left bottom; background-repeat: no-repeat; }
.WTCSS-forum div.entries table.tree td.empty { background-position: right bottom; background-repeat: no-repeat; }
.WTCSS-forum div.entries table.tree td.item-container { width: 100%; padding: 0; }
.WTCSS-forum div.entries ul.linear { padding: 0; margin: 0; list-style: none; white-space: nowrap; }
.WTCSS-forum div.entries a.btn-link { padding: 0 10px; font-size: 11px; }
.WTCSS-forum div.entries ul.tree-root { padding: 0; margin: 0; list-style: none; }
.WTCSS-forum div.entries ul.tree-branch { padding: 0; margin: 5px 0 0 0; list-style: none; border-top: dotted 1px #999999; }
.WTCSS-forum div.entries ul.tree-branch li { padding: 10px 0 0 16px; background-image: url(images/bg_tree_ul.png); background-position: 0 0; background-repeat: no-repeat; }
.WTCSS-forum div.entries ul.tree-branch li.last { padding: 10px 0 0 16px; background-position: 0 -4970px; background-repeat: no-repeat; }

.WTCSS-forum div.page-selector { margin: 10px 0 0 0; background-color: #eee; padding: 5px; }
.WTCSS-forum div.page-selector table.page-selector { width: 100%; border-spacing: 0; }
.WTCSS-forum div.page-selector table.page-selector td.prev-page { padding: 0 5px; text-align: left; min-width: 120px; }
.WTCSS-forum div.page-selector table.page-selector td.next-page { padding: 0 5px; text-align: right; min-width: 120px; }
.WTCSS-forum div.page-selector table.page-selector td.page-links { padding: 0 5px; text-align: center; }
.WTCSS-forum div.page-selector table.page-selector a.page-link { }
.WTCSS-forum div.page-selector table.page-selector span.page-current { font-weight: bold; }

.WTCSS-dropdown div.pseudo-form div.btn-holder { margin-top: 2px; padding: 3px; text-align: center; background-color: #eeeeee; }
.WTCSS-dropdown div.pseudo-form div.btn-holder input { width: 100px;  }

.WTCSS-dropdown div.pseudo-form input.size-input { margin: 0; border: solid 1px #cccccc; width: 248px; height: 21px;}

.WTCSS-dropdown div.pseudo-form td.color-sample { border: solid 1px #cccccc; width: 21px; height: 21px; background-color: #ff0000; }
.WTCSS-dropdown div.pseudo-form input.color-input { margin: 0px 0px 0px 2px; border: solid 1px #cccccc; width: 221px; height: 21px;}

.WTCSS-forum div.editor-container { padding: 10px; display: none; }
.WTCSS-forum div.new-msg table.form-table div.attacher { padding: 3px 0px; }
.WTCSS-forum div.new-msg table.form-table div.form-line { padding: 5px 3px; }
.WTCSS-forum div.new-msg table.form-table div.selection { background-color: #eeeeee; }
.WTCSS-forum div.new-msg table.form-table div.attacher input.list-input { border: solid 1px #cccccc; width: 140px; height: 21px; }
.WTCSS-forum div.new-msg table.form-table div.attacher input.file-input { border: solid 1px #cccccc; width: 238px; height: 25px; margin-bottom: 5px; }
.WTCSS-forum div.new-msg table.form-table div.attacher select { border: solid 1px #cccccc; color: #666666; }
.WTCSS-forum div.new-msg table.form-table div.attacher td.left { text-align: right; }
.WTCSS-forum div.new-msg table.form-table div.attacher td.right { text-align: right; }
.WTCSS-forum div.new-msg table.form-table div.attach { margin-top: 5px;}
.WTCSS-forum div.new-msg table.form-table div.attached-file { float: left; height: 24px; padding: 5px 0px 0px 10px;  }

.WTCSS-forum div.new-msg table.form-table div.msg-options {}
.WTCSS-forum div.new-msg table.form-table td.service div.header { text-align: center; font-weight: bold; }
.WTCSS-forum div.new-msg table.form-table td.service-body { border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; }
.WTCSS-forum div.new-msg table.form-table div.msg-options div.container { padding: 5px; }

.WTCSS-forum div.new-msg table.form-table div.pin-it { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; border-collapse: collapse; cursor: help;}
.WTCSS-forum div.new-msg table.form-table div.pin-it label { font-size: 11px; color: #666666; cursor: pointer; vertical-align: top; }

.WTCSS-forum div.new-msg table.form-table div.closed { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; cursor: help; }
.WTCSS-forum div.new-msg table.form-table div.closed label { font-size: 11px; color: #666666; cursor: pointer; vertical-align: top; }
.WTCSS-forum div.new-msg table.form-table div.closed div.user-list { padding: 3px 3px 0px 18px; font-size: 11px; }

.WTCSS-forum div.new-msg table.form-table div.subscription { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; }
.WTCSS-forum div.new-msg table.form-table div.subscription label { font-size: 11px; color: #666666; vertical-align: top; }
.WTCSS-forum div.new-msg table.form-table div.subscription-link { padding: 3px 3px 0px 18px; font-size: 11px; }

.WTCSS-forum div.new-msg table.form-table div.anonymous { padding: 5px; border: dotted 1px #cccccc; margin-top: 2px; }
.WTCSS-forum div.new-msg table.form-table div.anonymous label { font-size: 11px; color: #666666; vertical-align: middle; }
.WTCSS-forum div.new-msg table.form-table div.anonymous select { border: solid 1px #cccccc; color: #666666; }

.WTCSS-forum div.toolbar { background-color: #eeeeee; padding: 3px; border: solid 1px #cccccc; }
.WTCSS-forum div.toolbar select { border: solid 1px #cccccc; color: #666666; }
.WTCSS-forum table.toolbar { width: 100%; }
.WTCSS-forum table.toolbar td { white-space: nowrap; }
.WTCSS-forum table.toolbar td label { white-space: nowrap; font-size: 11px; padding: 0px 10px 0px 0px; vertical-align: text-top; }
.WTCSS-forum table.toolbar td.toolbar-spacer { width: 100%; }
.WTCSS-forum table.toolbar td.toolbar-right-label { text-align: right; padding: 0 5px; }
.WTCSS-forum table.toolbar td.toolbar-right { text-align: right; }


.WTCSS-forum img.ajax.wait { position: absolute; top: 50%; left: 50%;  }
.WTCSS-forum div.area { padding: 0px; }

.WTCSS-forum div.attached-files { padding: 5px; border: dotted 1px #cccccc; margin-top: 10px;}
.WTCSS-forum div.attached-files div.attached-header { padding-bottom: 10px; font-weight: bold; font-size: 11px;}
.WTCSS-forum div.attached-files ul { font-size: 11px; margin: 0;}
.WTCSS-forum div.attached-files ul { font-size: 11px; }

.WTCSS-forum div.hier-area td.indent { padding: 0px; vertical-align: top; text-align: left; width: 20px; }
.WTCSS-forum table.topic td.tree-vx { background-image: url(/icons/forum/tree_vx.png); background-position: top left; background-repeat: repeat-y; }
.WTCSS-forum table.topic div.tree-empty { width: 20px; height: 17px; font-size: 36px; overflow: hidden; }

.WTCSS-forum table.tree th { font-size: 11px; vertical-align: middle; padding: 3px; font-weight: bold; background-color: #eeeeee; border-right: groove 2px #ffffff; border-top: groove 2px #ffffff; border-bottom: groove 2px #ffffff; text-align: center; } 
.WTCSS-forum table.tree th.first { border-left: groove 2px #ffffff; } 
.WTCSS-forum table.tree td { font-size: 12px; vertical-align: top; } 
.WTCSS-forum table.tree td.current-mark { width: 16px; padding: 4px; border-bottom: dotted 1px #cccccc; }
.WTCSS-forum table.tree div.current-mark { width: 16px; height: 16px; font-size: 36px; overflow: hidden; }
.WTCSS-forum table.tree td.current { font-weight: bold; }
.WTCSS-forum table.tree td.current div.current-mark { background-image: url(/icons/forum/16_current.png); background-position: top left; background-repeat: no-repeat; }
.WTCSS-forum table.tree td.topic { width: 100%; border-bottom: dotted 1px #cccccc; }
.WTCSS-forum table.tree td.author { font-size: 11px; padding: 4px 6px; white-space: nowrap; border-bottom: dotted 1px #cccccc; }
.WTCSS-forum table.tree td.date { font-size: 11px; padding: 4px 6px; white-space: nowrap; border-bottom: dotted 1px #cccccc; }
.WTCSS-forum table.tree td.icon { padding: 4px 0px 3px 3px; }
.WTCSS-forum table.tree td.name { padding: 4px; width: 100%;  }
.WTCSS-forum table.tree td.name span.need-moderation { color: #cc0000 !important; }
.WTCSS-forum table.tree td.name span.yet-unmoderated { color: #999999 !important; }

.reg-form { padding: 0 5px 5px 5px; }
.reg-form div.instruction { padding: 0 10px; }
.reg-form div.reg-form-body { padding: 20px; text-align: center;}
.reg-form div.reg-form-body table.form { border-spacing: 0; margin: 0 auto; }
.reg-form div.reg-form-body table.form td.param { padding: 5px; border-bottom: solid 1px #ccc; text-align: right; white-space: nowrap; }
.reg-form div.reg-form-body table.form td.align-top { vertical-align: top; }
.reg-form div.reg-form-body table.form td.required { font-weight: bold; }
.reg-form div.reg-form-body table.form td.field { padding: 5px; border-bottom: solid 1px #ccc; text-align: left; }
.reg-form div.reg-form-body table.form td.field label { padding: 0 10px 0 5px; }
.reg-form div.reg-form-body table.form td.field input.invalid { background-color: #fd9; }
.reg-form div.reg-form-body table.form td.field input.ready { background-color: #dfd; }
.reg-form div.reg-form-body table.form td.field select.fld { width: 320px; border-color: #999; padding: 1px; }
.reg-form div.reg-form-body table.form td.field select.ready { background-color: #dfd; }
.reg-form div.reg-form-body table.form td.field textarea.fld { width: 320px; height: 60px; border-color: #999; }
.reg-form div.reg-form-body table.form td.btn { padding: 5px; text-align: left; }
.reg-form div.reg-form-body table.form td.help { padding: 0 5px; }
.reg-form div.reg-form-body table.form div.before-submit { margin: 5px 0 0 0; padding: 10px; text-align: left; border: dotted 1px #ccc; font-style: italic; color: #999; }

td.help div.info-btn-correct { display: none; cursor: help; width: 16px; height: 16px; font-size: 96px; overflow: hidden; background-image: url(/icons/16round/16_yes.png); background-repeat: no-repeat; background-position: top left; }
td.help div.info-btn-warning { display: none; cursor: help; width: 16px; height: 16px; font-size: 96px; overflow: hidden; background-image: url(/icons/16round/16_warning_1.png); background-repeat: no-repeat; background-position: top left; }

.reg-tooltip { position: absolute; z-index: 9910; top: 0; left: 0; width: 300px; border: solid 3px #ccc; background-color: #eee; border-radius: 5px; padding: 10px; font-size: 11px; -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); box-shadow: 2px 2px 4px rgba(0,0,0,0.5);  }

.reg-privacy-statement { position: absolute; z-index: 9900; top: 0; left: 0; width: 800px; height: 500px; border: solid 3px #ccc; background-color: #fff; border-radius: 10px; padding: 20px; font-size: 11px; }
.reg-privacy-statement div.scroll-part { height: 400px; border: solid 1px #ccc; background-color: #fff; padding: 10px; font-size: 11px; overflow-y: scroll; }
.reg-privacy-statement div.close-div { padding: 10px; text-align: right; }
.reg-privacy-statement div.close-div a { font-size: 12px; font-weight: bold; }
.reg-privacy-statement div.gloss-info { padding: 10px 0; font-size: 10px; border-top: dotted 1px #ccc; }
.reg-privacy-statement p { text-align: justify; }

/*LOFSLIDENEWS*/
.lof-slidecontent { position: relative;	overflow: hidden; width: 940px; height: 300px; background-color: #333; }
.lof-slidecontent .preload { height: 100%; width: 100%; position: absolute; top:0; left:0; z-index: 100000;	text-align: center; background: #fff }
.lof-slidecontent .preload div { height:100%; width:100%; background: transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%; }
.lof-slidecontent .main-slider-content { width: 645px; height: 300px; border-top:1px solid #E1E1E1; }
.lof-slidecontent .sliders-wrapper { position: relative; height: 100%; width: 645px; z-index: 3; overflow: hidden; }
.lof-slidecontent  ul.sliders-wrap-inner { overflow:hidden;	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;	padding:0px; margin:0; position:absolute; overflow:hidden; }
.lof-slidecontent  ul.sliders-wrap-inner li { overflow:hidden; padding:0px; margin:0px;	float:left;	position:relative; display: block; }
.lof-slidecontent  .lof-opacity  li { position:absolute;	top:0;	left:0;	float:inherit; }
.lof-slidecontent  .navigator-content { position:absolute; right:0; top: 0; z-index:9; height:300px; overflow:hidden; color:#fff }
.lof-slidecontent  .navigator-wrapper {	position:relative;	z-index:10; height:180px; overflow:hidden; color:#fff; float:left }
.lof-slidecontent  ul.navigator-wrap-inner {	top:0;	padding:0;	margin:0;	position:absolute;	width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li { cursor:pointer;	list-style:none;	padding:0;	margin-left:0px;	overflow:hidden;	float:left;	display:block;	text-align:center;}
/*******************************************************/
ul.sliders-wrap-inner li img {	padding: 0px; margin-top: 0px; height: 300px;}
.lof-slidecontent .slider-description p { margin: 10px 10px 0 0; }
.lof-slidecontent .slider-description div.readmore { text-align: right; padding: 0 10px 10px 0; }
.lof-slidecontent .slider-description a.readmore { color: #fed; font-size: 95%; }
.lof-slidecontent .slider-description a { color: #fff; }
.lof-slidecontent .slider-description { z-index:100; position:absolute; bottom: 10px; left: 5px; width:350px; background:url(images/bg_trans.png); height:100px; padding:10px; color:#fff; font-size: 12px; }
.lof-slidecontent .slider-description h4 { font-size: 14px; margin: 10px 0; padding: 0; }
.lof-slidecontent .slider-description .slider-meta a { margin:0; background:#b8321c; font-size:10px; padding:2px 10px; font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif; text-transform:uppercase; text-decoration:none; }
.lof-slidecontent .item-meta a:hover {	text-decoration:underline;}
.lof-slidecontent .item-meta i {	font-size:70%; }
/* item navigator */
.lof-slidecontent ul.navigator-wrap-inner li.active { background:url(images/arrow-bg.png) no-repeat scroll left center; color:#fff }
.lof-slidecontent ul.navigator-wrap-inner li > div { /*background:url(images/transparent_bg.png);*/ color:#fff; height:100%; position:relative; margin-left:15px; padding-left:15px; border-top:1px solid #E1E1E1; text-align:left; font: 11px/14px Arial, Helvetica, sans-serif; }
.lof-slidecontent ul.navigator-wrap-inner li.active div { background-color: #b8321c; color:#fff; }
.lof-slidecontent ul.navigator-wrap-inner li img { height: 60px; width:60px; margin:15px 15px 10px 0px; float:left; padding:3px; border:#900 solid 1px; }
.lof-slidecontent ul.navigator-wrap-inner li.active img, 
.lof-slidecontent ul.navigator-wrap-inner li:hover img { border: #fff solid 1px; }
.lof-slidecontent .button-next, 
.lof-slidecontent .button-previous { display:block; width:40px; color:#fff; cursor:pointer; position:absolute; height:100%; z-index:40; top:0; text-indent:-999px; }
.lof-slidecontent .button-next { right:0px; background:url(images/next.png) no-repeat right center; }
.lof-slidecontent .button-previous { left:0px; background:url(images/previous.png) no-repeat left center; }
.lof-slidecontent .button-control { position:absolute; top:10px; right:48%; height: 20px; width: 20px; cursor:pointer; /*background:url(images/transparent_bg.png) repeat;*/ }
.lof-slidecontent .button-control span { display:block;  width:100%; height:100%;}
.lof-slidecontent .action-start span  { background:url(images/play.png) no-repeat center center; }
.lof-slidecontent .action-stop span { background:url(images/pause.png) no-repeat center center; }
/*LOFSLIDENEWS END*/








#wt-user-panel { float: right; margin-top: 20px; margin-right: 0px; width: 284px; background-color: #e6f4fd; color: #666666; border-top: solid 3px #b3d5eb; }
#wt-user-panel-wrapper { margin: 5px 8px 8px 8px; }
.WTCSS-user-info-name { font-size: 12px; font-weight: bold; text-align: center; padding: 3px; color: #4F88BC; }
.WTCSS-user-info-pending-tasks { font-size: 11px; text-align: left; padding: 3px 0px 3px 3px; }
.WTCSS-user-info-pending-tasks a { font-weight: bold; }
.WTCSS-user-info-link-courses {}
.WTCSS-user-info-link-tests {}
.WTCSS-user-info-pages { text-align: left; padding: 3px 0px 0px 0px; }
.WTCSS-user-info-pages select { height: 21px; font-size: 11px; text-align: left; border: solid 1px #b3d5eb; width: 100%; padding: 2px; color: #666666; }

/* POLL START */
.WTCSS-poll { margin: 0px 5px 12px 5px; }
.WTCSS-poll div.wrapper {}
.WTCSS-poll div.common-header { background-color: #e6f4fd; color: #4F88BC; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; }
.WTCSS-poll div.common-container { background-color: #FFFFFF; padding: 0px 6px 0px 6px;	border-left: solid 1px #e6f4fd;	border-right: solid 1px #e6f4fd; }
.WTCSS-poll div.container {	padding-top: 6px; padding-bottom: 6px; }
.WTCSS-poll div.header { color: #666666; font-size: 12px; font-weight: bold; padding: 6px 6px 6px 6px; background-color: #eeeeee; }
.WTCSS-poll div.row { border-bottom: solid 1px #eeeeee; }
.WTCSS-poll table.poll-start-table {}
.WTCSS-poll td.input-container { width: 20px; padding: 6px 0px 6px 3px; vertical-align: top; border-bottom: solid 1px #eeeeee; }
.WTCSS-poll td.input-label { width: 100%; padding: 6px; vertical-align: top; border-bottom: solid 1px #eeeeee; }
.WTCSS-poll div.button-container { padding: 2px 0px 3px 3px; background-color: #eeeeee; }
.WTCSS-poll input.btn { background-color: #eeeeee; background-image: url(/pics/bg_btn_grey.png); background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; color: #666666; padding: 3px 15px 3px 15px; text-align: center; margin: 0; }
.WTCSS-poll input.btn-disabled { background-color: #eeeeee; background-image: url(/pics/bg_btn_grey.png); background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; color: #999999; padding: 3px 15px 3px 15px; text-align: center; margin: 0; opacity: 0.5; filter: alpha(opacity=50); }
.WTCSS-poll input.btn:hover {	background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: #4F88BC; cursor: pointer; }
.WTCSS-poll div.archive { background-color: #e6f4fd; color: #4F88BC; font-size: 12px; text-align: right; padding: 6px; }
.WTCSS-poll div.archive a { background-image: url(/pics/icon_more.png); background-position: right center; background-repeat: no-repeat; padding: 4px 20px 6px 12px; }

/* POLL RESULTS */
.WTCSS-poll-result {}
.WTCSS-poll-result div.wrapper {}
.WTCSS-poll-result div.header { padding: 12px 6px 12px 20px; background-image: url(/pics/icon_title.png); background-position: left center; background-repeat: no-repeat; border-bottom: solid 1px #CCCCCC; font-family: Tahoma, Arial, sans-serif; font-size: 18px;	font-weight: bold; color: #4f88bc; }
.WTCSS-poll-result table.poll-table { border-spacing: 10px; width: 100%; }
.WTCSS-poll-result table.poll-table td.card { background-color: #eeeeee; vertical-align: top; padding: 10px; border: solid 1px #cccccc; }
.WTCSS-poll-result table.poll-table div.card {}
.WTCSS-poll-result table.poll-table div.poll-name { font-family: Tahoma, sans-serif; font-size: 14px; font-weight: bold; color: #4F88BC; padding-bottom: 10px; }
.WTCSS-poll-result table.poll-table div.question { font-family: Tahoma, sans-serif; font-size: 12px; font-weight: bold; color: #4F88BC; padding: 10px 0px; }
.WTCSS-poll-result table.poll-table div.result { background-color: #ffffff; padding: 5px; border: solid 1px #cccccc; }
.WTCSS-poll-result table.poll-table table.result { }
.WTCSS-poll-result table.poll-table table.result td.poll-item { vertical-align: top; padding: 5px; border-bottom: solid 1px #cccccc; width: 50%; }
.WTCSS-poll-result table.poll-table table.result td.poll-numbers { vertical-align: top; padding: 5px; border-bottom: solid 1px #cccccc; width: 10%; }
.WTCSS-poll-result table.poll-table table.result td.poll-graph { vertical-align: top; padding: 5px; border-bottom: solid 1px #cccccc; width: 40%; }
.WTCSS-poll-result table.poll-table table.result img.progress { height: 16px; }
.WTCSS-poll-result table.poll-table table.result td.summary { vertical-align: top; padding: 5px; border-top: solid 1px #cccccc; font-weight: bold; }
.WTCSS-poll-result table.poll-table table.result td.first { text-align: right; }
.WTCSS-poll-result div.paging { padding: 5px; background-color: #eeeeee; margin-top: 10px; text-align: center; }
.WTCSS-poll-result div.paging span.page { padding: 0px 10px; border-left: solid 1px #cccccc; }
.WTCSS-poll-result div.paging span.first { border-left: none !important; }

/* POLL PROCEDURE */
.WTCSS-poll-procedure {}
.WTCSS-poll-procedure div.wrapper {}
.WTCSS-poll-procedure div.header { padding: 12px 6px 12px 20px; background-image: url(/pics/icon_title.png); background-position: left center; background-repeat: no-repeat; border-bottom: solid 1px #CCCCCC; font-family: Tahoma, Arial, sans-serif; font-size: 18px;	font-weight: bold; color: #4f88bc; }
.WTCSS-poll-procedure div.container { }
.WTCSS-poll-procedure table.list-table { width: 100%; margin: 10px 0px; }
.WTCSS-poll-procedure table.list-table th  { padding: 8px; background-color: #eeeeee; font-weight: bold; border-bottom: solid 1px #cccccc; color: #666666; }
.WTCSS-poll-procedure table.list-table td.name  { width: 100%; padding: 8px 8px 8px 32px; border-bottom: dotted 1px #cccccc; background-image: url(/icons/16round/16_right_0.png); background-position: 8px 8px; background-repeat: no-repeat; }
.WTCSS-poll-procedure table.list-table td.name:hover  { background-image: url(/icons/16round/16_right_1.png); }
.WTCSS-poll-procedure table.list-table td.completion  { padding: 8px; border-bottom: dotted 1px #cccccc; text-align: right; vertical-align: top; }
.WTCSS-poll-procedure table.list-table img.completed  { width: 16px; height: 16px; background-image: url(/icons/16round/16_yes.png); background-position: top left; background-repeat: no-repeat; }

.WTCSS-poll-procedure table.survey-table { margin: 10px 0px; border-spacing: 0px; width: 100%; }
.WTCSS-poll-procedure table.survey-table td.survey-list { vertical-align: top; width: 250px; background-color: #eeeeee; padding: 10px; border: solid 1px #cccccc; }
.WTCSS-poll-procedure table.survey-table td.survey-list ul { padding:0; margin: 0; list-style: none; }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li a { display: block; padding: 5px 5px 5px 20px; }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.root-item { margin: 0; padding: 3px 0 3px 22px; font-size: 12px; background-image: url(/pics/minus.jpg); background-position: 5px 5px; background-repeat: no-repeat;  }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.root-item div.item { cursor: pointer; }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.root-item-collapsed { background-image: url(/pics/plus.jpg); }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.current { font-weight: bold; }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li:hover a { background-color: #ffffff; }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.active a { background-image: url(/icons/16round/16_help_0.png); background-position: 5px 5px; background-repeat: no-repeat; }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.active:hover a { background-image: url(/icons/16round/16_help_1.png); }
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.item a { background-image: url(/icons/6round/6_bullet_black.png); background-position: 9px 9px; background-repeat: no-repeat; font-size: 11px;}
.WTCSS-poll-procedure table.survey-table td.survey-list ul li.completed a { background-image: url(/icons/6round/6_bullet_green.png); background-position: 9px 9px; background-repeat: no-repeat; }
.WTCSS-poll-procedure table.survey-table td.survey-body { vertical-align: top; padding: 0px 0px 0px 10px; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.dates { border: solid 1px #cccccc; background-color: #eeeeee; color: #cc0000; text-align: center; font-size: 12px; padding: 5px; margin-bottom: 10px; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.completed { border: solid 1px #cccccc; background-color: #eeeeee; color: #00cc00; text-align: center; font-size: 12px; padding: 5px; margin-bottom: 10px; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.poll-name { background-color: #e6f4fd; color: #4F88BC; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.poll-body { padding: 10px; border: solid 1px #e6f4fd; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.state { margin-bottom: 10px; border-bottom: solid 1px #eeeeee; padding: 5px; }
.WTCSS-poll-procedure table.survey-table td.survey-body span.state { font-weight: bold; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.confirmed { margin-bottom: 10px; padding: 10px; color: #00cc00; font-weight: bold; text-align: center; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.comment-container { margin-bottom: 5px; text-align: center; }
.WTCSS-poll-procedure table.survey-table td.survey-body textarea.comment { width: 480px; height: 120px; border: dotted 1px #cccccc; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.comment { margin: 10px; padding: 10px 0; border-top: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc;}
.WTCSS-poll-procedure table.survey-table td.survey-body div.filled { margin-bottom: 10px; padding: 10px; color: #660066; font-weight: bold; text-align: center; }
.WTCSS-poll-procedure table.survey-table td.survey-body div.deleted { margin-bottom: 10px; padding: 10px; color: #cc0000; font-weight: bold; text-align: center; }

div.btn-container { padding: 3px 3px; background-color: #eeeeee; }
input.btn { background-color: #eeeeee; background-image: url(/pics/bg_btn_grey.png); background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; color: #666666; padding: 3px 15px 3px 15px; text-align: center; margin: 0; }
input.btn:hover {	background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: #4F88BC; cursor: pointer; }
div.btn-container-main { margin-top: 10px; text-align: center !important; border-top: solid 1px #cccccc; }
input.btn-left { margin-left: 5px !important; }

table.poll-table { border-spacing: 10px; width: 100%; }
table.poll-table td.q-title { background-color: #eeeeee; vertical-align: top; padding: 5px 10px; border: solid 1px #cccccc; font-weight: bold; }
table.poll-table div.q-title { text-align: left; color: #666666; }
table.poll-table td.q-card { background-color: #eeeeee; vertical-align: top; border: solid 1px #cccccc; }
table.poll-table td.q-table { background-color: #eeeeee; vertical-align: top; border: solid 1px #cccccc; }
table.poll-table div.q-table-header { margin-bottom: 5px; padding: 0px 0px 10px 0px; color: #4F88BC; font-weight: bold; text-align: left; border-bottom: solid 1px #cccccc; }
table.poll-table table.q-table { width: 100%; border-spacing: 10px; }
table.poll-table table.q-table td.q-table-0-0 {  }
table.poll-table table.q-table td.q-table-row-title { padding: 5px; vertical-align: middle; font-weight: bold; border-right: solid 3px #4F88BC; text-align: center; }
table.poll-table table.q-table td.q-table-column-title { padding: 5px; vertical-align: middle; font-weight: bold; border-bottom: solid 3px #4F88BC; text-align: center;}
table.poll-table table.q-table td.q-table-card { background-color: #eeeeee; vertical-align: top; border: solid 1px #cccccc; }

div.q-container { margin: 0px; background-color: #eeeeee; padding: 10px; }
div.q-header { margin-bottom: 5px; padding: 0px 0px 10px 0px; color: #4F88BC; font-weight: bold; text-align: left; border-bottom: solid 1px #cccccc; }
div.q-combo{ }
select.q-combo { width: 100%; margin: 0; padding: 0px; border: solid 1px #cccccc; }
div.q-input-text { }
input.q-input-text { width: 100%; margin: 0; padding: 0px; border: solid 1px #cccccc; height: 21px;}
div.q-input-number { }
input.q-input-number { width: 20%; margin: 0; padding: 0px; border: solid 1px #cccccc; height: 21px;}
div.q-input-date { }
input.q-input-date { width: 100px; margin: 0; padding: 0px; border: solid 1px #cccccc; height: 21px;}

div.q-comment { margin-top: 10px; text-align: center; }
div.q-comment-header { background-color: #cccccc; text-align: center; padding: 5px; border: solid 1px #cccccc; }
textarea.q-comment { width: 100%; height: 50px; padding: 0px; border: solid 1px #cccccc; }

table.q-choice-axis { width: 100%; }
table.q-choice-axis td.q-choice-low { width: 50%; padding: 0px 6px 3px 6px; text-align: left; color: #666666; border-left: solid 1px #cccccc; border-bottom: solid 1px #cccccc; }
table.q-choice-axis td.q-choice-high { width: 50%; padding: 0px 6px 3px 6px; text-align: right; color: #666666; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; }
table.q-choice-scale { width: 100%; border-spacing: 1px; }
table.q-choice-scale td.q-choice-scale-item { padding: 5px; }
table.q-choice-scale td.q-choice-scale-item input.q-radio { padding: 0; margin: 0; }
table.q-choice-list { width: 100%; }
table.q-choice-list td.q-choice-input { padding: 5px 0px; border-bottom: dotted 1px #cccccc; }
table.q-choice-list td.q-choice-label { width: 100%; padding: 5px; border-bottom: dotted 1px #cccccc; }
table.q-choice-list td.first-row { }
table.q-select { width: 100%; }
table.q-select td.q-select-input { padding: 5px 0px; border-bottom: dotted 1px #cccccc; }
table.q-select td.q-select-label { width: 100%; padding: 5px; border-bottom: dotted 1px #cccccc; }
textarea.q-textarea { width: 100%; height: 50px; border: solid 1px #cccccc;}
select.q-select-multi { width: 100%; border: solid 1px #cccccc; height: 50px; }
input.q-input-link-db { width: 100%; margin: 0; padding: 0px; border: solid 1px #cccccc; height: 21px; }



/* POLL BODY */
.WTCSS-poll-body {}
.WTCSS-poll-body div.wrapper {}
.WTCSS-poll-body div.start { border: solid 1px #cccccc; background-color: #eeeeee; color: #cc0000; text-align: center; font-size: 12px; padding: 5px; margin-bottom: 10px; }
.WTCSS-poll-body div.message { border: solid 1px #cccccc; background-color: #eeeeee; color: #cc0000; text-align: center; font-size: 12px; padding: 5px; margin-bottom: 10px; }


/* LAST NEWS START */
.WTCSS-lastnews {}
.WTCSS-lastnews div.wrapper {}
.WTCSS-lastnews div.common-header {	background-color: #e6f4fd; color: #4F88BC; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; }
.WTCSS-lastnews div.common-container { background-color: #FFFFFF; padding: 0px 6px 6px 6px; border-left: solid 1px #e6f4fd; border-right: solid 1px #e6f4fd; }
.WTCSS-lastnews div.container { padding-top: 6px; padding-bottom: 6px; }
.WTCSS-lastnews div.header { color: #666666; font-size: 11px; font-weight: bold; padding: 6px 6px 6px 12px; background-color: #eeeeee; }
.WTCSS-lastnews div.row { padding: 6px; }
.WTCSS-lastnews div.row a, .WTCSS-lastnews div.row a:visited { font-size: 12px; color: #666666; text-decoration: none; }
.WTCSS-lastnews div.row a:hover, .WTCSS-lastnews div.row a:active { color: #3399cc; text-decoration: underline; }
.WTCSS-lastnews div.archive { background-color: #e6f4fd; color: #4F88BC; font-size: 12px; text-align: right; padding: 6px; margin-bottom: 12px; }
.WTCSS-lastnews div.archive a {	background-image: url(/pics/icon_more.png); background-position: right center; background-repeat: no-repeat;	padding: 4px 20px 6px 12px; }

/* COURSES RECOMMENDED START */
.WTCSS-crs-rec {}
.WTCSS-crs-rec div.wrapper {}
.WTCSS-crs-rec div.common-header { background-color: #e6f4fd; color: #4F88BC; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; width: 100%; }
.WTCSS-crs-rec div.common-container { background-color: #FFFFFF; padding: 6px; border-left: solid 1px #e6f4fd; border-right: solid 1px #e6f4fd; border-bottom: solid 1px #e6f4fd; width: 100%; }
.WTCSS-crs-rec table.table-main { width: 100%; }
.WTCSS-crs-rec td.cell-header-name { color: #666666; font-size: 12px; font-weight: bold; padding: 6px 6px 6px 12px; background-color: #eeeeee; }
.WTCSS-crs-rec td.cell-header-action { color: #666666; font-size: 12px; font-weight: bold; padding: 6px 6px 6px 12px; background-color: #eeeeee; }
.WTCSS-crs-rec tr.crs-row {}
.WTCSS-crs-rec td.crs-name { padding: 3px; vertical-align: top;	border-bottom: solid 1px #eeeeee; }
.WTCSS-crs-rec td.crs-action { padding: 3px; vertical-align: top; text-align: right; border-bottom: solid 1px #eeeeee; }
.WTCSS-crs-rec div.action-wrapper {	padding: 12px; }
.WTCSS-crs-rec div.already-active {	padding: 6px 12px; text-align: center; float:right; }
.WTCSS-crs-rec input.action-activate { padding: 6px; border: solid 2px #eeeeee; background-color: #eeeeee; text-align: center; width: 150px !important; background-image: url(/pics/bg_btn_grey.png); background-position: left center; 	background-repeat: repeat-x; }
.WTCSS-crs-rec input.action-request { padding: 6px 12px; border: solid 2px #eeeeee; background-color: #eeeeee; text-align: center; width: 150px; background-image: url(/pics/bg_btn_grey.png); background-position: left center;	background-repeat: repeat-x; }
.WTCSS-crs-rec input.over { background-image: url(/pics/bg_btn_lightblue.png); background-position: left center;	background-repeat: repeat-x; cursor: pointer; }

/* PATH START */
.WTCSS-path { margin-bottom: 6px;}
.WTCSS-path div.wrapper { padding: 0px;	background-color: #eeeeee; text-align: left; }
.WTCSS-path table.body { width: 100%; }
.WTCSS-path td.path { padding: 6px; }
.WTCSS-path td.doc-menu { width: 16px; padding: 4px; background-image: url(/pics/menu_bullet_0.png); background-position: center; background-repeat: no-repeat; }
.WTCSS-path td.doc-menu:hover { background-image: url(/pics/menu_bullet_1.png); cursor: pointer; }
.WTCSS-path a.path-parent { padding-right: 22px; background-image: url(/pics/icon_more.png); background-position: right center; background-repeat: no-repeat; }
.WTCSS-path span.path-current {}

.WTCSS-doc-menu-container { display: none; width: 200px; position: absolute; border: dotted 1px #cccccc; z-index: 1000;}

.WTCSS-doc-menu { width: 200px; }
.WTCSS-doc-menu div.wrapper { padding: 6px; background-color: #ffffff; }
.WTCSS-doc-menu div.header { background-color: #eeeeee; padding: 4px; border-bottom: solid 1px #cccccc; }
.WTCSS-doc-menu table.header  { width: 100%; }
.WTCSS-doc-menu td.title  { padding: 0px 3px; text-align: left; color: #666666; font-weight: bold; }
.WTCSS-doc-menu td.close { width: 16px; height: 16px; padding: 0px; background-image: url(/icons/16round/16_close_0.png); background-position: center top; background-repeat: no-repeat; }
.WTCSS-doc-menu td.close:hover { background-image: url(/icons/16round/16_close_1.png); cursor: pointer; }
.WTCSS-doc-menu div.subscript { padding: 6px 4px 6px 24px; background-image: url(/icons/16round/16_response_0.png); background-position: 4px 4px; background-repeat: no-repeat; border-bottom: dotted 1px #cccccc; }
.WTCSS-doc-menu div.subscript:hover { background-image: url(/icons/16round/16_response_1.png); cursor: pointer; }
.WTCSS-doc-menu div.edit { padding: 6px 4px 6px 24px; background-image: url(/icons/16round/16_settings_0.png); background-position: 4px 4px; background-repeat: no-repeat; }
.WTCSS-doc-menu div.edit:hover { background-image: url(/icons/16round/16_settings_1.png); cursor: pointer; }
.WTCSS-doc-menu div.search { background-color: #eeeeee; padding: 3px; border-top: solid 1px #cccccc;}
.WTCSS-doc-menu table.form { width: 100%; }
.WTCSS-doc-menu td.label-container { width: 100%; padding-right: 4px; text-align: right; font-size: 11px; }
.WTCSS-doc-menu td.field-container { }
.WTCSS-doc-menu td.field-container input { padding: 0px; margin: 0px; border: solid 1px #cccccc; }
.WTCSS-doc-menu td.button-container { padding: 0px 4px; }
.WTCSS-doc-menu td.button-container .button-search { width: 18px; height: 18px; background-image: url(/icons/16round/16_search_0.png); background-position: center; background-repeat: no-repeat; border: none; }
.WTCSS-doc-menu td.button-container .button-search:hover { background-image: url(/icons/16round/16_search_1.png); cursor: pointer; }


/* TITLE START */
.WTCSS-title {}
.WTCSS-title div.wrapper { padding-left: 1px; }
.WTCSS-title div.text { padding: 12px 6px 12px 20px; background-image: url(/pics/icon_title.png); background-position: left center; background-repeat: no-repeat; border-bottom: solid 1px #CCCCCC; font-family: Tahoma, Arial, sans-serif; font-size: 18px;	font-weight: bold; color: #4f88bc; }

/* CHAT START */

.WTCSS-chat { margin-bottom: 12px; }
.WTCSS-chat td { vertical-align: top; }
.WTCSS-chat ul { padding:0; margin: 0; list-style: none; /* do not change */ }
.WTCSS-chat ul li { padding:0; margin: 0; margin-top: 3px;  }
.WTCSS-chat div.wrapper {}
.WTCSS-chat div.common-header { background-color: #e6f4fd; color: #4F88BC; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; }
.WTCSS-chat div.userlist { height: 240px; border-left: solid 1px #e6f4fd; border-right: solid 1px #e6f4fd; border-bottom: solid 1px #e6f4fd; padding: 6px; }
.WTCSS-chat div.header { color: #666666; font-size: 12px; font-weight: bold; padding: 6px 6px 6px 6px; background-color: #eeeeee;	}
.WTCSS-chat div.header-button { color: #666666; font-size: 12px; font-weight: bold; background-color: #eeeeee; padding: 1px; }
.WTCSS-chat div.header-with-button { padding: 6px 6px 6px 6px; float: left; }
.WTCSS-chat div.button-add { text-align: right; float: right; }
.WTCSS-chat div.chater-container { margin: 0px 5px; }
.WTCSS-chat div.mychatters {}
.WTCSS-chat input.button { background-color: #eeeeee; background-image: url(/pics/bg_btn_grey.png); background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; color: #666666; padding: 3px 15px 3px 15px; text-align: center; margin: 0; }
.WTCSS-chat input.button:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: #4F88BC; cursor: pointer; }
.WTCSS-chat div.user-row { border: solid 1px #eeeeee; padding: 3px; cursor: pointer; }
.WTCSS-chat div.user-row:hover { border: solid 1px #e6f4fd; background-color: #e6f4fd; }
.WTCSS-chat td.user-photo { width: 36px; padding-right: 5px; }
.WTCSS-chat div.user-photo { width: 36px; }
.WTCSS-chat img.user-photo { width: 36px; height: 48px; }
.WTCSS-chat td.user-name { width: 100%; padding-right: 5px; }
.WTCSS-chat div.user-name { font-weight: bold; }
.WTCSS-chat div.user-status { background-image: url(/icons/6round/6_bullet_blue.png); background-position: center left; background-repeat: no-repeat; padding: 2px 5px 0px 12px; font-size: 11px; }
.WTCSS-chat div.status-online { background-image: url(/icons/6round/6_bullet_green.png); }
.WTCSS-chat div.status-offline { background-image: url(/icons/6round/6_bullet_red.png); }
.WTCSS-chat td.user-actions { }
.WTCSS-chat div.user-info { background-image: url(/icons/16round/16_info_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; margin-bottom: 3px; overflow: hidden; font-size: 24px; }
.WTCSS-chat div.user-info:hover { background-image: url(/icons/16round/16_info_1.png); cursor: pointer; }
.WTCSS-chat div.user-remove { background-image: url(/icons/16round/16_close_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; }
.WTCSS-chat div.user-remove:hover { background-image: url(/icons/16round/16_close_1.png); cursor: pointer; }
.WTCSS-chat td.online { filter: alpha(opacity=100); opacity: 1.0; }
.WTCSS-chat td.offline { filter: alpha(opacity=30); opacity: 0.3; }
.WTCSS-chat .highlight { background-color: #FF9933 !important; }

.WTCSS-chat-container-main { display: none; position: absolute; z-index: 10000; background-color: #e6f4fd; text-align: left; border: solid 1px #b3d5eb; }
.WTCSS-chat-container td { vertical-align: top; }
.WTCSS-chat-container div.chat-header { color: #4F88BC; font-size: 12px; font-weight: bold; background-color: #e6f4fd; padding: 1px; border-top: solid 2px #b3d5eb; }
.WTCSS-chat-container div.header-with-button { padding: 6px 6px 6px 6px; float: left; }
.WTCSS-chat-container div.button-close { float: right; background-image: url(/icons/16round/16_close_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 4px }
.WTCSS-chat-container div.button-close:hover { background-image: url(/icons/16round/16_close_1.png); cursor: pointer; }
.WTCSS-chat-container div.chat-text-wrapper { padding-left: 5px; padding-right: 5px; }
.WTCSS-chat-container div.chat-text { border: solid 1px #CCCCCC; background-color: #FFFFFF; height: 248px; overflow-y:auto; overflow-x:hidden; }
.WTCSS-chat-container div.chat-send { padding: 3px; }
.WTCSS-chat-container-main div.input-container { padding: 2px 2px;}
.WTCSS-chat-container-main textarea.chat-input { width: 244px; border: dotted 1px #999999; }
.WTCSS-chat-container-personal table.input-container { width:100%; padding: 0; text-align: right;}
.WTCSS-chat-container-personal td.input-button-container { width:100%;}
.WTCSS-chat-container-personal textarea.chat-input { width: 100%; height: 37px; border: dotted 1px #999999; padding: 0;}

.WTCSS-chat-container input.chat-button { width: 250px; background-color: #eeeeee; background-image: url(/pics/bg_btn_grey.png); background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF;	color: #666666; padding: 3px 15px 3px 15px; text-align: center;	margin: 0; }
.WTCSS-chat-container input.chat-button:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: #4F88BC; cursor: pointer; }
.WTCSS-chat-container span.wt-chat-line-time { font-size: 11px; color: #999999; }
.WTCSS-chat-container span.wt-chat-line-mine { font-size: 12px; color: #336699; }
.WTCSS-chat-container span.wt-chat-line-user { font-size: 12px; color: #666666; }

/* SWITCH */
.WTCSS-switcher { margin-top: 2px;}
.WTCSS-switcher div.wrapper { height: 36px; margin-top: 2px; overflow-y: hidden; white-space: nowrap; }
.WTCSS-switcher div.sites { float: right; width: 32px; color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-switcher div.sites-counter { float: right; color: #006699; width: 32px; text-align: center; font-weight: bold; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_sites.png); background-position: center center; background-repeat: no-repeat; }
.WTCSS-switcher div.views { float: right; width: 32px; color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-switcher div.views-counter { float: right; color: #006699; width: 32px; text-align: center; font-weight: bold; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_view.png); background-position: center center; background-repeat: no-repeat; }

/* MASK */
#wt-mask { position: absolute; top: 0px; left: 0px; z-index: 9000; background-color: #666666; display: none; }

/* DROPDOWN DIV */
.WTCSS-dropdown { display: none; position: absolute; z-index: 9999; width: 250px; background-color: #ffffff; color: #666666; border: 2px solid #eeeeee; padding: 10px; -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); box-shadow: 2px 2px 4px rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#999999');}
.WTCSS-dropdown table.link-container { margin-top: 5px; width: 100%; }
.WTCSS-dropdown td.view-all-box { background-color: #eeeeee; text-align: left; padding: 5px; width: 50%; }
.WTCSS-dropdown td.close-box { background-color: #eeeeee; text-align: right; padding: 5px; width: 50%; }
.WTCSS-dropdown div.title { font-weight: bold; padding-top: 0px; padding-bottom: 6px; border-bottom: 1px solid #eeeeee; }
.WTCSS-dropdown .list-div ul { margin: 0px; padding: 0px; list-style: none; }
.WTCSS-dropdown .list-div li { padding: 6px 3px 6px 3px; border-bottom: 1px solid #eeeeee; }
.WTCSS-dropdown .list-div div.site { background-position: left top; background-repeat: no-repeat; padding: 0px 0px 2px 22px; background-image: url(/icons/16round/16_world_0.png); }
.WTCSS-dropdown .list-div div.site:hover { background-image: url(/icons/16round/16_world_1.png); }
.WTCSS-dropdown .list-div div.view { background-position: left top; background-repeat: no-repeat; padding: 0px 0px 2px 22px; background-image: url(/icons/16round/16_eye_0.png);}
.WTCSS-dropdown .list-div div.view:hover { background-image: url(/icons/16round/16_eye_1.png); }
.WTCSS-dropdown div.no-items { font-style: italic; padding: 6px; text-align: center; color: #999999; }
.WTCSS-dropdown .user-photo img { float: left; margin-right: 7px; width: 36px;}
.WTCSS-dropdown .list-div div.action { background-position: left top; background-repeat: no-repeat; padding: 0px 0px 2px 22px; }
.WTCSS-dropdown .list-div div.critical { background-image: url(/icons/16round/16_fire_1.png);}
.WTCSS-dropdown .list-div div.warning { background-image: url(/icons/16round/16_fire_1.png); }
.WTCSS-dropdown .list-div div.pagelink { background-position: left top; background-repeat: no-repeat; padding: 0px 0px 2px 22px; background-image: url(/icons/16round/16_world_0.png); }
.WTCSS-dropdown .list-div div.pagelink:hover { background-image: url(/icons/16round/16_world_1.png); }

/*DROPDOWN-USER-CABINET*/
.WTCSS-user-info { float: left }
.WTCSS-user-info div.wrapper { height: 36px; margin-top: 2px; overflow-y: hidden; white-space: nowrap; }
.WTCSS-user-info div.user-cabinet { font-weight: bold; height: 34px; cursor: pointer; }
.WTCSS-user-info div.user-cabinet:hover a { text-decoration: underline; }
.WTCSS-user-info div.userphoto { padding: 2px 2px; float: left; }
.WTCSS-user-info img.userphoto { height: 32px; }
.WTCSS-user-info div.usericon { padding: 10px 2px; float: left; }
.WTCSS-user-info img.usericon { height: 16px; width: 16px; background-position: left top; background-repeat: no-repeat; background-image: url(/icons/user.png); }
.WTCSS-user-info div.no-icon { display: none; }
.WTCSS-user-info img.no-icon { height: 1px; width: 1px; }
.WTCSS-user-info div.username { float: left; color: #666666; font-weight: bold; padding: 11px 6px;}

/*DROPDOWN-MY-CHAT*/
.WTCSS-chat-info { float: left }
.WTCSS-chat-info div.wrapper { height: 34px; margin-top: 2px; overflow-y: hidden; white-space: nowrap; }
.WTCSS-chat-info div.messages { color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-chat-info div.messages:hover a { text-decoration: underline; }
.WTCSS-chat-info div.messages-counter { width: 32px; text-align: center; font-weight: bold; color: #ffffff; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_messages.png); background-position: center center; background-repeat: no-repeat; }
.WTCSS-chat-info div.messages-text { color: #666666; font-weight: bold; padding: 11px 6px 9px 6px; }

/*DROPDOWN-MY-TODO*/
.WTCSS-todo-info { float: left }
.WTCSS-todo-info div.wrapper { height: 34px; margin-top: 2px; overflow-y: hidden; white-space: nowrap; }
.WTCSS-todo-info div.todo { color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-todo-info div.todo:hover a { text-decoration: underline; }
.WTCSS-todo-info div.todo-counter { width: 32px; text-align: center; font-weight: bold; color: #666666; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_todo.png); background-position: center center; background-repeat: no-repeat; }
.WTCSS-todo-info div.todo-text { color: #666666; font-weight: bold; padding: 11px 6px 9px 6px; }

/*DROPDOWN-MY-SITES*/
.WTCSS-sites-info { float: right }
.WTCSS-sites-info div.wrapper { height: 34px; margin-top: 2px; overflow-y: hidden; white-space: nowrap; }
.WTCSS-sites-info div.sites { color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-sites-info div.sites:hover a { text-decoration: underline; }
.WTCSS-sites-info div.sites-counter { width: 32px; text-align: center; font-weight: bold; color: #006699; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_sites.png); background-position: center center; background-repeat: no-repeat; }
.WTCSS-sites-info div.sites-text { color: #666666; font-weight: bold; padding: 11px 6px 9px 6px; }

/*DROPDOWN-MY-VIEWS*/
.WTCSS-view-info { float: right }
.WTCSS-view-info div.wrapper { height: 34px; margin-top: 2px; overflow-y: hidden; white-space: nowrap; }
.WTCSS-view-info div.views { color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-view-info div.views:hover a { text-decoration: underline; }
.WTCSS-view-info div.views-counter { width: 32px; text-align: center; font-weight: bold; color: #006699; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_view.png); background-position: center center; background-repeat: no-repeat; }
.WTCSS-view-info div.views-text { color: #666666; font-weight: bold; padding: 11px 6px 9px 6px; }


/* USER LINE */
.WTCSS-user-line {}
.WTCSS-user-line div.wrapper { height: 36px; margin-top: 2px; overflow-y: hidden; }
.WTCSS-user-line div.user { float: left; color: #666666; font-weight: bold;}
.WTCSS-user-line div.userphoto { padding: 2px 2px; float: left; }
.WTCSS-user-line img.userphoto { height: 32px; }
.WTCSS-user-line div.username { float: left; color: #666666; font-weight: bold; padding: 11px 6px;}
.WTCSS-user-line div.username span {  color: #4F88BC;}
.WTCSS-user-line div.usertasks { padding: 11px; float: left; }
.WTCSS-user-line div.messages { float: left; color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-user-line div.messages-counter { float: left; width: 32px; text-align: center; font-weight: bold; color: #ffffff; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_messages.png); background-position: center center; background-repeat: no-repeat; }
.WTCSS-user-line div.todo { float: left; color: #666666; font-weight: bold; padding-left: 10px; cursor: pointer;}
.WTCSS-user-line div.todo-counter { float: left; color: #666666; width: 32px; text-align: center; font-weight: bold; color: #666666; margin-top: 4px; padding: 8px 0px; background-image: url(/icons/24_todo.png); background-position: center center; background-repeat: no-repeat; }

/* MODE CONTEXT TIP */
.WTCSS-mode-tip { float: right;	margin-top: 20px; margin-right: 0px; width: 284px; }
.WTCSS-mode-tip div.wrapper { background-image: url(/pics/conhelp2.png); background-position: left top; background-repeat: no-repeat; height: 80px; }
.WTCSS-mode-tip div.header { display: none; }
.WTCSS-mode-tip div.tip { padding: 15px 15px 15px 112px; border: none; height: 80px; }

/* ASSESSMENT TREE */
.WTCSS-ass-tree {}
.WTCSS-ass-tree div.wrapper { }
.WTCSS-ass-tree div.header { background-color: #e6f4fd; color: #4F88BC; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; }
.WTCSS-ass-tree div.container { padding: 6px; border-left: solid 1px #e6f4fd; border-right: solid 1px #e6f4fd; border-bottom: solid 1px #e6f4fd; color: #666666; }
.WTCSS-ass-tree	span.treeperson, .WTCSS-ass-tree span.treesubdivision { padding: 1px 0 1px 18px !important; display: block; font-size: 11px; }
.WTCSS-ass-tree span.treeorg { padding: 1px 0 1px 20px !important; display: block; font-size: 11px; font-weight: bold; }
.WTCSS-ass-tree span.treeorg { background: url(/icons/16png/org.png) 0 0 no-repeat; }
.WTCSS-ass-tree	span.treesubdivision { background: url(/icons/16png/subdivision.png) 0 0 no-repeat; }
.WTCSS-ass-tree	span.treeperson { background: url(/icons/16png/collaborator.png) 0 0 no-repeat; }
.WTCSS-ass-tree	li.expandable span.folder { background: url(/icons/16png/category.png) 0 0 no-repeat; }
.WTCSS-ass-tree span.hover { color: #333333 !important; }
.WTCSS-ass-tree a:hover { color: #3399CC !important; }

/* ASSESSMENT TABPANEL */
.WTCSS-ass-tabpanel {  margin-top: 12px;}
.WTCSS-ass-tabpanel div.wrapper {}
.WTCSS-ass-tabpanel div.container { }
.WTCSS-ass-tabpanel table.tab-panel { width: 100%; border-spacing: 0; }
.WTCSS-ass-tabpanel table.tab-panel td.plain-tab { border-bottom: solid 1px #aeaeae; }
.WTCSS-ass-tabpanel table.tab-panel td div.tab1 { background-image: url(/icons/tab_sprite.png); background-position: left -50px; background-repeat: no-repeat;  padding: 0px 0px 0px 10px; }
.WTCSS-ass-tabpanel table.tab-panel td div.tab2 { background-image: url(/icons/tab_sprite.png); background-position: right -200px; background-repeat: no-repeat; padding: 0px 10px 0px 0px; }
.WTCSS-ass-tabpanel table.tab-panel td div.tab3 { background-image: url(/icons/tab_sprite.png); background-position: center -350px; background-repeat: repeat-x; height: 16px; text-align: center; padding: 4px 0px 3px 0px; white-space: nowrap; }
.WTCSS-ass-tabpanel table.tab-panel td.plain-tab:hover { cursor: pointer; }
.WTCSS-ass-tabpanel table.tab-panel td.plain-tab:hover div.tab1 { background-position: left -100px; }
.WTCSS-ass-tabpanel table.tab-panel td.plain-tab:hover div.tab2 { background-position: right -250px; }
.WTCSS-ass-tabpanel table.tab-panel td.plain-tab:hover div.tab3 { background-position: center -400px; color: #3399CC; text-decoration: underline; }
.WTCSS-ass-tabpanel table.tab-panel td.selected { border-bottom: none !important; }
.WTCSS-ass-tabpanel table.tab-panel td.spacer { border-bottom: solid 1px #aeaeae; }
.WTCSS-ass-tabpanel table.tab-panel td.intertab { width: 2px; border-bottom: solid 1px #aeaeae; font-size: 2px; }


/* ASSESSMENT APPRAISE */
.WTCSS-ass-app {}
.WTCSS-ass-app div.wrapper {}
.WTCSS-ass-app div.form-container { overflow-x: auto; overflow-y: hidden; }
.WTCSS-ass-app div.info { padding: 12px; text-align: center; color: #999999; }
.WTCSS-ass-app div.alert { padding: 12px; text-align: center; color: #CC0000; border: inset 5px red; font-size: 14px; }
.WTCSS-ass-app div.select-container { padding: 6px; background-color: #eeeeee; }
.WTCSS-ass-app div.select-name { padding-right: 6px; /*float: left;*/ }
.WTCSS-ass-app div.select-selector { /*float: left;*/ }
.WTCSS-ass-app div.select-selector select { margin: 0px; border: solid 1px #cccccc; font-size: 12px; padding: 0; }
.WTCSS-ass-app div.tree-container {}
.WTCSS-ass-app div.app-container { }
.WTCSS-ass-app div.competence-container { border: dotted 1px #cccccc; overflow-x: auto; }
.WTCSS-ass-app table.competence-table { width: 100%; border-spacing: 1px; }
.WTCSS-ass-app table.competence-table .th-name { padding: 6px; background-color: #eeeeee; border-left: dotted 1px #cccccc; border-right: dotted 1px #cccccc; border-bottom: solid 1px #cccccc; }
.WTCSS-ass-app table.competence-table .th-mark { padding: 6px 3px; text-align: center; background-color: #eeeeee; width: 40px; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-ass-app table.competence-table .th-add { padding: 6px 3px; text-align: center; background-color: #eeeeee; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-ass-app table.competence-table .th-wf { padding: 6px 3px; text-align: center; background-color: #eeeeee; width: 80px; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-ass-app table.competence-table .td-comp-name { width: 100%; margin-top: 6px; padding: 6px; background-color: #e6f4fd; border-top: solid 3px #b3d5eb; border-bottom: dotted 1px #cccccc; font-size: 14px; color: #4F88BC; font-weight: bold; }
.WTCSS-ass-app table.competence-table .td-mark { padding: 6px 3px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center; }
.WTCSS-ass-app table.competence-table .td-add { padding: 6px 3px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center; }
.WTCSS-ass-app table.competence-table .td-control { padding: 0px 0px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center; }
.WTCSS-ass-app table.competence-table .td-control input { margin: 0; }
.WTCSS-ass-app table.competence-table .td-control select { margin: 0; }
.WTCSS-ass-app table.competence-table .td-comments { width: 200px; padding: 0px 0px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center;}
.WTCSS-ass-app div.ass-comment-container { padding: 12px; }
.WTCSS-ass-app table.ass-comment-table { width: 50%; background-color: #eeeeee; }
.WTCSS-ass-app td.ass-comment-name { padding: 12px 6px; vertical-align: top; white-space: nowrap; }
.WTCSS-ass-app td.ass-comment-body { padding: 6px; vertical-align: top !important; }
.WTCSS-ass-app td.ass-comment-body div { padding: 6px; background-color: #FFFFFF; border: solid 1px #cccccc; }
.WTCSS-ass-app div.ass-button-container { padding: 3px; margin-top: 12px;background-color: #eeeeee; border-top: solid 1px #cccccc; text-align: center;}
.WTCSS-ass-app input.ass-button { background-color: #eeeeee; background-image: url(/pics/bg_btn_grey.png); background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF;	color: #666666; padding: 3px 15px 3px 15px; text-align: center;	margin: 0; }
.WTCSS-ass-app  input.ass-button:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: #4F88BC; cursor: pointer; }
.WTCSS-ass-app table.ass-header-table { border-spacing: 0; width: 100%; }
.WTCSS-ass-app td.ass-grid-name { font-weight: bold; text-align: right; white-space: nowrap; padding: 6px; border-bottom: dotted 1px #cccccc; }
.WTCSS-ass-app td.ass-grid-value { text-align: left; white-space: nowrap; padding: 6px; border-bottom: dotted 1px #cccccc; }


/* ASSESSMENT TREE OLD */
.WTCSS-ass-tree-old {}
.WTCSS-ass-tree-old div.wrapper { }
.WTCSS-ass-tree-old div.header { background-color: #e6f4fd; color: #4F88BC; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; }
.WTCSS-ass-tree-old div.container { padding: 6px; border-left: solid 1px #e6f4fd; border-right: solid 1px #e6f4fd; border-bottom: solid 1px #e6f4fd; color: #666666; }
.WTCSS-ass-tree-old span.TreeviewSpanArea div#folder0 {padding: 5px 1px; }
.WTCSS-ass-tree-old span.TreeviewSpanArea { font-size: 12px !important; }
.WTCSS-ass-tree-old span.TreeviewSpanArea div:hover { background-color: #eeeeee; }

.WTCSS-ass-app div.ass-rl-item {  padding: 0px; margin: 0px; width: 51px !important; height: 36px !important; cursor: pointer !important; }
.WTCSS-ass-app div.ass-rl-item div.item-spot { padding: 0px; margin: 0px; width: 51px !important; height: 36px !important;  }
.WTCSS-ass-app div.ass-rl-item div.item-spot div.item-spot-inner { padding: 0px; margin: 0px; width: 51px !important; height: 36px !important; background-image: url(/pics/compform/cf_radioline_bg.png); background-repeat: no-repeat;  }
.WTCSS-ass-app div.ass-rl-item div.item-spot div.item-spot-inner div.item-spot-text { text-align: center; vertical-align: middle; padding: 10px 20px; color: #4F88BC; }
.WTCSS-ass-app div.ass-rl-item div.checked div.item-spot-inner div.item-spot-text { color: #FFFFFF; }
.WTCSS-ass-app div.ass-rl-item-container-first div.item-spot {  }
.WTCSS-ass-app div.ass-rl-item-container-first div.item-spot div.item-spot-inner { background-position: top left; }
.WTCSS-ass-app div.ass-rl-item-container-first div.checked div.item-spot-inner { background-position: top right;  }
.WTCSS-ass-app div.ass-rl-item-container-inner div.item-spot {  }
.WTCSS-ass-app div.ass-rl-item-container-inner div.item-spot div.item-spot-inner { background-position: bottom left; }
.WTCSS-ass-app div.ass-rl-item-container-inner div.checked div.item-spot-inner { background-position: bottom right; }
.WTCSS-ass-app div.ass-rl-item-container-last div.item-spot {  }
.WTCSS-ass-app div.ass-rl-item-container-last div.item-spot div.item-spot-inner { background-position: bottom left; }
.WTCSS-ass-app div.ass-rl-item-container-last div.checked div.item-spot-inner { background-position: bottom right; }
.WTCSS-ass-app div.ass-rl-item-container-first div.item-text, .WTCSS-ass-app div.ass-rl-item-container-inner div.item-text, .WTCSS-ass-app div.ass-rl-item-container-last div.item-text {  }
.WTCSS-ass-app div.ass-rl-item-container-first div.checked, .WTCSS-ass-app div.ass-rl-item-container-inner div.checked, .WTCSS-ass-app div.ass-rl-item-container-last div.checked {  }

.WTCSS-ind-container { padding: 6px;} 
.WTCSS-ind-header {	background-color: #e6f4fd; color: #4F88BC; font-size: 16px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; }
.WTCSS-ind-table {  margin-top: 12px; }
.WTCSS-ind-table .th { background-color: #eeeeee; color: #666666; font-size: 12px; font-weight: bold; padding: 4px; border-bottom: solid 1px #CCCCCC; border-right: dotted 1px #CCCCCC; }
.WTCSS-ind-table .th-full {	width: 100%; border-right: none !important; }
.WTCSS-ind-table .td { padding: 4px; border-bottom: dotted 1px #CCCCCC; border-right: dotted 1px #CCCCCC; text-align: center; background-color: #ffffff; }
.WTCSS-ind-table .td-last { padding: 4px; border-bottom: dotted 1px #CCCCCC; text-align: left; background-color: #ffffff; }

.WTCSS-button { background-color: #eeeeee; background-image: url(/pics/bg_btn_grey.png); background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; color: #666666; padding: 3px 15px 3px 15px; text-align: center; margin: 0; }
.WTCSS-button:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: #4F88BC; cursor: pointer; }

.WTCSS-info-block { background-color: #fff8cc; border: dotted 1px #cccccc; padding: 6px; text-decoration: none !important; margin-top: 6px;}
.WTCSS-info-block .header { font-size: 12px; text-align: center; color: #4F88BC; font-weight: bold; padding: 0px 3px 0px 3px; text-decoration: none !important; }
.WTCSS-info-block .WTCSS-ind-table { color: #666666; font-size: 11px !important; }
.WTCSS-info-block .WTCSS-ind-table td { vertical-align: top; text-decoration: none !important}

.WTCSS-switch-panel { margin-top: 12px; }
.WTCSS-switch-panel div.wrapper {}
.WTCSS-switch-panel div.head { background-color: #eeeeee; background-image: url(/pics/bg-header-gray.png); background-position: top left; background-repeat: repeat-x; padding: 6px; border: dotted 1px #cccccc; cursor: pointer; }
.WTCSS-switch-panel div.head div.title { float: none; margin-right: 20px; font-size: 14px; font-weight: bold; padding: 0px 3px; color: #666666; }
.WTCSS-switch-panel div.head div.switch { float: right; width: 15px; height: 15px; font-size: 15px; overflow: hidden; background-image: url(/pics/bg-header-gray-switch.png); background-position: top left; background-repeat: no-repeat; }
.WTCSS-switch-panel div.head div.switch:hover { background-position: top right !important; }
.WTCSS-switch-panel div.head div.off { background-position: bottom left !important; }
.WTCSS-switch-panel div.head div.off:hover { background-position: bottom right !important; }
.WTCSS-switch-panel div.content { padding: 12px; border-left: dotted 1px #cccccc; border-bottom: dotted 1px #cccccc; border-right: dotted 1px #cccccc;}

.WTCSS-alert { margin: 12px; padding: 12px; text-align: center; background-color: #fff8cc; color: #990000; border: inset 5px #cc0000; font-size: 14px; }

div.WTCSS-ass-comment {}
textarea.WTCSS-ass-comment { width: 96%; min-width: 160px; }

.has-comment { cursor: help; }
.WTCSS-indicator { padding: 0px; font-size: 12px; border-bottom: dotted 1px #cccccc; vertical-align: top;  color: #666666; text-decoration: none; }
.WTCSS-indicator-desc:hover { background-color: #eeeeee;  text-decoration: underline; color: #4F88BC; }
.WTCSS-indicator  div.indicator-name  { vertical-align: top; padding: 6px 6px 6px 26px; background-image: url(/icons/16round/16_help_0.png); background-position: 5px 5px; background-repeat: no-repeat; }
.WTCSS-indicator  div.indicator-name:hover { background-image: url(/icons/16round/16_help_1.png); }
.WTCSS-indicator-add { border-bottom: dotted 1px #cccccc; border-left: dotted 1px #cccccc; }
.WTCSS-indicator-control { border-bottom: dotted 1px #cccccc; border-left: dotted 1px #cccccc; }

.WTCSS-comp-body div.competence-container { border: dotted 1px #cccccc; overflow-x: auto; }
.WTCSS-comp-body table.competence-table {  border-spacing: 1px; }
.WTCSS-comp-body table.competence-table .th-name { padding: 6px; background-color: #eeeeee; border-left: dotted 1px #cccccc; border-right: dotted 1px #cccccc; border-bottom: solid 1px #cccccc; }
.WTCSS-comp-body table.competence-table .th-ass_mark { padding: 6px 3px; text-align: center; background-color: #eeeeee; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-comp-body table.competence-table .th-person_mark { padding: 6px 3px; text-align: center; background-color: #eeeeee; width: 40px; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-comp-body table.competence-table .th-boss_mark { padding: 6px 3px; text-align: center; background-color: #eeeeee; width: 40px; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-comp-body table.competence-table .th-add { padding: 6px 3px; text-align: center; background-color: #eeeeee; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-comp-body table.competence-table .th-wf { padding: 6px 3px; text-align: center; background-color: #eeeeee; width: 80px; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-comp-body table.competence-table .th-comment { padding: 6px 3px; text-align: center; background-color: #eeeeee; width: 200px; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-comp-body table.competence-table .td-comp-name { width: 100%; margin-top: 6px; padding: 6px; background-color: #e6f4fd; border-top: solid 3px #b3d5eb; border-bottom: dotted 1px #cccccc; font-size: 14px; color: #4F88BC; font-weight: bold; }
.WTCSS-comp-body table.competence-table .td-comp-ind { width: 100%; vertical-align: top; padding: 0px; background-color: #ffffff; border-bottom: dotted 1px #cccccc; }
.WTCSS-comp-body table.competence-table .div-comp-ind { padding: 6px 6px 6px 26px; background-image: url(/icons/16round/16_help_0.png); background-position: 5px 5px; background-repeat: no-repeat; font-size: 12px; font-weight: bold; color: #4F88BC; }
.WTCSS-comp-body table.competence-table .td-has-desc:hover { background-color: #eeeeee; cursor: help; }
.WTCSS-comp-body table.competence-table .td-has-desc:hover .div-comp-ind { background-image: url(/icons/16round/16_help_1.png); text-decoration: underline; }
.WTCSS-comp-body table.competence-table .td-mark { padding: 6px 3px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center; }
.WTCSS-comp-body table.competence-table .td-add { padding: 6px 3px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center; }
.WTCSS-comp-body table.competence-table .td-control { vertical-align: top; padding: 6px 3px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center; }
.WTCSS-comp-body table.competence-table .td-control input { margin: 0; }
.WTCSS-comp-body table.competence-table .td-control select { margin: 0; }
.WTCSS-comp-body table.competence-table .td-comment { vertical-align: top; width: 200px; padding: 6px 3px; background-color: #ffffff; border-left: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; font-size: 12px; text-align: center;}
.WTCSS-comp-body table.positive-negative { width: 100%; border-spacing: 0px; margin-top: 6px; }
.WTCSS-comp-body th.negative { width: 50%; height: 16px; font-size: 11px; vertical-align: top; border-top: dotted 1px #cccccc; text-align: left; padding: 4px 6px 3px 22px; background-image: url(/pics/compform/arrow_pn.png); background-position: left 3px; background-repeat: no-repeat; color: #666666; background-color: #eeeeee; }
.WTCSS-comp-body th.positive { width: 50%; height: 16px; font-size: 11px; vertical-align: top; border-top: dotted 1px #cccccc; border-left: dotted 1px #cccccc; text-align: right; padding: 4px 22px 3px 6px; background-image: url(/pics/compform/arrow_pn.png); background-position: right 3px; background-repeat: no-repeat; color: #666666;  background-color: #eeeeee;}
.WTCSS-comp-body td.negative { width: 50%; vertical-align: top; font-size: 11px; border-top: dotted 1px #cccccc; text-align: left; padding: 3px 6px; color: #666666; }
.WTCSS-comp-body td.positive { width: 50%; vertical-align: top; font-size: 11px; border-top: dotted 1px #cccccc; border-left: dotted 1px #cccccc; text-align: right; padding: 3px 6px; color: #666666; }

td.WTCSS-ass-wf-extra {}
td.WTCSS-ass-wf-extra input.extra-string { width: 150px; }
td.WTCSS-ass-wf-extra input.extra-integer { width: 60px; }
td.WTCSS-ass-wf-extra input.extra-real { width: 60px; }
td.WTCSS-ass-wf-extra input.extra-date { width: 80px; }
td.WTCSS-ass-wf-extra input.extra-check { width: 80px; }
td.WTCSS-ass-wf-extra input.extra-select { width: 80px; }
td.WTCSS-ass-wf-extra input.extra-textarea { width: 150px; height: 150px; border: dotted 1px #cccccc; }

/* RADIOLINE*/
.WTCSS-comp-body table.radioline-table  { border-spacing: 0px; }
.WTCSS-comp-body table.radioline-table td.radioline-td { cursor: pointer; vertical-align: top;}
.WTCSS-comp-body table.radioline-table td.radioline-td div.div1 { padding: 0px; height: 40px; text-align: center; }
.WTCSS-comp-body table.radioline-table td.radioline-td div.div2 { padding: 0px; height: 40px; text-align: center; }
.WTCSS-comp-body table.radioline-table td.radioline-td div.div3 { margin: 0px 6px; padding: 0px; width: 40px; height: 40px; background-repeat: no-repeat; }
.WTCSS-comp-body table.radioline-table td.first div.div2 { background-image: url(/pics/compform/radioline1_bg_left.png); background-position: center top; background-repeat: no-repeat; }
.WTCSS-comp-body table.radioline-table td.inner div.div2 { background-image: url(/pics/compform/radioline1_bg_inner.png); background-position: center top; background-repeat: repeat-x; }
.WTCSS-comp-body table.radioline-table td.last div.div2 { background-image: url(/pics/compform/radioline1_bg_right.png); background-position: center top; background-repeat: no-repeat; }
.WTCSS-comp-body table.radioline-table td.first div.div3 { background-image: url(/pics/compform/radioline1_spots.png); background-position: center -100px; }
.WTCSS-comp-body table.radioline-table td.inner div.div3 { background-image: url(/pics/compform/radioline1_spots.png); background-position: center -200px; }
.WTCSS-comp-body table.radioline-table td.last div.div3 { background-image: url(/pics/compform/radioline1_spots.png); background-position: center -300px; }
.WTCSS-comp-body table.radioline-table td.radioline-td-N { cursor: pointer; vertical-align: top; text-align: center; }
.WTCSS-comp-body table.radioline-table td.radioline-td-N div.div1 { padding: 0px; height: 40px; text-align: center; }
.WTCSS-comp-body table.radioline-table td.radioline-td-N div.div2 { padding: 0px; height: 40px; text-align: center; }
.WTCSS-comp-body table.radioline-table td.radioline-td-N div.div3 { margin: 0px 6px; padding: 0px; width: 40px; height: 40px; background-repeat: no-repeat; background-image: url(/pics/compform/radioline1_spots.png); background-position: center 0px; }
.WTCSS-comp-body table.radioline-table div.text { padding: 3px 6px; text-align: center; color: #666666; font-weight: bold; }

.WTCSS-comp-body table.radioline-table td.checked { cursor: default !important; }
.WTCSS-comp-body table.radioline-table td.checked div.div-N div.div3 { background-position: center -50px !important; }
.WTCSS-comp-body table.radioline-table td.checked div.first div.div3 { background-position: center -150px !important; }
.WTCSS-comp-body table.radioline-table td.checked div.inner div.div3 { background-position: center -250px !important; }
.WTCSS-comp-body table.radioline-table td.checked div.last div.div3 { background-position: center -350px !important; }
.WTCSS-comp-body table.radioline-table td.checked div.text { color: #4F88BC; }

/* RADIOLINE2*/
.WTCSS-comp-body table.radioline2-table  { border-spacing: 0px; }
.WTCSS-comp-body table.radioline2-table td.radioline2-td { cursor: pointer; }
.WTCSS-comp-body table.radioline2-table td.radioline2-td div.left { padding: 0px; height: 36px; background-image: url(/pics/compform/radioline2.png); background-position: left -50px; background-repeat: no-repeat; }
.WTCSS-comp-body table.radioline2-table td.radioline2-td div.right { padding: 0px; height: 36px; background-image: url(/pics/compform/radioline2.png); background-position: right -50px; background-repeat: no-repeat; }
.WTCSS-comp-body table.radioline2-table td.radioline2-td div.inner { margin: 0px 12px; padding: 0px; height: 36px; background-image: url(/pics/compform/radioline2.png); background-position: top center; background-repeat: repeat-x; }
.WTCSS-comp-body table.radioline2-table td.radioline2-td div.text { padding: 11px 6px; height: 14px; text-align: center; color: #4F88BC; font-weight: bold; white-space: nowrap; }

.WTCSS-comp-body table.radioline2-table td.checked { cursor: default !important; }
.WTCSS-comp-body table.radioline2-table td.checked div.left { background-position: left -100px !important;  }
.WTCSS-comp-body table.radioline2-table td.checked div.right { background-position: right -100px !important;  }
.WTCSS-comp-body table.radioline2-table td.checked div.inner { background-position: center -150px !important;  }
.WTCSS-comp-body table.radioline2-table td.checked div.text { color: #FFFFFF; }

/* SELECT */
.WTCSS-comp-body  div.select-box { text-align: right; }

/* RADIO */
.WTCSS-comp-body div.radio-group-container { text-align: left; padding: 3px; }
.WTCSS-comp-body table.radio-group-table td.radio { padding: 0px; vertical-align: top; }
.WTCSS-comp-body table.radio-group-table td.text { width: 100%; text-align: left; padding: 0px 3px; vertical-align: top;  }

/* SLIDER */
.WTCSS-comp-body div.ass-slider-container { }
.WTCSS-comp-body div.ass-slider-container td { vertical-align: top; }
.WTCSS-comp-body div.ass-slider-min { width: 32px; min-height: 16px; margin-top: 6px; padding: 3px 9px 3px 3px; color: #999999;}
.WTCSS-comp-body div.ass-slider { width: 200px; height: 6px; margin-top: 12px;}
.WTCSS-comp-body div.ass-slider-max { width: 32px; min-height: 16px; margin-top: 6px; padding: 3px 12px 3px 9px; color: #999999;}
.WTCSS-comp-body input.ass-slider-value {  margin-top: 3px; width: 24px; height: 16px;  }
.WTCSS-comp-body div.ass-slider-value {  margin: 2px; padding: 5px; width: 32px; font-weight: bold; font-size: 16px; background-color: #4F88BC; color: #FFFFFF; text-align: center; }
.WTCSS-comp-body div.ass-radio-container {  padding: 0px 2px; font-size: 11px; line-height: 11px; }
.WTCSS-comp-body div.ass-radioline-container {  padding: 6px; text-align: center; }
.WTCSS-comp-body table.ass-radioline-table { text-align: center; }
.WTCSS-comp-body div.ass-radioline-container td { vertical-align: top; }
.WTCSS-comp-body textarea { border: dotted 1px #cccccc; }

.mandatory-highlight { background-image: url(/pics/compform/mandatory-bg.png); background-position: left top; background-repeat: no-repeat; }

.WTCSS-dev-body table.dev-table { border-spacing: 0px; width: 100%; }
.WTCSS-dev-body table.dev-table th.name { padding: 6px; background-color: #eeeeee; border-left: dotted 1px #cccccc; border-right: dotted 1px #cccccc; border-bottom: solid 1px #cccccc; }
.WTCSS-dev-body table.dev-table th.inds { padding: 6px 3px; text-align: center; background-color: #eeeeee; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-dev-body table.dev-table th.dev-methods { padding: 6px 3px; text-align: center; background-color: #eeeeee; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-dev-body table.dev-table th.edu-methods { padding: 6px 3px; text-align: center; background-color: #eeeeee; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-dev-body table.dev-table th.tasks { padding: 6px 3px; text-align: center; background-color: #eeeeee; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}
.WTCSS-dev-body table.dev-table th.wf { padding: 6px 3px; text-align: center; background-color: #eeeeee; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc;}

.WTCSS-dev-body table.dev-table td.name { vertical-align: top; padding: 6px 3px; border-left: dotted 1px #cccccc; border-right: dotted 1px #cccccc; border-bottom: dotted 1px #cccccc; }
.WTCSS-dev-body table.dev-table td.name textarea { border: dotted 1px #cccccc; width: auto; height: 60px; }
.WTCSS-dev-body table.dev-table td.inds { vertical-align: top; padding: 6px 3px; text-align: left; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc;}
.WTCSS-dev-body table.dev-table td.dev-methods { vertical-align: top; padding: 6px 3px; text-align: left; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc;}
.WTCSS-dev-body table.dev-table td.dev-methods textarea { border: dotted 1px #cccccc; width: auto; height: 60px; }
.WTCSS-dev-body table.dev-table td.edu-methods { vertical-align: top; padding: 6px 3px; text-align: left; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc;}
.WTCSS-dev-body table.dev-table td.edu-methods textarea { border: dotted 1px #cccccc; width: auto; height: 60px; }
.WTCSS-dev-body table.dev-table td.tasks { vertical-align: top; padding: 6px 3px; text-align: left; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc;}
.WTCSS-dev-body table.dev-table td.tasks textarea { border: dotted 1px #cccccc; width: auto; height: 60px; }
.WTCSS-dev-body table.dev-table td.wf { vertical-align: top; padding: 6px 3px; text-align: left; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc;}
.WTCSS-dev-body table.dev-table td.task { vertical-align: top; }

.WTCSS-dev-body table.dev-table table.ind-table { border-spacing: 0px; width: 100%; }
.WTCSS-dev-body table.dev-table table.ind-table td.left { vertical-align: top; }
.WTCSS-dev-body table.dev-table table.ind-table td.right { vertical-align: top; width: 100%; }
.WTCSS-dev-body table.dev-table div.edu-btn-container { padding: 3px; background-color: #eeeeee; margin-bottom: 6px; }
.WTCSS-dev-body table.dev-table div.expl-container { padding: 3px; background-color: #eeeeee; margin-bottom: 6px; }
.WTCSS-dev-body table.dev-table div.expl-container div { padding: 3px; margin-bottom: 3px; text-align: center; }
.WTCSS-dev-body table.dev-table div.expl-container textarea { width: auto; border: dotted 1px #cccccc; }

.WTCSS-dev-body table.dev-table table.tasks-table { border-spacing: 0px; width: 100%; }
.WTCSS-dev-body table.dev-table table.tasks-table td { vertical-align: top; }
.WTCSS-dev-body table.dev-table div.tasks-btn-container { padding: 3px; background-color: #eeeeee; margin-bottom: 6px; }

.WTCSS-dev-body table.dev-table table.task-table { border-spacing: 0px; width: 100%; }
.WTCSS-dev-body table.dev-table table.task-table td.th-left { background-color: #eeeeee; padding: 6px; text-align: left; border-bottom: solid 1px #cccccc; }
.WTCSS-dev-body table.dev-table table.task-table td.th-right { background-color: #eeeeee; padding: 6px; text-align: right;  border-bottom: solid 1px #cccccc;}
.WTCSS-dev-body table.dev-table table.task-table img.task-close { width: 16px; height: 16px; background-image: url(/icons/16round/16_close_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-dev-body table.dev-table table.task-table img.task-close:hover { cursor: pointer; background-image: url(/icons/16round/16_close_1.png) !important; }
.WTCSS-dev-body table.dev-table table.task-table td.task-spanned { vertical-align: top; padding: 3px; text-align: center; border-left: dotted 1px #cccccc; border-right: dotted 1px #cccccc; border-bottom: dotted 1px #cccccc; }
.WTCSS-dev-body table.dev-table table.task-table td.task-left { width: 50%; vertical-align: top; padding: 3px; text-align: right; border-left: dotted 1px #cccccc; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; }
.WTCSS-dev-body table.dev-table table.task-table td.task-right { width: 50%; vertical-align: top; padding: 3px; text-align: left; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; }
.WTCSS-dev-body table.dev-table table.task-table textarea { border: dotted 1px #cccccc; width: auto; height: 60px; }

.WTCSS-supp-questions { margin-top: 12px; }
.WTCSS-supp-questions div.supp-questions-header { font-weight: bold; color: #4F88BC; text-align: center; padding: 12px; }
.WTCSS-supp-questions table.supp-table { border-spacing: 0px; width: 100%; }
.WTCSS-supp-questions table.supp-table th { padding: 6px 3px; text-align: center; background-color: #eeeeee; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc; }
.WTCSS-supp-questions table.supp-table td.left { width: 50%; vertical-align: top; padding: 6px 3px; text-align: left; border-left: dotted 1px #cccccc; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; }
.WTCSS-supp-questions table.supp-table td.right { width: 50%; vertical-align: top; padding: 6px 3px; text-align: right; border-right: dotted 1px #cccccc;  border-bottom: dotted 1px #cccccc; min-width: 200px; }
.WTCSS-supp-questions table.supp-table textarea { width: 96%; min-width: 300px; border: dotted 1px #cccccc; }
.WTCSS-supp-questions table.supp-table select { width: auto; border: dotted 1px #cccccc; font-size: 12px; }

.WTCSS-comment  { margin-top: 12px; }
.WTCSS-comment div.header { font-weight: bold; color: #4F88BC; text-align: center; padding: 12px; }
.WTCSS-comment div.comm { text-align: center; padding: 6px; background-color: #eeeeee; margin-top: 6px; }
.WTCSS-comment div.comm-header { font-weight: bold; text-align: center; padding: 12px; }
.WTCSS-comment div.comm-body { text-align: left; padding: 6px; }
.WTCSS-comment div.comm-body textarea { width: 100%; border: dotted 1px #cccccc; }

.WTCSS-kpi {}
.WTCSS-kpi table.kpi-table { border-spacing: 0px; width: 100%; }
.WTCSS-kpi table.kpi-table th { padding: 6px 3px; text-align: center; background-color: #eeeeee; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc; }
.WTCSS-kpi table.kpi-table td { vertical-align: top; padding: 3px; text-align: center; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc; }
.WTCSS-kpi table.kpi-table td.left { text-align: left !important; border-left: dotted 1px #cccccc; }
.WTCSS-kpi table.kpi-table td.right { text-align: right !important; }
.WTCSS-kpi table.kpi-table td.interlude { background-color: #e6f4fd; }
.WTCSS-kpi table.kpi-table td input.input-text{ width: 120px; border: dotted 1px #cccccc;}
.WTCSS-kpi table.kpi-table td select { width: 80px; border: dotted 1px #cccccc;}
.WTCSS-kpi table.kpi-table td textarea { width: 120px; border: dotted 1px #cccccc;}

.WTCSS-kpi {}
.WTCSS-kpi table.proj-table { border-spacing: 0px; width: 100%; }
.WTCSS-kpi table.proj-table th { padding: 6px 3px; text-align: center; background-color: #eeeeee; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc; }
.WTCSS-kpi table.proj-table td { vertical-align: top; padding: 3px; text-align: center; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc; }
.WTCSS-kpi table.proj-table td.left { text-align: left !important; border-left: dotted 1px #cccccc; }
.WTCSS-kpi table.proj-table td.right { text-align: right !important; }
.WTCSS-kpi table.proj-table td.interlude { background-color: #e6f4fd; }
.WTCSS-kpi table.proj-table td input.input-text{ width: 100px; border: dotted 1px #cccccc;}
.WTCSS-kpi table.proj-table td select { width: 80px; border: dotted 1px #cccccc;}
.WTCSS-kpi table.proj-table td textarea { width: 100px; border: dotted 1px #cccccc;}
.WTCSS-kpi table.proj-table img.delete-btn { width: 16px; height: 16px; background-image: url(/icons/16round/16_close_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-kpi table.proj-table img.delete-btn:hover { cursor: pointer; background-image: url(/icons/16round/16_close_1.png) !important; }
.WTCSS-kpi td.btn-cell, .WTCSS-kpi th.btn-cell { width: 20px; }

.WTCSS-login div.form { border: dotted 1px #cccccc; padding: 12px; }
.WTCSS-login div.text { padding: 12px; text-align: center; }
.WTCSS-login div.field { padding: 3px; text-align: center; }

.WTCSS-staff { }
.WTCSS-staff div.table-wrapper { overflow: auto; }
.WTCSS-staff table.staff-table { border-spacing: 0px; width: 100%; }
.WTCSS-staff table.staff-table th { padding: 6px 3px; text-align: center; background-color: #eeeeee; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc; font-size: 11px; }
.WTCSS-staff table.staff-table td { vertical-align: top; padding: 3px; text-align: center; border-right: dotted 1px #cccccc;  border-bottom: solid 1px #cccccc; }
.WTCSS-staff table.staff-table td.left { text-align: left !important; border-left: dotted 1px #cccccc; }
.WTCSS-staff table.staff-table td.right { text-align: right !important; }
.WTCSS-staff table.staff-table td.interlude { background-color: #e6f4fd; }
.WTCSS-staff table.staff-table td input.input-text{ width: 100px; border: dotted 1px #cccccc;}
.WTCSS-staff table.staff-table td select { width: 80px; border: dotted 1px #cccccc;}
.WTCSS-staff table.staff-table td textarea { width: 100px; border: dotted 1px #cccccc;}
.WTCSS-staff table.staff-table div.btn-container { padding: 3px; background-color: #eeeeee; margin-bottom: 6px; }
.WTCSS-staff table.staff-table img.delete-btn { width: 16px; height: 16px; background-image: url(/icons/16round/16_close_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-staff table.staff-table img.delete-btn:hover { cursor: pointer; background-image: url(/icons/16round/16_close_1.png) !important; }

table.WTCSS-grid { border-spacing: 0; width: 100%; }
.WTCSS-grid td.grid-name { font-weight: bold; text-align: right; white-space: nowrap; padding: 6px; border-bottom: dotted 1px #cccccc; }
.WTCSS-grid td.grid-value { text-align: left; white-space: nowrap; padding: 6px; border-bottom: dotted 1px #cccccc; }

.WTCSS-btn-container { padding: 5px; border: dotted 1px #cccccc; background-color: #eeeeee; text-align: center; }
.WTCSS-btn-container input.button {	background-color: #eeeeee; background-image: url(/pics/bg_btn_grey.png); background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; color: #666666; padding: 3px 15px 3px 15px; text-align: center; margin: 0; }
.WTCSS-btn-container input.button:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: #4F88BC; cursor: pointer; }


.WTCSS-dropdown div.pseudo-form div.btn-holder { margin-top: 2px; padding: 3px; text-align: center; background-color: #eeeeee; }
.WTCSS-dropdown div.pseudo-form div.btn-holder input { width: 100px;  }

.WTCSS-dropdown div.pseudo-form input.size-input { margin: 0; border: solid 1px #cccccc; width: 248px; height: 21px;}

.WTCSS-dropdown div.pseudo-form td.color-sample { border: solid 1px #cccccc; width: 21px; height: 21px; background-color: #ff0000; }
.WTCSS-dropdown div.pseudo-form input.color-input { margin: 0px 0px 0px 2px; border: solid 1px #cccccc; width: 221px; height: 21px;}

.WTCSS-footer-text { font-family:  Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 4px 12px; text-align: center; }

.WTCSS-design-cover { position: absolute; border: dashed 2px #0000ff; z-index: 8000; }
.WTCSS-design-cover div.cover-space { position: absolute; top: 0px; left: 0px; background-color: #999999; filter: alpha(opacity=30); opacity: 0.3; z-index: 8001; }
.WTCSS-design-cover div.cover-header { position: absolute; top: -2px; left: -2px; width: auto; z-index: 8002; color: #ffffff; }
.WTCSS-design-cover table.header-table { border-spacing: 0px; background-color: #0000cc; }
.WTCSS-design-cover table.header-table td.header-td { padding: 3px; }
.WTCSS-design-cover div.cover-title { padding: 0px 3px; color: #ffffff; font-weight: bold; height: 16px; }
.WTCSS-design-cover div.cover-drill-down { width: 16px; height: 16px; background-image: url(/icons/16round/16_down_0.png); background-position: 0px 0px; background-repeat: no-repeat; overflow: hidden; font-size: 24px; }
.WTCSS-design-cover div.cover-drill-down:hover { background-image: url(/icons/16round/16_down_1.png); cursor: pointer;}
.WTCSS-design-cover div.cover-drill-up { width: 16px; height: 16px; background-image: url(/icons/16round/16_up_0.png); background-position: 0px 0px; background-repeat: no-repeat; overflow: hidden; font-size: 24px; }
.WTCSS-design-cover div.cover-drill-up:hover { background-image: url(/icons/16round/16_up_1.png); cursor: pointer; }
.WTCSS-design-cover div.cover-split-zone { background-image: url(/icons/16round/16_list_0.png); background-position: 0px 0px; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; }
.WTCSS-design-cover div.cover-split-zone:hover { background-image: url(/icons/16round/16_list_1.png); cursor: pointer; }
.WTCSS-design-cover div.cover-edit { background-image: url(/icons/16round/16_settings_0.png); background-position: 0px 0px; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; }
.WTCSS-design-cover div.cover-edit:hover { background-image: url(/icons/16round/16_settings_1.png); cursor: pointer; }
.WTCSS-design-cover div.cover-close { background-image: url(/icons/16round/16_close_0.png); background-position: 0px 0px; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; }
.WTCSS-design-cover div.cover-close:hover { background-image: url(/icons/16round/16_close_1.png); cursor: pointer; }

.WTCSS-design-cover div.cover-img { position: absolute; z-index: 8001; top: 0px; left: 0px;  }

.zone-idle { border: dashed 2px #ccccff !important; }
.zone-space-idle { background-color: #ffffff !important; filter: alpha(opacity=60) !important; opacity: 0.6 !important; }


.WTCSS-design-dialog { position: absolute; overflow: hidden; display: none; text-align: center; width: 700px; height: 350px; background-color: #e6f4fd; z-index: 10000; border-left: solid 2px #e6f4fd; border-bottom: solid 2px #e6f4fd; border-right: solid 2px #e6f4fd;  border-top: solid 3px #b3d5eb; -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); box-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.WTCSS-design-dialog div.header { position: absolute; top: 0px; left: 0px; width: 700px; height: 32px; background-color: #e6f4fd; }
.WTCSS-design-dialog div.header div.title { color: #4F88BC; font-size: 14px; font-weight: bold; text-align: left; float: left; margin: 6px 8px;}
.WTCSS-design-dialog div.header div.close { float: right; background-image: url(/icons/16round/16_close_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 6px }
.WTCSS-design-dialog div.header div.close:hover { background-image: url(/icons/16round/16_close_1.png); cursor: pointer; }
.WTCSS-design-dialog div.header div.back { float: right; background-image: url(/icons/16round/16_back_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 6px }
.WTCSS-design-dialog div.header div.back:hover { background-image: url(/icons/16round/16_back_1.png); cursor: pointer; }
.WTCSS-design-dialog div.body { position: absolute; top: 32px; left: 0px; width: 698px; height: 316px; background-color: #ffffff; border: solid 1px #b3d5eb; overflow: hidden; }
.WTCSS-design-dialog div.body table.owt-table { width: 678px;  margin: 0px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
.WTCSS-design-dialog div.body table.owt-table th { padding: 3px 5px; height: 24px;color: #666666; font-weight: bold; text-align: center; }
.WTCSS-design-dialog div.body table.owt-table th.weight { background-color: #eeeeee; color: #666666; font-weight: bold; text-align: center; cursor: help; width: 32px; }
.WTCSS-design-dialog div.body table.owt-table th.left { background-color: #eeeeee; color: #666666; font-weight: bold; text-align: left; }
.WTCSS-design-dialog div.body table.owt-table th.action { background-color: #eeeeee; color: #666666; font-weight: bold; text-align: center; width: 32px; }
.WTCSS-design-dialog div.body table.owt-table th.value { background-color: #eeeeee; color: #666666; font-weight: bold; text-align: center; width: 32px; }
.WTCSS-design-dialog div.body table.owt-table td.weight { width: 32px; vertical-align: top; text-align: center; border-left: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; padding: 5px;  font-size: 11px;}
.WTCSS-design-dialog div.body table.owt-table td.left { vertical-align: top; text-align: left; border-left: solid 1px #eeeeee;  border-right: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; padding: 5px;  font-size: 11px;}
.WTCSS-design-dialog div.body table.owt-table td.action { width: 32px; vertical-align: top; text-align: left; border-right: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; padding: 5px; white-space: nowrap; width: 50px; }
.WTCSS-design-dialog div.body table.owt-table td.value { width: 32px; vertical-align: top; text-align: left; border-right: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; padding: 5px; white-space: nowrap;  }
.WTCSS-design-dialog div.body table.owt-table td.empty { vertical-align: middle; text-align: center; padding: 10px; }
.WTCSS-design-dialog div.body table.owt-table tr.drag-row { background-color: #fdf4e6; }
.WTCSS-design-dialog div.body table.owt-table tr.drag-row:hover { background-color: #e6f4fd; }
.WTCSS-design-dialog div.body table.owt-table tr.nodrag { background-color: #f8f8f8; cursor: default; color: #999999; }
.WTCSS-design-dialog div.body table.owt-table td.nodrag {  }
.WTCSS-design-dialog table.owt-table tr.deleted { text-decoration: line-through !important; color: #cccccc !important; }
.WTCSS-design-dialog table.owt-table tr.new-line { font-style: italic !important; color: #339933 !important; }

.WTCSS-design-dialog table.owt-table div.owt-remove { float: right; background-image: url(/icons/16round/16_trash_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 0px 0px 0px 6px; }
.WTCSS-design-dialog table.owt-table div.owt-remove:hover { background-image: url(/icons/16round/16_trash_1.png); cursor: pointer; }
.WTCSS-design-dialog table.owt-table div.owt-restore { float: right; background-image: url(/icons/16round/16_undo_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 0px 0px 0px 6px; display: none; }
.WTCSS-design-dialog table.owt-table div.owt-restore:hover { background-image: url(/icons/16round/16_undo_1.png); cursor: pointer; }
.WTCSS-design-dialog table.owt-table div.owt-edit { float: right; background-image: url(/icons/16round/16_settings_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 0px 0px 0px 6px; }
.WTCSS-design-dialog table.owt-table div.owt-edit:hover { background-image: url(/icons/16round/16_settings_1.png); cursor: pointer; }
.WTCSS-design-dialog table.owt-table div.owt-down { float: right; background-image: url(/icons/16round/16_down_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 0px 0px 0px 6px; }
.WTCSS-design-dialog table.owt-table div.owt-down:hover { background-image: url(/icons/16round/16_down_1.png); cursor: pointer; }
.WTCSS-design-dialog table.owt-table div.owt-up { float: right; background-image: url(/icons/16round/16_up_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin: 0px 0px 0px 6px; }
.WTCSS-design-dialog table.owt-table div.owt-up:hover { background-image: url(/icons/16round/16_up_1.png); cursor: pointer; }

.WTCSS-design-dialog table.list-table { border-spacing: 0; margin: 0px; }
.WTCSS-design-dialog table.list-table td.list-left { vertical-align: top; text-align: left; padding: 3px; }
.WTCSS-design-dialog table.list-table td.list-right { vertical-align: top; text-align: left; padding: 3px; width: 100%; font-size: 11px; }
.WTCSS-design-dialog input.fld-string { border: solid 1px #cccccc; font-size: 11px !important; color: #333333; margin: 0; width: 200px; padding: 2px; }
.WTCSS-design-dialog input.fld-integer { border: solid 1px #cccccc; font-size: 11px !important; color: #333333; margin: 0; width: 50px; padding: 2px; }
.WTCSS-design-dialog input.fld-real { border: solid 1px #cccccc; font-size: 11px !important; color: #333333; margin: 0; width: 100px; padding: 2px; }
.WTCSS-design-dialog select.fld-combo { border: solid 1px #cccccc; font-size: 11px; color: #333333; margin: 0; min-width: 200px; }
.WTCSS-design-dialog input.fld-fe { border: solid 1px #cccccc; font-size: 11px !important; color: #666666; margin: 0; width: 160px; background-color: #eeeeee; padding: 2px; }
.WTCSS-design-dialog div.fe-edit { background-image: url(/icons/16round/16_settings_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin-left: 3px }
.WTCSS-design-dialog div.fe-edit:hover { background-image: url(/icons/16round/16_settings_1.png); cursor: pointer; }
.WTCSS-design-dialog div.fe-clear { background-image: url(/icons/16round/16_trash_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin-left: 3px }
.WTCSS-design-dialog div.fe-clear:hover { background-image: url(/icons/16round/16_trash_1.png); cursor: pointer; }
.WTCSS-design-dialog table.fe-table { border-spacing: 0; }
.WTCSS-design-dialog table.fe-table td { padding: 0; }
.WTCSS-design-dialog td.desc { cursor: help; }

.WTCSS-design-dialog div.owt-list { overflow: hidden; }
.WTCSS-design-dialog div.owt-list div.body { height: 284px; }
.WTCSS-design-dialog div.owt-list div.wrapper { overflow: hidden; }
.WTCSS-design-dialog div.owt-params { display: none; }
.WTCSS-design-dialog div.owt-params div.body { height: 284px; }

.WTCSS-design-dialog div.cwt-list { position: absolute; display: none; top: 32px; left: 700px; width: 398px; height: 284px; background-color: #ffffff; border: solid 1px #b3d5eb; overflow: hidden; }
.WTCSS-design-dialog table.cwt-table { border-spacing: 0; margin: 0px; }
.WTCSS-design-dialog table.cwt-table th { padding: 3px 5px; background-color: #eeeeee; height: 24px;color: #666666; font-weight: bold; text-align: left; }
.WTCSS-design-dialog div.tablescroll_wrapper { overflow-x: hidden !important; margin-left: 10px; }
.WTCSS-design-dialog table.tablescroll_head { margin: 10px 10px 0px 10px; }
.WTCSS-design-dialog table.tablescroll_head th { padding: 3px 5px; background-color: #eeeeee; height: 24px;color: #666666; font-weight: bold; text-align: left; }
.WTCSS-design-dialog table.cwt-table td.add { width: 16px; vertical-align: top; text-align: left; padding: 5px; border-left: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; }
.WTCSS-design-dialog table.cwt-table td.name { vertical-align: top; text-align: left; padding: 5px; width: 100%; font-size: 11px; border-bottom: solid 1px #eeeeee; border-right: solid 1px #eeeeee; }
.WTCSS-design-dialog table.cwt-table td.category { vertical-align: top; text-align: left; padding: 5px; font-size: 11px; border-bottom: solid 1px #eeeeee; border-right: solid 1px #eeeeee; }
.WTCSS-design-dialog div.add-owt { float: right; background-image: url(/icons/16round/16_plus_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin-left: 3px }
.WTCSS-design-dialog div.add-owt:hover { background-image: url(/icons/16round/16_plus_1.png); cursor: pointer; }
.WTCSS-design-dialog div.add-btn { background-image: url(/icons/16round/16_back_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin-left: 3px }
.WTCSS-design-dialog div.add-btn:hover { background-image: url(/icons/16round/16_back_1.png); cursor: pointer; }
.WTCSS-design-dialog div.hide-btn { background-image: url(/icons/16round/16_close_0.png); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; overflow: hidden; font-size: 24px; margin-left: 3px }
.WTCSS-design-dialog div.hide-btn:hover { background-image: url(/icons/16round/16_close_1.png); cursor: pointer; }


.WTCSS-design-dialog div.buttons { position: absolute; top: 322px; left: 0px; width: 700px; height: 32px; }
.WTCSS-design-dialog div.buttons div.holder { padding: 3px; }
.WTCSS-design-dialog div.buttons input.btn { background-color: #eeeeee; background-image: url(/pics/bg_btn_grey.png); background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; color: #666666; padding: 3px 15px 3px 15px; text-align: center; margin: 0; }
.WTCSS-design-dialog div.buttons input.btn:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: #4F88BC; cursor: pointer; }
.WTCSS-design-dialog div.buttons input.btn-disabled { background-color: #eeeeee; background-image: url(/pics/bg_btn_grey.png); background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; color: #666666; padding: 3px 15px 3px 15px; text-align: center; margin: 0; filter: alpha(opacity=70); opacity: 0.7; cursor: default !important; }


.WTCSS-dlg-selector {}
.WTCSS-dlg-selector table.dlg-main { width: 100%; }
.WTCSS-dlg-selector td.dlg-main { width: 100%; padding: 3px; background-color: #eeeeee; }
.WTCSS-dlg-selector table.filters { width: 100%; font-family: Tahoma, sans-serif; font-size: 12px; font-weight: bold; color: #666666; }
.WTCSS-dlg-selector table.filters td.fld-td { width: 100%; padding: 3px; }
.WTCSS-dlg-selector table.filters td.btn-td { padding: 3px; }
.WTCSS-dlg-selector table.filters td.filter-td { padding: 3px; }
.WTCSS-dlg-selector input.fld {	border: solid 1px #cccccc; color: #666666; padding: 2px; margin: 0; width: 98%; }
.WTCSS-dlg-selector input.btn {	background-color: #eeeeee; background-image: url(/pics/bg_btn_grey.png); background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; color: #666666; padding: 3px 15px 3px 15px; text-align: center; margin: 0px 3px ; }
.WTCSS-dlg-selector input.btn:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: #4F88BC; cursor: pointer; }
.WTCSS-dlg-selector td.btn-holder { width: 100%; padding: 3px; background-color: #eeeeee; }

/* COMMON HEAD*/
div.head { background-color: #eeeeee; background-image: url(/pics/bg-header-gray.png); background-position: top left; background-repeat: repeat-x; padding: 6px; border: dotted 1px #cccccc; cursor: pointer; }
div.head div.title { float: none; margin-right: 20px; font-size: 12px; font-weight: bold; padding: 0px 3px; color: #4F88BC; }
div.head div.switch { float: right; width: 15px; height: 15px; font-size: 15px; overflow: hidden; background-image: url(/pics/bg-header-gray-switch.png); background-position: top left; background-repeat: no-repeat; }
div.head div.switch:hover { background-position: top right !important; }
div.head div.off { background-position: bottom left !important; }
div.head div.off:hover { background-position: bottom right !important; }
div.content { padding: 5px; border-left: dotted 1px #cccccc; border-bottom: dotted 1px #cccccc; border-right: dotted 1px #cccccc; background-color: #ffffff; /*overflow-x: auto; overflow-y: hidden;*/ }


/* COURSELAB */
.WTCSS-cl {}
.WTCSS-cl div.wrapper { padding: 5px; margin-bottom: 10px; }
.WTCSS-cl div.list-container { background-color: #eeeeee; padding: 5px; border: dotted 1px #cccccc; }
.WTCSS-cl table.list-table { width: 100%; border-spacing: 0; }
.WTCSS-cl table.list-table td.title { padding: 0px 5px 0px 10px; text-align: right; color: #666666; font-weight: bold; }
.WTCSS-cl table.list-table td.select-container { padding: 0px 5px; text-align: left; width: 100%; }
.WTCSS-cl table.list-table td.select-container select { padding: 0; margin: 0; font-size: 12px; color: #333333; border: solid 1px #cccccc; }
.WTCSS-cl div.info-container { background-color: #eeeeee; padding: 0px 5px; border: dotted 1px #cccccc; margin-top: 10px;}
.WTCSS-cl table.info-table { width: 100%; border-spacing: 0; }
.WTCSS-cl table.info-table td.title { border-bottom: dotted 1px #cccccc; padding: 5px; text-align: right; font-weight: bold; vertical-align: top; white-space: nowrap; }
.WTCSS-cl table.info-table td.value { border-bottom: dotted 1px #cccccc; padding: 5px; vertical-align: top; width: 100%; }
.WTCSS-cl table.info-table td.last { border-bottom: none !important; }
.WTCSS-cl table.btn-table td { padding-left: 5px; vertical-align: top; }
.WTCSS-cl table.btn-table td.link { width: 100%; }
.WTCSS-cl div.repo-container { margin-top: 10px;}
.WTCSS-cl table.repo-table { width: 100%; border-spacing: 0; }
.WTCSS-cl table.repo-table th { border-bottom: solid 1px #cccccc; padding: 5px; font-weight: bold; color: #666666; background-color: #eeeeee; }
.WTCSS-cl table.repo-table td { border-bottom: dotted 1px #cccccc; padding: 5px; }
.WTCSS-cl table.form-table { border-spacing: 0; }
.WTCSS-cl table.form-table td { vertical-align: middle; padding: 0px 5px; }
.WTCSS-cl table.form-table td.link { width: 100%; }
.WTCSS-cl table.form-table input.input { margin: 0; height: 19px; }
.WTCSS-cl div.authors-container { margin-top: 10px;}
.WTCSS-cl table.authors-table { width: 100%; border-spacing: 0; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
.WTCSS-cl table.authors-table th { border-bottom: solid 1px #cccccc; padding: 5px; font-weight: bold; color: #666666; background-color: #eeeeee; }
.WTCSS-cl table.authors-table td { border-bottom: dotted 1px #cccccc; vertical-align: top; }
.WTCSS-cl table.authors-table td.name { white-space: nowrap; padding: 5px; }
.WTCSS-cl table.authors-table td.role { width: 100%; padding: 2px; }
.WTCSS-cl table.authors-table td.role div.roles { padding: 3px; }
.WTCSS-cl table.authors-table td.role div.role { padding: 0px; }
.WTCSS-cl table.authors-table td.role label { padding: 0px 5px; vertical-align: top; }
.WTCSS-cl table.authors-table td.role div.hover { background-color: #eeeeee; cursor: pointer; }
.WTCSS-cl div.plan-container { margin-top: 10px;}
.WTCSS-cl table.plan-table { width: 100%; border-spacing: 0; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; font-size: 11px;}
.WTCSS-cl table.plan-table th { border-bottom: solid 1px #cccccc; border-right: dotted 1px #cccccc; padding: 5px; font-weight: bold; color: #666666; background-color: #eeeeee; text-align: center; }
.WTCSS-cl table.plan-table th.first { border-left: dotted 1px #cccccc; }
.WTCSS-cl table.plan-table td { border-bottom: dotted 1px #cccccc; border-right: dotted 1px #cccccc; vertical-align: top; text-align: center; padding: 5px; }
.WTCSS-cl div.forum-container { margin-top: 10px; padding: 5px; background-color: #eeeeee; }

.WTCSS-library {}
.WTCSS-library div.wrapper { padding: 5px; margin-bottom: 10px;}
.WTCSS-library div.tabs { }
.WTCSS-library table.tabs { width: 100%; border-spacing: 0; }
.WTCSS-library table.tabs td.tab { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; text-align: center; background-color: #eeeeee; }
.WTCSS-library table.tabs td.selected { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: none; text-align: center; font-weight:bold; }
.WTCSS-library table.tabs td.empty { border-bottom: #cccccc 1px solid; }
.WTCSS-library table.tabs td.first { width: 5px; }
.WTCSS-library table.tabs td.inter { width: 5px; }
.WTCSS-library table.tabs td.last { width: 100%; }
.WTCSS-library table.tabs div.tangle { overflow: hidden; padding: 0px; margin: 0px; }
.WTCSS-library table.tabs div.first { width: 5px; font-size: 10px; height: 10px; }
.WTCSS-library table.tabs div.inter { width: 5px; font-size: 10px; height: 10px; }
.WTCSS-library table.tabs div.last { width: 10px; font-size: 10px; height: 10px; }
.WTCSS-library table.tabs img.tab-tangle { width: 140px; height: 1px; }
.WTCSS-library table.tabs a.tab-link { display: block; width: 140px; padding: 5px; }
.WTCSS-library div.tab-body { border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; padding: 10px; }
.WTCSS-library div.tab-body span.library-section { margin-left: 5px; }
.WTCSS-library div.tab-body table.tree-table { width: 100%; border-spacing: 0px; }
.WTCSS-library div.tab-body table.tree-table td.tree { vertical-align: top; width: 200px; padding-right: 10px; }
.WTCSS-library div.tab-body table.tree-table img.tree-tangle { width: 140px; height: 1px; }
.WTCSS-library div.tab-body table.tree-table td.leaf-content { vertical-align: top; width: 100%; }

/* ANALYTIC */
.WTCSS-analytic {}
.WTCSS-analytic div.wrapper { padding: 5px; margin-bottom: 10px; }
.WTCSS-analytic div.container { margin-top: 5px; margin-bottom: 10px; border: dotted 1px #cccccc; padding: 5px; }
.WTCSS-analytic table.param-table { border-spacing: 0; width: 100%; }
.WTCSS-analytic table.param-table td.name { border-bottom: dotted 1px #cccccc; white-space: nowrap; text-align: right; padding: 5px; vertical-align: top; }
.WTCSS-analytic table.param-table td.value { border-bottom: dotted 1px #cccccc; white-space: nowrap; text-align: left; padding: 5px; vertical-align: top; }
.WTCSS-analytic table.param-table td.value select { border: solid 1px #cccccc; margin: 0; padding: 0; }
.WTCSS-analytic table.param-table td.value select.select-multi { height: 64px; }
.WTCSS-analytic table.param-table td.value input.date { border: solid 1px #cccccc; margin: 0; padding: 1px; }

/* FILE MANAGER*/
.WTCSS-files { color: #666666; }
.WTCSS-files table.table-main { width: 100%; border-spacing: 0; }
.WTCSS-files table.table-main td.left { width: 300px; padding: 0 10px 0 0; vertical-align: top; }
.WTCSS-files table.table-main td.left div.create-repo-container { position: relative; margin: 10px 0 0 0; border-top: dotted 1px #cccccc; padding: 5px; text-align: right; }
.WTCSS-files table.table-main td.left div.create-repo-container a { font-size: 11px; }
.WTCSS-files table.table-main td.left div.create-repo-container div.create-repo-form { margin: 5px 0 0 0; background-color: #eeeeee; padding: 5px; }
.WTCSS-files table.table-main td.left div.create-repo-container table.form-table { width: 100%; border-spacing: 0; position: relative; }
.WTCSS-files table.table-main td.left div.create-repo-container table.form-table td.left { width: 100%; padding: 0; background-color: #ffffff; vertical-align: middle }
.WTCSS-files table.table-main td.left div.create-repo-container table.form-table td.right { padding: 0; }
.WTCSS-files table.table-main td.left div.create-repo-container table.form-table td.left input.fld-repo-name { width: 100%; padding: 2px; margin: 0; border: solid 1px #ffffff; }
.WTCSS-files table.table-main td.left div.create-repo-container div.creating { position: absolute; top: 0px; left: 0px; width: 100%; background-color: #cccccc; opacity: 0.7; padding: 5px; text-align: center; }
.WTCSS-files table.table-main td.left div.create-repo-container div.creating img.progress { margin: 0 auto; }
.WTCSS-files table.table-main td.left div.create-repo-container div.created { position: absolute; top: 0px; left: 0px; background-color: #cceecc; opacity: 0.9; padding: 5px; text-align: center; color: #006600; font-size: 11px; }

.WTCSS-files table.table-main td.right { padding: 0; vertical-align: top; }
.WTCSS-files table.table-main td.right div.files-container { padding: 0; }
.WTCSS-files table.table-main td.right div.totals { padding: 0 0 10px 0; }
.WTCSS-files table.table-main td.right div.content-wrapper { padding: 5px; }
.WTCSS-files table.list-table { width: 100%; border-spacing: 0px; border-collapse: separate; }
.WTCSS-files table.list-table th { white-space: nowrap; vertical-align: middle; border-bottom: double 3px #cccccc; color: #666666; padding: 5px; font-size: 11px; font-family: Tahoma, sans-serif; }
.WTCSS-files table.list-table th.first { width: 100%; text-align: left; }
.WTCSS-files table.list-table th.last { text-align: right; }
.WTCSS-files table.list-table th.sortable { }
.WTCSS-files table.list-table th.sortable:hover { background-color: #eeeeee; cursor: pointer; }
.WTCSS-files table.list-table th table.header { border: none; padding: 0; border-spacing: 0; }
.WTCSS-files table.list-table th table.header td { padding: 0; border: none; }
.WTCSS-files table.list-table th div.text { white-space: nowrap; }
.WTCSS-files table.list-table th div.arrow { width: 2px; background-image: url(/icons/service/sorting_bg.png); background-position: center -106px; background-repeat: no-repeat; padding-right: 12px; }
.WTCSS-files table.list-table th.ascending { }
.WTCSS-files table.list-table th.descending { }
.WTCSS-files table.list-table th.ascending div.arrow { background-position: center 5px !important; }
.WTCSS-files table.list-table th.descending div.arrow { background-position: center -216px !important; }
.WTCSS-files table.list-table td.first { width: 100%; vertical-align: top; padding: 5px; }
.WTCSS-files table.list-table td.last { vertical-align: top; padding: 5px; }
.WTCSS-files table.list-table td.divider { border-bottom: solid 1px #cccccc; font-size: 9px; }
.WTCSS-files table.list-table td.switch { padding: 0; vertical-align: bottom; font-size: 10px; border-bottom: solid 1px #cccccc; }
.WTCSS-files table.list-table td.switch div.view-toggle { padding: 2px 5px 1px 0px; background-color: #cccccc; font-size: 10px; text-align: right; cursor: pointer;  }
.WTCSS-files table.list-table td.switch div.view-toggle:hover { color: #336699;  }
.WTCSS-files table.list-table td.switch div.more div.wrapper { padding: 0px 14px 0px 0px; font-size: 10px; text-align: right; background-image: url(/icons/service/sorting_bg.png); background-position: right -218px; background-repeat: no-repeat;  }
.WTCSS-files table.list-table td.switch div.less div.wrapper { padding: 0px 14px 0px 0px; font-size: 10px; text-align: right; background-image: url(/icons/service/sorting_bg.png); background-position: right 4px; background-repeat: no-repeat;  }
.WTCSS-files table.list-table div.file-icon { width: 32px; float: left; }
.WTCSS-files table.list-table div.file-icon img.file-icon { width: 32px; height: 32px; }
.WTCSS-files table.list-table div.file-icon-big { width: 64px; float: left; }
.WTCSS-files table.list-table div.file-icon-big  img.file-icon-big  { width: 64px; height: 64px; }
.WTCSS-files table.list-table div.file-icon { width: 32px; float: left; }
.WTCSS-files table.list-table div.info-holder { margin: 0 10px 0 37px; }
.WTCSS-files table.list-table div.info-holder div.file-name { padding: 5px 0 10px 0; font-weight: bold;}
.WTCSS-files table.list-table div.info-holder div.info-div { border-top: dotted 1px #cccccc; }
.WTCSS-files table.list-table div.info-holder div.info-div table.info-table td.param-name { padding: 5px; white-space: nowrap; border-bottom: dotted 1px #cccccc; font-size: 11px; vertical-align: top; }
.WTCSS-files table.list-table div.info-holder div.info-div table.info-table td.param-value { width: 100%; padding: 5px; white-space: nowrap; border-bottom: dotted 1px #cccccc; font-size: 11px; font-weight: bold; vertical-align: top;  }
.WTCSS-files table.list-table div.info-holder textarea.description { width: 100%; height: 60px; border: dotted 1px #cccccc; resize: none; }
.WTCSS-files table.list-table div.btn-holder { background-color: #eeeeee; padding: 2px 3px 2px 5px; }
.WTCSS-files table.list-table table.controls { width: 100%; border-spacing: 0; }
.WTCSS-files table.list-table table.controls td.convert-to { white-space: nowrap; font-size: 11px; padding: 0; }
.WTCSS-files table.list-table table.controls td.convert-select { padding: 0 5px; }
.WTCSS-files table.list-table table.controls td.convert-select select { padding: 0; margin: 0; border: solid 1px #cccccc; }
.WTCSS-files table.list-table table.controls td.spacer { width: 100%; }
.WTCSS-files table.list-table table.controls td.btns { text-align: right; white-space: nowrap; }
.WTCSS-files table.list-table table.controls td.btns input.btn { }
.WTCSS-files table.list-table div.date { white-space: nowrap; font-size: 11px;  }
.WTCSS-files table.table-main div.filters { background-color: #eeeeee; padding: 3px; margin: 0 0 5px 0; }
.WTCSS-files table.table-main table.filters { width: 100%; }
.WTCSS-files table.table-main table.filters td.param-name { white-space: nowrap; padding: 0 3px; }
.WTCSS-files table.table-main table.filters td.param-value { white-space: nowrap; padding: 0 3px; }
.WTCSS-files table.table-main table.filters td.param-value select { padding: 0; margin: 0; border: solid 1px #cccccc; }
.WTCSS-files table.table-main table.filters td.spacer { width: 100%; }

.WTCSS-upload { margin-bottom: 10px; }
.WTCSS-upload table.table-main { width: 100%; }
.WTCSS-upload table.table-main td.left { width: 50% !important; vertical-align: bottom; }
.WTCSS-upload table.table-main td.right { width: 300px; vertical-align: bottom; }
.WTCSS-upload table.table-main div.fld-container { overflow: hidden; position: relative; width: 100%; height: 90px; }
.WTCSS-upload table.table-main div.fld-container div.fake-list { position: absolute; top: 0px; left: 0px; width: 100%; height: 90px; background-color: #eeeeee; }
.WTCSS-upload table.table-main div.fld-container input.fld-file { width: 100%; height: 115px; position: relative; opacity: 0; z-index: 2; filter: alpha(opacity=0); cursor: pointer; }
.WTCSS-upload table.table-main div.fld-container textarea.fake-file-fld { width: 100%; height: 115px; position: absolute; top: 0px; left: 0px; border: solid 1px #ffffff; background-color: #eeeeee; color: #999999; resize: no-resize; overflow-y: hidden; }
.WTCSS-upload table.table-main div.fld-container div.drop-msg { margin: 30px auto; text-align: center; color: #999999; }
.WTCSS-upload table.table-main div.fld-name { padding: 5px; }
.WTCSS-upload table.table-main div.fld-container div.file-list { padding: 5px; }
.WTCSS-upload table.table-main table.controls { width: 100%; }
.WTCSS-upload table.table-main table.controls select { margin: 0; padding: 0; border: solid 1px #cccccc; font-size: 12px; }
.WTCSS-upload table.table-main table.controls td.param-name { white-space: nowrap; padding: 5px; border-bottom: dotted 1px #cccccc; }
.WTCSS-upload table.table-main table.controls td.param-value { white-space: nowrap; padding: 5px; border-bottom: dotted 1px #cccccc; }
.WTCSS-upload table.table-main div.btn-holder { padding: 3px 5px; background-color: #eeeeee; }

.WTCSS-upload table.table-main table.controls div.pseudo-field { border: dotted 1px #cccccc; height: 16px; padding: 5px; background-color: #ffffff; }
.WTCSS-upload table.table-main table.controls div.need-value { border: dotted 1px #cc0000; }
.WTCSS-upload table.table-main table.controls div.pseudo-field div.add { padding-left: 10px; font-size: 96px; overflow: hidden; height: 16px; width: 16px; background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1400px; background-repeat: no-repeat; }
.WTCSS-upload table.table-main table.controls div.pseudo-field div.add:hover { background-position: 0px -1500px; cursor: pointer;  }
.WTCSS-upload table.table-main table.controls div.pseudo-field div.remove { font-size: 96px; overflow: hidden; height: 16px; width: 16px; background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1600px; background-repeat: no-repeat; }
.WTCSS-upload table.table-main table.controls div.pseudo-field div.remove:hover { background-position: 0px -1700px; cursor: pointer;  }
.WTCSS-upload table.table-main table.controls div.pseudo-field div.pseudo-field-item { float: left; height: 16px; margin-right: 5px; }
.WTCSS-upload table.table-main table.controls div.pseudo-field div.pseudo-field-item:hover { cursor: pointer; border-right: solid 1px #cccccc; margin-right: 4px;}
.WTCSS-upload table.table-main table.controls div.pseudo-field div.user { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1200px; background-repeat: no-repeat; padding: 0px 0px 0px 20px;}
.WTCSS-upload table.table-main table.controls div.pseudo-field div.group { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1300px; background-repeat: no-repeat; padding: 0px 0px 0px 20px; }
.WTCSS-upload table.table-main table.controls div.pseudo-field div.everybody { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1800px; background-repeat: no-repeat; padding: 0px 0px 0px 20px; }
.WTCSS-upload table.table-main table.controls div.pseudo-field table.addressee {}
.WTCSS-upload table.table-main table.controls div.pseudo-field table.addressee td { padding-right: 5px; }
.WTCSS-upload-container { margin-bottom: 10px; }

.WTCSS-files div.pseudo-field { border: dotted 1px #cccccc; height: 16px; padding: 5px; background-color: #ffffff; }
.WTCSS-files div.need-value { border: dotted 1px #cc0000; }
.WTCSS-files div.pseudo-field div.add { padding-left: 10px; font-size: 96px; overflow: hidden; height: 16px; width: 16px; background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1400px; background-repeat: no-repeat; }
.WTCSS-files div.pseudo-field div.add:hover { background-position: 0px -1500px; cursor: pointer;  }
.WTCSS-files div.pseudo-field div.remove { font-size: 96px; overflow: hidden; height: 16px; width: 16px; background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1600px; background-repeat: no-repeat; }
.WTCSS-files div.pseudo-field div.remove:hover { background-position: 0px -1700px; cursor: pointer;  }
.WTCSS-files div.pseudo-field div.pseudo-field-item { float: left; height: 16px; margin-right: 5px; }
.WTCSS-files div.pseudo-field div.pseudo-field-item:hover { cursor: pointer; border-right: solid 1px #cccccc; margin-right: 4px;}
.WTCSS-files div.pseudo-field div.user { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1200px; background-repeat: no-repeat; padding: 0px 0px 0px 20px;}
.WTCSS-files div.pseudo-field div.group { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1300px; background-repeat: no-repeat; padding: 0px 0px 0px 20px; }
.WTCSS-files div.pseudo-field div.everybody { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1800px; background-repeat: no-repeat; padding: 0px 0px 0px 20px; }
.WTCSS-files div.pseudo-field td.field-list { width: 100%; }
.WTCSS-files div.pseudo-field table.addressee {}
.WTCSS-files div.pseudo-field table.addressee td { padding-right: 5px; }
.WTCSS-files-container { margin-bottom: 10px; }


.WTCSS-control-checklist { position: relative; border: dotted 1px #cccccc; background-color: #ffffff; top: 0px; left: 0px; }
.WTCSS-control-checklist div.wrapper-outer {}
.WTCSS-control-checklist div.bg-1 {}
.WTCSS-control-checklist div.bg-2 {}
.WTCSS-control-checklist div.bg-3 {}
.WTCSS-control-checklist div.bg-4 {}
.WTCSS-control-checklist div.wrapper-inner { padding: 3px; }
.WTCSS-control-checklist table.fld-table { width: 100%; border-spacing: 0; }
.WTCSS-control-checklist table.fld-table td.fld-values { width: 100%; vertical-align: top; }
.WTCSS-control-checklist table.fld-table td.fld-btn { vertical-align: top; padding: 2px 0 0 10px; }
.WTCSS-control-checklist table.fld-table td.fld-btn div.add { font-size: 96px; overflow: hidden; height: 16px; width: 16px; background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1400px; background-repeat: no-repeat; }
.WTCSS-control-checklist table.fld-table td.fld-btn div.add:hover { background-position: 0px -1500px; cursor: pointer; }
.WTCSS-control-checklist table.fld-table div.pseudo-list-item { min-height: 16px; padding: 0px 0px 0px 20px; background-repeat: no-repeat; margin: 2px; }
.WTCSS-control-checklist table.fld-table div.default { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1800px;   }
.WTCSS-control-checklist table.fld-table div.user { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1200px; }
.WTCSS-control-checklist table.fld-table div.group { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1300px; }
.WTCSS-control-checklist table.fld-table div.pseudo-list-item table.addressee {}
.WTCSS-control-checklist table.fld-table div.pseudo-list-item table.addressee td { padding-right: 5px; }
.WTCSS-control-checklist table.fld-table div.pseudo-list-item div.remove { font-size: 96px; overflow: hidden; height: 16px; width: 16px; background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1600px; background-repeat: no-repeat; }
.WTCSS-control-checklist table.fld-table div.pseudo-list-item div.remove:hover { background-position: 0px -1700px; cursor: pointer;  }
.WTCSS-control-checklist-list { position: absolute; top: -1px; left: -1px; z-index: 9000; border: solid 1px #999999; width: 290px; min-width: 240px; background-color: #ffffff; -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5); box-shadow: 2px 2px 4px rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#999999'); }
.WTCSS-control-checklist-list div.wrapper { margin: 0px; }
.WTCSS-control-checklist-list table.list-table { width: 100%; border-spacing: 0; }
.WTCSS-control-checklist-list table.list-table tr { background-color: #ffffff; }
.WTCSS-control-checklist-list table.list-table tr:hover { background-color: #eeeeee; }
.WTCSS-control-checklist-list table.list-table td.check-cell { padding: 3px; vertical-align: top; border-bottom: dotted 1px #cccccc; }
.WTCSS-control-checklist-list table.list-table td.name-cell { width: 100%; padding: 3px 0px 3px 20px; vertical-align: middle; border-bottom: dotted 1px #cccccc; font-family: Tahoma, sans-serif; font-size: 11px; }
.WTCSS-control-checklist-list table.list-table td.group { background-image: url(/social/icons/soc_sprite.png); background-position: 0px -1296px; background-repeat: no-repeat; }
.WTCSS-control-checklist-list table.list-table td.info { border-bottom: dotted 1px #cccccc; vertical-align: top; padding: 4px 4px 0 0; }
.WTCSS-control-checklist-list table.list-table td.info div.info-btn { width: 16px; height: 16px; font-size: 96px; overflow: hidden; background-image: url(/icons/16round/16_info_0.png); background-repeat: no-repeat; background-position: top left; }
.WTCSS-control-checklist-list table.list-table td.info div.info-btn:hover { background-image: url(/icons/16round/16_info_1.png); cursor: pointer; }
.WTCSS-control-checklist-list div.btns-grey { background-color: #eeeeee; padding: 3px; font-family: Tahoma, sans-serif; font-size: 10px; }
.WTCSS-control-checklist-list div.btns-grey td { padding: 0 3px 0 0; }
.WTCSS-control-checklist-list div.list-scrollable { max-height: 150px; overflow: auto; }




/* COMMON CATALOG - legacy notation */
.catalog-title { font-family: Tahoma, sans-serif; font-weight: bold; font-size: 14px; color: #4F88BC; padding-bottom: 10px; }
div.WTCSS-catalog-table-wrapper { /*width: 100%; overflow-x: auto;*/ }
.tableBasic { width: 100%; border-spacing: 0px; margin-top: 5px; }
.tableBasic th { background-color: #eeeeee; border-bottom: solid 1px #cccccc; border-right: dotted 1px #cccccc; border-top: dotted 1px #cccccc; padding: 5px; text-align: center; font-size: 11px; color: #666666; }
.tableBasic th.first { border-left: dotted 1px #cccccc; padding: 5px; }
.tableBasic th.sortable { }
.tableBasic th.sortable:hover { background-color: #cccccc; cursor: pointer; }
.tableBasic th table.header { border: none; padding: 0; border-spacing: 0; }
.tableBasic th table.header td { padding: 0; border: none; vertical-align: top; }
.tableBasic th div.text {  }
.tableBasic th div.arrow { width: 2px; background-image: url(/icons/service/sorting_bg.png); background-position: center -106px; background-repeat: no-repeat; padding-right: 12px; }
.tableBasic th.ascending { background-color: #cccccc; font-weight: bold; }
.tableBasic th.descending { background-color: #cccccc; font-weight: bold; }
.tableBasic th.ascending div.arrow { background-position: center 5px !important; }
.tableBasic th.descending div.arrow { background-position: center -216px !important; }
.tableBasic td { border-bottom: dotted 1px #cccccc; border-right: dotted 1px #cccccc; padding: 5px; font-size: 11px; color: #333333; vertical-align: top; }
.tableBasic td.first { border-left: dotted 1px #cccccc; }
.tableBasic td.even { }
.tableBasic td.odd { }
.tableBasic td.error { color: #cc0000; }
div.paging { margin-top: 10px; border: dotted 1px #cccccc; background-color: #eeeeee; text-align: center; padding: 5px; }
div.paging span.page-current { font-weight: bold; }
div.paging a.page-link {  }

table.param-table { border-spacing: 0; width: 100%; }
table.param-table td.name { border-bottom: dotted 1px #cccccc; white-space: nowrap; text-align: right; padding: 5px; vertical-align: top; }
table.param-table td.value { border-bottom: dotted 1px #cccccc; white-space: nowrap; text-align: left; padding: 5px; vertical-align: top; }
table.param-table td.value select { border: solid 1px #cccccc; margin: 0; padding: 0; }
table.param-table td.value select.select-multi { height: 64px; }
table.param-table td.value input.date { border: solid 1px #cccccc; margin: 0; padding: 1px; }
table.param-table td.value label { padding: 0px 5px; vertical-align: top; }
table.param-table td.percent-100 { width: 100%; }

div.search-container { background-color: #eeeeee; padding: 5px; border: dotted 1px #cccccc; }
div.search-container table.search-table { border-spacing: 0px; }
div.search-container table.search-table td.left { width: 100%; }
div.search-container table.search-table select { margin: 0; padding: 0; border: solid 1px #cccccc; font-size: 12px; color: #666666;  }
div.search-container table.search-table input { margin: 0px 5px; padding: 0; border: solid 1px #cccccc; font-size: 12px;  }
div.btn-search { margin-right: 5px; width: 16px; height: 16px; background-image: url(/icons/16round/16_search_0.png); background-position: left center;	background-repeat: no-repeat; font-size: 36px; overflow: hidden;  }
div.btn-search:hover { background-image: url(/icons/16round/16_search_1.png) !important; cursor: pointer; }

.WTCSS-crs-list {}
.WTCSS-crs-list div.wrapper { padding: 5px; margin-bottom: 10px;}
.WTCSS-crs-list div.manager-container { margin-top: 5px; margin-bottom: 10px; border: dotted 1px #cccccc; padding: 5px; }
.WTCSS-crs-list table.list-table { width: 100%; border-spacing: 0; }
.WTCSS-crs-list table.list-table th { background-color: #eeeeee; border-bottom: solid 1px #cccccc; border-right: dotted 1px #cccccc; border-top: dotted 1px #cccccc; padding: 5px; color: #666666; font-weight: bold; }
.WTCSS-crs-list table.list-table th.first { width: 100%; border-left: dotted 1px #cccccc; }
.WTCSS-crs-list table.list-table td { padding: 5px; border-bottom: dotted 1px #cccccc; }


.WTCSS-manager-colleagues {}
.WTCSS-manager-colleagues div.wrapper { padding: 5px; margin-bottom: 10px;}
.WTCSS-manager-colleagues table.list-table { width: 100%; margin: 10px 0px; }
.WTCSS-manager-colleagues table.list-table td.name  { padding: 5px; border-bottom: dotted 1px #cccccc; text-align: right; }
.WTCSS-manager-colleagues table.list-table td.value  { padding: 5px; border-bottom: dotted 1px #cccccc; text-align: left; }

.WTCSS-event-calendar {}
.WTCSS-event-calendar div.wrapper { padding: 5px; margin-bottom: 10px;}
.WTCSS-event-calendar div.container { margin-bottom: 10px;}
.WTCSS-event-calendar table.list-table { width: 100%; margin: 10px 0px; }
.WTCSS-event-calendar table.list-table td.name  { padding: 5px; border-bottom: dotted 1px #cccccc; text-align: right; }
.WTCSS-event-calendar table.list-table td.value  { padding: 5px; border-bottom: dotted 1px #cccccc; text-align: left; }
.WTCSS-event-calendar table.list-table select { margin: 0; padding: 0; border: solid 1px #cccccc; font-size: 12px; color: #666666;  }
.WTCSS-event-calendar div.tabs { margin-bottom: 5px;}
.WTCSS-event-calendar table.tabs { width: 100%; border-spacing: 0; }
.WTCSS-event-calendar table.tabs td.tab { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; text-align: center; background-color: #eeeeee; }
.WTCSS-event-calendar table.tabs td.selected { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: none; text-align: center; font-weight:bold; }
.WTCSS-event-calendar table.tabs td.empty { border-bottom: #cccccc 1px solid; }
.WTCSS-event-calendar table.tabs td.first { width: 5px; }
.WTCSS-event-calendar table.tabs td.inter { width: 5px; }
.WTCSS-event-calendar table.tabs td.last { width: 100%; }
.WTCSS-event-calendar table.tabs div.tangle { overflow: hidden; padding: 0px; margin: 0px; }
.WTCSS-event-calendar table.tabs div.first { width: 5px; font-size: 10px; height: 10px; }
.WTCSS-event-calendar table.tabs div.inter { width: 5px; font-size: 10px; height: 10px; }
.WTCSS-event-calendar table.tabs div.last { width: 10px; font-size: 10px; height: 10px; }
.WTCSS-event-calendar table.tabs img.tab-tangle { width: 140px; height: 1px; }
.WTCSS-event-calendar table.tabs a.tab-link { display: block; width: 140px; padding: 5px; }
.WTCSS-event-calendar div.status {  }
.WTCSS-event-calendar div.status div.status-head { font-weight: bold; padding: 0px 0px 5px 5px; }
.WTCSS-event-calendar div.status table.status-table { border-spacing: 5px; }
.WTCSS-event-calendar div.status td.color-sample { width: 30px; border: solid 1px #cccccc; }
.WTCSS-event-calendar div.status td.sample-name {  }

.calendar_edu_table { border-right: solid 1px #cccccc; border-top: solid 1px #cccccc; }
.calendar_tren_cell { border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; text-align: center; padding: 2px; }
.calendar_edu_cell { border-right: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; text-align: left; padding: 2px; }

td.calendarBodyTable { background-color: #ffffff; padding: 5px; border: 1px solid #cccccc; }
td.calendarHeader { background-color: #eeeeee; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; color: #4F88BC; font-family: Tahoma, sans-serif; font-size:12px; font-weight: bold; }
table.calendarInnerTable {}
td.calendarDaysHeader { background-color: #4F88BC; padding: 2px; color: #FFFFFF; font-family: Tahoma, sans-serif; font-size: 12px; font-weight:bold; }
td.calendarCell { border: 1px solid #cccccc; height: 70px; vertical-align: top; font-family: Tahoma, sans-serif; font-size:9px; }
td.tableRowEvenEvery {  
	font-family: Tahoma, Arial; 
	font-size: 7pt; 
	font-weight:bold; 
	padding: 2px;
	background-color:#eeeeee;
	background-position: center;
	color: #000000;
}
td.tableRowEvenHoll {  
	font-family: Tahoma, Arial; 
	font-size: 7pt; 
	font-weight:bold; 
	padding: 2px;
	background-color:#990000;
	background-position: center;
	color: #FFFFFF;
}
td.calendarEmptyCell {
	height: 70px;
}


.WTCSS-blog-card {}
.WTCSS-blog-card div.wrapper { padding: 5px; margin-bottom: 10px;}
.WTCSS-blog-card div.back { padding: 5px 10px; margin-bottom: 5px; text-align: right; background-color: #eeeeee; }
.WTCSS-blog-card table.blog-table { border-spacing: 0; width: 100%; }
.WTCSS-blog-card table.blog-table td.blog-body { width: 100%; padding-right: 15px; vertical-align: top; }
.WTCSS-blog-card div.filter { border: solid 1px #cccccc; background-color: #eeeeee; padding: 10px; margin-bottom: 10px; text-align: center; }
.WTCSS-blog-card div.filter span.keyword { font-weight: bold; }
.WTCSS-blog-card div.date-container { margin-bottom: 10px; }
.WTCSS-blog-card div.msg-container { margin: 5px; padding: 5px; border: dotted 1px #cccccc; }
.WTCSS-blog-card div.msg-title { background-color: #eeeeee; padding: 10px; }
.WTCSS-blog-card div.msg-title-mine { background-color: #e6f4fd !important; }
.WTCSS-blog-card table.msg-table { width: 100%; }
.WTCSS-blog-card table.msg-table td.avatar { padding-right: 10px; vertical-align: top; }
.WTCSS-blog-card table.msg-table img.avatar { width: 48px; }
.WTCSS-blog-card table.msg-table td.header { padding-right: 10px; vertical-align: top; width: 100%; }
.WTCSS-blog-card table.msg-table td.header div.author { margin-bottom: 5px; color: #666666; }
.WTCSS-blog-card table.msg-table td.header div.author span.author { font-weight: bold; margin-right: 5px;  }
.WTCSS-blog-card table.msg-table td.header div.date { margin-bottom: 5px; color: #666666; }
.WTCSS-blog-card table.msg-table td.header div.date span.date { font-weight: bold; margin-right: 5px;  }
.WTCSS-blog-card table.msg-table td.header div.title { margin: 10px 0px; font-weight: bold; font-size: 14px; }
.WTCSS-blog-card table.msg-table td.header div.tags { font-size: 10px; color: #666666; }
.WTCSS-blog-card table.msg-table td.msg-tools { vertical-align: top; }
.WTCSS-blog-card table.msg-table td.msg-tools div.msg-edit { width: 16px; height: 16px; margin-right: 5px;  font-size: 32px; overflow: hidden; background-image: url(/icons/16round/16_edit_0.png); background-position: top left; background-repeat: no-repeat; }
.WTCSS-blog-card table.msg-table td.msg-tools div.msg-edit:hover { background-image: url(/icons/16round/16_edit_1.png); cursor: pointer; }
.WTCSS-blog-card table.msg-table td.msg-tools a.msg-link { display: block; width: 16px; height: 16px; font-size: 32px; overflow: hidden; background-image: url(/icons/16round/16_link_0.png); background-position: top left; background-repeat: no-repeat; }
.WTCSS-blog-card table.msg-table td.msg-tools a.msg-link:hover { background-image: url(/icons/16round/16_link_1.png); cursor: pointer; }
.WTCSS-blog-card div.msg-content { padding: 10px; }
.WTCSS-blog-card div.msg-content div.text { margin: 0px 0px 10px 0px; padding: 10px; border: dotted 1px #cccccc;}
.WTCSS-blog-card div.msg-content div.files { margin-top: 10px; border-top: dotted 1px #cccccc; }
.WTCSS-blog-card div.msg-content div.files div.file-title { padding: 5px; font-size: 10px; font-weight: bold; }
.WTCSS-blog-card div.msg-content div.files ul { padding-left: 10px; font-size: 11px; list-style: none; margin-top: 0px; margin-bottom: 10px;  }
.WTCSS-blog-card div.msg-actions { padding: 5px; background-color: #eeeeee; }
.WTCSS-blog-card div.comment-form { margin: 0px 10px 5px 10px; border: dotted 1px #cccccc; background-color: #eeeeee; padding: 10px; }
.WTCSS-blog-card div.comment-form div.comment-header { font-weight: bold; padding-bottom: 10px; border-bottom: solid 1px #cccccc; color: #666666; }
.WTCSS-blog-card div.comment-form table.comment-table { margin-top: 10px; color: #666666; }
.WTCSS-blog-card div.comment-form table.comment-table td { vertical-align: top; }
.WTCSS-blog-card div.comment-form table.comment-table td.comment-options { padding-left: 10px; }
.WTCSS-blog-card div.comment-form table.comment-table textarea { margin: 0; padding: 0; width: 640px; height: 160px; border: solid 1px #cccccc; }
.WTCSS-blog-card div.comment-form table.comment-table td.comment-options td { padding: 3px; }
.WTCSS-blog-card div.comment-form table.comment-table td.comment-options td input { margin: 0; }
.WTCSS-blog-card div.comment-form table.comment-table td.comment-options td div#name_block { margin-top: 3px; }
.WTCSS-blog-card div.msg-delete { width: 16px; height: 16px; background-image: url(/icons/16round/16_page_delete_0.png); background-position: top left; background-repeat: no-repeat; margin-right: 5px; }
.WTCSS-blog-card div.msg-delete:hover { cursor: pointer; background-image: url(/icons/16round/16_page_delete_1.png) !important; }

.WTCSS-blog-card div.comments-container { margin: 10px 5px 5px 5px; }
.WTCSS-blog-card div.comm-container { padding: 5px 5px 0px 5px; }
.WTCSS-blog-card table.msg-table img.avatar-small { width: 24px; }
.WTCSS-blog-card div.comments-container div.text { border: dotted 1px #cccccc; padding: 10px; margin: 0px 0px 10px 0px; overflow: auto; }

.WTCSS-blog-card table.blog-table td.blog-service { width: 250px; background-color: #eeeeee; vertical-align: top; }
.WTCSS-blog-card table.blog-table td.blog-service img.tangle { width: 250px; height: 1px; }
.WTCSS-blog-card table.blog-table td.blog-service div.tools { margin: 10px; padding: 10px; border: dotted 1px #cccccc; text-align: center; }
.WTCSS-blog-card table.blog-table td.blog-service input.new-msg { width: 210px;  }
.WTCSS-blog-card table.blog-table td.blog-service input.subscribe { width: 210px; margin-top: 10px; }
.WTCSS-blog-card table.blog-table td.blog-service div.authors-container { margin: 10px; }
.WTCSS-blog-card table.blog-table td.blog-service div.authors-container ul { list-style-image: url(/icons/16round/16_user.png); margin: 3px 3px 3px 24px; }
.WTCSS-blog-card table.blog-table td.blog-service div.authors-container ul li { margin: 0px; padding: 1px; }
.WTCSS-blog-card table.blog-table td.blog-service div.authors-container ul li a { vertical-align: top; }
.WTCSS-blog-card table.blog-table td.blog-service div.search-container { margin: 10px; text-align: center; }
.WTCSS-blog-card table.blog-table td.blog-service div.search-container table { width: 100%; }
.WTCSS-blog-card table.blog-table td.blog-service div.search-container input.search-fld { width: 136px; height: 20px; }
.WTCSS-blog-card table.blog-table td.blog-service div.rss-container { margin: 10px; }
.WTCSS-blog-card table.blog-table td.blog-service div.rss-container a { display: block; height: 17px; background-image: url(/icons/29_rss.png); background-position: top left; background-repeat: no-repeat; padding: 6px 35px; }

.WTCSS-blog-card div.editor-container { margin: 5px; }
.WTCSS-blog-card table.editor-table { width: 100%; }
.WTCSS-blog-card table.editor-table td { vertical-align: top; padding: 5px; }
.WTCSS-blog-card table.editor-table td.name { white-space: nowrap; text-align: right; font-weight: bold; }
.WTCSS-blog-card table.editor-table td.value { width: 100%; }
.WTCSS-blog-card table.editor-table td.spanned { width: 100%; }
.WTCSS-blog-card table.editor-table td input.fld-100 { margin: 0; padding: 0; width: 100%; height: 21px; border: solid 1px #cccccc; }
.WTCSS-blog-card table.editor-table td input.rich-text-fld { margin: 0; padding: 0; width: 100%; height: 320px; border: solid 1px #cccccc; }

/* FORUM LAST */
.WTCSS-forum-last {}
.WTCSS-forum-last div.wrapper {}
.WTCSS-forum-last div.last-container { padding: 5px 5px 0px 5px; }
.WTCSS-forum-last div.item { padding: 5px; border: dotted 1px #cccccc; margin-bottom: 5px; }
.WTCSS-forum-last div.item div.msg-forum { padding: 5px; background-color: #eeeeee; font-size: 12px; font-weight: bold; color: #666666; }
.WTCSS-forum-last div.item div.msg-date { padding: 0px 5px; font-size: 11px; color: #666666; margin-top: 5px; }
.WTCSS-forum-last div.item div.msg-author { padding: 0px 5px; font-size: 11px; color: #666666; margin-top: 5px; }
.WTCSS-forum-last div.item div.msg-title { padding: 0px 5px; font-size: 11px; margin-top: 5px;  }

.WTCSS-forum-info {}
.WTCSS-forum-info table.layout { width: 100%; border-spacing: 0px; border-collapse: separate; }
.WTCSS-forum-info table.layout td.name { padding: 5px 0; text-align: right; vertical-align: top; }
.WTCSS-forum-info table.layout td.value { padding: 0 0 5px 5px; text-align: left; vertical-align: top; }
.WTCSS-forum-info table.layout td.value input.fld { padding: 5px; text-align: left; border: dotted 1px #cccccc; width: 90%; }
.WTCSS-forum-info table.list-table { width: 100%; border-spacing: 0px; border-collapse: separate; }
.WTCSS-forum-info table.list-table th { width: 25%; white-space: nowrap; vertical-align: middle; border-right: groove 2px #ffffff; border-top: groove 2px #ffffff; border-bottom: groove 2px #ffffff; color: #666666; padding: 5px; background-color: #eeeeee; text-align: left; font-size: 11px; font-family: Tahoma, sans-serif; }
.WTCSS-forum-info table.list-table th.first { border-left: groove 2px #ffffff; }
.WTCSS-forum-info table.list-table th.last { }
.WTCSS-forum-info table.list-table td { width: 25%; white-space: nowrap; vertical-align: middle; border-right: groove 2px #ffffff; border-top: groove 2px #ffffff; border-bottom: groove 2px #ffffff; color: #333333; padding: 5px; text-align: left; font-size: 11px; font-family: Tahoma, sans-serif; }
.WTCSS-forum-info table.list-table td.first { border-left: groove 2px #ffffff; }
.WTCSS-forum-info table.list-table td.last { }
.WTCSS-forum-info div.select-mod { text-align: right; }
.WTCSS-forum-info div.info-submit { border-top: solid 1px #cccccc; }

div.common-header { background-color: #e6f4fd; color: #4F88BC; font-size: 14px; font-weight: bold; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb;  }
div.common-container { background-color: #FFFFFF; padding: 6px; border-left: solid 1px #e6f4fd; border-right: solid 1px #e6f4fd; border-bottom: solid 1px #e6f4fd;  }



/* RESUME */
.WTCSS-resume {}
.WTCSS-resume img.add { width: 16px; height: 16px; background-image: url(/icons/16round/16_add_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-resume img.add:hover { cursor: pointer; background-image: url(/icons/16round/16_add_1.png) !important; }
.WTCSS-resume img.delete { width: 16px; height: 16px; background-image: url(/icons/16round/16_close_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-resume img.delete:hover { cursor: pointer; background-image: url(/icons/16round/16_close_1.png) !important; }
.WTCSS-resume img.up { width: 16px; height: 16px; background-image: url(/icons/16round/16_up_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-resume img.up:hover { cursor: pointer; background-image: url(/icons/16round/16_up_1.png) !important; }
.WTCSS-resume img.down { width: 16px; height: 16px; background-image: url(/icons/16round/16_down_0.png); background-position: top right; background-repeat: no-repeat; }
.WTCSS-resume img.down:hover { cursor: pointer; background-image: url(/icons/16round/16_down_1.png) !important; }

.WTCSS-resume input.input-text{ border: inset 1px #cccccc;}
.WTCSS-resume textarea.comment-text{ width: 100%; border: inset 1px #cccccc; }
.WTCSS-resume div.wrapper {}
.WTCSS-resume div.info { padding: 12px; text-align: center; color: #999999; }
.WTCSS-resume div.alert { padding: 12px; text-align: center; color: #CC0000; border: inset 5px red; font-size: 14px; }
.WTCSS-resume div.select-container { padding: 6px; background-color: #eeeeee; }
.WTCSS-resume div.select-name { padding-right: 6px; float: left; }
.WTCSS-resume div.select-selector { float: left; }
.WTCSS-resume div.select-selector select { margin: 0px; }
.WTCSS-resume div.app-container { overflow-x: auto; }
.WTCSS-resume div.resume-button-container { padding: 3px; margin-top: 12px;background-color: #eeeeee; border-top: solid 1px #cccccc; text-align: center;}
.WTCSS-resume input.resume-button { background-color: #eeeeee; background-image: url(/pics/bg_btn_grey.png); background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF;	color: #666666; padding: 3px 15px 3px 15px; text-align: center;	margin: 0; }
.WTCSS-resume  input.resume-button:hover { background-color: #e6f4fd; background-image: url(/pics/bg_btn_lightblue.png); color: #4F88BC; cursor: pointer; }
.WTCSS-resume table.resume-main-table { border-spacing: 0; width: 100%; }
.WTCSS-resume td.resume-grid-simple-name { font-weight: bold; white-space: nowrap;}
.WTCSS-resume td.resume-grid-name { font-weight: bold; text-align: right; white-space: nowrap; padding: 6px; border-bottom: dotted 1px #cccccc; }
.WTCSS-resume td.resume-grid-value { text-align: left; white-space: nowrap; padding: 6px; border-bottom: dotted 1px #cccccc; }




/* LEGACY STYLES - should not be used anymore */


td.loginPanel {
	background-color: #F0F3FB;
}

table.docBodyTable {
	width:100%;
}
table.loginBodyTable {
	width:600px;
	margin-top: 20px;
}
div.loginLeftTop {
	position:static; 
	left:0px; 
	top:0px; 
	height: 80px;
	z-index:1; 
	width:180px;
	background-image: url(pics/top_logo.gif);
	background-position: left;
	background-repeat:no-repeat;
}
div.loginHeader {
	position:static;
	text-align:center;
	padding-left: 0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	width:100%;
	height:80px;
	z-index:1; 
}
table.loginMainTDright {
	width: 600px;
}
td.loginMainTDleft {
	vertical-align:top;
	width: 50%;
	padding:10px;
	background-color: #FFFFFF;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-left: 2px solid #A60101;
}
td.loginMainTDright {
	vertical-align:top;
	width: 50%;
	padding:10px;
	background-color: #F0F0F0;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right: 2px solid #A60101;
}
div.loginBlock {
	border: 2px solid #CCCCCC; 
	padding:5px;
}
table.registerTable {
}
td.registerTD {
	vertical-align:top;
	width: 50%;
	padding:10px;
	background-color: #F0F0F0;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-left: 2px solid #A60101;
	border-right: 2px solid #A60101;
}

td.bgTopUnder {
	height: 80px;
	width:100%;
	background-color: #CCCCCC;
	background-image: url(pics/top_bg.gif);
	background-position: left top;
	background-repeat:no-repeat;
}
img.bgTopUnderTangle {
	height: 80px;
	width: 80px;
}
div.bgLeftTop {
	position:absolute; 
	left:0px; 
	top:0px; 
	height: 80px;
	z-index:5; 
	width:180px;
	background-image: url(pics/top_logo.gif);
	background-position: left;
	background-repeat:no-repeat;
}
img.bgLeftTopTangle {
	height: 80px;
	width:180px;
}
div.bgRightTop {
	display:inline;
}
img.bgRightTopTangle {
	display:inline;
	width:750px;
	height:1px;
}
div.mainHeader {
	display:inline;
	padding-left: 180px;
	padding-right:280px;
	padding-bottom:0px;
	padding-top:0px;
	width:100%;
	height:80px;
	z-index:1; 
}
div.headerCenter {
	position: absolute;
	background-image: url(pics/header_center.gif);
	background-position: top center;
	background-repeat:no-repeat;
	top:0;
	width: 100%;
	height: 80px;
	z-index:1; 
}
img.headerCenterTangle {
	width: 274px;
	height: 80px;
}
div.headerFlash {
	display:none;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:100%;
	height:80px;
	z-index:1; 
}
.headerFlashObj{
	width:382px;
	height:80px;
	z-index:1; 
}
div.headerAdd {
	display:none;
}
img.headerAddTangle {
	display:none;
}
div.personalDiv {
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
	height: 70px; 
	width: 260px;
	z-index: 3;
	padding-top: 5px;
	padding-right: 8px;
}
select.personalMenu {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 19px;
	width: 96%;
	border-style: solid;
	border-width: 1px;
	border-color: #333333;
	background-color: #FFFFFF;
	color: #333333;
}
td.personalText {
	background-color:#F0F0F0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
div.mainMenuDiv {
	width: 100%;
	position:absolute; 
	left: 0px; 
	top: 80px; 
	height: 26px; 
	z-index: 0; 
	visibility: visible;
}
td.mainMenuTop {
	background-color:#5a5a5a;
	height: 1px;
}
td.mainMenuTopLeft {
	background-color:#5a5a5a;
}
td.mainMenuTopRight {
	background-color:#5a5a5a;
}
td.mainMenuLeft {
	background-color:#5a5a5a;
}
td.mainMenuCenter {
	background-color:#5a5a5a;
}
td.mainMenuRight {
	background-color:#5a5a5a;
}
td.mainMenuBottom {
	background-color:#A60101;
	height:19px;
}
div.mainMenuInsertDiv {
}
td.mainMenuLeftInsert {
	background-color:#5a5a5a;
	width: 27px;
	height:20px;
}
td.mainMenuLeftInsert2 {
	background-color:#5a5a5a;
	width: 48px;
	height:20px;
}
img.mainMenuLeftTangle {
	width: 27px;
}
img.mainMenuLeftTangle2 {
	width: 48px;
}
table.menuIconTable {

}
td.menuIconTD {
	width:27px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	padding-left: 3px;
	padding-right: 3px;
}
td.mainMenuItem {
	cursor:pointer;
	background-color:#5a5a5a;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
}
td.mainMenuItemOver {
	cursor:pointer;
	background-color:#5a5a5a;
    color:#FFFFCC;
	font-weight:bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
}
a.dropDownMenuText{
	color: #FFFFFF !important;
	text-decoration: none;
	font-weight:bold;
}
a.dropDownMenuText:visited {
	text-decoration: none;
	color: #FFFFFF !important;
	font-weight:bold;
}
a.dropDownMenuText:hover {
	text-decoration: none;
	color: #FFFFCC !important;
	font-weight:bold;
}
a.dropDownMenuText:active {
	text-decoration: none;
	color: #FFFFFF !important;
	font-weight:bold;
}
td.mainMenuDivider {
	background-image: url(pics/menu_divider.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 29px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}
div.mainBlockDiv {
	width:100%;
	position: absolute; 
	left: 0px; 
	top: 113px; 
	z-index: 1;
}
td.mainBlockBody {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
}
td.leftPanel { 
	background-color: #E0E0E0;
	padding: 5px;
	vertical-align: top;
	height: 100px;
}


div.VotingHeaderText {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
}

div.NewsHeaderText {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
}

div.LeftHeaderText {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
}

td.middlePanelHeader { 
	background-color: #E0E0E0;
	margin: 0px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}
td.middlePanelBody { 
	margin: 0px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}
td.middlePanelBrd { 
	background-color: #333333;
}
td.middlePanelBgrnd { 
	background-color: #E0E0E0;
}
tr.middlePanelBgrnd { 
	background-color: #E0E0E0;
}
td.rightPanel {
	background-color: #E0E0E0;
	padding: 5px;
	vertical-align: top;
}
.headerText, .tableHeaderTextInner {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #A60101;
	font-weight: bold;
}
.tableHeaderTextInner {
	margin-top:10px; 
	margin-bottom: 10px;
}
td.horDivider {
	background-image:   url(pics/hor_divider_bg.gif);
	background-repeat: repeat-x;
	background-position: center;	
}
td.horDividerNews {
	background-image:   url(pics/hor_divider_bg.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 4px;
}
td.newsColumnDigest {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.newsColumnDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #A60101;
}
.voteItems {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
td.horDividerVoting {
	background-image:   url(pics/hor_divider_bg.gif);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 5px;
}
div.footerDiv {
	width: 100%;
	background-color:#A60101;
	height:24px;
	z-index: 0;
}
td.footerDivider {
	background-color:#A60101;
	height:1px;
}
td.footerTD {
	background-color:#A60101;
	text-align:center;
}

td.greeting {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E0E0E0;
	padding: 10px;
}
td.tableHeaderWithText {
	padding: 5px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	border-top-width: 1px;
	border-top-color: #333333;
}
tr.tableHeaderWithTextRow{
	display:none;
}
td.tableHeaderNoText {
	padding: 0px;
	height: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
td.tableRowEven {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	padding: 5px;
	border-bottom: dotted 1px #cccccc;
}
td.tableRowOdd {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #f0f0f0;
	padding: 5px;
	border-bottom: dotted 1px #cccccc;
}
td.tableRowOdd1 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #E0E0E0;
	padding: 3px;
	border: none;
}
td.tableRowOdd2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F0F0F0;
	padding: 3px;
	border: none;
}
td.tableFooter {
	padding: 0px;
	height: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
table.ddMenuTable{
	background-color: #CCCCCC;
	padding:1px 1px 1px 1px;	
	border: 1px solid #333333;
}
div.ddMenu {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135,strength=3);
	background-color: #CCCCCC;
	margin-top: 3px;
	margin-left: 6px;
	padding: 0px;
	z-index: 10; 
	left: 0px; 
	top: 0px;
	display: none;
	position: absolute;
	width:110px;
}
td.ddMenuItem {
	padding:3px;
	width:100%;
	background-color: #CCCCCC;
	cursor:pointer;
	color: #333333;
	font-weight:normal;
	text-decoration: none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
}
td.ddMenuItemOver {
	padding:3px;
	width:100%;
	background-color: #F0F0F0;
	cursor:pointer;
	color:#333333;
	font-weight:normal;
	text-decoration: none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a#ddmMenuItemText{
	color: #333333 !important;
	text-decoration: none;
}
a#ddmMenuItemText:visited {
	color: #333333 !important;
	text-decoration: none;
}
a#ddmMenuItemText:hover {
	color: #333333 !important;
	text-decoration: none;
}
a#ddmMenuItemText:active {
	color: #333333 !important;
	text-decoration: none;
}

td.ddMenuDivider {
	height:1px;
}
.ddMenuText {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration: none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
}
input.voteButtonOver {
	background-color: #FFFFFF;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#A60101;
	width:107px;
	height:22px;
	border: 1px solid #A60101;
	text-align:center;
}
input.voteButton {
	background-color: #F0F0F0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	width:107px;
	height:22px;
	border: 1px solid #333333;
	text-align:center;
}
input.activateButtonOver {
	background-color: #FFFFFF;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#A60101;
	width:107px;
	height:22px;
	border: 1px solid #A60101;
	text-align:center;
}
input.activateButton {
	background-color: #F0F0F0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	width:107px;
	height:22px;
	border: 1px solid #333333;
	text-align:center;
}
.currentPath {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#A60101;
}
table.activator {
	background-color: #F0F0F0;
}
td.activator {
	background-color: #F0F0F0;
	padding: 3px;
}

TR.description {
	background-color: #F0F0F0;
}
TD.description {
	background-color: #F0F0F0;
}

INPUT.inputButton {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 22px;
	border-style: solid;
	border-width: 1px;
	border-color: #777777;
	color: #333333;
	background-color: #EEEEEE;
}
INPUT.inputButtonOver {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 22px;
	border-style: solid;
	border-width: 1px;
	border-color: #A60101;
	color: #A60101;
	background-color: #FFFFFF;
	cursor:pointer;
}

INPUT.inputEdit {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 19px;
	border-style: solid;
	border-width: 1px;
	border-color: #333333;
	color: #000000;
	background-color: #ffffff;
}

.selectedLeftMenuItem {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A60101;
	width: 100%;
}
a.LeftMenuItem {
}
a.LeftMenuItem:active {
}
a.LeftMenuItem:hover {
}
a.LeftMenuItem:visited {
}
.newsListDate {

	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

TABLE.tableBorder {
	padding: 5px;
	background-color: #EEEEEE;
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
table.forumTopicTable {
	width:100%;
	padding: 3px;
}
table.forumMsgTable {
	width:100%;
}
td.forumMsgTD {
	background-color: #F0F0F0;
	padding: 5px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
table.searchFormTable {
	width:100%;
}
td.searchFormTD {
	background-color: #F0F0F0;
	padding: 5px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}



textarea{
	border-style: solid;
	border-width: 1px;
	border-color: #333333;
	color: #000000;
	background-color: #ffffff;
}
.registerRightTD{
	width:60%;
	text-align:left;
	padding:2px;
}
.registerLeftTD{
	width:40%;
	text-align: right;
	padding:2px;
}

.tableHeaderWithTextRow{
	display:none;
}



td.LeftPanelNoSelectedItemRight {
	width: 24px;
	background-image:none;
}
td.LeftPanelSelectedItemRight {
	background-image: url(pics/more.gif);
	background-repeat: no-repeat;
	width: 24px;
	height: 18px;
	background-position: right center;
}


td.tableVotingBottom {
	text-align: center;
}


div.pathOrder {
	margin-bottom:6px;
	margin-top:0px; 
	margin-left:5px;
}

img.pathImg {
	background-image: url(pics/path_divider.gif);
	background-position: left;
	background-repeat:no-repeat;
	height: 12px;
	width: 12px;
}







TD.CL_forum_topic_name {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 6px; BACKGROUND-COLOR: #dddddd
}
TD.CL_forum_topic_author {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; PADDING-TOP: 3px
}
TD.CL_forum_topic_date {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 1px
}
DIV.CL_forum_topic_content {
	BACKGROUND-COLOR: #ffffff;
}
TD.CL_forum_topic_answer {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-ALIGN: right
}
TD.CL_forum_topic_body {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #ffffff;
}
DIV.CL_forum_divider {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left bottom; PADDING-LEFT: 0px; FONT-SIZE: 1px; BACKGROUND-IMAGE: url(/courselab.nsf/bg_divider_1.gif); PADDING-BOTTOM: 0px; MARGIN: 3px 1px; WIDTH: 510px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-x; POSITION: static; HEIGHT: 2px
}
TD.CL_forum_form_row {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #eeeeee
}
#CL_forum_answer_form_template {
	DISPLAY: none
}
DIV.CL_answer_insert {
	DISPLAY: none; MARGIN: 3px 1px
}
TD.CL_forum_answer_form_table {
	PADDING-RIGHT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px dotted; BACKGROUND-COLOR: #ffffff
}
TD.CL_forum_list_row {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
TD.CL_forum_list_outer {
	BORDER-BOTTOM: #cccccc 1px dotted
}
TD.CL_forum_list_header {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid
}
#CL_forum_mode_switch {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 3px; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff
}

a.asLink:link {
	text-decoration: underline;
}
a.asLink:visited {
	text-decoration: underline;
}
a.asLink:hover {
	text-decoration: none;
}
a.asLink:active {
	text-decoration: none;
}

td.PersonName {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
	padding-right: 5px;
}

td.PersonPosition {
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	padding-right: 5px;
	padding-bottom: 5px;
}
/*------Стили шаблона Блок "Корпоративный журнал"-------*/
div.journalsHeader{
        text-align: center;
        font-weight: bold;
        font-size: 13px;
}

/*------Стили шаблона Блок "Новости" на главной странице-------*/
div.newsNameS{
        margin-top: 5px;
        margin-bottom: 5px;
        font-size:14px;
        font-weight:bold;
}
div.newsDateS{
        margin-top: 5px;
        margin-bottom: 5px;
        font-size:11px;
}

div.newsNameS{
        font-family:Arial, Helvetica, sans-serif;
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 5px;
}

div.newsAnonsS{
        margin-top: 5px;
        margin-bottom: 5px;
}

div.newsBlockNameS{
        margin-top: 5px;
        margin-bottom: 5px;
        font-size:14px;
        font-weight:bold;
}
div.newsBlockDateS{
        margin-top: 5px;
        margin-bottom: 5px;
        font-size:11px;
}


div.newsBlockAnonsS{
        margin-top: 5px;
        margin-bottom: 5px;
}

table.newsBlockTableS{
        padding:10px;
}

span.newsBlockHeaderS{
        font-size:16px;
        font-weight:bold;
        height: 25px;
}

div.newsBlockAllS{
        text-align:right;
}

/*------Стили шаблона Блок "Календарь событий"-------*/
div.calendarDivS{}
table.calendarBodyTableS{}
td.calendarDaysHeaderS{}
td.calendarHeaderS{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding:3px;
}
td.calendarHeaderTdS{}
div.calendarHeaderTextS{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #A60101;
	font-weight: bold;
}
span.calendarDateS{}
td.calendarCellS{}
td.calendarEmptyCellS{}


/*------Стили шаблона Блок "Дни рождения"-------*/
div.birthdayDivS{
	padding: 5px;
}
table.birthdayTableS{}
td.birthdayHeaderTdS{}
div.birthdayHeaderS{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #A60101;
	font-weight: bold;
	text-align: center;
}
td.birthdaysDayHeaderS{
	font-size: 13px;
	font-weight: bold;
}
td.birthdaysPersonFioS{}
td.birthdaysPositionS{}
td.birthdayAllS{}
a.birthdaysPersonFioTextS{}
a.birthdaysPersonFioS{}
td.birthdaysImageTdS{}

/*------Стили шаблонов "Универсальные отчеты"-------*/
table.reportTable {
	border: #333333 1px solid;
	border-collapse: collapse;
}

th.reportTH {
	background-color: #e0e0e0;
	border: #333333 1px solid;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
th.reportTH {
	background-color: #e0e0e0;
	border: #333333 1px solid;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

td.reportTD {
	background-color: #FFFFFF;
	border: #333333 1px solid;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
}
.tab_td {
	border-right: #aaaaaa 1px solid; border-top: #aaaaaa 1px solid; border-left: #aaaaaa 1px solid; border-bottom: #aaaaaa 1px solid; text-align: center; background-color: #EEEEEE;
}
.tab_td_sel {
	border-right: #aaaaaa 1px solid; border-top: #aaaaaa 1px solid; border-left: #aaaaaa 1px solid; border-bottom: #aaaaaa 0px solid; text-align: center; font-weight:bold; height:24px;
}
.tab_td_empty {
	border-bottom: #aaaaaa 1px solid;
}


.tab_left_table{
	border-collapse:collapse;
}
.tab_left_td {
	cursor: pointer;
	border-top: #aaaaaa 1px solid; border-right: #aaaaaa 1px solid; border-left: #aaaaaa 1px solid; border-bottom: #aaaaaa 1px solid; text-align: center; background-color: #EEEEEE; height:27px;
}
.tab_left_td_sel {
	cursor: pointer;
	border-top: #aaaaaa 1px solid; border-left: #aaaaaa 1px solid; border-bottom: #aaaaaa 1px solid; text-align: center; font-weight:bold; height:27px;
}
.tab_left_td_content {
	border-top: #aaaaaa 1px solid; border-right: #aaaaaa 1px solid; border-bottom: #aaaaaa 1px solid; text-align: center;
	vertical-align:top;
}
.tab_left_td_empty{
	border-right: #aaaaaa 1px solid;
}
.tab_left_content{
	width:100%;
	padding: 10px;
}
.tab_left_name{	
	color: #b01f23;
	text-decoration: none;
}

blockquote {
	margin: 1em 3em;
	padding: .5em 1em;
	border-left: 5px solid #fce27c;
	background-color: #f6ebc1; }
blockquote p {
	margin: 0; }

/* WebHelpStyles.Start */


div.webhelp-menu-container{
	margin-top: 5px;
}	

frame.webhelp-toc-frame{
	border-right: 1px solid #EEE;
	padding: 7px;
}

frame.webhelp-content-frame{
	/*border-right: 1px solid #EEE; border-top: 1px solid #EEE;*/
	padding: 7px;
}
frame.webhelp-top-frame{
	border-bottom: 1px solid #EEE;;
}

.libraryLeftPanel {
	padding: 10px;
}

#NonScrollSection {
	padding: 5px 5px 5px 5px;
	border-bottom: none; 
	background: #FFFFFF; 
	vertical-align: top;
	z-index: 2; 
	visibility: visible; 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 100%;
}

.libraryheader {
	font-size: 14px;
	font-weight: bold;
	color: #4F88BC;
}

#ScrollSection {
	left: 0; 
	top: 0px; 
	position: absolute; 
	margin: 0; 
	padding: 10px; 
	z-index: 1; 
	background-repeat: no-repeat; 
	background-position: bottom right; 
	background-attachment: fixed; height:500}

hr { height: 1px;}

td.mainMenuCenterHeight {
	height: 30px;
}

/* WebHelpStyles.End */


.TextAreaBlock {
	vertical-align: top;
	padding: 3px;
}

.DescBlock {
	background-color: #F0F0F0;
}

.eventCollaboratorsDiv
{
/*	height:250px;
	overflow-y:auto;*/
}




.WTCSS-design-twin
{
	background-color: blue;
}
.WTCSS-design-head
{
	width: 100%;
	padding: 2px 0px 4px 4px;
	/*margin: -2px -2px 0px -2px;*/
	background-color: #FF6600;
	font-weight: bold;
	color: #FFFFFF;
	opacity: 0.8;
}
.WTCSS-design-settings
{
	float: right;
	width: 16px;
	height: 16px;
	background-image: url(/icons/16round/16_settings_0.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 6px;
}
.WTCSS-design-settings:hover
{
	background-image: url(/icons/16round/16_settings_1.png);
	cursor: pointer;
}
.WTCSS-design-env-head
{
	width: 100%;
	padding: 3px;
	background-color: #6666ff;
	font-weight: bold;
	color: #FFFFFF;
	opacity: 0.8;
}


.designContainerHighlight
{
	box-sizing: content-box;
	border: 2px dotted red;
	margin: -2px 0px 0px -2px;
	padding: 0px;
	border-spacing: 0px;
	/*background-color: white;*/
}
.webTemplateEnvelope
{
	/*display: none;*/
	
}
.webTemplateEnvelopeHighlight
{
	box-sizing: content-box;
	border: 1px dotted blue;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}
/*
.designContainerHighlight
{
	border: 2px dashed red;
	margin: 2px;
	padding: 2px;
	border-spacing: 2px;
	background-color: white;
}
.webTemplateEnvelopeHighlight
{
	border: 2px dashed orange;
	margin: 2px;
	padding: 2px;
}
*/

