th {
    text-align: left;
}
.fullName {
    font-size: 70%;
}
.egsImage img {
    -moz-box-shadow: 2px 2px 6px #555;
    -webkit-box-shadow: 2px 2px 6px #555;
    box-shadow: 2px 2px 6px #555;
}
th.formHeader {
    border-bottom: solid 1px #ddd;
    text-align: center;
}
th.form {
    font-weight: normal;
}
.characterSelection label, .characterSelection select {
    display: inline;
    width: auto;
}
.inline-form label input {
    vertical-align: middle;
}
@media only screen and (min-width: 48em) {
    .egsImage {
        float: left;
        padding-top: 0.5em;
    }
    .egsDetails {
        position: relative;
        margin-left: 120px;
    }
}
@media only screen and (max-width: 35em) {
    table.responsive, table.responsive thead, table.responsive tbody, table.responsive tr, table.responsive th, table.responsive td {
        display: block !important;
    }
        table.responsive thead tr {
            position: absolute;
		    top: -9999px;
		    left: -9999px;
        }
    table.responsive td, table.responsive th {
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
        min-height: 1em;
    }
    table.responsive th {
        text-align: center;
    }
	table.responsive td { 
		/* Behave  like a "row" */
		padding-left: 50% !important; 
	}
	
	table.responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	table.responsive td:nth-of-type(1):before { content: "Story"; }
	table.responsive td:nth-of-type(2):before { content: "EGS:NP"; }
	table.responsive td:nth-of-type(3):before { content: "Sketchbook"; }
	table.responsive td:nth-of-type(4):before { content: "Total"; }
}