/* [S4EL] main.css v.0.12  2008-06-20  [semafor] */
/* definicje glownych elementow */
html,body { margin: 0; height:100%; font-family: arial, sans-serif; font-size: 0.9em; }
a img { border:0; }
td { font-size: 1em; }
#container { padding: 4px; width: 100%; height: 100%; }

/* zaokraglenia tabel */

.btl, .btr, .bbl, .bbr { width: 2px; padding: 0px; height: 2px; display:none; }
/*
.btl { background: url(../img/tl.gif) transparent no-repeat 0 0; }
.btr { background: url(../img/tr.gif) transparent no-repeat 100% 0; }
.bbl { background: url(../img/bl.gif) transparent no-repeat 0 100%; }
.bbr { background: url(../img/br.gif) transparent no-repeat 100% 100%; }
*/
/* naglowek (h) i stopka(f) */
#tdh, #tdf { height: 22px; }
#h, #f { background: #CFEFFD; width: 100%; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 2px #aaa; box-shadow: 2px 2px 2px #aaa; -webkit-box-shadow:2px 2px 2px #aaa; border:1px solid #8fdfff; }
#h a:hover, #f a:hover { color: #333333; text-decoration: underline; }
#h tr td img.bIcon { margin: 2px 2px 0 0; }

/* glowny kontener menu */
#pmenu,
#kmenu { vertical-align: top; width: 170px; padding-bottom:20px; }
#kmenu div.orgInfo { text-align:center; }
.fh { padding: 2px; }
#pmenu ul li.sortList ul li { padding:0 2px; }

