/* Main
--------*/

div#main {
  padding:3.2255% 0;
  color:#666;
}
body.front div#main {
	padding-top:30px;
}
div#block-system-main {
  margin:0 0 3.2255% 0;
}
* html div#block-system-main {
  height:1%;
}
div#block-system-main:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

div#main div.block-quicktabs,
div#main div.block-views {
  position:relative;
  margin:0 0 3.2255% 0;
}


/* Modes */

div.node-teaser div.field-name-field-date-range div.date-display-range {
	display:inline;
}
div.node-teaser div.field-name-body {
    line-height: 18px;
    font-size: 14px;
}
div.node-teaser div.field-name-body p,
div.node-teaser div.field-name-body ol,
div.node-teaser div.field-name-body ul {
    line-height: inherit;
}


/* Home */

body.front div#main {
	padding-top:0;
}
body.front div#principle {
	padding-top:12px;
}
body.front div#content {
  min-height:0;
}
body.front div#block-system-main {
  margin:0;
}
body.front div#block-system-main div.field-name-field-introduction {
	margin:0 0 30px 0;
	line-height:30px;
	font-family:'Bree Serif',sans-serif;
	font-size:24px;
	text-align:center;
	color:#fff;
}
body.front div#content div#block-system-main {
  display:none;
}

body.front div#banner {
	padding:30px 0;
	color:#fff;
	background:#680f12 url('../images/back-banner-tile-x2.png') repeat-x bottom center;
}
div#block-views-research_themes-block_banner {
	margin:0;
}
div#block-views-research_themes-block_banner div.views-row {
	float:left;
	width:16.6666%;
	margin:0;
}
div#block-views-research_themes-block_banner div.views-row div.views-field-name span.field-content {
	display:block;
}
div#block-views-research_themes-block_banner div.views-row div.views-field-name span.field-content a {
	display:block;
	padding:5%;
	color:#fff;
}
div#block-views-research_themes-block_banner div.views-row div.views-field-name span.field-content a:hover {
	color:#c9482a;
}
div#block-views-research_themes-block_banner div.views-row div.views-field-name span.field-content a span.image {
	display:block;
	margin:0 0 6px 0;
}
div#block-views-research_themes-block_banner div.views-row div.views-field-name span.field-content a span.image img {
	display:block;
	border:1px solid #999;
}
div#block-views-research_themes-block_banner div.views-row div.views-field-name span.field-content a span.name {
	display:block;
  min-height: 40px;
	line-height:20px;
	font-family:'Bree Serif',sans-serif;
	font-size:16px;
}

div#banner div.region {
  margin:0 3.0303%;
}

div#block-views-slideshow-block_list {
	float:left;
	width:48%;
	margin:0 0 45px 0;
}
div#block-views-slideshow-block_list h2 {
	margin:0;
}
div#block-views-slideshow-block_list div.views-row {
	margin:0;
	padding:12px 0;
	border-bottom:1px solid #ccc;
}
div#block-views-slideshow-block_list div.views-row div.views-field-field-image {
	float:right;
	width:25%;
	margin:0 0 0 2%;
	border:1px solid #999;
}
div#block-views-slideshow-block_list div.views-row div.views-field-field-image img {
	display:block;
}
div#block-views-slideshow-block_list div.views-row div.views-field-field-button-link {
	margin:6px 0 0 0;
}

div#block-block-10 {
	float:right;
	width:48%;
	margin:0 0 45px 0;
}
div#block-block-10 h2 {
	margin:0;
}
div#block-block-10 h2 span {
	display:block;
	padding:5px 0 12px 0;
	border-bottom:1px solid #999;
}
div#block-block-10 div.article {
	margin:0;
	padding:12px 0;
	border-bottom:1px solid #ccc;
}
div#block-block-10 div.article:nth-child(6) {
	display:none;
}
div#block-block-10 div.article div.ingress {
	display:none;
}

body.front div#block-views-signposts-block_1 {
	clear:both;
}

/* Slideshow removed 24/08/15
div#block-views-slideshow-block {
  width:100%;
  margin:0 0 3.0303% 0;
  padding:0;
  float:left;
  border-top:1px solid #999;
  border-bottom:1px solid #999;
}

div#block-views-slideshow-block div.views-slideshow-controls-top {
  float:left;
  width:45%;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.views-slideshow-pager-field-item {
  position:relative;
  padding:13px 15px 15px 15px;
  border-top:1px solid #999;
  border-right:1px solid #999;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div#views_slideshow_pager_field_item_top_slideshow-block_0 {
	border-top:0;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.views-slideshow-pager-field-item div.views-field-title {
  height:24px;
  line-height:24px;
  font-family:'Bree Serif',sans-serif;
  font-size:20px;
  font-weight:normal;
  color:#680f12;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.views-slideshow-pager-field-item div.views-field-field-introduction {
  display:none;
  height:40px;
  margin:5px 0 0 0;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.views-slideshow-pager-field-item div.views-content-nothing {
  display:none;
  position:absolute;
  top:50%;
  right:-22px;
  z-index:6;
  margin-top:-20px;
  width:22px;
  height:40px;
  background:url('../images/icon-arrow-homeslide-x1.png') no-repeat;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.active {
  background-color:#f5f5f5;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.active div.views-field-title {
  color:#c9482a;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.active div.views-field-field-introduction,
div#block-views-slideshow-block div.views-slideshow-controls-top div.active div.views-content-nothing {
  display:block;
}

div#views_slideshow_cycle_main_slideshow-block {
  position:relative;
  float:right;
  width:55%;
}
div#views_slideshow_cycle_main_slideshow-block div.views-slideshow-cycle-main-frame {
  width:100% !important;
  height:auto;
}
div#views_slideshow_cycle_main_slideshow-block div.views-slideshow-cycle-main-frame-row {
  width:100% !important;
  height:auto;
}
div#views_slideshow_cycle_main_slideshow-block div.views-row {
  margin:0;
  background:#f2f2f2;
}
div#views_slideshow_cycle_main_slideshow-block div.field-content {
  max-width:100%;
  width:100%;
}
div#views_slideshow_cycle_main_slideshow-block div.views-field-field-button-link a {
  position:absolute;
  right:0;
  bottom:45px;
  display:inline-block;
  width:auto;
  padding:12px 40px 12px 12px;
  overflow:visible;
  font-weight:normal;
  color:#fff;
  background:#680f12 url('../images/icon-chevron-right-x1.png') no-repeat 95% center;
}
div#views_slideshow_cycle_main_slideshow-block div.views-field-field-button-link a:hover {
  background-color:#c9482a;
}
div#views_slideshow_cycle_main_slideshow-block div.views-field-field-image img {
  display:block;
  max-width:100%;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}
*/

div.view-hub div.view-content {
	border-bottom:1px solid #999;
}

div.view-hub div.view-content div.views-row {
	margin:0;
	padding:30px 0;
	border-top:1px solid #999;
}

div.view-hub-themes div.view-content div.views-row div.views-field-name a span.image {
	float:left;
	width:25%;
}
div.view-hub-themes div.view-content div.views-row div.views-field-name a span.image img {
	display:block;
	border:1px solid #999;
}
div.view-hub-themes div.view-content div.views-row div.views-field-name a span.name {
	display:block;
	margin:0 0 12px 28%;
	line-height:34px;
	font-family:'Bree Serif',sans-serif;
	font-size:32px;
}
div.view-hub-themes div.view-content div.views-row div.views-field-description {
	margin:0 0 0 28%;
}

div.view-matrix {
}
div.view-matrix ul.pager {
  position:absolute;
  top:0;
  right:0;
}

div.view-matrix div.views-row {
  float:left;
  width:25%;
  margin:0;
}
div.view-matrix div.views-row-5,
div.view-matrix div.views-row-9,
div.view-matrix div.views-row-13,
div.view-matrix div.views-row-17,
div.view-matrix div.views-row-21,
div.view-matrix div.views-row-25,
div.view-matrix div.views-row-29,
div.view-matrix div.views-row-33,
div.view-matrix div.views-row-37,
div.view-matrix div.views-row-41,
div.view-matrix div.views-row-45,
div.view-matrix div.views-row-49,
div.view-matrix div.views-row-53,
div.view-matrix div.views-row-57,
div.view-matrix div.views-row-61,
div.view-matrix div.views-row-65,
div.view-matrix div.views-row-69,
div.view-matrix div.views-row-73,
div.view-matrix div.views-row-77 {
  clear:left;
}
div.view-matrix div.views-row a {
  display:block;
  padding:5%;
  color:#999;
}
div.view-matrix div.views-row a:hover {
  color:#e4a495;
  background-color:#c9482a;
}
div.view-matrix div.views-row a span {
	display:block;
}

/*div.view-matrix-publications div.views-row a,*/
div.view-matrix-events div.views-row a {
  padding-left:30%;
}
/*
div.view-matrix-publications div.views-row a {
	background:url('../images/icon-publication-red-x1.png') no-repeat 5% 20px;
	min-height:75px;
}
div.view-matrix-publications div.views-row a:hover {
	background-image:url('../images/icon-publication-white-x1.png');
}
*/
div.view-matrix-events div.views-row a {
	background:url('../images/icon-event-red-x1.png') no-repeat 5% 12px;
}
div.view-matrix-events div.views-row a:hover {
	background-image:url('../images/icon-event-white-x1.png');
}

div.view-matrix-blog div.views-row {
  width:24%;
  margin:0.5%;
}
div.view-matrix-blog div.views-row a {
  margin:0 0 30px 0;
  position:relative;
  background-image:none;
  background:#f5f5f5;
}
div.view-matrix-blog div.views-row a,
div.view-matrix-blog div.views-row a span.speech-bubble {
  -webkit-transition:none;
  -moz-transition:none;
  -ms-transition:none;
  -o-transition:none;
  transition:none;
}
div.view-matrix-blog span.authors img {
  float:left;
  width:40px;
  height:40px;
  border:1px solid #999;
}
div.view-matrix-blog span.authors span {
  display:block;
  margin:0 0 0 50px;
  padding:15px 0 0 0;
  font-size:12px;
  color:#999;
}
div.view-matrix-blog div.views-row a:hover {
  background:#c9482a;
}
div.view-matrix-blog div.views-row a span.speech-bubble {
  padding:0;
  position:absolute;
  bottom:-20px;
  width:34px;
  height:26px;
  background:url('../images/icon-speech-bubble-grey-x1.png') no-repeat;
}
div.view-matrix-blog div.views-row a:hover span.speech-bubble {
  background-image:url('../images/icon-speech-bubble-orange-x1.png');
}

div.view-matrix div.views-row a span.image img {
	background:#fff;
  border:1px solid #999;
}

div.view-matrix div.views-row a span.title,
div.view-matrix div.views-row a span.name {
	margin:5px 0;
  color:#680f12;
}
div.view-matrix div.views-row a span.title {
  line-height:20px;
  font-family:'Bree Serif',sans-serif;
  font-size:16px;
  font-weight:normal;
}
div.view-matrix div.views-row a span.name {
  font-size:20px;
  line-height:24px;
  font-weight:bold;
}
div.view-matrix div.views-row a:hover span.title,
div.view-matrix div.views-row a:hover span.name {
  color:#fff;
}

div.view-matrix div.views-row a span.authors,
div.view-matrix div.views-row a span.date,
div.view-matrix div.views-row a span.type,
div.view-matrix div.views-row a span.body {
  font-size:12px;
  line-height:16px;
  font-weight:normal;
}

div.view-matrix-page div.views-row {
	margin:0 0 2% 0;
}
div.view-matrix-page div.views-row a:hover {
  color:#4d4d4d;
  background-color:#f5f5f5;
}
div.view-matrix-page div.views-row a:hover span.title,
div.view-matrix-page div.views-row a:hover span.name {
  color:#c9482a;
}

div.view-matrix-themes div.views-row a:hover {
  background-color:#680f12;
}
div.view-matrix-themes div.views-row a:hover span.name {
  color:#fff;
}

div.view-columns {

}
div.view-columns ul.pager {
  position:absolute;
  top:0;
  right:0;
}
div.view-columns-2 div.view-content {
  column-count: 2;
}

div.view-columns div.views-row {
  margin:0;
}
div.view-columns div.views-row a {
  display:inline-block;
  color:#999;
}
div.view-columns-2 div.views-row a {
  width: 95%;
  padding: 2.5%;
}
div.view-columns div.views-row a:hover {
  color:#e4a495;
  background-color:#c9482a;
}
div.view-columns div.views-row a span {
	display:block;
}
div.view-columns div.views-row a span.title,
div.view-columns div.views-row a span.name {
  margin:0 0 5px 0;
  color:#680f12;
}
div.view-columns div.views-row a span.title {
  line-height:18px;
  font-size:14px;
  font-weight:normal;
}
div.view-columns div.views-row a span.name {
  font-size:20px;
  line-height:24px;
  font-weight:bold;
}
div.view-columns div.views-row a:hover span.title,
div.view-columns div.views-row a:hover span.name {
  color:#fff;
}
div.view-columns div.views-row a span.authors,
div.view-columns div.views-row a span.date,
div.view-columns div.views-row a span.type,
div.view-columns div.views-row a span.body {
  font-size:12px;
  line-height:16px;
  font-weight:normal;
}

div#block-views-tweets-block h2 span {
  border-bottom:0;
}
div#block-views-tweets-block div.view-tweets {
  padding:3.0303%;
  background:#fff;
  border:1px solid #999;
  -webkit-box-shadow:0 10px 0px -6px #999;
  -moz-box-shadow:0 10px 0px -6px #999;
  box-shadow:0 10px 0px -6px #999;
}
* html div#block-views-tweets-block div.view-tweets {
  height:1%;
}
div#block-views-tweets-block div.view-tweets:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

div#block-views-tweets-block div.view-tweets div.view-header a {
  position:absolute;
  top:3px;
  right:0;
  color:#666;
}
div#block-views-tweets-block div.view-tweets div.view-header a img {
  padding-right:10px;
}

div#block-views-tweets-block div.view-tweets ul {
  margin:0;
}
div#block-views-tweets-block div.view-tweets ul li {
  float:left;
  list-style:none;
  width:22.259%;
  margin:0 3.137% 0 0;
}
div#block-views-tweets-block div.view-tweets ul li.views-row-last {
  margin-right:0;
}
div#block-views-tweets-block div.view-tweets ul li p.tweet-date {
  font-size:12px;
  color:#999;
}

/* Home End */

/* Banner */

body.node-type-banner-page div#main {
	padding-top:0;
}
body.node-type-banner-page div#banner div.region,
div#banner div#block-system-main {
  margin:0;
}

body.node-type-banner-page div#banner {
  max-width:990px;
  margin:0 auto;
  position:relative;
  /*background:url('../images/image-projects-banner.jpg') no-repeat;
  background-size:100% 100%;*/
}
body.node-type-banner-page div#banner div.holder {
  /*padding:5%;
  background:rgb(104,15,18);
  background:rgba(104,15,18,0.8);  */
}
body.node-type-banner-page div#content div#block-system-main {
  display:none;
}

body.node-type-banner-page div#banner div.field-name-field-banner-image div.field-item {
  height:300px;
  overflow:hidden;
}
body.node-type-banner-page div#banner div.field-name-field-banner-image {
  margin:0;
}
body.node-type-banner-page div#banner div.field-name-field-banner-image img {
  width:100%;
  min-width:990px;
}
body.node-type-banner-page div#banner div.field-name-field-introduction {
  position:absolute;
  top:0;
  padding:5%;
  margin:0 0 3.2255% 0;
  font-family:'Bree Serif',serif;
  font-size:24px;
  line-height:30px;
  text-align:center;
  color:#fff;
}

/*body.node-type-banner-page.page-node-11653 div#banner {
  background:url('../images/image-projects-banner.jpg') no-repeat;
  background-size:100% 100%;
}
body.node-type-banner-page.page-node-11653 div#banner div.holder {
  background:rgb(0,118,128);
  background:rgba(0,118,128,0.8);
}*/

body.node-type-banner-page div#banner div#block-views--exp-publications_search-page {
  position:absolute;
  top:125px;
  left:50%;
  margin-left:-292px;
  padding:0 0 3.2255% 0;
}
body.node-type-banner-page div#banner form div.views-exposed-widgets,
body.page-publications-search div#banner form div.views-exposed-widgets {
  width:585px;
  margin:0 auto;
}
body.node-type-banner-page div#banner form div.views-exposed-widget,
body.page-publications-search div#banner form div.views-exposed-widget {
  width:490px;
}
body.node-type-banner-page div#banner form div.views-submit-button,
body.page-publications-search div#banner form div.views-submit-button {
  width:42px;
  float:right;
}
body.node-type-banner-page div#banner form input[type="submit"] {
  background:#fff url('../images/icon-banner-search-x1.png') no-repeat center center;
}
body.node-type-banner-page div#banner form input[type="submit"]:hover {
  background-color:#c9482a;
}

