img {
    max-width:100%;
    height:auto;
}

.message {
    color:#555;
    background:#EEE;
    border:1px solid #CCC;
    padding:12px;
    border-radius:4px;
}
.message.validation,
.message.error {
    color:#A94442;
    background:#F2DEDE;
    border-color:#EBCCCC;
}
.message.good,
.message.success {
    color:#3C763D;
    background:#DFF0D8;
    border-color:#D0E9C6;
}
.message.info,
.message.alert {
    color:#D9EDF7;
    background:#BCDFF1;
    border-color:#31708F;
}
.message.warning {
    color:#8A6D3B;
    background:#FAF2CC;
    border-color:#FAF2CC;
}

ul.hover-dropdown li {
    position:relative;
}
ul.hover-dropdown li a {
    display:block;
    width:100%;
}
ul.hover-dropdown li ul {
    visibility:hidden;
    position:absolute;
    background:rgba(0,0,0,0.6);
    min-width:100%;
    z-index:10000;
    top:100%;
}
ul.hover-dropdown li:hover > ul {
    visibility:visible;
}
ul.hover-dropdown li ul li:hover > a {
    background:rgba(0,0,0,0.4);
}
ul.hover-dropdown li ul li {
}
ul.hover-dropdown li ul li a {
    white-space:nowrap;
}


.list-table,
.list-table > ul,
.list-table > ul > li {
    margin:0;
    padding:0;
    list-style:none;
}
.list-table > ul,
.list-table > ul > li {
    display:flex;
    flex-grow:1;
}
.list-table {
    width:100%;
    white-space:nowrap;
}
.list-table > ul {
    display:flex;
}
.list-table > ul > li {
}

/*  generic classes */
.cursor-pointer {
    cursor:pointer;
}


img.left {
    float: left;
    margin: 0 15px 15px 0;
}
img.right {
    float: right;
    margin: 0 0 15px 15px;
}
img.center {
    display : block;
    margin: 0 auto 0 auto;
    text-align: center;
}
img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom:20px;
}
img.rightAlone {
    float: right;
    margin-left: 100%;
    margin-bottom:20px;
}