/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - -

Title : Default CSS for Lightbox Gone Wild
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

#lightbox{
	font:Verdana, Arial, Helvetica, sans-serif;
	display:none;
	position: absolute;
	/*top:27%;
	left:34%;*/
	z-index:9999;
	width:720px;
	height:790px;
	overflow:auto;
	/*margin:-220px 0 0 -250px;*/
	border:9px solid #f2f2f2;
	border:10px solid #003366;
	/*background:#FDFCE9;*/
	background:#003366;
	background:#fff;
	color:#fff;
	color:#000;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#949494;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}
#definition{
	margin:25px;
	font-size:75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:135%;
}

#definition h2{
	margin:0 0 1em 0;
	font-size:16px;
}
#definition h3{
	margin:0 0 1em 0;
	color:#fff;
	color: #003366;
	color: #000;
	font-weight:normal;
	font-size:24px;
}
#definition ul {
	list-style-type:disc; 
	margin-left:1.3em;
}
#definition div.recommend {
	border-top:1px dashed #999; 
	padding-top:1.3em;
}
#definition div.recommend ul {
	padding-top:0.4em;
}
#definition div.recommend li {
	padding-top:0.3em;
}
#definition div.recommend p {
	padding-top:0.3em;
	margin:0;
}
#definition li {
	padding-top:2px;
	padding-bottom:2px;
}
#definition span {
	padding-top:4px;
	line-height:160%;
	font-size:0.8em;
	color:#333;
}
#definition p {
	margin:15px 0;
}
#definition p.p-1 {
	margin:20px 0 0px 0;
}
#definition p strong{
	font-size:90%;
}
#definition a{
	color:#19468B;
	display:inline;
}
#find-groups-wrapper {
	background:#fff;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#find-groups-wrapper p {
	margin:0;
}
#find-groups-wrapper div#find-groups, #find-groups-wrapper div#browse-groups {
	padding:5px 0 10px 5px;
}
#find-groups-wrapper div#find-groups a.new-group {
	float:right;
}
#find-groups-wrapper div#find-groups a {
	border:1px solid #006699;
	padding: 0 4px;
}
#find-groups-wrapper div#find-groups a:hover {	
	background: #006699;
	color:#fff;
}
#find-groups-wrapper div#browse-groups a.sel, #find-groups-wrapper div#browse-groups a.sel:visited {
	background: #006699;
	color:#fff;
	padding:1px 5px;
}
#find-groups-wrapper div#find-groups input {
	width: 270px;
	color:#000;
}
#find-groups-wrapper table th {
	color:#003366;
	text-align:left;
	border-bottom:1px solid #003366;
	border-top:1px solid #003366;
}
#find-groups-wrapper table td, table th {
	background:#fff;
	padding:6px 8px;
}
#find-groups-wrapper table th#col-1 {
 width:80px;
}
#find-groups-wrapper table th#col-2 {
 width: 60%;
}
#find-groups-wrapper table th#col-3 {
 width: 135px;
}
#find-groups-wrapper table td  {
	color: #4D4D4D;
	border-bottom: 1px solid #eee;
	vertical-align:top;
}
#find-groups-wrapper table td table {
	margin:3px 0 3px 4px;
}
#find-groups-wrapper table td table td {
	background: #F1F3D1;
	border-bottom:#999;
	color:#333;
}
#find-groups-wrapper table td img {
	margin-right:2px;
}
#find-groups-wrapper table td span {
	display:block;
}
#find-groups-wrapper table tr.ftr td {
	border:1px solid #838383;
	padding:10px;
	color:#999;
}