@font-face { font-family: 'HelveticaNeue'; src: url('/fonts/HelveticaNeue.eot'); src: url('/fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), url('/fonts/HelveticaNeue.ttf') format('truetype'); font-weight: normal; font-style: normal }
@font-face { font-family: 'Oswald'; src: url('/fonts/OswaldRegular.eot'); src: url('/fonts/OswaldRegular.eot?#iefix') format('embedded-opentype'), url('/fonts/OswaldRegular.ttf') format('truetype'); font-weight: normal; font-style: normal }
@font-face { font-family: 'OswaldBold'; src: url('/fonts/OswaldBold.eot'); src: url('/fonts/OswaldBold.eot?#iefix') format('embedded-opentype'), url('/fonts/OswaldBold.ttf') format('truetype'); font-weight: normal; font-style: normal }

* { color: #333; font-size: 13px; font-family: 'Helvetica'; font-weight: normal; margin: 0; padding: 0 }
html,
body { padding: 0; margin: 0; text-align: left; background: url('../medias_templates/bg.png') repeat }


a { color: #1e3e99; outline: none; -moz-outline-style: none; text-decoration: underline }
a:focus,
a:hover { color: #5f88ff }

a.tooltip { color: #333; text-decoration: none; cursor: help }


.clear { display: block; clear: both }

.error,
.required { color: #e81f1f }
.fields_required { font-style: italic; margin-bottom: 20px }
.success { color: green }
.center { text-align: center }
.right { text-align: right }
.bold { font-weight: bold }
.annote { font-style: italic }
.hidden { display: none }
.ico_status_ok { display: block; margin: 0 auto; width: 18px; height: 18px; background: url('../medias_templates/ico_status_ok.png') no-repeat 0 0 }
.ico_status_nok { display: block; margin: 0 auto; width: 18px; height: 17px; background: url('../medias_templates/ico_status_nok.png') no-repeat 0 0 }
.status_off { display: block; width: 5px; height: 18px; background: #a4a4a4 }
.status_ok { display: block; width: 5px; height: 18px; background: #97ca1e }
.status_nok { display: block; width: 5px; height: 18px; background: #cd3323 }
.ok { color: #88b41e }
.nok { color: #cd3323 }

p.empty { clear: both; text-align: center; margin: 40px 0 0 }


.mask { position: relative; z-index: 99; clear: both; background: url('../medias_templates/mask.png') no-repeat 0 0; width: 402px; height: 69px }

input.error,
textarea.error,
select.error,
button.ui-multiselect.error { border: 1px solid #e81f1f !important; }


input.text,
textarea { padding: 1px 3px; border: 1px solid #B5B5B5; border-radius: 3px; box-shadow: #E2E2E2 0px 2px 3px }

button.select_ui { }
button.select_ui.ui-state-hover { }
.ui-multiselect span { width: 165px; display: block }
.ui-multiselect span.ui-icon {  width: 16px; display: inline }
.ui-multiselect-menu .ui-multiselect-header .ui-helper-reset a.ui-multiselect-all { display: none }
.select_ui .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { border: 0; background-color: #F5F4F3 }
.select_ui .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a,
.select_ui .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a:hover { color: #222222; cursor: default }
.select_ui .ui-multiselect-checkboxes li label,
.select_ui .ui-multiselect-checkboxes li label.ui-state-hover,
.select_ui .ui-multiselect-checkboxes li label.ui-state-active { border: 0 !important; border-radius: 0 !important; }
.select_ui .ui-multiselect-header { border-color: #C9C9C9; border-radius: 0 !important; background: #E9E9E9 }
.select_ui .ui-multiselect-filter input { border-color: #B9B9B9; width: 120px }
.select_ui .ui-multiselect-checkboxes label input { top: 0; margin-right: 7px }
.ui-multiselect-header ul li { padding: 0 5px 0 0 }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { font-weight: normal }
.ui-selectmenu-menu .ui-selectmenu-item-header { font-size: 1.1em; border-top: 1px solid #EEE; padding-top: 10px; padding-bottom: 5px }
.ui-selectmenu-menu .ui-selectmenu-item-content {  }
.ui-selectmenu-menu .ui-selectmenu-item-footer { color: #999; font-style: italic }

fieldset { border: 0 }

h1 { font-size: 22px; font-family: 'Oswald'; font-weight: normal; margin-bottom: 15px }
h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px }
h3 { font-size: 16px; font-weight: normal; margin-bottom: 5px; color: #999 }


a.link_cancel { display: block; margin: 0 auto }

.button { height: 31px; margin: 0; cursor: pointer; border: 0; background: none; text-decoration: none }
button.button { margin-top: -1px }
.button span.left,
.button span.right { display: block; float: left; width: 4px; height: 30px }
.button span.text { display: block; float: left; height: 23px; padding: 7px 5px 0 }
.button span.text,
.button span.text span { color: #FFF; font-family: 'Oswald'; font-weight: normal; font-size: 14px; letter-spacing: 0.1ex; text-transform: uppercase }

.button span.text span.left_arrow { width: 14px; height: 14px; padding-left: 25px; background: url('../medias_templates/ico_circle_arrow_white_left.png') no-repeat 0 0 }
.button span.text span.right_arrow { width: 14px; height: 14px; padding-left: 25px; background: url('../medias_templates/ico_circle_arrow_white_right.png') no-repeat 0 0 }
.button span.text span.cross_arrow { width: 14px; height: 14px; padding-left: 25px; background: url('../medias_templates/ico_circle_cross_white.png') no-repeat 0 0 }

.button_default span.left { background: url('../medias_templates/sprite_btn_red.png') no-repeat 0 0 }
.button_default span.text { background: url('../medias_templates/sprite_btn_red.png') no-repeat center 0 }
.button_default span.right { background: url('../medias_templates/sprite_btn_red.png') no-repeat right 0 }

.button_alternate span.left { background: url('../medias_templates/sprite_btn_grey.png') no-repeat 0 0 }
.button_alternate span.text { background: url('../medias_templates/sprite_btn_grey.png') repeat-x center 0 }
.button_alternate span.right { background: url('../medias_templates/sprite_btn_grey.png') no-repeat right 0 }

.button_alternate_small { height: 25px }
.button_alternate_small span.left,
.button_alternate_small span.right { height: 24px }
.button_alternate_small span.text { height: 18px; padding: 6px 5px 0 }
.button_alternate_small span.text,
.button_alternate_small span.text span { color: #6C6C6C; font-family: 'Helvetica'; font-size: 11px; letter-spacing: 0ex; text-transform: none }
.button_alternate_small span.left { background: url('../medias_templates/sprite_btn_grey_small.png') no-repeat 0 0 }
.button_alternate_small span.text { background: url('../medias_templates/sprite_btn_grey_small.png') repeat-x center 0 }
.button_alternate_small span.right { background: url('../medias_templates/sprite_btn_grey_small.png') no-repeat right 0 }

/* Tables */
table { width: 100%; border-collapse: collapse; border-bottom: 1px solid #D4D4D4 }
table thead tr th { padding: 0 10px 0; text-align: left; height: 38px; background: url('../medias_templates/bg_table_head_cells.png') repeat-x 0 0; border: 1px solid #D5D4D4 }
table thead tr.sub_row th { background: url('../medias_templates/bg_table_head_cells.png') repeat-x 0 bottom }
table thead tr.sub_row th { height: 25px }
table thead tr th,
table thead tr th span,
table thead tr th a { font-weight: bold; color: #fff !important; }
table thead tr th a { text-decoration: none }
table thead tr th a .picto_sort,
table thead tr th a .picto_sort_asc,
table thead tr th a .picto_sort_desc { display: block; float: right; margin: 0 5px; width: 10px; height: 19px }
table thead tr th a .picto_sort { background: url('../medias_templates/sprite_ico_action_sort_cols.png') no-repeat 0 0 }
table thead tr th a .picto_sort_asc { background: url('../medias_templates/sprite_ico_action_sort_cols.png') no-repeat -34px 0 }
table thead tr th a .picto_sort_desc { background: url('../medias_templates/sprite_ico_action_sort_cols.png') no-repeat -17px 0 }
table thead tr th a .picto_sort span,
table thead tr th a .picto_sort_asc span,
table thead tr th a .picto_sort_desc span { display: none }

table tbody tr.even td { background-color: #F7F7F7 }
table tbody tr.odd td { background-color: #FFF }
table tbody tr.status td { width: 10px }
table tbody tr.dimmed td,
table tbody tr.dimmed td a,
table tbody tr.dimmed td span { color: #CCC }
table tbody tr td { padding: 10px; border-color: #D4D4D4; border-style: solid; border-width: 0 1px }
table tbody tr.bold td,
table tbody tr.bold td a,
table tbody tr.bold td span { font-weight: bold }
table tbody tr td.view a,
table tbody tr td.remove a,
table tbody tr td.hide a,
table tbody tr td.update a { display: block; width: 100%; text-decoration: none; padding-top: 1px; height: 15px }
table tbody tr td.remove a { height: 16px }
table tbody tr td.view a { padding-left: 25px; background: url('../medias_templates/ico_action_view.png') no-repeat 0 0 }
table tbody tr td.remove a { padding-left: 25px; background: url('../medias_templates/ico_action_remove.png') no-repeat 0 0 }
table tbody tr td.hide a { padding-left: 25px; background: url('../medias_templates/ico_action_hide.png') no-repeat 0 0 }
table tbody tr td.update a { padding-left: 30px; background: url('../medias_templates/ico_action_update.png') no-repeat 0 -2px }
table tbody tr td.remove,
table tbody tr td.update { width: 72px }
table tbody tr td.view,
table tbody tr td.valid,
table tbody tr td.update { border-right: none }
table tbody tr td.last { border-right: 1px solid #D4D4D4 }
table tbody tr td.cancel,
table tbody tr td.hide,
table tbody tr td.remove { border-left: none }
table tbody tr td.view a span,
table tbody tr td.hide a span,
table tbody tr td.remove a span,
table tbody tr td.update a span { color: #BCBCBC; font-style: italic}

a.link_add { float: right; margin-top: -25px; margin-right: 2px; text-decoration: none; height: 18px; padding-left: 25px; background: url('../medias_templates/ico_action_add.png') no-repeat 0 0 }
a.link_add span { font-weight: bold; border-bottom: 1px solid #000 }

form p { float: left; clear: both; width: 100%; margin: 5px 0 }
form p label,
form p span.label { float: left; width: 100px; margin-top: 6px; margin-right: 15px }
form p input.text { height: 20px }

.entete {  }
.entete ul { list-style-type: none }
.entete ul li { float: left; height: 30px; margin-right: 2px; padding: 5px 45px 0; background-color: #FFF; border: 1px solid #D4D4D4; border-bottom: 0 }
.entete ul li span,
.entete ul li a { display: block; margin-top: 5px; color: #BCBCBC; text-align: center }
.entete ul li a { text-decoration: none }
.entete ul li a:hover {  }
.entete ul li.current { background-color: #E4E4E4 }
.entete ul li.current a,
.entete ul li.current a:hover { color: #666; cursor: default }

.list_with_form { clear: both }

.pagination { border-top: 12px solid #D4D4D4 }
.pagination ul { float: right; list-style-type: none }
.pagination ul li { float: left; height: 30px; width: 40px; margin-left: 2px; padding: 5px 0 0; background-color: #FFF; border: 1px solid #D4D4D4; border-top: 0 }
.pagination ul li span,
.pagination ul li a { display: block; margin-top: 5px; color: #BCBCBC; text-align: center }
.pagination ul li a { text-decoration: none }
.pagination ul li a:hover {  }
.pagination ul li.delta { border: 0 }
.pagination ul li.current { background-color: #D4D4D4 }
.pagination ul li.current span { color: #444 }


#all {  }

#mainWrapper { padding: 0 0 15px; background: url('../medias_templates/bg_body.png') repeat-y center top }

#top { height: 188px; background: url('../medias_templates/bg_header.png') repeat-x left bottom }
#topWrapper { width: 970px; margin: 0 auto }
#top #logo { float: left; margin-top: 5px; width: 250px; height: 90px; background: url('../medias_templates/logo_webapp_coresta.png') no-repeat 0 0 }
#top #logo span { display: none }

ul#nav { float: right; width: 617px; margin-top: 28px; list-style-type: none }
ul#nav.access_level_admin { width: 720px; margin-top: 9px }
ul#nav.access_level_lab { width: 500px; margin-top: 9px }
ul#nav.access_level_report { width: 497px; margin-top: 9px }
ul#nav li { margin: 0 18px; background: #FFF }
ul#nav li a { float: left; text-decoration: none; margin-left: 40px }
ul#nav li a span { display: block }
ul#nav li a span.label { font-family: 'Oswald'; font-weight: normal; font-size: 15px; text-align: center }
ul#nav li a span.ico { width: 73px; height: 73px }

/* ico nav admin */
ul#nav.access_level_admin li a#nav_account span.ico { background: url('../medias_templates/sprite_ico_nav_serie1.png') no-repeat 0 0 }
ul#nav.access_level_admin li.current a#nav_account span.ico,
ul#nav.access_level_admin li a#nav_account:hover span.ico { background: url('../medias_templates/sprite_ico_nav_serie1.png') no-repeat 0 -111px }

ul#nav.access_level_admin li a#nav_references span.ico { background: url('../medias_templates/sprite_ico_nav_serie1.png') no-repeat -112px 0 }
ul#nav.access_level_admin li.current a#nav_references span.ico,
ul#nav.access_level_admin li a#nav_references:hover span.ico { background: url('../medias_templates/sprite_ico_nav_serie1.png') no-repeat -112px -111px }

ul#nav.access_level_admin li a#nav_lab_results span.ico { background: url('../medias_templates/sprite_ico_nav_serie1.png') no-repeat -223px 0 }
ul#nav.access_level_admin li.current a#nav_lab_results span.ico,
ul#nav.access_level_admin li a#nav_lab_results:hover span.ico { background: url('../medias_templates/sprite_ico_nav_serie1.png') no-repeat -223px -111px }

ul#nav.access_level_admin li a#nav_import span.ico { background: url('../medias_templates/sprite_ico_nav_serie1.png') no-repeat -334px 0 }
ul#nav.access_level_admin li.current a#nav_import span.ico,
ul#nav.access_level_admin li a#nav_import:hover span.ico { background: url('../medias_templates/sprite_ico_nav_serie1.png') no-repeat -334px -111px }

ul#nav.access_level_admin li a#nav_reference_documents span.ico { background: url('../medias_templates/sprite_ico_nav_serie1.png') no-repeat -555px 0 }
ul#nav.access_level_admin li.current a#nav_reference_documents span.ico,
ul#nav.access_level_admin li a#nav_reference_documents:hover span.ico { background: url('../medias_templates/sprite_ico_nav_serie1.png') no-repeat -555px -111px }

ul#nav.access_level_admin li a#nav_report span.ico { background: url('../medias_templates/sprite_ico_nav_serie1.png') no-repeat -445px 0 }
ul#nav.access_level_admin li.current a#nav_report span.ico,
ul#nav.access_level_admin li a#nav_report:hover span.ico { background: url('../medias_templates/sprite_ico_nav_serie1.png') no-repeat -445px -111px }

ul#nav.access_level_admin li a#nav_account,
ul#nav.access_level_admin li a#nav_references,
ul#nav.access_level_admin li a#nav_lab_results,
ul#nav.access_level_admin li a#nav_import,
ul#nav.access_level_admin li a#nav_report { margin-top: 19px }
/* */

/* ico nav lab */
ul#nav.access_level_lab li a#nav_last_uploads span.ico { background: url('../medias_templates/sprite_ico_nav_serie2.png') no-repeat 0 0 }
ul#nav.access_level_lab li.current a#nav_last_uploads span.ico,
ul#nav.access_level_lab li a#nav_last_uploads:hover span.ico { background: url('../medias_templates/sprite_ico_nav_serie2.png') no-repeat 0 -111px }

ul#nav.access_level_lab li a#nav_import span.ico { background: url('../medias_templates/sprite_ico_nav_serie2.png') no-repeat -112px 0 }
ul#nav.access_level_lab li.current a#nav_import span.ico,
ul#nav.access_level_lab li a#nav_import:hover span.ico { background: url('../medias_templates/sprite_ico_nav_serie2.png') no-repeat -112px -111px }

ul#nav.access_level_lab li a#nav_references span.ico { background: url('../medias_templates/sprite_ico_nav_serie2.png') no-repeat -223px 0 }
ul#nav.access_level_lab li.current a#nav_references span.ico,
ul#nav.access_level_lab li a#nav_references:hover span.ico { background: url('../medias_templates/sprite_ico_nav_serie2.png') no-repeat -223px -111px }

ul#nav.access_level_lab li a#nav_contact span.ico { background: url('../medias_templates/sprite_ico_nav_serie2.png') no-repeat -334px 0 }
ul#nav.access_level_lab li.current a#nav_contact span.ico,
ul#nav.access_level_lab li a#nav_contact:hover span.ico { background: url('../medias_templates/sprite_ico_nav_serie2.png') no-repeat -334px -111px }
/* */

/* ico nav report */
ul#nav.access_level_report li a#nav_lab_results { margin-top: 19px }
ul#nav.access_level_report li a#nav_lab_results span.ico { background: url('../medias_templates/sprite_ico_nav_serie3.png') no-repeat 0 0 }
ul#nav.access_level_report li.current a#nav_lab_results span.ico,
ul#nav.access_level_report li a#nav_lab_results:hover span.ico { background: url('../medias_templates/sprite_ico_nav_serie3.png') no-repeat 0 -111px }

ul#nav.access_level_report li a#nav_report { margin-top: 19px }
ul#nav.access_level_report li a#nav_report span.ico { background: url('../medias_templates/sprite_ico_nav_serie3.png') no-repeat -112px 0 }
ul#nav.access_level_report li.current a#nav_report span.ico,
ul#nav.access_level_report li a#nav_report:hover span.ico { background: url('../medias_templates/sprite_ico_nav_serie3.png') no-repeat -112px -111px }

ul#nav.access_level_report li a#nav_reference_documents span.ico { background: url('../medias_templates/sprite_ico_nav_serie3.png') no-repeat -333px 0 }
ul#nav.access_level_report li.current a#nav_reference_documents span.ico,
ul#nav.access_level_report li a#nav_reference_documents:hover span.ico { background: url('../medias_templates/sprite_ico_nav_serie3.png') no-repeat -333px -111px }

ul#nav.access_level_report li a#nav_contact span.ico { background: url('../medias_templates/sprite_ico_nav_serie3.png') no-repeat -223px 0 }
ul#nav.access_level_report li.current a#nav_contact span.ico,
ul#nav.access_level_report li a#nav_contact:hover span.ico { background: url('../medias_templates/sprite_ico_nav_serie3.png') no-repeat -223px -111px }
/* */

#top .account_wrapper { float: left; width: 300px; margin-top: 35px; clear: both }
#top .account_wrapper span.account_type,
#top .account_wrapper a,
#top .account_wrapper a span { font-family: 'Oswald'; font-weight: normal; font-size: 15px; color: #FFF }
#top .account_wrapper a.link_logout { text-decoration: none }
#top .account_wrapper a.link_logout span { color: #FFF; text-decoration: underline }

#content { width: 970px; min-height: 520px; margin: 0 auto; padding: 20px 0 }

#footer { float: left; width: 100%; background: url('../medias_templates/bg_footer.png') no-repeat center top }
#footerWrapper { width: 1000px; margin: 10px auto 0 auto }
#footerWrapper p { float: right; padding-right: 10px; margin-top: 10px; text-align: right; font-size: 10px; color: #999 }
#footerWrapper p.version { float: left }
#footerWrapper a { float: right; width: 74px; height: 46px; background: url('../medias_templates/logo_small_coresta.png') no-repeat 0 0 }
#footerWrapper a span { display: none }
/* filters */
.filters { float: left; width: 665px; padding: 10px; background-color: #F9F9F9; border: 1px solid #E4E4E4 }
.filters h2 { margin-top: 8px; font-family: 'Oswald'; font-weight: normal }
.filters form .left_col { float: left; width: 310px }
.filters form .right_col { float: right; width: 310px }
.filters form p label { margin-right: 5px }
.filters form p#block_aggregated_analyte label { width: 212px; margin-right: 0 }
.filters form p#block_aggregated_analyte input.checkbox { margin-top: 5px }
.filters form p#block_crop_year span.value { display: block; margin-top: 6px }
.filters form p#block_crop_year span.error { margin-left: 0; width: 100% }
.filters form p button.ui-multiselect { width: 205px !important; position: relative; top: 2px }
.filters form p input.text { width: 185px }
.filters form #slider_years { float: left; clear: both; width: 287px; margin-top: 10px; border: 1px solid #D8DCDF; margin-bottom: 6px }
.filters form #slider_years .ui-slider-range { background: #5779c4 }
.filters form p span.error { clear: both; width: 180px; display: block; margin-left: 105px; font-style: italic; margin-top: 5px }
.filters form .submitBlock { float: right; clear: both; margin-top: 15px }
.filters form .submitBlock .button { float: left; margin-left: 15px }
.filters form p span.sub_block { float: left; margin: 6px 0 0 9px }
.filters form p span.sub_block label { float: none; width: 25px }
.filters form p label .filter_sub_label { font-style: italic; color: #999 }
.filters form p#block_aggregated_analyte span.sub_block { margin-left: 4px }

/* Noty */
.noty_bar.lsm { background-image: none; border-width: 2px }

.noty_bar.lsm.success { background-color: #e6f3c7; border-color: #8ec508 }
.noty_bar.lsm.success .noty_text { color: #44590e }

.noty_bar.lsm.error { background-color: #f3e0e4; border-color: #db274c }
.noty_bar.lsm.error .noty_text { color: #5e1f30 }

.noty_bar.lsm.alert { background-color: #fff7e8; border-color: #ffb027 }
.noty_bar.lsm.alert .noty_text { color: #453003 }