html, body {
    color: #000000; /* 両テーマで共通 */
}

body {
    background: #FFF url('top_gradient.png') repeat-x;
}

a {
    color: #5C0075; /* purple-themeのリンク色 */
}

h1, h2, h3, h1 a, h1 a:visited, label {
    color: #333; /* grey-themeの一般的な見出し色 */
}

h1 a:hover, h1 a:visited:hover {
    color: #333; /* grey-themeのホバー色 */
    text-decoration: underline; /* grey-themeのホバー時の下線 */
}

/* =HEADER
--------------------------*/
div#header h1,
div#header h1 a,
div#header h1 a:link,
div#header h1 a:visited,
div#header p {
    color: #000; 
}

/*div.title h1 {
    color: #000;}
*/

.box .title {
    clear: both; /* 両テーマで共通 */
    padding: 5px; /* 両テーマで共通 */
    text-align: left; /* 両テーマで共通 */
    font-weight: normal; /* 両テーマで共通 */
    font-size: 14px; /* 両テーマで共通 */
    font-weight: bold; /* 両テーマで共通 */
    color: #EEE;
}

/*.title a:link{
    color:#FFF;}
*/

/*#topnav {
    background-color: #000; 
}*/

#pagecontent {
    border-left: 1px solid #D3BAE3; /* purple-themeのページコンテンツボーダー色 */
    border-right: 1px solid #D3BAE3; /* purple-themeのページコンテンツボーダー色 */
    border-bottom: 1px solid #D3BAE3; /* purple-themeのページコンテンツボーダー色 */
}

#loginbar a:link, #loginbar a:visited, #loginbar {
    color: #000; 
}

/* =BODY
--------------------------*/
.plainbox, .plainboxFixed {
    padding: 10px; /* 両テーマで共通 */
    border: 1px solid #9E68AE; /* purple-themeのプレーンボックスボーダー色 */
    background-color: #F5F0FF; /* purple-themeのプレーンボックス背景色 */
}

.gradientbox {
    padding: 10px; /* 両テーマで共通 */
    border: 1px solid #9E68AE; /* purple-themeのグラデーションボックスボーダー色 */
    background: url('grad_box.png') repeat-x; /* purple-themeのグラデーション画像 */
}

/* =NAVIGATION
--------------------------*/
ul#nav a {
    text-decoration: none; /* 両テーマで共通 */
    color: #FFF; /* 両テーマで共通 */
    font-weight: bold; /* 両テーマで共通 */
    background-image: url('corner_t_r.png'); /* 両テーマで共通 */
    background-repeat: no-repeat; /* 両テーマで共通 */
    background-position: right top; /* 両テーマで共通 */
}

ul#nav a:hover, ul#nav li#mymine a:hover {
    color: #333; /* 両テーマで共通 */
}

ul#nav li#mymine a {
    color: #FFF; /* purple-themeのmymineリンク色 */
    background: url('corner_my_t_r.png') no-repeat top right; /* 両テーマで共通 */
}

ul#nav li.activelink a {
    color: white; /* 両テーマで共通 */
    background: url('corner_act_t_r.png') no-repeat top right; /* 両テーマで共通 */
}

ul#nav li#mymine {
    background: #9B89A7 url('corner_my_t_l.png') no-repeat; /* purple-themeのmymine背景 */
}

ul#nav li.activelink {
    background: #5C0075 url('corner_act_t_l.png') no-repeat; /* purple-themeのアクティブリンク背景 */
}

ul#submenulist li#subactive_bag, ul#submenulist li#subactive_api {
    height: 37px; /* 両テーマで共通 */
    font-weight: bold; /* 両テーマで共通 */
    color: #FFF; /* 両テーマで共通 */
    background: url('submenu_indent.png') no-repeat bottom center; /* 両テーマで共通 (purpleはapiも含む) */
}

ul#submenulist li#subactive_mymine {
    font-weight: bold; /* 両テーマで共通 */
    color: #FFF; /* purple-themeのmymineサブメニューアクティブ色 */
    background: url('submenu_my.png') no-repeat bottom center; /* 両テーマで共通 */
}

ul#submenulist li#subactive_mymine span {
    color: #000 !important; /* grey-themeのmymineサブメニューアクティブ内のspan色 */
}

ul#nav li {
    text-align: center; /* 両テーマで共通 */
    background: #9F67AD url('corner_t_l.png') no-repeat; /* purple-themeのナビ項目背景 */
}

