/*=======================================================+ | | | CSS for DotNetNuke Skin - OWOW.org | | Developed by Adammer LLC | | http://www.adammer.com | | | | August 2008 | | | +=======================================================*/ /*=======================================================+ | Universal | +=======================================================*/ /*-- HTML (Left blank on purpose) --*/ html {} /*-- Body --*/ body {margin: 0;font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; line-height:18px;} /*-- Default Font --*/ p, li {font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; margin:0 0 10px 0;} /*-- Additional space for lists --*/ li { margin-bottom: 10px;} /*-- Lists Styles. 3 levels deep. --*/ ul li, ul li li, ul li li li {list-style-type:square;} img {border:none;} /*========================================================+ | Design Elements | +========================================================*/ /*-- Set the padding of the content column. --*/ .left{float:left;} .right{float:right;} /*-- Banner Division Styles --*/ .BannerPane1, .BannerPane2, .BannerPane3 {clear:both;} .BannerPane2 { border-bottom:#999999 1px solid;} /*-- Set the styles for the header pane. Includes Hyperlinks, Images, Fonts, Width, etc. --*/ #HeaderDiv{width:924px; margin:0px auto; position:relative; clear:both;} #LoginLinks{float:right; text-align:right; padding-right:10px;} /*-- 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 {padding-top:10px;} /*-- Set the padding and width of all the major panes. Set vertical align to top. --*/ .TopPaneDiv {clear:both;} .TopLeftPane {padding-right:20px; width:450px; vertical-align:top;padding-top:20px;} .TopRightPane {width:450px; vertical-align:top;padding-top:20px;} .ContentPaneDiv {clear:both;} .ContentPane {vertical-align:top;padding-top:20px;} .ContentPane2Div {clear:both;} .LeftPane {padding-right:20px; width:200px; vertical-align:top;padding-top:20px;} .ContentPane2 {vertical-align:top; width:700px;padding-top:20px;} .ContentPane3Div {clear:both;} .ContentPane3 {padding-right:20px; vertical-align:top; width:700px;padding-top:20px;} .RightPane {width:200px; vertical-align:top;padding-top:20px;} .MiddlePaneDiv{clear:both;} .MiddleLeftPane {width:200px;padding-right:10px; vertical-align:top;padding-top:20px;} .MiddlePane {width:484px;padding:0 0 0 10px; vertical-align:top;padding-top:20px;} .MiddleRightPane {width:200px;vertical-align:top;padding-top:20px;} .BottomPaneDiv{clear:both;} .BottomColumn1 {width:216px;padding-right:10px; vertical-align:top;padding-top:20px;} .BottomColumn2 {width:216px;padding:0 10px 0 10px; vertical-align:top;padding-top:20px;} .BottomColumn3 {width:216px;padding:0 0 0 10px; vertical-align:top;padding-top:20px;} .BottomColumn4 {width:216px;vertical-align:top;padding-top:20px;} .BottomPane {clear:both;padding-top:20px;} /*-- These styles are only used for the LinearX Demo site. Feel free to delete. --*/ .DNNPane {border: #333333 3px solid; padding: 60px 5px; text-align: center; font-weight: bold; vertical-align: middle; background-color: #FAFAFA;white-space:nowrap; color: #333333; font-size:14px;} .DNNHeaderPane{padding: 25px 5px; width:500px;} /*-- Set the page top background image. The image behind the login links. --*/ #login-bg{background: url(graphics/bg_outside_top.png) center no-repeat;} /*-- Set font size, color, etc. for login links and text. --*/ .login{font-size:10px; text-decoration:none; color: #999999;} #dnn_dnnUSER_cmdRegister {font-size:10px; text-decoration:none; color: #999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:12px;} #dnn_dnnUSER_cmdRegister:hover {text-decoration:underline; } #dnn_dnnLOGIN_cmdLogin {font-size:10px; text-decoration:none; color: #999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;} #dnn_dnnLOGIN_cmdLogin:hover {text-decoration:underline;} /*-- Set the padding of the search div. --*/ #Search {float:right; width:250px; vertical-align: middle; text-align: right;} #search img {border:none; padding:0px 0px 0px 0px;} /*-- Set the background for the Header and the master page width. --*/ #header-bg{background: url(graphics/bg_outside.png) center repeat-y;} #header{margin:0 auto 0 auto; text-align:left; width: 924px;} .HeaderPane { float:left;} /*-- Added a little padding to make sure logo doesn't overlap background elements. --*/ #logo {text-align:left; padding-left:2px;} /*-- Set the background image, width, and margins for the menu. --*/ #menu-bg{background-color: #387AAF; height:30px; border-top:#CCCCCC 1px solid;} #menu{margin:0 auto 0 auto; width: 924px; text-align:left;} /*-- Set the background image, width, and margins for the Breadcrumb. --*/ #breadcrumb-div{background-color: #F2F2F2; height:24px; border-bottom:#999999 1px solid;} #breadcrumb-row{margin:0 auto 0 auto; width: 924px; padding:2px 0px; } /*-- Set font size, color, etc. for the breadcrumb div. --*/ #breadcrumb {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #666666; text-align:left; padding-top:1px;} #breadcrumb a {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #666666; font-style:normal;} #breadcrumb a:hover {text-decoration:underline;font-style:normal;} .breadcrumb-pretext {font-weight:bold;} /*-- Set font size, color, etc. for the Current Date div. --*/ #current-date {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #999999;} /*text-transform:uppercase;*/ #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; margin:0px !important; font-size:0px !important; height:0px !important; } /*-- Set the background image, width, margin, and border for the content div. --*/ #content-bg {background: url(graphics/bg_outside.png) center repeat-y;margin-top:5px;} #content {width:924px; background:#FFFFFF; margin:0 auto 0 auto; } /*-- Set the background image, width, margin, and font for the footer div. --*/ #footer-bg {border-top:#999999 1px solid;} #footer {font-size:10px; text-decoration:none; color:#999999;margin:0 auto 0 auto; width: 924px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px;} #footer a {font-size:10px; text-decoration:none; color: #999999;} #footer a:hover {text-decoration:underline;} /*-- Padding-right is used to set the terms and privacy text 3 pixels from the right edge. --*/ #terms{float:right; 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. --*/ #copyright{padding:0;} /*-- Horizontal Rule --*/ hr {height: 1px; color: #bbb;} /*========================================================+ | Search Items | +========================================================*/ /*-- 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; margin-left:-6px; 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:#FFFFFF;border:1px solid #003366; text-align:center; width:50%;margin-left: auto;margin-right: auto;} /*========================================================+ | Text Styles | +========================================================*/ /*-- Default Font --*/ p, li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin:0 0 10px 0;} /*-- Most of the site text. --*/ .normal, .Normal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight:normal;} /*-- 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: bold; white-space: nowrap;background-color:transparent; color: #203666;} /*-- Header 1 site text. --*/ h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: normal;} /*-- Header 2 site text. --*/ h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: bold; color: #555;} /*-- Header 3 site text. --*/ h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; color: #555;} /*========================================================+ | 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;} /*========================================================+ | Links | +========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active {text-decoration:none; color: #003399; font-style:normal;text-decoration:none;} /*-- default links hover --*/ a:hover {text-decoration:underline;} /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited {text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover {text-decoration: underline; } /*========================================================*/ /* Forms */ /*========================================================*/ /*-- Default for Element --*/ select, input { font-family: tahoma; font-size: 11px; color: #555; } /*-- Default Textbox --*/ .NormalTextBox { color: #333; padding-left: 4px; 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:26px;list-style:none;padding:0px;white-space:nowrap;margin-bottom:0px; background-color:transparent; z-index:100;} /* text-transform:uppercase; */ /*-- 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;} /*========================================================+ | The following three (3) items should have the same | | background color | +========================================================*/ /*-- Font for top menu items. --*/ #nav a {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;display:block;margin: 0;text-decoration:none;text-align:center;font-weight:normal;padding: 0 10px 0 10px; margin:0px; color: #FFFFFF; border-right:#CCCCCC 1px solid; background-color:transparent;line-height:30px;} /*-- Second-level list container. --*/ #nav li ul {position:absolute;left: -999em;width:200px;background-color:#9D9D9D; border-top:#CCCCCC 1px solid;border-left:1px solid #CCCCCC;} /*-- Second-level menu items. --*/ #nav li li a {width:240px;font-size:11px;text-align:left;border-right:1px solid #CCCCCC;background-color:#387AAF; color:#FFFFFF;border-bottom:#CCCCCC 1px solid;} /*========================================================+ | The following four (4) items should have the same | | background color | +========================================================*/ /*-- Hover style for unselected menu items. --*/ #nav li a:hover {background-color: #F2F2F2; color:#387AAF;} /*-- Top-level selected menu items. --*/ #nav li.SelectedTab a {background-color: #F2F2F2; color: #387AAF;} /*-- Second-level selected menu items. --*/ #nav li li.SelectedTab a {background-color:#F2F2F2;} /*-- Third-level selected menu items. --*/ #nav li li li.SelectedTab a {background-color: #F2F2F2;} /*-- Hover style for selected menu items. --*/ #nav li.SelectedTab a:hover {background-color: #666666; color:#FFFFFF;} /*-- Font color for disabled tabs. --*/ #nav .DisabledTab {color:#CCCCCC;} /*-- 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: 30px;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:200px;} /*========================================================+ | End ArchitectX DNN Skin Styles | +========================================================*/ #dnn_ctr565_CFD_TRSendCopy td {padding-bottom:20px;} #dnn_ctr565_CFD_pnlContent a.CommandButton { font-size:120%; padding:5px 10px; border:#CCC 1px solid; background-color:#FAFAFA; text-decoration:none; margin:0px 10px 0 0;} /*#dnn_ctr565_CFD_Validate1_pnlRequestActivationKey, #dnn_ctr565_CFD_Validate1_pnlTryOut{ display:none;}*/