/* prawe komorki naglowka i stopki */
#hr, #fr { text-align: right; }
#hr table { margin:0 0 0 auto; }
/* stopka */
#fc { text-align: center; }
#fl, #fc { width: 33%; }
.fh, .fh a { color: #333333; font-weight: bold; text-decoration: none; }
.fh button { font-weight: bold; }
.fh a:hover { text-decoration: underline; }

/* grupy menu */
div.tmenu { width: 160px; margin: 11px 0 0 0; border:1px solid #8fdfff; }
div.tmenu { background:#CFEFFD url(../img/tl.gif) no-repeat 0 0; margin-top:7px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 2px #aaa; box-shadow: 2px 2px 2px #aaa; -webkit-box-shadow:2px 2px 2px #aaa; padding:2px; }
/*
div.tmenu { background:#CFEFFD url(../img/tl.gif) no-repeat 0 0; margin-top:7px; }
div.tmenu1 { background:url(../img/tr.gif) no-repeat 100% 0; }
div.tmenu2 { background:url(../img/bl.gif) no-repeat 0 100%; }
div.tmenu3 { background:url(../img/br.gif) no-repeat 100% 100%; padding:2px; }
*/
div.tmenu3 div.menu { clear: both; background: #E7F7FE; padding-bottom:2px; padding-top:2px; -moz-border-radius:5px; border-radius:5px; border:1px solid #8fdfff; }
.menu a { color: #333333; text-decoration: none; display:block; }
.group a { color: #333333; text-decoration: none; }
.group a:hover { text-decoration: underline; }
div.menu ul {
    margin: 0;
    padding: 0;
}
div.menu ul li {
    list-style-type: none;
    padding: 2px 3px;
    margin: 0 2px;
/*    height: 20px; */
     -moz-border-radius:5px; border-radius:5px;
}
div.menu ul li:hover {
    background: #D8D0C8;
}
.menu a:hover {
    text-decoration: underline;
}
div.tmenu div.group {
    background: none;
    width: 144px;
    padding: 2px 5px 4px 5px;
    color: #333333;
    font-weight: bold;
    height:14px;
}
div.tmenu div.group p {
    margin: 0 0 2px 0 !important;
    float: left;
}
div.tmenu div.group p img {
    cursor: pointer;
}
div.tmenu div.group p.mm,
div.tmenu div.group p.mp {
    cursor: pointer;
    display: block;
    float: right;
    width: 10px;
    height: 1px;
    font-size:1px;
    padding: 7px 5px !important;
}

/* menu rozwiniete */
div.tmenu p.mm, div.mm {
    background: url(../img/mm.gif) no-repeat transparent 50% 50%;
}
/* menu zwiniete */
div.tmenu p.mp, div.mp {
    background: url(../img/mp.gif) no-repeat transparent 50% 50%;
}
div.tmenu div div.tmenu3 div.menu ul li.activeItem { background: #FFF7C8; border: 1px solid #FAC800; padding:1px 2px; }
#kmenu div.tmenu div div.tmenu3 div.menu ul li a { text-decoration:none; }
/* kontener tresci */
#txt { vertical-align: top; }
#txt td.tmenu { padding:2px }
.b3c { padding-right:3px; }

/* globalne ustawienia wszystkich elementow */
#txt {padding: 7px 11px 10px 13px; width: 100%; }
#s4el img.bIcon { margin-left:0px; }
#s4el p { padding:0; margin:0; }
#s4el input:focus { background: #FFF7C8; }
#s4el td.selected { background: #dddddd; }
#s4el textarea,
#s4el .textarea {
    font-family: arial, sans-serif;
    font-size: 0.95em;
    background:#fff;
}
#s4el fieldset legend { font-weight: bold; color: #333333; }
#s4el fieldset { border: 1px solid #8FDFFF; -moz-border-radius:3px; border-radius:3px; }
#s4el a { font-size: 1em; }
#s4el a:hover { text-decoration: underline; }
#s4el td a { font-size: 1em; }
#s4el h2 { font-size: 1.4em; margin-top:0; }
#s4el a { text-decoration: none; }
#s4el h3 { font-size: 1.2em; }
#s4el h3.tablename { font-size:1em; font-weight: bold; }
#s4el a:link,
#s4el a:visited { color: #333333; }
#s4el a:hover { color: #555555; }


/* wyswietlanie i ukrywanie filtru */
#filtr0 {
    display:block;
    position:relative;
}
#filtr1 {
    display:none;
    position:relative;
}


#s4el table.ramka, #txt table.bgramka, #txt table.szramka {
    border-collapse: collapse;
    border: 1px solid black;
}
#s4el table.ramka {
    border: 0;
}
#s4el table.ramka {
    background: #A4CF8E;
}
#s4el table.ramka tr td.ramka, #s4el td.dcramka, #s4el td.sramka, #s4el td.cramka{
    background: #E7F7FE;
    border: 1px solid #CFEFFD;
}
#s4el table.tabelka {
    -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 2px #aaa; box-shadow: 2px 2px 2px #aaa; -webkit-box-shadow:2px 2px 2px #aaa;
    background: #8FDFFF;
    margin-bottom:5px;
}
#s4el td.tabelka {
    padding:2px;
}
#s4el td.info {
    padding: 10px 0;
    text-align: center;
}
#s4el select, #s4el input {
    border: 1px solid #CFEFFD;
    border-color:#8FDFFF #CFEFFD #CFEFFD #8FDFFF;
    background:#fff;
}
#s4el td.szramka, #s4el table.szramka, #s4el textarea, #s4el .textarea, #s4el hr {
    border: 1px solid #CFEFFD;
}
#s4el table.bgramka, #s4el tr.tabhead td, #s4el td.lramka {
    background: #CFEFFD;
    font-weight: bold;
    color: #333333;
}
#s4el td.nag {
    background: #CFEFFD;
    font-weight: bold;
    color: #333333;
}
#s4el .szramka {
    background: #E7F7FE;
}


/* wyswietlane komunikaty */
#s4el tr.msginfo {
    background: #CFEFFD;
}
#s4el tr.msginfo td, #s4el tr.msgwarn td {
    font-weight: bold;
    text-align: left;
    color: #333333;
}
#s4el tr.msgwarn {
    background: #ff5555;
}


