﻿@media all{
html,body,b,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{quotes:none;list-style:none;padding:0;background:transparent;border:0;outline:0;margin:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;text-decoration:none;vertical-align:baseline}
input,textarea,button{font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit}
blockquote::before,blockquote::after,q::before,q::after{content:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
*:focus{outline:0}

div.text ul,div.text ol,div.text dd{margin-left:2em;}
div.text h3,div.text h4,div.text h5,div.text h6,div.text p,div.text ul,div.text ol{margin-bottom:1em}}
@media screen,projection{

a{color:#405f91;text-decoration:none}
a:focus,a:hover{text-decoration:underline}
#contentMain a,#contentSide a{text-decoration:underline}
#contentMain a:focus,#contentMain a:hover,#contentSide a:focus,#contentSide a:hover{text-decoration:none}

#contentSide #boxSearch h2,#boxSearch label,
#contentSide #boxNewsletter label,
hr,#menuMain h2,#menuMain .backToTop,#menuFast h2,#footer h2{height:1px;overflow:hidden;position:absolute;top:auto;right:1000em;left:auto}
#contentSide #boxNewsletter div.validators{display:block;margin-top:2px;clear:left;}
#contentSide #boxNewsletter div.validators .responseText{color:red;}


html{
background-color:#ebebe5;
font-size:100.01%}

body{
font:0.75em/1.58 Tahoma,"Lucida Grande",Helvetica,Arial,sans-serif}

#main{
width:980px;
background-color:#fff;
border-right:10px solid #90a305;
border-left:10px solid #90A305;
position:relative;
z-index:0;
margin:0 auto;
color:#585858}

* html #main{


}

#skipLinks{
position:absolute;
z-index:100;
color:#fff}

#skipLinks a{
padding:5px;
color:#fff}

#skipLinks a:focus{
background-color:#90a305}

#contentMain{
width:505px;
padding:0 0 145px 35px;
float:left}
#contentMain::after{
content:"";
display:block;
height:1px;
clear:both}

#news h2,
#usabilityCourse h2{
position:relative;
z-index:-1;
font-size:2.25em;
font-weight:normal;
word-spacing:-1.6em;
white-space:nowrap;
text-transform:uppercase}

#contentMain h2 a{
color:#585858;
text-decoration:none;
cursor:text}

#contentMain ul.contents li,
#contentMain ul.download li,
#contentMain ul.changes li,
#contentSide ul.articles li,
#boxAbout ul li,
#formNewsletter div.submit a{
padding:0 0 3px 15px;
background:url(/App_Themes/Default/Gfx/App/bgdCommon1.png) no-repeat 0 50%;}
#contentMain ul.contents li,
#contentMain ul.download li,
#contentMain ul.changes li,
#contentSide ul.articles li,
#boxAbout ul li{overflow:hidden;word-wrap:break-word;}

#news{
width:100%;
padding-bottom:25px;
background:url(/App_Themes/Default/Gfx/App/headers1.png) no-repeat -35px 0;
border-bottom:1px dotted #999;
margin-bottom:22px;
margin-top:20px;}

#news h2{
letter-spacing:1.22em}

#news div.news h3, #page h3{
padding:5px 0 9px;
font-size:1.83em;
font-weight:normal;clear:both;}

#news div.news h3 span, #page h3 span{
display:block;
padding-top:4px;
overflow:hidden;
border-top:1px solid #999;
margin-top:2px;
font-size:0.55em;
color:#999;
text-indent:-0.7em}

#usabilityCourse{
width:100%;
padding-bottom:31px;
overflow:hidden;
background:url(/App_Themes/Default/Gfx/App/headers1.png) no-repeat -663px 0}

#usabilityCourse h2{
padding-bottom:20px;
letter-spacing:0.97em}

#usabilityCourse ul.contents{
width:250px;
float:left}

