/*######################### GLOBAL #########################*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

select, input {
    font-size:inherit;
}

body {
    font-size: 14px;
    font-size: calc(11px + 0.3vw);
    font-family: Tahoma,Arial,Helvetica,Sans,sans-serif;
    background-color: #ebebe1;
    padding:0;
    margin:0;
    min-width: 250px;
}

a img{
	border: 0;
}

.backgroundcolor {
    background-color: #005D89;
}

a:hover {
    text-decoration: none;
}

hr {
    border:none;
    height:5px;
    margin:.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 1vw;
    margin-right: 1vw;
    background-image: url("hr_stripes.png");
}

h1 {
    padding-left:0.66em;
    font-size: 1.5em;
    margin-bottom:0;
    color: #005D89;
    font-weight: normal;
}

h2{
    font-size:1.2em;
    font-weight:bold;
    margin:0;
    margin-top: 0.3em;
    color: #005D89;
}


a {
    color: #005D89;
}

p {
    margin:0;
    text-align:justify;
    padding: 1em;
    padding-top: .5em;
    padding-bottom: .5em;
}

.frontpage-paragraph p{
	line-height: 1.4em;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: .5em;
}

.frontpage-paragraph h1{
	margin-bottom: .5em;
}

.button, .button2 {
    background: #7ca11a;
    background: linear-gradient(to bottom,  #7ca11a 0%,#8eb81e 3%,#91bc1e 9%,#6d8d17 88%,#6a8916 97%,#6d8e13 100%);
    border: 1px solid #93c802;
    box-shadow: inset 1px 1px 0px rgba(0,0,0, 0.25), inset -1px -1px 0px rgba(0,0,0, 0.25);
    border-radius:.2em;
    text-decoration:none;
    padding: .35em;
    padding-left:1em;
    padding-right:1em;
    font-size:1.2em;
    color: white;

    margin-right: .2em;
	/*
    margin-left: 2vw;
    margin-right: 2vw;*/

    cursor: pointer;
}

.button2 {
    display: inline-block;
    margin: 0;
    border-color: #e3e3e3;
    background: none;
    background-color: #f7f7f7;
    box-shadow: none;
    color: #6d6d6d;
}

.errorbox, .warningbox, .infobox{
    width: 100;
    max-width: 970px;
    max-width: calc(1000px - 2em - 4px);
    margin-top: 1em;
    margin-top: 2vw;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    border-radius: .5em;
    font-weight: bold;
    font-size: 1.2em;
}


.errorbox {
    border: 2px solid #B32F00;
    color: #B32F00;
    background-color: #FFE1D8;
}

.warningbox {
    border: 2px solid #de8f00;
    color: #de8f00;
    background-color: #f1d067;
}

.infobox {
    border: 2px solid #249224;
    color: #249224;
    background-color: #D3F0C3;

}




/*######################### HEADER #########################*/

div.header {
    background-color: #006499;
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-left: 250px;
    padding-left: calc(180px + 4em);
    min-height: 60px;
	max-height: 70px;
	overflow: hidden;
}

div.header a.headerlogo {
	float:left;
	height:55px;
	width:210px;
	padding:0;
	display:block;
	position:absolute;
	left:0;
	top:0;
	background-image: url('viewing_logo.png');
	background-repeat: no-repeat;
	background-position: 0 center;
	margin-top: 5px;
	margin-left: 3vw;
	text-decoration:none;
}

#masterdiv {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width:419px) {
    div.header {
        padding-left: 0;
		background-image: none !important;
    }
	div.header a.headerlogo{
		width: 100%;
		background-position: center center;
		margin-left:0;
	}
}



@media (min-width:1002px) {
    #masterdiv {
        max-width: calc( 1000px + (100% - 1000px) / 2 );
    }
}

div.main {
    margin-top: 1em;
    margin-top: 2vw;
    padding: 1em;
    padding: 2vw;
    background-color: #ffffff;
    color: #484848;
    box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.05);
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
}

