/*** If the body-width is restricted in other sites, our marker 
     too gets affected, resulting in marker displacement. Hence to 
         overcome this issue, we've to override it by the following style. Ref: #1151, #1304 ***/ 
body{width:auto !important;}

.triangle-background[class]{
	height:25px;
	width:25px;
	background: url(hover2.png) transparent;
}

.triangle-background{
	position:absolute;
	right:	0px;
	top: 	0px;
	height:25px;
	width:25px;
	z-index:2147483643;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='hover2.png');
}

.right-upper-triangle{
	position:absolute;
	right:	0px;
	top: 	0px;
	width:  25px;
	height: 25px;
	z-index:2147483643;
}

.wp-container-div {
	display: block;
	position: absolute;
	z-index: 2147483643;
	width: 300px;
}

.wp-container-div-corner {
	display: block;
	position: fixed;
	top:  1px;
	right: 1px;
	z-index: 2147483643;
	width: 300px;
}

.wp-note-table {
	border: 0;
}

img.wp-note-td {
	display: inherit;
	border: 0;
}

.wp-shadow-left {
	background: url(/images/note/wp-shadow-left1.png) right repeat-y;
}

.wp-shadow-middle {
/*	width: 100%; */
	height: 9px;
	background-color: #283948;
}

.wp-shadow-middle-last {
/*	width: 100%; */
	height: 12px;
	background-color: #283948;
}
.wp-shadow-middle-last > img {
	float: right;
	padding-right: 10px;
	padding-top: 3px;
}

.wp-shadow-right {
	background: url(/images/note/wp-shadow-right1.png) left repeat-y;
}

.wp-shadow-bottom {
	background: url(/images/note/wp-shadow-bottom1.png) top repeat-x;
	width: 100%;
	height: 9px;
}

.wp-shadow {
	clear: both;
	float: left;
	background: url(/images/note/shadow.png) no-repeat bottom right;
	margin: 14px 0 0 17px;
}
.wp-shadow > div {
	background: url(/images/note/shadow2.png) no-repeat left top;
	float: left;
	padding: 0px 6px 6px 0px;
}

.wp-lead_1st-left, .wp-lead-left {
	width: 3px;
}
.wp-lead_1st-left > img, .wp-lead-left > img {
	vertical-align: top;
}


.wp-lead_1st-sep {
	text-align: center;
	min-width: 14px;
	background: url(/images/note/wp-lead_1st-back1.png) transparent repeat-x;
}
.wp-lead-sep {
	text-align: center;
	min-width: 14px;
	background: url(/images/note/wp-lead-back1.png) transparent repeat-x;
}
.wp-lead_1st-sep > img {
	border: 0px;
	margin: 3px 6px 0px 6px;
/*	margin-top: 2px; */
}
.wp-lead-sep > img {
	border: 0px;
	margin: 2px 6px 0px 6px;
/*	margin-top: 2px; */
}


.wp-lead_1st-owner {
	background: url(/images/note/wp-lead_1st-back1.png) repeat-x;
	white-space: nowrap;
/*	vertical-align: middle; */
	padding-top: 1px;
}
.wp-lead-owner {
	background: url(/images/note/wp-lead-back1.png) repeat-x;
	white-space: nowrap;
/*	vertical-align: middle; */
}
.wp-lead_1st-owner > span {
	font: bold 8pt Verdana;
	padding-top: 1px;
}
.wp-lead-owner > span {
	font: bold 8pt Verdana;
}


.wp-lead_1st-info {
	background: url(/images/note/wp-lead_1st-back1.png) repeat-x;
	vertical-align: middle;
	width: 100%;	
	padding-left: 6px;
	padding-top: 1px;
}
.wp-lead-info {
	background: url(/images/note/wp-lead-back1.png) repeat-x;
	vertical-align: middle;
	width: 100%;	
	padding-left: 6px;
}


.wp-lead_1st-rank {
	background: url(/images/note/wp-lead_1st-back1.png) repeat-x;
	padding-top: 3px;

}
.wp-lead-rank {
	background: url(/images/note/wp-lead-back1.png) repeat-x;
	padding-top: 1px;
}

.wp-lead_1st-rank img {
	display: inline;
}

.wp-lead-rank img {
	display: inline;
}

.wp-lead-rank, .wp-lead_1st-rank {
	width: 55px;
	white-space: nowrap;
}


.wp-lead_1st-handle {
	background: url(/images/note/wp-lead_1st-back1.png) repeat-x;
	padding-top: 1px;
}
.wp-lead-handle {
	background: url(/images/note/wp-lead-back1.png) repeat-x;
}


