.i18ndoc {
    background-color: #FFF77D;
    border-bottom: 1px solid lightgrey;
    font-family: monospace;
    font-size: 8pt;
    height: 140px;
    overflow: auto;
    padding: 3px;
}

/*
<pre>*/
/* === Template:Ambox designs === */
 
/* Ambox design */
.ambox {
    font-size: 95%;
    width: 80%; 
    margin: 0 auto;
    border: 1px #AAA solid;
    border-left: 10px solid #228b22;
    border-collapse: collapse;
    background-color: #EEE;
}
 
/* Ambox colours */
.ambox-blue {
    border-left: 10px solid #1e90ff;    /* Blue (notice) */
}
.ambox-red {
    border-left: 10px solid #b22222;    /* Red (delete/serious) */
}
.ambox-orange {
    border-left: 10px solid #f28500;    /* Orange (content) */
}
.ambox-yellow {
    border-left: 10px solid #f4c430;    /* Yellow (style) */
}
.ambox-purple {
    border-left: 10px solid #9932cc;    /* Purple (merge) */
}
.ambox-gray {
    border-left: 10px solid #bba;        /* Gray (protection) */
}
.ambox-green {
    border-left: 10px solid #228b22;    /* Green */
}
 
/* Ambox small text */
.ambox-smalltext {
    font-size: smaller;
    margin-top:0.5em;
    margin-left:0.8em;
}
 
/* Ambox image */
.ambox-image {                    /* The left image cell */
    width: 60px;
    padding: 2px 0px 2px 0.5em;        /* 0.5em left, 0px right */
    text-align: center;
}
 
@media print { .ambox { display: none; } }    /* no ambox when printing */
/*</pre>
*/



#icons {
    position: absolute;
    right: 0;
    top: -35px;
    float: right;
}

#icons a img {
    -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
    -moz-transition: All 0.6863s ease;
    -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
    -o-transition: All 0.6863s ease;
    -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
    -webkit-transition: All 0.6863s ease;
    margin-bottom: 10px;
    width: 20px;
    word-wrap: break-word;
}

#icons a img:hover {
    -webkit-transform: rotate(1deg) scale(1.09) skew(180deg) translate(0px);
    -moz-transform: rotate(1deg) scale(1.09) skew(180deg) translate(0px);
    -ms-transform: rotate(1deg) scale(1.09) skew(180deg) translate(0px);
    -o-transform: rotate(1deg) scale(1.09) skew(180deg) translate(0px);
    transform: rotate(1deg) scale(1.09) skew(180deg) translate(0px);
}

/*Slider Template Code Necessary */
.img-slider img { padding: 4px; margin: 8px; border: 1px solid gray; border-radius: 0.5em; }

/*This Code is for all the modules under the class helpmodule */
.helpmodule img {
    -webkit-filter: grayscale(100%);
    -webkit-transition: 0.5s ease-in-out;
    -moz-filter: grayscale(100%);
    -moz-transition: 0.5s ease-in-out;
    -o-filter: grayscale(100%);
    -o-transition: 0.5s ease-in-out;
    filter: grayscale(100%);
}

.helpmodule img:hover {
    -webkit-filter: grayscale(0%);
    -webkit-transition: 0.5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: 0.5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: 0.5s ease-in-out;
    filter: grayscale(0%);
}

/* ENDS HERE */

/* CODE FOR MPMODULE */
#mpmodule {
    background: rgba(255, 0, 0, 0.1);
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#mpmodule2 {
    background: rgba(255, 255, 255, 0.1);
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#mpmodule3 {
    background: rgba(255, 0, 0, 0.1);
    padding: 10px;
    margin-bottom: 10px;
}

#mpmodule4 {
    background: rgba(4, 7, 47, 1);
    padding: 10px;
    margin-bottom: 10px;
}

.mptext {
    letter-spacing: 2.5px;
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
}
/* ENDS HERE */