/*
 * 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. */
@font-face {
	font-family: "Spin Cycle";
	src: url('../fonts/spincycle.ttf');
}

@font-face {
	font-family: Chalkboard;
	src: url('../fonts/PlantagenetCherokee.ttf');
}

#ln-blackout {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	outline: none;
}

/* 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 {
	position:fixed;
	top:150px;
	left:0;
	width:100%;
}

/* This style is for the div that holds the actual exit dialog. */
#ln-messageBox {
	width:460px;
	margin:0 auto;
	min-height:200px;
	background-color: #fff;
	border:10px solid #fff000;
	-moz-box-shadow:0 0 20px 10px #666;
	-webkit-box-shadow:0 0 20px #666;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-align:center;
	padding:20px;
	color: #000;
}

#ln-messageBox a {
	color: #fff;
	text-decoration: none;
}

p.interLeaving {
	font-family: "Spin Cycle", Chalkboard !important;
	color: #ac1c1c;
	font-size: 1.3em;
	text-transform: uppercase;
}

/* This style is applied to the link that closes the dialog. */
#linkHolder {
	width: 460px;	
	margin: 0 auto;
}

p#ln-openMessage {
	float: right;
	height: 25px;
	width: auto;
}

p#ln-cancelMessage {
	float: left;
	height: 25px;
	width: auto;
}

a#ln-cancelLink, a#ln-openLink, .testFont {
	background: #f3ea7f url(../images/inter-btn_bg.jpg) repeat-x scroll 0 0;
	border: 1px solid #b1770b;
	font-weight:bold;
	padding:10px 5px 5px 5px;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.3em;
	font-family: "Spin Cycle", Tahoma, sans-serif;

}
a#ln-cancelLink:hover, a#ln-openLink:hover {
	color:#ac1c1c;
}

/* This style is for the box that holds the section that says where the user is being directed to. */
.setoff {
	background-color:#ac1c1c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:15px;
	margin:10px 0 20px 0;
	color: #fff;
}