/*
LMU-green : #006633;
light-green : #009a4c;

Verlaeufe: http://www.colorzilla.com/gradient-editor/

*/

@font-face {
    font-family: 'capsuula';
    src: url('fonts/capsuula/capsuula-webfont.woff') format('woff'),
         url('fonts/capsuula/capsuula-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'resagnicto';
    src: url('fonts/resagnicto/resagnicto-webfont.woff') format('woff'),
         url('fonts/resagnicto/resagnicto-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'resagnicto';
    src: url('fonts/resagnicto/resagnictobold-webfont.woff') format('woff'),
         url('fonts/resagnicto/resagnictobold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'sans_pro';
    src: url('fonts/source_sans_pro/SourceSansPro-Light.woff') format('woff'),
         url('fonts/source_sans_pro/SourceSansPro-Light.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sans_pro';
    src: url('fonts/source_sans_pro/SourceSansPro-Semibold.woff') format('woff'),
         url('fonts/source_sans_pro/SourceSansPro-Semibold.ttf')  format('truetype');
    font-weight: bold;
    font-style: normal;
}

html, body {
    margin:0px;
    padding:0px;
}

* {
    margin:0px;
    padding:0px;
    border: none;
    font-size:16px;
    text-decoration:none;
    color:#222;
    font-family:'sans_pro', 'Helvetica';
    outline:0;
}

body {
    background-color:#fafafa;
    min-height:1000px;
}

sub {
    vertical-align:sub !important;
    font-size:13px;
}

.clearer {
    clear:both;
}

#header_claim  {
    height:auto:
    display: block;
    padding-top:30px;
    padding-bottom:30px;
    transition:1s;
}

#header_claim.hide {
    height:0px;
}

#header_claim, #header_claim * {
    display:block;
    text-align:center;
    color:#fff;
    font-size:34px;
    font-family:'resagnicto', 'Helvetica';
    letter-spacing:.1em;
    font-weight:normal;
    line-height:53px;
}

h2, h3, p, a, strong, i, em {
    letter-spacing:0.015em
}

h1, h2, h3 {
    color: #006633;
    text-shadow:0px 1px 1px #ccc;
}

h1 {
    font-size:23px;
    margin-bottom:15px;
}

h2 {
    font-size:19px;
    margin-bottom:10px;
}

p {
    text-align:justify;
}

strong {
    font-weight:bold !important;
}

.centered {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:1020px;
}

#container {
    background: #ffffff; /* Old browsers */
    background: linear-gradient(to bottom,  #ffffff 0%, #fafafa 100%);
}

.float_left {
    float:left;
}

.float_right {
    float:right;
}

.error {
    color:red;
}

p.error {
    margin-bottom:20px;
}

/* ----------------------------- Top -------------------------------- */

.top_wrap {
    width: 100%;
    min-width: 1024px;
    background: #006633; /* Old browsers */
    background: linear-gradient(to bottom, #006633 0%,#009a4c 100%);
    box-shadow:0px 3px 3px 0px #5d5d5d;
}

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

.to_page {
    padding-right:5px;
}

a.opener {
    width:428px;
}


a.textpage {
    width:368px;
}

li.pretend_link {
    padding-left:50px !important;
}

.nav_lev1 > li:last-child  .nav_lev2 {
    width:235px;
}

.nav_lev1 > li:last-child a.textpage {
    width:210px;
}

.nav_lev2 > li.pretend_link {
    width:329px;
}

.nav {
    list-style:none;
    position:relative;
    z-index:200;
}

.nav a, .nav .pretend_link {
    color:#fff;
}

.nav_lev1 {
    position:relative;
    margin-left:auto;
    margin-right:auto;
}

.nav_lev1 > li {
    display:inline-block;
    position:relative;
}

.nav_lev1 > li:hover {
    background: #fafafa; /* Old browsers */
    background: linear-gradient(to bottom, #fafafa 0%,#e8e8e8 100%);
}

.nav_lev1 > li:hover a , .nav_lev1 > li:hover p{
    color:#006633;
}

.nav_lev2 {
    position:absolute;
    padding:10px;
    padding-top:0px;
    left:-999em;
    top:61px;
    width:489px;
    z-index:50;
    border-bottom:10px solid #006633;
    background: #e8e8e8;
}

ul.nav_lev1 > li > a, ul.nav_lev1 > li > p.pretend_link {
    display:inline-block;
    padding:20px 0px;
    width:253px;
    border-left:1px solid #e8e8e8;
    text-align:center;
    height:21px;
}

ul.nav_lev1 > li > a.last, ul.nav_lev1 > li > p.pretend_link.last {
    border-right:1px solid #e5e5e5;
}

.nav_lev1 ul > li > a:hover {
    font-weight:bold;
}

.nav_lev2 ul {
    padding-bottom:20px;
}

.nav_lev2 ul li a{
    white-space:no-wrap;
}

.nav_lev2 > li > a, .nav_lev2 > .pretend_link {
    background-image:url('img/cut_1px.png');
    background-position:center bottom;
    background-repeat:repeat-x;
}

.nav_lev2 li > a, .nav_lev2 .pretend_link {
    display:inline-block;
    padding:6px 10px;
}

.nav_lev3 > li > a.opener {
    width:300px;
}

.nav_lev4 > li > a.opener {
    width:280px;
}

.nav_lev2  ul, .nav_lev3 .pretend_link{
    margin-left:10px;
}

.nav_lev1 > li > a:hover + .nav_lev2, .nav_lev2:hover, ul.nav_lev1 > li > p.pretend_link:hover + .nav_lev2 {
    left:0px;
}

.nav_lev3  li {
    margin-left:10px;
}

.nav_lev3 > li > a.active {
    font-weight:bold;
}

.nav_lev3 > li > a {
    padding-top:5px;
    display:inline-block;
}
/* ------------------------- Header Img ----------------------------- */

.header_img {
    position:relative;
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:162px;
    height:auto;
    margin-bottom:34px;
}

/* ------------------------- Ajax Search ----------------------------- */

#onPageSearchForm {
    margin-bottom:22px;
    position:relative;
    padding-left:20px;
    padding-right:20px;
    width:980px;
}

#onPageSearchForm #searchKeywords {
    width:274px !important;
    height:25px;
}

#onPageSearchForm label {
    color:#fff;
    margin-right:20px;
}