.submenu {
    background: #5C0075; /* purple-themeのサブメニュー背景 */
    border-left: 1px solid #5C0075; /* purple-themeのサブメニューボーダー */
    border-right: 1px solid #5C0075; /* purple-themeのサブメニューボーダー */
}

.submenu_mymine {
    background: #9B89A7; /* purple-themeのmymineサブメニュー背景 */
}

ul#submenulist li a {
    color: #FFF; /* 両テーマで共通 */
    text-decoration: none; /* 両テーマで共通 */
    font-weight: bold; /* 両テーマで共通 */
}

ul#submenulist li a:hover {
    color: #FFF; /* 両テーマで共通 */
    text-decoration: underline; /* 両テーマで共通 */
    font-weight: bold; /* 両テーマで共通 */
}

ul#submenulist li.myminebagstabtitle a, ul#submenulist li.myminehistorytabtitle a, ul#submenulist li.myminesavedqueriestabtitle a,
ul#submenulist li.myminesavedtemplatestabtitle a, ul#submenulist li.myminepasswordtabtitle a, ul#submenulist li.myminetrackstabtitle a,
ul#submenulist li.mymineapikeytabtitle a {
    color: #000; /* grey-themeのmymineタブタイトルリンク色 */
}

/* =MEGATILE SEARCH
--------------------------*/
div.filterBar {
    background: #9F67AD; /* purple-themeのフィルターバー背景 */
    color: white; /* 両テーマで共通 */
}

div#filter_tool_bar {
    background-color: #FFF; /* 両テーマで共通 */
    border-right: 1px solid #9F67AD; /* purple-themeのフィルターツールバーボーダー */
    border-left: 1px solid #9F67AD; /* purple-themeのフィルターツールバーボーダー */
    border-bottom: 1px solid #9F67AD; /* purple-themeのフィルターツールバーボーダー */
}

.imbox {
    padding: 5px 5px 10px 5px; /* 両テーマで共通 */
    border-top: solid 1px #888; /* 両テーマで共通 */
    border-bottom: solid 1px #888; /* 両テーマで共通 */
    height: 1.2em; /* 両テーマで共通 */
    font-size: 0.8em; /* 両テーマで共通 */
    background: #9F67AD; /* purple-themeのimbox背景 */
    color: white; /* 両テーマで共通 */
}

/* =TOOLBOX RESULTS
--------------------------*/
.listtoolbox {
    background-image: url('grad_box.png'); /* purple-themeのリストツールボックス背景画像 */
    border: 1px solid #D0B5D7; /* purple-themeのリストツールボックスボーダー */
    background-color: #FEFDFF; /* purple-themeのリストツールボックス背景色 */
}

.widgetcontainer {
    border: 1px solid #D0B5D7; /* purple-themeのウィジェットコンテナボーダー */
    background: #feffff url('grad_box.png') repeat-x top; /* purple-themeのウィジェットコンテナ背景 */
}

#tool_bar_div {
    background-color: #F4EEF7; /* purple-themeのツールバー背景色 */
}

.tb_button {
    border: 1px solid #F5F0FF; /* purple-themeのツールバーボタンボーダー */
}

.tb_button:hover {
    margin-right: 0; /* 両テーマで共通 */
    border-bottom: 1px solid #000; /* 両テーマで共通 */
    border-right: 1px solid #000; /* 両テーマで共通 */
}

.tb_button_active {
    border: 1px solid #000; /* 両テーマで共通 */
}

/* =WIDGET
--------------------------*/
.widget {
    max-height: 400px; /* 両テーマで共通 */
    width: 450px; /* 両テーマで共通 */
    padding: 15px; /* 両テーマで共通 */
    text-align: center; /* 両テーマで共通 */
    background-color: #D2CEBF; /* grey-themeのウィジェット背景色 */
}

.widget_slide {
    margin-top: 10px; /* 両テーマで共通 */
    max-height: 350px; /* 両テーマで共通 */
    overflow-x: none; /* 両テーマで共通 */
    overflow-y: auto; /* 両テーマで共通 */
    overflow: auto; /* 両テーマで共通 */
}

#bagDescriptionDiv {
    background-color: #F5F0FF; /* purple-themeのバッグ説明Div背景色 */
}

