@CHARSET "UTF-8";

/** reset the body props 
Last change:
$Id: espondb.css 2581 2014-10-20 16:11:26Z camillebernard $
$URL: svn+ssh://blerubrus@scm.forge.imag.fr/var/lib/gforge/chroot/scmrepos/svn/stedimetadata/trunk/espondbwebapp2/src/main/webapp/resources/css/espondb.css $
*/


html,body {
	padding: 0;
	margin: 0;
	height: 100%;
	background-color: #ffffff;
	border: none;
	font-family: Trade, Gothic, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

a,a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

h1 {
	font-size: 1.4em;
	color: #003399;
	margin-top: 0;
}

/** the wrapper of the whole page */
#wrapper {
	width: 836px;
	margin: 0px auto 0px auto;
	border-left: solid 22px #003399;
	border-right: solid 22px #003399;
	position: relative;
	min-height: 100%;
	overflow: hidden;
}

/** the parts of the page header and footer */
header {
	width: 836px;
	margin: 0;
	padding: 0;
}

footer {
	padding: 0px;
	width: 836px;
	position: absolute;
	bottom: 0px;
	margin: 0 auto 0 auto;
	clear: both;
}

#lowermenupart_1 {
	height: 17px;
	background-image: url('../images/banner_flags.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

#uppermenupart_1,#uppermenupart_2,#uppermenupart_3,#uppermenupart_4,#lowermenupart_1,#lowermenupart_2,#lowermenupart_3
	{
	clear: both;
	width: 100%;
}

#uppermenupart_1,#uppermenupart_3,#lowermenupart_2 {
	height: 33px;
	background-color: #c8c8c8;
}

#uppermenupart_2,#uppermenupart_4,#lowermenupart_3 {
	background-repeat: no-repeat;
	background-position: center center;
	height: 66px;
}

#uppermenupart_4 {
	background-image: url('../images/banner_home.gif');
}

#uppermenupart_2 {
	background-image: url('../images/logo.gif');
}

.home_menu_entry {
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
}

.home_menu_link {class ="phase" float:left;
	color: #003399 !important;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
}

.right_margin_ten {
	float: right !important;
	margin-right: 10px;
	padding-top: 0px !important;
}

#lowermenupart_3 {
	background-image: url('../images/eu_flag_partfinanced.gif');
}

/** menus */

/** CTS: begin  */
#uppermenu5 {
	background-color: #003399;
	width: 100%;
	height: 30px;
	clear: both;
}

#uppermenu5 ul {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	width: 100%;
	z-index:2000;
}

#uppermenu5 ul li {
	display: inline-block;
	height: 30px;
	float: left;
	list-style: none;
	margin-left: 15px;
	position: relative;
}

#uppermenu5 ul li a,#uppermenu5 ul li a.normal,#uppermenu5 ul li form {
	float: left;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color: #ffffff;
	background-color: #003399;
	padding: 0px;
	margin: 5px 5px 5px 10px;
}

#uppermenu5 ul li form a {
	margin: 0px 0px 0px 0px;
}

#uppermenu5 ul li.last {
	border-right: none;
	float: right;
}

#uppermenu5 ul li a:hover {
	color: #003399;
	background-color: #ffffff;
}

.menuCurrent {
	color: #003399 !important;
	background-color: #FFFFFF !important;
}

.menuNotCurrent {
	color: #FFFFFF !important;
	background-color: #003399 !important;
}

/** sub menu **/
#uppermenu5 li ul {
	margin: 0px;
	padding: 0px;
	display: none;
	position: absolute;
	left: 0px;
	top: 20px;
	background-color: #003399;
	width: auto;
	clear: both;
}

#uppermenu5 li:hover ul {
	margin-top: 5px;
	display: inline;
	width: auto;
	position: absolute;
	white-space: nowrap;
}

#uppermenu5 li ul li {
	list-style: none;
	margin-left: 0px;
	white-space: nowrap;
	display: list-item;
	min-width: 90px;
	color: #ffffff;
	background-color: #003399;
	clear: both;
}

#page_main {
	width: 654px;
	float: rigth !important;
	text-align: left;
	overflow: auto;
	padding-left: 2px;
	height: auto;
}

#page_nav {
	width: 180px;
	background-color: #f2f2f2;
	float: left !important;
	height: 100%;
}

ul.level1,ul.level2 {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 95%;
}

