body 
{
	margin: 0px 0px 0px 0px;
}

p 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #555555;
	line-height: 18px;
}

li 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #555555;
	line-height: 18px;
}

div 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #555555;
}

table 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #555555;
}

caption 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #555555;
}

th 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #555555;
}

td 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #555555;
}

a:link 
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #009FDF;
	text-transform: none;
	text-decoration: none;
}

a:visited 
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #009FDF;
	text-transform: none;
	text-decoration: none;
}

a:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #0FB3F0;
	text-transform: none;
	text-decoration: underline;
}

h1 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	color: #414042;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 5px;
}

h2 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	color: #414042;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 5px;
}

h3 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #414042;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 5px;
}

h4 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #414042;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 5px;
}

h5 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #222222;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 5px;
}

h6 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #555555;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 5px;
}

hr 
{
   border: solid 1px #EEEEEE;
}

ul li 
{
	list-style-type: disc;
}

em, i 
{
	font-style: italic !important;
}

input[type="text"], input[type="email"], input[type="password"] 
{
    height: 20px;
}

select 
{
    height: 26px;
}

.MoSTTable 
{
}

.MoSTTable th 
{
	vertical-align: top;
}

.MoSTTable th, .MoSTTable th * 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration: none;
	text-align: left;
}

.MoSTTable td 
{
	vertical-align: top;
}

.MoSTTable td, .MoSTTable td * 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
}

.MoSTTableAlt, .MoSTTableAlt td 
{
}

.MoSTTableAlt, .MoSTTableAlt *, .MoSTTableAlt td, .MoSTTableAlt td * 
{
}

.MoSTTableColumn, .MoSTTableColumn td 
{
}

.MoSTTableColumn, .MoSTTableColumn *, .MoSTTableColumn td, .MoSTTableColumn td * 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
}

.MoSTTable a:visited 
{
	font-style: normal;
	color: #009FDF;
	text-transform: none;
	text-decoration: none;
}

.MoSTTable a:hover 
{
	font-style: normal;
	color: #0FB3F0;
	text-transform: none;
	text-decoration: underline;
}

.MoSTTable a:link 
{
	font-style: normal;
	color: #009FDF;
	text-transform: none;
	text-decoration: none;
}

.MoSTImage 
{
	border-width: 0px;	
}

.MoSTRequiredField 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
	font-weight: normal;
}

.MoSTTextField 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555 !important;
	font-style: normal;
	border-style: solid;
	border-color: #414042 #414042 #414042 #414042;
	border-width: 1px;
}

.MoSTPasswordField 
{
	font-size: 14px;
	color: #555555 !important;
	font-style: normal;
	border-style: solid;
	border-color: #414042 #414042 #414042 #414042;
	border-width: 1px;
}

.MoSTDropdownList 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
}

.MoSTButton 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #414042 !important;
	background-color: #ffffff;
	border-color: #414042 #414042 #414042 #414042;
	border-style: solid;
	border-width: 2px;
}

.MoSTTransparent 
{
	background-color: transparent;
	border: none;
}

.MoSTAbstract * 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #adb0b2;
	font-style: normal;
	margin: 0;
}

.MoSTDocumentList 
{
	width: 100%;
	float: left;
}

.MoSTDocumentListRow 
{
	float: left;
	width: 100%;
}

.MoSTDocumentListCell1 
{
	float: left;
	margin: 1px;
}

.MoSTDocumentListCellFull 
{
	width: auto;
}

.MoSTDocumentList li 
{
	list-style-type: disc;
}

.MoSTDocumentListHeading 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
	font-weight: normal;
}

.MoSTDocumentListHeading a:visited 
{
	font-family: Arial, Helvetica, sans-serif;
}

.MoSTDocumentListHeading a:hover 
{
	font-family: Arial, Helvetica, sans-serif;
}

.MoSTDocumentListHeading a:link 
{
	font-family: Arial, Helvetica, sans-serif;
}

.MoSTSearchIcon {
    float: left;
    width: 32px;
    height: 32px;
}

.MoSTSearchIconWord 
{
    background: url("/tools/icons/word.png") no-repeat;
}

.MoSTSearchIconPdf 
{
    background: url("/tools/icons/pdf.png") no-repeat;
}

.MoSTSearchIconUnknown 
{
    background: url("/tools/icons/unknown.png") no-repeat;
}

/* Form Layout */
.MoSTFormLayout {
    width: 100%;
    float: left;
}

.MoSTFormLayoutRow 
{
    width: 100%;
    float: left;
    text-align: right;
}

.MoSTFormLayoutCell1 
{
	float: left;
    text-align: left;
}

.MoSTFormLayoutCell2 
{
    display: inline-block;
    text-align: left;
}

.MoSTFormLayoutCellFull 
{
    text-align: left;
}

/* Event Pricing Layout */
.MoSTEventRegLinks 
{
    text-align: left;
}

.MoSTEventPrices
{
	width: 100%;
	float: left;
}

.MoSTEventPrices .MoSTFormLayoutCell3 
{
    display:inline-block;
    width: 100px;
}

.SubEvents 
{
    float: right;
}

/* Screen and Print Template Display */
.MoSTTemplate 
{
	display: block;
}

.MoSTPrint 
{
	display: none;	
}

/* Jquery UI Layout Fixes */
div.ui-dialog-titlebar *
{
    outline: none !important;
}

