/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,0.85);
		z-index: 9000;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 0; 
		left: 50%;
		margin-left: -200px;
		width: 390px;
		/*background: #f8f8f8;*/
		position: absolute;
		z-index: 9998;
		padding: 5px;	
		background-color: #fff;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		background-image: -webkit-linear-gradient(top, #fff, #eee);
		background-image: -moz-linear-gradient(top, #fff, #eee);
		background-image: -ms-linear-gradient(top, #fff, #eee);
		background-image: -o-linear-gradient(top, #fff, #eee);
		background-image: linear-gradient(top, #fff, #eee);  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;  
		-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
		}
		
	.reveal-dashed {
		padding: 25px;
		border: 1px dashed #ccc;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 15px;
		right: 15px;
		color: #aaa;
		z-index: 9999;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		
	.reveal-modal h4 {
		border-top: 1px solid #4e4e4e;
		color: #4e4e4e;
		font: 800 26px/26px "open sans";
		margin: 15px 0;
		padding: 0;
		text-align: center;
		z-index: 9999;
		}

	.reveal-modal h4 span {
		background: #fdfdfd;
		padding: 0 10px;
		position: relative;
		top: -15px;
		}
		
	fieldset {
		border: 0;
		padding: 0;
		margin: 0;
		}

	#inputs input {
		background: #f1f1f1;
		padding: 15px;
		margin: 0 0 10px 0;
		width: 308px; /* 353 + 2 + 45 = 400 */
		border: 1px solid #ccc;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
		-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
		box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
		z-index: 9999;
		font-size: 14px;
		}

	#inputs input:focus {
		background-color: #fff;
		border-color: #e8c291;
		outline: none;
		-moz-box-shadow: 0 0 0 1px #e8c291 inset;
		-webkit-box-shadow: 0 0 0 1px #e8c291 inset;
		box-shadow: 0 0 0 1px #e8c291 inset;
		color: #4e4e4e;
		}
		
	.login-button {
		background-color: #fd9e00;
		border: 1px solid rgba(0, 0, 0, 0.1);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color: #FFFFFF;
		display: inline-block;
		margin: 5px 0 0;
		padding: 8px 20px;
		font: 400 16px/16px "open sans";
		float: right;
		}

	.login-button span {
		font: 600 16px/16px "open sans";
		}

	a:hover.login-button, a:visited:hover.login-button   {
		color: #FFFFFF;
		background-color: #db8900;
		text-decoration: none;
		}

	a:visited.login-button  {
		color: #FFFFFF;
		background-color: #fd9e00;
		}
		
	#inputs p {
		padding: 10px 0;
		text-align: center;
		}

	#actions {
		background-color: rgb(12, 147, 185);
		padding: 13px 15px;
		margin-top: 20px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #56a2de;
		}
		
	#actions span {
		font: 700 20px/24px "gentium book basic";
		color: #fff;
		}
		
	#actions p {
		padding: 2px 0;
		}
		
	#actions a {
		border-bottom: 1px dotted #fff;
		padding-bottom: 1px;
		color: #fff;
		text-decoration: none;
		}
		
	#actions a:hover {
		border-bottom: 1px dotted #fd9e00;
		}