/* ================================= ACCESSIBILITY STYLES ================================= */

.skiplink {
  display: none
}

acronym { 
  border-bottom: 1px dotted black; 
}

/* ================================= DEFAULT STYLES - BASIC ELEMENTS ================================= */

/* set reference font-size */
body {
 font-size: 14px;
}

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 background-image:url(../../images/page-graphics/bg_dot_01.gif);
 color: #000000;
 padding: 0px;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}

.page_wrapper{
 text-align:left;
 background-color: #FFFFFF;
 width:1000px;
 margin:0 auto;
 padding:0 5px 5px 5px;
 border-left:1px solid #999999;
 border-right:1px solid #999999;
 overflow:auto;
 zoom:1;
}

.bar_hor{
 border:0px solid black;
 background-color:#017FDF;
 margin:4px 0 0 0;
 padding:0;
 height:4px;
 clear:both;
 width:100%;
}

#line1, #line2, #line3{
 background-color:#FFFFFF;
}

.separator_hor{
 background-color:#FFFFFF;
 margin:0px;
 clear:both;
 float:left;
 width:100%;
}

a:link {
 color: #004477;
 text-decoration:underline;
 border:0;
}

a:visited {
 color: #004477;
 text-decoration: underline;
}

a:hover {
 color: #176;
 text-decoration: none;
}

a:active {
 color: #004477;
 text-decoration: underline;
}

a.no_decoration {
 text-decoration:none;
}

.is_linked:hover{
 cursor:pointer;
}

p {
 font-size: 14px;
 line-height: 16px; 
 color: #000000;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 5px;
 text-align:justify;
}

.text_left {
  text-align:left;
}

.text_right {
  text-align:right;
}

.text_center {
  text-align:center;
}

li {
margin:0 0 10px 0;
}

ul.compact{
 margin:0 0 0 0;
}

ul.compact li{
 margin:0 0 0 0;
}

ul.cosy{
 margin:0 0 3px; 0;
}

ul.cosy li{
 margin:0 0 3px; 0;
}

div:focus{
 border:none;
 outline:none;
}

div.hover:hover{
 cursor:pointer;
}

img {
 display:block;
}

.validation_error_txt{
 color:#FF0000;
 font-size:10px;
 font-style:italic;
}

.titled_frame_box {
 border:1px dotted #0066CC;
 padding:0;
 margin:15px; 
}

.titled_frame_box .frame_title { 
 border:0px solid red;
 padding:3px 10px 3px 10px;
 margin:0;
 height:15px;
 top:-11px;
 left:10px;
 background-color:#FFFFFF;
 position: relative; 
 display: inline;
}

.titled_frame_box .frame_content {
 margin:0;
 padding:0 10px 10px 10px;
 border:0px solid black;
 overflow:hidden;
 zoom:1;
}

.maintitle {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #005FAA;
 text-align: left;
 font-weight: bold;
}

 
.subtitle {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #005FAA;
 text-align: left;
 font-weight: bold;
}

/* Image styles */

img.border{
 border: 1px solid #000;
}


/* HIDING - SHOWING ELEMENTS */

/* table elements */

.invisible_row {
  display: none;
}

.visible_row {
  display: table-row;
}

.invisible_column {
  display: none;
}

.visible_column {
  display: normal;
}

/* block elements */

.hide {
  display: none;
}

.show {
  display: block;
}


.invisible {
    display:none;
}

.visible {
    display:block;
}


/* ================================= Page Block Styles ================================= */

/*
div#page_wrapper{
 width:2000px;
 margin:0px auto;
 padding:0px 0px 0px 0px;
 border:0px solid green;
 overflow:hidden;
 zoom:1;
}
*/
/* ================================= Footer Styles ================================= */
div.footer_container  {
 background-color: #15453e; 
 height: 14px;
 margin: 0px 0px 0px 0px;
 border: 0px solid #000000;
 padding: 2px 0px 0px 0px;
 text-align:center;
}

.footer_new {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 white-space: nowrap;
 color: #CCCCCC;
 text-decoration: none;
 text-align: center;
 margin:0 auto;
}

.footer_new a:link {
 color: #FFFFFF;
 text-decoration: none;
}

.footer_new a:visited {
 color: #FFFFFF;
 text-decoration: none;
}

.footer_new a:hover {
 color: #FFFFFF;
 text-decoration: none;
}

div.footer_wrapper  {
 height: 14px;
 margin-left:auto;
 margin-right:auto;
 width:250px;
 border: 0px solid #000000;
 padding: 2px 0px 0px 0px;
}

div.footer_wrapper a:link{
 color: #000000;
 text-decoration: none;
}

div.footer_wrapper a:hover{
 color: #000000;
 text-decoration: none;
}

div.footer_wrapper a:visited{
 color: #000000;
 text-decoration: none;
}

div.footer_wrapper a:active{
 color: #000000;
 text-decoration: none;
}

div.footer_wrapper div.footer_text {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 white-space: nowrap;
 text-decoration: none;
 font-weight:bold;
 border: 0px solid red;
 float:left;
}

div.footer_wrapper div.footer_separator {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 white-space: nowrap;
 color: #000000;
 text-decoration: none;
 border: 0px solid red;
 padding:0px 5px 0px 5px;
 float:left;
}

/* INFO BRICK CONTAINER STYLES */

div.info_box_container  {
 background-color: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px solid red; /* #eff5f6 */
}

div.box_tit_container {
 height: 17px;
 background: #017FDF; /*#0160AA, #003399*/
 padding: 2px 0px 2px 5px;
 border: 1px solid #000000; /*#5179b5*/
 margin: 0px 0px 1px 0px;
}

div.box_tit {
 color:#FFFFFF;
 font-size:15px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}


div.box_content_container {
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 overflow: hidden;
 zoom: 1;
}

/* SCROLLABLE CONTENT */
div.box_scroll_info_container {
 background-color: #FFFFFF;
 padding: 0px 3px 0px 5px;
 margin: 0px 0px 0px 0px;
 border-top: 0px solid #999999; 
 border-left: 0px solid #DEEAED;
 border-right: 0px solid #000000;
 border-bottom: 0px solid #000000; /* #eff5f6 */
}


/* BREADCRUMB NEW */

div#page_breadcrumb {
 background-color: #FFFFFF;
 overflow:hidden;
 zoom:1;
 width:800px;
 border:0px solid green;
}

div#page_breadcrumb div.breadcrumb_item {
  float:left;
  font-size:10px;
  line-height:14px;
  font-weight:normal;
  color:#000000;
  white-space:nowrap;
  border:0px solid green;
}

div#page_breadcrumb div.breadcrumb_item a:link {
 color:#000000;
 text-decoration:none;
}

div#page_breadcrumb div.breadcrumb_item a:hover {
 color:#000000;
 text-decoration: underline;
}

div#page_breadcrumb div.breadcrumb_item a:visited {
 color:#000000;
 text-decoration:none;
}

div#page_breadcrumb div.breadcrumb_item a:active {
 color:#000000;
 text-decoration:none;
}

