div.scroll {
    height: 14em;
    width: 24em;
    overflow: auto;
    border: 1px solid #666;
    padding: 0px;
    position: relative;
}

label {
    display: block;
}

.cblist {
    padding-left: 20px;
    text-indent: -20px;
}

.cbinput {
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

#home_region, #home_group {
    display: none;
}

.acamp, .camp_details {
	margin: 1em;
}

th .info, td .info {
    background-color: #ccffcc;
}

th .info:hover, td .info:hover {
    background-color: #ccffcc;
}

.fieldlabel {
	font-weight: bold;
	font-style: italic;
}

.description {
	border: 1px solid black;
	padding: 0.5em;

}

.item {
	float: left;
	width: 33%;
}

.camp_details h1, .camp_details h2, .camp_details h3, .camp_details h4, h5, h6 {
	color: #A34100;
}

a.abstract, a.info {
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccffcc;
    color:#000;
    text-decoration:none
}

a.abstract:hover, a.info:hover{
  z-index:25; 
  background-color:#ccffcc;
}

a.abstract span, a.info span {
  display: none
}

a.info:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; 
    left:-12em;
    width:16em;
    border:1px solid #090;
    padding: 2px;
    background-color:#cfc; color:#000;
    text-align: left;
    z-index:100; 
}

a.abstract:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-10em; left:-42em; width:40em;
    border:1px solid #090;
    padding: 2px;
    background-color:#cfc; color:#000;
    text-align: left;
    z-index:100; 
}

a.flag:hover span {
    top: 2em; 
    left: -10em;
    width:20em;
    background-color:#cfc; color:#000;
    z-index:100; 
}

.popup {
    background-color: #ffffff;
}