@charset "utf-8";

/*
 * ========== 共通 ==========
 */

*{
    font-size: 12px;
    font-family: helvetica, arial, sans-serif;
}

TD,select,input {
    font-size : 9pt;
}

/* ガイダンス文 */
.sGuidanceTextStyle {
    font-size : 10px;
}

/* リンク対象の文字色 */
a {
    color: blue;
  }

/*
 * ========== アプリ情報(ヘッダ/タイトル) ==========
 */

/* アプリ名称 */
.app_name_style {
    font-size        : 18px;
    font-weight        : bold;
    background-color    : rgb(240, 240, 240);
}

/* アプリバージョン */
.app_ver_style {
    font-size        : 12px;
    background-color    : rgb(240, 240, 240);
    text-align : right;
}

/* 必要動作環境 */
.app_reqspec_style {
    font-size : 12px;
    vertical-align : top;
    background-color : rgb(204, 204, 204);
    border-bottom: 9px solid rgb(38, 103, 38);
}

/* モデル名 */
.app_selmodel_style {
    color : rgb(0, 0, 0);
    text-align : right;
    font-size : 24px;
    font-weight : bold;
    background-color : rgb(204, 204, 204);
    border-bottom: 9px solid  rgb(38, 103, 38);
}

/*
 * ========== 注意事項 ==========
 */
/* 注意事項(見出し) */
.note_cap_style {
    font-size : 12px;
    font-weight : bold;
    width : 80px;
    background-color : #ffe0c4;
    text-align : center;
}

/* 注意事項(本文) */
.note_txt_style {
    font-size : 12px;
    background-color : #ffe0c4; /* bright-orange */
    text-align : left;
}

/* 注意事項(本文：ポップアップ) */
.note_txt_popup_style {
    font-size : 12px;
    background-color : #ffe0c4; /* bright-orange */
    text-align : left;
    text-indent : 3.5em
}

/*
 * ========== 録画条件入力部 ==========
 */

/* 「録画条件」タイトルバー */
.sInputMainMenuStyle {
    font-size : 14px;
    background-color : #99cc66;
    text-align: center;
}

/* 「録画条件」サブメニュー(緑色) */
.sInputSubMenuStyle {
    font-size : 12px;
    background-color : #bed9a8; /* bright-green */
    text-align : center;
}

/* 入力項目ラベル(背景:灰色) */
.sInputParamTextAlignLeft {
    font-size : 12px;
    background-color : #e3e3e3;
}

/* 入力項目ラベル(背景:灰色, 右寄せ) */
.sInputParamTextAlignRight {
    font-size : 12px;
    background-color : #e3e3e3;
    text-align : right;
}

/* 入力項目ラベル(背景:灰色, 中央) */
.sInputParamTextAlignCenter {
    font-size : 12px;
    background-color : #e3e3e3;
    text-align : center;
}

/* 注意表示(青文字) */
.sTextCaution {
    color : blue;
}

/* ポップアップ表示(青文字＋下線) */
.sTextPopupNotice {
    text-decoration : underline;
    color : blue;
}

/*数値入力 */
.mustInput_num_style {
    text-align : right;
    background-color : white;
    ime-mode : disabled;
    width : 25px;
    font-size : 12px;
}

/* 数値出力 */
.outputNumStyle {
    text-align : right;
    background-color : rgb(255, 255, 128);
}

.outputNumStyleInvalid {
    text-align : right;
    background-color : rgb(200, 200, 200);
}

.outputNumStyleAlert {
    text-align : right;
    background-color : rgb(255, 0, 0);
}

/* 数値出力 */
.outputNumNarrow {
    width : 25px;
}

.outputNumNarrow2 {
    width : 30px;
}

/* 数値出力 */
.outputNumMiddle {
    width : 50px;
}

/* 数値出力 */
.outputNumWide {
    width : 60px;
}

/* 録画条件 */
/* (0)圧縮方式 */
.sCamCompTdWidth {
    width : 80px;
}

/* (1)台数 */
.sCamNumberTdWidth {
    width : 35px;
}

/* (2)型番 */
.sCamModelTdWidth {
    width : 165px;
}

.sCamModelSelWidth {
    width : 160px;
}

/* (3)解像度 */
.sCamResolutionTdWidth {
    width : 95px;
}

.sCamResolutionSelWidth {
    width : 90px;
}

/* (4)撮像モード */
.sCamScanModeTdWidth {
    width : 145px;
}

.sCamScanModeSelJpegWidth {
    width : 140px;
}

.sCamScanModeSelWidth {
    width : 140px;
}

.sCamScanModeSelFaceWidth {
    width : 80px;
}

/* (5)優先モード,画質 */
.sCamPrioQualTdWidth {
    width : 170px;
}

.sCamPrioQualSelJpegWidth {
    width : 165px;
}

.sCamPrioQualSelWidth {
    width : 165px;
}

/* (6)画質,録画fps */
.sCamQualFpsTdWidth {
    width : 115px;
}

.sCamFpsSelWidth { /* for JPEG, MPEG4 */
    width : 115px;
}

.sCamQualSelWidth {
    width : 105px; /* for H264 */
}

/* (7)1台あたりのビットレート */
.sCamBitrateTdWidth {
    width : 160px;
}

.sCamBitrateSelWidth {
    width : 155px;
}

.sCamBitrateSelFaceWidth {
    width : 70px;
}

/***** H.264/VBR *****/
.sH264VbrWidth {
    width: 985px;
}

