/*
	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 */
#slider1,#slidertest,#slidertest1,#slidertest2,#slidertest3,#slidertest4,#slidertest5 {
	/*width: 700px;*/
	height: 300px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

#slider3{
	/*width: 300px;
	height: 248px;*/
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}


#slider4{
	/*width: 300px;
	height: 248px;*/
	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 {
	border-top: 0px solid #777;
	border-bottom: 0px solid #777;
}
/* Navigation buttons, default state */
div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
}
/**** Active State (slider has keyboard focus) ****/
/* slider window - top & bottom borders, active state */
div.anythingSlider.activeSlider .anythingWindow {
	border-color: #7C9127;
}
/* Navigation buttons, active state */
div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	display: block;
	margin: 0 auto;
	overflow: visible !important; /* needed for Opera and Safari */
	position: relative;
	padding: 0;

}
*html div.anythingSlider {display: inline;}
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
/* 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;
	margin: 0;
}
.anythingBase .panel.vertical {
	float: none;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	bottom: 2px;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	display: block;
	height: 25px;
	margin: 0; /* half height of image */
	width: 25px;
	text-align: center;
	outline: 0;
	background: url(../images/icons.png) no-repeat;
}
/* hide text, target the span so IE7 doesn't text-indent the link */
div.anythingSlider .arrow a span { display: block; visibility: hidden; }
/* back arrow */
div.anythingSlider .back { right:1px; }
div.anythingSlider .back a { background-position: -75px 3px; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -75px -23px; }
div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/* forward arrow */
div.anythingSlider .forward { right: 24px; }
div.anythingSlider .forward a { background-position: -52px 3px; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: -52px -23px; }
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; position:absolute; height:20px; bottom:6px; right:49px; padding:0;}
div.anythingSlider .anythingControls ul { margin: 0 0 0 4px; padding: 0; float:left; }
div.anythingSlider .anythingControls ul li { display: inline; position: static; opacity: 1; }
div.anythingSlider .anythingControls ul a {
	font:normal 11px Arial;
	display: inline-block;
	text-decoration: none;
	height: 14px; width:15px;
	padding:1px 0 0 0;
	margin:0;
	background: url(../images/icons.png) no-repeat -32px -3px;
	text-align: center;
	outline: 0; color:#000; text-indent:-1000px; overflow:hidden;
	/*border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;*/
}
div.anythingSlider .anythingControls ul a:hover {
}
div.anythingSlider .anythingControls ul a.cur {
	color:#24a5c5;
	background: url(../images/icons.png) no-repeat -6px -3px;
}
/* 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 {
	width:0; height:0;
	text-align: center;
	text-decoration: none;
	float: left;
	z-index: 100;
	outline: 0; text-indent:-1000px; overflow:hidden;
	background: url(../images/icos.png) no-repeat -2px -2px;
	
	/*border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;*/
}
/* start-stop button, active slider hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	background: url(../images/icos.png) no-repeat -2px -2px;
}
div.anythingSlider .start-stop:hover{
	background: url(../images/icos.png) no-repeat -19px -2px;
}
/* start-stop button, playing, default state */
div.anythingSlider .start-stop.playing {
	background: url(../images/icos.png) no-repeat -36px -2px;
}
div.anythingSlider .start-stop.playing:hover {background: url(../images/icos.png) no-repeat -53px -2px;}


/* 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;
}

/* #slider1,#slidertest,#slidertest1,#slidertest2,#slidertest3,#slidertest4,#slidertest5,#slidertest6{ background:#7f7f7f; background:-moz-linear-gradient(bottom,#4a4a4a,#7f7f7f); background:-webkit-linear-gradient(bottom,#4a4a4a,#7f7f7f);}
#slider1 li div{ width:280px; height:250px; float:left; color:#fff; padding:15px; line-height:20px; position:relative;}
#slider1 li img{ width:480px; height:100%; float:left;}
#slider1 h1{ font-size:18px; margin:0 0 10px 0; padding:0; text-transform:uppercase;}
#slider1 p{color:#fff; font-size:13px; margin:0; text-align:left;} */


#slidertest,#slidertest1,#slidertest2,#slidertest3,#slidertest4,#slidertest5,#slidertest6{ background:none;}
#slidertest li div,#slidertest1 li div,#slidertest2 li div,#slidertest3 li div,#slidertest4 li div,#slidertest5 li div,#slidertest6 li div{ width:470px; height:auto;min-height:150px; float:left; color:#fff; padding:0px 10px 10px 10px; line-height:20px; position:relative;height:180px;overflow:hidden;}
#slidertest li img,#slidertest1 li img,#slidertest2 li img,#slidertest3 li img,#slidertest4 li img,#slidertest5 li img,#slidertest6 li img{ width:300px; height:auto; float:left;}
#slidertest h1,#slidertest1 h1,#slidertest2 h1,#slidertest3 h1,#slidertest4 h1,#slidertest5 h1,#slidertest6 h1{ font-size:18px; margin:0 0 10px 0; padding:0; text-transform:uppercase;}
#slidertest p,#slidertest1 p,#slidertest2 p,#slidertest3 p,#slidertest4 p,#slidertest5 p,#slidertest6 p{ color:#4a4a4a; margin:0; text-align:left;margin:0px 0;padding: 0;font: 12px Arial,Helvetica,sans-serif;line-height: 1.6;text-align:justify;}



