/***********************************************************/
/* CSS Definition - ICLEI NEWS SEARCH
/***********************************************************/
/***********************************************************/
/* SHORTLIST
/***********************************************************/
#content .table_shortlist {border-collapse:collapse; padding:0; margin:10px 0 0 0; font-size:11px; clear:both; line-height:16px;}
#content .table_shortlist {}

#content .table_shortlist {width:525px;}

#content .table_shortlist tr{}
#content .table_shortlist tr td{vertical-align:top;}
#content .table_shortlist tr td img{padding:0; margin:0;}
#content .table_shortlist tr td a{font-size:11px;}

#content .table_shortlist .tr_item_top{ border:1px solid rgb(240,240,240);}
#content .table_shortlist .tr_item_middle{border:1px solid rgb(220,220,220); border-width:0 1px 1px 1px;}
#content .table_shortlist .tr_item_bottom{display:none; padding:0; margin:0;  background-color:white; border:1px solid rgb(220,220,220); border-width:0 1px 1px 1px;}
#content .table_shortlist .tr_item_bottom td{ vertical-align:top;}

#content .table_shortlist .tr_item_spacer {height:30px; }
#content .table_shortlist .tr_item_spacer td {text-align:right; vertical-align:middle;}
#content .table_shortlist .tr_item_spacer td .back_to_referrer{float:left; padding:0 0 1px 16px; text-decoration:none; background-image:url(../_images/link-dot-backwards-14x14.png); background-repeat:no-repeat; background-position:0 1px;}
#content .table_shortlist .tr_item_spacer td .back_to_top_link{padding:3px 18px 3px 5px; text-decoration:none; background-image:url(../_images/link-dot-up-14x14.gif); background-repeat:no-repeat; background-position:right;}

#content .table_shortlist .tr_item_top td {background-image:url(../../images/main_menu_li_level_1_bg.jpg)}
#content .table_shortlist .tr_item_top td .date{color:black; font-weight:bold; font-size:12px; padding:5px 0 5px 10px; margin:0; letter-spacing:0;}
#div_view_box #event_view .tr_item_top td .date{color:black; font-weight:bold; font-size:13px; padding:5px 0 5px 5px; margin:0; letter-spacing:0;}

#content .table_shortlist .tr_item_top td .direct_link{float:right; width:16px; padding:0; margin:0; text-decoration:none; background-image:url(../_images/direct_link_icon_14x14.png); background-repeat:no-repeat;}


#content .table_shortlist tr .td_news_info{width:515px; padding:0 5px 0 5px; }
#content .table_shortlist tr .td_news_info .banner{float:right; margin:5px; padding:0;}
#content .table_shortlist tr .td_news_info .title{color:rgb(0,102,102); font-weight:bold; font-size:14px; margin:10px; padding:0; border:none;}

#content .table_shortlist tr .td_news_info .subtitle{ color:rgb(0,102,102); font-weight:bold; font-size:13px; margin:0; padding:0;}
#content .table_shortlist tr .td_news_info .article{font-size:12px; margin:10px; padding:0; }
#content .table_shortlist tr .td_news_info .clear0 {clear:both; height:1px; margin:0; padding:0; border:none; font-size:0px; overflow:hidden;}

#content .table_shortlist .tr_item_bottom td .link {padding:0; text-align:right;}
#content .table_shortlist .tr_item_bottom td .link a{padding:0 15px 0 0; color:rgb(0,102,102); text-decoration:none; background-image:url(../_images/link-dot-forward.gif); background-repeat:no-repeat; background-position:right;}




/***********************************************************/
/* NEWS VIEW
/***********************************************************/
#div_view_box #div_back_box {text-align:left; padding:0; margin:5px 0 15px 0;}
#div_view_box #div_back_box a{color:rgb(0,102,102); font-size:11px; margin:0; padding:0 0 0 15px; text-decoration:none; background-image:url(../_images/link-dot-back.gif); background-repeat:no-repeat; background-position:0 1px;}
#content .table_shortlist .tr_item_bottom td .link a{ }

#div_view_box .clear0{clear:both; height:0px; font-size:0px; overflow:hidden;}

#div_view_box *{font-size:11px;}
#div_view_box {}

#div_view_box h1{clear:both; margin:0 0 10px 0;}

#div_view_box #news_view {width:525px; background-image:url(../_images/shortlist_item_frame_middle.jpg_); background-repeat:repeat-y; border-collapse:collapse;}
#div_view_box #news_view tr {}

