/*BACKGROUND*/
body
     background: rgba(33, 33, 33, 0.6) url("http://i.imgur.com/mD6TnDu.jpg") no-repeat fixed top right;
     background-size: cover;
}

/*TEXT*/
body { /*Main Font*/
     font: 13px Verdana, Arial;
}

* { /*Remove Underline*/
     text-decoration: none !important;
}

a {
     color: rgba(255, 254, 249, 1);
}

a:hover {
     color: rgba(172, 115, 254, 1);;;
}

/*SHADOW*/
a,
#copyright,
#copyright:before {
     text-shadow: 10px 0px transparent, -10px 0px transparent;
}

a:hover,
.table_header a:hover,
tr:hover [class^=td] a,
#copyright:hover,
#copyright:hover:before {
     text-shadow: 0px 0px rgba(172, 115, 254, 1);;, -0px 0px rgba(172, 115, 254, 1);;;
}

/*TRANSITION*/
a,
#mal_cs_pic,
#searchBox,
#copyright,
#copyright:before {
     transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
}

/*TOPBAR*/
#mal_control_strip {
     background-color: rgba(33, 33, 33, 0.8) !important;
     background-image: none !important;
     position: fixed;
     top: 0px;
     z-index:10;
}

#mal_control_strip,
#mal_cs_pic a[href="/"],
#mal_cs_links a,
#mal_cs_otherlinks a { /*Topbar Height*/
     height: 40px;
}

#mal_control_strip img { /*Remove MAL Logo*/
     display: none;
}

#mal_cs_pic,
#mal_cs_listinfo,
#mal_cs_links { /*Remove Border*/
     border: 0 !important;
}

#mal_cs_pic {
     background-color: rgba(33, 33, 33, 0.7);
     padding: 0 !important;
     width: 100px !important;
     float: left;
}

#mal_cs_pic:hover {
     background-color: rgba(136, 82, 213, 0.5);
}

#mal_cs_pic a[href="/"] {
     display: block;
}

#mal_cs_pic a[href="/"],
#mal_cs_links a[href="/"] { /*Topbar Character*/
     background: url(http://i.imgur.com/yUEYRSe.png) no-repeat;
     width: 100px !important;
}

#mal_cs_listinfo {
     width: 200px !important;
     background-color: rgba(33, 33, 33, 0.7);
}

#mal_cs_listinfo div {
     padding-left: 100px;
     width: 100px;
}

#mal_cs_listinfo a,
#mal_cs_otherlinks strong,
#mal_cs_otherlinks a,
span[title="Compatibility Score"],
#searchBox { /*Topbar Font*/
     font-family: Consolas, "Lucida Console", Monaco, monospace !important;
}

#mal_cs_listinfo a:hover {
     color: rgba(172, 115, 254, 1);;
     border-left: 5px solid rgba(172, 115, 254, 1);;
     padding-left: 5px;
}

#mal_cs_links {
     padding: 0 !important;
     width: 120px !important;
}

#mal_cs_links div {
     font-size: 0 !important;
     margin: 0 !important;
     float: left;
}

#mal_cs_links a,
#mal_cs_otherlinks a { /*Icon Size*/
     background-size: 20px !important;
     font-size: 0 !important;
     width: 40px;
     display: inline-block;
}

#mal_cs_links a[href="/addtolist.php?hidenav=1"] { /*Add to List*/
     background: url(http://i.imgur.com/nsWVnOZ.png) no-repeat center;
}

#mal_cs_links a[href="/"] { /*Home*/
     background-size: 100px !important;
     left: 0px;
     position: fixed;
     top: 0px;
}

#mal_cs_links a[href*="/animelist/"] { /*Anime list*/
     background: url(http://i.imgur.com/rEKufRv.png) no-repeat center;
}

#mal_cs_links a[href*="/mangalist/"] { /*Manga list*/
     background: url(http://i.imgur.com/yreD4R3.png) no-repeat center;
}

