/* $Id$ */

/*
** 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%;
}

/*
** 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 {
  font-size: .9em;
}

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

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

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

#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;
  font-size:12px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:100%;
  vertical-align:middle;
}

#crm-container textarea {
    border: 1px solid #999;
}
  
#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-image   : none;
    margin             : .5em 0em .5em 0em;
}

#crm-container .boxBlock, #crm-container fieldset{
    background-color   : #F7F7F7;
    border	           : 1px solid #CCCCCC;
    border-radius      : 4px;	
    -moz-border-radius : 4px;	
    -webkit-border-radius : 4px;	
    -khtml-border-radius : 4px;	
}


#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; 
}

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

/* Use definition lists for simple 2 col forms - <dt> for labels, <dd> for fields */
#crm-container div.form-item dt {
  float: left;
  clear: left;
  width: 22%;
  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: 22%;
  text-align: left;
  font-weight: bold;
  white-space: nowrap;
  padding: 5px 15px 5px 0px;
}

/*
 ** Many times one needs to add long descriptions within <dd>,
 ** but limited padding-bottom for <dt> causes bottom lines
 ** in <dd> to overflow on left. The below classes for <dt>
 ** handle such situations.
 */
#crm-container div.form-item dt.extra-long-hundred {
  padding-bottom: 100px;
}

#crm-container div.form-item dt.extra-long-eighty {
  padding-bottom: 80px;
}

#crm-container div.form-item dt.extra-long-sixty {
  padding-bottom: 60px;
}

#crm-container div.form-item dt.extra-long-fourty {
  padding-bottom: 40px;
}

#crm-container div.form-item dt.extra-long-twenty {
  padding-bottom: 20px;
}

#crm-container div.form-item dd, #crm-container .section-hidden dd {
  padding: 5px;
}

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

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

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

#crm-container div.form-item span.fields {
  float: right;
  width: 75%;
  text-align: left;
} 

#crm-container table.form-layout, #crm-container table.control-panel, #crm-container table.no-border {
  margin: 0em;
  width: 98%;	
  border-collapse: collapse;
  border: 0px none;
}

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

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

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

#crm-container tbody{
    border-top: none
}

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

#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;
}

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

#crm-container .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: 0.5em 0.50em 0em 0.75em;
  border: 0px none;
  vertical-align: top;
}
#crm-container .form-layout td.label, #crm-container .form-layout-compressed td.label {
  width: 20%;
}

#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: 0.5em 0.50em 0em 0.75em;
  border: 0px none;
  vertical-align: top;
  width: 20%;
}

#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: 0.5em 0em 0em 0.5em;
  border: 0px none;
  vertical-align: top;
}

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

#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;
}

#crm-container div.status {
  margin: 0.5em;
  background-color: #ffff99;
  padding: .25em .5em .25em .5em;
  border: 1px solid #696969;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
}

#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 div.status ul {
  margin: 0;
}

#crm-container div.status dt {
  float: left;
  clear: none;
  width: 30px;
}

#crm-container .messages {
  margin: 1.0em 0em 1.0em;
  border: 1px solid #CCCCCC;
}

#crm-container .action-link {
  margin: 0.25em 0em 0.25em;
  font-weight: bold;
}

#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 .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;
}

/* Styles from jsTree.com menu. Copied here since Drupal styles over-ride otherwise. */
/* DOTS */
#crm-container .tree-default ul { background-position:6px 1px; background-repeat:repeat-y; background-image:url("../packages/jquery/plugins/themes/default/dot.gif"); }
#crm-container .tree-default li { background-position:7px 8px; background-repeat:no-repeat; background-image:url("../packages/jquery/plugins/themes/default/li.gif"); }
#crm-container .tree-default li.last { background-position:5px top; background-repeat:no-repeat; background-image:url("../packages/jquery/plugins/themes/default/lastli.gif"); }

/* OPEN or CLOSED */
#crm-container .tree-default li.open { background:url("../packages/jquery/plugins/themes/default/fminus.gif") 4px 6px no-repeat; }
#crm-container .tree-default li.closed, #jstree-dragged.tree-default li li.open { background:url("../packages/jquery/plugins/themes/default/fplus.gif") 5px 5px no-repeat; }