#usabilityCourse div.book{
display:inline;
width:245px;
padding:19px 0 2px;
background-color:#ecece6;
border-top:6px solid #999;
border-bottom:1px solid #999;
float:right;
margin-right:4px;
text-align:center}

#usabilityCourse div.book h3{
padding-bottom:8px}

#usabilityCourse div.book h3 img{
padding:1px;
background-color:#fff;
border:6px solid #999}

#usabilityCourse div.book ul.actions li{
padding-bottom:10px}

#usabilityCourse div.book li a{
text-decoration:none}

#usabilityCourse div.book li a:focus,
#usabilityCourse div.book li a:hover{
text-decoration:underline}

#usabilityCourse div.book li.order a{
padding:5px 8px;
background-color:#405f91;
color:#fff;
font-weight:bold;
text-decoration:none}

#wrapperDownloadAndDictionary{
width:100%;
overflow:hidden;
background-color:#ecece6;
border-bottom:1px solid #999;
clear:both}

#wrapperDownloadAndDictionary h2{
width:245px;
height:48px;
padding-top:9px;
background-color:#fff;
position:absolute;
font-size:1.42em;
line-height:1.06;
text-transform:uppercase}

#boxDownload ul.download{width:192px;}
#boxDownload ul.download,
#boxInteractiveDictionary ul.changes{
padding:70px 29px 16px;
position:relative;
overflow:hidden;}

#boxDownload{
width:245px;
float:left}

#boxDownload h2{
padding-right:15px}

#boxDownload ul.download{
background:#ecece6 url(/App_Themes/Default/Gfx/App/headers1.png) no-repeat -3621px 0}

#boxInteractiveDictionary{
width:245px;
float:right}

#boxInteractiveDictionary ul.changes{
background:#ecece6 url(/App_Themes/Default/Gfx/App/headers1.png) no-repeat -3881px 0}

#contentSide{
width:312px;
padding:0 40px 145px 0;
float:right}

#contentSide h2{
width:312px;
height:38px;
border-bottom:1px solid #999;
position:absolute;
left:0;
font-size:1.83em;
line-height:28px;
color:#585858}

#boxSearch,
#boxAbout,
#boxNewsletter,
#boxRecommend{
clear:both;
position:relative;
zoom:1}

#boxAbout div.photo,
#boxNewsletter fieldset,
#boxRecommend ul.articles{
padding-top:53px;
background:url(/App_Themes/Default/Gfx/App/headers1.png) no-repeat -2566px 0;
position:relative;
zoom:1}

#contentSide fieldset input, #page fieldset input {
width:163px;
height:17px;
padding:5px 9px 0;
background-color:#ecece6;
border:1px solid #424242;
float:left;
color:#424242}

#boxSearch{
padding:10px 0 28px}

#boxSearch fieldset{
padding:0 9px 0 6px;
float:left;
font-size:0.92em}

#boxAbout{
overflow:hidden;
margin-bottom:22px}

#boxAbout div.photo{
width:100%;
float:left;
margin-right:-140px}

#boxAbout div.photo img{
padding:1px;
border:5px solid #999;
margin-left:2px}

#boxAbout ul{
padding:92px 10px 0 172px;
position:relative}

#boxAbout ul li{
padding:0 0 1px 9px;
background-position:0 49.5%}

#boxNewsletter fieldset{
padding:51px 6px 36px;
background-position:-2917px 0;
position:relative}

#boxNewsletter fieldset p{
padding-bottom:10px}

#boxNewsletter fieldset div{
font-size:0.92em}

#boxNewsletter div.submit input {
position:absolute;
top:80px;
left:198px;z-index:999;}

#boxNewsletter div.submit a{
position:absolute;
bottom:43px;
left:141px;
font-size:0.92em}

#boxRecommend ul.articles{
padding-left:6px;
background-position:-3269px 0}

#boxPartners{
width:980px;
height:81px;
padding-top:26px;
border-top:1px solid #90a305;
position:absolute;
bottom:99px;
left:0;
text-align:center}

