/* 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 */

#rules ul {
    padding-left: 1.8em;
}

.wooden_items_box {
    width: 40%;
    border: 1px solid black;
    float: left;
}

.colonies_box {
    width: 30%;
    border: 1px solid black;
    float: left;
}

.colonies_box img {
    width: 46px;
    height: 46px;
    max-width: 46px;
}

.privileges_box {
    width: 29%;
    border: 1px solid black;
    float: left;
}

#sidebarPanel #rules .wooden_items_box,
#sidebarPanel #rules .colonies_box,
#sidebarPanel #rules .privileges_box {
    width: 100%;
}

td.align_center {
    text-align: center;
}