/* CSS Document */

body{
 	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#DCDADC;	
	background-image:url(images/genericVRLbackground.jpg);
	background-repeat:no-repeat;
	font-family: Verdana, Sans-serif;
	font-size: 11px;
	padding: 0px;
	color: #000033;
}

h1 {font-family: Verdana, Sans-serif;
	font-size: 11px;
	font-weight: bold;}
h2 {font-family: Verdana, Sans-serif;
	font-size: 11px;
	font-weight: bold;}
hr
{
	color: #cccccc;
	background-color: #666666; /*for firefox/mozilla*/
	height: 1px; 
	z-index: 6;
	border-top-style: none;
	border-left-style: none;
}	



img.rightcolumnimage
{float:left; border: solid 1px #DAE3E8; margin-right: 5px; width: 50px;}
img.issuecover  {width: 120px; border: solid 1px silver;}

form			{margin: 0px; padding: 0px;}
select			{width: 400px; color: Navy; font-family: verdana,arial, Sans-serif; font-size: 12px; background-color: #E6E0F0;}
select.day		{width: 36px; }
select.month	{width: 76px; }
select.year		{width: 50px; }
input.input400	{width: 397px; color: Navy; font-family: verdana, arial, Sans-serif; font-size: 12px; background-color: #E6E0F0;}
input.input100	{width: 121px; color: Navy; font-family: verdana, arial, Sans-serif; font-size: 12px; background-color: #E6E0F0;}
input.input300	{width: 295px; color: Navy; font-family: verdana, arial, Sans-serif; font-size: 12px; background-color: #E6E0F0;}
input.submit	{width: 121px; color: Navy; font-family: verdana, arial, Sans-serif; font-size: 12px; background-color: #E6E0F0;}



/* Main text box  =========================================*/

#ticker 
{
	position:		relative; 
	z-index:		6; 
	width:			513px; 
	height:			18px;
	padding-top:		0px;
	overflow:		hidden;
}
#tickerAnchor
{
	text-decoration:	none; 
	color:				navy; 
	font-weight:		bold;
	font-size:			13px; 
	font-family:		verdana; 
	letter-spacing:		-0.5pt;
}
a#tickerAnchor:hover {text-decoration: underline; color: blue;}

	
#rightside 
{
	position:absolute;
	top:105px;
	left:164px;
	height: 600px;
	width: 620px;
	background: transparent;
	overflow:visible;
	padding: 0px;
	margin: 0px;
}
#centerstage
{
	position: relative;
	top: 0px;
	left: 0px;
	width:526px;
	font-family:Verdana,sans-serif;
	font-size:12px;
	color: #000033;
	visibility: visible;
	border: none;
	padding-left: 3px;
	margin-left: 0px;
	margin-right:0px;
	background-color: #ffffff;
	z-index: 1;
	/* overflow: visible; */
	overflow: hidden;
}
#singlecolumn 
{

}
#centerstage br { line-height: 8px;}
#maintext 
{	position: relative; 
	margin: 5px;
	z-index: 3;
}
#maintexthead{background: transparent;	width: 515px;}

img.reduced {width: 433px; margin-top: 5px; margin-bottom: 5px;}
#issuecover img {width: 120px; margin-top: 5px; margin-bottom: 5px;}/*in showArticleList*/

#floatingbox
{
	position: relative;
	width: 150px; 
	float: right; 
	background: transparent;
	border-left: solid 1px silver;
	border-bottom: solid 1px silver;
	padding-left: 4px;
	margin-left: 4px;
	z-index: 6;
}
#leftcolumn		
{
	position: relative;
	background: transparent;
  	top: 0px;
	width: 342px;
	/*height:350px; Removed by PJW as causes problems in IE7 06/10/2009 */	
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 7px;
	padding-top: 2px;
	border-right: solid 1px #BAA6B0;
}

#rightcolumn	
{
	position: absolute;
	top:0px;
	left:350px;
	width:160px;	
	background: transparent;
	margin-left: 5px;
	padding-top: 2px;
}

#maintextarticle	{position: relative; padding:0px; margin: 0px; }
.noImages img		{ height: 0px; visibility: hidden !important;}


#maintextfoot		
{
	background:	transparent;
	position:	relative;
	width: 505px;
	left: 5px;
 }

#actionbar
{
	position: absolute; 
	color: Maroon;
	left: 700px;
	top: 110px;
	margin: 0px;
	font-size: 12px;
	z-index: 3;
	width: 180px;
	background-color:transparent;
	overflow: visible;
}
#logo{visibility: visible;
	position: absolute; 
	left: 15px;
	top: 15px;
	margin: 0px;
	z-index: 3;
}

#tagline
{
	visibility: visible;
	position: relative;
	left: 50px;
	top: -7px;
	margin-bottom: 0px;
}
#banner
{
	visibility: visible;
	position: absolute;
	left: 212px;
	top: 15px;
}
.rhbanner
{
	margin:			0px;
	padding-top:	15px;
	padding-bottom:	0px;
	padding-left:	0px;
	padding-right:	0px;
	text-align:		center;
}
#creditlink{visibility: hidden;}

#creditlink2
{	position: relative; 
	right: -12px;
	top: 8px;
	z-index: 3;
	}
a.creditlink	{font-size: 12px; color: silver; }    
.readmore		{font-size: 12px; font-family: verdana, Sans-Serif; color: Maroon; background-color: White; float: right;}
.readmore2		{font-size: 12px; font-family: verdana, Sans-Serif; color: Maroon; background-color: White; float: right; position: relative; top: 0px;}
.readmore3		{font-size: 12px; font-family: verdana, Sans-Serif; color: #CC9999; background-color: White; float: right; position: relative; top: -1px;}
.readmore4		{font-size: 12px; font-family: verdana, Sans-Serif; color: Maroon; background-color: White;  float: right;  position: relative; top: 6px;}
.readmore5		{font-size: 12px; font-family: verdana, Sans-Serif; color: Maroon;  background-color: White; float: right;}

a.bold			{font-weight: bold; font-family: verdana, Sans-Serif; font-size: 12px; position: relative; top: -4px;}
a.bold2			{height: 22px; font-weight: bold; font-family: verdana, Sans-Serif; font-size: 12px; position: relative; top: -12px;}
a.login			{color:Maroon; font-size:12px;}
.center			{text-align:center}

/* DAILY NEWS STYLES */

.dailynewsdate		{ font-weight:bold;font-size:11px; letter-spacing:-0.5pt; }
.dailynewsstory		{ font-size:10px; }
.dailynewsreadmore	{ text-align:right; color:maroon; font-size:11px; }


/* article styles ========================================================================  */




#article
	{
	border-top: 1px;
	border-color: #cccccc;
	border-top-style: solid;
	border-left: none;
	border-right: none;
	border-bottom: none;
	font-family: Verdana , Sans-serif;
	font-size: 11px;
	padding: 0px;}

.articleredhead
{
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
	font-weight: bold; 
	color: #990000;
	margin-top: .5px;
	text-transform: uppercase;
	} 
.articlebyline{
	font-size: 12px;
	color: #16133D;
	position: relative;
	top: -4px;
	font-family:  Georgia, Times, Serif;
	font-style: italic;
	}
span.articleredheadraised
{
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
	font-weight: bold; 
	color: #990000;
	position:relative;
	top:-16px;
	text-transform: uppercase;
	} 
span.linklistred
{
	font-family: Verdana, Sans-Serif;
	font-size: 12px; 
	color: #990000;
	position:relative;
	top: -3px;
	} 
span.silver {color:Silver; font-size: 12px;}

.articletitle 
{
	font-family: Georgia, Serif;
	font-size: 14px;
	font-weight: Bold; 
	color: #000033;
	margin-top: 4px;
	margin-bottom: 7px;
	position:relative;
	top: -3px;
	} 
.articledate  { position: relative; float:right; color: Maroon; font-weight: bold;	top:-27px;}

hr.articletop
{
	position:relative;
	top: -9px;
}

p {font-size: 12px;}

/* list styles ========================================================================  */

.smallimages img {width: 45px !important; }
.listhead  {font-weight: bold; color: Maroon; font-family: Georgia,Serif; font-size: 17px;}
.listtitle {font-weight: bold; color: #000033; float: left;}
.listbody  { position: relative; margin: 6px; padding-top: 18px; font-family: Verdana, Sans-Serif;}
.listdate  { position: relative; float:right; color: Maroon; font-weight: bold; font-size: 12px;}
.listmore  { position: absolute; right: 20px; color: Maroon; font-weight:normal;}
.listmoredotted  { position: absolute; right: 8px; color: Maroon; border-bottom: dotted 1px silver; }
.listmoredotted:hover  { position: absolute; right: 8px; color: Maroon; border-bottom: solid 1px blue; text-decoration: none; }
.listcode  { position: relative; left: 0px; top: 5px; color: Silver;} 
.listtitlenarrow {position: relative; font-weight: bold; color: #000033; float: none; top: -3px;}
.listmore2 { position: relative; float: right;  color: Maroon; }
a.issuecover img {width: 120px; border: solid 1px silver;}
#listright {position: absolute; top: 0px; left: 50px; background: transparent; margin-top: 5px; margin-right:10px; font-size:13px;}
#issuelist {position: relative; top: 0px; left: 5px; background: transparent; width: 505px;}
.outnow	 {position: relative; left: 0px; height: 20px; background: #000033; color: #ffffff; font: 14px verdana, helvetica,Sans-serif;}
.button	 {position: relative; right: 5px; height: 22px; }
.button5 {position: relative; right: 0px; height: 22px; }
.button10 {position: relative; right: 0px; height: 22px; }
.listtitleindex {padding-left:10px; text-indent: -10px;}

.list {float:none; clear:both; margin-top:2em; background: transparent; margin-top: 5px; font-size:12px;}
.list img {float:left; margin-right:1em; width: 60px !important;}
img.buy {float:right; width:99px !important; margin-right: 0px;}

.issuelisttitle {position: relative; top: -9px; color: Maroon; font-size: 13px; font-family: Verdana, Sans-Serif; font-weight: bold;}
a.region{ color: Maroon; font-size: 11px; font-family: Verdana, Sans-Serif; font-weight: bold;}
.issuelistdate {position: relative; float: right; top: -22px; color: Maroon; font-size: 11px; font-family: Verdana, Sans-Serif; font-weight: bold; font-size:13px; margin-right:0px;}
.issuelistdate:hover{position: relative; float: right; top: -22px; color: Maroon; font-size: 11px; font-family: Verdana, Sans-Serif; font-weight: bold; font-size:13px; margin-right:0px;}

.rowhead {position: relative;  left: 0px; top: 3px; font-family: Georgia, Serif; color: Navy; font-size: 14px; font-weight: Bold; }
a.atozitem{ color: Maroon; font-size: 12px; font-family: Verdana, Sans-Serif; font-weight: bold;}

/* actionbar styles ========================================================================  */

a.nothing 
{
background-color:#000000;
}
a.trialplug 
{
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	}
	
input.actiontext
{
	width:170px;
	color: #000033;
	font-size: 12px;
	font-family: verdana, Sans-serif;
	background-color: #DFDFF0;
	border: solid 1px white;
	border-top-color: silver;
	border-left-color: silver;
	}
input.actionsubmit
{
	background-color: #C2C2CF;
	border-width: 1px;
	width:175px;
	font-size: 12px;
	font-family: verdana, sans-serif;
	margin-top: 3px;
	margin-bottom: 2px;
	}
	
/* Link & menu styles ========================================================================  */

#headermenu
{
	position:relative;
	visibility: visible;
	width: 520px !important;
	top: -12px;
	left: 8px;
	background: none;
	z-index: 5;
	height: 20px;
}

#footermenu
{
	position:relative;
	visibility: visible;
	width: 519px;
	top: 0px;
	color: #C37072;
	font-size: 9px;
	z-index: 6;
	background: #ffffff;
	padding-left:10px;
}

#menulower
{
	font-weight: bold;
	font-size: 11px;
	left: 0px;
	visibility: visible;
	width: 180px;
	color: #000000;
	font-family: Verdana,Arial, Sans-serif;
}

#leftmenu
{ position: absolute;
	top: 120px;
	left: -0px;}
	
#uppermenu
{
	font-weight:	bold;
	font-size:		12px;
	position:		relative;
	left:			0px;
	visibility:		visible;
	overflow:		hidden;
	width:			150px;
	color:			navy;
	padding-left:	10px;
	font-family:	Verdana,Arial, Sans-serif;
	background:		url(images/menubackground.gif) repeat-y;
	letter-spacing:	-0.5pt;
	line-height:	14px;
}
#menufooter
{	background: transparent url(images/vrl-knowledgebank-logo.gif) no-repeat ;
	background-position: center;
	visibility: visible;
	width: 140px;
	height: 90px;
	position: relative;
	top: 0px;
}
.menuitem
{	height: 16px;
	position:relative;
	/*  border-bottom: solid 1px #E3E1E1; */
	width:150px;
	}
.menuitemlower
{	height: 15px;
	position:relative;
	width:160px;
	}
#xhtmlstrict
{	
	position: relative;
	top: 25px;
	left: 12px;
	visibility: visible;
}

#pagebarhead {float: right; margin:0px; padding: 0px; }
#pagebarfoot {float: right; margin:0px; padding: 0px; }

#pagebarleft		{ margin:0px; padding: 0px; left:0px;}
span.pagebarleft	{font-size: 12px; color: #98A2CC;}
a.pagebarleft		{color: #98A2CC;}
a.pagebarleft:hover	{background: yellow;}


#pagebar		{float: right; margin:0px; padding: 0px; }
span.pagebar	{font-size: 12px; color: #98A2CC;}
a.pagebar		{color: #98A2CC;}
a.pagebar:hover	{background: yellow;}
a.pagebar2		{color: #98A2CC;}


ul.leftnav 
{
	position:		relative;
	font-weight:	bold; 
	font-size:		12px; 
	font-family:	"ms sans-serif",verdana,arial,Sans-Serif;
	letter-spacing:	-0.5pt;
	list-style:		inside square;
	padding:		0px;
	margin:			0px;
	margin-left:	0px;
}

li.leftnav
{
	border-bottom:	2px;
	padding-left:	16px;
	margin-left:	0px;
	text-indent:	-16px;
}

.a.li.leftnav:hover 
{ 
	text-decoration: none;
}

ul.leftnavlower
{
	position:		relative;
	font-weight:	bold; 
	font-size:		9px; 
	font-family:	"ms sans-serif",verdana,arial,Sans-Serif;
	letter-spacing:	-0.5pt;
	list-style:		inside square;
	padding:		0px;
	margin:			0px;
	margin-left:	0px;
}

li.leftnavlower
{
	font-weight:	normal; 
	border-bottom:	2px;
	padding-left:	16px;
	margin-left:	0px;
	text-indent:	-16px;
}

.a.li.leftnavlower
{
	color: navy; 
	/*border-bottom: dotted 1px silver;*/
	text-decoration:none;
}

.leftnavtitle
{
	padding-top:15px; 
	list-style: none; 
	margin: 0px; 
	text-indent: -16px;
}

a				{color: #000033; text-decoration: none; }
a:hover			{color: blue; background:  #ffffff; text-decoration: underline; }
a.body			{color: navy; border-bottom: dotted 1px silver;}
a.body:hover	{color: blue; border-bottom: solid 1px blue; text-decoration:none;}
a:link img, a:visited img, a:hover img	{ border-style: none; background: none;} /* no border on img links */
		
a.listlinks
{
	font-size:		11px;
	color:			navy; 
	border-bottom:	dotted 1px silver;
}


a.menucurrentlevel1 
{ font-weight: bold; font-size: 12px; font-family: arial, sans-serif; color: #000033; 
margin-left: 0px; padding: 2px; position:relative; top: -3px; }
.menucurrentlevel1 
{ font-weight: bold; font-size: 12px; font-family: arial, sans-serif; color: #000033; 
margin-left: 0px; padding: 2px; position:relative; top: -3px; }
a.menuplainlevel1
{ font-weight: bold; font-size: 12px; font-family: arial, sans-serif; color: #000000; 
margin-left: 0px; padding: 2px; position:relative; top: -3px;}
.menuplainlevel1
{ font-weight: bold; font-size: 14px; font-family: arial, sans-serif; color: #000000; 
margin-left: 0px; letter-spacing: -0.5pt; padding: 2px; position:relative; top: -3px;}

a.menuplainlevel1:hover{text-decoration: none}
	
a.menucurrentlevel2
{	font-weight: bold;
	font-size: 12px;
	font-family: "ms sans-serif",verdana,arial,Sans-Serif;
	color: White;
	margin-left: 10px;
	background:  navy url(images/point2.gif) no-repeat left center;
	border-bottom: 2px;
	padding: 1px;
	position: relative;
	letter-spacing: -0.5pt;
}
a.menucurrentlevel2:hover
{
	color: White;
	background:  navy url(images/point2.gif) no-repeat left center ;
	border: none;
	padding: 1px;
	position: relative;
	text-decoration: none
}
a.menuplainlevel2
{	font-weight:bold;
	font-size: 12px;
	letter-spacing: -0.5pt;
	font-family: "ms sans-serif",verdana,arial,Sans-Serif;
	color: #000033;
	margin: 0px;
	background: url(images/square.gif) no-repeat left center ;
	padding-left: 50px;
	position:relative;
	text-indent: -50px;
}
a.menuplainlevel2:hover
{	background:  white url(images/point3.gif) no-repeat left center ;}
a.menucurrentlevel3 
{	font-weight: bold;
	color: #ffffff;
	margin-left: 30px;
	background: url(images/arrow.gif) no-repeat left bottom;
	padding: 1px;
	position:relative;
	top: -2px;}
a.menuplainlevel3
{	font-weight: normal;
	color: #EBE4E9;
	margin-left: 38px;
	background: url(images/square.gif) no-repeat left bottom;
	padding: 1px;
	position:relative;
	top: -2px;}
	
a.menuplainlevel4
{	color:White; 
	margin-left: 45px;
	position:relative;
	top: -2px;}

/* lower menu styles */

a.menuplainlevel2:hover{text-decoration: none; border:none; text-decoration: none; letter-spacing: -0.5pt;}
a.menuplainlevel1:hover{background:transparent; border:none; color: #000000; text-decoration: none; letter-spacing: -0.5pt;}
a.menucurrentlevel1lower	{font-weight: normal; font-size: 12px; margin: 0px; letter-spacing: -0.5pt;}
a.menuplainlevel1lower		{font-weight: normal; font-size: 12px; margin: 0px; letter-spacing: -0.5pt;}
a.menuplainlevel1lower:hover{background:none; border: none; color: Black; text-decoration: none; letter-spacing: -0.5pt; }
a.menucurrentlevel2lower	{font-weight: normal; font-size: 12px; margin-left: 10px; padding: 2px; letter-spacing: -0.5pt; }
a.menuplainlevel2lower		{font-weight: normal; font-size: 12px; margin-left: 10px; margin-top: 3px; background: url(images/squareb.gif) no-repeat left center ;  border-bottom:1px dotted #9999CC; letter-spacing: -0.5pt}
a.menuplainlevel2lower:hover{font-weight: normal; font-size: 12px; margin-left: 10px; margin-top: 3px; background: #ffffff url(images/point.gif) no-repeat left center ;  border-bottom:1px solid #9999CC; text-decoration:none; letter-spacing: -0.5pt}
a.menuplainlevel3lower		{font-weight: normal; font-size: 12px; margin-left: 18px; padding: 1px; }

a.menucurrentlevel1header	{font-family: verdana,"sans-serif normal", Sans-serif; font-size: 12px;  color: #000032; background: #ffffff; }
a.menuplainlevel1header		{font-family: verdana,"sans-serif normal", Sans-serif; font-size: 12px;  color: #ffffff;  }
a.menuplainlevel1header:hover {font-family: verdana,"sans-serif normal", Sans-serif; font-size: 12px;  color: blue;  }

a.menucurrentlevel1footer	{font-family: verdana,"sans-serif normal", Sans-serif; font-size: 12px; color: #663333;  }
a.menuplainlevel1footer		{font-family: verdana,"sans-serif normal", Sans-serif; font-size: 12px; color: #663333; }

span.headerbar			{font-family: verdana,"sans-serif normal", Sans-serif; font-size: 9px; color: #999999; margin-left: 6px; margin-right: 6px;}
span.footerbar			{font-family: verdana,"sans-serif normal", Sans-serif; font-size: 9px; color: #CC9999; margin-left: 3px; margin-right: 3px;}
span.highlight			{background: yellow;}

a.indexlink				{font-size: 9px; color: silver;}
a.index:hover			{color: black; background-color: Yellow;}
p.black					{color: #666666; margin: 2px;}

span.lowermenutitle {font-weight: normal; color:#333366; }

li {margin-bottom: 2px;}

tt {font-family:verdana , Sans-serif; font-weight: normal; font-size: 10px;}

/* styles for forms in showRequest.asp ===================================================  */

div.row 
{
width: 430px;	
clear: both;
padding-top: 0px;
}

span.formlabel {
float: left;
width: 120px;
text-align: right;
margin-top: 5px;
font-weight:bold;
}

span.xformlabel {
float: left;
width: 120px;
text-align: right;
font-weight: bold;
margin-top: 5px;
}

span.forminput {
float: right;
width: 290px;
text-align: left;
}

span.xformprompt 
{
float: right;
width: 290px;
text-align: left;
color: #990000;
font-size: 10px;
padding: 0px;
margin: 0px;
}

span.tickcol 
{
float: left;
width: 20px;
text-align: left;	
}

span.ticklabelcol 
{
float: right;
width: 410px;
text-align: left;
}

span.labelcol 
{
float: left;
width: 180px;
text-align: left;	
}

span.infocol 
{
float: right;
width: 250px;
text-align: left;
}

.formitem
{
font-size: 12px;
font-family: verdana, Sans-serif;
width: 300px;
background-color: White;
}


/* styles for faux tables ===================================================  */

.deal1 {width:30%; float: left; background: #e8e7ef; height: 50px;overflow: hidden; padding-left: 2px;}
.deal2 {width:30%; float: left; background: #EFEDF7; height: 50px;overflow: hidden;}
.deal3 {width:10%; float: left; background: #e8e7ef; height: 50px;overflow: hidden;}
.deal4 {width:20%; float: left; background: #EFEDF7; height: 50px;overflow: hidden;}
.deal5 {width:10%; float: left; background: #e8e7ef; height: 50px;overflow: hidden;}

.deal6 {width:30%; float: left; background: white; height: 50px;overflow: hidden;}
.deal7 {width:30%; float: left; background: white; height: 50px;overflow: hidden;}
.deal8 {width:10%; float: left; background: white; height: 50px;overflow: hidden;}
.deal9 {width:20%; float: left; background: white; height: 50px;overflow: hidden;}
.deal10 {width:10%; float: left; background: white; height: 50px;overflow: hidden;}

.column1 {width:50%; float: left; background: white; height: 13px; overflow: hidden;}
.column2 {width:50%; float: left; background: white; height: 13px; overflow: hidden;}
.columnX {width:100%; text-align: center; background: white; height: 22px;overflow: hidden;}
.regiondiv {width: 100%; margin-top: 8px; padding-top: 8px;}

.title		 {position: absolute; width: 520px; margin-left: 6px; margin-bottom: 6px; height: 20px;}
.titleleft	 {width:80%; float: left;  height: 14px;}
.titleright  {width:20%; float: left;  height: 14px; overflow: hidden; color: Maroon; font-weight: bold; text-align:right;}

.title2		 {position: relative; width: 520px; margin-left: 6px; margin-bottom: 6px; height: 20px;}
.titleleft2	  {width:70%; float: left;  height: 14px;}
.titleright2  {width:30%; float: left;  height: 14px; overflow: hidden; color: Maroon; font-weight: bold;}

#backbutton { width: 580px; position: relative; top: 4px; right:-460px; }
#backbutton a {color: #cc6666;}
#backbutton a:hover {color: blue}
#redhead	{position: relative;  width: 505px; height: 20px; top: 0px; left: 5px;  color: #990000; font-weight: bold; border-color: #990000; border-top: 1px; border-left: 0px; border-right: 0px; border-bottom: 0px; border-style: solid;  }
#redheadleft	{width: 82%; float: left;  height: 14px; overflow: hidden; text-transform: uppercase;}
#redheadright   {width: 18%; float: left;  height: 14px; overflow: hidden; }
#articletitlediv { position: relative; top: 15px; left: 5px; font-size: 12px;height: 20px; color: #100E47; font-weight: bold; font-family: Georgia, Times, Serif}
#articlecontent  { position: relative; top: 20px; left: 5px; z-index: 7; margin-right: 10px; }
#articledatediv	{position: relative; float: right; }