/* Values of the slideshow's configuration page are made available via tokens.
Important!
- Tokens must always start with [% and end with %].
- Number values always indicate number of pixels.

The following tokens are available:
/DesktopModules/ASPSlideShow/Templates template root directory
743 width of the slideshow
257 height of the slideshow
200 width of the text bar (only when vertical) 
200 width of individual menu items
68 height of individual menu items

Individual tokens can be combined:
943

Simple calculations are possible:
893 : width of the slideshow + 150 pixel
-563 : width of the text bar - width of the slideshow - 150 pixel
*/

/* Slideshow Containers */
#aspss-outer-panel_3883 {width:743px;margin:0;padding:0;border:0;overflow:hidden;} /* Frame */
#aspss-panel_3883 {width:743px;margin:0;padding:0;position:relative;clear:both;}
#aspss-slider_3883 {width:743px;height:257px;text-align:left;background:none;clear:both;overflow:hidden;}
#slide-loader_3883 {width:743px;height:257px;text-align:center;background:#808080 url(/DesktopModules/ASPSlideShow/Templates/Crystal_gray/preloader.gif) no-repeat center;} /* Slide Preloader/Background Color */
#slide-wrapper_3883 {width:743px;height:257px;display:none;}
#slide-wrapper_3883 #slide-outer_3883 {height:257px;background:#808080;} /* Transition Color */
#slide-wrapper_3883 #slide-outer_3883 .slide {width:743px;height:257px;right:0;position:absolute;overflow:hidden;}
#slide-wrapper_3883 #slide-outer_3883 .slide .slide-inner {color:#808080;height:257px;z-index:8;margin:0;text-align:left;background:#808080;position:relative;overflow:hidden;} /* Slide Background Color */
#slide-wrapper_3883 #slide-outer_3883 .slide .slide-inner a.ass_img span span span {top:0;left:0;background:none;position:relative}

/* Menu Buttons */
#menu-outer_3883 {z-index:9;right:15px;bottom:8px;position:absolute;} /* NavigationBar */
#menu-outer_3883 ul {margin:0;padding:0;text-align:right;display:block;}
#menu-outer_3883 li {line-height:14px;margin:0;padding:2px 0;text-align:center;border:none;float:left;list-style:none;display:inline;} /* NavigationBar BackgroundColor */
#menu-outer_3883 li a {font-family:Tahoma, Arial, sans-serif;font-size:10px;color:#808080;margin:0 1px;padding:1px;text-align:center;text-decoration:none;} /* Button TextSize And TextColor */
#menu-outer_3883 li a:hover,
#menu-outer_3883 li a.menu-active {font-family:Tahoma, Arial, sans-serif;font-size:10px;color:#808080;margin:0 1px;padding:0;text-align:center;text-decoration:none;border-right: solid 1px #808080;border-left: solid 1px #808080;} /* Button Active TextSize, TextColor And ButtonFrame */
#menu-outer_3883 li a span.menu-img {display:none;}
#menu-outer_3883 li a span.menu-key {padding:0 2px;}
#menu-outer_3883 li a span.menu-title {display:none;}
#menu-outer_3883 li a span.menu-text {display:none;}
#menu-outer_3883 li a span.menu-clr {display:none;}
#menu-outer_3883 li.noimages a,
#menu-outer_3883 li.noimages a.menu-active,
#menu-outer_3883 li.noimages a:hover {margin:0 1px;} /*Navigation Buttons 'Prev', 'Pause', 'Next' */

/* TextBar Title/Text/BackgroundText */
.aspss-textbar_3883 {width:100%;margin:0;padding-bottom:12px;right:0;bottom:0;left:0;
/* background:url(/DesktopModules/ASPSlideShow/Templates/Crystal_gray/textbar.png); */
position:absolute;} /* Padding => Space between Text and NavigationBar */
.aspss-textbar_3883 .textbar_3883 {padding:4px 8px 2px 8px;}
.aspss-textbar_3883 .textbar_3883 .bar-title {font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;font-size:14px;color:#f2f4f4;line-height:26px;margin:0;padding:0;} /* Title (No Link) Font/Color */
.aspss-textbar_3883 .textbar_3883 .bar-title a {font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;font-size:26px;color:#808080;margin:0;padding:0;} /* Title Font/Color */
.aspss-textbar_3883 .textbar_3883 .bar-title a:hover {font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;font-size:26px;color:#808080;margin:0;padding:0;} /* Title Hover Font/Color */
.aspss-textbar_3883 .textbar_3883 .bar-tagline {display:none;}
.aspss-textbar_3883 .textbar_3883 .bar-text {font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;font-size:11px;color:#808080;margin:4px 0 15px 2px;padding:0;} /* Text */
.aspss-textbar_3883 .textbar_3883 a.readon {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:11px;color:#808080;margin:0;padding:0 2px;top:-4px;left:2px;text-decoration:none;position:relative;display:inline;}  /* More... Button */
.aspss-textbar_3883 .textbar_3883 a.readon:hover {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:11px;color:#808080;margin:0;padding:0 1px;top:-4px;left:2px;text-decoration:none;border-right: solid 1px #808080;border-left: solid 1px #808080;position:relative;display:inline;} /* More... Button Hover */

/* Background Text (if applicable) */
.aspss-backgroundtext_3883 {font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;font-size:20px;font-weight:normal;color:#232323;width:733px;height:257px;margin:0px;padding:10px;text-decoration:none;cursor:default;}/* Background Text (if applicable) */

/* Generic Styling */
a:active,a:focus {outline:0;}
#aspss-panel_3883 img {border:none;}
.aspss-textbar_3883 .textbar_3883 img,
.aspss-textbar_3883 .textbar_3883 .bar-text img {display:none;}
.aspss-clr {line-height:0;height:0;clear:both;}
