/* $Id: zen.css,v 1.14.2.1 2009/02/13 07:46:04 johnalbin Exp $ */

/*
 * EC RELEASE 2 Style Sheet.

 * This stylesheet is built off the Zen themeing framework.

 ***** Table of Contents *****

	*note : anything marked "temp" has some question or ongoing issues associated and should be revisited.

 =global : browser resets, drupal resets, and global styles
 =global_header : header, logo, nav, mega-menus, account links
 =global_footer
 =home : slideshow, news & events, site activity, hotlinks, info for, search
 =landing_page : 
 =sidebar : 
 =profile : note, profile and group pages share some display rules
 =group page : 
 =group =listings : 
 =edit page styles : 

 */


/*********************************************************************

 =global : browser resets, drupal resets, and global styles

*********************************************************************/

/** #browser reset **/

* { padding :0; margin:0; border:none; } /* this rule zeroes a good portion of browser-specific default styles */

/** #drupal style resets **/

p, ul, ol, li, dl, dd, dt, pre, table, blockquote, fieldset { margin:0; padding:0; } /* undoing some of drupal's default styles */
#page table { width:100%; } /* undoing some of drupal's default styles */

h3 { font-size:1em; }
h1, h2, h3, h4, h5, h6 { margin:0 0 24px 0; }

p { margin:0 0 24px 0; }

.front fieldset, #sidebar-right fieldset { margin:0; padding:0; border:none; }

.block ul, .item-list ul { margin:0; padding:0; }

ul { list-style:none; list-style-image:none; padding:0; margin:0; }
ol { list-style-position:inside; padding:0; margin:0; }
li { padding:0; }
dl { overflow:hidden; }
dt { width:112px; padding-right:8px; float:left; clear:left; font-weight:bold; }
dd { margin: 0 0 0 120px; }

#page #main .field-content li { padding:0; border:none; font-size:1em; line-height:1.5em; }

/** body / global styles **/

body { background:#fff; }

body, caption, th, td, input, textarea, select, option, legend, fieldset { font-family: Arial, Helvetica, sans-serif; }

a {
  /*color:#888;*/
  color: #51bec8;
}

/* this rule targets links on "normal", static content pages */
.node-type-page a {
  /*color:#F70092;*/
  color: #51bec8;
  text-decoration:none;
  }

/* this rule targets links on "normal", static content pages */
.node-type-page a:hover {
  /*color:#F70092;*/
  color: #51bec8;
  text-decoration:underline;
} 

  .block a {
	color:#514d4e; }

  .block a:hover {
	color:#000; }

  #page {
	background:#f9f9f9 url('images/background-gradient.jpg') repeat-x left top;
	padding-bottom:32px;
	font-size:14px;
	line-height:24px;
	color:#231f20; }

  #page-inner { }

/** Drupal nodes **/

  .node-unpublished div.unpublished, /* temp : the word "Unpublished" displayed beneath the content. */
  .comment-unpublished div.unpublished { height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center; }

  .node.node-unpublished .picture,
  .comment.comment-unpublished .picture { position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */ }

  #content-area .meta /* Wrapper for submitted and terms data */ {
	height:0;
	overflow:hidden; } /* =temp : despite setting this to display:none it's still opening a gap, so i'm trying to give it a height of 0 instead, it should probably be removed from the template entirely (or moved to the bottom of the display?). */

  .node div.links /* Wrapper for node links */ { margin: 1em 0; }

  ul.links /* Taxonomy links, node links, comment links */ { margin: 0;
    padding: 0; }

  ul.links.inline { display: inline; }

  ul.links li { display: inline;
    list-style-type: none;
    padding: 0 8px; }

/** Drupal comments **/
  #comments /* Wrapper for the list of comments and its title */ {
	background:#fff; }

  .preview .comment /* Preview of the comment before submitting new or updated comment */ { background-color: #fff; }

/** Drupal blocks **/
  .block /* Block wrapper */ { margin: 0; }
  .block-region { margin:0; }
  .box h2.title /* Box title */ { font-size:16px; }

/** Miscellaneous Drupal styles **/
  .form-item label.error { /** for jquery field validation plugin **/
	background-color: #fff;
	color: #f70092;
	text-transform: none;
  }

  .error /* Errors that are separate from div.messages status messages (see above.) */ { color: #F70092;  /* Drupal core uses a #e55 background */ }

  .warning /* Warnings that are separate from div.messages status messages (see above.) */ { color: #32A7C8; }

  .more-link /* Aggregator, blog, and forum more link */ { }

  #user-login-form /* Drupal's default login form */ { text-align: left; }

  thead tr { background-color:#fafafa; text-transform:lowercase; color:#544D4E;
font-size:13px; }

  tr.even /* Some tables have rows marked even or odd. */ { background-color: #fff; /* Drupal core uses a #eee background */ }

  tr.odd { background-color: #fff; /* Drupal core uses a #eee background */ }

  #main tr {
	border-bottom: 1px solid #eee;
	padding:0; }

  li a.active /* The active item in a Drupal menu */ { }

.legal-terms {
border:1px solid #ccc;
height:20em;
overflow:scroll;
padding:1em; }
	#main div.view div.views-admin-links li a { display:inline; padding:0; }

/** Drupal forms **/

  input, select, textarea { border:1px solid #ccc; padding:2px; }

  .form-item, /* Wrapper for a form element (or group of form elements) and its label */
  .form-checkboxes,
  .form-radios { margin: 0 0 8px 0; }

  .form-item input.error, /* Highlight the form elements that caused a form submission error */
  .form-item textarea.error,
  .form-item select.error { border: 2px solid #c00; }

  .form-item label /* The label for a form element */ { display: block;
    font-weight: normal;
	color:#888; }

  .form-item label.option /* The label for a radio button or checkbox */ { display: inline;
    font-weight: normal; }

  .form-required /* The part of the label that indicates a required field */ { color: #c00; }

  .form-item .description /* The descriptive help text (separate from the label) */ { font-size: 12px;
 	line-height:16px;
	padding:4px 0; }

  .form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */
  .form-radios .form-item { margin: 4px 0; }

  .form-submit /* The submit button */ {
	margin-top:8px;
	margin-bottom:4px; }

  .filefield-element { margin:0; }

  .container-inline div, .container-inline label /* Inline labels and form divs */ { display: inline; }

  .tips /* Tips for Drupal's input formats */ { margin: 0;
    padding: 0;
    font-size: 12px; }

#content-inner ul.tips { list-style:none; }

/** Drupal admin tables **/
  /* We overrode these styles in html-elements.css, but restore them for the
   * forms on the site.
   */
  form tbody { border-top: 1px solid #ccc; }

  form th { text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc; }

  form tbody th { border-bottom: 1px solid #ccc; }

  form thead th { text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc; }

/** main **/
  .not-front #main {
	background:transparent url('images/header-generic.jpg') no-repeat center top; }

/** main - audain school **/
  .not-front.section-asva #main { background:transparent url('images/header-audain-school.jpg') no-repeat center top; }

/** content-area - audain school **/
  .section-asva #content-area { margin-top: 110px; }

/** tabs - audain school **/
  .section-asva div.tabs { margin-top: -33px; }


/** content **/

  .node-type-general #content-area h1,
  .node-type-general #content-area h2, 
  .node-type-webform #content-area h2 { font-size:24px; margin:0 0 24px; line-height:24px; font-weight:normal; color:#51585c; }
  .node-type-general #content-area h3 {
	font-size:15px;
	font-weight:normal;
	line-height:24px;
	margin:0;
	text-transform:uppercase; }
  .node-type-general #content-area h4 {
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	margin:0; }
  .node-type-general #content-area h5 {
	font-size:12px;
	font-weight:normal;
	line-height:24px;
	margin:0;
	text-transform:uppercase; }
  .node-type-general #content-area h6 {
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	margin:0; }
  .node-type-general #content-area ul,
  #page #main .views-field-field-profile-bio-value ul { list-style:square; display:block; margin:0 0 24px; }
  .node-type-general #content-area ul li,
  #page #main .views-field-field-profile-bio-value ul li { list-style:square; margin:0 0 0 1em; }
  .node-type-general #content-area ul ul, #content-area ol ol,  #content-area ul ol, #content-area ul ol { margin:0 0 0 1em; }
  .node-type-general #content-area ol { list-style-position: outside; list-style:decimal; display:block; margin:0 0 24px; }
  .node-type-general #content-area ol li { list-style:decimal; margin:0 0 0 1em; }
  .node-type-general #content-area dl { margin:0 0 24px; }

  .node-type-general #content-area table { margin:0 0 24px; } /* vertical spacing under tables within content areas */
  .page-search.node-type-page #content-area table { margin:0; } /* tables on search resulst pages don't need vertical spacing */

  #content-inner .messages ul { list-style:none; list-style-image:none; }
	ul.primary { background-image:none; }

  #content-header /* Wrapper for breadcrumb, title, messages, tabs, and help */ {
	padding-left:32px;
	width:544px; }

  .in-maintenance #content-header h1.title {
    color:#000;
  }
  #content-header h1.title {
	color:#ADDCE9;
	font-size:24px; /* reduced to accommodate longer titles */
	font-weight:normal;
	min-height:36px;
	line-height:24px;
	overflow:hidden;
	padding:20px 0 8px;
	text-transform:lowercase; }

  .breadcrumb /* The path to the current page in the form of a list of links */ { padding-bottom: 0; /* Undo system.css */ }

  h1.title, /* The title of the page */
  h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
  h3.title /* Comment title */ { margin: 0; }

  div.messages /* Important messages (status, warning, and error) for the user */ {
	margin: 0;
	min-height:24px;
	background-image: none;
	background-color: #FFF775;
	line-height:24px;
	font-size:15px;
	padding: 4px 16px;
	border:none; }

  div.status /* Normal priority messages */ { }

  div.warning, tr.warning /* Medium priority messages */ { }

  div.error, tr.error /* High priority messages. See also the .error declaration below. */ { }

  div.tabs /* See also the tabs.css file. */ {
	background:#ccc;
	background-image:none;
	margin:0;
	padding-top:12px; } /* =temp : this only lines up on some pages. sometimes it should be 8px padding. */

.profile div.tabs,
.group div.tabs {
	padding-top:8px; }

  div.tabs ul.tabs.primary li a { font-size:12px; font-weight:normal; height:auto; }
  div.tabs ul.tabs.primary li a .tab { padding: 2px 8px; height:auto; line-height:16px; }

  .help /* Help text on a page */ { margin: 1em 0; }

  .more-help-link /* Link to more help */ { font-size: 0.85em;
    text-align: right; }

  #content-area, /* Wrapper for the actual page content */
  .people-directory.page-people-alumni #content-area,  /* alumni directory a regular page at the moment (June 10/2010) */
  .page-support-supportnews #content-bottom,  /* adding a news list view to supportnews page (Aug 8/2014 hannar) */
  .page-news-block #content-bottom {  /* adding a generic news list view for specific pages (Oct 22/2014 hannar) */
	background:#fff;
	width:480px;
	padding:32px;
	margin-left:32px;
	margin-bottom:20px; }

  .group #content-area,
  .profile #content-area {
	background:transparent; }

  .profile #content-area .view, .profile #content-area .node {
	background:#fff;
	margin-bottom:20px; }

  .group #content-area .view, .group #content-area .node {
	background:#fff;
	margin-bottom:20px;
	position:relative; }

  .group #content-area form#og-confirm-subscribe, .group #content-area form#og-add-users {
	background:#fff;
	margin-bottom:20px;
	position:relative;
	padding: 4px 16px 16px; }

    #page #main #content .pager /* A list of page numbers when more than 1 page of content is available */ { clear: both;
    margin: 0;
    text-align: left; }

  .pager a, .pager strong.pager-current { padding: 0.5em; }

/* =pagination, =pager */

  #page #main #content .pager {
	background:#ededed;
	padding:4px 0; }
  #page #main #content .pager li {
	border-bottom:none;
	font-size:10px;
	line-height:16px;
	padding:0;
	display:inline;
	text-transform:uppercase; }
  #page #main #content .pager .pager-current, #page #main #content .pager .pager-ellipsis {
	color:#666;
	text-decoration:none;
	padding:3px 6px;
	background:transparent; }
  #page #main #content .pager .pager-current.first {
	padding:3px 6px 3px 12px; }
  #page #main #content .pager li a {
	color:#fff;
	text-decoration:none;
	padding:3px 6px;
	background:#505050; }
  #page #main #content .pager li a:hover {
	background:#000; }

  .feed-icons /* The links to the RSS or Atom feeds for the current list of content */ { margin: 0;
 	float:right;
	padding-right:32px; }

  #content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ { 
	margin-left:32px;
	width:544px; }

/* =view-links, "add" and "more" links, also =forum links */

#main .view-links,
#sidebar-right .more-link
 	{
	width:288px;
    text-align: right;
	position:absolute;
	right:0;
	text-align:right;
	top:0; }

/** Jan 16, 2015 by hannar - added a.slide_link selector to rules so that **/
/** the feature_teaser link is styled the same way even with custom text and link **/

#main .view-links a,
#main .view-links .add-media,
#sidebar-right .more-link a,
#feature_link,
#feature_teaser a.slide_link
 	{
	background:#505050;
	color:#FFFFFF;
	font-size:9px;
	line-height:12px;
	margin:4px 0 0 4px;
	padding:0;
	text-decoration:none;
	text-transform:uppercase;
	text-indent:8px;
	display:block;
	width:128px;
	text-align:left;
	float:right; }

#main .view-links a:hover {
	color:#fff;
	background-color:#000; }

#main .view-links .add-media { /*styles for add media dropdown*/
	overflow:visible; }

#main .view-links .add-media .contextual_menu { display:none; padding:0; /* width:96px; float:right; */ background:#000; }

#main .view-links .add-media .contextual_menu ul li { padding:0; border:none; background:transparent; }
#main .view-links .add-media .contextual_menu a { /*width:96px;*/ padding:0; margin:0; /*float:right;*/ background:#666; }
#main .view-links .add-media .contextual_menu a:hover { color:#fff; text-decoration:none; background:#000 url(images/add-link.gif) no-repeat scroll right center; }

#main .view-links .add-media:hover,
#main .view-links .add-media.over { z-index:1000; background:#000; } /* ".over" class used in conjunction with menu-magic.js to simulate hover behaviour for IE */
#main .view-links .add-media:hover .contextual_menu,
#main .view-links .add-media.over .contextual_menu { display:block; } /* ".over" class used in conjunction with menu-magic.js to simulate hover behaviour for IE */

/** Jan 16, 2015 by hannar - added a.slide_link selector to rules so that **/
/** the feature_teaser link is styled the same way even with custom text and link **/

#main .view-links .more-link a,
#sidebar-right .more-link a,
#feature_link,
#feature_teaser a.slide_link
{
	/*background:#F70092 url(images/arrow-right-link.gif) no-repeat scroll right center;*/
  background: #ff3366 url(images/arrow-right-link.gif) no-repeat scroll right center;
	color:#FFFFFF
}
	
#feature_link,
#feature_teaser a.slide_link 
{ width:auto; padding-right:26px; }

#main .view-links .more-link a:hover,
#sidebar-right .more-link a:hover
 	{
	color:#fff;
	background-color:#A30161; }

#main .view-links .add-event a, #main .view-links .add-work a, #main .view-links .add-group a {
	background:#505050 url(images/add-link.gif) no-repeat scroll right center; }
#main .view-links .add-event a:hover, #main .view-links .add-work a:hover, #main .view-links .add-group a:hover {
	background-color:#000; }

#sidebar-right .more-link a { width:64px; }

.profile #main #content-area .view-links, /* view-links need to be placed outside of the content-area on =profile pages. */
.group #main #content-area .view-links /* view-links need to be placed outside of the content-area on =group pages. */
{margin-top:-28px; }

/* thumbnail contextual menus */

.thumbnail { width:53px; height:53px; float:left; overflow:visible; display:block; padding:0 3px 3px 0; position:absolute; }

.node .content .thumbnail { width:auto; height:auto; float:auto; display:inline; padding:0; position:inherit; }
.thumbnail img { height:51px; width:51px; float:left; border:1px solid #fff; }
.thumbnail .contextual_menu { display:none; width:160px; float:left; background:transparent url("images/transparent-black-70.png"); color:#fff; padding:8px; }

.thumbnail:hover,
.thumbnail.over { z-index:1000; } /* ".over" class used in conjunction with menu-magic.js to simulate hover behaviour for IE */
.thumbnail:hover .contextual_menu,
.thumbnail.over .contextual_menu { display:block; } /* ".over" class used in conjunction with menu-magic.js to simulate hover behaviour for IE */
.thumbnail:hover img,
.thumbnail.over img { border-color:#000; } /* ".over" class used in conjunction with menu-magic.js to simulate hover behaviour for IE */

.thumbnail .contextual_menu div { background:transparent url("images/dot_texture-grey-2px.gif") repeat-x left bottom; font-size:12px; line-height:16px; padding-top:4px; overflow:hidden; }



/* thumbnail contextual menus with views*/

/*adding styles to overlays with classes generated by views*/
.thumbnail .contextual_menu .row /* =duplicate */, .thumbnail .contextual_menu .views-field-title, .thumbnail .contextual_menu .views-field-field-work-year-value,
.thumbnail .contextual_menu .views-field-field-work-created-by-value { background:transparent url("images/dot_texture-grey-2px.gif") repeat-x left bottom; font-size:12px; line-height:16px; padding-top:4px; overflow:hidden; }

.thumbnail .contextual_menu .row .title, .thumbnail .contextual_menu .row .action, .thumbnail .contextual_menu  .flag {
	color:#b6b8ba;
	width:160px;
	float:left; }
.thumbnail .contextual_menu .row .action a /* =duplicate */, .thumbnail .contextual_menu .field-content a { color:#fff; text-decoration:none; }
.thumbnail .contextual_menu .row .action a:hover /* =duplicate */, .thumbnail .contextual_menu .field-content a:hover { background:#ccc; color:#514D4E; }
.thumbnail .contextual_menu .pixel-icon-button {
	background:#888;
	color:#FFF;
	display:block;
	font-size:9px;
	line-height:12px;
	margin:4px 0 0 0;
	padding:0 4px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase; }
.thumbnail .contextual_menu .pixel-icon-button:hover { background: #CCC; color: #514D4E; }





.profile #content-area .view-user-profile-pixel-icons h2.title { display:none; }

.profile #content-area .view-user-profile-pixel-icons .thumbnail .views-field-field-pixel-icon-images-value { float:left; width:53px; }
.profile #content-area .view-user-profile-pixel-icons .thumbnail .contextual_menu { /* rules for 10x's listing page in profile */
background:none;
color:#000;
display:block;
float:none;
padding:0 0 0 8px;
width:467px;
float:left; }
.profile #content-area .view-user-profile-pixel-icons .thumbnail .contextual_menu div { /* rules for 10x's listing page in profile */
background:none;
font-size:12px;
line-height:16px;
overflow:hidden;
padding-left:8px;
padding-top:4px;
}
.profile #content-area .view-user-profile-pixel-icons .view-links { } /* =temp rules for 10x's listing page in profile */
.profile #content-area .view-user-profile-pixel-icons .thumbnail .contextual_menu .views-field-field-profile-full-name-value { display:none; } /* =temp: hide created-by field on user profile, as every 10x shown here is created by the owner of the profile. the reason this is temp is because it'd be smarter to have this removed programatically than to just hide it with css. */
.profile #content-area .view-user-profile-pixel-icons .thumbnail .contextual_menu div.pixel-icon-button { background:#B6B8BA; font-size:11px; line-height:16px; width:auto; padding:0 8px; margin: 20px 0 -3px 4px; float:right; }
.profile #content-area .view-user-profile-pixel-icons .thumbnail .contextual_menu div.pixel-icon-button:hover { background:#505050; color:#fff; }

.view-id-user_profile_pixel_icons.view-display-id-page_1 .thumbnail { position:relative; height:auto; width:auto; padding:0; }
.view-id-user_profile_pixel_icons.view-display-id-page_1 .thumbnail:hover img { border:1px solid #fff; }
.view-id-user_profile_pixel_icons.view-display-id-page_1 .thumbnail img:hover { border:1px solid #000; }
/* remove absolute positioning for the listing view in the profile section */
.view-id-user_profile_pixel_icons.view-display-id-page_1 .thumbnail .contextual_menu .field-content a {
color:#000;
display:inline;
text-decoration:underline; }
.view-id-user_profile_pixel_icons.view-display-id-page_1 .thumbnail .contextual_menu .field-content a.flag {
color:#fff;
text-decoration:none; }



/*********************************************************************

 =global_header : header, logo, nav, mega-menus, account links

*********************************************************************/

  #header {
	display:block;
	height:128px;
	background: transparent url(images/dot_texture-grey-4px.gif) repeat-x scroll left bottom; }

  #header-inner {
	overflow:hidden;
  background: transparent url(images/bg-nav-c-boxes.png) 0 0 no-repeat;
  background-size: 420px 12px;
  background-position: 100% 33px;
	/*background-color: #009EAD;*/
}

  #logo-title /* Wrapper for logo, website name, and slogan */ {
	padding: 32px 32px 32px 0;
	text-indent:-9999px;
	width:192px;
	float:left; }

  #logo-title #site-name a {
	display:block;
	background: transparent url('images/bg-connect-identify.png') no-repeat top left;
	height:64px;
	width:192px; }

  #logo /* Wrapper for logo */ { margin: 0 10px 0 0;
    padding: 0; }

  #logo-image /* The actual logo image */ { }

  h1#site-name, div#site-name /* The name of the website */ { margin: 0;
    font-size: 24px;
    line-height: 24px; }

  #site-name a:link,
  #site-name a:visited { color: #000;
    text-decoration: none; }

  #site-name a:hover { text-decoration: underline; }

  #header-blocks /* Wrapper for any blocks placed in the header region */ {
	width:704px;
	float:left;
	clear:none; }

