html {
overflow-y: scroll; /*-----------------always show scrollbar---------------------*/
}
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, main {
  -moz-font-feature-settings: inherit;
  -moz-font-language-override: inherit;
  border: 0 none;
  font-family: inherit;
  font-size: 100%;
  font-size-adjust: inherit;
  font-stretch: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  background: none repeat scroll 0 0 #fff;
  color: #434343;
  font: 14px/22px 'open_sansregular','Helvetica Neue',Helvetica,sans-serif;
  min-height: 100%;
  margin:0px;
}
/*-----------------common html tags---------------------*/

h1 {
  margin-bottom: 20px;
  color: #e95d0f;
  font-size: 32px;
  line-height: 38px;
  font-weight: lighter;
  text-transform: uppercase;
}
h2, h2 a {
  margin-bottom: 15px;
  color: #255b8a;
  font-size: 22px;
  font-weight: normal;
  line-height: 26px;
  margin-top:0px;
}
h3 {
  color: #266191;
  font-size: 22px;
  font-weight: normal;
  line-height: 23px;
  margin-bottom: 10px;
}
h4 {
  color: #266191;
  font-size: 18px;
  font-weight: lighter;
  line-height: 21px;
  margin-bottom: 10px;
}
p {
  margin-bottom: 15px;
    width: 100%;
}

.rtecenter, .rtecenter p {
  margin: 0 auto;
  text-align: center;
}

strong {
  font-family: open_sanssemibold;
}

em {
  font-family: open_sansitalic;
}

em strong{
  font-family: open_sanssemibold_italic;
}

table {
  border-collapse: inherit;
}

img { 
  border: 0 none; 
  vertical-align: text-bottom;
  max-width:100%;
  height:auto !important;
}

sup {
  background-color: #f1f1f1;
  font-size: 10px;
  margin: 0 3px;
  vertical-align: super;
}

sup a:hover {
  background-color: #266191;
  color: white !important;
}

a {
  outline: none;
  cursor:pointer;
  color: #ff7400;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.clr {
  clear:both;
}


#main ul, .cke_editable  ul{
  list-style: none;
}

#main ol ,.cke_editable ol {
  list-style-position: inside;
  list-style-type: decimal;
  margin-bottom: 20px;
}

#main li,.cke_editable li {
  padding-left: 20px;
  text-indent: -16px;
}

#main ul li:before, .cke_editable ul li:before {
  color: #e95d0f;
  content: "■";
  font-size: 10px;
  margin-right: 10px;
  margin-top: -5px;
}

#main ul li.expanded
{
  list-style-image:none;
  list-style-type:none;
}

.select2 {
  min-width:250px;
}

.select2 li:before{
  content:none !important;
}

.select2 li {
  padding-left: 0px !important;
  text-indent: 0px !important;
}

.imgcaparrow > p:before {
  background-image: url("../images/sprite.png");
  background-position: 0 -70px;
  content: "";
  display: block;
  float: left;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
  width: 28px;
  position: relative;
  bottom: 3px;
}

.imgcaparrow > p{
  background-color: #e1e1e1;
  color: #255a8a;
  margin-bottom: 0;
  padding: 15px;
}

.imgcap > p:before {
  content: "";
  display: block;
  float: left;
  height: 30px;
  vertical-align: top;
}

.imgcap > p {
  background-color: #f0f0f0;
  color: #333;
  font-style: italic;
  margin-bottom: 0;
  padding: 15px;
}

.right {
  float:right;
  margin-left:20px;
  z-index: 50;
}

.left
{
float:left;
margin-right:20px;
}

blockquote {
  border-left: 5px solid #e95d0f;
  font-size: 22px;
  font-weight: lighter;
  line-height: 32px;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-left: 10px;
}



/*-----------------main divs---------------------*/
#wrapper 
{
  position: relative;
  height:auto;
  background-color:white;
  overflow:hidden;
  
}
/*----------------- custom selection ---------------------*/
::-moz-selection {
  background: #e9ad8b;
  color: #222;
}
::selection {
  background: #e9ad8b;
  color: #222;
}

/*-----------------header_top---------------------*/
#header_top
{
background-color: #266191;
background-image: linear-gradient(to bottom, #016496, #005184);
overflow: hidden;
}

#header_top_inner {
  height: 50px;
  margin: 0 auto;
  max-width: 960px;
}

#homebutton {
  float: right;
}

#homebutton a {
  background-image: url("../images/home.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 50px;
  width: 50px;
  color:#2D86B3;
}
#homebutton a:hover
{
  background-image: url("../images/home_hover.png");
}

#headermenu {
  float: right;
}

#headermenu span.ext {
  display: none;
}

#headermenu ul.menu {
  border: medium none;
  list-style: none outside none;
  padding: 0;
  text-align: left;
  margin: 0;
}
#headermenu ul.menu li{
  margin:0px !important;
}
#headermenu ul.menu a {
  display: inline-block;
  height: 35px;
  padding-top: 15px;
  padding-left:10px;
  padding-right:10px;
}


#headermenu ul.menu a:hover {
background:#2D86B3;
}

#header_top a:hover
{
border:0px solid red;
}

/*-----------------end header_top---------------------*/


/*-----------toolkit menu right-------------*/

.parent-mlid-1140 > ul > li::before {
    content: none !important;
}

.parent-mlid-1140 > ul > li {
	padding-bottom:25px;
}

.parent-mlid-1140 > ul > li > a {
  color: #266191;
  font-size: 22px;
  font-weight: normal;
  line-height: 23px;
  margin-bottom: 10px;
}


/*----------------------------------------*/

#header {
  height: 240px;
  margin: 0 auto;
  max-width: 100%;
}

#header h1 {
  color: #255b8a;
  float: right;
  font-size: 23px;
  font-weight: normal;
  line-height: 26px;
  text-shadow: 1px 0 0 rgba(255, 255, 255, 0.4);
  text-transform: none;
}

#container {
  position: relative;
}

#footer h1 {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bolder;
  text-transform: uppercase;
  color: #7d7d7d;
}
#footer a {
  color: #7d7d7d;
  font-size: 16px;
}
#footer a:hover {
  color: #e95d0f;
}
#footer li {
  margin-bottom: 5px;
  margin-left: 0px;
}
#footer ul,#footer ol {
  list-style: none outside none !important;
  padding:0px;
}

ul li.leaf {
  list-style-image: none !important;
  list-style-type: none !important;
}

#footer h3,.subscribe h3 {

  font-size: 18px !important;
  font-weight: bolder !important;
  margin-bottom: 15px !important;
  text-transform: uppercase !important;
}

#footer {
  position: relative;
  color: #7d7d7d;
  padding-top: 1px;
  background-color:#e1e1e1;
  margin-top: 30px;
}
 
#innerfooter{
  padding-top: 35px;
  padding-bottom: 35px;
  max-width: 960px;
  margin:0px auto;
}

#innerfooter .region {
  display: inline-block;
  min-width: 280px;
  vertical-align: top;
  max-width: 315px;
  box-sizing: border-box;
  padding: 0 2%;
}


.region-middlefooter .block-menu
{
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 35px;
}
 
#site-slogan {
  color: #245887;
  left: 433px;
  padding-left: 35px;
  padding-top: 45px;
  position: relative;
  top: 32px;
}

.inner.credits {
  position: relative;
  top: 10px;
  padding:0px;
}

.credits {
  color: #a8a9aa;
  padding: 20px 15px;
  text-align: center;
}
.inner {
  margin: 0 auto;
  max-width: 960px;
}
.credits a {
  color: #266191;
}
/*-----------------Article---------------------*/

.node-type-article h1,.node-type-grid-of-subjects h1
{
  color: #266191;
  font-size: 30px;
  font-weight: normal;
  line-height: 36px;
  margin-bottom: 10px;
}

#article_date{
  background-color: #f8f8f8;
  border-radius: 5px;
  margin-top: 30px;
  padding: 10px 15px;
}
.article_date{
color: #e95d0f;
}


/*-----------------News item page---------------------*/

.news-item-image {
  float: left;
  margin-right: 15px;
}

/*-----------------Article and News item---------------------*/

#cright {
  padding-top: 30px;
  display: inline-block;
  min-width: 293px;
  vertical-align: top;
  width: 26%;
  padding-left: 20px;
}

.node-type-op-action-type #cright,
.node-type-op-project #cright {
  padding-top: 0px;
}

#cleft {
  display: inline-block;
  width: 66%;
  min-width: 300px;
}

#related_docs {
  background-color: #e1e1e1;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 20px;
}

#related_docs h2 {
  font-size: 22px;
  font-weight: bolder;
  line-height: 26px;
  text-transform: uppercase;
}

#related_docs ul li:before{
  font-size: 16px !important;
}

#related_docs ul li {
  margin-bottom: 10px;
}

#related_docs ul li a {
  color: #255a8a;
}


#see_also,
#call_category {
  background-color: #e95d0f;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 20px;
  color:#fff;
}

#partnermenu {
  font-size: 16px;
  margin-bottom: 20px;
  padding: 20px;
}

#see_also h2,
#partnermenu h2,
#call_category h2 {
  color: #fff;
  font-size: 22px;
  font-weight: bolder;
  line-height: 26px;
  text-transform: uppercase;
}

