/* @Reset css */ html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;} h1,h2,h3,h4,h5,h6 { margin:0; padding:0; outline: none; } a:link, a:visited,a:hover,a:active{ text-decoration: none; } img,fieldset{ border:none; } ul,ol{ list-style: none; } ol.withmarker{ list-style-type:lower-alpha; margin-left:40px; } blockquote,q{ quotes:none; } table{ border-collapse:collapse; border-spacing:0; } div{ text-align: left; } form{ position: relative; } /* @end Reset */ .fb-activity { width:320px; height:494px; } .addthis_toolbox.addthis_default_style a{ float: none !important; display: inline-block; } @font-face { font-family: 'MuseoSlab500'; src: url('../fonts/Museo_Slab_500-webfont.eot'); src: url('../fonts/Museo_Slab_500-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Museo_Slab_500-webfont.woff') format('woff'), url('../fonts/Museo_Slab_500-webfont.ttf') format('truetype'), url('../fonts/Museo_Slab_500-webfont.svg#MuseoSlab500') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ArialRoundedMTBoldBold'; src: url('../fonts/ArialRoundedMTBoldBold.eot'); src: url('../fonts/ArialRoundedMTBoldBold.eot?#iefix') format('embedded-opentype'), url('../fonts/ArialRoundedMTBoldBold.woff') format('woff'), url('../fonts/ArialRoundedMTBoldBold.ttf') format('truetype'), url('../fonts/ArialRoundedMTBoldBold.svg#MuseoSlab500') format('svg'); font-weight: normal; font-style: normal; } .MuseoSlab500{ font-family: "MuseoSlab500", serif; } .ArialRoundedMTBoldBold{ font-family: "ArialRoundedMTBoldBold", Arial; } body, html { width:100%; height:100%; } .button { display: inline-block; position: relative; height:28px; font:bold 13px/28px Helvetica, Arial, sans-serif; color:#fff; padding: 0 8px; border:#A5221E 1px solid; text-shadow: 0 -1px 1px #A5221E; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow:1px 1px 2px #BBB; -webkit-box-shadow:1px 1px 2px #BBB; -moz-box-shadow:1px 1px 2px #BBB; background-image: linear-gradient(top, #E7403A 0, #C02B26 100%); background-image: -o-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -moz-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -webkit-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -ms-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #E7403A), color-stop(100%, #C02B26)); -pie-background: linear-gradient(top, #E7403A 0px, #C02B26 100%); } .button:hover { background-image: linear-gradient(top, #FC473E 0, #D3342E 100%); background-image: -o-linear-gradient(top, #FC473E 0px, #D3342E 100%); background-image: -moz-linear-gradient(top, #FC473E 0px, #D3342E 100%); background-image: -webkit-linear-gradient(top, #FC473E 0px, #D3342E 100%); background-image: -ms-linear-gradient(top, #FC473E 0px, #D3342E 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #FC473E), color-stop(100%, #D3342E)); -pie-background: linear-gradient(top, #FC473E 0px, #D3342E 100%); } .button:active, .button.active { background: #BD2925; box-shadow:0 7px 8px -9px #333 inset; -moz-box-shadow:0 7px 8px -9px #333 inset; -webkit-box-shadow:0 7px 8px -9px #333 inset; } .button.disabled{ cursor:default; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } .button.disabled.redButton{ background-image: linear-gradient(top, #E7403A 0, #C02B26 100%); background-image: -o-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -moz-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -webkit-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -ms-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #E7403A), color-stop(100%, #C02B26)); -pie-background: linear-gradient(top, #E7403A 0px, #C02B26 100%); } .button.disabled:hover, .button.disabled.redButton:hover{ background-image: linear-gradient(top, #E7403A 0, #C02B26 100%); background-image: -o-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -moz-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -webkit-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -ms-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #E7403A), color-stop(100%, #C02B26)); -pie-background: linear-gradient(top, #E7403A 0px, #C02B26 100%); } .button.disabled:active, .button.active.disabled { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; background-image: linear-gradient(top, #E7403A 0, #C02B26 100%); background-image: -o-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -moz-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -webkit-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -ms-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #E7403A), color-stop(100%, #C02B26)); -pie-background: linear-gradient(top, #E7403A 0px, #C02B26 100%); } .button.gray { border:#CCCCCC 1px solid; cursor:pointer; text-shadow:none; color:#333; box-shadow:1px 1px 2px #ddd; -moz-box-shadow:1px 1px 2px #ddd; -webkit-box-shadow:1px 1px 2px #ddd; background-image: linear-gradient(top, #F7F7F7 0, #EAEAEA 100%); background-image: -o-linear-gradient(top, #F7F7F7 0px, #EAEAEA 100%); background-image: -moz-linear-gradient(top, #F7F7F7 0px, #EAEAEA 100%); background-image: -webkit-linear-gradient(top, #F7F7F7 0px, #EAEAEA 100%); background-image: -ms-linear-gradient(top, #F7F7F7 0px, #EAEAEA 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #F7F7F7), color-stop(100%, #EAEAEA)); -pie-background: linear-gradient(#F7F7F7, #EAEAEA); } .button.gray:hover { background-image: linear-gradient(top, #FFFFFF 0, #F4F4F4 100%); background-image: -o-linear-gradient(top, #FFFFFF 0px, #F4F4F4 100%); background-image: -moz-linear-gradient(top, #FFFFFF 0px, #F4F4F4 100%); background-image: -webkit-linear-gradient(top, #FFFFFF 0px, #F4F4F4 100%); background-image: -ms-linear-gradient(top, #FFFFFF 0px, #F4F4F4 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #FFFFFF), color-stop(100%, #F4F4F4)); -pie-background: linear-gradient(#FFFFFF, #EAEAEA); } .button.gray:active { background: #ECECEC; box-shadow:0 7px 8px -9px #999 inset; -moz-box-shadow:0 7px 8px -9px #999 inset; -webkit-box-shadow:0 7px 8px -9px #999 inset; } .button.gray.tw, .button.gray.gplus, .button.gray.tw:hover, .button.gray.gplus:hover{ /* background:#797979;*/ } .button.greenButton:hover{ background:#6AD24B; } .button.greenButton, .button.disabled.greenButton, .button.disabled.greenButton:hover{ border-color: #549C25; background: #549C25; text-shadow: 0 -1px 1px #666; } .button.backButton{ margin:50px auto; } .petitonGoalLabel{ position: absolute; top:0; left:0; } .signInPetitionList:hover{ text-shadow: none; border: #ff0000; background: #ff0000; border: solid 1px #ff0000; } .unsubscribeBlock .block{ width:auto !important; height:auto !important; overflow:hidden; padding:25px !important; font-family:"MuseoSlab500", serif !important; } .unsubscribeBlock .block .email{ padding:4px 0; } .unsubscribeBlock .block h2{ font-size:25px !important; color:#000 !important; } .unsubscribeBlock .block h3{ font-family:"MuseoSlab500", serif !important; font-size:22px !important; text-transform:none !important; } .unsubscribeBlock .block .middleText{ font-size:18px !important; } .unsubscribeBlock ul{ margin-top:10px; } .unsubscribeBlock ul li{ display:block; width:100%; float:left; } .unsubscribeBlock ul li a{ font-size:18px !important; color:#666; } #wrap { min-width:980px; background-color: #141517; position: relative; padding-top: 122px; min-height:100%; z-index: 1; } #wrap.withBigHeader { } .statusLabel{ position: absolute; top:0px; right: 0px; z-index: 998; } .centeredContent{ text-align:center; } .stats-table{ text-align: center; margin: 20px auto 0 auto; background:#fff; font: 16px "MuseoSlab500", serif; color: black; } .stats-table tr td{ padding:5px 0; background:#fff; } .nodisplay { display: none !important; } #topmenu { position: fixed; z-index:9999; top:0; left:0; width:100%; height:54px; background: #222324; } #topmenu .inner { width:940px; padding: 0 20px; margin: 0 auto; position: relative; } #topmenu .logo { position: relative; display: block; float: left; top: 10px; margin-right: 9px; } #topmenu #searchContainer { position: relative; overflow: hidden; height: 44px; top: 14px; width: 170px; float: left; margin-left: 33px; } #topmenu #search { position: relative; height: 24px; background: #fff; border: #5A5B5C 2px solid; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: -1px 1px 5px #999 inset; -webkit-box-shadow: -1px 1px 5px #999 inset; -moz-box-shadow: -1px 1px 5px #999 inset; } #search .inputStr { border: 0; outline: none; background: none; font: 11px Arial,sans-serif; color: #666; height: 24px; padding: 0 40px 0 5px; width: 124px; } #search .submit { display: none; } #search b { display: block; cursor:pointer; width:25px; height:20px; background: url('../images/loupe.png') right center no-repeat; border-left:#E5E5E5 1px solid; position: absolute; top:1px; right:8px; } #topmenu .o { position: absolute; top:4px; left:78px; width: 15px; height: 16px; color: #9f9f9f; background: #303031; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font: italic 11px Arial,Helvetica,sans-serif; text-align: center; } #topmenu .button { border: 4px solid #484747; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-shadow: none; font-size: 14px; height: 37px; left: 485px; line-height: 37px; position: absolute; top: 7px; width: 166px; padding: 0; text-align: center; } #topmenu .button:active { line-height: 39px; } #topmenu .links.notLogin { left: 651px; overflow: hidden; position: absolute; top: 14px; width: 170px; height: 24px; border: solid 2px #5a5b5c; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #topmenu .links.user{ left: 651px; position: absolute; top: 14px; } #topmenu .links a { color:#fff; font:11px Arial, sans-serif; } #topmenu .links.notLogin a{ text-transform: uppercase; } #topmenu .links.notLogin a{ display: block; float: left; width: 84px; height: 100%; text-align: center; line-height: 24px; } #topmenu .links.notLogin a.loginLink{ background-image: linear-gradient(bottom, rgb(90,153,61) 25%, rgb(107,168,79) 50%, rgb(120,180,92) 75%, rgb(130,189,103) 100%); -pie-background: linear-gradient(bottom, rgb(90,153,61) 25%, rgb(107,168,79) 50%, rgb(120,180,92) 75%, rgb(130,189,103) 100%); background-image: -o-linear-gradient(bottom, rgb(90,153,61) 25%, rgb(107,168,79) 50%, rgb(120,180,92) 75%, rgb(130,189,103) 100%); background-image: -moz-linear-gradient(bottom, rgb(90,153,61) 25%, rgb(107,168,79) 50%, rgb(120,180,92) 75%, rgb(130,189,103) 100%); background-image: -webkit-linear-gradient(bottom, rgb(90,153,61) 25%, rgb(107,168,79) 50%, rgb(120,180,92) 75%, rgb(130,189,103) 100%); background-image: -ms-linear-gradient(bottom, rgb(90,153,61) 25%, rgb(107,168,79) 50%, rgb(120,180,92) 75%, rgb(130,189,103) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(90,153,61)), color-stop(0.5, rgb(107,168,79)), color-stop(0.75, rgb(120,180,92)), color-stop(1, rgb(130,189,103)) ); border-right: solid 1px #3a6925; } #topmenu .links.notLogin a.regLink{ background-image: linear-gradient(bottom, rgb(118,116,116) 25%, rgb(133,131,131) 50%, rgb(147,147,147) 75%, rgb(153,153,153) 100%); -pie-background: linear-gradient(bottom, rgb(118,116,116) 25%, rgb(133,131,131) 50%, rgb(147,147,147) 75%, rgb(153,153,153) 100%); background-image: -o-linear-gradient(bottom, rgb(118,116,116) 25%, rgb(133,131,131) 50%, rgb(147,147,147) 75%, rgb(153,153,153) 100%); background-image: -moz-linear-gradient(bottom, rgb(118,116,116) 25%, rgb(133,131,131) 50%, rgb(147,147,147) 75%, rgb(153,153,153) 100%); background-image: -webkit-linear-gradient(bottom, rgb(118,116,116) 25%, rgb(133,131,131) 50%, rgb(147,147,147) 75%, rgb(153,153,153) 100%); background-image: -ms-linear-gradient(bottom, rgb(118,116,116) 25%, rgb(133,131,131) 50%, rgb(147,147,147) 75%, rgb(153,153,153) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(118,116,116)), color-stop(0.5, rgb(133,131,131)), color-stop(0.75, rgb(147,147,147)), color-stop(1, rgb(153,153,153)) ); border-left: solid 1px #717171; } #topmenu .links.bold a { /*color:#4e4e4e;*/ font-weight: bold; } #topmenu .links.bold a:hover{ /*color:#4e4e4e;*/ } #topmenu .links a.active { display: inline-block; position: relative; background:#212223; margin-top: -5px; padding: 5px 7px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-bottom:#464647 1px solid; color:#fff; } #topmenu .links.right { left:auto; right:20px; } #topmenu .links.right.user { top:10px; } #topmenu .links .userMenu { cursor:pointer; border:#5A5B5C 2px solid; padding:2px 7px; position: relative; line-height: 26px; height:26px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; white-space: nowrap; background-image: linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); -pie-background: linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -o-linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -moz-linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -webkit-linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -ms-linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(34,35,36)), color-stop(0.5, rgb(40,41,42)), color-stop(0.75, rgb(48,48,48)), color-stop(1, rgb(52,52,52)) ); } #topmenu .links .userMenu .submenu { display: none; position: absolute; top:28px; left:-2px; width:100%; } #topmenu .links .userMenu .submenu li a { padding-left: 10px; font:11px/25px Helvetica, Arial, sans-serif; color:#fff; } #topmenu .links .userMenu .submenu li a:hover { color:#ff3327; } #topmenu .links .userMenu:hover{ border-bottom: none; } #topmenu .links .userMenu:hover .submenu { display: block; border-width: 0px 2px 2px 2px; border-color: #5A5B5C; border-style:solid; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; background-image: linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); -pie-background: linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -o-linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -moz-linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -webkit-linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -ms-linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(34,35,36)), color-stop(0.5, rgb(40,41,42)), color-stop(0.75, rgb(48,48,48)), color-stop(1, rgb(52,52,52)) ); z-index: 99999; } #topmenu .links .userMenu .arrow { font:16px Helvetica, Arial, sans-serif; color:#fff; top:-8px; position: absolute; right: 5px; top: 7px; } #topmenu .links .userMenu .name { color:#fff; font:11px/26px Helvetica, Arial, sans-serif; position:relative; display:block; float: left; min-width: 58px; padding:0 0 0 5px; margin-right: 13px; max-width: 80px; height:26px; overflow: hidden; white-space: nowrap; } .topButtonLinksContainer{ float: left; margin-left: 55px; margin-top: 5px; min-width: 112px; } .buttonLink{ display: inline-block; width: 49px; height: 41px; float: left; margin-left: 6px; border: solid 2px #474848; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; background-image: linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); -pie-background: linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -o-linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -moz-linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -webkit-linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -ms-linear-gradient(bottom, rgb(34,35,36) 25%, rgb(40,41,42) 50%, rgb(48,48,48) 75%, rgb(52,52,52) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(34,35,36)), color-stop(0.5, rgb(40,41,42)), color-stop(0.75, rgb(48,48,48)), color-stop(1, rgb(52,52,52)) ); line-height: 56px; } .buttonLink:first-child{ margin-left: 0; } .topSocialLinksContainer{ float: left; width: 210px; overflow: hidden; text-align: right; margin-top: 14px; } .socialLink{ display: inline-block; margin-left: 2px; } .socialLink:first-child{ margin-left: 0; } .topSocialLinksContainer img{ } .topSocialLinksContainer img.hover{ display: none; } .topSocialLinksContainer .socialLink:hover img{ display: none; } .topSocialLinksContainer .socialLink:hover img.hover{ display: inline-block; } .flagsContainer{ height: 32px; margin-bottom: 18px; } .flagsContainer td{ vertical-align: middle; text-align: center; } .languages { display: inline-block; } .onTop .languages { display: block; height: 18px; position: absolute; right: 8px; width: 336px; top:0px; } .languages a { background: url('../images/flags.png'); width:21px; height:18px; display: block; float: left; margin-left: 18px; opacity:0.7; filter: alpha(opacity=70); } .languages a:first-child{ margin-left: 0; } .languages a.active, .languages a:hover { opacity:1; filter: alpha(opacity=100); } .languages .fra { background-position: -23px 0; } .languages .arg { background-position: -46px 0; } .languages .eng { background-position: -69px 0; } .languages .esp { background-position: -92px 0; } .languages .rus { background-position: -115px 0; } .languages .mid-east { background-position: -138px 0; } .languages .usa { background-position: -161px 0; } #middleLine{ width:100%; height:44px; margin-bottom: -34px; background-image: linear-gradient(bottom, rgb(20,21,23) 25%, rgb(24,26,28) 50%, rgb(28,29,32) 75%, rgb(31,32,34) 100%); -pie-background: linear-gradient(bottom, rgb(20,21,23) 25%, rgb(24,26,28) 50%, rgb(28,29,32) 75%, rgb(31,32,34) 100%); background-image: -o-linear-gradient(bottom, rgb(20,21,23) 25%, rgb(24,26,28) 50%, rgb(28,29,32) 75%, rgb(31,32,34) 100%); background-image: -moz-linear-gradient(bottom, rgb(20,21,23) 25%, rgb(24,26,28) 50%, rgb(28,29,32) 75%, rgb(31,32,34) 100%); background-image: -webkit-linear-gradient(bottom, rgb(20,21,23) 25%, rgb(24,26,28) 50%, rgb(28,29,32) 75%, rgb(31,32,34) 100%); background-image: -ms-linear-gradient(bottom, rgb(20,21,23) 25%, rgb(24,26,28) 50%, rgb(28,29,32) 75%, rgb(31,32,34) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(20,21,23)), color-stop(0.5, rgb(24,26,28)), color-stop(0.75, rgb(28,29,32)), color-stop(1, rgb(31,32,34)) ); } #topLine{ position: fixed; z-index:999; top:54px; left:0; width:100%; height:68px; background-image: linear-gradient(bottom, rgb(21,22,24) 25%, rgb(34,34,35) 50%, rgb(49,49,49) 75%, rgb(60,60,61) 100%); -pie-background: linear-gradient(bottom, rgb(21,22,24) 25%, rgb(34,34,35) 50%, rgb(49,49,49) 75%, rgb(60,60,61) 100%); background-image: -o-linear-gradient(bottom, rgb(21,22,24) 25%, rgb(34,34,35) 50%, rgb(49,49,49) 75%, rgb(60,60,61) 100%); background-image: -moz-linear-gradient(bottom, rgb(21,22,24) 25%, rgb(34,34,35) 50%, rgb(49,49,49) 75%, rgb(60,60,61) 100%); background-image: -webkit-linear-gradient(bottom, rgb(21,22,24) 25%, rgb(34,34,35) 50%, rgb(49,49,49) 75%, rgb(60,60,61) 100%); background-image: -ms-linear-gradient(bottom, rgb(21,22,24) 25%, rgb(34,34,35) 50%, rgb(49,49,49) 75%, rgb(60,60,61) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(21,22,24)), color-stop(0.5, rgb(34,34,35)), color-stop(0.75, rgb(49,49,49)), color-stop(1, rgb(60,60,61)) ); } #topLine .inner{ position: relative; width: 940px; height: 100%; padding: 0 20px; margin: 0 auto; position: relative; } .lightDecorLine{ position: absolute; left:0; width: 100%; height: 1px; background: url(/static/images/decor-line.png) no-repeat center center; z-index: 998; } .lightDecorLine.top{ top:0; } .lightDecorLine.bottom{ bottom:0; } .indexHorizBlock{ position: relative; width: 100%; float: left; padding: 25px 0; background: url(/static/images/white-bg.png) no-repeat left top; } .counterTextContainer{ float:left; font: 36px "MuseoSlab500", serif; color: #afafaf; } .counterContainer{ width: 255px; overflow: hidden; float: right; margin-top: 6px; } .topLeftColumn{ width: 600px; overflow: hidden; } .counterContainer #numbers{ float: right; margin-right: -2px; } .counterLabel{ margin-right: 8px; font:12px Arial; color: #afafaf; } .counterPreText{ font:14px Arial; color: #afafaf; text-align: justify; } .counterPreText:after{ content:""; display:inline-block; width:100%; height:0; overflow:hidden; } .newsGroupsList{ position: absolute; bottom: 2px; left:25px; } .newsGroupsList li{ display: block; float:left; margin-left: 18px; } .newsGroupsList li:first-child{ margin-left: 0; } .newsGroupsList li a{ display: block; margin-bottom: 2px; padding: 0 3px 10px 3px; font: 12px Arial; text-transform: uppercase; color:#fff; } .newsGroupsList li a:hover, .newsGroupsList li a.active, .newsGroupsList li a.borderBottom{ margin-bottom: 0px; border-bottom: 2px solid #c22c27; } .topLineButtons{ position: absolute; top:10px; left:auto; right: 20px; } .createPetButton, .browsePetButton{ display: block; float:left; width: 220px; height: 44px; border: solid 2px #5a5b5c; margin-left: 10px; font: 14px Arial; color:#fff; text-transform: uppercase; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 44px; } .createPetButton:hover, .browsePetButton:hover{ border: solid 2px #8d8d8e; } .createPetButton img, .browsePetButton img{ margin-right: 5px; margin-top: -4px; vertical-align: middle; } .createPetButton{ background-image: linear-gradient(bottom, rgb(194,44,39) 25%, rgb(207,50,45) 50%, rgb(215,54,49) 75%, rgb(223,59,53) 100%); -pie-background: linear-gradient(bottom, rgb(194,44,39) 25%, rgb(207,50,45) 50%, rgb(215,54,49) 75%, rgb(223,59,53) 100%); background-image: -o-linear-gradient(bottom, rgb(194,44,39) 25%, rgb(207,50,45) 50%, rgb(215,54,49) 75%, rgb(223,59,53) 100%); background-image: -moz-linear-gradient(bottom, rgb(194,44,39) 25%, rgb(207,50,45) 50%, rgb(215,54,49) 75%, rgb(223,59,53) 100%); background-image: -webkit-linear-gradient(bottom, rgb(194,44,39) 25%, rgb(207,50,45) 50%, rgb(215,54,49) 75%, rgb(223,59,53) 100%); background-image: -ms-linear-gradient(bottom, rgb(194,44,39) 25%, rgb(207,50,45) 50%, rgb(215,54,49) 75%, rgb(223,59,53) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(194,44,39)), color-stop(0.5, rgb(207,50,45)), color-stop(0.75, rgb(215,54,49)), color-stop(1, rgb(223,59,53)) ); } .createPetButton:hover{ background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, #EE9592), color-stop(0.5, #E47772), color-stop(0.75, #CF4843), color-stop(1, #C12B26) ); background-image: -o-linear-gradient(bottom, #EE9592 25%, #E47772 50%, #CF4843 75%, #C12B26 100%); background-image: -moz-linear-gradient(bottom, #EE9592 25%, #E47772 50%, #CF4843 75%, #C12B26 100%); background-image: -webkit-linear-gradient(bottom, #EE9592 25%, #E47772 50%, #CF4843 75%, #C12B26 100%); background-image: -ms-linear-gradient(bottom, #EE9592 25%, #E47772 50%, #CF4843 75%, #C12B26 100%); background-image: linear-gradient(to bottom, #EE9592 25%, #E47772 50%, #CF4843 75%, #C12B26 100%); -pie-background: linear-gradient(to bottom, #EE9592 25%, #E47772 50%, #CF4843 75%, #C12B26 100%); } .browsePetButton{ background-image: linear-gradient(bottom, rgb(121,121,121) 25%, rgb(141,141,141) 50%, rgb(157,157,157) 75%, rgb(171,171,171) 100%); -pie-background: linear-gradient(bottom, rgb(121,121,121) 25%, rgb(141,141,141) 50%, rgb(157,157,157) 75%, rgb(171,171,171) 100%); background-image: -o-linear-gradient(bottom, rgb(121,121,121) 25%, rgb(141,141,141) 50%, rgb(157,157,157) 75%, rgb(171,171,171) 100%); background-image: -moz-linear-gradient(bottom, rgb(121,121,121) 25%, rgb(141,141,141) 50%, rgb(157,157,157) 75%, rgb(171,171,171) 100%); background-image: -webkit-linear-gradient(bottom, rgb(121,121,121) 25%, rgb(141,141,141) 50%, rgb(157,157,157) 75%, rgb(171,171,171) 100%); background-image: -ms-linear-gradient(bottom, rgb(121,121,121) 25%, rgb(141,141,141) 50%, rgb(157,157,157) 75%, rgb(171,171,171) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(121,121,121)), color-stop(0.5, rgb(141,141,141)), color-stop(0.75, rgb(157,157,157)), color-stop(1, rgb(171,171,171)) ); } .browsePetButton:hover{ background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, #D2D2D2), color-stop(0.5, #BFBFBF), color-stop(0.75, #9D9D9D), color-stop(1, #797979) ); background-image: -o-linear-gradient(bottom, #D2D2D2 25%, #BFBFBF 50%, #9D9D9D 75%, #797979 100%); background-image: -moz-linear-gradient(bottom, #D2D2D2 25%, #BFBFBF 50%, #9D9D9D 75%, #797979 100%); background-image: -webkit-linear-gradient(bottom, #D2D2D2 25%, #BFBFBF 50%, #9D9D9D 75%, #797979 100%); background-image: -ms-linear-gradient(bottom, #D2D2D2 25%, #BFBFBF 50%, #9D9D9D 75%, #797979 100%); background-image: linear-gradient(to bottom, #D2D2D2 25%, #BFBFBF 50%, #9D9D9D 75%, #797979 100%); -pie-background: linear-gradient(to bottom, #D2D2D2 25%, #BFBFBF 50%, #9D9D9D 75%, #797979 100%); } #wrap .columns { overflow: hidden; width:940px; margin: 0 auto; margin-bottom: 276px; padding-bottom: 49px; z-index:2; } #wrap .columns.whiteRoundedLayout{ background: #fff; position: relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #wrap .leftColumn { width:600px; float: left; } #wrap .leftColumn .topmenu { display: table; width:100%; height:32px; background:#242527; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position: relative; margin-bottom: 18px; } #wrap .leftColumn .topmenu li { display: table-cell; text-align: center; font:12px/16px Arial, sans-serif; text-transform: uppercase; color:#9b9c9d; border-left:#141517 1px solid; border-right:#9b9c9d 1px solid; position: relative; padding:5px 10px; cursor:pointer; vertical-align:middle; } #wrap .leftColumn .topmenu li:first-child{ border-left:none; } #wrap .leftColumn .topmenu li:hover { background-color: #c22c27; color:#f1d7d7; } #wrap .leftColumn .topmenu li:hover a{ color:#f1d7d7; } #wrap .leftColumn .topmenu li a { color:#9b9c9d; display: block; } #wrap .leftColumn .topmenu li:first-child { border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; } #wrap .leftColumn .topmenu li.last { border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-right:none; } #wrap .leftColumn .topmenu li.active { background-color: #c22c27; color:#f1d7d7; } #wrap .leftColumn .topmenu li.active, #wrap .leftColumn .topmenu li.active a { color:#f1d7d7; cursor:default; } .categoryContainer{ overflow: hidden; margin-top: 20px; text-align:justify; text-align-last:justify; } .categoryContainer:after{ content:""; display:inline-block; width:100%; height:0; overflow:hidden; } .categoryContainer .label{ position: absolute; top:0; left:0; z-index: 998; } .petitionCat { position: relative; display: inline-block; margin-bottom: 7px; width: 294px; overflow: hidden; background: #fff; position: relative; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .petitionCat .header { padding: 12px; overflow: hidden; border-bottom: solid 1px #ababab; background-image: linear-gradient(bottom, rgb(223,223,223) 25%, rgb(210,210,210) 50%, rgb(199,199,199) 75%, rgb(192,192,192) 100%); -pie-background: linear-gradient(bottom, rgb(223,223,223) 25%, rgb(210,210,210) 50%, rgb(199,199,199) 75%, rgb(192,192,192) 100%); background-image: -o-linear-gradient(bottom, rgb(223,223,223) 25%, rgb(210,210,210) 50%, rgb(199,199,199) 75%, rgb(192,192,192) 100%); background-image: -moz-linear-gradient(bottom, rgb(223,223,223) 25%, rgb(210,210,210) 50%, rgb(199,199,199) 75%, rgb(192,192,192) 100%); background-image: -webkit-linear-gradient(bottom, rgb(223,223,223) 25%, rgb(210,210,210) 50%, rgb(199,199,199) 75%, rgb(192,192,192) 100%); background-image: -ms-linear-gradient(bottom, rgb(223,223,223) 25%, rgb(210,210,210) 50%, rgb(199,199,199) 75%, rgb(192,192,192) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(223,223,223)), color-stop(0.5, rgb(210,210,210)), color-stop(0.75, rgb(199,199,199)), color-stop(1, rgb(192,192,192)) ); -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .petitionCat .header img{ float: left; margin-right:12px; width: 94px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .petitionCat .header .petitionData { overflow: hidden; } .petitionCat .header .petitionData .title { max-height: 67px; margin-top: -1px; display: inline-block; font:15px "MuseoSlab500", serif; color:#000; text-transform: uppercase; line-height: 16px; } .petitionCat .header .petitionData .title:hover { color:#FF3327; } .petitionCat .bottomPanel { overflow: hidden; padding:4px 0; position: relative; text-align: center; } .petitionCat .bottomPanel .signContainer{ float: left; display: inline-block; width: 195px; text-align: center; } .petitionCat .bottomPanel .catIcoContainer{ overflow: hidden; float: right; display: inline-block; width: 98px; height: 30px; text-align: center; border-left: solid 1px #ababab; } .petitionCat .signInPetitionList{ display: inline-block; float: none; margin: 0; text-align: center; cursor: pointer; } .petitionCat .button.signed{ padding-left: 20px; width: 92px; border-color:#549C25; cursor:default; text-shadow:0 -1px 1px #666; background: #549C25; -pie-background: linear-gradient(top, #549C25 0px, #549C25 100%); } .petitionCat .button.signed:active{ box-shadow:1px 1px 2px #BBBBBB; -moz-box-shadow:1px 1px 2px #BBBBBB; -webkit-box-shadow:1px 1px 2px #BBBBBB; line-height: 28px; } .petitionCat .button.signed i{ background: url('/static/images/signedButtonIco.png'); display: block; height: 15px; left: 11px; position: absolute; top: 7px; width: 16px; } .petition { margin-bottom: 18px; background: #fff; position: relative; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .petition.noMargin{ margin-top:20px; } .petition.win { border:#CE332E 3px solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .petition.win > i, .winners .petition > i { display: block; height: 70px; left: -2px; position: absolute; top: 0; width: 69px; /* background: url('/static/images/winLabel.png') no-repeat; */ } .pettitionFeedTable{ max-height: 143px; } .pettitionFeedTable .cellContainer{ display: inline-block; overflow: hidden; max-height: 71px; } .pettitionFeedTable td{ vertical-align: bottom; } .petition .header { padding: 17px; overflow: hidden; } .petition .header img { float: left; margin-right:10px; } .leftColumn .petition .header img{ width: 200px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .petition .header .petitionInfo { float: right; width:122px; } .petition .button, .petition .comments .button{ text-align: center; width: 104px; cursor:pointer; } .petition .button.signed, .petition .comments .button.signed{ padding-left: 20px; width: 92px; border-color:#549C25; cursor:default; text-shadow:0 -1px 1px #666; background: #549C25; -pie-background: linear-gradient(top, #549C25 0px, #549C25 100%); } .petition .button.signed:active, .petition .comments .button.signed:active{ box-shadow:1px 1px 2px #BBBBBB; -moz-box-shadow:1px 1px 2px #BBBBBB; -webkit-box-shadow:1px 1px 2px #BBBBBB; line-height: 28px; } .petition .button.signed i, .petition .comments .button.signed i{ background: url('/static/images/signedButtonIco.png'); display: block; height: 15px; left: 11px; position: absolute; top: 7px; width: 16px; } .petition .header .petitionInfo .signatures { text-align: center; font:18px Helvetica, Arial, sans-serif; color:#666; margin: 5px 0 10px; } .petition .header .petitionInfo .signatures b { color:#333; font-size: 15px; } .petition .bottomPanel .share { float:right; display: inline-block; font:12px Helvetica, Arial, sans-serif; color:#666; text-align:center; } .petition .bottomPanel .share .addthis_toolbox { } .petition .bottomPanel .share .addthis_toolbox a { padding: 0 5px; } .petition .header .petitionData { overflow: hidden; height: 143px; position: relative; } .petition .header .petitionData .title { font:21px "MuseoSlab500", serif; color:#000; text-transform: uppercase; } .petition .header .petitionData .title:hover { color:#FF3327; } .petition .header .petitionData .date { color:#666; font:12px Helvetica, Arial, sans-serif; margin: 0 0 8px 0; } .petition .header .petitionData .date a { color:#333; font-weight: bold; } .petition .header .petitionData .date a:hover { color:#FF3327; } .petition .header .petitionData .text { color:#333; font:12px Helvetica, Arial, sans-serif; } .petition .header .petitionData .text a { font-weight: bold; color:#333; } .petition .header .petitionData .text a:hover { color:#FF3327; } .petition .bottomPanel { background-color:#F3F3F3; padding:16px 16px 56px; box-shadow:0 7px 8px -9px #BBBBBB inset; -webkit-box-shadow:0 7px 8px -9px #BBBBBB inset; -moz-box-shadow:0 7px 8px -9px #BBBBBB inset; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; position: relative; } .petition .comments { background-color:#F3F3F3; padding:16px 16px 56px; box-shadow:0 7px 8px -9px #BBBBBB inset; -webkit-box-shadow:0 7px 8px -9px #BBBBBB inset; -moz-box-shadow:0 7px 8px -9px #BBBBBB inset; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; position: relative; } .petition .comments .comment { margin-top: 10px; position: relative; overflow: hidden; } .petition .comments .comment.form { padding-top: 4px; } .petition .comments .comment:first-child { margin: 0; } .petition .comments .comment > img, #topmenu .links .userMenu > img { float: left; width: 26px; } .petition .comments .comment .body { margin-left: 30px; font:13px/20px Helvetica, Arial, sans-serif; color:#333; } .petition .comments .comment .body a { color:#333; } .petition .comments .comment .body a.author { font-weight: bold; } .petition .comments .comment .body a:hover { color:#ff3327; } .petition .comments .comment .body .info { font-size: 12px; color:#666; } .petition .comments .comment .body .info .answer { font-weight: bold; color:#333; cursor:pointer; } .petition .comments .comment .body .info .answer:hover { color:#FF3327; } .petition .comments .comment .sendComment { margin-left: 30px; height:30px; position: relative; top:-4px; padding:0 5px; background-color: #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:#B8B8B8 1px solid; box-shadow:0 7px 8px -9px #BBBBBB inset; -webkit-box-shadow:0 7px 8px -9px #BBBBBB inset; -moz-box-shadow:0 7px 8px -9px #BBBBBB inset; } .petition .comments .comment .sendComment .submit { display: none; } .petition .comments .comment .sendComment .newComment { background: none; border:0; outline:none; padding: 0; margin: 0; width:100%; height:30px; font:13px/30px Helvetica, Arial, sans-serif; color:#666; } .petition .comments .showMore, .showMoreSignatures, .showMorePet { position: relative; width:100%; float:left; padding: 10px 0 2px; text-align: center; } .petition .comments .showMore .line, .showMoreSignatures .line, .showMorePet .line { position: absolute; height:1px; overflow:hidden; background: #ccc; top: 25px; width:100%; left:0; } .petition .comments .showMore center{ width:100%; float:left; } .petition .comments .showMore .button, .showMoreSignatures .button, .showMorePet .button { text-align: center; /*display: block; float:left; /*margin: 0 0 0 40%;*/ } .petition .comments .showMore .button.loading { background: url(/static/images/loading.gif) center center no-repeat; background-size:contain; background-color: #FFFFFF !important; opacity: 0.6; filter: alpha(opacity=60); cursor: default; } #wrap .leftColumn > .showMore, #wrap .leftColumn #ajaxContent > .showMore, #wrap .rightColumn .showMore { text-align: center; cursor:pointer; display: block; color:#f3d6d5; height:54px; position: relative; font:18px/54px Arial, sans-serif; text-transform: uppercase; border: solid 2px #5a5b5c; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-image: linear-gradient(top, #E7403A 0, #C02B26 100%); background-image: -o-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -moz-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -webkit-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -ms-linear-gradient(top, #E7403A 0px, #C02B26 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #E7403A), color-stop(100%, #C02B26)); -pie-background: linear-gradient(top, #E7403A 0px, #C02B26 100%); } #wrap .leftColumn > .showMore:hover, #wrap .leftColumn #ajaxContent > .showMore:hover, #wrap .rightColumn .showMore:hover{ border: solid 2px #ff0900; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, #ED9390), color-stop(0.5, #E57773), color-stop(0.75, #D24540), color-stop(1, #C12B26) ); background-image: -o-linear-gradient(bottom, #ED9390 25%, #E57773 50%, #D24540 75%, #C12B26 100%); background-image: -moz-linear-gradient(bottom, #ED9390 25%, #E57773 50%, #D24540 75%, #C12B26 100%); background-image: -webkit-linear-gradient(bottom, #ED9390 25%, #E57773 50%, #D24540 75%, #C12B26 100%); background-image: -ms-linear-gradient(bottom, #ED9390 25%, #E57773 50%, #D24540 75%, #C12B26 100%); background-image: linear-gradient(to bottom, #ED9390 25%, #E57773 50%, #D24540 75%, #C12B26 100%); -pie-background: linear-gradient(to bottom, #ED9390 25%, #E57773 50%, #D24540 75%, #C12B26 100%); } #wrap .leftColumn > .showMore.loading, #wrap .leftColumn #ajaxContent > .showMore.loading { background: url(/static/images/loading.gif) center -5px no-repeat; background-size:contain; background-color: #FFFFFF !important; opacity: 0.6; filter: alpha(opacity=60); cursor: default; } #wrap .rightColumn .showMore { font-size: 13px; height:33px; line-height: 33px; } #wrap .rightColumn { width:320px; float: right; position:relative; } #wrap .rightColumn .categories { overflow: hidden; margin-top: 50px; } #wrap .rightColumn h2 { font:16px "MuseoSlab500", serif; color:#fff; margin-bottom: 15px; } #wrap .rightColumn .categories ul { width:150px; } #wrap .rightColumn .categories ul.left { float: left; } #wrap .rightColumn .categories ul.right { float: right; } #wrap .rightColumn .categories ul li { padding: 4px 5px; border-top:#333 1px solid; } #wrap .rightColumn .categories ul li:first-child { border:0; } #wrap .rightColumn .categories ul li a { color:#ccc; font:13px Helvetica, Arial, sans-serif; } #wrap .rightColumn .categories ul li a:hover { color:#FF3327; } #wrap .rightColumn .categories ul li.active a { color:#fff; font-weight: bold; } #wrap .rightColumn .winners { margin-top: 50px; } #wrap .rightColumn .winners { } #wrap .rightColumn .winners .petition { margin-bottom: 8px; } #wrap .rightColumn .winners .petition > i { top:-1px; left:-3px; } #wrap .rightColumn .winners .petition .header { overflow: hidden; padding: 16px; } #wrap .rightColumn .winners .petition .header .petitionData { margin: 0 0 0 90px; } #wrap .rightColumn .winners .petition .header .petitionData .title { font-size: 16px; } #wrap .rightColumn .winners .petition .header .petitionData .date { font-size: 11px; } #footer { text-align: center; margin-top: -276px; position: relative; background: #1d1e21 url(/static/images/footer-corner-decor.png) no-repeat right bottom; z-index: 999; } #footer .banner { border-top:#333 1px solid; border-bottom:#333 1px solid; padding:21px 0 16px; text-align: center; } #footer .footerColumns{ position: relative; height: 112px; padding: 31px 0; color:#999; } #footer .footerColumns .inner{ height: 100%; width: 850px; margin: 0 auto; padding-left: 98px; background: url(/static/images/footer-check.png) no-repeat left center; } .footerColumnLinks{ } .footerColumnLinks li{ display: block; float: left; margin-left: 40px; } .footerColumnLinks li:first-child{ margin: 0; } .footerColumnLinks li > a{ display: block; width: 140px; padding-left: 26px; padding-top: 5px; } .footerColumnLinks li.about > a{ background: url(/static/images/footer-icon3.png) no-repeat left top; } .footerColumnLinks li.network > a{ padding-left: 30px; background: url(/static/images/footer-icon5.png) no-repeat left top; } .footerColumnLinks li.supporters > a{ background: url(/static/images/footer-icon2.png) no-repeat left top; } .footerColumnLinks li.contacts > a{ padding-left: 30px; background: url(/static/images/footer-icon4.png) no-repeat left 4px; } .footerColumnLinks li .title{ margin-bottom: 10px; padding-bottom: 4px; border-bottom: solid 4px #999999; font: 16px "MuseoSlab500", serif; color: #fff; text-transform: uppercase; } .footerColumnLinks li .text{ font: 13px Arial, serif; color: #999999; padding-bottom: 6px; border-bottom: solid 1px #999999; } .footerColumnLinks li:hover .text{ color:#ff0000; } #footer .footerMenu { height: 40px; padding: 31px 0; color:#999; font:13px/20px Helvetica, Arial, sans-serif; text-align: center; } #footer .footerMenu span { margin: 0 5px; } #footer .footerMenu a { color:#fff; } #footer .footerMenu a:hover { color:#ff3327; } ul.errors { color:#ff0000; font: 11px Helvetica,Arial,sans-serif; padding:3px 0; } .ui-menu.ui-autocomplete { font-size:14px; font-family:Helvetica,Arial,sans-serif; } #search .inputStr.ui-autocomplete-loading { background: url('/static/images/loadingSmall.gif') 218px center no-repeat; } .petition_noresults{ display:block; padding:30px 0; width:100%; background:#fff; text-indent:10px; font: 21px "MuseoSlab500",serif; } .cap{text-transform:uppercase;} .commentListButton{ text-decoration:none; margin-top:13px; } .commentsListContainer{ position:relative; width:100%; height:485px; margin:0 auto 30px auto; } .shadowContainer{ height:445px; width:100%; overflow:auto; float:left; overflow:hidden; position:relative; z-index:90; } .shadowContainer .shadowDown{ display:none; position:absolute; top:-1px; left:0; height:1px; width:100%; -moz-box-shadow:0 -6px 27px 32px #141517; -webkit-box-shadow:0 -6px 27px 32px #141517; box-shadow:0 -6px 27px 32px #141517; z-index:9999; } .shadowContainer .shadowUp{ position:absolute; bottom:-1px; left:0; height:1px; width:100%; -moz-box-shadow:0 -6px 27px 32px #141517; -webkit-box-shadow:0 -6px 27px 32px #141517; box-shadow:0 -6px 27px 32px #141517; z-index:9999; } .commentsListContainer .title{ height:21px; float:left; margin-bottom:18px; margin-left:10px; font:15px/32px 'MuseoSlab500', serif; text-transform:uppercase; color:#fff; letter-spacing:1px; } .commentsListContainer .flexcroll{ height:445px; width:100%; overflow:auto; float:left; } .commentsListContainer #commentsList{ width:315px; float:left; } .commentsListContainer #commentsList li{ position:relative; display:block; width:100%; float:left; border-top:solid 1px #333333; } .commentsListContainer #commentsList li:first-child{ border:none; } .commentsListContainer #commentsList li:hover{ background:url(/static/images/bg-item-hover.png);/*#222222;*/ } .commentsListContainer .popupList li .info{ display:none; position:absolute; top:50px; left:-427px; width:382px; padding:15px; background:#fff; border:solid 1px #aaaaaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index:9999; } .commentsListContainer .popupList li .info.active{ display:block; } .commentsListContainer .popupList li .info .arrowRight{ display:block; position:absolute; top:12px; right:-8px; width:8px; height:18px; background:url(../images/arrow-right.png) no-repeat; } .commentsListContainer .popupList li .info img{ float:left; border:none; width:97px; margin-right:15px; } .commentsListContainer .popupList li .info .descr{ float:left; width:265px; } .commentsListContainer .popupList li .info .descr .titleDescr{ font:16px 'MuseoSlab500', Tahoma; color:#000; } .commentsListContainer .popupList li .info .descr .rate{ margin-top:13px; font: 12px Helvetica, Arial, sans-serif; color: #666; } .commentsListContainer .popupList li .info .descr .rate span{ color: #333; font-size: 15px; font-weight:bold; } .commentsListContainer .popupList li .info .descr .dateTimeInfo{ margin-top:13px; font: 12px Helvetica, Arial, sans-serif; color: #666; } .commentsListContainer .popupList li .info .descr .dateTimeInfo span{ font-weight:bold; color: #333; } .commentsListContainer .popupList li .info .descr .text{ margin-top:13px; font: 14px Helvetica, Arial, sans-serif; color: #333; } .commentsListContainer #commentsList li > a{ display:block; padding:10px; float:left; text-decoration:none; } .commentsListContainer #commentsList li a .avaContainer{ width:22px; height:22px; overflow:hidden; float:left; margin-right:10px; } .commentsListContainer #commentsList li a .avaContainer img{ width:22px; border:none; } .commentsListContainer #commentsList li a .text{ font: 13px Helvetica, Arial, sans-serif; color:#cccccc; float:left; width:250px; overflow:hidden; } .commentsListContainer #commentsList li a .text .author{ font-weight:bold; } .redColor{ color:#D3342E; } .redDonatorTextColor{ color:#bc1d22; } p.smallLineHeight{ line-height: 5px !important; } .promoset > h2{ font: 16px/36px "MuseoSlab500", serif !important; color: #000 !important; text-transform:uppercase; padding-left:22px; } .underPromo{ position:relative; margin-bottom:15px; overflow:hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .bgPromo{ position:absolute; left:0; width:100%; z-index:990; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .promo{ position:relative; z-index:998; } .promo > img{ float:left; margin-right:10px; height:40px; } .promoTitle{ font: 14px "MuseoSlab500", serif; color: #000; } .bannerButtonAndBarContainer{ overflow:hidden; float:none; } .bannerButtonAndBarContainer td{ vertical-align:bottom; } .promoContent{ overflow:hidden; } .promo{ display: block; padding:18px 10px 10px 10px; } .promo .barContainer{ overflow:hidden; height:20px; margin:15px 0 0 0;/* auto 0 auto;*/ background-color: #f1f1f1; border:#989898 1px solid; position: relative; box-shadow:-1px 9px 5px -10px #999 inset; -webkit-box-shadow:-1px 9px 5px -10px #999 inset; -moz-box-shadow:-1px 9px 5px -10px #999 inset; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .promo .barContainer .bar{ position: relative; height:100%; background-color:#6AD24B; background-image: linear-gradient(top, #BCE895 0, #6AD24B 50%, #BCE895 100%); background-image: -o-linear-gradient(top, #BCE895 0, #6AD24B 50%, #BCE895 100%); background-image: -moz-linear-gradient(top, #BCE895 0, #6AD24B 50%, #BCE895 100%); background-image: -webkit-linear-gradient(top, #BCE895 0, #6AD24B 50%, #BCE895 100%); background-image: -ms-linear-gradient(top, #BCE895 0, #6AD24B 50%, #BCE895 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #BCE895), color-stop(50%, #6AD24B), color-stop(100%, #BCE895)); -pie-background: linear-gradient(#BCE895, #6AD24B, #BCE895); } .promo .barContainer .bar span{ font:12px/20px Helvetica, Arial, sans-serif; color:#000; margin-left:3px; white-space: nowrap; } .promo .barContainer .bar > span{ position:absolute; } .signButtonContainer{ width:100%; float:left; margin:5px 0 0 0; text-align:center; } .bannerSign{ height:auto !important; padding: 1px 10px 2px !important; margin-left:5px; font: bold 13px/18px Helvetica, Arial, sans-serif !important; } .rightTextBehindCheckbox a{ color:#333; font-weight:bold; } .rightTextBehindCheckbox a:hover{ color:#ff3327; } .newslist{ overflow:hidden; margin-bottom:15px; padding:0 0 10px 0; border:solid 1px #333333; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .newslist .title{ height:21px; float:left; margin-left:10px; margin-bottom:18px; font:15px/32px 'MuseoSlab500', serif; text-transform:uppercase; color:#fff; letter-spacing:1px; } .newsListList{ padding:0 10px; } .newsListList li{ position:relative; display:block; padding:10px 0; width:100%; float:left; border-top:solid 1px #333333; font: 11px Helvetica, Arial, sans-serif; color:#cccccc; } .newsListList li:first-child{ border:none; } .newsListList li:hover{ background:url(/static/images/bg-item-hover.png);/*#222222;*/ } .newsListList li a{ display:block; margin-bottom:5px; font: 13px Helvetica, Arial, sans-serif; font-weight:bold; color:#cccccc; text-decoration:none; } .newsListList li a:hover{ text-decoration:none; } .newsListList li img{ width:50px; border:none; margin-right:5px; } .newsListShortDescr{ text-align:justify; /*overflow:hidden;*/ } .allNewsContainer{ float:left; width:100%; margin-top:10px; text-align:center; } .allNewsContainer a{ font: 13px Helvetica, Arial, sans-serif; font-weight:bold; color:#cccccc; text-decoration:none; } .bottomExplainText{ font-size:14px !important; } .h14{ font-size:14px !important; } #infoBlock { height:312px; width:940px; margin: 0 auto; position: relative; } #infoBlock h1 { font:30px "MuseoSlab500", serif; color:#ffffff; padding: 20px 0 0 7px; } #infoBlock .counter { display: none; color:#fbfbfb; font:16px "MuseoSlab500", serif; } #infoBlock .counter i { font-size: 16px; color:#fff; font-style: normal; display: inline-block; position: relative; height:24px; width:18px; line-height: 26px; border-radius: 3px; text-align: center; margin-right: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-image: linear-gradient(top, #4A4A4A 0, #212121 100%); background-image: -o-linear-gradient(top, #4A4A4A 0px, #212121 100%); background-image: -moz-linear-gradient(top, #4A4A4A 0px, #212121 100%); background-image: -webkit-linear-gradient(top, #4A4A4A 0px, #212121 100%); background-image: -ms-linear-gradient(top, #4A4A4A 0px, #212121 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #4A4A4A), color-stop(100%, #212121)); -pie-background: linear-gradient(#4A4A4A, #212121); } #infoBlock .counter i b { display: block; position: relative; z-index:2px; background-color: #1C1D1E; height:1px; width:100%; position: absolute; top: 12px; left:0; } #infoBlock .text { color:#ccc; font:14px/19px Helvetica, Arial, sans-serif; padding-left: 9px; } #infoBlock .text a { color:#fff; font-weight:bold; } #infoBlock .text a:hover { color:#FF3327; } #infoBlock .line { width:699px; height:1px; position: absolute; top:97px; left:0; background:url("../images/gradientLine.png"); } .petitionButtonContainer{ height: 60px; overflow: hidden; margin: 15px 0 0 0; padding: 0 10px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; cursor: pointer; font: 16px Arial; text-align: center; line-height: 60px; } .petitionButtonContainer.black{ border: solid 4px #cdcdcd; color:#fff; background-image: linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); -pie-background: linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -o-linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -moz-linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -webkit-linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -ms-linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(24,25,26)), color-stop(0.5, rgb(39,39,40)), color-stop(0.75, rgb(50,50,51)), color-stop(1, rgb(61,60,61)) ); } .petitionButtonContainer.white{ border: solid 4px #18191a; color:#18191a; } .petitionButtonContainer table tr td, .petitionButtonContainer table tr td img{ vertical-align: middle; } .petitionButtonContainer table tr td img.label{ margin-top:-3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .petitionButtonContainer .button{ padding-left: 20px; padding-right: 20px; box-shadow: none; cursor: pointer; } /* Donor Banner */ .donorBanner{ overflow: hidden; margin: 0 0 15px 0; padding: 10px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-family: Arial; } .titleContainer{ overflow: hidden; font-size: 12px; } .titleContainer .bigRed{ font-size: 16px; color:#c6332f; } .titleContainer img{ float: left; margin-right: 10px; } .donorBanner .titleContainer img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .donorPreText{ overflow: hidden; } .payDonatorConntainer{ overflow: hidden; margin: 20px 0 0 0; padding: 10px 5px; border-top:solid 1px #4f4f4f; border-bottom:solid 1px #4f4f4f; } .donorBanner .pay{ width: 100%; float: left; margin: 15px 0 10px 0; text-align: center; } .donorBanner .submit{ display: inline-block; padding: 0px 25px; height: 30px; box-shadow: none; cursor: pointer; font-size: 14px; line-height: 30px; } .donorBanner .submit:hover{ text-shadow: none; border: solid 1px #ff0800; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, #F8D0CF), color-stop(0.5, #EA8986), color-stop(0.75, #D64E49), color-stop(1, #C22C27) ); background-image: -o-linear-gradient(bottom, #F8D0CF 25%, #EA8986 50%, #D64E49 75%, #C22C27 100%); background-image: -moz-linear-gradient(bottom, #F8D0CF 25%, #EA8986 50%, #D64E49 75%, #C22C27 100%); background-image: -webkit-linear-gradient(bottom, #F8D0CF 25%, #EA8986 50%, #D64E49 75%, #C22C27 100%); background-image: -ms-linear-gradient(bottom, #F8D0CF 25%, #EA8986 50%, #D64E49 75%, #C22C27 100%); background-image: linear-gradient(to bottom, #F8D0CF 25%, #EA8986 50%, #D64E49 75%, #C22C27 100%); -pie-background: linear-gradient(to bottom, #F8D0CF 25%, #EA8986 50%, #D64E49 75%, #C22C27 100%); } .donorBanner .hallOfFame{ display: inline-block; box-shadow: none; cursor: pointer; height: 30px; padding: 0px 5px; line-height: 30px; border: solid 1px rgb(120,120,120); text-shadow: none; font-size: 14px; background-image: linear-gradient(bottom, rgb(120,120,120) 25%, rgb(137,137,137) 50%, rgb(158,158,158) 75%, rgb(173,173,173) 100%); -pie-background: linear-gradient(bottom, rgb(120,120,120) 25%, rgb(137,137,137) 50%, rgb(158,158,158) 75%, rgb(173,173,173) 100%); background-image: -o-linear-gradient(bottom, rgb(120,120,120) 25%, rgb(137,137,137) 50%, rgb(158,158,158) 75%, rgb(173,173,173) 100%); background-image: -moz-linear-gradient(bottom, rgb(120,120,120) 25%, rgb(137,137,137) 50%, rgb(158,158,158) 75%, rgb(173,173,173) 100%); background-image: -webkit-linear-gradient(bottom, rgb(120,120,120) 25%, rgb(137,137,137) 50%, rgb(158,158,158) 75%, rgb(173,173,173) 100%); background-image: -ms-linear-gradient(bottom, rgb(120,120,120) 25%, rgb(137,137,137) 50%, rgb(158,158,158) 75%, rgb(173,173,173) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(120,120,120)), color-stop(0.5, rgb(137,137,137)), color-stop(0.75, rgb(158,158,158)), color-stop(1, rgb(173,173,173)) ); } .donorBanner .hallOfFame:hover{ border: solid 1px #a8a8a8; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, #EAEAEA), color-stop(0.5, #C5C5C5), color-stop(0.75, #8C8C8C), color-stop(1, #7C7C7C) ); background-image: -o-linear-gradient(bottom, #EAEAEA 25%, #C5C5C5 50%, #8C8C8C 75%, #7C7C7C 100%); background-image: -moz-linear-gradient(bottom, #EAEAEA 25%, #C5C5C5 50%, #8C8C8C 75%, #7C7C7C 100%); background-image: -webkit-linear-gradient(bottom, #EAEAEA 25%, #C5C5C5 50%, #8C8C8C 75%, #7C7C7C 100%); background-image: -ms-linear-gradient(bottom, #EAEAEA 25%, #C5C5C5 50%, #8C8C8C 75%, #7C7C7C 100%); background-image: linear-gradient(to bottom, #EAEAEA 25%, #C5C5C5 50%, #8C8C8C 75%, #7C7C7C 100%); -pie-background: linear-gradient(to bottom, #EAEAEA 25%, #C5C5C5 50%, #8C8C8C 75%, #7C7C7C 100%); } .paypalDonateForm .label{ font-size: 14px; font-weight: bold; } #paypalDonatorBannerForm .donationSize{ width: 275px; } .paypalDonateForm .ui-selectmenu{ margin-top: 10px; height: 36px; border: solid 4px #5a5b5c; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .paypalDonateForm .ui-selectmenu-icon{ width: 36px; height: 24px; margin-top: -11px; background: url(/static/images/select-ico.png) no-repeat right center !important; border-left: solid 1px #e5e5e5; } .paypalDonateForm .ui-selectmenu-status{ color:#a1a1a1; font: 18px Arial; font-weight: normal; } .donorBanner .thanksMessage{ display: block; overflow: hidden; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: solid 1px #4f4f4f; font-size: 12px; } .donorBanner a{ color:#fff; } .donorBanner.black{ border: solid 1px #cdcdcd; color:#fff; background-image: linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); -pie-background: linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -o-linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -moz-linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -webkit-linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -ms-linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(24,25,26)), color-stop(0.5, rgb(39,39,40)), color-stop(0.75, rgb(50,50,51)), color-stop(1, rgb(61,60,61)) ); } .donorBanner.white{ border: solid 4px #18191a; color:#18191a; } /****************/ /* Vote Banner */ .vote{ overflow: visible; position: relative; display: inline-block; max-width: 320px; margin: 0 0 0 0; padding: 20px 5px 10px 5px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-family: Arial; } .vote.landing{ max-width: none; } .vote.black{ border: solid 1px #cdcdcd; color:#fff; background-image: linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); -pie-background: linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -o-linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -moz-linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -webkit-linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -ms-linear-gradient(bottom, rgb(24,25,26) 25%, rgb(39,39,40) 50%, rgb(50,50,51) 75%, rgb(61,60,61) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(24,25,26)), color-stop(0.5, rgb(39,39,40)), color-stop(0.75, rgb(50,50,51)), color-stop(1, rgb(61,60,61)) ); } .vote.white{ border: solid 4px #18191a; background: #f2f2f2; color:#18191a; } .vote.horiz{ display: block; overflow: hidden; max-width: none; padding: 17px 9px 17px 13px; margin-bottom: 10px; } .vote.white.horiz{ border: solid 4px #ce332e; } .vote .label{ position: absolute; top:-3px; left:-3px; width: 71px; height: 72px; background: url(/static/images/pool-label.png) no-repeat center center; } .vote.horiz .label{ background: url(/static/images/pool-label-red.png) no-repeat center center; } .vote .topLine{ float: right; } .vote.horiz .topLine{ float: none; } .vote .expiredContainer{ width: 165px; height: 16px; float: left; overflow: hidden; margin-right: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#fff; text-align: center; font-size: 10px; line-height: 16px; } .vote .expiredContainer.active{ background: #c52e29; } .vote .expiredContainer.expired{ background: #555555; } .vote .share{ overflow: hidden; float: left; } .vote.horiz .share{ overflow: visible; width:100%; float: right; margin-top: 15px; font: 12px Helvetica, Arial, sans-serif; color: #666; text-align: center; } .vote.horiz .share .shareButtonsLabel{ width: 100%; float: left; display: inline-block; text-align: center; } .vote.horiz .share .addthis_toolbox{ float: right; position: relative; top: 4px; right: 18px; width: 83px; } .vote.horiz .share .addthis_toolbox a{ padding: 0 5px; } .vote.horiz .share .addthis_toolbox a:first-child{ padding: 0 5px 0 0; } .vote .voteContent{ width: 100%; float:left; margin: 10px 0 0 0; padding: 0 0 18px 0; border-bottom: solid 1px #4f4f4f; } .vote.horiz .voteContent{ border: none; margin: 0; float: none; overflow: hidden; width: auto; } .vote.landing .voteContent{ text-align: center; } .vote .rightContainer{ position: relative; display: inline-block; float:right; width: 278px; padding-right: 10px; } .vote.horiz .rightContainer{ width: auto; padding: 0; } .vote .centerContainer{ position: relative; display: inline-block; width: 278px; padding-right: 10px; } .vote.landing .centerContainer{ width: 478px; padding-right: 0px; } .vote .photoContainer{ width: 50px; min-height: 40px; max-height: 150px; overflow: hidden; float:left; margin-right: 11px; } .vote.horiz .photoContainer{ width: 98px; min-height: 40px; overflow: hidden; margin-right: 15px; margin-top: 4px; float:left; } .vote .photoContainer img{ width:50px; border: none; } .vote.horiz .photoContainer img{ width: 98px; border: none; } .vote .questionBodyContainer{ overflow: hidden; } .vote.horiz .questionBodyContainer{ float: left; width: 310px; margin-right: 10px; } .vote .voteQuestionTitle{ margin-bottom: 5px; font: 18px Georgia, sans-serif, Arial; color:#ce332e; } .vote .voteQuestionTitle a{ margin-bottom: 5px; font: 18px Georgia, sans-serif, Arial; color:#ce332e; } .vote.horiz .voteQuestionTitle{ margin-bottom: 10px; font: 21px "MuseoSlab500", serif; } .vote.horiz .voteQuestionTitle a{ margin-bottom: 10px; font: 21px "MuseoSlab500", serif; } .vote .voteQuestionText{ font: 12px Arial; color:#fff; } .vote.horiz .voteQuestionText{ width:100%; float:left; margin-top: 10px; font: 12px Helvetica, Arial, sans-serif; } .vote.landing .voteQuestionText{ font: 16px Arial; } .vote.white .voteQuestionText{ color:#000; } .vote .redMiddleTitle{ font: 14px Arial; color:#c52e29; } .vote .redMiddleTitle a{ font: 14px Arial; color:#c52e29; } .vote.landing .redMiddleTitle{ font: 18px Arial; } .vote .thanksForVoteContainer{ width: 100%; float:left; margin-top: 10px; font-size: 18px; color:#fff; } .vote.white .thanksForVoteContainer{ color:#000; } .vote .thanksForVoteContainer .title{ font-size: 22px; color:#c52e29; } .vote .voteResultValuesContainer{ float: left; width: 168px; overflow: hidden; border-right: solid 1px #e2e2e2; } .vote.horiz .voteResultValuesContainer{ width: 249px; } .vote .countBottomVoteContainer{ width: 100%; float:left; margin-top: 10px; text-align: center; font: 20px 'ArialRoundedMTBoldBold', Arial; color:#999999; } .vote.horiz .countBottomVoteContainer{ width: 132px; float:right; text-align: center; } .vote .countMiddleVoteContainer{ position: absolute; bottom:-18px; left:0; width:100%; font: 14px 'ArialRoundedMTBoldBold', Arial; color:#999999; text-align:center; } .vote.horiz .countMiddleVoteContainer{ text-align:right; } .vote .voteResultContainer{ position: relative; width: 100%; height: 80px; float: left; margin: 20px 0 0 0; } .vote.horiz .voteResultContainer{ margin: 10px auto 0 auto; padding: 6px 10px 5px 10px; width: 370px; height: auto; float: none; overflow: hidden; border: solid 5px #e2e2e2; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .vote.landing .voteResultContainer{ width: 100%; height: auto; float: left; overflow: hidden; margin: 3px 0 0 0; text-align: center; } .vote .voteResultCountContainer{ position: absolute; top:11px; right: 11px; padding: 10px 0; overflow: hidden; width: 100px; text-align: center; background: #dadada; color:#999999; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font: 16px/14px Arial; } .vote .voteResultCountContainer span{ font: 14px Arial; } .vote .graphContainer{ position: absolute; top:-18px; right:0; } .vote.horiz .graphContainer{ top:-18px; right:10px; } .vote.landing .graphContainer{ position: relative; top:0; right: 0; width: 200px; margin:0 auto; } .vote .buttonsContainer{ width: 100%; float:left; margin-top: 10px; text-align: center; } .vote.horiz .buttonsContainer{ width: 132px; float:right; } .vote .countBottomVoteContainer .button{ width: 90px; height: 30px; margin: 0px 0 0 10px; border: none; box-shadow: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; text-shadow: none; cursor: default; font-weight: normal; font-size: 14px; text-transform: uppercase; font-family: 'ArialRoundedMTBoldBold', Arial; line-height: 30px; } .vote.horiz .countBottomVoteContainer .button{ margin: 5px 0 0 0px; } .vote .buttonsContainer .button{ width: 104px; height: 30px; margin: 5px 9px; border: none; box-shadow: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; text-shadow: none; cursor: pointer; font-weight: normal; font-size: 14px; text-transform: uppercase; font-family: 'ArialRoundedMTBoldBold', Arial; line-height: 30px; } .vote.horiz .buttonsContainer .button{ margin: 5px 6px; } .vote .buttonsContainer .button:hover{ margin: 0 4px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .vote.horiz .buttonsContainer .button:hover{ margin: 0 1px; } .vote.colored .buttonsContainer .button{ color:#fff; } .vote.calmed .buttonsContainer .button{ } .vote.colored .buttonsContainer .button.answerYes, .vote.colored .buttonsContainer .button.answerYesHoriz, .vote.colored .buttonsContainer .button.answerYesLanding, .vote.colored .countBottomVoteContainer .button.greenButton, .vote.colored .countBottomVoteContainer .button.greenButton:hover{ background-image: linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); -pie-background: linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -o-linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -moz-linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -webkit-linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -ms-linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(89,152,60)), color-stop(0.5, rgb(104,168,74)), color-stop(0.75, rgb(123,182,93)), color-stop(1, rgb(130,189,103)) ); } .vote.colored .buttonsContainer .button.answerNo, .vote.colored .buttonsContainer .button.answerNoHoriz, .vote.colored .buttonsContainer .button.answerNoLanding, .vote.colored .countBottomVoteContainer .button.redButton, .vote.colored .countBottomVoteContainer .button.redButton:hover{ background-image: linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); -pie-background: linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -o-linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -moz-linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -webkit-linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -ms-linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(226,91,70)), color-stop(0.5, rgb(230,95,74)), color-stop(0.75, rgb(243,107,86)), color-stop(1, rgb(249,113,92)) ); } .vote.colored .buttonsContainer .button.answerYes:hover, .vote.colored .buttonsContainer .button.answerYesLanding:hover, .vote.colored .buttonsContainer .button.answerYesHoriz:hover{ border: solid 5px #3d642c; color:#5d9b40; text-shadow: 0 0 5px #8cc56e; background-image: linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); -pie-background: linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -o-linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -moz-linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -webkit-linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -ms-linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(89,152,60)), color-stop(0.5, rgb(104,168,74)), color-stop(0.75, rgb(123,182,93)), color-stop(1, rgb(130,189,103)) ); } .vote.colored .buttonsContainer .button.answerNo:hover, .vote.colored .buttonsContainer .button.answerNoHoriz:hover, .vote.colored .buttonsContainer .button.answerNoLanding:hover{ border: solid 5px #8e120f; color:#e05944; text-shadow: 0 0 5px #f37c66; background-image: linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); -pie-background: linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -o-linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -moz-linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -webkit-linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -ms-linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(226,91,70)), color-stop(0.5, rgb(230,95,74)), color-stop(0.75, rgb(243,107,86)), color-stop(1, rgb(249,113,92)) ); } /*.vote.calmed .buttonsContainer .button.answerYes .vote.calmed .countBottomVoteContainer .button.greenButton, .vote.calmed .countBottomVoteContainer .button.greenButton:hover{ color:#666666; background-image: linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); -pie-background: linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -o-linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -moz-linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -webkit-linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -ms-linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(177,177,177)), color-stop(0.5, rgb(185,185,185)), color-stop(0.75, rgb(196,196,196)), color-stop(1, rgb(202,202,202)) ); }*/ .vote.calmed .buttonsContainer .button.answerYes, .vote.calmed .buttonsContainer .button.answerYesHoriz, .vote.calmed .buttonsContainer .button.answerYesLanding, .vote.calmed .countBottomVoteContainer .button.greenButton, .vote.calmed .countBottomVoteContainer .button.greenButton:hover, .vote.calmed .buttonsContainer .button.answerNo, .vote.calmed .buttonsContainer .button.answerNoHoriz, .vote.calmed .buttonsContainer .button.answerNoLanding, .vote.calmed .countBottomVoteContainer .button.redButton, .vote.calmed .countBottomVoteContainer .button.redButton:hover{ color:#fff; background-image: linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); -pie-background: linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -o-linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -moz-linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -webkit-linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -ms-linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(60,160,187)), color-stop(0.5, rgb(71,167,194)), color-stop(0.75, rgb(92,181,206)), color-stop(1, rgb(105,190,214)) ); } /*.vote.calmed .buttonsContainer .button.answerYes:hover{ border: solid 5px #959595; color:#939394; text-shadow: 0 0 5px #dbdbdb; background-image: linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); -pie-background: linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -o-linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -moz-linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -webkit-linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -ms-linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(177,177,177)), color-stop(0.5, rgb(185,185,185)), color-stop(0.75, rgb(196,196,196)), color-stop(1, rgb(202,202,202)) ); }*/ .vote.calmed .buttonsContainer .button.answerYes:hover, .vote.calmed .buttonsContainer .button.answerYesHoriz:hover, .vote.calmed .buttonsContainer .button.answerYesLanding:hover, .vote.calmed .buttonsContainer .button.answerNo:hover, .vote.calmed .buttonsContainer .button.answerNoLanding:hover, .vote.calmed .buttonsContainer .button.answerNoHoriz:hover{ border: solid 5px #367b8f; color:#3a9eba; text-shadow: 0 0 5px #77cddf; background-image: linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); -pie-background: linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -o-linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -moz-linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -webkit-linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -ms-linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(60,160,187)), color-stop(0.5, rgb(71,167,194)), color-stop(0.75, rgb(92,181,206)), color-stop(1, rgb(105,190,214)) ); } .vote .barContainer{ width: 100%; float:left; margin-top: 6px; } .vote.landing .barContainer{ width: auto; display: inline-block; float:none; margin-top: 2px; } .vote .barContainer:first-child{ margin: 0; } .vote .barContainer .voteResult{ width: 68px; height: 28px; float: left; margin-right: 6px; background: #dadada; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font: 20px Arial; text-align: center; color:#999999; text-transform: uppercase; line-height: 28px; } .vote.horiz .barContainer .voteResult{ width: 100px; } .vote.colored .barContainer .voteAnswer{ width: 90px;/*38px;*/ height: 28px; float: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font: 14px Arial; text-align: center; color:#fff; text-transform: uppercase; line-height: 28px; } .vote.colored .barContainer .voteAnswer.no{ background-image: linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); -pie-background: linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -o-linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -moz-linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -webkit-linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -ms-linear-gradient(bottom, rgb(226,91,70) 25%, rgb(230,95,74) 50%, rgb(243,107,86) 75%, rgb(249,113,92) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(226,91,70)), color-stop(0.5, rgb(230,95,74)), color-stop(0.75, rgb(243,107,86)), color-stop(1, rgb(249,113,92)) ); } .vote.colored .barContainer .voteAnswer.yes{ background-image: linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); -pie-background: linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -o-linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -moz-linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -webkit-linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -ms-linear-gradient(bottom, rgb(89,152,60) 25%, rgb(104,168,74) 50%, rgb(123,182,93) 75%, rgb(130,189,103) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(89,152,60)), color-stop(0.5, rgb(104,168,74)), color-stop(0.75, rgb(123,182,93)), color-stop(1, rgb(130,189,103)) ); } .vote.calmed .barContainer .voteAnswer{ width: 78px; height: 28px; float: left; overflow:hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font: 12px Arial; text-align: center; text-transform: uppercase; line-height: 28px; } .vote.horiz .barContainer .voteAnswer{ width: 106px; } .vote.calmed .barContainer .voteAnswer.winner{ color: #fff; background-image: linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); -pie-background: linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -o-linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -moz-linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -webkit-linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -ms-linear-gradient(bottom, rgb(60,160,187) 25%, rgb(71,167,194) 50%, rgb(92,181,206) 75%, rgb(105,190,214) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(60,160,187)), color-stop(0.5, rgb(71,167,194)), color-stop(0.75, rgb(92,181,206)), color-stop(1, rgb(105,190,214)) ); } .vote.calmed .barContainer .voteAnswer.looser{ color: #666666; background-image: linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); -pie-background: linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -o-linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -moz-linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -webkit-linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -ms-linear-gradient(bottom, rgb(177,177,177) 25%, rgb(185,185,185) 50%, rgb(196,196,196) 75%, rgb(202,202,202) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(177,177,177)), color-stop(0.5, rgb(185,185,185)), color-stop(0.75, rgb(196,196,196)), color-stop(1, rgb(202,202,202)) ); } /*********************/