/** styles for account links above the main nav in the header **/

#account-links{
	width:192px;
	float:right;
	height:24px;
	margin-bottom:-24px;
	padding-right:32px; }

#account-links a {
	height:13px;
	line-height:12px;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	float:left;
	text-align:left;
	background:#b6b8ba url('images/arrow-right.gif') no-repeat 84px center;
	color:#fff;
	width:94px;
	margin-right:2px;
	text-indent:9px; }

#account-links a:hover { background-color:#505050; }

#account-links a.login-link {
	width:220px;
	background-position: 210px center; }

.logged-in #account-links .login-link { display:none; }
.not-logged-in #account-links .profile-link, .not-logged-in #account-links .logout-link { display:none; }

/** styles for main nav and megamenus **/

#block-menu_block-1 {
width:704px;
z-index:2000;
position:absolute;
top: 75px;
float: right;
}

#block-menu_block-1 h2.title { display:none; } /* hide menu title */

/* nav display logic */
.depth0 .menu { display:none; } /* default state of any menu item lower than the first tier is hidden. in other words, display only the top level nav. */
.depth0:hover .menu,
.depth0.over .menu { display:block; } /* show menu items within the hovered top level nav */ /* ".over" class used in conjunction with menu-magic.js to simulate hover behaviour for IE */

/* nav display styles */
.menu-name-primary-links li { list-style:none; } /* get rid of alla dem nasty bullets */
.menu-name-primary-links a {
	color:#615658;
	text-decoration:none;
	/*text-transform:lowercase;*/
	font-size:12px;
	line-height:16px;
  } /* default styles for links in main nav */
.menu-name-primary-links ul.menu li.depth0 {
	width: 118px;
	height:55px;
	margin: 0;
	overflow:visible;
	float:left;
	display:block;
	margin-right:2px; }
  .menu-name-primary-links ul.menu li.depth0.top-item4 {
    width: 146px;
  }
  .menu-name-primary-links ul.menu li.depth0.top-item4 a {
    width: 136px;
  }
.menu-name-primary-links ul.menu li.depth0 li.depth0 { margin-right:0; }
.menu-name-primary-links ul.menu li.depth0:hover,
.menu-name-primary-links ul.menu li.depth0.over { background: #eeeeee; } /* indicates the section of nav is being hovered over */ /* ".over" class used in conjunction with menu-magic.js to simulate hover behaviour for IE */
.menu-name-primary-links ul.menu li.depth0 ul.menu li.depth0 { height:auto; }
.menu-name-primary-links ul.menu li.depth0 ul.menu li.depth0:hover,
.menu-name-primary-links ul.menu li.depth0 ul.menu li.depth0.over { background: transparent; } /* ".over" class used in conjunction with menu-magic.js to simulate hover behaviour for IE */

.menu-name-primary-links ul.menu li.depth0 ul li.depth0 { width:192px; }
.menu-name-primary-links ul.menu li.depth0 a {
	width: 108px;
	padding:19px 8px 0 2px;
	height:36px;
	/*background: transparent url('images/dot_texture-grey-4px.gif') repeat-x left top;*/
	float:left;
	margin: 0;
	list-style:none; } /* style for top level nav items */
.menu-name-primary-links ul.menu li.depth0 a.active {
	color:#615658;
	background: transparent url('images/dot_texture-grey-8px.gif') repeat-x left top; } /* style for active nav item */
.menu-name-primary-links ul.menu li.depth0 a:hover {
	background: #51585c url('images/dot_texture-white-4px.gif') repeat-x left top;
	height:36px;
	color:#fff;
	text-decoration:none; }

.menu-name-primary-links ul.menu li.depth0 ul { width:192px; float:left; list-style:none; background: transparent url('images/transparent-black-70.png'); border-top:4px solid #fff; } /* style for non-mega menus */
.menu-name-primary-links ul.menu li { list-style:none; }
.menu-name-primary-links ul.menu li.depth0 ul ul { border-top:0; background-image:none; } /* ensures the style above is not applied recursively */
.menu-name-primary-links ul.menu li.depth1 a { width:187px; font-size:12px; padding:4px 0 0 1px; height:auto; min-height:20px; margin:0 2px; float:left; display:block; background:transparent url('images/dot_texture-grey-2px.gif') repeat-x left bottom; color:#ccc; } /* style for nav items in drop downs*/
.menu-name-primary-links ul.menu li.depth1 a:hover,
.menu-name-primary-links ul.menu li.depth0 ul.menu li.depth0 a:hover { 
  background:/*#32A7C8*/ #51585c url('images/dot_texture-white-2px.gif') repeat-x left bottom;
  color:#fff;
  height:auto;
  min-height:20px;
  border:none;
  text-decoration:none;
}
.menu-name-primary-links ul.menu li.depth0 li a.active { color:#32a7c8; background:transparent url('images/dot_texture-white-2px.gif') repeat-x left bottom; } /* null the above for sub-nav */
.menu-name-primary-links ul.menu li.depth0 li a.active:hover { color:#32a7c8; background:#000 url('images/dot_texture-white-2px.gif') repeat-x left bottom; }

/* rules to for custom size and positioning for "mega menu" dropdowns */
.menu-name-primary-links ul.menu li.depth0.top-item4 ul { width:384px; float:left; } /* width changes to accommodate columns for mega-menu */
.menu-name-primary-links ul.menu li.depth0.top-item4 ul ul { width:192px; float:left; } /* resets column width within the mega-menu */
/* remove this because on the Connect site, the 5th menu doesn't need to be wide */
/* hannar, Oct 8, 2015 */
/*.menu-name-primary-links ul.menu li.depth0.top-item5 ul { width:576px; float:left; margin-left:-288px; } */ /* negative left-margin offsets drop-down so it doesn't fall off the page */
/* .menu-name-primary-links ul.menu li.depth0.top-item5 ul ul { width:192px; float:left; margin-left:0; } */ /* 0 left-margin ensures the offset is not applied recursively */
.menu-name-primary-links ul.menu li.depth0.top-item6 ul { width:384px; float:left; margin-left:-192px; } /* negative left-margin offsets drop-down so it doesn't fall off the page */
.menu-name-primary-links ul.menu li.depth0.top-item6 ul ul { width:192px; float:left; margin-left:0; } /* 0 left-margin ensures the offset is not applied recursively */
.menu-name-primary-links ul.menu li.depth0.top-item7 ul { width:192px; float:left; margin-left:-96px; } /* negative left-margin offsets drop-down so it doesn't fall off the page */
.menu-name-primary-links ul.menu li.depth0.top-item7 ul ul { width:192px; float:left; margin-left:0; } /* 0 left-margin ensures the offset is not applied recursively */

/*********************************************************************

 =global_footer

*********************************************************************/

  #footer { }

  #footer-inner {
	background: transparent url(images/dot_texture-grey-4px.gif) repeat-x scroll left top;
	padding: 16px 32px 32px 32px;
	font-size:12px;
	line-height:24px;
	color:#888; }
  #footer-inner a {
	color:#888; }

  #footer-menu {
	float:right;
	text-align:right;
	width:288px; }

  #footer-menu a {
	text-decoration:none;
	text-transform:lowercase; }

  #footer-menu a:hover {
	color:#505050; }

/*********************************************************************

 =home : slideshow, news & events, site activity, hotlinks, info for, search

*********************************************************************/

  html { overflow-x:hidden; }

  .front #block-views-front_feature-block_1 h2.title { display:none; }

  .front #block-views-front_feature-block_1 {
	position:relative;
	width:1024px;
	margin-left:-512px;
	left:50%;
	z-index:1000; }
  .front .slideshow {
	height: 576px;
	width:1024px;
	cursor:pointer;
	cursor:hand; }
  .front .slideshow div.slide {
	height: 576px; 
	width:1024px;
	background-size: 1024px 576px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: expression(this.width > 1024 ? 1024: true);
  }
  .front .slideshow div.slide div.slide_title {
	display:block;
	float:right;
	margin-top:1px;
	margin-right:145px;
	margin-left:655px;
	height:25px;
	width:223px;
	color:#fff;
	background: transparent url('images/transparent-black-70.png') ; }

  .front .slideshow div.slide a.title {
	display:block;
	height:25px;
	width:180px;
	color:#fff;
	background:transparent url('images/slideshow-dropdown.gif') no-repeat 200px center;
	padding-left:12px;
	padding-right:31px;
	text-decoration:none;
	font-size:13px;
	line-height:24px;
	overflow:hidden; }
  .front .slideshow div.slide a.title:hover {
	background-color: #000; }

  .front .slideshow div.slide .nested {
	display:none;
	float:right;
	margin-right:48px;
	margin-top:1px;
	width:320px; }
  .front .slideshow div.slide .nested_content {
	display:block;
	color:#fff;
	background:transparent url('images/transparent-black-70.png');
	padding:24px;
	font-size:13px;
	line-height:24px; }

  .front .slideshow div.slide .nested_content a {
	color:#fff;
	text-decoration:underline; }

  .front .slideshow div.slide .nested_link {
	display:block;
	color:#fff;
	background:transparent url('images/transparent-black-70.png');
	padding:0 0 12px 0;
	margin-top:1px;
	font-size:10px;
	line-height:10px;
	text-align:right; }

  .front .slideshow div.slide .nested_link a {
	color:#fff;
	text-decoration:none;
	background:#f70092 url('images/arrow-right-link.gif') no-repeat right center;
	font-size:9px;
	line-height:12px;
	text-transform:uppercase;
	padding: 0 20px 0 8px; }

  .front .slideshow div.slide .nested_link a:hover {
	background-color:#a30161; }

  .front #slideshow_controls {
	position:absolute;
	right:48px;
	top:0;
	z-index:1001; }
  .front #slideshow_controls .control {
	display:block;
	width:31px;
	height:25px;
	margin-top:1px;
	margin-right:1px;
	background: transparent url('images/transparent-black-70.png') ;
	float:left; }
  .front #slideshow_controls #next.control {
	width:32px;
	margin-right:0; }
  .front #slideshow_controls a {
	display:block;
	width:31px;
	height:25px;
	background:transparent;
	color:#fff;
	text-indent:-9999px; }
  .front #slideshow_controls a:hover {
	background:#888; }

  .front #slideshow_controls #prev a {
	background:transparent url('images/slideshow-prev.gif') no-repeat center center; }

  .front #slideshow_controls #next a {
	background:transparent url('images/slideshow-next.gif') no-repeat center center; }

  .front #slideshow_controls #pause a {
	background:transparent url('images/slideshow-pause.gif') no-repeat center center; }

  .front #slideshow_controls #resume a {
	background:transparent url('images/slideshow-play.gif') no-repeat center center; }

  .front #slideshow_controls #prev a:hover, .front #slideshow_controls #next a:hover, .front #slideshow_controls #pause a:hover, .front #slideshow_controls #resume a:hover {
	background-color:#000; }

  .front #slideshow_controls.playing #pause, .front #slideshow_controls.paused #resume {
	display:block; }
  .front #slideshow_controls.paused #pause, .front #slideshow_controls.playing #resume {
	display:none; }

  .front #content-bottom {
	padding: 24px 32px 32px 32px;
	/*margin:-96px 0 0 0;*/
  margin: 0;
	width:864px;
	background:transparent url('images/background-home.gif') repeat-x 0 0px;
	position:relative;
	z-index:1000;
	overflow:hidden; }

/** front news and events listings **/

.front #block-block-37 {
	width:576px;
	float:left;
}

/** Jan 16, 2015 by hannar - added rules to feature_teaser and created a.slide_link rule so that **/
/** the teaser text area stays the same height even with custom text **/

.front #feature_teaser {
	margin:24px 0 36px;
	/*margin-top:96px; */
	width:560px;
	background:url("images/dot_texture-light_grey-4px.gif") repeat-x scroll left bottom #fff;
	padding-bottom:22px; 
	min-height: 100px;
	position: relative;
}
.front #feature_teaser p { font-size: 16px; }

.front #feature_teaser a.slide_link {
	position: absolute;
	right: 0;
	bottom: 12px; }

.front ul li {
	list-style:none; }

.front #block-block-37 h2.title {
	background:#fff url(images/dot_texture-grey-4px.gif) repeat-x left top;
	display:block;
	padding-top:4px;
	padding-left:8px;
	height:24px;
	width:264px;
	font-size:12px;
	line-height:12px;
	color:#231f20;
	line-height:24px;
	/*text-transform: lowercase;*/
	text-align:left;
	font-weight:bold;
	overflow:hidden; }

.front #block-block-37 #block-views-News-block_1, .front #block-block-37 #block-views-Events-block_1 {
	position:relative;
	width:272px;
	margin-right:16px;
	float:left; }

/*

.front .listings-block .title_bar a {
	color:#fff;
	text-decoration:none;
	background:#f70092 url('images/arrow-right-link.gif') no-repeat right center;
	font-size:9px;
	line-height:12px;
	text-transform:uppercase;
	padding: 0 20px 0 8px; }
.front .listings-block .title_bar a:hover {
	background-color:#a30161; }

	*/

.front #block-block-37 .item-list {
	background:#f8f8f8 url(images/dot_texture-light_grey-4px.gif) repeat-x left bottom;
	padding-bottom:4px;
	margin-bottom:16px; }
.front #block-block-37 .item-list ul { }
.front #block-block-37 .item-list ul li { list-style:none; }
.front #block-block-37 .item-list ul li a { padding: 2px 8px; color:#231f20; text-decoration:none; min-height:23px; border-bottom:1px solid #eae9ea; display:block; line-height:20px; }
.front #block-block-37 .item-list ul li a:hover { background-color:#ccc; }

/** notices and site activity wrapper **/
.front #block-block-36 { float:left; width:288px; } /* this block exists solely to allow control of the layout of the notices and site activity blocks */

/** front page notices **/

  .front #block-views-News-block_2 /* notices block */ {
	margin: 0;
	width: 288px; float:left; margin-right:16px; }

  .front #block-views-News-block_2 h2.title /* notices block */ {
	background: #151515 url(images/dot_texture-white-4px.gif) repeat-x left top;
	display:block;
	padding:4px 0 0 8px;
	margin:0;
	height:24px;
	width:280px;
	font-size:12px;
	line-height:12px;
	text-align:right;
	overflow:hidden;
	color:#FFF205;
	line-height:24px;
	text-transform: uppercase;
	text-align:left;
	font-weight:bold; }

  .front #block-views-News-block_2 .item-list /* notices block */ {
	background:#636363 url(images/dot_texture-light_grey-4px.gif) repeat-x left bottom;
	padding-bottom:4px;
	margin-bottom:16px; }

  .front #block-views-News-block_2 .item-list ul li /* notices block */ { color:#fff; border-bottom:1px solid #797979; padding:0; }
  .front #block-views-News-block_2 .item-list ul li a /* notices block */ { color:#fff; text-decoration:none; min-height:23px; display:block; line-height:20px;  padding: 2px 8px; }
  .front #block-views-News-block_2 .item-list ul li a:hover /* notices block */ { text-decoration:none; color:#000; background:#fff205; }

/** First banner button css (added Dec 2, 2013 by hannar) **/
/** replaces the onmouseover code in the "Front page image link2" block **/

.front #block-block-51 #side-banner2 a {
	margin-bottom: 17px;
	height: 49px;
	width: 288px;
	display: block;
	background-image: url('images/front/homepage-button-thebigidea_both.jpg');
	background-position: 0 0;
}

.front #block-block-51 #side-banner2 a:hover {
        background-position: 0 -49px;
}

/** Second banner button css (added May 2, 2014 by hannar **/
/** replaces the onmouseover code in the "Front page image link1" block **/

.front #block-block-50 #side-banner1 a {
        margin-bottom: 17px;
        height: 50px;
        width: 288px;
        display: block;
        background-image: url('images/front/CS-Buttons_v3-both.png');
        background-position: 0 0;
	clear: right;
}

.front #block-block-50 #side-banner1 a:hover {
        background-position: 0 -50px;
}

/** .front #block-block-50 #side-banner1 a:hover { **/
/**        background-position: 0 -50px; **/
/** } **/

/** Third banner button css (added May 6, 2014 by hannar **/
/** makes the hover work in the "Front page image link3" block **/

.front #block-block-59 #side-banner3 a {
        margin-bottom: 17px;
        height: 64px;
        width: 288px;
        display: block;
        background-image: url('images/front/IOF_graphic_both.png');
        background-position: 0 0;
}

.front #block-block-59 #side-banner3 a:hover {
        background-position: 0 -64px;
}

/** Link to Newsletter (added March 2012 by Boaz Av-Ron, modified July 2014 by hannar)  **/

  .front #block-block-47 /* Link to Newsletter block */ {
        margin: 0;
        width: 288px; 
	float:left; 
	margin-right:16px;
}

  .front #block-block-47 #newsletter a {
	margin-bottom: 17px;
        height: 63px;
        display: block;
        background-image:url('images/front/subscribeButton_both.jpg');
        background-position: 0 0;
}

  .front #block-block-47 #newsletter a:hover {
        background-position: 0 -63px;
}

  .front #block-block-47 .item-list /* Link to Newsletter block */ {
        background:#151515 url(images/dot_texture-white-4px.gif) repeat-x left top;
	padding-top:4px;
        padding-bottom:4px;
        margin-bottom:16px; }

  .front #block-block-47 .item-list ul li /* Link to Newsletter block */ { color:#FFF205; border-bottom:1px solid #797979; padding:0; font-weight:bold; }
  .front #block-block-47 .item-list ul li a /* Link to Newsletter block */ { color:#fff; text-decoration:none; min-height:23px; display:block; line-height:20px;  padding: 2px 8px; }
  .front #block-block-47 .item-list ul li a:hover /* Link to Newsletter block */ { text-decoration:none; color:#000; background:#fff205; }

/** front page "site activity" **/

.front #block-block-site_activity-block_1 {
	position:relative;
/*	width:272px;  */
/*	margin-right:16px; */
	float:left; }

.front  #block-block-site_activity-block_1 h2.title {
	background:#fff205 url(images/dot_texture-white-4px.gif) repeat-x left top;
	display:block;
	padding:4px 0 0 8px;
	height:24px;
/*	width:264px;  */
	font-size:12px;
	line-height:12px;
	text-align:right;
	overflow:hidden;
	color:#665c13;
	line-height:24px;
	text-transform: lowercase;
	text-align:left;
	font-weight:bold; }

