body { 
    font: 12px Verdana,Helvetica; 
    background: #28166F;
    color: #00A;
    margin: 0;
    height: 100%;
}

table#main {
    margin: 0;
    padding: 0px;
    border-collapse: collapse;
    border: 0px dotted #DDD;
    font: 14px Helvetica,Verdana;
    width: 100%;
    height: 580px;
    background: #FFF;
}

table#main td#left {
    border: 0px dashed #DDD;
    width: 180px;
    _width: 180px;
    vertical-align: top;
    padding: 5px;
    padding-right: 0;
    
}

table#main td#center {
    border: 0px dashed #DDD;
    vertical-align: top;
    padding: 0px;
    padding-top: 5px;
}

table#main td#right {
    border: 0px dashed #DDD;
    vertical-align: top;
    width: 180px;
    _width: 180px;
    padding: 5px;
    padding-left: 0;
}

form {
    margin: 0;
}

p {
    margin: 0;
}

a {
    text-decoration: none;
    color: #28166F;
}

a:hover {
    text-decoration: underline;
}

/*
a:visited {
    color: #88166F;
}
*/


ul {
    list-style-type: disc;
/*    font: 13px verdana, helvetica, sans-serif; */
    font: inherit;
    color: inherit;
    border: 0px solid #000;
    padding-left: 1.2em;
    margin: 5px;
    text-indent: 0;
/*    line-height: 150%; */
}

ol {
    font: 13px verdana, helvetica, sans-serif;
    color: inherit;
    padding-left: 2em;
    text-indent: 0;
    border: 0px dotted #F00;
    margin: 0;
/*    line-height: 150%; */
}

ul.bare {
    list-style-type: none;
    margin: 0;
    padding: 0;
/*    color: #00A; */
    font-size: inherit;
}

ul.course {
    list-style-type: square;
/*    font-style: italic; */
    color: #000;
}

.italic {
    font-style: italic;
}

.left {
    text-align: left;
    text-indent: 0;
}


.right {
    text-align: right;
}


div#navi {
    font: 11px Verdana,Helvetica;
    font-weight: bold;
    border: 0px dashed #88F;
    border-bottom: 1px solid #28166F;
    border-top: 1px solid #28166F; 
    background: #EEF;
    padding: 3px 6px;
    margin: 5px 0px 9px 0px;
}


div#login {
    margin: 6px;
    width: 200px;
    background: #EEF;
    border: 1px solid #28166F;
    padding: 0;
    display: table;
}

div#login div.title {
    border: 1px solid #FF0;
    background: #28166F;
    color: #FFF;
    position: relative;
    padding: 4px;
    background-image: url('../gfx/bluebar.png');
    bottom: 0;
    left: 0;
    margin: 0;
}

div#login div.contents {
    border: 0;
    border-top: 1px solid #28166F;
    margin: 0;
    padding: 8px;
}


div#login h1 {
    color: #FF0;
    background: #E00;
    font: bold 13px Verdana,Helvetica;
    text-align: center;
    margin: 3px 0;
    padding: 5px;
}

form#login {
    margin: 0;
}

form#login input {
    margin: 7px 25px;
    width: 120px;
}

form#login input#user,input#pass {
    border-collapse: collapse;
    border: 1px solid #28166F;
    padding: 1px 2px;
}

div.loginBar {
    border-bottom: 1px solid #FF8;
    background: #28166F;
    padding: 4px 0px;
    margin: 0px;
    color: #66A;
    display: table;
    width: 100%;
}

div.loginBar a {
    color: #715EB5;
}

div.loginBar a:hover {
    color: #AAF;
}

div.loginBar p.left {
    float: left;
    text-align: left;
    display: block;
    margin: 0px 8px;
    position: relative;
    color: #BBF;
}

div.loginBar p.right {
    position: relative;
    text-align: right;
    display: block;
    float: right;
    margin: 0px 8px;
}

table.course {
    font: 12px Verdana,Helvetica;
/*
    margin: 5px;
    _margin: 5px;
*/
    margin: 0;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 1px;
    _border-spacing: 0;
    border: 0px solid #28166F;
    background: #FFF;
    display: table;
    color: #009;
    width: 100%;
}

table.course tr {
    width: 100%;
}

table.course a {
    color: inherit;
}


table.course tr.dimmed td {
    background: #EEF;
}

table.course tr.header {
    font: 13px Verdana,Helvetica;
    text-align: center;
    background: #FF0;
    height: 21px;
    color: #FFF;
    font-weight: bold;
}

