/* $Id$ */
#crm-container label {
font-weight: normal;
display: inline;
}
#crm-container .hiddenElement {
display : none;
}
#crm-container .clear {
clear : both;
}
#crm-container a,
#crm-container a:link {
color:#2786c2;
text-decoration: none;
}
#crm-container .crm-content-block {padding: 0px 0px;}
#crm-container .crm-content-block .crm-content-block {padding:0px;}
/* TABLE STYLING */
#crm-container table,
table.crm-table-group-summary {
margin: 0em 0em 1em;
border-collapse: collapse;
width: 100%;
}
#crm-container table.criteria-group {
margin-bottom: .1em;
}
#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
. 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 .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: 135%;
}
/* 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 (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;
}
/*
** 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 .form-submit {
margin: .25em 0.5em 0.25em 0;
}
#crm-container .form-submit-inline {
margin: 0em 0.5em 0.25em 0em;
}
#crm-container fieldset{
background:none;
padding:4px 0px;
margin:10px 0px;
border:none;
border-top: 1px solid #CFCEC3;
}
#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 .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 - for labels, 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;
}
#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 .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;
}
/*
** 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' */
#crm-container .description {
font-size: 0.9em;
white-space: normal;
width: auto;
color: #696969;
}
#crm-container .form-layout-compressed td.description {
padding: 0px 0px 5px 20px;
}
/* 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 {
background:transparent url(images/thermometer-pointer.gif) no-repeat scroll 130px 3px;
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 {
background-color: #FFDDDD;
}
#crm-container table.nestedActivitySelector tr.priority-low {
background-color: #DDFFDD;
}
#crm-container table.nestedActivitySelector tr.status-scheduled {
color: #006633;
}
#crm-container table.nestedActivitySelector tr.status-completed {
color: #333333;
}
#crm-container table.nestedActivitySelector tr.status-overdue {
color: #FF0000;
}
#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;
}
/* class for text area resizer jquery plugin*/
div.grippie {
background : #EEEEEE url('../i/grippie.png') no-repeat scroll center 2px;
border-color : #DDDDDD;
border-style : solid;
border-width : 0pt 1px 1px;
cursor : s-resize;
height : 9px;
overflow : hidden;
}
.resizable-textarea textarea {
display : block;
margin-bottom : 0pt;
width : 95%;
height : 20%;
}
.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 div.contact_panel *,
#crm-container div#contactTopBar * {
border:0px;
}
#crm-container div.contactCardLeft, #crm-container div#Top {
WIDTH : 49%;
DISPLAY : block;
FLOAT : left;
}
#crm-container div.contactCardRight {
WIDTH : 49%;
DISPLAY : block;
FLOAT : right;
}
#crm-container div#contactTopBar table,
#crm-container div.contact_panel table {
margin-bottom: 4px;
}
#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;
}
#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.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-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-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;
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 {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 {
text-shadow:0 1px 0 black;
background:#70716B url(../i/crm-button-bg.gif) repeat-x top left;
color: #FFF;
font-size:12px;
font-weight:normal;
margin-right: 6px;
padding: 2px 6px;
text-decoration: none;
cursor: pointer;
border:1px solid #3e3e3e;
}
#crm-container .crm-button {
padding:0;
}
#crm-container input.form-submit,
#crm-container input[type=button],
#crm-container input.form-submit-inline { padding:2px 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;
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;
}
.light-icon, .ui-widget-content .light-icon {background-image:url("../packages/jquery/jquery-ui-1.8.11/css/smoothness/images/ui-icons_454545_256x240.png")}
.dark-icon {background-image:url("../packages/jquery/jquery-ui-1.8.11/css/smoothness/images/ui-icons_888888_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.11/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; }
.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 {
background : transparent url(../i/quiz.png) no-repeat;
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.statusicon {
background : transparent url(../i/quiz.png) no-repeat;
display : inline-block;
cursor : pointer;
background-position:-48px -144px;
background-image:url("../packages/jquery/jquery-ui-1.8.11/css/smoothness/images/ui-icons_222222_256x240.png");
background-color:#CCC;
width:16px;
height:16px;
overflow:hidden;
text-indent: -10000px;
}
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;
}
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 {
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 for Dashboard elements (we don't want to give up that space) */
div#civicrm-dashboard 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.11/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 a,
#crm-container a:link {
color:#2786c2;
}
#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 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:100px;
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 {
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 {
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;
}
|