/*
 Used on Deposit-related paperwork templates
 */
body {
    font-family:helvetica,arial,sans-serif;
    font-size:14px;
    text-align:center;
    padding-top:10px;
}

body.print {
    text-align:left !important;
    font-size:13px;
    line-height:1.1;
    width:800px;
}

body.giraffe-analyzer {
    width: 100%;
}

@media print {
    #side-cart, #header-user-info, #top-search, #index_menu, #footer { display:none; }
    .submenu div { display:none !important; }
    .submenu a { color:white !important; }
    #container_body { border:0px !important; }
}

#main { border: 1px solid var(--addgene-border-gray-2); }
#logo { float: left; }
#header { text-align: right; font-size: 13px; }
#header form { padding-top: 10px; }

#container_body {
    /* we are in a 950px grid layout, but subtract 2px for borders and
     * 40px for padding */
    width: 908px;
    /* we want the body div to be span-23. so we take one span-1, which is
     * 30px, plus a column margin, which is 10px, and pad the body div
     * with these 40px on each side. because of the border, the right
     * side will actually be 2px short on screen. */
    padding: 15px 20px 15px 20px;
    border: 1px solid var(--addgene-border-gray-2);
    margin-top: 0px;
    text-align: left;
    line-height: 1.1;
}

#footer { font-size:12px; text-align:center; padding-bottom:30px; }
.addgene-small { font-size:12px; }

.tl, .tl-right {
    border-bottom: 1px solid var(--addgene-gray);
    color: black;
    font-size: 24px; margin-bottom: 30px; padding-bottom: 6px;
    width: 100%;
    clear:both;
}
.tl img { margin-right: 15px; vertical-align: -4mm; }

.tl-right { padding-top:30px; }
.tl-right img { float:right; margin-top:-35px; }


#addgene h4 { font-size:20px; color:var(--addgene-dark-blue); margin:25px 0px 15px 0px; }
#addgene .gold { color:var(--addgene-orange); }

.u {
    width:100%;
    border-bottom:1px solid var(--addgene-gray);
    padding-bottom:6px;
    margin-top:30px;
}

.dialog_background { background:var(--addgene-border-gray-2) !important; }

input[type=checkbox].left, input[type=radio].left
    { float:left; margin:0px 10px 20px 0px; vertical-align:middle; }

.terms {
    font-size:12px;
    font-family:courier;
    border:1px solid var(--addgene-border-gray-2);
    height:300px; width:600px;
    overflow:auto;
}

h2 { margin:15px 0px; }
form { margin:15px 0px; }

ul.big-list { line-height:1.4; font-size:15px; }

.click-to-pop div {
    font-size:13px; padding:10px; z-index:10; position:absolute;
    width:200px; background-color:var(--addgene-neutral-yellow); display:none;
}

/* Address */
table.address {
    margin: 0;
}
table.address th {
    width: 50%;
    font-weight: normal; /* override the default for TH */
    text-align: right;
    margin: 0;
    padding: 0;
    padding-right: .3em;
}
table.address td {
    width: 50%;
    text-align: left;
    margin: 0;
    padding: 0;
    padding-left: .3em
}

#addgene .inline { display:inline-block !important; }

/* Not adding a border: on some pages the border will mess up layout
 * and push divs to next line */
.cms-block { border:0px solid transparent; }
.cms-block:hover { border:0px dashed var(--addgene-border-gray-2); }
.cms-block .cms-title { display:none; }
.cms-block:hover .cms-title { display:block; }
.cms-title {
  z-index:10; color:white; background-color:var(--addgene-red); padding:8px; font-size:12px;
  position:absolute; left:1200px;
}

.giraffe-analyze-frame {
    width:80%;
    overflow:hidden;
}


#giraffe-analyze-frame {
    overflow:auto;
    border:0px;
    padding:0px;
    margin:0px;
    width:1400px;
    height:3100px;
    /* height:100%; */
}

#header { margin-bottom:10px; }

/* for deposit buttons */
.w280 { width:280px; }

.hidden { display:none; }