ul.level1 li {
	margin: 5px 5px 5px 5px;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	width: 95%;
}

ul.level1 li a,ul.level2 li a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	width: 95%;
}

ul.level1 li a:hover,ul.level2 li a:hover {
	color: #ffffff;
	background-color: #003399;
	width: 95%;
}

ul.level2 li {
	margin: 5px 5px 5px 15px;
	font-weight: normal;
	color: black;
	width: 95%;
}

ul.level2 li a {
	font-weight: normal;
	width: 95%;
}

/** Titles and subtitle options **/
.title {
	color: #003399;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

.title_background_color {
	background-color: #D8D8D8;
	color: #003399;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
}

.title_no_padding {
	color: #003399;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
}

.subtitle {
	color: #A4A4A4;
	font-size: 12px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
}

.subtitle_black {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

.subtitle_blue {
	color: #607898;
	font-size: 12px;
	font-weight: bold;
}

.subtitle_dark_blue {
	color: #003399;
	font-size: 12px;
	font-weight: bold;
}

.error {
	color: red;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12px;
	width
	=90%;
}

.ok {
	color: blue;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12px;
}

.ok1 {
	color: gray;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12px;
}

.log {
	width: 95%;
	height: auto;
	overflow: auto;
	max-height: 150px;
}

.syntax_validation_error {
	width: 95%;
	border: 1px solid red;
}

.syntax_validation_ok {
	width: 95%;
	border: 1px solid blue;
}

.upload_border {
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

/** Tables **/
#space_table {
	padding-bottom: 2px;
	padding-right: 0px;
	padding-left: 2px;
	padding-top: 0px;
	margin-top: 0px;
	width: 98%;
	align: center;
}

#legend_table {
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	margin-top: 0px;
	width: 98%;
	align: right;
}

.table_search_main_selection{
	width:100%;
}

.table_search_main_selection tr {
	width:98%;
}

.table_search_main_selection td{
	text-align:leftt;
}

.button_launch_search{
	vertical-align: bottom !important;
	padding-top: 10px;
	padding-left: 5px;
	margin-right: 5px;
}

.button_wait_search{
	padding-top: 10px;
	padding-left: 5px;
	width: 30px;
}

/** BEGIN: For h:dataTable **/
.espon_table .rf-dt-shdr-c {
	background-color: #003399;
	color: white;
	font-weight: normal;
	text-align: center;
	background-image: none !important;
	align: center;
}

.espon_table table {
	width: 100%;
	font-size: 10px;
	table-layout: fixed;
}

.espon_table th {
	background-color: #003399;
	color: white;
	font-weight: normal;
	text-align: center;
}

.espon_table tr.fakeheader td {
	background-color: #003399;
	color: white;
	text-align: center;
	font-size: 10px;
}

.espon_table tr.odd td {
	background-color: #DCDDDF; /* #D9E3F8;*/ /* #ffffff*/
	text-align: center;
	font-size: 10px;
}

.espon_table tr.odd td.align-left-col {
	background-color: #ffffff;
	text-align: left;
	align: left;
	font-size: 10px;
}

.espon_table tr td.align-left-col {
	text-align: left;
	align: left;
	font-size: 10px;
}

.espon_table tr.even td {
	background-color: #f2f2f2;
	text-align: center;
	font-size: 10px;
}

.espon_table tr.highlight td {
	background-color: #FCE42D;
	text-align: center;
	font-size: 10px;
}

.espon_table tr td.upload_date,.espon_table td.upload_date {
	width: 80px !important;
}

.espon_table tr td.id,.espon_table td.id {
	width: 40px !important;
}

.espon_table tr td.generic_fifty,.espon_table td.generic_fifty {
	max-width: 50px !important;
	min-width: 50px !important;
}

.espon_table tr td.generic_seventy,.espon_table td.generic_seventy {
	min-width: 70px !important;
	max-width: 70px !important;
}

.espon_table tr td.generic_min,.espon_table td.generic_min {
	max-width: 100px !important;
	min-width: 100px !important;
}

.espon_table tr td.generic_middle,.espon_table td.generic_middle {
	max-width: 120px !important;
	min-width: 120px !important;
	
}


.espon_table tr td.generic_max,.espon_table td.generic_max {
	max-width: 170px !important;
	min-width: 170px !important;
	
}

.column_content_stop_overflow{
    overflow: hidden;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.espon_table tr td.dataset,.espon_table td.dataset {
	width: 100px !important;
}

.espon_table tr td.status,.espon_table td.status {
	width: 80px !important;
}

.espon_table tr td.provider,.espon_table td.provider {
	width: 80px !important;
}

.espon_table tr td.project,.espon_table td.project {
	width: 90px !important;
}

.espon_table tr td.download,.espon_table td.download {
	width: 40px !important;
}

/** search results table **/
.espon_table tr td.indicator,.espon_table td.indicator {
	width: 285px;
	text-align: left;
}

.espon_table tr td.indicatoroverview,.espon_table td.indicatoroverview
	{
	width: 150px;
	text-align: left;
}

.espon_table tr td.years,.espon_table td.years {
	width: 60px;
	text-align: left;
}

.espon_table tr td.yearsoverview,.espon_table td.yearsoverview
	{
	width: 80px;
	text-align: center;
}

.espon_table tr td.casestudysa,.espon_table td.casestudysa
	{
	width: 260px !important;
	text-align: left;
}

.espon_table tr td.spatial,.espon_table td.spatial {
	width: 100px;
	text-align: center;
}

.espon_table tr td.code,.espon_table td.code {
	width: 100px;
	text-align: left;
}

.espon_table tr td.level,.espon_table td.level {
	width: 40px !important;
	text-align: center;
}

.espon_table tr td.min,.espon_table td.min {
	width: 20px !important;
	text-align: center;
}

.espon_table tr td.completeness,.espon_table td.completeness
	{
	width: 100px;
	text-align: center;
}

.espon_table tr td.themes,.espon_table td.themes {
	width: 100px;
	text-align: left;
}

.espon_table tr td.datatype,.espon_table td.datatype {
	width: 100px;
	text-align: center;
}

.espon_table tr td.keywords,.espon_table td.keywords {
	width: 120px;
	text-align: left;
}

.espon_table tr td.icons,.espon_table td.icons {
	min-width: 90px;
	max-width: 90px;
	text-align: center;
}

.espon_table tr td.icons_indicator,.espon_table td.icons_indicator, .header_icons_indicator{
	width: 48px;
	text-align: right;
	background-color: #FFFFFF !important;
}

/** Table details tracking (dataset-details.xhtml) **/
.espon_table tr td.details_occurredOn,.espon_table td.details_occurredOn
	{
	width: 100px;
	text-align: center;
}

.espon_table tr td.details_state,.espon_table td.details_state
	{
	width: 450px;
	text-align: center;
}

.espon_table tr td.details_name,.espon_table td.details_name
	{
	width: 200px;
	text-align: center;
}

.espon_table tr td.details_project,.espon_table td.details_project
	{
	width: 80px;
	text-align: center;
}

.espon_table .rf-dt-thd,.espon_table .rf-dt-shdr,.espon_table .rf-dt-shdr-c
	{
	background-color: #003399;
	color: white;
	font-weight: normal;
	text-align: center;
}

/** END: For h:dataTable **/
.richpanel {
	width: 98%;
}

.textform {
	color: #003399;
	font-size: 12px;
	font-weight: bold;
}

.text-gray {
	color: gray;
	font-size: 11px;
}

.uppemenulinks {
	border: 0;
	height: 100%;
	width: 100%;
}

.upper_menu_entry {
	padding: 0px;
	margin: 4px 5px 4px 10px;
	background-color: #003399;
}

div.upper_menu_link a,div.upper_menu_link a:hover,div.upper_menu_link_current a
	{
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}

div.upper_menu_link a:hover {
	color: #003399;
	background-color: #ffffff;
}

div.upper_menu_link a {
	color: #ffffff;
	background-color: #003399;
}

/** page content elements */
.wrapper_contents {
	margin: 15px 0px 15px 0px;
	padding: 0px;
	width: 100%;
	padding-bottom: 116px;
	display: inline-table;
}

.box_with_border {
	background-color: #f2f2f2;
	padding: 10px;
	margin: 10px 20px 10px 0px;
	border-style:solid;
	border-width:1px;
	border-color:#A4A4A4 !important;
}

.box_information {
	font-size: 13px;
	padding: 10px !important;
	margin-left: 20px !important;
	text-align : justify;
}

.box {
	background-color: #f2f2f2;
	padding: 10px;
	margin: 0px 0px 10px 0px;
}

.box_search{
	background-color: #f2f2f2;
	padding: 10px;
	margin: 0px;
}

/** Welcome page */
#welcome_left_column {
	float: left;
	width: 250px;
	margin-bottom: 100px;
}

#welcome_right_column {
	float: right;
	width: 250px;
	margin-bottom: 100px;
}

