/* ---------------   jquery.ui (tabs etc) ----------------------- */

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content {  background: #554CE7 ; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header {  /*background: #cccccc url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x ; */ color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */


/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }q
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .1em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .2em .4em; }
.ui-tabs .ui-tabs-nav li a:hover { font-weight:600 ; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; font-weight:600 ; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em .4em; display: block; border-width: 0; background: none; border:1px solid #CCCCCC; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* ---------------   fin jquery.ui ----------------------- */

/*----------------  jquery modal ----------------------------*/

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 10%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 5px solid #FF0000;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/*----------------  fin jquery modal ----------------------------*/


/*----------------   jquery autocomplete ----------------------------*/

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #526EA6;
	color: white;
}


/*----------------  fin  jquery autocomplete ----------------------------*/


/*----------------   jquery tablesorter ----------------------------*/
/* tables */
table.tablesorter {
	/* background-color: #CDCDCD; */
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	font-size: 8pt;
	padding: 4px;
}

table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	/*color: #3D3D3D; */
	padding: 3px;
	/* background-color: #FFF; */
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	/* background-color:#F0F0F6; */
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
/* background-color: #8dbdd8; */
}


/*----------------  fin jquery tablesorter ----------------------------*/


/*----------------  menu horizontal ----------------------------*/




#footpanel {
	position: fixed;
	top: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-top: none;
	width: 100%;
	margin: 0;
}

#interieur {
width:980px;
margin:auto;

}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px;
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }

html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
	background-color: #fff;
	height: 16px;
	border: 1px solid #555;
	border-bottom: none;
	z-index: 200; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
}



#footpanel a.inscription{	
	width: 85px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding-left:10px;
	padding-right:10px;
	text-indent: 0; /*--Reset text indent--*/
	}
#footpanel a.profile{	background: url(../images/menu_footer/profil.png) no-repeat center center; }
a.votreclan{	background: url(../images/menu_footer/clan.png) no-repeat center center; }
a.editprofile{	background: url(../images/menu_footer/wrench_screwdriver.png) no-repeat center center; }
a.deconnexion{	background: url(../images/menu_footer/deconnect.png) no-repeat center center; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
a.alerts{	background: url(../images/menu_footer/newspaper.png) no-repeat center center; border-left: 1px solid #CCCCCC;	 }
#footpanel a.membre_connecte{	
	background:url(../images/menu_footer/ami.png) no-repeat 15px center;
	width: 150px;
	border-left: 1px solid #CCC;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent--*/
}
#footpanel a.menu_tchat{	
	background:url(../images/menu_footer/chat.png) no-repeat 15px center;
	width: 40px;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent--*/
}

#footpanel a.messages{	
	width: 16px;
	text-indent: 0; /*--Reset text indent--*/
 }


#footpanel a.amis{	
	background: url(../images/menu_footer/ami.png) no-repeat center center;	
}
a.vosjeux{	background: url(../images/menu_footer/favoris.png) no-repeat center center;	 }

#footpanel li#chatpanel, #footpanel li#deconnexion  {	float: right; }  /*--Right align the chat and alert panels--*/


#footpanel a small {  /*--panel tool tip styles--*/
	text-align: center;
	width: 95px;
	background: url(../images/menu_footer/pop_arrow.gif) no-repeat center top;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:0px;
	padding-left:0px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: 35px; /*--Position tooltip 35px above the list item--*/
	padding-top:9px;
	left: 50%; 
	margin-left: -44px; /*--Center the tooltip--*/
	z-index: 9999;
}






#footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset link style for subpanel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; top: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
	padding-bottom: 2px;
}
#footpanel h3 {
	background: #526ea6;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { 
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;	
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
}
#footpanel .subpanel li{ 
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}


/* membre en ligne */
#chatpanel .subpanel li {
border-bottom:1px solid #DDDDDD;
}
#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a{
	padding: 3px 0;
	padding-top:10px;
	margin: 0;
	line-height: 22px;
	height: 22px;
}
#chatpanel .subpanel li a:hover {
	text-decoration: underline;
}
#chatpanel .subpanel li :hover {
	background: #CCCCCC;
	}
#chatpanel .subpanel li p {padding:6px;
margin:0;}
#chatpanel #newspanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}



