/* @override 
	http://www.virt-nv-web11.newsvine.com:85/jenga/widget/lightbox/lightbox.css?v=4817 */

/*****************************************************************************
Lightbox
*****************************************************************************/

.j_widget_lightbox .target_overlay {
    /* width and height are set in javascript based on the target's dimensions */
    /* position:aboslute and position:relative on the parent are set in javascript because we need it before the CSS file gets loaded */
    top: 0px;
    left: 0px;
    z-index: 9999;
    cursor: pointer;
    /* bg garbage required for IE to work */
    background-color:#000;
	-moz-opacity: 0;
	opacity:0;
	filter: alpha(opacity=0);
}

.j_widget_lightbox .lightbox_overlay {
    display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
    z-index: 80001; /* lowering from 99999 to 80001 to be compatible with cloudsponge modal */
    /* these are primarily handled in lightbox.js */
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}

.j_widget_lightbox .lightbox {
	display: none;
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	z-index:80005; /* lowering from 999999 to 80005 to be compatible with cloudsponge modal */
    overflow-x: hidden;
    overflow-y: auto;
    background-color:#fff;
    padding:15px;
    border-radius: 5px;
}
j_widget_lightbox.j_affiliate_newsvine .lightbox {
	
}

/*****************************************************************************
Lightbox clearfixes
*****************************************************************************/

.j_widget_lightbox .lightbox > .header:before, .j_widget_lightbox .lightbox > .header:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.j_widget_lightbox .lightbox > .header:after { clear: both; }
.j_widget_lightbox .lightbox > .header { zoom: 1; }

.j_widget_lightbox .lightbox > .footer:before, .j_widget_lightbox .lightbox > .footer:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.j_widget_lightbox .lightbox > .footer:after { clear: both; }
.j_widget_lightbox .lightbox > .footer { zoom: 1; }

.j_widget_lightbox .lightbox > .section:before, .j_widget_lightbox .lightbox > .section:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.j_widget_lightbox .lightbox > .section:after { clear: both; }
.j_widget_lightbox .lightbox > .section { zoom: 1; }



/*****************************************************************************
Lightbox close button
*****************************************************************************/

.j_widget_lightbox .lightbox > .header > .close_button,
.j_widget_lightbox .lightbox > .footer > .close_button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 30px;
    height: 30px;
    text-indent: -1000em;
    background: transparent url(images/icon-circle-x-blk-24.png) no-repeat 50% 50%;
    cursor: pointer;
}



/*****************************************************************************
Dialogbox --- old...needs updating... worth saving for future
*****************************************************************************/

.j_widget_lightbox.dialogbox .lightbox_overlay {
    background-image:none;
}

.j_widget_lightbox.dialogbox .lightbox {
    max-width: 371px;
    background-color:transparent;
    padding:0px;
}

.j_widget_lightbox.dialogbox .lightbox > .header {
    background: transparent url(images/popup-above.png) no-repeat 0 0;
    padding: 5px 10px 0px;
}

.j_widget_lightbox.dialogbox .lightbox > .footer {
    background: transparent url(images/popup-above.png) no-repeat 0 100%;
    padding: 5px 10px 35px;
}

.j_widget_lightbox.dialogbox .lightbox > .section {
    background: transparent url(images/popup-above.png) no-repeat 0 50%;
    padding: 0px 15px;
}

/* arrow pointing up */
.j_widget_lightbox.dialogbox.below .lightbox > .header {
    background: transparent url(images/popup-below.png) no-repeat 0 0;
    padding: 28px 10px 0px;
}

.j_widget_lightbox.dialogbox.below .lightbox > .footer {
    background: transparent url(images/popup-below.png) no-repeat 0 100%;
    padding: 0px 10px 12px;
}

.j_widget_lightbox .lightbox > .section,
.j_widget_lightbox .lightbox > section {
	margin: 20px;
}

/*****************************************************************************
Content Styles
*****************************************************************************/

.j_widget_lightbox {
    font-family:Helvetica, sans-serif;
    font-size:14px;
    line-height: 1.4em;
    text-align:left;
/*    padding: 10px 0 10px 40px;*/
    color: #333;
}

.j_widget_lightbox h1 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size:28px;
	line-height:1.2;
}

.j_widget_lightbox h2 {
	margin-top: 0;
	font-size:20px;
	line-height:1.2;
}

.j_widget_lightbox.j_affiliate_msnbc h1 {
    padding-left:25px;
    background: transparent url(http://i.newsvine.com/_vine/images/__/icon_peacock.png) no-repeat 0px 10px;
}

.j_widget_lightbox.j_affiliate_newsvine h1  {
    padding-left:25px;
    background: transparent url(http://i.newsvine.com/_vine/images/_/icon_vine.gif) no-repeat 0 0;
}