#onPageSearchForm .input {
    display:inline;
}

.chosen-single {
    padding:5px 15px;
    border-radius:20px;
}

.input.text, .submit{
    display:inline;
}

input[type="text"] {
    height:31px;
    padding:3px 20px;
}

#searchSearchIn_chosen {
    margin-right:20px;
    width:313px !important;
}

.chosen-container-single .chosen-single span {
    text-align:center;
}

#searchSearchresultsForm input[type="submit"] {
    padding:4px 5px;
    margin-right:0px;
    margin-left:0px;
    cursor:pointer;
    width:313px;
    height:31px;
}

#onPageSearchForm #searchKeywords, .chosen-single, #searchSearchresultsForm input[type="submit"] {
    box-shadow:0px 20px 10px -10px #048335;
}

.chosen-search input[type="text"] {
    box-shadow:0px 0px 2px 0px #bbb inset !important;
}

#onPageSearchForm #searchKeywords {
    width:314px;
    vertical-align:middle;
    border-radius:30px;
    margin-left:0px !important;
}

#onPageSearchForm label {
    display:block;
}

#searchSearchresultsForm input[type="submit"], .pretend_button {
    background: #ffffff; /* Old browsers */
    background: linear-gradient(to bottom,  #ffffff 41%,#eeeeee 100%);
    color:#888;
    transition:.5s;
    vertical-align:middle;
    border-radius:20px;
}

#searchSearchresultsForm input[type="submit"]:hover {
    color:#333;
}

#searchSearchresultsForm input[type="submit"]:active , .pretend_button:active {
    background: #ededed; /* Old browsers */
    background: linear-gradient(to bottom,  #ededed 16%,#fafafa 100%);
}

.submit input {
    margin-left:10px;
    padding:4px;
}

.chosen-drop ul li{
    font-size:16px;
}

