/**
 * @file theme.css
 * このファイルではテーマを実現するためのスタイルを定義します。
 * 
 * テーマのカスタマイズ対象は以下になります。
 *  1. メイン画面
 *    - 背景色
 *    - 背景画像
 *    - フッターのスタイル
 *    - フッターの配置
 *    - 製品ロゴ(既定/白抜き)
 *  2. ポータルサービスエリア
 *    - 背景色
 *    - 背景画像
 *    - ボタンのスタイル(背景色/背景画像/枠線色/文字色/アイコン)
 *  3. ポータルサイトエリア
 *    - 背景色
 *    - 背景画像
 *    - ボタンのスタイル(背景色/背景画像/枠線色/文字色/アイコン)
 *  4. ポータルページエリア
 *    - 背景色
 *    - 背景画像
 *    - 背景画像位置
 *    - ボタンのスタイル(背景色/背景画像/枠線色/文字色/アイコン)
 *  5. ポータルページタブ
 *    - 非アクティブタイトル表示フォント
 *    - 非アクティブタイトル表示色
 *    - 非アクティブタイトル背景色
 *    - 非アクティブタイトルボーダー色
 *    - 非アクティブタイトルボーダースタイル
 *    - 非アクティブタイトルボーダー幅
 *    - アクティブタイトル表示フォント
 *    - アクティブタイトル表示色
 *    - アクティブタイトル背景色
 *    - アクティブタイトルボーダー色
 *    - アクティブタイトルボーダースタイル
 *    - アクティブタイトルボーダー幅
 *    - ボタンのスタイル(背景色/背景画像/枠線色/文字色/アイコン)
 *  6. ポータルページ
 *    - 背景色
 *    - レイアウト行の区切り線の色
 *  7. ポートレットウィンドウ
 *    - 枠線色
 *    - リサイズバーの色
 *  8. ポートレットタイトル
 *    - 表示フォント
 *    - 表示色
 *    - 背景色
 *    - 背景画像
 *    - ボタンのスタイル(背景色/背景画像/枠線色/文字色/アイコン)
 *  9. ポートレットコンテンツの既定のスタイル
 *    - 表示フォント
 *    - 表示色
 *    - 背景色
 * ※ポートレットのコンテンツについては、各ポートレットが独自で定義しているスタイルが優先されます。
 *  10. メニュー
 *    - 背景色
 *  11. ダイアログ
 *    - タイトル背景色
 *    - タイトル背景画像
 *    - タイトル文字色
 *    - タイトルアイコン
 *    - コンテンツ背景色
 *    - コンテンツ背景画像
 *    - コンテンツ枠線色
 *    - コンテンツ文字色
 *    - コンテンツアイコン
 *  12. ログインポートレット(タブ)
 *    - 背景色
 *    - 文字色
 *    - 枠線色
 */
/**=====================================================
 * @section LESS定義
 * ===================================================== */
/**=====================================================
 * @section CSSセレクタ
 * ===================================================== */
/**=====================================================
 * @section 1. メイン画面
 * ===================================================== */
/**
 * 背景色 
 */
body#otx {
  /* 背景色 */

  background-color: #8a929b;
}
/**
 * フッター
 */
#otx .archMainPageFooter {
  /* 背景 */

  background-color: #094465;
}

/* 製品ロゴ */
#otx.archja .archPortalLogo {
    background-image: url("../../../logo/ja/LogoS_white.png");
}
.dj_ie6 #otx.archja .archPortalLogo {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../logo/ja/LogoS_white.png", sizingMethod="scale");
}
#otx.archen .archPortalLogo {
    background-image: url("../../../logo/en/LogoS_white.png");
}
.dj_ie6 #otx.archen .archPortalLogo {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../logo/en/LogoS_white.png", sizingMethod="scale");
}
#otx.archzh .archPortalLogo {
    background-image: url("../../../logo/zh/LogoS_white.png");
}
.dj_ie6 #otx.archzh .archPortalLogo {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../../logo/zh/LogoS_white.png", sizingMethod="scale");
}

