/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 20%; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		height: 400px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}

	.reveal-modal h1{ margin-top: 30px; font-size:16px; }
	.reveal-modal .cp_tp_list{ padding: 15px 0;}

	.reveal-modal select{ width: 42%; height: 35px; line-height: 35px; margin-right: 10px;   }

	.reveal-modal .so_tp{ margin: 10px;}
	
	
	.reveal-modal .s_an button{
		margin-top: 30px;
		color: #fff;
		font-size: 14px;
		background-color: #8a0505;
		display: block;
		line-height: 30px;
		padding: 8px 50px;
		cursor: pointer;
		border: 0;
	}

	.reveal-modal #so_sub{ margin-left: 140px;}

	.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;
		} 


		/*@media screen and (max-device-width: 480px){*/
		@media screen and (max-device-width: 480px),screen and (max-width: 480px)
		{
			
			
			.reveal-modal {
				visibility: hidden;
				top: 20%; 
				left: 0;
				margin-left: 10px;
				width: 95%;
				height: 300px;
				background: #eee url(modal-gloss.png) no-repeat -200px -80px;
				position: absolute;
				z-index: 101;
				padding: 30px 0 34px 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
				-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
				-box-shadow: 0 0 10px rgba(0,0,0,.4);
				}
			
			.reveal-modal #so_sub{ margin-left: 100px;}


		}
		
		
		
		/*@media screen and (max-device-width: 321px){*/
		@media screen and (max-device-width: 321px),screen and (max-width: 321px)
		{
		
			.reveal-modal h1{ margin-top: 0px; font-size:16px; }
			.reveal-modal .so_tp{ margin: 0px;}
			
			.reveal-modal {
				visibility: hidden;
				top: 20%; 
				left: 0;
				margin-left: 5px;
				width: 95%;
				height: 300px;
				background: #eee url(modal-gloss.png) no-repeat -200px -80px;
				position: absolute;
				z-index: 101;
				padding: 30px 0 34px 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
				-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
				-box-shadow: 0 0 10px rgba(0,0,0,.4);
			}
				
			.reveal-modal select{ width: 95%; height: 35px; line-height: 35px; margin-right: 10px; margin-bottom:10px; }
				
			.reveal-modal .s_an button{
				margin-top: 20px;
				color: #fff;
				font-size: 14px;
				background-color: #8a0505;
				display: block;
				line-height: 30px;
				padding: 8px 50px;
				cursor: pointer;
				border: 0;
			}
			
			.reveal-modal #so_sub{ margin-left:60px;}


		}