div#page_breadcrumb div.breadcrumb_item_separator {
  float:left;
  font-size:10px;
  line-height:14px;
  font-weight:normal;
  color:#000000;
  border:0px solid green;
  padding:0px 2px 0px 2px;
}

img.img_center{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

#sbas_wrapper{
 margin: 0px 0px 0px 1px;
 height: 52px;
}

.sbas_wrapper{
 background-color:#EEEFFF;
}

.sbas_wrapper_ag{
 background-color:#b1c800;
 width:999px;
 border:0px solid red;
}

.sbas_wrapper_bi{
 background-color:#058878;
}

.sbas_wrapper_cl{
 background-color:#f08a00;
}

.sbas_wrapper_di{
 background-color:#af9e92;
}

.sbas_wrapper_ec{
 background-color:#005ea8;
}

.sbas_wrapper_en{
 background-color:#fcc400;
}

.sbas_wrapper_he{
 background-color:#bd444e;
}

.sbas_wrapper_wa{
 background-color:#82b1b6;
 width:999px;
}

.sbas_wrapper_we{
 background-color:#7a6e66;
}



/* AGRICULTURE */

#sbas_wrapper .sba_wrapper_ag{
 float: left;
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/ag_btn.png');
 background-repeat: no-repeat;
 background-position: left top;
}

#sbas_wrapper .sba_wrapper_ag:hover{
 background-image: url('../../images/page-graphics/ag_btn_hover.png');
 cursor: pointer;
}

#sbas_wrapper .sba_wrapper_ag_chosen{
 float: left;
 width: 111px;
 height: 52px;
 background-image: url('../../images/page-graphics/ag_btn_hover.png');
}

/* BIODIVERSITY */

#sbas_wrapper .sba_wrapper_bi{
 float: left;
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/bi_btn.png');
 background-repeat: no-repeat;
 background-position: left top;
}

#sbas_wrapper .sba_wrapper_bi_chosen{
 float: left;
 width: 111px;
 height: 52px;
 background-image: url('../../images/page-graphics/bi_btn_hover.png');
}

#sbas_wrapper .sba_wrapper_bi:hover{
 background-image: url('../../images/page-graphics/bi_btn_hover.png');
 cursor: pointer;
}

/* CLIMATE */

#sbas_wrapper .sba_wrapper_cl{
 float: left;
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/cl_btn.png');
 background-repeat: no-repeat;
 background-position: left top;
}

#sbas_wrapper .sba_wrapper_cl:hover{
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/cl_btn_hover.png');
 background-repeat: no-repeat;
 background-position: left top;
 cursor: pointer;
}

#sbas_wrapper .sba_wrapper_cl_chosen{
 float: left;
 width: 111px;
 height: 52px;
 background-image: url('../../images/page-graphics/cl_btn_hover.png');
}

/* DISASTERS */

#sbas_wrapper .sba_wrapper_di{
 float: left;
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/di_btn.png');
 background-repeat: no-repeat;
 background-position: left top;
}

#sbas_wrapper .sba_wrapper_di:hover{
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/di_btn_hover.png');
 background-repeat: no-repeat;
 background-position: left top;
 cursor: pointer;
}

#sbas_wrapper .sba_wrapper_di_chosen{
 float: left;
 width: 111px;
 height: 52px;
 background-image: url('../../images/page-graphics/di_btn_hover.png');
}


/* ECOSYSTEMS */

#sbas_wrapper .sba_wrapper_ec{
 float: left;
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/ec_btn.png');
 background-repeat: no-repeat;
 background-position: left top;
}

#sbas_wrapper .sba_wrapper_ec:hover{
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/ec_btn_hover.png');
 background-repeat: no-repeat;
 background-position: left top;
 cursor: pointer;
}

#sbas_wrapper .sba_wrapper_ec_chosen{
 float: left;
 width: 111px;
 height: 52px;
 background-image: url('../../images/page-graphics/ec_btn_hover.png');
}

/* ENERGY */

#sbas_wrapper .sba_wrapper_en{
 float: left;
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/en_btn.png');
 background-repeat: no-repeat;
 background-position: left top;
}

#sbas_wrapper .sba_wrapper_en:hover{
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/en_btn_hover.png');
 background-repeat: no-repeat;
 background-position: left top;
 cursor: pointer;
}

#sbas_wrapper .sba_wrapper_en_chosen{
 float: left;
 width: 111px;
 height: 52px;
 background-image: url('../../images/page-graphics/en_btn_hover.png');
}

/* HEALTH */

#sbas_wrapper .sba_wrapper_he{
 float: left;
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/he_btn.png');
 background-repeat: no-repeat;
 background-position: left top;
}

#sbas_wrapper .sba_wrapper_he:hover{
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/he_btn_hover.png');
 background-repeat: no-repeat;
 background-position: left top;
 cursor: pointer;
}

#sbas_wrapper .sba_wrapper_he_chosen{
 float: left;
 width: 111px;
 height: 52px;
 background-image: url('../../images/page-graphics/he_btn_hover.png');
}

/* WATER */

#sbas_wrapper .sba_wrapper_wa{
 float: left;
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/wa_btn.png');
 background-repeat: no-repeat;
 background-position: left top;
}

#sbas_wrapper .sba_wrapper_wa:hover{
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/wa_btn_hover.png');
 background-repeat: no-repeat;
 background-position: left top;
 cursor: pointer;
}

#sbas_wrapper .sba_wrapper_wa_chosen{
 float: left;
 width: 111px;
 height: 52px;
 background-image: url('../../images/page-graphics/wa_btn_hover.png');
}

/* WEATHER */

#sbas_wrapper .sba_wrapper_we{
 float: left;
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/we_btn.png');
 background-repeat: no-repeat;
 background-position: left top;
}

#sbas_wrapper .sba_wrapper_we:hover{
 width: 111px;
 height: 52px;
 border: 0px solid black;
 background-image: url('../../images/page-graphics/we_btn_hover.png');
 background-repeat: no-repeat;
 background-position: left top;
 cursor: pointer;
}

#sbas_wrapper .sba_wrapper_we_chosen{
 float: left;
 width: 111px;
 height: 52px;
 background-image: url('../../images/page-graphics/we_btn_hover.png');
}

/* SUB MENU STYLES */
.sub_menu_wrapper{
 margin-top:8px;
}

.sub_menu_wrapper div.item_lev_1{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:15px;
 text-align:left;
 padding:2px 0px 2px 2px;
 margin:3px 0 0 0;
}

.sub_menu_wrapper div.item_lev_2_disabled{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:15px;
 color:#CCCCCC;
 text-align:left;
 padding:5px 0px 2px 0px;
 margin:1px 0 0 0;
}

.sub_menu_wrapper div.item_lev_2_with_sub_menu{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-variant:small-caps;*/
 font-size:13px;
 color:#00000;
 text-align:left;
 padding:5px 0px 2px 10px;
 margin:1px 0 0 0;
}


.sub_menu_wrapper div.selected_item{
 background-color:#CCCCCC;
}

.sub_menu_wrapper div.item_lev_2{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
 padding:3px 0px 2px 10px;
 margin:1px 0 0 0;
 color:#0061aa;
}