/* Needed for icon and text alignment when dragging a node. dgg */
.tree-default li a:link { padding:0px 3px 0px 22px; background-position:3px 0px;  }

/* DEFAULT, HOVER, CLICKED, LOADING STATES */
#crm-container .tree-default li a, .tree-default li span { background-color:transparent; background-repeat:no-repeat; background-position:4px 1px; padding:1px 4px 1px 23px; background-image:url("../packages/jquery/plugins/themes/default/f.png"); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#crm-container .tree-default li a:hover, .tree-default li a.hover { background-color: #e7f4f9; border:1px solid #d8f0fa; padding:0px 3px 0px 22px; background-position:3px 0px;  }
#crm-container .tree-default li a.clicked, .tree-default li a.clicked:hover, .tree-default li span.clicked { background-color: #beebff; border:1px solid #99defd; padding:0px 3px 0px 22px; background-position:3px 0px;  }
#crm-container .tree-default li span.clicked { padding:0px 3px 0px 20px; }
#crm-container .tree-default li a.loading { background-image:url("../packages/jquery/plugins/themes/default/throbber.gif"); }

/* CONTEXT MENU */
.tree-default-context { width:160px; background:#F0F0F0 url("../packages/jquery/plugins/themes/default/context.gif") 22px 0 repeat-y; border:1px solid silver; position:absolute; }
.tree-context a, .tree-default-context a, .tree-default-context a.disabled:hover { display:block; text-decoration:none; color:black; line-height:20px; background-repeat: no-repeat; background-position:2px center; padding:1px 0 1px 25px !important; background-color:transparent; border:1px solid #f0f0f0; border-width:0 1px; margin:0; }
.tree-default-context a:hover { background-color:#e7f4f9; border:1px solid #d8f0fa; padding:0 0 0 25px; margin:0; }
.tree-default-context a.disabled, .tree-default-context a.disabled:hover { color:silver; opacity:0.5; -ms-filter:'alpha(opacity=50)'; filter:alpha(opacity=50); zoom:1; }
.tree-context span.separator, .tree-default-context .separator { background:#FFFFFF;border-top:1px solid #E0E0E0;font-size:1px;height:1px;line-height:1px;margin:0 2px 0 24px;min-height:1px;display:block; }

/*
** Styles for formatting text
*/
/* Inline form field 'post-help' */
#crm-container .description {
  margin-bottom : 0.5em;
  padding: 0px 0px 5px;
  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 {
  margin: 0.5em 0em 0.5em;
}

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

#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;
}

.status-pending {
  color: green;
}

.status-completed {
  color: #000080;
}

.upper {
    text-transform: uppercase;
}

/* 
** Styles for record browser and report tables, and pager bar
*/
#crm-container table {
  margin: .5em .1em .5em;
  width: 99%;
  border-collapse: collapse;
  border: 1px solid #999999;
}

#crm-container #map-field table, #crm-container table.report, #crm-container table.chart  {
    width: auto;
}

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

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

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

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

#crm-container .order-icon {
 height: 15px;
 width:  10px;
 padding-top: 4px;
 padding-right: 4px;
}
 
#crm-container tr.columnheader {
  background-color: #E6E6E6;
  color: #000000;
  border: 1px solid #999999;
}
#crm-container tr.columnheader a {
  color: #000;
  text-decoration: none;
  vertical-align: top;
}
#crm-container tr.columnheader-dark {
  /*background-color: #B0B0B0;*/
  background-color: #999999;
  /*color: #FFFFFF;*/
  color: #FAFAFA;
  /*border: 1px solid #000000;*/
  border: 1px solid #696969;
}
#crm-container th {
  font-weight: normal;
  font-size: 1em;
  padding: 4px;
  border-top: 1px solid #999999;	
  border-bottom: 1px solid #999999;
  text-align: left;
  vertical-align: top;
}

