/* aims player */
@import url("standalone-player.css");
@import url("contained-player.css");

html {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}
body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    height: 100%;
    width: 100%;

    background-color: #dbdfdf;
}

#container {
    width: 958px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
    margin-bottom: 40px;
    background-color: #dbdfdf;
    padding-top: 0px;
    min-height: 100#
}

/* header */
#header {
    background-image: url(header-trainer.png);
    width: 958px;
    height: 158px;
    background-repeat: no-repeat;
    position: relative;
}
#header h1 { display: none; }
#header input.searchbox { 
    color: #000000;
    background: #FFFFFF;
    border: 0px solid #FFFFFF;
    position: absolute;
    top: 90px;
    left: 776px;
    width: 140px;
    height: 18px;
} 
#header button.searchicon { 
    position: absolute;
    border: 0px;
    top: 87px;
    left: 922px;
    width: 25px;
    height: 26px;
    background: transparent;
    background-image: url(icon-search.png);
}
#header ul {
    list-style-type: none;
    display: inline;
    border: 0px;
    margin: 0px;
     padding: 0px;
    position: absolute;
    top: 81px;
    left: 195px;
}
#header li {
    display: inline;
    float: left;
    border: 0px;
    margin: 0px;
    padding: 0px;
} 
#header img {
    border: 0px;
    margin: 0px;
    padding: 0px;
} 
#header a {
    border: 0px;
    margin: 0px;
    padding: 0px;
    display: block;
}
#header a.home { background-image: url(icon-home.png); width: 101px; height: 39px }
#header a.login { background-image: url(icon-login.png); width: 89px; height: 39px; }
#header a.logout { background-image: url(icon-logout.png); width: 102px; height: 39px; }
#header a.unreviewed { background-image: url(icon-unreviewed.png); width: 147px; height: 39px; }
#header a.users { background-image: url(icon-users.png); width: 84px; height: 39px; }
#header a.settings { background-image: url(icon-settings.png); width: 119px; height: 39px; }
#header a.tagsearch {
    background-image: url(icon-tagsearch-trainer.png);
    position: absolute;
    left: 792px;
    top: 120px;
    width: 65px;
    height: 19px;
}
#header a.advancedsearch {
    background-image: url(icon-advancedsearch-trainer.png);
    position: absolute;
    left: 859px;
    top: 120px;
    width: 93px;
    height: 19px;
}
#header button span, 
#header a span { display: none; }

/* body & contents */
#body {
    background-image: url(body-trainer.png);
    width: 958px;
    padding: 0px;
    margin: 0px;
    background-repeat: repeat-y;
}
#contents {
    padding-left: 25px;
    padding-right: 25px;
    /* padding-top: 5px;
    padding-bottom: 1px; */
}


/* title */
#title {
    background-image: url(title-trainer.png);
    background-repeat: no-repeat;
    width: 958px;
    height: 33px;
}
#title a, #title span, #title h3 {
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    position: relative;
    top: 7px;
    left: 30px;
    width: 928px;

    margin: 0;
    padding: 0;
}
#title a:link.current {
    color: #6C272A;
}
#title a:link {
    color: #000000;
    text-decoration: none;
}
#title a:visited {
    color: #000000;
    text-decoration: none;
}
#title a:active {
    color: #000000;
    text-decoration: none;
}
#title a:hover {
    color: #6C272A;
    text-decoration: none;
}
    
/* footer */
#footer {
    background-image: url(footer-trainer.png);
    width: 958px;
    height: 25px;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
}    

/* actions */
.actions {
    margin-top: 1ex;
    text-align: center;
    background-color: #EEEEEE;
    padding-top: 10px;
}
/* listings */
.listing {
    width: 800px;
    overflow: auto;
}
.listing .category {
}
.listing .task {
}
.listing .model {
    float: left;
    width: 200px;
    height: 200px;
    margin-bottom: 5px;
    margin-top: 5px;
    display: block;
    position: relative;
}
.listing .model img {
    width: 150px;
    height: 150px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 8px;
    display: block;
    position: absolute;
}
.listing .model a.title {
    width: 200px;
    height: 175px;
    outline: none;
    display: block;
    position: relative;
    vertical-align: bottom;
    font-weight: bold;
    color: black;
    
}
.listing .model a.title span {
       display: block;
    text-align: center;
    width: 200px;
    bottom: 0px;
    position: absolute;
} 
.listing .model ul.tools {
    bottom: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
    width: 200px;
    font-size: 80%;
    height: 25px;
    position: absolute;
    text-align: center;
    list-style-type: none;
    list-style-position: inside;
    vertical-align: top;
    
}
.listing .model ul.tools li {
    display: inline;
    padding-right: 0.5em;
}
.listing .model ul.tools li a {
    color: grey;
}


/* magritte forms */
.magritte tr th {
    text-align: right;
    vertical-align: top;
    font-weight: normal;
}
.magritte tr.group th {
    text-align: left;
    padding-top: 1em;
    font-weight: bold;
    border-bottom: 1px solid #bbb;
}
.magritte td.required:after {
    color: red;
    content: "*";
    vertical-align: top;
}
.magritte .buttons {
    margin-top: 1em;
}
.errors {
    color: red;
}