.front #block-block-site_activity-block_1 .item-list {
	background:#fff775 url(images/dot_texture-white-4px.gif) repeat-x left bottom;
	padding-bottom:4px; }
.front #block-block-site_activity-block_1 .item-list ul { }
.front #block-block-site_activity-block_1 .item-list ul li { }
.front #block-block-site_activity-block_1 .item-list ul li a { padding: 6px 4px 5px 32px; color:#665c13; text-decoration:none; min-height:20px; border-bottom:1px solid #fff; display:block; font-size:12px; line-height:20px; }
.front #block-block-site_activity-block_1 .item-list ul li a .views-field-message { display:inline; }
.item-list ul li a .pixel_icon_small { margin-top:-4px; vertical-align:middle; padding-right:3px; }
.item-list ul li.icon-profile a { background:transparent url('images/icon-profile.gif') no-repeat 5px center; }
.item-list ul li.icon-group a { background:transparent url('images/icon-group.gif') no-repeat 5px center; }
.item-list ul li.icon-10x a { background:transparent url('images/icon-10x.gif') no-repeat 5px center; }
.item-list ul li.icon-work a { background:transparent url('images/icon-work.gif') no-repeat 5px center; }
.item-list ul li.icon-event a { background:transparent url('images/icon-event.gif') no-repeat 5px center; }
.item-list ul li.icon-comment a { background:transparent url('images/icon-comment.gif') no-repeat 5px center; }
.item-list ul li.icon-news a { background:transparent url('images/icon-news.gif') no-repeat 5px center; }
#block-block-site_activity-block_1 .item-list ul li a:hover { background-color:#665C13; color:#fff; }

/* =home view-links */

  .front #main .view-links a {
	width:64px; }

/* =home site-activity more link */

.front #block-block-site_activity-block_1 .more-link a {
	background:#665c13 url('images/arrow-right-link.gif') no-repeat right center;
	color:#FFFFFF; }
.front #block-block-site_activity-block_1 .more-link a:hover {
	background-color:#342f0a; }

/* site-activity =listing page */

.page-people-activity #content-area .view-site-activity .item-list ul { border-top:1px solid #eee; }
.page-people-activity #content-area .view-site-activity .item-list ul li { border-bottom:1px solid #eee; border-top:1px solid #ff; list-style:none; padding:3px 0; }
.page-people-activity #content-area .view-site-activity .item-list ul li a { padding: 6px 4px 5px 32px; text-decoration:none; line-height:20px; }
.page-people-activity #content-area .view-site-activity .item-list ul li a .views-field-message { display:inline; font-size:12px; }

.page-people-activity #content-area .item-list ul li.icon-profile a { background:transparent url('images/icon-profile-grey.gif') no-repeat 5px center; }
.page-people-activity #content-area .item-list ul li.icon-group a { background:transparent url('images/icon-group-grey.gif') no-repeat 5px center; }
.page-people-activity #content-area .item-list ul li.icon-10x a { background:transparent url('images/icon-10x-grey.gif') no-repeat 5px center; }
.page-people-activity #content-area .item-list ul li.icon-work a { background:transparent url('images/icon-work-grey.gif') no-repeat 5px center; }
.page-people-activity #content-area .item-list ul li.icon-event a { background:transparent url('images/icon-event-grey.gif') no-repeat 5px center; }
.page-people-activity #content-area .item-list ul li.icon-comment a { background:transparent url('images/icon-comment-grey.gif') no-repeat 5px center; }
.page-people-activity #content-area .item-list ul li.icon-news a { background:transparent url('images/icon-news-grey.gif') no-repeat 5px center; }

/** front page "info for", hotlinks, search, column  **/
#block-block-41 { float:left; width:288px; }

/** front page "info for"  **/
.front #info-block {
	width:288px;
	margin-bottom:16px;
	float:right; }

.front #info-block span.title{
	/*background:#32A7C8 url(images/dot_texture-white-4px.gif) repeat-x left top;*/
  background: #8f888a;
	color:#fff;
	display:block;
	padding-top:4px;
	padding-left:12px;
	height:24px;
	width:276px;
	font-size:12px;
	line-height:24px;
	/*text-transform: lowercase;*/
	text-align:left;
	font-weight:bold; }
.front #info-block div#info {
	overflow:hidden;
	/*background:#2b8eaa url(images/dot_texture-grey-4px.gif) repeat-x left bottom;*/
  background: #8f888a;
	padding-bottom:4px;
}
.front #info-block ul { }
.front #info-block ul li { list-style:none; }
.front #info-block ul li a {
  padding-left:12px;
  color:#fff;
  text-decoration:none;
  min-height:23px;
  /*border-bottom:1px solid #68acc0;*/
  display:block;
  line-height:23px;
}
.front #info-block ul li a:hover {
  /*background:#226e85;*/
  background:#51585c;
}
.front #info-block ul li.link_group a { padding-left:96px; }
.front #info-block ul li.link_group a .group_leader {
	display:block;
	float:left;
	text-indent:-84px; }

/** front page "hotlinks" **/
.front #hotlinks-dropdown-block {
	width:288px;
	margin-bottom:16px;
	float:right; }
.front #hotlinks-dropdown-block span.title {
	/*background:#f70092 url(images/dot_texture-white-4px.gif) repeat-x left top;*/
  /*color:#fff; */
  background: #b3b5b7;
  color: #51585c;
	display:block;
	padding-top:4px;
	padding-left:12px;
	height:24px;
	width:276px;
	font-size:12px;
	line-height:24px;
	text-align:left;
	font-weight:bold; }
.front #hotlinks-dropdown-block {
	overflow:hidden;
	/*background:#d2007c url(images/dot_texture-white-4px.gif) repeat-x left bottom;*/
  background: #b3b5b7;
	padding-bottom:4px;
}
.front #hotlinks-dropdown-block ul {
  width:144px;
  float:left;
}
.front #hotlinks-dropdown-block ul li {
  list-style:none;
}
.front #hotlinks-dropdown-block ul li a {
  padding-left:12px;
  /*color:#fff;*/
  color: #51585c;
  text-decoration:none;
  min-height:23px;
  /*border-bottom:1px solid #dc3b9a;*/
  display:block;
  line-height:23px;
}
.front #hotlinks-dropdown-block ul li a:hover {
  /*background:#a30161;*/
  background-color: #51585c;
  color: #fff;
}

/** front page search **/
.front #search-form {
	width:286px;
	/*float:right;*/
	border: 1px solid #a0a0a0;
	margin-bottom:16px; }
.front .submit-field { height:18px; border:none; width:174px; margin-right:4px; padding:6px 2px 0 12px; float:left; }
.front .submit-button {
	background:#666666;
	color: #fff;
	height:24px;
	width:94px;
	border:none;
	border-left: 1px solid #a0a0a0;
	font-size:12px;
	text-transform: uppercase;
	text-align:center;
	letter-spacing:1px; }

/*********************************************************************

 =landing_page : 

*********************************************************************/

  body.node-type-landing-page #main /* default background for landing page headers */
	{
	background:transparent url('images/header-landing-1.jpg') no-repeat center top; }
/* these styles are used for randomizing the background image on landing pages. */

  body.header2.node-type-landing-page #main {
	background-image:url('images/header-landing-2.jpg'); }
  body.header3.node-type-landing-page #main {
	background-image:url('images/header-landing-3.jpg'); }
  body.header4.node-type-landing-page #main {
	background-image:url('images/header-landing-4.jpg'); }
  body.header5.node-type-landing-page #main {
	background-image:url('images/header-landing-5.jpg'); }
  body.header6.node-type-landing-page #main {
	background-image:url('images/header-landing-6.jpg'); }
  body.header7.node-type-landing-page #main {
	background-image:url('images/header-landing-7.jpg'); }
  body.header8.node-type-landing-page #main {
	background-image:url('images/header-landing-8.jpg'); }
  body.header9.node-type-landing-page #main {
	background-image:url('images/header-landing-9.jpg'); }

  .node-type-landing-page .intro_text { height:128px; color:#fff; line-height:28px; font-size:18px; }

/*********************************************************************

 =sidebar : 

*********************************************************************/

#sidebar-right .block /* Block wrapper */ { margin-bottom: 16px; }

/** sidebar nav **/
#sidebar-right-inner { margin-top:28px; }
#sidebar-right #block-menu_block-4 .block-inner h2 {display: none;}
#sidebar-right #block-menu_block-3 .block-inner .content,
#sidebar-right #block-menu_block-4 .block-inner .content,
#sidebar-right #block-ec_people-0 .block-inner .content { background:#333; }
#sidebar-right #block-menu_block-3 ul.menu,
#sidebar-right #block-menu_block-4 ul.menu,
#sidebar-right #block-ec_people-0 ul.menu { padding-top:4px; background:#505050 url('images/dot_texture-grey-4px.gif') repeat-x top left; }
#sidebar-right #block-menu_block-3 ul.menu ul.menu,
#sidebar-right #block-menu_block-4 ul.menu ul.menu,
#sidebar-right #block-ec_people-0 ul.menu ul.menu { padding-top:0; background:#505050 url('images/dot_texture-grey-2px.gif') repeat-x top left; }

#sidebar-right #block-menu_block-3 ul.menu li,
#sidebar-right #block-menu_block-4 ul.menu li,
#sidebar-right #block-ec_people-0 ul.menu li { min-height:24px; list-style:none; background:transparent url('images/dot_texture-grey-2px.gif') repeat-x left bottom; padding:0; }
#sidebar-right #block-menu_block-3 ul.menu li a,
#sidebar-right #block-menu_block-4 ul.menu li a,
#sidebar-right #block-ec_people-0 ul.menu li a,
#sidebar-right #block-ec_people-0 ul.menu li span.name /* style for guest members (who don't fit into any of the people categories) */ { display:block; color:#fff; /*padding-left:24px;*/ padding:3px 12px; text-transform:lowercase; font-size:12px; line-height:16px; text-decoration:none; min-height:17px; }

#sidebar-right #block-menu_block-3 ul.menu li ul.menu li a { padding-left:24px; }
#sidebar-right #block-menu_block-3 ul.menu li ul.menu li ul.menu li a { padding-left:36px; }
#sidebar-right #block-menu_block-3 ul.menu li ul.menu li ul.menu li ul.menu li a { padding-left:48px; }
#sidebar-right #block-menu_block-3 ul.menu li ul.menu li ul.menu li ul.menu li ul.menu li a { padding-left:60px; }

#sidebar-right #block-menu_block-4 ul.menu li ul.menu li a { padding-left:24px; }
#sidebar-right #block-menu_block-4 ul.menu li ul.menu li ul.menu li a { padding-left:36px; }
#sidebar-right #block-menu_block-4 ul.menu li ul.menu li ul.menu li ul.menu li a { padding-left:48px; }
#sidebar-right #block-menu_block-4 ul.menu li ul.menu li ul.menu li ul.menu li ul.menu li a { padding-left:60px; }

#sidebar-right #block-menu_block-3 ul.menu li a:hover,
#sidebar-right #block-menu_block-4 ul.menu li a:hover,
#sidebar-right #block-ec_people-0 ul.menu li a:hover,
#sidebar-right #block-menu_block-3 ul.menu li a.active,
#sidebar-right #block-menu_block-4 ul.menu li a.active,
#sidebar-right #block-ec_people-0 ul.menu li a.active,
#sidebar-right #block-ec_people-0 ul.menu li.active span.name /* style for guest members (who don't fit into any of the people categories) */ { background-color:#000; }

#sidebar-right #block-menu_block-3 .block-inner,
#sidebar-right #block-menu_block-4 .block-inner,
#sidebar-right #block-ec_people-0 .block-inner { padding-bottom:4px; background: transparent url('images/dot_texture-grey-4px.gif') repeat-x bottom left; margin-bottom:8px; }
#sidebar-right #block-menu_block-3 ul.menu li.first a,
#sidebar-right #block-menu_block-4 ul.menu li.first a,
#sidebar-right #block-ec_people-0 ul.menu li.first a { display: block; height: auto; line-height: 12px; min-height: 13px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; }

/** sidebar search **/
#sidebar-right #search-form {  }
#sidebar-right .submit-field { height:16px; border:none; width:176px; margin-right:4px; padding:6px 2px 0 8px; float:left; border:1px solid #a0a0a0; }
#sidebar-right .submit-button { border:none; background:#666; color:#fff; height:24px; width:96px; font-size:12px; text-transform: uppercase; text-align:center; letter-spacing:1px; cursor: pointer; }

/** library hotlinks search form **/
#hotlinks-lib-dropdown-block form { padding:4px 0; float:left; border-top:1px solid #DC3B9A; line-height:16px; font-size:12px; }
#sidebar-right #hotlinks-lib-dropdown-block form .submit-field { margin-left:4px; width:132px; line-height:16px; height:16px; font-size:12px; padding:2px 2px 0 4px; border:none; }
#sidebar-right #hotlinks-lib-dropdown-block form .submit-button { background:#A30161; color:#fff; width:138px; line-height:14px; height:18px; font-size:12px; }
#sidebar-right #hotlinks-lib-dropdown-block form .submit-button:hover { background:#000; }

/** library askaway widget **/
/** needed to limit the height of the widget in Chrome **/
/** added by hannar Feb 11, 2014 **/
#sidebar-right #askaway-widget { height: 250px; }

/** sidebar "info for" dropdown **/
#sidebar-right #info-dropdown-block {  }
#sidebar-right #info-dropdown-block span.title { background:#32A7C8 url('images/arrow-down.gif') no-repeat 237px center; color:#fff; display:block; padding-left:8px; height:24px; width:280px; font-size:12px; line-height:24px; text-decoration:none; text-transform: lowercase; text-align:left; font-weight:bold; cursor: pointer; }
#sidebar-right #info-dropdown-block span.title:hover { background-color:#226E85; }
#sidebar-right #info-dropdown-block div#info-dropdown {
	overflow:hidden;
	background:#2b8eaa url(images/dot_texture-grey-4px.gif) repeat-x left bottom;
	padding-bottom:4px; }
.js #sidebar-right #info-dropdown-block div#info-dropdown { display: none; }
#sidebar-right #info-dropdown-block ul { }
#sidebar-right #info-dropdown-block ul li { }
#sidebar-right #info-dropdown-block ul li a { padding-left:8px; color:#fff; text-decoration:none; min-height:23px; border-bottom:1px solid #68ACC0; display:block; line-height:23px; }
#sidebar-right #info-dropdown-block ul li a:hover { background:#226e85; }
#sidebar-right #info-dropdown-block ul li.link_group a { padding-left:96px; }
#sidebar-right #info-dropdown-block ul li.link_group a .group_leader { display:block; float:left; text-indent:-88px; }

/** sidebar "hotlinks" and "library hotlinks" blocks **/
#sidebar-right #hotlinks-dropdown-block span.title,
#sidebar-right #hotlinks-lib-dropdown-block span.title {
  /*background:#f70092 url('images/arrow-down.gif') no-repeat 237px center;*/
  /*color:#fff;*/
  background: #b3b5b7 url('images/arrow-down.gif') no-repeat 237px center;
  color: #51585c;
  display:block;
  padding-left:8px;
  height:24px;
  width:280px;
  font-size:12px;
  line-height:24px;
  text-decoration:none;
  /*text-transform: lowercase;*/
  text-align:left;
  font-weight:bold;
  cursor: pointer;
}
#sidebar-right #hotlinks-dropdown-block span.title:hover,
#sidebar-right #hotlinks-lib-dropdown-block span.title:hover {
  /*background-color:#A30161;*/
  background-color: #51585c;
  color: #fff;
}
#sidebar-right #hotlinks-dropdown-block div#hotlinks-dropdown,
#sidebar-right #hotlinks-lib-dropdown-block div#hotlinks-lib-dropdown {
	overflow:hidden;
	/*background:#d2007c url(images/dot_texture-white-4px.gif) repeat-x left bottom;*/
  background-color: #b3b5b7;
	padding-bottom:4px;
}

.js #sidebar-right #hotlinks-dropdown-block div#hotlinks-dropdown { display: none; }
#sidebar-right #hotlinks-dropdown-block ul,
#sidebar-right #hotlinks-lib-dropdown-block ul { width:144px; float:left; }
#sidebar-right #hotlinks-dropdown-block ul li,
#sidebar-right #hotlinks-lib-dropdown-block ul li { margin:0; }
#sidebar-right #hotlinks-dropdown-block ul li a,
#sidebar-right #hotlinks-lib-dropdown-block ul li a {
  padding-left:8px;
  color:#51585c;
  text-decoration:none;
  min-height:23px;
  /*border-bottom:1px solid #DC3B9A;*/
  display:block;
  line-height:23px;
}
#sidebar-right #hotlinks-dropdown-block ul li a:hover,
#sidebar-right #hotlinks-lib-dropdown-block ul li a:hover {
  /*background:#a30161;*/
  background-color: #51585c;
  color: #fff;
}

/** sidebar "site activity" **/
#block-views-site_activity-block_1 { position:relative; }

#block-views-site_activity-block_1 h2.title {
	background:#fff205 url(images/dot_texture-white-4px.gif) repeat-x left top;
	display:block;
	padding:4px 0 0 8px;
	height:24px;
	width:280px;
	font-size:12px;
	line-height:12px;
	text-align:right;
	overflow:hidden;
	color:#665c13;
	line-height:24px;
	text-transform: lowercase;
	text-align:left;
	font-weight:bold; }

#block-views-site_activity-block_1 .item-list {
	background:#fff775 url(images/dot_texture-white-4px.gif) repeat-x left bottom;
	padding-bottom:4px; }
#block-views-site_activity-block_1 .item-list ul { }
#block-views-site_activity-block_1 .item-list ul li { }
#block-views-site_activity-block_1 .item-list ul li a { padding: 8px 4px 0 32px; color:#665c13; text-decoration:none; min-height:20px; border-bottom:1px solid #fff; display:block; font-size:12px; line-height:14px; }
#block-views-site_activity-block_1 .item-list ul li a .views-field-message { display:inline; }
#block-views-site_activity-block_1 .item-list ul li a:hover { background-color:#665C13; color:#fff; }

/* sidebar view-links */

  #sidebar-right .view-links a {
	width:64px; }

/* site-activity sidebar more link */

  #sidebar-right #block-views-site_activity-block_1 .more-link a {
	background:#665c13 url('images/arrow-right-link.gif') no-repeat right center;
	color:#FFFFFF; }
  #sidebar-right #block-views-site_activity-block_1 .more-link a:hover {
	background-color:#342f0a; }

