/**
 * ページ編集画面用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-2015 Magic3 Project.
 * @license    http://www.gnu.org/copyleft/gpl.html  GPL License
 * @version    SVN: $Id$
 * @link       http://www.magic3.org
 */
/*img {
    border: none;
}*/
/*.clear { clear:both; font-size:1px; line-height:1px; }*/

.grab {
	cursor: hand;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
.grabbing {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

/* position block div for widget */
.m3_widgetpos_box {
	background-color:#FFF;
	border:2px solid #1A242F;
	color:#222;
	min-height:80px;
	min-width:200px;
	margin:2px;
	padding:0 0 10px;
	text-align:left;
	font-size:15px;
	font-family: "Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	line-height:1.428571429;
	letter-spacing:normal;
	
	user-select:none; /* CSS3 */
	-webkit-user-select:none; /* Safari、Chromeなど */
	-moz-user-select:none; /* Firefox */
	-ms-user-select: none; /* IE10 */
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
	-webkit-touch-callout:none;
}
.m3_widgetpos_box .m3_widgetpos_box_title {
/*	background-color:#555;*/
	background-color:#1A242F;
/*	border-top:3px solid #666;*/
	color:#FFF;
/*	margin:0 -10px 10px;*/
	margin:0 0 10px 0;
	padding:0 10px;

	font-weight:bold;
	font-style: inherit;
	font-size: 15px;
	font-family: inherit;
	line-height:2;
	letter-spacing:inherit;
}

/* widget placed in posion block */
dl.m3_widget_sortable {
	color:#222;
	margin:10px 10px 0 10px;
	border:1px solid #555;
/*	cursor:hand;
	cursor:grab;
	cursor:-moz-grab;
	cursor:-webkit-grab;*/
}
dl.m3_widget_sortable ul > li:before {
	content: none !important;
}
dl.m3_widget_sortable img {
	margin:0;
}
dl.m3_widget_sortable dd {
	background-color:#FFF;
	margin:0;
	padding:3px 6px;
}
dl.m3_widget_sortable table, dl.m3_widget_sortable table td {
	background-color:#FFF !important;
	font-size:15px;
	font-family: "Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
/*dl.m3_widget_sortable dt {*/
dt.m3_widget_with_check_box {
	background-color:#18bc9c;
	color:#FFF;
	font-weight: normal;
	height:2em;
	line-height:2;
	margin: 0;
	padding:0 6px;
	cursor:hand;
	cursor:grab;
	cursor:-moz-grab;
	cursor:-webkit-grab;
}
dt.m3_widget_with_check_box .m3widgettitle {
	display:inline;
	float:left;
	width:80%;
	height:2em;
	overflow:hidden;
}
dt.m3_widget_with_check_box .m3widgetdropdown b {
	color:#FFF;
}
dt.m3_widget_with_check_box .m3widgetdropdown span {
	font-size:15px;
	font-family: "Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}

.m3widgetdropdown {
	display:inline;
	float:right;
}
.m3widgetdropdown a {
	text-decoration: none;
}
.m3widgetdropdown a.m3widgetdropdownbutton {
	font-size:15px;
	color: #fff;
	text-decoration: none;
	padding:2px 7px;
	margin:0;
}
dt.m3_widget_shared {
/*	background-color:#E51919;*/
	background-color:#E74C3C;
/*	background-color:#F39C12;*/
}

/* widget in list */
dl.m3_widgetlist_item {
	color:#222;
/*	margin:10px 10px 0 10px;*/
	margin:5px 0;
	border:1px solid #555;
	z-index:1001;	/* front of m3_widget_window */
	cursor:hand;
	cursor:grab;
	cursor:-moz-grab;
	cursor:-webkit-grab;
}
dl.m3_widgetlist_item dt {
/*	cursor:pointer;*/
/*	background-color:#FF9933;*/
	background-color:#18bc9c;
	color:#FFF;
	font-size:14px;
	font-weight: normal;
	height:2em;
	line-height:2;
	margin: 0;
	padding:0 6px;
/*	position:relative;*/
}
dl.m3_widgetlist_item dt i {
	font-size:15px;
}
dl.m3_widgetlist_item dd {
	background-color:#FFF;
	margin:0;
	padding:3px 6px;
}
dl.m3_widgetlist_item dd table td {
	background-color:#FFF !important;
}
/*
.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 {
	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;
	display:block;
	float:left;
	text-indent:-9000px;
	height:12px;
	width:12px;
}*/
.m3_spacer {
	height:100px;
	border:2px dashed #AAA;
	margin: 5px 10px;
}

/* 編集終了アイコン */
/*.m3editend {
	position:fixed;
	top:0;
	right:0;
	margin:0;
	padding:0;
	width:45px;
	height:45px;
	z-index:2147483647;
}
.m3editend a {
	margin:0;
}
.m3editend a img {
	margin:7px;
}*/
/* ヘルプ、ツールチップ */
i[rel="m3help"] { cursor: default; }
span[rel="m3help"] { cursor: default; }
