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

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

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

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

#lightbox{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	/* DKB: 6.3.09 */
	background-color: transparent;
	/* DKB: 6.3.09 */
	text-align:left;

}

#lightbox #registerCaptcha
{
	width:119px;
	height:50px;
}

#lightbox a{
	color:#F86300;
}
lightbox 
#lightbox[id]{
	position:fixed;
}
#lightboxTitle2
{
	top-margin:-20px;
}
#overlay2{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
	zoom:100%;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
	zoom:100%;
}
#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%;
}

/* DKB */



#lightbox.small {
	width: 300px;
	height: 200px;
	margin:-100px 0 0 -150px;	
}
#lightbox.medium {
	width: 600px;
	height: 400px;
	margin:-200px 0 0 -300px;	
	
}
#lightbox.large {
	width: 600px;
	height: 500px;
	margin:-250px 0 0 -300px;	
}
hr.dotted {
	width: 95%;
	float: left;
	border-bottom: 1px dotted #FEFEFE;
}
#lightbox #lighboxCloser {
	width: 8px;
	height: 8px;
	border: 2px white solid;
	padding:1px;
	margin-top: 26px;
	float: right;
	cursor: pointer;
	background-image:url(../../images/lightbox/close.png);
	background-position:center center;
	background-repeat:no-repeat;
}
#lightbox #lighboxMessageReply{
	width: 80px;
	height: 11px;
	border: 2px white solid;
	padding:1px;
	margin-top: 26px;
	float: left;
	cursor: pointer;
	background-image:url(../../images/lightbox/messagereply.png);
	background-position:center center;
	background-repeat:no-repeat;
}

.formLightbox {
	display: block;
	float: left;
}
.lightboxPage {
	display: block;
	float: left;
	xwidth: 100%;
	margin: 19px 0px 0px 14px;
}
.formLightbox .mainForm .formRow {
	width: 100%;
	display: block; 
	float: left;
}
.formLightbox textarea,
.formLightbox input[type=text],
.formLightbox input[type=password] {
	border-top: 1px solid #9a9995;
	border-right: 1px solid #cdccc8;
	border-bottom: 1px solid #D2D3CE;
	border-left: 1px solid #9a9b96;
	background-color: #fdfdf5;
	font-size: 8pt;
	color: #656565;
	padding: 2px 1px 2px 3px;
}
.formLightbox input[type=button] {
	font-size: 8pt;
	color: #656565;
}
.formLightbox label {
clear:left;
color:#333333;
display:block;
font-size:7pt;
font-weight:bold;
}
#requestPasswordLightbox .formRow,
#firstloginLightbox .formRow {
	margin-top: 17px;
}
#requestPasswordLightbox input[type=text],
#firstloginLightbox input[type=text],
#firstloginLightbox input[type=password]  {
	width: 236px;
	float: left;
	margin-top: 1px;
	margin-right: 10px;
	height: 14px;
}
#requestPasswordLightbox #loginSubmit,
#firstloginLightbox #loginSubmit {
float:left;
height:22px;
margin-left:97px;
width:146px;
}	
#recommendLightbox label {
	width: 55px;
	display: block;
	float: left;
}
#recommendLightbox input[type=text] {
	width: 325px;
}
#registerLightbox .formRow,
#recommendLightbox .formRow {
	margin-top: 15px;
}
#registerLightbox .formRow.notopmargin {
	margin-top: 0px !important;
}
#recommendLightbox #recommendRecipientFirstName,
#recommendLightbox #recommendRecipientLastName {
	width: 156px;
	float: left;
}
#recommendLightbox .spacer {
	width: 7px;
	float: left;
}
#recommendLightbox #recommendMessageBody {
	width: 325px;
	height: 130px;
}
#recommendLightbox .lightboxPage {
	margin: 6px 0px 0px 14px;
}
#recommendLightbox .submitButton {
	float: right;
	margin-right: 33px;
}
#registerLightbox label {
	width: 125px;
	display: block;
	float: left;	
}
#registerLightbox input[type=text] {
	width: 251px;
}
#registerLightbox .labelregisterCaptcha {
	width: 263px;
}
#registerLightbox #registerCaptcha {
	border: #999999 solid 1px;
	border-bottom-color: #d1d1d1;
	border-right-color: #d1d1d1;
	float:right;
	margin-right:116px;
}
#registerLightbox #registerFineprintCheck {
	float: left;
	margin-right: 10px;
}
#registerLightbox .labelregisterFineprintCheck {
	width: 230px;
	clear:none;
	float: left;
}
#registerLightbox .submitButton {
	float: right;
	margin-right: 37px;
	margin-top: 31px;
}
#registerLightbox hr.dotted {
	margin: 10px -3px 14px -3px;
}
#registerLightbox ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	font-size: 8pt;
	line-height: 17px;
}
#registerLightbox ul strong {
	font-size: 8pt;
}
#reportAbuseLightbox #reportAbuseText {
	width: 380px;
	height: 110px;
}
#reportAbuseLightbox #reportAbuseSubmit {
	float: right;
	margin: 15px 18px 0px 0px;
}
/*
.formLightbox .mainForm {
	display: block;
	float: left; 
	xwidth: 90%;
	margin-top: 20px;
}
.formLightbox .sidebar {
	display: block;
	float: right; 
	width: 30%;
}
.formLightbox .mainForm .formRow {
	width: 100%;
	display: block; 
	float: left;
}
.formLightbox .mainForm .formRow label {
	display: block;
	float: left;
	width: 55px;
	font-weight: bold;
	color: black;
	font-size: 7pt;
}
.formLightbox .mainForm .formRow img#registerCaptcha,
.formLightbox .mainForm .formRow input {
	display: block;
	float: left;
	width: 320px;
}
.formLightbox .mainForm .formRow img#registerCaptcha {
	width: 100px;
	height: 50px;
}
.formLightbox .grayBox {
	margin: 50px;
	background: lightgray;
	
}
.formLightbox .grayBox input {
	width: 100%;
}
.formLightbox input[type=button] {
	width: 120px !important;
}
.formLightbox .mainForm .spacer {
	width: 14px;
	float: left;
}
.formLightbox .mainForm input.halfWide {
	width: 150px;
}
.formLightbox .mainForm  #recommendMessageBody {
	width: 320px;
	height: 135px;
}

*/
.frameElement {
	float: left;
	xborder: thin red solid;
}
#contentFrameUpper {
	width: 100%;
	float: left;
	clear: both;
}
#contentFrameMiddle {
	width: 100%;
	float: left;
	clear: both;
}
#contentFrameLower {
	width: 100%;
	float: left;
	clear: both;
}
#contentFrameUpper .contentFrameLeft {
	width: 30px;
	height: 48px;
	background: no-repeat url(../../images/lightbox/lb_top_left.png) 0px 1px;
}
#contentFrameUpper .contentFrameCenter {
	xwidth: 200px;
	height: 48px;
	background: repeat-x url(../../images/lightbox/lb_top_center.png);
	padding-top:0px;
}
#lightbox #title {
	font-weight:bold;
	color: white;
	font-size: 9pt;
	margin-top:-23px;
	position:absolute;
}
#contentFrameUpper .contentFrameRight {
	width: 29px;
	height: 48px;
	background: no-repeat url(../../images/lightbox/lb_top_right.png) 0px 1px;
}

