/* General layout elements. */
#admin, #admin body
{
    height: 100%;
}

/* Left part */
#sidebar
{
    color: #fff;
    float: left;
    width: 200px;
}

    #sidebar header h1
    {
        font-weight: bold;
        font-size:   26px;
        margin:      15px 0px 10px 0px;
        text-align:  center;
        text-shadow: 1px 1px #000;
    }

        #sidebar header h1 a
        {
            color:           #fff;
            text-decoration: none;
        }

        #sidebar header h1 a:hover
        {
            text-decoration: underline;
        }

    #sidebar nav
    {
        margin-bottom: 20px;
    }

#user_navigation ul, #admin_navigation ul
{
    margin: 0px;
}

#user_navigation ul li, #admin_navigation ul li
{
    list-style-type: none;
}

#user_navigation
{
    padding:    0px 10px;
    text-align: center;
}

    #user_navigation ul li
    {
        display:      inline-block;
        margin-right: 5px;
    }

        #user_navigation ul li a
        {
            color:           #fff;
            font-size:       12px;
            text-decoration: none;
        }

        #user_navigation ul li a:hover
        {
            text-decoration: underline;
        }

#admin_navigation ul li a
{
    border-top:      1px solid #494949;
    border-bottom:   1px solid #000;
    color:           #fff;
    display:         block;
    font-size:       12px;
    padding:         8px 10px;
    text-decoration: none;
    text-shadow:     1px 1px #000;

    background-image: linear-gradient(#343434, #272727);
    background-image: -moz-linear-gradient(#343434, #272727);
    background-image: -webkit-linear-gradient(#343434, #272727);

    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorStr='#343434',
        EndColorStr='#272727'
    );
}

#admin_navigation ul li a:hover
{
    border-right: 3px solid #e3c91e;

    background-image: linear-gradient(#3e3e3e, #303030);
    background-image: -moz-linear-gradient(#3e3e3e, #303030);
    background-image: -webkit-linear-gradient(#3e3e3e, #303030);

    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorStr='#3e3e3e',
        EndColorStr='#303030'
    );
}

#admin_navigation ul li.current a,
#admin_navigation ul li a:active
{
    border-right: 3px solid #e3c91e;

    background-image: linear-gradient(bottom, #3e3e3e, #303030);
    background-image: -moz-linear-gradient(bottom, #3e3e3e, #303030);
    background-image: -webkit-linear-gradient(bottom, #3e3e3e, #303030)

    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorStr='#303030',
        EndColorStr='#3e3e3e'
    );
}

#admin_navigation ul li ul li a
{
    padding-left: 20px;
}

/* Right part (main content area) of the application. */
#main
{
    background:  #fff;
    margin-left: 200px;
    min-height:  100%;
}

#login #main
{
    margin:     20px auto;
    min-height: 0px;
    width:      500px;
}

#search_form
{
    float:      right;
    margin-top: 1px;
    width:      331px;
}

    #search_form input[type="text"]
    {
        display:      inline-block;
        min-width:    250px;
        margin:       2px -5px 0px 0px;
        width:        250px;
    }

    #search_form .button
    {
        height:     31px;
        min-height: 31px;
        margin:     2px 0px 0px 0px;

        border-radius:         0px 5px 5px 0px;
        -webkit-border-radius: 0px 5px 5px 0px;
        -moz-border-radius:    0px 5px 5px 0px;

        box-shadow:         0px 0px 1px #ddd;
        -webkit-box-shadow: 0px 0px 1px #ddd;
        -moz-box-shadow:    0px 0px 1px #ddd;
    }

    .internet_explorer #search_form .button
    {
        height:     28px;
        min-height: 28px;
    }

    .firefox #search_form .button
    {
        height:     29px;
        min-height: 29px;
    }

#main section header
{
    background:    #eee;
    border-bottom: 1px solid #ccc;
    border-top:    1px solid #fff;
    min-height:    35px;
    padding:       5px 15px 8px 15px;

    box-shadow:         0px 0px 2px #ccc;
    -webkit-box-shadow: 0px 0px 2px #ccc;
    -moz-box-shadow:    0px 0px 2px #ccc;
}

    #main section header h1
    {
        border:  none;
        margin:  4px 0px 0px 0px;
        padding: 0px;
    }

        #main section header h1 .current
        {
            font-weight: bold;
        }

    #main section header.with_search h1
    {
        float: left;
    }

    #main section .body
    {
        padding: 15px;
    }

    #main section .body.max_width
    {
        max-width: 960px;
    }