.ui-spinner input[type="text"] 
{
    height: 18px;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button 
{ 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

/* User Defined Custom Styles */
/*----------

  Expert
  Copyright 2014
  written for - http://www.eea.co.nz

----------

 Swatch colors

  #009FDF   = CYAN (Logo)
  #939598    = GREY (Logo)
  #D86018   = ORANGE (Health and Safety)
  #003B5C   = NAVY (Asset Management)
  #509E2F    = GREEN (Professional Development)

  #414042    = GREY DARK (Headings)
  #555555    = GREY (Text and Navigation)
  #AEB0B2   = GREY MID (Navigation)
  #EEEEEE   = GREY LIGHT (Lines and backgrounds)
  #F9F9F9    = GREY LIGHT (Backgrounds)
  #0FB3F0    = CYAN LIGHT (hover)


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


/* Resets and overrides
----------*/

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, font, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

html {
  line-height: 1; }

iframe{
max-width: 570px !important;
width: 100%!important;
}

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: top; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

.MoSTVersion {
 display: none;
} 


/* FORM Fixes */
div.MoSTFormLayoutCell2 {
  float: left;
  width: 250px;
  display: inline-block !important;
}
div.MoSTFormLayoutCell1 {
  width: 250px;
  font-weight: bold;
  display: inline-block !important;
  float: left;
}
div.MoSTFormLayoutRow {
  margin-top: 10px;
  display: block;
}

/* Globals */


.clear {
  clear: both; }

.left-float {
  float: left; }

.right-float {
  float: right; }


/* margin and padding set to 0 */

* {margin: 0;padding: 0;} 

img {
  max-width: 100%; 
  height: auto !important;
}

hr {
  clear: both;
  margin: 20px 0;
  height: 1px;
  background: #EEEEEE;
  border: 0px;
}



/* Links and type
----------*/

ul, ol {
  padding: 0px;
  margin: 15px 20px 20px; 
}

ul {
  list-style-type: disc; }

ol{
  list-style-type: decimal; }

li {
  padding: 0px;
  margin: 0px 0px 8px 0px; 
}

p {
  margin: 15px 0px;
}

h1 {
  line-height: 35px;
  padding: 0px 0px 10px;
  margin: 0px 0px 15px;
}

h2 {
  padding: 0px 0px 10px;
  margin: 40px 0px 15px;
}

h3, h4, h5 {
  margin: 34px 0px 15px;
}

h6 {
  border-bottom: 2px solid #555;
  margin: 20px 0 5px 0;
  padding: 0 0 5px 0;
}

div._Template sup {
  font-size: xx-small;
  vertical-align: top; }

div._Template sub 
{
font-size: xx-small;
vertical-align: bottom;
}

.CUSTOMOrange {
  color:  #D86018;
}

/* Navigation
----------*/

.nav {
  max-height: 52px;
  transition: max-height 0.3s;
  overflow: hidden;
}

.menu-btn {
  cursor: s-resize;
  background: #33bef2;
  margin: 0 0 2px;
  padding: 15px 0;
  border-top: 2px solid #b2e7fa;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  text-align: center;
}

.menu-open,
.nav .open > ul {
  max-height: 2000px;
}

/*.menu .open > .more img {
  transform: rotate(-90deg);
}

.more img {
  height: 40px;
  transition: transform 0.3s;
}*/

div.more {
  float: right;
  min-width: 10%;
  height: 40px;
  cursor: row-resize;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url(/templates/_template_2014/images/btn-more-parent.gif);
}

li.open > .more {
  background-position: center top;
}


ul ul .more {
  height: 30px;
  background-image: url(/templates/_template_2014/images/btn-more-child.gif);
}

ul ul ul .more {
  height: 25px;
  background-image: url(/templates/_template_2014/images/btn-more-child-sub.gif);
}

ul ul ul ul .more {
  height: 25px;
  background-image: url(/templates/_template_2014/images/btn-more-child-sub-sub.gif);
}

.nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav a {
  padding: 12px 30px 13px 10px;
  font-size: 15px;
  line-height: 15px;
  color: #555555;
  display: block;
  text-decoration: none;
}

.nav li {
  margin: 0 0 2px;
  padding: 0;
  position: relative;
  list-style: none;
  background: #F9F9F9;
  border-left: 3px solid #AEB0B2;
}

.menu > li.highlighted {
  border-left: 5px solid #009FDF;
}

li.highlighted > .more {
  background-position: center top;
}


.highlighted a {
  padding-left: 8px;
}

.highlighted > a {
  color: #009FDF;
}

.nav a:hover {
  background: #EEEEEE;
  color: #414042;
}


.nav ul li ul {
  margin: 0 0 2px 0;
  padding: 0;
  display: block;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

.nav ul ul li {
  margin: 0;
  padding: 0;
  background: transparent;
  border-left: 0px;
}

.nav ul ul a {
/*  padding: 8px 30px 9px 10px;*/
  padding: 8px 30px 9px 20px;
  font-size: 13px;
  line-height: 13px;
}

.nav ul ul ul {
  padding-left: 10px;
}

.nav ul ul ul a {
/*  padding: 6px 30px 7px 10px;*/
  padding: 6px 30px 7px 16px;
  font-size: 12px;
  line-height: 12px;
}


/* Sub Navigaiton */

#navigation-sub {
  display: none;
}

#navigation-sub ul {
  background: #F9F9F9;
}

#navigation-sub ul li {
  border: 0px;
}

#navigation-sub > ul li > a {
  padding-left: 13px;
}

#navigation-sub ul ul {
  padding-left: 10px;
}

/* temporary browser message */

.browsermessage {
  width: 60%;
  max-width: 800px;
  float: left;
  color: #888;
  background: #e0dedc;
  margin: 0 0 20px 5%;
}
.browsermessage p {
  margin: 10px 30px;
}

/* Main layout
----------*/


html, body, .MoSTTemplate {
  height: 100%;
}

#wrap {
  min-height: 100%;
}

#global {
  background-color: #009FDF;
  padding: 23px 0 33px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.wrapper {
  width: 95%;
  max-width: 1400px;
  margin: 0px auto;
}


#global h1 {
  width: 154px;
  height: 51px;
  float: left;
  overflow: hidden;
}

#global h1 a {
  width: 154px;
  height: 0px;
  padding: 51px 0 0 0;
  float: left;
  overflow: hidden;
  display: block;
  background: url(/templates/_template_2014/images/eea-logo.png);
}

.wide {
  display: none;
}

.mobile {
  display: inline;
}

#content {
  overflow:auto;
  padding-bottom: 180px; /* must be same height as the footer */
}

#MoSTContent {
  width: 95%;
  float: right;
  margin: 0 3% 0 2%;
  padding: 20px 0;
}

#footer {
  position: relative;
  margin-top: -180px; /* negative value of footer height */
  height: 180px;
  clear:both;
  background: #555;
} 

