You are here

commons_origins-style.css in Drupal Commons 6.2

/* $Id: acquia_commons-style.css 8284 2010-12-30 18:50:11Z sheena $ */

/* Basic Typography & Colors-------------------------------------------------------------- */

/* Add general site styling here for typography and background */

body {
	color: #1f1f1f;
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-serif;
	font-size: 75%;
	background: #ababab url(../images/body-bg.png) repeat-x 0 0;
	padding: 0;
	margin: 0;
}

body.cke_show_borders {
	background-color: #fff;
	background-image: none;
}

/* Default link styles - separate a:visited for a different visited link style */

a, 
a:link,
a:visited {
	color: #5588bb;
}

/* Hover/active link styles. Don't forget :focus for accessibility */

a:hover,
a:focus,
a:active {
	color: #333;
}

h1 {
	font-size: 3em;
	font-weight: normal;
	line-height: 1.1em;
	margin: .5em 0;
}

h2 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 18px 0;
}

h3 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 18px 0;
}

.date-heading h3 {
	border-bottom: none;
}

h4 {
	color: #619ed4;
}

blockquote p:first-child {
	margin-top: 0;
}

blockquote p:last-child {
	margin-bottom: 0px;
}

/* Specific Typography-------------------------------------------------------------- */

.footer-message {
	font-size: 90%;
}

/*content lists*/

ul.krumo-node ul{
	margin-left: 20px;
}

.item-list ul li,
.node .inner ul li,
.panel-pane .inner ul li,
.block .content ul li {
  background: transparent url(../images/list-bullet-green.png) no-repeat left 7px;
  list-style-image: none;
  list-style: none;
  margin-bottom: 8px;
  padding-left: 11px;
  text-indent: 0;
}

.node .inner .terms ul {
  padding: 0;
}

.node .inner .terms ul li {
  background: none;
  padding: 0 5px 0 2px;
}

.node .inner .terms ul li.first {
}

.node .inner .links ul {
	padding-left: 0px;
}

.node .inner .links li > a {
	color: #669acc;
	white-space: nowrap;
}

.node .inner .links .comment_add {
	background-color: #669acc;
}

.node .inner .links .comment_add a{
	color: #fff;
}
/* HTML Elements-------------------------------------------------------------- */

body {
	
}

.row, .nested, .block {
overflow: inherit;
}

/*force the front page to be 960px wide*/
.front .grid16-16 {
	width: 960px;
	max-width: 960px;
	margin: 0 auto;
}


/* Link and hover styles for site name */

#site-name {
	font-size: 35px;
	line-height: 150%;
	margin-top: 20px;
}

#site-name-wrapper {
	float: left;
	vertical-align: middle;
	width: auto;
}

#site-name a:link,
#site-name a:visited,
#site-name a:hover,
#site-name a:active {
	margin: 0;
	color: #6E6E6E;
}

#commons-core-join-form {
  width: 270px;
}

/* Typography for site slogan */

#slogan {
	
}

/* Regions  Classes (.region-name) should always be used instead of IDs (#region-name) so  that Skinr styles can override them with a class later-------------------------------------------------------------- */

/* All Regions-------------------------------------------------------------- */

.grid-type-960-fluid #left-background,
.grid-type-960-fluid #right-background {
	width: 339px;
	height: 100%;
	position: absolute;
	z-index: 1;
}

.grid-type-960-fluid #left-background {
  background: #cecece url(../images/background-left.png) no-repeat 0 0;
  left: 0;
}
 
.grid-type-960-fluid #right-background {
  background: transparent url(../images/background-right.png) no-repeat 0 0;
  right: 0;
}

.grid-type-960 .page {
  background: transparent url(../images/fixed-background.jpg) no-repeat center top;
}

.main,
.footer {
	background-color: #fff;
	position: relative;
}

.group-header {
  font-size: 1.4em;  
  font-style: italic;
  padding: 10px 10px 10px 10px;
  border-top: 4px solid #d1d1d1;
  border-bottom: 4px solid #d1d1d1;
  overflow: hidden;
}

.group-header img {
  float: left;
  margin: 1em;
}

.group-header-text {
  margin-left: 90px;
  font-family: Georgia, serif;
  font-style: italic;

}


/**
- container around text
- floatimage left
- margin-left: > image width;
*/

.header-group {
	position: relative;
	z-index: 10;
}

#logo {
  margin-top: 16px;
}

/* By default this wrapper is set to 100% width and centered -- override here to  narrow wrapper or align left or right */

.page {
	
}

/* The 0 values here remove padding and spacing at the bottom of the page.  Remove to add a gap at the very bottom of the page */

.page-inner {
	border: 0;
	margin-bottom: 0;
	padding: 0;
}

/* Header Regions-------------------------------------------------------------- */

/* Header Top region to the bottom of Header region */

/* For full-width header background, add background image/color here */

.header-group-wrapper {
	
}

.header-group {
	overflow: hidden;
	margin-bottom: 10px;
}

/* Header Top region which sits above the header */

/* Works well with inline login or inline menu block style */

.header-top-wrapper {
	
}

.header-top {
	
}


/*user login form if it is in the Header region */

.block .header-region-inner {
  position: inherit;
}

.header-region-inner .block-user form,
.header-region-inner form#user-login-form {
	min-width: 420px;
}

.header-region-inner form#user-login-form,
.header-region-inner .block-user .inner {
	float: right;
}

.header-region-inner form#user-login-form .form-item,
.header-region-inner form#user-login-form input.form-submit,
.header-region-inner form#user-login-form div.item-list,
.header-region-inner .block-user .form-item,
.header-region-inner .block-user input.form-submit,
.header-region-inner .block-user #user-login-form div.item-list {
	float: left;
	margin: 0 4px 0 0;
	clear: none;
}

.header-region-inner .block-user #user-login-form div.item-list, 
.header-region-inner form#user-login-form div.item-list {
	width: auto;
	float: right;
	margin: 10px 0 0;
}

.header-region-inner form#user-login-form .form-item label,
.header-region-inner form#user-login-form .form-item input,
.header-region-inner form#user-login-form input.form-submit,
.header-region-inner .block-user .form-item label,
.header-region-inner .block-user .form-item input,
.header-region-inner .block-user input.form-submit {
	font-size: .95em;
	line-height: 1.1em;
	padding: .2em .4em;
	margin: 0 0.2em 0;
}

.header-region-inner form#user-login-form .form-item label,
.header-region-inner .block-user .form-item label {
	color: #666;
	margin: 0 0 .2em .4em;
	padding: 0;
	font-weight: normal;
}

.header-region-inner form#user-login-form input.form-submit,
.header-region-inner .block-user input.form-submit {
	margin-top: 1.3em;
	height: 1.8em;
	float: left;
	margin-right: 8px;
}

.header-region-inner form#user-login-form .item-list ul,
.header-region-inner .block-user #user-login-form .item-list ul {
	margin: 0 .2em 0 0;
	padding: 0;
}

.header-region-inner form#user-login-form .item-list ul li,
.header-region-inner .block-user .item-list ul li {
	background-image: none;
	padding: 0 10px 0 0;
	font-size: .9em;
	line-height: 1.2em;
}

/*user meta block*/

#block-views-user_meta-block_1 {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0;
  float: none;
  width: 600px;
  z-index: 1;
}

#block-views-user_meta-block_1 .inner {
  margin: 0;
}

.view-user-meta {
  float: none;
  width: auto;
  font-family: "Helvetical Neue",Helvetica,Arial,Sans-serif;
  margin-top: 0;
}

.no-js .view-user-meta {
  position: relative;
}

.view-user-meta .view-content .views-row .views-field-picture {
  display: none;
}

.view-user-meta .views-field-name span {
  font-style: normal;
  margin: 0;
	padding: 0 10px 0 0;
	width: 100%;
}

.view-user-meta .views-field-name a {
  color: #00669F;
  background: url(../images/arrow-down-blue.png) right center no-repeat;
  padding: 0 11px 0 2px;
}

.no-js .view-user-meta .views-field-name a {
  background: none;
  padding: 0 11px 0 2px;
  border-right: 1px solid #00669F;
}

.view-user-meta .views-field-name .welcome-text {
  display: inline-block;
  font-weight: bold;
  color: #656565;
  margin: 0;
  padding: 9px 18px;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  -webkit-border-radius: 0px 0px 7px 7px; 
  -moz-border-radius: 0px 0px 7px 7px; 
  border-radius: 0px 0px 7px 7px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.6);  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF); 
  zoom: 1;
}

.no-js .view-user-meta .views-field-name .welcome-text {
  padding-right: 64px;
}

.user-dropdown-open .view-user-meta .views-field-name .welcome-text {
  -webkit-border-radius: 0px; 
  -moz-border-radius: 0px; 
  border-radius: 0px;
  border-bottom: 0px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 1);  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF); 
  zoom: 1;
}

.user-field-options {
  float: right;
  font-weight: bold;
  color: #656565;
  margin: 0;
  padding: 0px 18px 9px 18px;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  -webkit-border-radius: 0px 0px 7px 7px; 
  -moz-border-radius: 0px 0px 7px 7px; 
  border-radius: 0px 0px 7px 7px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.6);  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF); 
  zoom: 1;
}

.js .user-field-options {
  display: none;
}

.user-dropdown-open .user-field-options {
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 1);  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF); 
  zoom: 1;
}

.view-user-meta .views-field-nothing a, .view-user-meta .views-field-nothing-1 a {
  color: #00669F;
}

.view-user-meta .views-field-nothing {
  border: none;
  float: none;
  text-align: right;
  margin: 0;
  padding: 0;
}

.no-js .view-user-meta .views-field-nothing {
  position: absolute;
  top: 6px;
  right: 16px;
  font-weight: bold;
}

.view-user-meta .views-field-nothing-1 {
  float: none;
  text-align: right;
  margin: 0;
  padding: 0;
}

.no-js .view-user-meta .views-field-nothing-1 {
  display: none;
}

.view-user-meta-options {
  text-align: right;
}

.view-user-meta-options a {
  display: block;
}

/* Nav Group which sits below the header and site inf */

.nav-group-wrapper {
	
}