#bagDescriptionDiv:hover {
    background-color: #E6FFB3; /* 両テーマで共通 */
}

#textarea {
    background-color: #F5F0FF; /* purple-themeのテキストエリア背景色 */
}

.blueBg {
    padding: 20px; /* 両テーマで共通 */
    margin: 20px; /* 両テーマで共通 */
    width: 350px; /* 両テーマで共通 */
    background-color: #F5F0FF; /* purple-themeのblueBg背景色 */
    text-align: center; /* 両テーマで共通 */
}

table.dbsources {
    padding: 0px; /* grey-themeにのみ記載 */
    margin: 10px 20px 10px 20px; /* 両テーマで共通 */
}

table.dbsources th {
    padding: 6px 6px 6px 12px; /* 両テーマで共通 */
    text-align: left; /* 両テーマで共通 */
    font-weight: bold; /* 両テーマで共通 */
    border-right: 1px solid #CCC; /* purple-themeのテーブルヘッダーボーダー */
    border-bottom: 1px solid #CCC; /* purple-themeのテーブルヘッダーボーダー */
    border-top: 1px solid #CCC; /* purple-themeのテーブルヘッダーボーダー (greyにはない) */
    color: white; /* 両テーマで共通 */
    background-color: #333; /* purple-themeのテーブルヘッダー背景色 */
    letter-spacing: 2px; /* purple-themeにのみ記載 */
    text-transform: uppercase; /* purple-themeにのみ記載 */
    font-size: 0.7em; /* purple-themeにのみ記載 */
}

table.dbsources td {
    padding: 6px 6px 6px 12px; /* 両テーマで共通 */
    border-right: 1px solid #CCC; /* purple-themeのテーブルセルボーダー */
    border-bottom: 1px solid #CCC; /* purple-themeのテーブルセルボーダー */
    background: #fff; /* 両テーマで共通 */
}

table.dbsources td.leftcol {
    border-left: 1px solid #CCC; /* purple-themeのテーブル左列ボーダー */
}

.columnHeader {
    background: #927F97; /* purple-themeの列ヘッダー背景 */
}

#listTags {
    background-color: #F5F0FF; /* purple-themeのリストタグ背景色 */
    margin-left: 10px; /* 両テーマで共通 */
    padding: 3px 10px; /* 両テーマで共通 */
}

/* keyword search results */
.keywordSearchResults .resultTableContainer table.dbsources {
    border-left: 1px solid #F5F0FF; /* purple-themeのキーワード検索結果テーブルボーダー */
    border-bottom: 1px solid #F5F0FF; /* purple-themeのキーワード検索結果テーブルボーダー */
}

.keywordSearchResults .resultTableContainer table.dbsources th {
    background: #5C0075; /* purple-themeのキーワード検索結果テーブルヘッダー背景 */
    color: #FFF; /* 両テーマで共通 */
    font-size: 13px; /* 両テーマで共通 */
    padding: 2px 8px; /* 両テーマで共通 */
    text-transform: none; /* purple-themeにのみ記載 */
}

.keywordSearchResults .resultTableContainer table.dbsources tr.keywordSearchResult {
    color: #882FA8; /* purple-themeのキーワード検索結果行色 */
}

.keywordSearchResults .resultTableContainer table.dbsources tr.keywordSearchResult td {
    line-height: 12px; /* 両テーマで共通 */
}

.keywordSearchResults .resultTableContainer table.dbsources tr.keywordSearchResult div {
    margin: 0; /* 両テーマで共通 */
}

.keywordSearchResults .resultTableContainer table.dbsources tr.keywordSearchResult.odd td {
    border-bottom: 1px solid #F5F0FF; /* purple-themeの奇数行ボーダー */
    border-top: 1px solid #F5F0FF; /* purple-themeの奇数行ボーダー */
    background: #FEFAFF; /* purple-themeの奇数行背景 */
}

.keywordSearchResults .resultTableContainer table.dbsources td {
    border-right: 1px solid #F5F0FF; /* purple-themeのセル右ボーダー */
    border-bottom: none; /* 両テーマで共通 */
    padding: 4px 8px 2px 8px; /* 両テーマで共通 */
}

.keywordSearchResults .resultTableContainer table.dbsources table.inner td {
    color: #882FA8; /* purple-themeの内部テーブルセル色 */
}