/*Opera Fix*/
body:before {
  content:"";
  height:100%;
  float:left;
  width:0;
  margin-top:-32767px;/
}

#search-box {
  float: right;
  margin-right: 3px;
}

#search-box input, div.banner input {
  color: #fff !important;
  border: 1px solid #fff;
  background: transparent;
  margin: 0px 0px 0px 1px;
}

#Welcome {
  height: 44px;
  padding: 7px 18px 0 0; 
  float: right;
  background: url("/templates/_template_2014/images/line-white.png") right top no-repeat;
  color: #fff;
  text-align: right;
  margin: 20px 0 0;
  line-height: 19px;
  clear: right;
}

#global .mobile p {
  height: 44px;
  padding: 7px 0 0 18px; 
  margin: 0px;
  float: left;
  background: url("/templates/_template_2014/images/line-white.png") left top no-repeat;
  color: #fff;
  text-align: left;
  line-height: 19px;
}

#global .mobile p a {
  color: #fff;
}

.banner form {
  float: left;
  padding: 15px 0px 0px 20px;
}


div.banner .btn {
  color: #fff !important;
  border: 1px solid #fff;
  background: transparent;
  padding: 7px 12px;
  margin: 15px 0 0 20px;
  font-size: 14px;
  line-height: 14px;
  font-style: normal;
  height: 14px;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  display: block;
  float: right;
}





/* Account and login dropdown */

.account,
.account a,
.account ul,
.account li,
.account p,
.account div,
.account form,
.account input,
.mobile ul,
.mobile li {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  color: #fff !important;
}

/*.mobile {
  clear: both
}*/

.mobile ul {
  width: 220px;
  margin-top: 15px;
  float: right;
}

.account a, .mobile ul a { text-decoration: none; }
 
.account li, .mobile li  { list-style: none; }


.account  {
  display: inline-block;
  position: relative;
  cursor: default;
  z-index: 500;

  float: right;
}
 
.account  > li {
  /*display: block;*/
  float: left;
}

.mobile li {
  margin-left: 3px;
  float: right;
}

.account  > li > a, .mobile li a {
  position: relative;
  display: block;
  z-index: 510;

  height: 14px;
  padding: 7px 12px;
  line-height: 14px;
  border: 1px solid #fff;
  color: #fff;
 
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}


.account  > li > div {

  width: auto;
  top: 33px;
  right: 0;

  position: absolute;
  display: block;  opacity: 0;
  visibility: hidden;
  overflow: hidden;

  -webkit-transition: all .3s ease .15s;
  -moz-transition: all .3s ease .15s;
  -o-transition: all .3s ease .15s;
  -ms-transition: all .3s ease .15s;
  transition: all .3s ease .15s;

  background: #009FDF;
  border: 1px solid #fff;
  padding: 22px;
}

.account  > li:hover > div {
  opacity: 1;
  visibility: visible;
  overflow: visible;
}

.account .MoSTFormLayoutRow {
  margin: 0px 0px 6px;
  padding: 0px;
}

.account .MoSTFormLayoutCell1 {
  width: 50%;
  margin: 0px;
  padding: 0px;
}

.account .MoSTFormLayoutCell1 p, .account .MoSTFormLayoutCell1 p a {
  color: #60ccf5;
}

.account .MoSTFormLayoutCell2 {
  width: 49%;
  float: right;
  margin: 0;
}

.account p, .account .MoSTFormLayoutCell1 p a:hover {
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  margin: 4px 0px;
}

.account .MoSTTextField {
  width: 224px;
  background: transparent;
  border: 1px solid #60ccf5;
  margin-bottom: 10px;
}

.account input:hover.MoSTTextField {
  border: 1px solid #fff;
}

.account .MoSTCheckBox {
  background: transparent;
  margin: 0;
}

.account input:hover.MoSTCheckBox {
  border: 1px solid #fff;
}

 .account .MoSTButton, .account input:hover.MoSTButton {
  background: transparent;
  color: #fff !important;
  float: right;
  margin-top: -20px;
}


.account .my-account div {
  width: 154px;
}

.account ul li {
  margin: 0 0 12px;
}

.account ul li:last-child {
  border-top: 1px solid #60CCF5;
  margin: 0;
  padding: 12px 0 0;
}

.account ul li a {
  display: block;
}

/* new login button 2015 */

a.loginbutton {
    display: inline-block;
    background: url(/templates/_template_2014/images/btn-arrow-down.png) center right no-repeat;
    padding: 9px 33px 9px 14px;
    z-index: 0;
    color: #fff;
    border: 1px solid #FFF;
}
 
.overlay {
    z-index: 5;
    background: rgba(0, 0, 0, .50);
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
}
 
.account .popup{ 
  padding: 22px;
 right: 0; 
}

.popup {
    margin: 3px 0 0 0;
    padding: 10px 10px 35px;
    background-color: #009FDF;
    z-index: 999;
    display: none;
    position: absolute;
}

.account ul li a.close {
    display: inline;
}

a.close {
    color: #fff;
    background: url(/templates/_template_2014/images/btn-close-X.png) center right no-repeat;
    padding: 5px 31px 4px 5px;
    border: 0.5px solid #fff;
    margin-top: 5px;
    float: right;
}

a.forgot { 
    float: left;
    margin-top: 1px;
}

/* Banners */

.banner, #MoSTContent .banner-page {
  display: none;
}

