/***********************************************************/
/* CSS Definition - ICLEI ACTIVITY 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 {background-image:url(../_images/shortlist_item_frame_middle.jpg_); background-repeat:repeat-y;}

#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{height:10px; background-repeat:no-repeat; border:1px solid rgb(220,220,220); border-width:1px 1px 0 1px;}
#content .table_shortlist .tr_item_middle{border:1px solid rgb(220,220,220); border-width:0 1px 0 1px;}
#content .table_shortlist .tr_item_bottom{padding:0; margin:0;  background-color:white; background-image:url(../_images/shortlist_item_frame_bottom.jpg_); background-repeat:no-repeat;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:left; vertical-align:middle;}
#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); padding:2px 5px 2px 5px;}
#content .table_shortlist .tr_item_top td .date{float:right; color:rgb(0,102,102); font-weight:bold; font-size:12px; padding:1px 0 0 10px; margin:0;}
#content .table_shortlist .tr_item_top td .title{color:black; font-weight:bold; font-size:13px; padding:0; margin:3px;}

#content .table_shortlist tr .td_activity_info{width:515px; padding:0 5px 0 5px; }
#content .table_shortlist tr .td_activity_info .title{color:rgb(0,102,102); font-weight:bold; border:none; font-size:15px; margin:10px 0 0 0; padding:0;}
#content .table_shortlist tr .td_activity_info .description{font-size:11px; margin:0; padding:10px 0 0 0; line-height:15px;}
#content .table_shortlist tr .td_activity_info .topics {margin:10px 0 15px 0; padding:0;}
#content .table_shortlist tr .td_activity_info .topics span{float:left; font-weight:bold;}
#content .table_shortlist tr .td_activity_info .topics ul{float:left; display:block; font-size:11px; margin:2px 0 0 30px; padding:0; }

#content .table_shortlist tr .td_activity_info .clear0 {clear:both; height:1px; margin:0; padding:0; border:none; font-size:0px; overflow:hidden;}

#content .table_shortlist .tr_item_bottom td .last_update {float:left; font-size:10px; color:rgb(200,200,200);}

#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;}


/***********************************************************/
/* ACTIVITY VIEW
/***********************************************************/
#div_back_box {text-align:left; padding:0; margin:10px 0 15px 0;}
#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;}

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

#div_view_box *{font-size:12px;}
#div_view_box {margin:10px 0 0 0;}

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

#div_view_box #activity_view {width:525px;  background-repeat:repeat-y; border-collapse:collapse; border:1px solid rgb(220,220,220);}
#div_view_box #activity_view tr {}

#div_view_box #activity_view .tr_item_top td {background-image:url(../../images/main_menu_li_level_1_bg.jpg); padding:2px 5px 2px 5px;}
#div_view_box #activity_view .tr_item_top td .date{float:right; color:rgb(0,102,102); font-weight:bold; font-size:12px; padding:1px 0 0 10px; margin:0;}
#div_view_box #activity_view .tr_item_top td .title{color:black; font-weight:bold; font-size:13px; padding:0; margin:3px;}

#div_view_box #activity_view .tr_item_middle td{border-right:1px solid rgb(220,220,220);}
#div_view_box #activity_view .tr_item_bottom{height:27px; background-image:url(../_images/shortlist_item_frame_bottom.jpg_); background-repeat:no-repeat;}

#div_view_box #activity_view tr .td_activity_info{width:525px; padding:5px 10px 0 10px; }
#div_view_box #activity_view tr .td_activity_info .title{color:rgb(0,102,102); font-weight:bold; border:none; font-size:15px; margin:10px 0 0 0; padding:0;}
#div_view_box #activity_view tr .td_activity_info .description{font-size:12px; margin:0; padding:10px 0 0 0; line-height:15px;}
#div_view_box #activity_view tr .td_activity_info .description span{font-weight:bold;}
#div_view_box #activity_view tr .td_activity_info .topics {margin:10px 0 15px 0; padding:0;}
#div_view_box #activity_view tr .td_activity_info .topics span{font-weight:bold;}
#div_view_box #activity_view tr .td_activity_info .topics ul{display:block; font-size:11px; margin:2px 0 0 20px; padding:0; }