#mal_cs_links a:hover,
#mal_cs_otherlinks a:hover {
     background-color: rgba(136, 82, 213, 0.5) !important;
}

#mal_cs_otherlinks  {
     float: left;
}

#mal_cs_otherlinks div {
     margin: 0 !important;
}

#mal_cs_otherlinks div:first-of-type {
     float: left;
}

#mal_cs_otherlinks div:last-of-type {
     font-size: 0px;
     display: inline-block;
}

#mal_cs_otherlinks strong {
     text-align: center;
     padding: 0px 10px 0px;
     display: inline-block;
}

#mal_cs_otherlinks strong,
span[title="Compatibility Score"] { /*Topbar Line-Height*/
     line-height: 40px !important;
}

#mal_cs_otherlinks strong,
#mal_cs_otherlinks strong a {
     font-size: 12px !important;
     height: auto;
     width: auto;
}

#mal_cs_otherlinks strong a:hover {
     background: transparent !important;
     color: rgba(172, 115, 254, 1);;;
}

#mal_cs_otherlinks a {
     margin: 0 !important;
}

#mal_cs_otherlinks a[href*="/history/"] { /*History*/
     background: url(http://i.imgur.com/TH9F7nx.png) no-repeat center;
}

#mal_cs_otherlinks a[href="/forum/"] { /*Forum*/
     background: url(http://i.imgur.com/2EGXmZT.png) no-repeat center;
}

#mal_cs_otherlinks a[href="/panel.php?go=export"] { /*Export*/
     background: url(http://i.imgur.com/cbFWs9A.png) no-repeat center;
}

#mal_cs_otherlinks a[href*="/sharedanime.php?"],
#mal_cs_otherlinks a[href*="/sharedmanga.php?"] {  /*Shared Anime:Manga*/
     background: url(http://i.imgur.com/ZYQny69.png) no-repeat center;
}

#mal_cs_otherlinks a[href*="/mangalist/"],
#mal_cs_otherlinks a[href*="/animelist/"] { /*Anime:Manga List*/
     background: url(http://i.imgur.com/YAdeUb2.png) no-repeat center;
}

#mal_cs_otherlinks a[href="/login.php"] { /*Login*/
     background: url(http://i.imgur.com/KruWh5b.png) no-repeat center;
}

#mal_cs_otherlinks a[href="/register.php"] { /*Register*/
     background: url(http://i.imgur.com/YfXWcOC.png) no-repeat center;
}

#mal_cs_otherlinks a[href="/forum/?topicid=515949"] { /*FAQ*/
     background: url(http://i.imgur.com/uH484vO.png) no-repeat center;
}

span[title="Compatibility Score"] { /*Score*/
     text-align: center;
     font-size: 15px;
     width: 60px;
     display: inline-block;
     float: right;
}

/*SEARCH*/
#mal_cs_powered {
     height: 32px !important;
}

#searchBox {
     background-color: transparent;
     color: rgba(255, 254, 249, 1);
     letter-spacing: 0.1em;
     text-align: right;
     text-transform: uppercase;
     font-size: 12px !important;
     border: solid rgba(172, 115, 254, 1);;
     border-width: 0px 5px 0px 0px;
     padding-right: 10px;
     height: 20px;
     width: 500px !important;
     display: block;
}

#searchBox:hover {
     border-right: 10px solid rgba(172, 115, 254, 1);;
     padding-right: 10px;
}

#searchListButton { /*Remove Search Button*/
     display: none;
}

/*CATEGORY*/
.status_not_selected a,
.status_selected a {
     color: rgba(255, 254, 249, 1);
     line-height: 30px !important;
     text-align: right;
     font: 15px Consolas, "Lucida Console", Monaco, monospace;
     border-right: 5px solid rgba(172, 115, 254, 1);;
     margin-top: 50px;
     padding-right: 10px;
     height: 30px;
     width: 150px;
     display: block;
     position: fixed !important;
     right: 7px;
     z-index: 10;
}