.eea {background-color: #009FDF;}
.banner .eea {background-color: #33bef2;}
.health-safty {background-color: #D86018;}
.asset-management {background-color: #003B5C;}
.professional-development {background-color: #509E2F;}
#footer .banner {background-color: #888888;  height: auto; display: block;} 

.banner .eea {border-top: 2px solid #b2e7fa;}
.banner .health-safty {border-top: 2px solid #f3cfb9;}
.banner .asset-management {border-top: 2px solid #b2c4ce;}
.banner .professional-development {border-top: 2px solid #cae2c0;}

.banner h2 {
  font-size: 19px;
  line-height: 19px;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  text-decoration: none;
  text-transform: none;
  padding: 20px 0px 25px 174px;
  margin: 0; 
  background-repeat: no-repeat;
  background-position: left center;
}

#footer .banner ul, #footer p {
  font-size: 14px;
  line-height: 19px;
  font-weight: normal;
  font-style: normal;
  color: #888888;
  text-decoration: none;
  text-transform: none;
  list-style-type: none;
  margin: 0; 
  padding: 12px 0px;
  background-repeat: no-repeat;
  background-position: left center;
  text-align:  left;
}

#footer p {
  float: left;
}
#footer span {
  float: right;
  margin-top: 30px;
}

#footer span img {
  border: 0.5px solid #a1a1a1;
}

#footer .banner li {
  margin: 0px 30px 0 0;
  padding: 0px;
  display: inline;
  list-style-type: none;
}

#footer .banner li:last-child {
  margin: 0px;
  float:  right;
}

#footer ul a {
  color: #c1c1c1;
}
#footer p a {
  color: #888888;
}

#footer a:hover, #footer p a:hover, #footer ul a:hover {
   color: #fff;
}


/*12 column grid */


.col {
  display: block;
  float:left;
  margin: 1% 0 1% 3%;
}

.col:first-child {
  margin-left: 0;
}

/* GRID OF TWELVE */
 .span_12 {
  width: 100%;
}

 .span_11 {
 width: 91.41%;
}

 .span_10 {
  width: 82.83%;
}

 .span_9 {
  width: 74.25%;
}

 .span_8 {
  width: 65.66%;
}

 .span_7 {
  width: 57.08%;
}

 .span_6 {
  width: 48.5%;
}

 .span_5 {
 width: 39.91%;
}

 .span_4 {
  width: 31.33%;
}

 .span_3 {
  width: 22.75%;
}

 .span_2 {
  width: 14.16%;
}
 .span_1 {
  width: 5.583%;
}


/* Secondary layout structures
----------*/


/* Home page */


#MoSTContent .home-quicklinks ul {
  width: 100%;
}

#MoSTContent .home-quicklinks ul li {
  width: 100%;
  margin: 3px 0 0 0;
}

#MoSTContent .home-quicklinks ul li a {
  height: auto;
  color: #009FDF;
  border: 1px solid #009FDF;
  display: block;
}

.col-left {
  width: 52%;
  margin: 0 3% 0 0;
  padding-top: 20px;
  float: left;
}

.col-right {
  width: 45%;
  padding-top: 20px;
  float: right;
}

#feature {
  padding: 20px;
  margin-bottom: 20px;
  background: #009FDF;
}

#feature h1, #feature h2 {
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  margin: 17px 0 10px;
}

#feature h6, #feature h5, #feature p {
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  font-style: normal;
  color: #9fdff6;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  margin: 15px 0;
  border: none;
}

#feature p {
  color: #fff;
}

#feature a {
  color: #fff;
}

.home {
  padding: 20px 20px 10px;
  border: 1px solid #EEEEEE;
  margin-bottom: 20px;
}

.home h2, #home-publications h2 {
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  font-style: normal;
  color: #009FDF;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  margin: 17px 0 0;
  float: left;
}

.home h6, #home-publications h6 {
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
  font-style: normal;
  color: #009FDF;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  margin: 23px 0 0;
  float: right;
  border: none;
}

.home-heading {
  width: 100%;
  padding: 0 0 10px;
  margin: 0 0 12px;
  clear: both;
  border-bottom: 1px solid #EEEEEE;
}

#home-news div.MoSTDocumentList, #home-news div.MoSTDocumentListCell1 {
  margin: 0px;
}

#home-news div.MoSTDocumentListRow {
  border: 0px;
  margin: 0px;
}

#home-publications {
  padding: 20px;
  clear: both;
  background: #F9F9F9;
}

#home-publications .MoSTRSSDescription {
  width: 46%;
  margin: 5px 2%;
  float: left;
  clear: none;
  border: 0px;
  padding: 0px;
  text-align:center
}

#home-publications .item, #home-publications .item-image, #home-publications .item-text {
  width: 100%;
  padding: 0px;
  margin: 0px;
  clear: both;
  border: 0px;
  text-align:center
}

#home-publications .item h2 {
  color: #009FDF;
  float: none;
  font-size: 12px;
  line-height: 13px;
  font-style: normal;
  font-weight: normal;
  margin: 5px 0 10px;
  padding: 0;
  text-decoration: none;
  text-transform: none;
  text-align:center
}

#home-publications .MoSTRSSTitle, #home-publications .MoSTRSSDescription h4, #home-publications .MoSTRSSDescription p, #home-publications .MoSTRSSDescription span {
  display: none;
}

h3.MoSTRSSFeed, .MoSTRSSPublished, .MoSTRSSCopyright {
  display: none;
}

.MoSTRSSTitle {
  padding: 0 0 0 10px;
  border-left: 5px solid #009FDF;
}

.MoSTRSSTitle, .MoSTRSSTitle a {
  clear: both;
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  color: #414042;
  text-decoration: none;
  text-transform: none;
  margin: 0; 
}


.MoSTRSSTitle a:hover {
    color: #009FDF;
    text-decoration: underline;
}

.MoSTRSSDescription {
  padding: 0 15px;
  margin: 0 0 12px;
/*  border-bottom: 1px solid #EEEEEE;*/
  list-style-type: none; 
}

.MoSTRSSDescription p {
  clear: both;
  font-size: 13px;
  line-height: 15px;
  font-weight: normal;
  font-style: normal;
  color: #AEB0B2;
  text-decoration: none;
  text-transform: none;
  margin: 10px 0;
}

p.MoSTEventDate {
  margin-bottom: 0px;
}

p.MoSTEventVenue {
  margin-top: 0px;
}



/* Publications */

.category a {
  width: 24%;
  height: 22px;
  float: left;
  margin: 0 2% 2% 0;
  padding: 3%;
  background: #f1f0f0;
  display: block;
}

.category a:hover {
  background: #0FB3F0;
  color: #fff;
  text-decoration: none;
}

.item {
  clear: both;
  width: 96%;
  margin: 0 2%;
  padding: 22px 0;
  border-top: 1px solid #EEEEEE;
  float: left;
}

