/*=======================================================+ | | | Elemento DotNetNuke Skin | | Developed by Adammer LLC | | http://www.adammer.com | | | | August 2009 | | | +========================================================+ Version : 1.3 Released : April 2010 */ /*=======================================================+ | Universal | +=======================================================*/ /*-- HTML (Silence is golden) --*/ html {} /*-- Body --*/ #Body {margin: 0;fontfamily: Verdana, Geneva, sans-serif; font-size:93%;color: #333; /* line-height:1.40em; */ background-color:#FFF;} /*-- 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:10px 0 10px 10px;padding-left:10px;} /*-- Make sure forms look good --*/ form {margin:0;padding:0;} /*-- Make background white for control tables --*/ .FCKImageGalleryContainer {background-color:#FFF;} .Help {background-color:#B6EDF0;border:1px solid black;color:black;font-family:Tahoma,Arial,Helvetica;font-size:11px;font-weight:normal;padding:4px; line-height:1.2em;} /*========================================================+ | Links | +========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active {text-decoration:none; color: #0489B7; 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 | +========================================================*/ /*-- Hide the Portal Name H1. Created for SEO --*/ .portalNameH1 {display:none;} /*-- Skin background --*/ .skinBG {text-align:center;background: url(graphics/bg.png) top repeat-x; overflow:visible;} /*-- Set the margin and padding for the content Border Div. --*/ .BorderBgDiv {width:1000px; margin:0px auto 0 auto; padding:0px; text-align:center;} /*-- Set the page "menu" background. --*/ .BorderBgDiv {background: url(graphics/bg_header.png) top center no-repeat;} /*-- Set the top border --*/ .TopDiv{height:15px;} /*-- Set width for Full page --*/ .fullWidth {width:922px;padding:0;margin:0 auto;position:relative;text-align:left;} /*-- Set the width of the header content --*/ .HeaderDiv{} /*-- Set the background for page content. --*/ .contentBg {width:900px; margin:0 auto;} /*-- Set the padding of the content column. --*/ .left{float:left;} .right{float:right;} /*-- Banner Division Styles --*/ .BannerPane1, .BannerPane2, .BannerPane3 {clear:both;} .Banner p {margin:0px; padding:0px;} .dnnLogo {float:left; margin:1px -3px 0 2px; height:37px; background:url(graphics/menu_divide.gif) right top no-repeat;} .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 {} /*-- Set the padding and width of all the major panes. Set vertical align to top. --*/ .HeaderPane {position:absolute; left:0px;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:440px; vertical-align:top;} .TopRightPane {width:440px; vertical-align:top;} .ContentPaneDiv {clear:both;} .ContentPane {vertical-align:top;} .ContentPane2Div {clear:both;} .LeftPane {width:200px; vertical-align:top;} .ContentPane2 {vertical-align:top; width:680px;} .ContentPane3Div {clear:both;} .ContentPane3 {vertical-align:top; width:680px;} .RightPane {width:200px; vertical-align:top;} .MiddlePaneDiv{clear:both;} .MiddleLeftPane {width:200px;margin-right:20px; vertical-align:top;} .MiddlePane {width:460px;vertical-align:top;} .MiddleRightPane {width:200px;vertical-align:top;} .BottomPaneDiv{clear:both;} .BottomColumn1 {width:210px;margin-right:20px; vertical-align:top;} .BottomColumn2 {width:210px;margin-right:20px; vertical-align:top;} .BottomColumn3 {width:210px;vertical-align:top;} .BottomColumn4 {width:210px;vertical-align:top;} .BottomPane {clear:both;} /*-- Set the padding and width for the subpage layout --*/ .subMenu {margin-top:10px;} .rightNav {margin:0px 0 20px 0;} .subPage {overflow: visible;} .subPage .subMenu {width:190px; float:right; margin-right:5px;} .subPage .contentBg {width:680px; float:left; margin-left:5px;} .subPage .TopLeftPane {width:330px;} .subPage .TopRightPane {width:330px;} .subPage .ContentPane {vertical-align:top; padding:0px;} .subPage .LeftPane {width:200px; vertical-align:top;} .subPage .ContentPane2 {vertical-align:top; width:460px;} .subPage .ContentPane3 {vertical-align:top; width:460px;} .subPage .RightPane {width:200px; vertical-align:top;} .subPage .MiddleLeftPane {width:213px; } .subPage .MiddlePane {width:213px;} .subPage .MiddleRightPane {width:213px;} .subPage .BottomColumn1 {width:155px;} .subPage .BottomColumn2 {width:155px;} .subPage .BottomColumn3 {width:155px;} .subPage .BottomColumn4 {width:155px;} /*-- These styles are only used for the 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; margin-bottom:20px;} .DNNHeaderPane{padding: 25px 5px; width:300px;} /*-- Set font size, color, etc. for login links and text. --*/ .login{text-decoration:none; color: #898378;} #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:#898378;} #dnn_dnnUSER_cmdRegister:hover {text-decoration:underline; } #dnn_dnnLOGIN_cmdLogin {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;color:#898378;} #dnn_dnnLOGIN_cmdLogin:hover {text-decoration:underline;} /*========================================================+ | Menu, Breadcrumb, and Search | +========================================================*/ /*-- Set the background image, width, and margins for the menu. --*/ .menu-bg{ background:url(graphics/bg_menu.png) top center no-repeat; height:41px;} * html .menu-bg {background:url(graphics/bg_menu_ie.png) top center no-repeat;} .menu{float:left; margin-top:1px; margin-left:3px; z-index:500;} /*-- Set the background image, width, and margins for the Breadcrumb. --*/ .breadcrumb-div{background: #F1F1F1 url(graphics/bg_breadcrumb.gif) top repeat-x; border-bottom: #CCC 1px solid;border-left:#CCC 1px solid;border-right:#CCC 1px solid; height:17px;line-height:8px; margin:-3px 5px 0 5px; padding-top:0px;-moz-border-radius:0px 0px 4px 4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;} .breadcrumb-row{padding:0px 0px;} /*-- Set font size, color, etc. for the breadcrumb div. --*/ .breadcrumbdiv {font-size:10px; font-family: Tahoma, Geneva, sans-serif; text-decoration:none; color:#777; text-align:left;padding:1px 0px 0px 5px; float:left;} .breadcrumb {font-size:10px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none !important; color: #777 !important; font-style:normal !important; margin:0 2px; line-height:14px;} .breadcrumbdiv a:hover {text-decoration:underline !important;} .breadcrumb-pretext {background:url(graphics/bg_home.gif) center bottom no-repeat; height:12px; width:12px;margin-right:2px; text-indent:-500px; overflow:hidden; display:block;} .loginLinks {font-size:10px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; color: #777; font-style:normal; line-height:16px;float:right; display:block;} .loginLinks a {margin-right:5px;text-decoration:none !important;} .loginLinks a:hover {text-decoration:underline !important;} /*-- Set font size, color, etc. for the Current Date div. --*/ .currentDateDiv {display:block; float:right;padding-right:10px;} .currentDate {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #999;} .current-date a {font-size:10px; text-decoration:none; color:#666666;} .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; } /*-- Set the background image, width, margin, and border for the content div. --*/ .content {margin:0px auto 0 auto;padding:10px 0 0px 0; z-index:1;} .contentBg {} /*-- Set the background image, width, margin, and font for the footer div. --*/ .BottomDiv{background:url(graphics/bg_footer.gif) top repeat-x; clear:both;} .footerDiv {clear:both;} .BottomDiv .footer {padding:15px 0 15px 0;font-size:.6em; height:200px; line-height:1.8em; width:920px; text-decoration:none; color:#898378;margin:0 auto 0 auto; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; clear:both;} .BottomDiv .footer a:link, .BottomDiv .footer a:visited, .BottomDiv .footer a:active {text-decoration:none; color: #898378;} .BottomDiv .footer a:hover {text-decoration:underline;color: #898378;} /*-- Padding-right is used to set the terms and privacy text 3 pixels from the right edge. --*/ .termsdiv{float:right;} .terms{background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:12px;} .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. --*/ .copyright{padding:0;} /*-- Styles for footer lists. --*/ .footerInfo { } .footerInfo ul {width:165px; display:inline;float:left; padding:0; margin:0px 19px 15px 0; font-size:10px; } .footerInfo li {list-style:none; list-style-image:none; list-style-position:outside;color:#898378;} .footerInfo li.header { font-size:11px; border-bottom:#898378 1px solid; margin-bottom:3px; font-weight:bold;} .footerInfo li.additionalHeader {font-size:11px; border-bottom:#898378 1px solid; margin:18px 0 3px 0; font-weight:bold;} /*-- Horizontal Rule --*/ hr {height:1px;color:#CCC;} /*-- Action Button styles --*/ .action-buttons { text-align:right; clear:both;} /*========================================================+ | Search Items | +========================================================*/ /*-- Set the padding of the search div. --*/ .Search {float:right; display:block; margin-top:1px; padding:7px 4px 0px 13px; position:relative;} * html .Search { padding:8px 10px 10px 13px; } .search img {border:none; padding:0px 0px 0px 0px;} /*-- Set background color for Google custom search input --*/ .GCSearchBox {} /*-- 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. --*/ .SearchField {display:block; height:20px; width:16px; text-indent:30px; overflow:hidden; position:absolute; top:9px; right:12px;} /*-- Search Textbox Font and background image. --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox {font-size:.9em; border: none; width:125px; padding:3px 20px 0px 4px; height:17px;background:url(graphics/bg_search.gif) top right no-repeat; -moz-border-radius:10px; -webkit-border-radius:10px} #dnn_dnnSEARCH_ClassicSearch {} /*========================================================+ | DNN Control Panel | +========================================================*/ #dnn_ControlPanel { width:962px; margin:0 auto } .elementoCP .dnnRibbon .barContent { border-right:none; border-top:none } .elementoCP .RadTabStrip_Default { background:none } .elementoCP .RadTabStrip_Default .rtsLink { background-color:#F1F1F1; color:#111 } .elementoCP .RadTabStrip_Default .rtsLink:hover { background-color:#FFF; color:#111 } .elementoCP .RadTabStrip_Default .rtsSelected { background-color:#FFF } .elementoCP .dnnRibbonGroup .content { height:100px } .elementoCP .dnnRibbonGroup .content:hover { background:#FCFCFC } .elementoCP .RadTabStrip_Default .rtsLI, .RadTabStrip_Default .rtsLink { height:auto } .elementoCP .RadTabStripTop_Default .rtsLink { margin-top:4px } .elementoCP .RadTabStrip_Default .rtsSelected { border-bottom:#FFF 1px solid; height:24px; margin-top:0px; font-size:13px; color:#333 } .elementoCP .RadTabStrip_Default .rtsSelected:hover { font-size:13px } .elementoCP .RadTabStrip_Default .rtsSelected .rtsTxt { font-weight:bold } .elementoCP .dnnRibbon .barContent table { width:100% } .ControlPanel, .PagingTable { background-color:#FFF; border:none; text-align:center } /*-- We are using the DNN defaults Except the align center which breaks when you use DIV not tables for content. --*/ .DNNAligncenter {text-align:left;} .ControlPanel/*, .PagingTable*/ {/*background: #F2F2F2 url(graphics/bg_control_panel.gif) bottom repeat-x; */border:none;text-align:center; width:100%;} .Settings {clear:both;} /*========================================================+ | Text Styles | +========================================================*/ /*-- Default Font --*/ p {font-family:Georgia, "Times New Roman", Times, serif; color: #333; margin:5px 0 10px 0; font-size:1em;} /*-- Most of the site text. --*/ .normal, .Normal {font-family: Tahoma, Geneva, sans-serif;color: #333;} /*-- Most of the bold site text. --*/ .NormalBold {font-family:Verdana, Geneva, sans-serif; color:#000; font-size: 12px; color: #333333; font-weight: bold; color: #555;} /*-- Red Error site text. --*/ .NormalRed {color: #990000; font-family:Verdana, Geneva, sans-serif, Times, serif; color:#000; font-size: 12px;} /*-- subheadings - mostly in admin. --*/ .SubHead {font-family: Verdana, Geneva, sans-serif; color:#000; font-weight: bold; color: #333333; vertical-align:top;} .SubHead label {} /*-- headings - mostly in admin. --*/ .Head {font-family:Verdana, Geneva, sans-serif; color:#333; font-size: 1.2em; text-decoration: none; font-weight: normal; background-color:transparent;} /*-- Header styles. --*/ h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#000; font-size: 3.5em; text-decoration: none; font-weight: normal;margin-top:0px; margin-bottom:10px;line-height:110%;} h2 {font-family:Georgia, "Times New Roman", Times, serif; color:#000; font-size: 3em; margin-top:0px;margin-bottom:8px;line-height:110%;} h3 {font-family:Georgia, "Times New Roman", Times, serif; color:#000; font-size: 2.5em;margin-top:0px;margin-bottom:6px;line-height:110%;} h4 {font-family:Georgia, "Times New Roman", Times, serif; color:#000; font-size: 2em; margin-top:0px;margin-bottom:6px;line-height:110%;} h5 {font-family:Georgia, "Times New Roman", Times, serif; color:#000; font-size: 1.5em;font-weight:normal;line-height:120%;margin-top:0px;margin-bottom:6px;} h6 {font-family:Georgia, "Times New Roman", Times, serif; color:#000; font-size: 1.3em;font-weight:normal; font-style:italic;margin-top:0px;margin-bottom:8px;line-height:120%;} .StdContainer .Normal {font-family:Georgia, "Times New Roman", Times, serif;font-size:1em;} /*========================================================+ | 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, Geneva, sans-serif; color: #555; } /*-- Default Textbox --*/ .NormalTextBox { color: #333; border:1px solid #999; padding: 2px; font-family: tahoma; font-weight: normal; background:#FFF url(graphics/bg_input.gif) top repeat-x;} .StandardButton { font-size:1.1em; /*padding:3px;*/} td.NormalTextBox, table.NormalTextBox {border:none; background:none;} td span.NormalTextBox {border:none; background:none;} /*.ControlPanel .NormalTextBox { border:inherit; background:#FFF none;}*/ /*========================================================+ | Clearfix Hack for Div floats | +========================================================*/ /*-- 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 */} /*========================================================+ | Navigation Menu Styles | +========================================================*/ /*-- Set line height. --*/ #nav li {position:relative;float:left;line-height:12px;list-style:none;padding:0px;margin-bottom:0px; background-color:transparent;z-index:600;} /*-- Set bottom margin and color of menu that does not contain menu items. --*/ #nav ul {padding:0px;margin:0px;list-style:none;float:left;width:100%;background:transparent;z-index:700;} /*-- Font for top menu items. --*/ #nav a {font-family:Verdana, Geneva, sans-serif; font-weight:bold;font-size:12px;display:block;margin: 0;text-decoration:none;text-align:center;padding: 0 16px 0 16px; margin:0px; color: #FFF; /*border-right:#CCC 1px solid;*/ background: url(graphics/menu_divide.gif) right top no-repeat;line-height:37px;z-index:800;} /*-- Second-level list container. --*/ #nav li ul {position:absolute;left: -999em;width:167px;border-top:#666 1px solid;border-left:1px solid #666;z-index:900;} /*-- Second-level menu items. --*/ #nav li li a {width:150px;font-size:11px;text-align:left;background:#4B4B4B none; color:#FFF;border-right:1px solid #666;border-bottom:#666 1px solid; line-height:16px; padding:6px 6px 6px 10px; text-transform:none; font-family:Verdana, Geneva, sans-serif; font-weight:normal;z-index:1000;} /*-- Hover style for unselected menu items. --*/ #nav li a:hover {background:url(graphics/bg_menu_hover.gif) right top no-repeat;color:#FFF;} #nav li li a:hover, #nav li li.SelectedTab a:hover, #nav li.SelectedTab li a:hover {background: #808080 none;} #nav a:hover {background:url(graphics/bg_menu_hover.gif) right top no-repeat;} /*-- Top-level selected menu items. --*/ #nav SelectedTab a:hover {background:url(graphics/bg_menu_hover.gif) right top no-repeat;} /*-- Second-level selected menu items. --*/ #nav li li.SelectedTab a {background:#656565 none; color:#FFF; font-weight:bold;} /*-- Third-level selected menu items. --*/ #nav li li li.SelectedTab a {background: #656565 none; color:#FFF; font-weight:bold;} /*-- Hover style for selected menu items. --*/ #nav li.SelectedTab a:hover {background:url(graphics/bg_menu_hover.gif) right top no-repeat; color:#FFF;} /*-- Font color for disabled tabs. --*/ #nav .DisabledTab {color:#CCC;} /*-- No need to change these hover classes unless you need more than 4 levels --*/ #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.iehover ul ul, #nav li.iehover ul ul ul, #nav li.iehover ul ul ul ul{left: -999em;} /*-- Set where the first drop-down hover menu starts along the y axis --*/ #nav li:hover ul, #nav li.iehover ul {top: 37px;left:0;} /*-- Set where the first drop-down hover menu starts along the x axis --*/ #nav li li:hover ul, #nav li li li:hover ul, #nav li li.iehover ul, #nav li li li.iehover ul {top: 2px;left:166px;} /*========================================================+ | Subpage right navigation Menu Styles | +========================================================*/ .rightNav ul {margin:10px 0 0 0; padding:0px;border-bottom:#999 1px dotted;} .rightNav li {list-style:none; margin-bottom:0;} .rightNav a {text-decoration:none; line-height:2em; font-size:.8em; padding:8px 0 8px 5px; display:block; width:185px; border-top:#999 1px dotted; line-height:1.2em;} .rightNav a:hover, .rightNav li.Level2 a:hover, .rightNav li.Level3 a:hover, .rightNav li.Level4 a:hover {text-decoration:underline;color: #0489B7; background-color:#D6F2EB;} .rightNav li.Level1 a {text-decoration:none;} .rightNav li.Level2 a {padding-left:20px; width:170px; border-top: #E6E6E6 1px dotted;background:url(graphics/arrow1.gif) left no-repeat;text-decoration:none;} .rightNav li.Level3 a {padding-left:30px; width:160px; border-top: #E6E6E6 1px dotted;background:url(graphics/arrow2.gif) left no-repeat;text-decoration:none;} .rightNav li.Level4 a {padding-left:40px; width:150px; border-top: #E6E6E6 1px dotted;background:url(graphics/arrow3.gif) left no-repeat;text-decoration:none;} .rightNav .SelectedTab {font-weight:bold; font-size:1em; font-family:Verdana, Geneva, sans-serif;} /*========================================================+ | End DNN Skin Styles | +========================================================*/