/* Icons
-------------------------- */
@font-face {
  font-family: 'contributions-icons';
  src:  url('fonts/contributions/icons.eot?ww0gvb');
  src:  url('fonts/contributions/icons.eot?ww0gvb#iefix') format('embedded-opentype'),
    url('fonts/contributions/icons.ttf?ww0gvb') format('truetype'),
    url('fonts/contributions/icons.woff?ww0gvb') format('woff'),
    url('fonts/contributions/icons.svg?ww0gvb#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="contrib-icon-"], [class*=" contrib-icon-"] {
  font-family: 'contributions-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.contrib-icon-film:before {
  content: "\e900";
}
.contrib-icon-serie:before {
  content: "\e901";
}
.contrib-icon-special:before {
  content: "\e902";
}
.contrib-icon-game:before {
  content: "\e903";
}
.contrib-icon-soundtrack:before {
  content: "\e904";
}
.contrib-icon-album:before {
  content: "\e905";
}

/* Posting
-------------------------- */
.contributions-dialog, .contributions-dialog * {
	box-sizing: border-box;
}

.contributions-dialog {
	font-size: 11px;
	background: #f7f7f7;
	margin-top: 4px;
}

.contributions-dialog .section-title {
	background: #a3ccdc;
    padding: 8px;
    text-align: center;
    font-weight: bold;
}

.contributions-dialog label {
	display: inline-block;
	padding: 8px 5px;
	width: 49%;
}

.contributions-dialog label > div {
	display: inline-block;
	padding-right: 8px;
	vertical-align: middle;
	width: 49%;
}

.contributions-dialog label > div:first-child {
	font-weight: bold;
}

.contributions-dialog label.fullrow {
	display: block;
	width: 100%;
}

.contributions-dialog label.fullrow .item-legend 	{ width: 23.8%; }
.contributions-dialog label.fullrow .item-content	{ width: 75%; }

.contributions-dialog label input {
	max-width: 98%;
}

.contributions-dialog textarea {
	height: 80px;
	width: 100%;
}

.contributions-dialog input[type=number] {
	width: 50px;
}

.contributions-dialog label input,
.contributions-dialog label textarea,
.contributions-dialog label select {
	border-color: #ccc;
}

.contributions-dialog label.invalid .item-legend {
	color: #f00;
}

.contributions-dialog label.invalid input,
.contributions-dialog label.invalid textarea,
.contributions-dialog label.invalid select {
	border-color: #f00;
    background-color: #fbc5c5;
}

.contributions-dialog label.disabled .item-legend {
	color: #c3c3c3;
}

.contributions-dialog .help-icon {
    border: 1px solid #999;
    display: inline-block;
    padding: 0 4px;
    border-radius: 50%;
    background: #fff;
    color: #999;
}

.contributions-tooltip {
	background: #f1f1f1;
	border: 1px solid #ccc;
	display: none;
	overflow: auto;
	padding: 6px;
	position: absolute;
	max-height: 200px;
	max-width: 200px;
	z-index: 5;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* View
-------------------------- */
.contrib-box {
	margin-top: 20px;
}

.episode-box {
	max-height: 500px;
    overflow: auto;
    width: 100%;
}

.contrib-banner {
    text-align: center;
    padding: 40px 0;
}

.contrib-table {
	border-collapse: separate;
	font-size: 11px;
	width: 100%;
}

.contrib-table th {
	background: #a3ccdc;
	padding: 4px;
}

.contrib-table td {
	padding: 4px 2px;
	text-align: center;
}

.contrib-table td.odd {
	background-color: #efefef;
}

.contrib-tabs-header {
	list-style-type: none;
}

.contrib-tabs-header li {
	background: #eaeaea;
	cursor: pointer;
	display: inline-block;
	height: 50px;
	padding: 0 20px;
	width: 24%;
	
	box-sizing: border-box;
}

.contrib-tabs-header li.active {
	background: #fff;
	border-bottom-color: #fff;
}

.contrib-tabs-content {
	background: #fff;
	display: none;
	padding: 6px;
	position: relative;
	margin-top: -3px;
}

.contrib-tabs-content.active {
	display: block;
}

.contrib-tabs-header li.reported,
.contrib-tabs-header li.active.reported,
.contrib-tabs-content.reported {
	background-color: #F7ECEF;
}

.contrib-type {
	float: left;
	margin-top: 5px;
}

.contrib-quality {
	float: right;
	margin-top: 8px;
}

.contrib-image img {
	max-height: 280px;
}

.contrib-message {
	border: 1px solid;
	font-size: 1.2em;
	padding: 20px 10px;
	border-radius: 6px;
}

.contrib-message.type-alert {
	background-color: #ff7272;
	border-color: #ff0707;
	color: #d00000;
}

.contrib-message.type-notice {
	background-color: #c1e8ff;
	border-color: #00a1ff;
	text-align: center;
}

.contrib-message.type-warning {
	background-color: #ffd767;
	border-color: #ffbc00;
	color: #bb8a00;
}

.contrib-download-table .contrib-message {
	font-size: 1.1em;
	padding: 10px;
	margin-bottom: 10px;
}

.contrib-comments {
	max-height: 200px;
	overflow: auto;
	text-align: left;
}

.contrib-links {
	text-align: center;
}

.contrib-links-btn {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	height: 40px;
	width: 210px;
}

.contrib-links-btn:hover {
	background-position: 0 -40px;
}

.contrib-price, .contrib-user-points {
	font-weight: bold;
}

.contrib-price 			{ color: green; }
.contrib-user-points 	{ color: blue; }

a.contrib-report-btn {
	color: #b10000;
	position: absolute;
    bottom: 8px;
    right: 8px;
    padding: 6px;
    border: 1px solid #f00;
    background-color: #ff9f9f;
    font-weight: bold;
    border-radius: 6px;
}

a.contrib-report-btn:hover {
	color: #000;
	text-decoration: none;
}


/* Download page
-------------------------------- */
.contrib-download-table {
	font-size: 11px;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px;
}

.contrib-download-table th {
	background: #e2e2e2;
}

.contrib-download-table th, .contrib-download-table td {
	border: 1px solid #e2e2e2;
	padding: 8px;
}

.download-button {
	cursor: pointer;
	display: block;
	margin: 0 auto;
	padding: 5px;
}

/* Assistant
----------------------- */
.contrib-assistant {
	margin: 20px auto;
	max-width: 900px;
}

.contrib-type-selector {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.contrib-type-selector li {
	display: inline-block;
    margin: 10px;
}

.contrib-type-selector li label {
	background-color: #fff;
	border: 2px solid #e6e5e5;
	cursor: pointer;
	display: block;
	font-size: 14px;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 4px;
    width: auto;
}

.contrib-type-selector li input {
	display: none;
}

.contrib-type-selector li input:checked + label {
	border-color: #4f94af;
    background-color: #a3ccdc;
    color: #000;
}

.contrib-type-selector li label span {
	display: block;
    margin-bottom: 10px;
    font-size: 4em;
}

.contrib-assistant .submit-buttons {
	margin: 10px 0;
	text-align: right;
}

.assistant-btn {
    background: #427fed;
    border: 1px solid #427fed;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    fill: currentColor;
    font: normal normal normal 11px/14px 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    font-weight: bold;
    line-height: 25px;
    margin: 0 2px;
    overflow: hidden;
    padding: 0 10px;
    text-decoration: none;
    vertical-align: middle;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.assistant-btn:hover {
    background: #2c56b1;
    border-color: #21448d;
    color: #fff;
}

.episodes-helpline,
.episodes-inputarea {
	padding: 5px;
}

.episodes-inputarea textarea {
	height: 180px;
	resize: vertical;
}

.episode-option-all {
    float: right;
}