/* common classes */
body {
  color:#000;
  background-color:#fff;
}
abbr {
  cursor:help;
  border-bottom:1px dashed #000;
}
em {
  font-style:normal;
  text-decoration:underline;
}
pre {
  text-align:left;
}
.center {
  text-align:center !important;
}
.justify {
  text-align:justify !important;
}
.left {
  text-align:left !important;
}
.right {
  text-align:right !important;
}
.small, .small li, p.small a {
  font:11px/150% verdana, tahoma, arial, sans-serif !important;
}
.hide, .hidden { /* --> hidden */
  display:none;
}
.clear {
  clear:both;
}
.overline {
  text-decoration:overline;
}
a img, a.img, a.img:hover {
  border:none !important;
  text-decoration:none !important;
  /*padding:0 !important;*/
}
img.famfam {
  vertical-align:bottom;
}
img.left {
  float:left;
  margin-right:10px;
}
img.right {
  float:right;
  margin-left:10px;
}
ol.sl {
  list-style-type:lower-latin;
}
ol.none, ul.none {
  list-style-type:none !important;
}
.pad10 {
  padding:10px !important;
}
.compact {
  margin:0;
  padding:0;
}
.martop0 {
  margin-top:0;
}
.marbot0 {
  margin-bottom:0;
}
span.searchword {
  color:#f00;
  background-color:yellow;
  font-weight:bold;
}

/* --------------------------- @links */
a.mailto {
  padding-left:20px;
  background:url('/jive/img/famfam/email.png') no-repeat center left;
}
a.download {
  padding-left:20px;
  background:url('/jive/img/famfam/disk.png') no-repeat center left;
}
a.lightbox {
  padding-left:20px;
  background:url('/jive/img/famfam/image.png') no-repeat center left; 
}
/* external links */
a.external {
  padding-right:13px;
  background:url('/jive/img/external.gif') right 0 repeat-y;
}
a.external:hover {
  background-position:right 200px;
}
a.external:visited:hover {
  background-position:right 100px;
}


.mobphone, .telephone {
  padding-left:20px;
  background-position:center left;
  background-repeat:no-repeat;
}
.mobphone {
  background-image:url('/jive/img/famfam/phone.png');
  white-space:pre;
}
.telephone {
  background-image:url('/jive/img/famfam/telephone.png');
  white-space:pre;
}

/* scripts' messages */
.scError {
  color:#c00;
  font-weight:bold;
}
.scMessage {
  color:#00c;
  font-weight:bold;
}

/* messages for forms */
div.message { /* powtarza się w adminie */
  margin-bottom:15px;
  padding:10px;
  background-color:#ebebeb;
}
div.message p {
  font:bold 12px verdana, arial, sans-serif;
  text-align:center;
  font-weight:bold;
}
div.positive {
  background-color:lightgreen;
}
div.negative {
  color:#fff;
  background-color:#f00;
}

/* tooltips */
div.tooltip, div.td_tooltip {
  position:absolute;
  display:none;
  background-color:#fffaa3;
  font:11px/150% verdana;
  padding:5px;
  margin:0;
  width:400px;
}
div.td_tooltip {
  width:200px;
}
/* boxes */
.error, .foxit, .link, .photos, .tip {
  padding:5px 10px;
  margin-bottom:10px;
  padding-left:70px;
  min-height:60px;
}
.error {
  background:url('/jive/img/boxes/error.gif') no-repeat 10px 10px #f5f6be;
}
.foxit {
  background:url('/jive/img/boxes/foxit.png') no-repeat 10px 10px #f5f6be;
}
.link {
  background:url('/jive/img/boxes/link.gif') no-repeat 10px 10px #f5f6be;
}
.photos {
  background:url('/jive/img/boxes/photos.gif') no-repeat 10px 10px #f5f6be;
}
.tip {
  background:url('/jive/img/boxes/tip.gif') no-repeat 10px 10px #f5f6be;
}
.error p, .link p, .photos p, .tip p {
  font:12px/160% verdana, arial, sans-serif !important;
  margin-top:5px;
}
/* --------------------- Nuvola boxes */
.nuvola, .nuvola2 {
  padding:5px 20px 10px 80px;
  margin-bottom:10px;
  min-height:40px;
  border-style:solid;
  border-width:1px;
}
div.download {
  background:url('/jive/img/nuvola/48/filesave.png') no-repeat 10px 5px #dfebff;
  border-color:#99c0fa;
}
.important {
  background:url('/jive/img/nuvola/48/important.png') no-repeat 10px 5px #fbfbfb;
  border-color:#e26c63;
}
.info {
  background:url('/jive/img/nuvola/48/messagebox_info.png') no-repeat 10px 5px #dfebff;
  border-color:#99c0fa;
}
.link {
  background:url('/jive/img/nuvola/48/www.png') no-repeat 10px 5px #f5f6be;
  border-color:#fac100;
}
.tip {
  background:url('/jive/img/nuvola/48/ktip.png') no-repeat 10px 5px #f5f6be;
  border-color:#fac100;
}
.nuvola2 {
  border-left-width:10px;
  border-top-color:#aaa;
  border-right-color:#aaa;
  border-bottom-color:#aaa;
}
.nuvola p, .nuvola2 p {
  margin:0 !important;
  font:0.8em/160% verdana, arial, sans-serif;
}
/* -------------------------- cursors */
.curHelp {
  cursor:help;
}
.curHand {
  cursor:pointer;
}
/* ------------------ transparent png */
img.png {
  behavior:url(/jive/img/iepngfix.htc);
}
/* ----------------- 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('/jive/img/php_code.jpg') no-repeat 0 0 #eee;
  padding-top:28px;  
}
.jsCodeHeader {
  background:url('/jive/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;    
}