/* General Stuff
----------------------------------------------------*/

.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clearboth {
	clear: both;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}

/* Header
----------------------------------------------------*/

#sitename h1 {
	display: none;
}
#primenav li {
	padding: 17px 11px;
	float: right;
}
#primenav a {
	color: #000;
	text-decoration: none;
}
#primenav a:hover {
	text-decoration: underline;
}
.welcome {
	color: #7f7f7f;
	text-align: left;
	padding: 17px;
	width: 180px;
	float: left;
}

/* Content
----------------------------------------------------*/

/*#text-transparent {
	width: 200px;
	height: 420px;
	background: #fff;
	padding: 10px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#text-transparent {
	width: 200px;
	height: 397px;
	position: relative;
	padding: 10px 10px 23px 10px;
	overflow: auto;
	background-image: url(../site-images/trans.png);
	azimuth: expression(
	this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
}*/

#transparent-outer {
	position: relative;
	float: left;
	width: 220px;
	height: 430px;
}
#transparent-outer-horizontal {
	position: relative;
	float: left;
	width: 720px;
	height: 270px;
}

.overlay {
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0; /* will cover the entire parent */
	left: 0;
	width: 100%;
	background: #fff;
	opacity: 0.65;
	-moz-opacity: 0.65; /* older Gecko-based browsers */
	filter:alpha(opacity=65); /* For IE6&7 */
}

#text-transparent {
	width: 200px;
	height: 397px;
	position: relative;
	padding: 10px 10px 23px 10px;
	overflow: auto;
}

#text-transparent-horizontal {
	width: 700px;
	height: 260px;
	position: relative;
	padding: 10px 10px 0px 10px;
	overflow: auto;
}


#text-transparent h2, #text-transparent-horizontal h2 {
	font-size: 1.3em;
	color: #000;
	border-bottom: 1px solid #9c9d9c;
	padding-bottom: 0.45em;
	margin-bottom: 0.45em;
}
#text-transparent p, #text-transparent ul, #text-transparent-horizontal p, #text-transparent-horizontal ul {
	margin: 0.75em 0;
}
#text-transparent h3, fieldset legend, #text-transparent-horizontal h3 {
	font-size: 1.15em;
	color: #000;
	border-bottom: 1px solid #9c9d9c;
	display: block;
	padding-bottom: 0.45em;
	bottom: 1em 0 0.45em 0;
}
.showhide {
	width: 59px;
	height: 23px;
	background: url(../site-images/showhide.png);
	position: absolute;
	bottom: 0;
	left: 0;
}
.showhide a {
	display: block;
	font-size: 0.9em;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	padding: 5px 0 5px 15px;
}
#text-transparent a, form#new-lightbook-form a, #text-transparent-horizontal a {
	color: #353535;
	font-weight: bold;
	text-decoration: none;
}
#text-transparent a:hover, form#new-lightbook-form a:hover, #text-transparent-horizontal a:hover {
	text-decoration: underline;
}
#text-transparent small {
	margin-top: -8px;
	display: block;
}

/* Footer
----------------------------------------------------*/

#footer li {
	padding: 17px;
	float: right;
	font-size: 0.9em;
}
#footer a {
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
.copyright {
	color: #7f7f7f;
	text-align: left;
	padding: 17px;
	width: 290px;
	font-size: 0.9em;
	float: left;
}



/* new lightbook form */

form#new-lightbook-form fieldset legend {
	display: none;
}
form#new-lightbook-form .form-input-checkbox input {
	margin: 0px 0 0px 10px;
}
.formNav {
	clear: left;
	padding: 5px;
}
.formNav .back {
	float: left;
}
.formNav .next, input#Submit {
	float: right;
}
form#new-lightbook-form .form-input {
	width: 317px;
	height: 20px;
	float: left;
	padding: 3px;
}
form#new-lightbook-form .form-input label {
	float: left;
	display: block;
	padding: 2px;
	width: 100px;
}
form#new-lightbook-form fieldset#lightbook-type div.form-input-checkbox {
	width: 300px;
	padding: 0 25px 0 0;
	float: left;
}