Changed zouba directory heirarchy.
[ptas] / wrt / misc / rss / WRTKit / Resources / UI.css
diff --git a/wrt/misc/rss/WRTKit/Resources/UI.css b/wrt/misc/rss/WRTKit/Resources/UI.css
deleted file mode 100644 (file)
index e7d1a86..0000000
+++ /dev/null
@@ -1,912 +0,0 @@
-/*\r
-© Copyright 2008 Nokia Corporation. All rights reserved.\r
-\r
-IMPORTANT:  The Nokia software ("WRTKit and Example Widget files") is supplied to you by Nokia\r
-Corporation (“Nokia”) in consideration of your agreement to the following terms. Your use, installation\r
-and/or redistribution of the WRTKit and Example Widget files constitutes acceptance of these terms. If\r
-you do not agree with these terms, please do not use, install, or redistribute the WRTKit and Example\r
-Widget files.\r
-\r
-In consideration of your agreement to abide by the following terms, and subject to these terms, Nokia\r
-grants you a personal, non-exclusive license, under Nokia’s copyrights in the WRTKit and Example\r
-Widget files, to use, reproduce, and redistribute the WRTKit and Example files, in text form (for HTML,\r
-CSS, or JavaScript files) or binary form (for associated images), for the sole purpose of creating S60\r
-Widgets.\r
-\r
-If you redistribute the WRTKit and Example files, you must retain this entire notice in all such\r
-redistributions of the WRTKit and Example files.\r
-\r
-You may not use the name, trademarks, service marks or logos of Nokia to endorse or promote products\r
-that include the WRTKit and Example files without the prior written explicit agreement with Nokia.\r
-Except as expressly stated in this notice, no other rights or licenses, express or implied, are granted by\r
-Nokia herein, including but not limited to any patent rights that may be infringed by your products that\r
-incorporate the WRTKit and Example files or by other works in which the WRTKit and Example files\r
-may be incorporated.\r
-\r
-The WRTKit and Example files are provided on an "AS IS" basis.  NOKIA MAKES NO\r
-WARRANTIES, EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED\r
-WARRANTIES OF NON-INFRINGEMENT, MERCHANTABILITY AND FITNESS FOR A\r
-PARTICULAR PURPOSE, REGARDING THE EXAMPLES OR ITS USE AND OPERATION\r
-ALONE OR IN COMBINATION WITH YOUR PRODUCTS.\r
-\r
-IN NO EVENT SHALL NOKIA BE LIABLE FOR ANY SPECIAL, INDIRECT, INCIDENTAL OR\r
-CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF\r
-SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS\r
-INTERRUPTION) ARISING IN ANY WAY OUT OF THE USE, REPRODUCTION, AND/OR\r
-DISTRIBUTION OF THE EXAMPLES, HOWEVER CAUSED AND WHETHER UNDER THEORY\r
-OF CONTRACT, TORT (INCLUDING NEGLIGENCE), STRICT LIABILITY OR OTHERWISE,\r
-EVEN IF NOKIA HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\r
-\r
-*/\r
-\r
-/******************************************************************************/\r
-/*        Definition of visuals for the WRTKit user interface toolkit         */\r
-/******************************************************************************/\r
-\r
-/******************************************************************************/\r
-/* Document body rules */\r
-\r
-body {\r
-    margin: 0px;\r
-    background: url("DocumentBackground.png") repeat-x fixed;\r
-    font: normal 12px Arial, sans-serif;\r
-    color: rgb(0,0,0);\r
-}\r
-\r
-\r
-/******************************************************************************/\r
-/* Override default WRT styling for HTML form controls */\r
-\r
-/* Textarea when focused */\r
-textarea:focus {\r
-    outline: none;\r
-}\r
-\r
-/* Textarea when hovering */\r
-textarea:hover {\r
-    outline: none;\r
-}\r
-\r
-/* Select elements when focused */\r
-select:focus {\r
-    outline: none;\r
-}\r
-\r
-/* Select elements when hovering */\r
-select:hover {\r
-    outline: none;\r
-}\r
-\r
-/* Input elements when focused */\r
-input:focus {\r
-    outline: none;\r
-}\r
-\r
-/* Input elements when hovering */\r
-input:hover {\r
-    outline: none;\r
-}\r
-\r
-/* Link elements */\r
-a {\r
-    text-decoration: none;\r
-    color: rgb(0,0,0);\r
-}\r
-\r
-/* Links when focused */\r
-a:focus {\r
-    background: none;\r
-    outline: none;\r
-}\r
-\r
-/* Links when hovering */\r
-a:hover {\r
-    background: none;\r
-    outline: none;\r
-}\r
-\r
-\r
-/******************************************************************************/\r
-/* Rules for default view and document scrollbar containers */\r
-\r
-/* Default view container rules */\r
-.ViewContainer {\r
-    margin: 0px 0px 0px 0px;\r
-}\r
-\r
-/* Default document scrollbar container rules */\r
-.DocumentScrollbarContainer {\r
-    position: fixed;\r
-    right: 0px;\r
-    top: 0px;\r
-    height: 100%;\r
-    width: 7px;\r
-}\r
-\r
-\r
-/******************************************************************************/\r
-/* View style rules */\r
-\r
-/* Rules for the list view */\r
-.ListView {\r
-    margin: 0px 0px 0px 0px;\r
-}\r
-\r
-/* Rules for the list view caption */\r
-.ListViewCaption {\r
-    background: url("ListViewCaptionBackground.png");\r
-    height: 35px;\r
-}\r
-\r
-/* Rules for the list view caption text */\r
-.ListViewCaptionText {\r
-    font-size: 18px;\r
-    font-weight: bold;\r
-    padding: 7px 0px 0px 11px;\r
-}\r
-\r
-/* Rules for the list view control list element */\r
-.ListViewControlList {\r
-    margin: 1px 10px 1px 3px;\r
-}\r
-\r
-\r
-/******************************************************************************/\r
-/* Control style rules */\r
-\r
-/* Rules for control root element (rootElement) */\r
-.Control {\r
-    \r
-}\r
-\r
-/* Control assembly rules (assemblyElement) */\r
-.ControlAssembly {\r
-    background: url("ControlAssemblyBackground.png") repeat-x;\r
-    padding: 1px 5px;\r
-}\r
-\r
-/* Control assembly in normal state */\r
-.ControlAssemblyNormal {\r
-    background-position: 0px 0px;\r
-}\r
-\r
-/* Control assembly in focused state */\r
-.ControlAssemblyFocus {\r
-    background-position: 0px -250px;\r
-}\r
-\r
-/* Control assembly in hovering state */\r
-.ControlAssemblyHover {\r
-    background-position: 0px -500px;\r
-}\r
-\r
-/* Control assembly in disabled state */\r
-.ControlAssemblyDisabled {\r
-    background-position: 0px 0px;\r
-}\r
-\r
-/* Caption for controls (captionElement) */\r
-.ControlCaption {\r
-    font-weight: bold;\r
-    padding: 3px 0px 0px 3px;\r
-}\r
-\r
-/* Caption for controls in normal state */\r
-.ControlCaptionNormal {\r
-    \r
-}\r
-\r
-/* Caption for controls when focused */\r
-.ControlCaptionFocus {\r
-    color: rgb(255,255,255);\r
-}\r
-\r
-/* Caption for controls when hovering */\r
-.ControlCaptionHover {\r
-    \r
-}\r
-\r
-/* Caption for controls when disabled */\r
-.ControlCaptionDisabled {\r
-    color: rgb(125,125,125);\r
-}\r
-\r
-/* Control element rules (controlElement) */\r
-.ControlElement {\r
-    padding: 3px 3px 3px 3px;\r
-}\r
-\r
-/******************************************************************************/\r
-/* Label */\r
-\r
-/* Rules for the text value of a Label control */\r
-.LabelText {\r
-    \r
-}\r
-\r
-\r
-/******************************************************************************/\r
-/* ContentPanel */\r
-\r
-/* Caption area rules for non-foldable content panels */\r
-.ContentPanelCaptionNonFoldable {\r
-    padding: 3px 0px 0px 3px;\r
-}\r
-\r
-/* Caption area rules for foldable content panels */\r
-.ContentPanelCaptionFoldable {\r
-    padding: 4px 0px 3px 3px;\r
-}\r
-\r
-/* Rules for fold toggling element in content panel */\r
-.ContentPanelFoldToggle {\r
-    background: url("ContentPanelFoldIcons.png") no-repeat;\r
-    padding-left: 16px;\r
-}\r
-\r
-/* Collapsed fold */\r
-.ContentPanelFoldToggleCollapsed {\r
-    background-position: 0px 0px;\r
-}\r
-\r
-/* Expanded fold */\r
-.ContentPanelFoldToggleExpanded {\r
-    background-position: 0px -50px;\r
-}\r
-\r
-/* Rules for the content panel caption text */\r
-.ContentPanelCaptionText {\r
-    font-weight: bold;\r
-}\r
-\r
-/* Caption text for content panel in normal state */\r
-.ContentPanelCaptionTextNormal {\r
-    \r
-}\r
-\r
-/* Caption text for content panel when focused */\r
-.ContentPanelCaptionTextFocus {\r
-    color: rgb(255,255,255);\r
-}\r
-\r
-/* Caption text for content panel when hovering */\r
-.ContentPanelCaptionTextHover {\r
-    \r
-}\r
-\r
-/* Caption text for content panel when disabled */\r
-.ContentPanelCaptionTextDisabled {\r
-    color: rgb(125,125,125);\r
-}\r
-\r
-/* Rules for content in the content panel */\r
-.ContentPanelContent {\r
-    padding: 2px 2px 2px 8px;\r
-}\r
-\r
-\r
-/******************************************************************************/\r
-/* FormButton */\r
-\r
-/* Rules for form button */\r
-.FormButton {\r
-    \r
-}\r
-\r
-/* Rules for form button control element */\r
-.FormButtonControlElement {\r
-    \r
-}\r
-\r
-/* Rules for form button table (table) */\r
-.FormButtonTable {\r
-    width: 100%;\r
-    border-spacing: 0px;\r
-    padding: 0px;\r
-    table-layout: fixed;\r
-}\r
-\r
-/* Form button row (tr) */\r
-.FormButtonRow {\r
-    padding: 0px;\r
-}\r
-\r
-/* Rules for form button left cell (td) */\r
-.FormButtonLeftCell {\r
-    width: 8px;\r
-    height: 26px;\r
-    background: url("FormButtonLeft.png") no-repeat;\r
-    padding: 0px;\r
-}\r
-\r
-/* Rules for form button center cell (td) */\r
-.FormButtonCenterCell {\r
-    height: 26px;\r
-    background: url("FormButtonCenter.png") repeat-x;\r
-    padding: 0px;\r
-    vertical-align: middle;\r
-    text-align: center;\r
-}\r
-\r
-/* Rules for form button right cell (td) */\r
-.FormButtonRightCell {\r
-    width: 8px;\r
-    height: 26px;\r
-    background: url("FormButtonRight.png") no-repeat;\r
-    padding: 0px;\r
-}\r
-\r
-/* Rules for form button left cell in normal state (td) */\r
-.FormButtonLeftCellNormal {\r
-    background-position: 0px 0px;\r
-}\r
-\r
-/* Rules for form button left cell in focused state (td) */\r
-.FormButtonLeftCellFocus {\r
-    background-position: 0px -50px;\r
-}\r
-\r
-/* Rules for form button left cell in hover state (td) */\r
-.FormButtonLeftCellHover {\r
-    background-position: 0px -100px;\r
-}\r
-\r
-/* Rules for form button left cell in disabled state (td) */\r
-.FormButtonLeftCellDisabled {\r
-    background-position: 0px -150px;\r
-}\r
-\r
-/* Rules for form button center cell in normal state (td) */\r
-.FormButtonCenterCellNormal {\r
-    background-position: 0px 0px;\r
-}\r
-\r
-/* Rules for form button center cell in focused state (td) */\r
-.FormButtonCenterCellFocus {\r
-    background-position: 0px -50px;\r
-}\r
-\r
-/* Rules for form button center cell in hover state (td) */\r
-.FormButtonCenterCellHover {\r
-    background-position: 0px -100px;\r
-}\r
-\r
-/* Rules for form button center cell in disabled state (td) */\r
-.FormButtonCenterCellDisabled {\r
-    background-position: 0px -150px;\r
-}\r
-\r
-/* Rules for form button left cell in normal state (td) */\r
-.FormButtonRightCellNormal {\r
-    background-position: 0px 0px;\r
-}\r
-\r
-/* Rules for form button left cell in focused state (td) */\r
-.FormButtonRightCellFocus {\r
-    background-position: 0px -50px;\r
-}\r
-\r
-/* Rules for form button left cell in hover state (td) */\r
-.FormButtonRightCellHover {\r
-    background-position: 0px -100px;\r
-}\r
-\r
-/* Rules for form button left cell in disabled state (td) */\r
-.FormButtonRightCellDisabled {\r
-    background-position: 0px -150px;\r
-}\r
-\r
-/* Rules for form button text */\r
-.FormButtonText {\r
-    font-weight: bold;\r
-}\r
-\r
-/* Form button text in normal state */\r
-.FormButtonTextNormal {\r
-    color: rgb(255,255,255);\r
-}\r
-\r
-/* Form button text when focused */\r
-.FormButtonTextFocus {\r
-    color: rgb(255,255,255);\r
-}\r
-\r
-/* Form button text when hovering */\r
-.FormButtonTextHover {\r
-    color: rgb(255,255,255);\r
-}\r
-\r
-/* Form button text when disabled */\r
-.FormButtonTextDisabled {\r
-    color: rgb(200,200,200);\r
-}\r
-\r
-\r
-/******************************************************************************/\r
-/* NavigationButton */\r
-\r
-/* Rules for navigation button */\r
-.NavigationButton {\r
-    \r
-}\r
-\r
-/* Rules for navigation button control element */\r
-.NavigationButtonControlElement {\r
-    padding: 3px 3px 3px 3px;\r
-}\r
-\r
-/* Rules for navigation button table (table) */\r
-.NavigationButtonTable {\r
-    border-spacing: 0px;\r
-    padding: 0px;\r
-}\r
-\r
-/* Navigation button row (tr) */\r
-.NavigationButtonRow {\r
-    padding: 0px;\r
-}\r
-\r
-/* Rules for navigation button image cell (td) */\r
-.NavigationButtonImageCell {\r
-    line-height: 1px;\r
-    font-size: 1px;\r
-    vertical-align: middle;\r
-}\r
-\r
-/* Rules for navigation button text cell (td) */\r
-.NavigationButtonTextCell {\r
-    vertical-align: middle;\r
-    padding: 0px;\r
-}\r
-\r
-/* Rules for navigation button image */\r
-.NavigationButtonImage {\r
-    padding: 0px 5px 0px 0px;\r
-}\r
-\r
-/* Rules for navigation button text */\r
-.NavigationButtonText {\r
-    font-weight: bold;\r
-}\r
-\r
-/* Navigation button text in normal state */\r
-.NavigationButtonTextNormal {\r
-    \r
-}\r
-\r
-/* Navigation button text when focused */\r
-.NavigationButtonTextFocus {\r
-    color: rgb(255,255,255);\r
-}\r
-\r
-/* Navigation button text when hovering */\r
-.NavigationButtonTextHover {\r
-    \r
-}\r
-\r
-/* Navigation button text when disabled */\r
-.NavigationButtonTextDisabled {\r
-    color: rgb(125,125,125);\r
-}\r
-\r
-\r
-/******************************************************************************/\r
-/* TextField */\r
-\r
-/* Rules for textField */\r
-.TextField {\r
-    width: 100%;\r
-    border: 1px solid rgb(0,0,0);\r
-    background: rgb(255,255,255);\r
-    margin: 0px 0px 3px 0px;\r
-}\r
-\r
-/* TextField in normal state */\r
-.TextFieldNormal {\r
-    \r
-}\r
-\r
-/* TextField in focus state */\r
-.TextFieldFocus {\r
-    \r
-}\r
-\r
-/* TextField in hover state */\r
-.TextFieldHover {\r
-    \r
-}\r
-\r
-/* TextField in disabled state */\r
-.TextFieldDisabled {\r
-    color: rgb(50,50,50);\r
-    background: rgb(200,200,200);\r
-}\r
-\r
-\r
-/******************************************************************************/\r
-/* TextArea */\r
-\r
-/* Rules for TextArea */\r
-.TextArea {\r
-    width: 100%;\r
-    border: 1px solid rgb(0,0,0);\r
-    background: rgb(255,255,255);\r
-    margin: 0px 0px 3px 0px;\r
-}\r
-\r
-/* TextArea in normal state */\r
-.TextAreaNormal {\r
-    \r
-}\r
-\r
-/* TextArea in focus state */\r
-.TextAreaFocus {\r
-    \r
-}\r
-\r
-/* TextArea in hover state */\r
-.TextAreaHover {\r
-    \r
-}\r
-\r
-/* TextArea in disabled state */\r
-.TextAreaDisabled {\r
-    color: rgb(50,50,50);\r
-    background: rgb(200,200,200);\r
-}\r
-\r
-\r
-/******************************************************************************/\r
-/* Separator */\r
-\r
-/* Rules for Separator (table) */\r
-.Separator {\r
-    width: 100%;\r
-    padding: 0px;\r
-    border-spacing: 0px;\r
-    table-layout: fixed;\r
-    margin: 3px 0px;\r
-}\r
-\r
-/* Separator row (tr) */\r
-.SeparatorRow {\r
-    padding: 0px;\r
-}\r
-\r
-/* Separator left cell (td) */\r
-.SeparatorLeftCell {\r
-    width: 5px;\r
-    height: 2px;\r
-    background: url("SeparatorLeft.png") no-repeat;\r
-    padding: 0px;\r
-}\r
-\r
-/* Separator center cell (td) */\r
-.SeparatorCenterCell {\r
-    height: 2px;\r
-    background: url("SeparatorCenter.png") repeat-x;\r
-    padding: 0px;\r
-}\r
-\r
-/* Separator right cell (td) */\r
-.SeparatorRightCell {\r
-    width: 6px;\r
-    height: 2px;\r
-    background: url("SeparatorRight.png") no-repeat;\r
-    padding: 0px;\r
-}\r
-\r
-\r
-/******************************************************************************/\r
-/* SelectionMenu */\r
-\r
-/* Rules for SelectionMenu select element */\r
-.SelectionMenu {\r
-    width: 100%;\r
-    border: 1px solid rgb(0,0,0);\r
-    background: rgb(255,255,255);\r
-    margin: 0px 0px 3px 0px;\r
-}\r
-\r
-/* SelectionMenu in normal state */\r
-.SelectionMenuNormal {\r
-    \r
-}\r
-\r
-/* SelectionMenu in focus state */\r
-.SelectionMenuFocus {\r
-    \r
-}\r
-\r
-/* SelectionMenu in hover state */\r
-.SelectionMenuHover {\r
-    \r
-}\r
-\r
-/* SelectionMenu in disabled state */\r
-.SelectionMenuDisabled {\r
-    color: rgb(50,50,50);\r
-    background: rgb(200,200,200);\r
-}\r
-\r
-/* Rules for SelectionMenu option elements */\r
-.SelectionMenuOption {\r
-    background: rgb(255,255,255);\r
-}\r
-\r
-/* SelectionMenu option in normal state */\r
-.SelectionMenuOptionNormal {\r
-    \r
-}\r
-\r
-/* SelectionMenu option in focus state */\r
-.SelectionMenuOptionFocus {\r
-    \r
-}\r
-\r
-/* SelectionMenu option in hover state */\r
-.SelectionMenuOptionHover {\r
-    \r
-}\r
-\r
-/* SelectionMenu option in disabled state */\r
-.SelectionMenuOptionDisabled {\r
-    color: rgb(50,50,50);\r
-    background: rgb(200,200,200);\r
-}\r
-\r
-\r
-/******************************************************************************/\r
-/* SelectionList */\r
-\r
-/* SelectionList option list element */\r
-.SelectionList {\r
-    \r
-}\r
-\r
-/* SelectionList option list element in normal state */\r
-.SelectionListNormal {\r
-    \r
-}\r
-\r
-/* SelectionList option list element in focus state */\r
-.SelectionListFocus {\r
-    \r
-}\r
-\r
-/* SelectionList option list element in hover state */\r
-.SelectionListHover {\r
-    \r
-}\r
-\r
-/* SelectionList option list element in disabled state */\r
-.SelectionListDisabled {\r
-    \r
-}\r
-\r
-/* SelectionList option element in single selection mode */\r
-.SelectionListOptionSingle {\r
-    padding-left: 19px;\r
-    background: url("RadioButton.png") no-repeat;\r
-    height: 16px;\r
-}\r
-\r
-/* SelectionList option element in single selection mode, unchecked normal state */\r
-.SelectionListOptionSingleUncheckedNormal {\r
-    background-position: 0px 0px;\r
-}\r
-\r
-/* SelectionList option element in single selection mode, unchecked focus state */\r
-.SelectionListOptionSingleUncheckedFocus {\r
-    background-position: 0px -50px;\r
-}\r
-\r
-/* SelectionList option element in single selection mode, unchecked diabled state */\r
-.SelectionListOptionSingleUncheckedDisabled {\r
-    background-position: 0px -100px;\r
-}\r
-\r
-/* SelectionList option element in single selection mode, checked normal state */\r
-.SelectionListOptionSingleCheckedNormal {\r
-    background-position: 0px -150px;\r
-}\r
-\r
-/* SelectionList option element in single selection mode, checked focus state */\r
-.SelectionListOptionSingleCheckedFocus {\r
-    background-position: 0px -200px;\r
-}\r
-\r
-/* SelectionList option element in single selection mode, checked diabled state */\r
-.SelectionListOptionSingleCheckedDisabled {\r
-    background-position: 0px -250px;\r
-}\r
-\r
-/* SelectionList option element in multi selection mode */\r
-.SelectionListOptionMulti {\r
-    padding-left: 19px;\r
-    background: url("CheckBox.png") no-repeat;\r
-    height: 16px;\r
-}\r
-\r
-/* SelectionList option element in multi selection mode, unchecked normal state */\r
-.SelectionListOptionMultiUncheckedNormal {\r
-    background-position: 0px 0px;\r
-}\r
-\r
-/* SelectionList option element in multi selection mode, unchecked focus state */\r
-.SelectionListOptionMultiUncheckedFocus {\r
-    background-position: 0px -50px;\r
-}\r
-\r
-/* SelectionList option element in multi selection mode, unchecked diabled state */\r
-.SelectionListOptionMultiUncheckedDisabled {\r
-    background-position: 0px -100px;\r
-}\r
-\r
-/* SelectionList option element in multi selection mode, checked normal state */\r
-.SelectionListOptionMultiCheckedNormal {\r
-    background-position: 0px -150px;\r
-}\r
-\r
-/* SelectionList option element in multi selection mode, checked focus state */\r
-.SelectionListOptionMultiCheckedFocus {\r
-    background-position: 0px -200px;\r
-}\r
-\r
-/* SelectionList option element in multi selection mode, checked diabled state */\r
-.SelectionListOptionMultiCheckedDisabled {\r
-    background-position: 0px -250px;\r
-}\r
-\r
-/* SelectionList option text */\r
-.SelectionListOptionText {\r
-    \r
-}\r
-\r
-/* SelectionList option text in normal state */\r
-.SelectionListOptionTextNormal {\r
-    \r
-}\r
-\r
-/* SelectionList option text in focus state */\r
-.SelectionListOptionTextFocus {\r
-    color: rgb(255,255,255);\r
-}\r
-\r
-/* SelectionList option text in hover state */\r
-.SelectionListOptionTextHover {\r
-    \r
-}\r
-\r
-/* SelectionList option text in disabled state */\r
-.SelectionListOptionTextDisabled {\r
-    color: rgb(125,125,125);\r
-}\r
-\r
-\r
-/******************************************************************************/\r
-/* Scrollbar */\r
-\r
-/* Scrollbar root element */\r
-.Scrollbar {\r
-    position: absolute;\r
-    height: 100%;\r
-    width: 7px;\r
-}\r
-\r
-/* Top portion of scrollbar track */\r
-.ScrollbarTrackTop {\r
-    position: absolute;\r
-    background: url("ScrollbarTrackTop.png") no-repeat;\r
-    width: 7px;\r
-    height: 4px;\r
-}\r
-\r
-/* Middle portion of scrollbar track */\r
-.ScrollbarTrackMiddle {\r
-    position: absolute;\r
-    background: url("ScrollbarTrackMiddle.png") repeat-y;\r
-    width: 7px;\r
-}\r
-\r
-/* Bottom portion of scrollbar track */\r
-.ScrollbarTrackBottom {\r
-    position: absolute;\r
-    background: url("ScrollbarTrackBottom.png") no-repeat;\r
-    width: 7px;\r
-    height: 4px;\r
-}\r
-\r
-/* Top portion of scrollbar thumb */\r
-.ScrollbarThumbTop {\r
-    position: absolute;\r
-    background: url("ScrollbarThumbTop.png") no-repeat;\r
-    width: 7px;\r
-    height: 5px;\r
-}\r
-\r
-/* Middle portion of scrollbar thumb */\r
-.ScrollbarThumbMiddle {\r
-    position: absolute;\r
-    background: url("ScrollbarThumbMiddle.png") repeat-y;\r
-    width: 7px;\r
-}\r
-\r
-/* Bottom portion of scrollbar thumb */\r
-.ScrollbarThumbBottom {\r
-    position: absolute;\r
-    background: url("ScrollbarThumbBottom.png") no-repeat;\r
-    width: 7px;\r
-    height: 5px;\r
-}\r
-\r
-\r
-/******************************************************************************/\r
-/* NotificationPopup */\r
-\r
-/* Container that defines the area for the popup dialog */\r
-.NotificationPopupContainer {\r
-    position: fixed;\r
-    bottom: 0px;\r
-    left: 50%;\r
-    margin-left: -115px;\r
-    width: 230px;\r
-    height: 85px;\r
-}\r
-\r
-/* Notification popup dialog */\r
-.NotificationPopup {\r
-    position: absolute;\r
-    width: 230px;\r
-    height: 85px;\r
-    background: url("NotificationPopupBackground.png") repeat-x;\r
-    border: 1px solid rgb(0,0,0);\r
-}\r
-\r
-/* Notification type indicator */\r
-.NotificationPopupTypeIndicator {\r
-    position: absolute;\r
-    left: 195px;\r
-    top: 10px;\r
-    width: 24px;\r
-    height: 34px;\r
-    background: url("NotificationPopupTypeIndicator.png") no-repeat;\r
-}\r
-\r
-/* Notification type indicator for notifications of undefined type */\r
-.NotificationPopupTypeIndicatorNone {\r
-    background-position: 0px 0px;\r
-}\r
-\r
-/* Notification type indicator for info notifications */\r
-.NotificationPopupTypeIndicatorInfo {\r
-    background-position: 0px -50px;\r
-}\r
-\r
-/* Notification type indicator for warning notifications */\r
-.NotificationPopupTypeIndicatorWarning {\r
-    background-position: 0px -100px;\r
-}\r
-\r
-/* Notification type indicator for wait notifications */\r
-.NotificationPopupTypeIndicatorWait {\r
-    background-position: 0px -150px;\r
-}\r
-\r
-/* Notification text area */\r
-.NotificationPopupText {\r
-    position: absolute;\r
-    left: 10px;\r
-    top: 8px;\r
-    width: 180px;\r
-    height: 50px;\r
-}\r
-\r
-/* Progress bar */\r
-.NotificationPopupProgressBar {\r
-    position: absolute;\r
-    left: 6px;\r
-    top: 60px;\r
-    width: 218px;\r
-    height: 16px;\r
-}\r