/*Set Standards*/
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 {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    font-family: 'Roboto', sans-serif; 
    line-height: 1;
    background : none repeat scroll 0 0 #FFFFFF;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
}
ol, ul {
    list-style: none outside none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

blockquote {
    margin-bottom: 12px;
    margin-top: 12px;
}

blockquote p {
    padding-left: 61px;
    padding-top: 0;
}

cite {
    color: #4C4C4C;
    font-style: italic;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2em;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 3px;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
}
h2 {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 3px;
    margin-top: 3px;
    padding-bottom: 0.1em;
}
p {
    font-size: 1em;
    line-height: 1.3em;
}



button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
input, textarea, select {
    box-shadow: none;
}

/*Section Standards*/
.wrapper-whyLightMatters h1,.wrapper-whyLightMatters h2,.wrapper-whyLightMatters h2 a ,.wrapper-whyLightMatters blockquote p{
    color: #F06F38 !important;
}
.wrapper-About h1,.wrapper-About h2, .wrapper-About blockquote p {
    color: #5379A4 !important;
}
.wrapper-LearnAboutLight h1,.wrapper-LearnAboutLight h2 ,.wrapper-LearnAboutLight h2 a, .wrapper-LearnAboutLight  blockquote p{
    color: #ED413A !important;
}
.wrapper-EventProgramme h1,.wrapper-EventProgramme h2 ,.wrapper-EventProgramme h2 a, .wrapper-EventProgramme blockquote p{
    color: #6EACB1 !important;
}
.wrapper-handsonInv h1,.wrapper-handsonInv h2 ,.wrapper-handsonInv h2 a, .wrapper-handsonInv blockquote p{
    color: #B51E4C !important;
}
.wrapper-CosmicLight h1,.wrapper-CosmicLight h2 ,.wrapper-CosmicLight h2 a, .wrapper-CosmicLight blockquote p{
    color: #91336C !important;
}
.wrapper-LightForDevelopment h1,.wrapper-LightForDevelopment h2 ,.wrapper-LightForDevelopment h2 a, .wrapper-LightForDevelopment blockquote p{
    color: #693A6D !important;
}
.wrapper-ScienceStories h1,.wrapper-ScienceStories h2 ,.wrapper-ScienceStories h2 a, .wrapper-ScienceStories blockquote p{
    color: #6EADB2 !important;
}
.wrapper-country h1, .wrapper-othernode h1,.wrapper-country h2, .wrapper-othernode h2,.wrapper-country h2 a, .wrapper-othernode h2 a,.wrapper-country  blockquote p,.wrapper-othernode blockquote p{
    color: #5379a4 !important;
}


/*Enf of Section Standards*/



/*Site Structure*/
#wrapper {
    clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 980px;
}
#wrapper-2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    min-height: 400px;
    overflow: auto;
    padding-bottom: 4px;
    padding-top: 11px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1;
}
#wrapper-3 {
    /*border-left: 1px solid #808080;*/
    float: left;
    padding-left: 15px;
    width: 679px;
}


#main {
    margin-top: 35px;
    width: 100%;
}
#home #main {
    padding-top: 0;
    width: 100%;
    margin-top: 0px;
}

#home #promos {
    display: none;
}
#leftColumnInternal {
    float: left;
    overflow: auto;
    position: relative;
    width: 284px;
}

#section #extras, #section #promos, #event #extras, #event #promos,#article #extras, #article #promos {
    overflow: hidden;
    position: relative;
    right: 0;
    top: 0;
    width: 245px;
}

#section #extras #box-1 {
    text-align: center;
}
#extras #box-1 {
    text-align: center;
}
#promos .text-section {
    padding-top: 0;
}
.text-meta {
    display: none;
}


/*End of Site Structure*/


/*Specific Page Structure*/
/*#event #wrapper-3 {
    border: medium none;
    padding-left: 0 !important;
}*/
#events-overview #wrapper-3 {
    border: medium none;
}

#home #wrapper-3 {
    border: medium none;
    padding: 0;
    width: 100%;
}
/*End of Specific Page Structure*/



/*Branding Box*/
#branding {
    height: 140px;
}
.skip {
    display: none;
}
#logo {
    float: right;
    position: relative;
    width: 200px;
}
#logo img{
width:200px;
}

#logo strong {
    display: none;
}
#sitetitle {
    float: left;
    padding-top: 48px;
    width: auto;
}
#sitetitle > a {
    color: #000000;
    text-decoration: none;
}
#sitetitle a > em {
    float: left;
    font-family: 'Montserrat',sans-serif;
    font-size: 50px;
}
#sitetitle a > strong {
    display: block;
    float: right;
    font-family: 'Montserrat',sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding-top: 6px;
    padding-left: 6px;
    text-transform: uppercase;
}
#sitetitle a span {
    font-size: 16px;
    font-weight: normal;
}
#nav-meta {
    left: 5px;
    position: absolute;
    top: 5px;
}
#nav-meta li {
    display: inline;
    margin-right: 0;
}
#nav-meta a {
    border-top: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
    border-left: 1px solid #a9a9a9;
    border-bottom: 3px solid #ff9900;
    color: #594f46;
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
    text-decoration: none;
}
#nav-meta a:hover, #nav-meta a:focus {
    color: #3D7DA5;
}
#search-box {
    background: none repeat scroll 0 0 #D3D3D3;
    padding: 5px;
    position: absolute;
    right: 290px;
    top: 57px;
}
#search-box h6 {
    display: none;
}
#search-box label {
    display: none;
}
#search-box .button {
    background: url("../img/search.png") no-repeat scroll center center #D3D3D3;
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 16px;
}
#search-box input {
    background: none repeat scroll 0 0 #D3D3D3;
    border: 0 none;
    font-weight: bold;
    margin: 0;
    padding: 0;
}


#socialmedia {
    color: gray;
    font-size: 12px;
    left: 510px;
    line-height: 1.9em;
    position: absolute;
    top: 5px;
    width: 180px;
}
.addthis_horizontal_follow_toolbox {
    float: right;
}


/*End of Branding Box*/

/*Horizontal Navigation*/
#nav-global-box > h6 {
    display: none;
}
#nav-global em {
    display: none;
}
#nav-global {
    height: 44px;
    overflow: hidden;
    position: relative;
}
#nav-global-box {
    overflow: hidden;
    position: relative;
}
#nav-global-box > ul {
    margin: 0;
    position: relative;
    width: 100%;
}
#nav-global li {
    float: left;
    list-style: none outside none;
    position: relative;
}
#nav-global-box li > a {
    background: none repeat scroll 0 0 #303A6B;
}
#nav-global strong, #nav-global a:hover, #nav-global a:focus, #nav-global .on a {
    border-bottom: 5px solid #FF9900;
}
#nav-global strong, #nav-global a {
    clear: none;
    color: #FFFFFF;
    display: block;
    font-size: 0.8em;
    height: 27px;
    line-height: 1em;
    margin: 0;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
    width: 80px;
}
#nav-sec-home > a, #nav-sec-home strong {
    background: none repeat scroll 0 0 #303A6B !important;
    width: 50px;
}
#nav-sec-about > a, #nav-sec-about strong, #nav-sec-contact > a, #nav-sec-contact strong {
    background: none repeat scroll 0 0 #5379A4 !important;
    width: 100px;
}
#nav-sec-learnaboutlight > a, #nav-sec-learnaboutlight strong {
    width: 97px;
}
#nav-sec-cosmiclight > a, #nav-sec-cosmiclight strong {
    width: 70px;
}
#nav-sec-event-programme > a, #nav-sec-event-programme strong {
    background: none repeat scroll 0 0 #6EACB1 !important;
}
#nav-sec-whylightmatters > a, #nav-sec-whylightmatters strong {
    background: none repeat scroll 0 0 #F06F38 !important;
    width: 75px;
}
#nav-sec-learnaboutlight > a, #nav-sec-learnaboutlight strong {
    background: none repeat scroll 0 0 #ED413A !important;
}
#nav-sec-handsoninvolvement > a, #nav-sec-handsoninvolvement strong {
    background: none repeat scroll 0 0 #B51E4C !important;
    width: 86px;
}
#nav-sec-cosmiclight > a, #nav-sec-cosmiclight strong {
    background: none repeat scroll 0 0 #91336C !important;
}
#nav-sec-lightfordevelopment > a, #nav-sec-lightfordevelopment strong {
    background: none repeat scroll 0 0 #693A6D !important;
    width: 91px;
}
#nav-sec-sciencestories > a, #nav-sec-sciencestories strong {
    background: none repeat scroll 0 0 #6EADB2 !important;
    width: 61px;
}