#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; /*#4574BA;*//*#4A88DF;*/
  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 .odd-row, tbody.scrollContent {
  background-color: #FAFAFA;
}
#crm-container .even-row, tbody.scrollContent tr.alternateRow {
  background-color: #F5F5F5;
}
#crm-container tr.even-row td, #crm-container tr.odd-row td{
  border-collapse: collapse;
  border-top: 1px solid #DDDDDD;
}

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

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

#crm-container .font-red, #crm-container .status-removed, #crm-container .disabled, #crm-container .status-overdue, #crm-container .status-hold {
  color: #FF0105;
}

/* this fixes the sloppy vertical mis-alignments in selectors and keeps sort icons aligned with sort header text */
#crm-container a.sort-ascending, #crm-container a.sort-descending, #crm-container a.sort-none {
   white-space: nowrap;
}

#crm-container a.sort-ascending:before, #crm-container thead th.selectedDown:before {
   content: url(sort-asc.png);
   margin-right: 5px;
   vertical-align: middle;
}

#crm-container a.sort-descending:before, #crm-container thead th.selectedUp:before {
   content: url(sort-desc.png);
   margin-right: 5px;
   vertical-align: middle;
}

#crm-container a.sort-none:before {
   content: url(sort-none.png);
   margin-right: 5px;
   vertical-align: middle;
}

#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: 0px 5px 10px 0px;
  clear: none;
}

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

#crm-container .element-right {
    float : right;
    margin-right: 35px;
}
/*
#crm-container div.crm-pager .element-right {
    margin-top:-1.5em;
}
*/
#crm-container #search-status {
 padding: 0.25em;
 /*background-color: #ccc;*/
 background-color: #E6E6E6;
 font-size: .95em;
 font-weight: bold;
 border: 1px solid #999999;
 border-radius: 4px;
 -moz-border-radius : 4px;
 -webkit-border-radius : 4px;
 -khtml-border-radius : 4px;
}

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

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

div.crm-pager {
  border: thin solid #696969; 
  background-color: #999999;
  color: #000000;
  position: relative;
  height: 25px;
  margin-left: -1px;
  padding-top: 5px;
}

div.crm-pager a {
  /*color: #FFFFFF;*/
  color: #FAFAFA;/*#BADAFF;*/
}

.crm-pager-nav {
  height: 25px;
  padding-left: 100px;
}

#crm-container .section-hidden, #crm-container div.view-content {
  display: block;
  margin: 0px 0px 5px 5px;
  padding: 5px;
  font-size: 0.95em;
}
#crm-container .section-hidden-border {
  border-bottom: 1px solid #B0B0B0;  
}
#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 {
  font-size: .9em;
  /* overflow: hidden; */
  margin: 0px;
  padding: 0px;
}

.block-civicrm div#recently-viewed ul li {
  margin: 1px;
  padding: 1px;
  padding-left: 3px;
  border: 1px solid #999999;
  background-color: #fff;
  white-space: nowrap;
  overflow: hidden;  
}

.block-civicrm div#recently-viewed ul li.Activity {
  background-position:3px; background-repeat:no-repeat; background-image:url("../i/recent/Activity.png");
 }
.block-civicrm div#recently-viewed ul li.Case {
  background-position:3px; background-repeat:no-repeat; background-image:url("../i/recent/Case.png");
 }
.block-civicrm div#recently-viewed ul li.Contribution {
  background-position:3px; background-repeat:no-repeat; background-image:url("../i/recent/Contribution.png");
 }
.block-civicrm div#recently-viewed ul li.Grant {
  background-position:3px; background-repeat:no-repeat; background-image:url("../i/recent/Grant.png");
 }
.block-civicrm div#recently-viewed ul li.Group {
  background-position:3px; background-repeat:no-repeat; background-image:url("../i/recent/Group.png");
 }
.block-civicrm div#recently-viewed ul li.Household {
  background-position:3px; background-repeat:no-repeat; background-image:url("../i/recent/Household.png");
 }
.block-civicrm div#recently-viewed ul li.Individual {
  background-position:3px; background-repeat:no-repeat; background-image:url("../i/recent/Individual.png");
 }
