@charset "utf-8";
/* make sure that child elements inherits font styles from parent */
div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, th, td {color:inherit; font-weight: inherit; font-style: inherit; font-family:inherit;}

/* Default styles for corporate template */
body, table, th, td, p, div, span, ol, ul, li, input, textarea, select, blockquote, a, a:link, a:visited, a:hover, h1, h2, h3, h4, h5, h6, .NormalTextBox, .Normal
{
    font-family:Arial; 
    font-size:12px; 
    color:#4D4D4D; 
    line-height:1.5;
} 
/* .Normal, .NormalTextBox {font-family:Arial; font-size:12px; color:#4D4D4D; line-height:1.5;}*/
body        {border-width:0px; margin:0px; padding:0px; background-color:#5B5B5B; -text-align:center;} /* CA0002use text-align center to center page in old IE */
table       {background-color:Transparent;}
a:link      {text-decoration:underline; line-height:1.5;} 
a:visited   {text-decoration:underline; line-height:1.5;}
a:hover     {color:#003399; text-decoration:underline; line-height:1.5;} 
img         {border-width:0px;}
ul li       {list-style-type:disc; line-height:1.5;} /* overide DNN default list style */
ol.alphaList li {list-style-type:lower-alpha; line-height:1.5;}
ol.romanList li {list-style-type:lower-roman; line-height:1.5;}
input.NormalTextBox {line-height:1; font-size:12px;} /* overide DNN default search style */
hr          {width:100%; height:1px; color:#666666; background-color:#666666; border:0px;}
h1          {font-family:Georgia; font-size:20px; font-weight:bold; color:#003399;} /* Page Header */
h2          {font-size:16px; font-weight:bold;} /* PageSubtitle */
h3          {font-family:Georgia; font-size:12px; font-weight:bold; color:#003399; clear:both;} /* clear to fix issues on SC */
h4          {font-size:13px; font-weight:bold;}
h5          {font-size:12px; color:#003399; font-weight:bold;}
h6          {font-size:12px; font-style:italic; font-weight:bold;}
h1 .ContainerTitle {color:#003399; font-family:Georgia; font-size:20px; font-weight:bold;} /* dnn wrap title in a span - so it inherit default span color and font and not heading one */
h2 .ContainerTitle {color:#4D4D4D; font-size:16px; font-weight:bold;}
h3 .ContainerTitle {color:#003399; font-family:Georgia; font-size:12px; font-weight:bold;}
h1 a:link, h1 a:visited {font-family:Georgia; font-size:20px; font-weight:bold; color:#003399;} /* keep heading font-size and color when there is a link */
h1 a:hover {color:#4D4D4D;}
h2 a:link {font-size:16px;}
h2 a:visited {font-size:16px;}
h2 a:hover {font-size:16px;}
h3 a:link {font-family:Georgia; font-size:12px; font-weight:bold; color:#003399; text-decoration:none;}
h3 a:visited {font-family:Georgia; font-size:12px; font-weight:bold; color:#003399; text-decoration:none;}
h3 a:hover {font-family:Georgia; font-size:12px; font-weight:bold; color:#4D4D4D; text-decoration:underline;}
/* class for text header in content pages - used by jquery to be added automatically same as h3 */
.TextHeader {font-family:Georgia; font-size:12px; font-weight:bold; color:#003399;} 
.TextHeader a:link, .TextHeader a:visited {font-family:Georgia; font-size:12px; font-weight:bold; color:#003399;} /* make sure that links inherits this */
.TextHeader a:hover {font-family:Georgia; font-size:12px; font-weight:bold; color:#4D4D4D;}
/* class for page subtitle - used by jquery to simulate h2 */
.PageSubtitle {font-size:16px; font-weight:bold;}

.clear {clear:both; width:0px; height:0px;}
.ThinPara {display:none;} /* use this class when placing an empty paragraph on top of a page in order to avoid the automatic highlighting in blue */
#main {margin:0px auto 0px auto; width:960px; background-color:#EDEDED; border:0px; padding:0px; text-align:left;} 
#main_home {margin:0px auto 0px auto; width:960px; background-color:#C9C8C7; border:0px; padding:0px; text-align:left;} 
.ControlPanel {border-left-width:0px; border-right-width:0px;} /* override default dnn style that cause horizontal scrollbar */
/* end default styles */

/* begin Datagrids styles */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header {font-weight:bold;}
.DataGrid_Header td, .NormalBold td {font-weight:bold;}
/* end Datagrids styles */


/************************************************************************************************/
/**************************** begin header styles ***********************************************/
/************************************************************************************************/
/* header with widgets, language and convention tabs */
#header {margin:0px; padding:0px; border:0px;}
#header_links {height:45px; margin:0px; padding:0px; background-color:#5B5B5B; position:relative;}
/* widgets bar (see below for icons) */
#widgets_bar {float:left; position:absolute; bottom:5px; left:0px;}
#widgets_wrap {} 
#widgets {float:left;}
#widgets img {cursor:pointer;}
/* language bar */
#languages {float:left; position:absolute; bottom:3px; left:200px; color:#999999;} /* hide language by default - only for RC */
#languages span {color:#999999;}
#languages a:link {color:#999999; text-decoration:none; font-weight:bold;}
#languages a:visited {color:#999999; text-decoration:none; font-weight:bold;}
#languages a:hover {color:#FFFFFF; text-decoration:none; font-weight:bold;}
#languages .LanguageFalse {} /* other language */
#languages a.LanguageTrue {color:#FFFFFF;} /* active language */
#languages .language-object {color:#5B5B5B;} /* same color as background since jquery add a special char at the end of the div... */
/* conventions tabs */
#conventionsTabs {float:right; position:absolute; bottom:0px; right:0px;}
#bcTab {float:left; margin: 0px 2px 0px 0px; background-color:#009800; padding:4px 8px 4px 8px; text-align:center; border-radius: 8px 0px 0px 0px;}
#bcTab a:link {color:#98CB33; text-decoration:none;}
#bcTab a:visited {color:#98CB33; text-decoration:none;}
#bcTab a:hover {color:#99FF00; text-decoration:underline;}
#rcTab {float:left; margin:0px 2px 0px 0px; background-color:#000098; padding:4px 8px 4px 8px; text-align:center;}
#rcTab a:link {color:#0098CB; text-decoration:none;}
#rcTab a:visited {color:#0098CB; text-decoration:none;}
#rcTab a:hover {color:#00CCFF; text-decoration:underline;}
#scTab {float:left; background-color:#E5511E; padding:4px 8px 4px 8px; text-align:center;} 
#scTab a:link {color:#FF9833; text-decoration:none;}
#scTab a:visited {color:#FF9833; text-decoration:none;}
#scTab a:hover {color:#FFCC00; text-decoration:underline;}
#synergiesTab {float:left; background-color:#FFFFFF; padding:4px 22px 4px 8px; margin-left:2px; text-align:right;}
#synergiesTab a:link {color:#FFFFFF; text-decoration:none; font-weight:bold;}
#synergiesTab a:visited {color:#FFFFFF; text-decoration:none; font-weight:bold;}
#synergiesTab a:hover {color:#FFFFFF; text-decoration:underline; font-weight:bold;}
#synergiesTabContent {float:left; background-color:#FFFFFF; padding:4px 22px 4px 8px; margin-left:2px; text-align:right;}
#synergiesTabContent a:link {color:#FFFFFF; text-decoration:none; font-weight:bold;}
#synergiesTabContent a:visited {color:#FFFFFF; text-decoration:none; font-weight:bold;}
#synergiesTabContent a:hover {color:#FFFFFF; text-decoration:underline; font-weight:bold;}
#synergiesTab a:link, #synergiesTab a:visited {color:#FFFFFF;}
#synergiesTab {display:block; width:90px; background-image:url('/Portals/2/images/design/synergies_tab_bg.jpg'); background-repeat:no-repeat; background-position:right top;}
#synergiesTabContent a:link, #synergiesTabContent a:visited {color:#FFFFFF;}
#synergiesTabContent {display:block; width:90px; background-image:url('/Portals/2/images/design/synergies_tab_inner_bg.jpg'); background-repeat:no-repeat; background-position:right top;}

/* banner body on home page */
#banner_body {border-top-style:solid;position:relative; border-top-width:4px; height:194px;}
#banner_body_border {display:none; height:4px; overflow:hidden; margin:0px; border:0px; padding:0px;}
#banner_body_borderContent {display:none; height:4px; overflow:hidden; margin:0px; border:0px; padding:0px;}
#banner_body_pane {position:absolute; z-index:50; width:60%; height:194px; margin:0px; border:0px; padding:0px;} /* removed overflow:hidden; for DNN6*/
#banner_body_logo {float:right; width:514px; height:194px;}
/* banner body in content pages */
#content_banner_body {border-top-style:solid; border-top-width:4px; height:100px;}
#content_banner_body_pane {position:absolute; z-index:50; width:60%; height:100px; overflow:hidden; margin:0px; border:0px; padding:0px;}
#content_banner_body_logo {float:right; width:578px; height:100px; cursor:pointer; position:relative;}
/* logos */
#logosWrapper {float:left; width:175px; position:absolute; top:102px; right:140px;}
#content_banner_body_logo #logosWrapper {top:15px; right:250px;} /* different position when in content pages */
#logoUN {float:left; margin-right:10px;}
#logoUNEP {float:left; margin-right:10px;}
#logoFAO {float:left; margin-right:10px; display:none;} /* hide FAO by default - only for RC */
/* top menu */
#menu_bar {background-image:url('gfx/menu-bg.png'); background-repeat:repeat-x; height:23px; -width:960px;} /* hack for ie 6 */
#main_menu {float:left; margin-left:4px; margin-top:2px; padding-top:0px; width:81%;}
/* search */
#search {float:right; width:16%; position:relative;}
#search input.NormalTextBox {line-height:1; width:90px; height:10px; font-size:11px; position:absolute; top:2px;}
#search a.btnSearch:link, #search a.btnSearch:visited {color:#FFFFFF; text-decoration:none; line-height:1; position:absolute; top:5px; left:104px;}
#search a.btnSearch:hover {color:#003399; line-height:1;}
/* breadcrumb */
#breadcrumb_bar {height:17px; border-bottom:1px solid #333333; background-color:#FFFFFF; font-size:11px;}
#breadcrumb {float:left; margin-left:8px; font-size:11px; width:82%; max-width:82%; max-height:17px; overflow:hidden; -margin-left:4px;} /* avoid lenght issue */
#breadcrumb .breadcrumbLnk {text-decoration:none; font-size:11px;}
/* login */
#login {float:right; margin-right:8px; margin-top:2px; font-size:11px; -margin-right:4px;}
#login a:link {text-decoration:none; font-size:11px;}
#login a:visited {text-decoration:none; font-size:11px;}
#login a:hover {text-decoration:none; font-size:11px;}
/************************************************************************************************/
/**************************** end header styles *************************************************/
/************************************************************************************************/


/************************************************************************************************/
/**************************** begin home page styles ********************************************e8e8e9/
/************************************************************************************************/
#home_leftColumn {float:left; width:23%;  border-right:12px; padding:0px; margin:8px 0px 0px 0px; min-height:1700px; -margin:4px 0px 0px 0px;}
#home_body {float:left; width:77%; margin:0px; padding:0px; border:0px; -width:74%;}

#home_cluster_top {width:auto; margin:8px 8px 8px 8px; background-color:#C9C8C7; -margin:4px 4px 4px 4px;} /* using - for ie6 hack to avoid double float */
#home_cluster_top_left {float:left; background-color:#EDEDED; width:49.4%; margin-right:8px; padding:0px; height:190px; position:relative; -margin-right:4px;} /* using - for ie6 hack to avoid double float */
#home_cluster_top_right {float:left; background-color:#EDEDED; width:49.4%; margin:0px; padding:0px; height:190px; position:relative;} /* removed overflow:hidden; for DNN 6*/
#home_cluster_bottom {clear:both; width:auto; margin:0px 8px 8px 8px; background-color:#C9C8C7; -margin:0px 4px 4px 4px;} /* using - for ie6 hack to avoid double float */
#home_cluster_bottom_left {float:left; background-color:#EDEDED; width:49.4%; margin-right:8px; padding:0px; height:190px; position:relative; -margin-right:4px;} /* using - for ie6 hack to avoid double float */
#home_cluster_bottom_right {float:left; background-color:#EDEDED; width:49.4%; margin:0px; padding:0px; height:190px; position:relative;} 
/* overide container behavior */
#home_cluster_top div.c_contentpaneArt {background-color:transparent;}
#home_cluster_bottom div.c_contentpaneArt {background-color:transparent;}

#home_main {margin:0px 8px 0px 8px; padding:0px; -margin:0px 4px 0px 4px; display:inline-block; width:98%;} /* using - for ie6 hack to avoid double float */
#home_mainPane {float:left; margin:0px; padding:0px; *margin:13px 18px 0px 0px; width:100%;} /* using * for ie7 hack */
#home_rightColumn {float:right; margin:0px; padding:0px; background-color:#E8E8E9;}

/* home page v.201809 */
#home_mainPane .news-rotator-wrap {height:384px; margin:21px 0px 8px 0px; padding:0px; overflow:hidden; position:relative; display:block;}
#home_mainPane .news-rotator-item {position:absolute; height:386px; overflow:hidden;}
#home_mainPane .news-rotator-item-image {display:block; text-align:center;overflow:hidden;}
#home_mainPane .news-rotator-item-image img {vertical-align:middle; width:100%;}
#home_mainPane .news-rotator-item-desc {position: absolute; background-color:rgba(0, 0, 0, 0.6); padding:12% 1.5% 12px 1.5%; bottom:0; left:0; width:97%; min-height:40px;}
#home_mainPane .news-rotator-item-desc {padding-top:12%; background-color:transparent; background-image:linear-gradient(transparent, rgba(0,0,0,0.8));}
#home_mainPane .desc-middle .news-rotator-item-desc {bottom:50px; left:48%; width:47%; min-height:128px;}
#home_mainPane .desc-middle .news-rotator-item-desc {padding:28px 6px 12px 16px; background-color:transparent; background-image:radial-gradient(ellipse at center, rgba(0,0,0,0.8) 37%,rgba(0,0,0,0) 94%);}
/*#home_mainPane .news-rotator-item-title { padding-bottom: 8px;}*/
#home_mainPane .news-rotator-item-title h2, #home_mainPane .news-rotator-item-summary h3 {padding:0px 12px 0px 12px; margin:0; line-height:1;}
#home_mainPane .news-rotator-item-title h2 a {font-size:1.4em; text-decoration:none; color: #FFFFFF; line-height:1;}
/*#home_mainPane .news-rotator-item-summary {min-height:24px;}*/
#home_mainPane .news-rotator-item-summary h3 a, #home_mainPane .news-rotator-item-summary h3 a p, #home_mainPane .news-rotator-item-summary h3 a div, #home_mainPane .news-rotator-item-summary h3 a span {font-size:1em; text-decoration:none; color: #FFFFFF; line-height:1; font-weight:normal;}
/*#home_mainPane .news-rotator-item-desc a:hover {text-decoration:underline;}*/
#home_mainPane .news-rotator-selector {list-style-type: none; margin:0; padding:0; overflow:hidden; position:absolute; top:20px; right:20px;}
#home_mainPane .news-rotator-selector li {float:left; background-color:transparent; width:14px; height:17px; margin:0px 3px 0px 3px; border:0px solid transparent; list-style-type: none; border-radius: 10px;}

#home_mainPane .news-rotator-selector li.active .k-i-conv-b {background-position:-25px 1px;}
#home_mainPane .news-rotator-selector li.active .k-i-conv-r {background-position:-25px -24px;}
#home_mainPane .news-rotator-selector li.active .k-i-conv-s {background-position:-25px -49px;}
#home_mainPane .news-rotator-selector li.active .k-i-conv-br {background-position:-73px 0px;}
#home_mainPane .news-rotator-selector li.active .k-i-conv-bs {background-position:-75px -24px;}
#home_mainPane .news-rotator-selector li.active .k-i-conv-bssy {background-position:-75px -24px;}
#home_mainPane .news-rotator-selector li.active .k-i-conv-rs {background-position:-73px -49px;}
#home_mainPane .news-rotator-selector li.active .k-i-conv-rssy {background-position:-73px -49px;}
#home_mainPane .news-rotator-selector li.active .k-i-conv-brs {background-position:-25px -74px;}
#home_mainPane .news-rotator-selector li.active .k-i-conv-brssy {background-position:-25px -74px;}
#home_mainPane .news-rotator-selector li.active .k-i-conv-sy {background-position:-25px -74px;}

/*
#home_mainPane .news-rotator-selector li:hover {background-color:#FFFFFF;  border:0px solid #FFFFFF; cursor:pointer;}
#home_mainPane .news-rotator-selector .active, #home_mainPane .news-rotator-selector .active:hover {background-color:#003399;  border:0px solid #003399;}
#home_mainPane .news-rotator-selector .bc.active, #home_mainPane .news-rotator-selector .bc.active:hover {background-color:#009800;  border:0px solid #009800;}
#home_mainPane .news-rotator-selector .rc.active, #home_mainPane .news-rotator-selector .rc.active:hover {background-color:#000098;  border:0px solid #000098;}
#home_mainPane .news-rotator-selector .sc.active, #home_mainPane .news-rotator-selector .sc.active:hover {background-color:#E5511E;  border:0px solid #E5511E;}
#home_mainPane .news-rotator-selector .syn.active, #home_mainPane .news-rotator-selector .syn.active:hover {background-color:#FFFFFF;  border:0px solid #FFFFFF;}
*/





iframe.twitter-timeline {min-height:800px; max-height:802px;}

/************************************************************************************************/
/**************************** end home page styles **********************************************/
/************************************************************************************************/


/************************************************************************************************/
/**************************** begin content pages styles ****************************************/
/************************************************************************************************/
#content {margin:0px; padding:0px; height:100%; clear:both;} 
#content_leftColumn {float:left; margin:0px; padding-bottom:16px; padding-left:6px; padding-right:6px; background-color:#C9C8C7; border-right:1px solid #003399; height:100%;} 
#content_body {float:left; margin-top:0px;}
#content_top_pane {margin-bottom:10px; padding-left:6px; padding-right:6px;}
#content_main {}
#content_leftPane {float:left; padding-left:6px; padding-right:6px;}
#content_rightPane {float:left; padding-left:6px; padding-right:6px;}
#content_rightColumn {float:left; padding:6px 6px 12px 6px; background-color:#E8E8E9; border-left:1px solid #7F7F7F; border-right:1px solid #7F7F7F;}
#content_bottom_pane_small {margin-top:10px; margin-bottom:10px; padding-left:6px; padding-right:6px;}
#content_bottom_pane_large {clear:both; margin:10px 4px 10px 4px;}
/************************************************************************************************/
/**************************** end content pages styles ******************************************/
/************************************************************************************************/


/************************************************************************************************/
/**************************** begin footer styles ***********************************************/
/************************************************************************************************/
#footer_quickLinks {background-color:#444444; padding:6px 6px 6px 150px;}
#footer_quickLinks ul {color:#FFFFFF; font-weight:bold; float:left; padding:0px 40px 0px 40px; font-family:Georgia;}
#footer_quickLinks ul li {list-style-type:none; font-family:Arial;}
#footer_quickLinks a:link {color:#B3B3B3; text-decoration:none; font-weight:normal; font-size:11px;}
#footer_quickLinks a:visited {color:#B3B3B3; text-decoration:none; font-weight:normal; font-size:11px;}
#footer_quickLinks a:hover {color:#B3B3B3; text-decoration:underline; font-weight:normal; font-size:11px;}

#footer {background-color:#303030; padding:12px;}
#footer_address {float:left; position:relative; color:#B3B3B3; font-size:11px; line-height:1.2;}
#footer_address_fao {float:left; color:#B3B3B3; font-size:11px; line-height:1.2; display:none; padding-left:16px;} /* hidden  by default - only for RC */
#footer_address_bc {float:left; color:#B3B3B3; font-size:11px; line-height:1.2; display:none; padding-left:16px;} /* hidden  by default - only for BC */
#footer_address_rcUNEP {display:none; color:#B3B3B3; font-size:11px; line-height:1.2;} /* hidden  by default - only for RC */
#footer_terms {float:right; font-size:11px; line-height:1.2; width:250px;}
#footer .footerText {color:#B3B3B3; font-size:11px; line-height:1.2; float:right;}
#footer_address_synergies {display:none; float:left; position:relative; color:#B3B3B3; font-size:11px; line-height:1.2;} /* hidden by default - oly for synergies */

#footer_feedback_bc {display:none; float:right; margin-bottom:3px;}
#footer_feedback_rc {display:none; float:right; margin-bottom:3px;}
#footer_feedback_sc {display:none; float:right; margin-bottom:3px;}
#footer_feedback_synergies {display:none; float:right; margin-bottom:3px;}
#footerBar {height:12px; width:auto; background-color:#5B5B5B;}
#footerBar div {height:12px; width:auto; border-radius: 0px 0px 8px 8px; border:0px solid #303030; background-color: #303030;}
/************************************************************************************************/
/**************************** end footer styles *************************************************/
/************************************************************************************************/


/************************************************************************************************/
/**************************** begin specific styles *********************************************/
/************************************************************************************************/

/* link buttons */
a.linkBtn:link {text-align:center; padding:4px 15px 4px 15px; width:140px; display:inline-block; margin:0px 24px 0px 24px; background-color:#5B5B5B; color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:1.2em;}
a.linkBtn:visited {text-align:center; padding:4px 15px 4px 15px; width:140px; display:inline-block; margin:0px 24px 0px 24px; background-color:#5B5B5B; color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:1.2em;}
a.linkBtn:hover {text-align:center; padding:4px 15px 4px 15px; width:140px; display:inline-block; margin:0px 24px 0px 24px; background-color:#C9C8C7; color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:1.2em;}

/* navigation in left column (when using links module) */
#content_leftColumn table.LinksDesignTable {padding:0px; margin:0px; width:191px;} /* override hardcoded cellpadding */
#content_leftColumn table.LinksDesignTable tr td {padding:1px 0px 1px 0px; margin:0px;} /* override hardcoded cellpadding */
#content_leftColumn table.LinksDesignTable tr td a.Normal {white-space:normal; display: block; overflow: hidden; padding-right:15px; padding-left:4px; text-decoration:none; line-height:normal;} /* ok for IE and FF but not for stupid Chrome and Safari*/
#content_leftColumn table.LinksDesignTable tr td a.Normal:link {white-space:normal; display: block; overflow: hidden; padding-right:15px; padding-left:4px; text-decoration:none; line-height:normal;}
#content_leftColumn table.LinksDesignTable tr td a.Normal:visited {white-space:normal; display: block; overflow: hidden; padding-right:15px; padding-left:4px; text-decoration:none; line-height:normal;}
#content_leftColumn table.LinksDesignTable tr td a.Normal:hover {white-space:normal; display: block; overflow: hidden; padding-right:15px; padding-left:4px; text-decoration:none; background-color: #EDEDED; line-height:normal;}

/* navigation in left column (when using html module - must be with a wrapper using .RC_left class) */
.RC_left {padding:0px; margin:0px; width:191px;}
.RC_left br {font-size:1px; display:none;} /* each link has a br after */
.RC_left a {white-space:normal; display: block; overflow: hidden; padding-right:15px; padding-left:4px; text-decoration:none;} /* ok for IE and FF but not for stupid Chrome and Safari*/
.RC_left a:link {white-space:normal; display: block; overflow: hidden; padding-right:15px; padding-left:4px; text-decoration:none;}
.RC_left a:visited {white-space:normal; display: block; overflow: hidden; padding-right:15px; padding-left:4px; text-decoration:none;}
.RC_left a:hover {white-space:normal; display: block; overflow: hidden; padding-right:15px; padding-left:4px; text-decoration:none; background-color: #EDEDED;}
/* used by JQuery to find the active link */
a.CurrentLink, a.CurrentLink:link, a.CurrentLink:hover {white-space:normal; display: block; color:#003399; overflow: hidden; text-decoration:none; background-color: #EDEDED; border-top:1px solid #003399; border-bottom:1px solid #003399; padding-left:4px;}
div.ModDNNLinksC table {width:99%;}

/* style for meeting menu switch */
.meetingsMenuWrap span a {font-size:0.9em; text-decoration:none;position:relative;}
.meetingsMenu {display:none; background-color:#FFFFFF; border:1px solid #C9C8C7; position:absolute; z-index:100; width:100px;}
.meetingsMenu a {color:#003399; text-decoration:none;}
.meetingsMenu a:hover {color:#4D4D4D;}

/* style for tabs navigation on top inside the pages */
#innerPagesTabs ul.dropdown {position: relative; list-style:none; margin:0px; padding:0px;}
#innerPagesTabs ul.dropdown li {list-style:none; font-weight: bold; float: left; zoom: 1; background: #FFFFFF;}
#innerPagesTabs ul.dropdown a:hover {}
#innerPagesTabs ul.dropdown a:active {}
#innerPagesTabs ul.dropdown li a {display: block; padding: 4px 8px; border-right: 1px solid #333; color: #222;}
#innerPagesTabs ul.dropdown li:last-child a {border-right: none;} /* Doesn't work in IE */
#innerPagesTabs ul.dropdown li.hover, ul.dropdown li:hover {background: #7799EE; color: black; position: relative;}
#innerPagesTabs ul.dropdown li.hover a {}

#innerPagesTabs ul.dropdown ul {list-style:none; width: 200%; visibility: hidden; position: absolute; top: 100%; left: 0; margin:0px; padding:0px; display:none;}
#innerPagesTabs ul.dropdown ul li {list-style:none; font-weight: normal; background: #FFFFFF; border-bottom: 1px solid #ccc; float: none;} /* IE 6 & 7 Needs Inline Block */
#innerPagesTabs ul.dropdown ul li a	{border-right: none; width: 100%; display: inline-block;} 
#innerPagesTabs ul.dropdown ul li table {width: 100%; padding:2px;}
#innerPagesTabs ul.dropdown ul li table td {vertical-align:top;}

#innerPagesTabs ul.dropdown ul ul {list-style:none; left: 100%; top: 0;}
#innerPagesTabs ul.dropdown li:hover > ul {visibility:visible; display:inline-block;}

#innerPagesTabs ul.sub_menu li div {z-index:999; position:absolute;}

/* site map style */
#SiteMap .Level0, #SiteMap .Level0 a {font-size:16px; font-weight:bold; text-decoration:none;}
#SiteMap .Level1, #SiteMap .Level1 a {font-size:14px; font-weight:bold; text-decoration:none;}
#SiteMap .Level2, #SiteMap .Level2 a {font-size:12px; font-weight:bold; text-decoration:none;}
#SiteMap .Level3, #SiteMap .Level3 a {font-weight:normal; text-decoration:none;}

/* contacts styles */
.brsOfficialContacts_countryWrap {border:1px solid #000000; margin:8px; padding:6px;}
.brsOfficialContacts_countryWrap h3 {margin-top:4px; padding-top:0px;}
.brsOfficialContacts_countryLabel {margin-top:4px; padding-top:0px;}
.brsOfficialContacts_contactWrap {border-bottom:1px solid #003399; margin:4px; padding:6px;}
.brsOfficialContacts_label {font-weight:bold;}
.brsOfficialContacts_search_label {font-weight:bold; width:230px;}
.brsOfficialContacts_noContacts {display:none; border:1px solid red; margin:4px; padding:6px; font-weight:bold; color:Maroon;}
.brsOfficialContacts_countrySeparator {height:8px;}
.k-content {background-color:transparent;}
.contactsListWrap .k-widget {background-color:transparent; border-width:0px;}
.contactsListWrap h1 {margin:0px; line-height:1; padding:18px 0px 12px 0px; text-align:center;}
.brsOfficialContacts_SearchBox h3 {margin:0px; line-height:1; padding:18px 0px 12px 0px; text-align:center;}
.contactsListWrap .brsOfficialContacts_SearchBox {padding:12px;}
.contactsListWrap .brsOfficialContacts_SearchBox div {margin:10px 0px 10px 0px; padding:0px;}
.contactsList .contactItemIcons {float:left; width:14px; margin-right: 8px;}
.contactsList .brsOfficialContacts_contactData {float:left; width:96%;}
.contactsList h3 .attentionNote {font-weight:normal;}
/* map */
.contactMapHeader img {float:left; cursor:pointer;}
.showMap {display:block;}
.hideMap {display:none;}
.contactsMapWrap {position:relative; display:none; margin:10px 0px 10px 0px;}
.contactsMap {width: 100%; height:500px; background-color: #646464;}
.contactsMapDisclamerBtn {position:absolute; bottom:0px; right:2px; color:#FFFFFF; font-style:italic; cursor:pointer;}
.contactsMapDisclamerText {display:none; position:absolute; bottom:0px; right:0px; cursor:pointer; font-size:0.9em; width:0px; height:0px; overflow:hidden; border:1px solid #474747; background-color:#FFFFFF; padding:12px;}
.contactMapBalloonSep {width:100%; height:1px; color:#003399; margin:8px 0px 8px 0px;}

/* contacts styles v.1*/
#brsOfficialContacts_wrap #mapdiv {width: 100%; background-color:Silver; height: 350px; z-index:1;}
#brsOfficialContacts_wrap #brsOfficialContacts_mapLabel {position:absolute; z-index:5; color:White; margin:-30px 0px 0px 70%; font-style:italic; font-size:1.3em;}
.brsOfficialContacts_SearchBox {margin: 24px auto 8px auto; width:75%; background-color:Silver; box-shadow: 10px 10px 5px #888888; border-radius:12px;}
.brsOfficialContacts_SearchBox div {padding:12px;}
#brsOfficialContacts_search_title h1 {margin:0px; line-height:1; padding:0px; text-align:center;}
.brsOfficialContacts_countryWrap {border:1px solid #000000; margin:8px; padding:6px;}
.brsOfficialContacts_countryWrap h3 {margin-top:4px; padding-top:0px;}
.brsOfficialContacts_countryLabel {margin-top:4px; padding-top:0px;}
.brsOfficialContacts_contactWrap {border-bottom:1px solid #003399; margin:4px; padding:6px;}
.brsOfficialContacts_label {font-weight:bold;}
.brsOfficialContacts_noContacts {display:none; border:1px solid red; margin:20px 4px 4px 4px; padding:6px; font-weight:bold; color:Maroon;}
.brsOfficialContacts_countrySeparator {height:2px;}
/* hide contact name if BC */
.brsOfficialContacts_BaselName {display:none;}
.brsOfficialContacts_RotterdamName {}
.brsOfficialContacts_StockholmName {}
/* classes used to filter contacts with JQuery */
/* contact identifier by convention */
.brsOfficialContacts_Basel {}
.brsOfficialContacts_Rotterdam {}
.brsOfficialContacts_Stockholm {}
/* contact identifier by role */
.brsOfficialContacts_isFp {}
.brsOfficialContacts_isOcp {}
.brsOfficialContacts_isCa {}
.brsOfficialContacts_isDna {}
.brsOfficialContacts_isNfp {}

/* brsSocial app styles */
#blogDetail {background-color:transparent; border-color:transparent;}
#blogDetail .avatar {float:left; margin-right:12px;}
#blogDetail .info, #blogDetail .info span {color:#8899a6; font-size:0.9em;}
#blogDetail .BrsSocialShare {margin-top:12px; margin-bottom:8px; opacity:0.4; filter: alpha(opacity=40);}
#blogDetail .BrsSocialShare:hover {opacity:1.0; filter: alpha(opacity=100);}
#blogDetail .brsTwitter {width:90px; overflow:hidden; float:right;}
#blogDetail .blogEntry .BrsSocialShare {float:right; margin-top:-5px;} /* on blog detail page  */
#blogDetail .blogEntry .comments {background-color:#E0E0E0; border-radius:2px; text-shadow: 0 1px 0 #FFFFFF;}
#blogDetail .blogEntry .comments h2 {padding-left:24px; padding-top:10px;}
#blogDetail .blogEntry .comments .content {padding: 0px 0px 16px 54px; border-top:1px solid #FFFFFF;}
#blogDetail .blogEntry .comments .commentLogIn {padding-top:16px;}
#btnBrsSocialLogin {color:#FFFFFF; border:1px solid #505156; background-color:#015991; padding:4px;}
#btnBrsSocialLogin:hover {cursor:pointer;}
#blogHistory {background-color:transparent; border-color:transparent; width:190px;}

/* HomeAdd app styles */
#homeAdd {margin:8px;}
#homeAddHeader {height:0px; background-color:#000000; background-image:url('/Resources/Shared/scripts/appHomeAdd/headerBg.png'); background-repeat:no-repeat;}
#homeAddShow {display:none; color:#FFFFFF; float:right; cursor:pointer; margin:6px 12px 0px 0px;}
#homeAddClose {display:none; color:#FFFFFF; float:right; cursor:pointer; margin:6px 12px 0px 0px;}
#homeAddJump {display:none; float:right; position:relative; top:250px; right:0px; padding:20px; background-color:White; cursor:pointer; font-weight:bold;}
#homeAddContentWrap {background-color:#292829; background-image:url('/Resources/Shared/scripts/appHomeAdd/logo-2015cops-vw.png'); background-repeat:no-repeat; background-position:center;}
#homeAddContent {height:0px;}

/* tab activities app styles */
.tabActivitiesWrap .k-widget {border-width:0px; background-color:transparent;}
.tabActivitiesLeftNavLst .k-widget, #tabActivitiesLeftNavWrap .k-widget {border-width:0px; background-color:transparent;}
/* nav bar*/
.tabActivitiesNavWrap {height: 102px; width:100%; overflow:hidden;}
.tabActivitiesNavWrap .tabActivitiesNavItemsWrap {overflow:hidden; margin:0px; padding:0px; width: 82%;}
.tabActivitiesNavWrap .tabActivitiesNavItems {width:100%; margin:0px; padding:0px;}
.tabActivitiesNavWrap .tabActivitiesNavPrev, .tabActivitiesNavWrap .tabActivitiesNavItems, .tabActivitiesNavWrap .tabActivitiesNavNext, .tabActivitiesNavWrap .tabActivitiesNavItemsWrap {float:left;}
.tabActivitiesNavWrap .tabActivitiesNavItem {float:left; position:relative; margin:0px 4px 0px 4px; padding:0px;}
.tabActivitiesNavWrap img.tabActivitiesNavGfx {width:100px; height:100px; border:1px solid #000000; cursor:pointer; margin:0px; padding:0px;}
.tabActivitiesNavWrap .tabActivitiesNavPrev, .tabActivitiesNavWrap .tabActivitiesNavNext {cursor:pointer; height:102px;}
.tabActivitiesNavWrap .tabActivitiesNavPrev img {width:40px; height:40px; margin-top:30px; opacity:0.6;}
.tabActivitiesNavWrap .tabActivitiesNavNext img {width:40px; height:40px; margin-top:30px; opacity:0.6;}
.tabActivitiesNavWrap .tabActivitiesNavNext img:hover, .tabActivitiesNavWrap .tabActivitiesNavPrev img:hover {opacity:1;}
/* selected activity */
.tabActivitiesSelected {width:100%; margin-bottom:18px;}
.tabActivitiesSelected .tabActivitiesSelectedImage, .tabActivitiesSelected .tabActivitiesSelectedAreas {float:left;}
.tabActivitiesSelected div {background-color:#CCCCCC;}
.tabActivitiesSelected .tabActivitiesSelectedImage {border:5px solid #AAAAAA; width:400px;}
.tabActivitiesSelected .tabActivitiesSelectedImage img {border:0px; margin:0px;}
.tabActivitiesSelected .tabActivitiesSelectedAreas {width:40%; height:410px; margin-left:18px; display:table;}
.tabActivitiesSelected .tabActivitiesSelectedAreas div {vertical-align:middle; text-align:left; display:table-cell;}
/* left nav */
ul.tabActivitiesLeftNavLst, ul.tabActivitiesLeftNavLst li, ul.tabActivitiesLeftNavLst li ul, ul.tabActivitiesLeftNavLst li ul li {margin:0px; padding:0px; list-style-type:none; width:100%;}
ul.tabActivitiesLeftNavLst {padding-left:4px;}
ul.tabActivitiesLeftNavLst li {margin-bottom:12px; cursor:pointer;}
ul.tabActivitiesLeftNavLst a, ul.tabActivitiesLeftNavLst a:link, ul.tabActivitiesLeftNavLst a:visited, ul.tabActivitiesLeftNavLst a:hover {text-decoration:none; padding-left:4px;}
ul.tabActivitiesLeftNavLst a.CurrentLink {padding-left:4px;}
ul.tabActivitiesLeftNavLst a:hover {display: block; overflow: hidden; text-decoration:none; background-color: #EDEDED;}
ul.tabActivitiesLeftNavLst ul.tabActivitiesLeftNavSub {display:none;}

/* videos */
.videosWrap .k-widget {border-width:0px; background-color:transparent;}
.videosWrap .videosTemplateDefault  {width:312px; float:left; height:230px; overflow-y:scroll;}
.videosWrap .videosTemplateDefault .videoPlayer {width:400px; float:left;}
.videosWrap .videosTemplateDefault .videoPlayer iframe {width:400px; height:225px;}
.videosWrap .videosTemplateDefault .videoMenuItem {cursor: pointer; margin:0px 0px 12px 0px;}
.videosWrap .videosTemplateDefault .videoMenuItem .videoImage {width:120px; height:66px; overflow:hidden; float:left; position:relative; margin-left:-6px;}
.videosWrap .videosTemplateDefault .videoImage img {position:absolute; top:-12px;}
.videosWrap .videosTemplateDefault .videoMenuItem .videoTitle {margin:0px 6px 0px 6px; float:left; width:162px;}
.videosWrap .videosTemplateDefault .videoMenuItem .videoDescription {display:none;}
.videosWrap .videosTemplateDefault .videoDescription {margin-top:12px;}
.videosWrap .videosTemplateGrid .videoGridItem {width: 330px; margin:0px 25px 25px 0px; float:left;}
.videosWrap .videosTemplateGrid .videoGridItem .videoGridImgBlock {position:relative; cursor:pointer;}
.videosWrap .videosTemplateGrid .videoGridItem img {margin:0px;}
.videosWrap .videosTemplateGrid .videoGridItem .videoDescription {display:block; position:absolute; bottom:0; left:0; background-color:#4D4D4D; width:320px; height:0px; max-height:110px; overflow:hidden; opacity:0.8;}
.videosWrap .videosTemplateGrid .videoGridItem .videoDescription div {color:#FFFFFF; padding:10px;}
.videosWrap .videosTemplateGrid .videoPlayer {width:440px;}
.videosWrap .videosTemplateGrid .videoPlayer iframe {width:420px; height:315px;  border: 1px solid green; float:left;}
img.videosBackBtn {float:right; width:50px; height:50px;}

/* SDGs quiz */
.quizWrap .k-widget {border-width:0px; background-color:transparent;}
.quizWrap div {margin:0px;}
.quizWrap img.sdgImg {width: 150px; height:150px; margin:0px; border:2px solid transparent;}
.quizWrap img.sdgImgSelected {border-color:blue;}
.quizWrap .sdgGoal {float:left; margin: 10px; width: 154px; position:relative; cursor:pointer;}
.quizWrap .sdgGoalImage {}
.quizWrap .sdgGoalDescription {display:block; position:absolute; bottom:0; left:0; background-color:#4D4D4D; width:150px; height:0px; max-height:148px; overflow:hidden; opacity:0.8; margin: 0px 0px 0px 2px;}
.quizWrap .sdgGoalDescription div {color:#FFFFFF; padding:3px; font-size:0.9em;}
.quizWrap .contactsSearchCountry {margin:10px;}
.quizWrap .quizSubmit {text-align:center; margin:16px;}
.quizWrap .quizSubmit div {display:inline-block; background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; cursor:pointer;}
.quizWrap .quizSubmit div:hover{background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none;}
.quizWrap .sdgGoalsListLog p {color:maroon;}
.quizSocial {display:none; margin: 24px 10px 10px 10px;}
#sdgsQuizSocialLinks { margin: 24px 10px 10px 10px;}

/* Publications Kit for meetings app */
#pubList {border-width:0px; padding:15px; background-color:transparent;}
#pubList h2 {margin:24px 0px 0px 0px;}
#pubList h3 {margin-bottom:0px;}
#pubList p {margin:0px;}
#pubList a {margin:0px 12px 0px 12px;}

/* regional centres -  border:1px solid #003399; background-color:#FFFFFF; margin:24px 24px 0px 24px; padding:12px;*/
.regCentreEstablish {display:none;}

/* modal windows app */
div.container_empty_body .image_with_copyright img.centerPlayBtn, .centerPlayBtn {width:auto; height:auto; position:absolute; top:32%; left:32%; opacity:0.7;}
div.container_empty_body .image_with_copyright img.centerPlayBtn:hover, .centerPlayBtn:hover {opacity:1.0;}

/************************************************************************************************/
/**************************** end specif styles *************************************************/
/************************************************************************************************/

/************************************************************************************************/
/**************************** begin dnnWrek Editor CSS list (lower case only) *******************/
/************************************************************************************************/
.attention_box {border:1px solid #003399; padding:6px;}
.thin_para {display:none;} /* use this class when placing an empty paragraph on top of a page in order to avoid the automatic highlighting in blue */
/* address - contact block */
.address_block {background-image: url('/Portals/0/images/icon_address.png'); background-repeat:no-repeat; background-position:4px 8px; padding: 8px 8px 8px 70px; border:2px solid #C9C8C7; display:inline-block;}
.attention_note {color:Red;}
.remove_auto_format {color:inherit; font-weight: inherit; font-style: inherit; font-family:inherit;}
.simple_table {width:100%; border:1px solid #000000; padding:0px; margin:0px; border-collapse:collapse;}
.simple_table tr th {border:1px solid #000000; padding:4px; margin:0px; background-color:#AAAAAA; font-weight:bold; text-align:center;}
.simple_table tr td {border:1px solid #000000; padding:4px; margin:0px; vertical-align:top;}
.upper_alpha_list {list-style-type:upper-alpha;}
.upper_alpha_list li {list-style-type:upper-alpha;}
.image_with_copyright {background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 0px; margin:0px 6px 2px 0px; width:246px; float:left; line-height:normal; font-size:0.9em;}
.image_with_copyright img {margin: 0px 0px 3px 0px; padding:2px 2px 0px 2px; float:left;}
.image_with_copyright a {line-height:normal; font-size:0.9em;}
.image_with_copyright_full {background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 0px; margin:0px 6px 2px 0px; width:99%; line-height:normal; font-size:0.9em;}
.image_with_copyright_full img {margin: 0px 0px 0px 0px; padding:2px 2px 0px 2px; float:none; width:99%;}
.image_with_copyright_full a {line-height:normal; font-size:0.9em;}
.image_with_copyright .image-legend, .image_with_copyright_full .image-legend { margin: 0.7em; }

/************************************************************************************************/
/**************************** end dnnWrek Editor CSS list (lower case only) *******************/
/************************************************************************************************/
/************************************************************************************************/
/**************************** begin module templates styles *************************************/
/************************************************************************************************/
/* Home page clusters styles => to optimize so it uses default h3 styles and stuff */
a.home_news_title:link { font-family: Georgia; font-size: 12px; font-weight: bold; color: #003399; text-decoration: none; }
a.home_news_title:visited {font-family:Georgia; font-size:12px; font-weight:bold; color:#003399; text-decoration:none;}
a.home_news_title:hover {font-family:Georgia; font-size:12px; font-weight:bold; color:#4D4D4D; text-decoration:underline;}
#home_cluster_top h3 {margin:0px; padding:8px 4px 4px 8px;}
#home_cluster_top p {margin:0px; padding:0px 4px 0px 8px;}
#home_cluster_bottom h3 {margin:0px; padding:8px 4px 4px 8px;}
#home_cluster_bottom p {margin:0px; padding:0px 4px 0px 8px;}

/* FAQ  */
.FaqQuestion:link, .FaqQuestion:visited {font-weight:bold; text-decoration:none;}
.FaqQuestion:hover {font-weight:bold; color:#003399; text-decoration:underline;}
.FaqQuestion {text-decoration:none;}
a.SubHead {text-decoration:none;}
a.SubHead:link {text-decoration:none;}
a.SubHead:visited {text-decoration:none;}
div.FaqQuestion {text-decoration:none;}
.FaqAnswer {}

/* view events */
.sctable-simple {padding:0px 0px 8px 0px;}
.sctable-simple tr td a:link, .sctable-simple tr td a:visited {text-decoration:none;}
.sctable-simple tr td a:hover span {text-decoration:underline; color:#4D4D4D;}
.eventDateGroup {border-top:1px solid #666666; font-weight:bold; margin:4px 0px 2px 0px; padding:0px 0px 0px 0px;}
.EventNo-0 {border-top:0px;} /* no top border for first event group */
.eventTitle {font-family:Georgia; font-size:12px; font-weight:bold; color:#003399;} /* simulate h3 */
div.container_empty_body div.event-3c-cops-text-img {background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 0px; margin:0px 6px 0px 0px; float:left;}
div.container_empty_body div.event-3c-cops-text-img img {float:left; padding:6px; margin:0px;}

/* Begin News list module template (ventrian) */
/* templates wrappers */
.newsTemplate_list {position:relative;}
.newsTemplate_list #home_news_list_rss {position:absolute; top:-42px; right:5px; *top:-45px;} /* using * hack for IE7 */

/* news elements default styles */
.news_item {position:relative; clear:both;}
.news_image {position:absolute; top:0px; left:-16px;}
.news_img_lnk img {width:120px; height:80px;} /* in clusters forces image width to preserve alignement => for demo purposes since some images are currently too small */
.news_item_title h1 a:link {line-height:1; text-decoration:none;}
.news_item_title h1 a:visited {line-height:1; text-decoration:none;}
.news_item_title h1 a:hover {line-height:1; text-decoration:underline;}
.news_item_summary p:empty {height:0px;} 
.news_item_body_image img {float:left; margin:0px 8px 8px 0px;}
.news_item_body_image img {max-width:240px;}
.news_item_dateStart {font-style:italic; padding-bottom:6px;}
 /* place default image */
.news_img_default {background-image:url('/Portals/0/images/sc_cluster_empty.png'); background-repeat:no-repeat; width:120px; height:80px;}
/* news elements template variations - article list */
.newsTemplate_list .news_item {clear:both; min-height:90px;}
.newsTemplate_list .news_item_title {margin-left:116px; -margin-left:55px;}
.newsTemplate_list .news_image img {width:120px;}
.newsTemplate_list .news_item_summary {margin: 0px 15px 0px 116px; -margin: 0px 8px 0px 55px; min-height:50px;}
.newsTemplate_list .news_item_bar {border-bottom:1px solid #666666; margin: 0px 60px 0px 116px; -margin:0px 30px 0px 55px;}
/* news elements template variations - content pages - no image */
.newsTemplateNoImage_list .news_item_title {margin-left:0px;}
.newsTemplateNoImage_list .news_item_summary {margin: 0px 15px 0px 0px; -margin: 0px 8px 0px 0px; min-height:50px;}
.newsTemplateNoImage_list .news_item_bar {border-bottom:1px solid #666666; margin: 0px 8px 0px 0px; -margin:0px 4px 0px 0px;}
/* news elements template variations - home page boxes and main list */
#home_cluster_top .news_item {border:0px; margin:0px; padding:0px;}
#home_cluster_bottom .news_item {border:0px; margin:0px; padding:0px;}
#home_main .news_item {margin:6px 0px 0px 6px; -margin:3px 0px 0px 3px;}
/* news elements template variations - home page highlight */
.newsTemplate_Highlights h3 {cursor:pointer;}
.newsTemplate_Highlights h3:hover {text-decoration:underline; color:#4D4D4D;}
/* news elements template variations - home page spotlight */
.newsTemplate_Spotlight .news_image {position:relative; top:0px; left:0px;}
.newsTemplate_Spotlight .news_image img {float:left; padding:4px 4px 1px 0px; margin:0px;}
/* news elements template variations - content pages */
#content_main .news_item {margin:6px 0px 0px 6px; -margin:3px 0px 0px 3px;}
#content_main .news_image img {max-height:100px;}
div.container_empty_body .image_with_copyright img {width:240px; height:160px;}
/* news elements template variations - Publication teaser */
.newsTemplate_PublicationTeaser .news_item .news_image {clear:both; position:relative; top:0px; left:0px;}
.newsTemplate_PublicationTeaser .news_item .news_image img {margin:12px 0px 6px 0px; display:block; width:150px;}
.newsTemplate_PublicationTeaser .news_item .news_item_title h3 a {font-family:Arial; font-size:12px; color:#4D4D4D; line-height:1.5; font-weight:normal;} /* remove all inherited styles */
/* news elements template variations -  projects list  */
.projectTemplate_list .news_item_bar {border-bottom:1px solid #666666; margin: 8px 0px 8px 0px; -margin:4px 0px 4px 0px;}
/* news elements template variations - article list in table */
table.newsList {border:0px; width:100%;}
table.newsList td {padding: 4px 0px 4px 0px; vertical-align:top;}
table.newsList td.newsList_image {width:124px;}
table.newsList td.newsList_image img {width:120px;}
table.newsList td.newsList_text {border-bottom:1px solid #666666;}
table.newsList td.newsList_text h3 {padding-top:0px; margin-top:0px;}

/* overlay styles for full articles in pop-up (using kendo window) */
.apple_overlay {display:none;}
.apple_overlay div.news_item_wrap {overflow-y:auto; padding:0px 8px 0px 8px;}
/* End News list module template with ventrian */

/* Countdown styles */
#oCounter {background-color:#0088B2; width:120px; height:80px; overflow:hidden;}
#countDigits {padding:8px; height:20px; position:relative; overflow:hidden;}
#countTitle {color:White; font-size:16px; font-weight:bold; height:12px;}
#countLabels {padding:0px; height:20px; position:relative;}
#countLabels span {overflow:hidden; position:absolute; color:White; font-size:12px; }

.countDigit {color:White; font-size:16px; font-weight:bold; padding:2px; overflow:hidden; width:10px; height:20px; background-color:#0088B2; position:absolute; /* needed for IE fade */}
.countDash {color:White; font-size:16px; font-weight:bold; padding:2px; overflow:hidden; height:20px; position:absolute;}
span.countDigit {line-height:normal;}
span.countDash {line-height:normal;}

#oDays1 {left:0px;}
#oDays2 {left:10px;}
#oDays3 {left:20px;}
#oDash1 {left:31px;}
#oHours1 {left:38px;}
#oHours2 {left:48px;}
#oDash2 {left:59px;}
#oMins1 {left:66px;}
#oMins2 {left:76px;}
#oDash3 {left:87px;}
#oSecs1 {left:94px;}
#oSecs2 {left:105px;}
#countLblDays {left:4px;}
#countLblHours {left:44px;}
#countLblMins {left:72px;}
#countLblSecs {left:103px;}

/* M-Files table */
.attentionNote {color:Red;}

/* appWebinars (from CRM via kendo UI) */
/* webinar search */
#webinarListWrap {margin:8px; padding:12px; background-color:transparent;}
#webinarSearchWrap {margin-bottom:18px; width:auto;}
#webinarSearchWrap h2 {text-align:center;}
#webinarSearchTerms {margin:8px 0px 16px 16px; float:left;}
#webinarSearchOther {margin:8px 16px 16px 0px; float:right;}
#webinarList {margin:0px; border:0px; background-color:transparent;}
#webinarList, #pager {padding:8px; margin:0px;}
#pager ul li {list-style-type:none;}
#upcomingWrap input, #upcomingWrap label {font-weight:bold;}

.webinarListIcons {width:44px; vertical-align:top;}
.webinarListBody {padding-right:6px;}
.webinarItem td {padding-bottom:18px;}
.webinarItem h3 {margin:0px; padding:0px; line-height:normal;}
.webinarConvLabelWrap {overflow:hidden; vertical-align:middle; position:relative; width: 340px; height:20px; display:inline-block;}
.webinarConvLabel {left:0; font-weight:normal; position:absolute; width:100%; height:16px; bottom:0px;}
.webinarDetails {display:none;}
.webinarDesc {display:block;}
.webinarDesc p, .webinarDesc div, .webinarDesc span {line-height:normal; margin:0px; padding:0px;}
.webinarSessions {}
.webinarConv {font-style:italic;}
#webinarList .k-block, #webinarList .k-widget {background-color:transparent; border-color:transparent;}

/* slidedeable search #webinarSearchSlide   */
.searchSlideInactive {z-index:20; overflow:hidden; position:relative; height:auto;}
.searchSlideInactive #webinarSearchWrap {position:relative; float:none; right:auto;} 
.searchSlideInactive #slideableIcon {float:left; position:relative; left:auto; visibility:visible;}
#webinarListBox {clear:both;}
#webinarListBox table {float:left; width:100%;}
.searchSlideWrapActive {float:right; left:661px; position:absolute; height:178px; width:45px;}
.searchSlideActive {overflow:hidden; position:fixed; height:182px; width:auto;  float:right;}
.searchSlideActive #webinarSearchWrap {position:relative; float:left; left:690px; border-left-width:0px; border-top-left-radius:0px; border-bottom-left-radius:0px;} 
.searchSlideActive #slideableIcon {position:relative; float:left; left:0px; width:43px; height:176px; background-color:#e3e3e3; border:1px solid #C5C5C5; border-radius:4px 0px 0px 4px; border-right-width:0px; cursor:pointer;}
.searchSlideActive #slideableIcon div {margin-top:65px;}
#webinarList {}

#webinarList .k-icon {cursor:pointer;}
.k-icon-brs {background-image:url('//www.brsmeas.org/Images/webinarIconSprite.png'); background-repeat:no-repeat; width:16px; height:16px; display:inline-block; overflow:hidden; border-color:transparent; font-size:0; line-height:0; text-align:center; text-indent:-3333px; vertical-align:middle; cursor:pointer;}
.k-i-conv-b {background-position:0px 1px;}
.k-i-conv-b:hover {background-position:-25px 1px;}
.k-i-conv-r {background-position:0px -24px;}
.k-i-conv-r:hover {background-position:-25px -24px;}
.k-i-conv-s {background-position:0px -49px;}
.k-i-conv-s:hover {background-position:-25px -49px;}
.k-i-conv-br {background-position:-48px 0px;}
.k-i-conv-br:hover {background-position:-73px 0px;}
.k-i-conv-bs {background-position:-50px -24px;}
.k-i-conv-bs:hover {background-position:-75px -24px;}
.k-i-conv-bssy {background-position:-50px -24px;}
.k-i-conv-bssy:hover {background-position:-75px -24px;}
.k-i-conv-rs {background-position:-48px -49px;}
.k-i-conv-rs:hover {background-position:-73px -49px;}
.k-i-conv-rssy {background-position:-48px -49px;}
.k-i-conv-rssy:hover {background-position:-73px -49px;}
.k-i-conv-brs {background-position:0px -74px;}
.k-i-conv-brs:hover {background-position:-25px -74px;}
.k-i-conv-brssy {background-position:0px -74px;}
.k-i-conv-brssy:hover {background-position:-25px -74px;}
.k-i-conv-sy {background-position:0px -74px;}
.k-i-conv-sy:hover {background-position:-25px -74px;}
.k-i-info {background-position:-48px -75px;}
.k-i-info:hover {background-position:-73px -75px;}
.sIconShow .brs-i-search {background-position:0px -94px; width:43px; height:43px;}
.sIconHide .brs-i-search {background-position:-44px -94px; width:43px; height:43px;}

#webinarListWrap .k-state-selected, #ddlConv-list .k-state-selected, #ddlYears-list .k-state-selected, #expertListWrap .k-state-selected {background-color:#26447F; background-image: none, linear-gradient(to bottom, #26447F 0, #4C88FF 100%); border-color: #26447F;}

/* webinar details page */
.backToConfList {float:right; margin-bottom:12px;}
#webinarBody {background-color:transparent; border-width:0px; color:#4D4D4D;}
#webinarDates {width:33%; float:right;background-color: #CCCCCC;}
#webinarDates ul {list-style-position:inside; z-index:50; background-color: #CCCCCC; margin:6px; padding:4px; border-color:#CCCCCC;}
#webinarDates li {margin:0px; padding:6px 4px 6px 4px; list-style-type:none;}
#webinarDates li h3 {margin:0px; padding:0px; line-height:normal;}

.confObject {display:none; border:1px solid red;}

/* appMeetings (from CRM via kendo UI) */
/* meeting list */
#meetingList h3.event-3c-cops-location {margin-top:24px; margin-bottom:2px;} /* temp */
.meetingsListWrap .k-block, .meetingsListWrap .k-widget {background-color:transparent; border-color:transparent;}
.meetingsListWrap .meetingItem {clear:both; width:100%; margin:0px 0px 16px 0px;}
.meetingsListWrap .meetingItemContent {float:left; width:97%;}
.meetingsListWrap span.meetingItemStatus, .qtip-content span.meetingItemStatus { font-weight: bold; text-transform: capitalize; color: red; }
.meetingsListWrap .meetingItemIcons { float: left; width: 14px; }
.meetingsListWrap .k-icon-brs {cursor:default;}
.meetingsListWrap .meetingItemContent h3 {margin-top:0px; margin-bottom:0px;}
.meetingsListWrap .meetingsListPager ul li {list-style-type:none;}
.meetingsListWrap .meetingsListPager .k-state-selected {background-color:#26447F; background-image: none, linear-gradient(to bottom, #26447F 0, #4C88FF 100%); border-color: #26447F;}
/* meeting details */
#meetingDetails {background-color:transparent; border: 0px solid transparent;}
#meetingList {background-color:transparent; border: 0px solid transparent;}
.imgCopyright {margin-left:6px; font-size:0.9em; font-style:italic;}
/* meeting search */
.meetingsListWrap .meetingsSearch {margin: 12px auto 36px auto; background-color:Silver; padding:12px 12px 24px 12px; box-shadow: 10px 10px 5px #888888; border-radius:12px;}
.meetingsListWrap .meetingsSearch h2 {text-align:center;}
.meetingsListWrap .meetingsSearch .meetingSearchConv {width:160px;}
.meetingsListWrap .meetingsSearch .meetingSearchType {width:180px;}
.meetingsListWrap .meetingsSearch .meetingSearchRegion {width:200px;}
.meetingsListWrap .meetingsSearch .meetingSearchYear {width:130px;}

/* document list in kendo */
#docsList .km-button, #agendaDetail  .km-button {padding:3px; border:0px; background:none;}
.oDoc {border-top:1px solid black; margin-bottom:12px;}
.docListWrap {border:1px solid black;}
.attentionNote {color:red;}
.docNumber {font-weight:bold;}
.docData {overflow:hidden;}
.docTitle {}
.docFile {float:right; padding:0px 4px 0px 4px;}
.file {float:left; padding:0px 2px 0px 2px;}
.firstDocItem {border-top:0px;}

/* generic tables */
table.SimpleTable {width:100%; border:1px solid #000000; padding:0px; margin:0px; border-collapse:collapse;}
table.SimpleTable tr th {border:1px solid #000000; padding:4px; margin:0px; background-color:#AAAAAA; font-weight:bold; text-align:center;}
table.SimpleTable tr td {border:1px solid #000000; padding:4px; margin:0px; vertical-align:top;}
/* repeat for integration in html editor (only lower case) */
.CenterText {text-align:center;}

/* Feedback module */
.ModDNNFeedbackC div div div table tbody tr td.SubHead div.dnnTooltip {float:left;}

/* chm tools app */
.chmToolsWrap .k-widget, .experts-wrap .k-widget { border-width: 0px; background-color: transparent; }
.chmToolsWrap .chmToolsLog {color:maroon;}
.chmToolsWrap .chmToolsListPager {margin-top: 2em;}
.chmToolsWrap .chmToolsListPager ul li, .experts-wrap .experts-pager ul li { list-style-type: none; }
.chmToolsWrap .chmToolsListPager .k-state-selected, .experts-wrap .experts-pager .k-state-selected { background-color: #26447F; background-image: none, linear-gradient(to bottom, #26447F 0, #4C88FF 100%); border-color: #26447F; }
.chmToolsWrap .chmToolsSearch, .experts-wrap .experts-searchbox { margin: 24px auto 24px auto; width: 80%; background-color: Silver; box-shadow: 10px 10px 5px #888888; border-radius: 12px; padding-bottom: 16px; }
.chmToolsWrap .chmToolsSearch h3, .experts-wrap .experts-searchbox h3 { margin: 0px; line-height: 1; padding: 18px 0px 32px 0px; text-align: center; }
.chmToolsWrap .chmToolsSearchCtrls { margin: 0px auto 0px auto; text-align: center; }
.chmToolsWrap .chmToolsSearch .chmToolsSearchConv, .chmToolsWrap .chmToolsSearch .chmToolsSearchScope, .chmToolsWrap .chmToolsSearch .chmToolsSearchProvider, .chmToolsWrap .chmToolsSearch .chmToolsSearchAudience {width:220px; margin:6px 12px 6px 12px;  text-align:left;}
.chmToolsWrap .chmToolsItem {margin:2em 0em 2em 0;}
.chmToolsWrap .chmToolsItemThumbnailBox {float:left; width:246px; margin-right:8px;}
.chmToolsWrap .chmToolsItemThumbnailWrap {position:relative; background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 0px; margin:0px 6px 2px 0px; width:246px; line-height:normal; font-size:0.9em;}
.chmToolsWrap .chmToolsItemThumbnail img {margin: 0px 0px 3px 0px; padding:2px 2px 0px 2px;}
.chmToolsWrap .chmToolsItemConvIcon {position: absolute; bottom:0; right:0; margin:3px; background-color: #D9D9D9;}
.chmToolsWrap .chmToolsItemShare {margin-top:4px;}
.chmToolsWrap .chmToolsItemShare .icon {margin: 0px 3px 0px 3px;}
.chmToolsWrap .chmToolsItemShare a, .chmToolsWrap .chmToolsItemShare img {margin:0px; padding:0px;}
.chmToolsWrap .chmToolsItemContent {padding:0px 4px 0px 4px; overflow:hidden;}
.chmToolsWrap .chmToolsItem h3 {margin-top:0;}
.chmToolsWrap .chmToolsItem h3 span {font-family:Georgia; font-size:12px; font-weight:bold; color:#003399;}
.chmToolsWrap .chmToolsItemTags, .chmToolsWrap .chmToolsItemTags span, .chmToolsWrap .chmToolsItemTags p {color: #999999; line-height:1.4;}
.chmTooltip {border-bottom: 1px dotted #003399; cursor: pointer;}
.chmToolsWrap .chmToolsItemLabel { display: none; }
.chmToolsWrap .chmToolsItemUrls span {padding-right:2em;}
/* chm tools app - resource kit, Visualization and TGs variations */
.chmToolsWrap.chmToolsWrap-resourcekit, .chmToolsWrap.chmToolsWrap-visualization { border-bottom: 0.1em solid grey; }
.chmToolsWrap.chmToolsWrap-resourcekit ul.chmToolsSearch-resourcekit, .chmToolsWrap.chmToolsWrap-visualization ul.chmToolsSearch-visualization { list-style-type: none; margin: 0; padding: 0; width: 100%; border-width: 0px; background-color: transparent; }
.chmToolsWrap.chmToolsWrap-resourcekit ul.chmToolsSearch-resourcekit li, .chmToolsWrap.chmToolsWrap-visualization ul.chmToolsSearch-visualization li { float: left; list-style-type: none; padding: 0.6em 1em 0.6em 1em; margin: 0em 1em 0em 0em; background-color: #6495ED; color: #FFFFFF; font-weight: bold; text-align: center; cursor: pointer; border-top-left-radius: 0.6em; border-top-right-radius: 0.6em; border-top: 0.1em solid grey; border-right: 0.1em solid grey; border-left: 0.1em solid grey; }
.chmToolsWrap.chmToolsWrap-resourcekit ul.chmToolsSearch-resourcekit li.active-menu, .chmToolsWrap ul.chmToolsSearch-resourcekit li:hover, .chmToolsWrap.chmToolsWrap-visualization ul.chmToolsSearch-visualization li.active-menu, .chmToolsWrap ul.chmToolsSearch-visualization li:hover { background-color: #FFFFFF; color: #4D4D4D; border-bottom-color: #FFFFFF; }
.chmTools-spacer {background-color:#FFFFFF; width:100%; height:0.5em; border-top:0.1em solid grey; border-top:0.1em solid grey; border-left:0.1em solid grey; border-right:0.1em solid grey; margin-top:-1px;}
.chmToolsWrap.chmToolsWrap-resourcekit .chmToolsList {background-color:#FFFFFF; padding-top: 1.5em; border-left:0.1em solid grey; border-right:0.1em solid grey; width:100%;}
.chmToolsWrap.chmToolsWrap-resourcekit .chmToolsItem {margin:0; padding:2em 0.5em 2em 1em;}
.chmToolsWrap.chmToolsWrap-resourcekit .chmToolsItemThumbnailBox, .chmToolsWrap.chmToolsWrap-resourcekit .chmToolsItemThumbnailWrap, .chmToolsWrap.chmToolsWrap-bctgspub .chmToolsItemThumbnailBox, .chmToolsWrap.chmToolsWrap-bctgspub .chmToolsItemThumbnailWrap {width:165px;}
.chmToolsWrap.chmToolsWrap-resourcekit .chmToolsItemThumbnail img, .chmToolsWrap.chmToolsWrap-bctgspub .chmToolsItemThumbnail img {max-width:160px;}
.chmToolsWrap.chmToolsWrap-resourcekit .chmToolsListPager {margin:0; padding:2em 0em 0.5em 0em; background-color:#FFFFFF; border-left:0.1em solid grey; border-right:0.1em solid grey; width:100%;}
.chmToolsWrap.chmToolsWrap-resourcekit .chmToolsProgress, .chmToolsWrap.chmToolsWrap-resourcekit .chmToolsLog {border-left:0.1em solid grey; border-right:0.1em solid grey;}
.chmToolsWrap.chmToolsWrap-bctgspub .chmToolsItemTags span.chmToolsItemTagIcon { background-position:left top; margin:0.3em 0em 0em 0em; text-align:left; background-repeat:no-repeat; background-size:1.8em; padding:0.4em 0.6em 0.1em 2em; background-image: url('/Resources/Shared/scripts/appChmTools/images/tag-icon.svg'); }
.chmToolsWrap.chmToolsWrap-bctgspub .btnShowChilds { margin:1em 0 1em 0; float:right; }
.chmToolsWrap.chmToolsWrap-bctgspub .chmToolsChildItem .chmToolsItemUrls span {padding-right:1em;}
.chmToolsWrap.chmToolsWrap-bctgspub .k-button.k-state-active, .chmToolsWrap.chmToolsWrap-bctgspub .k-button:active, .chmToolsWrap.chmToolsWrap-bctgspub .k-button.k-state-hover, .chmToolsWrap.chmToolsWrap-bctgspub .k-button:hover { color:#FFFFFF; background-color:#009800; border-color:#226304; }
.chmToolsWrap.chmToolsWrap-bctgspub .urlLangWrap, .chmToolsWrap.chmToolsWrap-bctgspub .urlLangWrap span, .chmToolsWrap.chmToolsWrap-bctgspub .urlLangWrap span a {display:inline-block;}
.chmToolsWrap.chmToolsWrap-bctgspub .urlLangWrap {padding-right:1.4em;}
.chmToolsWrap.chmToolsWrap-bctgspub .urlLangWrap span {padding:0;}
.chmToolsWrap.chmToolsWrap-bctgspub .urlLangWrap span a img {margin:0px 4px 0px 4px;}
.chmToolsWrap.chmToolsWrap-bctgspub .urlLangLabel{text-align:center;}
/* horizontal sub menu and intro */
.chmToolsWrap .chemicals-submenus, .chmToolsWrap .screen-intro, .chmToolsWrap .visualization-submenus { min-height: 3em; background-color: #FFFFFF; border-top: 0.1em solid grey; border-right: 0.1em solid grey; border-left: 0.1em solid grey; width: 100%; margin-top: -1px; }
.chmToolsWrap .screen-intro {border-top-width:0; padding:0.1em 0em 0.1em 0em; display:none;}
.chmToolsWrap .screen-intro div {padding:0em 1em 0em 1em;}
.chmToolsWrap.chmToolsWrap-visualization .screen-intro div { padding: 0; }
.chmToolsWrap .chemicals-submenu, .chmToolsWrap .visualization-submenu { width: 100%; display: none; }
.chmToolsWrap .activeSubMenu, .chmToolsWrap .screen-intro.activeIntro {display:block;}
.chmToolsWrap .chemicals-submenu ul, .chmToolsWrap .visualization-submenu ul { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.chmToolsWrap .chemicals-submenu ul li, .chmToolsWrap .visualization-submenu ul li { list-style-type: none; float: left; margin: 0em 0.3em 0em 0em; padding: 0.3em 0.5em 0.3em 0.5em; background-color: #FFFFFF; color: #6495ED; font-weight: bold; }
.chmToolsWrap .chemicals-submenu ul li.activeSubMenuItem, .chmToolsWrap .visualization-submenu ul li.activeSubMenuItem { color: #003399; }
.chmToolsWrap .chemicals-submenu ul li:hover, .chmToolsWrap .visualization-submenu ul li:hover { cursor: pointer; color: #003399; }
/* chm tools regional groups lists app (based on resource kit css) */
.chmToolsWrap.chmToolsWrap-regionalgroups .chemicals-submenus { min-height: 0.5em; }
.chmToolsWrap.chmToolsWrap-regionalgroups ul.chmToolsSearch-resourcekit li { padding: 0.6em; margin-right: 0.5em; font-weight: normal; text-transform: capitalize; }
.chmToolsWrap.chmToolsWrap-regionalgroups .countries-list { display:none; padding:0 1em 0 1em; margin-bottom:0; }
.chmToolsWrap.chmToolsWrap-regionalgroups h2.countries-list { text-transform:uppercase; padding-bottom:0; }
.chmToolsWrap.chmToolsWrap-regionalgroups .countries-list.active-region { display: block; }
.chmToolsWrap.chmToolsWrap-regionalgroups ul.countries-list, .chmToolsWrap.chmToolsWrap-regionalgroups ul.countries-list li { list-style-type: none; }
.chmToolsWrap.chmToolsWrap-regionalgroups ul.countries-list { column-count:2; }
.chmToolsWrap.chmToolsWrap-regionalgroups ul.countries-list li { padding-left: 0.5em; padding-bottom: 0.4em; }

/* brs carousel */ .brsCarouselContainer { padding: 0px 30px 0px 30px; }
.brsCarouselContainer .brsCarouselSlide {margin:0px auto 0px auto; position:relative;}
.brsCarouselContainer .brsCarouselInner {position:relative; overflow:hidden; width:100%; height:310px; border:1px solid rgba(0, 0, 0, 0.6); box-shadow: 2px 2px 5px #888888;}
.brsCarouselContainer .brsCarouselItem {display:block; position:absolute; overflow:hidden;}
.brsCarouselContainer .brsCarouselItem img {margin:0; padding:0; opacity: 0.6; filter: alpha(opacity=60);}
.brsCarouselContainer .brsCarouselItem img:hover {opacity: 1.0; filter: alpha(opacity=100);}
.brsCarouselContainer .active {display:block;}
.brsCarouselContainer .brsCarouselItemCaption {background-color:rgba(0, 0, 0, 0.6); position: absolute; bottom:0; left:0; width:100%; padding:12px 30px 6px 30px; min-height:40px;}
.brsCarouselContainer .brsCarouselItemCaption a {font-size:2em; text-decoration:none; color: #FFFFFF; line-height:1;}
.brsCarouselContainer .brsCarouselItemCaption a:hover {text-decoration:underline;}
.brsCarouselContainer ol.brsCarouselNavBtn {list-style-type: none; margin:0; padding:0; overflow:hidden; position:absolute; top:20px; right:20px;}
.brsCarouselContainer ol.brsCarouselNavBtn li {float:left; background-color:#4D4D4D; width:10px; height:10px; margin:0px 3px 0px 3px; border:0px solid #4D4D4D; list-style-type: none; border-radius: 10px;}
.brsCarouselContainer ol.brsCarouselNavBtn li:hover {background-color:#FFFFFF;  border:0px solid #FFFFFF; cursor:pointer;}
.brsCarouselContainer ol.brsCarouselNavBtn .active, .brsCarouselContainer ol.brsCarouselNavBtn .active:hover {background-color:#003399;  border:0px solid #003399;}
.brsCarouselContainer .brsCarouselPrevBtn, .brsCarouselContainer .brsCarouselNextBtn {width:30px; position:absolute; cursor:pointer; top:40%; opacity: 0.6; filter: alpha(opacity=60);}
.brsCarouselContainer .brsCarouselPrevBtn:hover, .brsCarouselContainer .brsCarouselNextBtn:hover {opacity: 1.0; filter: alpha(opacity=100);}
.brsCarouselContainer .brsCarouselPrevBtn {left:-30px;}
.brsCarouselContainer .brsCarouselNextBtn {right:-30px;}

/* failure list app */
.failureListWrap .k-widget {border-width:0px; background-color:transparent;}
.failureListWrap .flSearch {margin: 24px auto 24px auto; width:80%; background-color:Silver; box-shadow: 10px 10px 5px #888888; border-radius:12px; padding-bottom: 16px;}
.failureListWrap .flSearch h3 {margin:0px; line-height:1; padding:18px 0px 32px 0px; text-align:center;}
.failureListWrap .flSearchCtrls {margin:0px auto 0px auto; text-align:center;}
.failureListWrap .flSearch .flSearchChem, .failureListWrap .flSearch .flSearchCountry {width:260px; margin:6px 12px 6px 12px; text-align:left;}
.failureListWrap table {border-collapse:collapse; width:100%;}
.failureListWrap table, .failureListWrap th, .failureListWrap td {border:1px solid #000000;}
.failureListWrap th, .failureListWrap td {padding:10px;}
.failureListWrap tr {background-color:#C0C6E2;}
.failureListWrap tr:nth-child(even) {background-color:#DADCEA;}
.failureListWrap th {background-color:#FFFFFF; font-weight:bold;}
.failureListWrap .flItemCountry {min-width: 200px;}
.failureListWrap .flItemDate {min-width: 100px;}
.failureListWrap .flLog p {color:maroon;}
.failureListWrap .flPager {margin-top: 3em;}
.failureListWrap .flPager ul li {list-style-type:none;}
.failureListWrap .flPager .k-state-selected, .failureListWrap .flPager .k-state-focused {background-color:#26447F; background-image: none, linear-gradient(to bottom, #26447F 0, #4C88FF 100%); border-color: #26447F;}
.k-state-selected, .k-list > li.k-state-selected, .k-state-focused, .k-list > li.k-state-focused {background-color:#26447F; background-image: none, linear-gradient(to bottom, #26447F 0, #4C88FF 100%); border-color: #26447F;}

/* ammendments app */
.scAmendmentsWrap .k-widget {border-width:0px; background-color:transparent;}
.scAmendmentsWrap .scaSearch {margin: 24px auto 24px auto; width:80%; background-color:Silver; box-shadow: 10px 10px 5px #888888; border-radius:12px; padding-bottom: 16px;}
.scAmendmentsWrap .scaSearch h3 {margin:0px; line-height:1; padding:18px 0px 32px 0px; text-align:center;}
.scAmendmentsWrap .scaSearchCtrls {margin:0px auto 0px auto; text-align:center;}
.scAmendmentsWrap .scaSearch .scaSearchChem, .scAmendmentsWrap .scaSearch .scaSearchCountry {width:260px; margin:6px 12px 6px 12px; text-align:left;}
.scAmendmentsWrap table {border-collapse:collapse; width:100%;}
.scAmendmentsWrap table, .scAmendmentsWrap th, .scAmendmentsWrap td {border:1px solid #000000;}
.scAmendmentsWrap th, .scAmendmentsWrap td {padding:10px;}
.scAmendmentsWrap tr {background-color:#C0C6E2;}
.scAmendmentsWrap tr:nth-child(even) {background-color:#DADCEA;}
.scAmendmentsWrap th {background-color:#FFFFFF; font-weight:bold;}
.scAmendmentsWrap .scaItemCountry {min-width: 200px;}
.scAmendmentsWrap .scaItemDate {min-width: 100px;}
.scAmendmentsWrap .scaInfoIcon {width:16px; height:16px; cursor:pointer; opacity:0.4; vertical-align:text-bottom;}
.scAmendmentsWrap .scaInfoIcon:hover {opacity:1.0;}
.scAmendmentsWrap .scaLog p {color:maroon;}
.scAmendmentsWrap .scaPager ul li {list-style-type:none;}
.scAmendmentsWrap .scaPager .k-state-selected, .scAmendmentsWrap .scaPager .k-state-focused {background-color:#26447F; background-image: none, linear-gradient(to bottom, #26447F 0, #4C88FF 100%); border-color: #26447F;}

/* cross cutting menu app */
.ccMenu {width:573px; height:194px; overflow:hidden;}
.ccMenu .k-widget {border-width:0px; background-color:transparent;}
.ccMenu .ccMenuPanes {float:left; width:459px; height:100%; overflow:hidden;}
.ccMenu .ccNavPane {height: 100%; display:none;}
.ccMenu .ccMenuPanes .selected {display:block;}
.ccMenu .ccNavPaneContentBox {background-color:#000000; opacity:0.6; width:230px; height:100%; overflow:hidden; position:relative;}
.ccMenu .ccNavPaneContentBox .ccNavPaneContent {position:absolute; width:100%; height:80%; top:0;}
.ccMenu .ccNavPaneContentBox .ccNavPaneContentSlider {position:absolute; width:100%; height:20%; bottom:0;}
.ccMenu .ccNavPaneContentBox .ccNavPaneContentSlider .leftBtn {float:left; width:34px; margin-left:8px; display:none;}
.ccMenu .ccNavPaneContentBox .ccNavPaneContentSlider .leftBtn img {opacity:0.7;}
.ccMenu .ccNavPaneContentBox .ccNavPaneContentSlider .leftBtn img:hover {opacity:1.0; cursor:pointer;}
.ccMenu .ccNavPaneContentBox .ccNavPaneContentSlider .ccNavLibrary {float:left; margin-left:20px; margin-top:6px; display:none;}
.ccMenu .ccNavPaneContentBox .ccNavPaneContentSlider a {color:#FFFFFF;}
.ccMenu .ccNavPaneContentBox .ccNavPaneContentSlider .rightBtn {float:right; width:34px; margin-right:8px; display:none;}
.ccMenu .ccNavPaneContentBox .ccNavPaneContentSlider .rightBtn img {opacity:0.7;}
.ccMenu .ccNavPaneContentBox .ccNavPaneContentSlider .rightBtn img:hover {opacity:1.0; cursor:pointer;}
.ccMenu .ccNavItem {display:none; padding: 12px;}
.ccMenu .ccNavItem h2, .ccMenu .ccNavItem p,.ccMenu .ccNavItem a {color:#FFFFFF; padding:0px; margin:0px; line-height:1;}
.ccMenu .ccNavItem h2 {margin-bottom:8px; max-height:112px; overflow:hidden;}
.ccMenu .ccNavItem img {max-height:100px; margin-bottom:2px;}
.ccMenu .ccNavPaneContent .ItemSelected {display:block;}
.ccMenu .ccMenuTabs {float:left;}
.ccMenu .ccMenuTabs ol {margin:0px; padding:0px; list-style:none; float:right; border-bottom:0px solid #CCCCCC;}
.ccMenu .ccMenuTabs li {margin:0px; padding:0px; list-style:none; width:114px; height:24px; cursor:pointer;}
.ccMenu .ccMenuTabs li .ccNavTabItem {display:none; float:left; padding:3px 0px 0px 8px;}
.ccMenu .ccMenuTabs li.k-state-selected {border-left-width:0px; background-color:transparent; background-repeat:repeat-y;}
.ccMenu .ccMenuTabs ol.basel li.k-state-selected {background-image: url('/Resources/Shared/scripts/appCrossCuttingMenu/SelectedTabBgThin-bc.png');}
.ccMenu .ccMenuTabs ol.rotterdam li.k-state-selected {background-image: url('/Resources/Shared/scripts/appCrossCuttingMenu/SelectedTabBgThin-rc.png');}
.ccMenu .ccMenuTabs ol.stockholm li.k-state-selected {background-image: url('/Resources/Shared/scripts/appCrossCuttingMenu/SelectedTabBgThin-sc.png');}
.ccMenu .ccMenuTabs li.k-state-selected .ccNavTabItem {color:#FFFFFF;}
.ccMenu .ccMenuTabs li.k-state-selected .ccNavTabItemArrow {width:8px; height:24px; float:left; margin-left:-8px; background-repeat:no-repeat;}
.ccMenu .ccMenuTabs ol.basel li.k-state-selected .ccNavTabItemArrow {background-image: url('/Resources/Shared/scripts/appCrossCuttingMenu/SelectedTabArrow-bc.png');}
.ccMenu .ccMenuTabs ol.rotterdam li.k-state-selected .ccNavTabItemArrow {background-image: url('/Resources/Shared/scripts/appCrossCuttingMenu/SelectedTabArrow-rc.png');}
.ccMenu .ccMenuTabs ol.stockholm li.k-state-selected .ccNavTabItemArrow {background-image: url('/Resources/Shared/scripts/appCrossCuttingMenu/SelectedTabArrow-sc.png');}

/* appDocuments */
.appDocsRecent .k-widget {border-width:0px; background-color:transparent;}
.appDocsRecent .docsList {height:4.2em; overflow:hidden;}
.appDocsRecent .docItem {margin:0em 1.2em 0em 1.2em; height:4.2em;}
.appDocsRecent .docItem .ar, .appDocsRecent .docItem .zh, .appDocsRecent .docItem .fr, .appDocsRecent .docItem .ru, .appDocsRecent .docItem .es {display:none;}

/* app Experts v2 */
/* Search box like chmTools app in css above, but with their own class */
.experts-wrap .experts-searchbox-ctrls { margin: 0px auto 0px auto; text-align: center; }
.experts-wrap .experts-searchbox-ctrls div { margin:1rem; }
.experts-wrap .k-header, .experts-wrap div.k-grid-header, .experts-wrap .k-grid-header-wrap { background-color: transparent; border-color: transparent; border-width: 0px; background-image: none; }
.experts-wrap .k-grid-content tr, .experts-wrap .k-grid-content tr.k-alt, .experts-wrap .k-grid-content tr:hover { background-color: white; background-image: none; }
.experts-wrap .k-grid-content td { border: 0px solid white; border-bottom: 2px solid #b5bdcb; padding-top: 1em; padding-bottom: 1em; }
.experts-wrap .expert-photo, .experts-wrap .experts-detail-summary .experts-detail-img { display: inline-block; width: 32px; height: 32px; border-radius: 50%; background-size: 32px 35px; background-position: center center; vertical-align: middle; line-height: 32px; box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2); margin-left: 5px; text-align: center; font-weight: bold; color: white; background-color: silver; }
.experts-wrap .expert-name { display: inline-block; vertical-align: middle; line-height: 32px; padding-left: 3px; cursor:pointer; }
.experts-wrap .expert-name:hover { text-decoration: underline; }
.experts-wrap .expert-old-affiliation { vertical-align:top; }
.experts-wrap .experts-details { background-color: #FFFFFF; }
.experts-wrap .experts-detail-top { padding-left:1rem; }
.experts-wrap .k-tabstrip:focus { box-shadow: none; }
.experts-wrap .k-panelbar .k-tabstrip-items .k-item, .experts-wrap .k-tabstrip-top > .k-tabstrip-items .k-item { margin-right: 1em; font-weight: bold; background-color: #6495ED; }
.experts-wrap .k-panelbar > li.k-state-default > .k-link, .experts-wrap .k-tabstrip-items .k-state-default .k-link { color:#FFFFFF; }
.experts-wrap .k-panelbar .k-tabstrip-top > .k-tabstrip-items .k-state-active, .experts-wrap .k-tabstrip-top > .k-tabstrip-items .k-state-active { background-color: #FFFFFF; }
.experts-wrap .k-panelbar > li.k-state-active > .k-link, .experts-wrap .k-tabstrip-items .k-state-active .k-link { color: #4D4D4D; }
.experts-wrap .experts-detail-close { text-align:right; }
.experts-wrap .experts-detail-close .k-icon { font-size: 3em; cursor: pointer; color: #999999; }
.experts-wrap .experts-detail-close .k-icon:hover { color: #4D4D4D; }
.experts-wrap .experts-meetings-type { text-transform: capitalize; }
.experts-wrap .experts-meetings-type.cop { text-transform: uppercase; }
.experts-wrap .experts-detail-item { display:flex; flex-direction:row; justify-content:space-around; align-items:baseline; padding:1em 0 1em 0; }
.experts-wrap .experts-detail-summary .experts-detail-item { align-items:unset; }
.experts-wrap .experts-detail-summary { margin-bottom:2em; }
.experts-wrap .experts-detail-summary .experts-detail-img { width:200px; height:200px; background-size: 200px 205px; line-height:200px; font-size:7em; }
.experts-wrap .experts-detail-tab-contact div, .experts-wrap .experts-detail-top div { margin-bottom: 1em; }

/* app countdown 2 */
.countdown-wrap { position: relative; }
.countdown-wrap .countdown-img  { width:100%; height:auto; }
.countdown-wrap .countdown-content { position:absolute; top:0; width:100%; height:100%; }
.countdown-wrap .countdown-title h2 { color:#FFFFFF; font-size:2.2em; line-height:1.2; text-align:center; padding: 0 0.4em 0 0.4em; }
.countdown-wrap .countdown-subtitle h3 { color: #FFFFFF; font-size: 1.6em; line-height: 1.2; text-align: center; padding: 0 0.4em 0 0.4em; font-family:Arial; font-weight:normal; }
.countdown-wrap .countdown-clock { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; margin-top:6em; margin-left:7em; }
.countdown-wrap .countdown-clock-bg { background-image: url("/Resources/Shared/Scripts/appCountdown/countdown-hexa-green.png"); background-size:62px 70px; background-position: center; background-repeat: no-repeat; width: 62px; height: 70px; margin:0 2em; color:#FFFFFF; }
.countdown-wrap .countdown-clock-bg div { color:#FFFFFF; font-weight:bold; text-align:center; }
.countdown-wrap .countdown-days-nb, .countdown-wrap .countdown-hours-nb, .countdown-wrap .countdown-mins-nb, .countdown-wrap .countdown-secs-nb { font-size:2em; line-height:1; margin-top:0.6em; }
.countdown-wrap .countdown-url { margin: 6em auto; text-align: center; }
.countdown-wrap .countdown-url a { border: 2px solid #FFFFFF; color: #FFFFFF; padding: 0.6em; }

.lang-label { display: none; }
.lang-label.en { display: block; }

/************************************************************************************************/
/**************************** end module templates styles ***************************************/
/************************************************************************************************/
/************************************************************************************************/
/**************************** begin Osmany's hack of DNN megaMenu *******************************/
/************************************************************************************************/
.mainNavigation { z-index: 999; }

.mainNavigation .RadMenu {
	display: block;
	float: left;
	z-index: 999;
	margin: 0;
	padding: 0;
}
.mainNavigation .RadMenu .rmHorizontal {float: none;}

.mainNavigation .RadMenu .rmHorizontal .rmText,
.mainNavigation .RadMenu .rmText {
	text-transform:uppercase;
	padding: 0;
	margin-left:-8px;
	padding-left:8px;
	}
.mainNavigation .RadMenu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

.mainNavigation .RadMenu .rmHorizontal li.rmLast a.rmRootLink {
	float: left;
}

.mainNavigation .RadMenu li a:link,
.mainNavigation .RadMenu li a:visited,
.mainNavigation .RadMenu li a:active {
	color: #FFF;
	cursor: pointer;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	/*height: 25px;*/
	/*line-height: 30px;*/
	padding: 0 8px;
	text-decoration: none;
	/*text-shadow: #191919 1px 2px 2px;*/
	border: solid 0px green;
}
.mainNavigation .RadMenu li a.rmExpanded:link,
.mainNavigation .RadMenu li a.rmExpanded:visited,
.mainNavigation .RadMenu li a.rmExpanded:hover,
.mainNavigation .RadMenu li a.rmExpanded:active,
.mainNavigation .RadMenu li a:hover {
	color: #FFF;
	background-color: #414141;
	/*text-shadow: #191919 1px 2px 2px;*/
}
.mainNavigation .RadMenu li a.rmSelected:link,
.mainNavigation .RadMenu li a.rmSelected:visited,
.mainNavigation .RadMenu li a.rmSelected:hover,
.mainNavigation .RadMenu li a.rmSelected:active {
	background-color: #414141;
	color: #FFF;
	/*text-shadow: #191919 1px 2px 2px;*/
}
.mainNavigation .RadMenu li.rmFirst a.rmExpanded:link,
.mainNavigation .RadMenu li.rmFirst a.rmExpanded:visited,
.mainNavigation .RadMenu li.rmFirst a.rmExpanded:hover,
.mainNavigation .RadMenu li.rmFirst a.rmExpanded:active,
.mainNavigation .RadMenu li.rmFirst a:hover {
	background-color: #414141;
}
.mainNavigation .RadMenu li.rmFirst a.rmSelected:link,
.mainNavigation .RadMenu li.rmFirst a.rmSelected:visited,
.mainNavigation .RadMenu li.rmFirst a.rmSelected:hover,
.mainNavigation .RadMenu li.rmFirst a.rmSelected:active {
	color: #FFF;
	background-color: #414141;
	/*text-shadow: #191919 1px 2px 2px;*/
}
.mainNavigation .RadMenu li.rmLast a.rmExpanded:link,
.mainNavigation .RadMenu li.rmLast a.rmExpanded:visited,
.mainNavigation .RadMenu li.rmLast a.rmExpanded:hover,
.mainNavigation .RadMenu li.rmLast a.rmExpanded:active,
.mainNavigation .RadMenu li.rmLast a:hover {
	background-color: #414141;
}
.mainNavigation .RadMenu li.rmLast a.rmSelected:link,
.mainNavigation .RadMenu li.rmLast a.rmSelected:visited,
.mainNavigation .RadMenu li.rmLast a.rmSelected:hover,
.mainNavigation .RadMenu li.rmLast a.rmSelected:active {
	color: #FFF;
	/*text-shadow: #191919 1px 2px 2px;*/
}
.mainNavigation .RadMenu .rmSlide {
	/*background: url(../gfx/dnnSprite.png) 0 bottom;*/
	padding: 0 0 20px;
	width: 306px;
}
.mainNavigation .RadMenu .rmSlide .rmMultiColumn {
	background-color: #414141;
	width: 306px;
}
.mainNavigation .RadMenu .rmSlide .rmVertical {
	height: auto;
	width: auto;
}
.mainNavigation .RadMenu .rmGroup .rmText {
	padding: 0;
	margin: 0;
	text-transform :none;
	background:none;
	}
.mainNavigation .RadMenu .rmSlide li,
.mainNavigation .RadMenu .rmSlide li.rmFirst {
	background: none;
}
.mainNavigation .RadMenu .rmSlide .rmMultiColumn li {
	display: block;
	float: left;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}
.mainNavigation .RadMenu .rmSlide .rmMultiColumn .rmVertical li {
	float: none;
}
.mainNavigation .RadMenu .rmSlide .rmMultiColumn .rmVertical li a:link,
.mainNavigation .RadMenu .rmSlide .rmMultiColumn .rmVertical li a:visited,
.mainNavigation .RadMenu .rmSlide .rmMultiColumn .rmVertical li a:active {
	color: #cccccc;
	cursor: pointer;
	float: none;
	font-size: 11px;
	font-weight:bold;
	height: auto;
	line-height: 17px;
	margin: 0 7px;
	padding: 5px 0;
	border-top: 1px solid #CBCBCB;
	/*text-shadow: none;*/
	white-space: normal;
	width: 139px;
	background:none;
}
.mainNavigation .RadMenu .rmSlide .rmMultiColumn .rmVertical li.rmFirst a:link,
.mainNavigation .RadMenu .rmSlide .rmMultiColumn .rmVertical li.rmFirst a:visited,
.mainNavigation .RadMenu .rmSlide .rmMultiColumn .rmVertical li.rmFirst a:active {
	border-top: none;
}
.mainNavigation .RadMenu .rmSlide .rmMultiColumn .rmVertical li a:hover {
	background: none;
	color: #FFFFFF;
	background-color: #414141;
}
.mainNavigation .RadMenu ul ul li img {
	display: none;
}
.mainNavigation .RadMenu .rmSlide .rmMultiColumn .rmVertical .rmLevel2ChildList {
	margin:0;
	padding:0;
}
.mainNavigation .RadMenu .rmSlide .rmMultiColumn .rmVertical .rmLevel2ChildList .rmLink:hover {
	color: #FFFFFF;
}
.mainNavigation .RadMenu .rmSlide .rmMultiColumn .rmVertical .rmLevel2ChildList li a:link,
.mainNavigation .RadMenu .rmSlide .rmMultiColumn .rmVertical .rmLevel2ChildList li a:visited,
.mainNavigation .RadMenu .rmSlide .rmMultiColumn .rmVertical .rmLevel2ChildList li a:active {
	cursor: pointer;
	display: block;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color:#cccccc;
	margin: 3px 7px 3px 17px;
	padding: 0;
	border-top: none;
	white-space: normal;
	width: 128px;
	list-style: none;
}
.mainNavigation .rmRootGroup li a span.rmText {color:#FFFFFF;}
/************************************************************************************************/
/**************************** end Osmany's hack of DNN megaMenu *********************************/
/************************************************************************************************/

/************************************************************************************************/
/**************************** begin widgets *****************************************************/
/************************************************************************************************/
.Widgets input{border:none;}
#SizeWidget, #TextSizeWidget{float:left;}
#TextSizeWidget_smalltext, #TextSizeWidget_mediumtext, #TextSizeWidget_largetext, #SizeWidget_width1024, #SizeWidget_width1280, #SizeWidget_widthfull
{float:left;height:20px;width:20px;margin-right:3px;cursor:pointer;background:transparent none no-repeat;}
#TextSizeWidget_smalltext{background-image:url(/Portals/_default/skins/3c/css/variations/img/textsmall.png);}
#TextSizeWidget_smalltext:hover, #TextSizeWidget_smalltext.SelectedWidget {background-image:url(/Portals/_default/skins/3c/css/variations/img/textsmallhover.png);}
#TextSizeWidget_mediumtext{background-image:url(/Portals/_default/skins/3c/css/variations/img/textmedium.png);}
#TextSizeWidget_mediumtext:hover, #TextSizeWidget_mediumtext.SelectedWidget {background-image:url(/Portals/_default/skins/3c/css/variations/img/textmediumhover.png);}
#TextSizeWidget_largetext{background-image:url(/Portals/_default/skins/3c/css/variations/img/textlarge.png);}
#TextSizeWidget_largetext:hover, #TextSizeWidget_largetext.SelectedWidget {background-image:url(/Portals/_default/skins/3c/css/variations/img/textlargehover.png);}
#SizeWidget_width1024 {background-image:url(/Portals/_default/skins/3c/css/variations/img/width1024.png);}
#SizeWidget_width1024:hover, #SizeWidget_width1024.SelectedWidget {background-image:url(/Portals/_default/skins/3c/css/variations/img/width1024hover.png);}
#SizeWidget_width1280 {background-image:url(/Portals/_default/skins/3c/css/variations/img/width1280.png);}
#SizeWidget_width1280:hover, #SizeWidget_width1280.SelectedWidget {background-image:url(/Portals/_default/skins/3c/css/variations/img/width1280hover.png);}
#SizeWidget_widthfull {background-image:url(/Portals/_default/skins/3c/css/variations/img/widthfull.png);}
#SizeWidget_widthfull:hover , #SizeWidget_widthfull.SelectedWidget {background-image:url(/Portals/_default/skins/3c/css/variations/img/widthfullhover.png);}
/************************************************************************************************/
/**************************** end widgets *******************************************************/
/************************************************************************************************/