#newspanel .subpanel li {
	border-bottom: 1px solid #f0f0f0;
	display: block;
}
#newspanel .subpanel li a{
	padding: 3px 0;
	padding-top:10px;
	margin: 0;
	line-height: 22px;
	height: 22px;
}
#newspanel .subpanel li a:hover {
	text-decoration: underline;
	}
	
#newspanel .subpanel li :hover {
	background: #CCCCCC;
	}
#newspanel .subpanel li p {padding:6px;
margin:0;}
#footpanel #newspanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}


#panel_vertical_tchat .subpanel li {
border-bottom:1px solid #DDDDDD;
}

#panel_vertical_tchat .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}

#panel_vertical_tchat .subpanel li a{
	padding: 3px 0;
	padding-top:10px;
	margin: 0;
	line-height: 22px;
	height: 22px;
}
#panel_vertical_tchat .subpanel li a:hover {
	text-decoration: underline;
	}
	
#panel_vertical_tchat .subpanel li :hover {
	background: #CCCCCC;
	text-decoration: none;
	}

#panel_vertical_tchat .subpanel li p {
padding:6px;
margin:0;
}
#panel_vertical_tchat .subpanel li a.delete{
	background: url(../images/menu_footer/delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 1px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#panel_vertical_tchat .subpanel li a.delete:hover { background-position: left bottom;  }
#footpanel  #panel_vertical_tchat li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}


#vos_jeux .subpanel li {
border-bottom:1px solid #DDDDDD;
}

#vos_jeux .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}

#vos_jeux .subpanel li a{
	padding: 3px 0;
	padding-top:10px;
	margin: 0;
	line-height: 22px;
	height: 22px;
}
#vos_jeux .subpanel li a:hover {
	text-decoration: underline;
	}
	
#vos_jeux .subpanel li :hover {
	background: #CCCCCC;
	text-decoration: none;
	}

#vos_jeux .subpanel li p {
padding:6px;
margin:0;
}
#vos_jeux .subpanel li a.delete{
	background: url(../images/menu_footer/delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 1px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#vos_jeux .subpanel li a.delete:hover { background-position: left bottom;  }
#footpanel  #vos_jeux li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}

#amipanel .subpanel li {
border-bottom:1px solid #DDDDDD;
} 
#amipanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}

#amipanel .subpanel li a{
	padding: 3px 0;
	padding-top:10px;
	margin: 0;
	line-height: 22px;
	height: 22px;
}
#amipanel .subpanel li a:hover {
	text-decoration: underline;
	}
	
#amipanel .subpanel li :hover {
	background: #CCCCCC;
	text-decoration: none;
	}

#amipanel .subpanel li p {
padding:6px;
margin:0;
}
#amipanel .subpanel li a.delete{
	background: url(../images/menu_footer/delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 1px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#amipanel .subpanel li a.delete:hover { background-position: left bottom;  }
#footpanel  #amipanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}



#clanpanel .subpanel li {
border-bottom:1px solid #DDDDDD;
} 
#clanpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}

#clanpanel .subpanel li a{
	padding: 3px 0;
	padding-top:10px;
	margin: 0;
	line-height: 22px;
	height: 22px;
}
#clanpanel .subpanel li a:hover {
	text-decoration: underline;
	}
	
#clanpanel .subpanel li :hover {
	background: #CCCCCC;
	text-decoration: none;
	}

