/* CSS for the home page display module */
.HPD_TopPanelImage
{
    position: relative; 
    z-index: 800; 
    left: 0px; 
    top: 0px; 
    width: 219px; 
    height: 141px; 
    overflow: hidden;
}

/* Top panel class when in full length mode */
.HPD_TopPanelImage_Full
{
    position: relative; 
    z-index: 800; 
    left: 0px; 
    top: 0px; 
    width: 219px; 
    height: 226px; 
    overflow: hidden;
}

.HPD_TopPanelButton
{
    position: relative; 
    z-index: 801; 
    left: 0px; 
    top: -32px; 
    width: 171px; 
    height: 32px; 
    overflow: hidden; 
    margin-left: 30px; 
    margin-right: 18px;
}

.HPD_TopPanelHolder
{
    width: 219px;
    height: 141px;
    overflow: hidden;
}

/* Top panel holder class when in full length mode */
.HPD_TopPanelHolder_Full
{
    width: 219px;
    height: 226px;
    overflow: hidden;
}

.HPD_BottomPanelHolder
{
    width: 219px;
    height: 82px;
    overflow: hidden;
}

.HPD_BottomPanelImage
{
    position: relative; 
    z-index: 802; 
    left: 0px; 
    top: 0px; 
    width: 219px; 
    height: 82px; 
    overflow: hidden;
}

.HPD_BottomPanelButton
{
    position: relative; 
    z-index: 803; 
    left: 0px; 
    top: -32px; 
    width: 171px; 
    height: 32px; 
    overflow: hidden; 
    margin-left: 30px; 
    margin-right: 18px;
}

.HPD_DotRow
{
    background-image: url(media/dots.gif);
    background-repeat: repeat-x;
    height: 3px;
    margin-left: 23px;
    margin-right: 16px;
}