/* COMMON */
body { font-family:Arial; font-size:11px; margin:0; padding:0; color:#021322; }
form { padding:10px; width:200px; height:200px; }
p { margin:10px 0 5px 0; }
label { display:block; }
select { margin:0 0 5px 0; padding:2px; font-size:10px; width:90%; border:1px solid #AAA; }
input { margin:0 0 3px 0; padding:2px; width:85%; font-size:10px; border:1px solid #AAA; }
.req { float:right; padding:0 5px 0 0; color:#FF0000; display:none; font-size:25px; }
.submit-btn { display:block; margin:5px 0 0 0; padding:2px; width:50%; font-size:12px; text-align:center; cursor:pointer; font-weight:bold; -moz-border-radius:5px; border-radius:4px; }
.error { background:#FFCCCC; }

/* DATEPICKER */
.ui-datepicker { top:10px !important; -moz-box-shadow: 0px 0px 3px #333; -webkit-box-shadow: 0px 0px 3px #333; box-shadow: 0px 0px 3px #333;}
.ui-datepicker table { margin:0 10px 10px 10px; border-collapse: collapse; }
.ui-datepicker-calendar td { margin:0; padding:0; border:1px solid #AAA; background:#FFF; }
.ui-datepicker-calendar td a, .ui-datepicker-calendar td span { display:block; margin:0; padding:2px 1px; width:22px; height:16px; line-height:16px; text-align:center; text-decoration:none; }
.ui-datepicker-calendar td a:hover { }
.ui-datepicker-calendar td a.ui-state-active { cursor:default; }
.ui-datepicker-calendar td span { cursor:default; }
.ui-datepicker-title { text-align:center; }
.ui-datepicker-calendar th span { display:block; font-weight:normal; text-transform:uppercase; text-align:center; }
.ui-datepicker-header { margin:0 0 3px 0; padding:3px; text-transform:uppercase; font-weight:bold; }
.ui-datepicker-calendar .ui-datepicker-other-month { }
.ui-datepicker-prev, .ui-datepicker-next { position:absolute; overflow:hidden; display:block; top:4px; left:4px; width:13px; height:12px; background:url(images/icon-sprite.png) no-repeat 0 0; text-indent:-9999px; cursor:pointer; }
.ui-datepicker-next { left:auto; right:4px; background-position:0 -20px; }
.ui-state-disabled { cursor:default; }


/* THEMED ( JAL: Grey & Red ) */
form { background: #DCDCDC; }
.submit-btn { color:#FFF; padding-right:10px; width:120px; height:24px; line-height:20px; background:url(images/search-btn-jal.gif) no-repeat; }
.ui-datepicker { background:#E5E5E5; }
.ui-datepicker-calendar td a, .ui-datepicker-calendar td span { color:#021322; }
.ui-datepicker-calendar td a:hover { background:#D80000; color:#FFF; }
.ui-datepicker-calendar td a.ui-state-active { background:#D80000; color:#FFF; }
.ui-datepicker-calendar td span { color:#CCC; }
.ui-datepicker-header { color:#FFF; background:#AAA; }
.ui-datepicker-calendar .ui-datepicker-other-month { color:#999; background:#EEE; }