/* --------------------------------------------[ Eric Mayer's reset style ]-- */
/* -------[ http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 2008-02-12 ]-- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body { line-height: 1; }
/*ol, ul { list-style: none; }*/
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* ------------------------------------------------------------[ un-reset ]-- */
ul, ol { margin-left: 30px; }
/*ol     { list-style-type: decimal; }*/
ol ol  { list-style-type:lower-latin; }
/*ul     { list-style-type: disc; }*/
sup    { font-size: xx-small; vertical-align: top; }
sub    { font-size: xx-small; vertical-align: bottom; }
/* ---------------------------------------------------------[ common tags ]-- */
body { color: #000; background-color: #fff; }
abbr { cursor: help; border-bottom: 1px dashed #000; }
em   { font-style: italic; }
img  { border: 0; }
pre  { text-align: left; }
/* ------------------------------------------------------[ common classes ]-- */
.left    { text-align: left !important; }
.right   { text-align: right !important; }
.center  { text-align: center !important; }
.justify { text-align: justify !important; }
.compact { margin: 0 !important; padding: 0 !important; }

.small, .small li, p.small a {
  font-size: 11px !important;
  line-height: 150% !important;
  font-family: verdana, tahoma, arial, sans-serif !important;
}
.clear { clear: both; }
.hidden { display: none; }
.italic { font-style: italic !important; }
.overline { text-decoration: overline !important; }
.strong { font-weight: bold !important; }
.underline { text-decoration: underline !important; }
/* --------------------------------------------------------------[ colors ]-- */
.red    { color: #f00 !important; }
.white  { color: #fff !important; }
.yellow { color: #ff0 !important; }
/* -------------------------------------------------------[ image classes ]-- */
img.famfam { vertical-align: text-bottom; }
img.left   { float: left; margin-right: 10px !important; }
img.right  { float: right; margin-left: 10px; }
/* TODO niżej if [IE]? */
img.png    { behavior: url(/img/iepngfix.htc); }
/* --- @margins etc. sens?!? --- */
.pad10 { padding: 10px !important; }
.martop0 {  margin-top: 0; }
.marbot0 {  margin-bottom: 0; }
.vcenter { vertical-align: middle; }

/* ---------------------------------------------------------------[ links ]-- */
a img, a.img, a.img:hover { border: none !important; text-decoration: none !important; }
a.download { background: url("/img/famfam/disk.png") no-repeat center left;  padding-left: 20px; }
a.lightbox { background: url("/img/famfam/image.png") no-repeat center left; padding-left: 20px; }
a.mailto   { background: url("/img/famfam/email.png") no-repeat center left; padding-left: 20px; }
/* ------------------------------------------------------[ external links ]-- */
a.external { padding-right: 13px; background: url("/img/external.gif") right 0 repeat-y; }
a.external:hover { background-position: right 200px; }
a.external:visited:hover { background-position: right 100px; }
/* ---------------------------------------------------------------[ lists ]-- */
ol.sl { list-style-type: lower-latin; } /* ?? */
ol.none, ul.none { list-style-type: none !important; }
ul.check { list-style-image: url("/img/famfam/tick.png"); }
ul.star  { list-style-image: url("/img/famfam/star.png"); }

.mobphone, .telephone { padding-left: 20px; background-position: center left; background-repeat: no-repeat; }
.mobphone  { background-image: url("/img/famfam/phone.png"); white-space: pre; }
.telephone { background-image: url("/img/famfam/telephone.png"); white-space: pre; }
/* scripts' messages ??? */
.scError   { color: #c00; font-weight: bold; }
.scMessage { color: #00c; font-weight: bold; }
/* --------------------------------------------------[ messages for forms ]-- */
.message { background: url(/img/sizicons/info.png) 10px center no-repeat #ebebeb; border-left: 10px solid #ccc; margin-bottom: 15px; padding: 10px; }
.message.positive { background: url(/img/sizicons/accept.png) 10px center no-repeat #cfc; border-left: 10px solid /*#9c0*/ #9f6; }
.message.negative { background: url(/img/sizicons/cancel.png) 10px center no-repeat #faa; border-left: 10px solid #f00; }
.message p { font: 11px verdana, arial, sans-serif; text-align: left; margin: 0 0 0 25px !important; }
/* -------------------------------------------------------------[ cursors ]-- */
.curHand { cursor: pointer; }
.curHelp { cursor: help; }
/* ----------------------------------------------------[ snippets of code ]-- */
.code {
  text-align: left;
  color: #800040;
  white-space: pre;
  font: 12px/160% "courier new", courier, proportional;
  padding: 10px;
  overflow: auto;
  border: 1px solid #ccc;
  background-color: #eee;
  margin-bottom: 10px;
}
.phpCodeHeader {
  background: url('/img/php_code.jpg') no-repeat 0 0 #eee;
  padding-top: 28px;
}
.jsCodeHeader { /* script's output in browser */
  background: url('/img/js_code.jpg') no-repeat 0 0 #eee;
  padding-top: 28px;
}
.output { /* script's output in browser */
  padding: 10px;
  overflow: auto;
  font: 13px "times new roman", serif;
  text-align: left;
  white-space: pre;
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc;
}
/* varia */
span.searchword { color: #f00; background-color: yellow; font-weight: bold; }
/* tooltips  ??? */
div.tooltip, div.td_tooltip {
  position: absolute;
  display: none;
  background-color: #fffaa3;
  font: 11px/150% verdana;
  padding: 5px;
  width: 400px;
}
div.td_tooltip { width: 200px; }
/* -----------------------------------------[ debug in controller-display ]-- */
.dbgHeader {
  background-color: #f4b100;
  padding: 3px 10px;
  font: 11px verdana, tahoma, arial, sans-serif !important;
  text-align: left;
  border-bottom: 1px dotted #777;
}
.dbgHeader.active {
  cursor: pointer;
}
div.dbgHeader + pre {
  display: none;
}