/** ---------------------------- */
/** ResizablePanel               */
/** ---------------------------- */
table.resizablePanel{
	margin:0px;
	padding:0px;
	width:100%;
}
table.resizablePanel td.panel_left{
	width:40%;
	min-width:300px;
}
table.resizablePanel td.panel_left,
table.resizablePanel td.panel_right{
	border: 1px solid #d5eb74;
	padding:2px;
	padding-bottom:12px;
	vertical-align:top;
}

table.resizablePanel td.panel_right{
	min-width:500px;
}

table.resizablePanel table.title_layout{
	background-color:#dbe8a0;
	width:100%;
}
table.resizablePanel table.title_layout th,
table.resizablePanel table.title_layout td {
	height:25px;
}
table.resizablePanel table.title_layout td.right{
	width:170px;
}
table.resizablePanel table.title_layout td.right button{
	float:right;
}

table.resizablePanel td.panel_left table.title_layout th{
	padding-left:80px;
}

/** ---------------------------- */
/** tree                         */
/** ---------------------------- */

#treeTitleArea{
	padding:3px;
	padding-bottom:2px;
	text-align:right;
}

div.treeViewArea{
	display:none;
}

div.tree{
	padding:15px;
	padding-right:20px;
	font-weight:bold;
	line-height:150%;
	padding-top:0px;
}
div.tree2{
	padding:15px;
	padding-right:20px;
	line-height:150%;
	padding-top:0px;
}

ul#treeView2 ul li[level="1"]>div {
	padding-top:5px;
}
ul#treeView ul li{
	padding-top: 1px;
	padding-bottom: 1px;
}

ul#treeView ul li span{
	padding-top: 3px;
	line-height: 140%;
}

ul#treeView ul li>span{
	background-image: url(images/teamdrive.png);
	background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 32px 32px;
    padding-left: 36px;
    box-sizing: border-box;
}
ul#treeView ul li>span[type="1"][iflag="1"]{
	background-image: url(images/folder1.png);
	background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 32px 32px;
    padding-left: 36px;
    box-sizing: border-box;
    height:2em;
}
ul#treeView ul li>span[type="1"][iflag="0"]{
	background-image: url(images/folder2.png);
	background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 32px 32px;
    padding-left: 36px;
    box-sizing: border-box;
    height:2em;
}
ul#treeView ul li[level="1"]>span{
	background-image: url(images/teamtop.png);
	background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 32px 32px;
    padding-left: 36px;
    box-sizing: border-box;
}
ul#treeView ul li>div {
	padding-top:5px;
}
ul#treeView ul li>div>label{
	background-image: url(images/teamdrive.png);
	background-repeat: no-repeat;
    background-position: 2px bottom;
    background-size: 25px 19px;
    padding-left: 32px;
    box-sizing: border-box;
}
ul#treeView ul li[level="1"]>div>label{
	background-image: url(images/teamtop.png);
	background-repeat: no-repeat;
    background-position: 2px bottom;
    background-size: 25px 19px;
    padding-left: 32px;
    box-sizing: border-box;
}

ul#treeView ul li>div {
	padding-top:5px;
}
ul#treeView ul li>div>label{
	background-image: url(images/grouptree1.png);
	background-repeat: no-repeat;
    background-position: 2px bottom;
    background-size: 25px 19px;
    padding-left: 32px;
    box-sizing: border-box;
}
ul#treeView ul li[level="1"]>div>label{
	background-image: url(images/teamtop.png);
	background-repeat: no-repeat;
    background-position: 2px bottom;
    background-size: 25px 19px;
    padding-left: 32px;
    box-sizing: border-box;
}

ul#treeView ul li table.edit_ctrl {
	float: right;
	margin-top: -4px;
	/** display: none; */
}

ul#treeView ul li table.edit_ctrl td.group_edit {
	background-image: url(images/group_upd.png);
	background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 20px 20px;
    corsor: pointer;
    width: 25px; height: 20px;
}

