css

css

/* Layout (Torrents page) */

/* We're going to opt for the category icon method for now, tags_* is also available */
.cats_applications { width: 28px; height: 28px; background: url('images/apps.png') no-repeat center center; }
.cats_audiobooks { width: 28px; height: 28px; background: url('images/audiobook.png') no-repeat center center; }
.cats_comedy { width: 28px; height: 28px; background: url('images/comedy.png') no-repeat center center; }
.cats_comics { width: 28px; height: 28px; background: url('images/comics.png') no-repeat center center; }
.cats_ebooks { width: 28px; height: 28px; background: url('images/ebook.png') no-repeat center center; }
.cats_elearningvideos { width: 28px; height: 28px; background: url('images/elearning.png') no-repeat center center; }

.cats_music { width: 28px; height: 28px; background: url('images/music.png') no-repeat center center; }

/* Global */

* {
	padding: 0em;
	margin: 0em;
}

html {
	width: 100%;
}

body {
	width: 100%;
	font-family: tahoma,helvetica,sans-serif;
	font-size: 8pt;
	color: #999;
	min-width: 850px;
	background-color: #222;
}

/* Common elements */

a {
	text-decoration: none;
	border: none;
	color: #ccc;
}

a:hover {
	text-decoration: underline;
	color: #aaaaaa;
}


a.similar_artist {
	background-color: #444444;
	display: block;
	padding: 1px 4px;
	color: #FFF;
	border: 1px solid #fff;
}

a.similar_artist:hover {
	background-color: #555;
}

.similar_artist_header {
	color: #FFF;
	background-color: #666;
	border: 1px solid #fff;
	padding: 3px 5px;
}

h1,h2,h3,h4 {
	margin: 5px 0px;
	font-weight: bold;
}

h2 {
	text-align: center;
	font-size: 12pt;
	color: #fff;
}

h4 {
	font-size: 8pt;
}

p {
	margin: 10px 5px;
}

li {
	margin: 5px 15px;
}

input {
	padding: 2px 3px;
}

textarea {
	padding: 2px 3px;
}

img {
	border: none;
}


/* Ratio Colors */