/* wuswietlanie listy rekordow - tab_text*/
#s4el tr.row_0 td {
    background: #E7F7FE;
}
#s4el tr.row_1 td {
    background: #EFFAFF;
}
#s4el tr.row:hover td {
    background: #dddddd;
}


#s4el tr.tablink td {
    background-color: #E7F7FE;
    padding: 0 3px;
}
#s4el tr.tabhead td {
    padding: 2px 2px;
}
#s4el td.nag  {
    padding: 2px 2px;
}
#s4el td.bold, #txt td.lbold { 
    font-weight: bold;
    padding: 4px;
    text-align: right;
}
#s4el td.lbold {
    text-align: left;
}
#s4el td.norm { padding: 4px; }
#s4el td.szramka { 
    font-weight: bold;
    text-align: center;
}
#s4el td.cramka { text-align: center }
#s4el td.bramka { border: 1px solid black; text-align: center; font-weight: bold }
#s4el td.lstopka { border-color: #000090; background-color: #000090; color: white; text-align: left; font-weight: bold }
#s4el td.cstopka { background-color: #000090; color: white; text-align: center; font-weight: bold }
#s4el td.rstopka { border-color: #000090; background-color: #000090; color: white; text-align: right; font-weight: bold }
.online, .offline, .hidden, .trash, .locked, .moder { font-weight: bold; }

/* statusy */
.online { color: green; }
.offline { color: red; }
.hidden { color: silver; }
.trash { color: #a52a2a; }
.locked { color: black; }
.moder { color: #ffcc00; }

#txt span.label,
#txt span.labels { background:#CFEFFD; }

/* komunikaty (POST) */
#message {
    display:block;
    left:180px;
    opacity:0.8;
    position:absolute;
    right:20px;
    top:30px;
    z-index:5000;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
#messageStat .vminfo, #message .vminfo {
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    padding: 8px;
    margin-bottom: 10px;
}
#vm_info { color: #02910d; background: #f3ffec; border: 2px solid #02910d; }
#vm_warn { color: #f30c0c; background: #feffd7; border: 2px solid #f30c0c; }

/* timer */
#s4el div.aoffline { color: red; font-weight: bold; position: fixed; text-align: right; top: auto; left: auto; right: 1.0em; bottom: 1.5em; }
#s4el div.alocked { color: black; font-weight: bold; position: fixed; text-align: right; top: auto; left: auto; right: 1.0em; bottom: 1.5em; }

/* aktualnosci (nowy) */
#s4el sup.new {
    color: #df8500;
    font-size: 0.7em;
    font-weight: bold;
}


#s4el div.cfginfo {
    text-align: center;
}
#s4el div.cfginfo p { text-align: justify; }

#s4el .cfginfo a {
    text-decoration: underline;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

#s4el a.button:hover {
    text-decoration: none;
}

/* przyciski */
#s4el input.button {
    border:1px solid #aaa;
    border-color:#bbb #888 #888 #bbb;
    background:#f4f4f4;
}
a.button, span.pbutton {
    display: block;
    float: left;
    text-decoration: none;
    border:1px solid #aaa;
    border-color:#bbb #888 #888 #bbb;
    background:#f4f4f4;
    margin:2px;
    padding:0 8px 1px 8px;
    min-height:18px;
    color: #555555;
}
a.button:active, span.pbutton:active, input.button:active {
    border-color:#888 #bbb #bbb #888;
}
a.button:hover, span.pbutton:hover, input.button:hover {
    background:#eee;
}
a.button span.button img.bIcon,
span.pbutton span.button img.bIcon { margin-top:1px; }

a.button span.bnapis { display:block; float:left; cursor:pointer; }

a.button span.button img {
    display:block;
    float:left;
    margin-right:2px;
}

/* funkcja tabelka */
.tabelem td {
    padding: 0 2px;
}