/* sidebar styles */

  .profile #sidebar-right #block-views-user_profile_links-block_1,
  .profile #sidebar-right #block-views-user_profile_networks-block_1, /* networks block */
  #sidebar-right #block-views-related_courses-block_1, /* related courses block */
  #sidebar-right #block-views-News-block_2,  /* notices block */
  #sidebar-right #block-views-user_profile_listing-block_1, /* related people block */
  #sidebar-right #block-views-work_related_people-block_1,  /* related people on work page */
  #sidebar-right #block-views-work_listing-block_2, /* related work on work page */
  #sidebar-right #block-ec_release2_util-0, /* tags block */
  #sidebar-right #block-views-tags-block_1 /* tags block on work page */ { position:relative; }

  .profile #sidebar-right #block-views-user_profile_links-block_1 h2.title,
  .profile #sidebar-right #block-views-user_profile_networks-block_1 h2.title, /* networks block */
  #sidebar-right #block-views-related_courses-block_1 h2.title, /* related courses block */
  #sidebar-right #block-views-user_profile_listing-block_1 h2.title, /* related people block */
  #sidebar-right #block-views-work_related_people-block_1 h2.title,  /* related people on work page */
  #sidebar-right #block-views-work_listing-block_2 h2.title, /* related work on work page */
  #sidebar-right #block-ec_release2_util-0 h2.title, /* tags block */
  #sidebar-right #block-views-tags-block_1 h2.title /* tags block on work page */ {
	background: #FFFFFF url(images/dot_texture-grey-4px.gif) repeat-x left top;
	display:block;
	padding:4px 0 0 8px;
	height:24px;
	width:280px;
	font-size:12px;
	line-height:12px;
	text-align:right;
	overflow:hidden;
	color:#514d4e;
	line-height:24px;
	text-transform: lowercase;
	text-align:left;
	font-weight:bold; }

	
	#sidebar-right #block-views-user_profile_links-block_1 .item-list,
    .profile #sidebar-right #block-views-user_profile_networks-block_1 .item-list, /* networks block */
    #sidebar-right #block-views-related_courses-block_1 .item-list, /* related courses block */
    #sidebar-right #block-views-user_profile_listing-block_1 .item-list, /* related people block */
	#sidebar-right #block-views-work_related_people-block_1 .item-list,  /* related people on work page */
	#sidebar-right #block-views-work_listing-block_2 .item-list, /* related work on work page */
    #sidebar-right #block-ec_release2_util-0 div.content, /* tags block */
    #sidebar-right #block-views-tags-block_1 div.content /* tags block on work page */ {
	background:#fafafa url(images/dot_texture-light_grey-4px.gif) repeat-x left bottom;
	padding-bottom:4px;
	margin-bottom:16px; }

    #sidebar-right #block-ec_release2_util-0 div.content, /* tags block */
    #sidebar-right #block-views-tags-block_1 div.content /* tags block on work page */ {
	padding-left:8px;
	padding-right:8px; }

	#sidebar-right #block-views-user_profile_links-block_1 .item-list ul,
    .profile #sidebar-right #block-views-user_profile_networks-block_1 .item-list ul, /* networks block */
    #sidebar-right #block-views-News-block_2 .item-list ul, /* notices block */
    #sidebar-right #block-views-user_profile_listing-block_1 .item-list ul, /* related people block */
	#sidebar-right #block-views-work_related_people-block_1 .item-list ul,  /* related people on work page */
	#sidebar-right #block-views-work_listing-block_2 .item-list ul, /* related work on work page */
    #sidebar-right #block-ec_release2_util-0 .item-list ul, /* tags block */ 
    #sidebar-right #block-views-tags-block_1 .item-list ul /* tags block on work page */ { list-style:none; overflow:hidden; }
    #sidebar-right #block-views-user_profile_listing-block_1 .item-list ul, /* related people block */
	#sidebar-right #block-views-work_related_people-block_1 .item-list ul,  /* related people on work page */
	#sidebar-right #block-views-work_listing-block_2 .item-list ul /* related work on work page */ { padding-left:3px; }

	#sidebar-right #block-views-user_profile_links-block_1 .item-list ul li,
    .profile #sidebar-right #block-views-user_profile_networks-block_1 .item-list ul li, /* networks block */
    #sidebar-right #block-views-News-block_2 .item-list ul li  /* notices block */ { list-style:none; margin:0; padding:0; overflow:hidden; }
    #sidebar-right #block-views-user_profile_listing-block_1 .item-list ul li, /* related people block */

	#sidebar-right #block-views-work_related_people-block_1 .item-list ul li,  /* related people on work page */

	#sidebar-right #block-views-work_listing-block_2 .item-list ul li /* related work on work page */ { list-style:none; margin:0; overflow:hidden; float:left; height:53px; width:53px; padding:3px 0 0 3px; }

    #sidebar-right #block-ec_release2_util-0 .item-list ul li /* tags block */ { list-style:none; margin:0; padding:0 0 0 8px; }

	#sidebar-right #block-views-user_profile_links-block_1 .item-list ul li a,
    .profile #sidebar-right #block-views-user_profile_networks-block_1 .item-list ul li a, /* networks block */
    .directory-landing #content-area .view-footer #block-block-active ul li a,
	.directory-landing #content-area .view-footer #block-block-newest ul li a, /* newest and most active lists on directory landing pages */
    #sidebar-right #block-views-related_courses-block_1 table.views-table td a /* related courses block */ { padding-top:5px; padding-bottom:0; padding-left:8px; color:#514d4e; text-decoration:none; min-height:23px; display:block; line-height:18px; }


    #sidebar-right #block-views-user_profile_listing-block_1 .item-list ul li a img, /* related people block */
	#sidebar-right #block-views-work_related_people-block_1 .item-list ul li a img,  /* related people on work page */
	#sidebar-right #block-views-work_listing-block_2 .item-list ul li a img /* related work on work page */ { border:1px solid #fff; }
	
    #sidebar-right #block-views-user_profile_listing-block_1 .item-list ul li a:hover img, /* related people block */
	#sidebar-right #block-views-work_related_people-block_1 .item-list ul li a:hover img,  /* related people on work page */
	#sidebar-right #block-views-work_listing-block_2 .item-list ul li a:hover img /* related work on work page */ { border:1px solid #000; }

	#sidebar-right #block-views-user_profile_links-block_1 .item-list ul li a:hover,
    .profile #sidebar-right #block-views-user_profile_networks-block_1 .item-list ul li a:hover, /* networks block */
    .directory-landing #content-area .view-footer #block-block-active ul li a:hover,
	.directory-landing #content-area .view-footer #block-block-newest ul li a:hover, /* newest and most active lists on directory landing pages */
    #sidebar-right #block-views-related_courses-block_1 table.views-table td a:hover, /* related courses block */
    #sidebar-right #block-views-user_profile_listing-block_1 .item-list ul li a:hover, /* related people block */
	#sidebar-right #block-views-work_related_people-block_1 .item-list ul li a:hover,  /* related people on work page */
	#sidebar-right #block-views-work_listing-block_2 .item-list ul li a:hover /* related work on work page */ { background-color:#ccc; }

    .profile #sidebar-right #block-views-user_profile_networks-block_1 .item-list ul li img /* networks block */ { /*margin: 3px 7px -3px 0px; width:16px;*/ border:1px solid #fff; /*float:left;*/ vertical-align:text-bottom; padding-right:2px; }

	/* =related courses block */
    #sidebar-right #block-views-related_courses-block_1 table.views-table { background:#F8F8F8; } /* related courses block */
    #sidebar-right #block-views-related_courses-block_1 table.views-table td, /* related courses block */
	.views-field-field-ec-course-name-value { padding:0; background:#F8F8F8; }
	#sidebar-right .views-field-field-ec-course-name-value a { width:52px; padding:0 4px 0 8px; float:left; font-size:10px; }
	#sidebar-right .views-field-title a { /*width:192px; float:left;*/ }
    #sidebar-right #block-views-related_courses-block_1 table.views-table thead { display:none; }

/* profile & group custom sub nav */
	.profile #block-ec_people-0 li.active a,
	.group #block-ec_people-0 li.active a { background:#000; } /*temp style for active item*/
	.profile #block-ec_people-0 .custom_sub_nav,
	.group #block-ec_people-0 .custom_sub_nav { width:288px; background:#fff url('images/dot_texture-grey-2px.gif') repeat-x left bottom; display:block; overflow:hidden; }
	.profile #block-ec_people-0 .custom_sub_nav li { width:144px; display:block; float:left; }
	.group #block-ec_people-0 .custom_sub_nav li { /*width:144px; display:block; float:left;*/ }
	.profile #sidebar-right #block-ec_people-0 .custom_sub_nav li a,
	.group #sidebar-right #block-ec_people-0 .custom_sub_nav li a { background:#fff; color:#ff0094; }
	.profile #sidebar-right #block-ec_people-0 .custom_sub_nav li.active a,
	.group #sidebar-right #block-ec_people-0 .custom_sub_nav li.active a { background:#ff0094; color:#fff; }
	.profile #sidebar-right #block-ec_people-0 .custom_sub_nav li a:hover,
	.group #sidebar-right #block-ec_people-0 .custom_sub_nav li a:hover { background:#ff0094; color:#fff; }
	.profile #block-ec_people-0 .custom_sub_nav li.name,
	.group #block-ec_people-0 .custom_sub_nav li.name { width:288px; }
	.profile #sidebar-right #block-ec_people-0 .custom_sub_nav li.name a { background:#ff0094 url('images/dot_texture-grey-2px.gif') repeat-x left -1px; color:#fff; }
	.profile #sidebar-right #block-ec_people-0 .custom_sub_nav li.name a:hover { background-color:#A30161; color:#fff; }

	#sidebar-right #block-ec_people-0 ul.menu li.name a { text-transform:none; }

/* color rules for customs sub nav per staff / group type */
	.profile.staff #sidebar-right #block-ec_people-0 .custom_sub_nav li a,
	.profile.member #sidebar-right #block-ec_people-0 .custom_sub_nav li a { color:#000; }
	.profile.staff #sidebar-right #block-ec_people-0 .custom_sub_nav li a:hover,
	.profile.member #sidebar-right #block-ec_people-0 .custom_sub_nav li a:hover { background-color:#000; color:#fff205; }
	.profile.staff #sidebar-right #block-ec_people-0 .custom_sub_nav li.name a,
	.profile.member #sidebar-right #block-ec_people-0 .custom_sub_nav li.name a { background-color:#FFF205; color:#000; }
	.profile.staff #sidebar-right #block-ec_people-0 .custom_sub_nav li.name a:hover,
	.profile.member #sidebar-right #block-ec_people-0 .custom_sub_nav li.name a:hover { background-color:#000; color:#FFF205; }
	.profile.staff #sidebar-right #block-ec_people-0 .custom_sub_nav li.active a,
	.profile.member #sidebar-right #block-ec_people-0 .custom_sub_nav li.active a { background:#FFF205; color:#000; }

	.profile.faculty #sidebar-right #block-ec_people-0 .custom_sub_nav li a { color:#32A7C8; }
	.profile.faculty #sidebar-right #block-ec_people-0 .custom_sub_nav li a:hover { background-color:#226E85; color:#fff; }
	.profile.faculty #sidebar-right #block-ec_people-0 .custom_sub_nav li.name a { background-color:#32A7C8; color:#fff; }
	.profile.faculty #sidebar-right #block-ec_people-0 .custom_sub_nav li.name a:hover { background-color:#226E85; }
	.profile.faculty #sidebar-right #block-ec_people-0 .custom_sub_nav li.active a { background:#32A7C8; color:#fff; }

	.group #sidebar-right #block-ec_people-0 .custom_sub_nav li a { color:#32A7C8; }
	.group #sidebar-right #block-ec_people-0 .custom_sub_nav li a.active,
	.group #sidebar-right #block-ec_people-0 .custom_sub_nav li a:hover { background-color:#226E85; color:#fff; }
	.group #sidebar-right #block-ec_people-0 .custom_sub_nav li.first a { background:#32A7C8 url('images/dot_texture-grey-2px.gif') repeat-x left top; color:#fff; } /* style for link to name of group */
	.group #sidebar-right #block-ec_people-0 .custom_sub_nav li.first a:hover { background-color:#226E85; } /* style for link to name of group */

/* notices sidebar */

  #sidebar-right #block-views-News-block_2 h2.title /* notices block */ {
	background: #151515 url(images/dot_texture-white-4px.gif) repeat-x left top;
	display:block;
	padding:4px 0 0 8px;
	height:24px;
	width:280px;
	font-size:12px;
	line-height:12px;
	text-align:right;
	overflow:hidden;
	color:#FFF205;
	line-height:24px;
	text-transform: uppercase;
	text-align:left;
	font-weight:bold; }

  #sidebar-right #block-views-News-block_2 .item-list /* notices block */ {
	background:#636363 url(images/dot_texture-light_grey-4px.gif) repeat-x left bottom;
	padding-bottom:4px;
	margin-bottom:16px; }

  #sidebar-right #block-views-News-block_2 .item-list ul li /* notices block */ { color:#fff; border-bottom:1px solid #797979; padding:0; }
  #sidebar-right #block-views-News-block_2 .item-list ul li a /* notices block */ { color:#fff; text-decoration:none; min-height:24px; display:block; line-height:20px; padding:2px 8px; }
  #sidebar-right #block-views-News-block_2 .item-list ul li a:hover /* notices block */ { text-decoration:none; color:#000; background:#fff205; }

/*********************************************************************

 =profile : 

*********************************************************************/

  .profile { margin:0; }

  .profile #main,
  .section-user #main, /* temp styles for user edit pages */
  .node-type-profile #main /* temp styles for user edit pages */ {
	background:transparent url('images/header-profile.jpg') no-repeat center top; }

  .section-user #content-header h1.title, /* temp styles for user edit pages */
  .node-type-profile #content-header h1.title /* temp styles for user edit pages */{
	color:#DCDCDC; }
	
  .filefield-element .widget-edit { float:left; width:480px; max-width:none; } /* temp styles for user edit pages */

 /* .profile */ .view-empty {
	padding:8px 16px; }

/* profile page header */

  .profile #content-top,
  .section-user #content-top, /* temp styles for user edit pages */
  .node-type-profile #content-top{
	background:transparent;
	margin: 0 0 0 32px;
	padding:0;
	width:544px;
	overflow:hidden; }

/*
  .view-user-profile-public .view-content { overflow:hidden; }
*/

  #block-views-user_profile_public-block_1 .views-field-field-profile-image-fid {
	width:95px;
	height:95px;
	float:left;
	padding:0 28px 28px 0; }

  #content-inner #block-views-user_profile_public-block_1 .views-field-field-profile-image-fid img,
  .group #content-inner #block-views-group_home-block_1 .views-field-field-group-icon-fid img {
	border-right:4px solid #191919;
	border-bottom:4px solid #191919; 
	border-top: 0;
	border-left: 0;
	height:91px; /* temp : forcing the size of avatars cuz the cropping isn't working perfectly yet */
	width:91px; /* temp : forcing the size of avatars cuz the cropping isn't working perfectly yet */ }

  #block-views-user_profile_public-block_1 .views-field-field-profile-full-name-value {
	font-size:24px;
	line-height:24px;
	padding-top:26px;
	height:24px;
	color:#dcdcdc; }

  #block-views-user_profile_public-block_1 .views-field-field-profile-full-name-value a {
	text-decoration:none;
	color:#dcdcdc; }

  #block-views-user_profile_public-block_1 .views-field-uid /* edit profile link */ {
	display:block;
/*
	width:94px;
*/
	width:128px;
	float:right;
	margin-top:-54px; }
  #block-views-user_profile_public-block_1 .views-field-uid a /* edit profile link */ {
	background:#F70092 url(images/arrow-right-link.gif) no-repeat scroll right center;
	color:#FFFFFF;
	display:block;
	font-size:9px;
	line-height:12px;
	margin-top:4px;
	padding:0 0 0 8px;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
/*	width:86px;*/
	width:120px; }
	
  #block-views-user_profile_public-block_1 .views-field-uid .profile-visibility /* profile visibility status */ { 
	color:#A4A4A4;
	display:block;
	font-size:9px;
	line-height:12px;
	padding:0 0 0 8px;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase; }
	
  #block-views-user_profile_public-block_1 .views-field-uid a:hover /* edit profile link */ { background-color:#A30161; }
	body.staff #main #block-views-user_profile_public-block_1 .views-field-uid a /* edit profile link */,
	body.member #main #block-views-user_profile_public-block_1 .views-field-uid a /* edit profile link */ { background-color:#FFF205; color:#665C13; }
	body.staff #main #block-views-user_profile_public-block_1 .views-field-uid a:hover /* edit profile link */,
	body.member #main #block-views-user_profile_public-block_1 .views-field-uid a:hover /* edit profile link */ { background-color:#665C13; color:#FFF205; }
	body.faculty #main #block-views-user_profile_public-block_1 .views-field-uid a /* edit profile link */ { background-color:#32A7C8; color:#fff; }
	body.faculty #main #block-views-user_profile_public-block_1 .views-field-uid a:hover /* edit profile link */ { background-color:#226E85; color:#fff; }

	#page #block-views-user_profile_public-block_1 .views-field-mail /* email link */,
	#page #block-views-user_profile_public-block_1 .views-field-field-profile-phone-value /* phone number */ {
	display:inline;
	line-height:12px;
	font-size:10px;
	color:#dcdcdc;
	margin:0;
	padding:0 8px 0 0;
	width:auto;
	height:10px;
	float:left; }

  #block-views-user_profile_public-block_1 .views-field-mail a /* email link */ {
	color:#dcdcdc;
	text-decoration:none; }

  #block-views-user_profile_public-block_1 .views-field-field-profile-primary-user-type-value {
	width:420px;
	font-size:10px;
	line-height:10px;
	padding: 1px 0 1px 1px;
	color:#fff;
	background:#ff0094;
	text-transform:uppercase;
	display:block;
	float:left; }

.student #block-views-user_profile_public-block_1 .views-field-field-profile-primary-user-type-value {
	background:#ff0094; }

.staff #block-views-user_profile_public-block_1 .views-field-field-profile-primary-user-type-value,
.member #block-views-user_profile_public-block_1 .views-field-field-profile-primary-user-type-value {
	background:#FFF205; color:#000; }

.faculty #block-views-user_profile_public-block_1 .views-field-field-profile-primary-user-type-value {
	background:#32A7C8; }


  body.page-people-profile-14105 #block-views-user_profile_public-block_1 .views-field-field-profile-title-override-value {
    text-transform: none;
  }
  #block-views-user_profile_public-block_1 .views-field-field-profile-title-override-value {
	font-size:11px;
	line-height:18px;
	color:#a7a7a7;
	text-transform:lowercase;
	width:420px;
	float:left;
	font-style:italic; }

  #block-views-user_profile_public-block_1 .views-field-filepath, #block-views-user_profile_public-block_1 .views-field-filepath-1 {
	float:right;
	width:96px; }

  #block-views-user_profile_public-block_1 a.downloads {
	background:#000 url('images/icon-file.gif') no-repeat 83px center;
	width:80px;
	display:block;
	float:right;
	text-align:left;
	padding:0 6px 0 8px;
	margin:2px 0 0 2px;
	text-decoration:none;
	color:#fff;
	font-size:9px;
	line-height:10px;
	text-transform:uppercase; }
  #block-views-user_profile_public-block_1 .views-field-filepath a:hover {
	background-color:#333; }