.sub_menu_wrapper div.item_lev_2:hover{
 background-color:#CCCCCC;
 cursor:pointer;
}

.sub_menu_wrapper div.item_lev_3{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 padding:3px 0px 2px 22px;
 margin:1px 0 0 0;
 color:#0061aa;
}

.sub_menu_wrapper div.item_lev_3:hover{
 background-color:#CCCCCC;
 cursor:pointer;
}


.sub_menu_wrapper a:link{
 text-decoration:none;
}

.sub_menu_wrapper a:visited{
 text-decoration:none;
}

.sub_menu_wrapper a:hover{
 text-decoration:none;
}

.sub_menu_wrapper a:active{
 text-decoration:none;
}

/* ARTICLE STYLES */

div.article_wrapper{
 background-color:#FFFFFF;
 margin:10px 10px 0 10px;
 border:0px solid red;
}

.article_wrapper p{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 20px; 
}

.article_wrapper p.title1{
 color:#0066CC;
 font-size: 18px;
 line-height: 22px; 
}

.article_wrapper p.title2{
 color:#0066CC;
 font-size: 16px;
 line-height: 19px; 
}

.article_wrapper p.title3{
 font-weight:bold;
 color:#000000;
 font-size: 14px;
 line-height: 16px; 
}

/* article list styles */

.article_list_item_wrapper_even{
 background-color:#F5F5F5;
 border:1px solid white;
 margin:0 0 5px 0;
}

.article_list_item_wrapper_odd{
 background-color:#FFFFFF;
 border:1px solid white;
 margin:0 0 5px 0;
}

.article_list_item_wrapper_even:hover , .article_list_item_wrapper_odd:hover{
 cursor:pointer;
 border:1px solid black;
}

.article_list_item_wrapper_even a:link{
 color:#333333;
}

.article_list_item_wrapper_even a:visited{
 color:#333333;
}
.article_list_item_wrapper_even a:hover{
 color:#333333;
}
.article_list_item_wrapper_even a:active{
 color:#333333;
}

.article_list_item_wrapper_odd a:link{
 color:#333333;
}

.article_list_item_wrapper_odd a:visited{
 color:#333333;
}
.article_list_item_wrapper_odd a:hover{
 color:#333333;
}
.article_list_item_wrapper_odd a:active{
 color:#333333;
}

.article_list_item{
 color:#000000;
 padding:5px 15px 5px 15px;
 font-size:80%;
 text-align:justify;
}


/* IMAGES IN ARTICLE STYLES  */

.article_wrapper div.image_wrapper{ 
 font-size:70%;
 text-align:justify;
 background-color:#F3F3F3;
 overflow:hidden;
 zoom:1;
}  

.article_wrapper div.left{
  float:left;
  padding: 1px 3px 3px 3px;
  margin: 4px 10px 5px 0px;
}

.article_wrapper div.right{
  float:right;
  padding: 1px 3px 3px 3px;
  margin: 4px 0px 5px 10px;
}

.article_wrapper div.breedte{
  width:300px;
}

/* LOGOS IN ARTICLE STYLES */

.logos_wrapper{
 clear:both;
 margin-top:10px;
 margin-left:0px;
 border:0px solid red;
 overflow:hidden;
 zoom:1;
}

.logos_wrapper div.logo_wrapper{
 display:block;
 margin:4px 4px 0px 0px;
 border:1px solid #CCCCCC;
 overflow:hidden;
 zoom:1;
 text-align:center;
 float:left;
}

/* FLAGS STYLES */

.flags_wrapper{
 text-align:center;
 margin-top:10px;
 margin-left:0px;
 padding:0px 0px 0px 16px;
 border:0px solid red;
 overflow:hidden;
 zoom:1;
}

.flags_wrapper div.flag_wrapper{
 margin:16px 16px 0px 0px;
 border:0px solid green;
 display: inline-block;
 overflow:hidden;
 zoom:1;
}

.flags_wrapper div.flag_wrapper div.flag{
 text-align:center;
 margin:0px 0px 0px 0px;
 border:1px solid #CCCCCC;
 overflow:hidden;
 zoom:1;
}


.flags_wrapper span.icon_name{
 display:block;
 border:0px solid red;
 margin-left:auto;
 margin-right:auto;
 font-size:9px;
 text-align:center;
}


/* PEOPLE TREE LIKE LIST STYLES */

#people_tree_list_wrapper{
 border: 0px solid red;
 margin-left:40px;
 overflow: hidden;
 zoom: 1;
}

#people_tree_list_wrapper .lev_1_wrapper{
 border:0px solid green;
 clear:both;
 float:left 
}

#people_tree_list_wrapper .lev_1_wrapper .title{
 font-family:Arial, Helvetica, sans-serif;
 font-size:16px;
 font-weight:bold;
}

#people_tree_list_wrapper .lev_2_wrapper .title{
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
}


#people_tree_list_wrapper .details_wrapper{
 overflow:hidden;
 border:0px solid yellow;
 float:left; 
}

#people_tree_list_wrapper .details_wrapper p{
 font-size:13px;
 line-height:17px;
 margin-bottom: 1px;
}

#people_tree_list_wrapper .lev_2_wrapper{
 margin:10px 0px 0px 50px;
 border:0px solid blue;
 clear:both;
 float:left;
 overflow:hidden;
 zoom: 1;
}

#people_tree_list_wrapper .lev_3_wrapper{
 border:0px solid green;
 clear:both;
 float:left;
 overflow:hidden;
 zoom: 1;
}

/* task component choice container module */

#task_component_choice_container {
 text-align:center;
 border:0px solid #000000;
}



#task_component_choice_container div.workplan_wrapper {
  border:#000000 1px solid;
  width:180px;
  margin-left: auto ;
  margin-right: auto ;
}


#task_component_choice_container div.workplan_label_wrapper {
  padding:5px 5px 5px 5px;
  background:#ecf5ff;
}

#task_component_choice_container div.workplan_label {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-align:center;
  white-space:nowrap;
}

#task_component_choice_container div.workplan_text_wrapper {
  padding:5px 5px 5px 5px;
  background:#FFFFFF;
}

#task_component_choice_container div.workplan_text {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:normal;
  text-align:center;
  white-space:nowrap;
}

#task_component_choice_container div.workplan_link {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:bold;
  text-align:center;
  white-space:nowrap;
}

#task_component_choice_container div.task_wrapper {
  border:1px solid #000000;
  padding:5px 10px 5px 10px;
  background:#ecf5ff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  margin-left: auto ;
  margin-right: auto ;
}

#task_component_choice_container div.task_wrapper select{
  background:#ecf5ff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  margin-left: auto ;
  margin-right: auto ;
}


#task_component_choice_container div.task_info {
  border:0px solid #000000;
  padding:5px 10px 0px 10px;
  text-align: justify;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  font-weight:normal;
}

#task_component_choice_container div.tree_label_wrapper {
  width:150px;
  border:0px solid #000000;
  padding:5px 10px 5px 10px;
  background:#FFFFFF;
  margin-left: auto ;
  margin-right: auto ;
}