.keywordSearchResults .resultTableContainer table.dbsources div.objectKeys a,
.keywordSearchResults .resultTableContainer table.dbsources tr.keywordSearchResult a span.value {
    font-size: 14px; /* 両テーマで共通 */
    color: #292727; /* purple-themeのspan.value色 */
}

div.keywordSearch div.examples h4 {
    color: #4891EB !important; /* purple-themeの例示見出し色 */
}

.keywordSearchResults .facets h4 {
    color: #5C0075; /* purple-themeのファセット見出し色 */
}

/* keyword search results relevancy */
div.resultTableContainer td.relevance div.full {
    color: #ff0000; /* 両テーマで共通 */
}

div.resultTableContainer td.relevance div.empty {
    color: #999999; /* 両テーマで共通 */
}

/* submenu */
#submenu {
    color: #7A7A7A !important; /* grey-themeのサブメニュー色 */
}

/* lists analysis (bagDetails.do) */
div.heading.results {
    border: 1px solid #9E68AE; /* purple-themeのリスト分析見出しボーダー */
    background: #F5F0FF; /* purple-themeのリスト分析見出し背景色 */
    margin-left: 0; /* 両テーマで共通 */
}

div.heading.results h1 {
    color: #5C0075; /* purple-themeのリスト分析見出しh1色 */
    font-size: 22px; /* 両テーマで共通 */
    margin-bottom: 10px; /* 両テーマで共通 */
}

div.heading.results #tool_bar_div {
    float: left; /* 両テーマで共通 */
    background: #F5F0FF !important; /* purple-themeのツールバー背景 */
}

div.heading.results #tool_bar_div li {
    border: 1px solid #D2D2D2; /* 両テーマで共通 */
    background: #EEEEEE; /* 両テーマで共通 */
    margin-right: 10px; /* 両テーマで共通 */
    padding: 4px; /* 両テーマで共通 */
    font-weight: normal; /* 両テーマで共通 */
}

/* submenu form on mymine */
#submenu.submenu_mymine #submenudiv #quicksearch form {
    color: #000 !important; /* grey-themeのmymineサブメニューフォーム色 */
}

/* submenu border */
ul#submenulist li div {
    border-left-color: #FFF; /* purple-themeのサブメニューリスト項目ボーダー色 */
}

/* login bar */
ul#loginbar li {
    border-right-color: #5C0075; /* purple-themeのログインバー項目ボーダー色 */
}

/* homepage (begin.css) */
#search-bochs div.inner h3 {
    background: #333; /* grey-themeの検索ボックス見出し背景 */
}

#lists-bochs div.inner h3 {
    background: #784f94; /* purple-themeのリストボックス見出し背景 */
    color: #FFF; /* purple-themeのリストボックス見出し色 */
}

#lists-bochs div.inner a {
    color: #000; /* grey-themeのリストボックスリンク色 */
}

#low h4 {
    color: #000; /* grey-themeのlow h4色 */
}

#boxes input.dark[type="submit"] {
    background: url("homepage/button-violet-dark.png") no-repeat scroll center bottom transparent; /* purple-themeのダークボタン画像 */
    color: #FFF; /* 両テーマで共通 */
    padding: 2px 36px; /* 両テーマで共通 */
}

#boxes input.light[type="submit"] {
    background: url("homepage/button-plush.png") no-repeat scroll center bottom transparent; /* purple-themeのライトボタン画像 */
    color: #FFF; /* 両テーマで共通 */
    padding: 2px 36px; /* 両テーマで共通 */
}

#templates div.content p.more a, #low #rss p.more a {
    background: url("homepage/more-pitchurka.png") no-repeat scroll left center transparent; /* grey-themeの「もっと」リンク画像 */
}

#templates #tab-content #ribbon {
    background: url("homepage/ribbon-grapes.png") no-repeat scroll right top transparent; /* purple-themeのribbon画像 (パス簡略化) */
}

/* bagUploadConfirm */
#pagecontentcontainer.bagUploadConfirm-page table.inlineResultsTable a {
    color: #5c0075; /* purple-themeのリンク色 */
}

#pagecontentcontainer.bagUploadConfirm-page table.inlineResultsTable thead td {
    background: #F4EEF7; /* purple-themeのテーブルヘッダー背景 */
}

#pagecontentcontainer.bagUploadConfirm-page table.inlineResultsTable tbody tr.even td {
    background: #fcfafd; /* purple-themeの偶数行背景 */
}

