/* OVERALL REMOTE STRUCTURE */ #remote { background: #5c5c5c url(/images/remote/remote-bg.png) top center repeat-x; position: absolute; top: 0px; right: 0px; width: 211px; height: 157px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding-bottom: 2px; overflow: hidden; -webkit-transition:-webkit-box-shadow 0.5s ease-in-out; -moz-transition:-moz-box-shadow: 0.5s ease-in-out; -o-transition:-o-box-shadow: 0.5s ease-in-out; -transition:box-shadow 0.5s ease-in-out; z-index: 10000; } .quiet { border: 1px solid #7F7F7F; -moz-box-shadow: rgba(0,0,0,1.0) 0px 4px 10px; /* FF3.5+ */ -webkit-box-shadow: rgba(0,0,0,1.0) 0px 4px 10px; /* Saf3.0+, Chrome */ box-shadow: rgba(0,0,0,1.0) 0px 4px 10px; /* Opera 10.5, IE 9.0 */ } .alert { border: 1px solid #33ccff; -moz-box-shadow: rgba(51,204,255,0.7) 0px 6px 27px; -webkit-box-shadow: rgba(51,204,255,0.7) 0px 6px 27px; box-shadow: rgba(51,204,255,0.7) 0px 6px 27px; } #remote-loader {position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -12px; display: none;} /* Default Type & Form Styling */ #remote input, #remote select {font-family: Helvetica, Arial, sans-serif; font-size: 10px; border: 0px; } #remote a {font-weight: normal; color: #33ccff; text-transform: capitalize; text-decoration: none !important;} #remote a:focus {outline: 0;} #remote a:hover {color: #fff;} /* REMOTE TOP & its toggle nav */ #remote-top {background: url(/images/remote/remote-top-bg.png) top left no-repeat; height: 16px; position: relative;} #menu-toggle {margin: 0; padding: 0; position: absolute; top: 0px; right: 8px;} #menu-toggle li {margin: 0; padding: 0; list-style: none; display: inline; float: left;} #menu-toggle a {background: url(/images/remote/top-toggle-sprite.png) no-repeat top left; width: 12px; height: 12px; display: block; margin-left: 2px;} #close-remote a {background-position: top right;} #close-remote a:hover, #close-remote a.active {background-position: bottom right;} #open-remote a:hover, #open-remote a.active {background-position: bottom left;} /* REMOTE BOTTOM & its toggle nav */ .expand #remote-content {margin: 0 6px 4px;} #remote-content {border-color: #939393; border-style: solid; margin: 0 6px 0; font-size: 10px; position: relative; background: #292929 url(/images/remote/account-bg.png) top center repeat-x; border-width: 0 1px 1px 1px; height: 100px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-box-shadow: rgba(0,0,0,.7) 0px 3px 10px; /* FF3.5+ */ -webkit-box-shadow: rgba(0,0,0,.7) 0px 3px 10px; /* Saf3.0+, Chrome */ box-shadow: rgba(0,0,0,.7) 0px 3px 10px; /* Opera 10.5, IE 9.0 */ } #welcome-panel img {margin: 0 auto 0 auto; display: block; cursor: pointer;} .account h6 {height: 10px; background: url(/images/remote/account-headers.png) 0 0 no-repeat; text-indent: -99999em; display: block; margin: 0px 0 6px;} /*#remote-content h6 {height: 24px;color: #fff; padding: 0; margin: 0; line-height: 24px; font-size: 12px;}*/ #login {font-weight: normal; margin: 15px 0 0 7px; color: #999; width: 99px; display: inline; float: left;} #login a {text-transform: capitalize; font-weight: normal;color: #00b5db; padding: 3px 2px; position: relative;} #login a:hover, #login a.active {color: #fff;} #login a:active {top: 1px;} #login-panel, #register-panel, #password-panel, #password-panel-one, #password-panel-two {padding: 8px 6px 0; display: none;} #login-panel h6 {background-position: 0 -11px;} #register-panel h6 {background-position: 0 -22px;} #password-panel h6 {background-position: 0 0;} #avatar-wrapper, #avatar {height: 33px; width: 33px; background-position: top left; background-repeat: no-repeat;} #avatar-wrapper {float: left; background-image: url(/images/remote/avatar_default.jpg); margin-right: 5px; display: inline;} #remote-content form {clear: both; margin-top: 1px;} #remote-content .error {color: #fff; background: #33ccff; border: 0px; margin: 0px 0px 3px; display: none; padding: 2px 6px; } #remote-content .text {border: 1px solid #fff; padding: 3px 2px; width: 141px; color: #666;margin: 0px 0px 5px;} #remote-content .text:focus {border: 1px solid #00b5db;} #remote-content .submit{width:22px;height:22px;background-color:transparent;background-image:url(/images/remote/account-submit-bg.png);background-repeat:no-repeat;background-position:0px 0px;text-indent:-9999px; border: 0px; margin-left: 6px; cursor: pointer;} #remote-content .submit:hover {background-position: 0 -22px;} #forget-password {position: absolute; top: 2px; right: 5px; margin: 0px; padding: 0px;} #password-panel-two .scroll-pane {overflow-x: hidden; overflow-y: hidden; height: 82px; margin-bottom: 10px; position: relative;} #password-panel-two p {margin: 0 !important;} #remote-content select {margin: 0 0 3px; padding: 3px 2px ;border: 1px solid #fff; padding: 3px 2px; width: 144px; color: #666;} #register-panel label {color: #fff;} #register-panel fieldset {border: 0px; margin: 0; padding: 0 0 12px;} #register-panel legend {height: 24px;color: #fff; padding: 0; margin: 0; line-height: 24px; font-size: 12px; text-shadow: 2px 2px 2px #000;} #register-panel .my-info {border-bottom: 1px solid #5a5a5a; margin-bottom:8px; padding-bottom:8px;} #register-panel ol {margin: 0; padding: 0;} #register-panel li {list-style: none; position: relative;} #register-panel span {color: #00b5db; padding: 0 0 0 6px; display: inline;} #register-panel li span {float: right; margin-right: 10px;} #register-panel .newsletter { float: left; margin-top: 7px; display: inline; color: #fff;} #register-panel .newsletter input {margin: 0; padding: 0;} #register-panel .newsletter em {color: #fff; font-style: normal; line-height: 20px;} #register-panel .required {position: absolute; top: 5px; right: 12px;} #register-panel .submit {background: url(/images/remote/register-submit-bg.png) 0 0 no-repeat; width: 72px; cursor: pointer; margin-right: 20px;} #register-panel .register-submit {margin-top: 5px; } #register-panel .scroll-pane, #password-panel-two .scroll-pane {overflow-x: hidden; overflow-y: hidden; height: 168px; margin-bottom: 10px; position: relative;} #select-birthday {margin-bottom: 10px;} #select-birthday label, #my-birthday label {display: block;} #select-birthday select, #my-birthday select {width: 53px;} #register-firstname {margin-top: 5px;} #remote-ad-promo {width: 94px; float: right; margin-top: 4px;} /* User Info */ #user-info {font-weight: normal; margin: 6px 0 0 7px; color: #fff; width: 109px; display: none; float: left; font-size: 10px; line-height: 13px;} #user-info img {float: left; margin-right: 5px;} #user-info #current-user-name {color: #33ccff; padding-top: 3px; display: block;} #user-info #logout {font-size: 10px; color: #DCDCDC;} #user-info #logout:hover {color: #fff;} /* Controller - Closed */ .close {background: url(/images/remote/closed-remote-bg.jpg) center center no-repeat; position: relative; display: none; height: 100px;} .close #remote-channel-list {margin: 0px 0 0 0; padding: 0; height: 200px;} .close #remote-channel-list li {margin: 0; padding: 2px 0 2px 7px; list-style: none; } .close #remote-channel-list a {display: block; line-height: 20px; color: #fff; color: rgb(255, 255, 255); color: rgba(255, 255, 255, 0.25); background-repeat: no-repeat; background-position: 48% 50% !important; } .close #remote-channel-list .active a {/*pointer-events: auto;*/ color: #00b5db; cursor: pointer;} .close #remote-channel-list .active:hover a {color: #fff;} .close .up-arrow, .close .down-arrow {background-image: url(/images/remote/remote-arrow-sprite.png); position: absolute; width: 79px; height: 36px; left: 50%; margin-left: -38px; z-index: 10000; -webkit-transition: -webkit-transform .4s ease-in;} .close .up-arrow {background-position: top center; cursor: pointer;} .close .down-arrow {background-position: bottom center; cursor: pointer;} .close .mask {height: 100px; overflow: hidden; position: relative; width: 100%;} .close .up-arrow {top: -10px; z-index: 1000;} .close .down-arrow {bottom: -6px;} .up-arrow:active {margin-top: -1px;} .down-arrow:active {margin-bottom: -1px;} .up-arrow:hover, .down-arrow:hover {-webkit-transform: scale(1.07);} .close .details a.active {background-image: url(/images/remote/profile-icon.png);} .close .alerts a.active {background-image: url(/images/remote/alerts-icon.png);} .close .friends a.active {background-image: url(/images/remote/friends-icon.png);} .close .points a.active {background-image: url(/images/remote/points-icon.png);} .close .faves a.active {background-image: url(/images/remote/faves-icon.png);} /* Controller - Open */ #controller {display: none;} .open {margin: 0 0 0; border-width: 1px 1px 1px 1px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; padding-top: 3px; } .open #remote-channel-list {margin: 0 3px; padding: 0;} .open #remote-channel-list li {margin: 0 0 2px 0; list-style: none; color: #fff; background: url(/images/remote/expanded-controller-item-bg.png) top left repeat-x; display: block; position: relative; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-weight: bold;} .open #remote-channel-list li.active, .open #remote-channel-list li:hover{background-position: bottom left;} .open #remote-channel-list a {color: #fff;height: 34px; display: block; line-height: 34px; padding: 0 0 0 8px; background-position: center center; background-repeat: no-repeat;} .open .details a {background-image: url(/images/remote/profile-icon.png);} .open .alerts a {background-image: url(/images/remote/alerts-icon.png);} .open .friends a {background-image: url(/images/remote/friends-icon.png);} .open .points a {background-image: url(/images/remote/points-icon.png);} .open .faves a {background-image: url(/images/remote/faves-icon.png);} .open .up-arrow, .open .down-arrow {background-image: url(/images/remote/remote-arrow-sprite.png); position: absolute; width: 79px; height: 36px; left: 50%; margin-left: -38px;} .open .up-arrow {background-position: top center; cursor: pointer;} .open .down-arrow {background-position: bottom center; cursor: pointer;} .open .up-arrow {top: -25px; z-index: 1000;} .open .down-arrow {bottom: -22px; z-index: 1000;} .open #remote-channel-list li.disabled:hover {background-position: top left; cursor: default;} .open #remote-channel-list li.disabled:hover a {cursor: default;} /* Remote Channel Styling */ #channel-content {display: none; overflow: hidden; height: 150px; padding: 0px 6px 0; position: relative;} #channel-content .scroll-pane {overflow-x: hidden; overflow-y: hidden; height: 138px; position: relative;} #channel-content ul {margin-top: 4px;} /* Animated Fav/alert icon */ #animated-icon {position: absolute; top: -4px; right: 402px; display: none; z-index: 100001;} /* My Favorites */ #my-favorites-list, #my-favorites-list li {margin: 0; padding: 0; list-style: none; position: relative;} #my-favorites-list .even {background-color: #777; background-color: rgba(255, 255, 255, 0.15); } #my-favorites-list a {color: #ccc; display: block; margin: 0; padding: 0 4px; line-height: 25px; height: 25px;} #my-favorites-list a:hover {color: #fff;} #my-favorites-list input {margin: 0 8px 8px 4px;} #my-favorites-list .remove {background: url(/images/remote/remove2.png) center center no-repeat; width: 22px; height: 22px; display: block; float: right; margin: 1px 3px 0 0; opacity: 0.5;} #my-favorites-list .remove:hover {cursor: pointer; opacity: 1.0;} .prompt {display: none; text-align: center; margin: 12px 3px; background-color: transparent; background-color: rgba(125, 125, 125, 0.15); padding: 32px 0px 44px; text-shadow: 2px 2px 2px #000;} .prompt strong {font-size: 12px; color: #fff; font-weight: bold; display: block; margin-bottom: 3px;} .prompt img {display: inline; margin: 0; padding: 0; vertical-align: middle; margin-bottom: 3px;} .coming-soon {display: block; text-align: center; margin:0px -3px; background-color:transparent; background-color: rgba(125, 125, 125, 0.15); padding: 55px 0px 0px; height: 100%; text-shadow: 2px 2px 2px #000;} .coming-soon strong {font-size: 12px; color: #fff; font-weight: bold; display: block; margin-bottom: 3px; } .coming-soon img {display: inline; margin: 0; padding: 0; vertical-align: middle; margin-bottom: 3px;} #points-coming-soon {background: url(/images/remote/points-coming-soon.png) 0 0 no-repeat;} #friends-coming-soon {background: url(/images/remote/friends-coming-soon.png) 0 0 no-repeat;} #secret-question-place {color: #fff; padding: 2px 0px; margin-bottom: 8px; display: inline-block; width: 142px; font-weight: bold;} /* My Details */ #details label {color: #fff;} #details fieldset {border: 0px !important; margin: 0; padding: 0 0 12px;} #details legend {height: 24px;color: #fff; padding: 0; margin: 0; line-height: 24px; font-size: 12px ; text-shadow: 2px 2px 2px #000;} #details ol {margin: 0; padding: 0;} #details ol li {list-style: none;} #details span {color: #00b5db; padding: 0 0 0 6px;} #details li span {float: right; margin-right: 10px;} #details .newsletter {margin: 7px 0 11px; display: inline; color: #fff;} #details .newsletter input {margin: 0 5px 0 0; padding: 0; float: left;} #details .newsletter em {color: #fff; font-style: normal; line-height: 20px; display: inline;} #details .required {position: absolute; top: 5px; right: 12px;} #details .submit {background: url(/images/remote/register-submit-bg.png) 0 0 no-repeat; width: 72px; margin-right: 15px; cursor: pointer;} #details .register-submit {margin-top: 5px;} #details p {padding-right: 20px;} .preference-select {margin: 0; padding: 0 20px 0 0;} .preference-select li {margin: 0; padding: 0; list-style: none; display: inline;} .preference-select img {border: 1px solid #777; cursor: pointer;} .preference-select img.selected {border-color: #33ccff;} /* My Alerts */ #my-alerts-list, #my-alerts-list li {margin: 0; padding: 0; list-style: none;} #my-alerts-list .even {background-color: #777; background-color: rgba(255, 255, 255, 0.15); } #my-alerts-list a {color: #ccc; display: block; margin: 0; padding: 0 4px; line-height: 25px; height: 25px;} #my-alerts-list a:hover {color: #fff;} #my-alerts-list input {margin: 0 8px 8px 4px;} #my-alerts-list .remove {background: url(/images/remote/remove2.png) center center no-repeat; width: 22px; height: 22px; display: block; float: right; margin: 1px 3px 0 0; opacity: 0.5;} #my-alerts-list .remove:hover {cursor: pointer; opacity: 1.0;} /* My Friends */ #coming-soon { text-align: center; margin: 12px 8px;background-color: #777; background-color: rgba(125, 125, 125, 0.15); padding: 38px 0px;} #coming-soon strong {font-size: 12px; color: #fff; font-weight: bold; display: block; margin-bottom: 3px;} #coming-soon img {display: inline; margin: 0; padding: 0; vertical-align: middle; margin-bottom: 3px;} #my-friends {color: #999; background: #fff; height: 100px;} #my-friends ul {margin: 0px; padding: 0px;} #my-friends ul li {margin: 0px; padding: 0px; list-style: none;} .pane {background: #fff; margin: 0px !important;} #aim_login {padding: 0px 7px; margin: 0px;} #aim_login .sign_in {background: url(/images/remote/aim-signin.png) center center no-repeat; width: 151px; height: 29px; display: block; border: 0px; text-indent: -9999px; overflow: hidden; margin: 40px 0 0 8px;} #aim_login header {font-size: 18px; font-weight: bold; color: #33ccff; margin: -9px 0 0; padding: 0px; line-height: 18px;} #aim_login em {display: none; margin-top: 10px; display: block; text-align: center; color: #000; font-style: normal; font-weight: bold;} .closed {display: none;} #aim_buddy_list header {background: url(/images/remote/aim-header-bg.png) top left repeat-x; padding: 0px 6px !important; margin: 0 !important; color: #33ccff; font-size: 12px; height: 19px; display: block; font-weight: bold;} .ff #aim_buddy_list header, .ff #aim_buddy_list {margin-bottom: -12px !important;} .presence {display: none !important; float: right; width: 38px; position: relative; z-index: 100000;} .presence ol {position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 38px; background: url(/images/remote/presence-arrow.png) 17px 3px no-repeat; z-index: 1000000;} .presence li {list-style: none; margin: 0; padding: 0; height: 18px; z-index: 100000;} .presence a {text-indent: -999999px; overflow: hidden; background-image: url(/images/remote/presence-sprite.png); background-repeat: no-repeat; display: none; height: 0px !important; width: 22px; margin: 0; padding: 18px 0 0;} .presence .open a { background-color: #474747 !important;} .presence .open li {display: block;} .presence .current {display: block !important;} .presence .current a {display: block !important; width: 22px !important; } .presence .online a {background-position: 5px 3px !important;} .presence .idle a {background-position: 5px -29px !important;} .presence .away a {background-position: 5px -13px !important;} .presence .offline a {background-position: 5px -45px !important;} .presence li:first-child a {background-color: transparent !important;} .presence li:last-child a {-webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 46px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; padding-bottom: 4px;} #aim_buddy_list header a {display:inline-block; color: #33ccff;} #aim_buddy_list header a:hover {color: #33ccff;} #aim_buddy_list a.group {font-weight: bold; color: #333; font-size: 12px; line-height: 21px; height: 21px; padding-left: 22px; background: url(/images/remote/aim-buddy-group-arrow.png) 7px 7px no-repeat;} #aim_buddy_list a.collapsed {background-image: url(/images/remote/aim-buddy-group-arrow-collapsed.png); color: #7F7F7F;} #aim_buddy_list ul {margin-top: 0 !important;} #aim_buddy_list ul li {background: url(/images/remote/aim-buddy-group-header.png) 0 0 repeat-x;} #aim_buddy_list ul li ul {margin: 0 5px; border-top: 1px solid #E2E2E2;} #aim_buddy_list ul li ul li {border-bottom: 1px solid #E2E2E2; height: 23px; line-height: 23px; position: relative; background: none;} #aim_buddy_list a {color: #909090; font-weight: bold; display: block; text-transform: none;} #aim_buddy_list a:hover {color: #454545;} #aim_buddy_list .icon {background: #ccc; height: 17px; width: 17px; display: block; position: absolute; top: 2px; right: 4px;} #aim_buddy_list .buddy {background-image: url(/images/remote/aim-status-sprite-final.png); background-repeat: no-repeat; padding-left: 17px;} #aim_buddy_list .online {background-position: 2px 6px;} #aim_buddy_list .away {background-position: 2px -17px;} #aim_buddy_list .idle {background-position: 2px -40px;} #aim_buddy_list .offline {background-position: 2px -63px;} #aim_buddy_list .mobile {background-position: 2px -84px;} #aim_status {margin-top: 6px; clear: none; display: block;} #aim_status input, .message_entry input {border: 1px solid #ccc !important; margin-left: 4px; margin-top: 0 !important; padding: 0 4px; font-size: 10px; height: 30px; line-height: 30px;} #aim_status input:focus, .message_entry input:focus {border-color: #7B7B7B !important;} #aim_status input, .message_entry input {width: 143px;} #aim_active_chat header {background: url(/images/remote/aim-buddy-group-header.png) 0 0 repeat-x; margin: 0 !important; position: relative;} .ff #aim_active_chat {margin-top: -31px;} .ff #aim_active_chat a.close {top: -3px;} #aim_active_chat header a, #aim_active_chat header a:hover {font-weight: bold; color: #666; padding-left: 19px; line-height: 1.9; background: url(/images/remote/aim-active-chat-arrow.png) 7px 2px no-repeat !important; text-transform: none; border: 0px !important;} #aim_inactive_chats header a.close, #aim_active_chat header a.close {background: none !important; line-height: auto; padding: 0px; position: absolute; top: 0px; right: 0px; margin-right: 10px; color: #666; display: block !important; height: 20px; font-size: 11px !important; text-transform: uppercase;} #aim_chats dt {background: url(/images/remote/aim-buddy-group-header.png) 0 0 repeat-x; line-height: 18px; height: 18px; } #aim_chats dt a {font-size: 11px; font-weight: bold; color: #666; text-transform: none; padding-left: 27px; background-image: url(/images/remote/aim-status-sprite-final.png); background-repeat: no-repeat; } #aim_chats dt .online {background-position: 13px 3px;} #aim_chats dt .away {background-position: 13px -16px;} #aim_chats dt .idle {background-position: 13px -39px;} #aim_chats dt .offline {background-position: 13px -62px;} #aim_chats dt .mobile {background-position: 13px -84px;} #aim_chats dt a:hover {color: #555;} #aim_chats dd {margin: 0; padding: 0;} #aim_active_chat ul {margin: 0 11px 0 7px; padding: 0; font-size: 11px;} #aim_active_chat li {padding: 12px 0 12px !important;color: #454545;} #aim_active_chat li header {margin: 0 !important; padding: 0 !important; background: none; display: block; width: 100%;} #aim_active_chat .me header {color: #33ccff;} #aim_active_chat header .time {float: right;} #aim_active_chat .buddy {background: #ffffe5; border-top: 1px solid #efefd8; border-bottom: 1px solid #efefd8;} #aim_inactive_chats header:first-child a {border: 0px;} #aim_inactive_chats header a {font-weight: bold; color: #666; line-height: 1.9; padding-left: 19px; background: url(/images/remote/aim-active-chat-arrow.png) 7px 2px no-repeat; border-top: 1px solid #E2E2E2;} #aim_inactive_chats header a:hover {color: #33ccff;} #aim_inactive_chats ul, #aim_inactive_chats form { display: none; } #aim_inactive_chats .activity header {background: #ECFAFF;} #aim_inactive_chats .activity header a {color: #33ccff !important; } #aim_unavailable {text-align: center;} #aim_unavailable h3 {margin: 10px 0 5px; font-weight: bold; color: #000;} /* My Points */ #my-points {margin: 0; padding: 0; list-style: none;} #my-points .even {background-color: #777; background-color: rgba(255, 255, 255, 0.15); } #my-points li {color: #ccc; display: block; margin: 0; padding: 0; line-height: 25px; height: 25px;} #my-points a:hover {color: #fff;} #my-points input {margin: 0 8px 8px 4px;} #my-points strong {font-weight: normal; display: inline-block; width: 115px;padding-left: 5px;} #my-points em {color: #33ccff; font-style: normal; } /* scroller */ #remote .jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;} #remote .jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0px;height:100%;background:#5A5A5A; padding: 0 3px;} #remote .jScrollPaneDrag{position:absolute;background:#cecece url('/images/remote/scroll-drag-bg.png') center center no-repeat;cursor:pointer;overflow:hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #remote .jScrollPaneDrag:hover{background:#33ccff url('/images/remote/scroll-drag-bg-hover.png') center center;} #remote .jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;} #remote .jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;} #remote a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;background:#5A5A5A url('/images/remote/scroll-arrows.png') 1px 1px no-repeat;/*background-color:#666;*/ height:17px;padding:0 3px;margin-bottom:6px;border-bottom:1px solid #8c8c8c;} #remote a.jScrollArrowUp:hover{/*background-color:#f60;*/} #remote a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;/*background-color:#666;*/ height:17px;background:#5A5A5A url('/images/remote/scroll-arrows.png') 1px -14px no-repeat;padding:0 3px;margin-top:3px;border-top:1px solid #8c8c8c;} #remote a.jScrollArrowDown:hover{/*background-color:#f60;*/} #remote a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover{/*background-color:#f00;*/}