/*
 This is a site theme CSS file
 It should contain *only* color definitions
*/

/****************
 General Colors
****************/

/* Basic background color */
body {
  background-color: rgb(246,246,246);
}

/* Content preview background color */
div.content_preview {
  background-color: rgb(230,230,230);
}

/* "Content Preview" message color */
div.content_preview_note {
  color: rgb(40,60,155);
  background-color: rgb(215,215,215);
}

/* Borders between layout sections */
.basic_layout {
  border-color: rgb(40,60,155) !important;
}

/* Color of error text */
.error {
  color: rgb(255,0,0);
}

/* General text color for links */
a:link, a:visited {
  color: rgb(0,40,220);
}

/* Shading for highlighted link buttons */
a.link_button:hover {
  background-color: rgb(220,220,220);
}

/* Header text color */
h1, h2, h3 {
  color: rgb(40,60,155);
}

/***************
 Header Colors
***************/

/* Header background color */
div.topbar {
  background-color: rgb(40,60,155);
}

/* General header text color */
div.topbar, div.topbar a {
  color: rgb(255,255,255);
}

/* Quote preview (for suggestions) border */
div.quote_preview {
  border-color: rgb(220,220,220) !important;
}

/* The color of a logged in username */
a.username:link, a.username:visited, a.username:hover {
  color: rgb(255,255,100);
}

/* Shading for highlighted login buttons */
a.login_button:hover {
  color: rgb(255,255,100);
}

/****************
 Sidebar Colors
****************/

/* Sidebar link colors */
div.sidebar a {
  color: rgb(40,60,155);
}

/* Text color of highlighted sidebar options */
div.sidebar a:hover {
  background-color: rgb(40,60,155);
  color: rgb(255,255,255);
}

/*********************
 User Profile Colors
*********************/

/* User profile sidebar */
div.user_stats {
  border-color: rgb(40,60,155) !important;
  background-color: rgb(255,255,255);
}

/* Alternating columns in settings table */
table.settings td.column_a {
  background-color: rgb(186,186,186);
}

/* Other alternating columns in settings table */
table.settings td.column_b {
  background-color: rgb(226,226,226);
}

/****************
 Rewards Colors
****************/

/* Silver (forum) reward colors */
span.reward.silver {
  border-color: rgb(240,240,255) !important;
  background-color: rgb(225,225,245);
}

/* Gold (site) reward colors */
span.reward.gold {
  border-color: rgb(255,245,215) !important;
  background-color: rgb(252,237,192);
}

/* Assigned reward borders */
span.reward.assigned {
  border-color: rgb(0,0,60) !important;
}

/*************
 Chat Colors
*************/

/* The main chat window (NOT including active user list) */
div.chat {
  background-color: rgb(230,230,240);
}

/* The chat window shares a bottom border with the input/active user list */
div.chat.active_divider {
  border-bottom-color: rgb(180,180,190) !important;
}

/* Chat headers (timestamps) */
div.chat span.chat_header {
  color: rgb(120,120,120);
}

/* Chat header links (usernames) */
div.chat span.chat_header a {
  color: rgb(0,100,160);
}

/* No active users note */
span.no_active_users {
  color: rgb(128,128,128);
}

/* Hover over chat links (change background) */
div.chat span.user_line a:hover {
  background-color: rgb(220,220,240);
}

/* Shading for hightlighted chat button */
a.chat_button:hover {
  background-color: rgb(200,200,200);
}

span.highlight { background-color: rgb(250,250,50); } /* Highlighted text (for showing search terms) */

/********************
 Button/Link Colors
********************/

.attention { color: rgb(255,0,0) !important; } /* Important links that require attention */

/*************
 List Colors
*************/

/* Background for even list rows */
table.section_list tr.even {
  background-color: rgb(235,235,235);
}

/* Background for odd list rows */
table.section_list tr.odd {
  background-color: rgb(225,225,225);
}

/* Background for highlighted even list rows */
table.section_list tr.even td.highlighted {
  background-color: rgb(245,245,200);
}