#pagecontentcontainer.bagUploadConfirm-page table.inlineResultsTable tbody tr td {
    border-top-color: #DCC8E2; /* purple-themeのテーブルセル上部ボーダー */
    border-bottom-color: #DCC8E2; /* purple-themeのテーブルセル下部ボーダー */
}

#pagecontentcontainer.bagUploadConfirm-page table.inlineResultsTable td.identifier {
    color: #886644; /* 両テーマで共通 */
}

#pagecontentcontainer.bagUploadConfirm-page h3 {
    color: #5C0075; /* purple-themeの見出し色 */
    background: #F4EEF7; /* purple-themeの見出し背景色 */
    border-top-color: #5C0075; /* purple-themeの見出し上部ボーダー色 */
}

#pagecontentcontainer.bagUploadConfirm-page div.description {
    background: #F4EEF7; /* purple-themeの説明Div背景色 */
}

#pagecontentcontainer.bagUploadConfirm-page #chooseName,
#pagecontentcontainer.bagUploadConfirm-page #additionalMatches {
    background: #FFFEFE; /* purple-themeのフォーム要素背景色 */
}

/* report page */
#pagecontentcontainer.report-page #header_wrap {
    background-color: #F4EEF7; /* purple-themeのヘッダーラップ背景色 */
    background-image: url("report/header-bg.png"); /* purple-themeのヘッダーラップ背景画像 */
}

#pagecontentcontainer.report-page #object_header h1.title span {
    color: #5c0075; /* purple-themeのオブジェクトヘッダータイトル色 */
}

#pagecontentcontainer.report-page #object_header div.box h3 {
    background: #F0E3F7; /* 両テーマで共通 */
}

#pagecontentcontainer.report-page #object_header div.list.box span {
    color: #5C0075; /* purple-themeのリストボックススパン色 */
}

#pagecontentcontainer.report-page #fixed-menu {
    background: #5D2FBC; /* purple-themeの固定メニュー背景色 */
}

#pagecontentcontainer.report-page #toc-menu-wrap {
    background: #F4EEF7; /* purple-themeの目次メニューラップ背景色 */
}

#pagecontentcontainer.report-page #fixed-menu span,
#pagecontentcontainer.report-page #toc-menu-wrap span {
    color: #FFF; /* grey-themeの色で視認性を確保 (purpleでは背景色と同じで読みにくくなるため) */
}

#pagecontentcontainer.report-page #menu-target {
    background: #F4EEF7; /* purple-themeのメニューターゲット背景色 */
}

#pagecontentcontainer.report-page #fixed-menu div.wrap,
#pagecontentcontainer.report-page #toc-menu-wrap div.wrap {
    background: #5D2FBC; /* purple-themeのメニューラップ背景色 */
    border-color: #280079; /* purple-themeのメニューラップボーダー色 */
}

#pagecontentcontainer.report-page #toc-menu-wrap div.wrap a,
#pagecontentcontainer.report-page #fixed-menu div.wrap a {
    color: #FFF; /* 両テーマで共通 */
}

#pagecontentcontainer.report-page #toc-menu-wrap div.links a.current, /* .linksはpurple-themeにのみ記載 */
#pagecontentcontainer.report-page #fixed-menu div.links a.current { /* .linksはpurple-themeにのみ記載 */
    background: #FFF; /* 両テーマで共通 */
    color: #280079; /* purple-themeのアクティブリンク色 */
    border-color: #280079; /* purple-themeのアクティブリンクボーダー色 */
}

#pagecontentcontainer.report-page #in-lists div.heading {
    background: #F4EEF7 !important; /* purple-themeのin-lists見出し背景 */
    border-color: #5C0075; /* purple-themeのin-lists見出しボーダー色 */
    color: #5C0075 !important; /* purple-themeのin-lists見出し色 */
    text-shadow: 1px 1px 1px #FFF; /* 両テーマで共通 */
}

#pagecontentcontainer.report-page .container_12 .highlight {
    background-color: #FFF3D3; /* 両テーマで共通 */
}

#pagecontentcontainer.report-page #object_header #headerLink a {
    color: #5C0075; /* purple-themeのヘッダーリンク色 */
}

#pagecontentcontainer.report-page #object_header p.share a {
    color: #5C0075; /* purple-themeのシェアリンク色 */
}

