/*--------------------------
     車両ウィザード全体
  --------------------------*/

/* BODY要素 */
body{
    background-color:#ffffe8;
/*    background-color: white; */
    color: black;
    margin:0px;
    font-size: 10pt;
    -webkit-text-size-adjust: none;  /* iPhone用 */
}

body.print{
    background-color: white;
    color: black;
    margin:0px;
}

form{
    margin: 0px;
    padding: 0px;
}

/* リンク修飾 */
a{
/*    text-decoration:none; */
}
a:link{
    color:blue;
}
a:visited{
    color:navy;
}
a:active{
    color: red;
}
/*
a:hover{
    background-color:yellow;
    color:blue;
}
*/

/* 表示枠全体 */
table.all{
    width:640px;
    border:none;
    margin:0px;
    padding:0px;
    font-size:11pt;
/*    background-color:"#ffffe8"; */
}

/* セルの間の幅 */
td.all
{
    padding: 15px 0px 0px 0px;
    text-align: center;
}

div.baseBox {
    width:584px;
/*    min-height: 410px; */
    margin: 10px auto 0px auto;
    text-align:center;
}



/* 入力項目等の表示 */
.basetext1{
    color:white;
    font-size:10pt;
}

.basetext2{
    color:navy;
    font-size:12pt;
}

.baseinptxt{
    color:black;
    font-size:10pt;
}

.fontsize12{
    font-size:12pt;
}

.fontsize14{
    font-size:14pt;
}

/* 文言（注釈）など */
.msgtxt{
    color:black;
    font-size:12pt;
}

/* ボタン下の文言 */
.btnmsg{
    text-align:center;
    color: gray;
    font-size: 9pt;
}

/* 一番下のcopyright */
.footcyr {
    text-align:center;
    color: #666666;
    font-size:10pt;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px;
    BACKGROUND-COLOR: #cccccc;
    width:640px;
}

/* 価格の色 */
.price1 {
    color: #993399;
}
.price2 {
    color: #FB7D00;
}
.price3 {
    color: #333399;
}
.price4 {
    color: #FF0000;
}
.price5 {
    color: #009933;
}

/*--------------------------
        ヘッダ表示部
  --------------------------*/

/* ヘッダ囲み */
table.header{
    width:100%;
    height:44px;
    border:none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border-collapse: collapse;
/*    background-color: blue; */
    font-family: "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka;
}

/* ヘッダIMG */
td.headerimg {
    height:44px;
    width:60px;
    border:none;
    margin:0px;
    padding:0px;
}

img.headerimg {
    height:44px;
    width:60px;
    border:none;
}

/* 左 logo */
td.hdleft{
    height:44px;
    width:240px;
    border:none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-family: "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka;
}

/* 真中の左 */
td.hdcenter1{
    border:none;
    text-align:left;
    color:white;
    font-size:14pt;
    padding: 0px 10px;
    font-family: "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka;
}

/* 真中の右 */
td.hdcenter2{
    border:none;
    text-align:right;
/*    color:white; */
    font-size:10pt;
    font-family: "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka;
}

/* 右 kao */
td.hdright{
    width:47px;
    height:41px;
    border:none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:center;
    background-image:url("./image/kao.gif");
    background-repeat:no-repeat;
    font-family: "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka;
}

/* ロゴ */
img.logo{
    height: 44px;
    width: 240px;
    border: none;
}

/*--------------------------
        タイトル表示部
  --------------------------*/

/* タイトル囲み 外枠 */
table.title1{
    width:100%;
    height:40px;
    margin:15px 0px 20px 0px;
    padding:0px;
    border-top:    4px solid white;
    border-right:  4px solid gray;
    border-bottom: 4px solid gray;
    border-left:   4px solid white;
    background-color:silver;
    border-collapse: separate;
}
td.title1{
    width:100%;
    margin:0px;
    padding:0px;
    border-top:    3px solid silver;
    border-right:  3px solid silver;
    border-bottom: 3px solid silver;
    border-left:   3px solid silver;
    background-color:#0000a0;
    text-align:center;
}