.r00 { color: #FF0000; }
.r01 { color: #FF1300; }
.r02 { color: #FF1300; }
.r03 { color: #FF2600; }
.r04 { color: #FF4C00; }
.r05 { color: #FF5E00; }
.r06 { color: #FF5E00; }
.r07 { color: #FF7100; }
.r08 { color: #FF9700; }
.r09 { color: #FFAA00; }
.r10 { color: #74C42E; }
.r20 { color: #418B00; }
.r50 { color: #418B00; }
.r99 { color: #418B00; }

/* Styles generated by the BBCode parser */

span.size1 {
	font-size: 0.75em;
}

span.size2 {
	font-size: 1em;
}

span.size3 {
	font-size: 1.25em;
}

span.size4 {
	font-size: 1.5em;
}

span.size5 {
	font-size: 1.75em;
}

span.size6 {
	font-size: 2em;
}

span.size7 {
	font-size: 2.25em;
}

span.size8 {
	font-size: 2.5em;
}

span.size9 {
	font-size: 2.75em;
}

span.size10 {
	font-size: 3em;
}

ul.thin {
	margin: 0px 0px 0px 25px;
	padding: 0px;
}

ul.thin li {
	margin: 0px 0px;
	padding: 0px;
}

/* Layout (Every page) */

#header {
	width: 100%;
	padding: 0px 0 0 0;
}

#content {
	margin: auto;
	width: 100%;
	overflow: hidden;
	background-color: #303030;
	position: relative;
	top: 60px;
	min-width: 850px;
}

#wrapper {
	width: 90%;
	margin: 0px auto;
}

#footer {
	margin-top: 60px;
	width: 100%;
	text-align: center;
	padding: 1em 0;
	color: #fff;
}
/*
#logo {
    width: 100%;
    height: 205px;
    background: url('images/logo.png') no-repeat top center;

}

#logo a {
    width: 100%;
    height: 100%;
    display: block;
}
*/
#logo {
	border: none;
	/*max-width:2000px;
    max-height:300px; */
	background: url(https://brasiltracker.org/static/styles/brpt_black/images/logo_black.png) no-repeat center center;
	background-size: 60%;
	width: 100%;
    height: auto;
	margin: 0 2px 0 2px;
	padding: 2px;
	position: relative;
	top: 10px;
	left: -13px
}

#logo a {
	border: none;
	width: 100%;
        height: 140px;
	margin: 0 2px 0 2px;
	padding: 2px;
	display: block;
	left: -13px
}

#logo a:hover {
	border: none;
}

#menu {
	position: absolute;
/* 85 */
	top: 162px;
	width: 90%;
	padding: 0.6em 0;
	text-align: center;
	background-color: #222;
	font-size: 10pt;
	min-width: 850px;
}

#menu ul li {
	position: relative;
	display: inline;
	background-color: #454545;
	padding: 6px 0;
	margin: 0px;
}
#nav_upload {
  position: relative;
    left: -1px;
	top: -1px;
}
#nav_inbox {
  position: relative;
    left: 1px;
	top: -1px;
}
#nav_invite ul li {
  float:left !important;
  line-height:normal !important;
}
#nav_inbox2 {
  position: relative;
    left: -1px;
	top: -1px;
}
#nav_uploaded {
  position: relative;
    left: -1px;
	top: -1px;
}
#nav_bookmarks {
  position: relative;
    left: -1px;
	top: -1px;
}
#nav_notifications {
  position: relative;
    left: -1px;
	top: -1px;
}
#nav_subscriptions {
  position: relative;
    left: -1px;
	top: -1px;
}
#nav_comments {
  position: relative;
    left: -1px;
	top: -1px;
}
#nav_friends {
  position: relative;
    left: -1px;
	top: -1px;
}
dex #nav_index, #torrents #nav_torrents, #requests #nav_requests, #forums #nav_forums, #top10 #nav_top10, #rules #nav_rules, #wiki #nav_wiki, #staff #nav_staff, #collage #nav_collages, #chat #nav_irc {
	background-color: #303030;
}

#menu ul li a {
	padding: 0.6em 2%;
	color: #fff;
}

#menu ul li a:hover {
	background-color: #303030;
	text-decoration: none;
	color: #fff;
}

#userinfo {
	background: #1c1c1c;
	color: #777;
	width: 100%;
	text-align: center;
	font-size: 10pt;
	padding: px 0px;
	z-index: 10;
	min-width: 1000x;
	position: relative;
	top: -2px;
}

#userinfo img {
}

#userinfo ul {
	display: inline;
	margin: 0px 0.8%;
	padding: 4px;
}

#userinfo ul li {

	display: inline;
	margin: 0 0.1em;
	line-height: 20px; /* */
	vertical-align: middle;
	padding: 4px;
}

#userinfo a {
	color: #777;
}

#userinfo a:hover {
	text-decoration: underline;
}

#userinfo b a {
	font-weight: normal;
	font-size: 0.9em;
}

#userinfo span.stat {
	color: #AAA;
}

#userinfo_username {
	position: absolute;
	top: -50px;
	left: 8%;
}

#userinfo_major {
	position: absolute;
	top: -50px;
	right: 5%;
}

#searchbars {
	position: absolute;
	top: 192px;
	width: 90%;
	text-align: center;
	background-color: #303030;
	padding: 4px 0px;
	min-width: 850px;
}

#searchbars input {
	position: relative;
	padding: 3px 3px 3px 5px;
	font-size: 0.9em;
	background-color: #222;
	color: #ccc;
	border: 1px solid #303030;
}

#searchbars ul {
	margin: 0 auto;
	display: block;
}

#searchbars ul li {
	display: inline;
	margin: 0px 1px;
	list-style: none;
	position: relative;
}