.block-civicrm div#recently-viewed ul li.Membership {
  background-position:3px; background-repeat:no-repeat; background-image:url("../i/recent/Membership.png");
 }
.block-civicrm div#recently-viewed ul li.Note {
  background-position:3px; background-repeat:no-repeat; background-image:url("../i/recent/Note.png");
 }
.block-civicrm div#recently-viewed ul li.Organization {
  background-position:3px; background-repeat:no-repeat; background-image:url("../i/recent/Organization.png");
 }
.block-civicrm div#recently-viewed ul li.Participant {
  background-position:3px; background-repeat:no-repeat; background-image:url("../i/recent/Participant.png");
 }
.block-civicrm div#recently-viewed ul li.Pledge {
  background-position:3px; background-repeat:no-repeat; background-image:url("../i/recent/Pledge.png");
 }
 
.block-civicrm div#recently-viewed ul li a {
  margin-left: 20px;
}

.block-civicrm div#recently-viewed ul li img {
  vertical-align: middle;
}

#crm-container div#alpha-filter {
  margin: 10px 0px 5px;
  text-align: center;
  width: 100%;
}

#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 #alpha-filter li {
  display: inline;
  background-image: none;
  background-color: #F5F5F5;
  border: 1px solid #999999;
  color: #aaa;
  font-size: .95em;
  font-weight: normal;
  height: auto;
  margin: 0px 1px 0px 1px;
  padding: 2px 5px 2px 5px;
}

#crm-container #alpha-filter li.active {
  background-color: #fff;
}

#crm-container #alpha-filter a {
  font-weight: normal;
  color: #000;
}

#crm-container #alpha-filter a.active {
  font-weight: bold;
  color: #000;
}

#crm-container #recently-viewed a {
  font-weight: normal;
  /*color: #6e6e6e;*/
  color: #4A88DF;
  font-size: .95em
}

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

#crm-container div#printer-friendly {
 float: right;
 position:relative;
 margin: -24px 0px 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-collapse: separate;
  border-spacing: 0;
}

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

#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 { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

#crm-container a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding: 0 14px 0 0; /* sliding doors padding */
    text-decoration: none;
}

#crm-container a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 12px;
} 

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

#crm-container a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 12px; /* push text down 1px */
} 

/* 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           : 5px 20px 0 0;
   padding          : 10px;	
   width            : 120px;
   background-color : #fafafa;
   border           : 1px solid #9d9fca;
}

#crm-container .flexigrid th {
  border-bottom : 0px;
  border-top : 0px;
  padding    : 0px 4px;
}

#crm-container .flexigrid tr {
  font-size    : 1.1em;
}

#crm-container .flexigrid div {
  line-height  : 100%;
}

#crm-container .flexigrid table {
  border : 0;
  width  : 100%; 
  margin : 0pt;
}

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

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

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

#crm-container table.caseSelector tr.columnheader th, #crm-container table.caseSelector tr.columnheader th a {
    color: #FFFFFF;
    background-color: #999999;
    border-top-color: #666666;
    border-bottom-color: #666666;
}

#crm-container table.caseSelector tr {
    border-top: 1px solid #999999;
    color: #333333;
    border-left-color: #FFFFFF;
    border-right-color: #FFFFFF;
}

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

#crm-container table.caseSelector td.status-urgent {   
    color: #FF0000;
    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: #CCCCCC;
    border-top-color: #999999;
    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;
}

.ac_results ul li {background-image:url('');}
.Individual {background:url('../i/contact_ind.gif') no-repeat;padding-left:20px;}
.Household {background:url('../i/contact_house.png') no-repeat;padding-left:20px;}
.Organization {background:url('../i/contact_org.gif') no-repeat;padding-left:20px;}

/* 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  Action Link pop-up */

#crm-container #panel, #crm-container .panel {
  display  : none;
  z-index  : 1;
  position : absolute;
  border   : 1px solid #CCCCCC;
  background-color: #EEEEEE;
}

#crm-container td ul.panel {
  margin  :-20px 0px 0px 55px;
  padding : 0;
}

#crm-container td ul.panel li {
  padding : 5px 15px 0px 5px;
  margin  : 0px;
  list-style : none;
  background-image: none;
  border-bottom: 1px solid #CCCCCC;
}

.btn-slide {
  text-align      : left;
  text-decoration : none;
  border          : none;
  cursor          : pointer;  
}

#crm-container .panel li a {
  text-decoration : none;
  color           : #333333;
  display         : block;
}

#crm-container .panel li:hover { 
  background-color: #999999;
  text-color: #FFFFFF;
}

#crm-container .panel li a:hover { 
  background-color: #999999;
  color: #FFFFFF;
}

/*Styles for Context menu */

#crm-container .contextMenu {
  position   : absolute;
  z-index    : 9999;
  border     : solid 1px #CCC;
  background : #EEE;
  padding    : 0px;
  margin     : 0px;
  display    : none;
  width      : 132px;
}

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

#crm-container .contextMenu li {
  background-image: none;
  list-style : none;
  padding    : 0px;
  margin     : 0px;
  border-bottom: 1px solid #CCCCCC;
}

#crm-container .contextMenu a {
  color               : #333;
  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;
}

#crm-container .contextMenu li.hover a {
  color            : #FFF;
  background-color : #999999;
}

/* Styles for Sticky Header */

#crm-container thead div.sticky-header {
  background-color : #E6E6E6;
  font-size        : 1em;
  height           : 15px;
  border-bottom    : 1px solid #999999;
}

#crm-container thead.sticky {
  background-color : #E6E6E6;
  color            : #000000;
  border           : 1px solid #999999;
}

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

/* loader autocomplete */

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

.ac_input {
  background       : white url(../i/magnify.gif) no-repeat scroll right center;
}

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

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

/* Pop-up help icon - eliminate forced line break */
div.helpicon {
	background  : transparent url(../i/quiz.png) no-repeat;
	padding-left: 12px;
	display     : inline-block;
	cursor      : pointer;
}

div#toolTip {
	padding   : 10px;
	background: #FFFFFF url(../i/popupMenuBg.gif) repeat-x scroll left bottom;
	border    : 1px solid #999999;
	font-size : small;
	color     : black;
	text-align: left;
	margin    : 1em;
}

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

/* 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%;
}

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

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

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

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

#crm-container .ui-tabs-panel {
    padding : 0em 1.4em 1em 1em;
}

#crm-container DIV.contactTopBar {
	PADDING          : 4px;
	LINE-HEIGHT      : 1.4em;
	MARGIN           : 8px 0pt 0px;
	/*FONT-SIZE: 1.1em;*/
	background-color : #eee;
	border           : 1px solid #CCCCCC;
	width            : 100%;
}
#crm-container DIV.contact_details, #crm-container DIV#contactTopBar {
	PADDING          : 4px;
	LINE-HEIGHT      : 1.4em;
	MARGIN           : 8px 0pt 0px;
	/*FONT-SIZE: 1.1em;*/
	background-color : #F7F7F7;
	border           : 1px solid #CCCCCC;
	width            : 100%;
}

#crm-container DIV.contact_panel, #crm-container DIV#contactTopBar {
	WIDTH   : 100%; 
	DISPLAY : block
}

#crm-container DIV.contact_panel * , #crm-container DIV#contactTopBar * {
	BORDER         : 0px;
	PADDING-BOTTOM : 0px;
	MARGIN         : 0px;
	PADDING-LEFT   : 0px;
	PADDING-RIGHT  : 0px;
	PADDING-TOP    : 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 .label, #crm-container DIV.contactCardLeft .label, #crm-container DIV.contactCardRight .label {
	color          : DimGray; 
	FONT-SIZE      : 0.95em; 
	VERTICAL-ALIGN : top; 
	FONT-WEIGHT    : bold; 
	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-BOTTOM   : 8px; 
	PADDING-LEFT     : 8px; 
	PADDING-RIGHT    : 8px; 
	PADDING-TOP      : 8px;
}