/**=====================================================
 * @section 2. ポータルサービスエリア
 * ===================================================== */
/**
 * 背景色 
 */
#otx .archPortalServiceArea {
  /* 背景色 */

  background-color: #094465;
  /* 背景画像 */

  background-image: url("./images/BgServiceArea.png");
}

/* for PortalSkin/PortletSkin "Simple" */
/**
 * 背景色 
 */
#otx .otxSkinSimpleHeader {
  /* 背景色 */

  background-color: #094465;
  /* 背景画像 */

  background-image: url("./images/BgServiceArea.png");
}

/**=====================================================
 * @section 2.1. ボタン類
 * ===================================================== */

/* ボタンの既定のスタイル */
#otx .archPortalServiceArea-ServiceMenu .dijitButton .dijitButtonText,
#otx .archPortalServiceArea-ServiceMenu .dijitDropDownButton .dijitButtonText {
    color: #ffffff;
}
#otx .archPortalServiceArea-ServiceMenu .dijitButtonHover,
#otx .archPortalServiceArea-ServiceMenu .dijitDropDownButtonHover,
#otx .archPortalServiceArea-ServiceMenu .dijitDropDownButtonOpened {
    border-color: #062e44;
    background-color: #062e44;
}
#otx .archPortalServiceArea-ServiceMenu .dijitButtonActive,
#otx .archPortalServiceArea-ServiceMenu .dijitDropDownButtonActive {
    background-color: #062e44;
    border-color: #666666;
}

/* ログインユーザ名 */
#otx .archPortalServiceArea-LoginUserLabel {
    color: #ffffff;
}
/* 権限昇格ボタン */
#otx .archPortalServiceArea .archManagerPrivilegeButton {
    border-color: #062e44;
    background-color: #8bacbe;
}

#otx .archPortalServiceArea .archElevatePrivilegeButtonActive,
#otx .archPortalServiceArea .archLowerPrivilegeButtonActive {
    border-color: #062e44;
}
#otx .archPortalServiceArea .archElevatePrivilegeButton .dijitButtonText {
    color: #000000;
}
/* ログアウトボタン */
#otx .archPortalServiceArea .archLogoutButton {
    color: #404040;
    background-image: url("./images/LogoutBg.png");
    background-color: transparent;
}
/* アイコン類 */
#otx .archPortalServiceAreaIconReload {
    background-image: url("./images/Update.png");
}
.dj_ie6 #otx .archPortalServiceAreaIconReload {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/Update.png", sizingMethod="scale");
}
#otx .archPortalServiceAreaIconUser {
    background-image: url("./images/PersonalSetup.png");
}
.dj_ie6 #otx .archPortalServiceAreaIconUser {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/PersonalSetup.png", sizingMethod="scale");
}
#otx .archPortalServiceArea-ServiceMenu .dijitDropDownButton .dijitArrowButtonInner {
    background-image: url("./images/DropDownMenuBtn.png");
}
.dj_ie6 #otx .archPortalServiceArea-ServiceMenu .dijitDropDownButton .dijitArrowButtonInner {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/DropDownMenuBtn.png", sizingMethod="scale");
}
#otx .archPortalServiceAreaIconLoginList {
    background-image: url("./images/LoginList.png");
}

/* for PortalSkin/PortletSkin "Simple" */
#otx .otxSkinSimpleHeader .archPortalServiceAreaIconReload {
    background-image: url("./images/Update_large.png");
}
#otx .otxSkinSimpleHeaderIcon {
    background-image: url("images/PortalMenuIcon_white.png");
}
body#otx .otxSkinSimpleHeader .dijitButtonHover,
body#otx .otxSkinSimpleHeader .dijitDropDownButtonHover,
body#otx .otxSkinSimpleHeader .dijitDropDownButtonOpenedFocused {
    background-color: #062e44;
    border-color: #869cbf;
}

/**=====================================================
 * @section 3. ポータルサイトエリア
 * ===================================================== */
/**
 * 背景色 
 */