#see_also ul li:before,
#partnermenu ul li:before,
#call_category ul li:before{
  font-size: 16px !important;
  color: #fff;
}

#see_also ul li,
#call_category ul li,
#partnermenu ul li {
  margin-bottom: 10px;
    text-indent: -20px !important;
}

#see_also ul li a,
#call_category ul li a,
#partnermenu  ul li a {
  color: #fff;
}


#related {
  background-color: #e1e1e1;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 20px;
  overflow:hidden;
}

#related h2,
.view-id-related_news  h2 {
  font-size: 22px;
  font-weight: bolder;
  line-height: 26px;
  text-transform: uppercase;
}

#related ul li a:before,
.view-id-related_news ul li:before {
  font-size: 16px !important;
}

#related ul li a,
.view-id-related_news ul li a {
  margin-bottom: 10px;
  color: #255a8a;
}

.view-id-related_news .item-list ul li {
  margin:0px !important;
  text-indent:-23px !important;
}

.plogo {
  margin-bottom: 20px;
}

/*-----------------header menu---------------------*/

#block-menu-menu-header-menu li {
  display: inline;
}

#block-menu-menu-header-menu a {
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
}

/*-----------------search---------------------*/
#search-form-txt {
  width: 140px;
}

#search-form-gcs {
  position: absolute;
  right: 0px;
  top: 6px;
}

.search-form input {
  margin-bottom: 0;
  margin-top: 0;
}

#search-form-gcs > .form-submit {
  position: relative;
  top: 5px;
}

/*-----------------topmenu---------------------*/

#topmenu {
  background-color: #266191;
  background-image: linear-gradient(to bottom, #256898, #255988);
  height: 70px;
  margin: 0 auto;
  position: relative;
  max-width: 960px;
}

#topmenu .sf-depth-1.nolink {
  color: #555555;
  margin-bottom: 20px;
  margin-top: 20px;
  min-height: 50px;
  position: relative;
  text-decoration: none;
  text-shadow: 1px 1px 0 #FFFFFF;
  top: 16px;
}

#superfish-1 .sf-depth-1 {
  white-space: normal;
}

#superfish-1 .sf-sub-indicator
{
display:none;
}

#superfish-1 .sf-menu {
  max-width: 960px;
  margin-bottom:25px;
  display: flex;
}
#superfish-1 .sf-menu .nolink{
  min-width: 1px;
}

#superfish-1 .sf-menu li {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius:0px !important;
	position: inherit !important;
}
#superfish-1 .sf-depth-1 > a, #superfish-1 .sf-depth-1.nolink{
  background-color: #266191;
  background-image: linear-gradient(to bottom, #256898, #255988);
  color: #fff;
  display: table-cell !important;
  font-size: 16px;
  height: 70px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  vertical-align: middle;
  max-width:100px;
  border-right: 1px solid #245580;
}
ul#superfish-1.menu {
  border: medium none;
  display: flex;
  list-style: outside none none;
  text-align: left;
}

#superfish-1 > li > ul,
#superfish-1 > li > ul > li > ul {
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
  padding:0px !important;
}

#superfish-1 > li > ul > li > a,
#superfish-1 > li > ul > li > .nolink,
#superfish-1 > li > ul > li > ul > li > a  {
  background-color: #f0f0f0;
  color: #266191;
  display: block !important;
  font-size: 16px;
  font-weight: bolder;
  height: 24px;
  line-height: 19px;
  padding: 15px 5px 15px 25px;
  text-decoration: none;
  text-indent: -15px;
}


#superfish-1 > li > ul > li > a:before,
#superfish-1 > li > ul > li > .nolink:before,
#superfish-1 > li > ul > li > ul > li > a:before,
#superfish-1 > li > ul > li > a:hover:before,
#superfish-1 > li > ul > li > .nolink:hover:before,
#superfish-1 > li > ul > li > ul > li > a:hover:before {
  color: #e95d0f;
  content: "+";
  margin-right: 5px;
}

/* #superfish-1 .sf-depth-1>a.active, */
/* #superfish-1 .sf-depth-1 .nolink  .active, */
/* #superfish-1 .sf-depth-1>a:hover, */
/* #superfish-1 .sf-depth-1 .nolink :hover, */
/* #superfish-1 > li > ul > li > a:hover, */
/* #superfish-1 .sf-depth-1.active-trail>a, */
/* #superfish-1 .sfHover a{ */
  /* background-color: #1d4b73; */
  /* color: #fff; */
/* } */

/* #superfish-1 > li > ul > li > ul > li > a:hover */
/* { */
  /* background-color: #1d4b73; */
  /* color: #fff; */
/* } */

#superfish-1 .sf-depth-1.menuparent.nolink {
background-image: url("../images/nolinkmenuparent.png") ;
background-repeat:no-repeat;
background-position: 95% 4px;
padding-right:25px !important;
}

/* #superfish-1 .sf-depth-2.menuparent.nolink{ */
/* background-image: url("../images/nolinkmenuparent_submenu.png") ; */
/* background-repeat:no-repeat; */
/* background-position: 95% -2px; */
/* padding-right: 55px !important; */
/* } */

.content ul.sf-megamenu, #superfish-1 > li > ul{
 margin-top: 35px;
}

.sf-menu.sf-horizontal.sf-shadow ul, .sf-menu.sf-vertical.sf-shadow ul, .sf-menu.sf-navbar.sf-shadow ul ul {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0 8px 9px 0 !important;
}

/*-----------------megamenu---------------------*/

.sf-megamenu {
	left: 0 !important;
	top: 35px !important;
}
.sf-megamenu,
.sf-megamenu ol,
.sf-megamenu a {
  max-width:1000px;
}

.sf-megamenu .sf-megamenu-column {
	max-width:300px;
}

.sf-megamenu ol {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: stretch;
	justify-content: flex-start;
}


.sf-megamenu .sf-megamenu-column ol {
	min-width:270px;
}

.sf-hidden {
	left: 99999em !important;
	top: 99999em !important;
}

.sf-menu .sf-single-children-0 {
	position: inherit;
}

.sf-menu li ul.sf-megamenu li ol li {
  background: none;
  border: 0 none;
}

.sf-megamenu-wrapper {
	min-width: 960px;
}

.sf-menu li ul.sf-megamenu li.sf-megamenu-wrapper {
  -webkit-border-radius: 0px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 0px;
  -moz-border-radius-topleft: 0;
  border-radius: 0px;
  border-top-left-radius: 0;
}


.sf-menu li ul.sf-megamenu  li.sf-megamenu-wrapper,
.sf-menu li ul.sf-megamenu  li.sf-megamenu-wrapper:hover,
.sf-menu li ul.sf-megamenu  li.sf-megamenu-wrapper.sfHover {
  background-color: #f0f0f0;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
}
.sf-menu li ul.sf-megamenu li.sf-megamenu-wrapper ol, .sf-menu li ul.sf-megamenu li.sf-megamenu-wrapper ol li {
	margin-left: 0 !important;
	padding: 0 !important;
}
.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column > a {
  font-weight: bold;
  padding: 1em;
}
.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column:hover > a {
  color: #555555;
}
.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column > a:focus,
.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column > a:hover,
.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column > a:active {
  color: #222222;
}
.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column ol li {
  margin: 0 0 0 1em;
  padding: 0 0 0 1em;
}
.sf-menu.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column ol li {
  background-position: right center;
  margin: 0 1em 0 0;
  padding: 0 1em 0 0;
}
.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column ol li a {
  display: inline;
  color: #266191;
}
.sf-menu ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  display: inline;
  float: left;
  width: 16em;
}
.sf-menu.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  float: right;
}
.sf-menu li.sf-parent-children-1 ul.sf-megamenu {
  width: 12em;
}
.sf-menu li.sf-parent-children-2 ul.sf-megamenu {
  width: 24em;
}
.sf-menu li.sf-parent-children-3 ul.sf-megamenu {
  width: 44em;
}
.sf-menu li.sf-parent-children-4 ul.sf-megamenu {
  width: 48em;
}
.sf-menu li.sf-parent-children-5 ul.sf-megamenu {
  width: 60em;
}
.sf-menu li.sf-parent-children-6 ul.sf-megamenu {
  width: 72em;
}
.sf-menu li.sf-parent-children-7 ul.sf-megamenu {
  width: 84em;
}
.sf-menu li.sf-parent-children-8 ul.sf-megamenu {
  width: 96em;
}
.sf-menu li.sf-parent-children-9 ul.sf-megamenu {
  width: 108em;
}
.sf-menu li.sf-parent-children-10 ul.sf-megamenu {
  width: 120em;
}

.sf-megamenu-column {
  display: table-cell;
  height: 100%;
  padding: 20px;
}

.sf-megamenu-column .sf-depth-2 {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #ff7400;
}

.sf-megamenu-column ol li:before {
  color: #e95d0f;
  content: "+";
  margin-right: 5px;
}
.sf-megamenu-column ol li {
  margin-bottom: 10px !important;
}
.sf-megamenu-wrapper a {
  background:transparent !important;
  color:#266191 !important;
}
#menu-930-1 .sf-megamenu-column ,#menu-942-1 .sf-megamenu-column ,#menu-945-1 .sf-megamenu-column {
min-width: 205px;
}

/*mobile menu*/

