/* quiz edit */
.cardEdit {}

.cardEdit ul[role="cardList"] {padding:0; margin:0}
.cardEdit ul[role="cardList"] > li {list-style-type:none}
.cardEdit ul[role="cardList"] ul.answer {padding:0; margin: 5px 0 0;}

.cardEdit > ul > .item	{position:relative; padding-left:50px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ccc}
	.cardEdit > ul > .item input	{float:left; margin-right:5px}
	.cardEdit > ul > .item .q		{overflow:hidden}

.cardEdit.editing [role="cardList"] > .item .tool {display:none !important}

	.cardEdit .item .tool			{position:absolute; top:0; right:5px; display:none; z-index:10}
	.cardEdit .item:hover .tool		{display:block}

	.cardEdit .item .tool button 	{margin-left:5px}


.cardEdit .item .sn {position:absolute; top:0; left:0; min-height:25px; font-size:15px; text-align:right; font-weight:bold; color:#fff; padding:5px 10px 5px 15px; border-radius:0 15px 15px 0; background:#001eb9}
.cardEdit .time, .cardEdit .answer, .cardEdit .explain	{line-height:1.8; margin-top:5px; overflow:hidden}
.cardEdit .explain img	{height:auto !important; width:auto !important}

.cardPanel {margin: 10px; padding:10px; border-radius:5px; background:#fff; box-shadow:0 0 4px #000}
.cardPanel .tool		{margin-top:10px}

/* selection options */
.cardPanel .answer-option > * { vertical-align: top; }
.cardPanel .answer-option { margin-bottom: 15px; }
.cardPanel .answer-option .grab	{display:inline-block; margin-right: 5px; width:16px; height:25px; background:url(/sys/res/icon/drag.png) no-repeat center center #eee; cursor:move}
.cardPanel .answer-option .item 	{margin:3px 5px 0 0;}
.cardPanel .answer-option .close		{float:none; padding: 4px 5px; opacity:.6; color:#f00}
.cardPanel .answer-option .close:hover	{opacity:1}
.cardPanel .answer-option [role="opt"] { width: 200px; }

.cardPanel select {
	width: auto;
}
.cardPanel [role="durning"],
.cardPanel [role="time"] {
	width: 80px;
}


.cposition-marker, .cardItem{
	background: rgba(112, 48, 160, 0.8);
    color: #FFFFFF;
    padding: 3px 10px;
	border-radius: 5px;
	position: absolute;
	z-index: 100;
	text-align: left;
}
.cposition-marker.ui-draggable {
    cursor: move; cursor: grab; cursor: -ms-grab; cursor: -moz-grab; cursor: -webkit-grab;
}
.cposition-marker.ui-draggable:active {
	cursor: move; cursor: grabbing; cursor: -ms-grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing;
}
.cardText{
	color: inherit;
}
.cardText:hover{
	color: inherit;
}

.setbgColor, .setFontColor{
	display: inline-block;
}

.style-box{
	margin-left: 20px;
}