/**
 * $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:175;width:100%;position:relative;  }
.lof-articlessroller .lof-row { float:left;    position:relative;overflow:hidden; padding-bottom:0px; padding-top:0px;}
/* 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.html) no-repeat right top; display:block; color:#FFF; display:block; margin: 4px 5px;}
.lof-articlessroller .lof-navigator li.active span{ background:url(images/dot.html) 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.html)  no-repeat 0 0;}


.lof-articlessroller .lof-vertical .lof-previous {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/arrow-bottom.png) no-repeat scroll 0 0;
height:15px;
width:29px;
right:38px;
/*top:112px; */
bottom:5px;
}
.lof-articlessroller .lof-previous:hover{ background:url(images/arrow-bottom.png)  no-repeat 0 0; }

.lof-articlessroller .lof-vertical .lof-next {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/arrow-top.png) no-repeat scroll 0 0;
right:8px;
top:155px;

width:29px;
height:15px;
}
.lof-articlessroller .lof-next:hover{ background:url(images/arrow-top.png) no-repeat; }  

/*.lof-articlessroller .lof-vertical .lof-previous{ top:auto; left:auto; bottom:-13px; right:45%;    background:url(images/arrow-bottom.png) }     */
/**  NAVIGATOR - BOTTOM alignment **/
.lof-articlessroller .lof-bottom .lof-navigator-outer{ position:absolute;right:0px;    top:5px; background:#CCC; -moz-border-radius:8px 8px 8px 8px;}
/** 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 { 
    background:#F0F0F0; 
    margin:0px; 
    position:relative; 
    padding:0px 0px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    color: #45494b;
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 11px; 
    height: 175px;
    
    }
    
    .lof-articlessroller .lof-clearfix{
        clear:both;
        width:100%;
        height:1px
    }
    .lof-articlessroller .lof-inner:hover{ 
        background:#F9F9F9;
        -moz-box-shadow:0 0 10px #C3C3C3; -webkit-box-shadow:0 0 10px #EFEFEF; box-shadow: 0px 0px 10px #EFEFEF;    
    }
    .lof-articlessroller .lof-inner img.lof-image{ background:#F0F0F0; 
        border:5px solid #F0F0F0;
        border:#E8E8E8  solid 1px;
        padding:5px;
        background:#FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        float:none;
        margin:0
        }
        .lof-articlessroller .lof-inner .lof-title{
            clear:both;
            padding:15px 0px 0px 0px;
            position:relative;    
            display:block ;
            color: #ad1e78;
            font-family: Arial,Helvetica,sans-serif; 
            font-size: 12px; 
            font-weight: bold;

        }
        .lof-articlessroller .lof-inner a{
            text-decoration:none;
            text-transform:none ;
        }
        .lof-articlessroller .lof-inner .lof-readmore { display:block; clear:both; padding:10px 0px 0px 20px; background:url(images/readmore.png) no-repeat left 8px; color: orange; }
        .lof-articlessroller .lof-infor{  height:20px; top:20px; left:0; height:30px;  color:#FFF; display:none; }