div.nav a {
    height:1em;
    padding-left: 3vw;
    padding-right: 3vw;
    display:block;
    float:left;
    text-align:center;
    font-weight:bold;
    color: white;
    text-decoration: none;
    text-transform:uppercase;
    border-width:0px;
    border-right-width: 1px;
    border-style: solid;
    border-color: white;
    border-color: rgba(255,255,255,0.2);
    white-space: nowrap;
	font-size: 16px;
	padding-top: 40px;
	padding-bottom: 20px;
}
@media (max-width:1200px) {
	div.nav a {
		font-size: 1em;
		padding-top: 3em;
		padding-bottom: 1em;
	}
}

select.navdropdown {
    margin-top: 1.3em;
    margin-right: 1em;
    margin-right: calc(1em + 2vw);
    padding:.2em;
    padding: calc(.1em + .2vw);
    text-align:center;
    font-weight:bold;
    color: white;
    text-decoration: none;
    font-size: 1.2em;
    background-color: rgba(255,255,255,0.1);
    border:none;
}

div.nav a:hover{
    background-color: rgba(255,255,255,0.05);
}

div.nav a.active, div.nav a:active {
    background-color: rgba(255,255,255,0.1);
}

.breadcrumb {
    padding: 0.5em;
    padding-left: 3vw;
    padding-right: 3vw;
    font-size: 0.8em;
    color: #d6d6d6;
    background-color: #3c3b3e;
    vertical-align: middle;
}

.breadcrumb a{
    color: #d6d6d6;
}

.jswarning {
    display:block;
    background-color: orange;
    color: darkred;
    font-weight: bold;
    padding:.5em;
    text-align:center;
    font-size: 1.2em;
}
div.nav2 {
    display:none;
}
div.innerbreadcrumb{
    float:left;
}



/*######################### FOOTER #########################*/

img.society_logo {
    float:right;
    margin-left:15px;
    margin-bottom:5px;
}

div.footerbox {
    box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.05);
    padding:1em;
    padding-left:2em;
    padding-right:2em;
    padding-bottom:0;
    background-color: #3c3b3e;
    color: #dfdfdf;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
}
div.footerbox a{
    color: #dfdfdf;
}
div.footerbox p{
    margin:0;
    padding:0;
}

div.footer {
    float:right;
    width:auto;
    font-size: .8em;
    text-align:justify;
}




div.organizer {
    border-left: 1px dotted #cccccc;
    padding-left:5em;
    padding-right: 5em;
    margin-bottom: 1em;
    font-size: .8em;
    float:right;
}

div.sitemap {
    width: 34%;
    font-size: .8em;
    float:left;
    padding-bottom: 1em;
}
div.sitemap a , div.organizer a{
    display:block;
    text-decoration: none;
}
div.sitemap a span{
    text-decoration: underline;
}

/* webkit hack (safari/chrome/etc don't support css3 text-align-last) */
div.footerlinks:after {
    content: "";
    display: inline-block;
    width: 100%;
    height:1px;
}

div.copyright{
    color:#999999;
    font-size:0.75em;
    padding:.5em;
    margin-top: 2em;
    margin-top: 4vw;
    border-top: 1px solid #cccccc;
}
div.copyright a{
    color: inherit;
    text-decoration: none;
}



/*######################### IMAGE SCREEN #########################*/

#showimage-info {
    float:right;
    width:35%;
}

#showimage-zoomdiv {
    overflow: hidden;
    float:left;
    margin:1em;
    margin:2vw;
    width:60%;
    display:inline-block;
    text-align:center;
}

#showimage-buttons {
    width:100%;
    padding-top:.5em;
    padding-bottom:.5em;
    margin:0;
    text-align: center;
    border-bottom: 1em solid #3C3B3E;
}

#showimage-buttons a {
    padding-left:0;
    padding-right:0;
    margin-left: .2em;
    margin-right: .2em;
	width:7em;
}