#div_view_box #activity_view tr .td_activity_info .staff_contact_info_box{float:right; width:280px; padding:5px; margin:10px; border:1px solid rgb(200,200,200);}
#div_view_box #activity_view tr .td_activity_info .staff_contact_info_box .coordinator{margin:0 0 5px 0;}
#div_view_box #activity_view tr .td_activity_info .staff_contact_info_box .coordinator div{width:85px; float:left; font-weight:bold;}
#div_view_box #activity_view tr .td_activity_info .staff_contact_info_box .contact{}
#div_view_box #activity_view tr .td_activity_info .staff_contact_info_box .contact .contact_title{width:85px; float:left; font-weight:bold;}
#div_view_box #activity_view tr .td_activity_info .staff_contact_info_box .contact .contact_box {float:left; margin:0 0 5px 0;}
#div_view_box #activity_view tr .td_activity_info .staff_contact_info_box .contact .contact_box .contact_name{}
#div_view_box #activity_view tr .td_activity_info .staff_contact_info_box .contact .contact_box .contact_email{}
#div_view_box #activity_view tr .td_activity_info .staff_contact_info_box .staff_involved{background-color:Red;}
#div_view_box #activity_view tr .td_activity_info .staff_contact_info_box .staff_involved .staff_title{width:85px; float:left; font-weight:bold;}
#div_view_box #activity_view tr .td_activity_info .staff_contact_info_box .staff_involved .staff{float:left; width:195px;}

#div_view_box #activity_view tr .td_activity_info .country_region_box{}
#div_view_box #activity_view tr .td_activity_info .country_region_box .country_region_title{font-weight:bold;}
#div_view_box #activity_view tr .td_activity_info .country_region_box .region{ margin:0 0 5px 0;}
#div_view_box #activity_view tr .td_activity_info .country_region_box .region span{text-decoration:underline;}
#div_view_box #activity_view tr .td_activity_info .country_region_box .country{}
#div_view_box #activity_view tr .td_activity_info .country_region_box .country span{text-decoration:underline;}
#div_view_box #activity_view tr .td_activity_info .country_region_box .language{ margin:10px 0 0 0;}
#div_view_box #activity_view tr .td_activity_info .country_region_box .language span{font-weight:bold;}

#div_view_box #activity_view tr .td_activity_info .project_url { margin:10px 0 0 0;}
#div_view_box #activity_view tr .td_activity_info .project_url span{font-weight:bold;}
#div_view_box #activity_view tr .td_activity_info .project_summary { margin:10px 0 0 0;}
#div_view_box #activity_view tr .td_activity_info .project_summary span{font-weight:bold;}


#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; }


/* Partner Box */
#div_view_box #partner_box {border:1px solid rgb(220,220,220);}
#div_view_box #partner_box #partner {font-size:11px;}

#div_view_box #partner_box #partner tr td{font-size:11px; padding:3px 5px 0 5px;}
#div_view_box #partner_box #partner tr .partner_type{font-weight:bold; width:190px;}
#div_view_box #partner_box #partner tr .partner_type_top{font-weight:bold; width:190px; padding-top:15px;}
#div_view_box #partner_box #partner tr .partner_top{padding-top:15px;}
#div_view_box #partner_box #partner tr td a{font-size:11px; text-decoration:none;}
#div_view_box #partner_box #partner tr td a:hover{text-decoration:underline;}
#div_view_box #partner_box #partner_title {color:rgb(0,102,102); font-weight:bold; margin:5px;}


#div_back_box {width:185px; border:1px solid rgb(0,102,102); padding:10px; margin:0; text-align:center;}
#div_back_box a{display:block; text-align:center; font-size:12px; padding:5px 3px 5px 30px; margin:0; background-color:white; background-image:url(../_images/link-dot-backwards-25x25.gif); background-repeat:no-repeat; background-position:60px 0; }



/***********************************************************/
/* 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 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 #links{ margin:10px 0 0 0px; padding:0; list-style:none;}
#form_search #div_results_sorting_box #links li{ margin:0 0 4px 0; padding:0;}

#form_search #div_results_sorting_box #links li a{color:rgb(0,102,102); font-size:11px; font-weight:normal; padding:0 0 0 10px;}
#form_search #div_results_sorting_box #links li a:link{}
#form_search #div_results_sorting_box #links li a:visited{}
#form_search #div_results_sorting_box #links li 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:0 3px;  text-decoration:none; }
#form_search #div_results_sorting_box #links .order_desc{background-image:url(../_images/sorted_desc.gif); background-repeat:no-repeat; background-position:0 3px; text-decoration:none; }
#form_search #div_results_sorting_box #links .order_none{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;}