/* FORM ELEMENTS */ .cj_form { display:block; } .cj_form .clear_bx { display:block; clear:both; font-size:0; line-height:0; } .cj_form .messages { padding:10px 10px 10px 25px; margin:5px; border:1px solid #ccc; } .cj_form .messages.success { border-color:#393; color:#393; background:#cfc url(../images/gif/tick.gif) no-repeat 5px 9px; } .cj_form .messages.errors { border-color:#933; color:#933; background:#fcc url(../images/gif/actions/cross.gif) no-repeat 5px 9px; } /* FORM FIELDSET ELEMENTS */ .cj_fieldset { display:block; border:0; margin:0; padding:5px; } .cj_fieldset > .label { background-color:#999; color:#fff; padding:3px; } /* SUBMIT BUTTON */ .cj_submit { text-align: center; } .cj_submit.disabled { text-decoration:line-through; color: gray; } /* FORM FIELD ELEMENTS */ .cj_field { display:block; padding:5px; } .cj_field > .label_bx { float:left; width:30%; } .cj_field > .input_bx { float:left; width:70%; } .cj_field > .input_bx.processing { background-image:url("../images/loader.gif"); z-index:9; } .cj_field.disabled.editable:hover .input_bx.processing { background-image:url("../images/loader.gif"); z-index:9; } .cj_field > .input_bx.full { width:100%; } .cj_field > .input_bx .c_input { width:100%; border:0; padding:2px 0; background-color:transparent; } .cj_field > .input_bx textarea { width:100%; border:0; padding:2px 0; background-color:transparent; height:100px; } .cj_field > .clear_bx { float:none; clear:both; font-size:0; line-height:0; padding:0; margin:0; height:0; max-height:0; } .cj_field .outerBox { border:2px solid #ccc; } .cj_field .innerBox { padding:2px 5px; background-repeat:no-repeat; background-position:2px 2px; } .cj_field .input_bx { background-repeat:no-repeat; background-position:right center; } .cj_field.disabled.editable:hover .input_bx { background-image:url(../images/gif/actions/pencil.gif); z-index:8;} .cj_field.processing { background-color:#ff0; opacity:0.6; -ms-filter:"alpha(opacity=60)"; filter:alpha(opacity=60); zoom:1; } .cj_field.processing .input_bx { background-image:url(../images/gif/processing.gif); } .cj_field.processing .input_bx { background-image:url(../images/gif/processing.gif); } .cj_field.processing .dropdown { background-color:#fc0; } .cj_field.disabled .innerBox { background-color: transparent; border:0; } .cj_field.disabled .caption { text-indent:0; } .cj_field.disabled .dropdown { display:none; } .cj_field .focused .outerBox { border-color:#669; } .cj_field.error .outerBox { border-color:#c00; } .cj_field.error .label_bx { color:#c00; } .cj_field.hidden_bx { display:none; } .cj_field.submit_bx .input_bx { width:100%; } .cj_field.submit_bx .innerBox { background-color:#eee; } .cj_field.submit_bx.save .innerBox { padding: 1px 4px; border:1px solid #393; color: #393; background-color:#CFC; } .cj_field.submit_bx.cancel .innerBox { padding: 1px 4px; border:1px solid #933; color: #933; background-color:#FCC; } .cj_field.submit_bx.login .innerBox { padding: 1px 4px; border:1px solid #960; color: #960; background-color:#FFC; } .cj_field.submit_bx.active .innerBox { padding: 1px 4px; border:1px solid gray; color: gray; } .cj_radio { } .cj_radio > .outerBox { border:0; } .cj_radio > .outerBox > .innerBox { padding:0; } .cj_radiowithother { } .cj_radiowithother > .outerBox { border:0; } .cj_radiowithother > .outerBox > .innerBox { padding:0; } .cj_multicheckbox { } .cj_multicheckbox > .outerBox { border:0; } .cj_multicheckbox > .outerBox > .innerBox { padding:0; } .cj_option .check { height:16px; width:16px; margin:2px; background-repeat:no-repeat; background-position: center; } /* .cj_multicheckbox .cj_option .check { background-image:url(../images/gif/form/check_unchecked.gif); } .cj_multicheckbox .cj_option.selected .check { background-image:url(../images/gif/form/check_checked.gif); } .cj_checkbox .cj_option .check { background-image:url(../images/gif/form/check_unchecked.gif); } .cj_checkbox .cj_option.selected .check { background-image:url(../images/gif/form/check_checked.gif); } .cj_checkbox.selected .cj_option .check { background-image:url(../images/gif/form/check_checked.gif); } .cj_option .highlight { border:1px dotted; } */ .cj_field .cj_option .check { background-image:url(../images/gif/form/check_unchecked.gif); } .cj_field .selected .check { background-image:url(../images/gif/form/check_checked.gif); } .cj_field.radio_bx .cj_option .check { background-image:url(../images/gif/form/radio_unchecked.gif); } .cj_field.radio_bx .cj_option.selected .check { background-image:url(../images/gif/form/radio_checked.gif); } .cj_field .disabled .cj_option .check { background-image:url(../images/gif/space.gif); } .cj_field .disabled .selected .check { background-image:url(../images/gif/tick.gif); } .cj_option .highlight { border:1px dotted; } .cj_option { float:left; } .cj_option .c_label { width:auto; } .cj_option .outerBox { margin:2px; } .cj_option .outerBox .innerBox { position:relative; padding-left:22px; } .cj_option .outerBox .innerBox .input { display:block; position:absolute; left:-24px; top:-2px; width:auto; } .cj_option .outerBox .innerBox > .input { left:0; top:2px; } .cj_option .outerBox .innerBox .check { position:absolute; top:2px; left:2px; margin:2px; text-indent:-9000px; } .cj_option .outerBox .innerBox .other { border:0; } .cj_option .outerBox .innerBox .label { font-style:italic; } .cj_image { position:relative; } .cj_image .c_image { position:absolute; left:0; top:0; bottom:0; height:100%; width:100%; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; } .cj_image .innerBox { position:relative; } .cj_image .c_input { display:block; } /* SLIDER */ .cj_slider { position:relative; } .cj_slider .c_image { position:absolute; top:0; left:0; height:100%; width:100%; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; } .cj_slider .c_slider { position:absolute; display:block; } .cj_slider .outerBox { background-color:#eee; } .cj_slider .innerBox { position:relative; } .cj_slider .c_slider .outerBox { } .cj_slider .c_slider .innerBox { background:#000; margin:0; padding:0; } .cj_field.slider_bx .cj_slider .c_input { display:block; padding:0; margin:0; } .cj_field.slider_bx.vertical { float:left; width:33%; } .cj_field.slider_bx.vertical .outerBox { padding:6px 1px; } .cj_field.slider_bx.vertical .c_slider { left:0; top:50%; width:100%; } .cj_field.slider_bx.vertical .c_slider .outerBox { padding:0; position:absolute; left:0; top:-5px; width:100%; } .cj_field.slider_bx.vertical .c_slider .innerBox { height:10px; font-size:0; line-height:10px; } .cj_field.slider_bx.vertical .c_slider span { display:block; width:100%; height:10px; overflow:hidden; } .cj_field.slider_bx.vertical .input_bx { float:none; width:auto; margin:5px; } .cj_field.slider_bx.vertical .label_bx { float:none; width:100%; } .cj_field.slider_bx.horizontal { } .cj_field.slider_bx.horizontal .c_slider { left:50%; top:0; height:100%; width:5px; } /* FORM INPUT ELEMENTS */ .cj_input { } /* FORM TEXTAREA ELEMENTS */ .cj_textarea.disabled { overflow:auto; } .cj_text .c_input { white-space:nowrap; overflow:hidden; } /* FORM SELECT ELEMENTS */ .cj_select { position: relative; cursor: default; } .cj_select.hover { background-color: #ccc; } .cj_select.active { background-color: #ccc; } .cj_select.open { background-color: #bbb; } .cj_select .outerBox { margin:0; } .cj_select .outerBox .innerBox { padding:3px 5px; } .cj_select select { border:0; width:100%; background:transparent; } .cj_field .caption { text-indent:12px; margin:2px; white-space:nowrap; overflow:hidden; } .cj_field .dropdown { position:absolute; top:0; left:0; width:12px; height:100%; background-color:#ccc; background-position:center; background-image:url(images/arrow_s_black.gif);} .cj_select.cj_menu { max-height: 200px; overflow-y: auto; overflow-x: hidden; z-index:10; } .cj_select.cj_menu .cj_option { float:none; padding:0; } .cj_select.cj_menu .cj_option.highlight { background-color:#666; } .cj_select.cj_menu .cj_option .label { font-style:normal; font-size:10px; } /* FORM COMBOBOX ELEMENTS */ .cj_combobox { position: relative; cursor: default; } .cj_combobox.hover { background-color: #ccc; } .cj_combobox.active { background-color: #ccc; } .cj_combobox.open { background-color: #bbb; } .cj_combobox .outerBox { margin:0; } .cj_combobox .outerBox .innerBox { padding:3px 5px; } .cj_combobox .c_input { text-indent:12px; } .disabled .cj_combobox .c_input { text-indent:0; } .cj_combobox.cj_menu { max-height: 200px; overflow-y: auto; overflow-x: hidden; z-index:10; } .cj_combobox.cj_menu .cj_option { float:none; padding:0; } .cj_combobox.cj_menu .cj_option.highlight { background-color:#666; } .cj_combobox.cj_menu .cj_option .label { font-style:normal; font-size:10px; } /* FORM BUTTON ELEMENTS */ .cj_button { background-color: #eee; padding: 2px; float: left; cursor: pointer; } .cj_button .innerBox { background-color: #eee; } .cj_button .outerBox { border-color: #669; padding: 2px; } .cj_button.highlight { } .cj_button.hover { background-color: #ccc; } .cj_button.disabled { text-decoration: line-through; color: gray;} .submit_bx.disabled { display:none; } /* FORM DATE ELEMENT */ .cj__field.date_bx { width:155px; } .cj_date { position:relative; background-color: #eee; } .cj_date .innerBox { padding-left:20px; background-image:url(../images/gif/type/calendar.gif); } .cj_date .caption { border:0; width:100%; } .cj_date .dropdown { position:absolute; top:2px; right:3px; width: 16px; background-image:url(images/arrow_s_black.gif);} /* FORM TIME ELEMENT */ .cj_time { position:relative; background-color: #eee; } .cj_time .innerBox { padding-left:20px; background-image:url(../images/gif/type/time.gif); } .cj_time .caption { border:0; width:100%; } .cj_time .buttons > div { background-color: #eee; position: absolute; right: 2px; width:16px; height:10px; background-position:center; } .cj_time .buttons > div:hover { background-color: #669; } .cj_time .buttons .up { top: 2px; background-image:url(images/arrow_n_black.gif); } .cj_time .buttons .up:hover { background-image:url(images/arrow_n_white.gif); } .cj_time .buttons .down { bottom: 2px; background-image:url(images/arrow_s_black.gif);} .cj_time .buttons .down:hover { background-image:url(images/arrow_s_white.gif); } /* FORM DATETIME ELEMENT */ .cj_field > .cj_datetime { background:none; } .cj_datetime .cj_date { width:100px; float:left; } .cj_datetime .cj_time { width:80px; float:left; margin-left:10px; } /* DATEPICKER ELEMENT */ .cj_datepicker { position:absolute; background-color: white; border: 1px solid #fff; width: 190px; z-index:10; } .cj_datepicker .calendar { table-layout: fixed; border:1px solid #666699; width:100%; cursor: default; } .cj_datepicker .calendar .head { background-color: #666699; } .cj_datepicker .calendar .head td { text-align:center; padding: 2px; font-size: 11px; } .cj_datepicker .calendar .head .monthyear { color: #fff; text-align: center; } .cj_datepicker .calendar .head .button { border: 0px; background-color: #666699; color: #fff; padding:0px; text-align: center; } .cj_datepicker .calendar .data .week .day.weekday { text-align: right; color: #000; padding:2px; background-color: #eee; font-weight: bold; } .cj_datepicker .calendar .data .week .hidden { display: none; } .cj_datepicker .calendar .data .week .day { text-align: right; color: #666666; padding:2px;} .cj_datepicker .calendar .data .week .day.othermonth { color:#ccc; } .cj_datepicker .calendar .data .week .day.today { background-color: #669; color: #fff; } .cj_datepicker .calendar .data .week .day.w_day6 { background-color: #eee; } .cj_datepicker .calendar .data .week .day.w_day7 { background-color: #eee; } .cj_datepicker .calendar .data .week .day.selected {background-color: #ccc; } .cj_datepicker .calendar .data .week .day.selected.today {border:1px solid red; background-color:#666699; } /* HELP */ /* .cj_info .data { display:none; } .cj_info a.info { margin:1px; padding:0; display:block; position:relative; text-decoration:none; z-index:11; } .cj_info a.info:hover { margin:0; padding:1px; background-color:transparent; } .cj_info a.info:hover .icon { } .cj_info a.info:hover .data { display:block; position:absolute; width:300px; top:0; color:#000; border:1px solid #ccc; background:#eee; padding:5px; font-weight:normal; } .cj_info a.info:hover .body { font-size:12px; } .cj_info .head { display:block; font-weight:bold; } .cj_info .body { display:block; padding:3px; } .cj_info .body u { display:block; } .cj_errors { display:inline; list-style:none; margin:0; padding:0; position:absolute; right:-17px; } .cj_error { display:inline; list-style:none; margin:0; padding:0; } .cj_error a.info { float:right; } .cj_error a.info:hover .data { right:100%; } .cj_error .icon { color:red; background-image:url(../images/gif/error.gif); } .cj_messages { display:inline; list-style:none; margin:0; padding:0; position:absolute; left:-17px; } .cj_message { display:inline; list-style:none; margin:0; padding:0; } .cj_message a.info { float:left; } .cj_message a.info:hover .data {left:100%; } .cj_message .icon { color:blue; background-image:url(../images/gif/information.gif); } */ .cj_field:hover { z-index:8; border-color:#eee; } .cj_info { display:block; margin:0; z-index:9; } .cj_info .icon { display:block; width:16px; height:16px; text-align:center; background-repeat:no-repeat; background-position:center; } .cj_info .icon b { display:none; } .cj_info ul { margin:0; } * > .cj_info { position:relative; width:100%; height:1px; z-index:10; } .cj_info > .info_bx { position:absolute; width:100%; top:0; height:1px; } .cj_info .info_bx > ul { display:none; } .cj_info .info_bx:hover > ul { display:block; position:absolute; top:15px; margin:0; padding:5px 10px 5px 20px; width:300px; border:2px solid #ccc; } .cj_info .info_bx.count1 ul { list-style:none; padding:5px 10px; } .cj_info .info_bx .value { font-size:12px; } .cj_info .info_bx.msg .icon { margin-top:2px; color:blue; background-image:url(../images/gif/information.gif); } .cj_info .info_bx.msg ul { background-color:#cdf; border-color:#9cf; } .cj_info > .info_bx.msg { left:-17px; } .cj_info > .info_bx.msg ul { left:15px; } .cj_info .info_bx.err .icon { margin-top:3px; color:red; background-image:url(../images/gif/error.gif); } .cj_info .info_bx.err ul { background-color:#fe9; border-color:#fc6; } .cj_info > .info_bx.err { right:-17px; } .cj_info > .info_bx.err ul { right:15px; }