.profile .views-field-nothing { clear: both; float: right; height:16px; margin-top:-16px;} /* =report abuse link */
.profile .views-field-nothing a.report-abuse { font-size: 9px; color: #FFF; text-transform: uppercase; background: #313030; display: block; width: 118px; padding: 0 1px 0 8px; height: 13px; line-height: 12px; margin: 3px 0 2px 2px; text-decoration:none; }
.profile .views-field-nothing a.report-abuse:hover { background: #000; }

/* profile page blocks */

  .profile #content-bottom,
  .node-type-work #content-bottom, /* this style shared with =work */
  .group #content-bottom /* this style shared with =group */
	{
	background: transparent;
/*	margin: -16px 0 0 32px; */ /* temp this was working and now it's weird... removing the negative margin */

	margin: 0 0 0 32px;

	padding: 0;
	width: 544px;
/*
	overflow:hidden;
*/ }

  .profile #content-bottom .block,

  .directory-landing #content-area .results > .view-content, /* style for search results on directory landing pages */
  .node-type-work #content-bottom .block, /* this style shared with =work */
  .group #content-bottom .block, /* this style shared with =group */
  .directory-listing #content-area .view,
  .section-search #content-area .view /* this style shared with =section-search */ {
	background:#fff;
	margin-bottom: 20px;
	color:#514d4e;
	position:relative; }

  .page-about-news #content-area, /* =page-about-news */
  .page-about-events #content-area,  /* =page-about-events */
  .page-support-supportnews #content-bottom,  /* adding news list to supportnews page (Aug 8/2014 hannar) */
  .page-news-block #content-bottom /* adding a generic news list view for specific pages (Oct 21/2014 hannar) */
	{ width:512px; padding:32px 16px 16px; }
  
  .page-about-events #content-area .view-header .view-content-Events_Calendar .item-list ul /* =page-about-events event taxonomy listing */
	{ /*width:528px; margin-left:-8px;*/ margin-bottom: 24px; }
  .page-about-events #content-area .view-header .view-content-Events_Calendar .item-list ul li /* =page-about-events event taxonomy listing */
	{ padding:0; }
  .page-about-events #content-area .view-header .view-content-Events_Calendar .item-list ul li a /* =page-about-events event taxonomy listing */
	{ display:block; background:#fafafa; padding: 4px 8px 3px; line-height:16px; text-decoration:none; }
  .page-about-events #content-area .view-header .view-content-Events_Calendar .item-list ul li a:hover /* =page-about-events event taxonomy listing */
	{ background:#eee; }

   body.node-type-event .field-field-event-date {font-weight: bold; margin-bottom: 24px;}

  .profile #content-bottom .block ul li,
  .profile .view-user-profile-activity .item-list ul li, /* this style shared with =profile-activity */
  .profile .view-user-profile-groups .item-list ul li, /* this style shared with =profile-groups groups listing on user profile */
  .profile .view-user-profile-courses .item-list ul li, /* this style shared with =profile-courses courses listing on user profile */
  .profile .view-user-profile-webactivity .item-list ul li, /* this style shared with =webactivity */
  .group #content-bottom .block ul li, /* this style shared with =group */
  .directory-listing #content-area .view .item-list ul li,
  .directory-landing #content-area .results > .view-content > .item-list ul li, /* style for search results on directory landing pages */
  .section-search #content-area .view .item-list ul li, /* this style shared with =section-search */
  .page-about-news #content-area .view .item-list ul li, /* this style shared with =page-about-news */
  .page-about-events #content-area .view .item-list ul li, /* this style shared with =page-about-events */
  .profile #content-area .view-user-profile-pixel-icons ul li, /* =temp style for 10x's listing page on profile page */ 
  .page-support-supportnews #content-bottom .view .item-list ul li,  /* added for news list on supportnews page (Aug 8/2014 hannar) */
  .page-news-block #content-bottom .view .item-list ul li /* adding a generic news list view for specific pages (Oct 21/2014 hannar) */
	{
	margin:0;
	padding:7px 0 6px 16px;
	border-bottom: 1px solid #eee;
	font-size:12px;
	line-height:16px;
	list-style:none;
	overflow:hidden; }

.profile #block-views-user_profile_courses-block_1 h3 {
	border-bottom: 1px solid #EEE;
	font-size:12px;
	line-height:28px;
	margin:0;
	padding-left:16px;
	text-transform:lowercase; }

  .profile #content-bottom .block p,
  .profile .view-user-profile-comments p,
  .group #content-bottom .block p, /* this style shared with =group */
  .group #content-area .view p /* this style shared with =group */
	{
	margin:0;
	padding: 0;
	font-size:12px;
	line-height:16px; }

  .profile #content-bottom .views-field-field-profile-bio-value { padding: 8px 16px; color:#231F20; font-size:14px; line-height:24px; }
  .profile #content-bottom .views-field-field-profile-bio-value p { padding: 0; color:#231F20; margin-bottom:1em; font-size:14px; line-height:24px; }
  .profile #content-bottom .views-field-field-profile-bio-value ul li { list-style-type:square; list-style-position:inside; }
  .profile #content-bottom .views-field-field-profile-bio-value ul { list-style-type:square; list-style-position:inside; margin-bottom:1em; }

  .profile #content-bottom .block h2.title, /* Block title */
  .node-type-forum .box h2.title, /* Block title */
  .group #content-bottom .block h2.title /* this style shared with =group */
	{
	background:#fafafa url('images/dot_texture-grey-4px.gif') repeat-x top left; 
	padding:4px 0 0 16px;
	color:#544d4e;
	font-weight:bold;
	font-size:13px;
	line-height:24px;
	text-transform:lowercase; }

  .profile #content-area, /* content area has different padding on =profile pages. */
  .group #content-area /* content area has different padding on =group pages. */
	{
	padding:0;
	width:544px;
	position:relative; }

  .profile #content-header h1.title, /* page titles for "soloed" =profile blocks */
  .group #content-header h1.title /* page titles for "soloed" =group blocks */
	{ 
	background:#fafafa url('images/dot_texture-grey-4px.gif') repeat-x top left; 
	padding:8px 0 2px 16px;
	color:#544d4e;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	text-transform:lowercase;
	height:auto; 
	min-height:18px; }

.profile.node-type-profile #content-header h1.title,
.group.node-type-group #content-header h1.title /* hide extraneous titles on top pages of profile and groups */
	{
	display:none;	}
.profile.node-type-profile #content-area, .group.node-type-group #content-area {
	margin-bottom:0; } /* =temp : removing margin on the "content-area" on these pages because it's empty anyway and screws with the layout */

  .profile #content-area ul li, /* no bullets for lists on =profile pages. */
  .group #content-area ul li /* no bullets for lists on =group pages. */
	{
	list-style:none; }

  .profile tr.even, .profile tr.odd, /* no zebra stripes for lists on =profile pages. */
  .group tr.even, .group tr.odd, /* no zebra stripes for lists on =group pages. */
	{
	background-color:transparent;
	min-height:23px;
	line-height:23px;
	border-bottom:1px solid #eee;
	padding:0; }

/* profile comments block */
.profile .view-user-profile-comments  li { overflow:hidden; }
.profile .view-user-profile-comments  .views-field-title { width:112px; padding-right:16px; float:left; }
.profile .view-user-profile-comments  .views-field-title a { display:block; }
.profile .view-user-profile-comments  .views-field-comment { width:388px; float:left; }
.profile #content-area .view-user-profile-comments .item-list ul li.views-row { border-bottom:1px solid #eee; padding: 6px 0 5px 16px; color:#514D4E; }
.profile #content-area .view-user-profile-comments .item-list ul li.views-row a { padding: 0; color:#514D4E; text-decoration:underline; min-height:auto; border:none; display:block; font-size:12px; line-height:16px; background:transparent; }
.profile #content-area .view-user-profile-comments .item-list ul li a:hover {}

/* profile events blocks */
.profile .events li { overflow:hidden; }
.profile .events .event-date { width:80px; padding-right:16px; float:left; }
.profile .events .event-name { width:112px; padding-right:16px; float:left; }
.profile .events .event-name a { display:block; }
.profile .events .event-description { width:256px; float:left; }

.profile #content-area .item-list ul li a:hover,
.group #content-area .item-list ul li a:hover /* this style shared with =group */
{ color:#000; text-decoration:underline; }

/* =profile user profile activity block */
.profile #content-area .view-user-profile-activity .item-list ul li a { background-position:16px center;
	border:none;
	padding:0; } /* change style on soloed view */

.profile #content-area .view-user-profile-activity .item-list ul li a:hover {
	background:transparent;
	color:#000; }

.profile .view-user-profile-activity .item-list ul { }
.profile .view-user-profile-activity .item-list ul li { }
.profile .view-user-profile-activity .item-list ul li a { color:#514D4E; text-decoration:none; min-height:20px; line-height:20px; }
.profile .view-user-profile-activity .item-list ul li a .views-field-message .field-content { text-decoration:underline; }
.profile .view-user-profile-activity .item-list ul li.icon-profile .activitystream-item { background:transparent url('images/icon-profile-grey.gif') no-repeat left center; }
.profile .view-user-profile-activity .item-list ul li.icon-group .activitystream-item { background:transparent url('images/icon-group-grey.gif') no-repeat left center; }
.profile .view-user-profile-activity .item-list ul li.icon-10x .activitystream-item { background:transparent url('images/icon-10x-grey.gif') no-repeat left center; }
.profile .view-user-profile-activity .item-list ul li.icon-work .activitystream-item { background:transparent url('images/icon-work-grey.gif') no-repeat left center; }
.profile .view-user-profile-activity .item-list ul li.icon-event .activitystream-item { background:transparent url('images/icon-event-grey.gif') no-repeat left center; }
.profile .view-user-profile-activity .item-list ul li.icon-comment .activitystream-item { background:transparent url('images/icon-comment-grey.gif') no-repeat left center; }
.profile .view-user-profile-activity .item-list ul li.icon-news .activitystream-item { background:transparent url('images/icon-news-grey.gif') no-repeat left center; }
.profile .view-user-profile-activity .item-list ul li a:hover { color:#000; background:transparent; }

  .profile #content-bottom .block tr.even td, .profile #content-bottom .block tr.odd td {
	padding:7px 0 6px 16px; }

  .profile #content-bottom .pixel_icon {
	float:left;
	width:51px;
	height:51px;
	padding:0;
	margin:3px 0 3px 3px; }

	.not-front #page #content-bottom #block-views-889ad9b406c4232c9701e79760500570 ul, /* note : these drupal generated ids are weird. this one shows up on people/work pages */
	.not-front #page #content-bottom #block-views-d352c88a0c7c66ffb0b956d353882c89 ul, /* temp styles for =10x grid display in main content column */
  .not-front #page #content-bottom #block-views-user_profile_listing-block_2 ul /* =member grid display in =group page */ {
		height:53px;
		overflow:visible;
		padding:2px 0 3px 2px; }
  .not-front #page #content-bottom #block-views-889ad9b406c4232c9701e79760500570 ul li, /* temp : this weird id shows up on people/work pages */
  .not-front #page #content-bottom #block-views-d352c88a0c7c66ffb0b956d353882c89 ul li, /* temp styles for =10x grid display in main content column */
  .not-front #page #content-bottom #block-views-user_profile_listing-block_2 ul li /* =member grid display in =group page */ {
		border:medium none;
		float:left;
		height:53px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
		overflow:visible;
		padding:0 1px 0 0;
		width:53px; }

	.not-front #page #page-inner #main #content-bottom .views-admin-links ul.links,
	.not-front #page #content-bottom #block-views-889ad9b406c4232c9701e79760500570 .views-admin-links ul.links li, /* temp : this weird id shows up on people/work pages */
	.not-front #page #content-bottom #block-views-d352c88a0c7c66ffb0b956d353882c89 .views-admin-links ul.links li,
	.not-front #page #content-bottom #block-views-user_profile_listing-block_2 .views-admin-links ul.links li /* admin links for =member grid display in =group page */
	{ height:auto; border:none; padding:0; margin:0; }

	#block-views-889ad9b406c4232c9701e79760500570 .view-empty, /* temp : this weird id shows up on people/work pages */
	#block-views-d352c88a0c7c66ffb0b956d353882c89 .view-empty { padding:0 16px; } /* style for empty content output */

/* =profile and =webactivity and =directory-listing, =listing, =section-search */

a.imagefield { line-height:0; display:block; }

  .profile .view-work-listing .views-row
 	{ overflow:hidden; padding:7px 0 6px 16px; border-bottom:1px solid #eee; }
  .directory-listing #content-area .view .item-list ul,

  .directory-landing #content-area .results > .view-content > .item-list ul, /* style for search results on directory landing pages */
  .section-search #content-area .view .item-list ul,
  .page-about-news #content-area .view .item-list ul,
  .page-about-events #content-area .view .item-list ul,
  .page-support-supportnews #content-bottom .view .item-list ul,
  .page-news-block #content-bottom .view .item-list ul,
  .page-about-news #content-area .view .view-empty,
  .page-about-events #content-area .view .view-empty
 	{ border-top:1px solid #eee; }

  /* remove the border on lists inside a news item (Oct 22/2014 hannar) */
  .page-communications-emix #content-bottom .view .item-list ul .field-content ul
	{ border-top: none; }

  .page-about-news #content-area .view .view-empty,
  .page-about-events #content-area .view .view-empty
 	{ padding: 0; }
  
  .directory-listing #content-area .view .item-list ul li,

  .directory-landing #content-area .results > .view-content > .item-list ul li, /* style for search results on directory landing pages */
  .section-search #content-area .view .item-list ul li  /* =temp: this style seems to clash with line 1976 */
 	{ overflow:hidden; padding:7px 8px 6px 8px; border-bottom:1px solid #eee; }
  .page-about-news #content-area .view .item-list ul li,
  .page-about-events #content-area .view .item-list ul li,
  .page-support-supportnews #content-bottom .view .item-list ul li,
  .page-news-block #content-bottom .view .item-list ul li
	{ overflow:hidden; padding:7px 0 8px; border-bottom:1px solid #eee; }
  .profile .view-work-listing .views-field-field-work-image-fid,
  .directory-listing #content-area .view .item-list ul li .views-field-field-group-icon-fid,
  .directory-listing #content-area .view .item-list ul li .views-field-field-profile-image-fid,

  .directory-landing #content-area .results > .view-content > .item-list ul li .views-field-field-group-icon-fid, /* style for search results on directory landing pages */
  .directory-landing #content-area .results > .view-content > .item-list ul li .views-field-field-profile-image-fid, /* style for search results on directory landing pages */
  .section-search #content-area .view .item-list ul li .views-field-field-group-icon-fid,
  .section-search #content-area .view .item-list ul li .views-field-field-profile-image-fid
	{ width:93px; float:left; }
  .profile .view-work-listing .views-field-field-work-image-fid img,
  .directory-listing #content-area .view .item-list ul li .views-field-field-group-icon-fid img,
  .directory-listing #content-area .view .item-list ul li .views-field-field-profile-image-fid img,
  .directory-landing #content-area .results > .view-content > .item-list ul li .views-field-field-group-icon-fid img, /* style for search results on directory landing pages */
  .directory-landing #content-area .results > .view-content > .item-list ul li .views-field-profile-image-icon-fid img, /* style for search results on directory landing pages */
  .section-search #content-area .view .item-list ul li .views-field-field-group-icon-fid img,
  .section-search #content-area .view .item-list ul li .views-field-field-profile-image-fid img
	{ width:91px; height:91px; } /* temp style forces avatars to size */
	
  #content-area .view .item-list ul li .course-icon { width:67px; height:67px; padding:12px; margin-right:16px; background:#ddd; border:1px solid #fff; font-size:12px; line-height:18px; text-align:right;  float:left; }
  #content-area .view .item-list ul li .course-icon:hover { border:1px solid #000; }

  .profile .view-work-listing .views-field-title,
  .directory-listing #content-area .view .item-list ul li .views-field-title,

  .directory-landing #content-area .results > .view-content > .item-list ul li .views-field-title, /* style for search results on directory landing pages */
  .section-search #content-area .view .item-list ul li .views-field-title,
  .section-search #content-area .view .item-list ul li .views-field-field-profile-full-name-value
	{ font-size:16px; display:block; color:#000; line-height:16px; }
  .profile .view-work-listing .views-field-title a,
  .directory-listing #content-area .view .item-list ul li .views-field-title a,

  .directory-landing #content-area .results > .view-content > .item-list ul li .views-field-title a, /* style for search results on directory landing pages */
  .section-search #content-area .view .item-list ul li .views-field-title a,
  .section-search #content-area .view .item-list ul li .views-field-field-profile-full-name-value a
	{ font-size:16px; color:#000; display:block; text-decoration:none; }
  .page-about-news #content-area .view .item-list ul li .views-field-title a,
  .page-about-events #content-area .view .item-list ul li .views-field-title a,
  .page-support-supportnews #content-bottom .view .item-list ul li .views-field-title a,  /* added news list on supportnews page (Aug 8/2014 hannar) */
  .page-news-block #content-bottom .view .item-list ul li .views-field-title a /* adding a generic news list view to specific pages (Oct 21/2014 hannar) */
	{ font-size:16px; color:#000; display:block; text-decoration:none; padding: 8px 0; }
  .profile .view-work-listing .views-field-title a:hover,
  .directory-listing #content-area .view .item-list ul li .views-field-title a:hover,
  .directory-landing #content-area .results > .view-content > .item-list ul li .views-field-title a:hover, /* style for search results on directory landing pages */
  .page-about-news #content-area .view .item-list ul li .views-field-title a:hover,
  .page-about-events #content-area .view .item-list ul li .views-field-title a:hover,
  .page-support-supportnews #content-bottom .view .item-list ul li .views-field-title a:hover,
  .page-news-block #content-bottom .view .item-list ul li .views-field-title a:hover,
  .section-search #content-area .view .item-list ul li .views-field-title a:hover,
  .section-search #content-area .view .item-list ul li .views-field-field-profile-full-name-value a:hover
	{ text-decoration:underline; }
  .profile .view-work-listing .views-field-field-work-year-value { font-size:13px; width:400px; float:left; color:#514d4e; line-height:16px; padding-bottom:8px; }
  .profile .view-work-listing .views-field-body,
  .directory-listing #content-area .view .item-list ul li .views-field-body,
  .directory-landing #content-area .results > .view-content > .item-list ul li .views-field-body, /* style for search results on directory landing pages */
  .section-search #content-area .view .item-list ul li .views-field-body,
  .section-search #content-area .view .item-list ul li .views-field-field-work-created-by-value
	{ font-size:12px; width:403px; padding-right:16px; float:right; color:#514d4e; line-height:16px; }

  .profile .activitystream-item { display:block; padding-left:32px; background: transparent url('images/icon-default.gif') no-repeat left center; }
  .profile .activitystream-item.icon-rss { background-image:url('images/icon-rss.gif'); }
  .profile .activitystream-item.icon-digg { background-image:url('images/icon-digg.gif'); }
  .profile .activitystream-item.icon-delicious { background-image:url('images/icon-delicious.gif'); }
  .profile .activitystream-item.icon-lastfm { background-image:url('images/icon-lastfm.gif'); }
  .profile .activitystream-item.icon-flickr { background-image:url('images/icon-flickr.gif'); }
  .profile .activitystream-item.icon-twitter { background-image:url('images/icon-twitter.gif'); }

  .profile .block .view-user-profile-activity .item-list li { display:block; padding:0; }
  .profile .block .view-user-profile-activity .item-list li a { background-position:16px center; }

  .profile #content-area .view-user-profile-webactivity .item-list ul li {
	border-bottom:1px solid #eee;
	padding: 8px 16px;
	font-size:12px;
	line-height:16px;
	color:#514D4E; }

  .profile #content-area .view-user-profile-webactivity .item-list ul li a {
	border-bottom:none;
	color:#514D4E;
	display:inline;
	line-height:12px;
	min-height:auto;
	padding:0;
	text-decoration:underline; }

  .profile .activitystream-item .activity-type { display:block; font-size:10px; line-height:12px; color:#999; }
  .profile .activitystream-item .activitystream-created,
  .profile .view-user-profile-activity .views-field-created
 { display:block; font-size:10px; line-height:12px; color:#999; }

/* =profile / =courses page */

.view-user-profile-courses ul, .view-user-profile-courses .item-list ul li { overflow:hidden; }
.view-user-profile-courses .views-field-field-ec-section-name-value a { width:110px; float:left; }
.view-user-profile-courses .views-field-field-ec-course-name-value a { width:80px; float:left; }

.view-user-profile-courses.view-display-id-block_1 .views-field-title a { width:402px; float:left; }
.view-user-profile-courses.view-display-id-page_1 .views-field-title a { width:402px; float:left; }

.view-user-profile-courses.view-display-id-block_2 .views-field-title a { width:432px; float:left; }
.view-user-profile-courses.view-display-id-page_2 .views-field-title a { width:432px; float:left; }

/* =profile / =interests page */

.profile #content-area .view-tags .item-list ul li {
	padding: 2px 16px; }

.profile #content-area .view-tags .item-list ul li a {
	padding: 0;
	text-decoration:underline;
	border-bottom:none;
	display:inline; }

/*.profile #content-bottom #block-block-23 .block-inner .content { padding: 8px 16px; }*/ /* temp style for "about interests" block on bottom of interests page. */

/* =profile / =10x page */

.profile .view-user-profile-pixel-icons .pixel_icon_list .pixel_icon { width:512px; height:51px; padding:4px 16px; background:#fff; border-bottom:1px solid #eee; overflow:visible; }

.profile #content-area .view-user-profile-pixel-icons .view-empty { padding:0 16px; }

/* =profile / =work page */

.node-type-work #content-header div.tabs { margin-bottom:-32px; background:#505050; padding-top:12px; height:20px; } /* temp style for edit tabs on =work pages */
.node-type-work.section-node-edit #content-header div.tabs { margin-bottom:-48px; } /* temp style for edit tabs on =work pages */

/* work page =temp styles */
.node-type-work #main h1.title,
.node-type-work .field-icon-audio-mpeg { display:none; } /* =temp : it would be better to remove this from the template than to hide it */

/* end work page =temp styles */

.node-type-work #main { background:transparent url(images/header-work.gif) no-repeat scroll center top; }

.node-type-work #content-area { padding:16px 16px 0 16px; width:512px; margin-top:32px; } 
.node-type-work .work-images { overflow:hidden; }
.node-type-work #content-area .work-images ul { overflow:visible; height:53px; padding:7px 0 4px 2px; }
.node-type-work #content-area .work-images ul li {
	border:none;
	margin:0;
	padding:0 3px 3px 0;
	float:left;
	list-style:none;
	overflow:visible;
	height:53px;
	width:53px; }

.node-type-work #content-area h2.title {
	background:#FAFAFA url(images/dot_texture-grey-4px.gif) repeat-x scroll left top;
	color:#544D4E;
	font-size:13px;
	font-weight:bold;
	line-height:24px;
	padding:4px 0 0 8px;
	text-transform:lowercase; }

.node-type-work #content-area .work-images,
.node-type-work #content-area .work-video,
.node-type-work #content-area .work-audio,
.node-type-work #content-area .work-files { margin-bottom:16px; }

.node-type-work #content-area .work-images h2.title {
	margin-top:4px; }

.node-type-work #content-area .work-audio .filefield-file {
	color:#231F20;
	font-size:13px;
	font-weight:bold;
	line-height:20px; }

.node-type-work #content-area .work-files li {
	padding: 0 8px;
	list-style:none; }

.node-type-work #content-area .filefield-icon {
	display:inline;
	float:none;
	margin-right:8px; }

.node-type-work #content-area .work-description p, 
.node-type-work #content-area .work-description li {
	color:#231f20;
	font-size:12px;
	line-height:24px;
	padding: 8px; }
	
.node-type-work #content-area .work-description ul,
.node-type-work #content-area .work-description ol {
	list-style-position: outside;
	padding-left:1em;
	margin: 1em 0px 1em 0px; }

/* =work title block */

.node-type-work #sidebar-right-inner { margin-top:32px; }

.node-type-work #block-views-work_info-block_1 /* title block on the work page */ {
	background:#282828;
	color:#fff;
	font-size:12px;
	line-height:20px;
	padding: 10px 4px;
	overflow: hidden; }