#boxPartners h2,
#boxPartners ul{
display:inline;
border:0;
position:static;
font-size:1em;
line-height:1;
font-weight:bold}

#boxPartners li{
display:inline;
padding:0 11px}

#boxPartners img{
vertical-align:middle}

#header{
height:180px;
background:url(/App_Themes/Default/Gfx/App/bgdCommon1.png) repeat-x 0 100%}

#header h1{
height:62px;
background:url(/App_Themes/Default/Gfx/App/headers1.png) no-repeat -1256px 20px;
position:relative;
z-index:20;
margin-left:300px}

#header h1 img{
position:absolute;
top:25px;
left:-284px}

#header p{
width:680px;
height:56px;
padding:34px 0 24px 300px;
overflow:hidden;
background:url(/App_Themes/Default/Gfx/App/bgdCommon1.png) repeat-x 0 67px;
position:absolute;
top:20px;
left:0;
font-size:1.50em;
color:#939d42;
font-style:italic;
text-align:center}

#footer{
height:64px;
padding-top:10px;
background-color:#ecece6;
margin:0 -10px;
position:relative;
font-size:0.92em;
line-height:1.36;
color:#333;
text-align:center}

#footer a{
color:#333}

#menuMain{
clear:both}

#menuMain ul{
width:100%;
height:39px;
overflow:hidden;
background-color:#7f9004;
margin:0;
position:absolute;
top:121px;
left:0;
z-index:50}

#menuMain li{
width:163px;
height:39px;
background-image:url(/App_Themes/Default/Gfx/App/menu.png);
line-height:39px;
float:left;
list-style:none;
text-align:center}

#menuMain li a,
#menuMain em{
display:block;
height:39px;
width:100%;
background-image:url(/App_Themes/Default/Gfx/App/menu.png);
background-repeat:no-repeat;
font-style:normal;
color:#fff;
text-decoration:none}

* html #menuMain li a{
overflow:hidden}

#menuMain a:hover,
#menuMain a:focus,
#menuMain em{
background-position:200px 0 !important}

#menuMain b,
#menuMain em{
display:block;
width:100%;
height:100%;
overflow:hidden;
position:relative;
z-index:-1;
line-height:39px}

#menuMain a:hover b,
#menuMain a:focus b,
#menuMain em{
background-color:#f2f2ef;
color:#7f9004}

#menuMain .strona-glowna{background-position:0 -39px}
#menuMain .strona-glowna a{background-position:0 0}
#menuMain .aktualnosci{background-position:-163px -39px}
#menuMain .aktualnosci a{background-position:-163px 0}
#menuMain .kurs-usability{background-position:-326px -39px}
#menuMain .kurs-usability a{background-position:-326px 0}
#menuMain .slownik-interactive{background-position:-489px -39px}
#menuMain .slownik-interactive a{background-position:-489px 0}
#menuMain .do-pobrania{background-position:-652px -39px}
#menuMain .do-pobrania a{background-position:-652px 0}
#menuMain .autor{width:165px;background-position:-815px -39px}
#menuMain .autor a{background-position:-815px 0}

#menuMain .backToTop{position:absolute;left:-100em}
#menuFast{height:25px;background-color:#90a305;margin-left:-10px;position:relative;clear:both;font-size:0.92em;line-height:1;text-align:center}
#menuFast ul{width:100%;margin-top:-0.5em;position:absolute;top:12px;left:0}
#menuFast li{display:inline;border-left:1px solid #fff}
#menuFast li:first-child{border:0}
#menuFast li a{padding:5px;color:#fff;position:relative}

p label{margin:10px 0 0 0}
h6 {font-size: 100%; font-weight:bold;}

.index {width:100%; padding:15px 0;}
.index ol { margin-left: 5px; }
.index h6 {float: left; padding-right: 5px; }
.index li:first-child {border:0;}
.index li {float: left;padding-right:2px;}
}

