/*======================================================================*
|| #################################################################### ||
|| # Youjoomla.com 
|| # ---------------------------------------------------------------- # ||
|| # Copyright ©2006-2009 Youjoomla.com. All Rights Reserved.           ||
|| # This file may not be redistributed in whole or significant part. # ||
|| # ---------------- THIS IS NOT FREE SOFTWARE ---------------- #      ||
|| # http://www.youjoomla.com | http://www.youjoomla.com/license.html # ||
|| #################################################################### ||
*======================================================================*/
/*NEWS ITEM HOLDER*/
.yjnewsflash5 {
  clear:both;
  overflow:hidden;
  display:block;
  margin:0;
  padding:0;
  height:auto!important;
  width:100%;
  position:relative;
}
/* ITEMS WRAP. PADDINGS AND MARGIN SHOULD BE APPLIED TO THIS DIV*/
.yjnewsflash5_in {
  padding:5px 10px;
  margin:0px;
  display:block;
  overflow:hidden;
  position:relative;
  height:100%!important;
  border-bottom:1px solid #efefef;
}
/* last item in the row*/
.yjnewsflash5_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=".yjnewsflash5_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 */
.yjnewsflash5 a.itemtitle {
  display:block;
  overflow:hidden;
  clear:both;
  margin:0 0 5px 0;
  font-weight:bold;
}
/* NEWS ITEM IMAGE HOLDER */
.yjnewsflash5 div.imageholder {
  overflow:hidden;
  float:left;
  margin:0px 7px 2px 0;
  padding:1px;
  /*border:1px solid #e0dede;*/
  background:#fff;
}
/* NEWS ITEM IMAGE LINK */
.yjnewsflash5 a.itemimage {
  display:block;
  margin:0px;
  overflow:hidden;
}
/*  NEWS ITEM INTRO TEXT*/
.yjnewsflash5 p.itemintro {
  padding:0px;
  margin:5px 5px 5px 5px;
  display:block;
  overflow:visible;
}
/*  NEWS ITEM READ MORE*/
.yjnewsflash5 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;
}
.yjnewsflash5 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*/
.yjnewsflash5 div.itemdetails {
  display:block;
  position:relative;
  overflow:hidden;
  width:130px;
  float:left;
  height:20px;
  line-height:20px;
}
.yjnewsflash5 div.itemdetails .itemcategory, .yjnewsflash5 div.itemdetails .itemcdate {
  float:left;
  font-weight:bold;
  font-size:10px;
  display:block;
}
/* ITEM COMMENTS */
.yjnewsflash5 div.itemcomments, .yjnewsflash5 div.itemcomments_no {
  position:absolute;
  top:0;
  right:0;
  font-size:10px;
  width:27px;
  height:22px;
  line-height:17px;
  color:#fff;
  background:url(../images/comments.gif) no-repeat center top;
  text-align:center;
}
.yjnewsflash5 div.itemcomments_no {
  background:#ffef87;
  color:#222;
  width:150px;
  line-height:22px;
}

/* SLIDE*/
/* main slide holder */
.yjnf5_co{
  display:block; 
  position:relative;
  overflow:hidden;

}

/* selected bg color*/
.yjnf5_h{
background-color:#f7f6f6;
}

/* navigation */
.yjnf5_nav{
display:block;
height:15px;
width:100%;
overflow:hidden;
line-height:25px;
padding:0;
margin:0 0 10px 0;
background: gray;
}
.yjmf5_nav_b{
width:70px;
height:15px;
float:right;
display:block;
margin:0;
padding:0;
overflow:hidden;
clear:both;
}
.navup,
.navdown{
text-indent:-7500px;
display:block;
height:18px;
width:20px;
margin:0 5px;
float:right;
overflow:hidden;
}
.navdown{
background:url(../images/down.gif) no-repeat left center;
}
.navdown:hover{
background:url(../images/downh.gif) no-repeat left center;
}
.navup{
background:url(../images/up.gif) no-repeat left center;
}
.navup:hover{
background:url(../images/uph.gif) no-repeat left center;
}

.yjnewsflash5,
.yjnewsflash5 *{
  box-sizing:content-box;
}