#searchbars ul li ul {
	display: block;
	position: absolute;
	top: 1em;
	left: 0;
	z-index: 1000;
	width: 12em;
	margin-top: 12px;
}

#searchbars ul li ul li {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	background: #303030;
}

#searchbars ul li ul li.highlight {
	background: #454545;
}

#searchbars ul li form {
	display: inline;
}

#alerts {
	position: relative;
	margin-top: 50px;
	margin-bottom: -60px;
	padding: 10px 0px;
	width: 100%;
	background-color: #303030;
	min-width: 850px;
}

#alerts a {
	color: #ccc;
}

.alertbar.blend {
	background-color: #222;
	border: 1px solid #303030;
}

#cat-selector ul {
	width: 100%;
}

#cat-selector ul li {
	display: inline;
	width: 12em;
	height: 1em;
	float: left;
}

.alertbar {
	background-color: #222;
	text-align: center;
	color: #ccc;
	font-weight: bold;
	font-size: 0.95em;
	width: 350px;
	margin: 0px auto 0px auto;
	padding: 10px;
}

.alertbar a {
	color: #555;
	text-decoration: underline;
}

.alertbar a:hover {
	color: #777;
	text-decoration: none;
}

/* IE doesn't appear to like a simple display:none in our header. Random things start fucking up pretty badly. */

.hidden {
	position: absolute;
	left: -10000px;
}

input.hidden {
	position: absolute;
	display: none;
}

/* Layout (Any page) */

.thin {
	width: 850px;
	margin: 0px auto;
}

.widethin { /* overriding the thin class on torrents.php */
	width: 95% !important;
	margin: 0px auto;
}

#userinfo_major .brackets:before {
	font-weight: bold;
}

#userinfo_major .brackets:after {
	font-weight: bold;
}

div.linkbox {
	text-align: center;
	padding: 5px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.min_padding {
	padding: 0px;
	margin: 0px 0px;
}

p.min_padding {
	margin: 2px 0px;
}

.pad {
	padding: 1em;
}

.sidebar .pad {
	padding: 9px;
}

.vertical_space {
	margin-bottom: 10px;
}

.box {
	font-size: 8pt;
	background-color: #282828;
	border: 1px solid #303030;
	margin-bottom: 10px;
}

.box2 {
	font-size: 8pt;
	background-color: #282828;
	border: 1px solid #303030;
	margin-bottom: 10px;
}

.pad h3,.pad h4,.padbox h3,.padbox h4 {
	margin-top: 0px;
	padding-top: 0px;
}

.sidebar {
	float: right;
	width: 245px;
}

.head {
	padding: 4px;
	border-bottom: 1px solid #303030;
	background: #121212;
	color: white;
}

.body {
	padding: 3px 10px 10px 10px;
}

.main_column {
	width: 592px;
}

.main_column .dl_torrent{
	float:right
}
.main_column .free_torrent{
	color: blue;
}
.main_column .audio_torrent{
	color: purple;
}
.main_column .legenda_torrent{
	color: white;
}
.main_column .dimensao_torrent {
	color: red;
}

.main_column table {
	margin-bottom: 10px;
}

.tags {
	padding: 0px 0px 0px 20px;
	font-style: italic;
}

.tags a {
	color: #7e7e7e;
}

.tags a:hover {
	color: #dedede;
	text-decoration: none;
}

.noborder {
	border: none;
}

ul.nobullet {
	list-style-type: none;
}

table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #303030;
}

tr {
	border: 1px solid #303030;
	background-color: #222;
}

tr.rowa {
	background-color: #222222;
}

td, th {
	border: 1px solid #303030;
	padding: 5px;
	text-align: left;
}

.colhead {
	background: #121212;
	font-weight: bold;
	color: #ffffff;
}

td.colhead,.colhead td, .colhead th {
	padding-left: 10px;
	padding-right: 10px;
}

