/*---------MOUSEOVER-------- */
.mo-container {
    width:auto;
    height:auto;
    margin:0 auto;
    border:1px solid #353535;
}

.mo-top {
    height:2px;
    width:100%;
    background-image:url(../images/layout/mouseover/mo-top-border.png);
}

.mo-middle {
    min-width:210px;
    width:auto;
    min-height:160px;
    height:auto;
    clear:both;
    margin:0 auto;
    border-left:1px solid white;
    border-right:1px solid white;
}

.mo-right {
    width:1px;
    height:100%;
    float:left;
    background-image:url(../images/layout/mouseover/mo-right-border.png);
    background-color:#FFFFFF;
    margin:0;
}
.mo-content {
    margin:0;
    width:250px;
    float:left;
    background-color:#1a1515;
    padding:5px;
    opacity: 0.95;
}
.mo-content .gold, .item-mo-middle .gold {color:#FCD27F;}
.mo-content .white, .item-mo-middle .white {color:white;}
.mo-content .gray, .item-mo-middle .gray {color: #9b9b9b;}

.mo-content ul {color:#D7C289;}

.mo-content h3 {
    width:auto;
    height:15px;
    margin:0;
    font-size:14px;
    font-weight:normal;
    color:#d3c50c;
    clear:both;
    font-family:verdana, arial;
}

.mo-content p {
    clear:both;
    margin:0;
    color:#FFF799;
    margin-top:5px;
    font-size:11px;
}

.mo-content .unit-toptext {
    width:180px;
    float:left;
    margin:0;
}

.mo-content .mo-heading{
    width:auto;
    height:auto;
}

.mo-content .points {
    width:auto;
    float:right;
    margin:0;
    margin-right:0px;
}

.mo-content .points h3{
    text-align:right;
}

.mo-bottom {
    clear:both;
    height:1px;
    min-width:218px;
    width:auto;
    background-image:url(../images/layout/mouseover/mo-bottom-border.png)
}

.rewards {
    margin:5px;
    margin-bottom:10px;
    padding:0;
}

.rewards ul {
    display:inline;
    padding:0;
    margin:0;
}

.rewards li {
    list-style-position: outside;
    list-style-type:none;
    font-size:11px;
    letter-spacing:1.5px;
    font-family:Arial, Helvetica, sans-serif;
    color:#FCD27F;
}





/*------------ITEM MOUSEOVER-------------*/

.item-mo-container {

    width:auto;
    height:auto;
    margin:0 auto;
    border:1px solid #314154;
}
.item-mo-middle{
    min-width:210px;
    width:210px;
    height:auto;
    background-image:url(../images/layout/mouseover/item-mo-bg.png);
    padding:5px;
}

.item-mo-heading {
    padding:0;
    margin:0;
    font-weight:bold;
    font-size:14px;
    font-style:italic;
    font-family:verdana, arial;
    width:auto;

}

/*------------ITEM TYPES-------------*/

.item-mo-heading.item-common {color:#999;}
.item-mo-heading.item-uncommon {color:#33a20c}
.item-mo-heading.item-rare {color:#038ded}
.item-mo-heading.item-mythological {color:#ab139c}
.item-mo-heading.item-legendary {color:#e89b07;}


.item-type {
    clear:both;
}

.item-mo-middle p {
    letter-spacing:1px;
    clear:both;
    font-size:10px;
    font-family:verdana, arial;
    margin:0;
    color:#fff;
}

.unit-table {
    margin:0;
    width:auto;
    clear:both;
}

.unit-table tr {
    height:20px;
}

.unit-table th {
    max-width:20px;
}

.unit-table td {
    font-family:verdana, arial, Helvetica, sans-serif;
    font-size:10px;
    width:auto;
    min-width:30px;
    font-weight:normal;
    letter-spacing:0.2px;
    color:white;
}

.unit-table td img {
    position:relative;top:3px;
}


.mouseover-size1 {
    z-index: 18000;
    display: none;
    min-width:220px;
}

.mo-content .res-table {
   color:white;
}

ul.mark { margin:0; padding:0;}
ul.mark li {display:block; list-style-type:none; background-image:url(../images/icons/stone-marker.png); background-repeat:no-repeat; text-indent:15px}
ul.mark li p {color:#FFF799;}

.bad {
    color: #ff5a00 !important;
}