#clanpanel .subpanel li p {
padding:6px;
margin:0;
}
#clanpanel .subpanel li a.delete{
	background: url(../images/menu_footer/delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 1px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#clanpanel .subpanel li a.delete:hover { background-position: left bottom;  }
#footpanel  #clanpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}




/*----------------  fin menu horizontal ----------------------------*/

body
{
padding:0px;
margin:0px;
background-color:#ede9e9;
}

body,td,th,p {
	font-family: verdana, Arial, Helvetica ;
	font-size: 12px;
	color: #000000;
}

* {margin: 0; padding: 0; outline: none;}

ul {margin-left: 15px ; }

thead
{
background-color:#BFBCF7;
}


fieldset {
border:1px solid #CCCCCC ;
padding:5px;
}

img {border: none;}
a img {
border-width : 0;
}

a:link, a:visited, a:active {
color:#F5F5F5;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color:#FFFF00;
}

a.admin {color:red; text-decoration: none;}
a.admin:hover {color:#666666; TEXT-DECORATION: none;}

a.membre {color:#0000CC; text-decoration: none;}
a.membre:hover {color:#666666; TEXT-DECORATION: none;}

a.navig_horizontal:hover {color:#FFFF00; TEXT-DECORATION: none;}

div.navigation a {
color:#000000;
}

div#enregistrement a {
color:#000000;
}

/* ----------------------                  menu principal                   ----------------------------*/

a.navig_vertical { TEXT-DECORATION: none;
font-size:16px;
font-weight:600;
/* background:url(../images/le-point-noir.png)top left no-repeat; */
padding-left:20px;
letter-spacing:1px;
}

a.navig_vertical:hover {
 TEXT-DECORATION: none;
font-size:16px;
letter-spacing:1px;
font-weight:900;
padding-left:20px;
}

a.navig_vertical_messagerie:hover {
background:url("../images/menu/mini/messagerie.png") top left no-repeat;
}

a.navig_vertical_votre_clan:hover {
background:url("../images/menu/mini/jeux_favoris.png") top left no-repeat;
}

a.navig_vertical_jeux_favoris:hover {
background:url("../images/menu/mini/favoris_membre.png") top left no-repeat;
}

a.navig_vertical_yeti:hover {
background:url("../images/menu/mini/yeti_baleine.png") top left no-repeat;
}

a.navig_vertical_jeux:hover {
background:url("../images/menu/mini/jeux.png") top left no-repeat;
}

a.navig_vertical_classement:hover {
background:url("../images/menu/mini/classement.png") top left no-repeat;
}

a.navig_vertical_tag:hover {
background:url("../images/menu/mini/tag.png") top left no-repeat;
}

a.navig_vertical_membre:hover {
background:url("../images/menu/mini/membre.png") top left no-repeat;
}

a.navig_vertical_clan:hover {
background:url("../images/menu/mini/jeux_favoris.png") top left no-repeat;
}

a.navig_vertical_forum:hover {
background:url("../images/menu/mini/forum.png") top left no-repeat;
}
a.navig_vertical_faq:hover {
background:url("../images/menu/mini/faq.png") top left no-repeat;
}

a.navig_vertical_contact:hover {
background:url("../images/menu/mini/contact.png") top left no-repeat;
}

a.navig_vertical_cadeaux:hover {
background:url("../images/menu/mini/cadeau.png") top left no-repeat;
}

a.navig_vertical_top:hover {
background:url("../images/menu/mini/favoris_membre.png") top left no-repeat;
}






a.navig_vertical_top_un {
background:url("../images/menu/mini/favoris_membre.png") top left no-repeat;
color:#FFFF00;
}

a.navig_vertical_cadeaux_un {
background:url("../images/menu/mini/cadeau.png") top left no-repeat;
color:#FFFF00;
}

a.navig_vertical_yeti_un {
background:url("../images/menu/mini/yeti_baleine.png") top left no-repeat;
color:#FFFF00;
}

a.navig_vertical_jeux_un {
background:url("../images/menu/mini/jeux.png") top left no-repeat;
color:#FFFF00;
}

a.navig_vertical_classement_un {
background:url("../images/menu/mini/classement.png") top left no-repeat;
color:#FFFF00;
}

a.navig_vertical_tag_un {
background:url("../images/menu/mini/tag.png") top left no-repeat;
color:#FFFF00;
}

a.navig_vertical_membre_un {
background:url("../images/menu/mini/membre.png") top left no-repeat;
color:#FFFF00;
}

a.navig_vertical_clan_un {
background:url("../images/menu/mini/jeux_favoris.png") top left no-repeat;
color:#FFFF00;
}

a.navig_vertical_forum_un {
background:url("../images/menu/mini/forum.png") top left no-repeat;
color:#FFFF00;
}
a.navig_vertical_faq_un {
background:url("../images/menu/mini/faq.png") top left no-repeat;
color:#FFFF00;
}

a.navig_vertical_contact_un {
background:url("../images/menu/mini/contact.png") top left no-repeat;
color:#FFFF00;
}

/* ----------------------                 fin menu principal                   ----------------------------*/


.styleh4 {color: #F5F5F5; text-decoration: none; font-size:16px;	font-weight:bold;}
a.styleh4 { color:#FFFF00 ; text-decoration: none; font-size:16px;	font-weight:bold;}
a.styleh4:hover { TEXT-DECORATION: none; font-size:16px;	font-weight:bold;}
.enorme {color: #F5F5F5; text-decoration: none; font-size:46px;	font-weight:bold;}

a.menu_navig {
font-size:16px;
font-weight:bold;
color:#F5F5F5; 
text-decoration: none;
letter-spacing:2px;
}
a.menu_navig:hover {
font-size:16px;
font-weight:bold;
color:#FFFF00;
text-decoration: none;
letter-spacing:2px;
}


h1 {
	font-size: 22px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	color: #FFFF00;
}

h2 {
	font-size: 18px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	color: #ffffff;
}

h3 {
	font-size: 16px;
	font-weight:bold;
	color: #ffffff;
		margin:0px;
	padding:0px;
}

h4 {
	font-size: 16px;
	font-weight:bold;
	color: #ffffff;
		margin:0px;
	padding:0px;
}

.styleh1 {
	font-size: 22px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	color: #ffffff;
	}
	
.tchat {
font-size:11px;
margin:0;
padding-top:7px;
padding-bottom:7px;
}

div.cadre_tres_large {/* conteneur global et arrière-plan du titre du cadre */
width: 800px;;
background: url(../images/care-contenu-large_01.jpg) top left no-repeat;
padding-top:24px;
}
div.bloccadre_tres_large {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(../images/care-contenu-large_02.jpg) bottom left no-repeat;
padding-left:18px;
padding-right:10px;
padding-bottom: 40px;
}
div.cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 200px;
background: url(../images/col_gauche_01.png) top left no-repeat;
padding-top:10px;
}
div.bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(../images/col_gauche_02.jpg) bottom left no-repeat;
padding-bottom: 40px;
}
div.bloccadre p {
margin: 0px 14px 0 15px;
}
div.bloccadre ul {
margin: 0px 14px 0 30px;
padding:0px;
}
div.bloccadre li {
margin: 0px;
padding:0px;
}
div.bloccadre table {
margin: 0px 14px 0 14px;
padding:0px;
}

div.cadre_contenu {/* conteneur global et arrière-plan du titre du cadre */
width: 519px;
background: url(../images/care-contenu_01.png) top left no-repeat;
padding-top: 27px;
}
div.bloccadre_contenu {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(../images/care-contenu_02.jpg) bottom left no-repeat;
padding-bottom: 40px;
}

div.grande_fenetre {/* conteneur global et arrière-plan du titre du cadre */
width: 519px;
background: url(../images/grande_fenetre_01.png) top left no-repeat;
padding-top: 27px;
}
div.bloccadre_grande_fenetre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(../images/grande_fenetre_02.jpg) bottom left no-repeat;
padding-bottom: 40px;
}

div.cadre_large {/* conteneur global et arrière-plan du titre du cadre */
width: 230px;
background: url(../images/col_gauche_01_large.jpg) top left no-repeat;
padding-top:10px;
}
div.bloccadre_large {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(../images/col_gauche_02_large.jpg) bottom left no-repeat;
padding-bottom: 40px;
}
div.bloccadre_large p {
margin: 0px 0 0 14px;
}
div.bloccadre_large ul {
margin: 0px 14px 0 30px;
padding:0px;
}
div.bloccadre_large li {
margin: 0px;
padding:0px;
}
div.bloccadre_large table {
margin: 0px 14px 0 14px;
padding:0px;
}


.menu {
font-size:14px;
letter-spacing:2px;
font-weight:900;
}

.menu2 {
font-size:14px;
font-weight:500;
}

.keyFiguresBox { width: 220px; margin: 0; padding: 0; overflow: hidden;
}

.large_keyFiguresBox { width: 519px; margin: 0; padding: 0; overflow: hidden;
}

.navigation {
font-size:10px;
margin:auto;
text-align:center;
height:30px;
padding-top:7px;
}
#enregistrement {
text-align:center;
width: 260px; 
height: 260px;
position:absolute;
top:100px; 
left: 40%; 
z-index:50;
visibility:hidden;
background-color: transparent;
background: url(../images/enregistrement.png) top center no-repeat;
}

#jouer_en_grand {
text-align:center;
width: 100%;
height:2000px;
position:absolute;
top:0px;
z-index:50;
visibility:hidden;
background-color:#666666;
opacity:0.6;
}

#jouer_en_grand2 {
text-align:center;
width: 100%;
height:2000px;
position:absolute;
top:150px;
z-index:100;
visibility:hidden;
background-color:transparent;
}

.cadre_jeu2 {
 background: url(../images/carre.jpg) top center no-repeat;;
 width:120px;
 }
 .boxjeu {
 width:100px;
 padding-top:9px;
 padding-left:3px;
 padding-bottom:5px;
 }

#smileys {
height:233px;
width:110px;
overflow:auto;
border: 1px solid  #EFEFEF;
}

