/*========================================================*/ /* Default HTML CSS */ /*========================================================*/ /* Default HTML PAGE css --*/ html { height: 100%; } /* Default HTML BODY css --*/ body { margin: 0 0 0 0;} /* Default HTML table and text css --*/ table, tr, td {font-family: calibri; font-size: 13px; color:#999999;} /* Default HTML Paragraph css --*/ /*p {font-family: calibri; font-size: 13px; color:#999999; line-height:15px; padding:5px; margin:5px;}*/ /*========================================================*/ /* Main SKIN Elements CSS */ /*========================================================*/ /*-- Skin Main / Default Width --*/ .DefaultWidth { width:1000px; } /*-- Main Top Banner --*/ .BannerTop { background-color:#1D2325; padding:10px 0 10px 0; text-align:center;} /*-- Main Top Banner border --*/ .BannerTopBorder { background-color:#1D2325; border-top:2px solid #FFCC00; border-bottom:1px solid #FFFFFF;} /*-- Main Top Banner Heading --*/ .BannerHeading { font-family:Calibri, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#FFCC00; text-align:left; } /*-- Main Top Banner Text --*/ .BannerText { font-family:Calibri, Arial, Helvetica, sans-serif; font-size:12px; color: #333333; text-align:left; } /*-- 100% height --*/ .FullHeight { height:100%; } /*-- 100% Width --*/ .FullWidth { width:100%; } /*-- Skin Main Left Side --*/ .LeftSide { vertical-align:top; text-align:left; width:200px; padding: 5px ; } /*-- Skin Main Left Side --*/ .LeftSideBGColor { background-color:#1D2325; vertical-align:top; text-align:left; } /*-- Skin Main Right Side --*/ .RightSide { min-height:350px; vertical-align:top; text-align:left; width:100%; padding: 0 0 0 10px; } /*-- Main Color Banner --*/ .ContentPanesTD { background-color:#297BA3; text-align: center; vertical-align:top; border-bottom:1px solid #1D2325;} /*-- Admin Color Banner --*/ .AdminContentPanesTD { background-color:#FFFFFF; text-align: center; vertical-align:top; border-bottom:1px solid #FFFFFF;} /*----------------------------------------- Just Change these values in Background Tag, like if you want small banner then use 150px and default large banner then use 243px --*/ /*-- Color Banner White Area Main Page --*/ .ContentPanesTDWhite { background: url(ContentPaneWhite.gif) left 243px repeat-x; text-align: center; vertical-align:top;} /*-- Color Banner White Area Inner Page --*/ .ContentPanesTDWhiteInnerPage { background: url(ContentPaneWhite.gif) left 150px repeat-x; text-align: center; vertical-align:top;} /*-- Color Banner White Area Admin Page --*/ .ContentPanesTDWhiteAdmin { background: url(ContentPaneWhite.gif) left Top repeat-x; text-align: center; vertical-align:top;} /*-- Content Panes Min Height --*/ .ContentPanesTDWhiteGradiant { background:url(BannerTopWhiteGradiant.png) left top repeat-x; text-align: center; vertical-align:top; padding-bottom:15px;} /*-- Banner BG Shadow --*/ .BannerBGShadow { background: url(BannerTopShaddow.png) top center no-repeat; padding-top:15px;} /*-- Breadcrumb Cell CSS --*/ .BreadcrumbTD {vertical-align: middle; text-align: left; background-color:#EBEBEB; padding: 0 10px 0 10px; height:25px;} /*-- Breadcrumb Cell CSS --*/ .BreadcrumbTextTD {font-family: Tahoma; font-size:11px; color: #333333;vertical-align: middle; text-align: left; background-color:#EBEBEB; padding: 0 0 0 0;} /*-- Login and Breadcrumb Cell CSS --*/ .CurrentDateTD {font-family: Tahoma; font-size:11px; color: #333333; vertical-align: middle; text-align: right; padding: 0 0 0 0;} /*-- cell containing logo Cell --*/ .LogoTD {text-align: left; vertical-align: middle; padding: 0 0 0 6px; width:auto;} /*-- Search Box BG --*/ .SearchBox { width:204px; vertical-align: middle; text-align: right; background: url(SearchBoxBG.png) no-repeat top left; padding: 0 0 0 0; height:18px; } /*-- Search Box Cell / TD --*/ .SearchTD {vertical-align: middle; text-align: right; padding: 0 0 0 10px; } /*-- Search box css --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:18px; width: 145px; color: #333333; border: 0px solid #FFFFFF; cursor:text; background-color: transparent; padding:2px 0 0 0;} /*========================================================*/ /* Control Panel CSS */ /*========================================================*/ /*-- CPTD --*/ .ControlPanel { background: url(ControlPanelBG.jpg) left bottom repeat-x; border-bottom:2px solid #FFFFFF; border-left:0px solid #000000; border-right:0px solid #000000; border-top:0px solid #000000;} /*-- Default Form CSS --*/ select, input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } /*-- Default textbox --*/ .NormalTextBox { color: #666666; padding-left: 4px; line-height: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; border:1px solid #999999; } /*-- Textbox cell / td --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; border: 0; } /*-- Subheadings - DNN Default css --*/ .SubHead { font-family: Tahoma; font-size: 11px; font-weight: bold; color: #666666; padding: 0; } /*-- Headings - DNN Default css --*/ .Head { font-size: 11px; color: #0099CC; background: transparent; font-weight: bold; padding: 0;} /*-- command Button in Containers --*/ .CommandButton, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; padding: 0 0 0 0;} /*-- command Button in Containers hover--*/ a.CommandButton:hover { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; padding: 0 0 0 0; } /*-- SkinObject Text --*/ .SkinObject, a.SkinObject:link, a.SkinObject:visited, a.SkinObject:active { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; padding: 0 5px 0 5px;} /*-- SkinObject Text hover --*/ a.SkinObject:hover { color: #E7002A; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: normal; padding: 0 5px 0 5px; } /*========================================================*/ /* Default DNN Skin Tokens CSS */ /*========================================================*/ /*-- Login token --*/ .Login, a.Login:link, a.Login:visited, a.Login:active { color: #FFCC00; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; padding: 4px 20px 6px 30px; background: url(IconLogin.png) left center no-repeat; height:22px;} /*-- Login token hover --*/ a.Login:hover { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: normal; padding: 4px 20px 6px 30px; background: url(IconLogin.png) left center no-repeat; height:22px;} /*-- Register token --*/ .Register, a.Register:link, a.Register:visited, a.Register:active { color: #FFCC00; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; padding: 4px 10px 6px 30px; background: url(IconRegister.png) left center no-repeat; height:22px;} /*-- Register token hover --*/ a.Register:hover { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: normal; padding: 4px 10px 6px 30px; background: url(IconRegister.png) left center no-repeat; height:22px;} /*-- Terms Privacy token --*/ .BreadcrumbLink, a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; padding: 0 5px 0 5px;} /*-- Terms Privacy token hover --*/ a.BreadcrumbLink:hover { color: #297BA3; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: normal; padding: 0 5px 0 5px; } /*-- Footer token --*/ .FooterLinks, a.FooterLinks:link, a.FooterLinks:visited, a.FooterLinks:active { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; padding: 0 5px 0 5px;} /*-- Footer token hover --*/ a.FooterLinks:hover { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: normal; padding: 0 5px 0 5px; } /*-- Current Date token --*/ .CurrentDate { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; padding: 0 5px 0 5px;} /*-- Links Token --*/ .links, a.links:link, a.links:visited, a.links:active { font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #999999; padding-right:0 0 0 0; text-decoration:none;} /*-- Links Token hover --*/ a.links:hover { font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #009999; padding-right:0 0 0 0; text-decoration:none} /*========================================================*/ /* Default HTML Headings */ /*========================================================*/ /*-- Heading # 1 --*/ H1 { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:20px; color: #CCCCCC; font-weight:normal;} /*-- Heading # 2 --*/ H2 { FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR:#00CCFF; FONT-FAMILY: Arial, Helvetica, sans-serif;font-family: Arial, Helvetica, sans-serif; font-weight: bold;} /*-- Heading # 3 --*/ H3 { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #D0312D; FONT-FAMILY: Arial, Helvetica, sans-serif;font-family: Arial, Helvetica, sans-serif; font-weight: bold;} /*-- Heading # 4 --*/ H4 { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #999999; FONT-FAMILY: Arial, Helvetica, sans-serif;font-family: Arial, Helvetica, sans-serif; font-weight: bold;} /*-- Heading # 5 --*/ H5 { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #999999; FONT-FAMILY: Arial, Helvetica, sans-serif;font-family: Arial, Helvetica, sans-serif; font-weight: bold;} /*-- Heading # 6 --*/ H6 { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #999999; FONT-FAMILY: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif; font-weight: bold;} /*========================================================*/ /* Other used Text css */ /*========================================================*/ /*-- Default text on site white color --*/ .NormalWhite { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; } /*-- Default bold text --*/ .NormalBold { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #999999; line-height:15px; } /*-- Gray Color Text --*/ .NormalGray { color: #666666; font-weight:normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:15px; } /*-- Gray Color Heading --*/ .HeadingGray { color: #333333; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 20px; } /*-- Slate Color Heading --*/ .HeadingSlate { color: #8A7C4C; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 15px; } /*-- Red Color Text --*/ .NormalRed { color: #FF0000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } /*-- Quick Links --*/ .QuickLinks, a.QuickLinks:link, a.QuickLinks:visited, a.QuickLinks:active { background: url(bullets.jpg) left center no-repeat; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; padding: 0 5px 0 25px; line-height:20px; } /*-- Quick Links hover --*/ a.QuickLinks:hover { background: url(bullets.jpg) left center no-repeat; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: normal; padding: 0 5px 0 25px; line-height:20px;} /*-- SubMenu link --*/ .SubMenu, a.SubMenu:link, a.SubMenu:visited, a.SubMenu:active { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #666666; font-weight: normal; text-decoration: none; padding: 1px 10px 1px 10px; background:#F0F0F0; } /*-- SubMenu link hover --*/ a.SubMenu:hover { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #000000; font-weight: normal; text-decoration: none; padding: 1px 10px 1px 10px; background-color: #E5E5E5; } /*-- sample text box BG --*/ .TextBoxBG { background:url(TextBoxBG.png) left center no-repeat; width:163px; height:26px; padding:1px 3px 0 5px;} /*-- sample text box --*/ .TextBox { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; border:0px solid #000000; background-color:transparent; width:154px; height:15px;} /*-- Banner Heading in White Color --*/ .BannerHeading { font-family: Calibri; font-size: 20px; font-weight:normal; color: #FFFFFF; line-height:25px; font-style:italic; } /*-- Banner Content --*/ .BannerContent { font-family: Calibri; font-size: 12px; color: #1D2325; line-height:15px; font-style:italic; } /*-- Blue Color Bullets --*/ .BulletsColor { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; background:url(ColorBullets.png) left top no-repeat; padding:2px 0 10px 30px; height:15px;} /*-- Gray Color Bullets --*/ .BulletsGray { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; background: url(BlackBullets.png) left top no-repeat; padding:2px 0 10px 30px; height:15px;} /*========================================================*/ /* Links css */ /*========================================================*/ /*-- Default links --*/ a:link, a:visited, a:active { color: #999999; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; text-decoration: underline; } /*-- Default links hover --*/ a:hover { color: #00CCFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; font-weight: normal;} /*-- Normal links --*/ .Normal, a.Normal:link, a.Normal:visited, a.Normal:active { color: #999999; font-family: calibri; font-weight: normal; font-size: 12px; text-decoration: none; line-height:15px; } /*-- Normal links hover --*/ a.Normal:hover { color: #333333; font-family: calibri; font-size: 12px; text-decoration: none; font-weight: normal; line-height:px; } /*-- Normal links --*/ a.NormalRed:link, a.NormalRed:visited, a.NormalRed:active { color: #E7002A; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; text-decoration: none; } /*-- Normal links hover --*/ a.NormalRed:hover { color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold ; text-decoration: none; } /*-- More links --*/ .more, a.more:link, a.more:visited, a.more:active { color: #00CCFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; } /*-- More links hover --*/ a.more:hover { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none;} /*========================================================*/ /* Content Panes CSS */ /*========================================================*/ /*-- Banner Pane --*/ .BannerPane { padding: 0 0 0 0; text-align: left; vertical-align: top; } /*-- content2 pane --*/ .ContentPane2 { padding: 0 0 0 0; } /*-- left content pane --*/ .FiftyLeftPane { padding: 0 7px 0 0; width: 50%; } /*-- right content pane --*/ .FiftyRightPane { padding: 0 0 0 7px; width: 50%; } /*-- Extended inside pane --*/ .ExtendedPane { width: 100%; padding: 0 0 0 0; } /*-- 2nd Left content pane --*/ .MiddleLeftPane { padding: 0 7px 0 0; width: 25%; } /*-- right content pane --*/ .MiddleMiddlePane { padding: 0 7px 0 7px; width: 50%; } /*-- right2 content pane --*/ .MiddleRightPane { padding: 0 0 0 7px; width: 25%; } /*-- 2nd Left content pane --*/ .ThirtyThreePane1 { padding: 0 7px 0 0; width: 33%; } /*-- right content pane --*/ .ThirtyThreePane2 { padding: 0 7px 0 7px; width: 34%; } /*-- right2 content pane --*/ .ThirtyThreePane3 { padding: 0 0 0 7px; width: 33%; } /*-- Extended inside pane 1 --*/ .ExtendedPane1 { width: 100%; padding: 0 0 0 0; } /*-- left2 content pane --*/ .SeventyLeftPane { padding: 0 15px 0 0; width: 70%; } /*-- right2 content pane --*/ .ThirtyRightPane { padding: 0 0 0 15px; width: 30%;} /*-- left2 content pane --*/ .LeftFiftyPane { padding: 0 15px 0 0; width: 50%;} /*-- Middle content pane --*/ .MiddleFiftyPane { padding: 0 0 0 15px; width: 50%;} /*-- Extended inside pane 2 --*/ .ExtendedPane2 { width: 100%; padding: 0 0 0 0; } /*-- Left Menu Pane --*/ .LeftMenuPane { width: 100%; padding: 10px 0 10px 0; } /*-- Bottom Footer pane --*/ .FooterPane { width: 100%; padding: 0 0 20px; 0; } /*========================================================*/ /* DNN Menu Styles */ /*========================================================*/ /* main menu td */ .MenuTD{ text-align: left; padding: 0 0 10px 2px; width: 100%;} /* main menu td */ .main_dnnmenu_bar { cursor:pointer; font-size: 13px; background-color:transparent;} /* Main Menu Normal */ .main_dnnmenu_rootitem { color: #FFFFFF; font-size: 13px; font-weight: bold; text-align: left; line-height:26px; padding:2px 10px 3px 20px; background:url(MenuIdl.png) left center no-repeat;} /* Main menu hover */ .main_dnnmenu_rootitem_hover{ color: #010301; font-size: 13px; font-weight: bold; text-align: left; line-height:26px; padding:2px 10px 3px 20px; background:url(MenuHover.png) left center no-repeat;} /* Main menu selected */ .main_dnnmenu_rootitem_selected { color: #010301; font-size: 13px; font-weight: bold; text-align: left; line-height:26px; padding:2px 10px 3px 20px; background:url(MenuHover.png) left center no-repeat;} /* SUB Menu Normal */ .main_dnnmenu_submenu { border:1px dotted #333333;} .main_dnnmenu_submenu td { font: Arial, Helvetica, sans-serif; font-size:12px; background:#000000; z-index: 1000; font-weight: normal; text-align:left; color: #CCCCCC; line-height:15px; padding: 5px 5px; margin:0px; } /* SUB Menu hover & selected */ .main_dnnmenu_itemhover td { font:Arial, Helvetica, sans-serif; font-size:12px; background-color: #297BA3; color: #FFFFFF; font-weight:normal; text-align:left; line-height:15px; z-index: 1000; padding: 5px 5px; margin:0px; } .main_dnnmenu_itemselected td { font:Arial, Helvetica, sans-serif; font-size:12px; background-color: #297BA3; color:#FFFFFF; font-weight:normal; text-align:left; line-height:15px; z-index: 1000; padding: 5px 5px; margin:0px; } .main_dnnmenu_break { height: 1px; background-color: #FFFFFF; } /* Module Action Menus */ .ModuleTitle_SubMenu { border:1px dotted #333333; } .ModuleTitle_SubMenu td{ background-color: #333333; white-space: nowrap; font: Tahoma; color:#FFFFFF; font-weight: normal; font-size:11px; padding:3px 5px 3px 5px;} /* Module Action Menus Icons */ .ModuleTitle_MenuIcon { height: 1px; background-color: #D5E0FF; border:none; padding:3px 5px 3px 5px;} .ModuleTitle_MenuItemSel td {background: #297BA3; color: #FFFFFF; font:Tahoma; font-size:11px; padding:3px 5px 3px 5px;} .ModuleTitle_MenuItemSel {background: #297BA3; color: #FFFFFF;} .ModuleTitle_MenuBreak td { height: 1px; background-color: transparent; border-top:1px solid #CCCCCC; padding:0px;} .ModuleTitle_MenuBreak { height: 1px; background-color: transparent; border-top:1px solid #CCCCCC; padding:0px;} /* Module Action Button */ .ModuleTitle_MenuItem { border-bottom:0px solid #000000; border-top:0px solid #000000; background:transparent;} /*========================================================*/ /* Menu Table CSS */ /*========================================================*/ /*-- Footer cell --*/ .FooterTD { background-color:#1D2325; text-align: center; border-top:2px solid #FFCC00; padding:30px 0 20px 0; } /*-- Footer Text cell --*/ .FooterTextTD { color: #999999; font-size:11px; font-family: Tahoma ; text-align: right; border-top:1px solid #666666; padding:5px 10px 0 0; }