/*========================================================*/ /* CSS for DotNetNuke Skin - Black Pond */ /* by Jared Buttars */ /* http://www.blackpond.com */ /* jared@blackpond.com */ /*========================================================*/ /*========================================================*/ /* Universal */ /*========================================================*/ /*-- Style For HTML BODY */ body { margin: 0; background:#222222; margin: 0 0 0 0; } /*-- Page Master --*/ .pagemaster { background-color:#222222; height:100%; width:100%; } /*-- Skin Master Fixed --*/ .skinmaster { width:750px; } /*-- Skin Master Fixed --*/ .pageedge { background-color:#000000; width:4px; } /*-- Skin Master Fixed --*/ .pagearea { background-color:#1c1c1c; } /*-- Skin Master Fixed --*/ .footerarea { height:53px;} /*-- Skin Master Fixed --*/ .footerbox { width:730px;} /*-- Skin Master Fixed --*/ .rightpad { width:10px; } /*-- Skin Master Fixed --*/ .pagetop { background-color:#000000; color:#3f3f3f; } /*-- Skin Master Fixed --*/ .pagetopright { background-color:#000000; height:49px; } /*-- Skin Master Fixed --*/ .loginarea { padding-bottom:4px; padding-right:10px; height:46px; } /*-- Skin Master Fixed --*/ .rightcolumnarea { width:260px; background-color:#000000;} /*-- Skin Master Fixed --*/ .abovemenuarea { background-color:#000000; height:20px;} /*-- Skin Master Fixed --*/ .menuarea { background-color:#ee651d; padding-top:29px; padding-bottom:10px;} /*-- Skin Master Fixed --*/ .logoarea { padding-bottom:8px; height:50px;} /*-- Skin Master Fixed --*/ .headerareaHP { height:270px; background-image:url(headarea_bg.gif); background-repeat:repeat-x; background-position:top;} /*-- Skin Master Fixed --*/ .headerareaIP { height:23px; background-color:#373737;} /*-- Skin Master Fixed --*/ .breadcrumbareaIP { padding-right:10px; height:23px;} /*-- Skin Master Fixed --*/ .contentarea1HP { height:161px; background-color:#161616;} /*-- Skin Master Fixed --*/ .contentarea1IP { } /*-- Skin Master Fixed --*/ .contentarea1padHP { padding:19px 10px 0 10px;} /*-- Skin Master Fixed --*/ .contentarea2HP { padding:13px 10px 0 10px;} /*-- Skin Master Fixed --*/ .contentarea2IP2 { padding:13px 10px 0 10px;} /*-- Skin Master Fixed --*/ .footerline { height:3px; background-color:#ee651d;} /*-- Skin Master Fixed --*/ .footercontentarea { padding-top:10px;} /*-- Setting Text Throughout the skin --*/ table, tr, td, p {font-family: arial; font-size: 12px; line-height: normal; } /*========================================================*/ /* Tokens */ /*========================================================*/ /*-- login and user token idle --*/ .login, a.login:link, a.login:visited, a.login:active { color: #ffffff; font-family: arial; font-size: 12px; text-decoration: none;} /*-- login and user token idle --*/ .user, a.user:link, a.user:visited, a.user:active { color: #71af32; font-family: arial; font-size: 12px; text-decoration: none;} /*-- login and user token hover --*/ a.login:hover { text-decoration: none; color:#ffffff; font-size: 12px; font-family: arial; text-decoration:underline;} /*-- login and user token hover --*/ a.user:hover { text-decoration: none; color:#71af32; font-size: 12px; font-family: arial; text-decoration:underline;} /*-- breadcrumbs token idle --*/ .breadcrumbs, a.breadcrumbs:link, a.breadcrumbs:visited, a.breadcrumbs:active { color: #989898; font-family: arial; font-size: 12px; text-decoration:none; height:23px; line-height:23px; } /*-- breadcrumbs token hover --*/ a.breadcrumbs:hover { color:#ffffff; font-size: 12px; font-family: arial; text-decoration:none; height:23px; line-height:23px; } /*-- terms privacy and copyright --*/ .footer { color:#4a4a4a; font-size: 12px; font-weight:normal; } /*-- terms privacy and copyright links --*/ a.footer:link, a.footer:visited, a.footer:active { color:#4a4a4a; font-size:12px; font-weight:normal; text-decoration:none; } /*-- terms privacy and copyright hover --*/ a.footer:hover { text-decoration:none; color:#ffffff; font-size: 12px; font-family: arial; text-decoration:none;} /*========================================================*/ /* Main Menu */ /*========================================================*/ /*-- box that holds the menu --*/ .MainMenu_MenuContainer { border:0; margin:0; padding:0; background:transparent; } /*-- bar that holds the menu --*/ .MainMenu_MenuBar { border:0; margin:0; padding:0; cursor: pointer; cursor: hand; background:transparent; } /*-- submenu container --*/ .MainMenu_SubMenu { z-index: 1000; cursor: pointer; cursor: hand; margin: 0 10px 1px 0; padding: 10px 0 10px 0; background-color: #e9e9e9; font-weight:normal; filter:none;} /*-- sub menu items --*/ .MainMenu_MenuItem { border:0; margin:0; font-family: arial; color: #393939; font-size: 11px; padding: 0px 35px 0px 16px; height: 20px; font-weight:normal; } /*-- submenu items hover --*/ .MainMenu_MenuItemSel { border:0; margin:0; font-family: arial; color: #ffffff; font-size: 11px; cursor: pointer; cursor: hand; padding: 0px 35px 0px 16px; height: 20px; background: #a8a8a8; font-weight:normal;} /*-- menuitems idle --*/ .MainMenu_Idle { border:0; margin:0; color: #393939; background: transparent; font-size: 11px; font-weight:normal;} /*-- sub menu items selected --*/ .MainMenu_Selected { border:0; margin:0; color: #393939; font-weight:normal; background: #4f9cef;} /*-- sub menu items active --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive { border:0; margin:0; color: #ffa100; font-weight:normal; font-size: 11px; } /*-- root menu items --*/ .MainMenu_RootMenuItem { background:transparent; text-align:center; border:0; margin:0; padding:0; font-family:arial; font-weight:normal; color: #f3f3f3; font-size:12px; height:26px; line-height:26px;} /*-- root menu items over --*/ .MainMenu_RootSelected { border:0; margin:0; padding:0; color: #000000; background:transparent; font-weight:normal; text-align:center; height:26px; line-height:26px; background-color:#f28c56;} /*-- root menu items sub active --*/ .MainMenu_RootActiveSub, .MainMenu_RootBreadcrumbActive { border:0; margin:0; padding:0; color: #000000; background:transparent; font-weight:normal; text-align:center; height:26px; line-height:26px; background-color:#f28c56;} /*-- root menu items active --*/ .MainMenu_RootActive { border:0; margin:0; padding:0; color: #000000; background:transparent; font-weight:normal; text-align:center; height:26px; line-height:26px; background-color:#f28c56;} /*-- root menu items --*/ .MainMenu_RootMenuItem TD { padding:0 0 0 19px; } /*-- root menu items over --*/ .MainMenu_RootSelected TD { padding:0 0 0 19px; } /*-- root menu items sub active --*/ .MainMenu_RootActiveSub, .MainMenu_RootBreadcrumbActive TD { padding:0 0 0 19px; } /*-- root menu items active --*/ .MainMenu_RootActive TD { padding:0 0 0 19px; } /*-- not needed --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon, .MainMenuSeperator { display: none; } /*-- removing seperator borders --*/ .MainMenu_MenuBreak { border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; padding:0; background:transparent; } /*========================================================*/ /* Module */ /*========================================================*/ /*-- module sub menu container --*/ .ModuleTitle_SubMenu { z-index: 1000; cursor: pointer; cursor: hand; margin: 0 10px 1px 0; padding: 10px 0 10px 0; background-image:url(submenu_drop_bg.gif); background-repeat:repeat-x; background-color: #e4e4e4; border-color:#6a6a6a; border-width: 1px; font-weight:normal; filter:none;} /*-- module sub menu items hover--*/ .ModuleTitle_MenuItemSel { border:0; margin:0; font-family: arial; color: #ffffff; font-size: 11px; cursor: pointer; cursor: hand; padding: 0px 35px 0px 16px; height: 20px; background: #a8a8a8; font-weight:bold;} /*-- module title items --*/ .ModuleTitle_MenuItem { border:0; margin:0; font-family: arial; color: #3b3b3b; font-size: 11px; padding: 0px 35px 0px 16px; height: 20px; font-weight:bold;} /*-- module menu continer --*/ .ModuleTitle_MenuContainer { background: transparent; } /*-- module menu bar --*/ .ModuleTitle_MenuBar { cursor: pointer; cursor: hand;} /*-- not needed --*/ .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; } /*========================================================*/ /* Text */ /*========================================================*/ /*-- most of the text on site --*/ .normal, .Normal { font-family: arial; font-size: 12px; color: #b8b8b8; } /*-- most of the bold text on site --*/ .NormalBold { font-family: arial; font-size: 12px; font-weight: bold; color: #b8b8b8; } /*-- 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: 12px; font-weight: bold; color: #777; padding: 0; } /*-- headings - mostly in admin --*/ .Head { font-size: 12px; color: #777; background: transparent; font-weight: bold; padding: 0;} /*========================================================*/ /* Hyperlinks */ /*========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: #ee651d; font-family: arial; font-weight: normal; font-size: 12px; text-decoration: none; } /*-- default links hover --*/ a:hover { color: #ee651d; font-family: arial; font-size: 12px; text-decoration: underline; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #ee651d; font-family: arial; font-weight: bold; font-size: 12px; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #ee651d; font-family: arial; font-size: 12px; text-decoration: underline; } /*-- 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: arial; font-weight: bold; font-size: 12px; 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: arial; font-weight: bold; font-size: 12px; text-decoration: none; height: 20px; } /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/