body { margin: 0pt; padding: 0pt; background-color: #202020; color: #FFFFFF; background: #0c1d10 url("/ggl/images/bg.png") 0px 3px;} /*body.games {background: black url(/ggl/images/games/custom/hanes_ggl.jpg) no-repeat fixed center top; }*/ #body2 { background:transparent url("/ggl/images/bg2.png") repeat-x top left;} /*#body2 { background: black url(/ggl/images/games/custom/hanes_ggl.jpg) no-repeat fixed center top;}*/ #body3 { background:transparent url("/ggl/images/bg3.png") repeat-y top center;} body, table, td, textarea, input, select, button { font-family: Arial, Helvetica, sans-serif; } a { color: #fac31d; text-decoration: none; } a:hover { color:white; text-decoration: none; } form { margin: 0; padding: 0 } select { margin-top: 2px; font-size: 8pt; } input[type=text], input[type=password] { margin-top: 4px; font-size: 8pt; } input.radio { margin: 1px 0px 0px; vertical-align: top; } textarea { font-size: 8pt; } h5 {font-size: 9pt; font-weight: bold; color: #FAC310; margin-bottom: 5px;} .form-label { margin: 2px 0px 4px; } .formtxt {font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #666666; padding: 8px; text-align: left; text-decoration:none;} .formtxt-ok { font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #339900; padding: 8px; text-align: center; text-decoration:none;} .formtxt-error { font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FF0000; padding: 8px; text-align: center; text-decoration:none;} img {border: 0px;} .error {margin: 8px 0; color: #FF0000; font-weight: bold;} #debug { display:none;font-size:11px;padding:10px;background: #000000 none repeat scroll 0% } a.rss { margin-right:2px; background:url('/ggl/images/rss.png') no-repeat right; padding-right: 21px; height:18px; line-height:18px; outline:0; } .warning .icon {background:url('/ggl/images/sprite.png') -379px -216px; display:block; width:18px; height:18px; float:left;} .mainnav { width:100%; height:50px; padding:0px; font-weight:bold; color:#FFFFFF; background:transparent url("/ggl/images/sprite.png") no-repeat top left; } .mainnav .navbar { float:left; padding-left: 15px;} .mainnav a.ggl_logo { overflow:auto; outline:0;} .mainnav img { background:url(/ggl/images/sprite.png) -16px -6px; float: left; display: block; text-indent:-9000px; vertical-align: middle; margin: 6px 0 0 16px; width: 118px; height: 32px; } .mainnav form.search { float: right; margin-right:15px; margin-top:9px;} .mainnav form.search input { background:url("/ggl/images/search.png") left center no-repeat; border:0; width:163px; height:17px; padding:3px 20px 3px 5px; color:#3e3e3e; letter-spacing:1px;} .mainnav ul { float:left; width:auto; height:27px; margin:0px; padding:0px 2px; list-style:none; } .mainnav ul li { float:left; height:27px; margin:0px; padding:0px; white-space: nowrap; line-height:35px; } *html .mainnav ul li { width:27px; overflow:visible; } .mainnav ul .nav a, .mainnav ul .nav_current a { display:block; height:15px; margin:0px; padding:6px 10px; border:0px; color:#7c7b7b; text-decoration:none; font-size:14px; } .mainnav ul .nav_current a, .mainnav ul .nav a:hover { color: #c09619; } .mainnav ul .nav a .new, .mainnav ul .nav_current a .new { color:#edab1d; font-size:10px; position:relative; bottom:7px;} .innernav .mainnav { background-position:left -136px; height:40px;} .innernav .mainnav ul li.sep {width: 0; } .innernav .mainnav ul .nav a, .innernav .mainnav ul .nav_current a { font-size:11px; height:40px; padding:0pt 15px; line-height:40px; color:white;} #sitenav-box { padding: 5px 0px 12px 0px; } #sitenav-box div { padding: 2px 5px; margin: 1px 0; } #sitenav-box a { background: transparent url("/ggl/images/ggl_indent_arrow.png") 0 0 no-repeat; padding-left: 20px; color: #FFFFFF; text-decoration: none; } #sitenav-box a:hover { color: #FAC310; } #sitenav-box .sitenav_item_top { margin-top: 0; padding-top: 0; padding-left: 10px; } #sitenav-box .sitenav_item_top a { background-image: none; padding-left: 0px; } #sitenav-box .sitenav_item_1 { padding-left: 10px; } #sitenav-box .sitenav_item_2 { padding-left: 20px; } #sitenav-box .sitenav_item_3 { padding-left: 30px; } #sitenav-box .sitenav_item_4 { padding-left: 40px; } #sitenav-box .sitenav_item_5 { padding-left: 50px; } #sitenav-box .sitenav_item_6 { padding-left: 60px; } #sitenav-box .sitenav_item_7 { padding-left: 70px; } #sitenav-box .sitenav_item_8 { padding-left: 80px; } #sitenav-box .sitenav_item_9 { padding-left: 90px; } #sitenav-box div { padding-left: 100px; } #sitenav-box #active { background-color: #444444; } #sitenav-box { background: #222222; } .tabnav-t { margin:0px 2px; } .tabnav-u { margin:0px 8px 10px 8px; } .titlenav-t { margin:0px 0px; } .tabnav-t ul, .tabnav-u ul, .titlenav-t ul { height:24px; margin:0px; padding:0px; list-style:none; } .tabnav-t ul.fullbar, .tabnav-u ul.fullbar{ background:url("/ggl/images/ggl_bg_tab_full.gif") repeat-x scroll 0% 0pt; } .titlenav-t ul { background:url("/ggl/images/ggl_bg_tab_full.gif") repeat-x scroll 0% 0pt; } .tabnav-t ul li.tab { font-weight: bold; float:left; min-height:18px; padding:4px 10px 0px 10px; border:2px groove #333333; border-bottom:0px; background-image:url("/ggl/images/ggl_bg_tab.gif"); color:#FAC310; text-align:center; } .tabnav-t ul li.tab-a { text-transform: uppercase; float:left; height:22px; padding:0px; border:2px groove #333333; border-bottom:0px; background-image:url("/ggl/images/ggl_bg_tab.gif"); color:#FFCC00; font-weight:bold; text-align:center; } .tabnav-t ul li.tab-a:hover { background:transparent url("/ggl/images/ggl_bg_nav_on.png") repeat-x scroll 0pt; color:#FAC310; } .tabnav-t ul li.tab-a a { display:block; height:18px; padding:4px 10px 0px 10px; border:0px; color:#FFCC00; text-align:center; text-decoration:none; } .tabnav-t ul li.tab-a a:hover { color:#FAC310; } .tabnav-t ul li.tab-a-hovered { text-transform: uppercase; float:left; height:22px; padding:0px; border:2px groove #333333; border-bottom:0px; font-weight:bold; text-align:center; background:transparent url("/ggl/images/ggl_bg_nav_on.png") repeat-x scroll 0pt; color:#FAC310; } .tabnav-t ul li.tab-a-hovered:hover { background:transparent url("/ggl/images/ggl_bg_nav_on.png") repeat-x scroll 0pt; color:#FAC310; } .tabnav-t ul li.tab-a-hovered a { display:block; height:18px; padding:4px 10px 0px 10px; border:0px; color:#FAC310; text-align:center; text-decoration:none; } .tabnav-t ul li.tab-a-hovered a:hover { color:#FAC310; } .titlenav-t ul li.tab { float:left; min-height:18px; padding:4px 10px 0px 10px; border:2px groove #333333; border-bottom:0px; background-image:url("/ggl/images/ggl_bg_tab.gif"); color:#FFCC00; font-weight:bold; text-align:center; } .titlenav-t ul li.tab-a { text-transform: uppercase; float:left; height:22px; padding:0px; border:2px groove #333333; border-bottom:0px; background-image:url("/ggl/images/ggl_bg_tab.gif"); color:#FFCC00; font-weight:bold; text-align:center; } .titlenav-t ul li.tab-a:hover { background:transparent url("/ggl/images/ggl_bg_nav_on.png") repeat-x scroll 0pt; color:#FAC310; } .titlenav-t ul li.tab-a a { display:block; height:18px; padding:4px 10px 0px 10px; border:0px; color:#FFCC00; text-align:center; text-decoration:none; } .titlenav-t ul li.tab-a a:hover { color:#FAC310; } .titlenav-t ul li.tab-a-hovered { float:left; height:22px; padding:0px; border:2px groove #333333; border-bottom:0px; font-weight:bold; text-align:center; background:transparent url("/ggl/images/ggl_bg_nav_on.png") repeat-x scroll 0pt; color:#FAC310; } .titlenav-t ul li.tab-a-hovered:hover { background:transparent url("/ggl/images/ggl_bg_nav_on.png") repeat-x scroll 0pt; color:#FAC310; } .titlenav-t ul li.tab-a-hovered a { display:block; height:18px; padding:4px 10px 0px 10px; border:0px; color:#FAC310; text-align:center; text-decoration:none; } .titlenav-t ul li.tab-a-hovered a:hover { color:#FAC310; } .tabnav-u ul li.tab { float:left; min-height:18px; padding:4px 10px 0px 10px; border:2px groove #333333; border-top:0px; background:#666666; color:#FFCC00; font-weight:bold; text-align:center; } .tabnav-u ul li.tab-a { float:left; height:22px; padding:0px; border:2px groove #333333; border-top:0px; background:#666666; color:#FFCC00; font-weight:bold; text-align:center; } .tabnav-u ul li.tab-a:hover { background:#999999; color:#FAC310; } .tabnav-u ul li.tab-a a { display:block; height:18px; padding:4px 10px 0px 10px; border:0px; color:#FFCC00; text-align:center; text-decoration:none; } .tabnav-u ul li.tab-a a:hover { color:#FAC310; } .tabnav-u ul li.fill302 { width: 262px; } .tabnav-u ul li.fill200 { width: 160px; } .tabnav-u ul li.half200 { width: 68px; } .tabnav-u ul li.fill200-a { width: 160px; } .tabnav-u ul li.half200-a { width: 88px; } .tabnav-u ul #tab-shown-a { width: 92px; border: 0px; background: transparent; color: #000000; } .tabnav-u ul #tab-shown-a a { color: #000000; } .tabnav-u ul #tab-shown-a a:hover { color: #666666; } .tabnav-t ul li.tab-side, .tabnav-t ul li.tab-side-a { border-right: 0px; } .tabnav-t ul li.tab-add-a { float: right; height: 24px; padding: 0px; border: 0px; } .tab-hide { float: right; padding: 0px; text-align: right; } .tab-hide a { color: #FF9900; } .tab-hide a:hover { color: #FAC310; } /* buttons are floated and must be cleared via this wrapper */ .buttons { overflow:auto; outline:0; margin:5px 0; } /* float clear */ /*registration page button*/ .button_registration {float: none; position: relative; left: 45%;} .button { background:url("/ggl/images/button.contentbox.left.jpg") center left no-repeat; display:block; float:left; height:20px; line-height:20px; position:relative; padding:0; margin:0 5px; } .button button, .button a { background: url("/ggl/images/button.contentbox.right.jpg") center right no-repeat; margin:0; padding:0 10px; border:0; color:white; font-weight:bold; cursor:pointer; display:block; font-size:11px; height:20px; line-height:20px; } .tabheadline { font-size: 9pt; font-weight: bold; color: #FAC31D; margin-bottom: 5px; text-decoration: none; text-transform:uppercase; overflow: hidden;} .tabheadline a:hover { font-size: 9pt; font-weight: bold; color: #FED720; margin-bottom: 5px; text-decoration:underline;} .headline, h3 { font-size: 9pt; font-weight: bold; color: #FAC310; margin-bottom: 5px; } .subheadline { font-size: 8pt; color: #FFCC00; } .section { font-size: 8pt; color: #CCCCCC; background-color: #000000; } .new { color: #FF0000; } .required { color: #FF0000; } .example { color: #CCCCCC; text-decoration: underline; } .footnote { font-style: italic; } .pagecount { float: right; width: 70%; font-weight: normal; text-align: right; word-spacing: 2px; } .pagecount a { color: #FAC310; text-decoration: underline; word-spacing: normal; } .pagecount a:hover { color: #FF9900; } /* Content Box styles */ .content-box { margin: 0px 0px 15px 0px; padding: 0px; background: #171717; color: #AAA; position:relative;} .content-box .top_left, .content-box .top_right, .content-box .bottom_left, .content-box .bottom_right { position:absolute; width:10px; height:10px; background: url("/ggl/images/sprite.png");} /* dark gray corners */ .content-box .top_left { top:0; left:0; background-position:0 -176px;} .content-box .top_right { top:0; right:0; background-position:-10px -176px;} .content-box .bottom_left { bottom:0; left:0; background-position:0 -186px;} .content-box .bottom_right { bottom:0; right:0; background-position:-10px -186px;} .content-box-body { padding:10px; overflow:auto; outline:0; } .padding-box { padding: 8px 10px; line-height: 1.3em; } .content-box-l { float: right; width: 50%; margin: 0px; padding: 0px; border: 0px; background: transparent; color: #CCCCCC; } .content-box-r { float: right; width: 50%; margin: 0px; padding: 0px; border: 0px; background: transparent; color: #CCCCCC; } .content-box table { width: 100%; margin: 0px; padding: 0px; } .content-box ol { margin-left: 0px; padding: 0px 25px; } .content-box ul { margin-left: 0px; padding: 0px 25px; list-style-type: disc; } .content-box ul li { margin-bottom: 12px; } .content-box h2.headline {padding-left: 5px; color: #FAC310;} .content-box .title h1 { font-size: 12px; line-height: 33px; height:33px; margin: 0; background: url("/ggl/images/sprite.png") -10px -76px no-repeat; padding:0 10px; font-weight: bold; color: #f2f2f2;} .content-box .title h1 .icon { float: left; height: 20px; width: 27px; margin-top: 6px; margin-right: 10px; background: url("/ggl/images/sprite.png") 100px -176px; display: none;} .content-box .subtitle { width: 100%; border-bottom: 1px solid #666; padding: 0 0 5px 0; overflow: hidden; } .keylined-box { border:1px solid #666666; } #featured_members h1 .icon { background-position:-25px -176px; width:16px; display:block;} #wire h1 .icon { background-position:-291px -176px; width:58px; display:block; margin-top:3px;} #poll h1 .icon { background-position:-352px -176px; display:block; height:23px; width:20px;} .tab-margin { margin-top: 24px; } .content-list { margin: 0px 0px 0px 0px; padding: 8px 0px; border: 1px solid #999999; background: #FFFFFF; color: #333333; } .stage { display: block; position: relative; width: 998px; margin: 0pt auto; background: #000000; font-size: 8pt; text-align: left; outline:0; overflow:hidden;} .content { margin: 0px; overflow: hidden; } .contentNoLeftCol { float: left; width: 980px; margin: 0px 9px; overflow: hidden; } .left200 { float: left; width: 200px; height: auto; margin: 10px; color: #000000; *margin: 10px 10px 10px 7px; } /* One column layout */ .center760 { float: left; width: 760px; height: auto; margin: 9px 0px; color: #FFFFFF; } .center770 { float: left; width: 770px; height: auto; margin: 9px 0px; color: #FFFFFF; } .center980 { float: left; width: 980px; height: auto; margin: 9px; color: #FFFFFF; } /* Two column layout */ .center458 { float: left; width: 458px; height: auto; margin: 10px 0px; color: #FFFFFF; } .right302 { float: left; width: 302px; height: auto; margin: 10px 0px 10px 9px; color: #000000; } /* Two column layout with no nav/left column */ .center668 { float: left; width: 668px; height: auto; margin: 10px 0px; color: #FFFFFF; } /* Two column layout for home page in Internet Explorer 6 (and possibly older versions */ .rightMsie302 { float: left; width: 300px; height: auto; margin: 10px 0px; color: #000000; } .head { width: 998px; margin: 0 auto; } .capp { width: auto; height: 15px; margin: 0 auto; width: 982px; padding: 6px 8px 6px 8px; background:#000 url("/ggl/images/sprite.png") repeat-x left -109px; font-size: 8pt; color: #CCCCCC; } .capp img.icon { width: 17px; height: 17px; margin: 0 8px 0 0; } .capp a { text-decoration: none; color: #DDD; } .capp a:hover { color: #FFF; } .capp .help_text { margin: 0 12px 0 0; padding: 1px; float: left; text-transform: uppercase; } .capp .help_text a { color: #999; } .capp .network_label { float: left; padding: 1px 10px; color: #fac31d; } .capp .network_nav { float: left; margin: 1px 0 0 0; } .capp .network_nav ul { display: inline; margin: 0 4px; padding: 0; } .capp .network_nav li { display: inline; border-left: 1px solid #000; list-style-type: none; padding: 0 10px; } .capp .datetime { float: right; } .mast { width: auto; height: 116px; background: #000000 url("/ggl/images/ggl_bg_head.png") repeat-x 0 0px; color: #CCCCCC; } /*Login box style*/ #login_form {width: 998px; height: 22px; line-height:17px; font-size: .9em; color: #fff; font-weight: bold; white-space: nowrap; cursor: default; overflow: hidden; background: url('/ggl/images/sprite.png') no-repeat 0px -50px; padding-top: 4px; } #login_form .sign_out { float:right; margin-right:12px; } #login_form .site_admin {float:right; color: #ff0000;} #login_form .submit, #login_form .join { background:url(/ggl/images/sprite.png); float: left; display: block; text-indent:-9000px; border:0; } #login_form .submit { background-position:-52px -199px; height:13px; margin:3px 4px; width:26px;} #login_form .join { background-position:-20px -198px; height:15px; width:30px; outline:0; margin:1px 4px; } #login_form a {color:# 999; text-decoration: none; margin-left:24px;} #login_form a:hover {color: #ccc; text-decoration: underline;} #login_form #login {display: inline; float: left; margin:0 0 0 12px; padding: 0px; vertical-align: middle; overflow: hidden; } #login_form #header_login_btn {float:left; border-left:solid 1px #2f2f2f; margin-left:12px; padding-left:6px; cursor:pointer;} #login_form #login_joinggl {float: right; margin:0px 12px 0 0; } #login_form #login_joinggl img { width: 30px; height: 15px; background-position:-20px -198px; } #login_form #usr_flag {} #login_form label { float:left; margin-top: 0px; } #login_form input {float: left; display: block; margin: -2px 12px 0 6px; } #login_form form img { width: 26px; height: 13px; background-position:-52px -199px; margin: 3px 4px; } #login_form #login_usr_name, { margin-left: 12px; color: #fff; } #login_form #login_usr_greeting { float: left; margin: 0px 0 0 12px; padding: 0 12px 2px 0; color: #fff; border-right: 1px solid #666;} #login_form #login_usr_greeting img.userFlag { margin: 0 8px 0 0; } #login_form .usr_pic {margin-left:12px; float:left; height:16px; width:16px; border: 1px solid #666; } #login_form .lnk_admin_manage {color: red;} .welcome { font-size: 10pt; font-weight: bold; line-height: 1.8em; color: #FAC310; } .welcome a { font-size: 10pt; font-weight: bold; line-height: 1.8em; color: #FAC310; } .foot { width: 974px; height: 16px; margin: 0pt auto; padding: 12px; border: 1px solid #000000; background: #000000 url("/ggl/images/ggl_bg_foot.png") repeat-x 0 0px; font-size: 8pt; text-align: center; color: #FFFFFF; } .foot a { text-decoration: none; color: #FFFFFF; } .foot a:hover { color: #FAC310; } .gglnetwork { float: right; width: 262px; height: 92px; background-image: url("/ggl/images/ggl_fpo_network.jpg"); } .banner { width: 998px; margin: 0 auto; overflow: hidden; background:black;} .banner img {border: 0; outline: 0;} .banner, .banner #advert, .banner #advert a {outline: 0;} /*prevents ad from wrapping in IE7*/ .banner #advert { width: 728px; height: 90px; float: left;} .banner .banner_right { width: 270px; float: right; } .left200 #advert { padding-left: 20px; padding-right: 20px} .right302 #advert { width: 300px; height: 250px; margin-bottom: 10px; border: 1px solid #666666; } /* home page related styles */ /* GGL Wire */ #wire { background: #CCCCCC; color: #666666; } #wire ul { list-style: none; margin:0; padding:0; } #wire ul li { position: relative; overflow: auto; padding: 10px 0; border-bottom: 1px solid #999999; margin: 0; } #wire ul li.last { position: relative; overflow: auto; padding: 10px 0; border-bottom: 0; margin: 0; } #wire a { color: #1b1b1b; } #wire a:hover { text-decoration:underline; } #wire .timestamp { clear: left; width: 50%; } #wire .creator {position: absolute; left: 50%; bottom:10px;} #wire .creator a { } #wire .pagination { background: #404040; margin: 0 -10px; padding: 4px 10px; overflow: auto; font-size: 12px; color: #FFF; height: 22px;} #wire .pagination a { color: #FFF; } #wire .pagination a:hover { text-decoration: none; } #wire .pagination_prev { float: left; width: 44px; } #wire .pagination_next { float: right; width: 44px; text-align: right; } #wire .pagination_prev a, #wire .pagination_next a { display: block; padding: 3px; } #wire .pagination_links { float: left; width: 186px; padding: 3px; text-align: center; } #wire .pagination_links a { display: inline; border: 1px solid #000; margin: 0 2px; padding: 2px 5px; } #wire .pagination_links div { display: inline; background: #515151; margin: 0 2px; padding: 3px 6px; color: #FAC310; font-weight: bold; } /* platform icons (small) */ span.platform_PC, span.platform_Xbox360, span.platform_Wii, span.platform_Playstation3, span.platform_PlayStation3 { background:url(/ggl/images/sprite.png); display:block; width:21px; height:20px; float:left; text-indent:-9000px; margin-right:5px;} span.platform_PC { background-position:-957px -176px;} span.platform_Xbox360 { background-position:-977px -176px;} span.platform_Wii { background-position:-915px -176px;} span.platform_Playstation3, span.platform_PlayStation3 { background-position:-936px -176px;} #match-results { padding: 0px; } #match-results .filter-table { padding-bottom: 8px; font-size: 9pt; color: #CCCCCC; } #match-results .filter-table .short-td { } #match-results .filter-table .long-td { width: 140px; } #match-results #filterselect { width: 134px; vertical-align: top } #match-results .result-box, #match-results .result-boxAlt { margin: 8px 0px 0px 0px; } #match-results .result-box {background-color: #222222; } #match-results .result-boxAlt{ background-color: #FFFFFF;} .result-title { margin: 0px 12px 8px 12px; padding: 4px; border: 1px solid #666666; font-size: 9pt; font-weight: bold; text-align: center; color: #FFFFFF; background-color: #333333; } #match-results .resultdetails { color: #CCCCCC; } .result-title a {color: #CCCCCC;} .result-title a:hover {color: #FF9900;} #competitions_and_groups {background:#424242; color:#f6f6f5;} #competitions_and_groups .content-box-body { border-top:1px solid #272526;} #competitions_and_groups .content_box_content { font-size:9px;} #competitions_and_groups h2, #competitions_and_groups h3 { display:none;} #competitions_and_groups table { margin: 0px; padding: 0px; border-bottom:1px solid #272526; padding-bottom:10px;} #competitions_and_groups table td { margin: 0px; line-height:10px; font-weight:bold; padding:6px 0; vertical-align:top;} #competitions_and_groups table th { color:#FAC31D; font-size:11px;} #competitions_and_groups table th.subtitle { border:0pt; color:#888888; font-style:italic; font-weight:normal; margin:0pt; padding:0pt; } #competitions_and_groups table th.label-td, #competitions_and_groups table th.value-td {padding-bottom:10px;} #competitions_and_groups table td.label-td { width: 80%; } #competitions_and_groups table td.value-td { width: 20%; text-align: center; } #competitions_and_groups table td .new { color:#FAC31D; } #competitions_and_groups table td.label-td a { color:white; display:block; margin-left:27px; } #competitions_and_groups .value-td .match_count { display:block;} #competitions_and_groups #competition-active table td.label-td span.platform_PC, #competitions_and_groups #competition-active table td.label-td span.platform_360, #competitions_and_groups #competition-active table td.label-td span.platform_WII, #competitions_and_groups #competition-active table td.label-td span.platform_PS3 { margin-top:1px;} #competitions_and_groups table td.label-td .channel_image { float:left; width:20px; height:20px;} #competitions_and_groups table td.label-td a { margin-left:30px;} #competitions_and_groups #competition-create a { background:url('/ggl/images/sprite.png') -101px -176px; display:block; width:123px; height:39px; text-indent:-9000px; outline:0; position:relative; left:50%; margin-left:-61px; float:none;} #competitions_and_groups #create_your_own_groups a { background:url('/ggl/images/sprite.png') -516px -370px; display:block; width:123px; height:39px; text-indent:-9000px; outline:0; position:relative; left:50%; margin-left:-61px; float:none;} #competitions_and_groups #competitions_and_groupsnav1 { width:101px;} #competitions_and_groups #competitions_and_groupsnav2 { width:67px;} div.groupMsgContainer .msg_box {margin:10px 0px; padding:5px 0px;} div.groupMsgContainer .msg_box .msg {float:none; clear:right; margin-top:5px; } div.groupMsgContainer .msg_box img.avatar {float:left; width:45px; margin:5px 5px 5px 0px; clear:left;} div.groupMsgContainer .msg_box .usr {float:left;} div.groupMsgContainer .msg_box .datetime {float:right;} div.groupMsgContainer .msg_box .nuke {float:right; margin-left: 4px;} .blogWrapper { border-bottom:1px dotted #FFFFFF;} .storytitle { color: #00CC00; text-decoration: none;} .storytitle a { color: #00CC00; text-decoration: underline; } .news_summary_heading { color: #FAC310; } .news_summary_body { color: #FFFFFF; } .blogUL { color:#00CC00; padding: 0px 0px 0px 0px;} .blogEdit { color: #00CC00; text-decoration: none;} .blogEdit a { color: #00CC00; text-decoration: underline;} .blogReadmore { color: #00CC00; text-decoration: none;} .blogReadmore a { color: #00CC00; text-decoration: underline;} .blogComments { color: #00CC00; text-decoration: none;} .blogComments a { color: #00CC00; text-decoration: underline;} .blog_summary { padding-bottom:10px; border-bottom:1px solid #444444;margin-bottom:12px; position:relative; overflow:auto; outline:0;} .blog_summary.last { padding-bottom:0; border-bottom:0; margin-bottom:0;} .blog_summary .user { float:left; margin-right:10px; text-align:center;} .blog_summary .blog { overflow:auto; outline:0;} .blog_summary .blog h3 { margin:0;} .blog_summary .blog .body { margin-bottom:6px;} .blog_summary .user .name label { display:none; } .blog_summary .photo img { width:47px; height:47px;} .blog_summary .details { font-size:7pt; line-height:15px;} .blog_summary .details .by .verbose{ display:none } .blog_summary .details .post_time { display:inline; } .blog_summary .details .post_time label { display:none; } .blog_summary .details { float:right; width:100px; margin-left:15px; } .blog_summary .details .comments { float:left; } .blog_summary .details .read_more { float:left; display:none; } #blogspot-timestamp { padding: 8px 8px 0px 8px; font-size: x-small; color: #666666; } #blogspot-table { padding-top: 2px; color: #000000; } #blogspot-table td { vertical-align: top; } #member-td { width: 100px; text-align: center; } #member-td a img { width: 75px; height: 75px; border: 1px solid #666666; } #member-td a { color: #006400; text-decoration: none; } #member-td a:hover { color: #006400; text-decoration: underline; } #blog-td { padding-right: 6px; color: #000000; } #readmore { color: #006400; padding-right: 6px; text-align: right; } #readmore a { color: #006400; } #readmore a:hover { color: #006400; text-decoration: underline;} #blogs-spotlight .blogspot-table .button-td { width: 40%; text-align: center; } #blogspot-title { font-size: 8pt; font-weight: bold; color: #000000; line-height: 1.8em; } #blogspot-foot { color: #000000; margin: 16px 10px 8px 0px; } #leaderboard { color: #FFFFFF; } #leaderboard .lboard { margin: 0px; padding: 0px; border-top: 2px solid #666666; background: transparent url("/ggl/images/ggl_bg_302_main.png") repeat-y scroll 0px 0%; text-indent: 0px; list-style: none; } #leaderboard h2 { margin: 0px; padding: 4px; background: #666666; color: #FFCC00; font-size: 8pt; font-weight: bold; text-align: center; } #leaderboard a { color: #00CC00; } #leaderboard a:hover { color: #00CC00; text-definition: underline;} #leaderboard .lboard-status { margin: 0px; padding: 8px; background: #575757; color: #33CC00; text-align: center; } #leaderboard table.lboard-table { border-collapse: collapse; width: 100%; color: #CCCCCC; } #leaderboard th { vertical-align: bottom; margin: 0px; padding: 4px; border-bottom: 1px solid #666666; font-weight: bold; } #leaderboard td { vertical-align: top; margin: 0px; padding: 4px; } #leaderboard th.lbrank-th, #leaderboard td.lbrank-td { width: 12%; padding-right: 8px; text-align: right; background-color: #595959; } #leaderboard th.lbname-th, #leaderboard td.lbname-td { width: 50%; padding-left: 8px; background-color: #555555; } #leaderboard th.lbrating-th, #leaderboard td.lbrating-td { width: 19%; text-align: center; background-color: #595959; } #leaderboard th.lbwin-th, #leaderboard td.lbwin-td { width: 9%; padding-right: 0px; text-align: right; background-color: #555555; } #leaderboard th.lbloss-th, #leaderboard td.lbloss-td { width: 10%; padding-left: 0px; text-align: left; background-color: #555555; } #leaderboard table.filter-table { width: auto; margin: 4px auto 0px; padding: 0px; } .lboard-b { } .lboard-b .prev { float: left; width: 112px; padding-right: 10px; text-align: right; } .lboard-b .next { float: right; width: 112px; padding-left: 10px; text-align: left; } .lboard-b .status { visibility: hidden; } .lboard-b a { color: #FAC310; cursor: hand; } .lboard-b a:hover { color: #FF9900; cursor: hand; } /* games related styles */ .admin-rules { float: right; width: 30%; font-weight: normal; color: #00CC33; } .admin-rules a { color: #FAC310; } .admin-rules a:hover { color: #FF9900; } #tournament-ad { margin: 0px; padding: 0px; } #tournament-summary { } #tournament-players { } #tournament-prizes { height: 242px; overflow: auto; } #tournament-details { display: block; overflow: auto; } #tournament-summary div.joinleave { margin: 0px; padding: 6px; background-color: #333333; text-align: center; } #ladder_header_info div {float: left; clear: right;} #ladder_header_info label{font-weight: bold; color: #FFCC00; margin: 0px; width: 120px; min-width: 100px; display: block; float: left; clear: left; padding: 4px;} #ladder_header_info span {float: left; padding: 4px;} #ladder_header_info hr {clear: both; border: 0px; padding: 0px; margin: 0px; height: 1px; color: #444; background-color: #444;} #tournament-description { height: 236px; overflow: auto; } #tournament-prizes table { height: 50px; margin: 0px 0px 10px 0px; padding: 0px; background-color: #222222; } body.games #tournament-prizes table { background:none;} #tournament-prizes table tr { margin: 0px; padding: 0px; } #tournament-prizes table td { margin: 0px; padding-right: 30px; text-align: center; } #tournament-prizes table td.icon-td { width: 50px; height: 50px; padding: 2px 10px; text-align: center; } #tournament-prizes table td.money-td { padding-right: 40px; text-align: right; } #tournament-body { clear: both; margin: 8px 0px; } #tournament-body .tournament-container { margin: 8px 0px 0px; } #tournament-chart { display: none; overflow: auto; } #tournament-rules { display: none; } /* contactus related styles */ .contactus-box { } .contactus-box .contact-table { padding: 2px 0px 10px 0px; } .contactus-box .contact-table td { vertical-align: top; } .contactus-box .contact-table td.label-td { width: 50%; } .contactus-box .contact-table td.value-td { width: 50%; } .contactus-box .contact-table td.value-td { vertical-align: top; } .contactus-box a { color: #FAC310; } .contactus-box a:hover { color: #FF9900; } /* forums related styles */ #forums { color: #bcbcbc; } #forums_table td { vertical-align: top; border-bottom: 1px solid #444; padding: 12px 9px 13px 9px; } #forums_table td h3 { margin-top: 0;} #forums_table tr.first td { padding-top: 0; } #forums_table .stats_td { text-align: right; } #forums_table .date_time label { display: none; } #forums_table .read_more { display: none; } #forums_topposters { } #forums_topposters td { padding: 4px; text-align: center; } #forums_summary { } #forums_summary table { margin: 10px 0; border-collapse: collapse; color: #FFF; } #forums_summary th { border-bottom: 1px solid #CCC; padding: 4px; color: #CCC; font-weight: normal; text-align: center; } #forums_summary th:first-child { font-weight: bold; text-align: left; } #forums_summary th, #forums-summary td { margin: 0; } #forums_summary tbody tr:hover { background-color: #444; } #forums_summary td { vertical-align: top; border-bottom: 1px solid #666; padding: 4px; text-align: center; } #forums_summary td:first-child { text-align: left; } #forums_summary tfoot td { border-bottom: 0; } /* Interim styles until the forums topics list is de-tabled */ #forums_topics { } #forums_topics table { margin: 0; border-collapse: collapse; color: #FFF; } #forums_topics td { vertical-align: top; border-bottom: 1px solid #666; padding: 8px; } #forums_topics tfoot td { border-bottom: 0; } #forums .forum_foot { text-align:right; font-size:12px; padding-top:10px;} /* login/registration related styles */ body.account_registration .stage .content { padding:10px;} body.account_registration .content-box .content-box { background:none; margin:0; padding-bottom:0;} body.account_registration h5 { margin-top:0;} body.account_registration .stage .content .columns .right_col { width:270px;} body.account_registration .stage .content .columns .left_col { width:693px;} body.account_registration .stage .content .columns .right_col .buttons { float:right; } body.account_registration .content-box-body { overflow:auto; } body.account_registration #reg_registrationBlock .button_registration { float:left; } #login_wrapper {width: 978px; overflow: auto;} #password_login .content-box, #password_forgot .content-box{ } #password_login { margin-bottom:10px; } #password_login #loginpassword-box { height: 200px; } #password_login #logininput { font-size: 100%; } #password_forgot #logininput { margin-top: 4px; font-size: 100%; } #register table { color: #CCCCCC; } #register table td { line-height: 1.5em; } #register table td.label-td { width: 30%; } #register table td.value-td { width: 70%; vertical-align: top; } #register table td.question-td { width: 30%; vertical-align: top; } #register table td.question-td ol { margin-top: 0px; padding: 0 25px; } #register table td.answer-td { width: 70%; vertical-align: top; padding-bottom: 8px; } #register table td.answer-td div.mcanswer { width: 33%; float: left; } #register table input, #register table select { margin: 4px 5px 2px 0px; } #register table input.radio { margin: 0px 0px 1px; } #register table td.withbutton input { float: left; margin-right: 5px; } #person_details_block .input { overflow:auto; outline:0; margin-bottom:10px; line-height:20px;} #person_details_block .input label { float: left; width:109px; color: #FAC310; line-height:20px;} #person_details_block .input label a { text-decoration:underline;} #person_details_block .input input, #person_details_block .input select { float:left; margin:0; margin-right:10px;} #person_details_block .checkbox_input label { width:auto; float:none; } #person_details_block .checkbox_input input { margin:3px; margin-left:0; margin-right:5px; } #person_details_block .username_input .buttons { float:left; margin:0; } #usernameMessage { float:left; clear:both; padding:2px; margin-left: 109px; } #forgotpassword-box label { display:block; } /* members related styles */ #members-filter { margin-bottom: 10px; } #members-filter .memberfilter-table { } #members-filter #filterselect { width: 200px; margin-top: 2px; font-size: 100%; } #members-filter #filterinput { width: 132px; margin-top: 4px; font-size: 100%; } #members-filter table td { margin: 0px; padding: 8px 10px; border-bottom: 1px solid #444444; } #members-filter table td.label-td { width: 140px; padding-top: 10px; } #members-filter table td.value-td { width: auto; } #members-icons .member { float:left; width:105px; color:#FFFFFF; padding:8px 0px; text-align:center; } #members-icons .member a img { width:70px; height:70px; padding:0px; border:1px solid #666666; vertical-align: bottom;} #members-icons .member a { text-decoration:none; } #members-icons .member a:hover { text-decoration:underline; } #sendmessage #sendmessage-box #messageinput { width: 50%; font-size: 100%; } #sendmessage #sendmessage-box #messagetextarea { width: 100%; height: 150px; font-size: 100%; } /* teams related styles */ #teams-filter { min-height: 209px; } #teams-filter #teamfilter-box { min-height: 200px; } #teams-filter .teamfilter-table { } #teams-filter #filterselect { width: 200px; margin-top: 2px; font-size: 100%; } #teams-filter #filterinput { width: 132px; margin-top: 4px; font-size: 100%; } #teams-filter table { border-bottom: 1px solid #444444; } #teams-filter table td { margin: 0px; padding: 8px 10px; xborder-bottom: 1px solid #444444; } #teams-filter table td.label-td { width: 140px; padding-top: 10px; } #teams-filter table td.value-td { width: auto; } #teams-icons .team { float: left; width: 105px; color: #FFFFFF; padding: 8px 0px; text-align: center; } #teams-icons .team a img { width: 70px; height: 70px; padding: 0px; border: 1px solid #666666; vertical-align: bottom;} #teams-icons .team a { text-decoration: none; } #teams-icons .team a:hover { text-decoration: underline; } /* Awards */ .awardsTable {} .awardsTable td.image {width: 32px;} .awardsTable td.desc {width: 110px; color: #FFFFFF} /* widget related styles */ .wcontent { height: auto; margin: 10px; padding:0px; clear: both;} .wrow { margin: 0px; padding:0px; } .wcolumn { float:left; width:314px; padding:0px 8px; color: #FFFFFF;} .wcontent-box { margin:0px 0px 10px; padding:0px 4px 4px; background:#000000; } .wtitlebar { margin:0px; padding:4px; border-bottom:1px solid #444444; background:#222222; font-weight:bold; } .wfilterbar { margin:0px; padding:4px; border:0px; background:#222222; font-weight:bold; text-align:center; } .wfilterbar select { margin:0px 20px; font-weight:normal; } .wfilterbar input[type=image] { vertical-align:bottom; } /* widget building blocks styles */ .wtitlebar a { color:#FAC310; } .wtitlebar .rating { font-size: 8pt; color: #fff; } .wcb { background-color:#222222; } .wcb-em { background-color:#666666; } .wcb-m { margin:5px 0px 0px; } .wcb-p { padding:5px; } /** ggl_local.css **/ .competitions-box .forums-table td { margin: 0; padding-bottom: 0; } .competitions-box .forums-table .message-td { width: 175px; } .competitions-box .forums-table .stats-td { text-align: right; padding-right: 3px; width: 120px; } .competitions-box .forums-table .join { color: #00ff00 } .competitions-box .forums-table .full { color: #ff0000 } .competitions-box .forums-table .soon { color: #ffcc00 } .winfobar { padding: 4px 0; } .winfobar table { width: 304px; } .winfobar a { color: #00ff00; } .winfobar a:hover { color: #ffcc00; } .wbulletins { background-color: #666; } .wbulletins table { width: 300px; margin: 0px; } .wbulletins table th { font-weight: normal; color: #FAC310; background-color: #333; background-repeat: no-repeat; background-position: 2px 1px; } .wbulletins table th, .wbulletins table td { padding: 4px; vertical-align: top; } .wbulletins table th span.date { float: right; } .wbulletins table th span.date, .wbulletins table th span.name { display: block; padding-top: 2px; padding-left: 25px; } .wbulletins table td.thumb { width: 20px; } .wbulletins table td.thumb img { border: 1px solid #999; } td.right { text-align: right; } #wnav { margin: 20px 0 5px; } #wnav ul { list-style-type: none; } #wnav ul li { background: #292929 url("/ggl/images/ggl_bg_wnav.gif") repeat-x; float: left; line-height: 22px; border: 1px solid #272727; } #wnav ul li a { display: block; padding: 0 25px; height: 24px; color: #fff; text-decoration: none; } #wnav ul li a:hover { color: #ff0000; } #wprofile { margin-bottom: 10px; } #wprofile .wtitlebar { color: #FAC310; font-size: 14pt; font-weight: normal; margin-bottom: 5px; } #wprofile .photo { margin-left: 4px; float: left; width: 160px; } #wprofile .photo img { border: 1px solid #666; } #wprofile .box { float: left; text-align: center; font-size: 8.5pt; margin-left: 5px; min-height: 160px; background-color: #242424; } #wprofile .box a { color: #FAC310; } #wprofile .box a:hover { color: #FF9900; } #wprofile .box strong { font-weight: normal; color: #FAC310; } #wprofile .box div.boxcontent { margin: 8px; } #wprofile .about { width: 298px; height: 160px; overflow: auto; text-align: left; } #wprofile .about .link { text-align: right; } #wprofile .aboutteam { width: 555px; height: 160px; overflow: auto; text-align: left; } #wprofile .aboutteam .link { text-align: right; } #wprofile .stats { width: 240px; height: 160px; overflow: auto; line-height: 16pt; text-align: left; } #wprofile .stats div.boxcontent { margin-top: 4px; } #wprofile .actions { width: 250px; } #wprofile .actions div.boxcontent { margin: 4px; } #wprofile .actions a.actionItem { display: block; width: 100%; background-color: #2d2d2d; margin-bottom: 2px; padding: 7px 0; } #wprofile .actions a.btn { color: #FFF; } #wprofile .actions a.actionItem:hover { background-color: #5D5D5D; } #profile_game_sig {background-color:Black;} #profile_game_sig .content-box {background:Black none;} #profile_game_sig #sig_form {float:left; width:190px; margin:0px 24px;} #profile_game_sig h3 {color:#FAC310;} #profile_game_sig ul {list-style-type: none; padding:0px; margin-bottom:60px;} #profile_game_sig ul li {vertical-align:middle;} #profile_game_sig input { line-height:1em; float:left;} #profile_game_sig label { padding:5px; text-align:left; font-weight:bold;line-height:1em; vertical-align:baseline;} #profile_game_sig #sig_display {float:left; text-align:center; margin-top:24px;} #profile_game_sig textarea {width:350px; height:40px; clear:both; display:block;} #profile_game_sig textarea + label {float:left;} #profile_game_sig #sig_img {width:348px; height:75px; min-width:350px; min-height:75px; border:solid 1px #363636; clear:both; display:block;} #profile_game_sig #caption_sig_img {width:350px; text-align:center; display:block; margin-bottom:12px;} #profile_game_sig a#sig_advert {float:right; border-left:#666666 1px solid; padding-left:9px;} #profile_contentblock { margin:10px; } #profile_loadingblock { margin:10px; } #password_change { overflow:auto; outline:0; } #password_change label {display:block; width:134px; padding:0px 0px 2px 0px;} #password_change p { width:200px; float:left; margin-top:8px;} #password_change .button {float:left; } #password_change .button ul {margin:0px; width:auto;} #password_change .input { overflow:auto; outline:0; margin-bottom:10px; line-height:20px;} #password_change .input label { float: left; width:145px; color: #FAC310; line-height:20px;} #password_change .input label a { text-decoration:underline;} #password_change .input input, #password_change .input select { float:left; margin:0; margin-right:10px;} #password_change .checkbox_input label { width:auto; float:none; } #password_change .checkbox_input input { margin:3px; margin-left:0; margin-right:5px; } #password_change .username_input .buttons { float:left; margin:0; } .profileMainLeft #userIdentityBlock, .profileMainLeft #userIdentityBlock, .profileMainRight #userIdentityBlock { max-height: 400px; overflow: auto; } #userIdentityBlock .button { margin: 0 0 0 5px; } #userIdentityBlock table { border-collapse: collapse; } #userIdentityBlock th { width: 35%; padding: 4px 0; font-weight: normal; } .profileMainLeft #userIdentityBlock th, .profileMainLeft #userIdentityBlock th, .profileMainRight #userIdentityBlock th { width: 60%; text-align: right; font-weight: bold; } #userIdentityBlock td { width: 65%; padding: 2px 0 2px 8px; } .profileMainLeft #userIdentityBlock td, .profileMainLeft #userIdentityBlock td, .profileMainRight #userIdentityBlock td { width: 40%; } #userIdentityBlock #userIdentityMessage { border: 1px solid #666; margin: 4px 0 8px 0; padding: 4px; display: none; } #userIdentityBlock #userIdentityMessage ul { margin-bottom: 0; } #userIdentityBlock #userIdentityMessage ul li { margin-bottom: 0; } #userIdentityBlock .container { width: 100%; overflow: auto; margin: 10px 0; } #userIdentityBlock .fl { width: 50%; } #userIdentityBlock .fr { width: 50%; } #userIdentityBlock div.category { margin: 10px 0 0 0; } #userIdentityBlock input { float: left; font-size: 1em; border: 1px solid #444; padding: 2px; } #userIdentityBlock input.success { border: 1px solid #0F0; background: #CFC; } #userIdentityBlock input.failure { border: 1px solid #F00; background: #FCC; } #userIdentityBlock input.unchanged { border: 1px solid #444; background: #FFF; } #userIdentityBlock .buttons { float: right; margin: 1px; } /* For backwards compatibility */ .match-results .dispute { text-align: center; font-weight: bold; color: #F00; } #profilestatblockwrapper { margin-bottom:10px;} #profile_contentblock #game_icons .content-box { background:#333333 ; margin-bottom:0; } #profile_contentblock #game_icons h1 .icon { background:url('/ggl/images/sprite.png') -826px -212px; display:block; width:29px; height:24px;} #profile_contentblock #game_icons div.game_icons { color: #e0e0e0; position:relative; } #profile_contentblock #game_icons div.game_icons_block { } #profile_contentblock #game_icons div.game_icons_header { margin-top: 5px; } #profile_contentblock #game_icons div.game_icons_header strong { font-size: 16px; font-weight: bold; } #profile_contentblock #game_icons div.game_icons_details { text-align: left; margin-top: 20px; } #profile_contentblock #game_icon_nav .game_art { display:block; height:64px; width:64px; background:url('/ggl/images/stat_tracker/sprite.png') top left; cursor:pointer; } #profile_contentblock #game_icon_nav .game_mlb08theshow { background-position:-128px 0;} #profile_contentblock #game_icon_nav .game_warhawk { background-position:-320px 0;} #profile_contentblock #game_icon_nav .game_nhl08 { background-position:-256px 0;} #profile_contentblock #game_icon_nav .game_guitarheroworldtour { background-position:-64px 0;} #profile_contentblock #game_icon_nav .game_worldofwarcraft { background-position:-192px 0;} #profile_contentblock #game_icon_nav .game_nbalive09 { background-position:-384px 0;} #profile_contentblock #game_icon_nav .game_maddennfl09 { background-position:-512px 0;} #profile_contentblock #game_icon_nav .game_fifa09 { background-position:-448px 0;} #profile_contentblock #game_icons h3 { font-size:20px; margin:10px 0; line-height:24px; text-align:left; } #profile_contentblock #game_icons #world_of_warcraft_stats h3 { margin:0; margin-bottom:15px; } #profile_contentblock #game_icons a.disabled { color:#ccc;} #profile_contentblock #profile_contentblock #game_icons .images .centerimg a { font-size: 14px; font-weight: bold; } #profile_contentblock #game_icons .images .leftimg, #profile_contentblock #game_icons .images .centerimg, #profile_contentblock #game_icons .images .rightimg { float:left; margin:0 2px; width:88px; outline:0;} #profile_contentblock #game_icons .images .name { display:block; clear:both; } #profile_contentblock #game_icons .images .leftimg { margin-left:0;} #profile_contentblock #game_icons .images .leftimg img { float:right; } #profile_contentblock #game_icons .images .leftimg .name { float:right; width:60px; text-align:center;} #profile_contentblock #game_icons .images .centerimg { width:94px; } #profile_contentblock #game_icons .images .centerimg .name { padding-top: 5px; } #profile_contentblock #game_icons .images .rightimg { margin-right:0;} #profile_contentblock #game_icons .images .rightimg .name { float:left; width:60px; text-align:center;} #profile_contentblock #game_icons .images .leftimg, #profile_contentblock #game_icons .images .rightimg {padding-top:15px;} #profile_contentblock #game_icons .images .rightimg img { float:left;} #profile_contentblock #game_icons .images .centerimg img { border:2px solid #999;} #profile_contentblock #game_icons .images .left_arrow, #profile_contentblock #game_icons .images .right_arrow { background:url('/ggl/images/sprite.png') -507px -185px; display:block; width:23px; height:23px; float:left; margin-top:20px;} #profile_contentblock #game_icons .images .right_arrow { background-position:-528px -185px; float:right;} #profile_contentblock #game_icons .description { font-style:italic; color:#ccc; opacity:.6; filter:alpha(opacity=60);} /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ #profile_contentblock #game_icons .jcarousel-container { position: relative; margin:0 -10px; border-bottom:1px solid #424141; border-top:1px solid #1a1a1a; padding:10px; padding-bottom:15px; margin-bottom:10px; background-color:#282828; height:86px;} #profile_contentblock #game_icons .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } #profile_contentblock #game_icons .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } #profile_contentblock #game_icons .jcarousel-list li, #profile_contentblock #game_icons .jcarousel-item { float: left;list-style: none; margin:2px 6px; margin-right:5px; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 64px; height: 64px; } #profile_contentblock #game_icons .jcarousel-item:hover { margin:0px 4px; margin-right:3px; border:2px solid #f5d70c;} /** * The buttons are added dynamically by jCarousel before * the