.status_not_selected a:hover,
.status_selected a:hover {
     color: rgba(172, 115, 254, 1);;
     border-left: 0px;
     border-right: 10px solid rgba(172, 115, 254, 1);;;
}

.status_not_selected > a[href*="status=1"],
.status_selected > a[href*="status=1"] { /*Currently Watching:Reading*/
     top: 0px; 
}

.status_not_selected > a[href*="status=2"],
.status_selected > a[href*="status=2"] { /*Completed*/
     top: 30px; 
}

.status_not_selected > a[href*="status=3"],
.status_selected > a[href*="status=3"] { /*On-Hold*/
     top: 60px;
}

.status_not_selected > a[href*="status=4"],
.status_selected > a[href*="status=4"] { /*Dropped*/
     top: 90px;
}

.status_not_selected > a[href*="status=6"],
.status_selected > a[href*="status=6"] { /*Plan to Watch:Read*/
     top: 120px; 
}

.status_not_selected > a[href*="status=7"],
.status_selected > a[href*="status=7"] { /*All Anime:Manga*/
     top: 150px; 
}

.status_selected a {
     color: rgba(172, 115, 254, 1);;
     text-transform: uppercase;
     border-left: 0px;
     border-right: 10px solid rgba(172, 115, 254, 1);;;
}

/*HEADER*/
#list_surround .header_cw,
.header_completed,
.header_onhold,
.header_dropped,
.header_ptw {
     background-color: rgba(136, 82, 213, 0.5);
     margin-top: 10px;
     padding: 10px;
}

#list_surround .header_title {
     color: rgba(33, 33, 33, 1);
     letter-spacing: 5px;
     text-transform: uppercase;
     font: bold 25px Consolas, "Lucida Console", Monaco, monospace;
     margin-left: 70px;
}

/*LIST TABLE*/
#list_surround {
     margin-right: 500px;
     padding-right: 20px;
     width: auto;
     left: 10px;
     position: absolute;
     top: 40px;
}

#list_surround br {
     display: none;
}

#list_surround .animetitle + small {
     text-transform: lowercase;
     font-size: 10px;
     margin-left: 5px;
     padding: 2px;
     opacity: 1;
}

#list_surround .animetitle:hover {
     border-left: 5px solid rgba(172, 115, 254, 1);;
     padding-left: 5px;
}

/*ROWS*/
.table_header {
     background-color: rgba(33, 33, 33, 0.7);
     line-height: 2.0em;
     padding: 4px;
}

.table_header,
.td1,
.td2 {
     color: rgba(172, 115, 254, 1);;;
}

.td1,
.td2 {
     line-height: 1.0em;
     padding: 4px;
}

.td1 { /*Row 1 Color*/
     background-color: rgba(33, 33, 33, 0.5);
}

.td2 { /*Row 2 Color*/
     background-color: rgba(33, 33, 33, 0.4);
}

.td1 small,
.td2 small {
     font-size: 10px;
     opacity: 0;
}

tr:hover .td1,
tr:hover .td2 { /*Row Hover*/
     background-color: rgba(33, 33, 33, 0.6);
}

tr:hover td.td1 small,
tr:hover td.td2 small {
     opacity: 1;
}

/*MORE*/
.borderRBL {
     color: rgba(172, 115, 254, 1);;;
     padding-left: 50px;
}

.borderRBL br {
     display: block !important;
}

/*TOTAL*/
#list_surround .category_totals,
#grand_totals {
     background-color: rgba(33, 33, 33, 0.7);
     line-height: 25px;
     text-align: center;
     color: rgba(172, 115, 254, 1);;;
}

#grand_totals {
     margin-bottom: 0px;
     margin-top: 10px;
}

