/*
 CSS styles that apply to most pages -- don't put page specific styles
 in here, put them in a separate file.
 */
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; }
}

#zenbox_tab {
    margin-top:32%;
}

#side-cart {
    position:absolute;
    margin-left:950px;
    margin-top:150px;
}
#side-cart>div { width:160px; text-align:left; padding:4px 4px 4px 10px; margin:0px; }
#side-cart-title {
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 8px;
}
.side-cart-header {
    background-color:#f4a460;
    font-weight:bold;
    color:black;
}
.side-cart-body {
    background-color:#ffe4c4;
    padding:4px 4px 4px 10px;
    font-size:13px;
}
#side-cart-footer {
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 8px;
}

#main { border: 1px solid #d0d0d0; }
#logo { float: left; }
#header { text-align: right; font-size: 13px; }
#header form { padding-top: 10px; } 
#menu_home { width: 155px; }

#index_menu { margin: 0px; padding: 0px; }
#index_menu > .menu_btn { margin-right: 1px; }
#index_menu > .menu_btn:last-child { margin-right: 0; }

.menu_btn {
    float: left;
    width: 158px;
    padding: 5px 0px 7px 0px;
    color: white;
    font-family: verdana;
    font-size: 13px;
    cursor: pointer;
}

.menu_on {
    background-color: #0970e0;
    font-weight: bold;
}

.menu_off {
    background-color: #999999;
}

.menu_sep {
    float: left;
    width: 1px;
    padding: 5px 0px 5px 0px;
    margin: 0px;
}
.menu_btn a {
    color: white;
    text-decoration: none;
}

.submenu {
    background-color:#0970e0; color:white; padding:4px 0px; display:none;
}
.submenu a { color:white; text-decoration:none; }
.submenu div { display:inline-block; }

#submenu_deposit div { margin:0px 15px; }
#submenu_request div { margin:0px 15px; }
#submenu_tools div { margin:0px 15px; }
#submenu_about div { margin:0px 15px; }
#submenu_ordering div { margin:0px 15px; }


#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 #d0d0d0;
    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 #999; 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:#E70; margin:25px 0px 15px 0px; }
#addgene .gold { color:#E70; }

.u { 
    width:100%; 
    border-bottom:1px solid #999; 
    padding-bottom:6px; 
    margin-top:30px; 
}

.dialog_background { background:#c0c0c0 !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 #d0d0d0;
    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:#f0f0f0; 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; }

/* Benjie: 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 #d0d0d0; }
.cms-block .cms-title { display:none; }
.cms-block:hover .cms-title { display:block; }
.cms-title {
  z-index:10; color:white; background-color:#a33; 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%; */
}


#top-search {
    background-color:#0970e0;
    color:white;
    padding:4px 8px 4px 8px;
    float:right;
    margin-top:0px;
}
#top-search form { padding:0; margin:0; }
#top-search a { color:white; }
#header { margin-bottom:10px; }

.browse-box { width:350px; height:150px; padding:12px; }
#addgene .browse-box h4 { margin-top:0px; }
.browse-box ul { list-style-type:none; padding-left:0px; }

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

.hidden { display:none; }

table.rewards {
    width: 66%;
}
table.rewards th, table.rewards td {
    text-align: center;
}
table.rewards td.left-align {
    text-align: left;
}

.alert_button {
    float: right;
    margin: 0px 48px 0px 0px;
    border: 1px solid #D0D0D0;
}