.jmForm { overflow: hidden; }
.jmForm .errors { color: red; clear: left; }

.jmForm label { display: block; margin: 12px 0 1px 0; clear: both; }

.jmForm .inputarea { width: 405px; height: 120px; padding: 18px; margin: 0 0 12px 0; background: url(../images/textarea.gif); }


.jmForm .inputarea select,
.jmForm .inputarea textarea { border: 0; padding: 0; display: block; width: 100%; height: 100%; font-size: 11px; }
.jmForm .inputarea textarea { font-size: 12px; height: 120px; }

.jmForm .inputarea select option { padding: 4px; 0 }



.jmForm .inputfield { overflow: hidden; margin: 0 0 11px 0; background: url(../images/input_bg.gif) no-repeat; position: relative; }
.jmForm .inputfield select,
.jmForm .inputfield input { border: 0; padding: 0; display: block; width: 415px; height: 25px; margin: 10px 13px; font-size: 18px; }
.jmForm .inputfield select { font-size: 17px; }



.jmForm .small { background: url(../images/input_small_bg.gif) no-repeat; }
.jmForm .small select,
.jmForm .small input { width: 230px; height: 25px;  }

.jmForm .smaller { background: url(../images/inputfield_smaller.gif) no-repeat; }
.jmForm .smaller select,
.jmForm .smaller input { width: 187px; height: 25px; }

.jmForm .column { width: 207px; float: left; margin-right: 26px; }


.jmForm .disabled { background: url(../images/inputfield_disabled.gif) no-repeat; }
.jmForm .disabled select { background: #fff; }



.jmForm .submit_btn { width: 84px; height: 39px; background: url(../images/submit_btn.gif); border: 0; padding: 0; text-indent: -9999px; margin-top: 18px; float: left; font-size: 0; }
.jmForm .cancel_btn { width: 84px; height: 39px; background: url(../images/cancel_btn.gif); border: 0; padding: 0; text-indent: -9999px; margin-top: 18px; font-size: 0; }
.jmForm .undo_btn { width: 84px; height: 39px; background: url(../images/undo_btn.gif); border: 0; padding: 0; text-indent: -9999px; margin-top: 18px; font-size: 0; }
.jmForm .reset_btn { width: 84px; height: 39px; background: url(../images/reset_btn.gif); border: 0; padding: 0; text-indent: -9999px; margin-top: 18px; font-size: 0; }

.jmForm .send_dpk_btn { width: 84px; height: 39px; float: left; background: url(../images/send_dpk_btn.gif);  border: 0; padding: 0; text-indent: -9999px; margin-top: 18px; font-size: 0; margin-right: 5px; }
.jmForm .update_preview_btn { width: 134px; height: 39px; float: left; background: url(../images/update_preview_btn.gif);  border: 0; padding: 0; text-indent: -9999px; margin-top: 18px; font-size: 0; }


.jmForm .info { background: #ededed; padding: 15px; margin: 12px 0; }

.jmForm .help { float: right; width: 270px; min-height: 35px; padding: 5px; background: #ededed; }

.jmForm .inputareahelp { height: 146px; }

.dateicon { float: left; margin: 12px 0 0 8px; }

.jmForm .hint { float: right; width: 280px; margin-top: 10px; }
.jmForm .hint a { color: #000; }

.jmForm .yesno_hint { float: right; margin: -16px 60px 0 0; width: 514px; height: 30px; padding: 4px 20px; background: #ededed }

.error { color: red }


.jmTable th { padding-bottom: 10px; }
.jmTable td { vertical-align: top; padding: 5px; }



.search_label { float: left; }
.search_field { float: left; width: 240px; height: 18px; padding: 8px; margin: 2px 19px 0 9px; background: url(../images/search_field.gif); }
.search_field input { border: 0; padding: 0; display: block; width: 100%; height: 100%; }
.search_btn { margin: 9px 0 0 0; border: 0; float: left; width: 84px; height: 19px; background: url(../images/search_btn.gif); text-indent: -9999px; }
.search_btn2 { margin: 3px 0 0 9px; border: 0; float: left; width: 84px; height: 39px; background: url(../images/search_btn2.gif); text-indent: -9999px; }


.info { background: #ededed; padding: 8px; clear: left; }


#thumbBox{
position:absolute;
left:0px;
top:0px;
width:646px;
padding:10px;
padding-bottom:0;
background:#111;
visibility:hidden;
z-index:10;
cursor:pointer;
}

#thumbBox .footerbar{
font:bold 16px Tahoma;
letter-spacing:5px;
line-height:1.1em;
color:#FFF;
padding:5px 0;
text-align:right;
}

#thumbBox #thumbImage{
background:#000;
color:#FFF;
padding:2px;
}

#thumbLoading{
position:absolute;
visibility:hidden;
border:1px solid #000;
background:#111;
color:#FFF;
padding:5px;
z-index:5;
}



/* The main calendar widget.  DIV containing a table. */
.calendar {
position: relative;
display: none;
border: 1px solid;
border-color: #fff #000 #000 #fff;
font-size: 11px;
cursor: default;
background: Window;
color: WindowText;
font-family: tahoma,verdana,sans-serif;
}

.calendar table {
border: 1px solid;
border-color: #fff #000 #000 #fff;
font-size: 11px;
cursor: default;
background: Window;
color: WindowText;
font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
text-align: center;
padding: 1px;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
background: ButtonFace;
}

.calendar .nav {
background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
font-weight: bold;
padding: 1px;
border: 1px solid #000;
background: ActiveCaption;
color: CaptionText;
text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
border-bottom: 1px solid ButtonShadow;
padding: 2px;
text-align: center;
background: ButtonFace;
color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
border: 2px solid;
padding: 0px;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
border-width: 1px;
padding: 2px 0px 0px 2px;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
width: 2em;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
color: #faa;
}

.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid ButtonShadow;
background: ButtonFace;
color: ButtonText;
}
.calendar tbody .rowhilite td {
background: Highlight;
color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
padding: 1px 3px 1px 1px;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
padding: 2px 2px 0px 2px;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
font-weight: bold;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
padding: 2px 2px 0px 2px;
background: ButtonFace;
color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
font-weight: bold;
color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}

/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
background: ButtonFace;
padding: 1px;
border: 1px solid;
border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
color: ButtonText;
text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
padding: 1px;
background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding: 2px 0px 0px 2px;
border-top: 1px solid #000;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
position: absolute;
display: none;
width: 4em;
top: 0px;
left: 0px;
cursor: default;
border: 1px solid;
border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
background: Menu;
color: MenuText;
font-size: 90%;
padding: 1px;
z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .active {
padding: 0px;
border: 1px solid #000;
}

.calendar .combo .hilite {
background: Highlight;
color: HighlightText;
}

.calendar td.time {
border-top: 1px solid ButtonShadow;
padding: 1px 0px;
text-align: center;
background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: Menu;
}

.calendar td.time .ampm {
text-align: center;
}

.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}

.calendar td.time span.hilite {
border-color: #000;
background-color: Highlight;
color: HighlightText;
}

.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}