/*
TOP MENU BAR FULL CUSTOMIZATION 
I split the bar into sections, use the colors to identify what you're customizing on the layout when you edit and look at it.
REMEMBER: the top bar looks different to the owner of the list looking at their own list, and different to users logged who aren't the owner. 
Thirdly, it looks different to people not logged in. Some parts don't even appear to users not logged in. 
But all the codes for customizing it for all three types are featured below!


FIRST PART: "USERNAME, LOGOUT"
The first section below is the top left part featuring your user name, a user sees it when they're logged in. 
It won't appear to people not logged in. 
*/
#mal\_cs\_listinfo {
background:green !important;
}
#mal\_cs\_listinfo a {
background:pink !important;
color: blue !important;
}
#mal\_cs\_listinfo a strong {
color:red;
background: blue;
}

/*
SECOND PART: "ADD TO LIST, HOME, ANIME LIST, MANGA LIST"
The seond part only users logged in see. 
It looks the same to the owner of the list and to a user who's not the owner of the list but logged in.
It won't appear to people not logged in.
*/
#mal\_cs\_links {
background: orange;
}
#mal\_cs\_links div:first-of-type a:first-of-type
{color: blue !important;
background: cyan !important;
}
#mal\_cs\_links div:first-of-type a:last-of-type
{color: gold !important;
background: purple !important;
}
#mal\_cs\_links div:last-of-type a:first-of-type
{color: green !important;
background: white !important;
}
#mal\_cs\_links div:last-of-type a:last-of-type
{color: red !important;
background: silver !important;
}


/*
THIRD PART OF BAR "YOU ARE VIEWING YOUR/USERNAME'S LIST"
Appears very different depending on if you're logged in or not and if you're the owner of the list, 
but logged-out people see this part. But all the codes for those different views are included below. 
There are two parts in the codes below that say my user name "Shishio-kun"-
you need to replace that with your own exact username.  
*/
#mal\_cs\_otherlinks {
background: blue;
}
#mal\_cs\_otherlinks strong {
background:red !important;
}
#mal\_cs\_otherlinks a[href="http://myanimelist.net/history/Shishio-kun"]{
color: red !important;
background: teal !important;
}
#mal\_cs\_otherlinks a[href="http://myanimelist.net/forum/"]{
color: orange !important;
background: yellow !important;
}
#mal\_cs\_otherlinks a[href="http://myanimelist.net/panel.php?go=export"]{
color: blue !important;
background: green !important;
}
#mal\_cs\_otherlinks a[href="http://myanimelist.net/profile/Shishio-kun"] {
    background: yellow !important;
    color: green !important;
}
#mal\_cs\_otherlinks a {
color: yellow !important;
background: violet !important;
}
#mal\_cs\_otherlinks div:last-of-type a:first-of-type{
color: silver !important;
background: brown !important;
}
#mal\_cs\_otherlinks span{
background: orange;
}
#mal\_cs\_otherlinks a[href="http://myanimelist.net/modules.php?go=faq"]{
color: white !important;
background: black !important;
}


/*
FAR RIGHT-SIDE PANEL "POWERED BY MYANIMELIST.NET" 
Features search, looks the same to all users logged in or not.
*/
#mal\_cs\_powered {
background:cyan !important;
}
#mal\_cs\_powered a {
background:yellow !important;
}
#mal\_cs\_powered #search {
background:brown !important;
}
#searchListButton {
background:violet !important;
}


/*MAL LOGO "MYANIMELIST"
This is only seen by people NOT logged in. 
Its on the left side.
*/
#mal\_control\_strip {
    background: aquamarine !important;
}
td#mal\_cs\_pic a img {
    background: silver !important;
}