table.course tr.header th {
    padding: 4px 6px;
    background: #28166F url('../gfx/bluebar.png') repeat-x bottom center; 
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    white-space: nowrap;
}

table.course tr.footer {
    font: 13px Verdana,Helvetica;
    text-align: left;
    background: #FF0;
    height: 21px;
    color: #28166F;
}

table.course tr.footer td {
    padding: 2px 6px;
    background: #FE0 url('../gfx/yellowbar.png') repeat-x top center;
    border-top: 1px solid #000;
    border-right: 0px solid #000;
}

table.course tr.lo td {
    background: #C0C0E0;
}

table.course tr.gray td {
/*    background: #DDDDE3; */
    background: #F5F5FF;
    color: #AAA;
}

table.course tr.med td {
    background: #D7D4EE url('../gfx/medBg.png') repeat-x bottom center;
}


table.course tr.hi td {
/*    background: #FDF200; */
    background: #fddc00 url('../gfx/orangeHilight.png') repeat-x bottom center;
    color: #000;
}


table.course td {
    padding: 5px 8px;
    border: 0px;
    background: #EEF;
    vertical-align: middle;
}

table.course td table td {
    background: transparent;
}

table.course td.dense {
    padding: 2px 7px;
}

table.course td.gray {
    color: #F00;
}

table.course h1 {
    font: 10px Verdana,Helvetica;
    margin: 0;
    padding: 0;
    text-align: left;
}

table.course td.left {
    text-align: right;
    padding-left: 16px;
/*    font-weight: bold; */
}

table.course td.right {
    text-align: left;
    padding-right: 16px;
}

table.course p {
    text-indent: 0 !important;
    text-align: right;
    margin: 0 !important;
    padding: 0 !important;
}

table.course img {
    border: 1px solid #000;
}

input {
    padding: 2px 4px;
    margin: 2px;
}

.text {
    border-collapse: collapse;
    border: 1px solid #88B;
    background: #FFF url('../gfx/innershadow.png') repeat-x top;
    margin: 0 2px;
    padding: 2px 6px;
}

input.error {
    border-collapse: collapse;
    border: 1px solid #88B;
    margin: 0 2px;
    padding: 2px 6px;
    background: #F00;
    color: #FFF;
}

p.error {
    color: #F00;
    padding: 0;
    margin: 0;
    display: inline;
    font-weight: bold;
}

p.success {
    color: #0A0;
    padding: 0;
    margin: 0;
    display: inline;
    font-weight: bold;
}

div.message {
    display: table;
    margin: 5px;
    padding: 8px;
    border: 1px solid #28166F;
    background: #EEF;
    text-align: center;
}

div.message p {
    padding: 5px;
    margin: 0;
    font: 12px Verdana,Helvetica;
}

textarea {
    font: 12px Verdana,Helvetica;
    padding: 0px 4px;
}

div.editMenu {
    border: 0px dashed #88F;
    border-top: 1px solid #88F;
    border-bottom: 1px solid #88F;
    background: #EEF;
    text-align: left;
    padding: 4px 8px;
    margin: 8px 0;
    color: #004;
}

div.editMenu a {
    margin-right: 1em;
}

div.editMenu form {
    border: 0px solid #F00;
    position: relative;
    float: right; 
    margin: 0px;
    top: -2px;
    line-height: 10px;
    
}

div.editMenu form input#text {
    border-collapse: collapse;
    border: 1px solid #88F;
    margin-right: 8px;
    padding: 2px 3px;
    width: 30em;
}

/**************************************************** mainMenu ********************************************/

div.mainMenu {
    font: 16px Verdana,Hevletica,sans-serif;
    border-top: 1px solid #FF8;
    border-bottom: 1px solid #FF8;
    background: #28166F url('../gfx/pasek.png') repeat-x top center;
    color: #FFF;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    height: 29px;
    line-height: 29px;
    top: 150px;
    overflow: hidden;
    width: 100%;
    display: block;
}

div.mainMenu a {
    padding: 6px 12px;
    _padding: 6px 12px 5px 12px;
    color: #FFF;
    margin: 0;
}

div.mainMenu a:hover {
    background: #FF5800 url('../gfx/orange.png') repeat-x center;
    color: #FFF;
    text-decoration: none;
}

div.mainMenu a.selected {
    background: #FF4 url('../gfx/yellow.png') repeat-x center;
    color: #000;
}

div.mainMenuAdmin {
    font: 13px Verdana,Hevletica,sans-serif;
    border-top: 1px solid #FF8;
    border-bottom: 1px solid #FF8;
    background: #28166F; 
    background-image: url('../gfx/pasek.png');
    color: #FFF;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    height: 29px; 
    top: 150px;
    line-height: 29px;
    display: block;
    width: 100%;
    overflow: hidden;
}

