@charset "utf-8";

/*************************************************************

	Dialog / ダイアログ
	
**************************************************** Dialog */

.dialogInit{
	display: none;
}

/****************************
* 画像アップロード
****************************/

#dialogUploadImage {
	
}
#uploadImageWrapper{
	display:block;
	width: 480px;
}
#uploadImageLeft {
	float:left;
	width: 162px;
	padding-right: 10px;
}
#uploadImageLeftInner {
	padding: 5px;
	border: 1px solid #555;
	background-color:#202020;
}
#uploadImageRight {
	float:right;
	width: 308px;
	font-size:12px;
}
#uploadImageMessageTitle {
	padding-bottom:5px;
	font-size:10px;
}
#uploadImageMessageWrapper {
	padding: 5px;
	background-color:#333;
	font-size:10px;
	height: 50px;
	overflow:auto;
	word-break:break-all;
}
#uploadImageLeftInnerSrc {
	text-align:center;
	vertical-align:middle;
	width:150px;
	height:150px;
}
#uploadImageLeftInnerSrc img{
	max-width:150px;
	max-height: 150px;
}
#buttonUseUploadImage {
	
}


/****************************
* ファイルアップロード
****************************/

#dialogUploadFile {
	
}
#uploadFileWrapper{
	display:block;
	width: 480px;
}
#uploadFileLeft {
	float:left;
	width: 112px;
	padding-right: 10px;
}
#uploadFileLeftInner {
	padding: 5px;
	border: 1px solid #555;
	background-color:#202020;
}
#uploadFileRight {
	float:right;
	width: 358px;
	font-size:12px;
}
#uploadFileMessageTitle {
	padding-bottom:5px;
	font-size:10px;
}
#uploadFileMessageWrapper {
	padding: 5px;
	background-color:#333;
	font-size:10px;
	height: 50px;
	overflow:auto;
	word-break: break-all;
}
#uploadFileLeftInnerSrc {
	text-align:center;
	vertical-align:middle;
	width:100px;
	height:100px;
}
#uploadFileLeftInnerSrc img{
	max-width:100px;
	max-height: 100px;
}
#buttonUseUploadFile {
	
}


/****************************
* メディアライブラリー
****************************/

#dialogMediaLibrary{
	min-width: 900px;
}
#dialogMediaLibrary .uploadImageBox100 td.image,
#dialogMediaLibrary .uploadImageBox150 td.image,
#dialogMediaLibrary .uploadImageBox200 td.image,
#dialogMediaLibraryEdit .uploadImageBox100 td.image,
#dialogMediaLibraryEdit .uploadImageBox150 td.image,
#dialogMediaLibraryEdit .uploadImageBox200 td.image
{
	background-color: #202020;
	border:1px solid #555;
}

#dialogMediaLibrary .editBtnArea,
#dialogMediaLibraryEdit .editBtnArea {
	background-color: #202020;
	border:1px solid #555;
}

#dialogMediaLibraryEdit th {
	background-color: #333;
	border: 1px solid #555;
}

#dialogMediaLibraryEdit td {
	border: 1px solid #555;
}

/***** sortable *****/

.sortOrderTable {
}

.sortOrderTable li{
  margin-bottom: 5px;
  min-height: 33px;
  border:1px solid #CCC;
}
.sortOrderTable li:nth-child(2n){
  background-color: #F5F4F0;
}
.sortOrderTable .sortItem{
  cursor: move;
  padding: 8px;
}
.sortOrderTable .sortItem table{
	width: 100%;
}

.sortOrderTable .sortItem .no_border table,
.sortOrderTable .sortItem .no_border tr,
.sortOrderTable .sortItem .no_border th,
.sortOrderTable .sortItem .no_border td {
	border: none;
	padding: 0;
	margin: 0;
	border: none;
	vertical-align: middle;
}

.sortOrderTable .placeholder {
  background-color: #E69CA3;
}

/***** sortable small *****/
.sortOrderTableSmall {
}

