/* ----------------------------
- Copyright 2011, Ideaware.com All rights reserved.
- Authors: Brian Franco    
- Version: 1.0 
*/

#overlay { /* Black background */
	background: #464646;
	content: '';
	cursor: default;
	display: none;
	filter: alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	height: 100%;
	min-height: 640px;
	opacity: 0.8;
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	z-index: 9999;
	zoom: 1;
}

	.modalwin .modalwin .modal{
		border-bottom: none;
	}
		.modalwin.on:after { 
			display: block; 
			/*animation: fadein 0.5s;*/
		}
		
		@keyframes fadein {
			0% { opacity: 0; }
			100% { opacity: 1; }
		}

.modal { /* Modal Tooltip */
	background: url('/images/web4/bg/bgmodal.png') repeat left top;
	border: 1px solid #CCCCCC;
	border-radius: 8px;
	position: relative;/* changed by cmax*/
	z-index: 10000;
}
	.modal > section.title{
		background: url('/images/web4/bg/bgtitlemodal.png') repeat left top;
		border: 1px solid #CDCDCD;
		box-shadow: 1px 1px #E3E3E3 inset, -1px -1px #E3E3E3 inset;
		border-radius: 3px;
		padding: 4px 10px;
		margin: 2px 5px 3px 5px;
		overflow: hidden;
	}
		.modal > section.title a{
			background: url('/images/web4/btn/btnmodal.png') no-repeat left top;
			color: #464646;
			display: block;
			font-family:"Museo Sans 700", sans-serif;
			font-size: 18px;
		    height: 34px;
		    line-height: 35px;
		    text-align: center;
		    text-shadow: 1px 1px #D7D7D7;
		    width: 78px;
		}
			.modal > section.title a:hover{
				opacity: .7;
			}
		.modal > section.title a.prev{
			float: left;
		}
		.modal > section.title a.next{
			float: right;
		}
		.modal > section.title p {
			color: #373737;
		    float: left;
		    font-family:"Museo Sans 700", sans-serif;
		    font-size: 21px;
		    line-height: 34px;
		    margin: 0 10px;
		    text-align: center;
		    text-shadow: 2px 2px #D7D7D7;
		    width: 470px;
		}
		
	.modal > section.white{
		background-color: #FFFFFF;
		border: 1px solid #CBCBCB;
		box-shadow: 1px 1px #FFFFFF inset, -1px -1px #FFFFFF inset;
		margin: 5px;
		padding: 15px;
		height: 450px;
		overflow:auto;
	}
	
	.modal .footer{
		margin: 5px;
	}
	.modal .footer p{
		color: #292929;
		font-size: 16px;
		text-align: left;
		text-shadow: 1px 1px #fff;
		padding: 0px 10px;
		line-height: 25px;
	}
	
	.modal.w680{
		left: 50%;
		margin-left: -340px;
		width: 680px;
	}