#pagecontentcontainer.report-page h2 {
    color: #000; /* 両テーマで共通 */
}

#pagecontentcontainer.report-page #cwtabsbyside a {
    color: #5C0075; /* purple-themeのタブサイドリンク色 */
}

#pagecontentcontainer.report-page #cwtabsbyside fieldset,
#pagecontentcontainer.report-page #cwtabsbyside ul li {
    border-color: #DCC8E2; /* purple-themeのタブサイドフィールドセット/リスト項目ボーダー色 */
}

#pagecontentcontainer.report-page #cwtabsbyside ul,
#pagecontentcontainer.report-page #cwtabsbyside fieldset.alt {
    background: #FCFAFD; /* purple-themeのタブサイド背景色 */
    border-color: #DCC8E2; /* purple-themeのタブサイドボーダー色 */
}

#pagecontentcontainer.report-page form#fly-atlas-options table tr td {
    border-color: #DCC8E2; /* purple-themeのテーブルセルボーダー色 */
}

#pagecontentcontainer.report-page form#fly-atlas-options table tr.even td {
    background: #FCFAFD; /* purple-themeの偶数行背景 */
}

/* ############ tables, lists & misc configuration ############ */

/* inline lists */
div.inline-list ul .name {
    color: #5C0075; /* purple-themeのインラインリスト名色 */
}

div.inline-list a,
div.inline-list a:hover,
div.inline-list a:visited {
    color: #5C0075; /* purple-themeのインラインリストリンク色 */
}

div.inline-list h3 {
    background: #F4EEF7; /* purple-themeのインラインリスト見出し背景 */
    border-top-color: #5C0075; /* purple-themeのインラインリスト見出し上部ボーダー色 */
    color: #5C0075; /* purple-themeのインラインリスト見出し色 */
    text-shadow: 1px 1px 1px #FFF; /* 両テーマで共通 */
}

div.inline-list.gray h3,
div.inline-list.grey h3 {
    background: #F6F5F7; /* 両テーマで共通 */
    border-top-color: #6E6E6E; /* 両テーマで共通 */
    color: #ABABAB; /* 両テーマで共通 */
}

div.inline-list div.right a,
div.inline-list div.right a:hover,
div.inline-list div.right a:visited {
    color: #5C0075; /* purple-themeのインラインリスト右側リンク色 */
}

/* collection tables */
div.collection-table h3 {
    background: #F4EEF7; /* purple-themeのコレクションテーブル見出し背景 */
    border-top-color: #5C0075; /* purple-themeのコレクションテーブル見出し上部ボーダー色 */
    color: #5C0075; /* purple-themeのコレクションテーブル見出し色 */
    text-shadow: 1px 1px 1px #FFF; /* 両テーマで共通 */
}

div.collection-table div.right a,
div.collection-table div.right a:hover,
div.collection-table div.right a:visited {
    color: #5C0075; /* purple-themeのコレクションテーブル右側リンク色 */
}

div.collection-table table {
    border-color: #DCC8E2; /* purple-themeのコレクションテーブルボーダー色 (greyはbottomのみ) */
    border-bottom-color: #DCC8E2; /* purple-themeのコレクションテーブルボーダー色 */
}

div.collection-table thead th,
div.collection-table thead td {
    background: #F4EEF7; /* purple-themeのテーブルヘッダー背景 */
    border-color: #DCC8E2; /* purple-themeのテーブルヘッダーボーダー */
}

div.collection-table table tbody tr td {
    border-top-color: #DCC8E2; /* purple-themeのテーブルセル上部ボーダー */
}

div.collection-table table tbody tr:nth-child(2n) td,
div.collection-table table tbody tr.odd td {
    background: #FCFAFD; /* purple-themeの偶数行/奇数行背景 */
}

div.collection-table table tbody tr.even td {
    background: #FFF; /* 両テーマで共通 */
}

div.collection-table table td.class {
    color: #886644; /* 両テーマで共通 */
}

div.collection-table table a,
div.collection-table table a:hover,
div.collection-table table a:visited {
    color: #5C0075; /* purple-themeのテーブルリンク色 */
}

div.collection-table.gray h3,
div.collection-table.grey h3 {
    background: #F6F5F7; /* 両テーマで共通 */
    border-top-color: #6E6E6E; /* 両テーマで共通 */
    color: #ABABAB; /* 両テーマで共通 */
}

