@charset "utf-8";
/* CSS Document */
.lof-articlessroller{position:relative; }
.lof-articlessroller .lof-container{height:100%;width:100%;position:relative; }
.lof-articlessroller .lof-row {float:left;position:relative;overflow:hidden;padding-bottom:9px;background:url(images/progs_sep.jpg) center bottom no-repeat}
/* main flash */
.lof-articlessroller .lof-main-wapper{overflow:hidden;padding:0px;margin:0px;position:relative;overflow:hidden;z-index:1}
.lof-articlessroller .lof-main-wapper .lof-main-item{overflow:hidden;padding:0px;margin:0px; height:100%;width:100%;position:absolute;}
/** BULLETS NAVIGATOR **/
.lof-articlessroller ul.lof-navigator{top:0;padding:0;margin:0;position:absolute;width:10000;}
.lof-articlessroller .lof-navigator-outer{position:relative; margin-right:20px;	overflow:hidden; float:right;z-index:3 }
.lof-articlessroller .lof-navigator li{	
	background:none!important;padding:0!important;margin:0!important;
	height:20px!important;	width:23px!important;
	text-indent:9999px;
	cursor:hand;
	cursor:pointer;
	float:left;
	list-style:none;
}
.lof-articlessroller .lof-navigator li span{ background:url(images/dot.png) no-repeat right top; display:block; color:#FFF; display:block; margin: 4px 5px;}
.lof-articlessroller .lof-navigator li.active span{ background:url(images/dot.png) no-repeat left top; display:block; color:#FFF;}
/** BUTTON CONTROL **/
.lof-articlessroller .lof-next, .lof-articlessroller .lof-previous{
	position:absolute;
	z-index:10;
	top:35%;
	height:36px;
	width:36px;	
	display:block;
	text-indent:9999px;
	overflow:hidden;
}
.lof-articlessroller .lof-next{	background:url(images/arrow-right.png)  no-repeat; right:-14px; }
.lof-articlessroller .lof-previous{	background:url(images/arrows_v.png) 0 -16px no-repeat; left:-13px; }
.lof-articlessroller .lof-vertical .lof-next{top:-26px;right:93.8%;background:url(images/arrows_v.png) no-repeat;width:16px;height:16px}
.lof-articlessroller .lof-vertical .lof-previous{top:-10px; right:88%;background:url(images/arrows_v.png) 0 -16px no-repeat,width:16px;height:16px}
/**  NAVIGATOR - BOTTOM alignment **/
.lof-articlessroller .lof-bottom .lof-navigator-outer{position:absolute;left:5px;top:5px;}
/** NAVIGATOR - TOP alignment  **/
.lof-articlessroller .lof-top .lof-navigator-outer{position:absolute;right:-4px;top:-23px}
/**  NAVIGATOR - RIGHT alignment **/
.lof-articlessroller .lof-right .lof-navigator-outer{position:absolute;	right:0px;	top:10px;}
/**  NAVIGATOR - LEFT alignment **/
.lof-articlessroller .lof-left .lof-navigator-outer{position:absolute;	left:10px;	top:10px;}
/** THUMBNAIL - LEFT alignment **/
.lof-articlessroller .lof-thumbleft .lof-inner .lof-title{ clear:none; float:none; padding:0}
.lof-articlessroller .lof-thumbleft a.lof-image-link { float:left; padding:0 20px 10px 0}
.lof-articlessroller .lof-thumbleft img.lof-image { float:left;}
/** THUMBNAIL - RIGHT alignment **/
.lof-articlessroller .lof-thumbright .lof-inner .lof-title{/*clear:none; float:none; padding:0*/}
.lof-articlessroller .lof-thumbright a.lof-image-link {float:right;padding:0}
.lof-articlessroller .lof-thumbright img.lof-image {float:right}
/*** CSS STYLE FOR ITEM ****/
.lof-articlessroller .lof-inner {position:relative;margin:0;color:#333}	
	.lof-articlessroller .lof-clearfix{
		clear:both;
		width:100%;
		height:1px}
	.lof-articlessroller .lof-inner:hover{}
	.lof-articlessroller .lof-inner img.lof-image{float:none;margin:0}
		.lof-articlessroller .lof-inner .lof-title{border-bottom:solid 2px #000;padding:10px;position:absolute;display:block;bottom:15px;right:0px;background:url(images/trans_bg.png) repeat;height:31px;width:100%}
		.lof-articlessroller .lof-inner a{text-decoration:none;text-transform:none;font:bold 22px arial;color:#fff;text-shadow:1px 1px 0px #000}
		.lof-articlessroller .lof-inner .lof-readmore { display:block; clear:both; padding:5px 0px 0px 20px; background:url(images/readmore.png) no-repeat left 8px; }
		.lof-articlessroller .lof-infor{  height:20px; top:20px; left:0; height:30px;  color:#FFF; display:none; }