/*html  {overflow-y:scroll;}*/ /* scroll body/browser always visible */
body, form, h1, h2, h3, h4, h5, table, th, td, ul, ol, li, p, pre, input, select, option, fieldset {margin:0px;padding:0px;}
/*
border-collapse:separate; obramuje 1px każdą komórkę, pomiędzy komórkami tabeli będzie siatka 2px
border-collapse:separate; (tabela:border-left+border-top+border-right+border-bottom + komórki:border-left+border-top+border-right+border-bottom) ===> border-collapse:separate;
+---++---++---++---+
|   ||   ||   ||   |
+---++---++---++---+
+---++---++---++---+
|   ||   ||   ||   |
+---++---++---++---+
+---++---++---++---+
|   ||   ||   ||   |
+---++---++---++---+
+---++---++---++---+
|   ||   ||   ||   |
+---++---++---++---+
*/
table {border-collapse:separate;border-spacing:0px;}
/*
border-collapse:collapse; przydatne do siatki 1px w tabeli, siatka linii 1px zarówno obramowania tabeli jak również pomiędzy komórkami
border-collapse:collapse; (tabela:border-left+border-top + komórki:border-right+border-bottom) ===> border-collapse:collapse;
+---+---+---+---+
|   |   |   |   |
+---+---+---+---+
|   |   |   |   |
+---+---+---+---+
|   |   |   |   |
+---+---+---+---+
|   |   |   |   |
+---+---+---+---+
*/

