/* 
AnythingSlider v1.7+ Default (base) theme 
By Chris Coyier: http://css-tricks.com 
with major improvements by Doug Neiner: http://pixelgraphics.us/ 
based on work by Remy Sharp: http://jqueryfordesigners.com/ 
*/ 

/***************************** 
SET DEFAULT DIMENSIONS HERE 
*****************************/ 
/* change the ID to match your slider */ 
#slider { 
width: 925px; 
height: 324px; 
list-style: none; 
/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */ 
overflow-y: auto; 
overflow-x: hidden; 
} 


/***************** 
SET COLORS HERE 
*****************/ 
/**** Default state (no keyboard focus) ****/ 
/* slider window - top & bottom borders, default state */ 
div.anythingSlider .anythingWindow { 
} 

/* Navigation buttons, default state */ 
div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a { 
background: #FFF; 
color: #000; 
} 
/* start-stop button, stopped, default state */ 
div.anythingSlider .start-stop { 
background-color: #efefef; 
color: #ccc; 
} 
/* start-stop button, playing, default state */ 
div.anythingSlider .start-stop.playing { 
background-color: #800; 
} 
/* start-stop button, default hovered text color (when visible) */ 
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { 
color: #ddd; 
} 

/**** Active State (slider has keyboard focus) ****/ 
/* slider window - top & bottom borders, active state */ 
div.anythingSlider.activeSlider .anythingWindow { 
border-color: #cc0000; 
} 
/* Navigation buttons, active state */ 
div.anythingSlider.activeSlider .anythingControls ul a { 
background-color: #000; 
} 
/* Navigation buttons, Active button */ 
div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a.cur { 
background: #00AEEF; 
} 
/* start-stop button, stopped, active state */ 
div.anythingSlider .start-stop { 
background-color: #080; 
color: #fff; 
} 
/* start-stop button, playing, active state */ 
div.anythingSlider .start-stop.playing { 
background-color: #d00; 
} 
/* start-stop button, active slider hovered text color (when visible) */ 
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { 
color: #fff; 
} 

/*********************** 
COMMON SLIDER STYLING 
***********************/ 
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */ 
div.anythingSlider { 
display: block; 
margin: 0 auto 20px; 
overflow: visible !important; /* needed for Opera and Safari */ 
position: relative; 
padding: 80 45px 0 45px; 
} 
/* anythingSlider viewport window */ 
div.anythingSlider .anythingWindow { 
overflow: hidden; 
position: relative; 
width: 100%; 
height: 100%; 
} 
/* anythingSlider base (original element) */ 
.anythingBase { 
background: transparent; 
list-style: none; 
position: absolute; 
overflow: visible !important; 
top: 0; 
left: 0; 
margin: 0; 
padding: 0; 
} 
/* all panels inside the slider */ 
.anythingBase .panel { 
background: transparent; 
display: block; 
overflow: hidden; 
float: left; 
padding: 0; 
} 
.anythingBase .panel.vertical { 
float: none; 
} 

/* Navigation Arrows */ 
div.anythingSlider .arrow { 
display: none; 
} 
div.anythingSlider .arrow a { 
display: none; 
} 
/* hide text, target the span so IE7 doesn't text-indent the link */ 
div.anythingSlider .arrow a span { display: none; visibility: hidden; } 
/* back arrow */ 
div.anythingSlider .back { left: 0; } 
div.anythingSlider .back a { background-position: left top; } 
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left -100px; } 
div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ 
/* forward arrow */ 
div.anythingSlider .forward { right: 0; } 
div.anythingSlider .forward a { background-position: right top; } 
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right -100px; } 
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ 

/* Navigation Links */ 
div.anythingSlider .anythingControls { outline: 0; display: none; } 
div.anythingSlider .anythingControls ul { padding: 0; position: absolute ; 
bottom: -5px; right: 30px;} 
div.anythingSlider .anythingControls ul li { display: inline; } 
div.anythingSlider .anythingControls ul a { 
font-size: 0px; 
display: inline-block; 
text-decoration: none; 
padding: 2px 4px; 
height: 5px; 
width: 20px; 
margin: 0 4px 0 0; 
background-color:#000; 
/*background-image: url("bg-slider-buttons.png"); 
background-position: center -200px ; 
background-repeat: repeat-x;*/ 
text-align: center; 
outline: 0; 
opacity: 0.2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); 
} 
/* active state */ 
div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a.cur { 
background-color: #00AEEF; opacity: 0.65; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); 
} 
div.anythingSlider .anythingControls ul a:hover { 
background-image: none; background-color:#00AEEF; opacity: 1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); 
} 
/* Navigation size window */ 
div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; } 

/* slider autoplay right-to-left, reverse order of nav links to look better */ 
div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */ 
div.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */ 
div.anythingSlider.rtl .anythingWindow { 
direction: ltr; 
unicode-bidi: bidi-override; 
} 
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */ 

/* Autoplay Start/Stop button */ 
div.anythingSlider .start-stop { 
display: none; 
} 
/* hide cell shading on hover - makes the button appear to come forward */ 
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; } 

/* probably not necessary, but added just in case */ 
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop { 
transition-duration: 0; 
-o-transition-duration: 0; 
-moz-transition-duration: 0; 
-webkit-transition-duration: 0; 
}