/*END of Horizontal Navigation*/

/*BreadCrumb*/
#breadcrumb h5 {
    display: none;
}
#breadcrumb {
    border-bottom: 1px solid #EDEDED;
    float: left;
    margin: 10px 0;
    top: 50px;
    width: 100%;
    z-index: 50;
    display: none;
}
#breadcrumb h5 {
    float: left;
    font-weight: normal;
    margin-right: 5px;
}
#breadcrumb ol {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#breadcrumb li {
    color: #999999;
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 0 8px 0 0;
}
#breadcrumb li:first-child {
    background: url("../img/diamond-home-logo.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    margin-right: 15px;
    overflow: hidden;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
}
#breadcrumb li:after {
    content: " / ";
}
#breadcrumb li.home-breadcrumb:after, #breadcrumb li.last-breadcrumb:after {
    content: "";
}
#breadcrumb li a {
    color: #999999;
    padding: 0 8px 0 0;
}
#breadcrumb li.home-breadcrumb a {
    display: block;
    height: 20px;
    padding: 0;
    width: 20px;
}
#main #breadcrumb {
    background: none repeat scroll 0 0 #E5E6E6;
    left: 0;
    line-height: 1.8em;
    position: absolute;
    top: -10px;
}
/*End of Breadcrumb*/


/*Section Headers*/
#section-header {
    color: #FFFFFF;
    margin-top: 10px;
    overflow: auto;
    padding: 15px;
    position: relative;
    width: 950px;
}
#section-header img {
    float: left;
    margin-right: 15px;
    overflow: auto;
    position: relative;
    width: 150px;
}
.wrapper-country #section-header, #section-header.NationalNodeContact, .wrapper-othernode #section-header {
    background: none repeat scroll 0 0 #5379a4;
}
#section-header.WhyLightMatters {
    background: none repeat scroll 0 0 #F06F38 !important;
}
.wrapper-About #section-header {
    background: none repeat scroll 0 0 #5379A4 !important;
}
.wrapper-LearnAboutLight #section-header {
    background: none repeat scroll 0 0 #ED413A !important;
}
#section-header.HandsOnInvolvement {
    background: none repeat scroll 0 0 #B51E4C !important;
}
#section-header.CosmicLight {
    background: none repeat scroll 0 0 #91336C !important;
}

#section-header.LightForDevelopment {
    background: none repeat scroll 0 0 #693A6D !important;
}
#section-header.ScienceStories {
    background: none repeat scroll 0 0 #6EADB2 !important;
}

.wrapper-EventProgramme #section-header {
    background: none repeat scroll 0 0 #6EACB1 !important;
}

#section-header > h5 {
    font-size: 18px;
    margin: 0 0 10px;
    font-weight:700;
}
/*End of Section Headers*/


/*Vertical Navigation*/
#nav {
    margin-bottom: 10px;
    margin-right: 15px;
    padding: 0px;
    position: relative;
    width: 245px;
}
#nav {
    background: none;
    float: left;
}
#nav-box > h6 {
    float: left;
    font-family: "montserrat";
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 12px;
    padding-right: 10px;
    text-transform: uppercase;
}
#nav em {
    display: none;
}

#nav-box ul {
    clear: both;
    list-style-type: none;
    padding-top: 15px;
}
#nav-box h2 {
    color: #000000;
    font-size: 1.2em;
    font-weight: normal;
}
#nav-box li {
    font-size: 13px;
    line-height: 24px;
    margin: 0;
    padding: 0;
}
#nav-box ul li ul {
    padding-left: 35px;
    padding-top: 0;
}
#nav-box li a, #nav-box li strong {
    color: #FFFFFF;
    display: block;
    font-family: 'Montserrat',sans-serif;
    font-size: 17px;
    padding: 10px 15px 10px 10px;
    text-decoration: none;
}
#nav-box li.open a {
    font-weight: 400;
}

#nav-box li.on strong, #nav-box a:hover, #nav-box a:active, #nav-box a:focus, #nav-box li.on a:hover, #nav-box li.on a:active, #nav-box li.on a:focus, #nav-box li strong, #nav-box li.on>a {
    background-color: #5996CD;
    color: #FFFFFF;
    font-family: 'Montserrat',sans-serif;
    font-size: 17px;
    text-decoration: none;
}
#nav-box strong {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../img/whitearrow.png") !important;
    background-origin: padding-box !important;
    background-position: 102% center;
    background-repeat: no-repeat;
    background-size: 19px 44px;
}

.wrapper-whyLightMatters #nav-box ul {
    background: #F06F38;
}
.wrapper-About #nav-box ul {
    background: #5379A4;
}
.wrapper-LearnAboutLight #nav-box ul{
    background: #ED413A;
}
.wrapper-EventProgramme #nav-box ul{
    background: #6EACB1;
}
.wrapper-handsonInv  #nav-box ul{
    background: #B51E4C;
}
.wrapper-CosmicLight #nav-box ul{
    background: #91336C;
}
.wrapper-LightForDevelopment  #nav-box ul{
    background: #693A6D ;
}
.wrapper-ScienceStories #nav-box ul{
    background: #6EADB2;
}
.wrapper-country #nav-box ul, 
.wrapper-othernode #nav-box ul
 {
    background: #5379a4;
}

.wrapper-whyLightMatters #nav-box > h6{
    color: #F06F38;
}
.wrapper-About #nav-box > h6 {
    color: #5379A4;
}
.wrapper-LearnAboutLight #nav-box > h6{
    color: #ED413A;
}
.wrapper-EventProgramme #nav-box > h6{
    color: #6EACB1;
}
.wrapper-handsonInv  #nav-box > h6{
    color: #B51E4C;
}
.wrapper-CosmicLight #nav-box > h6{
    color: #91336C;
}
.wrapper-LightForDevelopment  #nav-box > h6{
    color: #693A6D ;
}
.wrapper-ScienceStories #nav-box > h6{
    color: #6EADB2;
}
.wrapper-country #nav-box > h6, 
.wrapper-othernode #nav-box > h6
 {
    color: #5379a4;
}






.wrapper-whyLightMatters #nav-box li.on strong,
.wrapper-whyLightMatters #nav-box a:hover, 
.wrapper-whyLightMatters #nav-box a:active, 
.wrapper-whyLightMatters #nav-box a:focus, 
.wrapper-whyLightMatters #nav-box li.on a:hover, 
.wrapper-whyLightMatters #nav-box li.on a:active, 
.wrapper-whyLightMatters #nav-box li.on a:focus, 
.wrapper-whyLightMatters #nav-box li strong, 
.wrapper-whyLightMatters #nav-box li.on > a {
    background-color: #e2310c !important;
}
.wrapper-About #nav-box li.on strong, 
.wrapper-About #nav-box a:hover, 
.wrapper-About #nav-box a:active, 
.wrapper-About #nav-box a:focus, 
.wrapper-About #nav-box li.on a:hover, 
.wrapper-About #nav-box li.on a:active, 
.wrapper-About #nav-box li.on a:focus, 
.wrapper-About #nav-box li strong, 
.wrapper-About #nav-box li.on >a {
    background-color: #28315A !important;
}
.wrapper-LearnAboutLight #nav-box li.on strong, 
.wrapper-LearnAboutLight #nav-box a:hover, 
.wrapper-LearnAboutLight #nav-box a:active, 
.wrapper-LearnAboutLight #nav-box a:focus, 
.wrapper-LearnAboutLight #nav-box li.on a:hover, 
.wrapper-LearnAboutLight #nav-box li.on a:active, 
.wrapper-LearnAboutLight #nav-box li.on a:focus, 
.wrapper-LearnAboutLight #nav-box li strong, 
.wrapper-LearnAboutLight #nav-box li.on> a {
    background-color: #DE110D !important;
}
.wrapper-handsonInv #nav-box li.on strong, 
.wrapper-handsonInv #nav-box a:hover, 
.wrapper-handsonInv #nav-box a:active, 
.wrapper-handsonInv #nav-box a:focus, 
.wrapper-handsonInv #nav-box li.on a:hover, 
.wrapper-handsonInv #nav-box li.on a:active, 
.wrapper-handsonInv #nav-box li.on a:focus, 
.wrapper-handsonInv #nav-box li strong, 
.wrapper-handsonInv #nav-box li.on>a{
background-color: #820418;
}

