/*========================================================*/ /* 1. Universal */ /*========================================================*/ /* Style For HTML PAGE */ html { height: 100%; } /* Style For HTML BODY */ body { margin: 0; background: url('images/page.bg.gif') repeat #F5F5F5; } /* Setting Text Throughout the skin */ table, tr, td { font-family: tahoma; font-size: 9px; line-height: 1.4em; } /* Setting Text Throughout the skin */ p { font-family: tahoma; font-size: 9px; line-height: 1.4em; font-weight: normal; padding-bottom:10px; color:#666; } /* H2 */ h2 { font-size: 11px; line-height: 1.4em; font-weight: bold; color: #333; background: #DDDDDD; margin-bottom: 5px;} /* H3 */ h3 { font-size: 11px; line-height: 1.4em; font-weight: bold; color: #C00; margin-bottom: 0px;} /* UL */ ul { font-size: 11px; line-height: 1.4em; list-style: outside; list-style-image: url("images/li.arrow.gif"); } /* UL */ ul ul { font-size: 11px; line-height: 1.4em; list-style: outside; list-style-image: url("images/li.arrow.2.gif"); } /*========================================================*/ /* 2. Design Elements */ /*========================================================*/ /*-- outermost table of skin -Standard --*/ .OuterTable { width: 100%; height: 100%; align: left; padding-left: 200px;} /*-- outermost table of skin -Admin --*/ .OuterTableAdmin { width: 85%; height: 100%; background: url(page_bg_l.gif) repeat-y top left #FFF; align: center; } /*-- cell containing login and register - 2 --*/ .LoginTD { background: url(images/page.tshadow.gif) no-repeat; height: 59px; text-align: right; vertical-align: top; padding: 15px 0px 0px 20px; } /*-- cell containing panes --*/ .PanesTD { background: url(images/page.ishadow.gif) repeat-y top left #FFFFFF; width: 680px; height: 400px; vertical-align: top; } /*-- cell containing panes in home page --*/ .PanesHomeTD { background: #313126; width: 200px; height: 518px; vertical-align: top; } /*-- left shadow --*/ .pageLShadow { background: url(images/page.lshadow.gif) repeat-y; width: 10px;} /*-- right shadow --*/ .pageRShadow { background: url(images/page.rshadow.gif) repeat-y; width: 10px;} /*-- bottom footer section --*/ .BottomRow { height: 40px; background: url(images/page.bshadow.gif) no-repeat; text-align: left; vertical-align: bottom; padding: 0px 30px 0px 30px; } /*-- cell containing logo --*/ .LogoTD { position: absolute; top: 93; left: 47; background: url(images/logoIN.gif) no-repeat; width: 250px; height: 113px; padding: 0 10 0 10;} /*-- cell containing logo in home page --*/ .LogoHomeTD { position: absolute; top: 93; left: 47; background: url(images/logoHOME.gif) no-repeat; width: 250px; height: 113px; padding: 0 10 0 10;} /*-- cell containing menu --*/ .MenuTD { position: absolute; top: 206; left: 47; background: url(images/menu.bg.gif) repeat-y; width: 250px; height: 254px; padding: 20 26 20 26; } /*-- cell containing menu in home page --*/ .MenuHomeTD { position: absolute; top: 206; left: 47; background: url(images/menu.bgHOME.gif) no-repeat; width: 250px; height: 264px; padding: 20 26 20 26; } /*-- cell containing breadcrumbs --*/ .BreadCrumbsTD { background: url(images/topshadowIN.jpg) no-repeat; height: 80px; vertical-align: top; color: #999; text-align:left; padding: 15 0 0 40;} /*-- cell containing main pic in home page --*/ .HomePicTD { background: url(images/homepic1.jpg) no-repeat; width: 465px;} /*-- cell with white background --*/ .WhiteSpace { background: #FFFFFF; } /*========================================================*/ /* 3. Content Panes */ /*========================================================*/ /*-- content pane --*/ .ContentPane { vertical-align: top; padding: 0 20 40 110; } /*-- right content pane --*/ .RightPane { vertical-align: top; padding: 61 0 0 0; width: 170px; } /*-- home page panes --*/ .HomePanes { vertical-align: top; padding: 20 12 12 20; width: 200px; background: #313126;} /*========================================================*/ /* 4. 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: #999999; font-size: 9px; font-weight:normal; text-decoration: none; } /*-- login and user token hover --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #3399CC; font-size: 9px; font-weight:normal; text-decoration: none; } /*-- breadcrumbs token idle --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #999999; font-size: 9px; text-decoration: none; font-weight:normal;} /*-- breadcrumbs token hover --*/ a.BREADCRUMBS_object:hover { color: #3399CC; font-size: 9px; text-decoration: none; font-weight:normal;} /*-- terms privacy and copyright --*/ .FOOTER_objects { color: #999999; font-size: 9px; } /*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color: #7C7C7C; font-weight:normal; text-decoration:underline; } /*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color: #FFFFFF; font-weight:normal; text-decoration:none; } /*========================================================*/ /* 5. Text */ /*========================================================*/ /*-- most of the text on site --*/ .normal, .Normal { color: #FFFFFF; } /*-- most of the bold text on site --*/ .NormalBold, b, strong { color: #555555; font-weight: bold; } /*-- red text on site for errors --*/ .NormalRed { color: #C50000; font-weight: bold; } /*-- subheadings - mostly in admin --*/ .SubHead { color: #FFC000; font-weight: normal; padding: 0; } /*-- headings - mostly in admin --*/ .Head { color: #777777; font-weight: bold; background: transparent; padding: 0;} /*========================================================*/ /* 6. Links */ /*========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: #F60; font-weight: normal; text-decoration: underline; } /*-- default links hover --*/ a:hover { color: #F60; text-decoration: none; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #666; font-weight: bold; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #444; 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-weight: bold; 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-weight: bold; text-decoration: none; height: 20px; } /*-- search button in search form --*/ .SearchButton { background: transparent; padding: 13px 17px 4px 13px; cursor: hand; font-size:1px; margin: 0 0 0 0px;} /*-- links in left submenus --*/ .AG_01SubMenuContent a.Normal:link, .AG_01SubMenuContent a.Normal:visited { color: #999999; font-weight: normal; font-size: 9px; text-decoration: none; line-height: 16px;} /*-- links in left submenus --*/ .AG_01SubMenuContent a.Normal:hover { color: #FF9900; font-weight: normal; font-size: 9px; text-decoration: none; line-height: 16px;} /*-- news read more --*/ span.SubHead a:link, span.SubHead a:visited, span.SubHead a:active { color: #7C7C5B; font-weight: normal; font-size: 9px; text-decoration: none; } /*-- news read more hover --*/ span.SubHead a:hover { color: #7C7C5B; font-weight: normal; font-size: 9px; text-decoration: underline; } /*========================================================*/ /* 7. Forms */ /*========================================================*/ /*-- default form elements --*/ select, input { color: #333; } /*-- textbox --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-weight: normal; } /*-- 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: 174px; color: #888; padding: 4px 0px 0px 8px; border: 0px solid #FFFFFF; cursor:text;} /*========================================================*/ /* 8. Main Menu and Module Menus */ /*========================================================*/ /*-- box that holds the menu --*/ .MainMenu_MenuContainer { background-color: transparent; width: 198px; } /*-- bar that holds the menu --*/ .MainMenu_MenuBar { cursor: pointer; background: #329CE3; width: 198px; } /*-- submenu container --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000; cursor: pointer; margin: 0 0 0 0px; padding: 0px; border: 1px solid #329CE3; font-weight: normal; filter: none; } /*-- submenu items idle --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { color: #FFFFFF; font-size: 9px; font-weight: bold; font-style: normal; background: url(images/menu.idle.gif) repeat-x bottom #329CE3; padding: 0px 20px 0px 16px; height: 22px; border: 0; } /*-- submenu items hover --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { color: #FFC000; font-size: 9px; font-weight: bold; font-style: normal; background: url(images/menu.over.gif) repeat-x bottom #2A92D8; padding: 0px 20px 0px 16px; height: 22px; border: 0; } /*-- menuitems idle --*/ .MainMenu_Idle { color: #FFFFFF; font-size: 9px; font-weight: bold; font-style: normal; background: url(images/menu.idle.gif) repeat-x; padding: 0 20 0 8; height: 27px; } /*-- menuitems over --*/ .MainMenu_Selected { color: #FFC000; font-size: 9px; font-weight: bold; font-style: normal; background: url(images/menu.over.gif) repeat-x; padding: 0 20 0 8; height: 27px; } /*-- menuitems active --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive { color: #FFC000; font-size: 9px; font-weight: bold; font-style: normal; background: url(images/menu.active.gif) repeat-x; padding: 0 20 0 8; height: 27px; } /*-- 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: hand;} /*-- module menu padding --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 5px 0 0; } /*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; } /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/