.infopanel  { 
  border:1px solid gray;
  width:100%;
}
.row1 {   
  height:20px;
  color:black;
  font-weight:bold;
}
.row1 .col {
  text-align:left;
}
.row2 {}
.row2 .col {}
.row3 {}
.row3 .col {}
.col {
  padding:5px 10px 5px 10px;
}

.tooltip {
  background-color:#fff9a3;
  border:1px solid #777872;
  font-size:11px;
  font-weight:normal;
  padding:5px 6px 4px 6px;
  width:100px;
}

body {
  background-color: #e1e4e7;
  color: #000000;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
}

form {
  margin: 0px;
  padding: 0px;
}

a { 
  color: #656565;
  text-decoration: none;
}

h2 a {
  color: #295873;
}

img { border: 0px; }

input[type='text'], input[type='password'] { height:16px; }

textarea.ankieta {
  display:none;
  width:300px;
  height:80px;
}

.edycjaHasla {
  height:320px;
  width:300px;
}

hr {
  width:100%;
  border:1px solid #cdcdcd;
}

h1 {
  font-size: 18px;
  font-weight:normal;
  padding:2px 0px 3px 0px;
  margin: 0px 0px 10px 0px;
  border-bottom: 1px solid #d6d6d6; 
}

h2 {
  font-size: 13px;
  padding:6px 0px 6px 0px;
  margin:6px 0px 0px 0px;
}

#frame-top {
  margin:5px auto 0px auto;
  background-image: url(../pic/frame-top.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  width: 930px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: right;
  font-weight:bold;
  padding-right:30px;
}

#frame-top form {
  display: inline;
}

#logo {
  margin:0px auto 0px auto;
  background-color: #ffffff;
  width: 960px;
  text-align:center;
  padding-bottom: 25px;
}

#frame-bot {
  margin:0px auto 5px auto;
  background-image: url(../pic/frame-bottom.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  width: 960px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  font-weight:bold;
  color: #656565;
  font-size: 11px;
  padding-top:20px;
}

#designed {
  margin:5px auto 5px auto;
  color: #656565;
  width: 960px;
  text-align: center;
}

#navigation {
  font-size:12px;
  width:930px;
  height:15px;
  margin:0px auto 0px auto;
  padding:5px 0px 30px 30px;
  list-style-type:none;
  text-align:left;
  clear:both;
  background-color:#FFFFFF;
}

#navigation li {
  display:inline;
  padding:0px 0px 0px 0px;
  width:131px;
  margin:0px;
  /* text-transform: uppercase;*/
}

#navigation li a {
  padding:10px 0px 8px 15px;
  text-decoration:none;
  font-weight:bold;
  background-image:url(../pic/nav-button.jpg);
  text-align: left;
  margin:0px;
  width:116px;
  display: block;
  float: left;
}

#navigation li a:hover, #navigation li a.current {
  background-image:url(../pic/nav-button-current.jpg);
  padding:11px 0px 7px 15px;
}

#navigation li.english { padding-left:0px;width:114px;}

#navigation li a.english {
  background-image:url(../pic/nav-english.jpg);
  background-position: right;
  background-repeat: no-repeat;
  width:107px;
  text-align: right;
  padding:10px 7px 8px 0px;

}

#navigation li a.polish {
  background-image:url(../pic/nav-polish.jpg);
  background-position: right;
  background-repeat: no-repeat;
  width:107px;
  text-align: right;
  padding:10px 7px 8px 0px;
}

#navigation li a.english:hover, #navigation li a.english-current {
  background-image:url(../pic/nav-english-current.jpg);
  padding:11px 7px 7px 0px;
  text-align: right;
}

#navigation li a.polish:hover, #navigation li a.polish-current {
  background-image:url(../pic/nav-polish-current.jpg);
  padding:11px 7px 7px 0px;
  text-align: right;
}



#content {
  margin: 0px auto 0px auto;
  width: 900px;
  padding-left:30px;
  padding-right: 30px;
  background-color: #ffffff;
}

/* blok artykulow na stronie glownej */
#article {
  float: left;
  width: 700px;
}

.introText{
  font-weight:bold;
  display: block;
  margin-bottom:10px;
}

#rightcolumn {
  width: 182px;
  float: left;
  margin-left:18px;
}

#rightcolumn label {
  margin-left: 10px;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
}

#rightcolumn .zaloguj {
  vertical-align: middle;
  margin:10px 18px 5px 0px;
  line-height: 23px;
  float:right;
}

