#viewer { background: #a8d7f3; padding-bottom: 10px; margin-bottom: 20px; width: 147px; position: relative; }

#viewer h2 { font-family: Arial, sans-serif; color: #141E67; padding: 10px 12px; font-style: normal; font-size:13px; height:55px;}

#viewer table td { padding: 0; border-bottom: 1px solid #A1AFCB; }


/* => container for images  */

#viewer table td.slides { height: 100px; }


/* => images  */

#viewer table td .slide { position: absolute; left: 10px; top: 80px; }


/* => selectors  */

#viewer table div.button { 

background: #8fbbda; color: #333333; font-weight: bold; font-size:12px; padding: 4px 10px; float: left; width: 120px;

cursor: pointer; border-bottom: 1px solid #648298; }


#viewer table div.button:hover { color: #FFFFFF; font-weight: bold; }


#viewer table div.button.selected { color: #FFFFFF; background: #7fa6c2; font-weight: bold; }


#viewer table .infopanel { width: 125px; height: 130px; float: left; }


#viewer table .infopanel p { 

color:#303C4F; background: #a8d7f3; padding: 6px 13px 10px; font-size: 1em; line-height: 1.5em; }


#viewer table .infopanel p a { color: #FFFFFF;  }


#viewer table .infopanel p a:hover { border-bottom: 1px solid #A1AFCB; }


#viewer #playBtn { margin: 4px 10px;}


#viewer #playBtn a:hover { border: 0; }