@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;}
td:first-child
/* 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;}
#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:156px; 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:500px; -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;} /* using - for ie6 hack to avoid double float */
#home_mainPane {float:left; margin:0px; padding:0px; *margin:13px 18px 0px 0px;} /* using * for ie7 hack */

#home_rightColumn {float:right; margin:0px; padding:0px; background-color:#E8E8E9;}
/************************************************************************************************/
/**************************** 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;}
/************************************************************************************************/
/**************************** 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;}

/************************************************************************************************/
/**************************** 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;}
/************************************************************************************************/
/**************************** 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 jquery tools) */
.apple_overlay {
	/* initially overlay is hidden */
	display:none;
	/* growing background image */
	background-image:url('/Portals/_default/skins/3c/gfx/jquerytools-overlay-white.png');
	background-repeat:no-repeat;
	/* width after the growing animation finishes height is automatically calculated */
	width:640px;
	height:510px;
	padding:35px;
}
div.apple_overlay_small {width:340px; height:269px;}
/* wrapper for news article */
.apple_overlay div.news_item_wrap {height:490px; overflow-y:auto;}
.apple_overlay_small div.news_item_wrap {height:256px; overflow-y:auto;}
/* default close button positioned on upper right corner */
.apple_overlay .close {background-image:url('/Portals/_default/skins/3c/gfx/jquerytools-overlay-close.png'); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;}
div.apple_overlay.black {background-image:url('/Portals/_default/skins/3c/gfx/jquerytools-overlay-transparent2.png'); color:#ffffff;}
div.apple_overlay.small {background-image:url('/Portals/_default/skins/3c/gfx/jquerytools-overlay-transparent2-small.png'); color:#ffffff;}
/* 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('http://synergies.pops.int/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 .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 {border-width:0px; background-color:transparent;}
.chmToolsWrap .chmToolsLog {color:maroon;}
.chmToolsWrap .chmToolsListPager {margin-top: 3em;}
.chmToolsWrap .chmToolsListPager ul li {list-style-type:none;}
.chmToolsWrap .chmToolsListPager .k-state-selected {background-color:#26447F; background-image: none, linear-gradient(to bottom, #26447F 0, #4C88FF 100%); border-color: #26447F;}
.chmToolsWrap .chmToolsSearch {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 {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 .chmToolsItemTags, .chmToolsWrap .chmToolsItemTags span, .chmToolsWrap .chmToolsItemTags p {color: #999999; line-height:1.4;}
.chmTooltip {border-bottom: 1px dotted #003399; cursor: pointer;}

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


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