/*
 * ボディ
 */
body {
	background-color: #1b1b1b;
	color: #FFFFFF;
}

/*
 * 通常の文字
 */
font.normal {
	color: #FFFFFF;
}

message {
	color: #000000;
}

/*
 * ヘッダタイトル
 */
font.caption {
	font-weight: bold;
	font-size: 16px;
}

/*
 * エラーメッセージ
 */
font.error {
	font-weight: bold;
	font-size: 18px;
	color:#FFFFFF;
}

/*
 * 通知メッセージ
 */
font.notice {
	font-weight: bold;
	color: #FFFF00;
}

font.notice_middle {
	font-weight: bold;
	font-size: 16px;
	color: #FFFF00;
}

font.notice_small {
	font-weight: bold;
	font-size: 12px;
	color: #FFFF00;
}

/*
 * ログ閲覧画面のフォント
 */
font.log {
	font-size: 13px;
}

/*
 * リスト表示の際の奇数行目のバックカラー
 */
tr.row-bgcolor1 {
	background-color: #000000;
}

/*
 * リスト表示の際の偶数行目のバックカラー
 */
tr.row-bgcolor2 {
	background-color: #1b1b1b;
}

/*
 * 表タイトル
 */
th,td.subject {
	background-color: #1b1b1b;
	height: 30;
}

font.subject {
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
}

/*
 * 表の内容
 */
td.content {
/*
	vertical-align: middle;
	text-align: left;
*/
	height: 30;
}

font.content {
	font-size: 16px;
}

/*
 * 動的に生成するテキスト
 */
.dynamic_text {
	border:0;
	color: #FFFFFF;
	background-color:#222222;
	font-size: 16px;
}

font.comment {
        font-size: 12px;
}

/*
 * 状態を表示するテキスト
 */
font.state_normal {
        color: #00FFFF;
        font-size: 14px;
}
font.state_trouble {
        color: #FFFF00;
        font-size: 14px;
}
font.state_warn {
        color: #FF0000;
        font-size: 14px;
}

/* 色を固定したいときのリンク */
a.nocache:link {
	color: #ffffff;
}
a.nocache:active {
	color: #ffffff;
}
a.nocache:visited {
	color: #ffffff;
}
a.nocache:hover {
	color: #ffff00;
}

/* 色を固定したいときのリンク */
a.transition:link {
	color: #ffffff;
}
a.transition:active {
	color: #ffffff;
}
a.transition:visited {
	color: #ffffff;
}
a.transition:hover {
	color: #ffff00;
}

/* アンダーバーを表示しないリンク */
a.noline {
	text-decoration: none;
	cursor: pointer;
}

table.cal {
	border-collapse: collapse;
	table-layout: fixed;
}
table.cal th {
	width: 20px;
	padding: 0px;
	border: 1px solid #ccc;
}
table.cal td {
	width: 20px;
	padding: 0px;
	border: 1px solid #ccc;
}

/* 録画再生ステータス */
td.select_rec {
	color: #000080;
	background-color: #000080;
}

td.pos_rec {
	color: #00bfff;
	background-color: #00bfff;
}

td.now_rec {
	color: #ffff00;
	background-color: #ffff00;
}

td.part_rec {
	color: #a9a9a9;
	background-color: #a9a9a9;
}

td.no_rec {
	color: #ffffff;
	background-color: #ffffff;
}

td.no_sd {
	color: #808080;
	background-color: #808080;
}



td.rec {
	color: #00FFFF;
	background-color: #00FFFF;
}

td.startplay {
	color: #FFBF00;
	background-color: #FFBF00;
}

td.noItem {
	color: #BDBDBD;
	background-color: #BDBDBD;
}

/* ボタン代わりに使うボックス */
div.change_box {
	background-color: #FFFFFF;
	border-color: white;
	border-style: solid;
	border-width: 2px; 
	color: white;
	width: 130px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 4px 4px;
}

/* ボタン代わりに使うボックス(選択時) */
div.selected_box {
	background-color: #FFFFFF;
	border-color: yellow;
	border-style: solid;
	border-width: 2px; 
	color: yellow;
	width: 130px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 4px 4px;
}

/* ボタン代わりに使うボックス(選択時) */
div.unavailable_box {
	background-color: #FFFFFF;
	border-color: #bbbbbb;
	border-style: solid;
	border-width: 2px; 
	color: #bbbbbb;
	width: 130px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 4px 4px;
}

div.title_box {
	background-color: #1b1b1b;
	width: 200px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

/*
 * メッセージ表示用
 */
.clsMsg {
	font-size:small;
	font-weight:bold;
	color:#FFFF00;
}
.clsBlink {
	font-size:small;
	font-weight:bold;
	color:#222222;
}

/* メッセージのリンク */
a.msg {
	text-decoration: underline;
	color:#FFFF00;
}
a.blink {
	text-decoration: none;
	color:#222222;
}

button.digital_normal {
	background-color: #FFFFFF;
	border: 2px gray outset;
	color: #000000;
	width: 32px;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

button.digital_pushed {
	background-color: #66ff00;
	border: 2px gray inset;
	color: white;
	width: 30px;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}


button.btn {
	background-color: #FFFFFF;
	border: 2px #FFFFFF solid;
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

button.submit_btn {
	background-color: #808080;
	border: 2px #FFFFFF solid;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-radius:5px;
}
button.submit_btn:hover {
	border: 2px #ffff00 solid;
	color: #ffff00;
	border-radius:5px;
}


.disablebuttonTable { 
	background-color: #808080;
	border: 2px #FFFFFF solid;
	color: #FFFFFF;
	width: 130;
	height: 18;
	text-align: center;
	font-size: 10pt;
	padding:4px 4px;
}
.buttonTable { 
	background-color: #808080;
	border: 2px #FFFFFF solid;
	color: #000000;
	width: 130;
	height: 18;
	text-align: center;
	font-size: 10pt;
	padding:4px 4px;
}
.buttonTable:hover {
	background-color: #808080;
	border: 2px #FFFF00 solid;
	color: #FFFF00;
	width: 130;
	height: 18;
	text-align: center;
	font-size: 10pt;
	padding:4px 4px;
}
.buttonTable2 { 
	background-color: #808080;
	border: 2px #FFFF00 solid;
	color: #FFFF00;
	text-align: center;
	font-size: 10pt;
	padding:4px 4px;
}
.noline { 
	text-decoration: none;
	cursor: pointer;
}