/*############################################################

  インターネット名人2

    ＜下記の設定が可能です＞
    ・リンクテキスト
    ・検索結果等のテキストメッセージ
    ・ボタン
    ・各viewファイルのテーブル
    ・テーブル内の右詰左詰
    ・行塗り
    ・画像
    ・ヘッダー
    ・フッター

    詳細に関しては、各設定項目に詳細内容を記述しています。
    スタイルやプロパティの追加をする場合は、優先順位があります
    ので、記述箇所に注意して下さい。

############################################################*/


/*■■■■■■■■■■■■タグ・ID設定■■■■■■■■■■■*/

body {
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  color: black;
  background-color: #fc0;
  background-image: url(../i2_images/bg.gif);
}

Td {
  white-space: nowrap;
}

Th {
  white-space: nowrap;
}

hr {
  width:500px;
}

/* 2005/10/20 追加 T.Takaoka ------------------ */
/* ログイン後のメッセージ画面、
   フッターのメッセージ表示画面に適用される。*/
Td.Message {
  white-space: normal;
}

Td.MessageHead {
  color: #FFFFFF;
  background-color:#000080;
}
/* 追加ここまで ------------------------------- */

#footer {
  position: absolute;
  left: 0px;
  bottom: 25px;
  width: 100%;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  text-align: center;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■■■■■■リンクテキスト設定■■■■■■■■*/
/************************************************************

  ＜2種類のリンクテキストの設定が可能です＞
    .topFrame・・・headのリンク
    その他・・・mainのリンク

*************************************************************/
a.topFrame:link {
  text-decoration: none;
  color: #000080;
}

a.topFrame:visited {
  color: #000080;
  text-decoration: none;
}

a.topFrame:hover {
  color: Red;
  text-decoration: underline;
}

a.topFrame:active {
  color: Red;
  text-decoration: underline;
}

a:link {
  text-decoration: underline;
  font-weight: bold;
  color: #000000;
}

a:visited {
  color: #000000;
  text-decoration: underline;
  font-weight: bold;
}

a:hover {
  color: #FF0000;
  text-decoration: underline;
  font-weight: bold;
}