.wrapper-CosmicLight #nav-box li.on strong, 
.wrapper-CosmicLight #nav-box a:hover, 
.wrapper-CosmicLight #nav-box a:active, 
.wrapper-CosmicLight #nav-box a:focus, 
.wrapper-CosmicLight #nav-box li.on a:hover, 
.wrapper-CosmicLight #nav-box li.on a:active, 
.wrapper-CosmicLight #nav-box li.on a:focus, 
.wrapper-CosmicLight #nav-box li strong, 
.wrapper-CosmicLight #nav-box li.on>a{
background-color: #540A2F;
}

.wrapper-LightForDevelopment #nav-box li.on strong, 
.wrapper-LightForDevelopment #nav-box a:hover, 
.wrapper-LightForDevelopment #nav-box a:active, 
.wrapper-LightForDevelopment #nav-box a:focus, 
.wrapper-LightForDevelopment #nav-box li.on a:hover, 
.wrapper-LightForDevelopment #nav-box li.on a:active, 
.wrapper-LightForDevelopment #nav-box li.on a:focus, 
.wrapper-LightForDevelopment #nav-box li strong, 
.wrapper-LightForDevelopment #nav-box li.on> a{
background-color: #2C0D2F ;
}

.wrapper-ScienceStories #nav-box li.on strong, 
.wrapper-ScienceStories #nav-box a:hover, 
.wrapper-ScienceStories #nav-box a:active, 
.wrapper-ScienceStories #nav-box a:focus, 
.wrapper-ScienceStories #nav-box li.on a:hover, 
.wrapper-ScienceStories #nav-box li.on a:active, 
.wrapper-ScienceStories #nav-box li.on a:focus, 
.wrapper-ScienceStories #nav-box li strong, 
.wrapper-ScienceStories #nav-box li.on> a{
background-color: #2F757C  ;
}

.wrapper-country #nav-box li.on strong, 
.wrapper-country #nav-box a:hover, 
.wrapper-country #nav-box a:active, 
.wrapper-country #nav-box a:focus, 
.wrapper-country #nav-box li.on a:hover, 
.wrapper-country #nav-box li.on a:active, 
.wrapper-country #nav-box li.on a:focus, 
.wrapper-country #nav-box li strong, 
.wrapper-country #nav-box li.on > a {
    background-color: #1B3A6B;
}
.wrapper-othernode #nav-box li.on strong, 
.wrapper-othernode #nav-box a:hover, 
.wrapper-othernode #nav-box a:active, 
.wrapper-othernode #nav-box a:focus, 
.wrapper-othernode #nav-box li.on a:hover, 
.wrapper-othernode #nav-box li.on a:active, 
.wrapper-othernode #nav-box li.on a:focus, 
.wrapper-othernode #nav-box li strong, 
.wrapper-othernode #nav-box li.on > a {
    background-color: #1B3A6B;
}
/*End of Vertical Navigation*/

/*Page Intro*/
.wrapper-LearnAboutLight #page-intro > p {
    color: #ed413a;
    font-weight: 700;
}

.wrapper-whyLightMatters #page-intro > p {
    color: #f06f38;
    font-weight: 700;
}

.wrapper-handsonInv #page-intro > p {
    color: #b51e4c;
    font-weight: 700;
}

.wrapper-CosmicLight #page-intro > p {
    color: #91336c;
    font-weight: 700;
}

.wrapper-LightForDevelopment #page-intro > p {
    color: #693a6d;
    font-weight: 700;
}

.wrapper-ScienceStories #page-intro > p {
    color: #6eadb2;
    font-weight: 700;
}

/*End of Page Intro*/


/*Home Page CSS*/
/*Latest Home page*/
#tab-1-2 h3 {
    color: #000000 !important;
    float: none !important;
    margin-left: 0 !important;
}
#tab-1-2 h3 a {
    color: #000000 !important;
}
#tab-1-2 #teaser-1 li {
    margin-bottom: 0px;
}

#home .teaser.event-list {
  
    min-height: 115px;
   
}

#home #tab-1-2 #teaser-1 p {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    color: #000000;
    font-weight: normal;
    height: auto;
    line-height: 1.1em;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: auto;
}


.teaser.latest {
    width: auto;
}


#home #tab-1-2 #teaser-1 em {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal !important;
}

.more-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 4px 4px -4px #CCCCCC;
    clear: both;
    display: inline-block;
    float: left;
    font-size: 90%;
    margin-top: 5px;
   
}
.more-box a {
    color: #000000;
    text-transform: uppercase;
    text-decoration:none;
    padding: 5px 10px;
    display:block;
}
.more-box:hover {
    box-shadow: 0 4px 4px -4px #CCCCCC inset;
}
.more-box:hover a {
    color: #666666;
    text-decoration: none;
}

.more-box:active {
    position: relative;
    text-decoration: none;
   
}

#home .fundingpartners td {
    min-width: 56px;
    padding-left: 24px;
}
#home .fundingpartners em {
    color: #808080;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    top: -8px;
}


#home #main .teaser-group {
    background: none repeat scroll 0 0 transparent !important;
    float: left;
    padding: 0 !important;
    width: 483px !important;
}
#home #teaser-group-1 .teaser {
    float: left;
    margin-right: 3px;
    position: relative;
    width: 159px;
}
#home #teaser-group-1 .teaser h2 {
    background: none repeat scroll 0 0 #5379A4;
    display: block;
    font-size: 17px;
    font-weight: normal;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 30%;
    width: 149px;
}
#home #teaser-group-1 .teaser img {
    width: 159px;
}
#home #teaser-group-1 .teaser h2 a {
    color: #FFFFFF;
    text-decoration: none;
}
#home #tg-1-teaser-3 {
    margin-right: 0 !important;
}
#home .teaser.event-list {
    margin-top: 2px;
    position: relative;
}
/*#home #tg-1-teaser-4 > h2 {
    background: none repeat scroll 0 0 #6DACB1 !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif;    
    font-weight: bold;
    position: relative !important;
    text-align: left !important;
    text-transform: uppercase;
    width:97% !important;
}*/
#home #tg-1-teaser-4 > h2, #home .teaser.event-list > h2 {
    background: none repeat scroll 0 0 #6DACB1 !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif;    
    font-weight: bold;
    position: relative !important;
    text-align: left !important;
    text-transform: uppercase;
    width:97% !important;
}
#home #tg-1-teaser-4 li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    padding: 0px !important;
    position: relative;
}
#home.teaser .month {
    font-size: 25px !important;
}
#home .teaser .month {
    display: inline;
    font-size: 13px !important;
}
#home .teaser .day {
    display: inline;
    font-size: 14px;
}
#home .teaser .date {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-left: 6px;
    padding: 2px;
    text-align: justify;
    top: 0;
    width: 4em;
}
#home .teaser h3 {
    float: left;
    font-size: 14px !important;
    margin-left: 5.5em !important;
    width: auto !important;
}
#home .teaser h3 a {
    color: #FFFFFF;
    text-decoration: none;
}
#home .teaser .event-data {
    clear: both;
    color: #dfdfdf !important;
    display: block;
    float: left;
    font-size: 12px;
    margin-left: 0;
    overflow: auto;
    padding-left: 6.4em;
    position: relative;
    top: -4px;
}
#home .teaser .event-data li {
    color: #C0C0C0;
    overflow: auto;
    position: relative;
    width: 390px;
}
#home #teaser-group-2 {
    background: none repeat scroll 0 0 #283059;
    display: none;
}
#home #teaser-group-3 {
    background: none repeat scroll 0 0 #F06F38;
}
#home #teaser-group-4 {
    background: none repeat scroll 0 0 #EE423B;
}