#rightcolumn .wyloguj {
  vertical-align: middle;
  text-align:center;
  margin:2px 2px 0px 0px;  
}

#rightcolumn div.main {
  height: auto;
  vertical-align: middle;
  padding:3px;
}

#rightcolumn div.left {
  font-weight: bold;
  font-size:11px;
  float: left;
  width: 100px;
  text-align:center;
}

#rightcolumn div.right {
  float:right;
}

.error {
  color: #9a001e;
  font-size: 12px;
  text-align: center;
  margin: 2px;
}

.description {
  color: #222222;
  font-size: 12px;
  text-align:left;
  margin:10px 5px 5px 15px;
}

#rightcolumn img.banner {
  padding-top:4px;
  padding-bottom:4px;
}

/* top */
div.frame-gray-top {
  background-image: url(../pic/frame-gray-top.jpg);
  height: 7px;
  font-size: 1px;
}

/* mid */
div.frame-gray-mid {
  background-image: url(../pic/frame-gray-mid.jpg);
}

h2.header-green-mid {
  background-color: #6e9838;
  color: #ffffff;
  font-size: 12px;
  margin:0px;
  padding-top:4px;
  padding-bottom:5px;
  text-align: center;
}

h2.normal {
  background-image: url(../pic/header-green-mid.jpg);
}

h2.error {
  background-color: #9a001e;
}

#bulletlist {
  font-size:10px;
  width:162px;
  height:auto;
  margin:0px auto 0px auto;
  padding:8px 10px 8px 10px;
  list-style-type:none;
  text-align:left;
  clear:both;
  background-color:#FFFFFF;
  background-image: url(../pic/frame-gray-mid.jpg);
}

#bulletlist li {padding:4px 0px 4px 0px;width:162px;margin:0px;}

#bulletlist li a {
  padding:0px 0px 0px 15px;
  text-decoration:none;
  font-weight:bold;
  text-align: left;
  margin:0px;
  width:147px;
  background-image: url(../pic/bulletlist.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}


/* bot */
div.frame-gray-bot {
  background-image: url(../pic/frame-gray-bot.jpg);
  height: 7px;
  font-size: 1px;
  margin-bottom: 4px;
}

/* inputs */

input.rounded {
  padding-top:4px;
  padding-bottom:3px;
  padding-left:4px;
  padding-right:4px;
  background-image:url(../pic/input-rouded.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  border:1px solid #F5F3F4;
  width:145px;
  margin-left:10px;
}

input.szukaj, input.sugestia {
  padding-top:4px;
  padding-bottom:3px;
  padding-left:4px;
  padding-right:4px;
  background-image:url(../pic/input-szukaj.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  border:1px solid #F5F3F4;
  width:113px;
  margin-left:4px;
  text-align: right;
}
input.sugestia {
  width:336px;
  background-image:url(../pic/input-szukaj-long.jpg);
  border:1px solid #FFFFFF;
}
input.sugestia_szukaj {
  border:0px;
  margin:0px;
  padding:0px;
}

div.szukajrow {
  padding-bottom:4px;
}

/* podstrony */

#leftcolumn {
  width: 182px;
  float: left;
  margin-right:18px;
}

#midcolumn {
  float: left;
  width: 500px;
  overflow: hidden;
}

a.href-button {
  background-color: #e7e6e6;
  background-image: url(../pic/href-button.jpg);
  color: #000000;
  font-size: 11px;
  margin:0px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:30px;
  text-align: left;
  display:block;
  width:142px;
  margin:0px auto 4px auto;
  font-weight:bold;
}

a.href-button:hover {
  background-image: url(../pic/href-button-hover.jpg);
}

a.href-sec-button {
  background-color: #e7e6e6;
  background-image: url(../pic/href-button.jpg);
  color: #000000;
  font-size: 11px;
  margin:0px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:30px;
  text-align: left;
  text-indent: 13px;
  display:block;
  width:142px;
  margin:0px auto 4px auto;
  font-weight:bold;
}

a.href-sec-button:hover {
  background-image: url(../pic/href-button-hover.jpg);
}



.rightpadfix {
  padding-top:4px;
  padding-bottom:4px;
}

.botmarginfix {
  margin-bottom:4px;
}

h2.header-blue-top {
  background-color: #136E9B;
  background-image: url(../pic/header-blue-top.jpg);
  color: #ffffff;
  font-size: 12px;
  margin:0px;
  padding-top:4px;
  padding-bottom:5px;
  text-align: center;
}