.sortOrderTableSmall li{
  margin-bottom: 3px;
  min-height: 29px;
  border:1px solid #CCC;
}
.sortOrderTableSmall li:nth-child(2n){
  background-color: #F5F4F0;
}
.sortOrderTableSmall .sortItem{
  cursor: move;
  padding: 3px;
}
.sortOrderTableSmall .sortItem table{
	width: 100%;
}
.sortOrderTableSmall .sortItem td{
	padding: 3px;
	border: none;
}
.sortOrderTableSmall .placeholder {
  background-color: #E69CA3;
}


/***** select & sortable *****/

.selectSortOrderTable {
}
.selectSortOrderTable ul{
	height: 500px;
}
.selectSortOrderTable li{
  margin-bottom: 5px;
  min-height: 25px;
  border:1px solid #CCC;
  background-color: #FFF;
}
.selectSortOrderTable li:nth-child(2n){
  background-color: #F5F4F0;
}
.selectSortOrderTable .sortItemBox{
	padding: 10px;
	background-color:#FEFEFE;
	border:1px solid #CCC;
	overflow-y: scroll;
}
.selectSortOrderTable .sortItem{
  cursor: move;
  padding: 6px;
}
.selectSortOrderTable .sortItem table{
	width: 100%;
}
.selectSortOrderTable .placeholder {
  background-color: #E69CA3;
}

.selectSortOrderTable .loading {
	width: 100%;
	height: 500px;
	background-image: url(../images/common/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

/***** media library table *****/

#dialogMediaLibrary th {
	background-color: #000;
	text-align: left;
	font-weight: bold;
	padding: 0.5em;
	border:1px solid #555;
}
#dialogMediaLibrary td {
	border:1px solid #555;
}
#dialogMediaLibrary #configMediaLibraryInsert {
	margin-top:10px;
	border:1px solid #555;
	padding: 5px 5px 5px 5px;
}
#dialogMediaLibrary #configMediaLibraryInsert legend{
	color: #FFF;
	margin-left: 5px;
	margin-right: 10px;
	padding: 0 5px;
	text-align: center;
}
#dialogMediaLibrary #configMediaLibraryInsert table{
	width:100%;
}
#dialogMediaLibrary #configMediaLibraryInsert th {
	border:none;
	padding:0.3em 0.1em;
	vertical-align:middle;
	text-align:center;
}
#dialogMediaLibrary #configMediaLibraryInsert td {
	border:none;
	padding:0.3em 0.1em;
	vertical-align:middle;
	text-align:center;
}

#dialogMediaLibrary #configMediaLibraryImageLink {
	margin-top:10px;
	border:1px solid #555;
	padding: 5px 5px 5px 5px;
}
#dialogMediaLibrary #configMediaLibraryImageLink legend{
	color: #FFF;
	margin-left: 5px;
	margin-right: 10px;
	padding: 0 5px;
}
#dialogMediaLibrary #configMediaLibraryImageLink table{
	width:100%;
}
#dialogMediaLibrary #configMediaLibraryImageLink th {
	border:none;
	padding:0.3em 0.1em;
	vertical-align:middle;
	text-align:center;
}
#dialogMediaLibrary #configMediaLibraryImageLink td {
	border:none;
	padding:0.3em 0.1em;
	vertical-align:middle;
	text-align:center;
}

#dialogMediaLibrary td.input {
	border: none;
}

#dialogMediaLibrary .listTable li {
	padding: 0.4em;
	cursor: pointer;
}

#dialogMediaLibrary .listMediaLibrary{
	overflow-y: auto;
	max-height: 480px;
}

#dialogMediaLibrary .listMediaLibrary img {
	border: 1px solid #CCC;
}

#dialogMediaLibrary .lockRatio {
	cursor:pointer;
}
#dialogMediaLibrary .lockRatio .open{
	display:none;
}
#dialogMediaLibrary .lockRatio .close{
	display:none;
}

/* file tree */
#dialogMediaLibrary #listMediaLibraryDirectory {
	overflow:auto;
}


/* file list */
#dialogMediaLibrary .listMediaTable table{
	width: 100%;
}
#dialogMediaLibrary .listMediaTable td{
	padding: 0.5em;
	word-wrap: break-word;
	vertical-align: middle;
}