.item-image {
  float: left;
  background: url(/templates/_template_2014/images/background-image-product-unavailable.png) no-repeat;
  background-size: 99%;
  width: 20%;
}

.item-text {
  width: 65%;
/*  width: 80%;*/
  float: right;
padding-left: 10%;
}

.MoSTRSSDescription .item-text {
  width: 65%;
/*  width: 80%;*/
}

.MoSTRSSDescription .thumb {
  clear: both;
  width: 15%;
  background-size: 99%;
}

.item .small {
  width: 15%;
  min-width: 50px;
  background-size: 81%;
  background-position: 50%;
}

.item-row {
  width: 100%;
  float: left;
  margin-bottom: 2px;
}

.item-cell1 {
  width: 150px;
  float: left;
  padding-right: 5px;
}

.item-cell2 {
  width: auto;
  float: left;
}

.item-text h2 {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  color: #009FDF;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  margin: 0 0 10px; 
}

.item-text h2 span {
  font-size: 12px;
  color: #AEB0B2;
}

.item-text h4 {
  font-size: 13px;
  line-height: 15px;
  font-weight: normal;
  font-style: normal;
  color: #414042;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  margin: 10px 0; 
}

.item-text p {
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  font-style: normal;
  color: #AEB0B2;
  text-decoration: none;
  text-transform: none;
  padding: 0;
/*  margin: 5px 0; */
}

.item-text p a {
  border: 1px solid #009FDF;
  padding: 10px;
  margin-top: 40px;
}

.MoSTRSSDescription .item-text p a {
  margin-top: 5px; 
  float: left;
}

.item-content h2 {
  font-size: 22px;
  line-height: 24px;
  font-weight: normal;
  font-style: normal;
  color: #009FDF;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  margin: 0 0 10px; 
}

.item-content h3 {
  font-size: 14px;
  line-height: 15px;
  font-weight: normal;
  font-style: normal;
  color: #AEB0B2;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  margin: 10px 0; 
}

.item-content h4 {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  color: #414042;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  margin: 15px 0 25px; 
}

.item-content h5 {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  color: #555555;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  margin: 0; 
}

.item-content h5 strong {
  font-weight: normal;
  font-style: normal;
  color: #414042;
}

.item-content .item-price-member h5 {
  font-weight: normal;
  font-style: normal;
  color: #009FDF;
}


.item-content div.item-price-member {
  padding-bottom: 0px;
  margin: 10px 0 20px;
}

.item-content div.item-shop {
  padding-bottom: 20px;
}

.item-shop div.right-float {
  padding-left: 20px;
}

.item-shop div.right-float input {
  margin-bottom: 10px;
}

.rss-publications {

}

.rss-publications div.MoSTRSSTitle {
  display: none;
}

/* Events */

ul.MoSTEventsList {
  margin: 0px;
  padding: 0px;
  list-style-type: none; 
}

ul.MoSTEventsList li {
  padding: 0;
  margin: 0 0 12px;
  border-bottom: 1px solid #EEEEEE;
  list-style-type: none; 
}

ul.MoSTEventsList h3 {
  padding: 0 0 0 10px;
  border-left: 5px solid #009FDF;
}

ul.MoSTEventsList h3, ul.MoSTEventsList h3 a {
  clear: both;
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  color: #414042;
  text-decoration: none;
  text-transform: none;
  margin: 0; 
}

ul.MoSTEventsList h3 a:hover {
    color: #009FDF;
    text-decoration: underline;
}

ul.MoSTEventsList p, ul.MoSTEventsList div {
  padding: 0 15px;
}

ul.MoSTEventsList p {
  clear: both;
  font-size: 13px;
  line-height: 15px;
  font-weight: normal;
  font-style: normal;
  color: #AEB0B2;
  text-decoration: none;
  text-transform: none;
  margin: 10px 0;
}

.registration h2 {
  color: #009FDF;
  font-size: 18px;
  font-weight: bold;
}

.registration h3 {
  width: 64%;
  padding: 2%;
  border: 1px solid #009FDF;
  line-height: 23px;
  text-align: center;
}

.registration h4 {
  color: #009FDF;
  font-size: 14px;
  font-weight: bold;
}

.registration h4 + p {
  background-color: #efefef; 
  padding: 2%;
}

.registration p {
  width: 64%;
}

.registration form h3 {
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 0 0 2% 0;
  width: 100%;
  text-align: left;
}

.registration form p {
  width: 100%;
}


.registration input.MoSTButtonSearch {
  border: 2px solid #009FDF;
  color: #009FDF!important; 
  font-weight: bold;
}

.registration input.MoSTButtonSearch:hover {
  background: #c7effe;
}

/* event registration form prices */

div.MoSTEventPrices {
  border: 1px solid #ccc;
  width: 90%;
  float: left;
  padding: 5%;
  margin: 43px 0 20px 0;
}
div.MoSTEventPrices .MoSTFormLayoutCell1,
div.MoSTEventPrices .MoSTFormLayoutCell2,
div.MoSTEventPrices .MoSTFormLayoutCell3 {
float: left;
text-align: left;
width:33%;
}
.MoSTEventPrices .MoSTFormLayoutWidth {
width:33% !important;
}

.MoSTFormLayoutRow.Prices  .MoSTFormLayoutCell1,
.MoSTFormLayoutRow.Optionals .MoSTFormLayoutCell1 {
  width:100%;
  margin-bottom: 20px;
  font-weight: bold;
}

.MoSTEventMultiRegistration input#Words {
height: 30px;
}

/* site map */

div.MoSTSiteMap {
     margin: 10px 0;
    border-top: 1px solid #ccc;
    padding: 14px 0;
    background-image: url(/templates/_template_2014/images/btn-more-parent.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 10px;
}

div#Site blockquote blockquote {
  margin-left: 20px;
}

#Sitestaylive {
  display: none !important;
}

/* sliding banner */

.slidingbanner {
    padding: 3% 4%;
}

.slidingbanner a {
  color: #fff;
  background-image: none!important;
}