#searchResultsWrap {
    position:absolute;
    width:980px;
    left:20px;
    top:72px;
    height:auto;
    border-top:none;
    background: linear-gradient(to bottom,  rgba(0,154,76,1) 0%,rgba(0,149,74,0.95) 10%,rgba(0,102,51,0.95) 100%);
    z-index:100;
}

.fade_green_trans {
    position: absolute;
    width: 963px;
    height: 50px;
    z-index: 50;
    background-repeat: repeat-x;
    top: 0px;
    box-shadow: 0px 45px 20px -20px #2F994B inset;
    pointer-events:none;
}

#searchResults ul li {
    display:block;
}

#searchResults ul li:last-child  {
    border-bottom:none;
}

#searchResults .molecule li a {
    padding:20px;
    padding-left:18px;
    display:block;
}

#searchResults .molecule li a strong{
    font-size:inherit;
}

#searchResults .molecule li a > table {
    width:716px;
}

#searchResults .molecule li a table tr td.first_td {
    width:35px;
}

#searchResults .molecule li a table tr td.second_td {
    width:272px;
}

#searchResults .molecule li a table tr td {
    width:405px;
    display:inline-block;
    font-size:15px;
}

#searchResults .molecule li a table tr td b {
    font-weight:normal;
    font-size:inherit;
    text-decoration:underline;
    color:#004A17;
}

#searchResults * {
    color:#fff;
}

.searchImgWrap, .mol_img_wrap  {
    background-color:white;
    box-shadow:0px 3px 4px 0px #187A47;
    text-align:center;
    height:100px;
    position:relative;
    width: 210px;
}

ul.searchResult {
    max-height: 403px;
    overflow-y: scroll;
    border-bottom: 1px solid #009a4c;
}

ul.searchResult li {
    border-bottom: 1px solid #009a4c;
}

#searchResults ul li img, .mol_img {
    position:absolute;
    max-width:100%;
    margin:auto;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
}

.molecule_search_wrap {
    display:none;
}

.molecule_search_wrap, .molecule_class_search_wrap {
    position:relative;
    overflow:hidden;
}

.searchResult.moleculeClasses li {
    height:10px;
}

#molecule_count, #molecule_class_count {
    position: absolute;
    top: -38px;
    left: 0px;
    padding: 8px;
    padding-left:20px;
    vertical-align: middle;
    background: none repeat scroll 0% 0% transparent;
}

#molecule_count strong {
    display: inline-block;
    width: 30px;
}

.moleculeQuality {
    display:inline-block;
    background-image:url(../img/symbols/star.png);
    height:16px;
    width:0px;
    background-repeat:repeat-x;
}

#searchKeywords {
    margin-right:20px;
    margin-left:20px;
}

/* ------------------------- Search ----------------------------- */

.first_col {
    display:inline-block;
    width:200px;
}

.moleculeList img.moleculeImg {
    max-width:100%;
    height:auto;
}

.moleculeList tbody tr {
    background:#eee;
    padding:5px;
}

.moleculeList tbody tr td {
    padding:5px;
}

#param_range, #quality_range {
    width:646px;
}

#param_range {
    margin-bottom:3px;
}

#advanced_search {
    width:100%;
}

#advanced_search #searchKeywords {
    margin-left: 0px;
    width: 291px;
}


#advanced_search #searchKeywords {
    height:27px;
}

#form_submit, #searchReset {
    background: #ffffff; /* Old browsers */
    background: linear-gradient(to bottom,  #ffffff 41%,#eeeeee 100%);
    width:171px;
    box-shadow:0px 0px 3px 0px #bbb;
    cursor:pointer;
    border: 1px solid #CCC;
    margin-left:0px;
}

#form_submit:active {
    background: #eeeeee; /* Old browsers */
    background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%);
}

.btndownload {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    text-decoration: none;
    color: #222;
    font-family: 'sans_pro', 'Helvetica';
    background: #eeeeee; /* Old browsers */
    background: linear-gradient(to bottom,  #ffffff 41%,#eeeeee 100%);
    box-shadow:0px 0px 3px 0px #bbb;
    cursor:pointer;
    border: 1px solid #CCC;
}

.btndownload:hover {
    background: #f2f2f2; /* Old browsers */
    background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%);
}

