body {
	background-color: #cccccc;
	background: url('/images/1828-Logo-rotated.png');	
    background-size: 85%;
    background-repeat: no-repeat;
	background-attachment: fixed;
    background-position: 33% 67%; 
}

/* -webkit-transform: translateZ(0); */
/* https://chrissilich.com/blog/fix-css-animation-slow-or-choppy-in-mobile-browsers/ */
.even { background-color: #eeeeee; }
.odd { background-color: #cccccc; }

#accordion-sidebar .ui-accordion-content 
	{ 
	 max-height: 400px; 
	}


/* tooltip jquery ui */
  .ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  
  
  

/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}



.vote-up,.vote-down{
  border-radius:10px;
  background:#304653;
  color:rgba(255,255,255,0.5);
  /* float:left; */
  font-size:32px;
  height:100%;
  line-height:40px;
  text-align:center;
  transition:all .2s linear;
  width:40px;
}

/*
.vote-down{margin-left:60px;}

.vote-check{
  background:#f65330;
  border-radius:10px;
  color:#fff;
  cursor:pointer;
  font-size:50px;
  height:100%;
  line-height:90px;
  position: absolute;
  padding-left:20px;
  right:-320px;
  transition:all .2s linear;
  width:100%;
}

.vote-check:after{
  content:'Mark Complete';
  font:35px/90px 'Montserrat';
  font-style:italic;
  height:100%;
  padding-left:20px;
}
*/

.vote-up:hover{
  background:#2ecc71;
  color:#fff;
  cursor:pointer;
}

.highlightSearch {
background-color: #FFFBCC;
}

.vote-down:hover{
  background:#e74c3c;
  color:#fff;
  cursor:pointer;
}

.vote-ok{
  background: #30c3bb;
  right: -20px;  
}
.vote-scaleDown{
  transform:scale(0);
}


.donate-1828{
color: #fff;
font-weight: bold;
cursor: pointer;
}

.donate-plea{
cursor: pointer;
display: inline;
}







pre{
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	padding:7px;
	border:3px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

img{
	border:0px;
	box-shadow: 2px 2px 3px #555562;
}



#inline-donation-plea
	{
	font-weight: bold; 
	font-size: 14px;
	}


	

.back-to-top {
			z-index:99;
			position: fixed;
			bottom: 2.5em;
			
			/* bottom: 0px; */
			left: 0px;
			text-decoration: none;
			color: #ffffff;
			background-color: #333333;
			font-size: 12px;
			padding: 1em;
			display: inline;
		}

		.back-to-top:hover {	
			background-color: #999999;
		}	


.go-to-bottom {
			z-index:99;
			position: fixed;
			bottom: 0px;
			right: 0px;
			text-decoration: none;
			color: #000000;
			background-color: #cccccc;
			font-size: 12px;
			padding: 1em;
			display: inline;
		}

		.go-to-bottom:hover {	
			background-color: #999999;
		}


#siteseal img {
	box-shadow: none;
	}
#siteseal-div {
	-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
	}

.roundedCorners {
		-webkit-border-radius: 25px; 
-moz-border-radius: 25px; 
border-radius: 25px; 
}

/* http://cssdemos.tupence.co.uk/image-popup.htm */
ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 9950;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 170px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}