/* タイトル囲み 内枠 */
table.title2{
    width:100%;
    margin:0px;
    padding:0px;
    border-collapse: collapse;
    border-top:    1px solid gray;
    border-right:  1px solid white;
    border-bottom: 1px solid white;
    border-left:   1px solid gray;
    vertical-align:middle;
    empty-cells: hide;
}
/* タイトル文字 */
td.title2{
    width:100%;
    margin:0px;
    padding:2px;
    border: none;
    color:#00ffff;
    font-size:13.5pt;
    font-weight: bold;
    text-align:center;
    font-family: "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka;
}

/* タイトル文字（車種名の頭文字選択） */
font.titlemin1{
    color:#ffff00;
    font-size:10pt;
    font-family: "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka;
}
font.titlemin2{
    color:#ffffcc;
    font-size:10pt;
    font-family: "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka;
}

/*--------------------------
        ボタン表示用
  --------------------------*/

/* ボタン全体囲み */
table.btn{
    border:none;
    border-collapse:collapse;
    margin:0px;
    padding:0px;
    background-color:#ffffe8;
}

/* ボタン１つ分の枠 */
td.btn{
    border:none;
    border-collapse:collapse;
    margin:0px;
    padding:0px;
    text-align:center;
}

/* ボタンの端 */
img.btn1{
    height:30px;
    width:15px;
    border:none;
}

/* 各ボタン */
img.btn2{
    height:30px;
    width:106px;
    border:none;
}


/*--------------------------
        メーカー選択
  --------------------------*/

/* 囲み */
table.maker{
    margin:0px;
    padding:0px;
    background-color:silver;
/*    border: 1px solid silver; */
    border: 1px ridge white;
}

td.maker{
    height: 38px;
    width:  72px;
    background-color:#f6f6ff;
    margin-right:auto;
    margin-left:auto;
}

/* メーカーマーク */
img.maker{
    height: 38px;
    width:  72px;
    border: none;
    vertical-align:middle;
}

/*--------------------------
        頭文字の選択
  --------------------------*/

/* 囲み */
table.selfirst{
    height:200px;
    width: 480px;
    margin:0px;
    padding:0px;
    background-color:#ffffe8;
    border-top:    2px solid white;
    border-right:  2px solid gray;
    border-bottom: 2px solid gray;
    border-left:   2px solid white;
}

/* 頭文字の枠と初期色 */
td.selfirst{
    height: 40px;
    width:  45px;
    background-color:#f6f6ff;
    color:#9999ff;
    text-align:center;
    font-size:12pt;
    border: 1px inset white;
}

/* リンク修飾 */
a.selfirst{
    text-decoration:none;
}
a.selfirst:link{
    color:red;
}
a.selfirst:visited{
    color:red;
}
/*
a.selfirst:active{
    background-color:red;
    color:white;
}
*/
a.selfirst:hover{
    background-color:red;
    color:white;
}

/*--------------------------
      車種／タイプの選択
  --------------------------*/

/* 囲み */
table.selcar{
/*    width: 60%; */
/*    margin:0px; */
    padding:0px;
    margin-right:auto;
    margin-left:auto;
    background-color:silver;
    border-collapse:separate;
    border-spacing: 2px;
}

/* 車種名ヘッダ */
td.selcarh1{
    height: 17px;
/*    width: 100%; */
    background-color: #0000dd;  /* #990099; */
    color:white;
    font-size:12pt;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}

/* タイプ名ヘッダ */
td.selcarh2{
    height: 17px;
/*    width: 100%; */
    background-color: #0000dd;  /* #990099; */
    color:white;
    font-size:12pt;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}

