body {
        background: #fff url(/assets/images/gradient2.png) top left repeat-x;
	background-color: white; 
	color: black;
	margin-top: 0;
	margin-left: 0;
	/* text-align: center; */
	font-family: Arial, Helvetica, Geneva, Sans-serif, sans-serif;
	font-size: 13;
}

a {
	color: #0033CC;
}

/*
TABLE {
	border-spacing: 0pt;
}


td {
	border: inset 0pt;
}
*/

/* left menu link object - set only its color */
.lmenu_link {
	color: #0000CC;
}

/*	left menu text - the text in the left menu. 
	note: The text and the link share the same size */
.lmenu_text {
	font-size:13;
}

/* general text - this is almost all of the text shown in the Haystack website. */
.gText , .gText2 , .loginError {
	font-size:13;
}

/* gText2 = general text2 - this is the same size as gText but, introduces a different font style.
   can be seen in several pages, most noticeably: profile_edit.php */
.gText2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif, sans-serif;	
}

/* this is the size of some small text used frequiently throughoout the pages. */
.xxsmallInfo {
	font-size:xx-small;
}

/* text buttons - the [x], [add], [return] and all other small links which play the role of a button. */
.textBtns {
	font-size:xx-small;
	font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif, sans-serif;	
}

/* In view_all.php the line with the "Help" link on it is available in several pages. 
   There is now  class for it in cerado.css */
.topStatusLine {
}

/* Sometime you can see underline under some headings. This style controls the color of the 
   underline */
.headingUnderline {
	background:#999999;
	height: 1px;
}

/*  page heading - some heading text like: Edit My Tags, Haystack Sign In, etc ... 
	pageHeading1 is a smaller font size than pageHeading2 but they should share the same
	color. Contary on the general HTML where H1 is bigger than H2, our styles follow the reverse
	order in fint size as you can see below. */
.pageHeading0 , .pageHeading1 , .pageHeading2 , .pageHeading3 {
	font-size:18;
	color: #999999;
}

.pageHeading0 {
	font-size:13;	
}

/* Unfortunately under IE the x-large size is too large. */
.pageHeading2 {
	font-size:20;
}

/* Unfortunately under IE the x-large size is too large. */
.pageHeading3 {
	font-size:24;
}

.loginError {
	color: red;
}

.buttonLink {
	color: blue;
	font-size:12;
}

.wizardButton {
	width: 80px;
}
.permaLink {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  padding:3px 3px 3px 3px;
  width:300px;
  margin:0px 0px 0px 0px;
  background-color:#FFFFFF;
  border-top:1px solid #D8D8D8;
  border-right:1px solid #C3C3C3;
  border-bottom:1px solid #C3C3C3;
  border-left:1px solid #D8D8D8;
  float:left;
  overflow:hidden;
}
div#map
{
  display:block;
  width: 620px; height: 300px;
}
.noValue {
	background-color: #EEE5A1;
}
.yesValue {
	background-color: #FFFFFF;
}
#leftpane {
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #666666;
	margin-left: 15px;
	padding-right: 10px;
	width:auto; float:left
}
#pageh{
	margin-left: -30px;
	margin-bottom: 15px
}
#centerpane #map {
	float:left;
	margin-top:10px;
	margin-left: 10px;
	height: 520px;
	width: 620px;
	border:#999999 3px solid;
}
#leftpane p {
	font-size:medium;
	font-weight:bold;
	line-height:80%;
}
#leftpane ul {
	list-style-type:none;
}
.card {
  width: 270px;
  height:auto;
  border: 2px rgb(0,0,0) solid;
  padding: 5px;
  font-size:70%;
  background: rgb(255,255,255); 
  position: absolute; 
  z-index: 10;
}
.card img {
  width: 50px;
  height: 50px;
  margin: 3px;
}
.match {
  font-size:90%;
  text-decoration: underline;
  cursor: help;
}
#lPane {
	width:200px;
	height:3000px;
	font-size:13px;
	margin: 70px 0px 0px 10px;
	padding:5;
}
#lPane h3{
	font-size: 13px;
	margin: 0px;
}
#join_h{
	padding-bottom: 15px;
}
#lPane p, ul{
	/*font-size: 13px; */
	margin: 0px 0px 15px 0px;
}
#lPane ul{
	list-style-type: none;
	padding: 0px;
}
#lPane_inner1, #my_network {
	border: 1px #CCCCCC solid;
	padding: 5px;
}
#my_network {margin-top:10px}
#my_network li {display:inline;margin:3}
#lPane_inner2 {
	padding: 5px;
}
.huge { font-size: 275% }
.huge-orange { font-size: 275%; color: #FF6600}
.big-orange { font-size: 150%; color: #FF6600}
.big{font-size: 150%;}
.big2{font-size: 120%;}
.orange {color: #FF6600}
.blacklink A:link {color: #000000; text-decoration: none;}
.blacklink A:visited {color: #000000; text-decoration: none;}
.blacklink A:active {color: #000000; text-decoration: none;}
.blacklink A:hover {color: #000000; background: #FFFF99; text-decoration: none;}