#otx .archPortalSiteArea {
  /* 背景色 */

  background-color: #062e44;
  /* 背景画像 */

  background-image: none;
}

/**=====================================================
 * @section 3.1. 編集ボタン/サイトプロパティボタン
 * ===================================================== */
/* 編集ボタン */
#otx .archMainPage .archPortalEditButton,
#otx .archPortalSiteArea .archPortalEditButton {
    background-image: url("./images/BtnEditBg-View.png");
}

#otx .archMainPage .archPortalEditButton .dijitButtonNode,
#otx .archPortalSiteArea .archPortalEditButton .dijitButtonNode {
    background-image: url("./images/BtnEditBg-View.png");
}

#otx .archMainPage .archPortalEditButton .dijitButtonText,
#otx .archPortalSiteArea .archPortalEditButton .dijitButtonText {
    color: #000000;
}

/* for PortalSkin/PortletSkin "Simple" */
#otx .otxSkinSimpleHeader .archPortalEditButton .dijitButtonNode {
    background-position: -1px -1px;
    border-color: transparent;
}

/* サイトプロパティボタン */
#otx .archSitePropertyButton .archSitePropertyIcon {
    background-image: url("./images/SiteProperty-View.png");
}
.dj_ie6 #otx .archSitePropertyButton .archSitePropertyIcon {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/SiteProperty-View.png", sizingMethod="scale");
}
#otx .archMainPagePortalEditMode .archSitePropertyButton .archSitePropertyIcon,
#otx .archPortalSiteAreaPortalEditMode .archSitePropertyButton .archSitePropertyIcon {
    background-image: url("./images/SiteProperty-Edit.png");
}
.dj_ie6 #otx .archMainPagePortalEditMode .archSitePropertyButton .archSitePropertyIcon,
.dj_ie6 #otx .archPortalSiteAreaPortalEditMode .archSitePropertyButton .archSitePropertyIcon {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/SiteProperty-Edit.png", sizingMethod="scale");
}

/**=====================================================
 * @section 3.2. ポータルサイトナビゲーション
 * ===================================================== */

/* パンくずリスト / 既定の文字色 */
#otx .archPortalSiteBreadCrumb {
    color: #ffffff;
}
/* パンくずリスト / サイトがないパンくず */
#otx .archPortalSiteBreadCrumb .archBreadCrumbDisable {
    color: #8bacbe;
}
/* パンくずリスト / 現在のサイトのパンくず */
#otx .archBreadCrumbRoundBlue {
    border-color: #0d6392;
    background-color: #0d6392;
}
/* パンくずリスト / アイコン */
#otx .archPortalSiteBreadCrumb .archBreadCrumbIconMainWork {
    background-image: url("./images/OfficeBlue.png");
}

/* 移動ボタン */
#otx .archPortalSiteNavigationDropDownButtonIcon {
    background-image: url("./images/jump.png");
}
.dj_ie6 #otx .archPortalSiteNavigationDropDownButtonIcon {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/jump.png", sizingMethod="scale");
}
#otx .archPortalSiteNavigationArea .dijitDropDownButton .dijitButtonNode {
    color: #ffffff;
}
#otx .archPortalSiteNavigationArea .dijitArrowButtonInner {
    background-image: url("./images/DropDownMenuBtn.png");
}
#otx .archPortalSiteNavigationArea .dijitDropDownButtonHover {
    background-color: #062e44;
    color: #ffffff;
}
/* for PortalSkin/PortletSkin "Simple" */
#otx .otxSkinSimpleHeader .archPortalSiteNavigationDropDownButtonIcon {
    background-image: url("./images/jump_large.png");
}

