/*=======================================================+ | | | CSS for DotNetNuke Skin - Santa Cruz County | | Developed by Adammer LLC | | http://www.adammer.com | | | | May 2009 | | | +=======================================================*/ /*=======================================================+ | Universal | +=======================================================*/ /*-- HTML (Left blank on purpose) --*/ html {height:100%; background:url(graphics/bgGradiant.png) repeat-x fixed ;} iframe html {background:#fff;} /*-- Body --*/ #Body { margin: 0; padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333; line-height:1.4em;/*background-color:#FFFCF2;*/ /*background: #498e89; Old browsers */ /*background: -moz-linear-gradient(top, #D6E5ED 0%, #498e89 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D6E5ED), color-stop(100%,#387FA7)); background: -webkit-linear-gradient(top, #D6E5ED 0%,#387FA7 100%); background: -o-linear-gradient(top, #D6E5ED 0%,#387FA7 100%); background: -ms-linear-gradient(top, #D6E5ED 0%,#387FA7 100%); background: linear-gradient(to bottom, #D6E5ED 0%,#387FA7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D6E5ED', endColorstr='#387FA7',GradientType=0 ); background-size:cover;*/ } body {background-color:transparent;} /*-- Default Font --*/ p {} /*-- Additional space for lists --*/ li { margin-bottom: 2px;} /*-- Lists Styles. 3 levels deep. --*/ ul li, ul li li, ul li li li {list-style-type:square;} ul {margin-left:10px;padding-left:10px;} /*-- Make sure forms look good --*/ form {margin:0;padding:0;} /*-- Make background white for control tables --*/ .FCKImageGalleryContainer {background-color:#FFF;} .DnnModule {z-index:1;} /*========================================================+ | Links | +========================================================*/ /*-- keyboard focus for accessibility --*/ a:focus {outline-color:red; outline-style:dotted; outline-width:medium;} /*-- default links visited and active --*/ a:link, a:visited, a:active {text-decoration:none; color: #333333; font-style:normal;text-decoration:underline;} /*-- default links hover --*/ a:hover {text-decoration:none;} /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited {text-decoration: underline; } /*-- normal links hover --*/ a.Normal:hover {text-decoration: none; } /*========================================================+ | Design Elements | +========================================================*/ /*-- Set the margin and padding for the content Border Background Div. --*/ .BorderBgDiv {width:1024px; /*border:#498e89 1px solid;*/ background:#FFF; margin:5px auto 0 auto; padding:0px;-webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .3); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .3);} /*-- Set the top border --*/ .TopDiv{ background:url(graphics/BorderedTop_bg.png) top no-repeat; height:15px;} /*-- Set width for Full page --*/ .fullWidth {width:1024px;padding:0;margin:0 auto;/*border-bottom: #CCC 1px solid;*/ position:relative;} /*-- Set the width of the header content --*/ .HeaderDiv{/*background:url(graphics/header_bg.png) left top no-repeat;*/ /* border-bottom:1px solid #1E7D6C ;*/ position:relative;} /*-- Set the background for page content. --*/ .contentWrapper {background:url(graphics/BorderedContent_bg.png) top center repeat-y;} /*-- Set the padding of the content column. --*/ .left{float:left;} .right{float:right;} /*-- Banner Division Styles --*/ .BannerPane1, .BannerPane2, .BannerPane3 {clear:both;} .BannerPane2 {margin-top:5px;} .BannerPane3{} .Banner p {margin:0px; padding:0px;} .dnnLogo {} .dnnLogo a {} /*-- Set background image i.e. dotted line between dnnUSER and dnnLOGIN. If you don't want the divider, just empty the contents of this style. --*/ .header-divide {background: url(graphics/hdr_divide.gif) center no-repeat; padding:2px 4px;} /*-- Set background image i.e. dotted line between dnnTerms and dnnCOPYRIGHT. If you don't want the divider, just empty the contents of this style. --*/ .footer-divide {background: url(graphics/hdr_divide.gif) center no-repeat; padding:2px 4px;} /*-- Set the margin of the master table (the table that contains the vertical navigation and content cells). --*/ #MasterTable {margin:0px;} /*-- Set the top padding of the TopPane. This keeps the pane from sitting flush against the breadcrumb/search section. --*/ .TopPane {margin-bottom:20px;} /*-- Set the padding and width of all the major panes. Set vertical align to top. --*/ .HeaderPane {position:absolute; left:485px;top:0px;} .LeftNavTop {clear:both;padding:5px;} .LeftNavTop .StdContainer {margin-bottom:0px;} .LeftNavBottom {clear:both;padding:5px;} .LeftGutterPane {clear:both;padding:10px;} .TopPaneDiv {clear:both;} .TopLeftPane { width:48%/*450px*/; vertical-align:top;} .TopRightPane {width:48%/*450px*/; vertical-align:top;} .ContentPaneDiv {clear:both;} .ContentPane {vertical-align:top;} .ContentPane2Div {clear:both;} .LeftPane {width:200px; vertical-align:top;} .ContentPane2 {vertical-align:top; width:780px/*700px*/;} .ContentPane3Div {clear:both;} .ContentPane3 {vertical-align:top; width:780px/*700px*/;} .RightPane {width:200px; vertical-align:top} .MiddlePaneDiv{clear:both;} .MiddleLeftPane {width:200px;margin-right:20px; vertical-align:top;} .MiddlePane {width:560px/*484px*/;vertical-align:top;} .MiddleRightPane {width:200px;vertical-align:top;} .BottomPaneDiv{clear:both;} .BottomColumn1 {width:235px;margin-right:20px; vertical-align:top;} .BottomColumn2 {width:235px;margin-right:20px; vertical-align:top;} .BottomColumn3 {width:235px;vertical-align:top;} .BottomColumn4 {width:235px;vertical-align:top;} .BottomPane {clear:both;} .footerPane, .footerPane a, .footerPane .Normal {color:#fff;} .footerPane {margin-bottom:10px;} .footerPane ul.footerLinks >li {display:block; width:140px; float:left; margin:0 20px 20px 0;} .footerPane ul.footerLinks >li>h3 {margin:0 0 5px 0; padding:0; list-style:none; font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;/* border-bottom:1px solid #ccc;*/ color:#fff; font-weight:bold; line-height:normal;} .footerPane ul.footerLinks >li {list-style:none; } .footerPane ul.footerLinks >li>ul {margin:0; padding:0;} .footerPane ul.footerLinks >li>ul>li {margin:0; padding:0;list-style:none;} .footerPane .footerLinks a {text-decoration:none;} .footerPane .footerLinks a:hover {text-decoration:underline;} /*-- Set the padding and width for the subpage layout --*/ #subpage-div .TopLeftPane {width:48%;} #subpage-div .TopRightPane {width:48%;} #subpage-div .ContentPane {vertical-align:top; padding:0px;} #subpage-div .LeftPane {width:200px; vertical-align:top;} #subpage-div .ContentPane2 {vertical-align:top; width:550px;} #subpage-div .ContentPane3 {vertical-align:top; width:550px;} #subpage-div .RightPane {width:200px; vertical-align:top;} #subpage-div .MiddleLeftPane {width:224px; } #subpage-div .MiddlePane {width:225px;} #subpage-div .MiddleRightPane {width:224px;} #subpage-div .BottomColumn1 {width:163px;} #subpage-div .BottomColumn2 {width:163px;} #subpage-div .BottomColumn3 {width:163px;} #subpage-div .BottomColumn4 {width:163px;} /*-- These styles are only used for the LinearX Demo site. Feel free to delete. --*/ .DNNPane {border: #333 3px solid; padding: 60px 5px; text-align: center; font-weight: bold; vertical-align: middle; background-color: #FAFAFA;white-space:nowrap; color: #333; font-size:14px;} .DNNHeaderPane{padding: 25px 5px; width:300px;} /*-- Set font size, color, etc. for login links and text. --*/ .login{text-decoration:none; color: #999999;} #dnn_dnnUSER_cmdRegister {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:12px;color:#FFF;} #dnn_dnnUSER_cmdRegister:hover {text-decoration:underline; } #dnn_dnnLOGIN_cmdLogin {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;color:#FFF;} #dnn_dnnLOGIN_cmdLogin:hover {text-decoration:underline;} #SCHR .action-buttons { text-align:right;} /*========================================================+ | Menu, Breadcrumb, and Search | +========================================================*/ /*-- Set the background image, width, and margins for the menu. --*/ #SCHR .menu-bg{background-color:#53466c; height:26px; /*margin-top:10px; border-top: #53466C 1px solid;border-bottom: #131019 1px solid;*/} #SCHR .menu{text-align:left;} #SCHR .breadcrumbdiv .homeIcon {display:block;height:10px; width:10px; overflow:hidden; text-indent:-2000px; background:url(graphics/bg_home.gif) no-repeat; float:left; margin-right:4px;} /*-- Set the background image, width, and margins for the Breadcrumb. --*/ #SCHR .breadcrumb-div{/*background-color:#407853;*/ height:26px;/*border-top:#7D9184 1px solid; border-bottom:#172B1E 1px solid;*/line-height:12px;} #SCHR .breadcrumb-row{padding:0px 0px; } /*-- Set font size, color, etc. for the breadcrumb div. --*/ #SCHR .breadcrumbdiv {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #666; text-align:left;padding:6px 0px 0px 10px; float:left;} #SCHR .breadcrumb {font-size:11px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration:none !important; color: #666 !important; font-style:normal !important;} #SCHR .breadcrumbdiv a:hover {text-decoration:underline !important;} #SCHR .breadcrumb-pretext {font-weight:normal;color:#666;line-height:12px;} /*-- Set font size, color, etc. for the Current Date div. --*/ #SCHR .currentDateDiv {display:block; padding-right:12px; width:1024px; margin:5px auto 0 auto; text-align:right; } #SCHR .currentDate {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #53466c;} #SCHR .current-date a {font-size:12px; text-decoration:none; color:#666666;} #SCHR .current-date a:hover {text-decoration:underline;} /*-- If panes are empty, we make sure there are no lingering styles. --*/ .DNNEmptyPane {border:0px none !important; line-height:0px !important; padding:0px !important; font-size:0px !important; height:0px !important; width:0px !important;margin:0px !important; } html > body .DNNEmptyPane {} /*-- Set the background image, width, margin, and border for the content div. --*/ #SCHR .content {/*width:924px;*/ background:#FFFFFF; margin:10px auto 0 auto;padding:0 10px 20px 10px; } /*-- Set the background image, width, margin, and font for the footer div. --*/ #SCHR .BottomDiv{ background:url(graphics/BorderedBottom_bg.png) bottom no-repeat; height:2.5em;clear:both;position:static;z-index:1;} #SCHR .footer-bg {border-top:#666 1px solid;} #SCHR .footer {font-size:.8em; line-height:1.8em; text-decoration:none; color: #FAFAFA; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; background:#53466c; padding:2px 10px; margin:0px} #SCHR .termsdiv a, #SCHR .copyrightdiv a {text-decoration:none; color: #FAFAFA;} #SCHR .termsdiv a:hover, #SCHR .copyrightdiv a:hover {text-decoration:underline;} /*-- Padding-right is used to set the terms and privacy text 3 pixels from the right edge. --*/ #SCHR .termsdiv{float:right; bottom:0px;} #SCHR .terms{background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:12px;} #SCHR .privacy{background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:12px;} /*-- Margin-left is used to set the copyright text 3 pixels from the left edge. --*/ #SCHR .copyright{padding:0;} /*-- Horizontal Rule --*/ hr {height: 1px; color: #bbb;} /*========================================================+ | Search Items | +========================================================*/ /*-- Set the padding of the search div. --*/ #SCHR .Search {float:right; padding:4px 4px 0 0;} #SCHR .search img {border:none; padding:0px 0px 0px 0px;} #SCHR .searchDiv {position:absolute; bottom:20px; right:10px;} #SCHR .searchDiv .NormalTextBox {padding:5px 30px 5px 5px; background-color:#FFFCF2; width:140px; margin:0; border:1px solid #407853;} #SCHR .searchDiv .searchField { position:absolute;right:10px; top:6px;} /*-- Set background color for Google custom search input --*/ #SCHR .GCSearchBox {background-color:#FFFCF2;} #SCHR .Search .NormalTextBox {} #SCHR .Search .CommandButton {/* border:1px solid #172B1E;*/ width:40px; margin-left:-3px;} #SCHR .SearchField {/*border:1px solid #172B1E;background-color:#FAFAFA; padding:2px; text-decoration:none; font-size:11px; */margin-left:-5px;} /*-- If you need to change the button for the Google custom search --*/ .GCSearchButton {} /*-- Font for Radio Button labels. Not displayed by default but just in case. --*/ a.SearchField:hover {text-decoration:underline !important;} /*-- Search Textbox Font and background image. --*/ /*#dnn_dnnSEARCH_txtSearch.NormalTextBox {padding: 2px 2px 0px 4px; font-size:11px; height:15px; background-color:#F8F8F8;border: #999999 1px solid; width:120px;} #dnn_dnnSEARCH_cmdSearch img {border:none; vertical-align:top; margin-top:0px; padding:0px;}*/ /*========================================================+ | DNN Control Panel | +========================================================*/ /*-- We are using the DNN defaults Except the align center which breaks when you use DIV not tables for content. --*/ .DNNAligncenter {} .ControlPanel, .PagingTable {background:#F2EFE6 url("graphics/bg_control_panel.gif") repeat-x scroll center bottom;border:none;text-align:center;width:100%; color:#000 margin-bottom:10px;} .ControlPanel .SubHead {color:#000;} #dnn_ControlPanel { width:962px; margin:0 auto } .SCHRCP .dnnRibbon .barContent { border-right:none; border-top:none } .SCHRCP .RadTabStrip_Default { background:none } .SCHRCP .RadTabStrip_Default .rtsLink { background-color:#F1F1F1; color:#111 } .SCHRCP .RadTabStrip_Default .rtsLink:hover { background-color:#FFF; color:#111 } .SCHRCP .RadTabStrip_Default .rtsSelected { background-color:#FFF } .SCHRCP .dnnRibbonGroup .content { height:100px } .SCHRCP .dnnRibbonGroup .content:hover { background:#FCFCFC } .SCHRCP .RadTabStrip_Default .rtsLI, .RadTabStrip_Default .rtsLink { height:auto } .SCHRCP .RadTabStripTop_Default .rtsLink { margin-top:4px } .SCHRCP .RadTabStrip_Default .rtsSelected { border-bottom:#FFF 1px solid; height:24px; margin-top:0px; font-size:13px; color:#333 } .SCHRCP .RadTabStrip_Default .rtsSelected:hover { font-size:13px } .SCHRCP .RadTabStrip_Default .rtsSelected .rtsTxt { font-weight:bold } .SCHRCP .dnnRibbon .barContent table { width:100% } .ControlPanel, .PagingTable { background-color:#FFF; border:none; text-align:center } /*========================================================+ | Text Styles | +========================================================*/ /*-- Default Font --*/ p {font-family:Verdana, Arial, Helvetica, sans-serif; color: #333333; margin:0 0 10px 0;} /*-- Most of the site text. --*/ .normal, .Normal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #333333;} /*-- Most of the bold site text. --*/ .NormalBold {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; color: #555;} /*-- Red Error site text. --*/ .NormalRed {color: #990000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;} /*-- subheadings - mostly in admin. --*/ .SubHead {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333;} /*-- headings - mostly in admin. --*/ .Head {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: normal; background-color:transparent; color: #333333;} /*-- Header styles. --*/ h1 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size: 1.6em; text-decoration: none; font-weight: normal;margin-top:0px; margin-bottom:6px;line-height:1.4em;} h2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size: 1.4em; margin-top:0px;font-weight: normal; margin-bottom:6px;line-height:1.6em;} h3 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size: 1.2em;margin-top:0px;margin-bottom:4px;line-height:1.4em;} h4 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size: 1em; margin-top:0px;margin-bottom:4px;line-height:1.4em;} /*========================================================+ | User Defined Tables | +========================================================*/ .UDT_Table_Head th {font-size:10px;} .UDT_Table_AlternateItem, .UDT_Table_AlternateItem p {font-size:10px;background-color:#F3F3F3;vertical-align:top;} .UDT_Table_Item, .UDT_Table_Item p {font-size:10px;vertical-align:top;} /*========================================================+ | Module Menus | +========================================================*/ /*-- Usually no need to change these styles. --*/ .ModuleTitle_MenuItem {background-color:#F7F7F7;border:1px solid #F7F7F7;color:#333333;font-family:verdana,sans-serif;font-size:11px;font-weight:normal;padding:0px 10px 0px 0px;} .ModuleTitle_SubMenu {background-color:#F7F7F7;border:1px solid #666666;margin:1px 0px 0px;padding:0px;z-index:1000;} .ModuleTitle_MenuItemSel {background:#DDDDDD none repeat scroll 0%;border-left:1px solid #DDDDDD;border-right:1px solid #DDDDDD;color:#000000;font-family:verdana,sans-serif;font-size:11px;font-weight:normal;padding:0px 10px 0px 0px;} .ModuleTitle_MenuIcon {border:1px solid #EEEEEE;padding:2px 3px;} .ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display:none;} /*========================================================*/ /* Forms */ /*========================================================*/ /*-- Default for Element --*/ select, input { font-family: tahoma; font-size: 11px; color: #555; } /*-- Default Textbox --*/ .NormalTextBox { color: #333; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; } /*========================================================+ | SubPage Styles | +========================================================*/ /*-- Set backgrounds and width for subpage. --*/ #subpage-div {clear:both; position:relative;background:url(graphics/subpage_content_bg.png) top left no-repeat;/*background:url(graphics/ContentSubPage_bg.png) top center repeat-y;*/} #subpage-content {width:780px;margin:10px 10px 10px 20px;float:right;} /*-- Set the leftnav styles --*/ #leftnav-div {width:210px; height:100%; overflow:hidden;} #leftnav-header {background:url(graphics/left_nav_header.gif) center bottom no-repeat; height:8px;} #leftnav {background-color:#ADC5D5;} #leftnav ul {margin-bottom:0;} #leftnav-footer {background:url(graphics/left_nav_footer.gif) right top no-repeat; height:25px; margin-bottom:10px; clear:both;} /*-- Clearfix allows us to have floats set the height of the content and leftnav divs --*/ .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {zoom: 1;/* triggers hasLayout */ display: block; /* resets display for IE/Win */} /* Only IE can see inside the conditional comment and read this CSS rule. Don't ever use a normal HTML comment inside the CC or it will close prematurely. */ /*========================================================+ | Navigation Menu Styles | +========================================================*/ /*-- Set line height. --*/ #SCHR #nav li {position:relative;float:left;line-height:12px;list-style:none;padding:0px;margin-bottom:0px; background-color:transparent; z-index:99;} /* text-transform:uppercase; */ /*-- Set bottom margin and color of menu that does not contain menu items. --*/ #SCHR #nav ul {padding:0px;margin:0px;list-style:none;float:left;width:100%;background:transparent; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .5); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .5);} /*========================================================+ | The following three (3) items should have the same | | background color | +========================================================*/ /*-- Font for top menu items. --*/ #SCHR #nav a {font-family:Verdana, Geneva, sans-serif; font-weight:normal;font-size:12px;display:block;margin: 0;text-decoration:none;text-align:center;padding: 0 20px; margin:0px; color: #FFFFFF; border-right:#45385E 1px solid; background:#53466c /*url(graphics/menu_divide.gif) right center no-repeat*/;line-height:26px;} /*-- Second-level list container. --*/ #SCHR #nav li ul {position:absolute;left: -999em;width:167px;border-top:#CCC 1px solid;border-left:1px solid #CCC;} /*-- Second-level menu items. --*/ #SCHR #nav li li a {width:150px;font-size:11px;text-align:left;border-right:1px solid #CCC;background:#53466c none; color:#FFF;border-bottom:#CCC 1px solid; line-height:16px; padding:6px 6px 6px 10px; text-transform:none; font-family:Verdana, Geneva, sans-serif; font-weight:normal;} /*========================================================+ | The following four (4) items should have the same | | background color | +========================================================*/ /*-- Hover style for unselected menu items. --*/ #SCHR #nav li a:hover {background: #FFFCF2 none; color:#53466C;} /*-- Top-level selected menu items. --*/ #SCHR #nav li.SelectedTab a {} /*-- Second-level selected menu items. --*/ #SCHR #nav li li.SelectedTab a {background:#FFFCF2 none; color:#53466C;} /*-- Third-level selected menu items. --*/ #SCHR #nav li li li.SelectedTab a {background: #FFFCF2 none; color:#53466C;} /*-- Hover style for selected menu items. --*/ #SCHR #nav li.SelectedTab a:hover {background: #FFFCF2 none; color:#53466C;} /*-- Font color for disabled tabs. --*/ #SCHR #nav .DisabledTab {color:#CCCCCC;} /*-- No need to change these hover classes unless you need more than 4 levels --*/ #SCHR #nav li:hover ul ul, #SCHR #nav li:hover ul ul ul, #SCHR #nav li:hover ul ul ul ul, #SCHR #nav li.iehover ul ul, #SCHR #nav li.iehover ul ul ul, #SCHR #nav li.iehover ul ul ul ul{left: -999em;} /*-- Set where the first drop-down hover menu starts along the y axis --*/ #SCHR #nav li:hover ul, #SCHR #nav li.iehover ul {top: 26px;left:0;} /*-- Set where the first drop-down hover menu starts along the x axis --*/ #SCHR #nav li li:hover ul, #SCHR #nav li li li:hover ul, #SCHR #nav li li.iehover ul, #SCHR #nav li li li.iehover ul {top: 2px;left:166px;} /*========================================================+ | Navigation Vertical Menu Styles | +========================================================*/ /*-- Set the width and backgrond image of the menu column. --*/ #SCHR #MenuColumn{width:201px; vertical-align:top; background: #F2F2F2 url(graphics/vert_menu_bg.gif) top repeat-y;} /*-- Set the padding for the TopMenuPane and BottomMenuPane --*/ #SCHR #dnn_BottomMenuPane .Normal, #dnn_BottomMenuPane .Head, #dnn_TopMenuPane .Normal, #dnn_TopMenuPane .Head {padding:0px 10px;} /*-- Set line height. --*/ #SCHR #leftnav li {position:relative;float:left;list-style:none;padding:0px; margin-bottom:0px;} /*-- Set bottom margin and color of menu that does not contain menu items. --*/ #SCHR #leftnav ul {padding:0px;margin:0px;list-style:none;float:left; border-top:#ccc 1px solid;} /*-- Font for top menu items. --*/ #SCHR #leftnav a {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;display:block;margin: 0;text-decoration:none;text-align:left;font-weight:normal;padding: 5px 10px 5px 10px; margin:0px; color: #264832;width:190px;border-bottom:#ccc 1px solid; } /*-- Second-level list container. --*/ #SCHR #leftnav li ul {position:absolute;left: -999em;border-top:1px solid #CCC;} /*-- Second-level menu items. --*/ #SCHR #leftnav li li a {font-size:10px;text-align:left; color:#FFF;border-bottom:none;} /*========================================================+ | The following four (4) items should have the same | | background color | +========================================================*/ /*-- Hover style for unselected menu items. --*/ #SCHR #leftnav li a:hover {background-color: #FFF;} /*-- Top-level selected menu items. --*/ #SCHR #leftnav li.SelectedTab a {font-weight: bold;} /*-- Second-level selected menu items. --*/ #SCHR #leftnav li li.SelectedTab a {background-color:#F2F2F2;} /*-- Third-level selected menu items. --*/ #SCHR #leftnav li li li.SelectedTab a {background-color: #F2F2F2;} /*-- Forth-level selected menu items.LR 2/6/12 --*/ #SCHR #leftnav li li li li.SelectedTab a {background-color: #F2F2F2;} /*-- Hover style for selected menu items. --*/ #SCHR #leftnav li.SelectedTab a:hover {background-color: #FFF;} /*-- Font color for disabled tabs. --*/ #SCHR #leftnav .DisabledTab {color:#CCCCCC;} /*-- No need to change these hover classes unless you need more than 4 levels --*/ #SCHR #leftnav li:hover ul ul, #SCHR #leftnav li:hover ul ul ul, #SCHR #leftnav li:hover ul ul ul ul, #SCHR #leftnav li.iehover ul ul, #SCHR #leftnav li.iehover ul ul ul, #SCHR #leftnav li.iehover ul ul ul ul, #SCHR #leftnav li.iehover ul ul ul ul ul {left: -999em;} #SCHR #leftnav li:hover ul, #SCHR #leftnav li.iehover ul {top: 0px;left:200px;} #SCHR #leftnav li li:hover ul, #SCHR #leftnav li li li:hover ul, #SCHR #leftnav li li.iehover ul, #SCHR #leftnav li li li.iehover ul, #SCHR #leftnav li li li li.iehover ul {top: 0;left:200px;} #SCHR #leftnav .Level1 a {padding-left:10px;} #SCHR #leftnav .Level1 a:hover {background: #FFF;} #SCHR #leftnav .Level2 a {padding-left:20px;background: transparent url(graphics/arrow1.gif) left no-repeat;} #SCHR #leftnav .Level3 a {padding-left:20px;background: transparent url(graphics/arrow1.gif) left no-repeat;} #SCHR #leftnav .Level4 a {padding-left:20px;background: transparent url(graphics/arrow1.gif) left no-repeat;} #SCHR #leftnav .Level5 a {padding-left:20px; background: transparent url(graphics/arrow1.gif) left no-repeat;} #SCHR #leftnav .Level6 a {padding-left:20px; background: transparent url(graphics/arrow1.gif) left no-repeat;} /*========================================================+ | End DNN Skin Styles | +========================================================*/