@media only screen and (max-width: 1200px){
table.mainouter
{
	max-width:1200px; 
	width:100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
table.mainouter
{
	max-width:1600px; 
	width:96%;
}
}
@media only screen and (min-width: 1600px) and (max-width: 2000px){
table.mainouter
{
	max-width:2000px; 
	width:90%;
}
}
@media only screen and (min-width: 2000px) and (max-width: 3000px){
table.mainouter
{
	max-width:3000px; 
	width:85%;
}
}
@media only screen and (min-width: 3000px){
table.mainouter
{
	max-width:4000px; 
	width:70%;
}
}
table {
    border:none;
    border-collapse:collapse;
    border-spacing:0px;
}
.table {
    border:none;
    border-collapse:collapse;
}
table.transparent {background-color:transparent}
#page {
    text-align:center;
    padding-bottom:2em;
}
td.torrent {
    overflow:hidden;
    padding:0;
    width:500px;
    text-align:left;
}
.progress {
    position:absolute;
    height:4%;
    /*top:-20%;*/
	
}
.progress.seeding {background-color:#f9f}
.progress.seeded {background-color:#fcf}
.progress.finished {background-color:silver}
.progress.downloading {background-color:lightgreen}
.progress.downloaded {background-color:lightyellow}
.progress.uploaded.seeding {background-color:sandybrown}
.progress.uploaded {background-color:#FAD7B7}

.color_downloaded {color:#8b0000}

/*table.progresstable td { padding: 10px; }*/

table.progresstable tr.progresstr td.progresstd {
    position: relative;
}
div.progresstd {
    position: relative;
}
/*table.progresstable tr.progress-full td.progresstd::before,
table.progresstable tr.progress-half td.progresstd::before,
table.progresstable tr.progress-quarter td.progresstd::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: red;
    z-index: -1;
}

table.progresstable tr.progress-full td.progresstd::before {
    width: 100%;
}
table.progresstable tr.progress-half td.progresstd::before {
    width: 50%;
}
table.progresstable tr.progress-quarter td.progresstd::before {
    width: 25%;
}*/
table.progresstable tr.progresstr div.progressseeding {
    display:block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #f9f;
}
table.progresstable tr.progresstr div.progressseeded {
    display:block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #fcf;
}
table.progresstable tr.progresstr div.progressfinished {
    display:block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: silver;
}
table.progresstable tr.progresstr div.progressdownloading {
    display:block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: lightgreen;
}
table.progresstable tr.progresstr div.progressdownloaded {
    display:block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: lightyellow;
}
table.progresstable tr.progresstr div.progressuploaded.progressseeding {
    display:block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: sandybrown;
}
table.progresstable tr.progresstr div.progressuploaded {
    display:block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #FAD7B7;
}
table.torrentname{
    position: relative;
	background-color:transparent;	
}
td.embedded{
	background-color:transparent;
}
.tablesorter-default .header,.tablesorter-default .tablesorter-header{background-image:url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);background-position:center right;background-repeat:no-repeat;cursor:pointer;padding:4px 20px 4px 4px}.tablesorter-default thead .headerSortUp,.tablesorter-default thead .tablesorter-headerAsc,.tablesorter-default thead .tablesorter-headerSortUp{background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);border-bottom:#000 2px solid}.tablesorter-default thead .headerSortDown,.tablesorter-default thead .tablesorter-headerDesc,.tablesorter-default thead .tablesorter-headerSortDown{background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);border-bottom:#000 2px solid}

.locked2{overflow:hidden;margin:10px 0;padding:8px 8px 8px 24px;border:1px dashed #FF9A9A;background:#FFFFFF url(/pic/locked.gif) no-repeat 6px 50%;font-size:12px;zoom:1;}.locked2:hover{background-color:#F7F7F7;}.locked2 strong{color:#F26C4F;}.locked2 a{color:#369;}
dl {
    margin: 0;
}
dl.table {
    width:80%;
    min-width:500px;
    margin:0 auto;
    border:1px black solid;
}
dl dt {
    float:left;
    font-weight:bold;
    margin-right:10px;
    padding:5px;
    width:100px;
    text-align:right;
    *clear:both;
}
dl.midt dt {width:20%}
dl.midt dd {
    padding-left:22%;
    *padding-left:0;
}
dl.longt dt {width:40%}
dl.longt dd {
    padding-left:42%;
    *padding-left:0;
}
dl dd {
    margin:0;
    padding:5px 0 5px 120px;
    border-top:1px silver dashed;
    min-height:1.1em;
    *padding: 0;
}
dl dd.no-dt {
    margin-left:120px;
    padding-left:0;
}
dl.no-line dd {
    border-top: none;
}
dl.clear > dd:after {
    content:'.';
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
}
#dbdl>dd{
    line-height:14px;
    padding-left:70px;
}
#dbdl>dt{
    line-height:14px;
    width:50px;
}
input.a{border:none;background-color:transparent;padding:0;margin:0;vertical-align:0}
input.a:hover{color:red;cursor:pointer}
.minor-list.properties li:before{content:"[";color:black}.minor-list.properties li:after{content:"]";color:black}.minor-list.properties li{color:red;font-size:80%}.minor-list ul{display:inline;margin:0px;padding:0px;list-style:none;list-style-type:none;list-style-image:none;vertical-align:middle !ie}.minor-list li{display:inline-block;display:inline !ie;line-height:1.35em;padding:0 .5em;margin:0.3em 0;zoom:1}.minor-list.list-seperator li,li.list-seperator{border-left:1px solid #AAA}.minor-list li:first-child{padding-left:.4em;border-left:none}.minor-list .title{padding-right:.5em}.minor-list.horizon-compact li,.minor-list-vertical li:first-child,.topics td.icon{padding:0}.minor-list-vertical.loose li{margin:0.4em}.minor-list-vertical ul{margin:0px;padding:0px;list-style:none;list-style-type:none;list-style-image:none;vertical-align:middle !ie}.minor-list-vertical li{display:block;padding:0;margin:0;zoom:1}

.torrents .optiontag {padding: 1pt 2pt;margin-right: 1.5pt;border-radius: 1pt;}

.rainbow {
    text-align: center;
    text-decoration: underline;
    /*font-size: 32px;*/
    /*font-family: monospace;*/
    /*letter-spacing: 5px;*/
    background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 6s ease-in-out infinite;
    background-size: 400% 100%;
}
@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }
    50% {
        background-position: 100% 0;
    }
}
