/*□□□□□□□□□□□□□□□□□□□□

	コントロール用スタイル

□□□□□□□□□□□□□□□□□□□□*/
/*////////////////////////////////////////
	RadGrid
////////////////////////////////////////*/
div.rgd table {
	border-collapse: collapse;
}
div.rgd table.rgMasterTable th {
    text-align: center !important;
	border: 1px solid #c0c0c0 !important;
}
div.rgd table.rgMasterTable th.rgHeader a {
	color: #1061B2 !important;
    font-weight: bold;
}
div.rgd table.rgMasterTable tr.rgFooter {
	color: #1061B2 !important;
    font-weight: bold;
    text-align: center;
}
div.rgd table.rgMasterTable td {
	border: 1px solid #c0c0c0 !important;
	padding: 5px 8px 5px 8px !important;
}
div.rgd table.rgMasterTable tr.rgGroupHeader a {
	color: #1061B2 !important;
    font-weight: bold;
}
div.rgd table.rgMasterTable td.rgGroupCol {
	padding: 5px 0px 5px 0px !important;
}

/*――― グループ化 ―――*/
table tr.rgGroupHeader,
table tr.rgGroupHeader td,
table tr td.rgGroupCol {
    background-color: silver !important;
    color: darkblue;
    font-weight: bold;
}

/*――― セルクラス ―――*/
/* 番号 */
div.rgd table.rgMasterTable td.num {
	background-color: #0051A2;
	color: #FFFFFF;
	text-align: center;
}
/* 選択チェックボックス */
div.rgd table.rgMasterTable td.selector {
	padding: 5px !important;
}
/* 選択チェックボックス */
div.rgd table.rgMasterTable td.selector input[type="checkbox"] {
	padding: 0 !important;
}
/* データなし */
div.rgd table.rgMasterTable tr.rgNoRecords td {
	text-align: center !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	color: gray !important;
}
/* データなし（スクロールありの場合用） */
div.rgd div.rgDataDiv tr.rgNoRecords td {
	border: none !important;
}
/* 選択行のイメージを無効化（行の高さが増えても問題ない表示が可能）、選択行の背景色設定 */
.rgSelectedRow {
    background-image: none !important;
    background-color: #4175d1 !important;
    color: white !important;
}


/*////////////////////////////////////////
	RadToolBar
////////////////////////////////////////*/
div.rgd table.rgMasterTable td.rgCommandCell {
	padding: 2px !important;
}

/* メニュー（通常） */
.toolBar li.rtbItem {
	margin-left: 5px;
	margin-right: 5px;
}
.toolBar li.rtbItem img.rtbIcon {
	margin-right: 3px;
}
.toolBar li.rtbItem a {
	margin: 1px;
}
.toolBar li.rtbItem a:hover {
	margin: 0;
	border: 1px solid #f5f5f5;
	border-radius: 3px 3px;
}


/*////////////////////////////////////////
	入力コントロール
////////////////////////////////////////*/
/*――― 標準 ―――*/
input {
	border: 1px solid #999;
	padding: 1px 3px 1px 3px;
}
input.txt_en {
	ime-mode: disabled;
}
select {
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 1px 3px 1px 3px;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	box-sizing: content-box;
	border: 1px solid #999;
}
select::-ms-expand {
	border: none;
	background-color: transparent;
}

/*――― CheckBox ―――*/
input[type="checkbox"] {
	vertical-align: middle;
}
input[type="checkbox"] + label {
	margin-right: 1em;
}

/*――― RadioButton ―――*/
input[type="radio"] + label {
	margin-right: 1em;
}

/*――― RadCalendar ―――*/
.RadCalendar .rcOutOfRange span {
	color: #ccc !important;
}


/*////////////////////////////////////////
	入力コントロール（状態別）
////////////////////////////////////////*/
/*――― 選択 ―――*/
input:checked + label {
	font-weight: bold;
}

/*――― フォーカス ―――*/
input:focus, select:focus {
	border: 1px solid #339acc;
}
.RadInput input:focus {
	border: 1px solid #339acc !important;
}

/*――― ReadOnly ―――*/
/*  input[readonly="readonly"],  これを有効にすると RadComboBox の表示がおかしくなるのでＮＧ  */
textarea[readonly="readonly"],
.RadInput input[readonly="readonly"],
.RadInput textarea[readonly="readonly"] {
	background-color: #fafafa !important;
	border: 1px solid #C0C0C0;
}

/*――― Disabled ―――*/
select.aspNetDisabled {
	background-color: #fafafa !important;
	border: 1px solid #C0C0C0;
}
select.aspNetDisabled * {
	border: none;
}

/*////////////////////////////////////////
	ボタンコントロール
////////////////////////////////////////*/
input.btn, input.btn_gray {
	border: 1px outset #339acc;
	border-radius: 5px 5px;
	padding: 8px 20px;
	min-width: 110px;
	font-size: 102%;
	letter-spacing: 1px;
	text-shadow: -1px -1px 0 #444;
	cursor: pointer;
}
input.btn {
	color: #fff;
	background: url(/_images/bg_btn.png) repeat-x #339acc;
}
input.btn_gray {
	border: 1px outset #999;
	text-shadow: none;
	color: #000;
	background: url(/_images/bg_btn_gray.png) repeat-x #ccc;
}

input.btn[disabled="disabled"] {
	background: url(/_images/bg_btn_disabled.png) repeat-x #99cce5;
	text-shadow: none;
	cursor: default;
}


/*////////////////////////////////////////
	検証コントロール
////////////////////////////////////////*/
.val_summary, .val, .valbr {
	color: red !important;
	text-align: left;
}
.val, .valbr {
	line-height: 1.5em;
	margin-left: 5px;
}
.ml0 {
	margin-left: 0px !important;
}
/* 改行表示 */
.valbr:before {
	content: "\a";
	white-space: pre;
}

/*////////////////////////////////////////
	ユーザーコントロール：Message
////////////////////////////////////////*/
.uwcmsg, .uwcmsger {
	width: 100%;
	display: block;
}
.uwcmsger {
	color: red;
	font-weight: bold;
}

/*////////////////////////////////////////
	LinkButton
////////////////////////////////////////*/

/* リンク、画面遷移 */
a.link {
    background: url(/_Images/Manage/ico_link.png) no-repeat;
    padding-left:18px;
    vertical-align:middle;
}

/* リンク、鍵をかける */
a.lock {
    background: url(/_Images/Manage/ico_lock.png) no-repeat;
    padding-left:18px;
    vertical-align:middle;
}

/* リンク、鍵を外す */
a.unlock {
    background: url(/_Images/Manage/ico_unlock.png) no-repeat;
    padding-left:18px;
    vertical-align:middle;
}