/*COPYRIGHT*/
#copyright,
#copyright:before {
     color: rgba(255, 254, 249, 1);
     line-height: 20px;
     text-align: right !important;
     font-family: Consolas, "Lucida Console", Monaco, monospace;
     border-right: 5px solid rgba(172, 115, 254, 1);;;
     padding-right: 5px;
     width: 380px;
     position: fixed;
     right: 7px;
}

#copyright {
     bottom: 10px;
}

#copyright:hover {
     cursor: default;
}

#copyright:hover:before {
     color: rgba(172, 115, 254, 1);;;
     border-right: 10px solid rgba(172, 115, 254, 1);;;
}

#copyright:before { /*DO NOT REMOVE THIS PART OF THE CODE. THANK YOU.*/
     bottom: 50px;
     content: "Layout by Kiokuzoku";
     font-size: 13px;
}

/*COMPATIBILITY*/
@media all and (max-width: 1300px) {

/*SEARCH*/
#searchBox {
     width: 380px !important;
}

/*LIST TABLE*/
#list_surround {
     margin-right: 400px;
     padding-bottom: 40px;
}

/*TOTAL*/
#grand_totals {
     margin-top: 0px;
}

/*COPYRIGHT*/
#copyright,
#copyright:before {
     line-height: 30px;
     text-align: center !important;
     border: 0px;
     width: auto;
     left: 0px;
     position: fixed;
     right: 0px;
}

#copyright {
     background-color: rgba(33, 33, 33, 0.8);
     bottom: 0px;
}

#copyright:hover {
     cursor: default;
}

#copyright:hover:before {
     border: 0px;
}

#copyright:before {
     text-align: right !important;
     padding-right: 7px;
     bottom: 0px;
}
}

@media all and (max-width: 1200px) {

/*SEARCH*/
#searchBox {
     width: 250px !important;
}

/*LIST TABLE*/
#list_surround {
     margin-right: 350px;
}
}

@media all and (max-width: 1100px) {

#inlineContent {
     background-color: rgba(33, 33, 33, 0.8);
     display: block !important;
     height: calc(100% - 70px);
     width: 72px;
     position: fixed;
     right: 0;
     bottom: 30px;
     z-index: 1 !important;
}

/*CATEGORY*/
.status_not_selected a,
.status_selected a {
     background-size: 30px !important;
     font-size: 0;
     height: 50px;
     width: 40px;
}

.status_not_selected a:hover,
.status_selected a:hover {
     background-color: rgba(136, 82, 213, 0.5) !important;
}

.status_not_selected > a[href*="status=1"],
.status_selected > a[href*="status=1"] { /*Currently Watching:Reading*/
     background: transparent url(http://i.imgur.com/cNTCTyj.png) no-repeat center;
     top: 0px;
}

.status_not_selected > a[href*="status=2"],
.status_selected > a[href*="status=2"] { /*Completed*/
     background: transparent url(http://i.imgur.com/JfdJWRg.png) no-repeat center;
     top: 50px;
}

.status_not_selected > a[href*="status=3"],
.status_selected > a[href*="status=3"] { /*On-Hold*/
     background: transparent url(http://i.imgur.com/vZboTvC.png) no-repeat center;
     top: 100px;
}

.status_not_selected > a[href*="status=4"],
.status_selected > a[href*="status=4"] { /*Dropped*/
     background: transparent url(http://i.imgur.com/9SzlAMd.png) no-repeat center;
     top: 150px;
}

.status_not_selected > a[href*="status=6"],
.status_selected > a[href*="status=6"] { /*Plan to Watch:Read*/
     background: transparent url(http://i.imgur.com/Nok6gcw.png) no-repeat center;
     top: 200px;
}

.status_not_selected > a[href*="status=7"],
.status_selected > a[href*="status=7"] { /*All Anime:Manga*/
     background: transparent url(http://i.imgur.com/rTZ2xLs.png) no-repeat center;
     top: 250px;
}

.status_selected a {
     background-color: rgba(136, 82, 213, 0.5) !important;
     border-right: 5px solid rgba(172, 115, 254, 1);;;
}

/*SEARCH*/
#searchBox {
     width: 150px !important;
}

/*LIST TABLE*/
#list_surround {
     padding-right: 0px;
     width: calc(100% - 92px);
}
}

@media all and (max-width: 1000px) {

/*SEARCH*/
#searchBox {
     width: 100px !important;
}
}

@media all and (max-width: 900px) {

/*TOPBAR*/
#mal_cs_otherlinks {
     padding: 0 !important;
}

#mal_cs_otherlinks strong {
     background-size: 20px !important;
     font-size: 0 !important;
     padding: 0;
     width: auto !important;
     display: inline-block;
}

#mal_cs_otherlinks strong a{
     font-size: 0 !important;
     width: 40px !important;
     display: inline-block;
}