#home .wowsliderlarge {
    float: left;
}

#home .teaser-group {
    float: left;
    width: 100%;
}


#home #promos {
    display: none;
}

#home #tab-1-1 > div, #home #tab-1-1 > iframe {
    max-height: 272px !important;
    max-width: 462px !important;
}

#home .teaser-group {
    /*background: none repeat scroll 0 0 #283059;*/
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    margin-bottom: 15px;
    overflow: auto;
    padding: 15px 20px 30px;
    position: relative;
    width: 940px;
}
#home .teaser-group > div {
    margin-right: 14px;
}

#home .teaser-group .teaser {
    float: left;
    width: 145px;
}

.teaser.latest {
    width: auto !important;
}

#home #tg-2-teaser-5 {
    margin-right: 0 !important;
}
#home .teaser-group h5 {
    color: #FFFFFF;
    font-size: 18px;
    margin-bottom: 11px;
}
#home .teaser-group .text-section {
    float: left;
    height: 135px;
    padding: 10px;
    width: 125px;
}
#home #teaser-group-2 .text-section {
    background: none repeat scroll 0 0 #0D102B;
}
#home #teaser-group-2 h2 {
    display: block;
}
#home #teaser-group-3 .text-section {
    background: none repeat scroll 0 0 #E2310E;
    margin-right: 0 !important;
}
#home #teaser-group-4 .text-section {
    background: none repeat scroll 0 0 #DD110C;
    margin-right: 0 !important;
}

#home .teaser-group .teaser h2 a {
    color: #FFFFFF;
}
#home .teaser-group .teaser h2 {
    display: none;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 145px;
}
#home .teaser-group .teaser img {
    width: auto;
}
#home .teaser-group .teaser p {
    /*background: none repeat scroll 0 0 #FFFFFF;*/
    bottom: 30px;
    color: #283059;
    font-size: 13px;
    /*font-weight: bold;*/
    height: 32px;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 135px;
}
#home #teaser-group-3 .teaser p, #home #teaser-group-4 .teaser p, #home #teaser-group-5 .teaser p, #home #teaser-group-6 .teaser p,#home #teaser-group-7 .teaser p,#home #teaser-group-8 .teaser p,#home #teaser-group-9 .teaser p{
background: none repeat scroll 0 0 #FFFFFF !important;
}

#home .teaser-group .teaser p a {
    color: #283509;
    text-decoration: none;
}
#home .teaser-group .teaser p em {
    display: none;
}
#home .teaser-group h2 a {
    color: #FFFFFF;
}
#home #teaser-group-3 .text-section h2, 
#home #teaser-group-4 .text-section h2,
#home #teaser-group-5 .text-section h2, 
#home #teaser-group-6 .text-section h2,
#home #teaser-group-7 .text-section h2,
#home #teaser-group-8 .text-section h2,
#home #teaser-group-9 .text-section h2{
    bottom: 100px;
    font-size: 28px;
    position: absolute;
    text-align: center;
    width: 120px;
}

#home #teaser-group-3 .text-section h2 a, 
#home #teaser-group-4 .text-section h2 a,
#home #teaser-group-5 .text-section h2 a, 
#home #teaser-group-6 .text-section h2 a,
#home #teaser-group-7 .text-section h2 a,
#home #teaser-group-8 .text-section h2 a,
#home #teaser-group-9 .text-section h2 a{
    text-decoration:none;
} 

#home #teaser-group-5 .text-section {
    background: none repeat scroll 0 0 #820418;
    margin-right: 0 !important;
}

#home #teaser-group-5 {
    background: none repeat scroll 0 0 #B51E4C;
}

#home #teaser-group-6 .text-section {
    background: none repeat scroll 0 0 #540A2F;
    margin-right: 0 !important;
}

#home #teaser-group-6 {
    background: none repeat scroll 0 0 #91336C;
}

#home #teaser-group-7 .text-section {
    background: none repeat scroll 0 0 #2C0D2F;
    margin-right: 0 !important;
}

#home #teaser-group-7 {
    background: none repeat scroll 0 0 #693A6D;
}


#home #teaser-group-8 {
    background: none repeat scroll 0 0 #6EADB2;
}

#home #teaser-group-8 .text-section {
    background: none repeat scroll 0 0 #2F757C;
    margin-right: 0 !important;
}

#home #teaser-group-9 {
    background: none repeat scroll 0 0 #5379A4;
}
#home #teaser-group-9 p {
    position: inherit;
}
#home #teaser-group-9 .text-section {
    background: none repeat scroll 0 0 #1B3A6B;
    height: 22px;
    margin-right: 0;
}

#home #teaser-group-9 .text-section > h2 {
    margin-top: -2px;
    position: inherit;
}



#home .photo-index {
    margin: auto;
    overflow: auto;
    width: 890px;
}
#home .photo-index > dl {
    overflow: hidden;
    position: relative;
}

#home .text-section > h2 {
    color: gray;
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: center;
}

/*End of Home Page CSS*/

/*Search Page*/
#search-results .text li {
    margin-bottom: 15px;
    margin-top: 10px;
}
.highlight {
    background: none repeat scroll 0 0 #FFFF00;
}
/*End of Search Page*/

/*Section CSS*/
#section .teaser a {
    color: #000000;
    text-decoration: none;
}

#section .teaser {
    margin-bottom: 10px;
    padding: 10px;
}

#section .teaser:hover {
    background: none repeat scroll 0 0 #E2E2E2;
}

#section .teaser img {
    border: 1px solid grey;
    float: left;
    margin-right: 10px;
}

#section .more {
    display: block;
}
#section .more span {
    display: none;
}
#section .more a {
    color: #0000FF !important;
}
#section #page-intro {
    margin-bottom: 15px;
}


/*End of Section CSS*/

/*Country Page CSS*/
#Country #leftColumnInternal {
    display: none;
}

#Country #wrapper-3 {
    width: 100% !important;
    padding:0 !important;
}

#countryMap {
    border: 1px solid #CCCCCC !important;
    box-shadow: 0 6px 4px -4px #CCCCCC;
    float: left;
    margin-right: 10px;
    margin-top: 0;
    padding: 10px;
    width: 150px;
}
#Country .right {
    float: left;
    margin: 20px 0 20px 20px;
    position: relative;
    width: 387px;
}
#Country .intro{
margin-bottom:15px;
}

#Country #page-intro {
    float: right;
    width: 640px;
}


#nodeside {
    float: left;
    width: 340px;
}

#Country #main {
    float: right;
    margin-top: 5px;
    width: 640px;
}

.largetopmargin {
    margin-top: 30px;
}

#Country div.date{
background: #5379a4;
}
.nodesite a {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #5379a4;
    color: white;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding: 25px 15px;
    text-decoration: none;
    width: 280px;
}
.nodesite a:hover{
   background:url("../img/extLink3.jpg") no-repeat scroll 97% 50% #1b3a6b;
}

.SPOC{
    background: none repeat scroll 0 0 #5379a4;
    color: white;
    display: block;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding: 15px;
    width: 280px;
}

.SPOC span {
    display: block;
    padding: 5px 0;
}
.SPOC .name {
    font-size: 20px;
    font-weight: 700;
}
.SPOC a
{
color:#FFFFFF;
}
#Country #teaser-1 h2 {
    margin-top: 20px;
    position: relative;
}
#Country .past {
    color: #FF0000;
    font-size: 0.7em;
    margin: 5px 0 0 6.5em;
}

#Country .text-box-tabs .text-box-toc li a, #Country .text-box-tabs .text-box-toc li a:visited{
font-weight:700;
color: #5379a4;

}
#Country .text-box-tabs .text-box-toc li a:hover{
font-weight:700;
color: #FFFFFF;

}