/* 車種名データ */
td.selcar1{
    height: 17px;
/*    width: 100%; */
/*    background-color:#0000a0; */
    background-color:#f6f6ff;
    color: navy;
    font-size:12pt;
    font-weight:bold;
/*    text-align:left; */
    vertical-align:middle;
}

td.selcar12{
    height: 17px;
    background-color:orange;
    color: navy;
    font-size:12pt;
    font-weight:bold;
/*    text-align:left; */
    vertical-align:middle;
}

td.selcar1a{
    height: 17px;
/*    width: 100%; */
/*    background-color:#0000a0; */
    background-color:#d6f6ff;
    color: navy;
    font-size:12pt;
    font-weight:bold;
/*    text-align:left; */
    vertical-align:middle;
}


/* タイプ名データ */
td.selcar2{
    height: 17px;
/*    width: 100%; */
/*    background-color:#0000a0; */
    background-color:#f6f6ff;
    color:navy;
    font-size:12pt;
    font-weight:bold;
/*    text-align:left; */
    vertical-align:middle;
}

/* ２択データ */
td.selcar3{
    padding: 0px 0px 0px 60px;
    height: 17px;
/*    width: 100%; */
    background-color:#f6f6ff;
    color:navy;
    font-size:12pt;
    font-weight:bold;
    text-align:left;
    vertical-align:middle;
}

td.selcar4{
    padding: 0px 0px 0px 60px;
    height: 17px;
    background-color:orange;
    color:navy;
    font-size:12pt;
    font-weight:bold;
    text-align:left;
    vertical-align:middle;
}

/* リンク修飾 */
a.selcar{
/*    text-decoration:none; */
}
a.selcar:link{
    color:blue;
}
a.selcar:visited{
    color:blue;
}
a.selcar:hover{
    background-color:blue;
    color:yellow;
}
a.selcar:active{
    color:#0088ff;
}

/*--------------------------
      初年度登録年月入力
  --------------------------*/

/* 囲み */
table.entdate{
/*    height:120px; */
    width:400px;
    margin:0px;
    padding:0px;
    margin-left:auto;
    margin-right:auto;
    border:none;
    border-collapse: collapse;
    border-top: 10px solid #0000a0;
    border-bottom: 10px solid #0000a0;
}

/* １つのセル */
td.entdate{
    height:50px;
    width:100%;
    margin:0px;
    padding:0px;
    background-color:#0000a0;
    text-align:center;
    color:#ffffcc;
    font-size:12pt;
    font-weight:bold;
    vertical-align:middle;
/*    white-space:pre; */
}

/* 年 */
input.eyear{
    width:40px;
    color:black;
    font-size:10pt;
    text-align:right;
    ime-mode:disabled;
}

/* 月 */
input.emonth{
    width:25px;
    color:black;
    font-size:10pt;
    text-align:right;
    ime-mode:disabled;
}

/*--------------------------
        ２択用
  --------------------------*/

/* 囲み */
table.twosel{
    width: 300px;
    margin:0px;
    padding:1px;
    margin-right:auto;
    margin-left:auto;
    border: none;
    border-collapse:separate;
    border-spacing: 2px;
}

/* 各セル */
td.twosel{
    height: 50px;
    width: 100%;
    background-color:#0000a0;
    color:white;
    font-size:14pt;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}

/*--------------------------
        その他の選択
  --------------------------*/

/* リンク修飾 */
a.seletc{
/*    text-decoration:none; */
}
a.seletc:link{
    color:yellow;
}
a.seletc:visited{
    color:yellow;
}
a.seletc:hover{
    background-color:yellow;
    color:blue;
}
a.seletc:active{
    color:#ffe080;
}

/*--------------------------
        グレード
  --------------------------*/

/* グレード名 */
td.gradenm{
    height: 17px;
    background-color:#000099;
    text-align:left;
    font-size:12pt;
}

