/* Extras CSS - General Formatting */

/*Pop up images */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -240px; /* original setting + 60 px position where enlarged image should offset horizontally */
}
/*RSS Weather Feeds*/
/*RSS Box*/
.rss_box {
	width: 95%;
	margin-top: 10px;
	}
/*Google RSS Feeds*/
.labelfield{ /*CSS for label field in general*/
	color: #FF9999; /*Light Brown text*/
	font-size: 90%;
	}
.datefield{ /*CSS for date field in general*/
	color: #999999; /*Light Gray text*/
	font-size: 90%;
	}
#example2 div{ /*CSS specific to demo 2 - space between main news items - BBC Weather*/
	margin-bottom: 30px;
	}
#example2 div a{ /*CSS specific to demo 2 - BBC Weather*/
	text-decoration: none;
	}
.code{ /*CSS for insructions*/
	font-size: 100%;
	color: red;
	}
/*End Google RSS Feeds*/