.nav-group {
	clear: both;
	float: none;
	margin-bottom: 0px;
	overflow: visible;
  background-color: #F8F8F8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#EAEAEA)); 
  background-image: -webkit-linear-gradient(top, #F8F8F8, #EAEAEA); 
  background-image: -moz-linear-gradient(top, #F8F8F8, #EAEAEA); 
  background-image: -ms-linear-gradient(top, #F8F8F8, #EAEAEA); 
  background-image: -o-linear-gradient(top, #F8F8F8, #EAEAEA); 
  background-image: linear-gradient(top, #F8F8F8, #EAEAEA);
  border: 1px solid #D9D9D9;
  -webkit-border-radius: 8px; 
  -moz-border-radius: 8px; 
  border-radius: 8px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	padding: 0 10px;
	position: relative;
	z-index: 10;
}

/* Primary Menu   TODO: add default colours/-------------------------------------------------------------- */

/* Add general styles for primary menu here, such as typography, borders, floats,  or spacing above/below */

/* Link style for top level menu items, add padding here */

.primary-menu-inner ul.sf-menu a,
.primary-menu-inner ul.sf-menu a:visited {
	background-color: transparent;
	border-right: 1px solid #DDDDDD;
	color: #656565;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.4em;
	padding: 6px 12px;
}

.primary-menu-inner ul.sf-menu a:hover,
.primary-menu-inner ul.sf-menu a:active,
.primary-menu-inner ul.sf-menu a:focus,
.primary-menu-inner ul.sf-menu li.active-trail > a,
.primary-menu-inner ul.sf-menu li.sfHover > a {
  background-color: #E4E4E4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E4E4E4), to(#F8F8F8)); 
  background-image: -webkit-linear-gradient(top, #E4E4E4, #F8F8F8); 
  background-image: -moz-linear-gradient(top, #E4E4E4, #F8F8F8); 
  background-image: -ms-linear-gradient(top, #E4E4E4, #F8F8F8); 
  background-image: -o-linear-gradient(top, #E4E4E4, #F8F8F8); 
  background-image: linear-gradient(top, #E4E4E4, #F8F8F8);
	color: #464646;
}

/* These are the top level menu items, add border-right here for separators */

.primary-menu-inner ul.sf-menu li {
	
}

/* Add border-right: 0;
 here to remove separator on last menu item */

.primary-menu-inner ul.sf-menu li.last {
	
}

/* Style for container of dropdown, add background or border */

.primary-menu-inner ul.sf-menu ul {
	background-color: #F8F8F8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#EAEAEA)); 
  background-image: -webkit-linear-gradient(top, #F8F8F8, #EAEAEA); 
  background-image: -moz-linear-gradient(top, #F8F8F8, #EAEAEA); 
  background-image: -ms-linear-gradient(top, #F8F8F8, #EAEAEA); 
  background-image: -o-linear-gradient(top, #F8F8F8, #EAEAEA); 
  background-image: linear-gradient(top, #F8F8F8, #EAEAEA);
  -webkit-border-radius: 0 0 8px 8px; 
  -moz-border-radius: 0 0 8px 8px; 
  border-radius: 0 0 8px 8px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	z-index: 20;
	width: 12em;
	margin-top: 3px;
}

/* Style for individual dropdown menu items, add border-bottom for separators */

.primary-menu-inner ul.sf-menu li li {
	background-color: transparent;
	font-size: .9em;
}

.primary-menu-inner ul.sf-menu li li a,
.primary-menu-inner ul.sf-menu li li a:link,
.primary-menu-inner ul.sf-menu li li a:visited {
	border-bottom: 1px solid #bbb;
	border-right: none;
	color: #58B;
	padding: 4px 8px 4px 13px;
}

.primary-menu-inner ul.sf-menu li li.first a {
	border-top: 1px solid #bbb;
}

.primary-menu-inner ul.sf-menu li li a:hover,
.primary-menu-inner ul.sf-menu li li.active-trail > a,
.primary-menu-inner ul.sf-menu li li.sfHover > a {
	background-color: #ccc;
}

.primary-menu-inner ul.sf-menu li li.last a {
	-webkit-border-radius: 0 0 8px 8px; 
  -moz-border-radius: 0 0 8px 8px; 
  border-radius: 0 0 8px 8px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.primary-menu-inner ul.sf-menu li li li {
	
}

/* Style for hover of dropdown menu items (add background-color here) */

.primary-menu-inner ul.sf-menu li ul li:hover,
.primary-menu-inner ul.sf-menu li ul li.sfHover {
	
}

/* Secondary menu-------------------------------------------------------------- */

/* This menu usually appears in the header as a set of simple text links */

.secondary-menu {
	
}

/* Set general style for menu here -- background, alignment, etc. */

.secondary-menu-inner ul.links {
	
}

/* Add a border-right here for a separator */

.secondary-menu-inner ul.links li {
	
}

/* Add border-right: 0;
 here to remove right separator on last menu item */

.secondary-menu-inner ul.links li.last {
	
}

/* Styles for links */

.secondary-menu-inner ul.links li a:link,
.secondary-menu-inner ul.links li a:visited {
	padding: 3px;
}

.secondary-menu-inner ul.links li a:hover,
.secondary-menu-inner ul.links li a:focus,
.secondary-menu-inner ul.links li a.active {
	
}

/* Header - Search-------------------------------------------------------------- */

.search-box {
  float: none;
  margin: 0;
  min-width: 220px;
  padding: 4px;
  width: auto;
  position: absolute;
  right: 0px;
  top: 50px;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.6);  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF); 
  zoom: 1;
}

.no-js .search-box {
  min-width: 500px;
}

body .search-box .search-box-inner {
  border: 1px solid #ccc;
  margin: 0;
}

#edit-search-theme-form-1-wrapper label {
  display: none;
}

.no-js #edit-refine-wrapper {
  padding-left: 10px;
}

.search-box-inner input[name=search_theme_form] {
	background: #fff;
	color: #999;
	border: none;
	display: block;
	float: left;
	font-size: 11px;
	height: 18px;
	line-height: 14px;
	margin: 0;
	min-width: 315px;
	padding: 2px 4px;
}

.search-box-inner input[type=submit] {
	color: #fff;
	border: none;
	display: block;
	float: left;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	height: 22px;
	letter-spacing: .1em;
	line-height: 16px;
	margin: 0;
	padding: 2px 6px;
	text-transform: uppercase;
  background-color: #1E587C;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1E587C), to(#123249)); 
  background-image: -webkit-linear-gradient(top, #1E587C, #123249); 
  background-image: -moz-linear-gradient(top, #1E587C, #123249); 
  background-image: -ms-linear-gradient(top, #1E587C, #123249); 
  background-image: -o-linear-gradient(top, #1E587C, #123249); 
  background-image: linear-gradient(top, #1E587C, #123249);
}

.contextual-search-wrapper {
  clear: both;
  position: absolute;
  right: 60px;
  top: 0;
  border-left: 1px dashed #ccc;
}

.contextual-search-wrapper .contextual-search-launcher,
.contextual-search-processed .contextual-search-wrapper ul.contextual-search-list {
  color: #999;
  background: #fff url(../images/arrow-down-grey.png) right 10px no-repeat;
  z-index: 11;
}

.contextual-search-wrapper .contextual-search-launcher,
.contextual-search-processed .contextual-search-wrapper ul.contextual-search-list li a {
  color: #999;
  padding: 2px 17px 2px 7px;
}

.contextual-search-processed .contextual-search-wrapper ul.contextual-search-list li a {
  margin-left: -7px;
  margin-right: -17px;
  padding-left: 7px;
  padding-right: 17px;
}

.contextual-search-processed .contextual-search-wrapper ul.contextual-search-list li a.first {
  margin-top: -4px;
  padding-top: 4px;
}

.contextual-search-processed .contextual-search-wrapper ul.contextual-search-list li a.last {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  margin-bottom: -4px;
  padding-bottom: 4px;
}

.contextual-search-wrapper .contextual-search-launcher:hover,
.contextual-search-processed .contextual-search-wrapper ul.contextual-search-list li a:hover {
  text-decoration: none;
}

/*  Preface Regions-------------------------------------------------------------- */

/* The Preface Top region sits between the header and the Main Area (columns, sidebars, and main content).  The Preface Bottom region is inside the Main Area. */

.preface-top-wrapper {
	
}

.preface-top {
	
}

.preface-top-inner {
	
}

.preface-bottom {
	
}

.preface-bottom-inner {
	
}

/*  Main Area (content + sidebars + preface bottom + postscript top)-------------------------------------------------------------- */

.main-wrapper {
	margin-top: 18px;
}

.main {
  border: 1px solid #D9D9D9;
	-webkit-border-radius: 8px; 
  -moz-border-radius: 8px; 
  border-radius: 8px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	margin-bottom: 10px;
  -webkit-box-shadow: 0px 2px 2px #BEBEBE; 
  -moz-box-shadow: 0px 2px 2px #BEBEBE; 
  box-shadow: 0px 2px 2px #BEBEBE; 
}

.not-front .main .main-inner, .front .main .main-inner {
  padding: 0px;
}

.content-content {
	min-height: 400px;
}

#main-content-inner {
}



/* Sidebar Regions-------------------------------------------------------------- */

/* Sidebar widths can be controlled through theme settings */

.sidebar-first .block .content, 
.sidebar-last .block .content {
	overflow: hidden;
}

div.superfish {
  display: table-cell;
  vertical-align: top;
  -moz-box-shadow: inset 3px 0px 10px #cc5c55;
  -webkit-box-shadow: inset 3px 0px 10px #c5c5c5;
  box-shadow: inset 3px 0px 10px #c5c5c5;
  float: none;
  -webkit-border-radius: 0px 8px 8px 0px; 
  -moz-border-radius: 0px 8px 8px 0px; 
  border-radius: 0px 8px 8px 0px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  background: #ffffff;
  background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #f8f8f8 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
  background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#f8f8f8 100%);
  background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#f8f8f8 100%);
  background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#f8f8f8 100%);
  background: radial-gradient(center, ellipse cover,  #ffffff 0%,#f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=1 );
}

#sidebar-first.nested {
  
}

#sidebar-last.nested {
  vertical-align: top;
  -webkit-border-radius: 0px 8px 8px 0px; 
  -moz-border-radius: 0px 8px 8px 0px; 
  border-radius: 0px 8px 8px 0px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  -moz-box-shadow: inset 3px 0px 10px #cc5c55;
  -webkit-box-shadow: inset 3px 0px 10px #c5c5c5;
  box-shadow: inset 3px 0px 10px #c5c5c5;
  background: #ffffff;
  background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #f8f8f8 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
  background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#f8f8f8 100%);
  background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#f8f8f8 100%);
  background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#f8f8f8 100%);
  background: radial-gradient(center, ellipse cover,  #ffffff 0%,#f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=1 );
}

.sidebar-last-cap {
  display: block;
  height: 13px;
  border-bottom: 1px solid #ccc;
  -webkit-border-radius: 0px 7px 0px 0px; 
  -moz-border-radius: 0px 7px 0px 0px; 
  border-radius: 0px 7px 0px 0px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  background: rgb(133,133,133);
  background: -moz-linear-gradient(top,  rgba(133,133,133,1) 0%, rgba(186,189,185,1) 88%, rgba(185,197,180,1) 89%, rgba(116,145,99,1) 94%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(133,133,133,1)), color-stop(88%,rgba(186,189,185,1)), color-stop(89%,rgba(185,197,180,1)), color-stop(94%,rgba(116,145,99,1)));
  background: -webkit-linear-gradient(top,  rgba(133,133,133,1) 0%,rgba(186,189,185,1) 88%,rgba(185,197,180,1) 89%,rgba(116,145,99,1) 94%);
  background: -o-linear-gradient(top,  rgba(133,133,133,1) 0%,rgba(186,189,185,1) 88%,rgba(185,197,180,1) 89%,rgba(116,145,99,1) 94%);
  background: -ms-linear-gradient(top,  rgba(133,133,133,1) 0%,rgba(186,189,185,1) 88%,rgba(185,197,180,1) 89%,rgba(116,145,99,1) 94%);
  background: linear-gradient(top,  rgba(133,133,133,1) 0%,rgba(186,189,185,1) 88%,rgba(185,197,180,1) 89%,rgba(116,145,99,1) 94%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#749163',GradientType=0 );
}

/* Content Regions-------------------------------------------------------------- */

#content-group-inner {
  margin-top: 14px;
  vertical-align: top;
}

.content-top {
	
}

.content {
	
}

.content-inner-inner {
padding: 12px 10px 0px 10px;  
}

.page-admin .content-inner-inner {
	padding-bottom: 80px;
	z-index: 0;
}

.content-bottom {
	
}

.node-type-document .node .field-field-file {
	float: left;
	margin-right: 2%;
	margin-bottom: 12px;
}

/* This region only appears on full node pages. It's useful for ads or other  content between the body of the node and its comments */

.node-bottom {
	
}

/*  Postscript & Footer Regions-------------------------------------------------------------- */

.postscript-top {
	
}

.postscript-top-inner {
	
}

.postscript-bottom-wrapper {
	
}

.postscript-bottom {
	
}

.postscript-bottom-inner {
	
}

.footer {
  color: #00669F;
	padding: 10px 0;
	margin-top: 30px;
	min-height: 240px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 2px 2px #BEBEBE; 
  -moz-box-shadow: 0px 2px 2px #BEBEBE; 
  box-shadow: 0px 2px 2px #BEBEBE;
	border: 1px solid #D9D9D9;
  background-color: #F6F6F6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#FCFCFC)); 
  background-image: -webkit-linear-gradient(top, #F6F6F6, #FCFCFC); 
  background-image: -moz-linear-gradient(top, #F6F6F6, #FCFCFC); 
  background-image: -ms-linear-gradient(top, #F6F6F6, #FCFCFC); 
  background-image: -o-linear-gradient(top, #F6F6F6, #FCFCFC); 
  background-image: linear-gradient(top, #F6F6F6, #FCFCFC);
  -webkit-border-radius: 8px; 
  -moz-border-radius: 8px; 
  border-radius: 8px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.front .footer {
  margin-top: 30px;
  margin-bottom: 20px;
}

.footer-inner {
	
}

.footer-message-wrapper {
	color: #fff;
	padding: 10px 0;
}

.footer-message-wrapper a {
	color: #bad9ff;
}

.footer-message {
	
}

.footer-message-inner {
	padding: 15px;
}

.footer-message-text {
	
}

#acquia-footer-message {
	float: left;
	width: 48%;
	text-align: left;
  font-size: 1.1em;
}

#acquia-footer-message a img {
	display: block;
	float: left;
}

#acquia-footer-message span {
	display: block;
	float: left;
	margin: 10px 10px 0;
}

#fusion-footer-message {
	float: right;
	clear: none;
	font-size: 1.1em;
	padding: 10px 0;
	text-align: right;
	width: 49%;
}

#acquia-footer-message a,
#fusion-footer-message a {
	color: #00669F;
	font-size: 1.1em;
	text-decoration: none;
}

/* Page titles/-------------------------------------------------------------- */

/* Page and full node titles */

h1.title {
	color: #04649F;
	font-size: 35px;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 .2em 0;
}

/* Default node styles/-------------------------------------------------------------- */

/* Change unpublished and preview colors for dark background themes */

.node-unpublished {
	background-color: #fff4f4;
}

.preview .node {
	background-color: #ffffea;
}

/* node admin styles*/

.node-form #tagging-widget-container .description {
	line-height: 1.2em;
	padding: .6em;
	float: left;
}

/* images within node content */

.node .content img {
	padding: 10px;
}

/* Typography for node titles */

h2.title {
	
}

/* Colors and styles for linked node titles, ie. teaser listing at /node */

h2.title a:link,
h2.title a:visited {
	
}

h2.title a:hover,
h2.title a:focus,
h2.title a:active {
	
}

/* Separators and padding for node teasers */

.teaser {
	
}

/* Author/date info */

.meta {
	
}

.meta .terms-inline {
  display: block;
  margin-top: 5px;
}

.meta ul.links li {
  border-color: #eee;
}


.submitted {
  color: #777;
  padding: 7px 7px 7px 11px;
  margin-bottom: 10px;
  display: block;
  max-width: 700px;
  overflow: hidden;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 5px #ccc;
  -moz-box-shadow: 0px 0px 5px #ccc;
  box-shadow: 0px 0px 5px #ccc;
}


.submitted .userpoints-value {
  font-style: italic;
  font-size: 85%;
  padding: 0 3px;
}

.submitted span a {
	font-weight: bold;
}

.submitted .user_badges img {
  padding: 0 5px 0 0;
}

.submitted .submitted-on {
  font-weight: bold;
  font-size: 90%;
}

/* Links for nodes (taxonomy, commenting, read more, etc) */

.node .groups,
.node .links,
.node .meta {
	clear: both;
}

.node .groups {
  font-size: 95%;
}

ul.links li {
	margin: 0;
	padding: 0 6px 0 6px;
}

.links li {
	background-image: none;
	display: inline-block;
	border-right: 1px solid #ccc;
}

.links .last {
	border: none;
}

.node ul.links li {
  background: none;
  padding: 0 5px 0 2px;
}

.node ul.links li.last {
	border-right: none;
}

/* menu list links */

.node .inner ul.menu li,
.block .content ul.menu li,
.panel-pane .inner ul.menu li,
.commons-colors-blueblue.node .inner ul.menu li,
.commons-colors-blueblue.block .content ul.menu li,
.commons-colors-blueblue.panel-pane .inner ul.menu li,
.commons-colors-orangeblue.node .inner ul.menu li,
.commons-colors-orangeblue.block .content ul.menu li,
.commons-colors-orangeblue.panel-pane .inner ul.menu li {
	background-image: none;
	padding: 0;
}

.node .inner ul.menu li li,
.block .content ul.menu li li,
.panel-pane .inner ul.menu li li,
.commons-colors-blueblue.node .inner ul.menu li li,
.commons-colors-blueblue.block .content ul.menu li li,
.commons-colors-blueblue.panel-pane .inner ul.menu li li,
.commons-colors-orangeblue.node .inner ul.menu li li,
.commons-colors-orangeblue.block .content ul.menu li li,
.commons-colors-orangeblue.panel-pane .inner ul.menu li li {
	padding-left: 22px;
}

.node .inner ul.menu li a,
.block .content ul.menu li a,
.panel-pane .inner ul.menu li a {
	background: transparent url(../images/gray-arrow-right.png) no-repeat left center;
	list-style-image: none;
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0 0 0 22px;
	text-indent: 0;

}

/* Only more/read more links */

div.node .read-more a,
div.node .more-link a {
	
}

/* Drupal Messages/-------------------------------------------------------------- */

/* General style for all errors/messages (border, padding, etc.) */

div.content-help div.help {
	margin-bottom: 0;
}

div.help p:first-child {
	margin-top: 0;
}

div.help p:last-child {
	margin-bottom: 0;
}

/* Status messages: green */

div.content-messages-inner div.status {
background-color: #D2E1FF;
border: 1px solid #6A96C3;
color: #666;
}

/* Warning messages: yellow */

div.content-messages-inner div.warning {
	border-width: 1px;
}

/* Error messages: red */

div.content-messages-inner div.error {
	background-color: #feebe5;
	border: 1px solid #fe231a;
	color: #cf1a12;
}

/* Help messages: blue */

div.content-help-inner div.help {
	background-color: #daebfd;
	border: 1px solid #619ed4;
}

#content-messages,
div.content-messages div.error,
div.content-help-inner div.help,
div.content-messages div.error p,
div.content-help-inner div.help p,
div.content-messages div.status,
div.content-help-inner div.warning,
div.content-messages div.status p,
div.content-help-inner div.warning p {
	margin: 0px;
}

div.content-messages div.error,
div.content-help-inner div.help,
div.content-messages div.status,
div.content-help-inner div.warning {
	padding: 4px 8px;
}

/* Error that appears when a required form field is not filled out */

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
	border: 1px solid #aa1144;
}

/* "New" text and required form field asterisk (default = red) */

.marker,
.form-required {
	color: #aa1144;
}
.form-required {
	padding-left: .5em;
}

/* Default block title styles/-------------------------------------------------------------- */

h2.block-title {
	
}

/* Override block edit gear icon */

.block .fusion-block-config,
.block .fusion-block-edit {
	background: url(../images/gear.png) center center no-repeat;
}

.block .fusion-edit a {
	background-color: transparent;
	border: none;
}

.block .fusion-edit a:hover {
	background-color: transparent;
	text-decoration: none;
}

/* Breadcrumbs-------------------------------------------------------------- */

.breadcrumbs-wrapper {
	margin: auto;
}

.breadcrumbs {
	color: #333;
	margin: 0 auto;
  float: none;
  
}

.breadcrumb {
  padding: 0;
}

.breadcrumbs.block .breadcrumbs-inner {
	margin: 0;
	padding: 2px 25px;
	display: inline-block;
	-webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.6);  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF); 
  zoom: 1;
}

.breadcrumbs a:link,
.breadcrumbs a:visited {
	font-size: 1.1em;
	font-style: normal;
	line-height: 1.4em;
	margin: 0;
	padding: 0 2px;
	color: #00669F;
}

#content-tabs ul.primary, #content-tabs ul.secondary  {
  border-bottom: none;
}
#content-tabs ul.secondary {
	border-bottom: 1px solid #d1d1d1;
	margin-top: 10px;
	text-transform: lowercase;
}

#content-tabs ul.primary li, #content-tabs ul.secondary li {
  padding: 5px 3px;;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited {
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
	background-color: #d1d1d1;
	border-radius: 99px;
	border: 1px solid #d1d1d1;
	color: #323232;
	cursor: pointer;
	float: left;/* LTR */
  margin: 0;
	padding: 6px 16px;
	text-decoration: none;
	white-space: nowrap;
}

#content-tabs ul.primary li.first a:link,
#content-tabs ul.primary li.first a:visited {
	margin-left: 0;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
	background-color: transparent;
	border: none;
	color: #323232;
	float: left;/* LTR */
  font-weight: bold;
	margin: 0;
	padding: 0 0 6px 0;
	text-decoration: none;
	white-space: nowrap;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
	color: #555;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
	background-color: #fff;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
	border-bottom: 4px solid #555;
	color: #777;
	padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus {
	background-color: #888;
}

#content-tabs ul.secondary li a:hover,
#content-tabs ul.secondary li a:focus {
	border-bottom: 4px solid #777;
	color: #777;
	padding-bottom: 2px;
}

#content-tabs ul.tabs {
  padding-left: 0px;
}
/* Pagers-------------------------------------------------------------- */

ul.pager {
	
}

.content ul.pager li {
	background-image: none;
	line-height: 1.8em;
	margin: 0;
	padding: 2px 4px;
	text-indent: 0;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

ul.pager a,
ul.pager li.pager-current {
	border-color: #333;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

ul.pager li.pager-current {
	background-color: #777;
	color: #fff;
}

ul.pager li a:hover,
ul.pager li a:active,
ul.pager li a:focus {
	background-color: #777;
	border-color: #333;
	color: #fff;
}

/* Forms/-------------------------------------------------------------- */

/* Typography and backgrounds for all form buttons */

.button {
	background-color: #DDE9F4;
	border: 0 none;
  color: #69c;
	font-family: "Helvetica Neue", Helvetica,Arial, Sans-serif;
	font-size: 12px;
	line-height: 1;
}

.button.primary {
  background-color: #69c;
  border-color: #69c;
  border-style: solid;
  border-width: 0 1px 1px 0;
  color: white;
}

.facebook-status-submit.button.primary {
  background-color: transparent;
  border-color: #1879B1 #ddd #ddd #ddd;
  border-width: 1px 4px 4px 0;
}

.button,
.fbsmp-plugin-icon {
  border-color: #c2c2c2;
}

form input.form-submit {
  font-weight: normal; /* Forced by Fusion */
  margin: 0;
}

.fbsmp-cancel-button {
  background: #1879B1;
}

/*  Commented out to support new Facebook style buttons
 * 
.fbsmp-icon-list {
  border-color: #c2c2c2;
}*/

.fbsmp-icon-list .button:first-child {
  border-left: 0 none;
}

.views-exposed-form .views-exposed-widget .form-submit {
	margin-top: 18px;
}

/* Hover style for form buttons */

.form-submit:hover,
.form-submit.hover,
.form-submit:focus {
	
}

/* Typography, background, borders, padding for form fields */

.form-item input,
.form-item textarea {
	font-size: 14px;
	line-height: 1em;
}

.form-item input {
 background: #fff url(../images/inner-shadow.png) no-repeat 0 0;
 border: 1px inset #969696;
 padding: 2px 4px;
}

/* Remove backgrounds and border on radios and checkboxes */

.form-item .form-radio,
.form-item .form-checkbox {
	background: none;
	border: none !important;
}

/* Fieldset wrapper around groups of form elements -- add border here */

fieldset {
	overflow: hidden;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

html.js fieldset.collapsed {
	background-color: transparent;
  padding: 0 5px;
}

/* Typography and spacing for legend of fieldsets */

fieldset legend {
	
}

/* Link style for legend of fieldsets */

fieldset legend,
legend.collapse-processed,
legend.collapse-processed a:link,
legend.collapse-processed a:visited {
	
}

/* Custom icons on (open) collapsible fieldsets */

html.js fieldset.collapsible legend a:link,
html.js fieldset.collapsible legend a:visited {
	
}

/* Custom icons on (closed) collapsible fieldsets */

html.js fieldset.collapsed legend a:link,
html.js fieldset.collapsed legend a:visited {
	
}

/* Tables-------------------------------------------------------------- */

/* Body of tables */

tbody {
	border-top: 1px solid #D0D0D0;
}

thead + tbody {
	border-top: 1px solid #D0D0D0;
}

/* Header of tables */

thead th,
th {
	border: none;
	color: #333;
}

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

/* Alternating row background styles */

tr.even,
tr.even td {
  background-color: #fff;
  border-bottom: 1px solid #D0D0D0;
  font-size: 1em;
  line-height: 1.2em;
  padding: .6em .2em;
}

tr.even .form-item ,
tr.odd .form-item {
	white-space: normal;
}

.page-admin tr.even .form-item ,
.page-admin tr.odd .form-item {
	white-space: nowrap;
}


tr.odd,
tr.odd td {
  background-color: #fff;
  border-bottom: 1px solid #D0D0D0;
  font-size: 1em;
  line-height: 1.2em;
  padding: .6em .2em;
}

tr.views-row-last,
tr.views-row-last td,
tr.last,
tr.last td {
	
}

tr td,
tr.views-row-first.views-row-last,
tr.views-row-first.views-row-last td,
tr.first.last,
tr.first.last td {
	border-bottom: 1px dotted #ccc;
}

/* Remove border-bottom from group subscribe buttons */

table tr td.views-field-subscribe {
border-bottom: none;
}

table tr td.active {
	background-color: #fafafa;
}

tr.drag td,
tr.drag-previous td {
	color: #323232;
}

/* Maintenance Page/-------------------------------------------------------------- */

/* Maintenance page tpl file in Fusion Core has simplified layout, but you can  also add specific styles, such as a background, just for your offline page */

.in-maintenance {
	
}

/*--------------------------------------------------------------*/

/* Module styles/-------------------------------------------------------------- */

/* Book/-------------------------------------------------------------- */

.book-navigation .menu {
	border-top: 1px solid #ccc;
}

.book-navigation .page-links {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

/* Comments/-------------------------------------------------------------- */

/* Style for each individual comment */

div.comment {
	
}

/* Subject (title) of each comment */

div.comment h3.title {
	
}

/* comment info */

.comment .comment-info {
	background: transparent url(../images/shoutbox-bubble.png) no-repeat right 8px;
	float: left;
	position: relative;
	width: auto;
	z-index: 10;
	padding: 0 20px 0 0;
  text-align: center;
  margin-right: -2px;
}

.comment-info ul.links li {
	font-size: 10px;
	padding: 0 2px 0 0;
  display: block;
  border: none;
}

.comment-info ul.links li.comment_forbidden,
.comment-info ul.links li.comment_forbidden span {
	white-space: normal;
}

.comment-info ul.links li.last {
	border: none;
}

.comment .comment-info span.new {
	color: #aa1144;
}

.comment .comment-info .submitted span {
	display: block;
	width: auto;
}

.comment .comment-content-wrapper {
	-moz-box-shadow: 1px 1px 3px #ddd;
	-webkit-box-shadow: 1px 1px 3px #ddd;
	border: 1px solid #d6d6d6;
	box-shadow: 1px 1px 3px #ddd;
	padding: 10px;
	position: relative;
	z-index: 1;
  overflow: auto;
}

.comment .comment-content {
  float: left;
}

/*fix for comment title being cut off */

.comments > a[id] {
	position: absolute;
}

div.comments div.indented {
	margin-left: 20px;
}

/* Links (edit, reply, delete) for each comment */

div.comment div.links a,
div.comment ul.links a {
	
}

/* A special highlight style for a comment by the author of the node */

.comments div.comment-by-author .comment-info img {
	/*border: 2px solid #619ed4;*/
}

/* Comment signatures */

.signature {
	border-top: 1px solid #d6ddb9;
}

/* User avatars in comments */

.comment-wrapper .picture img {
	
}

/* @group Facebook */

.facebook-status-item .facebook-status-links ul.links li {
  background: none;
  border: 0 none;
  display: inline-block;
  list-style: none;
  padding-left: 0;
}

/* @group Comments */

.facebook-status-comments {
  border: 1px solid #DDD;
}

.facebook-status-comments.no-comments {
  border: 0 none;
}

.facebook-status-subitem {
  background-color: #eee;
  padding: 0.75em;
}

.facebook-status-subitem {
  border-top: 4px solid white;
}


.fbss-comments .facebook-status-subitem:first-child,
.facebook-status-comments :first-child,
.facebook-status-subitem.form-piece {
  border-top: 0 none;
}

.fbss-comments + .facebook-status-subitem {
  padding-bottom: 0;
}

.fbss-comments + .facebook-status-subitem .fbss-comments-show-comment-form-inner { /* This is so messy. The DOM structure needs to be cleaned up */
  padding-bottom: 0.75em;
}

.facebook-status-subitem.form-piece {
  padding-top: 0;
}

.fbss-comments ul.fbss-comments-links li {
  background: none;
  padding: 1px 7px;
  margin: 0;
  border-right: none;
}

/* @end */

/* @end */

/* Forum/-------------------------------------------------------------- */

#forum .description {
	
}

.forum-topic-navigation {
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
}

/* Poll/-------------------------------------------------------------- */

div.poll div.bar {
	background-color: #ddd;
}

div.poll div.bar div.foreground {
	background-color: #999;
}

/* Profiles/-------------------------------------------------------------- */

.profile .picture {
	background-color: #efefef;
	border-bottom: none;
	border: 1px solid #dcdcdc;
	float: none;
	margin: 0;
	padding: 10px 0 6px 0;
	text-align: center;
}

.profile .picture img {
	border: 1px solid #fff;
	height: auto;
	max-width: 90%;
}

.profile .column-left {
	float: left;
	margin: 0 2% 0 0;
	width: 30%;
}

.profile .column-right {
	float: left;
	width: 68%;
}

.block.block-commons_profile .links .ur_action a {
  background: #6699CC;
  border-color: #6699CC;
  border-style: solid;
  border-width: 0 1px 1px 0;
  color: #FFFFFF;
  margin: 10px 0;
  padding: 7px 14px;
}

.block.block-commons_profile .links .ur_action a:hover,
.block.block-commons_profile .links .ur_action a:active {
  text-decoration: none;
}

/* User points styles */

.profile .userpoints h3 {
	border: none;
	float: left;
	margin: 0px;
	width: auto;
}

.profile .userpoints {
	background-color: #669acc;
	border: 1px solid #517aa1;
	color: #fff;
	margin: 0 0 .6em 0;
	padding: 4px 8px;
}

.profile .userpoints dd {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
	display: block;
}

.profile .userpoints:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.profile .userpoints .points {
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 8px;
	width: auto;
}

.profile .userpoints .edit-links {
	display: none;
}

.profile .userpoints:hover .edit-links {
	clear: both;
	display: block;
	margin-top: 1.6em;
	position: absolute;
}

.profile .userpoints .edit-links a {
	text-decoration: underline;
}

/* Styles for sub-headings on user profiles */

.profile .column-right dt {
	width: auto;
	padding: 0;
}

.profile .column-right h3 {
	background-color: #eaeaea;
	border: 1px solid #d8d8d8;
	margin-top: 0;
	padding: 2px 6px;
}

.profile dd .item-list li {
	background-image: none;
}

/* Ubercart - catalog/-------------------------------------------------------------- */

/* Horizontal list of subcategories in catalog */

ul.uc-categories {
	
}

.uc-categories li a {
	font-weight: bold;
	padding: 0 5px 0 3px;
}

/* Product and category names */

.catalog-grid-title a:link,
.catalog-grid-title a:visited,
.category a:link,
.category a:visited {
	
}

.catalog-grid-title a:hover,
.catalog-grid-title a:focus,
.category a:hover,
.category a:focus {
	
}

/* Sell price in Ubercart catalog */

.category-grid-products .catalog-grid-sell-price {
	
}

/* Ubercart - add to cart buttons/-------------------------------------------------------------- */

/* Add to cart buttons */

input.node-add-to-cart,
input.list-add-to-cart {
	
}

/* Hover and focus styles, with .hover class added for IE6 support */

input.node-add-to-cart:hover,
input.node-add-to-cart.hover,
input.node-add-to-cart:focus,
input.list-add-to-cart:hover,
input.list-add-to-cart.hover,
input.list-add-to-cart:focus {
	
}

/* Ubercart - product nodes/-------------------------------------------------------------- */

#field-group {
	
}

#price-group {
	
}

/* Product images */

.product-image a img {
	
}

.product-image a:hover img,
.product-image a:focus img {
	
}

/* Display price on full product nodes */

.full-node .product-group .uc-price-display {
	
}

/* Product attributes on full nodes */

.full-node .product-group .attributes {
	
}

/* Ubercart - general / checkout/-------------------------------------------------------------- */

/* For optional "Powered by Ubercart" footer message */

#store-footer {
	
}

#store-footer a:link,
#store-footer a:visited {
	
}

/* View cart/Checkout links in Ubercart cart block */

.cart-block-summary-links ul.links li a {
	
}

.cart-block-summary-links ul.links li.cart-block-checkout a:link,
.cart-block-summary-links ul.links li.cart-block-checkout a:visited {
	
}

/* Key checkout process buttons: Checkout, Continue, and Submit Order */

#uc-cart-view-form #edit-checkout,
#uc-cart-checkout-form #edit-continue,
#uc-cart-checkout-review-form #edit-submit {
	
}

/* Table on final order review page */

.order-review-table {
	
}

#cart-form-products table th {
	border-bottom: 3px solid #dec2c3;
}

/* Block/Pane Styles */

/*login block */
#block-commons_core-3 .content {
  margin: 15px 0 0;
}

.sidebar-last .block h2.block-title,
.sidebar-first .block h2.block-title {
	font-weight: normal;
	line-height: 1.2em;
	margin: 0px;
	color: #79AB3B;
	padding: 10px 0 0 0;
}

.sidebar-last .block h2.block-title a,
.sidebar-first .block h2.block-title a {
	color: #323232;
}

.sidebar-last .block .inner,
.sidebar-first .block .inner {
}

.sidebar-first .block .content,
.sidebar-last .block .content {
	padding: 10px 10px 10px 0;
}

/* Search Results/-------------------------------------------------------------- */

dl.search-results .search-result {
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
	padding-bottom: 12px;
}

dl.search-results .search-result dt.title {
	font-size: 1.2em;
	margin-bottom: 4px;
}

dl.search-results .search-result dd {
	margin-bottom: 0;
}

dl.search-results .search-result p.search-info {
	margin-bottom: 0;
}

/* Skinr/-------------------------------------------------------------- */

/* horizontal login*/

.fusion-horiz-login input.form-submit {
	font-size: 12px;
	line-height: 14px;
	height: 20px;
}

.fusion-horiz-login .item-list ul li {
	background-image: none;
	padding-left: 0;
	line-height: 1.1em;
}

/* List Styles */

.block .content ul li,
.block .content ol li {
	margin-bottom: 2px;
}

.view .view-content .item-list li.views-row {
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.view .view-content .item-list li.views-row:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/*Decorative Bullet*/

.commons-list-circle-bullets .content ul {
	margin-left: 18px;
}

.commons-list-circle-bullets .content ul li {
	background: none;
	color: #656565;
	list-style-image: none;
	list-style: disc;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	text-indent: 0;
}

/* Color Styles */

/* Gray & Light Blue */

.commons-colors-grayblue a {
	color: #6698c9;
}

panels-pane.commons-colors-grayblue .inner {
	border-color: #ddd;
}

.commons-colors-grayblue .content ul li {
	background: transparent url(../images/gray-arrow-right.png) no-repeat 0 4px;
}

.commons-list-cirlce-bullets.commons-colors-grayblue .content ul li {
	color: #656565;
}

/* Orange & Dark Blue */

.commons-list-circle-bullets.commons-colors-orangeblue .content ul li a,
.commons-colors-orangeblue a {
	color: #3d489d;
}

.panel-pane.commons-colors-orangeblue .inner h2.pane-title,
.panel-pane.commons-colors-orangeblue  .inner h2.block-title,
.panel-panel  .panel-pane.commons-colors-orangeblue .pane-node-content .node {
	border-color: #ee9753;
}

.sidebar-last .block.commons-colors-orangeblue .inner,
.sidebar-first .block.commons-colors-orangeblue .inner {
	border-color: #ee9753;
}

.sidebar-last .block.commons-colors-orangeblue  h2.block-title,
.sidebar-first .block.commons-colors-orangeblue  h2.block-title {
	background-color: #fec688;
}

.commons-colors-orangeblue.node .inner ul.menu li a,
.commons-colors-orangeblue.block .content ul.menu li a,
.commons-colors-orangeblue.panel-pane .inner ul.menu li a {
	background: transparent url(../images/orange-arrow-right.png) no-repeat 0 1px;
}

.commons-colors-orangeblue .content ul li {
	background: transparent url(../images/orange-arrow-right.png) no-repeat 0 4px;
}

.commons-list-circle-bullets.commons-colors-orangeblue .content ul li {
	background-image: none;
	color: #ee9753;
}

/* Dark Blue & Light Blue */

.commons-list-circle-bullets.commons-colors-blueblue .content ul li a,
.commons-colors-blueblue a {
	color: #6698c9;
}

.panel-pane.commons-colors-blueblue .inner h2.pane-title,
.panel-pane.commons-colors-blueblue .inner h2.block-title,
.panel-panel  .panel-pane.commons-colors-blueblue .pane-node-content .node {
	border-color: #3d489d;
}

#block-commons_profile-profile_image_links ul.links li {
	background: transparent url(../images/gray-arrow-right.png) no-repeat 0 4px;
    padding-left: 18px;
}

.sidebar-last .block.commons-colors-blueblue .inner,
.sidebar-first .block.commons-colors-blueblue .inner {
	border-color: #23295c;
}

.sidebar-last .block.commons-colors-blueblue h2.block-title,
.sidebar-last .block.commons-colors-blueblue h2.block-title a,
.sidebar-first .block.commons-colors-blueblue h2.block-title,
.sidebar-first .block.commons-colors-blueblue h2.block-title a {
	background-color: #3d489d;
	color: #fff;
}

.commons-colors-blueblue.node .inner ul.menu li a,
.commons-colors-blueblue.block .content ul.menu li a,
.commons-colors-blueblue.panel-pane .inner ul.menu li a {
	background: transparent url(../images/dkblue-arrow-right.png) no-repeat 0 1px;
}

.commons-colors-blueblue.content ul li {
	background: transparent url(../images/dkblue-arrow-right.png) no-repeat 0 4px;
}

.commons-list-circle-bullets.commons-colors-blueblue .content ul li {
	background-image: none;
	color: #23295c;
}

/* Commons * Styling for Commons specific elements/-------------------------------------------------------------- */

/* Stream */
.activity-log-message {
  border-bottom: 1px solid #D0D0D0;
}

/* User relationships module */
textarea#edit-elaboration {
  max-width: 95%;
}

/* User badges */
div.userpoints div.user_badges {
  float: right;
}

/* OG subscribe button */
div.joinnow-button a {
  background: url("../images/join_button.png") no-repeat;
  display: block;
  width: 50px;
  height: 22px;
  margin: 0 auto;
}

/*Shoutbox module*/

.shoutbox-add-form {
	margin: 0 0 10px 0;
}

.shoutbox-add-form:after,
.shoutbox-admin-links:after,
.shoutbox-msg:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#shoutbox-add-form input.form-text {
	float: left;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	margin: 0 0 4px;
	padding: 2px 2px;
	width: 95%;
	max-width: 95%;
}

.page-home .shoutbox-add-form input.form-text {
	width: 56%;
}

.shoutbox-add-form input.form-submit {
	float: left;
	font-size: 12px;
	height: 24px;
	line-height: 18px;
	margin-left: 10px;
	margin: 0;
	padding: 2px 10px;
	width: 80px;
}

.page-home .shoutbox-add-form input.form-submit {
	width: 60px;
}

#shoutbox-body {
	overflow: visible;
}

#shoutbox-body tr,
#shoutbox-body td, 
#shoutbox-body tbody {
  border: none;
}

.shoutbox-admin-links {
	background-color: #f7f7f9;
	border: 1px solid #d6d6d6;
	margin-right: 4px;
	margin-top: 0px;
	padding: 2px 4px;
	position: absolute;
	right: 0;
	z-index: 10;
}