#div_view_box #news_view .tr_item_top{height:10px; background-image:url(../_images/shortlist_item_frame_top.jpg_); background-repeat:no-repeat;}
#div_view_box #news_view .tr_item_middle{}
#div_view_box #news_view .tr_item_bottom{height:27px; background-image:url(../_images/shortlist_item_frame_bottom.jpg_); background-repeat:no-repeat;}

#div_view_box #news_view tr .td_news_info{width:525px; padding:5px 10px 0 10px; }
#div_view_box #news_view tr .td_news_info .banner{float:right; margin:5px; padding:0;}
#div_view_box #news_view tr .td_news_info .title{color:rgb(0,102,102); font-weight:bold; font-size:15px; margin:0; padding:0;}
#div_view_box #news_view tr .td_news_info .subtitle{color:rgb(0,102,102); font-weight:bold; font-size:14px; margin:5px 0 0 0; padding:0;}
#div_view_box #news_view tr .td_news_info .date{ color:rgb(0,102,102); font-weight:bold; font-size:13px; margin:10px 0 10px 0; padding:0;}
#div_view_box #news_view tr .td_news_info .location{color:rgb(0,102,102); font-size:13px; font-weight:bold;  margin:0; padding:0;}

#div_view_box #news_view tr .td_news_info .link{ margin:15px 0 0 0; padding:0 0 2px 17px; background-image:url(../_images/link_icon.png); background-repeat:no-repeat; background-position:0 1px;}
#div_view_box #news_view tr .td_news_info .link a{font-size:11px;}

#div_view_box #news_view tr .td_news_info .email{ margin:10px 0 0 0; padding:0 0 2px 17px; background-image:url(../_images/email_icon.png); background-repeat:no-repeat; background-position:0 1px;}
#div_view_box #news_view tr .td_news_info .email a{font-size:11px;}

#div_view_box #news_view tr .td_news_info .float_box_right{float:right; width:180px; margin:15px 5px 10px 10px; padding:5px; border:1px solid rgb(200,200,200); background-color:white;}
#div_view_box #news_view tr .td_news_info .float_box_right .useful_info {clear:both; font-size:11px; padding:0; }
#div_view_box #news_view tr .td_news_info .float_box_right .useful_info span {margin:0; padding:0; font-weight:bold;}
#div_view_box #news_view tr .td_news_info .float_box_right .useful_info .download_item{padding:0; margin:5px 0 10px 0; }
#div_view_box #news_view tr .td_news_info .float_box_right .useful_info .download_item a{padding:2px 0 2px 20px; background-image:url(../_images/download_icon.png); background-repeat:no-repeat; font-size:11px; font-weight:normal;}

#div_view_box #news_view tr .td_news_info .images {clear:both; padding:20px 0 0 0; text-align:center;}
#div_view_box #news_view tr .td_news_info .images .caption{margin:5px 10px 20px 10px; }

#div_view_box p{margin:15px 0 0 0; padding:0; }
#div_view_box p .field_title{display:block; width:130px; float:left; font-weight:bold;}
#div_view_box p .field_value{  float:left; width:360px; }





/***********************************************************/
/* SHORTLIST heading
/***********************************************************/
#shortlist_heading {width:525px; margin:20px 0 10px 0; border:1px dotted rgb(220,220,220); border-width:0 0 1px 0;}
#shortlist_heading .heading{ font-size:15px; color:rgb(0,102,102); font-weight:bold; margin:10px 0 0 0; }
#shortlist_heading .results{font-size:11px; color:rgb(0,102,102); font-weight:normal; padding:0 0 0 20px;}



/***********************************************************/
/* SEARCH FORM
/***********************************************************/
#form_search{margin:10px 0 0 0;}

#form_search * {font-size:11px; margin:0; padding:0; letter-spacing:0;}
#form_search .clear0{clear:both; height:0px; font-size:0px; overflow:hidden;}

#form_search .box_title{font-size:13px; color:rgb(0,102,102); border:1px solid rgb(230,230,230); border-width:0 0 1px 0;}
#form_search .box_title{font-size:13px; color:rgb(0,102,102); font-weight:bold;}

#form_search #search_box{width:185px; background-color:white; border:1px solid rgb(0,102,102); padding:0 10px 0 10px; margin:10px 0 20px 0;}
#form_search #search_box .box_title{font-size:13px; color:rgb(0,102,102); font-weight:bold; padding:5px 10px 5px 10px; border:1px solid rgb(0,102,102); border-width:0 0 1px 0; margin:0 -10px 0 -10px; background-image:url(../../images/main_menu_li_level_1_act_bg.jpg)}