div.mainMenuAdmin a {
    padding: 7px 6px;
    _padding: 7px 6px 6px 6px; 
/*    padding: 7px 6px; */
    border: 0px dotted #888;
    color: #FFF;
    margin: 0;
}

div.mainMenuAdmin a:hover {
    background: #FF5800; 
    background-image: url('../gfx/orange.png');
    background-position: center;
    color: #FFF;
    text-decoration: none;
    margin: 0;
}

div.mainMenuAdmin a.selected {
    background: #FF4;
    background-image: url('../gfx/yellow.png');
    background-position: center;
    color: #000;
}

/****************************************** end of DIV.mainMenu **********************************/


div.mainBanner {
    background: #000 url('../gfx/panorama.jpg') no-repeat top center;
    width: 100%;
    height: 183px;
    border: 0px dashed #F00;
    margin: 0;
    position: relative;
}

#logo {
    position: absolute;
    margin: 0;
    border: 0;
    left: 36px;
    top: 30px;
    padding: 0;
    z-index: 0;
/*    display: inline; */
    display: block;
    width: 100px;
    height: 81px;
}

#pa {
    position: absolute;
    margin: 0;
    border: 0;
    right: 36px;
    top: 24px;
    padding: 0;
    z-index: 1;
    display: inline;
    display: block;
    width: 100px;
    height: 100px;
}

div.mainBanner h1 {
    position: absolute;
    top: 115px; 
    border: 0px solid #FFF;
    margin: 0;
    font: bold 23px Helvetica,Verdana,Helvetica;
    color: #FE0;
    text-align: center;
    white-space: nowrap;
    height: 32px;
    display: block;
    width: 100%;
}

/*
div.blackStripe {
    margin: 0px;
    background: #000;
    color: #000;
    width: 100%;
    height: 3px;
    border: 0;
    padding: 0;
}
*/

div#footer {
    background: #28166f url('../gfx/footershadow.png') repeat-x top center;
    margin: 0px auto;
    #margin: 0px auto;
    color: #7066CC; 
    font: 10px Verdana,Helvetica;
    border-top: 1px solid #BBD;
    padding: 18px;
    text-align: center;
    float: bottom;
    display: block;
}


/******************************************* DIV.consultant ****************************************/

div.consultant {
    font: 13px Arial,Helvetica,Verdana,sans-serif;
    border-top: 1px solid #D7D4EE;
    border-left: 1px solid #D7D4EE;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    margin: 3px auto;
    _margin: 7px auto;
    width: 480px;
    overflow: hidden;
    position: relative;		/* a must if you want to use absolute within this container */
    #position: relative; 
    color: #28166F;
    background: #D7D4EE url('../gfx/medBg.png') repeat-x bottom center;

    padding: 0px;
    display: inline-block;
    text-align: left;
}

div.disabledConsultant {
    font: 13px Arial,Helvetica,Verdana,sans-serif;
    border-top: 1.5px solid #777;
    border-left: 1.5px solid #777;
    border-bottom: 2px solid #FFF;
    border-right: 2px solid #FFF;
    margin: 3px auto;
    _margin: 7px auto;
    width: 480px;
    overflow: hidden;
    position: relative;		/* a must if you want to use absolute within this container */
    #position: relative; 
    color: #777;
    background: #EEE;

    padding: 0px;
    display: inline-block;
    text-align: left;
}

div.consultant:hover {
    background: #fddc00 url('../gfx/orangeHilight.png') repeat-x bottom center;
}

div.disabledConsultant:hover {
    background: #fddc00 url('../gfx/orangeHilight.png') repeat-x bottom center;
}

div.consultant img {
    width: 110px;
    height: 150px;
    margin: 5px;
    _margin: 5px;
/*    border: 1px solid #28166F; */
    border: 1px solid #FFF;
}

div.disabledConsultant img {
    width: 110px;
    height: 150px;
    margin: 5px;
    _margin: 5px;
/*    border: 1px solid #28166F; */
    border: 1px solid #FFF;
}

div.opts {
    position: absolute; 
    right: 8px; 
    top: 8px; 
    font: inherit; 
    color: inherit; 
    margin: 0; 
    padding: 0;
}

div.noImage {
    width: 110px;
    height: 150px;
    margin: 5px;
    border: 1px dashed #AAF;
    text-align: center;
    padding-top: 1em;
    color: #AAF;
}

/******************************************* TABLE.calendar *******************************************/