#Country .event-list li ul, #Country .event-list li h3 {
    padding-right: 45px !important;
}

#nodeNews {
    border: 1px dotted #5379a4;
    margin-top: 20px;
    overflow: auto;
    padding: 15px;
    background:#FAFBFD;
}
#nodeNews h2 {
    margin-bottom: 5px !important;
    margin-top: 0px !important;
}

#backtomap {
    position: absolute;
    right: 5px;
    top: 30px;
}

#backtomap a{
text-decoration:none;
color:#5379a4;
}

#backtomap a:hover{
text-decoration:underline;

}
/*End of Country Page CSS*/

/*Country Map*/

#alphaList strong {
    color: #1b3a6b;
    display: block;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
}
#alphaList {
    margin-top: 20px;
    overflow: auto;
    position: relative;
}
#alphaList > div {
    overflow: auto;
    position: relative;
}

.lettertitle {
    background: none repeat scroll 0 0 #5379a4;
    color: white;
    display: block;
    float: left;
    height: 10px;
    margin-bottom: 10px;
    margin-left: 30px;
    margin-right: 15px;
    padding: 15px;
    width: 10px;
    font-weight: 700;
}


#alphaList li {
    color: #5379a4;
    float: left;
    list-style: disc outside none;
    margin-left: 15px;
    margin-right: 10px;
    padding-top: 13px;
}

#alphaList #C li,#alphaList #S li,#alphaList #B li, #alphaList #U li {
    padding-top: 3px;
}

#alphaList a {
    color: #5379a4;
    text-decoration: none;
}

/*End of Country Map*/

/*Forms*/
.form-wrapper {
    clear: both;
    margin-right: 20px;
}
.step-by-step {
    background: none repeat scroll 0 0 #0D8CCC;
    border-radius: 5px;
    margin: 20px 0;
    padding: 4px 10px;
}
.step-by-step ol {
    color: #FFFFFF;
    list-style-position: inside;
}
.step-by-step li {
    border-radius: 5px;
    float: left;
    list-style-position: inside;
    margin: 0 20px 0 0;
    padding: 4px;
}
.step-by-step li.do {
    background: none repeat scroll 0 0 #EC1549;
}
div.step-by-step li.do button {
    color: #FFFFFF;
}
.step-by-step li button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 3px;
}
.step-by-step li button:hover, .step-by-step li button:focus, .step-by-step li button:active {
    text-decoration: underline;
}
.step-by-step li button[disabled] {
    color: #CCCCCC;
    cursor: default;
    text-decoration: none;
}
.form-wrapper fieldset {
    border: medium none;
    margin: 5px 0 30px;
}
.form-wrapper fieldset h2 {
    border-bottom: 1px solid #0D4291;
    border-top: 4px solid #0D4291;
    color: #333333;
    margin: 0 0 1px;
    padding: 5px 0;
}
.form-wrapper p.required {
    text-align: right;
}
.form-wrapper p.required span, .form-wrapper dfn {
    color: #EC1549;
    font-weight: bold;
}
.form-row {
    border-bottom: 1px dotted #B3B3B3;
    clear: both;
    padding: 10px 0 15px;
}
.form-row div {
    border-bottom: medium none;
    margin: 0 0 10px;
    padding: 0;
    width: auto;
}
.form-row .form-item {
    clear: none;
    margin: 0;
}
.form-wrapper label {
    display: block;
    position: relative;
}
.form-wrapper fieldset .multiple-labels fieldset input, .form-wrapper input, .form-wrapper textarea, .form-wrapper div.mod input.mod {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #C2C2C2;
    display: block;
    margin: 3px 0 0;
    padding: 3px 3px 4px;
    width: 300px;
}
.form-wrapper input[type="submit"] {
    display: inline;
}
.form-item > input[type="checkbox"] {
    display: inline;
    float: left;
    padding: 0 !important;
    width: auto;
}
.form-item {
    clear: both;
    display: block;
}
.form-item > label {
    padding-left: 25px;
}
.form-wrapper label {
    display: block;
    position: relative;
}
.step-controls {
    position: relative;
    top: 2px;
}
.input-datetime-local .step-controls {
    top: auto;
}
.form-item-hidden, .form-wrapper input[type="hidden"] {
    display: none;
}
.form-wrapper .multiple-labels fieldset input.a11y-focus, .form-wrapper .multiple-labels fieldset input:focus, .form-wrapper input:focus, .form-wrapper textarea:focus, .form-wrapper input.a11y-focus, .form-wrapper textarea.a11y-focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
}
.form-wrapper input.a11y-focus[type="radio"], .form-wrapper input.a11y-focus[type="checkbox"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
}
.form-wrapper textarea {
    height: 150px;
    width: 300px;
}
.form-wrapper select {
    display: block;
    margin: 5px 0 0;
    width: 310px;
}
.form-wrapper div span {
    color: #555555;
    display: block;
    padding: 5px 0 0;
}
.form-wrapper div span.input-datetime-local {
}
.form-wrapper h4 {
    color: #000000;
    font-weight: bold;
    padding: 0 0 10px;
}
.form-wrapper div.multiple-labels label span {
    color: #555555;
    font-weight: normal;
}
.form-row label span {
    display: inline;
}
.form-row label.m span {
    clear: both;
    padding: 0 0 5px;
}
.form-row span.help a {
    background: url("../img/icons/sprites.png") no-repeat scroll 0 -651px rgba(0, 0, 0, 0);
    padding-left: 15px;
}
/*End of Forms*/

/*Latest News*/
#teaser-1 li {
clear:both;
margin-bottom:10px;
}

#section #teaser-1.latest li {
border-bottom:1px solid #D3D3D3;
margin-bottom:15px;
min-height:100px;
padding-bottom:10px;
}

.teaser.latest img {
border:1px solid gray;
float:left;
margin-bottom:10px;
margin-right:10px;
}

.teaser.latest h3 a {
color:gray;
font-size:14px;
font-style:italic;
text-decoration:none;
}

.teaser.latest h3 {
font-family: 'Roboto', sans-serif;
}

em.more a,.more a {
display:inline-block;
line-height:18px;
}

.latest:hover,.event-list:hover{
background:none !important;
}
/*End of Latest News*/

/*Slider*/
.sliderlarge {
    clear: both;
    height: 313px;
    margin: 0 14px 10px 0;
    overflow: hidden;
    position: relative;
    width: 483px;
    float:left;
}
/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
	margin: 0px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	/*background: url(images/bx_loader.gif) center center no-repeat #fff;*/
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url("../img/controls.png") no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url("../img/controls.png") no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url("../img/controls.png") -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url("../img/controls.png") -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    background: none repeat scroll 0 0 #2a2a2a;
    bottom: 35%;
    font-weight: 400;
    left: 0;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    width: 483px;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	display: block;
	font-size: 20px;
	padding: 10px;
}
.ws_thumbs a {
    background: none repeat scroll 0 0 #537aa5;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 13px;
    
    height: 45px;
    margin-right: 1px;
    opacity: 0.85;
    padding: 13px 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 110px !important;
}

.ws_thumbs .active,.activelink:hover {
    background: none repeat scroll 0 0 #28315a !important;
    opacity: 1 !important;
	font-weight: bold;
}
.ws_thumbs div div {
    background: none repeat scroll 0 0 #E5E5E5;
    border-right: 1px solid #283059;
    color: #283059;
    font-size: 14px;
   
    height: 50px !important;
    left: 0;
    overflow: auto;
    padding: 5px;
    position: absolute !important;
    top: -1px;
    width: 111px !important;
}
.ws_selthumb div {
    background: none repeat scroll 0 0 #283059 !important;
    color: #FFFFFF !important;
    font-weight: normal !important;
}
.ws_thumbs div div em {
    display: none;
}
.ws_thumbs a:nth-child(2) div {
    left: 122px;
}
.ws_thumbs a:nth-child(3) div {
    left: 244px;
}
.ws_thumbs a:nth-child(4) div {
    left: 366px;
}
/*End of slider*/