.btndownload a {
    color: #222 !important;
}

.btndownload a:hover {
    text-decoration: none !important;
}


#advanced_search label {
    width:140px!important;
    display:inline-block;
    margin-right:20px;
    margin-bottom:10px;
}

#advanced_search label[for="searchKeywords"] {
    display:block;
    margin-bottom:8px;
}

#advanced_search input[type="checkbox"] {
    margin-top:3px;
}

#advanced_search select {
    padding:5px;
    width:250px;
    border:1px solid #efefef;
}

#advanced_search .chosen-single {
    box-shadow:none;
    border-radius:0px;
    border:1px solid #ccc;
    box-shadow:0px 0px 3px 0px #bbb;
    margin-bottom:10px;
}

#advanced_search .chosen-container {
    width: 314px !important;
    margin-bottom: 20px;
    height: 32px;
}

#searchParameter_chosen {
    margin-bottom:0px;
}

.chosen-single span {
    width:100%;
}

#advanced_search .chosen-container .chosen-drop {
    top:54px;
    border-radius:0px;
    box-shadow:0px 0px 3px 0px #bbb;
}

#advanced_search .chosen-single, #form_submit, , #searchReset, #advanced_search #searchKeywords  {
    border-radius:4px;
}

#advanced_search a:hover, #edit_form .chosen-single:hover {
    text-decoration:none !important;
}

.hidden_content_opener {
    cursor:pointer;
    color:#006633;
}

.hidden_content_wrap {
    transition:1s;
    overflow:hidden;
    height:360px;
}

.hidden_content_wrap.closed {
    height:0px;
}

.input.checkbox {
    display:inline-block;
}

#advanced_search label[for="searchFulltextsearch"] {
    width:120px !important;
    display:inline-block;
}

#searchFulltextsearch {
    margin-right:10px;
}

/* ------------------------- Jmol ----------------------------- */

.cut_top, .cut_bottom {
    width:100%;
    height:9px;
    background-image:url('img/cut_1020.png');
    backgrund-repeat:no-repeat;
}

.cut_bottom {
     -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

.jmol_wrap {
    position:relative;
    z-index:3;
    box-shadow:0px 0px 3px 0px #bbb;
    background-image:url('img/loader.gif');
    background-repeat:no-repeat;
    background-position:center;
    background-color:#fff;
}

.jmol_buttons {
    position:relative;
    z-index:1;
    padding:0px 10px;
    margin-bottom:20px;
}

.jmol_buttons span {
    margin-right:10px;
}

.jmol_buttons span input {
    position:relative;
    top:-10px;
    padding:13px 10px 5px;
    box-shadow:0px 0px 3px 0px #bbb;
    background: #ffffff; /* Old browsers */
    background: linear-gradient(to bottom,  #ffffff 41%,#eeeeee 100%);
    border-radius:4px;
    cursor:pointer;
    transition:.3s;
    z-index:5;
}

.jmol_buttons span:hover input {
    background: #ededed; /* Old browsers */
    background: linear-gradient(to bottom,  #ededed 16%,#fafafa 100%);
    top:-5px;
    color:#006633;
}

.jmolPopupMenu * {
    font-size:inherit;
}

.details.list, .adminList {
    table-layout:fixed;
    width:100%;
}


/* ------------------------- Forms ----------------------------- */

input.error {
    border:1px solid red !important;
}

#edit_form #applet_container {
    box-shadow: 0px 0px 3px 0px #bbb;
    margin-bottom:20px;
}

#edit_form #molecule0_appletinfotablediv {
    margin-left:auto;
    margin-right:auto;
    height:100% !important;
    width:auto !important;
}

#molecule_filterIndexMoleculeForm .input.checkbox {
    display:inline-block;
    width:33%;
    height:20px;
}

.content input[type="submit"], #filterForm input[type="submit"], button {
    border:1px solid #bbb;
    background: #f4f4f4; /* Old browsers */
    background: linear-gradient(to bottom,  #f4f4f4 0%,#f2f2f2 100%);
    cursor:pointer;
    padding: 2px 5px;
    height: 33px;
    width:178px;
}

