#page{
    margin: 0 auto;
    /*max-width:960px;*/
    text-align:left;
    padding-bottom:25px ;
    min-height:400px;
    background:white none repeat scroll 0;
}

.menubar {
    width:100%;
    padding:0px;
    margin:0px;
    margin-bottom: 20px;
    height:62px;
    border-radius: 0;
    border:none;
    position: relative;
    z-index: 1000;

}

#content{
    padding:20px;
}

.infotable {
    border-collapse:collapse;
    border: 1px black solid;
}

.infotable td, .infotable th {
    padding: 4px 10px;
}

div.error-message {
    font-size:12px;
    font-weight:bold;
    color: red;
    background-color:#fcc;
    border: 1px red solid;
    padding:5px;
    margin: 5px 0px;
}

div.message {
    font-size:12px;
    font-weight:bold;
    border: 1px black solid;
    padding:5px;
    margin: 5px 0px;
}


.tdline {
    background-color:#999;
}

td.label, th.label {
    text-align:right;
}

.infotable td.label, .infotable th.label {
    border-right: 1px #999 solid;
}

tr.current{
background:#dfd;
}

a.action{
    border: 1px black solid;
    text-decoration:none;
    color: black;
    padding:1px 8px;
}

a.action:hover {
    background: #ccc;
}

.pagination>li>span,
.pagination>li>a {
  padding:5px 11px

}


@media (min-width: 768px) {
    #login-frame {
        border:2px solid #bbbbbb;
        border-radius: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #login-frame form{
        margin-top:20px;
    }

    #login-frame .page-alert{
        border-radius: 20px 20px 0px 0px;
    }

    #login-info{
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        margin-bottom: 0px;
    }
    #login-frame legend{
        font-size:14pt;
        padding-left:15px;
    }
    #login-frame h3, p {
        padding-left:15px;
    }
}