.colhead .sign {
	padding: 0px 8px 0px 8px;
	font-size: 12pt;
	font-weight: bold;
	vertical-align: middle;
}

.colhead_dark {
	background: #121212;
	color: #ccc;
	vertical-align: middle;
}

.colhead_dark a {
	color: #fff;
}

td.label {
	font-weight: bold;
	text-align: right;
	width: 180px;
}

table.slice {
	margin-top: -1px;
}

.error_message {
	border: 1px solid #666;
	padding: 3px 0px 3px 0px;
	background-color: #AF2525;
	text-align: center;
	color: white;
	font-weight: bold;
}

.save_message {
	border: 1px solid #666;
	padding: 3px 0px 3px 0px;
	background-color: #F4E649;
	text-align: center;
	color: #492802;
	font-weight: bold;
}

.elem_error {
	border: 3px solid #B00D0D;
}

.hidden {
	display: none;
}

/* Layout (home page) */

ul.stats li {
	padding: 0px 0px 1px 0px;
}

ul.poll li {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	clear: left;
}

ul.poll li.graph {
	margin-bottom: 3px;
	padding-left: 20px;
}

/* Layout (Torrents page) */

.show_torrents {
	width: 28px;
	height: 28px;
	background: url('images/show.png') no-repeat center center;
}

.hide_torrents {
	width: 28px;
	height: 28px;
	background: url('images/hide.png') no-repeat center center;
}

.show_torrents_link {
	border: none;
	width: 28px;
	height: 28px;
	display: block;
}

.filter_torrents {
	width: 750px;
	margin: auto;
}

.filter_torrents .submit {
	text-align: right;
	padding-top: 5px;
}

#content form.search_form + .torrent_table {
	margin-top: 20px;
}

.cat_list tr td {
	border: none;
}

.torrent_table tr {
	vertical-align: top;
}

.colhead .sign, .colhead_dark .sign {
	padding: 0px 8px 0px 8px;
	vertical-align:middle;
	text-align:center;
	font-size: 12pt;
	font-weight: bold;
	width: 100%;
}

.torrent_table tr.group, tr.group_torrent, tr.torrent {
	background-color: #222;
}

.torrent_table div.tags {
	font-weight: normal;
}

.torrent_table tr .center {
	vertical-align: middle;
	text-align: center;
}

.group_torrent span {
	float: right;
}

.torrent span {
	font-weight:normal;
	float:right;
}

.nobr {
	white-space: nowrap;
}

/* Layout (Forums) */

.last_read {width: 15px; height: 15px; background: url(images/go_last_read.png) no-repeat center center; margin-left: 5px;}
.last_read a { border: none; width: 100%; height: 100%; display: block; }
.last_read a:hover { border: none; }