.content input[type="submit"]:hover, #filterForm input[type="submit"]:hover {
    background: #f2f2f2; /* Old browsers */
    background: linear-gradient(to bottom,  #f2f2f2 0%,#f4f4f4 100%);
}

table td {
    position:relative;
}

table.auto_layout {
    table-layout:auto !important;
}

fieldset input[type="number"] {
    width:200px;
    padding:2px 10px;
    height:27px;
    box-shadow:0px 0px 3px 0px #bbb;
    margin-bottom:20px;
}

/* ------------------------------- Main Content ----------------------------------- */

#content_wrap {
    margin-top:30px;
    margin-bottom:80px;
}

.content {
    padding:0px 20px;
    min-height:30px;
}

.content_full_width {
    padding:0px;
}

.content a {
    color:#006633;
}

.content a:hover {
    text-decoration:underline;
}

.divider_wrap {
    width:980px;
    margin:50px 0px;
    position:relative;
}

.divider_stripe {
    border-top:1px solid #fff;
    border-bottom:1px solid #ddd;
    width:43%;
}


.content input[type="text"], .content input[type="password"] {
    box-shadow: 0px 0px 3px 0px #BBB;
    padding: 2px 10px;
    height: 27px;
}

.content textarea {
    box-shadow: 0px 0px 3px 0px #BBB;
    padding: 2px 10px;
    margin-bottom:19px;
}

.divider_img {
    width: 100px;
    height: auto;
    left: 50%;
    margin-left: -50px;
    top: -5px;
    position: absolute;
}

.text_wrap h2 .text_wrap h3 {
    text-shadow:none;
}

.text_wrap {
    background-color:#fff;
    box-shadow:0px 0px 3px 0px #999;
    padding:20px;
    min-height:186px;
}

.text_wrap p {
    line-height:2.8ex;
    margin-bottom:10px;
}

.text_wrap ul {
    margin-left:15px;
}

.column {
    margin-right:20px;
}

.column_one_third {
    width: 33%;
}

.content table, #edit_form {
    background: rgb(252,252,252); /* Old browsers */
    background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(247,247,247,1) 100%);
    box-shadow:0px 0px 3px 0px #999;
    padding:13px 20px;
    width: 100%;
    margin-bottom:20px;
    table-layout:fixed;
}

#edit_form {
    width:980px;
}

table.last_child {
    margin-bottom:0px;
}

.content table tr * {
    text-align:left;
}
.content table tr th {
    border-bottom: 1px solid #888;
    padding-bottom: 5px;
    margin-bottom:3px;
}

.content table tr a {
    padding:0px;
}

.content table tr > * {
    vertical-align:middle;
    padding-right:10px;
}

.formula {
    font-weight:bold;
    letter-spacing:.1em;
    margin-left:10px;
    margin-right:10px;
}

.large_col {
    width:647px;
}

.small_col {
    margin-top:4px;
    width:312px;
}

.small_col h2 {
    margin-bottom:16px;
}

/* ------------------------- News ----------------------------- */

.news_nav_wrap {
    margin-bottom: 0px;
}

.news_wrap {
    position:relative;
    width: 96%;
    overflow: hidden;
    height: 180px;
    padding: 20px 0px;
    margin-left: 20px;
}

#cut_right, #cut_left {
    position:absolute;
    height:100%;
    width: 10px;
    background-repeat:no-repeat;
    z-index:10;
}

#cut_left {
    left:0px;
    top:0px;
    background-image:url('img/cut_left.png');
}

#cut_right {
    right:0px;
    top:0px;
    background-image:url('img/cut_right.png');
}

.news {
    display: flex;
    position: absolute;
    list-style: none;
    padding: 20px;
    gap: 0px;
}

.news li {
    flex: 0 0 270px;
    margin-right:20px;
    height:136px;
    border:5px solid #fff;
    box-shadow:0px 0px 3px 0px #999;
    border-radius:3px;
    padding:10px;
    font-size:15px;
    background:#fcfcfc;
}

#news_nav {
    list-style:none;
}

#news_nav li {
    display:inline;
    cursor:pointer;
    margin-right:10px;
    color:#bbb;
    transition:.3s;
}

