/***********************************************************
/* CSS Definition - LGCCC - CITY SUMMARIES
/***********************************************************/

/***********************************************************
/* Function menu */
.function_menu {width:780px; margin:0 0 15px 0; vertical-align:top; border-collapse:collapse; border:1px solid rgb(220,220,220); }
.function_menu tr {padding:0; margin:0;}
.function_menu tr td{padding:0; margin:0;}
.function_menu tr td p{padding:0; margin:0; line-height:25px;}

.function_menu .left_side { padding:0 20px 0 20px;}
.function_menu .left_side p {text-align:left; padding:0px;}
.function_menu .left_side p input {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; background-color:rgb(20,65,121); color:white; padding:0; margin:0;}
.function_menu .left_side p a {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; background-color:rgb(20,65,121); color:white; padding:2px 5px 2px 5px; text-decoration:none; margin:0;}
.function_menu .left_side p a {border:2px solid rgb(230,230,230); border-style:outset; }
.function_menu .left_side p a:active{border:2px solid rgb(230,230,230); border-style:inset; }

.function_menu .right_side { padding:0 20px 0 20px;}
.function_menu .right_side p {text-align:right; padding:0px;}
.function_menu .right_side p input {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; background-color:rgb(20,65,121); color:white; padding:0; margin:0;}
.function_menu .right_side p a {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; background-color:rgb(20,65,121); color:white; padding:2px 5px 2px 5px; text-decoration:none; margin:0;}
.function_menu .right_side p a {border:2px solid rgb(230,230,230); border-style:outset; }
.function_menu .right_side p a:active{border:2px solid rgb(230,230,230); border-style:inset; }

/***********************************************************
/* Quickfilter box */
#quickfilter_box {width:590px; margin:10px 0 15px 0; padding:5px; border:1px solid rgb(220,220,220); }
#quickfilter_box h4{color:rgb(180,180,180); font-size:12px; margin:0; padding:0;}
#quickfilter_box p{ margin:10px 0 0 0; padding:0; font-size:12px;}
#quickfilter_box p a {margin:0 6px 0 0; font-size:12px;}
#quickfilter_box p span {margin:0 6px 0 0; font-size:12px; }

/***********************************************************
/* Quickfilter box */
#display_results_box {width:600px; margin:0 0 2px 0; color:rgb(20,65,121); font-size:13px; font-weight:bold;}


/***********************************************************
/* SEARCH FORM */
#form_search_form {width:600px; font-size:12px; }
#form_search_form table tr{}
#form_search_form table tr td{padding:6px 15px 6px 5px; vertical-align:top;}
#form_search_form table tr th{padding:4px 15px 4px 5px;}

#form_search_form table tr td p{margin:0; padding:0;}
#form_search_form table tr td input{font-size:12px; width:250px;}
#form_search_form table tr td textarea{font-size:12px; width:250px; height:60px;}
#form_search_form table tr td select{font-size:12px;}
#form_search_form table tr td select option{}

#form_search_form #search_city_summaries_menu {width:600px; margin:10px 0 20px 0; border:1px solid rgb(20,65,121);}
#form_search_form #search_city_summaries_menu tr td p .search_field_title{font-size:12px; font-weight:bold; color:rgb(20,65,121);}
#form_search_form #search_city_summaries_menu tr td select option{font-size:12px;}
#form_search_form #search_city_summaries_menu tr #td_order{ text-align:right;}
#form_search_form #search_city_summaries_menu tr #td_match{ text-align:right;}

#form_search_form #city_summaries_search {width:600px; margin:10px 0 20px 0; border:1px solid rgb(20,65,121);}
#form_search_form #city_summaries_search tr td p .search_field_title{font-size:12px; font-weight:bold; color:rgb(20,65,121);}
#form_search_form #city_summaries_search tr td select{font-size:12px;}
#form_search_form #city_summaries_search tr td input{font-size:12px;}

#form_search_form #city_summaries_search tr td p #search_main_sector option em{font-size:11px; font-variant:italic;}

#form_search_form #city_summaries_search tr #search_button{text-align:right;}
#form_search_form #city_summaries_search tr #search_button #search{ width:auto; font-size:12px; font-weight:bold; margin:10px; color:white; background-color:rgb(20,65,121);}


#form_search_form #city_summaries_list_all {width:600px; margin:10px 0 10px 0; border:1px solid rgb(20,65,121); color:rgb(20,65,121);}
#form_search_form #city_summaries_list_all tr #list_all_text{text-align:left; font-size:12px; font-weight:bold;}
#form_search_form #city_summaries_list_all tr #list_all_button{ color:rgb(20,65,121); text-align:right;}
#form_search_form #city_summaries_list_all tr #list_all_button #list_all{ width:auto; font-size:12px; font-weight:bold; margin:10px; color:white; background-color:rgb(20,65,121);}