/* 屋根形状 */
td.graderoof{
    height: 17px;
    background-color:#000099;
    text-align:left;
    vertical-align:middle;
    font-size:10pt;
    color:yellow;
    font-weight:bold;
}

/* 追加月 */
td.grade0{
    width: 58px;
    height:17px;
    background-color:#000099;
    text-align:center;
    color:#66ffff;
    font-size:10pt;
}

/* 各項目見出し */
td.grade1{
    height: 17px;
    background-color:#0080ff;
    text-align:center;
    color:white;
    font-size:10pt;
}

/* 各項目データ */
td.grade2{
    padding: 0px 0px 0px 1px;
    height: 17px;
    background-color:white;
    text-align:left;
    color:black;
    font-size:10pt;
}

/* 新車価格 */
td.grade3{
    padding: 0px 1px 0px 1px;
    height: 17px;
    background-color:white;
    text-align:right;
    color:black;
    font-size:10pt;
}

/*--------------------------
        適外車の入力用
  --------------------------*/

/* 左側（見出し） */
td.tekileft{
    background-color:#0000a0;
    text-align:left;
    color:white;
    font-size:10pt;
    font-weight:bold;
}

/* 右側（入力・選択の方） */
td.tekiright{
    background-color:#f6f6ff;
    text-align:left;
    color:black;
    font-size:10pt;
    font-weight:bold;
}

/*--------------------------
       車両情報の確認
  --------------------------*/

/* 見出し１ */
td.fintxt1{
    height:20px;
    background-color:#0000a0;
    text-align:left;
    color:white;
    font-size:12pt;
}

/* 見出し２ */
td.fintxt2{
    height:20px;
/*    background-color:#800000; */
    background-color: #0000d0;
    text-align:left;
    color:white;
    font-size:12pt;
}

/* データ */
td.findat1{
    height:20px;
    background-color:#f6f6ff;
    text-align:left;
    color:black;
    font-size:12pt;
}

/* リンク修飾 */
a.finish{
/*    text-decoration:none; */
}
a.finish:link{
/*    color:white; */
    color:blue;
}
a.finish:visited{
/*    color:white; */
    color:blue;
}
/*
a.finish:hover{
    background-color:white;
    color:blue;
}
*/

.finredtxt{
    color:red;
    font-size:12pt;
}

/*--------------------------
       その他基本
  --------------------------*/
/* 基本のフォント */
.base_font{
    color: black;
    font-size: 10pt;
}
/* 基本のtableタグ */
table.base_table{
    margin: 0px;
    padding:0px;
    border: 2px solid silver;
    border-collapse: collapse;
    empty-cells: show;
}
/* 基本のラベル項目 */
td.base_td0{
    margin: 0px;
    padding:1px 5px;
    border: 2px solid silver;
    background-color: #5555dd;
    color: white;
    font-size:10pt;
    vertical-align:middle;
}
/* 基本のラベル項目 */
td.base_td1{
    margin: 0px;
    padding: 1px 5px;
    border: 2px solid silver;
    background-color: #0000a0;
    color: white;
    font-size:10pt;
    vertical-align:middle;
    font-weight:bold;
    text-align: center;
}
/* 基本のデータ項目 */
td.base_td2{
    margin: 0px;
    padding: 1px 5px;
    border: 2px solid silver;
    background-color: #f0f0ff;
    font-size:10pt;
    vertical-align:middle;
}
td.base_td3{
    margin: 0px;
    padding: 1px 5px;
    border: 2px solid silver;
    background-color: white;
    font-size:10pt;
    vertical-align:middle;
}
/* 各メニュー項目 */
td.menu_td{
    width:100%;
    height:35px;
    margin: 0px;
    padding:1px;
    border: 2px solid silver;
    background-color: #f6f6ff;
    color: black;
    font-size:10pt;
    text-align: center;
    vertical-align:middle;
}
td.menu_td2{
    width:100%;
    height:35px;
    margin: 0px;
    padding:1px;
    border: 2px solid silver;
    background-color: #d0ffff;
    color: black;
    font-size:10pt;
    text-align: center;
    vertical-align:middle;
}

