.rsc-ui .click-canvas-admin, .click-canvas-admin {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height: 1000%;
	overflow: hidden;
    z-index: 998;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.rsc-ui .canvas, .canvas {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 1000%;
	overflow: hidden;
    z-index: 998;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.inpage-photo img {
	display: block;
    overflow: auto;
    padding: 8px;
    margin-bottom: 16px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	max-width: 640px;
	margin: 0 auto;
}

.inpage-video {
    display: block;
    overflow: auto;
    padding: 8px;
    margin-bottom: 16px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .inpage-video iframe,
	.inpage-video object,
	.inpage-video embed {
        width: 100%;
        max-width: 480px;
        height: 100%;
        margin: 0 auto;
        min-height: 260px;
    }

    .inpage-video.left {
        float: left;
        xmargin: 0px;
    }

    .inpage-video.right {
        float: none;
        xmargin: 0px;
    }

    .inpage-video img {
        min-width: 160px;
        width: auto;
        height: auto;
        border: 1px solid #F4F3F2;
        margin: 0 auto;
    }

    .inpage-video .caption {
        font-size: 12px;
        color: #505759;
        display: block;
        line-height: 12px;
    }

@media only screen and (min-width: 480px) {
    .inpage-video {
        background-color: #000000;
        display: block;
        overflow: auto;
        padding: 8px;
        width: 100%;
        max-width: 100%;
        min-height: 120px;
        height: auto;
    }

        .inpage-video iframe,
		.inpage-video object,
		.inpage-video embed {
            width: 100%;
            height: auto;
            margin: 0 auto;
        }
}

@media only screen and (min-width: 800px) {
    .inpage-video {
        display: block;
        overflow: auto;
        padding: 8px;
        width: 100%;
        max-width: 640px;
        min-height: 320px;
        height: auto;
    }

        .inpage-video iframe,
		.inpage-video object,
		.inpage-video embed {
            xwidth: 100%;
            max-width: 640px;
            min-height: 320px;
            height: auto;
            margin: 0;
        }

        .inpage-video.right {
            float: right;
            margin-left: 32px;
        }

        .inpage-video.left {
            float: right;
            margin-right: 32px;
        }

        .inpage-video img {
            max-width: 50%;
        }
}

.rsc-ui button.clear {
    background-color: #FFFFFF;
}
.rsc-ui a.action-link,
.rsc-ui button.action-link, 
.rsc-ui input[type=button].action-link {
   background-color: transparent;
   xbackground-color: rgba(255,255,255,.5);
   xborder: 1px solid #FFFFFF;
   xborder: 1px solid rgba(255,255,255,.5);
   box-shadow: none;
   color: #006BA6;
   display: inline-block;
   font-family: arial;
   font-size: 12px;
   padding: 8px 8px;
   text-transform: none;
   text-decoration: underline;
   height: 32px;
   min-height: 32px;
   margin: 8px 8px 0 0;
   width: auto !important;
}
.action-link:focus {
	outline: 1px solid #006BA6 !important;
}

@media only screen and (min-width: 768px) {
	.rsc-ui a.action-link,
	.rsc-ui button.action-link, 
	.rsc-ui input[type=button].action-link {
		font-size: 16px;
	}
}

.rsc-ui button.action-link:hover, 
.rsc-ui input[type=button].action-link:hover {
	color: #008AC3;
}

.rsc-ui .notablestyles table {
    width: auto;
}

.rsc-ui table td table td {
    border-bottom: 0px;
}

.rsc-ui form .help-text {
    color: #6C7476;
    display: block;
    font-size: 14px;
    line-height: 16px;
}

.rsc-ui table td input[type=radio] {
    min-width: 16px;
    margin-left: 16px;
}

.rsc-ui .expand-list {
    margin: 0;
}

div.spinner-mask[aria-hidden=false] {
    display: inline !important;
}

div.spinner-mask[aria-hidden=true] {
    display: none !important;
}

.spinner-mask img {
    margin-top: 20px;
    /*float:right;*/
    margin-left: 50%;
}

.spinner-mask {
    background-color: #FFFFFF;
    xbackground-color: rgba(255,255,255,0.8);
    /*background-image: url(../images/spinner-bg.png);*/
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: inline;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    /*padding: 16px;*/
    /*float:right;*/
}

.search-button {
    width: auto !important;
    max-width: 250px;
    float: right;
}

/* help pages */
.btn-chevron {
    float: right;
    margin: 16px 0;
}

/* deprecated */
.deprecated_header.grey-rounded-box {
    padding: 8px;
    margin: 8px 0;
    border: 4px solid #D30707;
    background-color: #F4F3F2;

}

/* selector classes */

#pnlSearchHelp {
    display: none;
}

    #pnlSearchHelp .column {
        min-height: 64px;
    }

    #pnlSearchHelp .head {
        color: #505759;
        display: block;
        font-size: 12px;
        font-weight: bold;
        height: 12px;
        line-height: 12px;
    }

    #pnlSearchHelp .body {
        color: #006BA6;
        display: table-cell;
        height: 24px;
        font-size: 12px;
        line-height: 12px;
        vertical-align: bottom;
    }

.rsc-ui .rsc-masthead .search-wrapper input[type=text] {
    width: 87.5%; /*Fallback*/
    width: calc(100% - 48px);
}

.rsc-ui .main-content a,
.rsc-ui .main-content a:link,
.rsc-ui .main-content a:active,
.rsc-ui .main-content a.visited {
    color: #006BA6;
}

    .rsc-ui .main-content a:hover,
    .rsc-ui .main-content a:focus {
        color: #008AC3;
    }

ul.contents {
    border-left: 4px solid #006BA6;
    list-style-type: none;
    margin-left: 8px;
    padding-left: 8px;
}

