/**
* Default Styles for jn_wp_letsplaydb
*/

table.jn_wp_letsplaydb {
    border: none;
}

th.jn_wp_letsplaydb {
    vertical-align: top;
    border: none;
}

td.jn_wp_letsplaydb {
    vertical-align: top;
    max-width: 400px;
    border: none;
}

img.jn_wp_letsplaydb {
	/* max-width: 350px; */
	max-height: 250px;
}

span.jn_tooltip {
    font-size: small;
    vertical-align: 7px;
}

img.jn_wp_letsplaydb.icon {
    width: 40px;
}

button.jn_wp_letsplaydb {
    /*margin-top: 10px;*/
    padding: 5px;
    font-size: small;
    margin: 5px;
}

table.jn_wp_letsplaydb.filter {
    font-size: smaller;
    border: none;
}

td.jn_wp_letsplaydb.filter, td.jn_wp_letsplaydb.list {
    border: none;
}

select.jn_wp_letsplaydb {
    font-size: smaller;
    padding: 5px;
}


.jn_wp_letsplaydb.episodes {
    min-height: 40px;
    font-size: smaller;
    width: 100%;
}

div.jn_wp_letsplaydb.list.even {
	background-color: #ddd;
}

div.jn_wp_letsplaydb.list.odd {
	background-color: #f2f2f2;
}

div.jn_wp_letsplaydb.list.left {
	float: left;
}

div.jn_wp_letsplaydb.list.right {
	float: right;
}

div.jn_wp_letsplaydb.list.full {
	clear: both;
	margin-bottom: 15px;
}

@media screen and (min-width: 1210px) {

	div.jn_wp_letsplaydb.list.left {
	    /*width: 354px;*/
	    width: 250px;
	}

	div.jn_wp_letsplaydb.list.right {
	    width: 400px;
	    margin-left: 10px;
	}

}

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

	img.jn_wp_letsplaydb {
		max-width: 100%;
	}

	div.jn_wp_letsplaydb.list.left, div.jn_wp_letsplaydb.list.right {
	    max-width: 100%;
	    float: left;
	    clear: both;
	}

	div.jn_wp_letsplaydb.list.left {
		margin-top: 10px;
	}
}