/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

/*
 * Ext JS Library 2.0
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

.details{
	padding: 10px;
	text-align: center;
}
.details-info{
	border-top: 1px solid #cccccc;
	font: 11px Arial, Helvetica, sans-serif;
	margin-top: 5px;
	padding-top: 5px;
	text-align: left;
}
.details-info b{
	color: #555555;
	display: block;
	margin-bottom: 4px;
}
.details-info span{
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}
.details-info a:visited {
	color: #0000ee;
}

.bp3d-info{
	border-top: 1px solid #cccccc;
	font: 11px Arial, Helvetica, sans-serif;
	margin-top: 5px;
	padding-top: 5px;
	text-align: left;
}
.bp3d-info th{
	text-align: right;
}
.bp3d-info td{
	padding-left: 1em;
}
.bp3d-info b{
	color: #555555;
	display: inline;
	margin: 0px;
}
.bp3d-info span{
	display: inline;
	margin: 0px;
}

.comment-details-info {
	border-bottom: 1px solid #cccccc;
	border: 1px solid #cccccc;
	margin-bottom: 5px;
	font: 11px Arial, Helvetica, sans-serif;
	padding-right: 5px;
	text-align: left;
}
.comment-details-info b{
	color: #555555;
	margin-bottom: 4px;
}
.comment-details-info span{
	margin-bottom: 5px;
	margin-left: 5px;
	line-height: 11px;
}

.comment-details-info div{
	margin-bottom: 5px;
	margin-left: 5px;
}

.comment-details-info .status{
	font:bold 11px tahoma, arial, helvetica, sans-serif;
	float:right;
	clear:both;
}

.comment-details-info .status .ok{
	color:#5050ff;
}

.comment-details-info .status .pending{
	color:#ff5050;
}

.comment-details-info-title {
	border: 1px dotted #dddddd;
	border-bottom: 1px dotted #cccccc;
	background-color: #ecf4ff;
	padding: 3px;
	padding-right: 1px;
}

.comment-details-reply-info-title {
	border-top: 1px solid #cccccc;
	border-bottom: 1px dotted #cccccc;
	background-color: #eeeeee;
}

#img-chooser-view{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}
#img-chooser-view .thumb{
	background: #dddddd;
	padding: 2px;
	text-align: center;
	border: 1px solid #dddddd;
	width: 122px;
	height: 122px;
}
#img-chooser-view .thumb img{
	border: 1px solid #dddddd;
}
#img-chooser-view .thumb-wrap{
	position : relative;
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 6px;
	padding-bottom: 0px;
	border:1px solid transparent;
}
#img-chooser-view .thumb-wrap span{
	display: block;
	overflow: visible;
	text-align: center;
	margin-top: 6px;
	font-size : 10px;
}
#img-chooser-view .x-view-over{
	border:1px solid #dddddd;
	background: #efefef url(../resources/images/default/grid/row-over.gif) repeat-x left top;
}
#img-chooser-view .x-view-selected{
	background: #DFEDFF;
	border: 1px solid #6593cf;
}
#img-chooser-view .x-view-selected .thumb{
	position : relative;
	background:transparent;
}
#img-chooser-view .x-view-selected span{
	color:#1A4D8F;
}
#img-chooser-view .loading-indicator {
	font-size:11px;
	background-image:url(../resources/images/default/grid/loading.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}
#img-chooser-view .thumb-link{
	position         : absolute;
	left             : 124px;
	top              : 3px;
	height           : 10px;
	width            : 10px;
	margin-left      : 0px;
	margin-top       : 0px;
	overflow         : hidden;
	background-image : url(external.png);
	background-color : #ffffff;
	background-repeat : no-repeat;
}
#img-chooser-view .x-view-selected .thumb-link {
	left             : 118px;
	top              : -3px;
}

#img-chooser-view .thumb-twisty{
	position         : absolute;
	left             : 2px;
	top              : 2px;
	height           : 24px;
	width            : 24px;
	margin-left      : 0px;
	margin-top       : 0px;
	overflow         : hidden;
	background-image : url(folder_close_h.png);
	background-color : transparent;
	background-repeat : no-repeat;
}
#img-chooser-view .x-view-selected .thumb-twisty{
	left             : -4px;
	top              : -4px;
}


#img-chooser-view .thumb-up{
	position          : absolute;
	left              : 2px;
	top               : 2px;
	height            : 24px;
	width             : 24px;
	margin-left       : 0px;
	margin-top        : 0px;
	overflow          : hidden;
	background-image  : url(folder_open_h.png);
	background-color  : transparent;
	background-repeat : no-repeat;
}
#img-chooser-view .x-view-selected .thumb-up{
	left             : -4px;
	top              : -4px;
}

#img-chooser-view .thumb-up-dis{
	position          : absolute;
	left              : 2px;
	top               : -4px;
	height            : 24px;
	width             : 24px;
	margin-left       : 0px;
	margin-top        : 0px;
	overflow          : hidden;
	background-image  : url(folder_open_h-dis.png);
	background-color  : transparent;
	background-repeat : no-repeat;
}
#img-chooser-view .x-view-selected .thumb-up-dis{
	left             : -4px;
	top              : -10px;
}

#img-chooser-view .thumb-shortname{
	text-align : center;
	width      : 126px;
	height     : 19px;
	overflow   : hidden;
	position   : relative;
	height     : 29px;
}
#img-chooser-view .thumb-shortname span{
	font-size  : 10px;
	margin-top : 2px;
}

#img-chooser-view .thumb-shortname-new {
	background-image : url(new.png);
	background-color : transparent;
	background-repeat : no-repeat;
	background-position: top right;
}
#img-chooser-view .thumb-shortname-new2 {
	background-image : url(new2.png);
	background-color : transparent;
	background-repeat : no-repeat;
	background-position: top right;
}
#img-chooser-view .thumb-shortname-update {
	background-image : url(update.png);
	background-color : transparent;
	background-repeat : no-repeat;
	background-position: top right;
}
#img-chooser-view .thumb-shortname-update2 {
	background-image : url(update2.png);
	background-color : transparent;
	background-repeat : no-repeat;
	background-position: top right;
}

#img-chooser-view .thumb-density{
	width   : 18px;
	height  : 18px;
	overflow: hidden;
	position: absolute;
	right   : 0px;
	top     : 0px;
/*
	margin-left: 113px;
	margin-top: -131px;
*/
}
#img-chooser-view .thumb-density img {
	width   : 18px;
	height  : 18px;
	border  : 0px;
}
#img-chooser-view .x-view-selected .thumb-density{
	right   : -7px;
	top     : -7px;
}