/***********************************************************
/* SHORTLIST */
#city_summaries_listing_menu {margin:0 0 20px 0;}
#city_summaries_listing_menu .function_menu {width:600px; padding:0; margin:0;}
#city_summaries_listing_menu .function_menu tr .td{vertical-align:top; text-align:right; font-size:11px;}
#city_summaries_listing_menu .function_menu tr .td p{padding:0; margin:0;}
#city_summaries_listing_menu .function_menu tr .left_side{text-align:right; }
#city_summaries_listing_menu .function_menu tr .left_side p{text-align:right;}
#city_summaries_listing_menu .function_menu tr .left_side p select {font-size:11px;}
#city_summaries_listing_menu .function_menu tr .left_side p select option{font-size:11px;}
#city_summaries_listing_menu .function_menu tr .right_side{text-align:right; }
#city_summaries_listing_menu .function_menu tr .right_side input{width:auto; font-size:11px; font-weight:bold; margin:10px; color:white; background-color:rgb(20,65,121);}

#city_summaries_listing {}
#city_summaries_listing .city_summaries_view {border:1px solid rgb(20,65,121); background-color:rgb(241,246,232); margin:0 0 20px 0; font-size:12px; color:rgb(20,65,121);}
#city_summaries_listing .city_summaries_view .city_summaries_view_organisation {width:580px; padding:10px;}
#city_summaries_listing .city_summaries_view .city_summaries_view_organisation .city_logo_box{float:right; width:200px; height:120px; text-align:right; margin:0; padding:0;}
#city_summaries_listing .city_summaries_view .city_summaries_view_organisation .city_box{float:left; width:340px; margin:0; padding:0;}
#city_summaries_listing .city_summaries_view .city_summaries_view_organisation .city_box .organisation{display:block; font-size:17px; font-weight:bold; margin:0; padding:0;}
#city_summaries_listing .city_summaries_view .city_summaries_view_organisation .city_box .country{display:block; font-size:15px; margin:5px 0 5px 0; padding:0;}
#city_summaries_listing .city_summaries_view .city_summaries_view_organisation .city_box .inhabitants{display:block;  margin:0; padding:0;}
#city_summaries_listing .city_summaries_view .city_summaries_view_organisation .city_box .inhabitants span{display:block; float:left; width:170px;}
#city_summaries_listing .city_summaries_view .city_summaries_view_organisation .city_box .territory{ display:block; font-size:12px; margin:0; padding:0;}
#city_summaries_listing .city_summaries_view .city_summaries_view_organisation .city_box .territory span{display:block; float:left; width:170px;}
#city_summaries_listing .city_summaries_view .city_summaries_view_organisation .city_box .gdp{ display:block; font-size:12px; margin:0; padding:0;}
#city_summaries_listing .city_summaries_view .city_summaries_view_organisation .city_box .gdp span{display:block; float:left; width:170px;}

#city_summaries_listing .city_summaries_view .city_summaries_view_google_link{text-align:right; width:580px; margin:0; padding:0;}
#city_summaries_listing .city_summaries_view .city_summaries_view_google_link a{text-decoration:none; margin:0; padding:0; background-color:transparent;}

#city_summaries_listing .city_summaries_view .city_summaries_view_climate_commitment {display:block; width:580px; min-height:50px;  margin:10px 0 0 0; padding:10px 10px 0 10px; border:0px solid rgb(20,65,121); color:rgb(20,65,121); text-decoration:none;}
#city_summaries_listing .city_summaries_view .city_summaries_view_climate_commitment div { margin:0; padding:0;}
#city_summaries_listing .city_summaries_view .city_summaries_view_climate_commitment div .subtitle{display:block; font-weight:bold;}
#city_summaries_listing .city_summaries_view .city_summaries_view_climate_commitment .city_image_box{float:right; margin:0; padding:0;}
#city_summaries_listing .city_summaries_view .city_summaries_view_climate_commitment .cc_baseline{ margin:0 0 10px 0; padding:0;}
#city_summaries_listing .city_summaries_view .city_summaries_view_climate_commitment .cc_targets{ margin:0 0 10px 0; padding:0;}

#city_summaries_listing .city_summaries_view .city_summaries_view_climate_commitment .cc_results_google_box{float:right; width:270px;  margin:0;}
#city_summaries_listing .city_summaries_view .city_summaries_view_climate_commitment .cc_results_google_box .google_link_box{float:right; text-align:right; font-size:11px; display:block; width:200px;  margin:10px -10px 0 0; padding:0; border:0px solid rgb(20,65,121); text-decoration:none;}
#city_summaries_listing .city_summaries_view .city_summaries_view_climate_commitment .cc_results_google_box .google_link_box img{float:right; margin:2px;}
#city_summaries_listing .city_summaries_view .city_summaries_view_climate_commitment .cc_results_google_box .google_link_box:hover {background-color:rgb(20,65,121); color:white;}

#city_summaries_listing .city_summaries_view .city_summaries_view_climate_commitment .cc_steps{width:300px; margin:0 0 10px 0; padding:0;}
#city_summaries_listing .city_summaries_view .city_summaries_view_climate_commitment .cc_steps .chkbx_line {margin:5px 0 0 0;}
#city_summaries_listing .city_summaries_view .city_summaries_view_climate_commitment .cc_steps .chkbx_line span{margin:0 0 0 6px;}
#city_summaries_listing .city_summaries_view .city_summaries_view_climate_commitment .cc_steps .chkbx_line img{float:left; }