#mal_cs_otherlinks strong a,
#mal_cs_otherlinks strong a:hover { /*List Profile*/
     background: transparent url(http://i.imgur.com/1wG9C6w.png) no-repeat center !important;
     background-size: 20px !important;
}

#mal_cs_otherlinks strong a:hover {
     background-color: rgba(136, 82, 213, 0.5) !important;
}

span[title="Compatibility Score"] { /*Score*/
     width: 60px;
}

/*SEARCH*/
#searchBox {
     width: 250px !important;
}

/*COPYRIGHT*/
#copyright {
     opacity: 1;
}

#copyright:hover {
     font-size: 0;
}

#copyright:hover:before {
     opacity: 1;
}

#copyright:before  {
     text-align: center !important;
     opacity: 0;
}
}

@media all and (max-width: 850px) {

/*SEARCH*/
#searchBox {
     width: 180px !important;
}

/*LIST TABLE*/
#list_surround {
     padding-right: 82px !important;
     width: 850px;
}
}

@media all and (max-width: 720px) {

/*SEARCH*/
#searchBox {
     width: 120px !important;
}
}

@media all and (max-width: 650px) {

/*TOPBAR*/
span[title="Compatibility Score"] { /*Score*/
     display: none;
}

/*SEARCH*/
#searchBox {
     width: 100px !important;
}
}

@media all and (max-width: 600px) {

/*SEARCH*/
#searchBox {
     width: 70px !important;
}
}

@media all and (max-width: 580px) {

#inlineContent {
     width: 62px;
}

/*TOPBAR*/
#mal_cs_otherlinks strong,
#mal_cs_otherlinks strong a,
#mal_cs_otherlinks a[href*="/history/"],
#mal_cs_otherlinks a[href="/forum/"],
#mal_cs_otherlinks a[href="/panel.php?go=export"],
#mal_cs_otherlinks a[href*="/sharedanime.php?"],
#mal_cs_otherlinks a[href*="/sharedmanga.php?"],
#mal_cs_otherlinks a[href*="/mangalist/"],
#mal_cs_otherlinks a[href*="/animelist/"] {
     display: none;
}

#mal_cs_otherlinks a[href="/forum/?topicid=515949"] { /*FAQ*/
     display: inline-block;
}

/*SEARCH*/
#searchBox {
     width: 150px !important;
}

/*CATEGORY*/
.status_not_selected a,
.status_selected a {
     height: 40px;
     width: 30px;
}

.status_not_selected > a[href*="status=1"],
.status_selected > a[href*="status=1"] { /*Currently Watching:Reading*/
     top: 0px;
}

.status_not_selected > a[href*="status=2"],
.status_selected > a[href*="status=2"] { /*Completed*/
     top: 40px;
}

.status_not_selected > a[href*="status=3"],
.status_selected > a[href*="status=3"] { /*On-Hold*/
     top: 80px;
}

.status_not_selected > a[href*="status=4"],
.status_selected > a[href*="status=4"] { /*Dropped*/
     top: 120px;
}

