button {background-color:transparent;border: none;cursor:pointer;margin:0;overflow:visible;padding:0; height: 26px; outline: none;}
:first-child + html button[type] { }
button span { background: url('/assets/img/button_left_bg.png') no-repeat; height: 26px; display:block; float:left; margin:0; padding:0; }
button span span { background:url('/assets/img/button_right_bg.png') no-repeat scroll right 0; display:block; color: #5A523D; font-weight: bold; 
                    line-height: 24px; padding:0px 27px 0 27px; height: 24px; font-size:0.85em; font-family: Arial, Verdana, Tahoma, Sans-Serif;}

.jNiceInputWrapper { background:transparent url('/assets/img/textbox_left.png') no-repeat scroll left top; height:24px; padding:0; margin-bottom: 5px;}
.jNiceInputInner { background:transparent url('/assets/img/textbox_right.png') no-repeat scroll right top; margin:0 0 0 5px; padding:0px 5px 0px 0px; }
.jNiceInputInner div { height:22px; border-top: 1px solid #d8c9a9; border-bottom: 1px solid #d8c9a9; }
.jNiceInputInner input { border:0 none; color:#5a523d;  height:18px; line-height:18px; margin: 0px; margin-top: 1px;padding: 0px 0px 20x 0px; vertical-align:middle; }
.jNiceSafari .jNiceInputInner div { overflow:hidden; position:relative; }
.jNiceSafari input { height:26px;left:-4px;position:absolute;top:-2px;}
.jRadioWrapper {float:left; margin-bottom: 5px;}
.jNiceRadio { background: url('/assets/img/imgbundle1.png') -128px 0 no-repeat; height: 16px; display:block;vertical-align:middle;width:16px; margin-right: 5px; margin-top: 2px;}
.jNiceCheckbox { background: url('/assets/img/imgbundle1.png') -96px 0 no-repeat; width: 16px; height: 16px;display:block;vertical-align:middle;width:16px; margin-right: 5px; }
.jNiceChecked { background: url('/assets/img/imgbundle1.png') -112px 0 no-repeat; width: 16px; height: 16px; margin-right: 5px;}
.jNiceRadioChecked { background: url('/assets/img/imgbundle1.png') -144px 0 no-repeat; width: 16px; height: 16px; margin-right: 5px; }
.jNiceSelectWrapper {height:24px;position:relative;width:176px; margin-bottom: 5px;}
div.time_widget .jNiceSelectWrapper { width:70px; float: left; margin-right:7px;}
.jNiceSelectWrapper div span { background: url('/assets/img/select_large_bg.png') no-repeat; float:none; height:24px; line-height:24px; overflow:hidden; padding:0px 5px;position:absolute; width:156px;}
div.time_widget .jNiceSelectWrapper div span { width: 50px;}
.jNiceSelectWrapper div a {background:transparent url('/assets/img/select_right_bg.png') no-repeat scroll center center; display:block; height:24px; position:absolute; right:0; width:21px;}
.jNiceSelectWrapper ul { background-color:#FFFFFF; border:1px solid #CCCCCC;  display:none;max-height:160px;left:0;list-style-image:none;list-style-position:outside; list-style-type:none; margin:0; overflow:auto; padding:0;position:absolute;top:21px;width:176px;z-index:100;}
.jNiceSelectWrapper ul li { line-height: 18px; }
div.time_widget .jNiceSelectWrapper ul { width: 70px;}
.jNiceSelectWrapper ul a {background-color:#FFFFFF;color:#5A523D;display:block;padding:2px 5px 2px 5px;text-decoration:none;}
.jNiceSelectWrapper ul a:hover { background: #CFCFCF; }
.jNiceSelectWrapper ul a.selected { background: #E6E6E6; }
.jNiceSelectWrapper ul li.optiongroup { font-weight: bold; font-style: italic; }
.jNiceHidden {display:none;}

input.job_title_tb { width: 340px; }
input.date_picker { width: 150px; padding-left: 0px; padding-right: 0px; }
input.dob_picker { width: 180px; }
input.text_box.text_box_small { width: 166px; }
input.text_box.text_box_medium { width: 166px; }
input.text_box.text_box_large { width: 220px; }
div.request_chiclet input#id_date { width: 122px; }

/* FANCY FORMS */
.multiSelect { font-size: 1.0em; width: 152px; border: 0px; height: 21px; background: #FFF url('/assets/img/select_medium_bg.png') left center no-repeat; padding: 3px 20px 0px 5px; margin: 1px 0px 3px 0px; color: #5A523D;}
.multiSelectOptions { width: 174px; max-height: 150px; margin-top: -3px; overflow: auto; border:1px solid #CCCCCC; background: #FFF; line-height: 18px; }
    .multiSelectOptions LABEL { padding: 0px 5px; display: block; }
        .multiSelectOptions LABEL.checked { background: #E6E6E6; }
        .multiSelectOptions LABEL.selectAll { border-bottom: dotted 1px #CCC; }
        .multiSelectOptions LABEL.hover { background: #CFCFCF; }
/*
    div.small { width: 176px; background: url('/assets/img/textbox_small_bg.png') no-repeat; }
    div.medium { width: 350px; background: url('/assets/img/textbox_medium_bg.png') no-repeat; }
    div.large { width: 500px; background: url('/assets/img/textbox_large_bg.png') no-repeat; }
*/
    div.textarea { height: 100px; margin-top: 3px;}
    div.textarea textarea { font-size: 1.0em; border: 0px; margin: 5px; color:#5a523d; padding: 0px; font-family: Arial, Helvetica, sans-serif;}
    div.textarea.textarea_large { background: url('/assets/img/textarea_large_bg.png') no-repeat; height: 104px; margin-bottom: 10px;}
    div.textarea.textarea_medium { width: 350px; background: url('/assets/img/textarea_medium_bg.png') no-repeat; height: 104px; 
                                    margin-bottom: 10px; }
    div.textarea.textarea_medium textarea { width: 340px; height: 94px;}
    div.textarea.textarea_small { width: 150px; height: 72px; margin: 5px; background: url('/assets/img/textarea_small_bg.gif') no-repeat; }
    div.textarea.textarea_small textarea { width: 140px; height: 62px; }


div.form table ul { list-style-type: none; margin: 0px; padding: 0px; }
 div.form table td>ul li { margin: 0px; padding: 0px; min-height: 24px; line-height: 24px;} 

/* CALENDAR */
table.jCalendar {
    border: 1px solid #000;
    background: #FFF;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
    background: #777;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
}
table.jCalendar td {
    background: #ccc;
    color: #000;
    padding: 3px 5px;
    text-align: center;
}
table.jCalendar td.other-month {
    background: #ddd;
    color: #aaa;
}
table.jCalendar td.today {
    background: #666;
    color: #fff;
}
table.jCalendar td.selected {
    background: #f66;
    color: #fff;
}
table.jCalendar td.selected:hover {
    background: #fff;
    color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
    background: #fff;
    color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
    background: #fff;
    color: #888;
}

/* For the popup */
div.dp-popup {
    position: relative;
    background: #EFE3C2;
    font-size: 10px;
    font-family: arial, sans-serif;
    padding: 2px;
    width: 171px;
    line-height: 1.2em;
}
div#dp-popup {
    position: absolute;
    z-index: 3001;
}
div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px;}
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled { cursor: default; color: #cacaca; }
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }

a.dp-choose-date { float: left; width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 0;
    margin: 3px 0px 0px 0px;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url('/assets/img/calendar.png') no-repeat;
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
input.dp-applied {
    width: 150px;
    float: left;
}
div#one_time_only input.dp-applied, div#ongoing input.dp-applied { width: 125px; }
div#one_time_only input, div#ongoing div input { width: 125px; }
input#id_av_num_recurrences { width: 40px; }