/* 移動メニュー / アイコン背景 */
#otx .archPortalNavigationMenuCategoryIcon  {
    background-color: #c1c9d3;
}
/* 移動メニュー / メニュー項目 */
#otx .archPortalNavigationMenu .dijitMenuItemHover td,
#otx .archPortalNavigationMenu .dijitMenuItemSelected td,
#otx .archPortalNavigationMenu .dijitMenuItemHover,
#otx .archPortalNavigationMenu .dijitMenuItemSelected {
    background-color: #062e44;
    border-color: #062e44;
    color: #ffffff;
}
#otx .archPortalNavigationMenu .dijitMenuItemHover .archBreadCrumbRoundBorder,
#otx .archPortalNavigationMenu .dijitMenuItemSelected .archBreadCrumbRoundBorder {
    border-color: #ffffff;
}

/**=====================================================
 * @section 4. ポータルページエリア
 * ===================================================== */
#otx .archPortalPageArea {
  /* 背景色 */

  background-color: #8a929b;
  /* 背景画像 */

  background-image: none;
  /* 背景画像位置 */

  background-position: 0px 0px;
}

/* for PortalSkin/PortletSkin "Simple" */
/* ページ選択ボタン */
.dj_ios #otx .otxSkinSimplePageSelectButton,
.dj_android #otx .otxSkinSimplePageSelectButton {
    /* 背景色。アクティブなポータルページタブと同じ。 */
    background-color: #c1c9d3;
    border-color: #c1c9d3;
}
/**=====================================================
 * @section 5. ポータルページタブ
 * ===================================================== */
/**
 * 非アクティブタイトル表示フォント
 * 非アクティブタイトル表示色
 */
#otx .archPortalPageTabController .archPortalPageTabButton .tabLabel {
  /* 表示フォント */

  font-family: inherit;
  /* 表示色 */

  color: #fff;
}
/**
 * 非アクティブタイトル背景色
 */
#otx .archPortalPageTabContainer .archPortalPageTabController .archPortalPageTabButton {
  /* 背景色 */

  background-color: #577180;
  /* ボーダー */

  border-width: 0px;
  border-style: none;
  border-color: #577180;
  border-bottom: none;
}
#otx .archPortalPageTabContainerLeft .archPortalPageTabController .archPortalPageTabButton {
  /* 背景色 */

  background-color: #577180;
  /* ボーダー */

  border-width: 1px 0 1px 1px;
  border-style: solid none solid solid;
  border-color: #577180;
}
/**
 * アクティブタイトル表示フォント
 * アクティブタイトル表示色
 */
#otx .archPortalPageTabController .archPortalPageTabButtonChecked .tabLabel {
  /* 表示フォント */

  font-family: inherit;
  /* 表示色 */

  color: #000000;
}
/**
 * アクティブタイトル背景色
 */
#otx .archPortalPageTabContainer .archPortalPageTabController .archPortalPageTabButtonChecked {
  /* 背景色 */

  background-color: #c1c9d3;
  /* ボーダー */

  border-width: 0px;
  border-style: none;
  border-color: #c1c9d3;
  border-bottom: none;
}
#otx .archPortalPageTabContainerLeft .archPortalPageTabController .archPortalPageTabButtonChecked {
  /* 背景色 */

  background-color: #c1c9d3;
  /* ボーダー */

  border-width: 1px 0 1px 1px;
  border-style: solid none solid solid;
  border-color: #c1c9d3;
}
/**
 * ポータルページエリアの枠色
 * ※実装の都合上、以下に対してもアクティブタイトルの背景色を設定する必要があります。
 */
#otx .archPortalPageTabContainer-TabControllerOpenerOpenEnabled .archPortalPageTablistSpacer {
    background-color: #c1c9d3;
}
#otx .archPortalPageTabContainer .archPortalPageTabPaneWrapper {
  border-color: #c1c9d3;
}
/**=====================================================
 * @section 6. ポータルページ
 * ===================================================== */
/**
 * 背景色
 */
#otx .archPortalPageWidget {
  background-color: #c1c9d3;
}

/* レイアウト行の区切り線 */
#otx .archLayoutWidgetPortalEditMode .archLayoutPane .archLayoutGridContainer {
    border-color: #8a929b;
}

/**=====================================================
 * @section 7. ポートレットウィンドウ
 * ===================================================== */

