body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.bigmug
{
    font-size: 16px;
    font-weight: bold;
    color: #669933;
}
.bigmugFooter
{
    text-align: center;
    font-size: 8px;
    color: #666666;
}
.bigmugblue
{
    font-size: 16px;
    font-weight: bold;
    color: #000099;
}
.bigmugsilver
{
    font-size: 16px;
    font-weight: bold;
    color: silver;    
}
.bigmuglight
{
    font-size: 16px;
    font-weight: bold;
    color: #F6F63F;    
    width:100%;
}

.tablebody
{
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
.tablebodywhite
{
    font-size: 16px;
    background-color: #000099;
    font-weight: normal;
    color: #FFFFFF;
}
.bigmugred
{
    font-size: 16px;
    font-weight: bold;
    color: #FF0033;
}
.bigmugRowSelect
{
    font-size: 16px;
    font-weight: bold;
    color: #FF0033;
    cursor: pointer;
}
.bigmugbluesmall
{
    font-size: 10px;
    font-weight: bold;
    color: #000099;
}
.box
{
    color: black;
    font-weight: bold;
    font-size: 10pt;
    border-style: solid;
    border-color: #000000;
    border-width: 2px;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
}
Table.DetailTable
{
    color: black;
    border-width: 1px;
    border-collapse: collapse;
    outline-width: 2em;
    outline-color: black;
    font-size: 8pt;
}
TR.DetailTRwhite
{
    font-size: 10pt;
    background-color: white;
    color: Black;
}
TR.DetailTRlightgray
{
    font-size: 10pt;
    background-color: Silver;
    color: Black;
}
img
{
    border: 0;
    border-width: 0;
    border-style: none;
}
a
{
    outline: none;
}
a:active, a:visited
{
    border: none;
    outline: none;
}

/* ==============================================================================================*/

.cssmenu
{
    width: 40px;
    margin: 0;
    padding: 0;
    display: block;
}
.cssmenu ul
{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.cssmenu ul li
{
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0;
    background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.cssmenu ul li a
{
    display: block;
    margin: 0;
    width: 100%;
    padding-left: 35px;
    text-transform: uppercase;
    font-family: 'Helvetica Neue' ,helvetica, 'microsoft sans serif' ,arial,sans-serif;
    font-size: 70%;
    color: #FFFFFF;
    text-decoration: none;
    background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.cssmenu ul li a span
{
    display: block;
    margin: 0;
    width: 100%;
    height: 22px;
    padding-top: 5px;
    padding-right: 35px;
    background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
    cursor: pointer;
}

.cssmenu ul li a:hover, .cssmenu ul li.active a
{
    background: transparent url(images/bg-bubplastic-h-red.gif) top left no-repeat;
}
.cssmenu ul li a:hover span, .cssmenu ul li.active a span
{
    background: transparent url(images/bg-bubplastic-h-red.gif) top right no-repeat;
}

/* ==============================================================================================*/
.hotspot
{
    margin:0; padding:0;
    color: #900;
    padding-bottom: 1px;
    border-bottom: 1px dotted #900;
    cursor: pointer;
    background: #FFF;
    margin: 50px auto;
    width: 500px;

}
#tt
{
    position: absolute;
    display: block;
    background: url(images/tt_left.gif) top left no-repeat;   
}
#tttop
{
    display: block;
    height: 5px;
    margin-left: 5px;
    background: url(images/tt_top.gif) top right no-repeat;
    overflow: hidden;
}
#ttcont
{
    display: block;
    padding: 2px 12px 3px 7px;
    margin-left: 0px;
    padding-left :10px;
    background: #666;
    color: #fff;
    overflow:auto;
    font-family: Calibri;
    font-size: 14px;        
}
#ttbot
{
    display: block;
    height: 5px;
    margin-left: 0px;
    background: url(images/tt_bottom.gif) top right no-repeat;
    overflow: hidden;
}