@charset "utf-8";
.flex span {
    font-size: 12px;
}

.flex_mn {
    height: 32px;
    background: url(../img/ui-th.png) repeat-x #EEE;
    border:1px solid #ccc;
}

.flex_mn > img {
    float: left;
    height: 20px;
    width: 20px;
    margin: 5px 8px;
}

.flex_mn > span {
    color: #000;
    font-size: 14px;
    line-height: 30px;
    padding: 0 5px;
}

.flex_mn:hover {
    cursor: pointer;
}

.flex_mn > div {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 9px 10px;
    position: absolute;
    right: 0;
}

.flex_expand {
    background: url(../img_new/accordion_arrows.png) no-repeat 0 0;
}

.flex_collapse {
    background: url(../img_new/accordion_arrows.png) no-repeat -16px 0;
}

.flex_mds {
    border:solid #ccc;
    border-width: 0 1px;
    padding: 5px;
}
.flex_mds:last-child{
    border-width: 0 1px 1px;
}
.flex_md {
    padding: 7px 15px;
    cursor: pointer;
}

.flex_md.active {
    background: url("../images/flex/linkarrow.gif") no-repeat scroll right center #226dc9;
}

.flex_md.active > span {
    font-size: 16px;
    color: #FFf;
}

.flex_md > img {
    float: left;
    height: 22px;
    width: 22px;
    margin: -2px 5px 0 0;
}

.flex_md > span {
    color: #222;
    font-size: 14px;
    line-height: 20px;
}

.flex_md:hover {
    background: url("../images/flex/linkarrow.gif") no-repeat scroll right center #E4E2E3;
    cursor: pointer;
}