/*Text-Section*/
.text-section {
    padding: 5px 15px 5px 0;
    
}

.text-section > p {
    margin-bottom: 15px;
}

.text-section > ul, .text-section > ol {
    line-height: 1.3em;    
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 44px;
}
.text-section > ul{
list-style: square outside none;
}

.text-section > ol {
    list-style: decimal outside none;
}
.text-section strong {
    font-weight: 700;
}
.text-section a {
    word-wrap: break-word;
}
.text-section .media audio {
    height: 30px;
}
.text-section .media {
    display: inline-block;
    float: left;
    margin: 3px 10px 10px 0;
    width: 220px;
}
.text-section dl.media {
    background: none repeat scroll 0 0 #ECECEC;
    border-radius: 0 0 5px 5px;
    padding: 0 0 5px;
}
.text-section video {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    position: relative;
}
.text-section .media audio, .text-section.media video, .text-section.media img {
    border: 1px solid #ECECEC;
    display: block;
    width: 218px;
}
.text-section .media audio, .media video {
    border: medium none;
}
.text-section .media video {
    height: 120px;
}
.text-section dl.large {
    background-color: #ECECEC;
    clear: both;
    float: none;
    width: 95%;
}
.text-section.media.large video, .media.large audio {
    width: 460px;
}
.text-section.media.large video {
    height: 300px;
}
.text-section dl.large img {
    margin: 0 !important;
    width:613px;
}
.text-section img.large {
    clear: both;
    display: block;
    width:613px;
}
.text-section.media dd {
    background: none repeat scroll 0 0 #ECECEC;
    display: block;
    padding: 5px 5px 0;
}
.text-section.media dd.zoom {
    float: right;
}
.text-section.media dd.zoom a {
    background: url("../img/icons/sprites.png") no-repeat scroll 0 -508px rgba(0, 0, 0, 0);
    display: block;
    overflow: hidden;
    text-indent: -999px;
    width: 12px;
}
#wrapper-2 .text-section .media dd.copyright {
    font-style: italic;
}
.text-section.media dd.longdesc {
    display: none;
}
.text-section .media.pos-2 {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}
.text-section .photo {
    border: 1px solid #CCCCCC !important;
    box-shadow: 0 6px 4px -4px #CCCCCC;
    font-size: 0.7em;
    margin-bottom: 20px !important;
    overflow: auto;
    padding: 10px !important;
}
.text-section .media img {
    padding: 1.5%;
    width: 97%;
}

.openquote {
    background: url("../img/quotes.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 60px;
    width: 49px;
}
/*End of Text-Section*/


/*Calendar*/
#extras .calendar {
    border-top: 4px solid #B3B3B3;
    margin: 0 0 20px;
    position: relative;
}
#extras .calendar h2 {
    float: left;
    margin: 3px 0 6px;
}
#extras .calendar table {
    line-height: 1.2em;
    width: 100%;
}
#extras .calendar div.pager {
    clear: none;
    float: right;
    margin: 7px 0 0;
    width: 30px;
}
#extras .calendar div.next {
    float: right;
}
#extras .calendar div.pager a img {
    border: 1px solid #FFFFFF;
    margin: 0;
    width: 13px;
}
#extras .calendar div.pager a:hover img, #extras .calendar div.pager a:focus img, #extras .calendar div.pager a:active img {
    border: 1px solid #EC1549;
}
#extras .calendar table {
    border-spacing: 0;
    border-top: 1px solid #CCCCCC;
    clear: both;
    empty-cells: show;
}
#extras .calendar thead th {
    padding: 4px 0;
}
#extras .calendar thead th abbr {
    border: medium none;
}
#extras .calendar tbody tr {
    background: url("../img/bgs/dotted-line.png") repeat-x scroll 100% 0 rgba(0, 0, 0, 0);
}
#extras .calendar tbody td {
    padding: 4px 0;
    text-align: center;
    width: 25px;
}
#extras .calendar tbody td.on {
    font-weight: bold;
    margin: 2px 0;
}
#extras .calendar tbody td a {
    display: block;
}
#extras .calendar tbody td.on a {
    color: #DD0E40;
}

/*End of Calendar*/

/*Link Lists & Download*/
.linklist {
margin-bottom:30px;
}

#main .super-list p,.download {
margin-bottom:10px;
}

.download em,#teaser-1 em {
color:#5379A4;
font-size:16px;
font-style:normal;
}

/*End Of Link Lists & Download*/


/*FAQ*/
#main .super-list div div {
background:url(../img/bgs/dotted-line.png) repeat-x scroll 0 0 rgba(0,0,0,0);
padding:10px 10px 10px 25px;
}

#main .super-list li {
background:url(../img/bgs/dotted-line.png) repeat-x scroll 0 0 rgba(0,0,0,0);
float:left;
list-style-type:none;
width:100%;
}

#main .super-list li li {
background:none repeat scroll 0 0 #FFF;
border:medium none;
float:none;
list-style-type:disc;
}

#main .super-list li p {
margin:0;
}

#main .super-list li h3 a {
background:url(../img/icons/sprites.png) no-repeat scroll 5px 7px rgba(0,0,0,0);
cursor:pointer;
display:block;
font-weight:700;
padding:5px 0 5px 25px;
}

#main .super-list li h3 a.a11y-focus {
text-decoration:underline;
}

#main .super-list li h3 a.js-selected {
background-color:#E7F0F7;
background-position:5px -139px;
}

#main .super-list li ul,#main .super-list li ol {
margin:0 0 10px 25px;
}

#main .super-list ol li {
list-style-type:decimal;
}

#main .super-list .media,#main .super-list dt img {
margin-bottom:0;
}

#main .super-list dl {
overflow:hidden;
}

#main .super-list dd {
font-size:85%;
line-height:1.3em;
}

/*END of FAQ*/

/*Event Page*/
#main .event-list {
    border-bottom: medium none;
    margin-bottom: 20px;
}
#main .event-list ul {
    margin: 0 0 10px;
    overflow: auto;
    position: relative;
}
#main .event-list li {
    float: left;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
#main .event-list h2 {
    color: #333333;
    float: none;
    margin: 5px 0;
    padding: 0;
}
#main .event-list li h3 {
    font-size: 123%;
    margin: 0 0 0 3.6em;
}
#main ul.event-data {
    border: medium none;
    clear: both;
    height: auto;
    margin: 5px 0 0 4.5em;
    overflow: hidden;
    position: relative;
}
#main .event-data li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #555555;
    display: block;
    font-size: 100%;
    font-weight: normal;
    margin: 0 10px 0 0;
    padding: 1px 0 !important;
}
#main .event-data li.organizer {
    clear: both;
    color:#000 !important;;
}
#main .event-data li.location {
   	color:gray !important;
}
.event-list li a {
    padding: 0;
}

div.date {
background:none repeat scroll 0 0 #6EACB1;
left:0;
position:absolute;
top:0;
width:4em;
margin:0 5px 0 0;
}

.date .month {
color:#FFF;
display:block;
font-size:160%;
font-weight:700;
text-align:center;
padding:5px 0 0;
}

.date abbr {
border:medium none;
cursor:help;
}

.date .day,.date .year {
color:#FFF;
display:block;
font-size:240%;
font-weight:700;
line-height:1em;
text-align:center;
padding:0 0 5px;
}

.date .year {
display:none;
font-size:110%;
padding:5px 0 0;
}

.date .till {
background:url(../img/bgs/till.gif) no-repeat scroll 50% 0 rgba(0,0,0,0);
display:block;
height:13px;
text-indent:-9999px;
}

.date .d-end {
background:none repeat scroll 0 0 #6EACB1;
padding-top:0;
}

.event-list div.date {
top:10px;
width:3.6em;
}

.event-list .date .month {
font-size:123%;
font-weight:400;
padding-bottom:5px;
}

.event-list .date .day {
font-size:142.62%;
}

.vevent {
border-top:1px solid #FFF;
clear:both;
position:relative;
z-index:1;
margin:0 0 10px;
padding:5px 5px 15px 5em;
}

