/*
 * Copyright (c) 2013, Francis Galiegue <fgaliegue@gmail.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the Lesser GNU General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * Lesser GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

/*
 * Global
 */
* {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana,
    sans-serif;
    font-size: 14px;
    color: #666;
}
div {
    background-color: #fffafa;
}

/*
 * Top div
 */
#top {
    position: fixed;
    width: 100%;
    padding-top: 25px;
    height: 75px;
    z-index: 2;
    padding-left: 5px;
}

ul {
    padding-left: 15px;
}
/*
 * Content divs
 */
div.content {
    padding-top: 110px;
    position: absolute;
    width: 49%;
    top: 0;
    bottom: 0;
    z-index: 1;
    padding-left: 1%;
}
#left {
    left: 0;
    right: 0;
}
#right {
    left: 50%;
    right: 0;
}

/*
 * Immediate children of content divs
 */
.content div {
    display: block;
}
textarea {
    height: 88%;
    width: 95%;
    resize: none;
}
textarea.half {
    height: 42%;
}

/*
 * Horizontally aligned elements
 */
.horiz div {
    display: inline-block;
    padding-left: 5px;
}

/*
 * Various
 */
.starthidden {
    display: none
}
.error {
    color: red;
}
.success {
    color: green;
}
textarea[readonly="readonly"] {
    background-color: #f2f1f0;
    border: #f2f1f0 1px solid;
}
p {
    margin-top: .2em;
}
a {
    color: #6495ed;
}

/*
 * About page
 */
div.about {
    position: absolute;
    margin: 25px 10px 10px 10px;
}

div.about > * {
    margin: 5px;
}

/*
 * Top menu
 */
.horizMenu {
    position: fixed;
    z-index: 3;
    width: 100%;
}

.horizMenu ul {
    height: 20px;
    list-style-type: none;
    margin: auto;
    background-color: #f5f5f5;
    padding-left: 5px;
}

.horizMenu li {
    float: left;
    border-right: #CCCCCC solid 1px;
    height: 100%;
}

.horizMenu ul * {
    padding-left: 15px;
    padding-right: 15px;
}