
/* - ++theme++plan.ninewebtheme/static/core/css/slider.css - */
@media screen {
/* http://plan-international.org/portal_css/++theme++plan.ninewebtheme/static/core/css/slider.css?original=1 */
.anythingSlider                         { width: 570px; height: 402px; position: relative; margin: 0 0 20px 0;}
.anythingSlider .wrapper                { width: 570px; overflow: auto; height: 380px; margin: 0; position: absolute; top: 0; left: 0; }
div#content .anythingSlider .wrapper ul { width: 15000px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
div#content .anythingSlider ul li       { display: block; float: left; padding: 0; height: 380px; width: 570px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 22px; width: 16px; text-indent: -9999px; position: absolute; top: 320px; cursor: pointer; }
.anythingSlider .forward                { background:url(/++theme++plan.ninewebtheme/static/core/css/++resource++plan.plonetheme.images/assets/slider-scroll-right.png) no-repeat center center; right: 259px; }
.anythingSlider .back                   { background:url(/++theme++plan.ninewebtheme/static/core/css/++resource++plan.plonetheme.images/assets/slider-scroll-left.png) no-repeat center center; left: 259px; }
#thumbNav                               { position: relative; top: 380px; text-align: left; }
#thumbNav a                             { display: inline-block; padding: 3px 8px 1px 8px; height: 18px; margin: 0 2px 0 0; background: #e1e1e1; text-align: center; border:1px solid #e1e1e1; border-top:none;}
#thumbNav a.cur                         { background: #fff; color: #484848; }
#start-stop                             { background-position:95px 6px; background-repeat:no-repeat; background-image:url(/++theme++plan.ninewebtheme/static/core/css/++resource++plan.plonetheme.images/assets/slider-start.png); color: #007CC3; text-decoration:none; padding: 2px 15px 2px 0px; width: 90px; text-align: left; position: absolute; right: 0px; top: 380px; height:18px;}
#start-stop.playing                     { background-image:url(/++theme++plan.ninewebtheme/static/core/css/++resource++plan.plonetheme.images/assets/slider-stop.png);}
/* */
div#content .anythingSlider ul li {position:relative;}
div#content .anythingSlider ul li img {position:absolute; top:0px; left:0px;}
div#content .anythingSlider ul li p {position:absolute; bottom:0px; left:0px; right:0px; text-align:center; margin:0;}
div#content .anythingSlider ul li p span { display: block; padding:4px 10px 4px 10px; background:#fff; opacity:0.8;}
/* */
body.co .anythingSlider                         { width: 520px; height: 339px; }
body.co .anythingSlider .wrapper                { width: 520px; overflow: auto; height: 317px; margin: 0; position: absolute; top: 0; left: 0; }
body.co div#content .anythingSlider .wrapper ul { width: 15000px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
body.co div#content .anythingSlider ul li       { height: 317px; width: 520px; margin: 0; }
body.co .anythingSlider .arrow                  { top: 230px; }
body.co #thumbNav                               { position: relative; top: 317px; text-align: left; }
body.co #start-stop                             { right: 0px; top: 317px; }
/* */
body.co .anythingSlider .forward                { right: 239px; }
body.co .anythingSlider .back                   { left: 239px; }
/* */
body.ro .anythingSlider                         { width: 520px; height: 339px; }
body.ro .anythingSlider .wrapper                { width: 520px; overflow: auto; height: 317px; margin: 0; position: absolute; top: 0; left: 0; }
body.ro div#content .anythingSlider .wrapper ul { width: 15000px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
body.ro div#content .anythingSlider ul li       { height: 317px; width: 520px; margin: 0; }
body.ro .anythingSlider .arrow                  { top: 230px; }
body.ro #thumbNav                               { position: relative; top: 317px; text-align: left; }
body.ro #start-stop                             { right: 0px; top: 317px; }
/* */
body.ro .anythingSlider .forward                { right: 239px; }
body.ro .anythingSlider .back                   { left: 239px; }

}

