
/* the overlayed element */
.simple_overlay {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#fff;

    width:40%;
   
    border:1px solid #666;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
	
	 border:#ddd 4px double;
	 top:250px !important;
}

/* close button positioned on upper right corner */
.simple_overlay .close {

    background:url(../img/delete.png) no-repeat;
    position:absolute;
    right:15px;
    top:15px;
    cursor:pointer;
    height:20px;
    width:20px;
}
 

   /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
  width:100%;
	padding-top:20px;
    overflow-y:auto;
	color:#360000;
	font-size:12px;
	line-height:20px;
	
	text-align:left;
  }
 
  
  .contentWrap h1
  {
  	font-size:20pt ; font-weight:normal;
	color:#360000 ;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:20px;margin-left:20px;
  }
  .contentWrap_content{padding:1% 0 0 1%; line-height:26px; /*float:left;*/  margin-top:20px; margin:0px 30px;margin-bottom:30px; font-size:14px;}
  .contentWrap_content span{color:#078ABA;}

.contentWrap_button
{
/*background:#dedede; */width:100%;
 line-height:26px; float:left; font-size:11px; margin-top:20px;
 padding:10px 0px;
  text-align:center
}

/* CUSTOM RESPONSIVE STYLES */

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) 
	{
		.simple_overlay {width:60%;}
	}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) 
	
	{
		.simple_overlay {width:90%;}
	}
	
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px)
	{
		.simple_overlay {width:80%;}
	}	