body {
	font-family: 'Open Sans', sans-serif;
}

a {
	text-decoration: underline;
	color: inherit;
}

a:visited, a:active {
	color: inherit;
}

a:hover { 
	color: #4E8EC5; 
}

.container {
	text-align: center;
}

h1 {
	margin-bottom: 10px;
}

ul {
	list-style-type: none;
	margin: 0;
}

.hidden {
	/*visibility: hidden;*/
	display: none;
}


.clearfix {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


.jumper {
	font-size: .8em;
}

.jumper .year {
	display: inline-block;
	margin-right: 5px;
}

.jumper .year:before {
	content: '| ';
	color: #969696;
}

.jumper .year:first-child:before {
	content: '';
}

.top {
	color: #fff;
	float: right;
	position: relative;
	bottom: 3px;
	right: 2px;
}

.data-source {
	font-size: .6em;
}


.download-table {
	text-align: left;
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 10px;
	min-width: 600px;
}

@media (max-width: 610px) {
	.download-table {
		min-width: 0;
	}
}

.download-table .type, .download-table .quality {
	width: 20px;
}

.download-table .subtitles {
	width: 65px;
}

.download-table .url {
	border: 0px;
	border-left: 1px;
	border-style: solid;
	border-color: #fff;
	padding-left: 10px;
	padding-right: 10px;

}

.download-table .url, .download-table .via {

}

.download-table .notes {
	max-width: 500px;
}

.download-table .hd {
	color: #f00;
}

.download-table .hdplus {
	color: #f00;
	font-weight: bold;
}

.download-table .hq {
	color: #ffb300;
}


.header-row {
	font-size: 1.1em;
	background-color: #333;
	color: #fff;
	padding: 5px;
}

.header-row li {
	display: inline-block;
	margin-right: 10px;
}


.download-row {
	padding: 5px;
	margin-bottom: 1px;
	border: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #bbb;
}

.download-row:hover {
	background-color: #f9f9f9;
}

.download-row li {
	display: inline-block;
}


.download-column {
	display: inline-block;
	margin-right: 10px;
}

.download-column.type {
	
}

.download-column.quality {
	font-size: .8em;
}

.download-column.subtitles {
	font-size: .8em;
}

.download-column.subtitles i {
	padding-left: 5px;
}

.download-column.url {
	border-color: #333;
}

.download-column.via {
	font-size: .8em;
	color: #969696;
}


.download-column.notes {
	font-size: .8em;
}

.download-column.notes div:before {
	content: '(';
}

.download-column.notes div:after {
	content: ')';
}


.flash {
  animation: flash 1s ease-out;
  animation-iteration-count: 1;
}

@keyframes flash {
    0% { background-color: none; }
    50% { background-color: #8ed1ff; }
    100% { background-color: none; }
}