Built-in CSS ids and classes

<div id="breadCrumbs">
- Breadcrumb Division (encapsulates <UL> + <LI>(with <A>))

<p class="text_red">
- used for Error text

<p class="text_blue">
- used for Guidance Text (e.g There was an error, you should do this)

<div id="inline_edit_buttons">
- Encapsulates Authoring and Images icons for Content Areas

<div id="sidemenu">
- Encapsulates side menu (<UL> + <LI> (with <A>))

<div id="loginbox">
- Encapsulates Extranet login box - Lists 3x <A> elements when logged in, otherwise provides a <form>.

<div class="search_result">
- Encapsulates Entire Search Result

<div class="search_result_title">
- Search Result Title (within search_result)

<div class="search_result_summary">
- Search Result Summary (within search_result)

    #search_results_summary
    #search_results_summary h1

   
    #search_result

   
    #search_result_title h2

   
    #search_result_title p

   
    #search_result_title a

<div id="search">
- Encapsulates Searchbox

<div id="search_text">
- Search Textfield (within search)

<div id="search_btn">
- Search Button (within search)

<div class="shortcut_item_box">
- Encapsulates A shortcut

<div class="shortcut_content">
- Contains Shortcut Content (within shortcut_item_box)

<div class="shortcut_item_admin_buttons">
- Contains Shortcut Admin Icons (within

shortcut_item_box)

<div id="topmenu" / “sidemenu”>
- Encapsulates Main Top Menu (encapsulates <UL> + <LI>(with <A>))

You can replicate “topmenu” using “sidemenu” to style a side menu.
    #topmenu { }
    #topmenu ul li { }
    #topmenu ul li:hover { }
    #topmenu ul li a { }
    #topmenu ul li a, #topmenu ul li a:link, #topmenu ul li a:visited { }
    #topmenu ul li:hover a { }
    #topmenu ul .level1_on a {}
    #topmenu ul li.level1_on span {}
    #topmenu ul .level2_on a {}
    #topmenu ul li.level2_on span {}

#ShortcutDiv .shortcut_item_box { } - Encapsulates the following Shortcut elements:
#ShortcutDiv .shortcut_item_box .shortcut_content { }
#ShortcutDiv .shortcut_item_box .shortcut_content h2 { }
#ShortcutDiv .shortcut_item_box .shortcut_content h2 a { }
#ShortcutDiv .shortcut_item_box .shortcut_content p { }
#ShortcutDiv .shortcut_item_box .shortcut_content a { }
#ShortcutDiv .shortcut_item_box .shortcut_content a img { }
#ShortcutDiv .shortcut_item_box .shortcut_item_admin_buttons { }
#ShortcutDiv .shortcut_block_admin_buttons { }

Top of Page