/* attachments */

#attachmentList
{
	margin: 45px auto 10px auto;
	width: 90%;
	border-top: 1px dashed #CCC;
}

	#displayWrapper { display: none; }
	#toggleWrapper
	{
		position: relative;
			float: right; display: inline;
			margin: -12px 5px 5px auto;
		font: 10px/12px Arial;
			color: #f1f1f1;
	}

	#attachmentList .h1closed, #attachmentList .h1open
	{
		position: relative;
			width: 75px; white-space: nowrap;
			margin: 5px 0px 2px 0px; padding: 0px;
		font: bold 11px/12px Arial;
	}
		#attachmentList .h1closed { color: #f1f1f1; }
		#attachmentList .h1open { color: #f1f1f1; }

	#attachmentList .h2
	{
		margin: 0px 0px 10px 0px;
		font: 9px/12px Arial;
			color: #CCC;
	}

	#attachment
	{
		position: relative;
			width: 60px; height: 50px;
			float: left; display: inline;
			margin: 0px 0px 20px 0px;
		text-align: center;
	}

		#attachment a, #attachment a:hover, #attachment a:visited { cursor: pointer; color: #f1f1f1; text-decoration: none; }
		#attachment a:hover, #attachment a:active { cursor: pointer; color: #0B55C4; }

		#attachment .img
		{
			position: relative;
				margin: 0px auto; height: 20px;
			border: none;
		}
		#attachment .type, #attachment .title, #attachment .download
		{
			font: 10px/14px Arial;
		}
			.type { width: 45px; font-weight: bold; }
			.title { width: 60%; font-weight: bold; }
			.download a, .download a:hover, .download a:visited { cursor: pointer; color: #f1f1f1; text-decoration: none; }
			.download a:hover, .download a:active { cursor: pointer; color: #f1f1f1; text-decoration:underline; }