/*** CSS reboot ***/
/* http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126
 * License: none (public domain)
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  font-weight: 300;
  line-height: 1.3;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
.italic {
	font-style: italic;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/** end of CSS reboot ***/

body {
  background: FFF;
  color: #666;
	font-family: "Trebuchet MS", Calibri, Arial, sans-serif;
  max-width: 1200px;
  margin: 0 auto;
  line-height: 1.5;
}
.wrapper {
	box-shadow: 0 0 15px #0006;
	margin: 10px auto;
}
.main {
	padding: 1.5rem 0;
	background: #fff;
	color: #666;
	width: 74%;
	margin-left: 13%;
}
.view-featured .main {
	width: 100%;
	margin-left: 0;
	padding: 0;
}
a {
  text-decoration: none;
  color: #246db6;
}
a:hover {
  text-decoration: none;
  color: #6AA0D3;
}
p, 
.item-page td,
.blog li,
.item-page li {
	color: #666;
	font-size: 0.875em;
	margin-bottom: 0.5rem;
}
.item-page-register td:nth-child(2) {
	width: 50%;
	padding-left: 6px;
}
.ccidealplatform_content_plugin_title {
	padding-bottom: 6px;
}
.ccidealplatform_content_plugin_image {
	display: none;
}


h1, h2, h3, h4, h5, h6, 
#g-navigation {
  font-family: Century, Cambria, "Times New Roman", serif;
  text-rendering: optimizeLegibility;
  line-height: 1.2;
  margin: 0.25rem 0;
  color: #246db6;
  color: #666;
}
h1, h2, h3, h4, h5 {
  font-weight: 500;
}
h2, h3, h4, h5, h6 {
    padding-bottom: 6px;
}
h1 {
	font-size: 2.25rem;
}
h2 {
  font-size: 1.9rem;
}
h3 {
	font-size: 1.5rem;
}
h3 span a.btn {
	font-family: "Trebuchet MS", Calibri, Arial, sans-serif;
	font-size: 0.5em;
	float: right;
	background-image: none;
	background-color: #246bd6;
	color: #fff;
}
.blog-exco h2 {
  font-size: 1.5rem;
}
.blog-exco h3 {
  font-size: 1.2rem;
}
h4 span {
	color: #666;
}
.col1 p {
  margin: 0;
  font-size: 0.875rem;
}
.col2 p {
	font-size: 0.75rem;
}
.col3 p {
	font-size: 0.75rem;
}