#welcome_center_column {
	background-color: #ffffff;
	float: left;
	width: 315px;
	margin-bottom: 100px;
	text-align: justify;
}

#welcome_center_column .box {
	background-color: transparent;
}

#welcome_center_column h1 {
	text-align: center;
}

#last_news_box,#last_news_box a {
	color: #000000;
}

#last_news_box ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#last_news_box li {
	margin-bottom: 4px;
}

#welcome_right_column h1,#welcome_left_column h1 {
	font-weight: normal;
}

#resources_list,#tools_list,#indicators_list {
	padding-left: 20px;
	list-style-type: none;
}

#resources_list li a,#tools_list li a,#profiles_list li a,#indicators_list li a
	{
	font-size: 12px;
}

#profiles_list li a {
	color: #DF0101;
}

#profiles_list {
	padding-left: 0;
	text-align: center;
	list-style-type: none;
}

#profiles_list input {
	margin-bottom: 5px;
}

.arrow_link {
	margin-left: 6px;
}

#last_news_box .backofficeButton {
	float: right;
	font-size: 9pt;
	position: relative;
	top: -15px;
	text-decoration: underline;
}

/** News Back Office */
#news_operation_success,#news_operation_failure {
	margin-left: 10px;
}

#news_operation_success {
	color: green;
}

