/*
    mright v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.mright                         { width: 450px; height: 360px; position: relative;}
.mright .wrapper                { width: 450px; overflow: auto; height: 341px; margin: 0 40px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.mright .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0;  }
.mright ul li                   { display: block; float: left; padding: 0; height: 317px; width: 450px; margin: 0; }
.mright .forward                { background-position: 0 0; right: -20px; }
.mright .back                   { background-position: -67px 0; left: -20px; }
.mright .forward:hover          { background-position: 0 -200px; }
.mright .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 413px; text-align: center;right: -200px; }
#thumbNav a                             { background: url(../images/gray-bullet.jpg) no-repeat;color: #ccc;font-size: 1%;text-decoration: none;padding: 0 1px;font-weight: lighter;margin-right: 5px; display: block;float: left;width: 12px;height: 12px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         {  background: url(../images/blue-bullet.jpg) no-repeat;color: #19a7ea;font-size: 1px;  }

#start-stop                             { display: none }
#start-stop.playing                     { display: none }
#start-stop:hover                       { display: none; }
.mright .arrow {
	display: none;
}
/*
  Prevents
*/
.mright .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.mright .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }