/* $Id$ */


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

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

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


/* TABLE STYLING */

#crm-container table {
  margin: .5em .1em .5em;
  width: 99%;
  border-collapse: collapse;
  border: 1px solid #DDD;
}

#crm-container th,
#crm-container table.display thead th {
  	font-weight: normal;
  	font-size: 1em;
  	padding: 4px;
  	border:1px solid #CCC;	
  	text-align: left;
  	vertical-align: top;
  	background-color: #E6E6E6;
	}
    /* Set background back to normal gray for form labels which use <th>. Temporary fix until we standardize form layout markup. */
    #crm-container table.form-layout-compressed tbody th.label { background-color: #F7F7F7; }

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

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

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

#crm-container tr.even, 
#crm-container tr.odd, 
#crm-container tbody th {
	border-color:#DDD;
	}


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

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


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

/* Base #crm-container styles */

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

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

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


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

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

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

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

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

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


/*
** 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-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; 
  height          : 100%;
  width           : 98%;
}

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


/* contribution page styles */

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

#crm-container .section {
	margin-bottom:1em;
	}
	#crm-container .section .section {
		margin-bottom:0.5em; /* make subsections sit closer together */
	    }

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

#crm-container .label-left .label {
    text-align: left;
    }
    
#crm-container .section .content {
	margin-left:16%;
    }
	
#crm-container .no-label .content {
	margin-left: 2em;
    }

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

/* Use definition lists for simple 2 col forms - <dt> for labels, <dd> for fields */
#crm-container div.form-item dt {
  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;
}


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

#crm-container div.form-item dd.html-adjust, 
#crm-container div.form-item dl.html-adjust dd{
  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 .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.5em 0.5em 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-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 .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 td.price_set_option-label {
  padding-left: 3em;
}

#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 div.status dd {
  margin-left: 45px;
}

#crm-container .messages {
  margin: 1.0em 0em 1.0em;
  border: 1px solid #CCCCCC;
	}	
	#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 .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; 
	-khtml-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 {
  	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 .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 #map-field table, 
#crm-container table.report, 
#crm-container table.chart  {
    width: auto;
}

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

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

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

.crm-pager {
  border: 1px solid #CCC; 
  background-color: #E6E6E6;
  color: #000000;
  position: relative;
  height: 25px;
  padding-top: 5px;
  width:99%;
}

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

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

.crm-pager-nav {
	padding-left:5px;
}

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



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



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


/* Buttons CSS */

#crm-container a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font-size:12px;
    font-weight:normal;
    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           : 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 .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 .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-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;
    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;
}



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

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

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

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

#crm-container td ul.panel li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-image: none;
  border-bottom: 1px solid #CCCCCC;
  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:1px solid #CCC;
	}

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

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

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

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

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

.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;
	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;
	width: 100%;
	clear:both;
}

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


#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 .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: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, 
#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 #customFields {
	width: 100%;
}

#crm-container #customFields div.contact_panel td {
	BORDER-BOTTOM  : lightgray 1px solid; 
	padding: 4px;
	vertical-align: top;
}

#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;
	margin           : 8px 0 0;
	padding          : 4px;
	width            : 100%;
}



#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 .separator {
	border-bottom  : solid 2px #ccc;
}

/* reports */

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

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

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


/* Set/alter ICONS */

#crm-container div#printer-friendly {
 float: right;
 position:relative;
 margin: -24px 0px 0px 0px;
}

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

/* setup for icons */

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

.icon { 
	height:16px;
	width:16px;
	background:transparent url("../packages/jquery/themes/smoothness/images/ui-icons_888888_256x240.png") no-repeat top right;
	float:left;
	}

.button:hover {
	color:#333;
	}

.light-icon {background-image:url("../packages/jquery/themes/smoothness/images/ui-icons_888888_256x240.png")}
.dark-icon {background-image:url("../packages/jquery/themes/smoothness/images/ui-icons_222222_256x240.png")}
.red-icon {background-image:url("../packages/jquery/themes/smoothness/images/ui-icons_cd0a0a_256x240.png")}
.blue-icon {background-image:url("../packages/jquery/themes/smoothness/images/ui-icons_2e83ff_256x240.png")}

.edit-icon { background-position: -66px -114px;}
	.button:hover .edit-icon {background-image:url("../packages/jquery/themes/smoothness/images/ui-icons_222222_256x240.png"); }
		
.delete-icon { background-position: -179px -99px;}
	.button:hover .delete-icon {background-image:url("../packages/jquery/themes/smoothness/images/ui-icons_cd0a0a_256x240.png");}

.dashboard-icon { background-position: -193px -130px; }
	.button:hover .dashboard-icon {background-image:url("../packages/jquery/themes/smoothness/images/ui-icons_222222_256x240.png");}

.user-record-icon { background-position:-145px -99px; }
    .button:hover .user-record-icon {background-image:url("../packages/jquery/themes/smoothness/images/ui-icons_222222_256x240.png");}

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

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

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

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


/* civicrm admin menu */

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

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


/* Joomla Admin Menu alterations */

div.m ul#civicrm-menu {
    z-index: 0;
    position:relative;
    border: none;
    left:0px;
    height:0px;
    padding: 5px 0px 20px 2px;
    border-radius      : 4px;	
    -moz-border-radius : 4px;	
    -webkit-border-radius : 4px;	
    -khtml-border-radius : 4px;
	}

div.m ul#civicrm-menu {
    z-index: 1;
    position:relative;
    border: none;
    left:0px;
    height:0px;
    padding: 5px 0px 20px 2px;
    padding-bottom:20px !important; /*moz bottom */
    padding-bottom:2px; /*ie bottom */
    border-radius      : 4px;  
    -moz-border-radius : 4px;  
    -webkit-border-radius : 4px; 
    -khtml-border-radius : 4px;
	}


div#toolbar-box div.m{ 
 padding: 0px 8px !important;
}

div#toolbar-box, div#toolbar-box div.m{
  height: auto;
}

div.m ul#civicrm-menu li#crm-qsearch {
    height:0px;
	}



/* Pop-up help icon - eliminate forced line break */
div.helpicon {
	background  : transparent url(../i/quiz.png) no-repeat;
	display     : inline;
	cursor      : pointer;
	background-position:-48px -144px;
	background-image:url(../packages/jquery/themes/smoothness/images/ui-icons_222222_256x240.png);
	background-color:#DDD;
	width:16px;
	height:16px;
	z-index:1;
	position:absolute;
	}

div.statusicon {
	background  : transparent url(../i/quiz.png) no-repeat;
	display     : inline-block;
	cursor      : pointer;
	background-position:-48px -144px;
	background-image:url(../packages/jquery/themes/smoothness/images/ui-icons_222222_256x240.png);
	background-color:#CCC;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent: -10000;
	}


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

/* "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 {
    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;
  width: 98%;	
  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  {
	border:1px solid #CCC;
}	

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


/*  DataTables sorting */
th.sorting,
th.sorting_asc,
th.sorting_desc {
    padding-right:14px !important;
}

.sorting_asc { 
    background: url('../i/dataTable/sort_sprites.png') no-repeat right -28px; 
    padding-right:19px;
    padding-top:2px;
}

.sorting_desc { 
    background: url('../i/dataTable/sort_sprites.png') no-repeat right -60px; 
    padding-right:19px;
    padding-top:2px;
}

.sorting { 
    background: url('../i/dataTable/sort_sprites.png') no-repeat right 4px;
    padding-right:19px;
    padding-top:2px;     
}

/*  DataTables fixes */

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