.wp-lead_1st-time {
	background: url(/images/note/wp-lead_1st-back1.png) repeat-x;
	white-space: nowrap;
	padding-top: 2px;
}
.wp-lead-time {
	background: url(/images/note/wp-lead-back1.png) repeat-x;
	white-space: nowrap;
}
.wp-lead_1st-time > span {
	font: 7pt Arial;
}
.wp-lead-time > span {
	font: 7pt Arial;
}

.wp-lead_1st-handle > a > img {
	margin: 2px 4px 0px 0px;
}
.wp-lead-handle > a > img {
	margin: 2px 4px 0px 0px;
}
.wp-lead_1st-right > img, .wp-lead-right > img {
	vertical-align: top;
}

.wp-lead_1st-info, .wp-lead-info {
	text-align: left;
}

.wp-content-left {
	background: url(/images/note/wp-content-left1.png) right repeat-y;
	width: 4px;
	height: 100%;	
}
.wp-content-right {
	background: url(/images/note/wp-content-right1.png) left repeat-y;
	width: 5px;
	height: 100%;	
}

.wp-content-center {
/*	background-color: white; */
	font: 12px Arial;
	padding: 0px 5px 8px 5px;
	text-align: left;
}

.wp-content-lower {
	background: url(/images/note/wp-content-sep.png) top repeat-x;
	vertical-align: baseline;
	padding: 5px 5px;	
	text-align: left;
}

.wp-content-channel {
	font: 10px Arial;
	width: 100%;
}

.wp-content-btn {
	padding-left: 3px;
}

.wp-content-bottom {
	height: 4px;
}

.wp-content-back, .wp-content-bottom, .wp-content-center, .wp-content-left, .wp-content-right, .wp-content-lower {
	background-color: white;
}


.wp-content a {
	color: #ff5900;
}


/* font and color spec */
.wp-lead_1st-owner, .wp-lead-owner, .wp-content-center, .wp-content-channel {
	color: black;
}

/*Design ¹2 */

.wp-container-div-dn2 {
	display: block;
	position: absolute;
	z-index: 2147483643;
	width: 384px;
}

.wp-note-table-dn2 {
	width: 300px;
}


.v_line {
	background: url(/images/note2/v_line.gif)  transparent repeat-x;
	width:1px;
	height:9px;

	
}

.v_line_m{
padding-top:9px;
background-color:#FFFFFF;
width:1px;
}

/*** OLD FIXES:: Gawker Distortions>> top-right-logo positioned correctly. Ref: #1046
	 		   	 GigaOm Distortions>> top-right-logo positioned correctly in IE with the float-fix. Ref: #1162 ***/
/*** NEW: Amazon.com distortions>> top-right-logo positioned correctly. Ref: #1179-comment:3 ***/
.wp-right-logo{
background:#FFFFFF url(/images/note2/right_logo.gif) no-repeat right top;
width:124px;
height:27px;
}

.wp-right-arrow{
background:#FFFFFF url(/images/note2/arrow.gif) no-repeat right top;
width:106px;
height:108px;
}

/* IE ignores styles with [attributes], so it will skip the following. */
.upper-border-dn2[class] {
	height:5px;
	background: url(/images/note2/upper_border.png) transparent repeat-x;
}
/* Mozilla ignores crazy MS image filters, so it will skip the following */
.upper-border-dn2 {
	height:5px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='note2/upper_border.png');
}


.left-border-dn2 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='note2/left_border.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
.left-border-dn2[class] {
	background: url(/images/note2/left_border.png) transparent repeat-y;
}

.tmpl_lead-font-dn2 {
	font-size:19px; 
	font-family: Arial;
	font-weight: bold;
	padding-left:3px; 
	color:#000000;
	text-align: left;
	background-color:#FFFFFF;
}

.tmpl_lead-font-dn2-title {
	font-size:23px;
	font-family: Arial;
	font-weight: bold; 
	padding-left:3px; 
	color:#000000;
	text-align: center;
	background-color:#FFFFFF;
}

.tmpl_lead-font-simple-dn2 {
	font-size:12px; 
	font-family: Arial;
	font-weight: normal;
	padding:0px 0px 0px 3px; 
	text-align: left;
	color:#000000;
	background-color:#FFFFFF;
	margin:0px;
}

.a-dn2 {
	padding-left:0px; 
	font-size:12px; 
	font-family: Arial;
	font-weight: normal;
	color: #000000;
	background-color:#FFFFFF;
}

.a-dn2-show-text {
	text-decoration:underline;
	cursor:pointer;
	padding-left:3px; 
	font-size:12px; 
	font-family: Arial;
	font-weight: normal;
	color: #000000;
	background-color:#FFFFFF;
}

/*** Any of the links should have border;
     nevertheless other site's CSS impose it.
	 Ref: #1109 ***/