.rouge {
color:#000000;
font-weight:bold;
}

.vert {
color:#CCCCCC;
}

/*---------------------Mise en page----------------------------------*/
#outer{
	width:1000px;
	background:url(../images/fond.jpg) top left no-repeat;
	margin:auto;
	margin-top:10px;
}

#pour_le_footer{
	width:1000px;
	background:url(../images/fond.jpg) bottom left no-repeat;
	padding-top:0px;
	padding-bottom:50px;
}

/*----- non utilisé -------*/
#lecontenu {
	background:url('../images/barre_fond_contenu.jpg') ;
	background-repeat: repeat;
	}

#outer_wrapper{
	height:100%;
	width:1000px;
	/* background:url('../images/barre_fond_contenu.jpg') ; */
	/* background-repeat: repeat-y; */
		background:url('../images/barre_fond_contenu.jpg') ;
	background-repeat: repeat;
	overflow:hidden;
}

#header {
	width:980px;
	height:160px;
	text-align:left;
	/*background:url('../images/design_002-bis_01.jpg') ;   */
	background-repeat:no-repeat;
	/*  margin-left:110px; */
	margin-left:10px;
}

#header_1 {
	height:150px;
}

#header_menu {
	height:45px;
	padding-left:7px;
}

#header_nav {
	padding-top:12px;
	padding-left:10px;
	padding-right:10px;
}