#contentFrameUpper .tb_closer {
	margin-top:25px;
	float:right;
}
#contentFrameUpper .tb_title {
	margin-top:25px;
	float:left;
	color:white;
	font-size:9pt;
	font-weight:bold;
}
#contentFrameMiddle .contentFrameLeft {
	width: 30px;
	height: 100%;
	background: repeat-y url(../../images/lightbox/lb_left.png) 0px 1px;	
}
#contentFrameMiddle .contentFrameCenter {
	width: 200px;
	height: 100%;
}
#contentFrameMiddle .contentFrameRight {
	width: 29px;
	height: 100%;
	background: repeat-y url(../../images/lightbox/lb_right.png) 0px 1px;	
}
#contentFrameLower .contentFrameLeft {
	background-image: url(../../images/lightbox/lb_bottom_left.png);
	width: 30px;
	height: 28px;
}
#contentFrameLower .contentFrameCenter {
	width: 200px;
	height: 28px;
	background-image: url(../../images/lightbox/lb_bottom_center.png);
}
#contentFrameLower .contentFrameRight {
	width: 29px;
	height: 28px;
	background-image: url(../../images/lightbox/lb_bottom_right.png);
}

#mainContentElement {
	/* DKB: 6.3.09 */
	background: white;
	overflow:auto;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/* DKB: 6.3.09 */
}
#mainContentElement h2 {
	color: #ff6600;
	font-weight: bold;
	border-bottom: 1px solid #cdcdcd;
	font-size: 9pt;
	width: 90%
	margin-top: 0px;
}
#mainContentElement strong {
	font-size: 9pt;
	font-weight: bold;
	display: inline;
}
#mainContentElement p {
	font-size: 9pt;
	font-weight: normal;
	margin-top: 0px;
}
#mainContentElement h3 {
	color: #ff6600;
	font-weight: bold;
	font-size: 9pt;
}

/* DKB */
.tb_lighboxMessageReply{
	width: 80px;
	height: 11px;
	border: 2px white solid;
	cursor: pointer;
}