a:active {
  color: #FF0000;
  text-decoration: underline;
  font-weight: bold;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■■ページ遷移リンクテキスト設定■■■■■■■■*/
/************************************************************

    EditHinLink・・・商品設定編集画面内での遷移
    pageLink・・・ページ遷移のリンク
    SelectPage・・・ページ遷移リンクの選択中ページ表示

*************************************************************/
div.EditHinLink {
  width: 550px;
  text-align: right;
  margin-bottom: 5px;
  font-size: 13px;
}

a.pageLink:link {
  color: #000080;
  font-weight: normal;
  text-decoration: none;
}

a.pageLink:visited {
  color: #000080;
  font-weight: normal;
  text-decoration: none;
}

a.pageLink:hover {
  color: #FF0000;
  font-weight: normal;
  text-decoration: underline;
}

a.pageLink:active {
  color: #FF0000;
  font-weight: normal;
  text-decoration: none;
}

span.SelectPage {
  color: #FF0000;
  font-weight: bold;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■■■■テキスト・メッセージ設定■■■■■■■■*/
/************************************************************

  ＜4種類のテキスト・メッセージの設定が可能です＞

    Message1・・・Cond.view,List.viewで使用しているメッセージ
                  (ページ数以外)
    Message2・・・List.viewで使用しているメッセージ(ページ数)
    Message3・・・Cond.view,List.view以外で使用しているメッセージ
                  (Edit.viewなど)
    Message4・・・ページリンクで使用

  注意)各viewファイル毎にクラスを指定しているので
      特定のメッセージの設定は不可です。

    widAdjust・・ ログイン画面の入力フォーム

  <2007/04 Ver.1.4 追加>
    HeadCheckbox・・ヘッダで用いるチェックボックスに使用
    OsaekbColor・・ カート編集・確認画面で在庫不足時の表示カラー

*************************************************************/

input {
  color: #000000;
  background-color: #FFFFFF;
  vertical-align: middle
}

input.widAdjust { 
  width: 140px;
  height: 23px;
}

input.HeadCheckbox {
  color: #000000;
  background-color: #000080;
  vertical-align: middle;
}

div.Message1 {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
}

div.Message2 {
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
}

div.Message3 {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
}

div.Message4 {
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  padding-top: 8px;
}

span.OsaekbColor {
  color: #FF0000;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■■■■■■■■ボタン設定■■■■■■■■■■■■*/
/************************************************************

  ＜3種類のボタン設定が可能です＞
    button1・・・Cond.view,List.view(next,prevボタン以外)
    button2・・・List.view(next,prevボタン)
    button3・・・Edit.view

  <2007/03/15 追加>
    button4・・・・カラー/サイズボタン（登録済）
    button4Wh・・・カラー/サイズボタン（未登録）
    button1Wh・・・button1の未登録設定

    注意)各viewファイル毎にクラスを指定しているので
      特定のボタンの設定は不可です。

*************************************************************/

input.button1 {
  background-color:#808080;
  color:#FFFFFF;
  width:80px;
  height:25px;
  border:4px outset;
}

input.button1Wh {
  background-color:#FFFFFF;
  color:#000000;
  width:80px;
  height:25px;
  border:4px outset;
}

input.button2 {
  background-color:#696969;
  font-weight: bold;
  color:#FFFFFF;
  width:80;
  height:25px;
  border:2px outset;
}

input.button3 {
  background-color:#808080;
  color:#FFFFFF;
  width:80px;
  height:25px;
  border:4px outset;
}

input.button4 {
  background-color:#808080;
  color:#FFFFFF;
  width:55px;
  height:25px;
  border:4px outset;
}

input.button4Wh {
  background-color:#FFFFFF;
  color:#000000;
  width:55px;
  height:25px;
  border:4px outset;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■■■■■■■テーブル設定■■■■■■■■■■■■*/
/************************************************************

  ＜viewで使用している下記のテーブルの設定が可能です＞

    Login・・・ログオン画面
    Head・・・フレームhead
    Cond・・・cond.view
    List・・・list.view
    Edit・・・edit.view
    Nouhin・・・納品先詳細
    Syouhin・・・商品詳細
    SyouhinIMG・・・商品詳細画像
    HinList・・・商品一覧複数段落表示
    Version・・・環境設定画面のシステム情報
    ApInputForm・・・カラー･サイズ注文入力画面の入力テーブル
    
    tr, td.ItemColor・・・項目名セルの指定

*************************************************************/

Table.Login {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background-color: #0015AA;
  color: #FFFFFF;
  vertical-align: middle;
  border-collapse: collapse;
}

Table.Head {
  position:absolute;
  top: 0px;
  left: 0px;
  color: #000080;
  font-size: 25px;
  font-weight: bold;
  background-color: White;/*背景色*/
}

Table.Head tr {
  height:50px;
}

Table.CondTitle {
  color:#FFFFFF;
  border:2px solid;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  background-color: #696969;/*背景色*/
  vertical-align: middle;/*縦位置*/
  width: 600px;
}


td.CondTitleImage {
  background-repeat: no-repeat;
  background-image: url(../i2_images/condtitleimage.gif);
  background-position: left;
  width: 25px;
  height: 25px;
}


Table.Cond {
  color:#FFFFFF;
  border:2px ridge;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background-color: #000080;/*背景色*/
  vertical-align: middle;/*縦位置*/
  border-collapse: collapse;
}

Table.Cond tr {
  height: 25px;
}

td.CondData {
  color:#000000;
  font-size: 13px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  text-align: left;
}

th.CondData {
  color:#000000;
  font-size: 13px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  text-align: left;
  padding-left: 5px;/*内容の周りの空間設定*/
}

td.CondDataCenter {
  color:#000000;
  font-size: 13px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  text-align: center;
}

Table.ListTitle {
  color:#FFFFFF;
  border:3px ridge;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: #000080;/*背景色*/
  vertical-align: middle;/*縦位置*/
  border-collapse: collapse;
}

Table.ListTitle tr {
  height: 25px;
}

td.ListTitleData {
  color:#000000;
  font-size: 14px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  text-align: center;
  padding-left: 5px;/*内容の周りの空間設定*/
}

Table.List {
  color:#FFFFFF;
  border:2px ridge;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background-color: #000080;/*背景色*/
  vertical-align: middle;/*縦位置*/
  border-collapse: collapse;
}

Table.List tr {
  height: 25px;
}

td.ListData {
  color:#000000;
  font-size: 14px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  padding-left: 3px;/*内容の周りの空間設定*/
  /* 追加 */
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}

td.ListNoBreak {
  color:#000000;
  font-size: 14px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  padding-left: 3px;/*内容の周りの空間設定*/
}

Table.Edit {
  color:#FFFFFF;
  border:2px ridge;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background-color: #000080;/*背景色*/
  vertical-align: middle;/*縦位置*/
  border-collapse: collapse;
}

Table.Edit tr {
  height: 25px;
}

td.EditData {
  color:#000000;
  font-size: 13px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  text-align: left;
  padding-left: 5px;/*内容の周りの空間設定*/
}

td.EditDataRight {
  color:#000000;
  font-size: 13px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  text-align: right;
  padding-left: 5px;/*内容の周りの空間設定*/
}

td.EditDataLeft {
  color:#000000;
  font-size: 13px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  text-align: left;
  padding-left: 3px;/*内容の周りの空間設定*/
}

td.EditDataCenter {
  color:#000000;
  font-size: 13px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  text-align: center;
  padding-left: 5px;/*内容の周りの空間設定*/
}

td.EditDataColor {
  background-color: #f3f3f3;
  text-align: left;
}

th.EditData {
  color:#000000;
  font-size: 13px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  text-align: left;
  padding-left: 5px;/*内容の周りの空間設定*/
}

td.EditDataBreak {
  color:#000000;
  font-size: 13px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  text-align: left;
  padding-left: 5px;/*内容の周りの空間設定*/
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}

Table.Nouhin {
  color:#FFFFFF;
  border:2px ridge;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background-color: #696969;/*背景色*/
  vertical-align: middle;/*縦位置*/
  border-collapse: collapse;
}

Table.Nouhin tr {
  height: 25px;
}

td.NouhinData {
  color:#000000;
  font-size: 13px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  text-align: left;
  padding-left: 5px;/*内容の周りの空間設定*/
}

Table.Syouhin {
  color:#000000;
  border:2px ridge;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  background-color: #ffffff;/*背景色*/
  vertical-align: middle;/*縦位置*/
  padding-left: 20px;/*内容の周りの空間設定*/
  border-collapse: collapse;
}

Table.Syouhin tr {
  height: 25px;
}

td.SyouhinData {
  color:#000000;
  font-size: 13px;
  font-weight: normal;
  background-color: #F4EBBE;
  vertical-align: middle;/*縦位置*/
  padding-left: 5px;/*内容の周りの空間設定*/
  /* 追加 */
  word-wrap: break-word;
  white-space: normal;
}

td.SyouhinItem {
  background-color: #000080;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

Table.SyouhinIMG {
  border: none;
  font-size: 13px;
}

Table.SyouhinIMG td {
  padding-left: 5px;
}

td.SyouhinIMG1 {
  width: 300px;
  word-wrap: break-word;
  white-space: normal;
  vertical-align: middle;
}

td.SyouhinIMG2 {
  width: 170px;
  word-wrap: break-word;
  white-space: normal;
  vertical-align: text-top;
}

Table.HinList {
  width: 100%;
  color:#FFFFFF;
  border:2px ridge;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background-color: #000080;/*背景色*/
  vertical-align: middle;/*縦位置*/
  border-collapse: collapse;
}

Table.HinList tr {
  height: 22px;
  padding: 2px;
}

Table.HinList td {
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}

td.HinListLeft {
  color:#000000;
  font-size: 13px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  text-align: left;
  padding-left: 3px;/*内容の周りの空間設定*/
}

td.HinListCenter {
  color:#000000;
  font-size: 13px;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  vertical-align: middle;/*縦位置*/
  text-align: center;
}

Table.Version {
  color:#FFFFFF;
  border:2px ridge;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background-color: #000080;/*背景色*/
  vertical-align: middle;/*縦位置*/
  border-collapse: collapse;
}

Table.Version td {
  color:#000000;
  font-weight: normal;
  background-color: #FFFFFF;/*背景色*/
  text-align: left;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

Table.Version th {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

Table.ApInputForm {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  border:2px ridge;
  border-collapse: collapse;
  margin-left: 10px;
  margin-right: 10px;
  background-color: #4c6cb3;
}

.ApInputForm td {
  text-align: center;
  vertical-align: center;
  border-top: solid 1px #ECE9D8;
  border-bottom: solid 1px #ECE9D8;
  padding: 1px;
  height: 25px;
}

.ApInputForm td.HeadColorW {
  word-break: keep-all;
  white-space: normal;
  border-left: solid 1px #ECE9D8;
  border-right: solid 1px #ECE9D8;

  /*background-colorを変更の際は       */
  /*font.ApInputColorも変更してください*/
  background-color: #4c6cb3;
}

.ApInputForm td.HeadColorH {
  color: #000000;
  text-align: left;
  vertical-align: center;
  background-color: #d8edfc; 
  word-break: keep-all;
  white-space: normal;
}

.ApInputForm td.ItemColor {
  color: #000080;
  font-weight: normal;
  vertical-align: top;
  background-color: #FFFFFF;
  border-left: solid 1px #ECE9D8;
  border-right: solid 1px #ECE9D8;
  white-space: nowrap;
}

.ApInputForm td.NoItemColor {
  border-left: solid 1px #ECE9D8;
  border-right: solid 1px #ECE9D8;
  background-color: #f3f3f2;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■■■■■■■右詰左詰設定■■■■■■■■■■■■*/
/************************************************************

  ＜右詰、左詰の設定が可能です＞
    AlignLeft  ・・・左詰
    AlignRight ・・・右詰

   注意)
    <td>タグに対して適用しています。クラスを設定している
    テーブルの<td>タグに対して適用しているので、センタリング
    の場合は、テーブルのクラスを継承しているため、設定の必要
    がありません。

*************************************************************/

td.AlignLeft {
  text-align: left;
  padding-left: 1px;/*内容の周りの空間設定*/
}

td.AlignRight {
  text-align: right;
  padding-right: 1px;/*内容の周りの空間設定*/
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■行塗り設定(奇数2色・偶数2色・その他1色)■■■■■*/
/************************************************************

  ＜奇数2色・偶数2色・その他1色の設定が可能です＞
    .Odd・・・奇数
    .Even・・・偶数
    .Odd2・・・奇数
    .Even2・・・偶数
    .Else・・・その他

   注意)
    Odd/Odd2とEven/Even2は<TBODY>タグ、ELSEは<TR>タグに適用
    しています。
    Odd2とEven2は、「受注管理」と「ご注文履歴」のlist.viewでのみ
    使用しています。

    <2007/01/10 追加>
    .Odd、.Even、.Odd2、.Even2 の background-color を変更した場合、
    アパレル版カラーサンプルの.ApColorOdd、.ApColorEven、
    .ApColorOdd2、.ApColorEven2、も変更して下さい。

*************************************************************/

.Odd {
  font-size: 12px;
  background: #FFFFF0;
  font-weight: normal;
  color: #000000;
}

.Even {
  font-size: 12px;
  background: #E6E6FA;
  font-weight: normal;
  color: #000000;
}

.Odd2 {
  font-size: 12px;
  background: #F0FFF0;
  font-weight: normal;
  color: #000000;
}

.Even2 {
  font-size: 12px;
  background: #FFF0F5;
  font-weight: normal;
  color: #000000;
}

.Else {
  font-size: 12px;
  background: #FFFFFF;
  font-weight: normal;
  color: #000000;
}
.Else2 {
  font-size: 12px;
  background: #FFFFFF;
  font-weight: normal;
  color: #000000;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■■■■■■ 画像設定 ■■■■■■■■■■■■■■*/
/************************************************************

  EditImgHin・・・商品設定編集画面の画像表示
  ListImgHin・・・商品一覧画像
  InitImgW・・・・環境設定編集画面の画像表示(横基準)
  InitImgH・・・・環境設定編集画面の画像表示(縦基準)
  DetailsImgHin・ 商品詳細画面画像表示
  ImgHin・・・・・商品画像詳細表示
  ImgCaptin・・・ 商品画像詳細表示キャプション（備考）

*************************************************************/

img {
   border: none;
}

img.EditImgHin {
   height: 100px;
   margin: 5px;
}

img.ListImgHin {
   margin: 2px;
}

img.InitImgW {
   border: ridge 1px #FFFFFF;
   width: 250px;
   margin: 2px;
}

img.InitImgH {
   border: ridge 1px #FFFFFF;
   height: 45px;
   margin: 2px;
}

img.DetailsImgHin {
   width: 120px;
}

div.ImgHin {
   text-valign: bottom;
}

div.ImgCaption {
   text-align: left;
   width: 60%; 
   font-size: 14px; 
   padding: 5px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■■■■■■ ヘッダー設定 ■■■■■■■■■■■■*/
/************************************************************

    TopFrameLink・フレームHEADの「パスワード変更」「ログオフ」
                  テキスト
    TopFrameName・フレームHEADの「会社名」「担当者名」テキスト

*************************************************************/

div.TopFrameLink {
  color: #000080;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-align: right;
}

span.TopFrameName {
  color: black;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-align: right;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*■■■■■■■■■■ フッター設定 ■■■■■■■■■■■■*/
/************************************************************

    Footer・・・・フッターの段落
    FooterDATE・・フッターの在庫更新日時表示
	FooterIMG・・ フッターの画像位置

*************************************************************/

div.Footer {
  background-color: #000080;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 22px;
}

div.FooterDATE {
  color: #FFFFFF;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  position: absolute;
  right: 5px;
  bottom: 4px;
  background-color: #000080;
}

div.FooterIMG {
  padding-top: 2px;
}

/*■■■■■■■■■■ 商品一覧段落 ■■■■■■■■■■■■*/
/************************************************************

    LineColumn・・・一覧の一列組
    Column2Left・・ 2段組の段落配置
    Column3Left・・ 3段組の段落配置

*************************************************************/

div.LineColumn {
  width: 980px;
  clear: both;
}

div.Column2Left {
  width: 49%;
  float: left;
}

div.Column3Left {
  width: 33%;
  float: left;
}

/*■■■■■■■■■■ カテゴリ検索 ■■■■■■■■■■■■*/
/************************************************************
*************************************************************/

div.Category {
  width: 680px;
  border: none;
  font-size: 14px;
  text-align: left;
}

Table.FrameCategory {
  width: 100%;
  padding: 0px;
  border-style: solid;
  border-color: #001DBF;
  border-width: 1px;
}

td.CategoryItem {
  width: 33%;
  font-size: 13px;
  /*word-wrap: break-word;
  white-space: normal;*/
  padding-left: 0px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-top: 8px;
}

/*■■■■■■■■アパレル版カラーサンプル■■■■■■■■■*/
/************************************************************

    ApColor・・・・ RGB値有の枠線指定

    注記）RGB値が指定されていない場合、色名の行頭を揃えるため
          背景色と同色の枠線を表示する
    ApColorOdd・・・リスト奇数行
    ApColorEven・・ リスト偶数行
    ApColorOdd2、ApColorEven2・・ 受注管理で使用
    ApInputColor・・AP版得意先カラーサイズ入力画面

*************************************************************/
font.ApColor {
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  padding: 0px;
  margin: 0px;
  width: 12px;
  font-size: 10px;
}

font.ApColorOdd {
  border-style: solid;
  border-color: #FFFFF0;
  border-width: 1px;
  padding: 0px;
  margin: 0px;
  width: 12px;
  font-size: 10px;
}

font.ApColorEven {
  border-style: solid;
  border-color: #E6E6FA;
  border-width: 1px;
  padding: 0px;
  margin: 0px;
  width: 12px;
  font-size: 10px;
}

font.ApColorOdd2 {
  border-style: solid;
  border-color: #F0FFF0;
  border-width: 1px;
  padding: 0px;
  margin: 0px;
  width: 12px;
  font-size: 10px;
}

font.ApColorEven2 {
  border-style: solid;
  border-color: #FFF0F5;
  border-width: 1px;
  padding: 0px;
  margin: 0px;
  width: 12px;
  font-size: 10px;
}

font.ApInputColor {
  border-style: solid;
  border-color: #4c6cb3;
  border-width: 1px;
  padding: 0px;
  margin: 0px;
  width: 12px;
  font-size: 10px;
}