/*
<!-- The MBP will appear as a background image in the HTML document.
     Each "hover" item is a definition (<dd> tag). All <dd>'s are
		 nested in a <dl> tag; each <dd> has a unique id to allow
		 absolutele positioning.
		 
		 Place additional HTML before and after the MBP within .content div's.
-->

/** general rules **/
.content {
	width:732px;
	/*width:734px;*/
	margin:10px auto 0 auto;
}

#form1099rPrint {
	display:none;
}

#form1099r {
	display:block;
	width:732px;
	height:332px;
	background:url(/Images/Gif/1099-R-new.gif) no-repeat center center;
	margin:10px 0;
	padding:0;
	position:relative;
}

#form1099r a, #form1099r a:hover, #form1099r a:visited, #form1099r a:active {
	color:#000000;
	text-decoration:none;
	border:none;
}

/** common to all <dd>'s, .term's, .defn's, <a>'s, etc. **/
.num {
	display:none;
}
	
dd {
	position:absolute;
	display:block;
	width:280px;
	font:11px Verdana, Arial, Helvetica, sans-serif normal;
	margin:0;
}
	
dd .term {
	display:block;
	width:276px;
	color:#FFFFFF;
	background-color:#255;
	font-weight:bold;
	padding:3px;
	border-radius:3px 3px 0 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}

dd .defn {
	color:#000000;
	background-color:#FFFFFF;
	display:block;
	width:274px;
	padding:3px;
	border:1px solid #336666;
	border-radius:0 0 3px 3px;
}

dd a{
	position:absolute;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	/*width and height here gives each hover item a larger "clickable" or "hoverable" area*/
	width:50px;
	height:50px;
}

dd a:hover{
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
	cursor:hand;
	/*width and height here gives each hover item a larger "clickable" or "hoverable" area*/
	width:50px;
	height:50px;
}

dd a .defitem{
	display: none;
	font-weight:normal;
	position: absolute;
	margin: 0;
	width:280px;
	font-weight:normal;
	
	box-shadow: 3px 1px 2px rgba(0, 0, 0, 0.5);
}

dd a:hover .defitem{
	display: block;
}

/* Begin positioning individual <dd>'s
		
		This selector positions the term/def'n pair
		#unique-id {position:absolute; top:XXpx; left:XXpx;}
		
		This selector determines the offset from the hover area.
		To align to the right edge, use "right" property instead of "left".
		#unique-id a:hover .defitem{top:0; left:35px;}
*/


/** box1 **/
#box1{top:-13px; left:364px;}
#box1 .defitem{top:0; right:45px;}

/** box2a */
#box2a{top:-13px; left:491px;}
#box2a .defitem{top:0; right:45px;}

/** box4 **/
#box4{top:46px; left:491px;}
#box4 .defitem{top:0; right:45px;}

/** box5 **/
#box5{top:83px; left:355px;}
#box5 .defitem{top:0; right:45px;}

/** box12 **/
#box12{top:218px; left:364px;}
#box12 .defitem{top:0; right:45px;}

/** box20 **/
#box20{top:276px; left:224px;}
#box20 .defitem{top:0; left:45px;}