h2.section-head,
h2.section-head-spectra,
h2.section-head-advanced-search,
h2.section-head-advanced-search-ds {
    font-size: 24px !important;
    margin: 0;
    -webkit-margin-before: 0px;
}

    h2.section-head a,
    h2.section-head-spectra a,
    h2.section-head-advanced-search a,
    h2.section-head-advanced-search-ds a {
        background-image: url(/RSC.ORG/core/images/icons/chevron-down-light.png);
        background-position: 98% center;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        padding-bottom: 8px;
        xborder-bottom: 1px solid #F9F9F8;
		padding-left: 0px;
    }

    h2.section-head.open a,
    h2.section-head-spectra.open a,
    h2.section-head-advanced-search.open a,
    h2.section-head-advanced-search-ds.open a {
        background-image: url(/RSC.ORG/core/images/icons/chevron-up-light.png);
        background-position: 98% center;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        padding-bottom: 8px;
        padding-left: 0px;
    }
	
@media only screen and (min-width: 1024px) {
	h2.section-head a,
    h2.section-head-spectra a,
    h2.section-head-advanced-search a,
    h2.section-head-advanced-search-ds a,
	
	h2.section-head.open a,
    h2.section-head-spectra.open a,
    h2.section-head-advanced-search.open a,
    h2.section-head-advanced-search-ds.open a {
        background-position: 8px center;
        padding-left: 16px;
	}
}
	
	

    h2.section-head a,
    h2.section-head-spectra a,
    h2.section-head-advanced-search a,
    h2.section-head-advanced-search-ds a {
        border-top: 1px solid #F9F8F8;
        /*color: #767676 !important;*/
        display: block;
		background-color: #006BA6;
		color: #FFFFFF !important;
		font-weight: 500;
        font-family: museo_sans_500regular !important;
    }
	
        h2.section-head a:hover,
        h2.section-head-spectra a:hover,
        h2.section-head-advanced-search a:hover h2.section-head-advanced-search-ds a:hover {
            background-color: #004C89;
            color: #FFFFFF !important;
            xbox-shadow: 0px 0px 16px rgba(0,0,0,0.1);
        }

		
h2.section-head.unstyled a {
	background-color: #F9F8F8;
	color: #223335 !important;
	background-image: url(/RSC.ORG/core/images/icons/chevron-down.png);
}	
h2.section-head.unstyled.open a {
	background-color: #F4F3F2;
	color: #223335 !important;
	background-image: url(/RSC.ORG/core/images/icons/chevron-up.png);
}
h2.section-head.unstyled a:hover {
	background-color: #F4F3F2;
}
		

.advanced-search-block label {
    font-weight: bold;
}

.advanced-search-block input[type="text"] {
    height: 32px;
    margin: 4px 0;
}

.advanced-search-block select {
    height: 32px;
    margin: 4px 0;
    padding: 4px;
}

.props-search-block label {
    font-weight: bold;
}

.props-search-block input[type="text"] {
    height: 32px;
    margin: 4px 0;
}

.props-search-block select {
    height: 32px;
    margin: 4px 0;
    padding: 4px;
}

.section-head-advanced-search .section-head-advanced-search-checkbox {
    position: absolute;
    left: -10000px;
    xmargin-left: -16px;
}

.section-head-advanced-search.open {
    background-color: #F4F3F2;
}

    .section-head-advanced-search.open .section-head-advanced-search-checkbox {
        position: relative;
        left: 0;
    }

.rsc-ui table.search-range-block {
    margin-left: 0px;
}

@media only screen and (min-width: 480px) {
    .rsc-ui table.search-range-block {
        margin-left: 24px;
    }
}

.rsc-ui table.search-range-block label {
    font-weight: normal;
}

.rsc-ui table.search-range-block td {
    height: 24px;
    min-height: 24px;
    padding: 2px 8px;
}

    .rsc-ui table.search-range-block td input[type=radio] {
        margin-left: 8px;
    }

@media only screen and (min-width: 480px) {
    .rsc-ui table.search-range-block td input[type=radio] {
        margin-left: 16px;
    }
}

@media only screen and (max-width: 480px) {
    pre {
        white-space: pre-wrap !important;
    }

    .search-button {
        width: 49% !important;
        max-width: 100%;
		margin-right: 0 !important;
        float: left;
		margin: 0.5%;
    }

    .search-options-btn {
        width: 50% !important;
        max-width: 160px;
		max-width: 100%;
        float: left;
    }

    .search-options-hit-limit {
        width: 100% !important;
        max-width: 300px;
        float: left !important;
    }
}

/* content layout */
.table-block {
    display: table;
    vertical-align: top;
}

    .table-block span,
    .table-block div,
    .table-block ul {
        display: table-cell !important;
        vertical-align: top;
        float: none !important;
    }

    .table-block .mol-thumb {
        min-width: 150px !important;
    }

    .table-block span.name {
        width: auto !important;
        padding: 16px !important;
    }

    .table-block .struct-props {
        min-width: 150px !important;
        padding: 12px !important;
    }

.main-content {
    width: 100%;
    display: table;
    vertical-align: top;
}

.content-wrapper {
    display: block;
    vertical-align: top;
    padding-right: 0px;
    width: auto;
    margin-bottom: 10px;
}

.advert-wrapper {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: none;
    vertical-align: top;
    padding: 16px;
    width: auto;
}

    .advert-wrapper a img {
        max-width: 300px;
		height: auto;
    }

h2.block-header {
    color: #006BA6;
    font-size: 14px;
	font-family: museo_sans_500regular;
	font-weight: 500;
    border-bottom: 1px solid #006BA6;
    height: 40px;
    margin: 8px 0 0 0;
    -webkit-margin-before: 8px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;

}