table.calendar {
    font: 12px Helvetica,Verdana;
    margin: 6px 6px;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 1px;
    border: 1px solid #000;
    background: #EEF;
    color: #28166F;
    width: 180px;
    _width: 180px;
}

table.calendar th {
    background: #28166F;
    color: #FFF;
    padding: 3px 6px;
}

table.calendar th a {
    color: #FFF;
    padding: 1px 2px;
}

table.calendar th a:hover {
    color: #000;
    background: #FFF;
}

table.calendar td {
    border: 1px solid #28166F;
    border-spacing: 0;
    padding: 2px 1px;
    text-align: center;
    margin: 0;
    
}

table.calendar tr.days td {
    font-weight: bold;
    color: #FFF;
    background: #88D;
}

table.calendar a {
    padding: 2px 5px;
    margin: 0;
    width: 12px;
    height: 100%;
    color: inherit;
}

table.calendar a:hover {
    background: #28166F;
    text-decoration: none;
    font-weight: bold;
    color: #FFF;
}

form.editMenu {
    padding: 0;
    _padding: 0;
}

form.editMenu input {
    margin: 0;
    _margin: 0;
    padding: 0;
    _padding: 0;
    _font: 11px Verdana,Helvetica;
    _height: 17px;
}

div#leftMenu {
    width: 175px;
    height: 200px;
    border: 1px dashed #DDF;
    background: #EEF;
    margin: 5px;
}

table.bare {
    font: 13px Arial,Helvetica,Verdana,sans-serif;
    color: inherit;
    border-collapse: collapse;
    border: 0px solid #FF0;
    padding: 0;
    table-layout: fixed;
}

table.bare td {
    border: 0px solid #FF0;
}

.top {
    vertical-align: top;
}

div.bare {
    border: 1px dotted #888;
    padding: 0;
    margin: 0;
    width: 99%;
}

.hideIt {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
}

.showIt {
    display: table-row;
    visibility: visible;
}

td.userPhoto {
    width: 120px;
    _width: 125px;
    
}

img.userPhoto {
    margin: 5px;
}

select.small {
    font: 10px Verdana,Helvetica;
    padding: 0px;
    margin: 0;
    border: 1px solid #000;
}

#lightbox{
    background-color: #FFF;
    padding: 2px;
}
		    
#overlay{ background: #000;
    opacity: 0.80;
    filter: alpha(opacity = 80);
	
}
 
#lightbox img { border: none; } 
#overlay img { 
    border: none; 
    padding: 15px;
    background: #FFF;
    border: 1px solid #000;
}
#lightboxCaption {
    float: left; 
    padding: 5px;
    text-align: justify;
}

p.important {
    color: #F00;
    font-weight: bold;
    text-indent: 0px !important;
    margin: 0 !important;
}

/********************************************** TABLE.news *********************************************/

div.news {
    font: 13px Verdana,Helvetica,sans-serif;
    border: 1px solid #000;
    margin: 5px;
    margin-bottom: 10px;
}

div.news div.header {
    position: relative;
    background: #28166F url('../gfx/bluebar.png') repeat-x bottom center;
    border: 1px solid #FF0;
    color: #FFF;
    padding: 3px 6px;
    _height: 100%; /* for IE */
}

div.news div.winopts {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #28166F url('../gfx/bluebar.png') repeat-x bottom center;
    padding: 3px 6px;
}

div.news div.winopts a {
    color: #FFF;
    text-decoration: none;
    margin: 0 3px;
}

div.news div.winopts a:hover {
    border-bottom: 1px solid #FFF;
}

div.news div.footer {
    position: relative;
    background: #FE0 url('../gfx/yellowbar.png') repeat-x top center;
    color: #000;
    padding: 3px 6px;
    _padding: 4px 6px;
    max-height: 17px;
    _height: 100%;	/* for IE */
    white-space: nowrap;
}

div.news div.footer_search {
    display: block; 
    text-align: center; 
    background: #FE0 url('../gfx/yellowbar_64x1.png') repeat-x top center; 
    height: 59px; 
    _height: 59px; 
    vertical-align: middle; 
    max-height: 59px;
}

div.news div.footer div.date {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 6px;
}

div.news div.contents {
    position: relative;
    background: #EEF;
    font-size: 12px;
    color: #28166F;
    padding: 7px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 100%;
    overflow: hidden;
    display: block;
}

div.news div.hiddenContents {
    position: relative;
    background: #EEF;
    font-size: 12px;
    color: #28166F;
    padding: 0;
    height: 0px;
    _height: 0;
    margin: 0;
    overflow: hidden;
    display: none;
    
}

