@charset "UTF-8";
/* CSS Document */

/* This tag is for the PhotoViewer Container or Anchor */
div#photoViewerContainer {margin:0;padding:0;border:0px;}
/* This is the width of the Photo Viewer itself */
div.photoviewer {position:relative;width:502px;height:380px;margin:0 auto 0 auto;padding:0px;}
/* This is the tag used for the actual photo */
div.photoviewer div.main {position:absolute;top:18px;left:0px;width:502px;height:302px;margin:0px;background-color:#efefef;border:1px solid #ccc;padding:0px;}
/* This is the loading animated gif that appears in the background  */
div.photoviewer div.load {position:absolute;top:30px;left:20px;width:54px;height:54px;}
/* This series of tags define the attributes for the thumbnails  */



/* THUMBNAILS */
div.photoviewer table {position:absolute;left:25px;bottom:0px;}
div.photoviewer table tr td {width:50px;height:50px;cursor:pointer;background-color:#FFF;}/* margin:0px;padding:1px;border:0px solid #ccc;  */



/* THUMBNAIL CONTROLS */
div.photoviewer div.left {position:absolute;bottom:32px;left:0px;cursor:pointer;width:17px;height:17px;background:url(../images/circle-buttons.gif);background-position:-72px 0px;margin:0;padding:0;border:0;}
div.photoviewer div.left:hover {background:url(../images/circle-buttons.gif);background-position:-90px 0px;}

div.photoviewer div.rght {position:absolute;bottom:32px;right:80px;width:17px;height:17px;cursor:pointer;background:url(../images/circle-buttons.gif);background-position:-108px 0px;margin:0;padding:0;border:0;}
div.photoviewer div.rght:hover {background:url(../images/circle-buttons.gif);background-position:-126px 0px;}

div.photoviewer div.play {position:absolute;bottom:32px;right:0px;width:17px;height:17px;cursor:pointer;background:url(../images/circle-buttons.gif);background-position:0px 0px;margin:0;padding:0;border:0;}
div.photoviewer div.play:hover {background-position:-18px 0px;}

div.photoviewer div.paus {position:absolute;bottom:32px;right:0px;width:17px;height:17px;cursor:pointer;background:url(../images/circle-buttons.gif);background-position:-36px 0px;margin:0;padding:0;border:0;}
div.photoviewer div.paus:hover {background-position:-54px 0px;}

div.photoviewer div.next {position:absolute;bottom:32px;right:20px;width:17px;height:17px;cursor:pointer;background:url(../images/circle-buttons.gif);background-position:-180px 0px;margin:0;padding:0;border:0;}
div.photoviewer div.next:hover {background-position:-198px 0px;}

div.photoviewer div.prev {position:absolute;bottom:32px;right:40px;width:17px;height:17px;cursor:pointer;background:url(../images/circle-buttons.gif);background-position:-144px 0px;margin:0;padding:0;border:0;}
div.photoviewer div.prev:hover {background-position:-162px 0px;}

div.photoviewer div.index {position:absolute;top:0px;left:0px;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:9pt;color:#666;width:200px;font-weight:bold;text-align:left;}
div.photoviewer div.caption {position:absolute;top:0px;right:0px;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:9pt;color:#666;width:200px;font-weight:bold;text-align:right;}