#img-chooser-view .thumb-tweet{
/*	display : none;*/
	width   : 16px;
	height  : 14px;
	overflow: hidden;
	position: absolute;
	right   : 0px;
	top     : 20px;
}
#img-chooser-view .thumb-tweet img {
	width   : 16px;
	height  : 14px;
}
#img-chooser-view .thumb-tweet img:hover {
	cursor   : pointer;
}
#img-chooser-view .x-view-selected .thumb-tweet{
	right   : -6px;
	top     : 14px;
}


/* リスト表示用設定（ここから） */
#img-chooser-view .thumb-list-wrap{
	position : relative;
	margin: 4px;
	padding: 0 6px;
/*	padding-bottom: 0px;*/
	border:1px solid transparent;
	border:1px solid #f0f0f0;
	overflow : hidden;
/*	height: 80px;*/
	height: auto;
}
#img-chooser-view .thumb-list-wrap.x-view-over.x-view-selected{
	background: #d7e9ff;
}

#img-chooser-view .thumb-list-wrap .thumb {
	position : relative;
	width  : 60px;
	height : 60px;
}
#img-chooser-view .thumb-list-wrap .thumb-link{
	position : absolute;
	left     : 68px;
	top      : 6px;
}
#img-chooser-view .thumb-list-wrap.x-view-selected .thumb-link {
	left : 59px;
	top  : -2px;
}

#img-chooser-view .thumb-list-wrap .thumb-twisty{
	left             : -5px;
	top              : -1px;
}
#img-chooser-view .thumb-list-wrap.x-view-selected .thumb-twisty{
	left             : -8px;
	top              : -3px;
}

#img-chooser-view .thumb-list-wrap .thumb-up{
	left             : -5px;
	top              : 0px;
}
#img-chooser-view .thumb-list-wrap.x-view-selected .thumb-up{
	left             : -8px;
	top              : -2px;
}

#img-chooser-view .thumb-list-wrap .thumb-up-dis{
	position          : absolute;
	left             : -5px;
	top              : 0px;
}
#img-chooser-view .thumb-list-wrap.x-view-selected .thumb-up-dis{
	left             : -8px;
	top              : -2px;
}

#img-chooser-view .thumb-list-wrap .thumb-shortname{
	width  : 66px;
	height : 14px;
}

#img-chooser-view .thumb-list-wrap .thumb-density{
	right   : 0px;
	top     : 0px;

	right   : -6px;
	top     : -2px;
}

