/**
 * Copyright (c) 2010 Zynga Game Network
 * kss 0.1
 **/

 html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,button,th,td{margin:0;padding:0}body{line-height:1}a{outline:none}table{border-collapse:collapse;border-spacing:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}fieldset,img,abbr,acronym,button{border:0}  .justify { overflow : visible; } .justified { float : left; } .zy-elipse-one-line { white-space: nowrap; overflow: hidden; } .pointer { cursor: pointer; } .clear:after{clear:both;content:".";display:block;height:0;line-height:0;visibility: hidden}.clear{display:inline-block}html[xmlns] .clear{display: block}* html .clear{height:1%} .right { float: right; } .left { float: left; } .center, .center.inner { text-align: center; } .center.outer { margin:auto auto; } .ns { -moz-user-select: none; -webkit-user-select: none; } #overlay { background: #000; filter: alpha(opacity=60); opacity: 0.6; background: -moz-radial-gradient(50% 25% 0deg, ellipse farthest-corner, rgba(0, 0, 0, 0.2), #000000) repeat scroll 0 0 transparent; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 8; } #overlay.white { background: #fff; filter: alpha(opacity=80); opacity: 0.8; } .zy-photo { position: relative; text-align: left; } .zy-photo .zy-photo-i { height: 40px; overflow: hidden; width: 40px; } .zy-photo.medium .zy-photo-i { height: 50px; width: 50px; } .zy-photo.large .zy-photo-i { height: 90px; width: 90px; } .zy-photo.big .zy-photo-i { height: auto; max-height: 200px; text-align: center; width: 200px; } .zy-photo.full .zy-photo-i { width: 230px; } .zy-photo img { max-width: 50px; } .zy-photo.medium img { max-width: 50px; } .zy-photo.large img { max-width: 90px; } .zy-photo.big img { max-width: 230px; } .zy-photo.framed { background: #fff; margin: 4px; } .zy-photo.big.framed { padding: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .zy-photo.big.framed img { position:absolute; left:15px; } .zy-photo a { display: block; } .zy-photo img { position: relative; } .zy-name-tip { background: #fff; padding: 10px; -moz-border-radius: 5px 0 5px 0; -webkit-border-radius: 5px 0 5px 0; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .zy-name-tip .zy-status { margin-right: 5px; vertical-align: bottom; } .zy-badge-tip { padding-bottom: 12px; position: absolute; z-index: 7; } .zy-badge-tip-border { background: rgba(0,0,0,0.5); padding: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; } .zy-badge-tip-padding { background: #fff; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 10px; } .zy-badge-tip .tip-pointer { background: url(../images/public/img_profilebadge_point.png) no-repeat 0 0; height: 17px; position: absolute; bottom: 0px; left: 30px; width: 24px; z-index: 8;} .zy-badge-tip.left-shifted .tip-pointer { left: auto; right: 30px; } .zy-badge-tip .zy-badge-tip-inner { position: relative; } .zy-badge-tip .zy-photo { position: absolute; left: 0; top: 0; } .zy-badge-tip .zy-badge-tip-content { margin-left: 60px; } .zy-badge-tip .zy-badge-friends-and-games { padding-top: 5px; height: 26px; } .zy-badge-tip .zy-friend-count { display: block; font-size: 16px; font-weight: 600; line-height: 27px; padding: 0px 10px 0px 21px; position: relative; float: left; } .zy-badge-tip .zy-friend-count .zy-icon { position: absolute; left: -5px; } .zy-badge-tip .zy-user-games { white-space: nowrap; height: 26px; float: left; } .zy-badge-tip .zy-user-games .zy-user-game { height: 24px; } .zy-badge-tip .zy-buttons { padding-top: 14px; } .zy-badge-tip .zy-buttons a.zy-button { margin-right: 5px; float: left; } .zy-user-game { margin-left: 5px; } .zy-user-game img { width: 24px; } .zy-xp-name { font-size: 16px; font-weight: 600; line-height: 37px; padding-left: 42px; position: relative; margin-left: -2px; } .zy-xp-name .name-link { display: block; white-space: nowrap; font-size: 16px; } .xp { background: url(../images/rewards/stats/star.png) 0 center no-repeat; color: #CC2626; font-size: 16px; font-weight: 600; left: 0px; position: absolute; text-align: center; width: 42px; } .show_badge { white-space:nowrap; } .zy-user-row { margin-bottom: 20px; position: relative; } .zy-user-row .zy-photo { float: left; margin-right: 15px; } .zy-user-row .zy-cancel { display: none; position: absolute; right: 0; top: 0; } .zy-user-row:hover .zy-cancel { display: block; } .zy-add { display:inline-block; padding-left:16px; line-height:13px; background: url(../images/header/iconSprite-feeds.png) bottom left no-repeat; } .zy-add:hover { text-decoration:none; } .zy-cancel { background: url(../images/icons/icon_close.png) 0 2px no-repeat; color: #989898; font-weight: normal; padding-left: 15px; } .zy-cancel.plain { padding-left: 10px; text-indent: -10000px; } .zy-status { background: url(../images/icons/icon_onlineStatus.png) 0 center no-repeat; display: inline-block; height: 14px; width: 14px; } .zy-status.off { display: none; } .zy-status.idle { background-position: -14px center; } .zy-status.on { background-position: -28px center; } .zy-status.typing { background: url(../images/icons/sprite_iconAction16.png) -82px -16px no-repeat; } .zy-photo .zy-status { left: -8px; position: absolute; top: -8px; } .zy-grad-standard, .zy-drop-down, .zy-dock-module, .zy-chat-head { background: #fff; background: -moz-linear-gradient(top, #fff, #f2f2f2); background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2)); } .zy-grad-dark, .zy-chat-pager { background: #b2b2b2; background: -moz-linear-gradient(top, #b2b2b2, #808080); background: -webkit-gradient(linear, 0 0, 0 100%, from(#b2b2b2), to(#808080)); } .zy-grad-inactive, .zy-chat-pager.inactive, .zy-ui-tab { background: #d9d9d9; background: -moz-linear-gradient(top, #d9d9d9, #a6a6a6); background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9d9d9), to(#a6a6a6)); } .zy-grad-selected, #nav .zy-drop-hover.on, #account .zy-drop-toggle.on, .zy-chat.maximized .zy-dock-module, .zy-chat-pager.alert { background: #09f; background: -moz-linear-gradient(top, #09f, #0073bf); background: -webkit-gradient(linear, 0 0, 0 100%, from(#09f), to(#0073bf)); } .zy-grad-highlight, .zy-chat.alert .zy-dock-module { background: #fff6cc; background: -moz-linear-gradient(top, #fffdf2, #fff6cc); background: -webkit-gradient(linear, 0 0, 0 100%, from(#fffdf2), to(#fff6cc)); }  body { color: #464646; font-family: "proxima-nova-1", "proxima-nova-2", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; } h1, h2, p, a, .minor, input, textarea, .promo, .zy-button, .zy-ui-result-head, .zy-locale-link { font-family: "proxima-nova-1", "proxima-nova-2", "Helvetica Neue", Helvetica, Arial, sans-serif; } .wf-loading { visibility: hidden; } em { font-style: italic; } strong, h2, .strong, .semibold, .profile { font-weight: 600; } .bold { font-weight: 700; } h3, .section-header { font-weight: 700; } strong em { font-style: italic; font-weight: 600; } .weak { font-weight: 400; } h2 { font-size: 30px; margin-bottom: 20px; } h2 > p, h2 .zy-button { display: inline-block; margin-left: 20px; } .med-header { font-size: 18px; } h3, .section-header { color: #6F6F6F; font-size: 14px; margin-bottom: 10px; text-transform: uppercase; } #content h2 { color: #7E7E7A; margin-bottom: 2px; line-height: 22px; } #content h3 { margin-left: 5px; } p { color: #464646; font-size: 14px; } .minor { font-size: 13px; } .small, small { font-size: 11px; } .promo { } a { cursor: pointer; font-weight: 600; font-size:13px; text-decoration: none; } .small a, small a { font-size:11px; } .link-s { font-size: 11px; font-weight: normal; } p a:hover, .link:hover, .link-s:hover { cursor: pointer; text-decoration: underline; } a.inactive { color: #6f6f6f; cursor: default; text-decoration: none; } .dark, input.on, textarea.on { color: #464646; } .medium { color: #6F6F6F; } .light, .small, small { color: #989898; } .red { color: #cc2929; } .green { color: #9ED300; } .blue, a, .link { color: #007FD4; } .orange, .accent { color: #FF920D; }  .zy-locale-setter { } .zy-locale-link, #footer span.zy-locale-link { margin:0 5px 3px 0; cursor: pointer; color: #666; } .zy-locale-link:hover, #footer span.zy-locale-link:hover { color: #888; } .zy-locale-more{ } #content .zy-locale-setter{ padding:0px 20px 20px; } #content > .zy-locale-setter { display: none; } .zy-locale-dialog { position: fixed; top:50%; width:505px; } .zy-locale-dialog .zy-dialog-head { padding:0px 0px 0px 0px; } .zy-locale-dialog .zy-dialog-body { font-size:12px; } .zy-locale-dialog .zy-locale-setter{ padding:0px 0px 20px 0px; } .zy-locale-dialog .zy-locale-link{ margin:0 5px 0 0; width:150px; display:block; float:left; } .zy-locale-dialog .zy-locale-more{ }  html,body { height:100%; } body { background:url(../images/base/main_bg.jpg); position:relative; } #page { background-color:#fff; margin:0 auto 30px; min-height:100%; position:relative; width:990px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.33); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.33); } #page.right,#page.left { float:none; } #page.right { background:#fff url(../images/base/content_bg.png) repeat-y; } #header,#footer { background:#FFFFFF; padding:0 20px; width:950px; z-index:2; } #header { border-bottom:1px solid #DEDEE2; height:60px;-moz-box-shadow:0 0 5px rgba(0,0,0,0.33); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.33); } #container { position: relative; z-index: 1; } #footer { border-top:1px solid #DEDEE2; bottom:0; line-height:15px; min-height:40px; position:absolute; } #footer ul,#footer span { padding-top:10px; max-width:820px; } #container { padding:0 0 40px; } #game { } #game-frame { height:600px; margin:5px; width:980px; } #content { float:left; padding:25px 0 45px 105px; width:475px; } #content > div { margin-bottom:15px; } #content > div:last-child { margin:0; } #rail { width:305px; } #rail > div { border-bottom:1px solid #DEDEE2; padding:10px 20px 0; } #page.left #content { float:right; } #page.right #rail { float:right; } #dock { bottom:0; height:auto; position:fixed; right:10px; width:auto; z-index:4; } #flash { left:0; position:absolute; top:0; }  .portal #page #header { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.13, rgb(255,255,255)), color-stop(0.73, rgb(239,239,239)) ); background-image: -moz-linear-gradient( center top, rgb(255,255,255) 13%, rgb(239,239,239) 73% ); padding: 0 15px 0 40px; width: 935px; height:45px; border-bottom:5px solid #CC2929; } #zy-stamp { display:block; left:-5px; position:absolute; top:-109px; z-index:3; } #zy-stamp #zy-stamp-block{ left:-30px; position: absolute; cursor: pointer; } #zy-stamp #zy-stamp-chain{ position: absolute; top:-175px; } .portal #header h1 { width: 75px; float: left; margin-right: 20px; } #header h1 a { background: url(../images/base/logo_zynga_text.png) no-repeat; display: block; width: 75px; height: 25px; margin-top: 15px; text-indent: -10000px; overflow:hidden; } .zy-drop-down { border: 1px solid #DEDEE2; left: 0; top: 40px; padding: 10px; position: absolute; z-index: 2; background: #fff; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); } #header .border { border-bottom: 1px dotted #d4d4d4; padding-bottom: 5px; } #header .block { display: block; } #header .big { font-size: 16px; margin-bottom: 10px; } #header .mini { font-size: 14px; margin-bottom: 10px; } .zy-drop-down a:hover { text-decoration: underline; } #nav { float: left; margin: 5px 0 0 0; width: 525px; } #nav .item { float: left; height: 40px; position: relative; margin-right: 5px; padding:0; } #nav .item.hover { padding:0 10px; margin:5px 0 0; } .zl-fr #nav .item, .zl-es #nav .item { margin-right: 12px; } .zl-zh #nav .item { margin-right: 35px; } #nav .item.last { margin-right: 0; } #nav .zy-drop-hover { background: url(../images/header/icon-dropdown.png) top right no-repeat; float: left; font-size:15px; font-weight:700; margin:8px 0 0 0; padding: 0 17px 0 0; line-height:10px; color:#cc2929; } #nav .zy-drop-hover:hover, #nav .zy-drop-hover.on{ background: url(../images/header/icon-dropdown.png) bottom right no-repeat; color:#fff; } #nav .zy-drop-hover.on, #nav .zy-drop-hover:hover , .item.hover:hover .zy-drop-hover{ color:#fff; } #nav #notifs { margin:0 5px; } .item.hover:hover, .item.connect:hover , .item.connect.on { background:#cc2929; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(255,77,77)), color-stop(0.54, rgb(204,41,41)) ); background-image: -moz-linear-gradient( center top, rgb(255,77,77) 0%, rgb(204,41,41) 54% ); } .item.connect .zy-drop-toggle { background: url(../images/header/icon-request.png) no-repeat; cursor: pointer; height: 35px; width: 35px; overflow:hidden; margin:0; padding:0; } #notifs .zy-drop-toggle { background: url(../images/header/icon-notification.png) no-repeat; } #nav .item.connect .zy-drop-toggle.on { background-position:bottom left; } #nav .zy-games .zy-drop-down { font-size: 18px; padding: 10px; width: 155px; } #nav .zy-games .zy-drop-down a { line-height: 40px; font-size:14px; } #nav .zy-games img { margin: 0 10px 5px 0; } .zy-game-img.small { float: left; height: 40px; width: 40px; } #zy-nav-friends .zy-drop-down { overflow-x: none; padding-right: 0; width: 335px; } #zy-nav-friends .zy-drop-down .links { float: left; margin: 0 10px 0 0; max-width: 150px; word-wrap: break-word; } #zy-nav-friends .links a { display: block; margin: 0 0 5px 0; } #zy-nav-friends .zy-drop-down .info { border-left: 1px dotted #d4d4d4; float: left; margin: 0; padding: 0 0 0 10px; width: 180px; } .zy-drop-down .info .section-header { font-size: 13px; text-transform:capitalize; } #zy-nav-friends .zy-drop-down .info .friend { float:left; margin:0 11px 11px 0; } #nav #zy-nav-user.item.last { max-width:170px; padding-right:20px; white-space:nowrap; } #zy-nav-user .zy-drop-down { padding-bottom: 0; } #zy-nav-user .zy-drop-down a { white-space:nowrap; } .portal #header-right { float: right; width: 315px; margin-left:0; } #header-right .recentGames { float: right; margin: 5px 10px 0; padding: 5px 10px 0 0; position: relative; text-align:right; border-right:1px dotted #d4d4d4; height:30px; } #header-right .recentGames a { margin-left:5px; } .portal #header-right .recentGames a img{ width:20px; vertical-align:top; } .zy-search-box { float: right; margin: 10px 15px 0 0; position: relative; width: 173px; } .zy-search-box input { font-size: 12px; height: 23px; line-height: 25px; padding: 0 30px 0 10px; width: 126px; border: 1px solid #BBB; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-box-shadow: inset 0 3px 6px -6px #000; -webkit-box-shadow: inset 0 3px 6px -6px #000; } .zy-search-box input:focus { -moz-box-shadow: none; -webkit-box-shadow: none; } .zy-search-box button { background:transparent url(../images/header/button-search.png) no-repeat; cursor: pointer; width: 25px; height: 25px; position: absolute; right: -20px; top: 0px; } #connect, #notifs { position: absolute; } .item.connect h3 { border-bottom:1px dotted #d4d4d4; padding:10px 15px; margin:0; font-size:16px; text-transform:none; font-weight:600; } .item.connect .zy-drop-down { width: 395px; top: 45px; padding:0; border-top:none; background:#fff; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); } .item.connect .zy-drop-down a { font-weight: 600; } .item.connect .zy-connect-row { padding:6px 15px 0 11px; border-bottom:1px dotted #d4d4d4; } .item.connect .zy-connect-row.nomsg { padding:10px 0 0; border-bottom:1px dotted #d4d4d4; } .item.connect .zy-connect-row.nomsg:hover { background:none; } .item.connect .zy-connect-row.nomsg .info { min-height: 30px; } .item.connect .zy-connect-row.unread { background:#FFFCE8; } .item.connect .zy-connect-row:hover { background:#F2F2F2; } .item.connect .zy-connect-row:hover a.ignore { display:block; } .item.connect .zy-photo, .item.connect .zy-icon, .item.connect .text, .item.connect .info { float: left; } .item.connect .zy-icon { margin: 0 5px 0 0; } .item.connect a.ignore { background: url("../images/icons/icon_close.png") 3px 2px no-repeat; text-indent:-5000px; position:absolute; right:5px; width:16px; height:16px; margin-top:7px; overflow:hidden; display:none; } .item.connect a.ignore:hover { background-position:3px -17px; background-color:#c0c0c0; } #connect .text { width: 210px; } #notifs .text { width: 300px; } .item.connect .zy-photo.framed { margin-bottom:10px; } .item.connect .info { margin: 4px 0 10px 6px; width: 305px; } .item.connect .info p{ font-size:13px; } .item.connect .viewall { display:block; padding:10px 15px; } .item.connect .zy-counter { background-color: #999; color: #fff; font-size: 10px; line-height: 14px; padding: 0 4px; position: absolute; z-index:3; top: 0px; left: 27px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-clip: padding-box; } #zy-nav-support .zy-drop-down { padding-bottom: 0; } #header-right { float: right; width: 350px; margin-left: 15px; } #account { border-left: 1px solid #DEDEE2; float: right; height: 40px; margin: 10px 0; padding: 0 0 0 15px; position: relative; width: 120px; } #account .left { width: 75px; } #account .div { margin-bottom: 6px; white-space: nowrap; overflow: hidden; height: 18px; } #account .zy-drop-down { left: -20px; padding-bottom: 0; top: 42px; } #account .weak { background: url(../images/icons/arrowDown.png) no-repeat center right; padding-right: 10px; } #account .zy-drop-toggle.on { padding: 1px 3px; }  #footer ul li { float: left; padding: 0 12px 5px 0; }  .zy-prompt{ width: 100%; height: 30px; border-bottom: 1px solid #ffb000; background-color: #fbd70d; background-image: -moz-linear-gradient(top, #fbd70d, #ffc300); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fbd70d),color-stop(1, #ffc300)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fbd70d', EndColorStr='#ffc300'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fbd70d', EndColorStr='#ffc300')"; z-index: 9; padding: 5px 0px; margin: 0px; -moz-box-shadow: -3px 3px 3px #DDD; -webkit-box-shadow: -3px 3px 3px #DDD; } .zy-prompt .zy-prompt-copy{ width:996px; margin:auto; } .zy-prompt .zy-prompt-image{ margin:0px 5px; } .zy-prompt .zy-button2{ margin:0px 5px; }  .zy-button { background: #f2f3f6; border: 1px solid #C1CBD0; color: #747474; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 600; min-width: 79px; line-height: 14px; padding: 7px 8px; position: relative; text-align: center; background-image: -moz-linear-gradient(top, #fff, #F2F3F6, #F2F3F6); background-image: -webkit-gradient(linear, 0 0, 0 50%, from(#fff), to(#F2F3F6)); -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-user-select: none; -webkit-user-select: none; } .zy-button.blue { color: #fff; background: #0099FF; background-image: -moz-linear-gradient(top, #0099FF, #0073BF); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0099FF), to(#0073BF)); border: 1px solid #0073BF; } .zy-button.red { color: #fff; background: #E52825; background: -moz-linear-gradient(top, #E52825, #870C09); background: -webkit-gradient(linear, 0 0, 0 100%, from(#E52825), to(#870C09)); border: 1px solid #870C09; } .zy-button.action { padding-left: 34px; min-width: 53px; } .zy-button.action.status { padding-left: 8px; min-width: 12px; -moz-border-radius: 0px 4px 4px 0; -webkit-border-radius: 0px 4px 4px 0; margin-left: -1px; } .zy-button.action.status:active { padding-left: 8px; } .zy-button .a { background: #E6EBEF; background-image: -moz-linear-gradient(top, #F9F9F9, #E6EBEF, #E6EBEF); background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#F9F9F9), to(#E6EBEF)); height: 26px; left: 1px; position: absolute; top: 1px; width: 26px; } .zy-button.red .a { background: #870005; background: -moz-linear-gradient(top, #D4000E, #870005); background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#D4000E), to(#870005)); } .zy-button .a span { float: left; } .zy-button:active { padding: 8px 8px 6px; -moz-box-shadow: 0 1px 2px #aaa inset; -webkit-box-shadow: 0 1px 2px #aaa inset; } .zy-button.blue:active { -moz-box-shadow: 0 1px 2px #444 inset; -webkit-box-shadow: 0 1px 2px #444 inset; } .zy-button.action:active { padding-left: 34px; } .zy-button.action:active .a { top: 2px; } .zy-button.disabled, .zy-button.done { color: #808080; cursor: default; opacity: 0.5; filter: alpha(opacity=50); -moz-box-shadow: none; -webkit-box-shadow: none; } .zy-button.action.disabled .a { background: #ccc; } .zy-button.disabled { background: #d9d9d9; background-image: -moz-linear-gradient(top, #D9D9D9, #ddd, #ddd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D9D9D9), to(#ddd)); } .item.connect .zy-button { padding:4px 6px 4px 26px; font-size:92%; text-align:center; margin-left:15px; float:right; } .item.connect .zy-button .a { background: #E6EBEF; background-image: -moz-linear-gradient(top, #F9F9F9, #E6EBEF, #E6EBEF); background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#F9F9F9), to(#E6EBEF)); width: 20px; height: 20px; left: 1px; position: absolute; top: 1px; } .item.connect .zy-button .a span { background: url(../images/header/iconSprite-button.png) -2px 0 no-repeat; height: 18px; width: 18px; } button.zy-button, button.zy-button.action { min-width: 100px; } .item.connect .zb.ico { float:right; } .zb { cursor: pointer; display: inline-block; font-weight: 700; outline: none; overflow: hidden; position: relative; text-align: center; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.66); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.66); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.66); -moz-user-select: none; -webkit-user-select: none; } .zb, .zb:after { font-size: 13px; line-height: 30px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .zb.tiny, .zb.tiny:after { font-size: 10px; line-height: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .zb.small, .zb.small:after { font-size: 12px; line-height: 25px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .zb.medium, .zb.medium:after { font-size: 16px; line-height: 40px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .zb.large, .zb.large:after { font-size: 20px; line-height: 45px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .zb.plain, .zb.plain:before { color: #09f; border: 0; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .zb.plain > span { min-width: inherit; padding: 0; } .zb.plain:hover, .zb.plain:active, .zb.plain:active:after { background: none; text-decoration: underline; -moz-box-shadow: none; -webkit-box-shadow: none; } .zb > span { display: block; min-width: 90px; padding: 0 12px; position: relative; z-index: 2; } .zb.tiny > span { min-width: 60px; padding: 0 8px;} .zb.small > span { min-width: 80px; padding: 0 10px;} .zb.medium > span { min-width: 110px; padding: 0 16px; } .zb.large > span { min-width: 120px; padding: 0 20px; } .zb.ico { padding-right:10px; text-align:center; min-width:90px;} .zb.ico.tiny { min-width:60px;} .zb.ico.small { min-width:80px;} .zb.ico.medium { min-width:115px;} .zb.ico.large { min-width:140px;} .zb.ico i {float:left; } .zb.ico i.ico i {border-right:1px solid #b3b3b3; } .zb.ico i.ico { -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; } .zb.tiny.ico i.ico { -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; } .zb.small.ico i.ico { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; } .zb.medium.ico i.ico { -moz-border-radius: 7px 0 0 7px; -webkit-border-radius: 7px 0 0 7px; } .zb.large.ico i.ico { -moz-border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px; } .zb.ico i.ico { margin-right:8px; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.47, #DEDEDE ),color-stop(0.59, #CCCCCC)); background-image: -moz-linear-gradient(center top,#DEDEDE 47%,#CCCCCC 59%); border-right:1px solid #fff; } .zb.red.ico i.ico i {border-right:1px solid #850004 ; } .zb.red.ico i.ico { background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.47, #C80014),color-stop(0.59, #850004)); background-image: -moz-linear-gradient(center top,#C80014 47%,#850004 59%); border-right:1px solid #CC2929 ; } .zb.disabled.ico i.ico i {border-right:1px solid #b3b3b3 ; } .zb.disabled.ico i.ico { background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.47, #CCCCCC ),color-stop(0.59, #BBBBBB )); background-image: -moz-linear-gradient(center top,#CCCCCC 47%,#BBBBBB 59%); border-right:1px solid #eee ; } .zb:after, .zb:before { content: ' '; display: block; position: absolute; } .zb:after { -moz-box-shadow: inset 0 1px 2px #fff; -webkit-box-shadow: 0 1px 2px #fff inset; height: 100%; left: 0; top: 0; width: 100%; } .zb.red:after{ -moz-box-shadow: inset 0 1px 2px #f00; -webkit-box-shadow: 0 1px 2px #f00 inset;} .zb.disabled:after { -moz-box-shadow: inset 0 1px 2px #fff; -webkit-box-shadow: 0 1px 2px #fff inset;} .zb:before { background: rgba(255, 255, 255, 0.33); display: block; height: 50%; left: 0; position: absolute; top: 0; width: 100%; -moz-border-radius: 100px / 2px; -webkit-border-radius: 100px / 2px; } .zb.red:before { background: rgba(255, 128, 128, 0.33); } .zb.disabled:before {} .zb { background:#D0D0D0; background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #FFFFFF 33%, #D0D0D0 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(33%, #fff), to(#d0d0d0)); color: #2996FF; text-shadow: 0 -1px 1px #fff; } .zb.red { background: #cc2929; -pie-background:linear-gradient(#CC2929, #990F0F); background-image: -moz-linear-gradient(center top, #CC2929 0%, #CC2929 33%, #990F0F 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CC2929), color-stop(33%, #CC2929), to(#990F0F)); border: 1px solid #b31212; color: #fff; text-shadow: 0 -1px 1px #FF0000; } .zb.disabled {color:#999; -pie-background:linear-gradient(#E5E5E5 , #CCCCCC ); background-image: -moz-linear-gradient(center top, #E5E5E5 0%, #E5E5E5 33%, #CCCCCC 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), color-stop(33%, #E5E5E5), to(#CCCCCC)); text-shadow: 0 -1px 1px #F2F2F2 ; cursor:default; } .zb:hover { background-image: -moz-linear-gradient(center top, #FFFFFF 0%, #FFFFFF 33%, #EEEEEE 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), color-stop(33%, #FFFFFF), to(#EEEEEE)); } .zb.red:hover { background-image: -moz-linear-gradient(center top, #EE0000 0%, #EE0000 33%, #BB0F0F 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EE0000), color-stop(33%, #EE0000), to(#BB0F0F)); } .zb.disabled:hover {color:#999; -pie-background:linear-gradient(#E5E5E5 , #CCCCCC ); background-image: -moz-linear-gradient(center top, #E5E5E5 0%, #E5E5E5 33%, #CCCCCC 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), color-stop(33%, #E5E5E5), to(#CCCCCC)); text-shadow: 0 -1px 1px #F2F2F2 ;} .zb:active:after { -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.4); } .zb:active:before { background: none; }  .zy-fbconnect { background: url("../images/public/fbconnect.png") no-repeat scroll 0 0 #29447E;cursor: pointer; display: inline-block; outline: medium none; padding: 0 0 0 1px; text-decoration: none; background-position: left -188px; font-size: 11px; line-height: 14px; margin: 10px 0 10px 0; } .zy-fbconnect span { background: url("../images/public/fbconnect.png") repeat scroll 0 0 #5F78AB; border-bottom: 1px solid #1A356E; border-top: 1px solid #879AC0; color: #FFFFFF; display: block; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-weight: bold; margin: 1px 1px 0 21px; padding: 2px 6px 3px; text-shadow: none; } .zy-fbconnect.zb { background: url("../images/public/fbconnect.png") no-repeat scroll 0 -99px #4f6AA3; height: 38px; line-height: 38px; } .zy-fbconnect.zb span { background: transparent; margin: 0px 0px 0 38px; text-shadow:0 -1px 1px #879AC0; border:0px;} .zy-fbconnect.zb:hover { background: url("../images/public/fbconnect.png") no-repeat scroll 0 -60px #5F78AB;} .zy-fbconnect.large { background-position: left -99px; font-size: 20px; line-height: 30px; } .zy-fbconnect.large span { background:none; margin-left: 38px; padding: 3px 8px 3px 12px; background-color: #7288b5; background-image: -moz-linear-gradient(top, #7288b5, #4f6aa3); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7288b5),color-stop(1, #4f6aa3)); } .zy-fbconnect.large:hover { background-position: left -60px;} .zy-fbconnect.large:hover span { background-color: #6482bf; background-image: -moz-linear-gradient(top, #6482bf, #5F7BB4); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6482bf),color-stop(1, #5F7BB4)); } .zy-fbconnect.large:active span { background-color: #546fa6; background-image: -moz-linear-gradient(top, #546fa6, #3D5992); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #546fa6),color-stop(1, #3D5992)); } .fbc.form-container { width:410px; } .fbc.form-container#fb-rollout { width:450px; } .fbc.form-container .zy-fb-pic { float: left; height: 50px; margin: 0 10px 0 0; vertical-align: middle; width: 50px;} .fbc.form-container h3 img { vertical-align: middle } .fbc.form-container p { font-size: 12px; line-height: 14px; margin: 10px 0; } .fbc.form-container .info { text-align: left; color: #999;} .fbc.form-container .zy-help { position: relative; background: url("../images/canvas/question.png") no-repeat scroll 0 center transparent; cursor: pointer; display: inline-block; height: 15px; margin:0 0 0 5px; vertical-align: text-top; width: 15px; z-index: 4;} .fbc.form-container .zy-tip { background:#333; opacity:0.85; display: none; color: #fff; font-weight: 600; position: absolute; left: -197px; top: -70px; height:50px; width: 220px; word-wrap: break-word; z-index: 10; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height:16px; padding:10px; } .fbc.form-container .zy-help:hover {width:15px; height:15px;} .fbc.form-container .zy-help:hover .zy-tip { display: block; } .fbc.form-container .zy-tip div { border-color: #333 transparent transparent transparent; border-style: solid; border-width: 8px 10px; bottom: -16px; height: 0; left: 195px; margin-left: 0; position: absolute; width: 0; } .fbc.form-container .zy-underage-girl {margin:0 10px 0 0;} .fbc.form-container .multi-container { text-align: left; } .fbc.form-container .multi-container.dob { text-align: right; } .fbc.form-container#fb-forgot { text-align: left; } .fbc.form-container#fb-forgot form > div { text-align:left; } .fbc.form-container#fb-forgot label { clear:both; float: none; text-align:left; } .fbc.form-container#fb-forgot input[type="text"] { clear:both; display: block; float: none; } .fbc.form-container#fb-forgot input[type="text"] { width: 290px; } .fbc.form-container#fb-reset { text-align: left} .fbc.form-container#fb-reset form > div { text-align: left } .fbc.form-container#fb-reset label, .fbc.form-container#fb-reset input[type="text"], .fbc.form-container#fb-reset input[type="password"] { float:left; } .fbc.form-container#fb-reset label { width:125px; } .password-strength-wrapper { position: relative; } #password-strength-div { display: none; position: relative; } .password-strength-wrapper #password-strength { background: url('../images/public/img_pass_strength_container_left.png') no-repeat; clear: both; float: left; height: 15px; padding: 0 0 0 8px; } .password-strength-wrapper #password-strength a { background: url('../images/public/img_pass_strength_container_bg.png') repeat-x left top; float: left; height: 15px; padding: 0 8px; text-decoration: none; cursor: default; } .password-strength-wrapper #password-strength span { background: url('../images/public/img_pass_strength_container_right.png') no-repeat; float: left; height: 15px; width: 8px; } .password-strength-wrapper #password-strength-percent { height: 9px; border: 1px solid #fff; background: transparent 0 -3px repeat-x; position: absolute; left: 2px; -moz-border-radius: 5px; top: 2px; -webkit-border-radius: 5px; width: 0; } .password-strength-wrapper #password-strength-percent.red { background-image: url('../images/public/img_pass_strength_red.png'); } .password-strength-wrapper #password-strength-percent.orange { background-image: url('../images/public/img_pass_strength_orange.png'); } .password-strength-wrapper #password-strength-percent.yellow { background-image: url('../images/public/img_pass_strength_yellow.png'); } .password-strength-wrapper #password-strength-percent.green { background-image: url('../images/public/img_pass_strength_green.png'); } .fbc.form-container #password-strength-div { bottom: 2px; margin-left: 153px; position: relative; } .fbc.form-container #password-strength a { width: 90px !important; }  #zy-dev { background: #fff; border: 1px solid #888; top: 5px; color: #444; padding: 10px; position: fixed; right: 5px; z-index: 10; } #zy-dev ul li { border: 0; margin-bottom: 2px; padding-bottom: 2px; } #zy-dev ul li.last { margin: 0; padding: 0; } #zy-dev h3 a { background: url("../images/icons/arrowDown.png") no-repeat scroll right center transparent; padding-right:10px; } .PageProfilerTable{ border:1px solid gray;} .PageProfilerTable tr td{ padding:5px; } .PageProfilerTable tr th{ padding:5px; font-weight:bold; } .pageProfilerTableWrapperDiv{ float:left; display:none; padding:10px; width: 100%; } .pageProfilerTablesWrapperDiv{ height:300px; padding:0 10px 10px 0; margin:10px; overflow-y: auto; overflow-x: hidden; } .mainProfilerContainer{ width:850px; margin:0 auto; } .mainProfilerContainer .close{ background: url(../images/icon_close.png) no-repeat 0 0; float: left; height: 21px; width: 21px; } html, body { background: url("../images/accounts/main_grad_bg.jpg") repeat-x scroll left top #D7DCDF; height:100%; } body { background: url("../images/accounts/zcloud_bg.png") no-repeat scroll center top transparent; } #page { -moz-box-shadow:0 -5px 5px rgba(0, 0, 0, 0.33); -webkit-box-shadow:0 -5px 5px rgba(0, 0, 0, 0.33); margin:0 auto; } h2 { color: #6f6f6f; font-size: 20px; line-height: 1.2em; margin: 0; } h2 span, h3 span { color: #cc2929; } h3 { font-family: 'proxima-nova-1', 'proxima-nova-2', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 600; margin-bottom: 15px; text-transform: none; } h5 { color: #464646; text-transform: uppercase; font-size: 16px; line-height: 1.1em; margin: 0; font-weight: 700; } a h5 { color: #007FD4; } a:hover h5 { text-decoration: underline; } #rail h5 { margin:10px 0 0 0; } #rail .box p, .items .item .locked, #zy-session-login input { font-family: 'Helvetica Neue', Helvetical, Arial, sans-serif; font-size: 12px; line-height: 15px; } #header, #browse h3, #zy-dialog .footer { background: #cc2929; background: -moz-linear-gradient(top, #cc2929, #990f0f); background: -webkit-gradient(linear, 0 0, 0 100%, from(#cc2929), to(#990f0f)); } #zy-session-login > div { margin: 10px 0 0 40px; } #zy-session-login label { display: block; float: left; font-weight: bold; width: 80px; } input.hidden { background: none; border: 0; height: 1px; position: absolute; width: 1px; } #overlay { z-index: 16; } #loading { background: #fff; display: none; left: 50%; padding: 30px; position: fixed; top: 20%; z-index: 18; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); } #loading p { background: url(../images/rewards/spinner_large.gif) 0 center no-repeat; color: #cc2626; font-size: 26px; font-weight: 600; line-height: 30px; padding-left: 45px; } a.zb { font-weight: bold; } #header { height: 50px; width:950px; } #header .zy-photo a img {width:40px; height:40px;} #header #logo { background: url(../images/accounts/zynga-av.png) no-repeat; margin-top: 12px; width: 100px; } #account { border: 0; margin: 5px 0; padding: 0px 0 0 25px; width: 300px; } #account .profile { margin: 0; } #account .div { text-align: right; } #account p { text-align: right; color: #fff; font-size: 16px; } #account p span.zy-user-name { margin:0 5px 0 0; } #account p span.zy-user-email{ color: #fff; font-size: 12px; position:relative; top:-2px; } #account .zy-photo { margin: 0 0 0 10px; } #account .zy-drop-toggle { background: url(../images/rewards/arrow-down.png) right 5px no-repeat; color: #fff; font-weight: normal; line-height: 20px; padding-right: 15px; } #account .zy-drop-toggle:hover { text-decoration: underline; } #account .zy-drop-toggle.on { background: url(../images/rewards/arrow-down.png) right 5px no-repeat; padding: 0 15px 0 0; } #account .zy-drop-down { left: inherit; right: 45px; top: 45px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); } #account .zy-drop-down a { color: #09f; font-size: 12px; } #account .zy-user-info { padding:2.5px 0 0 0; } #container { padding: 0px; } #footer { border: 1px solid #DDD; border-width: 1px 0 0 0; position: fixed; } #footer a { color: #9f9f9f; } #footer a:hover, #rail .home:hover { color: #cc2626; text-decoration: underline; } #rail { padding: 25px 0 25px 20px; width: 275px; margin:0 0 25px 0; } #rail > div { border: 1px solid #dedee2; margin-bottom: 50px; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #rail > div img + div { padding-left: 10px; overflow: hidden; } #rail h3 { margin: 0; } #rail h3 span { color: #cc2929; } #rail .category { color: #cc2929; font-size: 16px; } #rail .home { background: url(../images/rewards/lft-arrw.png) 0 14px no-repeat; border-top: 1px solid #dedee2; cursor: pointer; font-size: 16px; margin: 10px 20px 0; padding: 10px 0 0 12px; } #rail .box p { margin-top: 5px; } #rail > #browse { border: 0; padding: 0; } #browse h3 { color: #fff; margin: 0; line-height: 20px; padding: 5px 10px; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } #browse > div { border: 1px solid #dedee2; border-top: 0; padding: 10px 0; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; } #browse > div > div { position: relative; } #browse .game { padding: 4px 0 4px 15px; left: -6px; position: relative; width: 275px; z-index: 2; } #browse .game:hover { background: #ddd; background: -moz-linear-gradient(top, #ddd, #bbb); background: -webkit-gradient(linear, 0 0, 0 100%, from(#ddd), to(#bbb)); } #browse .game:hover a, #browse .active .game a { color: #fff; font-weight: 600; } #browse .active .game { background: #bbb; background: -moz-linear-gradient(top, #bbb, #7a7a7a); background: -webkit-gradient(linear, 0 0, 0 100%, from(#bbb), to(#7a7a7a)); } #browse .triangle { border: 5px solid; border-color: transparent #666 transparent transparent; bottom: -5px; display: none; height: 0; left: -11px; position: absolute; width: 0; } #browse .triangle.r { border-color: transparent transparent transparent #666; bottom: -5px; left: 274px; } #browse > div > div.current .triangle, #browse > div > div:hover .triangle, #browse .active .triangle { display: block; } #browse a { color: #464646; display: block; font-size: 16px; font-weight: normal; } #browse .game.current a { color:#cc2929; text-decoration: underline; } #content { padding: 25px 25px 25px 0; width: 645px; margin:0 0 25px 0; } #page.left #content.public { width:950px; padding: 10px 20px 10px 20px;} #content > div { margin-bottom: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #content .category { border-bottom: 1px solid #dedee2; font-size: 16px; line-height: 25px; margin-bottom: 15px; text-transform: uppercase; } #content .items { padding-bottom: 0; } #content.game #items { padding-top: 70px; } #content h2 {font-size: 16px;} #content div#public { width: 350px; margin:25px auto; } #content div#unsub { width: 500px; margin:25px auto; } #content div.zy-error {background: #fbd0d7; color: #f61d30; display: none; font-size: 1em; padding: 8px 14px; margin: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: center; margin-bottom: 10px; } #content div.zy-confirm {background: #e7fbd0; color: #6dd31a; font-size: 1em; padding: 8px 14px; margin: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align: center; margin-bottom: 10px; } #content input[type="radio"][disabled] {opacity: .5;} #title { } .game #title { background: none; padding: 10px 40px; position: absolute; } .game #title .zb { margin: 5px 0 0 240px; } .browse { background: #e6e6e6; background: -moz-linear-gradient(top, #fff, #e6e6e6); background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); border: 1px solid #dedee2; display: block; height: 45px; margin-top: -18px; position: absolute; top: 50%; width: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .browse:hover { background: #d2d2d2; background: -moz-linear-gradient(top, #fff, #d2d2d2); background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#d2d2d2)); } .browse.left { left: 5px; } .browse.right { right: 5px; } .browse div { background: url(../images/rewards/lt-red.png) 5px center no-repeat; height: 45px; width: 20px; } .browse.right div { background-image: url(../images/rewards/rt-red.png); } .browse.disabled div { background-image: url(../images/rewards/lft-gry.png); } .browse.right.disabled div { background-image: url(../images/rewards/rt-gry.png); } .game #items .browse { margin-top: 25px; } #zy-dialog { background: #fff url(../images/rewards/starburst_bg.jpg) no-repeat; left: 50%; margin-left: -240px; padding: 20px; position: fixed; top: 20%; width: 480px; z-index: 1000; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); } #zy-dialog > .zy-cancel { background: url(../images/icons/icon_close31x31.png) no-repeat; height: 31px; right: -10px; padding: 0; position: absolute; top: -10px; width: 31px; } #zy-dialog > .zy-cancel:hover { background-position: 0 -31px; } #zy-dialog h2 { color: #cc2626; margin-bottom: 10px; } #zy-dialog h2.zy-bada { color: #BB1616; margin-bottom: 2px; margin-top: -8px; } #games div a { background: url(../images/rewards/gameIcons_sprite.jpg) 96px 0 no-repeat; display: block; float: left; height: 72px; margin: 0 5px; text-indent: -10000px; width: 86px; } #games div a[rel="1"] { background-position: -258px 0; } #games div a[rel="43"] { background-position: -344px 0; } #games div a[rel="45"] { background-position: -86px -72px; } #games div a[rel="46"] { background-position: -172px 0; } #games div a[rel="61"] { background-position: -172px -72px; } #games div a[rel="63"] { background-position: 0 0; } #games div a[rel="64"] { background-position: -344px -72px; } #games div a[rel="67"] { background-position: -86px 0; } #games div a[rel="69"] { background-position: 0 -72px; } #games div a[rel="75"] { background-position: 0 -144px; } #browse a { background-image: url(../images/accounts/game-icons.png); background-repeat: no-repeat; line-height: 25px; padding-left: 35px; } #browse h5 {padding:5px 0px 5px 10px;} .gAll, #browse a[rel='-1'], #browse a[rel='1005'] { background-position: 0 -298px; } .g1, #browse a[rel="1"], #featured .navi > a[rel="1"] { background-position: 0 -268px; } .g43, #browse a[rel="43"], #featured .navi > a[rel="43"] { background-position: 0 -120px; } .g45, #browse a[rel="45"], #featured .navi > a[rel="45"] { background-position: 0 -238px; } .g46, #browse a[rel="46"], #featured .navi > a[rel="46"] { background-position: 0 -208px; } .g61, #browse a[rel="61"], #featured .navi > a[rel="61"] { background-position: 0 0; } .g87, #browse a[rel="87"], #featured .navi > a[rel="87"], .g63, #browse a[rel="63"], #featured .navi > a[rel="63"] { background-position: 0 -60px; } .g64, #browse a[rel="64"], #featured .navi > a[rel="64"] { background-position: 0 -150px; } .g67, #browse a[rel="66"], #featured .navi > a[rel="66"] { background-position: 0 -358px; } .g67, #browse a[rel="67"], #featured .navi > a[rel="67"] { background-position: 0 -90px; } .g69, #browse a[rel="69"], #featured .navi > a[rel="69"] { background-position: 0 -180px; } .g74, #browse a[rel="74"], #featured .navi > a[rel="74"] { background-position: 0 -388px; } .g75, #browse a[rel="75"], #featured .navi > a[rel="75"] { background-position: 0 -30px; } .g77, #browse a[rel="77"], #featured .navi > a[rel="77"] { background-position: 0 -328px; } .g81, #browse a[rel="81"], #featured .navi > a[rel="81"] { background-position: 0 -418px; } .g91, #browse a[rel="91"], #featured .navi > a[rel="91"] { background-position: 0 -448px; } .g88, #browse a[rel="88"], #featured .navi > a[rel="88"] { background-position: 0 -506px; } .g101, #browse a[rel="101"], #featured .navi > a[rel="101"] { background-position: 0 -535px; } .g223, #browse a[rel="223"], #featured .navi > a[rel="223"] { background-position: 0 -564px;} .g115, #browse a[rel="115"], #featured .navi > a[rel="115"] { background-position: 0 -592px;} .g1, #browse a[rel="235"], #featured .navi > a[rel="235"] { background-position: 0 -618px; } #browse a[rel="1005"] { background-position: 0 -478px; } #browse a[rel="1031"] { background-position: 0 -643px; } #browse a[rel="114"] { background-position: 0 -668px; } #browse a[rel="243"] { background-position: 0 -693px; } form.zy-account-form { -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #DEDEE2; background:no-repeat; background-image:url(../images/rewards/games/0-home-bg.png); } form.zy-account-form[rel="-1"] { background-image:url(../images/rewards/games/0-home-bg.png); } form.zy-account-form[rel="1"] { background-image:url(../images/rewards/games/1-home-bg.png); } form.zy-account-form[rel="43"] { background-image:url(../images/rewards/games/43-home-bg.png); } form.zy-account-form[rel="45"] { background-image:url(../images/rewards/games/45-home-bg.png); } form.zy-account-form[rel="46"] { background-image:url(../images/rewards/games/46-home-bg.png); } form.zy-account-form[rel="61"] { background-image:url(../images/rewards/games/61-home-bg.png); } form.zy-account-form[rel="63"] { background-image:url(../images/rewards/games/63-home-bg.png); } form.zy-account-form[rel="64"] { background-image:url(../images/rewards/games/64-home-bg.png); } form.zy-account-form[rel="67"] { background-image:url(../images/rewards/games/67-home-bg.png); } form.zy-account-form[rel="69"] { background-image:url(../images/rewards/games/69-home-bg.png); } form.zy-account-form[rel="75"] { background-image:url(../images/rewards/games/75-home-bg.png); } form.zy-account-form[rel="77"] { background-image:url(../images/rewards/games/77-home-bg.png); } form.zy-account-form[rel="81"] { background-image:url(../images/accounts/81-home-bg.png); } form.zy-account-form[rel="88"] { background-image:url(../images/rewards/games/88-home-bg.png); } form.zy-account-form[rel="91"] { background-image:url(../images/accounts/91-home-bg.png); } form.zy-account-form[rel="101"] { background-image:url(../images/accounts/101-home-bg.png); } form.zy-account-form[rel="115"] { background-image:url(../images/accounts/115-home-bg.jpg); } form.zy-account-form[rel="223"] { background-image:url(../images/accounts/223-home-bg.jpg); } form.zy-account-form[rel="235"] { background-image:url(../images/rewards/games/235-home-bg.png); } form.zy-account-form[rel="1031"] { background-image:url(../images/accounts/1031-home-bg.png); } form.zy-account-form[rel="114"] { background-image:url(../images/accounts/114-home-bg.png); } form.zy-account-form[rel="243"] { background-image:url(../images/accounts/243-home-bg.png); } form.zy-account-form h2.zy-game-title { height:50px; } form.zy-account-form h5.zy-section-title { margin:10px 0; } form.zy-account-form .zy-section { background:rgb(255,255,255); background:rgba(255,255,255,0.85); position: relative; padding-bottom: 15px; border-bottom: 1px solid #ddd;} form.zy-account-form .zy-last-section { border-bottom: 1px solid transparent;} form.zy-account-form .zy-main-section { border-bottom: 1px solid transparent;} form.zy-account-form .zy-section-expand { padding: 10px 0 10px 15px;} form.zy-account-form .zy-section-expand h5.zy-section-title { margin: 10px 0 10px 0px } form.zy-account-form .zy-section-expand span { float:left; margin:0 10px 0 0; width:12.5px; height:12.5px; text-align:center; border:1px solid #007FD4; -moz-border-radius:10px; -webkit-border-radius:10px; vertical-align: text-top; } form.zy-account-form .zy-section-header { padding:0 15px; background:rgb(225,225,225); background:rgba(255,255,255,0.25); margin:0 0 10px 0; } form.zy-account-form .zy-selections { line-height:20px; padding:0 15px; } form.zy-account-form .zy-selections-title { padding-left: 25px; width: 400px; } form.zy-account-form .zy-selections-options { text-align:center; padding:10px 0 5px 0; width:125px;} form.zy-account-form .zy-selections-options.two { width:125px; } form.zy-account-form .zy-selections-options.three { width:187.5px; } form.zy-account-form .zy-selections-option { color:#464646; text-align:center; width:62.5px; font-weight: bold;} form.zy-account-form .zy-inputs { } form.zy-account-form .zy-input { padding:0 25px; } form.zy-account-form .zy-buttons { -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-top:1px solid #DEDEE2; padding:10px 10px; } form.zy-account-form .zy-selections-options-wrapper { margin-right: 13px; } form.zy-account-form .zy-section-description {padding: 0px 0px 20px 38px; width: 568px;} form.zy-account-form .zy-section-description p { margin: 0px 0px 10px -20px; } form.zy-account-form .zy-section-description .zy-section-description-left-align { margin: 0px 0px 10px -20px; } form.zy-account-form .zy-section-description ul { list-style: square outside none; margin-left: 30px; } form.zy-account-form .zy-section-description li .zy-section-description-title { font-weight: bold; } form.zy-unsub-form {} #content form.zy-unsub-form h2, form.zy-unsub-form div.clear { margin: 0 0 20px 0; } form.zy-unsub-form div.bordered { padding:10px 10px 0px 10px; border:1px solid #DEDEE2; -moz-border-radius:10px; -webkit-border-radius:10px; background: url("../images/accounts/main_grad_bg.jpg") repeat-x scroll left top #D7DCDF; } form.zy-unsub-form input { margin: 0 10px 0 0; } form.zy-unsub-form .zy-buttons .zb, form.zy-account-form .zy-buttons .zb, form.zy-delete-form .zy-buttons .zb { margin:0 0 0 15px; } form.zy-delete-form .delete-header {margin: 15px 0 20px;} form.zy-delete-form .delete-header b { font-weight: 700; } form.zy-delete-form .delete-header ol, .delete-header ul {list-style: decimal outside none; margin-left: 40px;} form.zy-delete-form .zynga-games {margin:20px 0 45px} .zynga-games table td {padding-right: 10px;} div#zy-dialog.zy-accounts-email-dialog { position:absolute; top:50px; } div#zy-dialog.zy-accounts-email-dialog ol { list-style: decimal; padding:5px 20px; } div#zy-dialog.zy-accounts-email-dialog ol li { vertical-align: top; } div#zy-dialog.zy-accounts-email-dialog ol li img { vertical-align: top; border:1px solid #6F6F6F; margin:10px 0; font-weight: 500; } div#zy-dialog.zy-accounts-email-dialog .zy-buttons { margin:10px 0 0 0; } div#zy-dialog.zy-accounts-email-dialog .zb { margin:0 10px 0 0; } div#zy-dialog.zy-accounts-email-dialog a:hover { text-decoration: underline; } .header_language_cont { float: right; padding-bottom: 10px; } .header_language_cont select { width: 150px; }