div.sf-accordion-toggle {
  float: left;
  width: 100%;
}
div.sf-accordion-toggle a {
  background-color: #266191;
  background-image: linear-gradient(to bottom, #256898, #255988);
  color: #fff;
  float: left;
  padding: 11px;
  text-decoration: none;
  height: 33px;
}
div.sf-accordion-toggle a span {
  background: url("../images/simple-accordion-toggle.png") no-repeat scroll left center transparent;
  float: left;
  height: 29px;
  overflow: hidden;
  text-indent: 40px;
}
div.sf-accordion-toggle a.sf-expanded,
.sf-menu.sf-accordion li.sf-expanded {

}
.sf-menu.sf-accordion li {

}
.sf-menu.sf-accordion li li {
  margin-left: 3.9%;
  width: 92%;
}
.sf-menu.sf-accordion li ul {
  margin: 10px 0;
}
.sf-menu.sf-accordion li.sf-clone-parent,
.sf-menu.sf-accordion li:first-child {
  border-radius: 8px 8px 0 0;
}
.sf-menu.sf-accordion ul.sf-has-clone-parent > li:first-child {
  border-radius: 0;
}
.sf-menu.sf-accordion ul.sf-has-clone-parent > li.firstandlast,
.sf-menu.sf-accordion li:last-child {
  border-radius: 0 0 8px 8px;
}
.sf-menu.sf-accordion li.firstandlast {
  border-radius: 8px;
}
.sf-menu.sf-accordion li a.sf-accordion-button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}
.sf-menu.sf-accordion li.sf-expanded > a.sf-accordion-button {
  color: #777;
}

#superfish-1-accordion a {
  padding:10px !important;
  max-width:100% !important;
}







/*-----------------article-top---------------------*/

.article-top {
  min-height: 20px;
  margin: 0 auto;
  position: relative;
  max-width: 960px;
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
  padding: 10px 0px;
}

#breadcrumb {
	max-width: 800px;
	display: block;
}

.share42init {
  float: right;
}

/*-----------------breadcrumb---------------------*/

#breadcrumb {
  float: left;
}

#breadcrumb a {
  color: #255a8a;
}
#breadcrumb .seperator
{
   color: #bbbbbb;
   font-size: 12px;
   padding:0 5px;
}
.lastbreadcrumb{
  font-weight: bold;
}

/*-----------------home panels---------------------*/
.panels-flexible-row-2-main-row-middle {
  margin: 0 !important;
  max-width: 100%;
  width: 66%;
}
#homepubl {
  display: inline-block;
  max-width: 310px;
}

.panel-pane.pane-views.pane-homepage-news-head {
  display: inline-block;
  max-width: 615px;
  vertical-align: top;
}

#tweets {
  background: none repeat scroll 0 0 #f5f5f5;
  float: right;
  margin-bottom: 30px;
  max-width: 310px;
}

/*-----------------end home panels---------------------*/

/*-----------------main---------------------*/

#main{
  max-width: 960px;
  margin:0 auto;
  padding-top:30px;
  overflow:hidden;
}

.node-type-eurocean #main{
  max-width: 100%;
  margin:0 auto;
  padding-top:30px;
}
.node-type-eurocean .page-title,
.node-type-eurocean #block-nodeblock-593 .field-type-text-with-summary{
  max-width: 1100px;
  margin:0 auto;	
}
/*-----------------content---------------------*/

#contentnoside {
  min-height: 300px;
  padding: 0 10px 15px;
}

#contentwithsidebarleft {
  margin-left: 250px;
}
/*-----------------sidebars---------------------*/

#contentwithsidebarright {
  display: inline-block;
  margin-bottom: 20px;
  min-height: 500px;
  padding: 0 10px;
  top: -15px;
  max-width: 620px;
}
#sidebarleft {
  float: left;
  max-width: 230px;
  padding-right:10px;
}

#sidebarright {
  float: right;
  max-width: 310px;
  padding-left:10px;
}

/*-----------------related docs---------------------*/

#block-views-ea6e0afef33aa03ee2052f82ce9b3612 {
  background-color:#e1e1e1;
  
}
#block-views-ea6e0afef33aa03ee2052f82ce9b3612 a {
  color:#255a8c;
}

/*-----------------home-news---------------------*/

/*-----------------head---------------------*/

.view-homepage-news-head {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 20px;
  min-height: 320px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.views_homepage_news_head_image{
  float: left;
  margin-right: 20px;
  max-width: 40%;
  overflow: hidden;
  position: relative;
}
.views_homepage_news_head_date {
  color: #e95d0f;
  font-size: 16px;
  font-weight: lighter;
  margin-bottom: 0;
  line-height: 32px;
}

.view-homepage-news-head p{
  color: #255b8a;
}
.view-homepage-news-head .views-field.views-field-body ,.view-homepage-news-head .views-field-view-node{
  margin-left: 250px;
}

/*-----------------end head---------------------*/

/*-----------------sub---------------------*/

.pane-homepage-news-sub {
  max-width: 600px;
  min-width: 330px;
  padding-right: 20px;
}

.homepage-news-sub-row{
  cursor:pointer;
}

.homepage-news-sub-row a{
  text-decoration: none;
}

.homepage-news-sub-row .overlay {
  background-color: white;
  background-image: url("../images/overlay.png");
  display: none;
  font-size: 0;
  height: 94px;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 35px;
  width: 94px;
}

.homepage-news-sub-row img {
margin-top:35px;

}

.homepage-news-sub-row{
border-bottom: 1px solid #eaeaea;
margin-bottom: 20px;
padding-bottom: 20px;
min-height: 122px;
}

.homepage-news-sub-row .views-field-title,.homepage-news-sub-row .views-field-title a
{
margin-bottom:5px;
}

.homepage-news-sub-row .views-field-body
{
margin-left:115px;
}

/*-----------------end sub---------------------*/


/*-----------------news page uses same as homepage sub---------------------*/

#newssubscribe {
  background-color: #f5f5f5;
  padding: 20px;
  width: 253px;
}

/*-----------------ckeditor---------------------*/

.cke_editable {/*-----------------ckeditor body background---------------------*/
  background: none repeat scroll 0 0 #FFFFFF;
  cursor: text;
}

.smallsize {
	font-size:10px;	
}

/*-----------------ckeditor---------------------------*/

.img_left {
  float:left;
  margin-right:30px !important;
}

.img_right{
  float:right;
  margin-left:30px !important;
}

.imgcap > p:before {
  content: "";
  display: block;
  float: left;
  height: 30px;
  vertical-align: top;
}

.imgcap > p {
  background-color: #f0f0f0;
  color: #333;
  font-style: italic;
  margin-bottom: 0;
  padding: 15px;
}

.img_baseline {
    vertical-align: baseline;
}

a.img_opacity:hover {
  background-color: transparent;
}
  
a.img_opacity img:hover {
  opacity:0.7;
}
  