.node-type-work #block-views-work_info-block_1 label {
	color:#b6b8ba;
	width:64px;
	font-size:11px;
	padding-right:12px;
	text-align:right;
	display:block;
	float:left;
	line-height:20px;
	height:20px;
	text-transform:lowercase; }

.node-type-work #block-views-work_info-block_1 .views-field-title label {
	line-height:22px; }

.node-type-work #block-views-work_info-block_1 .views-field-field-work-media-value .field-content {
	line-height:16px; padding: 2px 0; }

.node-type-work #block-views-work_info-block_1 .views-field-field-profile-full-name-value a { color:#fff; font-weight:bold; }
.node-type-work #block-views-work_info-block_1 .views-field-field-profile-full-name-value a.student { color:#F70092; }
.node-type-work #block-views-work_info-block_1 .views-field-field-profile-full-name-value a.faculty { color:#32A7C8; }
.node-type-work #block-views-work_info-block_1 .views-field-field-profile-full-name-value a.staff,
.node-type-work #block-views-work_info-block_1 .views-field-field-profile-full-name-value a.member { color:#FFF205; }

.node-type-work #block-views-work_info-block_1 .views-field-title .field-content,
.node-type-work #block-views-work_info-block_1 .views-field-field-work-created-by-value .field-content,
.node-type-work #block-views-work_info-block_1 .views-field-field-work-year-value .field-content,
.node-type-work #block-views-work_info-block_1 .views-field-field-work-media-value .field-content,
.node-type-work #block-views-work_info-block_1 .views-field-field-profile-full-name-value .field-content {
	display: block;
	width: 200px;
	float: left; }

.node-type-work #block-views-work_info-block_1 .views-field-title .field-content {
	color:#fff;
	font-weight:bold;
	font-size:16px;
	line-height:20px; }

.node-type-work #block-views-work_info-block_1 .views-field-field-work-created-by-value .field-content {
	font-size:14px;
	line-height:20px; }

.node-type-work #block-views-work_info-block_1 .views-field-field-work-created-by-value .field-content a:hover {
	background:#f70092;
	color:#000; }

.node-type-work #block-views-work_info-block_1 .views-field-field-work-year-value .field-content, .node-type-work #block-views-work_info-block_1 .views-field-field-work-media-value .field-content  {
	color:#fff; }

.node-type-work #block-views-work_info-block_1  .cc-licence {
	padding: 4px 0 0 74px;
	max-height:32px;
	display: block;
	width: 216px;
	float: left; }

/*********************************************************************

 =group page : 

*********************************************************************/

/* group page header */

  .group #main {
	background:transparent url('images/header-group.jpg') no-repeat center top; }

  .group #content-top{
	background:transparent;
	margin: 0 0 0 32px;
	padding:0;
	width:544px;
	overflow:hidden; }

  #block-views-group_home-block_1 { height:196px; overflow:hidden; }

  #block-views-group_home-block_1 .views-field-field-group-icon-fid {
	width:95px;
	height:95px;
	float:left;
	padding:0 28px 28px 0; }

  #block-views-group_home-block_1 .views-field-field-group-icon-fid img {
	border-right:4px solid #191919;
	border-bottom:4px solid #191919; }

  #block-views-group_home-block_1 .views-field-title {
	font-size:24px;
	line-height:24px;
	padding-top:12px;
	min-height:48px;
	color:#dcdcdc;
	width:420px;
	float:right; }

  #block-views-group_home-block_1 .views-field-title a {
	color:#dcdcdc;
	text-decoration:none; }

  #block-views-group_home-block_1 .views-field-field-group-type-value {
	width:420px;
	font-size:10px;
	line-height:10px;
	text-indent:4px;
	padding: 1px 0 1px 1px;
	color:#fff;
	background:#32a7c8;
	text-transform:uppercase;
	float:right;
	margin-top: 5px; }

  #block-views-group_home-block_1 .views-field-member-count {
	font-size:12px;
	line-height:20px;
	color:#dcdcdc;
	text-transform:lowercase;
	width:72px;
	float:left; }
  #block-views-group_home-block_1 .views-field-member-count a {
	color:#dcdcdc;
	text-transform:lowercase;
	margin-right:0; }

  #block-views-group_home-block_1 .views-field-name {
	font-size:12px;
	line-height:20px;
	color:#dcdcdc;
	text-transform:lowercase;
	width:349px;
	float:left; }
  #block-views-group_home-block_1 .views-field-name a {
	color:#dcdcdc; }

  #block-views-group_home-block_1 .views-field-subscribe { position:absolute; left:0; top:128px; width:128px; }
  #block-views-group_home-block_1 .views-field-subscribe a { display:block; padding:12px 8px 12px 32px; font-size: 10px; line-height:12px; text-transform:uppercase; color:#999; background:#333; text-decoration:none; }
  #block-views-group_home-block_1 .views-field-subscribe span span { display:block; padding:12px 8px 12px 32px; font-size: 10px; line-height:12px; text-transform:uppercase; color:#888; background:#444; }
  #block-views-group_home-block_1 .views-field-subscribe a:hover { color:#fff; background:#000; }
  #block-views-group_home-block_1 .views-field-description { font-size:14px; line-height:18px; color:#fff; width:420px; float:right;
	position:absolute;
	top:128px;
 	left:155px; }

/* group media and events blocks */
/* this has evolved into some generic styles for all =listings */

.group #content-area .views-row,
.group #content-bottom .views-row
{ padding:6px 16px 5px 16px; overflow:hidden; border-bottom:1px solid #eee; }
.group #content-area .view-group-discussions .views-row,
.group #content-bottom .view-group-discussions .views-row
{ padding: 8px 16px; }
#content-area .views-field-field-group-icon-fid,
#content-bottom .views-field-field-group-icon-fid,
#content-area .views-field-field-media-icon-fid,
#content-bottom .views-field-field-media-icon-fid,
#content-area .views-field-field-work-image-fid,
#content-area .views-field-field-story-image-fid,
#content-bottom .views-field-field-work-image-fid,
#content-bottom .views-field-field-story-image-fid,  /* adding news list on supportnews page (Aug 8/2014 hannar) */
#content-area .views-field-field-profile-image-fid
{ width:93px; height:93px; float:left; padding:0 16px 0 0; }
/* people main page faces grid */
#content-area .view-display-id-block_4 .views-field-field-profile-image-fid {
padding: 0;
}
/* people main page faces grid */
#content-area .view-display-id-block_5 .views-field-field-profile-image-fid {
padding: 0;
width:53px; height:53px;
}

.directory-landing #content-area .views-field-field-group-icon-fid {width:auto; height:auto; }

#content-inner .views-row .views-field-field-group-icon-fid a img,
#content-inner .views-row .views-field-field-media-icon-fid a img,
#content-inner .views-row .views-field-field-profile-image-fid a img,
#content-inner .views-row .views-field-field-work-image-fid a img,
#content-inner .views-row .views-field-field-story-image-fid a img
{ border:1px solid #fff; }

#content-inner .views-row .views-field-field-group-icon-fid a:hover img,
#content-inner .views-row .views-field-field-media-icon-fid a:hover img,
#content-inner .views-row .views-field-field-profile-image-fid a:hover img,
#content-inner .views-row .views-field-field-work-image-fid a:hover img,
#content-inner .views-row .views-field-field-story-image-fid a:hover img
{ border:1px solid #000; }

.group #content-area .views-row .views-field-title a,
.group #content-bottom .views-row .views-field-title a
{ padding-top:8px; font-size:16px; line-height:16px; text-decoration:none; color:#000; display:block; }
.group #content-area .view-group-discussions .views-row .views-field-title a,
.group #content-bottom .view-group-discussions .views-row .views-field-title a
{ padding-top:0; }
.group #content-area .views-row .views-field-title a:hover,
.group #content-bottom .views-row .views-field-title a:hover
{ text-decoration:underline; }
.group #content-area .views-row .views-field-created,
.group #content-bottom .views-row .views-field-created,
.group #content-bottom .views-row .views-field-timestamp
{ font-size:13px; line-height:16px; color:#514d4e; }
.group #content-bottom .views-row .views-field-timestamp,
.group #content-bottom .views-row .views-field-name
{ display:inline; font-size:12px; line-height:16px; color:#aaa; }
#content-area .views-row .views-field-teaser,
#content-bottom .views-row .views-field-teaser
{ font-size:12px; padding-top:4px; line-height:16px; color:#514d4e; float:left; width:400px; display:block; }
.views-label-teaser { display:none; }

/* group media detail pages */
.group .node .content { padding:0 16px; }

/* group discussion block */

.group #content-area .views-row .views-field-field-profile-image-fid span,
.group #content-bottom .views-row .views-field-field-profile-image-fid span
{ background: #eee; height:53px; width:53px; float:left; } /* style for avatars in discussions listings */
.group #content-area .views-row .views-field-field-profile-image-fid,
.group #content-bottom .views-row .views-field-field-profile-image-fid
{ width:53px; padding:0 16px 0 0; height:53px; float:left; }
.group #content-area .views-row .views-field-field-profile-image-fid span,
.group #content-bottom .views-row .views-field-field-profile-image-fid span
{ background: #eee; height:53px; width:53px; float:left; }
.group #content-area .views-row .views-field-field-profile-image-fid a img,
.group #content-bottom .views-row .views-field-field-profile-image-fid a img
{ width:51px; height:51px; border:1px solid #fff; }
.group #content-area .views-row .views-field-field-profile-image-fid a:hover img,
.group #content-bottom .views-row .views-field-field-profile-image-fid a:hover img
{ width:51px; height:51px; border:1px solid #000; }

.group #content-area .views-row .views-field-nothing, /* style for avatars in discussions block */
.group #content-bottom .views-row .views-field-nothing /* style for avatars in discussions block */
{ width:53px; padding:0 16px 0 0; height:53px; float:left; }
.group #content-area .views-row .views-field-nothing span img, /* style for avatars in discussions block */
.group #content-bottom .views-row .views-field-nothing span img /* style for avatars in discussions block */
{ width:51px; height:51px; border:1px solid #fff; }
.group #content-area .views-row .views-field-comment,
.group #content-bottom .views-row .views-field-comment
{ font-size:12px; padding-top:4px; line-height:16px; color:#514d4e; float:left; width:443px; display:block; }

.group .views-field-timestamp-name { font-size:12px; padding-top:4px; line-height:16px; color:#514d4e; float:right; width:443px; display:block; }

/* =group =members */

.group #content-area .view-id-user_profile_listing td.views-field-field-profile-image-fid { padding:6px 0 5px 16px; width:53px; }
.group #content-area .view-id-user_profile_listing td.views-field-field-profile-image-fid a { height:51px; width:51px; border:1px solid #fff; display:block; }
.group #content-area .view-id-user_profile_listing td.views-field-field-profile-image-fid a:hover { border:1px solid #000; }

.group #group-invite h2 { background:#FAFAFA;
	color:#544D4E;
	font-size:13px;
	font-weight:bold;
	height:auto;
	line-height:24px;
	padding:4px 0 0 16px;
	text-transform:lowercase; }
#og-invite-form { padding:0 16px 16px 16px; }
#og-invite-form .resizable-textarea { width:506px; }
#og-invite-form .description { font-size:12px; line-height:16px; padding-top:8px; }

/*

=comments

*/

.node-type-work #comments { margin: 0 -16px;
	border-top:32px solid #f9f9f9; }

#comments a { color: #f80094; }

h2#comments-title { 
	background:#FAFAFA url(images/dot_texture-grey-4px.gif) repeat-x scroll left top;
	color:#544D4E;
	font-size:13px;
	font-weight:bold;
	line-height:24px;
	margin: 0;
	padding:4px 0 0 16px;
	text-transform:lowercase;
 }

#comments .comment-inner {
overflow:hidden; }

#comments .comment .content {
	color:#231F20;
	font-size:12px;
	line-height:16px;
	padding-right:12px;
	width:447px;
	float:left; }
	
#comments .box .content { width:512px; }

#comments .submitted { margin-top: -4px; font-size: 10px; line-height:12px; color:#aaa; }

#comments .links { 
	margin:0;
	font-size: 12px;
	width:460px;
	float:right; }

#comments .profilepic { padding:0; width:53px; }
#comments .profilepic a { height:51px; width:51px; border:1px solid #fff; display:block; }
#comments .profilepic a:hover { border:1px solid #000; }

#comments .comment {
	border-bottom:1px solid #EEEEEE;
	padding:6px 0 5px 0;
	overflow:hidden; }

#comments .box {
	overflow:hidden; }

#comments .box-inner .content { padding:16px; }
	
#comments .profilepic {
	float:left;
	margin:0 16px; }

#main #content-area #comments h2.title { margin-top:0; text-align:left; padding:0 16px; background-image:none; }

/*********************************************************************

 =group =forum ( =node-type-forum ): 

*********************************************************************/

.node-type-forum #content-area { width:512px; padding: 0 16px 16px; background:#fff; }

.group #forum .links { width:288px; float:right; text-align:right; margin-top:-28px; }

.group #forum .links a {
	background:#B6B8BA url('images/add-link.gif') no-repeat right center;
	color:#FFFFFF;
	font-size:9px;
	line-height:12px;
	margin:4px 0 0 4px;
	padding:0 20px 0 0;
	text-decoration:none;
	text-transform:uppercase;
	text-indent:8px;
	display:block;
	width:144px;
	text-align:left;
	float:right; }

.group #forum .links a:hover {
	background-color:#505050; }

table.views-table { margin-bottom:12px; }
.views-table tr td, .views-table thead th { padding:6px 8px 5px 8px; color:#777; text-align:left; font-size:13px; line-height:16px; }
.group #content-area .views-table thead th { color:#aaa; font-weight:bold; font-size:12px; }
.group #content-area .views-table tr td a:hover { color:#000; }
.group #forum tr td.forum { padding-left:24px; background: transparent url('images/forum-default.gif') no-repeat 14px center; }

.group #forum tr .last-reply, .group #forum tr .created { font-size:12px; line-height:14px; }
.group #forum-1 th, .group #forum-1 td.last-reply, .group #forum td.icon { padding-left:16px; }
.group #forum th { text-indent:16px; }
.group #forum td { padding-top:4px; padding-bottom:4px; text-align:left; text-indent:16px; }

.forum-topic-navigation {
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	background:#f9f9f9;
	padding:5px 0;
	text-align:center; }

.forum-topic-navigation .topic-previous {
	float:left;
	text-align:left;
	width:250px;
	padding-left:4px; }

.forum-topic-navigation .topic-next {
	float:right;
	text-align:right;
	width:250px;
	padding-right:4px; }

.forum-topic-navigation .topic-previous a:hover,
.forum-topic-navigation .topic-next a:hover { color:#000; }

.node-type-forum.group .node .content { padding:16px 0 0; }
.node-type-forum.group #comments .profilepic {
	float:left;
	margin:0 16px 0 0; }
	
#comment-form .wysiwyg-toggle-wrapper {padding-top:8px; }

/*********************************************************************

 =directory =listings =section-search

*********************************************************************/

.section-search .views-exposed-widgets { padding:0 8px; }
.section-search .views-exposed-form .form-item,
.section-search .views-exposed-form .form-submit,
.section-search .views-exposed-widgets .views-widget { display:inline; }
.section-search .views-exposed-form .views-exposed-widget { padding:8px 0 0 0; }
.section-search .views-exposed-form .views-exposed-widget .form-submit { margin-top:0; }
.section-search .views-exposed-form label { display:block;
	float:left;
	font-size:12px;
	font-weight:normal;
	width:94px; }
.section-search .views-exposed-form #edit-type { width:118px; }
.section-search .views-exposed-form #edit-submit { margin-left: width:118px; }

.directory-listing #content-area,
.section-search #content-area { width:544px; padding:0; margin-top: 4px; }

/*********************************************************************

 =edit page styles

*********************************************************************/

legend {
	display:block;
	color:#888; }

/* =edit =delete =comment =links */

#main #comments ul.links li { padding:0 0 0 4px; float:right; }

#main #comments ul.links li a,
#content-area a.report-abuse /* report a piece of work */ {
	background:#b6b8ba;
	color:#fff;
	padding:0 8px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
	float:right;
	line-height:16px; }

#content-area .node a.report-abuse /* report a piece of work */ { margin-right:-16px; }

#main #comments ul.links li a:hover,
#content-area a.report-abuse:hover /* report a piece of work */ { background: #505050; }

.edit-right input[type="text"] { width:282px; }

form#node-delete-confirm { background:#fff; padding: 8px 16px; }

/*********************************************************************

 =10x interface

*********************************************************************/

#pixel-icon { overflow:hidden; }
#pixel-icon-content { padding:16px; }
#pixel-icon-grid { float:left; width:210px; margin: 0 12px 16px 0; }

#block-views-889ad9b406c4232c9701e79760500570 h2.title, /* =temp : this weird id shows up on people/work pages. */ 
#block-views-d352c88a0c7c66ffb0b956d353882c89 h2.title /* =temp : this id selector looks weird. it makes me suspect that some dark drupal magic is at play. */ {
	background:#FAFAFA url(images/dot_texture-grey-4px.gif) repeat-x scroll left top;
	color:#544D4E;
	font-size:13px;
	font-weight:bold;
	line-height:24px;
	padding:4px 0 0 16px;
	text-transform:lowercase; }

#block-pixel_icon-0 h2.title { display:none; }

.view-user-profile-pixel-icons { overflow:hidden; padding-bottom:2px; } 

.view-user-profile-pixel-icons .view-footer { float: right;
	border-top:1px solid #EEEEEE; }

#pixel-icon-content h3 { margin-top:6px; margin-bottom:6px; font-size:12px; line-height:12px; font-weight:normal; color:#000; border:none; }
#pixel-icon-content #pixel-icon-help { font-size:12px; line-height:14px; color:#888; }

#pixel-icon-content #pixel-icon-message { font-size:12px; line-height:14px; }

#content-inner #block-pixel_icon-0 {
	overflow:hidden;
	margin-bottom:0; }

#edit-pixel-icon-input {
	float: left;
	overflow:hidden;
	width:289px;
	padding-bottom:11px; }

#edit-pixel-icon-input label {
	font-size: 12px;
	color: #000;
	text-transform: lowercase;
	margin-bottom: -7px;
	float:left;
	width:36px; }
#edit-pixel-icon-input #pixel-icon-title-field {
	width:247px; }

#edit-pixel-icon-input .description { 
	margin-top: -3px; 
	font-size: 9px;
	text-transform: lowercase;
	color: #999;
	padding-left:36px; }

