/* site: www.capcom-europe.com authors: johan de silva company: www.flipsidegroup.com index: 1 site template 1.1 site buttons 1.2 video player 1.3 header / menu 2 page templates 2.1.0 homepage pallets 2.1.1 gamesheet 2.1.2 news 2.1.3 downloads 2.1.4 shop 2.7.0 Easter Egg Popup 3 form templates 4 data tables 5 accordion 6 pagination 7 box list 8 definition lists 9 pop up bubbles 10 fancybox latest */ /* 1.0 site template ------------------- */ a{color:#000; outline:0} a.age-check, a.age-check-young{display:none} img.full-width{margin:-20px 0 0 -16px} canvas {border:0; padding:0} .offscreen{text-indent:-9000em} #transparent #container{background:url('/images/bg_container_gamesheet.png') repeat-y bottom} #transparent #footer{background:url('/images/footer_gamesheet.png') no-repeat bottom} #container{position:relative} #content{width:934px; margin-left:14px; float:left; padding:11px 21px 0 21px; position:relative; display:inline} #content h1{font-size:40px; margin:0 0 10px 0; padding:0; line-height:90%} #content .col-wide{float:left; margin:0 6px 0 0; width:628px; overflow:hidden;} #content .col-wide.right{margin:0 0 0 6px} #content .col{width:300px; float:left; overflow:hidden; padding:0} /* 1.1 site buttons */ a.btn-more{width:51px; height:13px; display:block; background:url('/images/btn_more.gif') top; text-indent:-1000em} a.btn-more:hover, a.btn-more:focus{background-position:bottom} a.btn-buy{width:51px; height:13px; display:block; background:url('/images/btn_buy.gif') top; text-indent:-1000em; display:block} a.btn-buy:hover, a.btn-buy:focus{background-position:bottom} a.vote{width:51px; height:13px; background:url('/images/btn_vote.gif') top; text-indent:-1000em; float:right} a.vote:hover, a.vote:focus{background-position:bottom} a.review-icons{width:20px; height:21px; float:left; background:url('/images/icon_review.gif') top} /* 1.1.1 reset and customise buttons */ a.button.reset{position:absolute; z-index:10; top:-28px; right:28px} /* was right:14px; */ a.button.customise{position:absolute; z-index:10; top:-28px; left:28px} a.button.reset img, a.button.customise img{margin:2px 4px 0 0} /* 1.2 video player */ #panel{height:155px; width:976px; clear:both; position:relative; z-index:0; margin-left:14px; border:0;overflow:hidden;} #videoplayercontainer {height:455px; width:976px; position:absolute; bottom:0; left:0; z-index:1;background:url('/images/video-bg.png') center -42px no-repeat; border:0} .btn-slide-video{width:140px; height:50px; text-indent:-1000em; display:block; background:url('/images/btn-video-toggle.png') 0 0; z-index:5; position:absolute; bottom:5px; left:411px; outline:0} .btn-slide-video:hover, .btn-slide-video:focus{background-position:140px 0} .btn-slide-video-active{background-position:0 50px} .btn-slide-video-active:focus, .btn-slide-video-active:hover{background-position:140px 50px; outline:0} /* 1.3 header / menu */ #header{width:874px; height:90px; background:url('/images/bg_header.png') no-repeat bottom; padding:5px 10px 14px 10px; position:absolute; top:0; left:55px; z-index:900} #header img.logo{float:right; margin:8px 8px 0 0} #header .social{margin:8px 8px 0 0; height:24px; width:250px; display:block; position:absolute; top:21px; left:10px; overflow:hidden;} #header .social p{margin:0; padding:0} #header .social span.text{display:block; margin:5px 0 0 0; height:24px; width:130px; float:left;font-size:11px} #header .social span.icons{display:block; width:100px; float:left} #sitesearch{width:255px; height:20px; float:left; position:relative} #header h1{padding:0; margin:0; float:right; width:184px} #header .welcome-text{width:253px; height:38px; font-size:10px; padding:5px 0; background:url('/images/welcome-msg.gif') no-repeat; display:block; float:left; text-align:center} #header .welcome-text a:hover{text-decoration:none} #header .menu, #footer .menu{height:30px; padding:0; clear:both; float:left} #header .menu{position:absolute; bottom:18px; left:10px; z-index:6} #header .menu ul {background:url('/images/bg_menu_black.png') top left; float:left; padding:4px 0 0 10px; height:32px; margin:0;} #footer .menu ul{background:url('/images/bg_menu_grey.gif') top left; float:left; padding:4px 0 0 10px; height:32px; margin:0;} #header .menu ul, #footer .menu ul{margin:0} #header .menu li, #footer .menu li{float:left; list-style:none; margin:0; padding:0} #header .menu li a, #footer .menu li a{font-size:18px; color:#fff; text-align:left; background:url('/images/menu_icon_black.png') left 5px no-repeat; padding:0 0 0 20px; text-decoration:none; margin:0 5px 2px 0} #footer .menu li a{color:#999999; background:url('/images/menu_icon_grey.png') left 5px no-repeat} #header .menu li a:focus, #footer .menu li a:focus, #header .menu li a:hover, #footer .menu li a:hover{background-position:left -78px; } #header label{display:none} #header input{float:left} #header .search-button{float:left; margin:0 6px} #header .languages{background:url('/images/bg_menu_black.png') no-repeat top right; width:40px; height:31px; padding:10px 0 0 15px; float:left} #footer .languages{background:url('/images/bg_menu_grey.gif') no-repeat top right; width:40px; height:31px; padding:10px 0 0 15px; float:left} #header .languages a{background:url('/images/arrow_down.gif') no-repeat right 5px; padding:0; width:30px; display:block; outline:none; float:left} /* 1.4 footer */ #footer .viral-video{position:absolute; top:45px; right:15px} #footer-content{position:relative} #footer-header{width:955px; height:15px; float:left; background:url('/images/bg_footer.png') top no-repeat} #footer-content{width:925px; float:left; background:url('/images/bg_footer.png') bottom no-repeat; padding:0 15px 10px 15px; color:#999} #footer-content a{color:#999; text-decoration:none} #footer-content a:focus, #footer-content a:hover{text-decoration:underline} #footer-content .viral-video{width:250px; float:right} #footer-content img.footer-logo{float:right} #footer-content .footer-links{float:left} #footer-content .footer-links dl{width:750px; float:left; margin:10px 0; padding:0; display:block; clear:both} #footer-content .footer-links dl dt{margin:0; padding:0; clear:both; display:block; font-size:14px} #footer-content .footer-links dl dt a{color:#000} #footer-content .footer-links dl dd{margin:0 5px 7px 1px; padding:0; float:left; display:block} #footer-content .footer-links h2{margin:0; font-size:14px} #footer-content .footer-links h2 a{color:#000} #footer-content .facebook-icon a{width:52px; height:51px; float:left; display:block; background:url('/images/icon_fb.png'); text-indent:-1000em} #footer-content .facebook-group-icon a{width:52px; height:51px; float:left; display:block; background:url('/images/icon_fb_group.png'); text-indent:-1000em} #footer-content .facebook-icon:focus, #footer-content a.capcom-mobile-icon:focus, #footer-content a.share:focus a, #footer-content .facebook-icon:hover, #footer-content a.capcom-mobile-icon:hover, #footer-content a.share:hover a{background-position:bottom} #footer-content .capcom-mobile-icon a{width:134px; height:51px; float:left; display:block; background:url('/images/logo_capcom_mobile.png'); text-indent:-1000em} #footer-content .share-icon {float:left; width:134px} #footer-content a.share{width:134px; height:51px; float:left; display:block; background:url('/images/sm-share-en.png')} .dmg{width:950px; margin:auto; margin-bottom:20px; text-align:right; font-size:xx-small} .dmg a{color:#FFF; text-decoration:none} .dmg a:hover, .dmg a:focus{text-decoration:underline} .dmg span{background:url('/images/bg_png_70.png'); padding:3px; float:right} /* 2.0 Page templates ------------------- */ /* 2.1.0 homepage */ #col-1, #col-2, #col-3{float:left; width:300px; padding:0 5px; min-height:350px; height:auto !important} .faded-row{width:100%; float:left; background:url('/images/bg_shop.gif') repeat-x bottom; border-bottom:1px solid #cfcfcf} .faded-row-padded{width:568px; padding:10px; margin:10px 0} /* 2.1.1 homepage box contents */ .content{padding:4px; position:relative; margin:0; float:left} .content .text{padding:0 14px 0 14px; display:block; float:left; width:264px} .one-col{width:265px; padding:14px 17px 7px 18px; background:url('/images/bg_one_col.png') no-repeat top} .one-col-full{width:292px; padding:0 4px} .two-col{width:588px; padding:20px; background:url('/images/bg_two_col.png') no-repeat top center} .two-col-full{width:620px; padding:0 4px} .two-col-blank{width:628px; padding:0; background:none} .three-col{width:894px; padding:20px; background:url('/images/bg_three_col.png') repeat top} .three-col-full{width:926px; padding:0 4px} .text-pad p{margin:10px} .osX{width:608px; padding:12px 10px} .forum-menu-col{width:147px; padding:0 4px; background:url('/images/box_155.png') no-repeat top} .forum-cp-col{width:761px; padding:0 4px; background:url('/images/box_769.png') no-repeat top} .forum-cp-col form{width:760px; display:block} .one-col-bottom{width:300px; height:9px; float:left; clear:both; background:url('/images/bg_one_col.png') no-repeat bottom; margin-bottom:14px} div.hiddenSort .one-col-bottom{margin-bottom:0px} div.hiddenSort .two-col-bottom{margin-bottom:0px} .two-col-bottom{width:628px; height:9px; float:left; background:url('/images/bg_two_col.png') no-repeat bottom; margin:0 0 14px 0; display:block} .three-col-bottom{width:934px; height:9px; float:left; background:url('/images/bg_three_col.png') no-repeat bottom; margin:0 0 14px 0; display:block} .forum-menu-col-bottom{width:155px; height:9px; float:left; background:url('/images/box_155_black.png') no-repeat bottom; margin:0 0 15px 0; display:block} .forum-menu-bottom{width:155px; height:9px; float:left; background:url('/images/box_155.png') no-repeat bottom; margin:0 0 14px 0; display:block} .forum-cp-bottom{width:769px; height:9px; float:left; background:url('/images/box_769.png') no-repeat bottom; margin:0 0 14px 0; display:block} .content .pic-overlay{position:absolute; top:14px; left:18px; z-index:2; width:265px; height:116px; background:url('/images/bg_home_news.png') no-repeat top left} .content h2 {font-size:19px} .content h3 {font-size:17px; margin:3px 0 0 0; line-height:110%} /* 2.1.2 homepage box headings */ .heading{clear:both; float:left; margin:0; padding:5px 15px 0 15px; position:relative; font-size:17px; color:#fff; min-height:29px; height:auto !important; height:29px} .one-col-heading{width:270px; background:url('/images/heading_1col_black.png') no-repeat} .two-col-heading{width:598px; background:url('/images/heading_2col_black.png')} .three-col-heading{width:904px; background:url('/images/heading_3col_black.png')} .forum-menu-col-heading{width:145px; background:url('/images/heading_155_black.png'); padding:5px 0 0 10px} .forum-cp-col-heading{width:760px; background:url('/images/heading_769_black.png'); padding:5px 0 0 10px} .heading ul{margin:0; padding:0} .heading li{float:left; list-style:none; margin:0; padding:0} .heading h2{font-size:18px; color:#fff; padding:0; margin:0} .heading a{color:#fff} .heading a:focus, .heading a:hover{color:#FFCC00; background:none} .heading a.link-collapse{ width:16px; display:block; height:16px; background:url('/images/arrow_toggle_black.png') top left; position:absolute; right:47px; top:9px; z-index:0; cursor:pointer; outline:none; text-indent:-1000em } .heading span.new-content{width:16px; display:block; height:16px; background:url('/images/star.png') top left; position:absolute; right:85px; top:9px; z-index:999; display:none;} .heading a.link-collapse:hover{background-position:top right} .heading a.link-collapse-active{background:url('/images/arrow_toggle_black.png') bottom left} .heading a.link-collapse-active:hover{background-position:bottom right} .one-col .link{width:300px; background:url('/images/footer_1col_link_black.gif') no-repeat bottom} /* 2.1.2 homepage drag and drop */ div.hiddenSort {width:300px; margin:0 0 14px 0; padding:0; position:relative; float:left; clear:both; /* overflow:hidden */ } div.hiddenSort .title {width:300px; clear:both; display:block; cursor:default; position:relative; float:left; clear:both} div.hiddenSort a.tab-move-image {cursor:move; margin:0; width:260px; height:16px; background:url('/images/drag_toggle_black.png') no-repeat top right; position:absolute; right:65px; top:9px; z-index:0; outline:none; text-indent:-1000em} div.hiddenSort .title a.ad{right:10px; top:10px} .placeholder {border:1px solid #aaa; width:300px; background-color:#e6e6e6; margin:0; padding:0; float:left; clear:both} div.sort .title span.options a.disabled {background-color:#555; cursor:default} /* 2.1.1 [PALLET] latest news */ .latest-news{width:280px; padding:14px 10px 6px 10px; margin:0; float:left; clear:both; } .latest-news img{margin:0 0 4px 8px; float:left; clear:both;} .latest-news p{margin:0 0 3px 0; padding:0; float:left; } .latest-news .news-item a{text-decoration:none; color:#000; float:left; clear:both;} .latest-news .news-item a:focus, .latest-news .news-item a:hover{text-decoration:underline} .latest-news .news-item a.main{display:block; width:265px} .latest-news .news-item a.main span{background:url('/images/btn_more.gif') right top no-repeat; width:51px; height:13px; display:block; float:right; cursor:pointer; margin-right:6px} .latest-news .news-item a.main:hover span, .latest-news .news-item a.main:focus span{background:url('/images/btn_more.gif') right bottom no-repeat} .latest-news .news-item {width:260px; float:left; padding:3px; margin:3px 0 3px 5px; clear:both; float:left; overflow:hidden} .latest-news .news-item img.avatar{float:left; width:50px; border:1px solid #999; margin:0 5px 0 0} .latest-news .nonhighlight{border:1px solid #eee; } .latest-news .nonhighlight:focus, .latest-news .nonhighlight:hover{border:1px solid #cfcfcf; background:url('/images/bg_shop.gif') bottom repeat-x} latest-blog{width:280px; padding:14px 10px 6px 10px; margin:0; float:left; clear:both; } .latest-blog img{margin:0 0 4px 8px; float:left; clear:both;} .latest-blog p{margin:0 0 3px 0; padding:0; float:left; } .latest-blog .news-item a{text-decoration:none; color:#000; float:left; clear:both;} .latest-blog .news-item a:focus, .latest-blog .news-item a:hover{text-decoration:underline} .latest-blog .news-item a.main{display:block; width:265px} .latest-blog .news-item a.main span{background:url('/images/btn_more.gif') right top no-repeat; width:51px; height:13px; display:block; float:right; cursor:pointer; margin-right:6px} .latest-blog .news-item a.main:hover span, .latest-blog .news-item a.main:focus span{background:url('/images/btn_more.gif') right bottom no-repeat} .latest-blog .news-item {width:260px; float:left; padding:3px; margin:3px 0 3px 5px; clear:both; float:left; overflow:hidden} .latest-blog .news-item img.avatar{float:left; width:50px; border:1px solid #999; margin:0 5px 0 0} .latest-blog .nonhighlight{border:1px solid #eee; } .latest-blog .nonhighlight:focus, .latest-blog .nonhighlight:hover{border:1px solid #cfcfcf; background:url('/images/bg_shop.gif') bottom repeat-x} /* 2.1.2 [PALLET] polls-survey */ .polls-survey form{margin:0} .polls-survey p{margin:0; padding:0} p.poll-note{margin:10px 0 5px 0; padding:0; display:block; width:100%} .polls-survey .progress-bar{width:245px; height:16px; float:left; background:url('/hub/images/progress_bar_grey.gif') top repeat-x} .polls-survey .progress-bar img{float:left} /* 2.1.3 [PALLET] advert */ .competition-advert{width:300px; height:272px; float:left;} /* 2.1.4 [PALLET] competition */ .competition a.btn-enter{width:51px; height:13px; background:url('/images/btn_enter.gif') top; float:right; text-indent:-1000em; margin:0} .competition a:focus, .competition a:hover{background-position:bottom} .competition p{margin:0; padding:0 0 10px 0} /* 2.1.5 [PALLET] community */ .community-bottom, .community-bottom-de{width:300px; height:9px; float:left; clear:both; background:url('/images/community-bottom.png') no-repeat bottom; margin-bottom:14px} .community-bottom-de{background:url('/images/community-bottom-de.png') no-repeat bottom;} /* 2.1.6 [PALLET] games */ .games{border:0} .games a.main{background:url('/images/btn_more.gif') right top no-repeat; width:280px; height:13px; display:block; float:left; text-indent:-200em} .games a.main:focus, .games a.main:hover{background:url('/images/btn_more.gif') right bottom no-repeat} .games .wrapper{width:274px; padding:10px 10px 0 10px} /* 2.1.7 [PALLET] Community Posts */ .community-posts{width:280px; padding:14px 10px 6px 10px} .community-posts p{margin:0 0 3px 0; padding:0; float:left; clear:both; width:100%} .community-posts a{text-decoration:none; color:#000} .community-posts a:focus, .community-posts a:hover{text-decoration:underline} .community-posts a.main{display:block; width:100%} .community-posts a.main span{background:url('/images/btn_more.gif') right top no-repeat; width:51px; height:13px; display:block; float:right; cursor:pointer; margin-right:0px} .community-posts a.main:hover span, .community-posts a.main:focus span{background:url('/images/btn_more.gif') right bottom no-repeat} .community-posts .item{width:260px; float:left; padding:3px; margin:3px 0 3px 5px; clear:both; border-bottom:1px solid #999} .community-posts img.avatar{float:left; width:50px; border:1px solid #999; margin:0 5px 0 0} .community-posts .forum-content{float:left; width:200px} .community-posts .forum-content em{color:#999; font-size:x-small} .community-posts .forum-content h3{margin:0 0 -3px 0; padding:0} .community-posts .highlight{background:#ccc; border:1px solid #000} .community-posts .nonhighlight{border:1px solid #eee; overflow:hidden} .community-posts .nonhighlight:focus, .community-posts .nonhighlight:hover{border:1px solid #cfcfcf; background:url('/images/bg_shop.gif') bottom repeat-x} /* 2.1.9 [PALLET] featured members */ .featured-members{width:280px; padding:14px 10px 6px 10px} .featured-members a{text-decoration:none; color:#000} .featured-members a:focus, .featured-members a:hover{text-decoration:underline} .featured-members a.main{display:block; width:100%} .featured-members .item{width:260px; float:left; padding:3px; margin:3px 0 3px 5px; clear:both; border-bottom:1px solid #999} .featured-members img.avatar{float:left; width:50px; border:1px solid #999; margin:0 5px 0 0} .featured-members .forum-content{float:left; width:200px; height:55px} .featured-members .forum-content em{color:#999; font-size:x-small} .featured-members .forum-content h3{margin:0 0 -3px 0; padding:0} .featured-members .highlight{background:#ccc; border:1px solid #000} .featured-members .nonhighlight{border:1px solid #eee} .featured-members .nonhighlight:focus, .featured-members .nonhighlight:hover{border:1px solid #cfcfcf; background:url('/images/bg_shop.gif') bottom repeat-x} /* 2.2.0 GAMESHEET */ .games-profile{width:280px; padding:7px 10px 0px 10px} .games-profile .games-profile-content{display:block; padding:15px 15px; float:left; width:250px; background:url(/images/bg_shop.gif) bottom repeat-x; border-bottom:5px solid #fff} .games-profile .genre-icon{float:left} .games-profile h3{margin:0 0 0 5px; padding:0; font-size:16px} .games-profile h5{margin:24px 0 0 5px; padding:0; font-size:15px; float:left; color:#505050} .games-profile hr{display:none} .games-profile a.official-game-website{color:#FF0000; width:259px; height:42px; background:url('/images/official_game_website.gif') top; display:block; margin:10px 0 10px 10px} .games-profile a.official-game-website:focus, .games-profile a.official-game-website:hover{background-position:bottom} .games-profile a.official-game-website span{text-indent:-100em; display:block} .platform{float:right} h1.platform-title{float:left} .platform-logo-small{margin:0 10px 10px 0} ul.games-menu {padding-left:10px} ul.games-menu li{margin-right:20px} ul.games-menu .ui-tabs-selected a:link{border-bottom:3px #fff solid; outline:none} .scroll-pane h2{font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serife} .scroll-pane ul li{margin:0 0 10px -25px} a.btn-add-game{width:142px; height:39px; float:left; background:url('/images/btn_add-game.png') 0 0; margin:0 10px 10px 3px} a.btn-remove-game{width:142px; height:39px; float:left; background:url('/images/btn_remove-game.png') 0 0; margin:0 10px 10px 3px} a.btn-sign-up{width:142px; height:39px; float:left; background:url('/images/btn_sign-up.png')} a.btn-unsubscribe{width:142px; height:39px; float:left; background:url('/images/btn_unsubscribe.png')} a.btn-add-game:focus, a.btn-sign-up:focus, a.btn-remove-game:focus, a.btn-unsubscribe:focus {background-position:bottom} a.btn-add-game:hover, a.btn-sign-up:hover, a.btn-remove-game:hover, a.btn-unsubscribe:hover {background-position:bottom} .mm_thumbnail{float:left; margin:0 15px 10px 0} .mm_thumbnail img{border:1px solid #000} #RELATED{float:left} #RELATED .related-img{width:130px; float:left; margin:15px 0; border-right:1px dotted #cfcfcf} #RELATED img{float:left; width:120px} #RELATED .hr{display:block; float:left; clear:none} #RELATED .related-content{float:left; width:400px; padding:10px 0 10px 10px} #RELATED a.btn-more{float:right} /* 2.2.1 Gamesheet JQuery Tabs */ #gamesheet-tabs{float:left; margin:0; padding:0; clear:both} #gamesheet-tabs #DOWNLOADS .download-item{width:550px} #tabs{margin:10px 0 5px 12px; float:left} #tabs p{background:#ebebeb; padding:2px; margin:0 0 6px 0} #tabs ul{margin:0;padding:0;float:left;width:268px; border-bottom:1px solid #bebebe} #tabs li{padding:0;list-style:none; margin:0 0 -1px 5px} /* * html #tabs li{display:inline} */ #tabs li, #tabs li a{float:left;outline:0} #tabs ul li a{text-decoration:none;padding:5px; color:#000; background:#cacaca; text-transform:uppercase} #tabs ul li.active{border:1px solid #bebebe; color:#CC6633; border-bottom:none; background:#fff} #tabs div{width:256px;clear:both;float:left;padding:5px;min-height:80px; border:1px solid #bebebe; border-top:none} .games-profile .game-packshot .related-img img{margin:10px auto; display:block; border:1px #ccc solid} /* 2.2.2 Games list */ .games-list form{margin:0 0 20px 0; padding:0} .games-list form label{display:none} .games-list form .form-style select{width:150px} .games-list form .form-style .submit{float:none} /* 2.3.0 News Headlines */ .main-news{width:620px; height:271px; float:left; position:relative} .main-news-heading{width:600px; background:url('/images/bg_png_70.png'); position:absolute; bottom:0; z-index:2; padding:10px} .main-news-heading strong{color:#FFF; font-size:15px} .main-news-heading a{background:url('/images/menu_icon_yellow.png') right top no-repeat; color:#ffcc00; min-height:16px; height:auto !important; height:16px; padding:2px 21px 2px 0; float:left; text-decoration:none; margin-top:5px; font-size:12px} .main-news-heading a:hover{background-position:right -83px} #mySlides{float:left; padding:0; height:270px; width:620px; overflow:hidden} .main-news-bottom{width:628px; float:left; margin:0 0 15px 0} .main-news-bottom ul{margin:0; padding:0; list-style:none} .main-news-bottom li{margin:0; padding:0; list-style:none; float:left} .main-news-bottom li a{width:141px; height:42px; float:left; color:#505050; padding:7px 8px; text-decoration:none; background-position:top} .main-news-bottom li a.btn1{background:url('/images/main_news_btn1.png')} .main-news-bottom li a.btn2-3{background:url('/images/main_news_btn2.png')} .main-news-bottom li a.btn4{background:url('/images/main_news_btn4.png')} .main-news-bottom li a:focus, .main-news-bottom li a:hover, .highlighted{background-position:bottom; color:#FFFFFF; text-decoration:underline} .main-news-bottom li.jFlowSelected a{background-position:bottom; color:#FFFFFF; text-decoration:none} /* news list */ .news-list-item {float:left; display:block; width:540px; clear:both; padding:0 5px 10px 10px; border-bottom:1px solid #bebebe; position:relative; background:url('/images/bg_shop.gif') repeat-x bottom; margin-top:10px} .news-list-item .text{width:345px; float:left; margin:0;} .news-list-item .text p{margin-top:0} .news-list-item h3 a{margin:0; padding:0; font-size:18px; text-decoration:none} .news-list-item img{float:left; clear:both; margin-top:10px} .news-list-item hr{display:none; margin:0px 5px} .news-list-item a:focus, .news-list-item a:hover{text-decoration:underline} .news-list-item a.btn-more{float:right} .news-list-item .readmore{width:220px; display:block} .news-list-item .pic-overlay-small{position:absolute; top:10px; left:10px; z-index:2; width:165px; height:72px; background:url('/images/pic-overlay-small.png') no-repeat top left} /* news article */ .news-article{float:left; display:block; clear:both; padding:0 10px 10px 0; border-bottom:1px solid #bebebe; position:relative; background:url('/images/bg_shop.gif') repeat-x bottom; margin-top:10px} .news-article div {width:362px; float:left; margin:0 0 0 10px} .news-article h3 a, .news-article img{float:left} .news-article hr {display:none} .news-article a:focus, .news-article a:hover {text-decoration:underline} .news-article a.btn-more {float:right} .news-article .readmore{width:220px; display:block} .news-gallery img{margin:0 0 10px 0} /* 2.4.0 dowwnloads */ .download-item hr{display:none} .download-item a:focus, .download-item a:hover{text-decoration:underline} .download-item a.btn-more{float:right} /* 2.5.0 Shop */ .shop-nav{padding-top:10px} .shop-nav h2{color:#000000; font-size:20px; margin:0} .shop-nav form{background:url('/images/bg_menu_sub.gif') repeat-y left; float:left; margin:0 0 0 3px; padding:10px} .shop-nav .textinput{background:url('/images/input-bg_large.png') no-repeat top right; border:none; height:14px; width:201px; padding:6px 3px 3px 6px; font-size:10px; float:left; margin:0} .search-button{float:left; margin:0 6px} .shop-nav ul{margin:0 0 0 3px; padding:0; list-style:none} .shop-nav li{margin:0 0 3px 0; padding:0; clear:both; background:url('/images/bg_menu_sub.gif') repeat-y left; float:left} .shop-nav li a{float:left; padding:7px 35px 7px 20px; text-transform:uppercase; background:url('/images/shop_menu_arrow.png') right no-repeat; width:231px; text-align:right; color:#000; text-decoration:none; font-size:small; font-weight:bold} .shop-nav li li{margin:0 0 0 -3px; background:url('/images/bg_menu.gif') repeat-y left} .shop-nav li li a{color:#FFF; padding:5px 10px 5px 20px; width:255px; border-top:1px solid #FFF; font-size:x-small; background:none} .shopping-basket{width:286px; padding:14px 7px 10px 7px} .shopping-basket .button{float:right; clear:both; margin:10px 0 0 0} .shopping-basket strong{clear:both} .shopping-basket p{background:url(/images/bg_menu_sub.gif) repeat-y; padding:8px; display:block; margin:0 0 1px 0} .shopping-basket p a{color:#505050; font-size:small} .shopping-basket p strong{color:#990000} .box-small{float:left; width:177px; text-align:center; margin:10px 0 0 5px; padding:10px 0; overflow:hidden; text-align:center} .box-small strong{font-size:small; width:177px; display:block} .box-small a{color:#000;text-decoration:none} .box-small a:focus, .box-small a:hover{text-decoration:none} .box-small a.btn-buy{clear:both; margin:auto} /* 2.5.0 Capcom Account */ /* 2.5.1 Profile */ .profile{padding-bottom:0px} .profile .avatar{padding:0 10px 30px 10px; float:left} .profile .avatar img{border:5px solid #cfcfcf; padding:5px; margin:auto} .profile a.button{margin:10px 0 0 -6px} .profile .details{padding:0 30px 30px 10px; float:left} .profile .details h2{font-size:25px; margin:0} .profile .details h3{font-size:17px; margin:0} .profile .details p{margin-top:0} .profile .shop-products{margin-bottom:20px} .profile .faded-row{margin:0 -10px 0 -10px; width:598px; padding-left:10px} /* 2.5.2 Forum */ .profile.forum{padding-bottom:10px} .forum a{font-size:small} .content h4{font-size:18px; background:url('/images/bg_shop.gif') repeat-x bottom; border-bottom:1px solid #cfcfcf; padding:10px; margin:0 -10px 10px -10px;} /* 2.5.3 Subscriptions */ .content .game-row{width:604px; float:left; margin:0 -10px 10px -6px} .content .game{float:left; width:275px; margin:0 5px 5px 0; padding:10px; background:url('/images/bg_shop.gif') bottom repeat-x; min-height:110px; height:auto !important; height:110px; border:1px solid #cfcfcf} .content .game.lower{width:174px; min-height:35px; height:auto !important; height:35px} .content .game img.game-platform{display:block; clear:both; margin:10px 0} .content .game h5{float:left; font-size:15px; margin:24px 0 0 6px; padding:0} .content .game img.packshot{padding:3px; border:1px solid #cfcfcf; margin:0 10px 0 0; float:left} .content .game strong{clear:both; display:block} .content .game span{float:left; width:175px} .content .game .genre-title{float:left; width:125px} .content .game .genre-icon{float:left; width:40px} .profile .friend{float:left; width:174px; margin:5px 5px 5px 0; padding:10px; background:url('/images/bg_shop.gif') bottom repeat-x; min-height:90px; height:auto !important; height:90px; border:1px solid #cfcfcf; overflow:hidden} .profile .friend img{padding:3px; border:1px solid #cfcfcf; margin:0 5px 0 0; float:left; width:60px} .profile .friend a{float:right; display:block} .content .check-subscriptions div{width:202px; margin:10px 0; float:left} .content .groups a strong{font-size:small; text-decoration:none} /* 2.6.0 DOWNLOADS - also see 2.3.1 */ .download-item{float:left; clear:both; padding:0 10px 10px 10px; border-bottom:1px solid #bebebe; position:relative; background:url('/images/bg_shop.gif') repeat-x bottom; margin-top:10px} .one-col .download-item{width:272px} .two-col .download-item{width:600px} .one-col .download-content{float:left; width:230px} .two-col .download-content{float:left; width:450px} .download-item a.btn-download{width:31px; height:31px; float:right; background:url('/images/icon_download_small.png'); text-indent:-1000em} .one-col .download-item h3 a{font-size:15px} .download-item p span{color:#999} /* 2.6.0 comp results */ .pic-overlay-comp-results{position:absolute; top:20px; left:20px; z-index:2; width:265px; height:116px; background:url('/images/bg_home_news.png') no-repeat top left} /* 2.7.0 Easter Egg Popup */ #eggContainer{z-index:99; position:fixed; top:100px; width:319px; height:386px; padding:40px 215px 0 470px;} #eggContainer h1{font-size:28px;} #ECContent{width:300px; height:220px; float:right; padding:10px; margin:32px 32px 0 0;} a.close{float:right; z-index:3;} /* 3.0 form templates ------------------- */ .form-style .inputfield{background:url('/images/input-bg_large.png') no-repeat top right; border:none; height:14px; width:201px; padding:6px 3px 3px 6px; font-size:10px; margin:0; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif} .form-style .inputfield:focus{background-position:bottom right} .form-style .inputbox{width:225px} .form-style .typeface-js{font-size:30px} .form-style .imageThumb{float:left; clear:none; margin-right:5px; margin-bottom:3px} .form-style .required{color:#990000} .form-style fieldset {clear:both; float:left; border:0; margin:0; padding:0} .form-style legend{clear:both; float:left; border:0; padding:0; margin:5px 0} .form-style div{clear:both; margin:0 0 10px 0; width:100%; float:left} .form-style label{font-size:11px; display:block; clear:both; width:215px; float:left; text-align:right; margin:0 5px 10px 0} .form-style textarea{width:225px; font-size:11px; height:100px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url('/images/bg_shop.gif') repeat-x bottom} /*.form-style input:focus{background:#e9e9e9}*/ .form-style textarea:focus{background:#e9e9e9} .form-style select:focus{background:#e9e9e9} .form-style p{clear:both} .form-style .form-column{width:50%; float:left; display:block; clear:none} .form-style label.checkbox{margin:0 0 0 155px; float:left; text-align:left} div#recaptcha div{margin:0;} /* download page search form */ .form-style-one-col{width:280px} .form-style-one-col fieldset{clear:both; float:left; border:0; margin:0; padding:0} .form-style-one-col form{margin:0} .form-style-one-col label{font-weight:bold; float:left; clear:both} .form-style-one-col select{width:265px} .form-style-one-col textarea{width:260px; height:100px} .form-style-one-col div{clear:both; margin:0 0 10px 0; width:100%; float:left} .no-bg{background:none; border:0} /* download page search form */ .form-style-dl-search-form{width:270px} .form-style-dl-search-form form{margin:0} .form-style-dl-search-form label{display:none} .form-style-dl-search-form select{width:255px} .form-style-dl-search-form input{width:245px} .form-style-dl-search-form div{clear:both; margin:0 0 10px 0; width:100%; float:left} .form-style-dl-search-form-bottom{margin:10px 0} .form-style-dl-search-form-bottom input{width:245px} .submit{border:none; float:left; color:#FFFFFF; font-weight:bold; background:url('/images/bg_black.gif') repeat-x bottom #3c3c3c; text-transform:uppercase; padding:1px 5px} .narrow label{width:150px; margin-top:4px} .narrow .help{display:block; margin:5px 0 0 155px; clear:both; float:left} .narrow .button{display:block; margin:5px 0 0 155px; clear:both; float:left} .narrower .inputfield{background:url('/images/input-bg.gif') no-repeat top right; border:none; height:14px; width:127px; padding:6px 3px 3px 6px; font-size:11px; float:left} .narrower .inputfield:focus{background-position:bottom} .narrower label{width:100px; margin-top:4px} .narrower .help{display:block; margin:5px 0 0 155px; clear:both; float:left} .narrower .button{display:block; margin:5px 50px 0 0; clear:both; float:right} /* 3.0.1 enquiries form */ .enquiries select{width:230px} /* 3.0.2 members-list form */ .members-search{padding:20px; float:left} .members-search label{width:auto; margin:3px 5px 0px 0} /* 3.0.3 checkout forms */ .checkout label{width:auto; margin:3px 5px 0 0} /* 3.0.4 poll form */ .polls-survey form{margin:0; padding:0} .polls-survey fieldset{border:none; padding:0; margin:0} .polls-survey legend{text-indent:-1000em; display:none; height:0; overflow:hidden} /* 3.0.5 register form */ .form-style.register .button{margin-left:220px} /* 3.1 forum forms "panel" */ .panel table td{padding:0 0 10px 0} .panel fieldset {clear:both; float:left; border:0; margin:0 0 10px 0; padding:0; width:100%} .panel legend{clear:both; float:left; border:0; padding:0; margin:5px 0; font-size:18px; font-family:Arial, Helvetica, sans-serif} .panel .typeface-js{font-size:30px} /* 4.0 typeface-js ------------------- */ h1, h2, h3, h4, h5, legend, .typeface-js, .menu, .games-menu{font-family:Capcom, Arial Narrow, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase} h1 a, h2 a, h3 a, .menu a, .games-menu a{color:#fff; text-decoration:none; cursor:pointer; display:inline-block} h3 a{color:#000} /* 5.0 data tables ------------------- */ .table-style1 {float:left; width:100%} .table-style1 table{padding:0; margin:2px 0; border-collapse:collapse; background:#f5f5f5; clear:both; width:100%} .table-style1 caption{font-style:italic; color:#666} .table-style1 td, .table-style1 th {padding:3px 5px} .table-style1 th {background:url('/images/bg_black.gif') repeat-x bottom #3c3c3c; text-align:left; color:#fff; padding:10px 5px} .table-style1 thead tr th{font-weight:bold} .table-style1 tbody tr th{font-weight:normal; background-color:#515151} .table-style1 th a {color:#fff; text-decoration:none} .table-style1 th a:focus, .table-style1 th a:hover {text-decoration:none} .table-style1 td {text-align:left;vertical-align:top; border-bottom:1px solid #cfcfcf; color:#7c7c7c} .table-style1 tbody tr:focus, .table-style1 tbody tr:hover {background:#e6e6e6} .table-style1 tbody tr:focus th, .table-style1 tbody tr:hover th{background:#333;color:#fff} .table-style1 input:focus{background:#ffefab} .table-style1 li {list-style:none} .table-style1 ul {margin:0; padding:0} .table-style1 h2{font-size:18px} .table-style1 th span {margin-left:5px; background:url('/images/sorting.gif') no-repeat 0px 1px} .table-style1 td a.table-link{color:#3c3c3c; font-weight:bold; text-decoration:none; background:url('/images/menu-arrow.gif') no-repeat left 3px; padding:0 0 0 12px; display:block} .table-style1 td a.table-link:focus, .table-style1 td a.table-link:hover{text-decoration:underline} .members-list a{font-size:x-small; color:#666; text-decoration:none} /* 6.0 accordion ------------------- */ #accordion {width:100%; border-bottom:solid 1px #c4c4c4} #accordion h3 {background:#f5f5f5 url('/images/accordion-toggle-black.png') no-repeat 7px -107px; padding:15px 27px; margin:0; font:bold 12px Arial, Helvetica, sans-serif; border-top:solid 1px #c4c4c4; border-bottom:none; cursor:pointer; text-transform:none} #accordion h3:focus, #accordion h3:hover {background-color:#e6e6e6; background-position:7px -212px} #accordion h3.active:focus, #accordion h3.active:hover {background-color:#f5f5f5} #accordion h3.active {background-position:7px 15px} #accordion p {background:#fff; margin:0; padding:10px 15px 20px 25px} /* 7. 0 pagination ------------------- */ .pagination {width:auto; text-align:right; float:right; margin:5px 5px 5px 0; display:inline-block; clear:both;} .pagination a {text-decoration:none} .pagination strong {font-weight:normal} .pagination span.page-sep {display:none} .pagination span strong {padding:0 2px;margin:0 2px;font-weight:normal;color:#fff;background-color:#bfbfbf;border:1px solid #bfbfbf;font-size:0.9em} .pagination span a, .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {font-weight:normal;text-decoration:none;color:#747474;margin:0 2px;padding:0 2px;background-color:#eeeeee;border:1px solid #bababa;font-size:0.9em;line-height:1.5em} .pagination span a:focus, .pagination span a:hover {border-color:#000;background-color:#000;color:#fff;text-decoration:none} .pagination span strong {background-color:#000;border-color:#000} /* 8. 0 box list ------------------- */ .box-list {padding-left:0; margin-left:0; width:100%; border-bottom:1px solid #cfcfcf} .box-list li{list-style:none; margin:0; padding:3px 0 3px 9px; border-top:1px solid #cfcfcf; background:#f5f5f5 url('/images/menu-arrow.gif') no-repeat 2px 5px} .box-list li:focus, .box-list li:hover{background-color:#e6e6e6} .box-list a:link{text-decoration:none} .box-list a:visited{text-decoration:none} .box-list a:hover, .box-list a:focus{text-decoration:underline} /* 9.0 definition lists ------------------- */ dl.qa-style {margin:0; padding:0} .qa-style dt{margin:0; padding:0; font-weight:bold} .qa-style dd{margin:0 0 1em 0; padding:0} /* 10.0 pop up bubbles ------------------- */ #footer ul.help-pop {margin:0; padding:0; clear:both; float:left; width:395px; text-decoration:none} #footer ul.help-pop li{padding:0; margin:0 2px; list-style:none; float:left; position:relative; text-align:center} #footer ul.help-pop li em {font-weight:normal; color:#000; background:url('/images/help-hover.gif') no-repeat; width:180px; height:45px; position:absolute; top:-85px; left:0px; text-align:center; padding:20px 12px 10px; font-style:normal; z-index:10; display:none; text-indent:0} #footer ul.help-pop li.capcom-mobile-icon em {left:0px} ul.achievement-icons{margin:5px 0; padding:0; clear:both; float:left; text-decoration:none; width:100%;} ul.achievement-icons li{padding:0; margin:1px; list-style:none; float:left; position:relative; text-align:center; line-height:98%} ul.achievement-icons li a{cursor:help} ul.achievement-icons li em {font-weight:normal; color:#000; background:url('/images/help-hover.gif') no-repeat; width:188px; height:66px; position:absolute; top:-85px; left:0px; text-align:center; padding:3px 8px; font-style:normal; z-index:999; display:none; text-indent:0} ul.achievement-icons li em img{float:left;clear:both; margin:2px 0 0 0} ul.achievement-icons li em span{float:left; width:130px; display:block; padding:2px; margin-top:10px} /* 11.0 fancy box 1.2.1 ------------------- */ div#fancy_overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#666;display:none;z-index:30} div#fancy_wrap {text-align:left} div#fancy_loading {position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:;background:transparent;z-index:100} div#fancy_loading div {position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url('/images/fancybox/latest/fancy_progress.png') no-repeat} div#fancy_loading_overlay {position:absolute;background-color:#FFF;z-index:30} div#fancy_loading_icon {position:absolute;background:url('/images/fancybox/latest/fancy_loading.gif') no-repeat;z-index:35;width:16px;height:16px} div#fancy_outer {position:absolute;top:0;left:0;z-index:90;padding:18px 18px 33px 18px;margin:0;overflow:hidden;background:transparent;display:none} div#fancy_inner {position:relative;width:100%;height:100%;border:1px solid #BBB;background:#FFF} div#fancy_content {margin:0;z-index:100;position:absolute} div#fancy_div {background:#000;color:#FFF;height:100%;width:100%;z-index:100} img#fancy_img {position:absolute;top:0;left:0;border:0; padding:0; margin:0;z-index:100;width:100%;height:100%} div#fancy_close {position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url('/images/fancybox/latest/fancy_closebox.png') top left no-repeat;cursor:pointer;z-index:181;display:none} #fancy_frame {position:relative;width:100%;height:100%;display:none} #fancy_ajax {width:100%;height:100%;overflow:auto} a#fancy_left, a#fancy_right {position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer;z-index:111; display:none;background-image:url('data:/images/fancybox/latest/image/gif;base64,AAAA');outline:none} a#fancy_left {left:0px} a#fancy_right {right:0px} span.fancy_ico {position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:112;cursor:pointer;display:block} span#fancy_left_ico {left:-9999px;background:transparent url('/images/fancybox/latest/fancy_left.png') no-repeat} span#fancy_right_ico {right:-9999px;background:transparent url('/images/fancybox/latest/fancy_right.png') no-repeat} a#fancy_left:hover {visibility:visible} a#fancy_right:hover {visibility:visible} a#fancy_left:hover span {left:20px} a#fancy_right:hover span {right:20px} .fancy_bigIframe {position:absolute;top:0;left:0;width:100%;height:100%;background:transparent} div#fancy_bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:70;border:0;padding:0;margin:0} div.fancy_bg {position:absolute;display:block;z-index:70;border:0;padding:0;margin:0} div.fancy_bg_n {top:-18px;width:100%;height:18px;background:transparent url('/images/fancybox/latest/fancy_shadow_n.png') repeat-x} div.fancy_bg_ne {top:-18px;right:-13px;width:13px;height:18px;background:transparent url('/images/fancybox/latest/fancy_shadow_ne.png') no-repeat} div.fancy_bg_e {right:-13px;height:100%;width:13px;background:transparent url('/images/fancybox/latest/fancy_shadow_e.png') repeat-y} div.fancy_bg_se {bottom:-18px;right:-13px;width:13px;height:18px;background:transparent url('/images/fancybox/latest/fancy_shadow_se.png') no-repeat} div.fancy_bg_s {bottom:-18px;width:100%;height:18px;background:transparent url('/images/fancybox/latest/fancy_shadow_s.png') repeat-x} div.fancy_bg_sw {bottom:-18px;left:-13px;width:13px;height:18px;background:transparent url('/images/fancybox/latest/fancy_shadow_sw.png') no-repeat} div.fancy_bg_w {left:-13px;height:100%;width:13px;background:transparent url('/images/fancybox/latest/fancy_shadow_w.png') repeat-y} div.fancy_bg_nw {top:-18px;left:-13px;width:13px;height:18px;background:transparent url('/images/fancybox/latest/fancy_shadow_nw.png') no-repeat} div#fancy_title {position:absolute;bottom:-33px;left:0;width:100%;z-index:100;display:none} div#fancy_title div {color:#FFF;font:bold 12px Arial;padding-bottom:3px} div#fancy_title table {margin:0 auto} div#fancy_title table td {padding:0;vertical-align:middle} td#fancy_title_left {height:32px;width:15px;background:transparent url('/images/fancybox/latest/fancy_title_left.png') repeat-x} td#fancy_title_main {height:32px;background:transparent url('/images/fancybox/latest/fancy_title_main.png') repeat-x} td#fancy_title_right {height:32px;width:15px;background:transparent url('/images/fancybox/latest/fancy_title_right.png') repeat-x} /* Cookie message */ #cookie-message-wrapper { padding: 20px; margin-left: auto; margin-right: auto; width: 940px; background-color: #232323; overflow: hidden; z-index: 1000; } #cookie-message-wrapper .cookie-title { float:left; color: #ffffff; font-size: 15px; width: 150px; text-align: center; } #cookie-message-wrapper .cookie-message { float:left; margin: 0 20px 0 20px; width: 610px; color: #C5C5C5; font-size: 11px; } #cookie-message-wrapper .cookie-action { float:left; width: 100px; color: #C5C5C5; font-size: 11px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWtJREFUeNqslL1LA0EQxe/EIBoVLK2NnYW1gp+VSBCEFCJBbBQVFFJbpjcgEbRRVFSiheQP0IigCJaCqWzS2/ltWN/AOxk3e+aKDPxgs7vzbvfNbHxjjNeI8EVovbTiWusGo6BP9oEyuAAVe2N2JO81h3wgCZbAEIhz7g3cgG1waic0Wb9jIA+KYEKJSLSCcVAAe9ZazYlyYDmCJXPMTQNjnygZQeQVlDieJX+uJsau1hH5pm9SgB3OrYGEFhoDA3VEFsA+venifD9zf4WkxG3q+BlwYInsgg5wAlLK4x5ttq++fg42QAureK1EjsGkq/LBiR7BO8dT9OIDzIAt0BkiUgVPWkg69o7jOJODdm8HRw4RiQdwqa9WYSMOq02bXB8MEfGYU7b76EwZHPiWU8baUaR3NU/E0JvDCJ0tBZlnRZ1v7YVtn+YD/VRrX+AeLIJp8PzfWwtCTnXLLu7lNaU6V6yw+/+oEfEjwABv4U88SsGXiQAAAABJRU5ErkJggg==') no-repeat scroll 0 0 transparent; } #cookie-message-wrapper .cookie-action ul {list-style: none; margin-top: 0; padding-left: 20px;} #cookie-message-wrapper .cookie-action li { margin-bottom: 4px; } #cookie-message-wrapper .cookie-action a { color: #ffffff; text-decoration: none; } div.hiddenSort .two-col-heading { width: 598px; } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #dde; position: relative; } .jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; }