#news_operation_failure {
	color: red;
}

.titleCol {
	text-align: left;
}

.backoffice_news_table,.news_edition_table {
	margin: auto;
	margin-bottom: 10px;
	vertical-align: top;
}

#backoffice_news_form_block,#backoffice_news_list_block {
	text-align: center;
}

.news_edition_table td {
	vertical-align: top;
	text-align: left;
}

.news_edition_table td:first-child {
	text-align: right;
}

#backoffice_news_form_block input[type='text'],#backoffice_news_form_block textarea
	{
	width: 500px;
}

/** Override properties of rich:select used in the search form */
.rf-sel-inp {
	width: 680px !important;
	padding-top: 0px;
	margin-top: 0px;
}

/**sets the width of combo box of what filter*/
#formSearch\3A selectThemes2 input.rf-sel-inp,#formSearch\3A selectPolicies2 input.rf-sel-inp,#formSearch\3A selectProjects2 input.rf-sel-inp
	{
	width: 140px !important;
}

.rf-sel-lst-scrl {
	width: 680px !important;
	min-height: 100px !important;
	max-height: 300px !important;
}

.rf-sel-dflt-lbl {
	color: black;
}

/** Override properties of rich:autocomplete used in the search form */
.rf-au-inp {
	width: 690px !important;
	padding-top: 0px;
	margin-top: 0px;
}

.rf-au-fld {
	width: 690px !important;
	padding-top: 0px;
	margin-top: 0px;
}

.rf-au-itm-sel {
	background-color: #003399;
}

.rf-au-itm-sel {
	background-color: #f2f2f2;
}

/** Override for search filters accordion */
.rf-cp {
	background: #f2f2f2 !important;
}

.rf-cp-hdr {
	color: white !important;
	background: #003399 !important;
}

.rf-cp-hdr-exp {
	color: white !important;
	background: #003399 !important;
}

.rf-cp-hdr-colps {
	color: white !important;
	background: #003399 !important;
}

.rf-cp-ico {
	color: #f2f2f2 !important;
}

.rf-cp-exp-ico {
	color: white !important;
}

/** report accordion **/
.report .rf-cp {
	background: #f2f2f2 !important;
	border: none !important;
}

.report .rf-cp-hdr {
	color: #003399 !important;
	background: #f2f2f2 !important;
	border: none !important;
}

.report .rf-cp-hdr-exp {
	color: #003399 !important;
	background: #f2f2f2 !important;
	border: none !important;
}

.report  .rf-cp-hdr-colps {
	color: #003399 !important;
	background: #f2f2f2 !important;
	border: none !important;
}

.report  .rf-cp-ico {
	color: #f2f2f2 !important;
}

.report .rf-cp-exp-ico {
	color: #f2f2f2 !important;
}