a.menu {
    font-size:14px;
}

/*--------------------------
       車両詳細情報
  --------------------------*/
table.car_data{
    margin: 0px;
    padding:0px;
    border: 2px solid silver;
    border-collapse: collapse;
    empty-cells: show;
}
td.car_photo{
    margin: 0px;
    padding:0px;
    border: 2px solid silver;
    background-color: navy;
    color: white;
    font-size:10pt;
    vertical-align:middle;
}

.photo_msg{
    font-size: 8pt;
    color: white;
}


/*--------------------------
       走行距離用テンキー
  --------------------------*/
table.tenkey
{
  background-color:#0000d0;
  border: 2px solid silver;
}

td.tenkey
{
  margin:0px;
  padding:0px;
  width: 90px;
}

input.numt {
  /*background-color: silver;*/
  width: 30px;
  /*color: #ffccff;*/
  /* border: 1px solid gray; */
}

input.num0 {
  width: 60px;
}

input.numd {
  width: 45px;
}


/*--------------------------
       利用状況確認
  --------------------------*/

table.date {
      width:100%;
      margin:5px;
      padding:0px;
      border:none;
      text-align: center;
}

td.date1 {
    width:150px;
    height:25px;
    border:2px solid black;
    background-color:#ffff00;
    font-weight:bold;
    font-size:10pt;
    color:black;
    text-align:center;
}

td.date2 {
    font-size:10pt;
    color:black;
    text-align:left;
    font-weight: bold;
}

td.date3 {
    font-size:10pt;
    color:black;
    text-align: right;
}

table.count
{
    text-align: left;
/*    align: center; */
    width:55%;
    /* border: 1px solid gray; */
    border:none;
    border-collapse: collapse;
    font-size:10pt;
    font-weight: bold;
}


table.count tr.count1
{
    background-color: navy;
}

table.count tr.count2
{
    background-color: white;
}

table.count tr.count3
{
    background-color: #ccccff;
}

table.count tr.count4
{
    background-color: #eeeeff;
}

table.count td.co
{
    padding: 3px 5px;
    margin: 0px;
    border: 1px solid gray;
    vertical-align:middle;
    height: 15px;
}

table.count td.cotop
{
    text-align: center;
    color: white;
    width: 60%;
}

table.count td.cotop1
{
    text-align: center;
    color: white;
    width: 85%;
}

table.count td.cotop2
{
    text-align: center;
    color: white;
    width: 15%;
}

table.count td.cotopa
{
    text-align: center;
    color: white;
    width: 15%;
}

table.count td.cotopw
{
    text-align: center;
    color: #9999ff;
    width: 15%;
}

table.count td.cotopm
{
    text-align: center;
    color: #ff9999;
    width: 15%;
}


table.count td.cotab1
{
    text-align: left;
    color: black;
}

table.count td.cotab2
{
    text-align: center;
    color: black;
    width: 10%;
}

table.count td.coall
{
    text-align: right;
    color: black;
}

table.count td.coweb
{
    text-align: right;
    color: blue;
}

table.count td.comob
{
    text-align: right;
    color: red;
}

table.count td.cofoot
{
    font-size:10pt;
    color:red;
    font-weight: normal;
}


/*--------------------------
       管理者画面
  --------------------------*/
/* tableタグ */
table.kanri_table{
    margin: 0px;
    padding:0px;
    border-collapse: collapse;
    empty-cells: show;
    font-size:10pt;
}

/* ラベル項目 */
td.kanri {
    margin: 0px;
    padding:1px 5px;
    border: 1px solid gray;
    vertical-align:middle;
    height: 25px;
}

table.kanri_table td.k0{
    color: white;
    background-color: #0000a0;
    font-weight:bold;
    text-align: center;
}