.a-dn2-show:link {
	padding-left:3px; 
	font-size:12px; 
	font-family: Arial;
	font-weight: normal;
	color: #000000;
	background-color:#FFFFFF;
	text-decoration:none;
	border:none;
}
.a-dn2-show:visited {
	padding-left:3px; 
	font-size:12px; 
	font-family: Arial;
	font-weight: normal;
	color: #000000;
	background-color:#FFFFFF;
	text-decoration:none;
	border:none;
}
.a-dn2-show:hover {
	padding-left:3px; 
	font-size:12px; 
	font-family: Arial;
	font-weight: normal;
	color: #000000;
	background-color:#FFFFFF;
	text-decoration:underline;
	border:none;
}


.align-right-dn2 {
	text-align: right;
	background-color:#FFFFFF;
}

.tpm_tr2-line-dn2 {
	background: url(/images/note2/chain_line.gif) transparent repeat-x;
	height:5px;
	/*** Gawker Distortions>> background transparency fixed. Ref: #1046 ***/
	background-color:#FFFFFF;
}



.tpm_tr6-font-dn2 {
	font-size:12px; 
	font-family: Arial;
	font-weight: bold;
	padding-left:3px; 
	text-align: left;
	color:#333333;
	background-color:#FFFFFF;
}

.tmp-background-dn2{
	background-color:#FFFFFF;
}


.tpm_tr2-right-border-dn2[class] {
	background: url(/images/note2/right_border.png) transparent repeat-y;
}

.tpm_tr2-right-border-dn2 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='note2/right_border.png');
}

.tmpl-right-border-logo-dn2[class] {
	background: url(/images/note2/right_border_logo.png) transparent repeat-x;
}
.tmpl-right-border-logo-dn2_2[class] {
	background: url(/images/note2/right_border_logo2.png) transparent repeat-x;
}
.tmpl-right-border-logo-dn2 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='note2/right_border_logo.png');
}


.tmpl-tail-border-dn2[class] {
	background: url(/images/note2/down_border.png) transparent repeat-x;

}
.tmpl-tail-border-dn2 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='note2/down_border.png');
}

/*coners*/
/*Left Upper*/
.left-upper-coner[class]{
	height:5px;
	width:10px;
	background: url(/images/note2/left_upper_coner.png) transparent;
}
.left-upper-coner{
	height:5px;
	width:10px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='note2/left_upper_coner.png');
}

/*Left Tail*/
.left-tail-coner[class]{
	width:10px;
	height:11px;
	background: url(/images/note2/left_down_coner.png) transparent;
}
.left-tail-coner{
	width:10px;
	height:11px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='note2/left_down_coner.png');
}

/*Right Upper*/
.right-upper-coner[class]{
	height:5px;
	width:10px;
	background: url(/images/note2/right_upper_coner.png) transparent;
}
.right-upper-coner{
	height:5px;
	width:10px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='note2/right_upper_coner.png');
}

/*Right Tail*/
.right-tail-coner[class]{
	height:5px;
	width:10px;
	background: url(/images/note2/right_down_conner.png) transparent;
}
.right-tail-coner{
	height:5px;
	width:10px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='note2/right_down_conner.png');
}
* Generic fix.
 *  FIXME: As our popup uses only tables, we've to over-ride generic styles that affects
 *         our popup(distortions found in mywebpost.updatelog.com, dlisted.com..), if any;
 *		   careful that this fix affects only our popup!!
 *		   Fixed for both the markers on links & page-corner as well.
 * Charles_04ag04
 **/
.wp-container-div td, .wp-container-div th, .wp-container-div-corner td, .wp-container-div-corner th {
margin:0px !important;
padding:0px !important;
}
.wp-container-div table, .wp-container-div-corner table{
width:300px !important;
margin:0px !important;
padding:0px !important;
}
.wp-container-div img, .wp-container-div-corner img {
margin:0px !important;
padding:0px !important;  
}

/*** To display note-uploaded-image in the popup. Ref: #924 ***/
.tmpl_lead-font-dn2-ntimg{background-color:#FFFFFF;}
	.tmpl_lead-font-dn2-ntimg img{width:auto !important;height:auto !important;margin:0 auto !important;}

/*** The marker shouldn't have any border around it; nevertheless other site's CSS impose it. Ref: #1109 ***/
a.triangle-background:link, a.triangle-background:hover, a.triangle-background:visited{border:none !important;}

/** restrict the overlay-banner container-div; so that larger image if any wouldn't mess-up the popup. Ref: #1098-comment:23 
	 When the 'height' is fixed, FF leaves blank space when an image is lesser height than the fixed one comes; hence it's made 'auto'.
	   Also, in the popup the overlay-banner is extended under the popup-body. Ref: #1097-comment:42, #1098-comment:29 **/
div#wp-mwp-oban{width:280px !important;height:auto !important;}