.green { background-image: url(/templates/_template_2014/images/icon-professional-development-big.png);}
.blue {background-image: url(/templates/_template_2014/images/icon-eea-big.png);}
.orange {background-image: url(/templates/_template_2014/images/icon-health-safety-big.png);}
.navy { background-image: url(/templates/_template_2014/images/icon-asset-management-big.png);}

.slidingbanner h2 {
  margin: 5px 0 18px 0; 
  color: #fff;
  font-size: 30px;
}

.slidingbanner h3 {
  color: #fff;
  margin: 5px 0 10px 0; 
  padding: 0;  
  font-size: 24px;
  line-height: 26px;
}

.slidingbanner span.slidetext {
  float: left;
  width: 70%;
}

.slidingbanner span.slidelink {
  float: right;
  width: 25%;
  margin-left: 5%;
}

.slidingbanner .slide a {
  border: 1px solid #fff;
  display: block;
  color: #fff;
  padding: 1%;
  margin-top: 5px;
  background-color: rgba(255, 255, 255, 0.1);
  float: left;
}

.slidingbanner span.slidelink a {
  text-align: center;
  position: absolute;
  bottom: 4px;
}


/* Young Engineers  */

.slidingbanner,
.scholarshipbanner {
/*    background-size: 30%;*/
    background-repeat: no-repeat;
    background-position: 101% center;
}

.scholarshipbanner {
    padding: 3% 4%;
    background-color: #509E2F;
    background-image: url(/templates/_template_2014/images/icon-professional-development-big.png);
}

.scholarshipbanner h2 {
  margin: 0 0 5px 0; 
  color: #fff;
  font-size: 26px;
}

.slidingbanner p,
.scholarshipbanner p {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  padding: 0;
  margin: 0 0 10px 0;
}

.scholarshipbanner h3 {
  margin: 10px 0 20px 0;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  padding: 0;
}

.slidingbanner img,
.scholarshipbanner  img {
  float: left;
  margin: 0 4% 0 0;
  max-width: 150px;
}


.scholarshipbanner .slide a {
  color: #fff;
  border: 1px solid #fff;
  padding: 1%;
  background-color: rgba(255, 255, 255, 0.1);
  display: block;
  width: 97%;
  float: left;
}

.scholarshipbanner .slide a:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.4);
}

.scholarshipbanner .slide img a {
  border: none;
}

.young-icons .col a {
/*  background-color: #509E2F;
  background-repeat: no-repeat; 
  background-size: 100%;
  padding: 10% 1% 10% 31%;
  color: #fff;
  display: block;
  font-size: 18px; */
}


/* button icons */