body.node-type-banner-page div#block-block-18 {
  position:absolute;
  top:197px;
  left:50%;
  margin-left:-209px;
}
body.node-type-banner-page div#block-block-18 p,
body.node-type-banner-page div#block-block-18 a {
  color:#fff;
  text-align:center;
}
body.node-type-banner-page div#block-block-18 a {
  text-decoration:underline;
}
body.node-type-banner-page div#block-block-18 a:hover {
  text-decoration:none;
}

/* Menu */

div#menu {
  min-height:40px;
}
div#menu div.block {
  margin:0 0 20px 0;
}

div#menu div.block h2 {
  margin:0 0 10px 0;
  padding:0 0 5px 10px;
  font-size:16px;
  line-height:20px;
  border-bottom:1px solid #999;
}
div#menu div.block h2 span {
  display:block;
  padding:1% 0;
}

div#menu div#block-views-links-block h2 {
	border: none;
	padding: 0px;
}
div#menu div#block-views-links-block h2 span {
	padding:5px 0 12px 0;
}

div#menu div.view-signposts div.views-row {
  margin:0 0 20px 0;
}
div#menu div.view-signposts div.views-row-last {
  margin:0;
}

div#menu ul.menu {
  clear:both;
  margin:0;
  padding:0;
  list-style:none;
  line-height:20px;
  font-size:16px;
  background:#f5f5f5;
}
div#menu ul.menu li {
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid #e6e6e6;
}
div#menu ul.menu li.first {
  padding-top:0;
  border-top:0;
}
div#menu ul.menu li.last {
  padding-bottom:0;
}
div#menu ul.menu li a {
  display:block;
  padding:4% 5% 4% 5%;
  color:#4d4d4d;
}
div#menu ul.menu li.active a,
div#menu ul.menu li.active-trail ul li.active a,
div#menu ul.menu li a:hover,
div#menu ul.menu li.active-trail ul li a:hover {
  background-color:#680f12;
  color:#fff;
}
div#menu ul.menu li.active-trail ul {
  margin:0;
  padding:0;
  line-height:18px;
  font-size:14px;
}
div#menu ul.menu li.active-trail ul li a {
  padding:3% 5% 3% 10%;
  color:#808080;
  background-color:#fff;
}
div#menu ul.menu li.active-trail ul li.active-trail ul li a {
  padding:3% 5% 3% 15%;
  color:#808080;
  background-color:#fff;
}
div.block-facetapi ul,
div#menu div.block ul.search-content-type {
  background:#f5f5f5;
}
div.block-facetapi ul li,
div#menu div.block ul.search-content-type li {
  list-style:none;
  margin:0;
  font-size:12px;
  line-height:16px;
  position:relative;
  border-bottom:1px solid #e6e6e6;
}
div.block-facetapi ul li.last,
div#menu div.block ul.search-content-type li.last {
  border-bottom:0;
}
div.block-facetapi ul li a,
div#menu div.block ul.search-content-type li a {
  display:block;
  padding:10px 30px 10px 10px;
  color:#4d4d4d;
}
div.block-facetapi ul li a:hover,
div#menu div.block ul.search-content-type li a:hover {
  color:#c9482a;
  background-color:#ccc;
}
div#menu div.block ul.search-content-type li.active a {
  pointer-events:none;
  cursor:default;
  background:#680f12 url('../images/icon-tick-facet-active-x1.png') no-repeat 95% center;
  color:#fff;
}
div.block-facetapi ul li a.facetapi-active {
  background:#680f12 url('../images/icon-tick-facet-active-x1.png') no-repeat 95% center;
  color:#fff;
}
div.block-facetapi ul li a.facetapi-active:hover {
  background-color:#ccc;
}


a.rss {
  display:block;
  line-height:32px;
  color:#680f12;
}
a.rss:hover {
  color:#c9482a;
}
a.rss span {
  float:left;
  margin:0 5% 0 0;
  width:30px;
  height:30px;
  background:#680f12;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
}
a.rss:hover span {
  background-color:#c9482a;
}

/* Content */

div#content {
  min-height:400px;
}

div.field {
  margin:6px 0 12px 0;
  line-height:20px;
}

div.comment {
  margin:0 0 20px 0;
}
div.comment span.submitted {
  display:block;
  margin:0 0 5px 0;
  padding:4px 10px;
  text-align:right;
  font-size:0.9em;
  color:#888;
  background:#eee;
}
div.comment h3 {
  display:none;
}

ul.links {
  margin-top:6px;
  margin-bottom:6px;
  line-height:18px;
  font-size:14px;
}

div#content div.view-signposts {
  margin:0 0 3% 0;
  text-align: center;
}
div#content div.view-signposts div.views-row {
  display: inline-block;
  width: 22.5806%;
  margin: 15px 1.2%;
  vertical-align: top;
}
div#content div.view-signposts div.views-row-first,
div#content div.view-signposts div.views-row:nth-of-type(4n-3) {
  margin-left: 0;
}
div#content div.view-signposts div.views-row-last,
div#content div.view-signposts div.views-row:nth-of-type(4n) {
  margin-right: 0;
}
div#content div.view-signposts div.views-row a {
  min-height: 132px;
}

@media screen and (max-width: 800px) {

div#content div.view-signposts div.views-row {
  width: 47.8%;
}
div#content div.view-signposts div.views-row:nth-of-type(4n-3) {
  clear: none;
}
div#content div.view-signposts div.views-row:nth-of-type(3n-2) {
  clear: none;
}
div#content div.view-signposts div.views-row:nth-of-type(2n-1) {
  clear: left;
  margin-left: 0;
  margin-right: 1.6129%;
}
div#content div.view-signposts div.views-row:nth-of-type(2n) {
  margin-left: 1.6129%;
  margin-right: 0;
}

}

div.block-views h2 span {
  display:block;
  padding:5px 0 12px 0;
  border-bottom:1px solid #999;
  padding-bottom/*\**/: 17px\9; }
}

/* IE9, IE10 */
@media screen and (min-width:0\0) {
	div.block-views h2 span {
  	  padding-bottom:17px;
	}
}

div#block-views-node-block_map {
	float:right;
	width:48.3871%;
	margin:0 0 30px 30px;
}
div#block-views-node-block_map div.view-node div.views-row {
	margin:0;
}

div#main div.view-author-projects,
div#main div#block-views-author_publications-block_1 {
	margin:3.2255% 0 0 0;
}

div#block-views-research_theme_related-block h2 span,
div#block-views-author_publications-block_1 h2 span {
  padding-left:38px;
  background:url('../images/icon-publication-title-grey-x1.png') no-repeat 10px 5px;
}

div#block-views-publications-block_3 h2 span {
  padding-left:38px;
  background:url('../images/icon-publication-title-popular-grey-x1.png') no-repeat 10px 5px;
}
div#block-views-publications-block_4 h2 span {
  padding-left:38px;
  background:url('../images/icon-publication-title-latest-grey-x1.png') no-repeat 10px 5px;
}

div#block-views-b60c579c8029161386c70d50bc211d91 h2 span,
div#block-views-research_theme_related-block_1 h2 span {
  padding-left:38px;
  background:url('../images/icon-project-title-grey-x1.png') no-repeat 10px 5px;
}

div#block-views-author_blog_posts-block_1 h2 span {
  padding-left:38px;
  background:url('../images/icon-blog-title-grey-x1.png') no-repeat 10px 5px;
}

/* Aside */

div#aside {
  min-height:40px;
}

div#aside div.block h2 {
  margin:0;
  padding:0;
  font-size:16px;
  line-height:20px;
}
div#aside div.block h2 span {
  display:block;
  line-height:auto;
  padding:0 0 5px 0;
  margin:0 0 15px 0;
  border-bottom:1px solid #999;
}

div#aside div.block-block,
div#aside div.block-views,
div#aside div.block-tagadelic {
  margin-bottom:20px;
  padding-bottom:2px;
}

div#aside div.block-views {
  height:1%;
}
* html div#aside div.block-views {
  height:1%;
}
div#aside div.block-views:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

div#aside div.item-list ul {
}
div#aside div.item-list ul li {
  margin-left:0;
  list-style:none;
}

div#aside div.view-signposts {
  margin-bottom:0;
  padding-bottom:0;
}
div#aside div.view-signposts div.views-row {
  margin:0 0 20px 0;
}
div#aside div.view-signposts div.views-row-last {
  margin-bottom:0;
}

/*div#aside div.view-upcoming-events div.views-field-start-date-2 {
  float:left;
  width:41px;
  height:31px;
  padding:7px 0 0 0;
  text-align:center;
  color:#fff;
  background:url('../images/back-event-date-small.png') no-repeat center top;
}
div#aside div.view-upcoming-events div.views-field-start-date-2 span {
  display:block;
}
div#aside div.view-upcoming-events div.views-field-start-date-2 span.month {
  line-height:12px;
  font-size:12px;
}
div#aside div.view-upcoming-events div.views-field-title {
  min-height:38px;
  margin-left:51px;
  font-weight:normal;
}*/

div#aside div.view-three div.views-row {
  margin:0;
  padding:12px 0;
  border-bottom:1px solid #999;
}
div#aside div.view-three div.views-row-first {
  padding-top:0;
}
div#aside div.view-three div.views-row-last {
  border-bottom:0;
}

div#block-views-news-latest div.views-row span.authors,
div#block-views-news-latest div.views-row span.ext-authors,
div#block-views-news-latest div.views-row span.date,
body.page-media-archive div.view-news-archive div.views-field {
  font-size:12px;
  color:#999;
}

#dsq-combo-widget.blue #dsq-combo-tabs li {
  background:#ccc!important;
}
#dsq-combo-widget.blue #dsq-combo-content .dsq-combo-box,
#dsq-combo-widget.blue #dsq-combo-tabs li.dsq-active {
  background:#f5f5f5!important;
}


/* GDP estimates */

div#block-views-publications_lists-block {
  margin:0 0 3% 0;
  padding:2.5% 3% 0.5% 3%;
  line-height:22px;
  font-size:18px;
  color:#6e7142;
  background:#f2f2f2;
  border-left:7px solid #6e7142;
}
div.view-publications-lists div.views-row {
  margin:0 0 1% 0;
}
div.view-publications-lists div.views-row div.views-field-title {
  font-size:16px;
  font-weight:normal;
}
div.view-publications-lists div.views-row div.views-field-title a {
  display:block;
  padding:1% 2%;
  background:#f5f5f5;
}
div.view-publications-lists div.views-row div.views-field-title a:hover {
  background:#680f12;
  color:#fff;
}


/* News, Blog, Events */

div.field-name-field-introduction {
  margin:0 0 3% 0;
  padding:0;
  line-height:22px;
  font-size:18px;
  color:#666;
}
div.field-name-field-introduction p,
div.field-name-field-introduction ol,
div.field-name-field-introduction ul,
div.field-name-field-introduction dl {
  line-height:inherit;
  font-size:inherit;
}
body.front div.field-name-field-introduction {
	margin-bottom: 30px;
}
div#block-views-news-main div.views-row,
div.block-views div.view-upcoming-events div.views-row,
body.page-media-archive div.view-news-archive div.views-row {
  position:relative;
  margin:0;
  padding:3% 0;
  width:100%;
  border-bottom:1px solid #999;
}
div#block-views-news-main div.views-row-last,
div.block-views div.view-upcoming-events div.views-row-last,
body.page-media-archive div.view-news-archive div.views-row-last {
  border-bottom:0;
}

div#block-views-news-main div.views-row a,
div.block-views div.view-upcoming-events div.views-row a {
  padding:0 0 10px 0;
}
div#block-views-news-main div.views-row span.image,
body.page-media-archive div.view-news-archive div.views-row span.image {
  float:left;
  width:7%;
  margin:0 2% 1% 0;
  padding:0;
}
div#block-views-news-main div.views-row h3 a,
div.block-views div.view-upcoming-events div.views-row div.views-field-title,
body.page-media-archive div.view-news-archive div.views-row div.views-field-title {
  margin:0 0 6px 0;
  line-height:24px;
  font-size:20px;
  font-style:normal;
  font-family:'Bree Serif',serif;
  font-weight:normal;
}
div.block-views div.view-upcoming-events div.views-row div.views-field-start-date-2 {
  clear:left;
  float:left;
  width:25%;
  min-width:134px;
  height:80px;
  margin:0 1% 4% 0;
  padding:16px 0 0 0;
  text-align:center;
  color:#680f12;
  background:url('../images/back-event-date-large.png') no-repeat center 5px;
}
div.block-views div.view-upcoming-events div.views-row div.views-field-start-date-2 span {
  display:block;
}
div.block-views div.view-upcoming-events div.views-row div.views-field-start-date-2 span.date {
  line-height:54px;
  font-size:48px;
}
div#block-views-news-main div.views-row span.views-field,
div.block-views div.view-upcoming-events div.views-row span.views-field,
body.page-media-archive div.view-news-archive div.views-row span.views-field {
  padding:0 5px 0 0;
  font-size:12px;
}
div.block-views div.view-upcoming-events div.views-row span.views-field {
  display:block;
}

div#block-views-news-main div.more-link,
div.block-views div.view-upcoming-events div.more-link {
  padding:3% 0;
}
div#block-views-news-main div.more-link a,
div.block-views div.view-upcoming-events div.more-link a {
  display:inline-block;
  width:auto;
  padding:8px 10px;
  overflow:visible;
  font-weight:normal;
  color:#fff;
  background:#c9482a;
  border:0;
  cursor:pointer;
}
div#block-views-news-main div.more-link a:hover,
div.block-views div.view-upcoming-events div.more-link a:hover {
  background:#680f12;
}

body.node-type-news-item div.views-row div.views-field-created {
  margin:0 0 6px 0;
  line-height:18px;
  font-size:14px;
  font-weight:normal;
  color:#333;
}
body.node-type-news-item div#block-block-6 {
  padding:0 0 3.2255% 0;
}

div#block-views-news-header div.views-row {
  width:100%;
  margin:0;
}
div#block-views-news-header div.views-row span.views-field {
  display:block;
  padding:0 0 6px 0;
  font-size:12px;
}
div#block-views-news-header div.views-row div.views-field {
  padding:12px 0;
}

div#block-views-news-header div.views-row div.views-field-field-image {
  float:right;
  width:50%;
  padding:0;
}
div#block-views-news-header div.views-row div.views-field-field-image img {
  float:right;
}

div#block-views-news-header div.views-row div.views-field-field-attached-file a.button {
  display:inline-block;
  padding:10px 15px;
}
div#block-views-news-header div.views-row div.views-field-field-attached-file a.button:hover {
  background-color:#680f12;
}

body.node-type-news-item div#block-system-main div.field-name-field-media-video {
  float:right;
  margin:0 0 3.0303% 3.0303%;
  width:50%;
}
body.node-type-news-item div#block-system-main div.field-name-field-media-video iframe {
  position: relative;
  width:100%;
  height:auto;
  min-height:220px;
}

body.node-type-news-item div#block-system-main div.field-name-body {
  margin-top:0;
}

div.meltwaternews div.article {
  margin:6px 0 12px 0;
}
div.meltwaternews span.date,
div.meltwaternews span.source {
  font-size:12px;
  color:#999;
}

div#block-views-events-date {
  float:left;
  width:24%;
}
div#block-views-events-date div.views-row {
  margin:0;
}
div#block-views-events-date div.views-row div.views-field-field-date {
  max-width:141px;
  min-height:111px;
  line-height:16px;
  font-size:16px;
  font-style:italic;
  text-align:center;
  background:url('../images/back-event-date.png') no-repeat center top;
}
div#block-views-events-date div.views-row div.views-field-field-date span {
  display:block;
}
div#block-views-events-date div.views-row div.views-field-field-date span.date {
  line-height:80px;
  font-size:80px;
}

body.page-event div.view-event div.views-row {
  margin-top:0;
}
body.page-event div#block-block-6 {
  margin-bottom:12px;
}
body.page-event div.view-event div.attachment div.view-content {
  width:100%;
}

body.page-event div.view-event div.views-field-description {
  padding:3.2255% 0 0 0;
}
body.page-event div.view-event span.field {
  display:block;
  padding:0 0 6px 0;
  font-size:12px;
}
body.page-event div.view-event .views-field-registration-link-text {
    font-size:12px;
}