.view-featured .article_anywhere h2 {
    margin: 0;
    font-size: 1rem;
}
.view-featured .article_anywhere .items-row,
.view-featured .article_anywhere .gc-publications-papers-row {
    padding: 6px 0;
    border-bottom: 1px solid #666;
}
.header {
  background: linear-gradient(to right, #246db6, #e0e7f5);
  height: 16rem;
  min-height: 120px;
  position: relative;
}
.header h1 {
  padding-top: 4rem;
  font-size: 3rem;
  font-family: Century, Cambria, "Times New Roman", serif;
  color: #113457;
  padding-left: 25%;
}
.header h2 {
  font-size: 1.5rem;
  font-family: Century, Cambria, "Times New Roman", serif;
  color: #113457;
  padding-left: 25%;
}
/*
.header img {
	padding: 20px 10px 0 20px;
	float: left;
	width: 12rem;
}
*/
.header img {
	padding: 20px 10px 0 60px;
	float: left;
	width: 12vw;
}
.header .translate-flags {
  position: absolute;
  bottom: 10px;
  right: 0;
}
.header .translate-flags img {
	width: 24px;
	padding: 40px 10px 0 0;
}
.pagination li {
	font-size: 0.875rem;
}
.pagination li.pagelabel {
	background: inherit;
	color: inherit;
	padding-left: 0;
}
p.readmore {
	margin-top: -12px;
}

blockquote {
  padding-left: 30px;
  font-style: italic;
}  
table {
	margin-bottom: 12px;
}
td {
	padding-bottom: 4px;
}
em, i {
	font-style: italic;
}
b, strong {
	font-weight: bold;
}
hr {
	visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  border: none;
  margin: 0;
}
ul { 
  list-style-type: disc; 
  list-style-position: outside;
  margin-left: 20px; 
}
.row-fluid .span4 {
	width: 31%;
  margin-left: 2%;
	display: block;
	float: left;
}
.row-fluid .span4:first-child {
  margin-left: 0;
	clear: both;
}
.row-fluid .span4.inline .control-label,
.row-fluid .span4.inline .controls {
	float: left;
	margin-top: 6px;
}
.row-fluid .span4.inline button {
	float: right;
	margin-top: 6px;
}
.row-fluid .span3 {
	width: 23%;
  margin-left: 2%;
	display: block;
	float: left;
}
.row-fluid .span3:first-child {
  margin-left: 0;
	clear: both;
}
.row-fluid::after {
	clear: both;
}
.chzn-container-multi {
	width: 100% !important;
}
img {
	height: auto;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  border: 0;
}
div.pull-right img,
div.pull-right div.img_caption,
span.wf_caption[style*="float: right;"],
img[style*="float: right;"],
img[align~="right"] {
	margin: 0 0 4px 10px;
}
div.pull-left img,
div.pull-left div.img_caption,
span.wf_caption[style*="float: left;"],
img[style*="float: left;"],
img[align~=left] {
	margin: 0 10px 4px 0;
}
.pull-right,
.pull-right img {
	float: right;
}
.pull-left img {
	float: left;
}
.push-right p {
	text-align: right;
	position: absolute; 
	right: 300px;
	bottom: 60px;
}
.push-left p {
	text-align: left;
	position: absolute; 
  left: 300px;
	bottom: 60px;
}
p.caption_nojs {
	font-size: 0.64em;
	color: #9c9c9c;
}

.navh {
  z-index: 999999 !important;
	clear: both;
	list-style: none outside none;
	background-color: #4d4d4d;
	margin: 0 auto;
	padding: 0;
	display: relative;
	text-align: center;
}
.navh .ux-menu-container {
	margin: 0 auto;
	text-align: center;
}
.navh ul {
	border: none;
	display: inline-block;
	list-style: none outside none;
}
.navh li {
	margin: 0;
	padding: 0;
	text-align: left;
}
.navh li a {
  z-index: 999999 !important;
	border: none !important;
}
.navh ul#responsiveMenu120  {
	margin: 0 auto;
	display: inline-block;
	width: unset;
}
.navh ul#responsiveMenu120.isDesktop > li.parent > a {
  padding-right: 25px !important;
}
#responsiveMenu120.isDesktop > li.first {
	width: auto !important;
}
#responsiveMenu120.isDesktop > li {
	padding: 0 10px;
}
#responsiveMenu120.isDesktop span.linker,
#responsiveMenu120.isDesktop span.opener {
	padding: 10px 0 !important;
	
}
#responsiveMenu120.isDesktop li li > a {
  padding-left: 20px !important;
}
#responsiveMenu120.isMobile li li > a {
  padding-left: 40px !important;
}
#responsiveMenu120.isMobile li li li > a {
  padding-left: 60px !important;
}
.navh .toggleMenu {
	position: absolute;
	top: 30px;
	left: 10px;
	background: #4d4d4d url("images/menu_bars.png");
	z-index: 999999 !important;
}
.navh a.toggleMenu span {
	display: none;
}
.navh ul.isMobile {
	position: absolute;
	top: 70px;
	left: 5px;
	width: 240px;
	text-align: left;
	z-index: 999999 !important;
}
.main .overview {
	width: 730px;
	margin: 20px auto 0 auto;
	font-size: 1.125em;
}
	

/*** Fluid 3-column layout - CSS derived from http://matthewjamestaylor.com/blog/perfect-3-column.htm ***/
.container3 {                           /*-- Wrapper for text pane within main body --*/
  position: relative;                   /* Fix the IE7 overflow hidden bug    */
  clear: both;
  float: left;
  width: 100%;                          /* Width of whole page                */
  overflow: hidden;                     /* Truncate any overhanging divs      */
  padding: 0;  
  margin: 0;
}

/* common column settings */
.threecol .container2,
.threecol .container1 {
  float: left;
  width: 100%;
  position: relative;
}

.threecol .col1,
.threecol .col2,
.threecol .col3 {
  float: left;
  position: relative;
  padding: 16px 0;                      /* no left and right padding on       */
                                        /* columns, we just make them         */
                                        /* narrower instead only padding top  */
                                        /* and bottom is included here, make  */
                                        /* it whatever value you need         */
  min-height: 400px;
}
.threecol .col1,
.threecol .col3 {
  overflow: hidden;
}  

/* 3 Column settings 30% : 40% : 30% */
/*                   15-(30%-45)-30 | 40% | 30-(30%-45)-15 */
.threecol {
  background: #FFF;                     /* Right column background colour     */
}
.threecol .container2 {
  right: 30%;                           /* Right column width                 */
  background: #FFF;                     /* Center column background colour    */
  margin: 0;  
}
.threecol .container1 {
  right: 40%;                           /* Centre column width                */
  background: #FFF; 
}
.threecol .col1 {
  width: 40%;                           /* Centre column content width        */
                                        /*  (column width minus padding)      */
  left: 100%;                           /* 100% plus left padding of center   */
                                        /*  column                            */
  min-height: 400px;
}
.threecol .col2 {
  width: calc(30% - 45px);              /* Left column content width          */
                                        /*  (column width minus padding)      */
  left: calc(30% + 15px);               /* width of (right column) plus       */
                                        /*  (center column left and right     */
                                        /*   padding) plus                    */
                                        /* (left column left padding)         */
}
.threecol .col3 {
  width: calc(30% - 45px);              /* Right column content width         */
                                        /*  (column width minus padding)      */
  left: calc(70% + 75px);               /* (100% - left column width) plus    */
                                        /*   (center column left and right    */
                                        /*    padding) plus                   */
                                        /*   (left column left and right      */
                                        /*    padding) plus                   */
                                        /*   (right column left padding)      */
}