.shoutbox-admin-links {
	display: none;
}

.shoutbox-msg:hover .shoutbox-admin-links {
	display: block;
}

.shoutbox-admin-links a {
	cursor: pointer;
}

#shoutbox-posts .shoutbox-msg {
	border: none;
	clear: both;
}

.shoutbox-msg .shoutbox-post-info {
	background: transparent url(../images/shoutbox-bubble.png) no-repeat right 10px;
	display: block;
	float: left;
	padding-right: 28px;
	position: relative;
	width: 82px;
	z-index: 10;
	min-height: 28px;
	text-align: right;
}

.shoutbox-msg .shoutbox-post-info span {
	display: block;
	width: 82px;
	overflow: hidden;
	line-height: 1.1em;
}

.shoutbox-msg .shoutbox-post-info span a {
	line-height: 1.1em;
}

.shoutbox-msg .shoutbox-post-info span.shoutbox-msg-time {
	color: #323232;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 1em;
	padding: 0px;
}

.shoutbox-msg .shout-message,
div.shoutbox-even {
	-moz-box-shadow: 1px 1px 3px #ddd;
	-webkit-box-shadow: 1px 1px 3px #ddd;
	border: 1px solid #d6d6d6;
	box-shadow: 1px 1px 3px #ddd;
	display: block;
	margin-left: 108px;
	min-height: 18px;
	padding: 10px;
	z-index: 1;
}

.shoutbox-msg.shoutbox-unpublished .shoutbox-post-info {
	background: transparent url(../images/shoutbox-bubble-unpublished.png) no-repeat right 10px;
}

.shoutbox-msg.shoutbox-unpublished {
	background-color: transparent;
}

.shoutbox-msg.shoutbox-unpublished .shout-message {
	border: 1px solid #c90707;
	color: #666;
}

div.shoutbox-even {
	margin: 0 4px 18px 0;
	padding: 2px 4px;
}

.shoutbox-all-shouts {
	border-top: 1px solid #ccc;
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0 0 0;
	text-align: right;
}

/* Homebox module*/

#homebox-buttons {
  text-align: right;
}

.homebox-column:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#homebox .homebox-column {
	background-color: #f9f9f9;
	background-image: none;
}

#homebox .homebox-portlet h3.portlet-header {
	background-color: #efefef;
	color: #323232;
	font-weight: normal;
	line-height: 1.5em;
	font-size: 1.1em;
	margin: 0px;
	padding: 3px 8px;
}

#homebox .homebox-portlet h2.portlet-header a {
	color: #323232;
}

#homebox .homebox-portlet .homebox-portlet-inner {
	border: 1px solid #dedede;
}

#homebox .homebox-portlet .homebox-portlet-inner .portlet-content {
	padding: 10px;
}

#homebox .homebox-portlet {
  float: none;
  width: auto;
}

#homebox-buttons button {
  font-family: inherit;
}

/* Temporary hack needed until homebox can handle hiding these */
body#pid-dashboard h1.title, body#pid-dashboard #breadcrumbs {
  display: none;
}

/* Group Info */

.group-attributes.fieldgroup .content {
	padding: 0;
}

.panel-pane .full-node .group-attributes .field-field-group-image img.imagecache-group_images {
	float: none;
	height: auto;
	text-align: left;
	width: 100%;
}

.og-mission p:first-child {
	font-weight: bold;
}
/*Group pages*/

.block#block-commons_core-group_create_content .inner,
.block#block-commons_core-group_create_content .inner .content{
	border: none;
	padding: 0;
	border-radius: 0px;
	-moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.block#block-commons_core-group_create_content form {
  padding-top: 10px;
}
.block#block-commons_core-group_create_content select {
  font-size: 1.3em;
  background: transparent;
  width: 100%;
  padding: 0;
}

.block#block-commons_core-group_create_content input {
  font-size: 1.3em;
  margin: 5px 24px 0 0;
}


#edit-submit-group-tab-content {
  width: auto;
  font-size: 14px;
  color: #10354D;
  background-color: #A5D3FE;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#A5D3FE), to(#7BC2F6));
  background-image: -webkit-linear-gradient(top, #A5D3FE, #7BC2F6);
  background-image: -moz-linear-gradient(top, #A5D3FE, #7BC2F6);
  background-image: -ms-linear-gradient(top, #A5D3FE, #7BC2F6);
  background-image: -o-linear-gradient(top, #A5D3FE, #7BC2F6);
  background-image: linear-gradient(top, #A5D3FE, #7BC2F6);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#block-views-group_tab_content-block_1 .view-content .item-list ul li {
  padding: 14px 0px 20px 0px;
}

#block-views-group_tab_content-block_1 {
  width: 600px;
}

.view-group-tab-content .views-field-title {
  font-size: 1.8em;
  margin-bottom: 12px;
}

.view-group-tab-content span.views-field-name, .view-group-tab-content .views-field-tid, .view-group-tab-content .views-field-created {
  font-size: 1.2em;
}

.view-group-tab-content .views-field-teaser {
  font-size: 1.4em;
}
.sidebar-last .block {
  font-size: 1.2em;
  font-weight: bold;
}

.sidebar-last .block-views .view-content .item-list ul li {
  border-bottom: 0 none;
  margin-bottom: 0;
  padding-bottom: 4px;
  padding-left: 10px;
  position: relative;
  clear: both;
}

.view-id-group_block_events_upcoming .item-list ul li, #block-views-group_tab_content-block_1 .item-list ul li, #block-views-groups_my_groups-block_1 .item-list ul li, #block-views-groups_most_active-block_1 .item-list ul li, #block-views-groups_newest_groups-block_1 ul li{
  background-image: none;
}

#block-views-deb9ea35a724682175e6d2c990e7009c .views-field-field-location-value {
  font-weight: normal;
}
#block-commons_core-group_create_content form .form-item {
	float: left;
	margin-top: 0px;
	height: 18px;
	margin-top: 3px;
	margin-right: 1%;
/* Again, (width) not inheriting from Roots correctly, but can't take the time to figure it out
 * -jay
 */
	width: 65%;
}

#block-commons_core-group_create_content form .form-item select {

}

/*My Groups list */

#view-id-subgroups_main_listing-page_1 .views-row .views-field-field-group-image-fid,
#view-id-groups_my_groups_listing-page_1 .views-row .views-field-field-group-image-fid {
	float: left;
}

#view-id-subgroups_main_listing-page_1 .views-row .views-field-description,
#view-id-groups_my_groups_listing-page_1 .views-row .views-field-description{

}

#view-id-subgroups_main_listing-page_1 .views-row .views-field-leave-group,
#view-id-groups_my_groups_listing-page_1 .views-row .views-field-leave-group {

}

#view-id-subgroups_main_listing-page_1 .views-row,
#view-id-groups_my_groups_listing-page_1 .views-row{
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

#view-id-subgroups_main_listing-page_1 .views-row.views-row-last,
#view-id-groups_my_groups_listing-page_1 .views-row.views-row-last {
	border: 0px;
	margin-bottom: 0px;
}

#view-id-subgroups_main_listing-page_1 .views-row:after,
#view-id-groups_my_groups_listing-page_1 .views-row:after{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

/*featured groups slideshow*/

#block-views-groups_featured_groups-block_1 h2.block-title {
	margin-top: 0;
}

#block-views-groups_featured_groups-block_1 .content .views_slideshow_slide{
	width: 100%;
}
#block-views-groups_featured_groups-block_1 .content .views-row .views-field-field-group-image-fid{
 	width: 21%;
}

#block-views-groups_featured_groups-block_1 .views-slideshow-controls-top {
	float: right;
	margin-top: -30px;
}
#block-views-groups_featured_groups-block_1 a.views_slideshow_previous,
#block-views-groups_featured_groups-block_1 a.views_slideshow_next,
#block-views-groups_featured_groups-block_1 a.views_slideshow_pause,
#block-views-groups_featured_groups-block_1 a.views_slideshow_play {
	background: transparent url(../images/slideshow-controls.png) no-repeat 0 0;
	text-indent: -9999px;
	text-align: left;
	width: 20px;
	margin: 0 0 10px 0;
	height: 14px;
	display: block;
	float: left;
}

#block-views-groups_featured_groups-block_1 a.views_slideshow_next{
	background-position: -60px 0;
}
#block-views-groups_featured_groups-block_1 a.views_slideshow_pause{
	background-position: -20px 0;
	width: 16px;
	margin: 0 6px;
}
#block-views-groups_featured_groups-block_1 a.views_slideshow_play {
	background-position: -40px 0;
	width: 14px;
	margin: 0 7px;
}
/* Calendars */

.calendar-calendar div.date-nav {
	background: transparent;
	border: none;
	margin: 0 0 10px 0;
}

.calendar-calendar div.date-nav div.date-prev {
	text-align: right;
}

.calendar-calendar div.date-nav div.date-next {
	text-align: left;
}

.calendar-calendar .month-view table {
	background: transparent;
	border: none;
}

/* week view */

.calendar-calendar .week-view th {
	background-color: #fff;
	border-top: 2px solid #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	color: #666;
}

.calendar-calendar .week-view td {
	font-family: Tahoma, Verdana, sans-serif;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.calendar-calendar .week-view td.calendar-agenda-hour {
	background-color: #eee;
	color: #666;
	font-size: .8em;
	vertical-align: middle;
	padding: 0 10px 0 10px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	white-space: nowrap;
	text-align: right;
}

.calendar-calendar .week-view td div.view-item {
	margin: 0 0 8px 0;
}

.calendar-calendar .week-view td div.view-item:last-child {
	margin-bottom: 0;
}

.calendar-calendar .week-view td div.view-item div {
	background-color: transparent;
	color: #fff;
}

.calendar-calendar .week-view td div.view-item div.weekview {
	background-color: #6599ca;
}

.calendar-calendar .week-view td div.view-item div.view-data-node-title {
	padding: 0;
	margin: 0 0 4px 0;
}

.calendar-calendar .week-view td div.view-item div.view-data-node-title a {
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 4px;
	background-color: #d8e5f4;
	display: block;
}

.calendar-calendar .week-view .week.day,
.calendar-calendar .week-view .week.day {
	border: 1px solid #ececec;
	text-align: center;
	vertical-align: middle;
	padding: 2px 4px;
}

.calendar-calendar .week-view .week.day a,
.calendar-calendar .week-view .week.day a {
	color: #666;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

/* day view */

.calendar-calendar .day-view th {
	background-color: #fff;
	border-top: 2px solid #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	color: #666;
}

.calendar-calendar .day-view td {
	font-family: Tahoma, Verdana, sans-serif;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.calendar-calendar .day-view td.calendar-agenda-hour {
	background-color: #eee;
	color: #666;
	font-size: .8em;
	vertical-align: middle;
	padding: 0 10px 0 10px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	white-space: nowrap;
	text-align: right;
}

.calendar-calendar .day-view td div.view-item {
	margin: 0 0 8px 0;
}

.calendar-calendar .day-view td div.view-item:last-child {
	margin-bottom: 0;
}

.calendar-calendar .day-view td div.view-item div {
	background-color: transparent;
	color: #fff;
}

.calendar-calendar .day-view td div.view-item div.dayview {
	background-color: #6599ca;
}

.calendar-calendar .day-view td div.view-item div.view-data-node-title {
	padding: 0;
	margin: 0 0 4px 0;
}

.calendar-calendar .day-view td div.view-item div.view-data-node-title a {
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 4px;
	background-color: #d8e5f4;
	display: block;
}

/* block calendar */

.block .view-og-calendar {
	border: 2px solid #ececec;
}

.block .view-og-calendar .date-heading h3 {
	font-weight: bold;
}

.block .calendar-calendar .month-view table tr th {
	background-color: #fff;
	border-bottom: 2px solid #ececec;
	border: none;
}

.block .calendar-calendar .month-view table tr td {
	border-bottom: 2px solid #ececec;
	border-right: 2px solid #ececec;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: bold;
	padding: 2px 0;
	text-align: center;
}

.block .calendar-calendar .month-view table tr:last-child td {
	border-bottom: none;
}

.block .calendar-calendar .month-view table tr td.sun {
	border-right: none;
}

.block .calendar-calendar .month-view table tr td a {
	color: #666;
	font-weight: bold;
}

.block .calendar-calendar .month-view table tr td.today {
	background-color: #6599ca;
}

.block .calendar-calendar .month-view table tr td.today,
.block .calendar-calendar .month-view table tr td.today  a {
	/*color: #fff;*/
}

/* page calendar */

.block .content-content .view-og-calendar,
.block .content-content .view-content-global-calendar {
	border: none;
}

.block .content-content .view-og-calendar .calendar-calendar .month-view table,
.block .content-content .view-content-global-calendar .calendar-calendar .month-view table {
	border: 2px solid #ececec;
}

.block .content-content .view-og-calendar .month-view .inner,
.block .content-content .view-og-calendar .month-view .calendar-empty,
.block .content-content .view-content-global-calendar .month-view .inner,
.block .content-content .view-content-global-calendar .month-view .calendar-empty {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

.block .content-content .view-og-calendar .month-view td,
.block .content-content .view-content-global-calendar .month-view td {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.block .content-content .view-og-calendar .month-view td.empty,
.block .content-content .view-content-global-calendar .month-view td.empty {
	background-color: #ececec;
}

.block .content-content .view-og-calendar .month-view .month.day,
.block .content-content .view-content-global-calendar .month-view .month.day {
	border: 1px solid #ececec;
	text-align: center;
	vertical-align: middle;
}

.block .content-content .view-og-calendar .month-view td.today .month.day a,
.block .content-content .view-content-global-calendar .month-view td.today .month.day a {
	color: #666;
}

.block .content-content .view-og-calendar .month-view td.future.has-events,
.block .content-content .view-content-global-calendar .month-view td.future.has-events {
	background-color: #fcfcfc;
}

.block .content-content .view-content-global-calendar .month-view td.today.has-events a.popup,
.block .content-content .view-content-global-calendar .month-view td.today.has-events div.view-field,
.block .content-content .view-content-global-calendar .month-view td.today.has-events div.calendar {
	background-color: transparent;
}

.block .content-content .view-og-calendar .month-view td.future.has-events .view-item div,
.block .content-content .view-content-global-calendar .month-view td.future.has-events .view-item div {
	background-color: transparent;
}

.block .content-content .view-og-calendar .month-view td.future.has-events .view-item .view-data-node-title a,
.block .content-content .view-content-global-calendar .month-view td.future.has-events .view-item .view-data-node-title a {
	background: transparent;
	color: #69c;
	font-size: 1.2em;
}

.view-og-calendar .calendar-calendar ul.links,
.view-content-global-calendar .calendar-calendar ul.links {
	text-align: center;
}

.view-og-calendar .calendar-calendar ul.links li,
.view-content-global-calendar .calendar-calendar ul.links li {
	border-right: 1px solid #ececec;
	font-size: 1.14em;
	margin: 0px 4px 0 0;
	padding: 0px 8px 0 0;
}

.view-og-calendar .calendar-calendar ul.links li:last-child,
.view-content-global-calendar .calendar-calendar ul.links li:last-child {
	border-right: none;
}

div#calpopup #popup-close {
	padding-top: 8px;
}

div#calpopup #popup-close img#popup-close-img {
	position: relative;
	z-index: 30;
}

div#calpopup-body {
	margin-top: 0px;
	padding: 0;
	position: relative;
	z-index: 20;
}

#calpopup-body .node h2 {
	margin-bottom: 10px;
	margin-top: 0px;
}

#calpopup-body .node fieldset {
	background-color: #fcfcfc;
	border: 1px solid #ccc;
}

#calpopup-body div#nodelink {
	border-top: 1px solid #ccc;
	margin: 0;
}

/* views pagers */

.view .item-list ul.pager {
	margin-top: 10px;
}

/* views grids*/

table.views-view-grid td {
	vertical-align: top;
}

.view-id-og_members_faces table.col-5 td {
  width: 20%;
}

.view-group-block-members table.col-6 td {
  width: 16.66%
}

/*views admin links */

.views-admin-links {
	right: 0px;
}

/* views header 
.view-header {
  float: left;
}*/

/* views filters 
.view-filters {
  float: left;
}*/

/* views content 
.view-content {
  clear: left;
}*/

/*views more links and view footers*/

.view div.more-link,
.view .view-footer,
.heartbeat-more-messages-wrapper {
	border-top: 1px solid #ccc;
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin: 6px 0 0 0;
	padding: 2px 0 0 0;
	text-align: right;
}

.view-footer div {
	margin: 0px;
	padding: 0px;
}

/* add new views headers */

/*views exposed widget*/

fieldset.views-exposed-form {
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	clear: both;
	overflow: visible;
	padding: 0px;
}

fieldset.views-exposed-form:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

html.js fieldset.collapsible .fieldset-wrapper {
	overflow: visible;
}

html.js fieldset.views-exposed-form {
	margin: 18px 0px;
}

html.js fieldset.views-exposed-form.collapsed {
	background-color: transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.views-exposed-widgets {
	float: left;
	margin: 2px 0px 8px 8px;
	max-width: 82%;
	width: auto;
}

.views-exposed-form .views-exposed-widget {
	display: block;
	float: left;
	margin-right: 4%;
	padding: 0;
}

.views-exposed-form .views-exposed-widget:last-child {
	margin-right: 0px;
}

.views-exposed-widget input,
.views-exposed-widget select {
	width: 90%;
}

#autocomplete ul li {
	border-bottom: 1px solid #eee;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	margin: 0;
	padding: 2px 4px 2px 4px;
}

#autocomplete ul li:last-child {
	border-bottom: none;
}

.views-exposed-wrapper .views-exposed-widget.views-exposed-submit {
	float: left;
	margin-right: 8px;
	max-width: 14%;
	width: auto;
}

.views-exposed-wrapper .views-exposed-widget.views-exposed-submit .form-submit {
	margin-top: 22px;
	max-width: 100%;
	width: 60px;
}

div#block-commons_core-5 a,
div#block-commons_core-5 a:link,
div#block-commons_core-5 a:visited {
  color: #565656;
}

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

#views-exposed-form-og-search-default .views-exposed-widget.views-exposed-submit {
	max-width: none;
	width: auto;
	margin: 0 15px 0 0;
	float: right;
}

#views-exposed-form-og-search-default .views-exposed-widget.views-exposed-submit .form-submit,
#views-exposed-form-og-search-page-1 .views-exposed-widget.views-exposed-submit .form-submit {
	margin: 0;
	padding: 0px 5px;
	text-align: center;
	width: 100%;
}

#views-exposed-form-og-search-page-1 .views-exposed-widget.views-exposed-submit {

}

#views-exposed-form-og-search-page-1 .views-exposed-widgets {
	width: 60%;
	margin-right: 0px;
}

#views-exposed-form-og-search-default .views-exposed-widgets {
	float: none;
	margin-right: 2%;
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

#views-exposed-form-og-search-default .views-exposed-widget .form-item input {
  width: 100%;
}

.views-exposed-widget label {
	display: block;
	padding: 2px 6px;
}

.views-exposed-widget .form-item,
.views-exposed-widget .views-widget {
	margin: 0;
}

.views-exposed-widget .form-item input {
	width: 90%;
}

/* Groups list */

.view-og-all .views-exposed-widget {
	width: 40%;
}

/* views calendar widgets */

.view-content-global-calendar .views-exposed-widget {
	width: 28%;
}


#block-boxes-homepage_info_box, #block-views-groups_featured_groups-block_1, #block-views-group_node-block_1 {
	clear: both;
	padding: 0;
	margin: 0px;
	float: left;
	width: 100%;
}

.block#block-boxes-homepage_info_box .inner, 
.block#block-views-groups_featured_groups-block_1 .inner, 
.block#block-views-group_node-block_1 .inner {
background: url("../images/intro-pane-bg.png") repeat-x scroll 0 0 #FAFAFA;
border: 1px solid #CCC;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 10px;
margin: 0px 10px 10px;
}

#block-views-homepage_group_showcase-block_1 {
  width: 640px;
  margin-left: -10px;
}
/* a fix by Jay (read "Untrained themer") to line up the text in the Latest Notices block on /home */
.view-recent-notices .views-field-name { margin-left: 40px; }


#block-views-group_node-block_1 {
}

 
.block#block-views-group_node-block_1 .inner {
    margin: 18px 0px;
}


#block-boxes-homepage_info_box h2.block-title {
    font-size: 2.4em;
}

#block-boxes-homepage_info_box p {
    font-family: Tahoma,Verdana,sans-serif;
    font-size: 1.2em;
    line-height: 1.4em;
    margin: 0 0 0.7em;
}

#block-boxes-homepage_info_box a.intro-morebutton {
    background: url("../images/intro-morebutton.png") no-repeat scroll right center transparent;
    clear: both;
    display: block;
    font-size: 1.4em;
    line-height: 18px;
    margin-right: 3%;
    padding: 9px 40px;
    text-align: right;
}

#block-boxes-homepage_info_box a.intro-morebutton, #block-boxes-homepage_info_box .intro-textblock h3 {
    border: medium none;
    color: #000000;
    font-size: 1.7em;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 0.2em;
    margin-top: 0;
}

/*homepage featured groups view */

.view-homepage-group-showcase .views-row {
	clear: both;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 18px;
	zoom: 1;
}

.view-homepage-group-showcase .views-row:after,
.view-homepage-group-showcase .views-row .view-content:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.view-homepage-group-showcase .views-row .views-field-field-group-image-fid {
	float: left;
	width: 20%;
	margin-right: 2%;
}

.view-homepage-group-showcase .views-row .views-field-field-group-image-fid img {
	width: 100%;
	height: auto;
}

.view-homepage-group-showcase .views-row .view-homepage-group-showcase.view-display-id-block_2 {
	float: left;
	width: 77%
}

.view-homepage-group-showcase .views-row table:after {
	clear: both;
}

.view-homepage-group-showcase .views-row table tr td.views-field-name {
	text-align: right;
	font-size: .8em;
}

.view-homepage-group-showcase .views-row .views-field-title {
	font-size: 1.6em;
	clear: both;
	margin: 0 0 .8em 0;
}

.view-homepage-group-showcase .views-row .views-field-title a {
	color: #000;
}

.view-homepage-group-showcase .views-row table .views-field-title {
	font-size: .9em;
}

/* global content views */

.view-recent-featured .views-exposed-widget,
.view-recent-feature .views-exposed-widget, 
.view-content-global-polls .views-exposed-widget,
.view-content-global-blogs .views-exposed-widget,
.view-content-global-documents .views-exposed-widget,
.view-content-global-discussions .views-exposed-widget,
.view-content-global-wikis .views-exposed-widget {
	width: 22%;
}

.view-recent-content-all .views-exposed-widget {
	width: 25%;
}

.view-AllRecentContent .views-field-title,
.view-recent-content-all .views-field-title {
	width: 40%;
}

/* Group content views*/

.view-og-tab-polls .views-exposed-widget,
.view-og-tab-documents .views-exposed-widget,
.view-og-tab-discussions .views-exposed-widget,
.view-og-tab-wikis .views-exposed-widget,
.view-og-calendar .views-exposed-widget,
.view-og-tab-blogs .views-exposed-widget {
	width: 30%;
}

/*user directory view*/

.view-user-directory .views-exposed-widget {
	width: 13%;
}

/*OG content tracker view */

.view-og-content-tracker .views-exposed-widget {
	width: 22%;
}

.view-homepage-group-showcase table tr td.views-field-type span.node-type,
.view-recent-featured table tr td.views-field-type span.node-type,
.view-recent-content-all table tr td.views-field-type span.node-type,
.view-og-content-tracker table tr td.views-field-type span.node-type,
.view-og-my-content table tr td.views-field-type span.node-type {
	display: block;
	height: 18px;
	text-indent: -9999px;
	width: 18px;
}

.view-recent-featured table tr td.views-field-type span.node-type {
	margin-right: 10px;
}

.view-homepage-group-showcase table tr td.views-field-type span.blog,
.view-recent-featured table tr td.views-field-type span.blog,
.view-og-content-tracker table tr td.views-field-type span.blog,
.view-recent-content-all table tr td.views-field-type span.blog,
.view-og-my-content table tr td.views-field-type span.blog {
	background: transparent url(../images/icons/blog-node.png) no-repeat center center;
}

.view-homepage-group-showcase table tr td.views-field-type span.event,
.view-recent-featured table tr td.views-field-type span.event,
.view-recent-content-all table tr td.views-field-type span.event,
.view-og-content-tracker table tr td.views-field-type span.event,
.view-og-my-content table tr td.views-field-type span.event {
	background: transparent url(../images/icons/event-node.png) no-repeat center center;
}

.view-homepage-group-showcase table tr td.views-field-type span.wiki,
.view-recent-featured table tr td.views-field-type span.wiki,
.view-recent-content-all table tr td.views-field-type span.wiki,
.view-og-content-tracker table tr td.views-field-type span.wiki,
.view-og-my-content table tr td.views-field-type span.wiki {
	background: transparent url(../images/icons/wiki-node.png) no-repeat center center;
}

.view-homepage-group-showcase table tr td.views-field-type span.document,
.view-recent-featured table tr td.views-field-type span.document,
.view-recent-content-all table tr td.views-field-type span.document,
.view-og-content-tracker table tr td.views-field-type span.document,
.view-og-my-content table tr td.views-field-type span.document {
	background: transparent url(../images/icons/document-node.png) no-repeat center center;
}

.view-homepage-group-showcase table tr td.views-field-type span.discussion,
.view-recent-featured table tr td.views-field-type span.discussion,
.view-recent-content-all table tr td.views-field-type span.discussion,
.view-og-content-tracker table tr td.views-field-type span.discussion,
.view-og-my-content table tr td.views-field-type span.discussion {
	background: transparent url(../images/icons/forum-node.png) no-repeat center center;
}

