

.texts {position:absolute; top:3px; left:20px; z-index:100; padding:0px 5px 1px 0px; margin:0px; width:90px; text-align:right; font:9px/110% helvetica,arial; color:#ffffff; filter:Glow(color=#181716, strength=3);}

.spotlight .texts {font:11px/120%;}

#indicator {font:bold 11px/120% arial; margin-left:10px; width:110px;
color:#000000;background:white;filter:alpha(opacity=50) Shadow(color=black,direction=135);-moz-opacity:.50;opacity:.50;

}
#indicator .now_b {font:bold 21px/22px arial; letter-spacing:-1px;}
#indicator .of_b {font:bold 12px/13px arial; letter-spacing:-1px; padding-left:3px;}
#indicator .all_b {font:bold 19px/19px arial; letter-spacing:-1px; padding-left:3px;}
#indicator .photo_b {font:bold 11px/13px arial; letter-spacing:-1px; padding-left:4px;}
#preview img {
    border: 0px solid gray;
    padding:0px;
    clear:both;
}
#preview img {height:0px; margin:0px; padding:0px; border:0px solid #bbbbbb;}
#indicator {font-family:arial;}
#indicator .now {font:bold 19px/20px arial;}
#indicator .all {font:bold 19px/20px arial;}





/**
 * ŠO˜g
 **/
.carousel-component {
    padding:0px;
    margin:0px;
    border:0px solid #cccccc;
}
/**
 * “à‘¤
 **/
.carousel-clip-region {margin:2px;}

.carousel-component ul.carousel-list {
margin:0px !important;
padding:0px !important;
}

.carousel-component .carousel-list li { 
 background:#0D1913;
    margin:0px !important;
    padding:0px !important;
    height:116px;
    width:100px; /* img width is 100 px from flickr + a.border-left (1) + a.border-right(1) + 
                   img.border-left (1) + img.border-right (1) + a.margin (6)*/
    /*    margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
    border:1px solid #e4e4e4;
    display:block;
    height:14px;
    margin:0px;
    outline:none;
    -moz-outline:none; 
}

.carousel-component .carousel-list li a:hover { 
    border:1px solid #bbbbbb;
    color:#cc0000;
    
}


.carousel-component .carousel-list li img { 
    border:0px solid #bbbbbb;
    display:block; 
    margin:0px;
    padding:0px;
    width:160px;


}

.carousel-component .carousel-list li strong { 
    display:block; 
}
                                    


#prev-arrow { 
    position:absolute;
    top:0px;
    z-index:3;
    cursor:pointer; 
    left:5px; 
}

#next-arrow { 
    position:absolute;
    top:0px;
    z-index:3;
    cursor:pointer; 
    right:5px; 
}

.spotlight {
   display:block !important; 

    border: 1px solid #cc0000;
    filter: alpha(opacity=100); -moz-opacity:1.0;
    background:#666666;
    padding:0px 0px !important;
    width:112px !important;
    height:112px !important;
    position:relative;
    margin:0px;
    z-index:1;
    font:12px/12px ,‚l‚r ‚oƒSƒVƒbƒN,‚l‚r ƒSƒVƒbƒN,osaka !important;
    letter-spacing:-1px;
}

.spotlight .carousel_box {width:102px; height:112px; padding-top:0px; margin:0px; position:relative;}
/**
 * .spotlight .carousel_box {width:90px; height:95px; background:url(http://www.spcontribute.com/ajax/carousel/images/zone92.gif) no-repeat center 5px; position:relative;}

 **/
.spotlight .carousel_box_in {width:112px; height:112px; top:0px; left:0px; position:relative; overflow:hidden; padding:0px; margin:0px;}


.spotlight a:link, .spotlight a:visited {font:12px/130% ,‚l‚r ‚oƒSƒVƒbƒN,‚l‚r ƒSƒVƒbƒN,osaka; letter-spacing:-0px; text-decoration: none; border: 1px solid #ffffff !important; padding:0px 0px; margin:0px;}

.spotlight a:hover { text-decoration: none; background:#f4f4f4; border: 1px solid #cc0000!important; filter: alpha(opacity=35); -moz-opacity:0.3;}
 .spotlight a:active { text-decoration: none; background:#f4f4f4; border: 1px solid #cccccc !important;}

.spotlight img {
    width:160px; padding:0px; margin:0px; top:0px; left:-10px;  border: 0px;
}

.non-spotlight {
    border: 1px solid #cccccc;
    background:#000000;
    filter: alpha(opacity=80); -moz-opacity:0.8;
    padding:2px 0px !important;
    margin:0px 0px !important;
    width:110px !important;
    height:110px !important;
    font:10px/12px ,‚l‚r ‚oƒSƒVƒbƒN,‚l‚r ƒSƒVƒbƒN,osaka !important;
    letter-spacing:-1px;
     filter: alpha(opacity=90); -moz-opacity:0.9;
}

/**
 * .carousel_box {width:90px; height:90px; background:url(http://www.spcontribute.com/ajax/carousel/images/zone92.gif) no-repeat; position:relative;}
 **/
.non-spotlight .carousel_box {width:110px; height:110px; background:url() no-repeat; position:relative;}


.non-spotlight .carousel_box_in {width:110px; height:110px; top:0px; left:0px; position:relative; overflow:hidden; background:#000000;}

.non-spotlight img {
    filter: alpha(opacity=70); -moz-opacity:0.7; width:160px;
}
.non-spotlight a:link, .non-spotlight a:visited { color:#888888; text-decoration: none; border: 0px; font:10px/120% ,‚l‚r ‚oƒSƒVƒbƒN,‚l‚r ƒSƒVƒbƒN,osaka !important;}

.non-spotlight a:hover, .non-spotlight a:active { color:#cc0000; text-decoration: none; background:#000000; filter: alpha(opacity=50); -moz-opacity:0.5;}

.non-spotlight .carousel_box { filter: alpha(opacity=100); -moz-opacity:1.0;}







