/* --~---~-- RESET --~---~-- */
html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
input, select {font-family: Arial, Tahoma, sans-serif; font-size:12px;padding:2px;}
/*ul {margin:0;padding:0; list-style-type:none;}*/
/* img, div { behavior: url("/css/iepngfix.htc") }*/
/* --~---~-- LAYOUT --~---~-- */
@media screen, projection {
.BeNiceToMacIE5 { font-family: "\"}\""; font-family: inherit; }
html, body, #wrapper, wrapper2 { margin: 0; padding: 0; width: 100%; height: 100%; min-height: 100%; }
html>body, html>body #wrapper, html>body #wrapper2 { height: auto; }
body {background:#fff no-repeat center 150px;font-family: Arial,Tahoma,sans-serif; font-size:12px; color:#666; text-align:left; }
div#wrapper {position: absolute; top: 0; left: 0; background: white url(/img/header-bcg.png) repeat-x 0 0;}
div#wrapper.branded {background: white no-repeat center bottom; }
div#wrapper.short {background: url(/img/header-bcg-short.png) repeat-x 0 0;}
div#wrapper.live {background: url(/img/header-bcg-live.png) repeat-x 0 0;}
#header { position:relative; z-index:10; width: 100%; height:135px; }
#head {height:135px; width:960px; margin:0 auto; position:relative; overflow:hidden;}
#header.branded { height:auto; }
#head.branded {height:auto; padding: 15px 0 0 0; margin: 20px auto;}
#head.branded div.brand {height: 100%;width:45%;padding:0 0 0 40px;}
#head.branded div.ementor {height:auto;margin-top:-20px;position:absolute;right:0;text-align:center;top:50%;width:270px;}
#header.short {height:90px;}
.clear {clear: both;margin: 0;padding: 0;}
#footer {clear: both; bottom:0; left:0; width:100%; height:100px; background: url(/img/footer-bcg.png) repeat-x 0 0; color:#444; overflow:hidden; }
#foot {width:960px; margin:0 auto; padding: 13px 15px 0 22px;}
#footer.branded {background:none;}
#footer.branded #foot {margin:0 auto;text-align:center;}
/* 1 column layout */
#main { margin: 0 auto; padding: 0; width:960px; overflow:hidden;}
#container {padding: 10px 0 0 0;}
/* 2 columns layout */
#main.layout-2col #container {padding: 0;}
#main.layout-2col #content { margin-left:230px; padding:10px 0 10px 10px;}
#main.layout-2col #sidebar {width:214px; float:left;line-height:1.5em; min-height:300px; padding: 45px 0 0 0;}
/* 3 column layout */
#main.layout-3col #left {float: left;width: 165px;margin:0;overflow:hidden;padding-left:10px;}
#main.layout-3col #center {width:760px;float:left;vertical-align:top;background-color:#000;}
#main.layout-3col #right {float:right;width:200px;margin:0; padding-left:15px;background-color:#000;}
#main.layout-3col #clear {clear:both;height:1px;margin-top:-1px;overflow:hidden;}
#main.layout-3col .clear { clear: both; margin: 0; padding: 0; }
/* \*/
* html #footer {
position: absolute;
}
* html #main {
padding-bottom: 135px;
}
/* \*/
head:first-child+body div#footer,head:first-child+div#_firebugConsole+body div#footer { position: absolute; z-index:0; }
head:first-child+body div#main, head:first-child+div#_firebugConsole+body div#main { padding-bottom: 130px;}
}
@media all and (min-width:0px) {
head~body {height:100%;}
}
/* --~---~-- GENERIC STYLES --~---~-- */
h1 {font-size:36px; color:#fff; font-family:Arial, Tahoma, sans-serif; padding-bottom:3px;margin:20px 0 20px 0;font-weight:400; }
h2 {font-size:24px; color:#000; margin: 15px 0 10px 0; font-weight:normal;}
h1 a, h2 a {color:#000;} h2 a:hover {text-decoration:none;color:#000;}
h3 {color:#000;margin:15px 0 10px; font-size:20px; font-weight:normal;}
h4 {color: #000; font-size:16px; font-weight:normal;}
/* headers end*/
p {margin: 1em 0;display:block; line-height: 1.5em; text-align: justify;}
p.white, p span.white {color: white}
a {text-decoration:none;color:#2FA7BF;}
a:hover {text-decoration:underline;color:#37bdd8;}
a.navy {color: #00404d; font-size:13px; font-weight:bold;}
a.navy:hover {text-decoration:none;}
a.b {font-weight:bold;}
a.admin, a.admin:visited {color: green}
a.admin:hover {color: red; text-decoration: none}
a.button {background:url(/img/a_button_inactive.png) no-repeat top right;display:block;height:52px;padding-right:20px;color:#000;font-weight:bold;}
a.button span {background:url(/img/a_button_inactive.png) no-repeat top left;display:block;height:34px;padding:18px 0 0 20px;float:left; text-align: center}
a.button:hover, a.button:hover span {background-image: url(/img/a_button_active.png);text-decoration:none;cursor:pointer;color:#000;}
a.icon {background-position: left center; background-repeat: no-repeat; background-color:transparent; padding-left:20px;}
.icon.reload {background-image:url(/img/icons/reload.png) !important;}
.icon.add {background-image:url(/img/bullets/plus.png) !important;}
.icon.delete {background-image:url(/img/bullets/minus.png) !important;}
.icon.ok {background-image:url(/img/bullets/ok.png) !important;}
.icon.articleEdit {background-image:url(/img/icons/article-edit.gif) !important;}
.icon.articleDelete {background-image:url(/img/icons/article-delete.gif) !important;}
.icon.webcamAdmin {background-image:url(/img/wrench.png) !important;}
ul.vlist {width:200px; list-style-type: none; }
ul.vlist li {background-image: url(/img/icons/play-small.png); background-repeat: no-repeat; background-position: 0 0; padding: 0 0 10px 25px;}
ul.vlist li span a{color:#b0b0b0;}
ul.blog {}
ul.blog li {background: url(/img/icons/28.png) no-repeat 0 2px; padding: 0 0 10px 15px;}
ul.blog li span {color:#b0b0b0;}
ul.bullet {list-style-type: none; margin: 0; padding: 0;}
ul.bullet li {background: url(/img/icons/bullet.png) no-repeat 0 5px; padding: 0 0 10px 15px;}
/* --~---~-- GENERIC FORM --~---~- */
form {overflow:hidden;display:block;}
form fieldset {display: block;}
form fieldset legend {font-style:italic;}
input, form select {margin: 0}
input {padding: 3px 7px; border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;border-width:1px;}
textarea {padding: 2px 7px; border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;border-width:1px;font-family:Arial;font-size:12px;}
form label {clear:left; float:left; display:block; font-weight:bold; width: 150px;}
form label input,
form label textarea,
form label select {float: right;}
select {padding: 2px 7px; border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;border-width:1px;}
fieldset select optgroup{ font-style: normal; font-weight: bold }
form ul {list-style-type: none; margin: 0; padding: 0; }
/*button {background: url(/img/button-bcg.png) no-repeat top left;font-weight:bold;width:83px;height:27px;border:0;}
button.over {background: url(/img/button-active-bcg.png) no-repeat top left;cursor:pointer;}
/* --- interactive elements ----- */
form input.loading,
form select.loading {background-color: #E8E8E8 !important; background-position: center center; background-repeat: no-repeat;}
form input.loading {background-image:none;}
form select.loading {background-image:url(/img/ajax-loader.gif);}
button {padding:3px 10px;font-size:11px;}
button.proceed {color: green; font-weight: bold;}
button.cancel {color: gray; font-weight: normal;}
/* --- prety button ----- */
a.btn {cursor: pointer}
a.btn.gray {background: url(/img/user-gray-btn.png) no-repeat 0 0; padding:0 0 0 10px;display:block; height:26px; float:left;margin:5px 8px 0 0; color:#797979;}
a.btn.gray span {background: url(/img/user-gray-btn.png) no-repeat 100% 0; padding:5px 10px 0 0; display:block; height:21px; float:left;}
a.btn.gray:hover {background: url(/img/user-gray-btn.png) no-repeat 0 -26px; text-decoration:none;}
a.btn.gray:hover span {background: url(/img/user-gray-btn.png) no-repeat 100% -26px;}
a.btn.gray:active {background: url(/img/user-gray-btn.png) no-repeat 0 100%;}
a.btn.gray:active span{background: url(/img/user-gray-btn.png) no-repeat 100% 100%;}
/* --~---~-- HEADER --~---~-- */
#head h1 {display:block;float:left;width:208px; height:97px;}
#head a.logo{width:388px;height:79px;display:block;text-indent:-20000px;border:0;margin:0;padding:0;float:left; background: transparent url(/img/logo.png) no-repeat;position:absolute;top:7px;left:-26px}
#head ul.menu {height:29px;width:497px; position: absolute; left:0; top:96px; abackground: url(/img/menu.png) no-repeat 0 0; list-style-type: none; ; margin: 0; padding: 0;}
#head ul.menu li {height:29px; float:left; display:block;}
#head ul.menu li a {display:block; height:29px; text-indent:-20000px; background: url(/img/menu.png) no-repeat 0 0;}
#head ul.menu li a:hover {display:block; height:29px;}
#head ul.menu li.active a {display:block; height:29px;}
#head ul.menu li.active a:hover {display:block}
#head ul.menu li a#menu-trainings {background-position: 0 0; width: 122px;} #head ul.menu li a#menu-trainings:hover {background-position: 0 -29px;} #head ul.menu li.active a#menu-trainings {background-position: 0 -58px;}
#head ul.menu li a#menu-authors {background-position: -122px 0; width: 127px;} #head ul.menu li a#menu-authors:hover {background-position: -122px -29px;} #head ul.menu li.active a#menu-authors {background-position: -122px 100%;}
#head ul.menu li a#menu-help {background-position: -249px 0; width: 127px;} #head ul.menu li a#menu-help:hover {background-position: -249px -29px;} #head ul.menu li.active a#menu-help {background-position: -249px 100%;}
#head ul.menu li a#menu-user {background-position: -376px 0; width: 121px;} #head ul.menu li a#menu-user:hover {background-position: -376px -29px;} #head ul.menu li.active a#menu-user {background-position: -376px 100%;}
/* -- Hide inactive menu */
#head ul.menu li ul {display:none;}
#head div#headline {font-family: Trebuchet MS, Arial, sans-serif; font-size: 14px; font-style:italic; color: #fff; position: absolute; top: 35px; right:40px; margin-top:10px;}
#head div#emt_pro {position: absolute; bottom: 10px; right:10px;}
#head div#emt_pro a{display:block; width: 229px; height:29px; background: url(/img/biznes_btn.png) no-repeat 0 0; text-indent:-20000px;}
#head div#emt_pro a:hover {background: url(/img/biznes_btn.png) no-repeat 0 -29px;}
#head div#toolbox { position: absolute; top: 0px; padding: 0 0 0 24px; right:0px; height:25px; background: url(/img/toolbox-bcg.png) no-repeat top left; text-align: center;}
* html #head div#toolbox {width:300px;}
#head div#toolbox .toolbox-inner {background: url(/img/toolbox-bcg.png) no-repeat top right; padding: 5px 22px 0 0; height:25px; display: block;}
#toolbox a {margin-right:7px;}
#toolbox a#link-login {background: url(/img/icons/13.png) no-repeat 0 50%; padding-left:13px; font-size:11px;}
#toolbox a#link-logout {background: url(/img/icons/13.png) no-repeat 0 50%; padding-left:13px; font-size:11px;}
#toolbox a#link-register {background: url(/img/icons/23.png) no-repeat 0 50%; padding-left:13px; font-size:11px;}
#toolbox a#link-kontakt {background: url(/img/icons/04.png) no-repeat 0 50%; padding-left:13px; font-size:11px;}
#toolbox a#link-koszyk {background: url(/img/icons/cart.png) no-repeat 0 50%; padding-left:13px; font-size:11px;}
/* --~---~-- SIDEBAR --~---~-- */
#main.layout-2col #container {background: url(/img/sidebartop-bcg.png) no-repeat 2px 0;}
#main.layout-2col #container #sidebar {background: url(/img/sidebarbottom-bcg.png) no-repeat 2px 100%;padding-bottom:70px;}
#main.layout-2col #container #sidebar-wrapper {background: url(/img/sidebar-repeat.png) repeat-y 2px 100%;}
#main #sidebar ul.categories {width:214px; list-style-type: none; margin: 0; padding: 0;}
#main #sidebar ul.categories li {/*height:36px;*/ margin:0 0 0 2px; background: url(/img/categories-bcg.png) no-repeat 0 0; padding: 0 0 0 12px;}
#main #sidebar ul.categories li a {font-family: "Trebuchet MS", Tahoma, sans-serif; font-weight:bold; font-size:14px; text-transform: uppercase; display:block; padding: 8px 0 0 10px; height:28px; width:190px; color: #00404d;}
#main #sidebar ul.categories li a:hover {background: url(/img/categories-menu1.png) no-repeat 100% -36px; text-decoration:none; color:#fff;}
#main #sidebar ul.categories li.active a, #main #sidebar ul.categories li.active a:hover {background: url(/img/categories-menu1.png) no-repeat 100% 0; height:28px;}
#main #sidebar ul.categories li.active a {color: #fff;}
#main #sidebar ul.categories li ul {padding:8px 0; margin:0; width:191px; list-style-type:none; background: url(/img/subcategories-bcg.png) no-repeat 100% 100%;}
#main #sidebar ul.categories li ul li {background: none;padding:0;}
#main #sidebar ul.categories li ul li a {font-family:Arial, Tahoma, Verdana, sans-serif; font-weight:normal; font-size:12px; text-transform: none; display:block; padding:3px 0 5px 10px; height:auto; width:auto; color: #797C80;background: url(/img/icons/submenu.png) no-repeat 90% 50%;}
#main #sidebar ul.categories li ul li a:hover {color:#000; background: url(/img/icons/submenu.png) no-repeat 90% 50%; height:auto;}
#main #sidebar ul.categories li.active ul li.active {background: url(/img/subitem.png) no-repeat 0 0;}
#main #sidebar ul.categories li.active ul li.active a {color:#000;}
#main #sidebar ul.categories li.active ul li a {font-family:Arial, Tahoma, Verdana; height:auto; padding:3px 0 5px 10px; font-size:12px; width:auto; color:#797C80; text-transform:none; font-weight:normal; background: url(/img/icons/submenu.png) no-repeat 90% 50%;}
#main #sidebar ul.categories li.active ul li a:hover {color:#000; background: url(/img/icons/submenu.png) no-repeat 90% 50%; height:auto;}
#main.layout-2col #sidebar ul.submenu {padding: 0 0 15px 15px; width: 190px;}
#main.layout-2col #sidebar ul.submenu li a {outline:none; display: block; width:100%; background: url(/img/submenuitem-bcg.png) no-repeat 100% 0; text-align: left; color:#00404d; height:38px; width:170px; padding:0 0 0 20px;}
#main.layout-1col #container #sidebar {background: url(/img/sidebar-bcg1.png) no-repeat -4px 0;}
#main #sidebar ul.submenu {padding: 0 0 15px 15px; width: 183px; list-style-type: none; margin: 0; padding: 0;}
#main #sidebar ul.submenu li {display: block;height:38px;line-height: 38px; }
#main #sidebar ul.submenu li a {outline:none; display: block; width:100%; background: url(/img/submenuitem-bcg.png) no-repeat 100% 0; text-align: left; color:#00404d; height:38px; width:169px; padding:0 0 0 20px;}
#main #sidebar ul.submenu li a:hover {text-decoration:none; background: url(/img/submenu-hover.png) no-repeat 9px 0; }
#main #sidebar ul.submenu li.active a, #main #sidebar ul.submenu li a.active {background: url(/img/submenu-selected.png) no-repeat 9px 0;}
#main #sidebar #search p {font-family: "Trebuchet MS", Tahoma; font-weight:bold; font-size:14px; text-transform: uppercase; color: #00404d;}
#main #sidebar #search {padding: 0 30px 0 22px; margin:35px 0 45px;}
#main #sidebar #search input.text {width:146px; }
#main #sidebar #search button{margin-top:5px; float:right; cursor:pointer;}
#main #sidebar div.sidebox p { font-weight:bold; padding: 10px 0 0 0; height: 28px; color:#00404d;margin:0 0 5px; }
#main #sidebar div.sidebox {padding:0 10px 0 30px;margin: 35px 0 0;background: url(/img/sidebox-title.png) no-repeat 15px 0;}
#main #sidebar div#questions.sidebox ul { list-style-type:disc;margin: 0 5px 0 13px;padding: 0;}
#main #sidebar #cust_serv ul {list-style-type: none;margin:0; padding: 0}
#main #sidebar #cust_serv ul li {margin-top:15px; list-style-type: none; padding: 0;}
#main #sidebar #cust_serv ul li.phone {font-size:18px; font-weight:bold; color:#819e1a;}
#main #sidebar #cust_serv ul li.mail {font-size:16px; font-weight:bold;}
#main #sidebar #cust_serv ul li.gg {font-size:16px; font-weight:bold;}
ul.support {list-style-type: none;margin:0; padding: 0}
ul.support li {margin-top:15px; list-style-type: none; padding: 0;}
ul.support li.phone {font-size:18px; font-weight:bold; color:#819e1a;}
ul.support li.mail {font-size:16px; font-weight:bold;}
ul.support li.gg {font-size:16px; font-weight:bold;}
/* --~---~-- FOOTER --~---~-- */
#foot .l {float:left; width:465px;}
#foot .r {float:right; width:465px; text-align:right;}
#foot .r p {text-align:right; clear:both;}
#foot .r ul {list-style-type: none; float:right;}
#foot .r ul li {float:left; padding: 0 5px;}
#foot .r ul li a {color:#444;}
#foot .r ul li a:hover {color:#444;}
#footer.branded #foot ul {margin:0 auto; width:320px;overflow:hidden;list-style-type:none;padding:0;}
#footer.branded #foot ul li {float:left;padding:0 5px;}
#footer.branded #foot ul li a {color:#444;}
#footer.branded #foot p {text-align:center;}
/* --~---~-- PAGING --~---~-- */
#main div.paging {text-align:center;}
#main ul.paging {height:24px; margin: 10px auto 0;padding:0;display:table;}
#main ul.paging li.next, #main .paging li.back {border:none; width: auto;margin:0 5px;}
#main ul.paging li {float:left; margin: 0 1px; line-height:22px; display:block; text-align: center;}
#main ul.paging li {*display:inline; *float:none;*zoom:1;}
#main ul.paging li a {color: #666; padding:0 8px; line-height:22px; height:22px; display:block; border:1px solid #dcdcdc; }
* html #main ul.paging li a {width:6px;}
* html #main ul.paging li.next a, * html #main ul.paging li.back a {width:71px;}
#main ul.paging li.active, #main ul.paging li a:hover {background: url(/img/paging-bg.png) repeat-x 0 0; border: 1px solid #77a530;color:#fff;text-decoration:none;}
#main ul.paging li.active a {border:none; color:#fff;}
/* --~---~-- HOME PAGE --~---~- */
#main.layout-homepage {background: url(/img/homepage-bcg.png) repeat-x 0 0; width: 100%;}
#main.layout-homepage #container {background: url(/img/spotlight-bcg.jpg) no-repeat top center; padding:0;}
#main.layout-homepage #content {width: 960px; margin: 0 auto;}
#main.layout-homepage #content #spotlight {height: 308px; position:relative;}
#main.layout-homepage #content #spotlight div.l {width:442px; float:left; color:#fff;}
#main.layout-homepage #content #spotlight #spotvideo {position:absolute; top: 30px; left: 463px; width:484px; height:284px;}
#main.layout-homepage #content #spotlight #spotvideo .caption {width: 484px; padding:0; height:284px; position:absolute; bottom:0; left:0; list-style-type: none; margin: 0; padding: 0;}
#main.layout-homepage #content #spotlight #spotvideo .caption li {width: 484px; padding:0; height:284px; position:absolute; bottom:0; left:0; display: none;}
#main.layout-homepage #content #spotlight #spotvideo .caption img.play {position:absolute; top:80px; left:175px; opacity:0.7;}
#main.layout-homepage #content #spotlight #spotvideo .caption div{background: url(/img/videocaption-bcg.png) repeat-x 0 0; width: 454px; padding:10px 15px; height:47px; position:absolute; bottom:0; left:0;}
#main.layout-homepage #content #spotlight #spotvideo .caption a.title {color:#17bacb; font-size:18px; display: block; margin-bottom:5px;}
#main.layout-homepage #content #spotlight #spotvideo .caption span {color:#c6c6c6;}
#main.layout-homepage #content #spotlight #spotvideo .tabs {position:absolute; top:10px; right:25px;z-index:15; height:16px;}
#main.layout-homepage #content #spotlight #spotvideo .tabs a {width:16px; height:16px; margin-right:2px; display:block; float:left; background: url(/img/icons/dot_black.png) no-repeat 0 0;}
#main.layout-homepage #content #spotlight #spotvideo .tabs a:hover {background: url(/img/icons/dot_grey.png) no-repeat 0 0;}
#main.layout-homepage #content #spotlight #spotvideo .tabs a.current {background: url(/img/icons/dot_blue.png) no-repeat 0 0;}
#main.layout-homepage #content #spotlight #spotvideo .tabs a#l {margin:0;}
#main.layout-homepage #content #spotlight .l ul.main-categories {margin:10px 0 0 0; overflow:hidden; list-style-type: none; padding:0;}
#main.layout-homepage #content #spotlight .l ul.main-categories li {float:left; width:190px; height:32px; margin:0 23px 2px 0;}
#main.layout-homepage #content #spotlight .l ul.main-categories li a {font-family: Trebuchet MS, Arial; font-weight:bold; font-size:12px; text-transform: uppercase; color: #fff; background: url(/img/categories-menu.png) no-repeat 0 0; display:block; width:170px; height: 26px; padding: 6px 0 0 20px;}
#main.layout-homepage #content #spotlight .l ul.main-categories li a:hover {text-decoration:none; background: url(/img/categories-menu.png) no-repeat 0 100%;}
#main.layout-homepage #content #body {background: url(/img/shadow-bcg.png) no-repeat top right; overflow:hidden;}
* html #main.layout-homepage #content #body {width:960px;}
#main.layout-homepage #content #body .l {width:673px; float:left;}
#main.layout-homepage #content #body .r {width:248px; float:right; padding-right: 10px;}
#main.layout-homepage #content #body .newest, #main.layout-homepage #content #body .author {border-bottom: 1px solid #efefef; overflow:hidden; padding: 0 0 30px 0; clear:both; position:relative;}
#main.layout-homepage #content #body .newest ul {list-style-type: none; margin: 0;}
#main.layout-homepage #content #body .newest ul li {float:left; width: 125px; padding: 0 5px 0 0; }
#main.layout-homepage #content #body .newest ul li.l {padding:0;}
#main.layout-homepage #content #body .newest ul li img {padding:4px; background:#fff; border:1px solid #e4e3e3;}
#main.layout-homepage #content #body .newest ul li span {display:block; font-weight:bold; color:#2FA7BF; text-align:center;}
#main.layout-homepage #content #body .newest a.nextPage,#main.layout-homepage #content #body .newest a.prevPage { width:32px; height:32px; position:absolute; top:80px; z-index:10; text-indent:-2000px; cursor:pointer;}
#main.layout-homepage #content #body .newest a.nextPage.disabled,#main.layout-homepage #content #body .newest a.prevPage.disabled {visibility:hidden;}
#main.layout-homepage #content #body .newest a.nextPage {background:url(/img/icons/next.png) no-repeat 0 0; right:5px;}
#main.layout-homepage #content #body .newest a.prevPage {background:url(/img/icons/prev.png) no-repeat 0 0; left:5px;}
#main.layout-homepage #content #body .newest .scrollable {position:relative; overflow:hidden; width: 650px; height:123px;margin: 0 15px;}
#main.layout-homepage #content #body .newest .scrollable ul.items {width:20000em; position:absolute; list-style-type:none;padding:0; margin:0;}
#main.layout-homepage #content #body .newest .scrollable ul.items li {float:left;}
#main.layout-homepage #content #body .benefits ul {list-style-type: none; margin: 0; padding: 0; overflow:hidden;}
#main.layout-homepage #content #body .benefits ul li span {background: url(/img/icons/tick.png) no-repeat 0 0; display:block; font-weight:bold; color:#00404D; padding: 10px 0 0 35px; height: 18px;}
#main.layout-homepage #content #body .sell {padding: 0 20px;}
#main.layout-homepage #content #body .author ul.vlist {float:right; margin:12px 0 0 16px; padding:0;}
#main.layout-homepage #content #body img.avatar {padding: 5px; background: #fff; float:left; margin: 0 10px 0 0; display:block; width:75px; height: 75px; border: 1px solid #ebebeb;}
#main.layout-homepage #content #body .author p {margin: 0;}
#main.layout-homepage #content #body .author p a {font-weight: bold;}
#main.layout-homepage #content #body .news {overflow:hidden; position:relative;}
* html #main.layout-homepage #content #body .news {width:670px;}
#main.layout-homepage #content #body .news h3.bestsellers {position:absolute; left:470px; top:0;}
#main.layout-homepage #content #body .news ul.blog {float:left; list-style-type: none; margin: 0; padding: 0;}
#main.layout-homepage #content #body .news ul.vlist {float:right;margin:0;}
#main.layout-homepage #content #body .benefits {width:242px; margin: 45px 0 0 0; background: url(/img/homesidebarbottom-bcg.png) no-repeat 0 100%;}
#main.layout-homepage #content #body .benefits .benefits-body {padding: 10px 20px; background: url(/img/homesidebartop-bcg.png) no-repeat 0 0;}
#main.layout-homepage #content #body .sidebar ul.features {border-top: 1px solid #EFEFEF; padding:10px 0 0 0; list-style-type: none; margin: 0;}
#main.layout-homepage #content #body .sidebar ul.features li img {float:left; padding:0 10px 15px 0;}
#main.layout-homepage #content #body .sidebar ul.features li span.navy {color:#00404D; font-size:13px;font-weight:bold;}
#main.layout-homepage #content #body .sidebar ul.features li p {margin: 0 0 10px;}
/* --~---~-- BROWSE --~---~- */
#main.layout-browse #content {margin-left:230px; padding:10px;}
#main.layout-browse #sidebar {width:200px; float:left;padding:10px 10px; line-height:1.5em; background: none;}
#main.layout-browse #sidebar ul.categories {list-style-type: none; margin: 0; padding: 0; }
#main.layout-browse #sidebar ul.categories li {display: block;height:30px;line-height: 30px;margin-bottom: 4px;}
#main.layout-browse #sidebar ul.categories li a {background: #ccc; color: black; display: block;height:30px;line-height: 30px;text-align: center;}
#main.layout-browse #sidebar ul.categories li a:hover {background: #aaa; text-decoration:none}
#main.layout-browse #sidebar ul.categories li a:focus {background: #309FBB; text-decoration:none}
#main.layout-browse #sidebar ul.categories li.active a {background: #666666;color:#fff; text-shadow: 1px 1px 1px black}
table.browse_cat td {vertical-align:top; padding: 0 30px 12px 0; width:340px;}
table.browse_cat td p {min-height:55px;}
table.browse_cat td a.more {border-bottom: 1px solid #dcdcdc; width:100%; display:block; padding: 0 0 8px 0; clear:both; text-align: center; font-weight: bold}
/* - thumb - */
div.thumb {border-bottom: 1px solid #dcdcdc; margin: 0 15px 0 5px; padding: 10px 15px 10px 10px; overflow:hidden;}
div.thumb a {font-size: 13px; font-weight: bold;}
div.thumb span {}
div.thumb a:hover {text-decoration:none;}
div.thumb a:active {outline:none;}
div.thumb span.name {display:block; font-size: 14px; padding: 9px 0 0 0;}
div.thumb span.author {display:block; font-size: 12px; color: #b0b0b0; font-weight:normal;}
div.thumb span.descr {display:block; margin-top: 5px; font-size:12px; color:#666;font-weight:normal; line-height:1.5;}
div.thumb img {width: 110px; height:80px; float:left; margin-right: 10px; padding: 12px; background: url(/img/img-bcg.png) no-repeat 0 0;}
/* - bundle thumb - */
div.bundle-thumb {background: url(/img/bundlethumb-bcg.png) no-repeat 100% 0; margin: 0 15px 0 5px; padding: 10px 15px 10px 10px; overflow:hidden;}
div.bundle-thumb a {font-size: 13px; font-weight: bold;}
div.bundle-thumb span {}
div.bundle-thumb a:hover {text-decoration:none;}
div.bundle-thumb a:active {outline:none;}
div.bundle-thumb span.name {display:block; font-size: 14px; padding: 9px 0 0 0;}
div.bundle-thumb span.author {display:block; font-size: 12px; color: #b0b0b0; font-weight:normal;}
div.bundle-thumb span.savings {display:block; float:right; font-size: 12px; color: #fff; font-weight:normal;height:24px; padding-top:30px;}
div.bundle-thumb span.descr {display:block; margin-top: 5px; font-size:12px; color:#666;font-weight:normal; line-height:1.5; width:520px;}
div.bundle-thumb img {width: 110px; height:80px; float:left; margin-right: 10px; padding: 12px; background: url(/img/bundleimg-bcg.png) no-repeat 0 0;}
/* - mini thumb - */
#main div.mini {width:150px; float:left; display:block; overflow:hidden;margin: 0 15px 15px 0; overflow:hidden; min-height:158px; text-align:center;}
#main div.mini a {font-size: 13px; font-weight: bold; text-align:center;}
#main div.mini a:hover {text-decoration:none;}
#main div.mini a:active {outline:none;}
#main div.mini span.name {display:block; font-size: 13px; padding:0;}
#main div.mini span.author {display:block; font-size: 12px; color: #b0b0b0; font-weight:normal;}
#main div.mini img {width: 110px; height:80px; margin:0 auto; padding: 12px; background: url(/img/img-bcg.png) no-repeat center 0;}
#main div.minih {clear:both;margin:0 0 15px 0;overflow:hidden;}
#main div.minih a{font-weight:bold;font-size:13px;}
#main div.minih img {float:left; margin:0 10px 0 0;width: 110px; height:80px; padding: 12px; background: url(/img/img-bcg.png) no-repeat 0 0;}
#main div.minih span.author {display:block; font-size: 12px; color: #b0b0b0; font-weight:normal;}
/* - sorting - */
div.sort {float:right; margin:15px 0 0 0;}
div.sort select {padding:2px;}
/* --~---~-- MESSAGE --~---~- */
/*p.message { border: 1px solid #ccc; -moz-border-radius:15px; padding: 10px 20px; width: 600px;; display: block; margin: 10px 0; }
p.message.error { border-color: #cc0000; color: #cc0000}
.message .messageText {margin-bottom:15px; line-height: 150%;color:#808080;}
.message a.action {font-weight: bold; font-size:15px;margin-top:50px;}
.message a.action.multiple {display: block; margin-bottom: 8px; margin-top:0; float: none}
.message a.action.prev { float: left;}
.message a.action.next { float: right;}
.message a.action.multiple.prev { float: none;}
.message a.action.multiple.next { float: none;}
*/
div.message {position: relative;margin: 0 0 15px 0;padding: 0;border: 1px solid;background-position: 10px 11px !important;background-repeat: no-repeat !important;font-size: 13px;width: 99.8%;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
div.message.attention {background: #fffbcc url('/img/author/icons/exclamation.png') 10px 11px no-repeat;border-color: #e6db55;color: #666452;}
div.message.information {background: #c0f2ff url('/img/author/icons/information.png');border-color: #97d9eb;color: #585b66;}
div.message.success {background: #d5ffce url('/img/author/icons/tick_circle.png');border-color: #9adf8f;color: #556652;}
div.message.error {background: #ffcece url('/img/author/icons/cross_circle.png');border-color: #df8f8f;color: #665252;}
div.message div {display:block;font-style:normal;padding: 10px 10px 10px 36px;line-height: 1.5em;}
div.message .close {color:#990000;font-size:9px;position:absolute;right:5px;top:5px;}
div.message.error a {color: #34A1B7;}
div.message a {font-weight: bold}
ul.message { list-style-type: disc;margin-left:20px;}
ul.message li {margin-bottom:5px}
/* --~---~-- AUTHOR PAGE --~---~- */
#main .newest .mini {float:none; display:block;}
#main .bio {overflow:hidden; width:780px;}
#main .bio img.avatar {float:left; padding:5px; border:1px solid #efefef; margin:12px 15px 5px 0;}
#main .related {overflow:hidden;}
/* --~---~-- CONTACT --~---~- */
#content.contact div {float:left; width:180px;margin-right:5px;}
#content.contact h3 {padding-left:20px;}
#content.contact ul {list-style-type: none;margin: 0; padding: 0;}
#content.contact ul li {border-bottom: 1px dotted #000;padding:10px 20px;}
/* --~---~-- RBOX --~---~- */
.rbox {width:215px;background:url(/img/rbox-bcg.png) no-repeat 0 100%;}
.rbox h3 {text-indent:-2000px;background: url(/img/userinfo-header.png) no-repeat 0 0; width:215px; height:32px;margin:0;}
/* --~---~-- LOGIN --~---~- */
#container .lform{width:446px;background: url(/img/loginform-bcg.png) no-repeat 0 100%;margin:0 auto;padding:0 0 20px 0;}
#container .lform-inner {width:406px;margin:0 auto;background: url(/img/loginform-bcg.png) no-repeat 0 0; padding:0 20px; overflow:hidden;}
form#loginForm ul.errors {list-style-type: none; margin: 5px 0 10px}
form#loginForm ul.errors li {color: #f00;}
form#registerForm label.full {float:none;display:inline;}
form#registerForm input {*float:none;*display:inline;}
form#registerForm ul.errors {margin: 5px 0 10px;}
form#registerForm ul.errors li {color: #f00;}
form#registerForm ul.errors li a {color: #f00; text-decoration: underline;}
.lform-inner ul li {margin-bottom: 10px;}
.lform-inner ul li fieldset {border-top: 1px solid #dedede; width:300px;}
.lform-inner ul li fieldset legend {padding:0 5px;}
.lform-inner ul li fieldset ul {margin-top:15px;}
.lform-inner input#login {width:109px; height:26px; background: url(/img/zaloguj-btn.png) no-repeat 0 0;text-indent:-20000px; border:0; cursor:pointer; margin: 0 0 0 150px;}
.lform-inner input#login {*text-indent: 0;*font-size:0; *width:250px; *color:#fff;}
.lform-inner input#login:hover {background: url(/img/zaloguj-btn.png) no-repeat 0 100%;}
.lform-inner input#register {width:109px; height:26px; background: url(/img/zarejestruj-btn.png) no-repeat 0 0;text-indent:-20000px; border:0; cursor:pointer; margin: 0 0 0 150px;}
.lform-inner input#register {*text-indent:0; *font-size:0; *width:250px; *color:#fff;}
.lform-inner input#register:hover {background: url(/img/zarejestruj-btn.png) no-repeat 0 100%;}
.lform-inner input.btnNext {width:109px; height:26px; background: url(/img/dalej-btn.png) no-repeat 0 0;text-indent:-20000px; border:0; cursor:pointer; margin:0 0 10px 430px;}
.lform-inner input.btnNext:hover {background: url(/img/dalej-btn.png) no-repeat 0 100%;}
.lform-inner p.info {border-top:1px solid #dedede;padding-top:10px;}
/* --~---~-- USER PANEL --~---~- */
#main div.details ul {list-style-type: none; margin: 0; padding: 0;}
input#changepass {background:url(/img/zmienhaslo-btn.png) no-repeat 0 0; width:109px; height:26px; border:0; text-indent:-2000px;margin-left:150px;}
input#changepass:hover {background:url(/img/zmienhaslo-btn.png) no-repeat 0 100%; cursor:pointer;}
/* --~---~-- EXTRAS TABLE --~---~- */
table.extras {border:1px solid #d9d9d9; width:410px; text-align:left; margin:0 auto;}
table.extras tr.even {background: #f5f5f5;}
.extras td {padding: 10px; border-top:1px solid #d9d9d9; border-bottom:1px solid #e5e5e5;}
.extras td span {font-size:11px; color:#666;}
.extras td.size {background:none;width:25%;}
.extras td {background: url(/img/icons/default_doc.png) no-repeat 10px 10px;padding-left:30px;}
.extras td.word {background-image: url(/img/icons/word.png);}
.extras td.excel {background-image: url(/img/icons/excel.png);}
.extras td.ppt {background-image: url(/img/icons/ppt.png);}
.extras td.pdf {background-image: url(/img/icons/pdf.png);}
.extras td.zip {background-image: url(/img/icons/zip.png);}
.extras td.jpg, .extras td.png, .extras td.gif {background-image: url(/img/icons/img.png);}
.extras td.psd {background-image: url(/img/icons/psd.png);}
.extras td.download {background-image: url(/img/icons/download.png);}
/* --- ext ----- */
.ext-el-mask {
z-index: 100;
position: absolute;
top:0;
left:0;
-moz-opacity: 0.5;
opacity: .50;
filter: alpha(opacity=50);
background-color: #CCC;
width: 100%;
height: 100%;
zoom: 1;
}
.ext-el-mask-msg {
z-index: 20001;
position: absolute;
top: 0;
left: 0;
border:1px solid #6593cf;
background: #c3daf9 url(../img/default/box/tb-blue.gif) repeat-x 0 -16px;
padding:2px;
}
.ext-el-mask-msg div {
padding:5px 10px 5px 10px;
background: #eee;
border:1px solid #a3bad9;
color:#222;
font:normal 11px tahoma, arial, helvetica, sans-serif;
cursor:wait;
}
.ext-shim {
position:absolute;
visibility:hidden;
left:0;
top:0;
overflow:hidden;
}
.ext-ie .ext-shim {
filter: alpha(opacity=0);
}
.ext-ie6 .ext-shim {
margin-left: 5px;
margin-top: 3px;
}
.x-mask-loading div {
padding:5px 10px 5px 25px;
background: #fbfbfb url( '../img/default/grid/loading.gif' ) no-repeat 5px 5px;
line-height: 16px;
}
/* --~---~-- Tooltips --~---~- */
form p.description {
display:none;
background:url(/img/tooltip/bubble.png) no-repeat 0 0;
height:71px; /* 109 */
padding:10px 10px 10px 20px;
width:176px; /* 209 */
font-size:11px;
color:#fff;
line-height:1.2em;
}
/* --~---~-- LIVE! --~---~- */
div#wrapper.live h2 {color:#476CA2}
div#wrapper.live div#headline {color:#ccc}
div#wrapper.live div#header a.logo {opacity:0.7}