/*========================================================*/ /* Nifos (SolPartMenu) by bind */ /* CSS for DotNetNuke Skin */ /*========================================================*/ /* GENERAL STYLES ******************/ /* Body Style */ body { background: #E3E3E3 text-align: center; position:relative; } /* Text Styles */ table, tr, td { font: normal 12/1.6em Arial, Sans-Serif; color: #333333; margin: 0; } p { font: normal 12/1.6em Arial, Sans-Serif; color: #333333; font-weight: normal; margin-top:0; } ul { list-style: none outside url("images/li.arrow.gif"); margin: 10px 30px; padding: 0pt; } li { line-height: 200%; } h1 { font-family: Arial, Sans-Serif; font-weight: bold; color: #99cc00; font-size:249%; line-height:1; letter-spacing:-0.3px; margin-top:0; } h2 { font-family: Arial, Sans-Serif; font-weight: bold; color: #425701; font-size:207%; line-height:1.4em; margin-top:10px; } h3 { font-family: Arial, Sans-Serif; font-weight: bold; color: #628200; font-size:173%; line-height:1.4em; margin-top:10px; } h4 { font-family: Arial, Sans-Serif; font-weight: bold; color: #99cc00; font-size:144%; line-height:1.4em; margin-top:10px; } h5 { font-family: Arial, Sans-Serif; font-weight: normal; color: #000000; font-size:130%; line-height:1.4em; margin-top:10px; } h6 { font-family: Arial, Sans-Serif; font-weight: bold; color: #628200; font-size:110%; line-height:1.4em; margin-top:10px; } /* NIFOS STYLES ********************/ .containerTable { border:0; width:100%; } .containerTableColumn { border:0; padding: 3px 0px 20px 0px; width:100%; } .containerTable tr { vertical-align:top; } /* Div Styles */ #Outer { width: 950px; text-align:center; margin-left:auto; margin-right:auto; margin-top:0; } /* Base Case */ #LoginRow { padding-top: 5px; padding-right: 15px; text-align:right; color: #D6D6D6; } /* Internet Explorer Login #LoginRowIE { position:absolute; top:0px; padding-top: 5px; padding-right: 15px; text-align:right; color: #D6D6D6; } */ /* Internet Explorer Login */ #LoginRowIE { padding-top: 5px; padding-right: 15px; text-align:right; color: #D6D6D6; } #Logo { padding: 0px 0px 0px 8px; width:250px; } /* #Logo { left:0px; top:0px; width:250px; } */ /* #Logo { float:left; height:79px; left:0px; width:250px; position:relative; text-align:left; } */ /* #Logo { float:left; left:0px; top:0px; position:relative; text-align:left; } */ /* #Logo { float:left; height:79px; left:0px; width:250px; position:absolute; text-align:left; } ORIGINAL */ #BreadcrumbSearchDiv { margin:10px; clear:both; } /* Breadcrumb box */ #Breadcrumb { text-align:left; height:24px; position:relative; margin-right:240px; } /* Search box */ #Search { margin-top:-24px; _margin-top:-25px; text-align:left; float:right; width: 226px; height:24px; position:relative; } /* BreadcrumbSearchBar bg */ .roundedbarMid { color: #888; font-family: Arial, sans-serif; font-size: 11px; height:24px; font-weight: bold; margin:0 9px; background: url('images/roundedbar.bg.png') repeat-x; padding: 3px; } #Search .roundedbarMid { height: 24px; padding: 1px 6px; } /* BreadcrumbSearchBar left */ .roundedbarLeft { position:absolute; top:0; left:0; height:24px; width:9px; background: url('images/roundedbar.left.png') no-repeat; margin:0; } /* BreadcrumbSearchBar right */ .roundedbarRight { position:absolute; top:0; right:0; height:24px; width:9px; background: url('images/roundedbar.right.png') no-repeat; margin:0; } .roundedbarRight img, .roundedbarLeft img { width:9px; height:24px; } /* Home Page Banner H */ #BannerHomeBg { position: relative; margin: 5px; clear: both; } #BannerHomeBg .L { width: 15px; height: 260px; background: transparent url('images/banner.home.bgL.png') no-repeat top right; } #BannerHomeBg .L img { width: 15px; height: 260px; } #BannerHomeBg .M { width: 100%; height: 260px; background: transparent url('images/banner.home.bgM.png') repeat-x top left; } #BannerHomeBg .M img { width: 100%; height: 260px; } #BannerHomeBg .R { width: 15px; height: 260px; background: transparent url('images/banner.home.bgR.png') no-repeat top left; } #BannerHomeBg .R img { width: 15px; height: 260px; } .BannerHomeImage { position: absolute; left: 10px; top: 9px; right:10px; height: 240px; } .BannerHomeText { position: absolute; left: 40px; top: 59px; width: 300px; height: 140px; } .BannerHomeText, .BannerHomeText p, .BannerHomeText span, .BannerHomeText h1, .BannerHomeText h2, .BannerHomeText h3, .BannerHomeText h4, .BannerHomeText a:link, .BannerHomeText a:visited, .BannerHomeText a:hover, .BannerHomeText a:link, .BannerHomeText a:visited, .BannerHomeText a:hover { color:#FFFFFF; } /* Sub Page Banner H */ #BannerSubBg { position: relative; margin: 5px; clear: both; } #BannerSubBg .L { width: 15px; height: 130px; background: transparent url('images/banner.sub.bgL.png') no-repeat top right; } #BannerSubBg .L img { width: 15px; height: 130px; } #BannerSubBg .M { width: 100%; height: 130px; background: transparent url('images/banner.sub.bgM.png') repeat-x top left; } #BannerSubBg .M img { width: 100%; height: 130px; } #BannerSubBg .R { width: 15px; height: 130px; background: transparent url('images/banner.sub.bgR.png') no-repeat top left; } #BannerSubBg .R img { width: 15px; height: 130px; } .BannerSubImage { position: absolute; left: 10px; top: 10px; right:10px; height: 110px; } .BannerSubText { position: absolute; left: 40px; top: 30px; width: 300px; height: 80px; } .BannerSubText, .BannerSubText p, .BannerSubText span, .BannerSubText h1, .BannerSubText h2, .BannerSubText h3, .BannerSubText h4, .BannerSubText a:link, .BannerSubText a:visited, .BannerSubText a:hover, .BannerSubText a:link, .BannerSubText a:visited, .BannerSubText a:hover { color:#FFFFFF; } #container { clear: both; } #FooterDiv { background: url('images/footer.top.png') no-repeat center top; padding: 20px 0px 60px 0px; clear: both; margin-top:20px; } .FooterArrow { background: url('images/footer.arrow.gif') no-repeat left bottom; padding-left: 16px; } /* CONTENT PANES ********************/ .MPaneTop { padding: 0 5px; } .MPane { padding: 5px; } .MPaneSide30 { padding: 5px; width:30%; } .MPaneSide50 { padding: 5px; width:50%; } .MPaneColumn1 { padding: 0px 0px 0px 10px; width: 20%; } .MPaneColumn2 { padding: 0px 0px 0px 12px; width: 20%; } .MPaneColumn3 { padding: 0px 0px 0px 14px; width: 20%; } .MPaneColumn4 { padding: 0px 0px 0px 17px; width: 20%; } .MPaneColumn5 { padding: 0px 0px 0px 20px; width: 20%; } /* DNN TOKENS **********************/ /* Login and user tokens */ .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: #C1C1C1; font: bold 9px/120% Arial, Sans-Serif; text-decoration: none; border:0; } */ { color: #d5e900; font: bold 9px/120% Arial, Sans-Serif; text-decoration: none; border:0; } /* Login and user tokens hover */ a.LOGIN_object:hover, a.USER_object:hover /* { color: #FFFFFF; font: bold 9px/120% Arial, Sans-Serif; text-decoration: none; border:0; } */ { color: #585858; font: bold 9px/120% Arial, Sans-Serif; text-decoration: none; border:0; } /* Date token idle */ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #FFFFFF; font: normal 12px/120% Arial, Sans-Serif; text-decoration: none; border:0; } /* Date token hover */ a.DATE_object:hover { color: #FFFFFF; font: normal 12px/120% Arial, Sans-Serif; text-decoration: none; border:0; } /* Breadcrumb/Search token idle */ .SEARCH_object, .dnn_dnnSEARCH_optSite { height:16px; margin-top:4px; color: #888888; font: bold 11px/120% Arial, Sans-Serif; margin-top:1px; } SPAN.SEARCH_object { display: none; } #dnn_dnnBREADCRUMB_lblBreadCrumb{ padding-top:4px; } .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #888888; font: bold 11px/120% Arial, Sans-Serif; text-decoration: none; border:0; } /* Breadcrumbs token hover */ a.BREADCRUMBS_object:hover { color: #888888; font: bold 11px/120% Arial, Sans-Serif; text-decoration: underline; border:0; } /* Copyright tokens */ .FOOTER_objects { color: #000000; font: normal 9px/120% Arial, Sans-Serif; text-transform: uppercase; border:0; } /* Copyright tokens links */ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color: #666666; font: normal 9px/120% Arial, Sans-Serif; text-transform: uppercase; text-decoration:none; border:0; } /* Copyright tokens hover */ a.FOOTER_objects:hover { color: #666666; font: normal 9px/120% Arial, Sans-Serif; text-transform: uppercase; text-decoration:underline; border:0;} /* TEXT STYLES ***********************/ /* Site text */ .normal, .Normal { font: normal 12px/120% Arial, Sans-Serif; color: #555555; } /* Site text - Bold */ .NormalBold { font: bold 12px/120% Arial, Sans-Serif; color: #555555; } /* Site text - Errors */ .NormalRed { font: bold 12px/120% Arial, Sans-Serif; color: #C50000; } /* SubHeadings */ .SubHead { font: bold 12px/120% Arial, Sans-Serif; color: #777777; padding: 0; } /* Headings */ .Head { font: bold 12px/120% Arial, Sans-Serif; color: #777777; padding: 0; background: transparent; font-weight: bold; } /* LINKS STYLES **********************/ /*-- normal links visited and active --*/ a:link,a.normal:link, a.Normal:link, a:visited,a.normal:visited, a.Normal:visited { color: #99cc00; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; } /*-- normal links hover --*/ a:hover,a.normal:hover, a.Normal:hover { color: #99cc00; font-family: Arial; font-size: 12px; text-decoration: underline; } /*-- admin button-link style --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #99cc00; margin:2px; font-weight: bold; text-decoration: none; } /*-- admin button-link style hover --*/ a.CommandButton:hover { color: #99cc00; margin:2px; font-weight: bold; text-decoration: underline; } /*-- search button in search form --*/ .SearchButton { background: url('images/search.png') no-repeat center top; padding:11px 10px 0px 5px; cursor: hand; font-size:1px; margin: 0px; height:1px; } a.SEARCH_object:link, a.SEARCH_object:visited, a.SEARCH_object:active, a.SEARCH_object:hover { font-size: 11px; border:0; } /* FORM STYLES ***********************/ /*-- default form elements --*/ select, input { font-family: Arial; font-size: 12px; color: #333; } /*-- textbox --*/ .NormalTextBox { color: #333; padding-left: 4px; font: normal 12px/120% Arial, Sans-Serif; } /*-- textbox container --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; border: 0; } /*-- textbox used for search --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { background: transparent; width: 170px; color: #333; border:0; cursor:text; margin-top:3px; height:25px;} /* MODULE STYLES *********************/ /* Main menu */ .MainMenu_SubMenu, .MainMenuTab_SubMenu, .ModuleTitle_SubMenu { z-index: 999999; margin: 0px ; background: #dedede url('images/submenu.bg.gif') repeat-x top; border-right: 1px #cdcdcd solid; border-bottom: 1px #cdcdcd solid; padding: 8px; } /*-- subMenu Box --*/ .MainMenu_MenuItem, .MainMenuTab_MenuItem, .ModuleTitle_MenuItem { font: bold 12px/120% Arial, Sans-Serif; height: 24px; color: #585858; border-bottom: 1px #d1d1d1 solid; border-top: 1px #FFFFFF solid; padding: 0 30px 0 15px; } /*-- submenu items hover --*/ .MainMenu_MenuItemSel, .MainMenuTab_MenuItemSel, .ModuleTitle_MenuItemSel { font: bold 12px/120% Arial, Sans-Serif; height: 24px; color: #d5e900; border-bottom: 1px #d1d1d1 solid; padding: 0 30px 0 15px; background: #99cc00; } .MainMenu_MenuArrow, .MainMenuTab_MenuArrow, .MainMenu_RootMenuArrow, .MainMenuTab_RootMenuArrow, .MainMenu_MenuIcon, .MainMenuTab_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-right: 20px; } /*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator, .MainMenu_MenuBreak, .MainMenuTab_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; } .ModuleTitle_MenuItem td { font: bold 12px/120% Arial, Sans-Serif; height: 20px; border: 0;} /* OPEN MENU HORIZONTAL TAB **************/ /* Div Styles */ #LogoRowTab { position: relative; height: 100px; margin:0 10px; } #MenuDivTab { height:38px; margin:10px 4px; clear:both; position:relative;} #MenuTab { margin-left: 16px; top:0; height:38px; background:url('images/menuHTab.right.png') right no-repeat; text-align: left; padding: 0 21px 0 0; vertical-align: top; } /* #MenuLeftCornerTab { position: absolute; left: 0px; top:0; margin:0px 0px; height:38px; background: url('images/menuHTab.left.png') no-repeat; width: 16px; } */ #MenuLeftCornerTab { position: relative; left: 0px; top:0; margin:0px 0px; height:38px; background: url('images/menuHTab.left.png') no-repeat; width: 16px; } .imgMenuLeftCornerTab { width:16px; height:38px; } /* Menu Box */ .MainMenuTab_MenuContainer { _margin-top:-1px !important; } .MainMenuTab_MenuContainer td { height: 38px; padding: 3px 0; background:Transparent url(images/menuHTab.mid.png) repeat-x center bottom; vertical-align: top; } /* Menu Bar */ .MainMenuTab_MenuBar td { background: transparent; cursor: pointer; cursor: hand; } /* Menu items idle */ .MainMenuTab_Idle td { font: bold 12px/120% Arial, Sans-Serif; height: 31px; _padding: 9px 10px 0px 10px; padding: 9px 11px 0px 11px; color: #585858; border: 0; border-right: 1px #E7E7E7 solid; vertical-align: middle; background: transparent; } /* Menu items hover */ .MainMenuTab_Selected td { font: bold 12px/120% Arial, Sans-Serif; height: 31px; _padding: 9px 10px 0px 10px; padding: 9px 11px 0px 11px; color: #d5e900; border: 0; border-right: 1px #425701 solid; vertical-align: middle; background: #99cc00 url('images/menuHTab.on.bg.jpg') no-repeat right; } /* Menu items active */ .MainMenuTab_Active td, .MainMenuTab_BreadcrumbActive td { font: bold 12px/120% Arial, Sans-Serif; height: 31px; _padding: 9px 10px 0px 10px; padding: 9px 11px 0px 11px; color: #d5e900; border: 0; border-right: 1px #425701 solid; vertical-align: middle; background: #99cc00 url('images/menuHTab.on.bg.jpg') no-repeat right; } /* OPEN MENU HORIZONTAL TOP **************/ /* Div Styles */ #LogoRow { position: relative; vertical-align:bottom; height: 79px; margin:0px 10px 10px 10px; padding-top:5px; } .MenuTop { } #MenuDiv { } /* The following is ALMOST right for Firefox, only missing the vertical-alignment: bottom -- which I haven't been able to get to work But it's horrible in IE, the Menu and MenuLeftCorner get separated, and the Menu is not bottom-aligned */ #Menu { left:0; bottom:0; text-align: left; height:79px; background: url('images/menuHTop.png') no-repeat right bottom; } /* #Menu { text-align: left; height:79px; margin-left:267px; background: url('images/menuHTop.png') no-repeat right top; } */ #MenuIE { text-align: left; height:79px; margin-left:267px; background: url('images/menuHTop.png') no-repeat right top; } /* The following works fine for IE, but in Firefox it results in the right side of the menu getting screwed up: the menu does NOT reposition, it becomes indented from the right and the right outer separator is missing */ /* #Menu { position: absolute; left:267px; bottom:0; text-align: left; height:79px; background: url('images/menuHTop.png') no-repeat right; } */ /* #MenuLeftCorner { position: absolute; left:250px; bottom:0; height:79px; background: url('images/menuHTop.left.png') no-repeat bottom ; width: 17px; } */ #MenuLeftCorner { bottom:0; height:79px; background: url('images/menuHTop.left.png') no-repeat bottom ; width: 17px; } .tdMenuLeftCorner { bottom:0; height:79px; background: url('images/menuHTop.left.png') no-repeat bottom ; width: 17px; } /* .imgMenuLeftCorner { width:17px; height:79px; } */ .imgMenuLeftCorner { width:17px; height:79px; background: url('images/menuHTop.left.png') no-repeat bottom; } /* MENU TOP *********************/ /* Menu Box */ .MainMenu_MenuContainer td { background: transparent; height: 80px; } .MainMenu_MenuContainer { _margin-top:-1px !important; } /* Menu Bar */ .MainMenu_MenuBar td { cursor: pointer; cursor: hand; background: transparent; height: 60px; } /* Menu items idle */ .MainMenu_Idle td { font: bold 12px/120% Arial, Sans-Serif; color: #585858; height: 60px; padding: 35px 10px 10px 11px; _padding-left:11px; vertical-align: top; background: transparent url('images/menuHTop.off.bg.jpg') no-repeat right top; } /* Menu items hover */ .MainMenu_Selected td { font: bold 12px/120% Arial, Sans-Serif; color: #d5e900; height: 60px; padding: 35px 10px 10px 11px; _padding-left:11px; vertical-align: top; background: transparent url('images/menuHTop.on.bg.jpg') no-repeat right top; } /* Menu items active */ .MainMenu_Active td, .MainMenu_BreadcrumbActive td { font: bold 12px/120% Arial, Sans-Serif; color: #d5e900; height: 60px; padding: 35px 10px 10px 11px; _padding-left:11px; vertical-align: top; background: transparent url('images/menuHTop.on.bg.jpg') no-repeat right top; }