﻿/*----------*
 *   共通   *
 *----------*/
*
{
	font-family:'MS UI Gothic';
	font-size : 9pt;
	color : #000033;
}
body
{
	background-image : url("image/wall_base.gif");
}
div.dashedUnderLine
{
    border-bottom: dashed 1px #99bbdd;   
}
/*--------------------*
 *   マスターページ   *
 *--------------------*/
.masterBody
{
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
}
.masterLogoTable
{
    height:44px;
    width:100%;
    padding-bottom:0px;
    position:absolute;
    top:15px;
    left:0px;
}
.masterMenuTable
{
    height:35px;
    width:100%;
    background-image:url("image/wall_menu.gif");
    padding-bottom:0px;
    position:absolute;
    top:59px;
    left:0px;
}
.masterMenuButton
{
    padding-left:0px;
}
.masterUserInfo
{
    width: 100%; 
    border-collapse: collapse;
    height: 15px;
    background-color:#bbd8ff;
    white-space:nowrap;
}
.masterUserInfoUserName
{
    margin-left:8px;
}
.masterUserInfoUserIp
{
    margin-right:8px;
}
.masterUserInfoDateTimeNow
{
    margin-right:8px;
}

.masterNaviFrame
{   
    position:absolute;
    top:18px;
    left:0px;
    width:100%;
}

.masterNaviFrameCell
{
}

.masterNaviBar
{
    border-width:1px;
    border-color:#99BBDD;
    border-style: dashed;
    background-color:White;
    margin:0px 4px;
}
.masterNaviMain
{
    width:100%;
}
.masterNaviMainCell
{
    padding-left:8px;
    padding-top:5px;
    padding-bottom:5px;
}
.masterPlaceHolder
{
}
.masterFooter
{
    width:100%;
}
div.mastersubmenu
{
	position : absolute;
	display : none;
	left:0px;
	top: 91px;
	z-index : 10000;
}
div.mastertoolsubmenu
{
	position : absolute;
	display : none;
	left:0px;
	top: 58px;
	z-index : 10000;
}
td.mastersubmenucell
{
	border-left : solid 1px #99BBDD;
	border-right : solid 1px #99BBDD;
	background-color : white;
	padding : 0px 5px 0px 5px;
}
td.mastertoolsubmenucell
{
	border-left : solid 1px #99BBDD;
	border-right : solid 1px #99BBDD;
	background-color : white;
	padding : 0px 5px 0px 5px;
}
table.mastersubmenutable
{
	width : 120px;
	cursor : pointer;
	background-color:white;
}
table.mastertoolsubmenutable
{
	width : 148px;
	cursor : pointer;
	background-color:white;
}
td.mastersubmenutablecell
{
	height:16px;
	padding : 5px 5px 5px 15px;
}
td.mastertoolsubmenutablecell
{
	height:16px;
	padding : 5px 5px 5px 15px;
}
table.mastersubmenuhover
{
	background-image : url('image/menu_submenubg.gif');
}
table.mastertoolsubmenuhover
{
	background-image : url('image/menu_submenubigbg.gif');
}

/*------------------- *
 *   リサイズ共通       *
 *--------------------*/
div.resizeContentHolder{
    margin:3px;
    border:solid 1px #7788AA;
    background-color:White;
}
/*------------------- *
 *   シンプルテーブル *
 *--------------------*/