/* 枠線 */
#otx .archPortletWindowWidget {
    border-color: #0d6392;
}
#otx .archPortletWindowWidget .archPortletWindowWidgetTitle {
    border-color: #0d6392;
}
#otx .archPortletWindowWidget .archPortletWindowWidgetContentOuter {
    border-color: #0d6392;
}

/* リサイズバー */
#otx .archPortletWindowWidget .archResizeHandleArea {
    background-color: #0d6392;
    border-color: #0d6392;
}

/**=====================================================
 * @section 8. ポートレットタイトル
 * ===================================================== */
/**
 * 表示フォント
 * 表示色
 */
#otx .archPortletWindowWidget .archPortletWindowWidgetTitle .archPortletWindowWidgetTextNode {
  /* 表示フォント */

  font-family: inherit;
  /* 表示色 */

  color: #ffffff;
}
/**
 * 背景色
 * 背景画像
 * ※現在、タイトルとコンテンツとの間の境界線は背景画像で実現しています。
 *   背景画像を変更する場合は指定する画像の下端に枠線を含めるようにしてください。
 * ※背景色を指定する場合は、背景画像にimages/titlebar.pngを指定することで立体感を持たせることができます。
 *   この画像には枠線が含まれます。
 * ※背景画像を適用する領域の高さは25pxで固定です。
 */
#otx .archPortletWindowWidget .archPortletWindowWidgetTitle {
  /* 背景色 */

  background-color: #3F5763;
  /* 背景画像 */

  background-image: url("./images/PortletBgHeader_21.png");
}
/* IE6のみ、背景なしに設定されているため、その設定を上書きする。 */
.dj_ie6 .archPortletWindowWidget .archPortletWindowWidgetTitle {
  background-image: url("./images/PortletBgHeader_21.png");
}

/* アイコン */
#otx .archPortletWindowWidget .archNormalizeIcon {
    background-image: url("./images/PortletBtnNormal1.png");
}
.dj_ie6 #otx .archPortletWindowWidget .archNormalizeIcon {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/PortletBtnNormal1.png", sizingMethod="scale");
}
#otx .archPortletWindowWidget .archMaximizeIcon {
    background-image: url("./images/PortletBtnMax1.png");
}
.dj_ie6 #otx .archPortletWindowWidget .archMaximizeIcon {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/PortletBtnMax1.png", sizingMethod="scale");
}
#otx .archPortletWindowWidget .archMinimizeIcon {
    background-image: url("./images/PortletBtnMin1.png");
}
.dj_ie6 #otx .archPortletWindowWidget .archMinimizeIcon {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/PortletBtnMin1.png", sizingMethod="scale");
}
#otx .archPortletWindowReloadIcon {
    background-image: url("./images/PortletBtnUpdate1.png");
}
.dj_ie6 #otx .archPortletWindowReloadIcon {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/PortletBtnUpdate1.png", sizingMethod="scale");
}
#otx .archPortletWindowMenuIcon {
    background-image: url("./images/PortletBtnMenu1.png");
}
.dj_ie6 #otx .archPortletWindowMenuIcon {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/PortletBtnMenu1.png", sizingMethod="scale");
}
/* for PortalSkin/PortletSkin "Simple" */
.dj_ios #otx .otxSkinSimplePortletWindowWidget .archNormalizeIcon,
.dj_android #otx .otxSkinSimplePortletWindowWidget .archNormalizeIcon {
    background-image: url("./images/PortletBtnNormal1_large.png");
}
.dj_ios #otx .otxSkinSimplePortletWindowWidget .archMaximizeIcon,
.dj_android #otx .otxSkinSimplePortletWindowWidget .archMaximizeIcon {
    background-image: url("./images/PortletBtnMax1_large.png");
}
.dj_ios #otx .otxSkinSimplePortletWindowWidget .archMinimizeIcon,
.dj_android #otx .otxSkinSimplePortletWindowWidget .archMinimizeIcon {
    background-image: url("./images/PortletBtnMin1_large.png");
}
.dj_ios #otx .otxSkinSimplePortletWindowWidget .archPortletWindowReloadIcon,
.dj_android #otx .otxSkinSimplePortletWindowWidget .archPortletWindowReloadIcon {
    background-image: url("./images/PortletBtnUpdate1_large.png");
}
.dj_ios #otx .otxSkinSimplePortletWindowWidget .archPortletWindowMenuIcon,
.dj_android #otx .otxSkinSimplePortletWindowWidget .archPortletWindowMenuIcon {
    background-image: url("./images/PortletBtnMenu1_large.png");
}

