/* 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
520 width of the slideshow
350 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:
720

Simple calculations are possible:
670 : width of the slideshow + 150 pixel
-340 : width of the text bar - width of the slideshow - 150 pixel
*/

/* Slideshow Containers */
/*
#aspss-outer-panel_3711 {width:720px;height:350px;margin:0;padding:0;border:0;background:#4682b4;} /* Frame / Background Color */
#aspss-panel_3711 {width:720px;margin:0;padding:0;position:relative;}
#aspss-slider_3711 {width:[%Width];height:[%Height%]px;background:none;overflow:hidden;}
*/
#aspss-outer-panel_3711 {width:720px;height:350px;margin:0;padding:0;border:0;background:#4682b4;} /* Frame / Background Color */
#aspss-panel_3711 {width:720px;margin:0;padding:0;position:relative;}
#aspss-slider_3711 {width:[%Width];height:[%Height%]px;background:none;overflow:hidden;}

/* Slideshow Area */
.slide {width:720px;left:0;position:absolute;} 
#slide-wrapper_3711 {font-size:11px;width:520px;height:350px;text-align:left;display:none;}
#slide-loader_3711 {width:520px;height:350px;margin-left:200px;text-align:center;background:#4682b4 url(/DesktopModules/ASPSlideShow/Templates/Splitter_blue_steelblue/preloader.gif) no-repeat center;} /* Slide Preloader/Background Color */
#slide-outer_3711 {height:350px;}
#slide-outer_3711 .slide-inner {color:#fff;height:350px;margin:0;background:#4682b4;position:relative;overflow:hidden;} /* Slide Area (Background Color) */
#slide-outer_3711 .slide-inner a.ass_img {margin:0 0 0 200px;padding:10px;border-left:0px solid #333;overflow:hidden;display:block;} /* Padding / Vertical Separating Line (border-left:0px ->not visible) */
#slide-outer_3711 .slide-inner a.ass_img span {height:330px;margin:0 0;position:relative;overflow:hidden;display:block;} /* Info! height: Height - 2*Padding (see previous line) */
#slide-outer_3711 .slide-inner a.ass_img  span span {margin:0;}
#slide-outer_3711 .slide-inner a.ass_img span span span {background:none} 

/* Menu Buttons */
#menu-outer_3711 {width:200px;margin:8px 0 16px 0;padding:0;bottom:0;left:0;position:absolute;overflow:hidden;display:block;}
#menu-outer_3711 ul {margin:0;padding:0 10px;text-align:right;} 
#menu-outer_3711 li {margin:0;padding:0;background:none;display:inline;}
#menu-outer_3711 li a,#menu-outer_3711 li a:hover,#menu-outer_3711 li a.menu-active {line-height:40px;width:30px;height:30px;margin:2px;padding:0;text-decoration:none;background:#404040;float:left;overflow:hidden;display:block;} /* Button Size/ Button BackgroundColor */
#menu-outer_3711 li a {border:1px solid #aaa;} /* Button Frame */
#menu-outer_3711 li a:hover {border:1px solid #fff;} /* Button Frame Hover */
#menu-outer_3711 li a.menu-active {border:1px solid #fff;} /* Button Frame Active */
#menu-outer_3711 li a img,#menu-outer_3711 li a:hover img,#menu-outer_3711 li a.menu-active img {width:auto;height:30px;display:block;} /* Button-Image Size */
#menu-outer_3711 li a img {/*opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);*/} /* Button-Image Transparency */
#menu-outer_3711 li a:hover img {/*opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);*/} /* Button-Image Hover Transparency */
#menu-outer_3711 li a.menu-active img {/*opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);*/} /* Button-Image Active Transparency */
#menu-outer_3711 li a span.menu-img {}
#menu-outer_3711 li a span.menu-key {padding:0 2px;}
#menu-outer_3711 li a span.menu-title {display:none;}
#menu-outer_3711 li a span.menu-text {display:none;}
#menu-outer_3711 li a span.menu-clr {display:none;}
#menu-outer_3711 li.noimages {display:none;}

/* TextBar Title/Text/BackgroundText */
.aspss-textbar_3711 {width:200px;height:270px;margin:0;padding:0;top:0;left:0;background:#4682b4;position:absolute;overflow:hidden;} /* Text Bar (Background Color) */
.aspss-textbar_3711 .textbar_3711 {padding:10px 8px 4px 2px;}
.aspss-textbar_3711 .textbar_3711 .bar-title {font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:14px;color:#fff;line-height:22px;margin:0;padding:10px;font-weight: bold;} /* Title (No Link) Font/Color */
.aspss-textbar_3711 .textbar_3711 .bar-title a {font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:14px;color:#fff;font-weight: bold;} /* Title Font/Color */
.aspss-textbar_3711 .textbar_3711 .bar-title a:hover {font-family:Tahoma, Arial, Helvetica, sans-serif, sans-serif;font-size:14px;color:#fff;font-weight: bold;} /* Title Hover Font/Color */
.aspss-textbar_3711 .textbar_3711 .bar-tagline {font-size:11px;margin:0;padding:0;display:none;}
.aspss-textbar_3711 .textbar_3711 .bar-text {font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;font-size:13px;color:#fff;margin:0;padding:0 10px;line-height:20px !important;} /* Text */
.aspss-textbar_3711 .textbar_3711 a.readon {display:none;}
.aspss-textbar_3711 .textbar_3711 a.readon:hover {display:none;}

/* Background Text (if applicable) */
.aspss-backgroundtext_3711 {font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:20px;font-weight:normal;color:#fff;width:510px;height:350px;margin-left:200px;padding:10px;text-decoration:none;border-left:1px solid #7b7b7b;cursor:default;} /* Background Text (if applicable) */

/* Generic Styling */
a:active,a:focus {outline:0;}
#aspss-panel_3711 img {border:none;}
.aspss-textbar_3711 .textbar_3711 img,
.aspss-textbar_3711 .textbar_3711 .bar-text img {display:none;} 
.aspss-clr {line-height:0;height:0;}
