body { font-family: Verdana,Arial,sans-serif; font-size: 12px; background-color: #ffffff; }

#leftblock {
    background-color: #0080c0; margin: 5px; 
}

#soceprablock {
    margin-bottom: 0.5em; text-align: center; padding: 10px 0 10px 0; 
}

#userblock {
    margin-bottom: 0.5em; padding: 10px 5px 10px 5px;
}

#usertoolbar {
    margin-bottom: 0.5em; padding: 10px 5px 10px 0px; overflow: hidden;  white-space: nowrap;
}
#usertoolbar a {
    margin: 0 5px 0 5px; 
}
#usertoolbar span.usertoolbar-spacing {
    margin-right: 72px;
}

#menublock {
    z-index: 10; position: absolute; width: 190px;
}

#menublock > ul > li > ul > li {
    white-space: nowrap;
}

#content {
    background-color: #ffffff; margin: 5px;
}

#content div.ui-tabs {
    font-size: 12px;
}


body, ul, td, th, p, h1, h2, h3, h4, input, textarea, select {
  font-family: Verdana,Arial,sans-serif;
}

img { border-style: none; }

a:link { color: #000000; }
a:visited { color: #000000; }
a:active { color: #000000; }
a:hover { color: #000000; text-decoration:none; }


/*
 * Extension de Jquery UI
 */
.ui-state-warning, .ui-widget-content .ui-state-warning, .ui-widget-header .ui-state-warning {border: 1px solid #0a0acd; background: #ffffdd 50% 50% repeat-x; color: #0a0acd; }
.ui-state-warning a, .ui-widget-content .ui-state-warning a, .ui-widget-header .ui-state-warning a { color: #0a0acd; }
.ui-state-warning .ui-icon, .ui-state-warning-text .ui-icon {background-image: url(../images/icons/error.png); background-position: 0 0; }


/*
 * Filtre generique
 */
 .socepra-filter-de:hover { background-color: #d0d0d0; }


/*
 * Global (dont extensions de Jquery UI)
 */
.socepra-container { }
.socepra-block-center { margin: 0.1em auto 0.1em auto; }
.socepra-block-half { width: 50%; }
.socepra-block-medium { width: 480px; }
.socepra-block-left { display: block; float: left; }

.socepra-icon-button-container { padding: 2px 0 2px 0; margin: 0; } /* en complement de ui-state-default, ui-corner-all */
.socepra-icon-button { margin: 0; cursor: pointer; }
.socepra-icon-button-container .ui-button .ui-button-text, .socepra-icon-button-container .ui-button .ui-button-text-only { line-height: 1em; }
.socepra-icon-button-container .ui-button-text-only, .socepra-icon-button-container .ui-button-text { padding: 0px 0.4em 2px 0.4em; }


/*
 * Formulaires
 */
h1.socepra-form-label { font-size: 0.75em; color: #000000; margin: 0.2em 0.2em 0 0.2em; padding: 0.1em 0.2em 0.1em 0.2em; }
p.socepra-form-errors { margin: 0 0 0.5em 0.5em; padding: 0; font-size: 0.75em; color: #FF4030; }
p.socepra-form-infos { margin: 0 0 0.5em 0.5em; padding: 0; font-size: 0.75em; color: #000000; }
p.socepra-form-hints { margin: 0.5em 0 0.5em 0.5em; padding: 0; font-size: 0.75em; color: #808080; text-align: justify; font-style: italic; }

/*
 * Formulaires ZF1
 */
form.socepra-input-form dt { width: 200px; float: left; clear: both; font-size: 0.75em; margin: 0; padding: 0; border-bottom: 1px dotted #e0e0f0; }
form.socepra-input-form dt label { margin: 0.1em 0 0.1em 0; padding: 0.4em 0.5em 0 0.5em; }
form.socepra-input-form dd { font-size: 0.75em; margin: 0 0 0.8em 200px; padding: 0; }
form.socepra-input-form dd ul.errors { display: block; padding: 0 0 0 0; margin: 0 0 0.2em 0; }
form.socepra-input-form dd ul.errors li { list-style-type: none; color: #A02020; display: block; margin: 0 0 0.2em 0; padding: 0; }
form.socepra-input-form input.field, form.socepra-input-form textarea.field { border: 1px solid #cccccc; margin: 0; padding: 1px; background-color: #eeeeee; }
form.socepra-input-form input.tiny { width: 60px; }
form.socepra-input-form input.small, form.socepra-input-form textarea.small { width: 120px; }
form.socepra-input-form input.medium, form.socepra-input-form textarea.medium { width: 240px; }
form.socepra-input-form input.large, form.socepra-input-form textarea.large { width: 480px; }
form.socepra-input-form select.field { border: 1px solid #cccccc; margin: 0; padding: 1px; background-color: #eeeeee; }
form.socepra-input-form select.tiny { width: 64px; }
form.socepra-input-form select.small { width: 124px; }
form.socepra-input-form select.medium { width: 244px; }
form.socepra-input-form select.large { width: 484px; }
form.socepra-input-form dd div.chzn-container-multi { border: 1px solid #cccccc; }
form.socepra-input-form textarea.field { resize: none; height: 4em; }
form.socepra-input-form input.readonly { background-color: #eeeeff; color: #666688; border: 1px solid #ddddff; }
form.socepra-input-form #captcha-element pre { color: #303030; font-size: 0.8em; }
.socepra-form-top-links { font-size: 11px; }

/*
 * Formulaires (2015 / HTML5 / ZF2)
 */
div.form-row { padding-left: 140px; margin: 0 0 0.2em 0; }
div.form-row-buttons { margin-top: 0.5em; }
div.sep-down { border-bottom: 1px dotted #f0f0f0; }
div.form-row label.form-row-label { display: block; width: 130px; position: relative; top: 1.2em; left: -130px; }
div.form-row ul { width: 100%; position: relative; top: 0; left: -130px; color: #600000; }
div.form-row ul li { list-style-type: none; text-align: left; margin: 0; padding: 0; }

/*
 * Toolbar sous les filtres
 */
div.socepra-tools-under-filter { font-size: 11px; background: url("../images/backgrounds/bottom_border_mediumgray.png") repeat-x scroll left bottom #eeeeee; padding: 1px 0 1px 0; }
div.socepra-tools-under-filter .blockLeft { display: block; float: left; margin: 0; padding: 0; }
div.socepra-tools-under-filter .blockRight { display: block; float: right; margin: 0; padding: 0; }

/*
 * Grilles
 */
div.socepra-jqgrid-container { padding: 0; margin: 10px; }
.ui-jqgrid tr.jqgrow td { height: 20px; }
.ui-jqgrid tr.jqgrow td input.editable { max-height: 14px; }
.socepra-ui-icon-form { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; width: 16px; height: 16px; background-image: url(../images/icons/application_form_edit.png); background-position: 0 0; }

.ui-jqgrid .webkit tr.jqgrow td { height: 19px; } /* chrome */


/*
 * Import Mercer
 */
#prestations_import_mercer .vakata-context li > a { font-size: 0.8em; }
#prestations_import_mercer .fm-queue-item { margin: 0 5px 5px 5px; border: 1px solid #808080; background-color: #ffffff; }
#prestations_import_mercer .fm-queue-item-filename { }
#prestations_import_mercer .fm-queue-item-form { display: none; }
#prestations_import_mercer .fm-queue-item-error { color: #ff8080; }