/*========================================================*/ /* CSS for DotNetNuke Skin - Clipped */ /* by Brian Connor */ /* http://www.NukeVille.com */ /* connbrian@gmail.com */ /*========================================================*/ /*========================================================*/ /* 1 Universal */ /*========================================================*/ /* Style For HTML PAGE */ html { height: 100%; } /* Style For HTML BODY */ #body { margin: 0; background: url(body_bg.gif) repeat top left #737373; padding: 0;} /* Setting Text Throughout the skin */ table, tr, td {font-family: Arial; font-size: 11px; margin: 0;} /* outermost div of skin */ .OuterDiv {width:100%; height:100%;} a img {border: none; } /*========================================================*/ /* 2 Design Elements */ /*========================================================*/ /*-- outermost table of skin --*/ .OuterTable { width: 850px; height: 100%; background: url(page_bg_l.gif) repeat-y top left #FFF; align: center; } /*-- outermost table of skin --*/ .OuterTableStore { width: 1000px; height: 100%; background: url(page_bg_l.gif) repeat-y top left #FFF; align: center; } /*-- cell containing panes --*/ .PanesTD { width:100%; vertical-align: top; padding: 0 0 0 0; } /*-- top header panel background --*/ .TopLogoRowBG { background: url(header_bg.gif) repeat top left; padding: 0 0 0 0; } /*-- top header panel right --*/ .TopLogoRowRight { background: url(top_logo_r.gif) repeat-y top right; padding: 0 0 0 0;} /*-- top header panel left --*/ .TopLogoRowLeft { background: url(top_logo_l.gif) repeat-y top left; padding: 5px 15px 0 15px;} /*-- top header section --*/ .TopRow { background: url(top_bg.jpg) repeat-x top left; height: 250px; padding: 0; } /*-- topleft header section --*/ .TopRowLeft { background: url(top_l.jpg) no-repeat top left; height: 250px; width:100%; padding: 0; } /*-- topright header section --*/ .TopRowRight { background: url(top_r.jpg) no-repeat top right; height: 250px; width:100%; padding: 0;} /*-- middle content section --*/ .MiddleRow { background: url(page_bg_r.gif) repeat-y top right; padding: 0 12px 0 12px; } /*-- bottom footer section --*/ .BottomRow { background: url(footer_bg.gif) repeat-x top center; height: 72px; padding: 0;} /*-- bottomleft footer section --*/ .BottomRowLeft { width:100%; background: url(footer_bg_l.gif) no-repeat top left; height: 60px; padding: 0;} /*-- bottomright footer section --*/ .BottomRowRight { background: url(footer_bg_r.gif) no-repeat top right; height: 60px;} /*-- cell containing login and register --*/ .LoginTD { vertical-align: middle; color:#046AA9; padding: 0 35px 8px 0; text-align:right; } /*-- cell containing flash or images --*/ .FlashCell { vertical-align:top; text-align:left; width:430px; height:187px; padding: 18px 0 0 12px; } /*-- cell containing flash or images --*/ .ImageCell { vertical-align:top; text-align:left; width:430px; height:187px; padding: 17px 0 0 12px; } /*-- cell containing header pane --*/ .HeaderPaneArea { vertical-align:top; text-align:left; width:100%; height:187px;} /*-- cell containing date --*/ .DateTD { text-align:right; vertical-align: bottom; padding: 0 30px 8px 0 ; height:46px;} /*-- cell containing header pane --*/ .HeaderPaneTD { vertical-align: top; padding: 0 0 0 0 ; width:100%;} /*-- cell containing header pane in blank --*/ .HeaderPaneTD2 { vertical-align: middle; padding: 0 30px 0 30px ; width:100%;} /*-- cell containing menu --*/ .MenuTD { height: 37px; vertical-align: top; padding: 0 12px 0 12px; } /*-- cell containing breadcrumbs --*/ .BreadcrumbsTD { color:#808080; vertical-align: top; padding: 5px 20px 0 20px; } /*-- cell containing privacy --*/ .PrivacyTD { text-align: left; vertical-align: top; padding: 20px 0 0 25px; } /*-- cell containing copyright --*/ .CopyrightTD { text-align: right; vertical-align: top; padding: 20px 16px 0 0; } /*-- cell containing search --*/ .SearchTD { text-align:right; vertical-align: top; padding: 17px 26px 0 18px;} /*-- applied to invisible objects --*/ .Invisible { visibility:hidden; } /*========================================================*/ /* 3 Content Panes */ /*========================================================*/ /*-- top inside content pane --*/ .PaneTop { width: 100%; padding: 0 7px 0 7px;} /*-- left content pane --*/ .PaneLeft { padding: 0 7px 0 7px; width: 174px; } /*-- content pane --*/ .PaneCenterLeft { width: 252px; padding: 0 7px 0 7px; } /*-- content pane --*/ .PaneCenterRight { width: 252px; padding: 0 7px 0 7px; } /*-- content pane --*/ .PaneCenter { padding: 0 7px 0 7px; } /*-- right content pane --*/ .PaneRight { padding: 0 7px 0 7px; width: 212px; } /*-- bottom inside pane --*/ .PaneBottom { width: 100%; padding: 0 7px 0 7px; } /*-- bottom menu content pane --*/ .PaneMenuBottom { width: 100%; padding: 5px 5px 0 5px; } /*-- header content pane --*/ .PaneHeader { height:136px; width: 100%; padding: 0 0 0 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, .CONTACTUS_object, a.CONTACTUS_object:link, a.CONTACTUS_object:visited, a.CONTACTUS_object:active, .FAQS_object, a.FAQS_object:link, a.FAQS_object:visited, a.FAQS_object:active{ color: #046AA9; font-family: Arial; font-size: 11px; font-weight:bold; text-decoration: none; } /*-- login and user token hover --*/ a.LOGIN_object:hover, a.USER_object:hover,a.CONTACTUS_object:hover, a.FAQS_object:hover { color: #999900; font-family: Arial; 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: #c1c1c1; font-family: Arial; font-size: 11px; text-decoration: none; } /*-- date token hover --*/ a.DATE_object:hover { color: #c1c1c1; font-family: Arial; font-size: 11px; text-decoration: none; } /*-- breadcrumbs token idle --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #8f8f8f; font-family: Arial; font-size: 11px; text-decoration: none; font-weight:bold;} /*-- breadcrumbs token hover --*/ a.BREADCRUMBS_object:hover { color: #666; font-family: Arial; font-size: 11px; text-decoration: none; font-weight:bold; } /*-- terms privacy and copyright --*/ .FOOTER_objects { color:#5a5a5a; font-size: 11px; } /*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#5a5a5a; font-weight:bold; text-decoration:none; } /*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#000; font-weight:bold; text-decoration:none; } /*-- language selector dropdown --*/ .Language_object { font-family: Arial; font-size: 11px; text-decoration: none; } /*========================================================*/ /* 5 Text */ /*========================================================*/ /*-- most of the text on site --*/ .normal, .Normal { font-family: Arial; font-size: 11px; color: #555; } /*-- most of the bold text on site --*/ .NormalBold { font-family: Arial; font-size: 11px; font-weight: bold; color: #555; } /*-- red text on site for errors --*/ .NormalRed { color: #C50000; font-family: Arial; font-weight: bold; font-size: 11px; } /*-- subheadings - mostly in admin --*/ .SubHead { font-family: Arial; 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;} .bigTitle { font-size: 42px; color: #fff; background: transparent; font-family: Arial; text-align:right; padding-right:36px;} /*========================================================*/ /* 6 Links */ /*========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: #666; font-family: Arial; font-weight: bold; font-size: 11px; text-decoration: underline; } /*-- default links hover --*/ a:hover { color: #444; font-family: Arial; font-size: 11px; text-decoration: underline; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: Arial; font-weight: bold; font-size: 11px; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #444; font-family: Arial; 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: Arial; 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: Arial; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; } /*-- search button in search form --*/ .SearchButton { background: transparent; padding: 13px 28px 4px 27px; cursor: hand; font-size:1px; margin: 0 0 0 0px;} /*========================================================*/ /* 7 Forms */ /*========================================================*/ /*-- default form elements --*/ select, input { font-family: Arial; font-size: 11px; color: #333; } /*-- textbox --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: Arial; 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: 116px; color: #666; padding: 4px 4px 0px 4px; border: 0px solid #FFFFFF; cursor:text;} /*========================================================*/ /* Main Menu and Module Menus */ /*========================================================*/ /*-- box that holds the menu --*/ .MainMenu_MenuContainer { background: url(nav_idle.gif) repeat-x top center transparent; height: 35px;} /*-- bar that holds the menu --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: transparent; height: 35px;} /*-- 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 #BBBBBB; font-weight: normal; filter: none; } /*-- submenu items idle --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: Arial; color: #6A6A6A; font-size: 11px; background: #EEEEEE; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; border: 0; } /*-- submenu items hover --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: Arial; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: #222; background: #BBBBBB; padding: 0px 30px 0px 16px; height: 20px; border: 0;} /*-- menuitems idle --*/ .MainMenu_Idle TD { color: #FFF; background: url(nav_idle.gif) repeat-x top center transparent; font-weight: bold; padding: 11px 0px 11px 0px; font-weight: bold; font-size: 8pt; } /*-- menuitems over --*/ .MainMenu_Selected TD { color: #FFF; background: url(nav_over2.gif) repeat-x top center; font-weight: bold; padding: 11px 0px 11px 0px; font-weight: bold; font-size: 8pt; } /*-- menuitems active --*/ .MainMenu_Active TD, .MainMenu_BreadcrumbActive TD { color: #FFF; background: url(nav_over.gif) repeat-x top center; font-weight: bold; padding: 11px 0px 11px 0px; font-weight: bold; font-size: 8pt; } /*-- right seperator idle --*/ .MainMenu_RightIdle { background: url(nav_div.gif) no-repeat top right; width:2px; height: 35px; } /*-- 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;} li { list-style-type: none; list-style-image: none; list-style-position: inside; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 10px; margin: 0; } ul { list-style-type: none; list-style-image: none; list-style-position: inside; margin: 0; padding: 0; } /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/