/* Background for highlighted odd list rows */
table.section_list tr.odd td.highlighted {
  background-color: rgb(235,235,190);
}

/* Borders within tables */
table.section_list td, table.section_list th {
  border-color: rgb(150,160,190) !important;
}

/* Text color for "new" note */
span.new {
  color: rgb(20,150,60);
}

/* Text color for "hidden" note */
span.hidden {
  color: rgb(220,0,0);
}

/* Text color for "reply" note */
span.reply {
  color: rgb(200,200,200);
}

/* Text color for "updated" or "unread" note */
span.updated, span.unread {
  color: rgb(80,100,170);
}

/* Page link highlighting on even rows */
table.section_list tr.even div.pages a:hover {
 background-color: rgb(215,215,215);
}

/* Page link highlighting on odd rows */
table.section_list tr.odd div.pages a:hover {
 background-color: rgb(205,205,205);
}

/* Shading for highlighted page buttons */
a.page_button:hover {
  background-color: rgb(220,220,220);
}

span.grayed { color: rgb(180,180,180); } /* Grayed-out fields */
span.alternate { color: rgb(50,130,80); } /* Alternate color values for two-line lists */

/********************
 Splash Page Colors
********************/

/* Borders within splash content */
div.splash_area, div.splash_list div {
  border-color: rgb(150,160,190) !important;
}

/* Splash page content pane header */
div.splash_content h1 {
  color: rgb(40,60,155);
}

/* Splash area background */
div.splash_area {
  background-color: rgb(255,255,255);
}

/* Blog splash page */
div.splash_blog h1, h2.recent_blogs {
  color: rgb(165,160,50);
}

/* Comment splash page background */
div.splash_comment h1, h2.recent_posts {
  color: rgb(0,120,230);
}

/* Review splash page background */
div.splash_review h1, h2.recent_reviews {
  color: rgb(220,0,0);
}

/* Site update message area in splash list */
div.splash_list div.update {
  color: rgb(255,255,255);
  background-color: rgb(0,20,220);
  border-color: rgb(160,160,160) !important;
}

/* Links in site update message */
div.splash_list div.update a {
  color: rgb(255,255,0);
}

/* Podcast and quote vote splash page background */
div.splash_podcast h1, div.splash_quote_vote h1, div.splash_leaderboards h1 {
  color: rgb(0,150,0);
}

/* Quote voting buttons */
a.quote_vote_button {
  border-color: rgb(40,60,155);
  background-color: rgb(230,230,230);
}

/* "Yes" quote vote button */
a.quote_vote_button.yes {
  color: rgb(0,160,0);
} 

/* "Yes" quote vote button highlighted */
a.quote_vote_button.yes:hover {
  color: rgb(255,255,255);
  background-color: rgb(0,160,0);
}

/* "No" quote vote button */
a.quote_vote_button.no {
  color: rgb(200,0,0);
} 

/* "No" quote vote button highlighted */
a.quote_vote_button.no:hover {
  color: rgb(255,255,255);
  background-color: rgb(200,0,0);
}

/* "Skip" quote vote button */
a.quote_vote_button.skip {
  color: rgb(65,70,255);
} 

/* "Skip" quote vote button highlighted */
a.quote_vote_button.skip:hover {
  color: rgb(255,255,255);
  background-color: rgb(0,0,180);
}

/* Odd-numbered rows in leaderboards */
table.leaderboard tr.odd td {
  background-color: rgb(205,205,205);
}

/* Even-numbered rows in leaderboards */
table.leaderboard tr.even td {
  background-color: rgb(235,235,235);
}

/* Your own row in leaderboards */
table.leaderboard tr.self td {
  background-color: rgb(250,235,120);
  border-color: rgb(205,205,205);
}

/********************
 User Rating Colors
********************/

/* Background shading for voting links */
span.user_rating a:hover {
  background-color: rgb(220,220,220);
}

/* Background shading for voting links in comment headers */
div.comment_header span.user_rating a:hover {
  background-color: rgb(60,90,200);
}

