/*Default Settings - Web Browsers  - Start */
     /* prev, next, prevPage and nextPage buttons */
        a.browse {
                background:url(http://a.dolimg.com/en-US/disneymobile/media/property/soundboard/nav-arrows.png) no-repeat;
                display:block;
                width:30px;
                height:30px;
                float:left;
                margin:10px;
                cursor:pointer;
                font-size:1px;
        }

        /* right */
        a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
        a.right:hover 		{ background-position:-30px -30px; }
        a.right:active 		{ background-position:-60px -30px; }


        /* left */
        a.left				{ margin-left: 0px; }
        a.left:hover  		{ background-position:-30px 0; }
        a.left:active  	    	{ background-position:-60px 0; }

        /* up and down */
        a.up, a.down		{
                background:url(images/vert_large.png) no-repeat;
                float: none;
                margin: 10px 40px;
        }

        /* up */
        a.up:hover  		{ background-position:-30px 0; }
        a.up:active  		{ background-position:-60px 0; }

        /* down */
        a.down 			{ background-position: 0 -30px; }
        a.down:hover  		{ background-position:-30px -30px; }
        a.down:active  		{ background-position:-60px -30px; }


        /* disabled navigational button */
        a.disabled {
                visibility:hidden !important;
        }
/*Default Settings - Web Browsers  - End  */

/* default for mobile devices  Start*/
        @media all and (max-width:480px) {

           /* prev, next, prevPage and nextPage buttons */
            a.browse {
                    background:url(http://a.dolimg.com/en-US/disneymobile/media/property/soundboard/nav-arrows-mobile.png) no-repeat;
                    display:block;
                    width:24px;
                    height:24px;
                    float:left;
                    margin:10px;
                    cursor:pointer;
                    font-size:1px;
            }

                /* right */
                a.right 				{ background-position: 0 -24px; clear:right; margin-right: 0px;}
                a.right:hover 		{ background-position:-24px -24px; }
                a.right:active 	        { background-position:-48px -24px; }


                /* left */
                a.left				{ margin-left: 0px; }
                a.left:hover  		{ background-position:-24px 0; }
                a.left:active  	        { background-position:-48px 0; }

                /* up and down */
                a.up, a.down		{
                        background:url(images/vert_large.png) no-repeat;
                        float: none;
                        margin: 10px 40px;
                }

                /* up */
                a.up:hover  		{ background-position:-24px 0; }
                a.up:active  		{ background-position:-48px 0; }

                /* down */
                a.down 			{ background-position: 0 -24px; }
                a.down:hover  		{ background-position:-24px -24px; }
                a.down:active  		{ background-position:-48px -24px; }


                /* disabled navigational button */
                a.disabled {
                        visibility:hidden !important;
                }

        }
/* default for mobile devices  End */

/* default for mobile devices  Start*/
        @media all and (max-width:480px) {

                       /* prev, next, prevPage and nextPage buttons */
            a.browse {
                    background:url(http://a.dolimg.com/en-US/disneymobile/media/property/soundboard/nav-arrows-mobile.png) no-repeat;
                    display:block;
                    width:24px;
                    height:24px;
                    float:left;
                    margin:10px;
                    cursor:pointer;
                    font-size:1px;
            }

                /* right */
                a.right 				{ background-position: 0 -24px; clear:right; margin-right: 0px;}
                a.right:hover 		{ background-position:-24px -24px; }
                a.right:active 	        { background-position:-48px -24px; }


                /* left */
                a.left				{ margin-left: 0px; }
                a.left:hover  		{ background-position:-24px 0; }
                a.left:active  	        { background-position:-48px 0; }

                /* up and down */
                a.up, a.down		{
                        background:url(images/vert_large.png) no-repeat;
                        float: none;
                        margin: 10px 40px;
                }

                /* up */
                a.up:hover  		{ background-position:-24px 0; }
                a.up:active  		{ background-position:-48px 0; }

                /* down */
                a.down 			{ background-position: 0 -24px; }
                a.down:hover  		{ background-position:-24px -24px; }
                a.down:active  		{ background-position:-48px -24px; }


                /* disabled navigational button */
                a.disabled {
                        visibility:hidden !important;
                }

        }
 /* default for mobile devices  End */

 /* Landscape for mobile devices  Start */
        @media all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

                       /* prev, next, prevPage and nextPage buttons */
            a.browse {
                    background:url(http://a.dolimg.com/en-US/disneymobile/media/property/soundboard/nav-arrows-mobile.png) no-repeat;
                    display:block;
                    width:24px;
                    height:24px;
                    float:left;
                    margin:10px;
                    cursor:pointer;
                    font-size:1px;
            }

                /* right */
                a.right 				{ background-position: 0 -24px; clear:right; margin-right: 0px;}
                a.right:hover 		{ background-position:-24px -24px; }
                a.right:active 	        { background-position:-48px -24px; }


                /* left */
                a.left				{ margin-left: 0px; }
                a.left:hover  		{ background-position:-24px 0; }
                a.left:active  	        { background-position:-48px 0; }

                /* up and down */
                a.up, a.down		{
                        background:url(images/vert_large.png) no-repeat;
                        float: none;
                        margin: 10px 40px;
                }

                /* up */
                a.up:hover  		{ background-position:-24px 0; }
                a.up:active  		{ background-position:-48px 0; }

                /* down */
                a.down 			{ background-position: 0 -24px; }
                a.down:hover  		{ background-position:-24px -24px; }
                a.down:active  		{ background-position:-48px -24px; }


                /* disabled navigational button */
                a.disabled {
                        visibility:hidden !important;
                }
        }
/* Landscape for mobile devices  End  */

/*Targeting Ipad Begin */
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

                        a.browse {
                        background:url(http://a.dolimg.com/en-US/disneymobile/media/property/soundboard/nav-arrows.png) no-repeat;
                        display:block;
                        width:30px;
                        height:30px;
                        float:left;
                        margin:10px;
                        cursor:pointer;
                        font-size:1px;
                }

                        /* right */
                        a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
                        a.right:hover 		{ background-position:-30px -30px; }
                        a.right:active 		{ background-position:-60px -30px; }


                        /* left */
                        a.left				{ margin-left: 0px; }
                        a.left:hover  		{ background-position:-30px 0; }
                        a.left:active  	    	{ background-position:-60px 0; }

                        /* up and down */
                        a.up, a.down		{
                                background:url(images/vert_large.png) no-repeat;
                                float: none;
                                margin: 10px 40px;
                        }

                        /* up */
                        a.up:hover  		{ background-position:-30px 0; }
                        a.up:active  		{ background-position:-60px 0; }

                        /* down */
                        a.down 			{ background-position: 0 -30px; }
                        a.down:hover  		{ background-position:-30px -30px; }
                        a.down:active  		{ background-position:-60px -30px; }


                        /* disabled navigational button */
                        a.disabled {
                                visibility:hidden !important;
                        }
        }
/*Targeting Ipad End  */