#edit-pixel-icon-preview {
	margin-top: 4px; }

#edit-pixel-icon-buttons {
	width: 289px;
	float:left; }

#edit-pixel-icon-buttons input {
	width: 71px;
	height: 17px;
	padding-bottom: 2px;
	background: #7b7b7b;
	color: #FFF;
	text-transform: uppercase;
	font-size: 10px;
	vertical-align: text-top;
	margin-right: 1px;
	border: 0; }

#edit-pixel-icon-preview { 
	float:left;
	width:51px; }

#pixel-icon h2.title {
	background:#FAFAFA url(images/dot_texture-grey-4px.gif) repeat-x scroll left top;
	color:#544D4E;
	font-size:13px;
	font-weight:bold;
	line-height:24px;
	margin-top:16px;
	padding:4px 0 0 8px;
	text-transform:lowercase; }

#pixel-icon .separator { 
	float: left;
	width: 544px;
	margin-bottom: 20px; }

#pixel-icon .separator h3 { 
	float: right;
	background:#F70092 url(images/arrow-down.gif) no-repeat scroll 73px center;
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
	display: block;
	padding: 0 25px 0 10px;
	cursor: pointer;
	height: 16px;
	line-height: 18px;
	font-weight: normal; }
	
#pixel-icon .separator h3:hover {
	background-color:#A30161; }
	
.js #pixel-icon-creation-form #pixel-icon-content {
	display: none; }

/***

=content pages

***/
/* artswork */
.node-type-artswork #content-area div.field { padding-bottom: 16px; }
.node-type-artswork td.views-field-field-artswork-deadline-value {width: 75px;}
.node-type-artswork ul {list-style-type:disc; margin-left:24px;}

/*.story-image { float: left; margin: 8px 16px 8px -64px; overflow:hidden; line-height:1px; }*/

/* don't offset images in views embedded in general content */
.node-type-general #content-area div.view img { margin: 0; }

.node-type-general #content-area img, .node-type-general #content-area .image { display:block; margin:8px 24px 8px -48px; float:left; clear:left; }
.node-type-general #content-area .image.image-right,
.node-type-general #content-area img.image-right { margin: 8px 0 8px 24px; float:right; }
.node-type-general #content-area .image.image-center,
.node-type-general #content-area img.image-center { margin: 8px auto; float:none; }
.node-type-general #content-area .image img,
.node-type-general #content-area .image img.image-right,
.node-type-general #content-area .image img.image-center, /* remove styles for nested img in captioned images */
.node-type-general #content-area .gsc-branding-img /* don't give image treatment to the google logo in search results */
 { margin:0; float:none; }
#main #content-area .field-icon-img /* don't give image treatment to inline icons */ { margin:0;
	float:none;
	display:inline;
	padding:0 2px;
	vertical-align:middle; }

.node-type-general #content-area .image div.caption,
.node-type-news #content-area .image div.caption,
.node-type-event #content-area .image div.caption { display:block; background:#32A7C8; color:#ADDCE9; padding:6px 12px; font-size:12px; line-height:16px; }

/** changes for the admissions page, to make it more interesting **/
/** added by hannar Aug 22, 2013 **/
/** these two allow us to put four images in a row and attach links to each one **/
div.image-row {
        float: left;
}
.node-type-general #content-area .image-row img.image-row{
        margin-left: 0px;
        margin-right: 0px;
}

/** create an accordion dropdown style for general content pages **/
/** added by hannar July 18, 2014 **/
/** extend this to other types of pages **/
/** added by hannar Jan 22, 105 **/

#content-area .node-dropdown .dropdown-title {
	color: #FFF;
	background: url(images/arrow-down.gif) 95% 50% no-repeat #BBB;
	text-transform: lowercase;
	font-size: 18px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* this wasn't specific enough and the staff/faculty/student directory dropdowns were closed by default */
/* Mar 18, 2015 by hannar */
#content-area .node-dropdown .dropdown-content {
	display: none;
}

/***

course pages

***/

.section-programs #content-header h1.title { text-transform:none; }
.page-programs-courses #content-header h1.title { text-transform:lowercase; } 
.section-programs .field .field-label {
	background:#eee;
	border-bottom:1px solid #ddd;
	font-size:12px;
	font-weight:normal;
	margin:12px 0 0;
	padding:8px 0 0 4px; }


.view-course-subjects { overflow:hidden; }
.view-course-subjects.view-display-id-page_1 .view-header { width:241px; float:left; }
.view-course-subjects.view-display-id-page_1 .view-content { width:240px; float:left; }
.view-footer { font-size:11px; line-height:14px; }
.view-course-subjects.view-display-id-page_1 ul { width:216px; padding-right:24px; float:left; }
.view-course-subjects.view-display-id-page_1 ul li { list-style:none; }
.view-course-subjects.view-display-id-page_1 ul li a { display:block; padding:4px 0 4px 2px; border-bottom:1px solid #ddd; text-decoration:none; color:#777; }
.view-course-subjects.view-display-id-page_1 ul li a:hover { background:#888; color:#fff; }
.page-programs-courses h3 { margin-bottom:1em; }

.section-programs .group-ec-section-cs-details { margin-bottom:24px; border-top:1px solid #ddd; }
.section-programs .group-ec-section-cs-details .field-items { overflow:hidden; border-bottom:1px solid #ddd; }
.section-programs .group-ec-section-cs-details .field-item .field-label-inline-first { text-transform:lowercase; font-size:12px; line-height:24px; padding: 12px 0 0 4px; background:#eee; width:64px; display:inline-block; font-weight:normal; min-height:16px; text-indent:0; }
.section-programs .group-ec-section-cs-details .field-item { font-size:18px; line-height:24px; min-height:23px; }

.section-programs .field-field-ec-section-prereqs .field-items { padding: 8px 4px; }

.section-programs .field-items .view-empty { padding:0 4px; font-size:12px; }
.section-programs table { border-top:1px solid #eee; margin-bottom:24px; }
.section-programs table thead th { font-size:10px; line-height:12px; padding: 12px 0 11px 4px; }
.section-programs table thead th.term-1,
.section-programs table thead th.term-2,
.section-programs table thead th.term-3 { width:48px; padding-left:6px; padding-right:6px; text-align:center; }
.section-programs table tr td { font-size:12px; line-height:14px; padding: 12px 0 11px 4px; }
.section-programs table tr td.active { background:transparent; }
.section-programs table tr td.section-count { text-align:center; }
.section-programs table tr td a { text-decoration:underline; }
.section-programs table tr td a:hover { background:#888; color:#fff; text-decoration:none; }
.section-programs .view-user-profile-listing .item-list ul li { list-style:none; list-style-type:none; list-style-image:none; padding:24px 0 7px 0; border-bottom:1px solid #eee; overflow:hidden; } /* styles for list of instructors on course pages */

.section-programs .reg-link { width:448px; padding:15px; border:1px solid #ddd;  background:#FFF775; margin-bottom:24px; }
.section-programs .reg-link a { color:#665C13; padding:0 2px; }
.section-programs .reg-link a:hover { background:#665C13; color:#fff; text-decoration:none; }

/***

=google =search results

***/

.section-search #sidebar-right-inner /* for all search section pages, google results, tagged content, etc */
{ margin-top:120px; }

#main #cse { padding: 28px 16px 16px 16px; }

#main #cse .gsc-control-cse, #main .gsc-control-cse {
background-color:#FFF;
border:none;
width:512px; }

#main input.gsc-input { border: 1px solid #ddd; width:372px; line-height:24px; font-size:15px; height:18px; padding:2px; }
#main table.gsc-search-box td {
	vertical-align: top; }
#main input.gsc-search-button { 
	background:#666;
	border: none;
	color:#FFF;
	cursor:pointer;
	font-size:12px;
	height:24px;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	width:96px;
	padding:0;
	margin:0; }
#main div.gsc-clear-button {
	text-align:right;
	width:24px;
	background-color:#eee;
	cursor:pointer;
	display:block;
	height:24px;
	margin-left:1px; }

#main table.gsc-branding {
	padding-top:8px; }
#main td.gsc-branding-img {
	width:51px;
	vertical-align:middle; }
#main td.gsc-branding-text div.gsc-branding-text {
	padding-bottom:4px; }

#main table.gsc-resultsHeader { display:none; }

#main .gsc-results { width:512px; }

#main .gs-result .gs-title, 
#main .gs-result .gs-title * { color:#F70092; }

#main .gs-result a.gs-visibleUrl, 
#main .gs-result .gs-visibleUrl, 
#main .gsc-tabsArea { display:none; }

#main #cse form tbody,
#main #cse tr,
#main .gsc-resultsHeader { border:none; margin:0; }

#main .gsc-result,
#main .gsc-cursor-box { line-height: 20px; padding:12px 0; border-top:1px solid #ddd; margin:0; }
#main .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color:#F70092; }

#main .gs-result .gs-snippet { padding-top:8px; }

/*****

temp : content of secondary css file below this line. this needs to be amalgamated into the main stylesheet.

*****/


.work-files .filesize { padding-left: 5px; font-size: 11px; }
.work-files .filefield-file { float: left; clear: left; }
.work-links { clear: both; }
.work-files .item-list li { 
    width: 95%;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	margin-right: 15px;
	 }
	
	

/* listing styles */

#block-block-active, #block-block-newest, #block-block-my {
position:relative; }

h2.title.search-title,  #block-block-active h2.title, #block-block-newest h2.title, #block-block-my h2.title {
	background:#FAFAFA url(images/dot_texture-grey-4px.gif) repeat-x scroll left top;
	color:#544D4E;
	font-size:13px;
	font-weight:bold;
	line-height:24px;
	padding:4px 0 0 8px;
	text-transform:lowercase; }

.people-directory #edit-title.form-text { font-size: 12px; margin-top: 4px; }
.people-directory #main .view-links, .people-directory #block-block-my .view-links {
	right:0; }

.people-directory .views-exposed-form .views-exposed-widget {
	float: none; }

.directory-search .views-exposed-form {
	height: 20px;
	margin: 10px 5px; }

.people-directory .views-exposed-form .views-exposed-widget .form-submit  { 
	margin-top: 0; }

/*.people-directory input#edit-submit, */ /* =temp remove this if nothing seems broken without it ... */
.people-directory input#edit-submit-directory-pages {
	padding: 0;
	width: 178px;
	text-transform: uppercase;
	font-size: 10px;
	color: #757575;
	letter-spacing: 1px;
	border-left: 0;
	float: right;
	padding: 2px 0;
	background:#eee;
	line-height:15px; }

.people-directory #edit-title.form-text {
 	width: 354px;
	margin: 0;
	padding: 2px 0 3px 0;
	float: left; }

.people-directory .views-exposed-form .views-exposed-widget {
	padding: 0; }

.directory_dropdown { 
	margin: 5px; }

.directory-dropdown h2 { 
	color: #FFF;
	padding-left: 8px;  }

.directory-dropdown h2.title {
	font-size: 13px;
	background: url(images/groups_arrow.gif) center right no-repeat #8b8c91;
	padding-top: 3px;
	padding-bottom: 2px;
	text-transform: lowercase; }
	
.dropdown-content h2.title {
	text-transform: uppercase;
	font-size: 11px;
	background: #B6B8BA;
	padding-top: 2px;
	clear: left; }

#content-inner .directory-dropdown ul, #block-block-active ul, #block-block-newest ul, #content-inner #block-block-my ul {
	list-style-type: none; }

#content-inner .directory-dropdown ul li {
	float: left;
	display: inline; }

#content-inner .directory-dropdown ul {
	background: #fafafa;
	width: 100%;
	overflow: hidden; }

.directory-listing #content-inner #content-area .directory-dropdown .view .item-list ul li {
	border: none;
	padding: 0;
	margin: 0; }
	
.directory-listing #content-inner #content-area .directory-dropdown .view {
	margin: 0; }

#content-inner .directory-dropdown ul li a {
	display: block;
	width: 168px;
	text-decoration: none;
	font-size: 12px;
	border-bottom: 1px solid #e2e2e2;
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-right: 2px;
	background: #fafafa;
	line-height: 14px;
	height: 28px; }
#content-inner .directory-dropdown ul li a:hover {
	background: #eee; }

#block-block-active ul li a, #block-block-newest ul li a {
	color: #514b4d;
	text-decoration: underline; }

.directory-landing #content-area .view-footer #block-block-active ul li,
.directory-landing #content-area .view-footer #block-block-newest ul li {
	clear: both;
	font-size: 13px;
	line-height: 14px;
	padding: 0;
	overflow: hidden;
	background: #FFF;
	border-bottom: 1px solid #ececec; }

#block-block-active ul .views-field-member-count span, #block-block-newest ul .views-field-member-count span {
	float: right;
	font-size: 11px;
	padding-right: 5px; }

.people-directory .view-footer {
	clear: both; }

#block-block-active, #block-block-newest  {
	width: 258px;
	position: relative; }

#block-block-active { 
	float: left; }

#block-block-newest {
	float: right; }

.people-directory #main #block-block-active .more-link, .people-directory #main #block-block-newest .more-link {
	position: absolute;
	right: 0px; }

.people-directory #main #block-block-active .more-link a, .people-directory #main #block-block-newest .more-link a { 
	display: block;
	width: 68px; }
	
#block-block-a-z { 
	clear: both; }
	
#block-block-a-z a {
 	text-decoration: none; 
	padding: 0 2px;
	color: #cbcbcb; }
	
#block-block-a-z .active a {
	color: #505050; }
	
#block-block-a-z span.alpha_all a {
	color: #8a898e;
	padding-right: 10px;
	padding-left: 10px; }

#block-block-active, #block-block-newest, #block-block-my {
	margin-top: 20px; }

/* my groups styles */

#content-inner #block-block-my ul li {
	border-bottom: 1px solid #ededed;
	overflow: hidden;
	background: #FFF;
	padding: 0 8px; }

#block-block-my .views-field-field-group-icon-fid {
	float: left;
	margin-top: 6px; }

#block-block-my .views-field-title a {
	text-decoration: none;
	color: #000;
	font-size: 16px;
	display:block;
	line-height:18px; }

#block-block-my .views-field-title a:hover {
	text-decoration: underline; }

#block-block-my .views-field-member-count { 
	font-size: 12px;
	color: #514D4E; }

#block-block-my .imagecache-group_icon_51x51:hover { 
	border: 1px solid #000; }

#block-block-my .imagecache-group_icon_51x51 {
	border: 1px solid #FFF; }

#block-block-my .views-field-member-count a { 
	padding-right: 3px; }

#block-block-my .views-field-title { 
	margin-top: 10px; }

#block-block-my .views-field-member-count {
	margin-top: -5px; }

/* listing styles */

.directory-listing #edit-title.form-text {
	width:190px; }

h2.listing_title {
	background: #8B8C91 url(images/groups_arrow.gif) no-repeat scroll right center;
	text-transform:lowercase;
	width: 150px;
	float: left;
	font-size: 12px;
	padding: 2px 0 2px 5px;
	margin: 0;
	color: #FFF;
	margin-left: 6px;
	margin-right: 8px; }

.directory-listing .directory-dropdown {
	display: none; }

.people-directory .dropdown-content .box h2.title {
	font-size: 11px; }

/* listing styles for separated blocks bgs */

.people-directory #content-area {
	background: none;
	padding: 0;
	width: 544px; }

.people-directory .view-header .intro {
	background: #FFF;
	padding: 32px;
	margin-bottom: 20px; }

.people-directory .directory_find {
	background: #FFF;
	overflow: hidden;
	padding-bottom: 4px;
	/* margin-top: 4px; */}

.people-directory .directory-dropdown { 
	margin: 0 5px; }

/* comments */

#main #content-area #comments .box .box-inner h2.title {
	background:#F70092 url(images/arrow-down.gif) no-repeat scroll 145px center;
	padding: 0 30px 0 16px;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFF;
	float: right;
	line-height: 18px;
	cursor: pointer;
	height: 16px;
	display: inline; }

#main #content-area #comments .box .box-inner h2.title:hover { 
	background-color:#A30161; }

.js #comments .box-inner .content {
	display: none; }

body ul.primary li.active a, ul.primary li.active a:hover { background: none; }
body ul.primary li.active a .tab, ul.primary li.active a:hover .tab { background: #FFF;  }
body ul.primary li a:hover { background: none; }
body ul.primary li a { background: none; }
body ul.primary li a .tab { background: none; padding: 2px 6px 2px 6px; background: #282828; }
body ul.primary li a:hover .tab { background: #000; }

/* related people */

.page-people-work-related-people #content-area ul {
	list-style-type: none; }

.page-people-work-related-people #content-area ul li {
	float: left;
	clear: left;
	display: inline; }

.page-people-work-related-people #content-bottom {
	clear: both; }

.page-people-work-related-people .views-field-field-profile-ec-preferred-name-value {
	display: inline; }

.page-people-work-related-people .view-user-profile-listing {
	background: #FFF;
	color: #514D4E;
	overflow: hidden; }

.page-people-work-related-people .view-user-profile-listing li {
	border-bottom:1px solid #EEEEEE;
	overflow:hidden;
	padding:7px 0 6px 8px;
	width: 100%; }

.page-people-work-related-people #sidebar-right-inner {
	margin-top: 113px; }

/* **************************************

	GENERAL EDIT SCREEN STYLES

* ***************************************/

.section-node-edit #sidebar-right, .section-node-edit #sidebar-right, .section-node-add #sidebar-right {
	display: none; }

/* hide inputs format field for profile and work, we fix default format in ec_people */
div.form-field_profile_bio,
div.form-format {
  display: none; }

.group-phone .form-item input.form-text {
   width: 50%; }
.group-phone .form-content {
   margin-left: 32px; }

#field-profile-links-items { margin-top: 6px; }

.section-node-edit #content-area, .section-node-edit #content-area,
.section-node-add #content-area {
	background: none; }

.section-node-edit #content-area,
.section-node-add #content-area {
	margin-top: 0;
	padding: 0 16px;
	width: 512px; }

.node-edit-form {
	float: left;
	width: 880px; }

.edit-right {
	float: right;
	width: 248px;
	background: #FFF;
	padding: 20px;
	margin-right: 30px; }

.edit-left {
	float: left;
	width: 504px;
	background: #FFF;
	padding: 20px;
	margin-left: -16px;
	margin-right: 5px; }

	

/* **************************************

	WORK EDIT SCREEN 

* ***************************************/

.node-type-work.section-node-edit ul.primary {
	margin: 5px;
}

#edit-work-courses-select {width: 100%;}

/* background styles for right column toggle elements */

.section-node-edit .form-path {
	margin-bottom: 10px; }

.form-creativecommons {
	font-size: 12px;
	line-height: 20px; }

.form-creativecommons .form-content .collapsible.form-creativecommons h3 {
	background: #EEE;
	color: #222; }

.section-node-edit .edit-left .teaser-checkbox div.form-item {
	background: #FFF;
	margin: 0 0 15px 0;
	float: left;
	font-size: 12px; }

.section-node-edit .wysiwyg-toggle-wrapper {
	font-size: 11px; }

html.js .section-node-edit fieldset.collapsible legend a {
	font-size: 11px;
	margin-left: -7px; }

.section-node-edit #edit-body-wrapper {
	clear: both; }

.section-node-edit .filefield-element .widget-edit, .section-node-add .filefield-element .widget-edit {
	width: 410px; }

.filefield-element .widget-preview { /* sizing for file display section */
	width: 400px;
	max-width: 400px;
	border-right: 0; }

.filesize, .section-node-edit .filemime {
	font-size: 11px;
	line-height: 12px; }

.filemime { 
	margin-bottom: 10px; }

#edit-field-work-video-upload {
	width: 400px; }

#page table#field_work_file_values {
	padding: 0; } 

input#edit-taxonomy-tags-4, .section-node-edit input#edit-name,
.section-node-edit input#edit-date, .section-node-add input#edit-name,
.section-node-add input#edit-date {
	width: 97%; }

#edit-creativecommons-select-license-form-cc-license-uri {
	width: 100%; }

.form-creativecommons input {
	width: 98%; }

.section-node-edit .container-inline-date {
	margin-right: 0; }

.section-node-add.og-context #page #content-area {
	padding-left: 16px; }