.status_not_selected > a[href*="status=6"],
.status_selected > a[href*="status=6"] { /*Plan to Watch:Read*/
     top: 160px;
}

.status_not_selected > a[href*="status=7"],
.status_selected > a[href*="status=7"] { /*All Anime:Manga*/
     top: 200px;
}

/*COPYRIGHT*/
#copyright {
     font-size: 0;
}

#copyright:hover {
     font-size: 11px;
}

#copyright:hover:before {
     opacity: 0;
}

#copyright:before  {
     color: rgba(172, 115, 254, 1);;;
     opacity: 1;
}

/*LIST TABLE*/
#list_surround {
     padding-right: 72px !important;
}
}

@media all and (max-width: 480px) {

/*SEARCH*/
#searchBox {
     width: 100px !important;
}
}

@media all and (max-width: 400px) {

#inlineContent {
     height: calc(100% - 40px);
     width: 40px;
     bottom: 0px;
}

/*TOPBAR*/
#mal_cs_links {
     float: right;
     margin-right: 40px;
}

/*CATEGORY*/
.status_not_selected a,
.status_selected a {
     border: 0;
     margin-top: 0px;
     padding-right: 0px;
     height: 40px;
     width: 40px;
     display: block;
     position: fixed !important;
     right: 0px;
     z-index: 10;
}

.status_not_selected a:hover,
.status_selected a:hover {
     border: 0px;
}

/*COPYRIGHT*/
#copyright,
#copyright:before {
     line-height: 20px;
     text-align: left !important;
     padding-left: 10px;
     margin-right: 40px;
}

#copyright:hover {
     font-size: 11px;
     height: 40px;
}

#copyright:before {
     font-size: 12px;
}

/*SEARCH*/
#search{
     display: none;
}

/*LIST TABLE*/
#list_surround {
     padding-bottom: 30px;
     padding-right: 50px !important;
}
}

@media all and (max-width: 360px) {

/*TOPBAR*/
#mal_cs_listinfo{
     max-width: 260px;
     padding: 0px !important;
}

#mal_cs_listinfo a{
     padding-left: 5px !important;
}

#mal_cs_links {
     float: right;
     margin-right: 40px !important;
}

/*LIST TABLE*/
.td1, .td2 {
     font-size: 12px;
     line-height: 10px !important;
}
}

@media all and (max-width: 320px) {

#mal_cs_links a[href="/addtolist.php?hidenav=1"] { /*Add to List*/
     display: none;
}
}

@media all and (max-width: 240px) {
     
#inlineContent {
     display: none !important;
}

/*TOPBAR*/
#mal_cs_pic a[href="/"],
#mal_cs_links a[href="/"] {
     background:  transparent;
     width: calc(100% - 40px) !important;
}

#mal_cs_listinfo {
     background: transparent;
}

#mal_cs_listinfo div,
#mal_cs_links a[href*="/animelist/"],
#mal_cs_links a[href*="/mangalist/"],
.status_not_selected a {
     display: none;
}

/*CATEGORY*/
.status_selected a {
     top: 0 !important;
}

/*LIST TABLE*/
#list_surround {
     padding-right: 10px !important;
}

/*COPYRIGHT*/
#copyright,
#copyright:before {
     line-height: 20px;
     text-align: center !important;
     padding-left: 0px;
     margin-right: 0px;
}

#copyright:hover {
     font-size: 10px;
     height: auto;
}

#copyright:before {
     font-size: 12px;
}
}

@media all and (max-width: 160px) {

#copyright:hover {
     font-size: 0px;
}

#copyright:hover:before {
     opacity: 1;
}

#copyright:before {
     content: "Kiokuzoku";
     height: 20px;
     opacity: 1;

}
}

/* The iDOLM@ASTER Cinderella Girls - Rin Shibuya
LAYOUT BY KIOKUZOKU (http://myanimelist.net/profile/Kiokuzoku | http://azizkeybackspace.deviantart.com/).
*/