.twocolumns  {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
  
.threecolumns {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
  
.fourcolumns {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}
  
.columnbreak {
  -webkit-column-span: all;
  -moz-column-span: all;
  column-span: all;
}

.beigediv,
.bluediv,
.purplediv,
.greendiv,
.reddiv,
.blackdiv,
.orangediv {
  padding:21px;
  margin:14px 0;
}

.bluediv *,
.purplediv *,
.greendiv *,
.reddiv *,
.blackdiv *{
  color:#fff;
}

.bluediv h1,
.purplediv h1,
.greendiv h1,
.reddiv h1,
.blackdiv h1,
.bluediv h2,
.purplediv h2,
.greendiv h2,
.reddiv h2,
.blackdiv h2,
.bluediv h3,
.purplediv h3,
.greendiv h3,
.reddiv h3,
.blackdiv h3,
.bluediv h4,
.purplediv h4,
.greendiv h4,
.reddiv h4,
.blackdiv h4{
  color:#f6f6f6;
}

.bluediv a,
.purplediv a,
.greendiv a,
.reddiv a,
.blackdiv a{
  color:#f4f4f4;
}

.beigediv {
  background:#f1f1f1;
}

.bluediv {
  background:#2194D2;
}

.purplediv {
  background:#7F3F98;
}

.greendiv {
  background:#39B54A;
}

.reddiv {
  background:#ED2028;
}

.blackdiv {
  background:#221F1F;
}

.orangediv {
  background:#FBDE12;
}

.videocolorbox:hover,
.videogallerycolorbox:hover,
.imagecolorbox:hover,
.imagegallerycolorbox:hover {
  border:0px !important;
}

.cboxElement {
  position: relative;
  display:inline-block;
}

.colorbox_zoom {
  display:none;
}

.cboxElement:hover .colorbox_zoom {
  position:absolute;
  left:40%;
  top:40%;
  display:block;
}


/*--------------------------------------------*/

.select2 {
  min-width:250px;
}

.select2 li:before {
  content:none !important;
}

.select2 li {
  padding-left: 0px !important;
  text-indent: 0px !important;
}

.imgcaparrow > p:before {
  background-image: url("../images/sprite.png");
  background-position: 0 -70px;
  content: "";
  display: block;
  float: left;
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
  width: 28px;
  position: relative;
  bottom: 3px;
}

.imgcaparrow > p{
  background-color: #f1f1f1;
  color: #333333;
  margin-bottom: 0;
  padding: 15px;
}

.imgcap > p:before {
  content: "";
  display: block;
  float: left;
  height: 30px;
  vertical-align: top;
}

.imgcap > p {
  background-color: #f0f0f0;
  color: #333;
  font-style: italic;
  margin-bottom: 0;
  padding: 15px;
}

.right {
  float:right;
  margin-left:20px;
  z-index: 50;
}

.left {
  float:left;
  margin-right:20px;
}

.textleft {
  text-align:left;
  margin-right:21px;
}

.textright {
  text-align:right;  
  margin-left:21px;
}


/*--------------------------------------*/

.flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-around;
}

/*-----------------photogallery---------------------*/

.clearb {
  clear: none !important;
}
.photogallery_lazy
{
height:120px;
}

.photogallery_lazy {
  font-size: 200px !important;                /*-----------------must be equal to .photogallery_grid_thumb_img max-height to avoid img stacking---------------------*/
}
.photogallery_grid_thumb_img {
  max-height: 120px;
  min-height: 120px;
  overflow: hidden;
}

.photogallery_grid_download
{
  display: block;
}

.og-details .photogallery_grid_download:before {
  content: "→";
  display: inline !important;
  margin-right: 10px;
}
.photogallery_grid_li:before {
  color: #e95d0f;
  content: "" !important;
  font-size: 10px;
  margin-right: 10px;
  margin-top: -5px;
}

.copyright {
  font-size: 13px !important;
}

.photogallery_table_content tr,.photogallery_table_content td {
  background: none !important;
}

.photogallery_table_content{
  min-width:717px;
}

#next.photogallery_buttons_next,#prev.photogallery_buttons_prev
{
margin-right:25px;
}

.og-details {
  padding: 15px 40px 0px 30px !important;
}

.og-details img
{
display:none;
}

.og-fullimg img {
  display: inline-block;
  margin: 0 16px;
  max-height: 100%;
  max-width: 100%;
}

.photogallery_grid_albumbutton{
display:none !important;
}


/*-----------------sitemap---------------------*/

.site-map-box h2
{
display:none;
}

/*-----------------buttons---------------------*/
a.btn, input.btn,span.btn,.photogallery_grid_albumbutton, #edit-submit-news,
button[type="submit"] {
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 30px;
  margin-top: 5px;
  padding: 0 50px 0 15px;
  border-radius: 3px;
  line-height: 30px;
  border: 0;
  cursor: pointer;
  color: #fff;
  background-color: #e95d0f;
  font-size: 16px;
  text-decoration: none;
}
a.btn:before,input.btn:before,span.btn:before,.photogallery_grid_albumbutton:before,#edit-submit-news:before,
button[type="submit"]:before {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  content: '';
  width: 35px;
  height: 30px;
  background-color: #c64e0c;
  background-image: url('../images/sprite.png');
  background-position: -35px -40px;
  transition: background-position 0.2s;
}
a.btn:hover:before,
a.btn:active:before,
span.btn:hover:before,
span.btn:active:before,
.photogallery_grid_albumbutton:hover:before,
#edit-submit-news:hover:before,
input.btn:hover:before,
input.btn:active:before,
button[type="submit"]:hover:before,
button[type="submit"]:active:before {
  background-position: 0px -40px;
}

input, textarea, select {
  color: #434343;
  font: 100% 'Open Sans','Helvetica Neue',Helvetica,sans-serif;
  vertical-align: middle;
}

a.smallbutton,
.smallbutton a {
  font-size: 9px;
  line-height: 10px;
  padding: 0 5px;
  background: none repeat scroll 0 0 #0D556F;
  border: 0 none;
  border-radius: 3px;
  text-decoration:none;
  color:white;
  text-decoration:none;
}

a.mediumbutton,
.mediumbutton a {
  font-size: 12px;
  line-height: 13px;
  padding: 0 8px;
  background: none repeat scroll 0 0 #0D556F;
  border: 0 none;
  border-radius: 3px;
  text-decoration:none;
  color:white;
  text-decoration:none;
}

a.smallbutton:hover,
a.mediumbutton:hover,
a.button:hover,
.smallbutton a:hover,
.mediumbutton a:hover,
.button a:hover
{  
background-color: #11BBF3;
}

#main table {
  margin-bottom: 20px;
}

#main table td {
  text-align: left;
  padding: 5px 10px;
}


#main table th {
  background-color: #eeeeee;
  border-bottom: 3px solid #e95d0f;
  /* border-top: 3px solid #e95d0f; */
  color: #255b8a;
  font-size: 16px;
  padding: 10px;
}
#main table th p{
margin-bottom:0px;
}

#main table tr:nth-child(even) {
  background-color: #eeeeee;
}

#main hr {
  display: block;
  height: 1px;
  width: 100%;
  color: #e1e1e1;
  background-color: #e1e1e1;
  border: 0;
  margin-bottom: 20px;
}

th.active img {
  display: inline;
  padding-left: 5px;
  padding-top: 4px;
}

.pager {
  overflow: hidden;
  margin: 20px 0 !important;
}
.pager li {
  color: #6b6b6b;
  display: inline-block;
  margin-right: 3px;
}
.pager li a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  color: #6b6b6b;
  background-color: #f2f2f2;
  border-radius: 3px;
  text-decoration: none;
  text-align: center;
  font-weight: buld;
  transition: all 0.2s;
}
.pager li.next a,
.pager li.prev a {
  width: 30px;
  color: #fff;
  background-color: #016193;
}
.pager li a:hover,
.pager li a:active,
.pager li.active a {
  color: #fff;
  background-color: #ff7400;
}

.pager li:before
{
color: #e95d0f;
content: "" !important;
font-size: 10px;
margin-right: 0px !important;
margin-top: 0px !important;
}
.pager li{
padding: 0px !important;
margin: 0px !important;
text-indent: 0px !important;
}

.pager-next a, .pager-last a, .pager-previous a,.pager-first a{
background-color: #016193 !important;
color:#FFF !important;
}

.pager-next a:hover, .pager-last a:hover, .pager-previous a:hover,.pager-first a:hover{
background-color: #ff7400 !important;
}

.pager-current
{
color:#FFF !important;
  border-radius: 3px;
  background-color: #ff7400 !important;
  display: inline-block !important;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  width: 30px;
  
}

.field-collection-container {
  border-bottom: 0px solid #d3d7d9;
  margin-bottom: 1em;
}

/*-----------------mission statement---------------------*/

#mission_statement {
  position: relative;
  color: #fff;
  background-color: #266191;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
#mission_statement h3 {
  color: #fff;
}
#mission_statement_inside {
  padding: 30px 15px;
}
#mission_statement  .txt {
  margin-left: 15px;
  padding-left: 15px;
  border-left: 5px solid #e95d0f;
}
#mission_statement h2 {
  margin-bottom: 5px;
  font-weight: bolder;
  font-size: 28px;
  line-height: 34px;
  color: #fff;
  text-transform: uppercase;
}
#mission_statement h3 {
  font-weight: lighter !important;
  font-size: 28px !important;
  line-height: 34px !important;
}
#mission_statement  h3 strong {
  font-weight: bold !important;
}

#mission_statement  a.btn {
  background-color: #e95d0f;
  border: 0 none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  margin-top: 5px;
  overflow: hidden;
  padding: 0px 50px 0 15px;
  position: relative;
  text-decoration: none;
  vertical-align: bottom;
}

/*-----------------END mission statement---------------------*/

/*-----------------upcoming events front block---------------------*/
#upcomming_events{
  position: relative;
  min-height:220px;
  padding: 30px 15px;
  margin:0 auto;
  max-width:960px;
  color: #255b8a;
}

#upcomming_events h1 a.btn {
  margin: 0 0 -3px 10px;
}

.views-events-front-block-row {
  display: inline-block;
  font-weight: lighter;
  max-width: 209px;
  min-width: 209px;
  padding-right: 20px;
  vertical-align: top;
}

.view-upcoming-events-front-block .views_ev_date {
  font-size: 18px;
}

.view-upcoming-events-front-block .views_ev_title h2 {
   font-weight: bold;
  margin-bottom: 10px;
}

.view-upcoming-events-front-block .views_ev_date {
  font-size: 18px;
}

#upcomming_events .views_event_toggle a{
  text-decoration: none;
  color: #255b8a;
}
#upcomming_events .views_event_toggle a {
  display: block;
  padding-bottom: 5px;
  transition: background-color 0.2s;
}
#upcomming_events .views_event_toggle  a:hover {
  background-color: #f5f5f5;
  border-bottom: 5px solid #e95d0f;
  padding-bottom: 0;
}

.views_ev_b > h3
{
  font-size: 18px !important;
  font-weight: bolder !important;
}

.views_ev_city
{
	font-size: 18px;
	font-weight: bolder;
	margin-bottom: 5px;
}

/*-----------------END upcoming events front block---------------------*/

/*-----------------events page---------------------*/
.panel-pane.pane-views.pane-upcoming-events ,.panel-pane.pane-views.pane-past-events {
  display: inline-block;
  margin-right: 15px;
  max-width: 66%;
  vertical-align: top;
}
.pane-past-events-small,.pane-upcoming-events-small
{
  display: inline-block;
  max-width: 31%;
  vertical-align: top;
}
.panel-separator {
  display: none;
}

.displaced{ /*-----------------anchor---------------------*/
padding-top:50px;
margin-top:-50px;
}

