#ffffallback-fontclass-inherit-parent { font-family: inherit !important; } #ffffallback-content-container { opacity:0.6!important; position: absolute!important; left: 0!important; top: 0!important; width: 100%!important; z-index: 999999!important; } #ffffallback-controller .ffffallback-more-values { margin-left: 0px!important; margin-top:0px!important; width: 160px!important; } #ffffallback-controller .collapsed .ffffallback-more-values { display: none!important; } #ffffallback-controller .expanded .ffffallback-disclosure span{ -moz-transform: rotate(180deg)!important; -webkit-transform:rotate(180deg)!important; text-shadow:rgba(0,0,0,0.8) 0 1px 0!important; position:relative!important; top:6px!important; } #ffffallback-controller .ffffallback-disclosure { display:inline-block!important; margin-left:2px!important; height:27px!important; width:20px!important; position:relative!important; top:-7px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; border-radius: 3px!important; } #ffffallback-controller .ffffallback-disclosure:hover { background:#111!important; } #ffffallback-controller .ffffallback-disclosure span{ color: #777!important; display: inline-block!important; font-size:12px!important; position:relative!important; left:4px!important; top:7px!important; text-decoration: none!important; text-shadow:rgba(0,0,0,0.8) 0 -1px 0!important; -moz-transition-property: -moz-transform!important; -moz-transition-duration: 0.125s!important; -webkit-transition-property: -webkit-transform!important; -webkit-transition-duration: 0.25s!important; } #ffffallback-content-container * { color:rgb(255,0,255) !important; } body.ffffallback-hide-fallback #ffffallback-content-container { display: none!important; } body.ffffallback-hide-original > * { display: none!important; } body.ffffallback-hide-original #ffffallback-content-container { display: block!important; opacity: 1!important; } #ffffallback-controller { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } #ffffallback-controller { display: block!important; position: fixed!important; right: 0px!important; top: 0px!important; background:rgba(0,0,0,0.8)!important; -webkit-box-shadow: rgba(0,0,0,0.5) 0 0 3px!important; color:rgba(255,255,255,0.9)!important; font: 13px/1em normal helvetica, arial, sans-serif !important; width: 220px!important; height: 100%!important; text-align:left !important; z-index: 9999999!important; } #ffffallback-controller * { font: inherit!important; margin: 0!important; } #ffffallback-controller h1 { color:#313131!important; background-color: #cecece!important; background-image: -moz-linear-gradient(0deg, #cecece, #b3b3b3)!important; background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #cecece ), to( #b3b3b3 ))!important; border-bottom:1px solid rgba(0,0,0,0.2)!important; text-shadow:rgba(255,255,255,0.6) 0 1px 0!important; font-weight: bold!important; margin:0 !important; padding: 0.5em 1em !important; } #ffffallback-controller h1 abbr { background:url(ffffallback-logo.png) no-repeat 0 0 !important; border:0 !important; display:inline-block !important; height:16px !important; margin-left:-9px !important; width:116px !important; text-indent:-99999em !important; } #ffffallback-controller ul { padding:0!important; } #ffffallback-controller #fb-font { margin:0 0 0 1em!important; padding:2px!important; } #ffffallback-controller li { list-style-type:disc!important; margin:0 0 10px 10px!important; } #ffffallback-radios { background:#B3B3B3!important; border-top:1px solid rgba(255,255,255,0.2)!important; margin:0px!important; padding:4px 3px 4px 4px!important; clear:both!important; overflow:hidden!important; } #ffffallback-radios label.radio-checked { background:#7C7C7C !important; background-image: none!important; color:#fff !important; text-shadow:rgba(0,0,0,0.5) 0 1px 0 !important; -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.65)!important; -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.65)!important; -o-box-shadow: inset 0 1px 5px rgba(0,0,0,0.65)!important; box-shadow: inset 0 1px 5px rgba(0,0,0,0.65)!important; } #ffffallback-radios label { background-image: -moz-linear-gradient(-90deg, #fefefe , #b7b7b7 )!important; background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #fefefe ), to( #b7b7b7 ))!important; background-image: linear-gradient(top, #fefefe, #b7b7b7)!important; border: 1px solid #555!important; border-width:1px 0 1px 1px!important; color:#313131!important; float:left!important; margin:0!important; padding:4px 0px!important; text-align:center!important; text-shadow:rgba(255,255,255,0.4) 0 1px 0!important; width:68px!important; -webkit-border-top-left-radius: 3px!important; -webkit-border-bottom-left-radius:3px!important; -moz-border-radius-topleft: 3px!important; -moz-border-radius-bottomleft: 3px!important; border-top-left-radius: 3px!important; border-bottom-left-radius: 3px!important; -webkit-box-shadow: rgba(225, 225, 225, 0.4) 0px 1px 0px!important; } #ffffallback-radios label+label { border: 1px solid #555!important; border-width: 1px!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; } #ffffallback-radios label+label+label { border-width:1px 1px 1px 0px!important; -webkit-border-top-right-radius: 3px!important; -webkit-border-bottom-right-radius: 3px!important; -moz-border-radius-topright: 3px!important; -moz-border-radius-bottomright: 3px!important; border-top-right-radius: 3px!important; border-bottom-right-radius: 3px!important; } #ffffallback-radios label:active, #ffffallback-update:active { background-image: -moz-linear-gradient(-90deg, #b9b9b9 , #969696 )!important; background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #b9b9b9 ), to( #969696 ))!important; background-image: linear-gradient(top, #b9b9b9, #969696)!important; -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.75)!important; -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.75)!important; -o-box-shadow: inset 0 1px 5px rgba(0,0,0,0.75)!important; box-shadow: inset 0 1px 5px rgba(0,0,0,0.75)!important; } #ffffallback-radios label input { display:none!important; } #ffffallback-instructions { background:#B3B3B3!important; font-weight:bold!important; padding:0.5em 1em!important; } #ffffallback-fonts { list-style: none!important; margin-top: 0!important; height: 100% !important; max-height: 500px!important; overflow-y: auto!important; -moz-box-shadow: inset 0 2px 5px black!important; -webkit-box-shadow: inset 0 2px 5px black!important; -o-box-shadow: inset 0 2px 5px black!important; box-shadow: inset 0 2px 5px black!important; } #ffffallback-controller ::-webkit-scrollbar { width: 10px!important; height: 10px!important; } #ffffallback-controller ::-webkit-scrollbar-track-piece { background-color: #3b3b3b!important; -webkit-border-radius: 6px!important; } #ffffallback-controller ::-webkit-scrollbar-thumb:vertical { height: 50px!important; background-color: #666!important; -webkit-border-radius: 6px!important; } #ffffallback-controller ::-webkit-scrollbar-button:start:decrement, #ffffallback-controller ::-webkit-scrollbar-button:end:increment { height: 2px!important; display: block!important; background-color: transparent!important; } #ffffallback-fonts li { border-bottom:1px solid #222!important; border-top:1px solid #444!important; list-style: none!important; margin: 0!important; padding:0.5em 0 1em 1em!important; } #ffffallback-fonts li b { display: block!important; font-size:14px!important; text-shadow: #1a1a1a 0px 1px 0px!important; } #ffffallback-fonts li b.global { font-style:italic!important; margin-top:5px!important; position:relative!important; } #ffffallback-fonts li b.global i { background: #333!important; color:#aaa!important; font-size: 11px!important; font-style: normal!important; font-weight: bold!important; left: 80px!important; padding: 0px 5px!important; position: absolute!important; text-transform: uppercase!important; top: -18px!important; } #ffffallback-fonts li input, #ffffallback-fonts li textarea { color: #f2f2f2!important; display: inline-block!important; -webkit-box-shadow: rgb(68, 68, 68) 0px 1px 0px!important; background: rgb(102, 102, 102)!important; border: 1px solid black!important; border-radius:4px!important; font:normal 13px/1.125 Helvetica, sans-serif!important; padding: 5px!important; width:160px!important; margin-top:10px!important; } input[type=text]::-webkit-input-placeholder { color:#a9a9a9!important; } #ffffallback-update { padding:4px 9px!important; border-radius: 5px!important; border:0!important; font: bold 12px/1.5 helvetica!important; color:#444!important; background-image: -moz-linear-gradient(-90deg, #fefefe , #b7b7b7 )!important; background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #fefefe ), to( #b7b7b7 ))!important; background-image: linear-gradient(top, #fefefe, #b7b7b7)!important; border: 1px solid #555!important; border: 1px solid #3D3D3D!important; color:#313131!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px!important; text-shadow:!important; width:64px!important; -webkit-box-shadow: rgba(225, 225, 225, 0.4) 0px 1px 0px!important; text-shadow:#fff 0 1px 0!important; text-decoration:none!important; position: relative!important; right: -24px!important; cursor:pointer!important; }