/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

/*For Specific Slides*/
.textSlide                              { position:relative; top:-47px; padding:0px; background:#333;}/* position:relative; top:-49px;*/
.textSlide h3                           { font: 20px; color:#ff9900; padding:0px 10px; height:16px; width:280px; overflow:hidden;}
.textSlide h3 a,.textSlide h3 a:hover{color:#FF9900;}
.textSlide p							{padding:0px 10px; height:75px; overflow:hidden; padding-top:5px;}
.textSlide p.perma{text-align:right; height:auto;}
.textSlide h4                           { text-transform: uppercase; font: 15px; margin: 10px 0; }
.textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
.textSlide ul li                        { display: list-item; }
h2.slidetitle								{position:relative; top:-307px; height:34px; font-size:12px; font-weight:bold; overflow:hidden; padding:10px 10px 5px 10px; color:#fff; background: url(../../../Content/Images/bg.png) left top repeat-x;/* position:relative; top:-43px;*/}
#quoteSlide                             { padding: 5px; }
#quoteSlide blockquote                  { font: 12px; text-align: left; color: #fff; margin: 0 0 10px 0; }
#quoteSlide p.perma{text-align:right;}
p a.perma					{ text-align:left; color:#fff; font-weight:bold;}

.anythingSlider { width: 300px; height: 450px; position: relative; margin: 0 auto 0px; float:left; }
.anythingSlider .wrapper { width: 300px; overflow: hidden; height: 450px; margin:0px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0px; padding:0px; }
.anythingSlider ul li { background:#333; display: block; float: left; padding: 0; height: 460px; width: 300px; margin: 0; font-size:12px; color:#fff; }
.anythingSlider ul li img {width:300px; height:300px; border-bottom:4px solid #fff;}
.anythingSlider .arrow { display: block; height: 20px; width: 16px; text-indent: -9999px; cursor: pointer; }
.anythingSlider .forward { background: url(../../../Content/images/btn_rev.gif) no-repeat 0 0; position:absolute; top:428px; left:225px;}
.anythingSlider .back { background: url(../../../Content/images/btn_fwd.gif) no-repeat 0 0; position:absolute; top:428px; left:275px;}
.anythingSlider .forward:hover { background: url(../../../Content/images/btn_rev_on.gif) no-repeat 0 0; position:absolute; top:428px; left:225px;}
.anythingSlider .back:hover { background: url(../../../Content/images/btn_fwd_on.gif) no-repeat 0 0; position:absolute; top:428px; left:275px;}
.anythingSlider a,.anythingSlider a:hover{color:#fff;}
#thumbNav { position: relative; top: 427px; left:0px; text-align: left; padding-left:10px; width:200px;}
#thumbNav a  { color: black; font: 11px ; display: inline-block; padding: 2px 5px; height: 14px; margin: 0 5px 0 0; background: #ff9900 url(../../../Content/Images/cellshade.png) repeat-x; text-align: center; }
#thumbNav a:hover { background-image: none; font-weight:bold; }
#thumbNav a.cur { background: #e0a213; font-weight:bold;}

#start-stop { background: url(../../../Content/Images/btn_pause_play.gif) no-repeat; color:none; position: absolute; right:28px; top: 428px; height:20px; width:28px;} 
#start-stop.playing { background: url(../../../Content/Images/btn_play_pause.gif) no-repeat;position: absolute; right:28px; top: 428px; }
#start-stop:hover { background: url(../../../Content/Images/btn_pause_play.gif) no-repeat;position: absolute; right:28px; top: 428px; }

/* Prevents*/
.anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }