/*========================================================*/ /* CSS for DotNetNuke Skin - Minimalist */ /* by Evan O'Neil */ /* http://www.NukeVille.com */ /*========================================================*/ /*========================================================*/ /* Universal */ /*========================================================*/ /* Style For HTML PAGE */ html { height: 100%; } /* Style For HTML BODY ID */ #body { margin: 0; background: #FFFFFF; margin: 0 0 0 0; height: 100%; } /* Style For HTML BODY */ body {height:100%} /* Setting Text Throughout the skin */ table, tr, td {font-family: tahoma; font-size: 11px; margin: 0;} p {font-family: tahoma; font-size: 11px;} /* Setting Heading 01 */ h1 { font-family: tahoma; font-weight: bold; color: #20b9f2; font-size:32pt; margin: 0; } /* Setting Heading 02 */ h2 { font-family: tahoma; font-weight: bold; color: #555555; font-size:24pt; margin: 0; } /* Setting Heading 03 */ h3 { font-family: tahoma; font-weight: bold; color: #20b9f2; font-size:18pt; margin: 0; } /* Setting Heading 04 */ h4 { font-family: tahoma; font-weight: bold; color: #555555; font-size:14pt; margin: 0; } /* Setting Heading 05 */ h5 { font-family: tahoma; font-weight: bold; color: #20b9f2; font-size:12pt; margin: 0; } /* Setting Heading 06 */ h6 { font-family: tahoma; font-weight: bold; color: #20b9f2; font-size:9pt; margin: 0; } /*========================================================*/ /* Design Elements */ /*========================================================*/ /*-- width setting on skins --*/ .StandardWidth { width:960px; } /*-- 100 percent height where req --*/ .FullHeight { height:100%; } /*-- 100 percent width where req --*/ .FullWidth { width:100%; } /*-- outer table on skins --*/ .OuterTable { width:100%; height:100%; } /*-- cell containing content panes --*/ .ContentPanesTD { width:auto; height:100%; vertical-align: top; padding: 0 0 0 0; } /*-- dotted background --*/ .Dotted { background: url(dotted2.gif) repeat top left; } /*-- row containing logo area --*/ .LogoRow { height:1px; padding: 0 10px 0 7px; } /*-- cell containing logo --*/ .LogoTD { width:1px; padding: 0 0 0 0; } /*-- row containing breadcrumbs --*/ .BreadcrumbsRow { height:41px; background: url(bread-bg.gif) repeat top left; padding: 0 0 0 0; } /*-- row for space between areas --*/ .SpaceBar { height:10px; padding: 0 0 0 0; } /*-- cell containing breadcrumbs --*/ .BreadcrumbsTD { height: 41px; width: 100%; background: url(bread-bg-l.gif) no-repeat top left; color:#a1a1a1; vertical-align: middle; padding: 0 20px 0 17px; } /*-- cell containing search --*/ .SearchTD { width:215px; vertical-align: top; text-align: right; height: 41px; background: url(search-bg.gif) no-repeat top right; padding: 10px 7px 0 0; } /*-- cell containing privacy --*/ .PrivacyTD { text-align: left; padding: 0 0 0 0; } /*-- cell containing copyright --*/ .CopyrightTD { text-align: right; padding: 0 0 0 0; } /*-- cell containing flash h --*/ .FlashTD { padding: 9px 7px 0 7px; } /*-- cell containing flash v --*/ .FlashTDV { padding: 4px 7px 0 7px; } /*-- used for setting attribute --*/ .SkinBox, .BackgroundTile, .BackgroundTopStretch, .BackgroundImage, { height:100%; } /*-- various common properties --*/ .PanePad { padding: 0 7px 0 7px; } .Width100p { width: 100%; } .Width50p { width: 50%; } .Width25p { width: 25%; } .Width33p { width: 33%; } .Height1px { height: 1px; } /*========================================================*/ /* Footer Box Elements */ /*========================================================*/ /*-- footer area --*/ .FooterBox { background: url(footer-bg.gif) repeat top left; } /*-- row containing footer area --*/ .FooterRow { height:36px; padding: 0 7px 0 7px; } /*-- table within footer - rounded --*/ .FooterTable { height:36px; background: url(footer-bg-b.gif) repeat-x bottom left; } /*-- rounded top-left corner --*/ .FooterTL { height:29px; width:6px; background: url(footer-bg-tl.gif) no-repeat top left; } /*-- rounded top-right corner --*/ .FooterTR { height:29px; width:6px; background: url(footer-bg-tr.gif) no-repeat top right; } /*-- left side --*/ .FooterL { width:6px; background: url(footer-bg-l.gif) repeat-y top left; } /*-- right side --*/ .FooterR { width:6px; background: url(footer-bg-r.gif) repeat-y top right; } /*-- rounded bottom left corner --*/ .FooterBL { height:6px; width:6px; background: url(footer-bg-bl.gif) no-repeat bottom left; } /*-- rounded bottom right corner --*/ .FooterBR { height:6px; width:6px; background: url(footer-bg-br.gif) no-repeat bottom right; } /*========================================================*/ /* Content Panes */ /*========================================================*/ /*-- image content pane 1 horiz --*/ .ImagePane01 { padding: 0 7px 9px 7px; } /*-- image content pane 2 --*/ .ImagePane02 { padding: 9px 7px 0 7px; } /*-- image content pane 2 vertical --*/ .ImagePane02V { padding: 4px 7px 0 7px; } /*-- image content pane 3 --*/ .ImagePane03 { padding: 0 7px 9px 7px; } /*-- footer content pane --*/ .FooterPane { padding: 6px 7px 6px 7px; vertical-align:middle; background: url(footer-bg-grad.gif) repeat-x top left; } /*========================================================*/ /* Tokens */ /*========================================================*/ /*-- login token idle --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active { color: #939393; background: url(ico-login.gif) no-repeat bottom left; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; height:17px; float:right; padding: 2px 0 0 25px; margin: 0 0px 0 16px; } /*-- login token hover --*/ a.LOGIN_object:hover { background: url(ico-login-over.gif) no-repeat bottom left; color: #444444; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; } /*-- user token idle --*/ .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #939393; background: url(ico-register.gif) no-repeat bottom left; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; height:17px; float:right; padding: 2px 0 0 25px; margin: 0 0px 0 16px; } /*-- user token hover --*/ a.USER_object:hover { background: url(ico-register-over.gif) no-repeat bottom left; color: #444444; 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: #939393; font-family: tahoma; font-size: 11px; text-decoration: none; } /*-- date token hover --*/ a.DATE_object:hover { color: #c1c1c1; 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: #8f8f8f; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold;} /*-- breadcrumbs token hover --*/ a.BREADCRUMBS_object:hover { color: #666; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold; } /*-- terms privacy and copyright --*/ .FOOTER_objects { color:#aaa; font-size: 11px; } /*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { font-size: 11px; color:#aaa; font-weight:bold; text-decoration:none; } /*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { font-size: 11px; color:#777; font-weight:bold; text-decoration:none; } /*-- language selector dropdown --*/ .Language_object { font-family: tahoma; font-size: 11px; text-decoration: none; } /*========================================================*/ /* Text */ /*========================================================*/ /*-- most of the text on site --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #555; } /*-- most of the bold text on site --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #555; } /*-- 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: #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: tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; } /*-- default links hover --*/ a:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: underline; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: none; } /*-- search button in search form --*/ .SearchButton { background: transparent; padding: 15px 12px 7px 12px; cursor: hand; font-size:1px; margin: 0 0 0 0;} /*-- footer links --*/ .Footer_Links, a.Footer_Links:link, a.Footer_Links:visited, a.Footer_Links:active { color: #FFF; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; } /*-- footer links hover --*/ a.Footer_Links:hover { color: #EEE; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; } /*========================================================*/ /* 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:21px; background: transparent; width: 174px; color: #666; padding: 4px 4px 0px 4px; border: 0px solid #FFFFFF; cursor:text;} /*========================================================*/ /* Sub Menus and Module Menus */ /*========================================================*/ /*-- submenu container --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { background: #FFF; padding: 0px; border: 1px solid #ccc; z-index: 1000; cursor: pointer; cursor: hand; font-weight: normal; filter: none;} /*-- submenu items idle --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { background: #FFF; color: #666; font-family: tahoma; font-size: 8pt; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 28px; border-left:0px; border-right:0px; border-top:0px; border-bottom: 1px solid #ccc; margin:0 0 0 0;} /*-- submenu items hover --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { background: #eee; color: #20b9f2; font-family: tahoma; font-size: 8pt; font-weight: bold; cursor: pointer; cursor: hand; padding: 0px 30px 0px 16px; height: 28px; border-left:0px; border-right:0px; border-top:0px; border-bottom: 1px solid #ccc; margin:0 0 0 0;} /* Snapsis Vertical Menu Top Menu */ /* Root items */ #nav { height:36px; margin:0 auto; z-index:99; } #nav ul { float: right; width: 100%; list-style: none; margin: 0; padding: 0; line-height:36px; } #nav a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; display:block; margin: 0; text-decoration:none; text-align:center; font-weight:bold; padding: 0; color: #ffffff; } #nav li { float: right; padding: 0; background:none; list-style: none;z-index:99; } #nav ul li { float: left; text-align:center; padding: 0; background:none; } /* Top Level */ #nav ul li.tab { margin:0; padding:0; } #nav ul li.tab a { padding:0 10px; text-decoration:none; color:#ffffff; } #nav ul li.tab ul.nontab li a:hover, #nav ul li.tab a:hover { color:#404040; } #nav li.tab:hover, #nav ul li.sfhover { color:#404040; background:url(nav-active-r.gif) no-repeat right; } #nav li.tab:hover a, #nav ul li.sfhover a { color:#404040; background:url(nav-active-l.gif) no-repeat left; } /* Classes for selected state in Top Menu */ #nav ul li.tab_selected { margin:0; padding:0; background:url(nav-active-r.gif) no-repeat right; } #nav ul li.tab_selected a { padding:0 10px; text-decoration:none; color:#404040; background:url(nav-active-l.gif) no-repeat left; } #nav ul li.tab_selected a:hover { color: #666666; } /* Second Level */ #nav ul li.tab ul { background: #ffffff; width: 14em; line-height:17px; z-index: 99; } #nav ul li.tab ul.nontab { margin-left:0px; } #nav ul li.tab ul.nontab li a { padding:3px 15px 2px 6px; background-image:none; text-transform: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; border-right:0; color: #404040; } #nav ul li.tab ul.nontab li a.parent { } #nav li li { width: 14em; } #nav li ul a { text-align:left; background:none; } #nav ul li ul { border: 1px solid #cccccc; } #nav ul li ul li { text-align:left; border:none; margin-left:0; } #nav li ul { position: absolute; left: -999em; height: auto; margin: 0; padding: 0; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav ul li ul li:hover, #nav ul li ul li.sfhover { color:#49b9f2; background: #eeeeee; } #nav ul li.tab ul.nontab li a:hover { color:#49b9f2; background: #eeeeee; } /* Classes for selected state in sub menus, generally same as normal sub menu */ #nav ul li.tab_selected ul { margin:0; padding:0; background:#6e6e6e; width:14em; line-height: 17px; } #nav ul li.tab_selected ul li a { padding:3px 15px 2px 6px; text-decoration:none; text-transform: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; color:#ffffff; background-image:none; width:14em; border-right:0; border-left:0; } #nav ul li.tab_selected ul li a:hover { color: #37AB96; } #nav ul li.tab_selected ul.nontab li a:hover { color:#ffffff; background: #5db5e3; } #nav ul li.tab_selected ul.nontab { /*margin-left:-9px;*/ } /* Third Level */ #nav li ul ul { margin: -1.70em 0 0 14em; } #nav li.tab_selected ul ul { margin: -1.70em 0 0 14em; } /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/