#wrap_registerbox, #wrap_subscribebox {	

	background-color: #eee;	
	border: 1px solid #cccccc;
	text-align:left;

	width: 300px;
	max-width: 90%; 
	margin: 0px; 
	padding: 10px; 
	padding-bottom: 50px;
	margin-bottom: 50px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
	margin-left: auto; 
	margin-right: auto; 
	
	    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;	

}
#wrap_subscribebox {	
	width: 400px;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




form button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  border-radius: 11px;
  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);




  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 3px 10px 4px;
  text-shadow: #fff 0 1px 1px;
  width: auto;
  *padding-top: 2px; /* IE7 */
  *padding-bottom: 0px; /* IE7 */
}

button {
  *padding-top: 1px; /* IE7 */
  *padding-bottom: 1px; /* IE7 */
}

textarea,select,input[type="text"], input[type="password"]{
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;  

  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  outline: 0;
  padding: 2px 3px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  height: 1.8em;
  *padding-top: 2px; /* IE7 */
  *padding-bottom: 1px; /* IE7 */
  *height: auto; /* IE7 */
}

/* Separate rule for Firefox. Cannot stack with WebKit's. */
input.placeholder_text,
textarea.placeholder_text,
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888;
}

::-webkit-input-placeholder {
  color: #888;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  -moz-box-shadow: #06f 0 0 7px;
  -webkit-box-shadow: #06f 0 0 7px;
  box-shadow: #06f 0 0 7px;
  z-index: 1; /* For Opera */
}

textarea,select[size],select[multiple] {
  height: auto;
}


#log-menu {	

	    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}


table { 
  width: auto;
width: 100%;  

  border-collapse: collapse; 
  text-align: center;

}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #e4e4e4; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.featured_td { 
  background: #555; 
  color: white; 
  
}
td, th  { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
  font-size: 14px;
  text-align: center;

}

td a {
  font-size: 10px;
}



.button_pill  {
	font-weight: 600;
	margin: 2em 0 0 0;
	padding: 1em 2.5em;
	letter-spacing: 0.05em;
	color: #fff;
	border: 1px solid transparent;
	border-radius: 2em;
	background: #000000;
	-webkit-transition: color 0.2s, background 0.2s;
	transition: color 0.2s, background 0.2s;	
	
	background-color:rgba(0,0,0,0.5);
}

.button_pill:hover, .button_pill:focus  {
	color: #fff;
	color: #000;
	outline: none;
	background: #fff;	
	border: 1px solid rgba(0,0,0,0.5);
	background-color:rgba(255,255,255,0.5);
	
}