/**
 * $ModDesc
 * 
 * @version		$Id: helper.php $Revision
 * @package		modules
 * @subpackage	$Subpackage.
 * @copyright	Copyright (C) Dec 2009 LandOfCoder.com <@emai:landofcoder@gmail.com>.All rights reserved.
 * @license		GNU General Public License version 2
 */
@charset "utf-8";
/* CSS Document */
.lof-articlessroller{position:relative;}
.lof-articlessroller .lof-container{height:100%; width:100%; position:relative; display:block;}
.lof-articlessroller .lof-row { float:left;	position:relative;overflow:hidden; padding:0; margin:0 0 25px 0;}
/* main flash */
.lof-articlessroller .lof-main-wapper{overflow:hidden;padding:0px;margin:0px;position:relative;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:50%;
	overflow:visible;
	float:right;
	z-index:3;
}

.lof-articlessroller .lof-navigator li{	
	background:none!important;
	padding:11px 0 5px 5px;
	margin:5px 0 0 0;
	height:20px!important;
	width:23px!important;
	cursor:hand;
	cursor:pointer;
	float:left;
	list-style:none;
	border-bottom:solid 1px #333333;
	border-top:solid 1px #333333;
}

.lof-articlessroller .lof-navigator li span{
	color:#000;
	font-size:14px;
	padding:0 0 0 5px;
}

.lof-articlessroller .lof-navigator li.active span{
	color:#cc0000;
	font-size:14px;
}

/** BUTTON CONTROL **/
.lof-articlessroller .lof-next, .lof-articlessroller .lof-previous{
	position:absolute;
	z-index:10;
	bottom:-4px;
	height:36px;
	width:17px;	
	display:block;
	text-indent:9999px;
	overflow:hidden;
}
.lof-articlessroller .lof-next{	background:url(/img/lb-0044.fancy_nav_right.png)  no-repeat; right:30px; }
.lof-articlessroller .lof-next:hover{ background:url(/img/lb-0045.fancy_nav_right_on.png) no-repeat; }
.lof-articlessroller .lof-previous{	background:url(/img/lb-0046.fancy_nav_left.png)  no-repeat; left:0px; }
.lof-articlessroller .lof-previous:hover{ background:url(/img/lb-0047.fancy_nav_left_on.png)  no-repeat; }
.lof-articlessroller .lof-vertical .lof-next{ top:-13px; right:45%;	background:url(/img/lb-0048.arrow-top.png) }
.lof-articlessroller .lof-vertical .lof-previous{ top:auto; left:auto; bottom:0; right:45%;	background:url(/img/lb-0049.arrow-bottom.png) }

/**  NAVIGATOR - BOTTOM alignment **/
.lof-articlessroller .lof-bottom .lof-navigator-outer{ position:absolute;right:0px;	bottom:0px;}

/** NAVIGATOR - TOP alignment  **/
.lof-articlessroller .lof-top .lof-navigator-outer{	position:absolute;	right:10px;	top:10px;}

/**  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 20px 10px 0}
.lof-articlessroller .lof-thumbright img.lof-image { float:right;}

/*** CSS STYLE FOR ITEM ****/
.lof-articlessroller .lof-inner { 
	margin:0; 
	position:relative; 
	padding:0; 
	width:220px;
	height:220px;;
	display:block;
	text-align:center;
	}

.lof-articlessroller .lof-inner img {	
	margin: 0 auto ;
	border:1px solid #ccc;
    }
	
.lof-articlessroller .lof-inner img:hover{
	border:1px solid #333;
	}

.lof-articlessroller .lof-clearfix{
	clear:both;
	width:100%;
	height:1px;
	}
			
.lof-articlessroller .lof-inner .lof-title{
	clear:both;
	padding:0;
	position:relative;	
	display:block;
	}

.lof-articlessroller .lof-inner a{
	text-decoration:none;
	text-transform:none;	
}

		.lof-articlessroller .lof-inner .lof-readmore { display:block; clear:both; padding:5px 0px 0px 20px; background:url(/img/lb-0050.readmore.png) no-repeat left 8px; }
		.lof-articlessroller .lof-infor{  height:20px; top:20px; left:0; height:30px;  color:#FFF; display:none; }

.headline{
	font-size:14px;
	font-weight:bold;
}

.subline{
	font-size:11px;
	color:#f39200;
}

.list{
	list-style-image:url(/img/lb-0023.disc.png);
	padding:0;
}