/**
 * Cascading Style Sheet
 *
 * @copyright  AktivInternetDesigner 2010
 * @author     Rene Fehrmann <fehrmann@ai-designer.de>
 * @package    Training
 */

/***** Resets *****/

div.oss p {
    padding: 0;
}

/***** Modules *****/

.training div.mod_article {
    padding: 20px;
}

/***** Classes *****/

div.oss div.video a,
div.oss div.audio a,
div.oss div.additions a {
    display: block;
    padding: 8px 0 2px 40px;
    height: 32px;
    font: normal normal normal 13px arial;
    color: black;
    text-decoration: none;
    background: url('../examcert/images/button-video.png') left top no-repeat;
}

div.oss div.audio a {
    background: url('../examcert/images/button-audio.png') left top no-repeat;
}

div.oss div.additions a {
    background: url('../examcert/images/button-info.png') left top no-repeat;
}

div.oss div.video a:hover, div.oss div.audio a:hover, div.oss div.additions a:hover {
    text-decoration: underline;
}

div.oss span.inline div p {
    color: #999999;
}

div.oss div.headline {
    float: left;
}

div.oss div.counter {
    float: right;
    font: normal normal normal 13px arial;
    color: black;
}

div.oss div.repeated {
    float: right;
    font: normal normal normal 13px arial;
    color: #f27777;
}

div.oss div.question {
    clear: both;
    padding: 0 0 30px 0;
    font: normal normal normal 13px arial;
    color: black;
}

div.oss div.time {
    float: right;
    padding: 2px 2px 2px 0;
    font: normal normal normal 12px arial;
    color: red;
}

div.oss table.answer {
    width: 100%;
    font: normal normal normal 13px arial;
    color: black;
}

div.oss table.answer tr {
    background: #f0f0f0;
}

div.oss table.answer td {
    border-bottom: 4px solid #d4d4d4;
}

div.oss table.answer td img {
    border: 1px solid black;
}

div.oss table.answer td.col_0 {
    width: 20px;
}

div.oss table.answer td.col_1 {
    width: 130px;
}

div.oss table.answer tr.row_1 td.col_2 {
    border-top: 4px solid #f0f0f0;
}

div.oss table.answer tr.row_0 td.col_2 {
    border-bottom: 4px solid #f0f0f0;
}

div.oss table.answer tr.correct td {
    background: #b1f0b1;
}

div.oss table.answer tr.row_1.correct td.col_2 {
    border-top: 4px solid #b1f0b1;
}

div.oss table.answer tr.row_0.correct td.col_2 {
    border-bottom: 4px solid #b1f0b1;
}

div.oss table.answer tr.incorrect td {
    background: #f27777;
}

div.oss table.answer tr.row_1.incorrect td.col_2 {
    border-top: 4px solid #f27777;
}

div.oss table.answer tr.row_0.incorrect td.col_2 {
    border-bottom: 4px solid #f27777;
}

div#center div.oss table.answer a {
    color: black;
}

div.oss table.answer tr.invisible td {
    display: none;
}

div.oss div.hint {
    float: left;
    padding: 14px 0 0;
    font: normal normal normal 12px arial;
    color: #f23333;
}

/***** Tags, Contentelements *****/

div.oss .training h1 {
    padding: 20px 0 10px 0;
    font: normal normal bold 16px arial;
    color: black;
}

div.oss.mod_memberoverview h1 {
    padding: 24px 0 0 0;
}

div.oss {
    font: normal normal normal 13px/18px arial;
    color: black;
}

div.oss div.accordion p {
    color: black;
}

div.oss h3 {
    clear: both;
    padding: 20px 0 6px 0;
    font: normal normal bold 11px Arial;
    color: black;
}

div.oss div.aid_text {
    padding: 10px 0 10px 0;
    font: normal normal normal 13px/18px arial;
    color: black;
}

div.oss div.aid_text a {
    text-decoration: none;
    color: #0000ee;
}

div.oss div.aid_text a:hover {
    text-decoration: underline;
}