#task_component_choice_container div.tree_label {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-align:center;
  white-space:nowrap;
}

#task_component_choice_container div.component_wrapper {
  position:relative;
  border:#000000 1px solid;
  width:90px;
  margin-left: auto ;
  margin-right: auto ;
}

#task_component_choice_container div.component_wrapper a{
  text-decoration:none;
  color: inherit;
}

#task_component_choice_container div.component_wrapper:hover{
  border:1px solid #0033FF;
}


#task_component_choice_container div.component_label_wrapper {
  position:relative;
  padding:5px 5px 5px 5px;
  background:#ecf5ff;
}

#task_component_choice_container div.component_label {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:bold;
  text-align:center;
  white-space:nowrap;
}


#task_component_choice_container div.component_text_wrapper {
  padding:5px 2px 2px 2px;
  background:#FFFFFF;
}

#task_component_choice_container div.component_text {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight:normal;
  text-align: center;
}


#task_component_choice_container div.tree_link {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight:bold;
}

#task_component_choice_container div.tree_connector {
  background-color: #333333;
  background-image: url(images/page-graphics/transpix.gif);
  background-repeat: no-repeat;
  background-position: center top;
  width:1px;
  height:15px;
  margin-left: auto ;
  margin-right: auto ;
  margin-top: 0px;
  margin-bottom: 0px;
}


/* TREE like data styles */

#tree_container {
 text-align:center;
 border:0px solid #000000;
}



#tree_container div.lev1_wrapper {
  border: 1px solid #000000;
  width:90%;
  margin-left: auto ;
  margin-right: auto ;
  padding:5px 5px 5px 5px;
}


#tree_container div.lev1_label_wrapper {
  padding:5px 5px 5px 5px;
  background:#ecf5ff;
}

#tree_container div.lev1_label {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-align:center;
  white-space:nowrap;
}

#tree_container div.lev1_text_wrapper {
  padding:5px 5px 5px 5px;
  background:#FFFFFF;
}

#tree_container div.lev1_text {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:normal;
  text-align:center;
  white-space:nowrap;
}

#tree_container div.workplan_link {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:bold;
  text-align:center;
  white-space:nowrap;
}

#tree_container div.task_wrapper {
  border:1px solid #000000;
  padding:5px 10px 5px 10px;
  background:#ecf5ff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  margin-left: auto ;
  margin-right: auto ;
}

#tree_container div.task_wrapper select{
  background:#ecf5ff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  margin-left: auto ;
  margin-right: auto ;
}


#tree_container div.task_info {
  border:0px solid #000000;
  padding:5px 10px 0px 10px;
  text-align: justify;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  font-weight:normal;
}

#tree_container div.tree_label_wrapper {
  width:150px;
  border:0px solid #000000;
  padding:5px 10px 5px 10px;
  background:#FFFFFF;
  margin-left: auto ;
  margin-right: auto ;
}

#tree_container div.tree_label {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-align:center;
  white-space:nowrap;
}

#tree_container div.component_wrapper {
  position:relative;
  border:#000000 1px solid;
  width:120px;
  margin-left: auto ;
  margin-right: auto ;
}

#tree_container div.component_wrapper a{
  text-decoration:none;
  color: inherit;
}

#tree_container div.component_wrapper:hover{
  border:1px solid #0033FF;
}


#tree_container div.component_label_wrapper {
  position:relative;
  padding:5px 5px 5px 5px;
  background:#ecf5ff;
}

#tree_container div.component_label {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:bold;
  text-align:center;
  white-space:nowrap;
}


#tree_container div.component_text_wrapper {
  padding:5px 2px 2px 2px;
  background:#FFFFFF;
}

#tree_container div.component_text {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:normal;
  text-align: center;
}


#tree_container div.tree_link {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight:bold;
}

#tree_container div.tree_connector {
  background-color: #333333;
  background-image: url(images/page-graphics/transpix.gif);
  background-repeat: no-repeat;
  background-position: center top;
  width:1px;
  height:15px;
  margin-left: auto ;
  margin-right: auto ;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Whta's new article title list styles */

.news_titles_list{
}

.news_titles_list p.subtitle{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #005FAA;
 text-align: center;
 font-weight: normal;
 margin:0px;
}

p.subtitle a:link{
 text-decoration: none;
}

p.subtitle a:visited{
 text-decoration: none;
}

p.subtitle a:hover{
 text-decoration: none;
 background-color: #F7F7F7;
 color:#000000;
}

p.subtitle a:active{
}

/* Global Initiative logos */

#global_initiatives_logos_wrapper{
/* clear:both;
 float:left;
 margin-top:10px;
 margin-left:0px;
 position:relative;
 margin-left: auto;
 margin-right: auto;
*/
 text-align:center;
 border: 0px solid red;
 overflow: hidden;
 zoom: 1;
}

#global_initiatives_logos_wrapper div.logo_wrapper{
 margin:4px 4px 0px 4px;
 width:110px;
 height:auto;
 border:0px solid #CCCCCC;
 display: inline-block;
 overflow:hidden;
 zoom:1;
}


/* AREA PAGES SUB HEADER LOGO STYLES  */

/*
div.ag_area_logo_wrapper{
 text-align:center;
 background-color:#b1c800;
 border: 0px solid red;
 overflow: hidden;
 zoom: 1;
}

div.area_logo_wrapper{
 display: inline-block;
 border:0px solid black;
 width:150px;
}
*/

/* alternate area header styles */
div.full_area_logo_wrapper{
 text-align:center;
 border: 0px solid green;
 padding:2px;
 overflow: hidden;
 zoom: 1;
}

div.area_logo_wrapper{
 display: inline-block;
 border:0px solid black;
 width:160px;
}

/* original area header styles */

div.ag_area_logo_wrapper{
 background-image:url('../../images/page-graphics/ag_header_w_bg.png');
 background-repeat: no-repeat;
 background-position: center;
 height:58px;
 border-top: 1px solid #b1c800;
 border-bottom: 1px solid #b1c800;
 overflow: hidden;
 zoom: 1;
}

div.bi_area_logo_wrapper{
 background-image:url('../../images/page-graphics/bi_header_w_bg.png');
 background-repeat: no-repeat;
 background-position: center;
 height:58px;
 border-top: 1px solid #058878;
 border-bottom: 1px solid #058878;
 overflow: hidden;
 zoom: 1;
}

div.cl_area_logo_wrapper{
 background-image:url('../../images/page-graphics/cl_header_w_bg.png');
 background-repeat: no-repeat;
 background-position: center;
 height:58px;
 border-top: 1px solid #f08a00;
 border-bottom: 1px solid #f08a00;
 overflow: hidden;
 zoom: 1;
}

div.di_area_logo_wrapper{
 background-image:url('../../images/page-graphics/di_header_w_bg.png');
 background-repeat: no-repeat;
 background-position: center;
 height:58px;
 border-top: 1px solid #af9e92;
 border-bottom: 1px solid #af9e92;
 overflow: hidden;
 zoom: 1;
}