#news_nav li.active, #news_nav li:hover {
    color:#006633;
}

.prev, .next, .disabled {
    margin-left:10px;
    margin-right:10px;
}

.prev {
    margin-right:0px;
}

.disabled {
    color:#aaa;
}

/* Paginator div */

.paginator {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
}

.paginator-left, .paginator-right {
    font-size: 0.9em !important;
}


.paginator a {
    color: inherit;
    margin: 0 0.25rem;
    text-decoration: none;
    transition: color 0.2s ease;
    font-size: 0.9em !important;
}

/* Hover + active */
.paginator a:hover,
.paginator .current {
    color: #006633;
}

/* Current page */
.paginator .current {
    font-weight: bold;
    font-size: 0.9em !important;
}


.breadcrumb {
    margin-bottom:20px;
}

.breadcrumb a {
    color:#006633;
}

.breadcrumb a:hover {
    text-decoration:underline;
}

.list th a {
    color:#006633;
}

.list td {
    padding: 10px 0px;
}

.list td, .list td * {
    vertical-align:top;
}

.list td {
    border-bottom:1px dashed #e5e5e5;
}

.mol_name {
    display:block;
    margin-bottom:10px;
}

.mol_img_wrap {
    position:relative;
    box-shadow:0px 1px 3px 0px rgba(0, 0, 0, .2);
    margin-bottom:10px;
}

.mol_img_wrap .opentip {
    position:absolute;
    top:2px;
    right:2px;
    opacity:.4;
    transition:.5s;
}

tr:hover .mol_img_wrap .opentip {
    opacity:1;
}

.mol_img {
    max-width:100%;
    max-height:100%;
}

.opentip_descr {
    padding-right:20px;
}

.opentip_box tr td {
    font-size:14px;
}

.opentip h1 {
    font-size:16px;
}

/* ----------------------------- Admin ----------------------------- */

#admin_wrap {
    height:240px;
    background: #006633; /* Old browsers */
    background: linear-gradient(to bottom, #006633 0%,#009a4c 100%);
    box-shadow:0px 3px 3px 0px #5d5d5d;
}

.admin.jmol_wrap, #MoleculeImagePreview {
    height:358px;
    background: #fff;
    box-shadow: 0px 0px 3px 0px #bbb;
    margin-bottom:20px;
}

.MoleculeImagePreviewWrap {
    position:relative;
}

#deleteImage {
    position:absolute;
    top:10px;
    right:10px;
    transition:.3s;
    z-index:100;
    cursor:pointer;
}

#UserLoginForm {
    padding:10px;
    background: #f4f4f4; /* Old browsers */
    background: linear-gradient(to bottom,  #f4f4f4 0%,#eeeeee 100%);
    box-shadow:0px 0px 3px 0px #bbb;
    width:100%;
}

#UserLoginForm .input, #UserLoginForm .submit {
    float:left;
}

#UserLoginForm .input {
    margin-right:40px;
}

#UserLoginForm label {
    display:inline-block;
    margin-right:20px;
    margin-bottom:0px;
}

#UserLoginForm input {
    width:210px;
    margin-bottom:0px;
}

