.ui_textbox
{
    border: solid 1px #333333;
    padding: 2px 2px 2px 2px;
}

.ui_textbox_readonly
{
    border: solid 1px #333333;
    background-color: #dcdcdc;
    padding: 2px 2px 2px 2px;
}

.ui_textbox_highlight
{
    border: solid 1px #333333;
    background-color: #b0e0e6;
    padding: 2px 2px 2px 2px;
}

.ui_tar
{
    text-align: right;
}

.ui_tac
{
    text-align: center;
}

/* sections: generic */

.section_top_left
{
    width: 17px;
    height: 16px;
}

.section_top_right
{
    width: 18px;
    height: 16px;
}

.section_bottom_left
{
    width: 17px;
    height: 18px;
}

.section_bottom_right
{
    width: 18px;
    height: 18px;
}

/* sections: white */

.section_white_top_left
{
    width: 18px;
    height: 15px;
}

.section_white_top_right
{
    width: 18px;
    height: 15px;
}

.section_white_top
{
    background: url('../images/frame/section_white_top.png') repeat-x top;
}

td.section_white_left
{
    vertical-align: bottom;
    background: url('../images/frame/section_white_left.png') repeat-y top;
}

td.section_white_right
{
    vertical-align: bottom;
    background: url('../images/frame/section_white_right.png') repeat-y top;
}

/* sections: orange */

.section_orange_top
{
    background: url('../images/frame/section_orange_top.png') repeat-x top;
}

.section_orange_bottom
{
    background: url('../images/frame/section_orange_bottom.png') repeat-x top;
}

td.section_orange_left
{
    background: url('../images/frame/section_orange_left.png') repeat-y top;
}

td.section_orange_right
{
    background: url('../images/frame/section_orange_right.png') repeat-y top;
}

td.section_orange_fill
{
    background: url('../images/frame/section_orange_fill.png') repeat top;
}

/* sections: dark */

.section_dark_top
{
    background: url('../images/frame/section_dark_top.png') repeat-x top;
}

.section_dark_bottom
{
    background: url('../images/frame/section_dark_bottom.png') repeat-x top;
}

td.section_dark_left
{
    background: url('../images/frame/section_dark_left.png') repeat-y top;
}

td.section_dark_right
{
    background: url('../images/frame/section_dark_right.png') repeat-y top;
}

td.section_dark_fill
{
    background: url('../images/frame/section_dark_fill.png') repeat top;
}