.unread_locked_sticky,.read_locked_sticky {background: url(images/locked_sticky.png) no-repeat center center;}
.read_sticky,.unread_sticky{background: url(images/sticky.png) no-repeat center center;}
.unread_locked {background: url(images/locked_unread.png) no-repeat center center;}
.read_locked {background: url(images/locked_read.png) no-repeat center center;}
.unread{background: url(images/unread.png) no-repeat center center;}
.read{background: url(images/read.png) no-repeat center center;}
strong.quoteheader{color: #999; }

table.forum_post {
	margin: 10px 0px;
}

table.forum_post td {
	border: 1px solid #303030;
}

table.forum_unread {
	border: 2px solid #CCC;
}

td.avatar {
	width: 150px;
	padding: 0px;
}

table.forum_post td.body {
	max-width: 675px;
}

tbody {
	max-width: 690px;
}

blockquote {
	margin: 10px;
	padding: 10px;
	border: 1px dashed #666;
}

/* Layout (Inbox) */

tr.unreadpm {
	background-color: #692222;
}

/* Layout (Permission Page) */

.permission_head {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.permissions {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
}

.permission_container {
	float: left;
	width: 300px;
	padding: 5px;
}

.permission_container input {
	margin: 0px 3px 5px 0px;
	vertical-align: top;
}

.submit_container {
	clear: both;
	text-align: right;
}

/* Layout (Invite tree) */

ul .invitetree {
	margin: 0px 0px 0px 25px;
}

.invitetree li {
	list-style: none;
	margin: 10px 2px;
}

/* Layout (User options) */

.user_options .options_list li {
	margin: 0;
}

/* Layout (MISC) */

.left_poll {
	width: 2px;
	height: 9px;
	background: url('images/bar_left.gif') no-repeat center center;
	float: left;
	margin: 0px;
	padding: 0px;
}

.center_poll {
	height: 9px;
	background: url('images/bar.gif') repeat;
	float: left;
	margin: 0px;
	padding: 0px;
}

.right_poll {
	width: 2px;
	height: 9px;
	background: url('images/bar_right.gif') no-repeat center center;
	float: left;
	margin: 0px;
	padding: 0px;
}

.curtain {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}

.lightbox {
	position: fixed;
	text-align: center;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	padding: 0px;
	z-index: 1002;
	overflow: auto;
}

table#torrent_table.torrent_table {
	margin: auto;
}

form tr {
	background-color: #222222;
}

.center {
	text-align: center;
}

.spellcheck {
	margin: 25px 0;
	font-size: 1.25em;
	font-weight: bold;
}

tr.torrent .bookmark > a:before { color:#999; }
tr.torrent .bookmark > a:after { color:#999; }

.linkbox .brackets:before,
.linkbox .brackets:after,
.top10_quantity_links .brackets:before,
.top10_quantity_links .brackets:after {
	color: #999;
}

.field_div {
	margin-bottom: 10px;
}

.edit_changelog textarea {
	width: 600px;
}

.autocomplete-suggestions {
	background: #222;
}

.post_id {
	font-weight: normal;
}

.vote_tag_up, .vote_artist_up, .vote_album_up, .small_upvote, .small_upvoted {
	color: green;
}

.vote_tag_down, .vote_artist_down, .vote_album_down, .small_downvote, .small_downvoted {
	color: red;
}

/* workaround for calendar display issue */
div.sidebar #event_div {
	margin-left: -232px;
}

ol {
	margin-left: 1em;
}

#forum_search_cat_list, #forum_search_cat_list tr {
	border: none;
}

.new_box{

    background: #000000;
    border: 1px solid #CACACA;
    margin-bottom: 100px;
    /*font-size: 12px;*/

}

.new_head{
    background-color: #000000!important;
    font-weight: bold;
    height: 20px;
    text-indent: 8px;
}

Iframe {
width: 100%;
}

video-container iframe,
.video-container object,
.video-container embed {
  position: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.scale_torrents img {
    max-width:50px;
    max-height:50px;
}

.torrent_label.tooltip.tl_notice {
	color: blue;
}

.results {
  font-size: 0;
  padding-bottom: 0px;
}
.results-content {
  font-size: 13px;
  display: inline-block;
  margin-left: 0px;
  vertical-align: top;
  background: url('http://brasiltracker.org/static/styles/brpt_black/images/icones/estrela.png') 0 0 repeat-x;
  width: 370px;
  height: 35px;
}
.results .results-content span.stars span {
  background: url('http://brasiltracker.org/static/styles/brpt_black/images/icones/estrela.png') 0 -36px repeat-x;
  display: inline-block;
  height: 35px;
}
#doa {
    width: 11em;  height: 2em;
}
.blockquote_pontos{
	margin: 10px;
	padding: 10px;
	border: 1px dashed #666;
	display: inline-block;
}

#table_detalhes {

	margin: 0;
	padding: 0;
	height: 80%;
	width: 100%;

}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px;
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding: 4px 5px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}


.gold_theme {
	background: gold radial-gradient(lightyellow, gold);
	color: #A25128;
}
.gold_theme .tooltipster-arrow>span+span {
	border-top-color: rgb(255,228,81) !important;
}

