jQuery CSS-selector performance test

Benchmark created on October 26, 2011

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div id="TOMPAGE">
<!--googleoff:index-->
<div id="p_p_id_145_" class="portlet-boundary portlet-boundary_145_  portlet-static portlet-static-end  " >
<a id="p_145">
</a>
<div class="dockbar" data-namespace="_145_" id="dockbar">
<ul class="aui-toolbar">
<li class="pin-dockbar">
<a href="">
<img alt='Pin the Dockbar' src="" />
</a>
</li>
<li class="add-content has-submenu" id="_145_addContent">
<a class="menu-button" href="">
<span>
Add
</span>
</a>
<div class="aui-menu add-content-menu aui-overlaycontext-hidden" id="_145_addContentContainer">
<div class="aui-menu-content">
<ul>
<li class="first add-page">
<a href="" id="addPage">
Page
</a>
</li>
<li class="last common-items">
<div class="aui-menugroup">
<div class="aui-menugroup-content">
<span class="aui-menu-label">
Applications
</span>
<ul>
<li class="first">
<a class="app-shortcut" data-portlet-id="56" href="">
<span  >
<img class="icon" src=""  alt="Web Content Display" title="Web Content Display" style="" />
</span>
Web Content Display
</a>
</li>
<li class="">
<a class="app-shortcut" data-portlet-id="101" href="">
<span  >
<img class="icon" src=""  alt="Asset Publisher" title="Asset Publisher" style="" />
</span>
Asset Publisher
</a>
</li>
<li class="">
<a class="app-shortcut" data-portlet-id="110" href="">
<span  >
<img class="icon" src=""  alt="Document Library Display" title="Document Library Display" style="" />
</span>
Document Library Display
</a>
</li>
<li class="">
<a class="app-shortcut" data-portlet-id="71" href="">
<span  >
<img class="icon" src=""  alt="Navigation" title="Navigation" style="" />
</span>
Navigation
</a>
</li>
<li class="add-application last more-applications">
<a href="" id="_145_addApplication">
More&hellip;
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</li>
<li class="manage-content has-submenu" id="_145_manageContent">
<a class="menu-button" href="">
<span>
Manage
</span>
</a>
<div class="aui-menu manage-content-menu aui-overlaycontext-hidden" id="_145_manageContentContainer">
<div class="aui-menu-content">
<ul>
<li class="first manage-page">
<a  href=""    >
Page
</a>
</li>
<li class="page-layout">
<a href="" id="pageTemplate">
Page Layout
</a>
</li>
<li class="sitemap">
<a  href=""    >
Sitemap
</a>
</li>
<li class="settings">
<a  href=""    >
Settings
</a>
</li>
<li class="control-panel last" id="_145_controlPanel">
<a  href=""    >
Control Panel
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="aui-toolbar-separator">
<span>
</span>
</li>
<li class="toggle-controls" id="_145_toggleControls">
<a href="">
Toggle Edit Controls
</a>
</li>
</ul>
<ul class="aui-toolbar user-toolbar">
<li class="my-places has-submenu" id="_145_myPlaces">
<a class="menu-button" href="">
<span>
Go to
</span>
</a>
<div class="aui-menu my-places-menu aui-overlaycontext-hidden" id="_145_myPlacesContainer">
<div class="aui-menu-content">
<ul class="taglib-my-places">
<li class="private-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
My Private Pages
</span>
</a>
</li>
<li class="public-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
Success Factors
</span>
</a>
</li>
<li class="public-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
School of Undergraduate Studies
</span>
</a>
</li>
<li class="public-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
School of Education
</span>
</a>
</li>
<li class="public-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
School of Business and Technology
</span>
</a>
</li>
<li class="public-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
Residencies
</span>
</a>
</li>
<li class="public-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
QA
</span>
</a>
</li>
<li class="public-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
My Academic Plan
</span>
</a>
</li>
<li class="public-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
MBA Central
</span>
</a>
</li>
<li class="public-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
Faculty
</span>
</a>
</li>
<li class="public-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
Educational Leadership and Management
</span>
<span class="site-type">
Public
</span>
</a>
</li>
<li class="private-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
Educational Leadership and Management
</span>
<span class="site-type">
Private
</span>
</a>
</li>
<li class="private-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
Courseroom Support
</span>
</a>
</li>
<li class="private-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
App Testing
</span>
</a>
</li>
<li class="public-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
Action Plan
</span>
<span class="site-type">
Public
</span>
</a>
</li>
<li class="private-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
Action Plan
</span>
<span class="site-type">
Private
</span>
</a>
</li>
<li class="public-community">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
Academic Tutoring
</span>
</a>
</li>
<li class="public-community last">
<a href="" onclick="Liferay.Util.forcePost(this); return false;">
<span class="site-name">
Academic Resources
</span>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="aui-toolbar-separator">
<span>
</span>
</li>
<li class="user-avatar " id="_145_userAvatar">
<span class="user-links ">
<a class="user-portrait" href=""    >
<img alt="Andy Gruhn" src="" />
</a>
<a class="user-fullname" href=""    >
Andy Gruhn
</a>
<span class="sign-out">
(
<a  href=""    >
Log out
</a>
)
</span>
</span>
</li>
</ul>
<div class="dockbar-messages" id="_145_dockbarMessages">
<div class="aui-header">
</div>
<div class="aui-body">
</div>
<div class="aui-footer">
</div>
</div>
</div>
</div>
<div id="page">
<div id="main">
<div id="header">
<a id="skip-navigation" class="cloak" href="">
Skip main navigation
</a>
<!--googleon:index-->
<h1 id="logo">
<a href="">
<img src="" alt="Capella University: iGuide" />
</a>
</h1>
<!--googleoff:index-->
<form name="search-form" id="search-form" method="get" action="/web/iguide/search">
<fieldset>
<input type="text" name="q" id="q" maxlength="256" value="" alt="Search text" />
<a id="search-form-submit" href="">
<img name="btnG" id="btnG" alt="Search" src="" />
</a>
</fieldset>
</form>
<div id="p_p_id_capellacampusnavigation_WAR_iguideweb_" class="portlet-boundary portlet-boundary_capellacampusnavigation_WAR_iguideweb_  portlet-static portlet-static-end  " >
<a id="p_capellacampusnavigation_WAR_iguideweb">
</a>
<div class="portlet-borderless-container" style="">
<div class="portlet-borderless-bar">
<span class="portlet-title-default">
Campus Navigation
</span>
<span class="portlet-actions">
<span class="portlet-action portlet-options">
<span class="portlet-action-separator">
-
</span>
<ul class='lfr-component lfr-actions auto portlet-options '>
<li class="lfr-trigger">
<strong>
<a class="nobr" href="">
Options
</a>
</strong>
<ul>
<li class="portlet-css portlet-css-icon lfr-js-required">
<a  href="" id="_capellacampusnavigation_WAR_iguideweb_ldgt"   >
<img class="icon" src=""  alt="" style="" />
Look and Feel
</a>
</li>
<li class="portlet-configuration portlet-configuration-icon">
<a  href="" id="_capellacampusnavigation_WAR_iguideweb_cgrm"   >
<img class="icon" src=""  alt="" style="" />
Configuration
</a>
</li>
</ul>
</li>
</ul>
</span>
</span>
</div>
<div class="portlet-body">
<nav id="campus-navigation" class="sort-pages modify-pages">
<ul class="nav-primary">
<li class="primary-item primary-item-1">
<a href="" >
<span class="graphic">
</span>
<span class="cloak">
Home
</span>
</a>
</li>
<li class="primary-item primary-item-2">
<a href="" >
<span class="graphic">
</span>
<span class="cloak">
My Profile
</span>
</a>
<ul class="nav-secondary">
<li class="secondary-item">
<a href="" >
<span class="text">
Wall
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Friends
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Classmates
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Edit Profile
</span>
</a>
</li>
</ul>
</li>
<li class="primary-item primary-item-3">
<a href="" >
<span class="graphic">
</span>
<span class="cloak">
My Account
</span>
</a>
<ul class="nav-secondary">
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Finances
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
My Financial Aid
</a>
</li>
<li class="tertiary-item">
<a href="" >
Financial Aid Resources
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Account Summary
</a>
</li>
<li class="tertiary-item">
<a href="" >
Make a Payment
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Course Registration
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Register for a Course
</a>
</li>
<li class="tertiary-item">
<a href="" >
Drop a Course
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
My Course Schedule
</a>
</li>
<li class="tertiary-item">
<a href="" >
Enrollment Verification
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Personal Information
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Addresses
</a>
</li>
<li class="tertiary-item">
<a href="" >
Email Addresses
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Phone Numbers
</a>
</li>
<li class="tertiary-item">
<a href="" >
FERPA Privacy Settings
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Grades and Transcripts
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
View Grades
</a>
</li>
<li class="tertiary-item">
<a href="" >
Request Official Transcript
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
View Unofficial Transcript
</a>
</li>
<li class="tertiary-item">
<a href="" >
Military Transcripts
</a>
</li>
</ul>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
My Academic Plan
</span>
</a>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
University Enrollment Status
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Apply for Graduation
</span>
</a>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Inspire Giving
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Change Password
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Admission Center
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Student Center
</span>
</a>
</li>
</ul>
</li>
<li class="primary-item primary-item-faculty">
<a href="" >
<span class="graphic">
</span>
<span class="cloak">
Faculty
</span>
</a>
<ul class="nav-secondary">
<li class="secondary-item">
<a href="" >
<span class="text">
Faculty Home
</span>
</a>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Teaching and Mentoring
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Teaching in the Courseroom
</a>
</li>
<li class="tertiary-item">
<a href="" >
Comprehensive Exam and Dissertation Resources
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Residencies
</a>
</li>
<li class="tertiary-item">
<a href="" >
Proactive Communication
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Academic Resources
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Bookstore
</a>
</li>
<li class="tertiary-item">
<a href="" >
Course Development
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Academic and Institutional Research
</a>
</li>
<li class="tertiary-item">
<a href="" >
Quality Matters
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
University Administration
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Policies
</a>
</li>
<li class="tertiary-item">
<a href="" >
Academic Calendars
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Faculty Transition Information
</a>
</li>
<li class="tertiary-item">
<a href="" >
Faculty Pay
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Support
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Technical Support Services
</a>
</li>
<li class="tertiary-item">
<a href="" >
Faculty Support Services
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Learner Support Services
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Faculty Communications
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
News
</a>
</li>
<li class="tertiary-item">
<a href="" >
Faculty Discussions
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Capella Values and Philosophy
</a>
</li>
</ul>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Faculty Center
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Faculty Travel &amp; Expense Center
</span>
</a>
</li>
</ul>
</li>
<li class="primary-item primary-item-5">
<a href="" >
<span class="graphic">
</span>
<span class="cloak">
Schools and Programs
</span>
</a>
<ul class="nav-secondary">
<li class="secondary-item">
<a href="" >
<span class="text">
School of Business and Technology
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
School of Education
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
School of Public Service Leadership
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Harold Abel School of Social and Behavioral Sciences
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Department of Counseling
</a>
</li>
<li class="tertiary-item">
<a href="" >
Department of Psychology
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Department of Social Work
</a>
</li>
</ul>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
School of Undergraduate Studies
</span>
</a>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Residencies
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
PhD and PMC
</a>
</li>
<li class="tertiary-item">
<a href="" >
MS
</a>
</li>
<li class="tertiary-item">
<a href="" >
EdS
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
DBA
</a>
</li>
<li class="tertiary-item">
<a href="" >
Year-in-Residence
</a>
</li>
<li class="tertiary-item">
<a href="" >
Dissertation Writer&#039;s Retreat
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Academic Resources
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Dissertation
</a>
</li>
<li class="tertiary-item">
<a href="" >
Comprehensive Examination
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Practicum and Internship
</a>
</li>
<li class="tertiary-item">
<a href="" >
Licensure Resources
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Writing Program
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Writing Courses
</a>
</li>
<li class="tertiary-item">
<a href="" >
Writing Across the Curriculum
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" target="_blank">
Undergrad Writing Center
</a>
</li>
<li class="tertiary-item">
<a href="" target="_blank">
Graduate Writing Center
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="primary-item primary-item-6">
<a href="" >
<span class="graphic">
</span>
<span class="cloak">
Library
</span>
</a>
<ul class="nav-secondary">
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Articles, Books, and More
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Summon
</a>
</li>
<li class="tertiary-item">
<a href="" >
Journal and Book Locator
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Databases by School
</a>
</li>
<li class="tertiary-item">
<a href="" >
Databases A-Z
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Research Tools
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
RefWorks
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
</ul>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Library Research &amp; Information Literacy Skills
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Identifying Scholarly Resources
</a>
</li>
<li class="tertiary-item">
<a href="" >
Defining Your Topic
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Searching Effectively
</a>
</li>
<li class="tertiary-item">
<a href="" >
Evaluating Your Sources
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Guides and Tutorials
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Library Guides
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Assignment Calculator
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Library Services
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Ask a Librarian
</a>
</li>
<li class="tertiary-item">
<a href="" >
Find a Local Library
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Interlibrary Loan
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
About the Library
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Mission and Services
</a>
</li>
<li class="tertiary-item">
<a href="" >
Hours and Holiday Schedule
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Library Staff
</a>
</li>
<li class="tertiary-item">
<a href="" >
Library Policies
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Alumni Library
</span>
</a>
</li>
</ul>
</li>
<li class="primary-item primary-item-7">
<a href="" >
<span class="graphic">
</span>
<span class="cloak">
Resources
</span>
</a>
<ul class="nav-secondary">
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Financial Aid
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
My Financial Aid
</a>
</li>
<li class="tertiary-item">
<a href="" >
How to Apply for Aid
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Financing Your Education
</a>
</li>
<li class="tertiary-item">
<a href="" >
Loan Management
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Bookstore
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Course Materials
</a>
</li>
<li class="tertiary-item">
<a href="" >
Software Discounts
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Capella Gear
</a>
</li>
<li class="tertiary-item">
<a href="" >
eBooks
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Graduation and Commencement
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Graduation Requirements
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Commencement Information
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Office of Research and Scholarship
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Research Center Site
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Success Factors
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Time Management
</a>
</li>
<li class="tertiary-item">
<a href="" >
Learning Effectively Online
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Degree Planning
</a>
</li>
<li class="tertiary-item">
<a href="" >
Computer Skills
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Thinking, Reading, and Writing
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Critical Thinking
</a>
</li>
<li class="tertiary-item">
<a href="" >
Graduate Writing Center
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Reading Strategies
</a>
</li>
<li class="tertiary-item">
<a href="" >
Undergrad Writing Center
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Policies and Administration
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
University Forms
</a>
</li>
<li class="tertiary-item">
<a href="" >
University Catalogs
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
University Policies
</a>
</li>
<li class="tertiary-item">
<a href="" >
Learner Handbook
</a>
</li>
</ul>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Academic Calendars
</span>
</a>
</li>
</ul>
</li>
<li class="primary-item primary-item-8">
<a href="" >
<span class="graphic">
</span>
<span class="cloak">
Support and Services
</span>
</a>
<ul class="nav-secondary">
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Technical Support
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" target="_blank">
Technical Support Center
</a>
</li>
<li class="tertiary-item">
<a href="" >
Courseroom Technical Support
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Computer Requirements
</a>
</li>
<li class="tertiary-item">
<a href="" >
Capella Mobile
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Career Center
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Job Search Tools
</a>
</li>
<li class="tertiary-item">
<a href="" >
Changing Specializations
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Online Career Seminars
</a>
</li>
<li class="tertiary-item">
<a href="" >
Teaching in Higher Education
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Disability Services
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
What&#039;s a disability?
</a>
</li>
<li class="tertiary-item">
<a href="" >
Available Accommodations
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Alternative Textbook Process
</a>
</li>
<li class="tertiary-item">
<a href="" >
Requesting Accommodations
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Armed Forces
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Military Leave
</a>
</li>
<li class="tertiary-item">
<a href="" >
Post-9/11 GI Bill
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
VA Benefits
</a>
</li>
<li class="tertiary-item">
<a href="" >
Transcripts
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Academic Tutoring
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Tutoring Services
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Who should use tutoring?
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Tutorials
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
iGuide Tutorials
</a>
</li>
<li class="tertiary-item">
<a href="" >
Computer Skills
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
SafeAssign
</a>
</li>
<li class="tertiary-item">
<a href="" >
Using Adobe Connect
</a>
</li>
</ul>
</li>
<li class="secondary-item">
<a href="" target="_blank">
<span class="text">
Advising
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Free Seminars
</span>
</a>
</li>
<li class="secondary-item">
<a href="" target="_blank">
<span class="text">
Contact Learner Support
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Frequently Asked Questions
</span>
</a>
</li>
</ul>
</li>
<li class="primary-item primary-item-9">
<a href="" >
<span class="graphic">
</span>
<span class="cloak">
Community
</span>
</a>
<ul class="nav-secondary">
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Alumni Association
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Alumni Library
</a>
</li>
<li class="tertiary-item">
<a href="" >
Events and Opportunities
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Alumni Accomplishments
</a>
</li>
<li class="tertiary-item">
<a href="" >
Director&#039;s Corner
</a>
</li>
</ul>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
News and Events
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
What&#039;s New in iGuide
</a>
</li>
<li class="tertiary-item">
<a href="" >
Finances News
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Provost Quarterly News
</a>
</li>
</ul>
</li>
<li class="secondary-item has-more">
<a href="" >
<span class="text">
Connect and Network
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Become an Ambassador
</a>
</li>
<li class="tertiary-item">
<a href="" >
Share Your Accomplishments
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
<li class="tertiary-item">
<a href="" >
Refer a Friend
</a>
</li>
</ul>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Capella Blogs and Podcasts
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
Groups
</span>
</a>
</li>
<li class="secondary-item">
<a href="" >
<span class="text">
University-wide Discussions
</span>
</a>
<ul class="nav-tertiary first-column">
<li class="tertiary-item">
<a href="" >
Most Recent Posts
</a>
</li>
</ul>
<ul class="nav-tertiary second-column">
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="links">
<a class="sign_out" href="">
Log out
</a>
</div>
</div>
<div id="content">
<!--googleon:index-->
<div id="main-content" class="home-page page-layout portlet-layout without-navigation three-column">
<div id="side-content">
<div id="side-content-portlets">
<div class="portlet-column" id="column-1">
<div class="portlet-dropzone portlet-column-content" id="layout-column_column-1">
<div id="p_p_id_capellaiguideparallelhome_WAR_iguideweb_" class="portlet-boundary portlet-boundary_capellaiguideparallelhome_WAR_iguideweb_   " >
<a id="p_capellaiguideparallelhome_WAR_iguideweb">
</a>
<div class="portlet-borderless-container" style="">
<div class="portlet-borderless-bar">
<span class="portlet-title-default">
IGuide Home Parallel loading portlet - loads dependent data for home page in parallel
</span>
<span class="portlet-actions">
<span class="portlet-action portlet-options">
<span class="portlet-action-separator">
-
</span>
<ul class='lfr-component lfr-actions auto portlet-options '>
<li class="lfr-trigger">
<strong>
<a class="nobr" href="">
Options
</a>
</strong>
<ul>
<li class="portlet-css portlet-css-icon lfr-js-required">
<a  href="" id="_capellaiguideparallelhome_WAR_iguideweb_gezi"   >
<img class="icon" src=""  alt="" style="" />
Look and Feel
</a>
</li>
<li class="portlet-configuration portlet-configuration-icon">
<a  href="" id="_capellaiguideparallelhome_WAR_iguideweb_mefv"   >
<img class="icon" src=""  alt="" style="" />
Configuration
</a>
</li>
</ul>
</li>
</ul>
</span>
<span class="portlet-action portlet-close">
<span class="portlet-action-separator">
-
</span>
<a href="" title="Close">
Close
</a>
</span>
</span>
</div>
<div class="portlet-body">
</div>
</div>
</div>
<div id="p_p_id_capellawelcome_WAR_iguideweb_" class="portlet-boundary portlet-boundary_capellawelcome_WAR_iguideweb_   " >
<a id="p_capellawelcome_WAR_iguideweb">
</a>
<div class="portlet-borderless-container" style="">
<div class="portlet-borderless-bar">
<span class="portlet-title-default">
Welcome
</span>
<span class="portlet-actions">
<span class="portlet-action portlet-options">
<span class="portlet-action-separator">
-
</span>
<ul class='lfr-component lfr-actions auto portlet-options '>
<li class="lfr-trigger">
<strong>
<a class="nobr" href="">
Options
</a>
</strong>
<ul>
<li class="portlet-css portlet-css-icon lfr-js-required">
<a  href="" id="_capellawelcome_WAR_iguideweb_wtam"   >
<img class="icon" src=""  alt="" style="" />
Look and Feel
</a>
</li>
<li class="portlet-configuration portlet-configuration-icon">
<a  href="" id="_capellawelcome_WAR_iguideweb_uuor"   >
<img class="icon" src=""  alt="" style="" />
Configuration
</a>
</li>
</ul>
</li>
</ul>
</span>
<span class="portlet-action portlet-close">
<span class="portlet-action-separator">
-
</span>
<a href="" title="Close">
Close
</a>
</span>
</span>
</div>
<div class="portlet-body">
<div id="social-networking-welcome">
<div>
</div>
<p class="message">
Welcome, Andy
</p>
<a href="">
<img class="welcome-avatar" src="" alt="Andy Gruhn's Avatar" />
</a>
<ul>
<li>
<a href="">
Wall
</a>
</li>
<li>
<a href="">
Friends
</a>
</li>
<li>
<a href="">
Classmates
</a>
</li>
<li>
<a href="">
Edit Profile
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="p_p_id_56_INSTANCE_UiN0_" class="portlet-boundary portlet-boundary_56_  portlet-journal-content " >
<a id="p_56_INSTANCE_UiN0">
</a>
<div class="portlet-borderless-container" style="">
<div class="portlet-borderless-bar">
<span class="portlet-title-default">
Web Content Display
</span>
<span class="portlet-actions">
<span class="portlet-action portlet-options">
<span class="portlet-action-separator">
-
</span>
<ul class='lfr-component lfr-actions auto portlet-options '>
<li class="lfr-trigger">
<strong>
<a class="nobr" href="">
Options
</a>
</strong>
<ul>
<li class="portlet-css portlet-css-icon lfr-js-required">
<a  href="" id="_56_INSTANCE_UiN0_mnot"   >
<img class="icon" src=""  alt="" style="" />
Look and Feel
</a>
</li>
<li class="portlet-configuration portlet-configuration-icon">
<a  href="" id="_56_INSTANCE_UiN0_pkxc"   >
<img class="icon" src=""  alt="" style="" />
Configuration
</a>
</li>
<li class="portlet-export-import portlet-export-import-icon">
<a  href="" id="_56_INSTANCE_UiN0_bmib"   >
<img class="icon" src=""  alt="" style="" />
Export / Import
</a>
</li>
</ul>
</li>
</ul>
</span>
<span class="portlet-action portlet-close">
<span class="portlet-action-separator">
-
</span>
<a href="" title="Close">
Close
</a>
</span>
</span>
</div>
<div class="portlet-body">
<div class="journal-content-article" id="article_10109_12973_13038352_1.0">
<div class="web-content-side">
<p>
<a class="cta-link" href="">
My Academic Plan
</a>
</p>
<div class="footer">
</div>
</div>
</div>
<div class="lfr-meta-actions icons-container">
<div class="icon-actions">
<span  >
<a class="taglib-icon" href="" id="_56_INSTANCE_UiN0_whpa"   >
<img class="icon" src=""  alt="Edit Web Content" title="Edit Web Content" style="" />
</a>
</span>
<span  >
<a class="taglib-icon" href="" id="_56_INSTANCE_UiN0_haeg"   >
<img class="icon" src=""  alt="Edit Template" title="Edit Template" style="" />
</a>
</span>
<span class="portlet-configuration" >
<a class="taglib-icon" href="" id="_56_INSTANCE_UiN0_gnmc"   >
<img class="icon" src=""  alt="Select Web Content" title="Select Web Content" style="" />
</a>
</span>
<span  >
<a class="taglib-icon" href="" id="_56_INSTANCE_UiN0_sccv"   >
<img class="icon" src=""  alt="Add Web Content" title="Add Web Content" style="" />
</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div id="p_p_id_14_WAR_wolportlet_INSTANCE_Lbj6_" class="portlet-boundary portlet-boundary_14_WAR_wolportlet_   " >
<a id="p_14_WAR_wolportlet_INSTANCE_Lbj6">
</a>
<div class="portlet-borderless-container" style="">
<div class="portlet-borderless-bar">
<span class="portlet-title-default">
Friend Request Notification
</span>
<span class="portlet-actions">
<span class="portlet-action portlet-options">
<span class="portlet-action-separator">
-
</span>
</span>
<span class="portlet-action portlet-close">
<span class="portlet-action-separator">
-
</span>
<a href="" title="Close">
Close
</a>
</span>
</span>
</div>
<div class="portlet-body">
</div>
</div>
</div>
<div id="p_p_id_capellapifmyaccount_WAR_pifportalweb_" class="portlet-boundary portlet-boundary_capellapifmyaccount_WAR_pifportalweb_   " >
<a id="p_capellapifmyaccount_WAR_pifportalweb">
</a>
<div class="portlet-borderless-container" style="">
<div class="portlet-borderless-bar">
<span class="portlet-title-default">
My Inspire Giving Account
</span>
<span class="portlet-actions">
<span class="portlet-action portlet-options">
<span class="portlet-action-separator">
-
</span>
<ul class='lfr-component lfr-actions auto portlet-options '>
<li class="lfr-trigger">
<strong>
<a class="nobr" href="">
Options
</a>
</strong>
<ul>
<li class="portlet-css portlet-css-icon lfr-js-required">
<a  href="" id="_capellapifmyaccount_WAR_pifportalweb_uyms"   >
<img class="icon" src=""  alt="" style="" />
Look and Feel
</a>
</li>
<li class="portlet-configuration portlet-configuration-icon">
<a  href="" id="_capellapifmyaccount_WAR_pifportalweb_vqma"   >
<img class="icon" src=""  alt="" style="" />
Configuration
</a>
</li>
<li class="portlet-export-import portlet-export-import-icon">
<a  href="" id="_capellapifmyaccount_WAR_pifportalweb_nsjb"   >
<img class="icon" src=""  alt="" style="" />
Export / Import
</a>
</li>
</ul>
</li>
</ul>
</span>
<span class="portlet-action portlet-close">
<span class="portlet-action-separator">
-
</span>
<a href="" title="Close">
Close
</a>
</span>
</span>
</div>
<div class="portlet-body">
<div id="pif-myaccount">
<div id="pif-myaccount-logo">
<img src="" alt="InspireGiving" />
</div>
<div id="pif-myaccount-main">
<div id="pif-myaccount-error">
<p>
There has been a data error, no results are available.
</p>
</div>
<div id="pif-myaccount-how">
<a href="">
How It Works
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="p_p_id_56_INSTANCE_0yKD_" class="portlet-boundary portlet-boundary_56_  portlet-journal-content " >
<a id="p_56_INSTANCE_0yKD">
</a>
<div class="portlet" id="portlet-wrapper-56_INSTANCE_0yKD">
<header class="portlet-topper">
<h2 class="portlet-title">
<span class="portlet-title-text">
My Contacts
</span>
</h2>
<menu class="portlet-topper-toolbar" id="portlet-topper-toolbar_56_INSTANCE_0yKD" type="toolbar">
<ul class='lfr-component lfr-actions auto portlet-options '>
<li class="lfr-trigger">
<strong>
<a class="nobr" href="">
Options
</a>
</strong>
<ul>
<li class="portlet-css portlet-css-icon lfr-js-required">
<a  href="" id="_56_INSTANCE_0yKD_ljuw"   >
<img class="icon" src=""  alt="" style="" />
Look and Feel
</a>
</li>
<li class="portlet-configuration portlet-configuration-icon">
<a  href="" id="_56_INSTANCE_0yKD_nrdp"   >
<img class="icon" src=""  alt="" style="" />
Configuration
</a>
</li>
<li class="portlet-export-import portlet-export-import-icon">
<a  href="" id="_56_INSTANCE_0yKD_ddrb"   >
<img class="icon" src=""  alt="" style="" />
Export / Import
</a>
</li>
</ul>
</li>
</ul>
<span class="portlet-minimize portlet-minimize-icon" >
<a class="taglib-icon" href="" id="_56_INSTANCE_0yKD_rvno"   >
<img class="icon" src=""  alt="Minimize" title="Minimize" style="" />
</a>
</span>
<span class="portlet-maximize portlet-maximize-icon" >
<a class="taglib-icon" href="" id="_56_INSTANCE_0yKD_xafr"   >
<img class="icon" src=""  alt="Maximize" title="Maximize" style="" />
</a>
</span>
<span class="portlet-close portlet-close-icon" >
<a class="taglib-icon" href="" id="_56_INSTANCE_0yKD_ocng"   >
<img class="icon" src=""  alt="Remove" title="Remove" style="" />
</a>
</span>
</menu>
</header>
<div class="portlet-content">
<div class=" portlet-content-container" style="">
<div class="portlet-body">
<div class="journal-content-article" id="article_10109_12973_91866_1.3">
<div id="capella-contacts">
<div class="contacts-tabs">
<a class="contacts-tab-current" href="">
Friends
</a>
|
<a href="">
Classmates
</a>
</div>
</div>
</div>
<div class="lfr-meta-actions icons-container">
<div class="icon-actions">
<span  >
<a class="taglib-icon" href="" id="_56_INSTANCE_0yKD_kwje"   >
<img class="icon" src=""  alt="Edit Web Content" title="Edit Web Content" style="" />
</a>
</span>
<span  >
<a class="taglib-icon" href="" id="_56_INSTANCE_0yKD_hhdj"   >
<img class="icon" src=""  alt="Edit Template" title="Edit Template" style="" />
</a>
</span>
<span class="portlet-configuration" >
<a class="taglib-icon" href="" id="_56_INSTANCE_0yKD_owel"   >
<img class="icon" src=""  alt="Select Web Content" title="Select Web Content" style="" />
</a>
</span>
<span  >
<a class="taglib-icon" href="" id="_56_INSTANCE_0yKD_xnby"   >
<img class="icon" src=""  alt="Add Web Content" title="Add Web Content" style="" />
</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="p_p_id_4_WAR_wolportlet_" class="portlet-boundary portlet-boundary_4_WAR_wolportlet_  wol-portlet-friends " >
<a id="p_4_WAR_wolportlet">
</a>
<div class="portlet-borderless-container" style="">
<div class="portlet-borderless-bar">
<span class="portlet-title-default">
Friends
</span>
<span class="portlet-actions">
<span class="portlet-action portlet-options">
<span class="portlet-action-separator">
-
</span>
<ul class='lfr-component lfr-actions auto portlet-options '>
<li class="lfr-trigger">
<strong>
<a class="nobr" href="">
Options
</a>
</strong>
<ul>
<li class="portlet-css portlet-css-icon lfr-js-required">
<a  href="" id="_4_WAR_wolportlet_divo"   >
<img class="icon" src=""  alt="" style="" />
Look and Feel
</a>
</li>
<li class="portlet-configuration portlet-configuration-icon">
<a  href="" id="_4_WAR_wolportlet_ggxd"   >
<img class="icon" src=""  alt="" style="" />
Configuration
</a>
</li>
<li class="portlet-export-import portlet-export-import-icon">
<a  href="" id="_4_WAR_wolportlet_pgoj"   >
<img class="icon" src=""  alt="" style="" />
Export / Import
</a>
</li>
</ul>
</li>
</ul>
</span>
<span class="portlet-action portlet-close">
<span class="portlet-action-separator">
-
</span>
<a href="" title="Close">
Close
</a>
</span>
</span>
</div>
<div class="portlet-body">
<div id="capella-contacts-friends" style="">
<div>
You have 37 friends.
</div>
<br />
<div class="contact-list">
<div id="friendPage-0" style="">
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Jeff Markham's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Jeff Markham
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Maggie Passmore's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Maggie Passmore
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Stan Tead's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Stan Tead
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Joe Tojek's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Joe Tojek
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Pete Boulger's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Pete Boulger
</a>
</div>
<div class="footer">
</div>
</div>
</div>
</div>
<div id="friendPage-1" style="">
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Steve Scofield's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Steve Scofield
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Chris Pegg's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Chris Pegg
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Stephanie Fuerniss's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Stephanie Fuerniss
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Matt Leising's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Matt Leising
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Paul Coroneos's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Paul Coroneos
</a>
</div>
<div class="footer">
</div>
</div>
</div>
</div>
<div id="friendPage-2" style="">
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Jon Helmberger's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Jon Helmberger
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Ron Denler's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Ron Denler
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Matthew Pellowski's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Matthew Pellowski
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Jamie Reinhart's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Jamie Reinhart
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Greg Bunting's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Greg Bunting
</a>
</div>
<div class="footer">
</div>
</div>
</div>
</div>
<div id="friendPage-3" style="">
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Harry McLenighan's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Harry McLenighan
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Roger Goerke's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Roger Goerke
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Eric Bose's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Eric Bose
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Katie Hart's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Katie Hart
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Rosann Cahill's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Rosann Cahill
</a>
</div>
<div class="footer">
</div>
</div>
</div>
</div>
<div id="friendPage-4" style="">
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Randy Pierce's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Randy Pierce
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Ellen Hansen's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Ellen Hansen
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Yvonne Kochanowski's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Yvonne Kochanowski
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="John Lewis Heredia's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
John Lewis Heredia
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Dan Marsella's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Dan Marsella
</a>
</div>
<div class="footer">
</div>
</div>
</div>
</div>
<div id="friendPage-5" style="">
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Jason Scherschligt's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Jason Scherschligt
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Loren Brown's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Loren Brown
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Diane Nero's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Diane Nero
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Matthew Roscoe's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Matthew Roscoe
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Geno Bassett's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Geno Bassett
</a>
</div>
<div class="footer">
</div>
</div>
</div>
</div>
<div id="friendPage-6" style="">
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Brian Imholte's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Brian Imholte
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Dale Anderson's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Dale Anderson
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="David Keefe's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
David Keefe
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Maria Grangroth's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Maria Grangroth
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Jim Fuglestad's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Jim Fuglestad
</a>
</div>
<div class="footer">
</div>
</div>
</div>
</div>
<div id="friendPage-7" style="">
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Rhett Wilfahrt's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Rhett Wilfahrt
</a>
</div>
<div class="footer">
</div>
</div>
</div>
<div class="contact-list-row">
<div class="contact-list-entry">
<div class="contact-list-image">
<div class="avatar-popover avatar-small">
<a class="avatar-link" href="">
<img class="avatar-image" src="" alt="Sharon Nollan's Avatar" />
</a>
<div class="avatar-content" style="">
</div>
</div>
</div>
<div class="contact-list-info">
<a href="">
Sharon Nollan
</a>
</div>
<div class="footer">
</div>
</div>
</div>
</div>
</div>
<div class="pagination">
<p id="friends-results">
</p>
<a class="previous" id="friends-previous" href="">
Previous
</a>
<a class="next" id="friends-next" href="">
Next
</a>
<div class="footer">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="p_p_id_56_INSTANCE_F1Gi_" class="portlet-boundary portlet-boundary_56_  portlet-journal-content " >
<a id="p_56_INSTANCE_F1Gi">
</a>
<div class="portlet-borderless-container" style="">
<div class="portlet-borderless-bar">
<span class="portlet-title-default">
Web Content Display
</span>
<span class="portlet-actions">
<span class="portlet-action portlet-options">
<span class="portlet-action-separator">
-
</span>
<ul class='lfr-component lfr-actions auto portlet-options '>
<li class="lfr-trigger">
<strong>
<a class="nobr" href="">
Options
</a>
</strong>
<ul>
<li class="portlet-css portlet-css-icon lfr-js-required">
<a  href="" id="_56_INSTANCE_F1Gi_vvqf"   >
<img class="icon" src=""  alt="" style="" />
Look and Feel
</a>
</li>
<li class="portlet-configuration portlet-configuration-icon">
<a  href="" id="_56_INSTANCE_F1Gi_obfa"   >
<img class="icon" src=""  alt="" style="" />
Configuration
</a>
</li>
<li class="portlet-export-import portlet-export-import-icon">
<a  href="" id="_56_INSTANCE_F1Gi_qkmb"   >
<img class="icon" src=""  alt="" style="" />
Export / Import
</a>
</li>
</ul>
</li>
</ul>
</span>
<span class="portlet-action portlet-close">
<span class="portlet-action-separator">
-
</span>
<a href="" title="Close">
Close
</a>
</span>
</span>
</div>
<div class="portlet-body">
<div class="journal-content-article" id="article_10109_12973_91861_1.2">
<p>
<a id="capella-contacts-friends-view-all" style="" href="">
View all Friends
</a>
</p>
</div>
<div class="lfr-meta-actions icons-container">
<div class="icon-actions">
<span  >
<a class="taglib-icon" href="" id="_56_INSTANCE_F1Gi_gqyg"   >
<img class="icon" src=""  alt="Edit Web Content" title="Edit Web Content" style="" />
</a>
</span>
<span  >
<a class="taglib-icon" href="" id="_56_INSTANCE_F1Gi_vwhd"   >
<img class="icon" src=""  alt="Edit Template" title="Edit Template" style="" />
</a>
</span>
<span class="portlet-configuration" >
<a class="taglib-icon" href="" id="_56_INSTANCE_F1Gi_tpcc"   >
<img class="icon" src=""  alt="Select Web Content" title="Select Web Content" style="" />
</a>
</span>
<span  >
<a class="taglib-icon" href="" id="_56_INSTANCE_F1Gi_clvb"   >
<img class="icon" src=""  alt="Add Web Content" title="Add Web Content" style="" />
</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div id="p_p_id_56_INSTANCE_Ix6a_" class="portlet-boundary portlet-boundary_56_  portlet-journal-content " >
<a id="p_56_INSTANCE_Ix6a">
</a>
<div class="portlet-borderless-container" style="">
<div class="portlet-borderless-bar">
<span class="portlet-title-default">
Web Content Display
</span>
<span class="portlet-actions">
<span class="portlet-action portlet-options">
<span class="portlet-action-separator">
-
</span>
<ul class='lfr-component lfr-actions auto portlet-options '>
<li class="lfr-trigger">
<strong>
<a class="nobr" href="">
Options
</a>
</strong>
<ul>
<li class="portlet-css portlet-css-icon lfr-js-required">
<a  href="" id="_56_INSTANCE_Ix6a_vkdz"   >
<img class="icon" src=""  alt="" style="" />
Look and Feel
</a>
</li>
<li class="portlet-configuration portlet-configuration-icon">
<a  href="" id="_56_INSTANCE_Ix6a_hnpn"   >
<img class="icon" src=""  alt="" style="" />
Configuration
</a>
</li>
<li class="portlet-export-import portlet-export-import-icon">
<a  href="" id="_56_INSTANCE_Ix6a_rmbk"   >
<img class="icon" src=""  alt="" style="" />
Export / Import
</a>
</li>
</ul>
</li>
</ul>
</span>
<span class="portlet-action portlet-close">
<span class="portlet-action-separator">
-
</span>
<a href="" title="Close">
Close
</a>
</span>
</span>
</div>
<div class="portlet-body">
<div class="journal-content-article" id="article_10109_12973_91856_1.2">
<p>
<a id="capella-contacts-classmates-view-all" style="" href="">
View all Classmates
</a>
</p>
</div>
<div class="lfr-meta-actions icons-container">
<div class="icon-actions">
<span  >
<a class="taglib-icon" href="" id="_56_INSTANCE_Ix6a_seuu"   >
<img class="icon" src=""  alt="Edit Web Content" title="Edit Web Content" style="" />
</a>
</span>
<span  >
<a class="taglib-icon" href="" id="_56_INSTANCE_Ix6a_bjpw"   >
<img class="icon" src=""  alt="Edit Template" title="Edit Template" style="" />
</a>
</span>
<span class="portlet-configuration" >
<a class="taglib-icon" href="" id="_56_INSTANCE_Ix6a_rbiw"   >
<img class="icon" src=""  alt="Select Web Content" title="Select Web Content" style="" />
</a>
</span>
<span  >
<a class="taglib-icon" href="" id="_56_INSTANCE_Ix6a_htok"   >
<img class="icon" src=""  alt="Add Web Content" title="Add Web Content" style="" />
</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div id="p_p_id_56_INSTANCE_m5Aj_" class="portlet-boundary portlet-boundary_56_  portlet-journal-content " >
<a id="p_56_INSTANCE_m5Aj">
</a>
<div class="portlet-borderless-container" style="">
<div class="portlet-borderless-bar">
<span class="portlet-title-default">
Web Content Display
</span>
<span class="portlet-actions">
<span class="portlet-action portlet-options">
<span class="portlet-action-separator">
-
</span>
<ul class='lfr-component lfr-actions auto portlet-options '>
<li class="lfr-trigger">
<strong>
<a class="nobr" href="">
Options
</a>
</strong>
<ul>
<li class="portlet-css portlet-css-icon lfr-js-required">
<a  href="" id="_56_INSTANCE_m5Aj_viiu"   >
<img class="icon" src=""  alt="" style="" />
Look and Feel
</a>
</li>
<li class="portlet-configuration portlet-configuration-icon">
<a  href="" id="_56_INSTANCE_m5Aj_rgtk"   >
<img class="icon" src=""  alt="" style="" />
Configuration
</a>
</li>
<li class="portlet-export-import portlet-export-import-icon">
<a  href="" id="_56_INSTANCE_m5Aj_prwr"   >
<img class="icon" src=""  alt="" style="" />
Export / Import
</a>
</li>
</ul