#wrapper-2 .vevent h2 {
padding:0 2em 5px 0;
}

.vevent div.date {
left:-50px;
}

.vevent > div.date {
left:0;
}

.vevent li {
list-style:none outside none;
}

#main .vevent p {
display:block;
font-size:120%;
margin:0 0 10px;
}

#wrapper-2 .vevent dl {
background:url(../img/bgs/dotted-line.png) repeat-x scroll 0 0 rgba(0,0,0,0);
line-height:1.5em;
margin:5px 0 0;
padding:5px 0 0;
}

#wrapper-2 .vevent dt {
float:left;
font-weight:700;
width:80px;
}

#wrapper-2 .vevent dd a.url {
background:url(../img/icons/sprites.png) no-repeat scroll 0 -291px rgba(0,0,0,0);
color:#DD0E40;
padding-left:17px;
}
/*End of Event Page*/

/*Event Lists*/
#events-overview .teaser.event-list {
background:none repeat scroll 0 0 rgba(0,0,0,0);
width:680px!important;
}

#events-overview .teaser.event-list h2 {
background:none repeat scroll 0 0 #6EACB1!important;
padding:15px;
}

.wrapper-EventProgramme #wrapper-3 .box{
padding:10px;
}


.wrapper-EventProgramme .event-list h3 a {
    color: #6eacb1 !important;
    text-decoration: none;
}
.wrapper-country .event-list h3 a {
color: #5379a4 !important;
    text-decoration: none;
}
.event-list #event-pager {
background:none repeat scroll 0 0 #E2E2E2;
border-top:4px solid #B3B3B3;
left:0;
position:absolute;
top:-40px;
width:265px;
padding:5px 5px 10px;
}

.event-list #event-pager li {
background:none repeat scroll 0 0 rgba(0,0,0,0);
float:left;
width:auto!important;
margin:0 0 0 10px !important;
}

.event-data li {
margin-top:0!important;
}

.event-list #event-pager li a {
font-size:120%;
text-decoration:none;
}

.event-list #event-pager li a em {
color:#B51E4C;
}

#home .teaser.event-list {
background:none repeat scroll 0 0 #6DACB1!important;
margin-right:0;
width:483px!important;
}

#main .event-list {
border-bottom:medium none;
margin-bottom:20px;
}


#home #main .event-list li {
float:left;
list-style:none outside none;
overflow:hidden !important;
position:relative;
width:100%;
margin:0;
padding: 0px !important;
min-height: 10px;
}

#section #main .event-list li {
    float: left;
    list-style: none outside none;
    margin: 0;
    min-height: 40px;
    overflow: hidden !important;
    padding: 10px 0;
    position: relative;
    width: 100%;



}


#section .teaser.event-list > ul > li {
    border-bottom: 1px solid lightgray;
    margin-top: 11px !important;
}


#section .teaser.event-list > ul > li:last-child {
    border-bottom: medium none;
}

#home .till, #home .month.d-end, #home .day.d-end {
    display: none;
}

#main .event-list h2 {
color:#333;
float:none;
margin:5px 0;
padding:0;
}

#main .event-list li h3 {
font-size:123%;
margin:0 0 0 3.6em;
}



#events-overview #left-column-internal,.zoom,.cw,#event-pager > h5,.vevent span,.text-meta {
display:none;
}
/*End of Event Lists*/

/*Extra & Promo*/
#extras#teaser-1 > h2 {
    margin-top: 20px !important;
}
#extras #teaser-1 > h2 {
    margin-top: 40px !important;
    padding-top: 20px;
}
#extras .date {
    float: left;
    position: relative;
    top: 0;
}
#extras #teaser-1 h3, #extras #teaser-1 .event-data {
    padding-left: 70px;
}
#extras #teaser-1 li {
    margin-top: 20px;
    min-height: 24px;
    overflow: hidden;
    position: relative;
}
#extras #teaser-1 h3 {
    float: left;
    padding-left: 0;
    width: 181px;
}
#extras .event-data {
    float: left;
    padding-left: 0 !important;
    width: 182px;
}
#promos .text-section {
padding-top:0;
}
/*End of Exra & Promo*/

/*Footer*/

#site-info {
    background: url("../img/footercolour.png") no-repeat scroll center bottom #4C4C4C;
    min-height: 200px;
    min-width: 980px;
    overflow: auto;
    padding-bottom: 20px;
    width: 100%;
    z-index: 10;
	background-size:100% 30px;
}
#site-info-box #about
{
	color:#FFF;
	font-size:.8em;
	padding:20px;
	text-align:center;
}

#site-info-box #about img
{
	padding-bottom:6px;
}

#site-info-box #about a
{
	color:orange;
}

#copyright-magnolia
{
	bottom:19px;
	color:#FFF;
	font-size:.7em;
	height:10px;
	text-align:center;
	width:100%;
}

#copyright-magnolia a
{
	color:#AABF2F;
	text-decoration:none;
}

#copyright-magnolia span
{
	bottom:-6px;
	display:block;
	height:27px;
	line-height:1.2em;
	margin:auto;
	padding-right:55px;
	text-align:left;
	width:87px;
}

p#copyright
{
	clear:both;
	color:#FFF;
	padding:10px;
	text-align:center;
}

p#copyright-magnolia
{
	color:#EBEBEB;
	padding:2px;
	text-align:center;
}

div > p#copyright-magnolia a
{
	background:url(../img/icons/sprites.png) no-repeat scroll 0 -939px rgba(0,0,0,0);
	padding:0 0 0 18px;
}

p#copyright-magnolia span
{
	display:none;
}

#site-info div div
{
	color:#FFF;
	float:left;
	padding:15px;
	width:275px;
}

#site-info div div:nth-child(2)
{
	width:335px;
}

#site-info-box .column-span2
{
	width:250px!important;
}

#site-info p > a
{
	color:#FFF;
}

#site-info .text-section
{
	height:180px;
	margin:20px 20px 20px 0;
}

#site-info #about
{
	border-right:1px solid gray;
	height:180px;
	margin:20px;
}

#site-info #linklist
{
	border-right:1px solid gray;
	height:180px;
	margin:20px;
}

#site-info .addthis_toolbox
{
	border:0 none;
	margin:0;
}

#site-info ul
{
	list-style:none outside none;
}

#site-info li
{
	margin:0 0 5px;
}

#site-info li a
{
	color:#FFF;
	display:block;
	padding:3px;
	text-decoration:none;
}

#site-info li a:hover,#site-info li a:active,#site-info li a:focus
{
	background:none repeat scroll 0 0 #FFF;
	color:#000;
	text-decoration:none;
}

#site-info li.rss a
{
	background:url(../img/icons/sprites.png) no-repeat scroll 0 -1162px rgba(0,0,0,0);
	padding-left:18px;
}

#site-info li img
{
	margin:5px 0 0;
}

#site-info li a img
{
	border:0 none;
}

#site-info div #about .media
{
	height:auto;
	margin:3px 10px 0 0;
	width:100px;
}

#site-info div #about .mod
{
	margin:3px 0 0 10px;
}

#site-info div #about .mod-2
{
	height:auto;
	margin:0 0 5px;
	width:300px;
}

#site-info-box
{
	font-size:.8em;
	margin:auto;
	width:980px;
}

#site-info-box .textbox_content
{
	padding:0;
}

#site-info-box p
{
	line-height:21px;
	margin-bottom:5px;
	text-align:left;
}

/*END Footer*/


/*Image Gallery*/
.photo-index dl {
    float: left;
    height: 136px;
    position: relative;
}
.photo-index .zoom {
    display: block;
    height: 136px;
    position: absolute;
    top: 0;
    width: 218px;
}


.photo-index .zoom > a {
    display: block;
    height: 100%;
    width: 100%;
}
.photo-index .zoom > a:hover {
    background: none repeat scroll 0 0 black;
    opacity: 0.55;
}