.tab-content ul li {
    list-style-type: none;
    border-bottom: 1px solid #FFFFFF !important;
    vertical-align: top;
}

.articles {
    font-size: 10pt;
}

.tab-content.articles ul {
    padding-left: 0px;
}

.tab-content.articles ul li {
    background-image: url(../images/article-icon.png);
    background-position: 0px 16px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    padding: 16px 0 16px 40px;
}

.tab-content.ui-tabs-panel {
    margin: 0 8px;
}

    .tab-content.ui-tabs-panel table td {
        border-top: 1px dotted #505759;
        border-bottom: 0px dotted #FFFFFF;
        padding-left: 8px;
        vertical-align: top;
    }

.user_data_categories_list {
    margin: 0 !important;
    padding: 0 !important;
}

.tab-content.ui-tabs-panel li {
    list-style-type: none;
}

.user_data_category_name {
    font-family: museo_sans700;
    font-weight: 700;
    font-size: 20px;
    margin-top: 16px;
    display: block;
    padding: 16px 0;
}

.user_data_property_name {
    display: inline-block;
    font-size: 16px;
    xfont-weight: bold;
    margin-top: 8px;
    padding-left: 8px;
    vertical-align: middle;
}

.truncatedannotation {
    display: none;
}

.bar.list li a:hover, .bar.list li a:focus, .bar.list li a.selected {
    background-color: #008AC3;
}

.tab-list li a {
    border-bottom: 1px solid #F4F3F2;
}

.tab-list-modal {
    background-color: #F9F9F8;
    border: 1px solid #F4F3F2;
    display: none;
    position: absolute;
    z-index: 10001;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
}

    .tab-list-modal li {
        list-style-type: none;
        width: 100%;
        float: none;
        margin: 0;
    }

        .tab-list-modal li a {
            display: block;
            padding: 8px;
            text-decoration: none;
            margin: 0;
        }

.tab-list.small {
    background-color: #F4F3F2;
    border-bottom: 1px solid #F4F3F2;
    margin: 0 !important;
    padding: 0;
    height: 32px;
    -webkit-margin-before: 0px !important;
    -webkit-margin-after: 0px !important;
    -webkit-margin-start: 0px !important;
    -webkit-padding-start: 0px !important;
    -moz-padding-start: 0px !important;
}

    .tab-list.small li {
        list-style-type: none;
        padding: 0;
        margin: 0 2px 0 0;
        float: left;
    }

        .tab-list.small li a {
            background-color: #F4F3F2;
            color: #006BA6;
            display: block;
            font-size: 12px;
            padding: 3px 8px 4px 8px;
            text-decoration: none;
            border-top: 1px solid #006BA6;
            border-right: 1px solid #006BA6;
            border-left: 1px solid #006BA6;
            margin-top: -1px;
            border-bottom: 1px solid #006BA6;
        }

            .tab-list.small li a.selected {
                background-color: #FFFFFF;
                border-top: 1px solid #006BA6;
                border-right: 1px solid #006BA6;
                border-left: 1px solid #006BA6;
                border-bottom: 1px solid #FFFFFF;
                color: #223335;
                padding-top: 4px;
            }

            .tab-list.small li a:hover {
                background-color: #FFFFFF;
            }

            .tab-list.small li a.selected:hover {
                background-color: #FFFFFF;
            }

.structure-editor-wrapper {
    background-color: #FFFFFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #006BA6;
    margin-top: -1px;
    text-align: left;
    padding: 16px;
}

    .structure-editor-wrapper img {
        max-width: 720px;
        width: 100%;
        height: auto;
    }

