.frame
{
    position: absolute;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    padding: 2px 3px;
    width: 450px;
}

.overlay
{
    border: solid 1px #808080;
    border-width: 1px 1px;
}

.underlay
{
    position: absolute;
    background-color: #000;
    bottom: -1px;
    filter: alpha(opacity=12);
    left: -1px;
    right: -1px;
    top: 3px;
    z-index: -1;
}

.header
{
    cursor: move; /* Because the DragPanelExtender doesn't do this for me ;( */
    background: url(images/sprite.png) repeat-x 0px -200px;
    color: #000;
    border-bottom: solid 1px #ccc;
    padding: 3px 10px;
}

.header .msg
{
    font-weight: bold;
}

.updating, .body
{
    background-color: #fff;
    padding: 10px;
}

.updating
{
    color: #808080;
    background: #fff url(images/activity.gif) no-repeat center;
}

.footer
{
    text-align: right;
    background: url(images/sprite.png) repeat-x 0px -200px;
    color: #000;
    border-top: solid 1px #ccc;
    padding: 5px 3px;
}

.close
{
    right: 7px;
    background: url(images/sprite.png) no-repeat 0px -300px;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    height: 15px;
}

.popupControl
{
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.body .inner
{
    border: solid 1px #9E9E9E;
    padding-top: 10px;
    padding-left: 5px;
}

.inner .c1
{
    float: left; width: 120px; height:30px
}

.inner .c2
{
    float: left; width: 200px;height:30px
}
.inner .c2b
{
    float: left; width: 200px;
}

.inner .c2c
{
    float: right; width: 165px; height:40px; padding-top:5px; ;
}
.c2 input
{
    width:100%;
}