/* COMMON RULES */

#container { width:312px; margin:0 auto; text-align:left;  }

.box { padding:10px 10px 15px 10px; border:1px solid #E3E3E3; background-color:#FCFCFC; margin-bottom:25px;  }

em { font-size:11px; color:#2D3280; }

pre { margin:0; padding:10px; border:1px solid #000; background:#E1F0F9; }


/* HORIZONTAL MARQUEE */
#example {
 	border:1px solid #000;
 	background:#E1F0F9;
 	width:450px;
 	height:30px;
 	overflow:hidden;
}

#example  p {
 	padding:0 30px;
 	margin:0;
 	width:auto;
 	display:inline;
 	float:left;
 	white-space:nowrap;
	line-height:30px;
}

/* VERTICAL MARQUEE */
#example2 {
 	width:280px;
 	height:245px;
 	overflow:hidden;
}

#example2 div {
	padding:10px 10px;
}

#example2  p {
 	padding:10px 0;
 	margin:0;
}

#example2 a, #example2 em {
	display:block;
}