.mask {
    background-color: #000;
    width: 100%;
    z-index: 110;
}
.loading-mask {
    background: url("../img/bgs/loading.gif") no-repeat fixed center center #000;
}
.showbox {
    
    left: 0;
    margin: 40px 0 0;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    top: 0;
    width: 800px;
    z-index: 120;
}
.showbox .overlay-control {
    display: none;
}

.showbox-head {
    background-color: black;
    color: #fff;
    font-size: 120%;
    height: 4%;
    margin: 0;
    opacity: 0.64;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    text-align: center;
}
.showbox-toolbar {
    clear: both;
    float: left;
}
.showbox-head a {
    color: #fff;
    cursor: pointer;
    margin-right: 10px;
}
.showbox-head a.ui-disabled {
    color: #aaa;
    cursor: default;
    text-decoration: none;
}
/*.showbox-toolbar .prev {
    background: url("../img/icons/sprites.png") no-repeat scroll 0 -73px rgba(0, 0, 0, 0);
    padding-left: 17px;
}
.showbox-toolbar .next {
    background: url("../img/icons/sprites.png") no-repeat scroll 190% 1px rgba(0, 0, 0, 0);
    padding-right: 17px;
}*/

.showbox .close-button {
    background: url("../img/icons/sprites.png") no-repeat scroll 0 -212px rgba(0, 0, 0, 0);
    color: #fff;
    cursor: pointer;
    font-size: 120%;
    padding: 0 0 0 25px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 0;
}
.showbox .content-box {
    
    margin: 0 auto;
}
.showbox.loading {
    background: url("../img/bgs/loading.gif") no-repeat fixed center center #999;
}
.showbox .multimedia-box {
    overflow: hidden;
}
.showbox .text-content {
    background: none repeat scroll 0 0 background;
    bottom: 62px;
    color: white;
    opacity: 0.72;
    padding: 0px;
    position: absolute;
    width: 400px;
}
.showbox h2 {
    font-size: 130%;
    margin: 5px 0;
}
.showbox p {
    font-size: 120%;
    margin-bottom: 10px;
    padding:10px;
}
.showbox ul {
    margin: 10px 0;
}
.showbox li {
    color: #555;
    font-size: 110%;
    list-style: none outside none;
}

.showbox-title {
    display: none;
}

.photo-index .longdesc {
    display: none;
}
/*End Image Gallery*/

/*Site Map*/
#sitemap .links {
    border-top: 4px solid #b3b3b3;
    margin: 30px 0;
}
#sitemap .links h2 {
    margin: 16px 0 0;
    padding: 5px 0;
}
#sitemap .links h2 a {
    color: #555;
    display: block;
}
#sitemap .links h2 a:hover, #sitemap .links h2 a:active, #sitemap .links h2 a:focus {
    color: #5379a4;
}
#sitemap .links li {
    border: medium none;
    margin: 14px 0 10px;
    padding: 0;
}
#sitemap .links li a {
    background: url("../img/icons/sprites.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    padding: 1px 0 6px 15px;
}
#sitemap .links li li a {
    background: url("../img/icons/sprites.png") no-repeat scroll 30px 7px rgba(0, 0, 0, 0);
    padding-left: 45px;
}
#sitemap .links li li li a {
    background: url("../img/icons/sprites.png") no-repeat scroll 60px 7px rgba(0, 0, 0, 0);
    padding-left: 75px;
}
#sitemap #wrapper-3 .links li ul {
    margin: 0;
    padding: 0;
}
#sitemap .links li li {
    font-size: 100%;
}

/*End Site Map*/

/*Country Map*/
.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}
/*End of Country Map*/



/*Tabs CSS*/
.text-box-tabs {
    margin: 0 0 20px;
    overflow: hidden;
    width: 100%;
}
.text-box-tabs .text-box-toc {
    font-weight: normal;
    height: 40px;
    list-style: none outside none;
    margin: 0;
    position: relative;
    width: 100%;
    margin: 0px;
}
.text-box-tabs .text-box-toc li:first-child {
    /*border-left: 1px solid #D3D3D3;*/
}
.text-box-tabs .text-box-toc li {
    float: left;
    height: 40x;
    margin: 0;
}
.text-box-tabs .text-box-toc li a, .text-box-tabs .text-box-toc li a:visited {
    color: #000000;
    display: inline-block;
    float: left;
    padding: 11px 12px;
    text-decoration: none;
    cursor: pointer;
}

.text-box-section-group {
    border: 1px dotted #5379a4;
    margin-top: -2px;
    padding: 12px;
	background:#FAFBFD;
}

#home .text-box-tabs .text-box-toc li a,#home .text-box-tabs .text-box-toc li a:visited{
padding:13px 12px;
font-size:14px;
font-weight:700;

}
.text-box-tabs .text-box-toc li a:hover{
background: none repeat scroll 0 0 #5379a4;
color:#FFFFFF;
}
.text-box-tabs .text-box-toc li a.js-selected, .text-box-tabs .text-box-toc li a.a11y-focus, .text-box-tabs .text-box-toc li a:active, .text-box-tabs .text-box-toc li a:focus {
    background: none repeat scroll 0 0 #FAFBFD;
    border-left: 1px dotted #5379a4;
    border-right: 1px dotted #5379a4;
    border-top: 1px dotted #5379a4;
    font-weight: 700;
	color:#5379a4 !important;
}


#home .text-box-tabs .text-box-toc li a.js-selected,#home  .text-box-tabs .text-box-toc li a.a11y-focus,#home  .text-box-tabs .text-box-toc li a:active,#home  .text-box-tabs .text-box-toc li a:focus {
background: none repeat scroll 0 0 rgb(83, 121, 164) !important;
color:#FFFFFF !important;
 border-left: 1px dotted #FFFFFF;
    border-right: 1px dotted #FFFFFF;
    border-top: 1px dotted #FFFFFF;
}
#home .text-box-section-group{
margin-top:0px;
}
#home .text-box-section-group {
border: 1px dotted #FFFFFF;
background: none repeat scroll 0 0 rgb(83, 121, 164) !important;
}
.text-box-section-group > div{
overflow:auto;
}
/*End of Tabs CSS*/

/*Promo Box*/
.box h2 a {
 color: white !important;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding: 25px 15px;
    text-align: left;
    text-decoration: none;
}
.wrapper-whyLightMatters .box h2 a {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #F06F38;
   }

.wrapper-About .box h2 a {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #5379A4;
   }

.wrapper-LearnAboutLight .box h2 a {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #ED413A;
   }

.wrapper-EventProgramme .box h2 a {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #6EACB1;
   }

.wrapper-handsonInv .box h2 a {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #B51E4C;
   }

.wrapper-CosmicLight .box h2 a {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50%  #91336C;
   }

.wrapper-LightForDevelopment .box h2 a {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #693A6D;
   }

.wrapper-ScienceStories .box h2 a {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #6EADB2;
   }

.wrapper-country .box h2 a {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #5379a4;
   }

.wrapper-othernode .box h2 a {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #5379a4;
   }



.wrapper-whyLightMatters .box h2 a:hover {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #e2310c;
   }

.wrapper-About .box h2 a:hover {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #28315A;
   }

.wrapper-LearnAboutLight .box h2 a:hover {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #DE110D;
   }

.wrapper-EventProgramme .box h2 a:hover {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #2f757c;
   }

.wrapper-handsonInv .box h2 a:hover {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #820418;
   }

.wrapper-CosmicLight .box h2 a:hover {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50%  #540A2F;
   }

.wrapper-LightForDevelopment .box h2 a:hover {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #2C0D2F;
   }

.wrapper-ScienceStories .box h2 a:hover {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #2F757C;
   }

.wrapper-country .box h2 a:hover {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #1B3A6B;
   }

.wrapper-othernode .box h2 a:hover {
    background: url("../img/extLink3.jpg") no-repeat scroll 97% 50% #1B3A6B;
   }

.box img {
    max-height: 200px;
}



/*EndPromoBox*/

@media (max-width:1100px) { 
.addthis-smartlayers, div#at4-share, div#at4-follow, div#at4-whatsnext, div#at4-thankyou{
display:none;
}
}

.at4-visible {
    opacity: 1 !important;
}