/* roboto-regular - cyrillic-ext_cyrillic_latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-italic - cyrillic-ext_cyrillic_latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Italic'), local('Roboto-Italic'), url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-italic.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - cyrillic-ext_cyrillic_latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-500.eot'); /* IE9 Compat Modes */ src: local('Roboto Medium'), local('Roboto-Medium'), url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-500.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500italic - cyrillic-ext_cyrillic_latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-500italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-500italic.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - cyrillic-ext_cyrillic_latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700italic - cyrillic-ext_cyrillic_latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-700italic.woff') format('woff'), /* Modern Browsers */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/roboto-v15-cyrillic-ext_cyrillic_latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */ } body{ margin: 0; padding: 0; height: 100%; font-family: Tahoma, Verdana, sans-serif; font-size: 15; } input, textarea, keygen,select,button{ font-family: Tahoma, Verdana, sans-serif; } input[type=button],input[type=submit], button { -webkit-appearance: none;} a, a:visited { color: #00468c; text-decoration: none; } a:hover, a:active { color: #666666; text-decoration: none; } .clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; overflow: hidden; } .clearleft { clear: left; height: 0; font-size: 1px; line-height: 0px; overflow: hidden; } html { height: 100% } td{ padding: 0; margin: 0; } /* COMMON STYLES END*/ /* BODY DEFAULT STYLES BEGIN */ #wt-body { background-color: #FFFFFF; text-align: left; color: #333333; overflow-y: scroll; } table { font-size: 14px;} /* BODY DEFAULT STYLES END */ body.default { background-color: #FFFFFF !important; } body.default #wt-container { background-color: transparent !important; } body.default #wt-container #wt-content{ background-color: transparent !important; } /* SIDE SPACERS BEGIN */ #wt-spacer-top { display: block; background-color: #FFFFFF; background: url(pics/header_bg.png) left bottom repeat-x; height: 50px; width: 100%; overflow: hidden; padding: 0px; margin: 0px; } #wt-spacer-bottom { display: none } #wt-spacer-left { display: none; } #wt-spacer-right { display: none; } body.default #wt-header-top { display: none } body.default #wt-spacer-top { background: none; } /* SIDE SPACERS END */ /* MAIN CONTAINER BEGIN */ #wt-container { box-sizing: content-box; width: 100%; background-color: transparent; margin: -50px auto 0px auto; border: none; text-align: left !important; height: 100%; padding:0px; } #wt-content { min-height: 100%; border: 0px solid transparent;/*иначе сверху виден фон body*/ padding-bottom: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: transparent; /*text-align: center;*/ } /* the auto margins (in conjunction with a width) center the page if spacers are off*/ #wt-zone-header { box-sizing: content-box; padding: 0; z-index: 10000; } /* MAIN CONTAINER END */ /* HEADER START */ #wt-header { height: auto; display: block; /*170px;*/ } #wt-header-wrapper { /*height: 50px; */ min-height: 50px; } #wt-header-top { height: 50px; background: url(pics/header_bg.png) left bottom repeat-x; background-color: transparent; position: fixed; top: 0px; left: 0px; z-index: 9999; display: block; width: 100%; } #wt-header-top-left { float: left; padding: 5px;} #wt-header-top-right { float: right; } #wt-header-top-center { } #wt-header-middle { height: auto; /* 130px; */} #wt-header-middle-bg2 {} #wt-header-middle-bg3 { } #wt-header-middle-left { float: left; width: auto; } /* width: auto or width: Npx for fixed width N = fullwidth - otherzoneswidth */ #wt-header-middle-left-left { display: block; float: left; } #wt-header-middle-left-left img { margin-top: 12px; /*float: left;*/ margin-left: -1px; /* width: 220px;*/ } /* top log overrides may be used here */ #wt-header-middle-left-center { width: 320px; float: left; } #wt-header-middle-right { width: 380px; float: right; } #wt-header-middle-center { display: none; text-align: center; margin: 0px 360px 0px 220px; } #wt-header-title {} #wt-header-title .WTCSS-header-title-flashobj {} #wt-header-title .WTCSS-header-title-flashembed {} #wt-header-title .WTCSS-header-title-image {} #wt-header-title .WTCSS-header-title-text { margin-left: 12px; margin-top: 28px; font-family: Tahoma, Verdana, sans-serif; font-size: 22px; font-weight: bold; color: #AAA; border-left: solid 1px #cccccc; padding-left: 24px; } #wt-header-bottom { display: none; } #wt-header-bottom-left { display: none; float: left; } #wt-header-bottom-right { display: none; float: right; } #wt-header-bottom-center { display: none; height: 36px; } /* HEADER END */ #wt-spacer-header-body { display: block; height: 8px; overflow: hidden; float: none; } #wt-spacer-middle-footer { display: block; height: 1px; overflow: hidden; float: none; } /* INTERIM START */ #wt-spacer-header-interim { display: none; } #wt-zone-interim { box-sizing: content-box; overflow: hidden; } #wt-zone-interim-left { box-sizing: content-box; float: left; border-right: solid 1px #eeeeee; } #wt-zone-interim-right { box-sizing: content-box; float: right; border-left: solid 1px #eeeeee; } #wt-zone-interim-right-wrapper { padding-left: 16px; } #wt-zone-interim-main { box-sizing: content-box; padding-right: 16px; } /* INTERIM END */ #wt-middle { } #wt-wrapper { box-sizing: content-box; overflow: hidden; z-index: 9000; /*padding-left: 5px; padding-right: 5px; */ width: 1200px; /* display:inline-block; */ text-align: left; overflow-x: auto; margin: 0 auto; display: block; } #wt-zone-left { box-sizing: content-box; float: left; padding: 0px 0px 100000px 0; margin-bottom: -100000px; border-right: solid 0px #eeeeee; } #wt-zone-left-wrapper { padding-right: 5px; padding-top: 0px; } #wt-zone-right { box-sizing: content-box; float: right; padding: 0px 0 100000px 0; margin-bottom: -100000px; } #wt-body #wt-zone-right-wrapper { border-left: solid 0px #eeeeee; padding-left: 5px; } #wt-body #wt-zone-main { box-sizing: content-box; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } #wt-zone-footer { height: 50px; margin-top: -50px; } #wt-zone-footer p { margin: 0; padding: 0; } #wt-footer { margin: 0; padding: 0; background-color: #00468c; border-top: 1px solid #00468c } #wt-footer-bg2 { } #wt-footer-bg3 { } #wt-footer-left { display: none; float: left; width: 200px; } #wt-footer-right { display: none; width: 300px; float: right; } #wt-footer-center { text-align: center; padding: 6px; /* top right bottom left */ } /* MENUS */ /* Buttons */ button,input[type=submit],input[type=button]:not(.x-form-checkbox):not(.x-form-radio) { background-color: #eceff1; background-image:url(/pics/bg_btn_grey.png); font-family:Tahoma, Verdana, sans-serif; color: #666; background-position: left center; background-repeat: repeat-x; border: 1px solid #cecece; padding: 3px 15px 3px 15px; text-align: center; margin: 0; font-size: 14px; } button,input[type=submit], input[type=button]:not(.x-form-checkbox):not(.x-form-radio):hover { background-color: #ffffff; color: #666; cursor: pointer; background-color: #e2e2e2; } /************ Horizontal menu *************************************/ /* Height is mandatory, level0_height + level0_borders + level0_padding */ .WTCSS-menu-h { height: auto; border-top: 0px solid #dbdbdb; border-bottom: 0px solid #EEEEEE; font-family: Tahoma, Verdana, sans-serif; width: 100%; background-color: #FFFFFF !important; background: url(pics/1blank.gif) left top repeat-x; } .WTCSS-menu-h div.menu-wrapper { height: auto; padding: 0px; } /* background colors levels 0-3 */ .WTCSS-menu-h ul li { z-index: 0; background-color: transparent; border-right: 0px solid #dbdbdb; border-top: 3px solid transparent; border-bottom: 3px solid transparent; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .WTCSS-menu-h ul li:hover { z-index: 10000; background-color: transparent; border-right: 0px solid #dbdbdb; border-top: 3px solid transparent; border-bottom: 3px solid #00468c; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .WTCSS-menu-h ul li ul li { border-top: 0px; border-bottom: 0px; } .WTCSS-menu-h ul li ul li:hover { border-top: 0px; border-bottom: 0px; } .WTCSS-menu-h ul li:hover ul li, .WTCSS-menu-h ul li:hover ul li:hover ul li, .WTCSS-menu-h ul li:hover ul li:hover ul li:hover ul li { background-color: #dddddd; border-right: 0px solid #dbdbdb; } .WTCSS-menu-h ul li:hover ul li:hover, .WTCSS-menu-h ul li:hover ul li:hover ul li:hover, .WTCSS-menu-h ul li:hover ul li:hover ul li:hover ul li:hover { background-color: #969696; border-right: 0px solid #dbdbdb; } /* text colors levels 0-3 */ .WTCSS-menu-h li a { color: #003366; } .WTCSS-menu-h li:hover li a, .WTCSS-menu-h li:hover li:hover li a, .WTCSS-menu-h li:hover li:hover li:hover li a { color: /* #666666; */ #000000; } .WTCSS-menu-h li:hover a { color: #d96d00; } .WTCSS-menu-h li:hover li:hover a, .WTCSS-menu-h li:hover li:hover li:hover a, .WTCSS-menu-h li:hover li:hover li:hover li:hover a { color: #FFFFFF; } .WTCSS-menu-h ul { padding: 0; margin: 0; list-style: none; white-space: nowrap; } .WTCSS-menu-h ul li { float: left; position:relative; font-size: 16px; } .WTCSS-menu-h a { display: block; text-decoration: none; } .WTCSS-menu-h a:visited, .WTCSS-menu-h a:active { color: #003366; } /* level 0 item element, design should be applied here, height is mandatory - content height */ .WTCSS-menu-h ul li a { text-align: center; font-weight: normal; padding: 12px 10px 12px 0px; line-height: 1;} .WTCSS-menu-h ul li a.menu-link:before{ display: block; float: left; margin-right: 3px; margin-top: -1px; } .WTCSS-menu-h ul li:hover a { } .WTCSS-menu-h ul li a div.item-icon { padding: 0px; } .WTCSS-menu-h ul li a div.item-no-icon { padding-left: 10px; none; border-left: solid 0px #999999; background: none; padding-right: 0px; } .WTCSS-menu-h ul li:hover a div.item-no-icon { background-position: right -97px; } /* level 1+ container, hidden by default */ .WTCSS-menu-h ul li ul { display: none; } .WTCSS-menu-h ul li ul li { margin-left: 0px; font-weight: normal; } .WTCSS-menu-h ul li:hover ul li a div.item-no-icon { padding-left: 10px; border-left: none !important; background-position: right -197px; } .WTCSS-menu-h ul li:hover ul li:hover a div.item-no-icon { padding-left: 10px; border-left: none !important; background-position: right -297px; } .WTCSS-menu-h ul li a div.item-no-icon-0 { padding-left: 10px; border-left: none !important; } .WTCSS-menu-h ul li:hover ul { display: block; z-index: 1000 !important; position: absolute; top: 40px; left: 0px; } .WTCSS-menu-h ul li:hover ul li a { display: block !important; text-align: left; font-size: 14px; font-weight: normal; border-left: solid 0px #999999; border-bottom: solid 0px #999999; border-right: solid 0px #999999; } .WTCSS-menu-h ul li:hover ul li:first-child a{ border-top: solid 0px #999999; } .WTCSS-menu-h ul li:hover ul li ul { display: none; } .WTCSS-menu-h ul li:hover ul li:hover ul li ul { display: none; } .WTCSS-menu-h ul li:hover ul li:hover ul li:hover ul li ul { display: none; } .WTCSS-menu-h ul li:hover ul li:hover ul { display:block; position:absolute; left:125px; top: -1px; } .WTCSS-menu-h ul li:hover ul li:hover ul li:hover ul { display:block; position:absolute; left:125px; top: 0px; } .WTCSS-menu-h ul li:hover ul li:hover ul li:hover ul li:hover ul { display:block; position:absolute; left:125px; top: -1px; } /************ Horizontal menu END *************************************/ /************ Horizontal menu alternative *****************************/ .main-menu-dropdown .menu-item{ margin-top: 2px; margin-bottom: 2px; text-align: left; font-size: 14px; min-width: 250px; } .menu-item-level-0{ } .main-menu-dropdown .menu-item-level-1 { color: #333333; font-size: 16px; margin-top: 10px; margin-bottom: 5px; } .menu-content-column .menu-item:first-child{ margin-top: 10px; } a.link-level-1:link, a.link-level-1:visited { color: #666666; } a.link-level-1:hover, a.link-level-1:active { color: #FFFFFF; font-weight: normal; text-decoration: none; } a.link-level-2:link, a.link-level-2:visited { color: #077fcc; } a.link-level-2:hover, a.link-level-2:active { color: #077fcc; font-weight: normal; text-decoration: none; } a.active span{ /* color:red;*/ } .menu-link span{ font-family: Tahoma, Verdana, sans-serif; } .main-menu-dropdown{ /*display: block; */ width: 100%; display: none; visibility: hidden; position: fixed; top: 49px; z-index: 9999; padding: 0px; line-height: 1.5em; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; padding: 10px; background-color: #ffffff; } .menu-content{ padding: 5px; } .menu-content-column{ float: left; margin: 10px 40px 10px 0; } .menu-desc{ float:left; max-width: 25%; padding: 15px; text-align: left; } .menu-desc-title{ font-size: 30px; line-height: 1em; } img.menu-desc-img { margin-top: 10px; margin-bottom: 10px; width: 200px; } .menu-desc-short { font-size: 12px; } a.menu-btn { display: inline-block; padding: 4px 8px 4px 8px; color: #FFFFFF; margin-top: 2px; font-size: 12px; background-color: #00468c; border-color: #00468c; } .menu-mobile { display: none; position: absolute; /*top: 69px;*/ left: 0px; z-index:999999; width: 100%; padding: 0px; background-color: #FFFFFF; } .menu-mobile>table { border-collapse: collapse } .menu-mobile>table>tbody>tr>td { text-align: left; padding: 28px; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; font-size: 22px; } .menu-mobile>table>tbody>tr>td:first-child{ border-top: 0; } .menu-mobile td a { color: #000000 } .menu-mobile td:hover { background-color: #00468c; color: #FFFFFF } .menu-mobile td:hover a { color: #FFFFFF !important } .menu-mobile td:hover a:hover { color: #FFFFFF !important } /************ Horizontal menu alternative END ************************/ /************ Vertical menu side *************************************/ .WTCSS-menu-vs { font-family: Tahoma, Verdana, sans-serif; font-size: 12px; width: 100%; background-color: #868686; } .WTCSS-menu-vs .menu-wrapper { padding: 1px; } .WTCSS-menu-vs ul { padding: 0; margin: 0; list-style: none; /* do not change */ } .WTCSS-menu-vs ul li { position:relative; } .WTCSS-menu-vs ul li div.item-wrapper { background-image: url(pics/32_menu_bg_0.png); background-position: center left; background-repeat: repeat-x; } .WTCSS-menu-vs ul li:hover div.item-wrapper { color: #333333; background-color: #cacaca; background-image: url(pics/32_menu_bg_1.png); background-position: center left; background-repeat: repeat-x; } /* level 0 item element, design should be applied here *//* mandatory, content height */ .WTCSS-menu-vs ul li a, .WTCSS-menu-vs ul li a:visited { height: 24px; line-height: 22px; display: block; text-decoration: none; text-align: left; color: #FFFFFF; font-weight: 500; border-bottom: dotted 1px #777777; padding: 0 6px 0 6px; } .WTCSS-menu-vs ul li a div.item-icon { background-position: 3px 4px; background-repeat: no-repeat; padding: 0 6px 0 22px; } .WTCSS-menu-vs ul li a div.item-no-icon { padding: 0 6px 0 22px; } .WTCSS-menu-vs ul li ul { display: none; /* do not change */ } .WTCSS-menu-vs ul li ul li { margin-left: 0px; font-weight: normal; } /* level 1 container, displayed on level 0 mouseover */ .WTCSS-menu-vs ul li:hover ul { display: block; position: absolute; border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; top: 0px; } .WTCSS-menu-vs ul li:hover ul li a { display: block !important; background:#eeeeee; color:#333333; text-align: left; font-weight: normal; border-bottom: dotted 1px #FFFFFF; border-right: solid 1px #FFFFFF; } .WTCSS-menu-vs ul li:hover ul li a:hover { background:#eeeeee; color:#333333; } .WTCSS-menu-vs ul li:hover ul li a { background:#c2c2c2; color:#FFFFFF; } .WTCSS-menu-vs ul li:hover ul li:hover a { background:#eeeeee; color:#000000; } .WTCSS-menu-vs ul li:hover ul li ul { display: none;} .WTCSS-menu-vs ul li:hover ul li:hover ul { display:block; position:absolute; top:0; } /************ Vertical menu side end *************************************/ /****** Vertical menu tree-like *******************************************/ .WTCSS-menu-vt { font-family: Tahoma, Verdana, sans-serif; font-size: 12px; width: 100%; background-color: #868686; } .WTCSS-menu-vt ul { padding:0; margin: 0; list-style: none; /* do not change */ } .WTCSS-menu-vt ul li.item-closed { position: relative; /* do not change */ } .WTCSS-menu-vt ul li ul.list-closed { display: none; /* do not change */ } .WTCSS-menu-vt ul li.item-open { position: relative; /* do not change */ } .WTCSS-menu-vt ul li ul.list-open { display: block; /* do not change */ } .WTCSS-menu-vt div.menu-wrapper { padding: 5px; } /* Level 0 is the only displayed with item-closed style, level 0 link wrapper, apply idle styles here */ .WTCSS-menu-vt ul li.item-closed div.item-wrapper { background-image: url(pics/32_menu_bg_0.png); background-position: top left; background-repeat: repeat-x; } .WTCSS-menu-vt ul li.item-closed div.over { background-image: url(pics/32_menu_bg_1.png); background-position: top left; background-repeat: repeat-x; } .WTCSS-menu-vt ul li.item-closed a, .WTCSS-menu-vt ul li.item.closed a:visited { display: block; height: 24px; line-height: 22px; text-decoration: none; text-align: left; color: #FFFFFF; font-weight: 500; border-bottom: dotted 1px #777777; } /* Link wrapper for open item - all or level 0 (if overrided later), apply idle styles here */ .WTCSS-menu-vt ul li.item-open div.item-wrapper { background-image: url(pics/32_menu_bg_1.png); background-position: top left; background-repeat: repeat-x; } .WTCSS-menu-vt ul li.item-open div.over { background-image: url(pics/32_menu_bg_0.png); background-position: top left; background-repeat: repeat-x; } .WTCSS-menu-vt ul li.item-open a, .WTCSS-menu-vt ul li.item.open a:visited { display: block; height: 24px; line-height: 22px; text-decoration: none; text-align: left; color: #FFFFFF; font-weight: 500; border-bottom: dotted 1px #777777; } /* Inner levels link wrapper. Use !important key to override level 0 styles */ .WTCSS-menu-vt ul li ul li div.item-wrapper { background: none !important; } .WTCSS-menu-vt ul li ul li div.over { background-image: url(pics/32_menu_bg_0.png) !important; background-position: top left; background-repeat: repeat-x; } .WTCSS-menu-vt ul li a div.item-icon { background-position: 3px 4px; background-repeat: no-repeat; padding: 0 6px 0 22px; } .WTCSS-menu-vt ul li a div.item-no-icon { padding: 0 6px 0 22px; } .WTCSS-menu-vt ul li.item-indent { /* если для каждого уровня отступ от предыдущего одинаковый, то можно задать здесь */} .WTCSS-menu-vt ul li.item-level-1 { margin-left: 12px; } .WTCSS-menu-vt ul li.item-level-1 a, .WTCSS-menu-vt ul li.item-level-1 a:visited { font-size: 11px; font-weight: normal !important; } .WTCSS-menu-vt ul li.item-level-2 { margin-left: 6px; } .WTCSS-menu-vt ul li.item-level-2 a, .WTCSS-menu-vt ul li.item-level-2 a:visited { font-size: 10px; font-weight: normal !important; } /****** Vertical menu tree-like END *******************************************/ #wt-user-panel { float: right; margin-top: 20px; margin-right: 0px; width: 284px; background-color: #ffffff; 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: 500; text-align: center; padding: 3px; color: #333333; } .WTCSS-user-info-pending-tasks { font-size: 11px; text-align: left; padding: 3px 0px 3px 3px; } .WTCSS-user-info-pending-tasks a { font-weight: 500; } .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: #077fcc; color: #FFFFFF; font-size: 16px; font-weight: normal; padding: 8px 10px 9px 10px; border-top: 0px solid #b3d5eb; border-bottom: 3px solid #077fcc; border-left: 0px solid #e6f4fd; border-right: 0px solid #e6f4fd; display: inline-block; } .WTCSS-poll div.common-container { background-color: inherit; padding: 0px 6px 0px 6px; border-left: 0px solid #e6f4fd; border-right: 0px solid #e6f4fd; border-bottom: 0px; } .WTCSS-poll div.container { padding-top: 6px; padding-bottom: 6px; } .WTCSS-poll div.header { color: #666666; font-size: 14px; font-weight: normal; padding: 6px 6px 6px 6px;} .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; } .WTCSS-poll td.input-label { width: 100%; padding: 6px; vertical-align: top;} .WTCSS-poll div.button-container { padding: 2px 0px 3px 3px;} /*.WTCSS-poll input.btn { background-color: #eeeeee; color: #666; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center; margin: 0; } .WTCSS-poll input.btn-disabled { background-color: #eeeeee; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center; margin: 0; opacity: 0.5; filter: alpha(opacity=50); } .WTCSS-poll input.btn:hover { background-color: #ffffff; color: #666; cursor: pointer; }*/ .WTCSS-poll div.archive { color: #333333; font-size: 14px; 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 2px 6px 12px; } /* POLL RESULTS */ .WTCSS-poll-result {} .WTCSS-poll-result div.wrapper {} .WTCSS-poll-result div.header { padding: 2px 6px 2px 5px; /* background-image: url(pics/icon_title.png); background-position: left center; background-repeat: no-repeat; border-bottom: solid 1px #CCCCCC; */ font-family: Tahoma, Verdana, sans-serif; font-size: 24px; font-weight: normal; color: #333333; } .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, Verdana, sans-serif; font-size: 14px; font-weight: 500; color: #333333; padding-bottom: 10px; } .WTCSS-poll-result table.poll-table div.question { font-family: Tahoma, Verdana, sans-serif; font-size: 12px; font-weight: 500; color: #333333; 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: 500; } .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 { overflow-x: auto; } .WTCSS-poll-procedure div.wrapper {} .WTCSS-poll-procedure div.header { padding: 2px 6px 2px 5px; /* background-image: url(pics/icon_title.png); background-position: left center; background-repeat: no-repeat; border-bottom: solid 1px #CCCCCC; */ font-family: Tahoma, Verdana, sans-serif; font-size: 24px; font-weight: normal; color: #333333; } .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: 500; 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: 500; } .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: #ffffff; color: #333333; font-size: 14px; font-weight: 500; 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 #ffffff; } .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: 500; } .WTCSS-poll-procedure table.survey-table td.survey-body div.confirmed { margin-bottom: 10px; padding: 10px; color: #00cc00; font-weight: 500; 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: 500; text-align: center; } .WTCSS-poll-procedure table.survey-table td.survey-body div.deleted { margin-bottom: 10px; padding: 10px; color: #cc0000; font-weight: 500; text-align: center; } div.btn-container { padding: 3px 0; } /*input.btn { background-color: #eeeeee; color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center; margin: 0; } input.btn:hover { background-color: #ffffff; color: #666; 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; } div.wt-poll-table-wrapper { position: relative; width: inherit; height: inherit; overflow: auto;} 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: 500; } 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: #333333; font-weight: 500; 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: 500; border-right: solid 3px #333333; text-align: center; } table.poll-table table.q-table td.q-table-column-title { padding: 5px; vertical-align: middle; font-weight: 500; border-bottom: solid 3px #333333; 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: #333333; font-weight: 500; 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 { overflow-x: auto; } .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: #ffffff; color: #333333; font-size: 14px; font-weight: 500; 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 #ffffff; border-right: solid 1px #ffffff; } .WTCSS-lastnews div.container { padding-top: 6px; padding-bottom: 6px; } .WTCSS-lastnews div.header { color: #666666; font-size: 11px; font-weight: 500; padding: 6px 6px 6px 12px; } .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: #ffffff; color: #333333; 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: #333333; font-size: 14px; font-weight: 500; 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 #ffffff; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; width: 100%; } .WTCSS-crs-rec table.table-main { width: 100%; } .WTCSS-crs-rec td.cell-header-name { color: #666666; font-size: 12px; font-weight: 500; padding: 6px 6px 6px 12px; background-color: #eeeeee; } .WTCSS-crs-rec td.cell-header-action { color: #666666; font-size: 12px; font-weight: 500; 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-position: left center; background-repeat: repeat-x; cursor: pointer; } /* PATH START */ .WTCSS-path { margin-bottom: 6px;} .WTCSS-path div.wrapper { padding: 0px; background-color: transparent; text-align: left; } .WTCSS-path table.body { width: 100%; } .WTCSS-path td.path { padding: 6px; padding-left: 0px; } .WTCSS-path td.doc-menu { width: 16px; padding: 4px; background-image: url(pics/menu_bullet_0.png); background-position: center; background-repeat: no-repeat; display: none; } .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: url(/pics/icon_path.png) right center no-repeat; } .WTCSS-path span.path-current {} .WTCSS-path td.path a.path-parent { color: #00468c; } .WTCSS-path td.path a.path-current { color: #666666; } .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: 500; } .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; } .WTCSS-search { height: 50px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; padding-left: 15px; padding-right: 15px; float: left; } .WTCSS-search input[type="text"] { width: 150px; height: 30px; border: 0px solid #FFFFFF; font-size: 16px; } .WTCSS-search input[type="button"] { width: 50px !important; text-align: left; padding-left: 5px; } .WTCSS-search .search-container { cursor: pointer } /* TITLE START */ .WTCSS-title { margin-bottom: 5px; } .WTCSS-title div.wrapper { padding-left: 1px; } .WTCSS-title div.text { padding: 0 6px 2px 5px; /* background-image: url(pics/icon_title.png); background-position: left center; background-repeat: no-repeat; border-bottom: solid 1px #CCCCCC; */ font-family: Tahoma, Verdana, sans-serif; font-size: 20px; font-weight: normal; color: #333333; } /* 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: #077fcc; color: #FFFFFF; font-size: 16px; font-weight: normal; padding: 8px 10px 9px 10px; border-top: 0px solid #b3d5eb; border-bottom: 3px solid #077fcc; border-left: 0px solid #e6f4fd; border-right: 0px solid #e6f4fd; display: inline-block; } .WTCSS-chat div.userlist { height: auto; padding: 5px 0px 5px 0px; border-left: 0px solid #e6f4fd; border-right: 0px solid #e6f4fd; border-bottom: 0px solid #e6f4fd; } .WTCSS-chat div.header { color: #666666; font-size: 12px; font-weight: 500; padding: 6px 6px 6px 6px; } .WTCSS-chat div.header-button { } .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; color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 10px 3px 10px; text-align: center; margin: 0; } .WTCSS-chat input.button:hover { background-color: #ffffff; color: #666; cursor: pointer; } .WTCSS-chat div.user-row { border: solid 1px #eeeeee; padding: 3px; cursor: pointer; } .WTCSS-chat div.user-row:hover { border: solid 1px #ffffff; background-color: #ffffff; } .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: 500; } .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: #ffffff; text-align: left; border: solid 1px #b3d5eb; } .WTCSS-chat-container td { vertical-align: top; } .WTCSS-chat-container div.chat-header { color: #333333; font-size: 12px; font-weight: 500; background-color: #ffffff; 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); color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center; margin: 0; } .WTCSS-chat-container input.chat-button:hover { background-color: #ffffff; color: #666; 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; } .WTCSS-chat-container span.wt-chat-line-mine-username { font-size: 12px; color: #336699; font-weight:bold; } .WTCSS-chat-container span.wt-chat-line-user-username { font-size: 12px; color: #666666; font-weight:bold; } /* 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: 500; padding-left: 10px; cursor: pointer;} .WTCSS-switcher div.sites-counter { float: right; color: #006699; width: 32px; text-align: center; font-weight: 500; 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: 500; padding-left: 10px; cursor: pointer;} .WTCSS-switcher div.views-counter { float: right; color: #006699; width: 32px; text-align: center; font-weight: 500; 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; text-align: left; position: absolute; z-index: 9999; right:0; top: 49px; width: 250px; background-color: #ffffff; color: #666666; border: 1px 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 { text-align: left; padding: 3px; width: 50%; } .WTCSS-dropdown td.close-box { text-align: right; padding: 5px; width: 50%; } .WTCSS-dropdown div.title { font-weight: 500; 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); } */ .WTCSS-dropdown .list-div div.pagelink { background-position: left top; background-repeat: no-repeat; padding: 0px 0px 2px 0px; background-image: none; } .WTCSS-dropdown .list-div div.pagelink:hover { background-image: none; } .WTCSS-dropdown a{color: #000000;} /*DROPDOWN-USER-CABINET*/ .WTCSS-user-info { float: left; text-align: right; } .WTCSS-user-info icon{ color: #003366;} .WTCSS-user-info div{} .WTCSS-user-info div.wrapper { height: 50px; margin-top: 0; overflow-y: hidden; white-space: nowrap; padding-right: 10px; padding-left: 10px; } .WTCSS-user-info div.user-cabinet { float: left; font-weight: 500; padding-top: 4px; padding-bottom: 4px; cursor: pointer; } .WTCSS-user-info div.user-cabinet:hover a { text-decoration: none; } .WTCSS-user-info div.userphoto { padding: 2px 2px; float: left; } .WTCSS-user-info img.userphoto { height: 24px; } .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-family: Tahoma, Verdana, sans-serif; font-weight: normal; padding: 4px 10px;} .WTCSS-user-info div.user-cabinet a { color: #003366; } .WTCSS-user-info .user-cabinet table{ float: left; height: 42px; } .WTCSS-logout{ padding-left: 10px; font-size: 14px; } .WTCSS-logout a,.WTCSS-logout a:hover { /*color: #333333;*/ } /*DROPDOWN-MY-CHAT*/ .WTCSS-chat-info { float: left } .WTCSS-chat-info div.wrapper { height: 42px; margin-top: 0; padding:4px; overflow-y: hidden; white-space: nowrap; } .WTCSS-chat-info div.messages { color: #003366; font-weight: 500; cursor: pointer;} .WTCSS-chat-info div.messages:hover a { text-decoration: underline; } .WTCSS-chat-info div.messages-counter { width: 32px; text-align: center; color: #003366; font-weight: 500; 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: #003366; font-weight: 500; padding: 11px 6px 9px 6px; } /*DROPDOWN-MY-SOC*/ .WTCSS-soc-info { float: left } .WTCSS-soc-info div.wrapper { height: 34px; margin-top: 2px; overflow-y: hidden; white-space: nowrap; } .WTCSS-soc-info div.messages { color: #003366; font-weight: 500; padding-left: 10px; cursor: pointer;} .WTCSS-soc-info div.messages:hover a { text-decoration: underline; } .WTCSS-soc-info div.messages-counter { width: 32px; text-align: center; font-weight: 500; color: #ffffff; margin-top: 4px; padding: 8px 0px; background-image: url(icons/24_soc.png); background-position: center center; background-repeat: no-repeat; } .WTCSS-soc-info div.messages-text { color: #003366; font-weight: 500; padding: 11px 6px 9px 6px; } /*DROPDOWN-MY-TODO*/ .WTCSS-todo-info { float: left } .WTCSS-todo-info div.wrapper { height: 42px; margin-top: 0; padding:4px; overflow-y: hidden; white-space: nowrap; } .WTCSS-todo-info div.todo { color: #003366; font-weight: 500; 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: 500; color: #003366; 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: #003366; font-weight: 500; 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: #003366; font-weight: 500; 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: 500; 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: #003366; font-weight: 500; 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: #003366; font-weight: 500; 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: 500; 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: #003366; font-weight: 500; 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: #003366; font-weight: 500;} .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: #003366; font-weight: 500; padding: 11px 6px;} .WTCSS-user-line div.username span { color: #333333;} .WTCSS-user-line div.usertasks { padding: 11px; float: left; } .WTCSS-user-line div.messages { float: left; color: #003366; font-weight: 500; padding-left: 10px; cursor: pointer;} .WTCSS-user-line div.messages-counter { float: left; width: 32px; text-align: center; font-weight: 500; 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: #003366; font-weight: 500; padding-left: 10px; cursor: pointer;} .WTCSS-user-line div.todo-counter { float: left; color: #003366; width: 32px; text-align: center; font-weight: 500; color: #003366; 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: #ffffff; color: #333333; font-size: 14px; font-weight: 500; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; } .WTCSS-ass-tree div.container { padding: 6px; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; 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: 500; } .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: #ffffff; border-top: solid 3px #b3d5eb; border-bottom: dotted 1px #cccccc; font-size: 14px; color: #333333; font-weight: 500; } .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; text-align: center;} .WTCSS-ass-app .ass-button { background-color: #eeeeee; background-image: url(/pics/bg_btn_grey.png); color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center; margin: 0; } .WTCSS-ass-app .ass-button:hover { background-color: #ffffff; color: #666; cursor: pointer; } .WTCSS-ass-app table.ass-header-table { border-spacing: 0; width: 100%; } .WTCSS-ass-app td.ass-grid-name { font-weight: 500; 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; } /* COMP2 */ div.competence-block-container { padding: 0; } div.competence-block-container div.competence-block { background-color: #eee; padding: 10px 20px 20px 20px; border-radius: 10px; box-shadow: 2px 2px 8px rgba(0,0,0,0.5); margin: 0 0 20px 0; } div.competence-block-container div.competence-block div.head-part { border-bottom: inset 2px #999; padding: 0 0 10px 0; } div.competence-block-container div.competence-block table.head-table { border-spacing: 0; width: 100%; } div.competence-block-container div.competence-block td.comp-name { width: 100%; padding: 0 20px 0 0; font-size: 1.8em; font-weight: 500; color: #369; text-shadow: 1px 1px 3px rgba(66,66,66,0.5); } div.competence-block-container div.competence-block td.comp-value { vertical-align: top; } div.competence-block-container div.comp-controls { padding: 10px 0; } div.competence-block-container div.comp-comment { margin: 10px 0; } div.competence-block-container div.comp-comment-head { text-align: right; } div.competence-block-container div.comp-comment span.comp-comment { padding: 2px 5px; font-size: 0.8em; color: #666; background-color: #ccc; } div.competence-block-container div.comp-comment textarea { border: solid 1px #ccc; width: 99%; margin: 0 auto; min-width: 160px; min-height: 60px; resize: none; } div.competence-block-container div.competence-block div.comp-value { margin: 0 0 0 auto; border-radius: 10px; text-shadow: 1px 1px 3px rgba(66,66,66,0.5); box-shadow: 1px 1px 4px rgba(0,0,0,0.5); padding: 5px; font-weight: 500; font-size: 24px; min-width: 72px; background-color: #999; color: #fff; text-align: center;} div.competence-block-container div.ind-block { background-color: #fff; padding: 10px 20px; border-radius: 10px; margin: 10px 0 0 0; box-shadow: 1px 1px 4px rgba(0,0,0,0.5); } div.competence-block-container div.ind-block div.head-part { border-bottom: solid 1px #ccc; padding: 0 0 10px 0; font-size: 1.3em; color: #333; } div.competence-block-container div.ind-block div.ind-controls { padding: 10px 0; } div.competence-block-container div.ind-block div.ind-comment { margin: 10px 0; } div.competence-block-container div.ind-block div.ind-comment-head { text-align: right; } div.competence-block-container div.ind-block div.ind-comment span.ind-comment { padding: 2px 5px; font-size: 0.8em; color: #666; background-color: #ccc; } div.competence-block-container div.ind-block div.ind-comment textarea { border: solid 1px #ccc; width: 99%; margin: 0 auto; min-width: 160px; min-height: 60px; resize: none; } div.competence-block-container div.ass-slider-value { border-radius: 10px; margin: 2px 2px 2px auto; padding: 5px; width: 64px; font-weight: 500; font-size: 18px; background-color: #999; color: #fff; text-align: center; text-shadow: 1px 1px 3px rgba(66,66,66,0.5); box-shadow: 1px 1px 4px rgba(0,0,0,0.5); } div.competence-block-container table.ass-slider-table { margin: 0 0 0 auto; } div.competence-block-container div.ass-slider { width: 400px; } div.competence-block-container div.ass-overall-container { background-color: #eee; padding: 10px 20px; border-radius: 10px; margin: 10px 0 0 0; box-shadow: 1px 1px 4px rgba(0,0,0,0.5); } div.competence-block-container table.ass-overall-table { border-spacing: 0; width: 100%; } div.competence-block-container table.ass-overall-table td.ass-overall-title { width: 100%; font-size: 1.8em; font-weight: 500; color: #666; text-align: right; padding: 0 20px 0 0; } div.competence-block-container table.ass-overall-table td.ass-overall-value { padding: 0; } div.competence-block-container div.ass-overall { margin: 0 0 0 auto; border-radius: 10px; text-shadow: 1px 1px 3px rgba(66,66,66,0.5); box-shadow: 1px 1px 4px rgba(0,0,0,0.5); padding: 5px; font-weight: 500; font-size: 24px; min-width: 72px; background-color: #999; color: #FFFFFF; text-align: center; } /* ASSESSMENT TREE OLD */ .WTCSS-ass-tree-old {} .WTCSS-ass-tree-old div.wrapper { } .WTCSS-ass-tree-old div.header { background-color: #077fcc; color: #FFFFFF; font-size: 16px; font-weight: normal; padding: 8px 10px 9px 10px; border-top: 0px solid #b3d5eb; } .WTCSS-ass-tree-old div.container { background-color: #FFFFFF !important; padding: 0px; border-left: 0px solid #e6f4fd; border-right: 0px solid #e6f4fd; border-bottom: 0px; color: #666666; } .WTCSS-ass-tree-old div.container div#tree_widow_part { height: auto !important } .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: #FFFFFF; } .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: #333333; } .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: #ffffff; color: #333333; font-size: 16px; font-weight: 500; 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: 500; 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); color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center; margin: 0; } .WTCSS-button:hover { background-color: #ffffff; color: #666; 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: #333333; font-weight: 500; 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: 10px; } .WTCSS-switch-panel div.wrapper {} .WTCSS-switch-panel div.head { background-color: #eeeeee; background-position: top left; background-repeat: repeat-x; padding: 5px; cursor: pointer; } .WTCSS-switch-panel div.head div.title { border: 0; padding: 5px;} .WTCSS-switch-panel div.head div.switch { float: right; width: 15px; height: 16px; font-size: 15px; overflow: hidden; } .WTCSS-switch-panel div.head div.switch:hover { } .WTCSS-switch-panel div.head div.off { background-position: -13px 0px; } .WTCSS-switch-panel div.head div.off:hover { } .WTCSS-switch-panel div.content { padding: 0px; border-left: dotted 0px #cccccc; border-bottom: dotted 0px #cccccc; border-right: dotted 0px #cccccc; background-color: #ffffff; } .WTCSS-switch-panel .form-table>tbody>tr:last-child>td { border-top: 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: #333333; } .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: #ffffff; border-top: solid 3px #b3d5eb; border-bottom: dotted 1px #cccccc; font-size: 14px; color: #333333; font-weight: 500; } .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: 500; color: #333333; } .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-value { padding: 6px; background-color: #eee; font-size: 14px; font-weight: 500; } .WTCSS-comp-body table.competence-table .td-overall { padding: 6px; background-color: #eee; font-size: 16px; font-weight: 500; color: #369 } .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: 0; height: 40px; text-align: center; } .WTCSS-comp-body table.radioline-table td.radioline-td div.div2 { padding: 0; height: 40px; min-width: 44px; text-align: center; } .WTCSS-comp-body table.radioline-table td.radioline-td div.div3 { margin: 0 auto; padding: 0; 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: 0; height: 40px; text-align: center; } .WTCSS-comp-body table.radioline-table td.radioline-td-N div.div2 { padding: 0; height: 40px; min-width: 44px; text-align: center; } .WTCSS-comp-body table.radioline-table td.radioline-td-N div.div3 { margin: 0 auto; padding: 0; 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: 500; } .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: #333333; } /* 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: #333333; font-weight: 500; 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; min-width: 32px; font-weight: 500; border-radius: 5px; font-size: 16px; background-color: #333333; 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: 500; color: #333333; 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-supp-questions .wt-supp-question { position: relative; margin: 10px 0 0 0; } .WTCSS-supp-questions .wt-supp-question .wt-supp-header { position: relative; border-top: solid 3px #b3d5eb; border-bottom: dotted 1px #ccc; border-left: dotted 1px #ccc; border-right: dotted 1px #ccc; background-color: #e6f4fd; padding: 6px; font-size: 14px; font-weight: 500; color: #333333; } .WTCSS-supp-questions .wt-supp-question .wt-supp-body { position: relative; border-bottom: dotted 1px #ccc; border-left: dotted 1px #ccc; border-right: dotted 1px #ccc; background-color: #fff; padding: 6px; font-size: 12px; color: #666; } .WTCSS-supp-questions .wt-supp-body textarea { position: relative; box-sizing: border-box; width: 100%; min-height: 80px; font-size: 12px; color: #666; } .WTCSS-supp-questions .wt-supp-body select { position: relative; padding: 3px; font-size: 12px; height: 25px; color: #666; border: solid 1px #999; border-radius: 5px; } .WTCSS-supp-questions .wt-supp-body .wt-supp-checkbox-table { position: relative; box-sizing: border-box; width: 100%; border-spacing: 0 5px; } .WTCSS-supp-questions .wt-supp-body .wt-supp-checkbox-table td { vertical-align: top; background-color: #eee; } .WTCSS-supp-questions .wt-supp-checkbox-table .wt-supp-checkbox-label-td { width: 100%; padding: 10px; border-radius: 5px 0 0 5px; } .WTCSS-supp-questions .wt-supp-checkbox-table label { cursor: pointer; } .WTCSS-supp-questions .wt-supp-checkbox-table .wt-supp-checkbox-input-td { padding: 10px; border-radius: 0 5px 5px 0; } .WTCSS-supp-questions .wt-supp-checkbox-list { position: relative; list-style: square; } .WTCSS-supp-questions .wt-supp-checkbox-list li { padding: 0 0 0 40px; } .WTCSS-comment { margin-top: 12px; } .WTCSS-comment div.header { font-weight: 500; color: #333333; 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: 500; 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: #ffffff; } .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: #ffffff; } .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-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: #ffffff; } .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: 500; 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); color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center; margin: 0; } .WTCSS-btn-container input.button:hover { background-color: #ffffff; color: #666; cursor: pointer; } .WTCSS-forum { padding: 0 0 10px 0; margin-top: 5px; } .WTCSS-forum div.edit-form-container { height: 1px; overflow: hidden; visibility: hidden; } .WTCSS-forum div.wrapper {} .WTCSS-forum table.list-table { width: 100%; } .WTCSS-forum table.list-table th { white-space: nowrap; vertical-align: middle;color: #666666; padding: 7px; background-color: #eeeeee; text-align: left; font-size: 14px; font-weight: normal; color: #000000; } .WTCSS-forum table.list-table th.first {} .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 { 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; font-weight: normal; color: #000000; } .WTCSS-forum table.list-table th div.arrow { width: 2px; background-image: url(icons/service/sorting_bg.png); background-position: center -104px; background-repeat: no-repeat; padding-right: 12px; padding-left: 5px;} .WTCSS-forum table.list-table th.ascending { } .WTCSS-forum table.list-table th.descending {} .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; color: #1e1e1e; padding: 7px; text-align: left; font-size: 14px; font-family: Tahoma, Verdana, sans-serif; } .WTCSS-forum table.list-table td.first { } .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 {} .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.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-close { float: right; margin-left: 4px; width: 16px; height: 16px; background-image: url(icons/16round/16_cancel_0.png); background-position: top right; background-repeat: no-repeat; } .WTCSS-forum table.list-table div.action-close:hover { cursor: pointer; background-image: url(icons/16round/16_cancel_1.png) !important; } .WTCSS-forum table.list-table div.icon-closed { float: right; margin-left: 4px; width: 16px; height: 16px; background-image: url(icons/16round/16_cancel_1.png); background-position: top right; background-repeat: no-repeat; } .WTCSS-forum table.list-table td.pinned { font-weight: 500; } .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.page-selector { margin: 10px 0 0 0; border: solid 1px #ccc; background-color: #eee; padding: 5px; text-align: center; } .WTCSS-forum div.page-selector span.page-divider { margin: 0 2px; font-size: 12px; color: #ccc; } .WTCSS-forum div.page-selector span.page-current { margin: 0; padding: 0; font-size: 12px; font-weight: 500; } .WTCSS-forum div.page-selector a.page-link { margin: 0; padding: 0; font-size: 12px; } .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.rich-text-fld{ 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); color: #666; background-position: left center; background-repeat: repeat-x; border: 1px solid #cecece; padding: 3px 15px 3px 15px; text-align: center; margin: 0; } .WTCSS-forum input.btn:hover { background-color: #ffffff; color: #666; cursor: pointer; background-color: #e2e2e2; }*/ .WTCSS-forum div.new-msg table.form-table td.bottom-title { } .WTCSS-forum div.new-msg table.form-table td.bottom-main { } .WTCSS-forum div.new-msg table.form-table td.bottom-service { } .WTCSS-forum div.new-msg table.form-table div.btn-container { } .WTCSS-forum div.new-msg table.form-table td.subject-title { vertical-align: middle !important; } .WTCSS-forum div.new-msg table.form-table td.subject-main { } .WTCSS-forum div.new-msg table.form-table td.subject-service { 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: 500; } .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: 10px 0 0 0;} .WTCSS-forum div.toolbar select { 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 #cccccc; color: #666666; padding: 0; margin-top: 5px; } .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: 500; 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: 500; } .WTCSS-forum div.forum-entry table.entry td.entry-body div.body { margin-top: 5px; } .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 { 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 { } .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: 500; 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; overflow: hidden;} .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; white-space: normal; } .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.entry-head div.contents div.tools input.reply { min-width: 150px; } .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.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(pics/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-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: 500; } .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 { } .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: dotted 1px #cccccc; color: #666666; padding: 10px; margin-top: 5px;} .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: 500; 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: 500; } .WTCSS-forum div.forum-entry table.entry td.entry-body div.body { margin-top: 5px; } .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 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: 500; font-size: 11px;} .WTCSS-forum div.attached-files ul li { min-height: 16px; } /*.WTCSS-forum div.attached-files ul { font-size: 11px; margin: 0; } .WTCSS-forum div.attached-files ul { font-size: 11px; }*/ div.attach-select { position: absolute; display: none; width: 220px; text-align: left; box-shadow: 1px 1px 6px rgba(0,0,0,0.8); border: solid 1px #999; } div.attach-select ul { list-style: none; padding: 0; margin: 0; } div.add-file-panel div.add-file-btn { text-align: left; white-space: nowrap; margin: 5px 0; padding: 1px 0 0 20px; color: #999999; font-size: 11px; width: 150px; height: 16px; background-image: url(social/icons/soc_sprite.png); background-position: 0px -1400px; background-repeat: no-repeat; } div.add-file-panel div.add-file-btn:hover { background-position: 0px -1500px; cursor: pointer; color: #339933; } div.attach-select li.pseudo-menu-item { background-color: #fff; padding: 5px 10px 5px 25px; color: #666; font-size: 1em; cursor: pointer; } div.attach-select li.pseudo-menu-item:hover { background-color: #eee; color: #369; font-size: 1em; } div.attach-select li.li-target-resource { background-image: url(icons/16round/16_link_0.png); background-position: 5px 4px; background-repeat: no-repeat; } div.attach-select li.li-target-resource:hover { background-image: url(icons/16round/16_link_1.png); } div.attach-select li.li-target-file { background-image: url(icons/16round/16_save_0.png); background-position: 5px 4px; background-repeat: no-repeat; } div.attach-select li.li-target-file:hover { background-image: url(icons/16round/16_save_1.png); } ul.att-list { list-style: none; padding: 0; } ul.att-list li { text-align: left; padding: 2px 0 4px 20px; font-size: 11px; background-position: left 4px; background-repeat: no-repeat; min-height: 16px; } ul.att-list li input.input-file { width: 320px; height: 24px; } ul.att-list li.li-has-value input.input-file { width: 1px; height: 1px; visibility: hidden; } ul.att-list li.li-removed span.attachment-path { text-decoration: line-through; } ul.att-list li span.attachment-delete { display: inline-block; width: 16px; height: 16px; overflow: hidden; margin: 0 0 -3px 6px; cursor: pointer; background-image: url(icons/16round/16_delete_0.png); background-position: center center; background-repeat: no-repeat; } ul.att-list li span.attachment-delete:hover { background-image: url(icons/16round/16_delete_1.png); } ul.att-list li.li-removed span.attachment-delete { display: none; } ul.att-list li.li-removed span.attachment-restore { display: inline-block; width: 16px; height: 16px; overflow: hidden; margin: 0 0 -3px 6px; cursor: pointer; background-image: url(icons/16round/16_undo_0.png); background-position: center center; background-repeat: no-repeat; } ul.att-list li.li-removed span.attachment-restore:hover { background-image: url(icons/16round/16_undo_1.png); } ul.att-list li span.attachment-restore { display: none; } ul.att-list li.li-in-process { visibility: hidden; } ul.att-list li.li-no-value { background-image: url(icons/16_warning.png); } ul.att-list li.li-no-value span.attachment-delete { display: none; } ul.att-list li.li-img { background-image: url(icons/file_types/16/16_img.png); } ul.att-list li.li-doc { background-image: url(icons/file_types/16/16_doc.png); } ul.att-list li.li-xls { background-image: url(icons/file_types/16/16_xls.png); } ul.att-list li.li-ppt { background-image: url(icons/file_types/16/16_ppt.png); } ul.att-list li.li-pdf { background-image: url(icons/file_types/16/16_pdf.png); } ul.att-list li.li-audio { background-image: url(icons/file_types/16/16_audio.png); } ul.att-list li.li-video { background-image: url(icons/file_types/16/16_video.png); } ul.att-list li.li-archive { background-image: url(icons/file_types/16/16_archive.png); } ul.att-list li.li-text { background-image: url(icons/file_types/16/16_text.png); } ul.att-list li.li-file { background-image: url(icons/file_types/16/16_file.png); } /* Old CSS Styles .WTCSS-forum div.attach-select { position: absolute; display: none; width: 220px; text-align: left; box-shadow: 1px 1px 6px rgba(0,0,0,0.8); border: solid 1px #999; } .WTCSS-forum div.attach-select ul { list-style: none; } .WTCSS-forum div.attach-select li.pseudo-menu-item { background-color: #fff; padding: 5px 10px; color: #666; font-size: 1em; cursor: pointer; } .WTCSS-forum div.attach-select li.pseudo-menu-item:hover { background-color: #eee; color: #369; font-size: 1em; } */ .WTCSS-forum ul.attached-list { list-style: none; padding: 0 0 5px 10px; } .WTCSS-forum ul.attached-list li { text-align: left; padding: 2px 0 4px 20px; font-size: 0.9em; background-position: left 4px; background-repeat: no-repeat; } .WTCSS-forum ul.attached-list li input.input-file { width: 1px; height: 1px; visibility: hidden; } .WTCSS-forum ul.attached-list li span.attachment-delete { display: inline-block; width: 16px; height: 16px; overflow: hidden; margin: 0 0 -3px 6px; cursor: pointer; background-image: url(icons/16round/16_close_0.png); background-position: center center; background-repeat: no-repeat; } .WTCSS-forum ul.attached-list li span.attachment-delete:hover { background-image: url(icons/16round/16_close_1.png); } .WTCSS-forum ul.attached-list li.li-img { background-image: url(icons/file_types/16/16_img.png); } .WTCSS-forum ul.attached-list li.li-doc { background-image: url(icons/file_types/16/16_doc.png); } .WTCSS-forum ul.attached-list li.li-xls { background-image: url(icons/file_types/16/16_xls.png); } .WTCSS-forum ul.attached-list li.li-ppt { background-image: url(icons/file_types/16/16_ppt.png); } .WTCSS-forum ul.attached-list li.li-pdf { background-image: url(icons/file_types/16/16_pdf.png); } .WTCSS-forum ul.attached-list li.li-audio { background-image: url(icons/file_types/16/16_audio.png); } .WTCSS-forum ul.attached-list li.li-video { background-image: url(icons/file_types/16/16_video.png); } .WTCSS-forum ul.attached-list li.li-archive { background-image: url(icons/file_types/16/16_archive.png); } .WTCSS-forum ul.attached-list li.li-text { background-image: url(icons/file_types/16/16_text.png); } .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: 500; 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: 14px; 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: 500; } .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; } .WTCSS-footer-text { font-family: Tahoma, Verdana, sans-serif; font-size: 14px; font-weight: normal; color: #FFFFFF; margin: 10px 10px; 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: 500; 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: #ffffff; z-index: 10000; border-left: solid 2px #ffffff; border-bottom: solid 2px #ffffff; border-right: solid 2px #ffffff; 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: #ffffff; } .WTCSS-design-dialog div.header div.title { color: #333333; font-size: 14px; font-weight: 500; 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: 500; text-align: center; } .WTCSS-design-dialog div.body table.owt-table th.weight { background-color: #eeeeee; color: #666666; font-weight: 500; text-align: center; cursor: help; width: 32px; } .WTCSS-design-dialog div.body table.owt-table th.left { background-color: #eeeeee; color: #666666; font-weight: 500; text-align: left; } .WTCSS-design-dialog div.body table.owt-table th.action { background-color: #eeeeee; color: #666666; font-weight: 500; text-align: center; width: 32px; } .WTCSS-design-dialog div.body table.owt-table th.value { background-color: #eeeeee; color: #666666; font-weight: 500; 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: #ffffff; } .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: 500; 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: 500; 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); color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center; margin: 0; } .WTCSS-design-dialog div.buttons input.btn:hover { background-color: #ffffff; color: #666; 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, Verdana, sans-serif; font-size: 12px; font-weight: 500; 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); color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFF; padding: 3px 15px 3px 15px; text-align: center; margin: 0px 3px ; } .WTCSS-dlg-selector input.btn:hover { background-color: #ffffff; color: #666; cursor: pointer; } .WTCSS-dlg-selector td.btn-holder { width: 100%; padding: 3px; background-color: #eeeeee; } /* COMMON HEAD*/ div.head { background-color: #077fcc; background-position: top left; background-repeat: repeat-x; padding: 8px; border: dotted 0px #cccccc; cursor: pointer; } div.head div.title { float: none; margin-right: 20px; font-size: 16px; font-weight: normal; padding: 10px 5px; color: #FFFFFF; border-bottom: 3px solid #077fcc; margin: 5px 0;} div.head div.switch { float: right; width: 15px; height: 16px; font-size: 15px; overflow: hidden; background-image: url(pics/block_arrows_pm5.png); background-position: 0px 0px; margin-top: 10px; margin-right: 5px; } div.head div.switch:hover {} div.head div.off { background-position: 16px 0px; } div.head div.off:hover { } div.content { padding: 0px; border-left: dotted 0px #cccccc; border-bottom: dotted 0px #cccccc; border-right: dotted 0px #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: 500; } .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: 500; 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: 500; 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: 500; 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; min-height: 12px;} .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: 500; 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, Verdana, 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: 500;} .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: 500; 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 { width: 100%; 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, Verdana, 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, Verdana, 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; } .WTCSS-control-checklist-list .wt-name-wrapper { position: relative; overflow: hidden; text-overflow: ellipsis; } .WTCSS-control-checklist-list .wt-name-list-row td, .WTCSS-control-checklist-list .wt-name-list-row input { cursor: pointer; } /* COMMON CATALOG - legacy notation */ .catalog-title { font-family: Tahoma, Verdana, sans-serif; font-weight: 500; font-size: 14px; color: #333333; 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: 500; } .tableBasic th.descending { background-color: #cccccc; font-weight: 500; } .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: 500; } 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: 500; } .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: 500; 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: #333333; font-family: Tahoma, Verdana, sans-serif; font-size:12px; font-weight: 500; } table.calendarInnerTable {} td.calendarDaysHeader { background-color: #333333; padding: 2px; color: #FFFFFF; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; font-weight:bold; } td.calendarCell { border: 1px solid #cccccc; height: 70px; vertical-align: top; font-family: Tahoma, Verdana, sans-serif; font-size:9px; } td.tableRowEvenEvery { font-family: Tahoma, Verdana, sans-serif; font-size: 7pt; font-weight: 500; padding: 2px; background-color:#eeeeee; background-position: center; color: #000000; } td.tableRowEvenHoll { font-family: Tahoma, Verdana, sans-serif; font-size: 7pt; font-weight: 500; 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: 500; } .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: #ffffff !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: 500; 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: 500; margin-right: 5px; } .WTCSS-blog-card table.msg-table td.header div.title { margin: 10px 0px; font-weight: 500; 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: 500; } .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: 500; 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; } /* resetting default styles to override ExtJS styles */ .WTCSS-blog-card .msg-content p, .WTCSS-blog-card .msg-content dl { display: block; margin: 1em 0; } .WTCSS-blog-card .msg-content blockquote, .WTCSS-blog-card .msg-content figure { display: block; margin: 1em 40px; } .WTCSS-blog-card .msg-content h1 { display: block; font-size: 2em; font-weight: 500; margin: .67em 0; } .WTCSS-blog-card .msg-content h2 { display: block; font-size: 1.5em; font-weight: 500; margin: .83em 0; } .WTCSS-blog-card .msg-content h3 { display: block; font-size: 1.17em; font-weight: 500; margin: 1em 0; } .WTCSS-blog-card .msg-content h4 { display: block; font-size: 1em; font-weight: 500; margin: 1.33em 0; } .WTCSS-blog-card .msg-content h5 { display: block; font-size: 0.83em; font-weight: 500; margin: 1.67em 0; } .WTCSS-blog-card .msg-content h6 { display: block; font-size: 0.67em; font-weight: 500; margin: 2.33em 0; } .WTCSS-blog-card .msg-content table { display: table; border-spacing: 2px; border-collapse: separate; margin-top: 0; margin-bottom: 0; box-sizing: border-box; text-indent: 0; } .WTCSS-blog-card .msg-content td { display: table-cell; vertical-align: inherit; text-align: inherit; padding: 1px; } .WTCSS-blog-card .msg-content th { display: table-cell; vertical-align: inherit; font-weight: 500; padding: 1px; } .WTCSS-blog-card .msg-content b, .WTCSS-blog-card .msg-content strong { font-weight: 500; } .WTCSS-blog-card .msg-content i, .WTCSS-blog-card .msg-content cite, .WTCSS-blog-card .msg-content em, .WTCSS-blog-card .msg-content var, .WTCSS-blog-card .msg-content dfn { font-style: italic; } .WTCSS-blog-card .msg-content tt, .WTCSS-blog-card .msg-content code, .WTCSS-blog-card .msg-content kbd, .WTCSS-blog-card .msg-content samp { font-family: monospace; } .WTCSS-blog-card .msg-content u, .WTCSS-blog-card .msg-content ins { text-decoration: underline; } .WTCSS-blog-card .msg-content s, .WTCSS-blog-card .msg-content strike, .WTCSS-blog-card .msg-content del { text-decoration: line-through; } .WTCSS-blog-card .msg-content big { font-size: larger; } .WTCSS-blog-card .msg-content small { font-size: smaller; } .WTCSS-blog-card .msg-content sub { vertical-align: sub; font-size: smaller; line-height: normal; } .WTCSS-blog-card .msg-content sup { vertical-align: super; font-size: smaller; line-height: normal; } .WTCSS-blog-card .msg-content nobr { white-space: nowrap; } .WTCSS-blog-card .msg-content ul, .WTCSS-blog-card .msg-content menu, .WTCSS-blog-card .msg-content dir { display: block; list-style-type: disc; margin: 1em 0 1em 40px; } .WTCSS-blog-card .msg-content ol { display: block; list-style-type: decimal; margin: 1em 0 1em 40px; } .WTCSS-blog-card .msg-content li { display: list-item; } .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 div.comments-container div.text-edit textarea { border: dashed 1px #369; resize: none; } .WTCSS-blog-card table.blog-table td.blog-service { width: 250px; 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: 0px; padding: 10px; border: dotted 1px #cccccc; background-color: #eeeeee; text-align: center; } .WTCSS-blog-card table.blog-table td.blog-service input.new-msg { width: 230px; } .WTCSS-blog-card table.blog-table td.blog-service input.subscribe { width: 230px; 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-top: 10px; margin-bottom: 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-top: 10px; margin-bottom: 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: 500; } .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 5px 5px; } .WTCSS-forum-last div.last-container div.content div.last-container { padding: 10px 0px 0px 0px; } .WTCSS-forum-last div.item { padding: 5px; border: dotted 0px #cccccc; margin-bottom: 5px; } .WTCSS-forum-last div.item div.msg-forum { padding: 5px; background-color: #eeeeee; font-size: 12px; font-weight: 500; 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: 0px; } .WTCSS-forum-last div.item div.msg-title { padding: 0px 5px; font-size: 11px; margin-top: 0px; } .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, Verdana, 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, Verdana, 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; } .WTCSS-mark-read { margin: 5px 0; padding: 5px; border: solid 1px #cccccc; text-align: right; font-size: 11px; } div.common-header { background-color: #ffffff; color: #333333; font-size: 14px; font-weight: 500; padding: 4px 6px 6px 12px; border-top: solid 3px #b3d5eb; } div.common-container { background-color: #FFFFFF; padding: 6px; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; } /* 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); color: #666; background-position: left center; background-repeat: repeat-x; border: solid 2px #FFFFFF; padding: 3px 15px 3px 15px; text-align: center; margin: 0; } .WTCSS-resume input.resume-button:hover { background-color: #ffffff; color: #666; cursor: pointer; } .WTCSS-resume table.resume-main-table { border-spacing: 0; width: 100%; } .WTCSS-resume td.resume-grid-simple-name { font-weight: 500; white-space: nowrap;} .WTCSS-resume td.resume-grid-name { font-weight: 500; text-align: right; white-space: nowrap; padding: 6px; border-bottom: dotted 1px #cccccc; } .WTCSS-resume td.resume-grid-value { text-align: left; white-space: normal; padding: 6px; border-bottom: dotted 1px #cccccc; } .WTCSS-resume td.resume-grid-img-warning { white-space: normal; padding: 6px; border-bottom: dotted 1px #cccccc; width: 16px !important; height: 16px !important; background-image: url(icons/16round/16_fire_1.png); background-position: center center; background-repeat: no-repeat; } /* 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: 500; 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: 500; color: #333333; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; text-align: left; } div.NewsHeaderText { font-size: 16px; font-weight: 500; color: #333333; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; text-align: left; } div.LeftHeaderText { font-size: 16px; font-weight: 500; 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: 500; } .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: 500; 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: 500; 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; } SELECT { } INPUT.inputEdit { font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 19px; border-style: solid; border-width: 1px; border-color: #333333; color: #000000; background-color: #ffffff; padding-left: 2px; } .selectedLeftMenuItem { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; 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: 500; 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: 500; 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: 500; vertical-align: top; padding-right: 5px; } td.PersonPosition { text-align: left; font-size: 11px; font-weight: 500; vertical-align: top; padding-right: 5px; padding-bottom: 5px; } /*------Стили шаблона Блок "Корпоративный журнал"-------*/ div.journalsHeader{ text-align: center; font-weight: 500; 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: 500; padding:3px; } td.calendarHeaderTdS{} div.calendarHeaderTextS{ font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #A60101; font-weight: 500; } 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: 500; text-align: center; } td.birthdaysDayHeaderS{ font-size: 13px; font-weight: 500; } 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: 500; } th.reportTH { background-color: #e0e0e0; border: #333333 1px solid; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: 500; 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; width: 100%; } #NonScrollSection table.webhelp-content{ padding: 5px 5px 5px 5px; } .libraryheader { font-size: 14px; font-weight: 500; color: #333333; } #ScrollSection { margin: 0; padding: 5px; z-index: 1; background-repeat: no-repeat; background-position: bottom right; background-attachment: fixed; } 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: 500; 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: 500; 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; } */ a.user-link { background-image: url(icons/user.png); background-position: left top; background-repeat: no-repeat; min-height: 16px; padding: 0 0 0 20px; } a.tag-link { background-image: url(icons/16_hash.png); background-position: left top; background-repeat: no-repeat; min-height: 16px; padding: 0 0 0 20px; } div.qtip-websoft { max-width: 500px; font-size: 1em; line-height: 1.1em; background-color: #E5F6FE; border-color: #369; color: #369; -webkit-box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.3);} div.qtip-websoft div.qtip-content { padding: 20px; font-size: 12px; } .FAQ-tile { background-image: url(pics/q_mark.png); background-position: left top; background-repeat: no-repeat; padding: 0 0 0 48px; min-height: 120px; } .FAQ-tile a.FAQ-question { display: block; font-size: 11px; min-height: 120px; } /* fixes for xShowSelectDialog */ .ui-widget{ font-family: Tahoma, Verdana, sans-serif; } .ui-widget b{ font-weight: 500; } .ui-dialog{ border-radius: 0px; border-color: #dbdbdb; } .ui-dialog-title{ font-weight: normal; font-size: 15px; } .ui-dialog-titlebar { border-width: 0; border-radius: 0; padding: 7px; vertical-align: middle; background-image: none; background-color: #dbdbdb; } .ui-dialog-titlebar-close { float: right; } .ui-dialog-content{ border-width: 0; } .ui-dialog-content input.inputEdit { border-color: #999; border-radius: 0; } .ui-dialog-content input[type='button'] { min-width: 100px; } /* WS Slider Start */ .wsSlider { position: relative; background-position: center top !mportant; } .wsSlider img { position: absolute; top: 0px; left: 0px; } .wsSlider a.ws-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } .ws-slice { display:block; position:absolute; z-index:50; height:100%; } .ws-caption { position:absolute; left:0px; bottom:0px; background: #000000; color:#FFFFFF; opacity:0.8; width:100%; z-index:89; } .ws-caption p { padding:5px; margin:0; } .ws-caption a { display:inline !important; } .ws-html-caption { display:none; } .ws-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; } .ws-prevNav { left:0px; } .ws-nextNav { right:0px;} .ws-controlNav a { position:relative; z-index:99; cursor:pointer; } .ws-controlNav a.active { font-weight:bold; } #slider { position:relative; margin: 0px; } #slider img { position:absolute; top:0px; left:0px; display:none; } #slider a { border:0; display:block; } .ws-controlNav { position:absolute; right: 20px; bottom: 5px; } .ws-controlNav a { display:block; width:22px; height:22px; background:url(pics/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } .ws-controlNav a.active { background-position:0 -22px; } .ws-directionNav a { display:block; width:30px; height:30px; text-indent:-9999px; border:0; } a.ws-nextNav { background-position:-30px 0; right:15px; } a.ws-prevNav { left:15px; } .ws-caption { text-shadow: none; font-family: Helvetica, Arial, sans-serif; } .ws-caption a { color:#efe9d1; text-decoration:underline; } /* WS Slider End */ .x-tool-toggle { background-image: url(pics/block_arrows_gray.png) !important; background-position: -13px 0px !important; height: 16px !important; width: 13px !important; } .x-panel-collapsed .x-tool-toggle { background-position: 0px 0px !important; height: 16px !important; width: 13px !important; } /* megamenu */ .WTCSS-menu-mega { font: normal 13px Arial, sans-serif; line-height: 16px; } .WTCSS-menu-mega .mega-menu ul, .WTCSS-menu-mega .mega-menu ul li {list-style: none;} .WTCSS-menu-mega .mega-menu ul {position: relative; padding: 0; margin: 0;} .WTCSS-menu-mega .mega-menu ul li ul {display: none;} .WTCSS-menu-mega .mega-menu .sub {display: none;} .WTCSS-menu-mega .mega-menu .sub ul {display: block;} .WTCSS-menu-mega .mega-menu-init ul {display: none;} .WTCSS-menu-mega {font: normal 13px Arial, sans-serif; line-height: 16px;} .WTCSS-menu-mega ul.mega-menu, .WTCSS-menu-mega ul.mega-menu li {margin: 0; padding: 0; border: none;} .WTCSS-menu-mega ul.mega-menu {background: #E3E3E3 url(pics/mega-menu/bg_white.png) repeat-x 0 -80px; width: 100%; height: 40px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; position: relative;} .WTCSS-menu-mega ul.mega-menu li {float: left; margin: 0; padding: 0; font-size: 13px; font-weight: 500;} .WTCSS-menu-mega ul.mega-menu li a {float: left; display: block; color: #000; padding: 12px 38px 12px 25px; background: url(pics/mega-menu/bg_white.png) repeat-x 100% 0; text-shadow: 1px 1px 1px #fff; text-decoration: none;} .WTCSS-menu-mega ul.mega-menu li:hover > a {color: #369 !important;} .WTCSS-menu-mega ul.mega-menu li a.dc-mega {position: relative;} .WTCSS-menu-mega ul.mega-menu li a .dc-mega-icon {display: block; position: absolute; width: 8px; height: 6px; top: 18px; right: 15px; background: url(pics/mega-menu/arrow.png) no-repeat 0 100%;} .WTCSS-menu-mega ul.mega-menu li.mega-hover a, .WTCSS-menu-mega ul.mega-menu li a:hover {background-position: 100% -40px; color: #000; text-shadow: none;} .WTCSS-menu-mega ul.mega-menu li.mega-hover a .dc-mega-icon {background-position: 0 100%;} .WTCSS-menu-mega ul.mega-menu li .sub-container {position: absolute; background: url(pics/mega-menu/bg_sub_left.png) no-repeat 0 100%; padding-left: 20px; margin-left: -3px;} .WTCSS-menu-mega ul.mega-menu li .sub {background: url(pics/mega-menu/bg_sub.png) no-repeat 100% 100%; padding: 20px 20px 20px 10px;} .WTCSS-menu-mega ul.mega-menu li .sub-container.mega .sub {padding: 20px 20px 10px 0;} .WTCSS-menu-mega ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both;} .WTCSS-menu-mega ul.mega-menu li .sub li {list-style: none; float: none; width: 170px; font-size: 1em; font-weight: normal;} .WTCSS-menu-mega ul.mega-menu li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left;} .WTCSS-menu-mega ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;} .WTCSS-menu-mega ul.mega-menu li .sub a {background: none; border: none; text-shadow: none; color: #111; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 0.9em;} .WTCSS-menu-mega ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {padding: 5px 5px 5px 15px; margin-bottom: 5px; background: #E3E3E3 url(pics/mega-menu/bg_mega_hdr.png) no-repeat 0 0; text-transform: uppercase; font-weight: 500; color: #000; text-shadow: 1px 1px 1px #fff;} .WTCSS-menu-mega ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #369; text-shadow: none;} .WTCSS-menu-mega ul.mega-menu .sub li.mega-hdr li a {padding: 4px 5px 4px 20px; background: url(pics/mega-menu/arrow_off.png) no-repeat 5px 8px; font-weight: normal;} .WTCSS-menu-mega ul.mega-menu .sub li.mega-hdr li a:hover {color: #369; background: #efefef url(pics/mega-menu/arrow_on_369.png) no-repeat 5px 8px;} .WTCSS-menu-mega ul.mega-menu .sub ul li {padding-right: 0;} .WTCSS-menu-mega ul.mega-menu li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;} .WTCSS-menu-mega ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;} .WTCSS-menu-mega ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; background: url(pics/mega-menu/arrow_off.png) no-repeat 7px 10px;} .WTCSS-menu-mega ul.mega-menu li .sub-container.non-mega li a:hover {color: #369; background: #efefef url(pics/mega-menu/arrow_on_369.png) no-repeat 7px 10px;} /* To Top Button Styles */ #toTop { display: none; width: 49px; height: 48px; overflow: hidden; background: url(pics/totop.png) 0 0 no-repeat; position: fixed; margin-right: -600px !important; right: 50%; bottom: 80px; z-index: 999; } #toTop:hover { } #toTop:active, #toTop:focus { outline: none; } /* Menu and other object animation effects */ .slideDown{ animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); } } .slideUp{ animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(100%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); } } .slideLeft{ animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 0.75s; -webkit-animation-duration: 0.75s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideLeft { 0% { transform: translateX(150%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(150%); } 100% { -webkit-transform: translateX(0%); } } .slideRight{ animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 0.75s; -webkit-animation-duration: 0.75s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideRight { 0% { transform: translateX(-150%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(-150%); } 100% { -webkit-transform: translateX(0%); } } .expandUp{ animation-name: expandUp; -webkit-animation-name: expandUp; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes expandUp { 0% { transform: translateY(100%) scale(0.6) scaleY(0.5); } } 100% { transform: translateY(0%) scale(1) scaleY(1); } } @-webkit-keyframes expandUp { 0% { -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); } 100% { -webkit-transform: translateY(0%) scale(1) scaleY(1); } } .fadeIn{ animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes fadeIn { 0% { transform: scale(0); opacity: 0.0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeIn { 0% { -webkit-transform: scale(0); opacity: 0.0; } 100% { -webkit-transform: scale(1); opacity: 1; } } .expandOpen { animation-name: expandOpen; -webkit-animation-name: expandOpen; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes expandOpen { 0% { transform: scale(1.8); } 100% { transform: scale(1); } } @-webkit-keyframes expandOpen { 0% { -webkit-transform: scale(1.8); } 100% { -webkit-transform: scale(1); }} .bigEntrance{ animation-name: bigEntrance; -webkit-animation-name: bigEntrance; animation-duration: 0.6s; -webkit-animation-duration: 0.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes bigEntrance { 0% { transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 100% { transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } @-webkit-keyframes bigEntrance { 0% { -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 100% {-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; }} #slider1 { width: 100%; height: 295px; overflow: hidden; padding: 0px; display: table-cell; text-align: center; margin: 0 auto; background-color: #077fcc; } #slider1 .viewport { float: left; width: 854px; height: 295px; overflow: hidden; position: relative; } #slider1 .buttons { display: block; margin: 0px 0px 0 0; float: left; width: 78px; height: 295px; position: relative; color: #fff; font-weight: 500; text-align: center; line-height: 35px; text-decoration: none; font-size: 22px;} #slider1 .next { margin: 0px; } #slider1 .buttons:hover { color: #C01313; background-color: #000000; transition: top 0.5s ease-in-out 0.5s; opacity: 0.5; filter: alpha(Opacity=50); /* background: red; */ } #slider1 .disable { visibility: hidden; } #slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 285px; left: 0; top: 0; } #slider1 .overview li { float: left; margin: 0 0px 0 0; padding: 0px; height: 285px; border: 0px solid #dcdcdc; width: 285px; } /* Game score dialog */ .wt-gd { position: relative; margin: 10px 0; width: 600px; border: solid 1px #0080C0; padding: 20px; box-shadow: 2px 2px 6px rgba(0,0,0,0.5); font-family: Tahoma, Verdana, sans-serif; font-size: 14px; } .wt-gd-mobile {width: 90% !important; padding: 10px !important;} .wt-gd-header { position: relative; margin: 0 0 10px 0; color: #0080C0; font-size: 1em; font-weight: 500; /*text-shadow: 2px 2px 6px rgba(0,0,0,0.5);*/ } .wt-gd-person-selector-container { position: relative; margin: 0 0 10px 0; } .wt-gd-person-selector-fld { display: none; position: relative; display: none; border: solid 1px #0080C0; padding: 5px; font-size: 1.2em; color: #0080C0; } .wt-gd-person-selector-init { cursor: pointer; position: relative; border: solid 1px #999; padding: 5px; font-size: 1.2em; color: #999; } .wt-gd-person-selector-value { display: none; position: relative; border: dotted 1px #999; padding: 5px; font-size: 1.2em; color: #0080C0; } .wt-gd-person-selector-dropdown { display: none; z-index: 100; position: absolute; max-height: 200px; overflow: auto; border: solid 1px #999; } .wt-gd-person-selector-searching { display: none; position: relative; padding: 60px 0 10px 0; font-size: 0.8em; color: #999; text-align: center; background-color: #fff; background-image: url(pics/ajax-loader.gif); background-position: center 15px; background-repeat: no-repeat; } .wt-gd-person-selector-no-match { display: none; position: relative; padding: 5px; font-size: 1em; color: #c00; text-align: center; background-color: #fff; } .wt-gd-person-selector-match-list { display: none; position: relative; list-style: none; margin: 0; padding: 0; } .wt-gd-person-selector-match-item { padding: 5px 10px; font-size: 1em; color: #666; text-align: left; background-color: #fff; border-style: none none solid none; border-color: #999; border-width: 0 0 1px 0; } .wt-gd-person-selector-match-item:last-of-type { border-bottom: none !important; } .wt-gd-person-selector-match-item:hover { cursor: pointer; color: #000; background-color: #eee; } .wt-gd-person-selector-match-item-selected { color: #000; background-color: #eee; } .wt-gd-score-block { position: relative; } .wt-gd-score-table { width: 100%; border-spacing: 0; } .wt-gd-score-table-left { width: 50%; vertical-align: top; padding: 0; } .wt-gd-score-table-right { width: 50%; vertical-align: top; padding: 0 0 0 20px; } .wt-gd-score-comment-container { position: relative; border: solid 1px #999; } .wt-gd-score-comment { position: relative; border: none; padding: 0; padding: 5px; width: 95%; min-height: 120px; resize: none; } .wt-gd-score-selector-container { position: relative; margin: 10px 0; } .wt-gd-score-selector-table { border-spacing: 0; } .wt-gd-score-selector-left { padding: 5px 0; text-align: right; } .wt-gd-score-selector-fld { padding: 5px; text-align: left; } .wt-gd-score-selector-right { padding: 5px 0; text-align: left; width: 100%; } .wt-gd-score-selector-right-2 { padding: 5px; text-align: left; width: 100%; } .wt-gd-score-qty { font-size: 1em; width: 2em; height: 1.8em; text-align: center; } .wt-gd-score-thank { margin: 0 10px 0 0; color: #060; } .wt-gd-competence-list { position: relative; list-style: none; margin: 0; padding: 0; } .wt-gd-competence-item { padding: 5px 10px 5px 0; } .wt-gd-competence-item-table { border-spacing: 0; } .wt-gd-competence-item-cell-radio { vertical-align: top; padding: 0 5px 0 0; } .wt-gd-competence-item-cell-name { vertical-align: top; padding: 0; } .wt-gd-competence-description { display: none; position: relative; border: solid 1px #090; background-color: #dfd; padding: 20px; } .wt-gd-submit-container { position: relative; border-top: solid 1px #0080C0; padding: 10px 0 0 0; margin: 10px 0 0 0; text-align: right; } .wt-gd-submit-btn { position: relative; padding: 5px 20px; border-radius: 2.5px; margin-left: auto; text-align: center; font-weight: 500; text-shadow: 1px 1px 2px rgba(128,128,128,0.5); } .wt-gd-submit-btn-disabled { border: solid 1px #666; background-color: #999; color: #eee; } .wt-gd-submit-btn-idle { border: solid 1px #030; background-color: #060; color: #dfd; } .wt-gd-submit-btn-idle:hover { cursor: pointer; background-color: #090; color: #fff; } /* game-stats */ .wt-gs { position: relative; margin: 10px 0; max-width: 200px; border: solid 1px #0080C0; padding: 20px; box-shadow: 2px 2px 6px rgba(0,0,0,0.5); font-family: Tahoma, Verdana, sans-serif; font-size: 14px; } .wt-gs-header { position: relative; margin: 0 0 10px 0; color: #0080C0; font-size: 1em; font-weight: 500; } .wt-gs-board-1 { position: relative; width: 100px; height: 100px; border-style: solid; border-width: 4px; border-radius: 50%; margin: 20px auto; padding: 2px; } .wt-gs-board-2 { position: relative; width: 98px; height: 98px; border-style: solid; border-width: 1px; border-radius: 50%; } .wt-gs-board-3 { position: absolute; top: 50%; left: 0; width: 96px; text-align: center; line-height: 0; height: 3em; margin: 0m auto 0 auto; font-size: 3em; font-weight: 500; } .wt-gs-outcome { border-color: #0080C0; color: #0080C0; } .wt-gs-income { border-color: #008000; color: #008000; } .wt-gs-thanks { border-color: #C000C0; color: #C000C0; } .wt-gs-instruction { position: relative; font-size: 1em; text-align: center; } .ws-gs-date { color: #C00; } /* game-rating */ .wt-gr { position: relative; margin: 10px 0; border: solid 1px #0080C0; padding: 20px; box-shadow: 2px 2px 6px rgba(0,0,0,0.5); font-family: Tahoma, Verdana, sans-serif !important; font-size: 12px; } .wt-gr-tab-list { padding: 0.2em 0.2em 0 0.2em; margin: 0; border: solid 1px #ccc; border-bottom: none; border-radius: 3px; background-color: #eee; } .wt-gr-tab-item { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; } .wt-gr-tab-item.ui-state-active { border: 1px solid #ccc; border-bottom: none; background: #fff; } .wt-gr-tab-item a { float: left; padding: .5em 1em; text-decoration: none; font-weight: normal; outline: none; } .wt-gr-tab-item.ui-state-active a { margin-top: 2px; color: #0080c0 !important; } .wt-gr-levels-table { width: 100%; border-spacing: 0 } .wt-gr-level-cell { width: 100%; padding: 5px; } .wt-gr-header { position: relative; margin: 15px 5px; color: #0080C0; font-size: 1em; font-weight: 500; } .wt-gr-level-table { width: 100%; border-spacing: 0 } .wt-gr-avatar { padding: 1px 15px 1px 0; vertical-align: middle; border-bottom: solid 1px #ccc; } .wt-gr-name { padding: 1px 0; width: 3000px; vertical-align: middle; border-bottom: solid 1px #ccc; } .wt-gr-fullname { color: #0080c0; } .wt-gr-position { font-size: 0.9em; color: #666; } .wt-gr-score { padding: 2px 0 2px 15px; vertical-align: middle; border-bottom: solid 1px #ccc; } .wt-gr-score-div { width: 2em; height: 2em; border-style: solid; border-width: 0.3em; border-radius: 50%; } .wt-gr-score-div table { width: 2em; height: 2em; border-spacing: 0; } .wt-gr-score-div table td { width: 2em; height: 2em; padding: 0; vertical-align: middle; text-align:center; font-size: 1em; font-weight: 500; } .WTCSS-login { margin: 0 auto; width: 700px; margin-top: 100px;} .WTCSS-login .XAML-object-title-label { font-size: 14px; font-weight: bold; padding: 10px; } .WTCSS-login img.default_logo { width: 100px; height: 40px; background-image: url(pics/top_logo_min.png); background-position: left top; background-repeat: no-repeat; } .WTCSS-login div.form { border: dotted 0px #cccccc; padding: 12px; } .WTCSS-login div.login-header{margin-top: 5px;} .WTCSS-login div.login_text { font-size: 16px; padding-bottom: 15px;} .WTCSS-login div.text { padding: 12px; text-align: center; } .WTCSS-login div.field { padding: 3px; text-align: center; } .WTCSS-login div.up_text { background: #d4d2d4; padding: 25px; opacity: 1; filter: alpha(Opacity=100); border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; text-align: center; font-size: 24px; } .WTCSS-login div.center_text { padding: 12px; background: #fafafa; padding: 25px; opacity: 0.9; filter: alpha(Opacity=90); border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; text-align: left; border: solid 1px #cccccc; } input#user_login, input#user_password { border: 2px solid #80aad5 !important; background-color: #FFFFFF !important; width: 350px; height: 40px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; padding-left: 10px; font-size: 16px; font-weight: normal; color: #024089; } input#user_login2, input#user_password2 { border: 0px solid #80aad5 !important; border-bottom: 1px solid #666666 !important; background-color: transparent !important; width: 320px; height: 36px; border-radius: 0; -moz-border-radius: 0; padding-left: 0px; font-size: 16px; font-weight: normal; color: #000000; margin-right: -30px; padding-right: 30px; font-family: Tahoma, Verdana, sans-serif !important; } input#text_login2 { border: 0px solid #80aad5 !important; border-bottom: 1px solid #666666 !important; background-color: transparent !important; width: 270px; height: 36px; border-radius: 0; -moz-border-radius: 0; padding-left: 0px; font-size: 16px; font-weight: normal; color: #000000; font-family: Tahoma, Verdana, sans-serif !important; } div.WTCSS-password-reminder { padding: 12px; background: #FFFFFF; padding: 25px; opacity: 0.9; filter: alpha(Opacity=90); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; text-align: left; } .WTCSS-login div.text { padding: 12px; text-align: center; font-size: 16px !important; } .WTCSS-login div.field { padding: 0px; text-align: left; } .WTCSS-ass-app div.ass-button-container {} .WTCSS-login .ass-button { width: 180px; height: 40px; color: #333333; background-color: #FFFFFF; background-image: none; border: 1px solid #5A5A5A; padding: 4px; font-weight: normal; font-size: 18px; font-family: Tahoma, Verdana, sans-serif !important; } .WTCSS-login .ass-button:hover { color: #333333; background-color: #e2e2e2; background-image: none; font-weight: normal; font-size: 18px; cursor: pointer; } .WTCSS-login .password-button { width: 200px; height: 40px; border: 2px solid #00468c !important; background-color: transparent !important; background-image: none; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; color: #00468c; font-weight: normal; font-size: 18px; font-family: Tahoma, Verdana, sans-serif !important; } .WTCSS-login .password-button:hover { width: 200px; height: 40px; border: 2px solid #00468c !important; background-color: #00468c !important; background-image: none; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; color: #FFFFFF; font-weight: normal; font-size: 18px; cursor: pointer; } .XAML-button-important.menu-btn { padding-top: 10px; padding-bottom: 10px; background-color: #00468c; border-color: #00468c; } /* Navigation Panel Custom CSS */ table.leftPanelTable { border-collapse: collapse !important; } .leftPanelTable td.newsColumnDigest { border: 1px solid #dbdbdb; padding-top: 0px; padding-bottom: 0px; } .leftPanelTable td.newsColumnDigest .nonselectedLeftMenuItem { padding: 10px; } .leftPanelTable td.newsColumnDigest .nonselectedLeftMenuItem a { font-family: Tahoma, Verdana, sans-serif; font-size: 14px; } .leftPanelTable td.newsColumnDigest td.selectedLeftMenuItem { padding: 10px; font-family: Tahoma, Verdana, sans-serif; font-size: 14px; color: #FFFFFF; background-color: #00468c; } /*----------------------- WebTutor 3.4 ----------------------*/ /*-------------------------- Icons -------------------------*/ .icon-2x{ font-size: 2em; } .icon-error-color, .icon-critical-color{ color: red; } .icon-info-color{ } .icon-warning-color{ color: #ff9c00; } /*-------------------------- End of Icons -------------------------*/ /*-------------------------- Mobile -------------------------*/ .WTCSS-menu-h-small { display: none; text-align: left; } /*-------------------------- End of Mobile -------------------------*/ .right-wrap-allowed td.param-value { white-space: normal !important; } /*v.s.*/ /*----------------------- Search Loading Window Fix-----------------*/ .x-masked-relative.x-masked { min-height: 250px !important; text-align: center; vertical-align: center; } .x-mask-msg { margin: 100px !important; z-index: 9999999 !important; } .x-mask-msg-inner { width: 150px !important; margin: 30px !important; } /*-------------------------- Social fix -------------------------*/ .WTCSS-tab-block div.tab-tabs .selected .tab3{ font-size: 16px; font-weight: normal; padding: 10px 5px !important; color: #FFFFFF; border-bottom: 3px solid #077fcc; margin: 5px 0;} }