.view-upcoming-events .views_ev_title,.view-past-events .views_ev_title 
{
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 0;
  color: #255b8a;
  font-weight: normal;
  display: block;
  padding-left: 10px;
  padding-bottom: 7px;
  cursor:pointer;
}

.view-past-events-small .views_past_ev_title, .view-upcoming-events-small .views_past_ev_title
{
font-size: 14px;
line-height: 14px;
margin-bottom: 0;
color: #255b8a;
}

.view-upcoming-events .views_ev_body,.view-past-events .views_ev_body
{
background-color: #f6f6f6;
border-bottom: 2px solid #dedede;
color: #255b8a;
font-size: 18px;
font-weight: lighter;
line-height: 25px;
padding: 20px 10px 40px;
}

.view-upcoming-events .views_ev_body h3, .view-past-events .views_ev_body h3 {
  font-size: 20px;
  font-weight: lighter;
}

.view-upcoming-events .views_event_toggle,.view-past-events .views_event_toggle
{
background-color: #f6f6f6;
border-bottom: 1px solid #dedede;
position: relative;
height:89px;
}

.view-past-events-small .views-upcomingevents-row, .view-upcoming-events-small .views-upcomingevents-row
{
background-color: #f6f6f6;
border-bottom: 1px solid #dedede;
height:89px;
}

.view-upcoming-events .views_ev_date,.view-past-events .views_ev_date {
  padding-left: 10px;
  padding-top: 7px;
}

.view-past-events-small .views_past_ev_date, .view-upcoming-events-small .views_past_ev_date
{
  font-size: 14px;
  line-height: 14px;
  color: #e95d0f;
}

.view-upcoming-events  .date-display-single,.view-past-events .date-display-single
{
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 0;
  color: #e95d0f;
  font-size: 22px;
  font-weight: lighter;
  line-height: 32px;
  margin-bottom: 5px;
}

.view-upcoming-events .views_ev_more, .view-past-events .views_ev_more, .view-past-events-small  .views_ev_more, .view-upcoming-events-small  .views_ev_more{
  background-color: #c0c0c0;
  background-image: url("../images/arrow_closed.png");
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  float: right;
  height: 58px;
  margin-left: 18px;
  position: relative;
  right: 10px;
  top: 15px;
  width: 58px;
}

.view-upcoming-events  .active  .views_ev_more,.view-past-events  .active  .views_ev_more{
  background-image: url("../images/arrow_open.png");
  background-color: #e95d0f;
}

.view-upcoming-events  .hoveractive .views_ev_more,.view-past-events  .hoveractive  .views_ev_more
{
  background-image: url("../images/arrow_open.png");
  background-color: #e95d0f;
}

.view-past-events-small  .hoveractive  .views_ev_more,.view-upcoming-events-small  .hoveractive  .views_ev_more,.olderevents  a:hover .views_ev_more{
  background-color: #e95d0f;
}

.view-upcoming-events .Yes, .view-past-events .Yes {
  background-image: url("../images/logo_small_events.png");
  background-repeat: no-repeat;
  display: block;
  height: 34px;
  right: 70px;
  position: absolute;
  top: 6px;
  width: 100px;
}

.olderevents {
  background-color: #f6f6f6;
  height: 60px;
  padding: 15px 0;
  text-transform: uppercase;
}

.views_past_ev_older {
  color: #e95d0f;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 58px;
  margin-bottom: 0;
  padding-left: 15px;
}

.view-past-events-small .views-upcomingevents-row a,.view-upcoming-events-small .views-upcomingevents-row a {
  display: block;
  padding: 1px 0 0 10px;
}

.view-past-events-small a:hover,.view-upcoming-events-small a:hover,.olderevents  a:hover{
  text-decoration:none !important;
}

.olderevents .views_ev_more
{
top:0px !important;
}
/*-----------------end events page---------------------*/


#header .inner {
  background-image: url("../images/bg_header.png");
  background-position: left top;
  background-repeat: no-repeat;
  min-height: 200px;
  padding: 25px;
  margin: 0 auto;
  max-width: 910px;
}
#header  h1 {
  color: #255b8a;
  float: right;
  font-size: 23px;
  font-weight: normal;
  line-height: 26px;
  text-shadow: 1px 0 0 rgba(255, 255, 255, 0.4);
  text-transform: none;
}

/*-----------------
 * SUBSCRIBE + OP search form
 ---------------------*/

.subscribe label,
#opform label {
  display: block;
  min-width: 50px;
}
.subscribe input[type="text"] {
  height: 35px;
  width: 90%;
  margin-bottom: 10px;
  padding: 2px 10px;
  border-radius: 5px;
  border: 2px solid #a8a9aa;
  color: #4b4b4b;
  background-color: #e1e1e1;
}

#opform input[type="text"]{
  height: 28px;
  width: 90%;
  margin-bottom: 10px;
  padding: 2px 10px;
  border-radius: 5px;
  border: 1px solid #aaa;
  color: #434343;
}

.subscribe input[type="text"]:focus ,
#opform input[type="text"]:focus{
  background-color: #fff;
}

main .subscribe {
  background-color: #f5f5f5;
  padding: 20px;
}
main .subscribe label {
  color: #7d7d7d;
}
main .subscribe h3 {
  margin-bottom: 15px !important;
  font-size: 16px !important;
  font-weight: bolder !important;
  text-transform: uppercase !important;
  color: #7d7d7d !important;
}

@media only screen and (max-width: 550px){

}

@media only screen and (max-width: 350px){

}

/*-----------------SOCIAL---------------------*/

.ico {
  display: inline-block;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
}


.social {
  /* border-top: 1px solid #c4c5c5; */
  /* margin-top: 20px; */
  padding-top: 9px;
}
.social .ico {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
.ico-facebook { background-position: -80px 0; }
.ico-facebook:hover,
.ico-facebook:active { background-position: -80px -50px; }
.ico-twitter { background-position: -130px 0; }
.ico-twitter:hover,
.ico-twitter:active { background-position: -130px -50px; }
.ico-linkedin { background-position: -180px 0; }
.ico-linkedin:hover,
.ico-linkedin:active { background-position: -180px -50px; }
.ico-rss { background-position: -230px 0; }
.ico-rss:hover,
.ico-rss:active { background-position: -230px -50px; }

.social a {
  font-size: 0px !important;
}

.ctools-dropdown-container ul li:before{
margin:0px !important;
content:"" !important;
}


.subscribe h3 {
	padding-top: 8px;
}

/*-----------------landing page---------------------*/
.node-type-grid-of-subjects #contentnoside
{
padding: 0 0 15px !important;
overflow: hidden; 
}

.image-list li:before {
  content: "" !important;
  margin-right: 0 !important;
}
.image-list li {
  float: left;
  padding-left: 0 !important;
  text-indent: 0 !important;
  vertical-align: top;
  padding-right: 20px !important;
  overflow:hidden;
  margin-bottom: 20px;
}

.image-list p {
  margin-bottom: 0;
}

.image-list a {
  text-decoration:none;
}
  
.image-list ul:after {
  float:none;
}

.node-type-grid-of-subjects .desc p
{
color: #255b8a;
}

.image-list .mask {
   background-color: rgba(0,0,0, 0.5);
  display: block;
  opacity: 0;
  position: absolute;
   transition: all 0.2s ease-in 0.2s;
   text-align:center;
}

.image-list li:hover .mask{
 transition-delay: 0s;
  opacity: 1;
}

.image-list li:hover .desc{
background-color: #ddd;
}

.mask > span {
  height: 30px;
  position: relative;
  top: 40%;
}

.node-type-grid-of-subjects .desc {
  bottom: 50px;
  position: relative;
}

.node-type-grid-of-subjects .desc.small {
  bottom: 80px;
  position: relative;
}

.image-list .small h3 {
  background-color: rgba(255, 255, 255, 0.8) !important;
  color: #266191 !important;
  font-size: 15px !important;
  font-weight: lighter !important;
  line-height: 18px !important;
  margin-bottom: 5px !important;
  padding: 7px 0 7px 4%;
  text-transform: uppercase !important;
  width: 101%;
}

.image-list .big h3 {
  background-color: rgba(255, 255, 255, 0.8) !important;
  color: #266191 !important;
  font-size: 25px !important;
  font-weight: lighter !important;
  line-height: 32px !important;
  margin-bottom: 5px !important;
  padding-left: 4% !important;
  text-transform: uppercase !important;
  width: 101%;
}

.image-list .image img {
  border: 1px solid #f1f1f1;
}

/*--------------------------------------*/

.publication_highlights {
  overflow: hidden;
  padding-top: 15px;
  background-color: #f5f5f5;
  text-align: center;
}
.publication_highlights a.item {
  color: #1e4f77;
  display: inline-block;
  margin: 0 auto;
  max-height: 140px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  width: 130px;
}

.publication_highlights .ball {
  margin: 0 auto 5px;
  width: 80px;
  height: 80px;
  background-color: #b2b3b4;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.publication_highlights a.item:hover .ball,
.publication_highlights a.item:active .ball {
  background-color: #e95d0f;
}
.publication_highlights .ico {
  margin: 20px 23px;
  width: 35px;
  height: 42px;
}
.ico-docText {
  background-position: -315px 0;
}
.ico-docRitchText{
background-position: -280px 0;
}
.ico-docImage{
background-position: -280px -50px;
}
.ico-docGlobe{
   background-position: -315px -50px;
}

/*-----------------tweets---------------------*/
.twitter_row{
	border-top: 1px solid #eaeaea;
	color: #255b8a;
	margin: 0 15px 15px;
	padding-top: 15px;
}

.twitter_img,.twitter_media {
	display:none;
}

.twitter_time {
  color: #e95d0f;
  float: right;
  margin-bottom: 5px;
}

.twitter_name .tname{
  display:none;
}

.twitter_text {
	color: #255b8a;
	word-wrap:anywhere;
}

.twitter_text a,
.twitter_name a {
  color:#e95d0f
}

#tweets  a.follow:after {
  background-image: url("../images/sprite.png");
  background-position: -29px -70px;
  content: "";
  display: inline-block;
  height: 30px;
  margin-left: 5px;
  vertical-align: middle;
  width: 25px;
}

#tweets a.follow:hover:after, #tweets a.follow:active:after {
  background-position: -55px -70px;
}

