/*MODS BOXES*/

.mod {
    margin-bottom: 4px;
    position: relative;
}

.mod img {
    margin-bottom: 5px;
}
.mod .modContentHead{
    background:url("graphics/menu.gif") no-repeat scroll left top transparent;
clear:both;
height:40px;
overflow:hidden;
}

.mod .modContentHead .headRight  {
background:url("graphics/menu.gif") repeat scroll right top transparent;
float:right;
height:40px;
width:10px;
}

.mod .modContentHead .headLeft  {
background:url("graphics/menu.gif") repeat scroll left top transparent;
float:left;
height:40px;
width:55px;
}

.mod .modContentHead h3 {
color:#FFFFFF;
float:left;
font-size:1.4em;
font-weight:bold;
line-height:2.3em;
}

.mod .modHead {
background:url("graphics/menu.gif") no-repeat scroll 0 top transparent;
font-size:0;
height:4px;
}

.mod .modHead .modLeft {
background:url("graphics/menu.gif") no-repeat scroll left top transparent;
float:left;
height:4px;
width:4px;
}

.mod .modHead .modRight {
background:url("graphics/menu.gif") no-repeat scroll right top transparent;
float:right;
height:4px;
width:4px;
}

.mod .modFoot {
background:url("graphics/menu.gif") no-repeat scroll 0 bottom transparent;
font-size:0;
height:4px;
}

.mod .modFoot .modLeft {
background:url("graphics/menu.gif") no-repeat scroll left bottom transparent;
float:left;
height:4px;
width:4px;
}

.mod .modFoot .modRight {
background:url("graphics/menu.gif") no-repeat scroll right bottom transparent;
float:right;
height:4px;
width:4px;
}
.mod .modContent{
    border:solid 1px #000;
    border-width:0 1px;
    background:#000;
height:100%;
padding:1px 4px;
}