/*
 * LeaveNotice - plug in to notify users of leaving your site
 * Examples and documentation at: http://rewdy.com/tools/leavenotice-jquery-plugin
 *
 * STYLESHEET
 * --------------------------
 * This file can be edited to adjust the style of the dialog. You can change the IDs
 * used by sending options to the plugin when it is initiated. For more information 
 * on this, please refer to the documentation at:
 * http://rewdy.com/tools/leavenotice-jquery-plugin
 *
 * NOTE: This dialog loads within your page. Therefore, it takes on any global styling
 * you already have in place. You might need to override your other styles here if
 * you are having trouble getting things to appear as you want them to.
 *
 */

/* The style for the blackout div that appears when the exit dialog is shown. */
#ln-blackout {
	background-color:#000;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
}

/* This style is for a container that holds the message dialog box. It has been added primarily to help with positioning. I know some people would complain about this, but it seems more efficient this way even it is isn't semanitc. */
#ln-messageHolder {
	left:0;
	position:fixed;
	top:150px;
	width:100%;
	z-index:99999;
}

/* This style is for the div that holds the actual exit dialog. */
#ln-messageBox {
	margin:0 auto;
	width:281px; 
	min-height:72px; 
	background:transparent url(/fileadmin/templates/img/leavenotice-bg-2.png) no-repeat 0 0;
	padding:46px 14px 9px;
	text-align:left;
}

/* This style is applied to the link that closes the dialog. */
a#ln-cancelLink, a#ln-forwordLink {
	background:transparent url(/fileadmin/templates/img/leavenotice-icon.jpg) no-repeat 0 0;
	width:138px;
	height:21px;
	color:#666; 
	display:block;
	position:relative;
	text-decoration:none; 
	float:left;
	padding-top: 3px;
	text-align:center;
}

a#ln-cancelLink:hover, a#ln-forwordLink:hover {
	color:#2a4a9d;
	background:transparent url(/fileadmin/templates/img/leavenotice-icon-hover.jpg) no-repeat 0 0;
}

a#ln-cancelLink {
	margin-left: 4px;
}

/* This style is for the box that holds the section that says where the user is being directed to. */
.setoff {
	background-color:#f2f2f2; 
	padding:5px; 
	margin:10px 0 10px 0;
	text-align: center;
	display: none;
}