/*
    anythingSlider v1.0
    
    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/
*/


.anythingSlider                         { width: 940px; height: 528px; position: relative; margin: 0 auto 15px 10px; background: #000; float: left; }
.anythingSlider .wrapper                { width: 940px; overflow: auto; height: 528px; margin: 0; position: absolute; top: 0; left: 0; }




.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 528px; width: 940px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 155px; width: 155px; background: url(http://www.clymermd.com/templates/_functions/images/arrows2.png) no-repeat 0 0; _background: url(http://www.clymermd.com/templates/_functions/images/arrows_ie.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 189px; cursor: pointer; 	opacity: .95; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
 }
.anythingSlider .forward                { background-position: 0 0; right: 0; }
.anythingSlider .back                   { background-position: -155px 0; left: 0; }
.anythingSlider .forward:hover          { background-position: 0 -155px; }
.anythingSlider .back:hover             { background-position: -155px -155px; }

#thumbNav                               { position: relative; top: 323px; text-align: center;}
#thumbNav a                             { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(http://www.clymermd.com/templates/_functions/images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { display: none; background: green; background-image: url(http://www.clymermd.com/templates/_functions/images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  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; }
.anythingSlider .wrapper a 				{ text-decoration: none; color: #fff; width: 940px; height: 528px; display: block;}


/*
    For Specific Slides
*/
#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }

.anythingSlider .wrapper img {
z-index: 2;
position: 0 0;
float: left;
}

.anythingSlider .wrapper li span {
z-index: 3;
color: #fff;
position: absolute;
top: 505px;
margin: 0 0 0 5px;
padding: 0;
text-transform: uppercase;
width: 940px;
font: bold 10px Palatino, Palatino Linotype, Book Antiqua, serif;
float: left;
display: block;
letter-spacing: 1px;
}





.anythingSlider .wrapper .emma-signup {
z-index: 4;
position: absolute;
top: 75px;
text-transform: uppercase;
font: bold 16px/18px Palatino, Palatino Linotype, Book Antiqua, serif;
margin: 0 0 0 489px;
width: 350px;
float: left;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
.anythingSlider .wrapper .emma-signup {
z-index: 4;
position: relative;
top: 75px;
text-transform: uppercase;
font: bold 16px/18px Palatino, Palatino Linotype, Book Antiqua, serif;
margin: 0 0 0 489px;
width: 350px;
}

}



.anythingSlider .wrapper .emma-signup .submit {
width: 65px;
margin: 10px 0 0 0;
border: 0;
}



.anythingSlider .slide_1 { background: url(http://www.clymermd.com/phpthumb/phpThumb.php?src=/images/uploads/rotating_feature/intro-dr-clymer1.jpg&w=940&h=528&zc=C&fltr[]=wmi|/images/uploads/structure/slide-wmi5.png|B|100|0|0) no-repeat 0 0;}

.anythingSlider .slide_2 { background: url(http://www.clymermd.com/phpthumb/phpThumb.php?src=/images/uploads/rotating_feature/christine-i-get-it.jpg&w=940&h=528&zc=C&fltr[]=wmi|/images/uploads/structure/slide-wmi5.png|B|100|0|0) no-repeat 0 0;}

.anythingSlider .slide_3 { background: url(http://www.clymermd.com/phpthumb/phpThumb.php?src=/images/uploads/rotating_feature/gayle-education.jpg&w=940&h=528&zc=C&fltr[]=wmi|/images/uploads/structure/slide-wmi5.png|B|100|0|0) no-repeat 0 0;}

.anythingSlider .slide_4 { background: url(http://www.clymermd.com/phpthumb/phpThumb.php?src=/images/uploads/rotating_feature/homepage-newsletter-slide_1.jpg&w=940&h=528&zc=C) no-repeat 0 0;}



.anythingSlider .wrapper .span_1, .anythingSlider .wrapper .span_2, .anythingSlider .wrapper .span_3, .anythingSlider .wrapper .span_4, .anythingSlider .wrapper .span_5, .anythingSlider .wrapper .span_6 {
z-index: 3;
position: relative;
top: 505px;
margin: 0 0 0 5px;
padding: 0;
text-transform: uppercase;
}

.anythingSlider .wrapper .span_html {
}

.anythingSlider .wrapper .emma-signup-span em {
font-style: italic;
font-weight: normal;
}

.anythingSlider .wrapper .emma-signup-span {
z-index: 5;
position: relative;
*position: absolute;
margin: 0 0 0 5px;
text-transform: uppercase;
font: bold 11px Palatino, Palatino Linotype, Book Antiqua, serif;
top: 505px;
color: #fff;
}

.emma-signup .newsletter-form {
color: #c0a05b;
font-size: 10px;
font: normal 12px/18px Lucida Grande, Lucida,  sans-serif;
text-transform: none;
}

.emma-signup .newsletter-form .contact_inputs {
width: 120px;
margin: 0 10px 0 0;
float: left;
color: #fff;
}

.emma-signup .newsletter-form .contact_inputs input {
width: 120px;
float: left;
background: none;
border: 0;
padding: 3px 3px 1px 3px;
border: 1px solid #c0a05b;
color: #fff;
text-transform: uppercase;
margin: 10px 0 0 0;
letter-spacing:2px;
}

.emma-signup .newsletter-form .email_inputs {
width: 255px;
float: left;
}

.emma-signup .newsletter-form .email_inputs input {
width: 255px;
float: left;
background: none;
padding: 3px 3px 1px 3px;
border: 1px solid #c0a05b;
color: #fff;
text-transform: uppercase;
margin: 10px 0 0 0;
letter-spacing:2px;
}


.emma-signup .newsletter-form .email_inputs label, .emma-signup .newsletter-form .contact_inputs label {
clear: both;
width: 120px;
font: bold 11px/14px Palatino, Palatino Linotype, Book Antiqua, serif;
color: #000;

}

.emma-signup .bg-contact {
border-left: 1px solid #000;
}

.emma-signup .black-bar-top {
display: block;
width: 100%;
height: 16px;
background: url(/templates/_functions/images/black-bar.gif) repeat-x;
margin: 0 0 0 0;
}

.emma-signup .black-bar-bottom {
display: block;
width: 100%;
height: 16px;
background-color: #000;
margin: 10px 0 0 0;
}


.emma-signup h4 {
	font: normal 17px/22px Palatino, Palatino Linotype, Book Antiqua, serif;
	margin: 25px 0 0 15px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
}


