body {
    margin: 0;
    padding: 0 0 3em 0;
    background: #e0ebef;
    text-align: center;
    font-size: 80%;
    font-family: arial, helvetica, sans-serif;
    color: #666;
    line-height: 1.3em;
}

a, a:link, a:visited, a:active, a:hover {
    color: #29ac9a;
    text-decoration: underline;
}

a:hover {
    color: #025a8a;
}

h1, h2, h3 {
    color: #000;
    margin: 0;
    padding: 0.5em 0 0.5em 0;
    font-family: tahoma, verdana, arial, sans-serif;
}

p {
    margin: 0;
    padding: 0 0 0.5em 0;
}

ul {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

li {
    line-height: 1.6em;
}

h1 {
    font-size: 115%;
}

h2 {
    font-size: 100%;
    font-weight: bold;
    font-style: normal;
    color: #00014c;
}

h3 {
    font-size: 100%;
    font-weight: bold;
    font-style: normal;
    color: #333;
}

#content {
    width: 90%;
    margin: 14px auto 0 auto;
    text-align: left;
    background: #fff url('../img/bg.png') repeat-y 30% 0%;
    padding-bottom: 15em;
    border: 1px solid #025b8b;
}

#content table.datagrid {
    border-collapse: collapse;
}

#content table.datagrid td,
#content table.datagrid th {
    font-size: 80%;
    padding: 0.25em;
    vertical-align: top;
    border: 1px solid #cfc4c3;
}

#content table.datagrid th {
    background-color: #d1efec;
    color: #025b8b;
    font-size: 100%;
}



#header {
    height: 106px;
    background-color: #fff;
    background: #a6c0be url('../img/slogan.jpg') no-repeat right center;
    border-bottom: 5px solid #025b8b;
}

#footer {
    clear: both;

    background-color: #035b8b;
    border: 1px solid #035b8b;
    color: #8bc7c1;

    font-size: 80%;
    width: 90%;
    margin: 0 auto;
    line-height: 1.2em;
}

#footer_content {
    padding: 1em;
}

#footer_content a,
#footer_content a:link,
#footer_content a:visited,
#footer_content a:active,
#footer_content a:hover {
    color: #fff;
    border-bottom: 1px dotted #cfd0ff;
    text-decoration: none;
}

#footer_content a:hover {
    border-bottom: 1px solid #fff;
}


#header img {
}

#sidebar {
    float: left;
    width: 30%;
    margin: 0;
    padding:0;
}

#sidebar-content {
    margin: 0;
    padding: 0.5em 1em;
}

#sidebar-content a,
#sidebar-content a:link,
#sidebar-content a:visited,
#sidebar-content a:active,
#sidebar-content a:hover {
    color: #29ac9a;
    text-decoration: none;
    border-bottom: 1px dotted #29ac9a;
}

#sidebar-content a:hover {
    color: #035b8b;
/*     text-decoration: underline; */
    border-bottom: 1px dotted #035b8b;
}

#main {
    margin: 0 0 0 30%;
    padding: 0;
}

#main-content {
    margin: 0; padding: 0.5em 1em;
/*     font-size: 100%; */
}

ul.object_list {
}

ul.object_list li {
    padding-bottom: 1em;
    line-height: 1.2em;
/*     list-style-image: url(../img/bullet_file.png); */
}



hr.cleaner {
    clear: both;
    height: 1px;
    margin: -1px 0 0 0;
    padding: 0;
    border: none;
    visibility: hidden;
}

.right {
    float: right;
}
.alignright {
    text-align: right;
}

.clear {
    clear: both;
}
.clearleft {
    clear: left;
}
.clearright {
    clear: right;
}

.secondary {
    color: #025b8b;
}

.tersiary {
    color: #aaa;
}

.keylabel {
    display: block;
    float: left;
    width: 12em;
    clear: left;
/*     border: 1px solid red; */
}

.message {
    margin: 0.25em 0 0.75em 0;
    padding: 0.5em;
    border: 1px solid #d1d2ef;
    border: 1px solid #ffae4f;

    background-color: #eff0ff;
    background-color: #ffeebf;

}

