应用于jQuery工具提示的CSS样式不起作用

Question

我有一个附加到复选框的工具提示。以下是控制它的jQuery：

  $("#theform :input").tooltip({
  position: "center right",
  offset: [-2, 10],
  effect: "fade",
  opacity: 0.7
  });

这是控制其外观的CSS：

.tooltip {
  background-color:#000;
  border:1px solid #fff;
  padding:10px 15px;
  width:200px;
  display:none;
  color:#fff;
  text-align:left;
  font-size:12px;

 //For Firefox 
 -moz-box-shadow:0 0 10px #000;
 -webkit-box-shadow:0 0 10px #000;
}

以下是复选框的代码：

<input type="checkbox" name="End" id="End" value=1 title = "Tooltip text here" />

该样式不在自己的工作表中。它是jQuery代码所在文件的一部分，包含在样式标记中。工具提示本身正在起作用; CSS不是。我无法弄清楚原因。