.view-homepage-group-showcase table tr td.views-field-type span.poll,
.view-recent-featured table tr td.views-field-type span.poll,
.view-recent-content-all table tr td.views-field-type span.poll,
.view-og-content-tracker table tr td.views-field-type span.poll,
.view-og-my-content table tr td.views-field-type span.poll {
	background: transparent url(../images/icons/poll-node.png) no-repeat center center;
}

.view-homepage-group-showcase table tr td.views-field-type span.group,
.view-recent-featured table tr td.views-field-type span.group,
.view-recent-content-all table tr td.views-field-type span.group,
.view-og-content-tracker table tr td.views-field-type span.group,
.view-og-my-content table tr td.views-field-type span.group {
	background: transparent url(../images/icons/group-node.png) no-repeat center center;
}

.view-homepage-group-showcase table tr td.views-field-type span.notice,
.view-recent-featured table tr td.views-field-type span.notice,
.view-recent-content-all table tr td.views-field-type span.notice,
.view-og-content-tracker table tr td.views-field-type span.notice,
.view-og-my-content table tr td.views-field-type span.notice {
	background: transparent url(../images/icons/notice-node.png) no-repeat center center;
}

.view-recent-content-all table tr td.views-field-title a,
.view-og-content-tracker table tr td.views-field-title a {
	white-space: normal;
}

.view-recent-content-all table tr th.views-field-group-nid,
.view-og-content-tracker table tr td.views-field-group-nid {
	max-width: 140px;
}

.view-recent-content-all table tr td.views-field-name,
.view-og-content-tracker table tr td.views-field-name {
	padding-right: 10px;
	text-align: right;
	white-space: nowrap;
}

/* global blog posts view*/

.view-recent-featured td.views-field-title, 
.view-content-global-polls td.views-field-title,
.view-content-global-blogs td.views-field-title,
.view-content-global-documents td.views-field-title,
.view-content-global-discussions td.views-field-title,
.view-content-global-wikis td.views-field-title {
	max-width: 25%;
}

.view-recent-notices span.title,
.view-recent-featured span.title, 
.view-content-global-polls span.title,
.view-content-global-blogs span.title,
.view-content-global-documents span.title,
.view-content-global-discussions span.title,
.view-content-global-wikis span.title {
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 10px;
	white-space: normal;
}

.view-recent-notices span.posted-date,
.view-recent-featured span.posted-date,
.view-content-global-polls span.posted-date,
.view-content-global-blogs span.posted-date,
.view-content-global-discussions span.posted-date,
.view-content-global-wikis span.posted-date {
	white-space: nowrap;
}

.view-recent-notices span.replies,
.view-recent-notices span.tags,
.view-recent-notices span.updated-date,
.view-recent-featured span.replies,
.view-recent-featured span.tags,
.view-recent-featured span.updated-date,
.view-content-global-polls span.replies,
.view-content-global-polls span.tags,
.view-content-global-polls span.updated-date,
.view-content-global-blogs span.replies,
.view-content-global-blogs span.tags,
.view-content-global-blogs span.updated-date,
.view-content-global-documents span.replies,
.view-content-global-documents span.tags,
.view-content-global-documents span.updated-date,
.view-content-global-discussions span.replies,
.view-content-global-discussions span.tags,
.view-content-global-discussions span.updated-date,
.view-content-global-wikis span.replies,
.view-content-global-wikis span.tags,
.view-content-global-wikis span.updated-date {
	display: block;
	font-size: 11px;
}

.view-recent-notices span.updated-date,
.view-recent-featured span.updated-date,
.view-content-global-polls span.updated-date,
.view-content-global-blogs span.updated-date,
.view-content-global-documents span.updated-date,
.view-content-global-discussions span.updated-date,
.view-content-global-wikis span.updated-date {
	font-style: italic;
}

/* This is a bit of a hack by Jay (a non-themer) to make this block have text line up correctly.  TNT should fix this the "right" way at some point. */
.view-homepage-recent-featured .views-field-created,
.view-homepage-recent-featured .views-field-name {float: right; width: 218px;}

.view-content-global-documents .views-field-field-file-fid .filefield-file,
.view-content-global-documents .views-field-field-file-fid .filefield-file a {
	margin-right: 10px;
	white-space: nowrap;
}

/* recent notices view */

.view-id-recent_notices view-display-id-block_1 .view-header .addnew,
.view-display-id-calendar_block_1 .view-header .addnew {
	position: absolute;
	right: 10px;
	text-align: right;
	top: 22px;
	width: 90px;
}

.panel-pane .view-og-calendar .view-header .addnew a,
.panel-pane .view-recent-notices .view-header .addnew a,
.panel-pane .view-header .addnew a {
	background-color: transparent;
	border: none;
	color: #69c;
	font-size: 1em;
	padding: 0px;
	text-align: right;
	width: auto;
}

/*author images on all views*/
.view-content .views-row .views-field-picture{
	display: block;
	float: right;
	margin-right: 10px;
}

.view-content .views-row .views-field-picture img {
  border: 1px solid #999;
}

/*taxonomy pages list of nodes*/

.page-taxonomy .node h2 {
  margin-top: 0px;
  	margin-bottom: .6em;
}
.page-taxonomy .node .meta {
	width:14%;
	float: left;
	margin-right: 2%;
}

.page-taxonomy .node .content {
	width: 80%;
	float: left;
}

.page-taxonomy .node {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee; 
}

.page-taxonomy .node .content p:last-child{
	margin-bottom: 0px;
}

.page-taxonomy .node:after  {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

/* User Directory */

.view-user-directory table.views-view-grid td {
	width: 23%;
}

.view-user-directory td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 1%;
}

.view-user-directory td:last-child {
	border-right: none;
}

.view-user-directory tr:last-child td {
	border-bottom: none;
}

.view-user-directory .views-field-name {
	font-size: 1.2em;
	font-weight: bold;
	font-family: Tahoma, Verdana, sans-serif;
	margin: 0 0 4px 0;
}

.view-user-directory .views-field-value-4 {
	font-weight: bold;
}

/* RSS */
a.feed-icon img {
  margin: 5px;
}



/* Dashboard Views*/

.view-most-active-users td.views-field-name,
.view-home-newest-users td.views-field-name,
.view-og-most-active td.views-field-field-title,
.view-og-dashboard-groups td.views-field-title {
	width: 60%;
}

.view-most-active-users td.views-field-picture,
.view-home-newest-users td.views-field-picture,
.view-og-most-active td.views-field-field-group-image-fid,
.view-og-dashboard-groups td.views-field-field-group-image-fid {
	padding-left: 0px;
	width: 28px;
}

.block .view-most-active-users td.views-field-picture {
	width: auto;
}

