.AppleImage { background-image: url(appleimage.jpg); background-repeat: no-repeat; } .PlainImage { background-image: url(plainimage.jpg); background-repeat: no-repeat; } /*========================================================*/ /* 1. Universal */ /*========================================================*/ /* Style For HTML PAGE */ html { height: 100%; } /* Style For HTML BODY */ body { margin: 0; repeat-x top left white; margin: 10 15 20 15; } /* Setting Text Throughout the skin */ table, tr, td, p {font-family: arial; font-size: 11px; line-height: 1.4em; margin: 0;} /*========================================================*/ /* 2. Page Elements */ /*========================================================*/ /*-- cell containing menu --*/ .skinmenu { width: 230px; vertical-align: top; padding: 5px 0 0 29px; background-image: url(menu_background.gif); background-repeat: repeat; } /*-- outermost table of skin --*/ .skinmaster { height: 100%; background: white; } /*-- logo background --*/ .skinlogo { background-image: url(logo_empty.gif); background-repeat: no-repeat; } /*-- menu background --*/ .skinmenu { background-image: url(menu_background.gif); background-repeat: repeat; } /*-- --*/ .skintop { background-image: url(top.gif); background-repeat: repeat; } /*-- --*/ .skinbody { background-image: url(body.gif); background-repeat: repeat; } /*-- --*/ .skinbottom { background-image: url(bottom.gif); background-repeat: repeat; } /*-- --*/ .skintopright { background-image: url(top_right.gif); background-repeat: no-repeat; } /*-- --*/ .skintopleft { background-image: url(top_left.gif); background-repeat: no-repeat; } /*-- --*/ .skinbodyright { background-image: url(body_right.gif); background-repeat: repeat; } /*-- --*/ .skinbodyleft { background-image: url(body_left.gif); background-repeat: repeat; } /*-- --*/ .skinbottomright { background-image: url(bottom_right.gif); background-repeat: no-repeat;} /*-- --*/ .skinbottomleft { background-image: url(bottom_left.gif); background-repeat: no-repeat;} /*-- --*/ .skinright { background-image: url(right.gif);background-repeat: no-repeat; } /*-- --*/ .skinmid { background-image: url(mid.gif); background-repeat: repeat; } /*-- --*/ .skinleft { background-image: url(left.gif);background-repeat: no-repeat; } /*-- --*/ .logotd { padding: 5px 5px 5px 5px; } /*========================================================*/ /* 3. 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%; } /*-- 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; } /*-- bottom menu content pane --*/ .PaneMenuBottom { width: 100%; padding: 0 3px 0 5px; } /*========================================================*/ /* 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: RGB(140,140,140); font-family: arial; font-size: 11px; font-weight:bold; text-decoration: none; } /*-- login and user token hover --*/ a.LOGIN_object:hover, a.USER_object:hover { color: RGB(120,120,120); font-family: arial; font-weight:bold; font-size: 11px; text-decoration: none; } /*-- date token idle --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: RGB(120,120,120); font-family: arial; font-size: 11px; text-decoration: none; } /*-- date token hover --*/ a.DATE_object:hover { color: RGB(120,120,120); font-family: arial; font-size: 11px; text-decoration: none; } /*-- date token idle 2 --*/ .DATE_object2, a.DATE_object2:link, a.DATE_object2:visited, a.DATE_object2:active { color: RGB(120,120,120); font-family: arial; font-size: 11px; text-decoration: none; font-weight:normal; } /*-- date token hover 2 --*/ a.DATE_object2:hover { color: RGB(120,120,120); font-family: arial; font-size: 11px; text-decoration: none; } /*-- breadcrumbs token idle --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: RGB(140,140,140); font-family: arial; font-size: 11px; text-decoration: none; font-weight:bold;} /*-- breadcrumbs token hover --*/ a.BREADCRUMBS_object:hover { color: RGB(120,120,120); font-family: arial; font-size: 11px; text-decoration: none; font-weight:bold; } /*-- terms privacy and copyright --*/ .FOOTER_objects { color:RGB(120,120,120); font-size: 11px; } /*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:RGB(140,140,140); font-weight:bold; text-decoration:none; } /*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:RGB(120,120,120); font-weight:bold; text-decoration:none; } /*========================================================*/ /* 5. Text */ /*========================================================*/ /*-- most of the text on site --*/ .normal, .Normal { font-family: arial; font-size: 11px; color: black; } /*-- most of the bold text on site --*/ .NormalBold { font-family: arial; font-size: 11px; font-weight: bold; color: black; } /*-- red text on site for errors --*/ .NormalRed { color: RGB(120,120,120); font-family: arial; font-weight: bold; font-size: 11px; } /*-- subheadings - mostly in admin --*/ .SubHead { font-family: arial; font-size: 11px; font-weight: bold; color: RGB(120,120,120); padding: 0; } /*-- headings - mostly in admin --*/ .Head { font-size: 14px; color: RGB(120,120,120); background: transparent; font-weight: bold; padding: 0;} /*========================================================*/ /* 6. Links */ /*========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: RGB(140,140,140); font-family: arial; font-weight: bold; font-size: 11px; text-decoration: underline; } /*-- default links hover --*/ a:hover { color: RGB(120,120,120); font-family: arial; font-size: 11px; text-decoration: underline; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: RGB(140,140,140); font-family: arial; font-weight: bold; font-size: 11px; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: RGB(120,120,120); font-family: arial; font-size: 11px; text-decoration: none; } /*-- admin button-link style --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: RGB(120,120,120); border: 1px solid RGB(170,170,170); background: RGB(240,240,240); padding: 2px 3px 3px 4px; font-family: arial; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; } /*-- admin button-link style hover --*/ a.CommandButton:hover { color: RGB(120,120,120); border: 1px solid RGB(140,140,140); background: RGB(220,220,220); padding: 2px 3px 3px 4px; font-family: arial; font-weight: bold; font-size: 11px; 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;} /*========================================================*/ /* 7. Forms */ /*========================================================*/ /*-- default form elements --*/ select, input { font-family: arial; font-size: 11px; color: RGB(30,30,30); } /*-- textbox --*/ .NormalTextBox { color: RGB(30,30,30); padding-left: 4px; line-height: 12px; font-family: arial; 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: 174px; color: RGB(120,120,120); padding: 4px 0px 0px 8px; border: 0px solid RGB(254,254,254); cursor:text;} /*========================================================*/ /* 8. Main Menu and Module Menus */ /*========================================================*/ /*-- box that holds the menu --*/ .MainMenu_MenuContainer {width: 230px; } /*-- bar that holds the menu --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; width: 230px; } /*-- submenu container --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000; cursor: pointer; cursor: hand; margin: 1px 0px 0px -4px; background: RGB(230,230,230); padding: 1px; border: 1px solid RGB(200,200,200); font-weight: normal; filter: none; } /*-- submenu items idle --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: arial; color: RGB(140,140,140); font-size: 11px; background: RGB(230,230,230); font-weight: bold; font-style: normal; padding: 0px 20px 0px 5px; height: 20px; border: 0; } /*-- submenu items hover --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: arial; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: RGB(140,140,140); background: RGB(210,210,210); padding: 0px 20px 0px 5px; height: 20px; border: 0;} /*-- menuitems idle --*/ .MainMenu_Idle {color: RGB(140,140,140); background: url(menu.gif) no-repeat; padding: 0; height: 31px; font-weight: bold;} /*-- menuitems over --*/ .MainMenu_Selected { color: RGB(140,140,140); background: url(menu.gif) no-repeat; padding: 0; height: 31px; font-weight: bold;} /*-- menuitems active --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive {color: RGB(140,140,140); background: url(menu_grey.gif) no-repeat; padding: 0; height: 31px; font-weight: bold;} /*-- not needed - main menu --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon { display: none; } /*-- module menu continer --*/ .ModuleTitle_MenuContainer { color: RGB(230,230,230); } /*-- 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 --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; } /*========================================================*/ /* 9. ComponentArt Menu */ /*========================================================*/ .TopGroup {background-color:white;border:none;width:120px;} .Group {background-color:white;border:solid 1px darkgray;} .Item {background-color:white;font-family:verdana,arial,helvetica;font-size:11px;border:solid 1px white;cursor:pointer;} .ItemH {background-color:silver;color:black;font-family:verdana,arial,helvetica;font-size:11px;bold;border:solid 1px gray;cursor:pointer;} .ItemExp {background-color:silver;color:black;font-family:verdana,arial,helvetica;font-size:11px;border:solid 1px white;cursor:pointer;} /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/