/* Styles shared by all sections */

    html, body {
        font: normal 13px Verdana, Geneva, sans-serif;
        color:            white;
        background-color: #88a1bb;
        border:           0px;
        margin:           0px;
        padding:          0px;
    }
    h1 {
        font: 4em normal Georgia, 'Times New Roman', Times, serif;
        padding: 20px;	margin: 0;
        text-align:center;
    }
    h1 small{
        font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
        text-transform:uppercase; letter-spacing: 0.5em; line-height: 2em;
        display: block;
    }
    h2 {
        font: normal 2em Georgia, "Times New Roman", Times, serif;
        margin: 0;
        padding: 0;
    }
    a, a:visited {
        color:              #026;
        text-decoration:    underline;
    }
    a:hover {
        color:              #26c;
    }
    .bold {
        font-weight:        bold;
    }

    p.setting_paragraph
    {
        padding:            0px 0px 10px 0px;
    }

    .setting_select, .setting_input
    {
        float: left;
    }

    .setting_label
    {
        width: 100%;
        float: left;
        clear: left;
    }

    table
    {
        font: normal 13px Verdana, Geneva, sans-serif;
        width:100%;
    }

    table td
    {
        font-weight: normal !important;
        padding: .2em;
        border: 10px #FFFFFF;
    }

    table th
    {
        border: 10px #FFFFFF;
        text-align: center;
        padding: .2em .2em;
    }

    table tr.alt td
    {
        border: 10px #FFFFFF;
        background-color:#2D2D2D;
    }

    table td.invisible
    {
        display:none;
    }

    table th.invisible
    {
        display:none;
    }

    #header_status {
        position:           fixed;
        bottom:             30px;
        left:               100px;
        right:              100px;
        height:             38px;
        z-index:            2000;
        padding:            6px 200px 0 200px;
    }

    #header_error {
        position:           fixed;
        bottom:             80px;
        left:               100px;
        right:              100px;
        height:             38px;
        z-index:            2000;
        padding:            6px 200px 0 200px;
    }

    #header {
        background-color:       black;
        background-position:    left -4px;
        background-repeat:      repeat-x;
        position:           fixed;
        top:                0px;
        right:              0px;
        left:               0px;
        height:             38px;
        border-bottom:      4px solid #004570;
        z-index:            50;
    }
    #header_text {
        color:              #cdcccc;
        padding-left:       200px;
        line-height:        2.75em;
        font-weight:        bold;
    }

    #header_logo {
        position:           absolute;
        display:            inline;
        left:               10px;
        top:                100%;
        height:             64px;
        margin-top:         -29px;
        z-index:            99;
    }
    #header_logo img {
        border:             none;
    }

    #header_end {
        background-repeat:  repeat-x;
        margin-top:         40px;
        height:             36px;
    }

    #content {
        position:           absolute;
        top:                40px;
        right:              0px;
        left:               200px;
        padding:            10px;
    }

    #hostname {
        font-size:          12px;
        font-family:        sans-serif;
        position:           fixed;
        top:                90px;
        left:               10px;
        width:              180px;
        color:              #26c;
        text-align:         center;
    }

    #menu-bg {
        position:           fixed;
        top:                40px;
        left:               0px;
        width:              200px;
        height:             1500;
        background-color:   black; 
    }

    #menu-title {
        color:              #E4D6CD;
        position:           fixed;
        top:                72px;
        left:               10px;
        width:              180px;
        text-align:         center;
    }

    #menu a, a:visited {
        color:              #26c;
    }

    #menu {
        position:           fixed;
        top:                110px;
        left:               10px;
        width:              180px;
        color:              #E4D6CD;
    }

    #menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #menu li a {
        height: 32px;
        voice-family: "\"}\""; 
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
    }

    #menu li a:active, #menu li a:focus {
        outline: none;
    }

    #menu li a:link, #menu li a:visited {
        color: #E4D6CD;
        display: block;
        background:  url(/images/menu-button-bg.gif);
        padding: 8px 0 0 10px;
    }

    #menu li a:hover {
        color: #FFF;
        background:  url(/images/menu-button-bg.gif) 0 -32px;
        padding: 8px 0 0 10px;
    }

    .config {
        display: none;
    }

    .expert {
        display: none;
    }

    .activeField
    {
        background-image: none;
        background-color: #FFFFFF;
        border: solid 1px #33677F;
    }

    .idle
    {
        border: solid 1px #85b1de;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#FFFFFF'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#FFF)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #888,  #FFF); /* for firefox 3.6+ */ 
        background-repeat: repeat-x;
        background-position: top;
    }

    .form_error
    {
        color:    red;
    }

    .pressed
    {
        color: #fff;
        padding: 20px;
        background: #111;
        border: 1px solid #000;
        border-right: 1px solid #353535;
        border-bottom: 1px solid #353535;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .galleria-thumbnails
    {
        margin: 0 auto;
    }

    .galleria-container
    {
        margin-left: auto;
        margin-right: auto
    }

    .blackbox
    {
        background: #000;
    }

    .indented ul
    {
        margin: 20px 0; padding: 0;
        list-style: none;
    }

    .indented ul li
    {
        border-top: 1px solid #333;
        border-bottom: 1px solid #111;
    }

    .indented ul li:first-child {border-top: none;}

    .indented ul li:last-child {border-bottom: none;}

    .indented ul li
    {
        padding: 10px;
        display: block;
        color: #fff;
        text-decoration: none;
    }

    .indented ul li a:hover {background: #111;}
