/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */


.reveal-modal h1 {
    color: #0167b9;
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0px;
}
.reveal-modal {
    text-align: center;
}
.reveal-modal p {
    font-size: 13px;
    margin-bottom: 20px;
}

.reveal-modal input {
    border: 1px solid #89b6db;
    margin-bottom: 20px;
    text-align: center;
    width: 280px;
}

.reveal-modal button {
    color: #fff;
    border: none;
    border-radius: 2px;
    padding: 10px 70px;
    cursor: pointer;
    margin-bottom: 20px;
    background: #ffa89e; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffa89e 0%, #fba299 9%, #f1938b 25%, #cd5c59 68%, #be4645 89%, #ba3f3f 98%, #722c2f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa89e), color-stop(9%,#fba299), color-stop(25%,#f1938b), color-stop(68%,#cd5c59), color-stop(89%,#be4645), color-stop(98%,#ba3f3f), color-stop(100%,#722c2f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffa89e 0%,#fba299 9%,#f1938b 25%,#cd5c59 68%,#be4645 89%,#ba3f3f 98%,#722c2f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffa89e 0%,#fba299 9%,#f1938b 25%,#cd5c59 68%,#be4645 89%,#ba3f3f 98%,#722c2f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffa89e 0%,#fba299 9%,#f1938b 25%,#cd5c59 68%,#be4645 89%,#ba3f3f 98%,#722c2f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffa89e 0%,#fba299 9%,#f1938b 25%,#cd5c59 68%,#be4645 89%,#ba3f3f 98%,#722c2f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa89e', endColorstr='#722c2f',GradientType=0 ); /* IE6-9 */

}

.caphacode{
    width: 80px !important;
}

		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 9999;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px;
		left: 50%;
		margin-left: -200px;
		width: 415px;
        border-radius: 6px;
		position: absolute;
		z-index: 999999;
        background: #d1dcd9; /* Old browsers */
        background: -moz-linear-gradient(top, #d1dcd9 0%, #c0d0cc 0%, #dbebee 1%, #e6f5f9 1%, #e7f6fb 1%, #e7f6fb 99%, #e6f5f9 99%, #dbebee 99%, #c0d0cc 100%, #d1dcd9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1dcd9), color-stop(0%,#c0d0cc), color-stop(1%,#dbebee), color-stop(1%,#e6f5f9), color-stop(1%,#e7f6fb), color-stop(99%,#e7f6fb), color-stop(99%,#e6f5f9), color-stop(99%,#dbebee), color-stop(100%,#c0d0cc), color-stop(100%,#d1dcd9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #d1dcd9 0%,#c0d0cc 0%,#dbebee 1%,#e6f5f9 1%,#e7f6fb 1%,#e7f6fb 99%,#e6f5f9 99%,#dbebee 99%,#c0d0cc 100%,#d1dcd9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #d1dcd9 0%,#c0d0cc 0%,#dbebee 1%,#e6f5f9 1%,#e7f6fb 1%,#e7f6fb 99%,#e6f5f9 99%,#dbebee 99%,#c0d0cc 100%,#d1dcd9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #d1dcd9 0%,#c0d0cc 0%,#dbebee 1%,#e6f5f9 1%,#e7f6fb 1%,#e7f6fb 99%,#e6f5f9 99%,#dbebee 99%,#c0d0cc 100%,#d1dcd9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #d1dcd9 0%,#c0d0cc 0%,#dbebee 1%,#e6f5f9 1%,#e7f6fb 1%,#e7f6fb 99%,#e6f5f9 99%,#dbebee 99%,#c0d0cc 100%,#d1dcd9 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1dcd9', endColorstr='#d1dcd9',GradientType=0 ); /* IE6-9 */
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/