/* ----------------------------------------------------
   created with http://www.codeandweb.com/texturepacker 
   ----------------------------------------------------
   $TexturePacker:SmartUpdate:77dfd0dc6bac6fafa9ca36b478d251a6:d80721ec95aa91cf5bc69f9ad45ea8dd:c9e01d5ad78c1b8c7b054d5d34373ecf$
   ----------------------------------------------------

   usage: <span class="{-spritename-} sprite"></span>

   replace {-spritename-} with the sprite you like to use

*/

.sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(ui-sprites.png);}

.ui_btn_close {width:26px; height:26px; background-position: -42px -214px}
.ui_btn_collapse {width:38px; height:20px; background-position: -2px -214px}
.ui_btn_nav {width:10px; height:19px; background-position: -84px -102px}
.ui_btn_zoom {width:25px; height:25px; background-position: -183px -125px}
.ui_footnote_icon {width:41px; height:41px; background-position: -183px -82px}
.ui_icon_correct {width:86px; height:78px; background-position: -100px -2px}
.ui_icon_hint {width:80px; height:110px; background-position: -2px -102px}
.ui_icon_intro {width:69px; height:77px; background-position: -84px -166px}
.ui_icon_stem {width:96px; height:98px; background-position: -2px -2px}
.ui_icon_stemB {width:81px; height:82px; background-position: -100px -82px}
.ui_icon_wrong {width:73px; height:73px; background-position: -155px -166px}
.ui_location_arrow {width:16px; height:5px; background-position: -2px -236px}
.ui_showcase_nav {width:35px; height:67px; background-position: -188px -2px; margin:auto}
.ui_img_invert {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}