.threecol .col1 img {
	max-width: 100%;
	padding-top: 6px;
	padding-bottom: 12px;
}

                                         /*** burger menu ***/
@media (max-width: 1020px) {
  .header img {
	  padding-left: 60px;
  }	
  .header h1 {
  	font-size: 2.5rem;
  	max-width: calc(100% - 8rem - 60px);
  	width: 100%;
  }
  .header h2 {
  	font-size: 1.5rem;
  	max-width: calc(100% - 8rem - 120px);
  	width: 100%;
  }
  .header img {
	  width: 8rem;
	  padding-top: 4rem;
  }
}
                                         /*** single column ***/
@media (max-width: 800px) {
  .threecol {
  	max-width: 100%;
    left: 0;
    right: 0;
  }
  .threecol .container2 {
  	max-width: 100%;
    left: 0;
    right: 0;
  }
  .threecol .container1 {
  	max-width: 100%;
    left: 0;
    right: 0;
  }
  .header h1 {
  	font-size: 2rem;
  	max-width: calc(100% - 6rem - 60px);
  	width: 100%;
  }
  .header h2 {
  	font-size: 1rem;
  	max-width: calc(100% - 6rem - 60px);
  	width: 100%;
  }
  .header img {
	  width: 6rem;
  }
  body,
  .wrapper,
  header {
  	max-width: 100%;
  }
  .header {
  	max-width: 100%;
  }

  .threecol .col1,
  .threecol .col2,
  .threecol .col3,
  .row-fluid .span4 {
  	width: 90%;
  	padding: 0 5%;
  	left: 0;
  	clear: both;
  }
  .row-fluid .span4 {
  	width: 90%;
  	left: 0;
  	padding: 0;
  	clear: both;
  }
}


.footer {
	clear: both;
	font-size: 0.875em;
  height: auto;
  padding: 4px 0;
}
.footer a {
	font-variant: normal;
}
.footer p {
	margin: 0;
}
.footer .banner img {
	width: calc(100% - 50px);
	padding: 25px;
}
.footer .supporters img {
	height: 50px;
	padding: 5px 12px;
}
.footer .contactus p {
	font-size: 1.25em;
	width: 70%;
	margin: 0 auto;
	
}
.colophon {
  clear: both;
	font-size: 0.65rem;
	padding: 4px 0;
	height: 3.5rem;
}
.colophon-left {
	width: 50%;
	float: left;
	margin: 0.625rem;
	padding: 1rem;
}
.colophon-right {
	float: right;
	margin: 0.625rem;
	padding: 1rem;
}
.article-info {
	padding-bottom: 4px;
	font-weight: bold;
}
p.img_caption,
.wf_caption {
	color: #507700;
	font-size: 0.75rem;
	margin-bottom: 4px;
}
.item-page.supporters p {
    display: inline;
}
.item-page.supporters p img {
    width: 210px;
    padding: 0 25px 50px 25px;
}
.pagination {
	margin: 20px 0;
}

.pagination ul {
	display: inline-block;
	*display: inline;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*zoom: 1;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
	display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
	float: left;
	padding: 4px 12px;
	line-height: 20px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
	background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
	color: #999999;
	cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
	color: #999999;
	cursor: default;
	background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
	border-left-width: 1px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
}
.btn {
	display: inline-block;
	margin-bottom: 0;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px #fffc;
  vertical-align/: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  margin-top: 4px;
} 
.readmore {
	padding: 4px 0 20px 0;
	font-size: 12px;
}
a.btn {
	padding: 2px 4px;
}
p.readmore a.btn {
	float: right;
	font-size: 10px;
	box-sizing: inherit;
	padding: 1px 2px;
}
.custom a.btn {
	font-size: 14px;
}
a.btn:hover {
	color: #333;
}
.btn:hover, .btn:focus {
	background-color: #d9d9d9;
	background-image: linear-gradient(to bottom, #d9d9d9, #e6e6e6);
}
.icon-chevron-right::before, .icon-rightarrow::before, .icon-arrow-right::before {
  content: "\e006";
}
[class^="icon-"]::before, [class*=" icon-"]::before {
  font-family: 'IcoMoon';
  font-style: normal;
  speak: none;
}
.moduletablehome-carousel .jmslide-item {
	z-index: 0 !important;
}
.nivoSlider {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.wds-display-name {
	font-size: 1rem;
}
form.form-search {
	margin-bottom: 20px;
}
.finder form#finder-search {
	display: none;
}
.finder input.search-query {
	width: calc(100% - 80px);
	max-width: 236px;
}
.finder ul.search-results {
	list-style-type: none;
	margin-left: 0;
}
.finder ul.search-results h4 {
  margin-top: 1rem;
}
/** Suppress editing ***/
.icons .btn-group,
.form-inline .list-edit,
.form-inline .btn-primary,
ul.actions,
span.list-edit,
div.tooltip {
	display: none !important;
}