.admin_nav_wrap {
    background: #f4f4f4; /* Old browsers */
    background: linear-gradient(to bottom,  #f4f4f4 0%,#eeeeee 100%);
    border:1px solid #bbb;
    border-radius:4px;
    margin-bottom:20px;
}

.admin_nav_wrap ul {
    display:inline-block;
    list-stlye:none;
    border-left:1px solid #fff;
}

.admin_nav_wrap p, .admin_nav_wrap ul li a{
    height: 22px;
    padding: 7px 20px;
    display:inline-block;
}

.admin_nav_wrap ul li {
    display:inline-block;
    border-right:1px solid #fff;
    border-left:1px solid #c1c1c1;
}

.admin_nav_wrap ul li.last {
    border-right:none;
}

.admin_nav_wrap ul li:hover {
    background: #eeeeee; /* Old browsers */
    background: linear-gradient(to bottom,  #eeeeee 0%,#f4f4f4 100%);
}

.addElem {
    margin-bottom:10px;
}

.addElem img {
    margin-right:10px;
}

.admin_wrap table th {
    padding-right:10px;
    vertical-align:middle;
}

.admin_wrap table th.last {
    padding-right:0px;
}

.admin_wrap table * {
    text-align:left;
}

.adminList .idCol {
    width:50px;
}

.editWrap a {
    margin-right:20px;
}

#edit_form form .chosen-single, #filterForm .chosen-single {
    box-shadow:none;
    border-radius:0px;
    background: #f4f4f4; /* Old browsers */
    background: linear-gradient(to bottom,  #f4f4f4 0%,#eeeeee 100%);
    box-shadow:0px 0px 3px 0px #bbb;
}

#edit_form form .chosen-container, #filterForm .chosen-container {
    width:360px!important;
}

#edit_form  form .chosen-single:hover, #filterForm .chosen-single:hover {
    box-shadow:0px 0px 3px 0px #bbb;
    background: #eeeeee; /* Old browsers */
    background: linear-gradient(to bottom,  #eeeeee 0%,#f4f4f4 100%);
}

#edit_form form .chosen-drop, #filterForm .chosen-drop {
    margin-top:0px;
    box-shadow:0px 0px 3px 0px #bbb;
}

.admin_wrap form {
    display:inline-block;
}

.admin_wrap form label {
    margin-bottom:10px;
    display:block;
}

.admin_wrap form input[type="text"] {
    width:340px;
}

#edit_form form fieldset input[type="text"], input[type="password"], #edit_form textarea {
    width:448px !important;
}

#edit_form textarea {
    height:109px;
}

#edit_form form fieldset .chosen-container,
#filterForm  fieldset .chosen-container {
        width:468px !important;
}

#edit_form form .chosen-single, .admin_wrap form input[type="text"] {
    margin-bottom:20px;
}

.admin_wrap form input[type="submit"] {
    float:right;
}

#edit_form form {
    display:block;
}

#filterForm {
    margin-bottom:20px;
}

/* #MoleculeClassEditClassForm {
    width:360px;
} */

#filterForm .input {
    float:left;
}

#filterForm label {
    width:70px;
}

#filterForm label {
    display:inline-block !important;
    margin-right:20px;
}

#admin_search #param_range, #admin_search #quality_range {
    width: 686px;
}

#admin_search #searchKeywords {
    box-shadow:0px 0px 3px 0px #bbb;
    width:312px !important;
}

.mol_id {
    vertical-align:top !important;
    text-align:center !important;
}

.mol_id img {
    display:block;
}

.mol_col_edit > a {
    margin-right:5px;
    display:block;
}

.art_col_id {
    width:30px;
}

.input.file {
    margin-bottom:19px;
}

#edit_form button {
    width:224px;
    margin-bottom:20px;
}

#jmol_label {
    margin-bottom:17px;
}

#auto_smiles, #auto_mol {
    margin-right:20px;
}

#MoleculeImgFileNew, #MoleculeMolfile {
    height:32px;
}

#edit_form button {
    height:31px;
}

#edit_form input[type="submit"] {
    float:none;
    margin-left:0px;
}

.molecule_form fieldset {
    width:469px;
    min-height:1600px;
}

#edit_form fieldset.float_left {
    border-right:1px solid #fff;
    padding-right:20px;
}

#edit_form fieldset.float_right {
    border-left:1px solid #d4d4d4;
    padding-left:20px;
}

#MoleculeImagePreview {
    position:relative;
}

#MoleculeImagePreview img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

span.level2 {
    margin-left:20px;
}

span.level3 {
    margin-left:40px;
}

span.level4 {
    margin-left:60px;
}

span.level5 {
    margin-left:80px;
}

.cke_chrome {
    margin-bottom:20px !important;
}

/* Flash Messages **/

.flash-message {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 2em;
    background-color: #fff;
    text-align: right;
    font-weight: bold;
    padding: 0.5em;
    border: 2px solid #ccc;
    border-radius: 4px;
}

.flash-success {
    color: green;
}

.flash-error {
    color: red;
}

.flash-error {
    color: orange;
}

.flash-default {
    color: #666;
}