/** rich:select in the upload-form **/
.select-dataset .rf-sel-inp {
	width: 555px !important;
}

.select-dataset .rf-sel {
	width: 555px !important;
}

.select-dataset .rf-sel-lst-scrl {
	width: 555px !important;
}

/** Control the visibility of results table **/
.hidden {
	visibility: hidden;
}

.unhidden {
	visibility: visible;
}

#no_results_message {
	font-size: 12px;
	margin: 15px 10px 15px 10px;
	color: gray;
}

#no_semantic_message {
	font-size: 12px;
	margin: 15px 10px 15px 10px;
	color: gray;
}

.div_left {
	align: left;
	padding-right: 10px;
	padding-left: 2px;
	float: left;
}

.div_right {
	align: right;
	float: right;
	margin-right: 5px;
}

/** Completeness bar **/
.pbClass .rf-pb-lbl {
	color: #FFFFFF;
	font-size: 10px;
}

.pbClass .rf-pb-prgs {
	background-color: #003399 !important;
	color: #003399 !important;
	background-image: none !important;
}

.pbClass .rf-pb-rmng {
	width: 100px !important;
	background-color: #D8D8D8 !important;
}

/** Style for navigation results links **/
.paginationClass:link {
	color: #003399 !important;
	background-color: #FFFFFF !important;
}

.paginationClass:hover {
	color: #FFFFFF !important;
	background-color: #003399 !important;
}

.paginationClass:active {
	color: #FFFFFF !important;
	background-color: #003399 !important;
}

.paginationClassSelected:link {
	color: #FFFFFF !important;
	background-color: #003399 !important;
}

.paginationClassSelected:hover {
	color: #FFFFFF !important;
	background-color: #003399 !important;
}

/** Style for case study form **/
.espondbp2_title_dataset_information {
	color: #003399;
	font-size: 15px;
	font-weight: bold;
	margin-left: 45%;
}