.btn-file-input {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.results-info {
    position: relative;
    display: inline;
    z-index: 10;
    width: 100%;
    min-height: 40px;
}

    .results-info button {
        margin: 16px 0;
    }

    .results-info .info {
        display: inline-block;
        float: left;
        padding: 8px;
        max-width: 75%;
    }

    .results-info h2, .results-info h3 {
        margin-top: 8px;
		font-family: Arial;
		font-weight: normal;
		font-size: 16px;
        /*line-height: 18px;*/
    }

    .results-info .note {
        font-size: 14px;
        line-height: 20px;
    }

ul.view-type-wrapper {
    list-style-type: none;
    float: right;
    margin-left: 8px;
    -webkit-margin-before: 8px;
    -webkit-margin-after: 8px;
    -webkit-margin-start: 8px;
    padding-left: 10px;
}

.view-type-wrapper li {
    list-style-type: none;
    float: left;
}

    .view-type-wrapper li .button {
        border: 1px solid #F4F3F2;
        display: block;
        padding: 2px;
        margin: 4px;
        min-width: 40px;
        min-height: 40px;
        width: 40px;
        height: 40px;
        text-align: center;
    }

        .view-type-wrapper li .button:hover {
            background-color: #F4F3F2;
            border: 1px solid #F4F3F2;
            display: block;
        }

        .view-type-wrapper li .button.selected {
            border: 1px solid #F4EA34;
        }

    .view-type-wrapper li img {
        line-height: 0;
        width: 32px;
        height: 32px;
    }

/* structure head */
.structure-head {
    position: relative;
}

    .structure-head h1 {
        word-wrap: break-word;
        word-break: break-all;
        max-height: 100%;
        overflow-x: hidden;
    }

button.btn-comment {
    font-size: 12px;
    min-width: 32px;
    width: 40px;
    padding: 4px;
}

    button.btn-comment img {
        line-height: 0;
        width: 32px;
        height: 32px;
    }

/* struct-props */
ul.struct-props {
    /*font-size: 12px;*/
    line-height: 16px;
    margin: 0 0 10px;
    padding-left: 0px;
}

@media only screen and (min-width: 768px) {
	ul.struct-props {
		padding-left: 18px;
	}
}

    ul.struct-props li {
        list-style-type: none;
		padding: 4px 0;
    }

        ul.struct-props li.extra {
            display: none;
            line-height: 24px;
        }

    ul.struct-props .extra strong {
        color: #6c7476;
    }

    ul.struct-props li.extra a {
        text-decoration: none;
    }

    ul.struct-props .prop_title {
        color: #6c7476;
        display: block;
        font-weight: 500;
        letter-spacing: -0.01em;
        line-height: 24px;
        margin-right: 16px;
        min-width: 128px;
        width: auto;
		font-size: 12px;
    }

@media only screen and (min-width: 768px) {
	ul.struct-props .prop_title {
		font-size: 16px;
	}
}
.struct-props .sys-name {
    display: inline-block;
    height: 72px;
    max-height: 72px;
    overflow: hidden;
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
}

.struct-extra-props {
    background-color: #f4f3f2;
}
.struct-extra-props .struct-props {
	padding: 0 8px;
}
.struct-extra-props .struct-props li {
	clear: both;
	position: relative;
	min-height: 48px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.struct-extra-props .struct-props p {
	display: block;
	padding-right: 80px;
	font-size: 12px;
	line-height: 16px;
	font-size: 16px;
		line-height: 20px;
	word-wrap: break-word;
	word-break: break-all;
}
.struct-extra-props .struct-props button {
	position: absolute;
	right: 8px;
	top: -4px;
	
}
.struct-extra-props .prop_title {
	display: block;
	width: 80px;
}

@media only screen and (min-width: 768px) {
	.struct-extra-props .struct-props p {
		font-size: 16px;
		line-height: 20px;
	}
	.struct-extra-props .prop_title {
		float: left;
		height: 48px;
		padding-left: 8px;
	}
}

.structure-thumb {
    background-color: #ffffff;
    border: 1px solid #f4f3f2;
    display: block;
    margin: 0 16px 8px 1px;
    padding: 0 4px 32px 0;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 4;
    min-height: 250px;
}

    .structure-thumb img {
        height: auto;
        margin: 0 auto;
        max-width: 250px;
        padding: 8px;
        position: relative;
        width: 100%;
        z-index: 4;
    }

    .structure-thumb button img {
        padding: 0px;
    }

    .structure-thumb div {
        padding-bottom: 1px;
    }

.mol-ctrls {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    z-index: 5;
}

    .mol-ctrls button {
        background-color: #006BA6;
        width: 24% !important;
        margin: 0 0.5%;
        float: left !important;
        padding: 0px;
        min-height: 32px;
        height: 24px;
        font-size: 12px;
        min-width: 24px;
        max-width: 64px;
    }

        .mol-ctrls button .small-icon {
            width: 24px !important;
            height: 24px !important;
            max-width: 24px;
            max-height: 24px;
            vertical-align: middle;
        }

.mol-adopted {
    border: 1px solid #505759;
    border-radius: 2px;
    clear: both;
    display: block;
    margin-top: 32px;
    position: relative;
    right: 0;
    text-align: center;
    top: 24px;
    width: 100%;
}

.mol-adopted-title {
    background-color: #505759;
    color: #ffffff;
    display: block;
    font-size: 14px;
    padding: 4px 8px;
}

.mol-adopted-img {
    margin: 0 auto;
    padding: 4px 8px;
}

/* results */

.results-wrapper {
    position: relative;
}

.results-wrapper {
    position: relative;
}

    .results-wrapper.list h1 {
        margin-top: 0px;
        -webkit-margin-before: 0px;
        margin-bottom: 0px;
        -webkit-margin-after: 0px;
        padding-right: 0;
    }

    .results-wrapper.list .mol-adopted {
        display: none;
    }

    .results-wrapper.list .structure-head {
        border: 4px solid #F4F3F2;
        margin-bottom: 4px;
        padding: 16px;
    }

    .results-wrapper.list ul.struct-props {
        width: auto;
    }

    .results-wrapper.list .structure-thumb {
        margin: 0 16px 16px 0;
        height: 150px;
    }

    .results-wrapper.list .mol-ctrls {
        display: none;
    }

.tile .result-item {
    float: left;
    position: relative;
    width: 50%;
}

    .tile .result-item a {
        border: 4px solid #f4f3f2;
        display: block;
        margin: 4px;
        max-height: 192px;
        position: relative;
    }

    .tile .result-item .mol-thumb {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

        .tile .result-item .mol-thumb img {
            height: auto;
            max-width: 120px;
            width: 100%;
        }

    .tile .result-item .name {
        background-color: #f4f3f2;
        display: block;
        font-size: 12px;
        height: 52px;
        line-height: 14px;
        margin-top: 4px;
        max-height: 64px;
        overflow: hidden;
        padding: 8px 4px 16px;
        text-align: center;
        width: 100%;
    }

    .tile .result-item ul.struct-props {
        display: none;
    }

.list .result-item {
    clear: both;
    position: relative;
    width: 100%;
}

    .list .result-item a {
        background-color: inherit;
        border: 1px solid #e6e6e6;
        color: #223335;
        display: block;
        height: auto;
        margin: 4px 0;
        max-height: 400px;
        min-height: 374px;
        position: relative;
        text-decoration: none;
    }

        .list .result-item a:hover {
        }

    .list .result-item .mol-thumb {
        background-color: #ffffff;
        display: block;
        height: 152px;
        margin: 8px auto;
        max-width: 150px;
        padding: 0 4px;
        position: relative;
        text-align: center;
        width: auto;
        z-index: 4;
    }

        .list .result-item .mol-thumb img {
            height: auto;
            max-width: 150px;
            position: relative;
            width: 100%;
            z-index: 4;
        }

    .list .result-item .name {
        color: #505759;
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        height: 50px;
        line-height: 14px;
        margin-top: 8px;
        max-height: 64px;
        overflow: hidden;
        padding: 8px 4px 16px 8px;
        text-align: center;
        width: auto;
        word-break: break-all;
        z-index: 3;
    }

        .list .result-item .name:after {
            background-color: inherit;
            color: #223335;
            display: block;
            font-size: 12px;
            padding: 0 4px;
            position: absolute;
            right: 1px;
            top: 40px;
            z-index: 5;
        }

    .list .result-item ul.struct-props {
        display: block;
        padding-top: 0;
    }

        .list .result-item ul.struct-props li {
            line-height: 12px;
            margin: 0;
        }

        .list .result-item ul.struct-props .prop_title {
            min-width: 48px;
            width: auto;
        }

/* Sponsors */

.sponsor {
    display: table;
    vertical-align: top;
    width: 100%;
    height: auto;
}

    .sponsor .img-block {
        display: table-cell;
        vertical-align: top;
        width: 100px;
        height: auto;
    }

        .sponsor .img-block img {
            max-height: 150px;
            max-width: 100px;
        }

    .sponsor .info-block {
        display: table-cell;
        padding: 0 16px;
        vertical-align: top;
        width: auto;
    }

        .sponsor .info-block p {
            font-size: 12px;
            height: 140px;
            line-height: 20px;
            overflow: hidden;
        }

        .sponsor .info-block .read-more {
            font-size: 12px;
        }

/* team profiles */

.team-profile {
    display: table;
    vertical-align: top;
    width: 100%;
    height: auto;
}

    .team-profile .img-block {
        display: table-cell;
        vertical-align: top;
        width: 150px;
        height: auto;
    }

        .team-profile .img-block img {
            width: 150px;
            height: auto;
        }

    .team-profile .info-block {
        display: table-cell;
        padding: 0 16px;
        vertical-align: top;
        width: auto;
    }

        .team-profile .info-block p {
            font-size: 12px;
            height: 140px;
            line-height: 20px;
            overflow: hidden;
        }

        .team-profile .info-block .read-more {
            font-size: 12px;
        }

.banner {
    box-sizing: border-box;
}
.banner.style1 {
    margin: 8px 0;
}
.banner .info-block {
    background-color: #f9f9f8;
    box-sizing: border-box;
    float: left;
    padding: 16px;
    text-align: right;
    width: 100%;
}
.banner .circle {
    padding-right: 16px;
    text-align: right;
}
.banner .large {
    color: #33556b;
    display: block;
    font-family: museo_sans700;
    font-size: 8em;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 0.8;
}
.banner .large .smaller {
    color: #33556b;
    display: inline-block;
    font-family: museo_sans_500regular;
    font-size: 0.5em;
    font-weight: 500;
    letter-spacing: -0.05em;
    /*line-height: 0.5em;*/
    padding-left: 4px;
}
.banner .small {
    color: #006ba6;
    display: block;
    font-family: museo_sans_500regular;
    font-size: 2em;
    font-weight: 500;
    line-height: 0.8;
    padding-left: 4px;
}
.banner .summary {
    box-sizing: border-box;
    color: #223335;
    float: left;
    margin-top: 16px;
    padding: 0;
    width: 100%;
}
.banner .summary h2 {
    color: #223335;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1em;
    margin-top: 0;
}

.blog .rss {
    display: inline-block;
    font-size: 12px;
    padding-top: 16px;
}
.blog .rss a {
    text-decoration: none;
}
.blog .rss img {
    vertical-align: middle;
}
.blog-chemspider ul {
    margin: 0;
}
.blog-chemspider ul li {
    list-style-type: none;
}
.blog-chemspider ul li a {
    border-bottom: 1px solid #f4f3f2;
    display: block;
    padding: 8px 0;
}

/* back button */
.back button {
    margin: 0px 16px 0 0;
}

/* admin controls */
.admin-ctrl-dd {
    background-color: #f4f3f2;
    border: 1px solid #cccccc;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    display: block;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 188px;
    width: 100%;
    z-index: 999;
}

    .admin-ctrl-dd ul {
        border-top: 1px solid #cccccc;
        margin: 0;
        padding: 0;
    }

        .admin-ctrl-dd ul li {
            display: none;
            list-style-type: none;
        }

    .admin-ctrl-dd .title {
        display: block;
        width: 100%;
    }

    .admin-ctrl-dd a {
        color: #223335 !important;
        display: block;

        padding: 8px;
        text-decoration: none;
    }

        .admin-ctrl-dd a.title {
            background-color: #f4f3f2;
        }

        .admin-ctrl-dd a:hover {
            background-color: #ffffff;
        }

.video {
    background-color: #000000;
    text-align: center;
}

    .video iframe {
        min-height: 325px;
        max-width: 525px;
    }


/* responsive classes */
@media only screen and (min-width: 480px) {

    /* back button */
    .back button {
        margin: 0px 16px 0 0;
    }

    /* sponsors */
    .sponsor .img-block {
        width: 150px;
    }

        .sponsor .img-block img {
            max-width: 150px;
        }

    .results-wrapper .quick-links .prop_title {
        display: inline-block;
    }

    .search-structure-block {
        left: 192px;
        position: absolute;
        top: 48px;
        width: auto;
        z-index: 5;
    }

        .search-structure-block a {
            background-color: transparent !important;
            display: block;
            font-size: 12px;
            height: auto;
            min-height: 24px !important;
            min-width: 24px !important;
            text-decoration: none;
            width: auto;
        }

    .tile .result-item {
        width: 33.33%;
    }

    .list .result-item ul.struct-props li {
        float: left;
        min-width: 180px;
    }

    .list .result-item a {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #ffffff #ffffff #f4f3f2;
        border-image: none;
        border-style: solid;
        border-width: 0 0 1px;
        color: #223335;
        display: block;
        margin: 1px 0;
        max-height: 192px;
        min-height: 192px;
        position: relative;
    }

    .list .result-item .mol-thumb {
        background-color: #ffffff;
        border: 1px solid #f4f3f2;
        display: block;
        float: left;
        height: 150px;
        margin: 16px;
        padding: 0 4px;
        position: relative;
        width: 150px;
        z-index: 4;
    }

    .list .result-item ul.struct-props {
        display: block;
        left: 180px;
        padding-top: 64px;
        position: absolute;
    }

    .list .result-item .name {
        clear: both;
        color: #767676;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        height: 50px;
        line-height: 14px;
        margin-bottom: 16px;
        max-height: 64px;
        overflow: hidden;
        padding: 8px 24px 16px 8px;
        position: absolute;
        width: auto;
        word-break: break-all;
        z-index: 3;
    }

        .list .result-item .name:after {
        }

    /*button.btn-comment {
    font-size: 12px;
    min-width: 130px;
}*/

    .structure-thumb {
        float: left;
        width: 250px;
    }
}

@media only screen and (min-width: 600px) {
    /* back button */
    .back button {
        margin: 0px 16px 0 0;
    }

    .rsc-branding {
        background-position: right bottom;
        background-repeat: no-repeat;
    }

    .results-head h1 {
        padding-right: 180px;
    }
}

@media only screen and (min-width: 640px) {
    /* back button */
    .back button {
        margin: 3px 16px 0 0;
    }

    .mol-adopted {
        float: right;
        position: absolute;
        width: 196px;
    }

    .tile .result-item {
        width: 25%;
    }

    .list .result-item {
        padding-right: 196px;
    }
}

@media only screen and (min-width: 768px) {

    .rsc-ui .masthead-logo .title {
        font-family: museo_sans700;
        font-size: 56px;
        font-weight: 700;
        line-height: 56px;
		
    }

    .rsc-ui .masthead-logo .strap {
        font-family: museo_sans_500regular;
        font-size: 24px;
        font-weight: 500;
    }

    .rsc-ui .column.four {
        min-height: 100px;
    }

    .rsc-ui h3, .rsc-ui .h3 {
        font-size: 18px;
    }

    .blog .rss {
        padding-top: 48px;
    }

    h2.block-header {
        font-size: 14px;
    }

    .tab-content.articles ul li {
        background-size: 40px 40px;
        padding: 16px 0 16px 48px;
    }

    .list .result-item ul.struct-props li {
        margin-right: 32px;
        /*min-width: 40%;*/
    }

    .search-field-block {
        margin: 0 !important;
        padding: 16px;
    }

    button.btn-comment {
        font-size: 16px;
        min-width: 196px;
    }

    .admin-ctrl-dd {
        top: 144px;
        width: 196px;
    }

    .structure-head h1 {
        max-height: 100%;
        padding-right: 216px;
        word-break: break-all;
        word-wrap: break-word;
		margin-bottom: 8px;
    }
	.structure-head h1 span {
		display: block;
		xoverflow-x: hidden;
		xmax-height: 96px;
	}

    ul.struct-props .prop_title {
        display: inline-block;
        max-width: 160px;
        width: 40%;
    }

    .mol-adopted {
        top: -32px;
    }
}

@media only screen and (min-width: 920px) {

    .back button {
        margin: 16px 16px 0 0;
    }


    .tile .result-item {
    }

    .user_data_property_name {
        font-size: 20px;
		padding-left: 16px;
    }
}

@media only screen and (min-width: 960px) {
    .btn-structure-option-wrapper {
        margin: 8px;
    }

        .btn-structure-option-wrapper .btn-structure-option {
            font-size: 10px;
        }

    .results-head .quick-links .prop_title {
        width: auto;
    }

    .results-head .quick-links .prop_title {
        min-width: 160px;
    }

    .list .result-item .name {
        font-size: 16px;
        line-height: 18px;
        min-height: 64px;
    }

    ul.struct-props {
        font-size: 14px;
        margin-top: 0px;
    }
    /*ul.struct-props .prop_title {
    font-size: 12px;
}*/
}


/* Adverts are displayed above this screen size */
@media only screen and (min-width: 1024px) {
    .content-wrapper {
        display: table-cell;
        padding-right: 32px;
        vertical-align: top;
    }

    .advert-wrapper {
        display: table-cell;
        padding: 16px;
        vertical-align: top;
        width: 144px;
    }
}
@media only screen and (min-width: 1200px) {
    .modal .welcome {
        left: 20%;
        width: 60%;
    }

    .tile .result-item {
        width: 20%;
    }

    .search-structure-block {
        left: 192px;
        top: 132px;
    }

        .search-structure-block a.button {
            float: left !important;
            margin-right: 4px !important;
        }

    ul.struct-props li.extra {
        display: block;
    }

    ul.struct-props {
        /*-moz-column-count: 2;*/
        font-size: 16px;
        width: 60%;
        padding-left: 15px;
    }
	
	.struct-extra-props ul.struct-props {
		width: 100%;
	}
}

@media only screen and (min-width: 1600px) {
    body {
        /*background-image: url("../images/chemspider-side-bg.png");*/
        background-position: right top;
        background-repeat: no-repeat;
    }
    .content-wrapper {
        width: 70%;
		width: calc(100% - 320px);
    }
	h2.block-header {
        font-size: 18px;
    }
}

@media only screen and (min-height: 800px) and (min-width: 920px) {
    .modal {
        height: 100%;
        position: static;
    }
}

/* Taken from common.css */
.syn_editor {
    margin-left: 2px;
    margin-right: 2px;
    float: right;
    font-size: 10px;
    white-space: nowrap;
}

.synonym_approved {
    font-weight: bold !important;
}

.synonym_confirmed {
    text-decoration: underline !important;
}

.synonym_rejected {
    text-decoration: line-through !important;
}

.synonym_deleted {
    text-decoration: line-through !important;
    color: silver;
}

.synonym_purged {
    text-decoration: line-through !important;
    color: gainsboro;
}

.synonym_cn {
    font-weight: bold !important;
    border: 1px solid gray;
    margin: 1px;
}

.synonym_ref {
    margin-left: 0px;
    font-style: italic;
    color: #999999;
}

.synonym_language {
    margin-left: 6px;
    font-style: italic;
    color: #999999;
}

.synonym_redirected {
    color: #0000ff;
}

.synonym_redirect_approved {
    font-weight: bold !important;
    color: #0000ff;
}

p.syn {
    margin: 0 0 0px;
}

div.syn {
    margin: 0 0 0px;
    word-wrap: break-word;
    margin-top: 5px;
}

.right-button {
    float: right;
    margin-right: 10px !important;
    margin-right: 10px !important;
}

p.legend {
    padding-bottom: 0.5em;
}

.hidden-tab-container {
    display: none !important;
}

.hidden-content {
    display: none !important;
}

.helpControl {
    /*display:inline;*/
    display: none; /* Hide them all until it works properly */
    padding-left: 7px;
    cursor: help;
    position: relative;
    top: 3px;
}

a.icon {
    background-position: 0% 50%;
    background-repeat: no-repeat;
    padding-left: 22px;
}

.structureUploader input {
    width: 100%!important;
}
/*.opened .switch {
	background-image: url(images/i_sort_desc_003d6e.gif);
}
.closed .switch {
	background-image: url(images/i_next_003d6e.gif);
}*/

#search_header.closed > div,
#search-form #options.closed > div {
    height: 0;
    overflow: hidden;
    opacity: 0;
    *height: auto;
    *display: none;
    *opacity: 1;
}

#search_header.opened > div,
#search-form #options:target > div,
#search-form #options.opened > div {
    *display: block;
    height: auto;
    opacity: 1;
}

/* search options */
.search-options-section {
    background-color: #F4F3F2;
    xmargin: 4px 0;
    padding: 8px;
}
.search-options-section:after {
	clear: both;
	content: "";
	display: block;
}

@media only screen and (min-width: 768px) {
    .search-options-section {
        xpadding: 16px;
    }
	.search-options-section .search-button.action-link {
		margin: 12px 8px;
	}
}

.search-options-section .search-options {
    xbackground-color: #F4F3F2;
    border: 0px solid #B2B2B2;
    padding: 8px;
    font-size: 12px;
    display: none;
}



.search-options-hit-limit {
    float: right;
    margin: 8px 8px 8px 0;
}

    .search-options-hit-limit .hits-label {
        display: inline !important;
    }

    .search-options-hit-limit select {
        padding: 4px;
        min-width: 120px;
        width: 120px;
    }

.search-option-selectors {
    float: left;
    width: 100%;
}

@media only screen and (min-width: 1200px) {
    .search-option-selectors {
        float: left;
        width: 33.33%;
    }
}

.search-option-selectors input {
    clear: both;
    width: 2%;
}

.search-option-selectors label {
    xdisplay: inline-block;
    width: 98%;
}

/*Existing chemspider results table */
.results-wrapper.table {
    width: auto;
    display: block;
    overflow-y: hidden;
}
/*table.zebra1.view-grid {
	min-width: 720px;
}*/
table.zebra1.view-grid th {
    text-align: center;
    font-size: 12px;
}

table.zebra1.view-grid td {
    text-align: center;
    vertical-align: middle;
}

ul.thumb-menu {
    border: 1px solid #006BA6;
    position: absolute;
    width: 100px;
    height: 100px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 4;
}

    ul.thumb-menu:hover {
        display: block;
    }

    ul.thumb-menu li {
        list-style-type: none;
    }

.mol-thumb .thumb-menu li.zoom a {
    background-color: #CECECE;
}

    .mol-thumb .thumb-menu li.zoom a:hover {
    }

.mol-thumb img {
    width: 100px;
    height: 100px;
}

.paginator1 table {
    width: auto;
    margin: 0 auto;
}

    .paginator1 table th {
        text-align: center;
    }

    .paginator1 table tr td {
        border: 1px solid #006BA6;
        width: 48px;
        height: 24px;
        font-size: 12px;
        text-align: center;
        padding: 0;
    }

        .paginator1 table tr td a {
            display: block;
            background-color: #F4F3F2;
            width: 100%;
            height: 100%;
            text-decoration: none;
        }

            .paginator1 table tr td a:hover,
            .paginator1 table tr td a:focus {
                background-color: #FFFFFF;
            }

.footable-row-detail-name, .prop_title {
    color: #006ba6;
    /*font-family: museo_sans_500regular;*/
}

.footable-row-detail-name, .footable-row-detail-value, .prop_title {
    font-weight: normal !important;
    text-align: left;
    /*font-size: 12px;*/
    padding-right: 5px !important;
}

.prop_value {
    padding-left: 5px !important;
}

.menu-detail-link {
    text-decoration: none;
}

.autocompleteList {
    margin: 0px!important;
    padding-left: 0px;
    background-color: inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    max-height: 80px;
    text-align: left;
    list-style-type: none;
    line-height: 20px;
    -webkit-padding-start: 0px !important;
}

.image_view_2d {
    width: 100%;
    height: 100%;
    max-width: 500px;
    max-height: 500px;
}

.expand-list {
    padding-left: 0px !important;
	-webkit-padding-start: 0 !important;
}

.at {
    background-image: url("/images/at.gif");
    background-position: center 1px;
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    font-size: 0.7em;
    height: 15px;
    margin-top: 4px;
    overflow: hidden;
    padding: 15px 0 0;
    vertical-align: top;
    width: 15px;
}

.cs-searches a {
    line-height: 1.7;
    padding-left: 1.5em;
}

.cs-searches li.spider {
    background-image: url(/images/ico/cs-icon.png);
    background-repeat: no-repeat;
}

.cs-searches li.google {
    background-image: url(/images/ico/google.ico);
    background-repeat: no-repeat;
}

ul.struct-searches {
    padding-left: 0px;
    margin-left: 0px;
}

    ul.struct-searches li {
        list-style-type: none;
    }

ul.struct-blobs {
    padding-left: 0px;
}

    ul.struct-blobs li {
        list-style-type: none;
    }

.list-table {
    list-style-type: none;
}

    .list-table li {
        float: left;
        width: 15em;
    }

    .list-table .label {
        float: left;
        padding-right: 0.5em;
        text-align: right;
        width: 7em;
    }

    .list-table .syn-flag-label {
        width: 11em !important;
        line-height: 1em;
    }

    .list-table input[type="text"] {
        padding: 0px;
    }

.add {
    /*background-color: #006BA6 !important;*/
    height: 32px !important;
    /*color: #FFFFFF !important;
    font-family: museo_sans_500Regular !important;
    font-size: 16px !important;
    font-weight: 500 !important;*/
}

.gsc-resultsbox-visible {
    width: 100% !important;
}

.gsc-control {
    width: 100% !important;
}

.gsc-result .gs-title {
    height: auto !important;
    overflow: visible !important;
}

.visual-cue {
    margin: 0 0 8px 8px !important;
}

.info-tab-header {
    margin-top:16px !important;
}

.did-you-mean {
    font-size: 18px !important;
    line-height: 30px !important;
}


/* ip v9 */

#ctl00_ctl00_ContentSection_ContentPlaceHolder1_SearchControl1_eSearchMode_Structure_searchOptions_powered_by_gga_div {
	margin: 16px;
	text-align: right;
}
#ctl00_ctl00_ContentSection_ContentPlaceHolder1_SearchControl1_eSearchMode_Structure_searchOptions_powered_by_gga_div a {
	text-decoration: none;
}
table.checkboxes:before {
	content: "Search options";
	color: #223335;
	display: block;
	font-size: 18px;
	padding: 8px;
}
table.checkboxes {
	background-color: #F4F3F2;
	border-collapse: collapse;
	display: inline-block;
	margin-bottom: -1px;
}
table.checkboxes tr {
	display: block;
	float: left;
	width: 33.33%;
}
table.checkboxes tr td {
	padding: 0;
	margin: 0;
}
table.checkboxes tr td span {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	padding: 8px 18px;
	width: 100%;
	height: 40px;
	min-width: 104px;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	position: relative;
	text-align: center;
	font-size: 12px;
	margin-bottom: -1px;
}