/* Colors for various rating types */
span.user_rating .neutral { color: rgb(128,128,128); }
span.user_rating .positive { color: rgb(0,128,0); }
span.user_rating .negative { color: rgb(255,0,0); }

/* Colors for various rating types in comment headers*/
div.comment_header span.user_rating .neutral { color: rgb(205,205,205); }
div.comment_header span.user_rating .positive { color: rgb(0,210,0); }
div.comment_header span.user_rating .negative { color: rgb(255,0,0); }

/****************
 Message Colors
****************/

/* Overall individual message formatting */
div.message {
  border-color: rgb(40,60,155) !important;
  background-color: rgb(230,230,240);
}

/* Messages sent by you have a different outline */
div.message.sent {
  background-color: rgb(220,240,255);
}

/* Messages you've sent but which haven't been viewed have are outlined in red */
div.message.unread {
  border-color: rgb(220,0,0) !important;
}

/* Received messages you haven't yet read are outlined in blue */
div.message.new {
  border-color: rgb(0,100,255) !important;
}

/* Message unread note */
div.message div.unread {
  color: rgb(120,120,120);
}

/* Message content divider */
div.message div.content {
  border-top-color: rgb(150,160,190) !important;
}

/* Hover over message received links (change background) */
div.message div.content a:hover {
  background-color: rgb(220,220,240);
}

/* Hover over message sent links (change background) */
div.message.sent div.content a:hover {
  background-color: rgb(210,230,245);
}

/* The formatting of the message window popup */ 
div.message_window {
  background-color: rgb(200,30,20);
  border-color: rgb(100,100,100) !important;
  color: rgb(255,255,255);
}

/* The formatting for the links in the message window */
div.message_window a:link, div.message_window a:hover, div.message_window a:visited {
  color: rgb(255,255,255);
}

/*********************
 AJAX Message Colors
*********************/

#ajax_messages li span {
  color: rgb(50,50,50);
  background-color: rgb(255,255,220);
  border-color: rgb(200,200,200) !important;
}

#ajax_messages li.ajax_error span {
  background-color: rgb(220,0,0);
  color: rgb(255,255,255);
  font-weight: bold;
}

/**************
 Popup Colors
**************/

/**************
 Forum Colors
**************/

/* The "vote in this poll" header above poll results */
table.poll_choices th {
  color: rgb(40,60,155);
}

/* Poll choice text */
table.poll_choices td {
  border-color: rgb(150,150,220) !important;
}

/* Poll choice text (in front of bar) */
div.poll_choice {
  color: rgb(255,255,255);
}

/* Poll percentage bars */
div.poll_bar {
  border-color: rgb(40,60,155) !important;
}

/* Background of poll percentage bar */
div.poll_bar.back {
  background-color: rgb(130,130,130);
}

/* Background of poll percentage bar */
div.poll_bar.percent {
  background-color: rgb(40,60,155);
}

/***************
 Comment Colors
***************/

/* Main comment border, including header separator */
div.comment, div.comment_header {
  border-color: rgb(40,60,155) !important;
}

/* "Comment Preview" message color */
.comment_preview_header {
  color: rgb(180,180,180);
}

/* The color of the header for comments */
div.comment_header {
  background-color: rgb(40,60,155);
  color: rgb(255,255,255);
}

/* Links inside comment headers */
div.comment_header a {
  color: rgb(255,255,255);
}

/* Shading for highlighted comment buttons */
div.comment_header a.comment_button:hover {
  color: rgb(255,255,100);
}

/* Text color for "new" note in comment header */
div.comment_header span.new {
  color: rgb(255,255,100);
}

/* Text color for "updated" or "unread" note in comment header */
div.comment_header span.updated, div.comment_header span.unread {
  color: rgb(180,180,180);
}

/* The color of the body for comments */
div.comment_body {
  background-color: rgb(255,255,255);
}

/* Formatting for permalinks for comment subject links */
a:link.subject_permalink, a:hover.subject_permalink, a:visited.subject_permalink {
  color: rgb(255,255,255);
}