div.view-blog-hub div.views-row {
  position:relative;
  width:100%;
  margin:0 0 20px 0;
  padding:0 0 20px 0;
}
div.view-blog-hub div.views-row div.views-field-title a {
  display:block;
  margin:0 0 0 20%;
  padding:20px 4.3478% 5px 4.3478%;
  line-height:36px;
  font-family:'Bree Serif',serif;
  font-size:32px;
  font-weight:normal;
  background:#f2f2f2;
}
div.view-blog-hub div.views-row div.views-field-body,
div.view-blog-hub div.views-row div.views-field-created {
  overflow:hidden;
  margin:0 0 0 20%;
  padding:5px 4.3478% 20px 4.3478%;
  background:#f2f2f2;
}
div.view-blog-hub div.views-row div.views-field-created {
  font-size:12px;
}
/*div#block-views-blog-main div.views-row div.views-field-field-computed-name,*/
div.view-blog-hub div.views-row div.views-field-view {
  position:absolute;
  left:0;
  top:0;
  width:26.087%;
  padding:0 4.3478% 0 0;
  line-height:14px;
  font-size:12px;
  font-weight:normal;
  background:url('../images/back-blog-byline.png') no-repeat right 30px;
}

div.view-blog-hub div.views-row div.views-field-view {
  width:15%;
}

div.view-blog-hub div.views-row div.views-field-view div.views-row {
  margin:0;
  padding:0;
}
div.view-blog-hub div.views-row div.views-field-view div.views-row img {
  width:65%;
  display:block;
  border:1px solid #999;
}

div.view-blog-hub div.views-row div.views-field-field-computed-name span {
  display:block;
  margin:2% 0 0 40%;
}
div.view-blog-hub div.views-row div.views-field-field-computed-name span span.label {
  display:inline;
  margin:0;
  font-size:12px;
  color:#999;
}
div.view-blog-hub div.views-row div.views-field-field-computed-name span.image {
  float:left;
  clear:left;
  width:35%;
  margin:0;
}
div.view-blog-hub div.views-row div.views-field-field-computed-name span.image img {
  display:block;
  border:1px solid #999;
}
div.view-blog-hub div.views-row div.views-field-view-node {
  margin:0 0 0 20%;
  padding:5px 4.3478% 4.3478% 4.3478%;
  text-align:right;
  background:#f2f2f2;
}
div.view-blog-hub div.views-row div.views-field-view-node a {
  display:inline-block;
  width:auto;
  padding:10px 15px;
  overflow:visible;
  font-weight:normal;
  color:#fff;
  background:#c9482a;
  border:0;
  cursor:pointer;
}
div.view-blog-hub div.views-row div.views-field-view-node a:hover {
  background:#680f12;
}
body.node-type-blog-post div#block-views-blog-byline {
  color:#999;
}
body.node-type-blog-post div#block-views-blog-byline,
body.node-type-blog-post div#block-views-blog-block_2 {
  margin:0;
}
body.node-type-blog-post div#block-block-6 {
  margin:0 0 15px 0;
}

body.node-type-blog-post div#block-views-blog-block_3 div.views-row {
  font-size:12px;
  margin:0;
  border-bottom:1px solid #999;
}
body.node-type-blog-post div#block-views-blog-block_3 div.views-row-first.views-row-last,
body.node-type-blog-post div#block-views-blog-block_3 div.views-row-last {
  border-bottom:0;
}
body.node-type-blog-post div#block-views-blog-block_3 div.views-row div.views-field-view-node a {
  display:block;
  padding:10px;
  margin:10px 0;
  color:#4d4d4d;
}
body.node-type-blog-post div#block-views-blog-block_3 div.views-row-first div.views-field-view-node a {
  margin-top:0;
}
body.node-type-blog-post div#block-views-blog-block_3 div.views-row div.views-field-view-node a:hover {
  background-color:#f5f5f5;
  color:#999;
}
body.node-type-blog-post div#block-views-blog-block_3 div.views-row div.views-field-view-node a span {
  display:block;
  padding:0 0 5px 0;
}
body.node-type-blog-post div#block-views-blog-block_3 div.views-row div.views-field-view-node a span.label {
  padding:0;
  color:#999;
}
body.node-type-blog-post div#block-views-blog-block_3 div.views-row div.views-field-view-node a span.name {
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  color:#680f12;
}
body.node-type-blog-post div#block-views-blog-block_3 div.views-row div.views-field-view-node a:hover span.name {
  color:#c9482a;
}
body.node-type-blog-post div#block-views-blog-block_3 div.views-row div.views-field img {
  border:1px solid #999;
}

div#disqus_thread {
  margin:30px 0 0 0;
}

div#block-views-event-block_2 div.views-row div.views-field-title {
  font-weight:normal;
}
div#block-views-blog-latest div.views-row span.by,
div#block-views-event-block_2 div.views-row div.views-field-start-date {
  display:block;
  font-size:12px;
  color:#999;
}

div.page-content div#block-views-blog-main div.view div.item-list {
  bottom:0;
  top:initial;
}


/* Publications */

div#block-views-publication-block div.views-row {
  font-size:12px;
}

div#block-views-publications-block_3 div.views-row {
  width:33.333%;
  float:left;
  min-height:0;
}
div#block-views-publications-block_3 div.views-row a {
  padding-left:30%;
  -webkit-transition:background 200ms ease-in-out;
  -moz-transition:background 200ms ease-in-out;
  -ms-transition:background 200ms ease-in-out;
  -o-transition:background 200ms ease-in-out;
  transition:background 200ms ease-in-out;
}
div#block-views-publications-block_3 div.views-row a span.authors span {
  display:inline-block;
}

div#block-views-publications-block_4 div.views-row {
  width:auto;
  min-height:60px;
  padding:0 0 20px 60px;
  margin:20px 0;
  border-bottom:1px solid #999;
  background:url("../images/icon-publication-red-x1.png") no-repeat top left;
}
div#block-views-publications-block_4 div.views-row h2 a {
  color:#680f12;
}
div#block-views-publications-block_4 div.views-row h2 a:hover {
  color:#c9482a;
  background-image:url("../images/icon-publication-orange-x1.png");
}
div#block-views-publications-block_4 div.views-row div.views-field-field-publication-type,
div#block-views-publications-block_4 div.views-row div.views-field-field-summary,
div#block-views-publications-block_4 div.views-row div.views-field-field-citation {
  padding:0 0 6px 0;
}
div#block-views-publications-block_4 ul.pager {
  position:absolute;
  top:0;
  right:0;
}

body.page-publications div.views-exposed-widget {
  margin:0;
  padding:0;
}

div.view-publication div.views-row .views-label-field-button-link {
	display:block;
	padding:0 0 5px 0;
	margin:0 0 15px 0;
	border-bottom:1px solid #999;
	font-family:'Bree Serif',sans-serif;
	color: #4d4d4d;
}

/* Publications Search */

body.page-publications-search div#block-views--exp-publications_search-page {
  float:right;
  width:86%;
}

form#views-exposed-form-publications-search-page input[type="text"] {
  padding:10px;
  margin:0;
  border:1px solid #999;
  -webkit-border-radius:21px;
  -moz-border-radius:21px;
  border-radius:21px;
  width:100%;
}
form#views-exposed-form-publications-search-page div.views-submit-button {
  float:none;
  margin:0 0 0 20px;
  display:inline-block;
  width:auto;
}
form#views-exposed-form-publications-search-page input[type="submit"] {
  width:42px;
  height:42px;
  margin:0;
  padding:0;
  text-indent:-999em;
  background:#680f12 url('../images/icon-header-search-x1.png') no-repeat center center;
  -webkit-border-radius:21px;
  -moz-border-radius:21px;
  border-radius:21px;
}
form#views-exposed-form-publications-search-page input[type="submit"]:hover {
  background-color:#c9482a;
}

body.page-publications div.view-publications-search div.item-list {
  float:right;
  width:100%;
  border-top:1px solid #999;
}
body.page-publications div.view-publications-search div.item-list ul.pager {
  position:relative;
  bottom:1px;
}

body.page-publications div.view-publications-search div.views-row {
  padding:20px 0 10px 10%;
  margin:0;
  min-height:75px;
  background:url('../images/icon-publication-red-x1.png') no-repeat left 26px;
  border-bottom:1px solid #999;
}
body.page-publications div.view-publications-search div.views-row-first {
  border-top:1px solid #999;
}
body.page-publications div.view-publications-search div.views-row-last {
  border-bottom:0;
}

body.page-publications div.view-publications-search div.views-field {
  padding:0 0 10px 0;
}

body.page-publications div.view-publications-search div.views-field-title a {
  display:block;
  font-size:20px;
  font-weight:normal;
  line-height:24px;
  font-family:'Bree Serif',sans-serif;
  color:#680f12;
}
body.page-publications div.view-publications-search div.views-field-title a:hover {
  color:#c9482a;
}

/* Citation */

div.field-name-field-citation-lng {
	line-height:18px;
	font-size:14px;
	color:#999;
}


/* Research Themes */

div#block-views-research_themes-block {
  border-bottom:1px solid #e6e6e6;
  clear:both;
}
* html div#block-views-research_themes-block {
  height:1%;
}
div#block-views-research_themes-block:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

div#block-views-research_themes-block div.views-row {
  width:25%;
  float:left;
  margin:0;
  padding:0;
  min-height:100px;
  border-top:1px solid #e6e6e6;
}
div#block-views-research_themes-block div.views-row div.views-field-name a {
  display:block;
  padding:30px 15px;
  min-height:214px;
}
div#block-views-research_themes-block div.views-row div.views-field-name a:hover {
  background-color:#c9482a;
  color:#fff;
}

div#block-views-research_themes-block div.views-row div.views-field-name a span.title {
  display:block;
  padding:10px 0 0 0;
  font-size:20px;
  line-height:22px;
}

body.page-taxonomy h1.title {
  padding:0 0 10px 0;
  border-bottom:1px solid #999;
}

div.vocabulary-research-theme div.views-field-field-image {
  float:right;
  padding:0 0 20px 20px;
}
div.vocabulary-research-theme div.views-field-field-image img {
  border:1px solid #999;
}

body.page-taxonomy div.taxonomy-term div.field-name-field-image {
	float:right;
	width:48.3872%;
	margin:0 0 3.2255% 3.2255%;
}
body.page-taxonomy div.taxonomy-term div.field-name-field-image img {
	background:#fff;
	border:1px solid #999;
}

/* Projects */

div#quicktabs-projects ul.quicktabs-tabs {
  top:40px;
}
div#quicktabs-projects ul.quicktabs-tabs li {
  top:-34px;
}
div#quicktabs-projects ul.quicktabs-tabs li.active {
  background:url('../images/icon-arrow-down-teal-x1.png') no-repeat bottom center;
}
div#quicktabs-projects ul.quicktabs-tabs li a {
  height:44px;
  min-width:0;
  padding:10px;
  vertical-align:top;
  white-space:normal;
  color:#007680;
}
div#quicktabs-projects ul.quicktabs-tabs li a,
div#quicktabs-projects ul.quicktabs-tabs li.active a {
  width:160px;
}
div#quicktabs-projects ul.quicktabs-tabs li a:hover,
div#quicktabs-projects ul.quicktabs-tabs li.active a {
  background-color:#007680;
  border-color:#007680;
  color:#fff;
}

div.view-matrix-projects div.views-row a:hover {
  color:#fff;
  background-color:#29c1cc;
}
div.view-matrix-projects div.views-row a span.name {
  color:#007680;
}
div.view-matrix-projects div.views-row a:hover span.name {
  color:#fff;
}

body.node-type-project h1.title {
	min-height:60px;
  padding:0 0 0 65px;
  background:url('../images/icon-project-title-x2.png') no-repeat left top;
}
body.node-type-project div.field-name-field-summary {
	float:left;
	width:48.3872%;
	margin:0 0 3.2255% 0;
  line-height:24px;
  font-family:'Bree Serif',sans-serif;
  font-size:20px;
}
body.node-type-project div.field-name-field-summary p,
body.node-type-project div.field-name-field-summary ol,
body.node-type-project div.field-name-field-summary ul {
	line-height:inherit;
}
body.node-type-project div.field-name-field-image {
	float:right;
	width:48.3872%;
	margin:0 0 3.2255% 0;
}
body.node-type-project div.field-name-field-image img {
	background:#fff;
	border:1px solid #999;
}
body.node-type-project div.field-name-body {
	clear:both;
	padding:3.2255% 0 0 0;
	border-top:1px solid #999;
}
body.node-type-project div.field-name-body div.field-items {
	width:66%;
}

div#block-block-19 form.searchForm {
  padding:0 0 10px 0;
}
div#block-block-19 .searchContent div.checkbox-item {
  padding:3px 0;
}
div#block-block-19 .searchForm input[type="text"] {
  max-width:76%;
  margin:0;
}
div#block-block-19 .searchForm input[type="submit"] {
  height:30px;
  float:right;
  margin:0;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
  background:#680f12 url('../images/icon-header-search-x1.png') no-repeat center center;
}
div#block-block-19 .searchForm input[type="submit"]:hover {
  background-color:#c9482a;
}
div#block-block-19 .searchContent span {
  vertical-align:3px;
  font-size:10px;
}
div#block-block-19 .widgetContent {
  padding:5px 0;
}
div#block-block-19 .searchBlock {display:none;}
div#block-block-19 .show {display:block;}
div#block-block-19 .widgetContent span {
  background:#e1e1e1;
  padding:3px 10px;
  cursor:pointer;
  font-size:12px;
  -webkit-border-radius:3px 3px 0 0;
  -moz-border-radius:3px 3px 0 0;
  border-radius:3px 3px 0 0;
}
div#block-block-19 .widgetContent span.default, div#block-block-19 .widgetContent span:hover {
  background:#f9f9f9;
}
div#block-block-19 .widgetContent ul {
  margin:0;
  padding:0;
}
div#block-block-19 .widgetContent div.tabbed {
  display:none;
  list-style:none;
  margin:0;
  padding:10px 0 0 0;
}
div#block-block-19 .widgetContent div.show {display:block;}
div#block-block-19 .widgetContent div.ybr {height:255px;}

/* Taxonomy */

body.page-taxonomy-term div#content h3 {
  margin:18px 0 12px 0;
  padding:1% 2%;
  background:#f2f2f2;
}
body.page-taxonomy-term div#content div.views-row h3 {
  margin:0 0 6px 0;
  padding:0;
  background:transparent;
}

/* Contact */

div.field-name-body iframe {
  position: relative;
  float:right;
  padding:0 0 0 3.0303%;
}

/* Staff directory */

body.page-user- div.field-name-field-job-titles {
  display: none;
}
body.page-user- div.block div.view-staff-directory div.views-row {
  width:auto;
  float:none;
}
body.page-user- div.block div.view-staff-directory div.views-row a {
  display:inline-block;
  padding:0;
}
body.page-user- div.block div.view-staff-directory div.views-row div.staff-box {
  padding:20px;
  background:#f5f5f5;
}
body.page-user- div.block div.view-staff-directory div.views-row div.staff-box span {
  display:block;
  padding:0 0 10px 0;
}
body.page-user- div.block div.view-staff-directory div.views-row div.staff-box span a {
  background:transparent;
}
body.page-user- div.block div.view-staff-directory div.views-row div.staff-box span.image {
  float:right;
}
body.page-user- div.block div.view-staff-directory div.views-row div.staff-box span.image img {
  float:right;
	background:#fff;
  border:1px solid #999;
}

body.page-user- div.block div.view-staff-directory div.views-row div.staff-box span.title {
  width:50%;
  margin:0 0 10px 0;
  border-bottom:1px solid #e6e6e6;
}

/* Search */

div.view-site-search div.views-row {
  padding:0 0 20px 0;
  border-bottom:1px solid #999;
}
div.view-site-search div.views-row-last {
  border-bottom:0;
}
div.view-site-search div.views-row div.views-field {
  font-size:12px;
  padding:4px 0;
}
div.view-site-search div.views-row div.views-field-title {
  display:block;
  padding:0 0 10px 0;
  line-height:24px;
  font-family:'Bree Serif',sans-serif;
  font-size:20px;
  font-weight:normal;
  color:#680f12;
}

div.view-site-search div.view-header {
  padding:10px;
  margin:0 0 20px 0;
  background:#f0f0f0;
}
div.view-site-search div.view-header p {
  margin-bottom:0;
}

/* CiviCRM */

