/**********************************************/
/* NEWS search page
/**********************************************/
/* 
PASTA BLUE light: rgb(33, 100, 155) / #21649B
PASTA BLUE dark: rgb(30, 61, 92) / #1E3D5C
PASTA GREEN: rgb(150, 189, 72) / #96BD32
*/

/**************************************************/
/* General */
/**************************************************/
p.error, p.exception{font-weight: bold; font-size:0.8em; padding:5px; border-radius:4px; border:1px solid rgb(128,0,0);}



/**************************************************/
/* Search form */
/**************************************************/
#form_box{}

#news_search_form { margin:0 15px; }
#news_search_form input#keyword{width:100%; float:left; color:rgb(150,150,150);}

#news_search_form #button-box {font-size:18px;}

#news_search_form #button-box button#search{ margin:0 0 0 -79px; height:34px; padding:6px 10px 4px 10px; border:0; background-color:white; border:1px solid rgb(204, 204, 204); }
#news_search_form #button-box button#search span{color:rgb(150,150,150);}
#news_search_form #button-box button#search:hover{background-color:rgb(240,240,240);}

#news_search_form #button-box a#reset{
	margin:0 0 0 -5px; 
	padding:7px 10px; 
	color:rgb(150,150,150);
	text-decoration: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;   
}
#news_search_form #button-box a#reset:hover{color:rgb(150,150,150); background-color:rgb(240,240,240);}




/*********************************************/
/* Year / Month listing box
/**********************************************/
#year_month_box{display:table; border:1px solid rgb(33, 100, 155); width:95.4%; margin:0 2.3%; padding:0;}

#year_month_box .one_year_box{display:table-cell; padding:3px; }
#year_month_box .one_year_box .heading{ background-color:rgb(33, 100, 155); color:white; font-weight: bold; text-align: center;}
#year_month_box .one_year_box .listing{}
#year_month_box .one_year_box .listing a{display:block; text-decoration: none; text-align: center;}


/* ****************************************
* News results box
**************************************** */
#news_results_box{margin:20px 2.3%;}
#news_results_box header h1{margin:0;}


/***********************************************************/
/* News item
/***********************************************************/
.news_item{border:1px solid rgb(33, 100, 155); margin:3% 0; background-color:white;}

.item_top {background-color:rgb(33, 100, 155);}
.item_top .date{color:white; padding:3px 10px;}
.item_top .direct_link{float:right; font-size:1.2em; padding:0; margin:1px 0 0 0; text-decoration:none; color:white !important; font-weight: normal;}
.item_top .direct_link:hover{background-color:inherit;}

.news_info{}
.news_info .banner{float:left; margin:0 10px 10px; padding:0;}
.news_info h1.title{border:none; font-size:1.6em; margin:15px;}
.news_info .subtitle{}
.news_info .article{ margin:0 15px;}
.news_info .article_link{text-align:right;}

span.highlighted{display:inline !important; padding:0; margin:0; background-color:rgb(255,225,0); font-size:inherit;}




/***********************************************************/
/* Spacer in between items */
.spacer {margin:0 0 20px 0;}
.spacer .spacer_link{float:left; font-size:0.85em; text-decoration:none; padding:0;  }
.spacer .spacer_link:hover{ background-color:white; color:rgb(175,202,0); text-decoration: underline;}
.spacer .spacer_link span{padding-right:4px; color:rgb(175,202,0);}

.spacer .back_to_referrer{padding:0 0 0 10px; margin-right:20px;}




/*********************************************/
/* Pagination
/**********************************************/
#pagination_container{display:table; margin:0 auto 10px auto;}
#pagination_container .page_link{display:block; float:left; width:40px; padding:0; margin:0; font-size:1.1em; text-align:center; border:1px solid rgb(204,204,204); border-width:1px 1px 1px 0;}
#pagination_container .page_link:first-child{border-left-width:1px;}

#pagination_container .current_page{ color:rgb(220,220,220);  }

#pagination_container span{display:block; width:100%; padding:5px;}
#pagination_container a{display:block; width:100%; padding:5px; text-decoration:none; color:rgb(150,150,150);}
#pagination_container a:hover{background-color:rgb(240,240,240);}