.carousel-component {
    padding:8px 8px 4px 8px;
    margin:8px;
    width:130px; /* seems to be needed for safari */
}

.carousel-component .carousel-list li { 
    margin:0px;    
    width:130px; /* img width is 75 px from flickr + border-top (1) + border-bottom(1) */
}

/* Applies only to vertical carousels */
.carousel-component .carousel-vertical li { 
    margin-bottom:4px;
    height:95px; /* image + row of text (87) + border-top (1) + border-bottom(1) */
    background-color: #2c4c84;
}

.carousel-component .carousel-list li a { 
    display:block;
    border:0px solid #2c4c84;
    outline:none;
    color: #ff9900;
    font-size: 10px;
    padding: 2px;
}

.carousel-component .carousel-list li a:hover { 
    border: 1px solid #aaaaaa;
}

.carousel-component .carousel-list li img { 
    border:1px solid #999;
    display:block;
    margin-left: auto;
    margin-right: auto
}
                                    
#up-arrow { 
    cursor:pointer;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
}

#down-arrow { 
    cursor:pointer;
    display:block;  
    margin-left:auto;
    margin-right:auto; /* just ([width+margins]95/2)-([arrow width]26/2)  45-13=32 */
    margin-top:0px;
}

div.input-line {
    padding-top:10px;
}

div.input-line p {
    float:left;
    padding:5px 4px 0px 0px;
    margin:0px;
}
div.input-line input {
    float:left;
    margin-top:1px;
    margin-right:8px;
}
div.input-line button {
    float:left;
}