div.news div.contents h1 {
    font-size: 14px;
    margin: 0;
}

div.news div.contents h2 {
    font-size: 13px;
    margin: 0;
}

/* p */
div.news div.contents p {
    text-indent: 1.5em;
    text-align: justify;
    margin: 0.5em 0;
}

div.news div.contents p.center {
    text-align: center;
    text-indent: 0;
}

div.news div.contents p.important {
    text-indent: 0;
    font: bold 13px Verdana,Helvetica;
    color: #F00;
    margin: 0;
}

div.news div.contents p.left {
    text-indent: 0;
}

div.news div.contents a {
    color: #28166F;
    text-decoration: none;
    border-bottom: 1px solid;
}

div.news div.contents a:hover {
/*    border-bottom: 2px solid; */
    text-decoration: underline;
}

div.news div.contents a:visited {
    color: #780000;
}


div.news div.contents li span {
    color: #88B;
    font-size: 10px;
}

div.news div.contents li a {
    color: #28166F;	/* for IE; otherwise "inherit" would be enough */
    text-decoration: none;
    border: 0;
}

div.news div.contents li a:hover {
/*    text-decoration: underline; */
    border: 0;
}

div.news div.contents a.thumb {
    padding: 0;
    margin: 5px;
    border: 1px solid #000;
/*    float: left; */
    background: #FFF; 
    max-width: 98px;
    width: 98px;
    _width: 98px;
    _height: 118px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

div.news div.contents a.thumb:hover {
    background: #FF4800;		/* F50 */
    color: #FFF;
}

div.news div.contents a.thumb img {
    margin: 0;
    padding: 0;
    border: 1px solid #FFF;
    background: #FFF url('../gfx/loading.gif') no-repeat center center;
    max-width: 96px;
    max-height: 96px;
    text-decoration: none;
}

div.news div.contents a.thumb p {
    font: 10px Verdana,Helvetica,Verdana;
    text-indent: 0;
    text-align: center;
    margin: 0px;
    padding: 2px 2px;
    border: 0px solid #0F0;
    max-width: 92px;
    width: 92px;
/*    overflow: hidden; */
    position: relative;
    top: -2px;
    _top: 0px; 
}

img.maxmin {
    border: 0px solid #F00;
    margin: 0;
    margin-bottom: -2px;
    padding: 0;
}

a.soft {
    border: 0 !important;
}

a.soft:hover {
    text-decoration: underline !important;
}

span.type {
    font: 9px Verdana, Helvetica;
    color: #88A;
}

span.soft {
    font-size: 10px;
    color: #6761a2;
}

input.soft {
    display: inline; 
    vertical-align: bottom; 
    margin: 0 4px 0 0;
}

ul.slim {
    font: 10px Verdana, Helvetica;
    margin-top: 0px;
    margin-bottom: 0px;
    
}

ul.keywords {
    border: 0px solid red;
    margin: 0;
    padding: 0;
    font: bold 16px Verdana;
}

ul.keywords li {
    list-style-type: none;
    padding: 2px 10px;
    font: 13px Verdana;
}

div.threecols {
    column-count: 3;
    column-gap: 15px;
    column-rule: 1px;
    border: 0px solid blue;
}

div.centerBanner {
    margin: 0px 5px 0px 5px;
    background: #cb6018;
    font: 16px Arial,Verdana,Helvetica;
    color: #fff;
    text-align: center;
    height: 75px;
    position: relative;
    display: block;
    vertical-align: middle;
}

div.kl {
    width: 184px;
    height: 75px;
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    clean: none;
    background: url('../gfx/kapital_ludzki_184x75.jpg') no-repeat center center;
}

div.centerBannerText {
    margin: auto;
    height: 75px;
    vertical-align: middle;
    position: relative;
/*    text-align: center; */
    float: top;
}

p.bannerText {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    height: 2em;
    width: 100%;
    margin-top: -1.2em;
}

div.ue {
    width: 176px;
    height: 75px;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    clean: none;
    background: url('../gfx/unia_europejska_176x75.jpg') no-repeat center center;
}

a.bannerLink {
    color: #fff;
}

div.centerBannerTop {
    height: 2px;
    padding: 0;
    _height: 2px;
    line-height: 0px;
    background: #cb6018;
    border-bottom: 1px solid #fff;
    margin: 5px 5px 0 5px;
    font-size: 1px;
}

div.centerBannerBottom {
    height: 2px;
    line-height: 0px;
    padding: 0;
    background: #cb6018;
    border-top: 1px solid #fff;
    margin: 0 5px 10px 5px;
    font-size: 1px;
}

ol.spaced li {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 15px;
}