.CommonModalMask
{
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: #333;
}

.CommonModal
{
    padding: 0 7px;
}

.CommonModal1, .CommonModal2, .CommonModal3, .CommonModal4, .CommonModal5 
{ 
    background-color: #ccc;
    background-image: url(http://content.treehousetv.com/Themes/Treehouse-v8/images/common/navigation-gradient.png);
    background-repeat: repeat-x;
    background-position: left -20px;
    border-left: solid 1px #666;
    border-right: solid 1px #666;
}

.CommonModal1 {	margin: 0 -2px;	padding: 0; border-top: solid 1px #666; border-bottom: solid 1px #666; border-left-width: 0px; border-right-width: 0px; }
.CommonModal2 { margin: 0 -2px; padding: 1px 0; border-left-width: 2px; border-right-width: 2px; }
.CommonModal3 { margin: 0 -3px; padding: 1px 0; }
.CommonModal4 { margin: 0 -2px; padding: 2px 0; }
.CommonModal5 { margin: 0 -2px; padding: 1px 0; }

.CommonModalTitle
{
    border-bottom: solid 1px #666;
    padding: 3px 6px 6px 6px;
    font-size: 130%;
    font-weight: bold;
    color: #000;
    cursor: move;
    min-height: 16px;
}

.CommonModalContent
{
    background-color: #fff;
}

.CommonModalFooter
{
    border-top: solid 1px #666;
    width: 100%;
    height: 20px;
}

.CommonModalClose
{
    width: 33px;
    height: 12px;
    background-image: url(http://content.treehousetv.com/Themes/Treehouse-v8/images/common/close.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    right: 6px;
}

.CommonModalResize
{
    width: 14px;
    height: 14px;
    background-image: url(http://content.treehousetv.com/Themes/Treehouse-v8/images/common/resize.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    position: absolute;
    right: 6px;
    margin-top: 4px;
    cursor: se-resize;
}