/* add all special styles used for displaying the rules */

/* .rules: used for all elements loading rules (rules at main site, rules ingame, popup with rules extract 
   #rules: div with complete rules used at main site and ingame display 
   #rulesContainer #rules: ingame rules display only 
   #sidebarPanel #rules: ingame rules display on right side only 
   #sidebarBottom #rules: ingame rules display at bottom only 
   .ui-popup .rules: popup with rules extract only */

@font-face { font-family: 'Irish'; src: url('fonts/IrishUncialfabeta-Bold.ttf');  }
@font-face { font-family: 'NeutraText'; src: url('fonts/NeutraText-Book.otf'); }
@font-face { font-family: 'NeutraText'; src: url('fonts/NeutraText-Bold.otf'); font-weight: bold; }

#rules .chapter .title {
    color: #225d24;
    padding: 5px;
    font-size: 3em;
    font-family: 'Irish', serif;
    min-height: 1em;
    line-height: 1em;
    border: none;
    margin-top: 0em;
    margin-bottom: 0em;
}

#rules .normalText {
    font-family: 'NeutraText';
    font-size: 1.4em;
    font-style: normal;
}

#rules .boldText {
    font-family: 'NeutraText';
    font-size: 1.4em;
    font-weight: bold;
}

#rules .greenCaps {
    font-family: 'NeutraText';
    font-weight: bold;
    font-style: normal;
    font-size: 2em;
    color: #225d24;
    text-transform: uppercase;
}

#rules .brownCaps {
    font-family: 'NeutraText';
    font-weight: bold;
    font-size: 1.5em;
    color: #7a5a38;
    text-transform: uppercase;
}

#rules .blackCaps {
    font-family: 'NeutraText';
    font-weight: bold;
    font-size: 1.5em;
    color: black;
    text-transform: uppercase;
}

#rules .brownBackground {
    background-color: #d2c0a9;
    padding: 20px;
    overflow: hidden;
    clear: both;
}

#rules .imageleft img {
    width: 50%;
    float: left;
    margin-right: 1em;
}
#rules .imageright img {
    width: 25%;
    float: right;
    margin-right: 1em;
}

#rules .floatleft { float: left; }

#rules .wcTable { display: table; padding-left: 80px; }
#rules .unitTableImg { width: 40px; }
#rules .unitTableText { display: table-cell; position: relative; vertical-align: middle; }
#rules .space { width: 100px; }

#rules ul { list-style-image: url('/game-plugins/warchest/1.0.1/images/rules/ul-diamond.gif'); }