@charset "utf-8";
/* CSS Document */


/* sntmo REQUIRED image map container */


#snt {
width: 265px;

}

dl#snt{
margin: 0;
padding: 0;
background: transparent url(https://newthought.net/images/notices/new-thought-network-262x120-v15.gif) top left no-repeat;
width: 262px;
height: 124px;
position: relative;
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5 );
border: 5px solid #FFFFFF;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

dl#snt dt.title{
    position: absolute;
    right: 0;
    top: 10px;
    color: white;
    display: block;
    font-size: 115%;
    background: rgba( 255, 255, 255, 0.5 );
    padding: 5px 3px 5px 15px;
    text-shadow: 0 1px 2px #000000;
}

/* ---------- Hover Bubbles ---------- 
background: rgba( 255, 255, 191, 0.4 );
background enables hotspots to be seen
    border: 1px solid #FFFCE6;
*/
dd a{
	position: absolute;
	outline: none;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.9 );
	-webkit-transition: background 1s ease-in-out, border 1s ease-in-out;
	-moz-transition: background 1s ease-in-out, border 1s ease-in-out;
	-o-transition: background 1s ease-in-out, border 1s ease-in-out;
	-ms-transition: background 1s ease-in-out, border 1s ease-in-out;
	transition: background 1s ease-in-out, border 1s ease-in-out;
	left: -4px;
	top: -2px;
}

dd a:hover{
    background: rgba( 255, 255, 255, 0 );
    border: 1px solid transparent;
}

dd a:active{
    outline: none;
    -moz-outline: none;
}

dd a span{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: -1px;
	top: 0;
	height: 33px;
	line-height: 20px;
	text-indent: 0;
	vertical-align: top;
	background-color: #F4F4F4;
	font-weight: bold;
	color: #333333;
	border: 1px solid #F4F4F4;
	margin: 0;
	padding: 5px;
	white-space: wrap;
	box-shadow: 0 0px 5px rgba( 0, 0, 0, 0.5 );
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	width: 444px;
}

dd a span:after{
    border: 10px solid #F4F4F4;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    border-color: #F4F4F4 transparent transparent;
    left: 5px;
    bottom: -21px;
    opacity: 1;
}

dd a:hover span, dd a:focus span{
    visibility: visible;
    opacity: 1;   
    top: -45px;
}

/* ---------- Hotspot Positions ---------- */
dd#newthought-net {
				top: 0px;
                left: 1px;
}

dd#newthought-net a {
                width: 238px;
                height: 16px;
}
dd#symbol {
				top: 18px;
                left: 2px;
}

dd#symbol a {
                width: 77px;
                height: 77px;
}

dd#newthought-info {
				top: 19px;
                left: 73px;
}

dd#newthought-info a {
                width: 182px;
                height: 18px;
}

dd#media {
                top: 40px;
                left: 87px;
}
dd#media a {
	width: 195px;
	height: 30px;
}

dd#directories {
                top: 66px;
                left: 87px;
}
dd#directories a {
	width: 195px;
	height: 22px;
}
dd#weddings {
                top: 86px;
                left: 87px;
}
dd#weddings a {
	width: 195px;
	height: 22px;
}


dd#terms {
 				top: 101px;
				left: 172px;
}
dd#terms a {
 				width: 101px;
 				height: 22px;
}

dd#powered {
                top: 95px;
                left: 5x;
}
dd#powered a {
                width: 122px;
                height: 30px;
}