#spl_events .anythingSlider .arrow{ top: -24px; right:5px;	position: absolute;	display: block;}
#spl_events .anythingSlider .arrow a{
	display: block; height: 16px; margin: 0; /* half height of image */
	width: 16px; text-align: center; outline: 0; position:relative;
	/*background: url(../images/icons_1.png) no-repeat;*/ background:none;
}
#spl_events .anythingSlider .back a { background: url(../images/arrow-next.png) no-repeat; }
#spl_events .anythingSlider .forward{ background: url(../images/arrow-prev.png) no-repeat;  right: 35px; }
#spl_events .anythingSlider .anythingControls{ outline: 0; display: none; position:absolute; height:20px; top:-24px; right:49px; padding:5px 0 0 0; z-index:1000px;}
#spl_events .anythingSlider .start-stop{
	width:16px; height:16px; position:absolute; top:0px; left:15px; text-align: center;	text-decoration: none;
	float: left; outline: 0; text-indent:-1000px; overflow:hidden;
	background: url(../images/play.png) no-repeat;
}
#spl_events .anythingSlider .start-stop.playing{  background: url(../images/pause.png) no-repeat; }

.speednewsDiv {margin-bottom:30px;}
.speednewsDiv .anythingSlider .arrow { top: 88%; right:5px;	position: absolute;	display: block;background:#343434;bottom:-3px;box-shadow:1px 2px 1px rgba(0,0,0,0.3);}
.speednewsDiv .anythingSlider .arrow a {
	display: block; height: 31px; margin: 0; /* half height of image */
	width: 20px; text-align: center; outline: 0; position:relative;
    background:red;
	/*background: url(../images/icons_1.png) no-repeat;*/ background:none;
}
.speednewsDiv .anythingSlider .back a { background:url(../images/arrow-next.png) 5px 8px no-repeat; }
.speednewsDiv .anythingSlider .forward a{ background:url(../images/arrow-prev.png) 5px 8px no-repeat; }
.speednewsDiv .anythingSlider .forward {right:50px;}
.speednewsDiv .anythingSlider .forward a:hover,.speednewsDiv .anythingSlider .back a:hover,.speednewsDiv .anythingSlider .forward a:focus,.speednewsDiv .anythingSlider .back a:focus{background-position:5px 8px;}
.speednewsDiv .anythingSlider .anythingControls { outline: 0; display: none; position:absolute; height:32px;right:70px; padding:0px 0 0 0; z-index:1000;background:#343434;top:88%;width:calc(100% - 70px);box-shadow:1px 2px 1px rgba(0,0,0,0.3);}
.speednewsDiv .anythingSlider .start-stop {width: 25px;height: 32px;position: absolute;top: 0%;right: -45px;text-align: center;text-decoration: none;float: right;outline: 0;text-indent: -1000px;overflow: hidden;background:#343434 url(../images/play.png) 8px 8px no-repeat !important;box-shadow:1px 2px 1px rgba(0,0,0,0.3);}
.speednewsDiv  .start-stop.playing {background:#1E1E1E url(../images/pause.png) 8px 8px no-repeat !important; }
.speednewsDiv .anythingSlider .anythingControls ul {width:100%;margin:0px;}
.speednewsDiv .anythingSlider .anythingControls ul a {background:none;text-indent:0;color:#888;padding:8px 10px;font-size:14px;line-height:1;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.speednewsDiv .anythingControls ul a.cur{background:#0177C1 !important;color:#fff !important;}
.speednewsDiv .anythingSlider .anythingControls ul a:hover{background:#ddd;color:#333;}

#slider3{ background:#fff;}
#slider3 li div{ 
	position:absolute; bottom:0; height:40px; float:left; color:#fff; width:525px; padding:10px 150px 15px 15px;
	background:rgba(0,0,0,.45);}
#slider3 li img{ width:100%; height:250px; float:left;}
#slider3 h1{ font-size:14px; margin:0 0 5px 0; padding:0; text-transform:uppercase;}
#slider3 p{ color:#fff; font-size:11px; margin:0; padding:0;}



#slider4{ background:#fff;}
#slider4 li div{ 
	position:absolute; bottom:0; height:40px; float:left; color:#fff; width:525px; padding:10px 150px 15px 15px;
	background:rgba(0,0,0,.45);}
#slider4 li img{ width:100%; height:250px; float:left;}
#slider4 h1{ font-size:14px; margin:0 0 5px 0; padding:0; text-transform:uppercase;}
#slider4 p{ color:#fff; font-size:11px; margin:0; padding:0;}



#imgfader{ position:relative; width:464px; height:60px; overflow:hidden; }
#imgfader ul{ margin:0; padding:0;}
#imgfader li{ list-style:none; position:absolute; top:0; width:464px; height:60px;}
#imgfader li div{ position:absolute; bottom:0; background:rgba(0,0,0,0.75); color:#fff; width:100%;}
#imgfader li div img{ width:100%; height:100px;}
#imgfader li div h1{ margin:0; padding:8px 10px; font-size:14px;}
#imgfader li div p{ padding:0 10px 8px 10px;}

img[src*='livetv.gif']{ width:300px; height:62px;}


@media screen and (max-width:767px){
	.main_slider .anythingSlider{ margin: 25px 0; width: 100% !important; }
	.main_slider #slider1{ height: 450px;  }
}
@media screen and (min-width:767px) and (max-width:992px){
	.main_slider #slider1 img{ margin-bottom: 5px; }
}