#modalOverlay {
			position: fixed;
			top: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.5);
			z-index: 99999;
			height: 100%;
			width: 100%;
	}
.modalPopup {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background: transparent;
			width: 50%;
			padding: 0 0 0px;
			-webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
			-moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
			box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
	}
.modalContent {padding: 0 0em;}
.headerBar {
		width: 100%;
		background: #edcb04 url(http://cognex.com/gfx/site/bg-global-header.png) repeat-x 0 0;
		margin: 0;
	  text-align: center;
	}
.headerBar img {
		margin: 0;
	}

.buttonStyle {
		border: transparent;
		border-radius: 0;
		background: transparent;
		color: #eee !important;
		cursor: pointer;
		font-weight: bold;
		font-size: 14px;
		text-transform: uppercase;
		padding: 0px 25px;
		text-decoration: none;
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#1e1e1e',GradientType=0 );
	/*	-webkit-box-shadow: 0 2px 4px 0 #999;
		box-shadow: 0 2px 4px 0 #999; */
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
	}
	.buttonStyle:hover {
		background: #6200ff;
		color: #fff;
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#6d6d6d',GradientType=0 );
	}
.returnToProfile {text-align: center; margin:3em;}
.returnToProfile a, .returnToProfile a:visited {color: #ddd;}
.returnToProfile a:hover {color: #fff;}



@media only screen and (min-width: 481px) and (max-width: 767px){
.modalPopup {
		height:75%;
  	 	margin:5% auto;
  	 	max-height: 57em;
      	max-width:66em;
      	width:80%;
	}

	.modalContent {
		font-size: 11px;
		text-align: justify;
	}

	
}

@media only screen and (max-width: 480px){

	.modalPopup {
		height:75%;
  		margin:5% auto;
  	 	max-height: 57em;
      	max-width:66em;
      	width:80%;
	}

	.modalContent {
		font-size: 11px;
		text-align: justify;
	}


    
}