/************************************************************************************
D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 *
*************************************************************************************
* D								******************								  D *
* 1                             ***   News   ***						          1 *
* 0								******************								  0 *
*************************************************************************************
D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 *
/***********************************************************************************/



/************************************************************************************
D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 *
*************************************************************************************
* D								******************								  D *
* 1                             *** TITLE AREA ***						          1 *
* 0								******************								  0 *
*************************************************************************************
D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 *
/***********************************************************************************/

.topContainer
{
	border: solid 1px #f0f0f0;
	border-top: 0;
	background: #fff;
	vertical-align: top !IMPORTANT;
	padding: 5px;
}

/***********************************************/
/* THE DIV THAT CONTAINS THE TITLE OF THE PAGE */
/***********************************************/
.divMainTitleHeadline
{
	font-weight: bold;
	font-size: larger;
	color: #000;
	border-bottom: solid 1px #f0f0f0;
}

/**********************************************************************/
/* THE DIV THAT CONTAINS THE DROP DOWN LIST WITH THE TREEVIEW INSIDE  */
/**********************************************************************/
.divCatChoice
{
	float: left;
	clear: none;
	width: auto;
}


/*******************************************/
/* THE DIV THAT CONTAINS THE SEARCH OPTION */
/*******************************************/
.divSearch
{
	text-align: right;
	float: right;
	clear: none;
}



/************************************************************************************
D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 *
*************************************************************************************
* D								******************								  D *
* 1                           ***  News AREA ***					              1 *
* 0								******************								  0 *
*************************************************************************************
D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 D 1 0 *
/***********************************************************************************/


/**************************************************/
/* THE DIV THAT CONTAINS THE ENTIRE HYPED News    */
/**************************************************/
.divHypeNews
{
	margin-top: 1px;
	border: solid 1px #f0f0f0; border-top: 0px;
	padding: 3px;
	float: left;
	clear: left;
	vertical-align: top; 
	background: #f8f8f8;
}


/**************************************/
/* THE DIV THAT CONTAINS EACH News    */
/**************************************/
.divNews
{
	margin-top: 1px;
	padding: 3px;
	float: left;
	clear: left;
	vertical-align: top; 
	background: white;
	border: 1px solid white;
}


/**********************************************/
/* MOUSE OVER STATE FOR THE HYPED News DIV    */
/**********************************************/
.divHypeNews-hover
{
	margin-top: 1px;
	border: solid 1px #f0f0f0; border-top: 0px;
	padding: 3px;
	float: left;
	clear: left;
	vertical-align: top; 
	background: #f8f8f8;
}

/****************************************/
/* MOUSE OVER STATE FOR THE News DIV    */
/****************************************/
.divNews-hover
{
	margin-top: 1px;
	padding: 3px;
	float: left;
	clear: left;
	vertical-align: top; 
	background: white;
	border: solid 1px #f0f0f0 !Important;
	background: #f8f8f8;
}
	

/********************************************************************/
/* THE DIV THAT CONTAINS THE TABLE WITH ALL HYPED News INFO         */
/* News INFO IS NOT TO BE CONFUSED WITH THE HYPED News ITSELF       */
/********************************************************************/

.divHypeNewsInfo
{
	float: right;
	clear: right;
	border: solid 1px #f0f0f0;
	width: auto;
	background: white;
}

/**************************************************************/
/* THE DIV THAT CONTAINS THE TABLE WITH ALL News INFO         */
/* News INFO IS NOT TO BE CONFUSED WITH THE News ITSELF       */
/**************************************************************/

.divNewsInfo
{
	float: right;
	clear: right;
	border: solid 1px #f0f0f0;
	width: auto;
	max-width: 48%;
	background: #f8f8f8;
}


/*******************************************************************/
/* THE DIV FOR THE News ITSELF (LEAD IN, IMAGE, IMAGE TEXT ETC)    */
/*******************************************************************/

.divHypeNewsContent, .divNewsContent
{
	float: left;
	clear: left;
	width: auto;
	max-width: 49%;

}