.info {
    margin: 0.25em 0;
    padding: 0.5em;
    border: 1px solid #8bc7c1;
    background-color: #d1efec;
}

.info dl {
    padding: 0;
    margin: 0 0 0.75em 0;
    position: relative;
}

.info dt, .info dd {
    margin: 0;
    padding: 0;
    position: relative;
    padding-top: 0.75em;
}

.info dt {
/*     font-weight: bold; */
    color: #000;
    width: 10em;
    float: left;
}

.info dd {
    margin-left: 14em;
/*     padding-left: 1em; */
}

a.action, a.action:link, a.action:visited, a.action:active {
    display: block;
    margin: 0.5em 0 0.5em 0.1em;
    padding: 0.5em;
    border: 1px solid #8bc7c1;
/*     background: #8bc7c1 none no-repeat 10px center; */
    background: #a7dfd9 none no-repeat 10px center;
    color: #025a8a;

    padding-left: 45px;
    text-decoration: none;
/*     position: relative; */
}

a.action span {
/*     position: relative; */
}

a.action:hover {
    border: 1px solid #29ac9a;
    color: #fff;
    background-color: #77bfb7;
}

.action_edit {
    background-image: url('../img/action_edit.gif') !important;
}

.action_delete {
    background-image: url('../img/action_delete.gif') !important;
}

.action_add {
    background-image: url('../img/action_add.gif') !important;
}

.action_member {
    background-image: url('../img/action_add.gif') !important;
}

.action_file {
    background-image: url('../img/action_file.gif') !important;
}

.action_view {
    background-image: url('../img/action_view.gif') !important;
}

.action_member_list {
    background-image: url('../img/action_member_list.gif') !important;
}

.action_file_view {
    background-image: url('../img/action_file_view.gif') !important;
}
.action_file_add {
    background-image: url('../img/action_file_add.gif') !important;
}
.action_file_edit {
    background-image: url('../img/action_file_edit.gif') !important;
}
.action_folder {
    background-image: url('../img/action_folder.gif') !important;
}
.action_folder_add {
    background-image: url('../img/action_folder_add.gif') !important;
}
.action_reserve {
    background-image: url('../img/action_reserve.gif') !important;
}


label {
    padding: 0.5em 0 0.25em;
    display: block;
}

input, select, textarea {
    margin: 0 0.5em 0.25em 0;
}

input.submit {
    margin-top: 1em;
    padding-left: 0.75em;
    padding-right: 0.75em;
}

form {
    margin: 0;
    padding: 0;
}

fieldset {
    margin-bottom: 0.5em;
    padding: 1em;
}

legend {
    color: #00014c;
}

.note {
    font-size: 90%;
    color: #00014c;
    display: block;
    padding: 0;
    margin: 0.25em 0;
}

span.msg {
    display: block;
    padding: 0 0 0.5em 0;
    padding-left: 15px;
    background: transparent url('../img/bullet.gif') no-repeat 5px 0.5em;
}

.folder_info {
    display: block;
    padding: 0.5em 0;
    color: #666;
    line-height: 1.2em;
/*     font-size: 85%; */
}

.extra_info {
    display: block;
    padding-top: 0.15em;
    color: #666;
    font-size: 85%;
    line-height: 1.2em;
}

.folder_filecount {
/*     display: block; */
    float: right;
/*     margin-left: 1em; */
    color: #666;
    text-align: right;
    line-height: 1.2em;
}

.filename {
    color: #2c308f;
}

a:hover .filename {
    color: #fff;
}

.bigger {
    font-size: 110%;
}

.smaller {
    font-size: 85%;
}

.bold {
    font-weight: bold;
}

.left {
    float: left;
}

.otherfont {
    font-family: tahoma, verdana, arial, sans-serif;
}

a.topbg {
    background-position: 10px 0.75em !important;
}

.center {
    text-align: center;
}

.footer {
    padding-top: 2em;
}