div.collection-table.column-border table tbody tr td.left-column-border {
    border-left-color: #DCC8E2; /* purple-themeの左列ボーダー色 */
}

div.collection-table.column-border table tbody tr td:nth-child(n+2) {
    border-left-color: #DCC8E2; /* purple-themeのn+2列ボーダー色 */
}

div.collection-table.column-border-by-2 table tbody tr td.left-column-border {
    border-left-color: #DCC8E2; /* purple-themeの左列ボーダー色 (by 2) */
}

div.collection-table.column-border-by-2 table tbody tr td:nth-child(2n+3) {
    border-left-color: #DCC8E2; /* purple-themeの2n+3列ボーダー色 (by 2) */
}

div.collection-table div.header {
    background: #F4EEF7; /* purple-themeのヘッダー背景 */
    border-top-color: #5C0075; /* purple-themeのヘッダー上部ボーダー色 */
}

div.collection-table div.header h3 {
    text-shadow: 1px 1px 1px #FFFFFF; /* 両テーマで共通 */
}

div.collection-table div.header a,
div.collection-table div.header a:hover,
div.collection-table div.header a:visited {
    color: #5C0075; /* purple-themeのヘッダーリンク色 */
}

/* collection table on results pages */
div.collection-table.results table {
    border-top-color: #5C0075; /* purple-themeの結果ページテーブル上部ボーダー色 */
}

/* basic tables (on displayers etc.) */
div.basic-table h3 {
    background: #F4EEF7; /* purple-themeの基本テーブル見出し背景 */
    border-top-color: #5C0075; /* purple-themeの基本テーブル見出し上部ボーダー色 */
    color: #5C0075; /* purple-themeの基本テーブル見出し色 */
    text-shadow: 1px 1px 1px #FFF; /* 両テーマで共通 */
}

div.basic-table table a,
div.basic-table table a:hover,
div.basic-table table a:visited,
div.basic-table a.link {
    color: #5C0075; /* purple-themeの基本テーブルリンク色 */
}

div.basic-table.gray h3,
div.basic-table.grey h3 {
    background: #F6F5F7; /* 両テーマで共通 */
    border-top-color: #6E6E6E; /* 両テーマで共通 */
    color: #ABABAB; /* 両テーマで共通 */
}

/* collection of collection tables */
div.collection-of-collections div.header {
    background: #F4EEF7; /* purple-themeのコレクションのコレクション見出し背景 */
    border-top-color: #5C0075; /* purple-themeのコレクションのコレクション見出し上部ボーダー色 */
}

div.collection-of-collections div.header h3 {
    text-shadow: 1px 1px 1px #FFFFFF; /* 両テーマで共通 */
}

div.collection-of-collections div.header a,
div.collection-of-collections div.header a:hover,
div.collection-of-collections div.header a:visited {
    color: #5C0075; /* purple-themeのコレクションのコレクション見出しリンク色 */
}

div.collection-of-collections div.collection-table h3 {
    border-top-color: #DCC8E2; /* purple-themeのコレクションのコレクションテーブル見出し上部ボーダー色 */
}

/* templates */
div.template h3 {
    background: #F4EEF7; /* purple-themeのテンプレート見出し背景 */
    border-top-color: #5C0075; /* purple-themeのテンプレート見出し上部ボーダー色 */
    color: #5C0075; /* purple-themeのテンプレート見出し色 */
    text-shadow: 1px 1px 1px #FFF; /* 両テーマで共通 */
}

div.template.gray h3,
div.template.grey h3 {
    background: #F6F5F7; /* 両テーマで共通 */
    border-top-color: #6E6E6E; /* 両テーマで共通 */
    color: #ABABAB; /* 両テーマで共通 */
}

/* togglers */
div.collection-table div.toggle a,
div.collection-table div.toggle a:hover,
div.collection-table div.toggle a:visited,
div.collection-of-collections div.toggle a,
div.collection-of-collections div.toggle a:hover,
div.collection-of-collections div.toggle a:visited,
div.collection-table div.show-in-table a,
div.collection-table div.show-in-table a:hover,
div.collection-table div.show-in-table a:visited,
div.collection-of-collections div.show-in-table a,
div.collection-of-collections div.show-in-table a:hover,
div.collection-of-collections div.show-in-table a:visited {
    color: #5C0075; /* purple-themeのトグル/表示リンク色 */
}