div.ec_area_logo_wrapper{
 background-image:url('../../images/page-graphics/ec_header_w_bg.png');
 background-repeat: no-repeat;
 background-position: center;
 height:58px;
 border-top: 1px solid #005ea8;
 border-bottom: 1px solid #005ea8;
 overflow: hidden;
 zoom: 1;
}

div.en_area_logo_wrapper{
 background-image:url('../../images/page-graphics/en_header_w_bg.png');
 background-repeat: no-repeat;
 background-position: center;
 height:58px;
 border-top: 1px solid #fcc400;
 border-bottom: 1px solid #fcc400;
 overflow: hidden;
 zoom: 1;
}

div.he_area_logo_wrapper{
 background-image:url('../../images/page-graphics/he_header_w_bg.png');
 background-repeat: no-repeat;
 background-position: center;
 height:58px;
 border-top: 1px solid #bd444e;
 border-bottom: 1px solid #bd444e;
 overflow: hidden;
 zoom: 1;
}

div.wa_area_logo_wrapper{
 background-image:url('../../images/page-graphics/wa_header_w_bg.png');
 background-repeat: no-repeat;
 background-position: center;
 height:58px;
 border-top: 1px solid #82b1b6;
 border-bottom: 1px solid #82b1b6;
 overflow: hidden;
 zoom: 1;
}

div.we_area_logo_wrapper{
 background-image:url('../../images/page-graphics/we_header_w_bg.png');
 background-repeat: no-repeat;
 background-position: center;
 height:58px;
 border-top: 1px solid #7a6e66;
 border-bottom: 1px solid #7a6e66;
 overflow: hidden;
 zoom: 1;
}

/* Alert linked text */

.alert_txt_wrapper{
 width:100%px;
 padding:0 5px 5px 5px;
 border:1px solid #F0F0F0;
 overflow: hidden;
 zoom: 1;
}

.alert_txt_wrapper:hover{
 border:1px solid grey;
 cursor:pointer;
}


.update_txt a:link{
 text-decoration:none;
 text-align:center;
 font-weight:bold;
 color:#990000;
}

.update_txt a:visited{
 text-decoration:none;
 text-align:center;
 font-weight:bold;
 color:#990000;
}


.update_txt a:active{
}


/* GEO Work Plan Button */

div.wp_button{
 width:155px;
 height:27px;
 line-height:10px;
 border:2px solid #006666;
 padding-top:17px;
 padding-bottom: 0px;
 margin-left:auto;
 margin-right:auto;
 margin-top:10px;
 margin-bottom:0px;
 text-align:center;
 font-weight:bold;
 color:#006633;
}

div.wp_button:hover{
 cursor:pointer;
 color:#FFFFFF;
 background-color: #006633;
 border:2px solid black;
}

/* geo wide activity buttons styles */

.geo_buttons_wrapper{
 text-align:center;
 margin-top:10px;
 margin-left:0px;
 padding:0px 0px 0px 16px;
 border:0px solid red;
 overflow:hidden;
 zoom:1;
}

.geo_buttons_wrapper div.button_wrapper{
 margin:10px 10px 0px 0px;
 border:0px solid green;
 display: inline-block;
 overflow:hidden;
 zoom:1;
}

.geo_buttons_wrapper div.button_wrapper div.button{
 text-align:center;
 margin:0px 0px 0px 0px;
 border:1px solid #666666;
 overflow:hidden;
 zoom:1;
}

.icon_text_button_wrapper{
 border:1px solid white;
 padding:0 0 0 15px;
 overflow:hidden;
 zoom:1;
}

.icon_text_button_wrapper:hover{
 border:1px solid grey;
 padding:0 0 0 15px;
 cursor:pointer;
 overflow:hidden;
 zoom:1;
}

/* MULTI STEP INTERACTIVE PAGES STYLES */

.active_step {
 color:#ff0000;
 font-weight: bold;
 white-space: nowrap;
 padding: 0.2em 0.3em 0.2em 0em;
 margin: 1em 0em 1em 0em;
}

.inactive_step {
 color:#E5E5E5;
 font-weight: bold;
 white-space: nowrap;
 padding: 0.2em 0.3em 0.2em 0em;
 margin: 1em 0em 1em 0em;
}

/* start of report groups */

#report_groups_wrapper div.report_generator_title_wrapper{
 width: 400px;
 padding:5px;
}

#report_groups_wrapper div.report_generator_title{
 font-size:14px;
 font-weight:bold;
 text-align:center;
}

#report_groups_wrapper div.report_group_label_wrapper {
 width: 200px;
 border:#000000 1px solid;
 padding:10px;
 background:#ecf5ff;
}

#report_groups_wrapper div.report_group_label_wrapper:hover {
 cursor:pointer;
 background:#ddddee;
}

#report_groups_wrapper div.report_group_label {
 font-weight:bold;
 text-align:center;
}

#report_groups_wrapper div.horizontal_seperator {
 height:5px;
}

#report_groups_wrapper div.vertical_seperator {
 width:50px;
}


#report_groups_wrapper div.report_list_wrapper {
 border:#000000 1px solid;
 padding: 20px;
 margin: 5px 0px 0px 0px;
}

#report_groups_wrapper div.report_txt {
 font-size:12px;
 font-weight:bold;
 text-align:left;
 white-space: nowrap;
 padding: 2px 0px 2px 0px;
 color:#003366;
}

#report_groups_wrapper div.report_txt:hover {
 cursor:pointer;
 color:#000000;
}

/* end of report groups */

/* ================================= On-Line DOC tab styles ================================= */


/* tab text */
table.tabs td.tabtxt {
 font-size: 8pt;
 color:#000000;
 line-height: 1.2em;
 text-align: center;
 vertical-align: middle;
 font-weight: normal;
 white-space: nowrap;
 border-style: solid;
 border-top-width: 1px;
 border-top-color: #6D8ABC;
 border-right-width: 2px;
 border-right-color: #6D8ABC;
 border-bottom-width: 2px;
 border-bottom-color: #6D8ABC;
 border-left-width: 2px;
 border-left-color: #6D8ABC;
 border-collapse: collapse;
 background-color: #EEEEEE;
 padding: 0.2em 0.5em 0.5em 0.5em;
 margin: 0;
}

table.tabs td.tabtxt:hover  {
    background-color: #FFFFFF;
    cursor: pointer;
}

/* tab seperator */
table.tabs td.tabseperator {
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color:#000000;
 line-height: 1.2em;
 text-align: center;
 vertical-align: middle;
 font-weight: normal;
 white-space: nowrap;
 border-style: solid;
 border-color: #6D8ABC;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 2px;
 border-left-width: 0px;
 border-collapse: collapse;
 background-color: #FFFFFF;
 padding: 0em 0.2em 0em 0em;
 margin: 0;
}

/* tab selected text */
table.tabs td.selectedtabtxt {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color:#000000;
 line-height: 1.2em;
 text-align: center;
 vertical-align: middle;
 font-weight: normal;
 white-space: nowrap;
 border-top: 1px solid #6D8ABC;
 border-bottom: 2px solid white;
 border-left: 2px solid #6D8ABC;
 border-right: 2px solid #6D8ABC;
 background-color: #FFFFFF;
 padding: 0.2em 0.5em 0.5em 0.5em;
 margin: 0;
}

