@charset "UTF-8";

a,a:visited {
	color: #4083A9;
	font-family: "skolar", sans-serif;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	transition:color 0.2s ease-in;
}
	a:hover {color: #2f6280;}
	
	.button{
		color: #FFF !important;
		border-radius: 5px;
		display: inline-block;
		text-align: center;
	}
	.button.green{
		background: #9CD478 url(/images/web4/btn/patterns_zebra.png) repeat; /* Old browsers */
		background: url(/images/web4/btn/patterns_zebra.png) repeat, linear-gradient(top, #9CD478 0%, #79B059 100%); /* W3C */
		border: none;
		box-shadow: 0 2px #458038, 0 3px 3px #ADB7A8;
	    text-transform: uppercase;
	    text-shadow: -1px 1px #598b3f;
	}
		.button.green:hover{
			background: #A4E081 url(/images/web4/btn/patterns_zebra.png) repeat; /* Old browsers */
			background: url(/images/web4/btn/patterns_zebra.png) repeat, linear-gradient(top, #A4E081 0%, #81C163 100%); /* W3C */
		}
		.button.green:active{
			background: #73B266 url(/images/web4/btn/patterns_zebra.png) repeat;
			background: url(/images/web4/bg/patterns_zebra.png) repeat, linear-gradient(top, #73B266 0%, #71B164 100%);
			box-shadow: 2px 2px 2px #466739 inset, -2px 2px 2px #466739 inset, 0 5px 5px #ADB7A8, 0 -1px 1px #3E8227 inset;
		}
	.small{
		font-size: 13px;
		height: 23px;
		line-height: 23px;
		padding: 0 15px;
	}
	
	.medium4{
		font-size: 18px;
		padding: 0 40px;
		height: 48px;
		line-height: 48px;
	}
	
	.right{ float: right !important; }
	
body.universalpopup{ /* Modal Tooltip */
	height:100%;
}

div.universalpopup{ /* Modal Tooltip */
	background: url('/images/web4/bg/bgmodal.png') repeat left top;
	border: 1px solid #CCCCCC;
	border-radius: 8px;
	margin:0;
	padding: 0 0 47px;
	position: relative;
}

	.universalpopup .bottom{
		position:absolute; bottom:0; width:100%;
	}
		.universalpopup .footer{
			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;
			height: 32px;
			position: relative;
			padding: 4px 10px;
			margin: 0 5px 5px;
			overflow: hidden;
		}
		
			.universalpopup .footer > div{
				text-align: center;
				padding: 5px;
			}
			
				.universalpopup .footer > div > .button{
				    padding: 0 10px;
				    top: 8px;
				}
				
				.universalpopup .footer > a.next{
					position: absolute;
					top: 4px;
					right: 4px;
				}
				
				.universalpopup .footer > a.prev{
					position: absolute;
					top: 4px;
					left: 4px;
				}
			
			.universalpopup .footer ul li{ display: block; float: left; }
					
			.universalpopup .footer a.prev, .footer a.next{
				background: #dbdbdb; /* Old browsers */
				background: linear-gradient(top, #dbdbdb 0%, #afafaf 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#afafaf',GradientType=0 ); /* IE6-9 */
				border: 1px solid #919191;
				border-radius: 8px;
				box-shadow: inset 1px 1px #dbdbdb, inset -1px -1px #dbdbdb;
				color: #464646;
				display: inline-block;
				font-family: "Museo Sans 700", sans-serif;
				font-size: 18px;
			    height: 31px;
			    line-height: 32px;
			    padding: 0 17px;
			    text-align: center;
			    text-shadow: 1px 1px #c0c0c0;
			}
			
				.universalpopup .footer a.prev:hover, .footer a.next:hover{ 
					background: linear-gradient(top, #e5e5e5 0%, #afafaf 100%);
				}
				.universalpopup .footer a.prev:active, .footer a.next:active{ 
					background: linear-gradient(top, #afafaf 0%, #e5e5e5 100%);
				}
	
		
	.universalpopup > .white{
		background-color: #FFFFFF;
	    border: 1px solid #CBCBCB;
	    margin: 5px;
	    overflow-y: auto;
	    overflow-x: auto;
	    padding: 15px;
	}
	
.modaltemplate { /* Modal Tooltip */
	background: url('../images/web4/bg/bgmodal.png') repeat left top;
	border: 1px solid #CCCCCC;
	border-radius: 8px;
}
	.modaltemplate > 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;
		height: 34px;
		padding: 4px 10px;
		position: relative;
		margin: 2px 5px 3px 5px;
		overflow: hidden;
	}
		    
		.modaltemplate > section.title a{
		    background: linear-gradient(center top , #DBDBDB 0%, #AFAFAF 100%) repeat;
	        border: 1px solid #919191;
	        border-radius: 8px 8px 8px 8px;
	        box-shadow: 1px 1px #DBDBDB inset, -1px -1px #DBDBDB inset;
	        color: #464646;
	        display: inline-block;
	        font-family: "Museo Sans 700",sans-serif;
	        font-size: 18px;
	        height: 31px;
	        line-height: 32px;
	        padding: 0 17px;
	        text-align: center;
	        text-shadow: 1px 1px #C0C0C0;
		}
			.modaltemplate > section.title a:hover{
				opacity: .7;
			}
		.modaltemplate > section.title a.prev{
			position: absolute;
			left: 4px;
			top: 4px;
		}
		.modaltemplate > section.title a.next{
			position: absolute;
			right: 4px;
			top: 4px;
		}
		.modaltemplate > section.title > div{
			text-align: center;
		}
			.modaltemplate > section.title > div > p{
			    color: #373737;
			    font-family:"Museo Sans 700", sans-serif;
			    font-size: 21px;
			    line-height: 34px;
			    margin-bottom: 0;
			    text-align: center;
			    text-shadow: 2px 2px #D7D7D7;
			}
		
	.modaltemplate > section.white{
		background-color: #FFFFFF;
		border: 1px solid #CBCBCB;
		box-shadow: 1px 1px #FFFFFF inset, -1px -1px #FFFFFF inset;
		margin: 5px;
		padding: 23px 15px;
		position: relative;
		min-height: 300px;
	}
		.modaltemplate > section.white > div.right{
			width: 300px;
			position: relative;
		}
			.modaltemplate > section.white > div.right > p{
				border-bottom: 1px dashed #CCC;
				color: #246399;
				font-family: "myriad-pro",sans-serif;
				font-size: 22px;
				font-weight: bold;
				margin-bottom: 30px;
				padding: 10px 20px;
				position: relative;
				text-align: center; 
			}	
			
			.modaltemplate .right > p a:first-child {
				left: 0;
				position: absolute;
				margin-top: -16px;
				top: 50%;
			}
			
			.modaltemplate .right > p a:last-child {
				right: 0;
				position: absolute;
				margin-top: -16px;
				top: 50%;
			}
			
				.modaltemplate > section.white > div.right > p span{
					display: block;
					width: 17px;
					height: 18px;
					margin-top: 5px;
				}
				
				.modaltemplate > section.white > div.right > p span.back{
					background: url('../images/web4/misc/prev.png') no-repeat left top;
					float: left;
				}
				.modaltemplate > section.white > div.right > p span.forward{
					background: url('../images/web4/misc/next.png') no-repeat left top;
					float: right;
				}
				
			.modaltemplate > section.white > div.right > .button{
				font-size: 14px;
				right: 0;
				padding: 0 14px;
				position: absolute;
			}
				.modaltemplate > section.white > div.right > .button span{
					background: url('../images/web4/btn/icndownload.png') no-repeat left top;
					display: inline-block;
					width: 27px;
					height: 24px;
					margin-right: 10px;
					position: relative;
					top: 6px;
				}
			.modaltemplate > section.white > div.info{
				bottom: 15px;
			    position: absolute;
			    right: 15px;
			    width: 300px;
			}
	
	.modaltemplate .footer{
		height: 25px;
		margin: 5px;
	}
	.modaltemplate .footer p{
		color: #292929;
		font-family: "skolar", sans-serif;
		font-size: 16px;
		text-align: left;
		text-shadow: 1px 1px #fff;
		padding: 0px 10px;
		line-height: 25px;
	}