/************************************************************************************
/* THE TABLE THAT CONTAINS EXTRA INFO FOR THE HYPED News -> DATES AND USER INFO    */
/***********************************************************************************/
/* ALSO USED HERE FOR NORMAL News INFO TABLE...                                    */
/***********************************************************************************/

.tableHypeNewsInfo, .tableNewsInfo
{ 
	margin: 5px 0 5px 0;
	width: 250px;
	max-width: 280px !IMPORTANT;
}

/******************************************/
/* ALL TABLE CELLS WITHIN THE TABLE ABOVE */
/******************************************/
/* Better be 100% politically correct for FF or he has no idea what you are talking about */

.tableHypeNewsInfo tr td, .tableNewsInfo tr td
{
	color: #999 !Important;
	padding: 3px !Important;
	vertical-align: middle;
	white-space: normal;
}


/************************************/
/* ALL LINKS WITHIN THE ABOVE TABLE */
/************************************/
/* Better be 100% politically correct for FF or he has no idea what you are talking about */
.tableHypeNewsInfo tr td a:link, .tableHypeNewsInfo tr td a:visited,
.tableNewsInfo tr td a:link, .tableNewsInfo tr td a:visited
{
	color: #999;
	text-decoration: none;
}

/***************************************************/
/* MOUSE OVER AND ACTIVE STATES OF THE LINKS ABOVE */
/***************************************************/
/* Better be 100% politically correct for FF or he has no idea what you are talking about */
.tableHypeNewsInfo tr td a:hover, .tableHypeNewsInfo tr td a:active,
.tableNewsInfo tr td a:hover, .tableNewsInfo tr td a:active
{
	color: #765004;
	text-decoration: underline;
}