#dialogMediaLibrary .listMediaTable tr:hover{
	background-color: #04114B;
	/*background-color: #E1F3FF;*/
}

#dialogMediaLibrary .listMediaTable tr{
	background-color: #111111;
}

#dialogMediaLibrary .listMediaTable .rowEven{
	background-color: #222222;
}
#dialogMediaLibrary .listMediaTable tr.no_hover:hover{
	background-color: transparent;
}

#dialogMediaLibrary .listMediaTable .icon{
	float: left;
	margin-right: 5px;
	margin-top: 1px;
	font-size: 0;
	line-height: 0;
}

#dialogMediaLibrary .listMediaTable .icon img{
	width: 16px;
	height: 16px;
}

#dialogMediaLibrary #configMediaLibraryFileInsert {
	margin-top:10px;
	border:1px solid #555;
	padding: 5px 5px 5px 5px;
}
#dialogMediaLibrary #configMediaLibraryFileInsert legend{
	color: #FFF;
	margin-left: 5px;
	margin-right: 10px;
	padding: 0 5px;
}
#dialogMediaLibrary #configMediaLibraryFileInsert table{
	/*width:auto;*/
}
#dialogMediaLibrary #configMediaLibraryFileInsert th {
	border:none;
	padding:0.3em 0.1em;
	vertical-align:middle;
	text-align:center;
}
#dialogMediaLibrary #configMediaLibraryFileInsert td {
	border:none;
	padding:0.3em 0.1em;
	vertical-align:middle;
	text-align:center;
}

/* link setting dialog */
#dialogMediaLibraryImageLink {
}

#dialogMediaLibraryImageLink table {
	width: 100%;
	border: 1px solid #555555;
}

#dialogMediaLibraryImageLink th {
	background-color: #333;
	border: 1px solid #555555;
}

#dialogMediaLibraryImageLink td {
	background-color: #000;
	padding: 5px;
	border: 1px solid #555555;
}

#dialogMediaLibraryImageLink label {
	cursor: pointer;
}


/*************************************************************

	Common / 共通
	
**************************************************** Common */

.ui-buttonset .ui-button {

}
.ui-dialog .ui-dialog-content {
	padding:10px;
}
.ui-widget {
	font-size: 1em;
	padding:0;
}

.ui-icon-inline {
	display: inline-block;
	margin-bottom: -4px;
}


a:hover .ui-icon{
	background-image: url("./dark-hive/images/ui-icons_e69ca3_256x240.png");
}

.ui-icon-disabled {
	background-image: url("./dark-hive/images/ui-icons_cccccc_256x240.png");
}


/******************************************************************************
 * timepicker                                                               
*******************************************************************************/

.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div .ui_tpicker_hour div { padding-right: 2px; }
.ui-timepicker-div .ui_tpicker_minute div { padding-right: 6px; }
.ui-timepicker-div .ui_tpicker_second div { padding-right: 6px; }
.ui-timepicker-div td { font-size: 90%; }


/******************************************************************************
 * timepicker                                                               
*******************************************************************************/

.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year{
	width: auto;
}
.ui-datepicker select.ui-datepicker-month{
	margin-left: 5px;
}
.ui-datepicker select.ui-datepicker-year{
	margin-right: 5px;
}

.ui-datepicker-trigger {
	margin-left:5px;
}
.ui-datepicker {
	z-index: 200 !important;
}

/******************************************************************************
 * treeview                                                               
*******************************************************************************/

.treeview ul {
	background-color: transparent;
	margin-top:0;
}
.filetree span.folder, .filetree span.file {
	padding: 1px 0 1px 18px;
}
.filetree span.folder a, 
.filetree span.file a{
	text-decoration:none;
}
.treeview .hover { 
	color: #E69CA3; 
}

.filetree span.folder { 
	background-position:0 3px;
}
.filetree li.expandable span.folder {
	background-position:0 3px;
}
.filetree span.file {
	background-position:0 3px;
}