|  | /* Copyright (C) 2009 The Android Open Source Project | 
|  | * | 
|  | * Licensed under the Apache License, Version 2.0 (the "License"); | 
|  | * you may not use this file except in compliance with the License. | 
|  | * You may obtain a copy of the License at | 
|  | * | 
|  | * http://www.apache.org/licenses/LICENSE-2.0 | 
|  | * | 
|  | * Unless required by applicable law or agreed to in writing, software | 
|  | * distributed under the License is distributed on an "AS IS" BASIS, | 
|  | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | 
|  | * See the License for the specific language governing permissions and | 
|  | * limitations under the License. | 
|  | */ | 
|  |  | 
|  | @external .popupContent; | 
|  |  | 
|  | .helpPopup { | 
|  | background: #000000 none repeat scroll 0 50%; | 
|  | color: #ffffff; | 
|  | font-family: arial,sans-serif; | 
|  | font-weight: bold; | 
|  | overflow: hidden; | 
|  | text-align: left; | 
|  | text-shadow: 1px 1px 7px #000000; | 
|  | width: 92%; | 
|  | z-index: 1002; | 
|  | opacity: 0.85; | 
|  | border-radius: 10px; | 
|  | } | 
|  |  | 
|  | @if user.agent safari { | 
|  | .helpPopup { | 
|  | \-webkit-border-radius: 10px; | 
|  | } | 
|  | } | 
|  | @if user.agent gecko1_8 { | 
|  | .helpPopup { | 
|  | \-moz-border-radius: 10px; | 
|  | } | 
|  | } | 
|  |  | 
|  | .helpPopup .popupContent { | 
|  | margin: 10px; | 
|  | } | 
|  |  | 
|  | .helpPopup hr { | 
|  | width: 100%; | 
|  | } | 
|  |  | 
|  | .helpHeader { | 
|  | width: 100%; | 
|  | } | 
|  |  | 
|  | .helpHeader td { | 
|  | white-space: nowrap; | 
|  | color: #ffffff; | 
|  | } | 
|  |  | 
|  | .helpHeader a, | 
|  | .helpHeader a:visited, | 
|  | .helpHeader a:hover { | 
|  | color: #dddd00; | 
|  | } | 
|  |  | 
|  | .helpHeaderGlue { | 
|  | width: 100%; | 
|  | } | 
|  |  | 
|  | .helpTable { | 
|  | width: 90%; | 
|  | } | 
|  | .helpTable td { | 
|  | vertical-align: top; | 
|  | white-space: nowrap; | 
|  | } | 
|  |  | 
|  | .helpTableGlue { | 
|  | width: 25px; | 
|  | } | 
|  |  | 
|  | .helpGroup { | 
|  | color: #dddd00; | 
|  | text-align: left; | 
|  | } | 
|  |  | 
|  | .helpKeyStroke { | 
|  | text-align: right; | 
|  | } | 
|  |  | 
|  | .helpSeparator { | 
|  | width: 0.5em; | 
|  | text-align: center; | 
|  | font-weight: bold; | 
|  | } | 
|  |  | 
|  | .helpKey { | 
|  | color: #dddd00; | 
|  | } |