body, h1, h2, h3, h4, h5, th, td, ul, ol, p {color:#000;font-family:Arial,Verdana,sans-serif;font-size:12px;}
body  {text-align:left;background:#505050;background-color:#505050;}
li    {list-style:none;list-style-type:none;}
/* ul li {list-style:disc;} */      /* overwrite it in app styl */
/* ol li {list-style:decimal;} */   /* overwrite it in app styl */
a     {color:#008;text-decoration:none;}
a img {border:0px;vertical-align:bottom;}
/* a     {display:table;} */
/* a > * {display:table-cell;vertical-align:middle;} */

code       {white-space:pre;}
.bold      {font-weight:bold;}
.italic    {font-style:italic;}
.underline {text-decoration:underline;}
.overline  {text-decoration:overline;}
.blink     {text-decoration:blink;}
.strike    {text-decoration:line-through;}
.intxt     {           padding:0px  2px;color:#fff;background:#111;} /*width:200px;*/
.inbut     {           padding:0px 12px;color:#fff;background:#111;}
.insel     {           padding:0px  0px;color:#fff;background:#111;}
.infile    {margin:0px;padding:2px  0px;color:#fff;background:#111;}
.inarea    {           padding:2px  2px;color:#fff;background:#111;}
.ibtxt     {border:1px solid #b4afb0;}
.ibsel     {border:1px solid #b4afb0;}
.ibbut     {border:1px solid #b4afb0;}
.ibfile    {border:1px solid #b4afb0;}
.ibarea    {border:1px solid #b4afb0;}
.inbkgnd   {background:#c21;}
select     {/* class="insel" */}
textarea   {/* class="inarea" */}
.msgtxt    {           font-weight:bold;font-size:12px;}
.msgok     {color:#0f0;font-weight:bold;font-size:12px;}
.msgwarn   {color:#cc0;font-weight:bold;font-size:12px;}
.msgerr    {color:#f00;font-weight:bold;font-size:12px;}
.quotehref {color:#1155aa;}
.block     {display:block;}
.inline    {display:inline;}
.hidden    {display:none;}
.novisible {visibility:hidden;}
.disabled  {color:#a0a0a0;}
.disabled2 {color:#606060;}
.bg0       {background:#0c181e;color:#fff;}
.bg1       {background:#0c1e18;color:#fff;}
.tdl       {text-align:left;}
.tdc       {text-align:center;}
.tdr       {text-align:right;}
.clear     {clear:both;}
.tleft     {float:left;}
.tright    {float:right;}
.hand      {cursor:pointer;/*cursor:hand;*/}
label      {cursor:pointer;/*cursor:hand;*/}
.pre       {width:100%;overflow-x:auto;font-family:monospace;white-space:pre;}
.wikipre   {width:100%;/*max-height:300px;*/overflow:auto;margin:1px 0px;padding:2px 1px;border:1px solid #444444;color:#ffffff;background:#000000;}



/* --- common --------------------------------------------------------- */
.linebg      {background:#050a0f;background:#070f16;border-left:1px solid #123;border-top:1px solid #123;border-right:1px solid #04080a;border-bottom:1px solid #04080a;}
.ullihbox li {background:#000;border-left:1px solid #102028;border-top:1px solid #102028;border-right:1px solid #04080a;border-bottom:1px solid #0e1d27;color:#fff;}
.ullivbox li {background:#000;border-left:1px solid #102028;border-top:1px solid #102028;border-right:1px solid #04080a;border-bottom:1px solid #04080a;color:#fff;}
.divoverflow {height:500px;overflow-y:auto;}

.divrow {margin:4px 5px;}
.divrow span.sptl  {float:left;}
.divrow span.spth  {float:left;width:125px;padding:2px 5px;}
.divrow span.sptd  {float:left;width:125px;padding:2px 5px;}
.divrow label      {float:left;width:125px;padding:2px 5px;} /* cursor style above */
.divrow label.none {float:none;}
.divrow span.none  {float:none;}
.divrow .intxt     {width:200px;}
.divrow .bg0       {background:#0c181e;}
.divrow .bg1       {background:#0c1e18;}

.close               {float:right;margin-top:5px;margin-right:5px;cursor:pointer;/*cursor:hand;*/color:#04f;font-weight:bold;}
.close:hover         {text-decoration:underline;}



/*
<div id="anote" class="hidden">
<div class="anote"><span class="tright" onclick="this.parentNode.parentNode.style.visibility='hidden';">[X]</span><span id="conta"> div:class="anote"/span:class="conta" = anote anote anote anote anote </span></div>
</div><!-- id="anote" class="hidden" -->
*/
.anote               {margin:5px;padding:15px 5px 15px;text-align:center;border:1px solid #222;background:#ccc;}
.anote .tright       {color:#111;font-weight:bold;font-size:16px;}
.anote .tright       {float:right;margin-right:5px;cursor:pointer;/*cursor:hand;*/color:#111;font-weight:normal;}
.anote .tright:hover {text-decoration:underline;}

/*
<div id="mnote" class="hidden">
<div class="dnote"><span class="tright" onclick="this.parentNode.parentNode.style.visibility='hidden';">[X]</span><span id="contm"> div:class="mnote"/span:class="contm" = mnote mnote mnote mnote mnote </span></div>
</div><!-- id="mnote" class="hidden" -->
*/
.dnote               {margin:5px;padding:15px 5px 15px;text-align:center;border:1px solid #444;background:#222;}
.dnote .tright       {color:#ccc;font-weight:bold;font-size:16px;}
.dnote .tright       {float:right;margin-right:5px;cursor:pointer;/*cursor:hand;*/color:#ccc;font-weight:normal;}
.dnote .tright:hover {text-decoration:underline;}

/*
<div id="mblue" class="hidden">
<div class="dblue"><span class="tright" onclick="this.parentNode.parentNode.style.visibility='hidden';">[X]</span><span id="contb"> div:class="dblue"/span:class="contb" = dblue dblue dblue dblue dblue </span></div>
</div><!-- id="mblue" class="hidden" -->
*/
.dblue               {margin:5px;padding:15px 5px 15px;text-align:center;border:1px solid #1058ad;background:#022c4c;}
.dblue .tright       {color:#0577cd;font-weight:bold;font-size:16px;}
.dblue .tright       {float:right;margin-right:5px;cursor:pointer;/*cursor:hand;*/color:#0577cd;font-weight:normal;}
.dblue .tright:hover {text-decoration:underline;}

/*
<div id="minfo" class="hidden">
<div class="dinfo"><span class="tright">[X]</span><span id="conti">...</span></div>
</div><!-- id="minfo" class="hidden" -->
*/
.dinfo               {margin:5px;padding:15px 5px 15px;text-align:center;border:1px solid #142;background:#050;}
.dinfo .tright       {color:#0f0;font-weight:bold;font-size:16px;}
.dinfo .tright       {float:right;margin-right:5px;cursor:pointer;/*cursor:hand;*/color:#0f4;font-weight:normal;}
.dinfo .tright:hover {text-decoration:underline;}

/*
<div id="mwarn" class="hidden">
<div class="dwarn"><span class="tright">[X]</span><span id="contw">...</span></div>
</div><!-- id="mwarn" class="hidden" -->
*/
.dwarn               {margin:5px;padding:15px 5px 15px;text-align:center;border:1px solid #441;background:#550;}
.dwarn .tright       {color:#cc0;font-weight:bold;font-size:16px;}
.dwarn .tright       {float:right;margin-right:5px;cursor:pointer;/*cursor:hand;*/color:#cc0;font-weight:normal;}
.dwarn .tright:hover {text-decoration:underline;}

/*
<div id="merr" class="hidden">
<div class="error"><span class="tright">[X]</span><span id="conte">...</span></div>
</div><!-- id="merr" class="hidden" -->
*/
.error               {margin:5px;padding:15px 5px 15px;text-align:center;border:1px solid #421;background:#500;}
.error .tright       {color:#f00;font-weight:bold;font-size:16px;}
.error .tright       {float:right;margin-right:5px;cursor:pointer;/*cursor:hand;*/color:#f40;font-weight:normal;}
.error .tright:hover {text-decoration:underline;}



/* connection to database error message */
.dbconnerror {position:absolute;/* fixed not supported by IE */z-index:100;top:35%;left:0px;width:50%;margin:0px 25%;padding:10px;}
.dbconnerror {text-align:center;border:1px solid #800;font-weight:bold;background-color:#f88;filter:alpha(opacity=75);opacity:0.75;}
html>body .dbconnerror {position:fixed;}
.dbconnerror span {color:#f00;}
.dbconnerror .tright {float:right;cursor:pointer;/*cursor:hand;*/color:#008;font-weight:normal;}
.dbconnerror .tright:hover {text-decoration:underline;}



/* template content menu */
.tmplctxmenu {position:absolute;left:10px;top:10px;z-index:40;text-align:left;font-size:0.9em;}
.tmplctxmenu li.menutitle {padding:1px 0px 1px 20px;border-bottom:1px solid #000;color:#2A5685;}

.tmplctxmenu ul {display:block;margin:0px;padding:0px;border:0px;}
.tmplctxmenu li {display:block;margin:0px;padding:0px;border:0px;}
/* .tmplctxmenu a  {width:150px;} set this in local styles */
.tmplctxmenu a  {display:block;margin:0px;padding:0px;border:0px;}
.tmplctxmenu ul {border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #777;border-right:1px solid #777;background:white;list-style:none;}
.tmplctxmenu li {position:relative;padding:1px;z-index:39;}
.tmplctxmenu li.folder ul {position:absolute;left:168px;/* IE6 */top:-2px;}
.tmplctxmenu li.folder>ul {left:148px;}

.tmplctxmenu.reverse-y li.folder>ul {top:auto;bottom:0px;}
.tmplctxmenu.reverse-x li.folder ul {left:auto;right:168px;/* IE6 */}
.tmplctxmenu.reverse-x li.folder>ul {right:148px;}

.tmplctxmenu a {border:1px solid white;text-decoration:none !important;background-repeat:no-repeat;background-position:1px 50%;padding:1px 0px 1px 20px;width:100%;/* IE */}
.tmplctxmenu li>a {width:auto;} /* others */
.tmplctxmenu li.disabled a, .tmplctxmenu li.disabled:hover a {color:#ccc;}
.tmplctxmenu a.disabled, .tmplctxmenu a.disabled:hover {color:#ccc;}

.tmplctxmenu li a.submenu {/*background:url("../img/sub.gif") right no-repeat;*/}
.tmplctxmenu li a.submenu                    {background:url("defaults-sub.gif") right no-repeat;}
.tmplctxmenu           .icon-checked         {background:url('defaults-true.png') no-repeat left top;}
.tmplctxmenu li.folder .icon-checked a:hover {background-image:url("defaults-true.png");background-position:-2px -2px;}

.tmplctxmenu a:hover {border-color:gray;background-color:#eee;color:#2A5685;}
.tmplctxmenu li.folder a:hover {background-color:#eee;}
.tmplctxmenu li.folder:hover {z-index:40;}
.tmplctxmenu ul ul, .tmplctxmenu  li:hover ul ul {display:none;}
.tmplctxmenu li:hover ul, .tmplctxmenu li:hover li:hover ul {display:block;}
.tmplctxmenu ul li a.module0 {color:#aaa;}
.tmplctxmenu ul li a.module1 {/*color:#444;*/}
.tmplctxmenu .icon-checked   {/*background:url('../img/true.png') no-repeat left top;*/}

.tmplctxainline a {display:inline;padding:0px 2px;}



/* template content menu */
.tmplctxkdemenu {position:absolute;left:10px;top:10px;z-index:40;width:290px;text-align:left;}
.tmplctxkdemenu ul                {padding:1px 1px;border:1px solid #222222;background-color:#3c3c3c;}
.tmplctxkdemenu ul li             {margin:0px;padding:1px 15px 1px;padding-left:20px;}
.tmplctxkdemenu ul li.brdtop      {border-top:1px solid #303030;}
.tmplctxkdemenu ul li.brdbottom   {border-bottom:1px solid #303030;}
.tmplctxkdemenu ul li             {color:#dddddd;font-size:16px;white-space:nowrap;}
.tmplctxkdemenu ul li a           {color:#dddddd;}
.tmplctxkdemenu ul li.disabled    {color:#303030;}
.tmplctxkdemenu ul li.disabled a  {color:#303030;}
.tmplctxkdemenu ul li:hover       {background:#757575;}
.tmplctxgtkmenu ul li li li:hover {background:#757575;}
.tmplctxkdemenu ul li span        {float:right;width:44px;margin-right:44px;text-align:left;}

.tmplctxkdemenu li                    {position:relative;}
.tmplctxkdemenu li.folder ul          {position:absolute;left:100%;/* IE6 */top:-2px;}
.tmplctxkdemenu li.folder span        {position:absolute;left:90%;}
.tmplctxkdemenu li                 ul {display:none;}
.tmplctxkdemenu li        li       ul {display:none;}
.tmplctxkdemenu li:hover           ul {display:block;}
.tmplctxkdemenu li:hover  li:hover ul {display:block;}

.tmplctxkdemenu li:hover           ul ul {display:none;}
.tmplctxkdemenu li:hover  li:hover ul    {display:block;}



/* template content menu */
.tmplctxgtkmenu {position:absolute;left:10px;top:10px;z-index:40;width:237px;text-align:left;}
.tmplctxgtkmenu ul                {padding:0px 1px;border:1px solid #262626;background:#3a3a3a;}
.tmplctxgtkmenu ul li             {margin:0px;padding:5px 15px 5px;padding-left:21px;}
.tmplctxgtkmenu ul li.brdtop      {border-top:1px solid #4b4b4b;}
.tmplctxgtkmenu ul li.brdbottom   {border-bottom:1px solid #282828;white-space:nowrap;}
.tmplctxgtkmenu ul li             {color:#dddddd;font-size:14px;white-space:nowrap;}
.tmplctxgtkmenu ul li a           {color:#dddddd;}
.tmplctxgtkmenu ul li.disabled    {color:#303030;}
.tmplctxgtkmenu ul li.disabled a  {color:#303030;}
.tmplctxgtkmenu ul li:hover       {background:#757575;}
.tmplctxgtkmenu ul li li li:hover {background:#757575;}
.tmplctxgtkmenu ul li             {}
.tmplctxgtkmenu ul li             {}

.tmplctxgtkmenu li                    {position:relative;}
.tmplctxgtkmenu li.folder ul          {position:absolute;left:100%;/* IE6 */top:-2px;}
.tmplctxgtkmenu li.folder span        {position:absolute;left:90%;}
.tmplctxgtkmenu li                 ul {display:none;}
.tmplctxgtkmenu li        li       ul {display:none;}
.tmplctxgtkmenu li:hover           ul {display:block;}
.tmplctxgtkmenu li:hover  li:hover ul {display:block;}

.tmplctxgtkmenu li:hover           ul ul {display:none;}
.tmplctxgtkmenu li:hover  li:hover ul    {display:block;}