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

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

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

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

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:auto;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	/*background:#FDFCE9;*/
	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:#000000;
	filter: Alpha(Opacity=70);
	opacity:0.70;
 	-moz-opacity:0.70;
}
#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%;*/
}p {
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #3F3F3F;
	line-height:1.8em;
	margin-top:14px;
	margin-bottom:14px;
}
a {
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	color: #38688F;
	font-size: 12px;
}
#definition {
	background-color: #EBEBEB;
	border: 1px solid #fff;
	margin: 0px;
	padding: 25px;
	width: 450px;
	height: 400px;
}
#definition a {
	color: #3A6A90;
}
h1 {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 26px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-weight: normal;
	color: #003366;
}
#definition h2 {
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	color: #003366;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
a#closeButton {
	margin-top:5px;
	padding: 0px;
	float: right;
	background: url('../images/exit-button.png') 0 0;
	display:block;
	width:73px;
	height:22px;
	overflow:hidden;
	text-indent:-9000em;
}
a#closeButton:hover, .test #divExample a.view-site-link:hover { background-position:0 -22px; }
a#closeButton:active, .test #divExample a.view-site-link:active { background-position:0 -44px; }
.title {
	color: #35668E;
}

#divExample {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 1.5em;
	text-align: left;
	width: 400px;
	clear:both;
}

.test #divExample {
	border:5px solid #eee;
	width:191px;
	float:left;
	clear:none;
	height:330px;
	margin-right:10px;
	margin-bottom:10px;
}

.test #divExample img { width:191px; float:left; border:none; }
.test #divExample h3, .test #divExample p { margin:0; padding:0 10px; line-height:1em; }
.test #divExample a.view-site-link {
	margin-top:5px;
	padding: 0px;
	float: right;
	background: url('../images/view-site-button.png') 0 0;
	display:block;
	width:104px;
	height:22px;
	overflow:hidden;
	text-indent:-9000em;
}
#divExample .floatLeft {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#divExample h3 {
	margin-left: 230px;
	font-weight: normal;
	color: #003366;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	border-bottom: 0px;
	font-size: 15px;
}
#divExample p {
	margin-left: 230px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
}
#divClear {
	clear: both;
	border: none;
}
.lightBlue {
	color: #6AB9CC;
}
#scrollBox	{
	overflow:scroll;
	padding:10px 0px 10px 10px;
	margin-top:20px;
	text-align:justify;
	height:290px;
	overflow-x:hidden;
	background-color: #fff;
	border: 1px solid #bbb;
}
#scrollBox img {
	border:1px solid #bbb;
}
.smaller {
	font-size: 10px;
	color: #3D86A2;
}