#crm-container label {
    font-weight: normal;
    display: inline;
}

#crm-container a,
#crm-container a:link {
  color:#c9482a;
    text-decoration: none;
}
#crm-container a:hover {
  color:#680f12;
}

/* TABLE STYLING */

#crm-container table,
table.crm-table-group-summary {
    margin:0;
}

#crm-container table.criteria-group {
  margin-bottom: .1em;
}

#crm-container table.crm-address-element {
  border: none;
  margin-bottom: .25em;
}

#crm-container th,
#crm-container table.display thead th,
#crm-container table thead.sticky th,
#crm-container table.caseSelector tr.columnheader th {
    background-color:#FFFFFF;
    border-color:#FFFFFF #FFFFFF #CFCEC3;
    border-style:solid;
    border-width:1px 1px 2px;
    color:#A7A7A7;
    font-size:12px;
    font-weight:bold;
    padding:4px;
    text-align:left;
    vertical-align:top;
}
/* Styles for Sticky Header */
#crm-container table thead.sticky {background-color:#FFF;}
#crm-container thead div.sticky-header {
    height: 15px;
    border-bottom:2px solid #CFCEC3;
    background-color:#FFF;
    z-index: 10;
}

/* Styles for Sorting Header */
#crm-container table.display thead th.sorting_asc,
#crm-container table.display thead th.sorting_desc,
#crm-container table .sticky th a.sort-ascending,
#crm-container table .sticky th a.sort-descending,
#crm-container table.caseSelector tr.columnheader th a.sort-ascending,
#crm-container table.caseSelector tr.columnheader th a.sort-descending {
    color:#3e3e3e;
    background-color: #FFF;
}

/* Set background back to normal gray for form labels which use <th>. Temporary fix until we standardize form layout markup. */
#crm-container table.form-layout-compressed tbody th.label { background-color: #F7F7F7; }

#crm-container tbody,
table.crm-table-group-summary tbody {
    border-top: none
}

#crm-container tr {
    font-size: .95em;
    background: none;
}

#crm-container td,
#activity-content td {
    padding: 4px;
    vertical-align: top;
}

#crm-container tr.even-row td,
#crm-container tr.odd-row td,
#crm-container table.display td,
#crm-container table.pagerDisplay td {
    border-collapse: collapse;
}

#crm-container .crm-row-selected {
    margin: 0px;
    padding: 3px 0px 3px 0px;
    clear: none;
    background-color: #FFFFCC !important;
}

#crm-container .row-highlighted {
    margin: 0px;
    padding: 3px 0px 3px 0px;
    clear: none;
    background-color: #FFFFCC;
}

/*
** Size input fields in crm-container by class. Classes are assigned by the
** module in relation to the data object max size.
*/
#crm-container .two {width: 2em;}
#crm-container .four {width: 4em;}
#crm-container .six {width: 6em;}
#crm-container .eight {width: 8em;}
#crm-container .twelve {width: 12em;}
#crm-container .eighteen {width: 18em;}
#crm-container .twenty {width: 20em;}
#crm-container .medium {width: 12em;}
#crm-container .big {width: 15em;}
#crm-container .huge {width: 25em;}
#crm-container .huge40 {width: 40em;}
#crm-container textarea.big {width: 35em; height: 4em;}
#crm-container textarea.huge {width: 45em; height: 16em;}
#crm-container textarea.huge12 {width: 40em; height: 12em;}
#crm-container textarea.huge40 {width: 40em; height: 16em;}
#crm-container textarea.nowrap {width: 45em; height: 4.5em; white-space: nowrap; overflow: auto;}
#crm-container .bigSelect {width: 15em; height: 12em;}


/*
** Override line-height from style.css
*/
div#crm-container {
    line-height: inherit;
}

/* Base #crm-container styles */

#crm-container hr {
    background-color : #B0B0B0;
}

#crm-container select {
    vertical-align: middle;
    border: 1px solid #999;
}


.crm-form-block {
    padding:4px;
    margin-bottom:4px;
    font-size:12px;
}


/* crm advanced select styling */

.crmasmContainer,
.crmasmSelect,
.crmasmSelectCampaigns,
.crmtagContainer,
.crmtagSelect {
    width:160px;
}

.crmasmSelect,
.crmtagSelect,
.crmasmSelectCampaigns {
    padding:2px;
}

.crmasmSelect .child-1 { padding-left:1em; }
.crmasmSelect .child-2 { padding-left:2em; }

.crmasmHighlight,
.crmtagHighlight {
    display:block;
    padding:2px 4px;
    background-color:#EEF4B8;
}

.crmasmList,
.crmtagList {
    margin:0px;
    padding:0px;
}

.crmasmList li,
.crmtagList li {
    background-color:#3E3E3E;
    background-image:none;
    padding:2px 4px;
    list-style-type:none;
    margin:1px 0px;
    color:#F5F6F1;
}

.crmasmListItem,
.crmtagListItem {
    position:relative;
}
.crmasmListItemRemove,
.crmtagListItemRemove {
    padding:5px;
    position:absolute;
    right:5px;
    top:2px;
    font-size:11px;
    margin:0px;
    padding:0px;
}


#crm-container textarea {
    border: 1px solid #999;
}


/*
** class for hiding the text box; it is used in the OtherActivity template
** for showing the descrition of activity type element.
*/
#crm-container .texttolabel, #crm-container .no-border {
    border-style: none;
}

/*
** Class for giving solid line at the bottom of the <div>(block level element)
** Currently it is used on the dashboard pages - CiviContribute, CiviMember...
*/
#crm-container div.solid-border-bottom {
    border-bottom: 2px solid #777;
}

#crm-container div.solid-border-top {
    margin-top: 15px;
    border-top: 1px solid #696969;
}

/*
** Size the verticle heights in crm-containers by class.
*/
#crm-container .ht-one {
    height: 1em;
}

#crm-container .ht-two {
    height: 2em;
}

#crm-container .add-remove-link, #crm-container .map-link, #crm-container .font-small {
    font-size: .9em;
}

/*
** Ensures max-width is reset to css default for the images in the maps
*/
#Map img { max-width: none; }

/*
** CRM form layout classes (from www.realworldstyle.com)
*/
div.spacer,
.spacer {
    clear: left;
    height: 5px;
}



#crm-container td.compressed select,
#crm-container td.compressed input {
    font-size: 0.90em;
    font-weight: bold;
}

#crm-container input[type="text"],
#crm-container input[type="password"] {
    border: 1px solid #999;
    vertical-align:middle;
    padding-left: 1px;

}
#crm-container.crm-public .crm-section input[type="text"] {
	width: 100%;
  max-width: 320px;
}

#crm-container .form-submit {
    margin: .25em 0.5em 0.25em 0;
}

#crm-container .form-submit-inline {
    margin: 0em 0.5em 0.25em 0em;
}

#crm-container div.contact_panel div.crm-inline-button {
  padding-left: 6px;
  padding-top:  6px;
  margin-bottom: 28px;
}

#crm-container fieldset{
    background:none;
    padding:4px 0px;
    margin:10px 0px;
    border:none;
    border-top: 1px solid #CFCEC3;

}

#crm-container fieldset.no-border {
    border-top: none;
}

#crm-container fieldset legend {
	display:block;
	font-family:helvetica;
	font-size:14px;
	font-weight:bold;
	padding:4px;
    background: none;
    border: medium none;
    background-color: transparent;
    color: #3E3E3E;
    position: relative;
    text-indent: 0px;
    width: auto;
}


#crm-container fieldset.form-layout {
    margin: .25em 0em .5em 0em;
    padding: 1px 10px 1px 10px;
}

#crm-container fieldset.collapsible {
    border: 0px;
}

#crm-container div.form-item {
    border-top-style: none;
    margin          : 0px;
    padding         : 3px 0px 5px 0px;
    clear           : none;
    /* overflow        : auto; This causes horiz scrollbars, not sure if needed. dgg*/
    height          : 100%;
}

#crm-container div.form-item dl, #crm-container .section-hidden dl, #crm-container .crm-form-block dl{
    margin: 0;
}


/* contribution page styles */

#crm-container #Main fieldset table td {
    background-color: transparent;
    border:none;
}

#crm-container .crm-section,
.crm-section {
    margin-bottom:1em;
}

#crm-container .crm-section .label,
.crm-section .label {
    float:left;
    width:15%;
    text-align: right;
}
#crm-container .crm-section .label br {
	display: none;
}

#crm-container .label-left .label {
    text-align: left;
}

#crm-container .crm-section .content,
.crm-section .content {
    margin-left:16%;
}

#crm-container .no-label .content {
    margin-left: 0px;
}

#crm-container #cvv2 {vertical-align: top; }

/* Use definition lists for simple 2 col forms - <dt> for labels, <dd> for fields */
#crm-container div.form-item dt,
#crm-container .crm-form-block dt {
    float: left;
    clear: left;
    width: 150px;
    text-align: right;
    vertical-align: top;
    padding: 5px 15px 5px 0px;
    font-size: .95em;
    white-space: normal;
}

#crm-container .section-hidden dt {
    float: left;
    clear: left;
    width: 150px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding: 5px 15px 5px 0px;
}


#crm-container div.form-item dd,
#crm-container .crm-form-block dd,
#crm-container .section-hidden dd {
    padding: 3px;
    margin-left:160px;
}

#crm-container div.form-item dd.html-adjust,
#crm-container div.form-item dl.html-adjust dd,
#crm-container div.crm-form-block dl.html-adjust dd,
#crm-container div.crm-form-block dd.html-adjust {
    width: 57%;
    /*clear: right;*/
}

#crm-container div.form-item dd.description,
#crm-container div.crm-form-block dd.description {
    padding: 0px 0px 5px;
    white-space: normal;
}

#crm-container div.form-item span.labels,
#crm-container div.crm-form-block span.labels {
    float: left;
    width: 15%;
    text-align: right;
}

#crm-container div.form-item span.fields,
#crm-container div.crm-form-block span.fields {
    width: 84%;
    text-align: left;
    margin-left:16%;
    display: block;
}

#crm-container table.form-layout,
.ui-dialog-content table.form-layout,
#crm-container table.control-panel,
#crm-container table.no-border {
    margin: 0em;
    border-collapse: collapse;
    border: 0px none;
}

#crm-container table.form-layout-compressed {
    margin: 0em 0em .5em;
    width: auto;
    border-collapse: collapse;
    border: 1px none;
}

#crm-container table.crm-profile-tagsandgroups {
    margin-top: -1.25em;
}

#crm-container table.advmultiselect {
    margin: 0em;
    width: auto;
    border-collapse: collapse;
    border: 1px solid #696969;
}

#crm-container table.advmultiselect td {
    padding: 10px;
}

#crm-container table.advmultiselect td select {
    width: 150px;
}


#crm-container .form-layout td {
    vertical-align: top;
    padding: 5px;
    white-space: normal;
    border: none;
}

#crm-container .form-layout td.report,
#crm-container .form-layout td.description,
#crm-container .form-layout-compressed td.description {
    white-space   : normal;
}

#crm-container .form-layout-compressed td,
#crm-container .form-layout-compressed th {
    vertical-align: text-top;
    padding: 2px 5px;
    border: none;
}

#crm-container .control-panel td {
    padding: 3px;
    width: 25%;
    white-space: nowrap;
    border: 0px none;
    text-align: center;
}

#crm-container .form-layout td.label,
.ui-dialog-content .form-layout td.label,
#crm-container .form-layout-compressed td.label,
#crm-container .selector td.label,
#crm-container .form-layout-compressed th.label {
    text-align: right;
    padding: 4px 4px 4px 6px;
    border: 0px none;
    vertical-align: top;
}


#crm-container td.op-checkbox label {
    font-weight: normal;
    font-style: italic;
}

#crm-container .form-layout td.label-left,
#crm-container .form-layout-compressed td.label-left {
    text-align: left;
    padding: 4px 4px 4px 6px;
    border: 0px none;
    vertical-align: top;
}

#crm-container table.selector td {
    border-right: 1px solid #dddddd;
}

#crm-container .form-layout td.view-value,
#crm-container .form-layout-compressed td.view-value {
    text-align: left;
    padding: 4px;
    border: 0px none;
    vertical-align: top;
}

#crm-submit-buttons {
    width: 100%; /* fix ie7/ie8 bug where page goes bananas */
}


#crm-container .form-layout .buttons,
#crm-container .form-layout-compressed .buttons {
    padding-top: 10px;
}

#crm-container .button-disabled {
    color: #CFCEC3!important;
}

#crm-container .form-layout-compressed td.describe-image {
    vertical-align: top;
    padding: 0.5em 0em 0em 0em;
    font-size: .9em
}

#crm-container .right {
    text-align: right;
}

#crm-container .form-layout-compressed td.option-label {
    vertical-align: top;
    text-align: right;
    padding: 0.75em 0.5em 0em 0.75em;
    color: #7a7a60;
}

#crm-container td.price_set_option-label {
    padding-left: 3em;
}

/* messages and status */
#crm-container .messages {
    margin: 1.0em 0em 1.0em;
    border: none;
    font-weight: normal;
}
#crm-container .messages table, #crm-container-snippet .messages table {width: auto;}
#crm-container .messages table td, #crm-container-snippet .messages table td {
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDDDDD;
}

#crm-container div.status {
    background-color:#FFFFCC;
    background-image:none;
    border:1px solid #FFFF66;
    margin:0.5em 0px;
    padding:0.25em 0.5em;
    color: #3e3e3e;
    font-weight: normal;
}
.status dl {margin:2px 5px;}
#crm-container div.status dt {
    clear:none;
    float:left;
    width:20px;
}
#crm-container div.status dd {margin-left:0px;}

#crm-container div.status ul {
    margin: 0 0 1em 16px;
}

.status-pending {
    color: green;
}

.status-completed {
    color: #000080;
}

#crm-container .crm-marker {
    color:#8A1F11;
    font-weight: bold;
    margin-left: 3px;
}
#crm-container .crm-error {
    background:#FBE3E4 none repeat scroll 0 0;
    border:none;
    padding:4px;
    color:#8A1F11;
}

#restmsg {
    z-index:10000;
    padding:4px;
    margin-bottom: 4px;
}
#restmsg.msgok, span.msgok {
    display:block;
    background:#B0D730;
    background-color:#F1F8EB;
    border:1px solid #B0D730;
    color:#3E3E3E;
    font-size:12px;
    margin:0 0 8px;
    padding:4px;
}

#crm-container div.view-data {
    padding: .25em .5em .25em .5em;
    border: 1px solid DimGray;
    width: auto;
    background-color: #ffffff;
}

#crm-container .footer {
    font-size: 0.8em;
}

#crm-container #civicrm-footer {
    margin-top: 2em;
    border-top: 1px solid #ddd;
    padding: 0.8em;
    text-align: center;
}

#crm-container #record-log {
    padding: 0.8em 0.8em 0em 0em;
    text-align: right;
}
#crm-container #access {
    padding: 0.8em 0.8em 0em 0em;
    text-align: right;
}

#crm-container .header-dark {
    margin: 0.5em 0em 0.5em;
    padding: 0.5em;
    background-color: #999999;
    font-weight: bold;
    color: #FAFAFA;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
}

#crm-container div.display-block {
    font-weight: normal;
    margin: 1.0em 2.0em 1.0em 2.0em;
}

/* Data display layouts */

#crm-container h3 { /* h3 used as table header for civicrm */
    background-color: #CDE8FE;
    font-size: 15px;
    font-family: Helvetica, Arial, Sans;
    font-weight: bold;
    color:#121A2D;
    padding:4px 6px;
    margin-bottom: 4px;
}

#crm-container h3.nobackground {
  background-color: transparent !important;
}

#crm-container .crm-form-block h3 {background-color: transparent;}

#crm-container .col1 {
    float: left;
    vertical-align: top;
    width: 40%;
    text-align: left;
    margin: 0px 25px 0px 25px;
}

#crm-container .col2 {
    float: right;
    vertical-align: top;
    width: 50%;
    text-align: left;
    margin: 0px;
}

#crm-container ul.indented {
    padding-left: 3em;
}
#crm-container tr.subevent td.event-title,
#crm-container tr.subevent td.event-info {
    padding-left: 3em;
}


/*
** CSS for links from Drupal Blocks.
*/

/* Following styles are used to remove the white bullets from the Garland Theme */
div.block-civicrm li, #crm-container ul li, #crm-container ul.treeview li {
    background-image: none;
}

/* But allow them for the help at the top of forms
*/
#crm-container #help ul li {
    background-image: url(menu-leaf.png);
}