table.kanri_table td.k1{
    color: white;
    background-color: #6666cc;
    font-weight:bold;
}


table.kanri_table td.k2{
    background-color: #ccccff;
}

table.kanri_table td.k3{
    background-color: white;
}

table.kanri_table td.k4{
    color: white;
    background-color: #0000ee;
    font-weight:bold;
}


/*--------------------------
    車両ウィザードPart２
    2007/01/25 以下追加
  --------------------------*/
/* グレード名 */
td.gradenm2{
    height: 17px;
    background-color:orange;
    text-align:left;
    color:#000099;
    font-size:12pt;
}

/* 屋根形状 */
td.graderoof2{
    height: 17px;
    background-color:orange;
    text-align:left;
    vertical-align:middle;
    font-size:10pt;
    color:#000099;
    font-weight:bold;
}

/* 追加月 */
td.grade02{
    width: 58px;
    height:17px;
    background-color:orange;
    text-align:center;
    color:#66ffff;
    font-size:10pt;
}

/* リンク修飾 */
a.seletc2{
/*    text-decoration:none; */
}
a.seletc2:link{
    color:blue;
}
a.seletc2:visited{
    color:blue;
}
a.seletc2:hover{
    background-color:yellow;
    color:blue;
}
a.seletc2:active{
    color:#ffe080;
}

/* サンルーフ選択 */
td.sr1{
    padding: 0px 0px 0px 0px;
    height: 25px;
    background-color:#f6f6ff;
    color:navy;
    font-size:12pt;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}

td.sr2{
    padding: 0px 0px 0px 0px;
    height: 25px;
    background-color:orange;
    color:navy;
    font-size:12pt;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}


/* 類別区分番号からの検索 */
/*
a.rui_search{
    text-decoration:none;
}
*/
a.rui_search:link{
    color:blue;
}
a.rui_search:visited{
    color:blue;
}
a.rui_search:active{
    color:blue;
}
a.rui_search:hover{
    color:blue;
}


/*--------------------------
    上部の評価欄
  --------------------------*/
table.top_hyo {
    width:  100%;
    margin: 0px 0px 10px 0px;
    padding:0px;
    border: none;
    border-collapse: collapse;
/*    empty-cells: show; */
}

/* 価格表示用 */
table.top_hyo td.top_lbl1 {
    margin: 0px;
    padding: 1px;
    height: 14px;
    border: 1px solid navy;
    background-color: navy;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
table.top_hyo td.top_lbl2 {
    margin: 0px;
    padding: 1px;
    height: 14px;
    border: 1px solid navy;
    background-color: blue;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
table.top_hyo td.top_dat {
    margin: 0px;
    padding: 1px 5px 1px 1px;
    height: 14px;
    border: 1px solid navy;
    background-color: white;
    color: black;
    font-size: 10pt;
    vertical-align: middle;
    white-space: nowrap;
}

/* 価格表示（RNG、詳細）用 */
table.top_hyo td.top_lbl21 {
    margin: 0px;
    padding: 2px;
    height: 16px;
    border: 1px solid gray;
    background-color: navy;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
table.top_hyo td.top_lbl22 {
    margin: 0px;
    padding: 2px;
    height: 16px;
    border: 1px solid gray;
    background-color: #3399ff;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
table.top_hyo td.top_dat2 {
    margin: 0px;
    padding: 2px 5px 2px 2px;
    height: 16px;
    border: 1px solid gray;
    background-color: white;
    color: black;
    font-size: 10pt;
    vertical-align: middle;
    white-space: nowrap;
}


a.tips{
    cursor: default;
}
a.tips:active{
    color:blue;
}
a.tips:hover{
    color:red;
}
div.tips{
    position: absolute;
    visibility: hidden;
    background-color: black;
    border: 1px solid black;
    padding: 2px;
    font-size: 10pt;
    color:white;
}