/*=======================================================+ | | | DotNetNuke SKin - ASign | | Developed by Adammer LLC | | http://www.adammer.com | | | | December 2009 | | | +========================================================+ Version : 1.0.1 Released : December 2009 DNN Version : 4 */ /*=======================================================+ | Universal | +=======================================================*/ /*-- HTML (Left blank on purpose) --*/ html {} /*-- Body --*/ #Body {margin: 0;font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; line-height:1.4em;background:#111563 url(graphics/skin_bg.jpg) repeat-x;} /*-- Skin Background --*/ .skinBG {} /*-- 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, .FCKLinkGalleryContainer {background-color:#FFF;} /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*========================================================+ | Links | +========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active {text-decoration:none; color: #444; font-style:normal;text-decoration:underline;} /*-- default links hover --*/ a:hover {text-decoration:none;color:#000;} /*-- 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:923px; margin:0px auto 0 auto; padding:0px;} .siteHeader {display:none;} /*-- Set the top border --*/ .TopDiv{ background:url(graphics/top_bg.png) top left no-repeat; height:215px; position:relative;} /*-- Set width for Full page --*/ .fullWidth {/*width:962px;*/padding:0;margin:0 auto;/*border-bottom: #CCC 1px solid; */position:relative;} /*-- Set the width of the header content --*/ .HeaderDiv{} /*-- Set the background for page content. --*/ .contentWrapper {/* background:#FFF none;border:1px solid #929DCF;*/} /*-- Set the padding of the content column. --*/ .left{float:left;} .right{float:right;} /*-- Banner Division Styles --*/ .BannerPane1, .BannerPane2, .BannerPane3 {clear:both;} .BannerPane3{ border-bottom:#264832 1px solid;} .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;} .contentTable {border-width: 0px 0px 0px 0px;border-spacing: 0px;border-style: none none none none;} .leftMenuDiv {width:227px; background: url(graphics/leftMenu_bg.jpg) top repeat-y;/* height:400px;*/margin:0; vertical-align:top;} .mainContentDiv {width:696px;background:#FFF url(graphics/mainContent_bg.png) top no-repeat; vertical-align:top; padding:0 ;} .TabName { text-align:center; padding:0px 0px 0 0; display:block; width:330px; margin:20px 10px 0 330px; right:0;} .TabName h1 {font-size:24px; color:#FFF200;font-weight:bold; font-style:italic; line-height:28px; } /*-- Set the padding and width of all the major panes. Set vertical align to top. --*/ .HeaderPane {position:absolute; right:0px; bottom:0px; width:680px;} .LeftNavTop {clear:both;padding:5px;} .LeftNavTop .StdContainer {margin-bottom:0px;} .LeftNavBottom {clear:both;padding:5px;} .LeftGutterPane {clear:both;padding:10px;} .TopPaneDiv {clear:both;} .LeftPane { width:328px; vertical-align:top; float:left; margin-left:10px;} .RightPane {width:328px; vertical-align:top; float:right; margin-right:10px;} .MiddleLeftPane { width:219px; vertical-align:top; float:left; margin-left:10px;} .MiddlePane { width:219px; vertical-align:top; float:left; margin-left:10px;} .MiddleRightPane {width:219px; vertical-align:top; float:right; margin-right:10px;} .LowerPane {clear:both; margin:0 10px;} .BottomPane {clear:both; padding-top:15px;} .FooterPane {clear:both;} .ContentPaneDiv {clear:both;} .ContentPane {vertical-align:top; margin:50px 10px 0 10px; background-color:#FFF;} /* Sub page */ .subLeftNavTop .StdContainer {margin-bottom:0px;} .subLeftNavBottom {clear:both;padding:5px;} .subLeftGutterPane {clear:both;padding:10px;} .subTopPaneDiv {clear:both;} .subTopLeftPane { width:350px; vertical-align:top; margin-bottom:20px;} .subTopRightPane {width:350px; vertical-align:top; margin-bottom:20px;} .subMiddlePaneDiv{clear:both;} .subMiddleLeftPane {width:220px;margin-right:20px; vertical-align:top; margin-bottom:20px;} .subMiddlePane {width:240px;vertical-align:top; margin-bottom:20px;} .subMiddleRightPane {width:220px;vertical-align:top; margin-bottom:20px;} .copyrightdiv {float:right;} .termsdiv {float:left;} /*-- 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:#000;} #dnn_dnnUSER_cmdRegister:hover {text-decoration:underline; color:#000; } #dnn_dnnLOGIN_cmdLogin {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;color:#000;} #dnn_dnnLOGIN_cmdLogin:hover {text-decoration:underline; color:#000;} /*========================================================+ | Menu, Breadcrumb, and Search | +========================================================*/ /*-- Set the background image, width, and margins for the menu. --*/ .menu-bg{/*background-color: #D964A6; */height:20px;/* border-top: #000 1px solid;border-bottom: #999 1px solid;*/} .menu{text-align:left; float:left;z-index:100;} /*-- Set the background image, width, and margins for the Breadcrumb. --*/ .breadcrumb-div{background-color:#000; height:28px;/*border-top:#000 1px solid; border-bottom:#CCC 1px solid;*/line-height:22px; font-size:9pt;z-index:10;} .breadcrumb-row{padding:0px 0px; } /*-- Set font size, color, etc. for the breadcrumb div. --*/ .breadcrumbdiv {font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #D964A6; text-align:left;padding:3px 0px 0px 10px; position:absolute; top:40px; left:0px;} .breadcrumb {font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none !important; color: #D964A6 !important; font-style:normal !important;font-weight: bold;} .breadcrumb a {} .breadcrumbdiv a:hover {text-decoration:underline !important; color:#929DCF !important;} .breadcrumb-pretext {font-weight:normal;color:#D964A6;} /*-- Set font size, color, etc. for the Current Date div. --*/ .currentDateDiv { position:absolute; top:175px; left:0px; text-align:center; width:210px;} .currentDate {font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #000;line-height:18px;} .current-date a {font-size:10px; text-decoration:none; color:#D964A6;} .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 {/*width:944px; */margin:0px auto 0 auto;padding:0px 0 0px 0; } .contentBg { overflow:hidden; position:relative;} .leftNav {width:180px; padding-left:15px;} .rightContent {width:720px;} /*-- Set the background image, width, margin, and font for the footer div. --*/ .BottomDiv{clear:both;position:relative; height:240px;background:url(graphics/bottom1_bg.png) bottom left no-repeat; vertical-align:bottom;} .BottomDiv2{clear:both;position:relative; height:36px;background:url(graphics/bottom2_bg.png) bottom left no-repeat; vertical-align:bottom;} .footer-bg {/*border-top:#666 1px solid;*/} .footer {font-size:10px; text-decoration:none; color: #000; padding-top:5px; margin:0 10px 0 10px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;} .footer a {text-decoration:none; color: #000;} .footer a:hover {text-decoration:underline; color:#000;} /*-- Padding-right is used to set the terms and privacy text 3 pixels from the right edge. --*/ .termsdiv{float:left; bottom:0px;} .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. --*/ .copyrightdiv {text-align:right; float:right;} .copyright{padding:0;} /*-- Horizontal Rule --*/ hr {height: 1px; color: #bbb;} .action-buttons { text-align:right; clear:both;} /*========================================================+ | Search Items | +========================================================*/ /*-- Set the padding of the search div. --*/ .Search {padding:4px 5px 0 0;position:absolute; top:20px; right:100px;} .SearchTxt {clear:both; color:#FFF; padding-left:44px; font-size:12px;} .search img {border:none; padding:0px 0px 0px 0px;} /*-- Set background color for Google custom search input --*/ .GCSearchBox {background-color:#FFFCF2;} /*-- 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;} .btnSearch {margin-left:-4px;} /*-- Search Textbox Font and background image. --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { padding: 2px 2px 0px 4px; font-size:12px; height:16px; background-color:#FFF; border: #FFF 1px solid; width:120px;color:#000;} #dnn_dnnSEARCH_cmdSearch img {border:none; vertical-align:top; margin-top:1px; 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 {text-align:left;} .ControlPanel, .PagingTable {background-color:#F2F2F2;border:1px solid #003366; text-align:center; margin-left: auto;margin-right: auto;} .ControlPanel {background:#F2F2F2 url(graphics/bg_control_panel.gif) bottom repeat-x;} /*========================================================+ | Text Styles | +========================================================*/ /*-- Default Font --*/ p {font-family:Arial, Helvetica, sans-serif; color: #333333; margin:0 0 10px 0;} /*-- Most of the site text. --*/ .normal, .Normal {font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #333333;} /*-- Most of the bold site text. --*/ .NormalBold {/*font-family:Arial, Helvetica, sans-serif; */font-size:12px; color: #333333; font-weight: bold; color: #333333;} /*-- Red Error site text. --*/ .NormalRed {color: #990000; font-family:Arial, Helvetica, sans-serif; font-size: 1em;} /*-- subheadings - mostly in admin. --*/ .SubHead {font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #333333;} /*-- headings - mostly in admin. --*/ .Head {font-family:Verdana, Geneva, sans-serif; font-size: 14px; text-decoration: none; font-weight: normal; background-color:transparent; color: #333333;} /*-- Header styles. --*/ h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif;} h1 {color:#fff200; font-size: 21pt; text-decoration: none; font-weight:bold; font-style:italic; margin-top:0px; margin-bottom:8px;line-height:1.6em;} h2 {color:#F0F; font-size: 15pt; margin-top:0px;margin-bottom:8px;line-height:1.4em; font-weight:bold; font-style:italic;} h3 {color:#000000; font-size: 13pt;margin-top:0px;margin-bottom:6px;line-height:1.4em;font-weight:bold;} h4 {color:#206625; font-size: 15pt; margin-top:0px; font-style:italic; font-weight:bold; margin-bottom:6px;line-height:1.2em;} h5 {color:#206625; font-size: 13pt;font-weight:normal; font-weight:bold; line-height:1.1em;margin-top:0px;margin-bottom:6px;} h6 {color:#F0F; font-size: 13pt;font-weight:bold; font-style:italic; margin-top:0px;margin-bottom:4px;line-height: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; line-height:normal;} .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; line-height:normal;} .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; } /*========================================================+ | 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:100;} /*-- 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:100;} /*-- Font for top menu items. --*/ #nav a {font-family:Verdana, Geneva, sans-serif; font-weight:bold; /*text-transform:uppercase; */font-size:12px;display:block;margin: 0;text-decoration:none;text-align:center;padding: 0 20px 0 5px; margin:0px; color: #FFF; line-height:20px;/* background:#D964A6*/;z-index:100;} /*-- Second-level list container. --*/ #nav li ul {position:absolute;left: -999em;width:167px;border-top:#11175e 1px solid;border-left:1px solid #11175e;z-index:2;} /*-- Second-level menu items. --*/ #nav li li a {width:150px;font-size:11px;text-align:left;background:#FFF none !important; color: #11175e !important; color:#11175e;border-right:1px solid #11175e;border-bottom:#11175e 1px solid; line-height:16px; padding:6px 6px 6px 10px; text-transform:none; font-family:Verdana, Geneva, sans-serif; font-weight:bold;} /*-- Hover style for unselected menu items. --*/ #nav li a:hover {background:#11175e !important; color: #fff200 !important;} /*-- Top-level selected menu items. --*/ #nav li.SelectedTab a { background:none; color:#fff200;} /*-- Second-level selected menu items. --*/ #nav li li.SelectedTab a {background:#11175e none; color:#fff200;} /*-- Third-level selected menu items. --*/ #nav li li li.SelectedTab a {background: #11175e none; color:#fff200;} /*-- Hover style for selected menu items. --*/ #nav li.SelectedTab a:hover {background: #11175e none !important; color: #fff200 !important;} /*-- 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: 20px;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;} /*-- not needed - main menu --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon { display: none; } /*-- Adammer Free skin style --*/ .designBy { font-size:10px; color:#B2B2B2; text-align:center; margin:20px 0;} .designBy a { background:url(graphics/gs_logo.gif) top left no-repeat; text-indent:-500px; display:block; overflow:hidden; width:105px; height:26px; margin:0 auto;} /*.designBy a:hover { font-size:10px; color:#999; text-decoration:underline;}*/ /*========================================================+ | Subpage left navigation Menu Styles | +========================================================*/ #leftnav ul {margin:10px 0 0 0; padding:0px;} #leftnav li {list-style:none; margin-bottom:0;} #leftnav a {text-decoration:none; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-size:12px; padding:6px 10px 8px 25px; display:block; width:179px; line-height:24px; background:url(graphics/leftBtnOff_bg.png) right top no-repeat; color:#FFF; font-weight:bold; margin-top:7px;/*behavior: url('/Portals/_default/Skins/ASign/graphics/iepngfix.htc');*/} #leftnav a:hover, #subNav li.Level2 a:hover, #subNav li.Level3 a:hover, #subNav li.Level4 a:hover {text-decoration:none;background:url(graphics/leftBtnOn_bg.png) right top no-repeat;color:#fff200;} #leftnav .SelectedTab a {text-decoration:none; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; font-size:12px; padding:6px 10px 8px 25px; display:block; width:179px;line-height:24px; background:url(graphics/leftBtnOn_bg.png) right top no-repeat; font-weight:bold; color:#fff200;} #leftnav li ul {position:absolute;left: -999em;/*width:167px;*/border-top:#11175e 1px solid;border-left:1px solid #11175e;z-index:2;} /*-- Second-level menu items. --*/ #leftnav li li a {font-size:11px;text-align:left;background:#FFF none !important; color:#11175e !important;border-right:1px solid #11175e;border-bottom:#11175e 1px solid; /*padding:6px 6px 6px 10px;*/ font-weight:bold;text-transform:uppercase; margin-bottom:0px;line-height:normal !important; padding:5px !important; width:179px; } /*-- Hover style for unselected menu items. --*/ #leftnav li li a:hover {background:#11175e !important; color:#fff200 !important;} /*-- Top-level selected menu items. #leftnav li.SelectedTab a { background:none; color:#fff200;} --*/ /*-- Second-level selected menu items. --*/ #leftnav li li.SelectedTab a {background:#11175e none !important; color:#fff200 !important;width:179px; } /*-- Third-level selected menu items. --*/ #leftnav li li li.SelectedTab a {background: #11175e none; color:#fff200;} /*-- Hover style for selected menu items. --*/ #leftnav li.SelectedTab a:hover {/*background: #11175e none; color:#fff200;*/} /*-- Font color for disabled tabs. --*/ #leftnav .DisabledTab {color:#CCC;} /*-- No need to change these hover classes unless you need more than 4 levels --*/ #leftnav li:hover ul ul, #leftnav li:hover ul ul ul, #leftnav li:hover ul ul ul ul, #leftnav li.iehover ul ul, #leftnav li.iehover ul ul ul, #leftnav li.iehover ul ul ul ul{left: -999em;} /*-- Set where the first drop-down hover menu starts along the y axis --*/ #leftnav li:hover ul, #leftnav li.iehover ul {top: 0px;left:210px;} /*-- Set where the first drop-down hover menu starts along the x axis --*/ #leftnav li li:hover ul, #leftnav li li li:hover ul, #leftnav li li.iehover ul, #leftnav li li li.iehover ul {top: 100px;left:0px;} #leftnav .Level2 a {background:none; color:#206625; padding:5px 0px 5px 24px; margin:0px; line-height:normal;} #leftnav .Level3 a {background:none; color:#206625; padding:5px 0px 5px 34px; margin:0px; line-height:normal;} #leftnav .Level2 a:hover, #leftnav .Level3 a:hover {background:none; color:#FF0} /*========================================================+ | End DNN Skin Styles | +========================================================*/