#tweets a.follow {
  float: right;
  color: #b2b3b4;
  padding: 5px;
}

#tweets a.follow:hover, #tweets a.follow:active {
  color: #4099ff;
  text-decoration: none;
}

#tweets .pane-title {
  float: left;
  padding: 5px;
}

#tweets .form {
   background-color: #e5e5e5;
  padding: 15px;
}
#tweets input[type="text"] {
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 5px 10px;
  width: 100%;
  max-width: 258px;
}

/*-----------------news item page---------------------*/
#news_date{
  color: #e95d0f;
  font-size: 28px;
  font-weight: lighter;
  line-height: 32px;
  margin-bottom: 5px;
}
.node-type-news-item .page-title
{
display:none;
}

/*-----------------orgqnigram---------------------*/

.organigram {
  margin-top: 30px;
  position: relative;
  width: 100%;
}
.organigram a {
  background-color: #eeeeee;
  display: block;
  padding: 2%;
  text-align: center;
  text-decoration: none;
}
.organigram h3 {
  color: inherit !important;
  font-size: 24px !important;
  font-weight: bolder !important;
  line-height: 28px !important;
  margin-bottom: 0 !important;
}
.organigram a {
  font-size: 24px;
  font-weight: bolder;
}
img.arrow-horizontal {
  left: 43.5%;
  position: absolute;
  top: 30px;
  width: 12.5%;
}
a.management {
  background-color: #e95d0f;
  color: #fff;
  float: left;
  height: 56px;
  width: 44%;
}
a.strategic {
  background-color: #c0dff0;
  color: #016092;
  float: right;
  width: 44%;
}
a.executive {
  background-color: #e95d0f;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.8);
  color: #fff;
  margin-left: 8%;
  margin-top: 9%;
  position: relative;
  width: 30%;
  z-index: 4;
}
img.arrows-vertical {
  bottom: 99px;
  left: 26%;
  margin: 0 auto;
  position: relative;
  width: 50%;
  z-index: 3;
}
a.secretariat {
  background-color: #eee;
  bottom: 100px;
  clear: both;
  color: #016092;
  margin: 0 10% 0;
  position: relative;
}
.top {
  overflow: hidden;
  padding-bottom: 5px;
}

/*-----------------collapse---------------------*/

html.js fieldset.collapsible .fieldset-legend {
  background: none;
  padding-left: 15px;
}

html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  height: 55px;
}

fieldset.collapsible {
  margin-bottom: 15px;
  position: relative;
}

a.fieldset-title:before, .active>.views_toggle:before {
  background-image: url("../images/sprite.png");
  background-position: -35px -100px;
  content: "";
  display: block;
  height: 30px;
  margin-left: -16px;
  margin-top: -15px;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 32px;
}
/*
.collapsed a.fieldset-title:before{
  background-position: 0 -100px;
  height: 30px;
  margin-left: -13px;
  width: 27px;
}*/

a.fieldset-title {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  line-height: 23px;
  margin-bottom: 0;
  width: 100%;
  padding-right: 40px;
  text-decoration: none;
  display: inline-block;
  cursor:pointer;
    width: 93%;
}

.collapsible legend {
  width: 100%;
}

.collapsible .collapse-text-text, .views_body{
  background-color: #f2f2f2;
  padding: 15px;
}

.collapsible .collapse-text-text a {
  color: #ff7400;
}

.collapsible .collapse-text-text a.btn {
  color: #ffffff;
}

.collapsible .fieldset-legend,.active>.views_toggle,.highlighted.collapsible .fieldset-legend{
  background-color: #016193 !important;
  color: #fff;
  padding: 15px !important;
  position: relative;
}

.fieldset-legend span.summary {
  color: #999;
  font-size: 0.9em;
  margin-left: 0.5em;
  display: none;
}

.collapsed a.fieldset-title,
.views_toggle {
  color: #434343;
  font-size: 18px;
  font-weight: normal;
  line-height: 23px;
  margin-bottom: 0;
  padding-right: 40px;
  text-decoration: none;
  width: 93%;
}

.collapsed  .fieldset-legend,.views_toggle {
  background-color: #f1f1f1 !important;
  color: #000;
  padding: 15px !important;
  position: relative;
}

.collapsed a.fieldset-title:before,.inactive>.views_toggle:before {
  background-image: url("../images/sprite2.png")!important;
  background-position: -35px -100px;
  content: "";
  display: block;
  height: 30px;
  margin-left: -16px;
  margin-top: -15px;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 32px;
}
.collapsed a.fieldset-title:before,.active>.views_toggle:before{
  background-position: 0 -100px;
  height: 30px;
  margin-left: -13px;
  width: 27px;
}
.collapsible .imgcaparrow > p {
  background-color: #333;
  color: #fff;
  margin-bottom: 0;
  padding: 15px;
}

.collapsible .imgcaparrow img
{ 
  border-top: 1px dashed #333;
  border-left: 1px dashed #333;
  border-right: 1px dashed #333;
}

/*-----------------readmore collapse---------------------*/

.readmore a.fieldset-title,.views_toggle {
  color: #434343;
  font-size: 18px;
  font-weight: normal;
  line-height: 23px;
  margin-bottom: 0;
  padding-right: 40px;
  text-decoration: none;
}
.readmore  .fieldset-legend,.views_toggle {
  background-color: #f1f1f1 !important;
  color: #000;
  padding: 15px !important;
  position: relative;
}

.readmore .collapse-text-text {
  background-color: #fff;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  padding: 15px 5px 5px;
}

/*-----------highlighted collapse-----------*/

.highlighted .fieldset-title{
  color: #fff !important;
}

.highlighted a.fieldset-title::before {
  background-image: url("../images/sprite.png")!important;
}

/*-----------------tabs---------------------*/
.tabs ul li:before {
  content: "" !important;
  font-size: 10px !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
}
.tabs  li {
  padding-left: 0px !important;
  text-indent: 0px !important;
}

.tabs  li a{
  color:#000;
}

/*-----------------views see also---------------------*/

.view-header #see_also {
  float: right;
  margin-top: 2px;
}

/*-----------------csa partners page---------------------*//*-----------------view-secretariat---------------------*/

.csapartners .view-grouping-content>h3

{
font-size:0px !important;
}
.csapartners .field-label,
.csapartners .node-csa-oceans-partners-institute h2 a
{
display:none;

}

.csapartners .field-name-field-institute a
{
  font-weight:lighter;
}

.csapartners .field-name-field-text-about-institute
{
  font-size:15px;
}

.csapartners, .view-secretariat {
  margin-top: 25px;
  overflow: hidden;
}

.view-secretariat .views-label-field-email {
  float: left;
  margin-right: 5px;
}

.csapartners .view-grouping {
  border-bottom: 2px solid #d3d7d9;
  margin-bottom: 21px;
}

.csapartners .view-grouping-content{
  margin-top: 0px;
}

.csapartners .views-row ,.view-secretariat .views-row {
  margin: 20px 0 10px 0;
  overflow:hidden;
}
.csapartners .views-field-field-picture ,.view-secretariat  .views-field-field-picture {
  float: left;
  margin: 0px 10px 20px 10px;
}

.csapartners .views-field-field-email p ,.view-secretariat .views-field-field-email p  {
margin:0px;
}

.view-secretariat .views-field-field-email li,.csapartners .views-field-field-email li  {
  display: inline;
  margin-left: 4px !important;
  padding-left: 0 !important;
}
.view-secretariat .views-field-field-email ul,.csapartners .views-field-field-email ul{
margin-bottom:0px;
}


.csapartners h2 ,.view-secretariat  h2 {
  color: #e95d0f;
  font-size: 28px;
  font-weight: lighter;
  line-height: 34px;
  margin-bottom: 10px;
}
.csapartners h3 a ,.view-secretariat h3 a{
  color: #266191 !important;
  font-size: 22px !important;

  line-height: 23px !important;
  margin-bottom: 10px !important;
}

/*-----------------view-management-board---------------------*//*-----------------view-participating-countries---------------------*/

#jvectormapnode {
  display: inline-block;
}

#jv_text_bottom {
  display: inline-block;
  vertical-align: top;
}
.block-nodeblock #see_also {
  background-color: #e95d0f;
  font-size: 16px;
  height: 210px;
  margin-bottom: 20px;
  padding: 20px;
  max-width: 200px;
}

