/**
* Based on YJ Module Engine CSS
* @package YJ Newsflash 4
* @author Youjoomla.com
* @website Youjoomla.com * @copyright  Copyright (c) 2007 - 2011 Youjoomla.com.
* @license   PHP files are GNU/GPL V2 Copyleft CSS / JS / IMAGES are Copyrighted Commercial
*/
/* holding class used for mod overdies */
.yjnf4 {
    margin:0 auto;
    padding:0;
    overflow:hidden;
}
.YJ_NewsFlash4{
    display:block;
    overflow:hidden;
}
.YJ_NewsFlash4_Slices{
    display:block;
    position:relative;
    overflow: hidden;
}
.yjnewsflash_slice {
    display:none;
    position:relative;
    overflow:hidden;

}
/*NEWS ITEM HOLDER*/
.yjnewsflashu4 {
    clear:both;
    overflow:hidden;
    display:block;
    margin:0;
    padding:0;
    height:1%;
    width:100%;
    position:relative;
}
/* ITEMS WRAP. PADDINGS AND MARGIN SHOULD BE APPLIED TO THIS DIV*/
.yjnewsflashu4_in {
    padding:0 0;
    margin:0;
    display:block;
    overflow:hidden;
    position:relative;
    height:1%;
}
/* last item in the row*/
.yjnewsflashu4_in.last {
    border-bottom:none!important;
}
/*THERE IS A SPECIFIC ITEM CSS ID YOU CAN USE FOR EACH NEWS ITEM 
IT WILL BE DISPLAYED AS div class=".yjnewsflashu4_in yjnfitemITEM_ID_NUMBER". 
.yjnfitem52 AS EXAMPLE. YOU CAN USE THIS DIV CLASS TO STYLE EACH NEWS ITEM SPECIFICALLY*/

/*.yjnfitem52{background:#ff0000;}*/

/* NEWS ITEM TITLE */
.yjnewsflashu4 .itemtitle {
    display:block;
    overflow:hidden;
    clear:both;
    margin:0 0 0 0;
    font-size: 12px;
}

.yjnewsflashu4 a.itemtitle {
    display:block;
    overflow:hidden;
    clear:both;
    margin:0 0 0 0;
    font-weight:bold;
    font-size: 12px;
}
/* NEWS ITEM IMAGE HOLDER */
.yjnewsflashu4 div.imageholder {
    overflow:hidden;
    float:left;
    margin:5px 5px 5px 0;
    padding:5px;
    border:1px solid #e0dede;
    background:#fff;
}
/* NEWS ITEM IMAGE LINK */
.yjnewsflashu4 a.itemimage {
    display:block;
    margin:0px;
    overflow:hidden;
}
/*  NEWS ITEM INTRO TEXT*/
.yjnewsflashu4 p.itemintro {
    padding:0;
    margin:0;
    display:block;
    overflow:visible;
}
/*  NEWS ITEM READ MORE*/
.yjnewsflashu4 a.itemreadmore {
    display:block;
    width:100px;
    text-align:center;
    float:right;
    border:1px solid #efefef;
    height:20px;
    line-height:20px;
    padding:0 0 0 10px;
    margin:5px 0 5px 0;
}
.yjnewsflashu4 a.itemreadmore span {
    display: block;
    height:20px;
    line-height:20px;
    padding:0 10px 0 0px;
    text-align:center;
}
/*  NEWS ITEM DETAILS. DATE AND CATEGORY TITLE HOLDER*/
.yjnewsflashu4 div.itemdetails {
    display:block;
    position:relative;
    overflow:hidden;
    width:130px;
    float:left;
    height:20px;
    line-height:20px;
    margin:5px 0 5px 0;
    font-weight:bold;
}
.yjnewsflashu4 div.itemdetails .itemcategory,
.yjnewsflashu4 div.itemdetails .itemcdate {
    float:left;
    font-weight:bold;
    font-size:10px;
    display:block;
}
/* CLEARING*/
.clearnf {
    clear:both;
    display:block;
}
/*pagination*/
div.yjnf4_navigation {
    text-align:center;
    overflow:hidden;
    display:block;
    position:relative;
}
.pagination_yjn,
.pagination_yjn_on {
    background:#efefef;
    margin:3px 3px 3px 0px;
    padding:0px;
    color:#000;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    width:20px;
    height:20px;
    display:inline-block;
    line-height:20px;
    text-align:center;
}
.pagination_yjn_on {
    background:#ccc;
    color:#fff;
}
.pagination_yjn:hover,
.pagination_yjn_on:hover {
    text-decoration:none;
    background:#ccc;
    color:#fff;
}