/*
    UNIQUE THEME FOR SYSTEMS
    CREATED BY ROBHER.COM
*/
body {
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    font-weight: 300;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
#wrapper {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#image_detail {
    width: 100%;
    height: 100%;
    background: #DDD;
}
#log {
    width: 400px;
    height: auto;
    margin: 0px auto;
    margin-top: 30px;
    padding: 15px;
    text-align: center;
}
    #log div.form {
        padding: 15px;
        margin-top: 30px;
        width: 100%;
        background-color: #e6e6e6;
        box-shadow: 2px 2px 10px #858585;
    }
    #log div.form input {
        font-family: 'Ubuntu', sans-serif;
        margin: 4px;
        padding: 4px;
        font-size: 12px;
    }
    #log div.status {
        padding: 15px;
        margin-top: 30px;
        width: 100%;
        background-color: #e6e6e6;
        box-shadow: 2px 2px 10px #858585;
    }
    #log div.dr {
        margin-top: 40px;
        color: #DDD;
        font-weight: 300;
    }
    #log div.dr a {
        color: #DDD;
        text-decoration: none;
    }
    #log div.dr a:hover {
        color: #999;
        text-decoration: none;
    }
#system {
    width: 1000px;
    height: auto;
    margin: 0px auto;
}
#system div {
    position: relative;
    width: 100%;
    height: auto;
    /*margin-top: 15px;*/
    /*margin-bottom: 15px;*/
    box-shadow: 2px 2px 10px #858585;
}
    #system div.top {
        position: relative;
        background-color: #FFF;
        padding: 0px;
        padding-bottom: 5px;
        padding-top: 5px;
        box-shadow: none;
    }
        #system div.top ul {
            position: absolute;
            right: 0px;
            bottom: 15px;
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        #system div.top ul li {
            position: relative;
            float: right;
            width: 24px;
            height: 16px;
        }
        #system div.top ul li.name {
            padding-top: 4px;
            margin-right: 5px;
            width: 220px;
            height: 16px;
            text-align: right;
        }
        #system div.top ul li a {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        #system div.top ul li a.inner {
            opacity: 1;
        }
        #system div.top ul li a.inner:hover {
            opacity: .75;
        }
    #system div.menu {
        margin: 0px;
        padding: 0px;
        background-color: #2a2a2a;
    }
        #system div.menu ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        #system div.menu ul li {
            position: relative;
            font-size: 14px;
            padding: 0px;
            margin: 0px;
            width: 120px;
            height: 24px;
            padding-top: 8px;
            border-left: 1px dotted #3d3d3d;
            border-right: 1px dotted #3d3d3d;
            float: left;
            color: #FFF;
            text-align: center;
            display: block;
        }
        #system div.menu ul li:hover {
            background-color: #555555;
        }
        #system div.menu ul li a {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        #system div.menu ul li.search,#system div.menu ul li.search:hover {
            width: 185px;
            border: 0px;
            background-color: #373737;
        }
            #system div.menu ul li.search input {
                font-family: 'Ubuntu', sans-serif;
                font-style: italic;
                position: absolute;
                top: 0px;
                left: 0px;
                width: 160px;
                height: 100%;
                padding-left: 5px;
                background-color: transparent;
                border: 0px;
                color: #FFF;
            }
        #system div.menu ul li.space,#system div.menu ul li.space:hover {
            width: 40px;
            border: 0px;
            background-color: #2a2a2a;
        }
    #system div.submenu {
        margin: 0px;
        padding: 0px;
        margin-top: 15px;
        background-color: #bebebe;
    }
        #system div.submenu ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        #system div.submenu ul li {
            position: relative;
            font-size: 12px;
            padding: 0px;
            margin: 0px;
            width: auto;
            height: 19px;
            padding-top: 5px;
            padding-left: 5px;
            padding-right: 5px;
            border-left: 1px solid #bebebe;
            border-right: 1px solid #bebebe;
            float: right;
            color: #000;
            text-align: left;
            display: block;
        }
        #system div.submenu ul li:hover {
            background-color: #d3d3d3;
        }
        #system div.submenu ul li a {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
    #system div.search_box {
        margin-top: 15px;
    }
    #system div.search_box, #system div.search_box div {
        box-shadow: none;
    }
    #system div.search_box div {
        float: left;
    }
    #system div.search_box div.center {
        margin-left: 0px;
        width: 100%;
        height: auto;
        overflow: auto;
        box-shadow: 2px 2px 10px #858585;
    }
        #system div.search_box div.center ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        #system div.search_box div.center ul li {
            position: relative;
            width: 230;
            padding: 5px;
        }
        #system div.search_box div.center ul li:hover {
            background-color: #e2e2e2;
        }
        #system div.search_box div.center ul li.title {
            background-color: #46050c;
            color: #FFF;
            font-size: 14px;
        }
        #system div.search_box div.center ul li a {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
    /*#system div.body {
        margin-top: 15px;
    }*/
    #system div.body, #system div.body div {
        box-shadow: none;
    }
    #system div.body div {
        float: left;
    }
    #system div.body div.left {
        margin-top: 15px;
        width: 240px;
        height: 100%;
        overflow: auto;
        background-color: #f4f4f4;
        box-shadow: 2px 2px 10px #858585;
    }
        #system div.body div.left ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        #system div.body div.left ul li {
            position: relative;
            width: 230;
            padding: 5px;
        }
        #system div.body div.left ul li:hover {
            background-color: #e2e2e2;
        }
        #system div.body div.left ul li.title {
            background-color: #2a2a2a;
            color: #FFF;
            font-size: 14px;
        }
        #system div.body div.left ul li.calendar {
            background-color: #FFF;
            height: auto;
        }
        #system div.body div.left ul li.calendar table.calendar tr td {
            position: relative;
            width: 24px;
            height: 30px;
        }
        #system div.body div.left ul li.calendar table.calendar tr td span.cal {
            position: absolute;
            top: 1px;
            left: 1px;
            font-size: 8px;
        }
        #system div.body div.left ul li.calendar table.calendar tr td p {
            position: absolute;
            padding: 0px;
            margin: 0px;
            bottom: 2px;
            right: 2px;
            font-size: 12px;
        }
        #system div.body div.left ul li.calendar table.calendar tr td a {
            position: absolute;
            z-index: 5;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        #system div.body div.left ul li.calendar table.calendar tr td.day {
            background-color: #FFF;
            text-align: right;
        }
        #system div.body div.left ul li.calendar table.calendar tr td.day:hover {
            background-color: #e4e4e4;
        }
        #system div.body div.left ul li.calendar table.calendar tr td.today {
            background-color: #363636;
            color: #FFF;
        }
        #system div.body div.left ul li.calendar table.calendar tr td.today:hover {
            background-color: #0e0e0e;
            color: #ffffff;
        }
        #system div.body div.left ul li.calendar table.calendar tr td.past {
            color: #272727;
            font-style: italic;
        }
        #system div.body div.left ul li.calendar button.b {
            width: auto;
            height: 24px;
        }
        #system div.body div.left ul li a {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
    #system div.body div.center {
        margin-top: 15px;
        margin-left: 20px;
        width: 740px;
        height: auto;
        overflow: auto;
        background-color: #f4f4f4;
        box-shadow: 2px 2px 10px #858585;
    }
        #system div.body div.center ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        #system div.body div.center ul li {
            position: relative;
            width: 230;
            padding: 5px;
        }
        #system div.body div.center ul li:hover {
            background-color: #e2e2e2;
        }
        #system div.body div.center ul li.title {
            background-color: #46050c;
            color: #FFF;
            font-size: 14px;
        }
        #system div.body div.center ul li a {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
    #system div.body div.half {
        margin-top: 15px;
        width: 490px;
        height: auto;
        overflow: auto;
        box-shadow: 2px 2px 10px #858585;
    }
        #system div.body div.half ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        #system div.body div.half ul li {
            position: relative;
            width: 480px;
            padding: 5px;
        }
        #system div.body div.half ul li:hover {
            background-color: #e2e2e2;
        }
        #system div.body div.half ul li.title {
            background-color: #462300;
            color: #FFF;
            font-size: 14px;
        }
        #system div.body div.half ul li.info {
            background-color: #FFF;
        }
        #system div.body div.half ul li a {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
    #system div.body div.top {
        width: 1000px;
        height: auto;
        box-shadow: 2px 2px 10px #858585;
    }
        #system div.body div.top ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        #system div.body div.top ul li {
            position: relative;
            width: 990px;
            height: 500px;
            padding: 5px;
        }
        #system div.body div.top ul li:hover {
            background-color: #e2e2e2;
        }
        #system div.body div.top ul li.title {
            background-color: #2a2a2a;
            color: #FFF;
            font-size: 14px;
        }
        #system div.body div.top ul li.info {
            background-color: #ffffff;
            color: #222;
            font-size: 14px;
        }
        #system div.body div.top ul li.info table {
            width: 100%;
        }
        #system div.body div.top ul li.info table tr td.title {
            text-align: right;
            font-weight: 400;
            color: #707070;
        }
    #system div.body div.top_record {
        width: 1000px;
        height: auto;
        box-shadow: 2px 2px 10px #858585;
        margin-top: 15px;
    }
        #system div.body div.top_record ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        #system div.body div.top_record ul li {
            position: relative;
            width: 990px;
            height: auto;
            padding: 5px;
        }
        #system div.body div.top_record ul li:hover {
            background-color: #e2e2e2;
        }
        #system div.body div.top_record ul li.title {
            background-color: #2a2a2a;
            color: #FFF;
            font-size: 14px;
        }
        #system div.body div.top_record ul li.info {
            background-color: #ffffff;
            color: #222;
            font-size: 14px;
        }
        #system div.body div.top_record ul li.info table {
            width: 100%;
        }
        #system div.body div.top_record ul li.info table tr td.title {
            text-align: right;
            font-weight: 400;
            color: #707070;
        }
    #system div.body div.forms {
        margin-left: 20px;
        width: 800px;
        padding: 20px;
        margin-left: 80px;
        height: auto;
        overflow: auto;
        background-color: #f9f9f9;
        box-shadow: 2px 2px 10px #858585;
    }
        #system div.body div.forms form input, #system div.body div.forms form textarea {
            margin: 2px;
            padding: 5px;
        }
        #system div.body div.forms form select {
            margin: 2px;
            padding: 5px;
        }
        #system div.body div.forms form select option {
            margin: 0px;
            padding: 5px;
        }
        #system div.body div.forms form button span.load {
            display: none;
        }
        #system div.body div.forms ul.gallery {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        #system div.body div.forms ul.gallery li {
            float: left;
            width: 100px;
            height: 75px;
            margin-right: 5px;
            margin-bottom: 5px;
            overflow: hidden;
        }
        #system div.body div.forms ul.gallery li img {
            width: auto;
            height: auto;
        }
    #system div.footer {
        margin-top: 25px;
        margin-bottom: 50px;
        box-shadow: none;
        font-size: 10px;
        text-align: right;
        color: #CCC;
    }
        #system div.footer a {
            color: #CCC;
            text-decoration: none;
        }
        #system div.footer a:hover {
            color: #CCC;
            text-decoration: underline;
        }