@import '../../default.less';
@import '../../mixins.less';
//DON'T ADD IMPORTS, ABOVE ARE TO MAKE INTELLISENSE WORK

div.wizard
{
	div.tag
	{
		display: none;

		div#tag-name
		{
			font-size: 12pt;
			margin-left: 20px;

			a
			{
				text-decoration: none;
			}

			span
			{
				.text();
			}
		}

		div.resource
		{
			display: inline-block;
			padding: 5px 15px;
			margin: 10px;
			border: 1px solid #eaeaea;

			a.preview
			{
				display: table-cell;
				width: 180px;
				height: 110px;
				background: url(/img/v2/shared/page.png) no-repeat center;

				div
				{
					width: 180px;
					height: 110px;
				}
			}

			div.title
			{
				padding: 10px 0 5px 0;
				cursor: pointer;

				a
				{
					display: inline-block;
					float: left;
					width: 12px;
					height: 12px;
					margin-right: 5px;
					background: url('/img/v2/page/dimensionfilter/memberlist-addremove.png') no-repeat -12px 0;
					position: relative;
					top: 2px;
				}

				span
				{
					text-decoration: none;
					display: block;
					overflow-x: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					width: 180px;
					font: bold 9pt @text-font;
					color: #222;
				}
			}

			&.selected
			{
				div.title a
				{
					background-position: -36px 0;
				}
			}
		}
	}

	div#community-tags
	{
		margin-top: 20px;
		text-align: left;

		label
		{
			display: inline;
		}

		a.save
		{
			text-decoration: none;
			border-bottom: 1px dashed;
			color: #059BDA;
			font-size: 9.5pt;
		}

		div#page-tags
		{
			margin-left: 0;
		}

		div#page-tags-editor
		{
			display: block;

			ul.page-tags-list
			{
				margin-right: 0;
			}
		}
	}

	div.only-public
	{
		margin: 2em 0;
	}
}