#crm-container .crm-form-block .crm-loading-element { background-image:url("../i/loading-E6E6DC.gif"); }

#crm-container .crm-loading-element  {
    padding-left:30px;
    height:30px;
    background: transparent url("../i/loading.gif") no-repeat 0px 0px;
}

#crm-container .crm-tooltip .crm-loading-element {
    background-image: url("../i/loading-2f2f2e.gif");
    height:16px;
    width:16px;
    padding: 0px;
}

/*
** Styles for formatting text
*/
/* Inline form field 'post-help' and radio-button unselect */
#crm-container .description,
#crm-container .crm-clear-link {
    font-size: 0.9em;
    font-weight: normal;
    white-space: normal;
    width: auto;
    color: #696969;
}

#crm-container .form-layout-compressed td.description,
#crm-container .form-layout td.description {
    padding: 0 5px 5px 5px;
    font-size: 1em;
}

/* Page and form-level 'help' */
#crm-container #help,
#crm-container .help {
    background-color:#F1F8EB;
    border:1px solid #B0D730;
    color:#3E3E3E;
    font-size:12px;
    margin:0 0 8px;
    padding:4px;
    }

#crm-container #help p,
#crm-container .help p {
    margin:4px;
}

/* Set display: inline to over-ride drupal.css which sets label tags to display:block */
#crm-container .notorg {
    font-weight: normal;
}

#crm-container .font-light {
    font-weight: lighter;
}

#crm-container .bold {
    font-weight: bold;
}

.font-italic {
    font-style: italic
}

.font-size11pt {
    font-size: 1.1em;
}

.font-size12pt {
    font-size: 1.2em;
}

.qill {
    font-weight: normal;
    line-height: 1.1em;
}

/*
** Styles for record browser and report tables, and pager bar
*/
#crm-container #map-field table,
#crm-container table.report,
#crm-container table.chart  {
    width: auto;
}

#crm-container .crm-flashchart {
    overflow: scroll;
}

#crm-container td.enclosingNested {
    padding: 0px;
}

#crm-container .nowrap {
    white-space: nowrap;
}

#crm-container tr.columnheader {
    background-color: #E6E6E6;
    color: #000000;
    border: 1px solid #DDD;
}

#crm-container tr.columnheader a {
    color: #000;
    text-decoration: none;
    vertical-align: top;
}

#crm-container tr.columnheader-dark th {
    /*background-color: #B0B0B0;*/
    background-color: #999999;
    /*color: #FFFFFF;*/
    color: #FAFAFA;
    /*border: 1px solid #000000;*/
    border: 1px solid #696969;
}

#crm-container tr.columnheader-dark td,
#crm-container tr.columnheader-dark th,
#crm-container tr.columnheader td,
#crm-container tr.columnfooter td {
    font-size: 1.1em;
    font-weight: bold;
}

#crm-container tr.columnheader-dark th span.extra {
    font-size: .95em;
    font-weight: normal;
}

#crm-container tr.columnfooter {
    border-top: 2px solid #999999;
    font-size: 1.1em;
}

#crm-container #map-field th {
    border-right: 1px solid #999999;
}

#crm-container #map-field td,
#crm-container .report td,
#crm-container .chart td {
    padding: 10px 10px 4px 10px;
}

#crm-container .report td {
    border: 1px solid #999999;
    background-color: #F6F6F6;
}

/* double line right border for last cell in a horizontal grouping */
#crm-container table.report td.splitter {
    border-right: 5px double #999999;
}

#crm-container .report td.separator {
    padding-top: 1em;
    background-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #FFFFFF;
}

#crm-container .chart td {
    border: 2px solid #999999;
}

#crm-container td.yes-no {
    text-align: center;
}

#crm-container .horizontal-position {
    margin-right: 30px;
    margin-left: 30px;
}

#crm-container .horizontal-center {
    text-align: center;
    margin: 0 auto;
    width: 80%;
}

#crm-container .place-left {
    float: left;
    margin-left: 30px;
    margin-right: 30px;
}

#crm-container .float-right {
    float: right;
    width: auto;
    padding: 4px 0px;
    clear: none;
}

#crm-container .align-right {
    display: block;
    margin-right: 20px;
    text-align: right;
}

#crm-container .element-right {
    float : right;
    margin-right: 35px;
}


/* search page styles */

.crm-search-tasks,
.crm-tasks {
    margin-bottom:4px;
    padding:4px;
}

.crm-search-results {
    margin-bottom:4px;
    padding:0px;
}


#crm-container #search-status {
    border:none;
    font-size:12px;
    font-weight:normal;
}
#crm-container .crm-pager {
    border:none;
    background-color:#F5F6F1;
    position: relative;
    height: 35px;
    padding-top: 5px;
    margin-bottom: 4px
}


#crm-container #search-status ul {
    margin: 0em;
}

#crm-container #search-status ul li,
#crm-container ul.left-alignment li{
    display: list-item;
    margin-left: 2.0em;
    list-style-position: inside;
}


.crm-pager a {
    color: #FAFAFA;
}

.crm-pager input {
    text-align: center;
}

.crm-pager-nav {
    display:block;
    margin-top:7px;
    padding-left:5px;
}

#crm-container .section-hidden {
    display: block;
    margin: 0px;
    padding: 5px;
    font-size: 0.95em;
}
#crm-container form .section-hidden-border {
    background-color:#5c5c59;
    border:medium none;
    color:#FFFFFF;
    margin-left:5px;
    font-size: 12px;
    font-family: Verdana;
    padding:2px 0 0 0px;
}

#crm-container .section-shown {
    padding: 0px 5px;
}
#crm-container .data-group-first {
    margin: 10px 5px 5px 5px;
    padding: 5px;
    border-top: 2px solid #999999;
    clear: none;
}

/* Styles for Wizard Progress Bars */
#crm-container ul.wizard-bar {
    border-collapse: collapse;
    padding: 0em 0em 0em 1em;
    white-space: nowrap;
    list-style: none;
    margin: 10px 0px 20px;
    height: auto;
    width: auto;
    line-height: normal;
    border-top: 3px solid #bbb;
}
#crm-container ul.wizard-bar li {
    display: inline;
    background-color: #FAFAFA;
    border: 1px solid #999999;
    height: auto;
    margin-right: 1em;
    padding: .5em 1em .5em;
    text-decoration: none;
    font-size: .95em;
    background-image: none;
}
#crm-container ul.wizard-bar li.current-step {
    background-color: #FAFAFA;
    border-color: #999999;
    font-weight: bold;
}
#crm-container ul.wizard-bar li.past-step {
    background-color: #F5F5F5;
    color: #666;
}

/* Recently Viewed bar */
.block-civicrm div#recently-viewed ul {
    list-style-image: none;
    font-size: .9em;
    /* overflow: hidden; */
    margin: 0px;
    padding: 0px;
}

.block-civicrm div#recently-viewed ul li {
    margin: 1px;
    padding: 1px 1px 4px 3px;
    border: 1px solid #D7D7D0;
    background-color: #fff;
    white-space: nowrap;
    list-style-type:none;
    -moz-border-radius: 4px; -webkit-border-radius: 4px;   -khtml-border-radius: 4px; border-radius:4px;
}

#crm-container #recently-viewed a,
.block-civicrm div#recently-viewed a {
    font-weight: normal;
    /*color: #6e6e6e;*/
    color: #4A88DF;
    text-decoration:none;
    font-size: .95em
}

.block-civicrm div#recently-viewed ul li.crm-recentview-active {
    background-color:#FFFFCC;
    border:1px solid #FFFF66;
    -moz-border-radius: 4px; -webkit-border-radius: 4px;   -khtml-border-radius: 4px; border-radius:4px;
}

.block-civicrm div#recently-viewed ul li.crm-recently-viewed ul {
    position:absolute;
    z-index : 99;
    background-color:#FFFFCC;
    overflow:visible;
    list-style-type:none;
    margin:0px;
}

.block-civicrm div#recently-viewed ul li.crm-recently-viewed ul li {
    font-size:1.1em;
    background-color:#FFFFCC;
    margin:0px;
    border:1px solid #FFFF66;
    text-align:center;
    -moz-border-radius: 0px 4px 4px 4px;
    -webkit-border-radius: 0px 4px 4px 4px;
    -khtml-border-radius: 0px 4px 4px 4px;
    border-radius:0px 4px 4px 4px;
    padding-top:1em;
}

.block-civicrm div#recently-viewed ul li.crm-recently-viewed ul li a:hover {
  color:#494949;
}

.block-civicrm div#recently-viewed ul li.crm-recently-viewed ul.crm-recentview-wrapper-left li {
    border-left:none;
}

.block-civicrm div#recently-viewed ul li.crm-recently-viewed ul.crm-recentview-wrapper-right li {
    border-right:none;
}

/* alpha filter styles */
#crm-container #recently-viewed ul, #crm-container #alpha-filter ul {
    border-collapse: collapse;
    padding: 0em;
    list-style-type: none;
    margin: 3px;
    height: auto;
    width: auto;
}

#crm-container div#alpha-filter {
    background-color:#CDE8FE;
    margin:4px 0 5px;
    padding:2px;
    text-align:left;
}

#crm-container #alpha-filter li {
    background-color:transparent;
    background-image:none;
    border:none;
    color:#AAAAAA;
    display:inline;
    font-size:15px;
    font-weight:normal;
    height:auto;
    margin:0 1px;
    padding:2px 5px;
    font-family: Helvetica;
}

#crm-container #alpha-filter a {
    border-bottom:1px dotted #2A71B4;
    color:#2A71B4;
    font-weight:normal;
}

#crm-container div#lang-switch {
    float: right;
    z-index: 2;
    margin: -24px 30px 0px 0px;
}

/*
** Boxes of checkbox elements (e.g. Advanced Search page)
*/
#crm-container .listing-box {
    width: auto;
    max-width: 30em;
    height: 7.25em;
    overflow: auto;
    border: 1px solid #999999;
}

#crm-container .listing-box div {
    color: black;
}

/*
** To allow for taller boxes of groups/tags.
*/
#crm-container .listing-box-tall {
    margin: 0.25em 2.0em 0.5em 0em;
    width: auto;
    max-width: 30em;
    height: 15em;
    overflow: auto;
    border: 1px solid #999999;
}

/* Image Styles */
#crm-container .action-icon {
    vertical-align: middle;
    padding: 2px 2px 2px 3px;
    margin: 2px 2px 3px 2px;
    cursor: pointer;
    cursor: hand;
}

/*
** Style for hiding blocks or table rows
*/
#crm-container .hide-block, #crm-container .hide-row {
    display: none;
}

/*
** Styles for showing blocks and table rows
*/
#crm-container .show-block {
    display: block;
}

#crm-container .show-row {
    display: table-row;
}

#crm-container input.submit-link {
    color: #285286;
    background-color: transparent;
    border: none;
    cursor: pointer;
    cursor: hand;
    margin: 0em -0.5em 0em -0.5em;
}

#crm-container .underline-effect {
    color: #285286;
}

#crm-container .underline-effect:hover {
    text-decoration: underline;
}

#crm-container .underline-effect:before {
    content: "\00BB";
}

#crm-container div#searchForm {
    height: auto;
    width: 100%;
}

#crm-container div#searchForm table.form-layout {
    border-spacing: 0;
}

#crm-container div#searchForm table.form-layout td {
    padding: 4px;
    border: 1px solid #DDDDDD;
}

#crm-container #main {
    height: 95%;
    width: 95%;
    left: 1%;
    top: 1%;
    position: relative;
}

#crm-container .label-pane {
    margin: 0.25em 0em 0em;
    padding: 0.25em;
    background-color: #6AA8EE;
    cursor: pointer;
    color: #213245;
    font-weight: bold;
}

#crm-container .label-pane :hover {
    cursor: pointer;
}

#crm-container .content-pane {
    overflow: auto;
}

/*
editor specific classes
*/
#crm-container dd.editor {
    margin-top: 0.7em;
    margin-left: 0em;
    float: left;
    vertical-align:top;
    width: 58em;
}

#crm-container.clear,
.crm-group-summary .clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/* class for tinymce buttons display */
#crm-container table.mceLayout td,
#crm-container table.mceLayout table{
    padding: 0px;
    background: #EDEDED;
    border: 2px solid #EDEDED;
    font-size: 0em;
    vertical-align: top;
    width: auto;
}

#crm-container tr.mceLast {
    border: 1px solid #EDEDED;
}

#location .form-layout table,
#location .form-layout td,
#crm-container div#location table.form-layout table.inner-table td{
    border: 0px;
    vertical-align: top;
    margin-bottom: -5px;
    width: auto;
}
/* class for personal campaign info page */

#crm-container table.campaign th,
table.campaign td,
#crm-container table.campaign,
#crm-container table.campaign table.form-layout td{
    font-size: 9pt;
    border: 0px;
    width: auto;
    vertical-align: top;
}

#crm-container table.campaign table{
    background: #F7F7F7;
}

#crm-container div.remaining {
    background : url("../i/contribute/pcp_remain.gif");
}

#crm-container div.achieved {
    background : url("../i/contribute/pcp_achieve.gif");
}

#crm-container .honor_roll {
    margin           : 1em 20px 0 0;
    padding          : 10px;
    width            : 120px;
    background-color : #fafafa;
    border           : 1px solid #9d9fca;
    height:220px;
}

#crm-container .thermometer-wrapper,
#crm-container .honor-roll-wrapper {
    float:left;
    width:150px;
    margin-left:1em;
}

#crm-container .thermometer-fill-wrapper {
    background:transparent url("../i/contribute/pcp_remain.gif") repeat-y scroll left bottom;
    height:220px;
    position:relative;
    margin:1em 0 1.5em 0;
}

#crm-container .thermometer-fill {
    background:transparent url(../i/contribute/pcp_achieve.gif) repeat-y scroll 0 bottom;
    bottom:0;
    left:0;
    position:absolute;
    width:130px;
}

#crm-container .thermometer-pointer {
    padding-left:45px; /* width of thermometer + a little actual padding */
    position:absolute;
    top:-10px; /* vertically center text on percentage raised */
    line-height: 1em;
}

#crm-container .pcp-intro-text {padding-bottom: 1em;}

#crm-container .pcp-image {
    float:left;
    margin: 0 1em 1em 0;
}

#crm-container .ui-draggable {
  background: url("../i/draggable.png") no-repeat left 1px;
  float:left;
  height:16px;
  text-indent:-10000px;
  width:16px;
}

#crm-container .pcp-widgets {
    border:1px solid #CCCCCC;
    float:right;
    margin:0 0 1em 1em;
    padding:0.5em;
}

#crm-container .pcp_honor_roll_entry {
    margin-bottom:1em;
}

#crm-container .pcp-honor_roll-nickname {
    font-weight:bold;
}

#crm-container .pcp-donate {
    height:24px;
}
#crm-container a.pcp-contribute-button {font-weight:bold;}

#crm-container .pcp-create-your-own {
    clear:left;
    margin:1em 0;
}

#crm-container .pcp-page-text {
    margin-bottom: 1em;
}

#crm-container table.nestedSelector {
    margin: 0px;
    width: 100%;
    border-bottom:0px;
}

#crm-container table.nestedSelector tr.columnheader th {
    border: 0px;
}

#crm-container table.caseSelector {
    vertical-align: top;
    border: 0px;
    margin: 0.5em 0.1em;
}


#crm-container table.caseSelector tr {
    border-bottom: 1px solid #999999;
}

#crm-container table.caseSelector td.status-urgent {
    font-weight: bold;
    text-transform: uppercase;
}

#crm-container table.caseSelector td {
    border-right: 0px;
    padding: 4px;
}

#crm-container table.nestedActivitySelector {
    margin: 0px;
    width: 100%;
    border: 0px;
    color: #333333;
}

#crm-container table.nestedActivitySelector tr.columnheader th {
    color: #000000;
    background-color: #CFCEC3;
    border-top-color: #FFF;
    border-left-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #999999;
}

#crm-container table#activities-selector.nestedActivitySelector,
#crm-container table#activities-selector.nestedActivitySelector td {
    border: 0px;
}


#crm-container table.nestedActivitySelector td {
    border-right : 0px;
}

#crm-container table#activities-selector.nestedActivitySelector tr.status-overdue {

}

#crm-container table.nestedActivitySelector tr.priority-urgent,
#crm-container table.nestedActivitySelector tr a.priority-urgent
{
    background-color: #FFDDDD;
}

#crm-container table.nestedActivitySelector tr.priority-low,
#crm-container table.nestedActivitySelector tr a.priority-low
{
    background-color: #DDFFDD;
}

