div#table-prelude {
    text-align: center;
    color: var(--banner-gray) !important;
}

div#table-prelude h6 {
    margin-bottom: 10px;
}


#storylist table
{
	border: 1px solid #c2c2c2;
	text-align: left;
}

#storylist tr th,
#storylist thead th
{
	color: #fdfdfd;
	background-color: var(--banner-gray);
	font-size: 1.1em;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 4px;
}

#storylist tr td
{
	border-top: 1px solid #c2c2c2;
	padding: 4px 4px;
}



#storylist table.bordered-table td,
th
{
	border: #999 solid 1pt;
}



#storylist table
{
    width: 100%;
    max-width: 900px;
}


/* MEDIA QUERIES BLOCKS */

/* W  I  D  E  screens */

@media screen and (min-width: 940px)
{
	div#storylist
    {
		position: relative;
		width: 900px;
	}

    #storylist table {
        width: 900px;
    }
	

}


/* Layout: Medium screens
-------------------------------------------------------------- */

@media screen and (660px < width < 940px)
{
	
	div#storylist {
		position: relative;
		width: 640px;
        margin: 10px auto;
	}

    #storylist table {
        width: 640px;
    }
	

	
	


}



/* =Layout: Small screens
-------------------------------------------------------------- */

@media screen and (max-width: 660px)
{

    div#storylist table {
		position: relative;
		width: calc(100% - 6px);
        margin: auto;
	}

	

}