/*========================================================*/ /* CSS for DotNetNuke Skin - Equinox */ /* by Brian Connor */ /* http://bc.digidia.com */ /* connbrian@gmail.com */ /*========================================================*/ /*========================================================*/ /* Universal */ /*========================================================*/ /* Style For HTML PAGE */ html { height: 100%; } /* Style For HTML BODY */ #body { margin: 0; background: #FFF; margin: 1px 0 0 0; } /* Setting Text Throughout the skin */ table, tr, td, p {font-family: verdana, tahoma; font-size: 11px; margin: 0;} /*========================================================*/ /* Design Elements */ /*========================================================*/ /*-- width for the standard skin --*/ .StandardWidth { width: 750px;} /*-- width for the admin skin --*/ .AdminWidth { width: 85%;} /*-- outermost table of skin --*/ .OuterTable { width: 100%; height: 100%;} /*-- content area height --*/ .StandardHeight { height: 100%;} /*-- logo area width --*/ .OuterTableDIV { width: 100%;} /*-- width for the standard skin --*/ .LogoArea { padding: 0px 0 0px 0;} /*-- cell containing menu --*/ .MenuTD { height:47px; vertical-align: top; padding: 8px 31px 0 20px; } /*-- cell containing search --*/ .SearchTD { height:47px; vertical-align: top; text-align:right; padding: 15px 16px 0 0;} /*-- cell containing date --*/ .DateTD { height:20px; vertical-align: top; text-align:left; padding: 0 0 0 14px;} /*-- cell containing login and register --*/ .LoginTD { height:20px; vertical-align: top;text-align:right; color: #FFF; padding: 0 17px 0 0; } /*-- cell containing breadcrumbs --*/ .BreadCrumbsTD {vertical-align: top; text-align:left; color: #777; padding: 9px 18px 0 26px; font-weight:bold; } /*-- cell containing logo --*/ .LogoTD { vertical-align: middle; padding: 0 0px 0 0;} /*-- copyright class --*/ .CopyrightClass { text-align:right;} /*-- privacy class --*/ .PrivacyClass { text-align:left;} /*-- cell containing panes --*/ .PanesTD { width:100%; vertical-align: top; padding: 5px 5px 0 5px; } /*-- top header section --*/ .TopRow { background: url(header_bg.gif) repeat-x top left; height: 100px; padding: 0; } /*-- topleft header section --*/ .TopRowLeft { background: url(header_bg_l.gif) no-repeat top left; height: 100px; width:100%; padding: 0; } /*-- topright header section --*/ .TopRowRight { background: url(header_bg_r.gif) no-repeat top right; height: 100px; width:100%; padding: 0;} /*-- bottom footer section --*/ .BottomRow { background: url(footer_bg.gif) repeat-x top center #EFF1F5; height: 80px; padding: 0;} /*-- bottomleft footer section --*/ .BottomRowLeft { background: url(footer_bg_l.gif) no-repeat top left; height: 80px; padding: 0;} /*-- bottomright footer section --*/ .BottomRowRight { background: url(footer_bg_r.gif) no-repeat top right; height: 80px; text-align: right; vertical-align: top; padding: 22px 30px 0 22px; } /*-- middle content section --*/ .MiddleRow { background: url(page_bg2.jpg) repeat-x top left #EFF1F5; } /*-- top section background --*/ .PageBg01 { background: url(page_bg.jpg) repeat-x top left; padding: 0; } /*-- middle section background --*/ .PageBg02 { background: url(page_bg2.jpg) repeat-x top left #EFF1F5; padding: 0; } /*-- middle section background --*/ .PageBg04 { height:100%; background: url(page_bg04.jpg) repeat-x top left #EFF1F5; padding: 0; } /*-- bottom section background --*/ .PageBg03 { background: #EFF1F5; padding: 0; } /*-- middle content section background --*/ .MiddleRowBg { background: #FFF; height:100%; } /*-- middle content section padding --*/ .MiddleRowPad { padding: 0 10px 0 5px; } /*========================================================*/ /* Content Panes */ /*========================================================*/ /*-- top inside content pane --*/ .PaneTop { width: 100%; padding: 0 7px 0 7px;} /*-- left content pane --*/ .PaneLeft { padding: 0 7px 0 7px; width: 33%; } /*-- content pane --*/ .PaneCenter { padding: 0 7px 0 7px; } /*-- right content pane --*/ .PaneRight { padding: 0 7px 0 7px; width: 33%; } /*-- left content pane --*/ .PaneLeft2 { padding: 0 7px 0 7px; width: 33%; } /*-- content pane --*/ .PaneCenter2 { padding: 0 7px 0 7px; } /*-- right content pane --*/ .PaneRight2 { padding: 0 7px 0 7px; width: 33%; } /*-- bottom inside pane --*/ .PaneBottom { width: 100%; padding: 0 7px 0 7px; } /*-- tag line content pane --*/ .TagLinePane { width:100%; vertical-align:middle; padding: 0px 0px 0 0px; } /*========================================================*/ /* 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: #939393; background: url(bullet.gif) no-repeat top left; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; padding: 0 0 0 20px; } /*-- login and user token hover --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #666; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; } /*-- date token idle --*/ .DATE_object { color: #939393; font-family: tahoma; font-size: 11px; text-decoration: none; } /*-- breadcrumbs token idle --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #797979; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold;} /*-- breadcrumbs token hover --*/ a.BREADCRUMBS_object:hover { color: #6699cc; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold; } /*-- terms privacy and copyright --*/ .FOOTER_objects { color:#858585; font-size: 11px; } /*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#858585; font-weight:bold; text-decoration:none; } /*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#6699cc; font-weight:bold; text-decoration:none; } /*========================================================*/ /* Text */ /*========================================================*/ /*-- most of the text on site --*/ .normal, .Normal { font-family: verdana, tahoma; font-size: 11px; color: #555; } /*-- most of the bold text on site --*/ .NormalBold { font-family: verdana, tahoma; font-size: 11px; font-weight: bold; color: #555; } /*-- red text on site for errors --*/ .NormalRed { color: #C50000; font-family: verdana, tahoma; font-weight: bold; font-size: 11px; } /*-- subheadings - mostly in admin --*/ .SubHead { font-family: verdana, tahoma; font-size: 11px; font-weight: bold; color: #777; padding: 0; } /*-- headings - mostly in admin --*/ .Head { font-size: 11px; color: #777; background: transparent; font-weight: bold; padding: 0;} /*========================================================*/ /* Links */ /*========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: #666; font-family: verdana, tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; } /*-- default links hover --*/ a:hover { color: #6699cc; font-family: verdana, tahoma; font-size: 11px; text-decoration: underline; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: verdana, tahoma; font-weight: bold; font-size: 11px; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #444; font-family: verdana, tahoma; 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 27px 6px 31px; cursor: hand; font-size:8px; margin: 0 0 0 0px;} /*========================================================*/ /* Forms */ /*========================================================*/ /*-- default form elements --*/ select, input { font-family: verdana, 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: 140px; color: #888; padding: 4px 8px 0 0; border: 0px solid #FFFFFF; cursor:text;} /*========================================================*/ /* Main Menu and Module Menus */ /*========================================================*/ /*-- removing bg colors --*/ .MainMenu_Idle.MainMenu_MenuItem, .MainMenu_Selected.MainMenu_MenuItemSel, .MainMenu_Active.MainMenu_MenuItem, .MainMenu_BreadcrumbActive.MainMenu_MenuItem { background:transparent; } /*-- box that holds the menu --*/ .MainMenu_MenuContainer { background: 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: 1px 0 0 0; background: #EEEEEE; padding: 0px; border: 1px solid #AAA; font-weight: normal; filter: none; } /*-- submenu items idle --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma; color: #6A6A6A; font-size: 11px; background: #FCFCFC; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; border: 0; } /*-- submenu items hover --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: bold; color: white; cursor: pointer; cursor: hand; background: #cc3300; padding: 0px 30px 0px 16px; height: 20px; border: 0;} /*-- menuitems idle --*/ .MainMenu_Idle TD { color: #FFF; background: transparent; font-size: 8pt; padding: 9px 10px 10px 10px; font-weight: bold; } /*-- menuitems over --*/ .MainMenu_Selected TD { color: #eee; background: transparent; font-size: 8pt; padding: 9px 10px 10px 10px; font-weight: bold; } /*-- menuitems active --*/ .MainMenu_Active TD, .MainMenu_BreadcrumbActive TD { color: #eee; background: transparent; font-size: 8pt; padding: 9px 10px 10px 10px; font-weight: bold; } /*-- middle seperator --*/ .MainMenu_Seperator { background: url(divider_menuitem.gif) no-repeat top right transparent; width:2px; height: 32px; } /*-- 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 --*/ .MainMenuSeperator, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; } /*-- removing seperator borders --*/ .MainMenu_MenuBreak { border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; background:transparent; vertical-align:top;} /*++++++++++++++++++*/ /*Sample skin for Inventua Side Menu*/ /*++++++++++++++++++*/ td { font-family: verdana, tahoma; font-size: 11px; color: #555; } .MenuHdr { padding-left: 10px; font-size: 8pt; padding-bottom: 1px; cursor: default; padding-top: 1px; font-family: Verdana, Tahoma, Arial; } .MenuItem HR { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #999999; } .MenuItem, .MenuItemMouseOver { font-family: Verdana, Tahoma, Arial; font-size: 8pt; font-weight: normal; font-color: #006699; padding-bottom: 1px; padding-top: 1px; border: white 1px solid; } .MenuHdr A, .MenuHdr A:Active, .MenuHdr A:Hover, .MenuHdr A:Visited, .MenuHdr A:Link { display: block; padding-bottom: 1px; width: 100%; cursor: pointer; color: #006699; padding-top: 1px; text-decoration: none; } .MenuItem A, .MenuItem A:Active, .MenuItem A:Hover, .MenuItem A:Link { display: block; padding-left: 20px; padding-bottom: 1px; width: 100%; cursor: pointer; color: #006699; padding-top: 1px; text-decoration: none; } .MenuItem A:Visited { display: block; padding-left: 20px; padding-bottom: 1px; width: 100%; cursor: pointer; color: #006699; padding-top: 1px; text-decoration: none; } .MenuItemMouseOver { border: #00008B 1px solid; background-color: #cc3300!important; padding-left: 20px; } .MenuItemMouseOver A, .MenuItemMouseOver A:Active, .MenuItemMouseOver A:Hover, .MenuItemMouseOver A:Visited, .MenuItemMouseOver A:Link { color: white; text-decoration: none; width: 100%; padding-top: 1px; padding-bottom: 1px; cursor: pointer; display: block; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*Added by Rick R */ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ h1, h2, h3, h4, h5, h6, h7 { font-family: verdana, sans-serif; font-weight: bold; margin: 0; padding: 0; } h1 { font-size: 140%; color: #cc3300; } h2 { display: block; border-bottom: 1px solid #ccc; font-size: 125%; color: #006699; } h3 { display: block; border-bottom: 1px solid #ccc; padding-bottom: 2px; color: #cc3300; font-size: 105%; width: 100%; } h4 { display: block; border-bottom: 1px solid #ccc; padding-bottom: 2px; color: #686A6F; font-size: 130%; width: 100%; margin: 25px 0 2px 0; } h5 { font-size: 115%; color: #006699; } a:link { color: #6699cc; text-decoration: underline; } a:visited { color: #6699cc; } a:hover, a:active { color: #cc3300; text-decoration: underline; font-weight: bold; } ul { margin-top:0; list-style: disc url(bullet.gif) outside; } li { font-family: verdana, Helvetica; font-size: 11px; font-weight: normal; /*list-style-type: square;*/ list-style-image: url(bullet.gif); } /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/