#lefter {
/*margin-left:110px; */
	height:100%;
	/* padding-left:110px;  */
	width:206px;	
	float:left;
	/*background:url(../images/design_002-bis_02.jpg) top left repeat;*/
	background-color:transparent ;
	margin-left:10px;
}

#content {
	background-color:transparent ;
	height:100%;
	float:left;
	width:537px;
}

#righter{
	float:left;
	height:100%;
	width:237px;
	/*background:url(../images/design_002-bis_04.jpg) top left repeat;*/
	background-color:transparent ;
}

.marge{
padding:5px;
}

#footer{
	clear:both;
	width:980px;
	height:135px;
	/* inutile background:url(../images/design_002-bis_05.jpg); */
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*---------------------        Menu    ----------------------------------*/
#header_menu ul{
  margin:0px;
  padding:0px;
  padding-top:11px;
  font-size:16px;
}

#header_menu li{
  list-style-type:none;
  float:left;
  margin:0;
  padding:0px 0px 0px 0px;
  width:138px;
  text-align:center
}

#header_menu li a, #header_menu li span {
	margin:0px 0px 0px 0px;
    padding:0;
	text-decoration:none;
	background-color:transparent;
	font-weight:bold;
}

#header_menu li a:hover, #header_menu li a:focus, #header_menu li span:hover, #header_menu li span:focus, #header_menu li.encourt a {
	background-color:transparent;
	text-decoration:none;
	  font-weight:bold;
}