.espondbp2_title_center {
	color: #003399;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

.espondbp2_title_right {
	color: #003399;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	margin-right: 15%;
}

.espondbp2_title_right_no_color {
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	margin-right: 15%;
}

.espondbp2_subtitle {
	color: #A4A4A4;
	font-size: 12px;
	font-weight: bold;
}

.espondbp2_textLabel {
	display: block;
	width: 36%;
	float: left;
	color: #003399;
	font-size: 12px;
	sfont-weight: bold;
}

.espondbp2_sameRow {
	width: 85%;
}

.espondbp2_mandatory,input[type=text].espondbp2_mandatory {
	border: solid 1.5px #FE2E2E;
}

.espondbp2_textarea {
	resize: none;
	height: 120px;
}

.espondbp2_temporal_left {
	display: block;
	width: 10%;
	float: left;
}

.espondbp2_add_button,.espondbp2_add_button {
	margin-left: 25%;
}

.espondbp2_save {
	margin-left: 25%;
}

.espondbp2_part {
	width: 60%;
	margin-left: 25%;
	padding: 10px;
	border-left: 1.5px solid #336699;
	border-right: 1.5px solid #336699;
	border-bottom: 1.5px solid #336699;
	border-top: 1.5px solid #336699;
}

hr {
	width: 90%;
	color: blue;
	height: 3px;
}

.espondbp2_list_project {
	width: 60%;
}

.espondbp2_table {
	width: 100%;
}

.verticalTop {
	vertical-align: top;
}

.resourceTableDescription td {
	vertical-align: top;
}

.resourceTableDescriptionLabel {
	font-weight: bold;
}

.link_dataset_details {
	text-align: right;
	width: 100%;
}

.tableReport td {
	text-align: left;
}

.block {
	display: block;
}

.none {
	display: none;
}

.done {
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	width: 10px ! important;
	text-align: center;
	background-color: #003399 !important;
}

.progress {
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	width: 10px ! important;
	text-align: center;
	background-color: #00b8ff !important;
}

.open {
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	text-align: center;
	width: 10px ! important;
}

.abandoned {
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	text-align: center;
	width: 10px ! important;
	background-color: #ff9966 !important;
}


.removed {
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	text-align: center;
	width: 10px ! important;
	background-color: #ed0000 !important;
	color: white;
}

.legend {
	font-size: 10px;
	text-align: left;
}

.filters {
/* 	background-color: #f2f2f2; */
	margin-bottom: 10px;
	padding: 5px 7px 5px 5px;
}

.empty_summary {
	height: 40px;
}

.title_filter {
	color: #003399;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left:5px;
	/* 	font-size:10px; */
}

.subtitle_filter {
	color: #003399;
}

.filter_name {
	color: white;
	padding: 3px !important;
	margin: 3px !important;
	background-color: #2E2E2E;
	text-align: center;
	border-radius: 5px;
	line-height: 25px;
}

.panel_search_summary{
	margin: 6px 4px 6px 0px !important; 
}

.one_filter {
	color: #333333;
	padding: 3px !important;
	margin: 3px !important;
	background-color: #CCCCCC;
	text-align: center;
	border-radius: 5px;
	line-height: 25px;
}

.button_clear_all {
	float: right !important;
	vertical-align:text-bottom !important;
	width:auto;
}

.delete_filter {
	margin: 6px;
}

.territorial_level {
	margin-top: 5px;
}

.column_popup {
	width: 120px;
}

.link_filter {
	marging-top: 20px;
	margin-left: 20px;
}

.button_clic {
	border-top-color: #28597a;
	background: #28597a;
	color: #ccc;
	padding: 2px;
	margin: 3px;
}

.button {
	padding: 2px;
	margin: 3px;
}

.button_selected_overview {
	padding: 8px;
	margin: 8px;
}

.title_basket {
	color: #003399;
	font-size: 20px;
}

.basket_count {
	color: black;
	font-size: 12px;
	margin-right: 20px;
}

.basket_download_all {
	color: #003399;
	font-size: 16px;
	margin-right: 20px;
}

.link_pdf_overview {
	color: #333333;
	padding: 5px;
	margin: 4px;
	background-color: #CCCCCC;
	text-align: center;
	border-radius: 10px;
	line-height: 25px;
}

.informations {
	width: 800px;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.informations_left {
	width: 600px;
	float: left;
}

.informations_right {
	text-align: center;
	width: 100px;
	float: right;
}

.result_by_page { /* 	padding-top: 25px; */
	padding-left: 5px;
	align: left;
	padding-right: 10px;
	float: left;
}

.button_right {
	border: 1.5px dashed #4B4B4B !important;
	width: 195px;
	float: right;
}

.button_red {
	color: #B40404 !important; 
	font-weight:bold;
}


.button_green {
 color: #0B610B !important; 
 font-weight:bold;
}

.button_blue {
	color: #003399 !important; 
	font-weight:bold;
}

.button_metadata_xls {
	text-align: center;
	width: 60px;
	margin: 5px;
	float: left;
}

.button_metadata_pdf {
	text-align: center;
	width: 100px;
	margin: 5px;
	float: right;
}

.section_with_columns {
/* 	width: 800px; */
	margin-top: 0px;
	padding-bottom: 25px;
	padding-top: 5px;
}

.left_column {
	width: 395px;
	float: left;
}

.right_column {
	width: 395px;
	float: right;
}

.left_column_map {
	width: 170px;
	float: left;
	height:400px;
	
}

.right_column_map {
	width: 660px;
	padding-right:5px;
	float: right;
}

.table_scroll {
	height:380px;
	overflow-y:auto;
	overflow-x:hidden !important;
}

.column_in_two {
	width: 395px;
	margin-top: 0px;
	padding-bottom: 25px;
	padding-top: 5px;
}

.left_part {
	width: 195px;
	float: left;
}

.right_part {
	width: 195px;
	float: left;
}

.spacer {
	clear: both;
}

a.info_left { /* position:relative; */
	float: right;
	z-index: 24;
	color: #000;
	text-decoration: none;
}

a.info_left:hover span {
	display: block;
	position: absolute;
	top: 250px;
	left : 630px;
	width: 15em;
	border: 1px solid #000;
	background-color: #FFF;
	color: #003399;
	font-weight: none;
	padding: 5px;
}

a.info_left span {
	display: none;
	position: relative;
}

a.info {  
	position:relative; 
	float: right;
	color: #000;
	text-decoration: none;
	text-align : left;
}

a.info:hover {
	z-index: 1010;
	position: relative;
}

a.info span {
	display: none;
	position: relative;
}

a.info:hover span {
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 15em;
	border: 1px solid #000;
	background-color: #FFF;
	color: #003399;
	font-weight: none;
	padding: 5px;
}

/* info_bottom*/
a.info_bottom {  
	position:relative; 
	color: #000;
	text-decoration: none;
	text-align : left;
	margin-left: 4px;
	margin-right: -4px;
}

a.info_bottom:hover {
	position: relative;
}

a.info_bottom span {
	z-index: 2000;
	display: none;
	float:left;
}

a.info_bottom:hover span {
	z-index: 2000;
	display: block;
	position: absolute;
	top: 2em;
	left: -115px;
	width: 13em;
	border: 1px solid #000;
	background-color: #FFF;
	color: #003399;
	font-weight: none;
	padding: 2px;
}
/* info_bottom  */

a.info_position_relative {
	z-index: 24 ;
	color: #000;
	text-decoration: none
}

a.info_position_relative:hover {
	z-index: 25;
	position: relative;
}

a.info_position_relative span {
	display: none;
	position: relative;
}

a.info_position_relative:hover span {
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 15em;
	border: 1px solid #000;
	background-color: #FFF;
	color: #003399;
	font-weight: none;
	padding: 5px;
}

hr.dashed {
	border: none;
	float: left;
	width: 100%;
	border-top: 1.5px dashed #4B4B4B;
	height: 4px;
}

.table_metadata td {
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	margin-top: 0px;
	width: 50%;
}

.tooltip {
	background-color: #FFFFFF

;
border-width:3px;
padding:10px;
}

/*BEGIN h:messages style*/
.errorMessage {
	color: red !important;
	margin: 10px !important;
	white-space: pre-line;
	text-align: justify;
}

.infoMessage {
	color: #003399 !important;
	margin: 10px !important;
	text-align: justify;
	white-space: pre-line;
}

.warnMessage {
	color: orange !important;
	margin: 10px !important;
	white-space: pre-line;
	text-align: justify;
}
/*END h:messages style*/

.box_ask_for_account {
	text-align: center;
	padding: 10px;
	margin: 30px;
	border: 1.5px solid #336699 !important;
	width: 50%;
	margin: auto;
}

.form_ask_for_account {
	padding: 10px;
	border: 1.5px solid #336699 !important;
	margin: auto;
	width: 50%;
}

.button_space {
	margin: 20px;
}

.button_padding_left{
	padding-left : 6px;
}

.button_float_right {
	float: right;
}

.button_download {
	text-align: center;
	width: 100px;
	margin: 5px;
	float: right;
}

.column_dowload_metadata_page {
	width: 80px !important;
}

.column_form_output {
	width: 80px;
}

.column_form_output_temporal {
	width: 150px;
}

.one_part_form {
	border: 1px solid #D2CFCF !important;
	margin: 5px;
	padding: 5px;
}

.search_sort {
	padding-left: 10px;
	color: #2E2E2E;
}

.buttonCenter {
	text-align: center;
}

.actual_step {
	color: #003399;
	font-size: 16px;
}

.step {
	color: #A4A4A4;
}

.column_wrap {
	max-width: 60px;
	text-align:center;
	overflow: hidden;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /*Internet Explorer 5.5+*/
}

.column_dataset_filename {
	width: 220px;
	overflow: hidden;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.column_cs_dataset_filename {
	width: 220px;
	overflow: hidden;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.dataset_filename {
	overflow: hidden;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.column_tracking_provider_project{
	overflow: hidden;
	width: 80px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.column_cs_bg_dataset_filename {
	overflow: hidden;
	width: 300px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.word_wrap{
	overflow: hidden;
	width: 400px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.word_wrap_small{
	overflow: hidden;
	width: 300px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.radio_search {
	font-weight: bold;
	color: #003090;
}

.search_columns{
	width: 80px;
}

.search_button {
	margin-right: 4px;
}

.table_button {
	margin: 4px;
}

.summary_title{
	width: 80px;
	text-align: left;
	vertical-align:text-top;
}

.summary_filters{
	width: 735px;
	text-align: justify;
}

.tooltip_custom {
color: #003399 !important;
font-size: 12px !important;
}

.warning{
	color: #B40404 !important; 
	text-align: justify;
}


/* Case study map: Put the the OSM reference at the bottom of the  map */
.olControlAttribution {
 	bottom: 2px !important;
}

/* Case study map: Extends the OpenLayer css classes in order to load a grey background image as OpenLayers missing tile, preferred to the ugly and pink colored one */
.olImageLoadError {
    background-image: url('../images/missing-tile.png');
	background-repeat: no-repeat;
    
}