/* Use this next selector to style things like font-size and line-height: */
.gold_theme .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}
.box h3 {
	font-size: 140%;
}
.box h4 {
	font-size: 130%;
}
.box h5 {
	font-size: 120%;
}
.box h6 {
	font-size: 110%;
}

pre br {
	line-height: 0px;
	display: none;
}

.center {
	text-align: center;
}

ul.rules {
	list-style-type: none;
}

div.rule_short {
	font-weight: bold;
	font-size: 10pt;
}

div.rule_wrap {
	display: inline-table;
	width: 96%;
}

a.rule_link {
	display: inline-table;
	font-weight: bold;
	font-size: 10pt;
	width: 4%;
}

.golden_rules {
	list-style-type: none !important;
}

ul.collage_images {
	padding: 0px;
	width: 590px;
	border-collapse: collapse;
}

.collage_images {
	display: table;
}

ul.collage_images li {
	border: none;
	float: left;
	margin: 0;
	width: 118px;
	height: 118px;
	list-style: none;
	list-style-type: none;
}

ul.collage_images li a {
	display: block;
	height: 118px;
	overflow: hidden;
}

ul.collage_images img {
	height: 118px;
	width: 118px;
}

.selected a {
	font-weight: bold;
	text-decoration: underline;
}

.invisible {
	visibility: hidden;
}

.collage td {
	padding: 0px;
	border: none;
}

.line_new {
	color: green;
}

.line_deleted {
	color: red;
}

.line_moved {
	color: blue;
}

.line_unchanged {

}

.log1 {

}

.log2 {
	color: yellow;
}

.log3 {
	color: #0E88C6;
}

.log4 {
 	font-weight: bold;
}

.log5 {
 	text-decoration: underline;
}

.good {
	font-weight: bold;
	color: green;
}

.bad {
	font-weight: bold;
	color: red;
}

.goodish {
	font-weight: bold;
	color: #35BF00;
}

.badish {
	font-weight: bold;
	color: #E5B244;
}

pre {
	overflow: auto;
}

.hidden {
	display: none;
}

.disable_grouping {
	display: none;
}

form textarea, form input {
	max-width: 100%;
}

a.beta {
	font-weight: bold;
	color: #ff0000;
}

strong.important_text {
	color: red;
	font-weight: bold;
}

strong.important_text_alt {
	color: green;
	font-weight: bold;
}

.invalid, .warning, .error, .new {
	color: #ff0000;
}

/* Make [+] on add multiple artists stay at the bottom (on torrent details page) */
div#AddArtists {
	position: relative;
}

div#AddArtists a {
	position: absolute;
	right: 0pt;
	bottom: 0pt;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.new-subscriptions {
	font-weight: bold;
}

#forums #quickpost {
	width: 95%
}

.rippywrap {
	z-index: 25;
	display: block;
	position: fixed;
	color: black;
	text-align: center;
	width: 190px;
	height: 180px;
	bottom: 0px;
	right: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.rippywrap div.rippy {
	z-index: 25;
	height: 111px;
	width: 190px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


td.label {
	vertical-align: top;
}

span.rbt {
	display: block;
	padding: 8px 0 0;
	background: url('../rippy/rippy_top.gif') no-repeat top;
}

span.rbm {
	display: block;
	background: url('../rippy/rippy_middle.gif') repeat bottom;
	padding: 0 5px;
}

span.rbb {
	display: block;
	padding: 4px 0px 18px;
	margin-bottom: 5px;
	background: url('../rippy/rippy_bottom.gif') no-repeat bottom;
}

span.secondary_class {
	font-size: 85%;
	font-weight: bold;
}

.breadcrumbs {
	font-weight: bold;
	text-align: right;
}

.paranoia_override {
	font-style: italic;
}

#manage_collage_table.ui-sortable .drag {
	cursor: n-resize;
}

#manage_collage_table.ui-sortable .ui-sortable-helper.drag {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

#manage_collage_table .ui-sortable-helper td, #manage_collage_table .ui-sortable-placeholder {
	border: 0;
}

