/* Generic Carousel Properties */
.carousel {
   position:relative;
   margin-top:10px;
   border:0px;
   background-color:#fff;
  }

.carousel .navButton {
   cursor:pointer;
   display:block;
   text-indent:-9999px;
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
   -moz-opacity:0.7;
   opacity:0.7;
  }

.carousel .navButton:hover {
   cursor:pointer;
   display:block;
   text-indent:-9999px;
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   -moz-opacity:1.0;
   opacity:1.0;
  }

.carousel .container { position:absolute; overflow:hidden; text-align:center; }
.carousel .items { position:absolute; }

.carousel .item {
   position:relative;
   cursor:pointer;
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
   -moz-opacity:0.7;
   opacity:0.7;
   list-style-type:none;
   margin:3px;
  }

.carousel .item:hover, .carousel .item.selected, .carousel .item.preselected {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   -moz-opacity:1.0;
   opacity:1.0;
  }

/* Horizontal Carousel */
#Carousel2 { margin-left:58px; height:88px; width:574px; }
* html #Carousel2 { margin-left:-16px; }
*:first-child+html #Carousel2 { margin-left:-8px; }
#Carousel2 .container { left:42px; top:0px; width:490px; height:80px; }
#Carousel2 .items { top:0px; left:0px; width:99999px;} /*width must hold all the thumnails in the carousel*/
#Carousel2 .item { height:64px;  width:64px; float:left; clear:right; }
#Carousel2 .item .icon img { position:relative; left:0px; top:2px; width:64px; height:64px; cursor:pointer;}
#Carousel2 .navButton { position:absolute; top:18px; width:40px; height:40px; }
#Carousel2 .navButton.previous {  left:4px; background-image:url('../images/arrow_left_sm.gif'); }
#Carousel2 .navButton.next { right:4px; background-image:url('../images/arrow_right_sm.gif'); }

/* Hide data items from selector */
#Carousel2 .item .key { display:none;}
#Carousel2 .item .picture { display:none;}
#Carousel2 .item .category { display:none;}

/* Vertical Carousel */
/*#Carousel { width:250px; height:200px; }
#Carousel .container { left:8px; top:15px; width:291px; height:145px; }

#Carousel .items { top:0; left:2px; }
#Carousel .item { background-color:#ffffff; height:28px; margin-bottom:2px;  width:230px; }
#Carousel .item.hover { background-color:#999999; }
#Carousel .item.selected { background-color:#ffffff; }
#Carousel .item .caption { position:absolute; left:35px; top:5px; width:135px; background-color:transparent; font-size:10px; }
#Carousel .item .icon img { position:relative; left:5px; width:22px !important; height:22px; cursor:default; top:2px;}
#Carousel .navButton { position:absolute; bottom:0px; width:122px; height:28px; }
#Carousel .navButton.previous {  left:0px; background-image:url('images/interface/button.up.png');  }
#Carousel .navButton.next { right:0px; background-image:url('images/interface/button.down.png'); }*/

/* Hide data items from selector */
/*#Carousel .item .email {display:none;}*/