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

.skiplink {
  display: none
}

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

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

body {
 font-weight: normal;
 /*background-image:url(../../images/page-graphics/bg_dot_01.gif);*/
 background-color:#FFFFFF;
 color: #000000;
 padding: 0px;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}



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


/*
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;
}

/* IMAGES IN ARTICLE STYLES  */

div.image_wrapper{ 
 border:1px solid #E4E4E4;
 padding:0;
 margin-bottom:0.5rem;
 overflow:hidden;
 zoom:1;
} 

div.image_wrapper .image_caption{
 padding:0.5rem 0.5rem 0 0.5rem;
 text-align:justify;
} 

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

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

div.center{
  padding: 1px 1px 1px 1px;
  margin: 4px auto;
}


/* TAB STYLES - CHECK CIMS AND DB APPS IF STILL NEEDED */

/* 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;
}

/* CIMS table and list styles */

.table_header_01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8rem;
	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.8rem;
	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.8rem;
	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;
}

.table_text_odd_row_cell_02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8rem;
	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_02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8rem;
	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_02 {
	background-color: #fbcda8;
}

.table_text_even_row_02 {
	background-color: #ddb7a5;
}


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

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



.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  ========================== */

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

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

/* ================================= 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;
}

/* QUOTES STYLES  */

div.quote_wrapper{
 /*background-position: top left;
 background-repeat: no-repeat;*/
 font-size:1em;
 position:relative;
 border:0px solid black;
 /*border-left:0.5rem solid #0099CC;*/
 overflow:hidden;
 zoom:1; 
 margin:0;
}

div.quote_icon{
 overflow:hidden;
 zoom:1;
 border:0px solid green;
 position:absolute;
 z-index:10;
}

div.quote_wrapper p {
 text-align: left;
}

div.quote_wrapper p.quote_ref {
 text-align:right;
 font-size: 2em;
 font-variant:small-caps;
 color: #666666;
 font-style:italic;
 border:0px solid green;
}

div.quote_wrapper div.quote_image_wrapper {
 float:right;
 overflow: hidden;
 zoom:1;
 border:1px solid black;
 padding:0;
 margin: 0 0 1em 5em;
}

div.quote_text_wrapper{
 font-size:inherit;
 border:0px solid blue;
 position:relative;
 z-index:20;
}

div.quote_ref_wrapper{
 font-size:inherit;
}


@media screen and (min-width: 10em) {
 div.screen_size{
  color:#FF0000;
 }
 
 div.quote_wrapper{
  /*background-image: url(../../images/page-graphics/quote_open_xs.png);*/
  padding: 0.5rem 0.51rem 0.5rem 0.5rem;
 }

 div.quote_wrapper p {
  font-size:1.0em;
  line-height:1.2em;
  color: #999999;
  text-indent: 1.5em;
 }

 div.quote_wrapper p.quote_ref {
  font-size: 0.7em;
 }

 div.quote_wrapper .quote_image_wrapper {
  border-width:1px;
  margin: 0 0 0.5em 1em;
 }
}


@media screen and (min-width: 20em) {
 div.screen_size{
  color: #00FF00;
 }

 div.quote_wrapper{
  /*background-image: url(../../images/page-graphics/quote_open_s.png);*/
  padding: 1rem 1rem 0.5rem 1rem;
 }

 div.quote_wrapper p {
  font-size:1.2em;
  line-height:1.35em;
  color: #999999;
  text-indent: 2.0em;
 }
 
 div.quote_wrapper p.quote_ref {
  font-size: 0.9em;
 }
 
 div.quote_wrapper .quote_image_wrapper {
  border-width:1px;
  margin: 0 0 0.5em 1em;
 }
}


@media screen and (min-width: 40em) {
 div.screen_size{
  color: #0000FF;
 }

 div.quote_wrapper{
  /*background-image: url(../../images/page-graphics/quote_open_m.png);*/
  padding: 2.5rem 2rem 1rem 2rem;
 }

 div.quote_wrapper p {
  font-size:1.6em;
  line-height:1.4em;
  color: #999999;
  text-indent: 3em;
 }

 div.quote_wrapper p.quote_ref {
  font-size: 1.5em;
 }

 div.quote_wrapper .quote_image_wrapper {
  border-width:1px;
  margin: 0 0 0.5em 2em;
 }
}

@media screen and (min-width: 64em) {
 div.screen_size{
  color: #000000;
 }

 div.quote_wrapper{
  /*background-image: url(../../images/page-graphics/quote_open_lg.png);*/
  padding: 3rem 3rem 1rem 3rem;
 }
 
 div.quote_wrapper p {
  font-size:2.1em;
  line-height:1.6em;
  color: #999999;
  text-indent: 5em;
 }

 div.quote_wrapper p.quote_ref {
  font-size: 2.0em;
 }

 div.quote_wrapper .quote_image_wrapper {
  border-width:1px;
  margin: 0 0 0.5em 3em;
 }
}


/* === 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;
}






/* OLD PAGE STYLES - SHOULD BE OBSOLUTE WHEN ALL PAGE MOBILE FRIENDLY */

/* 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 */
}

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

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

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

.no_padding {
 padding-top:0px;
 padding-right:0px;
 padding-bottom::0px;
 padding-left:0px;
 padding:0;
}

.no_margin {
 margin-top:0px;
 margin-right:0px;
 margin-bottom::0px;
 margin-left:0px;
 margin: 0;
}

/* ================================= 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;
}

/* 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;
}

/* 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;
}