div.oss div.toggler {
    margin: 2px 0 0 0;
    padding: 4px 10px 4px 10px;
    font: normal normal bold 13px Arial;
    color: black;
    background: #aaaaaa;
}

div.oss div.toggler:hover {
    cursor: pointer;
    background: #666666;
}

div.oss div.accordion {
    padding: 0 10px 0 10px;
    font: normal normal normal 12px Arial;
    color: black;
    background: white;
}

div.oss div.accordion td {
    background: none;
    border: none;
}

div.oss div.accordion div.info {
    padding: 10px 0 0 0;
}

div.oss div.accordion div.additions a {

}

div.oss .hint {
    clear: both;
}

/***** Forms *****/

/** tableless **/
div.oss div.formbody label {
    display: block;
    clear: both;
    float: left;
    padding: 4px 0;
    width: 120px;
    font: normal normal normal 13px arial;
    color: black;
}

div.oss div.formbody input,
div.oss div.formbody select {
    float: left;
    padding: 2px;
}

div.oss div.formbody.checkbox {
    clear: both;
    float: right;
    padding: 0 0 4px 0;
    font: normal normal bold 12px arial;
    color: black;
}

div.oss div.formbody select {
    margin: 2px 0;
    border: 1px dotted black;
}

div.oss div.formbody select {
    width: 186px;
}

div.oss div.formbody input.text {
    margin: 2px 0;
    width: 180px;
    border: 1px dotted black;
}

div.oss div.formbody div.submit_container {
    clear: both;
    float: left;
    padding: 6px 0 0 0px;
}

div.oss div.formbody div.submit_container.welcome,
div.oss div.formbody div.submit_container.result {
    float: right;
}

div.oss div.formbody div.submit_container.training {
    padding: 24px 0 0 0;
}

div.oss div.formbody div.submit_container input {
    padding: 3px 0;
}

/** table formatted **/

div.contact input, div.contact textarea {
    margin: 2px;
    padding: 2px;
    border: 1px dotted black;
}

div.contact div.submit_container input {
    padding: 2px 8px;
    border: 1px solid black;
    background: #888888;
}

div.contact td.col_0 {
    padding: 4px 0;
    vertical-align: top;
}

div.contact p.error {
    display: none;
}

div.offer input[type=text], div.offer input[type=password], div.offer textarea, div.offer select {
    margin: 2px;
    padding: 2px;
    width: 240px;
    border: 1px dotted black;
}

div.offer tr.row_14 td {
    padding: 10px 2px 10px 2px;
}

div.offer textarea {
    height: 100px;
}

div.offer select {
    width: 246px;
}

div.offer div.submit_container input {
    padding: 2px 8px;
    width: 100px;
    border: 1px solid black;
    background: #888888;
}

div.offer td.col_0 {
    padding: 4px 0;
    width: 200px;
    vertical-align: top;
}

div.offer p.error {
    display: none;
}

/***** Tables *****/

div.oss table {
    padding: 10px 0 10px 0;
}

div.oss th {
    padding: 3px 10px;
    font: normal normal bold 13px arial;
    color: black;
    background: #aaaaaa;
}

div.oss td {
    padding: 3px 10px;
    font: normal normal normal 13px arial;
    color: black;
    border-top: 2px solid #d4d4d4;
    background: #f0f0f0;
}

div.oss tr.highlight td {
    background: #c0c0c0;
}

div.oss td.additions {
    text-align: right;
    vertical-align: bottom;
}

div.oss table div.formbody div.submit_container {
    padding: 0;
}

div.oss table div.formbody div.submit_container input {
    padding: 1px 10px;
}

/**
 * Footer
 */
#footer .mod_login.logout {
    font: 11px/14px Verdana;
}

#footer .mod_login.logout .text {
    float: left;
    padding: 3px 0 0;
    text-align: left;
}

#footer .mod_login.logout .submit_container {
    float: right;
    padding: 3px 0 0;
}

#footer .mod_login.logout .submit_container .submit {
    background: none;
}

#footer .mod_login.logout .submit_container .submit:hover {
    text-decoration: underline;
    cursor: pointer;
    background: none;
}