/* public bm2 styles */
#bm2 { padding: 0; margin: 0; }

#msgAjaxList {
	width: 250px;
	border: solid 1px #666;
	background: #fff;
	float: left;
	}	
	
	#msgAjaxList ul { list-style-type: none; margin: 0; padding: 0;}
		
	#msgAjaxList li { cursor: pointer; margin-bottom: 10px; padding: 5px;}
	#msgAjaxList li:hover { background: #ccc; }	

#messageContent { position: relative; margin-left: 300px; }

.msg { border: solid 1px; }

/* --- custom styles --- */

#bm2 h1#archive { 
	position: relative;
	border-bottom: 3px solid #000;
	margin: 0 0 0.5em 0;
	overflow: hidden;
	color: #000;
	text-indent: -10000px;
	height: 28px;
	}

	#bm2 h1#archive a#viewName { 
		position: absolute;
		margin: 0;
		top: 8px;
		left: 0px;
		width: 200px;
		height: 15px;
		background: transparent url(/pics/otaniemi/a-viewname.gif) bottom left no-repeat;
		}
		
	#bm2 a.orderMailAlert {
		position: absolute;
		top: 9px;
		right: 20px;
		width: 28px;
		height: 14px;
		background: transparent url(/pics/otaniemi/icon-mailalert.gif) top right no-repeat;
		overflow: hidden;
		text-indent: -10000px;
		outline: none;
		}

#bm2 #list ul { position: relative; list-style-type: none; margin: 0; padding: 0; }
#bm2 #list ul li { margin: 0; padding: 8px 0; border-bottom: 1px dotted #cacaca; }
#bm2 #list ul li a { text-decoration: none; color: #29A2B8; }
#bm2 #list ul li small { font-size: 0.85em; color: #777; }

#bm2 a.collectionLink { display: block; font-size: 0.85em; }
#bm2 small#bulletinDate { display: block; font-size: 0.7em; color: #777; }

/* ---- pagination ---- */
#bm2 #pagination { position: relative; margin: 10px 0; height: 15px; }
#bm2 #pagination a { font-size: 12px; margin: 0 1px; padding: 0; }
#bm2 #pagination a#prevLink { position: absolute; left: 0px; top: 5px; }
#bm2 #pagination a#nextLink { position: absolute; right: 0px; top: 5px; }
#bm2 #pagination a#selectedPage { color: #444; font-weight: bold; text-decoration: none; }