/* header, the same as table header */
h3.goog {
    background: #F4EEF7; /* purple-themeのgoog見出し背景 */
    border-top-color: #5C0075; /* purple-themeのgoog見出し上部ボーダー色 */
    color: #5C0075; /* purple-themeのgoog見出し色 */
    text-shadow: 1px 1px 1px #FFF; /* 両テーマで共通 */
}

/* embeddable widgets */
div.bagDetails-page div.widget {
    border-color: #5C0075; /* purple-themeの埋め込みウィジェットボーダー色 */
}

div.bagDetails-page div.widget h3 {
    color: #5C0075; /* purple-themeの埋め込みウィジェット見出し色 */
}

div.bagDetails-page div.widget table.table-striped tbody td {
    border-top-color: #DCC8E2; /* purple-themeのストライプテーブルセル上部ボーダー色 */
}

div.bagDetails-page div.widget table.table-striped tbody tr:nth-child(odd) td {
    background-color: #FCFAFD; /* purple-themeのストライプテーブル奇数行背景色 */
}

div.bagDetails-page div.widget table.table-striped tbody tr:hover td {
    background-color: #FFF3D3; /* 両テーマで共通 */
}

/* embeddable results tables - bootstrap modify */
.bootstrap .btn-primary {
    background: linear-gradient(to bottom, #62c462, #51a351);
    border-color: rgba(0, 0, 0, 0.1);
}

.bootstrap .btn-primary:hover,
.bootstrap .btn-primary:active,
.bootstrap .btn-primary.active,
.bootstrap .btn-primary.disabled,
.bootstrap .btn-primary[disabled] {
    background-color: #51a351; 
}

.bootstrap .btn-primary:active,
.bootstrap .btn-primary.active {
    background-color: #408140 \9; 
}

.bootstrap .btn-group.open .btn-primary.dropdown-toggle {
    background-color: #51a351; 
}

.bootstrap a, .bootstrap a:hover {
    color: #5C0075; /* purple-themeのBootstrapリンク色 */
}

.im-query-display.bootstrap .navbar {
    color: #000; 
}

.im-query-display.bootstrap .table-striped tbody tr:nth-child(odd) td,
.im-query-display.bootstrap .table-striped tbody tr:nth-child(odd) th {
    background-color: #FFF; /* 両テーマで共通 */
}

.im-query-display.bootstrap .table-striped tbody tr:nth-child(even) td,
.im-query-display.bootstrap .table-striped tbody tr:nth-child(even) th {
    background-color: #FCFAFD; /* purple-themeのBootstrap偶数行背景色 */
}

.im-query-display.bootstrap .table-bordered th,
.im-query-display.bootstrap .table-bordered td {
    border-color: #DCC8E2; /* purple-themeのBootstrapテーブルボーダー色 */
}

.im-query-display.bootstrap .dropdown-menu li > a:hover,
.im-query-display.bootstrap .dropdown-menu .active > a,
.im-query-display.bootstrap .dropdown-menu .active > a:hover {
    background-color: #5C0075; /* purple-themeのBootstrapドロップダウンメニューアクティブ背景色 */
}

.popover-title {
    background-color: #F4EEF7; /* purple-themeのポップオーバータイトル背景色 */
}

.popover-content .table-bordered,
.popover-content .table-bordered .table td {
    border-color: #DCC8E2; /* purple-themeのポップオーバーコンテンツテーブルボーダー色 */
}

.popover-content .im-item-field {
    background: #FCFAFD; /* purple-themeのポップオーバーコンテンツアイテムフィールド背景色 */
}

.im-query-display.bootstrap .table-striped tbody tr td.im-highlight,
.im-query-display.bootstrap .table-striped tbody tr td.active {
    background-color: #FFF3D3 !important; /* 両テーマで共通 */
}

.table td.im-highlight a {
    font-weight: normal; /* 両テーマで共通 */
    color: #5C0075; /* purple-themeのハイライトリンク色 */
}

.im-table-container .active {
    background: #FFF; /* 両テーマで共通 */
    color: #000; /* 両テーマで共通 */
}

.dropdown.open > .im-th-button {
    background: transparent; /* purple-themeのドロップダウンスロッチ背景 */
}

.intermine .im-column-th .dropdown-menu:after {
    border-bottom-color: #5C0075; /* purple-themeのドロップダウンメニュー吹き出し矢印色 */
}