/* Content tag version of link button */
a.tag_button {
  background-color: rgb(255,255,255);
  border-color: rgb(128,128,128) !important;
}

/* Shading for highlighted tag buttons */
a.tag_button:hover {
  background-color: rgb(200,200,230);
}

/* Preview comment border (outside only) */
div.comment.preview {
  border-color: rgb(0,0,90) !important;
}

/* Reply-to comment border */
div.comment.reply_to {
  border-color: rgb(160,0,0) !important;
}

/* Reply-to comment header */
div.comment.reply_to div.comment_header {
  border-color: rgb(160,0,0) !important;
  background-color: rgb(160,0,0);
}

/* New comment border */
div.comment.new {
  border-color: rgb(0,105,2) !important;
}

/* New comment header */
div.comment.new div.comment_header {
  border-color: rgb(0,105,2) !important;
  background-color: rgb(0,105,20);
}

/* Updated or unread comment border */
div.comment.updated, div.comment.unread {
  border-color: rgb(90,90,110) !important;
}

/* Updated or unread comment header */
div.comment.updated div.comment_header, div.comment.unread div.comment_header {
  border-color: rgb(90,90,110) !important;
  background-color: rgb(90,90,110) !important;
}

/**********************
 Tag-Formatted Colors
**********************/

/* Color for blackout spoiler tags (should be the same) */
span.blackout {
  color: rgb(40,60,155);
  background-color: rgb(40,60,155);
}

/* Color for clicked blackout spoiler tags */
span.show_blackout { background-color: rgb(205,205,225); }

/* Alternate blackout color for colored backgrounds */
div.topbar span.blackout, div.comment_header span.blackout {
  color: rgb(10,15,38);
  background-color: rgb(10,15,40);
}

/* Coloration for spoiler blocks */
div.spoiler {
  background-color: rgb(150,160,190);
  border-color: rgb(130,130,180) !important;
}

/* Coloration for comment quotes */
div.quote {
  border-color: rgb(40,60,155) !important;
  background-color: rgb(240,245,255);
}

/* Quote heading text */
div.quote span.heading {
  color: rgb(110,110,160);
}

/*****************
 Projects Colors
*****************/

table.project_small { border-color: rgb(0,0,0) !important; }
table.project_small tr td { border-color: rgb(0,0,0) !important; }
tr.subhead td { border-color: rgb(0,0,0) !important; }

/* Workunit box */
div.workunit, div.workunit div.header { border-color: rgb(0,0,0) !important; }
div.workunit div.header { background-color: rgb(180,180,180); }
div.workunit div.details { background-color: rgb(225,225,225); }

/* Priority colors */
.priority_1 { color: rgb(255,0,0); }
.priority_2 { color: rgb(220,100,0); }
.priority_3 { color: rgb(200,180,0); }
.priority_4 { color: rgb(0,160,0); }
.priority_5 { color: rgb(0,0,0); }
.priority_6 { color: rgb(0,0,220); }
.priority_7 { color: rgb(120,0,140); }

/*****************
 Calendar Colors
*****************/

div.popup_dialog {
  border-color: rgb(160,160,160) !important;
  background-color: rgb(240,240,240);
}

table.calendar td {
  border-color: rgb(100,100,100) !important;
  background-color: rgb(200,200,200);
}

table.calendar td.day { background-color: rgb(255,255,240); }
table.calendar td a { color: rgb(0,0,256); }

/* Full screen calendar cell formatting */
table.large_calendar td { background-color: rgb(255,255,255); } /* Normal in-month calendar dates */
table.large_calendar td.highlight { background-color: rgb(250,250,50); } /* In-month dates with search results */
table.large_calendar td.other_month { background-color: rgb(192,192,192); } /* Out-of-month calendar dates */
table.large_calendar td.other_month.highlight { background-color: rgb(188,188,38); } /* Out-of-month dates with search results */

/***********************
 Administration Colors
***********************/

/* Style of site option names */
span.site_option {
  color: rgb(0,128,0);
}

/* Style of user right names */
span.user_right {
  color: rgb(0,0,255);
}

