/**
 * ページ編集画面用CSS
 *
 * LICENSE: This source file is licensed under the terms of the GNU General Public License.
 *
 * @package    Magic3 Framework
 * @author     平田直毅(Naoki Hirata) <naoki@aplo.co.jp>
 * @copyright  Copyright 2006-2011 Magic3 Project.
 * @license    http://www.gnu.org/copyleft/gpl.html  GPL License
 * @version    SVN: $Id: edit.css 4442 2011-11-10 13:35:21Z fishbone $
 * @link       http://www.magic3.org
 */
img {
    border: none;
}
/*.clear { clear:both; font-size:1px; line-height:1px; }*/

/* position block div for widget */
.m3_widgetpos_box {
	background-color:#FFF;
	border:1px solid #555;
	color:#222;
/*	margin:0 15px 15px 0;*/
	margin:0;
/*	padding:0 10px 0;*/
	padding:0 0 10px;
/*	width:90%;*/
	text-align:left;
	font:11px/1.5 Arial, sans-serif;
}
.m3_widgetpos_box h2.m3_widgetpos_box_title {
	background-color:#555;
	border-top:3px solid #666;
	color:#FFF;
/*	margin:0 -10px 10px;*/
	margin:0 0 10px 0;
	padding:0 10px;
	font-size:12px;
	font-weight:bold;
	line-height:2;
	font-family:Arial, sans-serif;
}

/* widget list window */
#m3_widget_window {
	text-align:left;
	font:11px/1.5 Arial, sans-serif;
	position:fixed;
	width:250px;
	top:105px;
	left:0;
	z-index:1000;
}

/* widget listing */
.m3_widgetlist_box {
	background-color:#FFF;
	border:1px solid #555;
	color:#222;
/*	margin:0 15px 15px 0;*/
	margin:0;
/*	padding:0 10px 0;*/
	padding:0 0 10px;
/*	width:90%;*/
	text-align:left;
	font:11px/1.5 Arial, sans-serif;
}
#m3_widgetlist_inner {
	overflow-y: scroll;
	height: 500px;
}

/* widget placed in posion block */
dl.m3_widget_sortable {
	color:#222;
	margin:10px 10px 0 10px;
	border:1px solid #555;
}
/*dl.m3_widget_sortable dt {*/
dt.m3_widget_with_check_box {
	/*background-color:#666;*/
	background-color:#5BE35B;
	color:#FFF;
	font-weight: normal;
/*	cursor:move;*/
	height:2em;
	line-height:2;
	margin: 0;
	padding:0 6px;
	position:relative;
}
dt.m3_widget_shared {
	background-color:#E51919;
}
dl.m3_widget_sortable dd {
	background-color:#FFF;
	margin:0;
	padding:3px 6px;
}

/* widget in dragging */
.ui-sortable-helper {
	text-align:left;
	font:11px/1.5 Arial, sans-serif;
}

/* widget in list */
dl.m3_widgetlist_item {
	color:#222;
	margin:10px 10px 0 10px;
	border:1px solid #555;
	width:200px;
	text-align:left;
	font:11px/1.5 Arial, sans-serif;
	z-index:1001;		/* front of m3_widget_window */
}
dl.m3_widgetlist_item dt {
/*	cursor:pointer;*/
	/*background-color:#666;*/
	background-color:#FF9933;
	color:#FFF;
	font-weight: normal;
	height:2em;
	line-height:2;
	margin: 0;
	padding:0 6px;
	/*position:relative;*/
}
dl.m3_widgetlist_item dd {
	background-color:#FFF;
	margin:0;
	padding:3px 6px;
}

/*.placeholder { border:1px dashed #AAA; }*/

/*
.ui-sortable h2 span.options { right:10px; top:8px; width:30px; }
.ui-sortable h2 span.options a { height:12px; width:30px; }*/

/* widget close box */
dl.m3_widget_sortable dt span.options {
/*	cursor:default;*/
	font-size:1px;
	line-height:1px;
	position:absolute;
	right:5px;
	top:5px;
	width:12px;
}
dl.m3_widget_sortable dt span.options a {
	background-color:#FFF;
/*	cursor:pointer;*/
	display:block;
	float:left;
	text-indent:-9000px;
	height:12px;
	width:12px;
}
.m3_spacer {
	height:50px;
	border:2px dashed #AAA;
	margin: 5px 10px;
}

/* 編集終了アイコン */
.m3editend {
	position:fixed;
	top:0;
	right:0;
	margin:5px;
	padding:0;
	width:64px;
	height:64px;
	z-index:2147483647;
}
