/*======================*/ /* Universal */ /*======================*/ /*-- Style For HTML PAGE --*/ html { height: 100%; } /*-- Style For HTML BODY --*/ #body { background: url(Images/PageBGS.png); margin: 0 0 0 0; } /*-- Setting Text Throughout the skin --*/ table, tr, td, p {font-family: tahoma; font-size: 11px; } img, #header, .class, blockquote, table, tr, td, p, #body { behavior: url(iepngfix.htc); } /*======================*/ /* Design Elements */ /*======================*/ /*-- Classes for main layout --*/ .OuterTable { background: url(Images/PageBGN.png) repeat-x top left; width: 100%; height: 100%; padding: 0px 0px 0px 0px; align: center; background-color:transparent; } /*-- Classes for main layout --*/ .BaseC1 { width: 20px; } /*-- Classes for main layout --*/ .BaseC2 { width: 7px; } /*-- Classes for main layout --*/ .BaseC3 { width: 220px; } /*-- Classes for main layout --*/ .BaseC4 { width: 157px; } /*-- Classes for main layout --*/ .BaseC5 { width: 100%; } /*-- Classes for main layout --*/ .BaseC6 { width: 7px; } /*-- Classes for main layout --*/ .BaseC7 { width: 214px; } /*-- Classes for main layout --*/ .BaseC8 { width: 20px; } /*-- Classes for main layout --*/ .BaseR1 { Height: 20px; } /*-- Classes for main layout --*/ .BaseR2 { Height: 120px; } /*-- Classes for main layout --*/ .BaseR3 { Height: 25px; } /*-- Classes for main layout --*/ .BaseR4 { Height: 30px; } /*-- Classes for main layout --*/ .BaseR5 { Height: 100%; } /*-- Classes for main layout --*/ .BaseR6 { Height: 45px; } /*-- Classes for main layout --*/ .BaseR7 { Height: 5px; } /*-- Classes for main layout --*/ .MenuC1 { width: 9px; } /*-- Classes for main layout --*/ .MenuC2 { width: 100%; } /*-- Classes for main layout --*/ .MenuC3 { width: 130px; } /*-- Classes for main layout --*/ .MenuC4 { width: 91px; } /*-- Classes for main layout --*/ .MenuR2 { Height: 29px; } /*-- Classes for main layout --*/ .MenuR3 { Height: 70px; } /*-- Classes for main layout --*/ .MenuR4 { Height: 25px; } /*-- Classes for color neutral Header layout --*/ .HeaderLeft3 { background: url(Images/HeaderLeft3.png) no-repeat top left; height: 30px; padding: 0px 0px 0px 0px; } /*-- Classes for color neutral Header layout --*/ .HeaderBG3 { background: url(Images/HeaderBG3.png) repeat-x top left; height: 30px; vertical-align: middle; padding: 4px 0px 0px 50px; } /*-- Classes for color neutral Header layout --*/ .HeaderRight3v1 { background: url(Images/HeaderRight3v1.png) no-repeat top right; height: 30px; padding: 0px 0px 0px 0px; } /*-- Classes for color neutral Header layout --*/ .FlagTD { text-align:right; vertical-align: Middle; padding: 0px 9px 0px 0px; } /*-- Classes for color neutral Header layout --*/ .MenuDateTD { text-align: left; vertical-align: middle; padding: 0px 0px 0px 8px;} /*-- Classes for color neutral Header layout --*/ .LoginTD { text-align: right; vertical-align: middle; padding: 0px 0px 0px 0px; } /*-- Classes for color neutral Header layout --*/ .MenuTableCH { background: transparent; table-layout: fixed; width: 601px; height: 29px; padding: 0px 0px 0px 0px;} /*-- Cell containing panes --*/ .MiddleBG { background: #FFFFFF; table-layout: fixed; vertical-align: top; padding: 7px 3px 0px 3px; } /*-- Applied to invisible objects --*/ .Invisible { visibility:hidden; } /*======================*/ /* Blue Elements */ /*======================*/ /*-- Classes for Orange color Header layout --*/ .BLogoTD { background: url(Images/Blue/HeaderLeft1.png) no-repeat top left; vertical-align: top; height: 120px; width: 220px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .BSloganTD { background: url(Images/Blue/HeaderLeft2.png) no-repeat top left; vertical-align: top; height: 25px; width: 220px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .BMenuTD { background: url(Images/Blue/HeaderBG1-2.png) repeat-x top right; vertical-align: top; height: 145px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .BMenuTable { background: url(Images/Blue/HeaderRight1-2.png) no-repeat top right; height: 145px; padding: 0px 0px 0px 0px;} /*-- Classes for Orange color Header layout --*/ .BHeaderRight3v2 { background: url(Images/Blue/HeaderRight3v2.png) no-repeat top right; vertical-align: top; height: 30px; padding: 0px 7px 0px 0px; text-align:right; } /*-- Classes for Orange color Footer layout --*/ .BFooterBG { background: url(Images/Blue/FooterBG.png) repeat-x top left; padding: 0px 0px 0px 0px;} /*-- Classes for Orange color Footer layout --*/ .BFooterLeft { background: url(Images/Blue/FooterLeft.png) no-repeat top left; text-align: left; vertical-align: top; padding: 20px 0px 0px 30px;} /*-- Classes for Orange color Footer layout --*/ .BFooterRight { background: url(Images/Blue/FooterRight.png) no-repeat top left; text-align: right; vertical-align: top; padding: 15px 15px 0px 0px; } /*-- right panel content pane --*/ .PaneERight { background: url(Images/Blue/MenuBottomBG.png) repeat-y top right; vertical-align: top; padding: 8px 10px 0 10px; } /*======================*/ /* Cobalt Elements */ /*======================*/ /*-- Classes for Orange color Header layout --*/ .CLogoTD { background: url(Images/Cobalt/HeaderLeft1.png) no-repeat top left; vertical-align: top; height: 120px; width: 220px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .CSloganTD { background: url(Images/Cobalt/HeaderLeft2.png) no-repeat top left; vertical-align: top; height: 25px; width: 220px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .CMenuTD { background: url(Images/Cobalt/HeaderBG1-2.png) repeat-x top right; vertical-align: top; height: 145px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .CMenuTable { background: url(Images/Cobalt/HeaderRight1-2.png) no-repeat top right; height: 145px; padding: 0px 0px 0px 0px;} /*-- Classes for Orange color Header layout --*/ .CHeaderRight3v2 { background: url(Images/Cobalt/HeaderRight3v2.png) no-repeat top right; vertical-align: top; height: 30px; padding: 0px 7px 0px 0px; text-align:right; } /*-- Classes for Orange color Footer layout --*/ .CFooterBG { background: url(Images/Cobalt/FooterBG.png) repeat-x top left; padding: 0px 0px 0px 0px;} /*-- Classes for Orange color Footer layout --*/ .CFooterLeft { background: url(Images/Cobalt/FooterLeft.png) no-repeat top left; text-align: left; vertical-align: top; padding: 20px 0px 0px 30px;} /*-- Classes for Orange color Footer layout --*/ .CFooterRight { background: url(Images/Cobalt/FooterRight.png) no-repeat top left; text-align: right; vertical-align: top; padding: 15px 15px 0px 0px; } /*-- right panel content pane --*/ .PaneERight { background: url(Images/Cobalt/MenuBottomBG.png) repeat-y top right; vertical-align: top; padding: 8px 10px 0 10px; } /*======================*/ /* Earth Elements */ /*======================*/ /*-- Classes for Orange color Header layout --*/ .ELogoTD { background: url(Images/Earth/HeaderLeft1.png) no-repeat top left; vertical-align: top; height: 120px; width: 220px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .ESloganTD { background: url(Images/Earth/HeaderLeft2.png) no-repeat top left; vertical-align: top; height: 25px; width: 220px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .EMenuTD { background: url(Images/Earth/HeaderBG1-2.png) repeat-x top right; vertical-align: top; height: 145px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .EMenuTable { background: url(Images/Earth/HeaderRight1-2.png) no-repeat top right; height: 145px; padding: 0px 0px 0px 0px;} /*-- Classes for Orange color Header layout --*/ .EHeaderRight3v2 { background: url(Images/Earth/HeaderRight3v2.png) no-repeat top right; vertical-align: top; height: 30px; padding: 0px 7px 0px 0px; text-align:right; } /*-- Classes for Orange color Footer layout --*/ .EFooterBG { background: url(Images/Earth/FooterBG.png) repeat-x top left; padding: 0px 0px 0px 0px;} /*-- Classes for Orange color Footer layout --*/ .EFooterLeft { background: url(Images/Earth/FooterLeft.png) no-repeat top left; text-align: left; vertical-align: top; padding: 20px 0px 0px 30px;} /*-- Classes for Orange color Footer layout --*/ .EFooterRight { background: url(Images/Earth/FooterRight.png) no-repeat top left; text-align: right; vertical-align: top; padding: 15px 15px 0px 0px; } /*-- right panel content pane --*/ .PaneERight { background: url(Images/Earth/MenuBottomBG.png) repeat-y top right; vertical-align: top; padding: 8px 10px 0 10px; } /*======================*/ /* Green Elements */ /*======================*/ /*-- Classes for Orange color Header layout --*/ .GLogoTD { background: url(Images/Green/HeaderLeft1.png) no-repeat top left; vertical-align: top; height: 120px; width: 220px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .GSloganTD { background: url(Images/Green/HeaderLeft2.png) no-repeat top left; vertical-align: top; height: 25px; width: 220px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .GMenuTD { background: url(Images/Green/HeaderBG1-2.png) repeat-x top right; vertical-align: top; height: 145px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .GMenuTable { background: url(Images/Green/HeaderRight1-2.png) no-repeat top right; height: 145px; padding: 0px 0px 0px 0px;} /*-- Classes for Orange color Header layout --*/ .GHeaderRight3v2 { background: url(Images/Green/HeaderRight3v2.png) no-repeat top right; vertical-align: top; height: 30px; padding: 0px 7px 0px 0px; text-align:right; } /*-- Classes for Orange color Footer layout --*/ .GFooterBG { background: url(Images/Green/FooterBG.png) repeat-x top left; padding: 0px 0px 0px 0px;} /*-- Classes for Orange color Footer layout --*/ .GFooterLeft { background: url(Images/Green/FooterLeft.png) no-repeat top left; text-align: left; vertical-align: top; padding: 20px 0px 0px 30px;} /*-- Classes for Orange color Footer layout --*/ .GFooterRight { background: url(Images/Green/FooterRight.png) no-repeat top left; text-align: right; vertical-align: top; padding: 15px 15px 0px 0px; } /*-- right panel content pane --*/ .PaneERight { background: url(Images/Green/MenuBottomBG.png) repeat-y top right; vertical-align: top; padding: 8px 10px 0 10px; } /*======================*/ /* Orange Elements */ /*======================*/ /*-- Classes for Orange color Header layout --*/ .OLogoTD { background: url(Images/Orange/HeaderLeft1.png) no-repeat top left; vertical-align: top; height: 120px; width: 220px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .OSloganTD { background: url(Images/Orange/HeaderLeft2.png) no-repeat top left; vertical-align: top; height: 25px; width: 220px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .OMenuTD { background: url(Images/Orange/HeaderBG1-2.png) repeat-x top right; vertical-align: top; height: 145px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .OMenuTable { background: url(Images/Orange/HeaderRight1-2.png) no-repeat top right; height: 145px; padding: 0px 0px 0px 0px;} /*-- Classes for Orange color Header layout --*/ .OHeaderRight3v2 { background: url(Images/Orange/HeaderRight3v2.png) no-repeat top right; vertical-align: top; height: 30px; padding: 0px 7px 0px 0px; text-align:right; } /*-- Classes for Orange color Footer layout --*/ .OFooterBG { background: url(Images/Orange/FooterBG.png) repeat-x top left; padding: 0px 0px 0px 0px;} /*-- Classes for Orange color Footer layout --*/ .OFooterLeft { background: url(Images/Orange/FooterLeft.png) no-repeat top left; text-align: left; vertical-align: top; padding: 20px 0px 0px 30px;} /*-- Classes for Orange color Footer layout --*/ .OFooterRight { background: url(Images/Orange/FooterRight.png) no-repeat top left; text-align: right; vertical-align: top; padding: 15px 15px 0px 0px; } /*-- right panel content pane --*/ .PaneERight { background: url(Images/Orange/MenuBottomBG.png) repeat-y top right; vertical-align: top; padding: 8px 10px 0 10px; } /*======================*/ /* Slate Elements */ /*======================*/ /*-- Classes for Orange color Header layout --*/ .SLogoTD { background: url(Images/Slate/HeaderLeft1.png) no-repeat top left; vertical-align: top; height: 120px; width: 220px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .SSloganTD { background: url(Images/Slate/HeaderLeft2.png) no-repeat top left; vertical-align: top; height: 25px; width: 220px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .SMenuTD { background: url(Images/Slate/HeaderBG1-2.png) repeat-x top right; vertical-align: top; height: 145px; padding: 0px 0px 0px 0px; } /*-- Classes for Orange color Header layout --*/ .SMenuTable { background: url(Images/Slate/HeaderRight1-2.png) no-repeat top right; height: 145px; padding: 0px 0px 0px 0px;} /*-- Classes for Orange color Header layout --*/ .SHeaderRight3v2 { background: url(Images/Slate/HeaderRight3v2.png) no-repeat top right; vertical-align: top; height: 30px; padding: 0px 7px 0px 0px; text-align:right; } /*-- Classes for Orange color Footer layout --*/ .SFooterBG { background: url(Images/Slate/FooterBG.png) repeat-x top left; padding: 0px 0px 0px 0px;} /*-- Classes for Orange color Footer layout --*/ .SFooterLeft { background: url(Images/Slate/FooterLeft.png) no-repeat top left; text-align: left; vertical-align: top; padding: 20px 0px 0px 30px;} /*-- Classes for Orange color Footer layout --*/ .SFooterRight { background: url(Images/Slate/FooterRight.png) no-repeat top left; text-align: right; vertical-align: top; padding: 15px 15px 0px 0px; } /*-- right panel content pane --*/ .PaneERight { background: url(Images/Slate/MenuBottomBG.png) repeat-y top right; vertical-align: top; padding: 8px 10px 0 10px; } /*======================*/ /* Content Panes */ /*======================*/ /*-- top inside content pane --*/ .PaneTop { width: 100%; padding: 0 7px 0 7px;} /*-- left content pane --*/ .PaneLeft { padding: 0 7px 0 7px; width: 33%; } /*-- main content pane --*/ .PaneCenter { padding: 0 7px 0 7px; } /*-- right content pane --*/ .PaneRight { padding: 0 7px 0 7px; width: 33%; } /*-- bottom inside pane --*/ .PaneBottom { width: 100%; padding: 0 7px 0 7px; } /*-- header content pane --*/ .PaneHeader { vertical-align: top; padding: 8px 40px 10px 0px; } /*======================*/ /* Tokens */ /*======================*/ /*-- login and user token idle --*/ .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: #FFF; background: url(Images/bullet.png) no-repeat center left; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; padding: 0px 4px 0px 12px; } /*-- login and user token hover --*/ a.LOGIN_object:hover, a.USER_object:hover { background: url(Images/Orange/bullet.png) no-repeat top left; color: #DDD; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; } /*-- date token idle --*/ .DATE_object { color: #FFF; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold; } /*-- breadcrumbs token idle --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #777; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold;} /*-- breadcrumbs token hover --*/ a.BREADCRUMBS_object:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold; } /*-- terms and privacy --*/ .FOOTER_objects { color:#FFF; font-size: 11px; } /*-- terms and privacy links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#FFF; font-weight:bold; text-decoration:none; } /*-- terms and privacy hover --*/ a.FOOTER_objects:hover { color:#DDD; font-weight:bold; text-decoration:none; } /*-- copyright token --*/ .COPYRIGHT_object { color:#9A9A9A; font-size: 11px; } /*======================*/ /* Text */ /*======================*/ /*-- most of the text on site --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #555; } /*-- most of the bold text on site --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #555; } /*-- red text on site for errors --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; } /*-- subheadings - mostly in admin --*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #777; padding: 0; } /*-- headings - mostly in admin --*/ .Head { font-size: 11px; color: #777; background: transparent; font-weight: bold; padding: 0;} /*======================*/ /* Links */ /*======================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; } /*-- default links hover --*/ a:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: underline; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: none; } /*-- admin button-link style --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #6A6A6A; border: 1px solid #ABABAB; background: #EFEFEF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; } /*-- admin button-link style hover --*/ a.CommandButton:hover { color: #6A6A6A; border: 1px solid #868686; background: #DFDFDF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; } /*-- search button in search form --*/ .SearchButton { background: transparent; padding: 13px 13px 5px 21px; cursor: hand; font-size:1px; margin: 0 0 0 0px;} /*======================*/ /* Forms */ /*======================*/ /*-- default form elements --*/ select, input { font-family: tahoma; font-size: 11px; color: #333; } /*-- textbox --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; } /*-- textbox container --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; } /*-- textbox used for search --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 162px; color: #666; padding: 4px 4px 0px 4px; border: 0px solid #FFFFFF; cursor:text;} /*======================*/ /* Main/Module Menus*/ /*======================*/ /*-- box that holds the menu --*/ .MainMenu_MenuContainer { background: transparent; } /*-- bar that holds the menu --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: transparent; } /*-- submenu container --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000; cursor: pointer; cursor: hand; margin: 1px 0 0 -3px; background: #EEEEEE; padding: 0px; border: 1px solid #BBBBBB; font-weight: normal; filter: none; } /*-- submenu items idle --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma; color: #6A6A6A; font-size: 11px; background: #EEEEEE; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; border: 0; } /*-- submenu items hover --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: #222; background: #BBBBBB; padding: 0px 30px 0px 16px; height: 20px; border: 0;} /*-- menuitems idle --*/ .MainMenu_Idle TD { color: #666; background: url(Images/NavButtonDeactiveBody.png) repeat-x top center transparent; font-size: 8pt; padding: 8px 0px 8px 0px; font-weight: bold; } /*-- menuitems over --*/ .MainMenu_Selected TD { color: #000; font-size: 8pt; padding: 8px 0px 8px 0px; font-weight: bold; } /*-- menuitems active --*/ .MainMenu_Active TD, .MainMenu_BreadcrumbActive TD { color: #666; background: url(Images/NavButtonActiveBody.png) repeat-x top center transparent; font-size: 8pt; padding: 8px 0px 8px 0px; font-weight: bold; } /*-- left seperator idle --*/ .MainMenu_LeftIdle { background: url(Images/NavButtonDeactiveLeft.png) no-repeat top left transparent; width:9px; height: 29px; } /*-- left seperator active --*/ .MainMenu_LeftActive { background: url(Images/NavButtonActiveLeft.png) no-repeat top left transparent; width:9px; height: 29px; } /*-- right seperator idle --*/ .MainMenu_RightIdle { background: url(Images/NavButtonDeactiveRight.png) no-repeat top right transparent; width:10px; height: 29px; } /*-- right seperator active --*/ .MainMenu_RightActive { background: url(Images/NavButtonActiveRight.png) no-repeat top right transparent; width:10px; height: 29px; } /*-- middle seperator --*/ .MainMenu_Seperator { background: url(Images/NavButtonSpacer.gif) no-repeat top right transparent; width:3px; height: 29px; } /*-- not needed - main menu --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_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: 0 5px 0 0; } /*-- not needed - module menu --*/ .MainMenuSeperator, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; } /*-- removing seperator borders --*/ .MainMenu_MenuBreak { border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; background:transparent; vertical-align:top;} /*========================*/ /* End Style Sheet */ /*========================*/