@media only screen and (min-width: 768px) {
	table.checkboxes tr td span {
		font-size: 16px;
	}
}
table.checkboxes tr td span:hover {
	background-color: #F9F8F8;
	border-bottom: 1px solid #F9F8F8;
}
table.checkboxes tr td span.selected {
	background-color: #F9F8F8;
	border-bottom: 1px solid #F9F8F8;
}
table.checkboxes tr td input[type="radio"] {
	position: absolute;
	left: -10000px;
}
table.checkboxes tr td label {
	cursor: pointer;
	color: #006BA6;
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
}
table.checkboxes tr td:hover label {
	color: #008AC3
}

fieldset.search-options {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 1px;
}
#options.search-options {
	margin-top: 16px;
}
.search-options legend {
	position: absolute;
	left: -10000px;
}

.cs-button {
	background-color: #006BA6 !important;
	padding: 4px 8px;
	min-height: 32px;
	height: 24px;
	min-width: 24px;
	max-width: 64px;
	color: #FFFFFF !important;
	border-radius: 2px;
	box-shadow: 0px 1px 4px rgba(0,0,0,.3);
	color: #FFFFFF;
	cursor: pointer;
	font-family: museo_sans_500Regular;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
}
@media only screen and (min-width: 768px) {
	.cs-button {
		font-size: 16px;
	}
}

.reqmark {
    float: left;
    margin-left: -0.6em;
	font-weight: bold;
	font-size: 1.4em;
	color: #006ba6;
}

.mwidth-dropdown {
    max-width:120px !important;
    min-width:120px !important;
}

.wide-textbox {
    width:100%;
}

.popup {
	background-color: #fff;
	border-width:2px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 3px 5px 8px #333;
	-webkit-box-shadow: 3px 5px 8px #333;
	box-shadow: 3px 5px 8px #333;
}

.popup_header {
	background-color: #DDDDDD;
	border: solid 1px Gray;
	color: Black;
	padding: 0.5em 2px;
	font-weight: bold;
	text-align: center;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.btn-infotab {
    float:right;
    margin-bottom:10px;
}

@media only screen and (min-width: 640px) {
.rsc-ui .column.four.wide {
	min-height: 240px;
}
}
#ad_top img {
	width: 100%;
	max-width: 728px;
	height: auto;
}