#form_search #search_box #keyword_box{margin:10px 0 20px 0;}
#form_search #search_box #keyword_box span{font-weight:bold;}
#form_search #search_box #keyword_box input{width:100%;}

#form_search #search_box #date_box{margin:0 0 10px 0;}
#form_search #search_box #date_box #date_after_box{margin:5px 0 10px 0;}
#form_search #search_box #date_box #date_before_box{margin:0 0 10px 0;}

#form_search #search_box #date_box .field_title{display:block; font-weight:bold; margin:0; padding:0;}
#form_search #search_box #date_box .field_sub_title{float:left; width:100px;margin:0; padding:0;}
#form_search #search_box #date_box select {float:left; margin:0; padding:0;}
#form_search #search_box #date_box select option{padding-right:5px;}

#form_search #search_box #button_box{text-align:right; margin:0; padding:0;}
#form_search #search_box #button_box p#reset_search{float:left; margin:21px 0 0 0; padding:0; display:block; width:50px; }
#form_search #search_box #button_box p#reset_search a{font-size:11px; background-image:url(../_images/reset-dot-12x12.png); background-repeat:no-repeat; background-position:2px 3px; padding:2px 3px 2px 18px; text-decoration:none; border:1px solid rgb(230,230,230); border-bottom-color:rgb(180,180,180);  border-right-color:rgb(180,180,180);}
#form_search #search_box #button_box input{background-color:white; background-image:url(../_images/link-dot-25x25.gif); background-repeat:no-repeat; background-position:right; border:none; color:black; font-weight:bold; padding:6px 28px 6px 0; margin:10px 0 10px 0; border:1px solid rgb(230,230,230); border-bottom-color:rgb(180,180,180);  border-right-color:rgb(180,180,180); }

#form_search #div_results_sorting_box{width:185px; background-color:white; border:1px solid rgb(0,102,102); padding:0 10px 0 10px; margin:0 0 20px 0;}
#form_search #div_results_sorting_box .box_title{font-size:13px; color:rgb(0,102,102); font-weight:bold; padding:5px 10px 5px 10px; border:1px solid rgb(0,102,102); border-width:0 0 1px 0; margin:0 -10px 0 -10px; background-image:url(../../images/main_menu_li_level_1_act_bg.jpg)}
#form_search #div_results_sorting_box ul {margin:10px 0 10px 30px;}

#form_search #div_results_sorting_box #title{display:none; float:left; font-size:11px; margin:0 0 0 390px; padding:0; color:rgb(50,50,50);}
#form_search #div_results_sorting_box #links{ font-weight:normal; margin:0; padding:0; color:rgb(150,150,150);}

#form_search #div_results_sorting_box #links a{ color:rgb(150,150,150); font-size:11px; font-weight:normal;}
#form_search #div_results_sorting_box #links a:link{}
#form_search #div_results_sorting_box #links a:visited{}
#form_search #div_results_sorting_box #links a:hover{text-decoration:overline underline; background-color:transparent;}
#form_search #div_results_sorting_box #links .order_asc{background-image:url(../_images/sorted_asc.gif); background-repeat:no-repeat; background-position:right;  text-decoration:none; padding:0 9px 0 9px; margin:0 5px 0 5px;}
#form_search #div_results_sorting_box #links .order_desc{background-image:url(../_images/sorted_desc.gif); background-repeat:no-repeat; background-position:right; text-decoration:none;  padding:0 9px 0 9px; margin:0 5px 0 5px;}
#form_search #div_results_sorting_box #links .order_none{ padding:0 9px 0 9px; margin:0 5px 0 5px; text-decoration:none;}

#div_results_page_box{width:185px; background-color:white; border:1px solid rgb(0,102,102); padding:0 10px 10px 10px; margin:0 0 20px 0;}
#div_results_page_box .box_title{font-size:13px; color:rgb(0,102,102); font-weight:bold; padding:5px 10px 5px 10px; border:1px solid rgb(0,102,102); border-width:0 0 1px 0; margin:0 -10px 0 -10px; background-image:url(../../images/main_menu_li_level_1_act_bg.jpg)}
#div_results_page_box .box_title span{font-size:11px; color:rgb(0,102,102); font-weight:normal;}

#div_results_page_box form span{float:left; display:block; width:100px; color:black; font-size:11px; margin:0; padding:0; }
#div_results_page_box form select {float:left; display:block; font-size:11px; color:black;}
#div_results_page_box form select option{color:black; font-size:11px;}