/**
 * Magic3管理画面用ドロップダウンメニューjqueryプラグインの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-2014 Magic3 Project.
 * @license    http://www.gnu.org/copyleft/gpl.html  GPL License
 * @version    SVN: $Id$
 * @link       http://www.magic3.org
 */
.m3dropdown {
	position: absolute;
	z-index: 9999999;
	display: none;
}

.m3dropdown .m3dropdown-menu,
.m3dropdown .m3dropdown-panel {
	min-width: 160px;
	max-width: 360px;
	list-style: none;
	background: #FFF;
	border: solid 1px #DDD;
	border: solid 1px rgba(0, 0, 0, .2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	overflow: visible;
	padding: 4px 0;
	margin: 0;
}

.m3dropdown .m3dropdown-panel {
	padding: 10px;
}

.m3dropdown.m3dropdown-tip {
	margin-top: 8px;
}

.m3dropdown.m3dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  display: inline-block;
}

.m3dropdown.m3dropdown-tip.m3dropdown-anchor-right:before {
	left: auto;
	right: 9px;
}

.m3dropdown.m3dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  display: inline-block;
}

.m3dropdown.m3dropdown-tip.m3dropdown-anchor-right:after {
	left: auto;
	right: 10px;
}


.m3dropdown.m3dropdown-scroll .m3dropdown-menu,
.m3dropdown.m3dropdown-scroll .m3dropdown-panel {
	max-height: 358px;
	overflow: auto;
}

.m3dropdown .m3dropdown-menu LI {
	list-style: none;
	padding: 0 0;
	margin: 0;
	line-height: 18px;
}

.m3dropdown .m3dropdown-menu LI > A,
.m3dropdown .m3dropdown-menu LABEL {
	display: block;
	color: #555;
	text-decoration: none;
	line-height: 18px;
	padding: 3px 15px;
	white-space: nowrap;
}

.m3dropdown .m3dropdown-menu LI > A:hover,
.m3dropdown .m3dropdown-menu LABEL:hover {
	background-color: #08C;
	color: #FFF;
	cursor: pointer;
}

.m3dropdown .m3dropdown-menu .m3dropdown-divider {
	font-size: 1px;
	border-top: solid 1px #E5E5E5;
	padding: 0;
	margin: 5px 0;
}

/* Icon Examples - icons courtesy of http://p.yusukekamiyamane.com/ */
.m3dropdown.has-icons LI > A {
	padding-left: 30px;
	background-position: 8px center;
	background-repeat: no-repeat;
}
/* disable items */
.m3dropdown-menu>li.disabled>a,
.m3dropdown-menu>li.disabled>a:hover,
.m3dropdown-menu>li.disabled>a:focus{
	color:#b4bcc2
}
.m3dropdown-menu>li.disabled>a:hover,
.m3dropdown-menu>li.disabled>a:focus{
	text-decoration:none;
	cursor:not-allowed;
	background-color:transparent;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