.drag_drop_save {
	padding: 6px 0;
	overflow: hidden;
}

.headerSort {
	cursor: pointer;
}

.headerSort span {
	background: url("../common/table-order.png") no-repeat scroll right -38px transparent;
	padding: 0px 20px 0 0;
}

.headerSortDown span {
	background: url("../common/table-order.png") no-repeat scroll right 4px transparent;
}

.headerSortUp span {
	background: url("../common/table-order.png") no-repeat scroll right -79px transparent;
}

.headerSort.sorter-false,
.headerSort.sorter-false span {
    background-image: none;
    cursor: default;
}

.album_votes {
	text-align: center;
}

.favoritecount {
	font-size: 150%;
	font-weight: bold;
}

.favoritecount_small {
	font-size: 110%;
	font-weight: bold;
}

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

tr.torrent .bookmark>a:before {
	text-decoration: none;
	font-weight: normal;
}

tr.torrent .bookmark>a:after {
	text-decoration: none;
	font-weight: normal;
}

#sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 50%;
}

#sortable li {
	padding: 0px;
	font-size: 1.2em;
	height: 1.5em;
}


.ui-state-highlight {
	background: #007DC6 /*{bgColorHighlight}*/;
	opacity: 0.15;
	width: 50%;

}

.navigation_list, .navigation_list ol {
	list-style-position: inside;
	margin-top: 10px;
	margin-bottom: 20px;
}

.navigation_list > li {
	list-style-type: upper-roman !important;
}

.navigation_list li li {
	list-style-type: upper-alpha;
}

.navigation_list li li li {
	list-style-type: decimal;
}

.navigation_list li li li li {
	list-style-type: lower-alpha;
}

.voted_type {
	font-weight: bold;
}

.torrent_table .group .votes_info_td strong {
	font-size: inherit;
}

.preview_wrap {
	text-align: left;
}

.text_preview {
	min-height: 100px
}

#lastfm_compatibilitybar_container {
	width: 100%;
	height: 5px;
	background: #969696;
}

#lastfm_compatibilitybar {
	height: 100%;
}

.brackets {
	text-indent: 0px;
	white-space: nowrap;
}

.votespan.brackets:before {
	content: "( ";
}

.votespan.brackets:after {
	content: " )";
}

.brackets:before {
	content: "[";
}

.brackets:after {
	content: "]";
}

#userinfo .brackets:before, #userinfo .brackets:after {
	content: "";
}
.group_image {
	overflow: hidden;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.float_clear {
	clear: both;
}
.group_image + .group_info {
	margin-left: 100px;
}

.group_image img {
	cursor: pointer;
}

.user_title {
	font-weight: normal;
}

/*
 * Fix long filename tables overflowing (Chrome only).
 * Stop various release page containers from overflowing with long input.
 * !! Be sure to test all major browsers before changing this section. !!
 * Fix report information tables overflowing long reports (all browsers).
 * Fix long release descriptions overflowing containers (all browsers).
 * Fix flowing issues in the report resolving pages.
 */
.wrap_overflow, .filelist_table td, .reportinfo_table, .torrentdetails blockquote {
	word-break: normal;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	/* Note that IE will have different behavior on word-break,
	 * but this is required to keep the layout from breaking. */
	-ms-word-break: break-all;
}
/* Non-web-standard for webkit */
.torrentdetails blockquote {
	word-break: break-word;
}
/* Fix long filename tables overflowing (Chrome only). */
.filelist_table td:first-child {
	word-break: break-all;
}
/* Fix long overflow for Opera (doesn't support word-break). */
.reportinfo_table {
	table-layout: fixed;
}
/* Wrap release info for consistent DOM and to limit table expansion. */
.no_overflow {
	width: 100%;
	overflow: hidden;
}
/* Stylesheet gallery in user profile editing */
#css_gallery {
	display: none;
	overflow: hidden;
	margin-top: 10px;
}
.preview_wrapper {
	position: relative;
	display: inline-block;
	width: 29%;
	height: 120px;
	margin: 0 10px;
}
.preview_image {
	display: block;
	height: 80px;
	cursor: pointer;
	overflow: hidden;
}
.preview_image img {
	width: 100%;
}
.preview_name {
	text-align: center;
	margin-top: 5px;
}

