/* 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
740 width of the slideshow
200 height of the slideshow
200 width of the text bar (only when vertical) 
200 width of individual menu items
50 height of individual menu items

Individual tokens can be combined:
940

Simple calculations are possible:
890 : width of the slideshow + 150 pixel
-560 : width of the text bar - width of the slideshow - 150 pixel
*/

/* Slideshow Containers */
#aspss-outer-panel_420 {width:740px;margin:0;padding:0;border:0;overflow:hidden;} /* Frame */
#aspss-panel_420 {width:740px;margin:0;padding:0;position:relative;clear:both;}
#aspss-slider_420 {width:740px;height:200px;text-align:left;background:none;clear:both;overflow:hidden;} 
#slide-loader_420 {width:740px;height:200px;text-align:center;background:#696969 url(/DesktopModules/ASPSlideShow/Templates/Sample_Flags/preloader.gif) no-repeat center;} /* Slide Preloader/Background Color */
#slide-wrapper_420 {width:740px;height:200px;display:none;}
#slide-wrapper_420 #slide-outer_420 {height:200px;background:#696969;} /* Transition Color */
#slide-wrapper_420 #slide-outer_420 .slide {width:740px;height:200px;right:0;position:absolute;overflow:hidden;}
#slide-wrapper_420 #slide-outer_420 .slide .slide-inner {height:200px;z-index:8;margin:0;text-align:left;background:#696969;position:relative;overflow:hidden;} /* Slide Background Color */
#slide-wrapper_420 #slide-outer_420 .slide .slide-inner a.ass_img span span span {background:none;}

/* Menu Buttons */
#menu-outer_420 {color:#696969;height:28px;margin:0;padding:0;border-top:1px solid #ababab;background:url(/DesktopModules/ASPSlideShow/Templates/Sample_Flags/navbar.png) repeat;clear:both;overflow:auto;} /* Navigation Bar (Background) Image */
#menu-outer_420 ul {margin:2px 0;padding:0 4px;text-align:right;}
#menu-outer_420 li {margin:0;padding:0;background:none;display:inline;}
#menu-outer_420 li a,#menu-outer_420 li a:hover,#menu-outer_420 li a.menu-active {line-height:22px;width:30px;height:22px;margin:0 2px 0 0;padding:0;text-decoration:none;background:#404040;float:left;overflow:hidden;display:block;} /* Button Size/BackgroundColor */
#menu-outer_420 li a {border:1px solid #aaa;} /* Button Frame */
#menu-outer_420 li a:hover,
#menu-outer_420 li a.menu-active {border:1px solid #fff;} /* Button Frame Active */
#menu-outer_420 li a img {/* opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60); */ width:50px;height:auto;margin-top:0px;margin-left:-20px;} /* Button-Image Size And Transparency */
#menu-outer_420 li a:hover img {/* opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100); */ width:50px;height:auto;margin-top:0px;margin-left:-20px;} /* Button-Image Hover Size And Transparency */
#menu-outer_420 li a.menu-active img {/* opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100); */ width:50px;height:auto;margin-top:0px;margin-left:-20px;}/* Button-Image Active Size And Transparency */
#menu-outer_420 li a span.menu-img {}
#menu-outer_420 li a span.menu-key {display:none;}
#menu-outer_420 li a span.menu-title {display:none;}
#menu-outer_420 li a span.menu-text {display:none;}
#menu-outer_420 li a span.menu-clr {display:none;}
#menu-outer_420 li.noimages {margin:0;padding:0;}
#menu-outer_420 li.noimages a {font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;font-size:13px;color:#a6a6a6;line-height:18px;width:12px;height:18px;margin:4px 0 0 0;padding:0;text-align:center;border:none;background:none;float:right;display:block;} /* Navigation Play Button */
#menu-outer_420 li.noimages a:hover {font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;font-size:13px;color:#fff;line-height:18px;width:12px;height:18px;margin:4px 0 0 0;padding:0;text-align:center;border:none;background:none;float:right;display:block;} /* Navigation Play Button Hover */
#menu-outer_420 li.noimages a#aspss-panel_420_prev {background:url(/DesktopModules/ASPSlideShow/Templates/Sample_Flags/prev.gif) no-repeat 50% 50%;} /* Navigation Previous Button */
#menu-outer_420 li.noimages a:hover#aspss-panel_420_prev {background:url(/DesktopModules/ASPSlideShow/Templates/Sample_Flags/prev-hover.gif) no-repeat 50% 50%;} /* Navigation Previous Button Hover */
#menu-outer_420 li.noimages a#aspss-panel_420_playButton {width:40px;background:none;} /* Navigation Play Button */
#menu-outer_420 li.noimages a#aspss-panel_420_next {background:url(/DesktopModules/ASPSlideShow/Templates/Sample_Flags/next.gif) no-repeat 50% 50%;} /* Navigation Next Button */
#menu-outer_420 li.noimages a:hover#aspss-panel_420_next {background:url(/DesktopModules/ASPSlideShow/Templates/Sample_Flags/next-hover.gif) no-repeat 50% 50%;} /* Navigation Next Button Hover */
#menu-outer_420 li.clr {clear:both;}

/* TextBar Title/Text/BackgroundText */
.aspss-textbar_420 {width:200px;height:100%;margin:0;padding:0;right:0;bottom:0;left:20px;background:url(/DesktopModules/ASPSlideShow/Templates/Sample_Flags/textbar.png);position:absolute;}
.aspss-textbar_420 .textbar_420 {padding:4px 8px;}
.aspss-textbar_420 .textbar_420 .bar-title {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:24px;color:#fff;line-height:20px;margin-top:5px;padding:0;}	/* Title (No Link) Font/Color */
.aspss-textbar_420 .textbar_420 .bar-title a {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:24px;color:#fff;margin:0;padding:0;} /* Title Font/Color */
.aspss-textbar_420 .textbar_420 .bar-title a:hover {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:24px;color:#fff;margin:0;padding:0;} /* Title Hover Font/Color */
.aspss-textbar_420 .textbar_420 .bar-tagline {display:none;}
.aspss-textbar_420 .textbar_420 .bar-text {font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;font-size:11px;color:#fff;margin:0;padding:5px;}
.aspss-textbar_420 .textbar_420 .bar-text a {font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;font-size:11px;color:#ddd;margin:0;padding:5px;}
.aspss-textbar_420 .textbar_420 a.readon {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:11px;color:#fff;margin:0;padding:0;}
.aspss-textbar_420 .textbar_420 a.readon:hover {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:11px;color:#fff;margin:0;padding:0;}

/* Background Text (if applicable) */
.aspss-backgroundtext_420 {font-family:"Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;font-size:20px;font-weight:normal;color:#fff;width:730px;height:200px;margin:0;padding:10px;text-decoration:none;cursor:default;} /* Background Text (if applicable) */


/* Generic Styling */
a:active,a:focus {outline:0;}
#aspss-panel_420 img {border:none;}
.aspss-textbar_420 .textbar_420 img,
.aspss-textbar_420 .textbar_420 p img {display:none;} 
.aspss-clr {line-height:0;height:0;clear:both;}