/* Inactive user name style */
span.inactive_user {
  color: rgb(70,70,70);
}

/* Pending user name style */
span.pending_user {
  color: rgb(0,128,0);
}

/* "Spreadsheet" style table, with vertical borders between cells */
table.spreadsheet td, table.spreadsheet th {
  border-color: rgb(190,190,190) !important;
}

/* Unprocessed numbers */
table.spreadsheet td.raw_stat {
  color: rgb(100,100,100);
}

/******************
 Game List Colors
******************/

/* Important unfinished goal total */
span.important_goal {
  color: rgb(255,0,0);
}

/* Standard unfinished goal total */
span.standard_goal {
  color: rgb(0,160,80);
}

/* The smaller text used as the goal total denominator */
span.goal_total {
  color: rgb(110,110,110);
}

.rating_confidence_1 { color: rgb(170,170,170); }
.rating_confidence_2 { color: rgb(140,140,140); }
.rating_confidence_3 { color: rgb(100,100,100); }
.rating_confidence_4 { color: rgb(55,55,55); }
.rating_confidence_5 { color: rgb(0,0,0); }

.new_goal_title { color: rgb(0,140,0); }
.important_goal_title { font-weight: bold; }
.ignored_goal_title { color: rgb(140,140,140); text-decoration: line-through; }

/**************
 RPGCC Colors
**************/

/**************
 Guide Colors
**************/

/* Color of table borders on zodiac chart */
table.zodiac th, table.zodiac td {
  border-color: rgb(120,120,120) !important;
}

/* Name style for usable items */
span.usable, a.usable {
  color: rgb(255,255,255);
}

/* Name style for non-usable items */
span.nonusable, a.nonusable {
  color: rgb(120,130,160);
}

/* Statistic Table Value */
table.stats td {
  border-color: rgb(40,60,155) !important;
}

/* Statistic Table Name */
table.stats th {
  border-color: rgb(150,160,190) !important;
  background-color: rgb(40,60,155);
  color: rgb(255,255,255);
}

/* Special Note Panel */
div.notes {
  border-color: rgb(40,60,155) !important;
  background-color: rgb(240,245,255);
}

/* The coliseum chart is used specifically for the view item page for FF6A */
table.coliseum_chart td {
  border-color: rgb(40,60,155) !important;
}

/* These are used to shade the different levels of the coliseum chart for easy reading */
table.coliseum_chart tr.level_-8 { background-color: rgb(199,79,55); }
table.coliseum_chart tr.level_-7 { background-color: rgb(207,101,80); }
table.coliseum_chart tr.level_-6 { background-color: rgb(215,123,105); }
table.coliseum_chart tr.level_-5 { background-color: rgb(223,145,130); }
table.coliseum_chart tr.level_-4 { background-color: rgb(231,167,155); }
table.coliseum_chart tr.level_-3 { background-color: rgb(239,189,180); }
table.coliseum_chart tr.level_-2 { background-color: rgb(247,211,205); }
table.coliseum_chart tr.level_-1 { background-color: rgb(255,233,230); }
table.coliseum_chart tr.level_0 { background-color: rgb(255,255,180); }
table.coliseum_chart tr.level_1 { background-color: rgb(235,255,235); }
table.coliseum_chart tr.level_2 { background-color: rgb(215,245,215); }
table.coliseum_chart tr.level_3 { background-color: rgb(195,235,195); }
table.coliseum_chart tr.level_4 { background-color: rgb(175,225,175); }
table.coliseum_chart tr.level_5 { background-color: rgb(155,215,155); }
table.coliseum_chart tr.level_6 { background-color: rgb(135,205,135); }
table.coliseum_chart tr.level_7 { background-color: rgb(115,195,115); }
table.coliseum_chart tr.level_8 { background-color: rgb(95,185,95); }

/* Level progression charts */
table.level_progression th, table.level_progression td {
  border-color: rgb(150,160,190);
}

/* Level progression chart headers */
table.level_progression th {
  background-color: rgb(40,60,155);
  color: rgb(255,255,255);
}