/* yeah, this looks stupid, but between android+iOS and their respective zoom
	behaviours this is the only way to make it work everywhere */


#showimage-vid{ max-width: 600px;}
@media (orientation:landscape) and (max-width:1099px) { #showimage-vid{ max-width: 600px; } }
@media (orientation:landscape) and (max-width: 999px) { #showimage-vid{ max-width: 540px; } }
@media (orientation:landscape) and (max-width: 899px) { #showimage-vid{ max-width: 480px; } }
@media (orientation:landscape) and (max-width: 799px) { #showimage-vid{ max-width: 420px; } }
@media (orientation:landscape) and (max-width: 699px) { #showimage-vid{ max-width: 360px; } }
@media (orientation:landscape) and (max-width: 599px) { #showimage-vid{ max-width: 300px; } }
@media (orientation:landscape) and (max-width: 499px) { #showimage-vid{ max-width: 240px; } }
@media (orientation:landscape) and (max-width: 399px) { #showimage-vid{ max-width: 180px; } }
@media (orientation:landscape) and (max-width: 299px) { #showimage-vid{ max-width: 120px; } }

@media (orientation:portrait) and (max-width:1099px) { #showimage-vid{ max-width: 900px; } }
@media (orientation:portrait) and (max-width: 999px) { #showimage-vid{ max-width: 800px; } }
@media (orientation:portrait) and (max-width: 899px) { #showimage-vid{ max-width: 700px; } }
@media (orientation:portrait) and (max-width: 799px) { #showimage-vid{ max-width: 600px; } }
@media (orientation:portrait) and (max-width: 699px) { #showimage-vid{ max-width: 500px; } }
@media (orientation:portrait) and (max-width: 599px) { #showimage-vid{ max-width: 400px; } }
@media (orientation:portrait) and (max-width: 499px) { #showimage-vid{ max-width: 300px; } }
@media (orientation:portrait) and (max-width: 399px) { #showimage-vid{ max-width: 200px; } }
@media (orientation:portrait) and (max-width: 299px) { #showimage-vid{ max-width: 100px; } }




/*
#showimage-vid{ width: 600px; height:400px}
@media (orientation:landscape) and (max-width:1099px) { #showimage-vid{ width: 600px; } }
@media (orientation:landscape) and (max-width: 999px) { #showimage-vid{ width: 540px; } }
@media (orientation:landscape) and (max-width: 899px) { #showimage-vid{ width: 480px; } }
@media (orientation:landscape) and (max-width: 799px) { #showimage-vid{ width: 420px; } }
@media (orientation:landscape) and (max-width: 699px) { #showimage-vid{ width: 360px; } }
@media (orientation:landscape) and (max-width: 599px) { #showimage-vid{ width: 300px; } }
@media (orientation:landscape) and (max-width: 499px) { #showimage-vid{ width: 240px; } }
@media (orientation:landscape) and (max-width: 399px) { #showimage-vid{ width: 180px; } }
@media (orientation:landscape) and (max-width: 299px) { #showimage-vid{ width: 120px; } }

@media (orientation:portrait) and (max-width:1099px) { #showimage-vid{ width: 900px; } }
@media (orientation:portrait) and (max-width: 999px) { #showimage-vid{ width: 800px; } }
@media (orientation:portrait) and (max-width: 899px) { #showimage-vid{ width: 700px; } }
@media (orientation:portrait) and (max-width: 799px) { #showimage-vid{ width: 600px; } }
@media (orientation:portrait) and (max-width: 699px) { #showimage-vid{ width: 500px; } }
@media (orientation:portrait) and (max-width: 599px) { #showimage-vid{ width: 400px; } }
@media (orientation:portrait) and (max-width: 499px) { #showimage-vid{ width: 300px; } }
@media (orientation:portrait) and (max-width: 399px) { #showimage-vid{ width: 200px; } }
@media (orientation:portrait) and (max-width: 299px) { #showimage-vid{ width: 100px; } }

@media (orientation:landscape) and (max-height:1099px) { #showimage-vid{ height:950px; } }
@media (orientation:landscape) and (max-height: 999px) { #showimage-vid{ height:850px; } }
@media (orientation:landscape) and (max-height: 899px) { #showimage-vid{ height:750px; } }
@media (orientation:landscape) and (max-height: 799px) { #showimage-vid{ height:650px; } }
@media (orientation:landscape) and (max-height: 699px) { #showimage-vid{ height:550px; } }
@media (orientation:landscape) and (max-height: 599px) { #showimage-vid{ height:450px; } }
@media (orientation:landscape) and (max-height: 499px) { #showimage-vid{ height:350px; } }
@media (orientation:landscape) and (max-height: 399px) { #showimage-vid{ height:250px; } }
@media (orientation:landscape) and (max-height: 299px) { #showimage-vid{ height:150px; } }

@media (orientation:portrait) and (max-height:1099px) { #showimage-vid{ height: 600px; } }
@media (orientation:portrait) and (max-height: 999px) { #showimage-vid{ height: 540px; } }
@media (orientation:portrait) and (max-height: 899px) { #showimage-vid{ height: 480px; } }
@media (orientation:portrait) and (max-height: 799px) { #showimage-vid{ height: 420px; } }
@media (orientation:portrait) and (max-height: 699px) { #showimage-vid{ height: 360px; } }
@media (orientation:portrait) and (max-height: 599px) { #showimage-vid{ height: 300px; } }
@media (orientation:portrait) and (max-height: 499px) { #showimage-vid{ height: 240px; } }
@media (orientation:portrait) and (max-height: 399px) { #showimage-vid{ height: 180px; } }
@media (orientation:portrait) and (max-height: 299px) { #showimage-vid{ height: 120px; } }
*/


@media (orientation:portrait) {
    #showimage-info {
        width: 100%;
        float:none;
        height: auto;
        bottom: 0;
    }

    #showimage-zoomdiv {
        width:90%;
        width: calc(100% - 2em);
    }
}

@media (max-width:549px) {
    #showimage a {
        font-size: 1.3em;
    }
}


/************************************************************************************************************************/




@media (max-width:999px) {
    body {
        background-image:none;
        font-size: 12px;
        font-size: calc(11px + 0.3vw);
    }
    div.main, div.footerbox {
        border-radius: 0;
    }
}

@media (max-width:799px) {
    body {
        padding:0;
    }

    div.main {
        padding:none;
    }

}

@media (max-width:549px) {
    div.nav{
        display: none;
    }
    div.nav2{
        display: block;
        float:right;
    }

    div.innerbreadcrumb{
        display: none;
    }
}

@media (max-width:419px) {
    div.header {
        padding-left: 0;
        background-position: center 3px;
        padding-top: 65px;
    }
    div.nav2{
        float:none;
        text-align: center;
    }
    select.navdropdown {
        margin-right: 0;
    }

}

@media (max-width:639px) {
	div.nav a {
		padding-left:.5em;
		padding-right:.5em;
	}
}


/*######################### SEARCH #########################*/

div.searchbox{
    margin: .5em;
    margin: 1vw;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-top: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;

}

div.search{
    background-color: #f8f8f8;
}

div.search a.toggle{
    display:block;
    text-decoration:none;
    border: 1px solid #dddddd;
    border-radius: 0.2em;
    background-color: #ececec;
    float:right;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}

div.searchlabel {
    float:left;
    width: 16%;
    width:calc(18% - 1em);
    padding:0.3em;
    font-weight: bold;
}

div.searchoptions{
    float:right;
    width: 80%;
    width:calc(82% - 1.1em);
    padding:0.2em;
    overflow:hidden;
}

div.searchoptions a{
    display:inline-block;
    padding: .1em;
    padding-left: .1em;
    padding-right: .5em;
    border: 1px solid transparent;
    border-radius: .3em;
    margin:.1em;
	margin-top: 0;
    text-decoration:none;
}

div.searchoptions a span{
    color: #005D89;
    text-decoration: underline;
}

div.searchoptions a.toggle{
	font-size: 0.85em;
}

div.searchoptions a span.labelnumber,div.searchoptions div.labelinactive span.labelnumber{
    display:inline-block;
    width: 3.5em;
    color: #999999;
    text-decoration: none;
}

div.searchoptions a.active span.labelnumber{
    color: transparent;
}

div.searchoptions div.labelinactive{
    display:inline-block;
    padding: .1em;
    padding-left: .1em;
    padding-right: .5em;
    color: #999999;
    border: 1px solid transparent;
    margin:.1em;
}

div.searchoptions div.labelinactive span.labelicon{
    color: transparent;
    display:inline-block;
    padding-left: .15em;
    padding-right: .15em;
    margin-right:.2em;
    text-align: center;
}

div.searchoptions a span.labelicon{
    display:inline-block;
    text-decoration: none;
    background-color: transparent;
    color: transparent;
    border-radius: 1em;
    padding-left: .15em;
    padding-right: .15em;
    margin-right:.2em;
    text-align: center;
}

div.searchoptions a:hover span.labelicon{
    background-color: #dddddd;
    color: #F3F3E9;
}

div.searchoptions a.active span.labelicon{
    background-color: #a7a7a7;
    background: -webkit-linear-gradient(to bottom, #cacaca 0%, #a7a7a7 50%, #cacaca 100%);
    background: linear-gradient(to bottom, #cacaca 0%, #a7a7a7 50%, #cacaca 100%);
    color: white;
}

div.searchoptions a:hover{
    border: 1px solid #dddddd;
    background-color:white;
}

div.searchoptions a.active{
    background-color: #ffffaf;
    border-color: #c4c4c4;
    text-decoration:none;
}

div.resultheader {
    padding-top:0.3em;
    padding-left: 0.1em;
    font-size:.9em;
    float:left;
}
div.orderby {
    font-size:.9em;
    float:right;
}
div.pager {
    padding: 1em;
    text-align:center;
}
div.pager a {
    display:inline-block;
    margin-left:3em;
    margin-right:3em;
    text-decoration: underline;
}
div.pager span{
    display:inline-block;
    margin-left:3em;
    margin-right: 3em;
    color: #999999;
}


div.pc {
    display:inline-block;
    vertical-align: top;
    width:49.5%;
    width:calc(50% - 4px);
    margin-top:0.5em;
    margin-bottom: 1em;
}

div.pc a{
    text-decoration:none;
    color: inherit;
    display:block;
}

.pclink {
    padding-right:1.3em;
    text-align: right;
    color: #ababab;
    font-style:italic;
    margin-bottom:.2em;
    margin-top:1em;
    font-size: .9em;
}

div.pc .pclink a{
    text-decoration: underline;
    display:inline;
}


div.postercard, div.posterline {
    background-color: #efefef;
    background: -webkit-linear-gradient(to bottom, #f8f8f8 0%, #efefef 100%);
    background: linear-gradient(to bottom, #f8f8f8 0%, #efefef 100%);
    border: 1px solid #e6e6e6;
    border-radius: 0.3em;
    margin:0em;
    margin-left:.5em;
    margin-right:.5em;
    margin-left:1vw;
    margin-right:1vw;
    padding:0.4em;
}

div.postercard:hover, div.posterline:hover {
    background: -webkit-linear-gradient(to bottom, #efefef 0%, #f8f8f8 100%);
    background: linear-gradient(to bottom, #efefef 0%, #f8f8f8 100%);
    border-color: #cccccc;
}
div.postercard {
    min-height: 8em;
}

div.postercard p{
    text-align:left;
}

div.postercard h2 {
    padding:.2em;
    text-align:left;
    padding-left: 0.9em;
    padding-right: 0.9em;
    color:black;
    font-weight: normal;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0px 1px white;
}
p.authorlist{
    font-size:.9em;
    font-style:italic;
}

div.posterline div.posterimage{
    float:left;
    width:75px;
    margin-right: 10px;
}
div.posterline div.posterimage img{
    max-height:75px;
    max-width:75px;
}

div.posterline div.postertext{
    margin-left: 85px;
}

div.posterline i{
    font-size: 0.85em;
    color: #555555;
}

div.posterline h2{
    color: inherit;
    display: inline-block;
    font-size: 1em;
    font-weight: normal;
}

div.resultpager {
    margin: .5em;
    margin: 1vw;
    margin-top: 0;
    border: 1px solid #cccccc;
    padding: 0.2em;
    border-radius: 0.2em;
    background-color: #fbfbfb;
}


div.results{
    padding-bottom: 1em;
}

div.results div.pc{
    width:100%;
    margin-top: 0.3em;
    margin-bottom: 0;
}

div.results div.pc p{
    clear: left;
}

@media (max-width:649px) {
    div.pc {
        width:100%;
    }
}

div.postercard img.coverpicture {
    float:right;
    margin: 1em;
    margin-top: .5em;
    margin-bottom: .5em;
}
div.postercard h2 img {
    margin:0;
    margin-left: .5em;
    margin-right: .5em;
    float: right;
}
@media (max-width:999px) {
    div.postercard img.coverpicture {
        width: 33%;
    }
}
@media (max-width:849px) {
    div.postercard img.coverpicture {
        width: 15%;
    }
}
@media (max-width:799px) {
    div.postercard img.coverpicture {
        width: 16%;
    }
}
@media (max-width:699px) {
    div.postercard img.coverpicture {
        width: 17%;
    }
}
@media (max-width:599px) {
    div.postercard img.coverpicture {
        width: 18%;
    }
}
@media (max-width:499px) {
    div.postercard img.coverpicture {
        width: 19%;
    }
}
@media (max-width:399px) {
    div.postercard img.coverpicture {
        width: 20%;
    }
}

div.previousposter{
    font-size:0.9em;
    float:left;
}
div.nextposter {
    font-size:0.9em;
    float:right;
}



































/**************************************************/

sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}


div.sidebar_preview{
    border:1px solid white;
    background-color: white;
    float:right;
    padding:10px;
    width:152px;
}

div.sidebar_header{
    font-size:14px;
    font-weight:bold;
}

div.sidebar{
    padding:10px;
    width:152px;
    float:right;
    margin-top:10px;
    margin-bottom:10px;
	/*
    border: 1px solid #ebebeb;
    background-color: white;
	*/
    margin-left: 1em;
    margin-left: 2vw;
}

@media (max-width:699px) {
    div.sidebar{
        float:none;
        margin-left:auto;
        margin-right:auto;
    }
}


@media (max-width:720px) {
}


div.poster_view_textpart img{
    margin: 0;
    max-width: 150px;
}


div.poster_view_textpart hr{
    margin:0;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.6);
    height:0;
    box-shadow:none;
}

.poster-section-menu{
    margin-top: 1em;
    margin-top: 2vw;
    background-color:#ffffff;
    border:solid 1px #606060;
    border-radius: .2em;
}

.poster-section-menu-headline{
    background-color:#606060;
    color:#FFFFFF;
    font-weight:bold;
    padding: 1vw;
}

.poster-section-item{
    border-bottom:1px solid #E3E3E3;
    color:#444444;
    padding:7px;
    cursor:pointer;
}

.poster-section-item-active{
    background-color:#EEE7DD;
    border-bottom:1px solid #E3E3E3;
    font-weight:bold;
    padding:7px;
}

.poster-section-item:hover{
    background-color:#EEE7DD;
}

.textpartImage{
    display: block;
    border:solid 1px #ebebeb;
    padding:5px;
    background-color: white;
    margin-bottom:.5em;
    margin-top:.5em;
    text-align:center;
}

.imageannotation{
    text-align:left;
}


.Previewmode h1 {
    padding-left: 0;
    margin-bottom: .5em;
}

.Previewmode TABLE{
    border:solid 1px #000000 !important;
    border-collapse: collapse !important;
    width: auto !important;
}
.Previewmode TABLE TD {
    border:solid 1px #000000 !important;


}
.Previewmode .externalLinkIcon{
    padding-right:2px !important;
}

.Previewmode .textpartImage{
    padding:5px;
    border:solid 1px #ebebeb !important;
    text-align:center !important;
    background-color: white !important;
    margin-bottom: .5em !important;
    max-width: 380px !important;
}

.Previewmode .imageannotation{
    font-size: .85em !important;
    text-align:left !important;
}

.mceContentBody .textpartImage{
    position:relative;
}
.mceContentBody .textpartImage img{

}


.Previewmode p{
    margin:0 !important;
    padding:0 !important;
    text-align:justify;
    border: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    width: auto !important;
    height: auto !important;
}

.Previewmode img{
    border: none !important;
    padding:0 !important;
    margin:0 !important;
    width: auto !important;
    height: auto !important;
}



/**************************************************/

div.postermain{
    margin:1em;
    margin-left:2vw;
    margin-right:2vw;
}

div.postermain-a{
    float:right;
    width: 25%;
}
div.postermain-b{
    float:left;
    width: 75%;
}


div.postersection {
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;
    border-radius: 0.3em;
    padding:1em;
    padding:3vw;
    padding-top:.7em;
    padding-top: 2vw;
}

div.posternavigation {
    /*
    float:right;
    width: 21.55%;
    width: calc(100% - 688px - 5em);
    width: calc(100% - 688px - 10vw);
    */
    margin-left:0;
    margin-top:2em;
    padding: 1em;
    padding-left: 0;
    background-color: #fbfbfb;
    border: 1px solid #ececec;
    border-left-width: 0;
    border-top-right-radius: 0.2em;
    border-bottom-right-radius: 0.2em;
}


div.posternavigation a{
    font-size: 13px;
    display:block;
    padding:0.5em;
    text-decoration:none;
    border-style: solid;
    border-width: 0px;
    border-color: #e6e6e6;
    border-right-color: #fbfbfb;
    border-right-width: 1px;
    border-top-width: 1px;
    color: inherit;
}
div.posternavigation b{
    font-size: 13px;
    display:block;
    padding:0.5em;
    color: black;
}
div.posternavigation a:hover{
    background-color: #f7f7f7;
}

div.posternavigation a.selected{
    background-color: #f5f5f5;
    border-right: 1px solid #e6e6e6;
    border-top-right-radius: 0.2em;
    border-bottom-right-radius: 0.2em;
    font-weight:bold;
}

div.posteractions, div.shareposter{
    font-size: .9em;
    float:right;
    width: 23%;
    margin-top:2em;
    margin-top:4vw;
}

div.posteractions b, div.shareposter b{
    display: block;
    margin-bottom:.4em;
}
div.posteractions a{
    display:block;
    line-height:1.4em;
    margin-right: 2em;
    color: inherit;
    text-decoration: none;
    margin-bottom: .2em;
}
div.posteractions a span{
    text-decoration: underline;
}

div.posteractions a:hover span{
    text-decoration: none;
}


div.belowposter{
    clear:both;
}

div.sidebartile{
    font-size: 0.85em;
    display:inline-block;
    width: 152px;
	vertical-align: top;
	margin-top: .2em;
	margin-bottom: auto;
    border: 1px solid #ebebeb;
    background-color: white;
	text-align:center;
}
div.sidebartile div{
	padding: .3em;
	text-align:left;
}

@media (max-width:799px) {
    div.postermain-a{
        float:none;
        width: 100%;
        padding-bottom: 1em;
        padding-bottom: 2vw;
    }
    div.postermain-b{
        float:none;
        width: 100%;
    }

    div.posternavigation {
        float:none;
        width: auto;
        border-radius: .2em;
        border-left-width: 1px;
        padding-left: 1em;
        padding-left: 2vw;
    }
    div.posternavigation a{
        text-align:center;
        border-radius: .2em;
    }
    div.posternavigation a.selected{
        border-left-width: 1px;
    }
    div.posteractions, div.shareposter{
        clear:both;
        float:none;
        width:auto;
        margin-left:1em;
        margin-left:2vw;
        margin-right:1em;
        margin-right:2vw;
    }
    div.posteractions a{
        display:inline-block;
    }
    div.posteractions h1{
        text-align: left;
    }
}
@media (max-width:949px) {
	div.sidebar{
        float:none;
        width: auto;
        margin: 0;
		margin-bottom: 1em;
    }

}



div.email {
    margin:1em;
    background-color:white;
    border:1px solid #cccccc;
    border-radius:.2em;
}

div.email textarea, div.email input.textinput{
    border: 1px solid #cccccc;
    background-color:transparent;
    background-color:rgba(255,255,255,0.3);
    border-radius:.2em;
}


div.bookmarkinfo{
    margin-left: 0.9em;
    margin-right: 0.9em;
    font-size: 0.9em;
}

div.bookmarkinfo a{
    float: right;
    display: inline-block;
    background-color: #ececec;
    border: 1px solid #bdbdbd;
    padding: 0.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin: 0.2em;
    border-radius: 0.2em;
    color: #006499;
}

div.bookmarkinfo div.tag{
    float: left;
    display: inline-block;
    border: 1px solid #cfcfcf;
    color: #ababab;
    padding: 0.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin: 0.2em;
    border-radius: 0.2em;
}

.logininput {
    padding: .5em;
}

#f {
    padding: .6em;
    background-color: transparent;
    border: none;
    width: 80%;
    width: calc(100% - 3em);
}

.ft {
    display:inline-block;
    margin-left: 1.5em;
    width: 60%;
    width: calc(100% - 12em);
    border: 1px #c0c0c0 solid;
    border-radius: 5px;
    background: linear-gradient(to bottom, #e2e2e2 0%,#F2F2F2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    box-shadow: inset 1px 1px 2px #cccccc;
}

#rf {
    cursor: pointer;
    color: #c0c0c0;
}

#rf:hover {
    color: inherit;
    background:none;
    border: none;
}



td.postertitle {
    padding-top: .5em;
    color: #005D89;
    font-size: 1.3em;
}

td.posternumber {
    font-weight: bold;
    color: #005D89;
    font-size: 1.5em;
}

.Previewmode a{
    color: inherit;
}


div.prevnextposter{
    margin-left: 1em;
    margin-left: 2vw;
    margin-right: 1em;
    margin-right: 2vw;
}

a.prevnextposter{
    display: inline-block;
    border: 1px solid #BDBDBD;
    color: #005D89;
    padding: .3em;
    border-radius: .3em;
    text-decoration: none;
    background-color: #ECECEC;
}
span.prevnextposter{
    display: inline-block;
    border: 1px solid transparent;
    color: #dcdcdc;
    padding: .3em;
    border-radius: .3em;
}

.sectionreadmore{
    padding-top: 8px;
    padding-bottom: 10px;
}




div.tags {
    width: 60%;
    width: calc(100% - 200px);
    float:left;
}

div.contactpresenter h1 {
    color: #484848;
    padding-top: 1.5em;
}


div.bookmarklist div.posterline, div.bookmarksearch div.searchbox{
    margin-left: .5em;
    margin-left: 1vw;
    margin-right: .5em;
    margin-right: 1vw;
}

div.quicksearch {
	float:right;
}
div.quicksearch input{
	margin: 1em;
	margin-top: 30px;
	background-color:white;
	border-radius: 1em;
	border: none;
	width: 7em;
	padding: .2em;
	padding-left: 1em;
	padding-right: 1em;
}
@media (max-width:799px) {
	div.quicksearch {
		display: none;
	}
}