table.tabs td.selectedtabtxt:hover  {
    background-color: #FFFFFF;
    cursor: pointer;
}

/* upcoming meeting list styles */
div.meeting_wrapper_even{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 16px;
 margin:7px 0px 7px 0px;
 background-color: #EEEEEE;
 overflow:hidden;
 zoom:1;
}

div.meeting_wrapper_odd{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 16px;
 margin:7px 0px 7px 0px;
 background-color: #FFFFFF;
 overflow:hidden;
 zoom:1;
}

/* GEOGLAM PAGES STYLES */

div.geoglam_banner_wrapper{
 border-bottom: 0px solid #b1c800;
 border: 0px solid red;
 padding: 2px 0px 5px 0px;
 width:1000px;
 margin-left: auto;
 margin-right: auto;
 overflow: hidden;
 zoom:1;
}

div.geoglam_banner_wrapper div.geo_logo_wrapper{
 width:280px;
 border: 0px solid red;
 padding: 9px 40px 5px 20px;
 float:left;
 overflow: hidden;
 zoom:1;
}

div.geoglam_logo_wrapper{
 border: 0px solid green;
 width:205px;
 margin-left: auto;
 margin-right: auto;
}

div.circles_wrapper{
 border: 0px solid yellow;
 padding: 9px 0px 0px 0px;
 float: right;
}

div.schema_wrapper{
 position:relative;
 margin-left: auto;
 margin-right: auto;
 width:600px;
 height:230px;
 border: 0px solid black;
}

div.schema_wrapper div.block1{
 position:absolute;
 top:10px;
 left:10px;
 height:210px;
 width:170px;
 background-color: #C9DBDE;
 border:1px solid gray;
 z-index:1;
}

div.schema_wrapper div.block2{
 position:absolute;
 top:10px;
 left:200px;
 height:210px;
 width:170px;
 background-color: #C9DBDE;
 border:1px solid gray;
 z-index:1;
}

div.schema_wrapper div.block3{
 position:absolute;
 top:10px;
 left:390px;
 height:210px;
 width:170px;
 background-color: #C9DBDE;
 border:1px solid gray;
 z-index:1;
}

div.hor_block_wrapper{
 position:absolute;
 top:110px;
 left:50px;
 height:95px;
 width:470px;
 border:0px solid red;
 z-index:5;
}

div.hor_block_separator{
 height:7px;
 width:100%;
 padding:0px 0px 0px 0px;
 margin:0px;
}

div.ver_block_separator{
 height:5px;
 width:10px;
 border:0px solid red;
 padding:0px 0px 0px 0px;
 margin:0px;
 float:left;
}

div.wrapper_full_width_content_height{
 overflow:hidden;
 zoom:1;
 border:0px solid red;
}


div.schema_wrapper div.block4{
 height:25px;
 width:100%;
 padding:0px 0px 0px 0px;
 margin:0px;
 background: rgb(255, 255, 204); /* Fallback for older browsers without RGBA-support */
 background: rgba(255, 255, 204, 0.8);
 border:1px solid #FF6600;
 z-index:5;
}

div.schema_wrapper div.block5{
 height:25px;
 width:100%;
 background: rgb(255, 255, 204); /* Fallback for older browsers without RGBA-support */
 background: rgba(255, 255, 204, 0.8);
 border:1px solid #FF6600;
 z-index:5;
}

div.schema_wrapper div.block6{
 height:25px;
 width:100%;
 background: rgb(255, 255, 204); /* Fallback for older browsers without RGBA-support */
 background: rgba(255, 255, 204, 0.8);
 border:1px solid #FF6600;
 z-index:5;
}

div.schema_wrapper div.block1:hover{
 cursor:pointer;
 border:2px solid black;
}

div.schema_wrapper div.block2:hover{
 cursor:pointer;
 border:2px solid black;
}

div.schema_wrapper div.block3:hover{
 cursor:pointer;
 border:2px solid black;
}

div.schema_wrapper div.block4:hover{
 cursor:pointer;
 border:2px solid red;
}

div.schema_wrapper div.block5:hover{
 cursor:pointer;
 border:2px solid red;
}

div.schema_wrapper div.block6:hover{
 cursor:pointer;
 border:2px solid red;
}

div.schema_wrapper div.text{
 margin:0px;
 padding:5px 0px 0px 0px;
 border:0px solid blue;
 text-align:center;
 font-size:12px;
 font-weight:bold;
}

div.schema_wrapper a:link{
 text-decoration:none;
 color:#000000;
}

div.schema_wrapper a:hover{
 text-decoration:none;
 color:#000000;
}

div.schema_wrapper a:visited{
 text-decoration:none;
 color:#000000;
}

div.schema_wrapper a:active{
 text-decoration:none;
 color:#000000;
}

div.schema_wrapper div.text2{
 margin:0px;
 padding:15px 0px 0px 0px;
 border:0px solid blue;
 text-align:center;
 font-size:16px;
 font-weight:bold;
}

div.geoglam_image{
 margin-top:10px;
 margin-right:auto;
 margin-bottom:10px;
 margin-left:auto;
 border:1px solid #003399;
 padding: 0px 0px 0px 0px;
 background-color:#F3F3F3
}

div.geoglam_image div.caption{
 padding:3px;
 font-size:80%;
 line-height:14px;
 text-align:justify;
}

/* ================================= Meeting List Styles ================================= */

.meeting_separator {
 clear:both;
 padding:6px;
 border:0px solid red;
}


.meetinglistyear {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 line-height: 1.2em;
 color: #005FAA; /* #005FAA */
 background: #FFFFFF;
 padding: 0 5px 0 5px;
 text-align: left;
 font-weight: bold;
 border-bottom:1px solid #5D96A7;
}

.meeting_wrapper{
  width:100%;
  clear:both;
  padding:0;
  overflow:hidden;
  zoom:1;
  border:0px solid green;
}


.meetinglistdate {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 width:70px;
 float:left; 
 padding:0 5px 0 5px;
 white-space: nowrap;
 color: #000000;
 text-align: center;
 vertical-align: top;
 border:0px solid red;
}

.me_title_wrapper{
  width:70%;
  float:left;
  padding:0;
  overflow:hidden;
  zoom:1;
  border:0px solid black;
}

.meetinglisttitlewrapper{
 width:100%;
}

.meetinglisttitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  line-height: 1.2em;
  color: #005FAA; /* #5D96A7 */
  background: #FFFFFF;
  padding:0 5px 2px 5px;
  text-align: left;
  font-weight: bold;
  overflow:hidden;
  zoom:1;
  border-left:1px solid #005FAA;
  border-right:1px solid #005FAA;
}

.meetinglistinfo {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 padding:0 5px 0 5px;
 text-align:left;
 vertical-align: top;
 color: #000000; 
 font-weight: normal;
 clear:both;
  border-left:1px solid #005FAA;
  border-right:1px solid #005FAA;
}

