.frm_style { font-size: 12px; width: 90%; }
.frm_style table { width: 100%; }
.frm_style td { }
.frm_style .box {  }
.frm_style .box_div { display: block; border: 1px solid; float: none; }
.frm_style .caption { font-size: 14px; width: 15%; font-weight: bold; text-align: left; padding: 4px; border: none; vertical-align: top; color: #555;}
.frm_style .caption_div { float: left; font-weight: bold; text-align: left; padding: 4px; border: none; width: 106px; vertical-align: top; color: #555; }
.frm_style .caption_full { font-size: 14px; width: 100%; font-weight: bold; text-align: left; padding: 4px; vertical-align: top; color: #555; }
.frm_style .caption_split { width: 30%; font-weight: bold; text-align: left; padding: 4px; vertical-align: top; color: #555; }
.frm_style .field { padding: 4px; }
.frm_style .field_div { float: left; padding: 4px; }
.frm_style .field_split { width: 30%; text-align: left; padding: 4px; }
.frm_style .field_wide  { padding: 4px; }
.frm_style .field_full  { padding: 4px; width: 95%; }
.frm_style .heading { font-weight: bold; padding: 4px; }
.frm_style .instruction { font-style: italic; padding: 4px; }
.frm_style .check { width: 24px; padding: 4px; vertical-align: top; }
.frm_style .option { width: 20%; padding: 4px; vertical-align: top; }
.frm_style .option_wide { width: 40%; padding: 4px; vertical-align: top; }
.frm_style .option_full { width: 80%; padding: 4px; vertical-align: top; }
.frm_style .edit_box { width: 48px; text-align: center; padding: 4px; font-size: 10px; }
.frm_style .edit_spacer { width: 170px; }
.frm_style .row { table-layout: fixed; }
.frm_style .row_bottom {  }
.frm_style .row_split { width: 50%; }
.frm_style input.text { width: 40%; text-align: left; }
.frm_style input.number { width: 48px; text-align: right; }
.frm_style input.money { width: 40%; text-align: right; }
.frm_style input.wide { width: 60%; text-align: left; }
.frm_style input.date { width: 40%; text-align: left; }
.frm_style input.checkbox { text-align: right; }
.frm_style input.email { width: 40%; text-align: left; }
.frm_style input.password { width: 40%; text-align: left; }
.frm_style select { }
.frm_style select.text { }
.frm_style textarea { height: 200px; width: 80%;}
.frm_style textarea.narrow { width: 200px; height: 150px; }
.frm_style textarea.wide { width: 80%; height: 200px; }
.frm_style textarea.mceEditor { width: 80%; height: 400px; }
.frm_style .button { text-align: center; font-size: 20px; font-weight: bold; border-left: 1px solid gray; border-top: 1px solid gray; }
.frm_style .button a { text-decoration: none; }
.frm_photo_table {  }
.frm_photo_cell { padding: 8px; min-height: 100px; min-width: 200px; }
.frm_photo_cell a { border: none; text-decoration: none; }
.frm_photo_img { border: none; }

.frm_edit { font-size: 12px; }
.frm_edit table { width: 90% }
.frm_edit td { text-align: left; }
.frm_edit .box {  }
.frm_edit .caption { font-size: 14px; width: 106px; font-weight: bold; text-align: left; padding: 4px; color: #555; }
.frm_edit .caption_full { font-size: 14px; width: 80%; font-weight: bold; text-align: left; padding: 4px; vertical-align: top; color: #555; }
.frm_edit .caption_split { width: 40%; font-weight: bold; text-align: center; padding: 4px; color: #555; }
.frm_edit .field { padding: 4px;  }
.frm_edit .field_split { width: 40%; padding: 4px; }
.frm_edit .field_wide  { width: 80%; padding: 4px; }
.frm_edit .field_full  { width: 80%; padding: 4px;  }
.frm_edit .heading { font-weight: bold; padding: 4px; }
.frm_edit .instruction { font-style: italic; padding: 4px; }
.frm_edit .check { width: 24px; padding: 4px; vertical-align: top; }
.frm_edit .option { width: 20%; padding: 4px; vertical-align: top; }
.frm_edit .option_wide { width: 40%; padding: 4px; vertical-align: top; }
.frm_edit .edit_box { width: 32px; text-align: center; padding: 4px; font-size: 10px; }
.frm_edit .edit_spacer { width: 170px; }
.frm_edit .row { border-top: 1px solid gray; border-left: 1px solid gray; border-right: 1px solid gray; width: 980px;}
.frm_edit .row_bottom { border: 1px solid gray; width: 980px; }
.frm_edit input.text { width: 40%; text-align: left; }
.frm_edit input.wide { width: 60%; text-align: left; }
.frm_edit input.date { width: 40%; text-align: left; }
.frm_edit input.money { width: 40%; text-align: right; }
.frm_edit input.number { width: 48px; text-align: right; }
.frm_edit input.email { width: 60%; text-align: left; }
.frm_edit input.password { width: 200px; text-align: left; }
.frm_edit textarea.narrow { width: 200px; height: 150px; }
.frm_edit select { width: 200px; }

.edit_label { font-size: 12px; width: 120px; padding: 4px;  font-weight: bold; text-align: left; }
.edit_field { width: 200px; padding: 4px;  }
.edit_menu { width: 150px; padding: 4px; background-color: gray; text-align: center; color: white;}
.edit_menu a {text-decoration: none; font-weight: bold; font-size: 14px; color: white; }

.drag_box {
    position:absolute;
    width:300px;
    height:500px;
    left: 300px;
    top: 300px;
    visibility:visible;
    background-color:white;
    border: 1px solid gray;
    z-index: 100;
}

.drag_box .bar {
    cursor:move;
    display: block;
    width: 300px;
    height: 40px;
    border-bottom: 1px solid gray;
}

.drag_box .bar .close {
    margin: 5px;
    float: right;
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid gray;
}