@charset "utf-8";
/* CSS Document */

  .sq_outer_A{ /* This is the outer white box.  Most of the visual and positioning effects are done here. */
  
  background-color:#FFF;
  /*width: 650px;   For centering it on the screen */
  /* height: 480px;  The height of the login box */
  position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
  z-index: 1002; /* Makes it on top of everything else */
  border-bottom:#666 2px solid;
  border-right:#666 2px solid;
  border-left:#CCC 2px solid;
  border-top:#CCC 2px solid;

  }
  
   .sq_outer_B{ /* This is the outer white box.  Most of the visual and positioning effects are done here. */
  
  background-color:#FFF;
  /*width: 650px;   For centering it on the screen */
  /* height: 480px;  The height of the login box */
  position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
  z-index: 1002; /* Makes it on top of everything else */
  display:none;

  width:500;
  height:565;
  }
  
  .sq_inner{
	  border:1px solid #333;
	  margin:10px 10px 10px 10px; 
	  padding:10px 15px 10px 15px;

	    }

  #sq_overlay /* This is the graying-out effect that covers the rest of the page */
  {
	  position:absolute; 
	  top:0%;
	  left:0%;
	  width:100%;
	  z-index:1001; /* Use a very high z-index, since frequently on-page elements will have a pretty high z-index and you want to be sure to cover them. */
	  background-color:#000; /* Sets the "tone" of the overlay shading.  I used black, but you could do any color really. */
	  display:none; /* Default value keeps it hidden. I like "display:none;" and "display:block;" better than the "visibility" attribute, I've had issues with it in the past. */
	  
	  /* OK, this is important:  These next 3 attributes control the opacity, or "darkness" of the graying-out effect.  Why 3 different ones?  Because not all browsers use the same CSS attributes.  Dumb, but there it is.  Change all 3 at once to change the opacity.  Higher numbers for darker, lower for lighter. For example, ".1" is barely opaque, while ".9" is 90% opaque.  To get a solid-color (not see-through) background overlay, completely remove these 3 attributes. */
	  -moz-opacity:0.2;
	  opacity:.20;
	  filter: alpha(opacity=20);
  }
