/*
 * The Generations Network's (TGN) modifications and additions to the standard carousel styles
 */	
.carousel-component { background:none; margin: 10px 0 0 0; padding: 0; position: relative; }
.carousel-clip-region { overflow:hidden; margin:0px auto; position:relative; }
/*.carousel-list { width:10000000px; position:relative; z-index:1; margin:0px; padding:0px 0px 0px 0px;}*/
/* Firefox 3 will have the page have back background elements if width is higher than 10000000 */
.carousel-list { width:1000000px; position:relative; /*z-index:1;*/ margin:0px; padding:0px 0px 0px 0px; }
.carousel-list li { width:108px; margin:0px 2px 0 2px; float:left; list-style:none; overflow:hidden; display:block; text-align:center; }
.carousel-list li a {display:block; outline:none; }
.carousel-list li .thumb { border:1px solid #D9D7C5; width:106px; height:112px; font-size:95px; text-align:center; display:table-cell; vertical-align:middle; }
.carousel-list li .thumb:hover { background:#F8F7F4; }  						
.carousel-list li .thumb-title { font-size:10px; color:#666666; margin:.5em 0; }  						
.carousel-list li .thumb img { vertical-align:middle; }	
.carousel-list li .thumbAudio { border:1px solid #D9D7C5; width:106px; height:112px; font-size:95px; text-align:center; display:table-cell; vertical-align:middle; }
.carousel-list li .thumbAudio:hover { background:#F8F7F4; }  						
.carousel-list li .thumb-title { font-size:10px; color:#666666; margin:.5em 0; }  						
.carousel-list li .thumbAudio img {  border:0px; vertical-align:middle; }	
#next-arrow-photo { position: absolute; top: 50px; z-index: 2; right: 0px; height: 25px; width: 25px;}
#prev-arrow-photo { position: absolute; top: 50px; z-index: 2; left: 0px; height: 25px; width: 25px;}
#next-arrow-audio { position: absolute; top: 50px; z-index: 2; right: 0px; height: 25px; width: 25px;}
#prev-arrow-audio { position: absolute; top: 50px; z-index: 2; left: 0px; height: 25px; width: 25px;}
#next-arrow-video { position: absolute; top: 50px; z-index: 2; right: 0px; height: 25px; width: 25px;}
#prev-arrow-video { position: absolute; top: 50px; z-index: 2; left: 0px; height: 25px; width: 25px;}
.left-button-image, .right-button-image { cursor:pointer; cursor:hand; visibility:hidden;}
.left-button-inactive, .right-button-inactive{ cursor:default; visibility:hidden;}