/**=====================================================
 * @section 9. ポートレットコンテンツ
 * ===================================================== */
/**
 * 表示フォント
 * 表示色
 * 背景色
 */
#otx .archPortletWindowWidget .archPortletWindowWidgetContentOuter {
  /* 背景色 */

  background-color: #edf1f5;
}
#otx .archPortletWindowWidget .archPortletWindowWidgetContentInner {
  /* 表示フォント */

  font-family: inherit;
  /* 表示色 */

  color: #1a1a1a;
}


/**=====================================================
 * @section 10. メニュー
 * ===================================================== */
#otx .archMenuWidget .dijitMenuItemHover td,
#otx .archMenuWidget .dijitMenuItemSelected td,
#otx .archMenuWidget .dijitMenuItemActive td {
    background-color: #062e44;
}
#otx .archMenuWidget .dijitMenuItemHover .dijitMenuItemLabel,
#otx .archMenuWidget .dijitMenuItemSelected .dijitMenuItemLabel {
    color: #ffffff;
}
#otx .archMenuWidget .dijitMenuItemChecked td {
    background-color: #8bacbe;
}
#otx .archMenuWidget .dijitMenuItemChecked .dijitMenuItemLabel {
    color: #000000;
}
#otx .archMenuWidget .dijitMenuItemDisabled .dijitMenuItemLabel {
    color: #bbbbbb;
}

/**=====================================================
 * @section 11. ダイアログ
 * ===================================================== */
/**=====================================================
 * @section 11.1. メッセージダイアログ
 * ===================================================== */
#otx .archPortalMessageDialogTitleBar {
    background-image: url("./images/DialogBgHeader.png");
    background-color: #8a929b;
}

/**=====================================================
 * @section 11.2. ポータルテンプレートダイアログ
 * ===================================================== */
#otx .archPortalTemplateDialog .dijitDialogTitleBar {
    background-image: url("./images/DialogBgHeader.png");
    background-color: #8a929b;
}

/**=====================================================
 * @section 11.3. 共通ダイアログ
 * ===================================================== */
#otx .parentDlg .dijitDialogTitleBar {
    background-image: url("./images/DialogBgHeader.png");
    background-color: #8a929b;
}
#otx .parentDlg .dijitTabListWrapper {
    background-color: #8a929b;
}

/**=====================================================
 * @section 11.4. 権限昇格ダイアログ/管理権限のあるサイト一覧ダイアログ
 * ===================================================== */

#otx .managedSiteTable .dtable .selectedRow {
    background-color: #0e6a8c;
}

/**=====================================================
 * @section 11.5. アクセスコントロールエントリの追加ダイアログ/ダイアログ内のツリー
 * ===================================================== */
#otx .iconOrganization {
    background-image: url("./images/organization.png");
}

#otx .selectEntryTreeScrollBar .dijitTreeRowSelected {
    background-image: none;
    border-color: #0e6a8c;
    color: #ffffff;
}
#otx .selectEntryTreeScrollBar .dijitTreeRowHover,
#otx .selectEntryTreeScrollBar .dijitTreeRowActive {
    background-color: #0e6a8c;
    border-color: #0e6a8c;
    background-image: none;
    color: #ffffff;
}
#otx .clickedTreeNode > .dijitTreeRow .dijitTreeLabel {
    background-color: #0e6a8c;
    color: #ffffff;
}

#otx .selectEntryDlg .selectEntryList .selectedRow {
    background-color: #0e6a8c;
}