.meetinglistinfo a:link {
 color: #5D96A7;
 text-decoration:none; 
}

.meetinglistinfo a:visited {
 color: #5D96A7; 
 text-decoration:none; 
}


.meetinglistinfo a:hover {
 color: #5D96A7;
    text-decoration:underline;    
}


.meetinglistplace {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 width:90px;
 float:left;
 border: 0px solid red;
 padding:0 0 0 8px;
 margin: 0;
 color: #000000;
 text-align: left;
 vertical-align: top;
}

/* ================================================ */

.proposallisttitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  line-height: 1.2em;
  color: #005FAA; /* #5D96A7 */
  background: #FFFFFF;
  padding:0 5px 0 5px;
  text-align: left;
  font-weight: bold;
  overflow:hidden;
  zoom:1;
  border-left:0px solid #005FAA;
  border-right:0px solid #005FAA;
}

.proposallistinfo {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.7em;
 padding:0 5px 0 5px;
 text-align:left;
 vertical-align: top;
 color: #000000; 
 font-weight: normal;
 clear:both;
  border-left:0px solid #005FAA;
  border-right:0px solid #005FAA;
}




/* ================================================ */
.ec_map{
 border:1px solid black;
 position:absolute;
 bottom:5px;
 left:5px;
 width:120px;
 height:135px;
 background-image:url(../../images/page-graphics/ec_map.png);
 background-position:top left;
 background-repeat:no-repeat;
 z-index:90000;
}

.ec_map:hover{
 background-image:url(../../images/page-graphics/ec_map_hover.png);
 background-position:top left;
 background-repeat:no-repeat;
 cursor:pointer;
}

.ec_map_selected{
 border:1px solid black;
 position:absolute;
 bottom:5px;
 left:5px;
 width:120px;
 height:135px;
 background-image:url(../../images/page-graphics/ec_map_selected.png);
 background-position:top left;
 background-repeat:no-repeat;
 z-index:90000;
}

.ec_map_2{
 border:0px solid black;
 position: absolute;
 bottom: 10px;
 left: 10px;
 width:120px;
 height:135px;
 background-image:url(../../images/page-graphics/ec_map_2.png);
 background-position:top left;
 background-repeat:no-repeat;
 z-index:9;
}


/* ========== SIDE EVENT STYLES ======================= */

input#print-button{
 background: #E8E8E8 url('images/buttons/print_result.gif') no-repeat 5% 10%;
 height: 26px;
 color: #000000;
 display: inline-block;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 padding: 0px 10px 0px 10px;
 border: 1px solid black;
 text-decoration: none;
}


input#print-button:hover {
 color: #000000;
 border: 1px solid red;
 cursor: pointer;
}

div.event_list{
 /* box */
 width: 100%;
 border: 0px solid black;
 background-color: #F8F8F8;
 overflow: hidden;
 zoom: 1;
}

div.event_list div.event_venue_wrapper{
 /* box */
 width: 98%;
 float: left;
 border: 1px black solid;
 margin:1px 1px 1px 1px;
 padding: 2px 3px 2px 3px;
 background-color: #E0FEF1;
}

div.event_list div.event_venue{
 /* font */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.2em;
 font-weight: normal;
 color: #000000;
 line-height: 1em;
 text-align: left;
 vertical-align: middle;
}
                          
div.event_list div.event_date_wrapper{
 /* box */
 width: 98%;
 float: left;
 border: 1px black solid;
 margin:1px 1px 1px 1px;
 padding: 2px 3px 2px 3px;
 background-color: #85CAFF;
}

div.event_list div.event_date{
 /* font */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.2em;
 font-weight: normal;
 color: #000000;
 line-height: 1em;
 text-align: left;
 vertical-align: middle;
}

div.event_list div.event_time_wrapper{
 /* box */
 width: 12%;
 float: left;
 border: 1px black solid;
 margin:1px 1px 1px 1px;
 padding: 2px 3px 2px 3px;
 background-color: #EEEEEE;
}
div.event_list div.event_time{
 /* font */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 font-weight: normal;
 color: #000000;
 line-height: 1em;
 text-align: center;
 vertical-align: middle;
}

div.event_list div.event_title_wrapper{
 /* box */
 width: 52%;
 float: left;
 border: 1px black solid;
 margin:1px 1px 1px 1px;
 padding: 2px 3px 2px 3px;
 background-color: #FFFFFF;
}

div.event_list div.event_title{
 /* font */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #000000;
 line-height: 1em;
 text-align: justify;
 vertical-align: middle;
}

div.event_list div.event_access_type_wrapper{
 /* box */
 width:14%;
 float: left;
 border: 1px black solid;
 margin:1px 1px 1px 1px;
 padding: 2px 3px 2px 3px;
 background-color: #EEEEEE;
}

div.event_list div.event_access_type{
 /* font */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #000000;
 line-height: 1em;
 text-align: center;
 vertical-align: middle;
}

div.event_list div.event_room_wrapper{
 /* box */
 width:16%;
 float: left;
 border: 1px black solid;
 margin:1px 1px 1px 1px;
 padding: 2px 3px 2px 3px;
 background-color: #EEEEEE;
}

div.event_list div.event_room{
 /* font */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #000000;
 line-height: 1em;
 text-align: center;
 vertical-align: middle;
}


div.event_list div.more_info_wrapper_no_link{
 width:98%;
 border:0px solid red;
 padding:2px 0px 2px 2px;
 overflow:hidden;
 zoom:1;
}

div.event_list div.more_info_wrapper{
 width:98%;
 border:0px solid red;
 padding:2px 0px 2px 2px;
 overflow:hidden;
 zoom:1;
}


div.event_list div.more_info_wrapper:hover{
 cursor:pointer;
 background-color:#005FAA;
}


/* ========= SIDE EVENT DETAILS ================ */

div.side_event_info{
 /* box */
 width: 100%;
 border: 0px solid black;
 background-color: #F8F8F8;
 overflow: hidden;
 zoom: 1;
}
                          
div.side_event_info div.event_date_wrapper{
 /* box */
 float: left;
 border: 0px black solid;
 margin: 1px 1px 15px 1px;
 padding: 0px;
}
div.side_event_info div.event_date{
 /* font */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight: bold;
 color: #000000;
 line-height: 1em;
 text-align: left;
}

div.side_event_info div.event_time_wrapper{
 /* box */
 float: left;
 border: 0px black solid;
 margin: 1px 1px 1px 1px;
 padding: 0px;
}
div.side_event_info div.event_time{
 /* font */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight: normal;
 color: #000000;
 line-height: 1em;
 text-align: left;
}

div.side_event_info div.event_title_wrapper{
 /* box */
 width: 95%;
 float: left;
 border: 0px black solid;
 margin :1px 1px 20px 1px;
 padding: 0px;
}
div.side_event_info div.event_title{
 /* font */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 font-weight: bold;
 color: #002925;
 line-height: 1em;
 text-align: left;
 /* box */
}

div.side_event_info div.event_room_wrapper{
 /* box */
 float: left;
 border: 0px black solid;
 margin: 1px 1px 15px 1px;
 padding: 0px;
}