ul#treeView ul li table.edit_ctrl td.group_del {
	background-image: url(images/group_del.png);
	background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 20px 20px;
    corsor: pointer;
	width: 25px; height: 20px;
}

ul#treeView ul li table.edit_ctrl td.group_add {
	background-image: url(images/group1_add.png);
	background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 20px 20px;
    corsor: pointer;
	width: 25px; height: 20px;
}
ul#treeView ul li table.edit_ctrl td.group_temp {
	background-image: url(images/foldertree48x48.png);
	background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 20px 20px;
    corsor: pointer;
	width: 25px; height: 20px;
}

ul#treeView ul li table.edit_ctrl td.group_edit:hover,
ul#treeView ul li table.edit_ctrl td.group_del:hover,
ul#treeView ul li table.edit_ctrl td.group_add:hover,
ul#treeView ul li table.edit_ctrl td.group_temp:hover{
	opacity: 0.5;
}








/** ---------------------------- */
/** list                         */
/** ---------------------------- */
div.list{
	padding:15px;
}

table.list_title{
	width:100%;
	border-collapse: collapse;
}


table.list_title th.id{
	padding:7px;
	color:#3b6602;
	padding-left:40px;
	width:250px;
	font-size:0.9em;
	font-weight:normal;
	background-color: #dbe8a0;
	text-align:left;
}
table.list_title th.str{
	padding:7px;
	color:#3b6602;
	font-size:0.9em;
	font-weight:normal;
	background-color: #dbe8a0;
	text-align:left;
}

table.list_title td {
	padding:5px;
}

/** ---------------------------- */
/** sortable list                */
/** ---------------------------- */

.sortable {
	list-style-type: none;
	margin:0px;
	overflow-x:none;
}

.sortable li {
	margin-left:-40px;
	background-color: #eff8c3;
	padding:3px;
	padding-left:40px;
	cursor:pointer;
	margin-top:3px;
	margin-bottom:3px;
}

.sortable li {
	background-image: url(images/list_sort.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}

.sortable li input[type='text'] {
	margin-right:5px;
	width:250px;
}

.sortable li.ui-state-highlight {
	height: 22px;
	background-image:none;
	background-color: #B8FF4A;
	border: dotted 1px #00cc00;
}

ul#editListUL li input[type='button'] {
	margin-top:-2px;
}
ul#editListUL li input[type='checkbox'],
ul#editListUL li label {
	cursor:pointer;
}

ul#editListUL li.new{
	background-color:#EFF8C3;
}
ul#editListUL li.delete{
	background-color:#bbbbbb;
	background-image: url(images/list_delete.png);
	background-repeat: no-repeat;
	background-position: 12px center;
}
ul#editListUL li.delete input{
	background-color:#dddddd;
}

ul#editListUL li.listError {
	background-color:#FF9292;
}
ul#editListUL li.listError input.listError {
	background-color:#ffe1e1;
}

/** -- */
hr.sepline{
	border:none;
	height:1px;
	background-color: #DBE8A0;
	margin-top:10px;
	margin-bottom:0px;
}

/** ---------------------------- */
/** list View                    */
/** ---------------------------- */
div#listView table.mmjPagerElementLayout td.mmjPagerElementLayoutC{
	padding: 0px 0;
}

div.listView{
	margin:15px;
	padding-top:0px;
	display:none;
}
div.listView table#listViewTable th,
div.listView table#listViewTable td{
	border:solid 2px #d5eb74;
}

table.listview_title{
	width:100%;
	border-collapse: collapse;
}

table.listview_title th.id{
	padding:7px;
	color:#3b6602;
	width:280px;
	font-size:0.9em;
	font-weight:normal;
	background-color: #dbe8a0;
	text-align:left;
}
table.listview_title th.str{
	padding:7px;
	color:#3b6602;
	font-size:0.9em;
	font-weight:normal;
	background-color: #dbe8a0;
	text-align:left;
}