h2.header-blue-top a{
  color: #ffffff;
}

h2.header-lightblue-rouded {
  background-color: #136E9B;
  background-image: url(../pic/header-lightblue-rounded.jpg);
  color: #ffffff;
  font-size: 12px;
  margin:0px auto 4px auto;
  padding-top:4px;
  padding-bottom:5px;
  text-align: center;

}

a.link-more {
  display:block;
  text-align:right;
  color: #3d7fa5;
  font-weight:bold;
  font-size:11px;
}

#articlebuttons a {
  margin-right: 10px;
  text-align:left;
  color: #3d7fa5;
  font-weight:bold;
  font-size:11px;
  margin-top: 15px;
}

#articlebuttons {
  margin-top: 15px;
}


@media print {
  body {background-color: #ffffff;}
  #frame-top, #logo, #navigation, #rightcolumn, #leftcolumn, #frame-bot, #designed,#articlebuttons {display:none;}
  #article h2 {font-size:14pt;}
  #article {width:75%;font-size:14pt; margin-left: auto; margin-right: auto;}
  #midcolumn {width:75%;font-size:14pt; overflow:visible; margin-left: auto; margin-right: auto; }
}


#searchForm, #userInfo   {
  margin-top: 10px;
}

#searchForm td, #userInfo td {
  padding: 5px;
  vertical-align: top;
}

#searchForm select {
  width: 300px;
}

#midcolumn ul li a {
  color: #295873;
}

li {
  margin-bottom: 5px;
}

.rich-sb-common-container {}
.rich-sb-ext-decor-1, .rich-sb-ext-decor-2, .rich-sb-ext-decor-3 {
  background-color:#f5f3f4;
  border-color:#bbbbbb;
  color:black;
  font-size:12px;
  font-family:sans-serif;
  margin:0px;
  padding:0px;
  width:1px;
  height:1px;
}
.rich-sb-shadow {
  background-color:black;
  opacity:0.2;
}
.rich-sb-overflow {}
.rich-sb-int-decor-table {}
.rich-sb-int {}
.rich-sb-int-sel {
  background-color:#638c30;
  color:white;
  font-weight:bold;
}
.rich-sb-cell-padding {}

/* modalpanel*/
.rich-modalpanel {
  background-color:gray;
  border-color:red;
}
.rich-mpnl-mask-div {
  background-color:blue;
  opacity:0.2;
  border-color:red;
}
.rich-mpnl_panel {
  background-color:gray;
  border-color:red;
}
.rich-mp-container {
  background-color:gray;
  border-color:red;
}
.rich-mpnl-resizer {
  background-color:gray;
  border-color:red;
}
.rich-mpnl-shadow	{
  background-color:black;
  opacity:0.2;
}
.rich-mp-content-table {
  background-color:white;
}
.rich-mpnl-header	{
  background-color: #6e9838;
  text-align: center;
}
.rich-mpnl-header-cell {
  background-color:red;
}
.rich-mpnl-text {
  color: #ffffff;
  font-size: 12px;
  margin:0px;
  padding-top:4px;
  padding-bottom:5px;
}
.rich-mpnl-body	{
  background-color: #e1e4e7;
  color: #000000;
  border-color:red;
}
.rich-mpnl-controls	{
  margin:2px;
}

/* Data pod skrótem artykulu na stronie głównej */
.publisher_created {
  color: #D2D2D2;
  font-size: 10px;
  text-align: left;
  margin-top: 3px;
}

h3 {
  font-size:12px;
  margin:6px 0 0;
  padding:6px 0;
}

/* Wyniki testu wiedzy */
#knowledgeTestResult {
  width: 300px;
  font-size:15px;
  margin-left: auto;
  margin-right: auto;
}

#knowledgeTestResult dl {
  width:300px;
}
#knowledgeTestResult dt {
  width: 200px;
  float: left;
}

#knowledgeTestResult dd {
  text-align: right;
  font-weight: bold;
}

/* Formularz testu wiedzy */
#knowledgeTestForm li{
  font-weight: bold;
  list-style-position: inside;
  margin-left: 0px;
  margin-bottom: 15px;
  list-style-type: decimal-leading-zero;
}

#knowledgeTestForm li table {
  font-weight: normal;
}

#knowledgeTestForm ol{
  padding-left: 0px;
}