.view-management-board,.view-participating-countries
{
  margin-top: 25px;
  overflow: hidden;
}

.view-management-board .view-grouping-content,.view-participating-countries .view-grouping-content {
  padding-left: 47px;
}

.view-management-board .view-grouping-content > h3,.view-participating-countries .view-grouping-content > h3 {
  background: none repeat scroll 0 0 #eee;
  padding:10px;
}

.view-management-board .views-row, .view-participating-countries .views-row {
  display: inline-block;
  margin: 0 0 20px 20px;
  overflow: hidden;
}

.view-management-board h2, .view-participating-countries h2 {
  color: #1e5078;
  font-size: 28px;
  font-weight: lighter;
  line-height: 34px;
  margin: 50px 0px 30px 0px;
}
.view-management-board h3 a,.view-participating-countries h3 a{
  color: #266191 !important;
  font-size: 19px !important;
  font-weight: normal !important;
  line-height: 23px !important;
  margin-bottom: 10px !important;
}

.view-management-board .views-field-field-name-mb .field-content {
	color:#e9ad8b;
}

/*-----------------executive committeee---------------------*/
.view-executive-committee-member .views-label {
  float: left;
  margin-right: 5px;
}
.view-executive-committee-member .views-field-field-institute a {
  display: inline-block;
  vertical-align: top;

}

.view-executive-committee-member .views-row {
  margin-bottom: 7px;
}

.view-executive-committee-member .view-content h2 {
  border-top: 1px solid #eee;
  margin-top: 18px;
  padding-top: 10px;
}
.view-executive-committee-member .view-content {
  max-width: 650px;
}
/*-----------------imis---------------------*/

.IMIS blockquote {
  border-left: 0px solid #e95d0f;
  font-size: 14px;
  font-weight: lighter;
  line-height: 16px;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-left: 10px;
}

.IMIS a {
  text-indent: 0;
}

/*-----------------library---------------------*/

article.library {
  background-color: #f5f5f5;
  color: #255a89;
  margin-bottom: 30px;
  min-height: 200px;
  padding: 10px;
}

article.library  .img {
  float: left;
  margin-right: 20px;
  max-width: 40%;
  overflow: hidden;
  position: relative;
}
article.library h2 {
  color: #255b8a;
  font-size: 22px;
  font-weight: lighter;
  line-height: 26px;
  margin-bottom: 15px;
  margin-top: 0;
}

.view-library{
  margin-left: 250px;
}

.view-library .view-filters
{
  display:none;
}

.pager-library
{
  margin-left: 250px;
}

.pager-library .pager li {
  margin-right: 4px !important;
  margin-bottom: 4px !important;
}

.filter {
  background-color: #255a89;
  color: #fff;
  overflow: hidden;
  padding: 20px;
}

.filter fieldset {
  margin-bottom: 20px;
}
.filter h3{
  font-size: 22px !important;
  line-height: 26px !important;
  margin-bottom: 15px !important;
  color:#FFFFFF;
  font-weight: normal;
}
.filter input[type="text"], .filter select {
  width: 100%;
}

.filter a {
  color: #ddd;
}

.view-library h4 small {
  font-size: 14px;
}

/*news filter*/


#views-exposed-form-news-page-1 .views-exposed-form .views-exposed-widget, #views-exposed-form-news-page-1 .date-padding.clearfix, #views-exposed-form-news-page-1 .views-widget,#views-exposed-form-news-page-1 .views-exposed-form .form-item  , #views-exposed-form-news-page-1 select ,#views-exposed-form-news-page-1 option
{
  margin:0px !important;
  padding:0px !important;
  width: 100%;
}

#views-exposed-form-news-page-1 {
  background-color: #255a89;
  color: #fff;
  margin-top: 20px;
  overflow: hidden;
  padding: 20px;
  width: 253px;
}

#views-exposed-form-news-page-1 label  {
  font-size: 22px !important;
  line-height: 26px !important;
  margin-bottom: 15px !important;
  color:#FFFFFF;
  font-weight: normal;
}

#edit-submit-news
{
margin-top:15px;
}


/*-----------------secretariat---------------------*/
.views-field-field-phone-number li {
  margin: 0 !important;
}
.views-field-field-phone-number ul {
  display: inline-block;
}

/*-----------------view-strategic-advisory-board---------------------*/ /*-----------------view-executive-committee-member---------------------*/

.view-strategic-advisory-board .views-label,.view-executive-committee-member .views-label {
  float: left;
  width: 70px;
}
.view-strategic-advisory-board .views-row-odd,.view-executive-committee-member .views-row-odd {
  background: #eee;
}
.view-strategic-advisory-board .views-row,.view-executive-committee-member .views-row {
  max-width: 685px;
  padding: 10px;
}
.view-strategic-advisory-board thead a{
color: #fff;
}
.view-strategic-advisory-board tbody a{
color: #444;
}

/*warning box*/
.box {
  border-radius: 5px;
  display: none;
  margin: 20px 0;
  padding: 15px 7px 15px 15px;
}
.box a.close {
  float: right;
  font-size: 22px;
  text-decoration: none;
}
.box.success {
  background-color: #89ed8d;
  color: #2e532f;
}
.box.success a {
  color: #1f3820;
  font-weight: bold;
}
.box.boxerror,.box.boxerror-news  {
  background-color: #ffc6c4;
  color: #a91b1b;
}
.box.boxerror a ,.box.boxerror-news a{
  color: #801414;
  font-weight: bold;
}

/*-----------------timeline also see /files/css/custom_timeline.css---------------------*/

.vco-slider .nav-next .icon {
  background-image: url("../images/timeline.png") !important;
}
.vco-slider .nav-previous .icon {
  background-image: url("../images/timeline.png") !important;
}

.vco-storyjs h1, .vco-storyjs h2, .vco-storyjs h3, .vco-storyjs h4, .vco-storyjs h5, .vco-storyjs h6, .vco-storyjs li {
  color: #255a8a !important;
  font-weight: normal !important;
  text-transform: none !important;
}
.vco-storyjs a {
  color: #E95D0F !important;
}

.vco-storyjs .vco-feature h1, .vco-storyjs .vco-feature h2, .vco-storyjs .vco-feature h3, .vco-storyjs .vco-feature h4, .vco-storyjs .vco-feature h5, .vco-storyjs .vco-feature h6 {
  font-family: "Open Sans",Helvetica,sans-serif !important;
}

.vco-storyjs p, .vco-storyjs blockquote, .vco-storyjs blockquote p, .vco-storyjs .twitter blockquote p, .vco-storyjs li {
  font-family: "Open Sans",Helvetica,sans-serif !important;
}

.vco-storyjs .vco-feature p {
  color: #255a8a !important;
}

.media-image img{
max-width:360px !important;
}

.slider-item .content-container .text
{
width:50% !important;
}


/*view-id-national_strategies*/

.view-id-national_strategies .views-row
{
	margin-bottom:15px;
	cursor:pointer;
}

/*rest of styling see collapse section*/

/*EUROCEANframe*/

#EUROCEANframe
{
	overflow-y:scroll;
}

/*-----------slideshow--------------------*/
ul.gallery li {
  padding:0px !important;
  text-indent:0px !important;
  list-style:none !important;
}
ul.gallery li::before {
  content: "" !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
}
.small-slideshow .btns a:hover {
    opacity: 0.5;
}
.small-slideshow-article {

    height: 442px;
    margin: 0 auto 30px;
    overflow: hidden;
    position: relative;
    max-width: 710px;
}
.contrast .small-slideshow-article {
    background: #fff none repeat scroll 0 0;
}
.small-slideshow-article .gallery {
    height: 442px;
    position: relative;
    max-width: 710px;
    z-index: 5;
}
.small-slideshow-article .gallery li.theimage {
    height: 442px;
    max-width: 700px;
    z-index: 1;
}
.small-slideshow-article .gallery li.active {
    z-index: 2;
}
.small-slideshow-article .gallery li .image {
  height: 390px;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  position: relative;
  vertical-align: middle;
}
.small-slideshow-article .gallery li .image img {
    display: block;
    height: auto;
    margin: auto;
    max-height: 390px;
    max-width: 700px;
    position: relative;
    width: auto;
}
.small-slideshow-article .gallery li .desc {
  display: block;
  margin: 7px auto 0;
  max-width: 520px;
}
.small-slideshow-article .gallery li .desc .license{
	display:none;
}
.small-slideshow-article .btns li.prev a {
    background: rgba(0, 0, 0, 0) url("/sites/vliz.be/themes/vliz/img/arrow-left.png") no-repeat scroll 50% 50%;
    height: 35px;
    left: 0px;
    position: absolute;
    top: 185px;
    width: 35px;
    z-index: 15;
}
.small-slideshow-article .btns li.next a {
    background: rgba(0, 0, 0, 0) url("/sites/vliz.be/themes/vliz/img/arrow-right.png") no-repeat scroll 50% 50%;
    height: 35px;
    position: absolute;
    right: 0px;
    top: 185px;
    width: 35px;
    z-index: 15;
}
.small-slideshow-article .btns a:hover {
    opacity: 0.5;
}


/*--------------OP----------------------------------*/