#crm-container DIV.contact_panel TD, #crm-container DIV#contactTopBar TD  {
	PADDING-BOTTOM      : 4px;
	PADDING-LEFT        : 4px;
	PADDING-RIGHT       : 4px;
	VERTICAL-ALIGN      : top;
	PADDING-TOP         : 4px;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #E2E2E2;
}

#crm-container DIV.contact_panel TD.label, #crm-container DIV#contactTopBar TD.label {
	background-color    : #EEEEEE;
}

#crm-container DIV#contactTopBar TD.label {
    width : 14%;
}

#crm-container DIV.contact_panel TD.label {
    width : 28%;
}

#crm-container DIV.contact_panel TD.last {
	BORDER-BOTTOM: 0px
}

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

#crm-container DIV#customFields DIV.contact_panel TD {
	BORDER-BOTTOM  : lightgray 1px solid; 
	PADDING-BOTTOM : 4px; 
	PADDING-LEFT   : 4px; 
	PADDING-RIGHT  : 4px; 
	VERTICAL-ALIGN : top; 
	PADDING-TOP    : 4px
}

#crm-container DIV#customFields DIV.contact_panel TD.talabel {
	BORDER-BOTTOM  : 0px; 
	BORDER-LEFT    : 0px; 
	PADDING-BOTTOM : 0pt; 
	PADDING-LEFT   : 4px; 
	PADDING-RIGHT  : 0pt; 
	BORDER-TOP     : 0px; 
	BORDER-RIGHT   : 0px; 
	PADDING-TOP    : 4px
}

#crm-container #customFields .contact_panel .customFieldGroup {
	background-color : #F7F7F7;
	border           : 1px solid #CCCCCC;
	line-height      : 1.4em;
	margin           : 8px 0 0;
	padding          : 4px;
	width            : 100%;
}

#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 {
    background-position:3px; background-repeat:no-repeat; background-image:url("../i/stop-icon.png");
    padding-left: 24px;
	color: #ff6655 !important
 }

#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;
	WIDTH            : 100%;
	background-color : #fff;
	border           : none;
}

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

#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 #icons {
	/*WIDTH: 10%*/
}

.ui-tabs .ui-tabs-nav LI A {
	FONT-SIZE  : 0.9em
}

.ui-tabs-collapsible.ui-tabs .ui-tabs-nav LI.ui-tabs-selected A {
	FONT-SIZE  : 0.9em
}

.ui-tabs .ui-tabs-nav LI A {
	PADDING-BOTTOM : 5px !important; 
	PADDING-LEFT   : 5px !important; 
	PADDING-RIGHT  : 5px !important; 
	PADDING-TOP    : 5px !important;
}

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

.individual h2 {
	background   : url("../i/contact_ind.gif") no-repeat 0 50%;
	padding-left : 20px;
}

.button {}
.edit {
	background   : url("../i/edit.png") transparent no-repeat; 
	padding-left : 18px;
}
.delete {
	background   : url("../i/delete.png") transparent no-repeat; 
	padding-left : 18px;
}

#crm-container .report-layout {
   background-color : #F7F7F7; 
   border           : none;
}

#crm-container .reports-header {
   background-color : #DCDCDC;
   border           : 1px solid #DCDCDC;
   color            : #000000;
}

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

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

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

#crm-container table.report-layout td {
   padding          : 4px;
   border           : 1px groove #DDDDDD;
   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 {
   background-color : #DCDCDC;
   border           : 1px solid #DCDCDC;
   color            : #000000;
   padding          : 4px;
}

#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 {
    background-color: #DCDCDC;
    border          : thin solid #999999;
    margin-left	    : 0.1em;
    width           : 99%;
}
.report-pager .crm-pager-nav a {
    color           : #000000;
}

#crm-container .report-layout .sticky-header {
  background-color  : #DCDCDC;
  border            : 1px solid #DCDCDC;
}

#crm-container .hiddenElement {
    display   	    : none;
}

#crm-container .clear {
    clear 	    : both;
}

#crm-container table.view-layout {
  margin: 0em;
  width: 98%;	
  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 table.view-layout td {
   border-bottom:1px solid #E2E2E2;
}

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

#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
}
