@charset "utf-8";

img#logo {
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer;
}

img#front-desk {
    position: absolute;
    top: 5px;
    right: 60px;
}

span#login_user {
    color: #fff;
    position: absolute;
    top: 35px;
    right: 63px;
}

div#page {
    margin: 0px auto;
}

div#header {
    position:relative;
    height: 60px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
}

img#menu {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor:pointer;
}

div#footer {
    position: relative;
    height: 180px;
    border-top-width: 10px;
    border-top-style: solid;
}

div#footerBox {
    width:100%;
    position:absolute;
    bottom:10px;
    color:#FFF;
    font-size:12px;
    font-weight:bolder;
    text-align:center;
    margin-bottom: 30px;
}

div#footerBox p {
    margin-bottom: 3px;
}

img#logout {
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer;
}

img#index {
    position: absolute;
    top: 5px;
    right: 70px;
    cursor: pointer;
}

img#pagetop {
    position: absolute;
    top: 5px;
    right: 0px;
    cursor:pointer;
}

div#copyright {
    width:100%;
    position:absolute;
    bottom:6px;
    text-align:center;
}

div#copyright img {
    padding-top: 3px;
}

div#main {
        padding: 5px;
        background-color: #cccccc;
}

div#main .container {
    margin:0px auto;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #999999;
    min-height: 450px;
}

@media (orientation: portrait) and (min-height: 900px){
    #trim-area {
        min-height: 750px;
    }
}

div#trim-area {
    margin: 0 auto;
    max-width: 480px;
}

div#caption {
    margin: 20px 0 5px;
}

div#caption h2 {
    margin-bottom: 0.2rem;
}

div.links {
    margin: 40px auto 30px;
    text-align: center;
}

div.links li {
    margin-bottom: 4px;
}