div.side_event_info div.event_room{
 /* font */
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight: bold;
 color: #000000;
 line-height: 1em;
 text-align: left;
 /* box */
}

div.side_event_info div.more_info_wrapper{
 width:98%;
 border:0px solid red;
 padding:2px 0px 2px 2px;
 overflow:hidden;
 zoom:1;
}

div.side_event_info div.more_info_wrapper:hover{
 cursor:pointer;
 background-color:#005FAA;
}

div.side_event_info div.event_abstract_wrapper{
 border:0px solid red;
 margin: 1px 1px 1px 1px;
 padding: 0px 20px 0px 0px;
 overflow:hidden;
 zoom:1;
}
div.side_event_info div.event_abstract{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #000000;
 line-height: 1.4em;
 text-align: justify;
}

/* === ZOOM ALL BUTTON Styles =================================== */

.zoom_to_extent_btn{
 border:1px solid #CCCCCC;
 position:absolute;
 bottom:5px;
 right:5px;
 width:57px;
 height:52px;
 background-image:url(../../images/page-graphics/zoom_to_extent_btn_big.png);
 background-position:top left;
 background-repeat:no-repeat;
 z-index:9999;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #FFFFFF;
 line-height: 1.4em;
 text-align: center;
}

.zoom_to_extent_btn:hover{
 border:1px solid black;
 cursor:pointer;
}

/* ================================= Registration Form Styles ================================= */

.frmlab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000; 
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 0em 0em 0em 0em;
}

.frmlabrgt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000; 
	font-weight: normal;
	text-align: right;
	padding: 0em 0em 0em 0em;
}

.frmlabctr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000; 
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding: 0em 0em 0em 0em;
}

.frmtxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000; 
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 0em 0em 0em 0em;
}

.frmerr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FF0000; 
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 0em 0em 0em 0em;
}

/* -------------------------------- General form styles  ------------------------------- */

.form_label_02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000; 
	font-weight: normal;
	margin:0 5px 0 0;
	padding: 0;
	overflow:hidden;
	zoom:1;
	border:0px solid red;
}

.form_input_wrapper_02{
 background-color: #FEEEEE;
 overflow:hidden;
 zoom:1;
 margin:0 0 0 0;
 border:1px solid #003366;
}

.form_group_label_02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000; 
	font-weight: bold;
	white-space: nowrap;
	padding: 0.5em 0em 0.5em 0em;
}

.form_entry_error_label{
 color:#990000;
 font-style:italic;
}

/* -------------------------------- CIMS form styles  ------------------------------- */

.form_label_01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000; 
	font-weight: normal;
	margin:0 20px 0 0;
	padding: 0;
	overflow:hidden;
	zoom:1;
	border:0px solid red;
}

.form_input_wrapper_01{
 overflow:hidden;
 zoom:1;
 margin:0 20px 0 0;
 border:0px solid red;
}

.form_input_01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000; 
	font-weight: normal;
	background-color: #E6E6E6;
    outline:none;
	border:1px solid #99CCCC;
	border-collapse: collapse;
	border-spacing:0px;
	padding:1px; 	
}

div.new_line{
 clear:both;
}

div.left{
 float:left;
}

div.right{
 float:right;
}

div.youtube_hover{
 width:100%;
 height:100%;
}

div.youtube_hover:hover{
 background-image: url(../../images/page-graphics/youtube_overlay_230_129.png);
 -moz-background-size:100% 100%;
 -webkit-background-size:100% 100%;
 background-size:100% 100%;
 cursor: pointer;
}

div.new {
 background-image: url(../../images/page-graphics/new.png);
 background-repeat: no-repeat;
 background-position: center; 
}

div.new_flag {
 background-image: url(../../images/page-graphics/new_flag.png);
 background-repeat: no-repeat;
 background-position: right top;
}

div.new_left_flag {
 background-image: url(../../images/page-graphics/new_left_flag.png);
 background-repeat: no-repeat;
 background-position: left top;
 margin:5px 0 0 0;
 overflow:hidden;
 zoom:1;
 width:20px;
 height:25px;
 border:0px solid green;
 float:left; 
}

/* CIMS table and list styles */

.table_header_01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF; 
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	border-style: solid;
	border-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-collapse: collapse;
	background-color: #6699CC;
	padding: 0.3em 0em 0.3em 0.3em;
}

.table_text_odd_row_cell_01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000; 
	font-weight: normal;
	text-align: left;
	white-space: normal;
	border-style: solid;
	border-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-collapse: collapse;
	padding: 0.3em 0em 0.3em 0.3em;
}

.table_text_even_row_cell_01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000; 
	font-weight: normal;
	text-align: left;
	white-space: normal;
	border-style: solid;
	border-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-collapse: collapse;
	padding: 0.3em 0em 0.3em 0.3em;
}

.table_text_odd_row_01 {
	background-color: #9CB9E6;
}

.table_text_even_row_01 {
	background-color: #C1D8FE;
}


.table_text_odd_row_01:hover {
	background-color: #CCCCCC;
	cursor:pointer;
}

.table_text_even_row_01:hover {
	background-color: #CCCCCC;
	cursor:pointer;
}
.list_header_1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#000000;
	line-height: 1.2em;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
	border-style: solid;
	border-color: #5F6F7E;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-collapse: collapse;
	background-color: #FFFFFF;
	padding: 0.2em 0.3em 0.2em 0.2em;
  margin: 2em 0 1em 0;
}

.list_element {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#000000;
	line-height: 1em;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
	border-style: solid;
	border-color: #5F6F7E;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-collapse: collapse;
	background-color: #FFFFFF;
	padding: 0.2em 0.3em 0.2em 2.5em;
	margin: 0;
}

.active_step {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#ff0000;
	line-height: 1em;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
	border-style: solid;
	border-color: #5F6F7E;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-collapse: collapse;
	background-color: #FFFFFF;
	padding: 0.2em 0.3em 0.2em 0em;
	margin: 1em 0em 1em 0em;
}

.inactive_step {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#E5E5E5;
	line-height: 1em;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
	border-style: solid;
	border-color: #5F6F7E;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-collapse: collapse;
	background-color: #FFFFFF;
	padding: 0.2em 0.3em 0.2em 0em;
	margin: 1em 0em 1em 0em;
}

.scroll_table_01 {
  padding:0;
  background: #FAFAFA;
  overflow-x: hidden;
  overflow-y: scroll;
  border-style:0px solid #000000;
}

.form_group_label_01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000; 
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	padding: 0.5em 0em 0.5em 0em;
}

.form_label_ra_01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000; 
	font-weight: normal;
	text-align: right;
	padding: 0em 0.5em 0em 0em;
}

.form_label_la_01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000; 
	font-weight: normal;
	text-align: left;
	padding: 0em 0em 0em 0em;
}

/* ====================== SDG related styles  ========================== */

div.active_sdg_icon{
 border:2px solid #FFFFFF;
}

div.active_sdg_icon:hover {
 cursor:pointer;
 border:2px solid #333333;
}