/*========================================================*/ /* CSS for DotNetNuke Skin - xBML Innovations */ /* 2009 */ /* http://www.xbnlinnovations.com */ /* support@xbmlinnovations.com */ /*========================================================*/ /*========================================================*/ /* 1. Universal */ /*========================================================*/ /* Style For HTML PAGE */ html { } /* Style For HTML BODY */ body { margin: 0; background-color:#f5f5f5; } /*========================================================*/ /* 2. Design Elements */ /*========================================================*/ /*-- background table of skin --*/ .BackgroundTable { width: 100%; height: 100%; border: 0; background-image:url(images/background2.gif); padding: 0; } /*-- outermost table of skin --*/ .OuterTable { border: 0; padding: 0; width:920px; } /*-- Main Table Border --*/ .LeftTD { background-image:url(images/content_left.gif); background-position:left; background-repeat:repeat-y; width: 10px; } /*-- Main Table Border --*/ .RightTD { background-image:url(images/content_right.gif); background-position:right; background-repeat:repeat-y; width: 10px; } /*-- top Links row --*/ .LinksTD {padding-right:25px; height:15px; color:#384b85; font:arial; } /*-- top Search row --*/ .SearchTD { height: 30px; background-image:url(images/top_spacer.gif); background-repeat:repeat-x; padding-right:25px; } /*-- top header section --*/ .HeaderLeftTD { background-image:url(images/header_left.gif); background-position:left top; background-repeat:no-repeat; width: 10px; height: 109px; padding: 0; } /*-- top header section --*/ .HeaderLogoBGTD { background-image:url(images/header_logo_bg_white.gif); width: 475px; height: 109px; padding: 0; background-position:left top; background-repeat: no-repeat} /*-- top header section --*/ .HeaderLogoIntranetTD { background-image:url(images/header_logo_bg_intranet_white.gif); width: 475px; height: 109px; padding: 0; background-position:left top; background-repeat: no-repeat} /*-- top header section --*/ .HeaderLogoXBMLTD { background-image:url(images/header_logo_xbml.gif); width: 475px; height: 109px; padding: 0; background-position:left top; background-repeat: no-repeat} /*-- top header section --*/ .HeaderMainTD { background-image:url(images/header_main.gif); width:187px; background-repeat:repeat-x; height: 109px; padding: 0; } /*-- top header section --*/ .HeaderLoginTD { background-image:url(images/header_login.gif); background-position:right top; background-repeat:no-repeat; width: 238px; height: 109px; text-align:right; } /*-- top header section (LogTABLE) --*/ .HeaderLoginTable{ width:238px; height: 109px; } /*-- top header section (Login) --*/ .HeaderLoginRowTD { width:238px; text-align:right; padding-right:25px; padding-top:10px; color: #fff; font-family: arial; font-size: 12px; font-weight:bold;} /*-- top header section (Support) --*/ .HeaderSupportRowTD { width:238px; text-align:right; padding-right:25px; padding-top: 5px; color: #fff; font-family: arial; font-size: 12px; font-weight:bold; } /*-- top header section --*/ .HeaderRightTD { background-image:url(images/header_right.gif); background-position:right top; background-repeat:no-repeat; width: 10px; height: 109px; } /*-- menu Section --*/ .MenuMainTD { background-image:url(images/menu_main.gif); background-repeat:repeat; padding: 0; height:25px; width:900px; } /*-- Product Table --*/ .ProductTable { width: 900px; vertical-align:top; } /*-- Product content section BLUE --*/ .ProductMainTD { background-image:url(images/product_main.gif); background-repeat:repeat-x; width: 900px; vertical-align:top;} /*-- Product content section WHITE --*/ .ProductMainWhiteTD { background-image:url(images/product_main_white.gif); background-repeat:repeat-x; width: 900px; vertical-align:top;} /*-- Content Table --*/ .ContentTable { width:900px; vertical-align:top; text-align:center;} /*-- Main Content section --*/ .ContentMainTD { background-image:url(images/content_main.gif); background-repeat:repeat; width: 900px; vertical-align:top; } /*-- LINKS Section --*/ .BottomLinksTD { background-image:url(images/links_main2.gif); background-repeat:repeat-x; height:30; width:900px; text-align:center; vertical-align:middle; } /*-- Footer Table --*/ .FooterTable { height:61px; width: 900px;} /*-- footer Section --*/ .FooterLeft1TD { background-image:url(images/footer_left1.gif); background-repeat:no-repeat; height: 61px; width:10px; background-position:left top; } /*-- footer Section --*/ .FooterLeft2TD { background-image:url(images/footer_left2.gif); background-repeat:no-repeat; height: 61px; width:25px; background-position:left top; } /*-- footer Section --*/ .FooterMainTD { background-image:url(images/footer_main.gif); background-repeat: repeat-x; height:61px; vertical-align:middle; } /*-- footer Section --*/ .FooterRight2TD { background-image:url(images/footer_right2.gif); background-repeat:no-repeat; height: 61px; width:25px; background-position: right top;} /*-- footer Section --*/ .FooterRight1TD { background-image:url(images/footer_right1.gif); background-repeat:no-repeat; height: 61px; width:10px; background-position: right top; } /*========================================================*/ /* 3. Content Panes */ /*========================================================*/ /*-- Product content pane left --*/ .ProductPaneLeft { text-align:left; vertical-align:top; } /*-- Product content pane right --*/ .ProductPaneRight { text-align:left; vertical-align:top;} /*-- Top content pane --*/ .PaneBottom { width: 100%; padding: 5px 5px 0px 5px; font-family: arial; font-size: 12px; line-height: 1.4em; margin: 0; vertical-align:top;} /*-- left content pane --*/ .PaneLeft { padding: 5px 0px 5px 5px; font-family: arial; font-size: 12px; text-align:left; vertical-align:top; } /*-- left Fixed Width content pane --*/ .PaneLeftFixed { padding: 5px 0px 5px 5px; width: 33%; font-family: arial; font-size: 12px; text-align:left; vertical-align:top; } /*-- Center content pane --*/ .PaneCenter { padding: 5px 5px 5px 5px; font-family: arial; font-size: 12px; text-align:left; vertical-align:top;} /*-- right content pane --*/ .PaneRight { padding: 5px 5px 5px 0px; font-family: arial; font-size: 12px; text-align:left; vertical-align:top; } /*-- right Fixed Width content pane --*/ .PaneRightFixed { padding: 5px 5px 5px 0px; width:33%; font-family: arial; font-size: 12px; text-align:left; vertical-align:top; } /*-- bottom content pane --*/ .PaneBottom { width: 100%; padding: 0px 5px 5px 5px; font-family: arial; font-size: 12px; line-height: 1.4em; margin: 0; vertical-align:top;} /*========================================================*/ /* 4. Tokens */ /*========================================================*/ /*-- login and user token idle --*/ .UserObjects, a.UserObjects:link, a.UserObjects:visited, a.UserObjects:active { color: #ffffff; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: none; } /*-- login and user token hover --*/ a.UserObjects:hover { color: #ff9933; font-family: arial; font-weight:bold; font-size: 12px; text-decoration: none; } /*-- date token --*/ .DateObjects { color: #CCCCCC; font-family: arial; font-size: 12px; text-decoration: none; font-weight:normal; } /*-- terms privacy and copyright idle --*/ .FooterObjects, a.FooterObjects:link, a.FooterObjects:visited, a.FooterObjects:active { color: #ffffff; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: none; } /*-- terms privacy and copyright hover --*/ a.FooterObjects:hover { color: #ff9933; font-family: arial; font-weight:bold; font-size: 12px; text-decoration: none; } /*-- Search and Skin Objects idle --*/ .SkinObject, a.SkinObject:link, a.SkinObject:visited, a.SkinObject:active {color:#384b85; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none;} /*-- Search and Skin Objects Hover --*/a.SkinObject:hover {color: #ff9933; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none;} /*-- Standard HTML buttons, logIn, etc. --*/.StandardButton { padding-right: 5px; padding-left: 5px; font-weight: normal; font-size: 12px; background-color: #5b71ad; color: #ffffff; font:arial; } /*========================================================*/ /* 5. Text */ /*========================================================*/ /*-- most of the text on site --*/ .normal, .Normal { font-family: arial; font-size: 12px; color: #2c2c36; line-height:120%; } /*-- most of the bold text on site --*/ .NormalBold { font-family: arial; font-size: 12px; font-weight: bold; color: #000000;} /*-- red text on site for errors --*/ .NormalRed { color: #C50000; font-family: arial; font-weight: bold; font-size: 12px; } /*-- subheadings - mostly in admin --*/ .SubHead { font-family: arial; font-size: 13px; font-weight: bold; color: #384b85; padding: 0; } /*-- headings - mostly in admin --*/ .Head { font-size: 16px; color: #384b85; background: transparent; font-weight: bold; padding: 0; font: arial;} /*========================================================*/ /* 6. Links */ /*========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: #384b85; font-family: arial; font-weight: bold; font-size: 12px; text-decoration: underline; } /*-- default links hover --*/ a:hover { color: #ff9933; font-family: arial; font-size: 12px; text-decoration: underline; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #5b71ad; font-family: arial; font-weight: bold; font-size: 12px; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #ff9933; font-family: arial; font-size: 12px; text-decoration: none; } /*-- admin button-link style --*/ a.CommandButton, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #384b85; border: 1px solid #384b85; background: #ffffff; padding: 2px 3px 3px 4px; font-family: arial; font-weight: bold; font-size: 12px; text-decoration: none; height: 20px; } /*-- admin button-link style hover --*/ a.CommandButton:hover { color: #ff9933; border: 1px solid #384b85; background: #ffffff; padding: 2px 3px 3px 4px; font-family: arial; font-weight: bold; font-size: 12px; text-decoration: none; height: 20px; } /*========================================================*/ /* 7. Forms */ /*========================================================*/ /*-- default form elements --*/ select, input { font-family: arial; font-size: 12px; color: #000000; } /*-- textbox --*/ .NormalTextBox { background-color:#ffffff; color: #000000; padding: 4px 4px 4px 4px; line-height: 12px; font-family: arial; font-weight: normal; font-size: 12px; } /*-- textbox used for search --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { width: 210px; color: #000000; padding: 4px 0px 0px 8px; cursor:text;} /*========================================================*/ /* 8. Main Menu and Module Menus */ /*========================================================*/ /*-- box that holds the menu --*/ .MainMenu_MenuContainer { background-color: transparent; } /*-- bar that holds the menu --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: transparent; } /*-- submenu container --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000; cursor: pointer; cursor: hand; margin: 0 0 0 1px; background: #ffffff; padding: 0px; border: 1px solid #384b85; font-weight: normal; filter: none; } /*-- submenu items idle --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: arial; color: #384b85; font-size: 13px; font-weight: bold; background: ffffff; font-style: normal; height: 20px; border: 0; padding: 0px 16px 0px 16px; } /*-- submenu items hover --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: arial; color: #ffffff; font-size: 13px; font-weight: bold; background: #384b85; cursor: pointer; cursor: hand; height: 20px; border: 0; padding: 0px 16px 0px 16px; } /*-- menuitems idle --*/ .MainMenu_Idle {color: #000000; padding: 0; height: 20px; font-weight: bold;} /*-- menuitems over --*/ .MainMenu_Selected { color: #CCCCCC; padding: 0; height: 20px; font-weight: bold;} /*-- menuitems active --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive {color: #CCCCCC; padding: 0; height: 22px; 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 5px 0 0; } /*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; } /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/