/* tresc artykulu */
#s4el .art_text {
    background: #ffffff;
    padding: 10px;
    
}
table.maxwidth {
    width: 100%;
}

/* pozostale */

img.menuIcon { margin-right:4px; display:block; float:left; }

blockquote {
border-width:1px;
border-style:solid;
border-color: #8FDFFF #E0E0E0 #E0E0E0 #8FDFFF;
background: #CFEFFD;
font-size:0.95em;
margin:0.5em 1px 0pt 25px;
overflow:hidden;
padding:5px;
}
#filtr td.nag {
    cursor: pointer;
}

/* sticker */
.i_sticker, .i_pomoc { cursor: pointer; }
#m_STICKER {
    display: none;
    border: 1px solid #FAC800;
    background: #FFFFCF;
    width: 300px;
    right:35px;
    opacity:0.9;
    position:absolute;
    top:35px;
    z-index:3000;
    cursor:pointer;
    padding: 2px;
    overflow: auto;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
#stickerText {
}
textarea#stickerEditArea {
    display: none;
    width: 296px;
    height: 150px;
    border: none;
    background: none;
    font-size:1em;
}

#menuLanguages li { list-style-type: none; padding: 10px 2px 2px 10px; }
#menuLanguages li a { text-decoration: none; color: #333333; }
#menuLanguages li a img { display: inline; }

/* menu config */
.ddmx {
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding: 3px 10px 3px 10px;
    color: #ffffff;
    background: #CFEFFD;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 3px 8px 4px 8px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .item2 {
    background: #E7F7FE;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
}
.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section {
    border: 1px solid #8FDFFF;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */
/* textarea resizer */
.textarea-handle {
    height: 3px;
    display: block;
    background: #8FDFFF;
    font-size:2px;
}

div.progress { border:1px solid #CFEFFD; height:8px; }
div.progress div.progress2 { background: #CFEFFD; height:8px; }

.MOpopup { border: 1px solid #8FDFFF; }
.MOpopupLabel { background: #CFEFFD; }
.MOconfirm{ border:3px solid #8FDFFF; }
.MOconfirm h2 { background-color:#8FDFFF; }

/* Styl dla listy przyciskow */
div.lov .selected { border-color:#BBBBBB #888888 #888888 #BBBBBB; background-color:#f4f4f4; } 
div.visible div.selected { border-color:#888 #bbb #bbb #888; } 
div.lov .selected span { color:#333333; } 
div.visible div.selected span { color:#000000; } 
div.lov .list { background:#f4f4f4; border-color:#888 #bbb #bbb #888; } 
div.visible div.list li:hover { background:#c4c4c4; } 
#s4el div.visible div.list li:hover a { color:#111111; } 
div.lov div.list ul li.textSeparate span { background:#f4f4f4; color:#333333; }

#s4el td.tabelka div.week table tr.weekHeader td.tm { background-color:#CFEFFD; font-weight:bold; }
#s4el td.tabelka div.week table tr td { border-right:2px solid #8FDFFF; }
#s4el td.tabelka div.week { border-top:1px solid #8FDFFF; }
#pmenu #calMonth table tr td.toDay { border-color:#000000; }

#hidder { padding-left:150px !important; }
#hidder div { margin-top:11px !important; }

#s4el .ui-widget-header {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7F7FE', endColorstr='#8FDFFF');
    background-image: -webkit-linear-gradient(top, #E7F7FE 0%, #8FDFFF 100%);
    background-image: -moz-linear-gradient(top, #E7F7FE 0%, #8FDFFF 100%);
    background-image: -o-linear-gradient(top, #E7F7FE 0%, #8FDFFF 100%);
    background-image: -ms-linear-gradient(top, #E7F7FE 0%, #8FDFFF 100%);
    background-image: linear-gradient(top, #E7F7FE 0%, #8FDFFF 100%);
}