.views-field-subscribe a, .views-field-leave-group a, .views-field-subscribe a, .views-field-leave-group a,
.views-field-subscribe a:link, .views-field-leave-group a:link, .views-field-subscribe a:link, .views-field-leave-group a:link,
.node .inner .links .comment_clear_style a {
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  line-height: 22px;
  margin: 2px;
  padding: 1px 5px 2px;
  text-align: center;
  width: 80px;
  background-color: #1E587C;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1E587C), to(#123046)); 
  background-image: -webkit-linear-gradient(top, #1E587C, #123046); 
  background-image: -moz-linear-gradient(top, #1E587C, #123046); 
  background-image: -ms-linear-gradient(top, #1E587C, #123046); 
  background-image: -o-linear-gradient(top, #1E587C, #123046); 
  background-image: linear-gradient(top, #1E587C, #123046);
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  -webkit-box-shadow: 0px 2px 4px #A9A9A9; 
  -moz-box-shadow: 0px 2px 4px #A9A9A9; 
  box-shadow: 0px 2px 4px #A9A9A9; 
}

.node .inner .links .comment_clear_style {
  background: none;
  border: none;
  padding: 0;
}

input[type=submit] {
  color: #FFFFFF;
  background-color: #1E587C;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1E587C), to(#123046)); 
  background-image: -webkit-linear-gradient(top, #1E587C, #123046); 
  background-image: -moz-linear-gradient(top, #1E587C, #123046); 
  background-image: -ms-linear-gradient(top, #1E587C, #123046); 
  background-image: -o-linear-gradient(top, #1E587C, #123046); 
  background-image: linear-gradient(top, #1E587C, #123046);
  border: none;
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px; 
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  -webkit-box-shadow: 0px 2px 4px #A9A9A9; 
  -moz-box-shadow: 0px 2px 4px #A9A9A9; 
  box-shadow: 0px 2px 4px #A9A9A9;
}

.node .inner .links .comment_clear_style a {
  font-size: 14px;
}

.node .inner .links > .subscription_clear_style ul.node_link_style-dropdown a {
  width: auto;
  font-size: 14px;
  color: #10354D;
  background-color: #A5D3FE;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#A5D3FE), to(#7BC2F6)); 
  background-image: -webkit-linear-gradient(top, #A5D3FE, #7BC2F6); 
  background-image: -moz-linear-gradient(top, #A5D3FE, #7BC2F6); 
  background-image: -ms-linear-gradient(top, #A5D3FE, #7BC2F6); 
  background-image: -o-linear-gradient(top, #A5D3FE, #7BC2F6); 
  background-image: linear-gradient(top, #A5D3FE, #7BC2F6);
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px; 
}

.node .inner .links > .subscription_clear_style ul.node_link_style-dropdown li:hover>a{
  border: none;
  font-size: 14px;
}

.node .inner .links > .subscription_clear_style ul {
  background: none;
  border: none;
}

.node .inner .links > .subscription_clear_style ul.node_link_style-dropdown {
  float: right;
}

.node .inner .links > .subscription_clear_style ul.node_link_style-dropdown ul {
  right: -1px;
  left: auto;
}

.node .inner .links > .subscription_clear_style ul.node_link_style-dropdown span {
  background-image: url(../images/dropdown-node-links-blue.png);
  padding-right: 20px;
}

.view-subgroups-main-listing .views-field-subscribe,
.view-subgroups-main-listing .views-field-leave-group {
  float: none;
  margin-left: 0;
}

File

themes/commons_origins/css/commons_origins-style.css
View source
  1. /* $Id: acquia_commons-style.css 8284 2010-12-30 18:50:11Z sheena $ */
  2. /* Basic Typography & Colors-------------------------------------------------------------- */
  3. /* Add general site styling here for typography and background */
  4. body {
  5. color: #1f1f1f;
  6. font-family: "Helvetica Neue",Helvetica,Arial,Sans-serif;
  7. font-size: 75%;
  8. background: #ababab url(../images/body-bg.png) repeat-x 0 0;
  9. padding: 0;
  10. margin: 0;
  11. }
  12. body.cke_show_borders {
  13. background-color: #fff;
  14. background-image: none;
  15. }
  16. /* Default link styles - separate a:visited for a different visited link style */
  17. a,
  18. a:link,
  19. a:visited {
  20. color: #5588bb;
  21. }
  22. /* Hover/active link styles. Don't forget :focus for accessibility */
  23. a:hover,
  24. a:focus,
  25. a:active {
  26. color: #333;
  27. }
  28. h1 {
  29. font-size: 3em;
  30. font-weight: normal;
  31. line-height: 1.1em;
  32. margin: .5em 0;
  33. }
  34. h2 {
  35. font-size: 1.6em;
  36. font-weight: normal;
  37. margin: 18px 0;
  38. }
  39. h3 {
  40. font-weight: bold;
  41. font-size: 1.2em;
  42. margin: 18px 0;
  43. }
  44. .date-heading h3 {
  45. border-bottom: none;
  46. }
  47. h4 {
  48. color: #619ed4;
  49. }
  50. blockquote p:first-child {
  51. margin-top: 0;
  52. }
  53. blockquote p:last-child {
  54. margin-bottom: 0px;
  55. }
  56. /* Specific Typography-------------------------------------------------------------- */
  57. .footer-message {
  58. font-size: 90%;
  59. }
  60. /*content lists*/
  61. ul.krumo-node ul{
  62. margin-left: 20px;
  63. }
  64. .item-list ul li,
  65. .node .inner ul li,
  66. .panel-pane .inner ul li,
  67. .block .content ul li {
  68. background: transparent url(../images/list-bullet-green.png) no-repeat left 7px;
  69. list-style-image: none;
  70. list-style: none;
  71. margin-bottom: 8px;
  72. padding-left: 11px;
  73. text-indent: 0;
  74. }
  75. .node .inner .terms ul {
  76. padding: 0;
  77. }
  78. .node .inner .terms ul li {
  79. background: none;
  80. padding: 0 5px 0 2px;
  81. }
  82. .node .inner .terms ul li.first {
  83. }
  84. .node .inner .links ul {
  85. padding-left: 0px;
  86. }
  87. .node .inner .links li > a {
  88. color: #669acc;
  89. white-space: nowrap;
  90. }
  91. .node .inner .links .comment_add {
  92. background-color: #669acc;
  93. }
  94. .node .inner .links .comment_add a{
  95. color: #fff;
  96. }
  97. /* HTML Elements-------------------------------------------------------------- */
  98. body {
  99. }
  100. .row, .nested, .block {
  101. overflow: inherit;
  102. }
  103. /*force the front page to be 960px wide*/
  104. .front .grid16-16 {
  105. width: 960px;
  106. max-width: 960px;
  107. margin: 0 auto;
  108. }
  109. /* Link and hover styles for site name */
  110. #site-name {
  111. font-size: 35px;
  112. line-height: 150%;
  113. margin-top: 20px;
  114. }
  115. #site-name-wrapper {
  116. float: left;
  117. vertical-align: middle;
  118. width: auto;
  119. }
  120. #site-name a:link,
  121. #site-name a:visited,
  122. #site-name a:hover,
  123. #site-name a:active {
  124. margin: 0;
  125. color: #6E6E6E;
  126. }
  127. #commons-core-join-form {
  128. width: 270px;
  129. }
  130. /* Typography for site slogan */
  131. #slogan {
  132. }
  133. /* Regions Classes (.region-name) should always be used instead of IDs (#region-name) so that Skinr styles can override them with a class later-------------------------------------------------------------- */
  134. /* All Regions-------------------------------------------------------------- */
  135. .grid-type-960-fluid #left-background,
  136. .grid-type-960-fluid #right-background {
  137. width: 339px;
  138. height: 100%;
  139. position: absolute;
  140. z-index: 1;
  141. }
  142. .grid-type-960-fluid #left-background {
  143. background: #cecece url(../images/background-left.png) no-repeat 0 0;
  144. left: 0;
  145. }
  146. .grid-type-960-fluid #right-background {
  147. background: transparent url(../images/background-right.png) no-repeat 0 0;
  148. right: 0;
  149. }
  150. .grid-type-960 .page {
  151. background: transparent url(../images/fixed-background.jpg) no-repeat center top;
  152. }
  153. .main,
  154. .footer {
  155. background-color: #fff;
  156. position: relative;
  157. }
  158. .group-header {
  159. font-size: 1.4em;
  160. font-style: italic;
  161. padding: 10px 10px 10px 10px;
  162. border-top: 4px solid #d1d1d1;
  163. border-bottom: 4px solid #d1d1d1;
  164. overflow: hidden;
  165. }
  166. .group-header img {
  167. float: left;
  168. margin: 1em;
  169. }
  170. .group-header-text {
  171. margin-left: 90px;
  172. font-family: Georgia, serif;
  173. font-style: italic;
  174. }
  175. /**
  176. - container around text
  177. - floatimage left
  178. - margin-left: > image width;
  179. */
  180. .header-group {
  181. position: relative;
  182. z-index: 10;
  183. }
  184. #logo {
  185. margin-top: 16px;
  186. }
  187. /* By default this wrapper is set to 100% width and centered -- override here to narrow wrapper or align left or right */
  188. .page {
  189. }
  190. /* The 0 values here remove padding and spacing at the bottom of the page. Remove to add a gap at the very bottom of the page */
  191. .page-inner {
  192. border: 0;
  193. margin-bottom: 0;
  194. padding: 0;
  195. }
  196. /* Header Regions-------------------------------------------------------------- */
  197. /* Header Top region to the bottom of Header region */
  198. /* For full-width header background, add background image/color here */
  199. .header-group-wrapper {
  200. }
  201. .header-group {
  202. overflow: hidden;
  203. margin-bottom: 10px;
  204. }
  205. /* Header Top region which sits above the header */
  206. /* Works well with inline login or inline menu block style */
  207. .header-top-wrapper {
  208. }
  209. .header-top {
  210. }
  211. /*user login form if it is in the Header region */
  212. .block .header-region-inner {
  213. position: inherit;
  214. }
  215. .header-region-inner .block-user form,
  216. .header-region-inner form#user-login-form {
  217. min-width: 420px;
  218. }
  219. .header-region-inner form#user-login-form,
  220. .header-region-inner .block-user .inner {
  221. float: right;
  222. }
  223. .header-region-inner form#user-login-form .form-item,
  224. .header-region-inner form#user-login-form input.form-submit,
  225. .header-region-inner form#user-login-form div.item-list,
  226. .header-region-inner .block-user .form-item,
  227. .header-region-inner .block-user input.form-submit,
  228. .header-region-inner .block-user #user-login-form div.item-list {
  229. float: left;
  230. margin: 0 4px 0 0;
  231. clear: none;
  232. }
  233. .header-region-inner .block-user #user-login-form div.item-list,
  234. .header-region-inner form#user-login-form div.item-list {
  235. width: auto;
  236. float: right;
  237. margin: 10px 0 0;
  238. }
  239. .header-region-inner form#user-login-form .form-item label,
  240. .header-region-inner form#user-login-form .form-item input,
  241. .header-region-inner form#user-login-form input.form-submit,
  242. .header-region-inner .block-user .form-item label,
  243. .header-region-inner .block-user .form-item input,
  244. .header-region-inner .block-user input.form-submit {
  245. font-size: .95em;
  246. line-height: 1.1em;
  247. padding: .2em .4em;
  248. margin: 0 0.2em 0;
  249. }
  250. .header-region-inner form#user-login-form .form-item label,
  251. .header-region-inner .block-user .form-item label {
  252. color: #666;
  253. margin: 0 0 .2em .4em;
  254. padding: 0;
  255. font-weight: normal;
  256. }
  257. .header-region-inner form#user-login-form input.form-submit,
  258. .header-region-inner .block-user input.form-submit {
  259. margin-top: 1.3em;
  260. height: 1.8em;
  261. float: left;
  262. margin-right: 8px;
  263. }
  264. .header-region-inner form#user-login-form .item-list ul,
  265. .header-region-inner .block-user #user-login-form .item-list ul {
  266. margin: 0 .2em 0 0;
  267. padding: 0;
  268. }
  269. .header-region-inner form#user-login-form .item-list ul li,
  270. .header-region-inner .block-user .item-list ul li {
  271. background-image: none;
  272. padding: 0 10px 0 0;
  273. font-size: .9em;
  274. line-height: 1.2em;
  275. }
  276. /*user meta block*/
  277. #block-views-user_meta-block_1 {
  278. position: absolute;
  279. top: 0px;
  280. right: 0px;
  281. margin: 0;
  282. float: none;
  283. width: 600px;
  284. z-index: 1;
  285. }
  286. #block-views-user_meta-block_1 .inner {
  287. margin: 0;
  288. }
  289. .view-user-meta {
  290. float: none;
  291. width: auto;
  292. font-family: "Helvetical Neue",Helvetica,Arial,Sans-serif;
  293. margin-top: 0;
  294. }
  295. .no-js .view-user-meta {
  296. position: relative;
  297. }
  298. .view-user-meta .view-content .views-row .views-field-picture {
  299. display: none;
  300. }
  301. .view-user-meta .views-field-name span {
  302. font-style: normal;
  303. margin: 0;
  304. padding: 0 10px 0 0;
  305. width: 100%;
  306. }
  307. .view-user-meta .views-field-name a {
  308. color: #00669F;
  309. background: url(../images/arrow-down-blue.png) right center no-repeat;
  310. padding: 0 11px 0 2px;
  311. }
  312. .no-js .view-user-meta .views-field-name a {
  313. background: none;
  314. padding: 0 11px 0 2px;
  315. border-right: 1px solid #00669F;
  316. }
  317. .view-user-meta .views-field-name .welcome-text {
  318. display: inline-block;
  319. font-weight: bold;
  320. color: #656565;
  321. margin: 0;
  322. padding: 9px 18px;
  323. border-left: 1px solid #D9D9D9;
  324. border-right: 1px solid #D9D9D9;
  325. border-bottom: 1px solid #D9D9D9;
  326. -webkit-border-radius: 0px 0px 7px 7px;
  327. -moz-border-radius: 0px 0px 7px 7px;
  328. border-radius: 0px 0px 7px 7px;
  329. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  330. background-color: transparent;
  331. background-color: rgba(255, 255, 255, 0.6);
  332. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);
  333. zoom: 1;
  334. }
  335. .no-js .view-user-meta .views-field-name .welcome-text {
  336. padding-right: 64px;
  337. }
  338. .user-dropdown-open .view-user-meta .views-field-name .welcome-text {
  339. -webkit-border-radius: 0px;
  340. -moz-border-radius: 0px;
  341. border-radius: 0px;
  342. border-bottom: 0px;
  343. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  344. background-color: transparent;
  345. background-color: rgba(255, 255, 255, 1);
  346. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF);
  347. zoom: 1;
  348. }
  349. .user-field-options {
  350. float: right;
  351. font-weight: bold;
  352. color: #656565;
  353. margin: 0;
  354. padding: 0px 18px 9px 18px;
  355. border-left: 1px solid #D9D9D9;
  356. border-right: 1px solid #D9D9D9;
  357. border-bottom: 1px solid #D9D9D9;
  358. -webkit-border-radius: 0px 0px 7px 7px;
  359. -moz-border-radius: 0px 0px 7px 7px;
  360. border-radius: 0px 0px 7px 7px;
  361. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  362. background-color: transparent;
  363. background-color: rgba(255, 255, 255, 0.6);
  364. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);
  365. zoom: 1;
  366. }
  367. .js .user-field-options {
  368. display: none;
  369. }
  370. .user-dropdown-open .user-field-options {
  371. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  372. background-color: transparent;
  373. background-color: rgba(255, 255, 255, 1);
  374. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF);
  375. zoom: 1;
  376. }
  377. .view-user-meta .views-field-nothing a, .view-user-meta .views-field-nothing-1 a {
  378. color: #00669F;
  379. }
  380. .view-user-meta .views-field-nothing {
  381. border: none;
  382. float: none;
  383. text-align: right;
  384. margin: 0;
  385. padding: 0;
  386. }
  387. .no-js .view-user-meta .views-field-nothing {
  388. position: absolute;
  389. top: 6px;
  390. right: 16px;
  391. font-weight: bold;
  392. }
  393. .view-user-meta .views-field-nothing-1 {
  394. float: none;
  395. text-align: right;
  396. margin: 0;
  397. padding: 0;
  398. }
  399. .no-js .view-user-meta .views-field-nothing-1 {
  400. display: none;
  401. }
  402. .view-user-meta-options {
  403. text-align: right;
  404. }
  405. .view-user-meta-options a {
  406. display: block;
  407. }
  408. /* Nav Group which sits below the header and site inf */
  409. .nav-group-wrapper {
  410. }
  411. .nav-group {
  412. clear: both;
  413. float: none;
  414. margin-bottom: 0px;
  415. overflow: visible;
  416. background-color: #F8F8F8;
  417. background-image: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#EAEAEA));
  418. background-image: -webkit-linear-gradient(top, #F8F8F8, #EAEAEA);
  419. background-image: -moz-linear-gradient(top, #F8F8F8, #EAEAEA);
  420. background-image: -ms-linear-gradient(top, #F8F8F8, #EAEAEA);
  421. background-image: -o-linear-gradient(top, #F8F8F8, #EAEAEA);
  422. background-image: linear-gradient(top, #F8F8F8, #EAEAEA);
  423. border: 1px solid #D9D9D9;
  424. -webkit-border-radius: 8px;
  425. -moz-border-radius: 8px;
  426. border-radius: 8px;
  427. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  428. padding: 0 10px;
  429. position: relative;
  430. z-index: 10;
  431. }
  432. /* Primary Menu TODO: add default colours/-------------------------------------------------------------- */
  433. /* Add general styles for primary menu here, such as typography, borders, floats, or spacing above/below */
  434. /* Link style for top level menu items, add padding here */
  435. .primary-menu-inner ul.sf-menu a,
  436. .primary-menu-inner ul.sf-menu a:visited {
  437. background-color: transparent;
  438. border-right: 1px solid #DDDDDD;
  439. color: #656565;
  440. font-size: 15px;
  441. font-weight: normal;
  442. line-height: 1.4em;
  443. padding: 6px 12px;
  444. }
  445. .primary-menu-inner ul.sf-menu a:hover,
  446. .primary-menu-inner ul.sf-menu a:active,
  447. .primary-menu-inner ul.sf-menu a:focus,
  448. .primary-menu-inner ul.sf-menu li.active-trail > a,
  449. .primary-menu-inner ul.sf-menu li.sfHover > a {
  450. background-color: #E4E4E4;
  451. background-image: -webkit-gradient(linear, left top, left bottom, from(#E4E4E4), to(#F8F8F8));
  452. background-image: -webkit-linear-gradient(top, #E4E4E4, #F8F8F8);
  453. background-image: -moz-linear-gradient(top, #E4E4E4, #F8F8F8);
  454. background-image: -ms-linear-gradient(top, #E4E4E4, #F8F8F8);
  455. background-image: -o-linear-gradient(top, #E4E4E4, #F8F8F8);
  456. background-image: linear-gradient(top, #E4E4E4, #F8F8F8);
  457. color: #464646;
  458. }
  459. /* These are the top level menu items, add border-right here for separators */
  460. .primary-menu-inner ul.sf-menu li {
  461. }
  462. /* Add border-right: 0;
  463. here to remove separator on last menu item */
  464. .primary-menu-inner ul.sf-menu li.last {
  465. }
  466. /* Style for container of dropdown, add background or border */
  467. .primary-menu-inner ul.sf-menu ul {
  468. background-color: #F8F8F8;
  469. background-image: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#EAEAEA));
  470. background-image: -webkit-linear-gradient(top, #F8F8F8, #EAEAEA);
  471. background-image: -moz-linear-gradient(top, #F8F8F8, #EAEAEA);
  472. background-image: -ms-linear-gradient(top, #F8F8F8, #EAEAEA);
  473. background-image: -o-linear-gradient(top, #F8F8F8, #EAEAEA);
  474. background-image: linear-gradient(top, #F8F8F8, #EAEAEA);
  475. -webkit-border-radius: 0 0 8px 8px;
  476. -moz-border-radius: 0 0 8px 8px;
  477. border-radius: 0 0 8px 8px;
  478. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  479. z-index: 20;
  480. width: 12em;
  481. margin-top: 3px;
  482. }
  483. /* Style for individual dropdown menu items, add border-bottom for separators */
  484. .primary-menu-inner ul.sf-menu li li {
  485. background-color: transparent;
  486. font-size: .9em;
  487. }
  488. .primary-menu-inner ul.sf-menu li li a,
  489. .primary-menu-inner ul.sf-menu li li a:link,
  490. .primary-menu-inner ul.sf-menu li li a:visited {
  491. border-bottom: 1px solid #bbb;
  492. border-right: none;
  493. color: #58B;
  494. padding: 4px 8px 4px 13px;
  495. }
  496. .primary-menu-inner ul.sf-menu li li.first a {
  497. border-top: 1px solid #bbb;
  498. }
  499. .primary-menu-inner ul.sf-menu li li a:hover,
  500. .primary-menu-inner ul.sf-menu li li.active-trail > a,
  501. .primary-menu-inner ul.sf-menu li li.sfHover > a {
  502. background-color: #ccc;
  503. }
  504. .primary-menu-inner ul.sf-menu li li.last a {
  505. -webkit-border-radius: 0 0 8px 8px;
  506. -moz-border-radius: 0 0 8px 8px;
  507. border-radius: 0 0 8px 8px;
  508. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  509. }
  510. .primary-menu-inner ul.sf-menu li li li {
  511. }
  512. /* Style for hover of dropdown menu items (add background-color here) */
  513. .primary-menu-inner ul.sf-menu li ul li:hover,
  514. .primary-menu-inner ul.sf-menu li ul li.sfHover {
  515. }
  516. /* Secondary menu-------------------------------------------------------------- */
  517. /* This menu usually appears in the header as a set of simple text links */
  518. .secondary-menu {
  519. }
  520. /* Set general style for menu here -- background, alignment, etc. */
  521. .secondary-menu-inner ul.links {
  522. }
  523. /* Add a border-right here for a separator */
  524. .secondary-menu-inner ul.links li {
  525. }
  526. /* Add border-right: 0;
  527. here to remove right separator on last menu item */
  528. .secondary-menu-inner ul.links li.last {
  529. }
  530. /* Styles for links */
  531. .secondary-menu-inner ul.links li a:link,
  532. .secondary-menu-inner ul.links li a:visited {
  533. padding: 3px;
  534. }
  535. .secondary-menu-inner ul.links li a:hover,
  536. .secondary-menu-inner ul.links li a:focus,
  537. .secondary-menu-inner ul.links li a.active {
  538. }
  539. /* Header - Search-------------------------------------------------------------- */
  540. .search-box {
  541. float: none;
  542. margin: 0;
  543. min-width: 220px;
  544. padding: 4px;
  545. width: auto;
  546. position: absolute;
  547. right: 0px;
  548. top: 50px;
  549. -webkit-border-radius: 5px;
  550. -moz-border-radius: 5px;
  551. border-radius: 5px;
  552. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  553. background-color: transparent;
  554. background-color: rgba(255, 255, 255, 0.6);
  555. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);
  556. zoom: 1;
  557. }
  558. .no-js .search-box {
  559. min-width: 500px;
  560. }
  561. body .search-box .search-box-inner {
  562. border: 1px solid #ccc;
  563. margin: 0;
  564. }
  565. #edit-search-theme-form-1-wrapper label {
  566. display: none;
  567. }
  568. .no-js #edit-refine-wrapper {
  569. padding-left: 10px;
  570. }
  571. .search-box-inner input[name=search_theme_form] {
  572. background: #fff;
  573. color: #999;
  574. border: none;
  575. display: block;
  576. float: left;
  577. font-size: 11px;
  578. height: 18px;
  579. line-height: 14px;
  580. margin: 0;
  581. min-width: 315px;
  582. padding: 2px 4px;
  583. }
  584. .search-box-inner input[type=submit] {
  585. color: #fff;
  586. border: none;
  587. display: block;
  588. float: left;
  589. font-family: Tahoma, Verdana, sans-serif;
  590. font-size: 11px;
  591. height: 22px;
  592. letter-spacing: .1em;
  593. line-height: 16px;
  594. margin: 0;
  595. padding: 2px 6px;
  596. text-transform: uppercase;
  597. background-color: #1E587C;
  598. background-image: -webkit-gradient(linear, left top, left bottom, from(#1E587C), to(#123249));
  599. background-image: -webkit-linear-gradient(top, #1E587C, #123249);
  600. background-image: -moz-linear-gradient(top, #1E587C, #123249);
  601. background-image: -ms-linear-gradient(top, #1E587C, #123249);
  602. background-image: -o-linear-gradient(top, #1E587C, #123249);
  603. background-image: linear-gradient(top, #1E587C, #123249);
  604. }
  605. .contextual-search-wrapper {
  606. clear: both;
  607. position: absolute;
  608. right: 60px;
  609. top: 0;
  610. border-left: 1px dashed #ccc;
  611. }
  612. .contextual-search-wrapper .contextual-search-launcher,
  613. .contextual-search-processed .contextual-search-wrapper ul.contextual-search-list {
  614. color: #999;
  615. background: #fff url(../images/arrow-down-grey.png) right 10px no-repeat;
  616. z-index: 11;
  617. }
  618. .contextual-search-wrapper .contextual-search-launcher,
  619. .contextual-search-processed .contextual-search-wrapper ul.contextual-search-list li a {
  620. color: #999;
  621. padding: 2px 17px 2px 7px;
  622. }
  623. .contextual-search-processed .contextual-search-wrapper ul.contextual-search-list li a {
  624. margin-left: -7px;
  625. margin-right: -17px;
  626. padding-left: 7px;
  627. padding-right: 17px;
  628. }
  629. .contextual-search-processed .contextual-search-wrapper ul.contextual-search-list li a.first {
  630. margin-top: -4px;
  631. padding-top: 4px;
  632. }
  633. .contextual-search-processed .contextual-search-wrapper ul.contextual-search-list li a.last {
  634. -moz-border-radius: 0 0 5px 5px;
  635. -webkit-border-radius: 0 0 5px 5px;
  636. border-radius: 0 0 5px 5px;
  637. margin-bottom: -4px;
  638. padding-bottom: 4px;
  639. }
  640. .contextual-search-wrapper .contextual-search-launcher:hover,
  641. .contextual-search-processed .contextual-search-wrapper ul.contextual-search-list li a:hover {
  642. text-decoration: none;
  643. }
  644. /* Preface Regions-------------------------------------------------------------- */
  645. /* The Preface Top region sits between the header and the Main Area (columns, sidebars, and main content). The Preface Bottom region is inside the Main Area. */
  646. .preface-top-wrapper {
  647. }
  648. .preface-top {
  649. }
  650. .preface-top-inner {
  651. }
  652. .preface-bottom {
  653. }
  654. .preface-bottom-inner {
  655. }
  656. /* Main Area (content + sidebars + preface bottom + postscript top)-------------------------------------------------------------- */
  657. .main-wrapper {
  658. margin-top: 18px;
  659. }
  660. .main {
  661. border: 1px solid #D9D9D9;
  662. -webkit-border-radius: 8px;
  663. -moz-border-radius: 8px;
  664. border-radius: 8px;
  665. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  666. margin-bottom: 10px;
  667. -webkit-box-shadow: 0px 2px 2px #BEBEBE;
  668. -moz-box-shadow: 0px 2px 2px #BEBEBE;
  669. box-shadow: 0px 2px 2px #BEBEBE;
  670. }
  671. .not-front .main .main-inner, .front .main .main-inner {
  672. padding: 0px;
  673. }
  674. .content-content {
  675. min-height: 400px;
  676. }
  677. #main-content-inner {
  678. }
  679. /* Sidebar Regions-------------------------------------------------------------- */
  680. /* Sidebar widths can be controlled through theme settings */
  681. .sidebar-first .block .content,
  682. .sidebar-last .block .content {
  683. overflow: hidden;
  684. }
  685. div.superfish {
  686. display: table-cell;
  687. vertical-align: top;
  688. -moz-box-shadow: inset 3px 0px 10px #cc5c55;
  689. -webkit-box-shadow: inset 3px 0px 10px #c5c5c5;
  690. box-shadow: inset 3px 0px 10px #c5c5c5;
  691. float: none;
  692. -webkit-border-radius: 0px 8px 8px 0px;
  693. -moz-border-radius: 0px 8px 8px 0px;
  694. border-radius: 0px 8px 8px 0px;
  695. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  696. background: #ffffff;
  697. background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #f8f8f8 100%);
  698. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
  699. background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#f8f8f8 100%);
  700. background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#f8f8f8 100%);
  701. background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#f8f8f8 100%);
  702. background: radial-gradient(center, ellipse cover, #ffffff 0%,#f8f8f8 100%);
  703. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=1 );
  704. }
  705. #sidebar-first.nested {
  706. }
  707. #sidebar-last.nested {
  708. vertical-align: top;
  709. -webkit-border-radius: 0px 8px 8px 0px;
  710. -moz-border-radius: 0px 8px 8px 0px;
  711. border-radius: 0px 8px 8px 0px;
  712. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  713. -moz-box-shadow: inset 3px 0px 10px #cc5c55;
  714. -webkit-box-shadow: inset 3px 0px 10px #c5c5c5;
  715. box-shadow: inset 3px 0px 10px #c5c5c5;
  716. background: #ffffff;
  717. background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #f8f8f8 100%);
  718. background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
  719. background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#f8f8f8 100%);
  720. background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#f8f8f8 100%);
  721. background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#f8f8f8 100%);
  722. background: radial-gradient(center, ellipse cover, #ffffff 0%,#f8f8f8 100%);
  723. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=1 );
  724. }
  725. .sidebar-last-cap {
  726. display: block;
  727. height: 13px;
  728. border-bottom: 1px solid #ccc;
  729. -webkit-border-radius: 0px 7px 0px 0px;
  730. -moz-border-radius: 0px 7px 0px 0px;
  731. border-radius: 0px 7px 0px 0px;
  732. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  733. background: rgb(133,133,133);
  734. background: -moz-linear-gradient(top, rgba(133,133,133,1) 0%, rgba(186,189,185,1) 88%, rgba(185,197,180,1) 89%, rgba(116,145,99,1) 94%);
  735. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(133,133,133,1)), color-stop(88%,rgba(186,189,185,1)), color-stop(89%,rgba(185,197,180,1)), color-stop(94%,rgba(116,145,99,1)));
  736. background: -webkit-linear-gradient(top, rgba(133,133,133,1) 0%,rgba(186,189,185,1) 88%,rgba(185,197,180,1) 89%,rgba(116,145,99,1) 94%);
  737. background: -o-linear-gradient(top, rgba(133,133,133,1) 0%,rgba(186,189,185,1) 88%,rgba(185,197,180,1) 89%,rgba(116,145,99,1) 94%);
  738. background: -ms-linear-gradient(top, rgba(133,133,133,1) 0%,rgba(186,189,185,1) 88%,rgba(185,197,180,1) 89%,rgba(116,145,99,1) 94%);
  739. background: linear-gradient(top, rgba(133,133,133,1) 0%,rgba(186,189,185,1) 88%,rgba(185,197,180,1) 89%,rgba(116,145,99,1) 94%);
  740. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#749163',GradientType=0 );
  741. }
  742. /* Content Regions-------------------------------------------------------------- */
  743. #content-group-inner {
  744. margin-top: 14px;
  745. vertical-align: top;
  746. }
  747. .content-top {
  748. }
  749. .content {
  750. }
  751. .content-inner-inner {
  752. padding: 12px 10px 0px 10px;
  753. }
  754. .page-admin .content-inner-inner {
  755. padding-bottom: 80px;
  756. z-index: 0;
  757. }
  758. .content-bottom {
  759. }
  760. .node-type-document .node .field-field-file {
  761. float: left;
  762. margin-right: 2%;
  763. margin-bottom: 12px;
  764. }
  765. /* This region only appears on full node pages. It's useful for ads or other content between the body of the node and its comments */
  766. .node-bottom {
  767. }
  768. /* Postscript & Footer Regions-------------------------------------------------------------- */
  769. .postscript-top {
  770. }
  771. .postscript-top-inner {
  772. }
  773. .postscript-bottom-wrapper {
  774. }
  775. .postscript-bottom {
  776. }
  777. .postscript-bottom-inner {
  778. }
  779. .footer {
  780. color: #00669F;
  781. padding: 10px 0;
  782. margin-top: 30px;
  783. min-height: 240px;
  784. margin-bottom: 20px;
  785. -webkit-box-shadow: 0px 2px 2px #BEBEBE;
  786. -moz-box-shadow: 0px 2px 2px #BEBEBE;
  787. box-shadow: 0px 2px 2px #BEBEBE;
  788. border: 1px solid #D9D9D9;
  789. background-color: #F6F6F6;
  790. background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#FCFCFC));
  791. background-image: -webkit-linear-gradient(top, #F6F6F6, #FCFCFC);
  792. background-image: -moz-linear-gradient(top, #F6F6F6, #FCFCFC);
  793. background-image: -ms-linear-gradient(top, #F6F6F6, #FCFCFC);
  794. background-image: -o-linear-gradient(top, #F6F6F6, #FCFCFC);
  795. background-image: linear-gradient(top, #F6F6F6, #FCFCFC);
  796. -webkit-border-radius: 8px;
  797. -moz-border-radius: 8px;
  798. border-radius: 8px;
  799. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  800. }
  801. .front .footer {
  802. margin-top: 30px;
  803. margin-bottom: 20px;
  804. }
  805. .footer-inner {
  806. }
  807. .footer-message-wrapper {
  808. color: #fff;
  809. padding: 10px 0;
  810. }
  811. .footer-message-wrapper a {
  812. color: #bad9ff;
  813. }
  814. .footer-message {
  815. }
  816. .footer-message-inner {
  817. padding: 15px;
  818. }
  819. .footer-message-text {
  820. }
  821. #acquia-footer-message {
  822. float: left;
  823. width: 48%;
  824. text-align: left;
  825. font-size: 1.1em;
  826. }
  827. #acquia-footer-message a img {
  828. display: block;
  829. float: left;
  830. }
  831. #acquia-footer-message span {
  832. display: block;
  833. float: left;
  834. margin: 10px 10px 0;
  835. }
  836. #fusion-footer-message {
  837. float: right;
  838. clear: none;
  839. font-size: 1.1em;
  840. padding: 10px 0;
  841. text-align: right;
  842. width: 49%;
  843. }
  844. #acquia-footer-message a,
  845. #fusion-footer-message a {
  846. color: #00669F;
  847. font-size: 1.1em;
  848. text-decoration: none;
  849. }
  850. /* Page titles/-------------------------------------------------------------- */
  851. /* Page and full node titles */
  852. h1.title {
  853. color: #04649F;
  854. font-size: 35px;
  855. font-weight: normal;
  856. line-height: 1.2em;
  857. margin: 0 0 .2em 0;
  858. }
  859. /* Default node styles/-------------------------------------------------------------- */
  860. /* Change unpublished and preview colors for dark background themes */
  861. .node-unpublished {
  862. background-color: #fff4f4;
  863. }
  864. .preview .node {
  865. background-color: #ffffea;
  866. }
  867. /* node admin styles*/
  868. .node-form #tagging-widget-container .description {
  869. line-height: 1.2em;
  870. padding: .6em;
  871. float: left;
  872. }
  873. /* images within node content */
  874. .node .content img {
  875. padding: 10px;
  876. }
  877. /* Typography for node titles */
  878. h2.title {
  879. }
  880. /* Colors and styles for linked node titles, ie. teaser listing at /node */
  881. h2.title a:link,
  882. h2.title a:visited {
  883. }
  884. h2.title a:hover,
  885. h2.title a:focus,
  886. h2.title a:active {
  887. }
  888. /* Separators and padding for node teasers */
  889. .teaser {
  890. }
  891. /* Author/date info */
  892. .meta {
  893. }
  894. .meta .terms-inline {
  895. display: block;
  896. margin-top: 5px;
  897. }
  898. .meta ul.links li {
  899. border-color: #eee;
  900. }
  901. .submitted {
  902. color: #777;
  903. padding: 7px 7px 7px 11px;
  904. margin-bottom: 10px;
  905. display: block;
  906. max-width: 700px;
  907. overflow: hidden;
  908. -webkit-border-radius: 12px;
  909. -moz-border-radius: 12px;
  910. border-radius: 12px;
  911. -moz-background-clip: padding;
  912. -webkit-background-clip: padding-box;
  913. background-clip: padding-box;
  914. -webkit-box-shadow: 0px 0px 5px #ccc;
  915. -moz-box-shadow: 0px 0px 5px #ccc;
  916. box-shadow: 0px 0px 5px #ccc;
  917. }
  918. .submitted .userpoints-value {
  919. font-style: italic;
  920. font-size: 85%;
  921. padding: 0 3px;
  922. }
  923. .submitted span a {
  924. font-weight: bold;
  925. }
  926. .submitted .user_badges img {
  927. padding: 0 5px 0 0;
  928. }
  929. .submitted .submitted-on {
  930. font-weight: bold;
  931. font-size: 90%;
  932. }
  933. /* Links for nodes (taxonomy, commenting, read more, etc) */
  934. .node .groups,
  935. .node .links,
  936. .node .meta {
  937. clear: both;
  938. }
  939. .node .groups {
  940. font-size: 95%;
  941. }
  942. ul.links li {
  943. margin: 0;
  944. padding: 0 6px 0 6px;
  945. }
  946. .links li {
  947. background-image: none;
  948. display: inline-block;
  949. border-right: 1px solid #ccc;
  950. }
  951. .links .last {
  952. border: none;
  953. }
  954. .node ul.links li {
  955. background: none;
  956. padding: 0 5px 0 2px;
  957. }
  958. .node ul.links li.last {
  959. border-right: none;
  960. }
  961. /* menu list links */
  962. .node .inner ul.menu li,
  963. .block .content ul.menu li,
  964. .panel-pane .inner ul.menu li,
  965. .commons-colors-blueblue.node .inner ul.menu li,
  966. .commons-colors-blueblue.block .content ul.menu li,
  967. .commons-colors-blueblue.panel-pane .inner ul.menu li,
  968. .commons-colors-orangeblue.node .inner ul.menu li,
  969. .commons-colors-orangeblue.block .content ul.menu li,
  970. .commons-colors-orangeblue.panel-pane .inner ul.menu li {
  971. background-image: none;
  972. padding: 0;
  973. }
  974. .node .inner ul.menu li li,
  975. .block .content ul.menu li li,
  976. .panel-pane .inner ul.menu li li,
  977. .commons-colors-blueblue.node .inner ul.menu li li,
  978. .commons-colors-blueblue.block .content ul.menu li li,
  979. .commons-colors-blueblue.panel-pane .inner ul.menu li li,
  980. .commons-colors-orangeblue.node .inner ul.menu li li,
  981. .commons-colors-orangeblue.block .content ul.menu li li,
  982. .commons-colors-orangeblue.panel-pane .inner ul.menu li li {
  983. padding-left: 22px;
  984. }
  985. .node .inner ul.menu li a,
  986. .block .content ul.menu li a,
  987. .panel-pane .inner ul.menu li a {
  988. background: transparent url(../images/gray-arrow-right.png) no-repeat left center;
  989. list-style-image: none;
  990. list-style: none;
  991. margin: 0 0 8px 0;
  992. padding: 0 0 0 22px;
  993. text-indent: 0;
  994. }
  995. /* Only more/read more links */
  996. div.node .read-more a,
  997. div.node .more-link a {
  998. }
  999. /* Drupal Messages/-------------------------------------------------------------- */
  1000. /* General style for all errors/messages (border, padding, etc.) */
  1001. div.content-help div.help {
  1002. margin-bottom: 0;
  1003. }
  1004. div.help p:first-child {
  1005. margin-top: 0;
  1006. }
  1007. div.help p:last-child {
  1008. margin-bottom: 0;
  1009. }
  1010. /* Status messages: green */
  1011. div.content-messages-inner div.status {
  1012. background-color: #D2E1FF;
  1013. border: 1px solid #6A96C3;
  1014. color: #666;
  1015. }
  1016. /* Warning messages: yellow */
  1017. div.content-messages-inner div.warning {
  1018. border-width: 1px;
  1019. }
  1020. /* Error messages: red */
  1021. div.content-messages-inner div.error {
  1022. background-color: #feebe5;
  1023. border: 1px solid #fe231a;
  1024. color: #cf1a12;
  1025. }
  1026. /* Help messages: blue */
  1027. div.content-help-inner div.help {
  1028. background-color: #daebfd;
  1029. border: 1px solid #619ed4;
  1030. }
  1031. #content-messages,
  1032. div.content-messages div.error,
  1033. div.content-help-inner div.help,
  1034. div.content-messages div.error p,
  1035. div.content-help-inner div.help p,
  1036. div.content-messages div.status,
  1037. div.content-help-inner div.warning,
  1038. div.content-messages div.status p,
  1039. div.content-help-inner div.warning p {
  1040. margin: 0px;
  1041. }
  1042. div.content-messages div.error,
  1043. div.content-help-inner div.help,
  1044. div.content-messages div.status,
  1045. div.content-help-inner div.warning {
  1046. padding: 4px 8px;
  1047. }
  1048. /* Error that appears when a required form field is not filled out */
  1049. .form-item input.error,
  1050. .form-item textarea.error,
  1051. .form-item select.error {
  1052. border: 1px solid #aa1144;
  1053. }
  1054. /* "New" text and required form field asterisk (default = red) */
  1055. .marker,
  1056. .form-required {
  1057. color: #aa1144;
  1058. }
  1059. .form-required {
  1060. padding-left: .5em;
  1061. }
  1062. /* Default block title styles/-------------------------------------------------------------- */
  1063. h2.block-title {
  1064. }
  1065. /* Override block edit gear icon */
  1066. .block .fusion-block-config,
  1067. .block .fusion-block-edit {
  1068. background: url(../images/gear.png) center center no-repeat;
  1069. }
  1070. .block .fusion-edit a {
  1071. background-color: transparent;
  1072. border: none;
  1073. }
  1074. .block .fusion-edit a:hover {
  1075. background-color: transparent;
  1076. text-decoration: none;
  1077. }
  1078. /* Breadcrumbs-------------------------------------------------------------- */
  1079. .breadcrumbs-wrapper {
  1080. margin: auto;
  1081. }
  1082. .breadcrumbs {
  1083. color: #333;
  1084. margin: 0 auto;
  1085. float: none;
  1086. }
  1087. .breadcrumb {
  1088. padding: 0;
  1089. }
  1090. .breadcrumbs.block .breadcrumbs-inner {
  1091. margin: 0;
  1092. padding: 2px 25px;
  1093. display: inline-block;
  1094. -webkit-border-radius: 3px;
  1095. -moz-border-radius: 3px;
  1096. border-radius: 3px;
  1097. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  1098. background-color: transparent;
  1099. background-color: rgba(255, 255, 255, 0.6);
  1100. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);
  1101. zoom: 1;
  1102. }
  1103. .breadcrumbs a:link,
  1104. .breadcrumbs a:visited {
  1105. font-size: 1.1em;
  1106. font-style: normal;
  1107. line-height: 1.4em;
  1108. margin: 0;
  1109. padding: 0 2px;
  1110. color: #00669F;
  1111. }
  1112. #content-tabs ul.primary, #content-tabs ul.secondary {
  1113. border-bottom: none;
  1114. }
  1115. #content-tabs ul.secondary {
  1116. border-bottom: 1px solid #d1d1d1;
  1117. margin-top: 10px;
  1118. text-transform: lowercase;
  1119. }
  1120. #content-tabs ul.primary li, #content-tabs ul.secondary li {
  1121. padding: 5px 3px;;
  1122. }
  1123. #content-tabs ul.primary li a:link,
  1124. #content-tabs ul.primary li a:visited {
  1125. -moz-border-radius: 99px;
  1126. -webkit-border-radius: 99px;
  1127. background-color: #d1d1d1;
  1128. border-radius: 99px;
  1129. border: 1px solid #d1d1d1;
  1130. color: #323232;
  1131. cursor: pointer;
  1132. float: left;/* LTR */
  1133. margin: 0;
  1134. padding: 6px 16px;
  1135. text-decoration: none;
  1136. white-space: nowrap;
  1137. }
  1138. #content-tabs ul.primary li.first a:link,
  1139. #content-tabs ul.primary li.first a:visited {
  1140. margin-left: 0;
  1141. }
  1142. #content-tabs ul.secondary li a:link,
  1143. #content-tabs ul.secondary li a:visited {
  1144. background-color: transparent;
  1145. border: none;
  1146. color: #323232;
  1147. float: left;/* LTR */
  1148. font-weight: bold;
  1149. margin: 0;
  1150. padding: 0 0 6px 0;
  1151. text-decoration: none;
  1152. white-space: nowrap;
  1153. }
  1154. #content-tabs ul.secondary li a:link,
  1155. #content-tabs ul.secondary li a:visited {
  1156. color: #555;
  1157. }
  1158. #content-tabs ul.primary li a.active:link,
  1159. #content-tabs ul.primary li a.active:visited {
  1160. background-color: #fff;
  1161. }
  1162. #content-tabs ul.secondary li a.active:link,
  1163. #content-tabs ul.secondary li a.active:visited {
  1164. border-bottom: 4px solid #555;
  1165. color: #777;
  1166. padding-bottom: 2px;
  1167. }
  1168. #content-tabs ul.primary li a:hover,
  1169. #content-tabs ul.primary li a:focus {
  1170. background-color: #888;
  1171. }
  1172. #content-tabs ul.secondary li a:hover,
  1173. #content-tabs ul.secondary li a:focus {
  1174. border-bottom: 4px solid #777;
  1175. color: #777;
  1176. padding-bottom: 2px;
  1177. }
  1178. #content-tabs ul.tabs {
  1179. padding-left: 0px;
  1180. }
  1181. /* Pagers-------------------------------------------------------------- */
  1182. ul.pager {
  1183. }
  1184. .content ul.pager li {
  1185. background-image: none;
  1186. line-height: 1.8em;
  1187. margin: 0;
  1188. padding: 2px 4px;
  1189. text-indent: 0;
  1190. -moz-border-radius: 5px;
  1191. -o-border-radius: 5px;
  1192. -webkit-border-radius: 5px;
  1193. border-radius: 5px;
  1194. }
  1195. ul.pager a,
  1196. ul.pager li.pager-current {
  1197. border-color: #333;
  1198. -moz-border-radius: 5px;
  1199. -o-border-radius: 5px;
  1200. -webkit-border-radius: 5px;
  1201. border-radius: 5px;
  1202. }
  1203. ul.pager li.pager-current {
  1204. background-color: #777;
  1205. color: #fff;
  1206. }
  1207. ul.pager li a:hover,
  1208. ul.pager li a:active,
  1209. ul.pager li a:focus {
  1210. background-color: #777;
  1211. border-color: #333;
  1212. color: #fff;
  1213. }
  1214. /* Forms/-------------------------------------------------------------- */
  1215. /* Typography and backgrounds for all form buttons */
  1216. .button {
  1217. background-color: #DDE9F4;
  1218. border: 0 none;
  1219. color: #69c;
  1220. font-family: "Helvetica Neue", Helvetica,Arial, Sans-serif;
  1221. font-size: 12px;
  1222. line-height: 1;
  1223. }
  1224. .button.primary {
  1225. background-color: #69c;
  1226. border-color: #69c;
  1227. border-style: solid;
  1228. border-width: 0 1px 1px 0;
  1229. color: white;
  1230. }
  1231. .facebook-status-submit.button.primary {
  1232. background-color: transparent;
  1233. border-color: #1879B1 #ddd #ddd #ddd;
  1234. border-width: 1px 4px 4px 0;
  1235. }
  1236. .button,
  1237. .fbsmp-plugin-icon {
  1238. border-color: #c2c2c2;
  1239. }
  1240. form input.form-submit {
  1241. font-weight: normal; /* Forced by Fusion */
  1242. margin: 0;
  1243. }
  1244. .fbsmp-cancel-button {
  1245. background: #1879B1;
  1246. }
  1247. /* Commented out to support new Facebook style buttons
  1248. *
  1249. .fbsmp-icon-list {
  1250. border-color: #c2c2c2;
  1251. }*/
  1252. .fbsmp-icon-list .button:first-child {
  1253. border-left: 0 none;
  1254. }
  1255. .views-exposed-form .views-exposed-widget .form-submit {
  1256. margin-top: 18px;
  1257. }
  1258. /* Hover style for form buttons */
  1259. .form-submit:hover,
  1260. .form-submit.hover,
  1261. .form-submit:focus {
  1262. }
  1263. /* Typography, background, borders, padding for form fields */
  1264. .form-item input,
  1265. .form-item textarea {
  1266. font-size: 14px;
  1267. line-height: 1em;
  1268. }
  1269. .form-item input {
  1270. background: #fff url(../images/inner-shadow.png) no-repeat 0 0;
  1271. border: 1px inset #969696;
  1272. padding: 2px 4px;
  1273. }
  1274. /* Remove backgrounds and border on radios and checkboxes */
  1275. .form-item .form-radio,
  1276. .form-item .form-checkbox {
  1277. background: none;
  1278. border: none !important;
  1279. }
  1280. /* Fieldset wrapper around groups of form elements -- add border here */
  1281. fieldset {
  1282. overflow: hidden;
  1283. background-color: #f8f8f8;
  1284. border: 1px solid #ccc;
  1285. -moz-border-radius: 7px;
  1286. -webkit-border-radius: 7px;
  1287. }
  1288. html.js fieldset.collapsed {
  1289. background-color: transparent;
  1290. padding: 0 5px;
  1291. }
  1292. /* Typography and spacing for legend of fieldsets */
  1293. fieldset legend {
  1294. }
  1295. /* Link style for legend of fieldsets */
  1296. fieldset legend,
  1297. legend.collapse-processed,
  1298. legend.collapse-processed a:link,
  1299. legend.collapse-processed a:visited {
  1300. }
  1301. /* Custom icons on (open) collapsible fieldsets */
  1302. html.js fieldset.collapsible legend a:link,
  1303. html.js fieldset.collapsible legend a:visited {
  1304. }
  1305. /* Custom icons on (closed) collapsible fieldsets */
  1306. html.js fieldset.collapsed legend a:link,
  1307. html.js fieldset.collapsed legend a:visited {
  1308. }
  1309. /* Tables-------------------------------------------------------------- */
  1310. /* Body of tables */
  1311. tbody {
  1312. border-top: 1px solid #D0D0D0;
  1313. }
  1314. thead + tbody {
  1315. border-top: 1px solid #D0D0D0;
  1316. }
  1317. /* Header of tables */
  1318. thead th,
  1319. th {
  1320. border: none;
  1321. color: #333;
  1322. }
  1323. tbody th {
  1324. border-bottom: 1px solid #D0D0D0;
  1325. }
  1326. /* Alternating row background styles */
  1327. tr.even,
  1328. tr.even td {
  1329. background-color: #fff;
  1330. border-bottom: 1px solid #D0D0D0;
  1331. font-size: 1em;
  1332. line-height: 1.2em;
  1333. padding: .6em .2em;
  1334. }
  1335. tr.even .form-item ,
  1336. tr.odd .form-item {
  1337. white-space: normal;
  1338. }
  1339. .page-admin tr.even .form-item ,
  1340. .page-admin tr.odd .form-item {
  1341. white-space: nowrap;
  1342. }
  1343. tr.odd,
  1344. tr.odd td {
  1345. background-color: #fff;
  1346. border-bottom: 1px solid #D0D0D0;
  1347. font-size: 1em;
  1348. line-height: 1.2em;
  1349. padding: .6em .2em;
  1350. }
  1351. tr.views-row-last,
  1352. tr.views-row-last td,
  1353. tr.last,
  1354. tr.last td {
  1355. }
  1356. tr td,
  1357. tr.views-row-first.views-row-last,
  1358. tr.views-row-first.views-row-last td,
  1359. tr.first.last,
  1360. tr.first.last td {
  1361. border-bottom: 1px dotted #ccc;
  1362. }
  1363. /* Remove border-bottom from group subscribe buttons */
  1364. table tr td.views-field-subscribe {
  1365. border-bottom: none;
  1366. }
  1367. table tr td.active {
  1368. background-color: #fafafa;
  1369. }
  1370. tr.drag td,
  1371. tr.drag-previous td {
  1372. color: #323232;
  1373. }
  1374. /* Maintenance Page/-------------------------------------------------------------- */
  1375. /* Maintenance page tpl file in Fusion Core has simplified layout, but you can also add specific styles, such as a background, just for your offline page */
  1376. .in-maintenance {
  1377. }
  1378. /*--------------------------------------------------------------*/
  1379. /* Module styles/-------------------------------------------------------------- */
  1380. /* Book/-------------------------------------------------------------- */
  1381. .book-navigation .menu {
  1382. border-top: 1px solid #ccc;
  1383. }
  1384. .book-navigation .page-links {
  1385. border-bottom: 1px solid #ccc;
  1386. border-top: 1px solid #ccc;
  1387. }
  1388. /* Comments/-------------------------------------------------------------- */
  1389. /* Style for each individual comment */
  1390. div.comment {
  1391. }
  1392. /* Subject (title) of each comment */
  1393. div.comment h3.title {
  1394. }
  1395. /* comment info */
  1396. .comment .comment-info {
  1397. background: transparent url(../images/shoutbox-bubble.png) no-repeat right 8px;
  1398. float: left;
  1399. position: relative;
  1400. width: auto;
  1401. z-index: 10;
  1402. padding: 0 20px 0 0;
  1403. text-align: center;
  1404. margin-right: -2px;
  1405. }
  1406. .comment-info ul.links li {
  1407. font-size: 10px;
  1408. padding: 0 2px 0 0;
  1409. display: block;
  1410. border: none;
  1411. }
  1412. .comment-info ul.links li.comment_forbidden,
  1413. .comment-info ul.links li.comment_forbidden span {
  1414. white-space: normal;
  1415. }
  1416. .comment-info ul.links li.last {
  1417. border: none;
  1418. }
  1419. .comment .comment-info span.new {
  1420. color: #aa1144;
  1421. }
  1422. .comment .comment-info .submitted span {
  1423. display: block;
  1424. width: auto;
  1425. }
  1426. .comment .comment-content-wrapper {
  1427. -moz-box-shadow: 1px 1px 3px #ddd;
  1428. -webkit-box-shadow: 1px 1px 3px #ddd;
  1429. border: 1px solid #d6d6d6;
  1430. box-shadow: 1px 1px 3px #ddd;
  1431. padding: 10px;
  1432. position: relative;
  1433. z-index: 1;
  1434. overflow: auto;
  1435. }
  1436. .comment .comment-content {
  1437. float: left;
  1438. }
  1439. /*fix for comment title being cut off */
  1440. .comments > a[id] {
  1441. position: absolute;
  1442. }
  1443. div.comments div.indented {
  1444. margin-left: 20px;
  1445. }
  1446. /* Links (edit, reply, delete) for each comment */
  1447. div.comment div.links a,
  1448. div.comment ul.links a {
  1449. }
  1450. /* A special highlight style for a comment by the author of the node */
  1451. .comments div.comment-by-author .comment-info img {
  1452. /*border: 2px solid #619ed4;*/
  1453. }
  1454. /* Comment signatures */
  1455. .signature {
  1456. border-top: 1px solid #d6ddb9;
  1457. }
  1458. /* User avatars in comments */
  1459. .comment-wrapper .picture img {
  1460. }
  1461. /* @group Facebook */
  1462. .facebook-status-item .facebook-status-links ul.links li {
  1463. background: none;
  1464. border: 0 none;
  1465. display: inline-block;
  1466. list-style: none;
  1467. padding-left: 0;
  1468. }
  1469. /* @group Comments */
  1470. .facebook-status-comments {
  1471. border: 1px solid #DDD;
  1472. }
  1473. .facebook-status-comments.no-comments {
  1474. border: 0 none;
  1475. }
  1476. .facebook-status-subitem {
  1477. background-color: #eee;
  1478. padding: 0.75em;
  1479. }
  1480. .facebook-status-subitem {
  1481. border-top: 4px solid white;
  1482. }
  1483. .fbss-comments .facebook-status-subitem:first-child,
  1484. .facebook-status-comments :first-child,
  1485. .facebook-status-subitem.form-piece {
  1486. border-top: 0 none;
  1487. }
  1488. .fbss-comments + .facebook-status-subitem {
  1489. padding-bottom: 0;
  1490. }
  1491. .fbss-comments + .facebook-status-subitem .fbss-comments-show-comment-form-inner { /* This is so messy. The DOM structure needs to be cleaned up */
  1492. padding-bottom: 0.75em;
  1493. }
  1494. .facebook-status-subitem.form-piece {
  1495. padding-top: 0;
  1496. }
  1497. .fbss-comments ul.fbss-comments-links li {
  1498. background: none;
  1499. padding: 1px 7px;
  1500. margin: 0;
  1501. border-right: none;
  1502. }
  1503. /* @end */
  1504. /* @end */
  1505. /* Forum/-------------------------------------------------------------- */
  1506. #forum .description {
  1507. }
  1508. .forum-topic-navigation {
  1509. border-bottom: 1px solid #888;
  1510. border-top: 1px solid #888;
  1511. }
  1512. /* Poll/-------------------------------------------------------------- */
  1513. div.poll div.bar {
  1514. background-color: #ddd;
  1515. }
  1516. div.poll div.bar div.foreground {
  1517. background-color: #999;
  1518. }
  1519. /* Profiles/-------------------------------------------------------------- */
  1520. .profile .picture {
  1521. background-color: #efefef;
  1522. border-bottom: none;
  1523. border: 1px solid #dcdcdc;
  1524. float: none;
  1525. margin: 0;
  1526. padding: 10px 0 6px 0;
  1527. text-align: center;
  1528. }
  1529. .profile .picture img {
  1530. border: 1px solid #fff;
  1531. height: auto;
  1532. max-width: 90%;
  1533. }
  1534. .profile .column-left {
  1535. float: left;
  1536. margin: 0 2% 0 0;
  1537. width: 30%;
  1538. }
  1539. .profile .column-right {
  1540. float: left;
  1541. width: 68%;
  1542. }
  1543. .block.block-commons_profile .links .ur_action a {
  1544. background: #6699CC;
  1545. border-color: #6699CC;
  1546. border-style: solid;
  1547. border-width: 0 1px 1px 0;
  1548. color: #FFFFFF;
  1549. margin: 10px 0;
  1550. padding: 7px 14px;
  1551. }
  1552. .block.block-commons_profile .links .ur_action a:hover,
  1553. .block.block-commons_profile .links .ur_action a:active {
  1554. text-decoration: none;
  1555. }
  1556. /* User points styles */
  1557. .profile .userpoints h3 {
  1558. border: none;
  1559. float: left;
  1560. margin: 0px;
  1561. width: auto;
  1562. }
  1563. .profile .userpoints {
  1564. background-color: #669acc;
  1565. border: 1px solid #517aa1;
  1566. color: #fff;
  1567. margin: 0 0 .6em 0;
  1568. padding: 4px 8px;
  1569. }
  1570. .profile .userpoints dd {
  1571. float: left;
  1572. margin: 0;
  1573. padding: 0;
  1574. width: auto;
  1575. display: block;
  1576. }
  1577. .profile .userpoints:after {
  1578. clear: both;
  1579. content: ".";
  1580. display: block;
  1581. height: 0;
  1582. visibility: hidden;
  1583. }
  1584. .profile .userpoints .points {
  1585. display: block;
  1586. float: left;
  1587. font-size: 1.2em;
  1588. font-weight: bold;
  1589. margin-left: 8px;
  1590. width: auto;
  1591. }
  1592. .profile .userpoints .edit-links {
  1593. display: none;
  1594. }
  1595. .profile .userpoints:hover .edit-links {
  1596. clear: both;
  1597. display: block;
  1598. margin-top: 1.6em;
  1599. position: absolute;
  1600. }
  1601. .profile .userpoints .edit-links a {
  1602. text-decoration: underline;
  1603. }
  1604. /* Styles for sub-headings on user profiles */
  1605. .profile .column-right dt {
  1606. width: auto;
  1607. padding: 0;
  1608. }
  1609. .profile .column-right h3 {
  1610. background-color: #eaeaea;
  1611. border: 1px solid #d8d8d8;
  1612. margin-top: 0;
  1613. padding: 2px 6px;
  1614. }
  1615. .profile dd .item-list li {
  1616. background-image: none;
  1617. }
  1618. /* Ubercart - catalog/-------------------------------------------------------------- */
  1619. /* Horizontal list of subcategories in catalog */
  1620. ul.uc-categories {
  1621. }
  1622. .uc-categories li a {
  1623. font-weight: bold;
  1624. padding: 0 5px 0 3px;
  1625. }
  1626. /* Product and category names */
  1627. .catalog-grid-title a:link,
  1628. .catalog-grid-title a:visited,
  1629. .category a:link,
  1630. .category a:visited {
  1631. }
  1632. .catalog-grid-title a:hover,
  1633. .catalog-grid-title a:focus,
  1634. .category a:hover,
  1635. .category a:focus {
  1636. }
  1637. /* Sell price in Ubercart catalog */
  1638. .category-grid-products .catalog-grid-sell-price {
  1639. }
  1640. /* Ubercart - add to cart buttons/-------------------------------------------------------------- */
  1641. /* Add to cart buttons */
  1642. input.node-add-to-cart,
  1643. input.list-add-to-cart {
  1644. }
  1645. /* Hover and focus styles, with .hover class added for IE6 support */
  1646. input.node-add-to-cart:hover,
  1647. input.node-add-to-cart.hover,
  1648. input.node-add-to-cart:focus,
  1649. input.list-add-to-cart:hover,
  1650. input.list-add-to-cart.hover,
  1651. input.list-add-to-cart:focus {
  1652. }
  1653. /* Ubercart - product nodes/-------------------------------------------------------------- */
  1654. #field-group {
  1655. }
  1656. #price-group {
  1657. }
  1658. /* Product images */
  1659. .product-image a img {
  1660. }
  1661. .product-image a:hover img,
  1662. .product-image a:focus img {
  1663. }
  1664. /* Display price on full product nodes */
  1665. .full-node .product-group .uc-price-display {
  1666. }
  1667. /* Product attributes on full nodes */
  1668. .full-node .product-group .attributes {
  1669. }
  1670. /* Ubercart - general / checkout/-------------------------------------------------------------- */
  1671. /* For optional "Powered by Ubercart" footer message */
  1672. #store-footer {
  1673. }
  1674. #store-footer a:link,
  1675. #store-footer a:visited {
  1676. }
  1677. /* View cart/Checkout links in Ubercart cart block */
  1678. .cart-block-summary-links ul.links li a {
  1679. }
  1680. .cart-block-summary-links ul.links li.cart-block-checkout a:link,
  1681. .cart-block-summary-links ul.links li.cart-block-checkout a:visited {
  1682. }
  1683. /* Key checkout process buttons: Checkout, Continue, and Submit Order */
  1684. #uc-cart-view-form #edit-checkout,
  1685. #uc-cart-checkout-form #edit-continue,
  1686. #uc-cart-checkout-review-form #edit-submit {
  1687. }
  1688. /* Table on final order review page */
  1689. .order-review-table {
  1690. }
  1691. #cart-form-products table th {
  1692. border-bottom: 3px solid #dec2c3;
  1693. }
  1694. /* Block/Pane Styles */
  1695. /*login block */
  1696. #block-commons_core-3 .content {
  1697. margin: 15px 0 0;
  1698. }
  1699. .sidebar-last .block h2.block-title,
  1700. .sidebar-first .block h2.block-title {
  1701. font-weight: normal;
  1702. line-height: 1.2em;
  1703. margin: 0px;
  1704. color: #79AB3B;
  1705. padding: 10px 0 0 0;
  1706. }
  1707. .sidebar-last .block h2.block-title a,
  1708. .sidebar-first .block h2.block-title a {
  1709. color: #323232;
  1710. }
  1711. .sidebar-last .block .inner,
  1712. .sidebar-first .block .inner {
  1713. }
  1714. .sidebar-first .block .content,
  1715. .sidebar-last .block .content {
  1716. padding: 10px 10px 10px 0;
  1717. }
  1718. /* Search Results/-------------------------------------------------------------- */
  1719. dl.search-results .search-result {
  1720. border-bottom: 1px solid #ccc;
  1721. margin-bottom: 12px;
  1722. padding-bottom: 12px;
  1723. }
  1724. dl.search-results .search-result dt.title {
  1725. font-size: 1.2em;
  1726. margin-bottom: 4px;
  1727. }
  1728. dl.search-results .search-result dd {
  1729. margin-bottom: 0;
  1730. }
  1731. dl.search-results .search-result p.search-info {
  1732. margin-bottom: 0;
  1733. }
  1734. /* Skinr/-------------------------------------------------------------- */
  1735. /* horizontal login*/
  1736. .fusion-horiz-login input.form-submit {
  1737. font-size: 12px;
  1738. line-height: 14px;
  1739. height: 20px;
  1740. }
  1741. .fusion-horiz-login .item-list ul li {
  1742. background-image: none;
  1743. padding-left: 0;
  1744. line-height: 1.1em;
  1745. }
  1746. /* List Styles */
  1747. .block .content ul li,
  1748. .block .content ol li {
  1749. margin-bottom: 2px;
  1750. }
  1751. .view .view-content .item-list li.views-row {
  1752. margin-bottom: 10px;
  1753. border-bottom: 1px solid #ccc;
  1754. }
  1755. .view .view-content .item-list li.views-row:after {
  1756. clear: both;
  1757. content: ".";
  1758. display: block;
  1759. height: 0;
  1760. visibility: hidden;
  1761. }
  1762. /*Decorative Bullet*/
  1763. .commons-list-circle-bullets .content ul {
  1764. margin-left: 18px;
  1765. }
  1766. .commons-list-circle-bullets .content ul li {
  1767. background: none;
  1768. color: #656565;
  1769. list-style-image: none;
  1770. list-style: disc;
  1771. margin: 0 0 8px 0;
  1772. padding: 0 0 0 0;
  1773. text-indent: 0;
  1774. }
  1775. /* Color Styles */
  1776. /* Gray & Light Blue */
  1777. .commons-colors-grayblue a {
  1778. color: #6698c9;
  1779. }
  1780. panels-pane.commons-colors-grayblue .inner {
  1781. border-color: #ddd;
  1782. }
  1783. .commons-colors-grayblue .content ul li {
  1784. background: transparent url(../images/gray-arrow-right.png) no-repeat 0 4px;
  1785. }
  1786. .commons-list-cirlce-bullets.commons-colors-grayblue .content ul li {
  1787. color: #656565;
  1788. }
  1789. /* Orange & Dark Blue */
  1790. .commons-list-circle-bullets.commons-colors-orangeblue .content ul li a,
  1791. .commons-colors-orangeblue a {
  1792. color: #3d489d;
  1793. }
  1794. .panel-pane.commons-colors-orangeblue .inner h2.pane-title,
  1795. .panel-pane.commons-colors-orangeblue .inner h2.block-title,
  1796. .panel-panel .panel-pane.commons-colors-orangeblue .pane-node-content .node {
  1797. border-color: #ee9753;
  1798. }
  1799. .sidebar-last .block.commons-colors-orangeblue .inner,
  1800. .sidebar-first .block.commons-colors-orangeblue .inner {
  1801. border-color: #ee9753;
  1802. }
  1803. .sidebar-last .block.commons-colors-orangeblue h2.block-title,
  1804. .sidebar-first .block.commons-colors-orangeblue h2.block-title {
  1805. background-color: #fec688;
  1806. }
  1807. .commons-colors-orangeblue.node .inner ul.menu li a,
  1808. .commons-colors-orangeblue.block .content ul.menu li a,
  1809. .commons-colors-orangeblue.panel-pane .inner ul.menu li a {
  1810. background: transparent url(../images/orange-arrow-right.png) no-repeat 0 1px;
  1811. }
  1812. .commons-colors-orangeblue .content ul li {
  1813. background: transparent url(../images/orange-arrow-right.png) no-repeat 0 4px;
  1814. }
  1815. .commons-list-circle-bullets.commons-colors-orangeblue .content ul li {
  1816. background-image: none;
  1817. color: #ee9753;
  1818. }
  1819. /* Dark Blue & Light Blue */
  1820. .commons-list-circle-bullets.commons-colors-blueblue .content ul li a,
  1821. .commons-colors-blueblue a {
  1822. color: #6698c9;
  1823. }
  1824. .panel-pane.commons-colors-blueblue .inner h2.pane-title,
  1825. .panel-pane.commons-colors-blueblue .inner h2.block-title,
  1826. .panel-panel .panel-pane.commons-colors-blueblue .pane-node-content .node {
  1827. border-color: #3d489d;
  1828. }
  1829. #block-commons_profile-profile_image_links ul.links li {
  1830. background: transparent url(../images/gray-arrow-right.png) no-repeat 0 4px;
  1831. padding-left: 18px;
  1832. }
  1833. .sidebar-last .block.commons-colors-blueblue .inner,
  1834. .sidebar-first .block.commons-colors-blueblue .inner {
  1835. border-color: #23295c;
  1836. }
  1837. .sidebar-last .block.commons-colors-blueblue h2.block-title,
  1838. .sidebar-last .block.commons-colors-blueblue h2.block-title a,
  1839. .sidebar-first .block.commons-colors-blueblue h2.block-title,
  1840. .sidebar-first .block.commons-colors-blueblue h2.block-title a {
  1841. background-color: #3d489d;
  1842. color: #fff;
  1843. }
  1844. .commons-colors-blueblue.node .inner ul.menu li a,
  1845. .commons-colors-blueblue.block .content ul.menu li a,
  1846. .commons-colors-blueblue.panel-pane .inner ul.menu li a {
  1847. background: transparent url(../images/dkblue-arrow-right.png) no-repeat 0 1px;
  1848. }
  1849. .commons-colors-blueblue.content ul li {
  1850. background: transparent url(../images/dkblue-arrow-right.png) no-repeat 0 4px;
  1851. }
  1852. .commons-list-circle-bullets.commons-colors-blueblue .content ul li {
  1853. background-image: none;
  1854. color: #23295c;
  1855. }
  1856. /* Commons * Styling for Commons specific elements/-------------------------------------------------------------- */
  1857. /* Stream */
  1858. .activity-log-message {
  1859. border-bottom: 1px solid #D0D0D0;
  1860. }
  1861. /* User relationships module */
  1862. textarea#edit-elaboration {
  1863. max-width: 95%;
  1864. }
  1865. /* User badges */
  1866. div.userpoints div.user_badges {
  1867. float: right;
  1868. }
  1869. /* OG subscribe button */
  1870. div.joinnow-button a {
  1871. background: url("../images/join_button.png") no-repeat;
  1872. display: block;
  1873. width: 50px;
  1874. height: 22px;
  1875. margin: 0 auto;
  1876. }
  1877. /*Shoutbox module*/
  1878. .shoutbox-add-form {
  1879. margin: 0 0 10px 0;
  1880. }
  1881. .shoutbox-add-form:after,
  1882. .shoutbox-admin-links:after,
  1883. .shoutbox-msg:after {
  1884. clear: both;
  1885. content: ".";
  1886. display: block;
  1887. height: 0;
  1888. visibility: hidden;
  1889. }
  1890. #shoutbox-add-form input.form-text {
  1891. float: left;
  1892. font-size: 12px;
  1893. height: 18px;
  1894. line-height: 18px;
  1895. margin: 0 0 4px;
  1896. padding: 2px 2px;
  1897. width: 95%;
  1898. max-width: 95%;
  1899. }
  1900. .page-home .shoutbox-add-form input.form-text {
  1901. width: 56%;
  1902. }
  1903. .shoutbox-add-form input.form-submit {
  1904. float: left;
  1905. font-size: 12px;
  1906. height: 24px;
  1907. line-height: 18px;
  1908. margin-left: 10px;
  1909. margin: 0;
  1910. padding: 2px 10px;
  1911. width: 80px;
  1912. }
  1913. .page-home .shoutbox-add-form input.form-submit {
  1914. width: 60px;
  1915. }
  1916. #shoutbox-body {
  1917. overflow: visible;
  1918. }
  1919. #shoutbox-body tr,
  1920. #shoutbox-body td,
  1921. #shoutbox-body tbody {
  1922. border: none;
  1923. }
  1924. .shoutbox-admin-links {
  1925. background-color: #f7f7f9;
  1926. border: 1px solid #d6d6d6;
  1927. margin-right: 4px;
  1928. margin-top: 0px;
  1929. padding: 2px 4px;
  1930. position: absolute;
  1931. right: 0;
  1932. z-index: 10;
  1933. }
  1934. .shoutbox-admin-links {
  1935. display: none;
  1936. }
  1937. .shoutbox-msg:hover .shoutbox-admin-links {
  1938. display: block;
  1939. }
  1940. .shoutbox-admin-links a {
  1941. cursor: pointer;
  1942. }
  1943. #shoutbox-posts .shoutbox-msg {
  1944. border: none;
  1945. clear: both;
  1946. }
  1947. .shoutbox-msg .shoutbox-post-info {
  1948. background: transparent url(../images/shoutbox-bubble.png) no-repeat right 10px;
  1949. display: block;
  1950. float: left;
  1951. padding-right: 28px;
  1952. position: relative;
  1953. width: 82px;
  1954. z-index: 10;
  1955. min-height: 28px;
  1956. text-align: right;
  1957. }
  1958. .shoutbox-msg .shoutbox-post-info span {
  1959. display: block;
  1960. width: 82px;
  1961. overflow: hidden;
  1962. line-height: 1.1em;
  1963. }
  1964. .shoutbox-msg .shoutbox-post-info span a {
  1965. line-height: 1.1em;
  1966. }
  1967. .shoutbox-msg .shoutbox-post-info span.shoutbox-msg-time {
  1968. color: #323232;
  1969. font-family: Tahoma, Verdana, sans-serif;
  1970. font-size: 9px;
  1971. font-style: normal;
  1972. line-height: 1em;
  1973. padding: 0px;
  1974. }
  1975. .shoutbox-msg .shout-message,
  1976. div.shoutbox-even {
  1977. -moz-box-shadow: 1px 1px 3px #ddd;
  1978. -webkit-box-shadow: 1px 1px 3px #ddd;
  1979. border: 1px solid #d6d6d6;
  1980. box-shadow: 1px 1px 3px #ddd;
  1981. display: block;
  1982. margin-left: 108px;
  1983. min-height: 18px;
  1984. padding: 10px;
  1985. z-index: 1;
  1986. }
  1987. .shoutbox-msg.shoutbox-unpublished .shoutbox-post-info {
  1988. background: transparent url(../images/shoutbox-bubble-unpublished.png) no-repeat right 10px;
  1989. }
  1990. .shoutbox-msg.shoutbox-unpublished {
  1991. background-color: transparent;
  1992. }
  1993. .shoutbox-msg.shoutbox-unpublished .shout-message {
  1994. border: 1px solid #c90707;
  1995. color: #666;
  1996. }
  1997. div.shoutbox-even {
  1998. margin: 0 4px 18px 0;
  1999. padding: 2px 4px;
  2000. }
  2001. .shoutbox-all-shouts {
  2002. border-top: 1px solid #ccc;
  2003. font-size: 1em;
  2004. font-weight: bold;
  2005. margin: 0px 0 0 0;
  2006. text-align: right;
  2007. }
  2008. /* Homebox module*/
  2009. #homebox-buttons {
  2010. text-align: right;
  2011. }
  2012. .homebox-column:after {
  2013. clear: both;
  2014. content: ".";
  2015. display: block;
  2016. height: 0;
  2017. visibility: hidden;
  2018. }
  2019. #homebox .homebox-column {
  2020. background-color: #f9f9f9;
  2021. background-image: none;
  2022. }
  2023. #homebox .homebox-portlet h3.portlet-header {
  2024. background-color: #efefef;
  2025. color: #323232;
  2026. font-weight: normal;
  2027. line-height: 1.5em;
  2028. font-size: 1.1em;
  2029. margin: 0px;
  2030. padding: 3px 8px;
  2031. }
  2032. #homebox .homebox-portlet h2.portlet-header a {
  2033. color: #323232;
  2034. }
  2035. #homebox .homebox-portlet .homebox-portlet-inner {
  2036. border: 1px solid #dedede;
  2037. }
  2038. #homebox .homebox-portlet .homebox-portlet-inner .portlet-content {
  2039. padding: 10px;
  2040. }
  2041. #homebox .homebox-portlet {
  2042. float: none;
  2043. width: auto;
  2044. }
  2045. #homebox-buttons button {
  2046. font-family: inherit;
  2047. }
  2048. /* Temporary hack needed until homebox can handle hiding these */
  2049. body#pid-dashboard h1.title, body#pid-dashboard #breadcrumbs {
  2050. display: none;
  2051. }
  2052. /* Group Info */
  2053. .group-attributes.fieldgroup .content {
  2054. padding: 0;
  2055. }
  2056. .panel-pane .full-node .group-attributes .field-field-group-image img.imagecache-group_images {
  2057. float: none;
  2058. height: auto;
  2059. text-align: left;
  2060. width: 100%;
  2061. }
  2062. .og-mission p:first-child {
  2063. font-weight: bold;
  2064. }
  2065. /*Group pages*/
  2066. .block#block-commons_core-group_create_content .inner,
  2067. .block#block-commons_core-group_create_content .inner .content{
  2068. border: none;
  2069. padding: 0;
  2070. border-radius: 0px;
  2071. -moz-border-radius: 0px;
  2072. -webkit-border-radius: 0px;
  2073. }
  2074. .block#block-commons_core-group_create_content form {
  2075. padding-top: 10px;
  2076. }
  2077. .block#block-commons_core-group_create_content select {
  2078. font-size: 1.3em;
  2079. background: transparent;
  2080. width: 100%;
  2081. padding: 0;
  2082. }
  2083. .block#block-commons_core-group_create_content input {
  2084. font-size: 1.3em;
  2085. margin: 5px 24px 0 0;
  2086. }
  2087. #edit-submit-group-tab-content {
  2088. width: auto;
  2089. font-size: 14px;
  2090. color: #10354D;
  2091. background-color: #A5D3FE;
  2092. background-image: -webkit-gradient(linear, left top, left bottom, from(#A5D3FE), to(#7BC2F6));
  2093. background-image: -webkit-linear-gradient(top, #A5D3FE, #7BC2F6);
  2094. background-image: -moz-linear-gradient(top, #A5D3FE, #7BC2F6);
  2095. background-image: -ms-linear-gradient(top, #A5D3FE, #7BC2F6);
  2096. background-image: -o-linear-gradient(top, #A5D3FE, #7BC2F6);
  2097. background-image: linear-gradient(top, #A5D3FE, #7BC2F6);
  2098. -webkit-border-radius: 3px;
  2099. -moz-border-radius: 3px;
  2100. border-radius: 3px;
  2101. }
  2102. #block-views-group_tab_content-block_1 .view-content .item-list ul li {
  2103. padding: 14px 0px 20px 0px;
  2104. }
  2105. #block-views-group_tab_content-block_1 {
  2106. width: 600px;
  2107. }
  2108. .view-group-tab-content .views-field-title {
  2109. font-size: 1.8em;
  2110. margin-bottom: 12px;
  2111. }
  2112. .view-group-tab-content span.views-field-name, .view-group-tab-content .views-field-tid, .view-group-tab-content .views-field-created {
  2113. font-size: 1.2em;
  2114. }
  2115. .view-group-tab-content .views-field-teaser {
  2116. font-size: 1.4em;
  2117. }
  2118. .sidebar-last .block {
  2119. font-size: 1.2em;
  2120. font-weight: bold;
  2121. }
  2122. .sidebar-last .block-views .view-content .item-list ul li {
  2123. border-bottom: 0 none;
  2124. margin-bottom: 0;
  2125. padding-bottom: 4px;
  2126. padding-left: 10px;
  2127. position: relative;
  2128. clear: both;
  2129. }
  2130. .view-id-group_block_events_upcoming .item-list ul li, #block-views-group_tab_content-block_1 .item-list ul li, #block-views-groups_my_groups-block_1 .item-list ul li, #block-views-groups_most_active-block_1 .item-list ul li, #block-views-groups_newest_groups-block_1 ul li{
  2131. background-image: none;
  2132. }
  2133. #block-views-deb9ea35a724682175e6d2c990e7009c .views-field-field-location-value {
  2134. font-weight: normal;
  2135. }
  2136. #block-commons_core-group_create_content form .form-item {
  2137. float: left;
  2138. margin-top: 0px;
  2139. height: 18px;
  2140. margin-top: 3px;
  2141. margin-right: 1%;
  2142. /* Again, (width) not inheriting from Roots correctly, but can't take the time to figure it out
  2143. * -jay
  2144. */
  2145. width: 65%;
  2146. }
  2147. #block-commons_core-group_create_content form .form-item select {
  2148. }
  2149. /*My Groups list */
  2150. #view-id-subgroups_main_listing-page_1 .views-row .views-field-field-group-image-fid,
  2151. #view-id-groups_my_groups_listing-page_1 .views-row .views-field-field-group-image-fid {
  2152. float: left;
  2153. }
  2154. #view-id-subgroups_main_listing-page_1 .views-row .views-field-description,
  2155. #view-id-groups_my_groups_listing-page_1 .views-row .views-field-description{
  2156. }
  2157. #view-id-subgroups_main_listing-page_1 .views-row .views-field-leave-group,
  2158. #view-id-groups_my_groups_listing-page_1 .views-row .views-field-leave-group {
  2159. }
  2160. #view-id-subgroups_main_listing-page_1 .views-row,
  2161. #view-id-groups_my_groups_listing-page_1 .views-row{
  2162. border-bottom: 1px solid #eee;
  2163. margin-bottom: 10px;
  2164. }
  2165. #view-id-subgroups_main_listing-page_1 .views-row.views-row-last,
  2166. #view-id-groups_my_groups_listing-page_1 .views-row.views-row-last {
  2167. border: 0px;
  2168. margin-bottom: 0px;
  2169. }
  2170. #view-id-subgroups_main_listing-page_1 .views-row:after,
  2171. #view-id-groups_my_groups_listing-page_1 .views-row:after{
  2172. clear: both;
  2173. content: ".";
  2174. display: block;
  2175. height: 0;
  2176. visibility: hidden;
  2177. }
  2178. /*featured groups slideshow*/
  2179. #block-views-groups_featured_groups-block_1 h2.block-title {
  2180. margin-top: 0;
  2181. }
  2182. #block-views-groups_featured_groups-block_1 .content .views_slideshow_slide{
  2183. width: 100%;
  2184. }
  2185. #block-views-groups_featured_groups-block_1 .content .views-row .views-field-field-group-image-fid{
  2186. width: 21%;
  2187. }
  2188. #block-views-groups_featured_groups-block_1 .views-slideshow-controls-top {
  2189. float: right;
  2190. margin-top: -30px;
  2191. }
  2192. #block-views-groups_featured_groups-block_1 a.views_slideshow_previous,
  2193. #block-views-groups_featured_groups-block_1 a.views_slideshow_next,
  2194. #block-views-groups_featured_groups-block_1 a.views_slideshow_pause,
  2195. #block-views-groups_featured_groups-block_1 a.views_slideshow_play {
  2196. background: transparent url(../images/slideshow-controls.png) no-repeat 0 0;
  2197. text-indent: -9999px;
  2198. text-align: left;
  2199. width: 20px;
  2200. margin: 0 0 10px 0;
  2201. height: 14px;
  2202. display: block;
  2203. float: left;
  2204. }
  2205. #block-views-groups_featured_groups-block_1 a.views_slideshow_next{
  2206. background-position: -60px 0;
  2207. }
  2208. #block-views-groups_featured_groups-block_1 a.views_slideshow_pause{
  2209. background-position: -20px 0;
  2210. width: 16px;
  2211. margin: 0 6px;
  2212. }
  2213. #block-views-groups_featured_groups-block_1 a.views_slideshow_play {
  2214. background-position: -40px 0;
  2215. width: 14px;
  2216. margin: 0 7px;
  2217. }
  2218. /* Calendars */
  2219. .calendar-calendar div.date-nav {
  2220. background: transparent;
  2221. border: none;
  2222. margin: 0 0 10px 0;
  2223. }
  2224. .calendar-calendar div.date-nav div.date-prev {
  2225. text-align: right;
  2226. }
  2227. .calendar-calendar div.date-nav div.date-next {
  2228. text-align: left;
  2229. }
  2230. .calendar-calendar .month-view table {
  2231. background: transparent;
  2232. border: none;
  2233. }
  2234. /* week view */
  2235. .calendar-calendar .week-view th {
  2236. background-color: #fff;
  2237. border-top: 2px solid #eee;
  2238. border-right: 1px solid #eee;
  2239. border-left: 1px solid #eee;
  2240. border-bottom: 1px solid #ccc;
  2241. color: #666;
  2242. }
  2243. .calendar-calendar .week-view td {
  2244. font-family: Tahoma, Verdana, sans-serif;
  2245. background-color: #fff;
  2246. border-bottom: 1px solid #ddd;
  2247. border-right: 1px solid #ddd;
  2248. }
  2249. .calendar-calendar .week-view td.calendar-agenda-hour {
  2250. background-color: #eee;
  2251. color: #666;
  2252. font-size: .8em;
  2253. vertical-align: middle;
  2254. padding: 0 10px 0 10px;
  2255. border-right: 1px solid #ddd;
  2256. border-bottom: 1px solid #ddd;
  2257. border-left: 1px solid #ddd;
  2258. white-space: nowrap;
  2259. text-align: right;
  2260. }
  2261. .calendar-calendar .week-view td div.view-item {
  2262. margin: 0 0 8px 0;
  2263. }
  2264. .calendar-calendar .week-view td div.view-item:last-child {
  2265. margin-bottom: 0;
  2266. }
  2267. .calendar-calendar .week-view td div.view-item div {
  2268. background-color: transparent;
  2269. color: #fff;
  2270. }
  2271. .calendar-calendar .week-view td div.view-item div.weekview {
  2272. background-color: #6599ca;
  2273. }
  2274. .calendar-calendar .week-view td div.view-item div.view-data-node-title {
  2275. padding: 0;
  2276. margin: 0 0 4px 0;
  2277. }
  2278. .calendar-calendar .week-view td div.view-item div.view-data-node-title a {
  2279. font-size: 1.2em;
  2280. font-weight: bold;
  2281. padding: 2px 4px;
  2282. background-color: #d8e5f4;
  2283. display: block;
  2284. }
  2285. .calendar-calendar .week-view .week.day,
  2286. .calendar-calendar .week-view .week.day {
  2287. border: 1px solid #ececec;
  2288. text-align: center;
  2289. vertical-align: middle;
  2290. padding: 2px 4px;
  2291. }
  2292. .calendar-calendar .week-view .week.day a,
  2293. .calendar-calendar .week-view .week.day a {
  2294. color: #666;
  2295. font-weight: bold;
  2296. font-size: 1.2em;
  2297. text-align: center;
  2298. }
  2299. /* day view */
  2300. .calendar-calendar .day-view th {
  2301. background-color: #fff;
  2302. border-top: 2px solid #eee;
  2303. border-right: 1px solid #eee;
  2304. border-left: 1px solid #eee;
  2305. border-bottom: 1px solid #ccc;
  2306. color: #666;
  2307. }
  2308. .calendar-calendar .day-view td {
  2309. font-family: Tahoma, Verdana, sans-serif;
  2310. background-color: #fff;
  2311. border-bottom: 1px solid #ddd;
  2312. border-right: 1px solid #ddd;
  2313. }
  2314. .calendar-calendar .day-view td.calendar-agenda-hour {
  2315. background-color: #eee;
  2316. color: #666;
  2317. font-size: .8em;
  2318. vertical-align: middle;
  2319. padding: 0 10px 0 10px;
  2320. border-right: 1px solid #ddd;
  2321. border-bottom: 1px solid #ddd;
  2322. border-left: 1px solid #ddd;
  2323. white-space: nowrap;
  2324. text-align: right;
  2325. }
  2326. .calendar-calendar .day-view td div.view-item {
  2327. margin: 0 0 8px 0;
  2328. }
  2329. .calendar-calendar .day-view td div.view-item:last-child {
  2330. margin-bottom: 0;
  2331. }
  2332. .calendar-calendar .day-view td div.view-item div {
  2333. background-color: transparent;
  2334. color: #fff;
  2335. }
  2336. .calendar-calendar .day-view td div.view-item div.dayview {
  2337. background-color: #6599ca;
  2338. }
  2339. .calendar-calendar .day-view td div.view-item div.view-data-node-title {
  2340. padding: 0;
  2341. margin: 0 0 4px 0;
  2342. }
  2343. .calendar-calendar .day-view td div.view-item div.view-data-node-title a {
  2344. font-size: 1.2em;
  2345. font-weight: bold;
  2346. padding: 2px 4px;
  2347. background-color: #d8e5f4;
  2348. display: block;
  2349. }
  2350. /* block calendar */
  2351. .block .view-og-calendar {
  2352. border: 2px solid #ececec;
  2353. }
  2354. .block .view-og-calendar .date-heading h3 {
  2355. font-weight: bold;
  2356. }
  2357. .block .calendar-calendar .month-view table tr th {
  2358. background-color: #fff;
  2359. border-bottom: 2px solid #ececec;
  2360. border: none;
  2361. }
  2362. .block .calendar-calendar .month-view table tr td {
  2363. border-bottom: 2px solid #ececec;
  2364. border-right: 2px solid #ececec;
  2365. font-family: Tahoma, Verdana, sans-serif;
  2366. font-weight: bold;
  2367. padding: 2px 0;
  2368. text-align: center;
  2369. }
  2370. .block .calendar-calendar .month-view table tr:last-child td {
  2371. border-bottom: none;
  2372. }
  2373. .block .calendar-calendar .month-view table tr td.sun {
  2374. border-right: none;
  2375. }
  2376. .block .calendar-calendar .month-view table tr td a {
  2377. color: #666;
  2378. font-weight: bold;
  2379. }
  2380. .block .calendar-calendar .month-view table tr td.today {
  2381. background-color: #6599ca;
  2382. }
  2383. .block .calendar-calendar .month-view table tr td.today,
  2384. .block .calendar-calendar .month-view table tr td.today a {
  2385. /*color: #fff;*/
  2386. }
  2387. /* page calendar */
  2388. .block .content-content .view-og-calendar,
  2389. .block .content-content .view-content-global-calendar {
  2390. border: none;
  2391. }
  2392. .block .content-content .view-og-calendar .calendar-calendar .month-view table,
  2393. .block .content-content .view-content-global-calendar .calendar-calendar .month-view table {
  2394. border: 2px solid #ececec;
  2395. }
  2396. .block .content-content .view-og-calendar .month-view .inner,
  2397. .block .content-content .view-og-calendar .month-view .calendar-empty,
  2398. .block .content-content .view-content-global-calendar .month-view .inner,
  2399. .block .content-content .view-content-global-calendar .month-view .calendar-empty {
  2400. background-color: transparent;
  2401. border: none;
  2402. margin: 0;
  2403. padding: 0;
  2404. }
  2405. .block .content-content .view-og-calendar .month-view td,
  2406. .block .content-content .view-content-global-calendar .month-view td {
  2407. border-collapse: collapse;
  2408. margin: 0;
  2409. padding: 0;
  2410. }
  2411. .block .content-content .view-og-calendar .month-view td.empty,
  2412. .block .content-content .view-content-global-calendar .month-view td.empty {
  2413. background-color: #ececec;
  2414. }
  2415. .block .content-content .view-og-calendar .month-view .month.day,
  2416. .block .content-content .view-content-global-calendar .month-view .month.day {
  2417. border: 1px solid #ececec;
  2418. text-align: center;
  2419. vertical-align: middle;
  2420. }
  2421. .block .content-content .view-og-calendar .month-view td.today .month.day a,
  2422. .block .content-content .view-content-global-calendar .month-view td.today .month.day a {
  2423. color: #666;
  2424. }
  2425. .block .content-content .view-og-calendar .month-view td.future.has-events,
  2426. .block .content-content .view-content-global-calendar .month-view td.future.has-events {
  2427. background-color: #fcfcfc;
  2428. }
  2429. .block .content-content .view-content-global-calendar .month-view td.today.has-events a.popup,
  2430. .block .content-content .view-content-global-calendar .month-view td.today.has-events div.view-field,
  2431. .block .content-content .view-content-global-calendar .month-view td.today.has-events div.calendar {
  2432. background-color: transparent;
  2433. }
  2434. .block .content-content .view-og-calendar .month-view td.future.has-events .view-item div,
  2435. .block .content-content .view-content-global-calendar .month-view td.future.has-events .view-item div {
  2436. background-color: transparent;
  2437. }
  2438. .block .content-content .view-og-calendar .month-view td.future.has-events .view-item .view-data-node-title a,
  2439. .block .content-content .view-content-global-calendar .month-view td.future.has-events .view-item .view-data-node-title a {
  2440. background: transparent;
  2441. color: #69c;
  2442. font-size: 1.2em;
  2443. }
  2444. .view-og-calendar .calendar-calendar ul.links,
  2445. .view-content-global-calendar .calendar-calendar ul.links {
  2446. text-align: center;
  2447. }
  2448. .view-og-calendar .calendar-calendar ul.links li,
  2449. .view-content-global-calendar .calendar-calendar ul.links li {
  2450. border-right: 1px solid #ececec;
  2451. font-size: 1.14em;
  2452. margin: 0px 4px 0 0;
  2453. padding: 0px 8px 0 0;
  2454. }
  2455. .view-og-calendar .calendar-calendar ul.links li:last-child,
  2456. .view-content-global-calendar .calendar-calendar ul.links li:last-child {
  2457. border-right: none;
  2458. }
  2459. div#calpopup #popup-close {
  2460. padding-top: 8px;
  2461. }
  2462. div#calpopup #popup-close img#popup-close-img {
  2463. position: relative;
  2464. z-index: 30;
  2465. }
  2466. div#calpopup-body {
  2467. margin-top: 0px;
  2468. padding: 0;
  2469. position: relative;
  2470. z-index: 20;
  2471. }
  2472. #calpopup-body .node h2 {
  2473. margin-bottom: 10px;
  2474. margin-top: 0px;
  2475. }
  2476. #calpopup-body .node fieldset {
  2477. background-color: #fcfcfc;
  2478. border: 1px solid #ccc;
  2479. }
  2480. #calpopup-body div#nodelink {
  2481. border-top: 1px solid #ccc;
  2482. margin: 0;
  2483. }
  2484. /* views pagers */
  2485. .view .item-list ul.pager {
  2486. margin-top: 10px;
  2487. }
  2488. /* views grids*/
  2489. table.views-view-grid td {
  2490. vertical-align: top;
  2491. }
  2492. .view-id-og_members_faces table.col-5 td {
  2493. width: 20%;
  2494. }
  2495. .view-group-block-members table.col-6 td {
  2496. width: 16.66%
  2497. }
  2498. /*views admin links */
  2499. .views-admin-links {
  2500. right: 0px;
  2501. }
  2502. /* views header
  2503. .view-header {
  2504. float: left;
  2505. }*/
  2506. /* views filters
  2507. .view-filters {
  2508. float: left;
  2509. }*/
  2510. /* views content
  2511. .view-content {
  2512. clear: left;
  2513. }*/
  2514. /*views more links and view footers*/
  2515. .view div.more-link,
  2516. .view .view-footer,
  2517. .heartbeat-more-messages-wrapper {
  2518. border-top: 1px solid #ccc;
  2519. display: block;
  2520. font-size: 11px;
  2521. font-weight: normal;
  2522. margin: 6px 0 0 0;
  2523. padding: 2px 0 0 0;
  2524. text-align: right;
  2525. }
  2526. .view-footer div {
  2527. margin: 0px;
  2528. padding: 0px;
  2529. }
  2530. /* add new views headers */
  2531. /*views exposed widget*/
  2532. fieldset.views-exposed-form {
  2533. background-color: #f8f8f8;
  2534. border: 1px solid #ccc;
  2535. clear: both;
  2536. overflow: visible;
  2537. padding: 0px;
  2538. }
  2539. fieldset.views-exposed-form:after {
  2540. clear: both;
  2541. content: ".";
  2542. display: block;
  2543. height: 0;
  2544. visibility: hidden;
  2545. }
  2546. html.js fieldset.collapsible .fieldset-wrapper {
  2547. overflow: visible;
  2548. }
  2549. html.js fieldset.views-exposed-form {
  2550. margin: 18px 0px;
  2551. }
  2552. html.js fieldset.views-exposed-form.collapsed {
  2553. background-color: transparent;
  2554. -moz-border-radius: 0px;
  2555. -webkit-border-radius: 0px;
  2556. }
  2557. .views-exposed-widgets {
  2558. float: left;
  2559. margin: 2px 0px 8px 8px;
  2560. max-width: 82%;
  2561. width: auto;
  2562. }
  2563. .views-exposed-form .views-exposed-widget {
  2564. display: block;
  2565. float: left;
  2566. margin-right: 4%;
  2567. padding: 0;
  2568. }
  2569. .views-exposed-form .views-exposed-widget:last-child {
  2570. margin-right: 0px;
  2571. }
  2572. .views-exposed-widget input,
  2573. .views-exposed-widget select {
  2574. width: 90%;
  2575. }
  2576. #autocomplete ul li {
  2577. border-bottom: 1px solid #eee;
  2578. font-family: Tahoma, Verdana, sans-serif;
  2579. font-size: 12px;
  2580. line-height: 1.6em;
  2581. margin: 0;
  2582. padding: 2px 4px 2px 4px;
  2583. }
  2584. #autocomplete ul li:last-child {
  2585. border-bottom: none;
  2586. }
  2587. .views-exposed-wrapper .views-exposed-widget.views-exposed-submit {
  2588. float: left;
  2589. margin-right: 8px;
  2590. max-width: 14%;
  2591. width: auto;
  2592. }
  2593. .views-exposed-wrapper .views-exposed-widget.views-exposed-submit .form-submit {
  2594. margin-top: 22px;
  2595. max-width: 100%;
  2596. width: 60px;
  2597. }
  2598. div#block-commons_core-5 a,
  2599. div#block-commons_core-5 a:link,
  2600. div#block-commons_core-5 a:visited {
  2601. color: #565656;
  2602. }
  2603. div#block-og_views-0 h2.title {
  2604. display: none;
  2605. }
  2606. #views-exposed-form-og-search-default .views-exposed-widget.views-exposed-submit {
  2607. max-width: none;
  2608. width: auto;
  2609. margin: 0 15px 0 0;
  2610. float: right;
  2611. }
  2612. #views-exposed-form-og-search-default .views-exposed-widget.views-exposed-submit .form-submit,
  2613. #views-exposed-form-og-search-page-1 .views-exposed-widget.views-exposed-submit .form-submit {
  2614. margin: 0;
  2615. padding: 0px 5px;
  2616. text-align: center;
  2617. width: 100%;
  2618. }
  2619. #views-exposed-form-og-search-page-1 .views-exposed-widget.views-exposed-submit {
  2620. }
  2621. #views-exposed-form-og-search-page-1 .views-exposed-widgets {
  2622. width: 60%;
  2623. margin-right: 0px;
  2624. }
  2625. #views-exposed-form-og-search-default .views-exposed-widgets {
  2626. float: none;
  2627. margin-right: 2%;
  2628. margin: 0 0 5px 0;
  2629. padding: 0;
  2630. width: 100%;
  2631. max-width: 100%;
  2632. }
  2633. #views-exposed-form-og-search-default .views-exposed-widget .form-item input {
  2634. width: 100%;
  2635. }
  2636. .views-exposed-widget label {
  2637. display: block;
  2638. padding: 2px 6px;
  2639. }
  2640. .views-exposed-widget .form-item,
  2641. .views-exposed-widget .views-widget {
  2642. margin: 0;
  2643. }
  2644. .views-exposed-widget .form-item input {
  2645. width: 90%;
  2646. }
  2647. /* Groups list */
  2648. .view-og-all .views-exposed-widget {
  2649. width: 40%;
  2650. }
  2651. /* views calendar widgets */
  2652. .view-content-global-calendar .views-exposed-widget {
  2653. width: 28%;
  2654. }
  2655. #block-boxes-homepage_info_box, #block-views-groups_featured_groups-block_1, #block-views-group_node-block_1 {
  2656. clear: both;
  2657. padding: 0;
  2658. margin: 0px;
  2659. float: left;
  2660. width: 100%;
  2661. }
  2662. .block#block-boxes-homepage_info_box .inner,
  2663. .block#block-views-groups_featured_groups-block_1 .inner,
  2664. .block#block-views-group_node-block_1 .inner {
  2665. background: url("../images/intro-pane-bg.png") repeat-x scroll 0 0 #FAFAFA;
  2666. border: 1px solid #CCC;
  2667. border-radius: 10px;
  2668. -moz-border-radius: 10px;
  2669. -webkit-border-radius: 10px;
  2670. padding: 10px;
  2671. margin: 0px 10px 10px;
  2672. }
  2673. #block-views-homepage_group_showcase-block_1 {
  2674. width: 640px;
  2675. margin-left: -10px;
  2676. }
  2677. /* a fix by Jay (read "Untrained themer") to line up the text in the Latest Notices block on /home */
  2678. .view-recent-notices .views-field-name { margin-left: 40px; }
  2679. #block-views-group_node-block_1 {
  2680. }
  2681. .block#block-views-group_node-block_1 .inner {
  2682. margin: 18px 0px;
  2683. }
  2684. #block-boxes-homepage_info_box h2.block-title {
  2685. font-size: 2.4em;
  2686. }
  2687. #block-boxes-homepage_info_box p {
  2688. font-family: Tahoma,Verdana,sans-serif;
  2689. font-size: 1.2em;
  2690. line-height: 1.4em;
  2691. margin: 0 0 0.7em;
  2692. }
  2693. #block-boxes-homepage_info_box a.intro-morebutton {
  2694. background: url("../images/intro-morebutton.png") no-repeat scroll right center transparent;
  2695. clear: both;
  2696. display: block;
  2697. font-size: 1.4em;
  2698. line-height: 18px;
  2699. margin-right: 3%;
  2700. padding: 9px 40px;
  2701. text-align: right;
  2702. }
  2703. #block-boxes-homepage_info_box a.intro-morebutton, #block-boxes-homepage_info_box .intro-textblock h3 {
  2704. border: medium none;
  2705. color: #000000;
  2706. font-size: 1.7em;
  2707. font-weight: normal;
  2708. line-height: 1.2em;
  2709. margin-bottom: 0.2em;
  2710. margin-top: 0;
  2711. }
  2712. /*homepage featured groups view */
  2713. .view-homepage-group-showcase .views-row {
  2714. clear: both;
  2715. margin: 0 0 10px 0;
  2716. border: 1px solid #ccc;
  2717. border-radius: 10px;
  2718. -moz-border-radius: 10px;
  2719. -webkit-border-radius: 10px;
  2720. padding: 18px;
  2721. zoom: 1;
  2722. }
  2723. .view-homepage-group-showcase .views-row:after,
  2724. .view-homepage-group-showcase .views-row .view-content:after {
  2725. clear: both;
  2726. content: ".";
  2727. display: block;
  2728. height: 0;
  2729. visibility: hidden;
  2730. }
  2731. .view-homepage-group-showcase .views-row .views-field-field-group-image-fid {
  2732. float: left;
  2733. width: 20%;
  2734. margin-right: 2%;
  2735. }
  2736. .view-homepage-group-showcase .views-row .views-field-field-group-image-fid img {
  2737. width: 100%;
  2738. height: auto;
  2739. }
  2740. .view-homepage-group-showcase .views-row .view-homepage-group-showcase.view-display-id-block_2 {
  2741. float: left;
  2742. width: 77%
  2743. }
  2744. .view-homepage-group-showcase .views-row table:after {
  2745. clear: both;
  2746. }
  2747. .view-homepage-group-showcase .views-row table tr td.views-field-name {
  2748. text-align: right;
  2749. font-size: .8em;
  2750. }
  2751. .view-homepage-group-showcase .views-row .views-field-title {
  2752. font-size: 1.6em;
  2753. clear: both;
  2754. margin: 0 0 .8em 0;
  2755. }
  2756. .view-homepage-group-showcase .views-row .views-field-title a {
  2757. color: #000;
  2758. }
  2759. .view-homepage-group-showcase .views-row table .views-field-title {
  2760. font-size: .9em;
  2761. }
  2762. /* global content views */
  2763. .view-recent-featured .views-exposed-widget,
  2764. .view-recent-feature .views-exposed-widget,
  2765. .view-content-global-polls .views-exposed-widget,
  2766. .view-content-global-blogs .views-exposed-widget,
  2767. .view-content-global-documents .views-exposed-widget,
  2768. .view-content-global-discussions .views-exposed-widget,
  2769. .view-content-global-wikis .views-exposed-widget {
  2770. width: 22%;
  2771. }
  2772. .view-recent-content-all .views-exposed-widget {
  2773. width: 25%;
  2774. }
  2775. .view-AllRecentContent .views-field-title,
  2776. .view-recent-content-all .views-field-title {
  2777. width: 40%;
  2778. }
  2779. /* Group content views*/
  2780. .view-og-tab-polls .views-exposed-widget,
  2781. .view-og-tab-documents .views-exposed-widget,
  2782. .view-og-tab-discussions .views-exposed-widget,
  2783. .view-og-tab-wikis .views-exposed-widget,
  2784. .view-og-calendar .views-exposed-widget,
  2785. .view-og-tab-blogs .views-exposed-widget {
  2786. width: 30%;
  2787. }
  2788. /*user directory view*/
  2789. .view-user-directory .views-exposed-widget {
  2790. width: 13%;
  2791. }
  2792. /*OG content tracker view */
  2793. .view-og-content-tracker .views-exposed-widget {
  2794. width: 22%;
  2795. }
  2796. .view-homepage-group-showcase table tr td.views-field-type span.node-type,
  2797. .view-recent-featured table tr td.views-field-type span.node-type,
  2798. .view-recent-content-all table tr td.views-field-type span.node-type,
  2799. .view-og-content-tracker table tr td.views-field-type span.node-type,
  2800. .view-og-my-content table tr td.views-field-type span.node-type {
  2801. display: block;
  2802. height: 18px;
  2803. text-indent: -9999px;
  2804. width: 18px;
  2805. }
  2806. .view-recent-featured table tr td.views-field-type span.node-type {
  2807. margin-right: 10px;
  2808. }
  2809. .view-homepage-group-showcase table tr td.views-field-type span.blog,
  2810. .view-recent-featured table tr td.views-field-type span.blog,
  2811. .view-og-content-tracker table tr td.views-field-type span.blog,
  2812. .view-recent-content-all table tr td.views-field-type span.blog,
  2813. .view-og-my-content table tr td.views-field-type span.blog {
  2814. background: transparent url(../images/icons/blog-node.png) no-repeat center center;
  2815. }
  2816. .view-homepage-group-showcase table tr td.views-field-type span.event,
  2817. .view-recent-featured table tr td.views-field-type span.event,
  2818. .view-recent-content-all table tr td.views-field-type span.event,
  2819. .view-og-content-tracker table tr td.views-field-type span.event,
  2820. .view-og-my-content table tr td.views-field-type span.event {
  2821. background: transparent url(../images/icons/event-node.png) no-repeat center center;
  2822. }
  2823. .view-homepage-group-showcase table tr td.views-field-type span.wiki,
  2824. .view-recent-featured table tr td.views-field-type span.wiki,
  2825. .view-recent-content-all table tr td.views-field-type span.wiki,
  2826. .view-og-content-tracker table tr td.views-field-type span.wiki,
  2827. .view-og-my-content table tr td.views-field-type span.wiki {
  2828. background: transparent url(../images/icons/wiki-node.png) no-repeat center center;
  2829. }
  2830. .view-homepage-group-showcase table tr td.views-field-type span.document,
  2831. .view-recent-featured table tr td.views-field-type span.document,
  2832. .view-recent-content-all table tr td.views-field-type span.document,
  2833. .view-og-content-tracker table tr td.views-field-type span.document,
  2834. .view-og-my-content table tr td.views-field-type span.document {
  2835. background: transparent url(../images/icons/document-node.png) no-repeat center center;
  2836. }
  2837. .view-homepage-group-showcase table tr td.views-field-type span.discussion,
  2838. .view-recent-featured table tr td.views-field-type span.discussion,
  2839. .view-recent-content-all table tr td.views-field-type span.discussion,
  2840. .view-og-content-tracker table tr td.views-field-type span.discussion,
  2841. .view-og-my-content table tr td.views-field-type span.discussion {
  2842. background: transparent url(../images/icons/forum-node.png) no-repeat center center;
  2843. }
  2844. .view-homepage-group-showcase table tr td.views-field-type span.poll,
  2845. .view-recent-featured table tr td.views-field-type span.poll,
  2846. .view-recent-content-all table tr td.views-field-type span.poll,
  2847. .view-og-content-tracker table tr td.views-field-type span.poll,
  2848. .view-og-my-content table tr td.views-field-type span.poll {
  2849. background: transparent url(../images/icons/poll-node.png) no-repeat center center;
  2850. }
  2851. .view-homepage-group-showcase table tr td.views-field-type span.group,
  2852. .view-recent-featured table tr td.views-field-type span.group,
  2853. .view-recent-content-all table tr td.views-field-type span.group,
  2854. .view-og-content-tracker table tr td.views-field-type span.group,
  2855. .view-og-my-content table tr td.views-field-type span.group {
  2856. background: transparent url(../images/icons/group-node.png) no-repeat center center;
  2857. }
  2858. .view-homepage-group-showcase table tr td.views-field-type span.notice,
  2859. .view-recent-featured table tr td.views-field-type span.notice,
  2860. .view-recent-content-all table tr td.views-field-type span.notice,
  2861. .view-og-content-tracker table tr td.views-field-type span.notice,
  2862. .view-og-my-content table tr td.views-field-type span.notice {
  2863. background: transparent url(../images/icons/notice-node.png) no-repeat center center;
  2864. }
  2865. .view-recent-content-all table tr td.views-field-title a,
  2866. .view-og-content-tracker table tr td.views-field-title a {
  2867. white-space: normal;
  2868. }
  2869. .view-recent-content-all table tr th.views-field-group-nid,
  2870. .view-og-content-tracker table tr td.views-field-group-nid {
  2871. max-width: 140px;
  2872. }
  2873. .view-recent-content-all table tr td.views-field-name,
  2874. .view-og-content-tracker table tr td.views-field-name {
  2875. padding-right: 10px;
  2876. text-align: right;
  2877. white-space: nowrap;
  2878. }
  2879. /* global blog posts view*/
  2880. .view-recent-featured td.views-field-title,
  2881. .view-content-global-polls td.views-field-title,
  2882. .view-content-global-blogs td.views-field-title,
  2883. .view-content-global-documents td.views-field-title,
  2884. .view-content-global-discussions td.views-field-title,
  2885. .view-content-global-wikis td.views-field-title {
  2886. max-width: 25%;
  2887. }
  2888. .view-recent-notices span.title,
  2889. .view-recent-featured span.title,
  2890. .view-content-global-polls span.title,
  2891. .view-content-global-blogs span.title,
  2892. .view-content-global-documents span.title,
  2893. .view-content-global-discussions span.title,
  2894. .view-content-global-wikis span.title {
  2895. font-size: 1.2em;
  2896. font-weight: bold;
  2897. padding-right: 10px;
  2898. white-space: normal;
  2899. }
  2900. .view-recent-notices span.posted-date,
  2901. .view-recent-featured span.posted-date,
  2902. .view-content-global-polls span.posted-date,
  2903. .view-content-global-blogs span.posted-date,
  2904. .view-content-global-discussions span.posted-date,
  2905. .view-content-global-wikis span.posted-date {
  2906. white-space: nowrap;
  2907. }
  2908. .view-recent-notices span.replies,
  2909. .view-recent-notices span.tags,
  2910. .view-recent-notices span.updated-date,
  2911. .view-recent-featured span.replies,
  2912. .view-recent-featured span.tags,
  2913. .view-recent-featured span.updated-date,
  2914. .view-content-global-polls span.replies,
  2915. .view-content-global-polls span.tags,
  2916. .view-content-global-polls span.updated-date,
  2917. .view-content-global-blogs span.replies,
  2918. .view-content-global-blogs span.tags,
  2919. .view-content-global-blogs span.updated-date,
  2920. .view-content-global-documents span.replies,
  2921. .view-content-global-documents span.tags,
  2922. .view-content-global-documents span.updated-date,
  2923. .view-content-global-discussions span.replies,
  2924. .view-content-global-discussions span.tags,
  2925. .view-content-global-discussions span.updated-date,
  2926. .view-content-global-wikis span.replies,
  2927. .view-content-global-wikis span.tags,
  2928. .view-content-global-wikis span.updated-date {
  2929. display: block;
  2930. font-size: 11px;
  2931. }
  2932. .view-recent-notices span.updated-date,
  2933. .view-recent-featured span.updated-date,
  2934. .view-content-global-polls span.updated-date,
  2935. .view-content-global-blogs span.updated-date,
  2936. .view-content-global-documents span.updated-date,
  2937. .view-content-global-discussions span.updated-date,
  2938. .view-content-global-wikis span.updated-date {
  2939. font-style: italic;
  2940. }
  2941. /* This is a bit of a hack by Jay (a non-themer) to make this block have text line up correctly. TNT should fix this the "right" way at some point. */
  2942. .view-homepage-recent-featured .views-field-created,
  2943. .view-homepage-recent-featured .views-field-name {float: right; width: 218px;}
  2944. .view-content-global-documents .views-field-field-file-fid .filefield-file,
  2945. .view-content-global-documents .views-field-field-file-fid .filefield-file a {
  2946. margin-right: 10px;
  2947. white-space: nowrap;
  2948. }
  2949. /* recent notices view */
  2950. .view-id-recent_notices view-display-id-block_1 .view-header .addnew,
  2951. .view-display-id-calendar_block_1 .view-header .addnew {
  2952. position: absolute;
  2953. right: 10px;
  2954. text-align: right;
  2955. top: 22px;
  2956. width: 90px;
  2957. }
  2958. .panel-pane .view-og-calendar .view-header .addnew a,
  2959. .panel-pane .view-recent-notices .view-header .addnew a,
  2960. .panel-pane .view-header .addnew a {
  2961. background-color: transparent;
  2962. border: none;
  2963. color: #69c;
  2964. font-size: 1em;
  2965. padding: 0px;
  2966. text-align: right;
  2967. width: auto;
  2968. }
  2969. /*author images on all views*/
  2970. .view-content .views-row .views-field-picture{
  2971. display: block;
  2972. float: right;
  2973. margin-right: 10px;
  2974. }
  2975. .view-content .views-row .views-field-picture img {
  2976. border: 1px solid #999;
  2977. }
  2978. /*taxonomy pages list of nodes*/
  2979. .page-taxonomy .node h2 {
  2980. margin-top: 0px;
  2981. margin-bottom: .6em;
  2982. }
  2983. .page-taxonomy .node .meta {
  2984. width:14%;
  2985. float: left;
  2986. margin-right: 2%;
  2987. }
  2988. .page-taxonomy .node .content {
  2989. width: 80%;
  2990. float: left;
  2991. }
  2992. .page-taxonomy .node {
  2993. margin-bottom: 20px;
  2994. padding-bottom: 20px;
  2995. border-bottom: 1px solid #eee;
  2996. }
  2997. .page-taxonomy .node .content p:last-child{
  2998. margin-bottom: 0px;
  2999. }
  3000. .page-taxonomy .node:after {
  3001. clear: both;
  3002. content: ".";
  3003. display: block;
  3004. height: 0;
  3005. visibility: hidden;
  3006. }
  3007. /* User Directory */
  3008. .view-user-directory table.views-view-grid td {
  3009. width: 23%;
  3010. }
  3011. .view-user-directory td {
  3012. border-right: 1px solid #eee;
  3013. border-bottom: 1px solid #eee;
  3014. padding: 1%;
  3015. }
  3016. .view-user-directory td:last-child {
  3017. border-right: none;
  3018. }
  3019. .view-user-directory tr:last-child td {
  3020. border-bottom: none;
  3021. }
  3022. .view-user-directory .views-field-name {
  3023. font-size: 1.2em;
  3024. font-weight: bold;
  3025. font-family: Tahoma, Verdana, sans-serif;
  3026. margin: 0 0 4px 0;
  3027. }
  3028. .view-user-directory .views-field-value-4 {
  3029. font-weight: bold;
  3030. }
  3031. /* RSS */
  3032. a.feed-icon img {
  3033. margin: 5px;
  3034. }
  3035. /* Dashboard Views*/
  3036. .view-most-active-users td.views-field-name,
  3037. .view-home-newest-users td.views-field-name,
  3038. .view-og-most-active td.views-field-field-title,
  3039. .view-og-dashboard-groups td.views-field-title {
  3040. width: 60%;
  3041. }
  3042. .view-most-active-users td.views-field-picture,
  3043. .view-home-newest-users td.views-field-picture,
  3044. .view-og-most-active td.views-field-field-group-image-fid,
  3045. .view-og-dashboard-groups td.views-field-field-group-image-fid {
  3046. padding-left: 0px;
  3047. width: 28px;
  3048. }
  3049. .block .view-most-active-users td.views-field-picture {
  3050. width: auto;
  3051. }
  3052. .views-field-subscribe a, .views-field-leave-group a, .views-field-subscribe a, .views-field-leave-group a,
  3053. .views-field-subscribe a:link, .views-field-leave-group a:link, .views-field-subscribe a:link, .views-field-leave-group a:link,
  3054. .node .inner .links .comment_clear_style a {
  3055. color: #FFFFFF;
  3056. display: block;
  3057. font-size: 14px;
  3058. line-height: 22px;
  3059. margin: 2px;
  3060. padding: 1px 5px 2px;
  3061. text-align: center;
  3062. width: 80px;
  3063. background-color: #1E587C;
  3064. background-image: -webkit-gradient(linear, left top, left bottom, from(#1E587C), to(#123046));
  3065. background-image: -webkit-linear-gradient(top, #1E587C, #123046);
  3066. background-image: -moz-linear-gradient(top, #1E587C, #123046);
  3067. background-image: -ms-linear-gradient(top, #1E587C, #123046);
  3068. background-image: -o-linear-gradient(top, #1E587C, #123046);
  3069. background-image: linear-gradient(top, #1E587C, #123046);
  3070. -webkit-border-radius: 3px;
  3071. -moz-border-radius: 3px;
  3072. border-radius: 3px;
  3073. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  3074. -webkit-box-shadow: 0px 2px 4px #A9A9A9;
  3075. -moz-box-shadow: 0px 2px 4px #A9A9A9;
  3076. box-shadow: 0px 2px 4px #A9A9A9;
  3077. }
  3078. .node .inner .links .comment_clear_style {
  3079. background: none;
  3080. border: none;
  3081. padding: 0;
  3082. }
  3083. input[type=submit] {
  3084. color: #FFFFFF;
  3085. background-color: #1E587C;
  3086. background-image: -webkit-gradient(linear, left top, left bottom, from(#1E587C), to(#123046));
  3087. background-image: -webkit-linear-gradient(top, #1E587C, #123046);
  3088. background-image: -moz-linear-gradient(top, #1E587C, #123046);
  3089. background-image: -ms-linear-gradient(top, #1E587C, #123046);
  3090. background-image: -o-linear-gradient(top, #1E587C, #123046);
  3091. background-image: linear-gradient(top, #1E587C, #123046);
  3092. border: none;
  3093. -webkit-border-radius: 3px;
  3094. -moz-border-radius: 3px;
  3095. border-radius: 3px;
  3096. -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  3097. -webkit-box-shadow: 0px 2px 4px #A9A9A9;
  3098. -moz-box-shadow: 0px 2px 4px #A9A9A9;
  3099. box-shadow: 0px 2px 4px #A9A9A9;
  3100. }
  3101. .node .inner .links .comment_clear_style a {
  3102. font-size: 14px;
  3103. }
  3104. .node .inner .links > .subscription_clear_style ul.node_link_style-dropdown a {
  3105. width: auto;
  3106. font-size: 14px;
  3107. color: #10354D;
  3108. background-color: #A5D3FE;
  3109. background-image: -webkit-gradient(linear, left top, left bottom, from(#A5D3FE), to(#7BC2F6));
  3110. background-image: -webkit-linear-gradient(top, #A5D3FE, #7BC2F6);
  3111. background-image: -moz-linear-gradient(top, #A5D3FE, #7BC2F6);
  3112. background-image: -ms-linear-gradient(top, #A5D3FE, #7BC2F6);
  3113. background-image: -o-linear-gradient(top, #A5D3FE, #7BC2F6);
  3114. background-image: linear-gradient(top, #A5D3FE, #7BC2F6);
  3115. -webkit-border-radius: 3px;
  3116. -moz-border-radius: 3px;
  3117. border-radius: 3px;
  3118. }
  3119. .node .inner .links > .subscription_clear_style ul.node_link_style-dropdown li:hover>a{
  3120. border: none;
  3121. font-size: 14px;
  3122. }
  3123. .node .inner .links > .subscription_clear_style ul {
  3124. background: none;
  3125. border: none;
  3126. }
  3127. .node .inner .links > .subscription_clear_style ul.node_link_style-dropdown {
  3128. float: right;
  3129. }
  3130. .node .inner .links > .subscription_clear_style ul.node_link_style-dropdown ul {
  3131. right: -1px;
  3132. left: auto;
  3133. }
  3134. .node .inner .links > .subscription_clear_style ul.node_link_style-dropdown span {
  3135. background-image: url(../images/dropdown-node-links-blue.png);
  3136. padding-right: 20px;
  3137. }
  3138. .view-subgroups-main-listing .views-field-subscribe,
  3139. .view-subgroups-main-listing .views-field-leave-group {
  3140. float: none;
  3141. margin-left: 0;
  3142. }