/* 注意事項 */
.sH264VbrNotice {
    font-size : 18px;
    background-color : #bed9a8;
    text-align : left;
}

/* (0)圧縮方式 */
.sCamCompVbrTdWidth {
    width : 60px;
}
/* (1)台数 */
.sCamNumberVbrTdWidth {
    width : 35px;
}
/* (2)型番 */
.sCamModelVbrTdWidth {
    width : 190px;
}
.sCamModelVbrSelWidth {
    width : 185px;
}
/* (3)解像度 */
.sCamResolutionVbrTdWidth {
    width : 90px;
}
.sCamResolutionVbrSelWidth {
    width : 85px;
}
/* (4)画質 */
.sCamQualityVbrTdWidth {
    width : 55px;
}
.sCamQualityVbrWidth {
    width : 50px;
}
/* (5)fps */
.sCamFpsVbrTdWidth {
    width : 45px;
}
.sCamFpsVbrWidth {
    width : 40px;
}
/* (6)設置条件 */
.sCamSceneVbrTdWidth {
    width : 500px;
}
.sCamSceneVbrWidth {
    width : 495px;
}
/* (6)設置条件 - 項目 */
.sCamSceneItemVbrTdWidth {
    left:7px;
    width : 70px;
}
.sCamSceneItemVbrTd2Width {
    position:relative;
    left:10px;
    width: 500px;
}
/* (6)設置条件 - 場所 */
.sCamSceneLocationVbrWidth {
    width : 200px;
}
.sCamSmartCordingSettingVbrWidth {
    width : 110px;
}
.sCamSmartFacialCordingSettingVbrWidth {
    left:50px;
    width : 150px;
}
/* (6)設置条件 - 照度 */
.sCamSceneIllum1VbrTdWidth {
    width : 60px;
}
.sCamSceneIllum2VbrTdWidth {
    width : 100px;
}
.sCamSceneIllumVbrWidth {
    width : 50px;
}
.sCamSceneIllumLowVbrWidth {
    width : 35px;
}
/* (6)設置条件 - 動き */
.sCamSceneMotionVbrTdWidth {
    width : 130px;
    border-left: 2px solid  rgb(200, 200, 200);
}
.sCamSceneMotionVbrWidth {
    width : 50px;
}
/* (6)設置条件 - イメージ */
.sCamSceneImageVbrTdWidth {
    width : 160px;
}
.sCamSceneImageVbrWidth {
    width : 155px;
}
/* (7)推定ビットレート */
.sCamBitrateVbrTdWidth {
}

/*
 * ========== 計算結果 ==========
 */

/* 「出力結果」タイトルバー */
.sOutputMainMenuStyle {
    font-size : 14px;
    text-align : center;
    background-color    : rgb(255, 166, 87);    /* orange */
}

/* 「出力結果」サブメニュー */
.sOutputSubMenuStyle {
    font-size : 12px;
    text-align : center;
    background-color : #FFE0C4;  /* orange */
}

/* 「出力結果」の注意事項 */
.sOutputNoticeStyle {
    font-size : 10px;
    background-color : #FFE0C4;
    text-align : center;
}

/*
 * ========== 構成情報 ==========
 */

/* 項目ヘッダ行 */
.sDetailSubMenuStyle {
    font-size : 12px;
    text-align : center;
    background-color : #E3E3E3;
}

/* レコーダー情報行 */
.sDetailParamStyleOdd {
    font-size : 12px;
    text-align : right;
}

/* レコーダー情報行 */
.sDetailParamStyleEven {
    font-size : 12px;
    text-align : right;
    background-color : #E3E3E3;
}

/*
 * ========== ポップアップ文 ==========
 */
#popup_container {
    font-family: Arial, sans-serif;
    font-size: 12px;
    min-width: 300px; /* Dialog will be no smaller than this */
    max-width: 600px; /* Dialog will wrap after this width */
    background: #FFF;
    border: solid 5px #999;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#popup_title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #666;
    background: #CCC url(images/title.gif) top repeat-x;
    border: solid 1px #FFF;
    border-bottom: solid 1px #999;
    cursor: default;
    padding: 0em;
    margin: 0em;
}

#popup_content {
    background: 16px 16px no-repeat url(images/info.gif);
    padding: 1em 1.75em;
    margin: 0em;
}

#popup_content.infomsg {
    background-image: url(images/info.gif);
}

#popup_content.alert {
    background-image: url(images/info.gif);
}

#popup_content.confirm {
    background-image: url(images/important.gif);
}

#popup_content.prompt {
    background-image: url(images/help.gif);
}

#popup_message {
    padding-left: 48px;
}

#popup_panel {
    text-align: center;
    margin: 1em 0em 0em 1em;
}

#popup_prompt {
    margin: .5em 0em;
}

ul {
    list-style-type: disc;
}

/*
 * ========== ツールチップ部 ==========
 */
table.tooltip_tbl_style{
    font-size : 14px;
    margin : 0px 40px;
    margin-right: auto;
    margin-left: auto;
}

table.tooltip_tbl_style tr {
    font-size : 14px;
}

table.tooltip_tbl_style td {
    border : 1px;
    border-color : gray;
    border-style : solid;
    padding : 3px;
    margin : -1px;
}

/*
 * ========== 顔照合部 ==========
 */
.FaceBlockStyle {
    display:none;
}

/*
 * ======== 録画オプション ========
 */
.sRecOptionAudio {
    background-color : #d3d3d3;  /* lightgray */
}