.blue { background-color: #009FDF; }
.green { background-color: #509E2F; }
.orange { background-color: #D86018; }
.navy { background-color: #003B5C; }

.blue a { background-image: url(/templates/_template_2014/images/button-blue-background.png); }
.green a { background-image: url(/templates/_template_2014/images/button-green-background.png); }
.orange a { background-image: url(/templates/_template_2014/images/button-orange-background.png); }
.navy a { background-image: url(/templates/_template_2014/images/button-navy-background.png); }


.icon-awards a { background-image: url(/templates/_template_2014/images/bkg-icon-awards-new.png)!important;}
.icon-scholarship a { background-image: url(/templates/_template_2014//images/bkg-icon-scholarships-new.png)!important;}
.icon-keydates a { background-image: url(/templates/_template_2014//images/bkg-icon-key-dates-new.png)!important;}
.icon-careers a { background-image: url(/templates/_template_2014//images/bkg-icon-careers.png)!important;}


.button-icon {
  padding: 1%;
  width: 100%;
  max-width: 305px;
  margin: 10px 0;
  background-image: none!important;
}

.button-icon a {
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.0);
  background-position: right center;
  background-size: 90%;
  border: 1px solid white; 
  text-decoration: none;
/*  padding: 24px 75px 0 10px;*/
/*  width: 217px;*/
/*  height: 48px;*/
  padding: 7% 11% 7% 3%;
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 18px;
}

.button-icon a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.FAQ {
overflow: hidden;
margin: 0 0 2px;
    padding: 0;
    position: relative;
    list-style: none;
    background: #F9F9F9;
    border-left: 3px solid #AEB0B2;
display: block;
-webkit-transition: max-height 300ms ease-out;
    -moz-transition: max-height 300ms ease-out;
    -o-transition: max-height 300ms ease-out;
    transition: max-height 300ms ease-out;
width: 100%;
}
.FAQ .FAQs:after {
content: "open";
position: absolute;
right: 0px;
top:0px;
    font-size: 0px;
    width: 30px;
    height: 42px;
    cursor: row-resize;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(/templates/_template_2014/images/btn-more-parent.gif);
}
.FAQexpanded .FAQs:after {
background-position: center top;    
}
.FAQ li {
box-sizing: border-box;
margin: 0px;
}
.FAQ li:last-child {
padding-bottom: 40px;
}
.FAQ li .FAQs {
    padding: 16px 30px 16px 10px;
    font-size: 15px;
    line-height: 15px;
    color: #555555;
    display: block;
    text-decoration: none;
box-sizing: border-box;
position: relative;
background: #f9f9f9;

}
.FAQs:hover {
    background: #EEEEEE!important;
    color: #414042!important;
}
.FAQ li {
    padding: 8px 30px 9px 20px;
    background: #F9F9F9;
}

.FAQ li:first-child {
    padding: 0px;
}
.FAQ img {
width: 100%;
border: 1px solid #555;
}
.FAQexpanded {
max-height: 1000px!important;
    border-left: 3px solid #009FDF;
}
.FAQexpanded .FAQs {
    color: #009FDF!important;
background: #EEEEEE!important;
    
}

/* logo table */
table.logotable {
 width: 100%;
}
table.logotable td {
 text-align:center;
 vertical-align:middle;
 width: 20%;
 padding: 0 !important;
 border: 0 !important;
}

table.logotable img {
  width: 80%;
  padding: 10%;
  max-width: 100%;
}

/* directory */

div.directorylisting {
  width: 19%;
  display: inline-block;
  vertical-align: middle;
}

div.directorylisting img {
  width: 80%;
  padding: 10%;
  height: auto !important;
  max-height: 150px;
}

@media all and (max-width: 950px) {

.registration p {
  width: 100%;
}

.registration h3 {
  width: 96%;
  padding: 2%;
}

}

@media all and (max-width: 800px) {
  table.logotable td {
  display: inline-block; 
  width: 50% !important;
}
}

@media all and (max-width: 640px) {
 #footer span {
  float: left;
  margin-top: 10px;
  width: 100%;
}

}



@media all and (max-width: 600px) {

  #global {
    background: #009FDF !important;
  }

  #content {
    width: 100%;
  }

  #footer .banner li {
    margin-right: 12px;
  }

  #camera_wrap_1, #camera_wrap_1 * {
    display: none;
    width: 0px;
    height: 0px;
  }

  div.MoSTFormLayoutCell1, div.MoSTFormLayoutCell2 {
    float: left;
    padding: 2px 0px 0px 0px;
    width: 100% !important;
  }

  div.MoSTFormLayoutCell2 input.MoSTTextField, div.MoSTFormLayoutCell2 textarea, div.MoSTFormLayoutCell2 select {
    width: 90% !important;
  }

.category a {
  width: 100%;
  margin: 0 0 2% 0;
  padding: 3%;
}

.browsermessage {
  display: none;
}

/*  GO FULL WIDTH BELOW 600 PIXELS */

.col {
  margin: 1% 0 1% 0%; 
}
    
.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .span_12 {
  width: 100%; 
}

}

@media all and (min-width: 600px){

  .mobile, div.menu-btn {
    display: none;
  }

  .nav {
    width: 30%;
    float: left;
    max-height: 100%;
    overflow: visible;
  }

  .nav .highlighted > ul {
    max-height: 2000px;
  }

  .account > li > a {
    padding-right: 30px;
    background: url(/templates/_template_2014/images/btn-arrow-down.png) center right no-repeat;
  }

  #navigation, #navigation-sub {
    padding-bottom: 40px;
  }

  #global h1 {
    width: 348px;
    height: 51px;
    margin: 50px 0 0;
  }

  #global h1 a {
    width: 348px;
    padding: 51px 0 0 0;
    background: url(/templates/_template_2014/images/eea-white-logo.png);
  }

  .wide {
    display: inline;
  }

  .banner {
    display: block;
    height: 115px;
  }

  .banner .eea h2 {background-image: url(/templates/_template_2014/images/icon-eea.png);}
  .banner .health-safty h2 {background-image: url(/templates/_template_2014/images/icon-health-safety.png);}
  .banner .asset-management h2 {background-image: url(/templates/_template_2014/images/icon-asset-management.png);}
  .banner .professional-development h2 {background-image: url(/templates/_template_2014/images/icon-professional-development.png);}

  #footer .banner ul {
    padding: 12px 0px 12px 174px;
    background-image: url(/templates/_template_2014/images/line-white-footer.png);
  }

  #footer .banner ul li:last-child a {
    padding-right: 20px;
    background: url(/templates/_template_2014/images/btn-arrow-up.png) center right no-repeat;
  }

  #footer p {
    padding: 20px 0px 25px 174px;
    background-image: url(/templates/_template_2014/images/eea-logo-footer.png);
  }

  #MoSTContent .banner-page {
    display: block;
    padding: 30px 20px;
    height: 180px;
  }

  #MoSTContent .eea {background-image: url(/templates/_template_2014/images/icon-eea-big.png); background-repeat: no-repeat; background-position: right center; background-color: #009FDF;}
  #MoSTContent .health-safty {background-image: url(/templates/_template_2014/images/icon-health-safety-big.png); background-repeat: no-repeat; background-position: right center; background-color: #D86018;}
  #MoSTContent .asset-management {background-image: url(/templates/_template_2014/images/icon-asset-management-big.png); background-repeat: no-repeat; background-position: right center; background-color: #003B5C;}
  #MoSTContent .professional-development  {background-image: url(/templates/_template_2014/images/icon-professional-development-big.png); background-repeat: no-repeat; background-position: right center; background-color: #509E2F;}

  .banner form, #search-box {
    display: none;
  }

  div#MoSTContent {
    width: 64%;
    padding: 0 0 40px;
    margin: 0 3% 0 0;
  }

  /* home */

  #camera_wrap_1 .cameraSlide_0 {background-image: url(/templates/_template_2014/images/icon-eea-big.png); background-repeat: no-repeat; background-position: right center; background-color: #009FDF;}
  #camera_wrap_1 .cameraSlide_1 {background-image: url(/templates/_template_2014/images/icon-health-safety-big.png); background-repeat: no-repeat; background-position: right center; background-color: #D86018;}
  #camera_wrap_1 .cameraSlide_2 {background-image: url(/templates/_template_2014/images/icon-asset-management-big.png); background-repeat: no-repeat; background-position: right center; background-color: #003B5C;}
  #camera_wrap_1 .cameraSlide_3 {background-image: url(/templates/_template_2014/images/icon-professional-development-big.png); background-repeat: no-repeat; background-position: right center; background-color: #509E2F;}
  #camera_wrap_1 .cameraSlide_4 {background-image: url(/templates/_template_2014/images/icon-eea-big.png); background-repeat: no-repeat; background-position: right center; background-color: #009FDF;}

  #camera_wrap_1 h2, #MoSTContent .banner-page h2 {
    font-size: 30px;
    line-height: 34px;
    color: #fff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    padding: 0;
    margin: 0 90px 15px 0;
  }

  #MoSTContent .banner-page h2 {
    margin: 0 0 15px 0;
  }

  #camera_wrap_1 p, #MoSTContent .banner-page p {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    padding: 0;
    margin: 15px 90px 15px 0;
  }

  #MoSTContent .banner-page p {
    margin: 15px 0;
  }

  #camera_wrap_1 a, #MoSTContent .banner-page a {
    color: #fff;
    border: 1px solid #fff;
    padding: 5px;
    margin-top: 5px;
    font-size: smaller;
  }



  /* Publications */

  .item-content {
    width: 65%;
    float: right;
    margin-right: 20px;
  }

  .item-content hr {
    margin: 20px -20px;
  }



}