#crm-container table.nestedActivitySelector tr.status-scheduled,
#crm-container table.nestedActivitySelector tr a.status-scheduled
{
    color: #006633;
}

#crm-container table.nestedActivitySelector tr.status-completed,
#crm-container table.nestedActivitySelector tr a.status-completed
{
    color: #333333;
}

#crm-container table.nestedActivitySelector tr.status-overdue,
#crm-container table.nestedActivitySelector tr a.status-overdue
{
    color: #FF0000;
}

#crm-container table.nestedActivitySelector tr a.crm-activity-status {
	cursor: pointer;
}

#crm-container table.nestedActivitySelector tr a {
    color:  #0066CC;
}

#crm-container #activities-selector tr:hover td,
#crm-container #activities-selector tr:hover td.sorted,
#crm-container #activities-selector tr.trOver td.sorted,
#crm-container #activities-selector tr.trOver td
{
    background: transparent;
}

#crm-container span.success-status {
    margin-left: 6px;
    background-color: #ffff99;
    padding: .25em .5em .25em .5em;
    border: 1px solid #696969;
}

/* Styles for Config Task List */
#crm-container td.tasklist a {
    font-weight: bold;
}

#crm-container table.selector td.tasklist {
    border-right: 1px solid #DDDDDD;
    width       : 20%;
}

#crm-container td.tasklist a:link  {
    color: #FF0105;
}

#crm-container td.tasklist a:visited  {
    color: green;
}

/* Styles for Actions Ribbon */
#crm-container .crm-actions-ribbon { margin:0 0 8px 0; }

#crm-container .crm-actions-ribbon ul {
    margin: 0px;
    padding: 0px;
}

#crm-container .crm-actions-ribbon li {
    float:left;
    margin:0 8px 0 0;
    padding:0px;
    list-style: none;
}

#crm-container .crm-actions-ribbon li.crm-delete-action {
    margin-left: 30px;
}

#crm-container .crm-actions-ribbon li.crm-previous-action,
#crm-container .crm-actions-ribbon li.crm-next-action {
    float:right;
    margin:0px 0px 0px 8px;
}

#crm-container .ac_results li {
	float:none;
	padding: 4px;
	margin:0px;
	line-height: 15px;
	}

/* Styles for Action Items &  Action Link pop-up */

#crm-container .action-item {
    padding:0px 5px;
    border-left:1px solid #CCC;
    white-space:nowrap;
}
#crm-container .action-item-wrap {
    padding:0px 5px;
    border-left:1px solid #CCC;
    white-space:normal;
}
#crm-container .action-item-first { border-left:none; /* last action item should not have right hand border */}

#crm-container .panel {
    display  : none;
    z-index  : 9999;
    position : absolute;
    border-bottom:0px;
    background:transparent url(../i/dropdown-pointer.gif) no-repeat scroll 150px 1px;
    text-align:left;
    padding-top:5px;
    margin: 0px;
    width:180px;
}

#crm-container td ul.panel {
    top:15px;
    right:0px;
}

#crm-container td ul.panel li {
    margin: 0px;
    padding: 2px;
    list-style: none;
    background-image: none;
    width:auto;
}

.btn-slide {
    text-align: left;
    text-decoration: none;
    border: none;
    cursor: pointer;
    position: relative;
    padding:0px 14px 0 5px;
    background: url("../i/TreePlus.gif") no-repeat right 1px;
    border-left:none;
    z-index: 2;
}

.btn-slide-active { z-index: 10;}

.crm-configure-actions,
.crm-event-participants,
.crm-event-links,
.crm-event-more {
    min-width:85px;
    z-index: 1;
    }

#crm-container .panel li a {
    text-decoration: none;
    padding: 4px;
    display: block;
    border:none;
    cursor: pointer;
}

/*Styles for Context menu */

#crm-container .contextMenu,
.crm-contextmenu {
    position   : absolute;
    z-index    : 9999;
    border     : none;
    padding    : 5px 0 0 0px;
    margin     : 0px 0px 0px -20px;
    display    : none;
    width      : 180px;
    background:transparent url(../i/dropdown-pointer.gif) no-repeat scroll 10px 1px;
}

#squeeze .contextMenu {
    margin     : -95px 0px 0px -275px;
}

#crm-container .contextMenu li,
.crm-contextmenu li {
    background-image: none;
    list-style : none;
    padding    : 3px;
    margin     : 0px;
}

#crm-container .contextMenu a,
.crm-contextmenu a {
    text-decoration     : none;
    display             : block;
    line-height         : 20px;
    height              : 20px;
    background-position : 6px center;
    background-repeat   : no-repeat;
    outline             : none;
    padding             : 0px 0px 1px 5px;
}

/*class for CMS user name check used in profile*/
.cmsmessagebox {
    position    : absolute;
    width       : auto;
    margin-left : 10px;
    padding     : 3px;
}

.crm-tab-button {
    border-bottom:0 none !important;
    float:left;
    margin:0 0.2em 1px 0;
    padding:0;
    position:relative;
    top:1px;
    white-space:nowrap;
}

.ui-tabs .ui-tabs-nav {
    border:none;
    background-image: none;
    padding:4px;
}

.crm-tab-button a,
.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    font-size: 0.9em;
}

#mainTabContainer li.crm-tab-button {margin:0 2px 2px 0;}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom:0px; border:none; }

.crm-tab-button a,
.ui-tabs .ui-tabs-nav li a {
    padding: 5px !important;
}

.crm-tab-button a em {
    color: #3e3e3e;
    font-size: 10px;
    font-style: normal;
}

#crm-container div.ui-accordion-content {
    padding: .5em 1em !important;
}

/* Styles for Contact Summary start here. dgg */
#crm-container .primary {
    FONT-WEIGHT: bold
}

#crm-container .ui-tabs-panel {
    padding : 4px;
    font-size: 12px;
}

#crm-container div.contactTopBar {
    padding          : 4px;
    LINE-HEIGHT      : 1.4em;
    MARGIN           : 8px 0pt 0px;
    /*FONT-SIZE: 1.1em;*/
    background-color : #eee;
}
#crm-container div.contact_details,
#crm-container div#contactTopBar {
    padding          : 4px;
    LINE-HEIGHT      : 1.4em;
    clear:both;
}

#crm-container div#contactTopBar {
	float: left;
	clear: none;
}
#crm-container div#crm-contact-thumbnail {
	padding: 4px;
	float: right;
}

#crm-container div.contact_panel,
#crm-container div#contactTopBar {
    display:block;
}

#crm-container .upper {
  text-transform: uppercase;
}

#crm-container table.caseSelector td.status-urgent {
    font-weight: bold;
    text-transform: uppercase;
}

#crm-container div.contact_panel div.crm-summary-block {
    border: 2px dashed transparent;
    background: none;
}

#crm-container div.contact_panel div.crm-inline-edit-hover {
    border: 2px dashed lightgrey;
}

#crm-container div.contact_panel *,
#crm-container div#contactTopBar * {
    border:0px;
}

#crm-container div.contactCardLeft, #crm-container div#Top {
  width   : 49%;
  display : block;
  float   : left;
  clear   : both;
}

#crm-container div.contactCardRight {
  width : 49%;
  display : block;
  float   : right;
}

#crm-container div#contactTopBar table,
#crm-container div.contact_panel table {
	margin-bottom: 0px;
}

#crm-container div#contactTopBar .label,
#crm-container div.contactCardLeft .label,
#crm-container div.contactCardRight .label {
    FONT-SIZE      : 11px;
    VERTICAL-ALIGN : top;
    MARGIN-RIGHT   : 10px;
}

#crm-container div.contactCardLeft .grouplabel,
#crm-container div.contactCardRight .grouplabel {
    BORDER-BOTTOM    : grey 1px solid;
    WIDTH            : 100%;
    FONT-SIZE        : 0.95em;
    FONT-WEIGHT      : bold;
    background-color : #ddd;
}

#crm-container div.contact_panel .spacer {
    padding:8px;
}

#crm-container div.contact_panel td,
#crm-container div#contactTopBar td  {
    padding:4px;
    vertical-align : top;
    border-bottom: 1px solid #E2E2E2;
}

#crm-container div.contact_panel td.label {
    width : 28%;
}

#crm-container div.contact_panel td.last {
    BORDER-BOTTOM: 0px
}

#crm-container #customFields {
    width: 100%;
}

#crm-container #customFields div.contact_panel td.talabel {
    padding:4px 0 0 4px;
    border: 0px;
}

#crm-container #customFields .contact_panel .customFieldGroup {
    background-color : #F7F7F7;
    line-height      : 1.4em;
    padding          : 4px;
    width            : 100%;
}

#crm-container div.contact_panel .crm-address-block {
   /*
    border:1px solid #D7D7D0;
    margin-bottom:1em;
    */
    margin-bottom:6px;
}
#crm-container .crm-add-address-wrapper {
    height:25px;
}

#crm-container span.email-hold a:link,
#crm-container span.email-hold a:visited,
#crm-container span.do-not-email a:link,
#crm-container span.email-hold a:visited {
    color: #ff6655 !important
}

#crm-container div.crm-clear {
  clear:both;
  margin-bottom: 1px;
  background-color: #FAFAFA;
}

#crm-container div.crm-label {
  background-color: #FAFAFA;
  color: #7A7A60;
  text-align: left;
  width: 122px;
  float:left;
  padding: 4px 0px 5px 4px;
  margin-right: 5px;
  border-top: 1px solid #ffffff
}

#crm-container div.crm-content {
  background-color: #F4F4ED;
  padding: 4px 0px 5px 4px;
  margin-bottom: 1px;
  margin-left: 126px;
  min-height: 17px;
  border-top: 1px solid #ffffff
}

#crm-container div.crm-table2div-layout {
  font-size: 11px;
}

#crm-container div.crm-config-option {
  float: right;
  padding-right: 10px;
  padding-top: 5px;
}

#crm-container a.crm-link-action {
  cursor: pointer;
  cursor: hand;
}

#crm-container span.crm-custom-greeting {
  font-size: 9px;
}

#crm-container div.contact_panel table.crm-inline-edit-form td,
#crm-container div.contact_panel div.crm-inline-edit-form {
  background-color: #E6E6DC;
}

#crm-container div.buttons {
    TEXT-ALIGN       : right;
    margin           : 8px 0 0;
    padding          : 4px 4px 2px 0;
    background-color : #fff;
    border           : none;
}

#crm-container div.buttons INPUT,
#crm-container div.buttons SELECT {
    FONT-SIZE      : 0.9em;
    VERTICAL-ALIGN : top !important
}


#crm-container div.buttons #actions {
    TEXT-ALIGN : left;
    /*WIDTH: 89%;*/
    FLOAT      : left
}
#crm-container div.buttons ul#actions {
    list-style-type:none;
    padding-left:0px;
}
#crm-container div.buttons #actions li {
    float:left;
    padding:0px;
    margin:0 5px 0 0;
}

#crm-container div.crm-case-dashboard-buttons {
    height: 33px;
}

#crm-container div.crm-case-dashboard-switch-view-buttons {
    float: right;
}

#crm-container .separator {
    border-bottom  : solid 2px #ccc;
}

/* reports */
#crm-container .report-layout {
    border           : none;
}

#crm-container .reports-header-right {
    text-align       : right;
}

#crm-container .report-contents {
    background-color : #F5F5F5;
    border           : 1px solid #CDCDC3;
    padding          : 4px;
    width            : 20%;
    white-space      : normal;
    font-size        : 0.95em;
}

#crm-container .report-contents-right {
    border           : 1px solid #CDCDC3;
    padding          : 4px;
    font-size        : 0.95em;
    text-align	    : right;
}

#crm-container table.report-layout td {
    padding: 4px;
    border-bottom: 1px solid #CDCDC3;
    vertical-align   : top;
}

#crm-container table.report-layout tr {
    font-size        : 0.95em;
}

#crm-container .report-label {
    text-align        : right;
    font-weight       : bold;
}

#crm-container table.report-layout th.report-contents {
    background-color : #F5F5F5;

}

#crm-container table.report-layout th.statistics {
    width            : 5%;
    white-space      : nowrap;
}

/*override default pager for report*/
.report-pager .crm-pager-nav a {
    color: #000000;
}

#crm-container table.view-layout {
    margin: 0em;
    border-collapse: collapse;
    border: 0px none;
}

#crm-container table.view-layout .label {
    color          : DimGray;
    FONT-SIZE      : 0.95em;
    VERTICAL-ALIGN : top;
    FONT-WEIGHT    : bold;
    MARGIN-RIGHT   : 10px;
    background-color:#EEEEEE;
    width: 20%;
}

#crm-container th.contriTotalRight {
    border-right: 1px solid #999999;
}

#crm-container th.contriTotalLeft {
    border-left: 1px solid #999999;
}

#crm-container .collapsed {
    background: url("../i/TreePlus.gif") no-repeat 0 0;
    padding-left: 19px;
    cursor:pointer
}

#crm-container .expanded {
    background: url("../i/TreeMinus.gif") no-repeat 0 0;
    padding-left: 19px;
    cursor:pointer
}

/* TimeEntry styles */
.timeEntry_control {
    vertical-align: middle;
    margin-left: 2px;
}
* html .timeEntry_control { /* IE only */
    margin-top: -4px;
}

/* This is the style for the trigger icon. The margin-bottom value causes the icon to shift down to center it. */
.ui-datepicker-trigger {
    margin-top: 4px;
    margin-bottom: -6px;
}

.ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 9999 !important; }

#crm-container .cke_editor {
    border: 0px none;
}


/* Set/alter ICONS */

#crm-container div#printer-friendly {
    float: right;
    position:relative;
    margin:-2em 0.5em 0 0;
}
    /* For Joomla, margin 0 works correctly */
    #crm-container table#crm-content div#printer-friendly {
        margin: 0;
    }

#crm-container .order-icon {
    height: 15px;
    width:  10px;
    padding-top: 4px;
    padding-right: 4px;
}

/* autocomplete */

.ac_results {
    background: transparent url(../i/dropdown-pointer.gif) no-repeat 25px 1px;
    padding-top: 5px;
    border:none;
}

.ac_results-inner,
.crm-participant-list-inner,
.crm-event-links-list-inner,
.crm-contribpage-links-list-inner,
.crm-create-new-list-inner,
.crm-contact-actions-list-inner  {
    background-color:#2f2f2e;
    padding:4px;
}

.crm-create-new-list-inner {
  width: 124px!important;
}

/* crm button style */

#crm-container .crm-submit-buttons,
#crm-container .action-link {
    height:27px;
    margin: 4px 0px 4px 2px;
}

#crm-container .register_link-top {
    float: right;
    margin-left: 8px;
}

.crm-clear-link {
    margin-left: .5em;
}

#crm-container .crm-button {
    border:medium none;
    cursor:pointer;
    display:block;
    float:left !important;
    overflow:hidden;
    text-shadow:0 1px 0 black;
    margin:0px 12px 0 0;
    padding:0px 4px;
    cursor: pointer;
}
#crm-container .crm-button input  {
    background:none;
    _background:#6C6C6C; /* IE6 only */
    border:medium none;
    color:#FFF;
    cursor:pointer;
    font-size:12px;
    font-weight:normal;
    margin:0 0 0 0px;
    padding:1px 8px 2px 4px;
}
#crm-container .crm-button-type-cancel, #crm-container .crm-button-type-back {margin-left:20px;}
#crm-container .crm-button-type-cancel input { color:#E6E6DC!important; }

#crm-container a.button,
#crm-create-new-link,
#crm-participant-link,
#crm-event-links-link,
#crm-contribpage-links-link,
#crm-contact-actions-link,
#crm-container a.button:link,
#crm-container input.form-submit,
#crm-container input[type=button],
#crm-container input.form-submit-inline,
#crm-container .crm-button,
#crm-container .crm-submit-buttons .crm-button {
  display:inline-block;
  width:auto;
  margin:0 6px 0 0;
  padding:3px 6px;
  overflow:visible;
  font-size:14px;
  font-weight:normal;
  text-decoration:none;
  text-shadow:none;
  color:#fff;
  background:#c9482a;
  border:0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
#crm-container a.button:hover,
#crm-create-new-link:hover,
#crm-participant-link:hover,
#crm-event-links-link:hover,
#crm-contribpage-links-link:hover,
#crm-contact-actions-link:hover,
#crm-container a.button:link:hover,
#crm-container input.form-submit:hover,
#crm-container input[type=button]:hover,
#crm-container input.form-submit-inline:hover,
#crm-container .crm-button:hover,
#crm-container .crm-submit-buttons .crm-button:hover {
  background:#680f12;
}