/*---------------------        Cadre qui entoure les jeux    ----------------------------------*/
.cadre_arrondi {background: transparent; width:99%;}
.cadre_arrondi .topi, .cadre_arrondi .bottomi {display:block; background:transparent; font-size:1px;}
.cadre_arrondi .b1, .cadre_arrondi .b2, .cadre_arrondi .b3, .cadre_arrondi .b4, .cadre_arrondi .b1b, .cadre_arrondi .b2b, .cadre_arrondi .b3b, .cadre_arrondi .b4b {display:block; overflow:hidden;}
.cadre_arrondi .b1, .cadre_arrondi .b2, .cadre_arrondi .b3, .cadre_arrondi .b1b, .cadre_arrondi .b2b, .cadre_arrondi .b3b {height:1px;}
.cadre_arrondi .b2 {background:transparent; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF;}
.cadre_arrondi .b3 {background:transparent; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF;}
.cadre_arrondi .b4 {background:transparent; border-left:1px solid #EFEFEF; border-right:1px solid #EFEFEF;}
.cadre_arrondi .b4b {background:transparent; border-left:1px solid #EFEFEF; border-right:1px solid #ffffff;}
.cadre_arrondi .b3b {background:transparent; border-left:1px solid #EFEFEF; border-right:1px solid #ffffff;}
.cadre_arrondi .b2b {background:transparent; border-left:1px solid #EFEFEF; border-right:1px solid #ffffff;}

.cadre_arrondi .b1 {margin:0 5px; background:#EFEFEF;}
.cadre_arrondi .b2, .cadre_arrondi .b2b {margin:0 3px; border-width:0 2px;}
.cadre_arrondi .b3, .cadre_arrondi .b3b {margin:0 2px;}
.cadre_arrondi .b4, .cadre_arrondi .b4b {height:2px; margin:0 1px;}
.cadre_arrondi .b1b {margin:0 5px; background:transparent;}

.cadre_arrondi .cadre_arr {display:block; background:transparent; border-left:1px solid #EFEFEF; padding-left:5px; }


/*---------------------        Info bulle les jeux    ----------------------------------*/
#jHelperTipAttrContainer{ 
 background:#FFFFFF;border:1px solid #CCCCCC; color:#333; display:none; width:180px; z-index:1900; padding:5px;
}

.jHelperTipContainer {
 display:none;
} 
/*---------------------        fin Info bulle les jeux    ----------------------------------*/


/* -------------------------------------  Tags  ---------------------------------------------------*/ 
.tag_1 { font-size:36px; }
.tag_2 { font-size:34px; }
.tag_3 { font-size:30px; }
.tag_4 { font-size:27px; }
.tag_5 { font-size:25px; }
.tag_6 { font-size:23px; }
.tag_7 { font-size:22px; }
.tag_8 { font-size:20px; }
.tag_9 { font-size:19px; }
.tag_10 { font-size:17px; }
.tag_11 { font-size:16px; }
.tag_12 { font-size:15px; }
.tag_13 { font-size:14px; }
.tag_14 { font-size:13px; }
.tag_15 { font-size:12px; }
.tag_16 { font-size:11px; }
.tag_17 { font-size:10px; }
.tag_18 { font-size:9px; }
.tag_19 { font-size:8px; }
.tag_20 { font-size:7px; }

/* -------------------------------------  fin Tags  ---------------------------------------------------*/ 


/* ---------------------------- message alerte -----------------------------------------------------*/

.message, .warning, .error, .globalmessage{padding:5px 30px;margin:4px 0;}
.message, .globalmessage{background:#554BE8 url(../images/icon_message.gif) no-repeat 10px 5px;border:2px solid #FFFF00;}
.message em, .globalmessage em{color:#009900;font-weight:bold;font-style:normal; }

/* -------------------------------------------------------------------------------------------------------*/



/* ---------------------------- rating.css -----------------------------------------------------*/

/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	margin-bottom:5px;
	float:left;
	 margin-left:15px;
	}
	
.loading {
	height: 20px;
	background: url('../images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 20px;
	position: relative;
	background: url('../images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:20px;}
.unit-rating a.r2-unit{left:20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}	
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}
.unit-rating a.r6-unit{left: 100px;}
.unit-rating a.r6-unit:hover{width: 120px;}
.unit-rating a.r7-unit{left: 120px;}
.unit-rating a.r7-unit:hover{width: 140px;}
.unit-rating a.r8-unit{left: 140px;}
.unit-rating a.r8-unit:hover{width: 160px;}
.unit-rating a.r9-unit{left: 160px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('../images/starrating.gif') left bottom;
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;
padding:0px;
margin:0px;
}

.thanks {color:#36AA3D;}
.static {color:#5D3126;}		
/* ---------------------------- fin rating.css -----------------------------------------------------*/


/* ---------------------------- bouton magique -----------------------------------------------------*/

		.button{background:#222 url(../images/overlay-button.png) repeat-x 0 0;display:inline-block;padding:5px 15px 6px;color:#fff !important;font-size:13px;font-weight:bold;line-height:1;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;overflow:visible;width:auto}button::-moz-focus-inner{border:0;padding:0}.button:hover{background-color:#111;color:#fff}.button:active{top:1px}.small.button{font-size:11px}.large.button{font-size:14px;padding:8px 19px 9px}.green.button{background-color:#91bd09}.green.button:hover{background-color:#749a02}.blue.button{background-color:#2daebf}.blue.button:hover{background-color:#007d9a}.red.button{background-color:#e33100}.red.button:hover{background-color:#872300}.magenta.button{background-color:#a9014b}.magenta.button:hover{background-color:#630030}.orange.button{background-color:#ff5c00}.orange.button:hover{background-color:#d45500}.orangellow.button{background-color:#ffb515}.orangellow.button:hover{background-color:#fc9200}.white.button{background-color:#fff;border:1px solid #ccc;color:#666 !important;font-weight:normal;text-shadow:0 1px 1px rgba(255,255,255,1)}.white.button:hover{background-color:#eee}.secondary.button{background:#fff url(../images/gradients/36px-black.png) repeat-x 0 0;color:#555 !important;text-shadow:0 1px 1px rgba(255,255,255,0.5);border:1px solid #bbb;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1)}.secondary.button:hover{background-color:#eee;color:#444 !important;border-color:#999}.super.button{background-image:url(../images/super-button-overlay.png);font-size:13px;padding:0;border:1px solid rgba(0,0,0,.25);-webkit-border-radius:15px;-moz-border-radius:15px}.super.button span{display:block;padding:4px 15px 6px;-webkit-border-radius:14px;-moz-border-radius:14px;border-top:1px solid rgba(255,255,255,.2);line-height:1}.small.super.button{font-size:11px;-webkit-border-radius:12px;-moz-border-radius:12px}.small.super.button span{padding:2px 12px 6px;-webkit-border-radius:11px;-moz-border-radius:11px}.small.white.super.button span{padding:3px 12px 5px}.large.super.button{background-position:left bottom;-webkit-border-radius:18px;-moz-border-radius:18px}.large.super.button span{font-size:14px;padding:7px 20px 9px;-webkit-border-radius:17px;-moz-border-radius:17px}


		@-webkit-keyframes bigAssButtonPulse {
		  from { background-color: #749a02; -webkit-box-shadow: 0 0 25px #333; }
		  50% { background-color: #91bd09; -webkit-box-shadow: 0 0 50px #91bd09; }
		  to { background-color: #749a02; -webkit-box-shadow: 0 0 25px #333; }
		}

		@-webkit-keyframes greenPulse {
		  from { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
		  50% { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; }
		  to { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
		}

		@-webkit-keyframes bluePulse {
		  from { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #333; }
		  50% { background-color: #2daebf; -webkit-box-shadow: 0 0 18px #2daebf; }
		  to { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #333; }
		}

		@-webkit-keyframes redPulse {
		  from { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
		  50% { background-color: #e33100; -webkit-box-shadow: 0 0 18px #e33100; }
		  to { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
		}

		@-webkit-keyframes magentaPulse {
		  from { background-color: #630030; -webkit-box-shadow: 0 0 9px #333; }
		  50% { background-color: #a9014b; -webkit-box-shadow: 0 0 18px #a9014b; }
		  to { background-color: #630030; -webkit-box-shadow: 0 0 9px #333; }
		}

		@-webkit-keyframes orangePulse {
		  from { background-color: #d45500; -webkit-box-shadow: 0 0 9px #333; }
		  50% { background-color: #ff5c00; -webkit-box-shadow: 0 0 18px #ff5c00; }
		  to { background-color: #d45500; -webkit-box-shadow: 0 0 9px #333; }
		}

		@-webkit-keyframes orangellowPulse {
		  from { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
		  50% { background-color: #ffb515; -webkit-box-shadow: 0 0 18px #ffb515; }
		  to { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
		}

		a.button {
			-webkit-animation-duration: 2s;
			-webkit-animation-iteration-count: infinite; 
		}

		
		.green.button { -webkit-animation-name: greenPulse; -webkit-animation-duration: 3s; }
		.blue.button { -webkit-animation-name: bluePulse; -webkit-animation-duration: 4s; }
		.red.button { -webkit-animation-name: redPulse; -webkit-animation-duration: 1s; }
		.magenta.button { -webkit-animation-name: magentaPulse; -webkit-animation-duration: 2s; }
		.orange.button { -webkit-animation-name: orangePulse; -webkit-animation-duration: 3s; }
		.orangellow.button { -webkit-animation-name: orangellowPulse; -webkit-animation-duration: 5s; }
/* ---------------------------- fin bouton magique -----------------------------------------------------*/