/* **************************************

	PROFILE EDIT SCREEN 
	some of these may be redundant now 
	that we are merging styles, but I 
	am leaving them for posterity.
	- pnts (October 20, 2009)

* ***************************************/

/* general label color and style treatment */

.collapsible h3,
#content-area .node-edit-form .collapsible h3,
#content-area .form-group > h3,
#content-area .node-edit-form > div > div.form-item label,
#edit-field-profile-image-0-wrapper > label:first-child,
#edit-field-media-icon-0-wrapper > label:first-child,
#edit-body-wrapper > label:first-child,
.node-type-webform #content-area .form-item label /* style for webforms */ 
  {
	color: #FFF;
	background: #32A7C8;
	padding-left: 3px;
	margin-bottom: 3px;
	margin-top:8px;
	font-size: 14px;
	line-height: 24px;
	border-bottom: 0;
	text-transform: capitalize;
	font-weight: bold; 
}

.node-type-webform #content-area .form-item .form-item label,
.node-type-webform #content-area .collapsible .form-item label /* style for webforms, undo the above for nested labels */ 
  {
	color: #888;
	background: transparent;
	padding: 4px 0 0 0;
	margin: 0;
	font-size: 12px;
	line-height: 12px;
	border: none;
	text-transform: capitalize;
	font-weight: normal; 
}

.collapsible { cursor: pointer; }

.node-type-webform #content-area .webform-component-fieldset.collapsible legend a /* style for legends on =webforms */ {
	display:block;
	width:476px;
	padding-left:4px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:14px; }

#content-area .node-edit-form .fieldset-wrapper,
.node-type-webform #content-area .webform-component-fieldset.collapsible .fieldset-wrapper /* style for webforms */ {
	padding:8px 0; }

.node-type-webform #content-area input#edit-submitted-birthdate-year,
.node-type-webform #content-area input#edit-submitted-personal-information-birthdate-year  { width: auto; }
.node-type-webform #content-area input.form-text { width:474px; }

/* try to have all togglable form elements with a form-group collabsible class */

.node-type-webform #content-area .webform-component-fieldset.collapsible legend a, /* style for webforms */
#content-area .node-edit-form .edit-left .form-group.collapsible > h3:first-child { background: url(images/arrow-down.gif) 445px center no-repeat #32A7C8; }

#content-area .node-edit-form .edit-right .form-group.collapsible > h3:first-child { background: url(images/arrow-down.gif) 215px center no-repeat #32A7C8; }

#content-area .node-edit-form .edit-left .form-group.collapsible > h3.toggle-hover:first-child  {
   background-color: #32A7C8; }

.node-type-webform #content-area .webform-component-fieldset.collapsed legend a, /* style for webforms */
#content-area .node-edit-form .edit-left .form-group.collapsed > h3:first-child { background: url(images/arrow-right.gif) 448px center no-repeat #777777; }

#content-area .node-edit-form .edit-right .form-group.collapsed > h3:first-child { background: url(images/arrow-right.gif) 218px center no-repeat #777777; }

/* hide extra labels/headers that are redundant due to the form group title */
#edit-field-profile-resume-0-wrapper label,
#edit-field-profile-portfolio-0-wrapper label,
#edit-field-work-audio-0-wrapper label,
#edit-field-work-video-0-embed-wrapper label,
#edit-field-work-audio-0-wrapper label,
#edit-field-media-icon-0-wrapper > label:first-child,
.publication-date > h3:first-child,
.event-date > h3:first-child,
.form-group table.content-multiple-table thead,
.form-group table.content-multiple-table td.delta-order,
.form-field_work_video {
	display: none; }

/* ensure those things collapsed are collapsed */
html.js div.collapsed * {
  display: none; }
html.js div.collapsed h3 {
  display: block; }

/*.node-edit-form .form-item .description, 
.fieldset-wrapper .description,*/
.node-edit-form .description,
.form-web_activity p {
	line-height: 14px;
	font-size: 12px;
	color: #666; }

/* background styles for left column toggle elements */

html.js .section-node-add .field_og_selective .form-radios, 
html.js .section-node-add .field_og_selective .description,
html.js .section-node-add #edit-field-audio-audio-0-wrapper .filefield-element,
html.js .section-node-add #field-image-image-items tbody, 
html.js .section-node-add #field-image-image-items .content-add-more,
html.js .section-node-add #edit-field-image-embed-0-embed-wrapper input, 
html.js .section-node-add #edit-field-image-embed-0-embed-wrapper .description,
/*html.js #field-attachments-images-items tbody, 
html.js #field-attachments-images-items .content-add-more,*/
/*html.js #field-attachments-files-items tbody,
html.js #field-attachments-files-items .content-add-more,*/
html.js .form-themes .description {
	display: none; }

/* remove bg from all sub-labels */
.section-node-add .field_og_selective .form-radios label,
.edit-right .form-content label, #edit-field-group-icon-0-ahah-wrapper .widget-edit .form-item label,
.form-notifications .form-item label, #edit-field-group-icon-0-wrapper  .filefield-element label,
#edit-field-profile-image-0-ahah-wrapper .widget-edit .form-item label, .field_og_selective .form-item .form-radios label,
.section-node-add .form-item label.option, .section-node-edit .form-item label.option,
.form-web_activity .form-content label {
	background: 0;
	color: #888; }

/* add a lighter treatment to selected sub-labels */
.section-node-add .form-web_activity .form-content h3, .section-node-add .og-vocab-taxonomy .form-content label, 
.edit-right .form-author .form-content label, .edit-right .form-menu .form-content label,
.section-node-edit .form-web_activity .form-content h3, .section-node-edit .og-vocab-taxonomy .form-content label,
table.content-multiple-table tbody td .form-item label, #edit-og-groups-wrapper label {
	background: #EEE;
	color: #222; }

.section-node-add form tbody, .section-node-add #main tr, .section-node-edit form tbody, .section-node-edit #main tr, #section-node-edit #main tr { border: 0; }

/* override input width set in the main stylesheet */
.section-node-add .edit-right input {
	width: auto; }

/* get rid of tab background */
.section-node-edit .tabs {
	background: none; }

/* input futzing for proper alignment */
input#edit-field-profile-ec-position-0-value, input#edit-field-profile-position-0-value,
textarea#edit-field-profile-bio-0-value  {
	width: 99%; }

.section-node-add input#edit-field-image-embed-upload {
	width: 80% !important;  }

input#edit-taxonomy-tags-3, .section-node-edit input#edit-name, .section-node-edit input#edit-date {
	width: 98%; }

/* link and network styles for the rambunctious fields */
.link-field-url input.form-text {
	width: 95%;
	margin-bottom: 5px; }

.link-field-title input.form-text { 
	width: 85%; }

.edit-right #edit-menu-link-title, .edit-right input#edit-path {
	width: 97%; }

#edit-notifications-content-disable-wrapper {
	font-size: 11px; }

.edit-right .form-item input.form-text { 
	width: 98%; }
	
.section-node-add input.form-text, .section-node-edit input.form-text,
.section-node-add input#edit-title.form-text, .section-node-edit input#edit-title.form-text,
input#edit-field-profile-ec-person-lastmod-0-value-date {
	width: 98%; }

select#edit-og-groups {
	width: 100%; }

/* add margin to the 'add another item' button for links */
#field-profile-links-items .content-add-more {
	margin-bottom: 15px; }

/* spacing for all the header lables on edit and add screens */
.section-node-edit .form-item, .section-node-add .form-item,
#field-profile-networks-items, #field-image-image-items,
#field-attachments-images-items, #field-attachments-files-items, #content-area .collapsible {
	margin-top: 8px;
	display:block;
	height:auto; }

/* **************************************

	ADD CONTENT SCREENS

* ***************************************/

.field_og_selective .form-item .form-radios label input {
	padding-right: 2px; }

#edit-teaser-include-wrapper { 
	padding-top: 8px; }
	
#edit-teaser-include-wrapper label {
	color: #FFF; }

.edit-og-groups #select { width: 90%; }

.wysiwyg {
	background: #EEE;
	line-height: 12px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCC; }

/* description tip lists  */
#main #content .wysiwyg ul.tips {
	list-style-type: square; }

.wysiwyg ul.tips li {
	margin: 8px 0 8px 15px; }
textarea#edit-body { 
	width: 99%; }

a#wysiwyg-toggle-edit-body {
	font-size: 11px; }

#content-inner .description ul.tips {
	margin-top: -10px auto 0 auto;
	padding: 10px 20px;
	background: #EEE;
	list-style-type: square;
	font-size: 11px; }

#content-inner .description ul.tips li {
	padding: 3px 0; }

.section-node-add table.content-multiple-table tbody, .section-node-edit table.content-multiple-table tbody {
	margin-top: 10px; }

.block-pixel_icon #pixel-icon #pixel-icon-content {
	display: none; }

.block-pixel_icon #pixel-icon .separator { margin-bottom: 0; }
.block-pixel_icon #pixel-icon-content { padding-top: 30px; }

.form-field_pixel_icon_image .pixel-icon-preview img { margin-right: 10px; }

/** library alphabet-directory **/
.alphabet-directory {
	color:#ccc;
	letter-spacing:-1px; }

/** special styles for admissions page **/
/** added Aug 22, 2013 by hannar **/
/** these two make the background a coloured block that stretches across the entire text area **/
/** but the text has normal margins **/
div.coloured-box {
        background: #106982;
        width: 544px;
        margin-left: -32px;
        padding: 0px;
}

p.coloured-box {
        width: 480px;
        margin-left: 32px;
	color: #ffffff;
}

/** see the .node-type-general area for changes to image styles **/

/** new styles for the admissions pages (undergrad and graduate) **/

/** hover-over images for the sidebar block **/
#sidebar-right #sidebar-buttons-group #sidebar-apply a {
	width: 90px;
	height: 90px;
	display: block;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	background-image: url('images/admissions/apply.png');
	background-position: 0 0;
}

#sidebar-right #sidebar-buttons-group #sidebar-events a {
        width: 90px;
        height: 90px;
        display: block;
	float: left;
	margin-bottom: 9px;
        background-image: url('images/admissions/events.png');
        background-position: 0 0;
}

#sidebar-right #sidebar-buttons-group #sidebar-visit a {
        width: 90px;
        height: 90px;
        display: block;
	float: left;
	margin-left: 9px;
	margin-bottom: 9px;
        background-image: url('images/admissions/visitus.png');
        background-position: 0 0;
}

#sidebar-right #sidebar-buttons-group #sidebar-fees a {
        width: 90px;
        height: 90px;
        display: block;
	float: left;
	margin-right: 9px;
        background-image: url('images/admissions/fees.png');
        background-position: 0 0;
}

#sidebar-right #sidebar-buttons-group #sidebar-careers a {
        width: 90px;
        height: 90px;
        display: block;
	float: left;
        background-image: url('images/admissions/careers.png');
        background-position: 0 0;
}

#sidebar-right #sidebar-buttons-group #sidebar-blog a {
        width: 90px;
        height: 90px;
        display: block;
	float: left;
	margin-left: 9px;
        background-image: url('images/admissions/blog.png');
        background-position: 0 0;
}

#sidebar-right #sidebar-buttons-group #sidebar-apply a:hover,
#sidebar-right #sidebar-buttons-group #sidebar-events a:hover, 
#sidebar-right #sidebar-buttons-group #sidebar-visit a:hover,
#sidebar-right #sidebar-buttons-group #sidebar-fees a:hover,
#sidebar-right #sidebar-buttons-group #sidebar-careers a:hover,
#sidebar-right #sidebar-buttons-group #sidebar-blog a:hover
{
	background-position: 0 -90px;
}

#sidebar-right #sidebar-buttons-group {
	height: 189px;
}

.node-type-general #content-area div.image-stack {
	float: right;
}

.node-type-general #content-area img.image-viewbook {
	margin-left: 0px;
	margin-right: 0px;
}

.node-type-general #content-area .admission-link a {
	color: #000;
	text-decoration: underline;
}

.node-type-general #content-area .admission-link a:hover {
	color:#F70092; 
	text-decoration:underline; 
}

.node-type-general #content-area .admission-indent {
	margin-left: 48px;
}

.node-type-general #content-area p.admission-clear {
	clear: right;
}

/** Change to the social media buttons block to make it show up on the front page **/
/** Sept 3, 2014 by hannar **/
.front #social-media-buttons-block > div,
#sidebar-right #social-media-buttons-block > div {
  display: inline-block;
}

.front #social-media-buttons-block #facebook a,
#sidebar-right #social-media-buttons-block #facebook a {
  width: 12px;
  height: 26px;
  display: block;
  /*float: left;*/
  margin-left: 9px;
  background-image: url('images/facebook.png');
  background-position: 0 0;
}	

.front #social-media-buttons-block #twitter a,
#sidebar-right #social-media-buttons-block #twitter a {
  width: 25px;
  height: 20px;
  /*display: block;*/
  float: left;
  margin-left: 9px;
  background-image: url('images/twitter.png');
  background-position: 0 0;
  position: relative;
  bottom: -4px;
}

.front #social-media-buttons-block #youtube a,
#sidebar-right #social-media-buttons-block #youtube a {
  width: 23px;
  height: 26px;
  display: block;
  /*float: left;*/
  margin-left: 9px;
  background-image: url('images/youtube.png');
  background-position: 0 0;
}

.front #social-media-buttons-block #instagram a,
#sidebar-right #social-media-buttons-block #instagram a {
  width: 25px;
  height: 24px;
  display: block;
  /*float: left;*/
  margin-left: 9px;
  background-image: url('images/instagram.png');
  background-position: 0 0;
}

.front #social-media-buttons-block #flickr a,
#sidebar-right #social-media-buttons-block #flickr a {
  width: 29px;
  height: 24px;
  display: block;
  /*float: left;*/
  margin-left: 9px;
  background-image: url('images/flickr.png');
  background-position: 0 0;
}

.front #social-media-buttons-block #pinterest a,
#sidebar-right #social-media-buttons-block #pinterest a {
  width: 25px;
  height: 24px;
  display: block;
  /*float: left;*/
  margin-left: 9px;
  background-image: url('images/pintrest.png');
  background-position: 0 0;
}

.front #social-media-buttons-block #linkedin a,
#sidebar-right #social-media-buttons-block #linkedin a {
  width: 25px;
  height: 24px;
  display: block;
  /*float: left;*/
  margin-left: 9px;
  background-image: url('images/linkedin.png');
  background-position: 0 0;
}

.front #social-media-buttons-block #facebook a:hover,
.front #social-media-buttons-block #youtube a:hover,
#sidebar-right #social-media-buttons-block #facebook a:hover,
#sidebar-right #social-media-buttons-block #youtube a:hover {
	background-position: 0 -26px;
}

.front #social-media-buttons-block #instagram a:hover,
.front #social-media-buttons-block #flickr a:hover,
.front #social-media-buttons-block #pinterest a:hover,
.front #social-media-buttons-block #linkedin a:hover,
#sidebar-right #social-media-buttons-block #instagram a:hover,
#sidebar-right #social-media-buttons-block #flickr a:hover,
#sidebar-right #social-media-buttons-block #pinterest a:hover,
#sidebar-right #social-media-buttons-block #linkedin a:hover {
  background-position: 0 -24px;
}

.front #social-media-buttons-block #twitter a:hover,
#sidebar-right #social-media-buttons-block #twitter a:hover {
  background-position: 0 -20px;
}

.front #social-media-buttons-block #clear,
#sidebar-right #social-media-buttons-block #clear {
	clear: left;
}

.front #social-media-buttons-block {
	height: 26px;
	margin-bottom: 17px;
}

#sidebar-right #social-media-buttons-block {
	height: 26px;
}

.front #social-media-buttons-block {
  height: 26px;
  margin-bottom: 17px;
}

.portfolio-button a {
	width: 288px;
  height: 192px;
  display: block;
  background-image: url('images/admissions/NPD-futureartist.jpg');
  background-position: 0 0;
}

.portfolio-button a:hover {
	background-position: 0 -192px;
}

.node-type-general #content-area #grad-apply a {
	width: 213px;
	height: 39px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image: url('images/admissions/grad/apply.png');
	background-position: 0 0;
}

.node-type-general #content-area #grad-connect a {
        width: 213px;
        height: 39px;
        display: block;
        float: left;
	margin-bottom: 10px;
        background-image: url('images/admissions/grad/connect.png');
        background-position: 0 0;
}

.node-type-general #content-area #grad-fees a {
        width: 213px;
        height: 39px;
        display: block;
        float: left;
	margin-right: 10px; 
        background-image: url('images/admissions/grad/fees.png');
        background-position: 0 0;
}

.node-type-general #content-area #grad-research a {
        width: 213px;
        height: 39px;
        display: block;
        float: left;
        background-image: url('images/admissions/grad/research.png');
        background-position: 0 0;
}

.node-type-general #content-area #grad-apply a:hover,
.node-type-general #content-area #grad-connect a:hover,
.node-type-general #content-area #grad-fees a:hover,
.node-type-general #content-area #grad-research a:hover {
	background-position: 0 -39px;
}

.node-type-general #content-area #grad-maa a {
	width: 123px;
	height: 190px;
	display: block;
        float: left;
	margin-right: 10px;
        background-image: url('images/admissions/grad/arts.png');
        background-position: 0 0;
}

.node-type-general #content-area #grad-lowres a {
        width: 123px;
        height: 190px;
        display: block;
        float: left;
	margin-right: 10px;
        background-image: url('images/admissions/grad/lowrez.png');
        background-position: 0 0;
}	

.node-type-general #content-area #grad-design a {
        width: 123px;
        height: 190px;
        display: block;
        float: left;
	margin-right: 10px;
        background-image: url('images/admissions/grad/design.png');
        background-position: 0 0;
}

.node-type-general #content-area #grad-maa a:hover,
.node-type-general #content-area #grad-lowres a:hover,
.node-type-general #content-area #grad-design a:hover {
	background-position: 0 -190px;
}

.node-type-general #content-area .image-clear {
        clear: left;
}

.node-type-webform #content-area #form-simple .form-item label {
	color: black;
	background: white;
}

#sidebar-right #bookstore-gallery-links-block {
	margin-right: 20px;
	margin-left: 10px;
	margin-top: 10px;
}

#sidebar-right #bookstore-gallery-links-block-chs {
	margin-right: 20px;
	margin-left: 10px;
	margin-top: 20px;
	vertical-align: top;
}

.node-type-news #content-area #post-date,
.node-type-event #content-area #post-date {
	font-size: 12px;
	color: grey;
}

/* Fix to make the facebook button and twitter button in news articles */
/* be on the same line */
.fb_iframe_widget {
	float: left;
} 
.fb_iframe_widget span {
	vertical-align: top!important;
	margin-right: 8px;
}


/*
 * CMM
 */
#block-block-51 { display: none; } 
#block-block-47 { display: none; }
#block-block-59 { display: none; }
#block-block-50 { display: none; }
#block-block-60 { display: none; }


/*
 * submit announcements block
 */
#block-block-4 {
  background: #918a8c;
  padding: 16px;
  color: #fff;
  }
  #block-block-4 h2 {
    color: #fff;
    font-weight: 100;
    font-size: 18px;
    }


/*
 * student hotlinks block
 */
#block-block-8,
#block-block-3
{
  background: #b3b5b7;
  padding: 16px;
  color: #51585c;
  margin: 0 0 20px 0;
  }
  #block-block-8 h2,
  #block-block-3 h2
  {
    color: #51585c;
    font-weight: 100;
    font-size: 18px;
    }

/*
 * menu ctas
 */
#block--500 {
  margin: 0 0 20px 0;
  }
  #block--500 h2 {
    display: none;
  }
  #block--500  ul.menu {
    margin: 0;
    padding: 0;
    }
    #block--500  ul.menu li {
      display: block;
      width: 100%;
      }
      #block--500  ul.menu li a {
        display: block;
        font-size: 16px;
        line-height: 21px;
        background: #fff;
        border: 1px solid #b3b5b7;
        padding: 16px 14px;
        text-transform: uppercase;
        text-decoration: none;
        margin-top: 5px;
        }
        #block--500  ul.menu li a:hover {
          background: #52585c;
          color: #fff;
          border: 1px solid #52585c;
        }