#crm-container .crm-button {
    padding:0;
}

#crm-container .crm-submit-buttons .crm-button {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#crm-container .crm-submit-buttons .crm-button input[type='submit'] {
	font-size: 14px !important;
	text-shadow: none !important;
}

#crm-container .crm-submit-buttons br {
	display: none;
}

#crm-container .crm-button

#crm-container input.form-submit,
#crm-container input[type=button],
#crm-container input.form-submit-inline { padding:3px 6px;}

#crm-container .crm-button input[type=button],
#crm-container .crm-button input.form-submit,
#crm-container .crm-button input.form-submit-inline {
    padding:2px 4px;
    margin:0px;
    background: none;
    _background:#6C6C6C; /* IE6 only */
    border:none;
}

#crm-container a.button,
#crm-create-new-link,
#crm-participant-link,
#crm-event-links-link,
#crm-contribpage-links-link,
#crm-contact-actions-link,
#crm-container a.button:link {
    display: block;
    float: left;
}

#crm-create-new-link span,
#crm-contact-actions-link span,
#crm-participant-link span,
#crm-event-links-link span,
#crm-contribpage-links-link span,
#crm-container a.button span {
    display: block;
    line-height: 14px;
    padding:2px 0px;
}

.button .red {
    background-image: url(../i/icons/jquery-ui-FFFFFF.png);
}

#crm-container a.button:active {
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

#crm-container .crm-button:hover,
#crm-container a.button:hover { background-position:0px -25px; }

/* No button styling for PayPal Express buttons */
#crm-container input#_qf_Register_upload_express,
#crm-container input#_qf_Main_upload_express {
    background: none;
    margin: 0px;
    padding: 0px;
    border: none;
}

/* create new XXX style (drupal block) */

#crm-participant-wrapper,
#crm-event-links-wrapper,
#crm-contribpage-links-wrapper,
#crm-create-new-wrapper,
#crm-contact-actions-wrapper{
	position:relative;
	float: left;
	}

#crm-event-links-list,
#crm-contribpage-links-list,
#crm-create-new-list,
#crm-contact-actions-list,
#crm-participant-list{
	position:absolute;
	display:none;
	top:24px;
	width:220px;
	left:0px;
	z-index:15;
	}

#crm-event-links-link {width:90px;}
#crm-participant-link { width:120px;}
#crm-create-new-list{width:124px;}
.clear { clear: both; }

#crm-contact-actions-list .icon { background-image:url("../i/icons/jquery-ui-FFFFFF.png"); }

#crm-contact-actions-list .crm-contact_activities-list select {
	margin-top:4px;
}

#crm-contact-actions-list .crm-contact_activities-list,
#crm-contact-actions-list .crm-contact_print-list,
#crm-contact-actions-list .crm-contact_actions-list {
    width: 160px;
}

#crm-contact-actions-list .crm-contact_activities-list ul,
#crm-contact-actions-list .crm-contact_print-list ul,
#crm-contact-actions-list .crm-contact_actions-list ul,
#crm-event-links-list .crm-event-info ul,
#crm-event-links-list .crm-event-test ul,
#crm-event-links-list .crm-event-live ul,
#crm-contribpage-links-list .crm-contribpage-contribution ul,
#crm-contribpage-links-list .crm-contribpage-test ul,
#crm-contribpage-links-list .crm-contribpage-live ul,
#crm-participant-list .crm-participant-counted ul,
#crm-participant-list .crm-participant-not-counted ul,
#crm-participant-list .crm-participant-listing ul,
#crm-create-new-list ul {
    width: auto;
    margin:0px;
    padding: 0px;
}

#crm-contact-actions-list .crm-contact_activities-list ul { padding-right: 4px; }
#crm-contact-actions-list .crm-contact_print-list ul { padding-left: 4px; }
#crm-contact-actions-list .crm-contact_actions-list ul { padding-left: 4px; }

#crm-contact-actions-list .crm-contact_activities-list {
    float:left;
}
#crm-contact-actions-list .crm-contact_print-list {
    float:right;
}
#crm-contact-actions-list .crm-contact_actions-list {
    margin-left: 160px;
    margin-right: 161px;
    border-left: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
}

/* =================== */
/* ! contact actions   */
/* =================== */


#crm-contact-actions-wrapper {
    width:85px; /* fixes ie bug where button is toooooo long */
}
#crm-contact-actions-list {
    width:495px; /* fixes ie bug  caused by above*/
}

#crm-create-new-link {
    width:95px;
}

/* setup for icons */

.ac_results ul li {background-image:url('');}

.ui-icon {background-image: url("../i/icons/jquery-ui-52534D.png")}
.icon {
    height:16px;
    width:16px;
    background:transparent url("../i/icons/jquery-ui-52534D.png") no-repeat top right;
    float:left;
    text-indent: -10000px;
}

span.icon {
	float:none;
	display:inline-block;
}

#crm-contact-actions-link .icon,
#crm-participant-link .icon,
#crm-event-links-link .icon,
#crm-contribpage-links-link .icon,
#crm-create-new-link .icon,
.button .icon,
.crm-button .icon {background-image:url("../i/icons/jquery-ui-FFFFFF.png");}
.button:hover .icon,
.crm-button:hover .icon {background-image:url("../i/icons/jquery-ui-2786C2.png");}

.crm-button .icon {margin-top:3px;}

.button:hover {
    color:#333;
}

.dark-icon {background-image:url("../packages/jquery/jquery-ui-1.8.16/css/smoothness/images/ui-icons_222222_256x240.png")}
.red-icon {background-image:url("../i/icons/jquery-ui-8A1F11.png")}

.edit-icon { background-position: -66px -114px;}
.previous-icon { background-position: -82px -161px;}
.next-icon { background-position: -66px -161px;}
.add-icon { background-position: -2px -193px;}
.back-icon { background-position: -2px -65px;}
.delete-icon { background-position: -179px -99px;}
.details-icon { background-position: -129px -112px;}
.button:hover .delete-icon {
    background-image:url("../packages/jquery/jquery-ui-1.8.16/css/smoothness/images/ui-icons_cd0a0a_256x240.png")!important;
}

.restore-icon { background-position:0px -66px;background-image:url("../i/icons/jquery-ui-91CE00.png"); }
.button:hover .restore-icon {background-image:url("../i/icons/jquery-ui-91CE00.png"); }

.vcard-icon { background-position:-35px -81px; }

.print-icon { background-position:-162px -97px; }

.dashboard-icon { background-position: -194px -129px; }

.user-record-icon { background-position:-145px -98px; }

.inform-icon { background-position: -16px -144px; }

.dropdown-icon { background-position:-46px -32px; float:right;}

.tip-icon { background-position: -128px -128px; }

.alert-icon { background-position: 0 -144px; }
.check-icon { background-position: -66px -146px; }
.refresh-icon { background-position:-65px -81px; }
.settings-icon { background-position:-178px -114px; }
.search-icon { background-position:-161px -114px; }
.email-icon { background-position:-81px -98px; }
.preview-icon { background-position:-227px -129px; }
.play-icon { background-position: -3px -161px; }

#crm-container .geotag {
    padding: 2px 0 2px 20px !important;
    background: url('../i/geotag_16.png') left center no-repeat;
    font-size: .9em;
}


/* These .crm-icon classes use item_sprites.png */

.block-civicrm #recently-viewed .crm-icon,
.crm-icon {
    background-image: url('../i/item_sprites.png');
    margin:2px 4px 0 0;
    text-indent:-10000px; /* for accessibility reason, put the name of the type/subtype in the icon div (it will be hidden and replaced by the icon) */
}

.Individual-icon { background-position: 0px 0px; }
.Group-icon { background-position: -16px 0px; }
.Household-icon { background-position: -32px 0px; }

.Individual-subtype-icon { background-position: 0px -48px; }
.Household-subtype-icon { background-position: -32px -48px; }
.Organization-subtype-icon { background-position: -48px -48px; }

.Organization-icon { background-position: -48px 0px; }
.Activity-icon { background-position: -64px 0px; }
.Case-icon { background-position: -80px 0px; }
.Grant-icon { background-position: 0px -16px; }
.Contribution-icon { background-position: -16px -16px; }
.Pledge-icon { background-position: -16px -16px; }
.Membership-icon { background-position: -32px -16px; }
.Participant-icon { background-position: 0px -32px; }
.Note-icon { background-position: -16px -32px; }
.Relationship-icon { background-position: -32px -32px; }

/* accordion styles */

.crm-accordion-header {
    background-color:#32414f;
    padding:4px 8px;
    cursor: pointer;
}

.crm-accordion-header .crm-accordion-pointer {margin-right:4px;}

.crm-accordion-body {
    padding:4px 0px;
}

.crm-accordion-open .crm-accordion-body { display: block; }
.crm-accordion-closed .crm-accordion-body { display: none!important; }

.crm-accordion-open .crm-accordion-header .crm-accordion-pointer {
    background-position: -64px -16px;
}

.crm-accordion-closed .crm-accordion-header .crm-accordion-pointer {
    background-position: -32px -16px;
}

.crm-accordion-wrapper .crm-accordion-header .crm-accordion-pointer {
    background-image:url("../i/icons/jquery-ui-F5F6F1.png")
}

.crm-accordion-wrapper .crm-accordion-header-hover .crm-accordion-pointer {
    background-image:url("../i/icons/jquery-ui-FFFFFF.png");
    color: #FFF;
}

.crm-accordion-wrapper .crm-master-accordion-header {
    background-color: transparent;
    font-size:16px;
    color: #3e3e3e;
    margin-bottom: 0px
}

.crm-accordion-inner .crm-accordion-header {
    background-color: transparent;
    font-size:12px;
    color: #3e3e3e;
}

.crm-accordion-wrapper .crm-master-accordion-header .crm-accordion-pointer,
.crm-accordion-inner .crm-accordion-header .crm-accordion-pointer {
    background-image:url("../i/icons/jquery-ui-3E3E3E.png")
}

.crm-accordion-email-signature .crm-accordion-header .crm-accordion-pointer {
	background-image:url("../i/icons/jquery-ui-2786C2.png")
}

.crm-accordion-hasContent .crm-accordion-header {
    font-weight:bold;
}

.crm-accordion-email-signature .crm-accordion-header {
	background-color: transparent;
	color: #2786C2;
	font-weight: normal;
	padding-left: 0px;
}

.crm-accordion-wrapper {
    margin-bottom:4px;
}

.crm-accordion-closed .crm-accordion-header {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius:4px;
}

.crm-accordion-open>.crm-accordion-header {
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -khtml-border-radius: 4px 4px 0px 0px;
    border-radius:4px 4px 0px 0px;
}

.crm-accordion-open>.crm-accordion-body {
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -khtml-border-radius: 0px 0px 4px 4px;
    border-radius:0px 0px 4px 4px;
    border:1px solid #70716B;
    border-top:0px;
    padding: 4px;
}

/* ==================================================================================== */
/* ! hack to force pages with master accordions
     to work, needs updating of tpl files   */
/* ==================================================================================== */
#crm-container .crm-master-accordion-header+.crm-accordion-body  {
    border:none;
    padding: 0px;
}


/* civicrm admin menu */
#civicrm-menu {
    height:27px;
}

#civicrm-menu .ac_input, #crm-container .ac_input {
    background:white url(../i/magnify.gif) no-repeat scroll right center;
    padding-right:16px; /* so that text doesn't flow on top of icon */
}
#crm-container .ac_input { width: 20em;}

#civicrm-menu #crm-qsearch {
    padding: 1px 3px 1px 2px;
    height: 20px;
}

#civicrm-menu #crm-qsearch input {
    background-color:#ffffff;
    border: 1px solid black;
    margin:0px;
    padding:2px 16px 3px 2px;
}

#civicrm-menu #menu-logout {
    float: right;
    border-left: 1px solid #5D5D5D;
}


/* fix autocomplete colors/styles */

.ac_even{ background-color:#F5F5F5; }
.ac_odd { background-color:#FAFAFA; }

.ac_over {
    background-color:#999;
    color:white;
}

.ac_results li strong {
    color: #000;
    font-weight: normal;
}

/* loader autocomplete */

#civicrm-menu .ac_loading {
    background       : white url('../i/loading.gif') no-repeat right center;
}

#crm-container .ac_loading {
    background       : white url('../i/loading.gif') no-repeat right center;
}

/* Pop-up help icon - eliminate forced line break */
div.helpicon {
    display     : inline;
    cursor      : pointer;
    background-position:-128px -98px;
    background-image:url(../i/icons/jquery-ui-52534D.png);
    background-color:transparent;
    width:16px;
    height:16px;
    z-index:1;
    position:absolute;
}

div.crm-accordion-header div.helpicon {
    background-image:url(../i/icons/jquery-ui-F5F6F1.png);
    float: right;
}

div#crm-toolTip {
    padding   : 10px;
    background: #eef4b8;
    font-size : 11px;
    color     : black;
    text-align: left;
    margin    : 1em;
    position: fixed;
    bottom:20px;
    right:20px;
    width:500px;
    display:none;
    max-height:500px;
    overflow:auto;
}

div#crm-toolTip td {
    vertical-align: top;
    padding: 2px 4px 2px 2px;
}

div#crm-toolTip a {
    color: #000;
    text-decoration: underline;
}
div#crm-toolTip #hide-tooltip {
    float:right;
    cursor: pointer;
}

.crm-summary-link {
    position: relative;
    z-index: 16;
}

.crm-tooltip-wrapper {
    position:absolute;
    bottom:0px;
    left:-36px;
    overflow:hidden;
    z-index:1000;
    padding-bottom: 10px;
    background: transparent url('../i/overlay-pointer.png') no-repeat bottom left;
    font-size:12px;
    display:none;
}

.crm-tooltip-down .crm-tooltip-wrapper {
    top:20px;
    padding-top: 10px;
    background: transparent url('../i/overlay-pointer.png') no-repeat top left;
    overflow: visible;
}

.crm-tooltip-active {z-index: 20;}

.crm-tooltip-active .crm-tooltip-wrapper {display:block;}

.crm-summary-group h2 {
	padding:2px 4px 0 4px;
	font-size: 14px;
	color:#FFF;
	margin-bottom:0px;
	}


.crm-tooltip {
    padding:4px;
    background-color: #2f2f2e;
    color:#FFF;
    margin-left:11px;
    min-width: 20px;
    min-height: 20px;
}
#crm-container .crm-tooltip table,
#crm-container .crm-tooltip table tr td {border:none;}
.crm-tooltip .crm-summary-group {
    width:700px;
    margin-bottom: 0px;
}

/* crm-summary-group appears outside crm-container for contact summary icon overlay */
#crm-container .crm-summary-group .crm-section .label,
.crm-summary-group .crm-section .label {
    text-align: left;
    width:40%;
    font-size:11px;
    color:#A7A7A7;
}

#crm-container .crm-summary-group .crm-section .content,
.crm-summary-group .crm-section .content {
    margin-left:41%;
}



/* Class for tokens and helpicon */
.helpIcon {
    float       : right;
    position    : relative;
    z-index     : 1;
    margin-right : 45px;
}

#crm-container ul.token-input-list-facebook, ul.token-input-list-facebook li.leaf, #crm-container ul li {
  list-style-image:none;
}

/* "don't do this" icons */
#crm-container div.contact_panel span.email-hold,
#crm-container div.contact_panel span.do-not-email,
#crm-container div.contact_panel span.do-not-phone,
#crm-container div.crm-search-results span.do-not-phone,
#crm-container div.crm-search-results span.do-not-email {
    background-position:3px;
    background-repeat:no-repeat;
    background-image:url("../i/stop-icon.png");
    padding-left: 24px;
    color: #ff6655 !important;
}

/* specific, targeted fixes */
#crm-container .dashboard-elements,
#crm-container #membership-listings,
#crm-container #premiums-listings,
#crm-container #searchForm table {
    margin: 0em;
    border-collapse: collapse;
    border: 0px none;
}

/* Override Drupal .2em margin-bottom on forms (we don't want to give up that space) */
div#crm-container form {
    margin-bottom:0em;
}

/* This is the style for the trigger icon. The margin-bottom value causes the icon to shift down to center it. */
.ui-datepicker-trigger {
    margin-top: 4px;
    margin-bottom: -6px;
}

.ui-datepicker {
    z-index: 1;
}

#activity-content table {width:100%!important;}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-content,
.ui-widget-header  {
    color: #3e3e3e;
    border:0px solid transparent;
    border-color:transparent;
}