#img-chooser-view .thumb-list-wrap .thumb-tweet{
	right   : -6px;
	top     : 16px;
}

#img-chooser-view .thumb-list-wrap .thumb-information{
	position : relative;
}
#img-chooser-view .thumb-list-wrap .thumb-information th{
	font-weight      : bold;
	text-align       : right;
	background-color : #f0f0f0;
	padding          : 0 2px;
	white-space      : nowrap;
}
#img-chooser-view .thumb-list-wrap.x-view-over .thumb-information th{
	background-color : #e0e0e0;
}
#img-chooser-view .thumb-list-wrap.x-view-selected .thumb-information th{
	background-color : #cde4ff;
}
#img-chooser-view .thumb-list-wrap .thumb-information td{
	text-align     : left;
}
#img-chooser-view .thumb-list-wrap .thumb-information th,#img-chooser-view .thumb-list-wrap .thumb-information td{
	vertical-align : top;
	cursor : default;
}
#img-chooser-view .thumb-list-wrap .thumb-information .thumb-information-item{
	border-left: 1px solid #f0f0f0;
}
#img-chooser-view .thumb-list-wrap .thumb-information .thumb-information-item-1{
	width : 190px;
	max-width : 190px;
	min-width : 190px;
	overflow : hidden;
}
#img-chooser-view .thumb-list-wrap .thumb-information .thumb-information-item-2{
/*	width : 190px;*/
	min-width : 190px;
	overflow : hidden;
}
#img-chooser-view .thumb-list-wrap .thumb-information .thumb-information-item-3{
/*	width : 190px;*/
	min-width : 190px;
/*	overflow : hidden;*/
}
/* リスト表示用設定（ここまで） */

/* ツリー表示用設定（ここから） */
#img-chooser-view .thumb-tree-wrap-o{
	position : relative;
	margin: 0;
	padding: 0;
/*	padding-bottom: 0px;*/
	border:1px solid transparent;
/*	border:1px solid #c0c0c0;*/
	overflow : hidden;
/*	height: 80px;*/
/*	height: 70px;*/
/*	height: auto;*/
	float:left;
/*	width:auto;*/
/*	overflow: visible;*/
}
#img-chooser-view .thumb-tree-wrap{
	position : relative;
	margin: 4px;
	padding: 0 6px 0 0;
/*	padding-bottom: 0px;*/
/*	border:1px solid transparent;*/
	border:1px solid #c0c0c0;
	overflow : hidden;

/*	height: 70px;*/
/*	height: auto;*/
/*	float:left;*/
/*	width:auto;*/
/*	overflow: visible;*/
}
#img-chooser-view .thumb-tree-wrap.x-view-over.x-view-selected{
	background: #d7e9ff;
}

#img-chooser-view .thumb-tree-wrap .thumb {
	position : relative;
	width  : 60px;
	height : 60px;
}
#img-chooser-view .thumb-tree-wrap .thumb-link{
	position : absolute;
	left     : 68px;
	top      : 6px;
}
#img-chooser-view .thumb-tree-wrap.x-view-selected .thumb-link {
	left : 59px;
	top  : -2px;
}

#img-chooser-view .thumb-tree-wrap .thumb-twisty{
	left             : -5px;
	top              : -1px;
}
#img-chooser-view .thumb-tree-wrap.x-view-selected .thumb-twisty{
	left             : -8px;
	top              : -3px;
}

#img-chooser-view .thumb-tree-wrap .thumb-up{
	left             : -5px;
	top              : 0px;
}
#img-chooser-view .thumb-tree-wrap.x-view-selected .thumb-up{
	left             : -8px;
	top              : -2px;
}

#img-chooser-view .thumb-tree-wrap .thumb-up-dis{
	position         : absolute;
	left             : -5px;
	top              : 0px;
}
#img-chooser-view .thumb-tree-wrap.x-view-selected .thumb-up-dis{
	left             : -8px;
	top              : -2px;
}

#img-chooser-view .thumb-tree-wrap .thumb-shortname{
	width  : 66px;
	height : 14px;
}

#img-chooser-view .thumb-tree-wrap .thumb-density{
	right   : 0px;
	top     : 0px;

	right   : -6px;
	top     : -2px;
}
/*
#img-chooser-view .thumb-tree-wrap .x-view-selected .thumb-density{
	right   : -6px;
	top     : -6px;
}
*/

