/************************************************************************************
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: dashed 1px #0f5710;
	border-top: 0;
	background: #eaffeb;
	vertical-align: top !IMPORTANT;
	padding: 5px;
}

/***********************************************/
/* THE DIV THAT CONTAINS THE TITLE OF THE PAGE */
/***********************************************/
.divMainTitleHeadline
{

	font-weight: bold;
	color: #0f5710;
	border-bottom: dashed 1px #0f5710;
	font-size: 11pt;
}

/**********************************************************************/
/* 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: dashed 1px #0f5710; border-top: 0px;
	padding: 3px;
	float: left;
	clear: left;
	vertical-align: top; 
	background: #eaffeb;
}


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


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

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

/********************************************************************/
/* 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: dashed 1px #0f5710;
	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;
	width: auto;
	max-width: 49%;
}


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

.divHypeNewsContent, .divNewsContent
{
	float: left;
	clear: left;
	font-size: 9pt; /* hack fyrir eina frétt */

}

/************************************************************************************
/* 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;
	min-width: 200px;
	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: #0f5710 !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: #0f5710;
	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: #0f5710;
	text-decoration: underline;
}

/****************************************************************/
/* THE TABLE CELL THAT CONTAINS CATEGORY NAMES FOR EACH News */
/****************************************************************/
.tdHypeCategories, .tdCategories
{
	border-bottom: dashed 1px #0f5710;
}

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

.tdHypeComments
{
	border-top: dashed 1px #0f5710;
	padding-top: 5px;
}


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

a:link.hplHypeHeadline, a:visited.hplHypeHeadline
{
	display: block;
	margin-top: 10px;
	padding-top: 8px;
	border-bottom: dashed 1px #666;
	color: #0f5710;
	text-decoration: none;
	font-weight: bold;
	font-size: 11point;
}


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

a:link.hplHeadline, a:visited.hplHeadline, .lblHeadline
{
	display: block;
	margin-top: 10px;
	padding-top: 8px;
	border-bottom: dashed 1px #0f5710;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
}


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

a:hover.hplHypeHeadline, a:active.hplHypeHeadline
{
	color: #cc6600;
	border-bottom: dashed 1px orange;
}


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

a:hover.hplHeadline, a:active.hplHeadline
{
	color: #0f5710;
	border-bottom: dashed 1px #ff9933;
}

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

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


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

a:link.hplSubHeadline, a:visited.hplSubHeadline
{
	color: #666;
	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
{
	color: #0f5710;
	text-decoration: none
}

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

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


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

a:link.aReadMoreBlock, a:visited.aReadMoreBlock
{
	color: #0f5710;
	text-decoration: none
	display: block-inline;
	width: auto;
	margin: 1px;
	padding: 4px;
}

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

a:hover.aReadMoreBlock, a:active.aReadMoreBlock
{
	background: url("../../img/mainheader1-middle-halfsize.jpg") repeat-x top;
	text-decoration: underline;
	margin:0;
	color: black;
	border: dashed 1px #0f5710; border-top: 0; margin-top: 1px;
}

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

.imgIcon
{
	border: 0;
	float: left; clear: none;
	margin-right: 4px;
	vertical-align: middle;
}

/*******************************************/
/* 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: 200px;
	text-align: center;
	background: white;
	padding: 4px;
	margin-right: 5px;
	float: left;
	border: dashed 1px #0f5710;
	color: #666;
}

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

.imgWithText
{
	display: block;
	width: 200px;
	text-align: center;
	background: #f5fff6;
	padding: 4px;
	margin-right: 5px;
	float: left;
	border: dashed 1px #0f5710;
	color: #666;
}

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

.SearchBox
{
	font-size: 8pt;
	color: blue;
	border: dashed 1px #0f5710;
}

.btnSearch
{
	font-size: 8pt;	
}

.arrowButton
{
	padding: 10px;
}


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

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

.pager-l
{
	border: dashed 1px #0f5710;
	background: #eaffeb;
	border-right: 0;
	color: #333;
	padding: 5px;
}

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

.pager-m
{
	border: dashed 1px #0f5710;
	border-left: 0;
	border-right: 0;
	background-color: #eaffeb;
	color: #333;
	padding: 5px;
}

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

.pager-r
{
	border: dashed 1px #0f5710;
	border-left: 0;
	background: #eaffeb;
	color: #333;
	padding: 5px;
}