span.label {
  float:left;
  min-width:170px;
  font-weight:bold;
}

.table {
  border-collapse: collapse;
  display: table;
  width: 100%;
}

.table span,
.table ul,
.table p {
  display:table-row;
  vertical-align: top;
}

.tr {
  display:table-row;
}

.node-type-op-project .countries h3,
.node-type-op-action-type .countries h3{
  margin-top:14px;
}
.node-type-op-project .countries .views-row,
.node-type-op-action .countries .views-row {
  padding-bottom:14px;
  border-bottom:1px solid #ffffff;
}

/*--------------search actions and projects -------------------------*/


.pfacts,
.pinfo,
.jafacts,
.jainfo,
.actionabout,
.actionobjectives,
.actionimpact,
.actionbackground,
.actionsteps,
.workpackages,
.countries {
  margin-bottom:21px;
}

.pfacts div,
.pinfo div,
.jafacts div,
.jainfo div {
	margin-bottom:7px;
}

#opform {
  z-index:60;
}

.action,
.project {
  border-bottom: 1px solid #f1f1f1;
  padding: 25px 0px 0px 45px;
}

.item.action {
  border-bottom: solid #ffffff 42px;
}

.item.project {
  background-color: #f1f1f1;
  margin-bottom: 1px;
}

.freesearchhidden,
.areashidden,
.partcountryhidden,
.leadcountryhidden,
.statushidden,
.btnhidden {
	display:none;
}

.hidden {
	display:none !important;
}

mark{
  background-color:yellow;
}

.actionnothidden {
  display:table-row;
}

.hidebtn {
  float: right;
  margin-right:21px;
}

.hidebtn:hover {
  opacity: 0.2;
}

.item.action.tr > h3,
.hidebtn {
  margin-top: 15px;
}

#togglehiddenbtn > img {
  vertical-align: sub;
}

.dataoutput {
  display: block !important;
  margin-bottom: 7px;
  min-width: 500px;
  vertical-align: top !important;
}

.dataoutput.pcountries li {
	display:inline-block;
}

.node-type-list dt {
  float:left;
  margin-right: 7px;
}

.node-type-list dd {
  border-bottom: 1px solid #f1f1f1;
  display: block;
  height: 26px;
  margin-bottom: 7px;
}

.page-node-edit li::before,
.page-node-add li::before {
  content:"" !important;
  margin:0px !important;
}
.page-node-edit li,
.page-node-add li {
  padding:0px !important;
  text-indent:0px !important;
  margin:0px !important;
}

/**/

.countries .view-grouping-header {
  margin-top: 21px;
}

.countries .view-grouping-content {
  padding-left: 51px;
}

.countries .view-grouping-header img{
  margin-right:7px;
}
.countries h3 {
  font-size: 17px;
}

/*-----------------tag page-----------------*/

.view-id-taxonomy_term .views-row {
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid #f1f1f1;
}

.view-id-taxonomy_term .views-row-last{
  border-bottom:0px solid #f1f1f1;
}

.view-id-taxonomy_term .views-field-type {
  margin-top:7px;
}


/*-----------------mobile devices---------------------*/

@media screen and (max-width: 900px) { 
  #sidebarleft {
  width:95%;
  }
  #sidebarright {
  width:95%;
  }
  #contentwithsidebarright {
  width:95%;
  }
  #contentwithsidebarleft {
  width:95%;
  margin:0px !important;
  }  
}

@media screen and (max-width: 600px) {
  #header {
    background-image: url("../images/banner_small.png");
    height: 150px;
    margin: 0 auto;
  }
  #topmenu {
    background-color: rgba(255,255,255,0) !important;
    height: 55px;
    margin: 0 auto;
    max-width: 960px;
    padding-left: 1px;
    position: relative;
    top:50px !important;
  }  
  #headermenu {
    position:relative;
    bottom:0px;
    float:none;
  }
  #header h1,#breadcrumb,.views_homepage_news_head_image {
    display:none;
  }
  #search {

    float: none;
    position: relative;
  }
  #topmenu {
    background-color: rgba(255, 255, 255, 0) !important;
    height: 55px;
    margin: 0 auto 15px;
    max-width: 960px;
    padding-left: 1px;
    position: relative;
    top: 0 !important;
  }
  .view-homepage-news-head .views-field.views-field-body, .view-homepage-news-head .views-field-view-node,.homepage-news-sub-row .views-field-body{
    margin-left:0px !important;
  }
  .views-events-front-block-row
  {
    min-width: 330px !important;
  }
  #innerfooter .region {
    border-bottom: 1px solid #c4c5c5;
    margin: 0 15px;
    min-width: 310px;
    padding: 10px 0;
  }
  
  #main {
    padding: 0 15px;
  }
  
  #cright {
    padding-left: 0px;
  }
  
  #jvectormapnode
   {
    width: 100% !important;
  }
  #block-nodeblock-481 #see_also, .page-about-governance-management-board #see_also, .page-csa-oceans-csa-oceans-partners #see_also, #jv_text_bottom {
	  display: block !important;
	  max-width: 100%;
	  padding-right: 0 !important;
	  width: 100% !important;
	  overflow: hidden;
	  height: auto;
  }
  .region-middlefooter .block-menu {
    padding-bottom: 15px;
	padding-left: 0px;
    padding-right: 0px;
  }
  .view-header #see_also{
    position:relative;
  }
  #sidebarleft {
    width: 100%;
  	float: none;
  	max-width: 960px;
  	padding-right: 10px;
	position:relative;
  }
  .view-library,.pager-library  {
    margin-left: 0px;
  }
  #tweets
  {
  float:none;
  }

}

@media  all and (max-width:360px),screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px),screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 720px) {
          #header {
			background-image: url("../images/banner_small.png");
			height: 150px;
			margin: 0 auto;
		  }
 } 
	
@media handheld{

  #header {
    background-image: url("../images/banner_small.png");
    height: 150px;
    margin: 0 auto;
    max-width: 365px;
  }

  #sidebarleft {
  display: none;
  }
  #sidebarright {
  display: none;
  }
  #contentwithsidebarright {
  width:95%;
  border-left: 0px solid #CCCCCC;
  }
  #contentwithsidebarleft {
  width:95%;
  border-left: 0px solid #CCCCCC;
  }  
}


.printer{
	display:none;
}

@media print {
	html, body { 
		height: auto !important; 
		-webkit-print-color-adjust:exact;
	}
	
	body  	{ 
	  width:960px;
	  padding:0px;
	}
	
	body:before {
        content: url("/sites/jpi-oceans.eu/themes/jpi/images/jpi_print_header_bg.png");
    }
	
	#main {
	  padding:0px;
	  page-break-after: always;
	  break-after: always;
	}
	
	.printer {
	  margin-top:10px;
	  display:inline-block;
	}
	
	#cleft 	{
	  margin-top:30px;
	  width:100%;
	  page-break-inside : auto;
	}
	
	#cright 	{
	  margin-top:30px;
	  width:100%;
	  page-break-inside : auto;
	  padding:0px;
	}
	
	#related_docs h2,
	#see_also h2,
	#related h2 {
	  margin-bottom: 15px;
	  color: #255b8a;
	  font-size: 22px;
	  font-weight: normal;
	  line-height: 26px;
	  margin:0px;
	  padding:0px;
	}
	
	iframe{
	  display:none;
	}
	
	p {
	  max-width:100%;
	}
	
	img {
	  max-width: 100% !important;
	}
	
	ul, 
	img,
	.project,
	#printerfooter	{
	  page-break-inside: avoid;
	}
	
	#printerfooter {
	  display:block;
	  min-height:29.7cm;
	  page-break-before: always;
	  break-after: always;
	  width:100%;
	}
	
	#header_top,
	#header,
	#toolbar,
	#skip-link,
	#topmenu,
	#footer,
	#togglecollapsedbtn,
	.plogo,
	.article-top,
	.credits,
	.article-top,
	.noprint,
	.collapsed,
	.small-slideshow-article,
	.messages,
	.tabs {
	  display:none !important;
	}	
}

.form-wrapper {
	background: #f1f1f1;
	padding: 7px;
	margin: 7px;
}

.form-wrapper strong {
	font-size: 14px;
}

#edit-field-institute-collection {
	background:red;
}

.page-node-1034 .actions h2 a {
  font-size: 50px;
  font-weight: lighter;
  line-height: 55px;
}

.page-node-1034 .projects h2 a {
  font-size: 30px;
  color:#ff7400;
  font-weight: lighter;
  line-height: 55px;
}

.page-node-1034 .actions > .node > h2,
.page-node-1034 .projects > .node > h2 {
  margin-top:50px;
}


/*------------CALLS---------------*/

.view-id-calls table {
	width: 100%;
}

.view-id-calls td {
	vertical-align: middle;
}

.view-id-calls .views-field-field-tags li{
  margin:0px;
}

.view-id-calls td.active{
  background-color:#eeeeee;
}


/*---------------button------------------------*/
.button a {
  background: none repeat scroll 0 0 #c64e0c;
  border: 0 none;
  border-radius: 3px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  padding: 5px 5px;
  vertical-align: bottom;
  text-decoration:none;
  display: inline-block;
  border-bottom: 0 none;
  border-radius:5px;
  font-size: 12px;
  line-height: 12px;
}



/*---------------------------------------*/