#img-chooser-view .thumb-tree-wrap .thumb-information{
	position : relative;
}
#img-chooser-view .thumb-tree-wrap .thumb-information th{
	font-weight      : bold;
	text-align       : right;
	background-color : #f0f0f0;
	padding          : 0 2px;
	white-space      : nowrap;
}
#img-chooser-view .thumb-tree-wrap.x-view-over .thumb-information th{
	background-color : #e0e0e0;
}
#img-chooser-view .thumb-tree-wrap.x-view-selected .thumb-information th{
	background-color : #cde4ff;
}
#img-chooser-view .thumb-tree-wrap .thumb-information td{
	text-align     : left;
}
#img-chooser-view .thumb-tree-wrap .thumb-information th,#img-chooser-view .thumb-tree-wrap .thumb-information td{
	vertical-align : top;
	cursor : default;
}
#img-chooser-view .thumb-tree-wrap .thumb-information .thumb-information-item{
	border-left: 1px solid #f0f0f0;
}
#img-chooser-view .thumb-tree-wrap .thumb-information .thumb-information-item-1{
	width : 105px;
	max-width : 105px;
	min-width : 105px;
	overflow : hidden;
}
#img-chooser-view .thumb-tree-wrap .thumb-information .thumb-information-item-2{
/*
	width : 190px;
	max-width : 190px;
	min-width : 190px;
	overflow : hidden;
*/
}

#img-chooser-view .thumb-tree-children-wrap {
	margin-left : 3em;
}

#bp3d-contents-tree-dataview .thumb-tree-wrap + .loading-indicator {
	height:16px;
	margin:0px;
	margin-left : 6em;
	padding-left:20px;
}
#bp3d-contents-tree-dataview .clear-left {
	clear:left;
}

.thumb-tree-group-wrap {
	padding-left:5em;
	clear: left;
	border: 1px solid #ffc0c0;
	border-right-width: 0px;
	margin-bottom:0.5em;
}
div.thumb-tree-group-wrap:nth-last-child(2) {
	border-bottom-width: 0px;
	margin-bottom:0;
}
#bp3d-contents-tree-dataview>div.thumb-tree-group-wrap {
	border-width: 0px;
	border-bottom-width: 1px;
}
div.thumb-tree-group-wrap-hover {
	background-color: #fff4f4;
}

#img-chooser-view .thumb-tree-group-wrap-first {
	margin-left:-5em;
	clear: left;
}

/* ツリー表示用設定（ここまで） */

#bp3d-contents-detail-information-panel-fmastratum td {
	border-bottom:1px solid #f0f0f0;
}

#bp3d-contents-detail-information-panel-fmastratum .potype {
	width:22px;
	height:10px;
	overflow:hidden;
	float:left;
	margin:1px 1px 0px 0px;
	padding:0px;
	font-size:8px;
	font-weight:bold;
	text-align:center;
	cursor:default;

	/*デフォルト色設定*/
	color            : #000000;
	background-color : #ffffe0;
	border           : 1px solid #ff8c00;
}

#bp3d-contents-detail-information-panel-fmastratum .SPO {
	color            : #000000;
	background-color : #ffcccc;
	border           : 1px solid #ff0000;
}
#bp3d-contents-detail-information-panel-fmastratum .CPO {
	color            : #000000;
	background-color : #ccccff;
	border           : 1px solid #0000ff;
}
#bp3d-contents-detail-information-panel-fmastratum .RPO {
	color            : #000000;
	background-color : #ccffcc;
	border           : 1px solid #009900;
}

#bp3d-contents-detail-information-panel-fmastratum .circular {
	background-color : #dde4e6;
}


#bp3d-detail-information-panel-fmastratum td {
	border-bottom:1px solid #f0f0f0;
}

#bp3d-detail-information-panel-fmastratum .potype {
	width:22px;
	height:10px;
	overflow:hidden;
	float:left;
	margin:1px 1px 0px 0px;
	padding:0px;
	font-size:8px;
	font-weight:bold;
	text-align:center;
	cursor:default;

	/*デフォルト色設定*/
	color            : #000000;
	background-color : #ffffe0;
	border           : 1px solid #ff8c00;
}

#bp3d-detail-information-panel-fmastratum .SPO {
	color            : #000000;
	background-color : #ffcccc;
	border           : 1px solid #ff0000;
}
#bp3d-detail-information-panel-fmastratum .CPO {
	color            : #000000;
	background-color : #ccccff;
	border           : 1px solid #0000ff;
}
#bp3d-detail-information-panel-fmastratum .RPO {
	color            : #000000;
	background-color : #ccffcc;
	border           : 1px solid #009900;
}

#bp3d-detail-information-panel-fmastratum .circular {
	background-color : #dde4e6;
}

.thumb-twisty {
	display:none;
}