/**
 * Jquery.ui CSS customization for eXorde UI (already applied for current CSS)
 **/
.ui-accordion .ui-accordion-content { padding: 0px; border-top: 0; margin-top: -0px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; zoom: 1; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0px; background: none; }
.ui-accordion-header span.ui-icon { display:none; }
/**
 * Jquery.ui extensions - code a recopier dans chaque nouveau skin en adaptant l'url des src
 * reprendre les couleurs de ui-state-default, passer font-weight en normal, et rajouter les border-radius
 * idem ui-icon
 ** /
.ui-btn { border: 1px solid #cccccc; background: #f3f3f3 url(metro/images/ui-bg_highlight-soft_90_f3f3f3_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #369; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.ui-icon-btn { width: 18px; height: 18px; border: 1px solid #cccccc; background-image:url(metro/images/ui-icons_3383bb_256x240.png); font-weight: normal; color: #369; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
*/
/** Jquery.ui time picker add-on */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/** Jquery.dataTables CSS customization */
.ui-buttonset .ui-button { margin-right: -0.1em !important; }
.ui-toolbar { padding: 5px; }
.dataTables_info { padding-top: 3px; float:left; }
.dataTables_filter { float:right; }
.dataTables_empty { text-align: center; padding:20px; }
.dataTables_wrapper .ui-widget-header { font-weight: normal; border-left:none; border-bottom:none; border-right:none; }
thead th { padding: 6px 0px 6px 10px; cursor: pointer; * cursor: hand; }
thead th div.DataTables_sort_wrapper { position: relative; padding-right: 20px; }
thead th div.DataTables_sort_wrapper span { position: absolute; top: 50%; margin-top: -8px; right: 0px; }
/* classes for rows */
tr.odd, tr.even { background-color: #fff; }
tr.odd td, tr.even td { padding:3px; font-weight: normal; color: #444; border-bottom:1px solid #f6f6f6; }
tr.even.row_selected td, tr.even:hover, tr.odd.row_selected td, tr.odd:hover { background-color: #D3FFD6;}
tr.even td.sorting_1, tr.odd td.sorting_1 { font-weight: bold; color: #4A6F4B; background-color: #f6fff6; border-left:2px solid #6A9F6B; }
/* misc */
.dataTables_scroll { clear: both;}
.top, .bottom { padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC; }
tfoot input { margin: 0.5em 0; width: 100%; color: #444; }
tfoot input.search_init { color: #999; }
/* paginating */
.dataTables_info { float:right; }
.dataTables_paginate { width: auto; float:left; }
.paging_two_button .ui-button { float: left; cursor: pointer; * cursor: hand; }
.paging_full_numbers { width: 380px !important; }
.paging_full_numbers .ui-button { padding: 2px 6px; margin: 0; cursor: pointer; * cursor: hand; }
.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active { border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer; *cursor: hand; }
.paging_full_numbers span.paginate_button { background-color: #ddd; }
.paging_full_numbers span.paginate_button:hover { background-color: #ccc; }
.paging_full_numbers span.paginate_active { background-color: #99B3FF; }
tr.even td.inactif, tr.odd td.inactif { color:#ccc; font-style:italic; background:#eee; }
/** Jquery.tipsy default style */
.tipsy { padding: 5px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; font-size: 10px; color: white; max-width: 120px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
/** JqTools validator error tip */
.error { background-color:#fff; }
.error p { color: #c00; font-size: 10px; padding: 2px 6px; }
.error em { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent #c00 transparent transparent; border-style: solid; border-width: 6px; bottom: 0px; display: block; height: 0; left: -10px; position: absolute; width: 0; }
/** JqColorBox core */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/** JqColorBox editable style */
#cboxOverlay{background:#000; z-index:10001;}
#colorbox{z-index:10002;}
#cboxContent{margin-top:20px;}
    .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:5px; color:#fff; font-weight:bold; }
        #cboxCurrent{position:absolute; top:-20px; right:5px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:55px; color:#ccc;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/cbox_controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/cbox_controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../img/cbox_loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:3px; right:-7px; display:block; background:url(../img/cbox_controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;} /* 5px */
        #cboxClose:hover{background-position:bottom center;}
/** jQuery MultiSelect UI Widget 1.12 */
/* .ui-multiselect { height:25px; overflow-x:hidden; padding:2px 0 2px 4px; text-align:left }*/
.ui-multiselect { padding:1px 0 1px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }
.ui-multiselect-header { margin-bottom:2px; padding:2px 0 2px 4px }
.ui-multiselect-header ul { font-size:1em }
.ui-multiselect-header ul li { float:left; padding:0 12px 0 0; line-height:16px; }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left; }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }
.ui-multiselect-menu { display:none; padding:2px; position:absolute; z-index:10000 }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px; margin-right:3px; }
.ui-multiselect-checkboxes li { clear:both; font-size:1em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid #666; }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }
* html .ui-multiselect-checkboxes label { border:none } /* remove label borders in IE6 because IE6 does not support transparency */
.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselect-filter input { width:90px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #666; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }
/** jQuery.ui vertical scrollbars */
.scroll-content {position:absolute;top:0;left:0;padding-right:12px;}
.scroll-pane{position:relative;}
.slider-wrap{position:absolute;right:0;top:0;background-color:lightgrey; width:12px;border:0px;}
.slider-vertical{position:relative;height:100%;background:none;border:none;}
.ui-slider-vertical .ui-slider-handle {left:0px;cursor:pointer;border:none;}
.ui-slider-handle{background-color:darkgray;width:12px;height:10px;margin:0 auto;display:block;position:absolute;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.ui-slider-handle img{border:none} 
.scrollbar-top{position:absolute;top:0;}
.scrollbar-bottom{position:absolute;bottom:0;}
.scrollbar-grip{position:absolute;top:50%;}
/** jQuery Tools tabs */
ul.jqtabs { list-style:none; margin:0 !important; padding:0; height:45px; }
ul.jqtabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; background:url(../img/jqt_tabs_bkg.png) repeat-x left bottom; }
ul.jqtabs a { font-size:13px; display:block; height:30px; line-height:30px; width: 134px; text-align:center; text-decoration:none; color:#aaa; padding:0 0 15px; margin:0px; position:relative; top:1px; font-weight:bold; }
ul.jqtabs a:active { outline:none; background: url(../img/jqt_tabs_on.png) no-repeat center bottom; }
ul.jqtabs a:hover { background: url(../img/jqt_tabs_on.png) no-repeat center bottom; color:#222; }
ul.jqtabs a.current, ul.jqtabs a.current:hover, ul.jqtabs li.current a { background: url(../img/jqt_tabs_on.png) no-repeat center bottom; cursor:default !important; color:#666 !important; }
.panes .pane { display:none; }