.BIL_layout {
    position:static !important;
    padding-top: 3px;
}
.lightboxBG{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#333;
    opacity:0.95;
    z-index:15000!important;
    filter:alpha(opacity=95)
}
.lightbox {
    position:fixed;
    top:5%;
    left:50%;
    margin-left:-350px;
    padding:5px 10px;
    width:700px;
    border:1px solid #444444;
    border-width:1px;
    background:#fff;
    text-align:left;
    font-weight:normal;
    color:#444;
    z-index:16000!important;
    box-shadow: 4px 4px 5px 0 #333;
    position:absolute;
    border-radius:10px;
    background-color:#efefef
}
.lightbox .closeButton {
    color: #FFFFFF !important;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-top: -22px;
    position:relative;
}

#closeLightBoxLink {
display:block; 
font-weight:bold; 
padding:5px; 
color:#fff;
}

.lightbox .buttons {
    padding:0 15px 5px 15px
}
.lightbox .okbutton {
	padding:0 15px 5px 15px;
	background: url("/Images/buttonBackground.png") repeat-x top;
	color: #FFFFFF;
	height: 20px;
	width: 40px;
	border:none;
	border-color: transparent;
	font-weight:bold;
}
.lightboxContainer {
    width:675px;
    margin:auto;
    padding-bottom:10px;
}
.lightboxContainer h1 {
    color:#444;
    font-size:20px;
    font-weight:bold;
    padding:0;
    margin:10px 10px 5px 10px;
    text-shadow: #fff 1px 1px 0px;
}
.lightboxContainer p {
    padding:0;
    margin:0 10px 12px 10px;
    text-shadow: #fff 1px 1px 0px;
}
.lightboxContainer .displayFrame {
    overflow:hidden;
    height:298px;
    border:1px solid #ccc;
    margin:0 10px
}
.lightboxContainer .imageBlock {
    height:302px;
    width:652px;
    position:relative;
    float:left;
    background: #fff center top no-repeat;
}
.lightboxContainer .fadedBlock {
    background-color:#333;
    border-top:1px solid #ccc;
    opacity:0.8;
    filter: alpha(opacity = 80);
    width:655px;
    height:75px;
    position:absolute;
    bottom:0px;
    left:0px
}
.lightboxContainer .textBlock {
    width:630px;
    height:50px;
    position:absolute;
    bottom:0px;
    left:0px;
    color:#fff;
    font-size:12px;
    padding:12px 10px;
    text-shadow: #666 1px 1px 0px;
}
.lightboxContainer .arrowLeft, .arrowRight, .arrowLeftDisabled, .arrowRightDisabled {
    float:left;
    background: url('/selfDirected/images/pop_arrowLeft.gif') center center no-repeat;
    display:block;
    height:273px;
    width:30px;
}
.lightboxContainer .arrowRight {
    background-image: url('/selfDirected/images/pop_arrowRight.gif');
    float:right;
}
.lightboxContainer .arrowLeftDisabled {
    background-image: url('/selfDirected/images/pop_arrowLeftDisabled.gif');
}
.lightboxContainer .arrowRightDisabled {
    background-image: url('/selfDirected/images/pop_arrowRightDisabled.gif');
    float:right;
}
.lightboxContainer .arrowLeft:hover {
    background-image: url('/selfDirected/images/pop_arrowLeftHover.gif');
}
.lightboxContainer .arrowRight:hover {
    background-image: url('/selfDirected/images/pop_arrowRightHover.gif');
    float:right;
}
.clearing {clear:both}

@font-face {
    font-family: Heebo-Black;
    src: url("/selfDirected/fonts/Heebo-Black/Heebo-Black.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: heebo-bold;
    src: url("/selfDirected/fonts/Heebo-Bold/Heebo-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: heebo-extraBold;
    src: url("/selfDirected/fonts/Heebo-ExtraBold/Heebo-ExtraBold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: heebo-light;
    src: url("/selfDirected/fonts/Heebo-Light/Heebo-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: heebo-medium;
    src: url("/selfDirected/fonts/Heebo-Medium/Heebo-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: heebo;
    src: url("/selfDirected/fonts/Heebo-Regular/Heebo-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: heebo-thin;
    src: url("/selfDirected/fonts/Heebo-Thin/Heebo-Thin.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


/* $Log$
/* Revision 1.6  2014/07/02 16:12:31  jxie
/* merge IL June 29 release (prod_v34_20140629) to head
/*
/* Revision 1.5.14.1  2014/06/06 20:09:59  amoalle
/* CR 4405 - added styling for light box close button
/*
/* Revision 1.5  2013/09/16 17:40:00  gtsang01
/* Merge prod_v23_20130904 to HEAD
/*
/* Revision 1.2.6.1.2.1  2013/08/08 20:48:59  jcarino
/* DR4444 - Sungard TPI Quote Services Decoupling
/* QC735(DR4444) - UAT - Equity & Option trading - Lightbox styling
/* Changes to lightbox styling and messages
/*
/* Revision 1.4  2013/05/29 18:14:19  jxie
/* merge prod_v21_20130525 from branch to head
/*
/* Revision 1.2.6.1  2013/04/08 15:18:18  jxie
/* Merge branch_ILStability_rel6_v1 to branch_eConfirm_v1
/*
/* Revision 1.2.4.1  2013/03/27 02:03:57  jxie
/* Merge post_prod_v19_20130321 to branch_ILStability_Rel6_v1
/*
/* Revision 1.1.2.1  2013/02/04 18:05:30  fwong
/* PL3541(DR3656) - Move HomePageLightBox.css to a new directory /selfDirected/css/
/*
/* Revision 1.1.2.1  2013/02/04 14:03:36  fwong
/* PL3541(DR3656) - Move HomePageLightBox.css to a new directory called css
/*
/* Revision 1.1.2.1  2013/02/04 14:00:20  fwong
/* PL3541(DR3656) - Move HomePageLightBox.css to a new directory called css
/*
/* Revision 1.1.2.1  2013/01/29 20:04:40  fwong
/* PL3535(DR3656) - Blank page displayed after light box is closed
/*