body, table {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #395139;
	line-height: 19px;
    border: 0px; 
}

/* the outer frame of every page other than the landing page */

#canvas {
    margin-top: 0;
	margin-left: 0;
	padding-top: 0;
    padding-bottom: 0;
	padding-left: 0;
	background: #527555;
}

/* the <td> element for the navbar */

#navbar {
     background: #395139;
}

/* the heading on every page and the news page */

.bodyhead {
	font-family: serif;
	font-size: 24px;
    line-height: 26px;
	font-style: italic;
	font-weight: bold;
	color: #6d8275;
	padding-top: 1em;
	padding-bottom: 1em;
}

/* the body section, to the right of the navbar */

#bodypane {
    background: #B2C5BA;
	width: 960px;
}

#teachings {
    padding-right: 1em;
    font-family: Serif;
    font-size: 12px
}

/* the vertical rule separating the navbar from the body */

#bodyrule {
    background: #FBE436;
}

input, select, textarea, .printer, .header, .footer, .breadcrumb, .caption, input.id_search  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

input.submit {
    background:#82998A none repeat scroll 0 0;
    border:1px outset #385138;
    color:#FBE635;
    font-size:9px;
    padding:2px 6px;
    text-decoration:none;
    font-weight: bold;
}

/* 1) this provides the text-decoration and font-weight inherited by all links
   2) this is also used directly by links on news page */
 
a {
	text-decoration: none;	
	color: #395139;
	font-weight: bold;
}

a:hover {
	color: yellow;
}

/* the Creative Commons link at bottom of all pages */

a.cclink, a.cclink:link, a.cclink:visited	{
    color: #fde23d;
}

/* the Donate and Contact links on landing page */

a.contentlink {
	font-size: 10px;
}

a.contentlink:hover  { 
	color: yellow;
}

/* the "Logout | Donate | Contact" section every page besides the landing page */

.topcontrols, .topcontrols a {
	font-size: 10px;
    color: #FBE23B;
}

/* the links under the pictures on the landing page */

a.bodylink, a.bodylink:visited { 
	font-size: 12px;
	font-weight: bold;
	color: #B0C7B7;
}

a.bodylink:hover { 
	color: #FFFFFF;
}

.footer {
	font-size: 10px;
	line-height: 12px;
	color: #B2C7BA !important;
}

.navbar {
	font-size: 11px;
	color: #FF6633;
	font-weight: bold;
}

.navmenu  {
	padding-left: 10px;
	padding-right: 10px;
    line-height: 16px;
}

.navmenu ul {
    margin-left: 1pt;
    padding-left: 0px;
    padding-right: 0px;
}

.navmenu li {
	font-size: 11px;
	font-weight: bold;
    color: white;
    list-style-type:none;
	padding-top: 5px;
	padding-bottom: 5px;
}

.navmenu br {
	line-height: 19px;
}

/* Navmenu links */

.navmenu a {
	color: #BCB;
	font-size: 11px;
	font-weight: bold;
}

a.navmenu_head:link, a.navmenu_head:visited {
	color: white;
}

.navmenu a:hover {
    color: yellow;
}

.navitems li {
    padding-left: 10px;
}

/* the main talk listing */

.talklist {
	font-size: 12px;
    color: #395139;
}

.talklist blockquote {
	display: inline;
	margin-left: 0;
}

.talklist h2 {
    display: inline;
}

.donate-website-button a, input[type="submit"] {
	 padding:3px 8px;
	 border:outset 1px  #385138;
	 background: #465e4f;
	 color: #ffed58;
	 font-size: 10px;
     border-radius:6px;
     font-weight: normal;
 }

/* this formats the Download, Stream, Order buttons */

.talkbutton a, input[type="submit"] {
	 padding:3px 8px;
	 border:outset 1px  #385138;
	 background: #82998a;
	 color: #ffed58;
	 font-size: 10px;
     border-radius:6px;
     font-weight: normal;
 }

.paginator {
	font-size: 10px;
    font-weight: bold;
    color: #395139;
}

.paginator a {
	 padding:3px 8px;
	 border:outset 1px  #385138;
	 background: #82998a;
	 color: #ffed58;
     border-radius: 6px;
	 font-size: 10px;
     font-weight: normal;
 }

.quickLinks {
    position: relative;
    top: +8;
}

/* these are links that don't stand out until you hover -- they're
   used on the talks page for the venue and retreat links */

a.quietlink {
	 font-weight: normal;
     padding-left: 0px;
	 border: 0px;
	 background:transparent !important;
     color: #395139;
	 font-size: 12px;
}

a.quietlink:hover	{
     color: yellow;
}

/* the links within the talk entries */

a.talkteacher {
     padding-left: 0px;
	 border: 0px;
	 background:transparent !important;
     color: #395139;
	 font-size: 12px;
}

a.talkteacher:hover	{
     color: yellow;
 }

td.attachted-files{
    padding: 0px 20px;
}
ul.documents-list {
    list-style-type: none;
    margin: 0px;
    padding: 5px;
}

.highlight {
	color: yellow;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
/*  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  position: absolute;
  z-index: 1;

  top: -5px;
  left: 105%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.talk-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow-y: hidden;
  max-width: 883px;
  overflow-x: hidden;
}

/* SELECT2 */
body .select2-container .select2-selection--single { height: 19px;  }
body .select2-container--default .select2-selection--single .select2-selection__arrow { height: 17px; }
body .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 17px; font-size:10px; }