/***********************  ARTICLE INDEXES (LEFT SIDE LISTINGS ***************/
.ArticleIndexDiv {
	margin-bottom:10px;
}

/* for some reason anchors are overidden gloabally in globalfonts.css */
.ArticleIndexDiv a{			
	/*font-family:inherit;
	font-size:inherit;
	color:inherit;
	line-height:inherit;
	text-decoration:none;*/
	
	/* for IE */
	font-family: Tahoma;
	font-size: 12px;
	color: inherit;
	/* # means it just applies to IE */
	#color:#FFFFFF;
	line-height: 19px;
	text-decoration:none;
}

/* text-indent doesn't affect firefox 
   however set to 0px is required for IE */
.ArticleIndexHeading{
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 12pt;
	background-color: #8C9EB5;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 0px;
	line-height: inherit;
}

.ArticleIndexBody{
	font-family: Tahoma;
	font-size: 12px;
	color: #D2EEF8;
	font-weight: bold;
}

.ArticleIndexBody a{
	text-decoration:underline;	
}


/******************* ARTICLE BODIES (RIGHT SIDE DETAILS) *************************/
.ArticleBody{
	padding-top:0px;
	/* # means it just applies to IE */
	#padding-top:18px;
	margin-bottom:0px;
	width:500px;	
}

.ArticleBodyHeading{
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 13pt;
	background-color: #9EB2C9;
	text-indent: 0px;
	padding-left: 10px;
}

.ArticleBodyBody{
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-style: normal;
}

/* Added ArticleBodyBodyShow and ArticleBodyBodyHidden for 
   the tutorials where the user can expand or collapse the tutorial.*/ 
.ArticleBodyBodyShow{
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-style: normal;
	display:inline;
}

.ArticleBodyBodyHidden{
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-style: normal;
	display:none;
}

/* Added AbstractPostHidden for the abstract for tutorials
   It allows it to visible or not 
 */
.AbstractPostHidden {display:none}

.AbstractPostShown {display:inline}

/********************* ARTICLE IMAGES *****************************************/

.ArticleScreenOuterDiv {		/* all outer screenshot divs should have this */
	width: 20px;
	height: 20px;
	padding: 2px;
}


.ArticleScreenEnlargedDivLeft {	/* enlarged outer divs should also have this */
	margin: 0 28px 15px 0; 
	float: left;
	width: 220px;
	height: 190px;
	padding-right:20px;
	padding-top:20px;
}

.ArticleScreenEnlargedDivRight {	/* enlarged outer divs should also have this */
	margin: 0 28px 15px 0; 
	float: right;
	width: 220px;
	height: 190px;
	padding-left:10px;
}

.ArticleScreenEnlargedDivCentre {	/* enlarged outer divs should also have this */
	margin: 20px 28px 25px 0; 
	width: 220px;
	height: 190px;
	padding-left:100px;
}


.ArticleScreenEnlargedDivMagnify {	/* magnified version of above */
	width: 500px;
	height: 400px;
	padding-left:0px;
	margin-right:0px;
/*	position:absolute;*/
}

.ArticleScreenImageEnlargedDiv {
	/* image div for enlarged screenshot */
	/* the inner div that contains the screenshot */
	/* note padding makes the div grow by 2x so need to account for that when sizing */
	width: 243px; /* width (251) - 2 x 4 (padding)*/;
	height: 182px;
	background-image: url('../Images/Screenshots/243x182/screenshot_background.jpg'); /*	background-repeat: no-repeat;*/ /*	padding: 3px;		padding makes div grow, use margin instead */; /* padding allows screenshot to sit inside of border (background) image */;
	padding: 4px;
	cursor: pointer;
}

.ArticleScreenImageEnlargedMagnify {		/* Magnified version of above */
	width: 500px;		/* width (255) - 2 x 6 (padding)*/
	height: 375px;
	background-image: url('../Images/Screenshots/500x375/screenshot_background.jpg'); /*	background-repeat: no-repeat;*/ /*	padding: 3px;		padding makes div grow, use margin instead */;
/* padding allows screenshot to sit inside of border (background) image */
	padding: 6px;
}

.ArticleScreenTextMain {			/* text under main image */
	margin: 5px 25px 15px 30px;
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
}

.ArticleEnlarge {			/* text under main image */
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-style: normal;
	float:right;	
}


/******************************* ARTICLE FONTS ********************************/

.Articlewhitetext {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-style: normal;
	/*text-align:justify;
	letter-spacing:1px;*/
}

/********************* LIST ***************************************************/


#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

/* width for the ancor */
#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:link
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}

/*********************article content*****************************************/

#categories
{
	margin-left:10px;
	margin-right:10px;
	margin-top:15px;	
}


#leftColumn
{
	padding-left:5px;
	padding-right:165px;
	margin-top: 15px;
	margin-bottom:10px;
}

#rightColumn
{
	float: right;
	/*margin-top: 15px;*/
}