/*.simpleTable *{margin:0px; padding:0px;} */
.simpleHeaderTable{}
.simpleTableHeader  	
{
    background-color: #c0e8ff;
	border: solid 1px #99BBDD;
	white-space:nowrap;
	text-align:left;
}
.simpleHeaderTableInnerTable
{
    border-bottom:#a0c0d0 2px solid;
    border-right:#a0c0d0 2px solid;
    border-left:white 2px solid;
    border-top:white 2px solid;
    width:100%;
    height:100%;
}
.simpleDataTable{background-color:White;}
.simpleHeaderTableInnerTable td{padding-top:3px;padding-bottom:3px;}
.simpleTable tr.simpleTableRow td{border:solid 1px #99BBDD;padding: 5px;text-align:left;}
.simpleTable tr.simpleTableRow td.simpleTableHeader{border:solid 1px #99BBDD;padding: 0px;text-align:center;}
.simpleTable tr.simpleTableRow td.simpleTableHeader>.simpleHeaderTableInnerTable{height:29px;}
.simpleTable tr.simpleTableRow td.simpleTableHeader>.simpleHeaderTableInnerTable td{text-align:center;}
.simpletable-selected {background-color:#ffffcc;}
.simpletable-selected>td>input[readonly]{background-color:#ffffcc;}
.simpletable-selected>td>div>input[readonly]{background-color:#ffffcc;}
.simpletable-selected tr.simpleTableInnerRow>td>input[readonly]{background-color:#ffffcc;}
.simpletable-selected.hasError tr.simpleTableInnerRow>td>input[readonly]{background-color:#ffffcc;}
.simpletable-selected.hasError {background-color:#ffffcc;}
.simpletable-selected .hasError {background-color:#ffffcc;}
.simpletable-selected .hasError tr.simpleTableInnerRow>td>input[readonly]{background-color:#ffffcc;}
.simpletable-selected .hasNullWorning {background-color:#ffffcc;}
.simpletable-selected .hasNullWorning tr.simpleTableInnerRow>td>input[readonly]{background-color:#ffffcc;}
.simpleTable table tr.simpleTableRow table td {border:none; padding:0px;}
.simpleTableDataEmpty{border:solid 1px #99BBDD;text-align:center;color:#999999;padding:5px 0px;}

/*------------------------------ *
 *   コンディションマネージャー *
 *-------------------------------*/
div.conditionMain{border:solid 1px white;border-left:none;border-right:none;}
div.addBorder{border:solid 1px #7788AA;border-left:none;border-right:none;}
table.conditionManagerTable{border-collapse:collapse; width:100%;}

td.emptymessage{border: solid 1px #7788AA; }
td.logicTargetTd {width:150px;border:solid 1px #7788AA; border-right:none;}

td.operatorTargetTd{width:auto; border-bottom:solid 1px #7788AA;}
td.logicTargetTd,td.operatorTargetTd{background-color:White;}
td.conditionManagerSelectTd { border:none; border-right:dashed 1px #7788AA;}
td.conditionManagerFixedFormTd { border-left:dashed 1px #7788AA;}
table.operatorTargetTable{width:100%;}
tbody.operatorTarget tr td{padding:5px 7px 5px 7px;}
tbody.operatorTarget tr td td{padding:0px;}
tbody.operatorTarget>tr.hasError>td{padding:3px 5px 3px 5px;}

tbody.operatorTarget tr.selected td.conditionManagerTd{border:solid 1px red; background-color:#ffffcc;}
tbody.operatorTarget tr.last.selected td.conditionManagerTd{border:solid 1px red; background-color:#ffffcc; border-bottom:none;}
tbody.operatorTarget tr.only.selected td.conditionManagerTd{border:solid 1px red; background-color:#ffffcc; border-bottom:none;}
tbody.operatorTarget tr.ie6selected td.conditionManagerTd{background-color:#ffffcc;}
tbody.operatorTarget tr.selected td.conditionManagerFixedFormTd{border:solid 1px red;border-left: dashed 1px #7788AA; background-color:#ffffcc;}
tbody.operatorTarget tr.ie6selected td.conditionManagerFixedFormTd{background-color:#ffffcc;}
tbody.operatorTarget tr.last.selected td.conditionManagerFixedFormTd{border:solid 1px red;border-left: dashed 1px #7788AA; background-color:#ffffcc; border-bottom:none;}
tbody.operatorTarget tr.only.selected td.conditionManagerFixedFormTd{border:solid 1px red;border-left: dashed 1px #7788AA; background-color:#ffffcc; border-bottom:none;}
tbody.operatorTarget tr.selected td td{border:none; background-color:#ffffcc;}

td.conditionManagerSelectTd{ width:30px;border-bottom:dashed 1px #7788AA;}
td.conditionManagerTd{border-right: solid 1px #7788AA; border-left: solid 1px #7788AA;border-bottom:dashed 1px #7788AA;  white-space:nowrap;}
tr.conditionTr.only td.conditionManagerTd{border:solid 1px #7788AA;white-space:nowrap; border-bottom:none;}
tr.conditionTr.first td.conditionManagerTd{border:solid 1px #7788AA; border-bottom:dashed 1px #7788AA; white-space:nowrap;}
tr.conditionTr.last td.conditionManagerTd{border:solid 1px #7788AA; border-top:none; border-bottom:none; white-space:nowrap;}
td.conditionManagerFixedFormTd{width:30px;border-right: solid 1px #7788AA; border-left: dashed 1px #7788AA;border-bottom:dashed 1px #7788AA;}
tr.conditionTr.only td.conditionManagerFixedFormTd{border:solid 1px #7788AA;  border-left: dashed 1px #7788AA; border-bottom:none;}
tr.conditionTr.first td.conditionManagerFixedFormTd{border:solid 1px #7788AA; border-left:dashed 1px #7788AA;border-bottom:dashed 1px #7788AA; }
tr.conditionTr.last td.conditionManagerFixedFormTd{border:solid 1px #7788AA; border-left:dashed 1px #7788AA;border-top:none; border-bottom:none;}

tbody.operatorTarget tr.selectedUpper td.conditionManagerTd{border:solid 1px red;border-bottom:dashed 1px black;  background-color:#ffffcc;}
tbody.operatorTarget tr.selectedUpper td.conditionManagerFixedFormTd{border:solid 1px red; border-left:dashed 1px #7788AA;border-bottom:dashed 1px #7788AA;   background-color:#ffffcc;}
tbody.operatorTarget tr.selectedUpper td td{border:none;  background-color:#ffffcc;}
tbody.operatorTarget tr.selectedMiddle td.conditionManagerTd{border:solid 1px red; border-bottom:dashed 1px black;border-top:none; background-color:#ffffcc;}
tbody.operatorTarget tr.selectedMiddle td.conditionManagerFixedFormTd{border-right: solid 1px red; border-left: dashed 1px #7788AA;border-bottom:dashed 1px #7788AA;  background-color:#ffffcc;}
tbody.operatorTarget tr.selectedMiddle td td{border:none; border-bottom:none; background-color:#ffffcc;}
tbody.operatorTarget tr.selectedLower td.conditionManagerTd{border:solid 1px red;border-top:none; background-color:#ffffcc;}
tbody.operatorTarget tr.last.selectedLower td.conditionManagerTd{border:solid 1px red;border-top:none;border-bottom:none; background-color:#ffffcc;}
tbody.operatorTarget tr.selectedLower td.conditionManagerFixedFormTd{border:solid 1px red; border-left:dashed 1px #7788AA;border-top:none;  background-color:#ffffcc;}
tbody.operatorTarget tr.last.selectedLower td.conditionManagerFixedFormTd{border:solid 1px red; border-left:dashed 1px #7788AA;border-top:none;border-bottom:none;  background-color:#ffffcc;}
tbody.operatorTarget tr.selectedLower td td{border:none; background-color:#ffffcc;}

table.logic {border-collapse:collapse; background-color:White;}
table.logic.logicTypeAnd td {border:solid 2px red; border-right:none;}
table.logic.logicTypeOr td {border:solid 2px blue; border-right:none;}
table.logicTypeAnd {border:solid 2px red; border-right:none;}
table.logicTypeOr {border:solid 2px blue; border-right:none;}
table.selected{border-width:3px; border-right:none;}
table.modeDisable td {background-color:#eeeeee;}
span.logicTypeText {background-color:White; position:relative; left:-5px; font-weight:bold;}

.conditionMoveFrom{background-color:#E6E6FA;}
table.logic.conditionMoveFrom{background-color:#E6E6FA;}
tbody.operatorTarget>tr.selected.notEditable>td{ background-color:#f0d0d0;}
tr.notEditable td{background-color:#e0e0e0;}
tbody.operatorTarget>tr.selected.notEditable td{background-color:#f0d0d0;}
.emptymessage{text-align:center;color:#999999;padding-top:5px;padding-bottom:5px;}

.conditionTableSelectTd{width:60px;padding-left:3px;border:solid 1px #7788AA;border-right:none;}

.hasError{background-color:#FFF0F5}
.hasError tr.simpleTableInnerRow>td>input[readonly]{background-color:#FFF0F5}
.hasNullWorning{background-color:#FFF5EE}
.hasNullWorning tr.simpleTableInnerRow>td>input[readonly]{background-color:#FFF5EE}
.rowImage{margin:0px;padding:0px;border:0px;vertical-align:bottom;}
.errorItem{color:#990000;}
.modeShowOnlyEx *{background-color:#f0ffff}
.modeShowOnlyEx td.logicTargetTd{background-color:#f0ffff}

/*------------------------------ *
 *   Assignmentsマネージャー *
 *-------------------------------*/
table.assignmentsManagerTable.upper{border-collapse:collapse; width:100%;border-left: solid 1px #7788AA; border-right: solid 1px #7788AA;border-top: solid 1px #7788AA;}
table.assignmentsManagerTable.lower{border-collapse:collapse; width:100%;border-left: solid 1px #7788AA; border-right: solid 1px #7788AA;border-bottom: solid 1px #7788AA;}
td.assignHeader{border-right: solid 1px #7788AA;}
td.assignTargetTd{width:auto;background-color:White;}
td.assignManagerTd{border-bottom:dashed 1px #7788AA;white-space:nowrap;padding:5px 7px 5px 7px;}
.hasError td.assignManagerTd{border-bottom:dashed 1px #7788AA;white-space:nowrap;padding:3px 5px 3px 5px;}
table.assignTargetTable{width:100%;}
tbody.assignTarget tr.selected td{ background-color:#ffffcc;}
tbody.assignTarget tr.assignManagerTrBottom td{border-bottom:none;}
.assignItemsEmpty{border: solid 1px #7788AA;text-align:center;padding-top:5px;padding-bottom:5px;width:100%;}
.assignItemsEmpty td{color:#999999;}
.assignTableSelectTd{width:60px;padding-left:3px;}
td.assignmentManagerFixedFormTd{width:43px;border-left: dashed 1px #7788AA;border-bottom:dashed 1px #7788AA;padding-left:8px;}
/*------------------------------------ *>
 *   ユニットコネクションマネージャー *
 *-------------------------------------*/
table.unit td{height:23px;}
table.unit{background-color:White;border:solid 1px #666699;}/*------------------  ファイルのスタイル  ----------------*/
table.unit.selectedUnit{background-color: #ffffff;border:solid 2px #1e90ff;}/*-----  ファイルの選択状態スタイル  --------------*/
table.unit.rootUnit{background-color: #f0f8ff;border:solid 1px #666699;} /*--------------------  基底ファイルのスタイル    -------------------*/
table.unit.rootUnit.selectedUnit{background-color: #f0f8ff;border:solid 2px #1e90ff;}/*--------  基底ファイルの選択状態スタイル    -------------------*/
table.unit tr.unitHeader td{background-color : #b0d0f0;}
td.unitHeaderTd{border-bottom:solid 1px  #666699;}
td.key{width:27px;}
tr.selectedUnitItem td.unitItemName { background-color:#ffcc99;}/*-------------------------------   選択状態の項目   -------------------*/
tr.unitItem td.unitItemName{cursor:pointer;background-color:#99ccff;}/*------------------------  項目のマウスホバー    -------------------*/
tr.selectedUnitItem.unitItem td.unitItemName{cursor:pointer;background-color:#99ccff;}/*-----  選択状態項目のマウスホバー    -------------------*/
tr.mouseHover td.unitItemName{background-color: #99ccff;}/*---------------  ドロップ先項目のマウスホバー    -------------------*/
tr.unitItem.mouseHover td.unitItemName{background-color: #99ccff;}/*-----  選択状態にあるドロップ先項目のマウスホバー    -------------------*/
tr.HeighLightUnitItem td.unitItemName {color:#cc0000;}
td.unitItemName.nothing{color:#A0A0A0;}
table.unit.rootUnit td.unitItemName.nothing{color:#909090;}
div.notJoinedUnit td.message{font-weight:bold; color:Red;}/*-----------------  結合されていないファイルのエラーメッセージ    -------------------*/
/*----------------------- *
 *  メッセージボックス    *
 *------------------------*/
div.mmboxMask{
    background-color : #f8f8fc;
    cursor : auto;
    position : absolute;
    left : 0px;
    top : 0px;
    display : none;
}
div.mmboxDialog
{
    position : absolute;
    display : none;
    left : 0px;
    top : 0px;
    border-style:solid;
    border-color:#b9caea;
    border-top-width:2px;
    border-left-width:2px;
    border-right-width:3px;
    border-bottom-width:3px;
}
table.mmboxDialog{
    border:solid 1px #6688cc;
    background-color : #ffffff;
}

td.mmboxTitle1
{
	background-color:#6688cc;
    font-weight:bold;
    color:#ffffff;
    padding:5px 10px 5px 10px;
    white-space : nowrap;
}

td.mmboxTitle2
{
	padding-top:3px;
	padding-bottom:3px;
	background-color:#ccddff;
}

td.mmboxMain
{
    vertical-align : top;
}
td.mmboxMainMessage
{
    padding:10px 10px 10px 10px;
}
td.mmboxMainCalendar1
{
	height:180px;
	width:210px;
}
td.mmboxMainCalendar2
{
	height:228px;
	width:210px;
}

td.mmboxButton
{
    padding : 0px 10px 0px 10px;
    white-space : nowrap;
    text-align : center;
    width : 100%;
    vertical-align : bottom;
}
table.mmboxCalendarHeader
{
	margin:0 auto;
	width:160px;
}
td.mmboxCalendarHeaderButton
{
	width:20px;
	text-align:center;
    padding:0;
}
img.mmboxCalendarHeaderButton
{
	cursor:pointer;
}
td.mmboxCalendarHeaderText
{
	text-align:center;
    padding:0;
}
table.mmboxCalendar 
{
	border-collapse:collapse;
	margin:0 auto;
}
td.mmboxCalendarCellWeek
{
    width:24px;
    height:24px;
    text-align:center;
    padding:0;
}
td.mmboxCalendarCellWeek2
{
    width:24px;
    height:24px;
    text-align:center;
    padding:0;
    color:#cc3333;
}
td.mmboxCalendarCell
{
    width:24px;
    height:24px;
    text-align:center;
    padding:0;
    border:solid 1px #cccccc;
}
td.mmboxCalendarCellSelect1
{
    background-color:White;
    cursor:pointer;
}
td.mmboxCalendarCellSelect2
{
    background-color:#ffcccc;
    cursor:pointer;
    color:#993333;
}
td.mmboxCalendarCellOut
{
    background-color:#eeeeee;
    color:#999999;
}
td.mmboxCalendarSelected { background-color:#ffffcc; }
td.mmboxCalendarToday { font-weight:bold; }
td.mmboxCalendarStop { color:#cccccc; }

table.mmboxClockFrame{
    margin:0 auto;
}
td.mmboxClock1{
    text-align:right;
}
td.mmboxClock2{
    text-align:center;
    width:20px;
}
td.mmboxClock3{
    text-align:left;
}
.mmboxSliderContainer
{
    width: 100%;
    height:100%;
    position: relative;
    display:block;
}
.mmboxSliderBack
{
    border-style:none;
    position:absolute;
    cursor:default;
    width:80px;
    height:22px;
    display:block;
    background-image:url("image/wall_slider.gif");
    left:0px;
}
.mmboxSliderHandle
{
    position:absolute;
    cursor:default;
    width: 7px;
    height:22px;
    background-image:url("image/slider.gif");
    cursor:pointer;
}

table.mmboxPaletteFrame
{
    margin:3px auto 0px auto;
}
div.mmboxPalettePreview 
{
	border:solid 1px #999999;
	width:40px;
	height:16px;
}
input.mmboxPaletteText
{
	width:20px;
}

td.mmboxPalette
{
	border:solid 1px #e0e0e0;
	padding:0;
	cursor:pointer;
}
td.mmboxPaletteBase1
{
	width:23px;
	height:15px;
	padding:0;
}
td.mmboxPaletteBase2
{
	width:24px;
	height:15px;
	padding:0;
}
td.mmboxPaletteDetail
{
	width:10px;
	height:10px;
	padding:0;
}
div.mmboxPaletteSep
{
	width:1px;
	height:1px;
	overflow:hidden;
}

table.mmboxInput
{
	margin:0 auto;
}
td.mmboxInputCell
{
	padding:2px;
}
select.mmboxSelectHidden
{
	visibility:hidden;
}
/*----------------------- *
 *  サイズコントローラー *
 *------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0;  }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%;}
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

#separatorRight{overflow:hidden;}
#separatorRight.none{ margin:0px; background-color:Transparent;}

div.imgTitle
{
    margin-bottom : 4px;
     text-align:center;
}

div.divBase
{
    background-image:url("image/wall_panel.gif");   
    width:100%;
    height:100%;
    border:solid 1px #7788AA;
}

div.divTreeBase
{
    background-color:White;   
    width:100%;
    height:100%; 
    overflow: auto;
    margin-left: 3px;
    border:solid 1px #7788AA;
}


.conditionEditTool
{
    text-align:right;
    padding-top:3px;
}

.tabConditionMain
{
    width:85%; 
    text-align:center; 
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}

.tabFrame
{
    border-left: solid 1px #7788AA;
    border-right: solid 1px #7788AA;
    border-bottom: solid 1px #7788AA;
    margin-bottom:10px;
}

.tabcontent
{
    padding:10px 10px 0px 10px;  
}

.selectCondition
{
    padding-top:3px;
    padding-left:20px;
}

.conditionTool
{
	text-align : center;
	margin-left: auto;
	margin-right: auto;
}

.conditionTab
{
    margin-top:3px;
}

.centerControl
{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.list
{
    width:90%;
    margin:0 auto;    
}

span.extractItem{color : #008000;}
span.extractSourceItem{color : #008000;}
span.const{color : #8B4513;}
span.function{color : #0000FF;}
span.emptyconst{color:#999999;}

.textbox{border:solid 1px #99BBDD}
.checkbox>input{border:solid 1px #99BBDD}

.tabSpace{border-bottom:solid 1px #7788AA;height:27px;width:100%;}
.htmlOpacity
{
	filter:alpha(opacity=0);
	opacity:0;
}