@import "print.css";

body #preview-message {
	display:block;
	margin-bottom:2em;
	border:1px solid #DFE1E1;
	background-color:#FFF6BF !important;
	padding:1em;
	box-shadow:0px 2px 10px rgba(0,0,0,0.2);
}
	#preview-message h3{
		margin:0 0 1em;
		}
	
	

/* Styles copied over only for the preview message...
--------------------------------------------------------- */

/* Links */
#preview-message a{ color: #6092b6 !important;}
#preview-message a:hover { color: #333 !important; }
#preview-message a:active{
	position:relative;
	top:1px;
	}

/* Plain Button */
#preview-message .button{
	border:1px solid #DDD;
	display:inline-block;
	text-decoration:none;
	}
	#preview-message .button span{
		display:inline-block;
		border:1px solid #FFF;
		padding:.34em 1em .2em;
		background-color:#FFF;
		background-image: -moz-linear-gradient( center bottom, rgb(245,245,246) 0%, rgb(255,255,255) 100% ) !important;
		background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(245,245,246)), color-stop(1, rgb(255,255,255)) ) !important;
		text-shadow:0px 1px 0px #FFF;
		font-family:"chaparral-pro-1","chaparral-pro-2",Georgia,serif;
		text-decoration:none;
		color:#6092b6 !important;
		vertical-align:middle;
		line-height:1.5em;
		}
	#preview-message .button span img{vertical-align:baseline;position:relative;top:1px;}
		/* Hover */
		#preview-message .button:hover{
			border-color:#74a4c6;
			}
			#preview-message .button:hover span{
				background-image: -moz-linear-gradient( center bottom, rgb(235,235,236) 0%, rgb(255,255,255) 100% );
				background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(235,235,236)), color-stop(1, rgb(255,255,255)) );
				color:#5484A6;
				}
				/* Active */
				#preview-message .button:active{
					position:static;
					border-color:#333;
					}
					#preview-message .button:active span{
						color:#333;
						}



body{
	padding:.5em;
}