#page h3 a, .news h3 a { text-decoration: none !important; color: #585858; }
h3.header { padding-bottom: 4px !important; border-bottom: 1px solid #999999; }
#contentMain #page { width: 100%; overflow: hidden; }
#contentMain .textEditor { width: 500px; margin-top: 15px; }
#contentMain .textEditor .pd { margin-bottom: 10px; }
#contentMain .titleTextBox, #contentMain .TagsTextBox, #contentMain UploadChooser_wrap input { width: 500px; }

#contentMain #formArticlesPanel { clear: both; margin: 10px 0 0 0; }
#contentMain #pages { margin-top: 10px; }

.tags textarea { width: 500px; height: 100px; }
.commentForm { margin-bottom: 15px; }
.commentHeader { margin-bottom: 10px; color: #999999; font-size: 0.85em; }
.paginator { margin-top: 10px; }

#itemPlaceholderContainer { width: 100%; margin: 10px 0; border-color: #cccccc; }
#itemPlaceholderContainer thead th, #itemPlaceholderContainer tbody td { text-align: center; padding: 3px 0; }
#itemPlaceholderContainer tbody th { text-align: left; padding-left: 5px; }
#itemPlaceholderContainer tbody th a, #itemPlaceholderContainer tbody td a { text-decoration: none; }
.no_padding_top { padding-top: 0 !important; }
.no_padding_bottom { padding-bottom: 0 !important; }
#itemPlaceholderContainer tr.even td, #itemPlaceholderContainer tr.even th, #itemPlaceholderContainer thead th { background: #d6d4d4; }
#itemPlaceholderContainer thead th, #itemPlaceholderContainer thead th a { font-weight: bold; }

#formAdvancedSearch div.submit input { width: 59px; height:24px; padding: 0 0 0 6px; border: 0; }
#formAdvancedSearch fieldset { float: left; }

#CategorySelectModal {background-color: white; border: 10px solid #90a305; padding: 10px;}
.modalBackground { background-color: #cccccc; opacity: .5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.newsletterMsg { display: block; margin: -20px 0 20px 10px; }
.registerForm label { padding-right: 5px; }

.editor { margin-top: 10px; }

.actions_tabs { width: 100%; border-bottom: 1px solid #999999; height: 25px; margin: 15px 0 0; }
.actions_tabs li { border: 1px solid #999999; padding:3px; float: left; margin: 0 3px 0 0; height: 18px; }
.actions_tabs li a { text-decoration: none !important; }

/* search */
.found { margin: 5px 0; }
.found strong { font-weight: bold; }
#searchResults ol li { margin: 5px 0 0 15px; list-style-type: square; }
#searchResults ol li a { font-weight: bold; }
#searchResults li div.author { display: none; }

div.text ul li,div.text ol li{list-style-type:disc;}
div.text em{font-style:italic;}

.category-list-main{float:left;}
.contactForm{margin-top:10px;}
.contactForm p{margin-top:5px;}
.contactForm .labelreq{font-weight:bold;}
.contactForm .inputbox,.contactForm textarea{width:300px;}
.historyTable th,.historyTable td{text-align:center;vertical-align:middle;}
.historyTable .created{width:70px;}
.historyTable .operation,.historyTable .restore{width:65px;}
.historyTable .version{width:50px;}
.historyTable .creator{width:100px;}
.historyTable .deleteColumn{width:200px;}

#userStatus{text-align:right;height:20px;padding-right:10px;z-index:999;}
#userStatus strong{font-weight:bold;}

@media print{
div,hr,#contentMain a.more{display:none}
#main,#header,#contentMain,#contentMain div{display:block}
#main{margin:5px 10px;position:relative;font-size:11px;color:#333}
#main *{margin:0;text-decoration:none}
a{color:#333}
#contentMain{line-height:2em;color:#333}
#contentMain h2{margin-bottom:1.5em;font-size:12px}
#contentMain p{text-indent:2em}
}