/**=====================================================
 * @section 11.6. ポートレットライブラリ
 * ===================================================== */

/* タブの裏の背景 */
#otx .soxportalPortletLibDlg .portletLibDlgCenter {
    background-color: #8a929b;
}
/* カタログで選択されたポートレットのカテゴリ */
#otx .soxportalPortletLibDlgCatalog .selectedRow {
    background-color: #062e44;
}
#otx .soxportalPortletLibDlg .iconProp {
    background-image: url("./images/PortletBtnProperty-Edit.png");
}
.dj_ie6 #otx .soxportalPortletLibDlg .iconProp {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/PortletBtnProperty-Edit.png", sizingMethod="scale");
}
#otx .soxportalPortletLibDlg .iconRight {
    background-image: url("./images/LatchBtn-Right.png");
}
.dj_ie6 #otx .soxportalPortletLibDlg .iconRight {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/LatchBtn-Right.png", sizingMethod="scale");
}
#otx .soxportalPortletLibDlg .iconDown {
    background-image: url("./images/LatchBtn-Under.png");
}
.dj_ie6 #otx .soxportalPortletLibDlg .iconDown {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/LatchBtn-Under.png", sizingMethod="scale");
}
#otx .soxportalPortletLibDlg .listItem {
    background-image: url("./images/PortletBgHeader.png");
    color: #ffffff;
}
/**=====================================================
 * @section 11.7. 既存のページを追加ダイアログ
 * ===================================================== */
#otx .soxportalExistingPageDlg .pageDlgCenter {
    background-color: #8a929b;
}
#otx .soxportalExistingPageDlg .iconRight {
    background-image: url("./images/LatchBtn-Right.png");
}
.dj_ie6 #otx .soxportalExistingPageDlg .iconRight {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/LatchBtn-Right.png", sizingMethod="scale");
}
#otx .soxportalExistingPageDlg .iconDown {
    background-image: url("./images/LatchBtn-Under.png");
}
.dj_ie6 #otx .soxportalExistingPageDlg .iconDown {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/LatchBtn-Under.png", sizingMethod="scale");
}
#otx .soxportalExistingPageDlg .listItem {
    background-image: url("./images/PortletBgHeader.png");
    color: #ffffff;
}
/**=====================================================
 * @section 11.8. プロパティダイアログ
 * ===================================================== */
#otx .propCommonDlg .dialogLogo {
    background-image: url("./images/SiteProperty-Edit.png");
}
.dj_ie6 #otx .propCommonDlg .dialogLogo {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/SiteProperty-Edit.png", sizingMethod="scale");
}
#otx .propCommonDlg .dialogLogo_ReadOnly {
    background-image: url("./images/SiteProperty-View.png");
}
.dj_ie6 #otx .propCommonDlg .dialogLogo_ReadOnly {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/SiteProperty-View.png", sizingMethod="scale");
}

/**=====================================================
 * @section 11.9. 全般/セキュリティ/ウィンドウデザイン/その他
 * ===================================================== */

#otx .iconSharedSite {
    background-image: url("./images/organization.png");
}
#otx .iconOrganization {
    background-image: url("./images/organization.png");
}

#otx .securityTab .contentTable {
    background-color: #8bacbe;
}
#otx .securityTab .scrollDiv .contentTable .commonRow {
    background-color: #e9f3ff;
}
#otx .securityTab .scrollDiv .contentTable .selectedRow {
    background-color: #0e6a8c;
}

/**=====================================================
 * @section 12. ログインポートレット(タブ)
 * ===================================================== */
#otx .archPortletWindowWidget .archPortletWindowWidgetContentInner .loginTabs a {
    color: #ffffff;
    background-color: #8a929b;
    border: 1px solid #000000;
}
#otx .archPortletWindowWidget .archPortletWindowWidgetContentInner .loginTabs a:hover {
    background-color: #094465;
}
#otx .archPortletWindowWidget .archPortletWindowWidgetContentInner .loginTabs a.selected {
    background-color: #094465;
    border-bottom: none;
}