/* 
    Document   : Yara Colors 2013
    Created on : Jan27, 2014
    Author     : Richard Brosi
    Description:
        Translates the Yara Visual Identity Clues to css-classes
        Hex-Color codes (#...) based on CMYK-values from the manual
*/


/* Yara ColorStripe as <table> */
table.YaraColorStripe{
    border-width: 0px;
    border-spacing: 0px;
    border-style: none;
    width: 100%;
    height: 7px;
}
table.YaraColorStripe th{
    border-width: 0px;
    padding: 0px;
    border-style: inset;
}
table.YaraColorStripe td{
    border-width: 0px;
    padding: 0px;
    border-style: inset;
}


/* Yara Four Shields */
.YaraFourShieldsTable{
    margin-left: auto;
    margin-right: 0px;
}
.YaraFourShieldsContainer {
    width: 630px/*788px*/;
}
.YaraFourShields{
    margin: 0;
    padding: 0;
    display: table;
    border: none;
    margin-left: auto;
    margin-right: 30px;
    /*margin-top: 60px;*/
    /*width: 788px;*/
}
.YaraFourShields li{
    display: table-cell;
    border: none;
    white-space: nowrap;
}
.circle {
    height: 80px;
    width: 80px;
    border-radius: 50%;
}
.space {
    width: 20px;/*20%;*/
}



/*

<!-- BEGIN: Yara Color Stripe -->
<div style="height:4px">
    <table class="YaraColorStripe"><tr>
        <td class="BgYaraSunflower"></td>
        <td class="BgYaraGreen"></td>
        <td class="BgYaraGrassGreen"></td>
    </tr></table>
</div>
<!-- END: Yara Color Stripe -->


<!-- Break line below content -->
<div style="height:4px" class="BgYaraOrange"></div>
<div style="height:4px" class="BgYaraWarmGray3"></div>


<!-- BEGIN: Yara Four Shields at bottom right -->
<div>
    <table class="YaraFourShieldsTable">
        <tr></tr>
        <tr>
            <td class="YaraFourShieldsContainer">
            <ul class="YaraFourShields">
                <li class="space"></li>
                <li class="BgYaraSpringtime circle"></li>
                <li class="space"></li>
                <li class="BgYaraGrassGreen circle"></li>
                <li class="space"></li>
                <li class="BgYaraGreen circle"></li>
                <li class="space"></li>
                <li class="BgYaraSunflower circle"></li>
                <li class="space"></li>
            </ul>
            </td>
        </tr>
        <tr></tr>
    </table>
</div>
<!-- END: Yara Four Shields at bottom right -->


*/