.foo()

#a1{width: 250px; border:0px solid #0f0f0f; float:left; display:block; overflow-x: auto; overflow-y: auto; height:400px;}
#a2{width: 390px; border:0px solid #0a0b0c; float:left;  display:block;}
#split{width: 10px; height:auto; float:left; background-color:#f0f0f0;  }
.ar{background:url(../images/arrow_right.gif) no-repeat 2px center; }
.al{background:url(../images/arrow_left.gif) no-repeat 2px center; }
.scroll {overflow-x: hidden; overflow-y: auto; height:400px;}
.exMediaThumb{ float:left;width:150px; height:150px;text-align:center; padding-bottom:10px; }
.exMediaSpcr {float:left; width:10px; height:150px;}

.top {
margin-bottom: 15px;
}
.messagebox{
	position:absolute;
	width:100px;
	margin-left:30px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}