/* 
    Document   : hotlist
    Created on : Nov 15, 2009, 4:12:12 PM
    Author     : teguhkukuh
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

 #slideshow {
    position:relative;
    height:150px;
    float:left;
    width:95%;
    margin:10px;
    background-color:#DDD4C6;
    border:2px solid #CABAA1;
    -moz-border-radius: 5px;
}
.ketslide{
    height:100px; overflow:hidden ; margin:0 10px;
    text-align:justify;
    padding-bottom:20px;
    width:270px;

}
.link{
   padding:2px 10px;
     background-color:#EDE8E0;
    border:2px solid #D4C9B7;

}
.link:hover{
    padding:2px 10px;
     background-color:#E1c810;
    border:2px solid #D4C9B7;

}

#slideshow IMG {
    position:absolute;
    top:0;
    margin:5px;
    width:95%;
    height:90%;
    border:1px solid #ffffff;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
.hotlist{
    width:47%; overflow:hidden;
    height:350px;float:left;
    margin-right:10px;
     
    
}
.newlistright{
    float:right;
    width:90px;
    margin-top:10px;
    height:60px;
     overflow:hidden;

}
.newlistright img{
       width:90px;
        height:40px;

    }
    .newlistright img:hover{
       width:290px;
        height:140px;
        position:absolute;
        z-index:9;
        border:solid 1px #00aacc;

    }
.newlistleft{
    
    width:150px;
    margin-left:10px;
    padding:10px;
}
.newlistleft h3{
    color:blue;
}

.title{
    width:auto;
     
    border-bottom:double #cabaa1 2px;
    color: #9f8f74;
    text-transform: capitalize;
    font-weight:bold;
    clear:both;
    font-family:sans-serif;
    margin: 0px;
}

.toolbarhotlist{
   height:40px;
   width:auto;
   margin:5px 0;
}
.toolbarhotisi{
    width:auto;
    height:20px;
    background-color:#eeeeee;
    border:2px solid #cccccc;
}
.hotlist p{
     background-color:#EDE8E0;
    border:2px solid #D4C9B7;
}