/* ui dialog state */
.ui-state-hover,
.ui-widget-content
.ui-state-hover,
.ui-widget-header
.ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 0px solid #70716b;
background: #484e4c url("../packages/jquery/jquery-ui-1.8.16/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
font-weight: normal;
color: #f5f6f1;
}

#Tag .tree .collapsable .hit,
#Tag .tree .expandable .hit { padding-left:16px; }

/*  DataTables fixes */
#crm-container .dataTables_length { float:none; padding-bottom:5px; }
#crm-container .crm-datatable-pager-top { padding-top:5px; padding-bottom:25px; }
#crm-container .crm-datatable-pager-bottom { padding-top:10px; padding-bottom:25px; }
#crm-container .crm-datatable-pager-top .dataTables_length { float:left; }
#crm-container .css_right{ float:right}

/* Date plugin */
#crm-container input.dateplugin {
    background:white url(../i/cal.gif) no-repeat scroll right center;
    padding-right:16px; /* so that text doesn't flow on top of icon */
    width: 9em;
}

/* Date plugin */
#crm-container div.batch-update {
    overflow: visible;
}

/* Help text in Send Mail*/
#crm-container div.messageHelp{
    z-index : 1;
    position: absolute;
    margin  : 6px 0px 0px 115px;
}
/*chart */
#chartData {
    overflow:auto;
}

#crm-container .signature {
    width: 495px;
}

/* editor skin tweaks */

#crm-container span.cke_skin_kama {border:none;}
#crm-container .cke_skin_kama .cke_wrapper {background-image: none;}

/* skin */

/* basics */
#crm-container .crm-title {
	margin-bottom: 8px;
}

/* tables */
#crm-container table {
    border:1px solid #efefef;
}
.crm-tooltip #crm-container table {border-color:transparent;}

#crm-container .crm-form-block table {
    border:none;
}
#crm-container tr.even,
#crm-container tr.odd,
#crm-container tbody th {
    border-color:#FFF #FFF #efefef #FFF;
}

#crm-container tr.even-row td,
#crm-container tr.odd-row td,
#crm-container table.display td,
#crm-container table.pagerDisplay td {
    border-color:#efefef;
    border-right: 1px solid #efefef;
}
#crm-container .odd-row, #crm-container .odd,
tbody.scrollContent {
    background-color: #FAFAFA;
}
#crm-container .even-row, #crm-container .even,
tbody.scrollContent tr.alternateRow {
    background-color: #EFEFEF;
}

#crm-container td.checkbox {
    vertical-align: middle;
    text-align: center;
}
#crm-container tr.columnheader a.sorting {
	color:#a7a7a7;
}

#crm-container a.sorting { color:#A7A7A7; }
#crm-container a.sorting_desc,
#crm-container a.sorting_asc { color:#000; }

#crm-container tr a.sorting,
#crm-container tr a.sorting_asc,
#crm-container tr a.sorting_desc {
    color:#52534D;
}

/*contact summary page */
.ui-tabs .ui-tabs-nav { background-color: #e6e6dc; }
#mainTabContainer li.crm-tab-button { background-color:#f5f6f1; }
#mainTabContainer li.ui-state-active { background-color:#FFF; }

#crm-container div.contact_details,
#crm-container div#contactTopBar,
#crm-container #customFields .contact_panel .customFieldGroup {
    background-color:transparent;
}

#crm-container div.contact_panel td,
#crm-container div#contactTopBar td,
table.crm-info-panel td {
    border-bottom:1px solid #FFF;
}

#crm-container div#contactTopBar .label,
#crm-container div.contactCardLeft .label,
#crm-container div.contactCardRight .label,
table.crm-info-panel .label  {
    color:#2f2f2f;
    font-weight:normal;
}

.disabled { text-decoration:line-through; }
    #mainTabContainer li.disabled {
        text-decoration: none;
    }
    #mainTabContainer li.disabled a:link {
        color: #999999 !important;
    }
    #crm-container tr.crm-job{
        text-decoration: none !important;
    }

#crm-container table.selector td {
    border-right:1px dotted #DDDDDD;
}
#crm-container #customFields div.contact_panel td {
    border-bottom:1px solid #FFFFFF;
    padding:4px;
    vertical-align:top;
}

#crm-container div#contactTopBar td,
#crm-container div.contact_panel td,
table.crm-info-panel td {
    background-color: #f4f4ed;
}

#crm-container div#contactTopBar td.label,
#crm-container div.contact_panel td.label,
#crm-container #customFields div.contact_panel td.label,
table.crm-info-panel td.label {
    background-color: #fafafa;
    width:120px;
    text-align: left;
    color: #7a7a60;
}
table.crm-info-panel td.label {
    width:150px;
}

#crm-container .form-layout td.label,
#crm-container .form-layout-compressed td.label,
#crm-container #customFields div.contact_panel td.label
table.crm-info-panel td.label {
    width:150px;
    text-align: right;
    color: #7a7a60;
}

#crm-container .form-layout td.label,
#crm-container form table.report .label,
#crm-container form table label,
#crm-container form table.report label {
    color: #3e3e3e;
}

#crm-container div.contact_panel td.grouplabel,
#contact-summary .crm-accordion-header {
    background-color: #FFF;
    color:#3e3e3e;
    font-size:13px;
    font-weight:bold;
    font-family: Helvetica;
}
#crm-container div.contact_panel td.grouplabel {border-bottom:2px solid #D7D7D0 !important;}

#tagGroup table .label {color:#FFF;}
#tagGroup table {color:#000;}


/* search results */

.crm-search-tasks,
.crm-tasks {
    background-color:#F0F0E8;
    color:#52534D;
}

#crm-container .crm-tasks table {
    margin: 0;
}

.crm-results-block {
    position:relative;
}

/* accordion-colors */

.crm-form-block {
    background-color:#E6E6DC;
    color:#3E3E3E;
}

.crm-accordion-header {
    background-color:#70716B;
    color:#F5F6F1;
}

.crm-accordion-header-hover {
    background-color:#484E4C;
}

#contact-summary .crm-accordion-header {
	background-color:transparent;
	color: #3e3e3e;
}

#contact-summary .crm-accordion-wrapper .crm-accordion-header .crm-accordion-pointer {
	background-image:url(../i/icons/jquery-ui-3E3E3E.png);
}

/* warning labels and messages */
del,
#crm-container .crm-is_deleted,
#crm-container table.caseSelector td.status-urgent,
#crm-container span.email-hold a:link,
#crm-container span.email-hold a:visited,
#crm-container span.do-not-email a:link,
#crm-container span.email-hold a:visited,
#crm-container .font-red,
#crm-container .status-removed,
#crm-container .disabled,
#crm-container .status-overdue,
#crm-container .status-fatal,
#crm-container .status-hold,
#crm-container .status-past,
#crm-container .status-warning {
    color:#E43D2B!important;
}

/* rounded corners - we will call dd_roundies on all this */
#crm-container .crm-button,
#crm-container a.button,
#crm-create-new-link,
#crm-participant-link,
#crm-event-links-link,
#crm-contribpage-links-link,
#crm-contact-actions-link,
#crm-container a.button:link,
#crm-container input.form-submit,
#crm-container input[type=button],
#crm-container input.form-submit-inline
{-moz-border-radius: 3px; -webkit-border-radius: 3px;   -khtml-border-radius: 3px; border-radius:3px; }


#crm-container div.status,
div.m ul#civicrm-menu,
#crm-container #restmsg,
#crm-container #help,
#crm-container .help,
#crm-container .ui-tabs-panel,
#crm-container .crm-content-block,
#full-screen-header,
.crm-tooltip,
#crm-container .crm-pager,
#crm-container form .section-hidden-border,
#crm-container #search-status,
#crm-container .crm-form-block,
#crm-container .crm-search-tasks,
#crm-container .crm-tasks,
#crm-container div.form-item,
#crm-container div.messages,
div#crm-toolTip
{-moz-border-radius: 4px; -webkit-border-radius: 4px;   -khtml-border-radius: 4px; border-radius:4px; }


/* fix autocomplete colors/styles */

.ac_results {
    background: transparent url(../i/dropdown-pointer.gif) no-repeat 25px 1px;
    text-align: left;
}

.ac_results-inner,
.crm-participant-list-inner,
.crm-event-links-list-inner,
.crm-contribpage-links-list-inner,
.crm-create-new-list-inner,
.crm-contact-actions-list-inner { background-color:#2f2f2e; }

.ac_even{ background-color:transparent; }
.ac_odd { background-color:transparent; }


.ac_results li a {display: block;}

.ac_results li,
.ac_results li a,
.ac_results li a:hover,
.ac_results li a:visited,
#crm-container .ac_results li,
#crm-container .ac_results li a,
#crm-container .ac_results li a:hover,
#crm-container .ac_results li a:visited { color:#DFDFDF; text-decoration: none;}
.ac_results li strong { color: #FFF; font-weight: normal; }
.ac_results li .icon,
.ac_results li a .icon,
.ac_results li a:visited .icon,
#crm-container .ac_results li .icon,
#crm-container .ac_results li a .icon,
#crm-container .ac_results li a:visited .icon { background-image:url(../i/icons/jquery-ui-FFFFFF.png); }

.ac_results li a:hover .icon,
#crm-container .ac_results li a:hover .icon { background-image:url(../i/icons/jquery-ui-3E3E3E.png); }


.ac_results li.ac_over,
.ac_results li:hover,
.ac_results li.ac_over a,
.ac_results li.ac_over a:hover,
.ac_results li.ac_over a:visited,
#crm-container .ac_results li.ac_over,
#crm-container .ac_results li:hover,
#crm-container .ac_results li.ac_over a,
#crm-container .ac_results li.ac_over a:hover,
#crm-container .ac_results li.ac_over a:visited   {  background-color:#F5F6F1; color:#666; }
.ac_results li.ac_over strong,
#crm-container .ac_results li.ac_over strong { color:#000; }

/* theming for panel and context menus */
#crm-container td ul.panel li,
#crm-container .contextMenu li,
.crm-contextmenu li {
    background-color:#2F2F2E;
}

#crm-container .panel li a,
#crm-container .contextMenu a,
.crm-contextmenu a,
#crm-container .contextMenu a:link,
.crm-contextmenu a:link {
    color:#DFDFDF;
}

#crm-container .panel li a:hover,
#crm-container .crm-participant-list-inner li a:hover,
#crm-container .crm-event-links-list-inner li a:hover,
#crm-container .crm-contribpage-links-list-inner li a:hover,
#crm-container .contextMenu li a:hover,
.crm-contextmenu li a:hover {
    color: #3e3e3e;
    background-color: #F5F6F1;
    text-decoration: none;
}

/* Special styling for specific form buttons */
#crm-container span.crm-button_qf_Main_upload input,
#crm-container span.crm-button_qf_Confirm_next input,
#crm-container span.crm-button_qf_Register_upload input {
    font-size: 1.2em;
}

/*Import progress bar */
.ui-progressbar-value { background-image:url("../packages/jquery/css/images/pbar-ani.gif"); }

/*Needed for jstree contextmenu */
#vakata-contextmenu.jstree-default-context li { background:none repeat scroll 0 0 transparent;}

/* Class for successful upgrade */
.upgrade-success {
    background-color:#00CC00;
    color:white;
 }

.extension-upgradable {
    background-color:#FFFFCC !important;
}

.extension-installed {
    background-color:#DDFFDD !important;
}

/* table row highlightng */
#crm-container .crm-row-highlight {
    background-color: #FFFFCC !important;
}
#crm-container .civicrm-drupal-wysiwyg .collapsed {
    background: transparent;
    padding-left: 0px;
}

#manageTags {
    position: static;
    z-index: -100;
}

#crm-container .crm-socialnetwork {
    margin-top: 1em;
}

#crm-container .crm-fb-tweet-buttons  {
    width: 93%;
}
#crm-container div.finalconf-button       { float:right; padding:5px 0 0 0; }
#crm-container div.finalconf-button input { margin:0; }
#crm-container div.finalconf-intro        { padding-bottom:12px; font-style:italic; }
#crm-container h4.finalconf-item          { border-top:1px solid #ccc; padding:8px 0 8px 10px; margin:0; }
#crm-container div.finalconf-itemdesc     { font-style:italic; padding:6px 12px 6px 12px; color:#666; float:right; width:60%; }
#crm-container h4.finalconf-btm           { border-bottom:1px solid #ccc; margin-bottom:20px; }


/*Screen Reader Accessibility additions*/
#crm-container a.whiteanchor{
  color:white;
}

/* classes related to batch entry operation */
#crm-container span.batch-edit {
  padding: 2px 9px 2px 3px;
  margin: 2px 2px 3px 2px;
  cursor: pointer;
  cursor: hand;
  background-position: -66px -114px;
  background-image:url("../packages/jquery/jquery-ui-1.8.16/css/smoothness/images/ui-icons_222222_256x240.png");
}

#crm-container span.batch-valid {
  padding: 2px 9px 2px 3px;
  margin: 2px 2px 3px 2px;
  cursor: pointer;
  cursor: hand;
  background-position: -322px -143px;
  background-image:url("../packages/jquery/jquery-ui-1.8.16/css/smoothness/images/ui-icons_222222_256x240.png");
}

#crm-container span.batch-invalid {
  padding: 2px 9px 2px 3px;
  margin: 2px 2px 3px 2px;
  cursor: pointer;
  cursor: hand;
  background-position: -258px -143px;
  background-image:url("../packages/jquery/jquery-ui-1.8.16/css/smoothness/images/ui-icons_222222_256x240.png");
}

#crm-container #Entry ul#errorList {
  display: none;
}

#crm-container table.batch-totals {
  border: 1px solid #7A7A60 !important;
  margin-top: 10px !important;
}

/* grid div as table */
#crm-container .crm-grid-table {
  display: table;
  border-collapse:collapse;
  border: 1px solid #7A7A60;
  background-color: #FFFFFF;
  margin: 10px 3px 10px !important;
}

#crm-container #crm-batch-entry-table {
  border-right: 2px solid #7A7A60 !important;
}

#crm-container .crm-grid-row,
#crm-container .crm-grid-header {
  display: table-row;
}

#crm-container .crm-grid-header {
  white-space: nowrap;
}

#crm-container .crm-grid-cell {
  display: table-cell;
  border-right: 1px solid #EFEFEF;
  padding: 2px;
  vertical-align: top;
}

/* Responsive layout changes */

#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed,
#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed tbody,
#crm-container .contact_basic_information-section.narrowform.xnarrowform table.form-layout-compressed tr {
  display: block;
  width: 100%;
}

#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed tr {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}

#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td {
  display: block;
  clear: left;
  vertical-align: top;
  margin-bottom: .5ex;
}

#crm-container .contact_basic_information-section.narrowform table.matching-contacts-actions tr {
  width:100%;
}

#crm-container .contact_basic_information-section.narrowform table.matching-contacts-actions td {
  display:table-cell;
}

#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td.hashelpicon {
  position: relative;
}

#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td.hashelpicon label {
  padding-bottom: 16px;
}

#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td .helpicon {
  position: absolute;
  bottom: -12px;
  left: 2px;
}

#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td br {
  display: none;
}

#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td label {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 25%;
  float: left;
  padding-right: 1%;
}

#crm-container .contact_basic_information-section.narrowform table.form-layout-compressed td input {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 75%;
}

#crm-container #mainTabContainer.narrowpage #contactTopBar,
#crm-container #mainTabContainer.narrowpage #contact-summary div.customFieldGroup,
#crm-container #mainTabContainer.narrowpage #contact-summary div.contactCardLeft,
#crm-container #mainTabContainer.narrowpage #contact-summary div.contactCardRight {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: none;
  width: 100%;
}

/* in place edit  */
#crm-container .crm-editable-enabled {display:block; padding-left: 2px; border: 2px dashed transparent; white-space: nowrap;}
#crm-container .crm-editable-enabled:hover {display:block; padding-left: 2px; border: 2px dashed lightgrey;}

  .crm-editable-placeholder {
    background: url("../i/icons/jquery-ui-2786C2.png") -66px -114px no-repeat;
    text-indent:-10000px;
    display:block;
    width:12px;
  }
  /*.crm-editable input {min-width:6em;} */

  .crm-editable-saving {background:#FFFFCC!important;opacity:0.8;}
  .crm-editable-error {background:red!important;opacity:0.8;}
  .crm-editable-error input {background:red!important;opacity:0.8;}
  h2.crm-editable-enabled input {min-height:1.4em;}