.option_group {
	margin-bottom: 10px;
}
.option_group:last-child {
	margin-bottom: 0px;
}

.autocomplete-suggestions {
	margin-top: 5px;
	border: 1px solid #999;
	background: #FFF;
	overflow: auto;
}
.autocomplete-suggestion {
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
.autocomplete-selected {
	background: #F0F0F0;
}
.autocomplete-suggestions strong {
	font-weight: normal;
	color: #3399FF;
}

.process_info {
	table-layout: fixed;
	width: 100%;
}
.process_info_pid {
	width: 70px;
}
.process_info_data {
	overflow: auto;
}

.setting_description > * {
	margin: 1em 0 0 0;
}

.settings_sidebar {
	min-height: 385px;
}

#settings_sections {
	position: absolute;
}

#settings_sections.fixed {
	position: fixed;
	top: 0px;
}

#settings_sections #submit, #settings_sections #settings_search {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
}

#settings_sections h2 {
	text-align: left;
}

.donor_icon {
	margin-left: 2px;
	width: 15px;
	height: 13px;
}

.donation_info {
	padding: 10px 10px 10px 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.donation_info_title {
	display: block;
	font-size: 1.75em;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
	margin: 10px 0;
}

.number_column {
	text-align: right;
}

.wide_input_text {
	width: 95%;
}

.top_artist_list li {
	margin-left: 25px;
	margin-bottom: 5px;
	list-style-type: decimal;
	font-size: 150%;
}

.permission_subcontainer {
	margin-bottom: 10px;
}

.vote_tag_up, .vote_artist_up, .vote_album_up {
	font-weight: bolder;
}

.vote_tag_down, .vote_artist_down, .vote_album_down {
	font-weight: bolder;
}

.noborder {
	border: none;
}

.two_columns {
	float: left;
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.field_div {
	margin-bottom: 10px;
}

.field_div:last-of-type {
	margin-bottom: 0;
}

.field_div .label,
.submit_div .label {
	float: left;
	padding: 0 5px;
	text-align: right;
	width: 150px;
}
.field_div .input,
.submit_div .input {
	padding: 0 5px;
}

.small_label {
	text-align: right;
	width: auto;
}

.scale_image {
	max-width: 500px;
}

.scale_torrents {
	max-width: 500px;
	max-height:160px;
	width: auto;
    height: auto;
}

.sidebar img {
	max-width: 220px;
}

.forum_post td img {
	max-width: 675px;
}

#collage #reply_box img,
#forums #reply_box img {
	max-width: 650px;
}

#artistcomments #reply_box img,
#request_comments #reply_box img,
#torrent_comments #reply_box img {
	max-width: 400px;
}

#artistcomments img,
#request_comments img,
#torrent_comments img {
	max-width: 417px;
}

.blog_post img {
	max-width: 825px;
}

#artist_information img,
.box_request_desc img,
.news_post img,
.torrent_description img,
.wiki_article img {
	max-width: 570px;
}

.torrentdetails img {
	max-width: 540px;
}

#inbox #preview img,
#staffpm #reply_box img,
#wiki .create_form img,
#wiki .edit_form img {
	max-width: 805px;
}

#inbox .body img {
	max-width: 830px;
}

#userform img {
	max-width: 490px;
}

.profileinfo img {
	max-width: 565px;
}

#reportsv2 .manage_form img {
	max-width: 616px;
}

/* make Safari treat <input type="search" /> as a regular text box */
input[type="search"] {
	-webkit-appearance: textfield;
	/*font-size: medium;
	background: #fff;*/
}
` );