/****************************************************************/
/* THE TABLE CELL THAT CONTAINS CATEGORY NAMES FOR EACH News    */
/****************************************************************/
.tdHypeCategories, .tdCategories
{
	color: #999 !Important;
	border-bottom: solid 1px #f0f0f0;
}

 .tdHypeCategories span, .tdCategories span { color: #213c74}

/****************************************************************************************/
/* THE TABLE CELL THAT CONTAINS COMMENTS OVERVIEW AS WELL AS LINK TO MAKE A NEW COMMENT */
/****************************************************************************************/

.tdHypeComments
{
	border-top: solid 1px #f0f0f0;
	padding-top: 5px;
}


/*************************************/
/* THE HYPED News HEADLINE ITSELF    */
/*************************************/

a:link.hplHypeHeadline, a:visited.hplHypeHeadline
{
	display: block;
	margin-top: 10px;
	padding-top: 8px;
	border-bottom: solid 1px #f0f0f0;
	color: #cc0000;
	text-decoration: none;
	font-weight: bold;
	font-size: larger;
}


/**************************************/
/* THE NORMAL News HEADLINE ITSELF    */
/**************************************/

a:link.hplHeadline, a:visited.hplHeadline, .lblHeadline
{
	display: block;
	margin-top: 10px;
	padding-top: 8px;
	border-bottom: solid 1px #f0f0f0;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	font-size: larger;
}


/***************************************************/
/* MOUSE OVER AND ACTIVE STATES OF HYPED HEADLINES */
/***************************************************/

a:hover.hplHypeHeadline, a:active.hplHypeHeadline
{
	color: #765004;
	border-bottom: solid 1px #ccc;
}


/*********************************************/
/* MOUSE OVER AND ACTIVE STATES OF HEADLINES */
/*********************************************/

a:hover.hplHeadline, a:active.hplHeadline
{
	color: #765004;
	border-bottom: solid 1px #ccc;
}

/*****************************************/
/* THE HYPED News SUB HEADLINE ITSELF */
/*****************************************/

a:link.hplHypeSubHeadline, a:visited.hplSubHypeHeadline
{
	color: #765004;
	text-decoration: none;
}


/******************************************/
/* THE NORMAL News SUB HEADLINE ITSELF */
/******************************************/

a:link.hplSubHeadline, a:visited.hplSubHeadline
{
	color: #765004;
	text-decoration: none;
}


/*********************************************************/
/* MOUSE OVER AND ACTIVE STARTES OF News SUB HEADLINE */
/*********************************************************/

a:hover.hplHypeSubHeadline, a:active.hplSubHypeHeadline,
a:hover.hplSubHeadline, a:active.hplSubHeadline
{
	text-decoration: underline;
}

.imgHypeLeadInImage, .imgLeadInImage
{
	margin: 3px 10px 3px 0;
}


/*******************************/
/* ALL News READ MORE LINK */
/*******************************/

a:link.aReadMoreNormal, a:visited.aReadMoreNormal
{
	display: inline;
	color: #765004;
	text-decoration: underline;
}

/*******************************************************************/
/* MOUSE OVER AND ACTIVE STATES OF THE ALL News READ MORE LINK */
/*******************************************************************/

a:hover.aReadMoreNormal, a:active.aReadMoreNormal
{
	color: #765004;
	text-decoration: underline;
}


/************************/
/* BLOCK READ MORE LINK */
/************************/

a:link.aReadMoreBlock, a:visited.aReadMoreBlock
{
	color: #765004;
	text-decoration: none
	display: block;
	width: auto;
	margin: 1px;
	padding: 4px;
	/*line-height: 30px;*/

}

/***************************************************************/
/* MOUSE OVER AND ACTIVE STATES OF THE  News READ MORE LINK */
/***************************************************************/

a:hover.aReadMoreBlock, a:active.aReadMoreBlock
{
	background: #765004 url("../../img/buttonBackground.png") repeat-x center;
	text-decoration: underline;
	margin:0;
	color: white;
	border: solid 1px #ccc;
}

/********************/
/* ALL (MOST) ICONS */
/********************/

.imgIcon
{
	display: block;
	float: left;
	width: auto;
	border: 0;
	float: left; clear: none;
	margin-right: 4px;
}

/*******************************************/
/* THE DIV THAT CONTAINS THE LEAD IN IMAGE */
/*******************************************/

.divHypeImg, divImg
{
	display: block;
	width: 100px;
	text-align: center;
	float: left;
	clear: none;
}

/********************************/
/* LEAD IN HYPE IMAGE WITH TEXT */
/********************************/

.imgHypeWithText
{
	display: block;
	width: 100px;
	text-align: center;
	padding: 4px;
	margin-right: 10px;
	float: left;
	color: #666;
}

/***************************/
/* LEAD IN IMAGE WITH TEXT */
/***************************/

.imgWithText
{
	display: block;
	width: 100px;
	text-align: center;
	padding: 4px;
	margin-right: 10px;
	float: left;
	color: #666;
}

/******************************************************/
/* THE OPTIONAL SEARCH TEXTBOX AT THE TOP OF THE PAGE */
/******************************************************/

.SearchBox
{
	font-size: 8pt;
	color: blue;
	border: solid 1px #f0f0f0;
}

.btnSearch
{
	font-size: 8pt;	
}

.arrowButton
{
	padding: 10px;
}


/*************/
/* The Pager */
/*************/

/*************/
/* Left cell */
/*************/

.pager-l
{
	border: solid 1px #f0f0f0;
	background: #f8f8f8;
	border-right: 0;
	color: #333;
	padding: 5px;
}

/***************/
/* Middle cell */
/***************/

.pager-m
{
	border: solid 1px #f0f0f0;
	border-left: 0;
	border-right: 0;
	background-color: #f8f8f8;
	color: #333;
	padding: 5px;
}

/**************/
/* Right cell */
/**************/

.pager-r
{
	border: solid 1px #f0f0f0;
	border-left: 0;
	background: #f8f8f8;
	color: #333;
	padding: 5px;
}

/* the simple page setup classes */

.created
{
    color: #999;
    font-size: smaller;
}