@charset "utf-8";
/* CSS Document */

@import url('$shared/resources/css/fonts.css');
@import url('bootstrap.min.css');
@import url('bootstrap-responsive.min.css');
@import url('dropdowns.css');


/* ---------------------------------------- LAYOUT ---------------------------------------- */

body { color: #222; background: url(../images/body.gif) repeat 50% 100%; }

#grey-top { background: #F3F3F3 url(../images/horizontal.gif) repeat-x 50% 0; height: 100%; }
.grey-bot { background: url(../images/body-base.gif) repeat-x 50% 100%; padding-bottom: 2em; }

#container { margin: 0 auto 30px auto; }

@media (min-width: 767px) {
    #header { background: #F3F3F3 url(../images/header.gif) top right no-repeat; height: 120px; width: 100%; }
}

#header a#logo { background: url(../images/existdb.png) center left no-repeat; display: block; width: 220px; height: 100px; text-indent: -999em; outline: 0; margin: 10px 0; }

/* ---------------------------------------- NAVBAR ---------------------------------------- */

.navbar-inner {
    height: 60px;
    background: transparent;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.navbar .nav>li>.dropdown-toggle {
    color: #FFF;
    text-align: center;
    font: 1.2em/1em "QuicksandBook", "Arial", Helvetica, sans-serif;
}

.navbar .nav>li>.dropdown-toggle:hover {
    color: #ffcb05;
}

.navbar .nav>li>a {
    padding: 18px 0;
    text-shadow: none;
}

.navbar .nav>li>.dropdown-menu:before, .navbar .nav>li>.dropdown-menu:after {
    display: none;
}

@media (max-width: 979px) {
    .nav-collapse.in {
        background-color: #fafafa;
        background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
        background-repeat: repeat-x;
        border: 1px solid #d4d4d4;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    }
    
    .navbar .nav>li>a {
        padding: 9px 15px;
    }
    
    .navbar .nav>li>.dropdown-toggle {
        color: #777;
    }
}

@media (min-width: 979px) {
    .navbar .nav li.dropdown.open>.dropdown-toggle {
        background-color: transparent;
        color: #ffcb05;
    }

    .nav .dropdown {
        height: 52px;
        min-width: 150px;
        vertical-align: middle; 
        background: url(../images/bgmenu.gif) no-repeat top center;
    }
    
    .nav .open {
        background: url(../images/bgmenuhi.gif) no-repeat top center;
    }
    
    .dropdown-menu {
        background: #0083cb;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        color: #FFF;
        margin: 0;
        border: 0;
    }
    
    .dropdown-menu>li>a {
        color: #FFF;
        font-size: 0.92em;
        text-align: center;
    }
    
    .dropdown-menu>li>a:hover {
        background: #222;
        color: #ffcb05;
    }
}

#navigation .actions {
    float: right;
    margin: 8px 0 8px 0;
}

#main { }

/* ---------------------------------------- INDEX ---------------------------------------- */


#content { 
    min-height: 600px;
}

.box {
    margin: 0 0 20px 0;
    padding : 10px 20px;
    background: #3B3B3C;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    color: white;
}

#main ul#twitter { margin: 10px auto; padding: 0; color: #FFF; }
#main ul#twitter li { list-style-type: none; background: #0083CB url(../images/twitter-right.gif) no-repeat 50% 100%; padding: 4px 5px 18px; line-height: 15px; margin: 1px auto; }
#main ul#twitter li.alt { background: #0083CB url(../images/twitter-left.gif) no-repeat 50% 100%; }
#main ul#twitter a:link, #main ul#twitter a:visited { color: #FFF; }

#sourceforge { background: url(../images/sourceforge.gif) no-repeat 50%; width: 130px; height: 30px; display: block; margin: 30px auto; text-indent: -999em; overflow: hidden; }

#footer { clear: both; margin: 0 auto; padding: 1em 1em; height: 50px; color: #222; background: url(../images/body.gif) repeat 50% 100%; }

#footer ul { float: left; width: 640px; margin: 0 0 0 -4px; }
#footer ul li { display: inline; }
#footer ul li a { padding: 2px 4px; color: #ffcb05; }
#footer ul li a:hover { background: #333; }

#copyright { float: right; width: 220px; }
#copyright p { padding: 0; color: #F3F3F3; }


/* ---------------------------------------- TYPE ---------------------------------------- */


p { padding: 5px 0; }

h1 { font: 38px "Quicksand", "Arial", "Helvetica", sans-serif;
    color: #0083CB;
    border-bottom: 1px solid #C7C7C7;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
h2 { font-size: 1.2em; padding: 10px 0; font-weight: bold; font-family: "Century Gothic", Verdana, Helvetica, sans-serif; letter-spacing: 1px; }
h3 { font-size: 1.2em; padding: 10px 0 5px; margin: 0 0 5px; font-weight: bold; border-bottom: 1px dotted; }
h4 { font-size: 1.1em; padding: 10px 0; font-weight: bold; }
h5 { font-size: 1.0em; padding: 10px 0; font-weight: bold; }

a { color: #0083cb; text-decoration: none;  }
a:hover { color: #ffcb05; }

.clear { clear: both; }
.imgborder { border: 1px solid #CCC; padding: 3px; margin: 3px; }


/* ---------------------------------------- SUB PAGE ---------------------------------------- */

#content h2 { color: #0083cb; padding: 10px 0 5px; }

blockquote { padding: 10px 15px 0 15px; border: 1px solid #abe1ff; background: #FFF; margin: 5px 0 10px; }
blockquote h3 { padding: 0; border: 0; margin: 0; font-size: 12px; color: #0083cb }
blockquote p { padding: 0 0 10px; }

.code { font: 13px/20px bold "Courier New", Courier, monospace; }

/* ---------------------------------------- Local styles ----------------------------------- */
form { margin: 20px 0; }

.inputrow {
    margin-top: 8px;
}

.inputrow label {
    width: 120px;
    display: block;
    float: left;
}

.error {
    font-family: "Ubuntu Mono", "Consolas", monospace;
    font-size: 112%;
    white-space: pre-wrap;
    width: 100%;
    overflow: auto;
}

.item { 
    background: #FFFFFF;
    margin: 8px 0;
    padding: 8px 8px; 
    border: 2px solid #FFAD00;
    border-radius: 15px;
    moz-border-radius: 15px;
}

dl {
    margin: 10px 20px;
}

dl dd {
    margin: 4px 20px;
}

.itemhead { background: #E0E0E0; padding-left: 8px; }

.scene {
    margin-bottom: 1em;
}

.scene .number {
    float: right;
}

.scene h3, .scene h4 {
    border: 0;
    margin: 0;
    padding: 0;
}

.scene h4 {
    margin-left: 1em;
}

table .previous {
    text-align: right;
    padding-right: 1em;
}

table .following {
    padding-left: 1em;
}

.hi { background: #FFED3D; }

.warning {
    border: 1px dotted red;
    padding: 0 10px;
    margin: 10px 0;
}

.login fieldset {
    margin-bottom: 10px;
}

.login label {
    display: block;
    float: left;
    width: 80px;
}

.login input[type = submit] {
    width: 160px;
}

input:required:invalid, fieldset input:focus:invalid { 
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAwBQTFRFvy8atzQfvzEWvDEXuzEZujIbuzEdvzAZvTAbvjAcvDAdvTIdrzcnszQisTQltTIitzQgtjUhsTssuDEguTIgujQgvD0nqkAutkM2tko5u0c4ul5Qwi8Zwy8awC8bxS4ZxiwcwTEZwDEawTAbwDAcwDEdwzIexjAaxTIZyDAbyjAcyTMdzzEazjEbzzAe0TIb0zMd0zQb1DIc1TQb1TQc1jYc1jYd1zgc2jQb2DUd2TQe2zYc3DUc3jgbxzYh1j4m4DYZ5jcZ5zYb5jYc5Dga5Dgd6TYf7Dcd7zce6zgZ6Dga7Dse7j0e8jcd8zYe8DYf8Tkb8zgd8joc8Toe8Dwf9jkb9Doc4zki5j4n6T0h7jghxkIsx0MuzUUt00Ep2kIt1kg13VE97EEm6Ugu4E064FQ98UIn8kMo80Mp90Ep9UMq3VpD3F1KxmdZw2haw2hbxGhaxGhbwW1hwHdpxndp2H1u4FlH4mVT63Jb9mZO92ZP9WhN+GVN+2RQ4HVlvIB13odx4oNv5IZy54h29o55+4p6+4t7+Y14/Yl6yI+Ew5aPxpuTxqCXyaWe3baq5JSI65CB7pKC9JKK66WX6rGb57ut6rOo7res5b6767yz+62i+q6j/qug/a2i87Cl9rGh9rOq8b+19L+z+L2x48G48MO68sa/8ci96tDK8sbB/crE/crF/srG+87K/svJ/M3I99bR99fS+9bV+93Z8ebe+OHd+eXd/OTd8ebh9e3m9u3r+ufl/eXj/ubg/ufh/efi/ufj/uXk+ujj++nl+uvl+urm/ejh++7q+u/r+vDu+vLt/PDv/fPv/vTy+/j3/Pj0//j2//n3/vv0/vr1/vv2/fr3+/39+/79/vr4/vv6/v37/f77/v38/v39/f78/f79AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOe7jtQAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAAEbSURBVChTARAB7/4A1rmNdG5xb3BwcG5tc4y43QC6isjT0NDR1djY1NLTzIu4AImVvL/Gxsa+vr7BwL29qX8AGp6rqrPDsqyurbu8r6ujFwALg5ybotjLoJqw37GfnZEOAAlsiIaEp9qmk8/FkoWHdw8AIj98eX14tc601ZB7eXpfEQAjNGJoaWd+z9uWY2pmZjYQACEzQlJUVWvK149MVlNKORUAIzFDSFBYodnJx3ZRTkEzAQAkLUBHS4HYmXXVpVhPPS8NAAInNUVkwsRlWZfVgEQ6KA8AFh0uN5TNgk1aYba3YCwHDAByAyArW11XRklGXlw+HwAbAKgSBRwpMDo8OzgyKh4EFaQA3pgZEwYIJCYmJQgKFBiO3JMVcr8Z+l4TAAAAAElFTkSuQmCC'); 
    background-position:right; 
    background-repeat:no-repeat; 
    -moz-box-shadow:none; 
} 

input:required:valid { 
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAwBQTFRFU6E8UqA9U6A+U6A/VaA+VqA/V6I+WKM7WKA/WaI8WqI9WaQ+XaQ6XKQ8Zac9Z6w2Y6k6Z6w6aKo8bK45bq46d7M5fbU6fLY6frY8f7k5U59AU59BVJ9AU6BAUaBBVaBAVKFBVKBCX6JNXqZOYalRZqhSa6pfbapcb6pdbKpfcalbc6pbdKpccqdieKxofK9vf69xgLc5gLY9hrw3gLg4gLg5g7o4g7o5hLs4hLo5hLo6hbs8iL46jb1Ti7d+kMM0k8UwksU0lsQ2nskwnsgynsgzpswvqc8voMc8oMkyocozo8wzpMowpcs7rM8wrtEwrtA1ss8+sNIvtNMtttUuttYtt9Yvu9cuutgrvdkqvdksvNgtvdkvv9svsNM1ttI2utY0vdkxvtowvtsyv9ozvtg1vdwzv9k4vtg6lMRTrs5HtNNMps53rNN+wdhJwtlNw9hWyNxVx9tszd9iyuJPxeBRxuJQyuFTyuJQyuNRyuBW0eNz1OR91eR/1ut31+p41+p62Ot22Op42Op6lb6InsKRnsSUocKVrseir82mr82nrc6kr82oscWltMeusMiisM2msMyoss6r2+mNw+KgyueiyeSy1eq34/Gd4/Ce4/Cf4vKe4+2l5e6j4Oys5u+44/Cg5fCr5vGt6PC16fO26vO87ve/7fi87vi97vi/0uHO2+jW2unX6/TD7vfA7/jH8PbB8vbH8PbK9/rT9vrY9vrc9/vd+/3c+P7c+f7d+P7e6PDk6fTm6/Xo7/fr9ffh+vvl+P3g+f3h+fzi/f7m+/zq/f7s8vrx+f3x+v7w/f7x/v7y/v/z/v/0/v73/v75/v38/f7+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnz0KZQAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAAEbSURBVChTARAB7/4A0aqNkImJioyMjImLkY6r0QCsj8nLzMzMzMzMzczLyIi7AD6Xwbe5urq6urq4wsHAlocAIpWwp6apqa6urqiyw6+ULgAhbZibmpqZmqCgorakmWwmAARpf4B/f4OBg5O0oYJ+PScACjt2eXR4eHhzsaN6d3UyKgALOF5mYl1jZ5yzb2JkUDUsAAs3RmBxZVx7xnxhWVZMMSsABhdKcsSdcLWyaFpYUkQVKAAgFEJrn8q/zn1aW1RHPxEpAB8MNklRns/FbldVT0U0BykAJQISPEVqraVfU05DMw4AMACFGwUPOkBITUtEQRkQHBqSAL0tHQEMFBg5NxYTDQEeL8cA0LyEIx4DCAoJHxwdJIa+0S+PbKi6PdJ5AAAAAElFTkSuQmCC'); 
    background-position:right; 
    background-repeat:no-repeat; 
    -moz-box-shadow:none; 
}

#collection-tree ul li, #collection-tree ul li ul li {
    list-style-type: none;
}

.code a {
    padding: 4px;
    border: 1px solid #C7C7C7;
}
