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

div.my#site-main
{
	background-image: url('/img/v2/site-holder-def.png');
	background-repeat: no-repeat;
}

div.my-section
{
	text-align: left;

	div.no-items
	{
		margin: 10px 0;
	}

	h1 img
	{
		float: left;
		z-index: 2;
		position: relative;
		width:21px;
		height:20px;
		display:inline-block;
		background-image: url('/img/v2/shared/page-pin.png');
		margin-right: 5px;
	}

	h1 span
	{
		color: #059BDA;
	}

	ul#home-my-items-pinned li
	{ 
		img.close
		{
			display: none;
			position: absolute;
			right: -9px;
			top: -9px;
		}

		&:hover img.close
		{
			display: block;
		}
	}

	div.my-resources ul#home-my-items-pinned
	{
		padding: 0 0 0 30px;

		li
		{
			display: inline-block;
			margin-bottom: 10px;
			margin-right: 30px;
			margin-left: 0px;
			position: relative;
			text-align: center;
		}
	}
}