a.tooltip {outline:none; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:-30px; margin-left:28px; width:240px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} .callout {z-index:20;position:absolute;top:25px;border:0;left:-12px;} /*CSS3 extras*/ a.tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; }

#suggest	{
    background-color: white;
    text-align: left;
    margin-left:265px;
    position: absolute;
    width: 260px;
    display:none;
    box-shadow: #000000 3px 3px 5px;
    z-index:9999;
}

#suggest .List_Element	{
	padding:1px;
	float:left;
	text-align: left;
        width: 260px;
        border-bottom:1px dotted #CFCFCF;
        z-index:9999;
}

/* Zebra List and Table */
ul.zebra > li,
table.zebra tbody td { border-bottom: 1px solid #ccc; }
ul.zebra > li:first-child,
table.zebra tbody tr:first-child td { border-top: 1px solid #ccc; }

ul.zebra > li.odd,
table.zebra tbody tr.odd,
ul.zebra > li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) { background: url(../images/tools/list_zebra.png) 0 0 repeat; }

table.zebra {
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	background: rgba(255,255,255,0.8);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

table.zebra caption { color: #777; }

table.zebra thead {
	background: #efefef;
	background: -moz-linear-gradient(
					50% 0%,
					#f7f7f7 0%,
					#e8e8e8 100%
				);
	background: -webkit-gradient( 
					linear,
					50% 0%,
					50% 100%,
					color-stop(0%, #f7f7f7),
					color-stop(100%, #e8e8e8)
				);
}

table.zebra thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

table.zebra tr { border-top: 1px solid #d3d3d3; }

table.zebra tr:hover,
table.zebra tbody tr:nth-of-type(odd):hover,
table.zebra tbody tr.odd:hover {
	background: #fff;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.06);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.06);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.06);
}

table.zebra tr td,
table.zebra tr th {	border-left: 1px solid #d3d3d3; }

table.zebra tfoot tr {
	border-bottom: 1px solid #c3c3c3;
	background: rgba(0,0,0,0.02);
	color: #999;
}