/*
	opentime
	$Author: perrick $
	$URL: svn://o2.noparking.net:85/var/repos/opentime/medias/css/styles.css $
	$Revision: 1926 $

	Copyright (C) No Parking 2001 - 2011
*/

.absence { border: 1px solid #e73029; background-color: #ffffff; background-image: url("../images/class_absence.gif"); background-repeat: no-repeat; background-position: bottom right; }
.back { text-align: center; margin-top: 4em; }
.bg_right { background-color: #eeeeee; }
.black { color: #000000; background-color: #e6e6e6; }
.calendar-month { height: 50pt; }
.calendar-halfhour { height: 15pt; }
.center { text-align: center; }
.chapeau { font-size: 9pt; }
.comment { color: #999999; font-size: 7pt; }
.pager strong { background-color: #ffb600; padding-left: 3px; padding-right: 3px; }
.details { display: none; }
.disabled { color: #888888; }
.error { border: 1px solid #e73029; }
.email { padding-right: 15px; background-image: url("../images/link_email.gif"); background-repeat: no-repeat; background-position: top right; }
.event { border: 1px solid #188fe7; background-color: #ffffff; background-image: url("../images/class_event.gif"); background-repeat: no-repeat; background-position: bottom right; }
.event_conflict { background-image: url("../images/class_probleme.gif"); }
.event_email { background-image: url("../images/class_email.gif"); }
.event_rdv { background-image: url("../images/class_rdv.gif"); }
.event_tel { background-image: url("../images/class_tel.gif"); }
.event_to_move { background: url("../images/move.gif") no-repeat bottom right; font-weight: bold; padding-bottom: 25px; }
.excess { border: 1px solid #e73029; background-repeat: no-repeat; background-position: bottom right; }
.green { color: #498a1a; background-color: #e6eedf !important; }
.green_number { color: #009900; font-weight: bold; }
.half_left { padding-right: 0.5em; float: left; width: 49%; margin: 1em 0; }
.half_right { padding-left: 0.5em; background-color: #eeeeee; float: right; width: 49%; margin: 1em 0; }
.half_right_simple { padding-left: 0.5em; float: right; width: 49%; margin: 1em 0; }
.hand { cursor: pointer; }
.help { color: #888888; display: none; visibility: hidden; width: 20em; }
.hour { padding: 0.2em; }
.late { border: 1px solid #e73029; background-image: url("../images/class_en_retard.gif"); background-repeat: no-repeat; background-position: bottom right; }
.mask { list-style: none; display: none; }
.nowhere { position: absolute; left: -100px; top: -100px; }
.ok { border: 1px solid #498a1a; }
.on-track { border: 1px solid #498a1a; }
.orange { color: #ffe8bf; background-color: #fbaa15; }
.orange_number { color: #ff9900; font-weight: bold; }
.outside { color: #cccccc; }
.pending { border: 1px solid #fbaa15; background-image: url("../images/class_approche.gif"); background-repeat: no-repeat; background-position: bottom right; }
.picker { border: #000000 1px solid; background-color: #ffffff; }
.private { border: 1px solid #e1e1e1; background-image: url("../images/class_prive.gif"); background-repeat: no-repeat; background-position: bottom right; }
.ps { font-size: 8pt; }
.right { text-align: right; }
.red { color: #fbe2e1; background-color: #e73029 !important; }
.red_number { color: #ff0000; font-weight: bold; }
.request { border: 1px solid #9ef51b; background-color: #ffffff; background-image: url("../images/class_echeance.gif"); background-repeat: no-repeat; background-position: bottom right; }
.request_closed { background-image: url(../images/link_hash.gif); background-repeat: repeat; }
.shortcut { font-size: 7pt; color: #620000; }
.shrink { padding-right: 15px; background-image: url("../images/link_shrink.gif"); background-repeat: no-repeat; background-position: top right; }
.small { font-size: 7pt; }
.smallbold { font-size: 7pt; font-weight: bold; }
.soustitre { font-size: 8pt; }
.sparkline-last { font-weight: bold; padding-left: 0.3em; }
.sparkline-max { color: #009900; padding-left: 0.3em; }
.sparkline-min { color: #ff0000; padding-left: 0.3em; }
.sparkline-name { padding-left: 0.3em; }
.strong { font-weight: bold; }
.surtitre { font-size: 8pt; }
.tip { background-color: #ffffff; color: #888888; display: none; position: absolute; width: 20em; }
.titre { color: #94848c; font-size: 12pt; font-weight: bold; }
.through { text-decoration: line-through; }
.trouble { border: 1px solid #e73029; background-image: url("../images/class_probleme.gif"); background-repeat: no-repeat; background-position: bottom right; padding-bottom: 10px; }
.variation { border: 1px solid #fbaa15; background-repeat: no-repeat; background-position: bottom right; }
.visible { display: block; visibility: visible; }
.waiting { background: url(../images/throbber.gif) no-repeat right center; }

.finish { background-image: url("../images/link_hash.gif"); background-repeat: repeat; }

th.event { color: #ffffff; background-color: #188fe7; padding-left: 16px; background-image: url("../images/link_down_188fe7.gif"); background-repeat: no-repeat; background-position: top left; }
th.finish { color: #ffffff; background-color: #d5d6a3; padding-left: 16px; background-image: url("../images/link_down_d5d6a3.gif"); background-repeat: no-repeat; background-position: top left; }
th.late { color: #ffffff; background-color: #e73029; padding-left: 16px; background-image: url("../images/link_down_e73029.gif"); background-repeat: no-repeat; background-position: top left; }
th.on-track { color: #ffffff; background-color: #498a1a; padding-left: 16px; background-image: url("../images/link_down_498a1a.gif"); background-repeat: no-repeat; background-position: top left; }
th.pending { color: #ffffff; background-color: #fbaa15; padding-left: 16px; background-image: url("../images/link_down_fbaa15.gif"); background-repeat: no-repeat; background-position: top left; }
th.private { color: #ffffff; background-color: #e1e1e1; padding-left: 16px; background-image: url("../images/link_down_e1e1e1.gif"); background-repeat: no-repeat; background-position: top left; }
th.request { color: #ffffff; background-color: #9ef51b; padding-left: 16px; background-image: url("../images/link_down_9ef51b.gif"); background-repeat: no-repeat; background-position: top left; }
tr.level0 td { font-weight: bold; }
div.absence, div.event, div.request { padding-bottom: 10pt; }
table.calendarm th form a, table.calendard th form a { color: #ffb600; font-weight: normal; }
th a.shortcut { text-decoration: none; border-bottom: 1px dotted #ffb600; color: #ffb600; font-weight: normal; }
th a.shortcut:link { color: #ffb600; font-weight: normal; }
th a.shortcut:active { color: #ffb600; font-weight: normal; }
th a.shortcut:visited { color: #ffb600; font-weight: normal; }

.calendarm tr.without-items td, 
.calendarm tr.with-items td {text-align:right;}
.calendarm tr td.with-weeknumber span {display:block;float:left;color:#FFFFFF;background:#bfbfbf;font-size:0.8em;text-align:center;padding:0 1px;}
.calendarm tr td.with-weeknumber.outside span {background:#d9d5d5;}

.timeline { float: left; margin: 0; padding: 0; width: 728px; display: block; color: #6d6d6d; }
.timeline strong { float: left; margin: 2px 0 0 0; width: 100%; font-weight: normal; text-align: center; }
.timeline a { color: #6d6d6d; font-weight: normal; }
.timeline a:link { color: #6d6d6d; text-decoration: none; }
.timeline a:visited { color: #6d6d6d; text-decoration: none; }
.timeline a:active { color: #6d6d6d; text-decoration: none; }
.timeline ul { float: left; margin: 0; padding: 0; list-style-type: none; }
.timeline li { float: left; margin: 0; padding: 0; }
.timeline .timeline_date { float: left; margin: 0 5px 0 5px; height: 15px; width: 76px; background-image: url("../images/timeline_date.png"); background-repeat: no-repeat; background-position: left top; }
.timeline .weekday { float: left; margin: 0; height: 15px; width: 15px; background-image: url("../images/timeline_weekday.png"); background-repeat: no-repeat; background-position: left top; }
.timeline .weekday a:hover { text-decoration: none; }
.timeline .weekend { float: left; margin: 0; height: 15px; width: 15px; background-image: url("../images/timeline_weekend.png"); background-repeat: no-repeat; background-position: left top; }
.timeline .weekend a:hover { text-decoration: none; }
.timeline .weekempty a { color: #FFFFFF; }
.timeline .weekempty a:link { color: #FFFFFF; }
.timeline .weekempty a:visited { color: #FFFFFF; }
.timeline .weekempty a:active { color: #FFFFFF; }

#autocomplete { position: absolute; background: #fff; border: 1px solid; overflow:hidden; }
#autocomplete ul { margin:0; padding:0; list-style: none; }
#autocomplete li { margin: 0; padding: 1px 3px; color:#000; }
#autocomplete li.selected { background:#0072b9; color:#fff; }
input.autocomplete { padding-right: 20px; background-image: url('../images/throbber.gif'); background-repeat:no-repeat; background-position: 100% -20px; }
input.throbbing { background-position: 100% -1px; }

.body-login #content_login {width:380px;}
.body-login #content_login #loginname,
.body-login #content_login #password{width:170px;}
.body-login #content_login li label {padding: 0 10px 8px 0;}
.body-login #content_login li.itemsform-submit {text-align:left;margin-left: 135px;}

.content_archives { background-color: #eeeeee; margin-top: 32px; padding: 10px; }
.content_archives dt { display: block; float: left; font-weight: bold; text-align: right; width: 15%; }
.content_archives dd { display: block; margin-left: 15%; padding-left: 5px;min-height:20px; }

.trouble div { width: 130px; }
.trouble div p { margin: 5px; padding: 0; }

#box-selecting { background-color: #cde9c4; }
.box-moving { background-color: #cde9c4; }

table.configuration td { padding: 3px; }
table.configuration td.key { text-align: center; font-weight: bold; }
table.configuration td.sub_key { text-align: left; }
table.configuration td.value { text-align: left; }
table.configuration td.comment { text-align: left; color: #000; }

.input-ajax-content,
.select-ajax-content { position: relative; }

.input-ajax-dynamic,
.select-ajax-dynamic { margin-top: 4px; font-size: 0.8em; display: none; position: absolute; z-index: 999; background: #FFF; padding: 8px; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.3); }

.input-ajax-dynamic > div,
.select-ajax-dynamic > div { margin-bottom: 8px; }
.input-ajax-static { padding-top: 4px; }
.select-ajax-static { padding: 8px 0; }
.select-ajax-static > div {	margin-bottom: 4px; }

.input-ajax-dynamic input[type="checkbox"],
.select-ajax-dynamic input[type="checkbox"],
.input-ajax-static input[type="checkbox"],
.select-ajax-static input[type="checkbox"] { margin:0 4px 0 0; }

.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

.itemsform.itemsform-login li {border: none;padding: 2px 0;}
.itemsform.itemsform-login li label {padding: 8px 10px 8px 0;}
.itemsform .itemsform-submit {margin:0 28px 8px 0;}
.itemsform .itemsform-submit input {margin-top:20px;}
.itemsform .itemsform-submit a:first-letter {text-transform:uppercase;}

.itemsform.form_display li { border: none; padding: 2px 0; }
.itemsform.form_display li label { color: #999; }
.itemsform.form_display li p { line-height: 2em; float: left; }
.itemsform.form_display li a { display: block; }



.itemsform li { clear: left; margin: 0; padding: 8px 0 4px 0; cursor: pointer; position: relative; list-style: none; }
.itemsform label { width: 125px; padding: 8px 20px 8px 0; line-height: 1em; display: block; text-align: right; float: left; }
.itemsform .txt_field_empty { color: #999; font-size: 12px; padding:8px 0; line-height: 1,2em; float: left; }
.itemsform .hidden_field { float: left; }
.itemsform .field_edit { display: block; }
.itemsform .field_empty { display: none; }

.itemsform .itemsform-bold label,
.itemsform .itemsform-bold input, .itemsform .itemsform-bold select { font-weight: bold; font-size: 20px; } 

.itemsform .pointer { background: url(../images/futura/pointer-form.png) no-repeat left top; width: 12px; height:9px; position: absolute; left:76px; bottom:-8px; margin-bottom:0; }

.itemsform .hidden_field input[type="text"] { width:250px; }
.itemsform .hidden_field input[type="text"].input-zip { width:75px; }
.itemsform .hidden_field input[type="text"].input-date { width: auto; }
.itemsform .hidden_field textarea { width: 400px; }

.itemsform .itemsform-submit { padding-left: 120px; }