/* buttons */
.jqButton { 
  float:left;
  vertical-align:middle;
  position: relative;
  padding: 5px;
  text-decoration: none !important;
  cursor: pointer;
  text-align:center;
  margin-right:5px;
}
.jqButton i,
.jqButton span {
  font-style: normal;
  background-image: url(button1.png);
  background-repeat: no-repeat;
  display: block;
  position: relative;
}
.jqButton i { 
  background-position: top left;
  position: absolute;
  margin-bottom: -5px;
  top: 0;
  left: 0;
  width: 5px;
  height: 5px;
}
.jqButton span {
  background-position: bottom left;
  left: -5px;
  padding: 0 0 5px 10px;
  margin-bottom: -5px;
}
.jqButton span i {
  background-position: bottom right;
  margin-bottom: 0;
  position: absolute;
  left: 100%;
  width: 10px;
  height: 100%;
  top: 0;
}
.jqButton span span {
  background-position: top right;
  position: absolute; 
  right: -10px; 
  margin-left: 10px; 
  top: -5px; 
  height: 0;
}
.jqButton.blue { background-color: #2ae; color:white; }
.jqButton.green { background-color: #9d4; color:white;}
.jqButton.pink { background-color: #e1a; color:white;}
.jqButton:hover { 
  background-color: #a00 !important;
  text-decoration:none;
  color:white;
}
.jqButton:active { background-color: #444; }
.jqButton[class]:hover,
.jqButton[class] { 
  background-image: url(shade1.png); 
  background-position: bottom; 
  color:white;
}

/* IE compensation */
* html .jqButton span, * html .jqButton i {
  background-image: none;
  cursor: pointer;
 }
* html .jqButton { border: 3px double #aaa; }
* html .jqButton.blue { border-color: #2ae; }
* html .jqButton.green { border-color: #9d4; }
* html .jqButton.pink { border-color: #e1a; }
* html .jqButton:hover { border-color: #a00; }

.jqButtonHolder {
  /*margin-bottom:-0.5em; to compensate the br added automatically */
}

/* rounded cornders */
.jqRounded div {
  padding:10px;
  margin:0px;
}
.jqRounded h2 {
  margin:0px;
  padding:5px;
  font-size:130%;
  text-align:center;
  border:0px;
}
.jqRounded ol,
.jqRounded ul {
  margin:0px;
  padding:0px;
  padding-left:20px;
}

/* jquery.tooltip */
#tooltip {
  position: absolute;
  z-index: 3000;
  padding: 5px;
}
#tooltip h3, 
#tooltip div { 
  margin: 0; 
  overflow:hidden;
}

#tooltip.twiki {
  font-family:Arial,sans-serif;
  padding:5px;
  max-width:200px;
  background:#F6F6BD;
  border:1px solid #9C9CA0;
  color:black;
}
#tooltip.twiki h3 {
  font-size:11px;
  text-align: center;
  border:0px;
}
#tooltip.twiki div { 
  font-size:11px;
  margin-top:5px;
  text-align: left; 
}

/* treeview plugin */
.jqTreeview {
  display:none; /* activated using js */
}
.jqTreeview.red  li { background-image: url(images/treeview-red-line.gif); }
.jqTreeview.red .hitarea, 
.jqTreeview.red li.lastCollapsable, 
.jqTreeview.red li.lastExpandable { background-image: url(images/treeview-red.gif); } 

.jqTreeview.black li { background-image: url(images/treeview-black-line.gif); }
.jqTreeview.black .hitarea, 
.jqTreeview.black li.lastCollapsable, 
.jqTreeview.black li.lastExpandable { background-image: url(images/treeview-black.gif); }  

.jqTreeview.gray li { background-image: url(images/treeview-gray-line.gif); }
.jqTreeview.gray .hitarea, 
.jqTreeview.gray li.lastCollapsable, 
.jqTreeview.gray li.lastExpandable { background-image: url(images/treeview-gray.gif); } 

.jqTreeview.famfamfam li { background-image: url(images/treeview-famfamfam-line.gif); }
.jqTreeview.famfamfam .hitarea, 
.jqTreeview.famfamfam li.lastCollapsable, 
.jqTreeview.famfamfam li.lastExpandable { background-image: url(images/treeview-famfamfam.gif); } 

.jqAjaxLoader,
.treeview .placeholder {
  background: url(images/spinner.gif) 0 0 no-repeat;
  height: 16px;
  width: 16px;
  display: block;
}