--- /dev/null
+/* This CSS sets the default styles for the main navigation. */\r
+\r
+/* ---------- Main navigation ---------- */\r
+\r
+#navigation {\r
+}\r
+\r
+#navigation ul {\r
+ margin: 0 auto;\r
+}\r
+\r
+#navigation ul:after {\r
+ clear: both;\r
+ content: ".";\r
+ display: block;\r
+ height: 0;\r
+ visibility: hidden;\r
+}\r
+\r
+.ie #navigation ul {\r
+ height: 1%;\r
+}\r
+\r
+.ie6 #navigation, .ie6 #navigation ul {\r
+ height: 2em;\r
+ overflow: visible;\r
+}\r
+\r
+#navigation li {\r
+ float: left;\r
+ list-style-type: none;\r
+ position: relative;\r
+}\r
+\r
+#navigation .child-menu {\r
+ display: none;\r
+}\r
+\r
+/* ---------- Dock without JavaScript ---------- */\r
+\r
+.lfr-dock {\r
+ position: absolute;\r
+ right: 5%;\r
+ top: 10px;\r
+}\r
+\r
+.lfr-dock h2 {\r
+ background: url(../images/dock/welcome_message.png) no-repeat 0 50%;\r
+ font-size: 1.2em;\r
+ margin-bottom: 0.5em;\r
+ padding-left: 2em;\r
+ text-align: right;\r
+}\r
+\r
+.lfr-dock ul {\r
+ display: inline;\r
+ float: left;\r
+}\r
+\r
+.lfr-dock li {\r
+ display: inline;\r
+ float: left;\r
+ margin-left: 15px;\r
+}\r
+\r
+.lfr-dock li a {\r
+ background: url() no-repeat 0 50%;\r
+ padding: 2px 0 2px 20px;\r
+}\r
+\r
+.lfr-dock li.home a {\r
+ background-image: url(../images/dock/home.png);\r
+}\r
+\r
+.lfr-dock li.control-panel a {\r
+ background-image: url(../images/dock/control_panel.png);\r
+}\r
+\r
+.lfr-dock li.my-account a {\r
+ background-image: url(../images/dock/my_account.png);\r
+}\r
+\r
+.lfr-dock li.sign-in a {\r
+ background-image: url(../images/dock/sign_in.png);\r
+}\r
+\r
+.lfr-dock li.sign-out a {\r
+ background-image: url(../images/dock/sign_out.png);\r
+}\r
+\r
+.lfr-dock li.add-content a {\r
+ background-image: url(../images/dock/add_content.png);\r
+}\r
+\r
+.lfr-dock li.layout a {\r
+ background-image: url(../images/dock/layout.png);\r
+}\r
+\r
+.lfr-dock li.page-settings a {\r
+ background-image: url(../images/dock/page_settings.png);\r
+}\r
+\r
+.lfr-dock li.staging a {\r
+ background-image: url(../images/dock/staging.png);\r
+}\r
+\r
+.lfr-dock li.my-places a {\r
+ background-image: url(../images/dock/my_places.png);\r
+}\r
+\r
+.lfr-dock li.my-places {\r
+ display: none;\r
+}\r
+\r
+.lfr-dock li.toggle-controls {\r
+ display: none;\r
+}\r
+\r
+/* ---------- Dock with JavaScript ---------- */\r
+\r
+.js .interactive-mode {\r
+ background: #020509 url(../images/dock/center_bg.png) repeat-x;\r
+ min-width: 150px;\r
+ position: absolute;\r
+ right: 5%;\r
+}\r
+\r
+.js .interactive-mode h2 {\r
+ background: url(../images/dock/right_bg.png) no-repeat 100% 0;\r
+ font-size: 1em;\r
+ margin: 0;\r
+ padding: 0 37px 0 0;\r
+ position: relative;\r
+ z-index: 82;\r
+}\r
+\r
+.js .interactive-mode h2 span {\r
+ background: url(../images/dock/left_bg.png) no-repeat 0 0;\r
+ border-right: 1px solid #34404F;\r
+ color: #FFF;\r
+ display: block;\r
+ font-size: 1em;\r
+ height: 15px;\r
+ line-height: 1;\r
+ margin-bottom: 0;\r
+ padding: 10px 20px 4px 20px;\r
+}\r
+\r
+.js .lfr-dock.expanded .lfr-dock-list-container {\r
+ top: -2px;\r
+}\r
+\r
+.js .interactive-mode ul {\r
+ background: #FFF;\r
+ border: 1px solid;\r
+ border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;\r
+ display: none;\r
+ float: none;\r
+}\r
+\r
+.js .interactive-mode li {\r
+ border-top: 1px solid #DEDEDE;\r
+ clear: both;\r
+ display: block;\r
+ float: none;\r
+ margin: 0;\r
+ padding: 2px;\r
+}\r
+\r
+.js .interactive-mode li a {\r
+ background-position: 8px 50%;\r
+ background-repeat: no-repeat;\r
+ display: block;\r
+ margin-left: 0;\r
+ padding: 5px 0;\r
+ text-decoration: none;\r
+}\r
+\r
+.js .interactive-mode li a, .js .interactive-mode li a:hover {\r
+ background-position: 8px 50%;\r
+ padding-left: 30px;\r
+}\r
+\r
+.js .interactive-mode li a:hover, .js .interactive-mode .my-places li.current a:hover {\r
+ color: #FFF;\r
+}\r
+\r
+.js .interactive-mode .lfr-dock-list li.first {\r
+ border-top: none;\r
+}\r
+\r
+.js .lfr-dock.interactive-mode .my-places li a {\r
+ background-image: none;\r
+}\r
+\r
+.js .interactive-mode .my-places li {\r
+ background-position: 5px 50%;\r
+ background-repeat: no-repeat;\r
+}\r
+\r
+.js .lfr-dock.interactive-mode .my-places.lfr-flyout.has-children > ul {\r
+ margin-right: -1px;\r
+}\r
+\r
+.js .interactive-mode .my-places li.current-community {\r
+ background-color: #D3DADD;\r
+}\r
+\r
+.js .interactive-mode .my-places li h3 {\r
+ font-size: 1em;\r
+ font-weight: normal;\r
+ margin: 0;\r
+}\r
+\r
+.js .interactive-mode .lfr-flyout.has-children h3 {\r
+ min-width: 175px;\r
+}\r
+\r
+.js .lfr-dock.interactive-mode .my-places li h3 a {\r
+ background-image: url(../images/dock/my_place.png);\r
+}\r
+\r
+.js .interactive-mode .lfr-flyout.has-children ul {\r
+ display: none;\r
+ margin-left: 0;\r
+ top: -1px;\r
+}\r
+\r
+.js .interactive-mode .my-places li.public a {\r
+ background-image: url(../images/dock/my_places_public.png);\r
+}\r
+\r
+.js .interactive-mode .my-places li.private a {\r
+ background-image: url(../images/dock/my_places_private.png);\r
+}\r
+\r
+.js .interactive-mode .my-places li.current {\r
+ background-color: #DFF4FF;\r
+}\r
+\r
+.js .interactive-mode .my-places li.current a {\r
+ background: url(../images/dock/my_place_current.png) no-repeat 10px 50%;\r
+ margin: 0;\r
+ padding-left: 35px;\r
+}\r
+\r
+.js .interactive-mode li:hover, .js .interactive-mode .my-places li:hover {\r
+ background-color: #828F95;\r
+}\r
+\r
+.js .interactive-mode li:hover a:hover, .js .interactive-mode li:hover > a, .js .interactive-mode li:hover > h3 > a {\r
+ background-color: #828F95;\r
+ color: #FFF;\r
+}\r
+\r
+.ie6.js .interactive-mode li a:hover {\r
+ background-color: #828F95;\r
+ color: #FFF;\r
+}\r
+\r
+.js .interactive-mode .my-places ul li a.add-page {\r
+ top: 7px;\r
+}\r
+\r
+.js .interactive-mode .group-end {\r
+ border-bottom: 2px solid #DEDEDE;\r
+}\r
+\r
+.ie6.js .interactive-mode .taglib-my-places li {\r
+ height: 24px;\r
+}\r
+\r
+.ie6.js .lfr-dock.interactive-mode {\r
+ white-space: nowrap;\r
+ width: 150px;\r
+}\r
+\r
+.ie6.js .lfr-dock.interactive-mode li {\r
+ height: 1%;\r
+ width: 100%;\r
+}\r
+\r
+.ie6.js .interactive-mode .lfr-flyout.has-children {\r
+ width: 150px;\r
+}\r
+\r
+.js .interactive-mode li.toggle-controls {\r
+ display: block;\r
+}\r
+\r
+.js .interactive-mode li.toggle-controls a {\r
+ background-image: url(../images/common/checked.png);\r
+}\r
+\r
+.js .controls-hidden .interactive-mode li.toggle-controls a {\r
+ background-image: url(../images/common/unchecked.png);\r
+}\r
+\r
+/* ---------- Add/remove page ---------- */\r
+\r
+.js .delete-tab {\r
+ background: url(../images/common/remove.png) no-repeat 42%;\r
+ cursor: pointer;\r
+ display: block;\r
+ height: 8px;\r
+ position: absolute;\r
+ right: 2px;\r
+ text-indent: -9999em;\r
+ top: 2px;\r
+ width: 8px;\r
+}\r
+\r
+/*------ Navigation portlet ------*/\r
+\r
+.nav-menu li a.ancestor {\r
+ font-weight: bold;\r
+}\r
+\r
+.nav-menu li a.selected {\r
+ color: #000;\r
+ font-weight: bold;\r
+ text-decoration: none;\r
+}\r
+\r
+.nav-menu ul {\r
+ padding-left: 10px;\r
+}
\ No newline at end of file