/*========================================================*/ /* 1. Universal */ /*========================================================*/ /* Style For HTML PAGE */ html { height: 100%; } /* Style For HTML BODY */ body { margin: 10px 10px 10px 10px; background: #FFFFFF; } /* Setting Text Throughout the skin */ table, tr, td, p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0;} /*========================================================*/ /* 2. Design Elements */ /*========================================================*/ /*-- outermost table of skin -Standard --*/ .OuterTable { width: 100%; height: 100%; text-align:center; } /*-- topright header left --*/ .TopBannerLeft { background: url(banner_left.gif) no-repeat top left; height: 67px; width:25px; padding: 0;} /*-- topright header center --*/ .TopBannerCenter { background: url(banner_back_yellow.gif); height: 67px;} /*-- topright header logo --*/ .TopBannerLogo { background: url(banner_centre.gif); height: 67px; width:250px;} /*-- topright header right --*/ .TopBannerRight { background: url(banner_right.gif) no-repeat top right; height: 67px; width:207px; padding: 0;} /*-- cell containing login and register --*/ .LoginTD { vertical-align:middle; background-color:#BBDDFF; padding:0; height:20px; text-align:right; } /*-- middle content section --*/ .MiddleTD { border: #cccccc 1px solid; padding: 0; width:100%; height:100%; } /*-- cell containing menu --*/ .MenuTD { width: 170px; vertical-align: top; padding:0; background-color:#FFFF00;} /*-- cell containing panes --*/ .PanesTD{ padding: 0px; border-left: #cccccc 1px solid; vertical-align: top; width: 100%; } /*-- bottom footer section --*/ .FooterLeft { background-image: url(bottom_left.gif); height: 20px; width:20px; padding: 0;} /*-- bottom footer section --*/ .FooterCenter { background-color:#0077FF; height: 20px; padding: 0;} /*-- bottom footer section --*/ .FooterRight { background-image: url(bottom_right.gif); height: 20px; width:20px; padding: 0;} /*========================================================*/ /* 3. Content Panes */ /*========================================================*/ /*-- top inside content pane --*/ .PaneTop { width: 100%; padding:0;} /*-- left content pane --*/ .PaneLeft { width: 170px; padding:0;} /*-- content pane --*/ .PaneCenter { width:100%; padding: 0;} /*-- right content pane --*/ .PaneRight { width: 170px; padding: 0; } /*-- bottom inside pane --*/ .PaneBottom { width: 100%; padding: 0; } /*-- bottom menu content pane --*/ .PaneMenuBottom { width: 100%; padding: 0; } /*========================================================*/ /* 4. Tokens */ /*========================================================*/ /*-- login and user token idle --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #333333; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; } /*-- login and user token hover --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #FFFFFF; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; } /*-- date token idle --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #777; font-family: tahoma; font-size: 11px; text-decoration: none; } /*-- date token hover --*/ a.DATE_object:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: none; } /*-- terms privacy and copyright --*/ .FOOTER_objects { color:#FFFFFF; font-size: 11px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; } /*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#FFFFFF; font-size: 11px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; text-decoration:none; } /*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#FFEE00; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; text-decoration: none; } /*========================================================*/ /* 5. Text */ /*========================================================*/ /*-- most of the text on site --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #444; } /*-- most of the bold text on site --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #444; } /*-- red text on site for errors --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; } /*-- subheadings - mostly in admin --*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #555; padding: 0; } /*-- headings - mostly in admin --*/ .Head { font-size: 11px; color: #555; background: transparent; font-weight: bold; padding: 0;} /*========================================================*/ /* 6. Links */ /*========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; text-decoration: none; } /*-- default links hover --*/ a:hover { color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #990000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; } /*-- admin button-link style --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #6A6A6A; border: 1px solid #ABABAB; background: #EFEFEF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; } /*-- admin button-link style hover --*/ a.CommandButton:hover { color: #6A6A6A; border: 1px solid #868686; background: #DFDFDF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; } /*-- search button in search form --*/ .SearchButton { background: transparent; padding: 13px 21px 4px 13px; cursor: hand; font-size:1px; margin: 0 0 0 0px;} /*========================================================*/ /* 7. Forms */ /*========================================================*/ /*-- default form elements --*/ select, input { font-family: tahoma; font-size: 11px; color: #333; } /*-- textbox --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; } /*-- textbox container --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; } /*-- textbox used for search --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 152px; color: #666; padding: 4px 0px 0px 10px; border: 0px solid #FFFFFF; cursor:text;} /*========================================================*/ /* 8. Main Menu and Module Menus */ /*========================================================*/ /*-- box that holds the menu --*/ .MainMenu_MenuContainer { background-color: transparent; width: 170px; } /*-- bar that holds the menu --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: #fff; width: 170px; } /*-- submenu container --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { font-family: Arial, Helvetica, sans-serif; z-index: 1000; cursor: pointer; cursor: hand; margin: 0; background: #f3f3f3; padding: 0px; border: 1px solid #999; filter: none; } /*-- submenu items idle --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; background: #f3f3f3; font-weight:bold; font-style: normal; padding: 0; height: 24px; border: 0; } /*-- submenu items hover --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: #4F4F4F; background: #DCDCDC; padding: 0; height: 20px; border: 0;} /*-- menuitems idle --*/ .MainMenu_Idle {color: #FFFFFF ; background: url(menu_up_back.gif) no-repeat; padding: 0; height: 20px; font-weight: bold;} /*-- menuitems over --*/ .MainMenu_Selected { color: #FFEE00; background: url(menu_over_back.gif) no-repeat; padding: 0; height: 20px; font-weight: bold;} /*-- menuitems active --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive {color: #FFEE00; background: url(menu_over_back.gif) no-repeat; padding: 0; height: 20px; font-weight: bold;} /*-- not needed - main menu --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon { display: none; } /*-- module menu continer --*/ .ModuleTitle_MenuContainer { color: #2c2c2c; } /*-- module menu bar --*/ .ModuleTitle_MenuBar { cursor: pointer; cursor: hand;} /*-- module menu padding --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0; } /*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; } /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/ .NavPanelbar { background-image: url(submenu_bkgd.gif); } .NavPanelbarHeaderCollapsed { cursor: hand; cursor:pointer; font-size: 11px; height: 20px; font-weight:bold; background: url(menu_up_back.gif) no-repeat; padding-left: 5px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } .NavPanelbarHeaderCollapsedHover { cursor: hand; cursor:pointer; padding-left:5px; margin:0px; background:url(menu_over_back.gif) no-repeat; height:20px; width:100%; font-weight:bold; font-size: 11px; color: #FFEE00; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } .NavPanelbarHeaderExpand { cursor: hand; cursor:pointer; padding-left:5px; margin:0px; background:url(menu_over_back.gif) no-repeat; height:20px; width:100%; font-weight:bold; font-size: 11px; color: #FFEE00; font-family: Arial, Helvetica, sans-serif; text-decoration: none; } .NavPanelbarItem { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; background: url(submenu_arrow_up.gif) no-repeat 0px 5px; color: #FFFFFF; text-decoration: none; cursor: hand; cursor:pointer; padding-left: 15px; height: 20px; box-sizing: border-box; -moz-box-sizing: border-box; } .NavPanelbarItemHover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; background: url(submenu_arrow_up.gif) no-repeat 0px 5px; color: #FFEE00; text-decoration: none; cursor: hand; cursor:pointer; padding-left: 15px; height: 20px; box-sizing: border-box; -moz-box-sizing: border-box; } .NavPanelbarItemSelected { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background: url(submenu_arrow_up.gif) no-repeat 0px 5px; cursor: hand; cursor:pointer; color: #FF6600; text-decoration: none; padding-left: 15px; height: 20px; box-sizing: border-box; -moz-box-sizing: border-box; } .NavPanelbarItemGroup { background: url(menu_up_back.gif) repeat-y top; }