table.listview_title td {
	padding:6px;
	font-size:1em;
}

div.listView table.userList th.userid{
	width: 20%;
}
div.listView table.userList th.privilege{
	width: 20%;
}

/** ---------------------------- */
/** button                       */
/** ---------------------------- */
button#btnGroupEdit{
	display:none;
}
button#btnGroupUpdate{
	display:none;
}
button#btnGroupUpdateCancel{
	display:none;
	margin-left:3px;
}
button#btnListAddTextClear{
	margin-left:3px;
}




.sortable li input[type='text'].hidden {
	display:none;
}

/** �_�C�A���O */
#dialogTreeEdit {
	display: none;
}

#dialogTreeEdit .containts{
	padding-top: 20px;
}

#dialogTreeEditLabel{
	margin-bottom: 20px;
}

#dialogTreeEditTextArea{

}

#dialogTreeEditTextBox{
	width: 450px;
}

#dialogTreeEditCondition{
	padding: 25px 0px 0px 10px;
}

#dialogTreeEditCondition label{
	display: block;
	margin-bottom: 12px;
	cursor: pointer;
}

#dialogTreeEditCondition input[type="radio"]{
	margin-right: 5px;
}

ul#treeView span.selected_group{
	background-color: rgba(251, 255, 0, 0.65);
}
ul#treeView span.selected_group:hover{
	background-color: rgba(251, 255, 0, 0.65);
}

th#rightListHeader{
	text-align: left;
	padding-left: 15px;
	color: #004000;
	/**
	background-image: url(images/member.png);
	background-repeat: no-repeat;
    background-position: 6px center;
    background-size: 28px 21px;
	*/
}

div.member_not_exist_msg{
	padding: 25px 20px;
	display: none;
}

#dialogGroupUserEditTableR #allUserListArea .allUserList tbody tr{
	cursor: pointer;
}
td#dialogGroupUserEditTableTitleL {
	height:1em;
}
#dialogGroupUserEdit_L_BodyTable{
	border-collapse: collapse;
	border: none;
}
#dialogGroupUserEdit_L_BodyTable tr.entryUsers:hover{
	background-color: #ffe6c8;
}
#dialogGroupUserEdit_L_BodyTable tr.entryUsers td{
	padding: 4px;
	min-height: 30px;
}
#dialogGroupUserEdit_L_BodyTable tr.entryUsers td.col0{
	width: 55px;
}
#dialogGroupUserEdit_L_BodyTable tr.entryUsers td.col2{
	width: 30px;
}
span.icon.user {
	background: url("images/icon_user.png");
	background-repeat: no-repeat;
	background-position: center;
	display:block;
}
span.icon.group {
	background: url("images/icon_group.png");
	background-repeat: no-repeat;
	background-position: center;
	display:block;
}
span.icon.team {
	background: url("images/icon_team.png");
	background-repeat: no-repeat;
	background-position: center;
	display:block;
}

div.groupRow {
	border-bottom: 1px solid #d5eb74;
	padding: 0 1em 0;
}

.linkred:hover {
	color:red;
	cursor:pointer;
}
.linkblue:hover {
	color:blue;
	cursor:pointer;
}
.linkbold {
	color:#29abe2;
	font-size:larger;
	font-weight:bold;
	padding: 0 0.3px;
}
.linkbold:hover {
	color:#00EFFF;
	font-size:larger;
	font-weight:bold;
	padding: 0 0.3px;
	cursor:pointer;
}
span.grouppath {
	background-color:#f7f7f7;
	border: solid 1px #d5eb74;
    padding: 1px 10px;
    display: block;
}
span.grouppath:hover {
    cursor:pointer;
}
/** DEBUG =================================================== */
/**
.sortable li input[type='text'],
.sortable li input[type='text'].hidden {
	width:95px;
	display:inline;
}
.sortable li input[type='text'].hidden {
	background-color:#d2e9ff;
}
*/
/** DEBUG =================================================== */