@media all and (min-width: 970px){

  .nav {
    width: 20%;
    float: left;
    max-height: 100%;
    overflow: visible;
    margin: 0px 2% 0 0;
  }


  div#navigation-sub {
    display: block;
  }

  div#MoSTContent {
/*    width: 52%;*/
  float: left;
  width: 70%;
  max-width: 800px;
  margin-left: 5%;
  }

  div.banner form, div#search-box {
    display: inline;
  }

  /* home */

  #camera_wrap_1 h2 {
    font-size: 40px;
    line-height: 44px;
    margin: 0 230px 15px 0;
  }

  #camera_wrap_1 p {
    font-size: 18px;
    line-height: 22px;
    margin: 15px 230px 15px 0;
  }

  #camera_wrap_1 a {
    color: #fff;
    border: 1px solid #fff;
    padding: 5px;
    margin-top: 8px;
    font-size: smaller;
    background: rgba(255, 255, 255, 0.1);
  }

#camera_wrap_1 a:hover {
  background: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}

  #home-publications .MoSTRSSDescription {
    margin: 5px 2%;
    width: 16%;
  }

/* events */


}



/* Form elements
----------*/


input, textarea, select, button {
  margin: 0;

 -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
  -moz-box-sizing: border-box; /* For all Gecko based browsers */
  box-sizing: border-box;
}

input.MoSTCheckBox {
/*  margin: 5px 10px; */
  margin: 2px 4px 12px 0;
}

textarea.MoSTTextField {
  padding: 7px 12px;
}

input.MoSTTextField, input.MoSTPasswordField {
  padding: 0px 12px;
  height: 30px;
  line-height: 14px;
  vertical-align: middle; /* This is optional but it makes legacy IEs look better */
}

input:hover.MoSTTextField, input:focus.MoSTTextField, textarea:hover.MoSTTextField, textarea:focus.MoSTTextField, input:hover.MoSTPasswordField, input:focus.MoSTPasswordField{
  border: 1px solid #009FDF;
}

select.MoSTDropdownList {
  padding: 3px 1px 3px 5px;
  line-height: 16px;
}

select.MoSTDropdownList option {
  padding: 3px;
}

input.MoSTButton {
  width: auto !important;
  height: 30px;
  padding: 0px 12px;
  border: 1px solid;
  border-color: #414042;
  color: #414042;
  font-size: 14px;
  line-height: 14px;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle; /* This is optional but it makes legacy IEs look better */
}

input.MoSTButton:hover {
  color: #009FDF !important;
  border-color: #009FDF;
}

.MoSTLogin {
  width: 100%; 
  float: left; 
  padding: 0 0 20px 0;
}

.MoSTLogin .MoSTFormLayout {
  width: 80% !important; 
  float: left; 
}

div.MoSTFormLayoutRow
{
  padding-bottom: 12px;
}

#MoSTContent .MoSTFormLayoutRow p  {
  line-height: 16px;
  padding: 0px;
  margin: 0px 0px 10px;
}

#MoSTContent .MoSTFormLayoutRow div {
  line-height: 16px;
}

div.MoSTFormLayoutCell1 {
  width: 150px;
  padding-right: 5px;
} 

#MoSTContent .MoSTFormLayoutCell1 p {
  line-height: 16px;
  padding: 0px;
  margin: 0px;
}

div.MoSTFormLayoutCell2 {
  float: left;
  width: auto;
}

#MoSTContent .MoSTFormLayoutCell2 p {
  padding: 0px;
  margin: 0px;
}

.MoSTSearchIcon {
  padding-right: 10px;
}

div.MoSTLogin .MoSTFormLayoutCell1 {
 margin-right: 10px!important; 

}
 
#MoSTContent .MoSTSearchResultsCreated p, #MoSTContent .MoSTSearchResultsModified p, #MoSTContent .MoSTSearchResultsSize p {
  color: #555555;
  font-size: 12px;
  line-height: 16px;
  padding: 0px;
  margin: 0px;
}

#MoSTContent .MoSTPages span a {
  width: 30px;
  padding: 8px 0px;
  margin: 0 10px 5px 0;
  float: left;
  display: block;
  color: #414042;
  border: 1px solid #414042;
  text-align: center;
  text-decoration: none;
}

#MoSTContent .MoSTPages span a:hover {
  color: #009FDF;
  border: 1px solid #009FDF;
  text-decoration: none;
}

#MoSTContent .MoSTPages span.MoSTPage {
  width: 30px;
  padding: 8px 0px;
  margin: 0 10px 5px 0;
  float: left;
  display: block;
  color: #414042;
  border: 1px solid #414042;
  background-color: #EEE;
  text-align: center;
}


.MoSTPages div.MoSTFormLayoutCell1 {
  width: auto;
}

.MoSTSearchForm div.MoSTFormLayoutCell1 {
  width: auto;
}


/* Miscellaneous
----------*/


/* Document list */

#MoSTContent .MoSTDocumentList {
  margin-bottom: 30px;
}

#MoSTContent .MoSTDocumentListRow {
/*  width: auto;*/
  clear: both;
  border-bottom: 1px solid #EEEEEE;
  margin: 0 0 12px;
  padding: 0 0 2px 0;
}

#MoSTContent .MoSTDocumentListHeading a {
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #414042;
  text-decoration: none;
}

#MoSTContent .MoSTDocumentListHeading a:hover {
  text-decoration: underline;
  color: #009FDF;
}

#MoSTContent p.MoSTDocumentListDate {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  color: #AEB0B2;
}

#MoSTContent .MoSTAbstract p {
  margin: 10px 0;
}


/* Tables */


#MoSTContent table {
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid #AEB0B2;
  border-bottom: 0px;
}

#MoSTContent table td, #MoSTContent table th {
  padding: 5px 10px;
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 1px solid #AEB0B2;
}

#MoSTContent table ul, #MoSTContent table ol {
  margin: 15px 0px 15px 20px
}

#MoSTContent table li {
  margin: 5px 0;
}

#MoSTContent tr.alt {
  background: #F9F9F9;
}

div#MoSTContent tr.over {
  background: #EEEEEE;
}
}



div.MoSTVersion {
   display: none;
   visibility: hidden;
}