/*


 * 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 {position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000;    z-index: 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 {position:fixed; top:150px; left:0; width:100%;    z-index: 999;}





/* This style is for the div that holds the actual exit dialog. */


#ln-messageBox {


	width:500px; 


	margin:0 auto; 


	min-height:200px; 


	background-color:#fff; 


	text-align:center; 


	padding:20px 50px 30px;


	font-size:20px;


  	position:relative;       


}


#ln-messageBox:before, #ln-messageBox:after


{


	content:"";


    position:absolute; 


    z-index:-1;


    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);


    -moz-box-shadow:0 0 20px rgba(0,0,0,0.4);


    box-shadow:0 0 20px rgba(0,0,0,0.4);


    top:0;


    bottom:0;


    left:10px;


    right:10px;


    -moz-border-radius:100px / 10px;


    border-radius:100px / 10px;


} 


#ln-messageBox:after


{


	right:10px; 


    left:auto;


    -webkit-transform:skew(8deg) rotate(3deg); 


       -moz-transform:skew(8deg) rotate(3deg);     


        -ms-transform:skew(8deg) rotate(3deg);     


         -o-transform:skew(8deg) rotate(3deg); 


            transform:skew(8deg) rotate(3deg);


}


#ln-cancelMessage {


	float:left;


	margin-right:20px;


}





#ln-cancelMessage .btn {


    background: #000 url(../images/site/sprite.svg) no-repeat 125% -232px;


	 padding:10px 20px 8px 40px;


}





/* 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 20px 0;}


.ext_block_title {


	color:#981B1E;


	font-size:24px;


	font-family:univers_bold;


	margin:10px 0 20px;


}





#lightbox {


	background:#fff;


}





.readterms {


	margin:15px 0 0;


	display:block;


}





#lightbox .btn {


	margin-top:15px;


}





.ext_message {


	color:#484848;


	font-size:20px;	


}





.ext_link_footer {


	margin:30px 0 0;


}





.lightbox_content {


	text-align:center;


	padding:30px 40px;


}